@wizishop/wizi-block 3.3.54 → 3.3.55-beta

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

@@ -683,12 +683,15 @@
     var FORM_NAME_ROWS = 'rows';
     var FORM_NAME_COLUMNS = 'columns';
     var FormsContentDto = /** @class */ (function () {
-        function FormsContentDto(id, label, type, value, placeholder, help, step, stepKey, state, iconHelp) {
+        function FormsContentDto(id, label, type, value, placeholder, help, step, stepKey, state, iconHelp, labelEnable, reverseShow) {
             if (help === void 0) { help = ''; }
             if (step === void 0) { step = []; }
             if (stepKey === void 0) { stepKey = []; }
             if (state === void 0) { state = []; }
             if (iconHelp === void 0) { iconHelp = false; }
+            if (labelEnable === void 0) { labelEnable = ''; }
+            if (reverseShow === void 0) { reverseShow = false; }
+            this.reverseShow = false;
             this.id = id;
             this.label = label;
             this.type = type;
@@ -699,6 +702,8 @@
             this.stepKey = stepKey;
             this.state = state;
             this.iconHelp = iconHelp;
+            this.labelEnable = labelEnable;
+            this.reverseShow = reverseShow;
         }
         return FormsContentDto;
     }());
@@ -710,7 +715,7 @@
             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',
@@ -798,7 +803,7 @@
             var sliderFullPageFormDto = new FormsDto(content);
             var timeSliderFullPageContentDto = new FormsContentDto(FORM_NAME_TIME, 'wb.blocks.FormContentDto.60', FORM_TYPE_TEXT, content[FORM_NAME_TIME], '100ms', '');
             sliderFullPageFormDto.forms.push(timeSliderFullPageContentDto);
-            var dotsSliderFullPageContentDto = new FormsContentDto(FORM_NAME_DOTS, 'wb.blocks.FormContentDto.62', FORM_TYPE_CHECKBOX, content[FORM_NAME_DOTS], '', '', [], [], [true, false]);
+            var 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);
             var 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);
@@ -919,7 +924,7 @@
             var slidersImagerightFormDto = new FormsDto(content);
             var timeSliderFullPageContentDto = new FormsContentDto(FORM_NAME_TIME, 'wb.blocks.FormContentDto.60', FORM_TYPE_TEXT, content[FORM_NAME_TIME], '100ms', '');
             slidersImagerightFormDto.forms.push(timeSliderFullPageContentDto);
-            var dotsSliderFullPageContentDto = new FormsContentDto(FORM_NAME_DOTS, 'wb.blocks.FormContentDto.62', FORM_TYPE_CHECKBOX, content[FORM_NAME_DOTS], '', '', [], [], [true, false]);
+            var 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);
             var 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);
@@ -979,7 +984,7 @@
             var slidersDoubleImagerightDto = new FormsDto(content);
             var timeSliderFullPageContentDto = new FormsContentDto(FORM_NAME_TIME, 'wb.blocks.FormContentDto.60', FORM_TYPE_TEXT, content[FORM_NAME_TIME], '100ms', '');
             slidersDoubleImagerightDto.forms.push(timeSliderFullPageContentDto);
-            var dotsSliderFullPageContentDto = new FormsContentDto(FORM_NAME_DOTS, 'wb.blocks.FormContentDto.62', FORM_TYPE_CHECKBOX, content[FORM_NAME_DOTS], '', '', [], [], [true, false]);
+            var 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);
             var 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);
@@ -3913,7 +3918,7 @@
                 'wb.blocks.FormContentDto.117',
             ], ['0', '0.25', '0.5', '1']);
             imgSimpleFormDto.forms.push(parallaxSpeedImgSimpleContentDto);
-            var parallaxInvertedImgSimpleContentDto = new FormsContentDto(FORM_NAME_PARALLAX_INVERTED, 'wb.blocks.FormContentDto.114', FORM_TYPE_CHECKBOX, content[FORM_NAME_PARALLAX_INVERTED], '', '', [], [], [true, false]);
+            var 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;
         };
@@ -5074,7 +5079,7 @@
                 'wb.blocks.FormContentDto.117',
             ], ['0', '0.25', '0.5', '1']);
             TextBackgroundsSimpleFormDto.forms.push(parallaxSpeedImgSimpleContentDto);
-            var parallaxInvertedImgSimpleContentDto = new FormsContentDto(FORM_NAME_PARALLAX_INVERTED, 'wb.blocks.FormContentDto.114', FORM_TYPE_CHECKBOX, content[FORM_NAME_PARALLAX_INVERTED], '', '', [], [], [true, false]);
+            var 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;
         };
@@ -5158,7 +5163,7 @@
                 'wb.blocks.FormContentDto.117',
             ], ['0', '0.25', '0.5', '1']);
             formsDto.forms.push(parallaxSpeedImgSimpleContentDto);
-            var parallaxInvertedImgSimpleContentDto = new FormsContentDto(FORM_NAME_PARALLAX_INVERTED, 'wb.blocks.FormContentDto.114', FORM_TYPE_CHECKBOX, content[FORM_NAME_PARALLAX_INVERTED], '', '', [], [], [true, false]);
+            var 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;
         };
@@ -5242,7 +5247,7 @@
                 'wb.blocks.FormContentDto.117',
             ], ['0', '0.25', '0.5', '1']);
             formsDto.forms.push(parallaxSpeedImgSimpleContentDto);
-            var parallaxInvertedImgSimpleContentDto = new FormsContentDto(FORM_NAME_PARALLAX_INVERTED, 'wb.blocks.FormContentDto.114', FORM_TYPE_CHECKBOX, content[FORM_NAME_PARALLAX_INVERTED], '', '', [], [], [true, false]);
+            var 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);
             var colorContentDto = new FormsContentDto(FORM_NAME_COLOR, 'wb.blocks.FormContentDto.112', FORM_TYPE_COLOR, content[FORM_NAME_COLOR], '#122231', '');
             formsDto.forms.push(colorContentDto);
@@ -5327,7 +5332,7 @@
             var launchVideosFormDto = new FormsDto(content);
             var linkLaunchVideosContentDto = new FormsContentDto(FORM_NAME_LINK, 'wb.blocks.FormContentDto.18', FORM_TYPE_TEXT, content[FORM_NAME_LINK], '', '');
             launchVideosFormDto.forms.push(linkLaunchVideosContentDto);
-            var muteLaunchVideosContentDto = new FormsContentDto(FORM_NAME_MUTE, 'wb.blocks.FormContentDto.19', FORM_TYPE_CHECKBOX, content[FORM_NAME_MUTE], '', '', [], [], [true, false]);
+            var 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);
             var colorLaunchVideosContentDto = new FormsContentDto(FORM_NAME_COLOR, 'wb.blocks.FormContentDto.20', FORM_TYPE_COLOR, content[FORM_NAME_COLOR], '#ffffff', '');
             launchVideosFormDto.forms.push(colorLaunchVideosContentDto);
@@ -5391,7 +5396,7 @@
             var launchVideosFormDto = new FormsDto(content);
             var linkLaunchVideosContentDto = new FormsContentDto(FORM_NAME_LINK, 'wb.blocks.FormContentDto.18', FORM_TYPE_TEXT, content[FORM_NAME_LINK], '', '');
             launchVideosFormDto.forms.push(linkLaunchVideosContentDto);
-            var muteLaunchVideosContentDto = new FormsContentDto(FORM_NAME_MUTE, 'wb.blocks.FormContentDto.19', FORM_TYPE_CHECKBOX, content[FORM_NAME_MUTE], '', '', [], [], [true, false]);
+            var 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);
             var colorLaunchVideosContentDto = new FormsContentDto(FORM_NAME_COLOR, 'wb.blocks.FormContentDto.21', FORM_TYPE_COLOR, content[FORM_NAME_COLOR], '#ffffff', '');
             launchVideosFormDto.forms.push(colorLaunchVideosContentDto);
@@ -5442,13 +5447,13 @@
             var videosFormDto = new FormsDto(content);
             var linkVideosContentDto = new FormsContentDto(FORM_NAME_LINK, 'wb.blocks.FormContentDto.18', FORM_TYPE_TEXT, content[FORM_NAME_LINK], '', '');
             videosFormDto.forms.push(linkVideosContentDto);
-            var controlVideosContentDto = new FormsContentDto(FORM_NAME_CONTROL, 'wb.blocks.FormContentDto.84', FORM_TYPE_CHECKBOX, content[FORM_NAME_CONTROL], '100ms', '', [], [], [true, false]);
+            var 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);
-            var autoplayVideosContentDto = new FormsContentDto(FORM_NAME_AUTOPLAY, 'wb.blocks.FormContentDto.85', FORM_TYPE_CHECKBOX, content[FORM_NAME_AUTOPLAY], '', '', [], [], [true, false]);
+            var 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);
-            var muteVideosContentDto = new FormsContentDto(FORM_NAME_MUTE, 'wb.blocks.FormContentDto.19', FORM_TYPE_CHECKBOX, content[FORM_NAME_MUTE], '', '', [], [], [true, false]);
+            var 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);
-            var loopVideosContentDto = new FormsContentDto(FORM_NAME_LOOP, 'wb.blocks.FormContentDto.86', FORM_TYPE_CHECKBOX, content[FORM_NAME_LOOP], '', '', [], [], [true, false]);
+            var 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;
         };
@@ -5507,13 +5512,13 @@
             var videosFormDto = new FormsDto(content);
             var linkVideosContentDto = new FormsContentDto(FORM_NAME_LINK, 'wb.blocks.FormContentDto.18', FORM_TYPE_TEXT, content[FORM_NAME_LINK], '', '');
             videosFormDto.forms.push(linkVideosContentDto);
-            var controlVideosContentDto = new FormsContentDto(FORM_NAME_CONTROL, 'wb.blocks.FormContentDto.84', FORM_TYPE_CHECKBOX, content[FORM_NAME_CONTROL], '100ms', '', [], [], [true, false]);
+            var 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);
-            var autoplayVideosContentDto = new FormsContentDto(FORM_NAME_AUTOPLAY, 'wb.blocks.FormContentDto.85', FORM_TYPE_CHECKBOX, content[FORM_NAME_AUTOPLAY], '', '', [], [], [true, false]);
+            var 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);
-            var muteVideosContentDto = new FormsContentDto(FORM_NAME_MUTE, 'wb.blocks.FormContentDto.19', FORM_TYPE_CHECKBOX, content[FORM_NAME_MUTE], '', '', [], [], [true, false]);
+            var 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);
-            var loopVideosContentDto = new FormsContentDto(FORM_NAME_LOOP, 'wb.blocks.FormContentDto.86', FORM_TYPE_CHECKBOX, content[FORM_NAME_LOOP], '', '', [], [], [true, false]);
+            var 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;
         };
@@ -5572,13 +5577,13 @@
             var videosFormDto = new FormsDto(content);
             var linkVideosContentDto = new FormsContentDto(FORM_NAME_LINK, 'wb.blocks.FormContentDto.18', FORM_TYPE_TEXT, content[FORM_NAME_LINK], '', '');
             videosFormDto.forms.push(linkVideosContentDto);
-            var controlVideosContentDto = new FormsContentDto(FORM_NAME_CONTROL, 'wb.blocks.FormContentDto.84', FORM_TYPE_CHECKBOX, content[FORM_NAME_CONTROL], '100ms', '', [], [], [true, false]);
+            var 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);
-            var autoplayVideosContentDto = new FormsContentDto(FORM_NAME_AUTOPLAY, 'wb.blocks.FormContentDto.85', FORM_TYPE_CHECKBOX, content[FORM_NAME_AUTOPLAY], '', '', [], [], [true, false]);
+            var 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);
-            var muteVideosContentDto = new FormsContentDto(FORM_NAME_MUTE, 'wb.blocks.FormContentDto.19', FORM_TYPE_CHECKBOX, content[FORM_NAME_MUTE], '', '', [], [], [true, false]);
+            var 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);
-            var loopVideosContentDto = new FormsContentDto(FORM_NAME_LOOP, 'wb.blocks.FormContentDto.86', FORM_TYPE_CHECKBOX, content[FORM_NAME_LOOP], '', '', [], [], [true, false]);
+            var 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);
             var colorVideosContentDto = new FormsContentDto(FORM_NAME_COLOR, 'wb.blocks.FormContentDto.11', FORM_TYPE_COLOR, content[FORM_NAME_COLOR], '#122231', '');
             videosFormDto.forms.push(colorVideosContentDto);
@@ -5625,13 +5630,13 @@
             var videosFormDto = new FormsDto(content);
             var linkVideosContentDto = new FormsContentDto(FORM_NAME_LINK, 'wb.blocks.FormContentDto.18', FORM_TYPE_TEXT, content[FORM_NAME_LINK], '', '');
             videosFormDto.forms.push(linkVideosContentDto);
-            var controlVideosContentDto = new FormsContentDto(FORM_NAME_CONTROL, 'wb.blocks.FormContentDto.84', FORM_TYPE_CHECKBOX, content[FORM_NAME_CONTROL], '100ms', '', [], [], [true, false]);
+            var 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);
-            var autoplayVideosContentDto = new FormsContentDto(FORM_NAME_AUTOPLAY, 'wb.blocks.FormContentDto.85', FORM_TYPE_CHECKBOX, content[FORM_NAME_AUTOPLAY], '', '', [], [], [true, false]);
+            var 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);
-            var muteVideosContentDto = new FormsContentDto(FORM_NAME_MUTE, 'wb.blocks.FormContentDto.19', FORM_TYPE_CHECKBOX, content[FORM_NAME_MUTE], '', '', [], [], [true, false]);
+            var 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);
-            var loopVideosContentDto = new FormsContentDto(FORM_NAME_LOOP, 'wb.blocks.FormContentDto.86', FORM_TYPE_CHECKBOX, content[FORM_NAME_LOOP], '', '', [], [], [true, false]);
+            var 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);
             var colorVideosContentDto = new FormsContentDto(FORM_NAME_COLOR, 'wb.blocks.FormContentDto.11', FORM_TYPE_COLOR, content[FORM_NAME_COLOR], '#122231', '');
             videosFormDto.forms.push(colorVideosContentDto);
@@ -6913,7 +6918,7 @@
                 'wb.blocks.FormContentDto.117',
             ], ['0', '0.25', '0.5', '1']);
             imgBannerFormDto.forms.push(parallaxSpeedImgSimpleContentDto);
-            var parallaxInvertedImgSimpleContentDto = new FormsContentDto(FORM_NAME_PARALLAX_INVERTED, 'wb.blocks.FormContentDto.114', FORM_TYPE_CHECKBOX, content[FORM_NAME_PARALLAX_INVERTED], '', '', [], [], [true, false]);
+            var 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;
         };
@@ -7684,7 +7689,7 @@
             var sliderWithBannerFormDto = new FormsDto(content);
             var timeSliderWithBannerContentDto = new FormsContentDto(FORM_NAME_TIME, 'wb.blocks.FormContentDto.60', FORM_TYPE_TEXT, content[FORM_NAME_TIME], '100ms', '');
             sliderWithBannerFormDto.forms.push(timeSliderWithBannerContentDto);
-            var dotsSliderWithBannerContentDto = new FormsContentDto(FORM_NAME_DOTS, 'wb.blocks.FormContentDto.62', FORM_TYPE_CHECKBOX, content[FORM_NAME_DOTS], '', '', [], [], [true, false]);
+            var 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);
             var maskSliderWithBannerContentDto = new FormsContentDto(FORM_NAME_IMG_MASK, 'wb.blocks.FormContentDto.14', FORM_TYPE_TAG, content[FORM_NAME_IMG_MASK], 'wb.blocks.FormContentDto.15', '', ['wb.blocks.FormContentDto.94', 'wb.blocks.FormContentDto.95', 'wb.blocks.FormContentDto.96'], ['small', 'medium', 'large']);
             sliderWithBannerFormDto.forms.push(maskSliderWithBannerContentDto);
@@ -9587,6 +9592,10 @@
                         }
                         finally { if (e_2) throw e_2.error; }
                     }
+                    _this.hoverChildren = _this.selectedConfig.block.uuid;
+                }
+                else {
+                    _this.hoverChildren = false;
                 }
                 if (_this.toolHidden) {
                     _this.setHidden();
@@ -9752,7 +9761,7 @@
     WiziBlockComponent.decorators = [
         { type: i0.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')]
                 },] }
     ];
@@ -9821,6 +9830,8 @@
             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;
@@ -9867,7 +9878,7 @@
     StructureConfigComponent.decorators = [
         { type: i0.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 = function () { return [
@@ -9877,7 +9888,9 @@
         isActive: [{ type: i0.Input }],
         blockUUID: [{ type: i0.Input }],
         position: [{ type: i0.Input }],
-        isFullwidth: [{ type: i0.Input }]
+        isFullwidth: [{ type: i0.Input }],
+        small: [{ type: i0.Input }],
+        extraSmall: [{ type: i0.Input }]
     };
 
     var ExpectedImagesService = /** @class */ (function () {
@@ -10286,13 +10299,18 @@
             this.contentService = contentService;
             this.configService = configService;
             this.dynamicHiddenStructure = false;
+            this.isHover = false;
             this.hideConfig = false;
             this.blockIsHidden = false;
+            this.configIsActivated = new i0.EventEmitter();
             this.contentEventSubscription = null;
         }
         StructureToolsComponent.prototype.ngOnInit = function () {
             var e_1, _a;
             var _this = this;
+            console.log('----- IS ALWAYS ------');
+            console.log(this.isAlwaysHover);
+            console.log('----- / IS ALWAYS ------');
             this.checkOnContents();
             this.contentEventSubscription = this.contentService.contentEvent().subscribe(function () {
                 _this.checkOnContents();
@@ -10339,6 +10357,8 @@
         };
         StructureToolsComponent.prototype.configThis = function (e) {
             e.preventDefault();
+            this.configIsActivated.emit(true);
+            this.isAlwaysHover = true;
             this.configService.config = this.contentService.getContentByUUID(this.uuid);
         };
         StructureToolsComponent.prototype.removeThis = function ($event) {
@@ -10371,7 +10391,7 @@
     StructureToolsComponent.decorators = [
         { type: i0.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 = function () { return [
@@ -10382,7 +10402,10 @@
     StructureToolsComponent.propDecorators = {
         uuid: [{ type: i0.Input }],
         dynamicHiddenStructure: [{ type: i0.Input }],
-        deleteButton: [{ type: i0.ViewChild, args: ['deleteButton',] }]
+        isHover: [{ type: i0.Input }],
+        isAlwaysHover: [{ type: i0.Input }],
+        deleteButton: [{ type: i0.ViewChild, args: ['deleteButton',] }],
+        configIsActivated: [{ type: i0.Output }]
     };
 
     var SafeUrlPipe = /** @class */ (function () {
@@ -21504,7 +21527,7 @@
     ImagesDoubleComponent.decorators = [
         { type: i0.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 = function () { return []; };
@@ -21803,7 +21826,7 @@
     FourImagesTitleComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: FourImagesTitleService.selector(),
-                    template: "<div class=\"wb-four-images-title\">\n    <div\n        class=\"wb-four-images-title__wrapper\"\n        [ngClass]=\"{\n            'wb-four-images-title__wrapper--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n            'wb-four-images-title__wrapper--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n            'wb-four-images-title__wrapper--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n        }\"\n    >\n        <div\n            class=\"wb-four-images-title__wrapper__item\"\n            *ngFor=\"let elem of contents[BASE_BLOCK_CONTENT][FORM_NAME_ELEMENTS]; let i = index\"\n        >\n            <div class=\"wb-four-images-title__wrapper__item__img\">\n                <wb-structure-config\n                    [blockUUID]=\"uuid\"\n                    [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n                    [isFullwidth]=\"true\"\n                    *ngIf=\"elem[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]?.length > 0\"\n                >\n                    <wb-structure-config-input\n                        [label]=\"'wb.structures.template.9' | translate\"\n                        [(ngModel)]=\"elem[FORM_NAME_IMAGE][FORM_NAME_TITLE]\"\n                        (ngModelChange)=\"persist()\"\n                    ></wb-structure-config-input>\n                    <wb-structure-config-input\n                        [label]=\"'wb.structures.template.10' | translate\"\n                        [(ngModel)]=\"elem[FORM_NAME_IMAGE][FORM_NAME_URL]\"\n                        [placeholder]=\"'wb.structures.template.11' | translate\"\n                        (ngModelChange)=\"persist()\"\n                    ></wb-structure-config-input>\n                    <wb-structure-config-checkbox\n                        [label]=\"'wb.structures.template.12' | translate\"\n                        [(ngModel)]=\"elem[FORM_NAME_IMAGE][FORM_NAME_URL_TARGET]\"\n                        (ngModelChange)=\"persist()\"\n                        [off]=\"'_self'\"\n                        [on]=\"'_blank'\"\n                    ></wb-structure-config-checkbox>\n                </wb-structure-config>\n                <div\n                    class=\"wb-four-images-title__wrapper__item__img__empty\"\n                    wbPicturesTemplateDirective\n                    [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                    *ngIf=\"elem[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]?.length <= 0\"\n                    (click)=\"getMediaFor(i)\"\n                    [ngClass]=\"{\n                        'wb-four-images-title__wrapper__item__img__empty--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-four-images-title__wrapper__item__img__empty--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-four-images-title__wrapper__item__img__empty--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                >\n                    <p>\n                        <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n                    </p>\n                </div>\n\n                <div\n                    wbGetSizeImageDirective\n                    [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                    [urlToParse]=\"elem[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n                    [style.background-image]=\"'url(' + elem[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                    *ngIf=\"elem[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]?.length > 0\"\n                    (click)=\"getMediaFor(i)\"\n                    class=\"wb-four-images-title__wrapper__item__img__picture\"\n                    [ngClass]=\"{\n                        'wb-four-images-title__wrapper__item__img__picture--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-four-images-title__wrapper__item__img__picture--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-four-images-title__wrapper__item__img__picture--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                ></div>\n            </div>\n            <div class=\"wb-four-images-title__wrapper__item__title\">\n                <wb-quill [(content)]=\"elem[FORM_NAME_TITLE]\" (contentChange)=\"persist()\"></wb-quill>\n            </div>\n        </div>\n    </div>\n</div>\n"
+                    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 = function () { return [
@@ -21853,7 +21876,7 @@
     TwoImagesTitleTextComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: TwoImagesTitleTextService.selector(),
-                    template: "<div class=\"wb-two-images-title-text\">\n    <div class=\"wb-two-images-title-text__title\">\n        <wb-quill [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\" (contentChange)=\"persist()\"></wb-quill>\n    </div>\n    <div\n        class=\"wb-two-images-title-text__wrapper\"\n        [ngClass]=\"{\n            'wb-images-simple__container--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n            'wb-images-simple__container--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n            'wb-images-simple__container--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n        }\"\n    >\n        <div class=\"wb-two-images-title-text__wrapper__item\">\n            <div\n                class=\"wb-two-images-title-text__wrapper__item__img\"\n                [ngClass]=\"{\n                    'wb-two-images-title-text__wrapper__item__img--small':\n                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                    'wb-two-images-title-text__wrapper__item__img--medium':\n                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                    'wb-two-images-title-text__wrapper__item__img--large':\n                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                }\"\n            >\n                <wb-structure-config\n                    [blockUUID]=\"uuid\"\n                    [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n                    [isFullwidth]=\"true\"\n                    *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL]?.length > 0\"\n                >\n                    <wb-structure-config-input\n                        [label]=\"'wb.structures.template.9' | translate\"\n                        [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_TITLE]\"\n                        (ngModelChange)=\"persist()\"\n                    ></wb-structure-config-input>\n                    <wb-structure-config-input\n                        [label]=\"'wb.structures.template.10' | translate\"\n                        [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL]\"\n                        [placeholder]=\"'wb.structures.template.11' | translate\"\n                        (ngModelChange)=\"persist()\"\n                    ></wb-structure-config-input>\n                    <wb-structure-config-checkbox\n                        [label]=\"'wb.structures.template.12' | translate\"\n                        [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL_TARGET]\"\n                        (ngModelChange)=\"persist()\"\n                        [off]=\"'_self'\"\n                        [on]=\"'_blank'\"\n                    ></wb-structure-config-checkbox>\n                </wb-structure-config>\n                <div\n                    class=\"wb-two-images-title-text__wrapper__item__img__empty\"\n                    wbPicturesTemplateDirective\n                    [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                    *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL]?.length <= 0\"\n                    (click)=\"getMediaFor('0')\"\n                    [ngClass]=\"{\n                        'wb-two-images-title-text__wrapper__item__img__empty--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-two-images-title-text__wrapper__item__img__empty--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-two-images-title-text__wrapper__item__img__empty--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                >\n                    <p>\n                        <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n                    </p>\n                </div>\n\n                <div\n                    wbGetSizeImageDirective\n                    [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                    [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL]\"\n                    [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL] + ')'\"\n                    *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL]?.length > 0\"\n                    (click)=\"getMediaFor('0')\"\n                    class=\"wb-two-images-title-text__wrapper__item__img__picture\"\n                    [ngClass]=\"{\n                        'wb-two-images-title-text__wrapper__item__img__picture--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-two-images-title-text__wrapper__item__img__picture--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-two-images-title-text__wrapper__item__img__picture--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                ></div>\n            </div>\n            <div class=\"wb-two-images-title-text__wrapper__item__title\">\n                <wb-quill [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_LEFT]\" (contentChange)=\"persist()\"></wb-quill>\n            </div>\n            <div\n                class=\"wb-two-images-title-text__wrapper__item__text\"\n                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL].length <= 0\"\n            >\n                <div class=\"wb-two-images-title-text__wrapper__item__text\">\n                    <wb-quill [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_LEFT]\" (contentChange)=\"persist()\"></wb-quill>\n                </div>\n            </div>\n            <a\n                class=\"wb-two-images-title-text__wrapper__item__text\"\n                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL].length > 0\"\n            >\n                <wb-quill [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_LEFT]\" (contentChange)=\"persist()\"></wb-quill>\n                <i [style]=\"'color: ' + contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR]\" class=\"far fa-arrow-right\"></i>\n            </a>\n        </div>\n        <div class=\"wb-two-images-title-text__wrapper__item\">\n            <div\n                class=\"wb-two-images-title-text__wrapper__item__img\"\n                [ngClass]=\"{\n                    'wb-two-images-title-text__wrapper__item__img--small':\n                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                    'wb-two-images-title-text__wrapper__item__img--medium':\n                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                    'wb-two-images-title-text__wrapper__item__img--large':\n                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                }\"\n            >\n                <wb-structure-config\n                    [blockUUID]=\"uuid\"\n                    [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n                    [isFullwidth]=\"true\"\n                    *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL]?.length > 0\"\n                >\n                    <wb-structure-config-input\n                        [label]=\"'wb.structures.template.9' | translate\"\n                        [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_TITLE]\"\n                        (ngModelChange)=\"persist()\"\n                    ></wb-structure-config-input>\n                    <wb-structure-config-input\n                        [label]=\"'wb.structures.template.10' | translate\"\n                        [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_URL]\"\n                        [placeholder]=\"'wb.structures.template.11' | translate\"\n                        (ngModelChange)=\"persist()\"\n                    ></wb-structure-config-input>\n                    <wb-structure-config-checkbox\n                        [label]=\"'wb.structures.template.12' | translate\"\n                        [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_URL_TARGET]\"\n                        (ngModelChange)=\"persist()\"\n                        [off]=\"'_self'\"\n                        [on]=\"'_blank'\"\n                    ></wb-structure-config-checkbox>\n                </wb-structure-config>\n                <div\n                    class=\"wb-two-images-title-text__wrapper__item__img__empty\"\n                    wbPicturesTemplateDirective\n                    [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                    *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL]?.length <= 0\"\n                    (click)=\"getMediaFor('1')\"\n                    [ngClass]=\"{\n                        'wb-two-images-title-text__wrapper__item__img__empty--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-two-images-title-text__wrapper__item__img__empty--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-two-images-title-text__wrapper__item__img__empty--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                >\n                    <p>\n                        <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n                    </p>\n                </div>\n\n                <div\n                    wbGetSizeImageDirective\n                    [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                    [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL]\"\n                    [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL] + ')'\"\n                    *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL]?.length > 0\"\n                    (click)=\"getMediaFor('1')\"\n                    class=\"wb-two-images-title-text__wrapper__item__img__picture\"\n                    [ngClass]=\"{\n                        'wb-two-images-title-text__wrapper__item__img__picture--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-two-images-title-text__wrapper__item__img__picture--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-two-images-title-text__wrapper__item__img__picture--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                ></div>\n            </div>\n            <div class=\"wb-two-images-title-text__wrapper__item__title\">\n                <wb-quill [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_RIGHT]\" (contentChange)=\"persist()\"></wb-quill>\n            </div>\n            <div\n                class=\"wb-two-images-title-text__wrapper__item__text\"\n                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_URL].length <= 0\"\n            >\n                <wb-quill [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_RIGHT]\" (contentChange)=\"persist()\"></wb-quill>\n            </div>\n            <a\n                class=\"wb-two-images-title-text__wrapper__item__text\"\n                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_URL].length > 0\"\n            >\n                <wb-quill [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_RIGHT]\" (contentChange)=\"persist()\"></wb-quill>\n                <i [style]=\"'color: ' + contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR]\" class=\"far fa-arrow-right\"></i>\n            </a>\n        </div>\n    </div>\n</div>\n"
+                    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 = function () { return []; };
@@ -27209,7 +27232,7 @@
     TextBackgroundsLinkComponent.decorators = [
         { type: i0.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 = function () { return []; };
@@ -27845,6 +27868,8 @@
             this.contents = [];
             this.dynamicHidden = [];
             this.hideConfig = false;
+            this.blockHover = false;
+            this.configActive = false;
             this.parsedContent = [];
         }
         BlocksComponent.prototype.ngOnInit = function () {
@@ -27864,6 +27889,10 @@
                 this.preview = false;
             }
         };
+        BlocksComponent.prototype.switchHover = function (event) {
+            console.log(event);
+            this.configActive = event;
+        };
         BlocksComponent.prototype.addThis = function (index, type) {
             var _this = this;
             this.wiziBlockService.getBlocksService().forEach(function (v) {
@@ -27939,7 +27968,7 @@
     BlocksComponent.decorators = [
         { type: i0.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')]
                 },] }
     ];
@@ -27952,7 +27981,8 @@
     ]; };
     BlocksComponent.propDecorators = {
         contents: [{ type: i0.Input }],
-        dynamicHidden: [{ type: i0.Input }]
+        dynamicHidden: [{ type: i0.Input }],
+        selectedConfig: [{ type: i0.Input }]
     };
 
     var ConfigsComponent = /** @class */ (function () {
@@ -28018,6 +28048,21 @@
             }
             this.updateContent();
         };
+        ConfigsComponent.prototype.updateChangesReverse = function ($event, key) {
+            if ($event === void 0) { $event = null; }
+            if ($event !== null) {
+                var onValue = true;
+                if (typeof this.configs.forms[key].state[0] !== 'undefined') {
+                    onValue = this.configs.forms[key].state[0];
+                }
+                var 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();
+        };
         ConfigsComponent.prototype.updateContent = function () {
             this.contentService.updateByUUID(this.configs.block.uuid, this.configs);
             this.changeConfig.emit({
@@ -28051,7 +28096,7 @@
     ConfigsComponent.decorators = [
         { type: i0.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')]
                 },] }
     ];