npm - @wizishop/wizi-block - Versions diffs - 4.2.36-beta → 4.2.39-beta - Mend

@wizishop/wizi-block 4.2.36-beta → 4.2.39-beta

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (820) hide show

package/wizishop-wizi-block.metadata.json DELETED Viewed

@@ -1 +0,0 @@

- {"__symbolic":"module","version":4,"metadata":{"MediaConnectorService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"bindEventImage":[{"__symbolic":"method"}],"bindReturnedImage":[{"__symbolic":"method"}],"askImage":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"WiziBlockService":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"Injector","line":16,"character":32}]}],"setConfig":[{"__symbolic":"method"}],"getTranslation":[{"__symbolic":"method"}],"getComponents":[{"__symbolic":"method"}],"getBlocksService":[{"__symbolic":"method"}],"setComponents":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"MediaDto":{"__symbolic":"class","members":{}},"ExternalConfigDto":{"__symbolic":"class","members":{}},"ApiDto":{"__symbolic":"class","members":{}},"ɵa":{"__symbolic":"class","members":{}},"TypesDto":{"__symbolic":"new","expression":{"__symbolic":"reference","name":"ɵa"}},"TranslationsDto":{"__symbolic":"class","members":{}},"TranslationStructureDto":{"__symbolic":"class","members":{}},"TranslationBlockDto":{"__symbolic":"class","members":{}},"WiziBlockComponent":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":"wb-wizi-block","styleUrls":[],"animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵc"},"arguments":["200ms ease-in-out","100ms"]},{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵd"},"arguments":["100ms ease-in-out"]}],"template":"<div\n id=\"wb-container\"\n class=\"columns wb-container\"\n *ngIf=\"translation\"\n #container\n (window:resize)=\"onResize($event)\"\n [ngClass]=\"{ 'is-smallscreen': smallScreen }\"\n>\n <div\n cdkDrag\n [cdkDragDisabled]=\"!toolUnpin\"\n class=\"column wb-container__tools\"\n [ngClass]=\"{ 'is-unpinned': toolUnpin && !toolHidden, 'is-smallscreen': smallScreen, 'has-no-tool': toolHidden }\"\n [style.top.px]=\"currentTopTool\"\n >\n <div [ngClass]=\"{ 'is-hidden': !toolHidden }\" (click)=\"setHidden(); $event.stopPropagation()\">\n <div [nwbToolTip]=\"'wb.panel.html.1' | translate\" nwbToolTipPosition=\"right\" class=\"is-tooltip-info\">\n <i class=\"far fa-arrow-from-left\"></i>\n </div>\n </div>\n <div [ngClass]=\"{ 'is-hidden': toolHidden }\">\n <div class=\"wb-tools\" *ngIf=\"selectedStructure === null\">\n <div class=\"wb-tools__header\">\n <p class=\"wb-tools__header__action\">\n <a\n class=\"button is-rounded is-tooltip-link\"\n [nwbToolTip]=\"toolUnpin ? 'wb.panel.html.2' : ('wb.panel.html.3' | translate)\"\n nwbToolTipPosition=\"bottom\"\n (click)=\"this.setUnpin(); $event.stopPropagation()\"\n ><i class=\"far\" [ngClass]=\"{ 'fa-unlink': !toolUnpin, 'fa-link': toolUnpin }\"></i\n ></a>\n <a\n class=\"button is-rounded is-tooltip-link\"\n [nwbToolTip]=\"'wb.panel.html.4' | translate\"\n nwbToolTipPosition=\"bottom\"\n (click)=\"setHidden(); $event.stopPropagation()\"\n ><i class=\"far fa-arrow-from-right\"></i\n ></a>\n </p>\n <p class=\"wb-tools__header__list\">{{ translation.list_component | translate }}</p>\n </div>\n <ng-scrollbar [visibility]=\"'hover'\" *ngIf=\"components\" style=\"position: relative; max-height: 85vh\">\n <div class=\"wb-tools__content\">\n <div class=\"columns is-multiline\" [@animateListFromLeft]=\"components.components.length\">\n <div\n class=\"column is-6\"\n *ngFor=\"let component of components.components\"\n (click)=\"selectedStructure = component; selectedConfig = null\"\n >\n <div>\n <img\n [src]=\"'assets/blocks/images/icons/' + component.image\"\n [alt]=\"component.text | translate\"\n *ngIf=\"component.image\"\n />\n <p>{{ component.text | translate }}</p>\n </div>\n </div>\n </div>\n </div>\n </ng-scrollbar>\n </div>\n <div class=\"wb-configuration\" *ngIf=\"selectedStructure !== null\">\n <div class=\"wb-configuration__header\">\n <p class=\"wb-tools__header__action\">\n <a\n class=\"button is-rounded is-tooltip-link\"\n [nwbToolTip]=\"toolUnpin ? 'wb.panel.html.2' : ('wb.panel.html.3' | translate)\"\n nwbToolTipPosition=\"bottom\"\n (click)=\"this.setUnpin(); $event.stopPropagation()\"\n ><i class=\"fal\" [ngClass]=\"{ 'fa-unlink': !toolUnpin, 'fa-link': toolUnpin }\"></i\n ></a>\n <a\n class=\"button is-rounded is-tooltip-link\"\n [nwbToolTip]=\"'wb.panel.html.4' | translate\"\n nwbToolTipPosition=\"bottom\"\n (click)=\"setHidden(); $event.stopPropagation()\"\n ><i class=\"far fa-arrow-from-right\"></i\n ></a>\n </p>\n <p class=\"wb-configuration__header-click wb-tools__header__list\" (click)=\"selectedStructure = null; closeConfig()\">\n <i class=\"far fa-angle-left\"></i> {{ selectedStructure.text | translate }}\n </p>\n </div>\n <div class=\"wb-configuration__subheader\">\n <a (click)=\"closeConfig()\" [ngClass]=\"{ 'is-active': selectedConfig === null }\">{{\n translation.structure | translate\n }}</a>\n <a [ngClass]=\"{ 'is-active': selectedConfig !== null }\" *ngIf=\"selectedConfig !== null\">{{\n translation.config | translate\n }}</a>\n </div>\n <ng-scrollbar [visibility]=\"'hover'\" class=\"ps\" perfectScrollbar style=\"position: relative; max-height: 80vh\">\n <div class=\"wb-configuration__content\">\n <div\n *ngIf=\"selectedConfig === null\"\n class=\"wb-configuration__content_structures\"\n [@animateListFromRight]=\"selectedStructure.contents.length\"\n >\n <div\n cdkDropList\n [cdkDropListDisabled]=\"blocksContents.length === 0\"\n [cdkDropListConnectedTo]=\"['block-content']\"\n *ngFor=\"let selected of selectedStructure.contents\"\n >\n <img [src]=\"selected.image | imgPath\" />\n <p>{{ selected.name | translate }}</p>\n <div\n class=\"wb-configuration__content_structures__dragger\"\n [id]=\"selected.type\"\n cdkDrag\n cdkDragHandle\n [ngClass]=\"{ 'is-draggable': blocksContents.length }\"\n (click)=\"addThis(selected)\"\n >\n <p class=\"wb-configuration__content_structures__preview\" *cdkDragPreview></p>\n <p class=\"wb-configuration__content_structures__placeholder\" *cdkDragPlaceholder><span></span></p>\n </div>\n </div>\n </div>\n <div *ngIf=\"selectedConfig !== null\" class=\"wb-configuration__content_configuration\">\n <wb-configs\n [isFirst]=\"isFirstInLoop\"\n [configs]=\"selectedConfig\"\n (changeConfig)=\"changeConfigWiziblocks($event)\"\n ></wb-configs>\n </div>\n </div>\n </ng-scrollbar>\n </div>\n </div>\n </div>\n <div class=\"column wb-container__content\" [ngClass]=\"{ 'has-no-tool': toolHidden }\">\n <div class=\"wb-content\">\n <div class=\"wb-content__header\">\n <p><i class=\"fas fa-lock\"></i> {{ translation.header | translate }}</p>\n </div>\n <div class=\"wb-content__content\">\n <wb-blocks [dynamicHidden]=\"isHiddenConfig\" [selectedConfig]=\"hoverChildren\" #block [contents]=\"blocksContents\"></wb-blocks>\n </div>\n <div class=\"wb-content__footer\">\n <p><i class=\"fas fa-lock\"></i> {{ translation.footer | translate }}</p>\n </div>\n </div>\n </div>\n</div>\n<hr id=\"wb-footer__block\" />\n"}]}],"members":{"availableComponents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"texts":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":27,"character":5}}]}],"externalConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":29,"character":5}}]}],"verbose":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"isInDev":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":31,"character":5}}]}],"contentChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":5}}]}],"componentList":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":55,"character":5},"arguments":["componentList"]}]}],"contentBlock":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":58,"character":5},"arguments":["block",{"static":false}]}]}],"onWindowScroll":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":62,"character":5},"arguments":["window:scroll",[]]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"WiziBlockService"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":74,"character":33}]}],"ngOnInit":[{"__symbolic":"method"}],"addThis":[{"__symbolic":"method"}],"closeConfig":[{"__symbolic":"method"}],"selectStructureOnFly":[{"__symbolic":"method"}],"emitContent":[{"__symbolic":"method"}],"setContent":[{"__symbolic":"method"}],"onResize":[{"__symbolic":"method"}],"resizeWithWidth":[{"__symbolic":"method"}],"setUnpin":[{"__symbolic":"method"}],"setHidden":[{"__symbolic":"method"}],"calculatePositionTools":[{"__symbolic":"method"}],"changeConfigWiziblocks":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵb":{"__symbolic":"class","members":{"handle":[{"__symbolic":"method"}]}},"WiziBlockModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":17,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"WiziBlockComponent"}],"imports":[{"__symbolic":"reference","name":"ɵi"},{"__symbolic":"reference","name":"ɵcf"},{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":23,"character":8},{"__symbolic":"reference","module":"ngx-quill","name":"QuillModule","line":24,"character":8},{"__symbolic":"reference","module":"ngx-scrollbar","name":"NgScrollbarModule","line":25,"character":8},{"__symbolic":"reference","module":"ngx-color-picker","name":"ColorPickerModule","line":26,"character":8},{"__symbolic":"reference","module":"@wizishop/ng-wizi-bulma","name":"NwbAllModule","line":27,"character":8},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":28,"character":8},"member":"forChild"},"arguments":[{"missingTranslationHandler":{"provide":{"__symbolic":"reference","module":"@ngx-translate/core","name":"MissingTranslationHandler","line":29,"character":50},"useClass":{"__symbolic":"reference","name":"ɵb"}},"useDefaultLang":false}]}],"exports":[{"__symbolic":"reference","name":"WiziBlockComponent"}]}]}],"members":{}},"ɵc":{"__symbolic":"function","parameters":["passedTime","staggerTime"],"defaults":[".3s ease-in-out","50ms"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":3,"character":9},"arguments":["animateListFromRight",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":4,"character":4},"arguments":["* => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":5,"character":6},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":7,"character":10},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":7,"character":27},"arguments":[{"position":"relative","opacity":0,"right":"-60px"}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":9,"character":10},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":12,"character":14},"arguments":[{"position":"relative","opacity":1,"right":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":13,"character":14},"arguments":["{{time}}",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":13,"character":34},"arguments":[{"position":"relative","opacity":0,"right":"-60px"}]}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":18,"character":10},"arguments":[":enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"stagger","line":18,"character":26},"arguments":[{"__symbolic":"reference","name":"staggerTime"},[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":18,"character":48},"arguments":["{{time}}",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":18,"character":68},"arguments":[{"position":"relative","opacity":1,"right":0}]}]}]]},{"optional":true}]}],{"params":{"time":{"__symbolic":"reference","name":"passedTime"}}}]}]]}]]}},"ɵd":{"__symbolic":"function","parameters":["passedTime","staggerTime"],"defaults":[".3s ease","50ms"],"value":{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"trigger","line":3,"character":9},"arguments":["animateListFromLeft",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"transition","line":4,"character":4},"arguments":["* => *",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animation","line":5,"character":6},"arguments":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":7,"character":10},"arguments":[":enter",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":7,"character":27},"arguments":[{"position":"relative","opacity":0,"left":"-60px"}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":9,"character":10},"arguments":[":leave",[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":12,"character":14},"arguments":[{"position":"relative","opacity":1,"left":0}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":13,"character":14},"arguments":["{{time}}",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":13,"character":34},"arguments":[{"position":"relative","opacity":0,"left":"-60px"}]}]}],{"optional":true}]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"query","line":18,"character":10},"arguments":[":enter",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"stagger","line":18,"character":26},"arguments":[{"__symbolic":"reference","name":"staggerTime"},[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"animate","line":18,"character":48},"arguments":["{{time}}",{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/animations","name":"style","line":18,"character":68},"arguments":[{"position":"relative","opacity":1,"left":0}]}]}]]},{"optional":true}]}],{"params":{"time":{"__symbolic":"reference","name":"passedTime"}}}]}]]}]]}},"ɵe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"configEvent":[{"__symbolic":"method"}],"configShowEvent":[{"__symbolic":"method"}],"documentEvent":[{"__symbolic":"method"}],"setDocumentEventListener":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"setContents":[{"__symbolic":"method"}],"setContentsWithIndex":[{"__symbolic":"method"}],"reorderContents":[{"__symbolic":"method"}],"getContentByUUID":[{"__symbolic":"method"}],"updateByUUID":[{"__symbolic":"method"}],"duplicateContentByUUID":[{"__symbolic":"method"}],"removeContentByUUID":[{"__symbolic":"method"}],"deleteAll":[{"__symbolic":"method"}],"contentEvent":[{"__symbolic":"method"}],"getParsedContent":[{"__symbolic":"method"}],"goToLastElement":[{"__symbolic":"method"}],"deepCopy":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":4,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"}]}],"setExternalConfig":[{"__symbolic":"method"}],"getUrlImageFront":[{"__symbolic":"method"}],"getDevise":[{"__symbolic":"method"}],"getShopLang":[{"__symbolic":"method"}],"getAlgoliaAppId":[{"__symbolic":"method"}],"getAlgoliaApiKey":[{"__symbolic":"method"}],"getWidthBlock":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClient","line":28,"character":30}]}],"setApis":[{"__symbolic":"method"}],"getShopComment":[{"__symbolic":"method"}],"getShopCurrency":[{"__symbolic":"method"}],"getShopTemplateLang":[{"__symbolic":"method"}],"getAmplifyProductRoute":[{"__symbolic":"method"}],"getAmplifySpecificRoute":[{"__symbolic":"method"}],"getAmplifyProductByCategoryRoute":[{"__symbolic":"method"}],"getAmplifyCategoriesRoute":[{"__symbolic":"method"}],"getAmplifyCategoriesByIdsRoute":[{"__symbolic":"method"}],"getCatalogSelection":[{"__symbolic":"method"}],"getCatalogSpecific":[{"__symbolic":"method"}],"getCatalogSearch":[{"__symbolic":"method"}],"getFormsList":[{"__symbolic":"method"}],"getFormsDetail":[{"__symbolic":"method"}],"showPreview":[{"__symbolic":"method"}],"getOptionsHeaders":[{"__symbolic":"method"}],"_post":[{"__symbolic":"method"}],"_get":[{"__symbolic":"method"}],"getBlockApiUrl":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":13,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"}],"imports":[{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","name":"ɵcf"},{"__symbolic":"reference","module":"@wizishop/ng-wizi-bulma","name":"NwbAllModule","line":15,"character":46},{"__symbolic":"reference","module":"ngx-color-picker","name":"ColorPickerModule","line":15,"character":60},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":15,"character":79},"member":"forChild"}}],"exports":[{"__symbolic":"reference","name":"ɵj"},{"__symbolic":"reference","name":"ɵk"},{"__symbolic":"reference","name":"ɵl"},{"__symbolic":"reference","name":"ɵm"}]}]}],"members":{}},"ɵj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"wb-blocks","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵd"},"arguments":["100ms ease-in-out"]}],"template":"<div\n class=\"wb-blocks\"\n cdkDropList\n (cdkDropListDropped)=\"onDrop($event)\"\n id=\"block-content\"\n *ngIf=\"contents.length > 0\"\n [@animateListFromLeft]=\"contents.length\"\n [ngClass]=\"{ hover: blockHover }\"\n>\n <a\n class=\"button is-hidden-button is-danger is-rounded is-tooltip-info\"\n [ngClass]=\"{ 'is-danger': hideConfig, 'is-dark is-outlined': !hideConfig }\"\n (click)=\"setHideConfig()\"\n [nwbToolTip]=\"(!hideConfig ? 'wb.blocks.html.1' : 'wb.blocks.html.2') | translate\"\n nwbToolTipPosition=\"left\"\n ><i class=\"fal fa-eye\" *ngIf=\"!hideConfig\"></i><i class=\"fal fa-eye-slash\" *ngIf=\"hideConfig\"></i\n ></a>\n <wb-previews [contents]=\"parsedContent\" *ngIf=\"preview && hideConfig\"></wb-previews>\n <div class=\"wb-blocks__container\" *ngFor=\"let content of contents\" cdkDrag>\n <div\n class=\"wb-component\"\n [ngClass]=\"{\n 'is-inactive': hideConfig,\n 'border-grey': isHiddenBLocks(content.block.uuid),\n 'border-blue': selectedConfig === content.block.uuid\n }\"\n >\n <wb-structure-tools\n [dynamicHiddenStructure]=\"isHiddenBLocks(content.block.uuid)\"\n [uuid]=\"content.block.uuid\"\n [isHover]=\"blockHover\"\n [isAlwaysHover]=\"selectedConfig === content.block.uuid\"\n (configIsActivated)=\"switchHover($event)\"\n cdkDragHandle\n ></wb-structure-tools>\n <div class=\"wb-component__container\">\n <wb-container-block [content]=\"content\"></wb-container-block>\n </div>\n </div>\n </div>\n</div>\n<div class=\"wb-blocks-empty\" *ngIf=\"contents.length === 0\">\n <img src=\"assets/blocks/images/icons/Icon_Drag.svg\" />\n <p>{{ translation.select_component | translate }}</p>\n <p>{{ translation.doc_component | translate }}</p>\n</div>\n"}]}],"members":{"contents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"dynamicHidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"selectedConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"WiziBlockService"},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":34,"character":26},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"setHideConfig":[{"__symbolic":"method"}],"switchHover":[{"__symbolic":"method"}],"addThis":[{"__symbolic":"method"}],"addThisSelected":[{"__symbolic":"method"}],"isHiddenBLocks":[{"__symbolic":"method"}],"onDrop":[{"__symbolic":"method"}]}},"ɵk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":"wb-configs","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵd"},"arguments":["200ms ease-in-out"]}],"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"}]}],"members":{"configs":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"isFirst":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"changeConfig":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"WiziBlockService"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵe"}]}],"ngOnInit":[{"__symbolic":"method"}],"handleHelp":[{"__symbolic":"method"}],"getValueHelp":[{"__symbolic":"method"}],"checkHelp":[{"__symbolic":"method"}],"updateChanges":[{"__symbolic":"method"}],"updateChangesReverse":[{"__symbolic":"method"}],"updateContent":[{"__symbolic":"method"}],"updateNumber":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":"wb-previews","animations":[{"__symbolic":"call","expression":{"__symbolic":"reference","name":"ɵd"},"arguments":["100ms ease-in-out"]}],"template":"<div class=\"wb-previews\">\n <wb-loader class=\"wb-previews__loader\" [ngClass]=\"{ 'is-active': !preview }\"></wb-loader>\n <iframe class=\"wb-previews__iframe\" #iframe width=\"100%\" [ngClass]=\"{ 'is-active': preview }\" (load)=\"loadedIframe()\"></iframe>\n</div>\n"}]}],"members":{"contents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"iframe":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":24,"character":5},"arguments":["iframe"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"WiziBlockService"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵe"},{"__symbolic":"reference","name":"ɵh"}]}],"ngOnInit":[{"__symbolic":"method"}],"loadedIframe":[{"__symbolic":"method"}],"setIframeReady":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":"wb-container-block","template":"<ng-template #dynamic></ng-template>\n"}]}],"members":{"container":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":5},"arguments":["dynamic",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ViewContainerRef","line":18,"character":14},"static":false}]}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":27,"character":28},{"__symbolic":"reference","module":"@angular/core","name":"ComponentFactoryResolver","line":27,"character":65}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"retrieveCurrentComponentAndCreate":[{"__symbolic":"method"}],"createComponent":[{"__symbolic":"method"}]}},"ɵn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":11,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":13,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":14,"character":8},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":15,"character":8},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":16,"character":8},{"__symbolic":"reference","module":"@wizishop/ng-wizi-bulma","name":"NwbAllModule","line":17,"character":8},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":21,"character":8},"member":"forChild"}}],"providers":[],"exports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":25,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":26,"character":8},{"__symbolic":"reference","module":"@angular/common/http","name":"HttpClientModule","line":27,"character":8},{"__symbolic":"reference","module":"@angular/cdk/drag-drop","name":"DragDropModule","line":28,"character":8},{"__symbolic":"reference","name":"ɵo"},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵba"}]}]}],"members":{}},"ɵo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":47,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":49,"character":8},{"__symbolic":"reference","module":"ngx-scrollbar","name":"NgScrollbarModule","line":50,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":51,"character":8},{"__symbolic":"reference","module":"@wizishop/ng-wizi-bulma","name":"NwbAllModule","line":52,"character":8},{"__symbolic":"reference","name":"ɵp"},{"__symbolic":"reference","name":"ɵba"},{"__symbolic":"reference","module":"ngx-quill","name":"QuillModule","line":55,"character":8},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":56,"character":8},"member":"forChild"}}],"entryComponents":[],"declarations":[{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵbm"},{"__symbolic":"reference","name":"ɵbn"},{"__symbolic":"reference","name":"ɵbp"},{"__symbolic":"reference","name":"ɵbq"},{"__symbolic":"reference","name":"ɵbr"},{"__symbolic":"reference","name":"ɵbs"},{"__symbolic":"reference","name":"ɵbt"},{"__symbolic":"reference","name":"ɵbu"},{"__symbolic":"reference","name":"ɵbv"},{"__symbolic":"reference","name":"ɵbw"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","name":"ɵby"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"ɵcb"}],"exports":[{"__symbolic":"reference","name":"ɵbi"},{"__symbolic":"reference","name":"ɵbj"},{"__symbolic":"reference","name":"ɵbl"},{"__symbolic":"reference","name":"ɵbm"},{"__symbolic":"reference","name":"ɵbn"},{"__symbolic":"reference","name":"ɵbp"},{"__symbolic":"reference","name":"ɵbq"},{"__symbolic":"reference","name":"ɵbr"},{"__symbolic":"reference","name":"ɵbs"},{"__symbolic":"reference","name":"ɵbt"},{"__symbolic":"reference","name":"ɵbu"},{"__symbolic":"reference","name":"ɵbv"},{"__symbolic":"reference","name":"ɵbw"},{"__symbolic":"reference","name":"ɵbx"},{"__symbolic":"reference","name":"ɵby"},{"__symbolic":"reference","name":"ɵca"},{"__symbolic":"reference","name":"ɵcb"}]}]}],"members":{}},"ɵp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":28,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":29,"character":14},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":29,"character":28},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":29,"character":41},"member":"forChild"}}],"entryComponents":[],"declarations":[{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"}],"exports":[{"__symbolic":"reference","name":"ɵq"},{"__symbolic":"reference","name":"ɵr"},{"__symbolic":"reference","name":"ɵs"},{"__symbolic":"reference","name":"ɵt"},{"__symbolic":"reference","name":"ɵu"},{"__symbolic":"reference","name":"ɵv"},{"__symbolic":"reference","name":"ɵw"},{"__symbolic":"reference","name":"ɵx"},{"__symbolic":"reference","name":"ɵy"},{"__symbolic":"reference","name":"ɵz"}]}]}],"members":{}},"ɵq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"safeUrl"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":7,"character":33}]}],"transform":[{"__symbolic":"method"}]}},"ɵr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":4,"character":1},"arguments":[{"name":"safeStyle"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/platform-browser","name":"DomSanitizer","line":8,"character":35},{"__symbolic":"reference","name":"ɵe"}]}],"transform":[{"__symbolic":"method"}]}},"ɵs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"addZeroForTimer"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":13,"character":1},"arguments":[{"name":"answerPipe"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"tinyColor"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"arrayNumber"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"checkPaymentValue"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"evenodd"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":2,"character":1},"arguments":[{"name":"wbStripTags"}]}],"members":{"transform":[{"__symbolic":"method"}]}},"ɵz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Pipe","line":3,"character":1},"arguments":[{"name":"imgPath"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":9,"character":42}]}],"transform":[{"__symbolic":"method"}]}},"ɵba":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":20,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":21,"character":14},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":21,"character":28},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":21,"character":41},"member":"forChild"}}],"entryComponents":[],"declarations":[{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵbh"}],"exports":[{"__symbolic":"reference","name":"ɵbb"},{"__symbolic":"reference","name":"ɵbc"},{"__symbolic":"reference","name":"ɵbd"},{"__symbolic":"reference","name":"ɵbf"},{"__symbolic":"reference","name":"ɵbg"},{"__symbolic":"reference","name":"ɵbh"}]}]}],"members":{}},"ɵbb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[wbAutofocus]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":6,"character":26}]}],"ngAfterViewInit":[{"__symbolic":"method"}]}},"ɵbc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[wbAutoHide]"}]}],"members":{"triggerElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5}}]}],"forceOn":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":13,"character":37},{"__symbolic":"reference","name":"ɵe"}]}],"clickOutside":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":5},"arguments":["clickOutside"]}]}],"ngAfterViewInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵbd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[wbGetSizeImageDirective]"}]}],"members":{"urlToParse":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5}}]}],"dimensions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"setExpectedSizes":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":13,"character":5},"arguments":["click"]}]}],"onUpdate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":20,"character":28},{"__symbolic":"reference","name":"ɵbe"}]}],"ngOnChanges":[{"__symbolic":"method"}]}},"ɵbe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"setExpectedImgSizes":[{"__symbolic":"method"}],"getExpectedMediaDTO":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵbf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":5,"character":1},"arguments":[{"selector":"[wbPicturesTemplateDirective]"}]}],"members":{"dimensions":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5}}]}],"classImageSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"setExpectedSizes":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":21,"character":5},"arguments":["click"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":29,"character":28},{"__symbolic":"reference","name":"ɵbe"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":29,"character":120}]}],"ngOnInit":[{"__symbolic":"method"}],"renderSizeExpected":[{"__symbolic":"method"}]}},"ɵbg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":4,"character":1},"arguments":[{"selector":"[wbHoldable]"}]}],"members":{"holdTime":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":8,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"onExit":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":23,"character":3},"arguments":["mouseup",[]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":24,"character":3},"arguments":["mouseleave",[]]}]}],"onHold":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":29,"character":3},"arguments":["mousedown",[]]}]}]}},"ɵbh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":2,"character":1},"arguments":[{"selector":"[wbShowDeleteButton]"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":6,"character":33},{"__symbolic":"reference","module":"@angular/core","name":"Renderer2","line":6,"character":63}]}],"onMouseOver":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":8,"character":5},"arguments":["mouseover"]}]}],"onMouseOut":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":23,"character":5},"arguments":["mouseout"]}]}]}},"ɵbi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"wb-structure-tools","template":"<div class=\"wb-structure-tools\" [ngClass]=\"{ hidden: dynamicHiddenStructure, hover: isHover || isAlwaysHover }\">\n <div>\n <div class=\"wb-structure-tools__move\" *ngIf=\"currentLength > 1\">\n <div>\n <a\n [nwbToolTip]=\"'wb.shared.components.structureTools.1' | translate\"\n nwbToolTipPosition=\"bottom\"\n class=\"button is-rounded is-tooltip-info is-tooltip-bottom-to-right\"\n (click)=\"$event.stopPropagation()\"\n ><i class=\"fas fa-arrows\"></i\n ></a>\n <a\n [nwbToolTip]=\"'wb.shared.components.structureTools.2' | translate\"\n nwbToolTipPosition=\"bottom\"\n class=\"button is-rounded is-tooltip-info button-margin-left\"\n *ngIf=\"currentIndex + 1 !== currentLength\"\n (click)=\"goDown($event)\"\n ><i class=\"fas fa-long-arrow-down\"></i\n ></a>\n <a\n [nwbToolTip]=\"'wb.shared.components.structureTools.3' | translate\"\n nwbToolTipPosition=\"bottom\"\n class=\"button is-rounded is-tooltip-info button-margin-left\"\n *ngIf=\"currentIndex !== 0\"\n (click)=\"goUp($event)\"\n ><i class=\"fas fa-long-arrow-up\"></i\n ></a>\n </div>\n </div>\n <div class=\"wb-structure-tools__edit\">\n <div>\n <i class=\"fas fa-eye-slash\" *ngIf=\"dynamicHiddenStructure\"></i>\n <p>{{ name | translate }}</p>\n <div>\n <a\n href\n class=\"button is-rounded is-tooltip-info\"\n [nwbToolTip]=\"'wb.shared.components.structureTools.4' | translate\"\n nwbToolTipPosition=\"bottom\"\n (click)=\"configThis($event)\"\n *ngIf=\"!hideConfig\"\n ><span></span><i class=\"fas fa-cog\"></i\n ></a>\n <a\n href\n class=\"button is-rounded is-tooltip-link\"\n [nwbToolTip]=\"'wb.shared.components.structureTools.5' | translate\"\n nwbToolTipPosition=\"bottom\"\n (click)=\"duplicateThis($event)\"\n ><span></span><i class=\"fas fa-copy\"></i\n ></a>\n <a\n #deleteButton\n class=\"button is-rounded is-tooltip-danger\"\n [nwbToolTip]=\"'wb.shared.components.structureTools.6' | translate\"\n nwbToolTipPosition=\"bottom\"\n wbHoldable\n (mousedown)=\"deleteButton.hold = true\"\n (mouseup)=\"deleteButton.hold = false\"\n (holdTime)=\"removeThis($event)\"\n [ngClass]=\"{ 'is-on-hold': deleteButton.hold }\"\n ><span></span><i class=\"fas fa-trash\"></i\n ></a>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"uuid":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"dynamicHiddenStructure":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"isHover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"isAlwaysHover":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"deleteButton":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":19,"character":5},"arguments":["deleteButton"]}]}],"configIsActivated":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":31,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"WiziBlockService"},{"__symbolic":"reference","name":"ɵf"},{"__symbolic":"reference","name":"ɵe"}]}],"ngOnInit":[{"__symbolic":"method"}],"checkOnContents":[{"__symbolic":"method"}],"duplicateThis":[{"__symbolic":"method"}],"configThis":[{"__symbolic":"method"}],"removeThis":[{"__symbolic":"method"}],"goDown":[{"__symbolic":"method"}],"goUp":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵbj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"wb-structure-config","template":"<div\n [ngClass]=\"{ 'is-active': isActive, 'is-fullwidth': isFullwidth, small: small, 'extra-small': extraSmall }\"\n [class]=\"'wb-structure-config ' + position\"\n wbAutoHide\n triggerElement=\"wb-structure-config__tools\"\n (clickOutside)=\"disableIfActive()\"\n [forceOn]=\"['wb-structure-config', 'is-active']\"\n>\n <div\n class=\"wb-structure-config__tools is-tooltip-info\"\n [nwbToolTip]=\"'wb.structureconfig.tooltip.1' | translate\"\n [nwbToolTipPosition]=\"\n position === TYPE_CONFIG_POSITION_RIGHT_TOP || position === TYPE_CONFIG_POSITION_RIGHT_BOTTOM ? 'left' : 'right'\n \"\n (click)=\"activeThis()\"\n [ngClass]=\"{\n 'has-other-element-opened': hideThis\n }\"\n >\n <i class=\"fas fa-sliders-hs\"></i>\n </div>\n <div class=\"wb-structure-config__content\">\n <div class=\"wb-structure-config__content__tools\" (click)=\"disable()\">\n <div class=\"close\"><i class=\"fas fa-times\"></i></div>\n </div>\n <div>\n <ng-content></ng-content>\n </div>\n </div>\n</div>\n"}]}],"members":{"isActive":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"blockUUID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"isFullwidth":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"small":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"extraSmall":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbk"}]}],"ngOnInit":[{"__symbolic":"method"}],"activeThis":[{"__symbolic":"method"}],"disableIfActive":[{"__symbolic":"method"}],"disable":[{"__symbolic":"method"}]}},"ɵbk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"setStructureConfigWithUUID":[{"__symbolic":"method"}],"structureConfigEvent":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵbl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"wb-structure-config-input","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":9,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵbl"},"multi":true}],"template":"<wb-structure-config-extended-input\n [placeholder]=\"placeholder | translate\"\n [label]=\"label\"\n [type]=\"type\"\n [(ngModel)]=\"value\"\n [ngClass]=\"{ resizeMiddleScreen: resizeMiddleScreen }\"\n (change)=\"updateChanges()\"\n></wb-structure-config-extended-input>\n"}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"resizeMiddleScreen":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"updateChanges":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}},"ɵbm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"wb-structure-config-checkbox","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":9,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵbm"},"multi":true}],"template":"<div class=\"wb-structure-config-checkbox field\">\n <label [for]=\"'input' + id\">{{ label }}</label>\n <div class=\"control\">\n <input\n [id]=\"'input' + id\"\n type=\"checkbox\"\n class=\"switch is-rounded is-info\"\n [checked]=\"value === on\"\n (change)=\"updateChanges($event)\"\n />\n <label [for]=\"'input' + id\"></label>\n </div>\n</div>\n"}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"on":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"off":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"updateChanges":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}]}},"ɵbn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"wb-structure-config-font","template":"<div\n class=\"wb-structure-config-font\"\n wbAutoHide\n (clickOutside)=\"showPopup = false\"\n triggerElement=\"wb-structure-config-font__holder\"\n [ngClass]=\"{ 'is-small': isSmall, 'is-left': alignLeft, 'is-inline': isInline }\"\n>\n <div\n class=\"wb-structure-config-font__holder\"\n [ngClass]=\"{ 'is-white': white, 'is-small': isSmall, 'is-inline': isInline }\"\n (click)=\"showBelow()\"\n *ngIf=\"value\"\n [nwbToolTip]=\"'wb.shared.components.strucTureConfigFont.7' | translate\"\n nwbToolTipPosition=\"right\"\n >\n <span *ngIf=\"value.icon != ''\">\n <i [className]=\"value.icon\" [style.color]=\"color ? color : 'inherit'\"></i>\n </span>\n <span *ngIf=\"value.image_url != '' && value.icon == ''\">\n <span [style.background-image]=\"'url(' + value.image_url + ')'\"></span>\n </span>\n </div>\n <div [ngClass]=\"{ 'is-show-popin': showPopup }\">\n <div class=\"wb-structure-config-font__search\">\n <input\n [placeholder]=\"'wb.shared.components.strucTureConfigFont.1' | translate\"\n id=\"iconLabel\"\n #input=\"ngModel\"\n [(ngModel)]=\"searchIconValue\"\n (ngModelChange)=\"searchIcon()\"\n name=\"iconLabel\"\n />\n <a\n class=\"button is-outlined is-link is-tooltip-link\"\n [nwbToolTip]=\"'wb.shared.components.strucTureConfigFont.2' | translate\"\n nwbToolTipPosition=\"bottom\"\n (click)=\"searchIcon()\"\n >\n <i class=\"fas fa-recycle\"></i>\n </a>\n <a\n class=\"button is-outlined is-info is-tooltip-info\"\n [nwbToolTip]=\"'wb.shared.components.strucTureConfigFont.3' | translate\"\n nwbToolTipPosition=\"bottom\"\n target=\"_blank\"\n href=\"https://fontawesome.com/cheatsheet/\"\n ><i class=\"fab fa-font-awesome\"></i\n ></a>\n </div>\n <p *ngIf=\"withImage\">\n {{ 'wb.shared.components.strucTureConfigFont.5' | translate }}\n <a href=\"#\" (click)=\"getMedia(); $event.preventDefault()\">{{ 'wb.shared.components.strucTureConfigFont.6' | translate }}</a>\n </p>\n <div *ngIf=\"withImage && recommendedSize != ''\" class=\"wb-structure-config-font__size\">\n <p>{{ 'wb.shared.components.strucTureConfigFont.4' | translate: { recommendedSize: recommendedSize } }}</p>\n </div>\n <div class=\"wb-structure-config-font__list test\">\n <span\n class=\"is-tooltip-info\"\n *ngFor=\"let icon of iconList\"\n nwbToolTip=\"Icone\"\n nwbToolTipPosition=\"bottom\"\n (click)=\"selectThisIcon(icon)\"\n >\n <i [className]=\"icon\"></i>\n </span>\n </div>\n </div>\n</div>\n"}]}],"members":{"white":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"isSmall":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"isInline":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"withImage":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"alignLeft":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"recommendedSize":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":32,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbo"},{"__symbolic":"reference","name":"MediaConnectorService"}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":47,"character":5}}]}],"selectThisIcon":[{"__symbolic":"method"}],"showBelow":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"searchIcon":[{"__symbolic":"method"}],"getMedia":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵbo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"getList":[{"__symbolic":"method"}],"searchIcon":[{"__symbolic":"method"}],"shuffle":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵbp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":"wb-structure-config-payment","template":"<div class=\"wb-structure-config-payment\" wbAutoHide (clickOutside)=\"showPopup = false\" triggerElement=\"wb-structure-config-payment__holder\">\n <div class=\"wb-structure-config-payment__holder\" (click)=\"showBelow()\" *ngIf=\"value\">\n <span *ngIf=\"value.payment_link != ''\">\n <img [src]=\"value.payment_link\" />\n </span>\n <span *ngIf=\"value.image_url != '' && value.payment_link == ''\">\n <img [src]=\"value.image_url\" />\n </span>\n </div>\n <div [ngClass]=\"{ 'is-show-popin': showPopup }\">\n <p>\n {{ 'wb.shared.components.strucTureConfigFont.5' | translate }}\n <a href=\"#\" (click)=\"getMedia(); $event.preventDefault()\">{{ 'wb.shared.components.strucTureConfigFont.6' | translate }}</a>\n </p>\n <div class=\"wb-structure-config-payment__list\" *ngIf=\"value\">\n <span\n class=\"is-tooltip-info\"\n *ngFor=\"let link of paymentListLink\"\n nwbToolTip=\"Icone\"\n nwbToolTipPosition=\"bottom\"\n (click)=\"selectThisIcon(link)\"\n [ngClass]=\"{ 'is-active': link == value.payment_link.replace('W_CB-', 'CB-') || link == value.payment_link }\"\n >\n <img [src]=\"link\" />\n </span>\n </div>\n </div>\n</div>\n"}]}],"members":{"valueChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":33,"character":5}}]}],"white":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":40,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":5}}]}],"selectThisIcon":[{"__symbolic":"method"}],"showBelow":[{"__symbolic":"method"}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵbo"},{"__symbolic":"reference","name":"MediaConnectorService"}]}],"ngOnInit":[{"__symbolic":"method"}],"getMedia":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵbq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"wb-structure-select","template":"<div class=\"wb-structure-select wb-hidden\" [ngClass]=\"{ 'is-large': large }\">\n <p *ngIf=\"label\" style=\"white-space: nowrap\">{{ label }}</p>\n <div #form class=\"dropdown\" (click)=\"form.active = !form.active\" [ngClass]=\"{ 'is-active': form.active }\">\n <div class=\"dropdown-trigger\">\n <button class=\"button is-info is-outlined\" aria-haspopup=\"true\" aria-controls=\"dropdown-menu4\">\n <span\n ><i [class]=\"icon\" *ngIf=\"icon\"></i>\n {{ selectedValue !== null ? selectedValue.title : ('wb.shared.components.structureSelect.1' | translate) }}</span\n >\n <span class=\"icon is-small\">\n <i class=\"fas fa-angle-down\" aria-hidden=\"true\"></i>\n </span>\n </button>\n </div>\n <div class=\"dropdown-menu\" id=\"dropdown-menu4\" role=\"menu\">\n <div class=\"dropdown-content\">\n <a class=\"dropdown-item\" *ngFor=\"let form of forms\" (click)=\"selectedValue = form; selectThisForm()\">\n <img [src]=\"form.image\" *ngIf=\"form.image\" />\n <br *ngIf=\"form.image\" />\n <span [ngClass]=\"{ 'is-active': selectedValue && form.id === selectedValue.id }\">{{ form.title }}</span>\n <i class=\"far fa-check\" *ngIf=\"selectedValue && form.id === selectedValue.id\"></i>\n </a>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"form":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":7,"character":5},"arguments":["form"]}]}],"selectedValue":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":5}}]}],"forms":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"large":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"changed":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":5}}]}],"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"selectThisForm":[{"__symbolic":"method"}]}},"ɵbr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":"wb-structure-search-product","template":"<div class=\"wb-structure-search-product\">\n <div class=\"wb-structure-search-product__input\">\n <wb-structure-config-extended-input\n [placeholder]=\"'wb.shared.components.structureSearchProduct.1' | translate\"\n icon=\"fal fa-box-alt\"\n [big]=\"true\"\n [label]=\"label\"\n [disabled]=\"selectedProd.length >= searchNumber\"\n [(ngModel)]=\"search\"\n (ngModelChange)=\"onSearchChange($event)\"\n ></wb-structure-config-extended-input>\n <div\n class=\"wb-structure-search-product__search\"\n wbAutoHide\n (clickOutside)=\"search = ''\"\n [ngClass]=\"{ 'is-active': search !== '', 'has-label': label !== '' }\"\n >\n <wb-small-loader *ngIf=\"inSearch\"></wb-small-loader>\n <ng-container *ngIf=\"!inSearch\">\n <ng-scrollbar [visibility]=\"'hover'\" class=\"ps\" perfectScrollbar style=\"position: relative; max-height: 260px\">\n <p *ngFor=\"let product of currentSearchCatalog\" (click)=\"selectProduct(product.id)\">\n <img [src]=\"imageFrontUrl + product.main_image.file\" *ngIf=\"product.main_image\" /><span>#{{ product.id }}</span>\n {{ product.name }}\n <span>{{ product.sku }}</span>\n </p>\n </ng-scrollbar>\n </ng-container>\n </div>\n <div class=\"wb-structure-search-product__multi\" *ngIf=\"currentSelectedCatalog.length >= 1 && searchNumber > 1\">\n <p\n class=\"is-tooltip-danger\"\n [nwbToolTip]=\"'wb.shared.components.structureSearchProduct.2' | translate\"\n nwbToolTipPosition=\"bottom\"\n *ngFor=\"let prod of currentSelectedCatalog; let i = index\"\n (click)=\"removeThisOne(i)\"\n [ngClass]=\"{ 'to-delete': toDelete.includes(i) }\"\n >\n <span>{{ prod.name }}</span> <i class=\"fal fa-times\"></i>\n </p>\n </div>\n </div>\n</div>\n"}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":12,"character":5}}]}],"searchNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"selectedProd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"newSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":18,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"selectProduct":[{"__symbolic":"method"}],"fillCatalogSearch":[{"__symbolic":"method"}],"removeThisOne":[{"__symbolic":"method"}],"searchProduct":[{"__symbolic":"method"}],"onSearchChange":[{"__symbolic":"method"}]}},"ɵbs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"wb-structure-config-extended-input","providers":[{"provide":{"__symbolic":"reference","module":"@angular/forms","name":"NG_VALUE_ACCESSOR","line":9,"character":21},"useExisting":{"__symbolic":"reference","name":"ɵbs"},"multi":true}],"template":"<div class=\"wb-structure-extended-input\">\n <div class=\"field wb-structure-extended-input\" [ngClass]=\"{ 'has-no-block': withoutBlock, 'is-big': big }\">\n <div class=\"field-label is-normal has-text-left\" *ngIf=\"!withoutBlock\">\n <label class=\"label has-text-weight-normal\" [innerHTML]=\"label\" [for]=\"id\"></label>\n </div>\n <div class=\"field-body\">\n <div class=\"field\">\n <p class=\"control\" [ngClass]=\"{ 'has-icons-right': textError, 'has-icons-left': icon !== '' }\">\n <input\n class=\"input\"\n [id]=\"id\"\n [ngClass]=\"{ 'is-danger': textError, 'is-large': big }\"\n [type]=\"type\"\n [placeholder]=\"placeholder | translate\"\n [attr.size]=\"size\"\n [ngModel]=\"value\"\n (ngModelChange)=\"onChange($event)\"\n (blur)=\"onBlur()\"\n [disabled]=\"disabled\"\n />\n <span class=\"icon is-small is-left\" *ngIf=\"icon !== ''\">\n <i [class]=\"icon\"></i>\n </span>\n\n <span class=\"icon is-small is-left\" *ngIf=\"icon !== ''\">\n <i [class]=\"icon\"></i>\n </span>\n\n <span *ngIf=\"textError\" class=\"icon is-small is-right\">\n <i class=\"fal fa-times has-text-danger\"></i>\n </span>\n <span\n *ngIf=\"textInfo && (textError === null || textError === '')\"\n class=\"is-size-7 wb-structure-extended-input__info text-info\"\n [innerHtml]=\"textInfo\"\n ></span>\n <span\n *ngIf=\"textError\"\n class=\"is-size-7 wb-structure-extended-input__error has-text-danger\"\n [innerHtml]=\"textError\"\n ></span>\n <span *ngIf=\"size\" class=\"is-size-7 wb-structure-extended-input__size\">{{ value.length }}/{{ size }}</span>\n </p>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"value":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"textInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":24,"character":5}}]}],"textError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":26,"character":5}}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":28,"character":5}}]}],"withoutBlock":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":30,"character":5}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":32,"character":5}}]}],"big":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":34,"character":5}}]}],"registerOnChange":[{"__symbolic":"method"}],"registerOnTouched":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"writeValue":[{"__symbolic":"method"}],"onChange":[{"__symbolic":"method"}],"onBlur":[{"__symbolic":"method"}]}},"ɵbt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"wb-structure-amplify-search-product","template":"<div class=\"wb-structure-amplify-search-product\">\n <div class=\"wb-structure-amplify-search-product__input\" *ngIf=\"type != ''\">\n <div class=\"columns\">\n <div class=\"column is-4\">\n <wb-structure-select\n [label]=\"'wb.shared.components.amplifySearchProduct.1' | translate\"\n [selectedValue]=\"selectedValue\"\n [forms]=\"form\"\n [large]=\"true\"\n [icon]=\"'fal fa-box-alt'\"\n (changed)=\"selectThisType($event)\"\n ></wb-structure-select>\n </div>\n <div class=\"column is-8\">\n <wb-structure-config-extended-input\n [placeholder]=\"placeholder | translate\"\n icon=\"fal fa-box-alt\"\n [big]=\"true\"\n [label]=\"label\"\n [disabled]=\"selectedProd.length >= searchNumber\"\n [(ngModel)]=\"search\"\n (ngModelChange)=\"onSearchChange($event)\"\n ></wb-structure-config-extended-input>\n </div>\n </div>\n <div\n class=\"wb-structure-amplify-search-product__search\"\n wbAutoHide\n (clickOutside)=\"search = ''\"\n [ngClass]=\"{ 'is-active': search !== '', 'has-label': label !== '' }\"\n >\n <wb-small-loader *ngIf=\"inSearch\"></wb-small-loader>\n <ng-container *ngIf=\"!inSearch\">\n <ng-scrollbar [visibility]=\"'hover'\" class=\"ps\" perfectScrollbar style=\"position: relative; max-height: 260px\">\n <p *ngFor=\"let product of currentSearchCatalog\" (click)=\"selectProduct(product.id)\">\n <img [src]=\"product.images_url[0]\" *ngIf=\"product.images_url\" />\n <span>\n <span class=\"name\">{{ product.title }}</span>\n <span *ngIf=\"product.ean !== ''\" class=\"ean\">{{ product.ean }}</span>\n </span>\n </p>\n </ng-scrollbar>\n </ng-container>\n </div>\n <div\n class=\"wb-structure-amplify-search-product__multi\"\n *ngIf=\"currentSelectedCatalog && currentSelectedCatalog.length > 0 && selectedProd.length > 0 && searchNumber > 1\"\n >\n <p\n class=\"is-tooltip-danger\"\n [nwbToolTip]=\"'wb.shared.components.amplifySearchProduct.2' | translate\"\n nwbToolTipPosition=\"bottom\"\n *ngFor=\"let prod of currentSelectedCatalog; let i = index\"\n [ngClass]=\"{ 'to-delete': toDelete.includes(i) }\"\n >\n <span class=\"absolute-delete\" (click)=\"removeThisOne(prod.id)\"></span>\n <span>{{ prod.title }}</span> <i class=\"fal fa-times\"></i>\n </p>\n </div>\n </div>\n</div>\n"}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"searchNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"selectedProd":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"newSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":5}}]}],"changeType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":24,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"}]}],"ngOnInit":[{"__symbolic":"method"}],"selectProduct":[{"__symbolic":"method"}],"fillCatalogSearch":[{"__symbolic":"method"}],"removeThisOne":[{"__symbolic":"method"}],"searchProduct":[{"__symbolic":"method"}],"selectThisType":[{"__symbolic":"method"}],"onSearchChange":[{"__symbolic":"method"}]}},"ɵbu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":"wb-structure-amplify-search-category","template":"<div class=\"wb-structure-amplify-search-category\">\n <div class=\"wb-structure-amplify-search-category__input\" *ngIf=\"type != ''\">\n <wb-structure-config-extended-input\n [placeholder]=\"placeholder | translate\"\n icon=\"fad fa-stream\"\n [big]=\"true\"\n [label]=\"label\"\n [(ngModel)]=\"search\"\n [disabled]=\"selectedCategory !== ''\"\n (ngModelChange)=\"onSearchChange($event)\"\n ></wb-structure-config-extended-input>\n <div\n class=\"wb-structure-amplify-search-category__search\"\n wbAutoHide\n (clickOutside)=\"search = ''\"\n [ngClass]=\"{ 'is-active': search !== '', 'has-label': label !== '' }\"\n >\n <wb-small-loader *ngIf=\"inSearch\"></wb-small-loader>\n <ng-container *ngIf=\"!inSearch\">\n <ng-scrollbar [visibility]=\"'hover'\" class=\"ps\" perfectScrollbar style=\"position: relative; max-height: 160px\">\n <div>\n <p *ngFor=\"let category of currentSearchCategory\" (click)=\"selectProduct(category.id)\">\n <span class=\"name\">{{ category.title }}</span>\n <span class=\"ean\">{{\n 'wb.shared.components.amplifySearchCategory.1' | translate: { typeGuideName: category.type_guide.name }\n }}</span>\n </p>\n </div>\n </ng-scrollbar>\n </ng-container>\n </div>\n <div class=\"wb-structure-amplify-search-category__multi\" *ngIf=\"currentSelectedCategory && selectedCategory !== ''\">\n <p (click)=\"removeThisCategory()\">\n <span>{{ currentSelectedCategory.title }}</span> <i class=\"fal fa-times\"></i>\n </p>\n </div>\n </div>\n</div>\n"}]}],"members":{"label":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":11,"character":5}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"selectedCategory":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"newSearch":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":5}}]}],"changeType":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":21,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"}]}],"ngOnInit":[{"__symbolic":"method"}],"removeThisCategory":[{"__symbolic":"method"}],"selectProduct":[{"__symbolic":"method"}],"fillCatalogSearch":[{"__symbolic":"method"}],"searchCategory":[{"__symbolic":"method"}],"onSearchChange":[{"__symbolic":"method"}]}},"ɵbv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"wb-loader","template":"<div class=\"wb-loader\">\n <div class=\"square\"></div>\n <div class=\"square\"></div>\n <div class=\"square\"></div>\n <div class=\"square\"></div>\n <svg xmlns=\"http://www.w3.org/2000/svg\" version=\"1.1\">\n <defs>\n <filter id=\"goo\">\n <feGaussianBlur in=\"SourceGraphic\" stdDeviation=\"7\" result=\"blur\" />\n <feColorMatrix in=\"blur\" mode=\"matrix\" values=\"1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -4\" result=\"goo\" />\n <feBlend in=\"SourceGraphic\" in2=\"goo\" />\n </filter>\n </defs>\n </svg>\n</div>\n"}]}],"members":{}},"ɵbw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"wb-small-loader","template":"<div class=\"wb-small-loader\">\n <div></div>\n <div></div>\n <div></div>\n <div></div>\n</div>\n"}]}],"members":{}},"ɵbx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":2,"character":1},"arguments":[{"selector":"wb-star","template":"<div class=\"wb-star\">\n <div class=\"wb-star__empty\">\n <i class=\"fas fa-star\" [style.color]=\"colorBackgroundStar\" *ngFor=\"let star of (maxNumber | arrayNumber)\"></i>\n </div>\n <div class=\"wb-star__full\" [style.color]=\"colorStar\" [style.width]=\"(score / maxNumber) * 100 + '%'\">\n <i class=\"fas fa-star\" *ngFor=\"let star of (maxNumber | arrayNumber)\"></i>\n </div>\n</div>\n"}]}],"members":{"score":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":7,"character":3}}]}],"maxNumber":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":8,"character":3}}]}],"colorStar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":9,"character":3}}]}],"colorBackgroundStar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":10,"character":3}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵby":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":"wb-quill","template":"<div class=\"wb-quill-editor\" [ngClass]=\"{ 'is-light': colorTint }\" #editor wbAutoHide (clickOutside)=\"onFocusLost()\">\n <quill-editor\n theme=\"bubble\"\n [placeholder]=\"placeholder\"\n [modules]=\"modules\"\n [(ngModel)]=\"tmpContent\"\n (onContentChanged)=\"contentChanged($event)\"\n (onEditorCreated)=\"editorLoaded($event)\"\n (onFocus)=\"focusThis($event)\"\n ></quill-editor>\n\n <div *ngIf=\"openConfig\" class=\"wb-quill-editor__toolbar\" [style]=\"linkStyle | safeStyle\">\n <div wbAutoHide (clickOutside)=\"closeUrlConfig()\">\n <div>\n <input\n placeholder=\"https://www.myshop.fr ou /mylink/\"\n type=\"text\"\n [(ngModel)]=\"linkConfig\"\n (keyup)=\"validThisUrlOnEnter($event)\"\n />\n </div>\n <div>\n <label for=\"switchCheckboxQuill\">{{ 'wb.shared.components.quill.2' | translate }}</label>\n <input\n id=\"switchCheckboxQuill\"\n type=\"checkbox\"\n name=\"switchCheckboxQuill\"\n class=\"switch is-rounded is-success\"\n [checked]=\"checked\"\n (change)=\"checked = !checked\"\n />\n <label for=\"switchCheckboxQuill\"></label>\n </div>\n \n <div class=\"flex-oneline\">\n <label class=\"flex-oneline\" for=\"cryptedCheckboxQuill\"\n >{{ 'wb.shared.components.quill.crypted' | translate\n }}<span class=\"infobulle\"\n ><i class=\"fas fa-info-circle\"></i\n ><span [innerHTML]=\"'wb.shared.components.quill.crypted_infobulle' | translate\"></span></span\n ></label>\n <input\n id=\"cryptedCheckboxQuill\"\n type=\"checkbox\"\n name=\"switchCheckboxQuill\"\n class=\"switch is-rounded is-success\"\n [checked]=\"crypted\"\n (change)=\"crypted = !crypted\"\n />\n <label class=\"fixes-transformY\" for=\"cryptedCheckboxQuill\"></label>\n </div>\n <div>\n <button (click)=\"validThisUrl()\">{{ 'wb.shared.components.quill.3' | translate }}</button>\n </div>\n <div *ngIf=\"linkAlreadyExist\">\n <button (click)=\"onRemoveLink()\">\n <i class=\"far fa-unlink\"></i>\n </button>\n </div>\n </div>\n </div>\n\n <div *ngIf=\"sourceCode\" class=\"wb-quill-editor__source\">\n <div class=\"wb-quill-editor__source__close\"><i class=\"fas fa-times\"></i></div>\n <div class=\"wb-quill-editor__source__wrapper\" wbAutoHide>\n <label for=\"sourceCodeTextareaQuill\">Modifier le code source du texte</label>\n <textarea id=\"sourceCodeTextareaQuill\" [(ngModel)]=\"sourceCodeValue\"></textarea>\n </div>\n </div>\n</div>\n"}]}],"members":{"contentChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":15,"character":5}}]}],"isTooltipFocused":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":17,"character":5}}]}],"tooltipLostFocus":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":19,"character":5}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"offset":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":23,"character":5}}]}],"toolbar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":83,"character":5}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":89,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@angular/core","name":"NgZone","line":123,"character":32},{"__symbolic":"reference","name":"ɵbz"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":123,"character":102}]}],"ngOnInit":[{"__symbolic":"method"}],"handleDefaultContentTranslation":[{"__symbolic":"method"}],"contentChanged":[{"__symbolic":"method"}],"editorLoaded":[{"__symbolic":"method"}],"addUpperCase":[{"__symbolic":"method"}],"addLink":[{"__symbolic":"method"}],"setEventListener":[{"__symbolic":"method"}],"validThisUrlOnEnter":[{"__symbolic":"method"}],"validThisUrl":[{"__symbolic":"method"}],"closeUrlConfig":[{"__symbolic":"method"}],"isEmpty":[{"__symbolic":"method"}],"focusThis":[{"__symbolic":"method"}],"onFocusLost":[{"__symbolic":"method"}],"retrieveExistingLink":[{"__symbolic":"method"}],"onRemoveLink":[{"__symbolic":"method"}],"removeLink":[{"__symbolic":"method"}],"isSetDefaultTextColorAction":[{"__symbolic":"method"}],"setTextBlackColor":[{"__symbolic":"method"}],"lineBreakMatcher":[{"__symbolic":"method"}]}},"ɵbz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":14,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"bindTooltipFocus":[{"__symbolic":"method"}],"setFocused":[{"__symbolic":"method"}],"init":[{"__symbolic":"method"}],"handleLinesBreak":[{"__symbolic":"method"}],"handleSourceCode":[{"__symbolic":"method"}],"handleCustomLink":[{"__symbolic":"method"}],"handleCryptedLink":[{"__symbolic":"method"}],"handleCustomUppercase":[{"__symbolic":"method"}],"handleCustomIcons":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵca":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":4,"character":1},"arguments":[{"selector":"wb-faq","template":"<div class=\"wb-faq\" [style.background-color]=\"backgroundColor\" [ngClass]=\"{ 'is-active': hasTooltipFocused }\">\n <div\n *ngFor=\"let row of faqRows; let i = index; first as isFirst\"\n [className]=\"type\"\n [class.isFirst]=\"isFirst\"\n [style.border-color]=\"borderColor\"\n >\n <div\n [className]=\"type + '__row wb-faq__row'\"\n [ngClass]=\"{ open: row['open'], 'is-activeRow': row['hasTooltipFocused'] }\"\n [style.background-color]=\"backgroundRowColor\"\n [style.border-color]=\"borderColor\"\n [ngStyle]=\"\n shadowRowColor && row['open']\n ? {\n 'box-shadow':\n '0 0 0 0 ' + shadowRowColor + ', 0 0 0 0 ' + shadowRowColor + ', 0 2px 14px 0 ' + shadowRowColor + ''\n }\n : {}\n \"\n >\n <div\n [className]=\"type + '__row__question wb-faq__row__question open'\"\n [ngClass]=\"{ open: row['open'] }\"\n [style.background-color]=\"row['open'] ? backgroundAnswerColor : backgroundQuestionColor\"\n [style.border-color]=\"borderColor\"\n >\n <wb-editorjs [(content)]=\"row[FORM_NAME_TITLE]\" (contentChange)=\"persist()\" [placeholder]=\"'wb.dto.TITLE.2' | translate\">\n </wb-editorjs>\n <span (click)=\"deleteRow(i)\" *ngIf=\"i > 0\" [className]=\"type + '__row__question__delete wb-faq__row__question__delete'\">\n <i class=\"fal fa-trash-alt\"></i>\n </span>\n <span (click)=\"showHide(i)\" *ngIf=\"!row['open']\" [style.color]=\"color\">\n <i class=\"fal fa-chevron-down\"></i>\n </span>\n <span (click)=\"showHide(i)\" *ngIf=\"row['open']\" [style.color]=\"color\">\n <i class=\"fal fa-chevron-up\"></i>\n </span>\n </div>\n <div\n [className]=\"type + '__row__answer wb-faq__row__answer open'\"\n [ngClass]=\"{ open: row['open'] }\"\n [style.border-color]=\"borderColor\"\n [style.background-color]=\"backgroundAnswerColor\"\n >\n <wb-editorjs\n [(content)]=\"row[FORM_NAME_CONTENT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.dto.CONTENT.6' | translate\"\n >\n </wb-editorjs>\n </div>\n </div>\n </div>\n <div class=\"wb-faq__menu\">\n <a class=\"wb-faq__menu__add\" (click)=\"addFaqRow()\"><i class=\"fal fa-plus\"></i> {{ 'wb.faq.1' | translate }}</a>\n </div>\n</div>\n"}]}],"members":{"faqRows":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":13,"character":5}}]}],"type":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":14,"character":5}}]}],"color":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":15,"character":5}}]}],"backgroundColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":16,"character":5}}]}],"borderColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":17,"character":5}}]}],"backgroundRowColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":18,"character":5}}]}],"backgroundQuestionColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":19,"character":5}}]}],"backgroundAnswerColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":20,"character":5}}]}],"shadowRowColor":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":21,"character":5}}]}],"Accordion":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":22,"character":5}}]}],"faqRowsChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":23,"character":5}}]}],"ngOnInit":[{"__symbolic":"method"}],"persist":[{"__symbolic":"method"}],"addFaqRow":[{"__symbolic":"method"}],"deleteRow":[{"__symbolic":"method"}],"showHide":[{"__symbolic":"method"}],"checkQuillToolTip":[{"__symbolic":"method"}],"checkHasTooltipFocused":[{"__symbolic":"method"}]}},"ɵcb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":32,"character":1},"arguments":[{"selector":"wb-editorjs","template":"<div [class]=\"'editorJs editorJs--' + position\" [id]=\"'editorJs-' + uuid\" wbAutoHide></div>\n"}]}],"members":{"contentChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":37,"character":5}}]}],"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":39,"character":5}}]}],"placeholder":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":41,"character":5}}]}],"position":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":43,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":60,"character":34},{"__symbolic":"reference","name":"ɵcc"},{"__symbolic":"reference","name":"ɵcd"}]}],"ngOnInit":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}],"handleDefaultContentTranslation":[{"__symbolic":"method"}],"contentChanged":[{"__symbolic":"method"}],"checkSingleChild":[{"__symbolic":"method"}],"checkWrapper":[{"__symbolic":"method"}],"hasWrapper":[{"__symbolic":"method"}],"getEditorContent":[{"__symbolic":"method"}],"applyContent":[{"__symbolic":"method"}],"getI18nDictionnary":[{"__symbolic":"method"}],"getSelection":[{"__symbolic":"method"}],"saveEditorContent":[{"__symbolic":"method"}],"handleSaveEditor":[{"__symbolic":"method"}],"getSavedEditorContent":[{"__symbolic":"method"}],"setSavedEditorContent":[{"__symbolic":"method"}],"deleteSavedEditorContent":[{"__symbolic":"method"}]}},"ɵcc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"convert":[{"__symbolic":"method"}],"convertCurrentElement":[{"__symbolic":"method"}],"setInlineStyle":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵcd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":5,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"setDictionnary":[{"__symbolic":"method"}],"get":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵce":[{"__symbolic":"reference","name":"ɵcg"},{"__symbolic":"reference","name":"ɵcj"},{"__symbolic":"reference","name":"ɵcl"},{"__symbolic":"reference","name":"ɵcn"},{"__symbolic":"reference","name":"ɵcp"},{"__symbolic":"reference","name":"ɵcr"},{"__symbolic":"reference","name":"ɵct"},{"__symbolic":"reference","name":"ɵcv"},{"__symbolic":"reference","name":"ɵcz"},{"__symbolic":"reference","name":"ɵdb"},{"__symbolic":"reference","name":"ɵdd"},{"__symbolic":"reference","name":"ɵdf"},{"__symbolic":"reference","name":"ɵdh"},{"__symbolic":"reference","name":"ɵdj"},{"__symbolic":"reference","name":"ɵdl"},{"__symbolic":"reference","name":"ɵdn"},{"__symbolic":"reference","name":"ɵdp"},{"__symbolic":"reference","name":"ɵdr"},{"__symbolic":"reference","name":"ɵdt"},{"__symbolic":"reference","name":"ɵdv"},{"__symbolic":"reference","name":"ɵdx"},{"__symbolic":"reference","name":"ɵdz"},{"__symbolic":"reference","name":"ɵeb"},{"__symbolic":"reference","name":"ɵed"},{"__symbolic":"reference","name":"ɵef"},{"__symbolic":"reference","name":"ɵeh"},{"__symbolic":"reference","name":"ɵej"},{"__symbolic":"reference","name":"ɵel"},{"__symbolic":"reference","name":"ɵen"},{"__symbolic":"reference","name":"ɵep"},{"__symbolic":"reference","name":"ɵer"},{"__symbolic":"reference","name":"ɵet"},{"__symbolic":"reference","name":"ɵev"},{"__symbolic":"reference","name":"ɵex"},{"__symbolic":"reference","name":"ɵez"},{"__symbolic":"reference","name":"ɵfb"},{"__symbolic":"reference","name":"ɵfd"},{"__symbolic":"reference","name":"ɵff"},{"__symbolic":"reference","name":"ɵfh"},{"__symbolic":"reference","name":"ɵfj"},{"__symbolic":"reference","name":"ɵfl"},{"__symbolic":"reference","name":"ɵfn"},{"__symbolic":"reference","name":"ɵfp"},{"__symbolic":"reference","name":"ɵfr"},{"__symbolic":"reference","name":"ɵft"},{"__symbolic":"reference","name":"ɵfv"},{"__symbolic":"reference","name":"ɵfx"},{"__symbolic":"reference","name":"ɵfz"},{"__symbolic":"reference","name":"ɵgb"},{"__symbolic":"reference","name":"ɵgd"},{"__symbolic":"reference","name":"ɵgf"},{"__symbolic":"reference","name":"ɵgi"},{"__symbolic":"reference","name":"ɵgk"},{"__symbolic":"reference","name":"ɵgm"},{"__symbolic":"reference","name":"ɵgo"},{"__symbolic":"reference","name":"ɵgq"},{"__symbolic":"reference","name":"ɵgs"},{"__symbolic":"reference","name":"ɵgu"},{"__symbolic":"reference","name":"ɵgw"},{"__symbolic":"reference","name":"ɵgy"},{"__symbolic":"reference","name":"ɵha"},{"__symbolic":"reference","name":"ɵhc"},{"__symbolic":"reference","name":"ɵhe"},{"__symbolic":"reference","name":"ɵhg"},{"__symbolic":"reference","name":"ɵhi"},{"__symbolic":"reference","name":"ɵhk"},{"__symbolic":"reference","name":"ɵhm"},{"__symbolic":"reference","name":"ɵho"},{"__symbolic":"reference","name":"ɵhq"},{"__symbolic":"reference","name":"ɵhs"},{"__symbolic":"reference","name":"ɵhu"},{"__symbolic":"reference","name":"ɵhw"},{"__symbolic":"reference","name":"ɵhy"},{"__symbolic":"reference","name":"ɵia"},{"__symbolic":"reference","name":"ɵic"},{"__symbolic":"reference","name":"ɵie"},{"__symbolic":"reference","name":"ɵgy"},{"__symbolic":"reference","name":"ɵig"},{"__symbolic":"reference","name":"ɵii"},{"__symbolic":"reference","name":"ɵik"},{"__symbolic":"reference","name":"ɵim"},{"__symbolic":"reference","name":"ɵio"},{"__symbolic":"reference","name":"ɵiq"},{"__symbolic":"reference","name":"ɵis"},{"__symbolic":"reference","name":"ɵiu"},{"__symbolic":"reference","name":"ɵiw"},{"__symbolic":"reference","name":"ɵiy"},{"__symbolic":"reference","name":"ɵja"},{"__symbolic":"reference","name":"ɵjc"},{"__symbolic":"reference","name":"ɵje"},{"__symbolic":"reference","name":"ɵjg"},{"__symbolic":"reference","name":"ɵji"},{"__symbolic":"reference","name":"ɵjk"},{"__symbolic":"reference","name":"ɵjm"},{"__symbolic":"reference","name":"ɵjo"},{"__symbolic":"reference","name":"ɵjq"},{"__symbolic":"reference","name":"ɵjs"},{"__symbolic":"reference","name":"ɵju"},{"__symbolic":"reference","name":"ɵjw"},{"__symbolic":"reference","name":"ɵjy"},{"__symbolic":"reference","name":"ɵka"},{"__symbolic":"reference","name":"ɵkc"},{"__symbolic":"reference","name":"ɵke"},{"__symbolic":"reference","name":"ɵkg"},{"__symbolic":"reference","name":"ɵkj"},{"__symbolic":"reference","name":"ɵkl"},{"__symbolic":"reference","name":"ɵkn"},{"__symbolic":"reference","name":"ɵkp"},{"__symbolic":"reference","name":"ɵkr"},{"__symbolic":"reference","name":"ɵkt"}],"ɵcf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":232,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"ɵce"}],"imports":[{"__symbolic":"reference","name":"ɵn"},{"__symbolic":"reference","module":"ngx-monaco-editor","name":"MonacoEditorModule","line":236,"character":8},{"__symbolic":"reference","module":"ngx-google-places-autocomplete","name":"GooglePlaceModule","line":237,"character":8},{"__symbolic":"reference","module":"ngx-quill","name":"QuillModule","line":238,"character":8},{"__symbolic":"reference","module":"@asymmetrik/ngx-leaflet","name":"LeafletModule","line":239,"character":8},{"__symbolic":"reference","module":"@wizishop/ng-wizi-bulma","name":"NwbCommonModule","line":240,"character":8},{"__symbolic":"reference","module":"@wizishop/ng-wizi-bulma","name":"NwbDatePickerModule","line":241,"character":8},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateModule","line":242,"character":8},"member":"forChild"}},{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵkv"},"member":"withComponents"},"arguments":[{"__symbolic":"reference","name":"ɵce"}]}],"exports":{"__symbolic":"reference","name":"ɵce"}}]}],"members":{}},"ɵcg":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵci"},"member":"selector"}},"template":"<div class=\"wb-slider-fullpage\">\n <div\n class=\"wb-slider-fullpage__container\"\n [ngClass]=\"{\n 'wb-slider-fullpage__container--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-fullpage__container--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-fullpage__container--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div\n class=\"wb-slider-fullpage__container__images\"\n *ngFor=\"let slide of contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER]; let k = index\"\n [ngClass]=\"{ 'is-active': !showEmptyImage && selectedTab !== null && selectedTab === k }\"\n >\n <div>\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"slide[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)]=\"slide[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)]=\"slide[FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"slide[FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage(k, $event)\"\n [style.background-image]=\"'url(' + slide[FORM_NAME_IMAGE_URL] + ')'\"\n *ngIf=\"!showEmptyImage && selectedTab !== null && selectedTab === k\"\n (click)=\"getMediaFor(k)\"\n class=\"wb-slider-fullpage__container__images__slide\"\n [ngClass]=\"{\n 'wb-slider-fullpage__container__images__slide--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-fullpage__container__images__slide--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-fullpage__container__images__slide--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-slider-fullpage__container__controller\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DOTS]\">\n <span\n *ngFor=\"let point of contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER]; let f = index\"\n (click)=\"showSlide(f)\"\n [ngClass]=\"{ 'is-active': selectedTab !== null && selectedTab === f }\"\n ></span>\n </div>\n </div>\n <div\n class=\"wb-slider-fullpage__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"showEmptyImage || contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER].length === 0\"\n (click)=\"getMedia()\"\n [ngClass]=\"{\n 'wb-slider-fullpage__noimages--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-fullpage__noimages--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-fullpage__noimages--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n <div\n class=\"wb-additionnal-tools wb-slider-fullpage__container__slider\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER].length\"\n cdkDropList\n cdkDropListOrientation=\"horizontal\"\n (cdkDropListDropped)=\"onDrop($event)\"\n >\n <a\n class=\"wb-slider-fullpage__container__slider-selector\"\n *ngFor=\"let slideC of contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER]; let i = index\"\n (click)=\"showSlide(i)\"\n cdkDrag\n >\n <span></span>\n <span\n >{{ 'wb.structures.template.58' | translate: { nb: i + 1 } }} <i class=\"fal fa-times\" (click)=\"removeThisSlide(i)\"></i>\n </span>\n </a>\n <a\n class=\"wb-slider-fullpage__container__slider-add\"\n (click)=\"getMedia()\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER].length < 5\"\n >{{ 'wb.structures.template.30' | translate }}</a\n >\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}],"showSlide":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}],"replaceSliderWithMedia":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"removeThisSlide":[{"__symbolic":"method"}],"onDrop":[{"__symbolic":"method"}]}},"ɵch":{"__symbolic":"class","arity":1,"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":160,"character":1}}],"members":{"contents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":453,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"setContentService":[{"__symbolic":"method"}],"setMediaConnectorService":[{"__symbolic":"method"}],"setExpectedImagesService":[{"__symbolic":"method"}],"setComponentService":[{"__symbolic":"method"}],"getMedia":[{"__symbolic":"method"}],"setThisContentForComponent":[{"__symbolic":"method"}],"setContentForComponent":[{"__symbolic":"method"}],"getFormData":[{"__symbolic":"method"}],"persist":[{"__symbolic":"method"}],"checkQuillToolTip":[{"__symbolic":"method"}],"ngOnDestroy":[{"__symbolic":"method"}]}},"ɵci":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-sliders-fullpage"},"ɵprov":{}}},"ɵcj":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵck"},"member":"selector"}},"template":"<div class=\"wb-slider-leftnav\">\n <div\n class=\"wb-slider-leftnav__container\"\n [ngClass]=\"{\n 'wb-slider-leftnav__container--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-leftnav__container--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-leftnav__container--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div\n class=\"wb-slider-leftnav__container__images\"\n *ngFor=\"let slide of contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER]; let k = index\"\n [ngClass]=\"{ 'is-active': !showEmptyImage && selectedTab !== null && selectedTab === k }\"\n >\n <div>\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.31' | translate\"\n [(ngModel)]=\"slide[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)]=\"slide[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)]=\"slide[FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"slide[FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage(k, $event)\"\n [style.background-image]=\"'url(' + slide[FORM_NAME_IMAGE_URL] + ')'\"\n *ngIf=\"!showEmptyImage && selectedTab !== null && selectedTab === k\"\n (click)=\"getMediaFor(k)\"\n class=\"wb-slider-leftnav__container__images__slide\"\n [ngClass]=\"{\n 'wb-slider-leftnav__container__images__slide--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-leftnav__container__images__slide--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-leftnav__container__images__slide--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-slider-leftnav__container__controller\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER]\">\n <span\n *ngFor=\"let point of contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER]; let f = index\"\n (click)=\"showSlide(f)\"\n [ngClass]=\"{ 'is-active': selectedTab !== null && selectedTab === f }\"\n >{{\n point[FORM_NAME_TITLE] != '' ? point[FORM_NAME_TITLE] : ('wb.structures.template.62' | translate: { nb: '0' + (f + 1) })\n }}</span\n >\n </div>\n </div>\n <div\n class=\"wb-slider-leftnav__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"showEmptyImage || contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER].length === 0\"\n (click)=\"getMedia()\"\n [ngClass]=\"{\n 'wb-slider-leftnav__noimages--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-leftnav__noimages--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-leftnav__noimages--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n <div\n class=\"wb-additionnal-tools wb-slider-leftnav__container__slider\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER].length\"\n cdkDropList\n cdkDropListOrientation=\"horizontal\"\n (cdkDropListDropped)=\"onDrop($event)\"\n >\n <a\n class=\"wb-slider-leftnav__container__slider-selector\"\n *ngFor=\"let slideC of contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER]; let i = index\"\n (click)=\"showSlide(i)\"\n cdkDrag\n >\n <span></span>\n <span\n >{{ 'wb.structures.template.58' | translate: { nb: i + 1 } }} <i class=\"fal fa-times\" (click)=\"removeThisSlide(i)\"></i>\n </span>\n </a>\n <a\n class=\"wb-slider-leftnav__container__slider-add\"\n (click)=\"getMedia()\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER].length < 5\"\n >{{ 'wb.structures.template.30' | translate }}</a\n >\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"showSlide":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}],"replaceSliderWithMedia":[{"__symbolic":"method"}],"removeThisSlide":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"onDrop":[{"__symbolic":"method"}]}},"ɵck":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":14,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-sliders-leftnav"},"ɵprov":{}}},"ɵcl":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵcm"},"member":"selector"}},"template":"<div class=\"wb-slider-imageright\">\n <div class=\"wb-slider-imageright__containerconfig\">\n <wb-structure-config\n [blockUUID]=\"uuid\"\n [isFullwidth]=\"true\"\n [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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][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][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div\n class=\"wb-slider-imageright__container\"\n [ngClass]=\"{\n 'wb-slider-imageright__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-imageright__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-imageright__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div\n class=\"wb-slider-imageright__container__images\"\n *ngFor=\"let slide of contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER]; let k = index\"\n [ngClass]=\"{ 'is-active': !showEmptyImage && selectedTab !== null && selectedTab === k }\"\n >\n <div>\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"slide[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)]=\"slide[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)]=\"slide[FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes2[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"slide[FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage(k, $event)\"\n [style.background-image]=\"'url(' + slide[FORM_NAME_IMAGE_URL] + ')'\"\n *ngIf=\"!showEmptyImage && selectedTab !== null && selectedTab === k\"\n (click)=\"getMediaFor(k)\"\n class=\"wb-slider-imageright__container__images__item\"\n [ngClass]=\"{\n 'wb-slider-imageright__container__images__item--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-imageright__container__images__item--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-imageright__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 class=\"wb-slider-imageright__container__controller\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DOTS]\">\n <span\n *ngFor=\"let point of contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER]; let f = index\"\n (click)=\"showSlide(f)\"\n [ngClass]=\"{ 'is-active': selectedTab !== null && selectedTab === f }\"\n ></span>\n </div>\n </div>\n <div\n class=\"wb-slider-imageright__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes2[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"showEmptyImage || contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER].length === 0\"\n (click)=\"getMedia()\"\n [ngClass]=\"{\n 'wb-slider-imageright__noimages--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-imageright__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-imageright__noimages--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n <div class=\"column is-3\">\n <div\n class=\"wb-slider-imageright__container wb-slider-imageright__container--two\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n [ngClass]=\"{\n 'wb-slider-imageright__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-imageright__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-imageright__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div\n class=\"wb-slider-imageright__container__images\"\n [ngClass]=\"{ 'is-active': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE] }\"\n >\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes1[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n (click)=\"getMediaForRightTopSlider()\"\n class=\"wb-slider-imageright__container__images__item wb-slider-imageright__container__images__item--two\"\n [ngClass]=\"{\n 'wb-slider-imageright__container__images__item--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-imageright__container__images__item--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-imageright__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-slider-imageright__noimages wb-slider-imageright__noimages--two\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes1[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n (click)=\"getMediaForRightTopSlider()\"\n [ngClass]=\"{\n 'wb-slider-imageright__noimages--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-imageright__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-imageright__noimages--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-additionnal-tools wb-slider-imageright__container__slider\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER].length\"\n cdkDropList\n cdkDropListOrientation=\"horizontal\"\n (cdkDropListDropped)=\"onDrop($event)\"\n >\n <a\n class=\"wb-slider-imageright__container__slider-selector\"\n *ngFor=\"let slideC of contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER]; let i = index\"\n (click)=\"showSlide(i)\"\n cdkDrag\n >\n <span></span>\n <span\n >{{ 'wb.structures.template.58' | translate: { nb: i + 1 } }} <i class=\"fal fa-times\" (click)=\"removeThisSlide(i)\"></i>\n </span>\n </a>\n <a\n class=\"wb-slider-imageright__container__slider-add\"\n (click)=\"getMedia()\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER].length < 5\"\n >{{ 'wb.structures.template.30' | translate }}</a\n >\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"getMediaForRightTopSlider":[{"__symbolic":"method"}],"showSlide":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}],"replaceSliderWithMedia":[{"__symbolic":"method"}],"removeThisSlide":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"onDrop":[{"__symbolic":"method"}]}},"ɵcm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-sliders-imageright"},"ɵprov":{}}},"ɵcn":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵco"},"member":"selector"}},"template":"<div class=\"wb-slider-double-imageright\">\n <div class=\"wb-slider-double-imageright__containerconfig\">\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]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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][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][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_BOTTOM\"\n [isFullwidth]=\"true\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_BOTTOM]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_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_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_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 <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div\n class=\"wb-slider-double-imageright__container\"\n [ngClass]=\"{\n 'wb-slider-double-imageright__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-double-imageright__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-double-imageright__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div\n class=\"wb-slider-double-imageright__container__images\"\n *ngFor=\"let slide of contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER]; let k = index\"\n [ngClass]=\"{ 'is-active': !showEmptyImage && selectedTab !== null && selectedTab === k }\"\n >\n <div>\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"slide[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)]=\"slide[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)]=\"slide[FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes1[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"slide[FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage(k, $event)\"\n [style.background-image]=\"'url(' + slide[FORM_NAME_IMAGE_URL] + ')'\"\n *ngIf=\"!showEmptyImage && selectedTab !== null && selectedTab === k\"\n (click)=\"getMediaFor(k)\"\n class=\"wb-slider-double-imageright__container__images__item\"\n [ngClass]=\"{\n 'wb-slider-double-imageright__container__images__item--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-double-imageright__container__images__item--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-double-imageright__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 class=\"wb-slider-double-imageright__container__controller\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DOTS]\">\n <span\n *ngFor=\"let point of contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER]; let f = index\"\n (click)=\"showSlide(f)\"\n [ngClass]=\"{ 'is-active': selectedTab !== null && selectedTab === f }\"\n ></span>\n </div>\n </div>\n <div\n class=\"wb-slider-double-imageright__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes1[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"showEmptyImage || contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER].length === 0\"\n (click)=\"getMedia()\"\n [ngClass]=\"{\n 'wb-slider-double-imageright__noimages--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-double-imageright__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-double-imageright__noimages--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n <div class=\"column is-3\">\n <div\n class=\"wb-slider-double-imageright__container wb-slider-double-imageright__container--two is-top\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n [ngClass]=\"{\n 'wb-slider-double-imageright__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-double-imageright__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-double-imageright__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div\n class=\"wb-slider-double-imageright__container__images\"\n [ngClass]=\"{ 'is-active': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE] }\"\n >\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes2[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n (click)=\"getMediaForRightTopSlider()\"\n class=\"wb-slider-double-imageright__container__images__item wb-slider-double-imageright__container__images__item--two\"\n [ngClass]=\"{\n 'wb-slider-double-imageright__container__images__item--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-double-imageright__container__images__item--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-double-imageright__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-slider-double-imageright__noimages wb-slider-double-imageright__noimages--two is-top\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes2[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n (click)=\"getMediaForRightTopSlider()\"\n [ngClass]=\"{\n 'wb-slider-double-imageright__noimages--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-double-imageright__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-double-imageright__noimages--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n <div\n class=\"wb-slider-double-imageright__container wb-slider-double-imageright__container--two is-bottom\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_BOTTOM]\"\n [ngClass]=\"{\n 'wb-slider-double-imageright__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-double-imageright__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-double-imageright__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div\n class=\"wb-slider-double-imageright__container__images\"\n [ngClass]=\"{ 'is-active': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_BOTTOM] }\"\n >\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes2[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_BOTTOM][FORM_NAME_IMAGE_URL] + ')'\n \"\n (click)=\"getMediaForRightBottomSlider()\"\n class=\"wb-slider-double-imageright__container__images__item wb-slider-double-imageright__container__images__item--two\"\n [ngClass]=\"{\n 'wb-slider-double-imageright__container__images__item--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-double-imageright__container__images__item--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-double-imageright__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-slider-double-imageright__noimages wb-slider-double-imageright__noimages--two is-bottom\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes2[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_BOTTOM]\"\n (click)=\"getMediaForRightBottomSlider()\"\n [ngClass]=\"{\n 'wb-slider-double-imageright__noimages--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-double-imageright__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-double-imageright__noimages--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-additionnal-tools wb-slider-double-imageright__container__slider\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER].length\"\n cdkDropList\n cdkDropListOrientation=\"horizontal\"\n (cdkDropListDropped)=\"onDrop($event)\"\n >\n <a\n class=\"wb-slider-double-imageright__container__slider-selector\"\n *ngFor=\"let slideC of contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER]; let i = index\"\n (click)=\"showSlide(i)\"\n cdkDrag\n >\n <span></span>\n <span\n >{{ 'wb.structures.template.58' | translate: { nb: i + 1 } }} <i class=\"fal fa-times\" (click)=\"removeThisSlide(i)\"></i>\n </span>\n </a>\n <a\n class=\"wb-slider-double-imageright__container__slider-add\"\n (click)=\"getMedia()\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER].length < 5\"\n >{{ 'wb.structures.template.30' | translate }}</a\n >\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"replaceSliderWithMedia":[{"__symbolic":"method"}],"getMediaForRightTopSlider":[{"__symbolic":"method"}],"getMediaForRightBottomSlider":[{"__symbolic":"method"}],"showSlide":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}],"removeThisSlide":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"onDrop":[{"__symbolic":"method"}]}},"ɵco":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-sliders-double-imageright"},"ɵprov":{}}},"ɵcp":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵcq"},"member":"selector"}},"template":"<div class=\"wb-separator-simple\">\n <hr\n [ngStyle]=\"{\n 'border-bottom-color': contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR],\n width: contents[BASE_BLOCK_CONTENT][FORM_NAME_WIDTH],\n 'border-bottom-width': contents[BASE_BLOCK_CONTENT][FORM_NAME_HEIGHT],\n 'border-bottom-style': contents[BASE_BLOCK_CONTENT][FORM_NAME_BORDER_STYLE]\n }\"\n />\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵcq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-separator-simple"},"ɵprov":{}}},"ɵcr":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵcs"},"member":"selector"}},"template":"<div class=\"wb-code\">\n <div class=\"wb-code__container\">\n <p><div class=\"wrapper\"></p>\n <ngx-monaco-editor\n [options]=\"editorOptions\"\n [ngModel]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT] | translate\"\n (ngModelChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT] = $event; setContent()\"\n ></ngx-monaco-editor>\n <p></div></p>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"setContent":[{"__symbolic":"method"}]}},"ɵcs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-code-html"},"ɵprov":{}}},"ɵct":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵcu"},"member":"selector"}},"template":"<div class=\"wb-code\">\n <div class=\"wb-code__container\">\n <p><script type=\"text/javascript\"></p>\n <ngx-monaco-editor\n [options]=\"editorOptions\"\n [ngModel]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT] | translate\"\n (ngModelChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT] = $event; setContent()\"\n ></ngx-monaco-editor>\n <p></script></p>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"setContent":[{"__symbolic":"method"}]}},"ɵcu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-code-javascript"},"ɵprov":{}}},"ɵcv":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵcw"},"member":"selector"}},"template":"<div class=\"wb-videos-simple\">\n <div\n class=\"wb-videos-simple__frame\"\n [ngClass]=\"{ 'is-cropped': !contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTROL] }\"\n *ngIf=\"urlVideo !== ''\"\n >\n <div class=\"top\">\n <div class=\"wrapper\">\n <iframe\n *ngIf=\"urlVideo\"\n width=\"100%\"\n height=\"500\"\n [src]=\"urlVideo | safeUrl\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen\n ></iframe>\n </div>\n </div>\n </div>\n <div class=\"wb-videos-simple__fakeframe\" *ngIf=\"urlVideo !== ''\">\n <p><i class=\"fal fa-video\"></i></p>\n </div>\n <div class=\"wb-videos-simple__noframe\" *ngIf=\"urlVideo === ''\">\n <p>{{ 'wb.structures.template.17' | translate }}</p>\n <input type=\"url\" [(ngModel)]=\"videoUrlFilled\" (keyup)=\"changeVideoUrl()\" />\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵcx"},{"__symbolic":"reference","name":"ɵcy"}]}],"ngOnInit":[{"__symbolic":"method"}],"changeVideoUrl":[{"__symbolic":"method"}],"changeYoutubeCode":[{"__symbolic":"method"}],"changeVimeoCode":[{"__symbolic":"method"}]}},"ɵcw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-videos-simple"},"ɵprov":{}}},"ɵcx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"youTubeGetID":[{"__symbolic":"method"}],"getFullLinkFromUrlAndOption":[{"__symbolic":"method"}],"isURL":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵcy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":2,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"vimeoGetID":[{"__symbolic":"method"}],"getFullLinkFromUrlAndOption":[{"__symbolic":"method"}],"isURL":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵcz":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵda"},"member":"selector"}},"template":"<div class=\"wb-videos-txt\">\n <div\n class=\"wb-videos-txt__frame\"\n [ngClass]=\"{ 'is-cropped': !contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTROL] }\"\n *ngIf=\"urlVideo !== ''\"\n >\n <div class=\"top\">\n <div class=\"wrapper\">\n <iframe\n *ngIf=\"urlVideo\"\n width=\"100%\"\n height=\"500\"\n [src]=\"urlVideo | safeUrl\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen\n ></iframe>\n </div>\n </div>\n </div>\n <div class=\"wb-videos-txt__fakeframe\" *ngIf=\"urlVideo !== ''\">\n <p><i class=\"fal fa-video\"></i></p>\n </div>\n <div class=\"wb-videos-txt__noframe\" *ngIf=\"urlVideo === ''\">\n <p>{{ 'wb.structures.template.17' | translate }}</p>\n <input type=\"url\" [(ngModel)]=\"videoUrlFilled\" (keyup)=\"changeVideoUrl()\" />\n </div>\n <div class=\"wb-videos-txt__text\" *ngIf=\"urlVideo !== ''\">\n <div>\n <div class=\"has-transparent-background\">\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 class=\"has-transparent-background\">\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>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵcx"},{"__symbolic":"reference","name":"ɵcy"}]}],"ngOnInit":[{"__symbolic":"method"}],"changeVideoUrl":[{"__symbolic":"method"}],"changeYoutubeCode":[{"__symbolic":"method"}],"changeVimeoCode":[{"__symbolic":"method"}]}},"ɵda":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-videos-txt"},"ɵprov":{}}},"ɵdb":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵdc"},"member":"selector"}},"template":"<div class=\"wb-videos-txt-content\">\n <div\n class=\"wb-videos-txt-content__frame\"\n [ngClass]=\"{ 'is-cropped': !contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTROL] }\"\n *ngIf=\"urlVideo !== ''\"\n >\n <div class=\"top\">\n <div class=\"wrapper\">\n <iframe\n *ngIf=\"urlVideo\"\n width=\"100%\"\n height=\"500\"\n [src]=\"urlVideo | safeUrl\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen\n ></iframe>\n </div>\n </div>\n </div>\n <div class=\"wb-videos-txt-content__fakeframe\" *ngIf=\"urlVideo !== ''\">\n <p><i class=\"fal fa-video\"></i></p>\n </div>\n <div class=\"wb-videos-txt-content__noframe\" *ngIf=\"urlVideo === ''\">\n <p>{{ 'wb.structures.template.17' | translate }}</p>\n <input type=\"url\" [(ngModel)]=\"videoUrlFilled\" (keyup)=\"changeVideoUrl()\" />\n </div>\n <div class=\"wb-videos-txt-content__text\" *ngIf=\"urlVideo !== ''\">\n <div>\n <div [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT].title\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT].content\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵcx"},{"__symbolic":"reference","name":"ɵcy"}]}],"ngOnInit":[{"__symbolic":"method"}],"changeVideoUrl":[{"__symbolic":"method"}],"changeYoutubeCode":[{"__symbolic":"method"}],"changeVimeoCode":[{"__symbolic":"method"}]}},"ɵdc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":18,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-videos-txt-content"},"ɵprov":{}}},"ɵdd":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵde"},"member":"selector"}},"template":"<div class=\"wb-launch-videos-button\">\n <div class=\"wb-launch-videos-button__frame\" [ngClass]=\"{ 'is-cropped': !contents[BASE_BLOCK_CONTENT].control }\" *ngIf=\"showVideo\">\n <div class=\"top\" *ngIf=\"urlVideo\">\n <div class=\"wrapper\">\n <iframe\n width=\"100%\"\n height=\"500\"\n [src]=\"urlVideo | safeUrl\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen\n ></iframe>\n </div>\n </div>\n <div class=\"wb-launch-videos-button__frame__close\" [ngClass]=\"{ 'is-black': !urlVideo }\">\n <i class=\"fal fa-times-circle\" (click)=\"showVideo = false\"></i>\n </div>\n <div class=\"wb-launch-videos-button__frame__none\" *ngIf=\"urlVideo === ''\">\n <div>\n <p>{{ 'wb.structures.template.17' | translate }}</p>\n <input type=\"url\" [(ngModel)]=\"videoUrlFilled\" (keyup)=\"changeVideoUrl()\" />\n </div>\n </div>\n </div>\n <div class=\"wb-launch-videos-button__noimages\" *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\" (click)=\"getMedia()\">\n <span class=\"size-choose\">{{ 'wb.structures.template.18' | translate }}</span>\n <p>\n <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n </p>\n </div>\n <div class=\"wb-launch-videos-button__container\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE] && !showVideo\">\n <div\n class=\"wb-launch-videos-button__container__image\"\n [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n (click)=\"getMedia()\"\n ></div>\n <div class=\"wb-launch-videos-button__container__text\">\n <div (click)=\"showVideo = true\">\n <p><i [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\" class=\"fas fa-play-circle\"></i></p>\n <p [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n {{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_TEXT] | translate }}\n </p>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵcx"},{"__symbolic":"reference","name":"ɵcy"}]}],"ngOnInit":[{"__symbolic":"method"}],"changeVideoUrl":[{"__symbolic":"method"}],"changeYoutubeCode":[{"__symbolic":"method"}],"changeVimeoCode":[{"__symbolic":"method"}]}},"ɵde":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-launch-videos-button"},"ɵprov":{}}},"ɵdf":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵdg"},"member":"selector"}},"template":"<div class=\"wb-launch-videos-buttontxt\">\n <div class=\"wb-launch-videos-buttontxt__frame\" [ngClass]=\"{ 'is-cropped': !contents[BASE_BLOCK_CONTENT].control }\" *ngIf=\"showVideo\">\n <div class=\"top\" *ngIf=\"urlVideo\">\n <div class=\"wrapper\">\n <iframe\n width=\"100%\"\n height=\"500\"\n [src]=\"urlVideo | safeUrl\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen\n ></iframe>\n </div>\n </div>\n <div class=\"wb-launch-videos-buttontxt__frame__close\" [ngClass]=\"{ 'is-black': !urlVideo }\">\n <i class=\"fal fa-times-circle\" (click)=\"showVideo = false\"></i>\n </div>\n <div class=\"wb-launch-videos-buttontxt__frame__none\" *ngIf=\"urlVideo === ''\">\n <div>\n <p>{{ 'wb.structures.template.17' | translate }}</p>\n <input type=\"url\" [(ngModel)]=\"videoUrlFilled\" (keyup)=\"changeVideoUrl()\" />\n </div>\n </div>\n </div>\n <div class=\"wb-launch-videos-buttontxt__noimages\" *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\" (click)=\"getMedia()\">\n <span class=\"size-choose\">{{ 'wb.structures.template.18' | translate }}</span>\n <p>\n <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n </p>\n </div>\n <div class=\"wb-launch-videos-buttontxt__container\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE] && !showVideo\">\n <div\n class=\"wb-launch-videos-buttontxt__container__image\"\n [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n (click)=\"getMedia()\"\n ></div>\n <div class=\"wb-launch-videos-buttontxt__container__text\">\n <div>\n <div class=\"has-transparent-background\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT].title\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"has-transparent-background\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT].content\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div (click)=\"showVideo = true\" [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BACKGROUND_COLOR]\">\n <i [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\" class=\"fas fa-play-circle\"></i>\n <span [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">{{\n contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_TEXT] | translate\n }}</span>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵcx"},{"__symbolic":"reference","name":"ɵcy"}]}],"ngOnInit":[{"__symbolic":"method"}],"changeVideoUrl":[{"__symbolic":"method"}],"changeYoutubeCode":[{"__symbolic":"method"}],"changeVimeoCode":[{"__symbolic":"method"}]}},"ɵdg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":18,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-launch-videos-buttontxt"},"ɵprov":{}}},"ɵdh":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵdi"},"member":"selector"}},"template":"<div class=\"wb-images-banner\">\n <wb-structure-config\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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][FORM_NAME_URL]\"\n [placeholder]=\"'https://www.monlien.fr'\"\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][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <div class=\"wb-images-banner__container\">\n <div class=\"wb-images-banner__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage($event)\"\n [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n *ngIf=\"!showEmptyImage\"\n (click)=\"getMedia()\"\n class=\"wb-images-banner__container__images__item\"\n ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-images-banner__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"showEmptyImage || !contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n (click)=\"getMedia()\"\n ></div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}]}},"ɵdi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":14,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-images-banner"},"ɵprov":{}}},"ɵdj":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵdk"},"member":"selector"}},"template":"<div class=\"wb-images-simple\">\n <div\n class=\"wb-images-simple__container\"\n [ngClass]=\"{\n 'wb-images-simple__container--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-simple__container--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-simple__container--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-images-simple__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div>\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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][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][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage($event)\"\n [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n *ngIf=\"!showEmptyImage\"\n (click)=\"getMedia()\"\n class=\"wb-images-simple__container__images__item\"\n [ngClass]=\"{\n 'wb-images-simple__container__images__item--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-simple__container__images__item--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-simple__container__images__item--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-images-simple__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"showEmptyImage || !contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n (click)=\"getMedia()\"\n [ngClass]=\"{\n 'wb-images-simple__noimages--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-simple__noimages--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-simple__noimages--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}]}},"ɵdk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-images-simple"},"ɵprov":{}}},"ɵdl":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵdm"},"member":"selector"}},"template":"<div class=\"wb-images-double\">\n <wb-structure-config\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n [isFullwidth]=\"true\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_TITLE]\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <div class=\"columns\">\n <div class=\"column\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.10' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n [isFullwidth]=\"true\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_TITLE]\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <div class=\"columns\">\n <div class=\"column\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.10' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <div class=\"columns\">\n <div class=\"column\">\n <div\n class=\"wb-images-double__container\"\n [ngClass]=\"{\n 'wb-images-double__container--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-double__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-double__container--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-images-double__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_LEFT, $event)\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL] + ')'\n \"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n class=\"wb-images-double__container__images__item\"\n [ngClass]=\"{\n 'wb-images-double__container__images__item--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-double__container__images__item--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-double__container__images__item--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n <div\n class=\"wb-images-double__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n [ngClass]=\"{\n 'wb-images-double__noimages--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-double__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-double__noimages--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n <div class=\"column\">\n <div\n class=\"wb-images-double__container\"\n [ngClass]=\"{\n 'wb-images-double__container--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-double__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-double__container--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-images-double__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_RIGHT, $event)\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL] + ')'\n \"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_RIGHT)\"\n class=\"wb-images-double__container__images__item\"\n [ngClass]=\"{\n 'wb-images-double__container__images__item--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-double__container__images__item--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-double__container__images__item--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n <div\n class=\"wb-images-double__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_RIGHT)\"\n [ngClass]=\"{\n 'wb-images-double__noimages--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-double__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-double__noimages--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}]}},"ɵdm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-images-double"},"ɵprov":{}}},"ɵdn":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵdo"},"member":"selector"}},"template":"<div class=\"wb-images-triple\">\n <wb-structure-config\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n [isFullwidth]=\"true\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_TITLE]\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <div class=\"columns\">\n <div class=\"column\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.10' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n [isFullwidth]=\"true\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_TITLE]\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <div class=\"columns\">\n <div class=\"column\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.10' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [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-images-triple__middle\"\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n [isFullwidth]=\"true\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_LEFT]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_LEFT][FORM_NAME_TITLE]\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <div class=\"columns\">\n <div class=\"column\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.10' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <div class=\"columns\">\n <div class=\"column\">\n <div\n class=\"wb-images-triple__container\"\n [ngClass]=\"{\n 'wb-images-triple__container--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-triple__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-triple__container--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-images-triple__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_LEFT, $event)\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL] + ')'\n \"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n class=\"wb-images-triple__container__images__item\"\n [ngClass]=\"{\n 'wb-images-triple__container__images__item--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-triple__container__images__item--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-triple__container__images__item--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-images-triple__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n [ngClass]=\"{\n 'wb-images-triple__noimages--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-triple__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-triple__noimages--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n <div class=\"column\">\n <div\n class=\"wb-images-triple__container\"\n [ngClass]=\"{\n 'wb-images-triple__container--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-triple__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-triple__container--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-images-triple__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_LEFT]\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_LEFT][FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_MIDDLE_LEFT, $event)\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_LEFT][FORM_NAME_IMAGE_URL] + ')'\n \"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_MIDDLE_LEFT)\"\n class=\"wb-images-triple__container__images__item\"\n [ngClass]=\"{\n 'wb-images-triple__container__images__item--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-triple__container__images__item--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-triple__container__images__item--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-images-triple__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_MIDDLE_LEFT)\"\n [ngClass]=\"{\n 'wb-images-triple__noimages--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-triple__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-triple__noimages--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n <div class=\"column\">\n <div\n class=\"wb-images-triple__container\"\n [ngClass]=\"{\n 'wb-images-triple__container--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-triple__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-triple__container--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-images-triple__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_RIGHT, $event)\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL] + ')'\n \"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_RIGHT)\"\n class=\"wb-images-triple__container__images__item\"\n [ngClass]=\"{\n 'wb-images-triple__container__images__item--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-triple__container__images__item--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-triple__container__images__item--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-images-triple__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_RIGHT)\"\n [ngClass]=\"{\n 'wb-images-triple__noimages--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-triple__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-triple__noimages--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}]}},"ɵdo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-images-triple"},"ɵprov":{}}},"ɵdp":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵdq"},"member":"selector"}},"template":"<div class=\"wb-images-quadruple\">\n <wb-structure-config\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n [isFullwidth]=\"true\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_TITLE]\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <div class=\"columns\">\n <div class=\"column\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.10' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config\n class=\"wb-images-quadruple__middle-left\"\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n [isFullwidth]=\"true\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_LEFT]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_LEFT][FORM_NAME_TITLE]\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <div class=\"columns\">\n <div class=\"column\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.10' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config\n class=\"wb-images-quadruple__middle-right\"\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n [isFullwidth]=\"true\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_RIGHT]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_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_MIDDLE_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_MIDDLE_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 <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 class=\"columns\">\n <div class=\"column\">\n <div\n class=\"wb-images-quadruple__container\"\n [ngClass]=\"{\n 'wb-images-quadruple__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-images-quadruple__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_LEFT, $event)\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL] + ')'\n \"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n class=\"wb-images-quadruple__container__images__item\"\n [ngClass]=\"{\n 'wb-images-quadruple__container__images__item--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple__container__images__item--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple__container__images__item--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-images-quadruple__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n [ngClass]=\"{\n 'wb-images-quadruple__noimages--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple__noimages--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n <div class=\"column\">\n <div\n class=\"wb-images-quadruple__container\"\n [ngClass]=\"{\n 'wb-images-quadruple__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-images-quadruple__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_LEFT]\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_LEFT][FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_MIDDLE_LEFT, $event)\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_LEFT][FORM_NAME_IMAGE_URL] + ')'\n \"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_MIDDLE_LEFT)\"\n class=\"wb-images-quadruple__container__images__item\"\n [ngClass]=\"{\n 'wb-images-quadruple__container__images__item--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple__container__images__item--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple__container__images__item--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-images-quadruple__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_MIDDLE_LEFT)\"\n [ngClass]=\"{\n 'wb-images-quadruple__noimages--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple__noimages--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n <div class=\"column\">\n <div\n class=\"wb-images-quadruple__container\"\n [ngClass]=\"{\n 'wb-images-quadruple__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-images-quadruple__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_RIGHT]\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_RIGHT][FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_MIDDLE_RIGHT, $event)\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_RIGHT][FORM_NAME_IMAGE_URL] + ')'\n \"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_RIGHT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_MIDDLE_RIGHT)\"\n class=\"wb-images-quadruple__container__images__item\"\n [ngClass]=\"{\n 'wb-images-quadruple__container__images__item--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple__container__images__item--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple__container__images__item--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-images-quadruple__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_RIGHT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_MIDDLE_RIGHT)\"\n [ngClass]=\"{\n 'wb-images-quadruple__noimages--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple__noimages--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n <div class=\"column\">\n <div\n class=\"wb-images-quadruple__container\"\n [ngClass]=\"{\n 'wb-images-quadruple__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-images-quadruple__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_RIGHT, $event)\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL] + ')'\n \"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_RIGHT)\"\n class=\"wb-images-quadruple__container__images__item\"\n [ngClass]=\"{\n 'wb-images-quadruple__container__images__item--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple__container__images__item--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple__container__images__item--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-images-quadruple__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_RIGHT)\"\n [ngClass]=\"{\n 'wb-images-quadruple__noimages--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple__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"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}]}},"ɵdq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-images-quadruple"},"ɵprov":{}}},"ɵdr":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵds"},"member":"selector"}},"template":"<div class=\"wb-images-quadruple-left-one-right\">\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-images-quadruple-left-one-right__middle-left wb-images-quadruple-left-one-right__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-images-quadruple-left-one-right__middle-right wb-images-quadruple-left-one-right__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 class=\"columns no-margin no-padding\">\n <div class=\"column is-two-thirds no-padding\">\n <div class=\"columns no-padding-except-bottom no-margin\">\n <div class=\"column wb-images-quadruple-left-one-right__small padding-left\">\n <div\n class=\"wb-images-quadruple-left-one-right__container\"\n [ngClass]=\"{\n 'wb-images-quadruple-left-one-right__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple-left-one-right__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple-left-one-right__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div\n class=\"wb-images-quadruple-left-one-right__container__images\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_TOP]\"\n >\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes5[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-images-quadruple-left-one-right__container__images__item wb-images-quadruple-left-one-right__container__images__item--leftTop\"\n [ngClass]=\"{\n 'wb-images-quadruple-left-one-right__container__images__item--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple-left-one-right__container__images__item--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple-left-one-right__container__images__item--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-images-quadruple-left-one-right__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes5[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-images-quadruple-left-one-right__noimages--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple-left-one-right__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple-left-one-right__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-images-quadruple-left-one-right__big padding-right\">\n <div\n class=\"wb-images-quadruple-left-one-right__container\"\n [ngClass]=\"{\n 'wb-images-quadruple-left-one-right__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple-left-one-right__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple-left-one-right__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div\n class=\"wb-images-quadruple-left-one-right__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-images-quadruple-left-one-right__container__images__item wb-images-quadruple-left-one-right__container__images__item--middleTop\"\n [ngClass]=\"{\n 'wb-images-quadruple-left-one-right__container__images__item--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple-left-one-right__container__images__item--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple-left-one-right__container__images__item--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-images-quadruple-left-one-right__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-images-quadruple-left-one-right__noimages--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple-left-one-right__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple-left-one-right__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-images-quadruple-left-one-right__big padding-left\">\n <div\n class=\"wb-images-quadruple-left-one-right__container wb-images-quadruple-left-one-right__container--leftBottom\"\n [ngClass]=\"{\n 'wb-images-quadruple-left-one-right__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple-left-one-right__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple-left-one-right__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div\n class=\"wb-images-quadruple-left-one-right__container__images\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_BOTTOM]\"\n >\n <div>\n <div\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(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_BOTTOM][FORM_NAME_IMAGE_URL] + ')'\n \"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT_BOTTOM]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT_BOTTOM)\"\n class=\"wb-images-quadruple-left-one-right__container__images__item wb-images-quadruple-left-one-right__container__images__item--leftBottom\"\n [ngClass]=\"{\n 'wb-images-quadruple-left-one-right__container__images__item--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple-left-one-right__container__images__item--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple-left-one-right__container__images__item--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-images-quadruple-left-one-right__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-images-quadruple-left-one-right__noimages--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple-left-one-right__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple-left-one-right__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-images-quadruple-left-one-right__small padding-right\">\n <div\n class=\"wb-images-quadruple-left-one-right__container\"\n [ngClass]=\"{\n 'wb-images-quadruple-left-one-right__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple-left-one-right__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple-left-one-right__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div\n class=\"wb-images-quadruple-left-one-right__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-images-quadruple-left-one-right__container__images__item wb-images-quadruple-left-one-right__container__images__item--middleBottom\"\n [ngClass]=\"{\n 'wb-images-quadruple-left-one-right__container__images__item--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple-left-one-right__container__images__item--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple-left-one-right__container__images__item--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-images-quadruple-left-one-right__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-images-quadruple-left-one-right__noimages--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple-left-one-right__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple-left-one-right__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-images-quadruple-left-one-right__single\">\n <div\n class=\"wb-images-quadruple-left-one-right__container wb-images-quadruple-left-one-right__container--right\"\n [ngClass]=\"{\n 'wb-images-quadruple-left-one-right__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple-left-one-right__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple-left-one-right__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div\n class=\"wb-images-quadruple-left-one-right__container__images\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n >\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-images-quadruple-left-one-right__container__images__item wb-images-quadruple-left-one-right__container__images__item--right\"\n [ngClass]=\"{\n 'wb-images-quadruple-left-one-right__container__images__item--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple-left-one-right__container__images__item--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple-left-one-right__container__images__item--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-images-quadruple-left-one-right__noimages wb-images-quadruple-left-one-right__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-images-quadruple-left-one-right__noimages--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-quadruple-left-one-right__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-quadruple-left-one-right__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"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}]}},"ɵds":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-images-quadruple-left-one-right"},"ɵprov":{}}},"ɵdt":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵdu"},"member":"selector"}},"template":"<div class=\"wb-image-big-and-double\">\n <wb-structure-config\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n [isFullwidth]=\"true\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_TITLE]\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <div class=\"columns\">\n <div class=\"column\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.10' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n [isFullwidth]=\"true\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_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 [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 <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div\n class=\"wb-image-big-and-double__container mask\"\n [ngClass]=\"{\n 'mask--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'mask--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'mask--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-image-big-and-double__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\">\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_LEFT][FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_LEFT, $event)\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL] + ')'\n \"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n class=\"mask\"\n [ngClass]=\"{\n 'mask--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'mask--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'mask--large': 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-image-big-and-double__noimages mask\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes1[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n [ngClass]=\"{\n 'mask--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'mask--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'mask--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n <div class=\"column is-5\">\n <div\n class=\"wb-image-big-and-double__container mask mask--two is-top\"\n [ngClass]=\"{\n 'mask--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'mask--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'mask--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-image-big-and-double__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_TOP]\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes2[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=\"mask mask--two\"\n [ngClass]=\"{\n 'mask--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'mask--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'mask--large': 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-image-big-and-double__noimages mask mask--two is-top\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes2[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 'mask--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'mask--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'mask--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n <div\n class=\"wb-image-big-and-double__container mask mask--two is-bottom\"\n [ngClass]=\"{\n 'mask--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'mask--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'mask--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-image-big-and-double__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_BOTTOM]\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes2[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=\"mask mask--two\"\n [ngClass]=\"{\n 'mask--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'mask--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'mask--large': 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-image-big-and-double__noimages mask mask--two is-bottom\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes2[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 'mask--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'mask--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'mask--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}]}},"ɵdu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-image-big-and-double"},"ɵprov":{}}},"ɵdv":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵdw"},"member":"selector"}},"template":"<div class=\"wb-images-bigs-and-double-middle\">\n <wb-structure-config\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n [isFullwidth]=\"true\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_TITLE]\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <div class=\"columns\">\n <div class=\"column\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.10' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'https://www.monlien.fr'\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config\n class=\"wb-images-bigs-and-double-middle__middle-top\"\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-images-bigs-and-double-middle__middle-bottom\"\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 class=\"columns is-gapless\">\n <div class=\"column\">\n <div\n class=\"wb-images-bigs-and-double-middle__container mask\"\n [ngClass]=\"{\n 'mask--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'mask--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'mask--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-images-bigs-and-double-middle__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\">\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_LEFT][FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE_LEFT, $event)\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL] + ')'\n \"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-images-bigs-and-double-middle__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes1[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n ></div>\n </div>\n <div class=\"column is-middle\">\n <div class=\"wb-images-bigs-and-double-middle__container is-top\">\n <div\n class=\"wb-images-bigs-and-double-middle__container__images\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_TOP]\"\n >\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes2[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 ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-images-bigs-and-double-middle__noimages is-top\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes2[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 ></div>\n <div class=\"wb-images-bigs-and-double-middle__container is-bottom\">\n <div\n class=\"wb-images-bigs-and-double-middle__container__images\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MIDDLE_BOTTOM]\"\n >\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes2[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 ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-images-bigs-and-double-middle__noimages is-bottom\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes2[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 ></div>\n </div>\n <div class=\"column\">\n <div\n class=\"wb-images-bigs-and-double-middle__container mask\"\n [ngClass]=\"{\n 'mask--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'mask--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'mask--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div\n class=\"wb-images-bigs-and-double-middle__container__images\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\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_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 ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-images-bigs-and-double-middle__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes1[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 ></div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}]}},"ɵdw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-images-bigs-and-double-middle"},"ɵprov":{}}},"ɵdx":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵdy"},"member":"selector"}},"template":"<div class=\"wb-text-backgrounds-link\" [ngClass]=\"{ 'is-active': hasTooltipFocusedLeftBottom || hasTooltipFocusedImg }\">\n <div\n class=\"wb-text-backgrounds-link__container\"\n [ngClass]=\"{ 'wb-text-backgrounds-link__container--autoHeight': contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND] }\"\n >\n <div class=\"wb-text-backgrounds-link__container__background\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND]\">\n <div>\n <div\n [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND][FORM_NAME_IMAGE_URL] + ')'\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND]\"\n class=\"wb-text-backgrounds-link__container__images__item\"\n ></div>\n </div>\n </div>\n <div\n class=\"wb-text-backgrounds-link__container__config\"\n *ngFor=\"let content of contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND_LINK]; let i = index\"\n >\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isActive]=\"triggerConfig[i]\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"content[FORM_NAME_TITLE]\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <div class=\"columns\">\n <div class=\"column\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.10' | translate\"\n [(ngModel)]=\"content[FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"content[FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <div class=\"triggerClose\" (click)=\"closeConfig(i)\" *ngIf=\"triggerConfig[i]\"></div>\n </div>\n <div\n class=\"wb-text-backgrounds-link__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n (click)=\"getMediaFor('', 'add')\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND]\"\n >\n <p>\n <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n </p>\n </div>\n <div class=\"wb-text-backgrounds-link__container__columns\">\n <div\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND]\"\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND][FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage('', $event)\"\n (click)=\"getMediaFor('')\"\n class=\"wb-text-backgrounds-link__container__columns__absolute\"\n ></div>\n <div class=\"columns\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND]\">\n <div class=\"column\">\n <div class=\"wb-text-backgrounds-link__container__images\">\n <div class=\"wb-text-backgrounds-link__container__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\n <div class=\"has-transparent-background\">\n <wb-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>\n <div class=\"wb-text-backgrounds-link__container__flex\">\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND][FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage('', $event)\"\n (click)=\"getMediaFor('')\"\n class=\"wb-text-backgrounds-link__container__flex__absolute\"\n ></div>\n <div\n *ngFor=\"let content of contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND_LINK]; let i = index\"\n class=\"wb-text-backgrounds-link__container__images__item\"\n >\n <div class=\"wb-text-backgrounds-link__container__flex__config\" (click)=\"openConfig(i)\">\n <div\n class=\"wb-structure-config__tools is-tooltip-info tooltip is-tooltip-right\"\n [nwbToolTip]=\"'wb.structureconfig.tooltip.1' | translate\"\n nwbToolTipPosition=\"right\"\n >\n <i class=\"fas fa-sliders-hs\"></i>\n </div>\n </div>\n <div\n class=\"wb-text-backgrounds-link__container__flex__background\"\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"content[FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage(i, $event)\"\n [style.background-image]=\"'url(' + content[FORM_NAME_IMAGE_URL] + ')'\"\n (click)=\"getMediaFor(i)\"\n ></div>\n <div class=\"wb-text-backgrounds-link__container__flex__text\" *ngIf=\"content\">\n <div>\n <wb-editorjs\n [(content)]=\"content[FORM_NAME_CONTENT]\"\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>\n </div>\n <div\n class=\"wb-additionnal-tools wb-slider-fullpage__container__slider\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND]\"\n cdkDropList\n cdkDropListOrientation=\"horizontal\"\n (cdkDropListDropped)=\"onDrop($event)\"\n >\n <a\n class=\"wb-slider-fullpage__container__slider-selector\"\n *ngFor=\"let content of contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_BACKGROUND_LINK]; let i = index\"\n cdkDrag\n ><span></span>\n <span\n >{{ 'wb.structures.template.59' | translate: { nb: i + 1 } }}<i class=\"fal fa-times\" (click)=\"removeThisSlide(i)\"></i>\n </span>\n </a>\n <a class=\"wb-slider-fullpage__container__slider-add\" (click)=\"getMediaFor(currentNumber, 'add')\" *ngIf=\"currentNumber < 6\">\n {{ 'wb.structures.template.42' | translate }}<span class=\"absolute\">{{ 'wb.structures.template.43' | translate }}</span>\n </a>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}],"replaceSliderWithMedia":[{"__symbolic":"method"}],"replaceBgWithMedia":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"removeThisSlide":[{"__symbolic":"method"}],"onDrop":[{"__symbolic":"method"}],"openConfig":[{"__symbolic":"method"}],"closeConfig":[{"__symbolic":"method"}],"checkQuillToolTip":[{"__symbolic":"method"}]}},"ɵdy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-images-texts-link"},"ɵprov":{}}},"ɵdz":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵea"},"member":"selector"}},"template":"<div class=\"wb-text-backgrounds-simple\" [ngClass]=\"{ 'is-active': hasTooltipFocusedLeftTop || hasTooltipFocusedLeftBottom }\">\n <div\n class=\"wb-text-backgrounds-simple__container\"\n [ngClass]=\"{\n 'wb-text-backgrounds-simple__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-text-backgrounds-simple__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-text-backgrounds-simple__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-text-backgrounds-simple__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT].image\">\n <div>\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][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_BUTTON][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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 ></div>\n </div>\n </div>\n <div class=\"wb-text-backgrounds-simple__container__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div>\n <div class=\"has-transparent-background\">\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 class=\"has-transparent-background\">\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=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-text-backgrounds-simple__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n (click)=\"getMedia()\"\n ></div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"updateThisImage":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵea":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-text-backgrounds-simple"},"ɵprov":{}}},"ɵeb":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵec"},"member":"selector"}},"template":"<div class=\"wb-text-backgrounds-with-txt\" [ngClass]=\"{ 'is-active': hasTooltipFocusedLeftTop || hasTooltipFocusedLeftBottom }\">\n <div\n class=\"wb-text-backgrounds-with-txt__container\"\n [ngClass]=\"{\n 'wb-text-backgrounds-with-txt__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-text-backgrounds-with-txt__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-text-backgrounds-with-txt__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-text-backgrounds-with-txt__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div>\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][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_BUTTON][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE].image_url\"\n (onUpdate)=\"updateThisImage(FORM_NAME_IMAGE, $event)\"\n [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE].image_url + ')'\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n (click)=\"getMedia()\"\n ></div>\n </div>\n </div>\n <div class=\"wb-text-backgrounds-with-txt__container__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\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 <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-text-backgrounds-with-txt__noimages\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n (click)=\"getMedia()\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n ></div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}]}},"ɵec":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":17,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-text-backgrounds-with-txt"},"ɵprov":{}}},"ɵed":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵee"},"member":"selector"}},"template":"<div class=\"wb-images-texts-big-left-text-right\">\n <div class=\"wb-images-texts-big-left-text-right__config\">\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]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.13' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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.14' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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][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 [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][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_BUTTON][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 <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div\n class=\"wb-images-texts-big-left-text-right__container\"\n [ngClass]=\"{\n 'wb-images-texts-big-left-text-right__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-texts-big-left-text-right__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-texts-big-left-text-right__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-images-texts-big-left-text-right__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\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 ></div>\n </div>\n </div>\n <div\n class=\"wb-images-texts-big-left-text-right__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n (click)=\"getMedia()\"\n ></div>\n </div>\n </div>\n <div class=\"column is-4\">\n <div\n class=\"wb-images-texts-big-left-text-right__container__text\"\n [ngClass]=\"{ 'text-align-center': contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_CENTER] }\"\n >\n <div>\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 <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵee":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-images-texts-big-left-text-right"},"ɵprov":{}}},"ɵef":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵeg"},"member":"selector"}},"template":"<div class=\"wb-images-texts-big-right-text-left\">\n <div class=\"wb-images-texts-big-right-text-left__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]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.13' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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.14' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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][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 [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][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_BUTTON][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 <div class=\"columns is-gapless\">\n <div class=\"column is-4\">\n <div\n class=\"wb-images-texts-big-right-text-left__container__text\"\n [ngClass]=\"{ 'text-align-center': contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_CENTER] }\"\n >\n <div>\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 <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div\n class=\"wb-images-texts-big-right-text-left__container\"\n [ngClass]=\"{\n 'wb-images-texts-big-right-text-left__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-texts-big-right-text-left__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-texts-big-right-text-left__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-images-texts-big-right-text-left__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\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 ></div>\n </div>\n </div>\n <div\n class=\"wb-images-texts-big-right-text-left__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n (click)=\"getMedia()\"\n ></div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵeg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-images-texts-big-right-text-left"},"ɵprov":{}}},"ɵeh":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵei"},"member":"selector"}},"template":"<div class=\"wb-images-texts-left-text-right\">\n <div class=\"wb-images-texts-left-text-right__config\">\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]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.13' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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.14' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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][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 [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][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_BUTTON][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 <div class=\"columns is-gapless\">\n <div class=\"column is-6\">\n <div\n class=\"wb-images-texts-left-text-right__container\"\n [ngClass]=\"{\n 'wb-images-texts-left-text-right__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-texts-left-text-right__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-texts-left-text-right__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-images-texts-left-text-right__container__images\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\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 ></div>\n </div>\n </div>\n <div\n class=\"wb-images-texts-left-text-right__noimages\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n (click)=\"getMedia()\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n ></div>\n </div>\n </div>\n <div class=\"column is-6\">\n <div\n class=\"wb-images-texts-left-text-right__container__text\"\n [ngClass]=\"{ 'text-align-center': contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_CENTER] }\"\n >\n <div>\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 <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵei":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-images-texts-left-text-right"},"ɵprov":{}}},"ɵej":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵek"},"member":"selector"}},"template":"<div class=\"wb-images-texts-left-text-right\">\n <div class=\"wb-images-texts-left-text-right__config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][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_BUTTON][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]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.13' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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.14' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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][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 <div class=\"columns is-gapless\">\n <div class=\"column is-6\">\n <div\n class=\"wb-images-texts-left-text-right__container__text\"\n [ngClass]=\"{ 'text-align-center': contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_CENTER] }\"\n >\n <div>\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 <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column is-6\">\n <div\n class=\"wb-images-texts-left-text-right__container\"\n [ngClass]=\"{\n 'wb-images-texts-left-text-right__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-texts-left-text-right__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-texts-left-text-right__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-images-texts-left-text-right__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\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 ></div>\n </div>\n </div>\n <div\n class=\"wb-images-texts-left-text-right__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n (click)=\"getMedia()\"\n ></div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵek":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-images-texts-right-text-left"},"ɵprov":{}}},"ɵel":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵem"},"member":"selector"}},"template":"<div class=\"wb-images-texts-one-text-one\">\n <div class=\"wb-images-texts-one-text-one__config\">\n <wb-structure-config\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n [isFullwidth]=\"true\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.13' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_TITLE]\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <div class=\"columns\">\n <div class=\"column\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.14' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config\n class=\"wb-images-texts-one-text-one__middle\"\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n [isFullwidth]=\"true\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\"\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.14' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_URL]\"\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_BUTTON][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.13' | 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.14' | 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 <div class=\"columns is-gapless\">\n <div class=\"column is-4\">\n <div\n class=\"wb-images-texts-one-text-one__container\"\n [ngClass]=\"{\n 'wb-images-texts-one-text-one__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-texts-one-text-one__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-texts-one-text-one__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-images-texts-one-text-one__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL]\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL] + ')'\n \"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n ></div>\n </div>\n </div>\n <div\n class=\"wb-images-texts-one-text-one__noimages\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n ></div>\n </div>\n </div>\n <div class=\"column is-4\">\n <div\n class=\"wb-images-texts-one-text-one__container__text\"\n [ngClass]=\"{ 'text-align-center': contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_CENTER] }\"\n >\n <div>\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 <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column is-4\">\n <div\n class=\"wb-images-texts-one-text-one__container\"\n [ngClass]=\"{\n 'wb-images-texts-one-text-one__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-texts-one-text-one__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-texts-one-text-one__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-images-texts-one-text-one__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL]\"\n [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 ></div>\n </div>\n </div>\n <div\n class=\"wb-images-texts-one-text-one__noimages\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_RIGHT)\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n ></div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}]}},"ɵem":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-images-texts-one-text-one"},"ɵprov":{}}},"ɵen":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵeo"},"member":"selector"}},"template":"<div class=\"wb-images-texts-small-left-text-right\">\n <div class=\"wb-images-texts-small-left-text-right__config\">\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]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.13' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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.14' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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][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 [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <wb-structure-config-input\n [label]=\"'wb.structures.template.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][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 <div class=\"columns is-gapless\">\n <div class=\"column is-4\">\n <div\n class=\"wb-images-texts-small-left-text-right__container\"\n [ngClass]=\"{\n 'wb-images-texts-small-left-text-right__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-texts-small-left-text-right__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-texts-small-left-text-right__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-images-texts-small-left-text-right__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\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 ></div>\n </div>\n </div>\n <div\n class=\"wb-images-texts-small-left-text-right__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n (click)=\"getMedia()\"\n ></div>\n </div>\n </div>\n <div class=\"column\">\n <div\n class=\"wb-images-texts-small-left-text-right__container__text\"\n [ngClass]=\"{ 'text-align-center': contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_CENTER] }\"\n >\n <div>\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 <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵeo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-images-texts-small-left-text-right"},"ɵprov":{}}},"ɵep":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵeq"},"member":"selector"}},"template":"<div class=\"wb-images-texts-small-right-text-left\">\n <div class=\"wb-images-texts-small-right-text-left__config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][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_BUTTON][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]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.13' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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.14' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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][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 <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div\n class=\"wb-images-texts-small-right-text-left__container__text\"\n [ngClass]=\"{ 'text-align-center': contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_CENTER] }\"\n >\n <div>\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 <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column is-4\">\n <div\n class=\"wb-images-texts-small-right-text-left__container\"\n [ngClass]=\"{\n 'wb-images-texts-small-right-text-left__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-texts-small-right-text-left__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-texts-small-right-text-left__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-images-texts-small-right-text-left__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\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 ></div>\n </div>\n </div>\n <div\n class=\"wb-images-texts-small-right-text-left__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n (click)=\"getMedia()\"\n ></div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵeq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-images-texts-small-right-text-left"},"ɵprov":{}}},"ɵer":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵes"},"member":"selector"}},"template":"<div class=\"wb-images-texts-text-one-text\">\n <div class=\"wb-images-texts-text-one-text__config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT].button_left[FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT].button_left[FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT].button_left[FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config\n class=\"wb-images-texts-text-one-text__middle\"\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n [isFullwidth]=\"true\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.13' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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.14' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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][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 [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT].button_right[FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT].button_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].button_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 <div class=\"columns is-gapless\">\n <div class=\"column is-4\">\n <div\n class=\"wb-images-texts-text-one-text__container__text\"\n [ngClass]=\"{ 'text-align-center': contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_CENTER] }\"\n >\n <div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT].title_left\"\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].content_left\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT].button_left[FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT].button_left[FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column is-4\">\n <div\n class=\"wb-images-texts-text-one-text__container\"\n [ngClass]=\"{\n 'wb-images-texts-text-one-text__container--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-texts-text-one-text__container--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-texts-text-one-text__container--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-images-texts-text-one-text__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\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 ></div>\n </div>\n </div>\n <div\n class=\"wb-images-texts-text-one-text__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n (click)=\"getMedia()\"\n ></div>\n </div>\n </div>\n <div class=\"column is-4\">\n <div\n class=\"wb-images-texts-text-one-text__container__text\"\n [ngClass]=\"{ 'text-align-center': contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_CENTER] }\"\n >\n <div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT].title_right\"\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].content_right\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT].button_right[FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT].button_right[FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵes":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-images-texts-text-one-text"},"ɵprov":{}}},"ɵet":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵeu"},"member":"selector"}},"template":"<div class=\"wb-texts-one-background\" [ngClass]=\"{ 'is-active': hasTooltipFocusedLeftTop || hasTooltipFocusedLeftBottom }\">\n <div class=\"wb-texts-one-background__container\">\n <div class=\"wb-texts-one-background__container__tools\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][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_BUTTON][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\n <div\n class=\"wb-texts-one-background__container__text\"\n [ngClass]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_PADDING]\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"\n >\n <div>\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 <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵeu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-texts-one-background"},"ɵprov":{}}},"ɵev":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵew"},"member":"selector"}},"template":"<div\n class=\"wb-texts-double-background\"\n [ngClass]=\"{\n 'is-active': hasTooltipFocusedLeftTop || hasTooltipFocusedLeftBottom || hasTooltipFocusedRightTop || hasTooltipFocusedRightBottom,\n 'align-button':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_ALIGN_BUTTON] &&\n (contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT])\n }\"\n>\n <div class=\"wb-texts-double-background__config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_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_BUTTON_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 <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div class=\"wb-texts-double-background__container\">\n <div\n class=\"wb-texts-double-background__container__text\"\n [ngClass]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_PADDING]\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR_LEFT]\"\n >\n <div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_LEFT]\"\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_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\" [ngClass]=\"{ 'is-active': hasTooltipFocusedRightTop || hasTooltipFocusedRightBottom }\">\n <div class=\"wb-texts-double-background__container\">\n <div\n class=\"wb-texts-double-background__container__text\"\n [ngClass]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_PADDING]\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR_RIGHT]\"\n >\n <div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_RIGHT]\"\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_RIGHT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵew":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-texts-double-background"},"ɵprov":{}}},"ɵex":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵey"},"member":"selector"}},"template":"<div\n class=\"wb-texts-triple-background\"\n [ngClass]=\"{\n 'is-active':\n hasTooltipFocusedLeftTop ||\n hasTooltipFocusedLeftBottom ||\n hasTooltipFocusedMiddleLeftTop ||\n hasTooltipFocusedMiddleLeftBottom ||\n hasTooltipFocusedRightTop ||\n hasTooltipFocusedRightBottom,\n 'align-button':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_ALIGN_BUTTON] &&\n (contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_TEXT] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT])\n }\"\n>\n <div class=\"wb-texts-triple-background__config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config\n class=\"wb-texts-triple-background__middle\"\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n [isFullwidth]=\"true\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_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_BUTTON_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 <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div class=\"wb-texts-triple-background__container\">\n <div\n class=\"wb-texts-triple-background__container__text\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR_LEFT]\"\n >\n <div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_LEFT]\"\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_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-texts-triple-background__container\">\n <div\n class=\"wb-texts-triple-background__container__text\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR_MIDDLE_LEFT]\"\n >\n <div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_MIDDLE_LEFT]\"\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_MIDDLE_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-texts-triple-background__container\">\n <div\n class=\"wb-texts-triple-background__container__text\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR_RIGHT]\"\n >\n <div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_RIGHT]\"\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_RIGHT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵey":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-texts-triple-background"},"ɵprov":{}}},"ɵez":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵfa"},"member":"selector"}},"template":"<div\n class=\"wb-texts-quadruple\"\n [ngClass]=\"{\n 'is-active':\n hasTooltipFocusedLeftTop ||\n hasTooltipFocusedLeftBottom ||\n hasTooltipFocusedMiddleLeftTop ||\n hasTooltipFocusedMiddleLeftBottom ||\n hasTooltipFocusedMiddleRightTop ||\n hasTooltipFocusedMiddleRightBottom ||\n hasTooltipFocusedRightTop ||\n hasTooltipFocusedRightBottom,\n 'align-button':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_ALIGN_BUTTON] &&\n (contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_TEXT] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_RIGHT][FORM_NAME_TEXT])\n }\"\n>\n <div class=\"wb-texts-quadruple__config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config\n class=\"wb-texts-quadruple__middle-left\"\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n [isFullwidth]=\"true\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config\n class=\"wb-texts-quadruple__middle-right\"\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n [isFullwidth]=\"true\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_RIGHT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_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_BUTTON_MIDDLE_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 <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_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_BUTTON_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 <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div class=\"wb-texts-quadruple__container\">\n <div class=\"wb-texts-quadruple__container__text\">\n <div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.title' | translate\"\n >\n </wb-editorjs>\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 class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-texts-quadruple__container\">\n <div class=\"wb-texts-quadruple__container__text\">\n <div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_MIDDLE_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.title' | translate\"\n >\n </wb-editorjs>\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 class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-texts-quadruple__container\">\n <div class=\"wb-texts-quadruple__container__text\">\n <div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_MIDDLE_RIGHT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.title' | translate\"\n >\n </wb-editorjs>\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 class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_RIGHT][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_RIGHT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-texts-quadruple__container\">\n <div class=\"wb-texts-quadruple__container__text\">\n <div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_RIGHT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.title' | translate\"\n >\n </wb-editorjs>\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 class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵfa":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-texts-quadruple"},"ɵprov":{}}},"ɵfb":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵfc"},"member":"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 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"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵfc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":14,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-texts-quadruple-numbers"},"ɵprov":{}}},"ɵfd":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵfe"},"member":"selector"}},"template":"<div class=\"wb-forms-simple\">\n <div *ngIf=\"selectedDetailForm.length === 0\">\n <div *ngIf=\"forms.length === 0\" class=\"wb-forms-simple__loader\">\n <wb-loader></wb-loader>\n </div>\n <div class=\"wb-forms-simple__selector\" *ngIf=\"forms.length > 0\">\n <wb-structure-select\n [selectedValue]=\"selectedValue\"\n [forms]=\"forms\"\n (changed)=\"selectedValue = $event; selectThisForm()\"\n ></wb-structure-select>\n </div>\n </div>\n <div *ngIf=\"selectedDetailForm.length > 0\" class=\"wb-forms-simple__container\">\n <div class=\"wb-forms-simple__container__editor\">\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 </div>\n <div class=\"wb-forms-simple__container__content\">\n <div *ngFor=\"let select of selectedDetailForm\">\n <div class=\"form-{{ select.type }}\">\n <p [innerHTML]=\"select.title\"></p>\n <p>{{ select.type | answerPipe | translate }}</p>\n </div>\n </div>\n <div>\n <wb-structure-select\n [selectedValue]=\"selectedValue\"\n [forms]=\"forms\"\n (changed)=\"selectedValue = $event; selectThisForm()\"\n ></wb-structure-select>\n    \n <button>{{ selectedValue.submit_label }}</button>\n </div>\n </div>\n </div>\n <div class=\"wb-forms-simple__noForms\" *ngIf=\"noForms\">\n <p>{{ 'Wiziblocks.noForms' | translate }}</p>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"}]}],"ngOnInit":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}]}},"ɵfe":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-forms-simple"},"ɵprov":{}}},"ɵff":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵfg"},"member":"selector"}},"template":"<div\n class=\"wb-texts-quadruple-background\"\n [ngClass]=\"{\n 'is-active':\n hasTooltipFocusedLeftTop ||\n hasTooltipFocusedLeftBottom ||\n hasTooltipFocusedMiddleLeftTop ||\n hasTooltipFocusedMiddleLeftBottom ||\n hasTooltipFocusedMiddleRightTop ||\n hasTooltipFocusedMiddleRightBottom ||\n hasTooltipFocusedRightTop ||\n hasTooltipFocusedRightBottom,\n 'align-button':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_ALIGN_BUTTON] &&\n (contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_TEXT] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_RIGHT][FORM_NAME_TEXT])\n }\"\n>\n <div class=\"wb-texts-quadruple-background__config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config\n class=\"wb-texts-quadruple-background__middle-left\"\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n [isFullwidth]=\"true\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config\n class=\"wb-texts-quadruple-background__middle-right\"\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n [isFullwidth]=\"true\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_RIGHT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_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_BUTTON_MIDDLE_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\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_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_BUTTON_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 <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div class=\"wb-texts-quadruple-background__container\">\n <div\n class=\"wb-texts-quadruple-background__container__text\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR_LEFT]\"\n >\n <div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_LEFT]\"\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_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-texts-quadruple-background__container\">\n <div\n class=\"wb-texts-quadruple-background__container__text\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR_MIDDLE_LEFT]\"\n >\n <div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_MIDDLE_LEFT]\"\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_MIDDLE_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-texts-quadruple-background__container\">\n <div\n class=\"wb-texts-quadruple-background__container__text\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR_MIDDLE_RIGHT]\"\n >\n <div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_MIDDLE_RIGHT]\"\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_MIDDLE_RIGHT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_RIGHT][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_RIGHT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-texts-quadruple-background__container\">\n <div\n class=\"wb-texts-quadruple-background__container__text\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR_RIGHT]\"\n >\n <div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_RIGHT]\"\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_RIGHT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵfg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-texts-quadruple-background"},"ɵprov":{}}},"ɵfh":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵfi"},"member":"selector"}},"template":"<div\n class=\"wb-texts-triple\"\n [ngClass]=\"{\n 'is-active':\n hasTooltipFocusedLeftTop ||\n hasTooltipFocusedLeftBottom ||\n hasTooltipFocusedMiddleLeftTop ||\n hasTooltipFocusedMiddleLeftBottom ||\n hasTooltipFocusedRightTop ||\n hasTooltipFocusedRightBottom,\n 'align-button':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_ALIGN_BUTTON] &&\n (contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_TEXT] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT])\n }\"\n>\n <div class=\"wb-texts-triple__config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config\n class=\"wb-texts-triple__middle\"\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n [isFullwidth]=\"true\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_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_BUTTON_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 <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div class=\"wb-texts-triple__container\">\n <div class=\"wb-texts-triple__container__text\">\n <div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_LEFT]\"\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_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-texts-triple__container\">\n <div class=\"wb-texts-triple__container__text\">\n <div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_MIDDLE_LEFT]\"\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_MIDDLE_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_MIDDLE_LEFT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-texts-triple__container\">\n <div class=\"wb-texts-triple__container__text\">\n <div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_RIGHT]\"\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_RIGHT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵfi":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-texts-triple"},"ɵprov":{}}},"ɵfj":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵfk"},"member":"selector"}},"template":"<div class=\"wb-texts-one\" [ngClass]=\"{ 'is-active': hasTooltipFocusedLeftTop || hasTooltipFocusedLeftBottom }\">\n <div class=\"wb-texts-one__tools\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][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_BUTTON][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 <div class=\"wb-texts-one__container\">\n <div class=\"wb-texts-one__container__text\">\n <div>\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 <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵfk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-texts-one"},"ɵprov":{}}},"ɵfl":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵfm"},"member":"selector"}},"template":"<div\n class=\"wb-texts-double\"\n [ngClass]=\"{\n 'is-active': hasTooltipFocusedLeftTop || hasTooltipFocusedLeftBottom || hasTooltipFocusedRightTop || hasTooltipFocusedRightBottom,\n 'align-button':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_ALIGN_BUTTON] &&\n (contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT])\n }\"\n>\n <div class=\"wb-texts-double__config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_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_BUTTON_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 <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div class=\"wb-texts-double__container\">\n <div class=\"wb-texts-double__container__text\">\n <div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_LEFT]\"\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_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_LEFT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-texts-double__container\">\n <div class=\"wb-texts-double__container__text\">\n <div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_RIGHT]\"\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_RIGHT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"is-button\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT]\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_RIGHT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵfm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-texts-double"},"ɵprov":{}}},"ɵfn":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵfo"},"member":"selector"}},"template":"<div class=\"wb-forms-background\">\n <div class=\"wb-forms-background__form__container\" *ngIf=\"contents[BASE_BLOCK_CONTENT].image && !noForms\">\n <div *ngIf=\"selectedDetailForm.length === 0\">\n <div *ngIf=\"forms.length === 0\" class=\"wb-forms-background__loader\">\n <wb-loader></wb-loader>\n </div>\n <div class=\"wb-forms-background__selector\" *ngIf=\"forms.length > 0\">\n <wb-structure-select\n [selectedValue]=\"selectedValue\"\n [forms]=\"forms\"\n (changed)=\"selectedValue = $event; selectThisForm()\"\n ></wb-structure-select>\n </div>\n </div>\n <div *ngIf=\"selectedDetailForm.length > 0\" class=\"wb-forms-background__container\">\n <div class=\"wb-forms-background__container__editor\">\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 </div>\n <div class=\"wb-forms-background__container__content\">\n <div *ngFor=\"let select of selectedDetailForm\">\n <div class=\"form-{{ select.type }}\">\n <p [innerHTML]=\"select.title\"></p>\n <p>{{ select.type | answerPipe | translate }}</p>\n </div>\n </div>\n <div>\n <wb-structure-select\n [selectedValue]=\"selectedValue\"\n [forms]=\"forms\"\n (changed)=\"selectedValue = $event; selectThisForm()\"\n ></wb-structure-select>\n    \n <button>{{ selectedValue.submit_label }}</button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"wb-forms-background__form__image\" *ngIf=\"!noForms\">\n <div class=\"wb-forms-background__form__image__container\">\n <div class=\"wb-forms-background__form__image__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div>\n <div\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 ></div>\n </div>\n </div>\n </div>\n <div class=\"wb-forms-background__form__image__noimages\" *ngIf=\"!contents[BASE_BLOCK_CONTENT][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>\n <div class=\"wb-forms-background__noForms\" *ngIf=\"noForms\">\n <p>{{ 'Wiziblocks.noForms' | translate }}</p>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"}]}],"ngOnInit":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}]}},"ɵfo":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-forms-background"},"ɵprov":{}}},"ɵfp":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵfq"},"member":"selector"}},"template":"<div class=\"wb-videos-txt-left\">\n <div class=\"wb-videos-txt-left__fakeframe\" *ngIf=\"urlVideo !== ''\">\n <p><i class=\"fal fa-video\"></i></p>\n </div>\n <div class=\"columns is-gapless\">\n <div class=\"column is-5\" *ngIf=\"urlVideo !== ''\" [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n <div class=\"wb-videos-txt-left__text\" [ngClass]=\"{ 'is-cropped': !contents[BASE_BLOCK_CONTENT].control }\">\n <div>\n <div class=\"has-transparent-background\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT].title\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"has-transparent-background\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT].content\"\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 class=\"column is-7\" [ngClass]=\"{ 'is-12': urlVideo === '' }\">\n <div class=\"wb-videos-txt-left__noframe\" *ngIf=\"urlVideo === ''\">\n <p>{{ 'wb.structures.template.17' | translate }}</p>\n <input type=\"url\" [(ngModel)]=\"videoUrlFilled\" (keyup)=\"changeVideoUrl()\" />\n </div>\n <div\n class=\"wb-videos-txt-left__frame\"\n [ngClass]=\"{ 'is-cropped': !contents[BASE_BLOCK_CONTENT].control }\"\n *ngIf=\"urlVideo !== ''\"\n >\n <div class=\"top\">\n <div class=\"wrapper\">\n <iframe\n *ngIf=\"urlVideo\"\n width=\"100%\"\n height=\"500\"\n [src]=\"urlVideo | safeUrl\"\n frameborder=\"0\"\n allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\"\n allowfullscreen\n ></iframe>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵcx"},{"__symbolic":"reference","name":"ɵcy"}]}],"ngOnInit":[{"__symbolic":"method"}],"changeVideoUrl":[{"__symbolic":"method"}],"changeYoutubeCode":[{"__symbolic":"method"}],"changeVimeoCode":[{"__symbolic":"method"}]}},"ɵfq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":18,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-videos-txt-left"},"ɵprov":{}}},"ɵfr":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵfs"},"member":"selector"}},"template":"<div class=\"wb-forms-imageleft\">\n <div class=\"columns is-gapless\" *ngIf=\"!noForms\">\n <div class=\"column\">\n <div class=\"wb-forms-imageleft__form__image\">\n <div class=\"wb-forms-imageleft__form__image__container\">\n <div class=\"wb-forms-imageleft__form__image__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div>\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_TITLE]\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <wb-structure-config-input\n [label]=\"'wb.structures.template.10' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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 [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 ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-forms-imageleft__form__image__noimages\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n (click)=\"getMedia()\"\n >\n <p>\n <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n </p>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-forms-imageleft__form__container\">\n <div *ngIf=\"selectedDetailForm.length === 0\">\n <div *ngIf=\"forms.length === 0\" class=\"wb-forms-imageleft__loader\">\n <wb-loader></wb-loader>\n </div>\n <div class=\"wb-forms-imageleft__selector\" *ngIf=\"forms.length > 0\">\n <wb-structure-select\n [selectedValue]=\"selectedValue\"\n [forms]=\"forms\"\n (changed)=\"selectedValue = $event; selectThisForm()\"\n ></wb-structure-select>\n </div>\n </div>\n <div *ngIf=\"selectedDetailForm.length > 0\" class=\"wb-forms-imageleft__container\">\n <div class=\"wb-forms-imageleft__container__editor\">\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 </div>\n <div class=\"wb-forms-imageleft__container__content\">\n <div *ngFor=\"let select of selectedDetailForm\">\n <div class=\"form-{{ select.type }}\">\n <p [innerHTML]=\"select.title\"></p>\n <p>{{ select.type | answerPipe | translate }}</p>\n </div>\n </div>\n <div>\n <wb-structure-select\n [selectedValue]=\"selectedValue\"\n [forms]=\"forms\"\n (changed)=\"selectedValue = $event; selectThisForm()\"\n ></wb-structure-select>\n    \n <button>{{ selectedValue.submit_label }}</button>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"wb-forms-imageleft__noForms\" *ngIf=\"noForms\">\n <p>{{ 'Wiziblocks.noForms' | translate }}</p>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"}]}],"ngOnInit":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}]}},"ɵfs":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-forms-imageleft"},"ɵprov":{}}},"ɵft":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":10,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵfu"},"member":"selector"}},"template":"<div class=\"wb-forms-imageright\">\n <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div class=\"wb-forms-imageright__form__container\">\n <div *ngIf=\"selectedDetailForm.length === 0\">\n <div *ngIf=\"forms.length === 0\" class=\"wb-forms-imageright__loader\">\n <wb-loader></wb-loader>\n </div>\n <div class=\"wb-forms-imageright__selector\" *ngIf=\"forms.length > 0\">\n <wb-structure-select\n [selectedValue]=\"selectedValue\"\n [forms]=\"forms\"\n (changed)=\"selectedValue = $event; selectThisForm()\"\n ></wb-structure-select>\n </div>\n </div>\n <div *ngIf=\"selectedDetailForm.length > 0\" class=\"wb-forms-imageright__container\">\n <div class=\"wb-forms-imageright__container__editor\">\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 </div>\n <div class=\"wb-forms-imageright__container__content\">\n <div *ngFor=\"let select of selectedDetailForm\">\n <div class=\"form-{{ select.type }}\">\n <p [innerHTML]=\"select.title\"></p>\n <p>{{ select.type | answerPipe | translate }}</p>\n </div>\n </div>\n <div>\n <wb-structure-select\n [selectedValue]=\"selectedValue\"\n [forms]=\"forms\"\n (changed)=\"selectedValue = $event; selectThisForm()\"\n ></wb-structure-select>\n    \n <button>{{ selectedValue.submit_label }}</button>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-forms-imageright__form__image\">\n <div class=\"wb-forms-imageright__form__image__container\">\n <div class=\"wb-forms-imageright__form__image__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT].image\">\n <div>\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][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)]=\"contents[BASE_BLOCK_CONTENT][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)]=\"contents[BASE_BLOCK_CONTENT][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 [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT].image\"\n (click)=\"getMedia()\"\n ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-forms-imageright__form__image__noimages\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n (click)=\"getMedia()\"\n >\n <p>\n <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n </p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"wb-forms-imageright__noForms\" *ngIf=\"noForms\">\n <p>{{ 'Wiziblocks.noForms' | translate }}</p>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"}]}],"ngOnInit":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}]}},"ɵfu":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-forms-imageright"},"ɵprov":{}}},"ɵfv":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵfw"},"member":"selector"}},"template":"<div class=\"wb-forms-onboarding\">\n <div\n class=\"wb-forms-onboarding__wrapper\"\n [style.backgroundColor]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BACKGROUND_COLOR]\"\n [style.padding]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_PADDING] + 'px'\"\n >\n <div class=\"wb-forms-onboarding__wrapper__title\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.title' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"wb-forms-onboarding__wrapper__flex\">\n <div class=\"wb-forms-onboarding__wrapper__flex__fieldset\" [ngClass]=\"{ focus: focusInput }\">\n <input\n (focus)=\"focusInput = true\"\n (focusout)=\"focusInput = false\"\n type=\"text\"\n [placeholder]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_PLACEHOLDER]\"\n />\n </div>\n <div class=\"wb-forms-onboarding__wrapper__flex__button\">\n <button [innerText]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_TEXT]\"></button>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵfw":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":18,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-forms-onboarding"},"ɵprov":{}}},"ɵfx":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵfy"},"member":"selector"}},"template":"<div class=\"wb-socials-like\">\n <div *ngIf=\"facebookAppId && fbInit\" class=\"wb-socials-like__image\">\n <img [src]=\"':lang/SocialNetw_Facebook-LikeBtn.png' | imgPath\" />\n </div>\n <div class=\"wb-socials-like__config\" *ngIf=\"!facebookAppId || !fbInit\">\n <p>{{ 'wb.structures.template.32' | translate }}</p>\n <input type=\"text\" [(ngModel)]=\"facebookAppId\" (change)=\"fbInit = true; changePageUrl()\" />\n <a [href]=\"'wb.socialnetwork.help.link' | translate\" target=\"_blank\">{{ 'wb.structures.template.33' | translate }}</a>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"changePageUrl":[{"__symbolic":"method"}]}},"ɵfy":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-socials-like"},"ɵprov":{}}},"ɵfz":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵga"},"member":"selector"}},"template":"<div class=\"wb-socials-page-simple\">\n <div *ngIf=\"facebookAppId && fbInit\" class=\"wb-socials-page-simple__container\">\n <img [src]=\"':lang/SocialNetw_Facebook-HeaderMini.png' | imgPath\" />\n </div>\n <div class=\"wb-socials-page-simple__config\" *ngIf=\"!facebookAppId || !fbInit\">\n <p>{{ 'wb.structures.template.32' | translate }}</p>\n <input type=\"text\" [(ngModel)]=\"facebookAppId\" (change)=\"fbInit = true; changePageUrl()\" />\n <a [href]=\"'wb.socialnetwork.help.link' | translate\" target=\"_blank\">{{ 'wb.structures.template.33' | translate }}</a>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"changePageUrl":[{"__symbolic":"method"}]}},"ɵga":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-socials-page-simple"},"ɵprov":{}}},"ɵgb":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵgc"},"member":"selector"}},"template":"<div class=\"wb-socials-page-complex\">\n <div *ngIf=\"facebookAppId && fbInit\" class=\"wb-socials-page-complex__container\">\n <img [src]=\"':lang/SocialNetw_Facebook-TimelineMessages.png' | imgPath\" />\n </div>\n <div class=\"wb-socials-page-complex__config\" *ngIf=\"!facebookAppId || !fbInit\">\n <p>{{ 'wb.structures.template.32' | translate }}</p>\n <input type=\"text\" [(ngModel)]=\"facebookAppId\" (change)=\"fbInit = true; changePageUrl()\" />\n <a [href]=\"'wb.socialnetwork.help.link' | translate\" target=\"_blank\">{{ 'wb.structures.template.33' | translate }}</a>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"changePageUrl":[{"__symbolic":"method"}]}},"ɵgc":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-socials-page-complex"},"ɵprov":{}}},"ɵgd":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵge"},"member":"selector"}},"template":"<div class=\"wb-socials-network\">\n <div *ngIf=\"showContent\" class=\"wb-socials-network__button\">\n <button class=\"wb-socials-network__button__facebook\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_FACEBOOK]\">\n <i class=\"fab fa-facebook-f\"></i> {{ 'wb.structures.template.34' | translate }}\n </button>\n <button class=\"wb-socials-network__button__twitter\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TWITTER]\">\n <i class=\"fab fa-twitter\"></i> {{ 'wb.structures.template.35' | translate }}\n </button>\n <button class=\"wb-socials-network__button__instagram\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_INSTAGRAM]\">\n <i class=\"fab fa-instagram\"></i> {{ 'wb.structures.template.36' | translate }}\n </button>\n <button class=\"wb-socials-network__button__pinterest\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_PINTEREST]\">\n <i class=\"fab fa-pinterest-p\"></i> {{ 'wb.structures.template.37' | translate }}\n </button>\n </div>\n <div class=\"wb-socials-network__config\" *ngIf=\"!showContent\">\n <p>{{ 'wb.structures.template.38' | translate }}</p>\n <input\n type=\"text\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_FACEBOOK]\"\n (change)=\"showContent = true; addUrl(FORM_NAME_FACEBOOK)\"\n />\n <p>{{ 'wb.structures.template.39' | translate }}</p>\n <input\n type=\"text\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TWITTER]\"\n (change)=\"showContent = true; addUrl(FORM_NAME_TWITTER)\"\n />\n <p>{{ 'wb.structures.template.40' | translate }}</p>\n <input\n type=\"text\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_INSTAGRAM]\"\n (change)=\"showContent = true; addUrl(FORM_NAME_INSTAGRAM)\"\n />\n <p>{{ 'wb.structures.template.41' | translate }}</p>\n <input\n type=\"text\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_PINTEREST]\"\n (change)=\"showContent = true; addUrl(FORM_NAME_PINTEREST)\"\n />\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"addUrl":[{"__symbolic":"method"}]}},"ɵge":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":14,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-socials-network"},"ɵprov":{}}},"ɵgf":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵgg"},"member":"selector"}},"template":"<div class=\"wb-products-list-classic\" [ngClass]=\"'nb-ligne-' + contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE]\">\n <div>\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.3' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE]\"\n (ngModelChange)=\"persist()\"\n [off]=\"false\"\n [on]=\"true\"\n ></wb-structure-config-checkbox>\n <div class=\"columns\">\n <div class=\"column is-8\">\n <wb-structure-search-product\n #structureSearchProduct\n [searchNumber]=\"20\"\n [label]=\"'wb.structures.template.25' | translate\"\n (newSearch)=\"changeProduct($event)\"\n [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n ></wb-structure-search-product>\n </div>\n <div class=\"column is-4\">\n <wb-structure-select\n [label]=\"'wb.structures.template.26' | translate\"\n [selectedValue]=\"selectedValue\"\n [forms]=\"form\"\n [large]=\"true\"\n [icon]=\"'fal fa-box-alt'\"\n (changed)=\"selectedValue = $event; selectThisForm()\"\n ></wb-structure-select>\n </div>\n </div>\n </wb-structure-config>\n </div>\n <div class=\"wb-products-list-classic__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE]\">\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 <wb-loader *ngIf=\"isLoading\" class=\"is-fullsize\"></wb-loader>\n <div\n class=\"wb-products-list-classic__list\"\n *ngIf=\"catalogSelection !== undefined && catalogSelection.products && catalogSelection.products.length\"\n >\n <div *ngFor=\"let product of catalogSelection.products | slice: 0:12; let index = index\">\n <div class=\"img-wrapper\" *ngIf=\"product.main_image\">\n <img *ngIf=\"product.main_image.file\" [src]=\"imageFrontUrl + product.main_image.file\" [alt]=\"product.name\" />\n </div>\n <p>{{ product.name }}</p>\n <p>{{ formatPrice[index] }}</p>\n </div>\n </div>\n <div class=\"wb-products-list-classic__nolist\" *ngIf=\"!catalogSelection.products || catalogSelection.products.length === 0\">\n <p>{{ 'wb.structures.template.6' | translate }}</p>\n </div>\n <div *ngIf=\"!catalogSelection && !isLoading\">\n <wb-structure-search-product [searchNumber]=\"4\" [label]=\"'wb.structures.template.27' | translate\"></wb-structure-search-product>\n </div>\n</div>\n"}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":5},"arguments":["structureSearchProduct"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":71,"character":33},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":72,"character":34},{"__symbolic":"reference","name":"ɵgh"}]}],"ngOnInit":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}],"changeProduct":[{"__symbolic":"method"}],"getSelection":[{"__symbolic":"method"}]}},"ɵgg":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-products-list-classic"},"ɵprov":{}}},"ɵgh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"}]}],"initializeCurrency":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵgi":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵgj"},"member":"selector"}},"template":"<div class=\"wb-products-list-simple\" [ngClass]=\"'nb-ligne-' + contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE]\">\n <div>\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.3' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE]\"\n (ngModelChange)=\"persist()\"\n [off]=\"false\"\n [on]=\"true\"\n ></wb-structure-config-checkbox>\n <div class=\"columns\">\n <div class=\"column is-8\">\n <wb-structure-search-product\n #structureSearchProduct\n [searchNumber]=\"9\"\n [label]=\"'wb.structures.template.25' | translate\"\n (newSearch)=\"changeProduct($event)\"\n [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n ></wb-structure-search-product>\n </div>\n <div class=\"column is-4\">\n <wb-structure-select\n [label]=\"'wb.structures.template.26' | translate\"\n [selectedValue]=\"selectedValue\"\n [forms]=\"form\"\n [large]=\"true\"\n [icon]=\"'fal fa-box-alt'\"\n (changed)=\"selectedValue = $event; selectThisForm()\"\n ></wb-structure-select>\n </div>\n </div>\n </wb-structure-config>\n </div>\n <div class=\"wb-products-list-simple__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE]\">\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 <wb-loader *ngIf=\"isLoading\" class=\"is-fullsize\"></wb-loader>\n <div\n class=\"wb-products-list-simple__list\"\n *ngIf=\"catalogSelection && catalogSelection !== undefined && catalogSelection.products && catalogSelection.products.length\"\n >\n <div *ngFor=\"let product of catalogSelection.products; let index = index\">\n <div>\n <p>{{ product.name }}</p>\n <p>{{ formatPrice[index] }}</p>\n <a>{{ 'wb.structures.template.23' | translate }}</a>\n </div>\n <img *ngIf=\"product.main_image.file\" [src]=\"imageFrontUrl + product.main_image.file\" [alt]=\"product.name\" />\n </div>\n </div>\n <div class=\"wb-products-list-simple__nolist\" *ngIf=\"!catalogSelection.products || catalogSelection.products.length === 0\">\n <p>{{ 'wb.structures.template.6' | translate }}</p>\n </div>\n</div>\n"}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":5},"arguments":["structureSearchProduct"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":71,"character":34},{"__symbolic":"reference","name":"ɵgh"}]}],"ngOnInit":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}],"changeProduct":[{"__symbolic":"method"}],"getSelection":[{"__symbolic":"method"}]}},"ɵgj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-products-list-simple"},"ɵprov":{}}},"ɵgk":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵgl"},"member":"selector"}},"template":"<div class=\"wb-rassurances-triple-background\">\n <div class=\"wb-rassurances-triple-background__container\">\n <div class=\"wb-rassurances-triple-background__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div>\n <div\n [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE].image_url + ')'\"\n (click)=\"getMedia()\"\n ></div>\n </div>\n </div>\n </div>\n <div class=\"wb-rassurances-triple-background__noimages\" *ngIf=\"!contents[BASE_BLOCK_CONTENT][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=\"columns is-gapless\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div class=\"column\">\n <wb-structure-config-font\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_LEFT]\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR_LEFT]\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_LEFT] = $event; persist()\"\n [recommendedSize]=\"'90x90'\"\n ></wb-structure-config-font>\n <div class=\"wb-rassurances-triple-background__container__editor\">\n <div class=\"has-transparent-background\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"has-transparent-background\">\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 class=\"column\">\n <wb-structure-config-font\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_MIDDLE_LEFT]\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR_MIDDLE_LEFT]\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_MIDDLE_LEFT] = $event; persist()\"\n [recommendedSize]=\"'90x90'\"\n ></wb-structure-config-font>\n <div class=\"wb-rassurances-triple-background__container__editor\">\n <div class=\"has-transparent-background\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_MIDDLE_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"has-transparent-background\">\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 class=\"column\">\n <wb-structure-config-font\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_RIGHT]\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR_RIGHT]\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_RIGHT] = $event; persist()\"\n [recommendedSize]=\"'90x90'\"\n ></wb-structure-config-font>\n <div class=\"wb-rassurances-triple-background__container__editor\">\n <div class=\"has-transparent-background\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_RIGHT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"has-transparent-background\">\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"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}]}},"ɵgl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":21,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-rassurances-triple-background"},"ɵprov":{}}},"ɵgm":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵgn"},"member":"selector"}},"template":"<div class=\"wb-rassurances-quadruple-aligned\">\n <div class=\"columns is-gapless\">\n <div class=\"column is-3\">\n <div class=\"columns is-gapless\">\n <div class=\"column\">\n <wb-structure-config-font\n [alignLeft]=\"true\"\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_LEFT]\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR_LEFT]\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_LEFT] = $event; persist()\"\n [recommendedSize]=\"'90x90'\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <div class=\"wb-rassurances-quadruple-aligned__container__editor\">\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_LEFT]\"\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_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 is-3\">\n <div class=\"columns is-gapless\">\n <div class=\"column\">\n <wb-structure-config-font\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_MIDDLE_LEFT]\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR_MIDDLE_LEFT]\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_MIDDLE_LEFT] = $event; persist()\"\n [recommendedSize]=\"'90x90'\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <div class=\"wb-rassurances-quadruple-aligned__container__editor\">\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_MIDDLE_LEFT]\"\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_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 is-3\">\n <div class=\"columns is-gapless\">\n <div class=\"column\">\n <wb-structure-config-font\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_MIDDLE_RIGHT]\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR_MIDDLE_RIGHT]\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_MIDDLE_RIGHT] = $event; persist()\"\n [recommendedSize]=\"'90x90'\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <div class=\"wb-rassurances-quadruple-aligned__container__editor\">\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_MIDDLE_RIGHT]\"\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_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 is-3\">\n <div class=\"columns is-gapless\">\n <div class=\"column\">\n <wb-structure-config-font\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_RIGHT]\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR_RIGHT]\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_RIGHT] = $event; persist()\"\n [recommendedSize]=\"'90x90'\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <div class=\"wb-rassurances-quadruple-aligned__container__editor\">\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_RIGHT]\"\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_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"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵgn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":24,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-rassurances-quadruple-aligned"},"ɵprov":{}}},"ɵgo":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵgp"},"member":"selector"}},"template":"<div class=\"wb-rassurances-quadruple-background\">\n <div class=\"wb-rassurances-quadruple-background__container\">\n <div class=\"wb-rassurances-quadruple-background__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div>\n <div\n [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE].image_url + ')'\"\n (click)=\"getMedia()\"\n ></div>\n </div>\n </div>\n </div>\n <div class=\"wb-rassurances-quadruple-background__noimages\" *ngIf=\"!contents[BASE_BLOCK_CONTENT][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=\"columns is-gapless\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div class=\"column is-3\">\n <div class=\"columns is-gapless\">\n <div class=\"column\">\n <wb-structure-config-font\n [alignLeft]=\"true\"\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_LEFT]\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR_LEFT]\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_LEFT] = $event; persist()\"\n [recommendedSize]=\"'90x90'\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <div class=\"wb-rassurances-quadruple-background__container__editor\">\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_LEFT]\"\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_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 is-3\">\n <div class=\"columns is-gapless\">\n <div class=\"column\">\n <wb-structure-config-font\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_MIDDLE_LEFT]\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR_MIDDLE_LEFT]\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_MIDDLE_LEFT] = $event; persist()\"\n [recommendedSize]=\"'90x90'\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <div class=\"wb-rassurances-quadruple-background__container__editor\">\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_MIDDLE_LEFT]\"\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_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 is-3\">\n <div class=\"columns is-gapless\">\n <div class=\"column\">\n <wb-structure-config-font\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_MIDDLE_RIGHT]\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR_MIDDLE_RIGHT]\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_MIDDLE_RIGHT] = $event; persist()\"\n [recommendedSize]=\"'90x90'\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <div class=\"wb-rassurances-quadruple-background__container__editor\">\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_MIDDLE_RIGHT]\"\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_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 is-3\">\n <div class=\"columns is-gapless\">\n <div class=\"column\">\n <wb-structure-config-font\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_RIGHT]\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR_RIGHT]\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_RIGHT] = $event; persist()\"\n [recommendedSize]=\"'90x90'\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <div class=\"wb-rassurances-quadruple-background__container__editor\">\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_RIGHT]\"\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_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"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}]}},"ɵgp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":24,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-rassurances-quadruple-background"},"ɵprov":{}}},"ɵgq":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵgr"},"member":"selector"}},"template":"<div class=\"wb-newsletter-aligned-center-image\">\n <div class=\"wb-newsletter-aligned-center-image__container\">\n <div class=\"wb-newsletter-aligned-center-image__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div>\n <div\n [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE].image_url + ')'\"\n (click)=\"getMedia()\"\n ></div>\n </div>\n </div>\n </div>\n <div class=\"wb-newsletter-aligned-center-image__noimages\" *ngIf=\"!contents[BASE_BLOCK_CONTENT][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=\"columns is-gapless\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div class=\"column wb-newsletter-aligned-center-image__container__editor\">\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 class=\"column wb-newsletter-aligned-center-image__container__editor\">\n <div class=\"columns is-gapless\">\n <div class=\"column is-10\">\n <input [placeholder]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_PLACEHOLDER] | translate\" />\n </div>\n <div class=\"column\">\n <button><i class=\"fas fa-arrow-right\"></i></button>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}]}},"ɵgr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-newsletter-aligned-center-image"},"ɵprov":{}}},"ɵgs":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵgt"},"member":"selector"}},"template":"<div class=\"wb-newsletter-aligned-center-background\" [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n <div class=\"columns is-gapless\">\n <div class=\"column wb-newsletter-aligned-center-background__container__editor\">\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 class=\"column wb-newsletter-aligned-center-background__container__editor\">\n <div class=\"columns is-gapless\">\n <div class=\"column is-10\">\n <input [placeholder]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_PLACEHOLDER] | translate\" />\n </div>\n <div class=\"column\">\n <button><i class=\"fas fa-arrow-right\" [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"></i></button>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵgt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-newsletter-aligned-center-background"},"ɵprov":{}}},"ɵgu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵgv"},"member":"selector"}},"template":"<div class=\"wb-newsletter-center-image\">\n <div class=\"wb-newsletter-center-image__container\">\n <div class=\"wb-newsletter-center-image__container__images\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div>\n <div\n [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE].image_url + ')'\"\n (click)=\"getMedia()\"\n ></div>\n </div>\n </div>\n </div>\n <div class=\"wb-newsletter-center-image__noimages\" *ngIf=\"!contents[BASE_BLOCK_CONTENT][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-newsletter-center-image__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div>\n <div class=\"wb-newsletter-center-image__text__container__editor has-transparent-background\">\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 class=\"wb-newsletter-center-image__text__container__editor has-transparent-background\">\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-newsletter-center-image__text__container__editor\">\n <div class=\"columns\">\n <div class=\"column is-8\">\n <input [placeholder]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_PLACEHOLDER] | translate\" />\n </div>\n <div class=\"column\">\n <button\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"\n [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR] | tinyColor\"\n >\n {{ contents[BASE_BLOCK_CONTENT][FORM_NAME_BUTTON_TEXT] | translate }}\n </button>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}]}},"ɵgv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":14,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-newsletter-center-image"},"ɵprov":{}}},"ɵgw":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":14,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵgx"},"member":"selector"}},"template":"<div class=\"wb-products-list-selected\" [ngClass]=\"'nb-ligne-' + contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE]\">\n <div>\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.3' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE]\"\n (ngModelChange)=\"persist()\"\n [off]=\"false\"\n [on]=\"true\"\n ></wb-structure-config-checkbox>\n <div class=\"columns\">\n <div class=\"column is-8\">\n <wb-structure-search-product\n #structureSearchProduct\n [searchNumber]=\"15\"\n [label]=\"'wb.structures.template.25' | translate\"\n (newSearch)=\"changeProduct($event)\"\n [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n ></wb-structure-search-product>\n </div>\n <div class=\"column is-4\">\n <wb-structure-select\n [label]=\"'wb.structures.template.26' | translate\"\n [selectedValue]=\"selectedValue\"\n [forms]=\"form\"\n [large]=\"true\"\n [icon]=\"'fal fa-box-alt'\"\n (changed)=\"selectedValue = $event; selectThisForm()\"\n ></wb-structure-select>\n </div>\n </div>\n </wb-structure-config>\n </div>\n <div class=\"wb-products-list-selected__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE]\">\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 <wb-loader *ngIf=\"isLoading\" class=\"is-fullsize\"></wb-loader>\n <div\n class=\"wb-products-list-selected__list\"\n *ngIf=\"catalogSelection && catalogSelection !== undefined && catalogSelection.products && catalogSelection.products.length\"\n >\n <div class=\"columns\">\n <div class=\"column\">\n <div class=\"wb-products-list-selected__list__product\">\n <div class=\"img-wrapper\" *ngIf=\"catalogSelection.products[0].main_image\">\n <img\n *ngIf=\"catalogSelection.products[0].main_image.file\"\n [src]=\"imageFrontUrl + catalogSelection.products[0].main_image.file\"\n [alt]=\"catalogSelection.products[0].name\"\n />\n </div>\n <p>{{ catalogSelection.products[0].name }}</p>\n <p>{{ formatPrice[0] }}</p>\n </div>\n </div>\n <div class=\"column column-max-width-50\">\n <div class=\"columns is-gapless is-multiline wb-products-list-selected__list__second\">\n <div *ngFor=\"let product of catalogSelection.products | slice: 1:5; let index = index\" class=\"column is-6\">\n <div class=\"wb-products-list-selected__list__product\">\n <div class=\"img-wrapper\" *ngIf=\"product.main_image\">\n <img *ngIf=\"product.main_image.file\" [src]=\"imageFrontUrl + product.main_image.file\" [alt]=\"product.name\" />\n </div>\n <p>{{ product.name }}</p>\n <p>{{ formatPrice[index + 1] }}</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"columns\" *ngIf=\"catalogSelection.products.length > 5 && contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE] !== '1'\">\n <div class=\"column column-max-width-50\">\n <div class=\"columns is-gapless is-multiline wb-products-list-selected__list__second\">\n <div *ngFor=\"let product of catalogSelection.products | slice: 6:10; let index = index\" class=\"column is-6\">\n <div class=\"wb-products-list-selected__list__product\">\n <div class=\"img-wrapper\" *ngIf=\"product.main_image\">\n <img *ngIf=\"product.main_image.file\" [src]=\"imageFrontUrl + product.main_image.file\" [alt]=\"product.name\" />\n </div>\n <p>{{ product.name }}</p>\n <p>{{ formatPrice[index + 6] }}</p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-products-list-selected__list__product\">\n <div class=\"img-wrapper\" *ngIf=\"catalogSelection.products[5].main_image\">\n <img\n *ngIf=\"catalogSelection.products[5].main_image.file\"\n [src]=\"imageFrontUrl + catalogSelection.products[5].main_image.file\"\n [alt]=\"catalogSelection.products[5].name\"\n />\n </div>\n <p>{{ catalogSelection.products[5].name }}</p>\n <p>{{ formatPrice[5] }}</p>\n </div>\n </div>\n </div>\n <div class=\"columns\" *ngIf=\"catalogSelection.products.length > 10 && contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE] === '3'\">\n <div class=\"column\">\n <div class=\"wb-products-list-selected__list__product\">\n <div class=\"img-wrapper\" *ngIf=\"catalogSelection.products[10].main_image\">\n <img\n *ngIf=\"catalogSelection.products[10].main_image.file\"\n [src]=\"imageFrontUrl + catalogSelection.products[10].main_image.file\"\n [alt]=\"catalogSelection.products[10].name\"\n />\n </div>\n <p>{{ catalogSelection.products[10].name }}</p>\n <p>{{ formatPrice[10] }}</p>\n </div>\n </div>\n <div class=\"column column-max-width-50\">\n <div class=\"columns is-gapless is-multiline wb-products-list-selected__list__second\">\n <div *ngFor=\"let product of catalogSelection.products | slice: 11; let index = index\" class=\"column is-6\">\n <div class=\"wb-products-list-selected__list__product\">\n <div class=\"img-wrapper\" *ngIf=\"product.main_image\">\n <img *ngIf=\"product.main_image.file\" [src]=\"imageFrontUrl + product.main_image.file\" [alt]=\"product.name\" />\n </div>\n <p>{{ product.name }}</p>\n <p>{{ formatPrice[index + 11] }}</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"wb-products-list-selected__nolist\" *ngIf=\"!catalogSelection.products || catalogSelection.products.length === 0\">\n <p>{{ 'wb.structures.template.6' | translate }}</p>\n </div>\n</div>\n"}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":20,"character":5},"arguments":["structureSearchProduct"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":71,"character":34},{"__symbolic":"reference","name":"ɵgh"}]}],"ngOnInit":[{"__symbolic":"method"}],"initialize":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}],"changeProduct":[{"__symbolic":"method"}],"getSelection":[{"__symbolic":"method"}]}},"ɵgx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":7,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-products-list-selected"},"ɵprov":{}}},"ɵgy":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵgz"},"member":"selector"}},"template":"<div class=\"wb-code\">\n <div class=\"wb-code__container\">\n <p><style type=\"text/css\"></p>\n <ngx-monaco-editor\n [options]=\"editorOptions\"\n [ngModel]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT] | translate\"\n (ngModelChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT] = $event; setContent()\"\n ></ngx-monaco-editor>\n <p></style></p>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"setContent":[{"__symbolic":"method"}]}},"ɵgz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-code-stylesheet"},"ɵprov":{}}},"ɵha":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵhb"},"member":"selector"}},"template":"<div class=\"wb-witness-twice\">\n <div class=\"wb-witness-twice__tool\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_RIGHT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_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_URL_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 <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div class=\"wb-witness-twice__container\">\n <div\n class=\"wb-witness-twice__container__item\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR_LEFT]\"\n >\n <div class=\"wb-witness-twice__container__item__figure\">\n <div\n wbGetSizeImageDirective\n class=\"wb-witness-twice__container__item__figure__image\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL] + ')'\n \"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n ></div>\n <div\n wbPicturesTemplateDirective\n class=\"wb-witness-twice__container__item__figure__noimage\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n >\n <i class=\"fal fa-image\"></i>\n </div>\n </div>\n <div class=\"wb-witness-twice__container__item__author\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"wb-witness-twice__container__item__testimony\">\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 class=\"wb-witness-twice__container__item__url\"\n *ngIf=\"\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT] &&\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT][FORM_NAME_TEXT]\n \"\n >\n <div class=\"wb-witness-twice__container__item__url__container\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-witness-twice__container\">\n <div\n class=\"wb-witness-twice__container__item\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR_RIGHT]\"\n >\n <div class=\"wb-witness-twice__container__item__figure\">\n <div\n wbGetSizeImageDirective\n class=\"wb-witness-twice__container__item__figure__image\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL] + ')'\n \"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_RIGHT)\"\n ></div>\n <div\n wbPicturesTemplateDirective\n class=\"wb-witness-twice__container__item__figure__noimage\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_RIGHT)\"\n >\n <i class=\"fal fa-image\"></i>\n </div>\n </div>\n <div class=\"wb-witness-twice__container__item__author\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_RIGHT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"wb-witness-twice__container__item__testimony\">\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 class=\"wb-witness-twice__container__item__url\"\n *ngIf=\"\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_RIGHT] &&\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_RIGHT][FORM_NAME_TEXT]\n \"\n >\n <div class=\"wb-witness-twice__container__item__url__container\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_RIGHT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}]}},"ɵhb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-witness-twice"},"ɵprov":{}}},"ɵhc":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵhd"},"member":"selector"}},"template":"<div class=\"wb-witness-triple\">\n <div class=\"wb-witness-triple__tool\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config\n class=\"wb-witness-triple__config\"\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n [isFullwidth]=\"true\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_CENTER][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_CENTER][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_URL_CENTER][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 [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_RIGHT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_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_URL_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 <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div class=\"wb-witness-triple__container\">\n <div\n class=\"wb-witness-triple__container__item\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR_LEFT]\"\n >\n <div class=\"wb-witness-triple__container__item__figure\">\n <div\n wbGetSizeImageDirective\n class=\"wb-witness-triple__container__item__figure__image\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL] + ')'\n \"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n ></div>\n <div\n wbPicturesTemplateDirective\n class=\"wb-witness-triple__container__item__figure__noimage\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n >\n <i class=\"fal fa-image\"></i>\n </div>\n </div>\n <div class=\"wb-witness-triple__container__item__author\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"wb-witness-triple__container__item__testimony\">\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 class=\"wb-witness-triple__container__item__url\"\n *ngIf=\"\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT] &&\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT][FORM_NAME_TEXT]\n \"\n >\n <div class=\"wb-witness-triple__container__item__url__container\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-witness-triple__container\">\n <div\n class=\"wb-witness-triple__container__item\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR_CENTER]\"\n >\n <div class=\"wb-witness-triple__container__item__figure\">\n <div\n wbGetSizeImageDirective\n class=\"wb-witness-triple__container__item__figure__image\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_CENTER]\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_CENTER][FORM_NAME_IMAGE_URL] + ')'\n \"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_CENTER)\"\n ></div>\n <div\n wbPicturesTemplateDirective\n class=\"wb-witness-triple__container__item__figure__noimage\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_CENTER]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_CENTER)\"\n >\n <i class=\"fal fa-image\"></i>\n </div>\n </div>\n <div class=\"wb-witness-triple__container__item__author\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_CENTER]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"wb-witness-triple__container__item__testimony\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT_CENTER]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div\n class=\"wb-witness-triple__container__item__url\"\n *ngIf=\"\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_CENTER] &&\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_CENTER][FORM_NAME_TEXT]\n \"\n >\n <div class=\"wb-witness-triple__container__item__url__container\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_CENTER][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-witness-triple__container\">\n <div\n class=\"wb-witness-triple__container__item\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR_RIGHT]\"\n >\n <div class=\"wb-witness-triple__container__item__figure\">\n <div\n wbGetSizeImageDirective\n class=\"wb-witness-triple__container__item__figure__image\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL] + ')'\n \"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_RIGHT)\"\n ></div>\n <div\n wbPicturesTemplateDirective\n class=\"wb-witness-triple__container__item__figure__noimage\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_RIGHT)\"\n >\n <i class=\"fal fa-image\"></i>\n </div>\n </div>\n <div class=\"wb-witness-triple__container__item__author\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_RIGHT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"wb-witness-triple__container__item__testimony\">\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 class=\"wb-witness-triple__container__item__url\"\n *ngIf=\"\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_RIGHT] &&\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_RIGHT][FORM_NAME_TEXT]\n \"\n >\n <div class=\"wb-witness-triple__container__item__url__container\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_RIGHT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}]}},"ɵhd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-witness-triple"},"ɵprov":{}}},"ɵhe":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵhf"},"member":"selector"}},"template":"<div class=\"wb-witness-quadruple\">\n <div class=\"wb-witness-quadruple__tool\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n\n <wb-structure-config\n class=\"wb-witness-quadruple__middle-left-config\"\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n [isFullwidth]=\"true\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_CENTER_LEFT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_CENTER_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_CENTER_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <wb-structure-config\n class=\"wb-witness-quadruple__middle-right-config\"\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\"\n [isFullwidth]=\"true\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_CENTER_RIGHT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_CENTER_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_URL_CENTER_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 <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_RIGHT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_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_URL_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 <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div class=\"wb-witness-quadruple__container\">\n <div\n class=\"wb-witness-quadruple__container__item\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR_LEFT]\"\n >\n <div class=\"wb-witness-quadruple__container__item__figure\">\n <div\n wbGetSizeImageDirective\n class=\"wb-witness-quadruple__container__item__figure__image\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL] + ')'\n \"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n ></div>\n <div\n wbPicturesTemplateDirective\n class=\"wb-witness-quadruple__container__item__figure__noimage\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n >\n <i class=\"fal fa-image\"></i>\n </div>\n </div>\n <div class=\"wb-witness-quadruple__container__item__author\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"wb-witness-quadruple__container__item__testimony\">\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 class=\"wb-witness-quadruple__container__item__url\"\n *ngIf=\"\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT] &&\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT][FORM_NAME_TEXT]\n \"\n >\n <div class=\"wb-witness-quadruple__container__item__url__container\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-witness-quadruple__container\">\n <div\n class=\"wb-witness-quadruple__container__item\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR_CENTER_LEFT]\"\n >\n <div class=\"wb-witness-quadruple__container__item__figure\">\n <div\n wbGetSizeImageDirective\n class=\"wb-witness-quadruple__container__item__figure__image\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_CENTER_LEFT]\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_CENTER_LEFT][FORM_NAME_IMAGE_URL] + ')'\n \"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_CENTER_LEFT)\"\n ></div>\n <div\n wbPicturesTemplateDirective\n class=\"wb-witness-quadruple__container__item__figure__noimage\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_CENTER_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_CENTER_LEFT)\"\n >\n <i class=\"fal fa-image\"></i>\n </div>\n </div>\n <div class=\"wb-witness-quadruple__container__item__author\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_CENTER_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"wb-witness-quadruple__container__item__testimony\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT_CENTER_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div\n class=\"wb-witness-quadruple__container__item__url\"\n *ngIf=\"\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_CENTER_LEFT] &&\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_CENTER_LEFT][FORM_NAME_TEXT]\n \"\n >\n <div class=\"wb-witness-quadruple__container__item__url__container\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_CENTER_LEFT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-witness-quadruple__container\">\n <div\n class=\"wb-witness-quadruple__container__item\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR_CENTER_RIGHT]\"\n >\n <div class=\"wb-witness-quadruple__container__item__figure\">\n <div\n wbGetSizeImageDirective\n class=\"wb-witness-quadruple__container__item__figure__image\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_CENTER_RIGHT]\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_CENTER_RIGHT][FORM_NAME_IMAGE_URL] + ')'\n \"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_CENTER_RIGHT)\"\n ></div>\n <div\n wbPicturesTemplateDirective\n class=\"wb-witness-quadruple__container__item__figure__noimage\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_CENTER_RIGHT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_CENTER_RIGHT)\"\n >\n <i class=\"fal fa-image\"></i>\n </div>\n </div>\n <div class=\"wb-witness-quadruple__container__item__author\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_CENTER_RIGHT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"wb-witness-quadruple__container__item__testimony\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT_CENTER_RIGHT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div\n class=\"wb-witness-quadruple__container__item__url\"\n *ngIf=\"\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_CENTER_RIGHT] &&\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_CENTER_RIGHT][FORM_NAME_TEXT]\n \"\n >\n <div class=\"wb-witness-quadruple__container__item__url__container\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_CENTER_RIGHT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-witness-quadruple__container\">\n <div\n class=\"wb-witness-quadruple__container__item\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR_RIGHT]\"\n >\n <div class=\"wb-witness-quadruple__container__item__figure\">\n <div\n wbGetSizeImageDirective\n class=\"wb-witness-quadruple__container__item__figure__image\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL] + ')'\n \"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_RIGHT)\"\n ></div>\n <div\n wbPicturesTemplateDirective\n class=\"wb-witness-quadruple__container__item__figure__noimage\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_RIGHT)\"\n >\n <i class=\"fal fa-image\"></i>\n </div>\n </div>\n <div class=\"wb-witness-quadruple__container__item__author\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_RIGHT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"wb-witness-quadruple__container__item__testimony\">\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 class=\"wb-witness-quadruple__container__item__url\"\n *ngIf=\"\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_RIGHT] &&\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_RIGHT][FORM_NAME_TEXT]\n \"\n >\n <div class=\"wb-witness-quadruple__container__item__url__container\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_RIGHT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}]}},"ɵhf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-witness-quadruple"},"ɵprov":{}}},"ɵhg":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵhh"},"member":"selector"}},"template":"<div class=\"wb-witness-backgroundOne\">\n <div class=\"columns\">\n <div class=\"column\">\n <div class=\"wb-witness-backgroundOne__container\">\n <div\n wbPicturesTemplateDirective\n class=\"wb-witness-backgroundOne__container__item__figure__noimage\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE)\"\n ></div>\n <div class=\"wb-witness-backgroundOne__tool\">\n <wb-structure-config\n [blockUUID]=\"uuid\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n [isFullwidth]=\"true\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL][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_URL][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 <div\n class=\"wb-witness-backgroundOne__container__item\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n >\n <div\n wbGetSizeImageDirective\n class=\"wb-witness-backgroundOne__container__item__figure\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE)\"\n ></div>\n <div class=\"wb-witness-backgroundOne__container__item__zindex has-transparent-background\">\n <div class=\"wb-witness-backgroundOne__container__item__testimony\">\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\n class=\"wb-witness-backgroundOne__container__item__hr\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT].color\"\n ></div>\n <div class=\"wb-witness-backgroundOne__container__item__author\">\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 class=\"wb-witness-backgroundOne__container__item__url\"\n *ngIf=\"\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL] && contents[BASE_BLOCK_CONTENT][FORM_NAME_URL][FORM_NAME_TEXT]\n \"\n >\n <div class=\"wb-witness-backgroundOne__container__item__url__container\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_URL][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}]}},"ɵhh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-witness-background-one"},"ɵprov":{}}},"ɵhi":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵhj"},"member":"selector"}},"template":"<div class=\"wb-witness-backgroundDouble\">\n <div\n wbPicturesTemplateDirective\n class=\"wb-witness-backgroundDouble__noimage\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_BACKGROUND]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_BACKGROUND)\"\n ></div>\n <div class=\"wb-witness-backgroundDouble__tool\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_BACKGROUND]\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n </div>\n <div class=\"column\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n </div>\n <div class=\"wb-witness-backgroundDouble__tool\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_BACKGROUND]\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.15' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_RIGHT][FORM_NAME_TEXT]\"\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.16' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_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_URL_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 <div\n wbGetSizeImageDirective\n class=\"wb-witness-backgroundDouble__background\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_BACKGROUND]\"\n [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_BACKGROUND][FORM_NAME_IMAGE_URL] + ')'\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_BACKGROUND)\"\n >\n <div class=\"wb-witness-backgroundDouble__container__item__figure\"></div>\n </div>\n <div class=\"wb-witness-backgroundDouble__zindex\">\n <h2\n class=\"wb-witness-backgroundDouble__title has-transparent-background\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_BACKGROUND]\"\n >\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 </h2>\n <div class=\"columns\">\n <div class=\"column has-transparent-background\">\n <div class=\"wb-witness-backgroundDouble__container\">\n <div class=\"wb-witness-backgroundDouble__container__item\">\n <div class=\"wb-witness-backgroundDouble__container__item__zindex\">\n <div class=\"wb-witness-backgroundDouble__container__item__figure\">\n <div\n wbGetSizeImageDirective\n class=\"wb-witness-backgroundDouble__container__item__figure__image\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL] + ')'\n \"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n ></div>\n <div\n wbPicturesTemplateDirective\n class=\"wb-witness-backgroundDouble__container__item__figure__noimage\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_LEFT)\"\n >\n <i class=\"fal fa-image\"></i>\n </div>\n </div>\n <div class=\"wb-witness-backgroundDouble__container__item__author\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT].author_left\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"wb-witness-backgroundDouble__container__item__testimony\">\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 class=\"wb-witness-backgroundDouble__container__item__url\"\n *ngIf=\"\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT] &&\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT][FORM_NAME_TEXT]\n \"\n >\n <div class=\"wb-witness-backgroundDouble__container__item__url__container\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_LEFT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column has-transparent-background\">\n <div class=\"wb-witness-backgroundDouble__container\">\n <div class=\"wb-witness-backgroundDouble__container__item\">\n <div class=\"wb-witness-backgroundDouble__container__item__zindex\">\n <div class=\"wb-witness-backgroundDouble__container__item__figure\">\n <div\n wbGetSizeImageDirective\n class=\"wb-witness-backgroundDouble__container__item__figure__image\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n [style.background-image]=\"\n 'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL] + ')'\n \"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_RIGHT)\"\n ></div>\n <div\n wbPicturesTemplateDirective\n class=\"wb-witness-backgroundDouble__container__item__figure__noimage\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT]\"\n (click)=\"getMediaFor(FORM_NAME_IMAGE_RIGHT)\"\n >\n <i class=\"fal fa-image\"></i>\n </div>\n </div>\n <div class=\"wb-witness-backgroundDouble__container__item__author\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT].author_right\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"wb-witness-backgroundDouble__container__item__testimony\">\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 class=\"wb-witness-backgroundDouble__container__item__url\"\n *ngIf=\"\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_RIGHT] &&\n contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_RIGHT][FORM_NAME_TEXT]\n \"\n >\n <div class=\"wb-witness-backgroundDouble__container__item__url__container\">\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_URL_RIGHT][FORM_NAME_TEXT] }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}]}},"ɵhj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-witness-background-double"},"ɵprov":{}}},"ɵhk":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵhl"},"member":"selector"}},"template":"<div class=\"wb-reviews-simple\">\n <div *ngIf=\"isLoading\" class=\"wb-forms-background__loader\">\n <wb-loader></wb-loader>\n </div>\n <div class=\"wb-reviews-simple__nocomment\" *ngIf=\"!isLoading && !comments.length\">\n <p>{{ 'wb.structures.template.28' | translate }}</p>\n </div>\n <div class=\"columns\" *ngIf=\"!isLoading && comments.length\">\n <div class=\"column is-3\">\n <div [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n <p [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">{{ totalCommentsNote }}/5</p>\n <wb-star\n [colorStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_COLOR]\"\n [colorBackgroundStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_SECONDARY_COLOR]\"\n [maxNumber]=\"5\"\n [score]=\"totalCommentsNote\"\n ></wb-star>\n <p [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDARY_COLOR]\">\n {{ 'wb.structures.template.56' | translate: { totalComments: totalComments } }}\n </p>\n <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_RATINGS_LINK]\">\n <a>{{ 'wb.structures.template.29' | translate }}</a>\n </div>\n </div>\n </div>\n\n <div class=\"column\" *ngFor=\"let comment of comments\">\n <div [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n <p [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">{{ comment.author }}</p>\n <p [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDARY_COLOR]\">{{ comment.content | wbStripTags }}</p>\n <div>\n <wb-star\n [colorStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_COLOR]\"\n [colorBackgroundStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_SECONDARY_COLOR]\"\n [maxNumber]=\"5\"\n [score]=\"comment.note\"\n ></wb-star>\n <span [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">{{ totalCommentsNote }}/5</span>\n <span [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDARY_COLOR]\">{{\n comment.created_at | date: 'd/MM/y'\n }}</span>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"}]}],"ngOnInit":[{"__symbolic":"method"}],"getComments":[{"__symbolic":"method"}]}},"ɵhl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":17,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-reviews-simple"},"ɵprov":{}}},"ɵhm":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵhn"},"member":"selector"}},"template":"<div class=\"wb-quotes-simple\">\n <div [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BACKGROUND_COLOR]\">\n <p [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">\n <i class=\"fas fa-quote-left\"></i>\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT] | translate }}</span>\n <i class=\"fas fa-quote-right\"></i>\n </p>\n <p [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDARY_COLOR]\">\n {{ contents[BASE_BLOCK_CONTENT][FORM_NAME_AUTHOR] | translate }}\n </p>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵhn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-quotes-simple"},"ɵprov":{}}},"ɵho":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵhp"},"member":"selector"}},"template":"<div class=\"wb-quotes-author\">\n <div [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BACKGROUND_COLOR]\">\n <div class=\"wb-quotes-author__container\">\n <div class=\"wb-quotes-author__container__item\">\n <div class=\"wb-quotes-author__container__item__figure\">\n <div\n class=\"wb-quotes-author__container__item__figure__image\"\n *ngIf=\"\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE] &&\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\n \"\n [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n (click)=\"getMedia()\"\n ></div>\n <div\n class=\"wb-quotes-author__container__item__figure__noimage\"\n *ngIf=\"\n !contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE] ||\n !contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\n \"\n (click)=\"getMedia()\"\n >\n <i class=\"fal fa-image\"></i>\n </div>\n </div>\n </div>\n </div>\n <p [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">\n <i class=\"fas fa-quote-left\"></i>\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT] | translate }}</span>\n <i class=\"fas fa-quote-right\"></i>\n </p>\n <p [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDARY_COLOR]\">\n {{ contents[BASE_BLOCK_CONTENT][FORM_NAME_AUTHOR] | translate }}\n </p>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵhp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-quotes-author"},"ɵprov":{}}},"ɵhq":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵhr"},"member":"selector"}},"template":"<div class=\"wb-quotes-simple-background\">\n <div\n class=\"wb-quotes-simple-background__container\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE] && contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n >\n <div class=\"wb-quotes-simple-background__container__quotes\">\n <p [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">\n <i class=\"fas fa-quote-left\"></i>\n <span>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT] | translate }}</span>\n <i class=\"fas fa-quote-right\"></i>\n </p>\n <p [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDARY_COLOR]\">\n {{ contents[BASE_BLOCK_CONTENT][FORM_NAME_AUTHOR] | translate }}\n </p>\n </div>\n <div\n class=\"wb-quotes-simple-background__container__images\"\n [ngClass]=\"{ 'is-active': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE] }\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE] && contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n >\n <div>\n <div\n [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n (click)=\"getMedia()\"\n ></div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-quotes-simple-background__noimages\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE] || !contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n (click)=\"getMedia()\"\n >\n <p>\n <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n </p>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵhr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-quotes-simple-background"},"ɵprov":{}}},"ɵhs":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵht"},"member":"selector"}},"template":"<div class=\"wb-reviews-waterfall\" [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BACKGROUND_COLOR]\">\n <div *ngIf=\"isLoading\" class=\"wb-forms-background__loader\">\n <wb-loader></wb-loader>\n </div>\n <div class=\"wb-reviews-simple__nocomment\" *ngIf=\"!isLoading && !comments.length\">\n <p>{{ 'wb.structures.template.28' | translate }}</p>\n </div>\n <div *ngIf=\"!isLoading\">\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 class=\"wb-reviews-waterfall__starcontainer\">\n <wb-star\n [colorStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_COLOR]\"\n [colorBackgroundStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_SECONDARY_COLOR]\"\n [maxNumber]=\"5\"\n [score]=\"totalCommentsNote\"\n ></wb-star>\n <p [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">{{ totalCommentsNote }}/5</p>\n </div>\n\n <div class=\"columns is-gapless\" *ngIf=\"!isLoading\">\n <div class=\"column\">\n <div\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"\n *ngFor=\"let comment of comments | evenodd: 'odd'\"\n >\n <div>\n <wb-star\n [colorStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_COLOR]\"\n [colorBackgroundStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_SECONDARY_COLOR]\"\n [maxNumber]=\"5\"\n [score]=\"comment.note\"\n ></wb-star>\n <span [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">{{ totalCommentsNote }}/5</span>\n </div>\n <p class=\"wb-reviews-waterfall__first\" [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDARY_COLOR]\">\n {{ comment.content | wbStripTags }}\n </p>\n <p class=\"wb-reviews-waterfall__second\" [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">\n {{ comment.author }}\n </p>\n <p class=\"wb-reviews-waterfall__last\" [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDARY_COLOR]\">\n {{ 'wb.structures.template.57' | translate: { created_at: comment.created_at | date: 'd/MM/y à H:mm:s' } }}\n </p>\n </div>\n </div>\n <div class=\"column\">\n <div\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"\n *ngFor=\"let comment of comments | evenodd: 'even'\"\n >\n <div>\n <wb-star\n [colorStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_COLOR]\"\n [colorBackgroundStar]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_STAR_SECONDARY_COLOR]\"\n [maxNumber]=\"5\"\n [score]=\"comment.note\"\n ></wb-star>\n <span [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">{{ totalCommentsNote }}/5</span>\n </div>\n <p class=\"wb-reviews-waterfall__first\" [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDARY_COLOR]\">\n {{ comment.content | wbStripTags }}\n </p>\n <p class=\"wb-reviews-waterfall__second\" [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_COLOR]\">\n {{ comment.author }}\n </p>\n <p class=\"wb-reviews-waterfall__last\" [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SECONDARY_COLOR]\">\n {{ 'wb.structures.template.57' | translate: { created_at: comment.created_at | date: 'd/MM/y à H:mm:s' } }}\n </p>\n </div>\n </div>\n </div>\n <div *ngIf=\"!isLoading && comments.length\">\n <a>{{ 'wb.structures.template.29' | translate }}</a>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"}]}],"ngOnInit":[{"__symbolic":"method"}],"getComments":[{"__symbolic":"method"}]}},"ɵht":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":18,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-reviews-waterfall"},"ɵprov":{}}},"ɵhu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵhv"},"member":"selector"}},"template":"<div class=\"wb-map-fullpage\">\n <div class=\"wb-map-fullpage__container\">\n <div *ngIf=\"showMap\">\n <div class=\"wb-map-fullpage__container__config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\">\n <p>{{ 'wb.structures.template.19' | translate }}</p>\n <input\n id=\"address-input-edit{{ uuid }}\"\n type=\"text\"\n [(ngModel)]=\"address\"\n #myInputEdit\n (click)=\"myInputEdit.select()\"\n ngx-google-places-autocomplete\n (onAddressChange)=\"handleAddressChange($event)\"\n />\n </wb-structure-config>\n </div>\n <div class=\"wb-map-fullpage__cover\"></div>\n <div\n class=\"wb-map-fullpage__container__map\"\n leaflet\n [leafletOptions]=\"options\"\n [leafletLayers]=\"layers\"\n [(leafletCenter)]=\"center\"\n (leafletMapReady)=\"onMapReady($event)\"\n ></div>\n </div>\n </div>\n <div class=\"wb-map-fullpage__selector\" *ngIf=\"!showMap\">\n <p>{{ 'wb.structures.template.19' | translate }}</p>\n <input\n id=\"address-input{{ uuid }}\"\n type=\"text\"\n [(ngModel)]=\"address\"\n #myInput\n (click)=\"myInput.select()\"\n ngx-google-places-autocomplete\n (onAddressChange)=\"handleAddressChange($event)\"\n />\n </div>\n</div>\n"}]}],"members":{"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":5},"arguments":["myInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"setCoordinateOnPlaces":[{"__symbolic":"method"}],"handleAddressChange":[{"__symbolic":"method"}],"onMapReady":[{"__symbolic":"method"}]}},"ɵhv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-map-fullpage"},"ɵprov":{}}},"ɵhw":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵhx"},"member":"selector"}},"template":"<div class=\"wb-map-left-text\">\n <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div class=\"wb-map-left-text__addresses\">\n <div class=\"wb-map-left-text__address\">\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 class=\"columns is-gapless\">\n <div class=\"column is-1\">\n <wb-structure-config-font\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_ADDRESS]\"\n [white]=\"false\"\n [isSmall]=\"true\"\n [withImage]=\"false\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_ADDRESS] = $event; persist()\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <div class=\"wb-map-left-text__address\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ADDRESS]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n </div>\n </div>\n <div class=\"columns is-gapless\">\n <div class=\"column is-1\">\n <wb-structure-config-font\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_PHONE]\"\n [white]=\"false\"\n [isSmall]=\"true\"\n [withImage]=\"false\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_PHONE] = $event; persist()\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <div class=\"wb-map-left-text__address\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_PHONE]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n </div>\n </div>\n <div class=\"columns is-gapless\">\n <div class=\"column is-1\">\n <wb-structure-config-font\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_EMAIL]\"\n [white]=\"false\"\n [isSmall]=\"true\"\n [withImage]=\"false\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_EMAIL] = $event; persist()\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <div class=\"wb-map-left-text__address\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_EMAIL]\"\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 class=\"wb-map-left-text__social\"\n *ngIf=\"\n contents[BASE_BLOCK_CONTENT][FORM_NAME_FACEBOOK] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_TWITTER] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_PINTEREST] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_INSTAGRAM]\n \"\n >\n <div class=\"wb-map-left-text__social__facebook\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_FACEBOOK]\">\n <i class=\"fab fa-facebook-f\"></i>\n </div>\n <div class=\"wb-map-left-text__social__twitter\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TWITTER]\">\n <i class=\"fab fa-twitter\"></i>\n </div>\n <div class=\"wb-map-left-text__social__pinterest\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_PINTEREST]\">\n <i class=\"fab fa-pinterest-p\"></i>\n </div>\n <div class=\"wb-map-left-text__social__instagram\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_INSTAGRAM]\">\n <i class=\"fab fa-instagram\"></i>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-map-left-text__container\">\n <div *ngIf=\"showMap\">\n <div class=\"wb-map-left-text__container__config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\" [isFullwidth]=\"true\">\n <p>{{ 'wb.structures.template.19' | translate }}</p>\n <input\n id=\"address-input-edit{{ uuid }}\"\n type=\"text\"\n [(ngModel)]=\"address\"\n #myInputEdit\n (click)=\"myInputEdit.select()\"\n ngx-google-places-autocomplete\n (onAddressChange)=\"handleAddressChange($event)\"\n />\n </wb-structure-config>\n </div>\n <div class=\"wb-map-left-text__cover\"></div>\n <div\n class=\"wb-map-left-text__container__map\"\n leaflet\n [leafletOptions]=\"options\"\n [leafletLayers]=\"layers\"\n [(leafletCenter)]=\"center\"\n (leafletMapReady)=\"onMapReady($event)\"\n ></div>\n </div>\n </div>\n <div class=\"wb-map-left-text__selector\" *ngIf=\"!showMap\">\n <p>{{ 'wb.structures.template.19' | translate }}</p>\n <input\n id=\"address-input{{ uuid }}\"\n type=\"text\"\n [(ngModel)]=\"address\"\n #myInput\n (click)=\"myInput.select()\"\n ngx-google-places-autocomplete\n (onAddressChange)=\"handleAddressChange($event)\"\n />\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":5},"arguments":["myInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"setCoordinateOnPlaces":[{"__symbolic":"method"}],"handleAddressChange":[{"__symbolic":"method"}],"onMapReady":[{"__symbolic":"method"}]}},"ɵhx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-map-left-text"},"ɵprov":{}}},"ɵhy":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":8,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵhz"},"member":"selector"}},"template":"<div class=\"wb-map-right-text\">\n <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div class=\"wb-map-right-text__container\">\n <div *ngIf=\"showMap\">\n <div class=\"wb-map-right-text__container__config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\" [isFullwidth]=\"true\">\n <p>{{ 'wb.structures.template.19' | translate }}</p>\n <input\n id=\"address-input-edit{{ uuid }}\"\n type=\"text\"\n [(ngModel)]=\"address\"\n #myInputEdit\n (click)=\"myInputEdit.select()\"\n ngx-google-places-autocomplete\n (onAddressChange)=\"handleAddressChange($event)\"\n />\n </wb-structure-config>\n </div>\n <div class=\"wb-map-right-text__cover\"></div>\n <div\n class=\"wb-map-right-text__container__map\"\n leaflet\n [leafletOptions]=\"options\"\n [leafletLayers]=\"layers\"\n [(leafletCenter)]=\"center\"\n (leafletMapReady)=\"onMapReady($event)\"\n ></div>\n </div>\n </div>\n <div class=\"wb-map-right-text__selector\" *ngIf=\"!showMap\">\n <p>{{ 'wb.structures.template.19' | translate }}</p>\n <input\n id=\"address-input{{ uuid }}\"\n type=\"text\"\n [(ngModel)]=\"address\"\n #myInput\n (click)=\"myInput.select()\"\n ngx-google-places-autocomplete\n (onAddressChange)=\"handleAddressChange($event)\"\n />\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-map-right-text__addresses\">\n <div class=\"wb-map-right-text__address\">\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 class=\"columns is-gapless\">\n <div class=\"column is-1\">\n <wb-structure-config-font\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_ADDRESS]\"\n [white]=\"false\"\n [isSmall]=\"true\"\n [withImage]=\"false\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_ADDRESS] = $event; persist()\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <div class=\"wb-map-right-text__address\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ADDRESS]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n </div>\n </div>\n <div class=\"columns is-gapless\">\n <div class=\"column is-1\">\n <wb-structure-config-font\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_PHONE]\"\n [white]=\"false\"\n [isSmall]=\"true\"\n [withImage]=\"false\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_PHONE] = $event; persist()\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <div class=\"wb-map-right-text__address\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_PHONE]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n </div>\n </div>\n <div class=\"columns is-gapless\">\n <div class=\"column is-1\">\n <wb-structure-config-font\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_EMAIL]\"\n [white]=\"false\"\n [isSmall]=\"true\"\n [withImage]=\"false\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_EMAIL] = $event; persist()\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <div class=\"wb-map-right-text__address\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_EMAIL]\"\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 class=\"wb-map-right-text__social\"\n *ngIf=\"\n contents[BASE_BLOCK_CONTENT][FORM_NAME_FACEBOOK] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_TWITTER] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_PINTEREST] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_INSTAGRAM]\n \"\n >\n <div class=\"wb-map-right-text__social__facebook\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_FACEBOOK]\">\n <i class=\"fab fa-facebook-f\"></i>\n </div>\n <div class=\"wb-map-right-text__social__twitter\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TWITTER]\">\n <i class=\"fab fa-twitter\"></i>\n </div>\n <div class=\"wb-map-right-text__social__pinterest\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_PINTEREST]\">\n <i class=\"fab fa-pinterest-p\"></i>\n </div>\n <div class=\"wb-map-right-text__social__instagram\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_INSTAGRAM]\">\n <i class=\"fab fa-instagram\"></i>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":13,"character":5},"arguments":["myInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"setCoordinateOnPlaces":[{"__symbolic":"method"}],"handleAddressChange":[{"__symbolic":"method"}],"onMapReady":[{"__symbolic":"method"}]}},"ɵhz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":14,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-map-right-text"},"ɵprov":{}}},"ɵia":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵib"},"member":"selector"}},"template":"<div class=\"wb-map-text-form\">\n <div class=\"wb-map-text-form__container__config\" *ngIf=\"showMap\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <p>{{ 'wb.structures.template.19' | translate }}</p>\n <input\n id=\"address-input-edit{{ uuid }}\"\n type=\"text\"\n [(ngModel)]=\"address\"\n #myInputEdit\n (click)=\"myInputEdit.select()\"\n ngx-google-places-autocomplete\n (onAddressChange)=\"handleAddressChange($event)\"\n />\n </wb-structure-config>\n </div>\n <div class=\"wb-map-text-form__selector\" *ngIf=\"!showMap\">\n <p>{{ 'wb.structures.template.19' | translate }}</p>\n <input\n id=\"address-input{{ uuid }}\"\n type=\"text\"\n [(ngModel)]=\"address\"\n #myInput\n (click)=\"myInput.select()\"\n ngx-google-places-autocomplete\n (onAddressChange)=\"handleAddressChange($event)\"\n />\n </div>\n <div class=\"columns is-gapless\" *ngIf=\"showMap\">\n <div class=\"column\">\n <div class=\"wb-map-text-form__addresses\">\n <div class=\"columns is-gapless\">\n <div class=\"column is-1\">\n <wb-structure-config-font\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_ADDRESS]\"\n [white]=\"false\"\n [isSmall]=\"true\"\n [withImage]=\"false\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_ADDRESS] = $event; persist()\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <div class=\"wb-map-text-form__address\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ADDRESS]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n </div>\n </div>\n <div class=\"columns is-gapless\">\n <div class=\"column is-1\">\n <wb-structure-config-font\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_PHONE]\"\n [white]=\"false\"\n [isSmall]=\"true\"\n [withImage]=\"false\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_PHONE] = $event; persist()\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <div class=\"wb-map-text-form__address\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_PHONE]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n </div>\n </div>\n <div class=\"columns is-gapless\">\n <div class=\"column is-1\">\n <wb-structure-config-font\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_EMAIL]\"\n [white]=\"false\"\n [isSmall]=\"true\"\n [withImage]=\"false\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_EMAIL] = $event; persist()\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <div class=\"wb-map-text-form__address\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_EMAIL]\"\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 class=\"wb-map-text-form__social\"\n *ngIf=\"\n contents[BASE_BLOCK_CONTENT][FORM_NAME_FACEBOOK] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_TWITTER] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_PINTEREST] ||\n contents[BASE_BLOCK_CONTENT][FORM_NAME_INSTAGRAM]\n \"\n >\n <div class=\"wb-map-text-form__social__facebook\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_FACEBOOK]\">\n <i class=\"fab fa-facebook-f\"></i>\n </div>\n <div class=\"wb-map-text-form__social__twitter\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TWITTER]\">\n <i class=\"fab fa-twitter\"></i>\n </div>\n <div class=\"wb-map-text-form__social__pinterest\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_PINTEREST]\">\n <i class=\"fab fa-pinterest-p\"></i>\n </div>\n <div class=\"wb-map-text-form__social__instagram\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_INSTAGRAM]\">\n <i class=\"fab fa-instagram\"></i>\n </div>\n </div>\n <div class=\"wb-map-text-form__container\">\n <div *ngIf=\"showMap\">\n <div class=\"wb-map-text-form__cover\"></div>\n <div\n class=\"wb-map-text-form__container__map\"\n leaflet\n [leafletOptions]=\"options\"\n [leafletLayers]=\"layers\"\n [(leafletCenter)]=\"center\"\n (leafletMapReady)=\"onMapReady($event)\"\n ></div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div *ngIf=\"selectedDetailForm.length === 0\">\n <div *ngIf=\"forms.length === 0\" class=\"wb-map-text-form__loader\">\n <wb-loader></wb-loader>\n </div>\n <div class=\"wb-map-text-form__selector\" *ngIf=\"forms.length > 0\">\n <wb-structure-select\n [selectedValue]=\"selectedValue\"\n [forms]=\"forms\"\n (changed)=\"selectedValue = $event; selectThisForm()\"\n ></wb-structure-select>\n </div>\n </div>\n <div *ngIf=\"selectedDetailForm.length > 0\" class=\"wb-map-text-form__container-form\">\n <div class=\"wb-map-text-form__container-form__editor\">\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 </div>\n <div class=\"wb-map-text-form__container-form__content\">\n <div *ngFor=\"let select of selectedDetailForm\">\n <p [innerHTML]=\"select.title\"></p>\n <p>{{ select.type | answerPipe | translate }}</p>\n </div>\n <div>\n <wb-structure-select\n [selectedValue]=\"selectedValue\"\n [forms]=\"forms\"\n (changed)=\"selectedValue = $event; selectThisForm()\"\n ></wb-structure-select>\n    \n <button>{{ selectedValue.submit_label }}</button>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":17,"character":5},"arguments":["myInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"setCoordinateOnPlaces":[{"__symbolic":"method"}],"handleAddressChange":[{"__symbolic":"method"}],"onMapReady":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}]}},"ɵib":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":14,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-map-text-form"},"ɵprov":{}}},"ɵic":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵid"},"member":"selector"}},"template":"<div class=\"wb-map-background-form-left\">\n <div class=\"wb-map-background-form-left__container__config\" *ngIf=\"showMap\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_RIGHT_TOP\" [isFullwidth]=\"true\">\n <p>{{ 'wb.structures.template.19' | translate }}</p>\n <input\n id=\"address-input-edit{{ uuid }}\"\n type=\"text\"\n [(ngModel)]=\"address\"\n #myInputEdit\n (click)=\"myInputEdit.select()\"\n ngx-google-places-autocomplete\n (onAddressChange)=\"handleAddressChange($event)\"\n />\n </wb-structure-config>\n </div>\n <div class=\"wb-map-background-form-left__selector\" *ngIf=\"!showMap\">\n <p>{{ 'wb.structures.template.19' | translate }}</p>\n <input\n id=\"address-input{{ uuid }}\"\n type=\"text\"\n [(ngModel)]=\"address\"\n #myInput\n (click)=\"myInput.select()\"\n ngx-google-places-autocomplete\n (onAddressChange)=\"handleAddressChange($event)\"\n />\n </div>\n <div class=\"columns is-gapless\" *ngIf=\"showMap\">\n <div class=\"column\">\n <div *ngIf=\"selectedDetailForm.length === 0\">\n <div *ngIf=\"forms.length === 0\" class=\"wb-map-background-form-left__loader\">\n <wb-loader></wb-loader>\n </div>\n <div class=\"wb-map-background-form-left__selector-form\" *ngIf=\"forms.length > 0\">\n <wb-structure-select\n [selectedValue]=\"selectedValue\"\n [forms]=\"forms\"\n (changed)=\"selectedValue = $event; selectThisForm()\"\n ></wb-structure-select>\n </div>\n </div>\n <div *ngIf=\"selectedDetailForm.length > 0\" class=\"wb-map-background-form-left__container-form\">\n <div class=\"wb-map-background-form-left__container-form__editor\">\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 </div>\n <div class=\"wb-map-background-form-left__container-form__content\">\n <div *ngFor=\"let select of selectedDetailForm\">\n <p [innerHTML]=\"select.title\"></p>\n <p>{{ select.type | answerPipe | translate }}</p>\n </div>\n <div>\n <wb-structure-select\n [selectedValue]=\"selectedValue\"\n [forms]=\"forms\"\n (changed)=\"selectedValue = $event; selectThisForm()\"\n ></wb-structure-select>\n    \n <button>{{ selectedValue.submit_label }}</button>\n </div>\n </div>\n </div>\n <div class=\"wb-map-background-form-left__container\">\n <div>\n <div class=\"wb-map-background-form-left__cover\"></div>\n <div\n class=\"wb-map-background-form-left__container__map\"\n leaflet\n [leafletOptions]=\"options\"\n [leafletLayers]=\"layers\"\n [(leafletCenter)]=\"center\"\n (leafletMapReady)=\"onMapReady($event)\"\n ></div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":5},"arguments":["myInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"}]}],"ngOnInit":[{"__symbolic":"method"}],"setCoordinateOnPlaces":[{"__symbolic":"method"}],"handleAddressChange":[{"__symbolic":"method"}],"onMapReady":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}]}},"ɵid":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-map-background-form-left"},"ɵprov":{}}},"ɵie":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵif"},"member":"selector"}},"template":"<div class=\"wb-map-background-form-right\">\n <div class=\"wb-map-background-form-right__container__config\" *ngIf=\"showMap\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <p>{{ 'wb.structures.template.19' | translate }}</p>\n <input\n id=\"address-input-edit{{ uuid }}\"\n type=\"text\"\n [(ngModel)]=\"address\"\n #myInputEdit\n (click)=\"myInputEdit.select()\"\n ngx-google-places-autocomplete\n (onAddressChange)=\"handleAddressChange($event)\"\n />\n </wb-structure-config>\n </div>\n <div class=\"wb-map-background-form-right__selector\" *ngIf=\"!showMap\">\n <p>{{ 'wb.structures.template.19' | translate }}</p>\n <input\n id=\"address-input{{ uuid }}\"\n type=\"text\"\n [(ngModel)]=\"address\"\n #myInput\n (click)=\"myInput.select()\"\n ngx-google-places-autocomplete\n (onAddressChange)=\"handleAddressChange($event)\"\n />\n </div>\n <div class=\"columns is-gapless\" *ngIf=\"showMap\">\n <div class=\"column\">\n <div class=\"wb-map-background-form-right__container\">\n <div *ngIf=\"showMap\">\n <div class=\"wb-map-background-form-right__cover\"></div>\n <div\n class=\"wb-map-background-form-right__container__map\"\n leaflet\n [leafletOptions]=\"options\"\n [leafletLayers]=\"layers\"\n [(leafletCenter)]=\"center\"\n (leafletMapReady)=\"onMapReady($event)\"\n ></div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div *ngIf=\"selectedDetailForm.length === 0\">\n <div *ngIf=\"forms.length === 0\" class=\"wb-map-background-form-right__loader\">\n <wb-loader></wb-loader>\n </div>\n <div class=\"wb-map-background-form-right__selector\" *ngIf=\"forms.length > 0\">\n <wb-structure-select\n [selectedValue]=\"selectedValue\"\n [forms]=\"forms\"\n (changed)=\"selectedValue = $event; selectThisForm()\"\n ></wb-structure-select>\n </div>\n </div>\n <div *ngIf=\"selectedDetailForm.length > 0\" class=\"wb-map-background-form-right__container-form\">\n <div class=\"wb-map-background-form-right__container-form__editor\">\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 </div>\n <div class=\"wb-map-background-form-right__container-form__content\">\n <div *ngFor=\"let select of selectedDetailForm\">\n <p [innerHTML]=\"select.title\"></p>\n <p>{{ select.type | answerPipe | translate }}</p>\n </div>\n <div>\n <wb-structure-select\n [selectedValue]=\"selectedValue\"\n [forms]=\"forms\"\n (changed)=\"selectedValue = $event; selectThisForm()\"\n ></wb-structure-select>\n    \n <button>{{ selectedValue.submit_label }}</button>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"input":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":16,"character":5},"arguments":["myInput"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"}]}],"ngOnInit":[{"__symbolic":"method"}],"setCoordinateOnPlaces":[{"__symbolic":"method"}],"handleAddressChange":[{"__symbolic":"method"}],"onMapReady":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}]}},"ɵif":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-map-background-form-right"},"ɵprov":{}}},"ɵig":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵih"},"member":"selector"}},"template":"<div class=\"wb-amplify-products-list-simple\" [ngClass]=\"'nb-ligne-' + contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE]\">\n <div *ngIf=\"catalogSelection\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.3' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE]\"\n (ngModelChange)=\"persist()\"\n [off]=\"false\"\n [on]=\"true\"\n ></wb-structure-config-checkbox>\n <wb-structure-amplify-search-product\n #structureSearchProduct\n [searchNumber]=\"20\"\n [type]=\"type\"\n [label]=\"'wb.structures.template.4' | translate\"\n (changeType)=\"changeType($event)\"\n (newSearch)=\"changeProduct($event)\"\n [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n ></wb-structure-amplify-search-product>\n <wb-structure-amplify-search-category\n [label]=\"'wb.structures.template.5' | translate\"\n (changeType)=\"changeType($event)\"\n (newSearch)=\"changeCategory($event)\"\n [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n ></wb-structure-amplify-search-category>\n </wb-structure-config>\n </div>\n <div class=\"wb-amplify-products-list-simple__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE] && catalogSelection\">\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 <wb-loader *ngIf=\"isLoading\" class=\"is-fullsize\"></wb-loader>\n <div *ngIf=\"catalogSelection !== null\">\n <div\n class=\"wb-amplify-products-list-simple__list\"\n *ngIf=\"catalogSelection && catalogSelection !== undefined && catalogSelection.results && catalogSelection.results.length\"\n >\n <div *ngFor=\"let product of catalogSelection.results | slice: 0:9\">\n <div>\n <p>{{ product.title }}</p>\n <p>{{ product.price | number: '1.2-2' }}{{ devise }}</p>\n <a>{{ 'wb.structures.template.2' | translate }}</a>\n </div>\n <img [src]=\"product.images_url[0]\" [alt]=\"product.title\" *ngIf=\"product.images_url.length\" />\n </div>\n </div>\n <div class=\"wb-amplify-products-list-simple__nolist\" *ngIf=\"!catalogSelection.results || catalogSelection.results.length === 0\">\n <p>{{ 'wb.structures.template.6' | translate }}</p>\n </div>\n </div>\n <div class=\"wb-amplify-products-list-simple__noproduct\" *ngIf=\"catalogSelection === null && !isLoading\">\n <wb-structure-amplify-search-product\n [searchNumber]=\"20\"\n [label]=\"'wb.structures.template.4' | translate\"\n [type]=\"type\"\n (newSearch)=\"changeProduct($event)\"\n (changeType)=\"changeType($event)\"\n [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n ></wb-structure-amplify-search-product>\n <wb-structure-amplify-search-category\n [label]=\"'wb.structures.template.5' | translate\"\n (changeType)=\"changeType($event)\"\n (newSearch)=\"changeCategory($event)\"\n [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n ></wb-structure-amplify-search-category>\n </div>\n</div>\n"}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":5},"arguments":["structureSearchProduct",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"changeCategory":[{"__symbolic":"method"}],"changeProduct":[{"__symbolic":"method"}],"changeType":[{"__symbolic":"method"}]}},"ɵih":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-amplify-products-list-simple"},"ɵprov":{}}},"ɵii":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵij"},"member":"selector"}},"template":"<div class=\"wb-amplify-products-list-selected\" [ngClass]=\"'nb-ligne-' + contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE]\">\n <div *ngIf=\"catalogSelection\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.3' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE]\"\n (ngModelChange)=\"persist()\"\n [off]=\"false\"\n [on]=\"true\"\n ></wb-structure-config-checkbox>\n <wb-structure-amplify-search-product\n #structureSearchProduct\n [searchNumber]=\"20\"\n [type]=\"type\"\n [label]=\"'wb.structures.template.4' | translate\"\n (changeType)=\"changeType($event)\"\n (newSearch)=\"changeProduct($event)\"\n [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n ></wb-structure-amplify-search-product>\n <wb-structure-amplify-search-category\n [label]=\"'wb.structures.template.5' | translate\"\n (changeType)=\"changeType($event)\"\n (newSearch)=\"changeCategory($event)\"\n [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n ></wb-structure-amplify-search-category>\n </wb-structure-config>\n </div>\n <div class=\"wb-amplify-products-list-selected__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE] && catalogSelection\">\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 <wb-loader *ngIf=\"isLoading\" class=\"is-fullsize\"></wb-loader>\n <div *ngIf=\"catalogSelection !== null\">\n <div\n class=\"wb-amplify-products-list-selected__list\"\n *ngIf=\"catalogSelection && catalogSelection !== undefined && catalogSelection.results && catalogSelection.results.length\"\n >\n <div class=\"columns\">\n <div class=\"column\">\n <div class=\"wb-amplify-products-list-selected__list__product\">\n <div>\n <img\n [src]=\"catalogSelection.results[0].images_url[0]\"\n [alt]=\"catalogSelection.results[0].title\"\n *ngIf=\"catalogSelection.results[0].images_url.length\"\n />\n </div>\n <p>{{ catalogSelection.results[0].title }}</p>\n <p>{{ catalogSelection.results[0].price | number: '1.2-2' }}{{ devise }}</p>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"columns is-gapless is-multiline wb-amplify-products-list-selected__list__second\">\n <div *ngFor=\"let product of catalogSelection.results | slice: 1:5\" class=\"column is-6\">\n <div class=\"wb-amplify-products-list-selected__list__product\">\n <div>\n <img [src]=\"product.images_url[0]\" [alt]=\"product.title\" *ngIf=\"product.images_url.length\" />\n </div>\n <p>{{ product.title }}</p>\n <p>{{ product.price | number: '1.2-2' }}{{ devise }}</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"columns\" *ngIf=\"catalogSelection.results.length > 5 && contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE] !== '1'\">\n <div class=\"column\">\n <div class=\"columns is-gapless is-multiline wb-amplify-products-list-selected__list__second\">\n <div *ngFor=\"let product of catalogSelection.results | slice: 6:10\" class=\"column is-6\">\n <div class=\"wb-amplify-products-list-selected__list__product\">\n <div>\n <img [src]=\"product.images_url[0]\" [alt]=\"product.title\" *ngIf=\"product.images_url.length\" />\n </div>\n <p>{{ product.title }}</p>\n <p>{{ product.price | number: '1.2-2' }}{{ devise }}</p>\n </div>\n </div>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"wb-amplify-products-list-selected__list__product\">\n <div>\n <img\n [src]=\"catalogSelection.results[5].images_url[0]\"\n [alt]=\"catalogSelection.results[5].title\"\n *ngIf=\"catalogSelection.results[5].images_url.length\"\n />\n </div>\n <p>{{ catalogSelection.results[5].title }}</p>\n <p>{{ catalogSelection.results[5].price | number: '1.2-2' }}{{ devise }}</p>\n </div>\n </div>\n </div>\n <div class=\"columns\" *ngIf=\"catalogSelection.results.length > 10 && contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE] === '3'\">\n <div class=\"column\">\n <div class=\"wb-amplify-products-list-selected__list__product\">\n <div>\n <img\n [src]=\"catalogSelection.results[10].images_url[0]\"\n [alt]=\"catalogSelection.results[10].title\"\n *ngIf=\"catalogSelection.results[10].images_url.length\"\n />\n </div>\n <p>{{ catalogSelection.results[10].title }}</p>\n <p>{{ catalogSelection.results[10].price | number: '1.2-2' }}{{ devise }}</p>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"columns is-gapless is-multiline wb-amplify-products-list-selected__list__second\">\n <div *ngFor=\"let product of catalogSelection.results | slice: 11:15\" class=\"column is-6\">\n <div class=\"wb-amplify-products-list-selected__list__product\">\n <div>\n <img [src]=\"product.images_url[0]\" [alt]=\"product.title\" *ngIf=\"product.images_url.length\" />\n </div>\n <p>{{ product.title }}</p>\n <p>{{ product.price | number: '1.2-2' }}{{ devise }}</p>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div class=\"wb-amplify-products-list-selected__nolist\" *ngIf=\"!catalogSelection.results || catalogSelection.results.length === 0\">\n <p>{{ 'wb.structures.template.6' | translate }}</p>\n </div>\n </div>\n\n <div class=\"wb-amplify-products-list-selected__noproduct\" *ngIf=\"catalogSelection === null && !isLoading\">\n <wb-structure-amplify-search-product\n [searchNumber]=\"20\"\n [label]=\"'wb.structures.template.4' | translate\"\n [type]=\"type\"\n (newSearch)=\"changeProduct($event)\"\n (changeType)=\"changeType($event)\"\n [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n ></wb-structure-amplify-search-product>\n <wb-structure-amplify-search-category\n [label]=\"'wb.structures.template.5' | translate\"\n (changeType)=\"changeType($event)\"\n (newSearch)=\"changeCategory($event)\"\n [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n ></wb-structure-amplify-search-category>\n </div>\n</div>\n"}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":18,"character":5},"arguments":["structureSearchProduct",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"changeType":[{"__symbolic":"method"}],"changeCategory":[{"__symbolic":"method"}],"changeProduct":[{"__symbolic":"method"}]}},"ɵij":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-amplify-products-list-selected"},"ɵprov":{}}},"ɵik":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵil"},"member":"selector"}},"template":"<div class=\"wb-amplify-products-list-classic\" [ngClass]=\"'nb-ligne-' + contents[BASE_BLOCK_CONTENT][FORM_NAME_NBLIGNE]\">\n <div *ngIf=\"catalogSelection\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.3' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE]\"\n (ngModelChange)=\"persist()\"\n [off]=\"false\"\n [on]=\"true\"\n ></wb-structure-config-checkbox>\n <wb-structure-amplify-search-product\n #structureSearchProduct\n [searchNumber]=\"20\"\n [type]=\"type\"\n [label]=\"'wb.structures.template.4' | translate\"\n (changeType)=\"changeType($event)\"\n (newSearch)=\"changeProduct($event)\"\n [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n ></wb-structure-amplify-search-product>\n <wb-structure-amplify-search-category\n [label]=\"'wb.structures.template.5' | translate\"\n (changeType)=\"changeType($event)\"\n (newSearch)=\"changeCategory($event)\"\n [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n ></wb-structure-amplify-search-category>\n </wb-structure-config>\n </div>\n <div class=\"wb-amplify-products-list-classic__text\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHOW_TITLE] && catalogSelection\">\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 <wb-loader *ngIf=\"isLoading\" class=\"is-fullsize\"></wb-loader>\n <div *ngIf=\"catalogSelection !== null\">\n <div\n class=\"wb-amplify-products-list-classic__list\"\n *ngIf=\"catalogSelection !== undefined && catalogSelection.results && catalogSelection.results.length\"\n >\n <div *ngFor=\"let product of catalogSelection.results | slice: 0:12\">\n <div>\n <img [src]=\"product.images_url[0]\" [alt]=\"product.title\" *ngIf=\"product.images_url.length\" />\n </div>\n <p>{{ product.title }}</p>\n <p>{{ product.price | number: '1.2-2' }}{{ devise }}</p>\n </div>\n </div>\n <div class=\"wb-amplify-products-list-classic__nolist\" *ngIf=\"!catalogSelection.results || catalogSelection.results.length === 0\">\n <p>{{ 'wb.structures.template.6' | translate }}</p>\n </div>\n </div>\n <div class=\"wb-amplify-products-list-classic__noproduct\" *ngIf=\"catalogSelection === null && !isLoading\">\n <wb-structure-amplify-search-product\n [searchNumber]=\"20\"\n [label]=\"'wb.structures.template.4' | translate\"\n [type]=\"type\"\n (newSearch)=\"changeProduct($event)\"\n (changeType)=\"changeType($event)\"\n [selectedProd]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_LIST_PRODUCT]\"\n ></wb-structure-amplify-search-product>\n <wb-structure-amplify-search-category\n [label]=\"'wb.structures.template.5' | translate\"\n (changeType)=\"changeType($event)\"\n (newSearch)=\"changeCategory($event)\"\n [selectedCategory]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_AMPLIFY_CATEGORY]\"\n ></wb-structure-amplify-search-category>\n </div>\n</div>\n"}]}],"members":{"content":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":23,"character":5},"arguments":["structureSearchProduct",{"static":false}]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"changeType":[{"__symbolic":"method"}],"changeCategory":[{"__symbolic":"method"}],"changeProduct":[{"__symbolic":"method"}]}},"ɵil":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-amplify-products-list-classic"},"ɵprov":{}}},"ɵim":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵin"},"member":"selector"}},"template":"<div class=\"wb-amplify-product-zoom\">\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom__product-config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-amplify-search-product\n [label]=\"'wb.structures.template.1' | translate\"\n (newSearch)=\"prodSearched($event)\"\n [type]=\"type\"\n (changeType)=\"changeType($event)\"\n ></wb-structure-amplify-search-product>\n </wb-structure-config>\n </div>\n <wb-loader *ngIf=\"isLoading\"></wb-loader>\n <div class=\"wb-amplify-product-zoom__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n <wb-structure-amplify-search-product\n [label]=\"'wb.structures.template.1' | translate\"\n (newSearch)=\"prodSearched($event)\"\n [type]=\"type\"\n (changeType)=\"changeType($event)\"\n [searchNumber]=\"1\"\n ></wb-structure-amplify-search-product>\n </div>\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom__selected\">\n <div class=\"columns is-gapless\">\n <div class=\"column is-1\" *ngIf=\"selectedProduct.images_url\">\n <img [src]=\"image\" *ngFor=\"let image of selectedProduct.images_url\" />\n </div>\n <div class=\"column\">\n <img [src]=\"selectedProduct.images_url[0]\" />\n </div>\n <div class=\"column\">\n <h3>{{ selectedProduct.title }}</h3>\n <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\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 <p>{{ selectedProduct.price | number: '1.2-2' }} {{ devise }}</p>\n <a>{{ 'wb.structures.template.2' | translate }}</a>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}],"prodSearched":[{"__symbolic":"method"}],"changeType":[{"__symbolic":"method"}],"searchById":[{"__symbolic":"method"}]}},"ɵin":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-amplify-product-zoom"},"ɵprov":{}}},"ɵio":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵip"},"member":"selector"}},"template":"<div class=\"wb-amplify-product-zoom-triple-column\">\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-triple-column__product-config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-amplify-search-product\n [label]=\"'wb.structures.template.1' | translate\"\n (newSearch)=\"prodSearched($event)\"\n [type]=\"type\"\n (changeType)=\"changeType($event)\"\n ></wb-structure-amplify-search-product>\n </wb-structure-config>\n </div>\n <wb-loader *ngIf=\"isLoading\"></wb-loader>\n <div class=\"wb-amplify-product-zoom-triple-column__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n <wb-structure-amplify-search-product\n [label]=\"'wb.structures.template.1' | translate\"\n (newSearch)=\"prodSearched($event)\"\n [type]=\"type\"\n (changeType)=\"changeType($event)\"\n [searchNumber]=\"1\"\n ></wb-structure-amplify-search-product>\n </div>\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-triple-column__selected\">\n <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div class=\"container-img\">\n <img [src]=\"selectedProduct.images_url[0]\" />\n </div>\n </div>\n <div class=\"column\">\n <h3>{{ selectedProduct.title }}</h3>\n <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\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 <p>{{ selectedProduct.price | number: '1.2-2' }} {{ devise }}</p>\n </div>\n <div class=\"column\" [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n <a>{{ contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT] }}</a>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}],"prodSearched":[{"__symbolic":"method"}],"changeType":[{"__symbolic":"method"}],"searchById":[{"__symbolic":"method"}]}},"ɵip":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-amplify-product-zoom-triple-column"},"ɵprov":{}}},"ɵiq":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵir"},"member":"selector"}},"template":"<div class=\"wb-amplify-product-zoom-selected\">\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-selected__product-config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-amplify-search-product\n [label]=\"'wb.structures.template.1' | translate\"\n (newSearch)=\"prodSearched($event)\"\n [type]=\"type\"\n (changeType)=\"changeType($event)\"\n ></wb-structure-amplify-search-product>\n </wb-structure-config>\n </div>\n <wb-loader *ngIf=\"isLoading\"></wb-loader>\n <div class=\"wb-amplify-product-zoom-selected__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n <wb-structure-amplify-search-product\n [label]=\"'wb.structures.template.1' | translate\"\n (newSearch)=\"prodSearched($event)\"\n [type]=\"type\"\n (changeType)=\"changeType($event)\"\n [searchNumber]=\"1\"\n ></wb-structure-amplify-search-product>\n </div>\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-selected__selected\">\n <div\n class=\"wb-amplify-product-zoom-selected__selected__container-image\"\n [ngClass]=\"{ 'has-more-image': selectedProduct.images_url.length > 1 }\"\n >\n <img\n [src]=\"image\"\n *ngFor=\"let image of selectedProduct.images_url; let i = index\"\n [ngClass]=\"{ 'is-active': selected === i }\"\n />\n <div class=\"wb-amplify-product-zoom-selected__selected__container-selector\" *ngIf=\"selectedProduct.images_url.length > 1\">\n <span\n *ngFor=\"let item of [].constructor(selectedProduct.images_url.length + 1); let i = index\"\n (click)=\"selectThisPhoto(i)\"\n [ngClass]=\"{ 'is-active': selected === i }\"\n ></span>\n </div>\n </div>\n <div class=\"wb-amplify-product-zoom-selected__selected__container-other\">\n <h3>{{ selectedProduct.title }}</h3>\n <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\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 <p>{{ selectedProduct.price | number: '1.2-2' }} {{ devise }}</p>\n <a>{{ 'wb.structures.template.2' | translate }}</a>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}],"prodSearched":[{"__symbolic":"method"}],"selectThisPhoto":[{"__symbolic":"method"}],"changeType":[{"__symbolic":"method"}],"searchById":[{"__symbolic":"method"}]}},"ɵir":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-amplify-product-zoom-selected"},"ɵprov":{}}},"ɵis":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵit"},"member":"selector"}},"template":"<div class=\"wb-amplify-product-zoom-more\">\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-more__product-config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-amplify-search-product\n [label]=\"'wb.structures.template.1' | translate\"\n (newSearch)=\"prodSearched($event)\"\n [type]=\"type\"\n (changeType)=\"changeType($event)\"\n ></wb-structure-amplify-search-product>\n </wb-structure-config>\n </div>\n <wb-loader *ngIf=\"isLoading\"></wb-loader>\n <div class=\"wb-amplify-product-zoom-more__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n <wb-structure-amplify-search-product\n [label]=\"'wb.structures.template.1' | translate\"\n (newSearch)=\"prodSearched($event)\"\n [type]=\"type\"\n (changeType)=\"changeType($event)\"\n [searchNumber]=\"1\"\n ></wb-structure-amplify-search-product>\n </div>\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-amplify-product-zoom-more__selected\">\n <div\n class=\"wb-amplify-product-zoom-more__selected__container-image\"\n [ngClass]=\"{ 'has-more-image': selectedProduct.images_url.length > 1 }\"\n >\n <div class=\"columns\">\n <div class=\"column is-4\">\n <img [src]=\"selectedProduct.images_url[0]\" [ngClass]=\"{ 'is-active': selected === 0 }\" />\n </div>\n <div class=\"column is-4\" *ngFor=\"let image of selectedProduct.images_url | slice: 1:3; let i = index\">\n <img [src]=\"image\" [ngClass]=\"{ 'is-active': selected === i + 1 }\" />\n </div>\n </div>\n </div>\n <div class=\"wb-amplify-product-zoom-more__selected__container-other\">\n <div class=\"columns is-gapless\">\n <div class=\"column is-8\">\n <h3>{{ selectedProduct.title }}</h3>\n <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\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 <p>{{ selectedProduct.price | number: '1.2-2' }} {{ devise }}</p>\n </div>\n <div class=\"column\">\n <a>{{ 'wb.structures.template.2' | translate }}</a>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"}]}],"ngOnInit":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}],"prodSearched":[{"__symbolic":"method"}],"changeType":[{"__symbolic":"method"}],"searchById":[{"__symbolic":"method"}]}},"ɵit":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-amplify-product-zoom-more"},"ɵprov":{}}},"ɵiu":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":13,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵiv"},"member":"selector"}},"template":"<div class=\"wb-product-zoom\">\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-product-zoom__product-config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-search-product\n [label]=\"'wb.structures.template.20' | translate\"\n (newSearch)=\"prodSearched($event)\"\n ></wb-structure-search-product>\n </wb-structure-config>\n </div>\n <wb-loader *ngIf=\"isLoading\"></wb-loader>\n <div class=\"wb-product-zoom__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n <wb-structure-search-product\n [label]=\"'wb.structures.template.20' | translate\"\n (newSearch)=\"prodSearched($event)\"\n [searchNumber]=\"1\"\n ></wb-structure-search-product>\n </div>\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-product-zoom__selected\">\n <div class=\"columns is-gapless\">\n <div class=\"column is-1\" *ngIf=\"selectedProduct.other_images.length\">\n <img [src]=\"imageFrontUrl + selectedProduct.main_image.file\" />\n <img [src]=\"imageFrontUrl + images.file\" *ngFor=\"let images of selectedProduct.other_images\" />\n </div>\n <div class=\"column\">\n <img [src]=\"imageFrontUrl + selectedProduct.main_image.file\" />\n </div>\n <div class=\"column\">\n <h3>{{ selectedProduct.name }}</h3>\n <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\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 <p class=\"is-variant\" *ngIf=\"selectedProduct.variants.length\">{{ selectedProduct.variants[0].label }}</p>\n <p>{{ priceFormat }}</p>\n <a>{{ 'wb.structures.template.23' | translate }}</a>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵgh"}]}],"ngOnInit":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}],"prodSearched":[{"__symbolic":"method"}],"searchById":[{"__symbolic":"method"}]}},"ɵiv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-product-zoom"},"ɵprov":{}}},"ɵiw":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵix"},"member":"selector"}},"template":"<div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-product-zoom-triple-column__product-config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-search-product\n [label]=\"'wb.structures.template.20' | translate\"\n (newSearch)=\"prodSearched($event)\"\n ></wb-structure-search-product>\n </wb-structure-config>\n</div>\n<div class=\"wb-product-zoom-triple-column\">\n <wb-loader *ngIf=\"isLoading\"></wb-loader>\n <div class=\"wb-product-zoom-triple-column__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n <wb-structure-search-product\n [label]=\"'wb.structures.template.20' | translate\"\n (newSearch)=\"prodSearched($event)\"\n [searchNumber]=\"1\"\n ></wb-structure-search-product>\n </div>\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-product-zoom-triple-column__selected\">\n <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div class=\"container-img\">\n <img [src]=\"imageFrontUrl + selectedProduct.main_image.file\" />\n </div>\n </div>\n <div class=\"column\">\n <h3>{{ selectedProduct.name }}</h3>\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 <p>{{ priceFormat }}</p>\n <p class=\"is-variant\" *ngIf=\"selectedProduct.variants.length\">{{ selectedProduct.variants[0].label }}</p>\n </div>\n <div class=\"column\" [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n <a>{{ 'wb.structures.template.23' | translate }}</a>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵgh"}]}],"ngOnInit":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}],"prodSearched":[{"__symbolic":"method"}],"searchById":[{"__symbolic":"method"}]}},"ɵix":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":17,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-product-zoom-triple-column"},"ɵprov":{}}},"ɵiy":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵiz"},"member":"selector"}},"template":"<div class=\"wb-product-zoom-selected\">\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-product-zoom-selected__product-config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-search-product\n [label]=\"'wb.structures.template.20' | translate\"\n (newSearch)=\"prodSearched($event)\"\n ></wb-structure-search-product>\n </wb-structure-config>\n </div>\n <wb-loader *ngIf=\"isLoading\"></wb-loader>\n <div class=\"wb-product-zoom-selected__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n <wb-structure-search-product\n [label]=\"'wb.structures.template.20' | translate\"\n (newSearch)=\"prodSearched($event)\"\n [searchNumber]=\"1\"\n ></wb-structure-search-product>\n </div>\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-product-zoom-selected__selected\">\n <div\n class=\"wb-product-zoom-selected__selected__container-image\"\n [ngClass]=\"{ 'has-more-image': selectedProduct.other_images.length }\"\n >\n <img [src]=\"imageFrontUrl + selectedProduct.main_image.file\" [ngClass]=\"{ 'is-active': selected === 0 }\" />\n <img\n [src]=\"imageFrontUrl + images.file\"\n *ngFor=\"let images of selectedProduct.other_images; let i = index\"\n [ngClass]=\"{ 'is-active': selected === i + 1 }\"\n />\n <div class=\"wb-product-zoom-selected__selected__container-selector\" *ngIf=\"selectedProduct.other_images.length\">\n <span\n *ngFor=\"let item of [].constructor(selectedProduct.other_images.length + 1); let i = index\"\n (click)=\"selectThisPhoto(i)\"\n [ngClass]=\"{ 'is-active': selected === i }\"\n ></span>\n </div>\n </div>\n <div class=\"wb-product-zoom-selected__selected__container-other\">\n <h3>{{ selectedProduct.name }}</h3>\n <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\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 <p class=\"is-variant\" *ngIf=\"selectedProduct.variants.length\">{{ selectedProduct.variants[0].label }}</p>\n <p>{{ priceFormat }}</p>\n <a>{{ 'wb.structures.template.23' | translate }}</a>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵgh"}]}],"ngOnInit":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}],"prodSearched":[{"__symbolic":"method"}],"selectThisPhoto":[{"__symbolic":"method"}],"searchById":[{"__symbolic":"method"}]}},"ɵiz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-product-zoom-selected"},"ɵprov":{}}},"ɵja":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":11,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵjb"},"member":"selector"}},"template":"<div class=\"wb-product-zoom-more\">\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-product-zoom-more__product-config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-search-product\n [label]=\"'wb.structures.template.20' | translate\"\n (newSearch)=\"prodSearched($event)\"\n ></wb-structure-search-product>\n </wb-structure-config>\n </div>\n <wb-loader *ngIf=\"isLoading\"></wb-loader>\n <div class=\"wb-product-zoom-more__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n <wb-structure-search-product\n [label]=\"'wb.structures.template.20' | translate\"\n (newSearch)=\"prodSearched($event)\"\n [searchNumber]=\"1\"\n ></wb-structure-search-product>\n </div>\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-product-zoom-more__selected\">\n <div class=\"wb-product-zoom-more__selected__container-image\" [ngClass]=\"{ 'has-more-image': selectedProduct.other_images.length }\">\n <div class=\"columns\">\n <div class=\"column is-4\">\n <img [src]=\"imageFrontUrl + selectedProduct.main_image.file\" [ngClass]=\"{ 'is-active': selected === 0 }\" />\n </div>\n <div class=\"column is-4\" *ngFor=\"let images of selectedProduct.other_images | slice: 0:2; let i = index\">\n <img [src]=\"imageFrontUrl + images.file\" [ngClass]=\"{ 'is-active': selected === i + 1 }\" />\n </div>\n </div>\n </div>\n <div class=\"wb-product-zoom-more__selected__container-other\">\n <div class=\"columns is-gapless\">\n <div class=\"column is-8\">\n <h3>{{ selectedProduct.name }}</h3>\n <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\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 <p>{{ priceFormat }}</p>\n </div>\n <div class=\"column\">\n <p class=\"is-variant\" *ngIf=\"selectedProduct.variants.length\">{{ selectedProduct.variants[0].label }}</p>\n <a>{{ 'wb.structures.template.23' | translate }}</a>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵgh"}]}],"ngOnInit":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}],"prodSearched":[{"__symbolic":"method"}],"searchById":[{"__symbolic":"method"}]}},"ɵjb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-product-zoom-more"},"ɵprov":{}}},"ɵjc":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵjd"},"member":"selector"}},"template":"<div class=\"wb-product-zoom-complete\">\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-product-zoom-complete__product-config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-search-product\n [label]=\"'wb.structures.template.20' | translate\"\n (newSearch)=\"prodSearched($event)\"\n ></wb-structure-search-product>\n </wb-structure-config>\n </div>\n <wb-loader *ngIf=\"isLoading\"></wb-loader>\n <div class=\"wb-product-zoom-complete__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n <wb-structure-search-product\n [label]=\"'wb.structures.template.20' | translate\"\n (newSearch)=\"prodSearched($event)\"\n [searchNumber]=\"1\"\n ></wb-structure-search-product>\n </div>\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-product-zoom-complete__selected\">\n <div class=\"columns is-gapless\">\n <div class=\"column is-1\" *ngIf=\"selectedProduct.other_images.length\">\n <img [src]=\"imageFrontUrl + selectedProduct.main_image.file\" />\n <img [src]=\"imageFrontUrl + images.file\" *ngFor=\"let images of selectedProduct.other_images\" />\n </div>\n <div class=\"column\">\n <img [src]=\"imageFrontUrl + selectedProduct.main_image.file\" />\n </div>\n <div class=\"column\">\n <h3>{{ selectedProduct.name }}</h3>\n <p>{{ priceFormat }}</p>\n <p class=\"is-variant\" *ngIf=\"selectedProduct.variants.length\">{{ selectedProduct.variants[0].label }}</p>\n <a>{{ 'wb.structures.template.23' | translate }}</a>\n <div class=\"columns\">\n <div class=\"column\">\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 class=\"wb-product-zoom-complete__paymenticon\">\n <wb-structure-config-payment\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_PAYMENT_OR_MEDIA]\"\n (valueChange)=\"persist()\"\n ></wb-structure-config-payment>\n </div>\n </div>\n <div class=\"column\">\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 class=\"wb-product-zoom-complete__stock\">\n <div>\n <i class=\"fas fa-check-circle\"></i> <span>{{ 'wb.structures.template.24' | translate }}</span>\n </div>\n </div>\n </div>\n </div>\n <hr />\n <div class=\"columns is-gapless has-inline-icon\">\n <div class=\"column is-1\">\n <wb-structure-config-font\n [isInline]=\"true\"\n [withImage]=\"false\"\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_MIDDLE_TOP]\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR_MIDDLE_TOP]\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_MIDDLE_TOP] = $event; persist()\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT_MIDDLE_TOP]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n </div>\n <div class=\"columns is-gapless has-inline-icon\">\n <div class=\"column is-1\">\n <wb-structure-config-font\n [isInline]=\"true\"\n [withImage]=\"false\"\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_MIDDLE_BOTTOM]\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR_MIDDLE_BOTTOM]\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_MIDDLE_BOTTOM] = $event; persist()\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT_MIDDLE_BOTTOM]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n </div>\n <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\">\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>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵgh"}]}],"ngOnInit":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}],"prodSearched":[{"__symbolic":"method"}],"searchById":[{"__symbolic":"method"}]}},"ɵjd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-product-zoom-complete"},"ɵprov":{}}},"ɵje":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵjf"},"member":"selector"}},"template":"<div class=\"wb-product-zoom-complete-slider\">\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-product-zoom-complete-slider__product-config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-search-product\n [label]=\"'wb.structures.template.20' | translate\"\n (newSearch)=\"prodSearched($event)\"\n ></wb-structure-search-product>\n </wb-structure-config>\n </div>\n <wb-loader *ngIf=\"isLoading\"></wb-loader>\n <div class=\"wb-product-zoom-complete-slider__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n <wb-structure-search-product\n [label]=\"'wb.structures.template.20' | translate\"\n (newSearch)=\"prodSearched($event)\"\n [searchNumber]=\"1\"\n ></wb-structure-search-product>\n </div>\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-product-zoom-complete-slider__selected\">\n <div class=\"columns is-gapless\">\n <div class=\"column\">\n <h3>{{ selectedProduct.name }}</h3>\n <p>{{ priceFormat }}</p>\n <p class=\"is-variant\" *ngIf=\"selectedProduct.variants.length\">{{ selectedProduct.variants[0].label }}</p>\n <a><i class=\"fas fa-shopping-cart\"></i>{{ 'wb.structures.template.23' | translate }}</a>\n <div class=\"columns\">\n <div class=\"column\">\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 class=\"wb-product-zoom-complete-slider__paymenticon\">\n <wb-structure-config-payment\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_PAYMENT_OR_MEDIA]\"\n (valueChange)=\"persist()\"\n ></wb-structure-config-payment>\n </div>\n </div>\n <div class=\"column\">\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 class=\"wb-product-zoom-complete-slider__stock\">\n <div>\n <i class=\"fas fa-check-circle\"></i> <span>{{ 'wb.structures.template.24' | translate }}</span>\n </div>\n </div>\n </div>\n </div>\n <hr />\n <div class=\"columns is-gapless has-inline-icon\">\n <div class=\"column is-1\">\n <wb-structure-config-font\n [isInline]=\"true\"\n [withImage]=\"false\"\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_MIDDLE_TOP]\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR_MIDDLE_TOP]\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_MIDDLE_TOP] = $event; persist()\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT_MIDDLE_TOP]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n </div>\n <div class=\"columns is-gapless has-inline-icon\">\n <div class=\"column is-1\">\n <wb-structure-config-font\n [isInline]=\"true\"\n [withImage]=\"false\"\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_MIDDLE_BOTTOM]\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR_MIDDLE_BOTTOM]\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_MIDDLE_BOTTOM] = $event; persist()\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT_MIDDLE_BOTTOM]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n </div>\n <div class=\"columns is-bottom-content\">\n <div class=\"column\">\n <div class=\"columns is-gapless has-inline-icon\">\n <div class=\"column is-1\">\n <wb-structure-config-font\n [isInline]=\"true\"\n [withImage]=\"false\"\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_BOTTOM_LEFT]\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR_BOTTOM_LEFT]\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_BOTTOM_LEFT] = $event; persist()\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n </div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT_BOTTOM_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n </div>\n <div class=\"column\">\n <div class=\"columns is-gapless has-inline-icon\">\n <div class=\"column is-1\">\n <wb-structure-config-font\n [isInline]=\"true\"\n [withImage]=\"false\"\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_BOTTOM_RIGHT]\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR_BOTTOM_RIGHT]\"\n (valueChange)=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_BOTTOM_RIGHT] = $event; persist()\"\n ></wb-structure-config-font>\n </div>\n <div class=\"column\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_RIGHT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n </div>\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT_BOTTOM_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 class=\"column is-5\" *ngIf=\"selectedProduct.other_images.length\">\n <div\n class=\"wb-product-zoom-complete-slider__selected__container-image\"\n [ngClass]=\"{ 'has-more-image': selectedProduct.other_images.length }\"\n >\n <img [src]=\"imageFrontUrl + selectedProduct.main_image.file\" [ngClass]=\"{ 'is-active': selected === 0 }\" />\n <img\n [src]=\"imageFrontUrl + images.file\"\n *ngFor=\"let images of selectedProduct.other_images; let i = index\"\n [ngClass]=\"{ 'is-active': selected === i + 1 }\"\n />\n <div class=\"wb-product-zoom-complete-slider__selected__container-selector\" *ngIf=\"selectedProduct.other_images.length\">\n <span\n *ngFor=\"let item of [].constructor(selectedProduct.other_images.length + 1); let i = index\"\n (click)=\"selectThisPhoto(i)\"\n [ngClass]=\"{ 'is-active': selected === i }\"\n ></span>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵgh"}]}],"ngOnInit":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}],"prodSearched":[{"__symbolic":"method"}],"selectThisPhoto":[{"__symbolic":"method"}],"searchById":[{"__symbolic":"method"}]}},"ɵjf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":14,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-product-zoom-complete-slider"},"ɵprov":{}}},"ɵjg":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵjh"},"member":"selector"}},"template":"<div class=\"wb-product-zoom-simple\">\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-product-zoom-simple__product-config\">\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <wb-structure-search-product\n [label]=\"'wb.structures.template.20' | translate\"\n (newSearch)=\"prodSearched($event)\"\n ></wb-structure-search-product>\n </wb-structure-config>\n </div>\n <wb-loader *ngIf=\"isLoading\"></wb-loader>\n <div class=\"wb-product-zoom-simple__noproduct\" *ngIf=\"!isLoading && selectedProduct === null\">\n <wb-structure-search-product\n [label]=\"'wb.structures.template.20' | translate\"\n (newSearch)=\"prodSearched($event)\"\n [searchNumber]=\"1\"\n ></wb-structure-search-product>\n </div>\n <div *ngIf=\"!isLoading && selectedProduct\" class=\"wb-product-zoom-simple__selected\">\n <div class=\"columns is-multiline\">\n <div class=\"column\">\n <h3>{{ selectedProduct.name }}</h3>\n <p class=\"is-variant\" *ngIf=\"selectedProduct.variants.length\">{{ selectedProduct.variants[0].label }}</p>\n </div>\n <div class=\"column\">\n <a\n ><span>{{ priceFormat }}</span\n ><span>{{ 'wb.structures.template.23' | translate }}</span></a\n >\n <div class=\"columns\">\n <div class=\"column\">\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 class=\"wb-product-zoom-simple__paymenticon\">\n <wb-structure-config-payment\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_PAYMENT_OR_MEDIA]\"\n (valueChange)=\"persist()\"\n ></wb-structure-config-payment>\n </div>\n </div>\n <div class=\"column\">\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 class=\"wb-product-zoom-simple__stock\">\n <div>\n <i class=\"fas fa-check-circle\"></i> <span>{{ 'wb.structures.template.24' | translate }}</span>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵgh"}]}],"ngOnInit":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}],"prodSearched":[{"__symbolic":"method"}],"searchById":[{"__symbolic":"method"}]}},"ɵjh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-product-zoom-simple"},"ɵprov":{}}},"ɵji":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":12,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵjj"},"member":"selector"}},"template":"<div class=\"wb-product-zoom-complete-background\">\n <div\n *ngIf=\"!isLoading && selectedProduct && contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n class=\"wb-product-zoom-complete-background__product-config\"\n >\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\" [isFullwidth]=\"true\">\n <div class=\"columns\">\n <div class=\"column\">\n <wb-structure-search-product\n [label]=\"'wb.structures.template.20' | translate\"\n (newSearch)=\"prodSearched($event)\"\n ></wb-structure-search-product>\n </div>\n <div class=\"column\">\n <div class=\"field\">\n <div class=\"field\">\n <label>{{ 'wb.structures.template.21' | translate }}</label>\n </div>\n <div class=\"field-body\">\n <button wbGetSizeImageDirective [dimensions]=\"sizes['small']\" class=\"button is-info\" (click)=\"getMedia()\">\n {{ 'wb.structures.template.22' | translate }}\n </button>\n </div>\n </div>\n </div>\n </div>\n </wb-structure-config>\n </div>\n <wb-loader *ngIf=\"isLoading\"></wb-loader>\n <div\n class=\"wb-product-zoom-complete-background__noproduct\"\n *ngIf=\"!isLoading && selectedProduct === null && contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n >\n <wb-structure-search-product\n [label]=\"'wb.structures.template.20' | translate\"\n (newSearch)=\"prodSearched($event)\"\n [searchNumber]=\"1\"\n ></wb-structure-search-product>\n </div>\n <div\n *ngIf=\"!isLoading && selectedProduct && contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n class=\"wb-product-zoom-complete-background__selected\"\n [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n >\n <div class=\"columns is-gapless\">\n <div class=\"column\">\n <div\n class=\"wb-product-zoom-complete-background__media\"\n wbGetSizeImageDirective\n [dimensions]=\"sizes['small']\"\n (click)=\"getMedia()\"\n ></div>\n <h3 [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">{{ selectedProduct.name }}</h3>\n <p class=\"is-variant\" *ngIf=\"selectedProduct.variants.length\">{{ selectedProduct.variants[0].label }}</p>\n <div *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_CONTENT]\" class=\"wb-product-zoom-complete-background__upper\">\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 <p [style.color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\n {{ priceFormat }}\n </p>\n <a>{{ 'wb.structures.template.23' | translate }}</a>\n <div class=\"columns wb-product-zoom-complete-background__upper\">\n <div class=\"column\">\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 class=\"wb-product-zoom-complete-background__paymenticon\">\n <wb-structure-config-payment\n [white]=\"true\"\n [(value)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_PAYMENT_OR_MEDIA]\"\n (valueChange)=\"persist()\"\n ></wb-structure-config-payment>\n </div>\n </div>\n </div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-product-zoom-complete-background__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes['small']\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n (click)=\"getMedia()\"\n ></div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵh"},{"__symbolic":"reference","name":"ɵg"},{"__symbolic":"reference","name":"ɵgh"}]}],"ngOnInit":[{"__symbolic":"method"}],"selectThisForm":[{"__symbolic":"method"}],"prodSearched":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"searchById":[{"__symbolic":"method"}]}},"ɵjj":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-product-zoom-complete-background"},"ɵprov":{}}},"ɵjk":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵjl"},"member":"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 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"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":38,"character":41}]}],"initDistance":[{"__symbolic":"method"}],"changeTimeForTimer":[{"__symbolic":"method"}],"validTimeForTimer":[{"__symbolic":"method"}],"startTime":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"valueChange":[{"__symbolic":"method"}],"valueChangeLive":[{"__symbolic":"method"}],"validTimeForDate":[{"__symbolic":"method"}],"switchMethod":[{"__symbolic":"method"}],"switchMethodWithoutPersist":[{"__symbolic":"method"}]}},"ɵjl":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-timer-simple"},"ɵprov":{}}},"ɵjm":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵjn"},"member":"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 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"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":42,"character":41}]}],"initDistance":[{"__symbolic":"method"}],"changeTimeForTimer":[{"__symbolic":"method"}],"validTimeForTimer":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"startTime":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"valueChange":[{"__symbolic":"method"}],"valueChangeLive":[{"__symbolic":"method"}],"validTimeForDate":[{"__symbolic":"method"}],"switchMethod":[{"__symbolic":"method"}],"switchMethodWithoutPersist":[{"__symbolic":"method"}]}},"ɵjn":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-timer-background"},"ɵprov":{}}},"ɵjo":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵjp"},"member":"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 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"}]}],"members":{"contents":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":25,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":44,"character":41}]}],"initDistance":[{"__symbolic":"method"}],"changeTimeForTimer":[{"__symbolic":"method"}],"validTimeForTimer":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"startTime":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"valueChange":[{"__symbolic":"method"}],"valueChangeLive":[{"__symbolic":"method"}],"validTimeForDate":[{"__symbolic":"method"}],"switchMethod":[{"__symbolic":"method"}],"switchMethodWithoutPersist":[{"__symbolic":"method"}]}},"ɵjp":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-timer-clock"},"ɵprov":{}}},"ɵjq":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":15,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵjr"},"member":"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 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"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":70,"character":41}]}],"initDistance":[{"__symbolic":"method"}],"changeTimeForTimer":[{"__symbolic":"method"}],"validTimeForTimer":[{"__symbolic":"method"}],"startTime":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"valueChange":[{"__symbolic":"method"}],"valueChangeLive":[{"__symbolic":"method"}],"validTimeForDate":[{"__symbolic":"method"}],"switchMethod":[{"__symbolic":"method"}],"switchMethodWithoutPersist":[{"__symbolic":"method"}]}},"ɵjr":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":6,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-timer-airport"},"ɵprov":{}}},"ɵjs":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":24,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵjt"},"member":"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 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"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":53,"character":41}]}],"initDistance":[{"__symbolic":"method"}],"changeTimeForTimer":[{"__symbolic":"method"}],"validTimeForTimer":[{"__symbolic":"method"}],"startTime":[{"__symbolic":"method"}],"ngOnInit":[{"__symbolic":"method"}],"valueChange":[{"__symbolic":"method"}],"valueChangeLive":[{"__symbolic":"method"}],"validTimeForDate":[{"__symbolic":"method"}],"switchMethod":[{"__symbolic":"method"}],"switchMethodWithoutPersist":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}],"onTooltipLostFocus":[{"__symbolic":"method"}]}},"ɵjt":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":21,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-timer-multiple-img"},"ɵprov":{}}},"ɵju":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":16,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵjv"},"member":"selector"}},"template":"<div class=\"wb-about-block\">\n <div class=\"wb-about-block__container\">\n <div class=\"wb-about-block__container__top\">\n <div class=\"wb-about-block__container__top__wrapper\">\n <div class=\"wb-about-block__container__top__wrapper__title\">\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 class=\"wb-about-block__container__top__wrapper__arrows\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ELEMENTS].length > 2\"\n >\n <div class=\"wb-about-block__container__top__wrapper__arrows__left\" (click)=\"arrowLeftClicked()\">\n <i class=\"far fa-chevron-left\"></i>\n </div>\n <div class=\"wb-about-block__container__top__wrapper__arrows__right\" (click)=\"arrowRightClicked()\">\n <i class=\"far fa-chevron-right\"></i>\n </div>\n </div>\n </div>\n </div>\n <div class=\"wb-about-block__container__slider\">\n <div\n #slider\n class=\"wb-about-block__container__slider__wrapper\"\n [style.width]=\"50 * contents[BASE_BLOCK_CONTENT][FORM_NAME_ELEMENTS].length + '%'\"\n >\n <div\n *ngFor=\"let slideC of contents[BASE_BLOCK_CONTENT][FORM_NAME_ELEMENTS]; let i = index\"\n class=\"wb-about-block__container__slider__wrapper__element\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BACKGROUND_COLOR]\"\n [ngClass]=\"displayedTab === i || displayedTab + 1 === i ? '' : 'hidden'\"\n >\n <div class=\"wb-about-block__container__slider__wrapper__element__tool-container\">\n <wb-structure-config\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n [isFullwidth]=\"true\"\n *ngIf=\"\n contents[BASE_BLOCK_CONTENT][FORM_NAME_ELEMENTS][i][FORM_NAME_SLIDER].hasOwnProperty(FORM_NAME_IMAGE_URL) &&\n contents[BASE_BLOCK_CONTENT][FORM_NAME_ELEMENTS][i][FORM_NAME_SLIDER][FORM_NAME_IMAGE_URL] !== ''\n \"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ELEMENTS][i][FORM_NAME_SLIDER][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_ELEMENTS][i][FORM_NAME_SLIDER][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)]=\"\n contents[BASE_BLOCK_CONTENT][FORM_NAME_ELEMENTS][i][FORM_NAME_SLIDER][FORM_NAME_URL_TARGET]\n \"\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 <div class=\"wb-about-block__container__slider__wrapper__element__container\">\n <div\n class=\"wb-about-block__container__slider__wrapper__element__container__image\"\n [ngClass]=\"{\n 'wb-about-block__container__slider__wrapper__element__container__image--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-about-block__container__slider__wrapper__element__container__image--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-about-block__container__slider__wrapper__element__container__image--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes\"\n class=\"wb-about-block__container__slider__wrapper__element__container__image__img-element\"\n [style.background-image]=\"\n 'url(' +\n contents[BASE_BLOCK_CONTENT][FORM_NAME_ELEMENTS][i][FORM_NAME_SLIDER][FORM_NAME_IMAGE_URL] +\n ')'\n \"\n *ngIf=\"\n contents[BASE_BLOCK_CONTENT][FORM_NAME_ELEMENTS][i][FORM_NAME_SLIDER].hasOwnProperty(\n FORM_NAME_IMAGE_URL\n ) && contents[BASE_BLOCK_CONTENT][FORM_NAME_ELEMENTS][i][FORM_NAME_SLIDER][FORM_NAME_IMAGE_URL] !== ''\n \"\n (click)=\"getMediaFor(i)\"\n >\n <div\n class=\"wb-about-block__container__slider__wrapper__element__container__image__img-element__hover\"\n ></div>\n </div>\n <div\n class=\"wb-about-block__container__slider__wrapper__element__container__image__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes\"\n (click)=\"getMediaFor(i)\"\n *ngIf=\"\n !contents[BASE_BLOCK_CONTENT][FORM_NAME_ELEMENTS][i][FORM_NAME_SLIDER].hasOwnProperty(\n FORM_NAME_IMAGE_URL\n ) || contents[BASE_BLOCK_CONTENT][FORM_NAME_ELEMENTS][i][FORM_NAME_SLIDER][FORM_NAME_IMAGE_URL] === ''\n \"\n [ngClass]=\"{\n 'wb-about-block__container__slider__wrapper__element__container__image__noimages--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-about-block__container__slider__wrapper__element__container__image__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-about-block__container__slider__wrapper__element__container__image__noimages--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n <div class=\"wb-about-block__container__slider__wrapper__element__container__texts\">\n <div class=\"wb-about-block__container__slider__wrapper__element__container__texts__wrapper\">\n <div>\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ELEMENTS][i][FORM_NAME_AUTHOR_NAME]\"\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_ELEMENTS][i][FORM_NAME_AUTHOR_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_ELEMENTS][i][FORM_NAME_CONTENT]\"\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 class=\"wb-about-block__container__slider__wrapper__element__underline\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_UNDERLINE_COLOR]\"\n ></div>\n </div>\n </div>\n </div>\n </div>\n <div\n class=\"wb-additionnal-tools wb-about-block__slider-thumbnails\"\n cdkDropList\n cdkDropListOrientation=\"horizontal\"\n (cdkDropListDropped)=\"onDrop($event)\"\n >\n <a\n class=\"wb-about-block__slider-thumbnails__selector\"\n *ngFor=\"let slideC of contents[BASE_BLOCK_CONTENT][FORM_NAME_ELEMENTS]; let i = index\"\n (click)=\"showSlide(i)\"\n cdkDrag\n >\n <span></span>\n <span\n >{{ 'wb.structures.template.58' | translate: { nb: i + 1 } }}\n <i class=\"fal fa-times\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ELEMENTS].length > 1\" (click)=\"removeDiapo(i)\"></i>\n </span>\n </a>\n <a\n class=\"wb-about-block__slider-thumbnails__add\"\n (click)=\"addDiapo()\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ELEMENTS].length < 6\"\n >{{ 'wb.structures.template.30' | translate }}</a\n >\n </div>\n</div>\n"}]}],"members":{"slider":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":27,"character":5},"arguments":["slider"]}]}],"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}],"showSlide":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}],"replaceSliderWithMedia":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"removeDiapo":[{"__symbolic":"method"}],"addDiapo":[{"__symbolic":"method"}],"onDrop":[{"__symbolic":"method"}],"arrowLeftClicked":[{"__symbolic":"method"}],"arrowRightClicked":[{"__symbolic":"method"}]}},"ɵjv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-about-block"},"ɵprov":{}}},"ɵjw":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵjx"},"member":"selector"}},"template":"<wb-faq\n [(faqRows)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_FAQ]\"\n [type]=\"'wb-faq-simple'\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"\n [borderColor]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BORDER_COLOR]\"\n [Accordion]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ACCORDION]\"\n (faqRowsChange)=\"persist()\"\n></wb-faq>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵjx":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":14,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-faq-simple"},"ɵprov":{}}},"ɵjy":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵjz"},"member":"selector"}},"template":"<wb-faq\n [(faqRows)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_FAQ]\"\n [type]=\"'wb-faq-simple-background'\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"\n [backgroundColor]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BACKGROUND_COLOR]\"\n [borderColor]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BORDER_COLOR]\"\n [Accordion]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ACCORDION]\"\n (faqRowsChange)=\"persist()\"\n></wb-faq>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵjz":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-faq-simple-background"},"ɵprov":{}}},"ɵka":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵkb"},"member":"selector"}},"template":"<wb-faq\n [(faqRows)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_FAQ]\"\n [type]=\"'wb-faq-frame'\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"\n [backgroundRowColor]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BACKGROUND_COLOR]\"\n [borderColor]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BORDER_COLOR]\"\n [shadowRowColor]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SHADOW_COLOR]\"\n [Accordion]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ACCORDION]\"\n (faqRowsChange)=\"persist()\"\n></wb-faq>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵkb":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-faq-frame"},"ɵprov":{}}},"ɵkc":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":5,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵkd"},"member":"selector"}},"template":"<wb-faq\n [(faqRows)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_FAQ]\"\n [type]=\"'wb-faq-accordion'\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"\n [backgroundQuestionColor]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BACKGROUND_COLOR]\"\n [backgroundAnswerColor]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BACKGROUND_COLOR_SECONDARY]\"\n [borderColor]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BORDER_COLOR]\"\n [Accordion]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ACCORDION]\"\n (faqRowsChange)=\"persist()\"\n></wb-faq>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}]}},"ɵkd":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":16,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-faq-accordion"},"ɵprov":{}}},"ɵke":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":6,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵkf"},"member":"selector"}},"template":"<div class=\"wb-faq-list-icon\">\n <div class=\"columns is-gapless is-multiline\">\n <div class=\"column is-4-fullhd is-6-desktop\" *ngFor=\"let row of contents[BASE_BLOCK_CONTENT][FORM_NAME_FAQ]; let i = index\">\n <div class=\"wb-faq-list-icon__item\">\n <div class=\"wb-faq-list-icon__item__content\" [style.background]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_BACKGROUND_COLOR]\">\n <wb-structure-config-font\n [(value)]=\"row[FORM_NAME_ICON]\"\n [color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR]\"\n (valueChange)=\"row[FORM_NAME_ICON] = $event; persist()\"\n ></wb-structure-config-font>\n <span (click)=\"deleteRow(i)\" *ngIf=\"i > 0\" class=\"wb-faq-list-icon__item__content__delete\">\n <i class=\"fal fa-trash-alt\"></i>\n </span>\n <div class=\"wb-faq-list-icon__item__content__question\">\n <wb-editorjs\n [(content)]=\"row[FORM_NAME_TITLE]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div class=\"wb-faq-list-icon__item__content__answer\">\n <wb-editorjs\n [(content)]=\"row[FORM_NAME_CONTENT]\"\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 class=\"column is-4-fullhd is-6-desktop\">\n <div class=\"wb-faq-list-icon__add\">\n <a (click)=\"addFaqCol()\"><i class=\"fal fa-plus-circle\"></i></a>\n </div>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"addFaqCol":[{"__symbolic":"method"}],"deleteRow":[{"__symbolic":"method"}]}},"ɵkf":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":12,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-faq-list-icon"},"ɵprov":{}}},"ɵkg":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵkh"},"member":"selector"}},"template":"<div class=\"wb-four-images-title\">\n <div\n class=\"wb-four-images-title__wrapper\"\n [ngClass]=\"{\n 'wb-four-images-title__wrapper--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-four-images-title__wrapper--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-four-images-title__wrapper--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div\n class=\"wb-four-images-title__wrapper__item\"\n *ngFor=\"let elem of contents[BASE_BLOCK_CONTENT][FORM_NAME_ELEMENTS]; let i = index\"\n >\n <div class=\"wb-four-images-title__wrapper__item__img\">\n <wb-structure-config\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n [isFullwidth]=\"true\"\n [extraSmall]=\"true\"\n *ngIf=\"elem[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]?.length > 0\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"elem[FORM_NAME_IMAGE][FORM_NAME_TITLE]\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <wb-structure-config-input\n [label]=\"'wb.structures.template.10' | translate\"\n [(ngModel)]=\"elem[FORM_NAME_IMAGE][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"elem[FORM_NAME_IMAGE][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </wb-structure-config>\n <div\n class=\"wb-four-images-title__wrapper__item__img__empty\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"elem[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]?.length <= 0\"\n (click)=\"getMediaFor(i)\"\n [ngClass]=\"{\n 'wb-four-images-title__wrapper__item__img__empty--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-four-images-title__wrapper__item__img__empty--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-four-images-title__wrapper__item__img__empty--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <p>\n <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n </p>\n </div>\n\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"elem[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]\"\n [style.background-image]=\"'url(' + elem[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL] + ')'\"\n *ngIf=\"elem[FORM_NAME_IMAGE][FORM_NAME_IMAGE_URL]?.length > 0\"\n (click)=\"getMediaFor(i)\"\n class=\"wb-four-images-title__wrapper__item__img__picture\"\n [ngClass]=\"{\n 'wb-four-images-title__wrapper__item__img__picture--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-four-images-title__wrapper__item__img__picture--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-four-images-title__wrapper__item__img__picture--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n <div class=\"wb-four-images-title__wrapper__item__title\">\n <wb-editorjs\n [(content)]=\"elem[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"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵki"}]}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}]}},"ɵkh":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-images-quadruple-with-title"},"ɵprov":{}}},"ɵki":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":3,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"@ngx-translate/core","name":"TranslateService","line":7,"character":42}]}],"translateProperties":[{"__symbolic":"method"}]},"statics":{"ɵprov":{}}},"ɵkj":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵkk"},"member":"selector"}},"template":"<div class=\"wb-two-images-title-text\">\n <div class=\"wb-two-images-title-text__title\">\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 class=\"wb-two-images-title-text__wrapper\"\n [ngClass]=\"{\n 'wb-images-simple__container--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-images-simple__container--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-images-simple__container--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div class=\"wb-two-images-title-text__wrapper__item\">\n <div\n class=\"wb-two-images-title-text__wrapper__item__img\"\n [ngClass]=\"{\n 'wb-two-images-title-text__wrapper__item__img--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-two-images-title-text__wrapper__item__img--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-two-images-title-text__wrapper__item__img--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <wb-structure-config\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n [isFullwidth]=\"true\"\n [small]=\"true\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL]?.length > 0\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_TITLE]\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <wb-structure-config-input\n [label]=\"'wb.structures.template.10' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </wb-structure-config>\n <div\n class=\"wb-two-images-title-text__wrapper__item__img__empty\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL]?.length <= 0\"\n (click)=\"getMediaFor('0')\"\n [ngClass]=\"{\n 'wb-two-images-title-text__wrapper__item__img__empty--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-two-images-title-text__wrapper__item__img__empty--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-two-images-title-text__wrapper__item__img__empty--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <p>\n <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n </p>\n </div>\n\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL]\"\n [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL] + ')'\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_IMAGE_URL]?.length > 0\"\n (click)=\"getMediaFor('0')\"\n class=\"wb-two-images-title-text__wrapper__item__img__picture\"\n [ngClass]=\"{\n 'wb-two-images-title-text__wrapper__item__img__picture--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-two-images-title-text__wrapper__item__img__picture--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-two-images-title-text__wrapper__item__img__picture--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n <div class=\"wb-two-images-title-text__wrapper__item__title\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div\n class=\"wb-two-images-title-text__wrapper__item__text\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL].length <= 0\"\n >\n <div class=\"wb-two-images-title-text__wrapper__item__text\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n </div>\n <a\n class=\"wb-two-images-title-text__wrapper__item__text\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_LEFT][FORM_NAME_URL].length > 0\"\n >\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_LEFT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n <i [style]=\"'color: ' + contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR]\" class=\"far fa-arrow-right\"></i>\n </a>\n </div>\n <div class=\"wb-two-images-title-text__wrapper__item\">\n <div\n class=\"wb-two-images-title-text__wrapper__item__img\"\n [ngClass]=\"{\n 'wb-two-images-title-text__wrapper__item__img--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-two-images-title-text__wrapper__item__img--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-two-images-title-text__wrapper__item__img--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <wb-structure-config\n [blockUUID]=\"uuid\"\n [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\"\n [isFullwidth]=\"true\"\n [small]=\"true\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL]?.length > 0\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_TITLE]\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <wb-structure-config-input\n [label]=\"'wb.structures.template.10' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_URL]\"\n [placeholder]=\"'wb.structures.template.11' | translate\"\n (ngModelChange)=\"persist()\"\n ></wb-structure-config-input>\n <wb-structure-config-checkbox\n [label]=\"'wb.structures.template.12' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </wb-structure-config>\n <div\n class=\"wb-two-images-title-text__wrapper__item__img__empty\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL]?.length <= 0\"\n (click)=\"getMediaFor('1')\"\n [ngClass]=\"{\n 'wb-two-images-title-text__wrapper__item__img__empty--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-two-images-title-text__wrapper__item__img__empty--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-two-images-title-text__wrapper__item__img__empty--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <p>\n <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n </p>\n </div>\n\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL]\"\n [style.background-image]=\"'url(' + contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL] + ')'\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_IMAGE_URL]?.length > 0\"\n (click)=\"getMediaFor('1')\"\n class=\"wb-two-images-title-text__wrapper__item__img__picture\"\n [ngClass]=\"{\n 'wb-two-images-title-text__wrapper__item__img__picture--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-two-images-title-text__wrapper__item__img__picture--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-two-images-title-text__wrapper__item__img__picture--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n <div class=\"wb-two-images-title-text__wrapper__item__title\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TITLE_RIGHT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <div\n class=\"wb-two-images-title-text__wrapper__item__text\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_URL].length <= 0\"\n >\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_RIGHT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n </div>\n <a\n class=\"wb-two-images-title-text__wrapper__item__text\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_RIGHT][FORM_NAME_URL].length > 0\"\n >\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT_RIGHT]\"\n (contentChange)=\"persist()\"\n [placeholder]=\"'wb.shared.components.quill.1' | translate\"\n >\n </wb-editorjs>\n <i [style]=\"'color: ' + contents[BASE_BLOCK_CONTENT][FORM_NAME_ICON_COLOR]\" class=\"far fa-arrow-right\"></i>\n </a>\n </div>\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}]}},"ɵkk":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":15,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-images-two-title-text"},"ɵprov":{}}},"ɵkl":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":7,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵkm"},"member":"selector"}},"template":"<div class=\"wb-text-backgrounds-with-banner\">\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]\"\n >\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE][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][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][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-text-backgrounds-with-banner__noimages\"\n [ngClass]=\"{\n 'wb-text-backgrounds-with-banner__noimages--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-text-backgrounds-with-banner__noimages--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-text-backgrounds-with-banner__noimages--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"!contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\"\n (click)=\"getMedia()\"\n >\n <p>\n <i class=\"fal fa-image\"></i> <span>{{ 'wb.structures.template.8' | translate }}</span>\n </p>\n </div>\n <div class=\"wb-text-backgrounds-with-banner__wrapper\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE]\">\n <div\n wbGetSizeImageDirective\n class=\"wb-text-backgrounds-with-banner__wrapper__img\"\n [ngClass]=\"{\n 'wb-text-backgrounds-with-banner__wrapper__img--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-text-backgrounds-with-banner__wrapper__img--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-text-backgrounds-with-banner__wrapper__img--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\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 >\n <div class=\"wb-text-backgrounds-with-banner__wrapper__img__text\">\n <div class=\"wb-text-backgrounds-with-banner__wrapper__img__text__content\" (click)=\"$event.stopPropagation()\">\n <div class=\"wb-text-backgrounds-with-banner__wrapper__img__text__content__title\">\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 class=\"wb-text-backgrounds-with-banner__wrapper__img__text__content__text\">\n <wb-editorjs\n [(content)]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_TEXT]\"\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 class=\"wb-text-backgrounds-with-banner__wrapper__banner\"\n [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\"\n >\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>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}]}},"ɵkm":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":18,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-text-backgrounds-with-banner"},"ɵprov":{}}},"ɵkn":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵko"},"member":"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 <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"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵki"}]}],"ngOnInit":[{"__symbolic":"method"}],"addRow":[{"__symbolic":"method"}],"deleteRow":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"onClickUpdateImage":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"addNewImage":[{"__symbolic":"method"}],"addBackgroundImageMedia":[{"__symbolic":"method"}],"stopPropagation":[{"__symbolic":"method"}]}},"ɵko":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-text-backgrounds-two-rows-icon-text"},"ɵprov":{}}},"ɵkp":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵkq"},"member":"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 <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"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵki"}]}],"ngOnInit":[{"__symbolic":"method"}],"addRow":[{"__symbolic":"method"}],"deleteRow":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"onClickUpdateImage":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"addNewImage":[{"__symbolic":"method"}],"addBackgroundImageMedia":[{"__symbolic":"method"}],"stopPropagation":[{"__symbolic":"method"}]}},"ɵkq":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-text-backgrounds-three-rows-icon-text"},"ɵprov":{}}},"ɵkr":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":19,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵks"},"member":"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 <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"}]}],"members":{"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","name":"ɵki"}]}],"ngOnInit":[{"__symbolic":"method"}],"addRow":[{"__symbolic":"method"}],"deleteRow":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"onClickUpdateImage":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"addNewImage":[{"__symbolic":"method"}],"addBackgroundImageMedia":[{"__symbolic":"method"}],"stopPropagation":[{"__symbolic":"method"}],"triggerConfig":[{"__symbolic":"method"}]}},"ɵks":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":13,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-text-backgrounds-four-rows-icon-text"},"ɵprov":{}}},"ɵkt":{"__symbolic":"class","extends":{"__symbolic":"reference","name":"ɵch"},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":9,"character":1},"arguments":[{"selector":{"__symbolic":"call","expression":{"__symbolic":"select","expression":{"__symbolic":"reference","name":"ɵku"},"member":"selector"}},"template":"<div class=\"wb-slider-with-banner\">\n <div\n class=\"wb-slider-with-banner__container\"\n [ngClass]=\"{\n 'wb-slider-with-banner__container--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-with-banner__container--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-with-banner__container--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n >\n <div\n class=\"wb-slider-with-banner__container__images\"\n *ngFor=\"let slide of contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER]; let k = index\"\n [ngClass]=\"{ 'is-active': !showEmptyImage && selectedTab !== null && selectedTab === k }\"\n >\n <div>\n <wb-structure-config [blockUUID]=\"uuid\" [position]=\"TYPE_CONFIG_POSITION_LEFT_TOP\">\n <wb-structure-config-input\n [label]=\"'wb.structures.template.9' | translate\"\n [(ngModel)]=\"slide[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)]=\"slide[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)]=\"slide[FORM_NAME_URL_TARGET]\"\n (ngModelChange)=\"persist()\"\n [off]=\"'_self'\"\n [on]=\"'_blank'\"\n ></wb-structure-config-checkbox>\n </div>\n </div>\n </wb-structure-config>\n <div\n wbGetSizeImageDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n [urlToParse]=\"slide[FORM_NAME_IMAGE_URL]\"\n (onUpdate)=\"updateThisImage(k, $event)\"\n [style.background-image]=\"'url(' + slide[FORM_NAME_IMAGE_URL] + ')'\"\n *ngIf=\"!showEmptyImage && selectedTab !== null && selectedTab === k\"\n (click)=\"getMediaFor(k)\"\n class=\"wb-slider-with-banner__container__images__slide\"\n [ngClass]=\"{\n 'wb-slider-with-banner__container__images__slide--small':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-with-banner__container__images__slide--medium':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-with-banner__container__images__slide--large':\n contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n </div>\n <div class=\"wb-slider-with-banner__container__controller\" *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_DOTS]\">\n <span\n *ngFor=\"let point of contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER]; let f = index\"\n (click)=\"showSlide(f)\"\n [ngClass]=\"{ 'is-active': selectedTab !== null && selectedTab === f }\"\n ></span>\n </div>\n </div>\n <div class=\"wb-slider-with-banner__container__banner\" [style.background-color]=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_COLOR]\">\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>\n <div\n class=\"wb-slider-with-banner__noimages\"\n wbPicturesTemplateDirective\n [dimensions]=\"sizes[contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK]]\"\n *ngIf=\"showEmptyImage || contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER].length === 0\"\n (click)=\"getMedia()\"\n [ngClass]=\"{\n 'wb-slider-with-banner__noimages--small': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_SMALL,\n 'wb-slider-with-banner__noimages--medium': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_MEDIUM,\n 'wb-slider-with-banner__noimages--large': contents[BASE_BLOCK_CONTENT][FORM_NAME_IMAGE_MASK] === FORM_TYPE_IMAGE_MASK_LARGE\n }\"\n ></div>\n <div\n class=\"wb-additionnal-tools wb-slider-with-banner__container__slider\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER].length\"\n cdkDropList\n cdkDropListOrientation=\"horizontal\"\n (cdkDropListDropped)=\"onDrop($event)\"\n >\n <a\n class=\"wb-slider-with-banner__container__slider-selector\"\n *ngFor=\"let slideC of contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER]; let i = index\"\n (click)=\"showSlide(i)\"\n cdkDrag\n >\n <span></span>\n <span\n >{{ 'wb.structures.template.58' | translate: { nb: i + 1 } }} <i class=\"fal fa-times\" (click)=\"removeThisSlide(i)\"></i>\n </span>\n </a>\n <a\n class=\"wb-slider-with-banner__container__slider-add\"\n (click)=\"getMedia()\"\n *ngIf=\"contents[BASE_BLOCK_CONTENT][FORM_NAME_SLIDER].length < 5\"\n >{{ 'wb.structures.template.30' | translate }}</a\n >\n </div>\n</div>\n"}]}],"members":{"__ctor__":[{"__symbolic":"constructor"}],"ngOnInit":[{"__symbolic":"method"}],"subscribeToImage":[{"__symbolic":"method"}],"getMediaFor":[{"__symbolic":"method"}],"showSlide":[{"__symbolic":"method"}],"addASliderWithMedia":[{"__symbolic":"method"}],"replaceSliderWithMedia":[{"__symbolic":"method"}],"updateThisImage":[{"__symbolic":"method"}],"removeThisSlide":[{"__symbolic":"method"}],"onDrop":[{"__symbolic":"method"}]}},"ɵku":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Injectable","line":18,"character":1},"arguments":[{"providedIn":"root"}]}],"members":{"type":[{"__symbolic":"method"}],"image":[{"__symbolic":"method"}],"getForm":[{"__symbolic":"method"}],"getConfig":[{"__symbolic":"method"}]},"statics":{"selector":{"__symbolic":"function","parameters":[],"value":"wb-sliders-with-banner"},"ɵprov":{}}},"ɵkv":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":2,"character":1},"arguments":[{"declarations":[],"exports":[]}]}],"members":{},"statics":{"withComponents":{"__symbolic":"function","parameters":["components"],"value":{"ngModule":{"__symbolic":"reference","name":"ɵkv"},"providers":[{"provide":{"__symbolic":"reference","module":"@angular/core","name":"ANALYZE_FOR_ENTRY_COMPONENTS","line":10,"character":35},"useValue":{"__symbolic":"reference","name":"components"},"multi":true}]}}}}},"origins":{"MediaConnectorService":"./lib/services/utils/media-connector.service","WiziBlockService":"./lib/services/wizi-block.service","MediaDto":"./lib/dtos/configs/medias/media.dto","ExternalConfigDto":"./lib/dtos/configs/external/external-config.dto","ApiDto":"./lib/dtos/configs/apis/api.dto","ɵa":"./lib/dtos/configs/types/types.dto","TypesDto":"./lib/dtos/configs/types/types.dto","TranslationsDto":"./lib/dtos/configs/translations/translations.dto","TranslationStructureDto":"./lib/dtos/configs/translations/translations.dto","TranslationBlockDto":"./lib/dtos/configs/translations/translations.dto","WiziBlockComponent":"./lib/wizi-block.component","ɵb":"./lib/wizi-block.module","WiziBlockModule":"./lib/wizi-block.module","ɵc":"./lib/shared/animations/list/animate-list-from-right.animation","ɵd":"./lib/shared/animations/list/animate-list-from-left.animation","ɵe":"./lib/services/utils/config.service","ɵf":"./lib/services/utils/content.service","ɵg":"./lib/services/utils/external-config.service","ɵh":"./lib/services/utils/api.service","ɵi":"./lib/components/components.module","ɵj":"./lib/components/blocks/blocks.component","ɵk":"./lib/components/configs/configs.component","ɵl":"./lib/components/previews/previews.component","ɵm":"./lib/components/container-block/container-block.component","ɵn":"./lib/shared/shared.module","ɵo":"./lib/shared/components/shared-components.module","ɵp":"./lib/shared/pipes/shared-pipes.module","ɵq":"./lib/shared/pipes/safe-url/safe-url.pipe","ɵr":"./lib/shared/pipes/safe-style/safe-style.pipe","ɵs":"./lib/shared/pipes/add-zero-for-timer/add-zero-for-timer.pipe","ɵt":"./lib/shared/pipes/answer-type/answer-type.pipe","ɵu":"./lib/shared/pipes/tiny-color/tiny-color.pipe","ɵv":"./lib/shared/pipes/array-number/array-number.pipe","ɵw":"./lib/shared/pipes/check-payment-value/check-payment-value.pipe","ɵx":"./lib/shared/pipes/even-odd/even-odd.pipe","ɵy":"./lib/shared/pipes/strip-tags/strip-tags.pipe","ɵz":"./lib/shared/pipes/img-path/img-path.pipe","ɵba":"./lib/shared/directives/shared-directives.module","ɵbb":"./lib/shared/directives/auto-focus/auto-focus.directive","ɵbc":"./lib/shared/directives/auto-hide/auto-hide.directive","ɵbd":"./lib/shared/directives/get-size-image/get-size-image.directive","ɵbe":"./lib/services/utils/expected-images.service","ɵbf":"./lib/shared/directives/pictures-template/pictures-template.directive","ɵbg":"./lib/shared/directives/holdable/holdable.directive","ɵbh":"./lib/shared/directives/show-delete-button/show-delete-button.directive","ɵbi":"./lib/shared/components/structure-tools/structure-tools.component","ɵbj":"./lib/shared/components/structure-config/structure-config.component","ɵbk":"./lib/services/utils/structure-config.service","ɵbl":"./lib/shared/components/structure-config-input/structure-config-input.component","ɵbm":"./lib/shared/components/structure-config-checkbox/structure-config-checkbox.component","ɵbn":"./lib/shared/components/structure-config-font/structure-config-font.component","ɵbo":"./lib/services/utils/font-awesome.service","ɵbp":"./lib/shared/components/structure-config-payment/structure-config-payment.component","ɵbq":"./lib/shared/components/structure-select/structure-select.component","ɵbr":"./lib/shared/components/structure-search-product/structure-search-product.component","ɵbs":"./lib/shared/components/structure-config-extend-input/structure-config-extended-input.component","ɵbt":"./lib/shared/components/structure-amplify-search-product/structure-amplify-search-product.component","ɵbu":"./lib/shared/components/structure-amplify-search-category/structure-amplify-search-category.component","ɵbv":"./lib/shared/components/loader/loader.component","ɵbw":"./lib/shared/components/small-loader/small-loader.component","ɵbx":"./lib/shared/components/star/star.component","ɵby":"./lib/shared/components/quill/quill.component","ɵbz":"./lib/services/utils/quill.service","ɵca":"./lib/shared/components/faq/faq.component","ɵcb":"./lib/shared/components/editorjs/editorjs.component","ɵcc":"./lib/shared/components/editorjs/tools/utils/editorjs-conversion.service","ɵcd":"./lib/shared/components/editorjs/tools/utils/editorjs-translation.service","ɵce":"./lib/structures/structures.module","ɵcf":"./lib/structures/structures.module","ɵcg":"./lib/structures/sliders/fullpage/slider-fullpage.component","ɵch":"./lib/structures/structures.component","ɵci":"./lib/services/blocks/sliders/sliders-fullpage.service","ɵcj":"./lib/structures/sliders/leftnav/slider-leftnav.component","ɵck":"./lib/services/blocks/sliders/sliders-leftnav.service","ɵcl":"./lib/structures/sliders/imageright/slider-imageright.component","ɵcm":"./lib/services/blocks/sliders/sliders-imageright.service","ɵcn":"./lib/structures/sliders/double-imageright/slider-double-imageright.component","ɵco":"./lib/services/blocks/sliders/sliders-double-imageright.service","ɵcp":"./lib/structures/separator/separator-simple/separator-simple.component","ɵcq":"./lib/services/blocks/separator/separator-simple.service","ɵcr":"./lib/structures/code/code-html/code-html.component","ɵcs":"./lib/services/blocks/code/code-html.service","ɵct":"./lib/structures/code/code-javascript/code-javascript.component","ɵcu":"./lib/services/blocks/code/code-javascript.service","ɵcv":"./lib/structures/videos/simple/videos-simple.component","ɵcw":"./lib/services/blocks/videos/videos-simple.service","ɵcx":"./lib/services/utils/youtube.service","ɵcy":"./lib/services/utils/vimeo.service","ɵcz":"./lib/structures/videos/txt/videos-txt.component","ɵda":"./lib/services/blocks/videos/videos-txt.service","ɵdb":"./lib/structures/videos/txt-content/videos-txt-content.component","ɵdc":"./lib/services/blocks/videos/videos-txt-content.service","ɵdd":"./lib/structures/launch-videos/button/launch-videos-button.component","ɵde":"./lib/services/blocks/launch-videos/launch-videos-button.service","ɵdf":"./lib/structures/launch-videos/buttontxt/launch-videos-buttontxt.component","ɵdg":"./lib/services/blocks/launch-videos/launch-videos-buttontxt.service","ɵdh":"./lib/structures/images/banner/images-banner.component","ɵdi":"./lib/services/blocks/images/images-banner.service","ɵdj":"./lib/structures/images/simple/images-simple.component","ɵdk":"./lib/services/blocks/images/images-simple.service","ɵdl":"./lib/structures/images/double/images-double.component","ɵdm":"./lib/services/blocks/images/images-double.service","ɵdn":"./lib/structures/images/triple/images-triple.component","ɵdo":"./lib/services/blocks/images/images-triple.service","ɵdp":"./lib/structures/images/quadruple/images-quadruple.component","ɵdq":"./lib/services/blocks/images/images-quadruple.service","ɵdr":"./lib/structures/images/quadruple-left-one-right/images-quadruple-left-one-right.component","ɵds":"./lib/services/blocks/images/images-quadruple-left-one-right.service","ɵdt":"./lib/structures/images/big-and-double/images-big-and-double.component","ɵdu":"./lib/services/blocks/images/images-big-and-double.service","ɵdv":"./lib/structures/images/bigs-and-double-middle/images-bigs-and-double-middle.component","ɵdw":"./lib/services/blocks/images/images-bigs-and-double-middle.service","ɵdx":"./lib/structures/text-backgrounds/link/text-backgrounds-link.component","ɵdy":"./lib/services/blocks/text-backgrounds/text-backgrounds-link.service","ɵdz":"./lib/structures/text-backgrounds/simple/text-backgrounds-simple.component","ɵea":"./lib/services/blocks/text-backgrounds/text-backgrounds-simple.service","ɵeb":"./lib/structures/text-backgrounds/with-txt/text-backgrounds-with-txt.component","ɵec":"./lib/services/blocks/text-backgrounds/text-backgrounds-with-txt.service","ɵed":"./lib/structures/images-texts/big-left-text-right/images-texts-big-left-text-right.component","ɵee":"./lib/services/blocks/images-texts/images-texts-big-left-text-right.service","ɵef":"./lib/structures/images-texts/big-right-text-left/images-texts-big-right-text-left.component","ɵeg":"./lib/services/blocks/images-texts/images-texts-big-right-text-left.service","ɵeh":"./lib/structures/images-texts/left-text-right/images-texts-left-text-right.component","ɵei":"./lib/services/blocks/images-texts/images-texts-left-text-right.service","ɵej":"./lib/structures/images-texts/right-text-left/images-texts-right-text-left.component","ɵek":"./lib/services/blocks/images-texts/images-texts-right-text-left.service","ɵel":"./lib/structures/images-texts/one-text-one/images-texts-one-text-one.component","ɵem":"./lib/services/blocks/images-texts/images-texts-one-text-one.service","ɵen":"./lib/structures/images-texts/small-left-text-right/images-texts-small-left-text-right.component","ɵeo":"./lib/services/blocks/images-texts/images-texts-small-left-text-right.service","ɵep":"./lib/structures/images-texts/small-right-text-left/images-texts-small-right-text-left.component","ɵeq":"./lib/services/blocks/images-texts/images-texts-small-right-text-left.service","ɵer":"./lib/structures/images-texts/text-one-text/images-texts-text-one-text.component","ɵes":"./lib/services/blocks/images-texts/images-texts-text-one-text.service","ɵet":"./lib/structures/texts/one-background/texts-one-background.component","ɵeu":"./lib/services/blocks/texts/texts-one-background.service","ɵev":"./lib/structures/texts/double-background/texts-double-background.component","ɵew":"./lib/services/blocks/texts/texts-double-background.service","ɵex":"./lib/structures/texts/triple-background/texts-triple-background.component","ɵey":"./lib/services/blocks/texts/texts-triple-background.service","ɵez":"./lib/structures/texts/quadruple/texts-quadruple.component","ɵfa":"./lib/services/blocks/texts/texts-quadruple.service","ɵfb":"./lib/structures/texts/quadruple-numbers/texts-quadruple-numbers.component","ɵfc":"./lib/services/blocks/texts/texts-quadruple-numbers.service","ɵfd":"./lib/structures/forms/simple/forms-simple.component","ɵfe":"./lib/services/blocks/forms/forms-simple.service","ɵff":"./lib/structures/texts/quadruple-background/texts-quadruple-background.component","ɵfg":"./lib/services/blocks/texts/texts-quadruple-background.service","ɵfh":"./lib/structures/texts/triple/texts-triple.component","ɵfi":"./lib/services/blocks/texts/texts-triple.service","ɵfj":"./lib/structures/texts/one/texts-one.component","ɵfk":"./lib/services/blocks/texts/texts-one.service","ɵfl":"./lib/structures/texts/double/texts-double.component","ɵfm":"./lib/services/blocks/texts/texts-double.service","ɵfn":"./lib/structures/forms/background/forms-background.component","ɵfo":"./lib/services/blocks/forms/forms-background.service","ɵfp":"./lib/structures/videos/txt-left/videos-txt-left.component","ɵfq":"./lib/services/blocks/videos/videos-txt-left.service","ɵfr":"./lib/structures/forms/imageleft/forms-imageleft.component","ɵfs":"./lib/services/blocks/forms/forms-imageleft.service","ɵft":"./lib/structures/forms/imageright/forms-imageright.component","ɵfu":"./lib/services/blocks/forms/forms-imageright.service","ɵfv":"./lib/structures/onboarding/onboarding/forms-onboarding.component","ɵfw":"./lib/services/blocks/onboarding/forms-onboarding.service","ɵfx":"./lib/structures/socials/like/socials-like.component","ɵfy":"./lib/services/blocks/socials/socials-like.service","ɵfz":"./lib/structures/socials/page-simple/socials-page-simple.component","ɵga":"./lib/services/blocks/socials/socials-page-simple.service","ɵgb":"./lib/structures/socials/page-complex/socials-page-complex.component","ɵgc":"./lib/services/blocks/socials/socials-page-complex.service","ɵgd":"./lib/structures/socials/network/socials-network.component","ɵge":"./lib/services/blocks/socials/socials-network.service","ɵgf":"./lib/structures/products-list/classic/products-list-classic.component","ɵgg":"./lib/services/blocks/products-list/products-list-classic.service","ɵgh":"./lib/services/utils/currency.service","ɵgi":"./lib/structures/products-list/simple/products-list-simple.component","ɵgj":"./lib/services/blocks/products-list/products-list-simple.service","ɵgk":"./lib/structures/rassurances/triple-background/rassurances-triple-background.component","ɵgl":"./lib/services/blocks/rassurances/rassurances-triple-background.service","ɵgm":"./lib/structures/rassurances/quadruple-aligned/rassurances-quadruple-aligned.component","ɵgn":"./lib/services/blocks/rassurances/rassurances-quadruple-aligned.service","ɵgo":"./lib/structures/rassurances/quadruple-background/rassurances-quadruple-background.component","ɵgp":"./lib/services/blocks/rassurances/rassurances-quadruple-background.service","ɵgq":"./lib/structures/newsletter/aligned-center-image/newsletter-aligned-center-image.component","ɵgr":"./lib/services/blocks/newsletter/newsletter-aligned-center-image.service","ɵgs":"./lib/structures/newsletter/aligned-center-background/newsletter-aligned-center-background.component","ɵgt":"./lib/services/blocks/newsletter/newsletter-aligned-center-background.service","ɵgu":"./lib/structures/newsletter/center-image/newsletter-center-image.component","ɵgv":"./lib/services/blocks/newsletter/newsletter-center-image.service","ɵgw":"./lib/structures/products-list/selected/products-list-selected.component","ɵgx":"./lib/services/blocks/products-list/products-list-selected.service","ɵgy":"./lib/structures/code/code-stylesheet/code-stylesheet.component","ɵgz":"./lib/services/blocks/code/code-stylesheet.service","ɵha":"./lib/structures/witness/twice/witness-twice.component","ɵhb":"./lib/services/blocks/witness/witness-twice.service","ɵhc":"./lib/structures/witness/triple/witness-triple.component","ɵhd":"./lib/services/blocks/witness/witness-triple.service","ɵhe":"./lib/structures/witness/quadruple/witness-quadruple.component","ɵhf":"./lib/services/blocks/witness/witness-quadruple.service","ɵhg":"./lib/structures/witness/background-one/witness-background-one.component","ɵhh":"./lib/services/blocks/witness/witness-background-one.service","ɵhi":"./lib/structures/witness/background-double/witness-background-double.component","ɵhj":"./lib/services/blocks/witness/witness-background-double.service","ɵhk":"./lib/structures/reviews/simple/reviews-simple.component","ɵhl":"./lib/services/blocks/reviews/reviews-simple.service","ɵhm":"./lib/structures/quotes/simple/quotes-simple.component","ɵhn":"./lib/services/blocks/quotes/quotes-simple.service","ɵho":"./lib/structures/quotes/author/quotes-author.component","ɵhp":"./lib/services/blocks/quotes/quotes-author.service","ɵhq":"./lib/structures/quotes/simple-background/quotes-simple-background.component","ɵhr":"./lib/services/blocks/quotes/quotes-simple-background.service","ɵhs":"./lib/structures/reviews/waterfall/reviews-waterfall.component","ɵht":"./lib/services/blocks/reviews/reviews-waterfall.service","ɵhu":"./lib/structures/map/fullpage/map-fullpage.component","ɵhv":"./lib/services/blocks/map/map-fullpage.service","ɵhw":"./lib/structures/map/left-text/map-left-text.component","ɵhx":"./lib/services/blocks/map/map-left-text.service","ɵhy":"./lib/structures/map/right-text/map-right-text.component","ɵhz":"./lib/services/blocks/map/map-right-text.service","ɵia":"./lib/structures/map/text-form/map-text-form.component","ɵib":"./lib/services/blocks/map/map-text-form.service","ɵic":"./lib/structures/map/background-form-left/map-background-form-left.component","ɵid":"./lib/services/blocks/map/map-background-form-left.service","ɵie":"./lib/structures/map/background-form-right/map-background-form-right.component","ɵif":"./lib/services/blocks/map/map-background-form-right.service","ɵig":"./lib/structures/amplify-products-list/simple/amplify-products-list-simple.component","ɵih":"./lib/services/blocks/amplify-products-list/amplify-products-list-simple.service","ɵii":"./lib/structures/amplify-products-list/selected/amplify-products-list-selected.component","ɵij":"./lib/services/blocks/amplify-products-list/amplify-products-list-selected.service","ɵik":"./lib/structures/amplify-products-list/classic/amplify-products-list-classic.component","ɵil":"./lib/services/blocks/amplify-products-list/amplify-products-list-classic.service","ɵim":"./lib/structures/amplify-product/zoom/amplify-product-zoom.component","ɵin":"./lib/services/blocks/amplify-product/amplify-product-zoom.service","ɵio":"./lib/structures/amplify-product/zoom-triple-column/amplify-product-zoom-triple-column.component","ɵip":"./lib/services/blocks/amplify-product/amplify-product-zoom-triple-column.service","ɵiq":"./lib/structures/amplify-product/zoom-selected/amplify-product-zoom-selected.component","ɵir":"./lib/services/blocks/amplify-product/amplify-product-zoom-selected.service","ɵis":"./lib/structures/amplify-product/zoom-more/amplify-product-zoom-more.component","ɵit":"./lib/services/blocks/amplify-product/amplify-product-zoom-more.service","ɵiu":"./lib/structures/product/zoom/product-zoom.component","ɵiv":"./lib/services/blocks/product/product-zoom.service","ɵiw":"./lib/structures/product/zoom-triple-column/product-zoom-triple-column.component","ɵix":"./lib/services/blocks/product/product-zoom-triple-column.service","ɵiy":"./lib/structures/product/zoom-selected/product-zoom-selected.component","ɵiz":"./lib/services/blocks/product/product-zoom-selected.service","ɵja":"./lib/structures/product/zoom-more/product-zoom-more.component","ɵjb":"./lib/services/blocks/product/product-zoom-more.service","ɵjc":"./lib/structures/product/zoom-complete/product-zoom-complete.component","ɵjd":"./lib/services/blocks/product/product-zoom-complete.service","ɵje":"./lib/structures/product/zoom-complete-slider/product-zoom-complete-slider.component","ɵjf":"./lib/services/blocks/product/product-zoom-complete-slider.service","ɵjg":"./lib/structures/product/zoom-simple/product-zoom-simple.component","ɵjh":"./lib/services/blocks/product/product-zoom-simple.service","ɵji":"./lib/structures/product/zoom-complete-background/product-zoom-complete-background.component","ɵjj":"./lib/services/blocks/product/product-zoom-complete-background.service","ɵjk":"./lib/structures/timer/simple/timer-simple.component","ɵjl":"./lib/services/blocks/timer/timer-simple.service","ɵjm":"./lib/structures/timer/background/timer-background.component","ɵjn":"./lib/services/blocks/timer/timer-background.service","ɵjo":"./lib/structures/timer/clock/timer-clock.component","ɵjp":"./lib/services/blocks/timer/timer-clock.service","ɵjq":"./lib/structures/timer/airport/timer-airport.component","ɵjr":"./lib/services/blocks/timer/timer-airport.service","ɵjs":"./lib/structures/timer/multiple-img/timer-multiple-img.component","ɵjt":"./lib/services/blocks/timer/timer-multiple-img.service","ɵju":"./lib/structures/witness/about-block/about-block.component","ɵjv":"./lib/services/blocks/witness/about-block.service","ɵjw":"./lib/structures/faq/simple/faq-simple.component","ɵjx":"./lib/services/blocks/faq/faq-simple.service","ɵjy":"./lib/structures/faq/simple-background/faq-simple-background.component","ɵjz":"./lib/services/blocks/faq/faq-simple-background.service","ɵka":"./lib/structures/faq/frame/faq-frame.component","ɵkb":"./lib/services/blocks/faq/faq-frame.service","ɵkc":"./lib/structures/faq/accordion/faq-accordion.component","ɵkd":"./lib/services/blocks/faq/faq-accordion.service","ɵke":"./lib/structures/faq/list-icon/faq-list-icon.component","ɵkf":"./lib/services/blocks/faq/faq-list-icon.service","ɵkg":"./lib/structures/images/four-images-title/four-images-title.component","ɵkh":"./lib/services/blocks/images/four-images-title.service","ɵki":"./lib/services/utils/translate-block.service","ɵkj":"./lib/structures/images/two-images-title-text/two-images-title-text.component","ɵkk":"./lib/services/blocks/images/two-images-title-text.service","ɵkl":"./lib/structures/text-backgrounds/with-banner/text-backgrounds-with-banner.component","ɵkm":"./lib/services/blocks/text-backgrounds/text-backgrounds-with-banner.service","ɵkn":"./lib/structures/text-backgrounds/two-rows-icon-text/text-backgrounds-two-rows-icon-text.component","ɵko":"./lib/services/blocks/text-backgrounds/text-backgrounds-two-rows-icon-text.service","ɵkp":"./lib/structures/text-backgrounds/three-rows-icon-text/text-backgrounds-three-rows-icon-text.component","ɵkq":"./lib/services/blocks/text-backgrounds/text-backgrounds-three-rows-icon-text.service","ɵkr":"./lib/structures/text-backgrounds/four-rows-icon-text/text-backgrounds-four-rows-icon-text.component","ɵks":"./lib/services/blocks/text-backgrounds/text-backgrounds-four-rows-icon-text.service","ɵkt":"./lib/structures/sliders/with-banner/slider-with-banner.component","ɵku":"./lib/services/blocks/sliders/sliders-with-banner.service","ɵkv":"./lib/structures/loader-component.module"},"importAs":"@wizishop/wizi-block"}