@wizishop/wizi-block 4.2.2-beta → 4.2.23-beta

package/fesm2015/wizishop-wizi-block.js

@@ -365,7 +365,7 @@ class FormsDto {
         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',
@@ -399,6 +399,7 @@ class ParentBlockDto {
     constructor(type) {
         this.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';
@@ -1849,7 +1850,7 @@ class WitnessBackgroundOneDto extends ParentBlockDto {
         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';
     }
 }
 _a$r = FORM_NAME_TITLE, _b$p = FORM_NAME_CONTENT, _c$m = FORM_NAME_URL, _d$l = FORM_NAME_COLOR;
@@ -8132,7 +8133,7 @@ class WiziBlockComponent {
         this.resizeWithWidth(window.innerWidth);
         for (const item of this.contentService.contents) {
             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);
                 }
             }
@@ -8220,10 +8221,10 @@ class WiziBlockComponent {
         this.selectedConfig = event.config;
         if (typeof this.selectedConfig.forms !== typeof undefined) {
             for (const item of this.selectedConfig.forms) {
-                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((e) => e !== this.selectedConfig.block.uuid);
                 }
             }
@@ -18575,6 +18576,7 @@ class AttributeObject {
 class EditorJSTool {
     constructor() {
         this.parentEditor = null;
+        this.textContainers = 'h1,h2,h3,h4,h5,h6,p,li';
         this.selectedAnchorNode = null;
         this.selectedFocusNode = null;
         this.anchorOffset = -1;
@@ -18613,8 +18615,29 @@ class EditorJSTool {
         this.focusOffset = this.currentSelection.focusOffset;
     }
     resetUserSelection() {
+        var _a;
+        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) {
+                let childTextNodes = this.getTextNodes(this.selectedAnchorNode);
+                let focusNode = childTextNodes.length > 1
+                    ? this.selectedAnchorNode.childNodes[childTextNodes.length - 1]
+                    : this.selectedAnchorNode.childNodes[0];
+                let 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();
     }
     findParentEditor() {
         const selection = this.currentSelection ? this.currentSelection : this.getSelection();
@@ -18623,6 +18646,17 @@ class EditorJSTool {
     clear() {
         resetBlockFocus(this.parentEditor);
     }
+    getTextNodes(container) {
+        let 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;
+    }
 }
 var isTextEditionTool = false;
 var isBlockFocused = false;
@@ -18656,7 +18690,6 @@ function resetBlockFocus(parentEditor) {
 class InlineStyleTool extends EditorJSTool {
     constructor() {
         super(...arguments);
-        this.containers = 'h1,h2,h3,h4,h5,h6,p,li';
         this.modifiers = 'strong,em';
         this.foundAnchorOffset = 0;
         this.foundFocusOffset = 0;
@@ -18677,7 +18710,7 @@ class InlineStyleTool extends EditorJSTool {
             if (!selection) {
                 return;
             }
-            const anchorNode = selection.anchorNode;
+            let anchorNode = selection.anchorNode;
             if (!this.parentEditor) {
                 this.parentEditor = this.findParentEditor();
             }
@@ -18689,16 +18722,20 @@ class InlineStyleTool extends EditorJSTool {
                 : anchorNode.parentElement;
             const sameSelection = container && container.innerText === selection.toString();
             yield this.saveInlineSelection(container, true);
-            if (sameSelection &&
-                !this.isContainer(this.containers, container) &&
-                this.hasStyle(container) &&
-                selection.toString() === this.hasStyle(container).innerText) {
-                console.log('update');
-                yield this.updateSelection(selection, this.hasStyle(container), action, this.containers);
+            // Link delete exception
+            if (this.modifies.tag && this.tag.toLowerCase() === 'a' && !this.attributesToApply) {
+                yield this.replaceLink(selection, this.hasStyle(container));
             }
             else {
-                console.log('replace');
-                yield this.replaceSelection(container, action, selection, this.containers);
+                if (sameSelection &&
+                    !this.isContainer(this.textContainers, container) &&
+                    this.hasStyle(container) &&
+                    selection.toString() === this.hasStyle(container).innerText) {
+                    yield this.updateSelection(selection, this.hasStyle(container), action, this.textContainers);
+                }
+                else {
+                    yield this.replaceSelection(container, action, selection, this.textContainers);
+                }
             }
             yield this.cleanupContainer(selection, container, true);
             if (this.modifiedContent) {
@@ -18738,6 +18775,7 @@ class InlineStyleTool extends EditorJSTool {
         });
     }
     replaceSelection(container, action, selection, containers) {
+        var _a;
         return __awaiter(this, void 0, void 0, function* () {
             let parentContainer = this.hasStyle(container);
             const focusNode = selection.focusNode;
@@ -18790,8 +18828,20 @@ class InlineStyleTool extends EditorJSTool {
             else {
                 const range = this.getRangeObject(selection);
                 const fragment = range.extractContents();
+                let fragmentElement = document.createElement('div');
                 let newElement = yield this.createElement(container, action, containers);
-                newElement.append(fragment);
+                let elementToAppend = newElement;
+                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.innerHTML = fragmentElement.children[0].innerHTML;
+                    elementToAppend.innerHTML = '';
+                    elementToAppend.append(newElement);
+                }
+                else {
+                    newElement.innerHTML = fragmentElement.innerHTML;
+                }
                 if (this.modifies.class) {
                     yield this.removeChildrenClasses(newElement);
                     if (this.classToApply !== '') {
@@ -18803,11 +18853,19 @@ class InlineStyleTool extends EditorJSTool {
                         newElement.setAttribute(attribute.name, attribute.value);
                     });
                 }
-                range.insertNode(newElement);
-                selection.selectAllChildren(newElement);
+                range.insertNode(elementToAppend);
+                selection.selectAllChildren(elementToAppend);
             }
         });
     }
+    replaceLink(selection, container) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let newElement = document.createElement('span');
+            newElement.innerHTML = container.innerHTML;
+            container.parentElement.replaceChild(newElement, container);
+            selection.selectAllChildren(newElement);
+        });
+    }
     isAnchorBeforeFocus(anchorNode, anchorOffset, focusNode, focusOffset) {
         let anchorRange = document.createRange();
         let focusRange = document.createRange();
@@ -18820,11 +18878,18 @@ class InlineStyleTool extends EditorJSTool {
         }
         return false;
     }
-    hasStyle(element) {
-        var _a, _b;
+    hasStyle(element, 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
         let 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) {
@@ -18845,7 +18910,7 @@ class InlineStyleTool extends EditorJSTool {
             });
         }
         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;
             }
         }
@@ -18862,7 +18927,7 @@ class InlineStyleTool extends EditorJSTool {
             return foundElement;
         }
         if (!foundElement && element.parentElement) {
-            return this.hasStyle(element.parentElement);
+            return this.hasStyle(element.parentElement, false);
         }
         return null;
     }
@@ -18875,7 +18940,7 @@ class InlineStyleTool extends EditorJSTool {
                 return this.style.default;
             }
             const style = yield this.findStyleNode(container, action, containers);
-            if (this.hasStyle(style) && this.style.value.indexOf('$1') === -1) {
+            if (style && this.hasStyle(style) && this.style.value.indexOf('$1') === -1) {
                 return this.style.default;
             }
             return this.style.value.indexOf('$1') > -1 ? this.style.value.replace('$1', this.style.input) : this.style.value;
@@ -19612,6 +19677,24 @@ class CapitalizeTool extends InlineStyleTool {
 }
 CapitalizeTool.title = 'Capitalize';
 
+var editorJSI18nDictionnary;
+class EditorJSTranslationService {
+    constructor() { }
+    setDictionnary(dictionnary) {
+        editorJSI18nDictionnary = dictionnary;
+    }
+    get(key) {
+        return editorJSI18nDictionnary[key];
+    }
+}
+EditorJSTranslationService.ɵprov = ɵɵdefineInjectable({ factory: function EditorJSTranslationService_Factory() { return new EditorJSTranslationService(); }, token: EditorJSTranslationService, providedIn: "root" });
+EditorJSTranslationService.decorators = [
+    { type: Injectable, args: [{
+                providedIn: 'root',
+            },] }
+];
+EditorJSTranslationService.ctorParameters = () => [];
+
 const DEFAULT_COLOR_ARRAY = [
     [
         'rgb(0, 0, 0)',
@@ -20174,6 +20257,7 @@ class TextColorTool extends ColorTool {
         if (!isBlockFocused) {
             setBlockFocus(this.parentEditor);
         }
+        this.checkDefaultColors();
         const isActive = this.hasStyle(selection.anchorNode) ? true : false;
         this.nodes.button.classList.toggle(this.CSS.buttonActive, isActive);
         return isActive;
@@ -20198,7 +20282,7 @@ class TextColorTool extends ColorTool {
         let customColor = document.createElement('div');
         customColor.className = this.colorSelectionCss['container'];
         let text = document.createElement('p');
-        text.innerText = this.api.i18n.t('customColor');
+        text.innerText = editorJSI18nDictionnary.messages.tools.textBackgroundColor['customColor'];
         let button = document.createElement('div');
         button.addEventListener('click', (event) => this.openCustomColorPicker(event));
         let container = this.createCustomColorPicker();
@@ -20297,12 +20381,8 @@ class TextBackgroundColorTool extends ColorTool {
     }
     applyColor(color, inputToFocus = null) {
         return __awaiter(this, void 0, void 0, function* () {
-            console.log('applyColor');
             let 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();
             yield this.surround(null, true);
             this.checkDefaultColors();
@@ -20322,6 +20402,7 @@ class TextBackgroundColorTool extends ColorTool {
         if (!isBlockFocused) {
             setBlockFocus(this.parentEditor);
         }
+        this.checkDefaultColors();
         const isActive = this.hasStyle(selection.anchorNode) ? true : false;
         this.nodes.button.classList.toggle(this.CSS.buttonActive, isActive);
         return isActive;
@@ -20347,13 +20428,13 @@ class TextBackgroundColorTool extends ColorTool {
         let removeColorContainerIcon = document.createElement('span');
         removeColorContainer.classList.add(this.CSS.removeBackgroundColorClass);
         removeColorContainer.addEventListener('click', () => 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);
         let customColor = document.createElement('div');
         customColor.className = this.colorSelectionCss['container'];
         let text = document.createElement('p');
-        text.innerText = this.api.i18n.t('customColor');
+        text.innerText = editorJSI18nDictionnary.messages.tools.textBackgroundColor['customColor'];
         let button = document.createElement('div');
         button.addEventListener('click', (event) => this.openCustomColorPicker(event));
         let container = this.createCustomColorPicker();
@@ -20407,6 +20488,8 @@ class ParagraphStyleTool extends EditorJSTool {
             if ((this.classToApply && this.classToApply.length > 0) || (this.classes && this.classes.length > 0)) {
                 this.changeCurrentClass(parentModifier);
             }
+            this.saveUserSelection();
+            this.resetUserSelection();
         });
     }
     checkOrderedListValue() {
@@ -20441,8 +20524,18 @@ class ParagraphStyleTool extends EditorJSTool {
             currentIndex++;
         }
     }
+    getCurrentParagraph(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');
+    }
     changeContainerTag(container, selection) {
         const range = this.getRangeObject(selection);
+        let currentParagraph = this.getCurrentParagraph(selection.anchorNode);
         let tagToCreate = this.tag;
         if (container.tagName.toLowerCase() === this.tag.toLowerCase() && this.removableModifiers.indexOf(this.tag.toLowerCase()) > -1) {
             tagToCreate = 'p';
@@ -20453,13 +20546,13 @@ class ParagraphStyleTool extends EditorJSTool {
         }
         let 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()) {
@@ -20538,6 +20631,10 @@ class ParagraphStyleTool extends EditorJSTool {
 }
 var listApi = null;
 var listEditor = null;
+function setlistApiEditor(api, editor) {
+    listApi = api;
+    listEditor = editor;
+}
 function onEditList(event) {
     let focusedBlock = event.target;
     if (LIST_EDIT_KEY_CODES.indexOf(event.code) > -1) {
@@ -20561,7 +20658,19 @@ function onEditList(event) {
                 let 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());
+                    let value = parseInt(previousBlock.querySelector('li').getAttribute('value')) + 1;
+                    let nextListElement = true;
+                    listElement.firstElementChild.setAttribute('value', value.toString());
+                    for (var i = listApi.blocks.getCurrentBlockIndex() + 1; i < listEditor.querySelectorAll('.ce-block').length && nextListElement; ++i) {
+                        let 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);
@@ -20817,7 +20926,7 @@ class TextTypeTool extends ParagraphTextTool {
         this.textTypes.forEach((textType) => {
             let 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', () => this.applyTextStyle(textType.tag));
             textTypeDropdown.appendChild(row);
         });
@@ -21348,6 +21457,8 @@ class LinkTool extends InlineStyleTool {
             linkInputId: 'linkInput',
             targetCheckboxId: 'targetCheckbox',
             obfuscationCheckboxId: 'obfuscationCheckbox',
+            addButtonClass: 'ce-inline-actions--link__add',
+            deleteButtonClass: 'ce-inline-actions--link__delete',
         };
         this.attributeName = 'data-htap,href';
         this.attributesToApply = [];
@@ -21408,10 +21519,11 @@ class LinkTool extends InlineStyleTool {
             if (!this.parentEditor) {
                 this.parentEditor = this.findParentEditor();
             }
+            let uuid = this.parentEditor.getAttribute('id').replace('editorJs-', '');
             this.attributesToApply = [];
-            let targetCheckbox = this.parentEditor.querySelector('#' + this.linkCss['targetCheckboxId']);
-            let obfuscationCheckbox = this.parentEditor.querySelector('#' + this.linkCss['obfuscationCheckboxId']);
-            let linkInput = this.parentEditor.querySelector('#' + this.linkCss['linkInputId']);
+            let targetCheckbox = this.parentEditor.querySelector('#' + this.linkCss['targetCheckboxId'] + uuid);
+            let obfuscationCheckbox = this.parentEditor.querySelector('#' + this.linkCss['obfuscationCheckboxId'] + uuid);
+            let linkInput = this.parentEditor.querySelector('#' + this.linkCss['linkInputId'] + uuid);
             if (targetCheckbox.checked) {
                 this.attributesToApply.push({
                     name: 'target',
@@ -21440,7 +21552,25 @@ class LinkTool extends InlineStyleTool {
             this.openLinkDropdown();
         });
     }
+    deleteLink() {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (!this.parentEditor) {
+                this.parentEditor = this.findParentEditor();
+            }
+            this.tag = 'A';
+            this.attributesToApply = null;
+            this.modifies.tag = true;
+            this.resetUserSelection();
+            yield this.surround(null, true);
+            this.checkState(this.currentSelection);
+            this.openLinkDropdown();
+        });
+    }
     renderActions() {
+        if (!this.parentEditor) {
+            this.parentEditor = this.findParentEditor();
+        }
+        let uuid = this.parentEditor.getAttribute('id').replace('editorJs-', '');
         let container = document.createElement('div');
         container.className = this.linkCss['container'] + ' hidden';
         let linkContainer = document.createElement('div');
@@ -21450,27 +21580,31 @@ class LinkTool extends InlineStyleTool {
         let obfuscationContainer = document.createElement('div');
         obfuscationContainer.className = this.linkCss['obfuscationContainer'];
         let 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', () => this.applyLink());
         let 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']);
         let targetCheckbox = document.createElement('input');
-        targetCheckbox.setAttribute('id', this.linkCss['targetCheckboxId']);
+        targetCheckbox.setAttribute('id', this.linkCss['targetCheckboxId'] + uuid);
         targetCheckbox.setAttribute('type', 'checkbox');
         let 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);
         let obfuscationCheckbox = document.createElement('input');
-        obfuscationCheckbox.setAttribute('id', this.linkCss['obfuscationCheckboxId']);
+        obfuscationCheckbox.setAttribute('id', this.linkCss['obfuscationCheckboxId'] + uuid);
         obfuscationCheckbox.setAttribute('type', 'checkbox');
         let 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);
         let obfuscationTooltipContainer = document.createElement('div');
         let obbfuscationTooltip = document.createElement('div');
-        obbfuscationTooltip.innerHTML = this.api.i18n.t('info');
+        obbfuscationTooltip.innerHTML = editorJSI18nDictionnary.messages.tools.link['info'];
         obfuscationTooltipContainer.appendChild(obbfuscationTooltip);
+        let deleteButton = document.createElement('button');
+        deleteButton.className = this.linkCss['deleteButtonClass'] + ' hidden';
+        deleteButton.addEventListener('click', () => this.deleteLink());
         linkContainer.appendChild(linkInput);
         targetContainer.appendChild(targetCheckbox);
         targetContainer.appendChild(targetLabel);
@@ -21481,9 +21615,42 @@ class LinkTool extends InlineStyleTool {
         container.appendChild(targetContainer);
         container.appendChild(obfuscationContainer);
         container.appendChild(applyButton);
+        container.appendChild(deleteButton);
         return container;
     }
-    showActions(mark) { }
+    showActions(mark) {
+        if (!this.parentEditor) {
+            this.parentEditor = this.findParentEditor();
+        }
+        let uuid = this.parentEditor.getAttribute('id').replace('editorJs-', '');
+        let targetCheckbox = this.parentEditor.querySelector('#' + this.linkCss['targetCheckboxId'] + uuid);
+        let obfuscationCheckbox = this.parentEditor.querySelector('#' + this.linkCss['obfuscationCheckboxId'] + uuid);
+        let linkInput = this.parentEditor.querySelector('#' + this.linkCss['linkInputId'] + uuid);
+        let deleteButton = this.parentEditor.querySelector('.' + this.linkCss['deleteButtonClass']);
+        let addButton = this.parentEditor.querySelector('.' + this.linkCss['addButtonClass']);
+        linkInput.value = '';
+        if (this.checkState(this.getSelection())) {
+            let selection = this.getSelection();
+            let 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 {
+            if (!deleteButton.classList.contains('hidden')) {
+                deleteButton.classList.add('hidden');
+            }
+            if (addButton.classList.contains('hidden')) {
+                addButton.classList.remove('hidden');
+            }
+        }
+    }
     hideActions() { }
     openLinkDropdown() {
         if (!this.parentEditor) {
@@ -21493,6 +21660,7 @@ class LinkTool extends InlineStyleTool {
         this.saveUserSelection();
         if (linkDropdown) {
             if (linkDropdown.classList.contains('hidden')) {
+                this.showActions(null);
                 let viewportOffset = linkDropdown.getBoundingClientRect();
                 if (viewportOffset.left + linkDropdown.offsetWidth > document.body.offsetWidth) {
                     let left = parseInt(window.getComputedStyle(linkDropdown, null).getPropertyValue('left')) -
@@ -21512,6 +21680,7 @@ class LinkTool extends InlineStyleTool {
                 }, 400);
             }
             else {
+                this.resetUserSelection();
                 this.isLinkDropdownOpen = false;
                 linkDropdown.classList.add('hidden');
             }
@@ -21814,7 +21983,7 @@ class textSizeTool extends InlineTextTool {
         this.nodes.button.addEventListener('click', () => this.openDropdown());
         this.textSizes.forEach((textSize) => {
             let 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);
         });
         let dropdownArrow = document.createElement('span');
@@ -21859,7 +22028,7 @@ class textSizeTool extends InlineTextTool {
         this.textSizes.forEach((textSize) => {
             let 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', () => this.applyTextStyle(textSize.class));
             textSizeDropdown.appendChild(row);
         });
@@ -21956,8 +22125,8 @@ class TextEditionTool extends ParagraphStyleTool {
         let buttonContainer = document.createElement('div');
         let cancelButton = document.createElement('button');
         let 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', () => {
             let content = monacoEditor.getValue();
@@ -22019,9 +22188,7 @@ class TextEditionTool extends ParagraphStyleTool {
             const 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
@@ -22356,11 +22523,13 @@ class EditorJSConversionService {
         });
     }
     convertCurrentElement(element, firstCall = false) {
+        var _a;
         return __awaiter(this, void 0, void 0, function* () {
             if (!element) {
                 return;
             }
             const children = element.children;
+            let isOrderedListChildren = element.tagName.toLowerCase() === 'ol';
             for (var currentElement = children[0]; currentElement; currentElement = currentElement.nextElementSibling) {
                 for (const [quillClass, editorJSClass] of Object.entries(this.classesToReplace)) {
                     if (quillClass.indexOf('{input}') > -1) {
@@ -22389,6 +22558,9 @@ class EditorJSConversionService {
                 if (currentElement.tagName.toLowerCase() === 'u') {
                     let 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;
@@ -22400,6 +22572,9 @@ class EditorJSConversionService {
                 if (currentElement.tagName.toLowerCase() === 'a' && currentElement.hasAttribute('data-htap')) {
                     let 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;
@@ -22411,6 +22586,10 @@ class EditorJSConversionService {
                     currentElement.parentElement.replaceChild(newLink, currentElement);
                     currentElement = newLink;
                 }
+                if (isOrderedListChildren && currentElement.tagName.toLowerCase() === 'li') {
+                    let 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) {
                     yield this.convertCurrentElement(currentElement);
                 }
@@ -22437,14 +22616,17 @@ EditorJSConversionService.decorators = [
 EditorJSConversionService.ctorParameters = () => [];
 
 class EditorJsComponent {
-    constructor(translateService, editorJSConversionService) {
+    constructor(translateService, editorJSConversionService, editorJSTranslationService) {
         this.translateService = translateService;
         this.editorJSConversionService = editorJSConversionService;
+        this.editorJSTranslationService = editorJSTranslationService;
         this.contentChange = new EventEmitter();
         this.content = '';
+        this.position = 'bottom';
         this.uuid = v4();
         this.timeoutHandle = null;
         this.timeoutTextEditionHandle = null;
+        this.onChangeTimeoutHandle = null;
         this.wrapperTags = 'h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote';
     }
     ngOnInit() {
@@ -22503,16 +22685,26 @@ class EditorJsComponent {
                 placeholder: this.placeholder,
                 autofocus: false,
                 onChange: (api, event) => {
-                    this.contentChanged(api, event);
+                    clearTimeout(this.onChangeTimeoutHandle);
+                    this.onChangeTimeoutHandle = setTimeout(() => {
+                        this.contentChanged(api, event);
+                    }, 300);
                 },
                 i18n: this.getI18nDictionnary(),
             });
             try {
                 yield this.editor.isReady;
+                this.editorJSTranslationService.setDictionnary(this.getI18nDictionnary());
                 this.editorJSConversionService.convert(this.content).then((content) => {
                     this.content = content;
                     this.applyContent();
                     this.checkSingleChild();
+                    setTimeout(() => {
+                        const editorElement = document.getElementById('editorJs-' + this.uuid);
+                        editorElement.addEventListener('focusin', () => {
+                            setlistApiEditor(this.editor, editorElement);
+                        });
+                    }, 0);
                 });
             }
             catch (reason) {
@@ -22565,7 +22757,7 @@ class EditorJsComponent {
         }
     }
     checkWrapper() {
-        let currentEditor = document.querySelectorAll('#editorJs-' + this.uuid)[0];
+        let currentEditor = document.querySelector('#editorJs-' + this.uuid);
         let editorBlocks = currentEditor.querySelectorAll('.codex-editor__redactor .ce-paragraph');
         if (editorBlocks.length === 1 && editorBlocks[0].innerText.length === 0) {
             return;
@@ -22631,6 +22823,7 @@ class EditorJsComponent {
         while (contentElement.firstElementChild) {
             if (contentElement.firstElementChild.tagName.toLowerCase() === 'ul' ||
                 contentElement.firstElementChild.tagName.toLowerCase() === 'ol') {
+                setlistApiEditor(this.editor.api, currentEditor);
                 while (contentElement.firstElementChild.firstElementChild) {
                     let container = document.createElement(contentElement.firstElementChild.tagName);
                     container.appendChild(contentElement.firstElementChild.firstElementChild.cloneNode(true));
@@ -22639,10 +22832,12 @@ class EditorJsComponent {
                         let 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;
@@ -22725,17 +22920,19 @@ class EditorJsComponent {
 EditorJsComponent.decorators = [
     { type: 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 = () => [
     { type: TranslateService },
-    { type: EditorJSConversionService }
+    { type: EditorJSConversionService },
+    { type: EditorJSTranslationService }
 ];
 EditorJsComponent.propDecorators = {
     contentChange: [{ type: Output }],
     content: [{ type: Input }],
-    placeholder: [{ type: Input }]
+    placeholder: [{ type: Input }],
+    position: [{ type: Input }]
 };
 
 const components$2 = [
@@ -26848,7 +27045,7 @@ class TimerSimpleComponent extends StructuresComponent {
 TimerSimpleComponent.decorators = [
     { type: 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 = () => [
@@ -26980,7 +27177,7 @@ class TimerBackgroundComponent extends StructuresComponent {
 TimerBackgroundComponent.decorators = [
     { type: 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 = () => [
@@ -27112,7 +27309,7 @@ class TimerClockComponent extends StructuresComponent {
 TimerClockComponent.decorators = [
     { type: 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 = () => [
@@ -27276,7 +27473,7 @@ class TimerAirportComponent extends StructuresComponent {
 TimerAirportComponent.decorators = [
     { type: 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 = () => [
@@ -28552,7 +28749,7 @@ class TimerMultipleImgComponent extends StructuresComponent {
 TimerMultipleImgComponent.decorators = [
     { type: 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 = () => [
@@ -28725,7 +28922,7 @@ class TextsQuadrupleNumbersComponent extends StructuresComponent {
 TextsQuadrupleNumbersComponent.decorators = [
     { type: 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 = () => [];
@@ -29241,7 +29438,7 @@ class TextBackgroundsThreeRowsIconTextComponent extends StructuresComponent {
 TextBackgroundsThreeRowsIconTextComponent.decorators = [
     { type: Component, args: [{
                 selector: TextBackgroundsThreeRowsIconTextService.selector(),
-                template: "<div class=\"wb-text-backgrounds-rows-icon-text wb-text-backgrounds-rows-icon-text--three\">\n    <div class=\"columns is-multiline\" *ngFor=\"let row of contents[BASE_BLOCK_CONTENT].rows; let i = index\">\n        <div class=\"wb-text-backgrounds-rows-icon-text__delete-line\">\n            <div\n                wbShowDeleteButton\n                *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number > 1\"\n                class=\"wb-text-backgrounds-rows-icon-text__delete-line__button\"\n            >\n                <i class=\"fas fa-trash-alt\"></i>\n                <p>{{ 'wb.structures.template.64' | translate }}</p>\n                <button (click)=\"deleteRow(i)\">{{ 'wb.structures.template.65' | translate }}</button>\n            </div>\n        </div>\n        <div class=\"column is-4-fullhd is-4-desktop\" *ngFor=\"let item of row; let j = index\">\n            <div class=\"wb-text-backgrounds-rows-icon-text__item\">\n                <div\n                    class=\"wb-text-backgrounds-rows-icon-text__item__content\"\n                    [ngClass]=\"{\n                        'wb-text-backgrounds-rows-icon-text__item__content--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-text-backgrounds-rows-icon-text__item__content--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-text-backgrounds-rows-icon-text__item__content--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                >\n                    <wb-structure-config\n                        [blockUUID]=\"uuid\"\n                        [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n                        [isFullwidth]=\"true\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                    >\n                        <wb-structure-config-input\n                            [label]=\"'wb.structures.template.9' | translate\"\n                            [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_TITLE]\"\n                            (ngModelChange)=\"persist()\"\n                        ></wb-structure-config-input>\n                        <wb-structure-config-input\n                            [label]=\"'wb.structures.template.10' | translate\"\n                            [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_URL]\"\n                            [placeholder]=\"'wb.structures.template.11' | translate\"\n                            (ngModelChange)=\"persist()\"\n                        ></wb-structure-config-input>\n                        <wb-structure-config-checkbox\n                            [label]=\"'wb.structures.template.12' | translate\"\n                            [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_URL_TARGET]\"\n                            (ngModelChange)=\"persist()\"\n                            [off]=\"'_self'\"\n                            [on]=\"'_blank'\"\n                        ></wb-structure-config-checkbox>\n                    </wb-structure-config>\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__noimages\"\n                        wbPicturesTemplateDirective\n                        [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                        *ngIf=\"!item[FORM_NAME_IMAGE]\"\n                        (click)=\"addNewImage(i, j)\"\n                    >\n                        <p>\n                            <i class=\"fal fa-image\"></i>\n                            {{ 'wb.structures.template.8' | translate }}\n                        </p>\n                    </div>\n                    <div *ngIf=\"item[FORM_NAME_IMAGE]\" class=\"wb-text-backgrounds-rows-icon-text__item__content__image\">\n                        <div\n                            wbGetSizeImageDirective\n                            [urlToParse]=\"item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n                            (onUpdate)=\"updateThisImage(item[FORM_NAME_IMAGE], $event)\"\n                            [style.background-image]=\"'url(' + item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                            *ngIf=\"item[FORM_NAME_IMAGE]\"\n                            class=\"wb-text-backgrounds-rows-icon-text__item__content__image__background\"\n                        ></div>\n                    </div>\n\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__wrapper\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                        (click)=\"onClickUpdateImage(i, j)\"\n                    >\n                        <div (click)=\"stopPropagation($event)\">\n                            <wb-structure-config-font\n                                [(value)]=\"item[FORM_NAME_ICON]\"\n                                [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR]\"\n                                (valueChange)=\"item[FORM_NAME_ICON] = $event; persist()\"\n                            ></wb-structure-config-font>\n                            <div class=\"wb-text-backgrounds-rows-icon-text__item__content__title\">\n                                <wb-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 = () => [
@@ -29319,11 +29516,16 @@ class TextBackgroundsFourRowsIconTextComponent extends StructuresComponent {
     stopPropagation($event) {
         $event.stopPropagation();
     }
+    triggerConfig(uuid) {
+        const element = document.querySelectorAll('#' + uuid + ' .wb-structure-config__tools')[0];
+        console.log(element);
+        element.click();
+    }
 }
 TextBackgroundsFourRowsIconTextComponent.decorators = [
     { type: Component, args: [{
                 selector: TextBackgroundsFourRowsIconTextService.selector(),
-                template: "<div class=\"wb-text-backgrounds-rows-icon-text wb-text-backgrounds-rows-icon-text--four\">\n    <div class=\"columns is-multiline\" *ngFor=\"let row of contents[BASE_BLOCK_CONTENT].rows; let i = index\">\n        <div class=\"wb-text-backgrounds-rows-icon-text__delete-line\">\n            <div\n                wbShowDeleteButton\n                *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number > 1\"\n                class=\"wb-text-backgrounds-rows-icon-text__delete-line__button\"\n            >\n                <i class=\"fas fa-trash-alt\"></i>\n                <p>{{ 'wb.structures.template.64' | translate }}</p>\n                <button (click)=\"deleteRow(i)\">{{ 'wb.structures.template.65' | translate }}</button>\n            </div>\n        </div>\n        <div class=\"column is-3-fullhd is-3-desktop\" *ngFor=\"let item of row; let j = index\">\n            <div class=\"wb-text-backgrounds-rows-icon-text__item\">\n                <div\n                    class=\"wb-text-backgrounds-rows-icon-text__item__content\"\n                    [ngClass]=\"{\n                        'wb-text-backgrounds-rows-icon-text__item__content--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-text-backgrounds-rows-icon-text__item__content--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-text-backgrounds-rows-icon-text__item__content--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                >\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__noimages\"\n                        [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                        wbPicturesTemplateDirective\n                        *ngIf=\"!item[FORM_NAME_IMAGE]\"\n                        (click)=\"addNewImage(i, j)\"\n                    >\n                        <p>\n                            {{ 'wb.structures.template.8' | translate }}\n                        </p>\n                    </div>\n                    <wb-structure-config\n                        [blockUUID]=\"uuid\"\n                        [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n                        [isFullwidth]=\"true\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                    >\n                        <wb-structure-config-input\n                            [label]=\"'wb.structures.template.9' | translate\"\n                            [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_TITLE]\"\n                            (ngModelChange)=\"persist()\"\n                        ></wb-structure-config-input>\n                        <wb-structure-config-input\n                            [label]=\"'wb.structures.template.10' | translate\"\n                            [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_URL]\"\n                            [placeholder]=\"'wb.structures.template.11' | translate\"\n                            (ngModelChange)=\"persist()\"\n                        ></wb-structure-config-input>\n                        <wb-structure-config-checkbox\n                            [label]=\"'wb.structures.template.12' | translate\"\n                            [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_URL_TARGET]\"\n                            (ngModelChange)=\"persist()\"\n                            [off]=\"'_self'\"\n                            [on]=\"'_blank'\"\n                        ></wb-structure-config-checkbox>\n                    </wb-structure-config>\n                    <div *ngIf=\"item[FORM_NAME_IMAGE]\" class=\"wb-text-backgrounds-rows-icon-text__item__content__image\">\n                        <div\n                            wbGetSizeImageDirective\n                            [urlToParse]=\"item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n                            (onUpdate)=\"updateThisImage(item[FORM_NAME_IMAGE], $event)\"\n                            [style.background-image]=\"'url(' + item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                            *ngIf=\"item[FORM_NAME_IMAGE]\"\n                            class=\"wb-text-backgrounds-rows-icon-text__item__content__image__background\"\n                        ></div>\n                    </div>\n\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__wrapper\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                        (click)=\"onClickUpdateImage(i, j)\"\n                    >\n                        <div (click)=\"stopPropagation($event)\">\n                            <wb-structure-config-font\n                                [(value)]=\"item[FORM_NAME_ICON]\"\n                                [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR]\"\n                                (valueChange)=\"item[FORM_NAME_ICON] = $event; persist()\"\n                            ></wb-structure-config-font>\n                            <div class=\"wb-text-backgrounds-rows-icon-text__item__content__title\">\n                                <wb-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 = () => [
@@ -29405,7 +29607,7 @@ class TextBackgroundsTwoRowsIconTextComponent extends StructuresComponent {
 TextBackgroundsTwoRowsIconTextComponent.decorators = [
     { type: Component, args: [{
                 selector: TextBackgroundsTwoRowsIconTextService.selector(),
-                template: "<div class=\"wb-text-backgrounds-rows-icon-text wb-text-backgrounds-rows-icon-text--two\">\n    <div class=\"columns is-multiline\" *ngFor=\"let row of contents[BASE_BLOCK_CONTENT].rows; let i = index\">\n        <div class=\"wb-text-backgrounds-rows-icon-text__delete-line\">\n            <div\n                wbShowDeleteButton\n                *ngIf=\"contents[BASE_BLOCK_CONTENT].line_number > 1\"\n                class=\"wb-text-backgrounds-rows-icon-text__delete-line__button\"\n            >\n                <i class=\"fas fa-trash-alt\"></i>\n                <p>{{ 'wb.structures.template.64' | translate }}</p>\n                <button (click)=\"deleteRow(i)\">{{ 'wb.structures.template.65' | translate }}</button>\n            </div>\n        </div>\n        <div class=\"column is-6-fullhd is-6-desktop\" *ngFor=\"let item of row; let j = index\">\n            <div class=\"wb-text-backgrounds-rows-icon-text__item\">\n                <div\n                    class=\"wb-text-backgrounds-rows-icon-text__item__content\"\n                    [ngClass]=\"{\n                        'wb-text-backgrounds-rows-icon-text__item__content--small':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n                        'wb-text-backgrounds-rows-icon-text__item__content--medium':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n                        'wb-text-backgrounds-rows-icon-text__item__content--large':\n                            contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n                    }\"\n                >\n                    <wb-structure-config\n                        [blockUUID]=\"uuid\"\n                        [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n                        [isFullwidth]=\"true\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                    >\n                        <wb-structure-config-input\n                            [label]=\"'wb.structures.template.9' | translate\"\n                            [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_TITLE]\"\n                            (ngModelChange)=\"persist()\"\n                        ></wb-structure-config-input>\n                        <wb-structure-config-input\n                            [label]=\"'wb.structures.template.10' | translate\"\n                            [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_URL]\"\n                            [placeholder]=\"'wb.structures.template.11' | translate\"\n                            (ngModelChange)=\"persist()\"\n                        ></wb-structure-config-input>\n                        <wb-structure-config-checkbox\n                            [label]=\"'wb.structures.template.12' | translate\"\n                            [(ngModel)]=\"item[FORM_NAME_IMAGE][FORM_NAME_URL_TARGET]\"\n                            (ngModelChange)=\"persist()\"\n                            [off]=\"'_self'\"\n                            [on]=\"'_blank'\"\n                        ></wb-structure-config-checkbox>\n                    </wb-structure-config>\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__noimages\"\n                        wbPicturesTemplateDirective\n                        [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n                        *ngIf=\"!item[FORM_NAME_IMAGE]\"\n                        (click)=\"addNewImage(i, j)\"\n                    >\n                        <p>\n                            <i class=\"fal fa-image\"></i>\n                            {{ 'wb.structures.template.8' | translate }}\n                        </p>\n                    </div>\n                    <div *ngIf=\"item[FORM_NAME_IMAGE]\" class=\"wb-text-backgrounds-rows-icon-text__item__content__image\">\n                        <div\n                            wbGetSizeImageDirective\n                            [urlToParse]=\"item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n                            (onUpdate)=\"updateThisImage(item[FORM_NAME_IMAGE], $event)\"\n                            [style.background-image]=\"'url(' + item[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n                            *ngIf=\"item[FORM_NAME_IMAGE]\"\n                            class=\"wb-text-backgrounds-rows-icon-text__item__content__image__background\"\n                        ></div>\n                    </div>\n                    <div\n                        class=\"wb-text-backgrounds-rows-icon-text__item__content__wrapper\"\n                        *ngIf=\"item[FORM_NAME_IMAGE]\"\n                        (click)=\"onClickUpdateImage(i, j)\"\n                    >\n                        <div (click)=\"stopPropagation($event)\">\n                            <wb-structure-config-font\n                                [(value)]=\"item[FORM_NAME_ICON]\"\n                                [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR]\"\n                                (valueChange)=\"item[FORM_NAME_ICON] = $event; persist()\"\n                            ></wb-structure-config-font>\n                            <div class=\"wb-text-backgrounds-rows-icon-text__item__content__title\">\n                                <wb-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 = () => [
@@ -29740,7 +29942,7 @@ class ConfigsComponent {
 ConfigsComponent.decorators = [
     { type: Component, args: [{
                 selector: 'wb-configs',
-                template: "<div class=\"wb-configs\" [ngClass]=\"{ 'is-not-first': !isFirst }\" [@animateListFromLeft]=\"temporizeConfig\" *ngIf=\"temporizeConfig\">\n    <div class=\"field\" *ngFor=\"let form of configs.forms; let i = index\">\n        <label class=\"label\" *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')]
             },] }
 ];
@@ -29896,5 +30098,5 @@ WiziBlockModule.decorators = [
  * Generated bundle index. Do not edit.
  */
 
-export { ApiDto, ExternalConfigDto, MediaConnectorService, MediaDto, TranslationBlockDto, TranslationStructureDto, TranslationsDto, TypesDto, WiziBlockComponent, WiziBlockModule, WiziBlockService, Types as ɵa, MyMissingTranslationHandler as ɵb, SharedDirectivesModule as ɵba, AutofocusDirective as ɵbb, AutoHideDirective as ɵbc, GetSizeImageDirective as ɵbd, ExpectedImagesService as ɵbe, PicturesTemplateDirective as ɵbf, HoldableDirective as ɵbg, ShowDeleteButtonDirective as ɵbh, StructureToolsComponent as ɵbi, StructureConfigComponent as ɵbj, StructureConfigService as ɵbk, StructureConfigInputComponent as ɵbl, StructureConfigCheckboxComponent as ɵbm, StructureConfigFontComponent as ɵbn, FontAwesomeService as ɵbo, StructureConfigPaymentComponent as ɵbp, StructureSelectComponent as ɵbq, StructureSearchProductComponent as ɵbr, StructureConfigExtendedInputComponent as ɵbs, StructureAmplifySearchProductComponent as ɵbt, StructureAmplifySearchCategoryComponent as ɵbu, LoaderComponent as ɵbv, SmallLoaderComponent as ɵbw, StarComponent as ɵbx, QuillComponent as ɵby, QuillService as ɵbz, animateListFromRight as ɵc, FaqComponent as ɵca, EditorJsComponent as ɵcb, EditorJSConversionService as ɵcc, BlockComponentList as ɵcd, StructuresModule as ɵce, SliderFullpageComponent as ɵcf, StructuresComponent as ɵcg, SlidersFullpageService as ɵch, SliderLeftnavComponent as ɵci, SlidersLeftnavService as ɵcj, SliderImagerightComponent as ɵck, SlidersImagerightService as ɵcl, SliderDoubleImagerightComponent as ɵcm, SlidersDoubleImagerightService as ɵcn, SeparatorSimpleComponent as ɵco, SeparatorSimpleService as ɵcp, CodeHtmlComponent as ɵcq, CodeHtmlService as ɵcr, CodeJavascriptComponent as ɵcs, CodeJavascriptService as ɵct, VideosSimpleComponent as ɵcu, VideosSimpleService as ɵcv, YoutubeService as ɵcw, VimeoService as ɵcx, VideosTxtComponent as ɵcy, VideosTxtService as ɵcz, animateListFromLeft as ɵd, VideosTxtContentComponent as ɵda, VideosTxtContentService as ɵdb, LaunchVideosButtonComponent as ɵdc, LaunchVideosButtonService as ɵdd, LaunchVideosButtontxtComponent as ɵde, LaunchVideosButtontxtService as ɵdf, ImagesBannerComponent as ɵdg, ImagesBannerService as ɵdh, ImagesSimpleComponent as ɵdi, ImagesSimpleService as ɵdj, ImagesDoubleComponent as ɵdk, ImagesDoubleService as ɵdl, ImagesTripleComponent as ɵdm, ImagesTripleService as ɵdn, ImagesQuadrupleComponent as ɵdo, ImagesQuadrupleService as ɵdp, ImagesQuadrupleLeftOneRightComponent as ɵdq, ImagesQuadrupleLeftOneRightService as ɵdr, ImagesBigAndDoubleComponent as ɵds, ImagesBigAndDoubleService as ɵdt, ImagesBigsAndDoubleMiddleComponent as ɵdu, ImagesBigsAndDoubleMiddleService as ɵdv, TextBackgroundsLinkComponent as ɵdw, TextBackgroundsLinkService as ɵdx, TextBackgroundsSimpleComponent as ɵdy, TextBackgroundsSimpleService as ɵdz, ConfigService as ɵe, TextBackgroundsWithTxtComponent as ɵea, TextBackgroundsWithTxtService as ɵeb, ImagesTextsBigLeftTextRightComponent as ɵec, ImagesTextsBigLeftTextRightService as ɵed, ImagesTextsBigRightTextLeftComponent as ɵee, ImagesTextsBigRightTextLeftService as ɵef, ImagesTextsLeftTextRightComponent as ɵeg, ImagesTextsLeftTextRightService as ɵeh, ImagesTextsRightTextLeftComponent as ɵei, ImagesTextsRightTextLeftService as ɵej, ImagesTextsOneTextOneComponent as ɵek, ImagesTextsOneTextOneService as ɵel, ImagesTextsSmallLeftTextRightComponent as ɵem, ImagesTextsSmallLeftTextRightService as ɵen, ImagesTextsSmallRightTextLeftComponent as ɵeo, ImagesTextsSmallRightTextLeftService as ɵep, ImagesTextsTextOneTextComponent as ɵeq, ImagesTextsTextOneTextService as ɵer, TextsOneBackgroundComponent as ɵes, TextsOneBackgroundService as ɵet, TextsDoubleBackgroundComponent as ɵeu, TextsDoubleBackgroundService as ɵev, TextsTripleBackgroundComponent as ɵew, TextsTripleBackgroundService as ɵex, TextsQuadrupleComponent as ɵey, TextsQuadrupleService as ɵez, ContentService as ɵf, TextsQuadrupleNumbersComponent as ɵfa, TextsQuadrupleNumbersService as ɵfb, FormsSimpleComponent as ɵfc, FormsSimpleService as ɵfd, TextsQuadrupleBackgroundComponent as ɵfe, TextsQuadrupleBackgroundService as ɵff, TextsTripleComponent as ɵfg, TextsTripleService as ɵfh, TextsOneComponent as ɵfi, TextsOneService as ɵfj, TextsDoubleComponent as ɵfk, TextsDoubleService as ɵfl, FormsBackgroundComponent as ɵfm, FormsBackgroundService as ɵfn, VideosTxtLeftComponent as ɵfo, VideosTxtLeftService as ɵfp, FormsImageleftComponent as ɵfq, FormsImageleftService as ɵfr, FormsImagerightComponent as ɵfs, FormsImagerightService as ɵft, FormsOnboardingComponent as ɵfu, FormsOnboardingService as ɵfv, SocialsLikeComponent as ɵfw, SocialsLikeService as ɵfx, SocialsPageSimpleComponent as ɵfy, SocialsPageSimpleService as ɵfz, ExternalConfigService as ɵg, SocialsPageComplexComponent as ɵga, SocialsPageComplexService as ɵgb, SocialsNetworkComponent as ɵgc, SocialsNetworkService as ɵgd, ProductsListClassicComponent as ɵge, ProductsListClassicService as ɵgf, CurrencyService as ɵgg, ProductsListSimpleComponent as ɵgh, ProductsListSimpleService as ɵgi, RassurancesTripleBackgroundComponent as ɵgj, RassurancesTripleBackgroundService as ɵgk, RassurancesQuadrupleAlignedComponent as ɵgl, RassurancesQuadrupleAlignedService as ɵgm, RassurancesQuadrupleBackgroundComponent as ɵgn, RassurancesQuadrupleBackgroundService as ɵgo, NewsletterAlignedCenterImageComponent as ɵgp, NewsletterAlignedCenterImageService as ɵgq, NewsletterAlignedCenterBackgroundComponent as ɵgr, NewsletterAlignedCenterBackgroundService as ɵgs, NewsletterCenterImageComponent as ɵgt, NewsletterCenterImageService as ɵgu, ProductsListSelectedComponent as ɵgv, ProductsListSelectedService as ɵgw, CodeStylesheetComponent as ɵgx, CodeStylesheetService as ɵgy, WitnessTwiceComponent as ɵgz, ApiService as ɵh, WitnessTwiceService as ɵha, WitnessTripleComponent as ɵhb, WitnessTripleService as ɵhc, WitnessQuadrupleComponent as ɵhd, WitnessQuadrupleService as ɵhe, WitnessBackgroundOneComponent as ɵhf, WitnessBackgroundOneService as ɵhg, WitnessBackgroundDoubleComponent as ɵhh, WitnessBackgroundDoubleService as ɵhi, ReviewsSimpleComponent as ɵhj, ReviewsSimpleService as ɵhk, QuotesSimpleComponent as ɵhl, QuotesSimpleService as ɵhm, QuotesAuthorComponent as ɵhn, QuotesAuthorService as ɵho, QuotesSimpleBackgroundComponent as ɵhp, QuotesSimpleBackgroundService as ɵhq, ReviewsWaterfallComponent as ɵhr, ReviewsWaterfallService as ɵhs, MapFullpageComponent as ɵht, MapFullpageService as ɵhu, MapLeftTextComponent as ɵhv, MapLeftTextService as ɵhw, MapRightTextComponent as ɵhx, MapRightTextService as ɵhy, MapTextFormComponent as ɵhz, ComponentsModule as ɵi, MapTextFormService as ɵia, MapBackgroundFormLeftComponent as ɵib, MapBackgroundFormLeftService as ɵic, MapBackgroundFormRightComponent as ɵid, MapBackgroundFormRightService as ɵie, AmplifyProductsListSimpleComponent as ɵif, AmplifyProductsListSimpleService as ɵig, AmplifyProductsListSelectedComponent as ɵih, AmplifyProductsListSelectedService as ɵii, AmplifyProductsListClassicComponent as ɵij, AmplifyProductsListClassicService as ɵik, AmplifyProductZoomComponent as ɵil, AmplifyProductZoomService as ɵim, AmplifyProductZoomTripleColumnComponent as ɵin, AmplifyProductZoomTripleColumnService as ɵio, AmplifyProductZoomSelectedComponent as ɵip, AmplifyProductZoomSelectedService as ɵiq, AmplifyProductZoomMoreComponent as ɵir, AmplifyProductZoomMoreService as ɵis, ProductZoomComponent as ɵit, ProductZoomService as ɵiu, ProductZoomTripleColumnComponent as ɵiv, ProductZoomTripleColumnService as ɵiw, ProductZoomSelectedComponent as ɵix, ProductZoomSelectedService as ɵiy, ProductZoomMoreComponent as ɵiz, BlocksComponent as ɵj, ProductZoomMoreService as ɵja, ProductZoomCompleteComponent as ɵjb, ProductZoomCompleteService as ɵjc, ProductZoomCompleteSliderComponent as ɵjd, ProductZoomCompleteSliderService as ɵje, ProductZoomSimpleComponent as ɵjf, ProductZoomSimpleService as ɵjg, ProductZoomCompleteBackgroundComponent as ɵjh, ProductZoomCompleteBackgroundService as ɵji, TimerSimpleComponent as ɵjj, TimerSimpleService as ɵjk, TimerBackgroundComponent as ɵjl, TimerBackgroundService as ɵjm, TimerClockComponent as ɵjn, TimerClockService as ɵjo, TimerAirportComponent as ɵjp, TimerAirportService as ɵjq, TimerMultipleImgComponent as ɵjr, TimerMultipleImgService as ɵjs, AboutBlockComponent as ɵjt, AboutBlockService as ɵju, FaqSimpleComponent as ɵjv, FaqSimpleService as ɵjw, FaqSimpleBackgroundComponent as ɵjx, FaqSimpleBackgroundService as ɵjy, FaqFrameComponent as ɵjz, ConfigsComponent as ɵk, FaqFrameService as ɵka, FaqAccordionComponent as ɵkb, FaqAccordionService as ɵkc, FaqListIconComponent as ɵkd, FaqListIconService as ɵke, FourImagesTitleComponent as ɵkf, FourImagesTitleService as ɵkg, TranslateBlockService as ɵkh, TwoImagesTitleTextComponent as ɵki, TwoImagesTitleTextService as ɵkj, TextBackgroundsWithBannerComponent as ɵkk, TextBackgroundsWithBannerService as ɵkl, TextBackgroundsTwoRowsIconTextComponent as ɵkm, TextBackgroundsTwoRowsIconTextService as ɵkn, TextBackgroundsThreeRowsIconTextComponent as ɵko, TextBackgroundsThreeRowsIconTextService as ɵkp, TextBackgroundsFourRowsIconTextComponent as ɵkq, TextBackgroundsFourRowsIconTextService as ɵkr, SliderWithBannerComponent as ɵks, SlidersWithBannerService as ɵkt, LoaderComponentModule as ɵku, PreviewsComponent as ɵl, ContainerBlockComponent as ɵm, SharedModule as ɵn, SharedComponentsModule as ɵo, SharedPipesModule as ɵp, SafeUrlPipe as ɵq, SafeStylePipe as ɵr, AddZeroForTimerPipe as ɵs, AnswerTypePipe as ɵt, TinyColorPipe as ɵu, ArrayNumberPipe as ɵv, CheckPaymentValuePipe as ɵw, EvenOddPipe as ɵx, StripTagsPipe as ɵy, ImgPathPipe as ɵz };
+export { ApiDto, ExternalConfigDto, MediaConnectorService, MediaDto, TranslationBlockDto, TranslationStructureDto, TranslationsDto, TypesDto, WiziBlockComponent, WiziBlockModule, WiziBlockService, Types as ɵa, MyMissingTranslationHandler as ɵb, SharedDirectivesModule as ɵba, AutofocusDirective as ɵbb, AutoHideDirective as ɵbc, GetSizeImageDirective as ɵbd, ExpectedImagesService as ɵbe, PicturesTemplateDirective as ɵbf, HoldableDirective as ɵbg, ShowDeleteButtonDirective as ɵbh, StructureToolsComponent as ɵbi, StructureConfigComponent as ɵbj, StructureConfigService as ɵbk, StructureConfigInputComponent as ɵbl, StructureConfigCheckboxComponent as ɵbm, StructureConfigFontComponent as ɵbn, FontAwesomeService as ɵbo, StructureConfigPaymentComponent as ɵbp, StructureSelectComponent as ɵbq, StructureSearchProductComponent as ɵbr, StructureConfigExtendedInputComponent as ɵbs, StructureAmplifySearchProductComponent as ɵbt, StructureAmplifySearchCategoryComponent as ɵbu, LoaderComponent as ɵbv, SmallLoaderComponent as ɵbw, StarComponent as ɵbx, QuillComponent as ɵby, QuillService as ɵbz, animateListFromRight as ɵc, FaqComponent as ɵca, EditorJsComponent as ɵcb, EditorJSConversionService as ɵcc, EditorJSTranslationService as ɵcd, BlockComponentList as ɵce, StructuresModule as ɵcf, SliderFullpageComponent as ɵcg, StructuresComponent as ɵch, SlidersFullpageService as ɵci, SliderLeftnavComponent as ɵcj, SlidersLeftnavService as ɵck, SliderImagerightComponent as ɵcl, SlidersImagerightService as ɵcm, SliderDoubleImagerightComponent as ɵcn, SlidersDoubleImagerightService as ɵco, SeparatorSimpleComponent as ɵcp, SeparatorSimpleService as ɵcq, CodeHtmlComponent as ɵcr, CodeHtmlService as ɵcs, CodeJavascriptComponent as ɵct, CodeJavascriptService as ɵcu, VideosSimpleComponent as ɵcv, VideosSimpleService as ɵcw, YoutubeService as ɵcx, VimeoService as ɵcy, VideosTxtComponent as ɵcz, animateListFromLeft as ɵd, VideosTxtService as ɵda, VideosTxtContentComponent as ɵdb, VideosTxtContentService as ɵdc, LaunchVideosButtonComponent as ɵdd, LaunchVideosButtonService as ɵde, LaunchVideosButtontxtComponent as ɵdf, LaunchVideosButtontxtService as ɵdg, ImagesBannerComponent as ɵdh, ImagesBannerService as ɵdi, ImagesSimpleComponent as ɵdj, ImagesSimpleService as ɵdk, ImagesDoubleComponent as ɵdl, ImagesDoubleService as ɵdm, ImagesTripleComponent as ɵdn, ImagesTripleService as ɵdo, ImagesQuadrupleComponent as ɵdp, ImagesQuadrupleService as ɵdq, ImagesQuadrupleLeftOneRightComponent as ɵdr, ImagesQuadrupleLeftOneRightService as ɵds, ImagesBigAndDoubleComponent as ɵdt, ImagesBigAndDoubleService as ɵdu, ImagesBigsAndDoubleMiddleComponent as ɵdv, ImagesBigsAndDoubleMiddleService as ɵdw, TextBackgroundsLinkComponent as ɵdx, TextBackgroundsLinkService as ɵdy, TextBackgroundsSimpleComponent as ɵdz, ConfigService as ɵe, TextBackgroundsSimpleService as ɵea, TextBackgroundsWithTxtComponent as ɵeb, TextBackgroundsWithTxtService as ɵec, ImagesTextsBigLeftTextRightComponent as ɵed, ImagesTextsBigLeftTextRightService as ɵee, ImagesTextsBigRightTextLeftComponent as ɵef, ImagesTextsBigRightTextLeftService as ɵeg, ImagesTextsLeftTextRightComponent as ɵeh, ImagesTextsLeftTextRightService as ɵei, ImagesTextsRightTextLeftComponent as ɵej, ImagesTextsRightTextLeftService as ɵek, ImagesTextsOneTextOneComponent as ɵel, ImagesTextsOneTextOneService as ɵem, ImagesTextsSmallLeftTextRightComponent as ɵen, ImagesTextsSmallLeftTextRightService as ɵeo, ImagesTextsSmallRightTextLeftComponent as ɵep, ImagesTextsSmallRightTextLeftService as ɵeq, ImagesTextsTextOneTextComponent as ɵer, ImagesTextsTextOneTextService as ɵes, TextsOneBackgroundComponent as ɵet, TextsOneBackgroundService as ɵeu, TextsDoubleBackgroundComponent as ɵev, TextsDoubleBackgroundService as ɵew, TextsTripleBackgroundComponent as ɵex, TextsTripleBackgroundService as ɵey, TextsQuadrupleComponent as ɵez, ContentService as ɵf, TextsQuadrupleService as ɵfa, TextsQuadrupleNumbersComponent as ɵfb, TextsQuadrupleNumbersService as ɵfc, FormsSimpleComponent as ɵfd, FormsSimpleService as ɵfe, TextsQuadrupleBackgroundComponent as ɵff, TextsQuadrupleBackgroundService as ɵfg, TextsTripleComponent as ɵfh, TextsTripleService as ɵfi, TextsOneComponent as ɵfj, TextsOneService as ɵfk, TextsDoubleComponent as ɵfl, TextsDoubleService as ɵfm, FormsBackgroundComponent as ɵfn, FormsBackgroundService as ɵfo, VideosTxtLeftComponent as ɵfp, VideosTxtLeftService as ɵfq, FormsImageleftComponent as ɵfr, FormsImageleftService as ɵfs, FormsImagerightComponent as ɵft, FormsImagerightService as ɵfu, FormsOnboardingComponent as ɵfv, FormsOnboardingService as ɵfw, SocialsLikeComponent as ɵfx, SocialsLikeService as ɵfy, SocialsPageSimpleComponent as ɵfz, ExternalConfigService as ɵg, SocialsPageSimpleService as ɵga, SocialsPageComplexComponent as ɵgb, SocialsPageComplexService as ɵgc, SocialsNetworkComponent as ɵgd, SocialsNetworkService as ɵge, ProductsListClassicComponent as ɵgf, ProductsListClassicService as ɵgg, CurrencyService as ɵgh, ProductsListSimpleComponent as ɵgi, ProductsListSimpleService as ɵgj, RassurancesTripleBackgroundComponent as ɵgk, RassurancesTripleBackgroundService as ɵgl, RassurancesQuadrupleAlignedComponent as ɵgm, RassurancesQuadrupleAlignedService as ɵgn, RassurancesQuadrupleBackgroundComponent as ɵgo, RassurancesQuadrupleBackgroundService as ɵgp, NewsletterAlignedCenterImageComponent as ɵgq, NewsletterAlignedCenterImageService as ɵgr, NewsletterAlignedCenterBackgroundComponent as ɵgs, NewsletterAlignedCenterBackgroundService as ɵgt, NewsletterCenterImageComponent as ɵgu, NewsletterCenterImageService as ɵgv, ProductsListSelectedComponent as ɵgw, ProductsListSelectedService as ɵgx, CodeStylesheetComponent as ɵgy, CodeStylesheetService as ɵgz, ApiService as ɵh, WitnessTwiceComponent as ɵha, WitnessTwiceService as ɵhb, WitnessTripleComponent as ɵhc, WitnessTripleService as ɵhd, WitnessQuadrupleComponent as ɵhe, WitnessQuadrupleService as ɵhf, WitnessBackgroundOneComponent as ɵhg, WitnessBackgroundOneService as ɵhh, WitnessBackgroundDoubleComponent as ɵhi, WitnessBackgroundDoubleService as ɵhj, ReviewsSimpleComponent as ɵhk, ReviewsSimpleService as ɵhl, QuotesSimpleComponent as ɵhm, QuotesSimpleService as ɵhn, QuotesAuthorComponent as ɵho, QuotesAuthorService as ɵhp, QuotesSimpleBackgroundComponent as ɵhq, QuotesSimpleBackgroundService as ɵhr, ReviewsWaterfallComponent as ɵhs, ReviewsWaterfallService as ɵht, MapFullpageComponent as ɵhu, MapFullpageService as ɵhv, MapLeftTextComponent as ɵhw, MapLeftTextService as ɵhx, MapRightTextComponent as ɵhy, MapRightTextService as ɵhz, ComponentsModule as ɵi, MapTextFormComponent as ɵia, MapTextFormService as ɵib, MapBackgroundFormLeftComponent as ɵic, MapBackgroundFormLeftService as ɵid, MapBackgroundFormRightComponent as ɵie, MapBackgroundFormRightService as ɵif, AmplifyProductsListSimpleComponent as ɵig, AmplifyProductsListSimpleService as ɵih, AmplifyProductsListSelectedComponent as ɵii, AmplifyProductsListSelectedService as ɵij, AmplifyProductsListClassicComponent as ɵik, AmplifyProductsListClassicService as ɵil, AmplifyProductZoomComponent as ɵim, AmplifyProductZoomService as ɵin, AmplifyProductZoomTripleColumnComponent as ɵio, AmplifyProductZoomTripleColumnService as ɵip, AmplifyProductZoomSelectedComponent as ɵiq, AmplifyProductZoomSelectedService as ɵir, AmplifyProductZoomMoreComponent as ɵis, AmplifyProductZoomMoreService as ɵit, ProductZoomComponent as ɵiu, ProductZoomService as ɵiv, ProductZoomTripleColumnComponent as ɵiw, ProductZoomTripleColumnService as ɵix, ProductZoomSelectedComponent as ɵiy, ProductZoomSelectedService as ɵiz, BlocksComponent as ɵj, ProductZoomMoreComponent as ɵja, ProductZoomMoreService as ɵjb, ProductZoomCompleteComponent as ɵjc, ProductZoomCompleteService as ɵjd, ProductZoomCompleteSliderComponent as ɵje, ProductZoomCompleteSliderService as ɵjf, ProductZoomSimpleComponent as ɵjg, ProductZoomSimpleService as ɵjh, ProductZoomCompleteBackgroundComponent as ɵji, ProductZoomCompleteBackgroundService as ɵjj, TimerSimpleComponent as ɵjk, TimerSimpleService as ɵjl, TimerBackgroundComponent as ɵjm, TimerBackgroundService as ɵjn, TimerClockComponent as ɵjo, TimerClockService as ɵjp, TimerAirportComponent as ɵjq, TimerAirportService as ɵjr, TimerMultipleImgComponent as ɵjs, TimerMultipleImgService as ɵjt, AboutBlockComponent as ɵju, AboutBlockService as ɵjv, FaqSimpleComponent as ɵjw, FaqSimpleService as ɵjx, FaqSimpleBackgroundComponent as ɵjy, FaqSimpleBackgroundService as ɵjz, ConfigsComponent as ɵk, FaqFrameComponent as ɵka, FaqFrameService as ɵkb, FaqAccordionComponent as ɵkc, FaqAccordionService as ɵkd, FaqListIconComponent as ɵke, FaqListIconService as ɵkf, FourImagesTitleComponent as ɵkg, FourImagesTitleService as ɵkh, TranslateBlockService as ɵki, TwoImagesTitleTextComponent as ɵkj, TwoImagesTitleTextService as ɵkk, TextBackgroundsWithBannerComponent as ɵkl, TextBackgroundsWithBannerService as ɵkm, TextBackgroundsTwoRowsIconTextComponent as ɵkn, TextBackgroundsTwoRowsIconTextService as ɵko, TextBackgroundsThreeRowsIconTextComponent as ɵkp, TextBackgroundsThreeRowsIconTextService as ɵkq, TextBackgroundsFourRowsIconTextComponent as ɵkr, TextBackgroundsFourRowsIconTextService as ɵks, SliderWithBannerComponent as ɵkt, SlidersWithBannerService as ɵku, LoaderComponentModule as ɵkv, PreviewsComponent as ɵl, ContainerBlockComponent as ɵm, SharedModule as ɵn, SharedComponentsModule as ɵo, SharedPipesModule as ɵp, SafeUrlPipe as ɵq, SafeStylePipe as ɵr, AddZeroForTimerPipe as ɵs, AnswerTypePipe as ɵt, TinyColorPipe as ɵu, ArrayNumberPipe as ɵv, CheckPaymentValuePipe as ɵw, EvenOddPipe as ɵx, StripTagsPipe as ɵy, ImgPathPipe as ɵz };
 //# sourceMappingURL=wizishop-wizi-block.js.map