@wizishop/wizi-block 3.3.54 → 3.3.55-beta

package/fesm2015/wizishop-wizi-block.js

@@ -340,7 +340,8 @@ 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) {
+    constructor(id, label, type, value, placeholder, help = '', step = [], stepKey = [], state = [], iconHelp = false, labelEnable = '', reverseShow = false) {
+        this.reverseShow = false;
         this.id = id;
         this.label = label;
         this.type = type;
@@ -351,6 +352,8 @@ class FormsContentDto {
         this.stepKey = stepKey;
         this.state = state;
         this.iconHelp = iconHelp;
+        this.labelEnable = labelEnable;
+        this.reverseShow = reverseShow;
     }
 }
 class FormsDto {
@@ -360,7 +363,7 @@ class FormsDto {
         this.block = block;
         translateBlockService.translateProperties(this.block);
         if (hasMargin) {
-            this.forms.push(new FormsContentDto(FORM_NAME_HIDE_BLOCK, 'wb.forms.FormsContentDto.4', FORM_TYPE_CHECKBOX, block[FORM_NAME_HIDE_BLOCK], '', '', [], [], [true, false]));
+            this.forms.push(new FormsContentDto(FORM_NAME_HIDE_BLOCK, 'wb.forms.FormsContentDto.16', FORM_TYPE_CHECKBOX, block[FORM_NAME_HIDE_BLOCK], '', '', [], [], [false, true], false, 'wb.forms.FormsContentDto.15'));
         }
         this.forms.push(new FormsContentDto(FORM_NAME_MARGIN_TOP, 'wb.forms.FormsContentDto.13', FORM_TYPE_TAG, block[FORM_NAME_MARGIN_TOP], '#122231', '', [
             'wb.blocks.FormContentDto.101',
@@ -438,7 +441,7 @@ class SlidersFullpageService {
         const sliderFullPageFormDto = new FormsDto(content);
         const timeSliderFullPageContentDto = new FormsContentDto(FORM_NAME_TIME, 'wb.blocks.FormContentDto.60', FORM_TYPE_TEXT, content[FORM_NAME_TIME], '100ms', '');
         sliderFullPageFormDto.forms.push(timeSliderFullPageContentDto);
-        const dotsSliderFullPageContentDto = new FormsContentDto(FORM_NAME_DOTS, 'wb.blocks.FormContentDto.62', FORM_TYPE_CHECKBOX, content[FORM_NAME_DOTS], '', '', [], [], [true, false]);
+        const dotsSliderFullPageContentDto = new FormsContentDto(FORM_NAME_DOTS, 'wb.forms.FormsContentDto.25', FORM_TYPE_CHECKBOX, content[FORM_NAME_DOTS], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.26');
         sliderFullPageFormDto.forms.push(dotsSliderFullPageContentDto);
         const maskSliderFullPageContentDto = 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']);
         sliderFullPageFormDto.forms.push(maskSliderFullPageContentDto);
@@ -541,7 +544,7 @@ class SlidersImagerightService {
         const slidersImagerightFormDto = new FormsDto(content);
         const timeSliderFullPageContentDto = new FormsContentDto(FORM_NAME_TIME, 'wb.blocks.FormContentDto.60', FORM_TYPE_TEXT, content[FORM_NAME_TIME], '100ms', '');
         slidersImagerightFormDto.forms.push(timeSliderFullPageContentDto);
-        const dotsSliderFullPageContentDto = new FormsContentDto(FORM_NAME_DOTS, 'wb.blocks.FormContentDto.62', FORM_TYPE_CHECKBOX, content[FORM_NAME_DOTS], '', '', [], [], [true, false]);
+        const dotsSliderFullPageContentDto = new FormsContentDto(FORM_NAME_DOTS, 'wb.forms.FormsContentDto.25', FORM_TYPE_CHECKBOX, content[FORM_NAME_DOTS], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.26');
         slidersImagerightFormDto.forms.push(dotsSliderFullPageContentDto);
         const maskSliderFullPageContentDto = 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']);
         slidersImagerightFormDto.forms.push(maskSliderFullPageContentDto);
@@ -592,7 +595,7 @@ class SlidersDoubleImagerightService {
         const slidersDoubleImagerightDto = new FormsDto(content);
         const timeSliderFullPageContentDto = new FormsContentDto(FORM_NAME_TIME, 'wb.blocks.FormContentDto.60', FORM_TYPE_TEXT, content[FORM_NAME_TIME], '100ms', '');
         slidersDoubleImagerightDto.forms.push(timeSliderFullPageContentDto);
-        const dotsSliderFullPageContentDto = new FormsContentDto(FORM_NAME_DOTS, 'wb.blocks.FormContentDto.62', FORM_TYPE_CHECKBOX, content[FORM_NAME_DOTS], '', '', [], [], [true, false]);
+        const dotsSliderFullPageContentDto = new FormsContentDto(FORM_NAME_DOTS, 'wb.forms.FormsContentDto.25', FORM_TYPE_CHECKBOX, content[FORM_NAME_DOTS], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.26');
         slidersDoubleImagerightDto.forms.push(dotsSliderFullPageContentDto);
         const maskSliderFullPageContentDto = 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']);
         slidersDoubleImagerightDto.forms.push(maskSliderFullPageContentDto);
@@ -3117,7 +3120,7 @@ class ImagesSimpleService {
             'wb.blocks.FormContentDto.117',
         ], ['0', '0.25', '0.5', '1']);
         imgSimpleFormDto.forms.push(parallaxSpeedImgSimpleContentDto);
-        const parallaxInvertedImgSimpleContentDto = new FormsContentDto(FORM_NAME_PARALLAX_INVERTED, 'wb.blocks.FormContentDto.114', FORM_TYPE_CHECKBOX, content[FORM_NAME_PARALLAX_INVERTED], '', '', [], [], [true, false]);
+        const parallaxInvertedImgSimpleContentDto = new FormsContentDto(FORM_NAME_PARALLAX_INVERTED, 'wb.forms.FormsContentDto.27', FORM_TYPE_CHECKBOX, content[FORM_NAME_PARALLAX_INVERTED], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.28');
         imgSimpleFormDto.forms.push(parallaxInvertedImgSimpleContentDto);
         return imgSimpleFormDto;
     }
@@ -4107,7 +4110,7 @@ class TextBackgroundsSimpleService {
             'wb.blocks.FormContentDto.117',
         ], ['0', '0.25', '0.5', '1']);
         TextBackgroundsSimpleFormDto.forms.push(parallaxSpeedImgSimpleContentDto);
-        const parallaxInvertedImgSimpleContentDto = new FormsContentDto(FORM_NAME_PARALLAX_INVERTED, 'wb.blocks.FormContentDto.114', FORM_TYPE_CHECKBOX, content[FORM_NAME_PARALLAX_INVERTED], '', '', [], [], [true, false]);
+        const parallaxInvertedImgSimpleContentDto = new FormsContentDto(FORM_NAME_PARALLAX_INVERTED, 'wb.forms.FormsContentDto.27', FORM_TYPE_CHECKBOX, content[FORM_NAME_PARALLAX_INVERTED], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.28');
         TextBackgroundsSimpleFormDto.forms.push(parallaxInvertedImgSimpleContentDto);
         return TextBackgroundsSimpleFormDto;
     }
@@ -4182,7 +4185,7 @@ class TextBackgroundsWithTxtService {
             'wb.blocks.FormContentDto.117',
         ], ['0', '0.25', '0.5', '1']);
         formsDto.forms.push(parallaxSpeedImgSimpleContentDto);
-        const parallaxInvertedImgSimpleContentDto = new FormsContentDto(FORM_NAME_PARALLAX_INVERTED, 'wb.blocks.FormContentDto.114', FORM_TYPE_CHECKBOX, content[FORM_NAME_PARALLAX_INVERTED], '', '', [], [], [true, false]);
+        const parallaxInvertedImgSimpleContentDto = new FormsContentDto(FORM_NAME_PARALLAX_INVERTED, 'wb.forms.FormsContentDto.27', FORM_TYPE_CHECKBOX, content[FORM_NAME_PARALLAX_INVERTED], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.28');
         formsDto.forms.push(parallaxInvertedImgSimpleContentDto);
         return formsDto;
     }
@@ -4257,7 +4260,7 @@ class TextBackgroundsWithBannerService {
             'wb.blocks.FormContentDto.117',
         ], ['0', '0.25', '0.5', '1']);
         formsDto.forms.push(parallaxSpeedImgSimpleContentDto);
-        const parallaxInvertedImgSimpleContentDto = new FormsContentDto(FORM_NAME_PARALLAX_INVERTED, 'wb.blocks.FormContentDto.114', FORM_TYPE_CHECKBOX, content[FORM_NAME_PARALLAX_INVERTED], '', '', [], [], [true, false]);
+        const parallaxInvertedImgSimpleContentDto = new FormsContentDto(FORM_NAME_PARALLAX_INVERTED, 'wb.forms.FormsContentDto.27', FORM_TYPE_CHECKBOX, content[FORM_NAME_PARALLAX_INVERTED], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.28');
         formsDto.forms.push(parallaxInvertedImgSimpleContentDto);
         const colorContentDto = new FormsContentDto(FORM_NAME_COLOR, 'wb.blocks.FormContentDto.112', FORM_TYPE_COLOR, content[FORM_NAME_COLOR], '#122231', '');
         formsDto.forms.push(colorContentDto);
@@ -4330,7 +4333,7 @@ class LaunchVideosButtonService {
         const launchVideosFormDto = new FormsDto(content);
         const linkLaunchVideosContentDto = new FormsContentDto(FORM_NAME_LINK, 'wb.blocks.FormContentDto.18', FORM_TYPE_TEXT, content[FORM_NAME_LINK], '', '');
         launchVideosFormDto.forms.push(linkLaunchVideosContentDto);
-        const muteLaunchVideosContentDto = new FormsContentDto(FORM_NAME_MUTE, 'wb.blocks.FormContentDto.19', FORM_TYPE_CHECKBOX, content[FORM_NAME_MUTE], '', '', [], [], [true, false]);
+        const muteLaunchVideosContentDto = new FormsContentDto(FORM_NAME_MUTE, 'wb.forms.FormsContentDto.21', FORM_TYPE_CHECKBOX, content[FORM_NAME_MUTE], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.22');
         launchVideosFormDto.forms.push(muteLaunchVideosContentDto);
         const colorLaunchVideosContentDto = new FormsContentDto(FORM_NAME_COLOR, 'wb.blocks.FormContentDto.20', FORM_TYPE_COLOR, content[FORM_NAME_COLOR], '#ffffff', '');
         launchVideosFormDto.forms.push(colorLaunchVideosContentDto);
@@ -4385,7 +4388,7 @@ class LaunchVideosButtontxtService {
         const launchVideosFormDto = new FormsDto(content);
         const linkLaunchVideosContentDto = new FormsContentDto(FORM_NAME_LINK, 'wb.blocks.FormContentDto.18', FORM_TYPE_TEXT, content[FORM_NAME_LINK], '', '');
         launchVideosFormDto.forms.push(linkLaunchVideosContentDto);
-        const muteLaunchVideosContentDto = new FormsContentDto(FORM_NAME_MUTE, 'wb.blocks.FormContentDto.19', FORM_TYPE_CHECKBOX, content[FORM_NAME_MUTE], '', '', [], [], [true, false]);
+        const muteLaunchVideosContentDto = new FormsContentDto(FORM_NAME_MUTE, 'wb.forms.FormsContentDto.21', FORM_TYPE_CHECKBOX, content[FORM_NAME_MUTE], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.22');
         launchVideosFormDto.forms.push(muteLaunchVideosContentDto);
         const colorLaunchVideosContentDto = new FormsContentDto(FORM_NAME_COLOR, 'wb.blocks.FormContentDto.21', FORM_TYPE_COLOR, content[FORM_NAME_COLOR], '#ffffff', '');
         launchVideosFormDto.forms.push(colorLaunchVideosContentDto);
@@ -4430,13 +4433,13 @@ class VideosSimpleService {
         const videosFormDto = new FormsDto(content);
         const linkVideosContentDto = new FormsContentDto(FORM_NAME_LINK, 'wb.blocks.FormContentDto.18', FORM_TYPE_TEXT, content[FORM_NAME_LINK], '', '');
         videosFormDto.forms.push(linkVideosContentDto);
-        const controlVideosContentDto = new FormsContentDto(FORM_NAME_CONTROL, 'wb.blocks.FormContentDto.84', FORM_TYPE_CHECKBOX, content[FORM_NAME_CONTROL], '100ms', '', [], [], [true, false]);
+        const controlVideosContentDto = new FormsContentDto(FORM_NAME_CONTROL, 'wb.forms.FormsContentDto.17', FORM_TYPE_CHECKBOX, content[FORM_NAME_CONTROL], '100ms', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.18');
         videosFormDto.forms.push(controlVideosContentDto);
-        const autoplayVideosContentDto = new FormsContentDto(FORM_NAME_AUTOPLAY, 'wb.blocks.FormContentDto.85', FORM_TYPE_CHECKBOX, content[FORM_NAME_AUTOPLAY], '', '', [], [], [true, false]);
+        const autoplayVideosContentDto = new FormsContentDto(FORM_NAME_AUTOPLAY, 'wb.forms.FormsContentDto.19', FORM_TYPE_CHECKBOX, content[FORM_NAME_AUTOPLAY], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.20');
         videosFormDto.forms.push(autoplayVideosContentDto);
-        const muteVideosContentDto = new FormsContentDto(FORM_NAME_MUTE, 'wb.blocks.FormContentDto.19', FORM_TYPE_CHECKBOX, content[FORM_NAME_MUTE], '', '', [], [], [true, false]);
+        const muteVideosContentDto = new FormsContentDto(FORM_NAME_MUTE, 'wb.forms.FormsContentDto.21', FORM_TYPE_CHECKBOX, content[FORM_NAME_MUTE], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.22');
         videosFormDto.forms.push(muteVideosContentDto);
-        const loopVideosContentDto = new FormsContentDto(FORM_NAME_LOOP, 'wb.blocks.FormContentDto.86', FORM_TYPE_CHECKBOX, content[FORM_NAME_LOOP], '', '', [], [], [true, false]);
+        const loopVideosContentDto = new FormsContentDto(FORM_NAME_LOOP, 'wb.forms.FormsContentDto.23', FORM_TYPE_CHECKBOX, content[FORM_NAME_LOOP], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.24');
         videosFormDto.forms.push(loopVideosContentDto);
         return videosFormDto;
     }
@@ -4486,13 +4489,13 @@ class VideosTxtService {
         const videosFormDto = new FormsDto(content);
         const linkVideosContentDto = new FormsContentDto(FORM_NAME_LINK, 'wb.blocks.FormContentDto.18', FORM_TYPE_TEXT, content[FORM_NAME_LINK], '', '');
         videosFormDto.forms.push(linkVideosContentDto);
-        const controlVideosContentDto = new FormsContentDto(FORM_NAME_CONTROL, 'wb.blocks.FormContentDto.84', FORM_TYPE_CHECKBOX, content[FORM_NAME_CONTROL], '100ms', '', [], [], [true, false]);
+        const controlVideosContentDto = new FormsContentDto(FORM_NAME_CONTROL, 'wb.forms.FormsContentDto.17', FORM_TYPE_CHECKBOX, content[FORM_NAME_CONTROL], '100ms', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.18');
         videosFormDto.forms.push(controlVideosContentDto);
-        const autoplayVideosContentDto = new FormsContentDto(FORM_NAME_AUTOPLAY, 'wb.blocks.FormContentDto.85', FORM_TYPE_CHECKBOX, content[FORM_NAME_AUTOPLAY], '', '', [], [], [true, false]);
+        const autoplayVideosContentDto = new FormsContentDto(FORM_NAME_AUTOPLAY, 'wb.forms.FormsContentDto.19', FORM_TYPE_CHECKBOX, content[FORM_NAME_AUTOPLAY], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.20');
         videosFormDto.forms.push(autoplayVideosContentDto);
-        const muteVideosContentDto = new FormsContentDto(FORM_NAME_MUTE, 'wb.blocks.FormContentDto.19', FORM_TYPE_CHECKBOX, content[FORM_NAME_MUTE], '', '', [], [], [true, false]);
+        const muteVideosContentDto = new FormsContentDto(FORM_NAME_MUTE, 'wb.forms.FormsContentDto.21', FORM_TYPE_CHECKBOX, content[FORM_NAME_MUTE], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.22');
         videosFormDto.forms.push(muteVideosContentDto);
-        const loopVideosContentDto = new FormsContentDto(FORM_NAME_LOOP, 'wb.blocks.FormContentDto.86', FORM_TYPE_CHECKBOX, content[FORM_NAME_LOOP], '', '', [], [], [true, false]);
+        const loopVideosContentDto = new FormsContentDto(FORM_NAME_LOOP, 'wb.forms.FormsContentDto.23', FORM_TYPE_CHECKBOX, content[FORM_NAME_LOOP], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.24');
         videosFormDto.forms.push(loopVideosContentDto);
         return videosFormDto;
     }
@@ -4542,13 +4545,13 @@ class VideosTxtContentService {
         const videosFormDto = new FormsDto(content);
         const linkVideosContentDto = new FormsContentDto(FORM_NAME_LINK, 'wb.blocks.FormContentDto.18', FORM_TYPE_TEXT, content[FORM_NAME_LINK], '', '');
         videosFormDto.forms.push(linkVideosContentDto);
-        const controlVideosContentDto = new FormsContentDto(FORM_NAME_CONTROL, 'wb.blocks.FormContentDto.84', FORM_TYPE_CHECKBOX, content[FORM_NAME_CONTROL], '100ms', '', [], [], [true, false]);
+        const controlVideosContentDto = new FormsContentDto(FORM_NAME_CONTROL, 'wb.forms.FormsContentDto.17', FORM_TYPE_CHECKBOX, content[FORM_NAME_CONTROL], '100ms', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.18');
         videosFormDto.forms.push(controlVideosContentDto);
-        const autoplayVideosContentDto = new FormsContentDto(FORM_NAME_AUTOPLAY, 'wb.blocks.FormContentDto.85', FORM_TYPE_CHECKBOX, content[FORM_NAME_AUTOPLAY], '', '', [], [], [true, false]);
+        const autoplayVideosContentDto = new FormsContentDto(FORM_NAME_AUTOPLAY, 'wb.forms.FormsContentDto.19', FORM_TYPE_CHECKBOX, content[FORM_NAME_AUTOPLAY], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.20');
         videosFormDto.forms.push(autoplayVideosContentDto);
-        const muteVideosContentDto = new FormsContentDto(FORM_NAME_MUTE, 'wb.blocks.FormContentDto.19', FORM_TYPE_CHECKBOX, content[FORM_NAME_MUTE], '', '', [], [], [true, false]);
+        const muteVideosContentDto = new FormsContentDto(FORM_NAME_MUTE, 'wb.forms.FormsContentDto.21', FORM_TYPE_CHECKBOX, content[FORM_NAME_MUTE], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.22');
         videosFormDto.forms.push(muteVideosContentDto);
-        const loopVideosContentDto = new FormsContentDto(FORM_NAME_LOOP, 'wb.blocks.FormContentDto.86', FORM_TYPE_CHECKBOX, content[FORM_NAME_LOOP], '', '', [], [], [true, false]);
+        const loopVideosContentDto = new FormsContentDto(FORM_NAME_LOOP, 'wb.forms.FormsContentDto.23', FORM_TYPE_CHECKBOX, content[FORM_NAME_LOOP], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.24');
         videosFormDto.forms.push(loopVideosContentDto);
         const colorVideosContentDto = new FormsContentDto(FORM_NAME_COLOR, 'wb.blocks.FormContentDto.11', FORM_TYPE_COLOR, content[FORM_NAME_COLOR], '#122231', '');
         videosFormDto.forms.push(colorVideosContentDto);
@@ -4589,13 +4592,13 @@ class VideosTxtLeftService {
         const videosFormDto = new FormsDto(content);
         const linkVideosContentDto = new FormsContentDto(FORM_NAME_LINK, 'wb.blocks.FormContentDto.18', FORM_TYPE_TEXT, content[FORM_NAME_LINK], '', '');
         videosFormDto.forms.push(linkVideosContentDto);
-        const controlVideosContentDto = new FormsContentDto(FORM_NAME_CONTROL, 'wb.blocks.FormContentDto.84', FORM_TYPE_CHECKBOX, content[FORM_NAME_CONTROL], '100ms', '', [], [], [true, false]);
+        const controlVideosContentDto = new FormsContentDto(FORM_NAME_CONTROL, 'wb.forms.FormsContentDto.17', FORM_TYPE_CHECKBOX, content[FORM_NAME_CONTROL], '100ms', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.18');
         videosFormDto.forms.push(controlVideosContentDto);
-        const autoplayVideosContentDto = new FormsContentDto(FORM_NAME_AUTOPLAY, 'wb.blocks.FormContentDto.85', FORM_TYPE_CHECKBOX, content[FORM_NAME_AUTOPLAY], '', '', [], [], [true, false]);
+        const autoplayVideosContentDto = new FormsContentDto(FORM_NAME_AUTOPLAY, 'wb.forms.FormsContentDto.19', FORM_TYPE_CHECKBOX, content[FORM_NAME_AUTOPLAY], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.20');
         videosFormDto.forms.push(autoplayVideosContentDto);
-        const muteVideosContentDto = new FormsContentDto(FORM_NAME_MUTE, 'wb.blocks.FormContentDto.19', FORM_TYPE_CHECKBOX, content[FORM_NAME_MUTE], '', '', [], [], [true, false]);
+        const muteVideosContentDto = new FormsContentDto(FORM_NAME_MUTE, 'wb.forms.FormsContentDto.21', FORM_TYPE_CHECKBOX, content[FORM_NAME_MUTE], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.22');
         videosFormDto.forms.push(muteVideosContentDto);
-        const loopVideosContentDto = new FormsContentDto(FORM_NAME_LOOP, 'wb.blocks.FormContentDto.86', FORM_TYPE_CHECKBOX, content[FORM_NAME_LOOP], '', '', [], [], [true, false]);
+        const loopVideosContentDto = new FormsContentDto(FORM_NAME_LOOP, 'wb.forms.FormsContentDto.23', FORM_TYPE_CHECKBOX, content[FORM_NAME_LOOP], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.24');
         videosFormDto.forms.push(loopVideosContentDto);
         const colorVideosContentDto = new FormsContentDto(FORM_NAME_COLOR, 'wb.blocks.FormContentDto.11', FORM_TYPE_COLOR, content[FORM_NAME_COLOR], '#122231', '');
         videosFormDto.forms.push(colorVideosContentDto);
@@ -5677,7 +5680,7 @@ class ImagesBannerService {
             'wb.blocks.FormContentDto.117',
         ], ['0', '0.25', '0.5', '1']);
         imgBannerFormDto.forms.push(parallaxSpeedImgSimpleContentDto);
-        const parallaxInvertedImgSimpleContentDto = new FormsContentDto(FORM_NAME_PARALLAX_INVERTED, 'wb.blocks.FormContentDto.114', FORM_TYPE_CHECKBOX, content[FORM_NAME_PARALLAX_INVERTED], '', '', [], [], [true, false]);
+        const parallaxInvertedImgSimpleContentDto = new FormsContentDto(FORM_NAME_PARALLAX_INVERTED, 'wb.forms.FormsContentDto.27', FORM_TYPE_CHECKBOX, content[FORM_NAME_PARALLAX_INVERTED], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.28');
         imgBannerFormDto.forms.push(parallaxInvertedImgSimpleContentDto);
         return imgBannerFormDto;
     }
@@ -6336,7 +6339,7 @@ class SlidersWithBannerService {
         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]);
+        const dotsSliderWithBannerContentDto = new FormsContentDto(FORM_NAME_DOTS, 'wb.forms.FormsContentDto.25', FORM_TYPE_CHECKBOX, content[FORM_NAME_DOTS], '', '', [], [], [true, false], false, 'wb.forms.FormsContentDto.26');
         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);
@@ -7897,6 +7900,8 @@ class BlocksComponent {
         this.contents = [];
         this.dynamicHidden = [];
         this.hideConfig = false;
+        this.blockHover = false;
+        this.configActive = false;
         this.parsedContent = [];
     }
     ngOnInit() {
@@ -7915,6 +7920,10 @@ class BlocksComponent {
             this.preview = false;
         }
     }
+    switchHover(event) {
+        console.log(event);
+        this.configActive = event;
+    }
     addThis(index, type) {
         this.wiziBlockService.getBlocksService().forEach((v) => {
             if (v.type() === type) {
@@ -7987,7 +7996,7 @@ class BlocksComponent {
 BlocksComponent.decorators = [
     { type: Component, args: [{
                 selector: 'wb-blocks',
-                template: "<div\n    class=\"wb-blocks\"\n    cdkDropList\n    (cdkDropListDropped)=\"onDrop($event)\"\n    id=\"block-content\"\n    *ngIf=\"contents.length > 0\"\n    [@animateListFromLeft]=\"contents.length\"\n>\n    <a\n        class=\"button is-hidden-button is-danger is-rounded is-tooltip-info\"\n        [ngClass]=\"{ 'is-danger': hideConfig, 'is-dark is-outlined': !hideConfig }\"\n        (click)=\"setHideConfig()\"\n        [nwbToolTip]=\"(!hideConfig ? 'wb.blocks.html.1' : 'wb.blocks.html.2') | translate\"\n        nwbToolTipPosition=\"left\"\n        ><i class=\"fal fa-eye\" *ngIf=\"!hideConfig\"></i><i class=\"fal fa-eye-slash\" *ngIf=\"hideConfig\"></i\n    ></a>\n    <wb-previews [contents]=\"parsedContent\" *ngIf=\"preview && hideConfig\"></wb-previews>\n    <div class=\"wb-blocks__container\" *ngFor=\"let content of contents\" cdkDrag>\n        <div class=\"wb-component\" [ngClass]=\"{ 'is-inactive': hideConfig, 'border-grey': isHiddenBLocks(content.block.uuid) }\">\n            <wb-structure-tools\n                [dynamicHiddenStructure]=\"isHiddenBLocks(content.block.uuid)\"\n                [uuid]=\"content.block.uuid\"\n                cdkDragHandle\n            ></wb-structure-tools>\n            <div class=\"wb-component__container\">\n                <wb-container-block [content]=\"content\"></wb-container-block>\n            </div>\n        </div>\n    </div>\n</div>\n<div class=\"wb-blocks-empty\" *ngIf=\"contents.length === 0\">\n    <img src=\"assets/blocks/images/icons/Icon_Drag.svg\" />\n    <p>{{ translation.select_component | translate }}</p>\n    <p>{{ translation.doc_component | translate }}</p>\n</div>\n",
+                template: "<div\n    class=\"wb-blocks\"\n    cdkDropList\n    (cdkDropListDropped)=\"onDrop($event)\"\n    id=\"block-content\"\n    *ngIf=\"contents.length > 0\"\n    [@animateListFromLeft]=\"contents.length\"\n    [ngClass]=\"{ hover: blockHover }\"\n>\n    <a\n        class=\"button is-hidden-button is-danger is-rounded is-tooltip-info\"\n        [ngClass]=\"{ 'is-danger': hideConfig, 'is-dark is-outlined': !hideConfig }\"\n        (click)=\"setHideConfig()\"\n        [nwbToolTip]=\"(!hideConfig ? 'wb.blocks.html.1' : 'wb.blocks.html.2') | translate\"\n        nwbToolTipPosition=\"left\"\n        ><i class=\"fal fa-eye\" *ngIf=\"!hideConfig\"></i><i class=\"fal fa-eye-slash\" *ngIf=\"hideConfig\"></i\n    ></a>\n    <wb-previews [contents]=\"parsedContent\" *ngIf=\"preview && hideConfig\"></wb-previews>\n    <div class=\"wb-blocks__container\" *ngFor=\"let content of contents\" cdkDrag>\n        <div\n            class=\"wb-component\"\n            [ngClass]=\"{\n                'is-inactive': hideConfig,\n                'border-grey': isHiddenBLocks(content.block.uuid),\n                'border-blue': selectedConfig === content.block.uuid\n            }\"\n        >\n            <wb-structure-tools\n                [dynamicHiddenStructure]=\"isHiddenBLocks(content.block.uuid)\"\n                [uuid]=\"content.block.uuid\"\n                [isHover]=\"blockHover\"\n                [isAlwaysHover]=\"selectedConfig === content.block.uuid\"\n                (configIsActivated)=\"switchHover($event)\"\n                cdkDragHandle\n            ></wb-structure-tools>\n            <div class=\"wb-component__container\">\n                <wb-container-block [content]=\"content\"></wb-container-block>\n            </div>\n        </div>\n    </div>\n</div>\n<div class=\"wb-blocks-empty\" *ngIf=\"contents.length === 0\">\n    <img src=\"assets/blocks/images/icons/Icon_Drag.svg\" />\n    <p>{{ translation.select_component | translate }}</p>\n    <p>{{ translation.doc_component | translate }}</p>\n</div>\n",
                 animations: [animateListFromLeft('100ms ease-in-out')]
             },] }
 ];
@@ -8000,7 +8009,8 @@ BlocksComponent.ctorParameters = () => [
 ];
 BlocksComponent.propDecorators = {
     contents: [{ type: Input }],
-    dynamicHidden: [{ type: Input }]
+    dynamicHidden: [{ type: Input }],
+    selectedConfig: [{ type: Input }]
 };
 
 class WiziBlockComponent {
@@ -8090,6 +8100,10 @@ class WiziBlockComponent {
                     }
                     this.loopIndex += 1;
                 }
+                this.hoverChildren = this.selectedConfig.block.uuid;
+            }
+            else {
+                this.hoverChildren = false;
             }
             if (this.toolHidden) {
                 this.setHidden();
@@ -8230,7 +8244,7 @@ class WiziBlockComponent {
 WiziBlockComponent.decorators = [
     { type: Component, args: [{
                 selector: 'wb-wizi-block',
-                template: "<div\n    id=\"wb-container\"\n    class=\"columns wb-container\"\n    *ngIf=\"translation\"\n    #container\n    (window:resize)=\"onResize($event)\"\n    [ngClass]=\"{ 'is-smallscreen': smallScreen }\"\n>\n    <div\n        cdkDrag\n        [cdkDragDisabled]=\"!toolUnpin\"\n        class=\"column wb-container__tools\"\n        [ngClass]=\"{ 'is-unpinned': toolUnpin && !toolHidden, 'is-smallscreen': smallScreen, 'has-no-tool': toolHidden }\"\n        [style.top.px]=\"currentTopTool\"\n    >\n        <div [ngClass]=\"{ 'is-hidden': !toolHidden }\" (click)=\"setHidden(); $event.stopPropagation()\">\n            <div [nwbToolTip]=\"'wb.panel.html.1' | translate\" nwbToolTipPosition=\"right\" class=\"is-tooltip-info\">\n                <i class=\"far fa-arrow-alt-circle-right\"></i>\n            </div>\n        </div>\n        <div [ngClass]=\"{ 'is-hidden': toolHidden }\">\n            <div class=\"wb-tools\" *ngIf=\"selectedStructure === null\">\n                <div class=\"wb-tools__header\">\n                    <p class=\"wb-tools__header__action\">\n                        <a\n                            class=\"button is-rounded is-tooltip-link\"\n                            [nwbToolTip]=\"toolUnpin ? 'wb.panel.html.2' : ('wb.panel.html.3' | translate)\"\n                            nwbToolTipPosition=\"bottom\"\n                            (click)=\"this.setUnpin(); $event.stopPropagation()\"\n                            ><i class=\"fal\" [ngClass]=\"{ 'fa-unlink': !toolUnpin, 'fa-link': toolUnpin }\"></i\n                        ></a>\n                        <a\n                            class=\"button is-rounded is-tooltip-link\"\n                            [nwbToolTip]=\"'wb.panel.html.4' | translate\"\n                            nwbToolTipPosition=\"bottom\"\n                            (click)=\"setHidden(); $event.stopPropagation()\"\n                            ><i class=\"far fa-arrow-alt-circle-left\"></i\n                        ></a>\n                    </p>\n                    <p class=\"wb-tools__header__list\">{{ translation.list_component | translate }}</p>\n                </div>\n                <ng-scrollbar [visibility]=\"'hover'\" *ngIf=\"components\" style=\"position: relative; max-height: 85vh\">\n                    <div class=\"wb-tools__content\">\n                        <div class=\"columns is-multiline\" [@animateListFromLeft]=\"components.components.length\">\n                            <div\n                                class=\"column is-6\"\n                                *ngFor=\"let component of components.components\"\n                                (click)=\"selectedStructure = component; selectedConfig = null\"\n                            >\n                                <div>\n                                    <img\n                                        [src]=\"'assets/blocks/images/icons/' + component.image\"\n                                        [alt]=\"component.text | translate\"\n                                        *ngIf=\"component.image\"\n                                    />\n                                    <p>{{ component.text | translate }}</p>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </ng-scrollbar>\n            </div>\n            <div class=\"wb-configuration\" *ngIf=\"selectedStructure !== null\">\n                <div class=\"wb-configuration__header\">\n                    <p class=\"wb-tools__header__action\">\n                        <a\n                            class=\"button is-rounded is-tooltip-link\"\n                            [nwbToolTip]=\"toolUnpin ? 'wb.panel.html.2' : ('wb.panel.html.3' | translate)\"\n                            nwbToolTipPosition=\"bottom\"\n                            (click)=\"this.setUnpin(); $event.stopPropagation()\"\n                            ><i class=\"fal\" [ngClass]=\"{ 'fa-unlink': !toolUnpin, 'fa-link': toolUnpin }\"></i\n                        ></a>\n                        <a\n                            class=\"button is-rounded is-tooltip-link\"\n                            [nwbToolTip]=\"'wb.panel.html.4' | translate\"\n                            nwbToolTipPosition=\"bottom\"\n                            (click)=\"setHidden(); $event.stopPropagation()\"\n                            ><i class=\"far fa-arrow-alt-circle-left\"></i\n                        ></a>\n                    </p>\n                    <p class=\"wb-configuration__header-click wb-tools__header__list\" (click)=\"selectedStructure = null; closeConfig()\">\n                        <i class=\"far fa-angle-left\"></i> {{ selectedStructure.text | translate }}\n                    </p>\n                </div>\n                <div class=\"wb-configuration__subheader\">\n                    <a (click)=\"closeConfig()\" [ngClass]=\"{ 'is-active': selectedConfig === null }\">{{\n                        translation.structure | translate\n                    }}</a>\n                    <a [ngClass]=\"{ 'is-active': selectedConfig !== null }\" *ngIf=\"selectedConfig !== null\">{{\n                        translation.config | translate\n                    }}</a>\n                </div>\n                <ng-scrollbar [visibility]=\"'hover'\" class=\"ps\" perfectScrollbar style=\"position: relative; max-height: 80vh\">\n                    <div class=\"wb-configuration__content\">\n                        <div\n                            *ngIf=\"selectedConfig === null\"\n                            class=\"wb-configuration__content_structures\"\n                            [@animateListFromRight]=\"selectedStructure.contents.length\"\n                        >\n                            <div\n                                cdkDropList\n                                [cdkDropListDisabled]=\"blocksContents.length === 0\"\n                                [cdkDropListConnectedTo]=\"['block-content']\"\n                                *ngFor=\"let selected of selectedStructure.contents\"\n                            >\n                                <img [src]=\"selected.image | imgPath\" />\n                                <p>{{ selected.name | translate }}</p>\n                                <div\n                                    class=\"wb-configuration__content_structures__dragger\"\n                                    [id]=\"selected.type\"\n                                    cdkDrag\n                                    cdkDragHandle\n                                    [ngClass]=\"{ 'is-draggable': blocksContents.length }\"\n                                    (click)=\"addThis(selected)\"\n                                >\n                                    <p class=\"wb-configuration__content_structures__preview\" *cdkDragPreview></p>\n                                    <p class=\"wb-configuration__content_structures__placeholder\" *cdkDragPlaceholder><span></span></p>\n                                </div>\n                            </div>\n                        </div>\n                        <div *ngIf=\"selectedConfig !== null\" class=\"wb-configuration__content_configuration\">\n                            <wb-configs\n                                [isFirst]=\"isFirstInLoop\"\n                                [configs]=\"selectedConfig\"\n                                (changeConfig)=\"changeConfigWiziblocks($event)\"\n                            ></wb-configs>\n                        </div>\n                    </div>\n                </ng-scrollbar>\n            </div>\n        </div>\n    </div>\n    <div class=\"column wb-container__content\" [ngClass]=\"{ 'has-no-tool': toolHidden }\">\n        <div class=\"wb-content\">\n            <div class=\"wb-content__header\">\n                <p><i class=\"fas fa-lock-alt\"></i> {{ translation.header | translate }}</p>\n            </div>\n            <div class=\"wb-content__content\">\n                <wb-blocks [dynamicHidden]=\"isHiddenConfig\" #block [contents]=\"blocksContents\"></wb-blocks>\n            </div>\n            <div class=\"wb-content__footer\">\n                <p><i class=\"fas fa-lock-alt\"></i> {{ translation.footer | translate }}</p>\n            </div>\n        </div>\n    </div>\n</div>\n<hr id=\"wb-footer__block\" />\n",
+                template: "<div\n    id=\"wb-container\"\n    class=\"columns wb-container\"\n    *ngIf=\"translation\"\n    #container\n    (window:resize)=\"onResize($event)\"\n    [ngClass]=\"{ 'is-smallscreen': smallScreen }\"\n>\n    <div\n        cdkDrag\n        [cdkDragDisabled]=\"!toolUnpin\"\n        class=\"column wb-container__tools\"\n        [ngClass]=\"{ 'is-unpinned': toolUnpin && !toolHidden, 'is-smallscreen': smallScreen, 'has-no-tool': toolHidden }\"\n        [style.top.px]=\"currentTopTool\"\n    >\n        <div [ngClass]=\"{ 'is-hidden': !toolHidden }\" (click)=\"setHidden(); $event.stopPropagation()\">\n            <div [nwbToolTip]=\"'wb.panel.html.1' | translate\" nwbToolTipPosition=\"right\" class=\"is-tooltip-info\">\n                <i class=\"far fa-arrow-alt-circle-right\"></i>\n            </div>\n        </div>\n        <div [ngClass]=\"{ 'is-hidden': toolHidden }\">\n            <div class=\"wb-tools\" *ngIf=\"selectedStructure === null\">\n                <div class=\"wb-tools__header\">\n                    <p class=\"wb-tools__header__action\">\n                        <a\n                            class=\"button is-rounded is-tooltip-link\"\n                            [nwbToolTip]=\"toolUnpin ? 'wb.panel.html.2' : ('wb.panel.html.3' | translate)\"\n                            nwbToolTipPosition=\"bottom\"\n                            (click)=\"this.setUnpin(); $event.stopPropagation()\"\n                            ><i class=\"far\" [ngClass]=\"{ 'fa-unlink': !toolUnpin, 'fa-link': toolUnpin }\"></i\n                        ></a>\n                        <a\n                            class=\"button is-rounded is-tooltip-link\"\n                            [nwbToolTip]=\"'wb.panel.html.4' | translate\"\n                            nwbToolTipPosition=\"bottom\"\n                            (click)=\"setHidden(); $event.stopPropagation()\"\n                            ><i class=\"far fa-arrow-from-right\"></i\n                        ></a>\n                    </p>\n                    <p class=\"wb-tools__header__list\">{{ translation.list_component | translate }}</p>\n                </div>\n                <ng-scrollbar [visibility]=\"'hover'\" *ngIf=\"components\" style=\"position: relative; max-height: 85vh\">\n                    <div class=\"wb-tools__content\">\n                        <div class=\"columns is-multiline\" [@animateListFromLeft]=\"components.components.length\">\n                            <div\n                                class=\"column is-6\"\n                                *ngFor=\"let component of components.components\"\n                                (click)=\"selectedStructure = component; selectedConfig = null\"\n                            >\n                                <div>\n                                    <img\n                                        [src]=\"'assets/blocks/images/icons/' + component.image\"\n                                        [alt]=\"component.text | translate\"\n                                        *ngIf=\"component.image\"\n                                    />\n                                    <p>{{ component.text | translate }}</p>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </ng-scrollbar>\n            </div>\n            <div class=\"wb-configuration\" *ngIf=\"selectedStructure !== null\">\n                <div class=\"wb-configuration__header\">\n                    <p class=\"wb-tools__header__action\">\n                        <a\n                            class=\"button is-rounded is-tooltip-link\"\n                            [nwbToolTip]=\"toolUnpin ? 'wb.panel.html.2' : ('wb.panel.html.3' | translate)\"\n                            nwbToolTipPosition=\"bottom\"\n                            (click)=\"this.setUnpin(); $event.stopPropagation()\"\n                            ><i class=\"fal\" [ngClass]=\"{ 'fa-unlink': !toolUnpin, 'fa-link': toolUnpin }\"></i\n                        ></a>\n                        <a\n                            class=\"button is-rounded is-tooltip-link\"\n                            [nwbToolTip]=\"'wb.panel.html.4' | translate\"\n                            nwbToolTipPosition=\"bottom\"\n                            (click)=\"setHidden(); $event.stopPropagation()\"\n                            ><i class=\"far fa-arrow-from-right\"></i\n                        ></a>\n                    </p>\n                    <p class=\"wb-configuration__header-click wb-tools__header__list\" (click)=\"selectedStructure = null; closeConfig()\">\n                        <i class=\"far fa-angle-left\"></i> {{ selectedStructure.text | translate }}\n                    </p>\n                </div>\n                <div class=\"wb-configuration__subheader\">\n                    <a (click)=\"closeConfig()\" [ngClass]=\"{ 'is-active': selectedConfig === null }\">{{\n                        translation.structure | translate\n                    }}</a>\n                    <a [ngClass]=\"{ 'is-active': selectedConfig !== null }\" *ngIf=\"selectedConfig !== null\">{{\n                        translation.config | translate\n                    }}</a>\n                </div>\n                <ng-scrollbar [visibility]=\"'hover'\" class=\"ps\" perfectScrollbar style=\"position: relative; max-height: 80vh\">\n                    <div class=\"wb-configuration__content\">\n                        <div\n                            *ngIf=\"selectedConfig === null\"\n                            class=\"wb-configuration__content_structures\"\n                            [@animateListFromRight]=\"selectedStructure.contents.length\"\n                        >\n                            <div\n                                cdkDropList\n                                [cdkDropListDisabled]=\"blocksContents.length === 0\"\n                                [cdkDropListConnectedTo]=\"['block-content']\"\n                                *ngFor=\"let selected of selectedStructure.contents\"\n                            >\n                                <img [src]=\"selected.image | imgPath\" />\n                                <p>{{ selected.name | translate }}</p>\n                                <div\n                                    class=\"wb-configuration__content_structures__dragger\"\n                                    [id]=\"selected.type\"\n                                    cdkDrag\n                                    cdkDragHandle\n                                    [ngClass]=\"{ 'is-draggable': blocksContents.length }\"\n                                    (click)=\"addThis(selected)\"\n                                >\n                                    <p class=\"wb-configuration__content_structures__preview\" *cdkDragPreview></p>\n                                    <p class=\"wb-configuration__content_structures__placeholder\" *cdkDragPlaceholder><span></span></p>\n                                </div>\n                            </div>\n                        </div>\n                        <div *ngIf=\"selectedConfig !== null\" class=\"wb-configuration__content_configuration\">\n                            <wb-configs\n                                [isFirst]=\"isFirstInLoop\"\n                                [configs]=\"selectedConfig\"\n                                (changeConfig)=\"changeConfigWiziblocks($event)\"\n                            ></wb-configs>\n                        </div>\n                    </div>\n                </ng-scrollbar>\n            </div>\n        </div>\n    </div>\n    <div class=\"column wb-container__content\" [ngClass]=\"{ 'has-no-tool': toolHidden }\">\n        <div class=\"wb-content\">\n            <div class=\"wb-content__header\">\n                <p><i class=\"fas fa-lock\"></i> {{ translation.header | translate }}</p>\n            </div>\n            <div class=\"wb-content__content\">\n                <wb-blocks [dynamicHidden]=\"isHiddenConfig\" [selectedConfig]=\"hoverChildren\" #block [contents]=\"blocksContents\"></wb-blocks>\n            </div>\n            <div class=\"wb-content__footer\">\n                <p><i class=\"fas fa-lock\"></i> {{ translation.footer | translate }}</p>\n            </div>\n        </div>\n    </div>\n</div>\n<hr id=\"wb-footer__block\" />\n",
                 animations: [animateListFromRight('200ms ease-in-out', '100ms'), animateListFromLeft('100ms ease-in-out')]
             },] }
 ];
@@ -8294,6 +8308,8 @@ class StructureConfigComponent {
         this.blockUUID = null;
         this.position = TYPE_CONFIG_POSITION_LEFT_TOP;
         this.isFullwidth = false;
+        this.small = false;
+        this.extraSmall = false;
         this.thisComponentActive = false;
         this.hideThis = false;
         this.TYPE_CONFIG_POSITION_RIGHT_TOP = TYPE_CONFIG_POSITION_RIGHT_TOP;
@@ -8303,7 +8319,7 @@ class StructureConfigComponent {
         this.TYPE_CONFIG_POSITION_LEFT_CENTER = TYPE_CONFIG_POSITION_LEFT_CENTER;
     }
     ngOnInit() {
-        this.structureConfigService.structureConfigEvent().subscribe(uuid => {
+        this.structureConfigService.structureConfigEvent().subscribe((uuid) => {
             if (uuid === null || this.blockUUID === uuid) {
                 if (this.structureConfigService.structureConfig !== '' && !this.thisComponentActive) {
                     this.isActive = false;
@@ -8338,7 +8354,7 @@ class StructureConfigComponent {
 StructureConfigComponent.decorators = [
     { type: Component, args: [{
                 selector: 'wb-structure-config',
-                template: "<div\n    [ngClass]=\"{ 'is-active': isActive, 'is-fullwidth': isFullwidth }\"\n    [class]=\"'wb-structure-config ' + position\"\n    wbAutoHide\n    triggerElement=\"wb-structure-config__tools\"\n    (clickOutside)=\"disableIfActive()\"\n    [forceOn]=\"['wb-structure-config', 'is-active']\"\n>\n    <div\n        class=\"wb-structure-config__tools is-tooltip-info\"\n        [nwbToolTip]=\"'wb.structureconfig.tooltip.1' | translate\"\n        [nwbToolTipPosition]=\"\n            position === TYPE_CONFIG_POSITION_RIGHT_TOP || position === TYPE_CONFIG_POSITION_RIGHT_BOTTOM ? 'left' : 'right'\n        \"\n        (click)=\"activeThis()\"\n        [ngClass]=\"{\n            'has-other-element-opened': hideThis\n        }\"\n    >\n        <i class=\"fal fa-sliders-h\"></i>\n    </div>\n    <div class=\"wb-structure-config__content\">\n        <div class=\"wb-structure-config__content__tools\" (click)=\"disable()\"><i class=\"fas fa-times\"></i></div>\n        <ng-content></ng-content>\n    </div>\n</div>\n"
+                template: "<div\n    [ngClass]=\"{ 'is-active': isActive, 'is-fullwidth': isFullwidth, small: small, 'extra-small': extraSmall }\"\n    [class]=\"'wb-structure-config ' + position\"\n    wbAutoHide\n    triggerElement=\"wb-structure-config__tools\"\n    (clickOutside)=\"disableIfActive()\"\n    [forceOn]=\"['wb-structure-config', 'is-active']\"\n>\n    <div\n        class=\"wb-structure-config__tools is-tooltip-info\"\n        [nwbToolTip]=\"'wb.structureconfig.tooltip.1' | translate\"\n        [nwbToolTipPosition]=\"\n            position === TYPE_CONFIG_POSITION_RIGHT_TOP || position === TYPE_CONFIG_POSITION_RIGHT_BOTTOM ? 'left' : 'right'\n        \"\n        (click)=\"activeThis()\"\n        [ngClass]=\"{\n            'has-other-element-opened': hideThis\n        }\"\n    >\n        <i class=\"fas fa-bars\"></i>\n    </div>\n    <div class=\"wb-structure-config__content\">\n        <div class=\"wb-structure-config__content__tools\" (click)=\"disable()\">\n            <div class=\"close\"><i class=\"fas fa-times\"></i></div>\n        </div>\n        <div>\n            <ng-content></ng-content>\n        </div>\n    </div>\n</div>\n"
             },] }
 ];
 StructureConfigComponent.ctorParameters = () => [
@@ -8348,7 +8364,9 @@ StructureConfigComponent.propDecorators = {
     isActive: [{ type: Input }],
     blockUUID: [{ type: Input }],
     position: [{ type: Input }],
-    isFullwidth: [{ type: Input }]
+    isFullwidth: [{ type: Input }],
+    small: [{ type: Input }],
+    extraSmall: [{ type: Input }]
 };
 
 class ExpectedImagesService {
@@ -8742,11 +8760,16 @@ class StructureToolsComponent {
         this.contentService = contentService;
         this.configService = configService;
         this.dynamicHiddenStructure = false;
+        this.isHover = false;
         this.hideConfig = false;
         this.blockIsHidden = false;
+        this.configIsActivated = new EventEmitter();
         this.contentEventSubscription = null;
     }
     ngOnInit() {
+        console.log('----- IS ALWAYS ------');
+        console.log(this.isAlwaysHover);
+        console.log('----- / IS ALWAYS ------');
         this.checkOnContents();
         this.contentEventSubscription = this.contentService.contentEvent().subscribe(() => {
             this.checkOnContents();
@@ -8782,6 +8805,8 @@ class StructureToolsComponent {
     }
     configThis(e) {
         e.preventDefault();
+        this.configIsActivated.emit(true);
+        this.isAlwaysHover = true;
         this.configService.config = this.contentService.getContentByUUID(this.uuid);
     }
     removeThis($event) {
@@ -8813,7 +8838,7 @@ class StructureToolsComponent {
 StructureToolsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'wb-structure-tools',
-                template: "<div class=\"wb-structure-tools\" [ngClass]=\"{ hidden: dynamicHiddenStructure }\">\n    <div>\n        <div class=\"wb-structure-tools__move\" *ngIf=\"currentLength > 1\">\n            <div>\n                <a\n                    [nwbToolTip]=\"'wb.shared.components.structureTools.1' | translate\"\n                    nwbToolTipPosition=\"bottom\"\n                    class=\"button is-rounded is-tooltip-info\"\n                    (click)=\"$event.stopPropagation()\"\n                    ><i class=\"fas fa-th\"></i\n                ></a>\n                <a\n                    [nwbToolTip]=\"'wb.shared.components.structureTools.2' | translate\"\n                    nwbToolTipPosition=\"bottom\"\n                    class=\"button is-rounded is-tooltip-info\"\n                    *ngIf=\"currentIndex + 1 !== currentLength\"\n                    (click)=\"goDown($event)\"\n                    ><i class=\"fal fa-arrow-down\"></i\n                ></a>\n                <a\n                    [nwbToolTip]=\"'wb.shared.components.structureTools.3' | translate\"\n                    nwbToolTipPosition=\"bottom\"\n                    class=\"button is-rounded is-tooltip-info\"\n                    *ngIf=\"currentIndex !== 0\"\n                    (click)=\"goUp($event)\"\n                    ><i class=\"fal fa-arrow-up\"></i\n                ></a>\n            </div>\n        </div>\n        <div class=\"wb-structure-tools__edit\">\n            <div>\n                <i class=\"fas fa-eye-slash\" *ngIf=\"dynamicHiddenStructure\"></i>\n                <p>{{ name | translate }}</p>\n                <div>\n                    <a\n                        href\n                        class=\"button is-rounded is-tooltip-info\"\n                        [nwbToolTip]=\"'wb.shared.components.structureTools.4' | translate\"\n                        nwbToolTipPosition=\"bottom\"\n                        (click)=\"configThis($event)\"\n                        *ngIf=\"!hideConfig\"\n                        ><span></span><i class=\"fas fa-cog\"></i\n                    ></a>\n                    <a\n                        href\n                        class=\"button is-rounded is-tooltip-link\"\n                        [nwbToolTip]=\"'wb.shared.components.structureTools.5' | translate\"\n                        nwbToolTipPosition=\"bottom\"\n                        (click)=\"duplicateThis($event)\"\n                        ><span></span><i class=\"far fa-paste\"></i\n                    ></a>\n                    <a\n                        #deleteButton\n                        class=\"button is-rounded is-tooltip-danger\"\n                        [nwbToolTip]=\"'wb.shared.components.structureTools.6' | translate\"\n                        nwbToolTipPosition=\"bottom\"\n                        wbHoldable\n                        (mousedown)=\"deleteButton.hold = true\"\n                        (mouseup)=\"deleteButton.hold = false\"\n                        (holdTime)=\"removeThis($event)\"\n                        [ngClass]=\"{ 'is-on-hold': deleteButton.hold }\"\n                        ><span></span><i class=\"fas fa-trash\"></i\n                    ></a>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n"
+                template: "<div class=\"wb-structure-tools\" [ngClass]=\"{ hidden: dynamicHiddenStructure, hover: isHover || isAlwaysHover }\">\n    <div>\n        <div class=\"wb-structure-tools__move\" *ngIf=\"currentLength > 1\">\n            <div>\n                <a\n                    [nwbToolTip]=\"'wb.shared.components.structureTools.1' | translate\"\n                    nwbToolTipPosition=\"bottom\"\n                    class=\"button is-rounded is-tooltip-info\"\n                    (click)=\"$event.stopPropagation()\"\n                    ><i class=\"fas fa-arrows\"></i\n                ></a>\n                <a\n                    [nwbToolTip]=\"'wb.shared.components.structureTools.2' | translate\"\n                    nwbToolTipPosition=\"bottom\"\n                    class=\"button is-rounded is-tooltip-info\"\n                    *ngIf=\"currentIndex + 1 !== currentLength\"\n                    (click)=\"goDown($event)\"\n                    ><i class=\"fas fa-long-arrow-down\"></i\n                ></a>\n                <a\n                    [nwbToolTip]=\"'wb.shared.components.structureTools.3' | translate\"\n                    nwbToolTipPosition=\"bottom\"\n                    class=\"button is-rounded is-tooltip-info\"\n                    *ngIf=\"currentIndex !== 0\"\n                    (click)=\"goUp($event)\"\n                    ><i class=\"fas fa-long-arrow-up\"></i\n                ></a>\n            </div>\n        </div>\n        <div class=\"wb-structure-tools__edit\">\n            <div>\n                <i class=\"fas fa-eye-slash\" *ngIf=\"dynamicHiddenStructure\"></i>\n                <p>{{ name | translate }}</p>\n                <div>\n                    <a\n                        href\n                        class=\"button is-rounded is-tooltip-info\"\n                        [nwbToolTip]=\"'wb.shared.components.structureTools.4' | translate\"\n                        nwbToolTipPosition=\"bottom\"\n                        (click)=\"configThis($event)\"\n                        *ngIf=\"!hideConfig\"\n                        ><span></span><i class=\"fas fa-cog\"></i\n                    ></a>\n                    <a\n                        href\n                        class=\"button is-rounded is-tooltip-link\"\n                        [nwbToolTip]=\"'wb.shared.components.structureTools.5' | translate\"\n                        nwbToolTipPosition=\"bottom\"\n                        (click)=\"duplicateThis($event)\"\n                        ><span></span><i class=\"fas fa-copy\"></i\n                    ></a>\n                    <a\n                        #deleteButton\n                        class=\"button is-rounded is-tooltip-danger\"\n                        [nwbToolTip]=\"'wb.shared.components.structureTools.6' | translate\"\n                        nwbToolTipPosition=\"bottom\"\n                        wbHoldable\n                        (mousedown)=\"deleteButton.hold = true\"\n                        (mouseup)=\"deleteButton.hold = false\"\n                        (holdTime)=\"removeThis($event)\"\n                        [ngClass]=\"{ 'is-on-hold': deleteButton.hold }\"\n                        ><span></span><i class=\"fas fa-trash\"></i\n                    ></a>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n"
             },] }
 ];
 StructureToolsComponent.ctorParameters = () => [
@@ -8824,7 +8849,10 @@ StructureToolsComponent.ctorParameters = () => [
 StructureToolsComponent.propDecorators = {
     uuid: [{ type: Input }],
     dynamicHiddenStructure: [{ type: Input }],
-    deleteButton: [{ type: ViewChild, args: ['deleteButton',] }]
+    isHover: [{ type: Input }],
+    isAlwaysHover: [{ type: Input }],
+    deleteButton: [{ type: ViewChild, args: ['deleteButton',] }],
+    configIsActivated: [{ type: Output }]
 };
 
 class SafeUrlPipe {
@@ -19726,7 +19754,7 @@ class ImagesDoubleComponent extends StructuresComponent {
 ImagesDoubleComponent.decorators = [
     { type: Component, args: [{
                 selector: ImagesDoubleService.selector(),
-                template: "<div class=\"wb-images-double\">\n    <div class=\"columns\">\n        <div class=\"column\">\n            <div\n                class=\"wb-images-double__container\"\n                [ngClass]=\"{\n                    'wb-images-double__container--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                    'wb-images-double__container--medium':\n                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                    'wb-images-double__container--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                }\"\n            >\n                <div class=\"wb-images-double__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\">\n                    <div>\n                        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n                            <wb-structure-config-input\n                                [label]=\"'wb.structures.template.9' | translate\"\n                                [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][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_LEFT][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_LEFT][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]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL]\"\n                            (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_LEFT, $event)\"\n                            [style.background-image]=\"\n                                'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL] + ')'\n                            \"\n                            *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n                            (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n                            class=\"wb-images-double__container__images__item\"\n                            [ngClass]=\"{\n                                'wb-images-double__container__images__item--small':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                'wb-images-double__container__images__item--medium':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                'wb-images-double__container__images__item--large':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                            }\"\n                        ></div>\n                    </div>\n                </div>\n            </div>\n            <div\n                class=\"wb-images-double__noimages\"\n                wbPicturesTemplateDirective\n                [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n                (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n                [ngClass]=\"{\n                    'wb-images-double__noimages--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                    'wb-images-double__noimages--medium':\n                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                    'wb-images-double__noimages--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                }\"\n            ></div>\n        </div>\n        <div class=\"column\">\n            <div\n                class=\"wb-images-double__container\"\n                [ngClass]=\"{\n                    'wb-images-double__container--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                    'wb-images-double__container--medium':\n                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                    'wb-images-double__container--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                }\"\n            >\n                <div class=\"wb-images-double__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\">\n                    <div>\n                        <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n                            <wb-structure-config-input\n                                [label]=\"'wb.structures.template.9' | translate\"\n                                [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][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_RIGHT][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_RIGHT][FORM_NAME_URL_TARGET]\"\n                                        (ngModelChange)=\"persist()\"\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]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL]\"\n                            (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_RIGHT, $event)\"\n                            [style.background-image]=\"\n                                'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL] + ')'\n                            \"\n                            *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n                            (click)=\"getMediaFor(FORM_NAME_IMAGE_RIGHT)\"\n                            class=\"wb-images-double__container__images__item\"\n                            [ngClass]=\"{\n                                'wb-images-double__container__images__item--small':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                'wb-images-double__container__images__item--medium':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                'wb-images-double__container__images__item--large':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                            }\"\n                        ></div>\n                    </div>\n                </div>\n            </div>\n            <div\n                class=\"wb-images-double__noimages\"\n                wbPicturesTemplateDirective\n                [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n                (click)=\"getMediaFor(FORM_NAME_IMAGE_RIGHT)\"\n                [ngClass]=\"{\n                    'wb-images-double__noimages--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                    'wb-images-double__noimages--medium':\n                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                    'wb-images-double__noimages--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                }\"\n            ></div>\n        </div>\n    </div>\n</div>\n"
+                template: "<div class=\"wb-images-double\">\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]\"\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        <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_LEFT][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_LEFT][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    <wb-structure-config\n        [blockUUID]=\"uuid\"\n        [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n        [isFullwidth]=\"true\"\n        *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\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        <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_RIGHT][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_RIGHT][FORM_NAME_URL_TARGET]\"\n                    (ngModelChange)=\"persist()\"\n                ></wb-structure-config-checkbox>\n            </div>\n        </div>\n    </wb-structure-config>\n    <div class=\"columns\">\n        <div class=\"column\">\n            <div\n                class=\"wb-images-double__container\"\n                [ngClass]=\"{\n                    'wb-images-double__container--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                    'wb-images-double__container--medium':\n                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                    'wb-images-double__container--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                }\"\n            >\n                <div class=\"wb-images-double__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\">\n                    <div>\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                            (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_LEFT, $event)\"\n                            [style.background-image]=\"\n                                'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL] + ')'\n                            \"\n                            *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n                            (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n                            class=\"wb-images-double__container__images__item\"\n                            [ngClass]=\"{\n                                'wb-images-double__container__images__item--small':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                'wb-images-double__container__images__item--medium':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                'wb-images-double__container__images__item--large':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                            }\"\n                        ></div>\n                    </div>\n                </div>\n                <div\n                    class=\"wb-images-double__noimages\"\n                    wbPicturesTemplateDirective\n                    [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                    *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n                    (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n                    [ngClass]=\"{\n                        'wb-images-double__noimages--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-images-double__noimages--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-images-double__noimages--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                ></div>\n            </div>\n        </div>\n        <div class=\"column\">\n            <div\n                class=\"wb-images-double__container\"\n                [ngClass]=\"{\n                    'wb-images-double__container--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                    'wb-images-double__container--medium':\n                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                    'wb-images-double__container--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                }\"\n            >\n                <div class=\"wb-images-double__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\">\n                    <div>\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                            (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_RIGHT, $event)\"\n                            [style.background-image]=\"\n                                'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL] + ')'\n                            \"\n                            *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n                            (click)=\"getMediaFor(FORM_NAME_IMAGE_RIGHT)\"\n                            class=\"wb-images-double__container__images__item\"\n                            [ngClass]=\"{\n                                'wb-images-double__container__images__item--small':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                'wb-images-double__container__images__item--medium':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                'wb-images-double__container__images__item--large':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                            }\"\n                        ></div>\n                    </div>\n                </div>\n                <div\n                    class=\"wb-images-double__noimages\"\n                    wbPicturesTemplateDirective\n                    [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                    *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n                    (click)=\"getMediaFor(FORM_NAME_IMAGE_RIGHT)\"\n                    [ngClass]=\"{\n                        'wb-images-double__noimages--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-images-double__noimages--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-images-double__noimages--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                ></div>\n            </div>\n        </div>\n    </div>\n</div>\n"
             },] }
 ];
 ImagesDoubleComponent.ctorParameters = () => [];
@@ -20000,7 +20028,7 @@ class FourImagesTitleComponent extends StructuresComponent {
 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"
+                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                    [extraSmall]=\"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 = () => [
@@ -20046,7 +20074,7 @@ class TwoImagesTitleTextComponent extends StructuresComponent {
 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"
+                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                    [small]=\"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                    [small]=\"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 = () => [];
@@ -24843,7 +24871,7 @@ class TextBackgroundsLinkComponent extends StructuresComponent {
 TextBackgroundsLinkComponent.decorators = [
     { type: Component, args: [{
                 selector: TextBackgroundsLinkService.selector(),
-                template: "<div class=\"wb-text-backgrounds-link\" [ngClass]=\"{ 'is-active': hasTooltipFocusedLeftBottom || hasTooltipFocusedImg }\">\n    <div\n        class=\"wb-text-backgrounds-link__container\"\n        [ngClass]=\"{ 'wb-text-backgrounds-link__container--autoHeight': contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND] }\"\n    >\n        <div class=\"wb-text-backgrounds-link__container__background\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND]\">\n            <div>\n                <div\n                    [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND][FORM_NAME_IMAGE_URL] + ')'\"\n                    *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND]\"\n                    class=\"wb-text-backgrounds-link__container__images__item\"\n                ></div>\n            </div>\n        </div>\n        <div\n            class=\"wb-text-backgrounds-link__container__config\"\n            *ngFor=\"let content of contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND_LINK]; let i = index\"\n        >\n            <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isActive]=\"triggerConfig[i]\">\n                <wb-structure-config-input\n                    [label]=\"'wb.structures.template.9' | translate\"\n                    [(ngModel)]=\"content[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)]=\"content[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)]=\"content[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 class=\"triggerClose\" (click)=\"closeConfig(i)\" *ngIf=\"triggerConfig[i]\"></div>\n        </div>\n        <div\n            class=\"wb-text-backgrounds-link__noimages\"\n            wbPicturesTemplateDirective\n            [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n            (click)=\"getMediaFor('', 'add')\"\n            *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND]\"\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-link__container__columns\">\n            <div\n                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND]\"\n                wbGetSizeImageDirective\n                [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND][FORM_NAME_IMAGE_URL]\"\n                (onUpdate)=\"updateThisImage('', $event)\"\n                (click)=\"getMediaFor('')\"\n                class=\"wb-text-backgrounds-link__container__columns__absolute\"\n            ></div>\n            <div class=\"columns\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND]\">\n                <div class=\"column\">\n                    <div class=\"wb-text-backgrounds-link__container__images\">\n                        <div class=\"wb-text-backgrounds-link__container__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\n                            <div class=\"has-transparent-background\">\n                                <wb-quill\n                                    [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                                    (contentChange)=\"persist()\"\n                                    (isTooltipFocused)=\"checkQuillToolTip('hasTooltipFocusedLeftBottom', $event)\"\n                                ></wb-quill>\n                            </div>\n                        </div>\n                        <div class=\"wb-text-backgrounds-link__container__flex\">\n                            <div\n                                wbGetSizeImageDirective\n                                [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                                [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND][FORM_NAME_IMAGE_URL]\"\n                                (onUpdate)=\"updateThisImage('', $event)\"\n                                (click)=\"getMediaFor('')\"\n                                class=\"wb-text-backgrounds-link__container__flex__absolute\"\n                            ></div>\n                            <div\n                                *ngFor=\"let content of contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND_LINK]; let i = index\"\n                                class=\"wb-text-backgrounds-link__container__images__item\"\n                            >\n                                <div class=\"wb-text-backgrounds-link__container__flex__config\" (click)=\"openConfig(i)\">\n                                    <div\n                                        class=\"wb-structure-config__tools is-tooltip-info tooltip is-tooltip-right\"\n                                        [nwbToolTip]=\"'wb.structureconfig.tooltip.1' | translate\"\n                                        nwbToolTipPosition=\"right\"\n                                    >\n                                        <i class=\"fal fa-sliders-h\"></i>\n                                    </div>\n                                </div>\n                                <div\n                                    class=\"wb-text-backgrounds-link__container__flex__background\"\n                                    wbGetSizeImageDirective\n                                    [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                                    [urlToParse]=\"content[FORM_NAME_IMAGE_URL]\"\n                                    (onUpdate)=\"updateThisImage(i, $event)\"\n                                    [style.background-image]=\"'url(' + content[FORM_NAME_IMAGE_URL] + ')'\"\n                                    (click)=\"getMediaFor(i)\"\n                                ></div>\n                                <div class=\"wb-text-backgrounds-link__container__flex__text\" *ngIf=\"content\">\n                                    <div>\n                                        <wb-quill\n                                            [(content)]=\"content[FORM_NAME_CONTENT]\"\n                                            (contentChange)=\"persist()\"\n                                            (isTooltipFocused)=\"checkQuillToolTip('hasTooltipFocusedImg_' + i, $event)\"\n                                        >\n                                        </wb-quill>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div\n        class=\"wb-additionnal-tools wb-slider-fullpage__container__slider\"\n        *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND]\"\n        cdkDropList\n        cdkDropListOrientation=\"horizontal\"\n        (cdkDropListDropped)=\"onDrop($event)\"\n    >\n        <a\n            class=\"wb-slider-fullpage__container__slider-selector\"\n            *ngFor=\"let content of contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND_LINK]; let i = index\"\n            cdkDrag\n            ><span></span>\n            <span\n                >{{ 'wb.structures.template.59' | translate: { nb: i + 1 } }}<i class=\"fal fa-times\" (click)=\"removeThisSlide(i)\"></i>\n            </span>\n        </a>\n        <a class=\"wb-slider-fullpage__container__slider-add\" (click)=\"getMediaFor(currentNumber, 'add')\" *ngIf=\"currentNumber < 6\">\n            {{ 'wb.structures.template.42' | translate }}<span class=\"absolute\">{{ 'wb.structures.template.43' | translate }}</span>\n        </a>\n    </div>\n</div>\n"
+                template: "<div class=\"wb-text-backgrounds-link\" [ngClass]=\"{ 'is-active': hasTooltipFocusedLeftBottom || hasTooltipFocusedImg }\">\n    <div\n        class=\"wb-text-backgrounds-link__container\"\n        [ngClass]=\"{ 'wb-text-backgrounds-link__container--autoHeight': contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND] }\"\n    >\n        <div class=\"wb-text-backgrounds-link__container__background\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND]\">\n            <div>\n                <div\n                    [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND][FORM_NAME_IMAGE_URL] + ')'\"\n                    *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND]\"\n                    class=\"wb-text-backgrounds-link__container__images__item\"\n                ></div>\n            </div>\n        </div>\n        <div\n            class=\"wb-text-backgrounds-link__container__config\"\n            *ngFor=\"let content of contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND_LINK]; let i = index\"\n        >\n            <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isActive]=\"triggerConfig[i]\">\n                <wb-structure-config-input\n                    [label]=\"'wb.structures.template.9' | translate\"\n                    [(ngModel)]=\"content[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)]=\"content[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)]=\"content[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 class=\"triggerClose\" (click)=\"closeConfig(i)\" *ngIf=\"triggerConfig[i]\"></div>\n        </div>\n        <div\n            class=\"wb-text-backgrounds-link__noimages\"\n            wbPicturesTemplateDirective\n            [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n            (click)=\"getMediaFor('', 'add')\"\n            *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND]\"\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-link__container__columns\">\n            <div\n                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND]\"\n                wbGetSizeImageDirective\n                [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND][FORM_NAME_IMAGE_URL]\"\n                (onUpdate)=\"updateThisImage('', $event)\"\n                (click)=\"getMediaFor('')\"\n                class=\"wb-text-backgrounds-link__container__columns__absolute\"\n            ></div>\n            <div class=\"columns\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND]\">\n                <div class=\"column\">\n                    <div class=\"wb-text-backgrounds-link__container__images\">\n                        <div class=\"wb-text-backgrounds-link__container__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\n                            <div class=\"has-transparent-background\">\n                                <wb-quill\n                                    [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                                    (contentChange)=\"persist()\"\n                                    (isTooltipFocused)=\"checkQuillToolTip('hasTooltipFocusedLeftBottom', $event)\"\n                                ></wb-quill>\n                            </div>\n                        </div>\n                        <div class=\"wb-text-backgrounds-link__container__flex\">\n                            <div\n                                wbGetSizeImageDirective\n                                [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                                [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND][FORM_NAME_IMAGE_URL]\"\n                                (onUpdate)=\"updateThisImage('', $event)\"\n                                (click)=\"getMediaFor('')\"\n                                class=\"wb-text-backgrounds-link__container__flex__absolute\"\n                            ></div>\n                            <div\n                                *ngFor=\"let content of contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND_LINK]; let i = index\"\n                                class=\"wb-text-backgrounds-link__container__images__item\"\n                            >\n                                <div class=\"wb-text-backgrounds-link__container__flex__config\" (click)=\"openConfig(i)\">\n                                    <div\n                                        class=\"wb-structure-config__tools is-tooltip-info tooltip is-tooltip-right\"\n                                        [nwbToolTip]=\"'wb.structureconfig.tooltip.1' | translate\"\n                                        nwbToolTipPosition=\"right\"\n                                    >\n                                        <i class=\"fas fa-bars\"></i>\n                                    </div>\n                                </div>\n                                <div\n                                    class=\"wb-text-backgrounds-link__container__flex__background\"\n                                    wbGetSizeImageDirective\n                                    [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                                    [urlToParse]=\"content[FORM_NAME_IMAGE_URL]\"\n                                    (onUpdate)=\"updateThisImage(i, $event)\"\n                                    [style.background-image]=\"'url(' + content[FORM_NAME_IMAGE_URL] + ')'\"\n                                    (click)=\"getMediaFor(i)\"\n                                ></div>\n                                <div class=\"wb-text-backgrounds-link__container__flex__text\" *ngIf=\"content\">\n                                    <div>\n                                        <wb-quill\n                                            [(content)]=\"content[FORM_NAME_CONTENT]\"\n                                            (contentChange)=\"persist()\"\n                                            (isTooltipFocused)=\"checkQuillToolTip('hasTooltipFocusedImg_' + i, $event)\"\n                                        >\n                                        </wb-quill>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div\n        class=\"wb-additionnal-tools wb-slider-fullpage__container__slider\"\n        *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND]\"\n        cdkDropList\n        cdkDropListOrientation=\"horizontal\"\n        (cdkDropListDropped)=\"onDrop($event)\"\n    >\n        <a\n            class=\"wb-slider-fullpage__container__slider-selector\"\n            *ngFor=\"let content of contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND_LINK]; let i = index\"\n            cdkDrag\n            ><span></span>\n            <span\n                >{{ 'wb.structures.template.59' | translate: { nb: i + 1 } }}<i class=\"fal fa-times\" (click)=\"removeThisSlide(i)\"></i>\n            </span>\n        </a>\n        <a class=\"wb-slider-fullpage__container__slider-add\" (click)=\"getMediaFor(currentNumber, 'add')\" *ngIf=\"currentNumber < 6\">\n            {{ 'wb.structures.template.42' | translate }}<span class=\"absolute\">{{ 'wb.structures.template.43' | translate }}</span>\n        </a>\n    </div>\n</div>\n"
             },] }
 ];
 TextBackgroundsLinkComponent.ctorParameters = () => [];
@@ -25493,6 +25521,20 @@ class ConfigsComponent {
         }
         this.updateContent();
     }
+    updateChangesReverse($event = null, key) {
+        if ($event !== null) {
+            let onValue = true;
+            if (typeof this.configs.forms[key].state[0] !== 'undefined') {
+                onValue = this.configs.forms[key].state[0];
+            }
+            let offValue = true;
+            if (typeof this.configs.forms[key].state[1] !== 'undefined') {
+                offValue = this.configs.forms[key].state[1];
+            }
+            this.configs.forms[key].value = $event.target.checked ? offValue : onValue;
+        }
+        this.updateContent();
+    }
     updateContent() {
         this.contentService.updateByUUID(this.configs.block.uuid, this.configs);
         this.changeConfig.emit({
@@ -25525,7 +25567,7 @@ class ConfigsComponent {
 ConfigsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'wb-configs',
-                template: "<div class=\"wb-configs\" [ngClass]=\"{ 'is-not-first': !isFirst }\" [@animateListFromLeft]=\"temporizeConfig\" *ngIf=\"temporizeConfig\">\n    <div class=\"field\" *ngFor=\"let form of configs.forms; let i = index\">\n        <label class=\"label\" [ngClass]=\"{ 'icon-help': form.iconHelp }\"\n            >{{ form.label | translate }}\n            <i *ngIf=\"form.iconHelp\" class=\"fas fa-info-circle\"\n                ><span>{{ form.help | translate }}</span></i\n            ></label\n        >\n        <div class=\"control\" *ngIf=\"form.type === FORM_TYPE_TEXT\">\n            <input\n                class=\"input\"\n                [type]=\"form.type\"\n                [placeholder]=\"form.placeholder | translate\"\n                [ngModel]=\"form.value | translate\"\n                (ngModelChange)=\"form.value = $event\"\n                (keyup)=\"updateContent()\"\n            />\n        </div>\n        <div class=\"control\" *ngIf=\"form.type === FORM_TYPE_NUMBER\">\n            <input\n                class=\"input\"\n                [type]=\"form.type\"\n                [maxlength]=\"999999999\"\n                [placeholder]=\"form.placeholder | translate\"\n                [(ngModel)]=\"form.value\"\n                (keyup)=\"updateNumber($event, i)\"\n            />\n        </div>\n        <div class=\"control\" *ngIf=\"form.type === FORM_TYPE_CHECKBOX\">\n            <input\n                [id]=\"'switchRoundedDefault' + i\"\n                [type]=\"form.type\"\n                [name]=\"'switchRoundedDefault' + i\"\n                class=\"switch is-rounded is-info\"\n                [checked]=\"form.value === (form.state[0] ? form.state[0] : true)\"\n                (change)=\"updateChanges($event, i)\"\n            />\n            <label [for]=\"'switchRoundedDefault' + i\"></label>\n        </div>\n        <div class=\"control\" *ngIf=\"form.type === FORM_TYPE_TAG\">\n            <a\n                class=\"button is-info\"\n                [ngClass]=\"{ 'is-outlined': step !== form.value && (!form.stepKey.length || form.stepKey[i] !== form.value) }\"\n                *ngFor=\"let step of form.step; let i = index\"\n                (click)=\"form.value = form.stepKey.length && form.stepKey[i] ? form.stepKey[i] : step; updateContent()\"\n            >\n                {{ step | translate }}\n            </a>\n        </div>\n        <div class=\"control\" *ngIf=\"form.type === FORM_TYPE_COLOR\" #colors>\n            <div\n                [class]=\"'wb-configs__color wb-configs__colorjs' + i\"\n                [style.background]=\"form.value\"\n                (click)=\"colors.show = !colors.show\"\n            ></div>\n            <div\n                class=\"wb-configs__picker\"\n                wbAutoHide\n                [triggerElement]=\"'wb-configs__colorjs' + i\"\n                (clickOutside)=\"colors.show = false\"\n                [ngClass]=\"{ 'is-active': colors.show }\"\n            >\n                <div\n                    [(colorPicker)]=\"form.value\"\n                    [style.background]=\"form.value\"\n                    [cpPosition]=\"'top'\"\n                    [cpWidth]=\"'auto'\"\n                    [cpToggle]=\"true\"\n                    [cpDialogDisplay]=\"'inline'\"\n                    (colorPickerChange)=\"updateContent()\"\n                ></div>\n            </div>\n        </div>\n        <p *ngIf=\"!form.iconHelp && !checkHelp(i)\" class=\"help\" [innerHTML]=\"form.help | translate\"></p>\n        <p *ngIf=\"!form.iconHelp && checkHelp(i)\" class=\"help\" [innerHTML]=\"getValueHelp(form.value, i) | translate\"></p>\n    </div>\n</div>\n",
+                template: "<div class=\"wb-configs\" [ngClass]=\"{ 'is-not-first': !isFirst }\" [@animateListFromLeft]=\"temporizeConfig\" *ngIf=\"temporizeConfig\">\n    <div class=\"field\" *ngFor=\"let form of configs.forms; let i = index\">\n        <label class=\"label\" *ngIf=\"form.type !== FORM_TYPE_CHECKBOX\" [ngClass]=\"{ 'icon-help': form.iconHelp }\"\n            >{{ form.label | translate }}\n            <i *ngIf=\"form.iconHelp\" class=\"fas fa-info-circle\"\n                ><span>{{ form.help | translate }}</span></i\n            ></label\n        >\n        <div class=\"control control--input\" *ngIf=\"form.type === FORM_TYPE_TEXT\">\n            <input\n                class=\"input\"\n                [type]=\"form.type\"\n                [placeholder]=\"form.placeholder | translate\"\n                [ngModel]=\"form.value | translate\"\n                (ngModelChange)=\"form.value = $event\"\n                (keyup)=\"updateContent()\"\n            />\n        </div>\n        <div class=\"control control--input\" *ngIf=\"form.type === FORM_TYPE_NUMBER\">\n            <input\n                class=\"input\"\n                [type]=\"form.type\"\n                [maxlength]=\"999999999\"\n                [placeholder]=\"form.placeholder | translate\"\n                [(ngModel)]=\"form.value\"\n                (keyup)=\"updateNumber($event, i)\"\n            />\n        </div>\n        <div class=\"control control--flex\" [ngClass]=\"{ 'dynamic-label': form.labelEnable }\" *ngIf=\"form.type === FORM_TYPE_CHECKBOX\">\n            <input\n                [id]=\"'switchRoundedDefault' + i\"\n                [type]=\"form.type\"\n                [name]=\"'switchRoundedDefault' + i\"\n                class=\"switch is-rounded is-info\"\n                [checked]=\"!(form.value === (form.state[0] ? form.state[0] : true))\"\n                (change)=\"form.reverseShow ? updateChangesReverse($event, i) : updateChanges($event, i)\"\n            />\n            <label [for]=\"'switchRoundedDefault' + i\"></label>\n            <p [innerHTML]=\"form.label | translate\"></p>\n            <p [innerHTML]=\"form.labelEnable | translate\"></p>\n        </div>\n        <div class=\"control control--button\" [ngClass]=\"{ 'max-width': form.step.length < 4 }\" *ngIf=\"form.type === FORM_TYPE_TAG\">\n            <a\n                class=\"button is-info\"\n                [ngClass]=\"{ 'is-outlined': step !== form.value && (!form.stepKey.length || form.stepKey[i] !== form.value) }\"\n                *ngFor=\"let step of form.step; let i = index\"\n                (click)=\"form.value = form.stepKey.length && form.stepKey[i] ? form.stepKey[i] : step; updateContent()\"\n            >\n                {{ step | translate }}\n            </a>\n        </div>\n        <div class=\"control\" *ngIf=\"form.type === FORM_TYPE_COLOR\" #colors>\n            <div\n                [class]=\"'wb-configs__color wb-configs__colorjs' + i\"\n                [style.background]=\"form.value\"\n                (click)=\"colors.show = !colors.show\"\n            ></div>\n            <div\n                class=\"wb-configs__picker\"\n                wbAutoHide\n                [triggerElement]=\"'wb-configs__colorjs' + i\"\n                (clickOutside)=\"colors.show = false\"\n                [ngClass]=\"{ 'is-active': colors.show }\"\n            >\n                <div\n                    [(colorPicker)]=\"form.value\"\n                    [style.background]=\"form.value\"\n                    [cpPosition]=\"'top'\"\n                    [cpWidth]=\"'auto'\"\n                    [cpToggle]=\"true\"\n                    [cpDialogDisplay]=\"'inline'\"\n                    (colorPickerChange)=\"updateContent()\"\n                ></div>\n            </div>\n        </div>\n        <p *ngIf=\"!form.iconHelp && !checkHelp(i)\" class=\"help\" [innerHTML]=\"form.help | translate\"></p>\n        <p *ngIf=\"!form.iconHelp && checkHelp(i)\" class=\"help\" [innerHTML]=\"getValueHelp(form.value, i) | translate\"></p>\n    </div>\n</div>\n",
                 animations: [animateListFromLeft('200ms ease-in-out')]
             },] }
 ];