ngx-wapp-components 2.1.15 → 2.1.16

package/esm2020/lib/material/w-material-service-view/w-material-service-view.component.mjs

@@ -203,10 +203,10 @@ export class WMaterialServiceViewComponent {
     }
 }
 WMaterialServiceViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WMaterialServiceViewComponent, deps: [{ token: i1.MatIconRegistry }, { token: i2.DomSanitizer }, { token: i3.DialogService }], target: i0.ɵɵFactoryTarget.Component });
-WMaterialServiceViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WMaterialServiceViewComponent, selector: "w-material-service-view", inputs: { forceMobile: "forceMobile", wappingServicesTranslations: "wappingServicesTranslations", disabledButtonService: "disabledButtonService", showButtonService: "showButtonService", showToggle: "showToggle", wappingService: "wappingService", isDevModeActive: "isDevModeActive", defaultImage: "defaultImage", croppedImageConfiguration: "croppedImageConfiguration", croppedDialogTranslations: "croppedDialogTranslations", isNoImage: "isNoImage", onHoverImageTooltip: "onHoverImageTooltip" }, outputs: { wappingServiceSelected: "wappingServiceSelected", triggerButtonService: "triggerButtonService", onDefaultImageEvent: "onDefaultImageEvent" }, usesOnChanges: true, ngImport: i0, template: "<wapp-main-title [title]=\"wappingService.tile3\" *ngIf=\"wappingService && (!forceMobile)\" fxHide.xs></wapp-main-title>\r\n<div class=\"service-detail-center\" *ngIf=\"wappingService\"\r\n        [ngClass]=\"{'force-mobile': forceMobile}\"\r\n        [fxLayout]=\"forceMobile ? 'column' : 'row'\"\r\n        [fxLayout.xs]=\"'column'\"\r\n        [fxLayout.sm]=\"'column'\">\r\n    <!--service image-->\r\n    <div [ngClass]=\"{'service-view-no-margin': forceMobile, 'service-view': !forceMobile}\" fxLayout=\"column\">\r\n        <!--tile 1-->\r\n        <div *ngIf=\"!hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''\" class=\"service-image-title\">\r\n            <div class=\"service-view-tile1-no-html\" [innerHTML]=\"wappingService.tile1\"></div>\r\n        </div>\r\n        <div *ngIf=\"hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''\" class=\"template-service-image-tile service-card-image-title\">\r\n            <div class=\"service-view-tile1\" [innerHTML]=\"wappingService.tile1\"></div>\r\n        </div>\r\n        <!--slideshow-->\r\n        <wapp-carousel [isDevModeActive]=\"isDevModeActive\" [forceMobile]=\"forceMobile\" [images]=\"wappingServiceImages\" [isNoImage]=\"isNoImage\" (onSetImageEvent)=\"setImage()\" [onHoverImageTooltip]=\"onHoverImageTooltip\"></wapp-carousel>\r\n        <!--tile 2-->\r\n        <div fxFlex fxLayout=\"row\"\r\n            fxLayoutAlign=\"center center\"\r\n            fxLayoutGap=\"5px\"\r\n            [ngClass]=\"{'template-service-tile': hasHtml(wappingService.tile2),\r\n                'service-tile' : !hasHtml(wappingService.tile2)}\"\r\n            *ngIf=\"wappingService.tile2\">\r\n            <div class=\"service-view-tile2\" [innerHtml]=\"wappingService.tile2\"></div>\r\n        </div>\r\n        <!--activate toggle-->\r\n        <mat-slide-toggle class=\"service-select-toggle\" color=\"accent\"\r\n                        *ngIf=\"wappingService.allowSelect && allowSelectSendGiftCard && !showButtonService && showToggle\"\r\n                        [disabled]=\"disabledToggle\"\r\n                        [(ngModel)]=\"wappingService.active\"\r\n                        (change)=\"selectWappingService()\">{{ serviceStatus }}</mat-slide-toggle>\r\n        <button mat-flat-button *ngIf=\"showButtonService\"\r\n                class=\"service-select-toggle\"\r\n                color=\"accent\"\r\n                [disabled]=\"disabledButtonService\"\r\n                (click)=\"pressButtonService()\">\r\n            <span>{{ wappingServicesTranslations?.buttonService }}</span>\r\n        </button>\r\n        \r\n    </div>\r\n    <!--service info-->\r\n    <div class=\"service-info-container\" [ngClass]=\"{'service-info-container-padding': forceMobile}\" fxLayout=\"column\">\r\n        <div class=\"service-tile-detail-container\" fxLayout=\"column\">\r\n        <!--tile 3-->\r\n        <div *ngIf=\"!forceMobile\"\r\n             [innerHtml]=\"wappingService.tile3\" fxHide fxShow.xs\r\n             class=\"service-name mat-title\">\r\n        </div>\r\n        <div *ngIf=\"forceMobile\"\r\n             [innerHtml]=\"wappingService.tile3\"\r\n             class=\"service-name mat-title\">\r\n        </div>\r\n        <!--tileDetail 1-->\r\n        <div class=\"service-tile-detail\" fxLayout=\"row\">\r\n            <span [innerHtml]=\"wappingService.tileDetail1\"></span>\r\n        </div>\r\n        </div>\r\n        <!--link-->\r\n        <div class=\"service-link-container\" *ngIf=\"wappingService.titleLinkUrl && wappingService.linkUrl\">\r\n        <a class=\"service-link\" href=\"{{wappingService.linkUrl}}\" target=\"_blank\">\r\n            <mat-icon class=\"service-link-icon\" svgIcon=\"share_square\"></mat-icon><span>{{wappingService.titleLinkUrl}}</span>\r\n        </a>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".back-button{width:20px!important;height:20px!important;background-color:#a5000000;padding:0;border:none;cursor:pointer}.back-button-over-image{width:37px!important;height:37px!important;background-color:#ffffffb0;position:absolute;top:13px;left:11px;z-index:10;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}::ng-deep .back-button .mat-button-wrapper,::ng-deep .back-button-over-image .mat-button-wrapper{padding:4px 0!important}.back-button .mat-button-wrapper,.back-button-over-image .mat-button-wrapper{line-height:14px!important}.back-button .mat-icon{width:20px;height:20px}.back-button-over-image .mat-icon{width:16px;height:16px}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:before{background:var(--mdc-switch-unselected-track-color, #a50000)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-selected-handle-color, var(--mdc-theme-primary, #fff))!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:after{background:var(--mdc-switch-selected-hover-track-color, #10c638)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-unselected-handle-color, #fff)!important}:host ::ng-deep .mdc-form-field>label{font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch{margin-right:8px!important}@media (max-width: 959px){.service-detail-center{align-items:center}}.service-view{position:relative;margin-right:30px}.service-view-no-margin{position:relative;margin-right:0!important}@media (min-width: 600px) and (max-width: 959px){.service-view{margin-right:0;width:100%}}@media (max-width: 599px){.service-view{margin-right:0;width:100%}}.service-image-tile,.template-service-image-tile{position:absolute!important;width:100%!important;min-height:32px!important;top:0!important;z-index:9!important}.service-image-title{position:absolute;top:0!important;right:0!important;left:0!important;z-index:2;margin:0 60px!important;min-height:22px!important;border-radius:0 0 4.3118px 4.3118px!important;background-color:#0e0c0c;color:#fff;display:flex;justify-content:center;align-items:center;padding:4px}.service-view-tile1-no-html{justify-content:center!important;align-items:center!important;display:flex!important;text-align:center!important}.service-view-tile1{width:100%;min-height:32px}.service-tile{background-color:#0e0c0c;color:#fff;padding:14px;max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.template-service-tile{max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.service-tile-border-bottom-radius{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.service-view-tile2{width:100%}::ng-deep .service-view-tile2 *{box-sizing:border-box!important}.service-select-toggle{margin-top:25px;margin-right:auto;margin-left:auto;display:flex;align-items:center;text-align:left;max-width:none!important}.service-select-toggle *{max-width:none!important}.service-info-container{width:100%;height:250px}.service-info-container-padding{padding-right:15px;padding-left:15px}@media (max-width: 599px){.service-info-container{padding-right:15px;padding-left:15px}}.service-name{margin-top:0;text-align:justify;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media (min-width: 600px) and (max-width: 959px){.service-name{margin-top:30px;margin-right:0}}@media (max-width: 599px){.service-name{margin-top:30px;margin-right:0}}.service-description{margin-top:0;text-align:left;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical}@media (min-width: 600px) and (max-width: 959px){.service-description{margin-top:20px;margin-right:0}}@media (max-width: 599px){.service-description{margin-top:15px;margin-right:0}}.service-show-more-container{margin-top:5px;width:-moz-fit-content;width:fit-content;align-items:center;cursor:pointer;display:flex;text-align:left}.service-show-more-vector{width:5px!important;margin-left:10px}.service-tile-detail-container{margin-top:5px;display:flex;text-align:justify}@media (max-width: 599px){.service-tile-detail-container{margin-top:20px}}.service-tile-detail{margin-top:20px;font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}@media (max-width: 599px){.service-tile-detail{margin-top:20px}}.service-tile-detail-icon{margin-right:10px}.service-link-container{height:100%;justify-content:flex-end;align-items:flex-end;display:flex;text-align:justify}@media (max-width: 599px){.service-link-container{margin-top:20px;justify-content:flex-start}}.service-link{display:flex;align-items:center;cursor:pointer;text-decoration:none;color:inherit}.service-link-icon{margin-right:10px}.service-options-container{border-top:1px solid #eee;margin-top:80px}@media (max-width: 599px){.service-options-container{margin-top:40px;padding-right:15px;padding-left:15px}}.service-option{height:48px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;text-align:left}.service-option-vector{width:10px!important}.actions-container{margin-top:40px}.actions-button{display:flex;align-items:center;text-align:justify}.actions-button-text{margin-left:10px}.sendLabel{margin:10px auto;display:flex;justify-content:center;align-items:center;text-align:center}.sendCard-container{flex-wrap:wrap}.sendCard-container mat-icon{width:24px}@media (min-width: 600px){.sendCard-container{display:flex;justify-content:flex-end}.sentCard-container{display:flex;justify-content:end}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:8px}}@media (max-width: 599px){.sendCard-container{display:flex;justify-content:center}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:0}.sentCard-container{display:flex;justify-content:space-evenly}}\n"], dependencies: [{ kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i7.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i7.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i7.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i8.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i8.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i9.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10.MainTitleComponent, selector: "wapp-main-title", inputs: ["title", "extraClassToApply"] }, { kind: "component", type: i11.CarouselComponent, selector: "wapp-carousel", inputs: ["images", "allowThumbnail", "infiniteCarousel", "forceMobile", "height", "isDevModeActive", "isNoImage", "onHoverImageTooltip"], outputs: ["onSetImageEvent"] }] });
+WMaterialServiceViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WMaterialServiceViewComponent, selector: "w-material-service-view", inputs: { forceMobile: "forceMobile", wappingServicesTranslations: "wappingServicesTranslations", disabledButtonService: "disabledButtonService", showButtonService: "showButtonService", showToggle: "showToggle", wappingService: "wappingService", isDevModeActive: "isDevModeActive", defaultImage: "defaultImage", croppedImageConfiguration: "croppedImageConfiguration", croppedDialogTranslations: "croppedDialogTranslations", isNoImage: "isNoImage", onHoverImageTooltip: "onHoverImageTooltip" }, outputs: { wappingServiceSelected: "wappingServiceSelected", triggerButtonService: "triggerButtonService", onDefaultImageEvent: "onDefaultImageEvent" }, usesOnChanges: true, ngImport: i0, template: "<wapp-main-title [title]=\"wappingService.tile3\" *ngIf=\"wappingService && (!forceMobile)\" fxHide.xs></wapp-main-title>\r\n<div class=\"service-detail-center\" *ngIf=\"wappingService\"\r\n        [ngClass]=\"{'force-mobile': forceMobile}\"\r\n        [fxLayout]=\"forceMobile ? 'column' : 'row'\"\r\n        [fxLayout.xs]=\"'column'\"\r\n        [fxLayout.sm]=\"'column'\">\r\n    <!--service image-->\r\n    <div [ngClass]=\"{'service-view-no-margin': forceMobile, 'service-view': !forceMobile}\" fxLayout=\"column\">\r\n        <!--tile 1-->\r\n        <div *ngIf=\"!hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''\" class=\"service-image-title\">\r\n            <div class=\"service-view-tile1-no-html\" [innerHTML]=\"wappingService.tile1\"></div>\r\n        </div>\r\n        <div *ngIf=\"hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''\" class=\"template-service-image-tile service-card-image-title\">\r\n            <div class=\"service-view-tile1\" [innerHTML]=\"wappingService.tile1\"></div>\r\n        </div>\r\n        <!--slideshow-->\r\n        <wapp-carousel [isDevModeActive]=\"isDevModeActive\" [forceMobile]=\"forceMobile\" [images]=\"wappingServiceImages\" [isNoImage]=\"isNoImage\" (onSetImageEvent)=\"setImage()\" [onHoverImageTooltip]=\"onHoverImageTooltip\"></wapp-carousel>\r\n        <!--tile 2-->\r\n        <div fxFlex fxLayout=\"row\"\r\n            fxLayoutAlign=\"center center\"\r\n            fxLayoutGap=\"5px\"\r\n            [ngClass]=\"{'template-service-tile': hasHtml(wappingService.tile2),\r\n                'service-tile' : !hasHtml(wappingService.tile2)}\"\r\n            *ngIf=\"wappingService.tile2\">\r\n            <div class=\"service-view-tile2\" [innerHtml]=\"wappingService.tile2\"></div>\r\n        </div>\r\n        <!--activate toggle-->\r\n        <mat-slide-toggle class=\"service-select-toggle\" color=\"accent\"\r\n                        *ngIf=\"wappingService.allowSelect && allowSelectSendGiftCard && !showButtonService && showToggle\"\r\n                        [disabled]=\"disabledToggle\"\r\n                        [(ngModel)]=\"wappingService.active\"\r\n                        (change)=\"selectWappingService()\">{{ serviceStatus }}</mat-slide-toggle>\r\n        <button mat-flat-button *ngIf=\"showButtonService\"\r\n                class=\"service-select-toggle\"\r\n                color=\"accent\"\r\n                [disabled]=\"disabledButtonService\"\r\n                (click)=\"pressButtonService()\">\r\n            <span>{{ wappingServicesTranslations?.buttonService }}</span>\r\n        </button>\r\n        \r\n    </div>\r\n    <!--service info-->\r\n    <div class=\"service-info-container\" [ngClass]=\"{'service-info-container-padding': forceMobile}\" fxLayout=\"column\">\r\n        <div class=\"service-tile-detail-container\" fxLayout=\"column\">\r\n        <!--tile 3-->\r\n        <div *ngIf=\"!forceMobile\"\r\n             [innerHtml]=\"wappingService.tile3\" fxHide fxShow.xs\r\n             class=\"service-name mat-title\">\r\n        </div>\r\n        <div *ngIf=\"forceMobile\"\r\n             [innerHtml]=\"wappingService.tile3\"\r\n             class=\"service-name mat-title\">\r\n        </div>\r\n        <!--tileDetail 1-->\r\n        <div class=\"service-tile-detail\" fxLayout=\"row\">\r\n            <span [innerHtml]=\"wappingService.tileDetail1\"></span>\r\n        </div>\r\n        </div>\r\n        <!--link-->\r\n        <div class=\"service-link-container\" *ngIf=\"wappingService.titleLinkUrl && wappingService.linkUrl\">\r\n        <a class=\"service-link\" href=\"{{wappingService.linkUrl}}\" target=\"_blank\">\r\n            <mat-icon class=\"service-link-icon\" svgIcon=\"share_square\"></mat-icon><span>{{wappingService.titleLinkUrl}}</span>\r\n        </a>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".back-button{width:20px!important;height:20px!important;background-color:#a5000000;padding:0;border:none;cursor:pointer}.back-button-over-image{width:37px!important;height:37px!important;background-color:#ffffffb0;position:absolute;top:13px;left:11px;z-index:10;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}::ng-deep .back-button .mat-button-wrapper,::ng-deep .back-button-over-image .mat-button-wrapper{padding:4px 0!important}.back-button .mat-button-wrapper,.back-button-over-image .mat-button-wrapper{line-height:14px!important}.back-button .mat-icon{width:20px;height:20px}.back-button-over-image .mat-icon{width:16px;height:16px}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:before{background:var(--mdc-switch-unselected-track-color, #a50000)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-selected-handle-color, var(--mdc-theme-primary, #fff))!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:after{background:var(--mdc-switch-selected-hover-track-color, #10c638)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-unselected-handle-color, #fff)!important}:host ::ng-deep .mdc-form-field>label{font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch{margin-right:8px!important}@media (max-width: 959px){.service-detail-center{align-items:center}}.service-view{position:relative;margin-right:30px}.service-view-no-margin{position:relative;margin-right:0!important}@media (min-width: 600px) and (max-width: 959px){.service-view{margin-right:0;width:100%}}@media (max-width: 599px){.service-view{margin-right:0;width:100%}}.service-image-tile,.template-service-image-tile{position:absolute!important;width:100%!important;min-height:32px!important;top:0!important;z-index:9!important}.service-image-title{position:absolute;top:0!important;right:0!important;left:0!important;z-index:2;margin:0 60px!important;min-height:22px!important;border-radius:0 0 4.3118px 4.3118px!important;background-color:#0e0c0c;color:#fff;display:flex;justify-content:center;align-items:center;padding:4px}.service-view-tile1-no-html{justify-content:center!important;align-items:center!important;display:flex!important;text-align:center!important}.service-view-tile1{width:100%;min-height:32px}.service-tile{background-color:#0e0c0c;color:#fff;padding:14px;max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.template-service-tile{max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.service-tile-border-bottom-radius{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.service-view-tile2{width:100%}::ng-deep .service-view-tile2 *{box-sizing:border-box!important}.service-select-toggle{margin-top:25px;margin-right:auto;margin-left:auto;display:flex;align-items:center;text-align:left;max-width:none!important}.service-select-toggle *{max-width:none!important}.service-info-container{width:100%}.service-info-container-padding{padding-right:15px;padding-left:15px}@media (max-width: 599px){.service-info-container{padding-right:15px;padding-left:15px}}.service-name{margin-top:0;text-align:justify;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media (min-width: 600px) and (max-width: 959px){.service-name{margin-top:30px;margin-right:0}}@media (max-width: 599px){.service-name{margin-top:30px;margin-right:0}}.service-description{margin-top:0;text-align:left;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical}@media (min-width: 600px) and (max-width: 959px){.service-description{margin-top:20px;margin-right:0}}@media (max-width: 599px){.service-description{margin-top:15px;margin-right:0}}.service-show-more-container{margin-top:5px;width:-moz-fit-content;width:fit-content;align-items:center;cursor:pointer;display:flex;text-align:left}.service-show-more-vector{width:5px!important;margin-left:10px}.service-tile-detail-container{margin-top:5px;display:flex;text-align:justify}@media (max-width: 599px){.service-tile-detail-container{margin-top:20px}}.service-tile-detail{margin-top:20px;font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}@media (max-width: 599px){.service-tile-detail{margin-top:20px}}.service-tile-detail-icon{margin-right:10px}.service-link-container{height:100%;justify-content:flex-end;align-items:flex-end;display:flex;text-align:justify}@media (max-width: 599px){.service-link-container{margin-top:20px;justify-content:flex-start}}.service-link{display:flex;align-items:center;cursor:pointer;text-decoration:none;color:inherit}.service-link-icon{margin-right:10px}.service-options-container{border-top:1px solid #eee;margin-top:80px}@media (max-width: 599px){.service-options-container{margin-top:40px;padding-right:15px;padding-left:15px}}.service-option{height:48px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;text-align:left}.service-option-vector{width:10px!important}.actions-container{margin-top:40px}.actions-button{display:flex;align-items:center;text-align:justify}.actions-button-text{margin-left:10px}.sendLabel{margin:10px auto;display:flex;justify-content:center;align-items:center;text-align:center}.sendCard-container{flex-wrap:wrap}.sendCard-container mat-icon{width:24px}@media (min-width: 600px){.sendCard-container{display:flex;justify-content:flex-end}.sentCard-container{display:flex;justify-content:end}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:8px}}@media (max-width: 599px){.sendCard-container{display:flex;justify-content:center}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:0}.sentCard-container{display:flex;justify-content:space-evenly}}\n"], dependencies: [{ kind: "directive", type: i4.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i4.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i5.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i5.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i1.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i7.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i7.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i7.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i8.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i8.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i9.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: i10.MainTitleComponent, selector: "wapp-main-title", inputs: ["title", "extraClassToApply"] }, { kind: "component", type: i11.CarouselComponent, selector: "wapp-carousel", inputs: ["images", "allowThumbnail", "infiniteCarousel", "forceMobile", "height", "isDevModeActive", "isNoImage", "onHoverImageTooltip"], outputs: ["onSetImageEvent"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WMaterialServiceViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'w-material-service-view', template: "<wapp-main-title [title]=\"wappingService.tile3\" *ngIf=\"wappingService && (!forceMobile)\" fxHide.xs></wapp-main-title>\r\n<div class=\"service-detail-center\" *ngIf=\"wappingService\"\r\n        [ngClass]=\"{'force-mobile': forceMobile}\"\r\n        [fxLayout]=\"forceMobile ? 'column' : 'row'\"\r\n        [fxLayout.xs]=\"'column'\"\r\n        [fxLayout.sm]=\"'column'\">\r\n    <!--service image-->\r\n    <div [ngClass]=\"{'service-view-no-margin': forceMobile, 'service-view': !forceMobile}\" fxLayout=\"column\">\r\n        <!--tile 1-->\r\n        <div *ngIf=\"!hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''\" class=\"service-image-title\">\r\n            <div class=\"service-view-tile1-no-html\" [innerHTML]=\"wappingService.tile1\"></div>\r\n        </div>\r\n        <div *ngIf=\"hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''\" class=\"template-service-image-tile service-card-image-title\">\r\n            <div class=\"service-view-tile1\" [innerHTML]=\"wappingService.tile1\"></div>\r\n        </div>\r\n        <!--slideshow-->\r\n        <wapp-carousel [isDevModeActive]=\"isDevModeActive\" [forceMobile]=\"forceMobile\" [images]=\"wappingServiceImages\" [isNoImage]=\"isNoImage\" (onSetImageEvent)=\"setImage()\" [onHoverImageTooltip]=\"onHoverImageTooltip\"></wapp-carousel>\r\n        <!--tile 2-->\r\n        <div fxFlex fxLayout=\"row\"\r\n            fxLayoutAlign=\"center center\"\r\n            fxLayoutGap=\"5px\"\r\n            [ngClass]=\"{'template-service-tile': hasHtml(wappingService.tile2),\r\n                'service-tile' : !hasHtml(wappingService.tile2)}\"\r\n            *ngIf=\"wappingService.tile2\">\r\n            <div class=\"service-view-tile2\" [innerHtml]=\"wappingService.tile2\"></div>\r\n        </div>\r\n        <!--activate toggle-->\r\n        <mat-slide-toggle class=\"service-select-toggle\" color=\"accent\"\r\n                        *ngIf=\"wappingService.allowSelect && allowSelectSendGiftCard && !showButtonService && showToggle\"\r\n                        [disabled]=\"disabledToggle\"\r\n                        [(ngModel)]=\"wappingService.active\"\r\n                        (change)=\"selectWappingService()\">{{ serviceStatus }}</mat-slide-toggle>\r\n        <button mat-flat-button *ngIf=\"showButtonService\"\r\n                class=\"service-select-toggle\"\r\n                color=\"accent\"\r\n                [disabled]=\"disabledButtonService\"\r\n                (click)=\"pressButtonService()\">\r\n            <span>{{ wappingServicesTranslations?.buttonService }}</span>\r\n        </button>\r\n        \r\n    </div>\r\n    <!--service info-->\r\n    <div class=\"service-info-container\" [ngClass]=\"{'service-info-container-padding': forceMobile}\" fxLayout=\"column\">\r\n        <div class=\"service-tile-detail-container\" fxLayout=\"column\">\r\n        <!--tile 3-->\r\n        <div *ngIf=\"!forceMobile\"\r\n             [innerHtml]=\"wappingService.tile3\" fxHide fxShow.xs\r\n             class=\"service-name mat-title\">\r\n        </div>\r\n        <div *ngIf=\"forceMobile\"\r\n             [innerHtml]=\"wappingService.tile3\"\r\n             class=\"service-name mat-title\">\r\n        </div>\r\n        <!--tileDetail 1-->\r\n        <div class=\"service-tile-detail\" fxLayout=\"row\">\r\n            <span [innerHtml]=\"wappingService.tileDetail1\"></span>\r\n        </div>\r\n        </div>\r\n        <!--link-->\r\n        <div class=\"service-link-container\" *ngIf=\"wappingService.titleLinkUrl && wappingService.linkUrl\">\r\n        <a class=\"service-link\" href=\"{{wappingService.linkUrl}}\" target=\"_blank\">\r\n            <mat-icon class=\"service-link-icon\" svgIcon=\"share_square\"></mat-icon><span>{{wappingService.titleLinkUrl}}</span>\r\n        </a>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".back-button{width:20px!important;height:20px!important;background-color:#a5000000;padding:0;border:none;cursor:pointer}.back-button-over-image{width:37px!important;height:37px!important;background-color:#ffffffb0;position:absolute;top:13px;left:11px;z-index:10;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}::ng-deep .back-button .mat-button-wrapper,::ng-deep .back-button-over-image .mat-button-wrapper{padding:4px 0!important}.back-button .mat-button-wrapper,.back-button-over-image .mat-button-wrapper{line-height:14px!important}.back-button .mat-icon{width:20px;height:20px}.back-button-over-image .mat-icon{width:16px;height:16px}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:before{background:var(--mdc-switch-unselected-track-color, #a50000)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-selected-handle-color, var(--mdc-theme-primary, #fff))!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:after{background:var(--mdc-switch-selected-hover-track-color, #10c638)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-unselected-handle-color, #fff)!important}:host ::ng-deep .mdc-form-field>label{font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch{margin-right:8px!important}@media (max-width: 959px){.service-detail-center{align-items:center}}.service-view{position:relative;margin-right:30px}.service-view-no-margin{position:relative;margin-right:0!important}@media (min-width: 600px) and (max-width: 959px){.service-view{margin-right:0;width:100%}}@media (max-width: 599px){.service-view{margin-right:0;width:100%}}.service-image-tile,.template-service-image-tile{position:absolute!important;width:100%!important;min-height:32px!important;top:0!important;z-index:9!important}.service-image-title{position:absolute;top:0!important;right:0!important;left:0!important;z-index:2;margin:0 60px!important;min-height:22px!important;border-radius:0 0 4.3118px 4.3118px!important;background-color:#0e0c0c;color:#fff;display:flex;justify-content:center;align-items:center;padding:4px}.service-view-tile1-no-html{justify-content:center!important;align-items:center!important;display:flex!important;text-align:center!important}.service-view-tile1{width:100%;min-height:32px}.service-tile{background-color:#0e0c0c;color:#fff;padding:14px;max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.template-service-tile{max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.service-tile-border-bottom-radius{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.service-view-tile2{width:100%}::ng-deep .service-view-tile2 *{box-sizing:border-box!important}.service-select-toggle{margin-top:25px;margin-right:auto;margin-left:auto;display:flex;align-items:center;text-align:left;max-width:none!important}.service-select-toggle *{max-width:none!important}.service-info-container{width:100%;height:250px}.service-info-container-padding{padding-right:15px;padding-left:15px}@media (max-width: 599px){.service-info-container{padding-right:15px;padding-left:15px}}.service-name{margin-top:0;text-align:justify;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media (min-width: 600px) and (max-width: 959px){.service-name{margin-top:30px;margin-right:0}}@media (max-width: 599px){.service-name{margin-top:30px;margin-right:0}}.service-description{margin-top:0;text-align:left;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical}@media (min-width: 600px) and (max-width: 959px){.service-description{margin-top:20px;margin-right:0}}@media (max-width: 599px){.service-description{margin-top:15px;margin-right:0}}.service-show-more-container{margin-top:5px;width:-moz-fit-content;width:fit-content;align-items:center;cursor:pointer;display:flex;text-align:left}.service-show-more-vector{width:5px!important;margin-left:10px}.service-tile-detail-container{margin-top:5px;display:flex;text-align:justify}@media (max-width: 599px){.service-tile-detail-container{margin-top:20px}}.service-tile-detail{margin-top:20px;font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}@media (max-width: 599px){.service-tile-detail{margin-top:20px}}.service-tile-detail-icon{margin-right:10px}.service-link-container{height:100%;justify-content:flex-end;align-items:flex-end;display:flex;text-align:justify}@media (max-width: 599px){.service-link-container{margin-top:20px;justify-content:flex-start}}.service-link{display:flex;align-items:center;cursor:pointer;text-decoration:none;color:inherit}.service-link-icon{margin-right:10px}.service-options-container{border-top:1px solid #eee;margin-top:80px}@media (max-width: 599px){.service-options-container{margin-top:40px;padding-right:15px;padding-left:15px}}.service-option{height:48px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;text-align:left}.service-option-vector{width:10px!important}.actions-container{margin-top:40px}.actions-button{display:flex;align-items:center;text-align:justify}.actions-button-text{margin-left:10px}.sendLabel{margin:10px auto;display:flex;justify-content:center;align-items:center;text-align:center}.sendCard-container{flex-wrap:wrap}.sendCard-container mat-icon{width:24px}@media (min-width: 600px){.sendCard-container{display:flex;justify-content:flex-end}.sentCard-container{display:flex;justify-content:end}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:8px}}@media (max-width: 599px){.sendCard-container{display:flex;justify-content:center}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:0}.sentCard-container{display:flex;justify-content:space-evenly}}\n"] }]
+            args: [{ selector: 'w-material-service-view', template: "<wapp-main-title [title]=\"wappingService.tile3\" *ngIf=\"wappingService && (!forceMobile)\" fxHide.xs></wapp-main-title>\r\n<div class=\"service-detail-center\" *ngIf=\"wappingService\"\r\n        [ngClass]=\"{'force-mobile': forceMobile}\"\r\n        [fxLayout]=\"forceMobile ? 'column' : 'row'\"\r\n        [fxLayout.xs]=\"'column'\"\r\n        [fxLayout.sm]=\"'column'\">\r\n    <!--service image-->\r\n    <div [ngClass]=\"{'service-view-no-margin': forceMobile, 'service-view': !forceMobile}\" fxLayout=\"column\">\r\n        <!--tile 1-->\r\n        <div *ngIf=\"!hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''\" class=\"service-image-title\">\r\n            <div class=\"service-view-tile1-no-html\" [innerHTML]=\"wappingService.tile1\"></div>\r\n        </div>\r\n        <div *ngIf=\"hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''\" class=\"template-service-image-tile service-card-image-title\">\r\n            <div class=\"service-view-tile1\" [innerHTML]=\"wappingService.tile1\"></div>\r\n        </div>\r\n        <!--slideshow-->\r\n        <wapp-carousel [isDevModeActive]=\"isDevModeActive\" [forceMobile]=\"forceMobile\" [images]=\"wappingServiceImages\" [isNoImage]=\"isNoImage\" (onSetImageEvent)=\"setImage()\" [onHoverImageTooltip]=\"onHoverImageTooltip\"></wapp-carousel>\r\n        <!--tile 2-->\r\n        <div fxFlex fxLayout=\"row\"\r\n            fxLayoutAlign=\"center center\"\r\n            fxLayoutGap=\"5px\"\r\n            [ngClass]=\"{'template-service-tile': hasHtml(wappingService.tile2),\r\n                'service-tile' : !hasHtml(wappingService.tile2)}\"\r\n            *ngIf=\"wappingService.tile2\">\r\n            <div class=\"service-view-tile2\" [innerHtml]=\"wappingService.tile2\"></div>\r\n        </div>\r\n        <!--activate toggle-->\r\n        <mat-slide-toggle class=\"service-select-toggle\" color=\"accent\"\r\n                        *ngIf=\"wappingService.allowSelect && allowSelectSendGiftCard && !showButtonService && showToggle\"\r\n                        [disabled]=\"disabledToggle\"\r\n                        [(ngModel)]=\"wappingService.active\"\r\n                        (change)=\"selectWappingService()\">{{ serviceStatus }}</mat-slide-toggle>\r\n        <button mat-flat-button *ngIf=\"showButtonService\"\r\n                class=\"service-select-toggle\"\r\n                color=\"accent\"\r\n                [disabled]=\"disabledButtonService\"\r\n                (click)=\"pressButtonService()\">\r\n            <span>{{ wappingServicesTranslations?.buttonService }}</span>\r\n        </button>\r\n        \r\n    </div>\r\n    <!--service info-->\r\n    <div class=\"service-info-container\" [ngClass]=\"{'service-info-container-padding': forceMobile}\" fxLayout=\"column\">\r\n        <div class=\"service-tile-detail-container\" fxLayout=\"column\">\r\n        <!--tile 3-->\r\n        <div *ngIf=\"!forceMobile\"\r\n             [innerHtml]=\"wappingService.tile3\" fxHide fxShow.xs\r\n             class=\"service-name mat-title\">\r\n        </div>\r\n        <div *ngIf=\"forceMobile\"\r\n             [innerHtml]=\"wappingService.tile3\"\r\n             class=\"service-name mat-title\">\r\n        </div>\r\n        <!--tileDetail 1-->\r\n        <div class=\"service-tile-detail\" fxLayout=\"row\">\r\n            <span [innerHtml]=\"wappingService.tileDetail1\"></span>\r\n        </div>\r\n        </div>\r\n        <!--link-->\r\n        <div class=\"service-link-container\" *ngIf=\"wappingService.titleLinkUrl && wappingService.linkUrl\">\r\n        <a class=\"service-link\" href=\"{{wappingService.linkUrl}}\" target=\"_blank\">\r\n            <mat-icon class=\"service-link-icon\" svgIcon=\"share_square\"></mat-icon><span>{{wappingService.titleLinkUrl}}</span>\r\n        </a>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".back-button{width:20px!important;height:20px!important;background-color:#a5000000;padding:0;border:none;cursor:pointer}.back-button-over-image{width:37px!important;height:37px!important;background-color:#ffffffb0;position:absolute;top:13px;left:11px;z-index:10;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}::ng-deep .back-button .mat-button-wrapper,::ng-deep .back-button-over-image .mat-button-wrapper{padding:4px 0!important}.back-button .mat-button-wrapper,.back-button-over-image .mat-button-wrapper{line-height:14px!important}.back-button .mat-icon{width:20px;height:20px}.back-button-over-image .mat-icon{width:16px;height:16px}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:before{background:var(--mdc-switch-unselected-track-color, #a50000)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-selected-handle-color, var(--mdc-theme-primary, #fff))!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:after{background:var(--mdc-switch-selected-hover-track-color, #10c638)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-unselected-handle-color, #fff)!important}:host ::ng-deep .mdc-form-field>label{font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch{margin-right:8px!important}@media (max-width: 959px){.service-detail-center{align-items:center}}.service-view{position:relative;margin-right:30px}.service-view-no-margin{position:relative;margin-right:0!important}@media (min-width: 600px) and (max-width: 959px){.service-view{margin-right:0;width:100%}}@media (max-width: 599px){.service-view{margin-right:0;width:100%}}.service-image-tile,.template-service-image-tile{position:absolute!important;width:100%!important;min-height:32px!important;top:0!important;z-index:9!important}.service-image-title{position:absolute;top:0!important;right:0!important;left:0!important;z-index:2;margin:0 60px!important;min-height:22px!important;border-radius:0 0 4.3118px 4.3118px!important;background-color:#0e0c0c;color:#fff;display:flex;justify-content:center;align-items:center;padding:4px}.service-view-tile1-no-html{justify-content:center!important;align-items:center!important;display:flex!important;text-align:center!important}.service-view-tile1{width:100%;min-height:32px}.service-tile{background-color:#0e0c0c;color:#fff;padding:14px;max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.template-service-tile{max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.service-tile-border-bottom-radius{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.service-view-tile2{width:100%}::ng-deep .service-view-tile2 *{box-sizing:border-box!important}.service-select-toggle{margin-top:25px;margin-right:auto;margin-left:auto;display:flex;align-items:center;text-align:left;max-width:none!important}.service-select-toggle *{max-width:none!important}.service-info-container{width:100%}.service-info-container-padding{padding-right:15px;padding-left:15px}@media (max-width: 599px){.service-info-container{padding-right:15px;padding-left:15px}}.service-name{margin-top:0;text-align:justify;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media (min-width: 600px) and (max-width: 959px){.service-name{margin-top:30px;margin-right:0}}@media (max-width: 599px){.service-name{margin-top:30px;margin-right:0}}.service-description{margin-top:0;text-align:left;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical}@media (min-width: 600px) and (max-width: 959px){.service-description{margin-top:20px;margin-right:0}}@media (max-width: 599px){.service-description{margin-top:15px;margin-right:0}}.service-show-more-container{margin-top:5px;width:-moz-fit-content;width:fit-content;align-items:center;cursor:pointer;display:flex;text-align:left}.service-show-more-vector{width:5px!important;margin-left:10px}.service-tile-detail-container{margin-top:5px;display:flex;text-align:justify}@media (max-width: 599px){.service-tile-detail-container{margin-top:20px}}.service-tile-detail{margin-top:20px;font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}@media (max-width: 599px){.service-tile-detail{margin-top:20px}}.service-tile-detail-icon{margin-right:10px}.service-link-container{height:100%;justify-content:flex-end;align-items:flex-end;display:flex;text-align:justify}@media (max-width: 599px){.service-link-container{margin-top:20px;justify-content:flex-start}}.service-link{display:flex;align-items:center;cursor:pointer;text-decoration:none;color:inherit}.service-link-icon{margin-right:10px}.service-options-container{border-top:1px solid #eee;margin-top:80px}@media (max-width: 599px){.service-options-container{margin-top:40px;padding-right:15px;padding-left:15px}}.service-option{height:48px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;text-align:left}.service-option-vector{width:10px!important}.actions-container{margin-top:40px}.actions-button{display:flex;align-items:center;text-align:justify}.actions-button-text{margin-left:10px}.sendLabel{margin:10px auto;display:flex;justify-content:center;align-items:center;text-align:center}.sendCard-container{flex-wrap:wrap}.sendCard-container mat-icon{width:24px}@media (min-width: 600px){.sendCard-container{display:flex;justify-content:flex-end}.sentCard-container{display:flex;justify-content:end}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:8px}}@media (max-width: 599px){.sendCard-container{display:flex;justify-content:center}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:0}.sentCard-container{display:flex;justify-content:space-evenly}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.MatIconRegistry }, { type: i2.DomSanitizer }, { type: i3.DialogService }]; }, propDecorators: { forceMobile: [{
                 type: Input
             }], wappingServicesTranslations: [{

package/esm2020/lib/material/wapp-material-service-card/wapp-material-service-card.component.mjs

@@ -42,8 +42,8 @@ export class WappMaterialServiceCardComponent {
             showMore: "Mostrar más",
         };
         this.cardClicked = new EventEmitter();
-        this.matIconRegistry.addSvgIcon("activated", this.domSanitizer.bypassSecurityTrustResourceUrl("assets/wappIcons/activated.svg"));
-        this.matIconRegistry.addSvgIcon("deactivated", this.domSanitizer.bypassSecurityTrustResourceUrl("assets/wappIcons/deactivated.svg"));
+        this.matIconRegistry.addSvgIcon("activated", this.domSanitizer.bypassSecurityTrustResourceUrl("/assets/wappIcons/activated.svg"));
+        this.matIconRegistry.addSvgIcon("deactivated", this.domSanitizer.bypassSecurityTrustResourceUrl("/assets/wappIcons/deactivated.svg"));
     }
     getWappingServiceTitles(service) {
         if (service.dataReqToSendCard && service.dataReqToSendCard.dataReqToSendCardId != 0) {
@@ -103,4 +103,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImpo
                 type: Output,
                 args: ['cardClicked']
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2FwcC1tYXRlcmlhbC1zZXJ2aWNlLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvbWF0ZXJpYWwvd2FwcC1tYXRlcmlhbC1zZXJ2aWNlLWNhcmQvd2FwcC1tYXRlcmlhbC1zZXJ2aWNlLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvbWF0ZXJpYWwvd2FwcC1tYXRlcmlhbC1zZXJ2aWNlLWNhcmQvd2FwcC1tYXRlcmlhbC1zZXJ2aWNlLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsVUFBVSxFQUFFLGFBQWEsRUFBNkIsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7Ozs7QUFhcEcsTUFBTSxPQUFPLGdDQUFnQztJQW1CM0MsSUFBYSwyQkFBMkIsQ0FBQyxLQUFpQztRQUN4RSxJQUFHLEtBQUs7WUFBRSxJQUFJLENBQUMsb0JBQW9CLEdBQUcsS0FBSyxDQUFDO0lBQzlDLENBQUM7SUFFRCxJQUFJLG1CQUFtQjtRQUNyQixPQUFPLElBQUksQ0FBQyxvQkFBb0IsQ0FBQztJQUNuQyxDQUFDO0lBR0QsSUFBYSxjQUFjLENBQUMsS0FBcUI7UUFDL0MsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUM7UUFDN0IsSUFBRyxLQUFLO1lBQUUsSUFBSSxDQUFDLHVCQUF1QixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRCxJQUFJLGNBQWM7UUFDaEIsT0FBTyxJQUFJLENBQUMsZUFBZSxDQUFDO0lBQzlCLENBQUM7SUFJRCxZQUNVLEtBQWEsRUFDYixlQUFnQyxFQUNoQyxZQUEwQjtRQUYxQixVQUFLLEdBQUwsS0FBSyxDQUFRO1FBQ2Isb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBQ2hDLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBekNwQyxtQkFBYyxHQUFZLEtBQUssQ0FBQztRQUNoQyw0QkFBdUIsR0FBWSxJQUFJLENBQUM7UUFFeEMsc0JBQWlCLEdBQTBCLGFBQWEsQ0FBQztRQUN6RCxnQkFBVyxHQUFzQixVQUFVLENBQUM7UUFFNUMsd0JBQW1CLEdBQVksS0FBSyxDQUFDO1FBRTdCLHlCQUFvQixHQUErQjtZQUN6RCxjQUFjLEVBQUUsVUFBVTtZQUMxQixlQUFlLEVBQUUsYUFBYTtZQUM5QixjQUFjLEVBQUUsbUNBQW1DO1lBQ25ELFNBQVMsRUFBRSxvQkFBb0I7WUFDL0IsYUFBYSxFQUFFLGdFQUFnRTtZQUMvRSxhQUFhLEVBQUUsc0JBQXNCO1lBQ3JDLFFBQVEsRUFBRSxhQUFhO1NBQ3hCLENBQUM7UUFvQnFCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQWtCLENBQUM7UUFPdEUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsOEJBQThCLENBQUMsZ0NBQWdDLENBQUMsQ0FBQyxDQUFDO1FBQ2pJLElBQUksQ0FBQyxlQUFlLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDLDhCQUE4QixDQUFDLGtDQUFrQyxDQUFDLENBQUMsQ0FBQztJQUN2SSxDQUFDO0lBRUQsdUJBQXVCLENBQUMsT0FBdUI7UUFDN0MsSUFBRyxPQUFPLENBQUMsaUJBQWlCLElBQUksT0FBTyxDQUFDLGlCQUFpQixDQUFDLG1CQUFtQixJQUFJLENBQUMsRUFBQztZQUNqRixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQztZQUMzQixJQUFHLE9BQU8sQ0FBQyxxQkFBcUIsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBQztnQkFDeEQsSUFBSSxDQUFDLHVCQUF1QixHQUFHLEtBQUssQ0FBQzthQUN0QztTQUNGO1FBQ0QsSUFBSSxPQUFPLENBQUMsbUJBQW1CLElBQUksSUFBSSxFQUFFO1lBQ3ZDLE9BQU8sQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxrQkFBMEMsRUFBRSxFQUFFO2dCQUNqRixJQUFJLGtCQUFrQixDQUFDLFFBQVEsSUFBSSxDQUFDLEVBQUU7b0JBQ3BDLE9BQU8sQ0FBQyxLQUFLLEdBQUcsa0JBQWtCLENBQUMsS0FBSyxDQUFDO29CQUN6QyxPQUFPLENBQUMsVUFBVSxHQUFHLGtCQUFrQixDQUFDLEtBQUssQ0FBQztvQkFDOUMsT0FBTyxDQUFDLGNBQWMsR0FBRyxrQkFBa0IsQ0FBQyxTQUFTLENBQUM7b0JBQ3RELE9BQU8sQ0FBQyxvQkFBb0IsR0FBRyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDdkUsT0FBTyxDQUFDLG9CQUFvQixHQUFHLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDO2lCQUN4RTtnQkFDRCxJQUFJLGtCQUFrQixDQUFDLFFBQVEsSUFBSSxDQUFDLEVBQUU7b0JBQ3BDLE9BQU8sQ0FBQyxLQUFLLEdBQUcsa0JBQWtCLENBQUMsS0FBSyxDQUFDO29CQUN6QyxPQUFPLENBQUMsVUFBVSxHQUFHLGtCQUFrQixDQUFDLEtBQUssQ0FBQztvQkFDOUMsT0FBTyxDQUFDLGNBQWMsR0FBRyxrQkFBa0IsQ0FBQyxTQUFTLENBQUM7b0JBQ3RELE9BQU8sQ0FBQyxvQkFBb0IsR0FBRyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDdkUsT0FBTyxDQUFDLG9CQUFvQixHQUFHLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDO2lCQUN4RTtnQkFDRCxJQUFJLGtCQUFrQixDQUFDLFFBQVEsSUFBSSxDQUFDLEVBQUU7b0JBQ3BDLE9BQU8sQ0FBQyxLQUFLLEdBQUcsa0JBQWtCLENBQUMsS0FBSyxDQUFDO29CQUN6QyxPQUFPLENBQUMsVUFBVSxHQUFHLGtCQUFrQixDQUFDLEtBQUssQ0FBQztvQkFDOUMsT0FBTyxDQUFDLGNBQWMsR0FBRyxrQkFBa0IsQ0FBQyxTQUFTLENBQUM7b0JBQ3RELE9BQU8sQ0FBQyxvQkFBb0IsR0FBRyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDdkUsT0FBTyxDQUFDLG9CQUFvQixHQUFHLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDO2lCQUN4RTtnQkFDRCxJQUFJLGtCQUFrQixDQUFDLFFBQVEsSUFBSSxDQUFDLEVBQUU7b0JBQ3BDLE9BQU8sQ0FBQyxLQUFLLEdBQUcsa0JBQWtCLENBQUMsS0FBSyxDQUFDO29CQUN6QyxPQUFPLENBQUMsVUFBVSxHQUFHLGtCQUFrQixDQUFDLEtBQUssQ0FBQztvQkFDOUMsT0FBTyxDQUFDLGNBQWMsR0FBRyxrQkFBa0IsQ0FBQyxTQUFTLENBQUM7b0JBQ3RELE9BQU8sQ0FBQyxvQkFBb0IsR0FBRyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDdkUsT0FBTyxDQUFDLG9CQUFvQixHQUFHLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDO2lCQUN4RTtZQUNILENBQUMsQ0FBQyxDQUFDO1lBQ0gsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQztTQUNqQztJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsT0FBdUI7UUFDakMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDakMsQ0FBQzs7OEhBNUZVLGdDQUFnQztrSEFBaEMsZ0NBQWdDLHFOQ2Q3QyxnNUdBK0RXOzRGRGpERSxnQ0FBZ0M7a0JBTDVDLFNBQVM7K0JBQ0UsNEJBQTRCO3NKQXVCekIsMkJBQTJCO3NCQUF2QyxLQUFLO2dCQVNPLGNBQWM7c0JBQTFCLEtBQUs7Z0JBU2lCLFdBQVc7c0JBQWpDLE1BQU07dUJBQUMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENhcmRTdGF0dXMsIFNlbmRpbmdTdGF0dXMsIFdhcHBpbmdTZXJ2aWNlQXBwVmlld1R5cGUgfSBmcm9tICcuLi9zaGFyZWQvbW9kZWxzL2VudW1zLm1vZGVsJztcclxuaW1wb3J0IHsgV2FwcGluZ1NlcnZpY2UgfSBmcm9tICcuLi9zaGFyZWQvbW9kZWxzL3dhcHBpbmctc2VydmljZSc7XHJcbmltcG9ydCB7IFdhcHBpbmdTZXJ2aWNlVHJhbnNsYXRpb25zIH0gZnJvbSAnLi4vc2hhcmVkL21vZGVscy93YXBwaW5nLXNlcnZpY2UtdHJhbnNsYXRpb25zLm1vZGVsJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgV2FwcGluZ1NlcnZpY2VJdGVtVmlldyB9IGZyb20gJy4uL3NoYXJlZC9tb2RlbHMvd2FwcGluZy1zZXJ2aWNlLWl0ZW0tdmlldyc7XHJcbmltcG9ydCB7IE1hdEljb25SZWdpc3RyeSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnd2FwcC1tYXRlcmlhbC1zZXJ2aWNlLWNhcmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93YXBwLW1hdGVyaWFsLXNlcnZpY2UtY2FyZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vd2FwcC1tYXRlcmlhbC1zZXJ2aWNlLWNhcmQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV2FwcE1hdGVyaWFsU2VydmljZUNhcmRDb21wb25lbnQge1xyXG4gIGlzU2VuZEdpZnRDYXJkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgYWxsb3dTZWxlY3RTZW5kR2lmdENhcmQ6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIFxyXG4gIGVudW1TZW5kaW5nU3RhdHVzOiB0eXBlb2YgU2VuZGluZ1N0YXR1cyA9ICBTZW5kaW5nU3RhdHVzO1xyXG4gIGVjYXJkU3RhdHVzOiB0eXBlb2YgQ2FyZFN0YXR1cyA9IENhcmRTdGF0dXM7XHJcblxyXG4gIHdhcHBpbmdTZXJ2aWNlUmVhZHk6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBcclxuICBwcml2YXRlIF93YXBwaW5nVHJhbnNsYXRpb25zOiBXYXBwaW5nU2VydmljZVRyYW5zbGF0aW9ucyA9IHtcclxuICAgIGFjdGl2ZWRTZXJ2aWNlOiAnQWN0aXZhZGEnLFxyXG4gICAgZGlzYWJsZWRTZXJ2aWNlOiAnRGVzYWN0aXZhZGEnLFxyXG4gICAgc2NoZWR1bGVkTGFiZWw6ICdQcm9ncmFtYWRhIHBhcmEgZW52aWFyIGEge3tuYW1lfX0nLFxyXG4gICAgc2VuZExhYmVsOiAnRW52aWFkYSBhIHt7bmFtZX19JyxcclxuICAgIGNhcmRHZW5lcmF0ZWQ6ICdUdSB0YXJqZXRhIGVzdGFyw6EgZGlzcG9uaWJsZSBwYXJhIGVsIGVudsOtbyBlbiBicmV2ZXMgaW5zdGFudGVzJyxcclxuICAgIHJlY2VpdmVkTGFiZWw6IFwiRW52aWFkYSBwb3Ige3tuYW1lfX1cIixcclxuICAgIHNob3dNb3JlOiBcIk1vc3RyYXIgbcOhc1wiLFxyXG4gIH07XHJcbiAgXHJcbiAgQElucHV0KCkgc2V0IHdhcHBpbmdTZXJ2aWNlc1RyYW5zbGF0aW9ucyh2YWx1ZTogV2FwcGluZ1NlcnZpY2VUcmFuc2xhdGlvbnMpIHtcclxuICAgIGlmKHZhbHVlKSB0aGlzLl93YXBwaW5nVHJhbnNsYXRpb25zID0gdmFsdWU7XHJcbiAgfVxyXG4gIFxyXG4gIGdldCB3YXBwaW5nVHJhbnNsYXRpb25zKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX3dhcHBpbmdUcmFuc2xhdGlvbnM7XHJcbiAgfVxyXG4gIHByaXZhdGUgX3dhcHBpbmdTZXJ2aWNlITogV2FwcGluZ1NlcnZpY2U7XHJcblxyXG4gIEBJbnB1dCgpIHNldCB3YXBwaW5nU2VydmljZSh2YWx1ZTogV2FwcGluZ1NlcnZpY2UpIHtcclxuICAgIHRoaXMuX3dhcHBpbmdTZXJ2aWNlID0gdmFsdWU7XHJcbiAgICBpZih2YWx1ZSkgdGhpcy5nZXRXYXBwaW5nU2VydmljZVRpdGxlcyh2YWx1ZSk7XHJcbiAgfVxyXG5cclxuICBnZXQgd2FwcGluZ1NlcnZpY2UoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fd2FwcGluZ1NlcnZpY2U7XHJcbiAgfVxyXG5cclxuICBAT3V0cHV0KCdjYXJkQ2xpY2tlZCcpIGNhcmRDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxXYXBwaW5nU2VydmljZT4oKTtcclxuICBcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgcm91dGU6IFJvdXRlcixcclxuICAgIHByaXZhdGUgbWF0SWNvblJlZ2lzdHJ5OiBNYXRJY29uUmVnaXN0cnksXHJcbiAgICBwcml2YXRlIGRvbVNhbml0aXplcjogRG9tU2FuaXRpemVyXHJcbiAgKSB7XHJcbiAgICB0aGlzLm1hdEljb25SZWdpc3RyeS5hZGRTdmdJY29uKFwiYWN0aXZhdGVkXCIsIHRoaXMuZG9tU2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RSZXNvdXJjZVVybChcImFzc2V0cy93YXBwSWNvbnMvYWN0aXZhdGVkLnN2Z1wiKSk7XHJcbiAgICB0aGlzLm1hdEljb25SZWdpc3RyeS5hZGRTdmdJY29uKFwiZGVhY3RpdmF0ZWRcIiwgdGhpcy5kb21TYW5pdGl6ZXIuYnlwYXNzU2VjdXJpdHlUcnVzdFJlc291cmNlVXJsKFwiYXNzZXRzL3dhcHBJY29ucy9kZWFjdGl2YXRlZC5zdmdcIikpO1xyXG4gIH1cclxuXHJcbiAgZ2V0V2FwcGluZ1NlcnZpY2VUaXRsZXMoc2VydmljZTogV2FwcGluZ1NlcnZpY2UpIHtcclxuICAgIGlmKHNlcnZpY2UuZGF0YVJlcVRvU2VuZENhcmQgJiYgc2VydmljZS5kYXRhUmVxVG9TZW5kQ2FyZC5kYXRhUmVxVG9TZW5kQ2FyZElkICE9IDApe1xyXG4gICAgICB0aGlzLmlzU2VuZEdpZnRDYXJkID0gdHJ1ZTtcclxuICAgICAgaWYoc2VydmljZS5lbnVtVHlwZVN0YXR1c0VDYXJkSUQgPT0gdGhpcy5lY2FyZFN0YXR1cy5zZW50KXtcclxuICAgICAgICB0aGlzLmFsbG93U2VsZWN0U2VuZEdpZnRDYXJkID0gZmFsc2U7XHJcbiAgICAgIH1cclxuICAgIH1cclxuICAgIGlmIChzZXJ2aWNlLndhcHBpbmdTZXJ2aWNlVGlsZXMgIT0gbnVsbCkge1xyXG4gICAgICBzZXJ2aWNlLndhcHBpbmdTZXJ2aWNlVGlsZXMuZm9yRWFjaCgod2FwcGluZ1NlcnZpY2VUaWxlOiBXYXBwaW5nU2VydmljZUl0ZW1WaWV3KSA9PiB7XHJcbiAgICAgICAgaWYgKHdhcHBpbmdTZXJ2aWNlVGlsZS5wb3NpdGlvbiA9PSAxKSB7XHJcbiAgICAgICAgICBzZXJ2aWNlLnRpbGUxID0gd2FwcGluZ1NlcnZpY2VUaWxlLnZhbHVlO1xyXG4gICAgICAgICAgc2VydmljZS50aWxlMUxhYmVsID0gd2FwcGluZ1NlcnZpY2VUaWxlLmxhYmVsO1xyXG4gICAgICAgICAgc2VydmljZS5zaG93VGlsZTFMYWJlbCA9IHdhcHBpbmdTZXJ2aWNlVGlsZS5zaG93TGFiZWw7XHJcbiAgICAgICAgICBzZXJ2aWNlLnRpbGUxQmFja2dyb3VuZENvbG9yID0gd2FwcGluZ1NlcnZpY2VUaWxlLmxhYmVsQmFja2dyb3VuZENvbG9yO1xyXG4gICAgICAgICAgc2VydmljZS50aWxlMUZvcmVncm91bmRDb2xvciA9IHdhcHBpbmdTZXJ2aWNlVGlsZS5sYWJlbEZvcmVncm91bmRDb2xvcjtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKHdhcHBpbmdTZXJ2aWNlVGlsZS5wb3NpdGlvbiA9PSAyKSB7XHJcbiAgICAgICAgICBzZXJ2aWNlLnRpbGUyID0gd2FwcGluZ1NlcnZpY2VUaWxlLnZhbHVlO1xyXG4gICAgICAgICAgc2VydmljZS50aWxlMkxhYmVsID0gd2FwcGluZ1NlcnZpY2VUaWxlLmxhYmVsO1xyXG4gICAgICAgICAgc2VydmljZS5zaG93VGlsZTJMYWJlbCA9IHdhcHBpbmdTZXJ2aWNlVGlsZS5zaG93TGFiZWw7XHJcbiAgICAgICAgICBzZXJ2aWNlLnRpbGUyQmFja2dyb3VuZENvbG9yID0gd2FwcGluZ1NlcnZpY2VUaWxlLmxhYmVsQmFja2dyb3VuZENvbG9yO1xyXG4gICAgICAgICAgc2VydmljZS50aWxlMkZvcmVncm91bmRDb2xvciA9IHdhcHBpbmdTZXJ2aWNlVGlsZS5sYWJlbEZvcmVncm91bmRDb2xvcjtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKHdhcHBpbmdTZXJ2aWNlVGlsZS5wb3NpdGlvbiA9PSAzKSB7XHJcbiAgICAgICAgICBzZXJ2aWNlLnRpbGUzID0gd2FwcGluZ1NlcnZpY2VUaWxlLnZhbHVlO1xyXG4gICAgICAgICAgc2VydmljZS50aWxlM0xhYmVsID0gd2FwcGluZ1NlcnZpY2VUaWxlLmxhYmVsO1xyXG4gICAgICAgICAgc2VydmljZS5zaG93VGlsZTNMYWJlbCA9IHdhcHBpbmdTZXJ2aWNlVGlsZS5zaG93TGFiZWw7XHJcbiAgICAgICAgICBzZXJ2aWNlLnRpbGUzQmFja2dyb3VuZENvbG9yID0gd2FwcGluZ1NlcnZpY2VUaWxlLmxhYmVsQmFja2dyb3VuZENvbG9yO1xyXG4gICAgICAgICAgc2VydmljZS50aWxlM0ZvcmVncm91bmRDb2xvciA9IHdhcHBpbmdTZXJ2aWNlVGlsZS5sYWJlbEZvcmVncm91bmRDb2xvcjtcclxuICAgICAgICB9XHJcbiAgICAgICAgaWYgKHdhcHBpbmdTZXJ2aWNlVGlsZS5wb3NpdGlvbiA9PSA0KSB7XHJcbiAgICAgICAgICBzZXJ2aWNlLnRpbGU0ID0gd2FwcGluZ1NlcnZpY2VUaWxlLnZhbHVlO1xyXG4gICAgICAgICAgc2VydmljZS50aWxlNExhYmVsID0gd2FwcGluZ1NlcnZpY2VUaWxlLmxhYmVsO1xyXG4gICAgICAgICAgc2VydmljZS5zaG93VGlsZTRMYWJlbCA9IHdhcHBpbmdTZXJ2aWNlVGlsZS5zaG93TGFiZWw7XHJcbiAgICAgICAgICBzZXJ2aWNlLnRpbGU0QmFja2dyb3VuZENvbG9yID0gd2FwcGluZ1NlcnZpY2VUaWxlLmxhYmVsQmFja2dyb3VuZENvbG9yO1xyXG4gICAgICAgICAgc2VydmljZS50aWxlNEZvcmVncm91bmRDb2xvciA9IHdhcHBpbmdTZXJ2aWNlVGlsZS5sYWJlbEZvcmVncm91bmRDb2xvcjtcclxuICAgICAgICB9XHJcbiAgICAgIH0pO1xyXG4gICAgICB0aGlzLndhcHBpbmdTZXJ2aWNlUmVhZHkgPSB0cnVlO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgY2FyZE9uQ2xpY2soc2VydmljZTogV2FwcGluZ1NlcnZpY2UpIHtcclxuICAgIHRoaXMuY2FyZENsaWNrZWQuZW1pdChzZXJ2aWNlKTtcclxuICB9XHJcbn1cclxuIiwiPG1hdC1jYXJkICpuZ0lmPVwid2FwcGluZ1NlcnZpY2VSZWFkeVwiIGNsYXNzPVwic2VydmljZS1jYXJkXCIgKGNsaWNrKT1cImNhcmRPbkNsaWNrKHdhcHBpbmdTZXJ2aWNlKVwiPlxyXG4gIDxkaXYgZnhMYXlvdXQ9XCJjb2x1bW5cIiBmeExheW91dEFsaWduPVwiY2VudGVyIGNlbnRlclwiPlxyXG4gICAgPGRpdiBjbGFzcz1cInNlcnZpY2UtY2FyZC1pbWFnZS10aXRsZVwiXHJcbiAgICAgICAgIFtzdHlsZS5iYWNrZ3JvdW5kLWNvbG9yXT1cIndhcHBpbmdTZXJ2aWNlLnRpbGUxQmFja2dyb3VuZENvbG9yXCJcclxuICAgICAgICAgW3N0eWxlLmNvbG9yXT1cIndhcHBpbmdTZXJ2aWNlLnRpbGUxRm9yZWdyb3VuZENvbG9yXCJcclxuICAgICAgICAgKm5nSWY9XCJ3YXBwaW5nU2VydmljZS50aWxlMVwiXHJcbiAgICAgICAgIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRHYXA9XCI1cHhcIj5cclxuICAgICAgPCEtLXRpbGUxLS0+XHJcbiAgICAgIDxkaXY+e3t3YXBwaW5nU2VydmljZS50aWxlMX19PC9kaXY+XHJcbiAgICAgIDxkaXYgKm5nSWY9XCJ3YXBwaW5nU2VydmljZS5zaG93VGlsZTFMYWJlbFwiPnt7d2FwcGluZ1NlcnZpY2UudGlsZTFMYWJlbH19PC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJzZXJ2aWNlLWNhcmQtaW1hZ2VcIj5cclxuICAgICAgPGltZyBtYXQtY2FyZC1pbWFnZSBbc3JjXT1cIndhcHBpbmdTZXJ2aWNlLmltYWdlVXJsXCI+XHJcbiAgICA8L2Rpdj5cclxuICA8L2Rpdj5cclxuICA8bWF0LWNhcmQtaGVhZGVyIGZ4TGF5b3V0PVwiY29sdW1uXCI+XHJcbiAgICA8ZGl2IGZ4TGF5b3V0PVwicm93XCI+XHJcbiAgICAgIDwhLS10aWxlMi0tPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1oZWFkZXItYmVuZWZpdHNcIiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0R2FwPVwiNXB4XCI+XHJcbiAgICAgICAgPGRpdj57e3dhcHBpbmdTZXJ2aWNlLnRpbGUyfX08L2Rpdj5cclxuICAgICAgICA8ZGl2ICpuZ0lmPVwid2FwcGluZ1NlcnZpY2Uuc2hvd1RpbGUyTGFiZWxcIj57e3dhcHBpbmdTZXJ2aWNlLnRpbGUyTGFiZWx9fTwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBmeEZsZXg+PC9kaXY+XHJcbiAgICAgIDwhLS1zdGF0dXMtLT5cclxuICAgICAgPGRpdiBjbGFzcz1cImNhcmQtaGVhZGVyLXN0YXR1cy1jb250YWluZXJcIiAqbmdJZj1cIndhcHBpbmdTZXJ2aWNlLmFsbG93U2VsZWN0ICYmIGFsbG93U2VsZWN0U2VuZEdpZnRDYXJkXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEdhcD1cIjVweFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWhlYWRlci1zdGF0dXNcIiAqbmdJZj1cIiF3YXBwaW5nU2VydmljZS5hbGxvd1NlbGVjdCAmJiB3YXBwaW5nU2VydmljZS50eXBlICE9IDZcIj5cclxuICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImNhcmQtaGVhZGVyLXN0YXR1cy1pY29uXCIgc3ZnSWNvbj1cImFjdGl2YXRlZFwiPjwvbWF0LWljb24+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzPVwic3RhdHVzXCI+e3sgd2FwcGluZ1RyYW5zbGF0aW9ucy5hY3RpdmVkU2VydmljZSB9fTwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWhlYWRlci1zdGF0dXNcIiAqbmdJZj1cIndhcHBpbmdTZXJ2aWNlLmFjdGl2ZVwiPlxyXG4gICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwiY2FyZC1oZWFkZXItc3RhdHVzLWljb25cIiBzdmdJY29uPVwiYWN0aXZhdGVkXCI+PC9tYXQtaWNvbj5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3RhdHVzXCI+e3sgd2FwcGluZ1RyYW5zbGF0aW9ucy5hY3RpdmVkU2VydmljZSB9fTwvc3Bhbj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1oZWFkZXItc3RhdHVzXCIgKm5nSWY9XCIhd2FwcGluZ1NlcnZpY2UuYWN0aXZlXCI+XHJcbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJjYXJkLWhlYWRlci1zdGF0dXMtaWNvblwiIHN2Z0ljb249XCJkZWFjdGl2YXRlZFwiPjwvbWF0LWljb24+XHJcbiAgICAgICAgICA8c3BhbiBjbGFzcz1cInN0YXR1c1wiPnt7IHdhcHBpbmdUcmFuc2xhdGlvbnMuZGlzYWJsZWRTZXJ2aWNlIH19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPGRpdiBjbGFzcz1cImNhcmQtaGVhZGVyLXN0YXR1cy1jb250YWluZXJcIiAqbmdJZj1cIiFhbGxvd1NlbGVjdFNlbmRHaWZ0Q2FyZFwiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRHYXA9XCI1cHhcIj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1oZWFkZXItc3RhdHVzXCIgKm5nSWY9XCJ3YXBwaW5nU2VydmljZS5kYXRhUmVxVG9TZW5kQ2FyZCEuZW51bVNlbmRpbmdTdGF0dXNJZCA9PSBlbnVtU2VuZGluZ1N0YXR1cy5TY2hlZHVsZWRUb1NlbmRcIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZW5kTGFiZWxcIiAgPlxyXG4gICAgICAgICAgICB7eyB3YXBwaW5nVHJhbnNsYXRpb25zLnNjaGVkdWxlZExhYmVsIH19XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1oZWFkZXItc3RhdHVzXCIgKm5nSWY9XCJ3YXBwaW5nU2VydmljZS5kYXRhUmVxVG9TZW5kQ2FyZCEuZW51bVNlbmRpbmdTdGF0dXNJZCA9PSBlbnVtU2VuZGluZ1N0YXR1cy5TZW50IHx8IHdhcHBpbmdTZXJ2aWNlLmRhdGFSZXFUb1NlbmRDYXJkIS5lbnVtU2VuZGluZ1N0YXR1c0lkID09IGVudW1TZW5kaW5nU3RhdHVzLlBlbmRpbmdSZWdpc3RyYXRpb25cIj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzZW5kTGFiZWxcIiA+XHJcbiAgICAgICAgICAgIHt7IHdhcHBpbmdUcmFuc2xhdGlvbnMuc2VuZExhYmVsIH19XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgICA8L2Rpdj5cclxuICAgIDwhLS10aWxlMy0tPlxyXG4gICAgPGRpdiBjbGFzcz1cImNhcmQtaGVhZGVyLWRlc2NyaXB0aW9uXCI+XHJcbiAgICAgIHt7d2FwcGluZ1NlcnZpY2UudGlsZTN9fVxyXG4gICAgPC9kaXY+XHJcbiAgICA8IS0tdGlsZTQtLT5cclxuICAgIDxkaXYgY2xhc3M9XCJjYXJkLWhlYWRlci1kZXRhaWxcIiAqbmdJZj1cIndhcHBpbmdTZXJ2aWNlLmVudW1UeXBlU3RhdHVzRUNhcmRJRCAhPSBlY2FyZFN0YXR1cy5nZW5lcmF0ZWRcIj5cclxuICAgICAge3t3YXBwaW5nU2VydmljZS50aWxlNH19XHJcbiAgICA8L2Rpdj5cclxuICAgIDxkaXYgY2xhc3M9XCJjYXJkLWhlYWRlci1kZXRhaWxcIiAqbmdJZj1cIndhcHBpbmdTZXJ2aWNlLmVudW1UeXBlU3RhdHVzRUNhcmRJRCA9PSBlY2FyZFN0YXR1cy5nZW5lcmF0ZWRcIj5cclxuICAgICAge3sgd2FwcGluZ1RyYW5zbGF0aW9ucy5jYXJkR2VuZXJhdGVkIH19XHJcbiAgICA8L2Rpdj5cclxuICA8L21hdC1jYXJkLWhlYWRlcj5cclxuPC9tYXQtY2FyZD4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoid2FwcC1tYXRlcmlhbC1zZXJ2aWNlLWNhcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvbWF0ZXJpYWwvd2FwcC1tYXRlcmlhbC1zZXJ2aWNlLWNhcmQvd2FwcC1tYXRlcmlhbC1zZXJ2aWNlLWNhcmQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvd2FwcC1jb21wb25lbnRzL3NyYy9saWIvbWF0ZXJpYWwvd2FwcC1tYXRlcmlhbC1zZXJ2aWNlLWNhcmQvd2FwcC1tYXRlcmlhbC1zZXJ2aWNlLWNhcmQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUN2RSxPQUFPLEVBQUUsVUFBVSxFQUFFLGFBQWEsRUFBNkIsTUFBTSw4QkFBOEIsQ0FBQzs7Ozs7Ozs7QUFhcEcsTUFBTSxPQUFPLGdDQUFnQztJQW1CM0MsSUFBYSwyQkFBMkIsQ0FBQyxLQUFpQztRQUN4RSxJQUFHLEtBQUs7WUFBRSxJQUFJLENBQUMsb0JBQW9CLEdBQUcsS0FBSyxDQUFDO0lBQzlDLENBQUM7SUFFRCxJQUFJLG1CQUFtQjtRQUNyQixPQUFPLElBQUksQ0FBQyxvQkFBb0IsQ0FBQztJQUNuQyxDQUFDO0lBR0QsSUFBYSxjQUFjLENBQUMsS0FBcUI7UUFDL0MsSUFBSSxDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUM7UUFDN0IsSUFBRyxLQUFLO1lBQUUsSUFBSSxDQUFDLHVCQUF1QixDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2hELENBQUM7SUFFRCxJQUFJLGNBQWM7UUFDaEIsT0FBTyxJQUFJLENBQUMsZUFBZSxDQUFDO0lBQzlCLENBQUM7SUFJRCxZQUNVLEtBQWEsRUFDYixlQUFnQyxFQUNoQyxZQUEwQjtRQUYxQixVQUFLLEdBQUwsS0FBSyxDQUFRO1FBQ2Isb0JBQWUsR0FBZixlQUFlLENBQWlCO1FBQ2hDLGlCQUFZLEdBQVosWUFBWSxDQUFjO1FBekNwQyxtQkFBYyxHQUFZLEtBQUssQ0FBQztRQUNoQyw0QkFBdUIsR0FBWSxJQUFJLENBQUM7UUFFeEMsc0JBQWlCLEdBQTBCLGFBQWEsQ0FBQztRQUN6RCxnQkFBVyxHQUFzQixVQUFVLENBQUM7UUFFNUMsd0JBQW1CLEdBQVksS0FBSyxDQUFDO1FBRTdCLHlCQUFvQixHQUErQjtZQUN6RCxjQUFjLEVBQUUsVUFBVTtZQUMxQixlQUFlLEVBQUUsYUFBYTtZQUM5QixjQUFjLEVBQUUsbUNBQW1DO1lBQ25ELFNBQVMsRUFBRSxvQkFBb0I7WUFDL0IsYUFBYSxFQUFFLGdFQUFnRTtZQUMvRSxhQUFhLEVBQUUsc0JBQXNCO1lBQ3JDLFFBQVEsRUFBRSxhQUFhO1NBQ3hCLENBQUM7UUFvQnFCLGdCQUFXLEdBQUcsSUFBSSxZQUFZLEVBQWtCLENBQUM7UUFPdEUsSUFBSSxDQUFDLGVBQWUsQ0FBQyxVQUFVLENBQUMsV0FBVyxFQUFFLElBQUksQ0FBQyxZQUFZLENBQUMsOEJBQThCLENBQUMsaUNBQWlDLENBQUMsQ0FBQyxDQUFDO1FBQ2xJLElBQUksQ0FBQyxlQUFlLENBQUMsVUFBVSxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsWUFBWSxDQUFDLDhCQUE4QixDQUFDLG1DQUFtQyxDQUFDLENBQUMsQ0FBQztJQUN4SSxDQUFDO0lBRUQsdUJBQXVCLENBQUMsT0FBdUI7UUFDN0MsSUFBRyxPQUFPLENBQUMsaUJBQWlCLElBQUksT0FBTyxDQUFDLGlCQUFpQixDQUFDLG1CQUFtQixJQUFJLENBQUMsRUFBQztZQUNqRixJQUFJLENBQUMsY0FBYyxHQUFHLElBQUksQ0FBQztZQUMzQixJQUFHLE9BQU8sQ0FBQyxxQkFBcUIsSUFBSSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksRUFBQztnQkFDeEQsSUFBSSxDQUFDLHVCQUF1QixHQUFHLEtBQUssQ0FBQzthQUN0QztTQUNGO1FBQ0QsSUFBSSxPQUFPLENBQUMsbUJBQW1CLElBQUksSUFBSSxFQUFFO1lBQ3ZDLE9BQU8sQ0FBQyxtQkFBbUIsQ0FBQyxPQUFPLENBQUMsQ0FBQyxrQkFBMEMsRUFBRSxFQUFFO2dCQUNqRixJQUFJLGtCQUFrQixDQUFDLFFBQVEsSUFBSSxDQUFDLEVBQUU7b0JBQ3BDLE9BQU8sQ0FBQyxLQUFLLEdBQUcsa0JBQWtCLENBQUMsS0FBSyxDQUFDO29CQUN6QyxPQUFPLENBQUMsVUFBVSxHQUFHLGtCQUFrQixDQUFDLEtBQUssQ0FBQztvQkFDOUMsT0FBTyxDQUFDLGNBQWMsR0FBRyxrQkFBa0IsQ0FBQyxTQUFTLENBQUM7b0JBQ3RELE9BQU8sQ0FBQyxvQkFBb0IsR0FBRyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDdkUsT0FBTyxDQUFDLG9CQUFvQixHQUFHLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDO2lCQUN4RTtnQkFDRCxJQUFJLGtCQUFrQixDQUFDLFFBQVEsSUFBSSxDQUFDLEVBQUU7b0JBQ3BDLE9BQU8sQ0FBQyxLQUFLLEdBQUcsa0JBQWtCLENBQUMsS0FBSyxDQUFDO29CQUN6QyxPQUFPLENBQUMsVUFBVSxHQUFHLGtCQUFrQixDQUFDLEtBQUssQ0FBQztvQkFDOUMsT0FBTyxDQUFDLGNBQWMsR0FBRyxrQkFBa0IsQ0FBQyxTQUFTLENBQUM7b0JBQ3RELE9BQU8sQ0FBQyxvQkFBb0IsR0FBRyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDdkUsT0FBTyxDQUFDLG9CQUFvQixHQUFHLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDO2lCQUN4RTtnQkFDRCxJQUFJLGtCQUFrQixDQUFDLFFBQVEsSUFBSSxDQUFDLEVBQUU7b0JBQ3BDLE9BQU8sQ0FBQyxLQUFLLEdBQUcsa0JBQWtCLENBQUMsS0FBSyxDQUFDO29CQUN6QyxPQUFPLENBQUMsVUFBVSxHQUFHLGtCQUFrQixDQUFDLEtBQUssQ0FBQztvQkFDOUMsT0FBTyxDQUFDLGNBQWMsR0FBRyxrQkFBa0IsQ0FBQyxTQUFTLENBQUM7b0JBQ3RELE9BQU8sQ0FBQyxvQkFBb0IsR0FBRyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDdkUsT0FBTyxDQUFDLG9CQUFvQixHQUFHLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDO2lCQUN4RTtnQkFDRCxJQUFJLGtCQUFrQixDQUFDLFFBQVEsSUFBSSxDQUFDLEVBQUU7b0JBQ3BDLE9BQU8sQ0FBQyxLQUFLLEdBQUcsa0JBQWtCLENBQUMsS0FBSyxDQUFDO29CQUN6QyxPQUFPLENBQUMsVUFBVSxHQUFHLGtCQUFrQixDQUFDLEtBQUssQ0FBQztvQkFDOUMsT0FBTyxDQUFDLGNBQWMsR0FBRyxrQkFBa0IsQ0FBQyxTQUFTLENBQUM7b0JBQ3RELE9BQU8sQ0FBQyxvQkFBb0IsR0FBRyxrQkFBa0IsQ0FBQyxvQkFBb0IsQ0FBQztvQkFDdkUsT0FBTyxDQUFDLG9CQUFvQixHQUFHLGtCQUFrQixDQUFDLG9CQUFvQixDQUFDO2lCQUN4RTtZQUNILENBQUMsQ0FBQyxDQUFDO1lBQ0gsSUFBSSxDQUFDLG1CQUFtQixHQUFHLElBQUksQ0FBQztTQUNqQztJQUNILENBQUM7SUFFRCxXQUFXLENBQUMsT0FBdUI7UUFDakMsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDakMsQ0FBQzs7OEhBNUZVLGdDQUFnQztrSEFBaEMsZ0NBQWdDLHFOQ2Q3QyxnNUdBK0RXOzRGRGpERSxnQ0FBZ0M7a0JBTDVDLFNBQVM7K0JBQ0UsNEJBQTRCO3NKQXVCekIsMkJBQTJCO3NCQUF2QyxLQUFLO2dCQVNPLGNBQWM7c0JBQTFCLEtBQUs7Z0JBU2lCLFdBQVc7c0JBQWpDLE1BQU07dUJBQUMsYUFBYSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IENhcmRTdGF0dXMsIFNlbmRpbmdTdGF0dXMsIFdhcHBpbmdTZXJ2aWNlQXBwVmlld1R5cGUgfSBmcm9tICcuLi9zaGFyZWQvbW9kZWxzL2VudW1zLm1vZGVsJztcclxuaW1wb3J0IHsgV2FwcGluZ1NlcnZpY2UgfSBmcm9tICcuLi9zaGFyZWQvbW9kZWxzL3dhcHBpbmctc2VydmljZSc7XHJcbmltcG9ydCB7IFdhcHBpbmdTZXJ2aWNlVHJhbnNsYXRpb25zIH0gZnJvbSAnLi4vc2hhcmVkL21vZGVscy93YXBwaW5nLXNlcnZpY2UtdHJhbnNsYXRpb25zLm1vZGVsJztcclxuaW1wb3J0IHsgUm91dGVyIH0gZnJvbSAnQGFuZ3VsYXIvcm91dGVyJztcclxuaW1wb3J0IHsgV2FwcGluZ1NlcnZpY2VJdGVtVmlldyB9IGZyb20gJy4uL3NoYXJlZC9tb2RlbHMvd2FwcGluZy1zZXJ2aWNlLWl0ZW0tdmlldyc7XHJcbmltcG9ydCB7IE1hdEljb25SZWdpc3RyeSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xyXG5pbXBvcnQgeyBEb21TYW5pdGl6ZXIgfSBmcm9tICdAYW5ndWxhci9wbGF0Zm9ybS1icm93c2VyJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnd2FwcC1tYXRlcmlhbC1zZXJ2aWNlLWNhcmQnLFxyXG4gIHRlbXBsYXRlVXJsOiAnLi93YXBwLW1hdGVyaWFsLXNlcnZpY2UtY2FyZC5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vd2FwcC1tYXRlcmlhbC1zZXJ2aWNlLWNhcmQuY29tcG9uZW50LnNjc3MnXVxyXG59KVxyXG5leHBvcnQgY2xhc3MgV2FwcE1hdGVyaWFsU2VydmljZUNhcmRDb21wb25lbnQge1xyXG4gIGlzU2VuZEdpZnRDYXJkOiBib29sZWFuID0gZmFsc2U7XHJcbiAgYWxsb3dTZWxlY3RTZW5kR2lmdENhcmQ6IGJvb2xlYW4gPSB0cnVlO1xyXG4gIFxyXG4gIGVudW1TZW5kaW5nU3RhdHVzOiB0eXBlb2YgU2VuZGluZ1N0YXR1cyA9ICBTZW5kaW5nU3RhdHVzO1xyXG4gIGVjYXJkU3RhdHVzOiB0eXBlb2YgQ2FyZFN0YXR1cyA9IENhcmRTdGF0dXM7XHJcblxyXG4gIHdhcHBpbmdTZXJ2aWNlUmVhZHk6IGJvb2xlYW4gPSBmYWxzZTtcclxuICBcclxuICBwcml2YXRlIF93YXBwaW5nVHJhbnNsYXRpb25zOiBXYXBwaW5nU2VydmljZVRyYW5zbGF0aW9ucyA9IHtcclxuICAgIGFjdGl2ZWRTZXJ2aWNlOiAnQWN0aXZhZGEnLFxyXG4gICAgZGlzYWJsZWRTZXJ2aWNlOiAnRGVzYWN0aXZhZGEnLFxyXG4gICAgc2NoZWR1bGVkTGFiZWw6ICdQcm9ncmFtYWRhIHBhcmEgZW52aWFyIGEge3tuYW1lfX0nLFxyXG4gICAgc2VuZExhYmVsOiAnRW52aWFkYSBhIHt7bmFtZX19JyxcclxuICAgIGNhcmRHZW5lcmF0ZWQ6ICdUdSB0YXJqZXRhIGVzdGFyw6EgZGlzcG9uaWJsZSBwYXJhIGVsIGVudsOtbyBlbiBicmV2ZXMgaW5zdGFudGVzJyxcclxuICAgIHJlY2VpdmVkTGFiZWw6IFwiRW52aWFkYSBwb3Ige3tuYW1lfX1cIixcclxuICAgIHNob3dNb3JlOiBcIk1vc3RyYXIgbcOhc1wiLFxyXG4gIH07XHJcbiAgXHJcbiAgQElucHV0KCkgc2V0IHdhcHBpbmdTZXJ2aWNlc1RyYW5zbGF0aW9ucyh2YWx1ZTogV2FwcGluZ1NlcnZpY2VUcmFuc2xhdGlvbnMpIHtcclxuICAgIGlmKHZhbHVlKSB0aGlzLl93YXBwaW5nVHJhbnNsYXRpb25zID0gdmFsdWU7XHJcbiAgfVxyXG4gIFxyXG4gIGdldCB3YXBwaW5nVHJhbnNsYXRpb25zKCkge1xyXG4gICAgcmV0dXJuIHRoaXMuX3dhcHBpbmdUcmFuc2xhdGlvbnM7XHJcbiAgfVxyXG4gIHByaXZhdGUgX3dhcHBpbmdTZXJ2aWNlITogV2FwcGluZ1NlcnZpY2U7XHJcblxyXG4gIEBJbnB1dCgpIHNldCB3YXBwaW5nU2VydmljZSh2YWx1ZTogV2FwcGluZ1NlcnZpY2UpIHtcclxuICAgIHRoaXMuX3dhcHBpbmdTZXJ2aWNlID0gdmFsdWU7XHJcbiAgICBpZih2YWx1ZSkgdGhpcy5nZXRXYXBwaW5nU2VydmljZVRpdGxlcyh2YWx1ZSk7XHJcbiAgfVxyXG5cclxuICBnZXQgd2FwcGluZ1NlcnZpY2UoKSB7XHJcbiAgICByZXR1cm4gdGhpcy5fd2FwcGluZ1NlcnZpY2U7XHJcbiAgfVxyXG5cclxuICBAT3V0cHV0KCdjYXJkQ2xpY2tlZCcpIGNhcmRDbGlja2VkID0gbmV3IEV2ZW50RW1pdHRlcjxXYXBwaW5nU2VydmljZT4oKTtcclxuICBcclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgcm91dGU6IFJvdXRlcixcclxuICAgIHByaXZhdGUgbWF0SWNvblJlZ2lzdHJ5OiBNYXRJY29uUmVnaXN0cnksXHJcbiAgICBwcml2YXRlIGRvbVNhbml0aXplcjogRG9tU2FuaXRpemVyXHJcbiAgKSB7XHJcbiAgICB0aGlzLm1hdEljb25SZWdpc3RyeS5hZGRTdmdJY29uKFwiYWN0aXZhdGVkXCIsIHRoaXMuZG9tU2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RSZXNvdXJjZVVybChcIi9hc3NldHMvd2FwcEljb25zL2FjdGl2YXRlZC5zdmdcIikpO1xyXG4gICAgdGhpcy5tYXRJY29uUmVnaXN0cnkuYWRkU3ZnSWNvbihcImRlYWN0aXZhdGVkXCIsIHRoaXMuZG9tU2FuaXRpemVyLmJ5cGFzc1NlY3VyaXR5VHJ1c3RSZXNvdXJjZVVybChcIi9hc3NldHMvd2FwcEljb25zL2RlYWN0aXZhdGVkLnN2Z1wiKSk7XHJcbiAgfVxyXG5cclxuICBnZXRXYXBwaW5nU2VydmljZVRpdGxlcyhzZXJ2aWNlOiBXYXBwaW5nU2VydmljZSkge1xyXG4gICAgaWYoc2VydmljZS5kYXRhUmVxVG9TZW5kQ2FyZCAmJiBzZXJ2aWNlLmRhdGFSZXFUb1NlbmRDYXJkLmRhdGFSZXFUb1NlbmRDYXJkSWQgIT0gMCl7XHJcbiAgICAgIHRoaXMuaXNTZW5kR2lmdENhcmQgPSB0cnVlO1xyXG4gICAgICBpZihzZXJ2aWNlLmVudW1UeXBlU3RhdHVzRUNhcmRJRCA9PSB0aGlzLmVjYXJkU3RhdHVzLnNlbnQpe1xyXG4gICAgICAgIHRoaXMuYWxsb3dTZWxlY3RTZW5kR2lmdENhcmQgPSBmYWxzZTtcclxuICAgICAgfVxyXG4gICAgfVxyXG4gICAgaWYgKHNlcnZpY2Uud2FwcGluZ1NlcnZpY2VUaWxlcyAhPSBudWxsKSB7XHJcbiAgICAgIHNlcnZpY2Uud2FwcGluZ1NlcnZpY2VUaWxlcy5mb3JFYWNoKCh3YXBwaW5nU2VydmljZVRpbGU6IFdhcHBpbmdTZXJ2aWNlSXRlbVZpZXcpID0+IHtcclxuICAgICAgICBpZiAod2FwcGluZ1NlcnZpY2VUaWxlLnBvc2l0aW9uID09IDEpIHtcclxuICAgICAgICAgIHNlcnZpY2UudGlsZTEgPSB3YXBwaW5nU2VydmljZVRpbGUudmFsdWU7XHJcbiAgICAgICAgICBzZXJ2aWNlLnRpbGUxTGFiZWwgPSB3YXBwaW5nU2VydmljZVRpbGUubGFiZWw7XHJcbiAgICAgICAgICBzZXJ2aWNlLnNob3dUaWxlMUxhYmVsID0gd2FwcGluZ1NlcnZpY2VUaWxlLnNob3dMYWJlbDtcclxuICAgICAgICAgIHNlcnZpY2UudGlsZTFCYWNrZ3JvdW5kQ29sb3IgPSB3YXBwaW5nU2VydmljZVRpbGUubGFiZWxCYWNrZ3JvdW5kQ29sb3I7XHJcbiAgICAgICAgICBzZXJ2aWNlLnRpbGUxRm9yZWdyb3VuZENvbG9yID0gd2FwcGluZ1NlcnZpY2VUaWxlLmxhYmVsRm9yZWdyb3VuZENvbG9yO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAod2FwcGluZ1NlcnZpY2VUaWxlLnBvc2l0aW9uID09IDIpIHtcclxuICAgICAgICAgIHNlcnZpY2UudGlsZTIgPSB3YXBwaW5nU2VydmljZVRpbGUudmFsdWU7XHJcbiAgICAgICAgICBzZXJ2aWNlLnRpbGUyTGFiZWwgPSB3YXBwaW5nU2VydmljZVRpbGUubGFiZWw7XHJcbiAgICAgICAgICBzZXJ2aWNlLnNob3dUaWxlMkxhYmVsID0gd2FwcGluZ1NlcnZpY2VUaWxlLnNob3dMYWJlbDtcclxuICAgICAgICAgIHNlcnZpY2UudGlsZTJCYWNrZ3JvdW5kQ29sb3IgPSB3YXBwaW5nU2VydmljZVRpbGUubGFiZWxCYWNrZ3JvdW5kQ29sb3I7XHJcbiAgICAgICAgICBzZXJ2aWNlLnRpbGUyRm9yZWdyb3VuZENvbG9yID0gd2FwcGluZ1NlcnZpY2VUaWxlLmxhYmVsRm9yZWdyb3VuZENvbG9yO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAod2FwcGluZ1NlcnZpY2VUaWxlLnBvc2l0aW9uID09IDMpIHtcclxuICAgICAgICAgIHNlcnZpY2UudGlsZTMgPSB3YXBwaW5nU2VydmljZVRpbGUudmFsdWU7XHJcbiAgICAgICAgICBzZXJ2aWNlLnRpbGUzTGFiZWwgPSB3YXBwaW5nU2VydmljZVRpbGUubGFiZWw7XHJcbiAgICAgICAgICBzZXJ2aWNlLnNob3dUaWxlM0xhYmVsID0gd2FwcGluZ1NlcnZpY2VUaWxlLnNob3dMYWJlbDtcclxuICAgICAgICAgIHNlcnZpY2UudGlsZTNCYWNrZ3JvdW5kQ29sb3IgPSB3YXBwaW5nU2VydmljZVRpbGUubGFiZWxCYWNrZ3JvdW5kQ29sb3I7XHJcbiAgICAgICAgICBzZXJ2aWNlLnRpbGUzRm9yZWdyb3VuZENvbG9yID0gd2FwcGluZ1NlcnZpY2VUaWxlLmxhYmVsRm9yZWdyb3VuZENvbG9yO1xyXG4gICAgICAgIH1cclxuICAgICAgICBpZiAod2FwcGluZ1NlcnZpY2VUaWxlLnBvc2l0aW9uID09IDQpIHtcclxuICAgICAgICAgIHNlcnZpY2UudGlsZTQgPSB3YXBwaW5nU2VydmljZVRpbGUudmFsdWU7XHJcbiAgICAgICAgICBzZXJ2aWNlLnRpbGU0TGFiZWwgPSB3YXBwaW5nU2VydmljZVRpbGUubGFiZWw7XHJcbiAgICAgICAgICBzZXJ2aWNlLnNob3dUaWxlNExhYmVsID0gd2FwcGluZ1NlcnZpY2VUaWxlLnNob3dMYWJlbDtcclxuICAgICAgICAgIHNlcnZpY2UudGlsZTRCYWNrZ3JvdW5kQ29sb3IgPSB3YXBwaW5nU2VydmljZVRpbGUubGFiZWxCYWNrZ3JvdW5kQ29sb3I7XHJcbiAgICAgICAgICBzZXJ2aWNlLnRpbGU0Rm9yZWdyb3VuZENvbG9yID0gd2FwcGluZ1NlcnZpY2VUaWxlLmxhYmVsRm9yZWdyb3VuZENvbG9yO1xyXG4gICAgICAgIH1cclxuICAgICAgfSk7XHJcbiAgICAgIHRoaXMud2FwcGluZ1NlcnZpY2VSZWFkeSA9IHRydWU7XHJcbiAgICB9XHJcbiAgfVxyXG5cclxuICBjYXJkT25DbGljayhzZXJ2aWNlOiBXYXBwaW5nU2VydmljZSkge1xyXG4gICAgdGhpcy5jYXJkQ2xpY2tlZC5lbWl0KHNlcnZpY2UpO1xyXG4gIH1cclxufVxyXG4iLCI8bWF0LWNhcmQgKm5nSWY9XCJ3YXBwaW5nU2VydmljZVJlYWR5XCIgY2xhc3M9XCJzZXJ2aWNlLWNhcmRcIiAoY2xpY2spPVwiY2FyZE9uQ2xpY2sod2FwcGluZ1NlcnZpY2UpXCI+XHJcbiAgPGRpdiBmeExheW91dD1cImNvbHVtblwiIGZ4TGF5b3V0QWxpZ249XCJjZW50ZXIgY2VudGVyXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwic2VydmljZS1jYXJkLWltYWdlLXRpdGxlXCJcclxuICAgICAgICAgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwid2FwcGluZ1NlcnZpY2UudGlsZTFCYWNrZ3JvdW5kQ29sb3JcIlxyXG4gICAgICAgICBbc3R5bGUuY29sb3JdPVwid2FwcGluZ1NlcnZpY2UudGlsZTFGb3JlZ3JvdW5kQ29sb3JcIlxyXG4gICAgICAgICAqbmdJZj1cIndhcHBpbmdTZXJ2aWNlLnRpbGUxXCJcclxuICAgICAgICAgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEdhcD1cIjVweFwiPlxyXG4gICAgICA8IS0tdGlsZTEtLT5cclxuICAgICAgPGRpdj57e3dhcHBpbmdTZXJ2aWNlLnRpbGUxfX08L2Rpdj5cclxuICAgICAgPGRpdiAqbmdJZj1cIndhcHBpbmdTZXJ2aWNlLnNob3dUaWxlMUxhYmVsXCI+e3t3YXBwaW5nU2VydmljZS50aWxlMUxhYmVsfX08L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cInNlcnZpY2UtY2FyZC1pbWFnZVwiPlxyXG4gICAgICA8aW1nIG1hdC1jYXJkLWltYWdlIFtzcmNdPVwid2FwcGluZ1NlcnZpY2UuaW1hZ2VVcmxcIj5cclxuICAgIDwvZGl2PlxyXG4gIDwvZGl2PlxyXG4gIDxtYXQtY2FyZC1oZWFkZXIgZnhMYXlvdXQ9XCJjb2x1bW5cIj5cclxuICAgIDxkaXYgZnhMYXlvdXQ9XCJyb3dcIj5cclxuICAgICAgPCEtLXRpbGUyLS0+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWhlYWRlci1iZW5lZml0c1wiIGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRHYXA9XCI1cHhcIj5cclxuICAgICAgICA8ZGl2Pnt7d2FwcGluZ1NlcnZpY2UudGlsZTJ9fTwvZGl2PlxyXG4gICAgICAgIDxkaXYgKm5nSWY9XCJ3YXBwaW5nU2VydmljZS5zaG93VGlsZTJMYWJlbFwiPnt7d2FwcGluZ1NlcnZpY2UudGlsZTJMYWJlbH19PC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGZ4RmxleD48L2Rpdj5cclxuICAgICAgPCEtLXN0YXR1cy0tPlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1oZWFkZXItc3RhdHVzLWNvbnRhaW5lclwiICpuZ0lmPVwid2FwcGluZ1NlcnZpY2UuYWxsb3dTZWxlY3QgJiYgYWxsb3dTZWxlY3RTZW5kR2lmdENhcmRcIiBmeExheW91dD1cInJvd1wiIGZ4TGF5b3V0R2FwPVwiNXB4XCI+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtaGVhZGVyLXN0YXR1c1wiICpuZ0lmPVwiIXdhcHBpbmdTZXJ2aWNlLmFsbG93U2VsZWN0ICYmIHdhcHBpbmdTZXJ2aWNlLnR5cGUgIT0gNlwiPlxyXG4gICAgICAgICAgPG1hdC1pY29uIGNsYXNzPVwiY2FyZC1oZWFkZXItc3RhdHVzLWljb25cIiBzdmdJY29uPVwiYWN0aXZhdGVkXCI+PC9tYXQtaWNvbj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJzdGF0dXNcIj57eyB3YXBwaW5nVHJhbnNsYXRpb25zLmFjdGl2ZWRTZXJ2aWNlIH19PC9kaXY+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgPGRpdiBjbGFzcz1cImNhcmQtaGVhZGVyLXN0YXR1c1wiICpuZ0lmPVwid2FwcGluZ1NlcnZpY2UuYWN0aXZlXCI+XHJcbiAgICAgICAgICA8bWF0LWljb24gY2xhc3M9XCJjYXJkLWhlYWRlci1zdGF0dXMtaWNvblwiIHN2Z0ljb249XCJhY3RpdmF0ZWRcIj48L21hdC1pY29uPlxyXG4gICAgICAgICAgPHNwYW4gY2xhc3M9XCJzdGF0dXNcIj57eyB3YXBwaW5nVHJhbnNsYXRpb25zLmFjdGl2ZWRTZXJ2aWNlIH19PC9zcGFuPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWhlYWRlci1zdGF0dXNcIiAqbmdJZj1cIiF3YXBwaW5nU2VydmljZS5hY3RpdmVcIj5cclxuICAgICAgICAgIDxtYXQtaWNvbiBjbGFzcz1cImNhcmQtaGVhZGVyLXN0YXR1cy1pY29uXCIgc3ZnSWNvbj1cImRlYWN0aXZhdGVkXCI+PC9tYXQtaWNvbj5cclxuICAgICAgICAgIDxzcGFuIGNsYXNzPVwic3RhdHVzXCI+e3sgd2FwcGluZ1RyYW5zbGF0aW9ucy5kaXNhYmxlZFNlcnZpY2UgfX08L3NwYW4+XHJcbiAgICAgICAgPC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgICA8ZGl2IGNsYXNzPVwiY2FyZC1oZWFkZXItc3RhdHVzLWNvbnRhaW5lclwiICpuZ0lmPVwiIWFsbG93U2VsZWN0U2VuZEdpZnRDYXJkXCIgZnhMYXlvdXQ9XCJyb3dcIiBmeExheW91dEdhcD1cIjVweFwiPlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWhlYWRlci1zdGF0dXNcIiAqbmdJZj1cIndhcHBpbmdTZXJ2aWNlLmRhdGFSZXFUb1NlbmRDYXJkIS5lbnVtU2VuZGluZ1N0YXR1c0lkID09IGVudW1TZW5kaW5nU3RhdHVzLlNjaGVkdWxlZFRvU2VuZFwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNlbmRMYWJlbFwiICA+XHJcbiAgICAgICAgICAgIHt7IHdhcHBpbmdUcmFuc2xhdGlvbnMuc2NoZWR1bGVkTGFiZWwgfX1cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxkaXYgY2xhc3M9XCJjYXJkLWhlYWRlci1zdGF0dXNcIiAqbmdJZj1cIndhcHBpbmdTZXJ2aWNlLmRhdGFSZXFUb1NlbmRDYXJkIS5lbnVtU2VuZGluZ1N0YXR1c0lkID09IGVudW1TZW5kaW5nU3RhdHVzLlNlbnQgfHwgd2FwcGluZ1NlcnZpY2UuZGF0YVJlcVRvU2VuZENhcmQhLmVudW1TZW5kaW5nU3RhdHVzSWQgPT0gZW51bVNlbmRpbmdTdGF0dXMuUGVuZGluZ1JlZ2lzdHJhdGlvblwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInNlbmRMYWJlbFwiID5cclxuICAgICAgICAgICAge3sgd2FwcGluZ1RyYW5zbGF0aW9ucy5zZW5kTGFiZWwgfX1cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gICAgPCEtLXRpbGUzLS0+XHJcbiAgICA8ZGl2IGNsYXNzPVwiY2FyZC1oZWFkZXItZGVzY3JpcHRpb25cIj5cclxuICAgICAge3t3YXBwaW5nU2VydmljZS50aWxlM319XHJcbiAgICA8L2Rpdj5cclxuICAgIDwhLS10aWxlNC0tPlxyXG4gICAgPGRpdiBjbGFzcz1cImNhcmQtaGVhZGVyLWRldGFpbFwiICpuZ0lmPVwid2FwcGluZ1NlcnZpY2UuZW51bVR5cGVTdGF0dXNFQ2FyZElEICE9IGVjYXJkU3RhdHVzLmdlbmVyYXRlZFwiPlxyXG4gICAgICB7e3dhcHBpbmdTZXJ2aWNlLnRpbGU0fX1cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImNhcmQtaGVhZGVyLWRldGFpbFwiICpuZ0lmPVwid2FwcGluZ1NlcnZpY2UuZW51bVR5cGVTdGF0dXNFQ2FyZElEID09IGVjYXJkU3RhdHVzLmdlbmVyYXRlZFwiPlxyXG4gICAgICB7eyB3YXBwaW5nVHJhbnNsYXRpb25zLmNhcmRHZW5lcmF0ZWQgfX1cclxuICAgIDwvZGl2PlxyXG4gIDwvbWF0LWNhcmQtaGVhZGVyPlxyXG48L21hdC1jYXJkPiJdfQ==

package/fesm2015/ngx-wapp-components.mjs

@@ -10253,8 +10253,8 @@ class WappMaterialServiceCardComponent {
             showMore: "Mostrar más",
         };
         this.cardClicked = new EventEmitter();
-        this.matIconRegistry.addSvgIcon("activated", this.domSanitizer.bypassSecurityTrustResourceUrl("assets/wappIcons/activated.svg"));
-        this.matIconRegistry.addSvgIcon("deactivated", this.domSanitizer.bypassSecurityTrustResourceUrl("assets/wappIcons/deactivated.svg"));
+        this.matIconRegistry.addSvgIcon("activated", this.domSanitizer.bypassSecurityTrustResourceUrl("/assets/wappIcons/activated.svg"));
+        this.matIconRegistry.addSvgIcon("deactivated", this.domSanitizer.bypassSecurityTrustResourceUrl("/assets/wappIcons/deactivated.svg"));
     }
     getWappingServiceTitles(service) {
         if (service.dataReqToSendCard && service.dataReqToSendCard.dataReqToSendCardId != 0) {
@@ -10506,10 +10506,10 @@ class WMaterialServiceViewComponent {
     }
 }
 WMaterialServiceViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WMaterialServiceViewComponent, deps: [{ token: i1$7.MatIconRegistry }, { token: i2$8.DomSanitizer }, { token: i1$6.DialogService }], target: i0.ɵɵFactoryTarget.Component });
-WMaterialServiceViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WMaterialServiceViewComponent, selector: "w-material-service-view", inputs: { forceMobile: "forceMobile", wappingServicesTranslations: "wappingServicesTranslations", disabledButtonService: "disabledButtonService", showButtonService: "showButtonService", showToggle: "showToggle", wappingService: "wappingService", isDevModeActive: "isDevModeActive", defaultImage: "defaultImage", croppedImageConfiguration: "croppedImageConfiguration", croppedDialogTranslations: "croppedDialogTranslations", isNoImage: "isNoImage", onHoverImageTooltip: "onHoverImageTooltip" }, outputs: { wappingServiceSelected: "wappingServiceSelected", triggerButtonService: "triggerButtonService", onDefaultImageEvent: "onDefaultImageEvent" }, usesOnChanges: true, ngImport: i0, template: "<wapp-main-title [title]=\"wappingService.tile3\" *ngIf=\"wappingService && (!forceMobile)\" fxHide.xs></wapp-main-title>\r\n<div class=\"service-detail-center\" *ngIf=\"wappingService\"\r\n        [ngClass]=\"{'force-mobile': forceMobile}\"\r\n        [fxLayout]=\"forceMobile ? 'column' : 'row'\"\r\n        [fxLayout.xs]=\"'column'\"\r\n        [fxLayout.sm]=\"'column'\">\r\n    <!--service image-->\r\n    <div [ngClass]=\"{'service-view-no-margin': forceMobile, 'service-view': !forceMobile}\" fxLayout=\"column\">\r\n        <!--tile 1-->\r\n        <div *ngIf=\"!hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''\" class=\"service-image-title\">\r\n            <div class=\"service-view-tile1-no-html\" [innerHTML]=\"wappingService.tile1\"></div>\r\n        </div>\r\n        <div *ngIf=\"hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''\" class=\"template-service-image-tile service-card-image-title\">\r\n            <div class=\"service-view-tile1\" [innerHTML]=\"wappingService.tile1\"></div>\r\n        </div>\r\n        <!--slideshow-->\r\n        <wapp-carousel [isDevModeActive]=\"isDevModeActive\" [forceMobile]=\"forceMobile\" [images]=\"wappingServiceImages\" [isNoImage]=\"isNoImage\" (onSetImageEvent)=\"setImage()\" [onHoverImageTooltip]=\"onHoverImageTooltip\"></wapp-carousel>\r\n        <!--tile 2-->\r\n        <div fxFlex fxLayout=\"row\"\r\n            fxLayoutAlign=\"center center\"\r\n            fxLayoutGap=\"5px\"\r\n            [ngClass]=\"{'template-service-tile': hasHtml(wappingService.tile2),\r\n                'service-tile' : !hasHtml(wappingService.tile2)}\"\r\n            *ngIf=\"wappingService.tile2\">\r\n            <div class=\"service-view-tile2\" [innerHtml]=\"wappingService.tile2\"></div>\r\n        </div>\r\n        <!--activate toggle-->\r\n        <mat-slide-toggle class=\"service-select-toggle\" color=\"accent\"\r\n                        *ngIf=\"wappingService.allowSelect && allowSelectSendGiftCard && !showButtonService && showToggle\"\r\n                        [disabled]=\"disabledToggle\"\r\n                        [(ngModel)]=\"wappingService.active\"\r\n                        (change)=\"selectWappingService()\">{{ serviceStatus }}</mat-slide-toggle>\r\n        <button mat-flat-button *ngIf=\"showButtonService\"\r\n                class=\"service-select-toggle\"\r\n                color=\"accent\"\r\n                [disabled]=\"disabledButtonService\"\r\n                (click)=\"pressButtonService()\">\r\n            <span>{{ wappingServicesTranslations?.buttonService }}</span>\r\n        </button>\r\n        \r\n    </div>\r\n    <!--service info-->\r\n    <div class=\"service-info-container\" [ngClass]=\"{'service-info-container-padding': forceMobile}\" fxLayout=\"column\">\r\n        <div class=\"service-tile-detail-container\" fxLayout=\"column\">\r\n        <!--tile 3-->\r\n        <div *ngIf=\"!forceMobile\"\r\n             [innerHtml]=\"wappingService.tile3\" fxHide fxShow.xs\r\n             class=\"service-name mat-title\">\r\n        </div>\r\n        <div *ngIf=\"forceMobile\"\r\n             [innerHtml]=\"wappingService.tile3\"\r\n             class=\"service-name mat-title\">\r\n        </div>\r\n        <!--tileDetail 1-->\r\n        <div class=\"service-tile-detail\" fxLayout=\"row\">\r\n            <span [innerHtml]=\"wappingService.tileDetail1\"></span>\r\n        </div>\r\n        </div>\r\n        <!--link-->\r\n        <div class=\"service-link-container\" *ngIf=\"wappingService.titleLinkUrl && wappingService.linkUrl\">\r\n        <a class=\"service-link\" href=\"{{wappingService.linkUrl}}\" target=\"_blank\">\r\n            <mat-icon class=\"service-link-icon\" svgIcon=\"share_square\"></mat-icon><span>{{wappingService.titleLinkUrl}}</span>\r\n        </a>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".back-button{width:20px!important;height:20px!important;background-color:#a5000000;padding:0;border:none;cursor:pointer}.back-button-over-image{width:37px!important;height:37px!important;background-color:#ffffffb0;position:absolute;top:13px;left:11px;z-index:10;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}::ng-deep .back-button .mat-button-wrapper,::ng-deep .back-button-over-image .mat-button-wrapper{padding:4px 0!important}.back-button .mat-button-wrapper,.back-button-over-image .mat-button-wrapper{line-height:14px!important}.back-button .mat-icon{width:20px;height:20px}.back-button-over-image .mat-icon{width:16px;height:16px}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:before{background:var(--mdc-switch-unselected-track-color, #a50000)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-selected-handle-color, var(--mdc-theme-primary, #fff))!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:after{background:var(--mdc-switch-selected-hover-track-color, #10c638)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-unselected-handle-color, #fff)!important}:host ::ng-deep .mdc-form-field>label{font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch{margin-right:8px!important}@media (max-width: 959px){.service-detail-center{align-items:center}}.service-view{position:relative;margin-right:30px}.service-view-no-margin{position:relative;margin-right:0!important}@media (min-width: 600px) and (max-width: 959px){.service-view{margin-right:0;width:100%}}@media (max-width: 599px){.service-view{margin-right:0;width:100%}}.service-image-tile,.template-service-image-tile{position:absolute!important;width:100%!important;min-height:32px!important;top:0!important;z-index:9!important}.service-image-title{position:absolute;top:0!important;right:0!important;left:0!important;z-index:2;margin:0 60px!important;min-height:22px!important;border-radius:0 0 4.3118px 4.3118px!important;background-color:#0e0c0c;color:#fff;display:flex;justify-content:center;align-items:center;padding:4px}.service-view-tile1-no-html{justify-content:center!important;align-items:center!important;display:flex!important;text-align:center!important}.service-view-tile1{width:100%;min-height:32px}.service-tile{background-color:#0e0c0c;color:#fff;padding:14px;max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.template-service-tile{max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.service-tile-border-bottom-radius{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.service-view-tile2{width:100%}::ng-deep .service-view-tile2 *{box-sizing:border-box!important}.service-select-toggle{margin-top:25px;margin-right:auto;margin-left:auto;display:flex;align-items:center;text-align:left;max-width:none!important}.service-select-toggle *{max-width:none!important}.service-info-container{width:100%;height:250px}.service-info-container-padding{padding-right:15px;padding-left:15px}@media (max-width: 599px){.service-info-container{padding-right:15px;padding-left:15px}}.service-name{margin-top:0;text-align:justify;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media (min-width: 600px) and (max-width: 959px){.service-name{margin-top:30px;margin-right:0}}@media (max-width: 599px){.service-name{margin-top:30px;margin-right:0}}.service-description{margin-top:0;text-align:left;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical}@media (min-width: 600px) and (max-width: 959px){.service-description{margin-top:20px;margin-right:0}}@media (max-width: 599px){.service-description{margin-top:15px;margin-right:0}}.service-show-more-container{margin-top:5px;width:-moz-fit-content;width:fit-content;align-items:center;cursor:pointer;display:flex;text-align:left}.service-show-more-vector{width:5px!important;margin-left:10px}.service-tile-detail-container{margin-top:5px;display:flex;text-align:justify}@media (max-width: 599px){.service-tile-detail-container{margin-top:20px}}.service-tile-detail{margin-top:20px;font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}@media (max-width: 599px){.service-tile-detail{margin-top:20px}}.service-tile-detail-icon{margin-right:10px}.service-link-container{height:100%;justify-content:flex-end;align-items:flex-end;display:flex;text-align:justify}@media (max-width: 599px){.service-link-container{margin-top:20px;justify-content:flex-start}}.service-link{display:flex;align-items:center;cursor:pointer;text-decoration:none;color:inherit}.service-link-icon{margin-right:10px}.service-options-container{border-top:1px solid #eee;margin-top:80px}@media (max-width: 599px){.service-options-container{margin-top:40px;padding-right:15px;padding-left:15px}}.service-option{height:48px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;text-align:left}.service-option-vector{width:10px!important}.actions-container{margin-top:40px}.actions-button{display:flex;align-items:center;text-align:justify}.actions-button-text{margin-left:10px}.sendLabel{margin:10px auto;display:flex;justify-content:center;align-items:center;text-align:center}.sendCard-container{flex-wrap:wrap}.sendCard-container mat-icon{width:24px}@media (min-width: 600px){.sendCard-container{display:flex;justify-content:flex-end}.sentCard-container{display:flex;justify-content:end}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:8px}}@media (max-width: 599px){.sendCard-container{display:flex;justify-content:center}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:0}.sentCard-container{display:flex;justify-content:space-evenly}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i1$7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7$4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i7$4.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i7$4.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i7$4.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i9$2.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: MainTitleComponent, selector: "wapp-main-title", inputs: ["title", "extraClassToApply"] }, { kind: "component", type: CarouselComponent, selector: "wapp-carousel", inputs: ["images", "allowThumbnail", "infiniteCarousel", "forceMobile", "height", "isDevModeActive", "isNoImage", "onHoverImageTooltip"], outputs: ["onSetImageEvent"] }] });
+WMaterialServiceViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: WMaterialServiceViewComponent, selector: "w-material-service-view", inputs: { forceMobile: "forceMobile", wappingServicesTranslations: "wappingServicesTranslations", disabledButtonService: "disabledButtonService", showButtonService: "showButtonService", showToggle: "showToggle", wappingService: "wappingService", isDevModeActive: "isDevModeActive", defaultImage: "defaultImage", croppedImageConfiguration: "croppedImageConfiguration", croppedDialogTranslations: "croppedDialogTranslations", isNoImage: "isNoImage", onHoverImageTooltip: "onHoverImageTooltip" }, outputs: { wappingServiceSelected: "wappingServiceSelected", triggerButtonService: "triggerButtonService", onDefaultImageEvent: "onDefaultImageEvent" }, usesOnChanges: true, ngImport: i0, template: "<wapp-main-title [title]=\"wappingService.tile3\" *ngIf=\"wappingService && (!forceMobile)\" fxHide.xs></wapp-main-title>\r\n<div class=\"service-detail-center\" *ngIf=\"wappingService\"\r\n        [ngClass]=\"{'force-mobile': forceMobile}\"\r\n        [fxLayout]=\"forceMobile ? 'column' : 'row'\"\r\n        [fxLayout.xs]=\"'column'\"\r\n        [fxLayout.sm]=\"'column'\">\r\n    <!--service image-->\r\n    <div [ngClass]=\"{'service-view-no-margin': forceMobile, 'service-view': !forceMobile}\" fxLayout=\"column\">\r\n        <!--tile 1-->\r\n        <div *ngIf=\"!hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''\" class=\"service-image-title\">\r\n            <div class=\"service-view-tile1-no-html\" [innerHTML]=\"wappingService.tile1\"></div>\r\n        </div>\r\n        <div *ngIf=\"hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''\" class=\"template-service-image-tile service-card-image-title\">\r\n            <div class=\"service-view-tile1\" [innerHTML]=\"wappingService.tile1\"></div>\r\n        </div>\r\n        <!--slideshow-->\r\n        <wapp-carousel [isDevModeActive]=\"isDevModeActive\" [forceMobile]=\"forceMobile\" [images]=\"wappingServiceImages\" [isNoImage]=\"isNoImage\" (onSetImageEvent)=\"setImage()\" [onHoverImageTooltip]=\"onHoverImageTooltip\"></wapp-carousel>\r\n        <!--tile 2-->\r\n        <div fxFlex fxLayout=\"row\"\r\n            fxLayoutAlign=\"center center\"\r\n            fxLayoutGap=\"5px\"\r\n            [ngClass]=\"{'template-service-tile': hasHtml(wappingService.tile2),\r\n                'service-tile' : !hasHtml(wappingService.tile2)}\"\r\n            *ngIf=\"wappingService.tile2\">\r\n            <div class=\"service-view-tile2\" [innerHtml]=\"wappingService.tile2\"></div>\r\n        </div>\r\n        <!--activate toggle-->\r\n        <mat-slide-toggle class=\"service-select-toggle\" color=\"accent\"\r\n                        *ngIf=\"wappingService.allowSelect && allowSelectSendGiftCard && !showButtonService && showToggle\"\r\n                        [disabled]=\"disabledToggle\"\r\n                        [(ngModel)]=\"wappingService.active\"\r\n                        (change)=\"selectWappingService()\">{{ serviceStatus }}</mat-slide-toggle>\r\n        <button mat-flat-button *ngIf=\"showButtonService\"\r\n                class=\"service-select-toggle\"\r\n                color=\"accent\"\r\n                [disabled]=\"disabledButtonService\"\r\n                (click)=\"pressButtonService()\">\r\n            <span>{{ wappingServicesTranslations?.buttonService }}</span>\r\n        </button>\r\n        \r\n    </div>\r\n    <!--service info-->\r\n    <div class=\"service-info-container\" [ngClass]=\"{'service-info-container-padding': forceMobile}\" fxLayout=\"column\">\r\n        <div class=\"service-tile-detail-container\" fxLayout=\"column\">\r\n        <!--tile 3-->\r\n        <div *ngIf=\"!forceMobile\"\r\n             [innerHtml]=\"wappingService.tile3\" fxHide fxShow.xs\r\n             class=\"service-name mat-title\">\r\n        </div>\r\n        <div *ngIf=\"forceMobile\"\r\n             [innerHtml]=\"wappingService.tile3\"\r\n             class=\"service-name mat-title\">\r\n        </div>\r\n        <!--tileDetail 1-->\r\n        <div class=\"service-tile-detail\" fxLayout=\"row\">\r\n            <span [innerHtml]=\"wappingService.tileDetail1\"></span>\r\n        </div>\r\n        </div>\r\n        <!--link-->\r\n        <div class=\"service-link-container\" *ngIf=\"wappingService.titleLinkUrl && wappingService.linkUrl\">\r\n        <a class=\"service-link\" href=\"{{wappingService.linkUrl}}\" target=\"_blank\">\r\n            <mat-icon class=\"service-link-icon\" svgIcon=\"share_square\"></mat-icon><span>{{wappingService.titleLinkUrl}}</span>\r\n        </a>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".back-button{width:20px!important;height:20px!important;background-color:#a5000000;padding:0;border:none;cursor:pointer}.back-button-over-image{width:37px!important;height:37px!important;background-color:#ffffffb0;position:absolute;top:13px;left:11px;z-index:10;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}::ng-deep .back-button .mat-button-wrapper,::ng-deep .back-button-over-image .mat-button-wrapper{padding:4px 0!important}.back-button .mat-button-wrapper,.back-button-over-image .mat-button-wrapper{line-height:14px!important}.back-button .mat-icon{width:20px;height:20px}.back-button-over-image .mat-icon{width:16px;height:16px}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:before{background:var(--mdc-switch-unselected-track-color, #a50000)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-selected-handle-color, var(--mdc-theme-primary, #fff))!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:after{background:var(--mdc-switch-selected-hover-track-color, #10c638)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-unselected-handle-color, #fff)!important}:host ::ng-deep .mdc-form-field>label{font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch{margin-right:8px!important}@media (max-width: 959px){.service-detail-center{align-items:center}}.service-view{position:relative;margin-right:30px}.service-view-no-margin{position:relative;margin-right:0!important}@media (min-width: 600px) and (max-width: 959px){.service-view{margin-right:0;width:100%}}@media (max-width: 599px){.service-view{margin-right:0;width:100%}}.service-image-tile,.template-service-image-tile{position:absolute!important;width:100%!important;min-height:32px!important;top:0!important;z-index:9!important}.service-image-title{position:absolute;top:0!important;right:0!important;left:0!important;z-index:2;margin:0 60px!important;min-height:22px!important;border-radius:0 0 4.3118px 4.3118px!important;background-color:#0e0c0c;color:#fff;display:flex;justify-content:center;align-items:center;padding:4px}.service-view-tile1-no-html{justify-content:center!important;align-items:center!important;display:flex!important;text-align:center!important}.service-view-tile1{width:100%;min-height:32px}.service-tile{background-color:#0e0c0c;color:#fff;padding:14px;max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.template-service-tile{max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.service-tile-border-bottom-radius{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.service-view-tile2{width:100%}::ng-deep .service-view-tile2 *{box-sizing:border-box!important}.service-select-toggle{margin-top:25px;margin-right:auto;margin-left:auto;display:flex;align-items:center;text-align:left;max-width:none!important}.service-select-toggle *{max-width:none!important}.service-info-container{width:100%}.service-info-container-padding{padding-right:15px;padding-left:15px}@media (max-width: 599px){.service-info-container{padding-right:15px;padding-left:15px}}.service-name{margin-top:0;text-align:justify;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media (min-width: 600px) and (max-width: 959px){.service-name{margin-top:30px;margin-right:0}}@media (max-width: 599px){.service-name{margin-top:30px;margin-right:0}}.service-description{margin-top:0;text-align:left;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical}@media (min-width: 600px) and (max-width: 959px){.service-description{margin-top:20px;margin-right:0}}@media (max-width: 599px){.service-description{margin-top:15px;margin-right:0}}.service-show-more-container{margin-top:5px;width:-moz-fit-content;width:fit-content;align-items:center;cursor:pointer;display:flex;text-align:left}.service-show-more-vector{width:5px!important;margin-left:10px}.service-tile-detail-container{margin-top:5px;display:flex;text-align:justify}@media (max-width: 599px){.service-tile-detail-container{margin-top:20px}}.service-tile-detail{margin-top:20px;font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}@media (max-width: 599px){.service-tile-detail{margin-top:20px}}.service-tile-detail-icon{margin-right:10px}.service-link-container{height:100%;justify-content:flex-end;align-items:flex-end;display:flex;text-align:justify}@media (max-width: 599px){.service-link-container{margin-top:20px;justify-content:flex-start}}.service-link{display:flex;align-items:center;cursor:pointer;text-decoration:none;color:inherit}.service-link-icon{margin-right:10px}.service-options-container{border-top:1px solid #eee;margin-top:80px}@media (max-width: 599px){.service-options-container{margin-top:40px;padding-right:15px;padding-left:15px}}.service-option{height:48px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;text-align:left}.service-option-vector{width:10px!important}.actions-container{margin-top:40px}.actions-button{display:flex;align-items:center;text-align:justify}.actions-button-text{margin-left:10px}.sendLabel{margin:10px auto;display:flex;justify-content:center;align-items:center;text-align:center}.sendCard-container{flex-wrap:wrap}.sendCard-container mat-icon{width:24px}@media (min-width: 600px){.sendCard-container{display:flex;justify-content:flex-end}.sentCard-container{display:flex;justify-content:end}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:8px}}@media (max-width: 599px){.sendCard-container{display:flex;justify-content:center}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:0}.sentCard-container{display:flex;justify-content:space-evenly}}\n"], dependencies: [{ kind: "directive", type: i1$2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i6$1.MatSlideToggle, selector: "mat-slide-toggle", inputs: ["disabled", "disableRipple", "color", "tabIndex"], exportAs: ["matSlideToggle"] }, { kind: "component", type: i1$7.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: i7$4.DefaultLayoutDirective, selector: "  [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md],  [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md],  [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm],  [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i7$4.DefaultLayoutGapDirective, selector: "  [fxLayoutGap], [fxLayoutGap.xs], [fxLayoutGap.sm], [fxLayoutGap.md],  [fxLayoutGap.lg], [fxLayoutGap.xl], [fxLayoutGap.lt-sm], [fxLayoutGap.lt-md],  [fxLayoutGap.lt-lg], [fxLayoutGap.lt-xl], [fxLayoutGap.gt-xs], [fxLayoutGap.gt-sm],  [fxLayoutGap.gt-md], [fxLayoutGap.gt-lg]", inputs: ["fxLayoutGap", "fxLayoutGap.xs", "fxLayoutGap.sm", "fxLayoutGap.md", "fxLayoutGap.lg", "fxLayoutGap.xl", "fxLayoutGap.lt-sm", "fxLayoutGap.lt-md", "fxLayoutGap.lt-lg", "fxLayoutGap.lt-xl", "fxLayoutGap.gt-xs", "fxLayoutGap.gt-sm", "fxLayoutGap.gt-md", "fxLayoutGap.gt-lg"] }, { kind: "directive", type: i7$4.DefaultLayoutAlignDirective, selector: "  [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md],  [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md],  [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm],  [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i7$4.DefaultFlexDirective, selector: "  [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md],  [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md],  [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm],  [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i4.DefaultShowHideDirective, selector: "  [fxShow], [fxShow.print],  [fxShow.xs], [fxShow.sm], [fxShow.md], [fxShow.lg], [fxShow.xl],  [fxShow.lt-sm], [fxShow.lt-md], [fxShow.lt-lg], [fxShow.lt-xl],  [fxShow.gt-xs], [fxShow.gt-sm], [fxShow.gt-md], [fxShow.gt-lg],  [fxHide], [fxHide.print],  [fxHide.xs], [fxHide.sm], [fxHide.md], [fxHide.lg], [fxHide.xl],  [fxHide.lt-sm], [fxHide.lt-md], [fxHide.lt-lg], [fxHide.lt-xl],  [fxHide.gt-xs], [fxHide.gt-sm], [fxHide.gt-md], [fxHide.gt-lg]", inputs: ["fxShow", "fxShow.print", "fxShow.xs", "fxShow.sm", "fxShow.md", "fxShow.lg", "fxShow.xl", "fxShow.lt-sm", "fxShow.lt-md", "fxShow.lt-lg", "fxShow.lt-xl", "fxShow.gt-xs", "fxShow.gt-sm", "fxShow.gt-md", "fxShow.gt-lg", "fxHide", "fxHide.print", "fxHide.xs", "fxHide.sm", "fxHide.md", "fxHide.lg", "fxHide.xl", "fxHide.lt-sm", "fxHide.lt-md", "fxHide.lt-lg", "fxHide.lt-xl", "fxHide.gt-xs", "fxHide.gt-sm", "fxHide.gt-md", "fxHide.gt-lg"] }, { kind: "directive", type: i4.DefaultClassDirective, selector: "  [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl],  [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl],  [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "component", type: i9$2.MatLegacyButton, selector: "button[mat-button], button[mat-raised-button], button[mat-icon-button],             button[mat-fab], button[mat-mini-fab], button[mat-stroked-button],             button[mat-flat-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }, { kind: "component", type: MainTitleComponent, selector: "wapp-main-title", inputs: ["title", "extraClassToApply"] }, { kind: "component", type: CarouselComponent, selector: "wapp-carousel", inputs: ["images", "allowThumbnail", "infiniteCarousel", "forceMobile", "height", "isDevModeActive", "isNoImage", "onHoverImageTooltip"], outputs: ["onSetImageEvent"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: WMaterialServiceViewComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'w-material-service-view', template: "<wapp-main-title [title]=\"wappingService.tile3\" *ngIf=\"wappingService && (!forceMobile)\" fxHide.xs></wapp-main-title>\r\n<div class=\"service-detail-center\" *ngIf=\"wappingService\"\r\n        [ngClass]=\"{'force-mobile': forceMobile}\"\r\n        [fxLayout]=\"forceMobile ? 'column' : 'row'\"\r\n        [fxLayout.xs]=\"'column'\"\r\n        [fxLayout.sm]=\"'column'\">\r\n    <!--service image-->\r\n    <div [ngClass]=\"{'service-view-no-margin': forceMobile, 'service-view': !forceMobile}\" fxLayout=\"column\">\r\n        <!--tile 1-->\r\n        <div *ngIf=\"!hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''\" class=\"service-image-title\">\r\n            <div class=\"service-view-tile1-no-html\" [innerHTML]=\"wappingService.tile1\"></div>\r\n        </div>\r\n        <div *ngIf=\"hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''\" class=\"template-service-image-tile service-card-image-title\">\r\n            <div class=\"service-view-tile1\" [innerHTML]=\"wappingService.tile1\"></div>\r\n        </div>\r\n        <!--slideshow-->\r\n        <wapp-carousel [isDevModeActive]=\"isDevModeActive\" [forceMobile]=\"forceMobile\" [images]=\"wappingServiceImages\" [isNoImage]=\"isNoImage\" (onSetImageEvent)=\"setImage()\" [onHoverImageTooltip]=\"onHoverImageTooltip\"></wapp-carousel>\r\n        <!--tile 2-->\r\n        <div fxFlex fxLayout=\"row\"\r\n            fxLayoutAlign=\"center center\"\r\n            fxLayoutGap=\"5px\"\r\n            [ngClass]=\"{'template-service-tile': hasHtml(wappingService.tile2),\r\n                'service-tile' : !hasHtml(wappingService.tile2)}\"\r\n            *ngIf=\"wappingService.tile2\">\r\n            <div class=\"service-view-tile2\" [innerHtml]=\"wappingService.tile2\"></div>\r\n        </div>\r\n        <!--activate toggle-->\r\n        <mat-slide-toggle class=\"service-select-toggle\" color=\"accent\"\r\n                        *ngIf=\"wappingService.allowSelect && allowSelectSendGiftCard && !showButtonService && showToggle\"\r\n                        [disabled]=\"disabledToggle\"\r\n                        [(ngModel)]=\"wappingService.active\"\r\n                        (change)=\"selectWappingService()\">{{ serviceStatus }}</mat-slide-toggle>\r\n        <button mat-flat-button *ngIf=\"showButtonService\"\r\n                class=\"service-select-toggle\"\r\n                color=\"accent\"\r\n                [disabled]=\"disabledButtonService\"\r\n                (click)=\"pressButtonService()\">\r\n            <span>{{ wappingServicesTranslations?.buttonService }}</span>\r\n        </button>\r\n        \r\n    </div>\r\n    <!--service info-->\r\n    <div class=\"service-info-container\" [ngClass]=\"{'service-info-container-padding': forceMobile}\" fxLayout=\"column\">\r\n        <div class=\"service-tile-detail-container\" fxLayout=\"column\">\r\n        <!--tile 3-->\r\n        <div *ngIf=\"!forceMobile\"\r\n             [innerHtml]=\"wappingService.tile3\" fxHide fxShow.xs\r\n             class=\"service-name mat-title\">\r\n        </div>\r\n        <div *ngIf=\"forceMobile\"\r\n             [innerHtml]=\"wappingService.tile3\"\r\n             class=\"service-name mat-title\">\r\n        </div>\r\n        <!--tileDetail 1-->\r\n        <div class=\"service-tile-detail\" fxLayout=\"row\">\r\n            <span [innerHtml]=\"wappingService.tileDetail1\"></span>\r\n        </div>\r\n        </div>\r\n        <!--link-->\r\n        <div class=\"service-link-container\" *ngIf=\"wappingService.titleLinkUrl && wappingService.linkUrl\">\r\n        <a class=\"service-link\" href=\"{{wappingService.linkUrl}}\" target=\"_blank\">\r\n            <mat-icon class=\"service-link-icon\" svgIcon=\"share_square\"></mat-icon><span>{{wappingService.titleLinkUrl}}</span>\r\n        </a>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".back-button{width:20px!important;height:20px!important;background-color:#a5000000;padding:0;border:none;cursor:pointer}.back-button-over-image{width:37px!important;height:37px!important;background-color:#ffffffb0;position:absolute;top:13px;left:11px;z-index:10;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}::ng-deep .back-button .mat-button-wrapper,::ng-deep .back-button-over-image .mat-button-wrapper{padding:4px 0!important}.back-button .mat-button-wrapper,.back-button-over-image .mat-button-wrapper{line-height:14px!important}.back-button .mat-icon{width:20px;height:20px}.back-button-over-image .mat-icon{width:16px;height:16px}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:before{background:var(--mdc-switch-unselected-track-color, #a50000)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-selected-handle-color, var(--mdc-theme-primary, #fff))!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:after{background:var(--mdc-switch-selected-hover-track-color, #10c638)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-unselected-handle-color, #fff)!important}:host ::ng-deep .mdc-form-field>label{font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch{margin-right:8px!important}@media (max-width: 959px){.service-detail-center{align-items:center}}.service-view{position:relative;margin-right:30px}.service-view-no-margin{position:relative;margin-right:0!important}@media (min-width: 600px) and (max-width: 959px){.service-view{margin-right:0;width:100%}}@media (max-width: 599px){.service-view{margin-right:0;width:100%}}.service-image-tile,.template-service-image-tile{position:absolute!important;width:100%!important;min-height:32px!important;top:0!important;z-index:9!important}.service-image-title{position:absolute;top:0!important;right:0!important;left:0!important;z-index:2;margin:0 60px!important;min-height:22px!important;border-radius:0 0 4.3118px 4.3118px!important;background-color:#0e0c0c;color:#fff;display:flex;justify-content:center;align-items:center;padding:4px}.service-view-tile1-no-html{justify-content:center!important;align-items:center!important;display:flex!important;text-align:center!important}.service-view-tile1{width:100%;min-height:32px}.service-tile{background-color:#0e0c0c;color:#fff;padding:14px;max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.template-service-tile{max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.service-tile-border-bottom-radius{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.service-view-tile2{width:100%}::ng-deep .service-view-tile2 *{box-sizing:border-box!important}.service-select-toggle{margin-top:25px;margin-right:auto;margin-left:auto;display:flex;align-items:center;text-align:left;max-width:none!important}.service-select-toggle *{max-width:none!important}.service-info-container{width:100%;height:250px}.service-info-container-padding{padding-right:15px;padding-left:15px}@media (max-width: 599px){.service-info-container{padding-right:15px;padding-left:15px}}.service-name{margin-top:0;text-align:justify;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media (min-width: 600px) and (max-width: 959px){.service-name{margin-top:30px;margin-right:0}}@media (max-width: 599px){.service-name{margin-top:30px;margin-right:0}}.service-description{margin-top:0;text-align:left;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical}@media (min-width: 600px) and (max-width: 959px){.service-description{margin-top:20px;margin-right:0}}@media (max-width: 599px){.service-description{margin-top:15px;margin-right:0}}.service-show-more-container{margin-top:5px;width:-moz-fit-content;width:fit-content;align-items:center;cursor:pointer;display:flex;text-align:left}.service-show-more-vector{width:5px!important;margin-left:10px}.service-tile-detail-container{margin-top:5px;display:flex;text-align:justify}@media (max-width: 599px){.service-tile-detail-container{margin-top:20px}}.service-tile-detail{margin-top:20px;font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}@media (max-width: 599px){.service-tile-detail{margin-top:20px}}.service-tile-detail-icon{margin-right:10px}.service-link-container{height:100%;justify-content:flex-end;align-items:flex-end;display:flex;text-align:justify}@media (max-width: 599px){.service-link-container{margin-top:20px;justify-content:flex-start}}.service-link{display:flex;align-items:center;cursor:pointer;text-decoration:none;color:inherit}.service-link-icon{margin-right:10px}.service-options-container{border-top:1px solid #eee;margin-top:80px}@media (max-width: 599px){.service-options-container{margin-top:40px;padding-right:15px;padding-left:15px}}.service-option{height:48px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;text-align:left}.service-option-vector{width:10px!important}.actions-container{margin-top:40px}.actions-button{display:flex;align-items:center;text-align:justify}.actions-button-text{margin-left:10px}.sendLabel{margin:10px auto;display:flex;justify-content:center;align-items:center;text-align:center}.sendCard-container{flex-wrap:wrap}.sendCard-container mat-icon{width:24px}@media (min-width: 600px){.sendCard-container{display:flex;justify-content:flex-end}.sentCard-container{display:flex;justify-content:end}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:8px}}@media (max-width: 599px){.sendCard-container{display:flex;justify-content:center}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:0}.sentCard-container{display:flex;justify-content:space-evenly}}\n"] }]
+            args: [{ selector: 'w-material-service-view', template: "<wapp-main-title [title]=\"wappingService.tile3\" *ngIf=\"wappingService && (!forceMobile)\" fxHide.xs></wapp-main-title>\r\n<div class=\"service-detail-center\" *ngIf=\"wappingService\"\r\n        [ngClass]=\"{'force-mobile': forceMobile}\"\r\n        [fxLayout]=\"forceMobile ? 'column' : 'row'\"\r\n        [fxLayout.xs]=\"'column'\"\r\n        [fxLayout.sm]=\"'column'\">\r\n    <!--service image-->\r\n    <div [ngClass]=\"{'service-view-no-margin': forceMobile, 'service-view': !forceMobile}\" fxLayout=\"column\">\r\n        <!--tile 1-->\r\n        <div *ngIf=\"!hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''\" class=\"service-image-title\">\r\n            <div class=\"service-view-tile1-no-html\" [innerHTML]=\"wappingService.tile1\"></div>\r\n        </div>\r\n        <div *ngIf=\"hasHtml(wappingService.tile1) && wappingService.tile1 && wappingService.tile1 != ''\" class=\"template-service-image-tile service-card-image-title\">\r\n            <div class=\"service-view-tile1\" [innerHTML]=\"wappingService.tile1\"></div>\r\n        </div>\r\n        <!--slideshow-->\r\n        <wapp-carousel [isDevModeActive]=\"isDevModeActive\" [forceMobile]=\"forceMobile\" [images]=\"wappingServiceImages\" [isNoImage]=\"isNoImage\" (onSetImageEvent)=\"setImage()\" [onHoverImageTooltip]=\"onHoverImageTooltip\"></wapp-carousel>\r\n        <!--tile 2-->\r\n        <div fxFlex fxLayout=\"row\"\r\n            fxLayoutAlign=\"center center\"\r\n            fxLayoutGap=\"5px\"\r\n            [ngClass]=\"{'template-service-tile': hasHtml(wappingService.tile2),\r\n                'service-tile' : !hasHtml(wappingService.tile2)}\"\r\n            *ngIf=\"wappingService.tile2\">\r\n            <div class=\"service-view-tile2\" [innerHtml]=\"wappingService.tile2\"></div>\r\n        </div>\r\n        <!--activate toggle-->\r\n        <mat-slide-toggle class=\"service-select-toggle\" color=\"accent\"\r\n                        *ngIf=\"wappingService.allowSelect && allowSelectSendGiftCard && !showButtonService && showToggle\"\r\n                        [disabled]=\"disabledToggle\"\r\n                        [(ngModel)]=\"wappingService.active\"\r\n                        (change)=\"selectWappingService()\">{{ serviceStatus }}</mat-slide-toggle>\r\n        <button mat-flat-button *ngIf=\"showButtonService\"\r\n                class=\"service-select-toggle\"\r\n                color=\"accent\"\r\n                [disabled]=\"disabledButtonService\"\r\n                (click)=\"pressButtonService()\">\r\n            <span>{{ wappingServicesTranslations?.buttonService }}</span>\r\n        </button>\r\n        \r\n    </div>\r\n    <!--service info-->\r\n    <div class=\"service-info-container\" [ngClass]=\"{'service-info-container-padding': forceMobile}\" fxLayout=\"column\">\r\n        <div class=\"service-tile-detail-container\" fxLayout=\"column\">\r\n        <!--tile 3-->\r\n        <div *ngIf=\"!forceMobile\"\r\n             [innerHtml]=\"wappingService.tile3\" fxHide fxShow.xs\r\n             class=\"service-name mat-title\">\r\n        </div>\r\n        <div *ngIf=\"forceMobile\"\r\n             [innerHtml]=\"wappingService.tile3\"\r\n             class=\"service-name mat-title\">\r\n        </div>\r\n        <!--tileDetail 1-->\r\n        <div class=\"service-tile-detail\" fxLayout=\"row\">\r\n            <span [innerHtml]=\"wappingService.tileDetail1\"></span>\r\n        </div>\r\n        </div>\r\n        <!--link-->\r\n        <div class=\"service-link-container\" *ngIf=\"wappingService.titleLinkUrl && wappingService.linkUrl\">\r\n        <a class=\"service-link\" href=\"{{wappingService.linkUrl}}\" target=\"_blank\">\r\n            <mat-icon class=\"service-link-icon\" svgIcon=\"share_square\"></mat-icon><span>{{wappingService.titleLinkUrl}}</span>\r\n        </a>\r\n        </div>\r\n    </div>\r\n</div>", styles: [".back-button{width:20px!important;height:20px!important;background-color:#a5000000;padding:0;border:none;cursor:pointer}.back-button-over-image{width:37px!important;height:37px!important;background-color:#ffffffb0;position:absolute;top:13px;left:11px;z-index:10;border-radius:50%;border:none;display:flex;justify-content:center;align-items:center;cursor:pointer}::ng-deep .back-button .mat-button-wrapper,::ng-deep .back-button-over-image .mat-button-wrapper{padding:4px 0!important}.back-button .mat-button-wrapper,.back-button-over-image .mat-button-wrapper{line-height:14px!important}.back-button .mat-icon{width:20px;height:20px}.back-button-over-image .mat-icon{width:16px;height:16px}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:before{background:var(--mdc-switch-unselected-track-color, #a50000)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-selected-handle-color, var(--mdc-theme-primary, #fff))!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track:after{background:var(--mdc-switch-selected-hover-track-color, #10c638)!important}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch.mdc-switch--unselected:enabled .mdc-switch__handle:after{background:var(--mdc-switch-unselected-handle-color, #fff)!important}:host ::ng-deep .mdc-form-field>label{font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}:host ::ng-deep .mat-mdc-slide-toggle .mdc-switch{margin-right:8px!important}@media (max-width: 959px){.service-detail-center{align-items:center}}.service-view{position:relative;margin-right:30px}.service-view-no-margin{position:relative;margin-right:0!important}@media (min-width: 600px) and (max-width: 959px){.service-view{margin-right:0;width:100%}}@media (max-width: 599px){.service-view{margin-right:0;width:100%}}.service-image-tile,.template-service-image-tile{position:absolute!important;width:100%!important;min-height:32px!important;top:0!important;z-index:9!important}.service-image-title{position:absolute;top:0!important;right:0!important;left:0!important;z-index:2;margin:0 60px!important;min-height:22px!important;border-radius:0 0 4.3118px 4.3118px!important;background-color:#0e0c0c;color:#fff;display:flex;justify-content:center;align-items:center;padding:4px}.service-view-tile1-no-html{justify-content:center!important;align-items:center!important;display:flex!important;text-align:center!important}.service-view-tile1{width:100%;min-height:32px}.service-tile{background-color:#0e0c0c;color:#fff;padding:14px;max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.template-service-tile{max-height:48px;display:flex;align-items:center;text-align:center;font:400 15px/17px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal;text-transform:uppercase}.service-tile-border-bottom-radius{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.service-view-tile2{width:100%}::ng-deep .service-view-tile2 *{box-sizing:border-box!important}.service-select-toggle{margin-top:25px;margin-right:auto;margin-left:auto;display:flex;align-items:center;text-align:left;max-width:none!important}.service-select-toggle *{max-width:none!important}.service-info-container{width:100%}.service-info-container-padding{padding-right:15px;padding-left:15px}@media (max-width: 599px){.service-info-container{padding-right:15px;padding-left:15px}}.service-name{margin-top:0;text-align:justify;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media (min-width: 600px) and (max-width: 959px){.service-name{margin-top:30px;margin-right:0}}@media (max-width: 599px){.service-name{margin-top:30px;margin-right:0}}.service-description{margin-top:0;text-align:left;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:10;-webkit-box-orient:vertical}@media (min-width: 600px) and (max-width: 959px){.service-description{margin-top:20px;margin-right:0}}@media (max-width: 599px){.service-description{margin-top:15px;margin-right:0}}.service-show-more-container{margin-top:5px;width:-moz-fit-content;width:fit-content;align-items:center;cursor:pointer;display:flex;text-align:left}.service-show-more-vector{width:5px!important;margin-left:10px}.service-tile-detail-container{margin-top:5px;display:flex;text-align:justify}@media (max-width: 599px){.service-tile-detail-container{margin-top:20px}}.service-tile-detail{margin-top:20px;font:400 14px/25px Inter,Roboto,Helvetica Neue,sans-serif;letter-spacing:normal}@media (max-width: 599px){.service-tile-detail{margin-top:20px}}.service-tile-detail-icon{margin-right:10px}.service-link-container{height:100%;justify-content:flex-end;align-items:flex-end;display:flex;text-align:justify}@media (max-width: 599px){.service-link-container{margin-top:20px;justify-content:flex-start}}.service-link{display:flex;align-items:center;cursor:pointer;text-decoration:none;color:inherit}.service-link-icon{margin-right:10px}.service-options-container{border-top:1px solid #eee;margin-top:80px}@media (max-width: 599px){.service-options-container{margin-top:40px;padding-right:15px;padding-left:15px}}.service-option{height:48px;border-bottom:1px solid #eee;cursor:pointer;display:flex;align-items:center;text-align:left}.service-option-vector{width:10px!important}.actions-container{margin-top:40px}.actions-button{display:flex;align-items:center;text-align:justify}.actions-button-text{margin-left:10px}.sendLabel{margin:10px auto;display:flex;justify-content:center;align-items:center;text-align:center}.sendCard-container{flex-wrap:wrap}.sendCard-container mat-icon{width:24px}@media (min-width: 600px){.sendCard-container{display:flex;justify-content:flex-end}.sentCard-container{display:flex;justify-content:end}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:8px}}@media (max-width: 599px){.sendCard-container{display:flex;justify-content:center}.send-button{width:auto;display:flex;justify-content:center;align-items:center;margin-left:0}.sentCard-container{display:flex;justify-content:space-evenly}}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$7.MatIconRegistry }, { type: i2$8.DomSanitizer }, { type: i1$6.DialogService }]; }, propDecorators: { forceMobile: [{
                 type: Input
             }], wappingServicesTranslations: [{