{"version":3,"mappings":"qNAgBO,IAAMA,EAAb,MAAM,QADNC,cAEmBC,YAAS,IAAIC,IAE9BC,UAAUC,GACR,OAA+BH,KAAKI,OAAOC,IAAvCC,KAA2C,KACxBH,GAGzBI,SAASC,GACP,MAAML,EAAcG,KAAqB,KAAOE,EAA4BC,WAAWC,cAAcC,cAEjGX,KAAKI,OAAOQ,IAAIT,GAAcH,KAAKI,OAAOC,IAAIF,GAAcU,IAAIL,GAC/DR,KAAKI,OAAOU,IAAIX,EAAa,IAAIY,IAAI,CAACP,mDAZlCV,gCAA2BkB,QAA3BlB,EAA2B,qBADd,SACbA,GAAb,4BCfEmB,iBAaEA,iBAMEA,iBASFA,QACAA,iBAOEA,SACAA,iBAMEA,WACFA,QACAA,iBACEA,WACFA,QACFA,QACFA,uCAhDEA,mEAEC,yCAFDA,CAEC,0CAiBGA,iCAAgB,uPCTjB,IAAMC,EAAb,MAAM,QAWJnB,YACkBU,EACCU,GADDnB,kBACCA,mCAGnBoB,WACEpB,KAAKmB,4BAA4BZ,SAASP,oDAjBjCkB,GAA2BD,gDAA3BC,EAA2BG,4EAS3BC,MAAW,6uBDrBxBL,mECYaC,GAAb,uFCUQD,6BACEA,WAIFA,4CAHIA,iDAAuC,0HCZ5C,IAAMM,EAAb,MAAM,QAQJxB,YACmBU,EACAU,GADAnB,kBACAA,mCARVA,UAA4B,aAEjCI,aACF,OAAOJ,KAAKmB,4BAA4BjB,UAAUF,KAAKS,WAAWC,6DALzDa,GAAeN,gDAAfM,EAAeF,+cDX5BJ,iBAEEA,iBAYEA,iBACEA,SACFA,QAGAA,eACEA,yBACEA,qCAMFA,QACFA,QACFA,QACFA,eAtBIA,sFAEC,8CAFDA,CAEC,+CAWwCA,6ICVhCM,GAAb,GCGaC,EAAb,MAAM,QACJzB,YAAY0B,EAAoBC,GACzBC,eAAetB,IAAIqB,EAAyBE,wBAAwBV,GAA6BW,WACpGF,eAAeG,OACbJ,EAAyBE,wBAAwBV,GAA6BW,UAC9EE,yBAAoBb,EAA6B,CAAEO,4DAL9CD,GAAqBP,oDAArBO,EAAqBQ,WAFpBT,iCAFH,CAACU,KAAcC,KAAgBC,SAI7BX,GAAb,EAAaA","names":["CarouselElementSlideService","constructor","this","Map","getSlides","hostElement","slides","get","isStorybookRuntime","setSlide","carouselElementSlideElement","elementRef","nativeElement","parentElement","has","add","set","Set","factory","i0","CarouselElementSlideElement","carouselElementSlideService","ngOnInit","selectors","TemplateRef","CarouselElement","CarouselElementModule","injector","componentFactoryResolver","customElements","resolveComponentFactory","selector","define","createCustomElement","bootstrap","CommonModule","CarouselModule","FormsModule"],"sources":["./src/app/carousel-element/carousel-element-slide/carousel-element-slide.service.ts","./src/app/carousel-element/carousel-element-slide/carousel-element-slide.component.html","./src/app/carousel-element/carousel-element-slide/carousel-element-slide.component.ts","./src/app/carousel-element/carousel-element.component.html","./src/app/carousel-element/carousel-element.component.ts","./src/app/carousel-element/carousel-element.module.ts"],"sourcesContent":["import { Injectable } from \"@angular/core\";\n\nimport { isStorybookRuntime } from \"@vattenfall/core\";\n\nimport { CarouselElementSlideElement } from \"./carousel-element-slide.component\";\n\n/**\n * Service that stores all {@link CarouselElementSlideElement} found on a page, by its containing carousel's id. Storing\n * the slides by a carousel id allows for multiple carousels on a page.\n *\n * @privateRemarks\n * The ContentChildren decorator can not (currently) be used to extract elements that are originating outside of Angular\n * (the containing page). This is a workaround for that limitation. Note, when running in Storybook, it is expected that\n * no Carousel host element can be found and all slides will be registered on, and returned by, null as key.\n */\n@Injectable({ providedIn: \"root\" })\nexport class CarouselElementSlideService {\n  private readonly slides = new Map<Element | null, Set<CarouselElementSlideElement>>();\n\n  getSlides(hostElement: Element) {\n    if (isStorybookRuntime) return this.slides.get(null);\n    return this.slides.get(hostElement);\n  }\n\n  setSlide(carouselElementSlideElement: CarouselElementSlideElement) {\n    const hostElement = isStorybookRuntime ? null : carouselElementSlideElement.elementRef.nativeElement.parentElement;\n    // eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n    if (this.slides.has(hostElement)) this.slides.get(hostElement)!.add(carouselElementSlideElement);\n    else this.slides.set(hostElement, new Set([carouselElementSlideElement]));\n  }\n}\n","<ng-template let-type=\"type\">\n  <div\n    [class.ds-bg-background-white]=\"\n      type === 'blue-white' || type === 'grey-white'\n    \"\n    [class.ds-bg-background-blue]=\"type === 'white-blue'\"\n    [class.ds-bg-background-grey]=\"type === 'white-grey'\"\n    class=\"\n      slide-container\n      ds-flex ds-flex-col ds-h-[100%] ds-mx-xs\n      md:!ds-mx-[14px]\n      lg:!ds-mx-[22px]\n    \"\n  >\n    <div\n      class=\"\n        image-container\n        ds-flex ds-relative ds-overflow-hidden ds-h-[230px]\n      \"\n    >\n      <img\n        [alt]=\"imageAlt\"\n        [src]=\"imageSrc\"\n        class=\"\n          ds-object-cover ds-transition-all ds-h-full ds-aspect-[16/9]\n          hover:ds-scale-105\n          ds-flex-grow\n        \"\n      />\n    </div>\n    <div\n      class=\"\n        content-container\n        ds-flex ds-flex-col ds-flex-grow ds-px-xl ds-pt-xl ds-pb-2xl\n        xl:!ds-px-2xl\n      \"\n    >\n      <ng-content select=\"[carouselSlideElementHeading]\"></ng-content>\n      <div\n        class=\"\n          content\n          ds-flex-grow ds-mb-xl ds-text-base ds-leading-base ds-font-regular\n        \"\n      >\n        <ng-content select=\"[carouselSlideElementContent]\"></ng-content>\n      </div>\n      <div class=\"button\">\n        <ng-content select=\"[carouselSlideElementCta]\"></ng-content>\n      </div>\n    </div>\n  </div>\n</ng-template>\n","/* eslint-disable @angular-eslint/no-input-rename */\nimport { ChangeDetectionStrategy, Component, ElementRef, Input, OnInit, TemplateRef, ViewChild } from \"@angular/core\";\n\nimport { CarouselElementType } from \"../carousel-element.component\";\n\nimport { CarouselElementSlideService } from \"./carousel-element-slide.service\";\n\n@Component({\n  selector: \"carousel-element-slide\",\n  templateUrl: \"./carousel-element-slide.component.html\",\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CarouselElementSlideElement implements OnInit {\n  /** Image alt text for slide */\n  @Input(\"image-alt\") imageAlt?: string;\n\n  /** Image source for slide */\n  @Input(\"image-src\") imageSrc?: string;\n\n  type!: CarouselElementType;\n\n  @ViewChild(TemplateRef) templateRef!: TemplateRef<CarouselElementSlideElement>;\n\n  constructor(\n    public readonly elementRef: ElementRef,\n    private readonly carouselElementSlideService: CarouselElementSlideService\n  ) {}\n\n  ngOnInit(): void {\n    this.carouselElementSlideService.setSlide(this);\n  }\n}\n","<!--container-->\n<div class=\"ds-pt-2xl ds-pb-3xl lg:!ds-pt-3xl lg:!ds-pb-4xl\">\n  <!--background-container-->\n  <div\n    class=\"\n      ds-max-w-[1920px] ds-mx-auto ds-pt-xl ds-pb-2xl\n      sm:!ds-py-2xl\n      md:!ds-pt-2xl md:!ds-pb-3xl\n    \"\n    [class.ds-bg-background-white]=\"\n      type === 'white-blue' || type === 'white-grey'\n    \"\n    [class.ds-bg-background-blue]=\"type === 'blue-white'\"\n    [class.ds-bg-background-grey]=\"type === 'grey-white'\"\n  >\n    <div class=\"ds-mx-auto ds-px-lg lg:!ds-px-3xl ds-max-w-[760px]\">\n      <ng-content select=\"[carouselElementHeading]\"></ng-content>\n    </div>\n\n    <!--module-container-wide-->\n    <div>\n      <ui-carousel type=\"max-3-slides\">\n        <ui-carousel-slide *ngFor=\"let slide of slides\">\n          <ng-container\n            [ngTemplateOutlet]=\"slide.templateRef!\"\n            [ngTemplateOutletContext]=\"{ type }\"\n          ></ng-container>\n        </ui-carousel-slide>\n      </ui-carousel>\n    </div>\n  </div>\n</div>\n","import { ChangeDetectionStrategy, Component, Input, ElementRef } from \"@angular/core\";\n\nimport { CarouselElementSlideService } from \"./carousel-element-slide/carousel-element-slide.service\";\n\nexport type CarouselElementType = \"white-blue\" | \"white-grey\" | \"blue-white\" | \"grey-white\";\n\n@Component({\n  selector: \"carousel-element\",\n  templateUrl: \"./carousel-element.component.html\",\n  styleUrls: [\"./carousel-element.component.scss\"],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CarouselElement {\n  /** Types of styles for the carousel */\n  @Input() type: CarouselElementType = \"white-blue\";\n\n  get slides() {\n    return this.carouselElementSlideService.getSlides(this.elementRef.nativeElement);\n  }\n\n  constructor(\n    private readonly elementRef: ElementRef,\n    private readonly carouselElementSlideService: CarouselElementSlideService\n  ) {}\n}\n","import { CommonModule } from \"@angular/common\";\nimport { ComponentFactoryResolver, Injector, NgModule } from \"@angular/core\";\nimport { createCustomElement } from \"@angular/elements\";\nimport { FormsModule } from \"@angular/forms\";\nimport { CarouselModule } from \"@vattenfall/ui\";\n\nimport { CarouselElementSlideElement } from \"./carousel-element-slide/carousel-element-slide.component\";\nimport { CarouselElement } from \"./carousel-element.component\";\n\n@NgModule({\n  declarations: [CarouselElement, CarouselElementSlideElement],\n  imports: [CommonModule, CarouselModule, FormsModule],\n  exports: [CarouselElement, CarouselElementSlideElement],\n  bootstrap: [CarouselElement],\n})\nexport class CarouselElementModule {\n  constructor(injector: Injector, componentFactoryResolver: ComponentFactoryResolver) {\n    if (!customElements.get(componentFactoryResolver.resolveComponentFactory(CarouselElementSlideElement).selector))\n      customElements.define(\n        componentFactoryResolver.resolveComponentFactory(CarouselElementSlideElement).selector,\n        createCustomElement(CarouselElementSlideElement, { injector })\n      );\n  }\n}\n"],"sourceRoot":"webpack:///","file":"593.js"}