@wizishop/wizi-block 15.0.42-beta → 15.0.44-beta

package/esm2020/lib/shared/components/structure-config/structure-config.component.mjs

@@ -1,4 +1,4 @@
-import { Component, Input } from '@angular/core';
+import { Component, EventEmitter, Input, Output } from '@angular/core';
 import { StructureConfigService } from '../../../services/utils/structure-config.service';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../services/utils/structure-config.service";
@@ -21,6 +21,7 @@ export class StructureConfigComponent {
         this.isFullwidth = false;
         this.small = false;
         this.extraSmall = false;
+        this.isClose = new EventEmitter();
         this.thisComponentActive = false;
         this.hideThis = false;
         this.TYPE_CONFIG_POSITION_RIGHT_TOP = TYPE_CONFIG_POSITION_RIGHT_TOP;
@@ -60,10 +61,11 @@ export class StructureConfigComponent {
     disable() {
         this.isActive = false;
         this.structureConfigService.setStructureConfigWithUUID('', this.blockUUID);
+        this.isClose.emit(true);
     }
 }
 StructureConfigComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: StructureConfigComponent, deps: [{ token: i1.StructureConfigService }], target: i0.ɵɵFactoryTarget.Component });
-StructureConfigComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: StructureConfigComponent, selector: "wb-structure-config", inputs: { isActive: "isActive", blockUUID: "blockUUID", position: "position", isFullwidth: "isFullwidth", small: "small", extraSmall: "extraSmall" }, ngImport: i0, template: "<div\n    [ngClass]=\"{ 'is-active': isActive, 'is-fullwidth': isFullwidth, small: small, 'extra-small': extraSmall }\"\n    [class]=\"'wb-structure-config ' + position\"\n    wbAutoHide\n    triggerElement=\"wb-structure-config__tools\"\n    (clickOutside)=\"disableIfActive()\"\n    [forceOn]=\"['wb-structure-config', 'is-active']\"\n>\n    <div\n        class=\"wb-structure-config__tools is-tooltip-info\"\n        [nwbToolTip]=\"'wb.structureconfig.tooltip.1' | translate\"\n        [nwbToolTipPosition]=\"\n            position === TYPE_CONFIG_POSITION_RIGHT_TOP || position === TYPE_CONFIG_POSITION_RIGHT_BOTTOM ? 'left' : 'right'\n        \"\n        (click)=\"activeThis()\"\n        [ngClass]=\"{\n            'has-other-element-opened': hideThis\n        }\"\n    >\n        <i class=\"fas fa-sliders-hs\"></i>\n    </div>\n    <div class=\"wb-structure-config__content\">\n        <div class=\"wb-structure-config__content__tools\" (click)=\"disable()\">\n            <div class=\"close\"><i class=\"fas fa-times\"></i></div>\n        </div>\n        <div>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NwbToolTipDirective, selector: "[nwbToolTip]", inputs: ["nwbToolTip", "nwbToolTipPosition", "nwbToolTipIsMultiline"] }, { kind: "directive", type: i4.AutoHideDirective, selector: "[wbAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
+StructureConfigComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: StructureConfigComponent, selector: "wb-structure-config", inputs: { isActive: "isActive", blockUUID: "blockUUID", position: "position", isFullwidth: "isFullwidth", small: "small", extraSmall: "extraSmall" }, outputs: { isClose: "isClose" }, ngImport: i0, template: "<div\n    [ngClass]=\"{ 'is-active': isActive, 'is-fullwidth': isFullwidth, small: small, 'extra-small': extraSmall }\"\n    [class]=\"'wb-structure-config ' + position\"\n    wbAutoHide\n    triggerElement=\"wb-structure-config__tools\"\n    (clickOutside)=\"disableIfActive()\"\n    [forceOn]=\"['wb-structure-config', 'is-active']\"\n>\n    <div\n        class=\"wb-structure-config__tools is-tooltip-info\"\n        [nwbToolTip]=\"'wb.structureconfig.tooltip.1' | translate\"\n        [nwbToolTipPosition]=\"\n            position === TYPE_CONFIG_POSITION_RIGHT_TOP || position === TYPE_CONFIG_POSITION_RIGHT_BOTTOM ? 'left' : 'right'\n        \"\n        (click)=\"activeThis()\"\n        [ngClass]=\"{\n            'has-other-element-opened': hideThis\n        }\"\n    >\n        <i class=\"fas fa-sliders-hs\"></i>\n    </div>\n    <div class=\"wb-structure-config__content\">\n        <div class=\"wb-structure-config__content__tools\" (click)=\"disable()\">\n            <div class=\"close\"><i class=\"fas fa-times\"></i></div>\n        </div>\n        <div>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NwbToolTipDirective, selector: "[nwbToolTip]", inputs: ["nwbToolTip", "nwbToolTipPosition", "nwbToolTipIsMultiline"] }, { kind: "directive", type: i4.AutoHideDirective, selector: "[wbAutoHide]", inputs: ["triggerElement", "forceOn"], outputs: ["clickOutside"] }, { kind: "pipe", type: i5.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: StructureConfigComponent, decorators: [{
             type: Component,
             args: [{ selector: 'wb-structure-config', template: "<div\n    [ngClass]=\"{ 'is-active': isActive, 'is-fullwidth': isFullwidth, small: small, 'extra-small': extraSmall }\"\n    [class]=\"'wb-structure-config ' + position\"\n    wbAutoHide\n    triggerElement=\"wb-structure-config__tools\"\n    (clickOutside)=\"disableIfActive()\"\n    [forceOn]=\"['wb-structure-config', 'is-active']\"\n>\n    <div\n        class=\"wb-structure-config__tools is-tooltip-info\"\n        [nwbToolTip]=\"'wb.structureconfig.tooltip.1' | translate\"\n        [nwbToolTipPosition]=\"\n            position === TYPE_CONFIG_POSITION_RIGHT_TOP || position === TYPE_CONFIG_POSITION_RIGHT_BOTTOM ? 'left' : 'right'\n        \"\n        (click)=\"activeThis()\"\n        [ngClass]=\"{\n            'has-other-element-opened': hideThis\n        }\"\n    >\n        <i class=\"fas fa-sliders-hs\"></i>\n    </div>\n    <div class=\"wb-structure-config__content\">\n        <div class=\"wb-structure-config__content__tools\" (click)=\"disable()\">\n            <div class=\"close\"><i class=\"fas fa-times\"></i></div>\n        </div>\n        <div>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n" }]
@@ -79,5 +81,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImpor
                 type: Input
             }], extraSmall: [{
                 type: Input
+            }], isClose: [{
+                type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RydWN0dXJlLWNvbmZpZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93aXppLWJsb2NrL3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvc3RydWN0dXJlLWNvbmZpZy9zdHJ1Y3R1cmUtY29uZmlnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dpemktYmxvY2svc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9zdHJ1Y3R1cmUtY29uZmlnL3N0cnVjdHVyZS1jb25maWcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFFekQsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sa0RBQWtELENBQUM7Ozs7Ozs7QUFFMUYsTUFBTSxDQUFDLE1BQU0sNkJBQTZCLEdBQUcsYUFBYSxDQUFDO0FBQzNELE1BQU0sQ0FBQyxNQUFNLGdDQUFnQyxHQUFHLGdCQUFnQixDQUFDO0FBQ2pFLE1BQU0sQ0FBQyxNQUFNLDhCQUE4QixHQUFHLGNBQWMsQ0FBQztBQUM3RCxNQUFNLENBQUMsTUFBTSxxQ0FBcUMsR0FBRyxxQkFBcUIsQ0FBQztBQUMzRSxNQUFNLENBQUMsTUFBTSxpQ0FBaUMsR0FBRyxpQkFBaUIsQ0FBQztBQUNuRSxNQUFNLENBQUMsTUFBTSxnQ0FBZ0MsR0FBRyxnQkFBZ0IsQ0FBQztBQU1qRSxNQUFNLE9BQU8sd0JBQXdCO0lBaUJqQyxZQUFvQixzQkFBOEM7UUFBOUMsMkJBQXNCLEdBQXRCLHNCQUFzQixDQUF3QjtRQWhCekQsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUNqQixjQUFTLEdBQUcsSUFBSSxDQUFDO1FBQ2pCLGFBQVEsR0FBRyw2QkFBNkIsQ0FBQztRQUN6QyxnQkFBVyxHQUFHLEtBQUssQ0FBQztRQUNwQixVQUFLLEdBQUcsS0FBSyxDQUFDO1FBQ2QsZUFBVSxHQUFHLEtBQUssQ0FBQztRQUU1Qix3QkFBbUIsR0FBRyxLQUFLLENBQUM7UUFDNUIsYUFBUSxHQUFHLEtBQUssQ0FBQztRQUVSLG1DQUE4QixHQUFHLDhCQUE4QixDQUFDO1FBQ2hFLGtDQUE2QixHQUFHLDZCQUE2QixDQUFDO1FBQzlELHFDQUFnQyxHQUFHLGdDQUFnQyxDQUFDO1FBQ3BFLHNDQUFpQyxHQUFHLGlDQUFpQyxDQUFDO1FBQ3RFLHFDQUFnQyxHQUFHLGdDQUFnQyxDQUFDO0lBRVIsQ0FBQztJQUV0RSxRQUFRO1FBQ0osSUFBSSxDQUFDLHNCQUFzQixDQUFDLG9CQUFvQixFQUFFLENBQUMsU0FBUyxDQUFDLENBQUMsSUFBSSxFQUFFLEVBQUU7WUFDbEUsSUFBSSxJQUFJLEtBQUssSUFBSSxJQUFJLElBQUksQ0FBQyxTQUFTLEtBQUssSUFBSSxFQUFFO2dCQUMxQyxJQUFJLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLEtBQUssRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLG1CQUFtQixFQUFFO29CQUNqRixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztvQkFDdEIsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7aUJBQ3hCO2dCQUNELElBQ0ksSUFBSSxDQUFDLG1CQUFtQjtvQkFDeEIsQ0FBQyxDQUFDLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLElBQUksSUFBSSxDQUFDLHNCQUFzQixDQUFDLGVBQWUsS0FBSyxFQUFFLENBQUMsRUFDdEc7b0JBQ0UsSUFBSSxDQUFDLG1CQUFtQixHQUFHLEtBQUssQ0FBQztpQkFDcEM7Z0JBQ0QsSUFBSSxDQUFDLElBQUksQ0FBQyxtQkFBbUIsSUFBSSxJQUFJLENBQUMsc0JBQXNCLENBQUMsZUFBZSxLQUFLLEVBQUUsRUFBRTtvQkFDakYsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7aUJBQ3pCO2FBQ0o7UUFDTCxDQUFDLENBQUMsQ0FBQztJQUNQLENBQUM7SUFFRCxVQUFVO1FBQ04sSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUM7UUFDckIsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQztRQUNoQyxJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztRQUN0QixJQUFJLENBQUMsc0JBQXNCLENBQUMsMEJBQTBCLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7SUFDMUYsQ0FBQztJQUVELGVBQWU7UUFDWCxJQUFJLElBQUksQ0FBQyxtQkFBbUIsRUFBRTtZQUMxQixJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7U0FDbEI7SUFDTCxDQUFDO0lBRUQsT0FBTztRQUNILElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQywwQkFBMEIsQ0FBQyxFQUFFLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO0lBQy9FLENBQUM7O3FIQXZEUSx3QkFBd0I7eUdBQXhCLHdCQUF3QixpTkNmckMsNG5DQThCQTsyRkRmYSx3QkFBd0I7a0JBSnBDLFNBQVM7K0JBQ0kscUJBQXFCOzZHQUl0QixRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxVQUFVO3NCQUFsQixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb25maWdTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvdXRpbHMvY29uZmlnLnNlcnZpY2UnO1xuaW1wb3J0IHsgU3RydWN0dXJlQ29uZmlnU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3V0aWxzL3N0cnVjdHVyZS1jb25maWcuc2VydmljZSc7XG5cbmV4cG9ydCBjb25zdCBUWVBFX0NPTkZJR19QT1NJVElPTl9MRUZUX1RPUCA9ICdpcy1sZWZ0LXRvcCc7XG5leHBvcnQgY29uc3QgVFlQRV9DT05GSUdfUE9TSVRJT05fTEVGVF9CT1RUT00gPSAnaXMtbGVmdC1ib3R0b20nO1xuZXhwb3J0IGNvbnN0IFRZUEVfQ09ORklHX1BPU0lUSU9OX1JJR0hUX1RPUCA9ICdpcy1yaWdodC10b3AnO1xuZXhwb3J0IGNvbnN0IFRZUEVfQ09ORklHX1BPU0lUSU9OX1JJR0hUX1RPUF9TSU1QTEUgPSAnaXMtcmlnaHQtdG9wLXNpbXBsZSc7XG5leHBvcnQgY29uc3QgVFlQRV9DT05GSUdfUE9TSVRJT05fUklHSFRfQk9UVE9NID0gJ2lzLXJpZ2h0LWJvdHRvbSc7XG5leHBvcnQgY29uc3QgVFlQRV9DT05GSUdfUE9TSVRJT05fTEVGVF9DRU5URVIgPSAnaXMtbGVmdC1jZW50ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3diLXN0cnVjdHVyZS1jb25maWcnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zdHJ1Y3R1cmUtY29uZmlnLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgU3RydWN0dXJlQ29uZmlnQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSBpc0FjdGl2ZSA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGJsb2NrVVVJRCA9IG51bGw7XG4gICAgQElucHV0KCkgcG9zaXRpb24gPSBUWVBFX0NPTkZJR19QT1NJVElPTl9MRUZUX1RPUDtcbiAgICBASW5wdXQoKSBpc0Z1bGx3aWR0aCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHNtYWxsID0gZmFsc2U7XG4gICAgQElucHV0KCkgZXh0cmFTbWFsbCA9IGZhbHNlO1xuXG4gICAgdGhpc0NvbXBvbmVudEFjdGl2ZSA9IGZhbHNlO1xuICAgIGhpZGVUaGlzID0gZmFsc2U7XG5cbiAgICByZWFkb25seSBUWVBFX0NPTkZJR19QT1NJVElPTl9SSUdIVF9UT1AgPSBUWVBFX0NPTkZJR19QT1NJVElPTl9SSUdIVF9UT1A7XG4gICAgcmVhZG9ubHkgVFlQRV9DT05GSUdfUE9TSVRJT05fTEVGVF9UT1AgPSBUWVBFX0NPTkZJR19QT1NJVElPTl9MRUZUX1RPUDtcbiAgICByZWFkb25seSBUWVBFX0NPTkZJR19QT1NJVElPTl9MRUZUX0JPVFRPTSA9IFRZUEVfQ09ORklHX1BPU0lUSU9OX0xFRlRfQk9UVE9NO1xuICAgIHJlYWRvbmx5IFRZUEVfQ09ORklHX1BPU0lUSU9OX1JJR0hUX0JPVFRPTSA9IFRZUEVfQ09ORklHX1BPU0lUSU9OX1JJR0hUX0JPVFRPTTtcbiAgICByZWFkb25seSBUWVBFX0NPTkZJR19QT1NJVElPTl9MRUZUX0NFTlRFUiA9IFRZUEVfQ09ORklHX1BPU0lUSU9OX0xFRlRfQ0VOVEVSO1xuXG4gICAgY29uc3RydWN0b3IocHJpdmF0ZSBzdHJ1Y3R1cmVDb25maWdTZXJ2aWNlOiBTdHJ1Y3R1cmVDb25maWdTZXJ2aWNlKSB7fVxuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuc3RydWN0dXJlQ29uZmlnU2VydmljZS5zdHJ1Y3R1cmVDb25maWdFdmVudCgpLnN1YnNjcmliZSgodXVpZCkgPT4ge1xuICAgICAgICAgICAgaWYgKHV1aWQgPT09IG51bGwgfHwgdGhpcy5ibG9ja1VVSUQgPT09IHV1aWQpIHtcbiAgICAgICAgICAgICAgICBpZiAodGhpcy5zdHJ1Y3R1cmVDb25maWdTZXJ2aWNlLnN0cnVjdHVyZUNvbmZpZyAhPT0gJycgJiYgIXRoaXMudGhpc0NvbXBvbmVudEFjdGl2ZSkge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmlzQWN0aXZlID0gZmFsc2U7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuaGlkZVRoaXMgPSB0cnVlO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBpZiAoXG4gICAgICAgICAgICAgICAgICAgIHRoaXMudGhpc0NvbXBvbmVudEFjdGl2ZSAmJlxuICAgICAgICAgICAgICAgICAgICAoIXRoaXMuc3RydWN0dXJlQ29uZmlnU2VydmljZS5zdHJ1Y3R1cmVDb25maWcgfHwgdGhpcy5zdHJ1Y3R1cmVDb25maWdTZXJ2aWNlLnN0cnVjdHVyZUNvbmZpZyA9PT0gJycpXG4gICAgICAgICAgICAgICAgKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMudGhpc0NvbXBvbmVudEFjdGl2ZSA9IGZhbHNlO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICBpZiAoIXRoaXMudGhpc0NvbXBvbmVudEFjdGl2ZSAmJiB0aGlzLnN0cnVjdHVyZUNvbmZpZ1NlcnZpY2Uuc3RydWN0dXJlQ29uZmlnID09PSAnJykge1xuICAgICAgICAgICAgICAgICAgICB0aGlzLmhpZGVUaGlzID0gZmFsc2U7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICBhY3RpdmVUaGlzKCkge1xuICAgICAgICB0aGlzLmlzQWN0aXZlID0gdHJ1ZTtcbiAgICAgICAgdGhpcy50aGlzQ29tcG9uZW50QWN0aXZlID0gdHJ1ZTtcbiAgICAgICAgdGhpcy5oaWRlVGhpcyA9IGZhbHNlO1xuICAgICAgICB0aGlzLnN0cnVjdHVyZUNvbmZpZ1NlcnZpY2Uuc2V0U3RydWN0dXJlQ29uZmlnV2l0aFVVSUQodGhpcy5wb3NpdGlvbiwgdGhpcy5ibG9ja1VVSUQpO1xuICAgIH1cblxuICAgIGRpc2FibGVJZkFjdGl2ZSgpIHtcbiAgICAgICAgaWYgKHRoaXMudGhpc0NvbXBvbmVudEFjdGl2ZSkge1xuICAgICAgICAgICAgdGhpcy5kaXNhYmxlKCk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBkaXNhYmxlKCkge1xuICAgICAgICB0aGlzLmlzQWN0aXZlID0gZmFsc2U7XG4gICAgICAgIHRoaXMuc3RydWN0dXJlQ29uZmlnU2VydmljZS5zZXRTdHJ1Y3R1cmVDb25maWdXaXRoVVVJRCgnJywgdGhpcy5ibG9ja1VVSUQpO1xuICAgIH1cbn1cbiIsIjxkaXZcbiAgICBbbmdDbGFzc109XCJ7ICdpcy1hY3RpdmUnOiBpc0FjdGl2ZSwgJ2lzLWZ1bGx3aWR0aCc6IGlzRnVsbHdpZHRoLCBzbWFsbDogc21hbGwsICdleHRyYS1zbWFsbCc6IGV4dHJhU21hbGwgfVwiXG4gICAgW2NsYXNzXT1cIid3Yi1zdHJ1Y3R1cmUtY29uZmlnICcgKyBwb3NpdGlvblwiXG4gICAgd2JBdXRvSGlkZVxuICAgIHRyaWdnZXJFbGVtZW50PVwid2Itc3RydWN0dXJlLWNvbmZpZ19fdG9vbHNcIlxuICAgIChjbGlja091dHNpZGUpPVwiZGlzYWJsZUlmQWN0aXZlKClcIlxuICAgIFtmb3JjZU9uXT1cIlsnd2Itc3RydWN0dXJlLWNvbmZpZycsICdpcy1hY3RpdmUnXVwiXG4+XG4gICAgPGRpdlxuICAgICAgICBjbGFzcz1cIndiLXN0cnVjdHVyZS1jb25maWdfX3Rvb2xzIGlzLXRvb2x0aXAtaW5mb1wiXG4gICAgICAgIFtud2JUb29sVGlwXT1cIid3Yi5zdHJ1Y3R1cmVjb25maWcudG9vbHRpcC4xJyB8IHRyYW5zbGF0ZVwiXG4gICAgICAgIFtud2JUb29sVGlwUG9zaXRpb25dPVwiXG4gICAgICAgICAgICBwb3NpdGlvbiA9PT0gVFlQRV9DT05GSUdfUE9TSVRJT05fUklHSFRfVE9QIHx8IHBvc2l0aW9uID09PSBUWVBFX0NPTkZJR19QT1NJVElPTl9SSUdIVF9CT1RUT00gPyAnbGVmdCcgOiAncmlnaHQnXG4gICAgICAgIFwiXG4gICAgICAgIChjbGljayk9XCJhY3RpdmVUaGlzKClcIlxuICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAnaGFzLW90aGVyLWVsZW1lbnQtb3BlbmVkJzogaGlkZVRoaXNcbiAgICAgICAgfVwiXG4gICAgPlxuICAgICAgICA8aSBjbGFzcz1cImZhcyBmYS1zbGlkZXJzLWhzXCI+PC9pPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ3Yi1zdHJ1Y3R1cmUtY29uZmlnX19jb250ZW50XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ3Yi1zdHJ1Y3R1cmUtY29uZmlnX19jb250ZW50X190b29sc1wiIChjbGljayk9XCJkaXNhYmxlKClcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjbG9zZVwiPjxpIGNsYXNzPVwiZmFzIGZhLXRpbWVzXCI+PC9pPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3RydWN0dXJlLWNvbmZpZy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy93aXppLWJsb2NrL3NyYy9saWIvc2hhcmVkL2NvbXBvbmVudHMvc3RydWN0dXJlLWNvbmZpZy9zdHJ1Y3R1cmUtY29uZmlnLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3dpemktYmxvY2svc3JjL2xpYi9zaGFyZWQvY29tcG9uZW50cy9zdHJ1Y3R1cmUtY29uZmlnL3N0cnVjdHVyZS1jb25maWcuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUU3RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxrREFBa0QsQ0FBQzs7Ozs7OztBQUUxRixNQUFNLENBQUMsTUFBTSw2QkFBNkIsR0FBRyxhQUFhLENBQUM7QUFDM0QsTUFBTSxDQUFDLE1BQU0sZ0NBQWdDLEdBQUcsZ0JBQWdCLENBQUM7QUFDakUsTUFBTSxDQUFDLE1BQU0sOEJBQThCLEdBQUcsY0FBYyxDQUFDO0FBQzdELE1BQU0sQ0FBQyxNQUFNLHFDQUFxQyxHQUFHLHFCQUFxQixDQUFDO0FBQzNFLE1BQU0sQ0FBQyxNQUFNLGlDQUFpQyxHQUFHLGlCQUFpQixDQUFDO0FBQ25FLE1BQU0sQ0FBQyxNQUFNLGdDQUFnQyxHQUFHLGdCQUFnQixDQUFDO0FBTWpFLE1BQU0sT0FBTyx3QkFBd0I7SUFrQmpDLFlBQW9CLHNCQUE4QztRQUE5QywyQkFBc0IsR0FBdEIsc0JBQXNCLENBQXdCO1FBakJ6RCxhQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ2pCLGNBQVMsR0FBRyxJQUFJLENBQUM7UUFDakIsYUFBUSxHQUFHLDZCQUE2QixDQUFDO1FBQ3pDLGdCQUFXLEdBQUcsS0FBSyxDQUFDO1FBQ3BCLFVBQUssR0FBRyxLQUFLLENBQUM7UUFDZCxlQUFVLEdBQUcsS0FBSyxDQUFDO1FBQ2xCLFlBQU8sR0FBRyxJQUFJLFlBQVksRUFBTyxDQUFDO1FBRTVDLHdCQUFtQixHQUFHLEtBQUssQ0FBQztRQUM1QixhQUFRLEdBQUcsS0FBSyxDQUFDO1FBRVIsbUNBQThCLEdBQUcsOEJBQThCLENBQUM7UUFDaEUsa0NBQTZCLEdBQUcsNkJBQTZCLENBQUM7UUFDOUQscUNBQWdDLEdBQUcsZ0NBQWdDLENBQUM7UUFDcEUsc0NBQWlDLEdBQUcsaUNBQWlDLENBQUM7UUFDdEUscUNBQWdDLEdBQUcsZ0NBQWdDLENBQUM7SUFFUixDQUFDO0lBRXRFLFFBQVE7UUFDSixJQUFJLENBQUMsc0JBQXNCLENBQUMsb0JBQW9CLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFJLEVBQUUsRUFBRTtZQUNsRSxJQUFJLElBQUksS0FBSyxJQUFJLElBQUksSUFBSSxDQUFDLFNBQVMsS0FBSyxJQUFJLEVBQUU7Z0JBQzFDLElBQUksSUFBSSxDQUFDLHNCQUFzQixDQUFDLGVBQWUsS0FBSyxFQUFFLElBQUksQ0FBQyxJQUFJLENBQUMsbUJBQW1CLEVBQUU7b0JBQ2pGLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO29CQUN0QixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztpQkFDeEI7Z0JBQ0QsSUFDSSxJQUFJLENBQUMsbUJBQW1CO29CQUN4QixDQUFDLENBQUMsSUFBSSxDQUFDLHNCQUFzQixDQUFDLGVBQWUsSUFBSSxJQUFJLENBQUMsc0JBQXNCLENBQUMsZUFBZSxLQUFLLEVBQUUsQ0FBQyxFQUN0RztvQkFDRSxJQUFJLENBQUMsbUJBQW1CLEdBQUcsS0FBSyxDQUFDO2lCQUNwQztnQkFDRCxJQUFJLENBQUMsSUFBSSxDQUFDLG1CQUFtQixJQUFJLElBQUksQ0FBQyxzQkFBc0IsQ0FBQyxlQUFlLEtBQUssRUFBRSxFQUFFO29CQUNqRixJQUFJLENBQUMsUUFBUSxHQUFHLEtBQUssQ0FBQztpQkFDekI7YUFDSjtRQUNMLENBQUMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVELFVBQVU7UUFDTixJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQztRQUNyQixJQUFJLENBQUMsbUJBQW1CLEdBQUcsSUFBSSxDQUFDO1FBQ2hDLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxzQkFBc0IsQ0FBQywwQkFBMEIsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQztJQUMxRixDQUFDO0lBRUQsZUFBZTtRQUNYLElBQUksSUFBSSxDQUFDLG1CQUFtQixFQUFFO1lBQzFCLElBQUksQ0FBQyxPQUFPLEVBQUUsQ0FBQztTQUNsQjtJQUNMLENBQUM7SUFFRCxPQUFPO1FBQ0gsSUFBSSxDQUFDLFFBQVEsR0FBRyxLQUFLLENBQUM7UUFDdEIsSUFBSSxDQUFDLHNCQUFzQixDQUFDLDBCQUEwQixDQUFDLEVBQUUsRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUM7UUFDM0UsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUM7SUFDNUIsQ0FBQzs7cUhBekRRLHdCQUF3Qjt5R0FBeEIsd0JBQXdCLGtQQ2ZyQyw0bkNBOEJBOzJGRGZhLHdCQUF3QjtrQkFKcEMsU0FBUzsrQkFDSSxxQkFBcUI7NkdBSXRCLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csU0FBUztzQkFBakIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0ksT0FBTztzQkFBaEIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPbkluaXQsIE91dHB1dH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb25maWdTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vc2VydmljZXMvdXRpbHMvY29uZmlnLnNlcnZpY2UnO1xuaW1wb3J0IHsgU3RydWN0dXJlQ29uZmlnU2VydmljZSB9IGZyb20gJy4uLy4uLy4uL3NlcnZpY2VzL3V0aWxzL3N0cnVjdHVyZS1jb25maWcuc2VydmljZSc7XG5cbmV4cG9ydCBjb25zdCBUWVBFX0NPTkZJR19QT1NJVElPTl9MRUZUX1RPUCA9ICdpcy1sZWZ0LXRvcCc7XG5leHBvcnQgY29uc3QgVFlQRV9DT05GSUdfUE9TSVRJT05fTEVGVF9CT1RUT00gPSAnaXMtbGVmdC1ib3R0b20nO1xuZXhwb3J0IGNvbnN0IFRZUEVfQ09ORklHX1BPU0lUSU9OX1JJR0hUX1RPUCA9ICdpcy1yaWdodC10b3AnO1xuZXhwb3J0IGNvbnN0IFRZUEVfQ09ORklHX1BPU0lUSU9OX1JJR0hUX1RPUF9TSU1QTEUgPSAnaXMtcmlnaHQtdG9wLXNpbXBsZSc7XG5leHBvcnQgY29uc3QgVFlQRV9DT05GSUdfUE9TSVRJT05fUklHSFRfQk9UVE9NID0gJ2lzLXJpZ2h0LWJvdHRvbSc7XG5leHBvcnQgY29uc3QgVFlQRV9DT05GSUdfUE9TSVRJT05fTEVGVF9DRU5URVIgPSAnaXMtbGVmdC1jZW50ZXInO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3diLXN0cnVjdHVyZS1jb25maWcnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9zdHJ1Y3R1cmUtY29uZmlnLmNvbXBvbmVudC5odG1sJyxcbn0pXG5leHBvcnQgY2xhc3MgU3RydWN0dXJlQ29uZmlnQ29tcG9uZW50IGltcGxlbWVudHMgT25Jbml0IHtcbiAgICBASW5wdXQoKSBpc0FjdGl2ZSA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIGJsb2NrVVVJRCA9IG51bGw7XG4gICAgQElucHV0KCkgcG9zaXRpb24gPSBUWVBFX0NPTkZJR19QT1NJVElPTl9MRUZUX1RPUDtcbiAgICBASW5wdXQoKSBpc0Z1bGx3aWR0aCA9IGZhbHNlO1xuICAgIEBJbnB1dCgpIHNtYWxsID0gZmFsc2U7XG4gICAgQElucHV0KCkgZXh0cmFTbWFsbCA9IGZhbHNlO1xuICAgIEBPdXRwdXQoKSBpc0Nsb3NlID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgICB0aGlzQ29tcG9uZW50QWN0aXZlID0gZmFsc2U7XG4gICAgaGlkZVRoaXMgPSBmYWxzZTtcblxuICAgIHJlYWRvbmx5IFRZUEVfQ09ORklHX1BPU0lUSU9OX1JJR0hUX1RPUCA9IFRZUEVfQ09ORklHX1BPU0lUSU9OX1JJR0hUX1RPUDtcbiAgICByZWFkb25seSBUWVBFX0NPTkZJR19QT1NJVElPTl9MRUZUX1RPUCA9IFRZUEVfQ09ORklHX1BPU0lUSU9OX0xFRlRfVE9QO1xuICAgIHJlYWRvbmx5IFRZUEVfQ09ORklHX1BPU0lUSU9OX0xFRlRfQk9UVE9NID0gVFlQRV9DT05GSUdfUE9TSVRJT05fTEVGVF9CT1RUT007XG4gICAgcmVhZG9ubHkgVFlQRV9DT05GSUdfUE9TSVRJT05fUklHSFRfQk9UVE9NID0gVFlQRV9DT05GSUdfUE9TSVRJT05fUklHSFRfQk9UVE9NO1xuICAgIHJlYWRvbmx5IFRZUEVfQ09ORklHX1BPU0lUSU9OX0xFRlRfQ0VOVEVSID0gVFlQRV9DT05GSUdfUE9TSVRJT05fTEVGVF9DRU5URVI7XG5cbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIHN0cnVjdHVyZUNvbmZpZ1NlcnZpY2U6IFN0cnVjdHVyZUNvbmZpZ1NlcnZpY2UpIHt9XG5cbiAgICBuZ09uSW5pdCgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5zdHJ1Y3R1cmVDb25maWdTZXJ2aWNlLnN0cnVjdHVyZUNvbmZpZ0V2ZW50KCkuc3Vic2NyaWJlKCh1dWlkKSA9PiB7XG4gICAgICAgICAgICBpZiAodXVpZCA9PT0gbnVsbCB8fCB0aGlzLmJsb2NrVVVJRCA9PT0gdXVpZCkge1xuICAgICAgICAgICAgICAgIGlmICh0aGlzLnN0cnVjdHVyZUNvbmZpZ1NlcnZpY2Uuc3RydWN0dXJlQ29uZmlnICE9PSAnJyAmJiAhdGhpcy50aGlzQ29tcG9uZW50QWN0aXZlKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuaXNBY3RpdmUgPSBmYWxzZTtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy5oaWRlVGhpcyA9IHRydWU7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGlmIChcbiAgICAgICAgICAgICAgICAgICAgdGhpcy50aGlzQ29tcG9uZW50QWN0aXZlICYmXG4gICAgICAgICAgICAgICAgICAgICghdGhpcy5zdHJ1Y3R1cmVDb25maWdTZXJ2aWNlLnN0cnVjdHVyZUNvbmZpZyB8fCB0aGlzLnN0cnVjdHVyZUNvbmZpZ1NlcnZpY2Uuc3RydWN0dXJlQ29uZmlnID09PSAnJylcbiAgICAgICAgICAgICAgICApIHtcbiAgICAgICAgICAgICAgICAgICAgdGhpcy50aGlzQ29tcG9uZW50QWN0aXZlID0gZmFsc2U7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgICAgIGlmICghdGhpcy50aGlzQ29tcG9uZW50QWN0aXZlICYmIHRoaXMuc3RydWN0dXJlQ29uZmlnU2VydmljZS5zdHJ1Y3R1cmVDb25maWcgPT09ICcnKSB7XG4gICAgICAgICAgICAgICAgICAgIHRoaXMuaGlkZVRoaXMgPSBmYWxzZTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIGFjdGl2ZVRoaXMoKSB7XG4gICAgICAgIHRoaXMuaXNBY3RpdmUgPSB0cnVlO1xuICAgICAgICB0aGlzLnRoaXNDb21wb25lbnRBY3RpdmUgPSB0cnVlO1xuICAgICAgICB0aGlzLmhpZGVUaGlzID0gZmFsc2U7XG4gICAgICAgIHRoaXMuc3RydWN0dXJlQ29uZmlnU2VydmljZS5zZXRTdHJ1Y3R1cmVDb25maWdXaXRoVVVJRCh0aGlzLnBvc2l0aW9uLCB0aGlzLmJsb2NrVVVJRCk7XG4gICAgfVxuXG4gICAgZGlzYWJsZUlmQWN0aXZlKCkge1xuICAgICAgICBpZiAodGhpcy50aGlzQ29tcG9uZW50QWN0aXZlKSB7XG4gICAgICAgICAgICB0aGlzLmRpc2FibGUoKTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIGRpc2FibGUoKSB7XG4gICAgICAgIHRoaXMuaXNBY3RpdmUgPSBmYWxzZTtcbiAgICAgICAgdGhpcy5zdHJ1Y3R1cmVDb25maWdTZXJ2aWNlLnNldFN0cnVjdHVyZUNvbmZpZ1dpdGhVVUlEKCcnLCB0aGlzLmJsb2NrVVVJRCk7XG4gICAgICAgIHRoaXMuaXNDbG9zZS5lbWl0KHRydWUpO1xuICAgIH1cbn1cbiIsIjxkaXZcbiAgICBbbmdDbGFzc109XCJ7ICdpcy1hY3RpdmUnOiBpc0FjdGl2ZSwgJ2lzLWZ1bGx3aWR0aCc6IGlzRnVsbHdpZHRoLCBzbWFsbDogc21hbGwsICdleHRyYS1zbWFsbCc6IGV4dHJhU21hbGwgfVwiXG4gICAgW2NsYXNzXT1cIid3Yi1zdHJ1Y3R1cmUtY29uZmlnICcgKyBwb3NpdGlvblwiXG4gICAgd2JBdXRvSGlkZVxuICAgIHRyaWdnZXJFbGVtZW50PVwid2Itc3RydWN0dXJlLWNvbmZpZ19fdG9vbHNcIlxuICAgIChjbGlja091dHNpZGUpPVwiZGlzYWJsZUlmQWN0aXZlKClcIlxuICAgIFtmb3JjZU9uXT1cIlsnd2Itc3RydWN0dXJlLWNvbmZpZycsICdpcy1hY3RpdmUnXVwiXG4+XG4gICAgPGRpdlxuICAgICAgICBjbGFzcz1cIndiLXN0cnVjdHVyZS1jb25maWdfX3Rvb2xzIGlzLXRvb2x0aXAtaW5mb1wiXG4gICAgICAgIFtud2JUb29sVGlwXT1cIid3Yi5zdHJ1Y3R1cmVjb25maWcudG9vbHRpcC4xJyB8IHRyYW5zbGF0ZVwiXG4gICAgICAgIFtud2JUb29sVGlwUG9zaXRpb25dPVwiXG4gICAgICAgICAgICBwb3NpdGlvbiA9PT0gVFlQRV9DT05GSUdfUE9TSVRJT05fUklHSFRfVE9QIHx8IHBvc2l0aW9uID09PSBUWVBFX0NPTkZJR19QT1NJVElPTl9SSUdIVF9CT1RUT00gPyAnbGVmdCcgOiAncmlnaHQnXG4gICAgICAgIFwiXG4gICAgICAgIChjbGljayk9XCJhY3RpdmVUaGlzKClcIlxuICAgICAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICAgICAnaGFzLW90aGVyLWVsZW1lbnQtb3BlbmVkJzogaGlkZVRoaXNcbiAgICAgICAgfVwiXG4gICAgPlxuICAgICAgICA8aSBjbGFzcz1cImZhcyBmYS1zbGlkZXJzLWhzXCI+PC9pPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ3Yi1zdHJ1Y3R1cmUtY29uZmlnX19jb250ZW50XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJ3Yi1zdHJ1Y3R1cmUtY29uZmlnX19jb250ZW50X190b29sc1wiIChjbGljayk9XCJkaXNhYmxlKClcIj5cbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJjbG9zZVwiPjxpIGNsYXNzPVwiZmFzIGZhLXRpbWVzXCI+PC9pPjwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgPGRpdj5cbiAgICAgICAgICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==

package/esm2020/lib/structures/amplify-product/zoom/amplify-product-zoom.component.mjs

@@ -72,7 +72,7 @@ export class AmplifyProductZoomComponent extends StructuresComponent {
     }
 }
 AmplifyProductZoomComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AmplifyProductZoomComponent, deps: [{ token: i1.ApiService }, { token: i2.ExternalConfigService }], target: i0.ɵɵFactoryTarget.Component });
-AmplifyProductZoomComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AmplifyProductZoomComponent, selector: "wb-amplify-product-zoom", usesInheritance: true, ngImport: i0, template: "<div class=\"wb-amplify-product-zoom\">\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom__product-config\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-amplify-search-product\n                [label]=\"'wb.structures.template.1' | translate\"\n                (newSearch)=\"prodSearched($event)\"\n                [type]=\"type\"\n                (changeType)=\"changeType($event)\"\n            ></wb-structure-amplify-search-product>\n        </wb-structure-config>\n    </div>\n    <wb-loader *ngIf=\"isLoading\"></wb-loader>\n    <div class=\"wb-amplify-product-zoom__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n        <wb-structure-amplify-search-product\n            [label]=\"'wb.structures.template.1' | translate\"\n            (newSearch)=\"prodSearched($event)\"\n            [type]=\"type\"\n            (changeType)=\"changeType($event)\"\n            [searchNumber]=\"1\"\n        ></wb-structure-amplify-search-product>\n    </div>\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom__selected\">\n        <div class=\"columns is-gapless\">\n            <div class=\"column is-1\" *ngIf=\"selectedProduct.images_url\">\n                <img [src]=\"image\" *ngFor=\"let image of selectedProduct.images_url\" />\n            </div>\n            <div class=\"column\">\n                <img [src]=\"selectedProduct.images_url[0]\" />\n            </div>\n            <div class=\"column\">\n                <h3>{{ selectedProduct.title }}</h3>\n                <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\n                    <wz-editor\n                        [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                        (ngModelChange)=\"persist()\"\n                        [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                    >\n                    </wz-editor>\n                </div>\n                <p>{{ selectedProduct.price | number: '1.2-2' }} {{ devise }}</p>\n                <a>{{ 'wb.structures.template.2' | translate }}</a>\n            </div>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.StructureConfigComponent, selector: "wb-structure-config", inputs: ["isActive", "blockUUID", "position", "isFullwidth", "small", "extraSmall"] }, { kind: "component", type: i6.StructureAmplifySearchProductComponent, selector: "wb-structure-amplify-search-product", inputs: ["label", "placeholder", "searchNumber", "selectedProd", "type"], outputs: ["newSearch", "changeType"] }, { kind: "component", type: i7.LoaderComponent, selector: "wb-loader" }, { kind: "component", type: i8.WiziEditorComponent, selector: "wz-editor", inputs: ["placeholder", "position"] }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+AmplifyProductZoomComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AmplifyProductZoomComponent, selector: "wb-amplify-product-zoom", usesInheritance: true, ngImport: i0, template: "<div class=\"wb-amplify-product-zoom\">\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom__product-config\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-amplify-search-product\n                [label]=\"'wb.structures.template.1' | translate\"\n                (newSearch)=\"prodSearched($event)\"\n                [type]=\"type\"\n                (changeType)=\"changeType($event)\"\n            ></wb-structure-amplify-search-product>\n        </wb-structure-config>\n    </div>\n    <wb-loader *ngIf=\"isLoading\"></wb-loader>\n    <div class=\"wb-amplify-product-zoom__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n        <wb-structure-amplify-search-product\n            [label]=\"'wb.structures.template.1' | translate\"\n            (newSearch)=\"prodSearched($event)\"\n            [type]=\"type\"\n            (changeType)=\"changeType($event)\"\n            [searchNumber]=\"1\"\n        ></wb-structure-amplify-search-product>\n    </div>\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom__selected\">\n        <div class=\"columns is-gapless\">\n            <div class=\"column is-1\" *ngIf=\"selectedProduct.images_url\">\n                <img [src]=\"image\" *ngFor=\"let image of selectedProduct.images_url\" />\n            </div>\n            <div class=\"column\">\n                <img [src]=\"selectedProduct.images_url[0]\" />\n            </div>\n            <div class=\"column\">\n                <h3>{{ selectedProduct.title }}</h3>\n                <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\n                    <wz-editor\n                        [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                        (ngModelChange)=\"persist()\"\n                        [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                    >\n                    </wz-editor>\n                </div>\n                <p>{{ selectedProduct.price | number: '1.2-2' }} {{ devise }}</p>\n                <a>{{ 'wb.structures.template.2' | translate }}</a>\n            </div>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.StructureConfigComponent, selector: "wb-structure-config", inputs: ["isActive", "blockUUID", "position", "isFullwidth", "small", "extraSmall"], outputs: ["isClose"] }, { kind: "component", type: i6.StructureAmplifySearchProductComponent, selector: "wb-structure-amplify-search-product", inputs: ["label", "placeholder", "searchNumber", "selectedProd", "type"], outputs: ["newSearch", "changeType"] }, { kind: "component", type: i7.LoaderComponent, selector: "wb-loader" }, { kind: "component", type: i8.WiziEditorComponent, selector: "wz-editor", inputs: ["placeholder", "position"] }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AmplifyProductZoomComponent, decorators: [{
             type: Component,
             args: [{ selector: AmplifyProductZoomService.selector(), template: "<div class=\"wb-amplify-product-zoom\">\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom__product-config\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-amplify-search-product\n                [label]=\"'wb.structures.template.1' | translate\"\n                (newSearch)=\"prodSearched($event)\"\n                [type]=\"type\"\n                (changeType)=\"changeType($event)\"\n            ></wb-structure-amplify-search-product>\n        </wb-structure-config>\n    </div>\n    <wb-loader *ngIf=\"isLoading\"></wb-loader>\n    <div class=\"wb-amplify-product-zoom__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n        <wb-structure-amplify-search-product\n            [label]=\"'wb.structures.template.1' | translate\"\n            (newSearch)=\"prodSearched($event)\"\n            [type]=\"type\"\n            (changeType)=\"changeType($event)\"\n            [searchNumber]=\"1\"\n        ></wb-structure-amplify-search-product>\n    </div>\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom__selected\">\n        <div class=\"columns is-gapless\">\n            <div class=\"column is-1\" *ngIf=\"selectedProduct.images_url\">\n                <img [src]=\"image\" *ngFor=\"let image of selectedProduct.images_url\" />\n            </div>\n            <div class=\"column\">\n                <img [src]=\"selectedProduct.images_url[0]\" />\n            </div>\n            <div class=\"column\">\n                <h3>{{ selectedProduct.title }}</h3>\n                <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\n                    <wz-editor\n                        [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                        (ngModelChange)=\"persist()\"\n                        [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                    >\n                    </wz-editor>\n                </div>\n                <p>{{ selectedProduct.price | number: '1.2-2' }} {{ devise }}</p>\n                <a>{{ 'wb.structures.template.2' | translate }}</a>\n            </div>\n        </div>\n    </div>\n</div>\n" }]

package/esm2020/lib/structures/amplify-product/zoom-more/amplify-product-zoom-more.component.mjs

@@ -73,7 +73,7 @@ export class AmplifyProductZoomMoreComponent extends StructuresComponent {
     }
 }
 AmplifyProductZoomMoreComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AmplifyProductZoomMoreComponent, deps: [{ token: i1.ApiService }, { token: i2.ExternalConfigService }], target: i0.ɵɵFactoryTarget.Component });
-AmplifyProductZoomMoreComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AmplifyProductZoomMoreComponent, selector: "wb-amplify-product-zoom-more", usesInheritance: true, ngImport: i0, template: "<div class=\"wb-amplify-product-zoom-more\">\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-more__product-config\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-amplify-search-product\n                [label]=\"'wb.structures.template.1' | translate\"\n                (newSearch)=\"prodSearched($event)\"\n                [type]=\"type\"\n                (changeType)=\"changeType($event)\"\n            ></wb-structure-amplify-search-product>\n        </wb-structure-config>\n    </div>\n    <wb-loader *ngIf=\"isLoading\"></wb-loader>\n    <div class=\"wb-amplify-product-zoom-more__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n        <wb-structure-amplify-search-product\n            [label]=\"'wb.structures.template.1' | translate\"\n            (newSearch)=\"prodSearched($event)\"\n            [type]=\"type\"\n            (changeType)=\"changeType($event)\"\n            [searchNumber]=\"1\"\n        ></wb-structure-amplify-search-product>\n    </div>\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-more__selected\">\n        <div\n            class=\"wb-amplify-product-zoom-more__selected__container-image\"\n            [ngClass]=\"{ 'has-more-image': selectedProduct.images_url.length > 1 }\"\n        >\n            <div class=\"columns\">\n                <div class=\"column is-4\">\n                    <img [src]=\"selectedProduct.images_url[0]\" [ngClass]=\"{ 'is-active': selected === 0 }\" />\n                </div>\n                <div class=\"column is-4\" *ngFor=\"let image of selectedProduct.images_url | slice: 1:3; let i = index\">\n                    <img [src]=\"image\" [ngClass]=\"{ 'is-active': selected === i + 1 }\" />\n                </div>\n            </div>\n        </div>\n        <div class=\"wb-amplify-product-zoom-more__selected__container-other\">\n            <div class=\"columns is-gapless\">\n                <div class=\"column is-8\">\n                    <h3>{{ selectedProduct.title }}</h3>\n                    <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\n                        <wz-editor\n                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                            (ngModelChange)=\"persist()\"\n                            [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                        >\n                        </wz-editor>\n                    </div>\n                    <p>{{ selectedProduct.price | number: '1.2-2' }} {{ devise }}</p>\n                </div>\n                <div class=\"column\">\n                    <a>{{ 'wb.structures.template.2' | translate }}</a>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.StructureConfigComponent, selector: "wb-structure-config", inputs: ["isActive", "blockUUID", "position", "isFullwidth", "small", "extraSmall"] }, { kind: "component", type: i6.StructureAmplifySearchProductComponent, selector: "wb-structure-amplify-search-product", inputs: ["label", "placeholder", "searchNumber", "selectedProd", "type"], outputs: ["newSearch", "changeType"] }, { kind: "component", type: i7.LoaderComponent, selector: "wb-loader" }, { kind: "component", type: i8.WiziEditorComponent, selector: "wz-editor", inputs: ["placeholder", "position"] }, { kind: "pipe", type: i3.SlicePipe, name: "slice" }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+AmplifyProductZoomMoreComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AmplifyProductZoomMoreComponent, selector: "wb-amplify-product-zoom-more", usesInheritance: true, ngImport: i0, template: "<div class=\"wb-amplify-product-zoom-more\">\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-more__product-config\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-amplify-search-product\n                [label]=\"'wb.structures.template.1' | translate\"\n                (newSearch)=\"prodSearched($event)\"\n                [type]=\"type\"\n                (changeType)=\"changeType($event)\"\n            ></wb-structure-amplify-search-product>\n        </wb-structure-config>\n    </div>\n    <wb-loader *ngIf=\"isLoading\"></wb-loader>\n    <div class=\"wb-amplify-product-zoom-more__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n        <wb-structure-amplify-search-product\n            [label]=\"'wb.structures.template.1' | translate\"\n            (newSearch)=\"prodSearched($event)\"\n            [type]=\"type\"\n            (changeType)=\"changeType($event)\"\n            [searchNumber]=\"1\"\n        ></wb-structure-amplify-search-product>\n    </div>\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-more__selected\">\n        <div\n            class=\"wb-amplify-product-zoom-more__selected__container-image\"\n            [ngClass]=\"{ 'has-more-image': selectedProduct.images_url.length > 1 }\"\n        >\n            <div class=\"columns\">\n                <div class=\"column is-4\">\n                    <img [src]=\"selectedProduct.images_url[0]\" [ngClass]=\"{ 'is-active': selected === 0 }\" />\n                </div>\n                <div class=\"column is-4\" *ngFor=\"let image of selectedProduct.images_url | slice: 1:3; let i = index\">\n                    <img [src]=\"image\" [ngClass]=\"{ 'is-active': selected === i + 1 }\" />\n                </div>\n            </div>\n        </div>\n        <div class=\"wb-amplify-product-zoom-more__selected__container-other\">\n            <div class=\"columns is-gapless\">\n                <div class=\"column is-8\">\n                    <h3>{{ selectedProduct.title }}</h3>\n                    <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\n                        <wz-editor\n                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                            (ngModelChange)=\"persist()\"\n                            [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                        >\n                        </wz-editor>\n                    </div>\n                    <p>{{ selectedProduct.price | number: '1.2-2' }} {{ devise }}</p>\n                </div>\n                <div class=\"column\">\n                    <a>{{ 'wb.structures.template.2' | translate }}</a>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.StructureConfigComponent, selector: "wb-structure-config", inputs: ["isActive", "blockUUID", "position", "isFullwidth", "small", "extraSmall"], outputs: ["isClose"] }, { kind: "component", type: i6.StructureAmplifySearchProductComponent, selector: "wb-structure-amplify-search-product", inputs: ["label", "placeholder", "searchNumber", "selectedProd", "type"], outputs: ["newSearch", "changeType"] }, { kind: "component", type: i7.LoaderComponent, selector: "wb-loader" }, { kind: "component", type: i8.WiziEditorComponent, selector: "wz-editor", inputs: ["placeholder", "position"] }, { kind: "pipe", type: i3.SlicePipe, name: "slice" }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AmplifyProductZoomMoreComponent, decorators: [{
             type: Component,
             args: [{ selector: AmplifyProductZoomMoreService.selector(), template: "<div class=\"wb-amplify-product-zoom-more\">\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-more__product-config\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-amplify-search-product\n                [label]=\"'wb.structures.template.1' | translate\"\n                (newSearch)=\"prodSearched($event)\"\n                [type]=\"type\"\n                (changeType)=\"changeType($event)\"\n            ></wb-structure-amplify-search-product>\n        </wb-structure-config>\n    </div>\n    <wb-loader *ngIf=\"isLoading\"></wb-loader>\n    <div class=\"wb-amplify-product-zoom-more__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n        <wb-structure-amplify-search-product\n            [label]=\"'wb.structures.template.1' | translate\"\n            (newSearch)=\"prodSearched($event)\"\n            [type]=\"type\"\n            (changeType)=\"changeType($event)\"\n            [searchNumber]=\"1\"\n        ></wb-structure-amplify-search-product>\n    </div>\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-more__selected\">\n        <div\n            class=\"wb-amplify-product-zoom-more__selected__container-image\"\n            [ngClass]=\"{ 'has-more-image': selectedProduct.images_url.length > 1 }\"\n        >\n            <div class=\"columns\">\n                <div class=\"column is-4\">\n                    <img [src]=\"selectedProduct.images_url[0]\" [ngClass]=\"{ 'is-active': selected === 0 }\" />\n                </div>\n                <div class=\"column is-4\" *ngFor=\"let image of selectedProduct.images_url | slice: 1:3; let i = index\">\n                    <img [src]=\"image\" [ngClass]=\"{ 'is-active': selected === i + 1 }\" />\n                </div>\n            </div>\n        </div>\n        <div class=\"wb-amplify-product-zoom-more__selected__container-other\">\n            <div class=\"columns is-gapless\">\n                <div class=\"column is-8\">\n                    <h3>{{ selectedProduct.title }}</h3>\n                    <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\n                        <wz-editor\n                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                            (ngModelChange)=\"persist()\"\n                            [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                        >\n                        </wz-editor>\n                    </div>\n                    <p>{{ selectedProduct.price | number: '1.2-2' }} {{ devise }}</p>\n                </div>\n                <div class=\"column\">\n                    <a>{{ 'wb.structures.template.2' | translate }}</a>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n" }]

package/esm2020/lib/structures/amplify-product/zoom-selected/amplify-product-zoom-selected.component.mjs

@@ -76,7 +76,7 @@ export class AmplifyProductZoomSelectedComponent extends StructuresComponent {
     }
 }
 AmplifyProductZoomSelectedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AmplifyProductZoomSelectedComponent, deps: [{ token: i1.ApiService }, { token: i2.ExternalConfigService }], target: i0.ɵɵFactoryTarget.Component });
-AmplifyProductZoomSelectedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AmplifyProductZoomSelectedComponent, selector: "wb-amplify-product-zoom-selected", usesInheritance: true, ngImport: i0, template: "<div class=\"wb-amplify-product-zoom-selected\">\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-selected__product-config\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-amplify-search-product\n                [label]=\"'wb.structures.template.1' | translate\"\n                (newSearch)=\"prodSearched($event)\"\n                [type]=\"type\"\n                (changeType)=\"changeType($event)\"\n            ></wb-structure-amplify-search-product>\n        </wb-structure-config>\n    </div>\n    <wb-loader *ngIf=\"isLoading\"></wb-loader>\n    <div class=\"wb-amplify-product-zoom-selected__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n        <wb-structure-amplify-search-product\n            [label]=\"'wb.structures.template.1' | translate\"\n            (newSearch)=\"prodSearched($event)\"\n            [type]=\"type\"\n            (changeType)=\"changeType($event)\"\n            [searchNumber]=\"1\"\n        ></wb-structure-amplify-search-product>\n    </div>\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-selected__selected\">\n        <div\n            class=\"wb-amplify-product-zoom-selected__selected__container-image\"\n            [ngClass]=\"{ 'has-more-image': selectedProduct.images_url.length > 1 }\"\n        >\n            <img\n                [src]=\"image\"\n                *ngFor=\"let image of selectedProduct.images_url; let i = index\"\n                [ngClass]=\"{ 'is-active': selected === i }\"\n            />\n            <div class=\"wb-amplify-product-zoom-selected__selected__container-selector\" *ngIf=\"selectedProduct.images_url.length > 1\">\n                <span\n                    *ngFor=\"let item of [].constructor(selectedProduct.images_url.length + 1); let i = index\"\n                    (click)=\"selectThisPhoto(i)\"\n                    [ngClass]=\"{ 'is-active': selected === i }\"\n                ></span>\n            </div>\n        </div>\n        <div class=\"wb-amplify-product-zoom-selected__selected__container-other\">\n            <h3>{{ selectedProduct.title }}</h3>\n            <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\n                <wz-editor\n                    [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                    (ngModelChange)=\"persist()\"\n                    [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                >\n                </wz-editor>\n            </div>\n            <p>{{ selectedProduct.price | number: '1.2-2' }} {{ devise }}</p>\n            <a>{{ 'wb.structures.template.2' | translate }}</a>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.StructureConfigComponent, selector: "wb-structure-config", inputs: ["isActive", "blockUUID", "position", "isFullwidth", "small", "extraSmall"] }, { kind: "component", type: i6.StructureAmplifySearchProductComponent, selector: "wb-structure-amplify-search-product", inputs: ["label", "placeholder", "searchNumber", "selectedProd", "type"], outputs: ["newSearch", "changeType"] }, { kind: "component", type: i7.LoaderComponent, selector: "wb-loader" }, { kind: "component", type: i8.WiziEditorComponent, selector: "wz-editor", inputs: ["placeholder", "position"] }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+AmplifyProductZoomSelectedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AmplifyProductZoomSelectedComponent, selector: "wb-amplify-product-zoom-selected", usesInheritance: true, ngImport: i0, template: "<div class=\"wb-amplify-product-zoom-selected\">\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-selected__product-config\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-amplify-search-product\n                [label]=\"'wb.structures.template.1' | translate\"\n                (newSearch)=\"prodSearched($event)\"\n                [type]=\"type\"\n                (changeType)=\"changeType($event)\"\n            ></wb-structure-amplify-search-product>\n        </wb-structure-config>\n    </div>\n    <wb-loader *ngIf=\"isLoading\"></wb-loader>\n    <div class=\"wb-amplify-product-zoom-selected__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n        <wb-structure-amplify-search-product\n            [label]=\"'wb.structures.template.1' | translate\"\n            (newSearch)=\"prodSearched($event)\"\n            [type]=\"type\"\n            (changeType)=\"changeType($event)\"\n            [searchNumber]=\"1\"\n        ></wb-structure-amplify-search-product>\n    </div>\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-selected__selected\">\n        <div\n            class=\"wb-amplify-product-zoom-selected__selected__container-image\"\n            [ngClass]=\"{ 'has-more-image': selectedProduct.images_url.length > 1 }\"\n        >\n            <img\n                [src]=\"image\"\n                *ngFor=\"let image of selectedProduct.images_url; let i = index\"\n                [ngClass]=\"{ 'is-active': selected === i }\"\n            />\n            <div class=\"wb-amplify-product-zoom-selected__selected__container-selector\" *ngIf=\"selectedProduct.images_url.length > 1\">\n                <span\n                    *ngFor=\"let item of [].constructor(selectedProduct.images_url.length + 1); let i = index\"\n                    (click)=\"selectThisPhoto(i)\"\n                    [ngClass]=\"{ 'is-active': selected === i }\"\n                ></span>\n            </div>\n        </div>\n        <div class=\"wb-amplify-product-zoom-selected__selected__container-other\">\n            <h3>{{ selectedProduct.title }}</h3>\n            <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\n                <wz-editor\n                    [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                    (ngModelChange)=\"persist()\"\n                    [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                >\n                </wz-editor>\n            </div>\n            <p>{{ selectedProduct.price | number: '1.2-2' }} {{ devise }}</p>\n            <a>{{ 'wb.structures.template.2' | translate }}</a>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.StructureConfigComponent, selector: "wb-structure-config", inputs: ["isActive", "blockUUID", "position", "isFullwidth", "small", "extraSmall"], outputs: ["isClose"] }, { kind: "component", type: i6.StructureAmplifySearchProductComponent, selector: "wb-structure-amplify-search-product", inputs: ["label", "placeholder", "searchNumber", "selectedProd", "type"], outputs: ["newSearch", "changeType"] }, { kind: "component", type: i7.LoaderComponent, selector: "wb-loader" }, { kind: "component", type: i8.WiziEditorComponent, selector: "wz-editor", inputs: ["placeholder", "position"] }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AmplifyProductZoomSelectedComponent, decorators: [{
             type: Component,
             args: [{ selector: AmplifyProductZoomSelectedService.selector(), template: "<div class=\"wb-amplify-product-zoom-selected\">\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-selected__product-config\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-amplify-search-product\n                [label]=\"'wb.structures.template.1' | translate\"\n                (newSearch)=\"prodSearched($event)\"\n                [type]=\"type\"\n                (changeType)=\"changeType($event)\"\n            ></wb-structure-amplify-search-product>\n        </wb-structure-config>\n    </div>\n    <wb-loader *ngIf=\"isLoading\"></wb-loader>\n    <div class=\"wb-amplify-product-zoom-selected__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n        <wb-structure-amplify-search-product\n            [label]=\"'wb.structures.template.1' | translate\"\n            (newSearch)=\"prodSearched($event)\"\n            [type]=\"type\"\n            (changeType)=\"changeType($event)\"\n            [searchNumber]=\"1\"\n        ></wb-structure-amplify-search-product>\n    </div>\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-selected__selected\">\n        <div\n            class=\"wb-amplify-product-zoom-selected__selected__container-image\"\n            [ngClass]=\"{ 'has-more-image': selectedProduct.images_url.length > 1 }\"\n        >\n            <img\n                [src]=\"image\"\n                *ngFor=\"let image of selectedProduct.images_url; let i = index\"\n                [ngClass]=\"{ 'is-active': selected === i }\"\n            />\n            <div class=\"wb-amplify-product-zoom-selected__selected__container-selector\" *ngIf=\"selectedProduct.images_url.length > 1\">\n                <span\n                    *ngFor=\"let item of [].constructor(selectedProduct.images_url.length + 1); let i = index\"\n                    (click)=\"selectThisPhoto(i)\"\n                    [ngClass]=\"{ 'is-active': selected === i }\"\n                ></span>\n            </div>\n        </div>\n        <div class=\"wb-amplify-product-zoom-selected__selected__container-other\">\n            <h3>{{ selectedProduct.title }}</h3>\n            <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\n                <wz-editor\n                    [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                    (ngModelChange)=\"persist()\"\n                    [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                >\n                </wz-editor>\n            </div>\n            <p>{{ selectedProduct.price | number: '1.2-2' }} {{ devise }}</p>\n            <a>{{ 'wb.structures.template.2' | translate }}</a>\n        </div>\n    </div>\n</div>\n" }]

package/esm2020/lib/structures/amplify-product/zoom-triple-column/amplify-product-zoom-triple-column.component.mjs

@@ -72,7 +72,7 @@ export class AmplifyProductZoomTripleColumnComponent extends StructuresComponent
     }
 }
 AmplifyProductZoomTripleColumnComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AmplifyProductZoomTripleColumnComponent, deps: [{ token: i1.ApiService }, { token: i2.ExternalConfigService }], target: i0.ɵɵFactoryTarget.Component });
-AmplifyProductZoomTripleColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AmplifyProductZoomTripleColumnComponent, selector: "wb-amplify-product-zoom-triple-column", usesInheritance: true, ngImport: i0, template: "<div class=\"wb-amplify-product-zoom-triple-column\">\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-triple-column__product-config\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-amplify-search-product\n                [label]=\"'wb.structures.template.1' | translate\"\n                (newSearch)=\"prodSearched($event)\"\n                [type]=\"type\"\n                (changeType)=\"changeType($event)\"\n            ></wb-structure-amplify-search-product>\n        </wb-structure-config>\n    </div>\n    <wb-loader *ngIf=\"isLoading\"></wb-loader>\n    <div class=\"wb-amplify-product-zoom-triple-column__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n        <wb-structure-amplify-search-product\n            [label]=\"'wb.structures.template.1' | translate\"\n            (newSearch)=\"prodSearched($event)\"\n            [type]=\"type\"\n            (changeType)=\"changeType($event)\"\n            [searchNumber]=\"1\"\n        ></wb-structure-amplify-search-product>\n    </div>\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-triple-column__selected\">\n        <div class=\"columns is-gapless\">\n            <div class=\"column\">\n                <div class=\"container-img\">\n                    <img [src]=\"selectedProduct.images_url[0]\" />\n                </div>\n            </div>\n            <div class=\"column\">\n                <h3>{{ selectedProduct.title }}</h3>\n                <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\n                    <wz-editor\n                        [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                        (ngModelChange)=\"persist()\"\n                        [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                    >\n                    </wz-editor>\n                </div>\n                <p>{{ selectedProduct.price | number: '1.2-2' }} {{ devise }}</p>\n            </div>\n            <div class=\"column\" [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                <a>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT] }}</a>\n            </div>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.StructureConfigComponent, selector: "wb-structure-config", inputs: ["isActive", "blockUUID", "position", "isFullwidth", "small", "extraSmall"] }, { kind: "component", type: i6.StructureAmplifySearchProductComponent, selector: "wb-structure-amplify-search-product", inputs: ["label", "placeholder", "searchNumber", "selectedProd", "type"], outputs: ["newSearch", "changeType"] }, { kind: "component", type: i7.LoaderComponent, selector: "wb-loader" }, { kind: "component", type: i8.WiziEditorComponent, selector: "wz-editor", inputs: ["placeholder", "position"] }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
+AmplifyProductZoomTripleColumnComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AmplifyProductZoomTripleColumnComponent, selector: "wb-amplify-product-zoom-triple-column", usesInheritance: true, ngImport: i0, template: "<div class=\"wb-amplify-product-zoom-triple-column\">\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-triple-column__product-config\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-amplify-search-product\n                [label]=\"'wb.structures.template.1' | translate\"\n                (newSearch)=\"prodSearched($event)\"\n                [type]=\"type\"\n                (changeType)=\"changeType($event)\"\n            ></wb-structure-amplify-search-product>\n        </wb-structure-config>\n    </div>\n    <wb-loader *ngIf=\"isLoading\"></wb-loader>\n    <div class=\"wb-amplify-product-zoom-triple-column__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n        <wb-structure-amplify-search-product\n            [label]=\"'wb.structures.template.1' | translate\"\n            (newSearch)=\"prodSearched($event)\"\n            [type]=\"type\"\n            (changeType)=\"changeType($event)\"\n            [searchNumber]=\"1\"\n        ></wb-structure-amplify-search-product>\n    </div>\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-triple-column__selected\">\n        <div class=\"columns is-gapless\">\n            <div class=\"column\">\n                <div class=\"container-img\">\n                    <img [src]=\"selectedProduct.images_url[0]\" />\n                </div>\n            </div>\n            <div class=\"column\">\n                <h3>{{ selectedProduct.title }}</h3>\n                <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\n                    <wz-editor\n                        [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                        (ngModelChange)=\"persist()\"\n                        [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                    >\n                    </wz-editor>\n                </div>\n                <p>{{ selectedProduct.price | number: '1.2-2' }} {{ devise }}</p>\n            </div>\n            <div class=\"column\" [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                <a>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT] }}</a>\n            </div>\n        </div>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.StructureConfigComponent, selector: "wb-structure-config", inputs: ["isActive", "blockUUID", "position", "isFullwidth", "small", "extraSmall"], outputs: ["isClose"] }, { kind: "component", type: i6.StructureAmplifySearchProductComponent, selector: "wb-structure-amplify-search-product", inputs: ["label", "placeholder", "searchNumber", "selectedProd", "type"], outputs: ["newSearch", "changeType"] }, { kind: "component", type: i7.LoaderComponent, selector: "wb-loader" }, { kind: "component", type: i8.WiziEditorComponent, selector: "wz-editor", inputs: ["placeholder", "position"] }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: i9.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AmplifyProductZoomTripleColumnComponent, decorators: [{
             type: Component,
             args: [{ selector: AmplifyProductZoomTripleColumnService.selector(), template: "<div class=\"wb-amplify-product-zoom-triple-column\">\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-triple-column__product-config\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-amplify-search-product\n                [label]=\"'wb.structures.template.1' | translate\"\n                (newSearch)=\"prodSearched($event)\"\n                [type]=\"type\"\n                (changeType)=\"changeType($event)\"\n            ></wb-structure-amplify-search-product>\n        </wb-structure-config>\n    </div>\n    <wb-loader *ngIf=\"isLoading\"></wb-loader>\n    <div class=\"wb-amplify-product-zoom-triple-column__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n        <wb-structure-amplify-search-product\n            [label]=\"'wb.structures.template.1' | translate\"\n            (newSearch)=\"prodSearched($event)\"\n            [type]=\"type\"\n            (changeType)=\"changeType($event)\"\n            [searchNumber]=\"1\"\n        ></wb-structure-amplify-search-product>\n    </div>\n    <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-triple-column__selected\">\n        <div class=\"columns is-gapless\">\n            <div class=\"column\">\n                <div class=\"container-img\">\n                    <img [src]=\"selectedProduct.images_url[0]\" />\n                </div>\n            </div>\n            <div class=\"column\">\n                <h3>{{ selectedProduct.title }}</h3>\n                <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\n                    <wz-editor\n                        [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                        (ngModelChange)=\"persist()\"\n                        [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                    >\n                    </wz-editor>\n                </div>\n                <p>{{ selectedProduct.price | number: '1.2-2' }} {{ devise }}</p>\n            </div>\n            <div class=\"column\" [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                <a>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT] }}</a>\n            </div>\n        </div>\n    </div>\n</div>\n" }]

package/esm2020/lib/structures/amplify-products-list/classic/amplify-products-list-classic.component.mjs

@@ -87,7 +87,7 @@ export class AmplifyProductsListClassicComponent extends StructuresComponent {
     }
 }
 AmplifyProductsListClassicComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AmplifyProductsListClassicComponent, deps: [{ token: i1.ApiService }, { token: i2.ExternalConfigService }], target: i0.ɵɵFactoryTarget.Component });
-AmplifyProductsListClassicComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AmplifyProductsListClassicComponent, selector: "wb-amplify-products-list-classic", viewQueries: [{ propertyName: "content", first: true, predicate: ["structureSearchProduct"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"wb-amplify-products-list-classic\" [ngClass]=\"'nb-ligne-' + contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE]\">\n    <div *ngIf=\"catalogSelection\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-config-checkbox\n                [label]=\"'wb.structures.template.3' | translate\"\n                [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE]\"\n                (ngModelChange)=\"persist()\"\n                [off]=\"false\"\n                [on]=\"true\"\n            ></wb-structure-config-checkbox>\n            <wb-structure-amplify-search-product\n                #structureSearchProduct\n                [searchNumber]=\"20\"\n                [type]=\"type\"\n                [label]=\"'wb.structures.template.4' | translate\"\n                (changeType)=\"changeType($event)\"\n                (newSearch)=\"changeProduct($event)\"\n                [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n            ></wb-structure-amplify-search-product>\n            <wb-structure-amplify-search-category\n                [label]=\"'wb.structures.template.5' | translate\"\n                (changeType)=\"changeType($event)\"\n                (newSearch)=\"changeCategory($event)\"\n                [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n            ></wb-structure-amplify-search-category>\n        </wb-structure-config>\n    </div>\n    <div class=\"wb-amplify-products-list-classic__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE] && catalogSelection\">\n        <wz-editor\n            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\"\n            (ngModelChange)=\"persist()\"\n            [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n        >\n        </wz-editor>\n    </div>\n    <wb-loader *ngIf=\"isLoading\" class=\"is-fullsize\"></wb-loader>\n    <div *ngIf=\"catalogSelection !== null\">\n        <div\n            class=\"wb-amplify-products-list-classic__list\"\n            *ngIf=\"catalogSelection !== undefined && catalogSelection.results && catalogSelection.results.length\"\n        >\n            <div *ngFor=\"let product of catalogSelection.results | slice: 0:12\">\n                <div>\n                    <img [src]=\"product.images_url[0]\" [alt]=\"product.title\" *ngIf=\"product.images_url.length\" />\n                </div>\n                <p>{{ product.title }}</p>\n                <p>{{ product.price | number: '1.2-2' }}{{ devise }}</p>\n            </div>\n        </div>\n        <div class=\"wb-amplify-products-list-classic__nolist\" *ngIf=\"!catalogSelection.results || catalogSelection.results.length === 0\">\n            <p>{{ 'wb.structures.template.6' | translate }}</p>\n        </div>\n    </div>\n    <div class=\"wb-amplify-products-list-classic__noproduct\" *ngIf=\"catalogSelection === null && !isLoading\">\n        <wb-structure-amplify-search-product\n            [searchNumber]=\"20\"\n            [label]=\"'wb.structures.template.4' | translate\"\n            [type]=\"type\"\n            (newSearch)=\"changeProduct($event)\"\n            (changeType)=\"changeType($event)\"\n            [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n        ></wb-structure-amplify-search-product>\n        <wb-structure-amplify-search-category\n            [label]=\"'wb.structures.template.5' | translate\"\n            (changeType)=\"changeType($event)\"\n            (newSearch)=\"changeCategory($event)\"\n            [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n        ></wb-structure-amplify-search-category>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.StructureConfigComponent, selector: "wb-structure-config", inputs: ["isActive", "blockUUID", "position", "isFullwidth", "small", "extraSmall"] }, { kind: "component", type: i6.StructureConfigCheckboxComponent, selector: "wb-structure-config-checkbox", inputs: ["label", "on", "off"] }, { kind: "component", type: i7.StructureAmplifySearchProductComponent, selector: "wb-structure-amplify-search-product", inputs: ["label", "placeholder", "searchNumber", "selectedProd", "type"], outputs: ["newSearch", "changeType"] }, { kind: "component", type: i8.StructureAmplifySearchCategoryComponent, selector: "wb-structure-amplify-search-category", inputs: ["label", "placeholder", "selectedCategory"], outputs: ["newSearch", "changeType"] }, { kind: "component", type: i9.LoaderComponent, selector: "wb-loader" }, { kind: "component", type: i10.WiziEditorComponent, selector: "wz-editor", inputs: ["placeholder", "position"] }, { kind: "pipe", type: i3.SlicePipe, name: "slice" }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] });
+AmplifyProductsListClassicComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AmplifyProductsListClassicComponent, selector: "wb-amplify-products-list-classic", viewQueries: [{ propertyName: "content", first: true, predicate: ["structureSearchProduct"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"wb-amplify-products-list-classic\" [ngClass]=\"'nb-ligne-' + contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE]\">\n    <div *ngIf=\"catalogSelection\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-config-checkbox\n                [label]=\"'wb.structures.template.3' | translate\"\n                [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE]\"\n                (ngModelChange)=\"persist()\"\n                [off]=\"false\"\n                [on]=\"true\"\n            ></wb-structure-config-checkbox>\n            <wb-structure-amplify-search-product\n                #structureSearchProduct\n                [searchNumber]=\"20\"\n                [type]=\"type\"\n                [label]=\"'wb.structures.template.4' | translate\"\n                (changeType)=\"changeType($event)\"\n                (newSearch)=\"changeProduct($event)\"\n                [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n            ></wb-structure-amplify-search-product>\n            <wb-structure-amplify-search-category\n                [label]=\"'wb.structures.template.5' | translate\"\n                (changeType)=\"changeType($event)\"\n                (newSearch)=\"changeCategory($event)\"\n                [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n            ></wb-structure-amplify-search-category>\n        </wb-structure-config>\n    </div>\n    <div class=\"wb-amplify-products-list-classic__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE] && catalogSelection\">\n        <wz-editor\n            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\"\n            (ngModelChange)=\"persist()\"\n            [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n        >\n        </wz-editor>\n    </div>\n    <wb-loader *ngIf=\"isLoading\" class=\"is-fullsize\"></wb-loader>\n    <div *ngIf=\"catalogSelection !== null\">\n        <div\n            class=\"wb-amplify-products-list-classic__list\"\n            *ngIf=\"catalogSelection !== undefined && catalogSelection.results && catalogSelection.results.length\"\n        >\n            <div *ngFor=\"let product of catalogSelection.results | slice: 0:12\">\n                <div>\n                    <img [src]=\"product.images_url[0]\" [alt]=\"product.title\" *ngIf=\"product.images_url.length\" />\n                </div>\n                <p>{{ product.title }}</p>\n                <p>{{ product.price | number: '1.2-2' }}{{ devise }}</p>\n            </div>\n        </div>\n        <div class=\"wb-amplify-products-list-classic__nolist\" *ngIf=\"!catalogSelection.results || catalogSelection.results.length === 0\">\n            <p>{{ 'wb.structures.template.6' | translate }}</p>\n        </div>\n    </div>\n    <div class=\"wb-amplify-products-list-classic__noproduct\" *ngIf=\"catalogSelection === null && !isLoading\">\n        <wb-structure-amplify-search-product\n            [searchNumber]=\"20\"\n            [label]=\"'wb.structures.template.4' | translate\"\n            [type]=\"type\"\n            (newSearch)=\"changeProduct($event)\"\n            (changeType)=\"changeType($event)\"\n            [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n        ></wb-structure-amplify-search-product>\n        <wb-structure-amplify-search-category\n            [label]=\"'wb.structures.template.5' | translate\"\n            (changeType)=\"changeType($event)\"\n            (newSearch)=\"changeCategory($event)\"\n            [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n        ></wb-structure-amplify-search-category>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.StructureConfigComponent, selector: "wb-structure-config", inputs: ["isActive", "blockUUID", "position", "isFullwidth", "small", "extraSmall"], outputs: ["isClose"] }, { kind: "component", type: i6.StructureConfigCheckboxComponent, selector: "wb-structure-config-checkbox", inputs: ["label", "on", "off"] }, { kind: "component", type: i7.StructureAmplifySearchProductComponent, selector: "wb-structure-amplify-search-product", inputs: ["label", "placeholder", "searchNumber", "selectedProd", "type"], outputs: ["newSearch", "changeType"] }, { kind: "component", type: i8.StructureAmplifySearchCategoryComponent, selector: "wb-structure-amplify-search-category", inputs: ["label", "placeholder", "selectedCategory"], outputs: ["newSearch", "changeType"] }, { kind: "component", type: i9.LoaderComponent, selector: "wb-loader" }, { kind: "component", type: i10.WiziEditorComponent, selector: "wz-editor", inputs: ["placeholder", "position"] }, { kind: "pipe", type: i3.SlicePipe, name: "slice" }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AmplifyProductsListClassicComponent, decorators: [{
             type: Component,
             args: [{ selector: AmplifyProductsListClassicService.selector(), template: "<div class=\"wb-amplify-products-list-classic\" [ngClass]=\"'nb-ligne-' + contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE]\">\n    <div *ngIf=\"catalogSelection\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-config-checkbox\n                [label]=\"'wb.structures.template.3' | translate\"\n                [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE]\"\n                (ngModelChange)=\"persist()\"\n                [off]=\"false\"\n                [on]=\"true\"\n            ></wb-structure-config-checkbox>\n            <wb-structure-amplify-search-product\n                #structureSearchProduct\n                [searchNumber]=\"20\"\n                [type]=\"type\"\n                [label]=\"'wb.structures.template.4' | translate\"\n                (changeType)=\"changeType($event)\"\n                (newSearch)=\"changeProduct($event)\"\n                [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n            ></wb-structure-amplify-search-product>\n            <wb-structure-amplify-search-category\n                [label]=\"'wb.structures.template.5' | translate\"\n                (changeType)=\"changeType($event)\"\n                (newSearch)=\"changeCategory($event)\"\n                [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n            ></wb-structure-amplify-search-category>\n        </wb-structure-config>\n    </div>\n    <div class=\"wb-amplify-products-list-classic__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE] && catalogSelection\">\n        <wz-editor\n            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\"\n            (ngModelChange)=\"persist()\"\n            [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n        >\n        </wz-editor>\n    </div>\n    <wb-loader *ngIf=\"isLoading\" class=\"is-fullsize\"></wb-loader>\n    <div *ngIf=\"catalogSelection !== null\">\n        <div\n            class=\"wb-amplify-products-list-classic__list\"\n            *ngIf=\"catalogSelection !== undefined && catalogSelection.results && catalogSelection.results.length\"\n        >\n            <div *ngFor=\"let product of catalogSelection.results | slice: 0:12\">\n                <div>\n                    <img [src]=\"product.images_url[0]\" [alt]=\"product.title\" *ngIf=\"product.images_url.length\" />\n                </div>\n                <p>{{ product.title }}</p>\n                <p>{{ product.price | number: '1.2-2' }}{{ devise }}</p>\n            </div>\n        </div>\n        <div class=\"wb-amplify-products-list-classic__nolist\" *ngIf=\"!catalogSelection.results || catalogSelection.results.length === 0\">\n            <p>{{ 'wb.structures.template.6' | translate }}</p>\n        </div>\n    </div>\n    <div class=\"wb-amplify-products-list-classic__noproduct\" *ngIf=\"catalogSelection === null && !isLoading\">\n        <wb-structure-amplify-search-product\n            [searchNumber]=\"20\"\n            [label]=\"'wb.structures.template.4' | translate\"\n            [type]=\"type\"\n            (newSearch)=\"changeProduct($event)\"\n            (changeType)=\"changeType($event)\"\n            [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n        ></wb-structure-amplify-search-product>\n        <wb-structure-amplify-search-category\n            [label]=\"'wb.structures.template.5' | translate\"\n            (changeType)=\"changeType($event)\"\n            (newSearch)=\"changeCategory($event)\"\n            [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n        ></wb-structure-amplify-search-category>\n    </div>\n</div>\n" }]

package/esm2020/lib/structures/amplify-products-list/selected/amplify-products-list-selected.component.mjs

@@ -87,7 +87,7 @@ export class AmplifyProductsListSelectedComponent extends StructuresComponent {
     }
 }
 AmplifyProductsListSelectedComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AmplifyProductsListSelectedComponent, deps: [{ token: i1.ApiService }, { token: i2.ExternalConfigService }], target: i0.ɵɵFactoryTarget.Component });
-AmplifyProductsListSelectedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AmplifyProductsListSelectedComponent, selector: "wb-amplify-products-list-selected", viewQueries: [{ propertyName: "content", first: true, predicate: ["structureSearchProduct"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"wb-amplify-products-list-selected\" [ngClass]=\"'nb-ligne-' + contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE]\">\n    <div *ngIf=\"catalogSelection\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-config-checkbox\n                [label]=\"'wb.structures.template.3' | translate\"\n                [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE]\"\n                (ngModelChange)=\"persist()\"\n                [off]=\"false\"\n                [on]=\"true\"\n            ></wb-structure-config-checkbox>\n            <wb-structure-amplify-search-product\n                #structureSearchProduct\n                [searchNumber]=\"20\"\n                [type]=\"type\"\n                [label]=\"'wb.structures.template.4' | translate\"\n                (changeType)=\"changeType($event)\"\n                (newSearch)=\"changeProduct($event)\"\n                [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n            ></wb-structure-amplify-search-product>\n            <wb-structure-amplify-search-category\n                [label]=\"'wb.structures.template.5' | translate\"\n                (changeType)=\"changeType($event)\"\n                (newSearch)=\"changeCategory($event)\"\n                [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n            ></wb-structure-amplify-search-category>\n        </wb-structure-config>\n    </div>\n    <div class=\"wb-amplify-products-list-selected__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE] && catalogSelection\">\n        <wz-editor\n            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\"\n            (ngModelChange)=\"persist()\"\n            [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n        >\n        </wz-editor>\n    </div>\n    <wb-loader *ngIf=\"isLoading\" class=\"is-fullsize\"></wb-loader>\n    <div *ngIf=\"catalogSelection !== null\">\n        <div\n            class=\"wb-amplify-products-list-selected__list\"\n            *ngIf=\"catalogSelection && catalogSelection !== undefined && catalogSelection.results && catalogSelection.results.length\"\n        >\n            <div class=\"columns\">\n                <div class=\"column\">\n                    <div class=\"wb-amplify-products-list-selected__list__product\">\n                        <div>\n                            <img\n                                [src]=\"catalogSelection.results[0].images_url[0]\"\n                                [alt]=\"catalogSelection.results[0].title\"\n                                *ngIf=\"catalogSelection.results[0].images_url.length\"\n                            />\n                        </div>\n                        <p>{{ catalogSelection.results[0].title }}</p>\n                        <p>{{ catalogSelection.results[0].price | number: '1.2-2' }}{{ devise }}</p>\n                    </div>\n                </div>\n                <div class=\"column\">\n                    <div class=\"columns is-gapless is-multiline wb-amplify-products-list-selected__list__second\">\n                        <div *ngFor=\"let product of catalogSelection.results | slice: 1:5\" class=\"column is-6\">\n                            <div class=\"wb-amplify-products-list-selected__list__product\">\n                                <div>\n                                    <img [src]=\"product.images_url[0]\" [alt]=\"product.title\" *ngIf=\"product.images_url.length\" />\n                                </div>\n                                <p>{{ product.title }}</p>\n                                <p>{{ product.price | number: '1.2-2' }}{{ devise }}</p>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"columns\" *ngIf=\"catalogSelection.results.length > 5 && contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE] !== '1'\">\n                <div class=\"column\">\n                    <div class=\"columns is-gapless is-multiline wb-amplify-products-list-selected__list__second\">\n                        <div *ngFor=\"let product of catalogSelection.results | slice: 6:10\" class=\"column is-6\">\n                            <div class=\"wb-amplify-products-list-selected__list__product\">\n                                <div>\n                                    <img [src]=\"product.images_url[0]\" [alt]=\"product.title\" *ngIf=\"product.images_url.length\" />\n                                </div>\n                                <p>{{ product.title }}</p>\n                                <p>{{ product.price | number: '1.2-2' }}{{ devise }}</p>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"column\">\n                    <div class=\"wb-amplify-products-list-selected__list__product\">\n                        <div>\n                            <img\n                                [src]=\"catalogSelection.results[5].images_url[0]\"\n                                [alt]=\"catalogSelection.results[5].title\"\n                                *ngIf=\"catalogSelection.results[5].images_url.length\"\n                            />\n                        </div>\n                        <p>{{ catalogSelection.results[5].title }}</p>\n                        <p>{{ catalogSelection.results[5].price | number: '1.2-2' }}{{ devise }}</p>\n                    </div>\n                </div>\n            </div>\n            <div class=\"columns\" *ngIf=\"catalogSelection.results.length > 10 && contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE] === '3'\">\n                <div class=\"column\">\n                    <div class=\"wb-amplify-products-list-selected__list__product\">\n                        <div>\n                            <img\n                                [src]=\"catalogSelection.results[10].images_url[0]\"\n                                [alt]=\"catalogSelection.results[10].title\"\n                                *ngIf=\"catalogSelection.results[10].images_url.length\"\n                            />\n                        </div>\n                        <p>{{ catalogSelection.results[10].title }}</p>\n                        <p>{{ catalogSelection.results[10].price | number: '1.2-2' }}{{ devise }}</p>\n                    </div>\n                </div>\n                <div class=\"column\">\n                    <div class=\"columns is-gapless is-multiline wb-amplify-products-list-selected__list__second\">\n                        <div *ngFor=\"let product of catalogSelection.results | slice: 11:15\" class=\"column is-6\">\n                            <div class=\"wb-amplify-products-list-selected__list__product\">\n                                <div>\n                                    <img [src]=\"product.images_url[0]\" [alt]=\"product.title\" *ngIf=\"product.images_url.length\" />\n                                </div>\n                                <p>{{ product.title }}</p>\n                                <p>{{ product.price | number: '1.2-2' }}{{ devise }}</p>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"wb-amplify-products-list-selected__nolist\" *ngIf=\"!catalogSelection.results || catalogSelection.results.length === 0\">\n            <p>{{ 'wb.structures.template.6' | translate }}</p>\n        </div>\n    </div>\n\n    <div class=\"wb-amplify-products-list-selected__noproduct\" *ngIf=\"catalogSelection === null && !isLoading\">\n        <wb-structure-amplify-search-product\n            [searchNumber]=\"20\"\n            [label]=\"'wb.structures.template.4' | translate\"\n            [type]=\"type\"\n            (newSearch)=\"changeProduct($event)\"\n            (changeType)=\"changeType($event)\"\n            [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n        ></wb-structure-amplify-search-product>\n        <wb-structure-amplify-search-category\n            [label]=\"'wb.structures.template.5' | translate\"\n            (changeType)=\"changeType($event)\"\n            (newSearch)=\"changeCategory($event)\"\n            [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n        ></wb-structure-amplify-search-category>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.StructureConfigComponent, selector: "wb-structure-config", inputs: ["isActive", "blockUUID", "position", "isFullwidth", "small", "extraSmall"] }, { kind: "component", type: i6.StructureConfigCheckboxComponent, selector: "wb-structure-config-checkbox", inputs: ["label", "on", "off"] }, { kind: "component", type: i7.StructureAmplifySearchProductComponent, selector: "wb-structure-amplify-search-product", inputs: ["label", "placeholder", "searchNumber", "selectedProd", "type"], outputs: ["newSearch", "changeType"] }, { kind: "component", type: i8.StructureAmplifySearchCategoryComponent, selector: "wb-structure-amplify-search-category", inputs: ["label", "placeholder", "selectedCategory"], outputs: ["newSearch", "changeType"] }, { kind: "component", type: i9.LoaderComponent, selector: "wb-loader" }, { kind: "component", type: i10.WiziEditorComponent, selector: "wz-editor", inputs: ["placeholder", "position"] }, { kind: "pipe", type: i3.SlicePipe, name: "slice" }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] });
+AmplifyProductsListSelectedComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AmplifyProductsListSelectedComponent, selector: "wb-amplify-products-list-selected", viewQueries: [{ propertyName: "content", first: true, predicate: ["structureSearchProduct"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"wb-amplify-products-list-selected\" [ngClass]=\"'nb-ligne-' + contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE]\">\n    <div *ngIf=\"catalogSelection\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-config-checkbox\n                [label]=\"'wb.structures.template.3' | translate\"\n                [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE]\"\n                (ngModelChange)=\"persist()\"\n                [off]=\"false\"\n                [on]=\"true\"\n            ></wb-structure-config-checkbox>\n            <wb-structure-amplify-search-product\n                #structureSearchProduct\n                [searchNumber]=\"20\"\n                [type]=\"type\"\n                [label]=\"'wb.structures.template.4' | translate\"\n                (changeType)=\"changeType($event)\"\n                (newSearch)=\"changeProduct($event)\"\n                [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n            ></wb-structure-amplify-search-product>\n            <wb-structure-amplify-search-category\n                [label]=\"'wb.structures.template.5' | translate\"\n                (changeType)=\"changeType($event)\"\n                (newSearch)=\"changeCategory($event)\"\n                [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n            ></wb-structure-amplify-search-category>\n        </wb-structure-config>\n    </div>\n    <div class=\"wb-amplify-products-list-selected__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE] && catalogSelection\">\n        <wz-editor\n            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\"\n            (ngModelChange)=\"persist()\"\n            [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n        >\n        </wz-editor>\n    </div>\n    <wb-loader *ngIf=\"isLoading\" class=\"is-fullsize\"></wb-loader>\n    <div *ngIf=\"catalogSelection !== null\">\n        <div\n            class=\"wb-amplify-products-list-selected__list\"\n            *ngIf=\"catalogSelection && catalogSelection !== undefined && catalogSelection.results && catalogSelection.results.length\"\n        >\n            <div class=\"columns\">\n                <div class=\"column\">\n                    <div class=\"wb-amplify-products-list-selected__list__product\">\n                        <div>\n                            <img\n                                [src]=\"catalogSelection.results[0].images_url[0]\"\n                                [alt]=\"catalogSelection.results[0].title\"\n                                *ngIf=\"catalogSelection.results[0].images_url.length\"\n                            />\n                        </div>\n                        <p>{{ catalogSelection.results[0].title }}</p>\n                        <p>{{ catalogSelection.results[0].price | number: '1.2-2' }}{{ devise }}</p>\n                    </div>\n                </div>\n                <div class=\"column\">\n                    <div class=\"columns is-gapless is-multiline wb-amplify-products-list-selected__list__second\">\n                        <div *ngFor=\"let product of catalogSelection.results | slice: 1:5\" class=\"column is-6\">\n                            <div class=\"wb-amplify-products-list-selected__list__product\">\n                                <div>\n                                    <img [src]=\"product.images_url[0]\" [alt]=\"product.title\" *ngIf=\"product.images_url.length\" />\n                                </div>\n                                <p>{{ product.title }}</p>\n                                <p>{{ product.price | number: '1.2-2' }}{{ devise }}</p>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"columns\" *ngIf=\"catalogSelection.results.length > 5 && contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE] !== '1'\">\n                <div class=\"column\">\n                    <div class=\"columns is-gapless is-multiline wb-amplify-products-list-selected__list__second\">\n                        <div *ngFor=\"let product of catalogSelection.results | slice: 6:10\" class=\"column is-6\">\n                            <div class=\"wb-amplify-products-list-selected__list__product\">\n                                <div>\n                                    <img [src]=\"product.images_url[0]\" [alt]=\"product.title\" *ngIf=\"product.images_url.length\" />\n                                </div>\n                                <p>{{ product.title }}</p>\n                                <p>{{ product.price | number: '1.2-2' }}{{ devise }}</p>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"column\">\n                    <div class=\"wb-amplify-products-list-selected__list__product\">\n                        <div>\n                            <img\n                                [src]=\"catalogSelection.results[5].images_url[0]\"\n                                [alt]=\"catalogSelection.results[5].title\"\n                                *ngIf=\"catalogSelection.results[5].images_url.length\"\n                            />\n                        </div>\n                        <p>{{ catalogSelection.results[5].title }}</p>\n                        <p>{{ catalogSelection.results[5].price | number: '1.2-2' }}{{ devise }}</p>\n                    </div>\n                </div>\n            </div>\n            <div class=\"columns\" *ngIf=\"catalogSelection.results.length > 10 && contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE] === '3'\">\n                <div class=\"column\">\n                    <div class=\"wb-amplify-products-list-selected__list__product\">\n                        <div>\n                            <img\n                                [src]=\"catalogSelection.results[10].images_url[0]\"\n                                [alt]=\"catalogSelection.results[10].title\"\n                                *ngIf=\"catalogSelection.results[10].images_url.length\"\n                            />\n                        </div>\n                        <p>{{ catalogSelection.results[10].title }}</p>\n                        <p>{{ catalogSelection.results[10].price | number: '1.2-2' }}{{ devise }}</p>\n                    </div>\n                </div>\n                <div class=\"column\">\n                    <div class=\"columns is-gapless is-multiline wb-amplify-products-list-selected__list__second\">\n                        <div *ngFor=\"let product of catalogSelection.results | slice: 11:15\" class=\"column is-6\">\n                            <div class=\"wb-amplify-products-list-selected__list__product\">\n                                <div>\n                                    <img [src]=\"product.images_url[0]\" [alt]=\"product.title\" *ngIf=\"product.images_url.length\" />\n                                </div>\n                                <p>{{ product.title }}</p>\n                                <p>{{ product.price | number: '1.2-2' }}{{ devise }}</p>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"wb-amplify-products-list-selected__nolist\" *ngIf=\"!catalogSelection.results || catalogSelection.results.length === 0\">\n            <p>{{ 'wb.structures.template.6' | translate }}</p>\n        </div>\n    </div>\n\n    <div class=\"wb-amplify-products-list-selected__noproduct\" *ngIf=\"catalogSelection === null && !isLoading\">\n        <wb-structure-amplify-search-product\n            [searchNumber]=\"20\"\n            [label]=\"'wb.structures.template.4' | translate\"\n            [type]=\"type\"\n            (newSearch)=\"changeProduct($event)\"\n            (changeType)=\"changeType($event)\"\n            [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n        ></wb-structure-amplify-search-product>\n        <wb-structure-amplify-search-category\n            [label]=\"'wb.structures.template.5' | translate\"\n            (changeType)=\"changeType($event)\"\n            (newSearch)=\"changeCategory($event)\"\n            [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n        ></wb-structure-amplify-search-category>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.StructureConfigComponent, selector: "wb-structure-config", inputs: ["isActive", "blockUUID", "position", "isFullwidth", "small", "extraSmall"], outputs: ["isClose"] }, { kind: "component", type: i6.StructureConfigCheckboxComponent, selector: "wb-structure-config-checkbox", inputs: ["label", "on", "off"] }, { kind: "component", type: i7.StructureAmplifySearchProductComponent, selector: "wb-structure-amplify-search-product", inputs: ["label", "placeholder", "searchNumber", "selectedProd", "type"], outputs: ["newSearch", "changeType"] }, { kind: "component", type: i8.StructureAmplifySearchCategoryComponent, selector: "wb-structure-amplify-search-category", inputs: ["label", "placeholder", "selectedCategory"], outputs: ["newSearch", "changeType"] }, { kind: "component", type: i9.LoaderComponent, selector: "wb-loader" }, { kind: "component", type: i10.WiziEditorComponent, selector: "wz-editor", inputs: ["placeholder", "position"] }, { kind: "pipe", type: i3.SlicePipe, name: "slice" }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AmplifyProductsListSelectedComponent, decorators: [{
             type: Component,
             args: [{ selector: AmplifyProductsListSelectedService.selector(), template: "<div class=\"wb-amplify-products-list-selected\" [ngClass]=\"'nb-ligne-' + contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE]\">\n    <div *ngIf=\"catalogSelection\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-config-checkbox\n                [label]=\"'wb.structures.template.3' | translate\"\n                [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE]\"\n                (ngModelChange)=\"persist()\"\n                [off]=\"false\"\n                [on]=\"true\"\n            ></wb-structure-config-checkbox>\n            <wb-structure-amplify-search-product\n                #structureSearchProduct\n                [searchNumber]=\"20\"\n                [type]=\"type\"\n                [label]=\"'wb.structures.template.4' | translate\"\n                (changeType)=\"changeType($event)\"\n                (newSearch)=\"changeProduct($event)\"\n                [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n            ></wb-structure-amplify-search-product>\n            <wb-structure-amplify-search-category\n                [label]=\"'wb.structures.template.5' | translate\"\n                (changeType)=\"changeType($event)\"\n                (newSearch)=\"changeCategory($event)\"\n                [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n            ></wb-structure-amplify-search-category>\n        </wb-structure-config>\n    </div>\n    <div class=\"wb-amplify-products-list-selected__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE] && catalogSelection\">\n        <wz-editor\n            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\"\n            (ngModelChange)=\"persist()\"\n            [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n        >\n        </wz-editor>\n    </div>\n    <wb-loader *ngIf=\"isLoading\" class=\"is-fullsize\"></wb-loader>\n    <div *ngIf=\"catalogSelection !== null\">\n        <div\n            class=\"wb-amplify-products-list-selected__list\"\n            *ngIf=\"catalogSelection && catalogSelection !== undefined && catalogSelection.results && catalogSelection.results.length\"\n        >\n            <div class=\"columns\">\n                <div class=\"column\">\n                    <div class=\"wb-amplify-products-list-selected__list__product\">\n                        <div>\n                            <img\n                                [src]=\"catalogSelection.results[0].images_url[0]\"\n                                [alt]=\"catalogSelection.results[0].title\"\n                                *ngIf=\"catalogSelection.results[0].images_url.length\"\n                            />\n                        </div>\n                        <p>{{ catalogSelection.results[0].title }}</p>\n                        <p>{{ catalogSelection.results[0].price | number: '1.2-2' }}{{ devise }}</p>\n                    </div>\n                </div>\n                <div class=\"column\">\n                    <div class=\"columns is-gapless is-multiline wb-amplify-products-list-selected__list__second\">\n                        <div *ngFor=\"let product of catalogSelection.results | slice: 1:5\" class=\"column is-6\">\n                            <div class=\"wb-amplify-products-list-selected__list__product\">\n                                <div>\n                                    <img [src]=\"product.images_url[0]\" [alt]=\"product.title\" *ngIf=\"product.images_url.length\" />\n                                </div>\n                                <p>{{ product.title }}</p>\n                                <p>{{ product.price | number: '1.2-2' }}{{ devise }}</p>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n            <div class=\"columns\" *ngIf=\"catalogSelection.results.length > 5 && contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE] !== '1'\">\n                <div class=\"column\">\n                    <div class=\"columns is-gapless is-multiline wb-amplify-products-list-selected__list__second\">\n                        <div *ngFor=\"let product of catalogSelection.results | slice: 6:10\" class=\"column is-6\">\n                            <div class=\"wb-amplify-products-list-selected__list__product\">\n                                <div>\n                                    <img [src]=\"product.images_url[0]\" [alt]=\"product.title\" *ngIf=\"product.images_url.length\" />\n                                </div>\n                                <p>{{ product.title }}</p>\n                                <p>{{ product.price | number: '1.2-2' }}{{ devise }}</p>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n                <div class=\"column\">\n                    <div class=\"wb-amplify-products-list-selected__list__product\">\n                        <div>\n                            <img\n                                [src]=\"catalogSelection.results[5].images_url[0]\"\n                                [alt]=\"catalogSelection.results[5].title\"\n                                *ngIf=\"catalogSelection.results[5].images_url.length\"\n                            />\n                        </div>\n                        <p>{{ catalogSelection.results[5].title }}</p>\n                        <p>{{ catalogSelection.results[5].price | number: '1.2-2' }}{{ devise }}</p>\n                    </div>\n                </div>\n            </div>\n            <div class=\"columns\" *ngIf=\"catalogSelection.results.length > 10 && contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE] === '3'\">\n                <div class=\"column\">\n                    <div class=\"wb-amplify-products-list-selected__list__product\">\n                        <div>\n                            <img\n                                [src]=\"catalogSelection.results[10].images_url[0]\"\n                                [alt]=\"catalogSelection.results[10].title\"\n                                *ngIf=\"catalogSelection.results[10].images_url.length\"\n                            />\n                        </div>\n                        <p>{{ catalogSelection.results[10].title }}</p>\n                        <p>{{ catalogSelection.results[10].price | number: '1.2-2' }}{{ devise }}</p>\n                    </div>\n                </div>\n                <div class=\"column\">\n                    <div class=\"columns is-gapless is-multiline wb-amplify-products-list-selected__list__second\">\n                        <div *ngFor=\"let product of catalogSelection.results | slice: 11:15\" class=\"column is-6\">\n                            <div class=\"wb-amplify-products-list-selected__list__product\">\n                                <div>\n                                    <img [src]=\"product.images_url[0]\" [alt]=\"product.title\" *ngIf=\"product.images_url.length\" />\n                                </div>\n                                <p>{{ product.title }}</p>\n                                <p>{{ product.price | number: '1.2-2' }}{{ devise }}</p>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"wb-amplify-products-list-selected__nolist\" *ngIf=\"!catalogSelection.results || catalogSelection.results.length === 0\">\n            <p>{{ 'wb.structures.template.6' | translate }}</p>\n        </div>\n    </div>\n\n    <div class=\"wb-amplify-products-list-selected__noproduct\" *ngIf=\"catalogSelection === null && !isLoading\">\n        <wb-structure-amplify-search-product\n            [searchNumber]=\"20\"\n            [label]=\"'wb.structures.template.4' | translate\"\n            [type]=\"type\"\n            (newSearch)=\"changeProduct($event)\"\n            (changeType)=\"changeType($event)\"\n            [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n        ></wb-structure-amplify-search-product>\n        <wb-structure-amplify-search-category\n            [label]=\"'wb.structures.template.5' | translate\"\n            (changeType)=\"changeType($event)\"\n            (newSearch)=\"changeCategory($event)\"\n            [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n        ></wb-structure-amplify-search-category>\n    </div>\n</div>\n" }]

package/esm2020/lib/structures/amplify-products-list/simple/amplify-products-list-simple.component.mjs

@@ -87,7 +87,7 @@ export class AmplifyProductsListSimpleComponent extends StructuresComponent {
     }
 }
 AmplifyProductsListSimpleComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AmplifyProductsListSimpleComponent, deps: [{ token: i1.ApiService }, { token: i2.ExternalConfigService }], target: i0.ɵɵFactoryTarget.Component });
-AmplifyProductsListSimpleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AmplifyProductsListSimpleComponent, selector: "wb-amplify-products-list-simple", viewQueries: [{ propertyName: "content", first: true, predicate: ["structureSearchProduct"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"wb-amplify-products-list-simple\" [ngClass]=\"'nb-ligne-' + contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE]\">\n    <div *ngIf=\"catalogSelection\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-config-checkbox\n                [label]=\"'wb.structures.template.3' | translate\"\n                [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE]\"\n                (ngModelChange)=\"persist()\"\n                [off]=\"false\"\n                [on]=\"true\"\n            ></wb-structure-config-checkbox>\n            <wb-structure-amplify-search-product\n                #structureSearchProduct\n                [searchNumber]=\"20\"\n                [type]=\"type\"\n                [label]=\"'wb.structures.template.4' | translate\"\n                (changeType)=\"changeType($event)\"\n                (newSearch)=\"changeProduct($event)\"\n                [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n            ></wb-structure-amplify-search-product>\n            <wb-structure-amplify-search-category\n                [label]=\"'wb.structures.template.5' | translate\"\n                (changeType)=\"changeType($event)\"\n                (newSearch)=\"changeCategory($event)\"\n                [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n            ></wb-structure-amplify-search-category>\n        </wb-structure-config>\n    </div>\n    <div class=\"wb-amplify-products-list-simple__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE] && catalogSelection\">\n        <wz-editor\n            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\"\n            (ngModelChange)=\"persist()\"\n            [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n        >\n        </wz-editor>\n    </div>\n    <wb-loader *ngIf=\"isLoading\" class=\"is-fullsize\"></wb-loader>\n    <div *ngIf=\"catalogSelection !== null\">\n        <div\n            class=\"wb-amplify-products-list-simple__list\"\n            *ngIf=\"catalogSelection && catalogSelection !== undefined && catalogSelection.results && catalogSelection.results.length\"\n        >\n            <div *ngFor=\"let product of catalogSelection.results | slice: 0:9\">\n                <div>\n                    <p>{{ product.title }}</p>\n                    <p>{{ product.price | number: '1.2-2' }}{{ devise }}</p>\n                    <a>{{ 'wb.structures.template.2' | translate }}</a>\n                </div>\n                <img [src]=\"product.images_url[0]\" [alt]=\"product.title\" *ngIf=\"product.images_url.length\" />\n            </div>\n        </div>\n        <div class=\"wb-amplify-products-list-simple__nolist\" *ngIf=\"!catalogSelection.results || catalogSelection.results.length === 0\">\n            <p>{{ 'wb.structures.template.6' | translate }}</p>\n        </div>\n    </div>\n    <div class=\"wb-amplify-products-list-simple__noproduct\" *ngIf=\"catalogSelection === null && !isLoading\">\n        <wb-structure-amplify-search-product\n            [searchNumber]=\"20\"\n            [label]=\"'wb.structures.template.4' | translate\"\n            [type]=\"type\"\n            (newSearch)=\"changeProduct($event)\"\n            (changeType)=\"changeType($event)\"\n            [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n        ></wb-structure-amplify-search-product>\n        <wb-structure-amplify-search-category\n            [label]=\"'wb.structures.template.5' | translate\"\n            (changeType)=\"changeType($event)\"\n            (newSearch)=\"changeCategory($event)\"\n            [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n        ></wb-structure-amplify-search-category>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.StructureConfigComponent, selector: "wb-structure-config", inputs: ["isActive", "blockUUID", "position", "isFullwidth", "small", "extraSmall"] }, { kind: "component", type: i6.StructureConfigCheckboxComponent, selector: "wb-structure-config-checkbox", inputs: ["label", "on", "off"] }, { kind: "component", type: i7.StructureAmplifySearchProductComponent, selector: "wb-structure-amplify-search-product", inputs: ["label", "placeholder", "searchNumber", "selectedProd", "type"], outputs: ["newSearch", "changeType"] }, { kind: "component", type: i8.StructureAmplifySearchCategoryComponent, selector: "wb-structure-amplify-search-category", inputs: ["label", "placeholder", "selectedCategory"], outputs: ["newSearch", "changeType"] }, { kind: "component", type: i9.LoaderComponent, selector: "wb-loader" }, { kind: "component", type: i10.WiziEditorComponent, selector: "wz-editor", inputs: ["placeholder", "position"] }, { kind: "pipe", type: i3.SlicePipe, name: "slice" }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] });
+AmplifyProductsListSimpleComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: AmplifyProductsListSimpleComponent, selector: "wb-amplify-products-list-simple", viewQueries: [{ propertyName: "content", first: true, predicate: ["structureSearchProduct"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"wb-amplify-products-list-simple\" [ngClass]=\"'nb-ligne-' + contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE]\">\n    <div *ngIf=\"catalogSelection\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-config-checkbox\n                [label]=\"'wb.structures.template.3' | translate\"\n                [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE]\"\n                (ngModelChange)=\"persist()\"\n                [off]=\"false\"\n                [on]=\"true\"\n            ></wb-structure-config-checkbox>\n            <wb-structure-amplify-search-product\n                #structureSearchProduct\n                [searchNumber]=\"20\"\n                [type]=\"type\"\n                [label]=\"'wb.structures.template.4' | translate\"\n                (changeType)=\"changeType($event)\"\n                (newSearch)=\"changeProduct($event)\"\n                [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n            ></wb-structure-amplify-search-product>\n            <wb-structure-amplify-search-category\n                [label]=\"'wb.structures.template.5' | translate\"\n                (changeType)=\"changeType($event)\"\n                (newSearch)=\"changeCategory($event)\"\n                [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n            ></wb-structure-amplify-search-category>\n        </wb-structure-config>\n    </div>\n    <div class=\"wb-amplify-products-list-simple__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE] && catalogSelection\">\n        <wz-editor\n            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\"\n            (ngModelChange)=\"persist()\"\n            [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n        >\n        </wz-editor>\n    </div>\n    <wb-loader *ngIf=\"isLoading\" class=\"is-fullsize\"></wb-loader>\n    <div *ngIf=\"catalogSelection !== null\">\n        <div\n            class=\"wb-amplify-products-list-simple__list\"\n            *ngIf=\"catalogSelection && catalogSelection !== undefined && catalogSelection.results && catalogSelection.results.length\"\n        >\n            <div *ngFor=\"let product of catalogSelection.results | slice: 0:9\">\n                <div>\n                    <p>{{ product.title }}</p>\n                    <p>{{ product.price | number: '1.2-2' }}{{ devise }}</p>\n                    <a>{{ 'wb.structures.template.2' | translate }}</a>\n                </div>\n                <img [src]=\"product.images_url[0]\" [alt]=\"product.title\" *ngIf=\"product.images_url.length\" />\n            </div>\n        </div>\n        <div class=\"wb-amplify-products-list-simple__nolist\" *ngIf=\"!catalogSelection.results || catalogSelection.results.length === 0\">\n            <p>{{ 'wb.structures.template.6' | translate }}</p>\n        </div>\n    </div>\n    <div class=\"wb-amplify-products-list-simple__noproduct\" *ngIf=\"catalogSelection === null && !isLoading\">\n        <wb-structure-amplify-search-product\n            [searchNumber]=\"20\"\n            [label]=\"'wb.structures.template.4' | translate\"\n            [type]=\"type\"\n            (newSearch)=\"changeProduct($event)\"\n            (changeType)=\"changeType($event)\"\n            [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n        ></wb-structure-amplify-search-product>\n        <wb-structure-amplify-search-category\n            [label]=\"'wb.structures.template.5' | translate\"\n            (changeType)=\"changeType($event)\"\n            (newSearch)=\"changeCategory($event)\"\n            [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n        ></wb-structure-amplify-search-category>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i3.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i3.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i5.StructureConfigComponent, selector: "wb-structure-config", inputs: ["isActive", "blockUUID", "position", "isFullwidth", "small", "extraSmall"], outputs: ["isClose"] }, { kind: "component", type: i6.StructureConfigCheckboxComponent, selector: "wb-structure-config-checkbox", inputs: ["label", "on", "off"] }, { kind: "component", type: i7.StructureAmplifySearchProductComponent, selector: "wb-structure-amplify-search-product", inputs: ["label", "placeholder", "searchNumber", "selectedProd", "type"], outputs: ["newSearch", "changeType"] }, { kind: "component", type: i8.StructureAmplifySearchCategoryComponent, selector: "wb-structure-amplify-search-category", inputs: ["label", "placeholder", "selectedCategory"], outputs: ["newSearch", "changeType"] }, { kind: "component", type: i9.LoaderComponent, selector: "wb-loader" }, { kind: "component", type: i10.WiziEditorComponent, selector: "wz-editor", inputs: ["placeholder", "position"] }, { kind: "pipe", type: i3.SlicePipe, name: "slice" }, { kind: "pipe", type: i3.DecimalPipe, name: "number" }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: AmplifyProductsListSimpleComponent, decorators: [{
             type: Component,
             args: [{ selector: AmplifyProductsListSimpleService.selector(), template: "<div class=\"wb-amplify-products-list-simple\" [ngClass]=\"'nb-ligne-' + contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE]\">\n    <div *ngIf=\"catalogSelection\">\n        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n            <wb-structure-config-checkbox\n                [label]=\"'wb.structures.template.3' | translate\"\n                [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE]\"\n                (ngModelChange)=\"persist()\"\n                [off]=\"false\"\n                [on]=\"true\"\n            ></wb-structure-config-checkbox>\n            <wb-structure-amplify-search-product\n                #structureSearchProduct\n                [searchNumber]=\"20\"\n                [type]=\"type\"\n                [label]=\"'wb.structures.template.4' | translate\"\n                (changeType)=\"changeType($event)\"\n                (newSearch)=\"changeProduct($event)\"\n                [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n            ></wb-structure-amplify-search-product>\n            <wb-structure-amplify-search-category\n                [label]=\"'wb.structures.template.5' | translate\"\n                (changeType)=\"changeType($event)\"\n                (newSearch)=\"changeCategory($event)\"\n                [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n            ></wb-structure-amplify-search-category>\n        </wb-structure-config>\n    </div>\n    <div class=\"wb-amplify-products-list-simple__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE] && catalogSelection\">\n        <wz-editor\n            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\"\n            (ngModelChange)=\"persist()\"\n            [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n        >\n        </wz-editor>\n    </div>\n    <wb-loader *ngIf=\"isLoading\" class=\"is-fullsize\"></wb-loader>\n    <div *ngIf=\"catalogSelection !== null\">\n        <div\n            class=\"wb-amplify-products-list-simple__list\"\n            *ngIf=\"catalogSelection && catalogSelection !== undefined && catalogSelection.results && catalogSelection.results.length\"\n        >\n            <div *ngFor=\"let product of catalogSelection.results | slice: 0:9\">\n                <div>\n                    <p>{{ product.title }}</p>\n                    <p>{{ product.price | number: '1.2-2' }}{{ devise }}</p>\n                    <a>{{ 'wb.structures.template.2' | translate }}</a>\n                </div>\n                <img [src]=\"product.images_url[0]\" [alt]=\"product.title\" *ngIf=\"product.images_url.length\" />\n            </div>\n        </div>\n        <div class=\"wb-amplify-products-list-simple__nolist\" *ngIf=\"!catalogSelection.results || catalogSelection.results.length === 0\">\n            <p>{{ 'wb.structures.template.6' | translate }}</p>\n        </div>\n    </div>\n    <div class=\"wb-amplify-products-list-simple__noproduct\" *ngIf=\"catalogSelection === null && !isLoading\">\n        <wb-structure-amplify-search-product\n            [searchNumber]=\"20\"\n            [label]=\"'wb.structures.template.4' | translate\"\n            [type]=\"type\"\n            (newSearch)=\"changeProduct($event)\"\n            (changeType)=\"changeType($event)\"\n            [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n        ></wb-structure-amplify-search-product>\n        <wb-structure-amplify-search-category\n            [label]=\"'wb.structures.template.5' | translate\"\n            (changeType)=\"changeType($event)\"\n            (newSearch)=\"changeCategory($event)\"\n            [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n        ></wb-structure-amplify-search-category>\n    </div>\n</div>\n" }]

package/esm2020/lib/structures/forms/imageleft/forms-imageleft.component.mjs

@@ -75,7 +75,7 @@ export class FormsImageleftComponent extends StructuresComponent {
     }
 }
 FormsImageleftComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FormsImageleftComponent, deps: [{ token: i1.ApiService }], target: i0.ɵɵFactoryTarget.Component });
-FormsImageleftComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FormsImageleftComponent, selector: "wb-forms-imageleft", usesInheritance: true, ngImport: i0, template: "<div class=\"wb-forms-imageleft\">\n    <div class=\"columns is-gapless\" *ngIf=\"!noForms\">\n        <div class=\"column\">\n            <div class=\"wb-forms-imageleft__form__image\">\n                <div class=\"wb-forms-imageleft__form__image__container\">\n                    <div class=\"wb-forms-imageleft__form__image__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n                        <div>\n                            <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n                                <wb-structure-config-input\n                                    [label]=\"'wb.structures.template.9' | translate\"\n                                    [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_TITLE]\"\n                                    (ngModelChange)=\"persist()\"\n                                ></wb-structure-config-input>\n                                <wb-structure-config-input\n                                    [label]=\"'wb.structures.template.10' | translate\"\n                                    [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_URL]\"\n                                    [placeholder]=\"'wb.structures.template.11' | translate\"\n                                    (ngModelChange)=\"persist()\"\n                                ></wb-structure-config-input>\n                                <wb-structure-config-checkbox\n                                    [label]=\"'wb.structures.template.12' | translate\"\n                                    [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_URL_TARGET]\"\n                                    (ngModelChange)=\"persist()\"\n                                    [off]=\"'_self'\"\n                                    [on]=\"'_blank'\"\n                                ></wb-structure-config-checkbox>\n                            </wb-structure-config>\n                            <div\n                                [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n                                (click)=\"getMedia()\"\n                            ></div>\n                        </div>\n                    </div>\n                </div>\n                <div\n                    class=\"wb-forms-imageleft__form__image__noimages\"\n                    *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n                    (click)=\"getMedia()\"\n                >\n                    <p>\n                        <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n                    </p>\n                </div>\n            </div>\n        </div>\n        <div class=\"column\">\n            <div class=\"wb-forms-imageleft__form__container\">\n                <div *ngIf=\"selectedDetailForm.length === 0\">\n                    <div *ngIf=\"forms.length === 0\" class=\"wb-forms-imageleft__loader\">\n                        <wb-loader></wb-loader>\n                    </div>\n                    <div class=\"wb-forms-imageleft__selector\" *ngIf=\"forms.length > 0\">\n                        <wb-structure-select\n                            [selectedValue]=\"selectedValue\"\n                            [forms]=\"forms\"\n                            (changed)=\"selectedValue = $event; selectThisForm()\"\n                        ></wb-structure-select>\n                    </div>\n                </div>\n                <div *ngIf=\"selectedDetailForm.length > 0\" class=\"wb-forms-imageleft__container\">\n                    <div class=\"wb-forms-imageleft__container__editor\">\n                        <div>\n                            <wz-editor\n                                [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\"\n                                (ngModelChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wz-editor>\n                        </div>\n                        <div>\n                            <wz-editor\n                                [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                                (ngModelChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wz-editor>\n                        </div>\n                    </div>\n                    <div class=\"wb-forms-imageleft__container__content\">\n                        <div *ngFor=\"let select of selectedDetailForm\">\n                            <div class=\"form-{{ select.type }}\">\n                                <p [innerHTML]=\"select.title\"></p>\n                                <p>{{ select.type | answerPipe | translate }}</p>\n                            </div>\n                        </div>\n                        <div>\n                            <wb-structure-select\n                                [selectedValue]=\"selectedValue\"\n                                [forms]=\"forms\"\n                                (changed)=\"selectedValue = $event; selectThisForm()\"\n                            ></wb-structure-select>\n                            &nbsp;&nbsp;&nbsp;\n                            <button>{{ selectedValue.submit_label }}</button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"wb-forms-imageleft__noForms\" *ngIf=\"noForms\">\n        <p>{{ 'Wiziblocks.noForms' | translate }}</p>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.StructureConfigComponent, selector: "wb-structure-config", inputs: ["isActive", "blockUUID", "position", "isFullwidth", "small", "extraSmall"] }, { kind: "component", type: i5.StructureConfigInputComponent, selector: "wb-structure-config-input", inputs: ["label", "type", "placeholder", "resizeMiddleScreen"] }, { kind: "component", type: i6.StructureConfigCheckboxComponent, selector: "wb-structure-config-checkbox", inputs: ["label", "on", "off"] }, { kind: "component", type: i7.StructureSelectComponent, selector: "wb-structure-select", inputs: ["selectedValue", "forms", "large", "icon", "label"], outputs: ["changed"] }, { kind: "component", type: i8.LoaderComponent, selector: "wb-loader" }, { kind: "component", type: i9.WiziEditorComponent, selector: "wz-editor", inputs: ["placeholder", "position"] }, { kind: "pipe", type: i10.AnswerTypePipe, name: "answerPipe" }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] });
+FormsImageleftComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.1.1", type: FormsImageleftComponent, selector: "wb-forms-imageleft", usesInheritance: true, ngImport: i0, template: "<div class=\"wb-forms-imageleft\">\n    <div class=\"columns is-gapless\" *ngIf=\"!noForms\">\n        <div class=\"column\">\n            <div class=\"wb-forms-imageleft__form__image\">\n                <div class=\"wb-forms-imageleft__form__image__container\">\n                    <div class=\"wb-forms-imageleft__form__image__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n                        <div>\n                            <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n                                <wb-structure-config-input\n                                    [label]=\"'wb.structures.template.9' | translate\"\n                                    [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_TITLE]\"\n                                    (ngModelChange)=\"persist()\"\n                                ></wb-structure-config-input>\n                                <wb-structure-config-input\n                                    [label]=\"'wb.structures.template.10' | translate\"\n                                    [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_URL]\"\n                                    [placeholder]=\"'wb.structures.template.11' | translate\"\n                                    (ngModelChange)=\"persist()\"\n                                ></wb-structure-config-input>\n                                <wb-structure-config-checkbox\n                                    [label]=\"'wb.structures.template.12' | translate\"\n                                    [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_URL_TARGET]\"\n                                    (ngModelChange)=\"persist()\"\n                                    [off]=\"'_self'\"\n                                    [on]=\"'_blank'\"\n                                ></wb-structure-config-checkbox>\n                            </wb-structure-config>\n                            <div\n                                [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n                                (click)=\"getMedia()\"\n                            ></div>\n                        </div>\n                    </div>\n                </div>\n                <div\n                    class=\"wb-forms-imageleft__form__image__noimages\"\n                    *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n                    (click)=\"getMedia()\"\n                >\n                    <p>\n                        <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n                    </p>\n                </div>\n            </div>\n        </div>\n        <div class=\"column\">\n            <div class=\"wb-forms-imageleft__form__container\">\n                <div *ngIf=\"selectedDetailForm.length === 0\">\n                    <div *ngIf=\"forms.length === 0\" class=\"wb-forms-imageleft__loader\">\n                        <wb-loader></wb-loader>\n                    </div>\n                    <div class=\"wb-forms-imageleft__selector\" *ngIf=\"forms.length > 0\">\n                        <wb-structure-select\n                            [selectedValue]=\"selectedValue\"\n                            [forms]=\"forms\"\n                            (changed)=\"selectedValue = $event; selectThisForm()\"\n                        ></wb-structure-select>\n                    </div>\n                </div>\n                <div *ngIf=\"selectedDetailForm.length > 0\" class=\"wb-forms-imageleft__container\">\n                    <div class=\"wb-forms-imageleft__container__editor\">\n                        <div>\n                            <wz-editor\n                                [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\"\n                                (ngModelChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wz-editor>\n                        </div>\n                        <div>\n                            <wz-editor\n                                [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                                (ngModelChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wz-editor>\n                        </div>\n                    </div>\n                    <div class=\"wb-forms-imageleft__container__content\">\n                        <div *ngFor=\"let select of selectedDetailForm\">\n                            <div class=\"form-{{ select.type }}\">\n                                <p [innerHTML]=\"select.title\"></p>\n                                <p>{{ select.type | answerPipe | translate }}</p>\n                            </div>\n                        </div>\n                        <div>\n                            <wb-structure-select\n                                [selectedValue]=\"selectedValue\"\n                                [forms]=\"forms\"\n                                (changed)=\"selectedValue = $event; selectThisForm()\"\n                            ></wb-structure-select>\n                            &nbsp;&nbsp;&nbsp;\n                            <button>{{ selectedValue.submit_label }}</button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"wb-forms-imageleft__noForms\" *ngIf=\"noForms\">\n        <p>{{ 'Wiziblocks.noForms' | translate }}</p>\n    </div>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i4.StructureConfigComponent, selector: "wb-structure-config", inputs: ["isActive", "blockUUID", "position", "isFullwidth", "small", "extraSmall"], outputs: ["isClose"] }, { kind: "component", type: i5.StructureConfigInputComponent, selector: "wb-structure-config-input", inputs: ["label", "type", "placeholder", "resizeMiddleScreen"] }, { kind: "component", type: i6.StructureConfigCheckboxComponent, selector: "wb-structure-config-checkbox", inputs: ["label", "on", "off"] }, { kind: "component", type: i7.StructureSelectComponent, selector: "wb-structure-select", inputs: ["selectedValue", "forms", "large", "icon", "label"], outputs: ["changed"] }, { kind: "component", type: i8.LoaderComponent, selector: "wb-loader" }, { kind: "component", type: i9.WiziEditorComponent, selector: "wz-editor", inputs: ["placeholder", "position"] }, { kind: "pipe", type: i10.AnswerTypePipe, name: "answerPipe" }, { kind: "pipe", type: i11.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.1.1", ngImport: i0, type: FormsImageleftComponent, decorators: [{
             type: Component,
             args: [{ selector: FormsImageleftService.selector(), template: "<div class=\"wb-forms-imageleft\">\n    <div class=\"columns is-gapless\" *ngIf=\"!noForms\">\n        <div class=\"column\">\n            <div class=\"wb-forms-imageleft__form__image\">\n                <div class=\"wb-forms-imageleft__form__image__container\">\n                    <div class=\"wb-forms-imageleft__form__image__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n                        <div>\n                            <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n                                <wb-structure-config-input\n                                    [label]=\"'wb.structures.template.9' | translate\"\n                                    [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_TITLE]\"\n                                    (ngModelChange)=\"persist()\"\n                                ></wb-structure-config-input>\n                                <wb-structure-config-input\n                                    [label]=\"'wb.structures.template.10' | translate\"\n                                    [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_URL]\"\n                                    [placeholder]=\"'wb.structures.template.11' | translate\"\n                                    (ngModelChange)=\"persist()\"\n                                ></wb-structure-config-input>\n                                <wb-structure-config-checkbox\n                                    [label]=\"'wb.structures.template.12' | translate\"\n                                    [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_URL_TARGET]\"\n                                    (ngModelChange)=\"persist()\"\n                                    [off]=\"'_self'\"\n                                    [on]=\"'_blank'\"\n                                ></wb-structure-config-checkbox>\n                            </wb-structure-config>\n                            <div\n                                [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n                                (click)=\"getMedia()\"\n                            ></div>\n                        </div>\n                    </div>\n                </div>\n                <div\n                    class=\"wb-forms-imageleft__form__image__noimages\"\n                    *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n                    (click)=\"getMedia()\"\n                >\n                    <p>\n                        <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n                    </p>\n                </div>\n            </div>\n        </div>\n        <div class=\"column\">\n            <div class=\"wb-forms-imageleft__form__container\">\n                <div *ngIf=\"selectedDetailForm.length === 0\">\n                    <div *ngIf=\"forms.length === 0\" class=\"wb-forms-imageleft__loader\">\n                        <wb-loader></wb-loader>\n                    </div>\n                    <div class=\"wb-forms-imageleft__selector\" *ngIf=\"forms.length > 0\">\n                        <wb-structure-select\n                            [selectedValue]=\"selectedValue\"\n                            [forms]=\"forms\"\n                            (changed)=\"selectedValue = $event; selectThisForm()\"\n                        ></wb-structure-select>\n                    </div>\n                </div>\n                <div *ngIf=\"selectedDetailForm.length > 0\" class=\"wb-forms-imageleft__container\">\n                    <div class=\"wb-forms-imageleft__container__editor\">\n                        <div>\n                            <wz-editor\n                                [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\"\n                                (ngModelChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wz-editor>\n                        </div>\n                        <div>\n                            <wz-editor\n                                [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                                (ngModelChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wz-editor>\n                        </div>\n                    </div>\n                    <div class=\"wb-forms-imageleft__container__content\">\n                        <div *ngFor=\"let select of selectedDetailForm\">\n                            <div class=\"form-{{ select.type }}\">\n                                <p [innerHTML]=\"select.title\"></p>\n                                <p>{{ select.type | answerPipe | translate }}</p>\n                            </div>\n                        </div>\n                        <div>\n                            <wb-structure-select\n                                [selectedValue]=\"selectedValue\"\n                                [forms]=\"forms\"\n                                (changed)=\"selectedValue = $event; selectThisForm()\"\n                            ></wb-structure-select>\n                            &nbsp;&nbsp;&nbsp;\n                            <button>{{ selectedValue.submit_label }}</button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"wb-forms-imageleft__noForms\" *ngIf=\"noForms\">\n        <p>{{ 'Wiziblocks.noForms' | translate }}</p>\n    </div>\n</div>\n" }]