{"version":3,"mappings":"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","names":["o","constructor","u","d","Z","this","x","centerMode","dots","infinite","autoplay","autoplaySpeed","arrows","nextArrow","prevArrow","slidesToShow","slidesToScroll","speed","responsive","breakpoint","settings","ngOnInit","productService","webshopServiceFactory","createWebshopService","k","searchProducts","search","page","shopOnly","size","productsLoading$","getProductsLoadingObservable","productsResponse$","getProductsResponseObservable","pipe","_","ngUnsubscribe$","subscribe","allPromo","campaignInfo","showProducts","promoService","setSelectedPromo","viewPromoProducts","emit","ngOnDestroy","next","complete","v","selectors","e","l","src","label","link","pauseOnHover","fade","draggable","mtmEvent","i","matomoService","trackEvent","C","t","a","g","S","D","b","U","Le","be","we","Oe","Ue","Pe","T","toggleTileImage","openIdfSelectionDialog","userService","getAuthTokensObservable","getAuthTokensLoadingObservable","getUser","username","width","data","navType","userName","imageFileName","heading","message","authTokens","authTokensLoading","dialog","open","openDisabledDialog","I","autoFocus","panelClass","name","showDialog","length","mtmClick","translate","instant","mtmAdvertorialClick","mtmContestClick","showOpenUberweiserDialog","N","h","closeOnNavigation","afterClosed","router","navigateByUrl","showOpenProductSearchDialog","c","s","maxWidth","M","f","trackClick","el","zone","platformId","afterChange","EventEmitter","beforeChange","destroy","init","currentIndex","slides","initialized","_removedSlides","_addedSlides","unslick","ngAfterViewInit","ngAfterViewChecked","isPlatformServer","nextSlidesLength","forEach","slickItem","push","runOutsideAngular","$instance","slick","nativeElement","idx","indexOf","filter","initSlick","jQuery","on","event","run","config","_a","initialSlide","currentSlide","first","last","$slides","options","nextSlide","addSlide","removeSlide","slickGoTo","index","slickNext","slickPrev","slickPause","slickPlay","undefined","ngOnChanges","changes","previousValue","currentValue","refresh","newOptions","Object","assign","SlickCarouselComponent","ɵfac","i0","PLATFORM_ID","ɵcmp","provide","NG_VALUE_ACCESSOR","useExisting","forwardRef","multi","ngContentSelectors","encapsulation","carousel","isPlatformBrowser","SlickItemDirective","ɵdir","SlickCarouselModule","ɵmod","ɵinj","CommonModule"],"sources":["webpack:///src/app/modules/webshop/components/product-promotions/product-promotions.component.html","webpack:///src/app/modules/webshop/components/product-promotions/product-promotions.component.ts","webpack:///src/app/modules/shared/carousel/carousel.component.html","webpack:///src/app/modules/shared/carousel/carousel.component.ts","webpack:///src/app/view/dashboard/tile/tile.component.html","webpack:///src/app/view/dashboard/tile/disabled-dialog.html","webpack:///src/app/view/dashboard/tile/tile.component.ts","webpack:///node_modules/ngx-slick-carousel/fesm2015/ngx-slick-carousel.mjs"],"sourcesContent":["<h2 class=\"text-to-crop\">Exklusive Online-Sparangebote</h2>\n<div id=\"results\">\n  <div *ngIf=\"(productsLoading$ | async)\" class=\"text-center py-l\">\n    <i class=\"fal fa-spinner-third fa-spin\"></i> Kampagnen werden geladen.\n  </div>\n  <div *ngIf=\"!(productsLoading$ | async) && allPromo?.length === 0\" class=\"d-flex py-l widget\">\n    <span class=\"fad fa-sad-tear fa-3x\" style=\"--fa-secondary-color: #D6EDE9; --fa-primary-color: #009775;--fa-secondary-opacity: 1\"></span>\n    <p class=\"col-auto\">Zur Zeit sind keine aktiven Kampagnen verfügbar.<br>\n      Die nächsten Angebote lassen aber nicht lange auf sich warten, schauen Sie bald wieder vorbei.</p>\n  </div>\n  <ngx-slick-carousel *ngIf=\"allPromo?.length && !(productsLoading$ | async)\" [config]=\"slideConfig\"\n                      class=\"carousel mb-l\">\n    <div class=\"slide px-2\" *ngFor=\"let promo of allPromo; let i = index;\" ngxSlickItem>\n      <div class=\"text-center promotion-tile\"\n           [class.cta-border]=\"promoService.selectedPromoId === promo.id && promoService.selectedPromoId !== null\"\n           (click)=\"showProducts(promo.id)\">\n        <div class=\"img-promo-box d-flex align-items-center\">\n          <div class=\"promo-duration py-auto\">\n                          <span class=\"text-gray\">{{ promo.start | date: 'shortDate' }}<br>BIS<br>\n                            {{ promo.end | date: 'shortDate' }}</span>\n          </div>\n          <img *ngIf=\"promo.logo\" src=\"{{ CDN + '/marketing-management/' + promo.logo}}\"\n               [alt]=\"promo.name\"\n               class=\"img-promo\"/>\n        </div>\n        <h4><span>{{ promo.name }}</span> <span class=\"far fa-angle-right\"></span></h4>\n      </div>\n    </div>\n  </ngx-slick-carousel>\n</div>\n","import {\n    Component,\n    EventEmitter,\n    Inject,\n    Input,\n    OnDestroy,\n    OnInit,\n    Output,\n    ViewChild,\n    ViewEncapsulation\n} from '@angular/core';\nimport {takeUntil} from 'rxjs/operators';\nimport {WebshopServiceFactory} from '../../../../core/services/shop/webshop-service.factory';\nimport {Observable, Subject} from 'rxjs';\nimport {ProductsResponse} from '../../../../core/models/shop/products-response.model';\nimport {ProductServiceAbstract} from '../../../../core/services/shop/product-service.abstract';\nimport {ProductType} from '../../../../core/models/shop/product-type.model';\nimport {PromoService} from '../../../../core/services/shop/promo.service';\n\n@Component({\n    selector: 'app-product-promotions',\n    templateUrl: './product-promotions.component.html',\n    styleUrls: ['./product-promotions.component.scss'],\n    encapsulation: ViewEncapsulation.None\n})\nexport class ProductPromotionsComponent implements OnInit, OnDestroy {\n\n    public productsResponse$: Observable<ProductsResponse>;\n    public productsLoading$: Observable<boolean>;\n    public productService: ProductServiceAbstract;\n    public allPromo: any[];\n    public ngUnsubscribe$ = new Subject<any>();\n    @Output() viewPromoProducts: EventEmitter<any> = new EventEmitter<any>()\n    slideConfig = {\n        centerMode: false,\n        dots: true,\n        infinite: true,\n        autoplay: true,\n        autoplaySpeed: 3500,\n        arrows: false,\n        nextArrow: `<i class=\"fa fa-chevron-right\" style=\"position: absolute; right: -40px; top: 40%; font-size: 25px; color: #009775; cursor: pointer\"></i>`,\n        prevArrow: `<i class=\"fa fa-chevron-left\" style=\"position: absolute; left: -40px; top: 40%; font-size: 25px; color: #009775; cursor: pointer\"></i>`,\n        slidesToShow: 3,\n        slidesToScroll: 3,\n        speed: 1500,\n        responsive: [\n            {\n                breakpoint: 1024,\n                settings: {\n                    slidesToShow: 2,\n                    slidesToScroll: 2,\n                    infinite: false,\n                    dots: false,\n                }\n            },\n            {\n                breakpoint: 600,\n                settings: {\n                    slidesToShow: 2,\n                    slidesToScroll: 2,\n                }\n            },\n            {\n                breakpoint: 480,\n                settings: {\n                    slidesToShow: 1,\n                    slidesToScroll: 1,\n                }\n            }\n        ]\n    };\n\n    constructor(public webshopServiceFactory: WebshopServiceFactory,\n                public promoService: PromoService,\n                @Inject('CDN') public CDN) {\n    }\n\n    ngOnInit(): void {\n        this.productService = this.webshopServiceFactory.createWebshopService(\n            ProductType.Promo\n        );\n\n        this.productService.searchProducts({search: '', page: 1, shopOnly: true, size: 20});\n        this.productsLoading$ = this.productService.getProductsLoadingObservable();\n        this.productsResponse$ = this.productService.getProductsResponseObservable();\n        this.productsResponse$.pipe(takeUntil(this.ngUnsubscribe$)).subscribe((result) => {\n            if (result) {\n                this.allPromo = result.campaignInfo;\n            }\n        });\n    }\n\n    showProducts(id) {\n        this.promoService.setSelectedPromo(id);\n        this.viewPromoProducts.emit(id);\n    }\n\n    ngOnDestroy() {\n        this.ngUnsubscribe$.next();\n        this.ngUnsubscribe$.complete();\n    }\n}\n","<ngx-slick-carousel [config]=\"slideConfig\"\n                    class=\"carousel\"\n                    #slickModal=\"slick-carousel\"\n                    data-track-content\n                    data-content-name=\"Advertorials\">\n  <div ngxSlickItem *ngFor=\"let slide of slides; let i = index\">\n    <a href=\"/#/{{slide.link}}\" (click)=\"mtmEvent(slide.label, i +1)\" data-content-target>\n      <img src=\"{{slide.src }}\"\n           alt=\"{{slide.label}}\"\n           data-content-piece\n           class=\"slick-item\">\n    </a>\n  </div>\n</ngx-slick-carousel>","import {Component, OnInit, ViewChild} from '@angular/core';\nimport {SlickCarouselComponent} from 'ngx-slick-carousel';\nimport {MatomoService} from '../../../core/services/matomo.service';\n\n\n@Component({\n  selector: 'app-carousel',\n  templateUrl: './carousel.component.html',\n  styleUrls: ['./carousel.component.scss'],\n})\nexport class CarouselComponent implements OnInit {\n  public slides = [\n     {\n      src: 'https://cspappsacc.blob.core.windows.net/cms/advertorials/pierre-fabre/AV_Cleanance_SuperBanner_1060x170px.jpg',\n      label: 'Advertorial Pierre Fabre',\n      link: 'advertorial/pierrefabre'\n    },\n  ];\n  @ViewChild('slickModal', {static: true}) slickModal: SlickCarouselComponent;\n  slideConfig = {\n    slidesToShow: 1,\n    slidesToScroll: 1,\n    autoplay: true,\n    autoplaySpeed: 5000,\n    pauseOnHover: true,\n    dots: false,\n    infinite: true,\n    fade: false,\n    draggable: false,\n    nextArrow: `<i class=\"carousel-next-icon\" style=\"background: #fbba00 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWNvbnMvYXJyb3dfZm9yd2FyZDwvdGl0bGU+CiAgICA8ZyBpZD0iaWNvbnMvYXJyb3dfZm9yd2FyZCIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTUsMTMgTDE2LjE3LDEzIEwxMS4yOSwxNy44OCBDMTAuOSwxOC4yNyAxMC45LDE4LjkxIDExLjI5LDE5LjMgQzExLjY4LDE5LjY5IDEyLjMxLDE5LjY5IDEyLjcsMTkuMyBMMTkuMjksMTIuNzEgQzE5LjY4LDEyLjMyIDE5LjY4LDExLjY5IDE5LjI5LDExLjMgTDEyLjcxLDQuNyBDMTIuMzIsNC4zMSAxMS42OSw0LjMxIDExLjMsNC43IEMxMC45MSw1LjA5IDEwLjkxLDUuNzIgMTEuMyw2LjExIEwxNi4xNywxMSBMNSwxMSBDNC40NSwxMSA0LDExLjQ1IDQsMTIgQzQsMTIuNTUgNC40NSwxMyA1LDEzIFoiIGlkPSJTaGFwZSIgZmlsbD0iIzAwMDAwMCI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=') no-repeat center center;position: absolute; bottom: -24px; right: 40px; cursor: pointer; width: 48px;height: 48px; border-radius: 100%\"></i>`,\n    prevArrow: `<i class=\"carousel-prev-icon\" style=\"z-index: 1; background: #fbba00 url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjRweCIgaGVpZ2h0PSIyNHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aWNvbnMvYXJyb3dfYmFjazwvdGl0bGU+CiAgICA8ZyBpZD0iaWNvbnMvYXJyb3dfYmFjayIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTE5LDExIEw3LjgzLDExIEwxMi43MSw2LjEyIEMxMy4xLDUuNzMgMTMuMSw1LjA5IDEyLjcxLDQuNyBDMTIuMzIsNC4zMSAxMS42OSw0LjMxIDExLjMsNC43IEw0LjcxLDExLjI5IEM0LjMyLDExLjY4IDQuMzIsMTIuMzEgNC43MSwxMi43IEwxMS4zLDE5LjI5IEMxMS42OSwxOS42OCAxMi4zMiwxOS42OCAxMi43MSwxOS4yOSBDMTMuMSwxOC45IDEzLjEsMTguMjcgMTIuNzEsMTcuODggTDcuODMsMTMgTDE5LDEzIEMxOS41NSwxMyAyMCwxMi41NSAyMCwxMiBDMjAsMTEuNDUgMTkuNTUsMTEgMTksMTEgWiIgaWQ9IlNoYXBlIiBmaWxsPSIjMDAwMDAwIj48L3BhdGg+CiAgICA8L2c+Cjwvc3ZnPg==') no-repeat center center;position: absolute; bottom: -24px; right: 100px; cursor: pointer; width: 48px;height: 48px; border-radius: 100%\"></i>`,\n  };\n\n  constructor(\n      private matomoService: MatomoService,\n  ) {\n  }\n\n  ngOnInit(): void {\n  }\n\n  mtmEvent(action, value) {\n    this.matomoService.trackEvent('Klick auf Advertorial Slider', action, value);\n  }\n}\n","<ng-container [ngSwitch]=\"childNode.type\">\n  <ng-container *ngSwitchCase=\"NavType.MAIN\">\n    <a (click)=\"mtmClick((childNode.navLinkName ? childNode.navLinkName : childNode.heading))\"\n       [attr.target]=\"childNode.shouldOpenInNewTab ? '_blank' : null\"\n       [queryParams]=\"childNode.extUrl ? {url: childNode.extUrl} : null\"\n       class=\"position-relative tile-link\" routerLink=\"/{{childNode.path}}\">\n      <div\n          (mouseenter)=\"toggleTileImage(childNode.tileImageFileNameHover ? childNode.tileImageFileNameHover : childNode.tileImageFileName); $event.stopPropagation()\"\n          (mouseleave)=\"toggleTileImage(childNode.tileImageFileName); $event.stopPropagation()\"\n          class=\"tile {{childNode.class}}\">\n        <div class=\"img-box\">\n          <img\n              alt=\"{{((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)}} kachel\"\n              #tile src=\"{{childNode.tileImageFileName}}\"/>\n        </div>\n\n        <h4><span [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></span> <span class=\"far fa-angle-right\"></span></h4>\n      </div>\n      <strong *ngIf=\"childNode.pageStatus\"\n            class=\"position-absolute tag\">{{ childNode.pageStatus }}</strong>\n    </a>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"NavType.PROMO\">\n    <a (click)=\"showOpenProductSearchDialog();mtmClick((childNode.navLinkName ? childNode.navLinkName : childNode.heading))\"\n       class=\"position-relative tile-link\">\n      <div\n          (mouseenter)=\"toggleTileImage(childNode.tileImageFileNameHover ? childNode.tileImageFileNameHover : childNode.tileImageFileName); $event.stopPropagation()\"\n          (mouseleave)=\"toggleTileImage(childNode.tileImageFileName); $event.stopPropagation()\"\n          class=\"tile {{childNode.class}}\">\n        <div class=\"img-box\">\n        <img\n            alt=\"{{((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)}} kachel\"\n            #tile src=\"{{childNode.tileImageFileName}}\"/>\n      </div>\n<!--        <h4 [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></h4>-->\n        <h4><span [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></span> <span class=\"far fa-angle-right\"></span></h4>\n\n      </div>\n      <strong *ngIf=\"childNode.pageStatus\"\n            class=\"position-absolute tag\">{{ childNode.pageStatus }}</strong>\n    </a>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"NavType.PRIORPORTAL\">\n    <a (click)=\"mtmClick((childNode.navLinkName ? childNode.navLinkName : childNode.heading))\"\n       [attr.target]=\"childNode.shouldOpenInNewTab ? '_blank' : null\"\n       [href]=\"childNode.priorPortalUrl | translate\"\n       class=\"position-relative tile-link\">\n      <div\n          (mouseenter)=\"toggleTileImage(childNode.tileImageFileNameHover ? childNode.tileImageFileNameHover : childNode.tileImageFileName)\"\n          (mouseleave)=\"toggleTileImage(childNode.tileImageFileName)\"\n          class=\"tile\">\n        <div class=\"img-box\">\n          <img\n              alt=\"{{((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)}} kachel\"\n              #tile src=\"{{childNode.tileImageFileName}}\"/>\n        </div>\n<!--        <h4 [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></h4>-->\n        <h4><span [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></span> <span class=\"far fa-angle-right\"></span></h4>\n\n      </div>\n      <strong *ngIf=\"childNode.pageStatus\"\n            class=\"position-absolute tag\">{{ childNode.pageStatus }}</strong>\n    </a>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"NavType.DISABLED\">\n    <a (click)=\"openDisabledDialog((childNode.tileTitle ? childNode.tileTitle : childNode.heading));mtmClick((childNode.navLinkName ? childNode.navLinkName : childNode.heading))\"\n       class=\"position-relative tile-link\">\n      <div\n          (mouseenter)=\"toggleTileImage(childNode.tileImageFileNameHover ? childNode.tileImageFileNameHover : childNode.tileImageFileName)\"\n          (mouseleave)=\"toggleTileImage(childNode.tileImageFileName)\"\n          class=\"tile {{childNode.class}}\">\n        <div class=\"img-box\">\n          <img\n              alt=\"{{((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)}} kachel\"\n              #tile src=\"{{childNode.tileImageFileName}}\"/>\n        </div>\n        <h4><span [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></span> <span class=\"far fa-angle-right\"></span></h4>\n\n        <!--        <h4 [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></h4>-->\n      </div>\n      <strong *ngIf=\"childNode.pageStatus\"\n            class=\"position-absolute tag\">{{ childNode.pageStatus }}</strong>\n    </a>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"NavType.COVID\">\n    <a routerLink=\"/{{childNode.path}}\"\n       (click)=\"mtmClick((childNode.navLinkName ? childNode.navLinkName : childNode.heading))\"\n       class=\"position-relative tile-link\">\n      <div class=\"tile {{childNode.class}}\"\n           (mouseenter)=\"toggleTileImage(childNode.tileImageFileNameHover ? childNode.tileImageFileNameHover : childNode.tileImageFileName)\"\n           (mouseleave)=\"toggleTileImage(childNode.tileImageFileName)\">\n        <div class=\"img-box\">\n          <img\n              alt=\"{{((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)}} kachel\"\n              #tile src=\"{{childNode.tileImageFileName}}\"/>\n        </div>\n<!--        <h4 [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></h4>-->\n        <h4><span [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></span> <span class=\"far fa-angle-right\"></span></h4>\n\n      </div>\n      <strong *ngIf=\"childNode.pageStatus\"\n            class=\"position-absolute tag\">{{ childNode.pageStatus }}</strong>\n    </a>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"NavType.COVID\">\n    <a (click)=\"openDisabledDialog((childNode.tileTitle ? childNode.tileTitle : childNode.heading));mtmClick((childNode.navLinkName ? childNode.navLinkName : childNode.heading))\"\n       class=\"position-relative tile-link\">\n      <div class=\"tile {{childNode.class}}\"\n           (mouseenter)=\"toggleTileImage(childNode.tileImageFileNameHover ? childNode.tileImageFileNameHover : childNode.tileImageFileName)\"\n           (mouseleave)=\"toggleTileImage(childNode.tileImageFileName)\">\n        <div class=\"img-box\">\n          <img\n              alt=\"{{((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)}} kachel\"\n              #tile src=\"{{childNode.tileImageFileName}}\"/>\n        </div>\n        <h4><span [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></span> <span class=\"far fa-angle-right\"></span></h4>\n\n<!--        <h4 [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></h4>-->\n      </div>\n      <strong *ngIf=\"childNode.pageStatus\"\n            class=\"position-absolute tag\">{{ childNode.pageStatus }}</strong>\n    </a>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"NavType.ADVERTORIAL\">\n    <app-carousel></app-carousel>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"NavType.EXCLUSIVEOFFERS\">\n    <app-product-promotions (viewPromoProducts)=\"viewPromoProducts($event)\"></app-product-promotions>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"NavType.DEINEAPOTHEKESTORE\">\n    <ng-template #authTokensNotLoaded>\n      <div class=\"tile--inactive\">\n        <div class=\"img-box\">\n          <img\n              alt=\"{{((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)}} kachel\"\n              #tile src=\"{{childNode.tileImageFileName}}\"/>\n        </div>\n        <h4><span [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></span> <span class=\"far fa-angle-right\"></span></h4>\n\n        <!--        <h4 [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></h4>-->\n      </div>\n    </ng-template>\n    <ng-container\n        *ngIf=\"this.userService.getAuthTokensObservable() | async | keyvalue as authTokens; else authTokensNotLoaded\">\n      <ng-container *ngIf=\"authTokens.length === 1\">\n        <a (click)=\"mtmClick((childNode.navLinkName ? childNode.navLinkName : childNode.heading))\"\n           [attr.target]=\"childNode.shouldOpenInNewTab ? '_blank' : null\"\n           class=\"position-relative tile-link\"\n           href=\"{{this.DA_STORE_URL}}?user={{this.userService.getUser().username}}&token={{authTokens[0].value}}&idf={{authTokens[0].key}}&referrer={{this.DA_STORE_REFERRER}}\">\n          <div class=\"tile new\">\n            <div class=\"img-box\">\n              <img\n                  alt=\"{{((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)}} kachel\"\n                  #tile src=\"{{childNode.tileImageFileName}}\"/>\n            </div>\n            <h4><span [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></span> <span class=\"far fa-angle-right\"></span></h4>\n\n<!--            <h4 [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></h4>-->\n          </div>\n          <strong *ngIf=\"childNode.pageStatus\"\n                class=\"position-absolute tag\">{{ childNode.pageStatus }}</strong>\n        </a>\n      </ng-container>\n      <ng-container *ngIf=\"authTokens.length > 1\">\n        <a (click)=\"openIdfSelectionDialog(NavType.DEINEAPOTHEKESTORE, childNode.tileImageFileName, 'Anmeldung im PHOENIX Store', 'Wählen Sie die gewünschte IDF zur Anmeldung im deine Apotheke Store aus'); mtmClick((childNode.navLinkName ? childNode.navLinkName : childNode.heading))\"\n           class=\"position-relative new tile-link\">\n          <div class=\"tile new\">\n            <div class=\"img-box\">\n              <img\n                  alt=\"{{((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)}} kachel\"\n                  #tile src=\"{{childNode.tileImageFileName}}\"/>\n            </div>\n            <h4><span [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></span> <span class=\"far fa-angle-right\"></span></h4>\n\n            <!--            <h4 [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></h4>-->\n          </div>\n          <strong *ngIf=\"childNode.pageStatus\"\n                class=\"position-absolute tag\">{{ childNode.pageStatus }}</strong>\n        </a>\n      </ng-container>\n\n    </ng-container>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"NavType.PRIVATSORTIMENT\">\n    <a (click)=\"mtmClick((childNode.navLinkName ? childNode.navLinkName : childNode.heading))\"\n       [attr.target]=\"childNode.shouldOpenInNewTab ? '_blank' : null\"\n       class=\"position-relative tile-link\"\n       href=\"{{this.PS_URL}}?user={{this.userService.getUser().username}}&token={{this.userService.getAuthTokenObservable() | async}}&idf={{this.userService.getMainIdfObservable() | async}}&referrer={{this.PS_REFERRER}}\">\n      <div\n          (mouseenter)=\"toggleTileImage(childNode.tileImageFileNameHover ? childNode.tileImageFileNameHover : childNode.tileImageFileName)\"\n          (mouseleave)=\"toggleTileImage(childNode.tileImageFileName)\"\n          class=\"tile\">\n        <div class=\"img-box\">\n          <img\n              alt=\"{{((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)}} kachel\"\n              #tile src=\"{{childNode.tileImageFileName}}\"/>\n        </div>\n<!--        <h4 [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></h4>-->\n        <h4><span [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></span> <span class=\"far fa-angle-right\"></span></h4>\n\n      </div>\n      <strong *ngIf=\"childNode.pageStatus\"\n            class=\"position-absolute tag\">{{ childNode.pageStatus }}</strong>\n    </a>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"NavType.NOTFALLDEPOT\">\n    <ng-template #authTokensNotLoaded>\n      <div class=\"tile--inactive\">\n        <div class=\"img-box\">\n          <img\n              alt=\"{{((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)}} kachel\"\n              #tile src=\"{{childNode.tileImageFileName}}\"/>\n        </div>\n<!--        <h4 [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></h4>-->\n        <h4><span [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></span> <span class=\"far fa-angle-right\"></span></h4>\n\n      </div>\n      <strong class=\"tag\">{{ childNode.pageStatus }}</strong>\n    </ng-template>\n    <ng-container\n        *ngIf=\"this.userService.getAuthTokensObservable() | async | keyvalue as authTokens; else authTokensNotLoaded\">\n      <ng-container *ngIf=\"authTokens.length === 1\">\n        <a (click)=\"mtmClick((childNode.navLinkName ? childNode.navLinkName : childNode.heading))\"\n           [attr.target]=\"childNode.shouldOpenInNewTab ? '_blank' : null\"\n           class=\"position-relative tile-link\"\n           href=\"{{this.ND_URL}}?user={{this.userService.getUser().username}}&token={{authTokens[0].value}}&idf={{authTokens[0].key}}&referrer={{this.ND_REFERRER}}&{{this.ND_FLAG}}=1\">\n          <div\n              (mouseenter)=\"toggleTileImage(childNode.tileImageFileNameHover ? childNode.tileImageFileNameHover : childNode.tileImageFileName)\"\n              (mouseleave)=\"toggleTileImage(childNode.tileImageFileName)\"\n              class=\"tile\">\n            <div class=\"img-box\">\n              <img\n                  alt=\"{{((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)}} kachel\"\n                  #tile src=\"{{childNode.tileImageFileName}}\"/>\n            </div>\n<!--            <h4 [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></h4>-->\n            <h4><span [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></span> <span class=\"far fa-angle-right\"></span></h4>\n\n          </div>\n          <strong *ngIf=\"childNode.pageStatus\"\n                class=\"position-absolute tag\">{{ childNode.pageStatus }}</strong>\n        </a>\n      </ng-container>\n      <ng-container *ngIf=\"authTokens.length > 1\">\n        <a (click)=\"openIdfSelectionDialog(NavType.NOTFALLDEPOT, childNode.tileImageFileName, 'Anmeldung im Notfalldepot', 'Wählen Sie die gewünschte IDF zur Anmeldung im Notfalldepot aus');mtmClick((childNode.navLinkName ? childNode.navLinkName : childNode.heading))\"\n           class=\"position-relative tile-link\">\n          <div\n              (mouseenter)=\"toggleTileImage(childNode.tileImageFileNameHover ? childNode.tileImageFileNameHover : childNode.tileImageFileName)\"\n              (mouseleave)=\"toggleTileImage(childNode.tileImageFileName)\"\n              class=\"tile\">\n            <div class=\"img-box\">\n              <img\n                  alt=\"{{((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)}} kachel\"\n                  #tile src=\"{{childNode.tileImageFileName}}\"/>\n            </div>\n<!--            <h4 [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></h4>-->\n            <h4><span [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></span> <span class=\"far fa-angle-right\"></span></h4>\n\n          </div>\n          <strong *ngIf=\"childNode.pageStatus\"\n                class=\"position-absolute tag\">{{ childNode.pageStatus }}</strong>\n        </a>\n      </ng-container>\n    </ng-container>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"NavType.UBER\">\n    <a (click)=\"showOpenUberweiserDialog();mtmClick((childNode.navLinkName ? childNode.navLinkName : childNode.heading))\"\n       class=\"position-relative tile-link\">\n      <div\n          (mouseenter)=\"toggleTileImage(childNode.tileImageFileNameHover ? childNode.tileImageFileNameHover : childNode.tileImageFileName)\"\n          (mouseleave)=\"toggleTileImage(childNode.tileImageFileName)\"\n          class=\"tile\">\n        <div class=\"img-box\">\n          <img\n              alt=\"{{((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)}} kachel\"\n              #tile src=\"{{childNode.tileImageFileName}}\"/>\n        </div>\n<!--        <h4 [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></h4>-->\n        <h4><span [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></span> <span class=\"far fa-angle-right\"></span></h4>\n\n      </div>\n      <strong *ngIf=\"childNode.pageStatus\"\n            class=\"position-absolute tag\">{{ childNode.pageStatus }}</strong>\n    </a>\n  </ng-container>\n  <ng-container *ngSwitchCase=\"NavType.CONTEST\">\n    <a routerLink=\"/contest/{{childNode.path}}\"\n\n       (click)=\"mtmAdvertorialClick(childNode.tileTitle ? childNode.tileTitle : childNode.navLinkName)\"\n       class=\"position-relative tile-link\">\n      <div class=\"tile {{childNode.class}}\">\n        <div class=\"img-box\">\n          <img\n              alt=\"{{((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)}} kachel\"\n              #tile src=\"{{childNode.tileImageFileName}}\"/>\n        </div>\n<!--        <h4 [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></h4>-->\n        <h4><span [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></span> <span class=\"far fa-angle-right\"></span></h4>\n\n      </div>\n      <strong *ngIf=\"childNode.pageStatus\"\n            class=\"position-absolute tag\">{{ childNode.pageStatus }}</strong>\n    </a>\n  </ng-container>\n    <ng-container *ngSwitchCase=\"NavType.PDF\">\n        <a href=\"{{childNode.path}}\"\n           (click)=\"mtmClick(childNode.tileTitle ? childNode.tileTitle : childNode.navLinkName)\"\n           class=\"position-relative tile-link\"\n           [attr.target]=\"childNode.shouldOpenInNewTab ? '_blank' : null\">\n            <div class=\"tile {{childNode.class}}\">\n              <div class=\"img-box\">\n                <img src=\"{{childNode.tileImageFileName}}\">\n              </div>\n<!--                <h4 [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></h4>-->\n              <h4><span [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></span> <span class=\"far fa-angle-right\"></span></h4>\n\n            </div>\n            <strong *ngIf=\"childNode.pageStatus\"\n                  class=\"position-absolute tag\">{{childNode.pageStatus}}</strong>\n        </a>\n    </ng-container>\n  <ng-container *ngSwitchCase=\"NavType.VACCINE\">\n    <a routerLink=\"/{{childNode.path}}\"\n       (click)=\"mtmClick((childNode.navLinkName ? childNode.navLinkName : childNode.heading))\"\n       class=\"position-relative tile-link\">\n      <div class=\"tile {{childNode.class}}\">\n        <div class=\"img-box\">\n          <img src=\"{{childNode.tileImageFileName}}\">\n        </div>\n        <h4><span [innerHTML]=\"((childNode.tileTitle ? childNode.tileTitle : childNode.heading) | translate)\"></span> <span class=\"far fa-angle-right\"></span></h4>\n      </div>\n      <span *ngIf=\"childNode.pageStatus\"\n            class=\"position-absolute tag\">{{childNode.pageStatus}}</span>\n    </a>\n  </ng-container>\n</ng-container>\n","<div style=\"max-width: 45vw\" *ngIf=\"data.name === 'NAVIGATION.ORDER.PRODUCTWISH.TILE'\">\n  <h2 class=\"pb-s\">Artikelneuaufnahme direkt im KSC!</h2>\n  <p>Als weitere Serviceleistung bieten wir Ihnen die Möglichkeit, einfach und gezielt Ihren Wunsch für eine\n    Artikelneuaufnahme direkt an uns im Kunden Service Center zu adressieren:</p>\n  <p class=\"ml-m h2 py-s\">0800 104 8888*</p>\n  <p>Sofern es sich nicht um einen kontingentierten bzw. vom Hersteller nicht lieferbaren Artikel handelt, nehmen wir\n    diesen bei regelmäßigem Bedarf neu in unser Sortiment auf.</p>\n  <p><strong>Verpflichtende Angaben sind: </strong></p>\n  <ul>\n    <li>Pharmazentralnummer des Artikels;</li>\n    <li>Menge und</li>\n    <li>Voraussichtlicher Bezugsrhythmus</li>\n  </ul>\n  <p class=\"small\">*IDF/BGA Nummer und PHOENIX Vertriebszentrum beim Anruf bitte vom KSC verifizieren lassen!</p>\n  <div mat-dialog-actions align=\"end\" class=\"mb-0\">\n    <button mat-button mat-dialog-close class=\"btn btn-primary\">schließen</button>\n  </div>\n</div>\n<div style=\"max-width: 45vw\" *ngIf=\"data.name === 'NAVIGATION.ORDER.TOPPRISMA.TILE'\">\n  <h2 class=\"h1\">Hinweis zum TOP PRISMA Shop</h2>\n  <p>Aktuell steht die Produktsuche im TOP PRISMA Shop über unser Apothekenportal nicht zur Verfügung.</p>\n  <p>\n    <strong>Sie benötigen Ihre aktuellen TOP PRISMA Angebotsdaten?</strong>\n    <br>Kontaktieren Sie dazu gerne Ihre PHOENIX Gebietsverkaufsleitung.\n  </p>\n  <p>Vielen Dank für Ihr Verständnis.</p>\n  <div mat-dialog-actions align=\"end\" class=\"mb-0\">\n    <button mat-button mat-dialog-close class=\"btn btn-primary\">schließen</button>\n  </div>\n</div>\n\n<!--<div style=\"max-width: 45vw\" *ngIf=\"data.name === 'NAVIGATION.ORDER.FLUSHOP.TILE'\">\n    <h2 class=\"h1\">Hinweis</h2>\n    <p>Die Bestellbestätigung Ihrer Grippeimpfstoffe für die Saison 2022/23 steht Ihnen hier zeitnah als PDF Dokument zur Verfügung.</p>\n    <div mat-dialog-actions align=\"end\" class=\"mb-0\">\n        <button mat-button mat-dialog-close class=\"btn btn-primary\">schließen</button>\n    </div>\n</div>-->\n<div style=\"max-width: 45vw\" *ngIf=\"data.name === 'NAVIGATION.ORDER.PIN.TILE'\">\n  <h2 class=\"h1\">Sonderangebote</h2>\n  <p>Die Sonderangebote finden Sie ab sofort unter dem neuen Namen <strong>\"e-Offers\"</strong> als Online\n    Sparangebot.<br>\n    Jeweils neu am zweiten Montag eines Monats.</p>\n\n  <div mat-dialog-actions align=\"end\" class=\"mb-0\">\n    <button class=\"btn btn-primary\" mat-dialog-close mat-button routerLink=\"promotions\">\n      Zu den Online Sparangeboten\n    </button>\n  </div>\n</div>\n<div style=\"max-width: 45vw\" *ngIf=\"data.name === 'NAVIGATION.ORDER.NACHLIEFERUNGLISTE.TILE'\">\n  <h2 class=\"h1\">Kein Zugriff</h2>\n  <p>Die digitale Nachlieferungsliste steht Ihnen bei Nutzung des <strong>PHOENIX Digitalpaketes</strong> zur Verfügung.\n    Beantragen Sie hier die Freischaltung und profitieren Sie von den Vorteilen unserer digitalen Services!</p>\n  <div class=\"d-flex justify-content-center\">\n    <div mat-dialog-actions align=\"end\" class=\"mb-0\">\n      <button class=\"btn btn-primary\" mat-dialog-close mat-button [routerLink]=\"['/static-content']\"\n              [queryParams]=\"{url:'/phoenix-digitalpaket', heading: 'Phoenix Digitalpaket'}\">\n        Jetzt freischalten\n      </button>\n      <button class=\"btn btn-secondary\" mat-dialog-close mat-button>\n        Nein, danke\n      </button>\n    </div>\n  </div>\n</div>\n\n<div style=\"max-width: 350px\" *ngIf=\"data.name === 'pkpAnmeldung'\">\n  <a href=\"#/page/an-ummeldung?heading=PHOENIX%20Kooperations-Partnerschaft\" (click)=\"trackClick('No Authority')\">\n    <img src=\"https://cspappsacc.blob.core.windows.net/marketing-management/popup/BP_popup_missing_authority.png\"\n         alt=\"Keine Beauftrag\">\n  </a>\n</div>\n\n<div style=\"max-width: 600px\" *ngIf=\"data.name === 'pkpGeburtstag'\">\n  <a href=\"#/page/an-ummeldung?heading=PHOENIX%20Kooperations-Partnerschaft\" (click)=\"trackClick('Geburtstagsaktion Popup Anmeldung')\">\n    <img src=\"https://cspappsacc.blob.core.windows.net/marketing-management/popup/2025/POPUP_Beauftragtenprogramm_Geburtstag_NichtBeauftragt.png\"\n         alt=\"Keine Beauftrag\">\n  </a>\n</div>\n\n<div style=\"max-width: 600px\" *ngIf=\"data.name === 'NAVIGATION.ORDER.VORMERKUNGEN.TILE'\">\n    <img src=\"https://cspappsacc.blob.core.windows.net/marketing-management/promotion/Popup_Schließung_Zusatzbestellung.jpg\"\n         data-content-piece alt=\"\">\n\n      <div class=\"p-4\">\n        <p>Die Möglichkeit zur Zusatzbestellung der COVID-19 Impfstoffe über das Apothekenportal ist ab sofort geschlossen.</p>\n        <p>Bitte bestellen Sie die Impfstoffe über den regulären Bestellweg bis dienstags 18:00 Uhr.</p>\n      </div>\n</div>\n","import {Component, Inject, Input, OnDestroy, OnInit, ViewChild} from '@angular/core';\nimport {NavItem, NavType} from '../../../core/models/nav-item.model';\nimport {ActivatedRoute, Router} from '@angular/router';\nimport {UserService} from '../../../core/services/user.service';\nimport {MAT_DIALOG_DATA, MatDialog, MatDialogConfig} from '@angular/material/dialog';\nimport {IdfSelectionDialogComponent} from '../../../modules/shared/idf-selection-dialog/idf-selection-dialog.component';\nimport {Subject} from 'rxjs';\nimport {TranslateService} from '@ngx-translate/core';\nimport {UserRestService} from '../../../core/services/api/user.rest-service';\nimport {MatomoService} from '../../../core/services/matomo.service';\nimport {\n  UberweiserOpenDialogComponent\n} from '../../../modules/shared/uberweiser-open-dialog/uberweiser-open-dialog.component';\nimport {UberweiserOpenDialogModel} from '../../../modules/shared/uberweiser-open-dialog/uberweiser-open-dialog.model';\nimport {\n  ProductSearchOpenDialogModel\n} from '../../../modules/shared/product-search-open-dialog/product-search-open-dialog.model';\nimport {\n  ProductSearchOpenDialogComponent\n} from '../../../modules/shared/product-search-open-dialog/product-search-open-dialog.component';\n\n@Component({\n  selector: 'tile',\n  templateUrl: './tile.component.html',\n  styleUrls: ['./tile.component.scss']\n})\nexport class TileComponent implements OnDestroy {\n  @Input() childNode: NavItem;\n  @ViewChild('tile') tile;\n  public surveyLink;\n  private idf;\n\n  public NavType: typeof NavType = NavType;\n  private ngUnsubscribe$ = new Subject<any>();\n\n  constructor(private router: Router, private route: ActivatedRoute,\n              @Inject('DA_STORE_URL') private DA_STORE_URL: string,\n              @Inject('DA_STORE_REFERRER') private DA_STORE_REFERRER: string,\n              @Inject('PS_URL') protected PS_URL: string,\n              @Inject('PS_REFERRER') private PS_REFERRER: string,\n              @Inject('ND_URL') private ND_URL: string,\n              @Inject('ND_REFERRER') private ND_REFERRER: string,\n              @Inject('ND_FLAG') private ND_FLAG: string,\n              @Inject(UserService) protected userService: UserService,\n              @Inject(UserRestService) private userRestService: UserService,\n              public matomoService: MatomoService,\n              public dialog: MatDialog,\n              private translate: TranslateService,\n              @Inject('CDN') private CDN) {\n  }\n\n  toggleTileImage(file) {\n    // this.tile.nativeElement.src = file;\n  }\n\n  openIdfSelectionDialog(navType: NavType, imageFileName: string, heading: string, message: string) {\n    const idfSelectionDialogConfig = new MatDialogConfig();\n    const authTokens = this.userService.getAuthTokensObservable();\n    const authTokensLoading = this.userService.getAuthTokensLoadingObservable();\n    const userName = this.userService.getUser().username;\n\n    idfSelectionDialogConfig.width = '50vw';\n    idfSelectionDialogConfig.data = {\n      navType: navType,\n      userName: userName,\n      imageFileName: imageFileName,\n      heading: heading,\n      message: message,\n      authTokens: authTokens,\n      authTokensLoading: authTokensLoading\n    };\n\n    const dialogRef = this.dialog.open(IdfSelectionDialogComponent, idfSelectionDialogConfig);\n  }\n\n  openDisabledDialog(val) {\n    this.dialog.open(DisabledDialogComponent, {\n      autoFocus: false,\n      panelClass: 'tile-dialog-overlay',\n      data: {name: val}\n    });\n  }\n\n  showDialog(auths) {\n    return auths.length > 1;\n  }\n\n  mtmClick(tileName) {\n    const tile = this.translate.instant(tileName);\n    this.matomoService.trackEvent('FEATUREBEZOGENE KPIs', 'Klick auf Kachel', tile);\n  }\n\n  mtmAdvertorialClick(tileName) {\n    const tile = this.translate.instant(tileName);\n    this.matomoService.trackEvent('FEATUREBEZOGENE KPIs', 'Klick auf Advertorial', tile);\n  }\n\n  mtmContestClick(tileName: string) {\n    const tile = this.translate.instant(tileName);\n    this.matomoService.trackEvent('FEATUREBEZOGENE KPIs', 'Klick auf Gewinnspiel', tile);\n  }\n\n  showOpenUberweiserDialog() {\n    const dialogData = new UberweiserOpenDialogModel('Bitte beachten!', 'Sie öffnen einen Bereich innerhalb des Apothekenportal, ' +\n        'in dem ausschließlich Herstellerangebote/Überweiseraktionen abgebildet werden.' +\n        `</br><b>Bitte bestätigen Sie dies mit OK</b>`);\n    const dialogRef = this.dialog.open(UberweiserOpenDialogComponent, {\n      width: '55vw',\n      closeOnNavigation: true,\n      data: dialogData\n    });\n    dialogRef.afterClosed().subscribe(dialogResult => {\n      if (dialogResult) {\n        this.router.navigateByUrl('/uberweiser');\n      }\n    });\n  }\n\n  showOpenProductSearchDialog() {\n    const dialogData = new ProductSearchOpenDialogModel(\n        'https://cspapdsacc.blob.core.windows.net/marketing-management/promotion/2024-03_popup_promotion_move.jpg',\n        'Die Online Sparangebote sind umgezogen!',\n        'Ab sofort finden Sie alle Online Sparangebote im neuen Produktshop! So haben Sie die Recherche nach Ihren Wunschartikeln und alle Preisvorteile direkt an einem Ort verfügbar:',\n    );\n    const dialogRef = this.dialog.open(ProductSearchOpenDialogComponent, {\n      maxWidth: '600px',\n      closeOnNavigation: true,\n      panelClass: 'productSearchDialog',\n      data: dialogData,\n    });\n    dialogRef.afterClosed().subscribe(dialogResult => {\n      if (dialogResult) {\n          this.router.navigateByUrl('/shop');\n      }\n    });\n  }\n\n  viewPromoProducts($event: any) {\n    this.router.navigateByUrl('/shop?promo='+$event);\n  }\n\n  /**\n   * Unsubscribe from all subscriptions.\n   */\n  ngOnDestroy(): void {\n    this.ngUnsubscribe$.next();\n    this.ngUnsubscribe$.complete();\n  }\n}\n\n@Component({\n  selector: 'disabled-dialog',\n  templateUrl: 'disabled-dialog.html',\n})\nexport class DisabledDialogComponent {\n  constructor(\n      public matomoService: MatomoService,\n      @Inject(MAT_DIALOG_DATA) public data: { name: string }\n  ) {\n  }\n\n  trackClick(name: string) {\n    this.matomoService.trackEvent('LINDA', 'Klick auf Popup', name);\n  }\n}\n\n","import { isPlatformServer, isPlatformBrowser, CommonModule } from '@angular/common';\nimport * as i0 from '@angular/core';\nimport { EventEmitter, PLATFORM_ID, forwardRef, Component, Inject, Input, Output, Directive, Host, NgModule } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\n\n/**\n * Slick component\n */\nclass SlickCarouselComponent {\n    /**\n     * Constructor\n     */\n    constructor(el, zone, platformId) {\n        this.el = el;\n        this.zone = zone;\n        this.platformId = platformId;\n        this.afterChange = new EventEmitter();\n        this.beforeChange = new EventEmitter();\n        this.breakpoint = new EventEmitter();\n        this.destroy = new EventEmitter();\n        this.init = new EventEmitter();\n        // access from parent component can be a problem with change detection timing. Please use afterChange output\n        this.currentIndex = 0;\n        this.slides = [];\n        this.initialized = false;\n        this._removedSlides = [];\n        this._addedSlides = [];\n    }\n    /**\n     * On component destroy\n     */\n    ngOnDestroy() {\n        this.unslick();\n    }\n    ngAfterViewInit() {\n        this.ngAfterViewChecked();\n    }\n    /**\n     * On component view checked\n     */\n    ngAfterViewChecked() {\n        if (isPlatformServer(this.platformId)) {\n            return;\n        }\n        if (this._addedSlides.length > 0 || this._removedSlides.length > 0) {\n            const nextSlidesLength = this.slides.length - this._removedSlides.length + this._addedSlides.length;\n            if (!this.initialized) {\n                if (nextSlidesLength > 0) {\n                    this.initSlick();\n                }\n                // if nextSlidesLength is zere, do nothing\n            }\n            else if (nextSlidesLength === 0) { // unslick case\n                this.unslick();\n            }\n            else {\n                this._addedSlides.forEach(slickItem => {\n                    this.slides.push(slickItem);\n                    this.zone.runOutsideAngular(() => {\n                        this.$instance.slick('slickAdd', slickItem.el.nativeElement);\n                    });\n                });\n                this._addedSlides = [];\n                this._removedSlides.forEach(slickItem => {\n                    const idx = this.slides.indexOf(slickItem);\n                    this.slides = this.slides.filter(s => s !== slickItem);\n                    this.zone.runOutsideAngular(() => {\n                        this.$instance.slick('slickRemove', idx);\n                    });\n                });\n                this._removedSlides = [];\n            }\n        }\n    }\n    /**\n     * init slick\n     */\n    initSlick() {\n        this.slides = this._addedSlides;\n        this._addedSlides = [];\n        this._removedSlides = [];\n        this.zone.runOutsideAngular(() => {\n            this.$instance = jQuery(this.el.nativeElement);\n            this.$instance.on('init', (event, slick) => {\n                this.zone.run(() => {\n                    this.init.emit({ event, slick });\n                });\n            });\n            this.$instance.slick(this.config);\n            this.zone.run(() => {\n                var _a;\n                this.initialized = true;\n                this.currentIndex = ((_a = this.config) === null || _a === void 0 ? void 0 : _a.initialSlide) || 0;\n            });\n            this.$instance.on('afterChange', (event, slick, currentSlide) => {\n                this.zone.run(() => {\n                    this.afterChange.emit({\n                        event,\n                        slick,\n                        currentSlide,\n                        first: currentSlide === 0,\n                        last: slick.$slides.length === currentSlide + slick.options.slidesToScroll\n                    });\n                    this.currentIndex = currentSlide;\n                });\n            });\n            this.$instance.on('beforeChange', (event, slick, currentSlide, nextSlide) => {\n                this.zone.run(() => {\n                    this.beforeChange.emit({ event, slick, currentSlide, nextSlide });\n                    this.currentIndex = nextSlide;\n                });\n            });\n            this.$instance.on('breakpoint', (event, slick, breakpoint) => {\n                this.zone.run(() => {\n                    this.breakpoint.emit({ event, slick, breakpoint });\n                });\n            });\n            this.$instance.on('destroy', (event, slick) => {\n                this.zone.run(() => {\n                    this.destroy.emit({ event, slick });\n                    this.initialized = false;\n                });\n            });\n        });\n    }\n    addSlide(slickItem) {\n        this._addedSlides.push(slickItem);\n    }\n    removeSlide(slickItem) {\n        this._removedSlides.push(slickItem);\n    }\n    /**\n     * Slick Method\n     */\n    slickGoTo(index) {\n        this.zone.runOutsideAngular(() => {\n            this.$instance.slick('slickGoTo', index);\n        });\n    }\n    slickNext() {\n        this.zone.runOutsideAngular(() => {\n            this.$instance.slick('slickNext');\n        });\n    }\n    slickPrev() {\n        this.zone.runOutsideAngular(() => {\n            this.$instance.slick('slickPrev');\n        });\n    }\n    slickPause() {\n        this.zone.runOutsideAngular(() => {\n            this.$instance.slick('slickPause');\n        });\n    }\n    slickPlay() {\n        this.zone.runOutsideAngular(() => {\n            this.$instance.slick('slickPlay');\n        });\n    }\n    unslick() {\n        if (this.$instance) {\n            this.zone.runOutsideAngular(() => {\n                this.$instance.slick('unslick');\n            });\n            this.$instance = undefined;\n        }\n        this.initialized = false;\n    }\n    ngOnChanges(changes) {\n        if (this.initialized) {\n            const config = changes['config'];\n            if (config.previousValue !== config.currentValue && config.currentValue !== undefined) {\n                const refresh = config.currentValue['refresh'];\n                const newOptions = Object.assign({}, config.currentValue);\n                delete newOptions['refresh'];\n                this.zone.runOutsideAngular(() => {\n                    this.$instance.slick('slickSetOption', newOptions, refresh);\n                });\n            }\n        }\n    }\n}\n/** @nocollapse */ SlickCarouselComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"13.3.2\", ngImport: i0, type: SlickCarouselComponent, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: PLATFORM_ID }], target: i0.ɵɵFactoryTarget.Component });\n/** @nocollapse */ SlickCarouselComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: \"12.0.0\", version: \"13.3.2\", type: SlickCarouselComponent, selector: \"ngx-slick-carousel\", inputs: { config: \"config\" }, outputs: { afterChange: \"afterChange\", beforeChange: \"beforeChange\", breakpoint: \"breakpoint\", destroy: \"destroy\", init: \"init\" }, providers: [{\n            provide: NG_VALUE_ACCESSOR,\n            useExisting: forwardRef((() => SlickCarouselComponent)),\n            multi: true\n        }], exportAs: [\"slick-carousel\"], usesOnChanges: true, ngImport: i0, template: '<ng-content></ng-content>', isInline: true });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"13.3.2\", ngImport: i0, type: SlickCarouselComponent, decorators: [{\n            type: Component,\n            args: [{\n                    selector: 'ngx-slick-carousel',\n                    exportAs: 'slick-carousel',\n                    providers: [{\n                            provide: NG_VALUE_ACCESSOR,\n                            useExisting: forwardRef((() => SlickCarouselComponent)),\n                            multi: true\n                        }],\n                    template: '<ng-content></ng-content>',\n                }]\n        }], ctorParameters: function () {\n        return [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: undefined, decorators: [{\n                        type: Inject,\n                        args: [PLATFORM_ID]\n                    }] }];\n    }, propDecorators: { config: [{\n                type: Input\n            }], afterChange: [{\n                type: Output\n            }], beforeChange: [{\n                type: Output\n            }], breakpoint: [{\n                type: Output\n            }], destroy: [{\n                type: Output\n            }], init: [{\n                type: Output\n            }] } });\nclass SlickItemDirective {\n    constructor(el, platformId, carousel) {\n        this.el = el;\n        this.platformId = platformId;\n        this.carousel = carousel;\n    }\n    ngOnInit() {\n        if (isPlatformBrowser(this.platformId)) {\n            this.carousel.addSlide(this);\n        }\n    }\n    ngOnDestroy() {\n        if (isPlatformBrowser(this.platformId)) {\n            this.carousel.removeSlide(this);\n        }\n    }\n}\n/** @nocollapse */ SlickItemDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"13.3.2\", ngImport: i0, type: SlickItemDirective, deps: [{ token: i0.ElementRef }, { token: PLATFORM_ID }, { token: SlickCarouselComponent, host: true }], target: i0.ɵɵFactoryTarget.Directive });\n/** @nocollapse */ SlickItemDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: \"12.0.0\", version: \"13.3.2\", type: SlickItemDirective, selector: \"[ngxSlickItem]\", ngImport: i0 });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"13.3.2\", ngImport: i0, type: SlickItemDirective, decorators: [{\n            type: Directive,\n            args: [{\n                    selector: '[ngxSlickItem]',\n                }]\n        }], ctorParameters: function () {\n        return [{ type: i0.ElementRef }, { type: undefined, decorators: [{\n                        type: Inject,\n                        args: [PLATFORM_ID]\n                    }] }, { type: SlickCarouselComponent, decorators: [{\n                        type: Host\n                    }] }];\n    } });\n\nclass SlickCarouselModule {\n}\n/** @nocollapse */ SlickCarouselModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: \"12.0.0\", version: \"13.3.2\", ngImport: i0, type: SlickCarouselModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });\n/** @nocollapse */ SlickCarouselModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: \"12.0.0\", version: \"13.3.2\", ngImport: i0, type: SlickCarouselModule, declarations: [SlickCarouselComponent,\n        SlickItemDirective], imports: [CommonModule], exports: [SlickCarouselComponent,\n        SlickItemDirective] });\n/** @nocollapse */ SlickCarouselModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: \"12.0.0\", version: \"13.3.2\", ngImport: i0, type: SlickCarouselModule, imports: [[\n            CommonModule\n        ]] });\ni0.ɵɵngDeclareClassMetadata({ minVersion: \"12.0.0\", version: \"13.3.2\", ngImport: i0, type: SlickCarouselModule, decorators: [{\n            type: NgModule,\n            args: [{\n                    imports: [\n                        CommonModule\n                    ],\n                    declarations: [\n                        SlickCarouselComponent,\n                        SlickItemDirective,\n                    ],\n                    exports: [\n                        SlickCarouselComponent,\n                        SlickItemDirective,\n                    ]\n                }]\n        }] });\n\n/**\n * Generated bundle index. Do not edit.\n */\n\nexport { SlickCarouselComponent, SlickCarouselModule, SlickItemDirective };\n"]}