@wizishop/wizi-block 3.3.21 → 3.3.25

package/bundles/wizishop-wizi-block.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('rxjs'), require('@ngx-translate/core'), require('uuid'), require('@angular/cdk/drag-drop'), require('@angular/animations'), require('@angular/common/http'), require('rxjs/operators'), require('@angular/common'), require('@angular/forms'), require('@angular/platform-browser'), require('@ctrl/tinycolor'), require('quill'), require('monaco-editor'), require('ngx-quill'), require('@fortawesome/fontawesome-svg-core'), require('@fortawesome/free-solid-svg-icons'), require('@fortawesome/free-regular-svg-icons'), require('@fortawesome/free-brands-svg-icons'), require('@wizishop/ng-wizi-bulma'), require('ngx-scrollbar'), require('ngx-monaco-editor'), require('leaflet'), require('places.js'), require('@asymmetrik/ngx-leaflet'), require('ngx-color-picker')) :
     typeof define === 'function' && define.amd ? define('@wizishop/wizi-block', ['exports', '@angular/core', 'rxjs', '@ngx-translate/core', 'uuid', '@angular/cdk/drag-drop', '@angular/animations', '@angular/common/http', 'rxjs/operators', '@angular/common', '@angular/forms', '@angular/platform-browser', '@ctrl/tinycolor', 'quill', 'monaco-editor', 'ngx-quill', '@fortawesome/fontawesome-svg-core', '@fortawesome/free-solid-svg-icons', '@fortawesome/free-regular-svg-icons', '@fortawesome/free-brands-svg-icons', '@wizishop/ng-wizi-bulma', 'ngx-scrollbar', 'ngx-monaco-editor', 'leaflet', 'places.js', '@asymmetrik/ngx-leaflet', 'ngx-color-picker'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wizishop = global.wizishop || {}, global.wizishop['wizi-block'] = {}), global.ng.core, global.rxjs, global.core, global['^3']['3']['2'], global.ng.cdk.dragDrop, global.ng.animations, global.ng.common.http, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.platformBrowser, global['^2']['5']['2'], global['^1']['3']['6'], global.monaco, global['^5']['0']['0'], global['^1']['2']['27'], global['^5']['12']['1'], global['^5']['12']['1'], global['^5']['12']['1'], global['^7']['0']['11'], global['^7']['2']['1-beta']['0'], global['^8']['1']['1'], global['^1']['5']['1'], global['^1']['16']['4'], global['^5']['0']['2'], global['^9']['0']['0']));
-}(this, (function (exports, i0, rxjs, core, uuid, dragDrop, animations, i1, operators, common, forms, platformBrowser, tinycolor, QuillNamespace, monaco, ngxQuill, fontawesomeSvgCore, freeSolidSvgIcons, freeRegularSvgIcons, freeBrandsSvgIcons, ngWiziBulma, ngxScrollbar, ngxMonacoEditor, leaflet, places, ngxLeaflet, ngxColorPicker) { 'use strict';
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global.wizishop = global.wizishop || {}, global.wizishop['wizi-block'] = {}), global.ng.core, global.rxjs, global.i1, global['^3']['3']['2'], global.ng.cdk.dragDrop, global.ng.animations, global.ng.common.http, global.rxjs.operators, global.ng.common, global.ng.forms, global.ng.platformBrowser, global['^2']['5']['2'], global['^1']['3']['6'], global.monaco, global['^5']['0']['0'], global['^1']['2']['27'], global['^5']['12']['1'], global['^5']['12']['1'], global['^5']['12']['1'], global['^7']['0']['11'], global['^7']['2']['1-beta']['0'], global['^8']['1']['1'], global['^1']['5']['1'], global['^1']['16']['4'], global['^5']['0']['2'], global['^9']['0']['0']));
+}(this, (function (exports, i0, rxjs, i1, uuid, dragDrop, animations, i1$1, operators, common, forms, platformBrowser, tinycolor, QuillNamespace, monaco, ngxQuill, fontawesomeSvgCore, freeSolidSvgIcons, freeRegularSvgIcons, freeBrandsSvgIcons, ngWiziBulma, ngxScrollbar, ngxMonacoEditor, leaflet, places, ngxLeaflet, ngxColorPicker) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -469,6 +469,30 @@
         return ParentStructuresService;
     }());
 
+    var TranslateBlockService = /** @class */ (function () {
+        function TranslateBlockService(translateService) {
+            this.translateService = translateService;
+        }
+        TranslateBlockService.prototype.translateProperties = function (block) {
+            var _this = this;
+            Object.keys(block).forEach(function (property) {
+                if (typeof block[property] === 'string' && /^wb\./i.test(block[property])) {
+                    block[property] = _this.translateService.instant(block[property]);
+                }
+            });
+        };
+        return TranslateBlockService;
+    }());
+    TranslateBlockService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TranslateBlockService_Factory() { return new TranslateBlockService(i0.ɵɵinject(i1.TranslateService)); }, token: TranslateBlockService, providedIn: "root" });
+    TranslateBlockService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    TranslateBlockService.ctorParameters = function () { return [
+        { type: i1.TranslateService }
+    ]; };
+
     var FORM_TYPE_TEXT = 'text';
     var FORM_TYPE_NUMBER = 'number';
     var FORM_TYPE_CHECKBOX = 'checkbox';
@@ -543,10 +567,14 @@
     var FORM_NAME_MUTE = 'mute';
     var FORM_NAME_LOOP = 'loop';
     var FORM_NAME_LINK = 'link';
+    var FORM_NAME_LINK_LEFT = 'link_left';
+    var FORM_NAME_LINK_RIGHT = 'link_right';
     var FORM_NAME_URL = 'url';
     var FORM_NAME_URL_LEFT = 'url_left';
     var FORM_NAME_URL_RIGHT = 'url_right';
     var FORM_NAME_TEXT = 'text';
+    var FORM_NAME_TEXT_LEFT = 'text_left';
+    var FORM_NAME_TEXT_RIGHT = 'text_right';
     var FORM_NAME_TYPE_VIDEO = 'type_video';
     var FORM_NAME_TYPE_PRODUCT = 'type_product';
     var FORM_NAME_AMPLIFY_CATEGORY = 'amplify_category';
@@ -646,6 +674,10 @@
     var FORM_NAME_WIDTH_BLOCK = 'width_block';
     var FORM_NAME_HIDE_BLOCK = 'hide_block';
     var FORM_NAME_EXTERNAL = 'external';
+    var FORM_NAME_ITEM_NUMBER = 'item_number';
+    var FORM_NAME_LINE_NUMBER = 'line_number';
+    var FORM_NAME_ROWS = 'rows';
+    var FORM_NAME_COLUMNS = 'columns';
     var FormsContentDto = /** @class */ (function () {
         function FormsContentDto(id, label, type, value, placeholder, help, step, stepKey, state, iconHelp) {
             if (help === void 0) { help = ''; }
@@ -670,8 +702,9 @@
         function FormsDto(block, hasMargin) {
             if (hasMargin === void 0) { hasMargin = true; }
             this.forms = [];
+            var translateBlockService = InjectorService.Injector.get(TranslateBlockService);
             this.block = block;
-            this.translateProperties();
+            translateBlockService.translateProperties(this.block);
             if (hasMargin) {
                 this.forms.push(new FormsContentDto(FORM_NAME_MARGIN, 'wb.forms.FormsContentDto.1', FORM_TYPE_TAG, block[FORM_NAME_MARGIN], '#122231', '', [
                     'wb.blocks.FormContentDto.101',
@@ -693,15 +726,6 @@
                 this.forms.push(new FormsContentDto(FORM_NAME_HIDE_BLOCK, 'wb.forms.FormsContentDto.4', FORM_TYPE_CHECKBOX, block[FORM_NAME_HIDE_BLOCK], '', '', [], [], [true, false]));
             }
         }
-        FormsDto.prototype.translateProperties = function () {
-            var _this = this;
-            var translateService = InjectorService.Injector.get(core.TranslateService);
-            Object.keys(this.block).forEach(function (property) {
-                if (typeof _this.block[property] === 'string' && /^wb\./i.test(_this.block[property])) {
-                    _this.block[property] = translateService.instant(_this.block[property]);
-                }
-            });
-        };
         return FormsDto;
     }());
 
@@ -3730,19 +3754,79 @@
                 },] }
     ];
 
-    var _a$K, _b$I, _c$E;
+    var _a$K, _b$I, _c$E, _d$C;
+    var FourImagesTitleDto = /** @class */ (function (_super) {
+        __extends(FourImagesTitleDto, _super);
+        function FourImagesTitleDto() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this[_a$K] = 'small';
+            _this[_b$I] = true;
+            _this[_c$E] = [];
+            _this[_d$C] = false;
+            return _this;
+        }
+        return FourImagesTitleDto;
+    }(ParentBlockDto));
+    _a$K = FORM_NAME_IMG_MASK, _b$I = FORM_NAME_FULLPAGE, _c$E = FORM_NAME_ELEMENTS, _d$C = FORM_NAME_INIT;
+
+    var TYPE_FOUR_IMAGES_TITLE = 'images-quadruple-with-title';
+    var FourImagesTitleService = /** @class */ (function () {
+        function FourImagesTitleService() {
+            this._text = 'wb.blocks.images.fourImagesTitle';
+        }
+        FourImagesTitleService.selector = function () {
+            return 'wb-' + TYPE_FOUR_IMAGES_TITLE;
+        };
+        Object.defineProperty(FourImagesTitleService.prototype, "text", {
+            get: function () {
+                return this._text;
+            },
+            set: function (value) {
+                this._text = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        FourImagesTitleService.prototype.type = function () {
+            return TYPE_FOUR_IMAGES_TITLE;
+        };
+        FourImagesTitleService.prototype.image = function () {
+            return 'Image_4ImgTitre.png';
+        };
+        FourImagesTitleService.prototype.getForm = function (content) {
+            if (content === void 0) { content = this.getConfig(); }
+            var FourImagesTitleFormDto = new FormsDto(content);
+            var maskFourImagesTitleContentDto = new FormsContentDto(FORM_NAME_IMG_MASK, 'wb.blocks.FormContentDto.14', FORM_TYPE_TAG, content[FORM_NAME_IMG_MASK], 'wb.blocks.FormContentDto.15', '', ['wb.blocks.FormContentDto.94', 'wb.blocks.FormContentDto.95', 'wb.blocks.FormContentDto.96'], ['small', 'medium', 'large']);
+            FourImagesTitleFormDto.forms.push(maskFourImagesTitleContentDto);
+            var fullpageFourImagesTitleContentDto = new FormsContentDto(FORM_NAME_FULLPAGE, 'wb.blocks.FormContentDto.16', FORM_TYPE_CHECKBOX, content[FORM_NAME_FULLPAGE], '', '', [], [], [true, false]);
+            FourImagesTitleFormDto.forms.push(fullpageFourImagesTitleContentDto);
+            return FourImagesTitleFormDto;
+        };
+        FourImagesTitleService.prototype.getConfig = function () {
+            return new FourImagesTitleDto(this.type());
+        };
+        return FourImagesTitleService;
+    }());
+    FourImagesTitleService.ɵprov = i0.ɵɵdefineInjectable({ factory: function FourImagesTitleService_Factory() { return new FourImagesTitleService(); }, token: FourImagesTitleService, providedIn: "root" });
+    FourImagesTitleService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+
+    var _a$L, _b$J, _c$F;
     var ImagesSimpleDto = /** @class */ (function (_super) {
         __extends(ImagesSimpleDto, _super);
         function ImagesSimpleDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$K] = true;
-            _this[_b$I] = 'small';
-            _this[_c$E] = false;
+            _this[_a$L] = true;
+            _this[_b$J] = 'small';
+            _this[_c$F] = false;
             return _this;
         }
         return ImagesSimpleDto;
     }(ParentBlockDto));
-    _a$K = FORM_NAME_FULLPAGE, _b$I = FORM_NAME_IMG_MASK, _c$E = FORM_NAME_PARALLAX;
+    _a$L = FORM_NAME_FULLPAGE, _b$J = FORM_NAME_IMG_MASK, _c$F = FORM_NAME_PARALLAX;
 
     var TYPE_IMAGES_SIMPLE = 'images-simple';
     var ImagesSimpleService = /** @class */ (function () {
@@ -3789,18 +3873,18 @@
                 },] }
     ];
 
-    var _a$L, _b$J;
+    var _a$M, _b$K;
     var ImagesDoubleDto = /** @class */ (function (_super) {
         __extends(ImagesDoubleDto, _super);
         function ImagesDoubleDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$L] = true;
-            _this[_b$J] = 'small';
+            _this[_a$M] = true;
+            _this[_b$K] = 'small';
             return _this;
         }
         return ImagesDoubleDto;
     }(ParentBlockDto));
-    _a$L = FORM_NAME_FULLPAGE, _b$J = FORM_NAME_IMG_MASK;
+    _a$M = FORM_NAME_FULLPAGE, _b$K = FORM_NAME_IMG_MASK;
 
     var TYPE_IMAGES_DOUBLE = 'images-double';
     var ImagesDoubleService = /** @class */ (function () {
@@ -3845,18 +3929,18 @@
                 },] }
     ];
 
-    var _a$M, _b$K;
+    var _a$N, _b$L;
     var ImagesTripleDto = /** @class */ (function (_super) {
         __extends(ImagesTripleDto, _super);
         function ImagesTripleDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$M] = true;
-            _this[_b$K] = 'small';
+            _this[_a$N] = true;
+            _this[_b$L] = 'small';
             return _this;
         }
         return ImagesTripleDto;
     }(ParentBlockDto));
-    _a$M = FORM_NAME_FULLPAGE, _b$K = FORM_NAME_IMG_MASK;
+    _a$N = FORM_NAME_FULLPAGE, _b$L = FORM_NAME_IMG_MASK;
 
     var TYPE_IMAGES_TRIPLE = 'images-triple';
     var ImagesTripleService = /** @class */ (function () {
@@ -3901,18 +3985,18 @@
                 },] }
     ];
 
-    var _a$N, _b$L;
+    var _a$O, _b$M;
     var ImagesQuadrupleDto = /** @class */ (function (_super) {
         __extends(ImagesQuadrupleDto, _super);
         function ImagesQuadrupleDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$N] = true;
-            _this[_b$L] = 'small';
+            _this[_a$O] = true;
+            _this[_b$M] = 'small';
             return _this;
         }
         return ImagesQuadrupleDto;
     }(ParentBlockDto));
-    _a$N = FORM_NAME_FULLPAGE, _b$L = FORM_NAME_IMG_MASK;
+    _a$O = FORM_NAME_FULLPAGE, _b$M = FORM_NAME_IMG_MASK;
 
     var TYPE_IMAGES_QUADRUPLE = 'images-quadruple';
     var ImagesQuadrupleService = /** @class */ (function () {
@@ -3957,18 +4041,18 @@
                 },] }
     ];
 
-    var _a$O, _b$M;
+    var _a$P, _b$N;
     var ImagesQuadrupleLeftOneRightDto = /** @class */ (function (_super) {
         __extends(ImagesQuadrupleLeftOneRightDto, _super);
         function ImagesQuadrupleLeftOneRightDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$O] = true;
-            _this[_b$M] = 'small';
+            _this[_a$P] = true;
+            _this[_b$N] = 'small';
             return _this;
         }
         return ImagesQuadrupleLeftOneRightDto;
     }(ParentBlockDto));
-    _a$O = FORM_NAME_FULLPAGE, _b$M = FORM_NAME_IMG_MASK;
+    _a$P = FORM_NAME_FULLPAGE, _b$N = FORM_NAME_IMG_MASK;
 
     var TYPE_IMAGES_QUADRUPLE_LEFT_ONE_RIGHT = 'images-quadruple-left-one-right';
     var ImagesQuadrupleLeftOneRightService = /** @class */ (function () {
@@ -4013,18 +4097,18 @@
                 },] }
     ];
 
-    var _a$P, _b$N;
+    var _a$Q, _b$O;
     var ImagesBigAndDoubleDto = /** @class */ (function (_super) {
         __extends(ImagesBigAndDoubleDto, _super);
         function ImagesBigAndDoubleDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$P] = true;
-            _this[_b$N] = 'small';
+            _this[_a$Q] = true;
+            _this[_b$O] = 'small';
             return _this;
         }
         return ImagesBigAndDoubleDto;
     }(ParentBlockDto));
-    _a$P = FORM_NAME_FULLPAGE, _b$N = FORM_NAME_IMG_MASK;
+    _a$Q = FORM_NAME_FULLPAGE, _b$O = FORM_NAME_IMG_MASK;
 
     var TYPE_IMAGES_BIG_AND_DOUBLE = 'image-big-and-double';
     var ImagesBigAndDoubleService = /** @class */ (function () {
@@ -4069,18 +4153,18 @@
                 },] }
     ];
 
-    var _a$Q, _b$O;
+    var _a$R, _b$P;
     var ImagesBigsAndDoubleMiddleDto = /** @class */ (function (_super) {
         __extends(ImagesBigsAndDoubleMiddleDto, _super);
         function ImagesBigsAndDoubleMiddleDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$Q] = true;
-            _this[_b$O] = 'small';
+            _this[_a$R] = true;
+            _this[_b$P] = 'small';
             return _this;
         }
         return ImagesBigsAndDoubleMiddleDto;
     }(ParentBlockDto));
-    _a$Q = FORM_NAME_FULLPAGE, _b$O = FORM_NAME_IMG_MASK;
+    _a$R = FORM_NAME_FULLPAGE, _b$P = FORM_NAME_IMG_MASK;
 
     var TYPE_IMAGES_BIGS_AND_DOUBLE_MIDDLE = 'images-bigs-and-double-middle';
     var ImagesBigsAndDoubleMiddleService = /** @class */ (function () {
@@ -4125,19 +4209,19 @@
                 },] }
     ];
 
-    var _a$R, _b$P, _c$F;
+    var _a$S, _b$Q, _c$G;
     var TextsOneDto = /** @class */ (function (_super) {
         __extends(TextsOneDto, _super);
         function TextsOneDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$R] = 'wb.dto.TITLE.4';
-            _this[_b$P] = 'wb.dto.CONTENT.7';
-            _this[_c$F] = new ButtonDto();
+            _this[_a$S] = 'wb.dto.TITLE.4';
+            _this[_b$Q] = 'wb.dto.CONTENT.7';
+            _this[_c$G] = new ButtonDto();
             return _this;
         }
         return TextsOneDto;
     }(ParentBlockDto));
-    _a$R = FORM_NAME_TITLE, _b$P = FORM_NAME_CONTENT, _c$F = FORM_NAME_BUTTON;
+    _a$S = FORM_NAME_TITLE, _b$Q = FORM_NAME_CONTENT, _c$G = FORM_NAME_BUTTON;
 
     var TYPE_TEXTS_ONE = 'texts-one';
     var TextsOneService = /** @class */ (function () {
@@ -4179,21 +4263,21 @@
                 },] }
     ];
 
-    var _a$S, _b$Q, _c$G, _d$C, _e$y;
+    var _a$T, _b$R, _c$H, _d$D, _e$y;
     var TextsOneBackgroundDto = /** @class */ (function (_super) {
         __extends(TextsOneBackgroundDto, _super);
         function TextsOneBackgroundDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$S] = 'wb.dto.TITLE.4';
-            _this[_b$Q] = 'wb.dto.CONTENT.7';
-            _this[_c$G] = new ButtonDto();
-            _this[_d$C] = '#f7f7f7';
+            _this[_a$T] = 'wb.dto.TITLE.4';
+            _this[_b$R] = 'wb.dto.CONTENT.7';
+            _this[_c$H] = new ButtonDto();
+            _this[_d$D] = '#f7f7f7';
             _this[_e$y] = 'small';
             return _this;
         }
         return TextsOneBackgroundDto;
     }(ParentBlockDto));
-    _a$S = FORM_NAME_TITLE, _b$Q = FORM_NAME_CONTENT, _c$G = FORM_NAME_BUTTON, _d$C = FORM_NAME_COLOR, _e$y = FORM_NAME_PADDING;
+    _a$T = FORM_NAME_TITLE, _b$R = FORM_NAME_CONTENT, _c$H = FORM_NAME_BUTTON, _d$D = FORM_NAME_COLOR, _e$y = FORM_NAME_PADDING;
 
     var TYPE_TEXTS_ONE_BACKGROUND = 'texts-one-background';
     var TextsOneBackgroundService = /** @class */ (function () {
@@ -4240,15 +4324,15 @@
                 },] }
     ];
 
-    var _a$T, _b$R, _c$H, _d$D, _e$z, _f$j, _g$h;
+    var _a$U, _b$S, _c$I, _d$E, _e$z, _f$j, _g$h;
     var TextsDoubleDto = /** @class */ (function (_super) {
         __extends(TextsDoubleDto, _super);
         function TextsDoubleDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$T] = 'wb.dto.TITLE.4';
-            _this[_b$R] = 'wb.dto.CONTENT.7';
-            _this[_c$H] = 'wb.dto.TITLE.4';
-            _this[_d$D] = 'wb.dto.CONTENT.7';
+            _this[_a$U] = 'wb.dto.TITLE.4';
+            _this[_b$S] = 'wb.dto.CONTENT.7';
+            _this[_c$I] = 'wb.dto.TITLE.4';
+            _this[_d$E] = 'wb.dto.CONTENT.7';
             _this[_e$z] = new ButtonDto();
             _this[_f$j] = new ButtonDto();
             _this[_g$h] = false;
@@ -4256,7 +4340,7 @@
         }
         return TextsDoubleDto;
     }(ParentBlockDto));
-    _a$T = FORM_NAME_TITLE_LEFT, _b$R = FORM_NAME_CONTENT_RIGHT, _c$H = FORM_NAME_TITLE_RIGHT, _d$D = FORM_NAME_CONTENT_LEFT, _e$z = FORM_NAME_BUTTON_LEFT, _f$j = FORM_NAME_BUTTON_RIGHT, _g$h = FORM_NAME_ALIGN_BUTTON;
+    _a$U = FORM_NAME_TITLE_LEFT, _b$S = FORM_NAME_CONTENT_RIGHT, _c$I = FORM_NAME_TITLE_RIGHT, _d$E = FORM_NAME_CONTENT_LEFT, _e$z = FORM_NAME_BUTTON_LEFT, _f$j = FORM_NAME_BUTTON_RIGHT, _g$h = FORM_NAME_ALIGN_BUTTON;
 
     var TYPE_TEXTS_DOUBLE = 'texts-double';
     var TextsDoubleService = /** @class */ (function () {
@@ -4301,15 +4385,15 @@
                 },] }
     ];
 
-    var _a$U, _b$S, _c$I, _d$E, _e$A, _f$k, _g$i, _h$f, _j$c, _k$b;
+    var _a$V, _b$T, _c$J, _d$F, _e$A, _f$k, _g$i, _h$f, _j$c, _k$b;
     var TextsDoubleBackgroundDto = /** @class */ (function (_super) {
         __extends(TextsDoubleBackgroundDto, _super);
         function TextsDoubleBackgroundDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$U] = 'wb.dto.TITLE.4';
-            _this[_b$S] = 'wb.dto.CONTENT.7';
-            _this[_c$I] = 'wb.dto.TITLE.4';
-            _this[_d$E] = 'wb.dto.CONTENT.7';
+            _this[_a$V] = 'wb.dto.TITLE.4';
+            _this[_b$T] = 'wb.dto.CONTENT.7';
+            _this[_c$J] = 'wb.dto.TITLE.4';
+            _this[_d$F] = 'wb.dto.CONTENT.7';
             _this[_e$A] = new ButtonDto();
             _this[_f$k] = new ButtonDto();
             _this[_g$i] = '#f7f7f7';
@@ -4320,7 +4404,7 @@
         }
         return TextsDoubleBackgroundDto;
     }(ParentBlockDto));
-    _a$U = FORM_NAME_TITLE_LEFT, _b$S = FORM_NAME_CONTENT_RIGHT, _c$I = FORM_NAME_TITLE_RIGHT, _d$E = FORM_NAME_CONTENT_LEFT, _e$A = FORM_NAME_BUTTON_LEFT, _f$k = FORM_NAME_BUTTON_RIGHT, _g$i = FORM_NAME_COLOR_LEFT, _h$f = FORM_NAME_COLOR_RIGHT, _j$c = FORM_NAME_PADDING, _k$b = FORM_NAME_ALIGN_BUTTON;
+    _a$V = FORM_NAME_TITLE_LEFT, _b$T = FORM_NAME_CONTENT_RIGHT, _c$J = FORM_NAME_TITLE_RIGHT, _d$F = FORM_NAME_CONTENT_LEFT, _e$A = FORM_NAME_BUTTON_LEFT, _f$k = FORM_NAME_BUTTON_RIGHT, _g$i = FORM_NAME_COLOR_LEFT, _h$f = FORM_NAME_COLOR_RIGHT, _j$c = FORM_NAME_PADDING, _k$b = FORM_NAME_ALIGN_BUTTON;
 
     var TYPE_TEXTS_DOUBLE_BACKGROUND = 'texts-double-background';
     var TextsDoubleBackgroundService = /** @class */ (function () {
@@ -4371,15 +4455,15 @@
                 },] }
     ];
 
-    var _a$V, _b$T, _c$J, _d$F, _e$B, _f$l, _g$j, _h$g, _j$d, _k$c;
+    var _a$W, _b$U, _c$K, _d$G, _e$B, _f$l, _g$j, _h$g, _j$d, _k$c;
     var TextsTripleDto = /** @class */ (function (_super) {
         __extends(TextsTripleDto, _super);
         function TextsTripleDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$V] = 'wb.dto.TITLE.3';
-            _this[_b$T] = 'wb.dto.CONTENT.7';
-            _this[_c$J] = 'wb.dto.TITLE.3';
-            _this[_d$F] = 'wb.dto.CONTENT.7';
+            _this[_a$W] = 'wb.dto.TITLE.3';
+            _this[_b$U] = 'wb.dto.CONTENT.7';
+            _this[_c$K] = 'wb.dto.TITLE.3';
+            _this[_d$G] = 'wb.dto.CONTENT.7';
             _this[_e$B] = new ButtonDto();
             _this[_f$l] = new ButtonDto();
             _this[_g$j] = 'wb.dto.TITLE.3';
@@ -4390,7 +4474,7 @@
         }
         return TextsTripleDto;
     }(ParentBlockDto));
-    _a$V = FORM_NAME_TITLE_LEFT, _b$T = FORM_NAME_CONTENT_RIGHT, _c$J = FORM_NAME_TITLE_RIGHT, _d$F = FORM_NAME_CONTENT_LEFT, _e$B = FORM_NAME_BUTTON_LEFT, _f$l = FORM_NAME_BUTTON_RIGHT, _g$j = FORM_NAME_TITLE_MIDDLE_LEFT, _h$g = FORM_NAME_CONTENT_MIDDLE_LEFT, _j$d = FORM_NAME_BUTTON_MIDDLE_LEFT, _k$c = FORM_NAME_ALIGN_BUTTON;
+    _a$W = FORM_NAME_TITLE_LEFT, _b$U = FORM_NAME_CONTENT_RIGHT, _c$K = FORM_NAME_TITLE_RIGHT, _d$G = FORM_NAME_CONTENT_LEFT, _e$B = FORM_NAME_BUTTON_LEFT, _f$l = FORM_NAME_BUTTON_RIGHT, _g$j = FORM_NAME_TITLE_MIDDLE_LEFT, _h$g = FORM_NAME_CONTENT_MIDDLE_LEFT, _j$d = FORM_NAME_BUTTON_MIDDLE_LEFT, _k$c = FORM_NAME_ALIGN_BUTTON;
 
     var TYPE_TEXTS_TRIPLE = 'texts-triple';
     var TextsTripleService = /** @class */ (function () {
@@ -4435,15 +4519,15 @@
                 },] }
     ];
 
-    var _a$W, _b$U, _c$K, _d$G, _e$C, _f$m, _g$k, _h$h, _j$e, _k$d, _l$b, _m$9, _o$8, _p$8, _q$8, _r$5;
+    var _a$X, _b$V, _c$L, _d$H, _e$C, _f$m, _g$k, _h$h, _j$e, _k$d, _l$b, _m$9, _o$8, _p$8, _q$8, _r$5;
     var TextsTripleBackgroundDto = /** @class */ (function (_super) {
         __extends(TextsTripleBackgroundDto, _super);
         function TextsTripleBackgroundDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$W] = 'wb.dto.TITLE.3';
-            _this[_b$U] = 'wb.dto.CONTENT.7';
-            _this[_c$K] = 'wb.dto.TITLE.3';
-            _this[_d$G] = 'wb.dto.CONTENT.7';
+            _this[_a$X] = 'wb.dto.TITLE.3';
+            _this[_b$V] = 'wb.dto.CONTENT.7';
+            _this[_c$L] = 'wb.dto.TITLE.3';
+            _this[_d$H] = 'wb.dto.CONTENT.7';
             _this[_e$C] = new ButtonDto();
             _this[_f$m] = new ButtonDto();
             _this[_g$k] = 'wb.dto.TITLE.3';
@@ -4460,7 +4544,7 @@
         }
         return TextsTripleBackgroundDto;
     }(ParentBlockDto));
-    _a$W = FORM_NAME_TITLE_LEFT, _b$U = FORM_NAME_CONTENT_RIGHT, _c$K = FORM_NAME_TITLE_RIGHT, _d$G = FORM_NAME_CONTENT_LEFT, _e$C = FORM_NAME_BUTTON_LEFT, _f$m = FORM_NAME_BUTTON_RIGHT, _g$k = FORM_NAME_TITLE_MIDDLE_LEFT, _h$h = FORM_NAME_CONTENT_MIDDLE_LEFT, _j$e = FORM_NAME_BUTTON_MIDDLE_LEFT, _k$d = FORM_NAME_TITLE_MIDDLE_RIGHT, _l$b = FORM_NAME_CONTENT_MIDDLE_RIGHT, _m$9 = FORM_NAME_BUTTON_MIDDLE_RIGHT, _o$8 = FORM_NAME_COLOR_LEFT, _p$8 = FORM_NAME_COLOR_RIGHT, _q$8 = FORM_NAME_COLOR_MIDDLE_LEFT, _r$5 = FORM_NAME_ALIGN_BUTTON;
+    _a$X = FORM_NAME_TITLE_LEFT, _b$V = FORM_NAME_CONTENT_RIGHT, _c$L = FORM_NAME_TITLE_RIGHT, _d$H = FORM_NAME_CONTENT_LEFT, _e$C = FORM_NAME_BUTTON_LEFT, _f$m = FORM_NAME_BUTTON_RIGHT, _g$k = FORM_NAME_TITLE_MIDDLE_LEFT, _h$h = FORM_NAME_CONTENT_MIDDLE_LEFT, _j$e = FORM_NAME_BUTTON_MIDDLE_LEFT, _k$d = FORM_NAME_TITLE_MIDDLE_RIGHT, _l$b = FORM_NAME_CONTENT_MIDDLE_RIGHT, _m$9 = FORM_NAME_BUTTON_MIDDLE_RIGHT, _o$8 = FORM_NAME_COLOR_LEFT, _p$8 = FORM_NAME_COLOR_RIGHT, _q$8 = FORM_NAME_COLOR_MIDDLE_LEFT, _r$5 = FORM_NAME_ALIGN_BUTTON;
 
     var TYPE_TEXTS_TRIPLE_BACKGROUND = 'texts-triple-background';
     var TextsTripleBackgroundService = /** @class */ (function () {
@@ -4511,15 +4595,15 @@
                 },] }
     ];
 
-    var _a$X, _b$V, _c$L, _d$H, _e$D, _f$n, _g$l, _h$i, _j$f, _k$e, _l$c, _m$a, _o$9;
+    var _a$Y, _b$W, _c$M, _d$I, _e$D, _f$n, _g$l, _h$i, _j$f, _k$e, _l$c, _m$a, _o$9;
     var TextsQuadrupleDto = /** @class */ (function (_super) {
         __extends(TextsQuadrupleDto, _super);
         function TextsQuadrupleDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$X] = 'wb.dto.TITLE.3';
-            _this[_b$V] = 'wb.dto.CONTENT.7';
-            _this[_c$L] = 'wb.dto.TITLE.3';
-            _this[_d$H] = 'wb.dto.CONTENT.7';
+            _this[_a$Y] = 'wb.dto.TITLE.3';
+            _this[_b$W] = 'wb.dto.CONTENT.7';
+            _this[_c$M] = 'wb.dto.TITLE.3';
+            _this[_d$I] = 'wb.dto.CONTENT.7';
             _this[_e$D] = new ButtonDto();
             _this[_f$n] = new ButtonDto();
             _this[_g$l] = 'wb.dto.TITLE.3';
@@ -4533,7 +4617,7 @@
         }
         return TextsQuadrupleDto;
     }(ParentBlockDto));
-    _a$X = FORM_NAME_TITLE_LEFT, _b$V = FORM_NAME_CONTENT_RIGHT, _c$L = FORM_NAME_TITLE_RIGHT, _d$H = FORM_NAME_CONTENT_LEFT, _e$D = FORM_NAME_BUTTON_LEFT, _f$n = FORM_NAME_BUTTON_RIGHT, _g$l = FORM_NAME_TITLE_MIDDLE_LEFT, _h$i = FORM_NAME_CONTENT_MIDDLE_LEFT, _j$f = FORM_NAME_BUTTON_MIDDLE_LEFT, _k$e = FORM_NAME_TITLE_MIDDLE_RIGHT, _l$c = FORM_NAME_CONTENT_MIDDLE_RIGHT, _m$a = FORM_NAME_BUTTON_MIDDLE_RIGHT, _o$9 = FORM_NAME_ALIGN_BUTTON;
+    _a$Y = FORM_NAME_TITLE_LEFT, _b$W = FORM_NAME_CONTENT_RIGHT, _c$M = FORM_NAME_TITLE_RIGHT, _d$I = FORM_NAME_CONTENT_LEFT, _e$D = FORM_NAME_BUTTON_LEFT, _f$n = FORM_NAME_BUTTON_RIGHT, _g$l = FORM_NAME_TITLE_MIDDLE_LEFT, _h$i = FORM_NAME_CONTENT_MIDDLE_LEFT, _j$f = FORM_NAME_BUTTON_MIDDLE_LEFT, _k$e = FORM_NAME_TITLE_MIDDLE_RIGHT, _l$c = FORM_NAME_CONTENT_MIDDLE_RIGHT, _m$a = FORM_NAME_BUTTON_MIDDLE_RIGHT, _o$9 = FORM_NAME_ALIGN_BUTTON;
 
     var TYPE_TEXTS_QUADRUPLE = 'texts-quadruple';
     var TextsQuadrupleService = /** @class */ (function () {
@@ -4578,15 +4662,15 @@
                 },] }
     ];
 
-    var _a$Y, _b$W, _c$M, _d$I, _e$E, _f$o, _g$m, _h$j, _j$g, _k$f, _l$d, _m$b, _o$a, _p$9, _q$9, _r$6, _s$3;
+    var _a$Z, _b$X, _c$N, _d$J, _e$E, _f$o, _g$m, _h$j, _j$g, _k$f, _l$d, _m$b, _o$a, _p$9, _q$9, _r$6, _s$3;
     var TextsQuadrupleBackgroundDto = /** @class */ (function (_super) {
         __extends(TextsQuadrupleBackgroundDto, _super);
         function TextsQuadrupleBackgroundDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$Y] = 'wb.dto.TITLE.3';
-            _this[_b$W] = 'wb.dto.CONTENT.7';
-            _this[_c$M] = 'wb.dto.TITLE.3';
-            _this[_d$I] = 'wb.dto.CONTENT.7';
+            _this[_a$Z] = 'wb.dto.TITLE.3';
+            _this[_b$X] = 'wb.dto.CONTENT.7';
+            _this[_c$N] = 'wb.dto.TITLE.3';
+            _this[_d$J] = 'wb.dto.CONTENT.7';
             _this[_e$E] = new ButtonDto();
             _this[_f$o] = new ButtonDto();
             _this[_g$m] = 'wb.dto.TITLE.3';
@@ -4604,7 +4688,7 @@
         }
         return TextsQuadrupleBackgroundDto;
     }(ParentBlockDto));
-    _a$Y = FORM_NAME_TITLE_LEFT, _b$W = FORM_NAME_CONTENT_RIGHT, _c$M = FORM_NAME_TITLE_RIGHT, _d$I = FORM_NAME_CONTENT_LEFT, _e$E = FORM_NAME_BUTTON_LEFT, _f$o = FORM_NAME_BUTTON_RIGHT, _g$m = FORM_NAME_TITLE_MIDDLE_LEFT, _h$j = FORM_NAME_CONTENT_MIDDLE_LEFT, _j$g = FORM_NAME_BUTTON_MIDDLE_LEFT, _k$f = FORM_NAME_TITLE_MIDDLE_RIGHT, _l$d = FORM_NAME_CONTENT_MIDDLE_RIGHT, _m$b = FORM_NAME_BUTTON_MIDDLE_RIGHT, _o$a = FORM_NAME_COLOR_LEFT, _p$9 = FORM_NAME_COLOR_RIGHT, _q$9 = FORM_NAME_COLOR_MIDDLE_LEFT, _r$6 = FORM_NAME_COLOR_MIDDLE_RIGHT, _s$3 = FORM_NAME_ALIGN_BUTTON;
+    _a$Z = FORM_NAME_TITLE_LEFT, _b$X = FORM_NAME_CONTENT_RIGHT, _c$N = FORM_NAME_TITLE_RIGHT, _d$J = FORM_NAME_CONTENT_LEFT, _e$E = FORM_NAME_BUTTON_LEFT, _f$o = FORM_NAME_BUTTON_RIGHT, _g$m = FORM_NAME_TITLE_MIDDLE_LEFT, _h$j = FORM_NAME_CONTENT_MIDDLE_LEFT, _j$g = FORM_NAME_BUTTON_MIDDLE_LEFT, _k$f = FORM_NAME_TITLE_MIDDLE_RIGHT, _l$d = FORM_NAME_CONTENT_MIDDLE_RIGHT, _m$b = FORM_NAME_BUTTON_MIDDLE_RIGHT, _o$a = FORM_NAME_COLOR_LEFT, _p$9 = FORM_NAME_COLOR_RIGHT, _q$9 = FORM_NAME_COLOR_MIDDLE_LEFT, _r$6 = FORM_NAME_COLOR_MIDDLE_RIGHT, _s$3 = FORM_NAME_ALIGN_BUTTON;
 
     var TYPE_TEXTS_QUADRUPLE_BACKGROUND = 'texts-quadruple-background';
     var TextsQuadrupleBackgroundService = /** @class */ (function () {
@@ -4657,18 +4741,18 @@
                 },] }
     ];
 
-    var _a$Z, _b$X;
+    var _a$_, _b$Y;
     var FormsSimpleDto = /** @class */ (function (_super) {
         __extends(FormsSimpleDto, _super);
         function FormsSimpleDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$Z] = 'wb.dto.TITLE.3';
-            _this[_b$X] = 'wb.dto.CONTENT.7';
+            _this[_a$_] = 'wb.dto.TITLE.3';
+            _this[_b$Y] = 'wb.dto.CONTENT.7';
             return _this;
         }
         return FormsSimpleDto;
     }(ParentBlockDto));
-    _a$Z = FORM_NAME_TITLE, _b$X = FORM_NAME_CONTENT;
+    _a$_ = FORM_NAME_TITLE, _b$Y = FORM_NAME_CONTENT;
 
     var TYPE_FORMS_SIMPLE = 'forms-simple';
     var FormsSimpleService = /** @class */ (function () {
@@ -4710,18 +4794,18 @@
                 },] }
     ];
 
-    var _a$_, _b$Y;
+    var _a$$, _b$Z;
     var FormsBackgroundDto = /** @class */ (function (_super) {
         __extends(FormsBackgroundDto, _super);
         function FormsBackgroundDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$_] = 'wb.dto.TITLE.3';
-            _this[_b$Y] = 'wb.dto.CONTENT.7';
+            _this[_a$$] = 'wb.dto.TITLE.3';
+            _this[_b$Z] = 'wb.dto.CONTENT.7';
             return _this;
         }
         return FormsBackgroundDto;
     }(ParentBlockDto));
-    _a$_ = FORM_NAME_TITLE, _b$Y = FORM_NAME_CONTENT;
+    _a$$ = FORM_NAME_TITLE, _b$Z = FORM_NAME_CONTENT;
 
     var TYPE_FORMS_BACKGROUND = 'forms-background';
     var FormsBackgroundService = /** @class */ (function () {
@@ -4763,18 +4847,18 @@
                 },] }
     ];
 
-    var _a$$, _b$Z;
+    var _a$10, _b$_;
     var FormsImageleftDto = /** @class */ (function (_super) {
         __extends(FormsImageleftDto, _super);
         function FormsImageleftDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$$] = 'wb.dto.TITLE.3';
-            _this[_b$Z] = 'wb.dto.CONTENT.7';
+            _this[_a$10] = 'wb.dto.TITLE.3';
+            _this[_b$_] = 'wb.dto.CONTENT.7';
             return _this;
         }
         return FormsImageleftDto;
     }(ParentBlockDto));
-    _a$$ = FORM_NAME_TITLE, _b$Z = FORM_NAME_CONTENT;
+    _a$10 = FORM_NAME_TITLE, _b$_ = FORM_NAME_CONTENT;
 
     var TYPE_FORMS_IMAGELEFT = 'forms-imageleft';
     var FormsImageleftService = /** @class */ (function () {
@@ -4816,18 +4900,18 @@
                 },] }
     ];
 
-    var _a$10, _b$_;
+    var _a$11, _b$$;
     var FormsImagerightDto = /** @class */ (function (_super) {
         __extends(FormsImagerightDto, _super);
         function FormsImagerightDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$10] = 'wb.dto.TITLE.3';
-            _this[_b$_] = 'wb.dto.CONTENT.7';
+            _this[_a$11] = 'wb.dto.TITLE.3';
+            _this[_b$$] = 'wb.dto.CONTENT.7';
             return _this;
         }
         return FormsImagerightDto;
     }(ParentBlockDto));
-    _a$10 = FORM_NAME_TITLE, _b$_ = FORM_NAME_CONTENT;
+    _a$11 = FORM_NAME_TITLE, _b$$ = FORM_NAME_CONTENT;
 
     var TYPE_FORMS_IMAGERIGHT = 'forms-imageright';
     var FormsImagerightService = /** @class */ (function () {
@@ -4869,22 +4953,22 @@
                 },] }
     ];
 
-    var _a$11, _b$$, _c$N, _d$J, _e$F, _f$p;
+    var _a$12, _b$10, _c$O, _d$K, _e$F, _f$p;
     var TextBackgroundsSimpleDto = /** @class */ (function (_super) {
         __extends(TextBackgroundsSimpleDto, _super);
         function TextBackgroundsSimpleDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$11] = 'wb.dto.CONTENT.29';
-            _this[_b$$] = 'wb.dto.CONTENT.28';
-            _this[_c$N] = new ButtonDto();
-            _this[_d$J] = false;
+            _this[_a$12] = 'wb.dto.CONTENT.29';
+            _this[_b$10] = 'wb.dto.CONTENT.28';
+            _this[_c$O] = new ButtonDto();
+            _this[_d$K] = false;
             _this[_e$F] = true;
             _this[_f$p] = 'small';
             return _this;
         }
         return TextBackgroundsSimpleDto;
     }(ParentBlockDto));
-    _a$11 = FORM_NAME_TITLE, _b$$ = FORM_NAME_CONTENT, _c$N = FORM_NAME_BUTTON, _d$J = FORM_NAME_PARALLAX, _e$F = FORM_NAME_FULLPAGE, _f$p = FORM_NAME_IMG_MASK;
+    _a$12 = FORM_NAME_TITLE, _b$10 = FORM_NAME_CONTENT, _c$O = FORM_NAME_BUTTON, _d$K = FORM_NAME_PARALLAX, _e$F = FORM_NAME_FULLPAGE, _f$p = FORM_NAME_IMG_MASK;
 
     var TYPE_TEXT_BACKGROUNDS_SIMPLE = 'text-backgrounds-simple';
     var TextBackgroundsSimpleService = /** @class */ (function () {
@@ -4931,15 +5015,15 @@
                 },] }
     ];
 
-    var _a$12, _b$10, _c$O, _d$K, _e$G, _f$q, _g$n;
+    var _a$13, _b$11, _c$P, _d$L, _e$G, _f$q, _g$n;
     var TextBackgroundsWithTxtDto = /** @class */ (function (_super) {
         __extends(TextBackgroundsWithTxtDto, _super);
         function TextBackgroundsWithTxtDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$12] = 'wb.dto.TITLE.5';
-            _this[_b$10] = 'wb.dto.CONTENT.8';
-            _this[_c$O] = new ButtonDto();
-            _this[_d$K] = '#ffffff';
+            _this[_a$13] = 'wb.dto.TITLE.5';
+            _this[_b$11] = 'wb.dto.CONTENT.8';
+            _this[_c$P] = new ButtonDto();
+            _this[_d$L] = '#ffffff';
             _this[_e$G] = false;
             _this[_f$q] = true;
             _this[_g$n] = 'small';
@@ -4947,7 +5031,7 @@
         }
         return TextBackgroundsWithTxtDto;
     }(ParentBlockDto));
-    _a$12 = FORM_NAME_TITLE, _b$10 = FORM_NAME_CONTENT, _c$O = FORM_NAME_BUTTON, _d$K = FORM_NAME_COLOR, _e$G = FORM_NAME_PARALLAX, _f$q = FORM_NAME_FULLPAGE, _g$n = FORM_NAME_IMG_MASK;
+    _a$13 = FORM_NAME_TITLE, _b$11 = FORM_NAME_CONTENT, _c$P = FORM_NAME_BUTTON, _d$L = FORM_NAME_COLOR, _e$G = FORM_NAME_PARALLAX, _f$q = FORM_NAME_FULLPAGE, _g$n = FORM_NAME_IMG_MASK;
 
     var TYPE_TEXT_BACKGROUNDS_WITH_TXT = 'text-backgrounds-with-txt';
     var TextBackgroundsWithTxtService = /** @class */ (function () {
@@ -4996,43 +5080,110 @@
                 },] }
     ];
 
-    var _a$13, _b$11, _c$P, _d$L, _e$H, _f$r, _g$o;
+    var _a$14, _b$12, _c$Q, _d$M, _e$H, _f$r, _g$o;
+    var TextBackgroundsWithBannerDto = /** @class */ (function (_super) {
+        __extends(TextBackgroundsWithBannerDto, _super);
+        function TextBackgroundsWithBannerDto() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this[_a$14] = 'wb.dto.TITLE.39';
+            _this[_b$12] = 'wb.dto.TEXT.2';
+            _this[_c$Q] = 'wb.dto.CONTENT.37';
+            _this[_d$M] = '#74b4c0';
+            _this[_e$H] = false;
+            _this[_f$r] = true;
+            _this[_g$o] = 'small';
+            return _this;
+        }
+        return TextBackgroundsWithBannerDto;
+    }(ParentBlockDto));
+    _a$14 = FORM_NAME_TITLE, _b$12 = FORM_NAME_TEXT, _c$Q = FORM_NAME_CONTENT, _d$M = FORM_NAME_COLOR, _e$H = FORM_NAME_PARALLAX, _f$r = FORM_NAME_FULLPAGE, _g$o = FORM_NAME_IMG_MASK;
+
+    var TYPE_TEXT_BACKGROUNDS_WITH_BANNER = 'text-backgrounds-with-banner';
+    var TextBackgroundsWithBannerService = /** @class */ (function () {
+        function TextBackgroundsWithBannerService() {
+            this._text = 'wb.blocks.text-backgrounds-with-banner';
+        }
+        TextBackgroundsWithBannerService.selector = function () {
+            return 'wb-' + TYPE_TEXT_BACKGROUNDS_WITH_BANNER;
+        };
+        Object.defineProperty(TextBackgroundsWithBannerService.prototype, "text", {
+            get: function () {
+                return this._text;
+            },
+            set: function (value) {
+                this._text = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TextBackgroundsWithBannerService.prototype.type = function () {
+            return TYPE_TEXT_BACKGROUNDS_WITH_BANNER;
+        };
+        TextBackgroundsWithBannerService.prototype.image = function () {
+            return 'TxtImgFond_AvecTxtBanniere.png';
+        };
+        TextBackgroundsWithBannerService.prototype.getForm = function (content) {
+            if (content === void 0) { content = this.getConfig(); }
+            var formsDto = new FormsDto(content);
+            var maskTextBackgroundsWithTxtContentDto = new FormsContentDto(FORM_NAME_IMG_MASK, 'wb.blocks.FormContentDto.14', FORM_TYPE_TAG, content[FORM_NAME_IMG_MASK], 'wb.blocks.FormContentDto.15', '', ['wb.blocks.FormContentDto.94', 'wb.blocks.FormContentDto.95', 'wb.blocks.FormContentDto.96'], ['small', 'medium', 'large']);
+            formsDto.forms.push(maskTextBackgroundsWithTxtContentDto);
+            var fullpageTextBackgroundsWithTxtContentDto = new FormsContentDto(FORM_NAME_FULLPAGE, 'wb.blocks.FormContentDto.16', FORM_TYPE_CHECKBOX, content[FORM_NAME_FULLPAGE], '', '', [], [], [true, false]);
+            formsDto.forms.push(fullpageTextBackgroundsWithTxtContentDto);
+            var parallaxTextBackgroundsWithTxtContentDto = new FormsContentDto(FORM_NAME_PARALLAX, 'wb.blocks.FormContentDto.17', FORM_TYPE_CHECKBOX, content[FORM_NAME_PARALLAX], '', '', [], [], [true, false]);
+            formsDto.forms.push(parallaxTextBackgroundsWithTxtContentDto);
+            var colorContentDto = new FormsContentDto(FORM_NAME_COLOR, 'wb.blocks.FormContentDto.112', FORM_TYPE_COLOR, content[FORM_NAME_COLOR], '#122231', '');
+            formsDto.forms.push(colorContentDto);
+            return formsDto;
+        };
+        TextBackgroundsWithBannerService.prototype.getConfig = function () {
+            return new TextBackgroundsWithBannerDto(this.type());
+        };
+        return TextBackgroundsWithBannerService;
+    }());
+    TextBackgroundsWithBannerService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TextBackgroundsWithBannerService_Factory() { return new TextBackgroundsWithBannerService(); }, token: TextBackgroundsWithBannerService, providedIn: "root" });
+    TextBackgroundsWithBannerService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+
+    var _a$15, _b$13, _c$R, _d$N, _e$I, _f$s, _g$p;
     var TYPE_YOUTUBE = 'youtube';
     var TYPE_VIMEO = 'vimeo';
     var VideosSimpleDto = /** @class */ (function (_super) {
         __extends(VideosSimpleDto, _super);
         function VideosSimpleDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$13] = true;
-            _this[_b$11] = false;
-            _this[_c$P] = true;
-            _this[_d$L] = true;
-            _this[_e$H] = true;
-            _this[_f$r] = '';
-            _this[_g$o] = TYPE_YOUTUBE;
+            _this[_a$15] = true;
+            _this[_b$13] = false;
+            _this[_c$R] = true;
+            _this[_d$N] = true;
+            _this[_e$I] = true;
+            _this[_f$s] = '';
+            _this[_g$p] = TYPE_YOUTUBE;
             return _this;
         }
         return VideosSimpleDto;
     }(ParentBlockDto));
-    _a$13 = FORM_NAME_CONTROL, _b$11 = FORM_NAME_AUTOPLAY, _c$P = FORM_NAME_FULLPAGE, _d$L = FORM_NAME_MUTE, _e$H = FORM_NAME_LOOP, _f$r = FORM_NAME_LINK, _g$o = FORM_NAME_TYPE_VIDEO;
+    _a$15 = FORM_NAME_CONTROL, _b$13 = FORM_NAME_AUTOPLAY, _c$R = FORM_NAME_FULLPAGE, _d$N = FORM_NAME_MUTE, _e$I = FORM_NAME_LOOP, _f$s = FORM_NAME_LINK, _g$p = FORM_NAME_TYPE_VIDEO;
 
-    var _a$14, _b$12, _c$Q, _d$M, _e$I, _f$s, _g$p;
+    var _a$16, _b$14, _c$S, _d$O, _e$J, _f$t, _g$q;
     var LaunchVideosButtonDto = /** @class */ (function (_super) {
         __extends(LaunchVideosButtonDto, _super);
         function LaunchVideosButtonDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$14] = true;
-            _this[_b$12] = true;
-            _this[_c$Q] = false;
-            _this[_d$M] = 'wb.dto.BUTTON_TEXT.6';
-            _this[_e$I] = '';
-            _this[_f$s] = TYPE_YOUTUBE;
-            _this[_g$p] = '#ffffff';
+            _this[_a$16] = true;
+            _this[_b$14] = true;
+            _this[_c$S] = false;
+            _this[_d$O] = 'wb.dto.BUTTON_TEXT.6';
+            _this[_e$J] = '';
+            _this[_f$t] = TYPE_YOUTUBE;
+            _this[_g$q] = '#ffffff';
             return _this;
         }
         return LaunchVideosButtonDto;
     }(ParentBlockDto));
-    _a$14 = FORM_NAME_FULLPAGE, _b$12 = FORM_NAME_MUTE, _c$Q = FORM_NAME_CONTROL, _d$M = FORM_NAME_BUTTON_TEXT, _e$I = FORM_NAME_LINK, _f$s = FORM_NAME_TYPE_VIDEO, _g$p = FORM_NAME_COLOR;
+    _a$16 = FORM_NAME_FULLPAGE, _b$14 = FORM_NAME_MUTE, _c$S = FORM_NAME_CONTROL, _d$O = FORM_NAME_BUTTON_TEXT, _e$J = FORM_NAME_LINK, _f$t = FORM_NAME_TYPE_VIDEO, _g$q = FORM_NAME_COLOR;
 
     var TYPE_LAUNCH_VIDEOS_BUTTON = 'launch-videos-button';
     var LaunchVideosButtonService = /** @class */ (function () {
@@ -5083,20 +5234,20 @@
                 },] }
     ];
 
-    var _a$15, _b$13, _c$R, _d$N;
+    var _a$17, _b$15, _c$T, _d$P;
     var LaunchVideosButtontxtDto = /** @class */ (function (_super) {
         __extends(LaunchVideosButtontxtDto, _super);
         function LaunchVideosButtontxtDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$15] = 'wb.dto.TITLE.7';
-            _this[_b$13] = 'wb.dto.CONTENT.9';
-            _this[_c$R] = '#ffffff';
-            _this[_d$N] = '#4baed0';
+            _this[_a$17] = 'wb.dto.TITLE.7';
+            _this[_b$15] = 'wb.dto.CONTENT.9';
+            _this[_c$T] = '#ffffff';
+            _this[_d$P] = '#4baed0';
             return _this;
         }
         return LaunchVideosButtontxtDto;
     }(LaunchVideosButtonDto));
-    _a$15 = FORM_NAME_TITLE, _b$13 = FORM_NAME_CONTENT, _c$R = FORM_NAME_COLOR, _d$N = FORM_NAME_BACKGROUND_COLOR;
+    _a$17 = FORM_NAME_TITLE, _b$15 = FORM_NAME_CONTENT, _c$T = FORM_NAME_COLOR, _d$P = FORM_NAME_BACKGROUND_COLOR;
 
     var TYPE_LAUNCH_VIDEOS_BUTTONTXT = 'launch-videos-buttontxt';
     var LaunchVideosButtontxtService = /** @class */ (function () {
@@ -5200,19 +5351,19 @@
                 },] }
     ];
 
-    var _a$16, _b$14, _c$S;
+    var _a$18, _b$16, _c$U;
     var VideosTxtDto = /** @class */ (function (_super) {
         __extends(VideosTxtDto, _super);
         function VideosTxtDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$16] = 'wb.dto.TITLE.33';
-            _this[_b$14] = 'wb.dto.CONTENT.34';
-            _this[_c$S] = 'rgba(255,255,255,0)';
+            _this[_a$18] = 'wb.dto.TITLE.33';
+            _this[_b$16] = 'wb.dto.CONTENT.34';
+            _this[_c$U] = 'rgba(255,255,255,0)';
             return _this;
         }
         return VideosTxtDto;
     }(VideosSimpleDto));
-    _a$16 = FORM_NAME_TITLE, _b$14 = FORM_NAME_CONTENT, _c$S = FORM_NAME_COLOR;
+    _a$18 = FORM_NAME_TITLE, _b$16 = FORM_NAME_CONTENT, _c$U = FORM_NAME_COLOR;
 
     var TYPE_VIDEOS_TXT = 'videos-txt';
     var VideosTxtService = /** @class */ (function () {
@@ -5265,19 +5416,19 @@
                 },] }
     ];
 
-    var _a$17, _b$15, _c$T;
+    var _a$19, _b$17, _c$V;
     var VideosTxtContentDto = /** @class */ (function (_super) {
         __extends(VideosTxtContentDto, _super);
         function VideosTxtContentDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$17] = 'wb.dto.TITLE.32';
-            _this[_b$15] = 'wb.dto.CONTENT.33';
-            _this[_c$T] = '#ffffff';
+            _this[_a$19] = 'wb.dto.TITLE.32';
+            _this[_b$17] = 'wb.dto.CONTENT.33';
+            _this[_c$V] = '#ffffff';
             return _this;
         }
         return VideosTxtContentDto;
     }(VideosSimpleDto));
-    _a$17 = FORM_NAME_TITLE, _b$15 = FORM_NAME_CONTENT, _c$T = FORM_NAME_COLOR;
+    _a$19 = FORM_NAME_TITLE, _b$17 = FORM_NAME_CONTENT, _c$V = FORM_NAME_COLOR;
 
     var TYPE_VIDEOS_TXT_CONTENT = 'videos-txt-content';
     var VideosTxtContentService = /** @class */ (function () {
@@ -5385,17 +5536,17 @@
                 },] }
     ];
 
-    var _a$18;
+    var _a$1a;
     var CodeJavascriptDto = /** @class */ (function (_super) {
         __extends(CodeJavascriptDto, _super);
         function CodeJavascriptDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$18] = 'wb.dto.CONTENT.4';
+            _this[_a$1a] = 'wb.dto.CONTENT.4';
             return _this;
         }
         return CodeJavascriptDto;
     }(ParentBlockDto));
-    _a$18 = FORM_NAME_CONTENT;
+    _a$1a = FORM_NAME_CONTENT;
 
     var TYPE_CODE_JAVASCRIPT = 'code-javascript';
     var CodeJavascriptService = /** @class */ (function () {
@@ -5437,17 +5588,17 @@
                 },] }
     ];
 
-    var _a$19;
+    var _a$1b;
     var CodeStylesheetDto = /** @class */ (function (_super) {
         __extends(CodeStylesheetDto, _super);
         function CodeStylesheetDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$19] = 'wb.dto.CONTENT.5';
+            _this[_a$1b] = 'wb.dto.CONTENT.5';
             return _this;
         }
         return CodeStylesheetDto;
     }(ParentBlockDto));
-    _a$19 = FORM_NAME_CONTENT;
+    _a$1b = FORM_NAME_CONTENT;
 
     var TYPE_CODE_STYLESHEET = 'code-stylesheet';
     var CodeStylesheetService = /** @class */ (function () {
@@ -5591,18 +5742,18 @@
                 },] }
     ];
 
-    var _a$1a, _b$16;
+    var _a$1c, _b$18;
     var ProductZoomDto = /** @class */ (function (_super) {
         __extends(ProductZoomDto, _super);
         function ProductZoomDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1a] = 'wb.dto.CONTENT.1';
-            _this[_b$16] = '';
+            _this[_a$1c] = 'wb.dto.CONTENT.1';
+            _this[_b$18] = '';
             return _this;
         }
         return ProductZoomDto;
     }(ParentBlockDto));
-    _a$1a = FORM_NAME_CONTENT, _b$16 = FORM_NAME_ID_PRODUCT;
+    _a$1c = FORM_NAME_CONTENT, _b$18 = FORM_NAME_ID_PRODUCT;
 
     var TYPE_PRODUCT_ZOOM = 'product-zoom';
     var ProductZoomService = /** @class */ (function () {
@@ -5644,18 +5795,18 @@
                 },] }
     ];
 
-    var _a$1b, _b$17;
+    var _a$1d, _b$19;
     var ProductZoomSelectedDto = /** @class */ (function (_super) {
         __extends(ProductZoomSelectedDto, _super);
         function ProductZoomSelectedDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1b] = 'wb.dto.CONTENT.2';
-            _this[_b$17] = '';
+            _this[_a$1d] = 'wb.dto.CONTENT.2';
+            _this[_b$19] = '';
             return _this;
         }
         return ProductZoomSelectedDto;
     }(ParentBlockDto));
-    _a$1b = FORM_NAME_CONTENT, _b$17 = FORM_NAME_ID_PRODUCT;
+    _a$1d = FORM_NAME_CONTENT, _b$19 = FORM_NAME_ID_PRODUCT;
 
     var TYPE_PRODUCT_ZOOM_SELECTED = 'product-zoom-selected';
     var ProductZoomSelectedService = /** @class */ (function () {
@@ -5697,18 +5848,18 @@
                 },] }
     ];
 
-    var _a$1c, _b$18;
+    var _a$1e, _b$1a;
     var ProductZoomMoreDto = /** @class */ (function (_super) {
         __extends(ProductZoomMoreDto, _super);
         function ProductZoomMoreDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1c] = 'wb.dto.CONTENT.1';
-            _this[_b$18] = '';
+            _this[_a$1e] = 'wb.dto.CONTENT.1';
+            _this[_b$1a] = '';
             return _this;
         }
         return ProductZoomMoreDto;
     }(ParentBlockDto));
-    _a$1c = FORM_NAME_CONTENT, _b$18 = FORM_NAME_ID_PRODUCT;
+    _a$1e = FORM_NAME_CONTENT, _b$1a = FORM_NAME_ID_PRODUCT;
 
     var TYPE_PRODUCT_ZOOM_MORE = 'product-zoom-more';
     var ProductZoomMoreService = /** @class */ (function () {
@@ -5750,32 +5901,32 @@
                 },] }
     ];
 
-    var _a$1d;
+    var _a$1f;
     var PaymentOrMediaDto = /** @class */ (function (_super) {
         __extends(PaymentOrMediaDto, _super);
         function PaymentOrMediaDto(paymentLink) {
             if (paymentLink === void 0) { paymentLink = ''; }
             var _this = _super.call(this) || this;
-            _this[_a$1d] = '';
+            _this[_a$1f] = '';
             _this[FORM_NAME_PAYMENT] = paymentLink;
             return _this;
         }
         return PaymentOrMediaDto;
     }(MediaDto));
-    _a$1d = FORM_NAME_PAYMENT;
+    _a$1f = FORM_NAME_PAYMENT;
 
-    var _a$1e, _b$19, _c$U, _d$O, _e$J, _f$t, _g$q, _h$k, _j$h, _k$g, _l$e;
+    var _a$1g, _b$1b, _c$W, _d$Q, _e$K, _f$u, _g$r, _h$k, _j$h, _k$g, _l$e;
     var ProductZoomCompleteDto = /** @class */ (function (_super) {
         __extends(ProductZoomCompleteDto, _super);
         function ProductZoomCompleteDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1e] = 'wb.dto.CONTENT.13';
-            _this[_b$19] = 'wb.dto.CONTENT.14';
-            _this[_c$U] = 'wb.dto.CONTENT.15';
-            _this[_d$O] = 'wb.dto.CONTENT.16';
-            _this[_e$J] = new FontOrMediaDto('far fa-stopwatch');
-            _this[_f$t] = '#e25657';
-            _this[_g$q] = '#e25657';
+            _this[_a$1g] = 'wb.dto.CONTENT.13';
+            _this[_b$1b] = 'wb.dto.CONTENT.14';
+            _this[_c$W] = 'wb.dto.CONTENT.15';
+            _this[_d$Q] = 'wb.dto.CONTENT.16';
+            _this[_e$K] = new FontOrMediaDto('far fa-stopwatch');
+            _this[_f$u] = '#e25657';
+            _this[_g$r] = '#e25657';
             _this[_h$k] = new FontOrMediaDto('fas fa-bolt');
             _this[_j$h] = new PaymentOrMediaDto('//img.wizishop.com/a/site/cards/CB-Visa-MCard.svg');
             _this[_k$g] = 'wb.dto.CONTENT.18';
@@ -5784,7 +5935,7 @@
         }
         return ProductZoomCompleteDto;
     }(ParentBlockDto));
-    _a$1e = FORM_NAME_CONTENT_MIDDLE_LEFT, _b$19 = FORM_NAME_CONTENT_MIDDLE_RIGHT, _c$U = FORM_NAME_CONTENT_MIDDLE_BOTTOM, _d$O = FORM_NAME_CONTENT_MIDDLE_TOP, _e$J = FORM_NAME_ICON_MIDDLE_TOP, _f$t = FORM_NAME_ICON_COLOR_MIDDLE_TOP, _g$q = FORM_NAME_ICON_COLOR_MIDDLE_BOTTOM, _h$k = FORM_NAME_ICON_MIDDLE_BOTTOM, _j$h = FORM_NAME_PAYMENT_OR_MEDIA, _k$g = FORM_NAME_CONTENT, _l$e = FORM_NAME_ID_PRODUCT;
+    _a$1g = FORM_NAME_CONTENT_MIDDLE_LEFT, _b$1b = FORM_NAME_CONTENT_MIDDLE_RIGHT, _c$W = FORM_NAME_CONTENT_MIDDLE_BOTTOM, _d$Q = FORM_NAME_CONTENT_MIDDLE_TOP, _e$K = FORM_NAME_ICON_MIDDLE_TOP, _f$u = FORM_NAME_ICON_COLOR_MIDDLE_TOP, _g$r = FORM_NAME_ICON_COLOR_MIDDLE_BOTTOM, _h$k = FORM_NAME_ICON_MIDDLE_BOTTOM, _j$h = FORM_NAME_PAYMENT_OR_MEDIA, _k$g = FORM_NAME_CONTENT, _l$e = FORM_NAME_ID_PRODUCT;
 
     var TYPE_PRODUCT_ZOOM_COMPLETE = 'product-zoom-complete';
     var ProductZoomCompleteService = /** @class */ (function () {
@@ -5831,22 +5982,22 @@
                 },] }
     ];
 
-    var _a$1f, _b$1a, _c$V, _d$P, _e$K, _f$u;
+    var _a$1h, _b$1c, _c$X, _d$R, _e$L, _f$v;
     var ProductZoomCompleteBackgroundDto = /** @class */ (function (_super) {
         __extends(ProductZoomCompleteBackgroundDto, _super);
         function ProductZoomCompleteBackgroundDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1f] = 'wb.dto.CONTENT.11';
-            _this[_b$1a] = new PaymentOrMediaDto('//img.wizishop.com/a/site/cards/CB-Visa-MCard.svg');
-            _this[_c$V] = 'wb.dto.CONTENT.12';
-            _this[_d$P] = '';
-            _this[_e$K] = new MediaDto();
-            _this[_f$u] = '#ffffff';
+            _this[_a$1h] = 'wb.dto.CONTENT.11';
+            _this[_b$1c] = new PaymentOrMediaDto('//img.wizishop.com/a/site/cards/CB-Visa-MCard.svg');
+            _this[_c$X] = 'wb.dto.CONTENT.12';
+            _this[_d$R] = '';
+            _this[_e$L] = new MediaDto();
+            _this[_f$v] = '#ffffff';
             return _this;
         }
         return ProductZoomCompleteBackgroundDto;
     }(ParentBlockDto));
-    _a$1f = FORM_NAME_CONTENT_MIDDLE_LEFT, _b$1a = FORM_NAME_PAYMENT_OR_MEDIA, _c$V = FORM_NAME_CONTENT, _d$P = FORM_NAME_ID_PRODUCT, _e$K = FORM_NAME_IMAGE, _f$u = FORM_NAME_COLOR;
+    _a$1h = FORM_NAME_CONTENT_MIDDLE_LEFT, _b$1c = FORM_NAME_PAYMENT_OR_MEDIA, _c$X = FORM_NAME_CONTENT, _d$R = FORM_NAME_ID_PRODUCT, _e$L = FORM_NAME_IMAGE, _f$v = FORM_NAME_COLOR;
 
     var TYPE_PRODUCT_ZOOM_COMPLETE_BACKGROUND = 'product-zoom-complete-background';
     var ProductZoomCompleteBackgroundService = /** @class */ (function () {
@@ -5891,18 +6042,18 @@
                 },] }
     ];
 
-    var _a$1g, _b$1b, _c$W, _d$Q, _e$L, _f$v, _g$r, _h$l, _j$i, _k$h, _l$f, _m$c, _o$b, _p$a, _q$a, _r$7, _s$4, _t$3;
+    var _a$1i, _b$1d, _c$Y, _d$S, _e$M, _f$w, _g$s, _h$l, _j$i, _k$h, _l$f, _m$c, _o$b, _p$a, _q$a, _r$7, _s$4, _t$3;
     var ProductZoomCompleteSliderDto = /** @class */ (function (_super) {
         __extends(ProductZoomCompleteSliderDto, _super);
         function ProductZoomCompleteSliderDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1g] = 'wb.dto.CONTENT.13';
-            _this[_b$1b] = 'wb.dto.CONTENT.14';
-            _this[_c$W] = 'wb.dto.CONTENT.15';
-            _this[_d$Q] = 'wb.dto.CONTENT.16';
-            _this[_e$L] = new FontOrMediaDto('far fa-stopwatch');
-            _this[_f$v] = '#e25657';
-            _this[_g$r] = '#e25657';
+            _this[_a$1i] = 'wb.dto.CONTENT.13';
+            _this[_b$1d] = 'wb.dto.CONTENT.14';
+            _this[_c$Y] = 'wb.dto.CONTENT.15';
+            _this[_d$S] = 'wb.dto.CONTENT.16';
+            _this[_e$M] = new FontOrMediaDto('far fa-stopwatch');
+            _this[_f$w] = '#e25657';
+            _this[_g$s] = '#e25657';
             _this[_h$l] = new FontOrMediaDto('fas fa-bolt');
             _this[_j$i] = new FontOrMediaDto('fas fa-tshirt');
             _this[_k$h] = new FontOrMediaDto('fas fa-tshirt');
@@ -5918,7 +6069,7 @@
         }
         return ProductZoomCompleteSliderDto;
     }(ParentBlockDto));
-    _a$1g = FORM_NAME_CONTENT_MIDDLE_LEFT, _b$1b = FORM_NAME_CONTENT_MIDDLE_RIGHT, _c$W = FORM_NAME_CONTENT_MIDDLE_BOTTOM, _d$Q = FORM_NAME_CONTENT_MIDDLE_TOP, _e$L = FORM_NAME_ICON_MIDDLE_TOP, _f$v = FORM_NAME_ICON_COLOR_MIDDLE_TOP, _g$r = FORM_NAME_ICON_COLOR_MIDDLE_BOTTOM, _h$l = FORM_NAME_ICON_MIDDLE_BOTTOM, _j$i = FORM_NAME_ICON_BOTTOM_LEFT, _k$h = FORM_NAME_ICON_BOTTOM_RIGHT, _l$f = FORM_NAME_PAYMENT_OR_MEDIA, _m$c = FORM_NAME_TITLE_LEFT, _o$b = FORM_NAME_TITLE_RIGHT, _p$a = FORM_NAME_CONTENT_BOTTOM_LEFT, _q$a = FORM_NAME_CONTENT_BOTTOM_RIGHT, _r$7 = FORM_NAME_ICON_COLOR_BOTTOM_RIGHT, _s$4 = FORM_NAME_ICON_COLOR_BOTTOM_LEFT, _t$3 = FORM_NAME_ID_PRODUCT;
+    _a$1i = FORM_NAME_CONTENT_MIDDLE_LEFT, _b$1d = FORM_NAME_CONTENT_MIDDLE_RIGHT, _c$Y = FORM_NAME_CONTENT_MIDDLE_BOTTOM, _d$S = FORM_NAME_CONTENT_MIDDLE_TOP, _e$M = FORM_NAME_ICON_MIDDLE_TOP, _f$w = FORM_NAME_ICON_COLOR_MIDDLE_TOP, _g$s = FORM_NAME_ICON_COLOR_MIDDLE_BOTTOM, _h$l = FORM_NAME_ICON_MIDDLE_BOTTOM, _j$i = FORM_NAME_ICON_BOTTOM_LEFT, _k$h = FORM_NAME_ICON_BOTTOM_RIGHT, _l$f = FORM_NAME_PAYMENT_OR_MEDIA, _m$c = FORM_NAME_TITLE_LEFT, _o$b = FORM_NAME_TITLE_RIGHT, _p$a = FORM_NAME_CONTENT_BOTTOM_LEFT, _q$a = FORM_NAME_CONTENT_BOTTOM_RIGHT, _r$7 = FORM_NAME_ICON_COLOR_BOTTOM_RIGHT, _s$4 = FORM_NAME_ICON_COLOR_BOTTOM_LEFT, _t$3 = FORM_NAME_ID_PRODUCT;
 
     var TYPE_PRODUCT_ZOOM_COMPLETE_SLIDER = 'product-zoom-complete-slider';
     var ProductZoomCompleteSliderService = /** @class */ (function () {
@@ -5969,23 +6120,23 @@
                 },] }
     ];
 
-    var _a$1h, _b$1c, _c$X, _d$R, _e$M, _f$w, _g$s;
+    var _a$1j, _b$1e, _c$Z, _d$T, _e$N, _f$x, _g$t;
     var ProductZoomSimpleDto = /** @class */ (function (_super) {
         __extends(ProductZoomSimpleDto, _super);
         function ProductZoomSimpleDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1h] = 'wb.dto.CONTENT.13';
-            _this[_b$1c] = 'wb.dto.CONTENT.14';
-            _this[_c$X] = 'wb.dto.CONTENT.15';
-            _this[_d$R] = 'wb.dto.CONTENT.16';
-            _this[_e$M] = new PaymentOrMediaDto('//img.wizishop.com/a/site/cards/CB-Visa-MCard.svg');
-            _this[_f$w] = 'wb.dto.CONTENT.18';
-            _this[_g$s] = '';
+            _this[_a$1j] = 'wb.dto.CONTENT.13';
+            _this[_b$1e] = 'wb.dto.CONTENT.14';
+            _this[_c$Z] = 'wb.dto.CONTENT.15';
+            _this[_d$T] = 'wb.dto.CONTENT.16';
+            _this[_e$N] = new PaymentOrMediaDto('//img.wizishop.com/a/site/cards/CB-Visa-MCard.svg');
+            _this[_f$x] = 'wb.dto.CONTENT.18';
+            _this[_g$t] = '';
             return _this;
         }
         return ProductZoomSimpleDto;
     }(ParentBlockDto));
-    _a$1h = FORM_NAME_CONTENT_MIDDLE_LEFT, _b$1c = FORM_NAME_CONTENT_MIDDLE_RIGHT, _c$X = FORM_NAME_CONTENT_MIDDLE_BOTTOM, _d$R = FORM_NAME_CONTENT_MIDDLE_TOP, _e$M = FORM_NAME_PAYMENT_OR_MEDIA, _f$w = FORM_NAME_CONTENT, _g$s = FORM_NAME_ID_PRODUCT;
+    _a$1j = FORM_NAME_CONTENT_MIDDLE_LEFT, _b$1e = FORM_NAME_CONTENT_MIDDLE_RIGHT, _c$Z = FORM_NAME_CONTENT_MIDDLE_BOTTOM, _d$T = FORM_NAME_CONTENT_MIDDLE_TOP, _e$N = FORM_NAME_PAYMENT_OR_MEDIA, _f$x = FORM_NAME_CONTENT, _g$t = FORM_NAME_ID_PRODUCT;
 
     var TYPE_PRODUCT_ZOOM_SIMPLE = 'product-zoom-simple';
     var ProductZoomSimpleService = /** @class */ (function () {
@@ -6027,19 +6178,19 @@
                 },] }
     ];
 
-    var _a$1i, _b$1d, _c$Y;
+    var _a$1k, _b$1f, _c$_;
     var AmplifyProductZoomDto = /** @class */ (function (_super) {
         __extends(AmplifyProductZoomDto, _super);
         function AmplifyProductZoomDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1i] = 'wb.dto.CONTENT.1';
-            _this[_b$1d] = '';
-            _this[_c$Y] = 'amplify';
+            _this[_a$1k] = 'wb.dto.CONTENT.1';
+            _this[_b$1f] = '';
+            _this[_c$_] = 'amplify';
             return _this;
         }
         return AmplifyProductZoomDto;
     }(ParentBlockDto));
-    _a$1i = FORM_NAME_CONTENT, _b$1d = FORM_NAME_ID_PRODUCT, _c$Y = FORM_NAME_AMPLIFY_TYPE;
+    _a$1k = FORM_NAME_CONTENT, _b$1f = FORM_NAME_ID_PRODUCT, _c$_ = FORM_NAME_AMPLIFY_TYPE;
 
     var TYPE_AMPLIFY_PRODUCT_ZOOM = 'amplify-product-zoom';
     var AmplifyProductZoomService = /** @class */ (function () {
@@ -6121,19 +6272,19 @@
                 },] }
     ];
 
-    var _a$1j, _b$1e, _c$Z;
+    var _a$1l, _b$1g, _c$$;
     var AmplifyProductZoomSelectedDto = /** @class */ (function (_super) {
         __extends(AmplifyProductZoomSelectedDto, _super);
         function AmplifyProductZoomSelectedDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1j] = 'wb.dto.CONTENT.2';
-            _this[_b$1e] = '';
-            _this[_c$Z] = 'amplify';
+            _this[_a$1l] = 'wb.dto.CONTENT.2';
+            _this[_b$1g] = '';
+            _this[_c$$] = 'amplify';
             return _this;
         }
         return AmplifyProductZoomSelectedDto;
     }(ParentBlockDto));
-    _a$1j = FORM_NAME_CONTENT, _b$1e = FORM_NAME_ID_PRODUCT, _c$Z = FORM_NAME_AMPLIFY_TYPE;
+    _a$1l = FORM_NAME_CONTENT, _b$1g = FORM_NAME_ID_PRODUCT, _c$$ = FORM_NAME_AMPLIFY_TYPE;
 
     var TYPE_AMPLIFY_PRODUCT_ZOOM_SELECTED = 'amplify-product-zoom-selected';
     var AmplifyProductZoomSelectedService = /** @class */ (function () {
@@ -6175,22 +6326,22 @@
                 },] }
     ];
 
-    var _a$1k, _b$1f, _c$_, _d$S, _e$N, _f$x;
+    var _a$1m, _b$1h, _c$10, _d$U, _e$O, _f$y;
     var AmplifyProductsListClassicDto = /** @class */ (function (_super) {
         __extends(AmplifyProductsListClassicDto, _super);
         function AmplifyProductsListClassicDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1k] = 'wb.dto.TITLE.1';
-            _this[_b$1f] = true;
-            _this[_c$_] = [];
-            _this[_d$S] = '';
-            _this[_e$N] = 'amplify';
-            _this[_f$x] = '1';
+            _this[_a$1m] = 'wb.dto.TITLE.1';
+            _this[_b$1h] = true;
+            _this[_c$10] = [];
+            _this[_d$U] = '';
+            _this[_e$O] = 'amplify';
+            _this[_f$y] = '1';
             return _this;
         }
         return AmplifyProductsListClassicDto;
     }(ParentBlockDto));
-    _a$1k = FORM_NAME_TITLE, _b$1f = FORM_NAME_SHOW_TITLE, _c$_ = FORM_NAME_LIST_PRODUCT, _d$S = FORM_NAME_AMPLIFY_CATEGORY, _e$N = FORM_NAME_AMPLIFY_TYPE, _f$x = FORM_NAME_NBLIGNE;
+    _a$1m = FORM_NAME_TITLE, _b$1h = FORM_NAME_SHOW_TITLE, _c$10 = FORM_NAME_LIST_PRODUCT, _d$U = FORM_NAME_AMPLIFY_CATEGORY, _e$O = FORM_NAME_AMPLIFY_TYPE, _f$y = FORM_NAME_NBLIGNE;
 
     var TYPE_AMPLIFY_PRODUCTS_LIST_CLASSIC = 'amplify-products-list-classic';
     var AmplifyProductsListClassicService = /** @class */ (function () {
@@ -6235,22 +6386,22 @@
                 },] }
     ];
 
-    var _a$1l, _b$1g, _c$$, _d$T, _e$O, _f$y;
+    var _a$1n, _b$1i, _c$11, _d$V, _e$P, _f$z;
     var AmplifyProductsListSelectedDto = /** @class */ (function (_super) {
         __extends(AmplifyProductsListSelectedDto, _super);
         function AmplifyProductsListSelectedDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1l] = 'wb.dto.TITLE.1';
-            _this[_b$1g] = '';
-            _this[_c$$] = true;
-            _this[_d$T] = [];
-            _this[_e$O] = 'amplify';
-            _this[_f$y] = '1';
+            _this[_a$1n] = 'wb.dto.TITLE.1';
+            _this[_b$1i] = '';
+            _this[_c$11] = true;
+            _this[_d$V] = [];
+            _this[_e$P] = 'amplify';
+            _this[_f$z] = '1';
             return _this;
         }
         return AmplifyProductsListSelectedDto;
     }(ParentBlockDto));
-    _a$1l = FORM_NAME_TITLE, _b$1g = FORM_NAME_AMPLIFY_CATEGORY, _c$$ = FORM_NAME_SHOW_TITLE, _d$T = FORM_NAME_LIST_PRODUCT, _e$O = FORM_NAME_AMPLIFY_TYPE, _f$y = FORM_NAME_NBLIGNE;
+    _a$1n = FORM_NAME_TITLE, _b$1i = FORM_NAME_AMPLIFY_CATEGORY, _c$11 = FORM_NAME_SHOW_TITLE, _d$V = FORM_NAME_LIST_PRODUCT, _e$P = FORM_NAME_AMPLIFY_TYPE, _f$z = FORM_NAME_NBLIGNE;
 
     var TYPE_AMPLIFY_PRODUCTS_LIST_SELECTED = 'amplify-products-list-selected';
     var AmplifyProductsListSelectedService = /** @class */ (function () {
@@ -6295,22 +6446,22 @@
                 },] }
     ];
 
-    var _a$1m, _b$1h, _c$10, _d$U, _e$P, _f$z;
+    var _a$1o, _b$1j, _c$12, _d$W, _e$Q, _f$A;
     var AmplifyProductsListSimpleDto = /** @class */ (function (_super) {
         __extends(AmplifyProductsListSimpleDto, _super);
         function AmplifyProductsListSimpleDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1m] = 'wb.dto.TITLE.1';
-            _this[_b$1h] = '';
-            _this[_c$10] = true;
-            _this[_d$U] = [];
-            _this[_e$P] = 'amplify';
-            _this[_f$z] = '1';
+            _this[_a$1o] = 'wb.dto.TITLE.1';
+            _this[_b$1j] = '';
+            _this[_c$12] = true;
+            _this[_d$W] = [];
+            _this[_e$Q] = 'amplify';
+            _this[_f$A] = '1';
             return _this;
         }
         return AmplifyProductsListSimpleDto;
     }(ParentBlockDto));
-    _a$1m = FORM_NAME_TITLE, _b$1h = FORM_NAME_AMPLIFY_CATEGORY, _c$10 = FORM_NAME_SHOW_TITLE, _d$U = FORM_NAME_LIST_PRODUCT, _e$P = FORM_NAME_AMPLIFY_TYPE, _f$z = FORM_NAME_NBLIGNE;
+    _a$1o = FORM_NAME_TITLE, _b$1j = FORM_NAME_AMPLIFY_CATEGORY, _c$12 = FORM_NAME_SHOW_TITLE, _d$W = FORM_NAME_LIST_PRODUCT, _e$Q = FORM_NAME_AMPLIFY_TYPE, _f$A = FORM_NAME_NBLIGNE;
 
     var TYPE_AMPLIFY_PRODUCTS_LIST_SIMPLE = 'amplify-products-list-simple';
     var AmplifyProductsListSimpleService = /** @class */ (function () {
@@ -6355,19 +6506,19 @@
                 },] }
     ];
 
-    var _a$1n, _b$1i, _c$11;
+    var _a$1p, _b$1k, _c$13;
     var ProductZoomTripleColumnDto = /** @class */ (function (_super) {
         __extends(ProductZoomTripleColumnDto, _super);
         function ProductZoomTripleColumnDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1n] = 'wb.dto.CONTENT.1';
-            _this[_b$1i] = '';
-            _this[_c$11] = '#dddddd';
+            _this[_a$1p] = 'wb.dto.CONTENT.1';
+            _this[_b$1k] = '';
+            _this[_c$13] = '#dddddd';
             return _this;
         }
         return ProductZoomTripleColumnDto;
     }(ParentBlockDto));
-    _a$1n = FORM_NAME_CONTENT, _b$1i = FORM_NAME_ID_PRODUCT, _c$11 = FORM_NAME_COLOR;
+    _a$1p = FORM_NAME_CONTENT, _b$1k = FORM_NAME_ID_PRODUCT, _c$13 = FORM_NAME_COLOR;
 
     var TYPE_PRODUCT_ZOOM_TRIPLE_COLUMN = 'product-zoom-triple-column';
     var ProductZoomTripleColumnService = /** @class */ (function () {
@@ -6412,21 +6563,21 @@
                 },] }
     ];
 
-    var _a$1o, _b$1j, _c$12, _d$V, _e$Q;
+    var _a$1q, _b$1l, _c$14, _d$X, _e$R;
     var AmplifyProductZoomTripleColumnDto = /** @class */ (function (_super) {
         __extends(AmplifyProductZoomTripleColumnDto, _super);
         function AmplifyProductZoomTripleColumnDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1o] = 'wb.dto.CONTENT.1';
-            _this[_b$1j] = '';
-            _this[_c$12] = '#dddddd';
-            _this[_d$V] = 'wb.dto.TEXT.1';
-            _this[_e$Q] = 'amplify';
+            _this[_a$1q] = 'wb.dto.CONTENT.1';
+            _this[_b$1l] = '';
+            _this[_c$14] = '#dddddd';
+            _this[_d$X] = 'wb.dto.TEXT.1';
+            _this[_e$R] = 'amplify';
             return _this;
         }
         return AmplifyProductZoomTripleColumnDto;
     }(ParentBlockDto));
-    _a$1o = FORM_NAME_CONTENT, _b$1j = FORM_NAME_ID_PRODUCT, _c$12 = FORM_NAME_COLOR, _d$V = FORM_NAME_TEXT, _e$Q = FORM_NAME_AMPLIFY_TYPE;
+    _a$1q = FORM_NAME_CONTENT, _b$1l = FORM_NAME_ID_PRODUCT, _c$14 = FORM_NAME_COLOR, _d$X = FORM_NAME_TEXT, _e$R = FORM_NAME_AMPLIFY_TYPE;
 
     var TYPE_AMPLIFY_PRODUCT_ZOOM_TRIPLE_COLUMN = 'amplify-product-zoom-triple-column';
     var AmplifyProductZoomTripleColumnService = /** @class */ (function () {
@@ -6473,18 +6624,18 @@
                 },] }
     ];
 
-    var _a$1p, _b$1k, _c$13, _d$W, _e$R, _f$A, _g$t, _h$m, _j$j, _k$i;
+    var _a$1r, _b$1m, _c$15, _d$Y, _e$S, _f$B, _g$u, _h$m, _j$j, _k$i;
     var TextsQuadrupleNumbersDto = /** @class */ (function (_super) {
         __extends(TextsQuadrupleNumbersDto, _super);
         function TextsQuadrupleNumbersDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1p] = 'wb.dto.TITLE.29';
-            _this[_b$1k] = 'wb.dto.CONTENT.30';
-            _this[_c$13] = 'wb.dto.TITLE.29';
-            _this[_d$W] = 'wb.dto.CONTENT.30';
-            _this[_e$R] = 'wb.dto.TITLE.29';
-            _this[_f$A] = 'wb.dto.CONTENT.30';
-            _this[_g$t] = 'wb.dto.TITLE.29';
+            _this[_a$1r] = 'wb.dto.TITLE.29';
+            _this[_b$1m] = 'wb.dto.CONTENT.30';
+            _this[_c$15] = 'wb.dto.TITLE.29';
+            _this[_d$Y] = 'wb.dto.CONTENT.30';
+            _this[_e$S] = 'wb.dto.TITLE.29';
+            _this[_f$B] = 'wb.dto.CONTENT.30';
+            _this[_g$u] = 'wb.dto.TITLE.29';
             _this[_h$m] = 'wb.dto.CONTENT.30';
             _this[_j$j] = 'wb.dto.CONTENT.30';
             _this[_k$i] = false;
@@ -6492,7 +6643,7 @@
         }
         return TextsQuadrupleNumbersDto;
     }(ParentBlockDto));
-    _a$1p = FORM_NAME_TITLE_LEFT, _b$1k = FORM_NAME_CONTENT_RIGHT, _c$13 = FORM_NAME_TITLE_RIGHT, _d$W = FORM_NAME_CONTENT_LEFT, _e$R = FORM_NAME_TITLE_MIDDLE_LEFT, _f$A = FORM_NAME_CONTENT_MIDDLE_LEFT, _g$t = FORM_NAME_TITLE_MIDDLE_RIGHT, _h$m = FORM_NAME_CONTENT_MIDDLE_RIGHT, _j$j = FORM_NAME_CONTENT_RIGHT, _k$i = FORM_NAME_ALIGN_BUTTON;
+    _a$1r = FORM_NAME_TITLE_LEFT, _b$1m = FORM_NAME_CONTENT_RIGHT, _c$15 = FORM_NAME_TITLE_RIGHT, _d$Y = FORM_NAME_CONTENT_LEFT, _e$S = FORM_NAME_TITLE_MIDDLE_LEFT, _f$B = FORM_NAME_CONTENT_MIDDLE_LEFT, _g$u = FORM_NAME_TITLE_MIDDLE_RIGHT, _h$m = FORM_NAME_CONTENT_MIDDLE_RIGHT, _j$j = FORM_NAME_CONTENT_RIGHT, _k$i = FORM_NAME_ALIGN_BUTTON;
 
     var TYPE_TEXTS_QUADRUPLE_NUMBERS = 'texts-quadruple-numbers';
     var TextsQuadrupleNumbersService = /** @class */ (function () {
@@ -6543,21 +6694,21 @@
                 },] }
     ];
 
-    var _a$1q, _b$1l, _c$14, _d$X, _e$S;
+    var _a$1s, _b$1n, _c$16, _d$Z, _e$T;
     var AboutBlockDto = /** @class */ (function (_super) {
         __extends(AboutBlockDto, _super);
         function AboutBlockDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1q] = 'wb.dto.TITLE.34';
-            _this[_b$1l] = '#F6F6F6';
-            _this[_c$14] = '#DDDDDD';
-            _this[_d$X] = [];
-            _this[_e$S] = true;
+            _this[_a$1s] = 'wb.dto.TITLE.34';
+            _this[_b$1n] = '#F6F6F6';
+            _this[_c$16] = '#DDDDDD';
+            _this[_d$Z] = [];
+            _this[_e$T] = true;
             return _this;
         }
         return AboutBlockDto;
     }(ParentBlockDto));
-    _a$1q = FORM_NAME_TITLE, _b$1l = FORM_NAME_BACKGROUND_COLOR, _c$14 = FORM_NAME_UNDERLINE_COLOR, _d$X = FORM_NAME_ELEMENTS, _e$S = FORM_NAME_INIT;
+    _a$1s = FORM_NAME_TITLE, _b$1n = FORM_NAME_BACKGROUND_COLOR, _c$16 = FORM_NAME_UNDERLINE_COLOR, _d$Z = FORM_NAME_ELEMENTS, _e$T = FORM_NAME_INIT;
 
     var TYPE_ABOUT_BLOCK = 'about-block';
     var AboutBlockService = /** @class */ (function () {
@@ -6647,32 +6798,32 @@
                 },] }
     ];
 
-    var _a$1r, _b$1m, _c$15, _d$Y;
+    var _a$1t, _b$1o, _c$17, _d$_;
     var FaqDto = /** @class */ (function () {
         function FaqDto() {
-            this[_a$1r] = 'wb.dto.TITLE.2';
-            this[_b$1m] = 'wb.dto.CONTENT.6';
-            this[_c$15] = true;
-            this[_d$Y] = new FontOrMediaDto('far fa-question-circle');
+            this[_a$1t] = 'wb.dto.TITLE.2';
+            this[_b$1o] = 'wb.dto.CONTENT.6';
+            this[_c$17] = true;
+            this[_d$_] = new FontOrMediaDto('far fa-question-circle');
         }
         return FaqDto;
     }());
-    _a$1r = FORM_NAME_TITLE, _b$1m = FORM_NAME_CONTENT, _c$15 = FORM_NAME_OPEN, _d$Y = FORM_NAME_ICON;
+    _a$1t = FORM_NAME_TITLE, _b$1o = FORM_NAME_CONTENT, _c$17 = FORM_NAME_OPEN, _d$_ = FORM_NAME_ICON;
 
-    var _a$1s, _b$1n, _c$16, _d$Z;
+    var _a$1u, _b$1p, _c$18, _d$$;
     var FaqSimpleDto = /** @class */ (function (_super) {
         __extends(FaqSimpleDto, _super);
         function FaqSimpleDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1s] = [new FaqDto()];
-            _this[_b$1n] = '#e95656';
-            _this[_c$16] = '#dce0e3';
-            _this[_d$Z] = false;
+            _this[_a$1u] = [new FaqDto()];
+            _this[_b$1p] = '#e95656';
+            _this[_c$18] = '#dce0e3';
+            _this[_d$$] = false;
             return _this;
         }
         return FaqSimpleDto;
     }(ParentBlockDto));
-    _a$1s = FORM_NAME_FAQ, _b$1n = FORM_NAME_COLOR, _c$16 = FORM_NAME_BORDER_COLOR, _d$Z = FORM_NAME_ACCORDION;
+    _a$1u = FORM_NAME_FAQ, _b$1p = FORM_NAME_COLOR, _c$18 = FORM_NAME_BORDER_COLOR, _d$$ = FORM_NAME_ACCORDION;
 
     var TYPE_FAQ_SIMPLE = 'faq-simple';
     var FaqSimpleService = /** @class */ (function () {
@@ -6718,21 +6869,21 @@
                 },] }
     ];
 
-    var _a$1t, _b$1o, _c$17, _d$_, _e$T;
+    var _a$1v, _b$1q, _c$19, _d$10, _e$U;
     var FaqSimpleBackgroundDto = /** @class */ (function (_super) {
         __extends(FaqSimpleBackgroundDto, _super);
         function FaqSimpleBackgroundDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1t] = [new FaqDto()];
-            _this[_b$1o] = '#e95656';
-            _this[_c$17] = '#f7f7f7';
-            _this[_d$_] = '#dce0e3';
-            _this[_e$T] = false;
+            _this[_a$1v] = [new FaqDto()];
+            _this[_b$1q] = '#e95656';
+            _this[_c$19] = '#f7f7f7';
+            _this[_d$10] = '#dce0e3';
+            _this[_e$U] = false;
             return _this;
         }
         return FaqSimpleBackgroundDto;
     }(ParentBlockDto));
-    _a$1t = FORM_NAME_FAQ, _b$1o = FORM_NAME_COLOR, _c$17 = FORM_NAME_BACKGROUND_COLOR, _d$_ = FORM_NAME_BORDER_COLOR, _e$T = FORM_NAME_ACCORDION;
+    _a$1v = FORM_NAME_FAQ, _b$1q = FORM_NAME_COLOR, _c$19 = FORM_NAME_BACKGROUND_COLOR, _d$10 = FORM_NAME_BORDER_COLOR, _e$U = FORM_NAME_ACCORDION;
 
     var TYPE_FAQ_SIMPLE_BACKGROUND = 'faq-simple-background';
     var FaqSimpleBackgroundService = /** @class */ (function () {
@@ -6783,19 +6934,19 @@
                 },] }
     ];
 
-    var _a$1u, _b$1p, _c$18;
+    var _a$1w, _b$1r, _c$1a;
     var TextBackgroundsLinkDto = /** @class */ (function (_super) {
         __extends(TextBackgroundsLinkDto, _super);
         function TextBackgroundsLinkDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1u] = [];
-            _this[_b$1p] = 'wb.dto.CONTENT.29';
-            _this[_c$18] = true;
+            _this[_a$1w] = [];
+            _this[_b$1r] = 'wb.dto.CONTENT.29';
+            _this[_c$1a] = true;
             return _this;
         }
         return TextBackgroundsLinkDto;
     }(ParentBlockDto));
-    _a$1u = FORM_NAME_TEXT_BACKGROUND_LINK, _b$1p = FORM_NAME_CONTENT, _c$18 = FORM_NAME_FULLPAGE;
+    _a$1w = FORM_NAME_TEXT_BACKGROUND_LINK, _b$1r = FORM_NAME_CONTENT, _c$1a = FORM_NAME_FULLPAGE;
 
     var TYPE_TEXT_BACKGROUNDS_LINK = 'images-texts-link';
     var TextBackgroundsLinkService = /** @class */ (function () {
@@ -6838,22 +6989,22 @@
                 },] }
     ];
 
-    var _a$1v, _b$1q, _c$19, _d$$, _e$U, _f$B;
+    var _a$1x, _b$1s, _c$1b, _d$11, _e$V, _f$C;
     var FaqFrameDto = /** @class */ (function (_super) {
         __extends(FaqFrameDto, _super);
         function FaqFrameDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1v] = [new FaqDto()];
-            _this[_b$1q] = '#e95656';
-            _this[_c$19] = '#dce0e3';
-            _this[_d$$] = '#ffffff';
-            _this[_e$U] = '#ffd4d4';
-            _this[_f$B] = false;
+            _this[_a$1x] = [new FaqDto()];
+            _this[_b$1s] = '#e95656';
+            _this[_c$1b] = '#dce0e3';
+            _this[_d$11] = '#ffffff';
+            _this[_e$V] = '#ffd4d4';
+            _this[_f$C] = false;
             return _this;
         }
         return FaqFrameDto;
     }(ParentBlockDto));
-    _a$1v = FORM_NAME_FAQ, _b$1q = FORM_NAME_COLOR, _c$19 = FORM_NAME_BORDER_COLOR, _d$$ = FORM_NAME_BACKGROUND_COLOR, _e$U = FORM_NAME_SHADOW_COLOR, _f$B = FORM_NAME_ACCORDION;
+    _a$1x = FORM_NAME_FAQ, _b$1s = FORM_NAME_COLOR, _c$1b = FORM_NAME_BORDER_COLOR, _d$11 = FORM_NAME_BACKGROUND_COLOR, _e$V = FORM_NAME_SHADOW_COLOR, _f$C = FORM_NAME_ACCORDION;
 
     var TYPE_FAQ_FRAME = 'faq-frame';
     var FaqFrameService = /** @class */ (function () {
@@ -6903,22 +7054,22 @@
                 },] }
     ];
 
-    var _a$1w, _b$1r, _c$1a, _d$10, _e$V, _f$C;
+    var _a$1y, _b$1t, _c$1c, _d$12, _e$W, _f$D;
     var FaqAccordionDto = /** @class */ (function (_super) {
         __extends(FaqAccordionDto, _super);
         function FaqAccordionDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1w] = [new FaqDto()];
-            _this[_b$1r] = '#e95656';
-            _this[_c$1a] = '#fafafa';
-            _this[_d$10] = '#ffffff';
-            _this[_e$V] = '#dce0e3';
-            _this[_f$C] = true;
+            _this[_a$1y] = [new FaqDto()];
+            _this[_b$1t] = '#e95656';
+            _this[_c$1c] = '#fafafa';
+            _this[_d$12] = '#ffffff';
+            _this[_e$W] = '#dce0e3';
+            _this[_f$D] = true;
             return _this;
         }
         return FaqAccordionDto;
     }(ParentBlockDto));
-    _a$1w = FORM_NAME_FAQ, _b$1r = FORM_NAME_COLOR, _c$1a = FORM_NAME_BACKGROUND_COLOR, _d$10 = FORM_NAME_BACKGROUND_COLOR_SECONDARY, _e$V = FORM_NAME_BORDER_COLOR, _f$C = FORM_NAME_ACCORDION;
+    _a$1y = FORM_NAME_FAQ, _b$1t = FORM_NAME_COLOR, _c$1c = FORM_NAME_BACKGROUND_COLOR, _d$12 = FORM_NAME_BACKGROUND_COLOR_SECONDARY, _e$W = FORM_NAME_BORDER_COLOR, _f$D = FORM_NAME_ACCORDION;
 
     var TYPE_FAQ_ACCORDION = 'faq-accordion';
     var FaqAccordionService = /** @class */ (function () {
@@ -6968,19 +7119,19 @@
                 },] }
     ];
 
-    var _a$1x, _b$1s, _c$1b;
+    var _a$1z, _b$1u, _c$1d;
     var FaqListIconDto = /** @class */ (function (_super) {
         __extends(FaqListIconDto, _super);
         function FaqListIconDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1x] = [new FaqDto()];
-            _this[_b$1s] = '#e95656';
-            _this[_c$1b] = '#ffffff';
+            _this[_a$1z] = [new FaqDto()];
+            _this[_b$1u] = '#e95656';
+            _this[_c$1d] = '#ffffff';
             return _this;
         }
         return FaqListIconDto;
     }(ParentBlockDto));
-    _a$1x = FORM_NAME_FAQ, _b$1s = FORM_NAME_ICON_COLOR, _c$1b = FORM_NAME_BACKGROUND_COLOR;
+    _a$1z = FORM_NAME_FAQ, _b$1u = FORM_NAME_ICON_COLOR, _c$1d = FORM_NAME_BACKGROUND_COLOR;
 
     var TYPE_FAQ_LIST_ICON = 'faq-list-icon';
     var FaqListIconService = /** @class */ (function () {
@@ -7024,24 +7175,107 @@
                 },] }
     ];
 
-    var _a$1y, _b$1t, _c$1c, _d$11, _e$W, _f$D;
-    var FormsOnboardingDto = /** @class */ (function (_super) {
-        __extends(FormsOnboardingDto, _super);
-        function FormsOnboardingDto() {
+    var _a$1A, _b$1v, _c$1e;
+    var ImageMediaDto = /** @class */ (function (_super) {
+        __extends(ImageMediaDto, _super);
+        function ImageMediaDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1y] = 'wb.dto.TITLE.38';
-            _this[_b$1t] = 40;
-            _this[_c$1c] = '#ffffff';
-            _this[_d$11] = false;
-            _this[_e$W] = 'wb.dto.BUTTON.15';
-            _this[_f$D] = 'enter.your.email.address';
+            _this[_a$1A] = '_self';
+            _this[_b$1v] = '';
+            _this[_c$1e] = '';
             return _this;
         }
-        return FormsOnboardingDto;
-    }(ParentBlockDto));
-    _a$1y = FORM_NAME_TITLE, _b$1t = FORM_NAME_PADDING, _c$1c = FORM_NAME_BACKGROUND_COLOR, _d$11 = FORM_NAME_EXTERNAL, _e$W = FORM_NAME_BUTTON_TEXT, _f$D = FORM_NAME_PLACEHOLDER;
+        return ImageMediaDto;
+    }(MediaDto));
+    _a$1A = FORM_NAME_URL_TARGET, _b$1v = FORM_NAME_TITLE, _c$1e = FORM_NAME_URL;
 
-    var TYPE_FORMS_ONBOARDING = 'forms-onboarding';
+    var _a$1B, _b$1w, _c$1f, _d$13, _e$X, _f$E, _g$v, _h$n, _j$k, _k$j, _l$g;
+    var TwoImagesTitleTextDto = /** @class */ (function (_super) {
+        __extends(TwoImagesTitleTextDto, _super);
+        function TwoImagesTitleTextDto() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this[_a$1B] = 'small';
+            _this[_b$1w] = true;
+            _this[_c$1f] = new ImageMediaDto();
+            _this[_d$13] = new ImageMediaDto();
+            _this[_e$X] = 'wb.dto.TITLE.41';
+            _this[_f$E] = 'wb.dto.TITLE.42';
+            _this[_g$v] = 'wb.dto.TITLE.42';
+            _this[_h$n] = 'wb.dto.TEXT.3';
+            _this[_j$k] = 'wb.dto.TEXT.3';
+            _this[_k$j] = '#e95656';
+            _this[_l$g] = false;
+            return _this;
+        }
+        return TwoImagesTitleTextDto;
+    }(ParentBlockDto));
+    _a$1B = FORM_NAME_IMG_MASK, _b$1w = FORM_NAME_FULLPAGE, _c$1f = FORM_NAME_IMAGE_LEFT, _d$13 = FORM_NAME_IMAGE_RIGHT, _e$X = FORM_NAME_TITLE, _f$E = FORM_NAME_TITLE_LEFT, _g$v = FORM_NAME_TITLE_RIGHT, _h$n = FORM_NAME_TEXT_LEFT, _j$k = FORM_NAME_TEXT_RIGHT, _k$j = FORM_NAME_ICON_COLOR, _l$g = FORM_NAME_INIT;
+
+    var TYPE_TWO_IMAGES_TITLE_TEXT = 'images-two-title-text';
+    var TwoImagesTitleTextService = /** @class */ (function () {
+        function TwoImagesTitleTextService() {
+            this._text = 'wb.blocks.images.twoTitleText';
+        }
+        TwoImagesTitleTextService.selector = function () {
+            return 'wb-' + TYPE_TWO_IMAGES_TITLE_TEXT;
+        };
+        Object.defineProperty(TwoImagesTitleTextService.prototype, "text", {
+            get: function () {
+                return this._text;
+            },
+            set: function (value) {
+                this._text = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TwoImagesTitleTextService.prototype.type = function () {
+            return TYPE_TWO_IMAGES_TITLE_TEXT;
+        };
+        TwoImagesTitleTextService.prototype.image = function () {
+            return 'Image_2Img-TextBottom.svg';
+        };
+        TwoImagesTitleTextService.prototype.getForm = function (content) {
+            if (content === void 0) { content = this.getConfig(); }
+            var TwoImagesTitleTextFormDto = new FormsDto(content);
+            var maskTwoImagesTitleTextContentDto = new FormsContentDto(FORM_NAME_IMG_MASK, 'wb.blocks.FormContentDto.14', FORM_TYPE_TAG, content[FORM_NAME_IMG_MASK], 'Taille', '', ['Petit', 'Moyen', 'Grand'], ['small', 'medium', 'large']);
+            TwoImagesTitleTextFormDto.forms.push(maskTwoImagesTitleTextContentDto);
+            var fullpageTwoImagesTitleTextContentDto = new FormsContentDto(FORM_NAME_FULLPAGE, 'wb.blocks.FormContentDto.16', FORM_TYPE_CHECKBOX, content[FORM_NAME_FULLPAGE], '', '', [], [], [true, false]);
+            TwoImagesTitleTextFormDto.forms.push(fullpageTwoImagesTitleTextContentDto);
+            var colorContentLeftDto = new FormsContentDto(FORM_NAME_ICON_COLOR, 'wb.blocks.FormContentDto.111', FORM_TYPE_COLOR, content[FORM_NAME_ICON_COLOR], '#122231', '');
+            TwoImagesTitleTextFormDto.forms.push(colorContentLeftDto);
+            return TwoImagesTitleTextFormDto;
+        };
+        TwoImagesTitleTextService.prototype.getConfig = function () {
+            return new TwoImagesTitleTextDto(this.type());
+        };
+        return TwoImagesTitleTextService;
+    }());
+    TwoImagesTitleTextService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TwoImagesTitleTextService_Factory() { return new TwoImagesTitleTextService(); }, token: TwoImagesTitleTextService, providedIn: "root" });
+    TwoImagesTitleTextService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+
+    var _a$1C, _b$1x, _c$1g, _d$14, _e$Y, _f$F;
+    var FormsOnboardingDto = /** @class */ (function (_super) {
+        __extends(FormsOnboardingDto, _super);
+        function FormsOnboardingDto() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this[_a$1C] = 'wb.dto.TITLE.38';
+            _this[_b$1x] = 40;
+            _this[_c$1g] = '#ffffff';
+            _this[_d$14] = false;
+            _this[_e$Y] = 'wb.dto.BUTTON.15';
+            _this[_f$F] = 'enter.your.email.address';
+            return _this;
+        }
+        return FormsOnboardingDto;
+    }(ParentBlockDto));
+    _a$1C = FORM_NAME_TITLE, _b$1x = FORM_NAME_PADDING, _c$1g = FORM_NAME_BACKGROUND_COLOR, _d$14 = FORM_NAME_EXTERNAL, _e$Y = FORM_NAME_BUTTON_TEXT, _f$F = FORM_NAME_PLACEHOLDER;
+
+    var TYPE_FORMS_ONBOARDING = 'forms-onboarding';
     var FormsOnboardingService = /** @class */ (function () {
         function FormsOnboardingService() {
             this._text = 'wb.blocks.forms-onboarding.text';
@@ -7092,12 +7326,262 @@
                 },] }
     ];
 
+    var _a$1D, _b$1y, _c$1h, _d$15, _e$Z, _f$G, _g$w;
+    var TextBackgroundsThreeRowsIconTextDto = /** @class */ (function (_super) {
+        __extends(TextBackgroundsThreeRowsIconTextDto, _super);
+        function TextBackgroundsThreeRowsIconTextDto() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this[_a$1D] = false;
+            _this[_b$1y] = 3;
+            _this[_c$1h] = 0;
+            _this[_d$15] = [];
+            _this[_e$Z] = '#e95656';
+            _this[_f$G] = '#ffffff';
+            _this[_g$w] = 'small';
+            return _this;
+        }
+        return TextBackgroundsThreeRowsIconTextDto;
+    }(ParentBlockDto));
+    _a$1D = FORM_NAME_INIT, _b$1y = FORM_NAME_ITEM_NUMBER, _c$1h = FORM_NAME_LINE_NUMBER, _d$15 = FORM_NAME_ROWS, _e$Z = FORM_NAME_ICON_COLOR, _f$G = FORM_NAME_BACKGROUND_COLOR, _g$w = FORM_NAME_IMG_MASK;
+
+    var TYPE_TEXT_BACKGROUNDS_THREE_ROWS_ICON_TEXT = 'text-backgrounds-three-rows-icon-text';
+    var TextBackgroundsThreeRowsIconTextService = /** @class */ (function () {
+        function TextBackgroundsThreeRowsIconTextService() {
+            this._text = 'wb.blocks.text-backgrounds-three-rows-icon-text.text';
+        }
+        TextBackgroundsThreeRowsIconTextService.selector = function () {
+            return 'wb-' + TYPE_TEXT_BACKGROUNDS_THREE_ROWS_ICON_TEXT;
+        };
+        Object.defineProperty(TextBackgroundsThreeRowsIconTextService.prototype, "text", {
+            get: function () {
+                return this._text;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TextBackgroundsThreeRowsIconTextService.prototype.type = function () {
+            return TYPE_TEXT_BACKGROUNDS_THREE_ROWS_ICON_TEXT;
+        };
+        TextBackgroundsThreeRowsIconTextService.prototype.image = function () {
+            return 'TxtImgFond_6Img-IconsTxt.png';
+        };
+        TextBackgroundsThreeRowsIconTextService.prototype.getForm = function (content) {
+            if (content === void 0) { content = this.getConfig(); }
+            var textBackgroundsThreeRowsIconTextFormDto = new FormsDto(content);
+            var maskContentDto = new FormsContentDto(FORM_NAME_IMG_MASK, 'wb.blocks.FormContentDto.14', FORM_TYPE_TAG, content[FORM_NAME_IMG_MASK], 'wb.blocks.FormContentDto.15', '', ['wb.blocks.FormContentDto.94', 'wb.blocks.FormContentDto.95', 'wb.blocks.FormContentDto.96'], ['small', 'medium', 'large']);
+            textBackgroundsThreeRowsIconTextFormDto.forms.push(maskContentDto);
+            var colorContentLeftDto = new FormsContentDto(FORM_NAME_ICON_COLOR, 'wb.blocks.FormContentDto.13', FORM_TYPE_COLOR, content[FORM_NAME_ICON_COLOR], '#122231', '');
+            textBackgroundsThreeRowsIconTextFormDto.forms.push(colorContentLeftDto);
+            return textBackgroundsThreeRowsIconTextFormDto;
+        };
+        TextBackgroundsThreeRowsIconTextService.prototype.getConfig = function () {
+            return new TextBackgroundsThreeRowsIconTextDto(this.type());
+        };
+        return TextBackgroundsThreeRowsIconTextService;
+    }());
+    TextBackgroundsThreeRowsIconTextService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TextBackgroundsThreeRowsIconTextService_Factory() { return new TextBackgroundsThreeRowsIconTextService(); }, token: TextBackgroundsThreeRowsIconTextService, providedIn: "root" });
+    TextBackgroundsThreeRowsIconTextService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+
+    var _a$1E, _b$1z, _c$1i, _d$16, _e$_, _f$H, _g$x;
+    var TextBackgroundsFourRowsIconTextDto = /** @class */ (function (_super) {
+        __extends(TextBackgroundsFourRowsIconTextDto, _super);
+        function TextBackgroundsFourRowsIconTextDto() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this[_a$1E] = false;
+            _this[_b$1z] = 4;
+            _this[_c$1i] = 0;
+            _this[_d$16] = [];
+            _this[_e$_] = '#e95656';
+            _this[_f$H] = '#ffffff';
+            _this[_g$x] = 'small';
+            return _this;
+        }
+        return TextBackgroundsFourRowsIconTextDto;
+    }(ParentBlockDto));
+    _a$1E = FORM_NAME_INIT, _b$1z = FORM_NAME_ITEM_NUMBER, _c$1i = FORM_NAME_LINE_NUMBER, _d$16 = FORM_NAME_ROWS, _e$_ = FORM_NAME_ICON_COLOR, _f$H = FORM_NAME_BACKGROUND_COLOR, _g$x = FORM_NAME_IMG_MASK;
+
+    var TYPE_TEXT_BACKGROUNDS_FOUR_ROWS_ICON_TEXT = 'text-backgrounds-four-rows-icon-text';
+    var TextBackgroundsFourRowsIconTextService = /** @class */ (function () {
+        function TextBackgroundsFourRowsIconTextService() {
+            this._text = 'wb.blocks.text-backgrounds-four-rows-icon-text.text';
+        }
+        TextBackgroundsFourRowsIconTextService.selector = function () {
+            return 'wb-' + TYPE_TEXT_BACKGROUNDS_FOUR_ROWS_ICON_TEXT;
+        };
+        Object.defineProperty(TextBackgroundsFourRowsIconTextService.prototype, "text", {
+            get: function () {
+                return this._text;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TextBackgroundsFourRowsIconTextService.prototype.type = function () {
+            return TYPE_TEXT_BACKGROUNDS_FOUR_ROWS_ICON_TEXT;
+        };
+        TextBackgroundsFourRowsIconTextService.prototype.image = function () {
+            return 'TxtImgFond_4Img-IconsTxt.png';
+        };
+        TextBackgroundsFourRowsIconTextService.prototype.getForm = function (content) {
+            if (content === void 0) { content = this.getConfig(); }
+            var textBackgroundsFourRowsIconTextFormDto = new FormsDto(content);
+            var maskContentDto = new FormsContentDto(FORM_NAME_IMG_MASK, 'wb.blocks.FormContentDto.14', FORM_TYPE_TAG, content[FORM_NAME_IMG_MASK], 'wb.blocks.FormContentDto.15', '', ['wb.blocks.FormContentDto.94', 'wb.blocks.FormContentDto.95', 'wb.blocks.FormContentDto.96'], ['small', 'medium', 'large']);
+            textBackgroundsFourRowsIconTextFormDto.forms.push(maskContentDto);
+            var colorContentLeftDto = new FormsContentDto(FORM_NAME_ICON_COLOR, 'wb.blocks.FormContentDto.13', FORM_TYPE_COLOR, content[FORM_NAME_ICON_COLOR], '#122231', '');
+            textBackgroundsFourRowsIconTextFormDto.forms.push(colorContentLeftDto);
+            return textBackgroundsFourRowsIconTextFormDto;
+        };
+        TextBackgroundsFourRowsIconTextService.prototype.getConfig = function () {
+            return new TextBackgroundsFourRowsIconTextDto(this.type());
+        };
+        return TextBackgroundsFourRowsIconTextService;
+    }());
+    TextBackgroundsFourRowsIconTextService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TextBackgroundsFourRowsIconTextService_Factory() { return new TextBackgroundsFourRowsIconTextService(); }, token: TextBackgroundsFourRowsIconTextService, providedIn: "root" });
+    TextBackgroundsFourRowsIconTextService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+
+    var _a$1F, _b$1A, _c$1j, _d$17, _e$$, _f$I, _g$y;
+    var TextBackgroundsTwoRowsIconTextDto = /** @class */ (function (_super) {
+        __extends(TextBackgroundsTwoRowsIconTextDto, _super);
+        function TextBackgroundsTwoRowsIconTextDto() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this[_a$1F] = false;
+            _this[_b$1A] = 2;
+            _this[_c$1j] = 0;
+            _this[_d$17] = [];
+            _this[_e$$] = '#e95656';
+            _this[_f$I] = '#ffffff';
+            _this[_g$y] = 'small';
+            return _this;
+        }
+        return TextBackgroundsTwoRowsIconTextDto;
+    }(ParentBlockDto));
+    _a$1F = FORM_NAME_INIT, _b$1A = FORM_NAME_ITEM_NUMBER, _c$1j = FORM_NAME_LINE_NUMBER, _d$17 = FORM_NAME_ROWS, _e$$ = FORM_NAME_ICON_COLOR, _f$I = FORM_NAME_BACKGROUND_COLOR, _g$y = FORM_NAME_IMG_MASK;
+
+    var TYPE_TEXT_BACKGROUNDS_TWO_ROWS_ICON_TEXT = 'text-backgrounds-two-rows-icon-text';
+    var TextBackgroundsTwoRowsIconTextService = /** @class */ (function () {
+        function TextBackgroundsTwoRowsIconTextService() {
+            this._text = 'wb.blocks.text-backgrounds-two-rows-icon-text.text';
+        }
+        TextBackgroundsTwoRowsIconTextService.selector = function () {
+            return 'wb-' + TYPE_TEXT_BACKGROUNDS_TWO_ROWS_ICON_TEXT;
+        };
+        Object.defineProperty(TextBackgroundsTwoRowsIconTextService.prototype, "text", {
+            get: function () {
+                return this._text;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        TextBackgroundsTwoRowsIconTextService.prototype.type = function () {
+            return TYPE_TEXT_BACKGROUNDS_TWO_ROWS_ICON_TEXT;
+        };
+        TextBackgroundsTwoRowsIconTextService.prototype.image = function () {
+            return 'TxtImgFond_2Img-IconsTxt.png';
+        };
+        TextBackgroundsTwoRowsIconTextService.prototype.getForm = function (content) {
+            if (content === void 0) { content = this.getConfig(); }
+            var textBackgroundsTwoRowsIconTextFormDto = new FormsDto(content);
+            var maskContentDto = new FormsContentDto(FORM_NAME_IMG_MASK, 'wb.blocks.FormContentDto.14', FORM_TYPE_TAG, content[FORM_NAME_IMG_MASK], 'wb.blocks.FormContentDto.15', '', ['wb.blocks.FormContentDto.94', 'wb.blocks.FormContentDto.95', 'wb.blocks.FormContentDto.96'], ['small', 'medium', 'large']);
+            textBackgroundsTwoRowsIconTextFormDto.forms.push(maskContentDto);
+            var colorContentLeftDto = new FormsContentDto(FORM_NAME_ICON_COLOR, 'wb.blocks.FormContentDto.13', FORM_TYPE_COLOR, content[FORM_NAME_ICON_COLOR], '#122231', '');
+            textBackgroundsTwoRowsIconTextFormDto.forms.push(colorContentLeftDto);
+            return textBackgroundsTwoRowsIconTextFormDto;
+        };
+        TextBackgroundsTwoRowsIconTextService.prototype.getConfig = function () {
+            return new TextBackgroundsTwoRowsIconTextDto(this.type());
+        };
+        return TextBackgroundsTwoRowsIconTextService;
+    }());
+    TextBackgroundsTwoRowsIconTextService.ɵprov = i0.ɵɵdefineInjectable({ factory: function TextBackgroundsTwoRowsIconTextService_Factory() { return new TextBackgroundsTwoRowsIconTextService(); }, token: TextBackgroundsTwoRowsIconTextService, providedIn: "root" });
+    TextBackgroundsTwoRowsIconTextService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+
+    var _a$1G, _b$1B, _c$1k, _d$18, _e$10, _f$J, _g$z;
+    var SliderWithBannerDto = /** @class */ (function (_super) {
+        __extends(SliderWithBannerDto, _super);
+        function SliderWithBannerDto() {
+            var _this = _super.apply(this, __spread(arguments)) || this;
+            _this[_a$1G] = [];
+            _this[_b$1B] = '4000';
+            _this[_c$1k] = true;
+            _this[_d$18] = 'wb.dto.CONTENT.37';
+            _this[_e$10] = '#74b4c0';
+            _this[_f$J] = true;
+            _this[_g$z] = 'small';
+            return _this;
+        }
+        return SliderWithBannerDto;
+    }(ParentBlockDto));
+    _a$1G = FORM_NAME_SLIDER, _b$1B = FORM_NAME_TIME, _c$1k = FORM_NAME_DOTS, _d$18 = FORM_NAME_CONTENT, _e$10 = FORM_NAME_COLOR, _f$J = FORM_NAME_FULLPAGE, _g$z = FORM_NAME_IMG_MASK;
+
+    var TYPE_SLIDERS_WITH_BANNER = 'sliders-with-banner';
+    var SlidersWithBannerService = /** @class */ (function () {
+        function SlidersWithBannerService() {
+            this._text = 'wb.blocks.sliders-with-banner.text';
+        }
+        SlidersWithBannerService.selector = function () {
+            return 'wb-' + TYPE_SLIDERS_WITH_BANNER;
+        };
+        Object.defineProperty(SlidersWithBannerService.prototype, "text", {
+            get: function () {
+                return this._text;
+            },
+            set: function (value) {
+                this._text = value;
+            },
+            enumerable: false,
+            configurable: true
+        });
+        SlidersWithBannerService.prototype.type = function () {
+            return TYPE_SLIDERS_WITH_BANNER;
+        };
+        SlidersWithBannerService.prototype.image = function () {
+            return 'Diaporama_FullSizeBanniere.png';
+        };
+        SlidersWithBannerService.prototype.getForm = function (content) {
+            if (content === void 0) { content = this.getConfig(); }
+            var sliderWithBannerFormDto = new FormsDto(content);
+            var timeSliderWithBannerContentDto = new FormsContentDto(FORM_NAME_TIME, 'wb.blocks.FormContentDto.60', FORM_TYPE_TEXT, content[FORM_NAME_TIME], '100ms', '');
+            sliderWithBannerFormDto.forms.push(timeSliderWithBannerContentDto);
+            var dotsSliderWithBannerContentDto = new FormsContentDto(FORM_NAME_DOTS, 'wb.blocks.FormContentDto.62', FORM_TYPE_CHECKBOX, content[FORM_NAME_DOTS], '', '', [], [], [true, false]);
+            sliderWithBannerFormDto.forms.push(dotsSliderWithBannerContentDto);
+            var maskSliderWithBannerContentDto = new FormsContentDto(FORM_NAME_IMG_MASK, 'wb.blocks.FormContentDto.14', FORM_TYPE_TAG, content[FORM_NAME_IMG_MASK], 'wb.blocks.FormContentDto.15', '', ['wb.blocks.FormContentDto.94', 'wb.blocks.FormContentDto.95', 'wb.blocks.FormContentDto.96'], ['small', 'medium', 'large']);
+            sliderWithBannerFormDto.forms.push(maskSliderWithBannerContentDto);
+            var fullpageSliderWithBannerContentDto = new FormsContentDto(FORM_NAME_FULLPAGE, 'wb.blocks.FormContentDto.16', FORM_TYPE_CHECKBOX, content[FORM_NAME_FULLPAGE], '', '', [], [], [true, false]);
+            sliderWithBannerFormDto.forms.push(fullpageSliderWithBannerContentDto);
+            var colorContentDto = new FormsContentDto(FORM_NAME_COLOR, 'wb.blocks.FormContentDto.112', FORM_TYPE_COLOR, content[FORM_NAME_COLOR], '#122231', '');
+            sliderWithBannerFormDto.forms.push(colorContentDto);
+            return sliderWithBannerFormDto;
+        };
+        SlidersWithBannerService.prototype.getConfig = function () {
+            return new SliderWithBannerDto(this.type());
+        };
+        return SlidersWithBannerService;
+    }());
+    SlidersWithBannerService.ɵprov = i0.ɵɵdefineInjectable({ factory: function SlidersWithBannerService_Factory() { return new SlidersWithBannerService(); }, token: SlidersWithBannerService, providedIn: "root" });
+    SlidersWithBannerService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+
     var BlocksMapList = {
         slidersService: {
             slidersFullpageService: SlidersFullpageService,
             slidersLeftnavService: SlidersLeftnavService,
             slidersImagerightService: SlidersImagerightService,
             slidersDoubleImagerightService: SlidersDoubleImagerightService,
+            sliderWithBannerService: SlidersWithBannerService,
         },
         separatorService: {
             separatorSimpleService: SeparatorSimpleService,
@@ -7202,6 +7686,8 @@
             imagesBigAndDoubleService: ImagesBigAndDoubleService,
             imagesBigsAndDoubleMiddleService: ImagesBigsAndDoubleMiddleService,
             imagesQuadrupleLeftOneRightService: ImagesQuadrupleLeftOneRightService,
+            fourImagesTitleService: FourImagesTitleService,
+            twoImagesTitleTextService: TwoImagesTitleTextService,
         },
         textsService: {
             textsOneService: TextsOneService,
@@ -7218,6 +7704,10 @@
             textBackgroundsLinkService: TextBackgroundsLinkService,
             textBackgroundsSimpleService: TextBackgroundsSimpleService,
             textBackgroundsWithTxtService: TextBackgroundsWithTxtService,
+            textBackgroundsWithBannerService: TextBackgroundsWithBannerService,
+            textBackgroundsTwoRowsIconTextService: TextBackgroundsTwoRowsIconTextService,
+            textBackgroundsThreeRowsIconTextService: TextBackgroundsThreeRowsIconTextService,
+            textBackgroundsFourRowsIconTextService: TextBackgroundsFourRowsIconTextService,
         },
         formsService: {
             formsSimpleService: FormsSimpleService,
@@ -8763,7 +9253,7 @@
         };
         ApiService.prototype.getOptionsHeaders = function () {
             return {
-                headers: new i1.HttpHeaders({
+                headers: new i1$1.HttpHeaders({
                     'Content-Type': 'application/json',
                     Authorization: 'Bearer ' + this.api.token,
                 }),
@@ -8794,14 +9284,14 @@
         };
         return ApiService;
     }());
-    ApiService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ApiService_Factory() { return new ApiService(i0.ɵɵinject(i1.HttpClient)); }, token: ApiService, providedIn: "root" });
+    ApiService.ɵprov = i0.ɵɵdefineInjectable({ factory: function ApiService_Factory() { return new ApiService(i0.ɵɵinject(i1$1.HttpClient)); }, token: ApiService, providedIn: "root" });
     ApiService.decorators = [
         { type: i0.Injectable, args: [{
                     providedIn: 'root',
                 },] }
     ];
     ApiService.ctorParameters = function () { return [
-        { type: i1.HttpClient }
+        { type: i1$1.HttpClient }
     ]; };
     var PreviewDto = /** @class */ (function () {
         function PreviewDto() {
@@ -8897,6 +9387,7 @@
             }
         };
         WiziBlockComponent.prototype.ngOnInit = function () {
+            var e_1, _a;
             var _this = this;
             if (!this.availableComponents || this.availableComponents.length === 0) {
                 this.availableComponents = [
@@ -8959,6 +9450,23 @@
             });
             this.contentService.contents = this.setContent();
             this.resizeWithWidth(window.innerWidth);
+            try {
+                for (var _b = __values(this.contentService.contents), _c = _b.next(); !_c.done; _c = _b.next()) {
+                    var item = _c.value;
+                    if (typeof item.block.hide_block !== typeof undefined) {
+                        if (item.block.hide_block) {
+                            this.isHiddenConfig.push(item.block.uuid);
+                        }
+                    }
+                }
+            }
+            catch (e_1_1) { e_1 = { error: e_1_1 }; }
+            finally {
+                try {
+                    if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
+                }
+                finally { if (e_1) throw e_1.error; }
+            }
         };
         WiziBlockComponent.prototype.addThis = function (selected) {
             this.blockComponent.addThisSelected(selected, this.verbose);
@@ -9041,7 +9549,7 @@
             }
         };
         WiziBlockComponent.prototype.changeConfigWiziblocks = function (event) {
-            var e_1, _a;
+            var e_2, _a;
             var _this = this;
             this.selectedConfig = event.config;
             if (typeof this.selectedConfig.forms !== typeof undefined) {
@@ -9056,12 +9564,12 @@
                         }
                     }
                 }
-                catch (e_1_1) { e_1 = { error: e_1_1 }; }
+                catch (e_2_1) { e_2 = { error: e_2_1 }; }
                 finally {
                     try {
                         if (_c && !_c.done && (_a = _b.return)) _a.call(_b);
                     }
-                    finally { if (e_1) throw e_1.error; }
+                    finally { if (e_2) throw e_2.error; }
                 }
             }
         };
@@ -9092,7 +9600,7 @@
         { type: ConfigService },
         { type: ContentService },
         { type: ExternalConfigService },
-        { type: core.TranslateService }
+        { type: i1.TranslateService }
     ]; };
     WiziBlockComponent.propDecorators = {
         availableComponents: [{ type: i0.Input }],
@@ -9303,6 +9811,8 @@
             this.FORM_NAME_IMAGE_RIGHT = FORM_NAME_IMAGE_RIGHT;
             this.FORM_NAME_BUTTON = FORM_NAME_BUTTON;
             this.FORM_NAME_TEXT = FORM_NAME_TEXT;
+            this.FORM_NAME_TEXT_LEFT = FORM_NAME_TEXT_LEFT;
+            this.FORM_NAME_TEXT_RIGHT = FORM_NAME_TEXT_RIGHT;
             this.FORM_NAME_BUTTON_TEXT = FORM_NAME_BUTTON_TEXT;
             this.FORM_NAME_COLOR = FORM_NAME_COLOR;
             this.FORM_NAME_BACKGROUND_COLOR = FORM_NAME_BACKGROUND_COLOR;
@@ -9513,20 +10023,6 @@
         contents: [{ type: i0.Input }]
     };
 
-    var _a$1z, _b$1u, _c$1d;
-    var ImageMediaDto = /** @class */ (function (_super) {
-        __extends(ImageMediaDto, _super);
-        function ImageMediaDto() {
-            var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1z] = '_self';
-            _this[_b$1u] = '';
-            _this[_c$1d] = '';
-            return _this;
-        }
-        return ImageMediaDto;
-    }(MediaDto));
-    _a$1z = FORM_NAME_URL_TARGET, _b$1u = FORM_NAME_TITLE, _c$1d = FORM_NAME_URL;
-
     var SliderFullpageComponent = /** @class */ (function (_super) {
         __extends(SliderFullpageComponent, _super);
         function SliderFullpageComponent() {
@@ -9629,6 +10125,7 @@
             this.configService = configService;
             this.dynamicHiddenStructure = false;
             this.hideConfig = false;
+            this.blockIsHidden = false;
             this.contentEventSubscription = null;
         }
         StructureToolsComponent.prototype.ngOnInit = function () {
@@ -9644,10 +10141,7 @@
                     for (var _b = __values(thisContent.forms), _c = _b.next(); !_c.done; _c = _b.next()) {
                         var item = _c.value;
                         if (item.id === 'hide_block' && typeof item.value !== typeof undefined) {
-                            this.dynamicHiddenStructure = true;
-                        }
-                        else {
-                            this.dynamicHiddenStructure = false;
+                            this.blockIsHidden = true;
                         }
                     }
                 }
@@ -9943,7 +10437,7 @@
                 },] }
     ];
     ImgPathPipe.ctorParameters = function () { return [
-        { type: core.TranslateService }
+        { type: i1.TranslateService }
     ]; };
 
     var components = [
@@ -9965,7 +10459,7 @@
     }());
     SharedPipesModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [common.CommonModule, forms.FormsModule, core.TranslateModule.forChild()],
+                    imports: [common.CommonModule, forms.FormsModule, i1.TranslateModule.forChild()],
                     entryComponents: [],
                     declarations: components,
                     exports: components,
@@ -10746,7 +11240,7 @@
     QuillComponent.ctorParameters = function () { return [
         { type: i0.NgZone },
         { type: QuillService },
-        { type: core.TranslateService }
+        { type: i1.TranslateService }
     ]; };
     QuillComponent.propDecorators = {
         contentChange: [{ type: i0.Output }],
@@ -10925,7 +11419,7 @@
     PicturesTemplateDirective.ctorParameters = function () { return [
         { type: i0.ElementRef },
         { type: ExpectedImagesService },
-        { type: core.TranslateService }
+        { type: i1.TranslateService }
     ]; };
     PicturesTemplateDirective.propDecorators = {
         dimensions: [{ type: i0.Input }],
@@ -10969,7 +11463,51 @@
         onHold: [{ type: i0.HostListener, args: ['mousedown', [],] }]
     };
 
-    var components$1 = [AutofocusDirective, AutoHideDirective, GetSizeImageDirective, PicturesTemplateDirective, HoldableDirective];
+    var ShowDeleteButtonDirective = /** @class */ (function () {
+        function ShowDeleteButtonDirective(element, renderer) {
+            this.element = element;
+            this.renderer = renderer;
+        }
+        ShowDeleteButtonDirective.prototype.onMouseOver = function () {
+            console.log(this.element);
+            console.log(this.element.nativeElement);
+            if (this.element.nativeElement.classList.contains('active')) {
+                return;
+            }
+            this.renderer.setStyle(this.element.nativeElement, 'left', 'calc(100% - ' + (this.element.nativeElement.offsetWidth + 5).toString() + 'px)');
+            this.renderer['addClass'](this.element.nativeElement, 'active');
+        };
+        ShowDeleteButtonDirective.prototype.onMouseOut = function () {
+            if (!this.element.nativeElement.classList.contains('active')) {
+                return;
+            }
+            this.renderer.setStyle(this.element.nativeElement, 'left', 'calc(100% - 50px)');
+            this.renderer['removeClass'](this.element.nativeElement, 'active');
+        };
+        return ShowDeleteButtonDirective;
+    }());
+    ShowDeleteButtonDirective.decorators = [
+        { type: i0.Directive, args: [{
+                    selector: '[wbShowDeleteButton]',
+                },] }
+    ];
+    ShowDeleteButtonDirective.ctorParameters = function () { return [
+        { type: i0.ElementRef },
+        { type: i0.Renderer2 }
+    ]; };
+    ShowDeleteButtonDirective.propDecorators = {
+        onMouseOver: [{ type: i0.HostListener, args: ['mouseover',] }],
+        onMouseOut: [{ type: i0.HostListener, args: ['mouseout',] }]
+    };
+
+    var components$1 = [
+        AutofocusDirective,
+        AutoHideDirective,
+        GetSizeImageDirective,
+        PicturesTemplateDirective,
+        HoldableDirective,
+        ShowDeleteButtonDirective,
+    ];
     var SharedDirectivesModule = /** @class */ (function () {
         function SharedDirectivesModule() {
         }
@@ -10977,7 +11515,7 @@
     }());
     SharedDirectivesModule.decorators = [
         { type: i0.NgModule, args: [{
-                    imports: [common.CommonModule, forms.FormsModule, core.TranslateModule.forChild()],
+                    imports: [common.CommonModule, forms.FormsModule, i1.TranslateModule.forChild()],
                     entryComponents: [],
                     declarations: components$1,
                     exports: components$1,
@@ -18909,7 +19447,7 @@
     StructureConfigFontComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wb-structure-config-font',
-                    template: "<div\n    class=\"wb-structure-config-font\"\n    wbAutoHide\n    (clickOutside)=\"showPopup = false\"\n    triggerElement=\"wb-structure-config-font__holder\"\n    [ngClass]=\"{ 'is-small': isSmall, 'is-left': alignLeft, 'is-inline': isInline }\"\n>\n    <div\n        class=\"wb-structure-config-font__holder\"\n        [ngClass]=\"{ 'is-white': white, 'is-small': isSmall, 'is-inline': isInline }\"\n        (click)=\"showBelow()\"\n        *ngIf=\"value\"\n    >\n        <span *ngIf=\"value.icon != ''\">\n            <i [className]=\"value.icon\" [style.color]=\"color ? color : 'inherit'\"></i>\n        </span>\n        <span *ngIf=\"value.image_url != '' && value.icon == ''\">\n            <span [style.background-image]=\"'url(' + value.image_url + ')'\"></span>\n        </span>\n    </div>\n    <div [ngClass]=\"{ 'is-show-popin': showPopup }\">\n        <div class=\"wb-structure-config-font__search\">\n            <input\n                [placeholder]=\"'wb.shared.components.strucTureConfigFont.1' | translate\"\n                id=\"iconLabel\"\n                #input=\"ngModel\"\n                [(ngModel)]=\"searchIconValue\"\n                (ngModelChange)=\"searchIcon()\"\n                name=\"iconLabel\"\n            />\n            <a\n                class=\"button is-outlined is-link is-tooltip-link\"\n                [nwbToolTip]=\"'wb.shared.components.strucTureConfigFont.2' | translate\"\n                nwbToolTipPosition=\"bottom\"\n                (click)=\"searchIcon()\"\n            >\n                <i class=\"fas fa-recycle\"></i>\n            </a>\n            <a\n                class=\"button is-outlined is-info is-tooltip-info\"\n                [nwbToolTip]=\"'wb.shared.components.strucTureConfigFont.3' | translate\"\n                nwbToolTipPosition=\"bottom\"\n                target=\"_blank\"\n                href=\"https://fontawesome.com/cheatsheet/\"\n                ><i class=\"fab fa-font-awesome\"></i\n            ></a>\n        </div>\n        <p *ngIf=\"withImage\">\n            {{ 'wb.shared.components.strucTureConfigFont.5' | translate }}\n            <a href=\"#\" (click)=\"getMedia(); $event.preventDefault()\">{{ 'wb.shared.components.strucTureConfigFont.6' | translate }}</a>\n        </p>\n        <div *ngIf=\"withImage && recommendedSize != ''\" class=\"wb-structure-config-font__size\">\n            <p>{{ 'wb.shared.components.strucTureConfigFont.4' | translate: { recommendedSize: recommendedSize } }}</p>\n        </div>\n        <div class=\"wb-structure-config-font__list test\">\n            <span\n                class=\"is-tooltip-info\"\n                *ngFor=\"let icon of iconList\"\n                nwbToolTip=\"Icone\"\n                nwbToolTipPosition=\"bottom\"\n                (click)=\"selectThisIcon(icon)\"\n            >\n                <i [className]=\"icon\"></i>\n            </span>\n        </div>\n    </div>\n</div>\n"
+                    template: "<div\n    class=\"wb-structure-config-font\"\n    wbAutoHide\n    (clickOutside)=\"showPopup = false\"\n    triggerElement=\"wb-structure-config-font__holder\"\n    [ngClass]=\"{ 'is-small': isSmall, 'is-left': alignLeft, 'is-inline': isInline }\"\n>\n    <div\n        class=\"wb-structure-config-font__holder\"\n        [ngClass]=\"{ 'is-white': white, 'is-small': isSmall, 'is-inline': isInline }\"\n        (click)=\"showBelow()\"\n        *ngIf=\"value\"\n        [nwbToolTip]=\"'wb.shared.components.strucTureConfigFont.7' | translate\"\n        nwbToolTipPosition=\"right\"\n    >\n        <span *ngIf=\"value.icon != ''\">\n            <i [className]=\"value.icon\" [style.color]=\"color ? color : 'inherit'\"></i>\n        </span>\n        <span *ngIf=\"value.image_url != '' && value.icon == ''\">\n            <span [style.background-image]=\"'url(' + value.image_url + ')'\"></span>\n        </span>\n    </div>\n    <div [ngClass]=\"{ 'is-show-popin': showPopup }\">\n        <div class=\"wb-structure-config-font__search\">\n            <input\n                [placeholder]=\"'wb.shared.components.strucTureConfigFont.1' | translate\"\n                id=\"iconLabel\"\n                #input=\"ngModel\"\n                [(ngModel)]=\"searchIconValue\"\n                (ngModelChange)=\"searchIcon()\"\n                name=\"iconLabel\"\n            />\n            <a\n                class=\"button is-outlined is-link is-tooltip-link\"\n                [nwbToolTip]=\"'wb.shared.components.strucTureConfigFont.2' | translate\"\n                nwbToolTipPosition=\"bottom\"\n                (click)=\"searchIcon()\"\n            >\n                <i class=\"fas fa-recycle\"></i>\n            </a>\n            <a\n                class=\"button is-outlined is-info is-tooltip-info\"\n                [nwbToolTip]=\"'wb.shared.components.strucTureConfigFont.3' | translate\"\n                nwbToolTipPosition=\"bottom\"\n                target=\"_blank\"\n                href=\"https://fontawesome.com/cheatsheet/\"\n                ><i class=\"fab fa-font-awesome\"></i\n            ></a>\n        </div>\n        <p *ngIf=\"withImage\">\n            {{ 'wb.shared.components.strucTureConfigFont.5' | translate }}\n            <a href=\"#\" (click)=\"getMedia(); $event.preventDefault()\">{{ 'wb.shared.components.strucTureConfigFont.6' | translate }}</a>\n        </p>\n        <div *ngIf=\"withImage && recommendedSize != ''\" class=\"wb-structure-config-font__size\">\n            <p>{{ 'wb.shared.components.strucTureConfigFont.4' | translate: { recommendedSize: recommendedSize } }}</p>\n        </div>\n        <div class=\"wb-structure-config-font__list test\">\n            <span\n                class=\"is-tooltip-info\"\n                *ngFor=\"let icon of iconList\"\n                nwbToolTip=\"Icone\"\n                nwbToolTipPosition=\"bottom\"\n                (click)=\"selectThisIcon(icon)\"\n            >\n                <i [className]=\"icon\"></i>\n            </span>\n        </div>\n    </div>\n</div>\n"
                 },] }
     ];
     StructureConfigFontComponent.ctorParameters = function () { return [
@@ -19574,7 +20112,7 @@
                         SharedPipesModule,
                         SharedDirectivesModule,
                         ngxQuill.QuillModule,
-                        core.TranslateModule.forChild(),
+                        i1.TranslateModule.forChild(),
                     ],
                     entryComponents: [],
                     declarations: components$2,
@@ -19592,19 +20130,19 @@
                     imports: [
                         common.CommonModule,
                         forms.FormsModule,
-                        i1.HttpClientModule,
+                        i1$1.HttpClientModule,
                         dragDrop.DragDropModule,
                         ngWiziBulma.NwbAllModule,
                         SharedComponentsModule,
                         SharedPipesModule,
                         SharedDirectivesModule,
-                        core.TranslateModule.forChild(),
+                        i1.TranslateModule.forChild(),
                     ],
                     providers: [],
                     exports: [
                         common.CommonModule,
                         forms.FormsModule,
-                        i1.HttpClientModule,
+                        i1$1.HttpClientModule,
                         dragDrop.DragDropModule,
                         SharedComponentsModule,
                         SharedPipesModule,
@@ -21047,6 +21585,114 @@
     ];
     ImagesBigsAndDoubleMiddleComponent.ctorParameters = function () { return []; };
 
+    var _a$1H, _b$1C;
+    var FourImagesTitleElementDto = /** @class */ (function () {
+        function FourImagesTitleElementDto() {
+            this[_a$1H] = new ImageMediaDto();
+            this[_b$1C] = 'wb.dto.TITLE.40';
+        }
+        return FourImagesTitleElementDto;
+    }());
+    _a$1H = FORM_NAME_IMAGE, _b$1C = FORM_NAME_TITLE;
+
+    var FourImagesTitleComponent = /** @class */ (function (_super) {
+        __extends(FourImagesTitleComponent, _super);
+        function FourImagesTitleComponent(translateBlockService) {
+            var _this = _super.call(this) || this;
+            _this.translateBlockService = translateBlockService;
+            _this.sizes = { small: '458x412', medium: '458x435', large: '458x456' };
+            _this.selectedKey = '';
+            _this.setComponentService(FourImagesTitleService);
+            return _this;
+        }
+        FourImagesTitleComponent.prototype.ngOnInit = function () {
+            if (this.contents.block.init === false && this.contents.block.elements.length === 0) {
+                for (var i = 0; i < 4; ++i) {
+                    var newElement = new FourImagesTitleElementDto();
+                    this.translateBlockService.translateProperties(newElement);
+                    this.contents.block.elements.push(newElement);
+                }
+            }
+            this.contents.block.init = true;
+            this.subscribeToImage();
+            _super.prototype.ngOnInit.call(this);
+            this.persist();
+        };
+        FourImagesTitleComponent.prototype.subscribeToImage = function () {
+            var _this = this;
+            this.image.subscribe(function (media) {
+                var imageMediaDto = new ImageMediaDto();
+                imageMediaDto.image_url = media.image_url;
+                imageMediaDto.id = media.id;
+                _this.contentBlock[FORM_NAME_ELEMENTS][_this.selectedKey][FORM_NAME_IMAGE] = imageMediaDto;
+                _this.selectedKey = '';
+                _this.persist();
+            });
+        };
+        FourImagesTitleComponent.prototype.getMediaFor = function (key) {
+            this.selectedKey = key;
+            this.getMedia();
+        };
+        return FourImagesTitleComponent;
+    }(StructuresComponent));
+    FourImagesTitleComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: FourImagesTitleService.selector(),
+                    template: "<div class=\"wb-four-images-title\">\n    <div\n        class=\"wb-four-images-title__wrapper\"\n        [ngClass]=\"{\n            'wb-four-images-title__wrapper--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n            'wb-four-images-title__wrapper--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n            'wb-four-images-title__wrapper--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n        }\"\n    >\n        <div\n            class=\"wb-four-images-title__wrapper__item\"\n            *ngFor=\"let elem of contents[BASE_BLOCK_CONTENT][FORM_NAME_ELEMENTS]; let i = index\"\n        >\n            <div class=\"wb-four-images-title__wrapper__item__img\">\n                <wb-structure-config\n                    [blockUUID]=\"uuid\"\n                    [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n                    [isFullwidth]=\"true\"\n                    *ngIf=\"elem[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]?.length > 0\"\n                >\n                    <wb-structure-config-input\n                        [label]=\"'wb.structures.template.9' | translate\"\n                        [(ngModel)]=\"elem[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)]=\"elem[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)]=\"elem[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                    class=\"wb-four-images-title__wrapper__item__img__empty\"\n                    wbPicturesTemplateDirective\n                    [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                    *ngIf=\"elem[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]?.length <= 0\"\n                    (click)=\"getMediaFor(i)\"\n                    [ngClass]=\"{\n                        'wb-four-images-title__wrapper__item__img__empty--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-four-images-title__wrapper__item__img__empty--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-four-images-title__wrapper__item__img__empty--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                >\n                    <p>\n                        <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n                    </p>\n                </div>\n\n                <div\n                    wbGetSizeImageDirective\n                    [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                    [urlToParse]=\"elem[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n                    [style.background-image]=\"'url(' + elem[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                    *ngIf=\"elem[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]?.length > 0\"\n                    (click)=\"getMediaFor(i)\"\n                    class=\"wb-four-images-title__wrapper__item__img__picture\"\n                    [ngClass]=\"{\n                        'wb-four-images-title__wrapper__item__img__picture--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-four-images-title__wrapper__item__img__picture--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-four-images-title__wrapper__item__img__picture--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                ></div>\n            </div>\n            <div class=\"wb-four-images-title__wrapper__item__title\">\n                <wb-quill [(content)]=\"elem[FORM_NAME_TITLE]\" (contentChange)=\"persist()\"></wb-quill>\n            </div>\n        </div>\n    </div>\n</div>\n"
+                },] }
+    ];
+    FourImagesTitleComponent.ctorParameters = function () { return [
+        { type: TranslateBlockService }
+    ]; };
+
+    var TwoImagesTitleTextComponent = /** @class */ (function (_super) {
+        __extends(TwoImagesTitleTextComponent, _super);
+        function TwoImagesTitleTextComponent() {
+            var _this = _super.call(this) || this;
+            _this.sizes = { small: '980x490', medium: '980x618', large: '980x710' };
+            _this.selectedKey = '';
+            _this.setComponentService(TwoImagesTitleTextService);
+            return _this;
+        }
+        TwoImagesTitleTextComponent.prototype.ngOnInit = function () {
+            _super.prototype.ngOnInit.call(this);
+            if (this.contents.block.init === false) {
+                this.contents.block.image_left = new ImageMediaDto();
+                this.contents.block.image_right = new ImageMediaDto();
+            }
+            this.contents.block.init = true;
+            this.subscribeToImage();
+        };
+        TwoImagesTitleTextComponent.prototype.subscribeToImage = function () {
+            var _this = this;
+            this.image.subscribe(function (media) {
+                var imageMediaDto = new ImageMediaDto();
+                imageMediaDto.image_url = media.image_url;
+                imageMediaDto.id = media.id;
+                if (_this.selectedKey === '0') {
+                    _this.contentBlock[FORM_NAME_IMAGE_LEFT] = imageMediaDto;
+                }
+                else {
+                    _this.contentBlock[FORM_NAME_IMAGE_RIGHT] = imageMediaDto;
+                }
+                _this.selectedKey = '';
+                _this.persist();
+            });
+        };
+        TwoImagesTitleTextComponent.prototype.getMediaFor = function (key) {
+            this.selectedKey = key;
+            this.getMedia();
+        };
+        return TwoImagesTitleTextComponent;
+    }(StructuresComponent));
+    TwoImagesTitleTextComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: TwoImagesTitleTextService.selector(),
+                    template: "<div class=\"wb-two-images-title-text\">\n    <div class=\"wb-two-images-title-text__title\">\n        <wb-quill [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\" (contentChange)=\"persist()\"></wb-quill>\n    </div>\n    <div\n        class=\"wb-two-images-title-text__wrapper\"\n        [ngClass]=\"{\n            'wb-images-simple__container--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n            'wb-images-simple__container--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n            'wb-images-simple__container--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n        }\"\n    >\n        <div class=\"wb-two-images-title-text__wrapper__item\">\n            <div\n                class=\"wb-two-images-title-text__wrapper__item__img\"\n                [ngClass]=\"{\n                    'wb-two-images-title-text__wrapper__item__img--small':\n                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                    'wb-two-images-title-text__wrapper__item__img--medium':\n                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                    'wb-two-images-title-text__wrapper__item__img--large':\n                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                }\"\n            >\n                <wb-structure-config\n                    [blockUUID]=\"uuid\"\n                    [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n                    [isFullwidth]=\"true\"\n                    *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL]?.length > 0\"\n                >\n                    <wb-structure-config-input\n                        [label]=\"'wb.structures.template.9' | translate\"\n                        [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][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_LEFT][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_LEFT][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                    class=\"wb-two-images-title-text__wrapper__item__img__empty\"\n                    wbPicturesTemplateDirective\n                    [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                    *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL]?.length <= 0\"\n                    (click)=\"getMediaFor('0')\"\n                    [ngClass]=\"{\n                        'wb-two-images-title-text__wrapper__item__img__empty--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-two-images-title-text__wrapper__item__img__empty--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-two-images-title-text__wrapper__item__img__empty--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                >\n                    <p>\n                        <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n                    </p>\n                </div>\n\n                <div\n                    wbGetSizeImageDirective\n                    [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                    [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL]\"\n                    [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL] + ')'\"\n                    *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL]?.length > 0\"\n                    (click)=\"getMediaFor('0')\"\n                    class=\"wb-two-images-title-text__wrapper__item__img__picture\"\n                    [ngClass]=\"{\n                        'wb-two-images-title-text__wrapper__item__img__picture--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-two-images-title-text__wrapper__item__img__picture--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-two-images-title-text__wrapper__item__img__picture--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                ></div>\n            </div>\n            <div class=\"wb-two-images-title-text__wrapper__item__title\">\n                <wb-quill [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_LEFT]\" (contentChange)=\"persist()\"></wb-quill>\n            </div>\n            <div\n                class=\"wb-two-images-title-text__wrapper__item__text\"\n                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL].length <= 0\"\n            >\n                <div class=\"wb-two-images-title-text__wrapper__item__text\">\n                    <wb-quill [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_LEFT]\" (contentChange)=\"persist()\"></wb-quill>\n                </div>\n            </div>\n            <a\n                class=\"wb-two-images-title-text__wrapper__item__text\"\n                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL].length > 0\"\n            >\n                <wb-quill [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_LEFT]\" (contentChange)=\"persist()\"></wb-quill>\n                <i [style]=\"'color: ' + contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR]\" class=\"far fa-arrow-right\"></i>\n            </a>\n        </div>\n        <div class=\"wb-two-images-title-text__wrapper__item\">\n            <div\n                class=\"wb-two-images-title-text__wrapper__item__img\"\n                [ngClass]=\"{\n                    'wb-two-images-title-text__wrapper__item__img--small':\n                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                    'wb-two-images-title-text__wrapper__item__img--medium':\n                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                    'wb-two-images-title-text__wrapper__item__img--large':\n                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                }\"\n            >\n                <wb-structure-config\n                    [blockUUID]=\"uuid\"\n                    [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n                    [isFullwidth]=\"true\"\n                    *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL]?.length > 0\"\n                >\n                    <wb-structure-config-input\n                        [label]=\"'wb.structures.template.9' | translate\"\n                        [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][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_RIGHT][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_RIGHT][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                    class=\"wb-two-images-title-text__wrapper__item__img__empty\"\n                    wbPicturesTemplateDirective\n                    [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                    *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL]?.length <= 0\"\n                    (click)=\"getMediaFor('1')\"\n                    [ngClass]=\"{\n                        'wb-two-images-title-text__wrapper__item__img__empty--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-two-images-title-text__wrapper__item__img__empty--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-two-images-title-text__wrapper__item__img__empty--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                >\n                    <p>\n                        <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n                    </p>\n                </div>\n\n                <div\n                    wbGetSizeImageDirective\n                    [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                    [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL]\"\n                    [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL] + ')'\"\n                    *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL]?.length > 0\"\n                    (click)=\"getMediaFor('1')\"\n                    class=\"wb-two-images-title-text__wrapper__item__img__picture\"\n                    [ngClass]=\"{\n                        'wb-two-images-title-text__wrapper__item__img__picture--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-two-images-title-text__wrapper__item__img__picture--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-two-images-title-text__wrapper__item__img__picture--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                ></div>\n            </div>\n            <div class=\"wb-two-images-title-text__wrapper__item__title\">\n                <wb-quill [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_RIGHT]\" (contentChange)=\"persist()\"></wb-quill>\n            </div>\n            <div\n                class=\"wb-two-images-title-text__wrapper__item__text\"\n                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_URL].length <= 0\"\n            >\n                <wb-quill [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_RIGHT]\" (contentChange)=\"persist()\"></wb-quill>\n            </div>\n            <a\n                class=\"wb-two-images-title-text__wrapper__item__text\"\n                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_URL].length > 0\"\n            >\n                <wb-quill [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_RIGHT]\" (contentChange)=\"persist()\"></wb-quill>\n                <i [style]=\"'color: ' + contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR]\" class=\"far fa-arrow-right\"></i>\n            </a>\n        </div>\n    </div>\n</div>\n"
+                },] }
+    ];
+    TwoImagesTitleTextComponent.ctorParameters = function () { return []; };
+
     var TextBackgroundsSimpleComponent = /** @class */ (function (_super) {
         __extends(TextBackgroundsSimpleComponent, _super);
         function TextBackgroundsSimpleComponent() {
@@ -22215,7 +22861,7 @@
         { type: ApiService },
         { type: ExternalConfigService },
         { type: i0.ChangeDetectorRef },
-        { type: core.TranslateService },
+        { type: i1.TranslateService },
         { type: CurrencyService }
     ]; };
     ProductsListClassicComponent.propDecorators = {
@@ -22427,7 +23073,7 @@
     ProductsListSelectedComponent.ctorParameters = function () { return [
         { type: ApiService },
         { type: ExternalConfigService },
-        { type: core.TranslateService },
+        { type: i1.TranslateService },
         { type: CurrencyService }
     ]; };
     ProductsListSelectedComponent.propDecorators = {
@@ -22641,7 +23287,7 @@
     ProductsListSimpleComponent.ctorParameters = function () { return [
         { type: ApiService },
         { type: ExternalConfigService },
-        { type: core.TranslateService },
+        { type: i1.TranslateService },
         { type: CurrencyService }
     ]; };
     ProductsListSimpleComponent.propDecorators = {
@@ -23952,7 +24598,7 @@
                 },] }
     ];
     TimerSimpleComponent.ctorParameters = function () { return [
-        { type: core.TranslateService }
+        { type: i1.TranslateService }
     ]; };
 
     var TimerBackgroundComponent = /** @class */ (function (_super) {
@@ -24088,7 +24734,7 @@
                 },] }
     ];
     TimerBackgroundComponent.ctorParameters = function () { return [
-        { type: core.TranslateService }
+        { type: i1.TranslateService }
     ]; };
 
     var TimerClockComponent = /** @class */ (function (_super) {
@@ -24224,7 +24870,7 @@
                 },] }
     ];
     TimerClockComponent.ctorParameters = function () { return [
-        { type: core.TranslateService }
+        { type: i1.TranslateService }
     ]; };
     TimerClockComponent.propDecorators = {
         contents: [{ type: i0.Input }]
@@ -24391,7 +25037,7 @@
                 },] }
     ];
     TimerAirportComponent.ctorParameters = function () { return [
-        { type: core.TranslateService }
+        { type: i1.TranslateService }
     ]; };
 
     var ProductZoomComponent = /** @class */ (function (_super_1) {
@@ -25808,7 +26454,7 @@
                 },] }
     ];
     TimerMultipleImgComponent.ctorParameters = function () { return [
-        { type: core.TranslateService }
+        { type: i1.TranslateService }
     ]; };
 
     var ProductZoomTripleColumnComponent = /** @class */ (function (_super_1) {
@@ -26002,17 +26648,17 @@
     ];
     TextsQuadrupleNumbersComponent.ctorParameters = function () { return []; };
 
-    var _a$1A, _b$1v, _c$1e, _d$12;
+    var _a$1I, _b$1D, _c$1l, _d$19;
     var AboutElementDto = /** @class */ (function () {
         function AboutElementDto() {
-            this[_a$1A] = new ImageMediaDto();
-            this[_b$1v] = 'wb.AboutElementDto.author.1';
-            this[_c$1e] = 'wb.AboutElementDto.author.2';
-            this[_d$12] = 'wb.AboutElementDto.content.1';
+            this[_a$1I] = new ImageMediaDto();
+            this[_b$1D] = 'wb.AboutElementDto.author.1';
+            this[_c$1l] = 'wb.AboutElementDto.author.2';
+            this[_d$19] = 'wb.AboutElementDto.content.1';
         }
         return AboutElementDto;
     }());
-    _a$1A = FORM_NAME_SLIDER, _b$1v = FORM_NAME_AUTHOR_NAME, _c$1e = FORM_NAME_AUTHOR_TITLE, _d$12 = FORM_NAME_CONTENT;
+    _a$1I = FORM_NAME_SLIDER, _b$1D = FORM_NAME_AUTHOR_NAME, _c$1l = FORM_NAME_AUTHOR_TITLE, _d$19 = FORM_NAME_CONTENT;
 
     var AboutBlockComponent = /** @class */ (function (_super) {
         __extends(AboutBlockComponent, _super);
@@ -26195,20 +26841,20 @@
     ];
     FaqSimpleBackgroundComponent.ctorParameters = function () { return []; };
 
-    var _a$1B, _b$1w, _c$1f, _d$13;
+    var _a$1J, _b$1E, _c$1m, _d$1a;
     var ImageMediaAndTextDto = /** @class */ (function (_super) {
         __extends(ImageMediaAndTextDto, _super);
         function ImageMediaAndTextDto() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this[_a$1B] = '_self';
-            _this[_b$1w] = 'wb.ImageMediaAndTextDto.content.1';
-            _this[_c$1f] = '';
-            _this[_d$13] = '';
+            _this[_a$1J] = '_self';
+            _this[_b$1E] = 'wb.ImageMediaAndTextDto.content.1';
+            _this[_c$1m] = '';
+            _this[_d$1a] = '';
             return _this;
         }
         return ImageMediaAndTextDto;
     }(ImageMediaDto));
-    _a$1B = FORM_NAME_URL_TARGET, _b$1w = FORM_NAME_CONTENT, _c$1f = FORM_NAME_TITLE, _d$13 = FORM_NAME_URL;
+    _a$1J = FORM_NAME_URL_TARGET, _b$1E = FORM_NAME_CONTENT, _c$1m = FORM_NAME_TITLE, _d$1a = FORM_NAME_URL;
 
     var TextBackgroundsLinkComponent = /** @class */ (function (_super) {
         __extends(TextBackgroundsLinkComponent, _super);
@@ -26413,6 +27059,39 @@
     ];
     FaqListIconComponent.ctorParameters = function () { return []; };
 
+    var TextBackgroundsWithBannerComponent = /** @class */ (function (_super) {
+        __extends(TextBackgroundsWithBannerComponent, _super);
+        function TextBackgroundsWithBannerComponent() {
+            var _this = _super.call(this) || this;
+            _this.sizes = { small: '2000x550', medium: '2000x660', large: '2000x770' };
+            _this.setComponentService(TextBackgroundsWithBannerService);
+            return _this;
+        }
+        TextBackgroundsWithBannerComponent.prototype.ngOnInit = function () {
+            var _this = this;
+            _super.prototype.ngOnInit.call(this);
+            this.image.subscribe(function (media) {
+                _this.contentBlock.image = media;
+                _this.persist();
+            });
+        };
+        TextBackgroundsWithBannerComponent.prototype.updateThisImage = function (key, imageWidthHeight) {
+            if (imageWidthHeight[FORM_NAME_IMAGE_URL] === this.contentBlock[key][FORM_NAME_IMAGE_URL]) {
+                this.contentBlock[key][FORM_NAME_IMAGE_WIDTH] = imageWidthHeight[FORM_NAME_IMAGE_WIDTH];
+                this.contentBlock[key][FORM_NAME_IMAGE_HEIGHT] = imageWidthHeight[FORM_NAME_IMAGE_HEIGHT];
+                this.persist();
+            }
+        };
+        return TextBackgroundsWithBannerComponent;
+    }(StructuresComponent));
+    TextBackgroundsWithBannerComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: TextBackgroundsWithBannerService.selector(),
+                    template: "<div class=\"wb-text-backgrounds-with-banner\">\n    <wb-structure-config\n        [blockUUID]=\"uuid\"\n        [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n        [isFullwidth]=\"true\"\n        *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n    >\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        <div class=\"columns\">\n            <div class=\"column\">\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            </div>\n            <div class=\"column\">\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            </div>\n        </div>\n    </wb-structure-config>\n    <div\n        class=\"wb-text-backgrounds-with-banner__noimages\"\n        [ngClass]=\"{\n            'wb-text-backgrounds-with-banner__noimages--small':\n                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n            'wb-text-backgrounds-with-banner__noimages--medium':\n                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n            'wb-text-backgrounds-with-banner__noimages--large':\n                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n        }\"\n        wbPicturesTemplateDirective\n        [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\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 class=\"wb-text-backgrounds-with-banner__wrapper\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n        <div\n            wbGetSizeImageDirective\n            class=\"wb-text-backgrounds-with-banner__wrapper__img\"\n            [ngClass]=\"{\n                'wb-text-backgrounds-with-banner__wrapper__img--small':\n                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                'wb-text-backgrounds-with-banner__wrapper__img--medium':\n                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                'wb-text-backgrounds-with-banner__wrapper__img--large':\n                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n            }\"\n            [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n            [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n            (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE, $event)\"\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        >\n            <div class=\"wb-text-backgrounds-with-banner__wrapper__img__text\">\n                <div class=\"wb-text-backgrounds-with-banner__wrapper__img__text__content\" (click)=\"$event.stopPropagation()\">\n                    <div class=\"wb-text-backgrounds-with-banner__wrapper__img__text__content__title\">\n                        <wb-quill\n                            [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\"\n                            (contentChange)=\"persist()\"\n                            (isTooltipFocused)=\"checkQuillToolTip('hasTooltipFocusedLeftTop', $event)\"\n                        ></wb-quill>\n                    </div>\n                    <div class=\"wb-text-backgrounds-with-banner__wrapper__img__text__content__text\">\n                        <wb-quill\n                            [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT]\"\n                            (contentChange)=\"persist()\"\n                            (isTooltipFocused)=\"checkQuillToolTip('hasTooltipFocusedLeftTop', $event)\"\n                        ></wb-quill>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div\n            class=\"wb-text-backgrounds-with-banner__wrapper__banner\"\n            [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"\n        >\n            <wb-quill [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\" (contentChange)=\"persist()\"></wb-quill>\n        </div>\n    </div>\n</div>\n"
+                },] }
+    ];
+    TextBackgroundsWithBannerComponent.ctorParameters = function () { return []; };
+
     var FormsOnboardingComponent = /** @class */ (function (_super) {
         __extends(FormsOnboardingComponent, _super);
         function FormsOnboardingComponent() {
@@ -26434,6 +27113,369 @@
     ];
     FormsOnboardingComponent.ctorParameters = function () { return []; };
 
+    var _a$1K, _b$1F;
+    var TextBackgroundsRowsIconTextDto = /** @class */ (function () {
+        function TextBackgroundsRowsIconTextDto() {
+            this[_a$1K] = 'wb.dto.TITLE.43';
+            this[_b$1F] = new FontOrMediaDto('far fa-question-circle');
+        }
+        return TextBackgroundsRowsIconTextDto;
+    }());
+    _a$1K = FORM_NAME_TITLE, _b$1F = FORM_NAME_ICON;
+
+    var TextBackgroundsThreeRowsIconTextComponent = /** @class */ (function (_super) {
+        __extends(TextBackgroundsThreeRowsIconTextComponent, _super);
+        function TextBackgroundsThreeRowsIconTextComponent(translateBlockService) {
+            var _this = _super.call(this) || this;
+            _this.translateBlockService = translateBlockService;
+            _this.row = 0;
+            _this.column = 0;
+            _this.sizes = { small: '620x175', medium: '620x250', large: '620x325' };
+            _this.setComponentService(TextBackgroundsThreeRowsIconTextService);
+            return _this;
+        }
+        TextBackgroundsThreeRowsIconTextComponent.prototype.ngOnInit = function () {
+            _super.prototype.ngOnInit.call(this);
+            this.row = 0;
+            this.column = 0;
+            this.subscribeToImage();
+            if (!this.contentBlock[FORM_NAME_INIT]) {
+                this.addRow(0);
+                this.contentBlock[FORM_NAME_INIT] = true;
+                this.persist();
+            }
+        };
+        TextBackgroundsThreeRowsIconTextComponent.prototype.addRow = function (index) {
+            this.contentBlock[FORM_NAME_ROWS].push(new Array());
+            for (var i = 0; i < this.contentBlock[FORM_NAME_ITEM_NUMBER]; ++i) {
+                var newElement = new TextBackgroundsRowsIconTextDto();
+                this.translateBlockService.translateProperties(newElement);
+                this.contentBlock[FORM_NAME_ROWS][index].push(newElement);
+            }
+            this.contentBlock[FORM_NAME_LINE_NUMBER] += 1;
+            this.persist();
+            console.log(this.contentBlock[FORM_NAME_ROWS]);
+        };
+        TextBackgroundsThreeRowsIconTextComponent.prototype.deleteRow = function (i) {
+            this.contentBlock[FORM_NAME_ROWS].splice(i, 1);
+            this.contentBlock[FORM_NAME_LINE_NUMBER] -= 1;
+            this.persist();
+        };
+        TextBackgroundsThreeRowsIconTextComponent.prototype.subscribeToImage = function () {
+            var _this = this;
+            this.image.subscribe(function (media) {
+                _this.addBackgroundImageMedia(media);
+            });
+        };
+        TextBackgroundsThreeRowsIconTextComponent.prototype.onClickUpdateImage = function (row, column) {
+            this.row = row;
+            this.column = column;
+            this.getMedia();
+        };
+        TextBackgroundsThreeRowsIconTextComponent.prototype.updateThisImage = function (imageWidthHeight, $event) {
+            if (imageWidthHeight[FORM_NAME_IMAGE_URL] ===
+                this.contentBlock[FORM_NAME_ROWS][this.row][this.column][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]) {
+                this.contentBlock[FORM_NAME_ROWS][this.row][this.column][FORM_NAME_IMAGE][FORM_NAME_IMAGE_WIDTH] =
+                    imageWidthHeight[FORM_NAME_IMAGE_WIDTH];
+                this.contentBlock[FORM_NAME_ROWS][this.row][this.column][FORM_NAME_IMAGE][FORM_NAME_IMAGE_HEIGHT] =
+                    imageWidthHeight[FORM_NAME_IMAGE_HEIGHT];
+                this.persist();
+            }
+        };
+        TextBackgroundsThreeRowsIconTextComponent.prototype.addNewImage = function (row, column) {
+            this.row = row;
+            this.column = column;
+            this.getMedia();
+        };
+        TextBackgroundsThreeRowsIconTextComponent.prototype.addBackgroundImageMedia = function (media) {
+            var imageMediaDto = new ImageMediaDto();
+            imageMediaDto.image_url = media.image_url;
+            imageMediaDto.id = media.id;
+            this.contentBlock[FORM_NAME_ROWS][this.row][this.column].image = imageMediaDto;
+            this.persist();
+        };
+        TextBackgroundsThreeRowsIconTextComponent.prototype.stopPropagation = function ($event) {
+            $event.stopPropagation();
+        };
+        return TextBackgroundsThreeRowsIconTextComponent;
+    }(StructuresComponent));
+    TextBackgroundsThreeRowsIconTextComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: TextBackgroundsThreeRowsIconTextService.selector(),
+                    template: "<div class=\"wb-text-backgrounds-rows-icon-text wb-text-backgrounds-rows-icon-text--three\">\n    <div class=\"columns is-multiline\" *ngFor=\"let row of contents[BASE_BLOCK_CONTENT].rows; let i = index\">\n        <div class=\"wb-text-backgrounds-rows-icon-text__delete-line\">\n            <div\n                wbShowDeleteButton\n                *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number > 1\"\n                class=\"wb-text-backgrounds-rows-icon-text__delete-line__button\"\n            >\n                <i class=\"fas fa-trash-alt\"></i>\n                <p>{{ 'wb.structures.template.64' | translate }}</p>\n                <button (click)=\"deleteRow(i)\">{{ 'wb.structures.template.65' | translate }}</button>\n            </div>\n        </div>\n        <div class=\"column is-4-fullhd is-4-desktop\" *ngFor=\"let item of row; let j = index\">\n            <div class=\"wb-text-backgrounds-rows-icon-text__item\">\n                <div\n                    class=\"wb-text-backgrounds-rows-icon-text__item__content\"\n                    [ngClass]=\"{\n                        'wb-text-backgrounds-rows-icon-text__item__content--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-text-backgrounds-rows-icon-text__item__content--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-text-backgrounds-rows-icon-text__item__content--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                >\n                    <wb-structure-config\n                        [blockUUID]=\"uuid\"\n                        [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n                        [isFullwidth]=\"true\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                    >\n                        <wb-structure-config-input\n                            [label]=\"'wb.structures.template.9' | translate\"\n                            [(ngModel)]=\"item[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)]=\"item[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)]=\"item[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                        class=\"wb-text-backgrounds-rows-icon-text__item__content__noimages\"\n                        wbPicturesTemplateDirective\n                        [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                        *ngIf=\"!item[FORM_NAME_IMAGE]\"\n                        (click)=\"addNewImage(i, j)\"\n                    >\n                        <p>\n                            <i class=\"fal fa-image\"></i>\n                            {{ 'wb.structures.template.8' | translate }}\n                        </p>\n                    </div>\n                    <div *ngIf=\"item[FORM_NAME_IMAGE]\" class=\"wb-text-backgrounds-rows-icon-text__item__content__image\">\n                        <div\n                            wbGetSizeImageDirective\n                            [urlToParse]=\"item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n                            (onUpdate)=\"updateThisImage(item[FORM_NAME_IMAGE], $event)\"\n                            [style.background-image]=\"'url(' + item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                            *ngIf=\"item[FORM_NAME_IMAGE]\"\n                            class=\"wb-text-backgrounds-rows-icon-text__item__content__image__background\"\n                        ></div>\n                    </div>\n\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__wrapper\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                        (click)=\"onClickUpdateImage(i, j)\"\n                    >\n                        <div (click)=\"stopPropagation($event)\">\n                            <wb-structure-config-font\n                                [(value)]=\"item[FORM_NAME_ICON]\"\n                                [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR]\"\n                                (valueChange)=\"item[FORM_NAME_ICON] = $event; persist()\"\n                            ></wb-structure-config-font>\n                            <div class=\"wb-text-backgrounds-rows-icon-text__item__content__title\">\n                                <wb-quill [(content)]=\"item[FORM_NAME_TITLE]\" (contentChange)=\"persist()\"></wb-quill>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"columns\" *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number < 9\">\n        <div class=\"column\">\n            <div class=\"wb-text-backgrounds-rows-icon-text__add\">\n                <a (click)=\"addRow(contents[BASE_BLOCK_CONTENT].line_number)\">\n                    <i class=\"fal fa-plus-circle\"></i>\n                    <p>\n                        {{ 'wb.structures.template.63' | translate }}\n                    </p>\n                </a>\n            </div>\n        </div>\n    </div>\n</div>\n"
+                },] }
+    ];
+    TextBackgroundsThreeRowsIconTextComponent.ctorParameters = function () { return [
+        { type: TranslateBlockService }
+    ]; };
+
+    var TextBackgroundsFourRowsIconTextComponent = /** @class */ (function (_super) {
+        __extends(TextBackgroundsFourRowsIconTextComponent, _super);
+        function TextBackgroundsFourRowsIconTextComponent(translateBlockService) {
+            var _this = _super.call(this) || this;
+            _this.translateBlockService = translateBlockService;
+            _this.row = 0;
+            _this.column = 0;
+            _this.sizes = { small: '458x175', medium: '458x250', large: '458x325' };
+            _this.setComponentService(TextBackgroundsFourRowsIconTextService);
+            return _this;
+        }
+        TextBackgroundsFourRowsIconTextComponent.prototype.ngOnInit = function () {
+            _super.prototype.ngOnInit.call(this);
+            this.row = 0;
+            this.column = 0;
+            this.subscribeToImage();
+            if (!this.contentBlock[FORM_NAME_INIT]) {
+                this.addRow(0);
+                this.contentBlock[FORM_NAME_INIT] = true;
+                this.persist();
+            }
+        };
+        TextBackgroundsFourRowsIconTextComponent.prototype.addRow = function (index) {
+            this.contentBlock[FORM_NAME_ROWS].push(new Array());
+            for (var i = 0; i < this.contentBlock[FORM_NAME_ITEM_NUMBER]; ++i) {
+                var newElement = new TextBackgroundsRowsIconTextDto();
+                this.translateBlockService.translateProperties(newElement);
+                this.contentBlock[FORM_NAME_ROWS][index].push(newElement);
+            }
+            this.contentBlock[FORM_NAME_LINE_NUMBER] += 1;
+            this.persist();
+            console.log(this.contentBlock[FORM_NAME_ROWS]);
+        };
+        TextBackgroundsFourRowsIconTextComponent.prototype.deleteRow = function (i) {
+            this.contentBlock[FORM_NAME_ROWS].splice(i, 1);
+            this.contentBlock[FORM_NAME_LINE_NUMBER] -= 1;
+            this.persist();
+        };
+        TextBackgroundsFourRowsIconTextComponent.prototype.subscribeToImage = function () {
+            var _this = this;
+            this.image.subscribe(function (media) {
+                _this.addBackgroundImageMedia(media);
+            });
+        };
+        TextBackgroundsFourRowsIconTextComponent.prototype.onClickUpdateImage = function (row, column) {
+            this.row = row;
+            this.column = column;
+            this.getMedia();
+        };
+        TextBackgroundsFourRowsIconTextComponent.prototype.updateThisImage = function (imageWidthHeight, $event) {
+            if (imageWidthHeight[FORM_NAME_IMAGE_URL] ===
+                this.contentBlock[FORM_NAME_ROWS][this.row][this.column][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]) {
+                this.contentBlock[FORM_NAME_ROWS][this.row][this.column][FORM_NAME_IMAGE][FORM_NAME_IMAGE_WIDTH] =
+                    imageWidthHeight[FORM_NAME_IMAGE_WIDTH];
+                this.contentBlock[FORM_NAME_ROWS][this.row][this.column][FORM_NAME_IMAGE][FORM_NAME_IMAGE_HEIGHT] =
+                    imageWidthHeight[FORM_NAME_IMAGE_HEIGHT];
+                this.persist();
+            }
+        };
+        TextBackgroundsFourRowsIconTextComponent.prototype.addNewImage = function (row, column) {
+            this.row = row;
+            this.column = column;
+            this.getMedia();
+        };
+        TextBackgroundsFourRowsIconTextComponent.prototype.addBackgroundImageMedia = function (media) {
+            var imageMediaDto = new ImageMediaDto();
+            imageMediaDto.image_url = media.image_url;
+            imageMediaDto.id = media.id;
+            this.contentBlock[FORM_NAME_ROWS][this.row][this.column].image = imageMediaDto;
+            this.persist();
+        };
+        TextBackgroundsFourRowsIconTextComponent.prototype.stopPropagation = function ($event) {
+            $event.stopPropagation();
+        };
+        return TextBackgroundsFourRowsIconTextComponent;
+    }(StructuresComponent));
+    TextBackgroundsFourRowsIconTextComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: TextBackgroundsFourRowsIconTextService.selector(),
+                    template: "<div class=\"wb-text-backgrounds-rows-icon-text wb-text-backgrounds-rows-icon-text--four\">\n    <div class=\"columns is-multiline\" *ngFor=\"let row of contents[BASE_BLOCK_CONTENT].rows; let i = index\">\n        <div class=\"wb-text-backgrounds-rows-icon-text__delete-line\">\n            <div\n                wbShowDeleteButton\n                *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number > 1\"\n                class=\"wb-text-backgrounds-rows-icon-text__delete-line__button\"\n            >\n                <i class=\"fas fa-trash-alt\"></i>\n                <p>{{ 'wb.structures.template.64' | translate }}</p>\n                <button (click)=\"deleteRow(i)\">{{ 'wb.structures.template.65' | translate }}</button>\n            </div>\n        </div>\n        <div class=\"column is-3-fullhd is-3-desktop\" *ngFor=\"let item of row; let j = index\">\n            <div class=\"wb-text-backgrounds-rows-icon-text__item\">\n                <div\n                    class=\"wb-text-backgrounds-rows-icon-text__item__content\"\n                    [ngClass]=\"{\n                        'wb-text-backgrounds-rows-icon-text__item__content--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-text-backgrounds-rows-icon-text__item__content--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-text-backgrounds-rows-icon-text__item__content--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                >\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__noimages\"\n                        [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                        wbPicturesTemplateDirective\n                        *ngIf=\"!item[FORM_NAME_IMAGE]\"\n                        (click)=\"addNewImage(i, j)\"\n                    >\n                        <p>\n                            {{ 'wb.structures.template.8' | translate }}\n                        </p>\n                    </div>\n                    <wb-structure-config\n                        [blockUUID]=\"uuid\"\n                        [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n                        [isFullwidth]=\"true\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                    >\n                        <wb-structure-config-input\n                            [label]=\"'wb.structures.template.9' | translate\"\n                            [(ngModel)]=\"item[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)]=\"item[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)]=\"item[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 *ngIf=\"item[FORM_NAME_IMAGE]\" class=\"wb-text-backgrounds-rows-icon-text__item__content__image\">\n                        <div\n                            wbGetSizeImageDirective\n                            [urlToParse]=\"item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n                            (onUpdate)=\"updateThisImage(item[FORM_NAME_IMAGE], $event)\"\n                            [style.background-image]=\"'url(' + item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                            *ngIf=\"item[FORM_NAME_IMAGE]\"\n                            class=\"wb-text-backgrounds-rows-icon-text__item__content__image__background\"\n                        ></div>\n                    </div>\n\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__wrapper\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                        (click)=\"onClickUpdateImage(i, j)\"\n                    >\n                        <div (click)=\"stopPropagation($event)\">\n                            <wb-structure-config-font\n                                [(value)]=\"item[FORM_NAME_ICON]\"\n                                [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR]\"\n                                (valueChange)=\"item[FORM_NAME_ICON] = $event; persist()\"\n                            ></wb-structure-config-font>\n                            <div class=\"wb-text-backgrounds-rows-icon-text__item__content__title\">\n                                <wb-quill [(content)]=\"item[FORM_NAME_TITLE]\" (contentChange)=\"persist()\"></wb-quill>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"columns\" *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number < 9\">\n        <div class=\"column\">\n            <div class=\"wb-text-backgrounds-rows-icon-text__add\">\n                <a (click)=\"addRow(contents[BASE_BLOCK_CONTENT].line_number)\">\n                    <i class=\"fal fa-plus-circle\"></i>\n                    <p>\n                        {{ 'wb.structures.template.63' | translate }}\n                    </p>\n                </a>\n            </div>\n        </div>\n    </div>\n</div>\n"
+                },] }
+    ];
+    TextBackgroundsFourRowsIconTextComponent.ctorParameters = function () { return [
+        { type: TranslateBlockService }
+    ]; };
+
+    var TextBackgroundsTwoRowsIconTextComponent = /** @class */ (function (_super) {
+        __extends(TextBackgroundsTwoRowsIconTextComponent, _super);
+        function TextBackgroundsTwoRowsIconTextComponent(translateBlockService) {
+            var _this = _super.call(this) || this;
+            _this.translateBlockService = translateBlockService;
+            _this.row = 0;
+            _this.column = 0;
+            _this.sizes = { small: '945x175', medium: '945x250', large: '945x325' };
+            _this.setComponentService(TextBackgroundsTwoRowsIconTextService);
+            return _this;
+        }
+        TextBackgroundsTwoRowsIconTextComponent.prototype.ngOnInit = function () {
+            _super.prototype.ngOnInit.call(this);
+            this.row = 0;
+            this.column = 0;
+            this.subscribeToImage();
+            if (!this.contentBlock[FORM_NAME_INIT]) {
+                this.addRow(0);
+                this.contentBlock[FORM_NAME_INIT] = true;
+                this.persist();
+            }
+        };
+        TextBackgroundsTwoRowsIconTextComponent.prototype.addRow = function (index) {
+            this.contentBlock[FORM_NAME_ROWS].push(new Array());
+            for (var i = 0; i < this.contentBlock[FORM_NAME_ITEM_NUMBER]; ++i) {
+                var newElement = new TextBackgroundsRowsIconTextDto();
+                this.translateBlockService.translateProperties(newElement);
+                this.contentBlock[FORM_NAME_ROWS][index].push(newElement);
+            }
+            this.contentBlock[FORM_NAME_LINE_NUMBER] += 1;
+            this.persist();
+        };
+        TextBackgroundsTwoRowsIconTextComponent.prototype.deleteRow = function (i) {
+            this.contentBlock[FORM_NAME_ROWS].splice(i, 1);
+            this.contentBlock[FORM_NAME_LINE_NUMBER] -= 1;
+            this.persist();
+        };
+        TextBackgroundsTwoRowsIconTextComponent.prototype.subscribeToImage = function () {
+            var _this = this;
+            this.image.subscribe(function (media) {
+                _this.addBackgroundImageMedia(media);
+            });
+        };
+        TextBackgroundsTwoRowsIconTextComponent.prototype.onClickUpdateImage = function (row, column) {
+            this.row = row;
+            this.column = column;
+            this.getMedia();
+        };
+        TextBackgroundsTwoRowsIconTextComponent.prototype.updateThisImage = function (imageWidthHeight, $event) {
+            if (imageWidthHeight[FORM_NAME_IMAGE_URL] ===
+                this.contentBlock[FORM_NAME_ROWS][this.row][this.column][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]) {
+                this.contentBlock[FORM_NAME_ROWS][this.row][this.column][FORM_NAME_IMAGE][FORM_NAME_IMAGE_WIDTH] =
+                    imageWidthHeight[FORM_NAME_IMAGE_WIDTH];
+                this.contentBlock[FORM_NAME_ROWS][this.row][this.column][FORM_NAME_IMAGE][FORM_NAME_IMAGE_HEIGHT] =
+                    imageWidthHeight[FORM_NAME_IMAGE_HEIGHT];
+                this.persist();
+            }
+        };
+        TextBackgroundsTwoRowsIconTextComponent.prototype.addNewImage = function (row, column) {
+            console.log('row ' + row + ' col ' + column);
+            this.row = row;
+            this.column = column;
+            this.getMedia();
+        };
+        TextBackgroundsTwoRowsIconTextComponent.prototype.addBackgroundImageMedia = function (media) {
+            var imageMediaDto = new ImageMediaDto();
+            imageMediaDto.image_url = media.image_url;
+            imageMediaDto.id = media.id;
+            this.contentBlock[FORM_NAME_ROWS][this.row][this.column].image = imageMediaDto;
+            this.persist();
+        };
+        TextBackgroundsTwoRowsIconTextComponent.prototype.stopPropagation = function ($event) {
+            $event.stopPropagation();
+        };
+        return TextBackgroundsTwoRowsIconTextComponent;
+    }(StructuresComponent));
+    TextBackgroundsTwoRowsIconTextComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: TextBackgroundsTwoRowsIconTextService.selector(),
+                    template: "<div class=\"wb-text-backgrounds-rows-icon-text wb-text-backgrounds-rows-icon-text--two\">\n    <div class=\"columns is-multiline\" *ngFor=\"let row of contents[BASE_BLOCK_CONTENT].rows; let i = index\">\n        <div class=\"wb-text-backgrounds-rows-icon-text__delete-line\">\n            <div\n                wbShowDeleteButton\n                *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number > 1\"\n                class=\"wb-text-backgrounds-rows-icon-text__delete-line__button\"\n            >\n                <i class=\"fas fa-trash-alt\"></i>\n                <p>{{ 'wb.structures.template.64' | translate }}</p>\n                <button (click)=\"deleteRow(i)\">{{ 'wb.structures.template.65' | translate }}</button>\n            </div>\n        </div>\n        <div class=\"column is-6-fullhd is-6-desktop\" *ngFor=\"let item of row; let j = index\">\n            <div class=\"wb-text-backgrounds-rows-icon-text__item\">\n                <div\n                    class=\"wb-text-backgrounds-rows-icon-text__item__content\"\n                    [ngClass]=\"{\n                        'wb-text-backgrounds-rows-icon-text__item__content--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-text-backgrounds-rows-icon-text__item__content--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-text-backgrounds-rows-icon-text__item__content--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                >\n                    <wb-structure-config\n                        [blockUUID]=\"uuid\"\n                        [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n                        [isFullwidth]=\"true\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                    >\n                        <wb-structure-config-input\n                            [label]=\"'wb.structures.template.9' | translate\"\n                            [(ngModel)]=\"item[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)]=\"item[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)]=\"item[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                        class=\"wb-text-backgrounds-rows-icon-text__item__content__noimages\"\n                        wbPicturesTemplateDirective\n                        [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                        *ngIf=\"!item[FORM_NAME_IMAGE]\"\n                        (click)=\"addNewImage(i, j)\"\n                    >\n                        <p>\n                            <i class=\"fal fa-image\"></i>\n                            {{ 'wb.structures.template.8' | translate }}\n                        </p>\n                    </div>\n                    <div *ngIf=\"item[FORM_NAME_IMAGE]\" class=\"wb-text-backgrounds-rows-icon-text__item__content__image\">\n                        <div\n                            wbGetSizeImageDirective\n                            [urlToParse]=\"item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n                            (onUpdate)=\"updateThisImage(item[FORM_NAME_IMAGE], $event)\"\n                            [style.background-image]=\"'url(' + item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                            *ngIf=\"item[FORM_NAME_IMAGE]\"\n                            class=\"wb-text-backgrounds-rows-icon-text__item__content__image__background\"\n                        ></div>\n                    </div>\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__wrapper\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                        (click)=\"onClickUpdateImage(i, j)\"\n                    >\n                        <div (click)=\"stopPropagation($event)\">\n                            <wb-structure-config-font\n                                [(value)]=\"item[FORM_NAME_ICON]\"\n                                [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR]\"\n                                (valueChange)=\"item[FORM_NAME_ICON] = $event; persist()\"\n                            ></wb-structure-config-font>\n                            <div class=\"wb-text-backgrounds-rows-icon-text__item__content__title\">\n                                <wb-quill [(content)]=\"item[FORM_NAME_TITLE]\" (contentChange)=\"persist()\"></wb-quill>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"columns\" *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number < 9\">\n        <div class=\"column\">\n            <div class=\"wb-text-backgrounds-rows-icon-text__add\">\n                <a (click)=\"addRow(contents[BASE_BLOCK_CONTENT].line_number)\">\n                    <i class=\"fal fa-plus-circle\"></i>\n                    <p>\n                        {{ 'wb.structures.template.63' | translate }}\n                    </p>\n                </a>\n            </div>\n        </div>\n    </div>\n</div>\n"
+                },] }
+    ];
+    TextBackgroundsTwoRowsIconTextComponent.ctorParameters = function () { return [
+        { type: TranslateBlockService }
+    ]; };
+
+    var SliderWithBannerComponent = /** @class */ (function (_super) {
+        __extends(SliderWithBannerComponent, _super);
+        function SliderWithBannerComponent() {
+            var _this = _super.call(this) || this;
+            _this.selectedTab = null;
+            _this.showEmptyImage = true;
+            _this.selectedKey = '';
+            _this.sizes = { small: '2000x550', medium: '2000x660', large: '2000x770' };
+            _this.setComponentService(SlidersWithBannerService);
+            return _this;
+        }
+        SliderWithBannerComponent.prototype.ngOnInit = function () {
+            _super.prototype.ngOnInit.call(this);
+            this.subscribeToImage();
+            if (this.contentBlock.slider.length) {
+                this.showEmptyImage = false;
+                this.selectedTab = 0;
+            }
+        };
+        SliderWithBannerComponent.prototype.subscribeToImage = function () {
+            var _this = this;
+            this.image.subscribe(function (media) {
+                if (_this.selectedKey !== '') {
+                    _this.replaceSliderWithMedia(media);
+                }
+                else {
+                    _this.addASliderWithMedia(media);
+                }
+            });
+        };
+        SliderWithBannerComponent.prototype.getMediaFor = function (key) {
+            this.selectedKey = key;
+            this.getMedia();
+        };
+        SliderWithBannerComponent.prototype.showSlide = function (key) {
+            if (this.selectedTab === key && !this.showEmptyImage) {
+                return;
+            }
+            this.showEmptyImage = false;
+            this.selectedTab = key;
+        };
+        SliderWithBannerComponent.prototype.addASliderWithMedia = function (media) {
+            var imageMediaDto = new ImageMediaDto();
+            imageMediaDto.image_url = media.image_url;
+            imageMediaDto.id = media.id;
+            this.contentBlock.slider.push(imageMediaDto);
+            this.selectedTab = this.contentBlock.slider.length - 1;
+            this.showEmptyImage = false;
+            this.persist();
+        };
+        SliderWithBannerComponent.prototype.replaceSliderWithMedia = function (media) {
+            var currentImage = this.contentBlock.slider[this.selectedKey];
+            currentImage.image_url = media.image_url;
+            currentImage.id = media.id;
+            this.contentBlock.slider[this.selectedKey] = currentImage;
+            this.selectedKey = '';
+            this.persist();
+        };
+        SliderWithBannerComponent.prototype.updateThisImage = function (key, imageWidthHeight) {
+            if (imageWidthHeight[FORM_NAME_IMAGE_URL] === this.contentBlock[FORM_NAME_SLIDER][key][FORM_NAME_IMAGE_URL]) {
+                this.contentBlock[FORM_NAME_SLIDER][key][FORM_NAME_IMAGE_WIDTH] = imageWidthHeight[FORM_NAME_IMAGE_WIDTH];
+                this.contentBlock[FORM_NAME_SLIDER][key][FORM_NAME_IMAGE_HEIGHT] = imageWidthHeight[FORM_NAME_IMAGE_HEIGHT];
+                this.persist();
+            }
+        };
+        SliderWithBannerComponent.prototype.removeThisSlide = function (key) {
+            var arrayToShorten = this.contentBlock.slider;
+            delete arrayToShorten[key];
+            this.contentBlock.slider = arrayToShorten.filter(function (item) {
+                return item !== undefined;
+            });
+            if (this.contentBlock.slider.length > 0 && this.showEmptyImage === false) {
+                this.selectedTab = 0;
+            }
+            else {
+                this.selectedTab = null;
+                this.showEmptyImage = true;
+            }
+            this.persist();
+        };
+        SliderWithBannerComponent.prototype.onDrop = function (event) {
+            dragDrop.moveItemInArray(this.contentBlock.slider, event.previousIndex, event.currentIndex);
+            this.selectedTab = event.currentIndex;
+            this.persist();
+        };
+        return SliderWithBannerComponent;
+    }(StructuresComponent));
+    SliderWithBannerComponent.decorators = [
+        { type: i0.Component, args: [{
+                    selector: SlidersWithBannerService.selector(),
+                    template: "<div class=\"wb-slider-with-banner\">\n    <div\n        class=\"wb-slider-with-banner__container\"\n        [ngClass]=\"{\n            'wb-slider-with-banner__container--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n            'wb-slider-with-banner__container--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n            'wb-slider-with-banner__container--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n        }\"\n    >\n        <div\n            class=\"wb-slider-with-banner__container__images\"\n            *ngFor=\"let slide of contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER]; let k = index\"\n            [ngClass]=\"{ 'is-active': !showEmptyImage && selectedTab !== null && selectedTab === k }\"\n        >\n            <div>\n                <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\">\n                    <wb-structure-config-input\n                        [label]=\"'wb.structures.template.9' | translate\"\n                        [(ngModel)]=\"slide[FORM_NAME_TITLE]\"\n                        (ngModelChange)=\"persist()\"\n                    ></wb-structure-config-input>\n                    <div class=\"columns\">\n                        <div class=\"column\">\n                            <wb-structure-config-input\n                                [label]=\"'wb.structures.template.10' | translate\"\n                                [(ngModel)]=\"slide[FORM_NAME_URL]\"\n                                [placeholder]=\"'wb.structures.template.11' | translate\"\n                                (ngModelChange)=\"persist()\"\n                            ></wb-structure-config-input>\n                        </div>\n                        <div class=\"column\">\n                            <wb-structure-config-checkbox\n                                [label]=\"'wb.structures.template.12' | translate\"\n                                [(ngModel)]=\"slide[FORM_NAME_URL_TARGET]\"\n                                (ngModelChange)=\"persist()\"\n                                [off]=\"'_self'\"\n                                [on]=\"'_blank'\"\n                            ></wb-structure-config-checkbox>\n                        </div>\n                    </div>\n                </wb-structure-config>\n                <div\n                    wbGetSizeImageDirective\n                    [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                    [urlToParse]=\"slide[FORM_NAME_IMAGE_URL]\"\n                    (onUpdate)=\"updateThisImage(k, $event)\"\n                    [style.background-image]=\"'url(' + slide[FORM_NAME_IMAGE_URL] + ')'\"\n                    *ngIf=\"!showEmptyImage && selectedTab !== null && selectedTab === k\"\n                    (click)=\"getMediaFor(k)\"\n                    class=\"wb-slider-with-banner__container__images__slide\"\n                    [ngClass]=\"{\n                        'wb-slider-with-banner__container__images__slide--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-slider-with-banner__container__images__slide--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-slider-with-banner__container__images__slide--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                ></div>\n            </div>\n            <div class=\"wb-slider-with-banner__container__controller\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DOTS]\">\n                <span\n                    *ngFor=\"let point of contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER]; let f = index\"\n                    (click)=\"showSlide(f)\"\n                    [ngClass]=\"{ 'is-active': selectedTab !== null && selectedTab === f }\"\n                ></span>\n            </div>\n        </div>\n        <div class=\"wb-slider-with-banner__container__banner\" [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n            <wb-quill [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\" (contentChange)=\"persist()\"></wb-quill>\n        </div>\n    </div>\n    <div\n        class=\"wb-slider-with-banner__noimages\"\n        wbPicturesTemplateDirective\n        [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n        *ngIf=\"showEmptyImage || contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER].length === 0\"\n        (click)=\"getMedia()\"\n        [ngClass]=\"{\n            'wb-slider-with-banner__noimages--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n            'wb-slider-with-banner__noimages--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n            'wb-slider-with-banner__noimages--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n        }\"\n    ></div>\n    <div\n        class=\"wb-additionnal-tools wb-slider-with-banner__container__slider\"\n        *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER].length\"\n        cdkDropList\n        cdkDropListOrientation=\"horizontal\"\n        (cdkDropListDropped)=\"onDrop($event)\"\n    >\n        <a\n            class=\"wb-slider-with-banner__container__slider-selector\"\n            *ngFor=\"let slideC of contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER]; let i = index\"\n            (click)=\"showSlide(i)\"\n            cdkDrag\n        >\n            <span></span>\n            <span\n                >{{ 'wb.structures.template.58' | translate: { nb: i + 1 } }} <i class=\"fal fa-times\" (click)=\"removeThisSlide(i)\"></i>\n            </span>\n        </a>\n        <a\n            class=\"wb-slider-with-banner__container__slider-add\"\n            (click)=\"getMedia()\"\n            *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER].length < 5\"\n            >{{ 'wb.structures.template.30' | translate }}</a\n        >\n    </div>\n</div>\n"
+                },] }
+    ];
+    SliderWithBannerComponent.ctorParameters = function () { return []; };
+
     var BlockComponentList = [
         SliderFullpageComponent,
         SliderLeftnavComponent,
@@ -26538,6 +27580,13 @@
         FaqFrameComponent,
         FaqAccordionComponent,
         FaqListIconComponent,
+        FourImagesTitleComponent,
+        TwoImagesTitleTextComponent,
+        TextBackgroundsWithBannerComponent,
+        TextBackgroundsTwoRowsIconTextComponent,
+        TextBackgroundsThreeRowsIconTextComponent,
+        TextBackgroundsFourRowsIconTextComponent,
+        SliderWithBannerComponent,
     ];
     var StructuresModule = /** @class */ (function () {
         function StructuresModule() {
@@ -26554,7 +27603,7 @@
                         ngxLeaflet.LeafletModule,
                         ngWiziBulma.NwbCommonModule,
                         ngWiziBulma.NwbDatePickerModule,
-                        core.TranslateModule.forChild(),
+                        i1.TranslateModule.forChild(),
                         LoaderComponentModule.withComponents(BlockComponentList),
                     ],
                     exports: BlockComponentList,
@@ -26897,7 +27946,7 @@
     ComponentsModule.decorators = [
         { type: i0.NgModule, args: [{
                     declarations: components$3,
-                    imports: [SharedModule, StructuresModule, ngWiziBulma.NwbAllModule, ngxColorPicker.ColorPickerModule, core.TranslateModule.forChild()],
+                    imports: [SharedModule, StructuresModule, ngWiziBulma.NwbAllModule, ngxColorPicker.ColorPickerModule, i1.TranslateModule.forChild()],
                     exports: components$3,
                 },] }
     ];
@@ -26927,8 +27976,8 @@
                         ngxScrollbar.NgScrollbarModule,
                         ngxColorPicker.ColorPickerModule,
                         ngWiziBulma.NwbAllModule,
-                        core.TranslateModule.forChild({
-                            missingTranslationHandler: { provide: core.MissingTranslationHandler, useClass: MyMissingTranslationHandler },
+                        i1.TranslateModule.forChild({
+                            missingTranslationHandler: { provide: i1.MissingTranslationHandler, useClass: MyMissingTranslationHandler },
                             useDefaultLang: false,
                         }),
                     ],
@@ -26964,245 +28013,261 @@
     exports.ɵbe = ExpectedImagesService;
     exports.ɵbf = PicturesTemplateDirective;
     exports.ɵbg = HoldableDirective;
-    exports.ɵbh = StructureToolsComponent;
-    exports.ɵbi = StructureConfigComponent;
-    exports.ɵbj = StructureConfigService;
-    exports.ɵbk = StructureConfigInputComponent;
-    exports.ɵbl = StructureConfigCheckboxComponent;
-    exports.ɵbm = StructureConfigFontComponent;
-    exports.ɵbn = FontAwesomeService;
-    exports.ɵbo = StructureConfigPaymentComponent;
-    exports.ɵbp = StructureSelectComponent;
-    exports.ɵbq = StructureSearchProductComponent;
-    exports.ɵbr = StructureConfigExtendedInputComponent;
-    exports.ɵbs = StructureAmplifySearchProductComponent;
-    exports.ɵbt = StructureAmplifySearchCategoryComponent;
-    exports.ɵbu = LoaderComponent;
-    exports.ɵbv = SmallLoaderComponent;
-    exports.ɵbw = StarComponent;
-    exports.ɵbx = QuillComponent;
-    exports.ɵby = QuillService;
-    exports.ɵbz = FaqComponent;
+    exports.ɵbh = ShowDeleteButtonDirective;
+    exports.ɵbi = StructureToolsComponent;
+    exports.ɵbj = StructureConfigComponent;
+    exports.ɵbk = StructureConfigService;
+    exports.ɵbl = StructureConfigInputComponent;
+    exports.ɵbm = StructureConfigCheckboxComponent;
+    exports.ɵbn = StructureConfigFontComponent;
+    exports.ɵbo = FontAwesomeService;
+    exports.ɵbp = StructureConfigPaymentComponent;
+    exports.ɵbq = StructureSelectComponent;
+    exports.ɵbr = StructureSearchProductComponent;
+    exports.ɵbs = StructureConfigExtendedInputComponent;
+    exports.ɵbt = StructureAmplifySearchProductComponent;
+    exports.ɵbu = StructureAmplifySearchCategoryComponent;
+    exports.ɵbv = LoaderComponent;
+    exports.ɵbw = SmallLoaderComponent;
+    exports.ɵbx = StarComponent;
+    exports.ɵby = QuillComponent;
+    exports.ɵbz = QuillService;
     exports.ɵc = animateListFromRight;
-    exports.ɵca = BlockComponentList;
-    exports.ɵcb = StructuresModule;
-    exports.ɵcc = SliderFullpageComponent;
-    exports.ɵcd = StructuresComponent;
-    exports.ɵce = SlidersFullpageService;
-    exports.ɵcf = SliderLeftnavComponent;
-    exports.ɵcg = SlidersLeftnavService;
-    exports.ɵch = SliderImagerightComponent;
-    exports.ɵci = SlidersImagerightService;
-    exports.ɵcj = SliderDoubleImagerightComponent;
-    exports.ɵck = SlidersDoubleImagerightService;
-    exports.ɵcl = SeparatorSimpleComponent;
-    exports.ɵcm = SeparatorSimpleService;
-    exports.ɵcn = CodeHtmlComponent;
-    exports.ɵco = CodeHtmlService;
-    exports.ɵcp = CodeJavascriptComponent;
-    exports.ɵcq = CodeJavascriptService;
-    exports.ɵcr = VideosSimpleComponent;
-    exports.ɵcs = VideosSimpleService;
-    exports.ɵct = YoutubeService;
-    exports.ɵcu = VimeoService;
-    exports.ɵcv = VideosTxtComponent;
-    exports.ɵcw = VideosTxtService;
-    exports.ɵcx = VideosTxtContentComponent;
-    exports.ɵcy = VideosTxtContentService;
-    exports.ɵcz = LaunchVideosButtonComponent;
+    exports.ɵca = FaqComponent;
+    exports.ɵcb = BlockComponentList;
+    exports.ɵcc = StructuresModule;
+    exports.ɵcd = SliderFullpageComponent;
+    exports.ɵce = StructuresComponent;
+    exports.ɵcf = SlidersFullpageService;
+    exports.ɵcg = SliderLeftnavComponent;
+    exports.ɵch = SlidersLeftnavService;
+    exports.ɵci = SliderImagerightComponent;
+    exports.ɵcj = SlidersImagerightService;
+    exports.ɵck = SliderDoubleImagerightComponent;
+    exports.ɵcl = SlidersDoubleImagerightService;
+    exports.ɵcm = SeparatorSimpleComponent;
+    exports.ɵcn = SeparatorSimpleService;
+    exports.ɵco = CodeHtmlComponent;
+    exports.ɵcp = CodeHtmlService;
+    exports.ɵcq = CodeJavascriptComponent;
+    exports.ɵcr = CodeJavascriptService;
+    exports.ɵcs = VideosSimpleComponent;
+    exports.ɵct = VideosSimpleService;
+    exports.ɵcu = YoutubeService;
+    exports.ɵcv = VimeoService;
+    exports.ɵcw = VideosTxtComponent;
+    exports.ɵcx = VideosTxtService;
+    exports.ɵcy = VideosTxtContentComponent;
+    exports.ɵcz = VideosTxtContentService;
     exports.ɵd = animateListFromLeft;
-    exports.ɵda = LaunchVideosButtonService;
-    exports.ɵdb = LaunchVideosButtontxtComponent;
-    exports.ɵdc = LaunchVideosButtontxtService;
-    exports.ɵdd = ImagesBannerComponent;
-    exports.ɵde = ImagesBannerService;
-    exports.ɵdf = ImagesSimpleComponent;
-    exports.ɵdg = ImagesSimpleService;
-    exports.ɵdh = ImagesDoubleComponent;
-    exports.ɵdi = ImagesDoubleService;
-    exports.ɵdj = ImagesTripleComponent;
-    exports.ɵdk = ImagesTripleService;
-    exports.ɵdl = ImagesQuadrupleComponent;
-    exports.ɵdm = ImagesQuadrupleService;
-    exports.ɵdn = ImagesQuadrupleLeftOneRightComponent;
-    exports.ɵdo = ImagesQuadrupleLeftOneRightService;
-    exports.ɵdp = ImagesBigAndDoubleComponent;
-    exports.ɵdq = ImagesBigAndDoubleService;
-    exports.ɵdr = ImagesBigsAndDoubleMiddleComponent;
-    exports.ɵds = ImagesBigsAndDoubleMiddleService;
-    exports.ɵdt = TextBackgroundsLinkComponent;
-    exports.ɵdu = TextBackgroundsLinkService;
-    exports.ɵdv = TextBackgroundsSimpleComponent;
-    exports.ɵdw = TextBackgroundsSimpleService;
-    exports.ɵdx = TextBackgroundsWithTxtComponent;
-    exports.ɵdy = TextBackgroundsWithTxtService;
-    exports.ɵdz = ImagesTextsBigLeftTextRightComponent;
+    exports.ɵda = LaunchVideosButtonComponent;
+    exports.ɵdb = LaunchVideosButtonService;
+    exports.ɵdc = LaunchVideosButtontxtComponent;
+    exports.ɵdd = LaunchVideosButtontxtService;
+    exports.ɵde = ImagesBannerComponent;
+    exports.ɵdf = ImagesBannerService;
+    exports.ɵdg = ImagesSimpleComponent;
+    exports.ɵdh = ImagesSimpleService;
+    exports.ɵdi = ImagesDoubleComponent;
+    exports.ɵdj = ImagesDoubleService;
+    exports.ɵdk = ImagesTripleComponent;
+    exports.ɵdl = ImagesTripleService;
+    exports.ɵdm = ImagesQuadrupleComponent;
+    exports.ɵdn = ImagesQuadrupleService;
+    exports.ɵdo = ImagesQuadrupleLeftOneRightComponent;
+    exports.ɵdp = ImagesQuadrupleLeftOneRightService;
+    exports.ɵdq = ImagesBigAndDoubleComponent;
+    exports.ɵdr = ImagesBigAndDoubleService;
+    exports.ɵds = ImagesBigsAndDoubleMiddleComponent;
+    exports.ɵdt = ImagesBigsAndDoubleMiddleService;
+    exports.ɵdu = TextBackgroundsLinkComponent;
+    exports.ɵdv = TextBackgroundsLinkService;
+    exports.ɵdw = TextBackgroundsSimpleComponent;
+    exports.ɵdx = TextBackgroundsSimpleService;
+    exports.ɵdy = TextBackgroundsWithTxtComponent;
+    exports.ɵdz = TextBackgroundsWithTxtService;
     exports.ɵe = ConfigService;
-    exports.ɵea = ImagesTextsBigLeftTextRightService;
-    exports.ɵeb = ImagesTextsBigRightTextLeftComponent;
-    exports.ɵec = ImagesTextsBigRightTextLeftService;
-    exports.ɵed = ImagesTextsLeftTextRightComponent;
-    exports.ɵee = ImagesTextsLeftTextRightService;
-    exports.ɵef = ImagesTextsRightTextLeftComponent;
-    exports.ɵeg = ImagesTextsRightTextLeftService;
-    exports.ɵeh = ImagesTextsOneTextOneComponent;
-    exports.ɵei = ImagesTextsOneTextOneService;
-    exports.ɵej = ImagesTextsSmallLeftTextRightComponent;
-    exports.ɵek = ImagesTextsSmallLeftTextRightService;
-    exports.ɵel = ImagesTextsSmallRightTextLeftComponent;
-    exports.ɵem = ImagesTextsSmallRightTextLeftService;
-    exports.ɵen = ImagesTextsTextOneTextComponent;
-    exports.ɵeo = ImagesTextsTextOneTextService;
-    exports.ɵep = TextsOneBackgroundComponent;
-    exports.ɵeq = TextsOneBackgroundService;
-    exports.ɵer = TextsDoubleBackgroundComponent;
-    exports.ɵes = TextsDoubleBackgroundService;
-    exports.ɵet = TextsTripleBackgroundComponent;
-    exports.ɵeu = TextsTripleBackgroundService;
-    exports.ɵev = TextsQuadrupleComponent;
-    exports.ɵew = TextsQuadrupleService;
-    exports.ɵex = TextsQuadrupleNumbersComponent;
-    exports.ɵey = TextsQuadrupleNumbersService;
-    exports.ɵez = FormsSimpleComponent;
+    exports.ɵea = ImagesTextsBigLeftTextRightComponent;
+    exports.ɵeb = ImagesTextsBigLeftTextRightService;
+    exports.ɵec = ImagesTextsBigRightTextLeftComponent;
+    exports.ɵed = ImagesTextsBigRightTextLeftService;
+    exports.ɵee = ImagesTextsLeftTextRightComponent;
+    exports.ɵef = ImagesTextsLeftTextRightService;
+    exports.ɵeg = ImagesTextsRightTextLeftComponent;
+    exports.ɵeh = ImagesTextsRightTextLeftService;
+    exports.ɵei = ImagesTextsOneTextOneComponent;
+    exports.ɵej = ImagesTextsOneTextOneService;
+    exports.ɵek = ImagesTextsSmallLeftTextRightComponent;
+    exports.ɵel = ImagesTextsSmallLeftTextRightService;
+    exports.ɵem = ImagesTextsSmallRightTextLeftComponent;
+    exports.ɵen = ImagesTextsSmallRightTextLeftService;
+    exports.ɵeo = ImagesTextsTextOneTextComponent;
+    exports.ɵep = ImagesTextsTextOneTextService;
+    exports.ɵeq = TextsOneBackgroundComponent;
+    exports.ɵer = TextsOneBackgroundService;
+    exports.ɵes = TextsDoubleBackgroundComponent;
+    exports.ɵet = TextsDoubleBackgroundService;
+    exports.ɵeu = TextsTripleBackgroundComponent;
+    exports.ɵev = TextsTripleBackgroundService;
+    exports.ɵew = TextsQuadrupleComponent;
+    exports.ɵex = TextsQuadrupleService;
+    exports.ɵey = TextsQuadrupleNumbersComponent;
+    exports.ɵez = TextsQuadrupleNumbersService;
     exports.ɵf = ContentService;
-    exports.ɵfa = FormsSimpleService;
-    exports.ɵfb = TextsQuadrupleBackgroundComponent;
-    exports.ɵfc = TextsQuadrupleBackgroundService;
-    exports.ɵfd = TextsTripleComponent;
-    exports.ɵfe = TextsTripleService;
-    exports.ɵff = TextsOneComponent;
-    exports.ɵfg = TextsOneService;
-    exports.ɵfh = TextsDoubleComponent;
-    exports.ɵfi = TextsDoubleService;
-    exports.ɵfj = FormsBackgroundComponent;
-    exports.ɵfk = FormsBackgroundService;
-    exports.ɵfl = VideosTxtLeftComponent;
-    exports.ɵfm = VideosTxtLeftService;
-    exports.ɵfn = FormsImageleftComponent;
-    exports.ɵfo = FormsImageleftService;
-    exports.ɵfp = FormsImagerightComponent;
-    exports.ɵfq = FormsImagerightService;
-    exports.ɵfr = FormsOnboardingComponent;
-    exports.ɵfs = FormsOnboardingService;
-    exports.ɵft = SocialsLikeComponent;
-    exports.ɵfu = SocialsLikeService;
-    exports.ɵfv = SocialsPageSimpleComponent;
-    exports.ɵfw = SocialsPageSimpleService;
-    exports.ɵfx = SocialsPageComplexComponent;
-    exports.ɵfy = SocialsPageComplexService;
-    exports.ɵfz = SocialsNetworkComponent;
+    exports.ɵfa = FormsSimpleComponent;
+    exports.ɵfb = FormsSimpleService;
+    exports.ɵfc = TextsQuadrupleBackgroundComponent;
+    exports.ɵfd = TextsQuadrupleBackgroundService;
+    exports.ɵfe = TextsTripleComponent;
+    exports.ɵff = TextsTripleService;
+    exports.ɵfg = TextsOneComponent;
+    exports.ɵfh = TextsOneService;
+    exports.ɵfi = TextsDoubleComponent;
+    exports.ɵfj = TextsDoubleService;
+    exports.ɵfk = FormsBackgroundComponent;
+    exports.ɵfl = FormsBackgroundService;
+    exports.ɵfm = VideosTxtLeftComponent;
+    exports.ɵfn = VideosTxtLeftService;
+    exports.ɵfo = FormsImageleftComponent;
+    exports.ɵfp = FormsImageleftService;
+    exports.ɵfq = FormsImagerightComponent;
+    exports.ɵfr = FormsImagerightService;
+    exports.ɵfs = FormsOnboardingComponent;
+    exports.ɵft = FormsOnboardingService;
+    exports.ɵfu = SocialsLikeComponent;
+    exports.ɵfv = SocialsLikeService;
+    exports.ɵfw = SocialsPageSimpleComponent;
+    exports.ɵfx = SocialsPageSimpleService;
+    exports.ɵfy = SocialsPageComplexComponent;
+    exports.ɵfz = SocialsPageComplexService;
     exports.ɵg = ExternalConfigService;
-    exports.ɵga = SocialsNetworkService;
-    exports.ɵgb = ProductsListClassicComponent;
-    exports.ɵgc = ProductsListClassicService;
-    exports.ɵgd = CurrencyService;
-    exports.ɵge = ProductsListSimpleComponent;
-    exports.ɵgf = ProductsListSimpleService;
-    exports.ɵgg = RassurancesTripleBackgroundComponent;
-    exports.ɵgh = RassurancesTripleBackgroundService;
-    exports.ɵgi = RassurancesQuadrupleAlignedComponent;
-    exports.ɵgj = RassurancesQuadrupleAlignedService;
-    exports.ɵgk = RassurancesQuadrupleBackgroundComponent;
-    exports.ɵgl = RassurancesQuadrupleBackgroundService;
-    exports.ɵgm = NewsletterAlignedCenterImageComponent;
-    exports.ɵgn = NewsletterAlignedCenterImageService;
-    exports.ɵgo = NewsletterAlignedCenterBackgroundComponent;
-    exports.ɵgp = NewsletterAlignedCenterBackgroundService;
-    exports.ɵgq = NewsletterCenterImageComponent;
-    exports.ɵgr = NewsletterCenterImageService;
-    exports.ɵgs = ProductsListSelectedComponent;
-    exports.ɵgt = ProductsListSelectedService;
-    exports.ɵgu = CodeStylesheetComponent;
-    exports.ɵgv = CodeStylesheetService;
-    exports.ɵgw = WitnessTwiceComponent;
-    exports.ɵgx = WitnessTwiceService;
-    exports.ɵgy = WitnessTripleComponent;
-    exports.ɵgz = WitnessTripleService;
+    exports.ɵga = SocialsNetworkComponent;
+    exports.ɵgb = SocialsNetworkService;
+    exports.ɵgc = ProductsListClassicComponent;
+    exports.ɵgd = ProductsListClassicService;
+    exports.ɵge = CurrencyService;
+    exports.ɵgf = ProductsListSimpleComponent;
+    exports.ɵgg = ProductsListSimpleService;
+    exports.ɵgh = RassurancesTripleBackgroundComponent;
+    exports.ɵgi = RassurancesTripleBackgroundService;
+    exports.ɵgj = RassurancesQuadrupleAlignedComponent;
+    exports.ɵgk = RassurancesQuadrupleAlignedService;
+    exports.ɵgl = RassurancesQuadrupleBackgroundComponent;
+    exports.ɵgm = RassurancesQuadrupleBackgroundService;
+    exports.ɵgn = NewsletterAlignedCenterImageComponent;
+    exports.ɵgo = NewsletterAlignedCenterImageService;
+    exports.ɵgp = NewsletterAlignedCenterBackgroundComponent;
+    exports.ɵgq = NewsletterAlignedCenterBackgroundService;
+    exports.ɵgr = NewsletterCenterImageComponent;
+    exports.ɵgs = NewsletterCenterImageService;
+    exports.ɵgt = ProductsListSelectedComponent;
+    exports.ɵgu = ProductsListSelectedService;
+    exports.ɵgv = CodeStylesheetComponent;
+    exports.ɵgw = CodeStylesheetService;
+    exports.ɵgx = WitnessTwiceComponent;
+    exports.ɵgy = WitnessTwiceService;
+    exports.ɵgz = WitnessTripleComponent;
     exports.ɵh = ApiService;
-    exports.ɵha = WitnessQuadrupleComponent;
-    exports.ɵhb = WitnessQuadrupleService;
-    exports.ɵhc = WitnessBackgroundOneComponent;
-    exports.ɵhd = WitnessBackgroundOneService;
-    exports.ɵhe = WitnessBackgroundDoubleComponent;
-    exports.ɵhf = WitnessBackgroundDoubleService;
-    exports.ɵhg = ReviewsSimpleComponent;
-    exports.ɵhh = ReviewsSimpleService;
-    exports.ɵhi = QuotesSimpleComponent;
-    exports.ɵhj = QuotesSimpleService;
-    exports.ɵhk = QuotesAuthorComponent;
-    exports.ɵhl = QuotesAuthorService;
-    exports.ɵhm = QuotesSimpleBackgroundComponent;
-    exports.ɵhn = QuotesSimpleBackgroundService;
-    exports.ɵho = ReviewsWaterfallComponent;
-    exports.ɵhp = ReviewsWaterfallService;
-    exports.ɵhq = MapFullpageComponent;
-    exports.ɵhr = MapFullpageService;
-    exports.ɵhs = MapLeftTextComponent;
-    exports.ɵht = MapLeftTextService;
-    exports.ɵhu = MapRightTextComponent;
-    exports.ɵhv = MapRightTextService;
-    exports.ɵhw = MapTextFormComponent;
-    exports.ɵhx = MapTextFormService;
-    exports.ɵhy = MapBackgroundFormLeftComponent;
-    exports.ɵhz = MapBackgroundFormLeftService;
+    exports.ɵha = WitnessTripleService;
+    exports.ɵhb = WitnessQuadrupleComponent;
+    exports.ɵhc = WitnessQuadrupleService;
+    exports.ɵhd = WitnessBackgroundOneComponent;
+    exports.ɵhe = WitnessBackgroundOneService;
+    exports.ɵhf = WitnessBackgroundDoubleComponent;
+    exports.ɵhg = WitnessBackgroundDoubleService;
+    exports.ɵhh = ReviewsSimpleComponent;
+    exports.ɵhi = ReviewsSimpleService;
+    exports.ɵhj = QuotesSimpleComponent;
+    exports.ɵhk = QuotesSimpleService;
+    exports.ɵhl = QuotesAuthorComponent;
+    exports.ɵhm = QuotesAuthorService;
+    exports.ɵhn = QuotesSimpleBackgroundComponent;
+    exports.ɵho = QuotesSimpleBackgroundService;
+    exports.ɵhp = ReviewsWaterfallComponent;
+    exports.ɵhq = ReviewsWaterfallService;
+    exports.ɵhr = MapFullpageComponent;
+    exports.ɵhs = MapFullpageService;
+    exports.ɵht = MapLeftTextComponent;
+    exports.ɵhu = MapLeftTextService;
+    exports.ɵhv = MapRightTextComponent;
+    exports.ɵhw = MapRightTextService;
+    exports.ɵhx = MapTextFormComponent;
+    exports.ɵhy = MapTextFormService;
+    exports.ɵhz = MapBackgroundFormLeftComponent;
     exports.ɵi = ComponentsModule;
-    exports.ɵia = MapBackgroundFormRightComponent;
-    exports.ɵib = MapBackgroundFormRightService;
-    exports.ɵic = AmplifyProductsListSimpleComponent;
-    exports.ɵid = AmplifyProductsListSimpleService;
-    exports.ɵie = AmplifyProductsListSelectedComponent;
-    exports.ɵif = AmplifyProductsListSelectedService;
-    exports.ɵig = AmplifyProductsListClassicComponent;
-    exports.ɵih = AmplifyProductsListClassicService;
-    exports.ɵii = AmplifyProductZoomComponent;
-    exports.ɵij = AmplifyProductZoomService;
-    exports.ɵik = AmplifyProductZoomTripleColumnComponent;
-    exports.ɵil = AmplifyProductZoomTripleColumnService;
-    exports.ɵim = AmplifyProductZoomSelectedComponent;
-    exports.ɵin = AmplifyProductZoomSelectedService;
-    exports.ɵio = AmplifyProductZoomMoreComponent;
-    exports.ɵip = AmplifyProductZoomMoreService;
-    exports.ɵiq = ProductZoomComponent;
-    exports.ɵir = ProductZoomService;
-    exports.ɵis = ProductZoomTripleColumnComponent;
-    exports.ɵit = ProductZoomTripleColumnService;
-    exports.ɵiu = ProductZoomSelectedComponent;
-    exports.ɵiv = ProductZoomSelectedService;
-    exports.ɵiw = ProductZoomMoreComponent;
-    exports.ɵix = ProductZoomMoreService;
-    exports.ɵiy = ProductZoomCompleteComponent;
-    exports.ɵiz = ProductZoomCompleteService;
+    exports.ɵia = MapBackgroundFormLeftService;
+    exports.ɵib = MapBackgroundFormRightComponent;
+    exports.ɵic = MapBackgroundFormRightService;
+    exports.ɵid = AmplifyProductsListSimpleComponent;
+    exports.ɵie = AmplifyProductsListSimpleService;
+    exports.ɵif = AmplifyProductsListSelectedComponent;
+    exports.ɵig = AmplifyProductsListSelectedService;
+    exports.ɵih = AmplifyProductsListClassicComponent;
+    exports.ɵii = AmplifyProductsListClassicService;
+    exports.ɵij = AmplifyProductZoomComponent;
+    exports.ɵik = AmplifyProductZoomService;
+    exports.ɵil = AmplifyProductZoomTripleColumnComponent;
+    exports.ɵim = AmplifyProductZoomTripleColumnService;
+    exports.ɵin = AmplifyProductZoomSelectedComponent;
+    exports.ɵio = AmplifyProductZoomSelectedService;
+    exports.ɵip = AmplifyProductZoomMoreComponent;
+    exports.ɵiq = AmplifyProductZoomMoreService;
+    exports.ɵir = ProductZoomComponent;
+    exports.ɵis = ProductZoomService;
+    exports.ɵit = ProductZoomTripleColumnComponent;
+    exports.ɵiu = ProductZoomTripleColumnService;
+    exports.ɵiv = ProductZoomSelectedComponent;
+    exports.ɵiw = ProductZoomSelectedService;
+    exports.ɵix = ProductZoomMoreComponent;
+    exports.ɵiy = ProductZoomMoreService;
+    exports.ɵiz = ProductZoomCompleteComponent;
     exports.ɵj = BlocksComponent;
-    exports.ɵja = ProductZoomCompleteSliderComponent;
-    exports.ɵjb = ProductZoomCompleteSliderService;
-    exports.ɵjc = ProductZoomSimpleComponent;
-    exports.ɵjd = ProductZoomSimpleService;
-    exports.ɵje = ProductZoomCompleteBackgroundComponent;
-    exports.ɵjf = ProductZoomCompleteBackgroundService;
-    exports.ɵjg = TimerSimpleComponent;
-    exports.ɵjh = TimerSimpleService;
-    exports.ɵji = TimerBackgroundComponent;
-    exports.ɵjj = TimerBackgroundService;
-    exports.ɵjk = TimerClockComponent;
-    exports.ɵjl = TimerClockService;
-    exports.ɵjm = TimerAirportComponent;
-    exports.ɵjn = TimerAirportService;
-    exports.ɵjo = TimerMultipleImgComponent;
-    exports.ɵjp = TimerMultipleImgService;
-    exports.ɵjq = AboutBlockComponent;
-    exports.ɵjr = AboutBlockService;
-    exports.ɵjs = FaqSimpleComponent;
-    exports.ɵjt = FaqSimpleService;
-    exports.ɵju = FaqSimpleBackgroundComponent;
-    exports.ɵjv = FaqSimpleBackgroundService;
-    exports.ɵjw = FaqFrameComponent;
-    exports.ɵjx = FaqFrameService;
-    exports.ɵjy = FaqAccordionComponent;
-    exports.ɵjz = FaqAccordionService;
+    exports.ɵja = ProductZoomCompleteService;
+    exports.ɵjb = ProductZoomCompleteSliderComponent;
+    exports.ɵjc = ProductZoomCompleteSliderService;
+    exports.ɵjd = ProductZoomSimpleComponent;
+    exports.ɵje = ProductZoomSimpleService;
+    exports.ɵjf = ProductZoomCompleteBackgroundComponent;
+    exports.ɵjg = ProductZoomCompleteBackgroundService;
+    exports.ɵjh = TimerSimpleComponent;
+    exports.ɵji = TimerSimpleService;
+    exports.ɵjj = TimerBackgroundComponent;
+    exports.ɵjk = TimerBackgroundService;
+    exports.ɵjl = TimerClockComponent;
+    exports.ɵjm = TimerClockService;
+    exports.ɵjn = TimerAirportComponent;
+    exports.ɵjo = TimerAirportService;
+    exports.ɵjp = TimerMultipleImgComponent;
+    exports.ɵjq = TimerMultipleImgService;
+    exports.ɵjr = AboutBlockComponent;
+    exports.ɵjs = AboutBlockService;
+    exports.ɵjt = FaqSimpleComponent;
+    exports.ɵju = FaqSimpleService;
+    exports.ɵjv = FaqSimpleBackgroundComponent;
+    exports.ɵjw = FaqSimpleBackgroundService;
+    exports.ɵjx = FaqFrameComponent;
+    exports.ɵjy = FaqFrameService;
+    exports.ɵjz = FaqAccordionComponent;
     exports.ɵk = ConfigsComponent;
-    exports.ɵka = FaqListIconComponent;
-    exports.ɵkb = FaqListIconService;
-    exports.ɵkc = LoaderComponentModule;
+    exports.ɵka = FaqAccordionService;
+    exports.ɵkb = FaqListIconComponent;
+    exports.ɵkc = FaqListIconService;
+    exports.ɵkd = FourImagesTitleComponent;
+    exports.ɵke = FourImagesTitleService;
+    exports.ɵkf = TranslateBlockService;
+    exports.ɵkg = TwoImagesTitleTextComponent;
+    exports.ɵkh = TwoImagesTitleTextService;
+    exports.ɵki = TextBackgroundsWithBannerComponent;
+    exports.ɵkj = TextBackgroundsWithBannerService;
+    exports.ɵkk = TextBackgroundsTwoRowsIconTextComponent;
+    exports.ɵkl = TextBackgroundsTwoRowsIconTextService;
+    exports.ɵkm = TextBackgroundsThreeRowsIconTextComponent;
+    exports.ɵkn = TextBackgroundsThreeRowsIconTextService;
+    exports.ɵko = TextBackgroundsFourRowsIconTextComponent;
+    exports.ɵkp = TextBackgroundsFourRowsIconTextService;
+    exports.ɵkq = SliderWithBannerComponent;
+    exports.ɵkr = SlidersWithBannerService;
+    exports.ɵks = LoaderComponentModule;
     exports.ɵl = PreviewsComponent;
     exports.ɵm = ContainerBlockComponent;
     exports.ɵn = SharedModule;