@wizishop/wizi-block 4.2.21-beta → 4.2.24-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,34 @@ class EditorJSTool {
         this.focusOffset = this.currentSelection.focusOffset;
     }
     resetUserSelection() {
+        var _a;
+        console.log('reset here');
+        if (this.selectedAnchorNode.nodeType === Node.ELEMENT_NODE && this.selectedAnchorNode.children) {
+            while (this.selectedAnchorNode.children &&
+                this.selectedAnchorNode.innerText === ((_a = this.selectedAnchorNode.children[0]) === null || _a === void 0 ? void 0 : _a.innerText) &&
+                this.selectedAnchorNode.children.length === 1) {
+                this.selectedAnchorNode = this.selectedAnchorNode.children[0];
+                this.selectedFocusNode = this.selectedAnchorNode;
+                this.anchorOffset = 0;
+                this.focusOffset = 1;
+            }
+            if (this.textContainers.split(',').indexOf(this.selectedAnchorNode.tagName.toLowerCase()) > -1) {
+                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();
+    }
+    collapseSelection() {
+        let selection = this.getSelection();
+        document.getSelection().setBaseAndExtent(selection.anchorNode, 0, selection.anchorNode, 0);
     }
     findParentEditor() {
         const selection = this.currentSelection ? this.currentSelection : this.getSelection();
@@ -18623,6 +18651,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 +18695,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;
@@ -18664,6 +18702,7 @@ class InlineStyleTool extends EditorJSTool {
         this.foundFocusNode = false;
         this.tmpOffset = 0;
         this.modifiedContent = false;
+        this.linkDeletion = false;
         this.modifies = {
             tag: false,
             style: false,
@@ -18677,7 +18716,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 +18728,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.linkDeletion) {
+                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 +18781,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 +18834,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 +18859,21 @@ 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* () {
+            console.log('container');
+            console.log(container);
+            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 +18886,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 +18918,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 +18935,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 +18948,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 +19685,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 +20265,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 +20290,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 +20389,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();
@@ -20313,6 +20401,7 @@ class TextBackgroundColorTool extends ColorTool {
                 inputToFocus.focus();
             }
             //this.hideActions();
+            this.collapseSelection();
         });
     }
     checkState(selection) {
@@ -20322,6 +20411,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 +20437,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();
@@ -20393,6 +20483,7 @@ class ParagraphStyleTool extends EditorJSTool {
             if (!selection) {
                 return;
             }
+            this.saveUserSelection();
             const anchorNode = selection.anchorNode;
             if (!this.parentEditor) {
                 this.parentEditor = this.findParentEditor();
@@ -20407,6 +20498,7 @@ class ParagraphStyleTool extends EditorJSTool {
             if ((this.classToApply && this.classToApply.length > 0) || (this.classes && this.classes.length > 0)) {
                 this.changeCurrentClass(parentModifier);
             }
+            this.collapseSelection();
         });
     }
     checkOrderedListValue() {
@@ -20441,8 +20533,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 +20555,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()) {
@@ -20523,9 +20625,9 @@ class ParagraphStyleTool extends EditorJSTool {
         let currentElement = element;
         if (currentElement.tagName.toLowerCase() === 'div') {
             if (currentElement.classList.contains('ce-paragraph')) {
-                return currentElement;
+                return currentElement.children[0];
             }
-            return currentElement.parentElement.querySelector('.ce-paragraph').children[0];
+            return currentElement.closest('.codex-editor__redactor').querySelector('.ce-paragraph').children[0];
         }
         while (this.modifiers.split(',').indexOf(currentElement.tagName.toLowerCase()) === -1) {
             if (currentElement.tagName.toLowerCase() === 'div') {
@@ -20538,6 +20640,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) {
@@ -20549,6 +20655,20 @@ function onEditList(event) {
                 currentParagraph.removeEventListener('keydown', onEditList, true);
                 document.getSelection().setBaseAndExtent(currentParagraph.querySelector('p'), 0, currentParagraph.querySelector('p'), 0);
             }
+            else {
+                let selection = document.getSelection();
+                if (selection.anchorOffset === 0) {
+                    let newParagraph = document.createElement('p');
+                    let currentParagraph = listEditor.querySelectorAll('.ce-paragraph')[listApi.blocks.getCurrentBlockIndex()];
+                    newParagraph.innerHTML = currentParagraph.querySelector('li').innerHTML;
+                    currentParagraph.innerHTML = '';
+                    currentParagraph.appendChild(newParagraph);
+                    currentParagraph.removeEventListener('keydown', onEditList, true);
+                    document
+                        .getSelection()
+                        .setBaseAndExtent(currentParagraph.querySelector('p'), 0, currentParagraph.querySelector('p'), 0);
+                }
+            }
         }
         else {
             event.preventDefault();
@@ -20561,7 +20681,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 +20949,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);
         });
@@ -20884,7 +21016,7 @@ const frI18nDictionnary = {
                 placeholder: 'https://www.maboutique.fr or /monlien/',
                 external: 'Externe ?',
                 obfuscated: 'Lien Obfusqué ?',
-                info: 'L\'obfuscation de liens est une technique SEO avancée qui consiste à cacher un lien aux robots des moteurs de recherche, tout en le laissant accessible pour les internautes. <a href="https://www.wizishop.fr/blog/obfuscation-lien">Découvrir l\'article complet.</a>',
+                info: 'L\'obfuscation de liens est une technique SEO avancée qui consiste à cacher un lien aux robots des moteurs de recherche, tout en le laissant accessible pour les internautes. <a href="https://www.wizishop.fr/blog/obfuscation-lien" target="_blank">Découvrir l\'article complet.</a>',
             },
             textBackgroundColor: {
                 customColor: 'Sélectionner une couleur personnalisée :',
@@ -20903,7 +21035,7 @@ const frI18nDictionnary = {
                 Small: 'Petit',
                 Normal: 'Normal',
                 Large: 'Grand',
-                Huge: 'Immense',
+                Huge: 'Très grand',
             },
             codeEdit: {
                 Cancel: 'Annuler',
@@ -20968,7 +21100,7 @@ const enI18nDictionnary = {
                 placeholder: 'https://www.myshop.fr or /mylink/',
                 external: 'External?',
                 obfuscated: 'Obfuscated link?',
-                info: 'Link obfuscation is an advanced SEO technique that consists in hiding a link from search engine robots, while leaving it available for users.  <a href="https://wizishop.com/blog/url-obfuscation">Read more</a>',
+                info: 'Link obfuscation is an advanced SEO technique that consists in hiding a link from search engine robots, while leaving it available for users.  <a href="https://wizishop.com/blog/url-obfuscation" target="_blank">Read more</a>',
             },
             textBackgroundColor: {
                 customColor: 'Select a custom color :',
@@ -20987,7 +21119,7 @@ const enI18nDictionnary = {
                 Small: 'Small',
                 Normal: 'Normal',
                 Large: 'Large',
-                Huge: 'Huge',
+                Huge: 'Very large',
             },
             codeEdit: {
                 Cancel: 'Cancel',
@@ -21334,6 +21466,7 @@ class LinkTool extends InlineStyleTool {
         };
         this.tag = 'SPAN';
         this.hasSeparatorBefore = true;
+        this.linkDeletion = false;
         this.modifies = {
             tag: false,
             style: false,
@@ -21348,8 +21481,10 @@ 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.attributeName = 'data-htap,href,data-knalb';
         this.attributesToApply = [];
         this.isLinkDropdownOpen = false;
         this.api = api;
@@ -21408,16 +21543,54 @@ 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']);
-            if (targetCheckbox.checked) {
+            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 (obfuscationCheckbox.checked) {
+                this.tag = 'SPAN';
+                this.modifies.tag = false;
                 this.attributesToApply.push({
-                    name: 'target',
-                    value: '_blank',
+                    name: 'data-htap',
+                    value: btoa(linkInput.value),
                 });
+                if (targetCheckbox.checked) {
+                    this.attributesToApply.push({
+                        name: 'data-knalb',
+                        value: 'true',
+                    });
+                }
             }
+            else {
+                this.tag = 'A';
+                this.modifies.tag = true;
+                this.attributesToApply.push({
+                    name: 'href',
+                    value: linkInput.value,
+                });
+                if (targetCheckbox.checked) {
+                    this.attributesToApply.push({
+                        name: 'target',
+                        value: '_blank',
+                    });
+                }
+            }
+            this.resetUserSelection();
+            yield this.surround(null, true);
+            this.checkState(this.currentSelection);
+            this.openLinkDropdown();
+        });
+    }
+    deleteLink() {
+        return __awaiter(this, void 0, void 0, function* () {
+            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);
             if (obfuscationCheckbox.checked) {
                 this.tag = 'SPAN';
                 this.modifies.tag = false;
@@ -21425,6 +21598,12 @@ class LinkTool extends InlineStyleTool {
                     name: 'data-htap',
                     value: btoa(linkInput.value),
                 });
+                if (targetCheckbox.checked) {
+                    this.attributesToApply.push({
+                        name: 'data-knalb',
+                        value: 'true',
+                    });
+                }
             }
             else {
                 this.tag = 'A';
@@ -21433,14 +21612,26 @@ class LinkTool extends InlineStyleTool {
                     name: 'href',
                     value: linkInput.value,
                 });
+                if (targetCheckbox.checked) {
+                    this.attributesToApply.push({
+                        name: 'target',
+                        value: '_blank',
+                    });
+                }
             }
+            this.linkDeletion = true;
             this.resetUserSelection();
             yield this.surround(null, true);
             this.checkState(this.currentSelection);
             this.openLinkDropdown();
+            this.linkDeletion = false;
         });
     }
     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 +21641,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 +21676,45 @@ 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 {
+            linkInput.value = '';
+            targetCheckbox.checked = false;
+            obfuscationCheckbox.checked = false;
+            if (!deleteButton.classList.contains('hidden')) {
+                deleteButton.classList.add('hidden');
+            }
+            if (addButton.classList.contains('hidden')) {
+                addButton.classList.remove('hidden');
+            }
+        }
+    }
     hideActions() { }
     openLinkDropdown() {
         if (!this.parentEditor) {
@@ -21493,6 +21724,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 +21744,7 @@ class LinkTool extends InlineStyleTool {
                 }, 400);
             }
             else {
+                this.resetUserSelection();
                 this.isLinkDropdownOpen = false;
                 linkDropdown.classList.add('hidden');
             }
@@ -21814,7 +22047,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 +22092,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 +22189,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 +22252,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 +22587,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 +22622,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 +22636,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 +22650,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 +22680,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 +22749,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 +22821,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 +22887,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 +22896,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 +22984,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 +27109,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 +27241,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 +27373,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 +27537,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 +28813,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 +28986,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 +29502,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 +29580,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 +29671,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 +30006,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 +30162,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