@wizishop/wizi-block 3.3.21 → 3.3.25

package/fesm2015/wizishop-wizi-block.js

@@ -1,4 +1,4 @@
-import { ɵɵdefineInjectable, Injectable, ɵɵinject, INJECTOR, Injector, isDevMode, Component, ComponentFactoryResolver, Input, EventEmitter, Output, ViewChild, HostListener, Directive, Pipe, NgModule, forwardRef, NgZone, ElementRef, ChangeDetectorRef, ANALYZE_FOR_ENTRY_COMPONENTS, ViewContainerRef } from '@angular/core';
+import { ɵɵdefineInjectable, Injectable, ɵɵinject, INJECTOR, Injector, isDevMode, Component, ComponentFactoryResolver, Input, EventEmitter, Output, ViewChild, HostListener, Directive, Pipe, NgModule, forwardRef, NgZone, ElementRef, Renderer2, ChangeDetectorRef, ANALYZE_FOR_ENTRY_COMPONENTS, ViewContainerRef } from '@angular/core';
 import { Subject, interval } from 'rxjs';
 import { TranslateService, TranslateModule, MissingTranslationHandler } from '@ngx-translate/core';
 import { v4 } from 'uuid';
@@ -128,6 +128,28 @@ class ParentStructuresService {
     }
 }
 
+class TranslateBlockService {
+    constructor(translateService) {
+        this.translateService = translateService;
+    }
+    translateProperties(block) {
+        Object.keys(block).forEach((property) => {
+            if (typeof block[property] === 'string' && /^wb\./i.test(block[property])) {
+                block[property] = this.translateService.instant(block[property]);
+            }
+        });
+    }
+}
+TranslateBlockService.ɵprov = ɵɵdefineInjectable({ factory: function TranslateBlockService_Factory() { return new TranslateBlockService(ɵɵinject(TranslateService)); }, token: TranslateBlockService, providedIn: "root" });
+TranslateBlockService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+TranslateBlockService.ctorParameters = () => [
+    { type: TranslateService }
+];
+
 const FORM_TYPE_TEXT = 'text';
 const FORM_TYPE_NUMBER = 'number';
 const FORM_TYPE_CHECKBOX = 'checkbox';
@@ -202,10 +224,14 @@ const FORM_NAME_AUTOPLAY = 'autoplay';
 const FORM_NAME_MUTE = 'mute';
 const FORM_NAME_LOOP = 'loop';
 const FORM_NAME_LINK = 'link';
+const FORM_NAME_LINK_LEFT = 'link_left';
+const FORM_NAME_LINK_RIGHT = 'link_right';
 const FORM_NAME_URL = 'url';
 const FORM_NAME_URL_LEFT = 'url_left';
 const FORM_NAME_URL_RIGHT = 'url_right';
 const FORM_NAME_TEXT = 'text';
+const FORM_NAME_TEXT_LEFT = 'text_left';
+const FORM_NAME_TEXT_RIGHT = 'text_right';
 const FORM_NAME_TYPE_VIDEO = 'type_video';
 const FORM_NAME_TYPE_PRODUCT = 'type_product';
 const FORM_NAME_AMPLIFY_CATEGORY = 'amplify_category';
@@ -305,6 +331,10 @@ const FORM_NAME_ALIGN_BUTTON = 'align_button';
 const FORM_NAME_WIDTH_BLOCK = 'width_block';
 const FORM_NAME_HIDE_BLOCK = 'hide_block';
 const FORM_NAME_EXTERNAL = 'external';
+const FORM_NAME_ITEM_NUMBER = 'item_number';
+const FORM_NAME_LINE_NUMBER = 'line_number';
+const FORM_NAME_ROWS = 'rows';
+const FORM_NAME_COLUMNS = 'columns';
 class FormsContentDto {
     constructor(id, label, type, value, placeholder, help = '', step = [], stepKey = [], state = [], iconHelp = false) {
         this.id = id;
@@ -322,8 +352,9 @@ class FormsContentDto {
 class FormsDto {
     constructor(block, hasMargin = true) {
         this.forms = [];
+        const 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',
@@ -345,14 +376,6 @@ class FormsDto {
             this.forms.push(new FormsContentDto(FORM_NAME_HIDE_BLOCK, 'wb.forms.FormsContentDto.4', FORM_TYPE_CHECKBOX, block[FORM_NAME_HIDE_BLOCK], '', '', [], [], [true, false]));
         }
     }
-    translateProperties() {
-        const translateService = InjectorService.Injector.get(TranslateService);
-        Object.keys(this.block).forEach((property) => {
-            if (typeof this.block[property] === 'string' && /^wb\./i.test(this.block[property])) {
-                this.block[property] = translateService.instant(this.block[property]);
-            }
-        });
-    }
 }
 
 class ParentBlockDto {
@@ -2952,16 +2975,67 @@ ImagesTextsTextOneTextService.decorators = [
             },] }
 ];
 
-var _a$K, _b$I, _c$E;
+var _a$K, _b$I, _c$E, _d$C;
+class FourImagesTitleDto extends ParentBlockDto {
+    constructor() {
+        super(...arguments);
+        this[_a$K] = 'small';
+        this[_b$I] = true;
+        this[_c$E] = [];
+        this[_d$C] = false;
+    }
+}
+_a$K = FORM_NAME_IMG_MASK, _b$I = FORM_NAME_FULLPAGE, _c$E = FORM_NAME_ELEMENTS, _d$C = FORM_NAME_INIT;
+
+const TYPE_FOUR_IMAGES_TITLE = 'images-quadruple-with-title';
+class FourImagesTitleService {
+    constructor() {
+        this._text = 'wb.blocks.images.fourImagesTitle';
+    }
+    static selector() {
+        return 'wb-' + TYPE_FOUR_IMAGES_TITLE;
+    }
+    get text() {
+        return this._text;
+    }
+    set text(value) {
+        this._text = value;
+    }
+    type() {
+        return TYPE_FOUR_IMAGES_TITLE;
+    }
+    image() {
+        return 'Image_4ImgTitre.png';
+    }
+    getForm(content = this.getConfig()) {
+        const FourImagesTitleFormDto = new FormsDto(content);
+        const 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);
+        const 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;
+    }
+    getConfig() {
+        return new FourImagesTitleDto(this.type());
+    }
+}
+FourImagesTitleService.ɵprov = ɵɵdefineInjectable({ factory: function FourImagesTitleService_Factory() { return new FourImagesTitleService(); }, token: FourImagesTitleService, providedIn: "root" });
+FourImagesTitleService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+
+var _a$L, _b$J, _c$F;
 class ImagesSimpleDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        this[_a$K] = true;
-        this[_b$I] = 'small';
-        this[_c$E] = false;
+        this[_a$L] = true;
+        this[_b$J] = 'small';
+        this[_c$F] = false;
     }
 }
-_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;
 
 const TYPE_IMAGES_SIMPLE = 'images-simple';
 class ImagesSimpleService {
@@ -3002,15 +3076,15 @@ ImagesSimpleService.decorators = [
             },] }
 ];
 
-var _a$L, _b$J;
+var _a$M, _b$K;
 class ImagesDoubleDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        this[_a$L] = true;
-        this[_b$J] = 'small';
+        this[_a$M] = true;
+        this[_b$K] = 'small';
     }
 }
-_a$L = FORM_NAME_FULLPAGE, _b$J = FORM_NAME_IMG_MASK;
+_a$M = FORM_NAME_FULLPAGE, _b$K = FORM_NAME_IMG_MASK;
 
 const TYPE_IMAGES_DOUBLE = 'images-double';
 class ImagesDoubleService {
@@ -3049,15 +3123,15 @@ ImagesDoubleService.decorators = [
             },] }
 ];
 
-var _a$M, _b$K;
+var _a$N, _b$L;
 class ImagesTripleDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        this[_a$M] = true;
-        this[_b$K] = 'small';
+        this[_a$N] = true;
+        this[_b$L] = 'small';
     }
 }
-_a$M = FORM_NAME_FULLPAGE, _b$K = FORM_NAME_IMG_MASK;
+_a$N = FORM_NAME_FULLPAGE, _b$L = FORM_NAME_IMG_MASK;
 
 const TYPE_IMAGES_TRIPLE = 'images-triple';
 class ImagesTripleService {
@@ -3096,15 +3170,15 @@ ImagesTripleService.decorators = [
             },] }
 ];
 
-var _a$N, _b$L;
+var _a$O, _b$M;
 class ImagesQuadrupleDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        this[_a$N] = true;
-        this[_b$L] = 'small';
+        this[_a$O] = true;
+        this[_b$M] = 'small';
     }
 }
-_a$N = FORM_NAME_FULLPAGE, _b$L = FORM_NAME_IMG_MASK;
+_a$O = FORM_NAME_FULLPAGE, _b$M = FORM_NAME_IMG_MASK;
 
 const TYPE_IMAGES_QUADRUPLE = 'images-quadruple';
 class ImagesQuadrupleService {
@@ -3143,15 +3217,15 @@ ImagesQuadrupleService.decorators = [
             },] }
 ];
 
-var _a$O, _b$M;
+var _a$P, _b$N;
 class ImagesQuadrupleLeftOneRightDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        this[_a$O] = true;
-        this[_b$M] = 'small';
+        this[_a$P] = true;
+        this[_b$N] = 'small';
     }
 }
-_a$O = FORM_NAME_FULLPAGE, _b$M = FORM_NAME_IMG_MASK;
+_a$P = FORM_NAME_FULLPAGE, _b$N = FORM_NAME_IMG_MASK;
 
 const TYPE_IMAGES_QUADRUPLE_LEFT_ONE_RIGHT = 'images-quadruple-left-one-right';
 class ImagesQuadrupleLeftOneRightService {
@@ -3190,15 +3264,15 @@ ImagesQuadrupleLeftOneRightService.decorators = [
             },] }
 ];
 
-var _a$P, _b$N;
+var _a$Q, _b$O;
 class ImagesBigAndDoubleDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        this[_a$P] = true;
-        this[_b$N] = 'small';
+        this[_a$Q] = true;
+        this[_b$O] = 'small';
     }
 }
-_a$P = FORM_NAME_FULLPAGE, _b$N = FORM_NAME_IMG_MASK;
+_a$Q = FORM_NAME_FULLPAGE, _b$O = FORM_NAME_IMG_MASK;
 
 const TYPE_IMAGES_BIG_AND_DOUBLE = 'image-big-and-double';
 class ImagesBigAndDoubleService {
@@ -3237,15 +3311,15 @@ ImagesBigAndDoubleService.decorators = [
             },] }
 ];
 
-var _a$Q, _b$O;
+var _a$R, _b$P;
 class ImagesBigsAndDoubleMiddleDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        this[_a$Q] = true;
-        this[_b$O] = 'small';
+        this[_a$R] = true;
+        this[_b$P] = 'small';
     }
 }
-_a$Q = FORM_NAME_FULLPAGE, _b$O = FORM_NAME_IMG_MASK;
+_a$R = FORM_NAME_FULLPAGE, _b$P = FORM_NAME_IMG_MASK;
 
 const TYPE_IMAGES_BIGS_AND_DOUBLE_MIDDLE = 'images-bigs-and-double-middle';
 class ImagesBigsAndDoubleMiddleService {
@@ -3284,16 +3358,16 @@ ImagesBigsAndDoubleMiddleService.decorators = [
             },] }
 ];
 
-var _a$R, _b$P, _c$F;
+var _a$S, _b$Q, _c$G;
 class TextsOneDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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();
     }
 }
-_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;
 
 const TYPE_TEXTS_ONE = 'texts-one';
 class TextsOneService {
@@ -3329,18 +3403,18 @@ TextsOneService.decorators = [
             },] }
 ];
 
-var _a$S, _b$Q, _c$G, _d$C, _e$y;
+var _a$T, _b$R, _c$H, _d$D, _e$y;
 class TextsOneBackgroundDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
     }
 }
-_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;
 
 const TYPE_TEXTS_ONE_BACKGROUND = 'texts-one-background';
 class TextsOneBackgroundService {
@@ -3381,20 +3455,20 @@ TextsOneBackgroundService.decorators = [
             },] }
 ];
 
-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;
 class TextsDoubleDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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;
     }
 }
-_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;
 
 const TYPE_TEXTS_DOUBLE = 'texts-double';
 class TextsDoubleService {
@@ -3433,14 +3507,14 @@ TextsDoubleService.decorators = [
             },] }
 ];
 
-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;
 class TextsDoubleBackgroundDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
@@ -3449,7 +3523,7 @@ class TextsDoubleBackgroundDto extends ParentBlockDto {
         this[_k$b] = false;
     }
 }
-_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;
 
 const TYPE_TEXTS_DOUBLE_BACKGROUND = 'texts-double-background';
 class TextsDoubleBackgroundService {
@@ -3494,14 +3568,14 @@ TextsDoubleBackgroundService.decorators = [
             },] }
 ];
 
-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;
 class TextsTripleDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
@@ -3510,7 +3584,7 @@ class TextsTripleDto extends ParentBlockDto {
         this[_k$c] = false;
     }
 }
-_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;
 
 const TYPE_TEXTS_TRIPLE = 'texts-triple';
 class TextsTripleService {
@@ -3549,14 +3623,14 @@ TextsTripleService.decorators = [
             },] }
 ];
 
-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;
 class TextsTripleBackgroundDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
@@ -3571,7 +3645,7 @@ class TextsTripleBackgroundDto extends ParentBlockDto {
         this[_r$5] = false;
     }
 }
-_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;
 
 const TYPE_TEXTS_TRIPLE_BACKGROUND = 'texts-triple-background';
 class TextsTripleBackgroundService {
@@ -3616,14 +3690,14 @@ TextsTripleBackgroundService.decorators = [
             },] }
 ];
 
-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;
 class TextsQuadrupleDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
@@ -3635,7 +3709,7 @@ class TextsQuadrupleDto extends ParentBlockDto {
         this[_o$9] = false;
     }
 }
-_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;
 
 const TYPE_TEXTS_QUADRUPLE = 'texts-quadruple';
 class TextsQuadrupleService {
@@ -3674,14 +3748,14 @@ TextsQuadrupleService.decorators = [
             },] }
 ];
 
-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;
 class TextsQuadrupleBackgroundDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
@@ -3697,7 +3771,7 @@ class TextsQuadrupleBackgroundDto extends ParentBlockDto {
         this[_s$3] = false;
     }
 }
-_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;
 
 const TYPE_TEXTS_QUADRUPLE_BACKGROUND = 'texts-quadruple-background';
 class TextsQuadrupleBackgroundService {
@@ -3744,15 +3818,15 @@ TextsQuadrupleBackgroundService.decorators = [
             },] }
 ];
 
-var _a$Z, _b$X;
+var _a$_, _b$Y;
 class FormsSimpleDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
     }
 }
-_a$Z = FORM_NAME_TITLE, _b$X = FORM_NAME_CONTENT;
+_a$_ = FORM_NAME_TITLE, _b$Y = FORM_NAME_CONTENT;
 
 const TYPE_FORMS_SIMPLE = 'forms-simple';
 class FormsSimpleService {
@@ -3788,15 +3862,15 @@ FormsSimpleService.decorators = [
             },] }
 ];
 
-var _a$_, _b$Y;
+var _a$$, _b$Z;
 class FormsBackgroundDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
     }
 }
-_a$_ = FORM_NAME_TITLE, _b$Y = FORM_NAME_CONTENT;
+_a$$ = FORM_NAME_TITLE, _b$Z = FORM_NAME_CONTENT;
 
 const TYPE_FORMS_BACKGROUND = 'forms-background';
 class FormsBackgroundService {
@@ -3832,15 +3906,15 @@ FormsBackgroundService.decorators = [
             },] }
 ];
 
-var _a$$, _b$Z;
+var _a$10, _b$_;
 class FormsImageleftDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
     }
 }
-_a$$ = FORM_NAME_TITLE, _b$Z = FORM_NAME_CONTENT;
+_a$10 = FORM_NAME_TITLE, _b$_ = FORM_NAME_CONTENT;
 
 const TYPE_FORMS_IMAGELEFT = 'forms-imageleft';
 class FormsImageleftService {
@@ -3876,15 +3950,15 @@ FormsImageleftService.decorators = [
             },] }
 ];
 
-var _a$10, _b$_;
+var _a$11, _b$$;
 class FormsImagerightDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
     }
 }
-_a$10 = FORM_NAME_TITLE, _b$_ = FORM_NAME_CONTENT;
+_a$11 = FORM_NAME_TITLE, _b$$ = FORM_NAME_CONTENT;
 
 const TYPE_FORMS_IMAGERIGHT = 'forms-imageright';
 class FormsImagerightService {
@@ -3920,19 +3994,19 @@ FormsImagerightService.decorators = [
             },] }
 ];
 
-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;
 class TextBackgroundsSimpleDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
     }
 }
-_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;
 
 const TYPE_TEXT_BACKGROUNDS_SIMPLE = 'text-backgrounds-simple';
 class TextBackgroundsSimpleService {
@@ -3973,20 +4047,20 @@ TextBackgroundsSimpleService.decorators = [
             },] }
 ];
 
-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;
 class TextBackgroundsWithTxtDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
     }
 }
-_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;
 
 const TYPE_TEXT_BACKGROUNDS_WITH_TXT = 'text-backgrounds-with-txt';
 class TextBackgroundsWithTxtService {
@@ -4029,37 +4103,95 @@ TextBackgroundsWithTxtService.decorators = [
             },] }
 ];
 
-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;
+class TextBackgroundsWithBannerDto extends ParentBlockDto {
+    constructor() {
+        super(...arguments);
+        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';
+    }
+}
+_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;
+
+const TYPE_TEXT_BACKGROUNDS_WITH_BANNER = 'text-backgrounds-with-banner';
+class TextBackgroundsWithBannerService {
+    constructor() {
+        this._text = 'wb.blocks.text-backgrounds-with-banner';
+    }
+    static selector() {
+        return 'wb-' + TYPE_TEXT_BACKGROUNDS_WITH_BANNER;
+    }
+    get text() {
+        return this._text;
+    }
+    set text(value) {
+        this._text = value;
+    }
+    type() {
+        return TYPE_TEXT_BACKGROUNDS_WITH_BANNER;
+    }
+    image() {
+        return 'TxtImgFond_AvecTxtBanniere.png';
+    }
+    getForm(content = this.getConfig()) {
+        const formsDto = new FormsDto(content);
+        const 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);
+        const fullpageTextBackgroundsWithTxtContentDto = new FormsContentDto(FORM_NAME_FULLPAGE, 'wb.blocks.FormContentDto.16', FORM_TYPE_CHECKBOX, content[FORM_NAME_FULLPAGE], '', '', [], [], [true, false]);
+        formsDto.forms.push(fullpageTextBackgroundsWithTxtContentDto);
+        const parallaxTextBackgroundsWithTxtContentDto = new FormsContentDto(FORM_NAME_PARALLAX, 'wb.blocks.FormContentDto.17', FORM_TYPE_CHECKBOX, content[FORM_NAME_PARALLAX], '', '', [], [], [true, false]);
+        formsDto.forms.push(parallaxTextBackgroundsWithTxtContentDto);
+        const colorContentDto = new FormsContentDto(FORM_NAME_COLOR, 'wb.blocks.FormContentDto.112', FORM_TYPE_COLOR, content[FORM_NAME_COLOR], '#122231', '');
+        formsDto.forms.push(colorContentDto);
+        return formsDto;
+    }
+    getConfig() {
+        return new TextBackgroundsWithBannerDto(this.type());
+    }
+}
+TextBackgroundsWithBannerService.ɵprov = ɵɵdefineInjectable({ factory: function TextBackgroundsWithBannerService_Factory() { return new TextBackgroundsWithBannerService(); }, token: TextBackgroundsWithBannerService, providedIn: "root" });
+TextBackgroundsWithBannerService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+
+var _a$15, _b$13, _c$R, _d$N, _e$I, _f$s, _g$p;
 const TYPE_YOUTUBE = 'youtube';
 const TYPE_VIMEO = 'vimeo';
 class VideosSimpleDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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;
     }
 }
-_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;
 class LaunchVideosButtonDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
     }
 }
-_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;
 
 const TYPE_LAUNCH_VIDEOS_BUTTON = 'launch-videos-button';
 class LaunchVideosButtonService {
@@ -4104,17 +4236,17 @@ LaunchVideosButtonService.decorators = [
             },] }
 ];
 
-var _a$15, _b$13, _c$R, _d$N;
+var _a$17, _b$15, _c$T, _d$P;
 class LaunchVideosButtontxtDto extends LaunchVideosButtonDto {
     constructor() {
         super(...arguments);
-        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';
     }
 }
-_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;
 
 const TYPE_LAUNCH_VIDEOS_BUTTONTXT = 'launch-videos-buttontxt';
 class LaunchVideosButtontxtService {
@@ -4206,16 +4338,16 @@ VideosSimpleService.decorators = [
             },] }
 ];
 
-var _a$16, _b$14, _c$S;
+var _a$18, _b$16, _c$U;
 class VideosTxtDto extends VideosSimpleDto {
     constructor() {
         super(...arguments);
-        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)';
     }
 }
-_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;
 
 const TYPE_VIDEOS_TXT = 'videos-txt';
 class VideosTxtService {
@@ -4262,16 +4394,16 @@ VideosTxtService.decorators = [
             },] }
 ];
 
-var _a$17, _b$15, _c$T;
+var _a$19, _b$17, _c$V;
 class VideosTxtContentDto extends VideosSimpleDto {
     constructor() {
         super(...arguments);
-        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';
     }
 }
-_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;
 
 const TYPE_VIDEOS_TXT_CONTENT = 'videos-txt-content';
 class VideosTxtContentService {
@@ -4367,14 +4499,14 @@ VideosTxtLeftService.decorators = [
             },] }
 ];
 
-var _a$18;
+var _a$1a;
 class CodeJavascriptDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        this[_a$18] = 'wb.dto.CONTENT.4';
+        this[_a$1a] = 'wb.dto.CONTENT.4';
     }
 }
-_a$18 = FORM_NAME_CONTENT;
+_a$1a = FORM_NAME_CONTENT;
 
 const TYPE_CODE_JAVASCRIPT = 'code-javascript';
 class CodeJavascriptService {
@@ -4410,14 +4542,14 @@ CodeJavascriptService.decorators = [
             },] }
 ];
 
-var _a$19;
+var _a$1b;
 class CodeStylesheetDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        this[_a$19] = 'wb.dto.CONTENT.5';
+        this[_a$1b] = 'wb.dto.CONTENT.5';
     }
 }
-_a$19 = FORM_NAME_CONTENT;
+_a$1b = FORM_NAME_CONTENT;
 
 const TYPE_CODE_STYLESHEET = 'code-stylesheet';
 class CodeStylesheetService {
@@ -4533,15 +4665,15 @@ SocialsPageComplexService.decorators = [
             },] }
 ];
 
-var _a$1a, _b$16;
+var _a$1c, _b$18;
 class ProductZoomDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        this[_a$1a] = 'wb.dto.CONTENT.1';
-        this[_b$16] = '';
+        this[_a$1c] = 'wb.dto.CONTENT.1';
+        this[_b$18] = '';
     }
 }
-_a$1a = FORM_NAME_CONTENT, _b$16 = FORM_NAME_ID_PRODUCT;
+_a$1c = FORM_NAME_CONTENT, _b$18 = FORM_NAME_ID_PRODUCT;
 
 const TYPE_PRODUCT_ZOOM = 'product-zoom';
 class ProductZoomService {
@@ -4577,15 +4709,15 @@ ProductZoomService.decorators = [
             },] }
 ];
 
-var _a$1b, _b$17;
+var _a$1d, _b$19;
 class ProductZoomSelectedDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        this[_a$1b] = 'wb.dto.CONTENT.2';
-        this[_b$17] = '';
+        this[_a$1d] = 'wb.dto.CONTENT.2';
+        this[_b$19] = '';
     }
 }
-_a$1b = FORM_NAME_CONTENT, _b$17 = FORM_NAME_ID_PRODUCT;
+_a$1d = FORM_NAME_CONTENT, _b$19 = FORM_NAME_ID_PRODUCT;
 
 const TYPE_PRODUCT_ZOOM_SELECTED = 'product-zoom-selected';
 class ProductZoomSelectedService {
@@ -4621,15 +4753,15 @@ ProductZoomSelectedService.decorators = [
             },] }
 ];
 
-var _a$1c, _b$18;
+var _a$1e, _b$1a;
 class ProductZoomMoreDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        this[_a$1c] = 'wb.dto.CONTENT.1';
-        this[_b$18] = '';
+        this[_a$1e] = 'wb.dto.CONTENT.1';
+        this[_b$1a] = '';
     }
 }
-_a$1c = FORM_NAME_CONTENT, _b$18 = FORM_NAME_ID_PRODUCT;
+_a$1e = FORM_NAME_CONTENT, _b$1a = FORM_NAME_ID_PRODUCT;
 
 const TYPE_PRODUCT_ZOOM_MORE = 'product-zoom-more';
 class ProductZoomMoreService {
@@ -4665,34 +4797,34 @@ ProductZoomMoreService.decorators = [
             },] }
 ];
 
-var _a$1d;
+var _a$1f;
 class PaymentOrMediaDto extends MediaDto {
     constructor(paymentLink = '') {
         super();
-        this[_a$1d] = '';
+        this[_a$1f] = '';
         this[FORM_NAME_PAYMENT] = paymentLink;
     }
 }
-_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;
 class ProductZoomCompleteDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
         this[_l$e] = '';
     }
 }
-_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;
 
 const TYPE_PRODUCT_ZOOM_COMPLETE = 'product-zoom-complete';
 class ProductZoomCompleteService {
@@ -4733,19 +4865,19 @@ ProductZoomCompleteService.decorators = [
             },] }
 ];
 
-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;
 class ProductZoomCompleteBackgroundDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
     }
 }
-_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;
 
 const TYPE_PRODUCT_ZOOM_COMPLETE_BACKGROUND = 'product-zoom-complete-background';
 class ProductZoomCompleteBackgroundService {
@@ -4784,17 +4916,17 @@ ProductZoomCompleteBackgroundService.decorators = [
             },] }
 ];
 
-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;
 class ProductZoomCompleteSliderDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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');
@@ -4808,7 +4940,7 @@ class ProductZoomCompleteSliderDto extends ParentBlockDto {
         this[_t$3] = '';
     }
 }
-_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;
 
 const TYPE_PRODUCT_ZOOM_COMPLETE_SLIDER = 'product-zoom-complete-slider';
 class ProductZoomCompleteSliderService {
@@ -4853,20 +4985,20 @@ ProductZoomCompleteSliderService.decorators = [
             },] }
 ];
 
-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;
 class ProductZoomSimpleDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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] = '';
     }
 }
-_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;
 
 const TYPE_PRODUCT_ZOOM_SIMPLE = 'product-zoom-simple';
 class ProductZoomSimpleService {
@@ -4902,16 +5034,16 @@ ProductZoomSimpleService.decorators = [
             },] }
 ];
 
-var _a$1i, _b$1d, _c$Y;
+var _a$1k, _b$1f, _c$_;
 class AmplifyProductZoomDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
     }
 }
-_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;
 
 const TYPE_AMPLIFY_PRODUCT_ZOOM = 'amplify-product-zoom';
 class AmplifyProductZoomService {
@@ -4981,16 +5113,16 @@ AmplifyProductZoomMoreService.decorators = [
             },] }
 ];
 
-var _a$1j, _b$1e, _c$Z;
+var _a$1l, _b$1g, _c$$;
 class AmplifyProductZoomSelectedDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
     }
 }
-_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;
 
 const TYPE_AMPLIFY_PRODUCT_ZOOM_SELECTED = 'amplify-product-zoom-selected';
 class AmplifyProductZoomSelectedService {
@@ -5026,19 +5158,19 @@ AmplifyProductZoomSelectedService.decorators = [
             },] }
 ];
 
-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;
 class AmplifyProductsListClassicDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
     }
 }
-_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;
 
 const TYPE_AMPLIFY_PRODUCTS_LIST_CLASSIC = 'amplify-products-list-classic';
 class AmplifyProductsListClassicService {
@@ -5077,19 +5209,19 @@ AmplifyProductsListClassicService.decorators = [
             },] }
 ];
 
-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;
 class AmplifyProductsListSelectedDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
     }
 }
-_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;
 
 const TYPE_AMPLIFY_PRODUCTS_LIST_SELECTED = 'amplify-products-list-selected';
 class AmplifyProductsListSelectedService {
@@ -5128,19 +5260,19 @@ AmplifyProductsListSelectedService.decorators = [
             },] }
 ];
 
-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;
 class AmplifyProductsListSimpleDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
     }
 }
-_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;
 
 const TYPE_AMPLIFY_PRODUCTS_LIST_SIMPLE = 'amplify-products-list-simple';
 class AmplifyProductsListSimpleService {
@@ -5179,16 +5311,16 @@ AmplifyProductsListSimpleService.decorators = [
             },] }
 ];
 
-var _a$1n, _b$1i, _c$11;
+var _a$1p, _b$1k, _c$13;
 class ProductZoomTripleColumnDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
     }
 }
-_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;
 
 const TYPE_PRODUCT_ZOOM_TRIPLE_COLUMN = 'product-zoom-triple-column';
 class ProductZoomTripleColumnService {
@@ -5227,18 +5359,18 @@ ProductZoomTripleColumnService.decorators = [
             },] }
 ];
 
-var _a$1o, _b$1j, _c$12, _d$V, _e$Q;
+var _a$1q, _b$1l, _c$14, _d$X, _e$R;
 class AmplifyProductZoomTripleColumnDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
     }
 }
-_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;
 
 const TYPE_AMPLIFY_PRODUCT_ZOOM_TRIPLE_COLUMN = 'amplify-product-zoom-triple-column';
 class AmplifyProductZoomTripleColumnService {
@@ -5279,23 +5411,23 @@ AmplifyProductZoomTripleColumnService.decorators = [
             },] }
 ];
 
-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;
 class TextsQuadrupleNumbersDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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;
     }
 }
-_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;
 
 const TYPE_TEXTS_QUADRUPLE_NUMBERS = 'texts-quadruple-numbers';
 class TextsQuadrupleNumbersService {
@@ -5340,18 +5472,18 @@ TextsQuadrupleNumbersService.decorators = [
             },] }
 ];
 
-var _a$1q, _b$1l, _c$14, _d$X, _e$S;
+var _a$1s, _b$1n, _c$16, _d$Z, _e$T;
 class AboutBlockDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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;
     }
 }
-_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;
 
 const TYPE_ABOUT_BLOCK = 'about-block';
 class AboutBlockService {
@@ -5429,28 +5561,28 @@ ImagesBannerService.decorators = [
             },] }
 ];
 
-var _a$1r, _b$1m, _c$15, _d$Y;
+var _a$1t, _b$1o, _c$17, _d$_;
 class FaqDto {
     constructor() {
-        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');
     }
 }
-_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$$;
 class FaqSimpleDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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;
     }
 }
-_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;
 
 const TYPE_FAQ_SIMPLE = 'faq-simple';
 class FaqSimpleService {
@@ -5490,18 +5622,18 @@ FaqSimpleService.decorators = [
             },] }
 ];
 
-var _a$1t, _b$1o, _c$17, _d$_, _e$T;
+var _a$1v, _b$1q, _c$19, _d$10, _e$U;
 class FaqSimpleBackgroundDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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;
     }
 }
-_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;
 
 const TYPE_FAQ_SIMPLE_BACKGROUND = 'faq-simple-background';
 class FaqSimpleBackgroundService {
@@ -5546,16 +5678,16 @@ FaqSimpleBackgroundService.decorators = [
             },] }
 ];
 
-var _a$1u, _b$1p, _c$18;
+var _a$1w, _b$1r, _c$1a;
 class TextBackgroundsLinkDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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;
     }
 }
-_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;
 
 const TYPE_TEXT_BACKGROUNDS_LINK = 'images-texts-link';
 class TextBackgroundsLinkService {
@@ -5592,19 +5724,19 @@ TextBackgroundsLinkService.decorators = [
             },] }
 ];
 
-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;
 class FaqFrameDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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;
     }
 }
-_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;
 
 const TYPE_FAQ_FRAME = 'faq-frame';
 class FaqFrameService {
@@ -5648,19 +5780,19 @@ FaqFrameService.decorators = [
             },] }
 ];
 
-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;
 class FaqAccordionDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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;
     }
 }
-_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;
 
 const TYPE_FAQ_ACCORDION = 'faq-accordion';
 class FaqAccordionService {
@@ -5704,16 +5836,16 @@ FaqAccordionService.decorators = [
             },] }
 ];
 
-var _a$1x, _b$1s, _c$1b;
+var _a$1z, _b$1u, _c$1d;
 class FaqListIconDto extends ParentBlockDto {
     constructor() {
         super(...arguments);
-        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';
     }
 }
-_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;
 
 const TYPE_FAQ_LIST_ICON = 'faq-list-icon';
 class FaqListIconService {
@@ -5751,26 +5883,97 @@ FaqListIconService.decorators = [
             },] }
 ];
 
-var _a$1y, _b$1t, _c$1c, _d$11, _e$W, _f$D;
-class FormsOnboardingDto extends ParentBlockDto {
+var _a$1A, _b$1v, _c$1e;
+class ImageMediaDto extends MediaDto {
     constructor() {
         super(...arguments);
-        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] = '';
     }
 }
-_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;
+_a$1A = FORM_NAME_URL_TARGET, _b$1v = FORM_NAME_TITLE, _c$1e = FORM_NAME_URL;
 
-const TYPE_FORMS_ONBOARDING = 'forms-onboarding';
-class FormsOnboardingService {
+var _a$1B, _b$1w, _c$1f, _d$13, _e$X, _f$E, _g$v, _h$n, _j$k, _k$j, _l$g;
+class TwoImagesTitleTextDto extends ParentBlockDto {
     constructor() {
-        this._text = 'wb.blocks.forms-onboarding.text';
+        super(...arguments);
+        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;
     }
-    static selector() {
+}
+_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;
+
+const TYPE_TWO_IMAGES_TITLE_TEXT = 'images-two-title-text';
+class TwoImagesTitleTextService {
+    constructor() {
+        this._text = 'wb.blocks.images.twoTitleText';
+    }
+    static selector() {
+        return 'wb-' + TYPE_TWO_IMAGES_TITLE_TEXT;
+    }
+    get text() {
+        return this._text;
+    }
+    set text(value) {
+        this._text = value;
+    }
+    type() {
+        return TYPE_TWO_IMAGES_TITLE_TEXT;
+    }
+    image() {
+        return 'Image_2Img-TextBottom.svg';
+    }
+    getForm(content = this.getConfig()) {
+        const TwoImagesTitleTextFormDto = new FormsDto(content);
+        const 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);
+        const fullpageTwoImagesTitleTextContentDto = new FormsContentDto(FORM_NAME_FULLPAGE, 'wb.blocks.FormContentDto.16', FORM_TYPE_CHECKBOX, content[FORM_NAME_FULLPAGE], '', '', [], [], [true, false]);
+        TwoImagesTitleTextFormDto.forms.push(fullpageTwoImagesTitleTextContentDto);
+        const 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;
+    }
+    getConfig() {
+        return new TwoImagesTitleTextDto(this.type());
+    }
+}
+TwoImagesTitleTextService.ɵprov = ɵɵdefineInjectable({ factory: function TwoImagesTitleTextService_Factory() { return new TwoImagesTitleTextService(); }, token: TwoImagesTitleTextService, providedIn: "root" });
+TwoImagesTitleTextService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+
+var _a$1C, _b$1x, _c$1g, _d$14, _e$Y, _f$F;
+class FormsOnboardingDto extends ParentBlockDto {
+    constructor() {
+        super(...arguments);
+        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';
+    }
+}
+_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;
+
+const TYPE_FORMS_ONBOARDING = 'forms-onboarding';
+class FormsOnboardingService {
+    constructor() {
+        this._text = 'wb.blocks.forms-onboarding.text';
+    }
+    static selector() {
         return 'wb-' + TYPE_FORMS_ONBOARDING;
     }
     get text() {
@@ -5810,12 +6013,226 @@ FormsOnboardingService.decorators = [
             },] }
 ];
 
+var _a$1D, _b$1y, _c$1h, _d$15, _e$Z, _f$G, _g$w;
+class TextBackgroundsThreeRowsIconTextDto extends ParentBlockDto {
+    constructor() {
+        super(...arguments);
+        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';
+    }
+}
+_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;
+
+const TYPE_TEXT_BACKGROUNDS_THREE_ROWS_ICON_TEXT = 'text-backgrounds-three-rows-icon-text';
+class TextBackgroundsThreeRowsIconTextService {
+    constructor() {
+        this._text = 'wb.blocks.text-backgrounds-three-rows-icon-text.text';
+    }
+    static selector() {
+        return 'wb-' + TYPE_TEXT_BACKGROUNDS_THREE_ROWS_ICON_TEXT;
+    }
+    get text() {
+        return this._text;
+    }
+    type() {
+        return TYPE_TEXT_BACKGROUNDS_THREE_ROWS_ICON_TEXT;
+    }
+    image() {
+        return 'TxtImgFond_6Img-IconsTxt.png';
+    }
+    getForm(content = this.getConfig()) {
+        const textBackgroundsThreeRowsIconTextFormDto = new FormsDto(content);
+        const 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);
+        const 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;
+    }
+    getConfig() {
+        return new TextBackgroundsThreeRowsIconTextDto(this.type());
+    }
+}
+TextBackgroundsThreeRowsIconTextService.ɵprov = ɵɵdefineInjectable({ factory: function TextBackgroundsThreeRowsIconTextService_Factory() { return new TextBackgroundsThreeRowsIconTextService(); }, token: TextBackgroundsThreeRowsIconTextService, providedIn: "root" });
+TextBackgroundsThreeRowsIconTextService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+
+var _a$1E, _b$1z, _c$1i, _d$16, _e$_, _f$H, _g$x;
+class TextBackgroundsFourRowsIconTextDto extends ParentBlockDto {
+    constructor() {
+        super(...arguments);
+        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';
+    }
+}
+_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;
+
+const TYPE_TEXT_BACKGROUNDS_FOUR_ROWS_ICON_TEXT = 'text-backgrounds-four-rows-icon-text';
+class TextBackgroundsFourRowsIconTextService {
+    constructor() {
+        this._text = 'wb.blocks.text-backgrounds-four-rows-icon-text.text';
+    }
+    static selector() {
+        return 'wb-' + TYPE_TEXT_BACKGROUNDS_FOUR_ROWS_ICON_TEXT;
+    }
+    get text() {
+        return this._text;
+    }
+    type() {
+        return TYPE_TEXT_BACKGROUNDS_FOUR_ROWS_ICON_TEXT;
+    }
+    image() {
+        return 'TxtImgFond_4Img-IconsTxt.png';
+    }
+    getForm(content = this.getConfig()) {
+        const textBackgroundsFourRowsIconTextFormDto = new FormsDto(content);
+        const 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);
+        const 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;
+    }
+    getConfig() {
+        return new TextBackgroundsFourRowsIconTextDto(this.type());
+    }
+}
+TextBackgroundsFourRowsIconTextService.ɵprov = ɵɵdefineInjectable({ factory: function TextBackgroundsFourRowsIconTextService_Factory() { return new TextBackgroundsFourRowsIconTextService(); }, token: TextBackgroundsFourRowsIconTextService, providedIn: "root" });
+TextBackgroundsFourRowsIconTextService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+
+var _a$1F, _b$1A, _c$1j, _d$17, _e$$, _f$I, _g$y;
+class TextBackgroundsTwoRowsIconTextDto extends ParentBlockDto {
+    constructor() {
+        super(...arguments);
+        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';
+    }
+}
+_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;
+
+const TYPE_TEXT_BACKGROUNDS_TWO_ROWS_ICON_TEXT = 'text-backgrounds-two-rows-icon-text';
+class TextBackgroundsTwoRowsIconTextService {
+    constructor() {
+        this._text = 'wb.blocks.text-backgrounds-two-rows-icon-text.text';
+    }
+    static selector() {
+        return 'wb-' + TYPE_TEXT_BACKGROUNDS_TWO_ROWS_ICON_TEXT;
+    }
+    get text() {
+        return this._text;
+    }
+    type() {
+        return TYPE_TEXT_BACKGROUNDS_TWO_ROWS_ICON_TEXT;
+    }
+    image() {
+        return 'TxtImgFond_2Img-IconsTxt.png';
+    }
+    getForm(content = this.getConfig()) {
+        const textBackgroundsTwoRowsIconTextFormDto = new FormsDto(content);
+        const 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);
+        const 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;
+    }
+    getConfig() {
+        return new TextBackgroundsTwoRowsIconTextDto(this.type());
+    }
+}
+TextBackgroundsTwoRowsIconTextService.ɵprov = ɵɵdefineInjectable({ factory: function TextBackgroundsTwoRowsIconTextService_Factory() { return new TextBackgroundsTwoRowsIconTextService(); }, token: TextBackgroundsTwoRowsIconTextService, providedIn: "root" });
+TextBackgroundsTwoRowsIconTextService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+
+var _a$1G, _b$1B, _c$1k, _d$18, _e$10, _f$J, _g$z;
+class SliderWithBannerDto extends ParentBlockDto {
+    constructor() {
+        super(...arguments);
+        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';
+    }
+}
+_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;
+
+const TYPE_SLIDERS_WITH_BANNER = 'sliders-with-banner';
+class SlidersWithBannerService {
+    constructor() {
+        this._text = 'wb.blocks.sliders-with-banner.text';
+    }
+    static selector() {
+        return 'wb-' + TYPE_SLIDERS_WITH_BANNER;
+    }
+    get text() {
+        return this._text;
+    }
+    set text(value) {
+        this._text = value;
+    }
+    type() {
+        return TYPE_SLIDERS_WITH_BANNER;
+    }
+    image() {
+        return 'Diaporama_FullSizeBanniere.png';
+    }
+    getForm(content = this.getConfig()) {
+        const sliderWithBannerFormDto = new FormsDto(content);
+        const timeSliderWithBannerContentDto = new FormsContentDto(FORM_NAME_TIME, 'wb.blocks.FormContentDto.60', FORM_TYPE_TEXT, content[FORM_NAME_TIME], '100ms', '');
+        sliderWithBannerFormDto.forms.push(timeSliderWithBannerContentDto);
+        const dotsSliderWithBannerContentDto = new FormsContentDto(FORM_NAME_DOTS, 'wb.blocks.FormContentDto.62', FORM_TYPE_CHECKBOX, content[FORM_NAME_DOTS], '', '', [], [], [true, false]);
+        sliderWithBannerFormDto.forms.push(dotsSliderWithBannerContentDto);
+        const 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);
+        const fullpageSliderWithBannerContentDto = new FormsContentDto(FORM_NAME_FULLPAGE, 'wb.blocks.FormContentDto.16', FORM_TYPE_CHECKBOX, content[FORM_NAME_FULLPAGE], '', '', [], [], [true, false]);
+        sliderWithBannerFormDto.forms.push(fullpageSliderWithBannerContentDto);
+        const colorContentDto = new FormsContentDto(FORM_NAME_COLOR, 'wb.blocks.FormContentDto.112', FORM_TYPE_COLOR, content[FORM_NAME_COLOR], '#122231', '');
+        sliderWithBannerFormDto.forms.push(colorContentDto);
+        return sliderWithBannerFormDto;
+    }
+    getConfig() {
+        return new SliderWithBannerDto(this.type());
+    }
+}
+SlidersWithBannerService.ɵprov = ɵɵdefineInjectable({ factory: function SlidersWithBannerService_Factory() { return new SlidersWithBannerService(); }, token: SlidersWithBannerService, providedIn: "root" });
+SlidersWithBannerService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+
 const BlocksMapList = {
     slidersService: {
         slidersFullpageService: SlidersFullpageService,
         slidersLeftnavService: SlidersLeftnavService,
         slidersImagerightService: SlidersImagerightService,
         slidersDoubleImagerightService: SlidersDoubleImagerightService,
+        sliderWithBannerService: SlidersWithBannerService,
     },
     separatorService: {
         separatorSimpleService: SeparatorSimpleService,
@@ -5920,6 +6337,8 @@ const BlocksMapList = {
         imagesBigAndDoubleService: ImagesBigAndDoubleService,
         imagesBigsAndDoubleMiddleService: ImagesBigsAndDoubleMiddleService,
         imagesQuadrupleLeftOneRightService: ImagesQuadrupleLeftOneRightService,
+        fourImagesTitleService: FourImagesTitleService,
+        twoImagesTitleTextService: TwoImagesTitleTextService,
     },
     textsService: {
         textsOneService: TextsOneService,
@@ -5936,6 +6355,10 @@ const BlocksMapList = {
         textBackgroundsLinkService: TextBackgroundsLinkService,
         textBackgroundsSimpleService: TextBackgroundsSimpleService,
         textBackgroundsWithTxtService: TextBackgroundsWithTxtService,
+        textBackgroundsWithBannerService: TextBackgroundsWithBannerService,
+        textBackgroundsTwoRowsIconTextService: TextBackgroundsTwoRowsIconTextService,
+        textBackgroundsThreeRowsIconTextService: TextBackgroundsThreeRowsIconTextService,
+        textBackgroundsFourRowsIconTextService: TextBackgroundsFourRowsIconTextService,
     },
     formsService: {
         formsSimpleService: FormsSimpleService,
@@ -7541,6 +7964,13 @@ class WiziBlockComponent {
         });
         this.contentService.contents = this.setContent();
         this.resizeWithWidth(window.innerWidth);
+        for (const item of this.contentService.contents) {
+            if (typeof item.block.hide_block !== typeof undefined) {
+                if (item.block.hide_block) {
+                    this.isHiddenConfig.push(item.block.uuid);
+                }
+            }
+        }
     }
     addThis(selected) {
         this.blockComponent.addThisSelected(selected, this.verbose);
@@ -7861,6 +8291,8 @@ class StructuresComponent {
         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;
@@ -8062,17 +8494,6 @@ StructuresComponent.propDecorators = {
     contents: [{ type: Input }]
 };
 
-var _a$1z, _b$1u, _c$1d;
-class ImageMediaDto extends MediaDto {
-    constructor() {
-        super(...arguments);
-        this[_a$1z] = '_self';
-        this[_b$1u] = '';
-        this[_c$1d] = '';
-    }
-}
-_a$1z = FORM_NAME_URL_TARGET, _b$1u = FORM_NAME_TITLE, _c$1d = FORM_NAME_URL;
-
 class SliderFullpageComponent extends StructuresComponent {
     constructor() {
         super();
@@ -8171,6 +8592,7 @@ class StructureToolsComponent {
         this.configService = configService;
         this.dynamicHiddenStructure = false;
         this.hideConfig = false;
+        this.blockIsHidden = false;
         this.contentEventSubscription = null;
     }
     ngOnInit() {
@@ -8182,10 +8604,7 @@ class StructureToolsComponent {
         if (typeof thisContent.forms !== typeof undefined) {
             for (const item of thisContent.forms) {
                 if (item.id === 'hide_block' && typeof item.value !== typeof undefined) {
-                    this.dynamicHiddenStructure = true;
-                }
-                else {
-                    this.dynamicHiddenStructure = false;
+                    this.blockIsHidden = true;
                 }
             }
         }
@@ -9395,7 +9814,50 @@ HoldableDirective.propDecorators = {
     onHold: [{ type: HostListener, args: ['mousedown', [],] }]
 };
 
-const components$1 = [AutofocusDirective, AutoHideDirective, GetSizeImageDirective, PicturesTemplateDirective, HoldableDirective];
+class ShowDeleteButtonDirective {
+    constructor(element, renderer) {
+        this.element = element;
+        this.renderer = renderer;
+    }
+    onMouseOver() {
+        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');
+    }
+    onMouseOut() {
+        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');
+    }
+}
+ShowDeleteButtonDirective.decorators = [
+    { type: Directive, args: [{
+                selector: '[wbShowDeleteButton]',
+            },] }
+];
+ShowDeleteButtonDirective.ctorParameters = () => [
+    { type: ElementRef },
+    { type: Renderer2 }
+];
+ShowDeleteButtonDirective.propDecorators = {
+    onMouseOver: [{ type: HostListener, args: ['mouseover',] }],
+    onMouseOut: [{ type: HostListener, args: ['mouseout',] }]
+};
+
+const components$1 = [
+    AutofocusDirective,
+    AutoHideDirective,
+    GetSizeImageDirective,
+    PicturesTemplateDirective,
+    HoldableDirective,
+    ShowDeleteButtonDirective,
+];
 class SharedDirectivesModule {
 }
 SharedDirectivesModule.decorators = [
@@ -17317,7 +17779,7 @@ class StructureConfigFontComponent {
 StructureConfigFontComponent.decorators = [
     { type: 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 = () => [
@@ -19336,6 +19798,105 @@ ImagesBigsAndDoubleMiddleComponent.decorators = [
 ];
 ImagesBigsAndDoubleMiddleComponent.ctorParameters = () => [];
 
+var _a$1H, _b$1C;
+class FourImagesTitleElementDto {
+    constructor() {
+        this[_a$1H] = new ImageMediaDto();
+        this[_b$1C] = 'wb.dto.TITLE.40';
+    }
+}
+_a$1H = FORM_NAME_IMAGE, _b$1C = FORM_NAME_TITLE;
+
+class FourImagesTitleComponent extends StructuresComponent {
+    constructor(translateBlockService) {
+        super();
+        this.translateBlockService = translateBlockService;
+        this.sizes = { small: '458x412', medium: '458x435', large: '458x456' };
+        this.selectedKey = '';
+        this.setComponentService(FourImagesTitleService);
+    }
+    ngOnInit() {
+        if (this.contents.block.init === false && this.contents.block.elements.length === 0) {
+            for (var i = 0; i < 4; ++i) {
+                const newElement = new FourImagesTitleElementDto();
+                this.translateBlockService.translateProperties(newElement);
+                this.contents.block.elements.push(newElement);
+            }
+        }
+        this.contents.block.init = true;
+        this.subscribeToImage();
+        super.ngOnInit();
+        this.persist();
+    }
+    subscribeToImage() {
+        this.image.subscribe((media) => {
+            const 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();
+        });
+    }
+    getMediaFor(key) {
+        this.selectedKey = key;
+        this.getMedia();
+    }
+}
+FourImagesTitleComponent.decorators = [
+    { type: 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 = () => [
+    { type: TranslateBlockService }
+];
+
+class TwoImagesTitleTextComponent extends StructuresComponent {
+    constructor() {
+        super();
+        this.sizes = { small: '980x490', medium: '980x618', large: '980x710' };
+        this.selectedKey = '';
+        this.setComponentService(TwoImagesTitleTextService);
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        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();
+    }
+    subscribeToImage() {
+        this.image.subscribe((media) => {
+            const 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();
+        });
+    }
+    getMediaFor(key) {
+        this.selectedKey = key;
+        this.getMedia();
+    }
+}
+TwoImagesTitleTextComponent.decorators = [
+    { type: 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 = () => [];
+
 class TextBackgroundsSimpleComponent extends StructuresComponent {
     constructor() {
         super();
@@ -23765,16 +24326,16 @@ TextsQuadrupleNumbersComponent.decorators = [
 ];
 TextsQuadrupleNumbersComponent.ctorParameters = () => [];
 
-var _a$1A, _b$1v, _c$1e, _d$12;
+var _a$1I, _b$1D, _c$1l, _d$19;
 class AboutElementDto {
     constructor() {
-        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';
     }
 }
-_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;
 
 class AboutBlockComponent extends StructuresComponent {
     constructor() {
@@ -23944,17 +24505,17 @@ FaqSimpleBackgroundComponent.decorators = [
 ];
 FaqSimpleBackgroundComponent.ctorParameters = () => [];
 
-var _a$1B, _b$1w, _c$1f, _d$13;
+var _a$1J, _b$1E, _c$1m, _d$1a;
 class ImageMediaAndTextDto extends ImageMediaDto {
     constructor() {
         super(...arguments);
-        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] = '';
     }
 }
-_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;
 
 class TextBackgroundsLinkComponent extends StructuresComponent {
     constructor() {
@@ -24145,6 +24706,35 @@ FaqListIconComponent.decorators = [
 ];
 FaqListIconComponent.ctorParameters = () => [];
 
+class TextBackgroundsWithBannerComponent extends StructuresComponent {
+    constructor() {
+        super();
+        this.sizes = { small: '2000x550', medium: '2000x660', large: '2000x770' };
+        this.setComponentService(TextBackgroundsWithBannerService);
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.image.subscribe((media) => {
+            this.contentBlock.image = media;
+            this.persist();
+        });
+    }
+    updateThisImage(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();
+        }
+    }
+}
+TextBackgroundsWithBannerComponent.decorators = [
+    { type: 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 = () => [];
+
 class FormsOnboardingComponent extends StructuresComponent {
     constructor() {
         super();
@@ -24163,6 +24753,352 @@ FormsOnboardingComponent.decorators = [
 ];
 FormsOnboardingComponent.ctorParameters = () => [];
 
+var _a$1K, _b$1F;
+class TextBackgroundsRowsIconTextDto {
+    constructor() {
+        this[_a$1K] = 'wb.dto.TITLE.43';
+        this[_b$1F] = new FontOrMediaDto('far fa-question-circle');
+    }
+}
+_a$1K = FORM_NAME_TITLE, _b$1F = FORM_NAME_ICON;
+
+class TextBackgroundsThreeRowsIconTextComponent extends StructuresComponent {
+    constructor(translateBlockService) {
+        super();
+        this.translateBlockService = translateBlockService;
+        this.row = 0;
+        this.column = 0;
+        this.sizes = { small: '620x175', medium: '620x250', large: '620x325' };
+        this.setComponentService(TextBackgroundsThreeRowsIconTextService);
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        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();
+        }
+    }
+    addRow(index) {
+        this.contentBlock[FORM_NAME_ROWS].push(new Array());
+        for (var i = 0; i < this.contentBlock[FORM_NAME_ITEM_NUMBER]; ++i) {
+            const 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]);
+    }
+    deleteRow(i) {
+        this.contentBlock[FORM_NAME_ROWS].splice(i, 1);
+        this.contentBlock[FORM_NAME_LINE_NUMBER] -= 1;
+        this.persist();
+    }
+    subscribeToImage() {
+        this.image.subscribe((media) => {
+            this.addBackgroundImageMedia(media);
+        });
+    }
+    onClickUpdateImage(row, column) {
+        this.row = row;
+        this.column = column;
+        this.getMedia();
+    }
+    updateThisImage(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();
+        }
+    }
+    addNewImage(row, column) {
+        this.row = row;
+        this.column = column;
+        this.getMedia();
+    }
+    addBackgroundImageMedia(media) {
+        const 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();
+    }
+    stopPropagation($event) {
+        $event.stopPropagation();
+    }
+}
+TextBackgroundsThreeRowsIconTextComponent.decorators = [
+    { type: 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 = () => [
+    { type: TranslateBlockService }
+];
+
+class TextBackgroundsFourRowsIconTextComponent extends StructuresComponent {
+    constructor(translateBlockService) {
+        super();
+        this.translateBlockService = translateBlockService;
+        this.row = 0;
+        this.column = 0;
+        this.sizes = { small: '458x175', medium: '458x250', large: '458x325' };
+        this.setComponentService(TextBackgroundsFourRowsIconTextService);
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        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();
+        }
+    }
+    addRow(index) {
+        this.contentBlock[FORM_NAME_ROWS].push(new Array());
+        for (var i = 0; i < this.contentBlock[FORM_NAME_ITEM_NUMBER]; ++i) {
+            const 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]);
+    }
+    deleteRow(i) {
+        this.contentBlock[FORM_NAME_ROWS].splice(i, 1);
+        this.contentBlock[FORM_NAME_LINE_NUMBER] -= 1;
+        this.persist();
+    }
+    subscribeToImage() {
+        this.image.subscribe((media) => {
+            this.addBackgroundImageMedia(media);
+        });
+    }
+    onClickUpdateImage(row, column) {
+        this.row = row;
+        this.column = column;
+        this.getMedia();
+    }
+    updateThisImage(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();
+        }
+    }
+    addNewImage(row, column) {
+        this.row = row;
+        this.column = column;
+        this.getMedia();
+    }
+    addBackgroundImageMedia(media) {
+        const 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();
+    }
+    stopPropagation($event) {
+        $event.stopPropagation();
+    }
+}
+TextBackgroundsFourRowsIconTextComponent.decorators = [
+    { type: 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 = () => [
+    { type: TranslateBlockService }
+];
+
+class TextBackgroundsTwoRowsIconTextComponent extends StructuresComponent {
+    constructor(translateBlockService) {
+        super();
+        this.translateBlockService = translateBlockService;
+        this.row = 0;
+        this.column = 0;
+        this.sizes = { small: '945x175', medium: '945x250', large: '945x325' };
+        this.setComponentService(TextBackgroundsTwoRowsIconTextService);
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        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();
+        }
+    }
+    addRow(index) {
+        this.contentBlock[FORM_NAME_ROWS].push(new Array());
+        for (var i = 0; i < this.contentBlock[FORM_NAME_ITEM_NUMBER]; ++i) {
+            const newElement = new TextBackgroundsRowsIconTextDto();
+            this.translateBlockService.translateProperties(newElement);
+            this.contentBlock[FORM_NAME_ROWS][index].push(newElement);
+        }
+        this.contentBlock[FORM_NAME_LINE_NUMBER] += 1;
+        this.persist();
+    }
+    deleteRow(i) {
+        this.contentBlock[FORM_NAME_ROWS].splice(i, 1);
+        this.contentBlock[FORM_NAME_LINE_NUMBER] -= 1;
+        this.persist();
+    }
+    subscribeToImage() {
+        this.image.subscribe((media) => {
+            this.addBackgroundImageMedia(media);
+        });
+    }
+    onClickUpdateImage(row, column) {
+        this.row = row;
+        this.column = column;
+        this.getMedia();
+    }
+    updateThisImage(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();
+        }
+    }
+    addNewImage(row, column) {
+        console.log('row ' + row + ' col ' + column);
+        this.row = row;
+        this.column = column;
+        this.getMedia();
+    }
+    addBackgroundImageMedia(media) {
+        const 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();
+    }
+    stopPropagation($event) {
+        $event.stopPropagation();
+    }
+}
+TextBackgroundsTwoRowsIconTextComponent.decorators = [
+    { type: 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 = () => [
+    { type: TranslateBlockService }
+];
+
+class SliderWithBannerComponent extends StructuresComponent {
+    constructor() {
+        super();
+        this.selectedTab = null;
+        this.showEmptyImage = true;
+        this.selectedKey = '';
+        this.sizes = { small: '2000x550', medium: '2000x660', large: '2000x770' };
+        this.setComponentService(SlidersWithBannerService);
+    }
+    ngOnInit() {
+        super.ngOnInit();
+        this.subscribeToImage();
+        if (this.contentBlock.slider.length) {
+            this.showEmptyImage = false;
+            this.selectedTab = 0;
+        }
+    }
+    subscribeToImage() {
+        this.image.subscribe((media) => {
+            if (this.selectedKey !== '') {
+                this.replaceSliderWithMedia(media);
+            }
+            else {
+                this.addASliderWithMedia(media);
+            }
+        });
+    }
+    getMediaFor(key) {
+        this.selectedKey = key;
+        this.getMedia();
+    }
+    showSlide(key) {
+        if (this.selectedTab === key && !this.showEmptyImage) {
+            return;
+        }
+        this.showEmptyImage = false;
+        this.selectedTab = key;
+    }
+    addASliderWithMedia(media) {
+        const 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();
+    }
+    replaceSliderWithMedia(media) {
+        const 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();
+    }
+    updateThisImage(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();
+        }
+    }
+    removeThisSlide(key) {
+        const 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();
+    }
+    onDrop(event) {
+        moveItemInArray(this.contentBlock.slider, event.previousIndex, event.currentIndex);
+        this.selectedTab = event.currentIndex;
+        this.persist();
+    }
+}
+SliderWithBannerComponent.decorators = [
+    { type: 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 = () => [];
+
 const BlockComponentList = [
     SliderFullpageComponent,
     SliderLeftnavComponent,
@@ -24267,6 +25203,13 @@ const BlockComponentList = [
     FaqFrameComponent,
     FaqAccordionComponent,
     FaqListIconComponent,
+    FourImagesTitleComponent,
+    TwoImagesTitleTextComponent,
+    TextBackgroundsWithBannerComponent,
+    TextBackgroundsTwoRowsIconTextComponent,
+    TextBackgroundsThreeRowsIconTextComponent,
+    TextBackgroundsFourRowsIconTextComponent,
+    SliderWithBannerComponent,
 ];
 class StructuresModule {
 }
@@ -24533,5 +25476,5 @@ WiziBlockModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ApiDto, ExternalConfigDto, MediaConnectorService, MediaDto, TranslationBlockDto, TranslationStructureDto, TranslationsDto, TypesDto, WiziBlockComponent, WiziBlockModule, WiziBlockService, Types as ɵa, MyMissingTranslationHandler as ɵb, SharedDirectivesModule as ɵba, AutofocusDirective as ɵbb, AutoHideDirective as ɵbc, GetSizeImageDirective as ɵbd, ExpectedImagesService as ɵbe, PicturesTemplateDirective as ɵbf, HoldableDirective as ɵbg, StructureToolsComponent as ɵbh, StructureConfigComponent as ɵbi, StructureConfigService as ɵbj, StructureConfigInputComponent as ɵbk, StructureConfigCheckboxComponent as ɵbl, StructureConfigFontComponent as ɵbm, FontAwesomeService as ɵbn, StructureConfigPaymentComponent as ɵbo, StructureSelectComponent as ɵbp, StructureSearchProductComponent as ɵbq, StructureConfigExtendedInputComponent as ɵbr, StructureAmplifySearchProductComponent as ɵbs, StructureAmplifySearchCategoryComponent as ɵbt, LoaderComponent as ɵbu, SmallLoaderComponent as ɵbv, StarComponent as ɵbw, QuillComponent as ɵbx, QuillService as ɵby, FaqComponent as ɵbz, animateListFromRight as ɵc, BlockComponentList as ɵca, StructuresModule as ɵcb, SliderFullpageComponent as ɵcc, StructuresComponent as ɵcd, SlidersFullpageService as ɵce, SliderLeftnavComponent as ɵcf, SlidersLeftnavService as ɵcg, SliderImagerightComponent as ɵch, SlidersImagerightService as ɵci, SliderDoubleImagerightComponent as ɵcj, SlidersDoubleImagerightService as ɵck, SeparatorSimpleComponent as ɵcl, SeparatorSimpleService as ɵcm, CodeHtmlComponent as ɵcn, CodeHtmlService as ɵco, CodeJavascriptComponent as ɵcp, CodeJavascriptService as ɵcq, VideosSimpleComponent as ɵcr, VideosSimpleService as ɵcs, YoutubeService as ɵct, VimeoService as ɵcu, VideosTxtComponent as ɵcv, VideosTxtService as ɵcw, VideosTxtContentComponent as ɵcx, VideosTxtContentService as ɵcy, LaunchVideosButtonComponent as ɵcz, animateListFromLeft as ɵd, LaunchVideosButtonService as ɵda, LaunchVideosButtontxtComponent as ɵdb, LaunchVideosButtontxtService as ɵdc, ImagesBannerComponent as ɵdd, ImagesBannerService as ɵde, ImagesSimpleComponent as ɵdf, ImagesSimpleService as ɵdg, ImagesDoubleComponent as ɵdh, ImagesDoubleService as ɵdi, ImagesTripleComponent as ɵdj, ImagesTripleService as ɵdk, ImagesQuadrupleComponent as ɵdl, ImagesQuadrupleService as ɵdm, ImagesQuadrupleLeftOneRightComponent as ɵdn, ImagesQuadrupleLeftOneRightService as ɵdo, ImagesBigAndDoubleComponent as ɵdp, ImagesBigAndDoubleService as ɵdq, ImagesBigsAndDoubleMiddleComponent as ɵdr, ImagesBigsAndDoubleMiddleService as ɵds, TextBackgroundsLinkComponent as ɵdt, TextBackgroundsLinkService as ɵdu, TextBackgroundsSimpleComponent as ɵdv, TextBackgroundsSimpleService as ɵdw, TextBackgroundsWithTxtComponent as ɵdx, TextBackgroundsWithTxtService as ɵdy, ImagesTextsBigLeftTextRightComponent as ɵdz, ConfigService as ɵe, ImagesTextsBigLeftTextRightService as ɵea, ImagesTextsBigRightTextLeftComponent as ɵeb, ImagesTextsBigRightTextLeftService as ɵec, ImagesTextsLeftTextRightComponent as ɵed, ImagesTextsLeftTextRightService as ɵee, ImagesTextsRightTextLeftComponent as ɵef, ImagesTextsRightTextLeftService as ɵeg, ImagesTextsOneTextOneComponent as ɵeh, ImagesTextsOneTextOneService as ɵei, ImagesTextsSmallLeftTextRightComponent as ɵej, ImagesTextsSmallLeftTextRightService as ɵek, ImagesTextsSmallRightTextLeftComponent as ɵel, ImagesTextsSmallRightTextLeftService as ɵem, ImagesTextsTextOneTextComponent as ɵen, ImagesTextsTextOneTextService as ɵeo, TextsOneBackgroundComponent as ɵep, TextsOneBackgroundService as ɵeq, TextsDoubleBackgroundComponent as ɵer, TextsDoubleBackgroundService as ɵes, TextsTripleBackgroundComponent as ɵet, TextsTripleBackgroundService as ɵeu, TextsQuadrupleComponent as ɵev, TextsQuadrupleService as ɵew, TextsQuadrupleNumbersComponent as ɵex, TextsQuadrupleNumbersService as ɵey, FormsSimpleComponent as ɵez, ContentService as ɵf, FormsSimpleService as ɵfa, TextsQuadrupleBackgroundComponent as ɵfb, TextsQuadrupleBackgroundService as ɵfc, TextsTripleComponent as ɵfd, TextsTripleService as ɵfe, TextsOneComponent as ɵff, TextsOneService as ɵfg, TextsDoubleComponent as ɵfh, TextsDoubleService as ɵfi, FormsBackgroundComponent as ɵfj, FormsBackgroundService as ɵfk, VideosTxtLeftComponent as ɵfl, VideosTxtLeftService as ɵfm, FormsImageleftComponent as ɵfn, FormsImageleftService as ɵfo, FormsImagerightComponent as ɵfp, FormsImagerightService as ɵfq, FormsOnboardingComponent as ɵfr, FormsOnboardingService as ɵfs, SocialsLikeComponent as ɵft, SocialsLikeService as ɵfu, SocialsPageSimpleComponent as ɵfv, SocialsPageSimpleService as ɵfw, SocialsPageComplexComponent as ɵfx, SocialsPageComplexService as ɵfy, SocialsNetworkComponent as ɵfz, ExternalConfigService as ɵg, SocialsNetworkService as ɵga, ProductsListClassicComponent as ɵgb, ProductsListClassicService as ɵgc, CurrencyService as ɵgd, ProductsListSimpleComponent as ɵge, ProductsListSimpleService as ɵgf, RassurancesTripleBackgroundComponent as ɵgg, RassurancesTripleBackgroundService as ɵgh, RassurancesQuadrupleAlignedComponent as ɵgi, RassurancesQuadrupleAlignedService as ɵgj, RassurancesQuadrupleBackgroundComponent as ɵgk, RassurancesQuadrupleBackgroundService as ɵgl, NewsletterAlignedCenterImageComponent as ɵgm, NewsletterAlignedCenterImageService as ɵgn, NewsletterAlignedCenterBackgroundComponent as ɵgo, NewsletterAlignedCenterBackgroundService as ɵgp, NewsletterCenterImageComponent as ɵgq, NewsletterCenterImageService as ɵgr, ProductsListSelectedComponent as ɵgs, ProductsListSelectedService as ɵgt, CodeStylesheetComponent as ɵgu, CodeStylesheetService as ɵgv, WitnessTwiceComponent as ɵgw, WitnessTwiceService as ɵgx, WitnessTripleComponent as ɵgy, WitnessTripleService as ɵgz, ApiService as ɵh, WitnessQuadrupleComponent as ɵha, WitnessQuadrupleService as ɵhb, WitnessBackgroundOneComponent as ɵhc, WitnessBackgroundOneService as ɵhd, WitnessBackgroundDoubleComponent as ɵhe, WitnessBackgroundDoubleService as ɵhf, ReviewsSimpleComponent as ɵhg, ReviewsSimpleService as ɵhh, QuotesSimpleComponent as ɵhi, QuotesSimpleService as ɵhj, QuotesAuthorComponent as ɵhk, QuotesAuthorService as ɵhl, QuotesSimpleBackgroundComponent as ɵhm, QuotesSimpleBackgroundService as ɵhn, ReviewsWaterfallComponent as ɵho, ReviewsWaterfallService as ɵhp, MapFullpageComponent as ɵhq, MapFullpageService as ɵhr, MapLeftTextComponent as ɵhs, MapLeftTextService as ɵht, MapRightTextComponent as ɵhu, MapRightTextService as ɵhv, MapTextFormComponent as ɵhw, MapTextFormService as ɵhx, MapBackgroundFormLeftComponent as ɵhy, MapBackgroundFormLeftService as ɵhz, ComponentsModule as ɵi, MapBackgroundFormRightComponent as ɵia, MapBackgroundFormRightService as ɵib, AmplifyProductsListSimpleComponent as ɵic, AmplifyProductsListSimpleService as ɵid, AmplifyProductsListSelectedComponent as ɵie, AmplifyProductsListSelectedService as ɵif, AmplifyProductsListClassicComponent as ɵig, AmplifyProductsListClassicService as ɵih, AmplifyProductZoomComponent as ɵii, AmplifyProductZoomService as ɵij, AmplifyProductZoomTripleColumnComponent as ɵik, AmplifyProductZoomTripleColumnService as ɵil, AmplifyProductZoomSelectedComponent as ɵim, AmplifyProductZoomSelectedService as ɵin, AmplifyProductZoomMoreComponent as ɵio, AmplifyProductZoomMoreService as ɵip, ProductZoomComponent as ɵiq, ProductZoomService as ɵir, ProductZoomTripleColumnComponent as ɵis, ProductZoomTripleColumnService as ɵit, ProductZoomSelectedComponent as ɵiu, ProductZoomSelectedService as ɵiv, ProductZoomMoreComponent as ɵiw, ProductZoomMoreService as ɵix, ProductZoomCompleteComponent as ɵiy, ProductZoomCompleteService as ɵiz, BlocksComponent as ɵj, ProductZoomCompleteSliderComponent as ɵja, ProductZoomCompleteSliderService as ɵjb, ProductZoomSimpleComponent as ɵjc, ProductZoomSimpleService as ɵjd, ProductZoomCompleteBackgroundComponent as ɵje, ProductZoomCompleteBackgroundService as ɵjf, TimerSimpleComponent as ɵjg, TimerSimpleService as ɵjh, TimerBackgroundComponent as ɵji, TimerBackgroundService as ɵjj, TimerClockComponent as ɵjk, TimerClockService as ɵjl, TimerAirportComponent as ɵjm, TimerAirportService as ɵjn, TimerMultipleImgComponent as ɵjo, TimerMultipleImgService as ɵjp, AboutBlockComponent as ɵjq, AboutBlockService as ɵjr, FaqSimpleComponent as ɵjs, FaqSimpleService as ɵjt, FaqSimpleBackgroundComponent as ɵju, FaqSimpleBackgroundService as ɵjv, FaqFrameComponent as ɵjw, FaqFrameService as ɵjx, FaqAccordionComponent as ɵjy, FaqAccordionService as ɵjz, ConfigsComponent as ɵk, FaqListIconComponent as ɵka, FaqListIconService as ɵkb, LoaderComponentModule as ɵkc, PreviewsComponent as ɵl, ContainerBlockComponent as ɵm, SharedModule as ɵn, SharedComponentsModule as ɵo, SharedPipesModule as ɵp, SafeUrlPipe as ɵq, SafeStylePipe as ɵr, AddZeroForTimerPipe as ɵs, AnswerTypePipe as ɵt, TinyColorPipe as ɵu, ArrayNumberPipe as ɵv, CheckPaymentValuePipe as ɵw, EvenOddPipe as ɵx, StripTagsPipe as ɵy, ImgPathPipe as ɵz };
+export { ApiDto, ExternalConfigDto, MediaConnectorService, MediaDto, TranslationBlockDto, TranslationStructureDto, TranslationsDto, TypesDto, WiziBlockComponent, WiziBlockModule, WiziBlockService, Types as ɵa, MyMissingTranslationHandler as ɵb, SharedDirectivesModule as ɵba, AutofocusDirective as ɵbb, AutoHideDirective as ɵbc, GetSizeImageDirective as ɵbd, ExpectedImagesService as ɵbe, PicturesTemplateDirective as ɵbf, HoldableDirective as ɵbg, ShowDeleteButtonDirective as ɵbh, StructureToolsComponent as ɵbi, StructureConfigComponent as ɵbj, StructureConfigService as ɵbk, StructureConfigInputComponent as ɵbl, StructureConfigCheckboxComponent as ɵbm, StructureConfigFontComponent as ɵbn, FontAwesomeService as ɵbo, StructureConfigPaymentComponent as ɵbp, StructureSelectComponent as ɵbq, StructureSearchProductComponent as ɵbr, StructureConfigExtendedInputComponent as ɵbs, StructureAmplifySearchProductComponent as ɵbt, StructureAmplifySearchCategoryComponent as ɵbu, LoaderComponent as ɵbv, SmallLoaderComponent as ɵbw, StarComponent as ɵbx, QuillComponent as ɵby, QuillService as ɵbz, animateListFromRight as ɵc, FaqComponent as ɵca, BlockComponentList as ɵcb, StructuresModule as ɵcc, SliderFullpageComponent as ɵcd, StructuresComponent as ɵce, SlidersFullpageService as ɵcf, SliderLeftnavComponent as ɵcg, SlidersLeftnavService as ɵch, SliderImagerightComponent as ɵci, SlidersImagerightService as ɵcj, SliderDoubleImagerightComponent as ɵck, SlidersDoubleImagerightService as ɵcl, SeparatorSimpleComponent as ɵcm, SeparatorSimpleService as ɵcn, CodeHtmlComponent as ɵco, CodeHtmlService as ɵcp, CodeJavascriptComponent as ɵcq, CodeJavascriptService as ɵcr, VideosSimpleComponent as ɵcs, VideosSimpleService as ɵct, YoutubeService as ɵcu, VimeoService as ɵcv, VideosTxtComponent as ɵcw, VideosTxtService as ɵcx, VideosTxtContentComponent as ɵcy, VideosTxtContentService as ɵcz, animateListFromLeft as ɵd, LaunchVideosButtonComponent as ɵda, LaunchVideosButtonService as ɵdb, LaunchVideosButtontxtComponent as ɵdc, LaunchVideosButtontxtService as ɵdd, ImagesBannerComponent as ɵde, ImagesBannerService as ɵdf, ImagesSimpleComponent as ɵdg, ImagesSimpleService as ɵdh, ImagesDoubleComponent as ɵdi, ImagesDoubleService as ɵdj, ImagesTripleComponent as ɵdk, ImagesTripleService as ɵdl, ImagesQuadrupleComponent as ɵdm, ImagesQuadrupleService as ɵdn, ImagesQuadrupleLeftOneRightComponent as ɵdo, ImagesQuadrupleLeftOneRightService as ɵdp, ImagesBigAndDoubleComponent as ɵdq, ImagesBigAndDoubleService as ɵdr, ImagesBigsAndDoubleMiddleComponent as ɵds, ImagesBigsAndDoubleMiddleService as ɵdt, TextBackgroundsLinkComponent as ɵdu, TextBackgroundsLinkService as ɵdv, TextBackgroundsSimpleComponent as ɵdw, TextBackgroundsSimpleService as ɵdx, TextBackgroundsWithTxtComponent as ɵdy, TextBackgroundsWithTxtService as ɵdz, ConfigService as ɵe, ImagesTextsBigLeftTextRightComponent as ɵea, ImagesTextsBigLeftTextRightService as ɵeb, ImagesTextsBigRightTextLeftComponent as ɵec, ImagesTextsBigRightTextLeftService as ɵed, ImagesTextsLeftTextRightComponent as ɵee, ImagesTextsLeftTextRightService as ɵef, ImagesTextsRightTextLeftComponent as ɵeg, ImagesTextsRightTextLeftService as ɵeh, ImagesTextsOneTextOneComponent as ɵei, ImagesTextsOneTextOneService as ɵej, ImagesTextsSmallLeftTextRightComponent as ɵek, ImagesTextsSmallLeftTextRightService as ɵel, ImagesTextsSmallRightTextLeftComponent as ɵem, ImagesTextsSmallRightTextLeftService as ɵen, ImagesTextsTextOneTextComponent as ɵeo, ImagesTextsTextOneTextService as ɵep, TextsOneBackgroundComponent as ɵeq, TextsOneBackgroundService as ɵer, TextsDoubleBackgroundComponent as ɵes, TextsDoubleBackgroundService as ɵet, TextsTripleBackgroundComponent as ɵeu, TextsTripleBackgroundService as ɵev, TextsQuadrupleComponent as ɵew, TextsQuadrupleService as ɵex, TextsQuadrupleNumbersComponent as ɵey, TextsQuadrupleNumbersService as ɵez, ContentService as ɵf, FormsSimpleComponent as ɵfa, FormsSimpleService as ɵfb, TextsQuadrupleBackgroundComponent as ɵfc, TextsQuadrupleBackgroundService as ɵfd, TextsTripleComponent as ɵfe, TextsTripleService as ɵff, TextsOneComponent as ɵfg, TextsOneService as ɵfh, TextsDoubleComponent as ɵfi, TextsDoubleService as ɵfj, FormsBackgroundComponent as ɵfk, FormsBackgroundService as ɵfl, VideosTxtLeftComponent as ɵfm, VideosTxtLeftService as ɵfn, FormsImageleftComponent as ɵfo, FormsImageleftService as ɵfp, FormsImagerightComponent as ɵfq, FormsImagerightService as ɵfr, FormsOnboardingComponent as ɵfs, FormsOnboardingService as ɵft, SocialsLikeComponent as ɵfu, SocialsLikeService as ɵfv, SocialsPageSimpleComponent as ɵfw, SocialsPageSimpleService as ɵfx, SocialsPageComplexComponent as ɵfy, SocialsPageComplexService as ɵfz, ExternalConfigService as ɵg, SocialsNetworkComponent as ɵga, SocialsNetworkService as ɵgb, ProductsListClassicComponent as ɵgc, ProductsListClassicService as ɵgd, CurrencyService as ɵge, ProductsListSimpleComponent as ɵgf, ProductsListSimpleService as ɵgg, RassurancesTripleBackgroundComponent as ɵgh, RassurancesTripleBackgroundService as ɵgi, RassurancesQuadrupleAlignedComponent as ɵgj, RassurancesQuadrupleAlignedService as ɵgk, RassurancesQuadrupleBackgroundComponent as ɵgl, RassurancesQuadrupleBackgroundService as ɵgm, NewsletterAlignedCenterImageComponent as ɵgn, NewsletterAlignedCenterImageService as ɵgo, NewsletterAlignedCenterBackgroundComponent as ɵgp, NewsletterAlignedCenterBackgroundService as ɵgq, NewsletterCenterImageComponent as ɵgr, NewsletterCenterImageService as ɵgs, ProductsListSelectedComponent as ɵgt, ProductsListSelectedService as ɵgu, CodeStylesheetComponent as ɵgv, CodeStylesheetService as ɵgw, WitnessTwiceComponent as ɵgx, WitnessTwiceService as ɵgy, WitnessTripleComponent as ɵgz, ApiService as ɵh, WitnessTripleService as ɵha, WitnessQuadrupleComponent as ɵhb, WitnessQuadrupleService as ɵhc, WitnessBackgroundOneComponent as ɵhd, WitnessBackgroundOneService as ɵhe, WitnessBackgroundDoubleComponent as ɵhf, WitnessBackgroundDoubleService as ɵhg, ReviewsSimpleComponent as ɵhh, ReviewsSimpleService as ɵhi, QuotesSimpleComponent as ɵhj, QuotesSimpleService as ɵhk, QuotesAuthorComponent as ɵhl, QuotesAuthorService as ɵhm, QuotesSimpleBackgroundComponent as ɵhn, QuotesSimpleBackgroundService as ɵho, ReviewsWaterfallComponent as ɵhp, ReviewsWaterfallService as ɵhq, MapFullpageComponent as ɵhr, MapFullpageService as ɵhs, MapLeftTextComponent as ɵht, MapLeftTextService as ɵhu, MapRightTextComponent as ɵhv, MapRightTextService as ɵhw, MapTextFormComponent as ɵhx, MapTextFormService as ɵhy, MapBackgroundFormLeftComponent as ɵhz, ComponentsModule as ɵi, MapBackgroundFormLeftService as ɵia, MapBackgroundFormRightComponent as ɵib, MapBackgroundFormRightService as ɵic, AmplifyProductsListSimpleComponent as ɵid, AmplifyProductsListSimpleService as ɵie, AmplifyProductsListSelectedComponent as ɵif, AmplifyProductsListSelectedService as ɵig, AmplifyProductsListClassicComponent as ɵih, AmplifyProductsListClassicService as ɵii, AmplifyProductZoomComponent as ɵij, AmplifyProductZoomService as ɵik, AmplifyProductZoomTripleColumnComponent as ɵil, AmplifyProductZoomTripleColumnService as ɵim, AmplifyProductZoomSelectedComponent as ɵin, AmplifyProductZoomSelectedService as ɵio, AmplifyProductZoomMoreComponent as ɵip, AmplifyProductZoomMoreService as ɵiq, ProductZoomComponent as ɵir, ProductZoomService as ɵis, ProductZoomTripleColumnComponent as ɵit, ProductZoomTripleColumnService as ɵiu, ProductZoomSelectedComponent as ɵiv, ProductZoomSelectedService as ɵiw, ProductZoomMoreComponent as ɵix, ProductZoomMoreService as ɵiy, ProductZoomCompleteComponent as ɵiz, BlocksComponent as ɵj, ProductZoomCompleteService as ɵja, ProductZoomCompleteSliderComponent as ɵjb, ProductZoomCompleteSliderService as ɵjc, ProductZoomSimpleComponent as ɵjd, ProductZoomSimpleService as ɵje, ProductZoomCompleteBackgroundComponent as ɵjf, ProductZoomCompleteBackgroundService as ɵjg, TimerSimpleComponent as ɵjh, TimerSimpleService as ɵji, TimerBackgroundComponent as ɵjj, TimerBackgroundService as ɵjk, TimerClockComponent as ɵjl, TimerClockService as ɵjm, TimerAirportComponent as ɵjn, TimerAirportService as ɵjo, TimerMultipleImgComponent as ɵjp, TimerMultipleImgService as ɵjq, AboutBlockComponent as ɵjr, AboutBlockService as ɵjs, FaqSimpleComponent as ɵjt, FaqSimpleService as ɵju, FaqSimpleBackgroundComponent as ɵjv, FaqSimpleBackgroundService as ɵjw, FaqFrameComponent as ɵjx, FaqFrameService as ɵjy, FaqAccordionComponent as ɵjz, ConfigsComponent as ɵk, FaqAccordionService as ɵka, FaqListIconComponent as ɵkb, FaqListIconService as ɵkc, FourImagesTitleComponent as ɵkd, FourImagesTitleService as ɵke, TranslateBlockService as ɵkf, TwoImagesTitleTextComponent as ɵkg, TwoImagesTitleTextService as ɵkh, TextBackgroundsWithBannerComponent as ɵki, TextBackgroundsWithBannerService as ɵkj, TextBackgroundsTwoRowsIconTextComponent as ɵkk, TextBackgroundsTwoRowsIconTextService as ɵkl, TextBackgroundsThreeRowsIconTextComponent as ɵkm, TextBackgroundsThreeRowsIconTextService as ɵkn, TextBackgroundsFourRowsIconTextComponent as ɵko, TextBackgroundsFourRowsIconTextService as ɵkp, SliderWithBannerComponent as ɵkq, SlidersWithBannerService as ɵkr, LoaderComponentModule as ɵks, PreviewsComponent as ɵl, ContainerBlockComponent as ɵm, SharedModule as ɵn, SharedComponentsModule as ɵo, SharedPipesModule as ɵp, SafeUrlPipe as ɵq, SafeStylePipe as ɵr, AddZeroForTimerPipe as ɵs, AnswerTypePipe as ɵt, TinyColorPipe as ɵu, ArrayNumberPipe as ɵv, CheckPaymentValuePipe as ɵw, EvenOddPipe as ɵx, StripTagsPipe as ɵy, ImgPathPipe as ɵz };
 //# sourceMappingURL=wizishop-wizi-block.js.map