@mintplayer/ng-bootstrap 20.6.3 → 21.1.0

package/fesm2022/mintplayer-ng-bootstrap-carousel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-carousel.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/carousel/src/carousel-image/carousel-image.directive.ts","../../../../libs/mintplayer-ng-bootstrap/carousel/src/carousel/carousel.component.ts","../../../../libs/mintplayer-ng-bootstrap/carousel/src/carousel/carousel.component.html","../../../../libs/mintplayer-ng-bootstrap/carousel/src/carousel-img/carousel-img.directive.ts","../../../../libs/mintplayer-ng-bootstrap/carousel/src/carousel.module.ts","../../../../libs/mintplayer-ng-bootstrap/carousel/mintplayer-ng-bootstrap-carousel.ts"],"sourcesContent":["import { Directive, TemplateRef, ElementRef, HostBinding } from '@angular/core';\nimport { BsCarouselComponent } from '../carousel/carousel.component';\n\n@Directive({\n  selector: '*[bsCarouselImage]',\n  standalone: false,\n})\nexport class BsCarouselImageDirective {\n\n  public itemTemplate: TemplateRef<any>;\n  \n  constructor(private templateRef: TemplateRef<any>, carousel: BsCarouselComponent, private element: ElementRef<HTMLElement>) {\n    this.itemTemplate = this.templateRef;\n    this.id = carousel.imageCounter++;\n  }\n  \n  id: number;\n  isFirst = false;\n}\n","import { isPlatformServer } from '@angular/common';\nimport { AfterViewInit, ChangeDetectorRef, Component, ContentChildren, ElementRef, forwardRef, HostBinding, HostListener, Inject, Input, OnDestroy, PLATFORM_ID, QueryList, TemplateRef, ViewChild } from '@angular/core';\nimport { FadeInOutAnimation } from '@mintplayer/ng-animations';\nimport { Color } from '@mintplayer/ng-bootstrap';\nimport { BsSwipeContainerDirective } from '@mintplayer/ng-swiper/swiper';\nimport { BehaviorSubject, map, Observable } from 'rxjs';\nimport { BsCarouselImageDirective } from '../carousel-image/carousel-image.directive';\n\n@Component({\n  selector: 'bs-carousel',\n  templateUrl: './carousel.component.html',\n  styleUrls: ['./carousel.component.scss'],\n  standalone: false,\n  animations: [FadeInOutAnimation],\n})\nexport class BsCarouselComponent implements AfterViewInit, OnDestroy {\n\n  constructor(@Inject(PLATFORM_ID) platformId: any, private cdRef: ChangeDetectorRef) {\n    this.isServerSide = isPlatformServer(platformId);\n    this.imageCount$ = this.images$.pipe(map((images) => images?.length ?? 0));\n    this.firstImageTemplate$ = this.images$.pipe(map((images) => {\n      if (!images) return null;\n      if (images.length === 0) return null;\n\n      const img = images.get(0);\n      if (!img) return null;\n\n      return img.itemTemplate;\n    }));\n    this.lastImageTemplate$ = this.images$.pipe(map((images) => {\n      if (!images) return null;\n      if (images.length === 0) return null;\n      \n      const img = images.get(images.length - 1);\n      if (!img) return null;\n\n      return img.itemTemplate;\n    }));\n\n    if (!isPlatformServer(platformId)) {\n      this.resizeObserver = new ResizeObserver((entries) => {\n        this.cdRef.detectChanges();\n      });\n    }\n  }\n  \n  colors = Color;\n  isServerSide: boolean;\n  currentImageIndex = 0;\n  images$ = new BehaviorSubject<QueryList<BsCarouselImageDirective> | null>(null);\n  imageCount$: Observable<number>;\n  firstImageTemplate$: Observable<TemplateRef<any> | null>;\n  lastImageTemplate$: Observable<TemplateRef<any> | null>;\n  resizeObserver?: ResizeObserver;\n\n  @Input() indicators = false;\n  @Input() keyboardEvents = true;\n\n  private _orientation: 'horizontal' | 'vertical' = 'horizontal';\n  @Input() public set orientation(value: 'horizontal' | 'vertical') {\n    this._orientation = value ?? 'horizontal';\n    this.cdRef.detectChanges();\n  }\n  public get orientation() {\n    return this._orientation;\n  }\n\n  @ViewChild('innerElement') innerElement!: ElementRef<HTMLDivElement>;\n  @ViewChild('container') swipeContainer!: BsSwipeContainerDirective;\n  @ContentChildren(forwardRef(() => BsCarouselImageDirective)) set images(value: QueryList<BsCarouselImageDirective>) {\n    this.images$.next(value);\n    value.forEach((item, index) => item.isFirst = (index === 0));\n  }\n\n  //#region Animation\n  @HostBinding('@.disabled') public animationsDisabled = false;\n  private _animation: 'fade' | 'slide' = 'slide';\n  @Input() public set animation(value: 'fade' | 'slide') {\n    this.animationsDisabled = true;\n    this._animation = value;\n    setTimeout(() => this.animationsDisabled = false, 20);\n    setTimeout(() => this.cdRef.detectChanges(), 50);\n  }\n  public get animation() {\n    return this._animation;\n  }\n  //#endregion\n\n  @HostListener('document:keydown.ArrowLeft', ['$event'])\n  @HostListener('document:keydown.ArrowRight', ['$event'])\n  @HostListener('document:keydown.ArrowUp', ['$event'])\n  @HostListener('document:keydown.ArrowDown', ['$event'])\n  onKeyPress(ev: KeyboardEvent) {\n    if (this.keyboardEvents) {\n      let handled = false;\n      switch (ev.key) {\n        case 'ArrowLeft':\n          if (this.orientation === 'horizontal') {\n            this.previousImage();\n            handled = true;\n          }\n          break;\n        case 'ArrowRight':\n          if (this.orientation === 'horizontal') {\n            this.nextImage();\n            handled = true;\n          }\n          break;\n        case 'ArrowUp':\n          if (this.orientation === 'vertical') {\n            this.previousImage();\n            handled = true;\n          }\n          break;\n        case 'ArrowDown':\n          if (this.orientation === 'vertical') {\n            this.nextImage();\n            handled = true;\n          }\n          break;\n      }\n      if (handled) {\n        ev.preventDefault();\n      }\n    }\n  }\n\n  previousImage() {\n    switch (this.animation) {\n      case 'fade':\n        if (this.currentImageIndex > 0) {\n          this.currentImageIndex--;\n        } else {\n          this.currentImageIndex = this.images$.value!.length - 1;\n        }\n        break;\n      case 'slide':\n        this.swipeContainer.previous();\n        break;\n    }\n  }\n\n  nextImage() {\n    switch (this.animation) {\n      case 'fade':\n        if (this.currentImageIndex < this.images$.value!.length - 1) {\n          this.currentImageIndex++;\n        } else {\n          this.currentImageIndex = 0;\n        }\n        break;\n      case 'slide':\n        this.swipeContainer.next();\n        break;\n    }\n  }\n\n  imageCounter = 1;\n\n  ngAfterViewInit() {\n    this.resizeObserver?.observe(this.innerElement.nativeElement);\n  }\n\n  ngOnDestroy() {\n    this.resizeObserver?.unobserve(this.innerElement.nativeElement);\n    this.resizeObserver?.disconnect();\n  }\n}\n","@if (isServerSide) {\n    <div class=\"carousel mx-auto noscript\" [class.carousel-vertical]=\"orientation === 'vertical'\">\n        <div class=\"carousel-inner d-grid\">\n            @let images = images$ | async;\n            @if (imageCount$ | async; as imageCount) {\n                @for (image of images; track image.id; let i = $index) {\n                    <input type=\"radio\" [id]=\"'car-' + i\" [name]=\"'car'\" class=\"car-radio d-none\" bsNoNoscript [checked]=\"i === 0\">\n                    <div class=\"carousel-item fade d-flex flex-row h-100 align-items-center\"\n                        [class.flex-column]=\"orientation === 'vertical'\">\n                        <div class=\"w-100 position-relative\">\n                            <ng-container [ngTemplateOutlet]=\"image.itemTemplate\"></ng-container>\n                            @if (indicators) {\n                                <div class=\"carousel-indicators\"\n                                    [class.carousel-indicators-vertical]=\"orientation === 'vertical'\">\n                                    @for (image of images; track image.id; let j = $index) {\n                                        <label [attr.for]=\"'car-' + (j % imageCount)\" [class.active]=\"i === j\" data-bs-target></label>\n                                    }\n                                </div>\n                            }\n                        </div>\n                    </div>\n                    \n                    <label class=\"carousel-control-prev cursor-pointer\" [for]=\"'car-' + ((i - 1 + imageCount) % imageCount)\"\n                        [class.carousel-control-vertical]=\"orientation === 'vertical'\">\n                        <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\n                        <span class=\"visually-hidden\">Previous</span>\n                    </label>\n                    <label class=\"carousel-control-next cursor-pointer\" [for]=\"'car-' + ((i + 1) % imageCount)\"\n                        [class.carousel-control-vertical]=\"orientation === 'vertical'\">\n                        <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\n                        <span class=\"visually-hidden\">Next</span>\n                    </label>\n                }\n            }\n        </div>\n    </div>\n} @else {\n    @switch (animation) {\n        @case ('slide') {\n            <div class=\"carousel slide mx-auto\" [class.carousel-vertical]=\"orientation === 'vertical'\"\n                [style.height.px]=\"swipeContainer?.currentSlideHeight$ | async\">\n                @if (indicators) {\n                    <div class=\"carousel-indicators\" [class.carousel-indicators-vertical]=\"orientation === 'vertical'\"\n                        [style.height.px]=\"orientation === 'vertical' ? (swipeContainer?.maxSlideHeight$ | async) : null\">\n                        @for (image of (images$ | async); track image.id; let i = $index) {\n                            <button type=\"button\" (click)=\"swipeContainer?.goto(i)\"\n                                [class.active]=\"(swipeContainer?.imageIndex$ | async) === i\" data-bs-target\n                                [attr.aria-current]=\"(swipeContainer?.imageIndex$ | async) === i ? true : null\"\n                                [attr.aria-label]=\"'Slide ' + i\"></button>\n                        }\n                    </div>\n                }\n                <div class=\"carousel-inner overflow-hidden pe-none\" [class.text-nowrap]=\"orientation === 'horizontal'\"\n                    [class.carousel-inner-vertical]=\"orientation === 'vertical'\" #innerElement\n                    [style.height.px]=\"swipeContainer?.currentSlideHeight$ | async\">\n                    <div bsSwipeContainer #container=\"bsSwipeContainer\" [minimumOffset]=\"50\" [(imageIndex)]=\"currentImageIndex\"\n                        [orientation]=\"orientation\">\n                        <div class=\"carousel-item\" bsSwipe [offside]=\"true\">\n                            <ng-container *ngTemplateOutlet=\"lastImageTemplate$ | async\"></ng-container>\n                        </div>\n                        @for (image of (images$ | async); track image.id) {\n                            <div class=\"carousel-item\" [class.active]=\"true\" bsSwipe>\n                                <ng-container *ngTemplateOutlet=\"image.itemTemplate\"></ng-container>\n                            </div>\n                        }\n                        <div class=\"carousel-item\" bsSwipe [offside]=\"true\">\n                            <ng-container *ngTemplateOutlet=\"firstImageTemplate$ | async\"></ng-container>\n                        </div>\n                    </div>\n                </div>\n                <button class=\"carousel-control-prev\" type=\"button\" (click)=\"previousImage()\"\n                    [class.carousel-control-vertical]=\"orientation === 'vertical'\">\n                    <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\n                    <span class=\"visually-hidden\">Previous</span>\n                </button>\n                <button class=\"carousel-control-next\" type=\"button\" (click)=\"nextImage()\"\n                    [class.carousel-control-vertical]=\"orientation === 'vertical'\">\n                    <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\n                    <span class=\"visually-hidden\">Next</span>\n                </button>\n            </div>\n        }\n        @case ('fade') {\n            <div class=\"carousel fade mx-auto\" [class.carousel-vertical]=\"orientation === 'vertical'\">\n                @if (indicators) {\n                    <div class=\"carousel-indicators\" [class.carousel-indicators-vertical]=\"orientation === 'vertical'\"\n                        [style.height.px]=\"orientation === 'vertical' ? (swipeContainer?.currentSlideHeight$ | async) : null\">\n                        @for (image of (images$ | async); track image.id; let i = $index) {\n                            <button type=\"button\" (click)=\"currentImageIndex = i\"\n                                [class.active]=\"currentImageIndex === i\" data-bs-target\n                                [attr.aria-current]=\"currentImageIndex === i ? true : null\"\n                                [attr.aria-label]=\"'Slide ' + i\"></button>\n                        }\n                    </div>\n                }\n                <div class=\"carousel-inner\" [class.carousel-inner-vertical]=\"orientation === 'vertical'\">\n                    @for (image of (images$ | async); track image.id; let i = $index) {\n                        @if (currentImageIndex === i) {\n                            <div class=\"carousel-item\" [class.active]=\"true\" @fadeInOut>\n                                <ng-container [ngTemplateOutlet]=\"image.itemTemplate\"></ng-container>\n                            </div>\n                        }\n                    }\n                </div>\n                <button class=\"carousel-control-prev\" type=\"button\" (click)=\"previousImage()\"\n                    [class.carousel-control-vertical]=\"orientation === 'vertical'\">\n                    <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\n                    <span class=\"visually-hidden\">Previous</span>\n                </button>\n                <button class=\"carousel-control-next\" type=\"button\" (click)=\"nextImage()\"\n                    [class.carousel-control-vertical]=\"orientation === 'vertical'\">\n                    <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\n                    <span class=\"visually-hidden\">Next</span>\n                </button>\n            </div>\n        }\n    }\n}","import { Directive, HostBinding } from '@angular/core';\nimport { BsCarouselImageDirective } from '../carousel-image/carousel-image.directive';\n\n@Directive({\n  selector: 'img',\n  standalone: false,\n})\nexport class BsCarouselImgDirective {\n  constructor(image: BsCarouselImageDirective) {\n    this.fetchPriority = (image && image.isFirst) ? 'high' : 'low';\n  }\n  \n  @HostBinding('attr.fetch-priority') fetchPriority: 'high' | 'low' | 'auto';\n}\n","import { NgModule } from '@angular/core';\nimport { BsSwiperModule } from '@mintplayer/ng-swiper/swiper';\nimport { BsNoNoscriptDirective } from '@mintplayer/ng-bootstrap/no-noscript';\nimport { BsCarouselComponent } from './carousel/carousel.component';\nimport { BsCarouselImageDirective } from './carousel-image/carousel-image.directive';\nimport { BsCarouselImgDirective } from './carousel-img/carousel-img.directive';\nimport { AsyncPipe, NgTemplateOutlet } from '@angular/common';\n\n@NgModule({\n  declarations: [\n    BsCarouselComponent,\n    BsCarouselImageDirective,\n    BsCarouselImgDirective,\n  ],\n  imports: [\n    AsyncPipe,\n    NgTemplateOutlet,\n    BsSwiperModule,\n    BsNoNoscriptDirective\n  ],\n  exports: [\n    BsCarouselComponent,\n    BsCarouselImageDirective,\n    BsCarouselImgDirective,\n  ]\n})\nexport class BsCarouselModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":["i1.BsCarouselComponent","i1.BsCarouselImageDirective"],"mappings":"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"}
+{"version":3,"file":"mintplayer-ng-bootstrap-carousel.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/carousel/src/carousel-image/carousel-image.directive.ts","../../../../libs/mintplayer-ng-bootstrap/carousel/src/carousel/carousel.component.ts","../../../../libs/mintplayer-ng-bootstrap/carousel/src/carousel/carousel.component.html","../../../../libs/mintplayer-ng-bootstrap/carousel/src/carousel-img/carousel-img.directive.ts","../../../../libs/mintplayer-ng-bootstrap/carousel/src/carousel.module.ts","../../../../libs/mintplayer-ng-bootstrap/carousel/mintplayer-ng-bootstrap-carousel.ts"],"sourcesContent":["import { Directive, inject, TemplateRef, ElementRef } from '@angular/core';\nimport { BsCarouselComponent } from '../carousel/carousel.component';\n\n@Directive({\n  selector: '*[bsCarouselImage]',\n  standalone: true,\n})\nexport class BsCarouselImageDirective {\n  private templateRef = inject(TemplateRef<any>);\n  private carousel = inject(BsCarouselComponent);\n  private element = inject(ElementRef<HTMLElement>);\n\n  public itemTemplate: TemplateRef<any>;\n  id: number;\n  isFirst = false;\n\n  constructor() {\n    this.itemTemplate = this.templateRef;\n    this.id = this.carousel.imageCounter++;\n  }\n}\n","import { isPlatformServer, NgTemplateOutlet } from '@angular/common';\nimport { AfterViewInit, ChangeDetectionStrategy, Component, computed, ContentChildren, DestroyRef, effect, ElementRef, forwardRef, HostBinding, HostListener, inject, input, OnDestroy, output, PLATFORM_ID, QueryList, signal, TemplateRef, ViewChild } from '@angular/core';\nimport { FadeInOutAnimation } from '@mintplayer/ng-animations';\nimport { Color } from '@mintplayer/ng-bootstrap';\nimport { BsSwipeContainerDirective, BsSwipeDirective } from '@mintplayer/ng-swiper/swiper';\nimport { BsNoNoscriptDirective } from '@mintplayer/ng-bootstrap/no-noscript';\nimport { BsCarouselImageDirective } from '../carousel-image/carousel-image.directive';\n\n@Component({\n  selector: 'bs-carousel',\n  templateUrl: './carousel.component.html',\n  styleUrls: ['./carousel.component.scss'],\n  standalone: true,\n  imports: [\n    NgTemplateOutlet,\n    BsSwipeContainerDirective,\n    BsSwipeDirective,\n    BsNoNoscriptDirective,\n  ],\n  animations: [FadeInOutAnimation],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsCarouselComponent implements AfterViewInit, OnDestroy {\n  private platformId = inject(PLATFORM_ID);\n  private destroyRef = inject(DestroyRef);\n\n  colors = Color;\n  isServerSide = isPlatformServer(this.platformId);\n  currentImageIndex = signal(0);\n  images = signal<QueryList<BsCarouselImageDirective> | null>(null);\n  resizeObserver?: ResizeObserver;\n  private intervalId?: ReturnType<typeof setInterval>;\n\n  // Inputs\n  indicators = input(false);\n  keyboardEvents = input(true);\n  orientation = input<'horizontal' | 'vertical'>('horizontal');\n  animation = input<'fade' | 'slide' | 'none'>('slide');\n  interval = input<number | null>(null);\n  wrap = input(true);\n\n  // Outputs\n  slideChange = output<number>();\n  animationStart = output<void>();\n  animationEnd = output<void>();\n\n  // Computed signals\n  imageCount = computed(() => this.images()?.length ?? 0);\n\n  firstImageTemplate = computed<TemplateRef<any> | null>(() => {\n    const images = this.images();\n    if (!images) return null;\n    if (images.length === 0) return null;\n\n    const img = images.get(0);\n    if (!img) return null;\n\n    return img.itemTemplate;\n  });\n\n  lastImageTemplate = computed<TemplateRef<any> | null>(() => {\n    const images = this.images();\n    if (!images) return null;\n    if (images.length === 0) return null;\n\n    const img = images.get(images.length - 1);\n    if (!img) return null;\n\n    return img.itemTemplate;\n  });\n\n  @ViewChild('innerElement') innerElement!: ElementRef<HTMLDivElement>;\n  @ViewChild('container') swipeContainer!: BsSwipeContainerDirective;\n  @ContentChildren(forwardRef(() => BsCarouselImageDirective)) set imagesQuery(value: QueryList<BsCarouselImageDirective>) {\n    this.images.set(value);\n    value.forEach((item, index) => item.isFirst = (index === 0));\n  }\n\n  @HostBinding('@.disabled') public animationsDisabled = false;\n\n  @HostListener('document:keydown.ArrowLeft', ['$event'])\n  @HostListener('document:keydown.ArrowRight', ['$event'])\n  @HostListener('document:keydown.ArrowUp', ['$event'])\n  @HostListener('document:keydown.ArrowDown', ['$event'])\n  onKeyPress(event: Event) {\n    const ev = event as KeyboardEvent;\n    if (this.keyboardEvents()) {\n      let handled = false;\n      const orientation = this.orientation();\n      switch (ev.key) {\n        case 'ArrowLeft':\n          if (orientation === 'horizontal') {\n            this.previous();\n            handled = true;\n          }\n          break;\n        case 'ArrowRight':\n          if (orientation === 'horizontal') {\n            this.next();\n            handled = true;\n          }\n          break;\n        case 'ArrowUp':\n          if (orientation === 'vertical') {\n            this.previous();\n            handled = true;\n          }\n          break;\n        case 'ArrowDown':\n          if (orientation === 'vertical') {\n            this.next();\n            handled = true;\n          }\n          break;\n      }\n      if (handled) {\n        ev.preventDefault();\n      }\n    }\n  }\n\n  constructor() {\n    // Setup auto-advance interval effect\n    effect(() => {\n      const intervalTime = this.interval();\n      this.clearAutoAdvance();\n\n      if (intervalTime && intervalTime > 0) {\n        this.intervalId = setInterval(() => {\n          this.next();\n        }, intervalTime);\n      }\n    });\n\n    // Emit slideChange when currentImageIndex changes\n    effect(() => {\n      const index = this.currentImageIndex();\n      this.slideChange.emit(index);\n    });\n\n    // Cleanup on destroy\n    this.destroyRef.onDestroy(() => {\n      this.clearAutoAdvance();\n      this.resizeObserver?.disconnect();\n    });\n  }\n\n  private clearAutoAdvance() {\n    if (this.intervalId) {\n      clearInterval(this.intervalId);\n      this.intervalId = undefined;\n    }\n  }\n\n  previous() {\n    const animation = this.animation();\n    const imageCount = this.imageCount();\n    const wrap = this.wrap();\n\n    switch (animation) {\n      case 'fade':\n      case 'none': {\n        const currentIndex = this.currentImageIndex();\n        if (currentIndex > 0) {\n          if (animation === 'none') {\n            this.animationStart.emit();\n          }\n          this.currentImageIndex.set(currentIndex - 1);\n          if (animation === 'none') {\n            this.animationEnd.emit();\n          }\n        } else if (wrap) {\n          if (animation === 'none') {\n            this.animationStart.emit();\n          }\n          this.currentImageIndex.set(imageCount - 1);\n          if (animation === 'none') {\n            this.animationEnd.emit();\n          }\n        }\n        break;\n      }\n      case 'slide':\n        this.swipeContainer.previous();\n        break;\n    }\n  }\n\n  next() {\n    const animation = this.animation();\n    const imageCount = this.imageCount();\n    const wrap = this.wrap();\n\n    switch (animation) {\n      case 'fade':\n      case 'none': {\n        const currentIndex = this.currentImageIndex();\n        if (currentIndex < imageCount - 1) {\n          if (animation === 'none') {\n            this.animationStart.emit();\n          }\n          this.currentImageIndex.set(currentIndex + 1);\n          if (animation === 'none') {\n            this.animationEnd.emit();\n          }\n        } else if (wrap) {\n          if (animation === 'none') {\n            this.animationStart.emit();\n          }\n          this.currentImageIndex.set(0);\n          if (animation === 'none') {\n            this.animationEnd.emit();\n          }\n        }\n        break;\n      }\n      case 'slide':\n        this.swipeContainer.next();\n        break;\n    }\n  }\n\n  goto(index: number) {\n    const animation = this.animation();\n    switch (animation) {\n      case 'fade':\n      case 'none':\n        if (animation === 'none') {\n          this.animationStart.emit();\n        }\n        this.currentImageIndex.set(index);\n        if (animation === 'none') {\n          this.animationEnd.emit();\n        }\n        break;\n      case 'slide':\n        this.swipeContainer.goto(index);\n        break;\n    }\n  }\n\n  imageCounter = 1;\n\n  ngAfterViewInit() {\n    if (!this.isServerSide) {\n      this.resizeObserver = new ResizeObserver(() => {\n        // Signals automatically trigger change detection in zoneless mode\n        // The resize will be picked up by the observe-size directive\n      });\n      this.resizeObserver.observe(this.innerElement.nativeElement);\n    }\n  }\n\n  ngOnDestroy() {\n    this.resizeObserver?.unobserve(this.innerElement?.nativeElement);\n    this.resizeObserver?.disconnect();\n    this.clearAutoAdvance();\n  }\n\n  onContainerAnimationStart() {\n    this.animationStart.emit();\n  }\n\n  onContainerAnimationEnd() {\n    this.animationEnd.emit();\n  }\n\n  onImageIndexChange(index: number) {\n    this.currentImageIndex.set(index);\n  }\n}\n","@if (isServerSide) {\n    <div class=\"carousel mx-auto noscript\" [class.carousel-vertical]=\"orientation() === 'vertical'\">\n        <div class=\"carousel-inner d-grid\">\n            @let imagesValue = images();\n            @if (imageCount(); as imageCount) {\n                @for (image of imagesValue; track image.id; let i = $index) {\n                    <input type=\"radio\" [id]=\"'car-' + i\" [name]=\"'car'\" class=\"car-radio d-none\" bsNoNoscript [checked]=\"i === 0\">\n                    <div class=\"carousel-item fade d-flex flex-row h-100 align-items-center\"\n                        [class.flex-column]=\"orientation() === 'vertical'\">\n                        <div class=\"w-100 position-relative\">\n                            <ng-container [ngTemplateOutlet]=\"image.itemTemplate\"></ng-container>\n                            @if (indicators()) {\n                                <div class=\"carousel-indicators\"\n                                    [class.carousel-indicators-vertical]=\"orientation() === 'vertical'\">\n                                    @for (image of imagesValue; track image.id; let j = $index) {\n                                        <label [attr.for]=\"'car-' + (j % imageCount)\" [class.active]=\"i === j\" data-bs-target></label>\n                                    }\n                                </div>\n                            }\n                        </div>\n                    </div>\n\n                    <label class=\"carousel-control-prev cursor-pointer\" [for]=\"'car-' + ((i - 1 + imageCount) % imageCount)\"\n                        [class.carousel-control-vertical]=\"orientation() === 'vertical'\">\n                        <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\n                        <span class=\"visually-hidden\">Previous</span>\n                    </label>\n                    <label class=\"carousel-control-next cursor-pointer\" [for]=\"'car-' + ((i + 1) % imageCount)\"\n                        [class.carousel-control-vertical]=\"orientation() === 'vertical'\">\n                        <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\n                        <span class=\"visually-hidden\">Next</span>\n                    </label>\n                }\n            }\n        </div>\n    </div>\n} @else {\n    @switch (animation()) {\n        @case ('slide') {\n            <div class=\"carousel slide mx-auto\" [class.carousel-vertical]=\"orientation() === 'vertical'\"\n                [style.height.px]=\"swipeContainer.currentSlideHeight()\">\n                @if (indicators()) {\n                    <div class=\"carousel-indicators\" [class.carousel-indicators-vertical]=\"orientation() === 'vertical'\">\n                        @for (image of images(); track image.id; let i = $index) {\n                            <button type=\"button\" (click)=\"swipeContainer.goto(i)\"\n                                [class.active]=\"swipeContainer.imageIndex() === i\" data-bs-target\n                                [attr.aria-current]=\"swipeContainer.imageIndex() === i ? true : null\"\n                                [attr.aria-label]=\"'Slide ' + i\"></button>\n                        }\n                    </div>\n                }\n                <div class=\"carousel-inner overflow-hidden pe-none\" [class.text-nowrap]=\"orientation() === 'horizontal'\"\n                    [class.carousel-inner-vertical]=\"orientation() === 'vertical'\" #innerElement\n                    [style.height.px]=\"swipeContainer.currentSlideHeight()\">\n                    <div bsSwipeContainer #container=\"bsSwipeContainer\" [minimumOffset]=\"50\"\n                        (imageIndexChange)=\"onImageIndexChange($event)\"\n                        (animationStart)=\"onContainerAnimationStart()\"\n                        (animationEnd)=\"onContainerAnimationEnd()\"\n                        [orientation]=\"orientation()\">\n                        <div class=\"carousel-item\" bsSwipe [offside]=\"true\">\n                            <ng-container *ngTemplateOutlet=\"lastImageTemplate()\"></ng-container>\n                        </div>\n                        @for (image of images(); track image.id) {\n                            <div class=\"carousel-item\" [class.active]=\"true\" bsSwipe>\n                                <ng-container *ngTemplateOutlet=\"image.itemTemplate\"></ng-container>\n                            </div>\n                        }\n                        <div class=\"carousel-item\" bsSwipe [offside]=\"true\">\n                            <ng-container *ngTemplateOutlet=\"firstImageTemplate()\"></ng-container>\n                        </div>\n                    </div>\n                </div>\n                <button class=\"carousel-control-prev\" type=\"button\" (click)=\"previous()\"\n                    [class.carousel-control-vertical]=\"orientation() === 'vertical'\"\n                    aria-label=\"Previous slide\">\n                    <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\n                    <span class=\"visually-hidden\">Previous</span>\n                </button>\n                <button class=\"carousel-control-next\" type=\"button\" (click)=\"next()\"\n                    [class.carousel-control-vertical]=\"orientation() === 'vertical'\"\n                    aria-label=\"Next slide\">\n                    <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\n                    <span class=\"visually-hidden\">Next</span>\n                </button>\n            </div>\n        }\n        @case ('fade') {\n            <div class=\"carousel fade mx-auto\" [class.carousel-vertical]=\"orientation() === 'vertical'\">\n                @if (indicators()) {\n                    <div class=\"carousel-indicators\" [class.carousel-indicators-vertical]=\"orientation() === 'vertical'\">\n                        @for (image of images(); track image.id; let i = $index) {\n                            <button type=\"button\" (click)=\"goto(i)\"\n                                [class.active]=\"currentImageIndex() === i\" data-bs-target\n                                [attr.aria-current]=\"currentImageIndex() === i ? true : null\"\n                                [attr.aria-label]=\"'Slide ' + i\"></button>\n                        }\n                    </div>\n                }\n                <div class=\"carousel-inner\" #innerElement>\n                    @for (image of images(); track image.id; let i = $index) {\n                        @if (currentImageIndex() === i) {\n                            <div class=\"carousel-item\" [class.active]=\"true\" @fadeInOut>\n                                <ng-container [ngTemplateOutlet]=\"image.itemTemplate\"></ng-container>\n                            </div>\n                        }\n                    }\n                </div>\n                <button class=\"carousel-control-prev\" type=\"button\" (click)=\"previous()\"\n                    [class.carousel-control-vertical]=\"orientation() === 'vertical'\"\n                    aria-label=\"Previous slide\">\n                    <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\n                    <span class=\"visually-hidden\">Previous</span>\n                </button>\n                <button class=\"carousel-control-next\" type=\"button\" (click)=\"next()\"\n                    [class.carousel-control-vertical]=\"orientation() === 'vertical'\"\n                    aria-label=\"Next slide\">\n                    <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\n                    <span class=\"visually-hidden\">Next</span>\n                </button>\n            </div>\n        }\n        @case ('none') {\n            <div class=\"carousel mx-auto\" [class.carousel-vertical]=\"orientation() === 'vertical'\">\n                @if (indicators()) {\n                    <div class=\"carousel-indicators\" [class.carousel-indicators-vertical]=\"orientation() === 'vertical'\">\n                        @for (image of images(); track image.id; let i = $index) {\n                            <button type=\"button\" (click)=\"goto(i)\"\n                                [class.active]=\"currentImageIndex() === i\" data-bs-target\n                                [attr.aria-current]=\"currentImageIndex() === i ? true : null\"\n                                [attr.aria-label]=\"'Slide ' + i\"></button>\n                        }\n                    </div>\n                }\n                <div class=\"carousel-inner\" #innerElement>\n                    @for (image of images(); track image.id; let i = $index) {\n                        @if (currentImageIndex() === i) {\n                            <div class=\"carousel-item\" [class.active]=\"true\">\n                                <ng-container [ngTemplateOutlet]=\"image.itemTemplate\"></ng-container>\n                            </div>\n                        }\n                    }\n                </div>\n                <button class=\"carousel-control-prev\" type=\"button\" (click)=\"previous()\"\n                    [class.carousel-control-vertical]=\"orientation() === 'vertical'\"\n                    aria-label=\"Previous slide\">\n                    <span class=\"carousel-control-prev-icon\" aria-hidden=\"true\"></span>\n                    <span class=\"visually-hidden\">Previous</span>\n                </button>\n                <button class=\"carousel-control-next\" type=\"button\" (click)=\"next()\"\n                    [class.carousel-control-vertical]=\"orientation() === 'vertical'\"\n                    aria-label=\"Next slide\">\n                    <span class=\"carousel-control-next-icon\" aria-hidden=\"true\"></span>\n                    <span class=\"visually-hidden\">Next</span>\n                </button>\n            </div>\n        }\n    }\n}\n","import { Directive, HostBinding, inject } from '@angular/core';\nimport { BsCarouselImageDirective } from '../carousel-image/carousel-image.directive';\n\n@Directive({\n  selector: 'img',\n  standalone: true,\n})\nexport class BsCarouselImgDirective {\n  private image = inject(BsCarouselImageDirective, { optional: true });\n\n  @HostBinding('attr.fetch-priority') fetchPriority: 'high' | 'low' | 'auto';\n\n  constructor() {\n    this.fetchPriority = (this.image && this.image.isFirst) ? 'high' : 'low';\n  }\n}\n","import { NgModule } from '@angular/core';\nimport { BsCarouselComponent } from './carousel/carousel.component';\nimport { BsCarouselImageDirective } from './carousel-image/carousel-image.directive';\nimport { BsCarouselImgDirective } from './carousel-img/carousel-img.directive';\n\n@NgModule({\n  imports: [\n    BsCarouselComponent,\n    BsCarouselImageDirective,\n    BsCarouselImgDirective,\n  ],\n  exports: [\n    BsCarouselComponent,\n    BsCarouselImageDirective,\n    BsCarouselImgDirective,\n  ]\n})\nexport class BsCarouselModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/mintplayer-ng-bootstrap-close.mjs

@@ -1,23 +1,21 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Component } from '@angular/core';
+import { output, ChangeDetectionStrategy, Component } from '@angular/core';
 
 class BsCloseComponent {
     constructor() {
-        this.click = new EventEmitter();
+        this.click = output();
     }
     onClose(ev) {
         this.click.emit();
         ev.stopImmediatePropagation();
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsCloseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.13", type: BsCloseComponent, isStandalone: true, selector: "bs-close", outputs: { click: "click" }, ngImport: i0, template: "<button type=\"button\" (click)=\"onClose($event)\" class=\"btn-close\" aria-label=\"Close\"></button>", styles: [":host ::ng-deep .btn-close{--bs-btn-close-color: #000;--bs-btn-close-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e\");--bs-btn-close-opacity: .5;--bs-btn-close-hover-opacity: .75;--bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);--bs-btn-close-focus-opacity: 1;--bs-btn-close-disabled-opacity: .25;box-sizing:content-box;width:1em;height:1em;padding:.25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}:host ::ng-deep .btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}:host ::ng-deep .btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}:host ::ng-deep .btn-close:disabled,:host ::ng-deep .btn-close.disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}:host ::ng-deep .btn-close-white{--bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)}:host ::ng-deep :root,:host ::ng-deep [data-bs-theme=light]{--bs-btn-close-filter: }:host ::ng-deep [data-bs-theme=dark]{--bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)}\n"] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsCloseComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.0.6", type: BsCloseComponent, isStandalone: true, selector: "bs-close", outputs: { click: "click" }, ngImport: i0, template: "<button type=\"button\" (click)=\"onClose($event)\" class=\"btn-close\" aria-label=\"Close\"></button>", styles: [":host ::ng-deep .btn-close{--bs-btn-close-color: #000;--bs-btn-close-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e\");--bs-btn-close-opacity: .5;--bs-btn-close-hover-opacity: .75;--bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);--bs-btn-close-focus-opacity: 1;--bs-btn-close-disabled-opacity: .25;box-sizing:content-box;width:1em;height:1em;padding:.25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}:host ::ng-deep .btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}:host ::ng-deep .btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}:host ::ng-deep .btn-close:disabled,:host ::ng-deep .btn-close.disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}:host ::ng-deep .btn-close-white{--bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)}:host ::ng-deep :root,:host ::ng-deep [data-bs-theme=light]{--bs-btn-close-filter: }:host ::ng-deep [data-bs-theme=dark]{--bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsCloseComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsCloseComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-close', standalone: true, template: "<button type=\"button\" (click)=\"onClose($event)\" class=\"btn-close\" aria-label=\"Close\"></button>", styles: [":host ::ng-deep .btn-close{--bs-btn-close-color: #000;--bs-btn-close-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e\");--bs-btn-close-opacity: .5;--bs-btn-close-hover-opacity: .75;--bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);--bs-btn-close-focus-opacity: 1;--bs-btn-close-disabled-opacity: .25;box-sizing:content-box;width:1em;height:1em;padding:.25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}:host ::ng-deep .btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}:host ::ng-deep .btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}:host ::ng-deep .btn-close:disabled,:host ::ng-deep .btn-close.disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}:host ::ng-deep .btn-close-white{--bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)}:host ::ng-deep :root,:host ::ng-deep [data-bs-theme=light]{--bs-btn-close-filter: }:host ::ng-deep [data-bs-theme=dark]{--bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)}\n"] }]
-        }], propDecorators: { click: [{
-                type: Output
-            }] } });
+            args: [{ selector: 'bs-close', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button type=\"button\" (click)=\"onClose($event)\" class=\"btn-close\" aria-label=\"Close\"></button>", styles: [":host ::ng-deep .btn-close{--bs-btn-close-color: #000;--bs-btn-close-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e\");--bs-btn-close-opacity: .5;--bs-btn-close-hover-opacity: .75;--bs-btn-close-focus-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);--bs-btn-close-focus-opacity: 1;--bs-btn-close-disabled-opacity: .25;box-sizing:content-box;width:1em;height:1em;padding:.25em;color:var(--bs-btn-close-color);background:transparent var(--bs-btn-close-bg) center/1em auto no-repeat;filter:var(--bs-btn-close-filter);border:0;border-radius:.375rem;opacity:var(--bs-btn-close-opacity)}:host ::ng-deep .btn-close:hover{color:var(--bs-btn-close-color);text-decoration:none;opacity:var(--bs-btn-close-hover-opacity)}:host ::ng-deep .btn-close:focus{outline:0;box-shadow:var(--bs-btn-close-focus-shadow);opacity:var(--bs-btn-close-focus-opacity)}:host ::ng-deep .btn-close:disabled,:host ::ng-deep .btn-close.disabled{pointer-events:none;-webkit-user-select:none;user-select:none;opacity:var(--bs-btn-close-disabled-opacity)}:host ::ng-deep .btn-close-white{--bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)}:host ::ng-deep :root,:host ::ng-deep [data-bs-theme=light]{--bs-btn-close-filter: }:host ::ng-deep [data-bs-theme=dark]{--bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%)}\n"] }]
+        }], propDecorators: { click: [{ type: i0.Output, args: ["click"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/mintplayer-ng-bootstrap-close.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-close.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/close/src/close.component.ts","../../../../libs/mintplayer-ng-bootstrap/close/src/close.component.html","../../../../libs/mintplayer-ng-bootstrap/close/mintplayer-ng-bootstrap-close.ts"],"sourcesContent":["import { Component, EventEmitter, OnInit, Output } from '@angular/core';\n\n@Component({\n  selector: 'bs-close',\n  templateUrl: './close.component.html',\n  styleUrls: ['./close.component.scss'],\n  standalone: true,\n})\nexport class BsCloseComponent {\n  @Output() click = new EventEmitter<any>();\n  onClose(ev: MouseEvent) {\n    this.click.emit();\n    ev.stopImmediatePropagation();\n  }\n}\n","<button type=\"button\" (click)=\"onClose($event)\" class=\"btn-close\" aria-label=\"Close\"></button>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MAQa,gBAAgB,CAAA;AAN7B,IAAA,WAAA,GAAA;AAOY,QAAA,IAAA,CAAA,KAAK,GAAG,IAAI,YAAY,EAAO;AAK1C,IAAA;AAJC,IAAA,OAAO,CAAC,EAAc,EAAA;AACpB,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;QACjB,EAAE,CAAC,wBAAwB,EAAE;IAC/B;+GALW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,gBAAgB,iGCR7B,wGAA8F,EAAA,MAAA,EAAA,CAAA,6iDAAA,CAAA,EAAA,CAAA,CAAA;;4FDQjF,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAN5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,cAGR,IAAI,EAAA,QAAA,EAAA,wGAAA,EAAA,MAAA,EAAA,CAAA,6iDAAA,CAAA,EAAA;;sBAGf;;;AETH;;AAEG;;;;"}
+{"version":3,"file":"mintplayer-ng-bootstrap-close.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/close/src/close.component.ts","../../../../libs/mintplayer-ng-bootstrap/close/src/close.component.html","../../../../libs/mintplayer-ng-bootstrap/close/mintplayer-ng-bootstrap-close.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, output } from '@angular/core';\n\n@Component({\n  selector: 'bs-close',\n  templateUrl: './close.component.html',\n  styleUrls: ['./close.component.scss'],\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsCloseComponent {\n  click = output<void>();\n\n  onClose(ev: MouseEvent) {\n    this.click.emit();\n    ev.stopImmediatePropagation();\n  }\n}\n","<button type=\"button\" (click)=\"onClose($event)\" class=\"btn-close\" aria-label=\"Close\"></button>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;MASa,gBAAgB,CAAA;AAP7B,IAAA,WAAA,GAAA;QAQE,IAAA,CAAA,KAAK,GAAG,MAAM,EAAQ;AAMvB,IAAA;AAJC,IAAA,OAAO,CAAC,EAAc,EAAA;AACpB,QAAA,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE;QACjB,EAAE,CAAC,wBAAwB,EAAE;IAC/B;8GANW,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,iGCT7B,wGAA8F,EAAA,MAAA,EAAA,CAAA,6iDAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FDSjF,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAP5B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,UAAU,EAAA,UAAA,EAGR,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,wGAAA,EAAA,MAAA,EAAA,CAAA,6iDAAA,CAAA,EAAA;;;AEPjD;;AAEG;;;;"}

package/fesm2022/mintplayer-ng-bootstrap-code-snippet.mjs

@@ -1,43 +1,40 @@
-import { AsyncPipe } from '@angular/common';
 import * as i0 from '@angular/core';
-import { input, EventEmitter, Output, ViewChild, Component } from '@angular/core';
-import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { signal, input, output, effect, ViewChild, ChangeDetectionStrategy, Component } from '@angular/core';
 import { BsCopyDirective } from '@mintplayer/ng-bootstrap/copy';
 import * as i1 from '@mintplayer/ng-bootstrap/offcanvas';
 import { BsOffcanvasModule } from '@mintplayer/ng-bootstrap/offcanvas';
 import * as i2 from 'ngx-highlightjs';
 import { HighlightModule } from 'ngx-highlightjs';
-import { BehaviorSubject } from 'rxjs';
 
 class BsCodeSnippetComponent {
     constructor() {
-        this.offcanvasVisible = false;
+        this.offcanvasVisible = signal(false, ...(ngDevMode ? [{ debugName: "offcanvasVisible" }] : []));
         this.codeToCopy = input('', ...(ngDevMode ? [{ debugName: "codeToCopy" }] : []));
         this.language = input('', ...(ngDevMode ? [{ debugName: "language" }] : []));
-        this.detectedLanguage = new EventEmitter();
-        this.language$ = new BehaviorSubject('code');
-        this.language$.pipe(takeUntilDestroyed())
-            .subscribe((language) => this.detectedLanguage.emit(language));
+        this.detectedLanguage = output();
+        this.detectedLanguageValue = signal('code', ...(ngDevMode ? [{ debugName: "detectedLanguageValue" }] : []));
+        effect(() => {
+            const language = this.detectedLanguageValue();
+            this.detectedLanguage.emit(language);
+        });
     }
     copiedHtml() {
-        this.offcanvasVisible = true;
-        setTimeout(() => this.offcanvasVisible = false, 3000);
+        this.offcanvasVisible.set(true);
+        setTimeout(() => this.offcanvasVisible.set(false), 3000);
     }
     onHighlighted(result) {
-        this.language$.next(result?.language ?? 'code');
+        this.detectedLanguageValue.set(result?.language ?? 'code');
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsCodeSnippetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.13", type: BsCodeSnippetComponent, isStandalone: true, selector: "bs-code-snippet", inputs: { codeToCopy: { classPropertyName: "codeToCopy", publicName: "codeToCopy", isSignal: true, isRequired: false, transformFunction: null }, language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { detectedLanguage: "detectedLanguage" }, viewQueries: [{ propertyName: "copiedTemplate", first: true, predicate: ["copiedTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"position-relative\">\n    <button #copyBtn [bsCopy]=\"codeToCopy()\" (bsCopied)=\"copiedHtml()\" class=\"btn btn-link rounded-0 text-light position-absolute copy-btn\">\n        Copy {{ language$ | async }}\n    </button>\n    <pre class=\"white-space-normal\">\n        <code class=\"d-block white-space-pre\" [highlight]=\"codeToCopy()\" [language]=\"language()\" (highlighted)=\"onHighlighted($event)\"></code>\n    </pre>\n    <bs-offcanvas [(isVisible)]=\"offcanvasVisible\" [position]=\"'bottom'\">\n        <div *bsOffcanvasContent class=\"p-3 bg-dark text-light\">Copied!</div>\n    </bs-offcanvas>\n</div>", styles: [".copy-btn{right:0}\n"], dependencies: [{ kind: "directive", type: BsCopyDirective, selector: "[bsCopy]", inputs: ["bsCopy"], outputs: ["bsCopied"] }, { kind: "ngmodule", type: BsOffcanvasModule }, { kind: "directive", type: i1.BsOffcanvasContentDirective, selector: "[bsOffcanvasContent]" }, { kind: "component", type: i1.BsOffcanvasHostComponent, selector: "bs-offcanvas", inputs: ["isVisible", "size", "position", "hasBackdrop"], outputs: ["isVisibleChange", "sizeChange", "positionChange", "hasBackdropChange", "backdropClick"] }, { kind: "ngmodule", type: HighlightModule }, { kind: "directive", type: i2.Highlight, selector: "[highlight]", inputs: ["highlight", "language", "ignoreIllegals"], outputs: ["highlighted"] }, { kind: "pipe", type: AsyncPipe, name: "async" }] }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsCodeSnippetComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.0.6", type: BsCodeSnippetComponent, isStandalone: true, selector: "bs-code-snippet", inputs: { codeToCopy: { classPropertyName: "codeToCopy", publicName: "codeToCopy", isSignal: true, isRequired: false, transformFunction: null }, language: { classPropertyName: "language", publicName: "language", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { detectedLanguage: "detectedLanguage" }, viewQueries: [{ propertyName: "copiedTemplate", first: true, predicate: ["copiedTemplate"], descendants: true }], ngImport: i0, template: "<div class=\"position-relative\">\n    <button #copyBtn [bsCopy]=\"codeToCopy()\" (bsCopied)=\"copiedHtml()\" class=\"btn btn-link rounded-0 text-light position-absolute copy-btn\">\n        Copy {{ detectedLanguageValue() }}\n    </button>\n    <pre class=\"white-space-normal\">\n        <code class=\"d-block white-space-pre\" [highlight]=\"codeToCopy()\" [language]=\"language()\" (highlighted)=\"onHighlighted($event)\"></code>\n    </pre>\n    <bs-offcanvas [(isVisible)]=\"offcanvasVisible\" [position]=\"'bottom'\">\n        <div *bsOffcanvasContent class=\"p-3 bg-dark text-light\">Copied!</div>\n    </bs-offcanvas>\n</div>", styles: [".copy-btn{right:0}\n"], dependencies: [{ kind: "directive", type: BsCopyDirective, selector: "[bsCopy]", inputs: ["bsCopy"], outputs: ["bsCopied"] }, { kind: "ngmodule", type: BsOffcanvasModule }, { kind: "directive", type: i1.BsOffcanvasContentDirective, selector: "[bsOffcanvasContent]" }, { kind: "component", type: i1.BsOffcanvasHostComponent, selector: "bs-offcanvas", inputs: ["isVisible", "size", "position", "hasBackdrop"], outputs: ["isVisibleChange", "sizeChange", "positionChange", "hasBackdropChange", "backdropClick"] }, { kind: "ngmodule", type: HighlightModule }, { kind: "directive", type: i2.Highlight, selector: "[highlight]", inputs: ["highlight", "language", "ignoreIllegals"], outputs: ["highlighted"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.13", ngImport: i0, type: BsCodeSnippetComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.0.6", ngImport: i0, type: BsCodeSnippetComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'bs-code-snippet', standalone: true, imports: [AsyncPipe, BsCopyDirective, BsOffcanvasModule, HighlightModule], template: "<div class=\"position-relative\">\n    <button #copyBtn [bsCopy]=\"codeToCopy()\" (bsCopied)=\"copiedHtml()\" class=\"btn btn-link rounded-0 text-light position-absolute copy-btn\">\n        Copy {{ language$ | async }}\n    </button>\n    <pre class=\"white-space-normal\">\n        <code class=\"d-block white-space-pre\" [highlight]=\"codeToCopy()\" [language]=\"language()\" (highlighted)=\"onHighlighted($event)\"></code>\n    </pre>\n    <bs-offcanvas [(isVisible)]=\"offcanvasVisible\" [position]=\"'bottom'\">\n        <div *bsOffcanvasContent class=\"p-3 bg-dark text-light\">Copied!</div>\n    </bs-offcanvas>\n</div>", styles: [".copy-btn{right:0}\n"] }]
+            args: [{ selector: 'bs-code-snippet', standalone: true, imports: [BsCopyDirective, BsOffcanvasModule, HighlightModule], changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"position-relative\">\n    <button #copyBtn [bsCopy]=\"codeToCopy()\" (bsCopied)=\"copiedHtml()\" class=\"btn btn-link rounded-0 text-light position-absolute copy-btn\">\n        Copy {{ detectedLanguageValue() }}\n    </button>\n    <pre class=\"white-space-normal\">\n        <code class=\"d-block white-space-pre\" [highlight]=\"codeToCopy()\" [language]=\"language()\" (highlighted)=\"onHighlighted($event)\"></code>\n    </pre>\n    <bs-offcanvas [(isVisible)]=\"offcanvasVisible\" [position]=\"'bottom'\">\n        <div *bsOffcanvasContent class=\"p-3 bg-dark text-light\">Copied!</div>\n    </bs-offcanvas>\n</div>", styles: [".copy-btn{right:0}\n"] }]
         }], ctorParameters: () => [], propDecorators: { codeToCopy: [{ type: i0.Input, args: [{ isSignal: true, alias: "codeToCopy", required: false }] }], language: [{ type: i0.Input, args: [{ isSignal: true, alias: "language", required: false }] }], copiedTemplate: [{
                 type: ViewChild,
                 args: ['copiedTemplate']
-            }], detectedLanguage: [{
-                type: Output
-            }] } });
+            }], detectedLanguage: [{ type: i0.Output, args: ["detectedLanguage"] }] } });
 
 /**
  * Generated bundle index. Do not edit.

package/fesm2022/mintplayer-ng-bootstrap-code-snippet.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"mintplayer-ng-bootstrap-code-snippet.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/code-snippet/src/code-snippet.component.ts","../../../../libs/mintplayer-ng-bootstrap/code-snippet/src/code-snippet.component.html","../../../../libs/mintplayer-ng-bootstrap/code-snippet/mintplayer-ng-bootstrap-code-snippet.ts"],"sourcesContent":["import { AsyncPipe } from '@angular/common';\nimport { Component, EventEmitter, input, Input, Output, TemplateRef, ViewChild } from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { BsCopyDirective } from '@mintplayer/ng-bootstrap/copy';\nimport { BsOffcanvasModule } from '@mintplayer/ng-bootstrap/offcanvas';\nimport { HighlightModule } from 'ngx-highlightjs';\nimport { HighlightResult } from 'highlight.js';\nimport { BehaviorSubject } from 'rxjs';\n\n@Component({\n  selector: 'bs-code-snippet',\n  standalone: true,\n  templateUrl: './code-snippet.component.html',\n  styleUrls: ['./code-snippet.component.scss'],\n  imports: [AsyncPipe, BsCopyDirective, BsOffcanvasModule, HighlightModule],\n})\nexport class BsCodeSnippetComponent {\n\n  constructor() {\n    this.language$.pipe(takeUntilDestroyed())\n      .subscribe((language) => this.detectedLanguage.emit(language));\n  }\n\n  offcanvasVisible = false;\n  codeToCopy = input<string>('');\n  language = input<string>('');\n  @ViewChild('copiedTemplate') copiedTemplate!: TemplateRef<any>;\n  @Output() public detectedLanguage = new EventEmitter<string>();\n\n  language$ = new BehaviorSubject<string>('code');\n\n  copiedHtml() {\n    this.offcanvasVisible = true;\n    setTimeout(() => this.offcanvasVisible = false, 3000);\n  }\n\n  onHighlighted(result: HighlightResult | null) {\n    this.language$.next(result?.language ?? 'code');\n  }\n\n}\n","<div class=\"position-relative\">\n    <button #copyBtn [bsCopy]=\"codeToCopy()\" (bsCopied)=\"copiedHtml()\" class=\"btn btn-link rounded-0 text-light position-absolute copy-btn\">\n        Copy {{ language$ | async }}\n    </button>\n    <pre class=\"white-space-normal\">\n        <code class=\"d-block white-space-pre\" [highlight]=\"codeToCopy()\" [language]=\"language()\" (highlighted)=\"onHighlighted($event)\"></code>\n    </pre>\n    <bs-offcanvas [(isVisible)]=\"offcanvasVisible\" [position]=\"'bottom'\">\n        <div *bsOffcanvasContent class=\"p-3 bg-dark text-light\">Copied!</div>\n    </bs-offcanvas>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"mintplayer-ng-bootstrap-code-snippet.mjs","sources":["../../../../libs/mintplayer-ng-bootstrap/code-snippet/src/code-snippet.component.ts","../../../../libs/mintplayer-ng-bootstrap/code-snippet/src/code-snippet.component.html","../../../../libs/mintplayer-ng-bootstrap/code-snippet/mintplayer-ng-bootstrap-code-snippet.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, effect, input, output, signal, TemplateRef, ViewChild } from '@angular/core';\nimport { BsCopyDirective } from '@mintplayer/ng-bootstrap/copy';\nimport { BsOffcanvasModule } from '@mintplayer/ng-bootstrap/offcanvas';\nimport { HighlightModule } from 'ngx-highlightjs';\nimport { HighlightResult } from 'highlight.js';\n\n@Component({\n  selector: 'bs-code-snippet',\n  standalone: true,\n  templateUrl: './code-snippet.component.html',\n  styleUrls: ['./code-snippet.component.scss'],\n  imports: [BsCopyDirective, BsOffcanvasModule, HighlightModule],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class BsCodeSnippetComponent {\n\n  constructor() {\n    effect(() => {\n      const language = this.detectedLanguageValue();\n      this.detectedLanguage.emit(language);\n    });\n  }\n\n  offcanvasVisible = signal(false);\n  codeToCopy = input<string>('');\n  language = input<string>('');\n  @ViewChild('copiedTemplate') copiedTemplate!: TemplateRef<any>;\n  detectedLanguage = output<string>();\n\n  detectedLanguageValue = signal<string>('code');\n\n  copiedHtml() {\n    this.offcanvasVisible.set(true);\n    setTimeout(() => this.offcanvasVisible.set(false), 3000);\n  }\n\n  onHighlighted(result: HighlightResult | null) {\n    this.detectedLanguageValue.set(result?.language ?? 'code');\n  }\n\n}\n","<div class=\"position-relative\">\n    <button #copyBtn [bsCopy]=\"codeToCopy()\" (bsCopied)=\"copiedHtml()\" class=\"btn btn-link rounded-0 text-light position-absolute copy-btn\">\n        Copy {{ detectedLanguageValue() }}\n    </button>\n    <pre class=\"white-space-normal\">\n        <code class=\"d-block white-space-pre\" [highlight]=\"codeToCopy()\" [language]=\"language()\" (highlighted)=\"onHighlighted($event)\"></code>\n    </pre>\n    <bs-offcanvas [(isVisible)]=\"offcanvasVisible\" [position]=\"'bottom'\">\n        <div *bsOffcanvasContent class=\"p-3 bg-dark text-light\">Copied!</div>\n    </bs-offcanvas>\n</div>","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;MAca,sBAAsB,CAAA;AAEjC,IAAA,WAAA,GAAA;AAOA,QAAA,IAAA,CAAA,gBAAgB,GAAG,MAAM,CAAC,KAAK,4DAAC;AAChC,QAAA,IAAA,CAAA,UAAU,GAAG,KAAK,CAAS,EAAE,sDAAC;AAC9B,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAS,EAAE,oDAAC;QAE5B,IAAA,CAAA,gBAAgB,GAAG,MAAM,EAAU;AAEnC,QAAA,IAAA,CAAA,qBAAqB,GAAG,MAAM,CAAS,MAAM,iEAAC;QAZ5C,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,qBAAqB,EAAE;AAC7C,YAAA,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,QAAQ,CAAC;AACtC,QAAA,CAAC,CAAC;IACJ;IAUA,UAAU,GAAA;AACR,QAAA,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,IAAI,CAAC;AAC/B,QAAA,UAAU,CAAC,MAAM,IAAI,CAAC,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,IAAI,CAAC;IAC1D;AAEA,IAAA,aAAa,CAAC,MAA8B,EAAA;QAC1C,IAAI,CAAC,qBAAqB,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,IAAI,MAAM,CAAC;IAC5D;8GAxBW,sBAAsB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAtB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,sBAAsB,ogBCdnC,2nBAUM,EAAA,MAAA,EAAA,CAAA,sBAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDCM,eAAe,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,iBAAiB,+WAAE,eAAe,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,UAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;2FAGlD,sBAAsB,EAAA,UAAA,EAAA,CAAA;kBARlC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,iBAAiB,EAAA,UAAA,EACf,IAAI,EAAA,OAAA,EAGP,CAAC,eAAe,EAAE,iBAAiB,EAAE,eAAe,CAAC,EAAA,eAAA,EAC7C,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2nBAAA,EAAA,MAAA,EAAA,CAAA,sBAAA,CAAA,EAAA;;sBAc9C,SAAS;uBAAC,gBAAgB;;;AE1B7B;;AAEG;;;;"}