@wizishop/wizi-block 4.2.21-beta → 4.2.24-beta

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

@@ -717,7 +717,7 @@
             this.block = block;
             translateBlockService.translateProperties(this.block);
             if (hasMargin) {
-                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_HIDE_BLOCK, 'wb.forms.FormsContentDto.16', FORM_TYPE_TAG, block[FORM_NAME_HIDE_BLOCK], '#122231', '', ['wb.blocks.FormContentDto.123', 'wb.blocks.FormContentDto.122'], ['0', '1']));
             }
             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',
@@ -752,6 +752,7 @@
         function ParentBlockDto(type) {
             this.uuid = uuid.v4();
             this.type = type;
+            this[FORM_NAME_HIDE_BLOCK] = '1';
             this[FORM_NAME_MARGIN] = 'medium';
             this[FORM_NAME_MARGIN_TOP] = 'small';
             this[FORM_NAME_WIDTH_BLOCK] = 'medium';
@@ -2438,7 +2439,7 @@
             _this[_a$r] = 'wb.dto.TITLE.37';
             _this[_b$p] = 'wb.dto.CONTENT.36';
             _this[_c$m] = new ButtonDto();
-            _this[_d$l] = '#5A6267';
+            _this[_d$l] = '#FFFFFF';
             return _this;
         }
         return WitnessBackgroundOneDto;
@@ -9626,7 +9627,7 @@
                 for (var _b = __values(this.contentService.contents), _c = _b.next(); !_c.done; _c = _b.next()) {
                     var item = _c.value;
                     if (typeof item.block.hide_block !== typeof undefined) {
-                        if (item.block.hide_block) {
+                        if (item.block.hide_block === '0') {
                             this.isHiddenConfig.push(item.block.uuid);
                         }
                     }
@@ -9728,10 +9729,10 @@
                 try {
                     for (var _b = __values(this.selectedConfig.forms), _c = _b.next(); !_c.done; _c = _b.next()) {
                         var item = _c.value;
-                        if (item.id === 'hide_block' && item.value && !this.isHiddenConfig.includes(this.selectedConfig.block.uuid)) {
+                        if (item.id === 'hide_block' && item.value === '0' && !this.isHiddenConfig.includes(this.selectedConfig.block.uuid)) {
                             this.isHiddenConfig.push(this.selectedConfig.block.uuid);
                         }
-                        else if (item.id === 'hide_block' && !item.value) {
+                        else if (item.id === 'hide_block' && item.value === '1') {
                             this.isHiddenConfig = this.isHiddenConfig.filter(function (e) { return e !== _this.selectedConfig.block.uuid; });
                         }
                     }
@@ -20282,6 +20283,7 @@
     var EditorJSTool = /** @class */ (function () {
         function EditorJSTool() {
             this.parentEditor = null;
+            this.textContainers = 'h1,h2,h3,h4,h5,h6,p,li';
             this.selectedAnchorNode = null;
             this.selectedFocusNode = null;
             this.anchorOffset = -1;
@@ -20320,8 +20322,34 @@
             this.focusOffset = this.currentSelection.focusOffset;
         };
         EditorJSTool.prototype.resetUserSelection = function () {
+            var _a;
+            console.log('reset here');
+            if (this.selectedAnchorNode.nodeType === Node.ELEMENT_NODE && this.selectedAnchorNode.children) {
+                while (this.selectedAnchorNode.children &&
+                    this.selectedAnchorNode.innerText === ((_a = this.selectedAnchorNode.children[0]) === null || _a === void 0 ? void 0 : _a.innerText) &&
+                    this.selectedAnchorNode.children.length === 1) {
+                    this.selectedAnchorNode = this.selectedAnchorNode.children[0];
+                    this.selectedFocusNode = this.selectedAnchorNode;
+                    this.anchorOffset = 0;
+                    this.focusOffset = 1;
+                }
+                if (this.textContainers.split(',').indexOf(this.selectedAnchorNode.tagName.toLowerCase()) > -1) {
+                    var childTextNodes = this.getTextNodes(this.selectedAnchorNode);
+                    var focusNode = childTextNodes.length > 1
+                        ? this.selectedAnchorNode.childNodes[childTextNodes.length - 1]
+                        : this.selectedAnchorNode.childNodes[0];
+                    var focusOffset = childTextNodes.length > 1 ? childTextNodes.length : childTextNodes[0].textContent.length;
+                    this.selectedAnchorNode = this.selectedAnchorNode.childNodes[0];
+                    this.anchorOffset = 0;
+                    this.selectedFocusNode = focusNode;
+                    this.focusOffset = focusOffset;
+                }
+            }
             document.getSelection().setBaseAndExtent(this.selectedAnchorNode, this.anchorOffset, this.selectedFocusNode, this.focusOffset);
-            this.currentSelection = this.getSelection();
+        };
+        EditorJSTool.prototype.collapseSelection = function () {
+            var selection = this.getSelection();
+            document.getSelection().setBaseAndExtent(selection.anchorNode, 0, selection.anchorNode, 0);
         };
         EditorJSTool.prototype.findParentEditor = function () {
             var selection = this.currentSelection ? this.currentSelection : this.getSelection();
@@ -20330,6 +20358,17 @@
         EditorJSTool.prototype.clear = function () {
             resetBlockFocus(this.parentEditor);
         };
+        EditorJSTool.prototype.getTextNodes = function (container) {
+            var childTextNodes = [];
+            if (container.childNodes) {
+                for (var i = 0; i < container.childNodes.length; ++i) {
+                    if (container.childNodes[i].nodeType === Node.TEXT_NODE) {
+                        childTextNodes.push(container.childNodes[i]);
+                    }
+                }
+            }
+            return childTextNodes;
+        };
         return EditorJSTool;
     }());
     var isTextEditionTool = false;
@@ -20365,7 +20404,6 @@
         __extends(InlineStyleTool, _super);
         function InlineStyleTool() {
             var _this = _super.apply(this, __spread(arguments)) || this;
-            _this.containers = 'h1,h2,h3,h4,h5,h6,p,li';
             _this.modifiers = 'strong,em';
             _this.foundAnchorOffset = 0;
             _this.foundFocusOffset = 0;
@@ -20373,6 +20411,7 @@
             _this.foundFocusNode = false;
             _this.tmpOffset = 0;
             _this.modifiedContent = false;
+            _this.linkDeletion = false;
             _this.modifies = {
                 tag: false,
                 style: false,
@@ -20384,8 +20423,8 @@
         InlineStyleTool.prototype.execCommandStyle = function (action) {
             return __awaiter(this, void 0, void 0, function () {
                 var selection, anchorNode, container, sameSelection;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
                         case 0:
                             selection = this.currentSelection ? this.currentSelection : this.getSelection();
                             if (!selection) {
@@ -20404,48 +20443,51 @@
                             sameSelection = container && container.innerText === selection.toString();
                             return [4 /*yield*/, this.saveInlineSelection(container, true)];
                         case 1:
-                            _c.sent();
-                            if (!(sameSelection &&
-                                !this.isContainer(this.containers, container) &&
-                                this.hasStyle(container) &&
-                                selection.toString() === this.hasStyle(container).innerText)) return [3 /*break*/, 3];
-                            console.log('update');
-                            return [4 /*yield*/, this.updateSelection(selection, this.hasStyle(container), action, this.containers)];
+                            _d.sent();
+                            if (!this.linkDeletion) return [3 /*break*/, 3];
+                            return [4 /*yield*/, this.replaceLink(selection, this.hasStyle(container))];
                         case 2:
-                            _c.sent();
-                            return [3 /*break*/, 5];
+                            _d.sent();
+                            return [3 /*break*/, 7];
                         case 3:
-                            console.log('replace');
-                            return [4 /*yield*/, this.replaceSelection(container, action, selection, this.containers)];
+                            if (!(sameSelection &&
+                                !this.isContainer(this.textContainers, container) &&
+                                this.hasStyle(container) &&
+                                selection.toString() === this.hasStyle(container).innerText)) return [3 /*break*/, 5];
+                            return [4 /*yield*/, this.updateSelection(selection, this.hasStyle(container), action, this.textContainers)];
                         case 4:
-                            _c.sent();
-                            _c.label = 5;
-                        case 5: return [4 /*yield*/, this.cleanupContainer(selection, container, true)];
+                            _d.sent();
+                            return [3 /*break*/, 7];
+                        case 5: return [4 /*yield*/, this.replaceSelection(container, action, selection, this.textContainers)];
                         case 6:
-                            _c.sent();
-                            if (!this.modifiedContent) return [3 /*break*/, 8];
+                            _d.sent();
+                            _d.label = 7;
+                        case 7: return [4 /*yield*/, this.cleanupContainer(selection, container, true)];
+                        case 8:
+                            _d.sent();
+                            if (!this.modifiedContent) return [3 /*break*/, 10];
                             return [4 /*yield*/, this.resetInlineSelection(container, true)];
-                        case 7:
-                            _c.sent();
-                            _c.label = 8;
-                        case 8: return [2 /*return*/];
+                        case 9:
+                            _d.sent();
+                            _d.label = 10;
+                        case 10: return [2 /*return*/];
                     }
                 });
             });
         };
         InlineStyleTool.prototype.updateSelection = function (selection, container, action, containers) {
             return __awaiter(this, void 0, void 0, function () {
-                var css, _c, _d, range, newElement_1, elementClone;
-                return __generator(this, function (_e) {
-                    switch (_e.label) {
+                var css, _d, _e, range, newElement_1, elementClone;
+                return __generator(this, function (_f) {
+                    switch (_f.label) {
                         case 0:
                             if (!this.modifies.style) return [3 /*break*/, 2];
                             css = this.style.property;
-                            _c = container.style;
-                            _d = css;
+                            _d = container.style;
+                            _e = css;
                             return [4 /*yield*/, this.getStyleValue(container, action, containers)];
                         case 1:
-                            _c[_d] = _e.sent();
+                            _d[_e] = _f.sent();
                             return [3 /*break*/, 5];
                         case 2:
                             range = this.getRangeObject(selection);
@@ -20453,11 +20495,11 @@
                             if (!this.modifies.class) return [3 /*break*/, 4];
                             return [4 /*yield*/, this.removeChildrenClasses(newElement_1)];
                         case 3:
-                            _e.sent();
+                            _f.sent();
                             if (this.classToApply !== '') {
                                 newElement_1.classList.add(this.classToApply);
                             }
-                            _e.label = 4;
+                            _f.label = 4;
                         case 4:
                             if (this.modifies.attribute) {
                                 this.attributesToApply.forEach(function (attribute) {
@@ -20472,17 +20514,18 @@
                             }
                             container.parentElement.replaceChild(newElement_1, container);
                             range.insertNode(newElement_1);
-                            _e.label = 5;
+                            _f.label = 5;
                         case 5: return [2 /*return*/];
                     }
                 });
             });
         };
         InlineStyleTool.prototype.replaceSelection = function (container, action, selection, containers) {
+            var _a;
             return __awaiter(this, void 0, void 0, function () {
-                var parentContainer, focusNode, offsetContainer, offsetParentContainer, range, currentFragment, currentElement_1, currentElementToAppend, currentParentElement, tmpElement, isLTR, selectionFocusOffset, selectionFocusNode, newSelection, preRange, preFragment, newElement, range, fragment, newElement_2;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
+                var parentContainer, focusNode, offsetContainer, offsetParentContainer, range, currentFragment, currentElement_1, currentElementToAppend, currentParentElement, tmpElement, isLTR, selectionFocusOffset, selectionFocusNode, newSelection, preRange, preFragment, newElement, range, fragment, fragmentElement, newElement_2, elementToAppend;
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
                         case 0:
                             parentContainer = this.hasStyle(container);
                             focusNode = selection.focusNode;
@@ -20501,11 +20544,11 @@
                             if (!this.modifies.class) return [3 /*break*/, 2];
                             return [4 /*yield*/, this.removeChildrenClasses(currentElement_1)];
                         case 1:
-                            _c.sent();
+                            _d.sent();
                             if (this.classToApply !== '') {
                                 currentElement_1.classList.add(this.classToApply);
                             }
-                            _c.label = 2;
+                            _d.label = 2;
                         case 2:
                             if (this.modifies.attribute) {
                                 this.attributesToApply.forEach(function (attribute) {
@@ -20538,32 +20581,58 @@
                         case 3:
                             range = this.getRangeObject(selection);
                             fragment = range.extractContents();
+                            fragmentElement = document.createElement('div');
                             return [4 /*yield*/, this.createElement(container, action, containers)];
                         case 4:
-                            newElement_2 = _c.sent();
-                            newElement_2.append(fragment);
+                            newElement_2 = _d.sent();
+                            elementToAppend = newElement_2;
+                            fragmentElement.append(fragment);
+                            if (((_a = fragmentElement.children) === null || _a === void 0 ? void 0 : _a.length) === 1 &&
+                                this.textContainers.split(',').indexOf(fragmentElement.children[0].tagName.toLowerCase()) > -1) {
+                                elementToAppend = fragmentElement.children[0];
+                                newElement_2.innerHTML = fragmentElement.children[0].innerHTML;
+                                elementToAppend.innerHTML = '';
+                                elementToAppend.append(newElement_2);
+                            }
+                            else {
+                                newElement_2.innerHTML = fragmentElement.innerHTML;
+                            }
                             if (!this.modifies.class) return [3 /*break*/, 6];
                             return [4 /*yield*/, this.removeChildrenClasses(newElement_2)];
                         case 5:
-                            _c.sent();
+                            _d.sent();
                             if (this.classToApply !== '') {
                                 newElement_2.classList.add(this.classToApply);
                             }
-                            _c.label = 6;
+                            _d.label = 6;
                         case 6:
                             if (this.modifies.attribute) {
                                 this.attributesToApply.forEach(function (attribute) {
                                     newElement_2.setAttribute(attribute.name, attribute.value);
                                 });
                             }
-                            range.insertNode(newElement_2);
-                            selection.selectAllChildren(newElement_2);
-                            _c.label = 7;
+                            range.insertNode(elementToAppend);
+                            selection.selectAllChildren(elementToAppend);
+                            _d.label = 7;
                         case 7: return [2 /*return*/];
                     }
                 });
             });
         };
+        InlineStyleTool.prototype.replaceLink = function (selection, container) {
+            return __awaiter(this, void 0, void 0, function () {
+                var newElement;
+                return __generator(this, function (_d) {
+                    console.log('container');
+                    console.log(container);
+                    newElement = document.createElement('span');
+                    newElement.innerHTML = container.innerHTML;
+                    container.parentElement.replaceChild(newElement, container);
+                    selection.selectAllChildren(newElement);
+                    return [2 /*return*/];
+                });
+            });
+        };
         InlineStyleTool.prototype.isAnchorBeforeFocus = function (anchorNode, anchorOffset, focusNode, focusOffset) {
             var anchorRange = document.createRange();
             var focusRange = document.createRange();
@@ -20576,11 +20645,19 @@
             }
             return false;
         };
-        InlineStyleTool.prototype.hasStyle = function (element) {
-            var _a, _b;
+        InlineStyleTool.prototype.hasStyle = function (element, firstTimeCall) {
+            if (firstTimeCall === void 0) { firstTimeCall = true; }
+            var _a, _b, _c;
+            if (firstTimeCall && element.children) {
+                while (element.children &&
+                    element.innerText === ((_a = element.children[0]) === null || _a === void 0 ? void 0 : _a.innerText) &&
+                    element.children.length === 1) {
+                    element = element.children[0];
+                }
+            }
             // foundElement was added because of a return issue when a class is applied
             var foundElement = null;
-            if (!element || ((_a = element.classList) === null || _a === void 0 ? void 0 : _a.contains('ce-paragraph'))) {
+            if (!element || ((_b = element.classList) === null || _b === void 0 ? void 0 : _b.contains('ce-paragraph'))) {
                 return null;
             }
             if (this.modifies.style) {
@@ -20601,7 +20678,7 @@
                 });
             }
             else if (this.modifies.tag) {
-                if (((_b = element.tagName) === null || _b === void 0 ? void 0 : _b.toLowerCase()) === this.tag.toLowerCase()) {
+                if (((_c = element.tagName) === null || _c === void 0 ? void 0 : _c.toLowerCase()) === this.tag.toLowerCase()) {
                     return element;
                 }
             }
@@ -20618,15 +20695,15 @@
                 return foundElement;
             }
             if (!foundElement && element.parentElement) {
-                return this.hasStyle(element.parentElement);
+                return this.hasStyle(element.parentElement, false);
             }
             return null;
         };
         InlineStyleTool.prototype.getStyleValue = function (container, action, containers) {
             return __awaiter(this, void 0, void 0, function () {
                 var style;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
                         case 0:
                             if (!container) {
                                 return [2 /*return*/, this.style.value.indexOf('$1') > -1 ? this.style.value.replace('$1', this.style.input) : this.style.value];
@@ -20636,8 +20713,8 @@
                             }
                             return [4 /*yield*/, this.findStyleNode(container, action, containers)];
                         case 1:
-                            style = _c.sent();
-                            if (this.hasStyle(style) && this.style.value.indexOf('$1') === -1) {
+                            style = _d.sent();
+                            if (style && this.hasStyle(style) && this.style.value.indexOf('$1') === -1) {
                                 return [2 /*return*/, this.style.default];
                             }
                             return [2 /*return*/, this.style.value.indexOf('$1') > -1 ? this.style.value.replace('$1', this.style.input) : this.style.value];
@@ -20648,8 +20725,8 @@
         InlineStyleTool.prototype.findStyleNode = function (node, style, containers) {
             return __awaiter(this, void 0, void 0, function () {
                 var hasStyle;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
                         case 0:
                             if (node.nodeName.toUpperCase() === 'HTML' || node.nodeName.toUpperCase() === 'BODY') {
                                 return [2 /*return*/, null];
@@ -20667,26 +20744,26 @@
                                 return [2 /*return*/, node];
                             }
                             return [4 /*yield*/, this.findStyleNode(node.parentNode, style, containers)];
-                        case 1: return [2 /*return*/, _c.sent()];
+                        case 1: return [2 /*return*/, _d.sent()];
                     }
                 });
             });
         };
         InlineStyleTool.prototype.createElement = function (container, action, containers) {
             return __awaiter(this, void 0, void 0, function () {
-                var newElement, property, _c, _d;
-                return __generator(this, function (_e) {
-                    switch (_e.label) {
+                var newElement, property, _d, _e;
+                return __generator(this, function (_f) {
+                    switch (_f.label) {
                         case 0:
                             newElement = document.createElement(this.tag);
                             if (!this.modifies.style) return [3 /*break*/, 2];
                             property = this.style.property;
-                            _c = newElement.style;
-                            _d = property;
+                            _d = newElement.style;
+                            _e = property;
                             return [4 /*yield*/, this.getStyleValue(container, action, containers)];
                         case 1:
-                            _c[_d] = _e.sent();
-                            _e.label = 2;
+                            _d[_e] = _f.sent();
+                            _f.label = 2;
                         case 2: return [2 /*return*/, newElement];
                     }
                 });
@@ -20695,15 +20772,15 @@
         InlineStyleTool.prototype.removeChildrenClasses = function (element) {
             return __awaiter(this, void 0, void 0, function () {
                 var children, currentElement;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
                         case 0:
                             if (!element) {
                                 return [2 /*return*/];
                             }
                             children = element.children;
                             currentElement = children[0];
-                            _c.label = 1;
+                            _d.label = 1;
                         case 1:
                             if (!currentElement) return [3 /*break*/, 4];
                             this.classes.split(',').forEach(function (className) {
@@ -20720,8 +20797,8 @@
                             if (!(currentElement.children.length > 0)) return [3 /*break*/, 3];
                             return [4 /*yield*/, this.removeChildrenClasses(currentElement)];
                         case 2:
-                            _c.sent();
-                            _c.label = 3;
+                            _d.sent();
+                            _d.label = 3;
                         case 3:
                             currentElement = currentElement.nextElementSibling;
                             return [3 /*break*/, 1];
@@ -20734,8 +20811,8 @@
             var _a;
             return __awaiter(this, void 0, void 0, function () {
                 var parentContainer, parentFound, children, currentNode, identicalElements, currentElement, nextElement, currentNodeFirstChild;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
                         case 0:
                             parentFound = false;
                             if (firstTimeCall) {
@@ -20759,14 +20836,14 @@
                             children = Array.from(parentContainer.childNodes);
                             if (!((children === null || children === void 0 ? void 0 : children.length) > 0)) return [3 /*break*/, 5];
                             currentNode = children[0];
-                            _c.label = 1;
+                            _d.label = 1;
                         case 1:
                             if (!currentNode) return [3 /*break*/, 5];
                             if (!(currentNode.childNodes.length > 0)) return [3 /*break*/, 3];
                             return [4 /*yield*/, this.cleanupContainer(selection, currentNode, false)];
                         case 2:
-                            _c.sent();
-                            _c.label = 3;
+                            _d.sent();
+                            _d.label = 3;
                         case 3:
                             identicalElements = true;
                             while (identicalElements &&
@@ -20802,7 +20879,7 @@
                                 this.modifiedContent = true;
                             }
                             currentNode.normalize();
-                            _c.label = 4;
+                            _d.label = 4;
                         case 4:
                             currentNode = currentNode.nextSibling;
                             return [3 /*break*/, 1];
@@ -20824,15 +20901,15 @@
         };
         InlineStyleTool.prototype.sortInlineStyle = function (currentElement) {
             return Object.entries(currentElement)
-                .sort(function (_c, _d) {
-                var _e = __read(_c, 2), a = _e[1];
-                var _f = __read(_d, 2), b = _f[1];
+                .sort(function (_d, _e) {
+                var _f = __read(_d, 2), a = _f[1];
+                var _g = __read(_e, 2), b = _g[1];
                 return a - b;
             })
-                .reduce(function (r, _c) {
-                var _d;
-                var _e = __read(_c, 2), k = _e[0], v = _e[1];
-                return (Object.assign(Object.assign({}, r), (_d = {}, _d[k] = v, _d)));
+                .reduce(function (r, _d) {
+                var _e;
+                var _f = __read(_d, 2), k = _f[0], v = _f[1];
+                return (Object.assign(Object.assign({}, r), (_e = {}, _e[k] = v, _e)));
             }, {});
         };
         InlineStyleTool.prototype.getInlineStyle = function (currentElement) {
@@ -20861,8 +20938,8 @@
             if (firstTimeCall === void 0) { firstTimeCall = false; }
             return __awaiter(this, void 0, void 0, function () {
                 var nextNode, selection, range, currentFragment, currentElement;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
                         case 0:
                             if (firstTimeCall) {
                                 container = this.parentEditor.querySelector('.ce-paragraph').firstElementChild;
@@ -20872,7 +20949,7 @@
                                 this.foundFocusOffset = 0;
                             }
                             nextNode = container.firstChild;
-                            _c.label = 1;
+                            _d.label = 1;
                         case 1:
                             if (!(nextNode && (!this.foundAnchorNode || !this.foundFocusNode))) return [3 /*break*/, 4];
                             if (nextNode === this.selectedAnchorNode) {
@@ -20899,8 +20976,8 @@
                             if (!nextNode.firstChild) return [3 /*break*/, 3];
                             return [4 /*yield*/, this.saveInlineSelection(nextNode)];
                         case 2:
-                            _c.sent();
-                            _c.label = 3;
+                            _d.sent();
+                            _d.label = 3;
                         case 3:
                             nextNode = nextNode.nextSibling;
                             return [3 /*break*/, 1];
@@ -20914,8 +20991,8 @@
             if (firstTimeCall === void 0) { firstTimeCall = false; }
             return __awaiter(this, void 0, void 0, function () {
                 var nextNode;
-                return __generator(this, function (_c) {
-                    switch (_c.label) {
+                return __generator(this, function (_d) {
+                    switch (_d.label) {
                         case 0:
                             if (firstTimeCall) {
                                 container = this.parentEditor.querySelector('.ce-paragraph').firstElementChild;
@@ -20924,7 +21001,7 @@
                                 this.tmpOffset = 0;
                             }
                             nextNode = container.firstChild;
-                            _c.label = 1;
+                            _d.label = 1;
                         case 1:
                             if (!(nextNode && (!this.foundAnchorNode || !this.foundFocusNode))) return [3 /*break*/, 4];
                             if (nextNode.nodeType === Node.TEXT_NODE) {
@@ -20945,8 +21022,8 @@
                             if (!nextNode.firstChild) return [3 /*break*/, 3];
                             return [4 /*yield*/, this.resetInlineSelection(nextNode)];
                         case 2:
-                            _c.sent();
-                            _c.label = 3;
+                            _d.sent();
+                            _d.label = 3;
                         case 3:
                             nextNode = nextNode.nextSibling;
                             return [3 /*break*/, 1];
@@ -21638,6 +21715,26 @@
     }(InlineStyleTool));
     CapitalizeTool.title = 'Capitalize';
 
+    var editorJSI18nDictionnary;
+    var EditorJSTranslationService = /** @class */ (function () {
+        function EditorJSTranslationService() {
+        }
+        EditorJSTranslationService.prototype.setDictionnary = function (dictionnary) {
+            editorJSI18nDictionnary = dictionnary;
+        };
+        EditorJSTranslationService.prototype.get = function (key) {
+            return editorJSI18nDictionnary[key];
+        };
+        return EditorJSTranslationService;
+    }());
+    EditorJSTranslationService.ɵprov = i0.ɵɵdefineInjectable({ factory: function EditorJSTranslationService_Factory() { return new EditorJSTranslationService(); }, token: EditorJSTranslationService, providedIn: "root" });
+    EditorJSTranslationService.decorators = [
+        { type: i0.Injectable, args: [{
+                    providedIn: 'root',
+                },] }
+    ];
+    EditorJSTranslationService.ctorParameters = function () { return []; };
+
     var DEFAULT_COLOR_ARRAY = [
         [
             'rgb(0, 0, 0)',
@@ -22242,6 +22339,7 @@
             if (!isBlockFocused) {
                 setBlockFocus(this.parentEditor);
             }
+            this.checkDefaultColors();
             var isActive = this.hasStyle(selection.anchorNode) ? true : false;
             this.nodes.button.classList.toggle(this.CSS.buttonActive, isActive);
             return isActive;
@@ -22267,7 +22365,7 @@
             var customColor = document.createElement('div');
             customColor.className = this.colorSelectionCss['container'];
             var text = document.createElement('p');
-            text.innerText = this.api.i18n.t('customColor');
+            text.innerText = editorJSI18nDictionnary.messages.tools.textBackgroundColor['customColor'];
             var button = document.createElement('div');
             button.addEventListener('click', function (event) { return _this.openCustomColorPicker(event); });
             var container = this.createCustomColorPicker();
@@ -22398,12 +22496,8 @@
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
-                            console.log('applyColor');
                             colorIndicator = this.nodes.button.querySelectorAll('.' + this.CSS.colorIndicatorModifier)[0];
                             this.style.input = color;
-                            console.log('this.style.input');
-                            console.log(this.style.input);
-                            console.warn(color);
                             this.resetUserSelection();
                             return [4 /*yield*/, this.surround(null, true)];
                         case 1:
@@ -22415,6 +22509,8 @@
                             if (inputToFocus) {
                                 inputToFocus.focus();
                             }
+                            //this.hideActions();
+                            this.collapseSelection();
                             return [2 /*return*/];
                     }
                 });
@@ -22427,6 +22523,7 @@
             if (!isBlockFocused) {
                 setBlockFocus(this.parentEditor);
             }
+            this.checkDefaultColors();
             var isActive = this.hasStyle(selection.anchorNode) ? true : false;
             this.nodes.button.classList.toggle(this.CSS.buttonActive, isActive);
             return isActive;
@@ -22453,13 +22550,13 @@
             var removeColorContainerIcon = document.createElement('span');
             removeColorContainer.classList.add(this.CSS.removeBackgroundColorClass);
             removeColorContainer.addEventListener('click', function () { return _this.applyColor('rgba(0,0,0,0)'); });
-            removeColorContainer.innerText = this.api.i18n.t('None');
+            removeColorContainer.innerText = editorJSI18nDictionnary.messages.tools.textBackgroundColor['None'];
             removeColorContainer.appendChild(removeColorContainerIcon);
             this.colorSelection.appendChild(removeColorContainer);
             var customColor = document.createElement('div');
             customColor.className = this.colorSelectionCss['container'];
             var text = document.createElement('p');
-            text.innerText = this.api.i18n.t('customColor');
+            text.innerText = editorJSI18nDictionnary.messages.tools.textBackgroundColor['customColor'];
             var button = document.createElement('div');
             button.addEventListener('click', function (event) { return _this.openCustomColorPicker(event); });
             var container = this.createCustomColorPicker();
@@ -22505,6 +22602,7 @@
                     if (!selection) {
                         return [2 /*return*/];
                     }
+                    this.saveUserSelection();
                     anchorNode = selection.anchorNode;
                     if (!this.parentEditor) {
                         this.parentEditor = this.findParentEditor();
@@ -22519,6 +22617,7 @@
                     if ((this.classToApply && this.classToApply.length > 0) || (this.classes && this.classes.length > 0)) {
                         this.changeCurrentClass(parentModifier);
                     }
+                    this.collapseSelection();
                     return [2 /*return*/];
                 });
             });
@@ -22555,8 +22654,18 @@
                 currentIndex++;
             }
         };
+        ParagraphStyleTool.prototype.getCurrentParagraph = function (anchorNode) {
+            if (anchorNode.nodeType === Node.ELEMENT_NODE && anchorNode.classList.contains('ce-paragraph')) {
+                return anchorNode;
+            }
+            if (anchorNode.parentElement.classList.contains('ce-paragraph')) {
+                return anchorNode.parentElement;
+            }
+            return anchorNode.parentElement.closest('.ce-paragraph');
+        };
         ParagraphStyleTool.prototype.changeContainerTag = function (container, selection) {
             var range = this.getRangeObject(selection);
+            var currentParagraph = this.getCurrentParagraph(selection.anchorNode);
             var tagToCreate = this.tag;
             if (container.tagName.toLowerCase() === this.tag.toLowerCase() && this.removableModifiers.indexOf(this.tag.toLowerCase()) > -1) {
                 tagToCreate = 'p';
@@ -22567,13 +22676,13 @@
             }
             var containerToCopy = container;
             if (container.tagName.toLowerCase() === 'ul' || container.tagName.toLowerCase() === 'ol') {
-                this.parentEditor.querySelector('.ce-block--focused .ce-paragraph').removeEventListener('keydown', onEditList, true);
+                currentParagraph.removeEventListener('keydown', onEditList, true);
                 containerToCopy = container.firstElementChild;
             }
             if (newContainer.tagName.toLowerCase() === 'ul' || newContainer.tagName.toLowerCase() === 'ol') {
                 listApi = this.api;
                 listEditor = this.parentEditor;
-                this.parentEditor.querySelector('.ce-block--focused .ce-paragraph').addEventListener('keydown', onEditList, true);
+                currentParagraph.addEventListener('keydown', onEditList, true);
             }
             if ((this.tag.toLowerCase() === 'ul' || this.tag.toLowerCase() === 'ol') &&
                 container.tagName.toLowerCase() !== this.tag.toLowerCase()) {
@@ -22637,9 +22746,9 @@
             var currentElement = element;
             if (currentElement.tagName.toLowerCase() === 'div') {
                 if (currentElement.classList.contains('ce-paragraph')) {
-                    return currentElement;
+                    return currentElement.children[0];
                 }
-                return currentElement.parentElement.querySelector('.ce-paragraph').children[0];
+                return currentElement.closest('.codex-editor__redactor').querySelector('.ce-paragraph').children[0];
             }
             while (this.modifiers.split(',').indexOf(currentElement.tagName.toLowerCase()) === -1) {
                 if (currentElement.tagName.toLowerCase() === 'div') {
@@ -22653,6 +22762,10 @@
     }(EditorJSTool));
     var listApi = null;
     var listEditor = null;
+    function setlistApiEditor(api, editor) {
+        listApi = api;
+        listEditor = editor;
+    }
     function onEditList(event) {
         var focusedBlock = event.target;
         if (LIST_EDIT_KEY_CODES.indexOf(event.code) > -1) {
@@ -22664,6 +22777,20 @@
                     currentParagraph.removeEventListener('keydown', onEditList, true);
                     document.getSelection().setBaseAndExtent(currentParagraph.querySelector('p'), 0, currentParagraph.querySelector('p'), 0);
                 }
+                else {
+                    var selection = document.getSelection();
+                    if (selection.anchorOffset === 0) {
+                        var newParagraph = document.createElement('p');
+                        var currentParagraph = listEditor.querySelectorAll('.ce-paragraph')[listApi.blocks.getCurrentBlockIndex()];
+                        newParagraph.innerHTML = currentParagraph.querySelector('li').innerHTML;
+                        currentParagraph.innerHTML = '';
+                        currentParagraph.appendChild(newParagraph);
+                        currentParagraph.removeEventListener('keydown', onEditList, true);
+                        document
+                            .getSelection()
+                            .setBaseAndExtent(currentParagraph.querySelector('p'), 0, currentParagraph.querySelector('p'), 0);
+                    }
+                }
             }
             else {
                 event.preventDefault();
@@ -22676,7 +22803,19 @@
                     var listElement = document.createElement(previousBlock.querySelector('.ce-paragraph').firstElementChild.tagName);
                     listElement.appendChild(document.createElement('li'));
                     if (listElement.tagName.toLowerCase() === 'ol') {
-                        listElement.firstElementChild.setAttribute('value', (parseInt(previousBlock.querySelector('li').getAttribute('value')) + 1).toString());
+                        var value = parseInt(previousBlock.querySelector('li').getAttribute('value')) + 1;
+                        var nextListElement = true;
+                        listElement.firstElementChild.setAttribute('value', value.toString());
+                        for (var i = listApi.blocks.getCurrentBlockIndex() + 1; i < listEditor.querySelectorAll('.ce-block').length && nextListElement; ++i) {
+                            var followingOlBlock = listEditor.querySelectorAll('.ce-block')[i];
+                            if (followingOlBlock.querySelector('ol')) {
+                                ++value;
+                                followingOlBlock.querySelector('li').setAttribute('value', value.toString());
+                            }
+                            else {
+                                nextListElement = false;
+                            }
+                        }
                     }
                     currentParagraph.appendChild(listElement);
                     currentParagraph.addEventListener('keydown', onEditList, true);
@@ -22974,7 +23113,7 @@
             this.textTypes.forEach(function (textType) {
                 var row = document.createElement('div');
                 row.className = _this.dropdownCss['row'];
-                row.innerText = _this.api.i18n.t('textType.name');
+                row.innerText = editorJSI18nDictionnary.messages.tools.textType[textType.name];
                 row.addEventListener('click', function () { return _this.applyTextStyle(textType.tag); });
                 textTypeDropdown.appendChild(row);
             });
@@ -23050,7 +23189,7 @@
                     placeholder: 'https://www.maboutique.fr or /monlien/',
                     external: 'Externe ?',
                     obfuscated: 'Lien Obfusqué ?',
-                    info: 'L\'obfuscation de liens est une technique SEO avancée qui consiste à cacher un lien aux robots des moteurs de recherche, tout en le laissant accessible pour les internautes. <a href="https://www.wizishop.fr/blog/obfuscation-lien">Découvrir l\'article complet.</a>',
+                    info: 'L\'obfuscation de liens est une technique SEO avancée qui consiste à cacher un lien aux robots des moteurs de recherche, tout en le laissant accessible pour les internautes. <a href="https://www.wizishop.fr/blog/obfuscation-lien" target="_blank">Découvrir l\'article complet.</a>',
                 },
                 textBackgroundColor: {
                     customColor: 'Sélectionner une couleur personnalisée :',
@@ -23069,7 +23208,7 @@
                     Small: 'Petit',
                     Normal: 'Normal',
                     Large: 'Grand',
-                    Huge: 'Immense',
+                    Huge: 'Très grand',
                 },
                 codeEdit: {
                     Cancel: 'Annuler',
@@ -23134,7 +23273,7 @@
                     placeholder: 'https://www.myshop.fr or /mylink/',
                     external: 'External?',
                     obfuscated: 'Obfuscated link?',
-                    info: 'Link obfuscation is an advanced SEO technique that consists in hiding a link from search engine robots, while leaving it available for users.  <a href="https://wizishop.com/blog/url-obfuscation">Read more</a>',
+                    info: 'Link obfuscation is an advanced SEO technique that consists in hiding a link from search engine robots, while leaving it available for users.  <a href="https://wizishop.com/blog/url-obfuscation" target="_blank">Read more</a>',
                 },
                 textBackgroundColor: {
                     customColor: 'Select a custom color :',
@@ -23153,7 +23292,7 @@
                     Small: 'Small',
                     Normal: 'Normal',
                     Large: 'Large',
-                    Huge: 'Huge',
+                    Huge: 'Very large',
                 },
                 codeEdit: {
                     Cancel: 'Cancel',
@@ -23607,6 +23746,7 @@
             };
             _this.tag = 'SPAN';
             _this.hasSeparatorBefore = true;
+            _this.linkDeletion = false;
             _this.modifies = {
                 tag: false,
                 style: false,
@@ -23621,8 +23761,10 @@
                 linkInputId: 'linkInput',
                 targetCheckboxId: 'targetCheckbox',
                 obfuscationCheckboxId: 'obfuscationCheckbox',
+                addButtonClass: 'ce-inline-actions--link__add',
+                deleteButtonClass: 'ce-inline-actions--link__delete',
             };
-            _this.attributeName = 'data-htap,href';
+            _this.attributeName = 'data-htap,href,data-knalb';
             _this.attributesToApply = [];
             _this.isLinkDropdownOpen = false;
             _this.api = api;
@@ -23705,23 +23847,70 @@
         };
         LinkTool.prototype.applyLink = function () {
             return __awaiter(this, void 0, void 0, function () {
-                var targetCheckbox, obfuscationCheckbox, linkInput;
+                var uuid, targetCheckbox, obfuscationCheckbox, linkInput;
                 return __generator(this, function (_a) {
                     switch (_a.label) {
                         case 0:
                             if (!this.parentEditor) {
                                 this.parentEditor = this.findParentEditor();
                             }
+                            uuid = this.parentEditor.getAttribute('id').replace('editorJs-', '');
                             this.attributesToApply = [];
-                            targetCheckbox = this.parentEditor.querySelector('#' + this.linkCss['targetCheckboxId']);
-                            obfuscationCheckbox = this.parentEditor.querySelector('#' + this.linkCss['obfuscationCheckboxId']);
-                            linkInput = this.parentEditor.querySelector('#' + this.linkCss['linkInputId']);
-                            if (targetCheckbox.checked) {
+                            targetCheckbox = this.parentEditor.querySelector('#' + this.linkCss['targetCheckboxId'] + uuid);
+                            obfuscationCheckbox = this.parentEditor.querySelector('#' + this.linkCss['obfuscationCheckboxId'] + uuid);
+                            linkInput = this.parentEditor.querySelector('#' + this.linkCss['linkInputId'] + uuid);
+                            if (obfuscationCheckbox.checked) {
+                                this.tag = 'SPAN';
+                                this.modifies.tag = false;
                                 this.attributesToApply.push({
-                                    name: 'target',
-                                    value: '_blank',
+                                    name: 'data-htap',
+                                    value: btoa(linkInput.value),
                                 });
+                                if (targetCheckbox.checked) {
+                                    this.attributesToApply.push({
+                                        name: 'data-knalb',
+                                        value: 'true',
+                                    });
+                                }
                             }
+                            else {
+                                this.tag = 'A';
+                                this.modifies.tag = true;
+                                this.attributesToApply.push({
+                                    name: 'href',
+                                    value: linkInput.value,
+                                });
+                                if (targetCheckbox.checked) {
+                                    this.attributesToApply.push({
+                                        name: 'target',
+                                        value: '_blank',
+                                    });
+                                }
+                            }
+                            this.resetUserSelection();
+                            return [4 /*yield*/, this.surround(null, true)];
+                        case 1:
+                            _a.sent();
+                            this.checkState(this.currentSelection);
+                            this.openLinkDropdown();
+                            return [2 /*return*/];
+                    }
+                });
+            });
+        };
+        LinkTool.prototype.deleteLink = function () {
+            return __awaiter(this, void 0, void 0, function () {
+                var uuid, targetCheckbox, obfuscationCheckbox, linkInput;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0:
+                            if (!this.parentEditor) {
+                                this.parentEditor = this.findParentEditor();
+                            }
+                            uuid = this.parentEditor.getAttribute('id').replace('editorJs-', '');
+                            targetCheckbox = this.parentEditor.querySelector('#' + this.linkCss['targetCheckboxId'] + uuid);
+                            obfuscationCheckbox = this.parentEditor.querySelector('#' + this.linkCss['obfuscationCheckboxId'] + uuid);
+                            linkInput = this.parentEditor.querySelector('#' + this.linkCss['linkInputId'] + uuid);
                             if (obfuscationCheckbox.checked) {
                                 this.tag = 'SPAN';
                                 this.modifies.tag = false;
@@ -23729,6 +23918,12 @@
                                     name: 'data-htap',
                                     value: btoa(linkInput.value),
                                 });
+                                if (targetCheckbox.checked) {
+                                    this.attributesToApply.push({
+                                        name: 'data-knalb',
+                                        value: 'true',
+                                    });
+                                }
                             }
                             else {
                                 this.tag = 'A';
@@ -23737,13 +23932,21 @@
                                     name: 'href',
                                     value: linkInput.value,
                                 });
+                                if (targetCheckbox.checked) {
+                                    this.attributesToApply.push({
+                                        name: 'target',
+                                        value: '_blank',
+                                    });
+                                }
                             }
+                            this.linkDeletion = true;
                             this.resetUserSelection();
                             return [4 /*yield*/, this.surround(null, true)];
                         case 1:
                             _a.sent();
                             this.checkState(this.currentSelection);
                             this.openLinkDropdown();
+                            this.linkDeletion = false;
                             return [2 /*return*/];
                     }
                 });
@@ -23751,6 +23954,10 @@
         };
         LinkTool.prototype.renderActions = function () {
             var _this = this;
+            if (!this.parentEditor) {
+                this.parentEditor = this.findParentEditor();
+            }
+            var uuid = this.parentEditor.getAttribute('id').replace('editorJs-', '');
             var container = document.createElement('div');
             container.className = this.linkCss['container'] + ' hidden';
             var linkContainer = document.createElement('div');
@@ -23760,27 +23967,31 @@
             var obfuscationContainer = document.createElement('div');
             obfuscationContainer.className = this.linkCss['obfuscationContainer'];
             var applyButton = document.createElement('button');
-            applyButton.innerText = this.api.i18n.t('add');
+            applyButton.className = this.linkCss['addButtonClass'];
+            applyButton.innerText = editorJSI18nDictionnary.messages.tools.link['add'];
             applyButton.addEventListener('click', function () { return _this.applyLink(); });
             var linkInput = document.createElement('input');
-            linkInput.setAttribute('id', this.linkCss['linkInputId']);
-            linkInput.setAttribute('placeholder', this.api.i18n.t('placeholder'));
+            linkInput.setAttribute('id', this.linkCss['linkInputId'] + uuid);
+            linkInput.setAttribute('placeholder', editorJSI18nDictionnary.messages.tools.link['placeholder']);
             var targetCheckbox = document.createElement('input');
-            targetCheckbox.setAttribute('id', this.linkCss['targetCheckboxId']);
+            targetCheckbox.setAttribute('id', this.linkCss['targetCheckboxId'] + uuid);
             targetCheckbox.setAttribute('type', 'checkbox');
             var targetLabel = document.createElement('label');
-            targetLabel.innerText = this.api.i18n.t('external');
-            targetLabel.setAttribute('for', this.linkCss['targetCheckboxId']);
+            targetLabel.innerText = editorJSI18nDictionnary.messages.tools.link['external'];
+            targetLabel.setAttribute('for', this.linkCss['targetCheckboxId'] + uuid);
             var obfuscationCheckbox = document.createElement('input');
-            obfuscationCheckbox.setAttribute('id', this.linkCss['obfuscationCheckboxId']);
+            obfuscationCheckbox.setAttribute('id', this.linkCss['obfuscationCheckboxId'] + uuid);
             obfuscationCheckbox.setAttribute('type', 'checkbox');
             var obfuscationLabel = document.createElement('label');
-            obfuscationLabel.innerText = this.api.i18n.t('obfuscated');
-            obfuscationLabel.setAttribute('for', this.linkCss['obfuscationCheckboxId']);
+            obfuscationLabel.innerText = editorJSI18nDictionnary.messages.tools.link['obfuscated'];
+            obfuscationLabel.setAttribute('for', this.linkCss['obfuscationCheckboxId'] + uuid);
             var obfuscationTooltipContainer = document.createElement('div');
             var obbfuscationTooltip = document.createElement('div');
-            obbfuscationTooltip.innerHTML = this.api.i18n.t('info');
+            obbfuscationTooltip.innerHTML = editorJSI18nDictionnary.messages.tools.link['info'];
             obfuscationTooltipContainer.appendChild(obbfuscationTooltip);
+            var deleteButton = document.createElement('button');
+            deleteButton.className = this.linkCss['deleteButtonClass'] + ' hidden';
+            deleteButton.addEventListener('click', function () { return _this.deleteLink(); });
             linkContainer.appendChild(linkInput);
             targetContainer.appendChild(targetCheckbox);
             targetContainer.appendChild(targetLabel);
@@ -23791,9 +24002,45 @@
             container.appendChild(targetContainer);
             container.appendChild(obfuscationContainer);
             container.appendChild(applyButton);
+            container.appendChild(deleteButton);
             return container;
         };
-        LinkTool.prototype.showActions = function (mark) { };
+        LinkTool.prototype.showActions = function (mark) {
+            if (!this.parentEditor) {
+                this.parentEditor = this.findParentEditor();
+            }
+            var uuid = this.parentEditor.getAttribute('id').replace('editorJs-', '');
+            var targetCheckbox = this.parentEditor.querySelector('#' + this.linkCss['targetCheckboxId'] + uuid);
+            var obfuscationCheckbox = this.parentEditor.querySelector('#' + this.linkCss['obfuscationCheckboxId'] + uuid);
+            var linkInput = this.parentEditor.querySelector('#' + this.linkCss['linkInputId'] + uuid);
+            var deleteButton = this.parentEditor.querySelector('.' + this.linkCss['deleteButtonClass']);
+            var addButton = this.parentEditor.querySelector('.' + this.linkCss['addButtonClass']);
+            linkInput.value = '';
+            if (this.checkState(this.getSelection())) {
+                var selection = this.getSelection();
+                var element = this.hasStyle(selection.anchorNode);
+                linkInput.value = element.getAttribute(element.tagName.toLowerCase() === 'a' ? 'href' : 'data-htap');
+                targetCheckbox.checked = element.getAttribute('target') === '_blank';
+                obfuscationCheckbox.checked = element.tagName.toLowerCase() === 'span';
+                if (deleteButton.classList.contains('hidden')) {
+                    deleteButton.classList.remove('hidden');
+                }
+                if (!addButton.classList.contains('hidden')) {
+                    addButton.classList.add('hidden');
+                }
+            }
+            else {
+                linkInput.value = '';
+                targetCheckbox.checked = false;
+                obfuscationCheckbox.checked = false;
+                if (!deleteButton.classList.contains('hidden')) {
+                    deleteButton.classList.add('hidden');
+                }
+                if (addButton.classList.contains('hidden')) {
+                    addButton.classList.remove('hidden');
+                }
+            }
+        };
         LinkTool.prototype.hideActions = function () { };
         LinkTool.prototype.openLinkDropdown = function () {
             var _this = this;
@@ -23804,6 +24051,7 @@
             this.saveUserSelection();
             if (linkDropdown) {
                 if (linkDropdown.classList.contains('hidden')) {
+                    this.showActions(null);
                     var viewportOffset = linkDropdown.getBoundingClientRect();
                     if (viewportOffset.left + linkDropdown.offsetWidth > document.body.offsetWidth) {
                         var left = parseInt(window.getComputedStyle(linkDropdown, null).getPropertyValue('left')) -
@@ -23823,6 +24071,7 @@
                     }, 400);
                 }
                 else {
+                    this.resetUserSelection();
                     this.isLinkDropdownOpen = false;
                     linkDropdown.classList.add('hidden');
                 }
@@ -24195,7 +24444,7 @@
             this.nodes.button.addEventListener('click', function () { return _this.openDropdown(); });
             this.textSizes.forEach(function (textSize) {
                 var span = document.createElement('span');
-                span.innerText = _this.api.i18n.t(textSize.name);
+                span.innerText = editorJSI18nDictionnary.messages.tools.textSize[textSize.name];
                 _this.nodes.button.appendChild(span);
             });
             var dropdownArrow = document.createElement('span');
@@ -24251,7 +24500,7 @@
             this.textSizes.forEach(function (textSize) {
                 var row = document.createElement('div');
                 row.className = _this.dropdownCss['row'];
-                row.innerText = _this.api.i18n.t(textSize.name);
+                row.innerText = editorJSI18nDictionnary.messages.tools.textSize[textSize.name];
                 row.addEventListener('click', function () { return _this.applyTextStyle(textSize.class); });
                 textSizeDropdown.appendChild(row);
             });
@@ -24359,8 +24608,8 @@
             var buttonContainer = document.createElement('div');
             var cancelButton = document.createElement('button');
             var saveButton = document.createElement('button');
-            cancelButton.innerText = this.api.i18n.t('Cancel');
-            saveButton.innerText = this.api.i18n.t('Save');
+            cancelButton.innerText = editorJSI18nDictionnary.messages.tools.codeEdit['Cancel'];
+            saveButton.innerText = editorJSI18nDictionnary.messages.tools.codeEdit['Save'];
             cancelButton.addEventListener('click', closeCodeEditModal, true);
             saveButton.addEventListener('click', function () {
                 var content = monacoEditor.getValue();
@@ -24422,9 +24671,7 @@
                 var isTagNext = !isBrTag && !isOpeningTag && !isClosingTag && isTagEnd && code.substr(pos, code.substr(pos).indexOf('<')).trim() === '';
                 if (isBrTag) {
                     // If opening tag, add newline character and indention
-                    result += newlineChar;
-                    currentIndent--;
-                    pos += 4;
+                    result += newlineChar + whitespace.repeat(currentIndent);
                 }
                 if (isOpeningTag) {
                     // If opening tag, add newline character and indention
@@ -24810,14 +25057,14 @@
         }
         EditorJSConversionService.prototype.convert = function (content) {
             return __awaiter(this, void 0, void 0, function () {
-                return __generator(this, function (_a) {
-                    switch (_a.label) {
+                return __generator(this, function (_b) {
+                    switch (_b.label) {
                         case 0:
                             this.container = document.createElement('div');
                             this.container.innerHTML = content;
                             return [4 /*yield*/, this.convertCurrentElement(this.container, true)];
                         case 1:
-                            _a.sent();
+                            _b.sent();
                             return [2 /*return*/, this.container.innerHTML];
                     }
                 });
@@ -24825,18 +25072,20 @@
         };
         EditorJSConversionService.prototype.convertCurrentElement = function (element, firstCall) {
             if (firstCall === void 0) { firstCall = false; }
+            var _a;
             return __awaiter(this, void 0, void 0, function () {
-                var children, currentElement, _loop_1, _a, _b, _c, quillClass, editorJSClass, newElement, newLink;
-                var e_1, _d;
-                return __generator(this, function (_e) {
-                    switch (_e.label) {
+                var children, isOrderedListChildren, currentElement, _loop_1, _b, _c, _d, quillClass, editorJSClass, newElement, newLink, value;
+                var e_1, _e;
+                return __generator(this, function (_f) {
+                    switch (_f.label) {
                         case 0:
                             if (!element) {
                                 return [2 /*return*/];
                             }
                             children = element.children;
+                            isOrderedListChildren = element.tagName.toLowerCase() === 'ol';
                             currentElement = children[0];
-                            _e.label = 1;
+                            _f.label = 1;
                         case 1:
                             if (!currentElement) return [3 /*break*/, 4];
                             _loop_1 = function (quillClass, editorJSClass) {
@@ -24860,15 +25109,15 @@
                                 }
                             };
                             try {
-                                for (_a = (e_1 = void 0, __values(Object.entries(this.classesToReplace))), _b = _a.next(); !_b.done; _b = _a.next()) {
-                                    _c = __read(_b.value, 2), quillClass = _c[0], editorJSClass = _c[1];
+                                for (_b = (e_1 = void 0, __values(Object.entries(this.classesToReplace))), _c = _b.next(); !_c.done; _c = _b.next()) {
+                                    _d = __read(_c.value, 2), quillClass = _d[0], editorJSClass = _d[1];
                                     _loop_1(quillClass, editorJSClass);
                                 }
                             }
                             catch (e_1_1) { e_1 = { error: e_1_1 }; }
                             finally {
                                 try {
-                                    if (_b && !_b.done && (_d = _a.return)) _d.call(_a);
+                                    if (_c && !_c.done && (_e = _b.return)) _e.call(_b);
                                 }
                                 finally { if (e_1) throw e_1.error; }
                             }
@@ -24879,6 +25128,9 @@
                             if (currentElement.tagName.toLowerCase() === 'u') {
                                 newElement = document.createElement('span');
                                 newElement.innerHTML = currentElement.innerHTML;
+                                if (currentElement.classList && currentElement.classList.length > 0) {
+                                    newElement.className = currentElement.className;
+                                }
                                 newElement = this.setInlineStyle(currentElement, newElement);
                                 if (currentElement.classList.length > 0) {
                                     newElement.className = currentElement.className;
@@ -24890,6 +25142,9 @@
                             if (currentElement.tagName.toLowerCase() === 'a' && currentElement.hasAttribute('data-htap')) {
                                 newLink = document.createElement('span');
                                 newLink.innerHTML = currentElement.innerHTML;
+                                if (currentElement.classList && currentElement.classList.length > 0) {
+                                    newLink.className = currentElement.className;
+                                }
                                 newLink = this.setInlineStyle(currentElement, newLink);
                                 if (currentElement.classList.length > 0) {
                                     newLink.className = currentElement.className;
@@ -24901,11 +25156,15 @@
                                 currentElement.parentElement.replaceChild(newLink, currentElement);
                                 currentElement = newLink;
                             }
+                            if (isOrderedListChildren && currentElement.tagName.toLowerCase() === 'li') {
+                                value = (_a = currentElement.previousElementSibling) === null || _a === void 0 ? void 0 : _a.getAttribute('value');
+                                currentElement.setAttribute('value', value ? (parseInt(value) + 1).toString() : '1');
+                            }
                             if (!(currentElement.children.length > 0)) return [3 /*break*/, 3];
                             return [4 /*yield*/, this.convertCurrentElement(currentElement)];
                         case 2:
-                            _e.sent();
-                            _e.label = 3;
+                            _f.sent();
+                            _f.label = 3;
                         case 3:
                             currentElement = currentElement.nextElementSibling;
                             return [3 /*break*/, 1];
@@ -24935,14 +25194,17 @@
     EditorJSConversionService.ctorParameters = function () { return []; };
 
     var EditorJsComponent = /** @class */ (function () {
-        function EditorJsComponent(translateService, editorJSConversionService) {
+        function EditorJsComponent(translateService, editorJSConversionService, editorJSTranslationService) {
             this.translateService = translateService;
             this.editorJSConversionService = editorJSConversionService;
+            this.editorJSTranslationService = editorJSTranslationService;
             this.contentChange = new i0.EventEmitter();
             this.content = '';
+            this.position = 'bottom';
             this.uuid = uuid.v4();
             this.timeoutHandle = null;
             this.timeoutTextEditionHandle = null;
+            this.onChangeTimeoutHandle = null;
             this.wrapperTags = 'h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote';
         }
         EditorJsComponent.prototype.ngOnInit = function () {
@@ -25006,7 +25268,10 @@
                                 placeholder: this.placeholder,
                                 autofocus: false,
                                 onChange: function (api, event) {
-                                    _this.contentChanged(api, event);
+                                    clearTimeout(_this.onChangeTimeoutHandle);
+                                    _this.onChangeTimeoutHandle = setTimeout(function () {
+                                        _this.contentChanged(api, event);
+                                    }, 300);
                                 },
                                 i18n: this.getI18nDictionnary(),
                             });
@@ -25016,10 +25281,17 @@
                             return [4 /*yield*/, this.editor.isReady];
                         case 2:
                             _d.sent();
+                            this.editorJSTranslationService.setDictionnary(this.getI18nDictionnary());
                             this.editorJSConversionService.convert(this.content).then(function (content) {
                                 _this.content = content;
                                 _this.applyContent();
                                 _this.checkSingleChild();
+                                setTimeout(function () {
+                                    var editorElement = document.getElementById('editorJs-' + _this.uuid);
+                                    editorElement.addEventListener('focusin', function () {
+                                        setlistApiEditor(_this.editor, editorElement);
+                                    });
+                                }, 0);
                             });
                             return [3 /*break*/, 4];
                         case 3:
@@ -25078,7 +25350,7 @@
         };
         EditorJsComponent.prototype.checkWrapper = function () {
             var _this = this;
-            var currentEditor = document.querySelectorAll('#editorJs-' + this.uuid)[0];
+            var currentEditor = document.querySelector('#editorJs-' + this.uuid);
             var editorBlocks = currentEditor.querySelectorAll('.codex-editor__redactor .ce-paragraph');
             if (editorBlocks.length === 1 && editorBlocks[0].innerText.length === 0) {
                 return;
@@ -25144,6 +25416,7 @@
             while (contentElement.firstElementChild) {
                 if (contentElement.firstElementChild.tagName.toLowerCase() === 'ul' ||
                     contentElement.firstElementChild.tagName.toLowerCase() === 'ol') {
+                    setlistApiEditor(this.editor.api, currentEditor);
                     while (contentElement.firstElementChild.firstElementChild) {
                         var container = document.createElement(contentElement.firstElementChild.tagName);
                         container.appendChild(contentElement.firstElementChild.firstElementChild.cloneNode(true));
@@ -25152,10 +25425,12 @@
                             var tmpParagraph = currentEditor.querySelectorAll('.ce-paragraph');
                             tmpParagraph[tmpParagraph.length - 1].innerHTML = '';
                             tmpParagraph[tmpParagraph.length - 1].appendChild(container);
+                            tmpParagraph[tmpParagraph.length - 1].addEventListener('keydown', onEditList, true);
                         }
                         else {
                             paragraph[i].innerHTML = '';
                             paragraph[i].appendChild(container);
+                            paragraph[i].addEventListener('keydown', onEditList, true);
                         }
                         contentElement.firstElementChild.firstElementChild.remove();
                         ++i;
@@ -25240,17 +25515,19 @@
     EditorJsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'wb-editorjs',
-                    template: "<div class=\"editorJs\" [id]=\"'editorJs-' + uuid\" wbAutoHide></div>\n"
+                    template: "<div [class]=\"'editorJs editorJs--' + position\" [id]=\"'editorJs-' + uuid\" wbAutoHide></div>\n"
                 },] }
     ];
     EditorJsComponent.ctorParameters = function () { return [
         { type: i1.TranslateService },
-        { type: EditorJSConversionService }
+        { type: EditorJSConversionService },
+        { type: EditorJSTranslationService }
     ]; };
     EditorJsComponent.propDecorators = {
         contentChange: [{ type: i0.Output }],
         content: [{ type: i0.Input }],
-        placeholder: [{ type: i0.Input }]
+        placeholder: [{ type: i0.Input }],
+        position: [{ type: i0.Input }]
     };
 
     var components$2 = [
@@ -29798,7 +30075,7 @@
     TimerSimpleComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: TimerSimpleService.selector(),
-                    template: "<div class=\"wb-timer-simple\">\n    <div class=\"columns\">\n        <div class=\"column\">\n            <div class=\"ovh\">\n                <div class=\"wb-timer-simple__config\">\n                    <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" *ngIf=\"showTimer\">\n                        <div class=\"wb-timer-simple__nodate\">\n                            <div class=\"wb-timer-simple__switch\">\n                                <span\n                                    [ngClass]=\"{\n                                        active: !isCalendar\n                                    }\"\n                                    >{{ 'wb.structures.template.44' | translate }}</span\n                                >\n                                <div class=\"control\">\n                                    <div class=\"control\">\n                                        <input\n                                            class=\"switch is-rounded is-info\"\n                                            id=\"checkboxSwitchCalendar2-{{ uuid }}\"\n                                            type=\"checkbox\"\n                                            [attr.checked]=\"isCalendar ? 'checked' : null\"\n                                            (change)=\"switchMethod()\"\n                                        />\n                                        <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar2-{{ uuid }}\"> </label>\n                                    </div>\n                                    <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar2-{{ uuid }}\"> </label>\n                                </div>\n                                <span\n                                    [ngClass]=\"{\n                                        active: isCalendar\n                                    }\"\n                                    >{{ 'wb.structures.template.45' | translate }}</span\n                                >\n                            </div>\n                            <div class=\"wb-timer-simple__calendar\" *ngIf=\"!isCalendar\">\n                                <p class=\"wb-timer-simple__calendar__text\">{{ 'wb.structures.template.46' | translate }}</p>\n                                <div class=\"wb-timer-simple__calendar__wrapper\">\n                                    <nwb-date-picker\n                                        #datePicker1\n                                        [options]=\"{\n                                            lang: translateService.currentLang,\n                                            showHeader: false,\n                                            displayMode: 'inline',\n                                            showFooter: false,\n                                            showButtons: false,\n                                            showTodayButton: false,\n                                            minDate: today,\n                                            showClearButton: false,\n                                            validateLabel: 'wb.structures.template.61' | translate,\n                                            closeOnSelect: false\n                                        }\"\n                                        (change)=\"valueChangeLive($event)\"\n                                    >\n                                        <input\n                                            style=\"display: none\"\n                                            [value]=\"dateFor\"\n                                            [nwbDatepickerStart]=\"datePicker1\"\n                                            type=\"datetime-local\"\n                                        />\n                                    </nwb-date-picker>\n                                </div>\n                            </div>\n                            <div class=\"wb-timer-simple__time\" *ngIf=\"isCalendar\">\n                                <p class=\"wb-timer-simple__calendar__text\">\n                                    {{ 'wb.structures.template.60' | translate }}\n                                </p>\n                                <div class=\"wb-timer-simple__time__wrapper\">\n                                    <div class=\"wb-timer-simple__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DAYS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-simple__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_HOURS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-simple__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_MINUTES]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-simple__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                </div>\n                                <div class=\"wb-timer-simple__time__text\">\n                                    <p>{{ 'wb.structures.template.47' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.48' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.49' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.50' | translate }}</p>\n                                </div>\n                            </div>\n                        </div>\n                    </wb-structure-config>\n                </div>\n            </div>\n            <div class=\"wb-timer-simple__wrapGlobal\">\n                <div\n                    class=\"wb-timer-simple__container\"\n                    *ngIf=\"showTimer\"\n                    [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BACKGROUND_COLOR]\"\n                >\n                    <div class=\"wb-timer-simple__container__timer\" [attr.data-timestamp]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DATE]\">\n                        <div>\n                            <wb-editorjs\n                                [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\"\n                                (contentChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wb-editorjs>\n                        </div>\n                        <div>\n                            <wb-editorjs\n                                [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                                (contentChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wb-editorjs>\n                        </div>\n                        <ul *ngIf=\"!timerEnd\">\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <span class=\"days\">{{ days | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.52' | translate }}</span\n                                ><span></span>\n                            </li>\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <span class=\"hours\">{{ hours | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.53' | translate }}</span\n                                ><span></span>\n                            </li>\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <span class=\"minutes\">{{ minutes | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.54' | translate }}</span\n                                ><span></span>\n                            </li>\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <span class=\"seconds\">{{ seconds | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.55' | translate }}</span>\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n                <div class=\"wb-timer-simple__nodate\" *ngIf=\"!showTimer && contents[BASE_BLOCK_CONTENT][FORM_NAME_FIRST_STEP]\">\n                    <div class=\"wb-timer-simple__switch\">\n                        <span\n                            [ngClass]=\"{\n                                active: !isCalendar\n                            }\"\n                            >{{ 'wb.structures.template.44' | translate }}</span\n                        >\n                        <div class=\"control\">\n                            <input\n                                class=\"switch is-rounded is-info\"\n                                [attr.checked]=\"isCalendar ? 'checked' : null\"\n                                id=\"checkboxSwitchCalendar-{{ uuid }}\"\n                                type=\"checkbox\"\n                                (change)=\"switchMethodWithoutPersist()\"\n                            />\n                            <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar-{{ uuid }}\"> </label>\n                        </div>\n                        <span\n                            [ngClass]=\"{\n                                active: isCalendar\n                            }\"\n                            >{{ 'wb.structures.template.45' | translate }}</span\n                        >\n                    </div>\n                    <div class=\"wb-timer-simple__calendar\" *ngIf=\"!isCalendar\">\n                        <p class=\"wb-timer-simple__calendar__text\">{{ 'wb.structures.template.46' | translate }}</p>\n                        <div class=\"wb-timer-simple__calendar__wrapper\">\n                            <nwb-date-picker\n                                #datePicker1\n                                [options]=\"{\n                                    lang: translateService.currentLang,\n                                    showHeader: false,\n                                    displayMode: 'inline',\n                                    showFooter: false,\n                                    showButtons: false,\n                                    showTodayButton: false,\n                                    minDate: today,\n                                    showClearButton: false,\n                                    validateLabel: 'wb.structures.template.61' | translate,\n                                    closeOnSelect: false\n                                }\"\n                                (change)=\"valueChange($event)\"\n                            >\n                                <input style=\"display: none\" [value]=\"dateFor\" [nwbDatepickerStart]=\"datePicker1\" type=\"datetime-local\" />\n                            </nwb-date-picker>\n                        </div>\n                        <div class=\"wb-timer-simple__valid wb-timer-simple__valid--calendar\">\n                            <button class=\"button btn wb-timer-simple__button\" (click)=\"validTimeForDate()\">\n                                {{ 'wb.structures.template.61' | translate }}\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"wb-timer-simple__time\" *ngIf=\"isCalendar\">\n                        <p class=\"wb-timer-simple__calendar__text\">\n                            {{ 'wb.structures.template.60' | translate }}\n                        </p>\n                        <div class=\"wb-timer-simple__time__wrapper\">\n                            <div class=\"wb-timer-simple__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DAYS]\" />\n                            </div>\n                            <div class=\"wb-timer-simple__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_HOURS]\" />\n                            </div>\n                            <div class=\"wb-timer-simple__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_MINUTES]\" />\n                            </div>\n                            <div class=\"wb-timer-simple__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDS]\" />\n                            </div>\n                        </div>\n                        <div class=\"wb-timer-simple__time__text\">\n                            <p>{{ 'wb.structures.template.47' | translate }}</p>\n                            <p>{{ 'wb.structures.template.48' | translate }}</p>\n                            <p>{{ 'wb.structures.template.49' | translate }}</p>\n                            <p>{{ 'wb.structures.template.50' | translate }}</p>\n                        </div>\n                        <div class=\"wb-timer-simple__valid\">\n                            <button class=\"button btn wb-timer-simple__button\" (click)=\"validTimeForTimer()\">\n                                {{ 'wb.structures.template.51' | translate }}\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n"
+                    template: "<div class=\"wb-timer-simple\">\n    <div class=\"columns\">\n        <div class=\"column\">\n            <div class=\"ovh\">\n                <div class=\"wb-timer-simple__config\">\n                    <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" *ngIf=\"showTimer\">\n                        <div class=\"wb-timer-simple__nodate wb-timer-simple__nodate--edit\">\n                            <div class=\"wb-timer-simple__switch\">\n                                <span\n                                    [ngClass]=\"{\n                                        active: !isCalendar\n                                    }\"\n                                    >{{ 'wb.structures.template.44' | translate }}</span\n                                >\n                                <div class=\"control\">\n                                    <div class=\"control\">\n                                        <input\n                                            class=\"switch is-rounded is-info\"\n                                            id=\"checkboxSwitchCalendar2-{{ uuid }}\"\n                                            type=\"checkbox\"\n                                            [attr.checked]=\"isCalendar ? 'checked' : null\"\n                                            (change)=\"switchMethod()\"\n                                        />\n                                        <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar2-{{ uuid }}\"> </label>\n                                    </div>\n                                    <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar2-{{ uuid }}\"> </label>\n                                </div>\n                                <span\n                                    [ngClass]=\"{\n                                        active: isCalendar\n                                    }\"\n                                    >{{ 'wb.structures.template.45' | translate }}</span\n                                >\n                            </div>\n                            <div class=\"wb-timer-simple__calendar\" *ngIf=\"!isCalendar\">\n                                <p class=\"wb-timer-simple__calendar__text\">{{ 'wb.structures.template.46' | translate }}</p>\n                                <div class=\"wb-timer-simple__calendar__wrapper\">\n                                    <nwb-date-picker\n                                        #datePicker1\n                                        [options]=\"{\n                                            lang: translateService.currentLang,\n                                            showHeader: false,\n                                            displayMode: 'inline',\n                                            showFooter: false,\n                                            showButtons: false,\n                                            showTodayButton: false,\n                                            minDate: today,\n                                            showClearButton: false,\n                                            validateLabel: 'wb.structures.template.61' | translate,\n                                            closeOnSelect: false\n                                        }\"\n                                        (change)=\"valueChangeLive($event)\"\n                                    >\n                                        <input\n                                            style=\"display: none\"\n                                            [value]=\"dateFor\"\n                                            [nwbDatepickerStart]=\"datePicker1\"\n                                            type=\"datetime-local\"\n                                        />\n                                    </nwb-date-picker>\n                                </div>\n                            </div>\n                            <div class=\"wb-timer-simple__time\" *ngIf=\"isCalendar\">\n                                <p class=\"wb-timer-simple__calendar__text\">\n                                    {{ 'wb.structures.template.60' | translate }}\n                                </p>\n                                <div class=\"wb-timer-simple__time__wrapper\">\n                                    <div class=\"wb-timer-simple__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DAYS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-simple__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_HOURS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-simple__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_MINUTES]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-simple__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                </div>\n                                <div class=\"wb-timer-simple__time__text\">\n                                    <p>{{ 'wb.structures.template.47' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.48' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.49' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.50' | translate }}</p>\n                                </div>\n                            </div>\n                        </div>\n                    </wb-structure-config>\n                </div>\n            </div>\n            <div class=\"wb-timer-simple__wrapGlobal\">\n                <div\n                    class=\"wb-timer-simple__container\"\n                    *ngIf=\"showTimer\"\n                    [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BACKGROUND_COLOR]\"\n                >\n                    <div class=\"wb-timer-simple__container__timer\" [attr.data-timestamp]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DATE]\">\n                        <div>\n                            <wb-editorjs\n                                [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\"\n                                (contentChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wb-editorjs>\n                        </div>\n                        <div>\n                            <wb-editorjs\n                                [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                                (contentChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wb-editorjs>\n                        </div>\n                        <ul *ngIf=\"!timerEnd\">\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <span class=\"days\">{{ days | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.52' | translate }}</span\n                                ><span></span>\n                            </li>\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <span class=\"hours\">{{ hours | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.53' | translate }}</span\n                                ><span></span>\n                            </li>\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <span class=\"minutes\">{{ minutes | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.54' | translate }}</span\n                                ><span></span>\n                            </li>\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <span class=\"seconds\">{{ seconds | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.55' | translate }}</span>\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n                <div class=\"wb-timer-simple__nodate\" *ngIf=\"!showTimer && contents[BASE_BLOCK_CONTENT][FORM_NAME_FIRST_STEP]\">\n                    <div class=\"wb-timer-simple__switch\">\n                        <span\n                            [ngClass]=\"{\n                                active: !isCalendar\n                            }\"\n                            >{{ 'wb.structures.template.44' | translate }}</span\n                        >\n                        <div class=\"control\">\n                            <input\n                                class=\"switch is-rounded is-info\"\n                                [attr.checked]=\"isCalendar ? 'checked' : null\"\n                                id=\"checkboxSwitchCalendar-{{ uuid }}\"\n                                type=\"checkbox\"\n                                (change)=\"switchMethodWithoutPersist()\"\n                            />\n                            <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar-{{ uuid }}\"> </label>\n                        </div>\n                        <span\n                            [ngClass]=\"{\n                                active: isCalendar\n                            }\"\n                            >{{ 'wb.structures.template.45' | translate }}</span\n                        >\n                    </div>\n                    <div class=\"wb-timer-simple__calendar\" *ngIf=\"!isCalendar\">\n                        <p class=\"wb-timer-simple__calendar__text\">{{ 'wb.structures.template.46' | translate }}</p>\n                        <div class=\"wb-timer-simple__calendar__wrapper\">\n                            <nwb-date-picker\n                                #datePicker1\n                                [options]=\"{\n                                    lang: translateService.currentLang,\n                                    showHeader: false,\n                                    displayMode: 'inline',\n                                    showFooter: false,\n                                    showButtons: false,\n                                    showTodayButton: false,\n                                    minDate: today,\n                                    showClearButton: false,\n                                    validateLabel: 'wb.structures.template.61' | translate,\n                                    closeOnSelect: false\n                                }\"\n                                (change)=\"valueChange($event)\"\n                            >\n                                <input style=\"display: none\" [value]=\"dateFor\" [nwbDatepickerStart]=\"datePicker1\" type=\"datetime-local\" />\n                            </nwb-date-picker>\n                        </div>\n                        <div class=\"wb-timer-simple__valid wb-timer-simple__valid--calendar\">\n                            <button class=\"button btn wb-timer-simple__button\" (click)=\"validTimeForDate()\">\n                                {{ 'wb.structures.template.61' | translate }}\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"wb-timer-simple__time\" *ngIf=\"isCalendar\">\n                        <p class=\"wb-timer-simple__calendar__text\">\n                            {{ 'wb.structures.template.60' | translate }}\n                        </p>\n                        <div class=\"wb-timer-simple__time__wrapper\">\n                            <div class=\"wb-timer-simple__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DAYS]\" />\n                            </div>\n                            <div class=\"wb-timer-simple__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_HOURS]\" />\n                            </div>\n                            <div class=\"wb-timer-simple__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_MINUTES]\" />\n                            </div>\n                            <div class=\"wb-timer-simple__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDS]\" />\n                            </div>\n                        </div>\n                        <div class=\"wb-timer-simple__time__text\">\n                            <p>{{ 'wb.structures.template.47' | translate }}</p>\n                            <p>{{ 'wb.structures.template.48' | translate }}</p>\n                            <p>{{ 'wb.structures.template.49' | translate }}</p>\n                            <p>{{ 'wb.structures.template.50' | translate }}</p>\n                        </div>\n                        <div class=\"wb-timer-simple__valid\">\n                            <button class=\"button btn wb-timer-simple__button\" (click)=\"validTimeForTimer()\">\n                                {{ 'wb.structures.template.51' | translate }}\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n"
                 },] }
     ];
     TimerSimpleComponent.ctorParameters = function () { return [
@@ -29934,7 +30211,7 @@
     TimerBackgroundComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: TimerBackgroundService.selector(),
-                    template: "<div class=\"wb-timer-background\">\n    <div class=\"columns\">\n        <div class=\"column\">\n            <div class=\"ovh ovh--decal\">\n                <div class=\"wb-timer-background__config\">\n                    <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" *ngIf=\"showTimer\">\n                        <div class=\"wb-timer-background__nodate\">\n                            <div class=\"wb-timer-background__switch\">\n                                <span\n                                    [ngClass]=\"{\n                                        active: !isCalendar\n                                    }\"\n                                    >{{ 'wb.structures.template.44' | translate }}</span\n                                >\n                                <div class=\"control\">\n                                    <div class=\"control\">\n                                        <input\n                                            class=\"switch is-rounded is-info\"\n                                            id=\"checkboxSwitchCalendar4-{{ uuid }}\"\n                                            type=\"checkbox\"\n                                            [attr.checked]=\"isCalendar ? 'checked' : null\"\n                                            (change)=\"switchMethod()\"\n                                        />\n                                        <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar4-{{ uuid }}\"> </label>\n                                    </div>\n                                    <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar4-{{ uuid }}\"> </label>\n                                </div>\n                                <span\n                                    [ngClass]=\"{\n                                        active: isCalendar\n                                    }\"\n                                    >{{ 'wb.structures.template.45' | translate }}</span\n                                >\n                            </div>\n                            <div class=\"wb-timer-background__calendar\" *ngIf=\"!isCalendar\">\n                                <p class=\"wb-timer-simple__calendar__text\">{{ 'wb.structures.template.46' | translate }}</p>\n                                <div class=\"wb-timer-background__calendar__wrapper\">\n                                    <nwb-date-picker\n                                        #datePicker1\n                                        [options]=\"{\n                                            lang: translateService.currentLang,\n                                            showHeader: false,\n                                            displayMode: 'inline',\n                                            showFooter: false,\n                                            showButtons: false,\n                                            showTodayButton: false,\n                                            minDate: today,\n                                            showClearButton: false,\n                                            validateLabel: 'wb.structures.template.61' | translate,\n                                            closeOnSelect: false\n                                        }\"\n                                        (change)=\"valueChangeLive($event)\"\n                                    >\n                                        <input\n                                            style=\"display: none\"\n                                            [value]=\"dateFor\"\n                                            [nwbDatepickerStart]=\"datePicker1\"\n                                            type=\"datetime-local\"\n                                        />\n                                    </nwb-date-picker>\n                                </div>\n                            </div>\n                            <div class=\"wb-timer-background__time\" *ngIf=\"isCalendar\">\n                                <p class=\"wb-timer-simple__calendar__text\">\n                                    {{ 'wb.structures.template.60' | translate }}\n                                </p>\n                                <div class=\"wb-timer-background__time__wrapper\">\n                                    <div class=\"wb-timer-background__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DAYS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-background__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_HOURS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-background__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_MINUTES]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-background__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                </div>\n                                <div class=\"wb-timer-background__time__text\">\n                                    <p>{{ 'wb.structures.template.47' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.48' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.49' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.50' | translate }}</p>\n                                </div>\n                            </div>\n                        </div>\n                    </wb-structure-config>\n                </div>\n            </div>\n            <div class=\"wb-timer-background__wrapGlobal\">\n                <div\n                    class=\"wb-timer-background__container\"\n                    *ngIf=\"contentBlock[FORM_NAME_IMAGE] && showTimer\"\n                    [style.background-image]=\"'url(' + contentBlock[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                >\n                    <div\n                        wbGetSizeImageDirective\n                        [urlToParse]=\"contentBlock[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n                        (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE, $event)\"\n                        *ngIf=\"contentBlock[FORM_NAME_IMAGE]\"\n                        (click)=\"getMedia()\"\n                        class=\"wb-timer-background__container__image\"\n                    ></div>\n                    <div>\n                        <wb-editorjs\n                            [(content)]=\"contentBlock[FORM_NAME_TITLE]\"\n                            (contentChange)=\"persist()\"\n                            [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                        >\n                        </wb-editorjs>\n                    </div>\n                    <div>\n                        <wb-editorjs\n                            [(content)]=\"contentBlock[FORM_NAME_CONTENT]\"\n                            (contentChange)=\"persist()\"\n                            [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                        >\n                        </wb-editorjs>\n                    </div>\n                    <div\n                        class=\"wb-timer-background__container__timer\"\n                        [style.border-color]=\"contentBlock[FORM_NAME_COLOR]\"\n                        [attr.data-timestamp]=\"contentBlock[FORM_NAME_DATE]\"\n                    >\n                        <ul>\n                            <li [style.color]=\"contentBlock[FORM_NAME_COLOR]\">\n                                <span class=\"days\">{{ days | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.47' | translate }}</span\n                                ><span></span>\n                                <span class=\"tiret\" [style.background-color]=\"contentBlock[FORM_NAME_COLOR]\"></span>\n                            </li>\n                            <li [style.color]=\"contentBlock[FORM_NAME_COLOR]\">\n                                <span class=\"hours\">{{ hours | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.48' | translate }}</span\n                                ><span></span>\n                                <span class=\"tiret\" [style.background-color]=\"contentBlock[FORM_NAME_COLOR]\"></span>\n                            </li>\n                            <li [style.color]=\"contentBlock[FORM_NAME_COLOR]\">\n                                <span class=\"minutes\">{{ minutes | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.49' | translate }}</span\n                                ><span></span>\n                                <span class=\"tiret\" [style.background-color]=\"contentBlock[FORM_NAME_COLOR]\"></span>\n                            </li>\n                            <li [style.color]=\"contentBlock[FORM_NAME_COLOR]\">\n                                <span class=\"seconds\">{{ seconds | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.50' | translate }}</span>\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n                <div class=\"wb-timer-background__noimages\" *ngIf=\"showTimer && !contentBlock[FORM_NAME_IMAGE]\" (click)=\"getMedia()\">\n                    <p>\n                        <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n                    </p>\n                </div>\n                <div class=\"wb-timer-background__nodate\" *ngIf=\"!showTimer && contents[BASE_BLOCK_CONTENT][FORM_NAME_FIRST_STEP]\">\n                    <div class=\"wb-timer-background__switch\">\n                        <span\n                            [ngClass]=\"{\n                                active: !isCalendar\n                            }\"\n                            >{{ 'wb.structures.template.44' | translate }}</span\n                        >\n                        <div class=\"control\">\n                            <input\n                                class=\"switch is-rounded is-info\"\n                                [attr.checked]=\"isCalendar ? 'checked' : null\"\n                                id=\"checkboxSwitchCalendar-{{ uuid }}\"\n                                type=\"checkbox\"\n                                (change)=\"switchMethodWithoutPersist()\"\n                            />\n                            <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar-{{ uuid }}\"> </label>\n                        </div>\n                        <span\n                            [ngClass]=\"{\n                                active: isCalendar\n                            }\"\n                            >{{ 'wb.structures.template.45' | translate }}</span\n                        >\n                    </div>\n                    <div class=\"wb-timer-background__calendar\" *ngIf=\"!isCalendar\">\n                        <p class=\"wb-timer-simple__calendar__text\">{{ 'wb.structures.template.46' | translate }}</p>\n                        <div class=\"wb-timer-background__calendar__wrapper\">\n                            <nwb-date-picker\n                                #datePicker1\n                                [options]=\"{\n                                    lang: translateService.currentLang,\n                                    showHeader: false,\n                                    displayMode: 'inline',\n                                    showFooter: false,\n                                    showButtons: false,\n                                    showTodayButton: false,\n                                    minDate: today,\n                                    showClearButton: false,\n                                    validateLabel: 'wb.structures.template.61' | translate,\n                                    closeOnSelect: false\n                                }\"\n                                (change)=\"valueChange($event)\"\n                            >\n                                <input style=\"display: none\" [value]=\"dateFor\" [nwbDatepickerStart]=\"datePicker1\" type=\"datetime-local\" />\n                            </nwb-date-picker>\n                        </div>\n                        <div class=\"wb-timer-background__valid wb-timer-background__valid--calendar\">\n                            <button class=\"button btn wb-timer-background__button\" (click)=\"validTimeForDate()\">\n                                {{ 'wb.structures.template.61' | translate }}\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"wb-timer-background__time\" *ngIf=\"isCalendar\">\n                        <p class=\"wb-timer-simple__calendar__text\">\n                            {{ 'wb.structures.template.60' | translate }}\n                        </p>\n                        <div class=\"wb-timer-background__time__wrapper\">\n                            <div class=\"wb-timer-background__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DAYS]\" />\n                            </div>\n                            <div class=\"wb-timer-background__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_HOURS]\" />\n                            </div>\n                            <div class=\"wb-timer-background__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_MINUTES]\" />\n                            </div>\n                            <div class=\"wb-timer-background__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDS]\" />\n                            </div>\n                        </div>\n                        <div class=\"wb-timer-background__time__text\">\n                            <p>{{ 'wb.structures.template.47' | translate }}</p>\n                            <p>{{ 'wb.structures.template.48' | translate }}</p>\n                            <p>{{ 'wb.structures.template.49' | translate }}</p>\n                            <p>{{ 'wb.structures.template.50' | translate }}</p>\n                        </div>\n                        <div class=\"wb-timer-background__valid\">\n                            <button class=\"button btn wb-timer-background__button\" (click)=\"validTimeForTimer()\">\n                                {{ 'wb.structures.template.51' | translate }}\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n"
+                    template: "<div class=\"wb-timer-background\">\n    <div class=\"columns\">\n        <div class=\"column\">\n            <div class=\"ovh ovh--decal\">\n                <div class=\"wb-timer-background__config\">\n                    <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" *ngIf=\"showTimer\">\n                        <div class=\"wb-timer-background__nodate wb-timer-background__nodate--edit\">\n                            <div class=\"wb-timer-background__switch\">\n                                <span\n                                    [ngClass]=\"{\n                                        active: !isCalendar\n                                    }\"\n                                    >{{ 'wb.structures.template.44' | translate }}</span\n                                >\n                                <div class=\"control\">\n                                    <div class=\"control\">\n                                        <input\n                                            class=\"switch is-rounded is-info\"\n                                            id=\"checkboxSwitchCalendar4-{{ uuid }}\"\n                                            type=\"checkbox\"\n                                            [attr.checked]=\"isCalendar ? 'checked' : null\"\n                                            (change)=\"switchMethod()\"\n                                        />\n                                        <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar4-{{ uuid }}\"> </label>\n                                    </div>\n                                    <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar4-{{ uuid }}\"> </label>\n                                </div>\n                                <span\n                                    [ngClass]=\"{\n                                        active: isCalendar\n                                    }\"\n                                    >{{ 'wb.structures.template.45' | translate }}</span\n                                >\n                            </div>\n                            <div class=\"wb-timer-background__calendar\" *ngIf=\"!isCalendar\">\n                                <p class=\"wb-timer-simple__calendar__text\">{{ 'wb.structures.template.46' | translate }}</p>\n                                <div class=\"wb-timer-background__calendar__wrapper\">\n                                    <nwb-date-picker\n                                        #datePicker1\n                                        [options]=\"{\n                                            lang: translateService.currentLang,\n                                            showHeader: false,\n                                            displayMode: 'inline',\n                                            showFooter: false,\n                                            showButtons: false,\n                                            showTodayButton: false,\n                                            minDate: today,\n                                            showClearButton: false,\n                                            validateLabel: 'wb.structures.template.61' | translate,\n                                            closeOnSelect: false\n                                        }\"\n                                        (change)=\"valueChangeLive($event)\"\n                                    >\n                                        <input\n                                            style=\"display: none\"\n                                            [value]=\"dateFor\"\n                                            [nwbDatepickerStart]=\"datePicker1\"\n                                            type=\"datetime-local\"\n                                        />\n                                    </nwb-date-picker>\n                                </div>\n                            </div>\n                            <div class=\"wb-timer-background__time\" *ngIf=\"isCalendar\">\n                                <p class=\"wb-timer-simple__calendar__text\">\n                                    {{ 'wb.structures.template.60' | translate }}\n                                </p>\n                                <div class=\"wb-timer-background__time__wrapper\">\n                                    <div class=\"wb-timer-background__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DAYS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-background__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_HOURS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-background__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_MINUTES]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-background__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                </div>\n                                <div class=\"wb-timer-background__time__text\">\n                                    <p>{{ 'wb.structures.template.47' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.48' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.49' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.50' | translate }}</p>\n                                </div>\n                            </div>\n                        </div>\n                    </wb-structure-config>\n                </div>\n            </div>\n            <div class=\"wb-timer-background__wrapGlobal\">\n                <div\n                    class=\"wb-timer-background__container\"\n                    *ngIf=\"contentBlock[FORM_NAME_IMAGE] && showTimer\"\n                    [style.background-image]=\"'url(' + contentBlock[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                >\n                    <div\n                        wbGetSizeImageDirective\n                        [urlToParse]=\"contentBlock[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n                        (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE, $event)\"\n                        *ngIf=\"contentBlock[FORM_NAME_IMAGE]\"\n                        (click)=\"getMedia()\"\n                        class=\"wb-timer-background__container__image\"\n                    ></div>\n                    <div>\n                        <wb-editorjs\n                            [(content)]=\"contentBlock[FORM_NAME_TITLE]\"\n                            (contentChange)=\"persist()\"\n                            [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                        >\n                        </wb-editorjs>\n                    </div>\n                    <div>\n                        <wb-editorjs\n                            [(content)]=\"contentBlock[FORM_NAME_CONTENT]\"\n                            (contentChange)=\"persist()\"\n                            [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                        >\n                        </wb-editorjs>\n                    </div>\n                    <div\n                        class=\"wb-timer-background__container__timer\"\n                        [style.border-color]=\"contentBlock[FORM_NAME_COLOR]\"\n                        [attr.data-timestamp]=\"contentBlock[FORM_NAME_DATE]\"\n                    >\n                        <ul>\n                            <li [style.color]=\"contentBlock[FORM_NAME_COLOR]\">\n                                <span class=\"days\">{{ days | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.47' | translate }}</span\n                                ><span></span>\n                                <span class=\"tiret\" [style.background-color]=\"contentBlock[FORM_NAME_COLOR]\"></span>\n                            </li>\n                            <li [style.color]=\"contentBlock[FORM_NAME_COLOR]\">\n                                <span class=\"hours\">{{ hours | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.48' | translate }}</span\n                                ><span></span>\n                                <span class=\"tiret\" [style.background-color]=\"contentBlock[FORM_NAME_COLOR]\"></span>\n                            </li>\n                            <li [style.color]=\"contentBlock[FORM_NAME_COLOR]\">\n                                <span class=\"minutes\">{{ minutes | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.49' | translate }}</span\n                                ><span></span>\n                                <span class=\"tiret\" [style.background-color]=\"contentBlock[FORM_NAME_COLOR]\"></span>\n                            </li>\n                            <li [style.color]=\"contentBlock[FORM_NAME_COLOR]\">\n                                <span class=\"seconds\">{{ seconds | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.50' | translate }}</span>\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n                <div class=\"wb-timer-background__noimages\" *ngIf=\"showTimer && !contentBlock[FORM_NAME_IMAGE]\" (click)=\"getMedia()\">\n                    <p>\n                        <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n                    </p>\n                </div>\n                <div class=\"wb-timer-background__nodate\" *ngIf=\"!showTimer && contents[BASE_BLOCK_CONTENT][FORM_NAME_FIRST_STEP]\">\n                    <div class=\"wb-timer-background__switch\">\n                        <span\n                            [ngClass]=\"{\n                                active: !isCalendar\n                            }\"\n                            >{{ 'wb.structures.template.44' | translate }}</span\n                        >\n                        <div class=\"control\">\n                            <input\n                                class=\"switch is-rounded is-info\"\n                                [attr.checked]=\"isCalendar ? 'checked' : null\"\n                                id=\"checkboxSwitchCalendar-{{ uuid }}\"\n                                type=\"checkbox\"\n                                (change)=\"switchMethodWithoutPersist()\"\n                            />\n                            <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar-{{ uuid }}\"> </label>\n                        </div>\n                        <span\n                            [ngClass]=\"{\n                                active: isCalendar\n                            }\"\n                            >{{ 'wb.structures.template.45' | translate }}</span\n                        >\n                    </div>\n                    <div class=\"wb-timer-background__calendar\" *ngIf=\"!isCalendar\">\n                        <p class=\"wb-timer-simple__calendar__text\">{{ 'wb.structures.template.46' | translate }}</p>\n                        <div class=\"wb-timer-background__calendar__wrapper\">\n                            <nwb-date-picker\n                                #datePicker1\n                                [options]=\"{\n                                    lang: translateService.currentLang,\n                                    showHeader: false,\n                                    displayMode: 'inline',\n                                    showFooter: false,\n                                    showButtons: false,\n                                    showTodayButton: false,\n                                    minDate: today,\n                                    showClearButton: false,\n                                    validateLabel: 'wb.structures.template.61' | translate,\n                                    closeOnSelect: false\n                                }\"\n                                (change)=\"valueChange($event)\"\n                            >\n                                <input style=\"display: none\" [value]=\"dateFor\" [nwbDatepickerStart]=\"datePicker1\" type=\"datetime-local\" />\n                            </nwb-date-picker>\n                        </div>\n                        <div class=\"wb-timer-background__valid wb-timer-background__valid--calendar\">\n                            <button class=\"button btn wb-timer-background__button\" (click)=\"validTimeForDate()\">\n                                {{ 'wb.structures.template.61' | translate }}\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"wb-timer-background__time\" *ngIf=\"isCalendar\">\n                        <p class=\"wb-timer-simple__calendar__text\">\n                            {{ 'wb.structures.template.60' | translate }}\n                        </p>\n                        <div class=\"wb-timer-background__time__wrapper\">\n                            <div class=\"wb-timer-background__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DAYS]\" />\n                            </div>\n                            <div class=\"wb-timer-background__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_HOURS]\" />\n                            </div>\n                            <div class=\"wb-timer-background__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_MINUTES]\" />\n                            </div>\n                            <div class=\"wb-timer-background__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDS]\" />\n                            </div>\n                        </div>\n                        <div class=\"wb-timer-background__time__text\">\n                            <p>{{ 'wb.structures.template.47' | translate }}</p>\n                            <p>{{ 'wb.structures.template.48' | translate }}</p>\n                            <p>{{ 'wb.structures.template.49' | translate }}</p>\n                            <p>{{ 'wb.structures.template.50' | translate }}</p>\n                        </div>\n                        <div class=\"wb-timer-background__valid\">\n                            <button class=\"button btn wb-timer-background__button\" (click)=\"validTimeForTimer()\">\n                                {{ 'wb.structures.template.51' | translate }}\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n"
                 },] }
     ];
     TimerBackgroundComponent.ctorParameters = function () { return [
@@ -30070,7 +30347,7 @@
     TimerClockComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: TimerClockService.selector(),
-                    template: "<div class=\"wb-timer-clock\">\n    <div class=\"columns\">\n        <div class=\"column\">\n            <div class=\"ovh\">\n                <div class=\"wb-timer-clock__config\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE] && showTimer\">\n                    <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" *ngIf=\"showTimer\">\n                        <div class=\"wb-timer-clock__nodate\">\n                            <div class=\"wb-timer-clock__switch\">\n                                <span\n                                    [ngClass]=\"{\n                                        active: !isCalendar\n                                    }\"\n                                    >{{ 'wb.structures.template.44' | translate }}</span\n                                >\n                                <div class=\"control\">\n                                    <div class=\"control\">\n                                        <input\n                                            class=\"switch is-rounded is-info\"\n                                            id=\"checkboxSwitchCalendar3-{{ uuid }}\"\n                                            type=\"checkbox\"\n                                            [attr.checked]=\"isCalendar ? 'checked' : null\"\n                                            (change)=\"switchMethod()\"\n                                        />\n                                        <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar3-{{ uuid }}\"> </label>\n                                    </div>\n                                    <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar3-{{ uuid }}\"> </label>\n                                </div>\n                                <span\n                                    [ngClass]=\"{\n                                        active: isCalendar\n                                    }\"\n                                    >{{ 'wb.structures.template.45' | translate }}</span\n                                >\n                            </div>\n                            <div class=\"wb-timer-clock__calendar\" *ngIf=\"!isCalendar\">\n                                <p class=\"wb-timer-simple__calendar__text\">{{ 'wb.structures.template.46' | translate }}</p>\n                                <div class=\"wb-timer-clock__calendar__wrapper\">\n                                    <nwb-date-picker\n                                        #datePicker1\n                                        [options]=\"{\n                                            lang: translateService.currentLang,\n                                            showHeader: false,\n                                            displayMode: 'inline',\n                                            showFooter: false,\n                                            showButtons: false,\n                                            showTodayButton: false,\n                                            minDate: today,\n                                            showClearButton: false,\n                                            validateLabel: 'wb.structures.template.61' | translate,\n                                            closeOnSelect: false\n                                        }\"\n                                        (change)=\"valueChangeLive($event)\"\n                                    >\n                                        <input\n                                            style=\"display: none\"\n                                            [value]=\"dateFor\"\n                                            [nwbDatepickerStart]=\"datePicker1\"\n                                            type=\"datetime-local\"\n                                        />\n                                    </nwb-date-picker>\n                                </div>\n                            </div>\n                            <div class=\"wb-timer-clock__time\" *ngIf=\"isCalendar\">\n                                <p class=\"wb-timer-simple__calendar__text\">\n                                    {{ 'wb.structures.template.60' | translate }}\n                                </p>\n                                <div class=\"wb-timer-clock__time__wrapper\">\n                                    <div class=\"wb-timer-clock__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DAYS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-clock__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_HOURS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-clock__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_MINUTES]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-clock__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                </div>\n                                <div class=\"wb-timer-clock__time__text\">\n                                    <p>{{ 'wb.structures.template.47' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.48' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.49' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.50' | translate }}</p>\n                                </div>\n                            </div>\n                        </div>\n                    </wb-structure-config>\n                </div>\n            </div>\n            <div class=\"wb-timer-clock__wrapGlobal\">\n                <div\n                    wbPicturesTemplateDirective\n                    [dimensions]=\"'1880x638'\"\n                    class=\"wb-timer-clock__noimages\"\n                    *ngIf=\"showTimer && !contentBlock[FORM_NAME_IMAGE]\"\n                    (click)=\"getMedia()\"\n                ></div>\n                <div\n                    class=\"wb-timer-clock__container\"\n                    *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE] && showTimer\"\n                    [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                >\n                    <div\n                        wbGetSizeImageDirective\n                        [dimensions]=\"'1880x638'\"\n                        [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n                        (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE, $event)\"\n                        [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                        *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n                        (click)=\"getMedia()\"\n                        class=\"wb-timer-clock__container__image\"\n                    ></div>\n                    <div\n                        class=\"wb-timer-clock__container__timer\"\n                        [style.border-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"\n                        [attr.data-timestamp]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DATE]\"\n                    >\n                        <ul>\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <span class=\"days\">{{ days | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.47' | translate }}</span\n                                ><span></span>\n                                <span class=\"tiret\" [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"></span>\n                            </li>\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <span class=\"hours\">{{ hours | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.48' | translate }}</span\n                                ><span></span>\n                                <span class=\"tiret\" [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"></span>\n                            </li>\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <span class=\"minutes\">{{ minutes | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.49' | translate }}</span\n                                ><span></span>\n                                <span class=\"tiret\" [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"></span>\n                            </li>\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <span class=\"seconds\">{{ seconds | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.50' | translate }}</span>\n                            </li>\n                        </ul>\n                    </div>\n                    <div class=\"clock\" [attr.data-second]=\"seconds\">\n                        <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span>\n                        <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span>\n                        <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span>\n                        <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span>\n                        <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span>\n                        <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span>\n                        <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span>\n                        <span></span> <span></span> <span></span> <span></span>\n                    </div>\n                </div>\n                <div class=\"wb-timer-clock__nodate\" *ngIf=\"!showTimer && contents[BASE_BLOCK_CONTENT][FORM_NAME_FIRST_STEP]\">\n                    <div class=\"wb-timer-clock__switch\">\n                        <span\n                            [ngClass]=\"{\n                                active: !isCalendar\n                            }\"\n                            >{{ 'wb.structures.template.44' | translate }}</span\n                        >\n                        <div class=\"control\">\n                            <input\n                                class=\"switch is-rounded is-info\"\n                                [attr.checked]=\"isCalendar ? 'checked' : null\"\n                                id=\"checkboxSwitchCalendar-{{ uuid }}\"\n                                type=\"checkbox\"\n                                (change)=\"switchMethodWithoutPersist()\"\n                            />\n                            <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar-{{ uuid }}\"> </label>\n                        </div>\n                        <span\n                            [ngClass]=\"{\n                                active: isCalendar\n                            }\"\n                            >{{ 'wb.structures.template.45' | translate }}</span\n                        >\n                    </div>\n                    <div class=\"wb-timer-clock__calendar\" *ngIf=\"!isCalendar\">\n                        <p class=\"wb-timer-simple__calendar__text\">{{ 'wb.structures.template.46' | translate }}</p>\n                        <div class=\"wb-timer-clock__calendar__wrapper\">\n                            <nwb-date-picker\n                                #datePicker1\n                                [options]=\"{\n                                    lang: translateService.currentLang,\n                                    showHeader: false,\n                                    displayMode: 'inline',\n                                    showFooter: false,\n                                    showButtons: false,\n                                    showTodayButton: false,\n                                    minDate: today,\n                                    showClearButton: false,\n                                    validateLabel: 'wb.structures.template.61' | translate,\n                                    closeOnSelect: false\n                                }\"\n                                (change)=\"valueChange($event)\"\n                            >\n                                <input style=\"display: none\" [value]=\"dateFor\" [nwbDatepickerStart]=\"datePicker1\" type=\"datetime-local\" />\n                            </nwb-date-picker>\n                        </div>\n                        <div class=\"wb-timer-clock__valid wb-timer-clock__valid--calendar\">\n                            <button class=\"button btn wb-timer-clock__button\" (click)=\"validTimeForDate()\">\n                                {{ 'wb.structures.template.51' | translate }}\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"wb-timer-clock__time\" *ngIf=\"isCalendar\">\n                        <p class=\"wb-timer-simple__calendar__text\">\n                            {{ 'wb.structures.template.60' | translate }}\n                        </p>\n                        <div class=\"wb-timer-clock__time__wrapper\">\n                            <div class=\"wb-timer-clock__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DAYS]\" />\n                            </div>\n                            <div class=\"wb-timer-clock__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_HOURS]\" />\n                            </div>\n                            <div class=\"wb-timer-clock__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_MINUTES]\" />\n                            </div>\n                            <div class=\"wb-timer-clock__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDS]\" />\n                            </div>\n                        </div>\n                        <div class=\"wb-timer-clock__time__text\">\n                            <p>{{ 'wb.structures.template.47' | translate }}</p>\n                            <p>{{ 'wb.structures.template.48' | translate }}</p>\n                            <p>{{ 'wb.structures.template.49' | translate }}</p>\n                            <p>{{ 'wb.structures.template.50' | translate }}</p>\n                        </div>\n                        <div class=\"wb-timer-clock__valid\">\n                            <button class=\"button btn wb-timer-clock__button\" (click)=\"validTimeForTimer()\">\n                                {{ 'wb.structures.template.51' | translate }}\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n"
+                    template: "<div class=\"wb-timer-clock\">\n    <div class=\"columns\">\n        <div class=\"column\">\n            <div class=\"ovh\">\n                <div class=\"wb-timer-clock__config\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE] && showTimer\">\n                    <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" *ngIf=\"showTimer\">\n                        <div class=\"wb-timer-clock__nodate wb-timer-clock__nodate--edit\">\n                            <div class=\"wb-timer-clock__switch\">\n                                <span\n                                    [ngClass]=\"{\n                                        active: !isCalendar\n                                    }\"\n                                    >{{ 'wb.structures.template.44' | translate }}</span\n                                >\n                                <div class=\"control\">\n                                    <div class=\"control\">\n                                        <input\n                                            class=\"switch is-rounded is-info\"\n                                            id=\"checkboxSwitchCalendar3-{{ uuid }}\"\n                                            type=\"checkbox\"\n                                            [attr.checked]=\"isCalendar ? 'checked' : null\"\n                                            (change)=\"switchMethod()\"\n                                        />\n                                        <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar3-{{ uuid }}\"> </label>\n                                    </div>\n                                    <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar3-{{ uuid }}\"> </label>\n                                </div>\n                                <span\n                                    [ngClass]=\"{\n                                        active: isCalendar\n                                    }\"\n                                    >{{ 'wb.structures.template.45' | translate }}</span\n                                >\n                            </div>\n                            <div class=\"wb-timer-clock__calendar\" *ngIf=\"!isCalendar\">\n                                <p class=\"wb-timer-simple__calendar__text\">{{ 'wb.structures.template.46' | translate }}</p>\n                                <div class=\"wb-timer-clock__calendar__wrapper\">\n                                    <nwb-date-picker\n                                        #datePicker1\n                                        [options]=\"{\n                                            lang: translateService.currentLang,\n                                            showHeader: false,\n                                            displayMode: 'inline',\n                                            showFooter: false,\n                                            showButtons: false,\n                                            showTodayButton: false,\n                                            minDate: today,\n                                            showClearButton: false,\n                                            validateLabel: 'wb.structures.template.61' | translate,\n                                            closeOnSelect: false\n                                        }\"\n                                        (change)=\"valueChangeLive($event)\"\n                                    >\n                                        <input\n                                            style=\"display: none\"\n                                            [value]=\"dateFor\"\n                                            [nwbDatepickerStart]=\"datePicker1\"\n                                            type=\"datetime-local\"\n                                        />\n                                    </nwb-date-picker>\n                                </div>\n                            </div>\n                            <div class=\"wb-timer-clock__time\" *ngIf=\"isCalendar\">\n                                <p class=\"wb-timer-simple__calendar__text\">\n                                    {{ 'wb.structures.template.60' | translate }}\n                                </p>\n                                <div class=\"wb-timer-clock__time__wrapper\">\n                                    <div class=\"wb-timer-clock__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DAYS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-clock__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_HOURS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-clock__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_MINUTES]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-clock__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                </div>\n                                <div class=\"wb-timer-clock__time__text\">\n                                    <p>{{ 'wb.structures.template.47' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.48' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.49' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.50' | translate }}</p>\n                                </div>\n                            </div>\n                        </div>\n                    </wb-structure-config>\n                </div>\n            </div>\n            <div class=\"wb-timer-clock__wrapGlobal\">\n                <div\n                    wbPicturesTemplateDirective\n                    [dimensions]=\"'1880x638'\"\n                    class=\"wb-timer-clock__noimages\"\n                    *ngIf=\"showTimer && !contentBlock[FORM_NAME_IMAGE]\"\n                    (click)=\"getMedia()\"\n                ></div>\n                <div\n                    class=\"wb-timer-clock__container\"\n                    *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE] && showTimer\"\n                    [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                >\n                    <div\n                        wbGetSizeImageDirective\n                        [dimensions]=\"'1880x638'\"\n                        [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n                        (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE, $event)\"\n                        [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                        *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n                        (click)=\"getMedia()\"\n                        class=\"wb-timer-clock__container__image\"\n                    ></div>\n                    <div\n                        class=\"wb-timer-clock__container__timer\"\n                        [style.border-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"\n                        [attr.data-timestamp]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DATE]\"\n                    >\n                        <ul>\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <span class=\"days\">{{ days | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.47' | translate }}</span\n                                ><span></span>\n                                <span class=\"tiret\" [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"></span>\n                            </li>\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <span class=\"hours\">{{ hours | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.48' | translate }}</span\n                                ><span></span>\n                                <span class=\"tiret\" [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"></span>\n                            </li>\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <span class=\"minutes\">{{ minutes | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.49' | translate }}</span\n                                ><span></span>\n                                <span class=\"tiret\" [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"></span>\n                            </li>\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <span class=\"seconds\">{{ seconds | addZeroForTimer }}</span\n                                ><span>{{ 'wb.structures.template.50' | translate }}</span>\n                            </li>\n                        </ul>\n                    </div>\n                    <div class=\"clock\" [attr.data-second]=\"seconds\">\n                        <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span>\n                        <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span>\n                        <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span>\n                        <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span>\n                        <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span>\n                        <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span>\n                        <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span> <span></span>\n                        <span></span> <span></span> <span></span> <span></span>\n                    </div>\n                </div>\n                <div class=\"wb-timer-clock__nodate\" *ngIf=\"!showTimer && contents[BASE_BLOCK_CONTENT][FORM_NAME_FIRST_STEP]\">\n                    <div class=\"wb-timer-clock__switch\">\n                        <span\n                            [ngClass]=\"{\n                                active: !isCalendar\n                            }\"\n                            >{{ 'wb.structures.template.44' | translate }}</span\n                        >\n                        <div class=\"control\">\n                            <input\n                                class=\"switch is-rounded is-info\"\n                                [attr.checked]=\"isCalendar ? 'checked' : null\"\n                                id=\"checkboxSwitchCalendar-{{ uuid }}\"\n                                type=\"checkbox\"\n                                (change)=\"switchMethodWithoutPersist()\"\n                            />\n                            <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar-{{ uuid }}\"> </label>\n                        </div>\n                        <span\n                            [ngClass]=\"{\n                                active: isCalendar\n                            }\"\n                            >{{ 'wb.structures.template.45' | translate }}</span\n                        >\n                    </div>\n                    <div class=\"wb-timer-clock__calendar\" *ngIf=\"!isCalendar\">\n                        <p class=\"wb-timer-simple__calendar__text\">{{ 'wb.structures.template.46' | translate }}</p>\n                        <div class=\"wb-timer-clock__calendar__wrapper\">\n                            <nwb-date-picker\n                                #datePicker1\n                                [options]=\"{\n                                    lang: translateService.currentLang,\n                                    showHeader: false,\n                                    displayMode: 'inline',\n                                    showFooter: false,\n                                    showButtons: false,\n                                    showTodayButton: false,\n                                    minDate: today,\n                                    showClearButton: false,\n                                    validateLabel: 'wb.structures.template.61' | translate,\n                                    closeOnSelect: false\n                                }\"\n                                (change)=\"valueChange($event)\"\n                            >\n                                <input style=\"display: none\" [value]=\"dateFor\" [nwbDatepickerStart]=\"datePicker1\" type=\"datetime-local\" />\n                            </nwb-date-picker>\n                        </div>\n                        <div class=\"wb-timer-clock__valid wb-timer-clock__valid--calendar\">\n                            <button class=\"button btn wb-timer-clock__button\" (click)=\"validTimeForDate()\">\n                                {{ 'wb.structures.template.51' | translate }}\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"wb-timer-clock__time\" *ngIf=\"isCalendar\">\n                        <p class=\"wb-timer-simple__calendar__text\">\n                            {{ 'wb.structures.template.60' | translate }}\n                        </p>\n                        <div class=\"wb-timer-clock__time__wrapper\">\n                            <div class=\"wb-timer-clock__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DAYS]\" />\n                            </div>\n                            <div class=\"wb-timer-clock__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_HOURS]\" />\n                            </div>\n                            <div class=\"wb-timer-clock__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_MINUTES]\" />\n                            </div>\n                            <div class=\"wb-timer-clock__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDS]\" />\n                            </div>\n                        </div>\n                        <div class=\"wb-timer-clock__time__text\">\n                            <p>{{ 'wb.structures.template.47' | translate }}</p>\n                            <p>{{ 'wb.structures.template.48' | translate }}</p>\n                            <p>{{ 'wb.structures.template.49' | translate }}</p>\n                            <p>{{ 'wb.structures.template.50' | translate }}</p>\n                        </div>\n                        <div class=\"wb-timer-clock__valid\">\n                            <button class=\"button btn wb-timer-clock__button\" (click)=\"validTimeForTimer()\">\n                                {{ 'wb.structures.template.51' | translate }}\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n"
                 },] }
     ];
     TimerClockComponent.ctorParameters = function () { return [
@@ -30237,7 +30514,7 @@
     TimerAirportComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: TimerAirportService.selector(),
-                    template: "<div class=\"wb-timer-airport\">\n    <div class=\"columns\">\n        <div class=\"column\">\n            <div class=\"ovh\">\n                <div class=\"wb-timer-airport__config\">\n                    <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" *ngIf=\"showTimer\">\n                        <div class=\"wb-timer-airport__nodate\">\n                            <div class=\"wb-timer-airport__switch\">\n                                <span\n                                    [ngClass]=\"{\n                                        active: !isCalendar\n                                    }\"\n                                    >{{ 'wb.structures.template.44' | translate }}</span\n                                >\n                                <div class=\"control\">\n                                    <div class=\"control\">\n                                        <input\n                                            class=\"switch is-rounded is-info\"\n                                            id=\"checkboxSwitchCalendar5-{{ uuid }}\"\n                                            type=\"checkbox\"\n                                            [attr.checked]=\"isCalendar ? 'checked' : null\"\n                                            (change)=\"switchMethod()\"\n                                        />\n                                        <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar5-{{ uuid }}\"> </label>\n                                    </div>\n                                    <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar5-{{ uuid }}\"> </label>\n                                </div>\n                                <span\n                                    [ngClass]=\"{\n                                        active: isCalendar\n                                    }\"\n                                    >{{ 'wb.structures.template.45' | translate }}</span\n                                >\n                            </div>\n                            <div class=\"wb-timer-airport__calendar\" *ngIf=\"!isCalendar\">\n                                <p class=\"wb-timer-simple__calendar__text\">{{ 'wb.structures.template.46' | translate }}</p>\n                                <div class=\"wb-timer-airport__calendar__wrapper\">\n                                    <nwb-date-picker\n                                        #datePicker1\n                                        [options]=\"{\n                                            lang: translateService.currentLang,\n                                            showHeader: false,\n                                            displayMode: 'inline',\n                                            showFooter: false,\n                                            showButtons: false,\n                                            showTodayButton: false,\n                                            minDate: today,\n                                            showClearButton: false,\n                                            validateLabel: 'wb.structures.template.61' | translate,\n                                            closeOnSelect: false\n                                        }\"\n                                        (change)=\"valueChangeLive($event)\"\n                                    >\n                                        <input\n                                            style=\"display: none\"\n                                            [value]=\"dateFor\"\n                                            [nwbDatepickerStart]=\"datePicker1\"\n                                            type=\"datetime-local\"\n                                        />\n                                    </nwb-date-picker>\n                                </div>\n                            </div>\n                            <div class=\"wb-timer-airport__time\" *ngIf=\"isCalendar\">\n                                <p class=\"wb-timer-simple__calendar__text\">\n                                    {{ 'wb.structures.template.60' | translate }}\n                                </p>\n                                <div class=\"wb-timer-airport__time__wrapper\">\n                                    <div class=\"wb-timer-airport__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DAYS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-airport__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_HOURS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-airport__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_MINUTES]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-airport__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                </div>\n                                <div class=\"wb-timer-airport__time__text\">\n                                    <p>{{ 'wb.structures.template.47' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.48' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.49' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.50' | translate }}</p>\n                                </div>\n                            </div>\n                        </div>\n                    </wb-structure-config>\n                </div>\n            </div>\n            <div class=\"wb-timer-airport__wrapGlobal\">\n                <div\n                    class=\"wb-timer-airport__container\"\n                    *ngIf=\"showTimer\"\n                    [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BACKGROUND_COLOR]\"\n                >\n                    <div class=\"wb-timer-airport__container__timer\" [attr.data-timestamp]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DATE]\">\n                        <div>\n                            <wb-editorjs\n                                [(content)]=\"contentBlock[FORM_NAME_TITLE]\"\n                                (contentChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wb-editorjs>\n                        </div>\n                        <div>\n                            <wb-editorjs\n                                [(content)]=\"contentBlock[FORM_NAME_CONTENT]\"\n                                (contentChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wb-editorjs>\n                        </div>\n                        <ul *ngIf=\"!timerEnd\">\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <div class=\"days\">\n                                    <span>{{ daysFirst }}</span\n                                    ><span>{{ daysSecond }}</span>\n                                </div>\n                                <span class=\"text\">{{ 'wb.structures.template.47' | translate }}</span\n                                ><span></span>\n                            </li>\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <div class=\"hours\">\n                                    <span>{{ hoursFirst }}</span\n                                    ><span>{{ hoursSecond }}</span>\n                                </div>\n                                <span class=\"text\">{{ 'wb.structures.template.48' | translate }}</span\n                                ><span></span>\n                            </li>\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <div class=\"minutes\">\n                                    <span>{{ minutesFirst }}</span\n                                    ><span>{{ minutesSecond }}</span>\n                                </div>\n                                <span class=\"text\">{{ 'wb.structures.template.49' | translate }}</span\n                                ><span></span>\n                            </li>\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <div class=\"seconds\">\n                                    <span>{{ secondsFirst }}</span\n                                    ><span>{{ secondsSecond }}</span>\n                                </div>\n                                <span class=\"text\">{{ 'wb.structures.template.50' | translate }}</span>\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n                <div class=\"wb-timer-airport__nodate\" *ngIf=\"!showTimer && contents[BASE_BLOCK_CONTENT][FORM_NAME_FIRST_STEP]\">\n                    <div class=\"wb-timer-airport__switch\">\n                        <span\n                            [ngClass]=\"{\n                                active: !isCalendar\n                            }\"\n                            >{{ 'wb.structures.template.44' | translate }}</span\n                        >\n                        <div class=\"control\">\n                            <input\n                                class=\"switch is-rounded is-info\"\n                                [attr.checked]=\"isCalendar ? 'checked' : null\"\n                                id=\"checkboxSwitchCalendar-{{ uuid }}\"\n                                type=\"checkbox\"\n                                (change)=\"switchMethodWithoutPersist()\"\n                            />\n                            <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar-{{ uuid }}\"> </label>\n                        </div>\n                        <span\n                            [ngClass]=\"{\n                                active: isCalendar\n                            }\"\n                            >{{ 'wb.structures.template.45' | translate }}</span\n                        >\n                    </div>\n                    <div class=\"wb-timer-airport__calendar\" *ngIf=\"!isCalendar\">\n                        <p class=\"wb-timer-simple__calendar__text\">{{ 'wb.structures.template.46' | translate }}</p>\n                        <div class=\"wb-timer-airport__calendar__wrapper\">\n                            <nwb-date-picker\n                                #datePicker1\n                                [options]=\"{\n                                    lang: translateService.currentLang,\n                                    showHeader: false,\n                                    displayMode: 'inline',\n                                    showFooter: false,\n                                    showButtons: false,\n                                    showTodayButton: false,\n                                    minDate: today,\n                                    showClearButton: false,\n                                    validateLabel: 'wb.structures.template.61' | translate,\n                                    closeOnSelect: false\n                                }\"\n                                (change)=\"valueChange($event)\"\n                            >\n                                <input style=\"display: none\" [value]=\"dateFor\" [nwbDatepickerStart]=\"datePicker1\" type=\"datetime-local\" />\n                            </nwb-date-picker>\n                        </div>\n                        <div class=\"wb-timer-airport__valid wb-timer-airport__valid--calendar\">\n                            <button class=\"button btn wb-timer-airport__button\" (click)=\"validTimeForDate()\">\n                                {{ 'wb.structures.template.61' | translate }}\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"wb-timer-airport__time\" *ngIf=\"isCalendar\">\n                        <p class=\"wb-timer-simple__calendar__text\">\n                            {{ 'wb.structures.template.60' | translate }}\n                        </p>\n                        <div class=\"wb-timer-airport__time__wrapper\">\n                            <div class=\"wb-timer-airport__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DAYS]\" />\n                            </div>\n                            <div class=\"wb-timer-airport__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_HOURS]\" />\n                            </div>\n                            <div class=\"wb-timer-airport__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_MINUTES]\" />\n                            </div>\n                            <div class=\"wb-timer-airport__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDS]\" />\n                            </div>\n                        </div>\n                        <div class=\"wb-timer-airport__time__text\">\n                            <p>{{ 'wb.structures.template.47' | translate }}</p>\n                            <p>{{ 'wb.structures.template.48' | translate }}</p>\n                            <p>{{ 'wb.structures.template.49' | translate }}</p>\n                            <p>{{ 'wb.structures.template.50' | translate }}</p>\n                        </div>\n                        <div class=\"wb-timer-airport__valid\">\n                            <button class=\"button btn wb-timer-airport__button\" (click)=\"validTimeForTimer()\">\n                                {{ 'wb.structures.template.51' | translate }}\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n"
+                    template: "<div class=\"wb-timer-airport\">\n    <div class=\"columns\">\n        <div class=\"column\">\n            <div class=\"ovh\">\n                <div class=\"wb-timer-airport__config\">\n                    <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" *ngIf=\"showTimer\">\n                        <div class=\"wb-timer-airport__nodate wb-timer-airport__nodate--edit\">\n                            <div class=\"wb-timer-airport__switch\">\n                                <span\n                                    [ngClass]=\"{\n                                        active: !isCalendar\n                                    }\"\n                                    >{{ 'wb.structures.template.44' | translate }}</span\n                                >\n                                <div class=\"control\">\n                                    <div class=\"control\">\n                                        <input\n                                            class=\"switch is-rounded is-info\"\n                                            id=\"checkboxSwitchCalendar5-{{ uuid }}\"\n                                            type=\"checkbox\"\n                                            [attr.checked]=\"isCalendar ? 'checked' : null\"\n                                            (change)=\"switchMethod()\"\n                                        />\n                                        <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar5-{{ uuid }}\"> </label>\n                                    </div>\n                                    <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar5-{{ uuid }}\"> </label>\n                                </div>\n                                <span\n                                    [ngClass]=\"{\n                                        active: isCalendar\n                                    }\"\n                                    >{{ 'wb.structures.template.45' | translate }}</span\n                                >\n                            </div>\n                            <div class=\"wb-timer-airport__calendar\" *ngIf=\"!isCalendar\">\n                                <p class=\"wb-timer-simple__calendar__text\">{{ 'wb.structures.template.46' | translate }}</p>\n                                <div class=\"wb-timer-airport__calendar__wrapper\">\n                                    <nwb-date-picker\n                                        #datePicker1\n                                        [options]=\"{\n                                            lang: translateService.currentLang,\n                                            showHeader: false,\n                                            displayMode: 'inline',\n                                            showFooter: false,\n                                            showButtons: false,\n                                            showTodayButton: false,\n                                            minDate: today,\n                                            showClearButton: false,\n                                            validateLabel: 'wb.structures.template.61' | translate,\n                                            closeOnSelect: false\n                                        }\"\n                                        (change)=\"valueChangeLive($event)\"\n                                    >\n                                        <input\n                                            style=\"display: none\"\n                                            [value]=\"dateFor\"\n                                            [nwbDatepickerStart]=\"datePicker1\"\n                                            type=\"datetime-local\"\n                                        />\n                                    </nwb-date-picker>\n                                </div>\n                            </div>\n                            <div class=\"wb-timer-airport__time\" *ngIf=\"isCalendar\">\n                                <p class=\"wb-timer-simple__calendar__text\">\n                                    {{ 'wb.structures.template.60' | translate }}\n                                </p>\n                                <div class=\"wb-timer-airport__time__wrapper\">\n                                    <div class=\"wb-timer-airport__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DAYS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-airport__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_HOURS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-airport__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_MINUTES]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                    <div class=\"wb-timer-airport__time__input\">\n                                        <input\n                                            type=\"number\"\n                                            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDS]\"\n                                            (change)=\"changeTimeForTimer()\"\n                                        />\n                                    </div>\n                                </div>\n                                <div class=\"wb-timer-airport__time__text\">\n                                    <p>{{ 'wb.structures.template.47' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.48' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.49' | translate }}</p>\n                                    <p>{{ 'wb.structures.template.50' | translate }}</p>\n                                </div>\n                            </div>\n                        </div>\n                    </wb-structure-config>\n                </div>\n            </div>\n            <div class=\"wb-timer-airport__wrapGlobal\">\n                <div\n                    class=\"wb-timer-airport__container\"\n                    *ngIf=\"showTimer\"\n                    [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BACKGROUND_COLOR]\"\n                >\n                    <div class=\"wb-timer-airport__container__timer\" [attr.data-timestamp]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DATE]\">\n                        <div>\n                            <wb-editorjs\n                                [(content)]=\"contentBlock[FORM_NAME_TITLE]\"\n                                (contentChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wb-editorjs>\n                        </div>\n                        <div>\n                            <wb-editorjs\n                                [(content)]=\"contentBlock[FORM_NAME_CONTENT]\"\n                                (contentChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wb-editorjs>\n                        </div>\n                        <ul *ngIf=\"!timerEnd\">\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <div class=\"days\">\n                                    <span>{{ daysFirst }}</span\n                                    ><span>{{ daysSecond }}</span>\n                                </div>\n                                <span class=\"text\">{{ 'wb.structures.template.47' | translate }}</span\n                                ><span></span>\n                            </li>\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <div class=\"hours\">\n                                    <span>{{ hoursFirst }}</span\n                                    ><span>{{ hoursSecond }}</span>\n                                </div>\n                                <span class=\"text\">{{ 'wb.structures.template.48' | translate }}</span\n                                ><span></span>\n                            </li>\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <div class=\"minutes\">\n                                    <span>{{ minutesFirst }}</span\n                                    ><span>{{ minutesSecond }}</span>\n                                </div>\n                                <span class=\"text\">{{ 'wb.structures.template.49' | translate }}</span\n                                ><span></span>\n                            </li>\n                            <li [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n                                <div class=\"seconds\">\n                                    <span>{{ secondsFirst }}</span\n                                    ><span>{{ secondsSecond }}</span>\n                                </div>\n                                <span class=\"text\">{{ 'wb.structures.template.50' | translate }}</span>\n                            </li>\n                        </ul>\n                    </div>\n                </div>\n                <div class=\"wb-timer-airport__nodate\" *ngIf=\"!showTimer && contents[BASE_BLOCK_CONTENT][FORM_NAME_FIRST_STEP]\">\n                    <div class=\"wb-timer-airport__switch\">\n                        <span\n                            [ngClass]=\"{\n                                active: !isCalendar\n                            }\"\n                            >{{ 'wb.structures.template.44' | translate }}</span\n                        >\n                        <div class=\"control\">\n                            <input\n                                class=\"switch is-rounded is-info\"\n                                [attr.checked]=\"isCalendar ? 'checked' : null\"\n                                id=\"checkboxSwitchCalendar-{{ uuid }}\"\n                                type=\"checkbox\"\n                                (change)=\"switchMethodWithoutPersist()\"\n                            />\n                            <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar-{{ uuid }}\"> </label>\n                        </div>\n                        <span\n                            [ngClass]=\"{\n                                active: isCalendar\n                            }\"\n                            >{{ 'wb.structures.template.45' | translate }}</span\n                        >\n                    </div>\n                    <div class=\"wb-timer-airport__calendar\" *ngIf=\"!isCalendar\">\n                        <p class=\"wb-timer-simple__calendar__text\">{{ 'wb.structures.template.46' | translate }}</p>\n                        <div class=\"wb-timer-airport__calendar__wrapper\">\n                            <nwb-date-picker\n                                #datePicker1\n                                [options]=\"{\n                                    lang: translateService.currentLang,\n                                    showHeader: false,\n                                    displayMode: 'inline',\n                                    showFooter: false,\n                                    showButtons: false,\n                                    showTodayButton: false,\n                                    minDate: today,\n                                    showClearButton: false,\n                                    validateLabel: 'wb.structures.template.61' | translate,\n                                    closeOnSelect: false\n                                }\"\n                                (change)=\"valueChange($event)\"\n                            >\n                                <input style=\"display: none\" [value]=\"dateFor\" [nwbDatepickerStart]=\"datePicker1\" type=\"datetime-local\" />\n                            </nwb-date-picker>\n                        </div>\n                        <div class=\"wb-timer-airport__valid wb-timer-airport__valid--calendar\">\n                            <button class=\"button btn wb-timer-airport__button\" (click)=\"validTimeForDate()\">\n                                {{ 'wb.structures.template.61' | translate }}\n                            </button>\n                        </div>\n                    </div>\n                    <div class=\"wb-timer-airport__time\" *ngIf=\"isCalendar\">\n                        <p class=\"wb-timer-simple__calendar__text\">\n                            {{ 'wb.structures.template.60' | translate }}\n                        </p>\n                        <div class=\"wb-timer-airport__time__wrapper\">\n                            <div class=\"wb-timer-airport__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DAYS]\" />\n                            </div>\n                            <div class=\"wb-timer-airport__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_HOURS]\" />\n                            </div>\n                            <div class=\"wb-timer-airport__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_MINUTES]\" />\n                            </div>\n                            <div class=\"wb-timer-airport__time__input\">\n                                <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDS]\" />\n                            </div>\n                        </div>\n                        <div class=\"wb-timer-airport__time__text\">\n                            <p>{{ 'wb.structures.template.47' | translate }}</p>\n                            <p>{{ 'wb.structures.template.48' | translate }}</p>\n                            <p>{{ 'wb.structures.template.49' | translate }}</p>\n                            <p>{{ 'wb.structures.template.50' | translate }}</p>\n                        </div>\n                        <div class=\"wb-timer-airport__valid\">\n                            <button class=\"button btn wb-timer-airport__button\" (click)=\"validTimeForTimer()\">\n                                {{ 'wb.structures.template.51' | translate }}\n                            </button>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n"
                 },] }
     ];
     TimerAirportComponent.ctorParameters = function () { return [
@@ -31681,7 +31958,7 @@
     TimerMultipleImgComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: TimerMultipleImgService.selector(),
-                    template: "<div class=\"wb-timer-multiple-img\" [ngClass]=\"{ 'is-active': hasTooltipFocusedLeftTop }\">\n    <div class=\"ovh\">\n        <div class=\"wb-timer-multiple-img__config\">\n            <wb-structure-config\n                [blockUUID]=\"uuid\"\n                [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n                *ngIf=\"\n                    showTimer &&\n                    !contents[BASE_BLOCK_CONTENT][FORM_NAME_FIRST_STEP] &&\n                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_BOTTOM]\n                \"\n            >\n                <div class=\"wb-timer-multiple-img__nodate\">\n                    <div class=\"wb-timer-multiple-img__switch\">\n                        <span\n                            [ngClass]=\"{\n                                active: !isCalendar\n                            }\"\n                            >{{ 'wb.structures.template.44' | translate }}</span\n                        >\n                        <div class=\"control\">\n                            <div class=\"control\">\n                                <input\n                                    class=\"switch is-rounded is-info\"\n                                    id=\"checkboxSwitchCalendar4-{{ uuid }}\"\n                                    type=\"checkbox\"\n                                    [attr.checked]=\"isCalendar ? 'checked' : null\"\n                                    (change)=\"switchMethod()\"\n                                />\n                                <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar4-{{ uuid }}\"> </label>\n                            </div>\n                            <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar4-{{ uuid }}\"> </label>\n                        </div>\n                        <span\n                            [ngClass]=\"{\n                                active: isCalendar\n                            }\"\n                            >{{ 'wb.structures.template.45' | translate }}</span\n                        >\n                    </div>\n                    <div class=\"wb-timer-multiple-img__calendar\" *ngIf=\"!isCalendar\">\n                        <div class=\"wb-timer-multiple-img__calendar__wrapper transform\">\n                            <nwb-date-picker\n                                #datePicker1\n                                [options]=\"{\n                                    lang: translateService.currentLang,\n                                    showHeader: false,\n                                    displayMode: 'inline',\n                                    showFooter: false,\n                                    showButtons: false,\n                                    showTodayButton: false,\n                                    minDate: today,\n                                    showClearButton: false,\n                                    validateLabel: 'wb.structures.template.61' | translate,\n                                    closeOnSelect: false\n                                }\"\n                                (change)=\"valueChangeLive($event)\"\n                            >\n                                <input style=\"display: none\" [value]=\"dateFor\" [nwbDatepickerStart]=\"datePicker1\" type=\"datetime-local\" />\n                            </nwb-date-picker>\n                        </div>\n                    </div>\n                    <div class=\"wb-timer-multiple-img__time\" *ngIf=\"isCalendar\">\n                        <p class=\"wb-timer-simple__calendar__text\">\n                            {{ 'wb.structures.template.60' | translate }}\n                        </p>\n                        <div class=\"wb-timer-multiple-img__time__wrapper\">\n                            <div class=\"wb-timer-multiple-img__time__input\">\n                                <input\n                                    type=\"number\"\n                                    [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DAYS]\"\n                                    (change)=\"changeTimeForTimer()\"\n                                />\n                            </div>\n                            <div class=\"wb-timer-multiple-img__time__input\">\n                                <input\n                                    type=\"number\"\n                                    [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_HOURS]\"\n                                    (change)=\"changeTimeForTimer()\"\n                                />\n                            </div>\n                            <div class=\"wb-timer-multiple-img__time__input\">\n                                <input\n                                    type=\"number\"\n                                    [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_MINUTES]\"\n                                    (change)=\"changeTimeForTimer()\"\n                                />\n                            </div>\n                            <div class=\"wb-timer-multiple-img__time__input\">\n                                <input\n                                    type=\"number\"\n                                    [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDS]\"\n                                    (change)=\"changeTimeForTimer()\"\n                                />\n                            </div>\n                        </div>\n                        <div class=\"wb-timer-multiple-img__time__text\">\n                            <p>{{ 'wb.structures.template.47' | translate }}</p>\n                            <p>{{ 'wb.structures.template.48' | translate }}</p>\n                            <p>{{ 'wb.structures.template.49' | translate }}</p>\n                            <p>{{ 'wb.structures.template.50' | translate }}</p>\n                        </div>\n                    </div>\n                </div>\n            </wb-structure-config>\n        </div>\n    </div>\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_TOP]\"\n    >\n        <wb-structure-config-input\n            [label]=\"'wb.structures.template.9' | translate\"\n            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_TOP][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_TOP][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_TOP][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_LEFT_BOTTOM\"\n        [isFullwidth]=\"true\"\n        *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_BOTTOM]\"\n    >\n        <wb-structure-config-input\n            [label]=\"'wb.structures.template.9' | translate\"\n            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_BOTTOM][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_BOTTOM][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_BOTTOM][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        class=\"wb-timer-multiple-img__middle-left wb-timer-multiple-img__middle-left-right\"\n        [blockUUID]=\"uuid\"\n        [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n        [isFullwidth]=\"true\"\n        *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_TOP]\"\n    >\n        <wb-structure-config-input\n            [label]=\"'wb.structures.template.9' | translate\"\n            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_TOP][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_MIDDLE_TOP][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_MIDDLE_TOP][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        class=\"wb-timer-multiple-img__middle-right wb-timer-multiple-img__middle-right-middle\"\n        [blockUUID]=\"uuid\"\n        [position]=\"TYPE_CONFIG_POSITION_RIGHT_BOTTOM\"\n        [isFullwidth]=\"true\"\n        *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_BOTTOM]\"\n    >\n        <wb-structure-config-input\n            [label]=\"'wb.structures.template.9' | translate\"\n            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_BOTTOM][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_MIDDLE_BOTTOM][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_MIDDLE_BOTTOM][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                    [off]=\"'_self'\"\n                    [on]=\"'_blank'\"\n                ></wb-structure-config-checkbox>\n            </div>\n        </div>\n    </wb-structure-config>\n    <div\n        class=\"wb-timer-multiple-img__wrapGlobal\"\n        [ngClass]=\"{\n            'wb-timer-multiple-img__wrapGlobal--auto': showTimer && !contents[BASE_BLOCK_CONTENT][FORM_NAME_FIRST_STEP]\n        }\"\n    >\n        <div class=\"columns no-margin no-padding\" *ngIf=\"showTimer && !contents[BASE_BLOCK_CONTENT][FORM_NAME_FIRST_STEP]\">\n            <div class=\"column is-two-thirds no-padding\">\n                <div class=\"columns no-padding-except-bottom no-margin\">\n                    <div class=\"column wb-timer-multiple-img__small padding-left\">\n                        <div\n                            class=\"wb-timer-multiple-img__container\"\n                            [ngClass]=\"{\n                                'wb-timer-multiple-img__container--small':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                'wb-timer-multiple-img__container--medium':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                'wb-timer-multiple-img__container--large':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                            }\"\n                        >\n                            <div\n                                class=\"wb-timer-multiple-img__container__images\"\n                                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_TOP]\"\n                            >\n                                <div>\n                                    <div\n                                        wbGetSizeImageDirective\n                                        [dimensions]=\"sizes3[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                                        [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_TOP][FORM_NAME_IMAGE_URL]\"\n                                        (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_LEFT_TOP, $event)\"\n                                        [style.background-image]=\"\n                                            'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_TOP][FORM_NAME_IMAGE_URL] + ')'\n                                        \"\n                                        *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_TOP]\"\n                                        (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT_TOP)\"\n                                        class=\"wb-timer-multiple-img__container__images__item wb-timer-multiple-img__container__images__item--leftTop\"\n                                        [ngClass]=\"{\n                                            'wb-timer-multiple-img__container__images__item--small':\n                                                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                            'wb-timer-multiple-img__container__images__item--medium':\n                                                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                            'wb-timer-multiple-img__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-timer-multiple-img__noimages\"\n                            wbPicturesTemplateDirective\n                            [dimensions]=\"sizes3[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                            *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_TOP]\"\n                            (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT_TOP)\"\n                            [ngClass]=\"{\n                                'wb-timer-multiple-img__noimages--small':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                'wb-timer-multiple-img__noimages--medium':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                'wb-timer-multiple-img__noimages--large':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                            }\"\n                        ></div>\n                    </div>\n\n                    <div class=\"column is-two-thirds wb-timer-multiple-img__big padding-right\">\n                        <div\n                            class=\"wb-timer-multiple-img__container\"\n                            [ngClass]=\"{\n                                'wb-timer-multiple-img__container--small':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                'wb-timer-multiple-img__container--medium':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                'wb-timer-multiple-img__container--large':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                            }\"\n                        >\n                            <div\n                                class=\"wb-timer-multiple-img__container__images\"\n                                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_TOP]\"\n                            >\n                                <div>\n                                    <div\n                                        wbGetSizeImageDirective\n                                        [dimensions]=\"sizes1[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                                        [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_TOP][FORM_NAME_IMAGE_URL]\"\n                                        (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_MIDDLE_TOP, $event)\"\n                                        [style.background-image]=\"\n                                            'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_TOP][FORM_NAME_IMAGE_URL] + ')'\n                                        \"\n                                        *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_TOP]\"\n                                        (click)=\"getMediaFor(FORM_NAME_IMAGE_MIDDLE_TOP)\"\n                                        class=\"wb-timer-multiple-img__container__images__item wb-timer-multiple-img__container__images__item--middleTop\"\n                                        [ngClass]=\"{\n                                            'wb-timer-multiple-img__container__images__item--small':\n                                                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                            'wb-timer-multiple-img__container__images__item--medium':\n                                                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                            'wb-timer-multiple-img__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-timer-multiple-img__noimages\"\n                            wbPicturesTemplateDirective\n                            [dimensions]=\"sizes1[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                            *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_TOP]\"\n                            (click)=\"getMediaFor(FORM_NAME_IMAGE_MIDDLE_TOP)\"\n                            [ngClass]=\"{\n                                'wb-timer-multiple-img__noimages--small':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                'wb-timer-multiple-img__noimages--medium':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                'wb-timer-multiple-img__noimages--large':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                            }\"\n                        ></div>\n                    </div>\n                </div>\n\n                <div class=\"columns no-margin no-padding\">\n                    <div class=\"column is-two-thirds wb-timer-multiple-img__big padding-left\">\n                        <div\n                            class=\"wb-timer-multiple-img__container wb-timer-multiple-img__container--leftBottom\"\n                            [ngClass]=\"{\n                                'wb-timer-multiple-img__container--small':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                'wb-timer-multiple-img__container--medium':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                'wb-timer-multiple-img__container--large':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                            }\"\n                        >\n                            <div\n                                class=\"wb-timer-multiple-img__container__images\"\n                                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_BOTTOM]\"\n                            >\n                                <div>\n                                    <div\n                                        class=\"wb-timer-multiple-img__container__images__item wb-timer-multiple-img__container__images__item--leftBottom\"\n                                        [ngClass]=\"{\n                                            'wb-timer-multiple-img__container__images__item--small':\n                                                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                            'wb-timer-multiple-img__container__images__item--medium':\n                                                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                            'wb-timer-multiple-img__container__images__item--large':\n                                                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                                        }\"\n                                    >\n                                        <div\n                                            class=\"wb-timer-multiple-img__container__images__item__uploadImg\"\n                                            wbGetSizeImageDirective\n                                            [dimensions]=\"sizes2[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                                            [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_BOTTOM][FORM_NAME_IMAGE_URL]\"\n                                            (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_LEFT_BOTTOM, $event)\"\n                                            [style.background-image]=\"\n                                                'url(' +\n                                                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_BOTTOM][FORM_NAME_IMAGE_URL] +\n                                                ')'\n                                            \"\n                                            *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_BOTTOM]\"\n                                            (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT_BOTTOM)\"\n                                        ></div>\n                                        <div class=\"wb-timer-multiple-img__container__images__item__timer\">\n                                            <div\n                                                class=\"wb-timer-multiple-img__container__images__item__timer__background\"\n                                                [style.background-color]=\"contentBlock[FORM_NAME_BACKGROUND_COLOR]\"\n                                            ></div>\n                                            <div\n                                                class=\"wb-timer-multiple-img__container__images__item__timer__content\"\n                                                [style.background-color]=\"contentBlock[FORM_NAME_BACKGROUND_COLOR]\"\n                                            >\n                                                <ul>\n                                                    <li [style.color]=\"contentBlock[FORM_NAME_COLOR]\">\n                                                        <span class=\"days\">{{ days | addZeroForTimer }}</span\n                                                        ><span>{{ 'wb.structures.template.47' | translate }}</span\n                                                        ><span></span>\n                                                        <span class=\"tiret\" [style.background-color]=\"contentBlock[FORM_NAME_COLOR]\"></span>\n                                                    </li>\n                                                    <li [style.color]=\"contentBlock[FORM_NAME_COLOR]\">\n                                                        <span class=\"hours\">{{ hours | addZeroForTimer }}</span\n                                                        ><span>{{ 'wb.structures.template.48' | translate }}</span\n                                                        ><span></span>\n                                                        <span class=\"tiret\" [style.background-color]=\"contentBlock[FORM_NAME_COLOR]\"></span>\n                                                    </li>\n                                                    <li [style.color]=\"contentBlock[FORM_NAME_COLOR]\">\n                                                        <span class=\"minutes\">{{ minutes | addZeroForTimer }}</span\n                                                        ><span>Minutes</span><span></span>\n                                                        <span class=\"tiret\" [style.background-color]=\"contentBlock[FORM_NAME_COLOR]\"></span>\n                                                    </li>\n                                                    <li [style.color]=\"contentBlock[FORM_NAME_COLOR]\">\n                                                        <span class=\"seconds\">{{ seconds | addZeroForTimer }}</span\n                                                        ><span>{{ 'wb.structures.template.50' | translate }}</span>\n                                                    </li>\n                                                </ul>\n                                                <div class=\"wb-timer-multiple-img__container__images__item__timer__content__text\">\n                                                    <wb-editorjs\n                                                        [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                                                        (contentChange)=\"persist()\"\n                                                        [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                                                    >\n                                                    </wb-editorjs>\n                                                </div>\n                                                <div class=\"wb-timer-multiple-img__container__images__item__timer__content__button\">\n                                                    <span [style.background-color]=\"contentBlock[FORM_NAME_BACKGROUND_COLOR_BUTTON]\">\n                                                        <span [style.color]=\"contentBlock[FORM_NAME_COLOR_BUTTON]\">{{\n                                                            contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\n                                                        }}</span>\n                                                    </span>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div\n                            class=\"wb-timer-multiple-img__noimages\"\n                            wbPicturesTemplateDirective\n                            [dimensions]=\"sizes2[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                            *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_BOTTOM]\"\n                            (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT_BOTTOM)\"\n                            [ngClass]=\"{\n                                'wb-timer-multiple-img__noimages--small':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                'wb-timer-multiple-img__noimages--medium':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                'wb-timer-multiple-img__noimages--large':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                            }\"\n                        ></div>\n                    </div>\n\n                    <div class=\"column wb-timer-multiple-img__small padding-right\">\n                        <div\n                            class=\"wb-timer-multiple-img__container\"\n                            [ngClass]=\"{\n                                'wb-timer-multiple-img__container--small':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                'wb-timer-multiple-img__container--medium':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                'wb-timer-multiple-img__container--large':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                            }\"\n                        >\n                            <div\n                                class=\"wb-timer-multiple-img__container__images\"\n                                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_BOTTOM]\"\n                            >\n                                <div>\n                                    <div\n                                        wbGetSizeImageDirective\n                                        [dimensions]=\"sizes3[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                                        [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_BOTTOM][FORM_NAME_IMAGE_URL]\"\n                                        (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_MIDDLE_BOTTOM, $event)\"\n                                        [style.background-image]=\"\n                                            'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_BOTTOM][FORM_NAME_IMAGE_URL] + ')'\n                                        \"\n                                        *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_BOTTOM]\"\n                                        (click)=\"getMediaFor(FORM_NAME_IMAGE_MIDDLE_BOTTOM)\"\n                                        class=\"wb-timer-multiple-img__container__images__item wb-timer-multiple-img__container__images__item--middleBottom\"\n                                        [ngClass]=\"{\n                                            'wb-timer-multiple-img__container__images__item--small':\n                                                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                            'wb-timer-multiple-img__container__images__item--medium':\n                                                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                            'wb-timer-multiple-img__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-timer-multiple-img__noimages\"\n                            wbPicturesTemplateDirective\n                            [dimensions]=\"sizes3[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                            *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_BOTTOM]\"\n                            (click)=\"getMediaFor(FORM_NAME_IMAGE_MIDDLE_BOTTOM)\"\n                            [ngClass]=\"{\n                                'wb-timer-multiple-img__noimages--small':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                'wb-timer-multiple-img__noimages--medium':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                'wb-timer-multiple-img__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 class=\"column wb-timer-multiple-img__single\">\n                <div\n                    class=\"wb-timer-multiple-img__container wb-timer-multiple-img__container--right\"\n                    [ngClass]=\"{\n                        'wb-timer-multiple-img__container--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-timer-multiple-img__container--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-timer-multiple-img__container--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                >\n                    <div class=\"wb-timer-multiple-img__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\">\n                        <div>\n                            <div\n                                wbGetSizeImageDirective\n                                [dimensions]=\"sizes4[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-timer-multiple-img__container__images__item wb-timer-multiple-img__container__images__item--right\"\n                                [ngClass]=\"{\n                                    'wb-timer-multiple-img__container__images__item--small':\n                                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                    'wb-timer-multiple-img__container__images__item--medium':\n                                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                    'wb-timer-multiple-img__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-timer-multiple-img__noimages wb-timer-multiple-img__noimages--right\"\n                    wbPicturesTemplateDirective\n                    [dimensions]=\"sizes4[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-timer-multiple-img__noimages--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-timer-multiple-img__noimages--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-timer-multiple-img__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=\"wb-timer-multiple-img__nodate\" *ngIf=\"!showTimer && contents[BASE_BLOCK_CONTENT][FORM_NAME_FIRST_STEP]\">\n            <div class=\"wb-timer-multiple-img__switch\">\n                <span\n                    [ngClass]=\"{\n                        active: !isCalendar\n                    }\"\n                    >{{ 'wb.structures.template.44' | translate }}</span\n                >\n                <div class=\"control\">\n                    <input\n                        class=\"switch is-rounded is-info\"\n                        [attr.checked]=\"isCalendar ? 'checked' : null\"\n                        id=\"checkboxSwitchCalendar-{{ uuid }}\"\n                        type=\"checkbox\"\n                        (change)=\"switchMethodWithoutPersist()\"\n                    />\n                    <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar-{{ uuid }}\"> </label>\n                </div>\n                <span\n                    [ngClass]=\"{\n                        active: isCalendar\n                    }\"\n                    >{{ 'wb.structures.template.45' | translate }}</span\n                >\n            </div>\n            <div class=\"wb-timer-multiple-img__calendar\" *ngIf=\"!isCalendar\">\n                <p class=\"wb-timer-simple__calendar__text\">{{ 'wb.structures.template.46' | translate }}</p>\n                <div class=\"wb-timer-multiple-img__calendar__wrapper\">\n                    <nwb-date-picker\n                        #datePicker1\n                        [options]=\"{\n                            lang: translateService.currentLang,\n                            showHeader: false,\n                            displayMode: 'inline',\n                            showFooter: false,\n                            showButtons: false,\n                            showTodayButton: false,\n                            minDate: today,\n                            showClearButton: false,\n                            validateLabel: 'wb.structures.template.61' | translate,\n                            closeOnSelect: false\n                        }\"\n                        (change)=\"valueChange($event)\"\n                    >\n                        <input style=\"display: none\" [value]=\"dateFor\" [nwbDatepickerStart]=\"datePicker1\" type=\"datetime-local\" />\n                    </nwb-date-picker>\n                </div>\n                <div class=\"wb-timer-multiple-img__valid wb-timer-multiple-img__valid--calendar\">\n                    <button class=\"button btn wb-timer-multiple-img__button\" (click)=\"validTimeForDate()\">\n                        {{ 'wb.structures.template.51' | translate }}\n                    </button>\n                </div>\n            </div>\n            <div class=\"wb-timer-multiple-img__time\" *ngIf=\"isCalendar\">\n                <p class=\"wb-timer-simple__calendar__text\">\n                    {{ 'wb.structures.template.60' | translate }}\n                </p>\n                <div class=\"wb-timer-multiple-img__time__wrapper\">\n                    <div class=\"wb-timer-multiple-img__time__input\">\n                        <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DAYS]\" />\n                    </div>\n                    <div class=\"wb-timer-multiple-img__time__input\">\n                        <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_HOURS]\" />\n                    </div>\n                    <div class=\"wb-timer-multiple-img__time__input\">\n                        <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_MINUTES]\" />\n                    </div>\n                    <div class=\"wb-timer-multiple-img__time__input\">\n                        <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDS]\" />\n                    </div>\n                </div>\n                <div class=\"wb-timer-multiple-img__time__text\">\n                    <p>{{ 'wb.structures.template.47' | translate }}</p>\n                    <p>{{ 'wb.structures.template.48' | translate }}</p>\n                    <p>{{ 'wb.structures.template.49' | translate }}</p>\n                    <p>{{ 'wb.structures.template.50' | translate }}</p>\n                </div>\n                <div class=\"wb-timer-multiple-img__valid\">\n                    <button class=\"button btn wb-timer-multiple-img__button\" (click)=\"validTimeForTimer()\">\n                        {{ 'wb.structures.template.51' | translate }}\n                    </button>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n"
+                    template: "<div class=\"wb-timer-multiple-img\" [ngClass]=\"{ 'is-active': hasTooltipFocusedLeftTop }\">\n    <div class=\"ovh\">\n        <div class=\"wb-timer-multiple-img__config\">\n            <wb-structure-config\n                [blockUUID]=\"uuid\"\n                [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n                *ngIf=\"\n                    showTimer &&\n                    !contents[BASE_BLOCK_CONTENT][FORM_NAME_FIRST_STEP] &&\n                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_BOTTOM]\n                \"\n            >\n                <div class=\"wb-timer-multiple-img__nodate wb-timer-multiple-img__nodate--edit\">\n                    <div class=\"wb-timer-multiple-img__switch\">\n                        <span\n                            [ngClass]=\"{\n                                active: !isCalendar\n                            }\"\n                            >{{ 'wb.structures.template.44' | translate }}</span\n                        >\n                        <div class=\"control\">\n                            <div class=\"control\">\n                                <input\n                                    class=\"switch is-rounded is-info\"\n                                    id=\"checkboxSwitchCalendar4-{{ uuid }}\"\n                                    type=\"checkbox\"\n                                    [attr.checked]=\"isCalendar ? 'checked' : null\"\n                                    (change)=\"switchMethod()\"\n                                />\n                                <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar4-{{ uuid }}\"> </label>\n                            </div>\n                            <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar4-{{ uuid }}\"> </label>\n                        </div>\n                        <span\n                            [ngClass]=\"{\n                                active: isCalendar\n                            }\"\n                            >{{ 'wb.structures.template.45' | translate }}</span\n                        >\n                    </div>\n                    <div class=\"wb-timer-multiple-img__calendar\" *ngIf=\"!isCalendar\">\n                        <div class=\"wb-timer-multiple-img__calendar__wrapper transform\">\n                            <nwb-date-picker\n                                #datePicker1\n                                [options]=\"{\n                                    lang: translateService.currentLang,\n                                    showHeader: false,\n                                    displayMode: 'inline',\n                                    showFooter: false,\n                                    showButtons: false,\n                                    showTodayButton: false,\n                                    minDate: today,\n                                    showClearButton: false,\n                                    validateLabel: 'wb.structures.template.61' | translate,\n                                    closeOnSelect: false\n                                }\"\n                                (change)=\"valueChangeLive($event)\"\n                            >\n                                <input style=\"display: none\" [value]=\"dateFor\" [nwbDatepickerStart]=\"datePicker1\" type=\"datetime-local\" />\n                            </nwb-date-picker>\n                        </div>\n                    </div>\n                    <div class=\"wb-timer-multiple-img__time\" *ngIf=\"isCalendar\">\n                        <p class=\"wb-timer-simple__calendar__text\">\n                            {{ 'wb.structures.template.60' | translate }}\n                        </p>\n                        <div class=\"wb-timer-multiple-img__time__wrapper\">\n                            <div class=\"wb-timer-multiple-img__time__input\">\n                                <input\n                                    type=\"number\"\n                                    [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DAYS]\"\n                                    (change)=\"changeTimeForTimer()\"\n                                />\n                            </div>\n                            <div class=\"wb-timer-multiple-img__time__input\">\n                                <input\n                                    type=\"number\"\n                                    [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_HOURS]\"\n                                    (change)=\"changeTimeForTimer()\"\n                                />\n                            </div>\n                            <div class=\"wb-timer-multiple-img__time__input\">\n                                <input\n                                    type=\"number\"\n                                    [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_MINUTES]\"\n                                    (change)=\"changeTimeForTimer()\"\n                                />\n                            </div>\n                            <div class=\"wb-timer-multiple-img__time__input\">\n                                <input\n                                    type=\"number\"\n                                    [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDS]\"\n                                    (change)=\"changeTimeForTimer()\"\n                                />\n                            </div>\n                        </div>\n                        <div class=\"wb-timer-multiple-img__time__text\">\n                            <p>{{ 'wb.structures.template.47' | translate }}</p>\n                            <p>{{ 'wb.structures.template.48' | translate }}</p>\n                            <p>{{ 'wb.structures.template.49' | translate }}</p>\n                            <p>{{ 'wb.structures.template.50' | translate }}</p>\n                        </div>\n                    </div>\n                </div>\n            </wb-structure-config>\n        </div>\n    </div>\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_TOP]\"\n    >\n        <wb-structure-config-input\n            [label]=\"'wb.structures.template.9' | translate\"\n            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_TOP][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_TOP][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_TOP][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_LEFT_BOTTOM\"\n        [isFullwidth]=\"true\"\n        *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_BOTTOM]\"\n    >\n        <wb-structure-config-input\n            [label]=\"'wb.structures.template.9' | translate\"\n            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_BOTTOM][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_BOTTOM][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_BOTTOM][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        class=\"wb-timer-multiple-img__middle-left wb-timer-multiple-img__middle-left-right\"\n        [blockUUID]=\"uuid\"\n        [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n        [isFullwidth]=\"true\"\n        *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_TOP]\"\n    >\n        <wb-structure-config-input\n            [label]=\"'wb.structures.template.9' | translate\"\n            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_TOP][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_MIDDLE_TOP][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_MIDDLE_TOP][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        class=\"wb-timer-multiple-img__middle-right wb-timer-multiple-img__middle-right-middle\"\n        [blockUUID]=\"uuid\"\n        [position]=\"TYPE_CONFIG_POSITION_RIGHT_BOTTOM\"\n        [isFullwidth]=\"true\"\n        *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_BOTTOM]\"\n    >\n        <wb-structure-config-input\n            [label]=\"'wb.structures.template.9' | translate\"\n            [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_BOTTOM][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_MIDDLE_BOTTOM][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_MIDDLE_BOTTOM][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                    [off]=\"'_self'\"\n                    [on]=\"'_blank'\"\n                ></wb-structure-config-checkbox>\n            </div>\n        </div>\n    </wb-structure-config>\n    <div\n        class=\"wb-timer-multiple-img__wrapGlobal\"\n        [ngClass]=\"{\n            'wb-timer-multiple-img__wrapGlobal--auto': showTimer && !contents[BASE_BLOCK_CONTENT][FORM_NAME_FIRST_STEP]\n        }\"\n    >\n        <div class=\"columns no-margin no-padding\" *ngIf=\"showTimer && !contents[BASE_BLOCK_CONTENT][FORM_NAME_FIRST_STEP]\">\n            <div class=\"column is-two-thirds no-padding\">\n                <div class=\"columns no-padding-except-bottom no-margin\">\n                    <div class=\"column wb-timer-multiple-img__small padding-left\">\n                        <div\n                            class=\"wb-timer-multiple-img__container\"\n                            [ngClass]=\"{\n                                'wb-timer-multiple-img__container--small':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                'wb-timer-multiple-img__container--medium':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                'wb-timer-multiple-img__container--large':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                            }\"\n                        >\n                            <div\n                                class=\"wb-timer-multiple-img__container__images\"\n                                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_TOP]\"\n                            >\n                                <div>\n                                    <div\n                                        wbGetSizeImageDirective\n                                        [dimensions]=\"sizes3[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                                        [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_TOP][FORM_NAME_IMAGE_URL]\"\n                                        (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_LEFT_TOP, $event)\"\n                                        [style.background-image]=\"\n                                            'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_TOP][FORM_NAME_IMAGE_URL] + ')'\n                                        \"\n                                        *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_TOP]\"\n                                        (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT_TOP)\"\n                                        class=\"wb-timer-multiple-img__container__images__item wb-timer-multiple-img__container__images__item--leftTop\"\n                                        [ngClass]=\"{\n                                            'wb-timer-multiple-img__container__images__item--small':\n                                                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                            'wb-timer-multiple-img__container__images__item--medium':\n                                                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                            'wb-timer-multiple-img__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-timer-multiple-img__noimages\"\n                            wbPicturesTemplateDirective\n                            [dimensions]=\"sizes3[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                            *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_TOP]\"\n                            (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT_TOP)\"\n                            [ngClass]=\"{\n                                'wb-timer-multiple-img__noimages--small':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                'wb-timer-multiple-img__noimages--medium':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                'wb-timer-multiple-img__noimages--large':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                            }\"\n                        ></div>\n                    </div>\n\n                    <div class=\"column is-two-thirds wb-timer-multiple-img__big padding-right\">\n                        <div\n                            class=\"wb-timer-multiple-img__container\"\n                            [ngClass]=\"{\n                                'wb-timer-multiple-img__container--small':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                'wb-timer-multiple-img__container--medium':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                'wb-timer-multiple-img__container--large':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                            }\"\n                        >\n                            <div\n                                class=\"wb-timer-multiple-img__container__images\"\n                                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_TOP]\"\n                            >\n                                <div>\n                                    <div\n                                        wbGetSizeImageDirective\n                                        [dimensions]=\"sizes1[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                                        [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_TOP][FORM_NAME_IMAGE_URL]\"\n                                        (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_MIDDLE_TOP, $event)\"\n                                        [style.background-image]=\"\n                                            'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_TOP][FORM_NAME_IMAGE_URL] + ')'\n                                        \"\n                                        *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_TOP]\"\n                                        (click)=\"getMediaFor(FORM_NAME_IMAGE_MIDDLE_TOP)\"\n                                        class=\"wb-timer-multiple-img__container__images__item wb-timer-multiple-img__container__images__item--middleTop\"\n                                        [ngClass]=\"{\n                                            'wb-timer-multiple-img__container__images__item--small':\n                                                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                            'wb-timer-multiple-img__container__images__item--medium':\n                                                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                            'wb-timer-multiple-img__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-timer-multiple-img__noimages\"\n                            wbPicturesTemplateDirective\n                            [dimensions]=\"sizes1[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                            *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_TOP]\"\n                            (click)=\"getMediaFor(FORM_NAME_IMAGE_MIDDLE_TOP)\"\n                            [ngClass]=\"{\n                                'wb-timer-multiple-img__noimages--small':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                'wb-timer-multiple-img__noimages--medium':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                'wb-timer-multiple-img__noimages--large':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                            }\"\n                        ></div>\n                    </div>\n                </div>\n\n                <div class=\"columns no-margin no-padding\">\n                    <div class=\"column is-two-thirds wb-timer-multiple-img__big padding-left\">\n                        <div\n                            class=\"wb-timer-multiple-img__container wb-timer-multiple-img__container--leftBottom\"\n                            [ngClass]=\"{\n                                'wb-timer-multiple-img__container--small':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                'wb-timer-multiple-img__container--medium':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                'wb-timer-multiple-img__container--large':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                            }\"\n                        >\n                            <div\n                                class=\"wb-timer-multiple-img__container__images\"\n                                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_BOTTOM]\"\n                            >\n                                <div>\n                                    <div\n                                        class=\"wb-timer-multiple-img__container__images__item wb-timer-multiple-img__container__images__item--leftBottom\"\n                                        [ngClass]=\"{\n                                            'wb-timer-multiple-img__container__images__item--small':\n                                                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                            'wb-timer-multiple-img__container__images__item--medium':\n                                                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                            'wb-timer-multiple-img__container__images__item--large':\n                                                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                                        }\"\n                                    >\n                                        <div\n                                            class=\"wb-timer-multiple-img__container__images__item__uploadImg\"\n                                            wbGetSizeImageDirective\n                                            [dimensions]=\"sizes2[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                                            [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_BOTTOM][FORM_NAME_IMAGE_URL]\"\n                                            (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_LEFT_BOTTOM, $event)\"\n                                            [style.background-image]=\"\n                                                'url(' +\n                                                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_BOTTOM][FORM_NAME_IMAGE_URL] +\n                                                ')'\n                                            \"\n                                            *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_BOTTOM]\"\n                                            (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT_BOTTOM)\"\n                                        ></div>\n                                        <div class=\"wb-timer-multiple-img__container__images__item__timer\">\n                                            <div\n                                                class=\"wb-timer-multiple-img__container__images__item__timer__background\"\n                                                [style.background-color]=\"contentBlock[FORM_NAME_BACKGROUND_COLOR]\"\n                                            ></div>\n                                            <div\n                                                class=\"wb-timer-multiple-img__container__images__item__timer__content\"\n                                                [style.background-color]=\"contentBlock[FORM_NAME_BACKGROUND_COLOR]\"\n                                            >\n                                                <ul>\n                                                    <li [style.color]=\"contentBlock[FORM_NAME_COLOR]\">\n                                                        <span class=\"days\">{{ days | addZeroForTimer }}</span\n                                                        ><span>{{ 'wb.structures.template.47' | translate }}</span\n                                                        ><span></span>\n                                                        <span class=\"tiret\" [style.background-color]=\"contentBlock[FORM_NAME_COLOR]\"></span>\n                                                    </li>\n                                                    <li [style.color]=\"contentBlock[FORM_NAME_COLOR]\">\n                                                        <span class=\"hours\">{{ hours | addZeroForTimer }}</span\n                                                        ><span>{{ 'wb.structures.template.48' | translate }}</span\n                                                        ><span></span>\n                                                        <span class=\"tiret\" [style.background-color]=\"contentBlock[FORM_NAME_COLOR]\"></span>\n                                                    </li>\n                                                    <li [style.color]=\"contentBlock[FORM_NAME_COLOR]\">\n                                                        <span class=\"minutes\">{{ minutes | addZeroForTimer }}</span\n                                                        ><span>Minutes</span><span></span>\n                                                        <span class=\"tiret\" [style.background-color]=\"contentBlock[FORM_NAME_COLOR]\"></span>\n                                                    </li>\n                                                    <li [style.color]=\"contentBlock[FORM_NAME_COLOR]\">\n                                                        <span class=\"seconds\">{{ seconds | addZeroForTimer }}</span\n                                                        ><span>{{ 'wb.structures.template.50' | translate }}</span>\n                                                    </li>\n                                                </ul>\n                                                <div class=\"wb-timer-multiple-img__container__images__item__timer__content__text\">\n                                                    <wb-editorjs\n                                                        [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\"\n                                                        (contentChange)=\"persist()\"\n                                                        [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                                                        position=\"top\"\n                                                    >\n                                                    </wb-editorjs>\n                                                </div>\n                                                <div class=\"wb-timer-multiple-img__container__images__item__timer__content__button\">\n                                                    <span [style.background-color]=\"contentBlock[FORM_NAME_BACKGROUND_COLOR_BUTTON]\">\n                                                        <span [style.color]=\"contentBlock[FORM_NAME_COLOR_BUTTON]\">{{\n                                                            contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\n                                                        }}</span>\n                                                    </span>\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                </div>\n                            </div>\n                        </div>\n                        <div\n                            class=\"wb-timer-multiple-img__noimages\"\n                            wbPicturesTemplateDirective\n                            [dimensions]=\"sizes2[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                            *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_BOTTOM]\"\n                            (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT_BOTTOM)\"\n                            [ngClass]=\"{\n                                'wb-timer-multiple-img__noimages--small':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                'wb-timer-multiple-img__noimages--medium':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                'wb-timer-multiple-img__noimages--large':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                            }\"\n                        ></div>\n                    </div>\n\n                    <div class=\"column wb-timer-multiple-img__small padding-right\">\n                        <div\n                            class=\"wb-timer-multiple-img__container\"\n                            [ngClass]=\"{\n                                'wb-timer-multiple-img__container--small':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                'wb-timer-multiple-img__container--medium':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                'wb-timer-multiple-img__container--large':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                            }\"\n                        >\n                            <div\n                                class=\"wb-timer-multiple-img__container__images\"\n                                *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_BOTTOM]\"\n                            >\n                                <div>\n                                    <div\n                                        wbGetSizeImageDirective\n                                        [dimensions]=\"sizes3[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                                        [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_BOTTOM][FORM_NAME_IMAGE_URL]\"\n                                        (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_MIDDLE_BOTTOM, $event)\"\n                                        [style.background-image]=\"\n                                            'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_BOTTOM][FORM_NAME_IMAGE_URL] + ')'\n                                        \"\n                                        *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_BOTTOM]\"\n                                        (click)=\"getMediaFor(FORM_NAME_IMAGE_MIDDLE_BOTTOM)\"\n                                        class=\"wb-timer-multiple-img__container__images__item wb-timer-multiple-img__container__images__item--middleBottom\"\n                                        [ngClass]=\"{\n                                            'wb-timer-multiple-img__container__images__item--small':\n                                                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                            'wb-timer-multiple-img__container__images__item--medium':\n                                                contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                            'wb-timer-multiple-img__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-timer-multiple-img__noimages\"\n                            wbPicturesTemplateDirective\n                            [dimensions]=\"sizes3[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                            *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_BOTTOM]\"\n                            (click)=\"getMediaFor(FORM_NAME_IMAGE_MIDDLE_BOTTOM)\"\n                            [ngClass]=\"{\n                                'wb-timer-multiple-img__noimages--small':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                'wb-timer-multiple-img__noimages--medium':\n                                    contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                'wb-timer-multiple-img__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 class=\"column wb-timer-multiple-img__single\">\n                <div\n                    class=\"wb-timer-multiple-img__container wb-timer-multiple-img__container--right\"\n                    [ngClass]=\"{\n                        'wb-timer-multiple-img__container--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-timer-multiple-img__container--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-timer-multiple-img__container--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                >\n                    <div class=\"wb-timer-multiple-img__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\">\n                        <div>\n                            <div\n                                wbGetSizeImageDirective\n                                [dimensions]=\"sizes4[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-timer-multiple-img__container__images__item wb-timer-multiple-img__container__images__item--right\"\n                                [ngClass]=\"{\n                                    'wb-timer-multiple-img__container__images__item--small':\n                                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                                    'wb-timer-multiple-img__container__images__item--medium':\n                                        contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                                    'wb-timer-multiple-img__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-timer-multiple-img__noimages wb-timer-multiple-img__noimages--right\"\n                    wbPicturesTemplateDirective\n                    [dimensions]=\"sizes4[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-timer-multiple-img__noimages--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-timer-multiple-img__noimages--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-timer-multiple-img__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=\"wb-timer-multiple-img__nodate\" *ngIf=\"!showTimer && contents[BASE_BLOCK_CONTENT][FORM_NAME_FIRST_STEP]\">\n            <div class=\"wb-timer-multiple-img__switch\">\n                <span\n                    [ngClass]=\"{\n                        active: !isCalendar\n                    }\"\n                    >{{ 'wb.structures.template.44' | translate }}</span\n                >\n                <div class=\"control\">\n                    <input\n                        class=\"switch is-rounded is-info\"\n                        [attr.checked]=\"isCalendar ? 'checked' : null\"\n                        id=\"checkboxSwitchCalendar-{{ uuid }}\"\n                        type=\"checkbox\"\n                        (change)=\"switchMethodWithoutPersist()\"\n                    />\n                    <label class=\"ng-tns-c3-2\" for=\"checkboxSwitchCalendar-{{ uuid }}\"> </label>\n                </div>\n                <span\n                    [ngClass]=\"{\n                        active: isCalendar\n                    }\"\n                    >{{ 'wb.structures.template.45' | translate }}</span\n                >\n            </div>\n            <div class=\"wb-timer-multiple-img__calendar\" *ngIf=\"!isCalendar\">\n                <p class=\"wb-timer-simple__calendar__text\">{{ 'wb.structures.template.46' | translate }}</p>\n                <div class=\"wb-timer-multiple-img__calendar__wrapper\">\n                    <nwb-date-picker\n                        #datePicker1\n                        [options]=\"{\n                            lang: translateService.currentLang,\n                            showHeader: false,\n                            displayMode: 'inline',\n                            showFooter: false,\n                            showButtons: false,\n                            showTodayButton: false,\n                            minDate: today,\n                            showClearButton: false,\n                            validateLabel: 'wb.structures.template.61' | translate,\n                            closeOnSelect: false\n                        }\"\n                        (change)=\"valueChange($event)\"\n                    >\n                        <input style=\"display: none\" [value]=\"dateFor\" [nwbDatepickerStart]=\"datePicker1\" type=\"datetime-local\" />\n                    </nwb-date-picker>\n                </div>\n                <div class=\"wb-timer-multiple-img__valid wb-timer-multiple-img__valid--calendar\">\n                    <button class=\"button btn wb-timer-multiple-img__button\" (click)=\"validTimeForDate()\">\n                        {{ 'wb.structures.template.51' | translate }}\n                    </button>\n                </div>\n            </div>\n            <div class=\"wb-timer-multiple-img__time\" *ngIf=\"isCalendar\">\n                <p class=\"wb-timer-simple__calendar__text\">\n                    {{ 'wb.structures.template.60' | translate }}\n                </p>\n                <div class=\"wb-timer-multiple-img__time__wrapper\">\n                    <div class=\"wb-timer-multiple-img__time__input\">\n                        <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DAYS]\" />\n                    </div>\n                    <div class=\"wb-timer-multiple-img__time__input\">\n                        <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_HOURS]\" />\n                    </div>\n                    <div class=\"wb-timer-multiple-img__time__input\">\n                        <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_MINUTES]\" />\n                    </div>\n                    <div class=\"wb-timer-multiple-img__time__input\">\n                        <input type=\"number\" [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDS]\" />\n                    </div>\n                </div>\n                <div class=\"wb-timer-multiple-img__time__text\">\n                    <p>{{ 'wb.structures.template.47' | translate }}</p>\n                    <p>{{ 'wb.structures.template.48' | translate }}</p>\n                    <p>{{ 'wb.structures.template.49' | translate }}</p>\n                    <p>{{ 'wb.structures.template.50' | translate }}</p>\n                </div>\n                <div class=\"wb-timer-multiple-img__valid\">\n                    <button class=\"button btn wb-timer-multiple-img__button\" (click)=\"validTimeForTimer()\">\n                        {{ 'wb.structures.template.51' | translate }}\n                    </button>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n"
                 },] }
     ];
     TimerMultipleImgComponent.ctorParameters = function () { return [
@@ -31878,7 +32155,7 @@
     TextsQuadrupleNumbersComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: TextsQuadrupleNumbersService.selector(),
-                    template: "<div\n    class=\"wb-texts-quadruple-numbers\"\n    [ngClass]=\"{\n        'is-active':\n            hasTooltipFocusedLeftTop || hasTooltipFocusedMiddleLeftTop || hasTooltipFocusedMiddleRightTop || hasTooltipFocusedRightTop\n    }\"\n>\n    <div class=\"columns is-gapless\">\n        <div class=\"column\">\n            <div class=\"wb-texts-quadruple-numbers__container\">\n                <div class=\"wb-texts-quadruple-numbers__container__text\">\n                    <div>\n                        <div>\n                            {{ contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_LEFT] }}\n                        </div>\n                        <div>\n                            <wb-editorjs\n                                [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT_LEFT]\"\n                                (contentChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wb-editorjs>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"column\">\n            <div class=\"wb-texts-quadruple-numbers__container\">\n                <div class=\"wb-texts-quadruple-numbers__container__text\">\n                    <div>\n                        <div>\n                            {{ contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_MIDDLE_LEFT] }}\n                        </div>\n                        <div>\n                            <wb-editorjs\n                                [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT_MIDDLE_LEFT]\"\n                                (contentChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wb-editorjs>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"column\">\n            <div class=\"wb-texts-quadruple-numbers__container\">\n                <div class=\"wb-texts-quadruple-numbers__container__text\">\n                    <div>\n                        <div>\n                            {{ contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_MIDDLE_RIGHT] }}\n                        </div>\n                        <div>\n                            <wb-editorjs\n                                [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT_MIDDLE_RIGHT]\"\n                                (contentChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wb-editorjs>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"column\">\n            <div class=\"wb-texts-quadruple-numbers__container\">\n                <div class=\"wb-texts-quadruple-numbers__container__text\">\n                    <div>\n                        <div>\n                            {{ contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_RIGHT] }}\n                        </div>\n                        <div>\n                            <wb-editorjs\n                                [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT_RIGHT]\"\n                                (contentChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wb-editorjs>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n"
+                    template: "<div\n    class=\"wb-texts-quadruple-numbers\"\n    [ngClass]=\"{\n        'is-active':\n            hasTooltipFocusedLeftTop || hasTooltipFocusedMiddleLeftTop || hasTooltipFocusedMiddleRightTop || hasTooltipFocusedRightTop\n    }\"\n>\n    <div class=\"columns is-gapless\">\n        <div class=\"column\">\n            <div class=\"wb-texts-quadruple-numbers__container\">\n                <div class=\"wb-texts-quadruple-numbers__container__text\">\n                    <div>\n                        <div>\n                            {{ contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_LEFT] }}\n                        </div>\n                        <div class=\"transform-editor\">\n                            <wb-editorjs\n                                [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT_LEFT]\"\n                                (contentChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wb-editorjs>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"column\">\n            <div class=\"wb-texts-quadruple-numbers__container\">\n                <div class=\"wb-texts-quadruple-numbers__container__text\">\n                    <div>\n                        <div>\n                            {{ contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_MIDDLE_LEFT] }}\n                        </div>\n                        <div class=\"transform-editor\">\n                            <wb-editorjs\n                                [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT_MIDDLE_LEFT]\"\n                                (contentChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wb-editorjs>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"column\">\n            <div class=\"wb-texts-quadruple-numbers__container\">\n                <div class=\"wb-texts-quadruple-numbers__container__text\">\n                    <div>\n                        <div>\n                            {{ contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_MIDDLE_RIGHT] }}\n                        </div>\n                        <div class=\"transform-editor\">\n                            <wb-editorjs\n                                [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT_MIDDLE_RIGHT]\"\n                                (contentChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wb-editorjs>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n        <div class=\"column\">\n            <div class=\"wb-texts-quadruple-numbers__container\">\n                <div class=\"wb-texts-quadruple-numbers__container__text\">\n                    <div>\n                        <div>\n                            {{ contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_RIGHT] }}\n                        </div>\n                        <div class=\"transform-editor\">\n                            <wb-editorjs\n                                [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT_RIGHT]\"\n                                (contentChange)=\"persist()\"\n                                [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                            >\n                            </wb-editorjs>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n</div>\n"
                 },] }
     ];
     TextsQuadrupleNumbersComponent.ctorParameters = function () { return []; };
@@ -32437,7 +32714,7 @@
     TextBackgroundsThreeRowsIconTextComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: TextBackgroundsThreeRowsIconTextService.selector(),
-                    template: "<div class=\"wb-text-backgrounds-rows-icon-text wb-text-backgrounds-rows-icon-text--three\">\n    <div class=\"columns is-multiline\" *ngFor=\"let row of contents[BASE_BLOCK_CONTENT].rows; let i = index\">\n        <div class=\"wb-text-backgrounds-rows-icon-text__delete-line\">\n            <div\n                wbShowDeleteButton\n                *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number > 1\"\n                class=\"wb-text-backgrounds-rows-icon-text__delete-line__button\"\n            >\n                <i class=\"fas fa-trash-alt\"></i>\n                <p>{{ 'wb.structures.template.64' | translate }}</p>\n                <button (click)=\"deleteRow(i)\">{{ 'wb.structures.template.65' | translate }}</button>\n            </div>\n        </div>\n        <div class=\"column is-4-fullhd is-4-desktop\" *ngFor=\"let item of row; let j = index\">\n            <div class=\"wb-text-backgrounds-rows-icon-text__item\">\n                <div\n                    class=\"wb-text-backgrounds-rows-icon-text__item__content\"\n                    [ngClass]=\"{\n                        'wb-text-backgrounds-rows-icon-text__item__content--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-text-backgrounds-rows-icon-text__item__content--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-text-backgrounds-rows-icon-text__item__content--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                >\n                    <wb-structure-config\n                        [blockUUID]=\"uuid\"\n                        [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n                        [isFullwidth]=\"true\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                    >\n                        <wb-structure-config-input\n                            [label]=\"'wb.structures.template.9' | translate\"\n                            [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_TITLE]\"\n                            (ngModelChange)=\"persist()\"\n                        ></wb-structure-config-input>\n                        <wb-structure-config-input\n                            [label]=\"'wb.structures.template.10' | translate\"\n                            [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_URL]\"\n                            [placeholder]=\"'wb.structures.template.11' | translate\"\n                            (ngModelChange)=\"persist()\"\n                        ></wb-structure-config-input>\n                        <wb-structure-config-checkbox\n                            [label]=\"'wb.structures.template.12' | translate\"\n                            [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_URL_TARGET]\"\n                            (ngModelChange)=\"persist()\"\n                            [off]=\"'_self'\"\n                            [on]=\"'_blank'\"\n                        ></wb-structure-config-checkbox>\n                    </wb-structure-config>\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__noimages\"\n                        wbPicturesTemplateDirective\n                        [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                        *ngIf=\"!item[FORM_NAME_IMAGE]\"\n                        (click)=\"addNewImage(i, j)\"\n                    >\n                        <p>\n                            <i class=\"fal fa-image\"></i>\n                            {{ 'wb.structures.template.8' | translate }}\n                        </p>\n                    </div>\n                    <div *ngIf=\"item[FORM_NAME_IMAGE]\" class=\"wb-text-backgrounds-rows-icon-text__item__content__image\">\n                        <div\n                            wbGetSizeImageDirective\n                            [urlToParse]=\"item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n                            (onUpdate)=\"updateThisImage(item[FORM_NAME_IMAGE], $event)\"\n                            [style.background-image]=\"'url(' + item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                            *ngIf=\"item[FORM_NAME_IMAGE]\"\n                            class=\"wb-text-backgrounds-rows-icon-text__item__content__image__background\"\n                        ></div>\n                    </div>\n\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__wrapper\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                        (click)=\"onClickUpdateImage(i, j)\"\n                    >\n                        <div (click)=\"stopPropagation($event)\">\n                            <wb-structure-config-font\n                                [(value)]=\"item[FORM_NAME_ICON]\"\n                                [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR]\"\n                                (valueChange)=\"item[FORM_NAME_ICON] = $event; persist()\"\n                            ></wb-structure-config-font>\n                            <div class=\"wb-text-backgrounds-rows-icon-text__item__content__title\">\n                                <wb-editorjs\n                                    [(content)]=\"item[FORM_NAME_TITLE]\"\n                                    (contentChange)=\"persist()\"\n                                    [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                                >\n                                </wb-editorjs>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"columns\" *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number < 9\">\n        <div class=\"column\">\n            <div class=\"wb-text-backgrounds-rows-icon-text__add\">\n                <a (click)=\"addRow(contents[BASE_BLOCK_CONTENT].line_number)\">\n                    <i class=\"fal fa-plus-circle\"></i>\n                    <p>\n                        {{ 'wb.structures.template.63' | translate }}\n                    </p>\n                </a>\n            </div>\n        </div>\n    </div>\n</div>\n"
+                    template: "<div class=\"wb-text-backgrounds-rows-icon-text wb-text-backgrounds-rows-icon-text--three\">\n    <div class=\"columns is-multiline\" *ngFor=\"let row of contents[BASE_BLOCK_CONTENT].rows; let i = index\">\n        <div class=\"wb-text-backgrounds-rows-icon-text__delete-line\">\n            <div\n                wbShowDeleteButton\n                *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number > 1\"\n                class=\"wb-text-backgrounds-rows-icon-text__delete-line__button\"\n            >\n                <i class=\"fas fa-trash-alt\"></i>\n                <p>{{ 'wb.structures.template.64' | translate }}</p>\n                <button (click)=\"deleteRow(i)\">{{ 'wb.structures.template.65' | translate }}</button>\n            </div>\n        </div>\n        <div class=\"column is-4-fullhd is-4-desktop\" *ngFor=\"let item of row; let j = index\">\n            <wb-structure-config\n                [blockUUID]=\"uuid\"\n                [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n                [isFullwidth]=\"true\"\n                *ngIf=\"item[FORM_NAME_IMAGE]\"\n            >\n                <wb-structure-config-input\n                    [label]=\"'wb.structures.template.9' | translate\"\n                    [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_TITLE]\"\n                    (ngModelChange)=\"persist()\"\n                ></wb-structure-config-input>\n                <wb-structure-config-input\n                    [label]=\"'wb.structures.template.10' | translate\"\n                    [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_URL]\"\n                    [placeholder]=\"'wb.structures.template.11' | translate\"\n                    (ngModelChange)=\"persist()\"\n                ></wb-structure-config-input>\n                <wb-structure-config-checkbox\n                    [label]=\"'wb.structures.template.12' | translate\"\n                    [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_URL_TARGET]\"\n                    (ngModelChange)=\"persist()\"\n                    [off]=\"'_self'\"\n                    [on]=\"'_blank'\"\n                ></wb-structure-config-checkbox>\n            </wb-structure-config>\n            <div class=\"wb-text-backgrounds-rows-icon-text__item\">\n                <div\n                    class=\"wb-text-backgrounds-rows-icon-text__item__content\"\n                    [ngClass]=\"{\n                        'wb-text-backgrounds-rows-icon-text__item__content--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-text-backgrounds-rows-icon-text__item__content--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-text-backgrounds-rows-icon-text__item__content--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                >\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__noimages\"\n                        wbPicturesTemplateDirective\n                        [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                        *ngIf=\"!item[FORM_NAME_IMAGE]\"\n                        (click)=\"addNewImage(i, j)\"\n                    >\n                        <p>\n                            <i class=\"fal fa-image\"></i>\n                            {{ 'wb.structures.template.8' | translate }}\n                        </p>\n                    </div>\n                    <div *ngIf=\"item[FORM_NAME_IMAGE]\" class=\"wb-text-backgrounds-rows-icon-text__item__content__image\">\n                        <div\n                            wbGetSizeImageDirective\n                            [urlToParse]=\"item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n                            (onUpdate)=\"updateThisImage(item[FORM_NAME_IMAGE], $event)\"\n                            [style.background-image]=\"'url(' + item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                            *ngIf=\"item[FORM_NAME_IMAGE]\"\n                            class=\"wb-text-backgrounds-rows-icon-text__item__content__image__background\"\n                        ></div>\n                    </div>\n\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__wrapper\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                        (click)=\"onClickUpdateImage(i, j)\"\n                    >\n                        <div (click)=\"stopPropagation($event)\">\n                            <wb-structure-config-font\n                                [(value)]=\"item[FORM_NAME_ICON]\"\n                                [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR]\"\n                                (valueChange)=\"item[FORM_NAME_ICON] = $event; persist()\"\n                            ></wb-structure-config-font>\n                            <div class=\"wb-text-backgrounds-rows-icon-text__item__content__title\">\n                                <wb-editorjs\n                                    [(content)]=\"item[FORM_NAME_TITLE]\"\n                                    (contentChange)=\"persist()\"\n                                    [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                                >\n                                </wb-editorjs>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"columns\" *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number < 9\">\n        <div class=\"column\">\n            <div class=\"wb-text-backgrounds-rows-icon-text__add\">\n                <a (click)=\"addRow(contents[BASE_BLOCK_CONTENT].line_number)\">\n                    <i class=\"fal fa-plus-circle\"></i>\n                    <p>\n                        {{ 'wb.structures.template.63' | translate }}\n                    </p>\n                </a>\n            </div>\n        </div>\n    </div>\n</div>\n"
                 },] }
     ];
     TextBackgroundsThreeRowsIconTextComponent.ctorParameters = function () { return [
@@ -32518,12 +32795,17 @@
         TextBackgroundsFourRowsIconTextComponent.prototype.stopPropagation = function ($event) {
             $event.stopPropagation();
         };
+        TextBackgroundsFourRowsIconTextComponent.prototype.triggerConfig = function (uuid) {
+            var element = document.querySelectorAll('#' + uuid + ' .wb-structure-config__tools')[0];
+            console.log(element);
+            element.click();
+        };
         return TextBackgroundsFourRowsIconTextComponent;
     }(StructuresComponent));
     TextBackgroundsFourRowsIconTextComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: TextBackgroundsFourRowsIconTextService.selector(),
-                    template: "<div class=\"wb-text-backgrounds-rows-icon-text wb-text-backgrounds-rows-icon-text--four\">\n    <div class=\"columns is-multiline\" *ngFor=\"let row of contents[BASE_BLOCK_CONTENT].rows; let i = index\">\n        <div class=\"wb-text-backgrounds-rows-icon-text__delete-line\">\n            <div\n                wbShowDeleteButton\n                *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number > 1\"\n                class=\"wb-text-backgrounds-rows-icon-text__delete-line__button\"\n            >\n                <i class=\"fas fa-trash-alt\"></i>\n                <p>{{ 'wb.structures.template.64' | translate }}</p>\n                <button (click)=\"deleteRow(i)\">{{ 'wb.structures.template.65' | translate }}</button>\n            </div>\n        </div>\n        <div class=\"column is-3-fullhd is-3-desktop\" *ngFor=\"let item of row; let j = index\">\n            <div class=\"wb-text-backgrounds-rows-icon-text__item\">\n                <div\n                    class=\"wb-text-backgrounds-rows-icon-text__item__content\"\n                    [ngClass]=\"{\n                        'wb-text-backgrounds-rows-icon-text__item__content--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-text-backgrounds-rows-icon-text__item__content--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-text-backgrounds-rows-icon-text__item__content--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                >\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__noimages\"\n                        [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                        wbPicturesTemplateDirective\n                        *ngIf=\"!item[FORM_NAME_IMAGE]\"\n                        (click)=\"addNewImage(i, j)\"\n                    >\n                        <p>\n                            {{ 'wb.structures.template.8' | translate }}\n                        </p>\n                    </div>\n                    <wb-structure-config\n                        [blockUUID]=\"uuid\"\n                        [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n                        [isFullwidth]=\"true\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                    >\n                        <wb-structure-config-input\n                            [label]=\"'wb.structures.template.9' | translate\"\n                            [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_TITLE]\"\n                            (ngModelChange)=\"persist()\"\n                        ></wb-structure-config-input>\n                        <wb-structure-config-input\n                            [label]=\"'wb.structures.template.10' | translate\"\n                            [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_URL]\"\n                            [placeholder]=\"'wb.structures.template.11' | translate\"\n                            (ngModelChange)=\"persist()\"\n                        ></wb-structure-config-input>\n                        <wb-structure-config-checkbox\n                            [label]=\"'wb.structures.template.12' | translate\"\n                            [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_URL_TARGET]\"\n                            (ngModelChange)=\"persist()\"\n                            [off]=\"'_self'\"\n                            [on]=\"'_blank'\"\n                        ></wb-structure-config-checkbox>\n                    </wb-structure-config>\n                    <div *ngIf=\"item[FORM_NAME_IMAGE]\" class=\"wb-text-backgrounds-rows-icon-text__item__content__image\">\n                        <div\n                            wbGetSizeImageDirective\n                            [urlToParse]=\"item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n                            (onUpdate)=\"updateThisImage(item[FORM_NAME_IMAGE], $event)\"\n                            [style.background-image]=\"'url(' + item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                            *ngIf=\"item[FORM_NAME_IMAGE]\"\n                            class=\"wb-text-backgrounds-rows-icon-text__item__content__image__background\"\n                        ></div>\n                    </div>\n\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__wrapper\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                        (click)=\"onClickUpdateImage(i, j)\"\n                    >\n                        <div (click)=\"stopPropagation($event)\">\n                            <wb-structure-config-font\n                                [(value)]=\"item[FORM_NAME_ICON]\"\n                                [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR]\"\n                                (valueChange)=\"item[FORM_NAME_ICON] = $event; persist()\"\n                            ></wb-structure-config-font>\n                            <div class=\"wb-text-backgrounds-rows-icon-text__item__content__title\">\n                                <wb-editorjs\n                                    [(content)]=\"item[FORM_NAME_TITLE]\"\n                                    (contentChange)=\"persist()\"\n                                    [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                                >\n                                </wb-editorjs>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"columns\" *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number < 9\">\n        <div class=\"column\">\n            <div class=\"wb-text-backgrounds-rows-icon-text__add\">\n                <a (click)=\"addRow(contents[BASE_BLOCK_CONTENT].line_number)\">\n                    <i class=\"fal fa-plus-circle\"></i>\n                    <p>\n                        {{ 'wb.structures.template.63' | translate }}\n                    </p>\n                </a>\n            </div>\n        </div>\n    </div>\n</div>\n"
+                    template: "<div class=\"wb-text-backgrounds-rows-icon-text wb-text-backgrounds-rows-icon-text--four\">\n    <div class=\"columns is-multiline\" *ngFor=\"let row of contents[BASE_BLOCK_CONTENT].rows; let i = index\">\n        <div class=\"wb-text-backgrounds-rows-icon-text__delete-line\">\n            <div\n                wbShowDeleteButton\n                *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number > 1\"\n                class=\"wb-text-backgrounds-rows-icon-text__delete-line__button\"\n            >\n                <i class=\"fas fa-trash-alt\"></i>\n                <p>{{ 'wb.structures.template.64' | translate }}</p>\n                <button (click)=\"deleteRow(i)\">{{ 'wb.structures.template.65' | translate }}</button>\n            </div>\n        </div>\n        <div class=\"column is-3-fullhd is-3-desktop\" *ngFor=\"let item of row; let j = index\">\n            <wb-structure-config\n                [blockUUID]=\"uuid\"\n                [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n                [isFullwidth]=\"true\"\n                *ngIf=\"item[FORM_NAME_IMAGE]\"\n            >\n                <wb-structure-config-input\n                    [label]=\"'wb.structures.template.9' | translate\"\n                    [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_TITLE]\"\n                    (ngModelChange)=\"persist()\"\n                ></wb-structure-config-input>\n                <wb-structure-config-input\n                    [label]=\"'wb.structures.template.10' | translate\"\n                    [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_URL]\"\n                    [placeholder]=\"'wb.structures.template.11' | translate\"\n                    (ngModelChange)=\"persist()\"\n                ></wb-structure-config-input>\n                <wb-structure-config-checkbox\n                    [label]=\"'wb.structures.template.12' | translate\"\n                    [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_URL_TARGET]\"\n                    (ngModelChange)=\"persist()\"\n                    [off]=\"'_self'\"\n                    [on]=\"'_blank'\"\n                ></wb-structure-config-checkbox>\n            </wb-structure-config>\n            <div class=\"wb-text-backgrounds-rows-icon-text__item\">\n                <div\n                    class=\"wb-text-backgrounds-rows-icon-text__item__content\"\n                    [ngClass]=\"{\n                        'wb-text-backgrounds-rows-icon-text__item__content--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-text-backgrounds-rows-icon-text__item__content--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-text-backgrounds-rows-icon-text__item__content--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                >\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__noimages\"\n                        [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                        wbPicturesTemplateDirective\n                        *ngIf=\"!item[FORM_NAME_IMAGE]\"\n                        (click)=\"addNewImage(i, j)\"\n                    >\n                        <p>\n                            {{ 'wb.structures.template.8' | translate }}\n                        </p>\n                    </div>\n                    <div *ngIf=\"item[FORM_NAME_IMAGE]\" class=\"wb-text-backgrounds-rows-icon-text__item__content__image\">\n                        <div\n                            wbGetSizeImageDirective\n                            [urlToParse]=\"item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n                            (onUpdate)=\"updateThisImage(item[FORM_NAME_IMAGE], $event)\"\n                            [style.background-image]=\"'url(' + item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                            *ngIf=\"item[FORM_NAME_IMAGE]\"\n                            class=\"wb-text-backgrounds-rows-icon-text__item__content__image__background\"\n                        ></div>\n                    </div>\n\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__wrapper\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                        (click)=\"onClickUpdateImage(i, j)\"\n                    >\n                        <div (click)=\"stopPropagation($event)\">\n                            <wb-structure-config-font\n                                [(value)]=\"item[FORM_NAME_ICON]\"\n                                [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR]\"\n                                (valueChange)=\"item[FORM_NAME_ICON] = $event; persist()\"\n                            ></wb-structure-config-font>\n                            <div class=\"wb-text-backgrounds-rows-icon-text__item__content__title\">\n                                <wb-editorjs\n                                    [(content)]=\"item[FORM_NAME_TITLE]\"\n                                    (contentChange)=\"persist()\"\n                                    [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                                >\n                                </wb-editorjs>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"columns\" *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number < 9\">\n        <div class=\"column\">\n            <div class=\"wb-text-backgrounds-rows-icon-text__add\">\n                <a (click)=\"addRow(contents[BASE_BLOCK_CONTENT].line_number)\">\n                    <i class=\"fal fa-plus-circle\"></i>\n                    <p>\n                        {{ 'wb.structures.template.63' | translate }}\n                    </p>\n                </a>\n            </div>\n        </div>\n    </div>\n</div>\n"
                 },] }
     ];
     TextBackgroundsFourRowsIconTextComponent.ctorParameters = function () { return [
@@ -32609,7 +32891,7 @@
     TextBackgroundsTwoRowsIconTextComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: TextBackgroundsTwoRowsIconTextService.selector(),
-                    template: "<div class=\"wb-text-backgrounds-rows-icon-text wb-text-backgrounds-rows-icon-text--two\">\n    <div class=\"columns is-multiline\" *ngFor=\"let row of contents[BASE_BLOCK_CONTENT].rows; let i = index\">\n        <div class=\"wb-text-backgrounds-rows-icon-text__delete-line\">\n            <div\n                wbShowDeleteButton\n                *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number > 1\"\n                class=\"wb-text-backgrounds-rows-icon-text__delete-line__button\"\n            >\n                <i class=\"fas fa-trash-alt\"></i>\n                <p>{{ 'wb.structures.template.64' | translate }}</p>\n                <button (click)=\"deleteRow(i)\">{{ 'wb.structures.template.65' | translate }}</button>\n            </div>\n        </div>\n        <div class=\"column is-6-fullhd is-6-desktop\" *ngFor=\"let item of row; let j = index\">\n            <div class=\"wb-text-backgrounds-rows-icon-text__item\">\n                <div\n                    class=\"wb-text-backgrounds-rows-icon-text__item__content\"\n                    [ngClass]=\"{\n                        'wb-text-backgrounds-rows-icon-text__item__content--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-text-backgrounds-rows-icon-text__item__content--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-text-backgrounds-rows-icon-text__item__content--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                >\n                    <wb-structure-config\n                        [blockUUID]=\"uuid\"\n                        [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n                        [isFullwidth]=\"true\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                    >\n                        <wb-structure-config-input\n                            [label]=\"'wb.structures.template.9' | translate\"\n                            [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_TITLE]\"\n                            (ngModelChange)=\"persist()\"\n                        ></wb-structure-config-input>\n                        <wb-structure-config-input\n                            [label]=\"'wb.structures.template.10' | translate\"\n                            [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_URL]\"\n                            [placeholder]=\"'wb.structures.template.11' | translate\"\n                            (ngModelChange)=\"persist()\"\n                        ></wb-structure-config-input>\n                        <wb-structure-config-checkbox\n                            [label]=\"'wb.structures.template.12' | translate\"\n                            [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_URL_TARGET]\"\n                            (ngModelChange)=\"persist()\"\n                            [off]=\"'_self'\"\n                            [on]=\"'_blank'\"\n                        ></wb-structure-config-checkbox>\n                    </wb-structure-config>\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__noimages\"\n                        wbPicturesTemplateDirective\n                        [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                        *ngIf=\"!item[FORM_NAME_IMAGE]\"\n                        (click)=\"addNewImage(i, j)\"\n                    >\n                        <p>\n                            <i class=\"fal fa-image\"></i>\n                            {{ 'wb.structures.template.8' | translate }}\n                        </p>\n                    </div>\n                    <div *ngIf=\"item[FORM_NAME_IMAGE]\" class=\"wb-text-backgrounds-rows-icon-text__item__content__image\">\n                        <div\n                            wbGetSizeImageDirective\n                            [urlToParse]=\"item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n                            (onUpdate)=\"updateThisImage(item[FORM_NAME_IMAGE], $event)\"\n                            [style.background-image]=\"'url(' + item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                            *ngIf=\"item[FORM_NAME_IMAGE]\"\n                            class=\"wb-text-backgrounds-rows-icon-text__item__content__image__background\"\n                        ></div>\n                    </div>\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__wrapper\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                        (click)=\"onClickUpdateImage(i, j)\"\n                    >\n                        <div (click)=\"stopPropagation($event)\">\n                            <wb-structure-config-font\n                                [(value)]=\"item[FORM_NAME_ICON]\"\n                                [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR]\"\n                                (valueChange)=\"item[FORM_NAME_ICON] = $event; persist()\"\n                            ></wb-structure-config-font>\n                            <div class=\"wb-text-backgrounds-rows-icon-text__item__content__title\">\n                                <wb-editorjs\n                                    [(content)]=\"item[FORM_NAME_TITLE]\"\n                                    (contentChange)=\"persist()\"\n                                    [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                                >\n                                </wb-editorjs>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"columns\" *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number < 9\">\n        <div class=\"column\">\n            <div class=\"wb-text-backgrounds-rows-icon-text__add\">\n                <a (click)=\"addRow(contents[BASE_BLOCK_CONTENT].line_number)\">\n                    <i class=\"fal fa-plus-circle\"></i>\n                    <p>\n                        {{ 'wb.structures.template.63' | translate }}\n                    </p>\n                </a>\n            </div>\n        </div>\n    </div>\n</div>\n"
+                    template: "<div class=\"wb-text-backgrounds-rows-icon-text wb-text-backgrounds-rows-icon-text--two\">\n    <div class=\"columns is-multiline\" *ngFor=\"let row of contents[BASE_BLOCK_CONTENT].rows; let i = index\">\n        <div class=\"wb-text-backgrounds-rows-icon-text__delete-line\">\n            <div\n                wbShowDeleteButton\n                *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number > 1\"\n                class=\"wb-text-backgrounds-rows-icon-text__delete-line__button\"\n            >\n                <i class=\"fas fa-trash-alt\"></i>\n                <p>{{ 'wb.structures.template.64' | translate }}</p>\n                <button (click)=\"deleteRow(i)\">{{ 'wb.structures.template.65' | translate }}</button>\n            </div>\n        </div>\n        <div class=\"column is-6-fullhd is-6-desktop\" *ngFor=\"let item of row; let j = index\">\n            <wb-structure-config\n                [blockUUID]=\"uuid\"\n                [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n                [isFullwidth]=\"true\"\n                *ngIf=\"item[FORM_NAME_IMAGE]\"\n            >\n                <wb-structure-config-input\n                    [label]=\"'wb.structures.template.9' | translate\"\n                    [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_TITLE]\"\n                    (ngModelChange)=\"persist()\"\n                ></wb-structure-config-input>\n                <wb-structure-config-input\n                    [label]=\"'wb.structures.template.10' | translate\"\n                    [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_URL]\"\n                    [placeholder]=\"'wb.structures.template.11' | translate\"\n                    (ngModelChange)=\"persist()\"\n                ></wb-structure-config-input>\n                <wb-structure-config-checkbox\n                    [label]=\"'wb.structures.template.12' | translate\"\n                    [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_URL_TARGET]\"\n                    (ngModelChange)=\"persist()\"\n                    [off]=\"'_self'\"\n                    [on]=\"'_blank'\"\n                ></wb-structure-config-checkbox>\n            </wb-structure-config>\n            <div class=\"wb-text-backgrounds-rows-icon-text__item\">\n                <div\n                    class=\"wb-text-backgrounds-rows-icon-text__item__content\"\n                    [ngClass]=\"{\n                        'wb-text-backgrounds-rows-icon-text__item__content--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-text-backgrounds-rows-icon-text__item__content--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-text-backgrounds-rows-icon-text__item__content--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                >\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__noimages\"\n                        wbPicturesTemplateDirective\n                        [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                        *ngIf=\"!item[FORM_NAME_IMAGE]\"\n                        (click)=\"addNewImage(i, j)\"\n                    >\n                        <p>\n                            <i class=\"fal fa-image\"></i>\n                            {{ 'wb.structures.template.8' | translate }}\n                        </p>\n                    </div>\n                    <div *ngIf=\"item[FORM_NAME_IMAGE]\" class=\"wb-text-backgrounds-rows-icon-text__item__content__image\">\n                        <div\n                            wbGetSizeImageDirective\n                            [urlToParse]=\"item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n                            (onUpdate)=\"updateThisImage(item[FORM_NAME_IMAGE], $event)\"\n                            [style.background-image]=\"'url(' + item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                            *ngIf=\"item[FORM_NAME_IMAGE]\"\n                            class=\"wb-text-backgrounds-rows-icon-text__item__content__image__background\"\n                        ></div>\n                    </div>\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__wrapper\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                        (click)=\"onClickUpdateImage(i, j)\"\n                    >\n                        <div (click)=\"stopPropagation($event)\">\n                            <wb-structure-config-font\n                                [(value)]=\"item[FORM_NAME_ICON]\"\n                                [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR]\"\n                                (valueChange)=\"item[FORM_NAME_ICON] = $event; persist()\"\n                            ></wb-structure-config-font>\n                            <div class=\"wb-text-backgrounds-rows-icon-text__item__content__title\">\n                                <wb-editorjs\n                                    [(content)]=\"item[FORM_NAME_TITLE]\"\n                                    (contentChange)=\"persist()\"\n                                    [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n                                >\n                                </wb-editorjs>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n            </div>\n        </div>\n    </div>\n    <div class=\"columns\" *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number < 9\">\n        <div class=\"column\">\n            <div class=\"wb-text-backgrounds-rows-icon-text__add\">\n                <a (click)=\"addRow(contents[BASE_BLOCK_CONTENT].line_number)\">\n                    <i class=\"fal fa-plus-circle\"></i>\n                    <p>\n                        {{ 'wb.structures.template.63' | translate }}\n                    </p>\n                </a>\n            </div>\n        </div>\n    </div>\n</div>\n"
                 },] }
     ];
     TextBackgroundsTwoRowsIconTextComponent.ctorParameters = function () { return [
@@ -33083,7 +33365,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\" *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 class=\"color-wrapper\">\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                <span [innerHTML]=\"form.value\"></span>\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)=\"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 control--flexStart\" *ngIf=\"form.type === FORM_TYPE_COLOR\" #colors>\n            <div class=\"color-wrapper\">\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                <span [innerHTML]=\"form.value\"></span>\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')]
                 },] }
     ];
@@ -33295,240 +33577,241 @@
     exports.ɵca = FaqComponent;
     exports.ɵcb = EditorJsComponent;
     exports.ɵcc = EditorJSConversionService;
-    exports.ɵcd = BlockComponentList;
-    exports.ɵce = StructuresModule;
-    exports.ɵcf = SliderFullpageComponent;
-    exports.ɵcg = StructuresComponent;
-    exports.ɵch = SlidersFullpageService;
-    exports.ɵci = SliderLeftnavComponent;
-    exports.ɵcj = SlidersLeftnavService;
-    exports.ɵck = SliderImagerightComponent;
-    exports.ɵcl = SlidersImagerightService;
-    exports.ɵcm = SliderDoubleImagerightComponent;
-    exports.ɵcn = SlidersDoubleImagerightService;
-    exports.ɵco = SeparatorSimpleComponent;
-    exports.ɵcp = SeparatorSimpleService;
-    exports.ɵcq = CodeHtmlComponent;
-    exports.ɵcr = CodeHtmlService;
-    exports.ɵcs = CodeJavascriptComponent;
-    exports.ɵct = CodeJavascriptService;
-    exports.ɵcu = VideosSimpleComponent;
-    exports.ɵcv = VideosSimpleService;
-    exports.ɵcw = YoutubeService;
-    exports.ɵcx = VimeoService;
-    exports.ɵcy = VideosTxtComponent;
-    exports.ɵcz = VideosTxtService;
+    exports.ɵcd = EditorJSTranslationService;
+    exports.ɵce = BlockComponentList;
+    exports.ɵcf = StructuresModule;
+    exports.ɵcg = SliderFullpageComponent;
+    exports.ɵch = StructuresComponent;
+    exports.ɵci = SlidersFullpageService;
+    exports.ɵcj = SliderLeftnavComponent;
+    exports.ɵck = SlidersLeftnavService;
+    exports.ɵcl = SliderImagerightComponent;
+    exports.ɵcm = SlidersImagerightService;
+    exports.ɵcn = SliderDoubleImagerightComponent;
+    exports.ɵco = SlidersDoubleImagerightService;
+    exports.ɵcp = SeparatorSimpleComponent;
+    exports.ɵcq = SeparatorSimpleService;
+    exports.ɵcr = CodeHtmlComponent;
+    exports.ɵcs = CodeHtmlService;
+    exports.ɵct = CodeJavascriptComponent;
+    exports.ɵcu = CodeJavascriptService;
+    exports.ɵcv = VideosSimpleComponent;
+    exports.ɵcw = VideosSimpleService;
+    exports.ɵcx = YoutubeService;
+    exports.ɵcy = VimeoService;
+    exports.ɵcz = VideosTxtComponent;
     exports.ɵd = animateListFromLeft;
-    exports.ɵda = VideosTxtContentComponent;
-    exports.ɵdb = VideosTxtContentService;
-    exports.ɵdc = LaunchVideosButtonComponent;
-    exports.ɵdd = LaunchVideosButtonService;
-    exports.ɵde = LaunchVideosButtontxtComponent;
-    exports.ɵdf = LaunchVideosButtontxtService;
-    exports.ɵdg = ImagesBannerComponent;
-    exports.ɵdh = ImagesBannerService;
-    exports.ɵdi = ImagesSimpleComponent;
-    exports.ɵdj = ImagesSimpleService;
-    exports.ɵdk = ImagesDoubleComponent;
-    exports.ɵdl = ImagesDoubleService;
-    exports.ɵdm = ImagesTripleComponent;
-    exports.ɵdn = ImagesTripleService;
-    exports.ɵdo = ImagesQuadrupleComponent;
-    exports.ɵdp = ImagesQuadrupleService;
-    exports.ɵdq = ImagesQuadrupleLeftOneRightComponent;
-    exports.ɵdr = ImagesQuadrupleLeftOneRightService;
-    exports.ɵds = ImagesBigAndDoubleComponent;
-    exports.ɵdt = ImagesBigAndDoubleService;
-    exports.ɵdu = ImagesBigsAndDoubleMiddleComponent;
-    exports.ɵdv = ImagesBigsAndDoubleMiddleService;
-    exports.ɵdw = TextBackgroundsLinkComponent;
-    exports.ɵdx = TextBackgroundsLinkService;
-    exports.ɵdy = TextBackgroundsSimpleComponent;
-    exports.ɵdz = TextBackgroundsSimpleService;
+    exports.ɵda = VideosTxtService;
+    exports.ɵdb = VideosTxtContentComponent;
+    exports.ɵdc = VideosTxtContentService;
+    exports.ɵdd = LaunchVideosButtonComponent;
+    exports.ɵde = LaunchVideosButtonService;
+    exports.ɵdf = LaunchVideosButtontxtComponent;
+    exports.ɵdg = LaunchVideosButtontxtService;
+    exports.ɵdh = ImagesBannerComponent;
+    exports.ɵdi = ImagesBannerService;
+    exports.ɵdj = ImagesSimpleComponent;
+    exports.ɵdk = ImagesSimpleService;
+    exports.ɵdl = ImagesDoubleComponent;
+    exports.ɵdm = ImagesDoubleService;
+    exports.ɵdn = ImagesTripleComponent;
+    exports.ɵdo = ImagesTripleService;
+    exports.ɵdp = ImagesQuadrupleComponent;
+    exports.ɵdq = ImagesQuadrupleService;
+    exports.ɵdr = ImagesQuadrupleLeftOneRightComponent;
+    exports.ɵds = ImagesQuadrupleLeftOneRightService;
+    exports.ɵdt = ImagesBigAndDoubleComponent;
+    exports.ɵdu = ImagesBigAndDoubleService;
+    exports.ɵdv = ImagesBigsAndDoubleMiddleComponent;
+    exports.ɵdw = ImagesBigsAndDoubleMiddleService;
+    exports.ɵdx = TextBackgroundsLinkComponent;
+    exports.ɵdy = TextBackgroundsLinkService;
+    exports.ɵdz = TextBackgroundsSimpleComponent;
     exports.ɵe = ConfigService;
-    exports.ɵea = TextBackgroundsWithTxtComponent;
-    exports.ɵeb = TextBackgroundsWithTxtService;
-    exports.ɵec = ImagesTextsBigLeftTextRightComponent;
-    exports.ɵed = ImagesTextsBigLeftTextRightService;
-    exports.ɵee = ImagesTextsBigRightTextLeftComponent;
-    exports.ɵef = ImagesTextsBigRightTextLeftService;
-    exports.ɵeg = ImagesTextsLeftTextRightComponent;
-    exports.ɵeh = ImagesTextsLeftTextRightService;
-    exports.ɵei = ImagesTextsRightTextLeftComponent;
-    exports.ɵej = ImagesTextsRightTextLeftService;
-    exports.ɵek = ImagesTextsOneTextOneComponent;
-    exports.ɵel = ImagesTextsOneTextOneService;
-    exports.ɵem = ImagesTextsSmallLeftTextRightComponent;
-    exports.ɵen = ImagesTextsSmallLeftTextRightService;
-    exports.ɵeo = ImagesTextsSmallRightTextLeftComponent;
-    exports.ɵep = ImagesTextsSmallRightTextLeftService;
-    exports.ɵeq = ImagesTextsTextOneTextComponent;
-    exports.ɵer = ImagesTextsTextOneTextService;
-    exports.ɵes = TextsOneBackgroundComponent;
-    exports.ɵet = TextsOneBackgroundService;
-    exports.ɵeu = TextsDoubleBackgroundComponent;
-    exports.ɵev = TextsDoubleBackgroundService;
-    exports.ɵew = TextsTripleBackgroundComponent;
-    exports.ɵex = TextsTripleBackgroundService;
-    exports.ɵey = TextsQuadrupleComponent;
-    exports.ɵez = TextsQuadrupleService;
+    exports.ɵea = TextBackgroundsSimpleService;
+    exports.ɵeb = TextBackgroundsWithTxtComponent;
+    exports.ɵec = TextBackgroundsWithTxtService;
+    exports.ɵed = ImagesTextsBigLeftTextRightComponent;
+    exports.ɵee = ImagesTextsBigLeftTextRightService;
+    exports.ɵef = ImagesTextsBigRightTextLeftComponent;
+    exports.ɵeg = ImagesTextsBigRightTextLeftService;
+    exports.ɵeh = ImagesTextsLeftTextRightComponent;
+    exports.ɵei = ImagesTextsLeftTextRightService;
+    exports.ɵej = ImagesTextsRightTextLeftComponent;
+    exports.ɵek = ImagesTextsRightTextLeftService;
+    exports.ɵel = ImagesTextsOneTextOneComponent;
+    exports.ɵem = ImagesTextsOneTextOneService;
+    exports.ɵen = ImagesTextsSmallLeftTextRightComponent;
+    exports.ɵeo = ImagesTextsSmallLeftTextRightService;
+    exports.ɵep = ImagesTextsSmallRightTextLeftComponent;
+    exports.ɵeq = ImagesTextsSmallRightTextLeftService;
+    exports.ɵer = ImagesTextsTextOneTextComponent;
+    exports.ɵes = ImagesTextsTextOneTextService;
+    exports.ɵet = TextsOneBackgroundComponent;
+    exports.ɵeu = TextsOneBackgroundService;
+    exports.ɵev = TextsDoubleBackgroundComponent;
+    exports.ɵew = TextsDoubleBackgroundService;
+    exports.ɵex = TextsTripleBackgroundComponent;
+    exports.ɵey = TextsTripleBackgroundService;
+    exports.ɵez = TextsQuadrupleComponent;
     exports.ɵf = ContentService;
-    exports.ɵfa = TextsQuadrupleNumbersComponent;
-    exports.ɵfb = TextsQuadrupleNumbersService;
-    exports.ɵfc = FormsSimpleComponent;
-    exports.ɵfd = FormsSimpleService;
-    exports.ɵfe = TextsQuadrupleBackgroundComponent;
-    exports.ɵff = TextsQuadrupleBackgroundService;
-    exports.ɵfg = TextsTripleComponent;
-    exports.ɵfh = TextsTripleService;
-    exports.ɵfi = TextsOneComponent;
-    exports.ɵfj = TextsOneService;
-    exports.ɵfk = TextsDoubleComponent;
-    exports.ɵfl = TextsDoubleService;
-    exports.ɵfm = FormsBackgroundComponent;
-    exports.ɵfn = FormsBackgroundService;
-    exports.ɵfo = VideosTxtLeftComponent;
-    exports.ɵfp = VideosTxtLeftService;
-    exports.ɵfq = FormsImageleftComponent;
-    exports.ɵfr = FormsImageleftService;
-    exports.ɵfs = FormsImagerightComponent;
-    exports.ɵft = FormsImagerightService;
-    exports.ɵfu = FormsOnboardingComponent;
-    exports.ɵfv = FormsOnboardingService;
-    exports.ɵfw = SocialsLikeComponent;
-    exports.ɵfx = SocialsLikeService;
-    exports.ɵfy = SocialsPageSimpleComponent;
-    exports.ɵfz = SocialsPageSimpleService;
+    exports.ɵfa = TextsQuadrupleService;
+    exports.ɵfb = TextsQuadrupleNumbersComponent;
+    exports.ɵfc = TextsQuadrupleNumbersService;
+    exports.ɵfd = FormsSimpleComponent;
+    exports.ɵfe = FormsSimpleService;
+    exports.ɵff = TextsQuadrupleBackgroundComponent;
+    exports.ɵfg = TextsQuadrupleBackgroundService;
+    exports.ɵfh = TextsTripleComponent;
+    exports.ɵfi = TextsTripleService;
+    exports.ɵfj = TextsOneComponent;
+    exports.ɵfk = TextsOneService;
+    exports.ɵfl = TextsDoubleComponent;
+    exports.ɵfm = TextsDoubleService;
+    exports.ɵfn = FormsBackgroundComponent;
+    exports.ɵfo = FormsBackgroundService;
+    exports.ɵfp = VideosTxtLeftComponent;
+    exports.ɵfq = VideosTxtLeftService;
+    exports.ɵfr = FormsImageleftComponent;
+    exports.ɵfs = FormsImageleftService;
+    exports.ɵft = FormsImagerightComponent;
+    exports.ɵfu = FormsImagerightService;
+    exports.ɵfv = FormsOnboardingComponent;
+    exports.ɵfw = FormsOnboardingService;
+    exports.ɵfx = SocialsLikeComponent;
+    exports.ɵfy = SocialsLikeService;
+    exports.ɵfz = SocialsPageSimpleComponent;
     exports.ɵg = ExternalConfigService;
-    exports.ɵga = SocialsPageComplexComponent;
-    exports.ɵgb = SocialsPageComplexService;
-    exports.ɵgc = SocialsNetworkComponent;
-    exports.ɵgd = SocialsNetworkService;
-    exports.ɵge = ProductsListClassicComponent;
-    exports.ɵgf = ProductsListClassicService;
-    exports.ɵgg = CurrencyService;
-    exports.ɵgh = ProductsListSimpleComponent;
-    exports.ɵgi = ProductsListSimpleService;
-    exports.ɵgj = RassurancesTripleBackgroundComponent;
-    exports.ɵgk = RassurancesTripleBackgroundService;
-    exports.ɵgl = RassurancesQuadrupleAlignedComponent;
-    exports.ɵgm = RassurancesQuadrupleAlignedService;
-    exports.ɵgn = RassurancesQuadrupleBackgroundComponent;
-    exports.ɵgo = RassurancesQuadrupleBackgroundService;
-    exports.ɵgp = NewsletterAlignedCenterImageComponent;
-    exports.ɵgq = NewsletterAlignedCenterImageService;
-    exports.ɵgr = NewsletterAlignedCenterBackgroundComponent;
-    exports.ɵgs = NewsletterAlignedCenterBackgroundService;
-    exports.ɵgt = NewsletterCenterImageComponent;
-    exports.ɵgu = NewsletterCenterImageService;
-    exports.ɵgv = ProductsListSelectedComponent;
-    exports.ɵgw = ProductsListSelectedService;
-    exports.ɵgx = CodeStylesheetComponent;
-    exports.ɵgy = CodeStylesheetService;
-    exports.ɵgz = WitnessTwiceComponent;
+    exports.ɵga = SocialsPageSimpleService;
+    exports.ɵgb = SocialsPageComplexComponent;
+    exports.ɵgc = SocialsPageComplexService;
+    exports.ɵgd = SocialsNetworkComponent;
+    exports.ɵge = SocialsNetworkService;
+    exports.ɵgf = ProductsListClassicComponent;
+    exports.ɵgg = ProductsListClassicService;
+    exports.ɵgh = CurrencyService;
+    exports.ɵgi = ProductsListSimpleComponent;
+    exports.ɵgj = ProductsListSimpleService;
+    exports.ɵgk = RassurancesTripleBackgroundComponent;
+    exports.ɵgl = RassurancesTripleBackgroundService;
+    exports.ɵgm = RassurancesQuadrupleAlignedComponent;
+    exports.ɵgn = RassurancesQuadrupleAlignedService;
+    exports.ɵgo = RassurancesQuadrupleBackgroundComponent;
+    exports.ɵgp = RassurancesQuadrupleBackgroundService;
+    exports.ɵgq = NewsletterAlignedCenterImageComponent;
+    exports.ɵgr = NewsletterAlignedCenterImageService;
+    exports.ɵgs = NewsletterAlignedCenterBackgroundComponent;
+    exports.ɵgt = NewsletterAlignedCenterBackgroundService;
+    exports.ɵgu = NewsletterCenterImageComponent;
+    exports.ɵgv = NewsletterCenterImageService;
+    exports.ɵgw = ProductsListSelectedComponent;
+    exports.ɵgx = ProductsListSelectedService;
+    exports.ɵgy = CodeStylesheetComponent;
+    exports.ɵgz = CodeStylesheetService;
     exports.ɵh = ApiService;
-    exports.ɵha = WitnessTwiceService;
-    exports.ɵhb = WitnessTripleComponent;
-    exports.ɵhc = WitnessTripleService;
-    exports.ɵhd = WitnessQuadrupleComponent;
-    exports.ɵhe = WitnessQuadrupleService;
-    exports.ɵhf = WitnessBackgroundOneComponent;
-    exports.ɵhg = WitnessBackgroundOneService;
-    exports.ɵhh = WitnessBackgroundDoubleComponent;
-    exports.ɵhi = WitnessBackgroundDoubleService;
-    exports.ɵhj = ReviewsSimpleComponent;
-    exports.ɵhk = ReviewsSimpleService;
-    exports.ɵhl = QuotesSimpleComponent;
-    exports.ɵhm = QuotesSimpleService;
-    exports.ɵhn = QuotesAuthorComponent;
-    exports.ɵho = QuotesAuthorService;
-    exports.ɵhp = QuotesSimpleBackgroundComponent;
-    exports.ɵhq = QuotesSimpleBackgroundService;
-    exports.ɵhr = ReviewsWaterfallComponent;
-    exports.ɵhs = ReviewsWaterfallService;
-    exports.ɵht = MapFullpageComponent;
-    exports.ɵhu = MapFullpageService;
-    exports.ɵhv = MapLeftTextComponent;
-    exports.ɵhw = MapLeftTextService;
-    exports.ɵhx = MapRightTextComponent;
-    exports.ɵhy = MapRightTextService;
-    exports.ɵhz = MapTextFormComponent;
+    exports.ɵha = WitnessTwiceComponent;
+    exports.ɵhb = WitnessTwiceService;
+    exports.ɵhc = WitnessTripleComponent;
+    exports.ɵhd = WitnessTripleService;
+    exports.ɵhe = WitnessQuadrupleComponent;
+    exports.ɵhf = WitnessQuadrupleService;
+    exports.ɵhg = WitnessBackgroundOneComponent;
+    exports.ɵhh = WitnessBackgroundOneService;
+    exports.ɵhi = WitnessBackgroundDoubleComponent;
+    exports.ɵhj = WitnessBackgroundDoubleService;
+    exports.ɵhk = ReviewsSimpleComponent;
+    exports.ɵhl = ReviewsSimpleService;
+    exports.ɵhm = QuotesSimpleComponent;
+    exports.ɵhn = QuotesSimpleService;
+    exports.ɵho = QuotesAuthorComponent;
+    exports.ɵhp = QuotesAuthorService;
+    exports.ɵhq = QuotesSimpleBackgroundComponent;
+    exports.ɵhr = QuotesSimpleBackgroundService;
+    exports.ɵhs = ReviewsWaterfallComponent;
+    exports.ɵht = ReviewsWaterfallService;
+    exports.ɵhu = MapFullpageComponent;
+    exports.ɵhv = MapFullpageService;
+    exports.ɵhw = MapLeftTextComponent;
+    exports.ɵhx = MapLeftTextService;
+    exports.ɵhy = MapRightTextComponent;
+    exports.ɵhz = MapRightTextService;
     exports.ɵi = ComponentsModule;
-    exports.ɵia = MapTextFormService;
-    exports.ɵib = MapBackgroundFormLeftComponent;
-    exports.ɵic = MapBackgroundFormLeftService;
-    exports.ɵid = MapBackgroundFormRightComponent;
-    exports.ɵie = MapBackgroundFormRightService;
-    exports.ɵif = AmplifyProductsListSimpleComponent;
-    exports.ɵig = AmplifyProductsListSimpleService;
-    exports.ɵih = AmplifyProductsListSelectedComponent;
-    exports.ɵii = AmplifyProductsListSelectedService;
-    exports.ɵij = AmplifyProductsListClassicComponent;
-    exports.ɵik = AmplifyProductsListClassicService;
-    exports.ɵil = AmplifyProductZoomComponent;
-    exports.ɵim = AmplifyProductZoomService;
-    exports.ɵin = AmplifyProductZoomTripleColumnComponent;
-    exports.ɵio = AmplifyProductZoomTripleColumnService;
-    exports.ɵip = AmplifyProductZoomSelectedComponent;
-    exports.ɵiq = AmplifyProductZoomSelectedService;
-    exports.ɵir = AmplifyProductZoomMoreComponent;
-    exports.ɵis = AmplifyProductZoomMoreService;
-    exports.ɵit = ProductZoomComponent;
-    exports.ɵiu = ProductZoomService;
-    exports.ɵiv = ProductZoomTripleColumnComponent;
-    exports.ɵiw = ProductZoomTripleColumnService;
-    exports.ɵix = ProductZoomSelectedComponent;
-    exports.ɵiy = ProductZoomSelectedService;
-    exports.ɵiz = ProductZoomMoreComponent;
+    exports.ɵia = MapTextFormComponent;
+    exports.ɵib = MapTextFormService;
+    exports.ɵic = MapBackgroundFormLeftComponent;
+    exports.ɵid = MapBackgroundFormLeftService;
+    exports.ɵie = MapBackgroundFormRightComponent;
+    exports.ɵif = MapBackgroundFormRightService;
+    exports.ɵig = AmplifyProductsListSimpleComponent;
+    exports.ɵih = AmplifyProductsListSimpleService;
+    exports.ɵii = AmplifyProductsListSelectedComponent;
+    exports.ɵij = AmplifyProductsListSelectedService;
+    exports.ɵik = AmplifyProductsListClassicComponent;
+    exports.ɵil = AmplifyProductsListClassicService;
+    exports.ɵim = AmplifyProductZoomComponent;
+    exports.ɵin = AmplifyProductZoomService;
+    exports.ɵio = AmplifyProductZoomTripleColumnComponent;
+    exports.ɵip = AmplifyProductZoomTripleColumnService;
+    exports.ɵiq = AmplifyProductZoomSelectedComponent;
+    exports.ɵir = AmplifyProductZoomSelectedService;
+    exports.ɵis = AmplifyProductZoomMoreComponent;
+    exports.ɵit = AmplifyProductZoomMoreService;
+    exports.ɵiu = ProductZoomComponent;
+    exports.ɵiv = ProductZoomService;
+    exports.ɵiw = ProductZoomTripleColumnComponent;
+    exports.ɵix = ProductZoomTripleColumnService;
+    exports.ɵiy = ProductZoomSelectedComponent;
+    exports.ɵiz = ProductZoomSelectedService;
     exports.ɵj = BlocksComponent;
-    exports.ɵja = ProductZoomMoreService;
-    exports.ɵjb = ProductZoomCompleteComponent;
-    exports.ɵjc = ProductZoomCompleteService;
-    exports.ɵjd = ProductZoomCompleteSliderComponent;
-    exports.ɵje = ProductZoomCompleteSliderService;
-    exports.ɵjf = ProductZoomSimpleComponent;
-    exports.ɵjg = ProductZoomSimpleService;
-    exports.ɵjh = ProductZoomCompleteBackgroundComponent;
-    exports.ɵji = ProductZoomCompleteBackgroundService;
-    exports.ɵjj = TimerSimpleComponent;
-    exports.ɵjk = TimerSimpleService;
-    exports.ɵjl = TimerBackgroundComponent;
-    exports.ɵjm = TimerBackgroundService;
-    exports.ɵjn = TimerClockComponent;
-    exports.ɵjo = TimerClockService;
-    exports.ɵjp = TimerAirportComponent;
-    exports.ɵjq = TimerAirportService;
-    exports.ɵjr = TimerMultipleImgComponent;
-    exports.ɵjs = TimerMultipleImgService;
-    exports.ɵjt = AboutBlockComponent;
-    exports.ɵju = AboutBlockService;
-    exports.ɵjv = FaqSimpleComponent;
-    exports.ɵjw = FaqSimpleService;
-    exports.ɵjx = FaqSimpleBackgroundComponent;
-    exports.ɵjy = FaqSimpleBackgroundService;
-    exports.ɵjz = FaqFrameComponent;
+    exports.ɵja = ProductZoomMoreComponent;
+    exports.ɵjb = ProductZoomMoreService;
+    exports.ɵjc = ProductZoomCompleteComponent;
+    exports.ɵjd = ProductZoomCompleteService;
+    exports.ɵje = ProductZoomCompleteSliderComponent;
+    exports.ɵjf = ProductZoomCompleteSliderService;
+    exports.ɵjg = ProductZoomSimpleComponent;
+    exports.ɵjh = ProductZoomSimpleService;
+    exports.ɵji = ProductZoomCompleteBackgroundComponent;
+    exports.ɵjj = ProductZoomCompleteBackgroundService;
+    exports.ɵjk = TimerSimpleComponent;
+    exports.ɵjl = TimerSimpleService;
+    exports.ɵjm = TimerBackgroundComponent;
+    exports.ɵjn = TimerBackgroundService;
+    exports.ɵjo = TimerClockComponent;
+    exports.ɵjp = TimerClockService;
+    exports.ɵjq = TimerAirportComponent;
+    exports.ɵjr = TimerAirportService;
+    exports.ɵjs = TimerMultipleImgComponent;
+    exports.ɵjt = TimerMultipleImgService;
+    exports.ɵju = AboutBlockComponent;
+    exports.ɵjv = AboutBlockService;
+    exports.ɵjw = FaqSimpleComponent;
+    exports.ɵjx = FaqSimpleService;
+    exports.ɵjy = FaqSimpleBackgroundComponent;
+    exports.ɵjz = FaqSimpleBackgroundService;
     exports.ɵk = ConfigsComponent;
-    exports.ɵka = FaqFrameService;
-    exports.ɵkb = FaqAccordionComponent;
-    exports.ɵkc = FaqAccordionService;
-    exports.ɵkd = FaqListIconComponent;
-    exports.ɵke = FaqListIconService;
-    exports.ɵkf = FourImagesTitleComponent;
-    exports.ɵkg = FourImagesTitleService;
-    exports.ɵkh = TranslateBlockService;
-    exports.ɵki = TwoImagesTitleTextComponent;
-    exports.ɵkj = TwoImagesTitleTextService;
-    exports.ɵkk = TextBackgroundsWithBannerComponent;
-    exports.ɵkl = TextBackgroundsWithBannerService;
-    exports.ɵkm = TextBackgroundsTwoRowsIconTextComponent;
-    exports.ɵkn = TextBackgroundsTwoRowsIconTextService;
-    exports.ɵko = TextBackgroundsThreeRowsIconTextComponent;
-    exports.ɵkp = TextBackgroundsThreeRowsIconTextService;
-    exports.ɵkq = TextBackgroundsFourRowsIconTextComponent;
-    exports.ɵkr = TextBackgroundsFourRowsIconTextService;
-    exports.ɵks = SliderWithBannerComponent;
-    exports.ɵkt = SlidersWithBannerService;
-    exports.ɵku = LoaderComponentModule;
+    exports.ɵka = FaqFrameComponent;
+    exports.ɵkb = FaqFrameService;
+    exports.ɵkc = FaqAccordionComponent;
+    exports.ɵkd = FaqAccordionService;
+    exports.ɵke = FaqListIconComponent;
+    exports.ɵkf = FaqListIconService;
+    exports.ɵkg = FourImagesTitleComponent;
+    exports.ɵkh = FourImagesTitleService;
+    exports.ɵki = TranslateBlockService;
+    exports.ɵkj = TwoImagesTitleTextComponent;
+    exports.ɵkk = TwoImagesTitleTextService;
+    exports.ɵkl = TextBackgroundsWithBannerComponent;
+    exports.ɵkm = TextBackgroundsWithBannerService;
+    exports.ɵkn = TextBackgroundsTwoRowsIconTextComponent;
+    exports.ɵko = TextBackgroundsTwoRowsIconTextService;
+    exports.ɵkp = TextBackgroundsThreeRowsIconTextComponent;
+    exports.ɵkq = TextBackgroundsThreeRowsIconTextService;
+    exports.ɵkr = TextBackgroundsFourRowsIconTextComponent;
+    exports.ɵks = TextBackgroundsFourRowsIconTextService;
+    exports.ɵkt = SliderWithBannerComponent;
+    exports.ɵku = SlidersWithBannerService;
+    exports.ɵkv = LoaderComponentModule;
     exports.ɵl = PreviewsComponent;
     exports.ɵm = ContainerBlockComponent;
     exports.ɵn = SharedModule;