@wizishop/angular-components 18.0.0 → 18.2.0

package/esm2022/lib/components/checkbox/checkbox.component.mjs

@@ -44,10 +44,10 @@ export class CheckboxComponent {
     inputClick($event) {
         $event.stopPropagation();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: CheckboxComponent, selector: "wac-checkbox", inputs: { label: "label", value: "value", type: "type", alone: "alone", checked: "checked", hasInput: "hasInput", inputPlaceholder: "inputPlaceholder", id: "id", name: "name", whiteSpace: "whiteSpace", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }], ngImport: i0, template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ 'disable-wt' : !whiteSpace, alone: alone }\">\r\n  <div class=\"wac-field-checkbox__row\">\r\n    <!-- TODO handle radio styles -->\r\n    <input\r\n      [type]=\"type\"\r\n      [id]=\"id\"\r\n      [class]=\"'is-checkradio' + (value ? ' checked' : '')\"\r\n      [name]=\"name\"\r\n      [disabled]=\"disabled\"\r\n      [checked]=\"value\"\r\n      (change)=\"value = !value\"\r\n    />\r\n    <label [attr.for]=\"id\"><span [innerHTML]=\"label\"></span></label>\r\n  </div>\r\n  <input\r\n    *ngIf=\"hasInput && checked\"\r\n    [@inOutYAnimation]\r\n    type=\"text\"\r\n    [placeholder]=\"inputPlaceholder\"\r\n    (click)=\"inputClick($event)\"\r\n  />\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"] }], animations: [inOutY], encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CheckboxComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: CheckboxComponent, selector: "wac-checkbox", inputs: { label: "label", value: "value", type: "type", alone: "alone", checked: "checked", hasInput: "hasInput", inputPlaceholder: "inputPlaceholder", id: "id", name: "name", whiteSpace: "whiteSpace", disabled: "disabled" }, outputs: { valueChange: "valueChange" }, providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }], ngImport: i0, template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ 'disable-wt' : !whiteSpace, alone: alone }\">\r\n  <div class=\"wac-field-checkbox__row\">\r\n    <!-- TODO handle radio styles -->\r\n    <input\r\n      [type]=\"type\"\r\n      [id]=\"id\"\r\n      [class]=\"'is-checkradio' + (value ? ' checked' : '')\"\r\n      [name]=\"name\"\r\n      [disabled]=\"disabled\"\r\n      [checked]=\"value\"\r\n      (change)=\"value = !value\"\r\n    />\r\n    <label [attr.for]=\"id\"><span [innerHTML]=\"label\"></span></label>\r\n  </div>\r\n  <input\r\n    *ngIf=\"hasInput && checked\"\r\n    [@inOutYAnimation]\r\n    type=\"text\"\r\n    [placeholder]=\"inputPlaceholder\"\r\n    (click)=\"inputClick($event)\"\r\n  />\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"] }], animations: [inOutY], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CheckboxComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CheckboxComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-checkbox', providers: [{ provide: NG_VALUE_ACCESSOR, useExisting: CheckboxComponent, multi: true }], animations: [inOutY], encapsulation: ViewEncapsulation.None, template: "<div class=\"wac-field-checkbox\" [ngClass]=\"{ 'disable-wt' : !whiteSpace, alone: alone }\">\r\n  <div class=\"wac-field-checkbox__row\">\r\n    <!-- TODO handle radio styles -->\r\n    <input\r\n      [type]=\"type\"\r\n      [id]=\"id\"\r\n      [class]=\"'is-checkradio' + (value ? ' checked' : '')\"\r\n      [name]=\"name\"\r\n      [disabled]=\"disabled\"\r\n      [checked]=\"value\"\r\n      (change)=\"value = !value\"\r\n    />\r\n    <label [attr.for]=\"id\"><span [innerHTML]=\"label\"></span></label>\r\n  </div>\r\n  <input\r\n    *ngIf=\"hasInput && checked\"\r\n    [@inOutYAnimation]\r\n    type=\"text\"\r\n    [placeholder]=\"inputPlaceholder\"\r\n    (click)=\"inputClick($event)\"\r\n  />\r\n</div>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { label: [{

package/esm2022/lib/components/checkbox/checkbox.module.mjs

@@ -4,13 +4,13 @@ import { FormsModule } from '@angular/forms';
 import { CheckboxComponent } from './checkbox.component';
 import * as i0 from "@angular/core";
 export class CheckboxModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.3", ngImport: i0, type: CheckboxModule, declarations: [CheckboxComponent], imports: [CommonModule,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: CheckboxModule, declarations: [CheckboxComponent], imports: [CommonModule,
             FormsModule], exports: [CheckboxComponent] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CheckboxModule, imports: [CommonModule,
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CheckboxModule, imports: [CommonModule,
             FormsModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: CheckboxModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: CheckboxModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/column/column.component.mjs

@@ -1,10 +1,10 @@
 import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class ColumnComponent {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: ColumnComponent, selector: "wac-column", ngImport: i0, template: "<p>column works!</p>\r\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ColumnComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ColumnComponent, selector: "wac-column", ngImport: i0, template: "<p>column works!</p>\r\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ColumnComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ColumnComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-column', template: "<p>column works!</p>\r\n" }]
         }] });

package/esm2022/lib/components/common/label/label.component.mjs

@@ -4,10 +4,10 @@ export class LabelComponent {
     constructor() { }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: LabelComponent, selector: "wac-label", host: { classAttribute: "wac-label" }, ngImport: i0, template: "<ng-content></ng-content>" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: LabelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: LabelComponent, selector: "wac-label", host: { classAttribute: "wac-label" }, ngImport: i0, template: "<ng-content></ng-content>" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: LabelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: LabelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-label', host: {
                         'class': 'wac-label'

package/esm2022/lib/components/common/placeholder/placeholder.component.mjs

@@ -4,10 +4,10 @@ export class PlaceholderComponent {
     constructor() { }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: PlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: PlaceholderComponent, selector: "wac-placeholder", host: { classAttribute: "wac-placeholder" }, ngImport: i0, template: "<ng-content></ng-content>" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PlaceholderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: PlaceholderComponent, selector: "wac-placeholder", host: { classAttribute: "wac-placeholder" }, ngImport: i0, template: "<ng-content></ng-content>" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: PlaceholderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: PlaceholderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-placeholder', host: {
                         'class': 'wac-placeholder'

package/esm2022/lib/components/confirm-delete/confirm-delete.component.mjs

@@ -34,10 +34,10 @@ export class ConfirmDeleteComponent {
             this.responsiveControl(this.container.nativeElement.offsetWidth);
         }, 100);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ConfirmDeleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: ConfirmDeleteComponent, selector: "wac-confirm-delete", inputs: { open: "open", label: "label", labelCancel: "labelCancel", labelConfirm: "labelConfirm", backgroundColor: "backgroundColor", borderRadius: "borderRadius" }, outputs: { confirm: "confirm" }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div class=\"wac-confirm-delete\" #container [ngClass]=\"{'is-open': open, 'hide-text': hideText}\" [style.backgroundColor]=\"backgroundColor\" [style.borderRadius]=\"borderRadius\">\r\n  <div>\r\n    <span [innerHTML]=\"label\"></span>\r\n  </div>\r\n  <div>\r\n    <div><wac-button [label]=\"labelCancel\" [extraClasses]=\"'is-outlined is-grey'\" (click)=\"eventCancel($event)\"></wac-button></div>\r\n    <div><wac-button [label]=\"labelConfirm\" [extraClasses]=\"'is-danger'\" (click)=\"eventConfirm($event)\"></wac-button></div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.ButtonComponent, selector: "wac-button", inputs: ["extraClasses", "label", "icon", "iconNext", "textcolor", "colorIcon", "widthAuto", "contentHorizontalPosition", "iconFontSize", "hasLoader", "disabled", "whiteSpaceNowrap", "opacity", "animation", "animationRight", "animationText", "confirmDelete", "confirmDeleteText", "coin", "tooltip", "tooltipWidth", "borderColor", "noPadding", "tooltipPosition", "tooltipOneline", "confirmDeletePosition", "isLoading"], outputs: ["click", "isLoadingChange"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ConfirmDeleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ConfirmDeleteComponent, selector: "wac-confirm-delete", inputs: { open: "open", label: "label", labelCancel: "labelCancel", labelConfirm: "labelConfirm", backgroundColor: "backgroundColor", borderRadius: "borderRadius" }, outputs: { confirm: "confirm" }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true }], ngImport: i0, template: "<div class=\"wac-confirm-delete\" #container [ngClass]=\"{'is-open': open, 'hide-text': hideText}\" [style.backgroundColor]=\"backgroundColor\" [style.borderRadius]=\"borderRadius\">\r\n  <div>\r\n    <span [innerHTML]=\"label\"></span>\r\n  </div>\r\n  <div>\r\n    <div><wac-button [label]=\"labelCancel\" [extraClasses]=\"'is-outlined is-grey'\" (click)=\"eventCancel($event)\"></wac-button></div>\r\n    <div><wac-button [label]=\"labelConfirm\" [extraClasses]=\"'is-danger'\" (click)=\"eventConfirm($event)\"></wac-button></div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: i2.ButtonComponent, selector: "wac-button", inputs: ["extraClasses", "label", "icon", "isLoadingSvg", "iconNext", "textcolor", "colorIcon", "widthAuto", "contentHorizontalPosition", "iconFontSize", "hasLoader", "disabled", "whiteSpaceNowrap", "opacity", "animation", "animationRight", "animationText", "confirmDelete", "confirmDeleteText", "coin", "tooltip", "tooltipWidth", "borderColor", "noPadding", "tooltipPosition", "tooltipOneline", "confirmDeletePosition", "isLoading"], outputs: ["click", "isLoadingChange"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ConfirmDeleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ConfirmDeleteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-confirm-delete', template: "<div class=\"wac-confirm-delete\" #container [ngClass]=\"{'is-open': open, 'hide-text': hideText}\" [style.backgroundColor]=\"backgroundColor\" [style.borderRadius]=\"borderRadius\">\r\n  <div>\r\n    <span [innerHTML]=\"label\"></span>\r\n  </div>\r\n  <div>\r\n    <div><wac-button [label]=\"labelCancel\" [extraClasses]=\"'is-outlined is-grey'\" (click)=\"eventCancel($event)\"></wac-button></div>\r\n    <div><wac-button [label]=\"labelConfirm\" [extraClasses]=\"'is-danger'\" (click)=\"eventConfirm($event)\"></wac-button></div>\r\n  </div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { open: [{

package/esm2022/lib/components/content-with-buttons/content-with-buttons.component.mjs

@@ -38,10 +38,10 @@ export class ContentWithButtonsComponent {
     eventReport() {
         this.reportAction.emit(true);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ContentWithButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: ContentWithButtonsComponent, selector: "wac-content-with-buttons", inputs: { iconCopy: "iconCopy", iconTranslate: "iconTranslate", tooltipCopy: "tooltipCopy", tooltipTranslate: "tooltipTranslate", tooltipLinkReport: "tooltipLinkReport", count: "count", countCharacterLabel: "countCharacterLabel", countWordsLabel: "countWordsLabel", reportLabel: "reportLabel" }, outputs: { copyAction: "copyAction", reportAction: "reportAction", translateAction: "translateAction" }, ngImport: i0, template: "<div class=\"wac-content-with-buttons\">\r\n  <div class=\"wac-content-with-buttons__text\">\r\n    <div id=\"{{randomLabelName}}\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"wac-content-with-buttons__text__count\" *ngIf=\"count && countIsReady\">\r\n      <span>{{ countWords }} {{ countWordsLabel }} - {{ countCharacter }} {{ countCharacterLabel }}</span>\r\n      <span><wac-link [tooltipWidth]=\"600\" [tooltip]=\"tooltipLinkReport\" (click)=\"$event.preventDefault();\" (mousedown)=\"$event.preventDefault();eventReport();\" fontSize=\"12px\">{{ reportLabel }}</wac-link></span>\r\n    </div>\r\n  </div>\r\n  <div class=\"wac-content-with-buttons__cta\">\r\n    <div><wac-button extraClasses=\"is-blue opacity static-width\"  [iconFontSize]=\"18\" [icon]=\"iconCopy\" (click)=\"eventCopy()\" [tooltip]=\"tooltipCopy\" [tooltipPosition]=\"'top-center'\" [tooltipOneline]=\"true\"></wac-button></div>\r\n    <div><wac-button extraClasses=\"is-green opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconTranslate\" [tooltip]=\"tooltipTranslate\" [tooltipPosition]=\"'top-center'\" [tooltipOneline]=\"true\" (click)=\"eventTranslate()\"></wac-button></div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ 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", "colorIcon", "widthAuto", "contentHorizontalPosition", "iconFontSize", "hasLoader", "disabled", "whiteSpaceNowrap", "opacity", "animation", "animationRight", "animationText", "confirmDelete", "confirmDeleteText", "coin", "tooltip", "tooltipWidth", "borderColor", "noPadding", "tooltipPosition", "tooltipOneline", "confirmDeletePosition", "isLoading"], outputs: ["click", "isLoadingChange"] }, { kind: "component", type: i3.LinkComponent, selector: "wac-link", inputs: ["href", "tooltip", "tooltipWidth", "target", "id", "class", "fontSize"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ContentWithButtonsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ContentWithButtonsComponent, selector: "wac-content-with-buttons", inputs: { iconCopy: "iconCopy", iconTranslate: "iconTranslate", tooltipCopy: "tooltipCopy", tooltipTranslate: "tooltipTranslate", tooltipLinkReport: "tooltipLinkReport", count: "count", countCharacterLabel: "countCharacterLabel", countWordsLabel: "countWordsLabel", reportLabel: "reportLabel" }, outputs: { copyAction: "copyAction", reportAction: "reportAction", translateAction: "translateAction" }, ngImport: i0, template: "<div class=\"wac-content-with-buttons\">\r\n  <div class=\"wac-content-with-buttons__text\">\r\n    <div id=\"{{randomLabelName}}\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"wac-content-with-buttons__text__count\" *ngIf=\"count && countIsReady\">\r\n      <span>{{ countWords }} {{ countWordsLabel }} - {{ countCharacter }} {{ countCharacterLabel }}</span>\r\n      <span><wac-link [tooltipWidth]=\"600\" [tooltip]=\"tooltipLinkReport\" (click)=\"$event.preventDefault();\" (mousedown)=\"$event.preventDefault();eventReport();\" fontSize=\"12px\">{{ reportLabel }}</wac-link></span>\r\n    </div>\r\n  </div>\r\n  <div class=\"wac-content-with-buttons__cta\">\r\n    <div><wac-button extraClasses=\"is-blue opacity static-width\"  [iconFontSize]=\"18\" [icon]=\"iconCopy\" (click)=\"eventCopy()\" [tooltip]=\"tooltipCopy\" [tooltipPosition]=\"'top-center'\" [tooltipOneline]=\"true\"></wac-button></div>\r\n    <div><wac-button extraClasses=\"is-green opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconTranslate\" [tooltip]=\"tooltipTranslate\" [tooltipPosition]=\"'top-center'\" [tooltipOneline]=\"true\" (click)=\"eventTranslate()\"></wac-button></div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "wac-button", inputs: ["extraClasses", "label", "icon", "isLoadingSvg", "iconNext", "textcolor", "colorIcon", "widthAuto", "contentHorizontalPosition", "iconFontSize", "hasLoader", "disabled", "whiteSpaceNowrap", "opacity", "animation", "animationRight", "animationText", "confirmDelete", "confirmDeleteText", "coin", "tooltip", "tooltipWidth", "borderColor", "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: "18.0.3", ngImport: i0, type: ContentWithButtonsComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ContentWithButtonsComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-content-with-buttons', template: "<div class=\"wac-content-with-buttons\">\r\n  <div class=\"wac-content-with-buttons__text\">\r\n    <div id=\"{{randomLabelName}}\">\r\n      <ng-content></ng-content>\r\n    </div>\r\n    <div class=\"wac-content-with-buttons__text__count\" *ngIf=\"count && countIsReady\">\r\n      <span>{{ countWords }} {{ countWordsLabel }} - {{ countCharacter }} {{ countCharacterLabel }}</span>\r\n      <span><wac-link [tooltipWidth]=\"600\" [tooltip]=\"tooltipLinkReport\" (click)=\"$event.preventDefault();\" (mousedown)=\"$event.preventDefault();eventReport();\" fontSize=\"12px\">{{ reportLabel }}</wac-link></span>\r\n    </div>\r\n  </div>\r\n  <div class=\"wac-content-with-buttons__cta\">\r\n    <div><wac-button extraClasses=\"is-blue opacity static-width\"  [iconFontSize]=\"18\" [icon]=\"iconCopy\" (click)=\"eventCopy()\" [tooltip]=\"tooltipCopy\" [tooltipPosition]=\"'top-center'\" [tooltipOneline]=\"true\"></wac-button></div>\r\n    <div><wac-button extraClasses=\"is-green opacity static-width\" [iconFontSize]=\"18\" [icon]=\"iconTranslate\" [tooltip]=\"tooltipTranslate\" [tooltipPosition]=\"'top-center'\" [tooltipOneline]=\"true\" (click)=\"eventTranslate()\"></wac-button></div>\r\n  </div>\r\n</div>\r\n" }]
         }], propDecorators: { iconCopy: [{

package/esm2022/lib/components/delete/delete.component.mjs

@@ -2,10 +2,10 @@ import { Component } from '@angular/core';
 import * as i0 from "@angular/core";
 export class DeleteComponent {
     constructor() { }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DeleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: DeleteComponent, selector: "wac-delete", ngImport: i0, template: "<div class=\"wac-delete\">\n  <div class=\"wac-delete__wrapper\">\n    <i class=\"fas fa-trash\"></i>\n  </div>\n</div>\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DeleteComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: DeleteComponent, selector: "wac-delete", ngImport: i0, template: "<div class=\"wac-delete\">\n  <div class=\"wac-delete__wrapper\">\n    <i class=\"fas fa-trash\"></i>\n  </div>\n</div>\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DeleteComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DeleteComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-delete', template: "<div class=\"wac-delete\">\n  <div class=\"wac-delete__wrapper\">\n    <i class=\"fas fa-trash\"></i>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [] });

package/esm2022/lib/components/draganddrop-list/draganddrop-list.component.mjs

@@ -37,10 +37,10 @@ export class DraganddropListComponent {
         this.itemsChange.emit(Object.values(this.items));
         this.showTriggerSave = false;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DraganddropListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: DraganddropListComponent, selector: "wac-draganddrop-list", inputs: { label: "label", items: "items", disabled: "disabled", max: "max", labelBtnAdd: "labelBtnAdd", backgroundColor: "backgroundColor" }, outputs: { itemsChange: "itemsChange" }, ngImport: i0, template: "<div class=\"wac-draganddrop-list\" *ngIf=\"!disabled\" [style.backgroundColor]=\"backgroundColor\">\r\n  <div class=\"wac-draganddrop-list__label\" *ngIf=\"label\"><span [innerHTML]=\"label\"></span></div>\r\n  <div class=\"wac-draganddrop-list__wrapper\" [cdkDropListLockAxis]=\"'y'\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n    <div class=\"wac-draganddrop-list__wrapper__item\" [style.backgroundColor]=\"backgroundColor\" *ngFor=\"let item of items;let i = index;\" cdkDrag>\r\n      <div>\r\n        <span class=\"wac-draganddrop-list__wrapper__item__icon\">\r\n          <span></span>\r\n        </span>\r\n        <span (mousedown)=\"$event.stopPropagation()\" class=\"wac-draganddrop-list__wrapper__item__input\">\r\n          <wac-input [value]=\"item\" [extraClasses]=\"'transparent'\" (keyup.enter)=\"saveFieldEnd(i, $event)\" (focusout)=\"saveFieldEnd(i, $event)\"></wac-input>\r\n        </span>\r\n      </div>\r\n      <div (mousedown)=\"$event.stopPropagation()\">\r\n        <div>\r\n          <wac-button [iconFontSize]=\"14\" [opacity]=\"true\" [icon]=\"'fa-regular fa-trash-can'\" [extraClasses]=\"'is-danger'\" (click)=\"delete(i)\"></wac-button>\r\n        </div>\r\n        <div *ngIf=\"i === (items.length - 1) && max > items.length && !showTriggerSave\">\r\n          <wac-button [extraClasses]=\"'is-info'\" [iconFontSize]=\"18\" [opacity]=\"true\" [icon]=\"'fa-regular fa-plus'\" (click)=\"addField()\"></wac-button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"wac-draganddrop-list__wrapper__item wac-draganddrop-list__wrapper__item--trigger\" *ngIf=\"showTriggerSave\">\r\n      <div>\r\n        <span class=\"wac-draganddrop-list__wrapper__item__icon\">\r\n          <span></span>\r\n        </span>\r\n        <span class=\"wac-draganddrop-list__wrapper__item__input\">\r\n          <wac-input [extraClasses]=\"'transparent'\" (keyup.enter)=\"saveNewField($event)\" (focusout)=\"saveNewField($event)\"></wac-input>\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"wac-draganddrop-list wac-draganddrop-list--disabled\" *ngIf=\"disabled\">\r\n  <div class=\"wac-draganddrop-list__label\" *ngIf=\"label\"><span [innerHTML]=\"label\"></span></div>\r\n  <div class=\"wac-draganddrop-list__wrapper\">\r\n    <div class=\"wac-draganddrop-list__wrapper__item\" *ngFor=\"let item of items;let i = index;\">\r\n      <div>\r\n        <span class=\"wac-draganddrop-list__wrapper__item__label\" [innerHTML]=\"item\"></span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i3.InputComponent, selector: "wac-input", inputs: ["label", "value", "type", "placeholder", "textInfo", "textError", "size", "isNumber", "withoutBlock", "icon", "big", "medium", "boldLabel", "min", "max", "disableMargin", "textPrepend", "textAppend", "progressBar", "extraClasses", "keyPreventDefault", "showTooltip", "textTooltip", "iconTooltip", "urlTooltip", "linkTooltip", "padding", "disabled", "indication", "success", "error", "maxlength", "minlength", "indicationLeft"], outputs: ["keypressEnter", "blurred"] }, { kind: "component", type: i4.ButtonComponent, selector: "wac-button", inputs: ["extraClasses", "label", "icon", "iconNext", "textcolor", "colorIcon", "widthAuto", "contentHorizontalPosition", "iconFontSize", "hasLoader", "disabled", "whiteSpaceNowrap", "opacity", "animation", "animationRight", "animationText", "confirmDelete", "confirmDeleteText", "coin", "tooltip", "tooltipWidth", "borderColor", "noPadding", "tooltipPosition", "tooltipOneline", "confirmDeletePosition", "isLoading"], outputs: ["click", "isLoadingChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DraganddropListComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: DraganddropListComponent, selector: "wac-draganddrop-list", inputs: { label: "label", items: "items", disabled: "disabled", max: "max", labelBtnAdd: "labelBtnAdd", backgroundColor: "backgroundColor" }, outputs: { itemsChange: "itemsChange" }, ngImport: i0, template: "<div class=\"wac-draganddrop-list\" *ngIf=\"!disabled\" [style.backgroundColor]=\"backgroundColor\">\r\n  <div class=\"wac-draganddrop-list__label\" *ngIf=\"label\"><span [innerHTML]=\"label\"></span></div>\r\n  <div class=\"wac-draganddrop-list__wrapper\" [cdkDropListLockAxis]=\"'y'\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n    <div class=\"wac-draganddrop-list__wrapper__item\" [style.backgroundColor]=\"backgroundColor\" *ngFor=\"let item of items;let i = index;\" cdkDrag>\r\n      <div>\r\n        <span class=\"wac-draganddrop-list__wrapper__item__icon\">\r\n          <span></span>\r\n        </span>\r\n        <span (mousedown)=\"$event.stopPropagation()\" class=\"wac-draganddrop-list__wrapper__item__input\">\r\n          <wac-input [value]=\"item\" [extraClasses]=\"'transparent'\" (keyup.enter)=\"saveFieldEnd(i, $event)\" (focusout)=\"saveFieldEnd(i, $event)\"></wac-input>\r\n        </span>\r\n      </div>\r\n      <div (mousedown)=\"$event.stopPropagation()\">\r\n        <div>\r\n          <wac-button [iconFontSize]=\"14\" [opacity]=\"true\" [icon]=\"'fa-regular fa-trash-can'\" [extraClasses]=\"'is-danger'\" (click)=\"delete(i)\"></wac-button>\r\n        </div>\r\n        <div *ngIf=\"i === (items.length - 1) && max > items.length && !showTriggerSave\">\r\n          <wac-button [extraClasses]=\"'is-info'\" [iconFontSize]=\"18\" [opacity]=\"true\" [icon]=\"'fa-regular fa-plus'\" (click)=\"addField()\"></wac-button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"wac-draganddrop-list__wrapper__item wac-draganddrop-list__wrapper__item--trigger\" *ngIf=\"showTriggerSave\">\r\n      <div>\r\n        <span class=\"wac-draganddrop-list__wrapper__item__icon\">\r\n          <span></span>\r\n        </span>\r\n        <span class=\"wac-draganddrop-list__wrapper__item__input\">\r\n          <wac-input [extraClasses]=\"'transparent'\" (keyup.enter)=\"saveNewField($event)\" (focusout)=\"saveNewField($event)\"></wac-input>\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"wac-draganddrop-list wac-draganddrop-list--disabled\" *ngIf=\"disabled\">\r\n  <div class=\"wac-draganddrop-list__label\" *ngIf=\"label\"><span [innerHTML]=\"label\"></span></div>\r\n  <div class=\"wac-draganddrop-list__wrapper\">\r\n    <div class=\"wac-draganddrop-list__wrapper__item\" *ngFor=\"let item of items;let i = index;\">\r\n      <div>\r\n        <span class=\"wac-draganddrop-list__wrapper__item__label\" [innerHTML]=\"item\"></span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "component", type: i3.InputComponent, selector: "wac-input", inputs: ["label", "value", "type", "placeholder", "textInfo", "textError", "size", "isNumber", "withoutBlock", "icon", "big", "medium", "boldLabel", "min", "max", "disableMargin", "textPrepend", "textAppend", "progressBar", "extraClasses", "keyPreventDefault", "showTooltip", "textTooltip", "iconTooltip", "urlTooltip", "linkTooltip", "padding", "disabled", "indication", "success", "error", "maxlength", "minlength", "indicationLeft"], outputs: ["keypressEnter", "blurred"] }, { kind: "component", type: i4.ButtonComponent, selector: "wac-button", inputs: ["extraClasses", "label", "icon", "isLoadingSvg", "iconNext", "textcolor", "colorIcon", "widthAuto", "contentHorizontalPosition", "iconFontSize", "hasLoader", "disabled", "whiteSpaceNowrap", "opacity", "animation", "animationRight", "animationText", "confirmDelete", "confirmDeleteText", "coin", "tooltip", "tooltipWidth", "borderColor", "noPadding", "tooltipPosition", "tooltipOneline", "confirmDeletePosition", "isLoading"], outputs: ["click", "isLoadingChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DraganddropListComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DraganddropListComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-draganddrop-list', changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"wac-draganddrop-list\" *ngIf=\"!disabled\" [style.backgroundColor]=\"backgroundColor\">\r\n  <div class=\"wac-draganddrop-list__label\" *ngIf=\"label\"><span [innerHTML]=\"label\"></span></div>\r\n  <div class=\"wac-draganddrop-list__wrapper\" [cdkDropListLockAxis]=\"'y'\" cdkDropList (cdkDropListDropped)=\"drop($event)\">\r\n    <div class=\"wac-draganddrop-list__wrapper__item\" [style.backgroundColor]=\"backgroundColor\" *ngFor=\"let item of items;let i = index;\" cdkDrag>\r\n      <div>\r\n        <span class=\"wac-draganddrop-list__wrapper__item__icon\">\r\n          <span></span>\r\n        </span>\r\n        <span (mousedown)=\"$event.stopPropagation()\" class=\"wac-draganddrop-list__wrapper__item__input\">\r\n          <wac-input [value]=\"item\" [extraClasses]=\"'transparent'\" (keyup.enter)=\"saveFieldEnd(i, $event)\" (focusout)=\"saveFieldEnd(i, $event)\"></wac-input>\r\n        </span>\r\n      </div>\r\n      <div (mousedown)=\"$event.stopPropagation()\">\r\n        <div>\r\n          <wac-button [iconFontSize]=\"14\" [opacity]=\"true\" [icon]=\"'fa-regular fa-trash-can'\" [extraClasses]=\"'is-danger'\" (click)=\"delete(i)\"></wac-button>\r\n        </div>\r\n        <div *ngIf=\"i === (items.length - 1) && max > items.length && !showTriggerSave\">\r\n          <wac-button [extraClasses]=\"'is-info'\" [iconFontSize]=\"18\" [opacity]=\"true\" [icon]=\"'fa-regular fa-plus'\" (click)=\"addField()\"></wac-button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div class=\"wac-draganddrop-list__wrapper__item wac-draganddrop-list__wrapper__item--trigger\" *ngIf=\"showTriggerSave\">\r\n      <div>\r\n        <span class=\"wac-draganddrop-list__wrapper__item__icon\">\r\n          <span></span>\r\n        </span>\r\n        <span class=\"wac-draganddrop-list__wrapper__item__input\">\r\n          <wac-input [extraClasses]=\"'transparent'\" (keyup.enter)=\"saveNewField($event)\" (focusout)=\"saveNewField($event)\"></wac-input>\r\n        </span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n\r\n<div class=\"wac-draganddrop-list wac-draganddrop-list--disabled\" *ngIf=\"disabled\">\r\n  <div class=\"wac-draganddrop-list__label\" *ngIf=\"label\"><span [innerHTML]=\"label\"></span></div>\r\n  <div class=\"wac-draganddrop-list__wrapper\">\r\n    <div class=\"wac-draganddrop-list__wrapper__item\" *ngFor=\"let item of items;let i = index;\">\r\n      <div>\r\n        <span class=\"wac-draganddrop-list__wrapper__item__label\" [innerHTML]=\"item\"></span>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }], propDecorators: { label: [{

package/esm2022/lib/components/dropdown/dropdown.component.mjs

@@ -10,10 +10,10 @@ export class DropdownComponent {
     onUserInput(itemIndex) {
         this.userInput.emit(itemIndex);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: DropdownComponent, selector: "wac-dropdown", inputs: { hasIcons: "hasIcons", items: "items" }, outputs: { userInput: "userInput" }, ngImport: i0, template: "<div class=\"wac-dropdown\">\n  <div class=\"wac-dropdown__wrapper\">\n    <i class=\"wac-dropdown__wrapper__icon far fa-ellipsis-v\"></i>\n    <div class=\"wac-dropdown__wrapper__sublevel\">\n      <ul class=\"wac-dropdown__wrapper__sublevel__container\">\n        <li\n          *ngFor=\"let item of items\"\n          class=\"wac-dropdown__wrapper__sublevel__container__item\"\n          (click)=\"onUserInput(item.index)\"\n        >\n          <i\n            *ngIf=\"hasIcons\"\n            [class]=\"item.icon\"\n            [style.font-size.px]=\"item.iconFontSize ? item.iconFontSize : '14'\"\n          ></i>\n          <span>{{ item.label }}</span>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DropdownComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: DropdownComponent, selector: "wac-dropdown", inputs: { hasIcons: "hasIcons", items: "items" }, outputs: { userInput: "userInput" }, ngImport: i0, template: "<div class=\"wac-dropdown\">\n  <div class=\"wac-dropdown__wrapper\">\n    <i class=\"wac-dropdown__wrapper__icon far fa-ellipsis-v\"></i>\n    <div class=\"wac-dropdown__wrapper__sublevel\">\n      <ul class=\"wac-dropdown__wrapper__sublevel__container\">\n        <li\n          *ngFor=\"let item of items\"\n          class=\"wac-dropdown__wrapper__sublevel__container__item\"\n          (click)=\"onUserInput(item.index)\"\n        >\n          <i\n            *ngIf=\"hasIcons\"\n            [class]=\"item.icon\"\n            [style.font-size.px]=\"item.iconFontSize ? item.iconFontSize : '14'\"\n          ></i>\n          <span>{{ item.label }}</span>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: DropdownComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: DropdownComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-dropdown', template: "<div class=\"wac-dropdown\">\n  <div class=\"wac-dropdown__wrapper\">\n    <i class=\"wac-dropdown__wrapper__icon far fa-ellipsis-v\"></i>\n    <div class=\"wac-dropdown__wrapper__sublevel\">\n      <ul class=\"wac-dropdown__wrapper__sublevel__container\">\n        <li\n          *ngFor=\"let item of items\"\n          class=\"wac-dropdown__wrapper__sublevel__container__item\"\n          (click)=\"onUserInput(item.index)\"\n        >\n          <i\n            *ngIf=\"hasIcons\"\n            [class]=\"item.icon\"\n            [style.font-size.px]=\"item.iconFontSize ? item.iconFontSize : '14'\"\n          ></i>\n          <span>{{ item.label }}</span>\n        </li>\n      </ul>\n    </div>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { hasIcons: [{

package/esm2022/lib/components/edit-in-place/edit-in-place.component.mjs

@@ -167,8 +167,8 @@ export class WzEditInPlaceComponent {
         this.isLoading = false;
         event.stopPropagation();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: WzEditInPlaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: WzEditInPlaceComponent, selector: "wac-edit-in-place", inputs: { type: "type", nwbOptions: "nwbOptions", config: "config", label: "label" }, outputs: { customChange: "customChange" }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: WzEditInPlaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: WzEditInPlaceComponent, selector: "wac-edit-in-place", inputs: { type: "type", nwbOptions: "nwbOptions", config: "config", label: "label" }, outputs: { customChange: "customChange" }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: WzEditInPlaceComponent,
@@ -176,7 +176,7 @@ export class WzEditInPlaceComponent {
             }
         ], viewQueries: [{ propertyName: "input", first: true, predicate: ["input"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div [class.nwb-wrapper--editable]=\"type === 'select' || (!editing && !isLoading)\" class=\"wac-edit-in-place nwb-wrapper\" (click)=\"startEditing()\">\n  <span\n    data-text=\"dd\"\n    [class.nwb-is-loading]=\"type === 'select' ? '' : isLoading\"\n    [class.nwb-editing]=\"type === 'select' ? '' : editing\"\n    [ngClass]=\"type === 'select' ? 'nwbSelect' : ''\"\n  >\n    {{ currentValue }}\n  </span>\n\n  <input\n    #input\n    *ngIf=\"type !== 'select' && editing\"\n    [class.nwb-editable]=\"!editing\"\n    [class.nwb-editing]=\"editing\"\n    [class.nwb-is-loading]=\"isLoading\"\n    type=\"text\"\n    [(ngModel)]=\"value\"\n    (focus)=\"edit()\"\n    (blur)=\"onSubmit()\"\n    (keyup.enter)=\"onSubmit()\"\n    [ngStyle]=\"{ 'width.px': inputWidth }\"\n  />\n  <div class=\"nwbSelect__container\" *ngIf=\"type === 'select' && editing\">\n    <div class=\"nwbSelect__background\" (click)=\"closeSelect($event)\"></div>\n    <ng-container *ngFor=\"let nwbOption of objectKeys(nwbOptions)\">\n      <button\n        *ngIf=\"nwbOptions[nwbOption]\"\n        [ngClass]=\"\n          nwbOptions[nwbOption].label === currentValue\n            ? 'nwbSelect__container__item nwbSelect__container__item--selected'\n            : 'nwbSelect__container__item'\n        \"\n        (click)=\"selectOption($event)\"\n        [value]=\"nwbOptions[nwbOption].value\"\n      >\n        {{ nwbOptions[nwbOption].label ? nwbOptions[nwbOption].label : nwbOptions[nwbOption].value }}\n      </button>\n    </ng-container>\n  </div>\n\n  <span class=\"nwb-loader\" [class.nwb-is-loading]=\"type === 'select' ? '' : isLoading\"></span>\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: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: WzEditInPlaceComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: WzEditInPlaceComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-edit-in-place', encapsulation: ViewEncapsulation.None, providers: [
                         {

package/esm2022/lib/components/expanded-panel/expanded-panel.component.mjs

@@ -8,10 +8,10 @@ export class ExpandedPanelComponent {
     }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ExpandedPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: ExpandedPanelComponent, selector: "wac-expanded-panel", inputs: { label: "label", section: "section", open: "open" }, ngImport: i0, template: "<div class=\"wac-expanded-panel\">\r\n  <div class=\"wac-expanded-panel__top\" (click)=\"open = !open\">\r\n    <div class=\"wac-expanded-panel__top__label\" [ngClass]=\"{'big': section}\" [innerHTML]=\"label\"></div>\r\n    <div class=\"wac-expanded-panel__top__icon\" [ngClass]=\"{'is-open': open, 'big': section}\">\r\n      <i class=\"fa-regular fa-angle-down\"></i>\r\n    </div>\r\n  </div>\r\n  <div class=\"wac-expanded-panel__bottom\" [ngClass]=\"{'is-open': open}\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ExpandedPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ExpandedPanelComponent, selector: "wac-expanded-panel", inputs: { label: "label", section: "section", open: "open" }, ngImport: i0, template: "<div class=\"wac-expanded-panel\">\r\n  <div class=\"wac-expanded-panel__top\" (click)=\"open = !open\">\r\n    <div class=\"wac-expanded-panel__top__label\" [ngClass]=\"{'big': section}\" [innerHTML]=\"label\"></div>\r\n    <div class=\"wac-expanded-panel__top__icon\" [ngClass]=\"{'is-open': open, 'big': section}\">\r\n      <i class=\"fa-regular fa-angle-down\"></i>\r\n    </div>\r\n  </div>\r\n  <div class=\"wac-expanded-panel__bottom\" [ngClass]=\"{'is-open': open}\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ExpandedPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ExpandedPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-expanded-panel', template: "<div class=\"wac-expanded-panel\">\r\n  <div class=\"wac-expanded-panel__top\" (click)=\"open = !open\">\r\n    <div class=\"wac-expanded-panel__top__label\" [ngClass]=\"{'big': section}\" [innerHTML]=\"label\"></div>\r\n    <div class=\"wac-expanded-panel__top__icon\" [ngClass]=\"{'is-open': open, 'big': section}\">\r\n      <i class=\"fa-regular fa-angle-down\"></i>\r\n    </div>\r\n  </div>\r\n  <div class=\"wac-expanded-panel__bottom\" [ngClass]=\"{'is-open': open}\">\r\n    <ng-content></ng-content>\r\n  </div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { label: [{

package/esm2022/lib/components/expansion/accordion/accordion.component.mjs

@@ -56,10 +56,10 @@ export class AccordionComponent {
         this.resetListeners$.next();
         this.resetListeners$.complete();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: AccordionComponent, selector: "wac-accordion", inputs: { keepOnlyOnePanelOpen: "keepOnlyOnePanelOpen" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "expansionItems", predicate: ACCORDION_ITEM, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AccordionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: AccordionComponent, selector: "wac-accordion", inputs: { keepOnlyOnePanelOpen: "keepOnlyOnePanelOpen" }, host: { properties: { "class": "this.class" } }, queries: [{ propertyName: "expansionItems", predicate: ACCORDION_ITEM, descendants: true }], ngImport: i0, template: "<ng-content></ng-content>" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: AccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: AccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-accordion', template: "<ng-content></ng-content>" }]
         }], ctorParameters: () => [], propDecorators: { class: [{

package/esm2022/lib/components/expansion/expansion-panel/expansion-panel.component.mjs

@@ -13,10 +13,10 @@ export class ExpansionPanelComponent extends ExpansionPanelDirective {
         this.changeDetectorRef = changeDetectorRef;
         this.class = 'wac-expansion-panel';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ExpansionPanelComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: ExpansionPanelComponent, selector: "wac-expansion-panel", host: { properties: { "class": "this.class", "class.wac-expansion-panel--disabled": "this.isDisabled" } }, providers: [{ provide: ACCORDION_ITEM, useExisting: ExpansionPanelComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"wac-expansion-panel-header, wacExpansionPanelHeader\"></ng-content>\r\n<div *ngIf=\"isExpanded\">\r\n    <ng-content></ng-content>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ExpansionPanelComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ExpansionPanelComponent, selector: "wac-expansion-panel", host: { properties: { "class": "this.class", "class.wac-expansion-panel--disabled": "this.isDisabled" } }, providers: [{ provide: ACCORDION_ITEM, useExisting: ExpansionPanelComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content select=\"wac-expansion-panel-header, wacExpansionPanelHeader\"></ng-content>\r\n<div *ngIf=\"isExpanded\">\r\n    <ng-content></ng-content>\r\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ExpansionPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-expansion-panel', providers: [{ provide: ACCORDION_ITEM, useExisting: ExpansionPanelComponent }], template: "<ng-content select=\"wac-expansion-panel-header, wacExpansionPanelHeader\"></ng-content>\r\n<div *ngIf=\"isExpanded\">\r\n    <ng-content></ng-content>\r\n</div>" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { class: [{

package/esm2022/lib/components/expansion/expansion-panel/expansion-panel.directive.mjs

@@ -64,10 +64,10 @@ export class ExpansionPanelDirective {
         this.isExpanded = !this.isExpanded;
         this.expandChange.emit();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ExpansionPanelDirective, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: ExpansionPanelDirective, selector: "[wacExpansionPanel]", inputs: { disabled: "disabled", hideToggle: "hideToggle", isExpanded: "isExpanded" }, outputs: { isExpandedChange: "isExpandedChange" }, providers: [{ provide: ACCORDION_ITEM, useExisting: ExpansionPanelDirective }], queries: [{ propertyName: "header", first: true, predicate: EXPANSION_PANEL_HEADER, descendants: true }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ExpansionPanelDirective, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: ExpansionPanelDirective, selector: "[wacExpansionPanel]", inputs: { disabled: "disabled", hideToggle: "hideToggle", isExpanded: "isExpanded" }, outputs: { isExpandedChange: "isExpandedChange" }, providers: [{ provide: ACCORDION_ITEM, useExisting: ExpansionPanelDirective }], queries: [{ propertyName: "header", first: true, predicate: EXPANSION_PANEL_HEADER, descendants: true }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ExpansionPanelDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ExpansionPanelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wacExpansionPanel]',

package/esm2022/lib/components/expansion/expansion-panel-header/expansion-panel-header.component.mjs

@@ -11,10 +11,10 @@ export class ExpansionPanelHeaderComponent extends ExpansionPanelHeaderDirective
         this.changeDetectorRef = changeDetectorRef;
         this.class = 'wac-expansion-panel-header';
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ExpansionPanelHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: ExpansionPanelHeaderComponent, selector: "wac-expansion-panel-header", host: { properties: { "class": "this.class", "class.wac-expansion-panel-header--disabled": "this.isDisabled" } }, providers: [{ provide: EXPANSION_PANEL_HEADER, useExisting: ExpansionPanelHeaderComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\r\n<i class=\"wac-expansion-panel-header__icon\" [class]=\"isExpanded ? 'fas fa-angle-down' : 'fas fa-angle-up'\"></i>", encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ExpansionPanelHeaderComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: ExpansionPanelHeaderComponent, selector: "wac-expansion-panel-header", host: { properties: { "class": "this.class", "class.wac-expansion-panel-header--disabled": "this.isDisabled" } }, providers: [{ provide: EXPANSION_PANEL_HEADER, useExisting: ExpansionPanelHeaderComponent }], usesInheritance: true, ngImport: i0, template: "<ng-content></ng-content>\r\n<i class=\"wac-expansion-panel-header__icon\" [class]=\"isExpanded ? 'fas fa-angle-down' : 'fas fa-angle-up'\"></i>", encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ExpansionPanelHeaderComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ExpansionPanelHeaderComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-expansion-panel-header', encapsulation: ViewEncapsulation.None, providers: [{ provide: EXPANSION_PANEL_HEADER, useExisting: ExpansionPanelHeaderComponent }], template: "<ng-content></ng-content>\r\n<i class=\"wac-expansion-panel-header__icon\" [class]=\"isExpanded ? 'fas fa-angle-down' : 'fas fa-angle-up'\"></i>" }]
         }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { class: [{

package/esm2022/lib/components/expansion/expansion-panel-header/expansion-panel-header.directive.mjs

@@ -21,10 +21,10 @@ export class ExpansionPanelHeaderDirective {
         this.isExpanded = !this.isExpanded;
         this.toggle();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ExpansionPanelHeaderDirective, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.3", type: ExpansionPanelHeaderDirective, selector: "[wacExpansionPanelHeader]", inputs: { disabled: "disabled", hideToggle: "hideToggle", isExpanded: "isExpanded" }, outputs: { disabledChange: "disabledChange", hideToggleChange: "hideToggleChange", isExpandedChange: "isExpandedChange" }, host: { listeners: { "click": "onClick()" } }, providers: [{ provide: EXPANSION_PANEL_HEADER, useExisting: ExpansionPanelHeaderDirective }], ngImport: i0 }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ExpansionPanelHeaderDirective, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.0", type: ExpansionPanelHeaderDirective, selector: "[wacExpansionPanelHeader]", inputs: { disabled: "disabled", hideToggle: "hideToggle", isExpanded: "isExpanded" }, outputs: { disabledChange: "disabledChange", hideToggleChange: "hideToggleChange", isExpandedChange: "isExpandedChange" }, host: { listeners: { "click": "onClick()" } }, providers: [{ provide: EXPANSION_PANEL_HEADER, useExisting: ExpansionPanelHeaderDirective }], ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ExpansionPanelHeaderDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ExpansionPanelHeaderDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wacExpansionPanelHeader]',

package/esm2022/lib/components/expansion/expansion.module.mjs

@@ -20,17 +20,17 @@ export const ExpansionExport = [
     ...directives
 ];
 export class ExpansionModule {
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ExpansionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
-    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.0.3", ngImport: i0, type: ExpansionModule, declarations: [ExpansionPanelComponent,
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ExpansionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "18.2.0", ngImport: i0, type: ExpansionModule, declarations: [ExpansionPanelComponent,
             ExpansionPanelHeaderComponent,
             AccordionComponent, ExpansionPanelDirective,
             ExpansionPanelHeaderDirective], imports: [CommonModule], exports: [ExpansionPanelComponent,
             ExpansionPanelHeaderComponent,
             AccordionComponent, ExpansionPanelDirective,
             ExpansionPanelHeaderDirective] }); }
-    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ExpansionModule, imports: [CommonModule] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ExpansionModule, imports: [CommonModule] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: ExpansionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: ExpansionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [

package/esm2022/lib/components/filters/filters.component.mjs

@@ -25,10 +25,10 @@ export class FiltersComponent {
         this.filterActiveIndex = null;
         this.filterChange.emit(-1);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: FiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: FiltersComponent, selector: "wac-filters", inputs: { options: "options", labelRestart: "labelRestart" }, outputs: { filterChange: "filterChange" }, ngImport: i0, template: "<div class=\"wac-filters\">\n  <div class=\"wac-filters__wrapper\" *ngIf=\"!filterActiveIndex\">\n    <button *ngFor=\"let option of options; let i = index\">\n      <span class=\"event\" (click)=\"activeFilter(i)\"></span><span [innerHTML]=\"option.name\"></span>\n    </button>\n  </div>\n  <div class=\"wac-filters__wrapper\" *ngIf=\"filterActiveIndex\">\n    <button (click)=\"resetFilter()\" class=\"active\">\n      <i class=\"fas fa-times\"></i><span [innerHTML]=\"options[filterActiveIndex].name\"></span>\n    </button>\n    <span (click)=\"resetFilter()\">{{ labelRestart }}</span>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FiltersComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: FiltersComponent, selector: "wac-filters", inputs: { options: "options", labelRestart: "labelRestart" }, outputs: { filterChange: "filterChange" }, ngImport: i0, template: "<div class=\"wac-filters\">\n  <div class=\"wac-filters__wrapper\" *ngIf=\"!filterActiveIndex\">\n    <button *ngFor=\"let option of options; let i = index\">\n      <span class=\"event\" (click)=\"activeFilter(i)\"></span><span [innerHTML]=\"option.name\"></span>\n    </button>\n  </div>\n  <div class=\"wac-filters__wrapper\" *ngIf=\"filterActiveIndex\">\n    <button (click)=\"resetFilter()\" class=\"active\">\n      <i class=\"fas fa-times\"></i><span [innerHTML]=\"options[filterActiveIndex].name\"></span>\n    </button>\n    <span (click)=\"resetFilter()\">{{ labelRestart }}</span>\n  </div>\n</div>\n", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: FiltersComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FiltersComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-filters', template: "<div class=\"wac-filters\">\n  <div class=\"wac-filters__wrapper\" *ngIf=\"!filterActiveIndex\">\n    <button *ngFor=\"let option of options; let i = index\">\n      <span class=\"event\" (click)=\"activeFilter(i)\"></span><span [innerHTML]=\"option.name\"></span>\n    </button>\n  </div>\n  <div class=\"wac-filters__wrapper\" *ngIf=\"filterActiveIndex\">\n    <button (click)=\"resetFilter()\" class=\"active\">\n      <i class=\"fas fa-times\"></i><span [innerHTML]=\"options[filterActiveIndex].name\"></span>\n    </button>\n    <span (click)=\"resetFilter()\">{{ labelRestart }}</span>\n  </div>\n</div>\n" }]
         }], ctorParameters: () => [], propDecorators: { options: [{

package/esm2022/lib/components/free-popin/free-popin.component.mjs

@@ -40,10 +40,10 @@ export class FreePopinComponent {
             this.firstOpen = false;
         }
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: FreePopinComponent, deps: [{ token: i1.DomService }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: FreePopinComponent, selector: "wac-free-popin", inputs: { okButtonLabel: "okButtonLabel", koButtonLabel: "koButtonLabel", visible: "visible", disableCloseOutside: "disableCloseOutside", background: "background", zIndex: "zIndex" }, outputs: { visibleChange: "visibleChange", response: "response" }, ngImport: i0, template: "<div class=\"wac-free-popin\" *ngIf=\"visible\" [ngStyle]=\"{'z-index': zIndex}\">\r\n    <div class=\"wac-free-popin__wrapper\" wzAutoHide (clickOutside)=\"!disableCloseOutside ? closePopin() : ''\">\r\n      <a class=\"wac-free-popin__wrapper__button-close\" (click)=\"closePopin()\">\r\n        <i class=\"fas fa-times\"></i>\r\n      </a>\r\n      <div class=\"wac-free-popin__wrapper__content\">\r\n        <ng-scrollbar [visibility]=\"'hover'\" >\r\n          <ng-content></ng-content>\r\n        </ng-scrollbar>\r\n      </div>\r\n      <div class=\"wac-free-popin__wrapper__buttons\">\r\n        <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"okButtonLabel\">\r\n          <wac-button [extraClasses]=\"'is-success'\" [label]=\"okButtonLabel\" [hasLoader]=\"true\" (click)=\"validatePopin()\"></wac-button>\r\n        </div>\r\n        <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"koButtonLabel\">\r\n          <wac-button [extraClasses]=\"'is-danger is-outlined'\" [label]=\"koButtonLabel\" [hasLoader]=\"true\" (click)=\"refusePopin()\"></wac-button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  <div class=\"wac-free-popin__background\" *ngIf=\"background\"></div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "component", type: i4.NgScrollbar, selector: "ng-scrollbar", inputs: ["disabled", "sensorDisabled", "pointerEventsDisabled", "viewportPropagateMouseMove", "autoHeightDisabled", "autoWidthDisabled", "viewClass", "trackClass", "thumbClass", "minThumbSize", "trackClickScrollDuration", "pointerEventsMethod", "track", "visibility", "appearance", "position", "sensorDebounce", "scrollAuditTime"], outputs: ["updated"], exportAs: ["ngScrollbar"] }, { kind: "component", type: i5.ButtonComponent, selector: "wac-button", inputs: ["extraClasses", "label", "icon", "iconNext", "textcolor", "colorIcon", "widthAuto", "contentHorizontalPosition", "iconFontSize", "hasLoader", "disabled", "whiteSpaceNowrap", "opacity", "animation", "animationRight", "animationText", "confirmDelete", "confirmDeleteText", "coin", "tooltip", "tooltipWidth", "borderColor", "noPadding", "tooltipPosition", "tooltipOneline", "confirmDeletePosition", "isLoading"], outputs: ["click", "isLoadingChange"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FreePopinComponent, deps: [{ token: i1.DomService }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: FreePopinComponent, selector: "wac-free-popin", inputs: { okButtonLabel: "okButtonLabel", koButtonLabel: "koButtonLabel", visible: "visible", disableCloseOutside: "disableCloseOutside", background: "background", zIndex: "zIndex" }, outputs: { visibleChange: "visibleChange", response: "response" }, ngImport: i0, template: "<div class=\"wac-free-popin\" *ngIf=\"visible\" [ngStyle]=\"{'z-index': zIndex}\">\r\n    <div class=\"wac-free-popin__wrapper\" wzAutoHide (clickOutside)=\"!disableCloseOutside ? closePopin() : ''\">\r\n      <a class=\"wac-free-popin__wrapper__button-close\" (click)=\"closePopin()\">\r\n        <i class=\"fas fa-times\"></i>\r\n      </a>\r\n      <div class=\"wac-free-popin__wrapper__content\">\r\n        <ng-scrollbar [visibility]=\"'hover'\" >\r\n          <ng-content></ng-content>\r\n        </ng-scrollbar>\r\n      </div>\r\n      <div class=\"wac-free-popin__wrapper__buttons\">\r\n        <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"okButtonLabel\">\r\n          <wac-button [extraClasses]=\"'is-success'\" [label]=\"okButtonLabel\" [hasLoader]=\"true\" (click)=\"validatePopin()\"></wac-button>\r\n        </div>\r\n        <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"koButtonLabel\">\r\n          <wac-button [extraClasses]=\"'is-danger is-outlined'\" [label]=\"koButtonLabel\" [hasLoader]=\"true\" (click)=\"refusePopin()\"></wac-button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  <div class=\"wac-free-popin__background\" *ngIf=\"background\"></div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i3.AutoHideDirective, selector: "[wzAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "component", type: i4.NgScrollbar, selector: "ng-scrollbar", inputs: ["disabled", "sensorDisabled", "pointerEventsDisabled", "viewportPropagateMouseMove", "autoHeightDisabled", "autoWidthDisabled", "viewClass", "trackClass", "thumbClass", "minThumbSize", "trackClickScrollDuration", "pointerEventsMethod", "track", "visibility", "appearance", "position", "sensorDebounce", "scrollAuditTime"], outputs: ["updated"], exportAs: ["ngScrollbar"] }, { kind: "component", type: i5.ButtonComponent, selector: "wac-button", inputs: ["extraClasses", "label", "icon", "isLoadingSvg", "iconNext", "textcolor", "colorIcon", "widthAuto", "contentHorizontalPosition", "iconFontSize", "hasLoader", "disabled", "whiteSpaceNowrap", "opacity", "animation", "animationRight", "animationText", "confirmDelete", "confirmDeleteText", "coin", "tooltip", "tooltipWidth", "borderColor", "noPadding", "tooltipPosition", "tooltipOneline", "confirmDeletePosition", "isLoading"], outputs: ["click", "isLoadingChange"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: FreePopinComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: FreePopinComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-free-popin', template: "<div class=\"wac-free-popin\" *ngIf=\"visible\" [ngStyle]=\"{'z-index': zIndex}\">\r\n    <div class=\"wac-free-popin__wrapper\" wzAutoHide (clickOutside)=\"!disableCloseOutside ? closePopin() : ''\">\r\n      <a class=\"wac-free-popin__wrapper__button-close\" (click)=\"closePopin()\">\r\n        <i class=\"fas fa-times\"></i>\r\n      </a>\r\n      <div class=\"wac-free-popin__wrapper__content\">\r\n        <ng-scrollbar [visibility]=\"'hover'\" >\r\n          <ng-content></ng-content>\r\n        </ng-scrollbar>\r\n      </div>\r\n      <div class=\"wac-free-popin__wrapper__buttons\">\r\n        <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"okButtonLabel\">\r\n          <wac-button [extraClasses]=\"'is-success'\" [label]=\"okButtonLabel\" [hasLoader]=\"true\" (click)=\"validatePopin()\"></wac-button>\r\n        </div>\r\n        <div class=\"wac-free-popin__wrapper__buttons__button\" *ngIf=\"koButtonLabel\">\r\n          <wac-button [extraClasses]=\"'is-danger is-outlined'\" [label]=\"koButtonLabel\" [hasLoader]=\"true\" (click)=\"refusePopin()\"></wac-button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  <div class=\"wac-free-popin__background\" *ngIf=\"background\"></div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [{ type: i1.DomService }], propDecorators: { okButtonLabel: [{

package/esm2022/lib/components/google-preview/google-preview.component.mjs

@@ -4,10 +4,10 @@ export class GooglePreviewComponent {
     constructor() { }
     ngOnInit() {
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GooglePreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: GooglePreviewComponent, selector: "wac-google-preview", inputs: { title: "title", url: "url", description: "description" }, ngImport: i0, template: "<div class=\"wac-google-preview\">\r\n  <div class=\"wac-google-preview__url\" [innerHTML]=\"url\"></div>\r\n  <div class=\"wac-google-preview__title\" [innerHTML]=\"title\"></div>\r\n  <div class=\"wac-google-preview__description\" [innerHTML]=\"description\"></div>\r\n</div>\r\n" }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: GooglePreviewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: GooglePreviewComponent, selector: "wac-google-preview", inputs: { title: "title", url: "url", description: "description" }, ngImport: i0, template: "<div class=\"wac-google-preview\">\r\n  <div class=\"wac-google-preview__url\" [innerHTML]=\"url\"></div>\r\n  <div class=\"wac-google-preview__title\" [innerHTML]=\"title\"></div>\r\n  <div class=\"wac-google-preview__description\" [innerHTML]=\"description\"></div>\r\n</div>\r\n" }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: GooglePreviewComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: GooglePreviewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wac-google-preview', template: "<div class=\"wac-google-preview\">\r\n  <div class=\"wac-google-preview__url\" [innerHTML]=\"url\"></div>\r\n  <div class=\"wac-google-preview__title\" [innerHTML]=\"title\"></div>\r\n  <div class=\"wac-google-preview__description\" [innerHTML]=\"description\"></div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [], propDecorators: { title: [{

package/esm2022/lib/components/header-page/header-page.component.mjs

@@ -12,18 +12,22 @@ export class HeaderPageComponent {
         this.useHistory = false;
     }
     back() {
-        if (!this.useHistory) {
+        if (this.useHistory && !this.linkBack) {
+            window.history.back();
+            return;
+        }
+        else if (!this.useHistory) {
             this.historyService.redirect(this.linkBack);
             return;
         }
         this.historyService.back(this.linkBack);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: HeaderPageComponent, deps: [{ token: i1.HistoryService }, { token: i2.Location }], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.3", type: HeaderPageComponent, selector: "wac-header-page", inputs: { title: "title", linkBack: "linkBack", withImg: "withImg", center: "center", useHistory: "useHistory" }, ngImport: i0, template: "<div class=\"wac-header-page\">\r\n  <div class=\"wac-header-page__maxWidth\">\r\n    <div class=\"wac-header-page__maxWidth__top\" [ngClass]=\"{'center':center}\">\r\n      <div class=\"wac-header-page__maxWidth__top__left\" [ngClass]=\"{'fullsize':center}\">\r\n        <div class=\"wac-header-page__maxWidth__top__left__nowrap\">\r\n          <a *ngIf=\"linkBack\" (click)=\"back()\"><i class=\"fas fa-chevron-left\"></i></a>\r\n          <wac-h1 [center]=\"center\" [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\r\n        </div>\r\n        <p class=\"subtitle\"><ng-content select=\"[role=subtitle]\"></ng-content></p>\r\n      </div>\r\n      <div class=\"wac-header-page__maxWidth__top__right\" *ngIf=\"!center\">\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.H1Component, selector: "wac-h1", inputs: ["annotation", "withImg", "center", "color"] }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: HeaderPageComponent, deps: [{ token: i1.HistoryService }, { token: i2.Location }], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.0", type: HeaderPageComponent, selector: "wac-header-page", inputs: { title: "title", linkBack: "linkBack", withImg: "withImg", center: "center", useHistory: "useHistory" }, ngImport: i0, template: "<div class=\"wac-header-page\">\r\n  <div class=\"wac-header-page__maxWidth\">\r\n    <div class=\"wac-header-page__maxWidth__top\" [ngClass]=\"{'center':center}\">\r\n      <div class=\"wac-header-page__maxWidth__top__left\" [ngClass]=\"{'fullsize':center}\">\r\n        <div class=\"wac-header-page__maxWidth__top__left__nowrap\">\r\n          <a *ngIf=\"linkBack || useHistory\" (click)=\"back()\"><i class=\"fas fa-chevron-left\"></i></a>\r\n          <wac-h1 [center]=\"center\" [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\r\n        </div>\r\n        <p class=\"subtitle\"><ng-content select=\"[role=subtitle]\"></ng-content></p>\r\n      </div>\r\n      <div class=\"wac-header-page__maxWidth__top__right\" *ngIf=\"!center\">\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.H1Component, selector: "wac-h1", inputs: ["annotation", "withImg", "center", "color"] }] }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImport: i0, type: HeaderPageComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.0", ngImport: i0, type: HeaderPageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'wac-header-page', template: "<div class=\"wac-header-page\">\r\n  <div class=\"wac-header-page__maxWidth\">\r\n    <div class=\"wac-header-page__maxWidth__top\" [ngClass]=\"{'center':center}\">\r\n      <div class=\"wac-header-page__maxWidth__top__left\" [ngClass]=\"{'fullsize':center}\">\r\n        <div class=\"wac-header-page__maxWidth__top__left__nowrap\">\r\n          <a *ngIf=\"linkBack\" (click)=\"back()\"><i class=\"fas fa-chevron-left\"></i></a>\r\n          <wac-h1 [center]=\"center\" [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\r\n        </div>\r\n        <p class=\"subtitle\"><ng-content select=\"[role=subtitle]\"></ng-content></p>\r\n      </div>\r\n      <div class=\"wac-header-page__maxWidth__top__right\" *ngIf=\"!center\">\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
+            args: [{ selector: 'wac-header-page', template: "<div class=\"wac-header-page\">\r\n  <div class=\"wac-header-page__maxWidth\">\r\n    <div class=\"wac-header-page__maxWidth__top\" [ngClass]=\"{'center':center}\">\r\n      <div class=\"wac-header-page__maxWidth__top__left\" [ngClass]=\"{'fullsize':center}\">\r\n        <div class=\"wac-header-page__maxWidth__top__left__nowrap\">\r\n          <a *ngIf=\"linkBack || useHistory\" (click)=\"back()\"><i class=\"fas fa-chevron-left\"></i></a>\r\n          <wac-h1 [center]=\"center\" [withImg]=\"withImg\">{{ title }}<ng-content select=\"[role=header]\"></ng-content></wac-h1>\r\n        </div>\r\n        <p class=\"subtitle\"><ng-content select=\"[role=subtitle]\"></ng-content></p>\r\n      </div>\r\n      <div class=\"wac-header-page__maxWidth__top__right\" *ngIf=\"!center\">\r\n        <ng-content></ng-content>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</div>\r\n" }]
         }], ctorParameters: () => [{ type: i1.HistoryService }, { type: i2.Location }], propDecorators: { title: [{
                 type: Input
             }], linkBack: [{
@@ -35,4 +39,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.3", ngImpor
             }], useHistory: [{
                 type: Input
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9oZWFkZXItcGFnZS9oZWFkZXItcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2hlYWRlci1wYWdlL2hlYWRlci1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQU1qRCxNQUFNLE9BQU8sbUJBQW1CO0lBWTlCLFlBQW9CLGNBQThCLEVBQVUsUUFBa0I7UUFBMUQsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBQVUsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQU45RSxZQUFPLEdBQUcsS0FBSyxDQUFDO1FBRWhCLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFFZixlQUFVLEdBQUcsS0FBSyxDQUFDO0lBRThELENBQUM7SUFDbEYsSUFBSTtRQUNGLElBQUksQ0FBQyxJQUFJLENBQUMsVUFBVSxFQUFFLENBQUM7WUFDckIsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO1lBQzVDLE9BQU87UUFDVCxDQUFDO1FBRUQsSUFBSSxDQUFDLGNBQWMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDO0lBQzFDLENBQUM7OEdBcEJVLG1CQUFtQjtrR0FBbkIsbUJBQW1CLHlLQ1BoQyw4MUJBZ0JBOzsyRkRUYSxtQkFBbUI7a0JBSi9CLFNBQVM7K0JBQ0UsaUJBQWlCOzBHQUszQixLQUFLO3NCQURKLEtBQUs7Z0JBR04sUUFBUTtzQkFEUCxLQUFLO2dCQUdOLE9BQU87c0JBRE4sS0FBSztnQkFHTixNQUFNO3NCQURMLEtBQUs7Z0JBR04sVUFBVTtzQkFEVCxLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgTG9jYXRpb24gfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xyXG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEhpc3RvcnlTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vc2VydmljZXMvaGlzdG9yeS5zZXJ2aWNlJztcclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICd3YWMtaGVhZGVyLXBhZ2UnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi9oZWFkZXItcGFnZS5jb21wb25lbnQuaHRtbCdcclxufSlcclxuZXhwb3J0IGNsYXNzIEhlYWRlclBhZ2VDb21wb25lbnQge1xyXG4gIEBJbnB1dCgpXHJcbiAgdGl0bGU6IHN0cmluZztcclxuICBASW5wdXQoKVxyXG4gIGxpbmtCYWNrOiBzdHJpbmdbXTtcclxuICBASW5wdXQoKVxyXG4gIHdpdGhJbWcgPSBmYWxzZTtcclxuICBASW5wdXQoKVxyXG4gIGNlbnRlciA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpXHJcbiAgdXNlSGlzdG9yeSA9IGZhbHNlO1xyXG5cclxuICBjb25zdHJ1Y3Rvcihwcml2YXRlIGhpc3RvcnlTZXJ2aWNlOiBIaXN0b3J5U2VydmljZSwgcHJpdmF0ZSBsb2NhdGlvbjogTG9jYXRpb24pIHt9XHJcbiAgYmFjaygpIHtcclxuICAgIGlmICghdGhpcy51c2VIaXN0b3J5KSB7XHJcbiAgICAgIHRoaXMuaGlzdG9yeVNlcnZpY2UucmVkaXJlY3QodGhpcy5saW5rQmFjayk7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLmhpc3RvcnlTZXJ2aWNlLmJhY2sodGhpcy5saW5rQmFjayk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ3YWMtaGVhZGVyLXBhZ2VcIj5cclxuICA8ZGl2IGNsYXNzPVwid2FjLWhlYWRlci1wYWdlX19tYXhXaWR0aFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIndhYy1oZWFkZXItcGFnZV9fbWF4V2lkdGhfX3RvcFwiIFtuZ0NsYXNzXT1cInsnY2VudGVyJzpjZW50ZXJ9XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ3YWMtaGVhZGVyLXBhZ2VfX21heFdpZHRoX190b3BfX2xlZnRcIiBbbmdDbGFzc109XCJ7J2Z1bGxzaXplJzpjZW50ZXJ9XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIndhYy1oZWFkZXItcGFnZV9fbWF4V2lkdGhfX3RvcF9fbGVmdF9fbm93cmFwXCI+XHJcbiAgICAgICAgICA8YSAqbmdJZj1cImxpbmtCYWNrXCIgKGNsaWNrKT1cImJhY2soKVwiPjxpIGNsYXNzPVwiZmFzIGZhLWNoZXZyb24tbGVmdFwiPjwvaT48L2E+XHJcbiAgICAgICAgICA8d2FjLWgxIFtjZW50ZXJdPVwiY2VudGVyXCIgW3dpdGhJbWddPVwid2l0aEltZ1wiPnt7IHRpdGxlIH19PG5nLWNvbnRlbnQgc2VsZWN0PVwiW3JvbGU9aGVhZGVyXVwiPjwvbmctY29udGVudD48L3dhYy1oMT5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8cCBjbGFzcz1cInN1YnRpdGxlXCI+PG5nLWNvbnRlbnQgc2VsZWN0PVwiW3JvbGU9c3VidGl0bGVdXCI+PC9uZy1jb250ZW50PjwvcD5cclxuICAgICAgPC9kaXY+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ3YWMtaGVhZGVyLXBhZ2VfX21heFdpZHRoX190b3BfX3JpZ2h0XCIgKm5nSWY9XCIhY2VudGVyXCI+XHJcbiAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG48L2Rpdj5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaGVhZGVyLXBhZ2UuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NyYy9saWIvY29tcG9uZW50cy9oZWFkZXItcGFnZS9oZWFkZXItcGFnZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9hbmd1bGFyLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2hlYWRlci1wYWdlL2hlYWRlci1wYWdlLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUNBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDOzs7OztBQU1qRCxNQUFNLE9BQU8sbUJBQW1CO0lBWTlCLFlBQW9CLGNBQThCLEVBQVUsUUFBa0I7UUFBMUQsbUJBQWMsR0FBZCxjQUFjLENBQWdCO1FBQVUsYUFBUSxHQUFSLFFBQVEsQ0FBVTtRQU45RSxZQUFPLEdBQUcsS0FBSyxDQUFDO1FBRWhCLFdBQU0sR0FBRyxLQUFLLENBQUM7UUFFZixlQUFVLEdBQUcsS0FBSyxDQUFDO0lBRThELENBQUM7SUFDbEYsSUFBSTtRQUNGLElBQUksSUFBSSxDQUFDLFVBQVUsSUFBSSxDQUFDLElBQUksQ0FBQyxRQUFRLEVBQUUsQ0FBQztZQUN0QyxNQUFNLENBQUMsT0FBTyxDQUFDLElBQUksRUFBRSxDQUFDO1lBQ3RCLE9BQU87UUFDVCxDQUFDO2FBQU0sSUFBRyxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztZQUMzQixJQUFJLENBQUMsY0FBYyxDQUFDLFFBQVEsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7WUFDNUMsT0FBTztRQUNULENBQUM7UUFFRCxJQUFJLENBQUMsY0FBYyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDMUMsQ0FBQzs4R0F2QlUsbUJBQW1CO2tHQUFuQixtQkFBbUIseUtDUGhDLDQyQkFnQkE7OzJGRFRhLG1CQUFtQjtrQkFKL0IsU0FBUzsrQkFDRSxpQkFBaUI7MEdBSzNCLEtBQUs7c0JBREosS0FBSztnQkFHTixRQUFRO3NCQURQLEtBQUs7Z0JBR04sT0FBTztzQkFETixLQUFLO2dCQUdOLE1BQU07c0JBREwsS0FBSztnQkFHTixVQUFVO3NCQURULEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBMb2NhdGlvbiB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XHJcbmltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgSGlzdG9yeVNlcnZpY2UgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy9oaXN0b3J5LnNlcnZpY2UnO1xyXG5AQ29tcG9uZW50KHtcclxuICBzZWxlY3RvcjogJ3dhYy1oZWFkZXItcGFnZScsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL2hlYWRlci1wYWdlLmNvbXBvbmVudC5odG1sJ1xyXG59KVxyXG5leHBvcnQgY2xhc3MgSGVhZGVyUGFnZUNvbXBvbmVudCB7XHJcbiAgQElucHV0KClcclxuICB0aXRsZTogc3RyaW5nO1xyXG4gIEBJbnB1dCgpXHJcbiAgbGlua0JhY2s6IHN0cmluZ1tdO1xyXG4gIEBJbnB1dCgpXHJcbiAgd2l0aEltZyA9IGZhbHNlO1xyXG4gIEBJbnB1dCgpXHJcbiAgY2VudGVyID0gZmFsc2U7XHJcbiAgQElucHV0KClcclxuICB1c2VIaXN0b3J5ID0gZmFsc2U7XHJcblxyXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgaGlzdG9yeVNlcnZpY2U6IEhpc3RvcnlTZXJ2aWNlLCBwcml2YXRlIGxvY2F0aW9uOiBMb2NhdGlvbikge31cclxuICBiYWNrKCkge1xyXG4gICAgaWYgKHRoaXMudXNlSGlzdG9yeSAmJiAhdGhpcy5saW5rQmFjaykge1xyXG4gICAgICB3aW5kb3cuaGlzdG9yeS5iYWNrKCk7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH0gZWxzZSBpZighdGhpcy51c2VIaXN0b3J5KSB7XHJcbiAgICAgIHRoaXMuaGlzdG9yeVNlcnZpY2UucmVkaXJlY3QodGhpcy5saW5rQmFjayk7XHJcbiAgICAgIHJldHVybjtcclxuICAgIH1cclxuXHJcbiAgICB0aGlzLmhpc3RvcnlTZXJ2aWNlLmJhY2sodGhpcy5saW5rQmFjayk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgY2xhc3M9XCJ3YWMtaGVhZGVyLXBhZ2VcIj5cclxuICA8ZGl2IGNsYXNzPVwid2FjLWhlYWRlci1wYWdlX19tYXhXaWR0aFwiPlxyXG4gICAgPGRpdiBjbGFzcz1cIndhYy1oZWFkZXItcGFnZV9fbWF4V2lkdGhfX3RvcFwiIFtuZ0NsYXNzXT1cInsnY2VudGVyJzpjZW50ZXJ9XCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJ3YWMtaGVhZGVyLXBhZ2VfX21heFdpZHRoX190b3BfX2xlZnRcIiBbbmdDbGFzc109XCJ7J2Z1bGxzaXplJzpjZW50ZXJ9XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cIndhYy1oZWFkZXItcGFnZV9fbWF4V2lkdGhfX3RvcF9fbGVmdF9fbm93cmFwXCI+XHJcbiAgICAgICAgICA8YSAqbmdJZj1cImxpbmtCYWNrIHx8IHVzZUhpc3RvcnlcIiAoY2xpY2spPVwiYmFjaygpXCI+PGkgY2xhc3M9XCJmYXMgZmEtY2hldnJvbi1sZWZ0XCI+PC9pPjwvYT5cclxuICAgICAgICAgIDx3YWMtaDEgW2NlbnRlcl09XCJjZW50ZXJcIiBbd2l0aEltZ109XCJ3aXRoSW1nXCI+e3sgdGl0bGUgfX08bmctY29udGVudCBzZWxlY3Q9XCJbcm9sZT1oZWFkZXJdXCI+PC9uZy1jb250ZW50Pjwvd2FjLWgxPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxwIGNsYXNzPVwic3VidGl0bGVcIj48bmctY29udGVudCBzZWxlY3Q9XCJbcm9sZT1zdWJ0aXRsZV1cIj48L25nLWNvbnRlbnQ+PC9wPlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cIndhYy1oZWFkZXItcGFnZV9fbWF4V2lkdGhfX3RvcF9fcmlnaHRcIiAqbmdJZj1cIiFjZW50ZXJcIj5cclxuICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgPC9kaXY+XHJcbjwvZGl2PlxyXG4iXX0=