@ngstarter-ui/components 1.0.28 → 1.0.31

package/fesm2022/ngstarter-ui-components-image-viewer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngstarter-ui-components-image-viewer.mjs","sources":["../../../projects/components/image-viewer/src/picture-ref.ts","../../../projects/components/image-viewer/src/types.ts","../../../projects/components/image-viewer/src/image-viewer/image-viewer.ts","../../../projects/components/image-viewer/src/image-viewer/image-viewer.html","../../../projects/components/image-viewer/src/image-viewer.directive.ts","../../../projects/components/image-viewer/src/image-viewer-picture-caption.directive.ts","../../../projects/components/image-viewer/src/image-viewer-picture-description.directive.ts","../../../projects/components/image-viewer/src/image-viewer-picture-title.directive.ts","../../../projects/components/image-viewer/src/image-viewer-picture.directive.ts","../../../projects/components/image-viewer/ngstarter-ui-components-image-viewer.ts"],"sourcesContent":["import { EventEmitter } from '@angular/core';\n\nexport class PictureRef {\n  readonly closed = new EventEmitter();\n\n  close(): void {\n    this.closed.emit();\n  }\n}\n","import { InjectionToken, TemplateRef } from '@angular/core';\nimport { PictureRef } from './picture-ref';\n\nexport interface PictureOptions {\n  sourceUrl: string;\n  title?: string | undefined;\n  caption?: string | undefined;\n  description?: string | undefined;\n  titleTplRef?: TemplateRef<any> | undefined;\n  captionTplRef?: TemplateRef<any> | undefined;\n  descriptionTplRef?: TemplateRef<any> | undefined;\n}\n\nexport const IMAGE_VIEWER = new InjectionToken('IMAGE_VIEWER');\nexport const IMAGE_VIEWER_PICTURE_REF = new InjectionToken<PictureRef>('IMAGE_VIEWER_PICTURE_REF');\nexport const IMAGE_VIEWER_PICTURE_DATA = new InjectionToken<PictureOptions>('IMAGE_VIEWER_PICTURE_DATA');\n","import { Component, computed, DestroyRef, ElementRef, inject, Renderer2, DOCUMENT } from '@angular/core';\nimport { IMAGE_VIEWER_PICTURE_DATA, IMAGE_VIEWER_PICTURE_REF } from '../types';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { ProgressSpinner } from '@ngstarter-ui/components/spinner';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { fromEvent } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Component({\n  selector: 'ngs-image-viewer',\n  exportAs: 'ngsImageViewer',\n  imports: [\n    Icon,\n    ProgressSpinner,\n    NgTemplateOutlet\n  ],\n  templateUrl: './image-viewer.html',\n  styleUrl: './image-viewer.scss',\n  host: {\n    'class': 'ngs-image-viewer',\n    '[class.loading]': 'loading',\n    '[class.dragging]': '_dragging',\n    '[class.scaled]': 'scale !== 1'\n  }\n})\nexport class ImageViewer {\n  readonly elementRef = inject(ElementRef);\n  private _document = inject(DOCUMENT);\n  private _destroyRef = inject(DestroyRef);\n  private _renderer = inject(Renderer2);\n  private _startClientY = 0;\n  private _startClientX = 0;\n  private _offsetY = 0;\n  private _offsetX = 0;\n  private _tmpOffsetY = 0;\n  private _tmpOffsetX = 0;\n  protected _dragging = false;\n  readonly pictureRef = inject(IMAGE_VIEWER_PICTURE_REF);\n  readonly data = inject(IMAGE_VIEWER_PICTURE_DATA);\n  loading = true;\n  scale = 1;\n  image: HTMLImageElement;\n  alreadyDragged = false;\n  scaleMin = 1;\n  scaleMax = 1;\n  padding = 30;\n\n  scaled = computed<boolean>(() => {\n    return this.scale !== 1;\n  });\n  hasTitle = computed(() => {\n    return !!(this.data.title || this.data.titleTplRef);\n  });\n  hasAside = computed(() => {\n    return !!(this.data.caption || this.data.description || this.data.captionTplRef || this.data.descriptionTplRef);\n  });\n\n  onLoad(event: Event): void {\n    this.loading = false;\n    this.image = (event.target as HTMLImageElement);\n\n    if (this.image.width > this.image.height) {\n      this.scaleMax = this.image.naturalWidth / this.image.width;\n    } else {\n      this.scaleMax = this.image.naturalHeight / this.image.height;\n    }\n\n    const image = this.image;\n    fromEvent(image, 'mousedown')\n      .pipe(\n        takeUntilDestroyed(this._destroyRef)\n      )\n      .subscribe((event: MouseEvent | any) => {\n        if (this.scale === this.scaleMin || event.button === 2) {\n          return;\n        }\n\n        this._dragging = true;\n        this._startClientY = event.clientY;\n        this._startClientX = event.clientX;\n      })\n    ;\n    fromEvent(this._document, 'mousemove')\n      .pipe(\n        takeUntilDestroyed(this._destroyRef)\n      )\n      .subscribe((event: any) => {\n        if (this._dragging) {\n          const scaleFactor = (1 / this.scale);\n          let offsetY = (event.clientY - this._startClientY) * scaleFactor;\n          let offsetX = (event.clientX - this._startClientX) * scaleFactor;\n          this._transform(offsetY, offsetX);\n        }\n      })\n    ;\n    fromEvent(this._document, 'mouseup')\n      .pipe(\n        takeUntilDestroyed(this._destroyRef)\n      )\n      .subscribe((event: any) => {\n        if (this._dragging) {\n          const element = this.elementRef.nativeElement as HTMLElement;\n          const elementRect = element.getBoundingClientRect();\n          this._renderer.removeClass(element, 'dragging');\n          this._dragging = false;\n          let imageWidth = Math.floor(image.getBoundingClientRect().width);\n          let imageHeight = Math.floor(image.getBoundingClientRect().height);\n          let imageViewportWidth = this.hasAside() ? elementRect.width - 420 : elementRect.width;\n          let imageViewportHeight = elementRect.height;\n\n          if (imageWidth <= imageViewportWidth && imageHeight <= imageViewportHeight) {\n            this._tmpOffsetY = 0;\n            this._tmpOffsetX = 0;\n            this._offsetY = 0;\n            this._offsetX = 0;\n            this._renderer.setStyle(image, 'transform', `translate(0px,0px)`);\n          } else {\n            const imageRect = image.getBoundingClientRect();\n            const widthDiff = imageViewportWidth - imageWidth;\n            const heightDiff = imageViewportHeight - imageHeight;\n            const xPositionDiff = widthDiff / this.scale / 2;\n            const yPositionDiff = heightDiff / this.scale / 2;\n\n            if (imageRect.x > 0 && imageRect.y > 0) {\n              this._tmpOffsetY = yPositionDiff * -1 + this.padding;\n              this._tmpOffsetX = xPositionDiff * -1 + this.padding;\n            } else if (imageRect.x < widthDiff && imageRect.y > 0) {\n              this._tmpOffsetY = yPositionDiff * -1 + this.padding;\n              this._tmpOffsetX = xPositionDiff - this.padding;\n            } else if (imageRect.x < widthDiff && imageRect.y < heightDiff) {\n              this._tmpOffsetY = yPositionDiff - this.padding;\n              this._tmpOffsetX = xPositionDiff - this.padding;\n            } else if (imageRect.x > 0 && imageRect.y < heightDiff) {\n              this._tmpOffsetY = yPositionDiff - this.padding;\n              this._tmpOffsetX = xPositionDiff * -1 + this.padding;\n            }\n\n            if (imageWidth < imageViewportWidth) {\n              this._tmpOffsetX = 0;\n            }\n\n            if (imageHeight < imageViewportHeight) {\n              this._tmpOffsetY = 0;\n            }\n\n            this._offsetY = this._tmpOffsetY;\n            this._offsetX = this._tmpOffsetX;\n            this._renderer.setStyle(\n              image,\n              'transform', `translate(${this._tmpOffsetX}px,${this._tmpOffsetY}px)`\n            );\n          }\n        }\n      })\n    ;\n  }\n\n  onBackdropClick(): void {\n    this.pictureRef.close();\n  }\n\n  onPreventClick(event: MouseEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n  }\n\n  toggleZoom(): void {\n    if (this.scale === this.scaleMin) {\n      this.scale = this.scaleMax;\n    } else {\n      this.scale = this.scaleMin;\n      this._renderer.setStyle(this.image, 'transform', `translate(0px,0px)`);\n      this._offsetX = 0;\n      this._offsetY = 0;\n      this._tmpOffsetY = 0;\n      this._tmpOffsetX = 0;\n    }\n\n    const element = this.elementRef.nativeElement as HTMLElement;\n    element.style.setProperty('--ngs-image-viewer-picture-scale', this.scale.toString());\n  }\n\n  protected onDragStart(event: Event): void {\n    event.stopPropagation();\n    event.preventDefault();\n    this.alreadyDragged = true;\n  }\n\n  private _transform(offsetY: number, offsetX: number): void {\n    const image = this.image as HTMLImageElement;\n    const scaleFactor = (1 / this.scale);\n    let translateX = this._offsetX + offsetX;\n    // let offsetStartX = ((image.width / 2) - translateX) / scaleFactor;\n    // let offsetEndX = ((image.width / 2) + translateX) / scaleFactor;\n    let translateY = this._offsetY + offsetY;\n    // let offsetStartY = ((image.height / 2) - translateY) / scaleFactor;\n    // let offsetEndY = ((image.height / 2) + translateY) / scaleFactor;\n\n    // let thumbHalfWidth = 150;\n    //\n    // if (offsetStartX <= thumbHalfWidth && translateX > 0) {\n    //   translateX = (image.width / 2) - (thumbHalfWidth * scaleFactor);\n    // } else if (offsetEndX <= thumbHalfWidth && translateX < 0) {\n    //   translateX = -((image.width / 2) - (thumbHalfWidth * scaleFactor));\n    // }\n    //\n    // if (offsetStartY <= thumbHalfWidth && translateY > 0) {\n    //   translateY = (image.height / 2) - (thumbHalfWidth * scaleFactor);\n    // } else if (offsetEndY <= thumbHalfWidth && translateY < 0) {\n    //   translateY = -((image.height / 2) - (thumbHalfWidth * scaleFactor));\n    // }\n\n    this._tmpOffsetY = translateY;\n    this._tmpOffsetX = translateX;\n    this._renderer.setStyle(\n      image,\n      'transform', `translate(${translateX}px,${translateY}px)`\n    );\n  }\n}\n","<div class=\"title-container\">\n  @if (hasTitle()) {\n    <div class=\"title\">\n      @if (data.titleTplRef) {\n        <ng-container [ngTemplateOutlet]=\"data.titleTplRef\" />\n      } @else if (data.caption) {\n        {{ data.title }}\n      }\n    </div>\n  }\n</div>\n<div class=\"controls\" (click)=\"onPreventClick($event)\">\n  <div class=\"w-max\">\n    <button (click)=\"pictureRef.close()\" class=\"close\">\n      <ngs-icon name=\"fluent:dismiss-24-regular\"/>\n    </button>\n  </div>\n  <div class=\"w-max\">\n    <button class=\"zoom\" (click)=\"toggleZoom()\" [disabled]=\"scaleMax === 1 || null\">\n      @if (scale === this.scaleMin) {\n        <ngs-icon name=\"fluent:zoom-in-24-regular\"/>\n      } @else {\n        <ngs-icon name=\"fluent:zoom-out-24-regular\"/>\n      }\n    </button>\n  </div>\n</div>\n<div class=\"content\" (click)=\"onBackdropClick()\">\n  <div class=\"image\" (dragstart)=\"onDragStart($event)\">\n    @if (loading) {\n      <div class=\"spinner\">\n        <ngs-progress-spinner/>\n      </div>\n    }\n    <img [src]=\"data.sourceUrl\" alt=\"\" (load)=\"onLoad($event)\" (click)=\"onPreventClick($event)\" class=\"img\">\n  </div>\n  @if (hasAside()) {\n    <aside class=\"aside\" (click)=\"onPreventClick($event)\">\n      <div class=\"aside-header\">\n        @if (data.captionTplRef) {\n          <ng-container [ngTemplateOutlet]=\"data.captionTplRef\" />\n        } @else if (data.caption) {\n          {{ data.caption }}\n        }\n      </div>\n      <div class=\"aside-body\">\n        <div class=\"aside-body-scroll\">\n          @if (data.descriptionTplRef) {\n            <ng-container [ngTemplateOutlet]=\"data.descriptionTplRef\" />\n          } @else if (data.description) {\n            {{ data.description }}\n          }\n        </div>\n      </div>\n    </aside>\n  }\n</div>\n","import { DestroyRef, Directive, inject, Injector } from '@angular/core';\nimport { Overlay } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { PictureRef } from './picture-ref';\nimport { ImageViewer } from './image-viewer/image-viewer';\nimport { IMAGE_VIEWER_PICTURE_DATA, IMAGE_VIEWER_PICTURE_REF, PictureOptions } from './types';\n\n@Directive({\n  selector: '[ngsImageViewer]',\n  exportAs: 'ngsImageViewer',\n  standalone: true,\n  host: {\n    'class': 'ngs-image-viewer',\n  }\n})\nexport class ImageViewerDirective {\n  private _overlay = inject(Overlay);\n  private _injector = inject(Injector);\n  private _destroyRef = inject(DestroyRef);\n\n  get api() {\n    return {\n      open: (options: PictureOptions): PictureRef => this._open(options)\n    }\n  }\n\n  private _open(options: PictureOptions): PictureRef {\n    const pictureRef = new PictureRef();\n    const overlayRef = this._overlay.create({\n      positionStrategy: this._overlay.position().global(),\n      hasBackdrop: true\n    });\n    const injector = Injector.create({\n      providers: [\n        {\n          provide: IMAGE_VIEWER_PICTURE_REF,\n          useValue: pictureRef\n        },\n        {\n          provide: IMAGE_VIEWER_PICTURE_DATA,\n          useValue: options\n        }\n      ],\n      parent: this._injector\n    });\n    const portal = new ComponentPortal(ImageViewer, null, injector);\n    overlayRef.attach(portal);\n    pictureRef.closed.pipe(\n      takeUntilDestroyed(this._destroyRef)\n    ).subscribe(() => {\n      overlayRef.detach();\n    });\n    return pictureRef;\n  }\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ngsImageViewerPictureCaption]',\n  standalone: true\n})\nexport class ImageViewerPictureCaptionDirective {\n  readonly templateRef = inject(TemplateRef);\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ngsImageViewerPictureDescription]',\n  standalone: true\n})\nexport class ImageViewerPictureDescriptionDirective {\n  readonly templateRef = inject(TemplateRef);\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ngsImageViewerPictureTitle]',\n  standalone: true\n})\nexport class ImageViewerPictureTitleDirective {\n  readonly templateRef = inject(TemplateRef);\n}\n","import { contentChild, Directive, inject, input } from '@angular/core';\nimport { IMAGE_VIEWER } from './types';\nimport { ImageViewerDirective } from './image-viewer.directive';\nimport { ImageViewerPictureCaptionDirective } from './image-viewer-picture-caption.directive';\nimport { ImageViewerPictureDescriptionDirective } from './image-viewer-picture-description.directive';\nimport { ImageViewerPictureTitleDirective } from './image-viewer-picture-title.directive';\n\n@Directive({\n  selector: '[ngsImageViewerPicture]',\n  exportAs: 'ngsImageViewerPicture',\n  standalone: true,\n  providers: [\n    {\n      provide: IMAGE_VIEWER,\n      useExisting: ImageViewerPictureDirective\n    }\n  ],\n  host: {\n    'class': 'ngs-image-viewer-picture',\n    '(click)': 'onClick($event)'\n  }\n})\nexport class ImageViewerPictureDirective {\n  private _imageViewer = inject(ImageViewerDirective);\n  private _titleTplRef = contentChild(ImageViewerPictureTitleDirective);\n  private _captionTplRef = contentChild(ImageViewerPictureCaptionDirective);\n  private _descriptionTplRef = contentChild(ImageViewerPictureDescriptionDirective);\n\n  sourceUrl = input.required<string>();\n  caption = input<string>();\n  title = input<string>();\n  description = input<string>();\n\n  protected onClick(event: MouseEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this._imageViewer.api.open({\n      sourceUrl: this.sourceUrl(),\n      title: this.title(),\n      caption: this.caption(),\n      description: this.description(),\n      titleTplRef: this._titleTplRef()?.templateRef,\n      captionTplRef: this._captionTplRef()?.templateRef,\n      descriptionTplRef: this._descriptionTplRef()?.templateRef\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngstarter-ui-components-image-viewer.mjs","sources":["../../../projects/components/image-viewer/src/picture-ref.ts","../../../projects/components/image-viewer/src/types.ts","../../../projects/components/image-viewer/src/image-viewer/image-viewer.ts","../../../projects/components/image-viewer/src/image-viewer/image-viewer.html","../../../projects/components/image-viewer/src/image-viewer.directive.ts","../../../projects/components/image-viewer/src/image-viewer-picture-caption.directive.ts","../../../projects/components/image-viewer/src/image-viewer-picture-description.directive.ts","../../../projects/components/image-viewer/src/image-viewer-picture-title.directive.ts","../../../projects/components/image-viewer/src/image-viewer-picture.directive.ts","../../../projects/components/image-viewer/ngstarter-ui-components-image-viewer.ts"],"sourcesContent":["import { EventEmitter } from '@angular/core';\n\nexport class PictureRef {\n  readonly closed = new EventEmitter();\n\n  close(): void {\n    this.closed.emit();\n  }\n}\n","import { InjectionToken, TemplateRef } from '@angular/core';\nimport { PictureRef } from './picture-ref';\n\nexport interface PictureOptions {\n  sourceUrl: string;\n  title?: string | undefined;\n  caption?: string | undefined;\n  description?: string | undefined;\n  titleTplRef?: TemplateRef<any> | undefined;\n  captionTplRef?: TemplateRef<any> | undefined;\n  descriptionTplRef?: TemplateRef<any> | undefined;\n}\n\nexport const IMAGE_VIEWER = new InjectionToken('IMAGE_VIEWER');\nexport const IMAGE_VIEWER_PICTURE_REF = new InjectionToken<PictureRef>('IMAGE_VIEWER_PICTURE_REF');\nexport const IMAGE_VIEWER_PICTURE_DATA = new InjectionToken<PictureOptions>('IMAGE_VIEWER_PICTURE_DATA');\n","import { Component, computed, DestroyRef, ElementRef, inject, Renderer2, DOCUMENT } from '@angular/core';\nimport { IMAGE_VIEWER_PICTURE_DATA, IMAGE_VIEWER_PICTURE_REF } from '../types';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { ProgressSpinner } from '@ngstarter-ui/components/spinner';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { fromEvent } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\n\n@Component({\n  selector: 'ngs-image-viewer',\n  exportAs: 'ngsImageViewer',\n  imports: [\n    Icon,\n    ProgressSpinner,\n    NgTemplateOutlet\n  ],\n  templateUrl: './image-viewer.html',\n  styleUrl: './image-viewer.scss',\n  host: {\n    'class': 'ngs-image-viewer',\n    '[class.loading]': 'loading',\n    '[class.dragging]': '_dragging',\n    '[class.scaled]': 'scale !== 1'\n  }\n})\nexport class ImageViewer {\n  readonly elementRef = inject(ElementRef);\n  private _document = inject(DOCUMENT);\n  private _destroyRef = inject(DestroyRef);\n  private _renderer = inject(Renderer2);\n  private _startClientY = 0;\n  private _startClientX = 0;\n  private _offsetY = 0;\n  private _offsetX = 0;\n  private _tmpOffsetY = 0;\n  private _tmpOffsetX = 0;\n  protected _dragging = false;\n  readonly pictureRef = inject(IMAGE_VIEWER_PICTURE_REF);\n  readonly data = inject(IMAGE_VIEWER_PICTURE_DATA);\n  loading = true;\n  scale = 1;\n  image: HTMLImageElement;\n  alreadyDragged = false;\n  scaleMin = 1;\n  scaleMax = 1;\n  padding = 30;\n\n  scaled = computed<boolean>(() => {\n    return this.scale !== 1;\n  });\n  hasTitle = computed(() => {\n    return !!(this.data.title || this.data.titleTplRef);\n  });\n  hasAside = computed(() => {\n    return !!(this.data.caption || this.data.description || this.data.captionTplRef || this.data.descriptionTplRef);\n  });\n\n  onLoad(event: Event): void {\n    this.loading = false;\n    this.image = (event.target as HTMLImageElement);\n\n    if (this.image.width > this.image.height) {\n      this.scaleMax = this.image.naturalWidth / this.image.width;\n    } else {\n      this.scaleMax = this.image.naturalHeight / this.image.height;\n    }\n\n    const image = this.image;\n    fromEvent(image, 'mousedown')\n      .pipe(\n        takeUntilDestroyed(this._destroyRef)\n      )\n      .subscribe((event: MouseEvent | any) => {\n        if (this.scale === this.scaleMin || event.button === 2) {\n          return;\n        }\n\n        this._dragging = true;\n        this._startClientY = event.clientY;\n        this._startClientX = event.clientX;\n      })\n    ;\n    fromEvent(this._document, 'mousemove')\n      .pipe(\n        takeUntilDestroyed(this._destroyRef)\n      )\n      .subscribe((event: any) => {\n        if (this._dragging) {\n          const scaleFactor = (1 / this.scale);\n          let offsetY = (event.clientY - this._startClientY) * scaleFactor;\n          let offsetX = (event.clientX - this._startClientX) * scaleFactor;\n          this._transform(offsetY, offsetX);\n        }\n      })\n    ;\n    fromEvent(this._document, 'mouseup')\n      .pipe(\n        takeUntilDestroyed(this._destroyRef)\n      )\n      .subscribe((event: any) => {\n        if (this._dragging) {\n          const element = this.elementRef.nativeElement as HTMLElement;\n          const elementRect = element.getBoundingClientRect();\n          this._renderer.removeClass(element, 'dragging');\n          this._dragging = false;\n          let imageWidth = Math.floor(image.getBoundingClientRect().width);\n          let imageHeight = Math.floor(image.getBoundingClientRect().height);\n          let imageViewportWidth = this.hasAside() ? elementRect.width - 420 : elementRect.width;\n          let imageViewportHeight = elementRect.height;\n\n          if (imageWidth <= imageViewportWidth && imageHeight <= imageViewportHeight) {\n            this._tmpOffsetY = 0;\n            this._tmpOffsetX = 0;\n            this._offsetY = 0;\n            this._offsetX = 0;\n            this._renderer.setStyle(image, 'transform', `translate(0px,0px)`);\n          } else {\n            const imageRect = image.getBoundingClientRect();\n            const widthDiff = imageViewportWidth - imageWidth;\n            const heightDiff = imageViewportHeight - imageHeight;\n            const xPositionDiff = widthDiff / this.scale / 2;\n            const yPositionDiff = heightDiff / this.scale / 2;\n\n            if (imageRect.x > 0 && imageRect.y > 0) {\n              this._tmpOffsetY = yPositionDiff * -1 + this.padding;\n              this._tmpOffsetX = xPositionDiff * -1 + this.padding;\n            } else if (imageRect.x < widthDiff && imageRect.y > 0) {\n              this._tmpOffsetY = yPositionDiff * -1 + this.padding;\n              this._tmpOffsetX = xPositionDiff - this.padding;\n            } else if (imageRect.x < widthDiff && imageRect.y < heightDiff) {\n              this._tmpOffsetY = yPositionDiff - this.padding;\n              this._tmpOffsetX = xPositionDiff - this.padding;\n            } else if (imageRect.x > 0 && imageRect.y < heightDiff) {\n              this._tmpOffsetY = yPositionDiff - this.padding;\n              this._tmpOffsetX = xPositionDiff * -1 + this.padding;\n            }\n\n            if (imageWidth < imageViewportWidth) {\n              this._tmpOffsetX = 0;\n            }\n\n            if (imageHeight < imageViewportHeight) {\n              this._tmpOffsetY = 0;\n            }\n\n            this._offsetY = this._tmpOffsetY;\n            this._offsetX = this._tmpOffsetX;\n            this._renderer.setStyle(\n              image,\n              'transform', `translate(${this._tmpOffsetX}px,${this._tmpOffsetY}px)`\n            );\n          }\n        }\n      })\n    ;\n  }\n\n  onBackdropClick(): void {\n    this.pictureRef.close();\n  }\n\n  onPreventClick(event: MouseEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n  }\n\n  toggleZoom(): void {\n    if (this.scale === this.scaleMin) {\n      this.scale = this.scaleMax;\n    } else {\n      this.scale = this.scaleMin;\n      this._renderer.setStyle(this.image, 'transform', `translate(0px,0px)`);\n      this._offsetX = 0;\n      this._offsetY = 0;\n      this._tmpOffsetY = 0;\n      this._tmpOffsetX = 0;\n    }\n\n    const element = this.elementRef.nativeElement as HTMLElement;\n    element.style.setProperty('--ngs-image-viewer-picture-scale', this.scale.toString());\n  }\n\n  protected onDragStart(event: Event): void {\n    event.stopPropagation();\n    event.preventDefault();\n    this.alreadyDragged = true;\n  }\n\n  private _transform(offsetY: number, offsetX: number): void {\n    const image = this.image as HTMLImageElement;\n    const scaleFactor = (1 / this.scale);\n    let translateX = this._offsetX + offsetX;\n    // let offsetStartX = ((image.width / 2) - translateX) / scaleFactor;\n    // let offsetEndX = ((image.width / 2) + translateX) / scaleFactor;\n    let translateY = this._offsetY + offsetY;\n    // let offsetStartY = ((image.height / 2) - translateY) / scaleFactor;\n    // let offsetEndY = ((image.height / 2) + translateY) / scaleFactor;\n\n    // let thumbHalfWidth = 150;\n    //\n    // if (offsetStartX <= thumbHalfWidth && translateX > 0) {\n    //   translateX = (image.width / 2) - (thumbHalfWidth * scaleFactor);\n    // } else if (offsetEndX <= thumbHalfWidth && translateX < 0) {\n    //   translateX = -((image.width / 2) - (thumbHalfWidth * scaleFactor));\n    // }\n    //\n    // if (offsetStartY <= thumbHalfWidth && translateY > 0) {\n    //   translateY = (image.height / 2) - (thumbHalfWidth * scaleFactor);\n    // } else if (offsetEndY <= thumbHalfWidth && translateY < 0) {\n    //   translateY = -((image.height / 2) - (thumbHalfWidth * scaleFactor));\n    // }\n\n    this._tmpOffsetY = translateY;\n    this._tmpOffsetX = translateX;\n    this._renderer.setStyle(\n      image,\n      'transform', `translate(${translateX}px,${translateY}px)`\n    );\n  }\n}\n","<div class=\"title-container\">\n  @if (hasTitle()) {\n    <div class=\"title\">\n      @if (data.titleTplRef) {\n        <ng-container [ngTemplateOutlet]=\"data.titleTplRef\" />\n      } @else if (data.caption) {\n        {{ data.title }}\n      }\n    </div>\n  }\n</div>\n<div class=\"controls\" (click)=\"onPreventClick($event)\">\n  <div class=\"w-max\">\n    <button (click)=\"pictureRef.close()\" class=\"close\">\n      <ngs-icon name=\"fluent:dismiss-24-regular\"/>\n    </button>\n  </div>\n  <div class=\"w-max\">\n    <button class=\"zoom\" (click)=\"toggleZoom()\" [disabled]=\"scaleMax === 1 || null\">\n      @if (scale === this.scaleMin) {\n        <ngs-icon name=\"fluent:zoom-in-24-regular\"/>\n      } @else {\n        <ngs-icon name=\"fluent:zoom-out-24-regular\"/>\n      }\n    </button>\n  </div>\n</div>\n<div class=\"content\" (click)=\"onBackdropClick()\">\n  <div class=\"image\" (dragstart)=\"onDragStart($event)\">\n    @if (loading) {\n      <div class=\"spinner\">\n        <ngs-progress-spinner/>\n      </div>\n    }\n    <img [src]=\"data.sourceUrl\" alt=\"\" (load)=\"onLoad($event)\" (click)=\"onPreventClick($event)\" class=\"img\">\n  </div>\n  @if (hasAside()) {\n    <aside class=\"aside\" (click)=\"onPreventClick($event)\">\n      <div class=\"aside-header\">\n        @if (data.captionTplRef) {\n          <ng-container [ngTemplateOutlet]=\"data.captionTplRef\" />\n        } @else if (data.caption) {\n          {{ data.caption }}\n        }\n      </div>\n      <div class=\"aside-body\">\n        <div class=\"aside-body-scroll\">\n          @if (data.descriptionTplRef) {\n            <ng-container [ngTemplateOutlet]=\"data.descriptionTplRef\" />\n          } @else if (data.description) {\n            {{ data.description }}\n          }\n        </div>\n      </div>\n    </aside>\n  }\n</div>\n","import { DestroyRef, Directive, inject, Injector } from '@angular/core';\nimport { Overlay } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { PictureRef } from './picture-ref';\nimport { ImageViewer } from './image-viewer/image-viewer';\nimport { IMAGE_VIEWER_PICTURE_DATA, IMAGE_VIEWER_PICTURE_REF, PictureOptions } from './types';\n\n@Directive({\n  selector: '[ngsImageViewer]',\n  exportAs: 'ngsImageViewer',\n  standalone: true,\n  host: {\n    'class': 'ngs-image-viewer',\n  }\n})\nexport class ImageViewerDirective {\n  private _overlay = inject(Overlay);\n  private _injector = inject(Injector);\n  private _destroyRef = inject(DestroyRef);\n\n  get api() {\n    return {\n      open: (options: PictureOptions): PictureRef => this._open(options)\n    }\n  }\n\n  private _open(options: PictureOptions): PictureRef {\n    const pictureRef = new PictureRef();\n    const overlayRef = this._overlay.create({\n      positionStrategy: this._overlay.position().global(),\n      hasBackdrop: true\n    });\n    const injector = Injector.create({\n      providers: [\n        {\n          provide: IMAGE_VIEWER_PICTURE_REF,\n          useValue: pictureRef\n        },\n        {\n          provide: IMAGE_VIEWER_PICTURE_DATA,\n          useValue: options\n        }\n      ],\n      parent: this._injector\n    });\n    const portal = new ComponentPortal(ImageViewer, null, injector);\n    overlayRef.attach(portal);\n    pictureRef.closed.pipe(\n      takeUntilDestroyed(this._destroyRef)\n    ).subscribe(() => {\n      overlayRef.detach();\n    });\n    return pictureRef;\n  }\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ngsImageViewerPictureCaption]',\n  standalone: true\n})\nexport class ImageViewerPictureCaptionDirective {\n  readonly templateRef = inject(TemplateRef);\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ngsImageViewerPictureDescription]',\n  standalone: true\n})\nexport class ImageViewerPictureDescriptionDirective {\n  readonly templateRef = inject(TemplateRef);\n}\n","import { Directive, inject, TemplateRef } from '@angular/core';\n\n@Directive({\n  selector: '[ngsImageViewerPictureTitle]',\n  standalone: true\n})\nexport class ImageViewerPictureTitleDirective {\n  readonly templateRef = inject(TemplateRef);\n}\n","import { contentChild, Directive, inject, input } from '@angular/core';\nimport { IMAGE_VIEWER } from './types';\nimport { ImageViewerDirective } from './image-viewer.directive';\nimport { ImageViewerPictureCaptionDirective } from './image-viewer-picture-caption.directive';\nimport { ImageViewerPictureDescriptionDirective } from './image-viewer-picture-description.directive';\nimport { ImageViewerPictureTitleDirective } from './image-viewer-picture-title.directive';\n\n@Directive({\n  selector: '[ngsImageViewerPicture]',\n  exportAs: 'ngsImageViewerPicture',\n  standalone: true,\n  providers: [\n    {\n      provide: IMAGE_VIEWER,\n      useExisting: ImageViewerPictureDirective\n    }\n  ],\n  host: {\n    'class': 'ngs-image-viewer-picture',\n    '(click)': 'onClick($event)'\n  }\n})\nexport class ImageViewerPictureDirective {\n  private _imageViewer = inject(ImageViewerDirective);\n  private _titleTplRef = contentChild(ImageViewerPictureTitleDirective);\n  private _captionTplRef = contentChild(ImageViewerPictureCaptionDirective);\n  private _descriptionTplRef = contentChild(ImageViewerPictureDescriptionDirective);\n\n  sourceUrl = input.required<string>();\n  caption = input<string>();\n  title = input<string>();\n  description = input<string>();\n\n  protected onClick(event: MouseEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this._imageViewer.api.open({\n      sourceUrl: this.sourceUrl(),\n      title: this.title(),\n      caption: this.caption(),\n      description: this.description(),\n      titleTplRef: this._titleTplRef()?.templateRef,\n      captionTplRef: this._captionTplRef()?.templateRef,\n      descriptionTplRef: this._descriptionTplRef()?.templateRef\n    });\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;;MAEa,UAAU,CAAA;AACZ,IAAA,MAAM,GAAG,IAAI,YAAY,EAAE;IAEpC,KAAK,GAAA;AACH,QAAA,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;IACpB;AACD;;ACKM,MAAM,YAAY,GAAG,IAAI,cAAc,CAAC,cAAc,CAAC;AACvD,MAAM,wBAAwB,GAAG,IAAI,cAAc,CAAa,0BAA0B,CAAC;AAC3F,MAAM,yBAAyB,GAAG,IAAI,cAAc,CAAiB,2BAA2B,CAAC;;MCU3F,WAAW,CAAA;AACb,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;AAChC,IAAA,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;AAC5B,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAChC,IAAA,SAAS,GAAG,MAAM,CAAC,SAAS,CAAC;IAC7B,aAAa,GAAG,CAAC;IACjB,aAAa,GAAG,CAAC;IACjB,QAAQ,GAAG,CAAC;IACZ,QAAQ,GAAG,CAAC;IACZ,WAAW,GAAG,CAAC;IACf,WAAW,GAAG,CAAC;IACb,SAAS,GAAG,KAAK;AAClB,IAAA,UAAU,GAAG,MAAM,CAAC,wBAAwB,CAAC;AAC7C,IAAA,IAAI,GAAG,MAAM,CAAC,yBAAyB,CAAC;IACjD,OAAO,GAAG,IAAI;IACd,KAAK,GAAG,CAAC;AACT,IAAA,KAAK;IACL,cAAc,GAAG,KAAK;IACtB,QAAQ,GAAG,CAAC;IACZ,QAAQ,GAAG,CAAC;IACZ,OAAO,GAAG,EAAE;AAEZ,IAAA,MAAM,GAAG,QAAQ,CAAU,MAAK;AAC9B,QAAA,OAAO,IAAI,CAAC,KAAK,KAAK,CAAC;AACzB,IAAA,CAAC,6EAAC;AACF,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;AACvB,QAAA,OAAO,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC;AACrD,IAAA,CAAC,+EAAC;AACF,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAK;QACvB,OAAO,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,IAAI,CAAC,iBAAiB,CAAC;AACjH,IAAA,CAAC,+EAAC;AAEF,IAAA,MAAM,CAAC,KAAY,EAAA;AACjB,QAAA,IAAI,CAAC,OAAO,GAAG,KAAK;AACpB,QAAA,IAAI,CAAC,KAAK,GAAI,KAAK,CAAC,MAA2B;AAE/C,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;AACxC,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK;QAC5D;aAAO;AACL,YAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,KAAK,CAAC,aAAa,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM;QAC9D;AAEA,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK;AACxB,QAAA,SAAS,CAAC,KAAK,EAAE,WAAW;AACzB,aAAA,IAAI,CACH,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;AAErC,aAAA,SAAS,CAAC,CAAC,KAAuB,KAAI;AACrC,YAAA,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC,EAAE;gBACtD;YACF;AAEA,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI;AACrB,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,OAAO;AAClC,YAAA,IAAI,CAAC,aAAa,GAAG,KAAK,CAAC,OAAO;AACpC,QAAA,CAAC,CAAC;AAEJ,QAAA,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,WAAW;AAClC,aAAA,IAAI,CACH,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;AAErC,aAAA,SAAS,CAAC,CAAC,KAAU,KAAI;AACxB,YAAA,IAAI,IAAI,CAAC,SAAS,EAAE;gBAClB,MAAM,WAAW,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;AACpC,gBAAA,IAAI,OAAO,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,IAAI,WAAW;AAChE,gBAAA,IAAI,OAAO,GAAG,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,aAAa,IAAI,WAAW;AAChE,gBAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC;YACnC;AACF,QAAA,CAAC,CAAC;AAEJ,QAAA,SAAS,CAAC,IAAI,CAAC,SAAS,EAAE,SAAS;AAChC,aAAA,IAAI,CACH,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;AAErC,aAAA,SAAS,CAAC,CAAC,KAAU,KAAI;AACxB,YAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,gBAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAA4B;AAC5D,gBAAA,MAAM,WAAW,GAAG,OAAO,CAAC,qBAAqB,EAAE;gBACnD,IAAI,CAAC,SAAS,CAAC,WAAW,CAAC,OAAO,EAAE,UAAU,CAAC;AAC/C,gBAAA,IAAI,CAAC,SAAS,GAAG,KAAK;AACtB,gBAAA,IAAI,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC,KAAK,CAAC;AAChE,gBAAA,IAAI,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,qBAAqB,EAAE,CAAC,MAAM,CAAC;gBAClE,IAAI,kBAAkB,GAAG,IAAI,CAAC,QAAQ,EAAE,GAAG,WAAW,CAAC,KAAK,GAAG,GAAG,GAAG,WAAW,CAAC,KAAK;AACtF,gBAAA,IAAI,mBAAmB,GAAG,WAAW,CAAC,MAAM;gBAE5C,IAAI,UAAU,IAAI,kBAAkB,IAAI,WAAW,IAAI,mBAAmB,EAAE;AAC1E,oBAAA,IAAI,CAAC,WAAW,GAAG,CAAC;AACpB,oBAAA,IAAI,CAAC,WAAW,GAAG,CAAC;AACpB,oBAAA,IAAI,CAAC,QAAQ,GAAG,CAAC;AACjB,oBAAA,IAAI,CAAC,QAAQ,GAAG,CAAC;oBACjB,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,WAAW,EAAE,CAAA,kBAAA,CAAoB,CAAC;gBACnE;qBAAO;AACL,oBAAA,MAAM,SAAS,GAAG,KAAK,CAAC,qBAAqB,EAAE;AAC/C,oBAAA,MAAM,SAAS,GAAG,kBAAkB,GAAG,UAAU;AACjD,oBAAA,MAAM,UAAU,GAAG,mBAAmB,GAAG,WAAW;oBACpD,MAAM,aAAa,GAAG,SAAS,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC;oBAChD,MAAM,aAAa,GAAG,UAAU,GAAG,IAAI,CAAC,KAAK,GAAG,CAAC;AAEjD,oBAAA,IAAI,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,CAAC,GAAG,CAAC,EAAE;wBACtC,IAAI,CAAC,WAAW,GAAG,aAAa,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO;wBACpD,IAAI,CAAC,WAAW,GAAG,aAAa,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO;oBACtD;AAAO,yBAAA,IAAI,SAAS,CAAC,CAAC,GAAG,SAAS,IAAI,SAAS,CAAC,CAAC,GAAG,CAAC,EAAE;wBACrD,IAAI,CAAC,WAAW,GAAG,aAAa,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO;wBACpD,IAAI,CAAC,WAAW,GAAG,aAAa,GAAG,IAAI,CAAC,OAAO;oBACjD;AAAO,yBAAA,IAAI,SAAS,CAAC,CAAC,GAAG,SAAS,IAAI,SAAS,CAAC,CAAC,GAAG,UAAU,EAAE;wBAC9D,IAAI,CAAC,WAAW,GAAG,aAAa,GAAG,IAAI,CAAC,OAAO;wBAC/C,IAAI,CAAC,WAAW,GAAG,aAAa,GAAG,IAAI,CAAC,OAAO;oBACjD;AAAO,yBAAA,IAAI,SAAS,CAAC,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC,CAAC,GAAG,UAAU,EAAE;wBACtD,IAAI,CAAC,WAAW,GAAG,aAAa,GAAG,IAAI,CAAC,OAAO;wBAC/C,IAAI,CAAC,WAAW,GAAG,aAAa,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,OAAO;oBACtD;AAEA,oBAAA,IAAI,UAAU,GAAG,kBAAkB,EAAE;AACnC,wBAAA,IAAI,CAAC,WAAW,GAAG,CAAC;oBACtB;AAEA,oBAAA,IAAI,WAAW,GAAG,mBAAmB,EAAE;AACrC,wBAAA,IAAI,CAAC,WAAW,GAAG,CAAC;oBACtB;AAEA,oBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW;AAChC,oBAAA,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,WAAW;AAChC,oBAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CACrB,KAAK,EACL,WAAW,EAAE,aAAa,IAAI,CAAC,WAAW,CAAA,GAAA,EAAM,IAAI,CAAC,WAAW,CAAA,GAAA,CAAK,CACtE;gBACH;YACF;AACF,QAAA,CAAC,CAAC;IAEN;IAEA,eAAe,GAAA;AACb,QAAA,IAAI,CAAC,UAAU,CAAC,KAAK,EAAE;IACzB;AAEA,IAAA,cAAc,CAAC,KAAiB,EAAA;QAC9B,KAAK,CAAC,cAAc,EAAE;QACtB,KAAK,CAAC,eAAe,EAAE;IACzB;IAEA,UAAU,GAAA;QACR,IAAI,IAAI,CAAC,KAAK,KAAK,IAAI,CAAC,QAAQ,EAAE;AAChC,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ;QAC5B;aAAO;AACL,YAAA,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,QAAQ;AAC1B,YAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,EAAE,WAAW,EAAE,CAAA,kBAAA,CAAoB,CAAC;AACtE,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC;AACjB,YAAA,IAAI,CAAC,QAAQ,GAAG,CAAC;AACjB,YAAA,IAAI,CAAC,WAAW,GAAG,CAAC;AACpB,YAAA,IAAI,CAAC,WAAW,GAAG,CAAC;QACtB;AAEA,QAAA,MAAM,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC,aAA4B;AAC5D,QAAA,OAAO,CAAC,KAAK,CAAC,WAAW,CAAC,kCAAkC,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;IACtF;AAEU,IAAA,WAAW,CAAC,KAAY,EAAA;QAChC,KAAK,CAAC,eAAe,EAAE;QACvB,KAAK,CAAC,cAAc,EAAE;AACtB,QAAA,IAAI,CAAC,cAAc,GAAG,IAAI;IAC5B;IAEQ,UAAU,CAAC,OAAe,EAAE,OAAe,EAAA;AACjD,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAyB;QAC5C,MAAM,WAAW,IAAI,CAAC,GAAG,IAAI,CAAC,KAAK,CAAC;AACpC,QAAA,IAAI,UAAU,GAAG,IAAI,CAAC,QAAQ,GAAG,OAAO;;;AAGxC,QAAA,IAAI,UAAU,GAAG,IAAI,CAAC,QAAQ,GAAG,OAAO;;;;;;;;;;;;;;;;AAkBxC,QAAA,IAAI,CAAC,WAAW,GAAG,UAAU;AAC7B,QAAA,IAAI,CAAC,WAAW,GAAG,UAAU;AAC7B,QAAA,IAAI,CAAC,SAAS,CAAC,QAAQ,CACrB,KAAK,EACL,WAAW,EAAE,aAAa,UAAU,CAAA,GAAA,EAAM,UAAU,CAAA,GAAA,CAAK,CAC1D;IACH;uGAjMW,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,kQCzBxB,uzDAyDA,EAAA,MAAA,EAAA,CAAA,oiIAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,ED7CI,IAAI,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACJ,eAAe,kKACf,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;2FAWP,WAAW,EAAA,UAAA,EAAA,CAAA;kBAjBvB,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAClB,gBAAgB,EAAA,OAAA,EACjB;wBACP,IAAI;wBACJ,eAAe;wBACf;qBACD,EAAA,IAAA,EAGK;AACJ,wBAAA,OAAO,EAAE,kBAAkB;AAC3B,wBAAA,iBAAiB,EAAE,SAAS;AAC5B,wBAAA,kBAAkB,EAAE,WAAW;AAC/B,wBAAA,gBAAgB,EAAE;AACnB,qBAAA,EAAA,QAAA,EAAA,uzDAAA,EAAA,MAAA,EAAA,CAAA,oiIAAA,CAAA,EAAA;;;MEPU,oBAAoB,CAAA;AACvB,IAAA,QAAQ,GAAG,MAAM,CAAC,OAAO,CAAC;AAC1B,IAAA,SAAS,GAAG,MAAM,CAAC,QAAQ,CAAC;AAC5B,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAExC,IAAA,IAAI,GAAG,GAAA;QACL,OAAO;YACL,IAAI,EAAE,CAAC,OAAuB,KAAiB,IAAI,CAAC,KAAK,CAAC,OAAO;SAClE;IACH;AAEQ,IAAA,KAAK,CAAC,OAAuB,EAAA;AACnC,QAAA,MAAM,UAAU,GAAG,IAAI,UAAU,EAAE;AACnC,QAAA,MAAM,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC;YACtC,gBAAgB,EAAE,IAAI,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,MAAM,EAAE;AACnD,YAAA,WAAW,EAAE;AACd,SAAA,CAAC;AACF,QAAA,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC;AAC/B,YAAA,SAAS,EAAE;AACT,gBAAA;AACE,oBAAA,OAAO,EAAE,wBAAwB;AACjC,oBAAA,QAAQ,EAAE;AACX,iBAAA;AACD,gBAAA;AACE,oBAAA,OAAO,EAAE,yBAAyB;AAClC,oBAAA,QAAQ,EAAE;AACX;AACF,aAAA;YACD,MAAM,EAAE,IAAI,CAAC;AACd,SAAA,CAAC;QACF,MAAM,MAAM,GAAG,IAAI,eAAe,CAAC,WAAW,EAAE,IAAI,EAAE,QAAQ,CAAC;AAC/D,QAAA,UAAU,CAAC,MAAM,CAAC,MAAM,CAAC;AACzB,QAAA,UAAU,CAAC,MAAM,CAAC,IAAI,CACpB,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC,CACrC,CAAC,SAAS,CAAC,MAAK;YACf,UAAU,CAAC,MAAM,EAAE;AACrB,QAAA,CAAC,CAAC;AACF,QAAA,OAAO,UAAU;IACnB;uGAtCW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,kBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAApB,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBARhC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,kBAAkB;AAC5B,oBAAA,QAAQ,EAAE,gBAAgB;AAC1B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,IAAI,EAAE;AACJ,wBAAA,OAAO,EAAE,kBAAkB;AAC5B;AACF,iBAAA;;;MCTY,kCAAkC,CAAA;AACpC,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;uGAD/B,kCAAkC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAlC,kCAAkC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAlC,kCAAkC,EAAA,UAAA,EAAA,CAAA;kBAJ9C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,gCAAgC;AAC1C,oBAAA,UAAU,EAAE;AACb,iBAAA;;;MCCY,sCAAsC,CAAA;AACxC,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;uGAD/B,sCAAsC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAtC,sCAAsC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,oCAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAtC,sCAAsC,EAAA,UAAA,EAAA,CAAA;kBAJlD,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oCAAoC;AAC9C,oBAAA,UAAU,EAAE;AACb,iBAAA;;;MCCY,gCAAgC,CAAA;AAClC,IAAA,WAAW,GAAG,MAAM,CAAC,WAAW,CAAC;uGAD/B,gCAAgC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAhC,gCAAgC,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAhC,gCAAgC,EAAA,UAAA,EAAA,CAAA;kBAJ5C,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,8BAA8B;AACxC,oBAAA,UAAU,EAAE;AACb,iBAAA;;;MCiBY,2BAA2B,CAAA;AAC9B,IAAA,YAAY,GAAG,MAAM,CAAC,oBAAoB,CAAC;AAC3C,IAAA,YAAY,GAAG,YAAY,CAAC,gCAAgC,mFAAC;AAC7D,IAAA,cAAc,GAAG,YAAY,CAAC,kCAAkC,qFAAC;AACjE,IAAA,kBAAkB,GAAG,YAAY,CAAC,sCAAsC,yFAAC;AAEjF,IAAA,SAAS,GAAG,KAAK,CAAC,QAAQ,+EAAU;IACpC,OAAO,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;IACzB,KAAK,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;IACvB,WAAW,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAU;AAEnB,IAAA,OAAO,CAAC,KAAiB,EAAA;QACjC,KAAK,CAAC,cAAc,EAAE;QACtB,KAAK,CAAC,eAAe,EAAE;AACvB,QAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,CAAC;AACzB,YAAA,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE;AAC3B,YAAA,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;AACnB,YAAA,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE;AACvB,YAAA,WAAW,EAAE,IAAI,CAAC,WAAW,EAAE;AAC/B,YAAA,WAAW,EAAE,IAAI,CAAC,YAAY,EAAE,EAAE,WAAW;AAC7C,YAAA,aAAa,EAAE,IAAI,CAAC,cAAc,EAAE,EAAE,WAAW;AACjD,YAAA,iBAAiB,EAAE,IAAI,CAAC,kBAAkB,EAAE,EAAE;AAC/C,SAAA,CAAC;IACJ;uGAvBW,2BAA2B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAA3B,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,2BAA2B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,MAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,OAAA,EAAA,iBAAA,EAAA,EAAA,cAAA,EAAA,0BAAA,EAAA,EAAA,SAAA,EAX3B;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,YAAY;AACrB,gBAAA,WAAW,EAAE;AACd;AACF,SAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,cAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAQmC,gCAAgC,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAC9B,kCAAkC,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,oBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAC9B,sCAAsC,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,uBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAJrE,2BAA2B,EAAA,UAAA,EAAA,CAAA;kBAfvC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yBAAyB;AACnC,oBAAA,QAAQ,EAAE,uBAAuB;AACjC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,SAAS,EAAE;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,YAAY;AACrB,4BAAA,WAAW,EAAA;AACZ;AACF,qBAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,OAAO,EAAE,0BAA0B;AACnC,wBAAA,SAAS,EAAE;AACZ;AACF,iBAAA;iGAGqC,gCAAgC,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAC9B,kCAAkC,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,kBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAC9B,sCAAsC,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,OAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,aAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AC1BlF;;AAEG;;;;"}

package/fesm2022/ngstarter-ui-components-image-zoom-viewer.mjs

@@ -7,11 +7,11 @@ import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 
 class ImageZoomViewerStyle {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ImageZoomViewerStyle, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: ImageZoomViewerStyle, isStandalone: true, selector: "ngs-image-zoom-viewer-style", ngImport: i0, template: '', isInline: true, styles: [".ngs-image-zoom-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:zoom-out}.ngs-image-zoom-cloned{position:absolute;z-index:1001;cursor:zoom-out;pointer-events:auto;transition:transform .25s cubic-bezier(.4,0,.2,1);will-change:transform}.ngs-image-zoom-backdrop{background:var(--overlay-backdrop-bg);transition:opacity .25s cubic-bezier(.4,0,.2,1);opacity:0}.ngs-image-zoom-backdrop.cdk-overlay-backdrop-showing{opacity:1}.ngs-image-zoom-backdrop.is-closing{opacity:0!important}\n"], encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: ImageZoomViewerStyle, isStandalone: true, selector: "ngs-image-zoom-viewer-style", ngImport: i0, template: '', isInline: true, styles: [".ngs-image-zoom-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:zoom-out}.ngs-image-zoom-cloned{position:absolute;z-index:1001;cursor:zoom-out;pointer-events:auto;transition:transform .25s cubic-bezier(.4,0,.2,1);will-change:transform}.ngs-image-zoom-backdrop{background:var(--ngs-overlay-backdrop-bg);transition:opacity .25s cubic-bezier(.4,0,.2,1);opacity:0}.ngs-image-zoom-backdrop.cdk-overlay-backdrop-showing{opacity:1}.ngs-image-zoom-backdrop.is-closing{opacity:0!important}\n"], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ImageZoomViewerStyle, decorators: [{
             type: Component,
-            args: [{ selector: 'ngs-image-zoom-viewer-style', template: '', encapsulation: ViewEncapsulation.None, styles: [".ngs-image-zoom-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:zoom-out}.ngs-image-zoom-cloned{position:absolute;z-index:1001;cursor:zoom-out;pointer-events:auto;transition:transform .25s cubic-bezier(.4,0,.2,1);will-change:transform}.ngs-image-zoom-backdrop{background:var(--overlay-backdrop-bg);transition:opacity .25s cubic-bezier(.4,0,.2,1);opacity:0}.ngs-image-zoom-backdrop.cdk-overlay-backdrop-showing{opacity:1}.ngs-image-zoom-backdrop.is-closing{opacity:0!important}\n"] }]
+            args: [{ selector: 'ngs-image-zoom-viewer-style', template: '', encapsulation: ViewEncapsulation.None, styles: [".ngs-image-zoom-wrapper{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;z-index:1000;cursor:zoom-out}.ngs-image-zoom-cloned{position:absolute;z-index:1001;cursor:zoom-out;pointer-events:auto;transition:transform .25s cubic-bezier(.4,0,.2,1);will-change:transform}.ngs-image-zoom-backdrop{background:var(--ngs-overlay-backdrop-bg);transition:opacity .25s cubic-bezier(.4,0,.2,1);opacity:0}.ngs-image-zoom-backdrop.cdk-overlay-backdrop-showing{opacity:1}.ngs-image-zoom-backdrop.is-closing{opacity:0!important}\n"] }]
         }] });
 
 class ImageZoomViewerImage {

package/fesm2022/ngstarter-ui-components-image-zoom-viewer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngstarter-ui-components-image-zoom-viewer.mjs","sources":["../../../projects/components/image-zoom-viewer/src/image-zoom-viewer-style/image-zoom-viewer-style.ts","../../../projects/components/image-zoom-viewer/src/image-zoom-viewer-image.ts","../../../projects/components/image-zoom-viewer/src/image-zoom-viewer/image-zoom-viewer.ts","../../../projects/components/image-zoom-viewer/src/image-zoom-viewer/image-zoom-viewer.html","../../../projects/components/image-zoom-viewer/ngstarter-ui-components-image-zoom-viewer.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ngs-image-zoom-viewer-style',\n  template: '',\n  styleUrl: './image-zoom-viewer-style.scss',\n  encapsulation: ViewEncapsulation.None\n})\nexport class ImageZoomViewerStyle {\n\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsImageZoomViewerImage]',\n})\nexport class ImageZoomViewerImage {\n}\n","import {\n  Component,\n  contentChild,\n  DestroyRef,\n  effect,\n  ElementRef,\n  inject,\n  OnDestroy,\n  signal,\n  TemplateRef,\n  untracked,\n  viewChild,\n  ViewContainerRef,\n} from '@angular/core';\nimport { fromEvent, Subscription } from 'rxjs';\nimport { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport {\n  ImageZoomViewerStyle\n} from '../image-zoom-viewer-style/image-zoom-viewer-style';\nimport { ImageZoomViewerImage } from '../image-zoom-viewer-image';\n\n@Component({\n  selector: 'ngs-image-zoom-viewer',\n  exportAs: 'ngsImageZoomViewer',\n  templateUrl: './image-zoom-viewer.html',\n  styleUrl: './image-zoom-viewer.scss',\n  imports: [\n    ImageZoomViewerStyle,\n  ],\n  host: {\n    'class': 'ngs-image-zoom-viewer'\n  }\n})\nexport class ImageZoomViewer implements OnDestroy {\n  private overlay = inject(Overlay);\n  private viewContainerRef = inject(ViewContainerRef);\n  private destroyRef = inject(DestroyRef);\n\n  readonly contentImageRef = contentChild.required(ImageZoomViewerImage, { read: ElementRef<HTMLImageElement> });\n  readonly zoomedTemplate = viewChild.required<TemplateRef<any>>('zoomedTemplate');\n\n  readonly isZoomed = signal(false);\n  readonly imageSrc = signal('');\n  readonly imageAlt = signal('');\n  readonly imageRect = signal<DOMRect | undefined>(undefined);\n  readonly zoomedTransform = signal('translate(0, 0) scale(1)');\n\n  private overlayRef: OverlayRef | null = null;\n  private resizeSubscription?: Subscription;\n\n  constructor() {\n    // Update image source when content changes or initial load\n    effect(() => {\n      const img = this.getImageElement();\n      if (img) {\n        untracked(() => {\n          this.imageSrc.set(img.src);\n          this.imageAlt.set(img.alt);\n        });\n      }\n    });\n  }\n\n  ngOnDestroy() {\n    this.closeZoom();\n  }\n\n  toggleZoom() {\n    if (this.isZoomed()) {\n      this.closeZoom();\n    } else {\n      this.openZoom();\n    }\n  }\n\n  openZoom() {\n    const img = this.getImageElement();\n    const template = this.zoomedTemplate();\n    this.imageSrc.set(img.src);\n    this.imageAlt.set(img.alt);\n    const rect = img.getBoundingClientRect();\n    this.imageRect.set(rect);\n    this.isZoomed.set(true);\n\n    this.overlayRef = this.overlay.create({\n      hasBackdrop: true,\n      backdropClass: 'ngs-image-zoom-backdrop',\n      scrollStrategy: this.overlay.scrollStrategies.block(),\n      positionStrategy: this.overlay.position().global().centerHorizontally().centerVertically()\n    });\n\n    this.overlayRef\n      .backdropClick()\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => this.closeZoom());\n    this.overlayRef\n      .keydownEvents()\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(event => {\n        if (event.key === 'Escape') {\n          this.closeZoom();\n        }\n      });\n\n    const portal = new TemplatePortal(template, this.viewContainerRef);\n    this.overlayRef.attach(portal);\n\n    // Use requestAnimationFrame to ensure the cloned image is rendered before animating\n    requestAnimationFrame(() => {\n      this.calculateZoom();\n    });\n\n    this.resizeSubscription = fromEvent(window, 'resize')\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => {\n        this.calculateZoom();\n      });\n  }\n\n  closeZoom() {\n    if (!this.overlayRef) {\n      return;\n    }\n\n    const backdrop = this.overlayRef.backdropElement;\n    if (backdrop) {\n      backdrop.classList.add('is-closing');\n      backdrop.classList.remove('cdk-overlay-backdrop-showing');\n    }\n\n    this.zoomedTransform.set('translate(0, 0) scale(1)');\n\n    // Wait for transition to finish before hiding the overlay and cloned image\n    setTimeout(() => {\n      this.isZoomed.set(false);\n      this.cleanupListeners();\n      if (this.overlayRef) {\n        this.overlayRef.dispose();\n        this.overlayRef = null;\n      }\n    }, 250);\n  }\n\n  private calculateZoom() {\n    const rect = this.imageRect();\n\n    if (!rect) {\n      return;\n    }\n\n    const vWidth = window.innerWidth;\n    const vHeight = window.innerHeight;\n\n    const scaleX = vWidth / rect.width;\n    const scaleY = vHeight / rect.height;\n    const scale = Math.min(scaleX, scaleY) * 0.9; // 90% of viewport\n\n    const translateX = (vWidth / 2) - (rect.left + rect.width / 2);\n    const translateY = (vHeight / 2) - (rect.top + rect.height / 2);\n\n    this.zoomedTransform.set(`translate(${translateX}px, ${translateY}px) scale(${scale})`);\n  }\n\n  private getImageElement(): HTMLImageElement {\n    return this.contentImageRef().nativeElement;\n  }\n\n  private cleanupListeners() {\n    if (this.resizeSubscription) {\n      this.resizeSubscription.unsubscribe();\n      this.resizeSubscription = undefined;\n    }\n  }\n}\n","<ngs-image-zoom-viewer-style/>\n<div class=\"ngs-image-zoom-container\" [class.is-zoomed]=\"isZoomed()\" (click)=\"toggleZoom()\">\n  <ng-content/>\n</div>\n\n<ng-template #zoomedTemplate>\n  <div class=\"ngs-image-zoom-wrapper\" (click)=\"closeZoom()\">\n    <img\n      #zoomedImage\n      class=\"ngs-image-zoom-cloned\"\n      [src]=\"imageSrc()\"\n      [alt]=\"imageAlt()\"\n      [style.transform]=\"zoomedTransform()\"\n      [style.width.px]=\"imageRect()?.width\"\n      [style.height.px]=\"imageRect()?.height\"\n      [style.top.px]=\"imageRect()?.top\"\n      [style.left.px]=\"imageRect()?.left\"\n    />\n  </div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngstarter-ui-components-image-zoom-viewer.mjs","sources":["../../../projects/components/image-zoom-viewer/src/image-zoom-viewer-style/image-zoom-viewer-style.ts","../../../projects/components/image-zoom-viewer/src/image-zoom-viewer-image.ts","../../../projects/components/image-zoom-viewer/src/image-zoom-viewer/image-zoom-viewer.ts","../../../projects/components/image-zoom-viewer/src/image-zoom-viewer/image-zoom-viewer.html","../../../projects/components/image-zoom-viewer/ngstarter-ui-components-image-zoom-viewer.ts"],"sourcesContent":["import { Component, ViewEncapsulation } from '@angular/core';\n\n@Component({\n  selector: 'ngs-image-zoom-viewer-style',\n  template: '',\n  styleUrl: './image-zoom-viewer-style.scss',\n  encapsulation: ViewEncapsulation.None\n})\nexport class ImageZoomViewerStyle {\n\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsImageZoomViewerImage]',\n})\nexport class ImageZoomViewerImage {\n}\n","import {\n  Component,\n  contentChild,\n  DestroyRef,\n  effect,\n  ElementRef,\n  inject,\n  OnDestroy,\n  signal,\n  TemplateRef,\n  untracked,\n  viewChild,\n  ViewContainerRef,\n} from '@angular/core';\nimport { fromEvent, Subscription } from 'rxjs';\nimport { Overlay, OverlayRef } from '@angular/cdk/overlay';\nimport { TemplatePortal } from '@angular/cdk/portal';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport {\n  ImageZoomViewerStyle\n} from '../image-zoom-viewer-style/image-zoom-viewer-style';\nimport { ImageZoomViewerImage } from '../image-zoom-viewer-image';\n\n@Component({\n  selector: 'ngs-image-zoom-viewer',\n  exportAs: 'ngsImageZoomViewer',\n  templateUrl: './image-zoom-viewer.html',\n  styleUrl: './image-zoom-viewer.scss',\n  imports: [\n    ImageZoomViewerStyle,\n  ],\n  host: {\n    'class': 'ngs-image-zoom-viewer'\n  }\n})\nexport class ImageZoomViewer implements OnDestroy {\n  private overlay = inject(Overlay);\n  private viewContainerRef = inject(ViewContainerRef);\n  private destroyRef = inject(DestroyRef);\n\n  readonly contentImageRef = contentChild.required(ImageZoomViewerImage, { read: ElementRef<HTMLImageElement> });\n  readonly zoomedTemplate = viewChild.required<TemplateRef<any>>('zoomedTemplate');\n\n  readonly isZoomed = signal(false);\n  readonly imageSrc = signal('');\n  readonly imageAlt = signal('');\n  readonly imageRect = signal<DOMRect | undefined>(undefined);\n  readonly zoomedTransform = signal('translate(0, 0) scale(1)');\n\n  private overlayRef: OverlayRef | null = null;\n  private resizeSubscription?: Subscription;\n\n  constructor() {\n    // Update image source when content changes or initial load\n    effect(() => {\n      const img = this.getImageElement();\n      if (img) {\n        untracked(() => {\n          this.imageSrc.set(img.src);\n          this.imageAlt.set(img.alt);\n        });\n      }\n    });\n  }\n\n  ngOnDestroy() {\n    this.closeZoom();\n  }\n\n  toggleZoom() {\n    if (this.isZoomed()) {\n      this.closeZoom();\n    } else {\n      this.openZoom();\n    }\n  }\n\n  openZoom() {\n    const img = this.getImageElement();\n    const template = this.zoomedTemplate();\n    this.imageSrc.set(img.src);\n    this.imageAlt.set(img.alt);\n    const rect = img.getBoundingClientRect();\n    this.imageRect.set(rect);\n    this.isZoomed.set(true);\n\n    this.overlayRef = this.overlay.create({\n      hasBackdrop: true,\n      backdropClass: 'ngs-image-zoom-backdrop',\n      scrollStrategy: this.overlay.scrollStrategies.block(),\n      positionStrategy: this.overlay.position().global().centerHorizontally().centerVertically()\n    });\n\n    this.overlayRef\n      .backdropClick()\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => this.closeZoom());\n    this.overlayRef\n      .keydownEvents()\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(event => {\n        if (event.key === 'Escape') {\n          this.closeZoom();\n        }\n      });\n\n    const portal = new TemplatePortal(template, this.viewContainerRef);\n    this.overlayRef.attach(portal);\n\n    // Use requestAnimationFrame to ensure the cloned image is rendered before animating\n    requestAnimationFrame(() => {\n      this.calculateZoom();\n    });\n\n    this.resizeSubscription = fromEvent(window, 'resize')\n      .pipe(takeUntilDestroyed(this.destroyRef))\n      .subscribe(() => {\n        this.calculateZoom();\n      });\n  }\n\n  closeZoom() {\n    if (!this.overlayRef) {\n      return;\n    }\n\n    const backdrop = this.overlayRef.backdropElement;\n    if (backdrop) {\n      backdrop.classList.add('is-closing');\n      backdrop.classList.remove('cdk-overlay-backdrop-showing');\n    }\n\n    this.zoomedTransform.set('translate(0, 0) scale(1)');\n\n    // Wait for transition to finish before hiding the overlay and cloned image\n    setTimeout(() => {\n      this.isZoomed.set(false);\n      this.cleanupListeners();\n      if (this.overlayRef) {\n        this.overlayRef.dispose();\n        this.overlayRef = null;\n      }\n    }, 250);\n  }\n\n  private calculateZoom() {\n    const rect = this.imageRect();\n\n    if (!rect) {\n      return;\n    }\n\n    const vWidth = window.innerWidth;\n    const vHeight = window.innerHeight;\n\n    const scaleX = vWidth / rect.width;\n    const scaleY = vHeight / rect.height;\n    const scale = Math.min(scaleX, scaleY) * 0.9; // 90% of viewport\n\n    const translateX = (vWidth / 2) - (rect.left + rect.width / 2);\n    const translateY = (vHeight / 2) - (rect.top + rect.height / 2);\n\n    this.zoomedTransform.set(`translate(${translateX}px, ${translateY}px) scale(${scale})`);\n  }\n\n  private getImageElement(): HTMLImageElement {\n    return this.contentImageRef().nativeElement;\n  }\n\n  private cleanupListeners() {\n    if (this.resizeSubscription) {\n      this.resizeSubscription.unsubscribe();\n      this.resizeSubscription = undefined;\n    }\n  }\n}\n","<ngs-image-zoom-viewer-style/>\n<div class=\"ngs-image-zoom-container\" [class.is-zoomed]=\"isZoomed()\" (click)=\"toggleZoom()\">\n  <ng-content/>\n</div>\n\n<ng-template #zoomedTemplate>\n  <div class=\"ngs-image-zoom-wrapper\" (click)=\"closeZoom()\">\n    <img\n      #zoomedImage\n      class=\"ngs-image-zoom-cloned\"\n      [src]=\"imageSrc()\"\n      [alt]=\"imageAlt()\"\n      [style.transform]=\"zoomedTransform()\"\n      [style.width.px]=\"imageRect()?.width\"\n      [style.height.px]=\"imageRect()?.height\"\n      [style.top.px]=\"imageRect()?.top\"\n      [style.left.px]=\"imageRect()?.left\"\n    />\n  </div>\n</ng-template>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-incidents.mjs

@@ -17,7 +17,7 @@ class Incidents {
                 provide: INCIDENTS,
                 useExisting: Incidents
             }
-        ], exportAs: ["ngsIncidents"], ngImport: i0, template: "<ng-content select=\"ngs-incidents-bar\" />\n<ng-content select=\"ngs-incidents-list\" />\n", styles: [":host{--ngs-incidents-bar-height: calc(var(--spacing, .25rem) * 24);--ngs-incidents-bar-bg: var(--color-orange-container);--ngs-incidents-bar-padding: 0 calc(var(--spacing, .25rem) * 8);--ngs-incidents-bar-color: var(--color-on-orange-container);--ngs-incidents-bar-box-shadow: none;--ngs-incidents-bar-hover-box-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ngs-incidents-list-bg: rgba(0, 0, 0, .32);--ngs-incidents-list-gap: calc(var(--spacing, .25rem) * 5);--ngs-incidents-list-padding: calc(var(--spacing, .25rem) * 7) 0;--ngs-incident-bg: white;--ngs-incident-color: var(--color-neutral-700);--ngs-incident-border-radius: .375rem;--ngs-incident-padding: calc(var(--spacing, .25rem) * 4) calc(var(--spacing, .25rem) * 6);--ngs-incident-gap: calc(var(--spacing, .25rem) * 6);--ngs-incident-border-start: calc(var(--spacing, .25rem) * 1) solid var(--color-neutral-900);--ngs-incident-close-color: var(--color-neutral-500);--ngs-incident-close-hover-color: var(--color-neutral-900);--ngs-incident-title-font-size: .875rem;--ngs-incident-title-font-weight: 500;--ngs-incident-details-font-size: .875rem;--ngs-incident-details-color: var(--color-neutral-500);--ngs-incidents-title-font-size: var(--text-base);--ngs-incidents-title-font-weight: 500;--ngs-incidents-description-font-size: .875rem;--ngs-incidents-description-opacity: 80%;display:contents}:host .list-container{display:none;height:calc(100vh - var(--ngs-layout-top-header-top) + var(--ngs-layout-top-header-height))}:host-context(html.dark){--ngs-incidents-list-bg: rgba(255, 255, 255, .32)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+        ], exportAs: ["ngsIncidents"], ngImport: i0, template: "<ng-content select=\"ngs-incidents-bar\" />\n<ng-content select=\"ngs-incidents-list\" />\n", styles: [":host{--ngs-incidents-bar-height: calc(var(--spacing, .25rem) * 24);--ngs-incidents-bar-bg: var(--ngs-color-orange-container);--ngs-incidents-bar-padding: 0 calc(var(--spacing, .25rem) * 8);--ngs-incidents-bar-color: var(--ngs-color-on-orange-container);--ngs-incidents-bar-box-shadow: none;--ngs-incidents-bar-hover-box-shadow: var(--ngs-shadow-sm);--ngs-incidents-list-bg: rgba(0, 0, 0, .32);--ngs-incidents-list-gap: calc(var(--spacing, .25rem) * 5);--ngs-incidents-list-padding: calc(var(--spacing, .25rem) * 7) 0;--ngs-incident-bg: white;--ngs-incident-color: var(--ngs-color-neutral-700);--ngs-incident-border-radius: var(--ngs-radius-md);--ngs-incident-padding: calc(var(--spacing, .25rem) * 4) calc(var(--spacing, .25rem) * 6);--ngs-incident-gap: calc(var(--spacing, .25rem) * 6);--ngs-incident-border-start: calc(var(--spacing, .25rem) * 1) solid var(--ngs-color-neutral-900);--ngs-incident-close-color: var(--ngs-color-neutral-500);--ngs-incident-close-hover-color: var(--ngs-color-neutral-900);--ngs-incident-title-font-size: var(--ngs-font-size-sm);--ngs-incident-title-font-weight: 500;--ngs-incident-details-font-size: var(--ngs-font-size-sm);--ngs-incident-details-color: var(--ngs-color-neutral-500);--ngs-incidents-title-font-size: var(--text-base);--ngs-incidents-title-font-weight: 500;--ngs-incidents-description-font-size: var(--ngs-font-size-sm);--ngs-incidents-description-opacity: 80%;display:contents}:host .list-container{display:none;height:calc(100vh - var(--ngs-layout-top-header-top) + var(--ngs-layout-top-header-height))}:host-context(html.dark){--ngs-incidents-list-bg: rgba(255, 255, 255, .32)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: Incidents, decorators: [{
             type: Component,
@@ -29,7 +29,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                     ], host: {
                         'class': 'ngs-incidents',
                         '[class.is-visible]': 'isVisible',
-                    }, template: "<ng-content select=\"ngs-incidents-bar\" />\n<ng-content select=\"ngs-incidents-list\" />\n", styles: [":host{--ngs-incidents-bar-height: calc(var(--spacing, .25rem) * 24);--ngs-incidents-bar-bg: var(--color-orange-container);--ngs-incidents-bar-padding: 0 calc(var(--spacing, .25rem) * 8);--ngs-incidents-bar-color: var(--color-on-orange-container);--ngs-incidents-bar-box-shadow: none;--ngs-incidents-bar-hover-box-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--ngs-incidents-list-bg: rgba(0, 0, 0, .32);--ngs-incidents-list-gap: calc(var(--spacing, .25rem) * 5);--ngs-incidents-list-padding: calc(var(--spacing, .25rem) * 7) 0;--ngs-incident-bg: white;--ngs-incident-color: var(--color-neutral-700);--ngs-incident-border-radius: .375rem;--ngs-incident-padding: calc(var(--spacing, .25rem) * 4) calc(var(--spacing, .25rem) * 6);--ngs-incident-gap: calc(var(--spacing, .25rem) * 6);--ngs-incident-border-start: calc(var(--spacing, .25rem) * 1) solid var(--color-neutral-900);--ngs-incident-close-color: var(--color-neutral-500);--ngs-incident-close-hover-color: var(--color-neutral-900);--ngs-incident-title-font-size: .875rem;--ngs-incident-title-font-weight: 500;--ngs-incident-details-font-size: .875rem;--ngs-incident-details-color: var(--color-neutral-500);--ngs-incidents-title-font-size: var(--text-base);--ngs-incidents-title-font-weight: 500;--ngs-incidents-description-font-size: .875rem;--ngs-incidents-description-opacity: 80%;display:contents}:host .list-container{display:none;height:calc(100vh - var(--ngs-layout-top-header-top) + var(--ngs-layout-top-header-height))}:host-context(html.dark){--ngs-incidents-list-bg: rgba(255, 255, 255, .32)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content select=\"ngs-incidents-bar\" />\n<ng-content select=\"ngs-incidents-list\" />\n", styles: [":host{--ngs-incidents-bar-height: calc(var(--spacing, .25rem) * 24);--ngs-incidents-bar-bg: var(--ngs-color-orange-container);--ngs-incidents-bar-padding: 0 calc(var(--spacing, .25rem) * 8);--ngs-incidents-bar-color: var(--ngs-color-on-orange-container);--ngs-incidents-bar-box-shadow: none;--ngs-incidents-bar-hover-box-shadow: var(--ngs-shadow-sm);--ngs-incidents-list-bg: rgba(0, 0, 0, .32);--ngs-incidents-list-gap: calc(var(--spacing, .25rem) * 5);--ngs-incidents-list-padding: calc(var(--spacing, .25rem) * 7) 0;--ngs-incident-bg: white;--ngs-incident-color: var(--ngs-color-neutral-700);--ngs-incident-border-radius: var(--ngs-radius-md);--ngs-incident-padding: calc(var(--spacing, .25rem) * 4) calc(var(--spacing, .25rem) * 6);--ngs-incident-gap: calc(var(--spacing, .25rem) * 6);--ngs-incident-border-start: calc(var(--spacing, .25rem) * 1) solid var(--ngs-color-neutral-900);--ngs-incident-close-color: var(--ngs-color-neutral-500);--ngs-incident-close-hover-color: var(--ngs-color-neutral-900);--ngs-incident-title-font-size: var(--ngs-font-size-sm);--ngs-incident-title-font-weight: 500;--ngs-incident-details-font-size: var(--ngs-font-size-sm);--ngs-incident-details-color: var(--ngs-color-neutral-500);--ngs-incidents-title-font-size: var(--text-base);--ngs-incidents-title-font-weight: 500;--ngs-incidents-description-font-size: var(--ngs-font-size-sm);--ngs-incidents-description-opacity: 80%;display:contents}:host .list-container{display:none;height:calc(100vh - var(--ngs-layout-top-header-top) + var(--ngs-layout-top-header-height))}:host-context(html.dark){--ngs-incidents-list-bg: rgba(255, 255, 255, .32)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }] });
 
 class IncidentsBar {

package/fesm2022/ngstarter-ui-components-incidents.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngstarter-ui-components-incidents.mjs","sources":["../../../projects/components/incidents/src/properties.ts","../../../projects/components/incidents/src/incidents/incidents.ts","../../../projects/components/incidents/src/incidents/incidents.html","../../../projects/components/incidents/src/incidents-bar/incidents-bar.ts","../../../projects/components/incidents/src/incidents-bar/incidents-bar.html","../../../projects/components/incidents/src/incidents-list/incidents-list.ts","../../../projects/components/incidents/src/incidents-list/incidents-list.html","../../../projects/components/incidents/src/incidents.store.ts","../../../projects/components/incidents/src/incident/incident.ts","../../../projects/components/incidents/src/incident/incident.html","../../../projects/components/incidents/src/incident-title/incident-title.ts","../../../projects/components/incidents/src/incident-title/incident-title.html","../../../projects/components/incidents/src/incident-details/incident-details.ts","../../../projects/components/incidents/src/incident-details/incident-details.html","../../../projects/components/incidents/src/incident-button.directive.ts","../../../projects/components/incidents/src/incidents-title/incidents-title.ts","../../../projects/components/incidents/src/incidents-title/incidents-title.html","../../../projects/components/incidents/src/incidents-description/incidents-description.ts","../../../projects/components/incidents/src/incidents-description/incidents-description.html","../../../projects/components/incidents/src/incidents-toggle-icon.directive.ts","../../../projects/components/incidents/src/incident-close.directive.ts","../../../projects/components/incidents/src/incidents-container/incidents-container.ts","../../../projects/components/incidents/src/incidents-container/incidents-container.html","../../../projects/components/incidents/src/incident-icon.directive.ts","../../../projects/components/incidents/ngstarter-ui-components-incidents.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const INCIDENTS = new InjectionToken('INCIDENTS');\n","import {\n  Component\n} from '@angular/core';\nimport { INCIDENTS } from '../properties';\n\n@Component({\n  selector: 'ngs-incidents',\n  exportAs: 'ngsIncidents',\n  templateUrl: './incidents.html',\n  styleUrl: './incidents.scss',\n  providers: [\n    {\n      provide: INCIDENTS,\n      useExisting: Incidents\n    }\n  ],\n  host: {\n    'class': 'ngs-incidents',\n    '[class.is-visible]': 'isVisible',\n  }\n})\nexport class Incidents {\n  isVisible = false;\n\n  toggleVisibility() {\n    this.isVisible = !this.isVisible;\n  }\n}\n","<ng-content select=\"ngs-incidents-bar\" />\n<ng-content select=\"ngs-incidents-list\" />\n","import { Component, inject } from '@angular/core';\nimport { INCIDENTS } from '../properties';\nimport { Incidents } from '../incidents/incidents';\nimport { Button } from '@ngstarter-ui/components/button';\n\n@Component({\n  selector: 'ngs-incidents-bar',\n  exportAs: 'ngsIncidentsBar',\n  imports: [\n\n    Button\n  ],\n  templateUrl: './incidents-bar.html',\n  styleUrl: './incidents-bar.scss',\n  host: {\n    'class': 'ngs-incidents-bar',\n    '(click)': '_handleClick($event)'\n  }\n})\nexport class IncidentsBar {\n  private _parent = inject<Incidents>(INCIDENTS, { optional: true });\n\n  _handleClick(_event?: Event) {\n    this._parent?.toggleVisibility();\n  }\n}\n","<div class=\"flex flex-col gap-0.5\">\n  <ng-content select=\"ngs-incidents-title\"/>\n  <ng-content select=\"ngs-incidents-description\"/>\n</div>\n<button ngsIconButton class=\"ms-auto toggle-icon\">\n  <ng-content select=\"[ngsIncidentsToggleIcon]\"/>\n</button>\n","import { booleanAttribute, Component, inject, input } from '@angular/core';\nimport { Incidents } from '../incidents/incidents';\nimport { INCIDENTS } from '../properties';\n\n@Component({\n  selector: 'ngs-incidents-list',\n  exportAs: 'ngs-incidents-list',\n  templateUrl: './incidents-list.html',\n  styleUrl: './incidents-list.scss',\n  host: {\n    'class': 'ngs-incidents-list',\n    '[class.is-fixed]': 'fixed()',\n    '(click)': '_handleClick($event)'\n  }\n})\nexport class IncidentsList {\n  private _parent = inject<Incidents>(INCIDENTS, { optional: true });\n\n  fixed = input(false, {\n    transform: booleanAttribute\n  });\n\n  _handleClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n\n    if (target.closest('.ngs-incident') === null) {\n      this._parent?.toggleVisibility();\n    }\n  }\n}\n","<div class=\"container\">\n  <ng-content select=\"ngs-incident\"/>\n</div>\n","import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\nimport { Incident } from './types';\n\nexport interface IncidentsState {\n  incidents: Incident[],\n  title: string;\n  description: string;\n}\n\nconst initialState: IncidentsState = {\n  incidents: [],\n  title: '',\n  description: '',\n};\n\nexport const IncidentsStore = signalStore(\n  { providedIn: 'root' },\n  withState(initialState),\n  withMethods((store) => ({\n    show(state: IncidentsState): void {\n      patchState(store, {\n        ...state\n      });\n    },\n    hide(): void {\n      patchState(store, {\n        incidents: []\n      });\n    }\n  }))\n);\n","import { Component, inject, input } from '@angular/core';\nimport { IncidentsStore } from '../incidents.store';\nimport { Button } from '@ngstarter-ui/components/button';\n\nlet incidentId = 0;\n\n@Component({\n  selector: 'ngs-incident,[ngs-incident]',\n  exportAs: 'ngsIncident',\n  imports: [\n\n    Button\n  ],\n  templateUrl: './incident.html',\n  styleUrl: './incident.scss',\n  host: {\n    'class': 'ngs-incident'\n  }\n})\nexport class Incident {\n  private _incidentsStore = inject(IncidentsStore);\n\n  incidentId = input(`incident-${incidentId++}`);\n\n  close() {\n    this._incidentsStore.hide();\n  }\n}\n","<div class=\"icon\">\n  <ng-content select=\"[ngsIncidentIcon]\"/>\n</div>\n<div class=\"content\">\n  <div class=\"data\">\n    <ng-content select=\"ngs-incident-title\"/>\n    <ng-content select=\"ngs-incident-details\"/>\n  </div>\n  <ng-content select=\"[ngsIncidentButton]\"/>\n</div>\n<button ngsIconButton class=\"close -ms-2\" (click)=\"close()\">\n  <ng-content select=\"[ngsIncidentClose]\"/>\n</button>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-incident-title',\n  exportAs: 'ngsIncidentTitle',\n  templateUrl: './incident-title.html',\n  styleUrl: './incident-title.scss',\n  host: {\n    'class': 'ngs-incident-title',\n  }\n})\nexport class IncidentTitle {\n\n}\n","<ng-content />\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-incident-details',\n  exportAs: 'ngsIncidentDetails',\n  templateUrl: './incident-details.html',\n  styleUrl: './incident-details.scss',\n  host: {\n    'class': 'ngs-incident-details',\n  }\n})\nexport class IncidentDetails {\n\n}\n","<ng-content />\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsIncidentButton]',\n  exportAs: 'ngsIncidentButton',\n  host: {\n    'class': 'ngs-incident-button',\n  }\n})\nexport class IncidentButtonDirective {\n\n}\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-incidents-title',\n  exportAs: 'ngsIncidentTitle',\n  templateUrl: './incidents-title.html',\n  styleUrl: './incidents-title.scss',\n  host: {\n    'class': 'ngs-incidents-title',\n  }\n})\nexport class IncidentsTitle {\n\n}\n","<ng-content />\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-incidents-description',\n  exportAs: 'ngsIncidentsDescription',\n  templateUrl: './incidents-description.html',\n  styleUrl: './incidents-description.scss',\n  host: {\n    'class': 'ngs-incidents-description'\n  }\n})\nexport class IncidentsDescription {\n\n}\n","<ng-content />\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsIncidentsToggleIcon]',\n  exportAs: 'ngsIncidentsToggleIcon',\n  host: {\n    'class': 'ngs-incidents-toggle-icon',\n  }\n})\nexport class IncidentsToggleIconDirective {\n\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsIncidentClose]',\n  exportAs: 'ngsIncidentClose',\n  host: {\n    'class': 'ngs-incident-close'\n  }\n})\nexport class IncidentCloseDirective {\n\n}\n","import { Component, computed, inject } from '@angular/core';\nimport { IncidentsStore } from '../incidents.store';\nimport { Incidents } from '../incidents/incidents';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { IncidentsTitle } from '../incidents-title/incidents-title';\nimport { IncidentDetails } from '../incident-details/incident-details';\nimport { IncidentsBar } from '../incidents-bar/incidents-bar';\nimport { IncidentsDescription } from '../incidents-description/incidents-description';\nimport { IncidentsToggleIconDirective } from '../incidents-toggle-icon.directive';\nimport { IncidentTitle } from '../incident-title/incident-title';\nimport { IncidentCloseDirective } from '../incident-close.directive';\nimport { Incident } from '../incident/incident';\nimport { IncidentsList } from '../incidents-list/incidents-list';\n\n@Component({\n  selector: 'ngs-incidents-container,ngs-incidents-global',\n  exportAs: 'ngsIncidentsGlobal',\n  imports: [\n    Incidents,\n    Icon,\n    IncidentsTitle,\n    IncidentDetails,\n    IncidentsBar,\n    IncidentsDescription,\n    IncidentsToggleIconDirective,\n    IncidentTitle,\n    IncidentsList,\n    IncidentCloseDirective,\n    Incident\n  ],\n  templateUrl: './incidents-container.html',\n  styleUrl: './incidents-container.scss',\n  host: {\n    'class': 'ngs-incidents-global',\n    '[class.is-active]': 'hasIncidents()'\n  }\n})\nexport class IncidentsContainer {\n  protected _incidentsStore = inject(IncidentsStore);\n\n  hasIncidents = computed<boolean>(() => {\n    return this._incidentsStore.incidents().length > 0;\n  });\n  title = computed(() => {\n    return this._incidentsStore.title();\n  });\n  description = computed(() => {\n    return this._incidentsStore.description();\n  });\n  incidents = computed(() => {\n    return this._incidentsStore.incidents();\n  });\n}\n","@if (hasIncidents()) {\n  <ngs-incidents>\n    <ngs-incidents-bar>\n      <ngs-incidents-title>{{ title() }}</ngs-incidents-title>\n      @if (description()) {\n        <ngs-incidents-description>{{ description() }}</ngs-incidents-description>\n      }\n      <ngs-icon name=\"fluent:chevron-down-24-regular\" ngsIncidentsToggleIcon/>\n    </ngs-incidents-bar>\n    <ngs-incidents-list fixed>\n      @for (incident of incidents(); track incident) {\n        <ngs-incident>\n          <ngs-icon name=\"fluent:info-24-regular\" ngsIncidentIcon/>\n          <ngs-icon name=\"fluent:dismiss-24-regular\" ngsIncidentClose/>\n          <ngs-incident-title>{{ incident.title }}</ngs-incident-title>\n          @if (incident.details) {\n            <ngs-incident-details>{{ incident.details }}</ngs-incident-details>\n          }\n        </ngs-incident>\n      }\n    </ngs-incidents-list>\n  </ngs-incidents>\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsIncidentIcon]',\n  exportAs: 'ngsIncidentIcon',\n  host: {\n    'class': 'ngs-incident-icon'\n  }\n})\nexport class IncidentIconDirective {\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngstarter-ui-components-incidents.mjs","sources":["../../../projects/components/incidents/src/properties.ts","../../../projects/components/incidents/src/incidents/incidents.ts","../../../projects/components/incidents/src/incidents/incidents.html","../../../projects/components/incidents/src/incidents-bar/incidents-bar.ts","../../../projects/components/incidents/src/incidents-bar/incidents-bar.html","../../../projects/components/incidents/src/incidents-list/incidents-list.ts","../../../projects/components/incidents/src/incidents-list/incidents-list.html","../../../projects/components/incidents/src/incidents.store.ts","../../../projects/components/incidents/src/incident/incident.ts","../../../projects/components/incidents/src/incident/incident.html","../../../projects/components/incidents/src/incident-title/incident-title.ts","../../../projects/components/incidents/src/incident-title/incident-title.html","../../../projects/components/incidents/src/incident-details/incident-details.ts","../../../projects/components/incidents/src/incident-details/incident-details.html","../../../projects/components/incidents/src/incident-button.directive.ts","../../../projects/components/incidents/src/incidents-title/incidents-title.ts","../../../projects/components/incidents/src/incidents-title/incidents-title.html","../../../projects/components/incidents/src/incidents-description/incidents-description.ts","../../../projects/components/incidents/src/incidents-description/incidents-description.html","../../../projects/components/incidents/src/incidents-toggle-icon.directive.ts","../../../projects/components/incidents/src/incident-close.directive.ts","../../../projects/components/incidents/src/incidents-container/incidents-container.ts","../../../projects/components/incidents/src/incidents-container/incidents-container.html","../../../projects/components/incidents/src/incident-icon.directive.ts","../../../projects/components/incidents/ngstarter-ui-components-incidents.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const INCIDENTS = new InjectionToken('INCIDENTS');\n","import {\n  Component\n} from '@angular/core';\nimport { INCIDENTS } from '../properties';\n\n@Component({\n  selector: 'ngs-incidents',\n  exportAs: 'ngsIncidents',\n  templateUrl: './incidents.html',\n  styleUrl: './incidents.scss',\n  providers: [\n    {\n      provide: INCIDENTS,\n      useExisting: Incidents\n    }\n  ],\n  host: {\n    'class': 'ngs-incidents',\n    '[class.is-visible]': 'isVisible',\n  }\n})\nexport class Incidents {\n  isVisible = false;\n\n  toggleVisibility() {\n    this.isVisible = !this.isVisible;\n  }\n}\n","<ng-content select=\"ngs-incidents-bar\" />\n<ng-content select=\"ngs-incidents-list\" />\n","import { Component, inject } from '@angular/core';\nimport { INCIDENTS } from '../properties';\nimport { Incidents } from '../incidents/incidents';\nimport { Button } from '@ngstarter-ui/components/button';\n\n@Component({\n  selector: 'ngs-incidents-bar',\n  exportAs: 'ngsIncidentsBar',\n  imports: [\n\n    Button\n  ],\n  templateUrl: './incidents-bar.html',\n  styleUrl: './incidents-bar.scss',\n  host: {\n    'class': 'ngs-incidents-bar',\n    '(click)': '_handleClick($event)'\n  }\n})\nexport class IncidentsBar {\n  private _parent = inject<Incidents>(INCIDENTS, { optional: true });\n\n  _handleClick(_event?: Event) {\n    this._parent?.toggleVisibility();\n  }\n}\n","<div class=\"flex flex-col gap-0.5\">\n  <ng-content select=\"ngs-incidents-title\"/>\n  <ng-content select=\"ngs-incidents-description\"/>\n</div>\n<button ngsIconButton class=\"ms-auto toggle-icon\">\n  <ng-content select=\"[ngsIncidentsToggleIcon]\"/>\n</button>\n","import { booleanAttribute, Component, inject, input } from '@angular/core';\nimport { Incidents } from '../incidents/incidents';\nimport { INCIDENTS } from '../properties';\n\n@Component({\n  selector: 'ngs-incidents-list',\n  exportAs: 'ngs-incidents-list',\n  templateUrl: './incidents-list.html',\n  styleUrl: './incidents-list.scss',\n  host: {\n    'class': 'ngs-incidents-list',\n    '[class.is-fixed]': 'fixed()',\n    '(click)': '_handleClick($event)'\n  }\n})\nexport class IncidentsList {\n  private _parent = inject<Incidents>(INCIDENTS, { optional: true });\n\n  fixed = input(false, {\n    transform: booleanAttribute\n  });\n\n  _handleClick(event: MouseEvent) {\n    const target = event.target as HTMLElement;\n\n    if (target.closest('.ngs-incident') === null) {\n      this._parent?.toggleVisibility();\n    }\n  }\n}\n","<div class=\"container\">\n  <ng-content select=\"ngs-incident\"/>\n</div>\n","import { patchState, signalStore, withMethods, withState } from '@ngrx/signals';\nimport { Incident } from './types';\n\nexport interface IncidentsState {\n  incidents: Incident[],\n  title: string;\n  description: string;\n}\n\nconst initialState: IncidentsState = {\n  incidents: [],\n  title: '',\n  description: '',\n};\n\nexport const IncidentsStore = signalStore(\n  { providedIn: 'root' },\n  withState(initialState),\n  withMethods((store) => ({\n    show(state: IncidentsState): void {\n      patchState(store, {\n        ...state\n      });\n    },\n    hide(): void {\n      patchState(store, {\n        incidents: []\n      });\n    }\n  }))\n);\n","import { Component, inject, input } from '@angular/core';\nimport { IncidentsStore } from '../incidents.store';\nimport { Button } from '@ngstarter-ui/components/button';\n\nlet incidentId = 0;\n\n@Component({\n  selector: 'ngs-incident,[ngs-incident]',\n  exportAs: 'ngsIncident',\n  imports: [\n\n    Button\n  ],\n  templateUrl: './incident.html',\n  styleUrl: './incident.scss',\n  host: {\n    'class': 'ngs-incident'\n  }\n})\nexport class Incident {\n  private _incidentsStore = inject(IncidentsStore);\n\n  incidentId = input(`incident-${incidentId++}`);\n\n  close() {\n    this._incidentsStore.hide();\n  }\n}\n","<div class=\"icon\">\n  <ng-content select=\"[ngsIncidentIcon]\"/>\n</div>\n<div class=\"content\">\n  <div class=\"data\">\n    <ng-content select=\"ngs-incident-title\"/>\n    <ng-content select=\"ngs-incident-details\"/>\n  </div>\n  <ng-content select=\"[ngsIncidentButton]\"/>\n</div>\n<button ngsIconButton class=\"close -ms-2\" (click)=\"close()\">\n  <ng-content select=\"[ngsIncidentClose]\"/>\n</button>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-incident-title',\n  exportAs: 'ngsIncidentTitle',\n  templateUrl: './incident-title.html',\n  styleUrl: './incident-title.scss',\n  host: {\n    'class': 'ngs-incident-title',\n  }\n})\nexport class IncidentTitle {\n\n}\n","<ng-content />\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-incident-details',\n  exportAs: 'ngsIncidentDetails',\n  templateUrl: './incident-details.html',\n  styleUrl: './incident-details.scss',\n  host: {\n    'class': 'ngs-incident-details',\n  }\n})\nexport class IncidentDetails {\n\n}\n","<ng-content />\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsIncidentButton]',\n  exportAs: 'ngsIncidentButton',\n  host: {\n    'class': 'ngs-incident-button',\n  }\n})\nexport class IncidentButtonDirective {\n\n}\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-incidents-title',\n  exportAs: 'ngsIncidentTitle',\n  templateUrl: './incidents-title.html',\n  styleUrl: './incidents-title.scss',\n  host: {\n    'class': 'ngs-incidents-title',\n  }\n})\nexport class IncidentsTitle {\n\n}\n","<ng-content />\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-incidents-description',\n  exportAs: 'ngsIncidentsDescription',\n  templateUrl: './incidents-description.html',\n  styleUrl: './incidents-description.scss',\n  host: {\n    'class': 'ngs-incidents-description'\n  }\n})\nexport class IncidentsDescription {\n\n}\n","<ng-content />\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsIncidentsToggleIcon]',\n  exportAs: 'ngsIncidentsToggleIcon',\n  host: {\n    'class': 'ngs-incidents-toggle-icon',\n  }\n})\nexport class IncidentsToggleIconDirective {\n\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsIncidentClose]',\n  exportAs: 'ngsIncidentClose',\n  host: {\n    'class': 'ngs-incident-close'\n  }\n})\nexport class IncidentCloseDirective {\n\n}\n","import { Component, computed, inject } from '@angular/core';\nimport { IncidentsStore } from '../incidents.store';\nimport { Incidents } from '../incidents/incidents';\nimport { Icon } from '@ngstarter-ui/components/icon';\nimport { IncidentsTitle } from '../incidents-title/incidents-title';\nimport { IncidentDetails } from '../incident-details/incident-details';\nimport { IncidentsBar } from '../incidents-bar/incidents-bar';\nimport { IncidentsDescription } from '../incidents-description/incidents-description';\nimport { IncidentsToggleIconDirective } from '../incidents-toggle-icon.directive';\nimport { IncidentTitle } from '../incident-title/incident-title';\nimport { IncidentCloseDirective } from '../incident-close.directive';\nimport { Incident } from '../incident/incident';\nimport { IncidentsList } from '../incidents-list/incidents-list';\n\n@Component({\n  selector: 'ngs-incidents-container,ngs-incidents-global',\n  exportAs: 'ngsIncidentsGlobal',\n  imports: [\n    Incidents,\n    Icon,\n    IncidentsTitle,\n    IncidentDetails,\n    IncidentsBar,\n    IncidentsDescription,\n    IncidentsToggleIconDirective,\n    IncidentTitle,\n    IncidentsList,\n    IncidentCloseDirective,\n    Incident\n  ],\n  templateUrl: './incidents-container.html',\n  styleUrl: './incidents-container.scss',\n  host: {\n    'class': 'ngs-incidents-global',\n    '[class.is-active]': 'hasIncidents()'\n  }\n})\nexport class IncidentsContainer {\n  protected _incidentsStore = inject(IncidentsStore);\n\n  hasIncidents = computed<boolean>(() => {\n    return this._incidentsStore.incidents().length > 0;\n  });\n  title = computed(() => {\n    return this._incidentsStore.title();\n  });\n  description = computed(() => {\n    return this._incidentsStore.description();\n  });\n  incidents = computed(() => {\n    return this._incidentsStore.incidents();\n  });\n}\n","@if (hasIncidents()) {\n  <ngs-incidents>\n    <ngs-incidents-bar>\n      <ngs-incidents-title>{{ title() }}</ngs-incidents-title>\n      @if (description()) {\n        <ngs-incidents-description>{{ description() }}</ngs-incidents-description>\n      }\n      <ngs-icon name=\"fluent:chevron-down-24-regular\" ngsIncidentsToggleIcon/>\n    </ngs-incidents-bar>\n    <ngs-incidents-list fixed>\n      @for (incident of incidents(); track incident) {\n        <ngs-incident>\n          <ngs-icon name=\"fluent:info-24-regular\" ngsIncidentIcon/>\n          <ngs-icon name=\"fluent:dismiss-24-regular\" ngsIncidentClose/>\n          <ngs-incident-title>{{ incident.title }}</ngs-incident-title>\n          @if (incident.details) {\n            <ngs-incident-details>{{ incident.details }}</ngs-incident-details>\n          }\n        </ngs-incident>\n      }\n    </ngs-incidents-list>\n  </ngs-incidents>\n}\n","import { Directive } from '@angular/core';\n\n@Directive({\n  selector: '[ngsIncidentIcon]',\n  exportAs: 'ngsIncidentIcon',\n  host: {\n    'class': 'ngs-incident-icon'\n  }\n})\nexport class IncidentIconDirective {\n\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-inline-text-edit.mjs

@@ -152,7 +152,7 @@ class InlineTextEdit {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: InlineTextEdit, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: InlineTextEdit, isStandalone: true, selector: "ngs-inline-text-edit,[ngs-inline-text-edit]", inputs: { enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChanged: "contentChanged" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()", "keydown.enter": "onEnter($event)", "keydown.escape": "onEscape()", "paste": "onPaste($event)", "input": "onInput()" }, properties: { "attr.contenteditable": "isContentEditable", "attr.data-placeholder": "placeholder()", "class.editing": "isEditing()", "class.focused": "isFocused()" }, classAttribute: "ngs-inline-text-edit" }, ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;padding:4px 10px;position:relative;transition:border-color .15s cubic-bezier(.25,.8,.25,1);border:var(--ngs-form-field-outlined-outline-width, 1px) solid transparent;outline:none;border-radius:var(--input-radius);cursor:text;margin-left:-10px;margin-right:-10px;word-wrap:break-word}:host:hover{border-color:var(--ngs-form-field-outlined-outline-color, var(--color-outline))}:host.editing{color:var(--ngs-form-field-outlined-input-text-color, var(--color-on-surface));caret-color:var(--ngs-form-field-outlined-caret-color, var(--color-primary))}:host.focused{border-color:var(--color-primary);outline:1px solid var(--color-primary)}:host:empty:before{position:absolute;content:attr(data-placeholder);inset:0;z-index:0;color:var(--color-neutral-500);font-size:inherit;padding:inherit;word-wrap:break-word}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: InlineTextEdit, isStandalone: true, selector: "ngs-inline-text-edit,[ngs-inline-text-edit]", inputs: { enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { contentChanged: "contentChanged" }, host: { listeners: { "focus": "onFocus()", "blur": "onBlur()", "keydown.enter": "onEnter($event)", "keydown.escape": "onEscape()", "paste": "onPaste($event)", "input": "onInput()" }, properties: { "attr.contenteditable": "isContentEditable", "attr.data-placeholder": "placeholder()", "class.editing": "isEditing()", "class.focused": "isFocused()" }, classAttribute: "ngs-inline-text-edit" }, ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;padding:4px 10px;position:relative;transition:border-color .15s cubic-bezier(.25,.8,.25,1);border:var(--ngs-form-field-outlined-outline-width, 1px) solid transparent;outline:none;border-radius:var(--ngs-field-radius);cursor:text;margin-left:-10px;margin-right:-10px;word-wrap:break-word}:host:hover{border-color:var(--ngs-form-field-outlined-outline-color, var(--ngs-color-outline))}:host.editing{color:var(--ngs-form-field-outlined-input-text-color, var(--ngs-color-on-surface));caret-color:var(--ngs-form-field-outlined-caret-color, var(--ngs-color-primary))}:host.focused{border-color:var(--ngs-color-primary);outline:1px solid var(--ngs-color-primary)}:host:empty:before{position:absolute;content:attr(data-placeholder);inset:0;z-index:0;color:var(--ngs-color-neutral-500);font-size:inherit;padding:inherit;word-wrap:break-word}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: InlineTextEdit, decorators: [{
             type: Component,
@@ -168,7 +168,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                         '(keydown.escape)': 'onEscape()',
                         '(paste)': 'onPaste($event)',
                         '(input)': 'onInput()',
-                    }, template: "<ng-content/>\n", styles: [":host{display:block;padding:4px 10px;position:relative;transition:border-color .15s cubic-bezier(.25,.8,.25,1);border:var(--ngs-form-field-outlined-outline-width, 1px) solid transparent;outline:none;border-radius:var(--input-radius);cursor:text;margin-left:-10px;margin-right:-10px;word-wrap:break-word}:host:hover{border-color:var(--ngs-form-field-outlined-outline-color, var(--color-outline))}:host.editing{color:var(--ngs-form-field-outlined-input-text-color, var(--color-on-surface));caret-color:var(--ngs-form-field-outlined-caret-color, var(--color-primary))}:host.focused{border-color:var(--color-primary);outline:1px solid var(--color-primary)}:host:empty:before{position:absolute;content:attr(data-placeholder);inset:0;z-index:0;color:var(--color-neutral-500);font-size:inherit;padding:inherit;word-wrap:break-word}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ng-content/>\n", styles: [":host{display:block;padding:4px 10px;position:relative;transition:border-color .15s cubic-bezier(.25,.8,.25,1);border:var(--ngs-form-field-outlined-outline-width, 1px) solid transparent;outline:none;border-radius:var(--ngs-field-radius);cursor:text;margin-left:-10px;margin-right:-10px;word-wrap:break-word}:host:hover{border-color:var(--ngs-form-field-outlined-outline-color, var(--ngs-color-outline))}:host.editing{color:var(--ngs-form-field-outlined-input-text-color, var(--ngs-color-on-surface));caret-color:var(--ngs-form-field-outlined-caret-color, var(--ngs-color-primary))}:host.focused{border-color:var(--ngs-color-primary);outline:1px solid var(--ngs-color-primary)}:host:empty:before{position:absolute;content:attr(data-placeholder);inset:0;z-index:0;color:var(--ngs-color-neutral-500);font-size:inherit;padding:inherit;word-wrap:break-word}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], ctorParameters: () => [], propDecorators: { enabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "enabled", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], delay: [{ type: i0.Input, args: [{ isSignal: true, alias: "delay", required: false }] }], contentChanged: [{ type: i0.Output, args: ["contentChanged"] }] } });
 
 /**

package/fesm2022/ngstarter-ui-components-inline-text-edit.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngstarter-ui-components-inline-text-edit.mjs","sources":["../../../projects/components/inline-text-edit/src/inline-text-edit/inline-text-edit.ts","../../../projects/components/inline-text-edit/src/inline-text-edit/inline-text-edit.html","../../../projects/components/inline-text-edit/ngstarter-ui-components-inline-text-edit.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  inject,\n  input,\n  output,\n  signal,\n  Renderer2,\n  PLATFORM_ID,\n  AfterContentChecked,\n  OnDestroy,\n  afterNextRender, DOCUMENT, numberAttribute, AfterViewInit,\n} from '@angular/core';\nimport { isPlatformServer } from '@angular/common';\n\n@Component({\n  selector: 'ngs-inline-text-edit,[ngs-inline-text-edit]',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './inline-text-edit.html',\n  styleUrl: './inline-text-edit.scss',\n  host: {\n    'class': 'ngs-inline-text-edit',\n    '[attr.contenteditable]': 'isContentEditable',\n    '[attr.data-placeholder]': 'placeholder()',\n    '[class.editing]': 'isEditing()',\n    '[class.focused]': 'isFocused()',\n    '(focus)': 'onFocus()',\n    '(blur)': 'onBlur()',\n    '(keydown.enter)': 'onEnter($event)',\n    '(keydown.escape)': 'onEscape()',\n    '(paste)': 'onPaste($event)',\n    '(input)': 'onInput()',\n  },\n})\nexport class InlineTextEdit implements AfterViewInit, AfterContentChecked, OnDestroy {\n  private platformId = inject(PLATFORM_ID);\n  private document = inject(DOCUMENT);\n\n  enabled = input(true);\n  placeholder = input('');\n  delay = input(0, {\n    transform: numberAttribute\n  });\n\n  readonly contentChanged = output<string>();\n\n  isEditing = signal(false);\n  isFocused = signal(false);\n\n  private previousValue = '';\n  private minHeightSet = false;\n  private elementRef = inject(ElementRef<HTMLElement>);\n  private renderer = inject(Renderer2);\n  private emitTimeoutId: ReturnType<typeof setTimeout> | null = null;\n\n  constructor() {\n    afterNextRender(() => {\n      this.setInitialMinHeight();\n    });\n  }\n\n  ngAfterViewInit() {\n    this.previousValue = this.elementRef.nativeElement.textContent;\n  }\n\n  get isContentEditable() {\n    return true;\n  }\n\n  ngAfterContentChecked() {\n    if (isPlatformServer(this.platformId)) {\n      return;\n    }\n\n    this.setInitialMinHeight();\n  }\n\n  ngOnDestroy(): void {\n    this.clearPendingEmission();\n  }\n\n  private setInitialMinHeight(): void {\n    if (this.minHeightSet) {\n      return;\n    }\n\n    const el = this.elementRef.nativeElement;\n    let height = el.getBoundingClientRect().height;\n\n    if (!height || height < 1) {\n      const cs = getComputedStyle(el);\n      let lh = parseFloat(cs.lineHeight);\n\n      if (isNaN(lh) || lh <= 0) {\n        const fs = parseFloat(cs.fontSize) || 16;\n        lh = fs * 1.5;\n      }\n\n      height = lh;\n    }\n\n    if (height && height > 0) {\n      this.renderer.setStyle(el, 'min-height', `${Math.ceil(height)}px`);\n      this.minHeightSet = true;\n    }\n  }\n\n  onFocus(): void {\n    this.isFocused.set(true);\n  }\n\n  onBlur(): void {\n    this.isFocused.set(false);\n    this.finishEdit();\n  }\n\n  onEnter(event: Event): void {\n    event.preventDefault();\n    this.finishEdit();\n  }\n\n  onEscape(): void {\n    this.cancelEdit();\n  }\n\n  onPaste(event: ClipboardEvent): void {\n    event.preventDefault();\n    const text = event.clipboardData?.getData('text/plain') ?? '';\n    this.document.execCommand('insertText', false, text);\n  }\n\n  onInput(): void {\n    this.isEditing.set(true);\n    // Track live changes and normalize empty content.\n    // Browsers may insert a <br> (or wrappers like <div><br></div>) in empty contenteditable elements.\n    const el = this.elementRef.nativeElement;\n    const html = (el.innerHTML ?? '').trim().toLowerCase();\n    const text = (el.textContent ?? '').trim();\n\n    const isEffectivelyEmpty =\n      text.length === 0 ||\n      html === '' ||\n      html === '<br>' ||\n      html === '<br/>' ||\n      html === '<div><br></div>';\n\n    if (isEffectivelyEmpty && el.innerHTML !== '') {\n      // Clear to a truly empty state so placeholders and styling work correctly.\n      el.innerHTML = '';\n    }\n  }\n\n  private finishEdit(): void {\n    if (!this.isEditing()) {\n      return;\n    }\n\n    const newValue = this.elementRef.nativeElement.textContent?.trim() ?? '';\n\n    if (newValue !== this.previousValue) {\n      this.previousValue = newValue;\n      this.emitWithDelay(newValue);\n    }\n\n    this.isEditing.set(false);\n  }\n\n  private cancelEdit(): void {\n    if (!this.isEditing()) {\n      return;\n    }\n\n    this.elementRef.nativeElement.textContent = this.previousValue;\n    // Keep focus and move caret to the end of the restored content for better UX.\n    this.placeCaretAtEnd();\n    this.isEditing.set(false);\n    // Cancel any pending emission since the edit was canceled.\n    this.clearPendingEmission();\n  }\n\n  private placeCaretAtEnd(): void {\n    if (isPlatformServer(this.platformId)) {\n      return;\n    }\n\n    const el = this.elementRef.nativeElement;\n    // Ensure the host is focused so caret positioning is visible.\n    el.focus();\n\n    const selection = this.document.getSelection?.();\n    if (!selection) {\n      return;\n    }\n\n    const range = this.document.createRange();\n    range.selectNodeContents(el);\n    range.collapse(false); // collapse to end\n    selection.removeAllRanges();\n    selection.addRange(range);\n  }\n\n  private emitWithDelay(value: string): void {\n    const d = this.delay();\n    // Always clear a previous scheduled emission to ensure only the latest value is emitted\n    this.clearPendingEmission();\n\n    if (d > 0) {\n      this.emitTimeoutId = setTimeout(() => {\n        this.emitTimeoutId = null;\n        this.contentChanged.emit(value);\n      }, d);\n    } else {\n      this.contentChanged.emit(value);\n    }\n  }\n\n  private clearPendingEmission(): void {\n    if (this.emitTimeoutId) {\n      clearTimeout(this.emitTimeoutId);\n      this.emitTimeoutId = null;\n    }\n  }\n}\n","<ng-content/>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngstarter-ui-components-inline-text-edit.mjs","sources":["../../../projects/components/inline-text-edit/src/inline-text-edit/inline-text-edit.ts","../../../projects/components/inline-text-edit/src/inline-text-edit/inline-text-edit.html","../../../projects/components/inline-text-edit/ngstarter-ui-components-inline-text-edit.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  inject,\n  input,\n  output,\n  signal,\n  Renderer2,\n  PLATFORM_ID,\n  AfterContentChecked,\n  OnDestroy,\n  afterNextRender, DOCUMENT, numberAttribute, AfterViewInit,\n} from '@angular/core';\nimport { isPlatformServer } from '@angular/common';\n\n@Component({\n  selector: 'ngs-inline-text-edit,[ngs-inline-text-edit]',\n  standalone: true,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  templateUrl: './inline-text-edit.html',\n  styleUrl: './inline-text-edit.scss',\n  host: {\n    'class': 'ngs-inline-text-edit',\n    '[attr.contenteditable]': 'isContentEditable',\n    '[attr.data-placeholder]': 'placeholder()',\n    '[class.editing]': 'isEditing()',\n    '[class.focused]': 'isFocused()',\n    '(focus)': 'onFocus()',\n    '(blur)': 'onBlur()',\n    '(keydown.enter)': 'onEnter($event)',\n    '(keydown.escape)': 'onEscape()',\n    '(paste)': 'onPaste($event)',\n    '(input)': 'onInput()',\n  },\n})\nexport class InlineTextEdit implements AfterViewInit, AfterContentChecked, OnDestroy {\n  private platformId = inject(PLATFORM_ID);\n  private document = inject(DOCUMENT);\n\n  enabled = input(true);\n  placeholder = input('');\n  delay = input(0, {\n    transform: numberAttribute\n  });\n\n  readonly contentChanged = output<string>();\n\n  isEditing = signal(false);\n  isFocused = signal(false);\n\n  private previousValue = '';\n  private minHeightSet = false;\n  private elementRef = inject(ElementRef<HTMLElement>);\n  private renderer = inject(Renderer2);\n  private emitTimeoutId: ReturnType<typeof setTimeout> | null = null;\n\n  constructor() {\n    afterNextRender(() => {\n      this.setInitialMinHeight();\n    });\n  }\n\n  ngAfterViewInit() {\n    this.previousValue = this.elementRef.nativeElement.textContent;\n  }\n\n  get isContentEditable() {\n    return true;\n  }\n\n  ngAfterContentChecked() {\n    if (isPlatformServer(this.platformId)) {\n      return;\n    }\n\n    this.setInitialMinHeight();\n  }\n\n  ngOnDestroy(): void {\n    this.clearPendingEmission();\n  }\n\n  private setInitialMinHeight(): void {\n    if (this.minHeightSet) {\n      return;\n    }\n\n    const el = this.elementRef.nativeElement;\n    let height = el.getBoundingClientRect().height;\n\n    if (!height || height < 1) {\n      const cs = getComputedStyle(el);\n      let lh = parseFloat(cs.lineHeight);\n\n      if (isNaN(lh) || lh <= 0) {\n        const fs = parseFloat(cs.fontSize) || 16;\n        lh = fs * 1.5;\n      }\n\n      height = lh;\n    }\n\n    if (height && height > 0) {\n      this.renderer.setStyle(el, 'min-height', `${Math.ceil(height)}px`);\n      this.minHeightSet = true;\n    }\n  }\n\n  onFocus(): void {\n    this.isFocused.set(true);\n  }\n\n  onBlur(): void {\n    this.isFocused.set(false);\n    this.finishEdit();\n  }\n\n  onEnter(event: Event): void {\n    event.preventDefault();\n    this.finishEdit();\n  }\n\n  onEscape(): void {\n    this.cancelEdit();\n  }\n\n  onPaste(event: ClipboardEvent): void {\n    event.preventDefault();\n    const text = event.clipboardData?.getData('text/plain') ?? '';\n    this.document.execCommand('insertText', false, text);\n  }\n\n  onInput(): void {\n    this.isEditing.set(true);\n    // Track live changes and normalize empty content.\n    // Browsers may insert a <br> (or wrappers like <div><br></div>) in empty contenteditable elements.\n    const el = this.elementRef.nativeElement;\n    const html = (el.innerHTML ?? '').trim().toLowerCase();\n    const text = (el.textContent ?? '').trim();\n\n    const isEffectivelyEmpty =\n      text.length === 0 ||\n      html === '' ||\n      html === '<br>' ||\n      html === '<br/>' ||\n      html === '<div><br></div>';\n\n    if (isEffectivelyEmpty && el.innerHTML !== '') {\n      // Clear to a truly empty state so placeholders and styling work correctly.\n      el.innerHTML = '';\n    }\n  }\n\n  private finishEdit(): void {\n    if (!this.isEditing()) {\n      return;\n    }\n\n    const newValue = this.elementRef.nativeElement.textContent?.trim() ?? '';\n\n    if (newValue !== this.previousValue) {\n      this.previousValue = newValue;\n      this.emitWithDelay(newValue);\n    }\n\n    this.isEditing.set(false);\n  }\n\n  private cancelEdit(): void {\n    if (!this.isEditing()) {\n      return;\n    }\n\n    this.elementRef.nativeElement.textContent = this.previousValue;\n    // Keep focus and move caret to the end of the restored content for better UX.\n    this.placeCaretAtEnd();\n    this.isEditing.set(false);\n    // Cancel any pending emission since the edit was canceled.\n    this.clearPendingEmission();\n  }\n\n  private placeCaretAtEnd(): void {\n    if (isPlatformServer(this.platformId)) {\n      return;\n    }\n\n    const el = this.elementRef.nativeElement;\n    // Ensure the host is focused so caret positioning is visible.\n    el.focus();\n\n    const selection = this.document.getSelection?.();\n    if (!selection) {\n      return;\n    }\n\n    const range = this.document.createRange();\n    range.selectNodeContents(el);\n    range.collapse(false); // collapse to end\n    selection.removeAllRanges();\n    selection.addRange(range);\n  }\n\n  private emitWithDelay(value: string): void {\n    const d = this.delay();\n    // Always clear a previous scheduled emission to ensure only the latest value is emitted\n    this.clearPendingEmission();\n\n    if (d > 0) {\n      this.emitTimeoutId = setTimeout(() => {\n        this.emitTimeoutId = null;\n        this.contentChanged.emit(value);\n      }, d);\n    } else {\n      this.contentChanged.emit(value);\n    }\n  }\n\n  private clearPendingEmission(): void {\n    if (this.emitTimeoutId) {\n      clearTimeout(this.emitTimeoutId);\n      this.emitTimeoutId = null;\n    }\n  }\n}\n","<ng-content/>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngstarter-ui-components-kanban-board.mjs

@@ -123,7 +123,7 @@ class KanbanBoard {
         this._itemWidth = targetRect.width;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KanbanBoard, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KanbanBoard, isStandalone: true, selector: "ngs-kanban-board", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, colors: { classPropertyName: "colors", publicName: "colors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { columnEdit: "columnEdit", columnDelete: "columnDelete", itemAdd: "itemAdd", itemClick: "itemClick", itemDropped: "itemDropped", itemSorted: "itemSorted", itemTransferred: "itemTransferred" }, host: { properties: { "class.is-dragging-active": "isDraggingActive" }, classAttribute: "ngs-kanban-board" }, queries: [{ propertyName: "_itemTplDef", first: true, predicate: KanbanItemDefDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_headerContainer", first: true, predicate: ["headerContainer"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "_scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true, read: ElementRef, isSignal: true }], exportAs: ["ngsKanbanBoard"], ngImport: i0, template: "<ngs-panel class=\"h-full\">\n  <ngs-panel-header class=\"header\">\n    <div class=\"flex flex-nowrap h-full items-center header-container\" #headerContainer>\n      @for (column of columns(); track column; let index = $index) {\n        <div class=\"h-full header-column relative flex gap-2 items-center justify-between flex-none\">\n          <div class=\"flex gap-2 items-center uppercase text-sm\">\n            @if (column.color) {\n              <div class=\"size-3 rounded-full\" [style.background-color]=\"column.color\"></div>\n            }\n            {{ column.name }} ({{ column.items.length }})\n          </div>\n          <div class=\"flex gap-0.5 items-center\">\n            <button ngsIconButton (click)=\"itemAdd.emit()\">\n              <ngs-icon name=\"fluent:add-24-regular\"/>\n            </button>\n            <button ngsIconButton [ngsMenuTriggerFor]=\"columnMenu\">\n              <ngs-icon name=\"fluent:more-horizontal-24-regular\"/>\n            </button>\n          </div>\n\n          @if (_hasVerticalScroll()) {\n            <div class=\"h-px bg-surface-container absolute bottom-0 start-0 end-0\"></div>\n          }\n\n          <ngs-menu #columnMenu=\"ngsMenu\">\n            <button ngs-menu-item (click)=\"columnEdit.emit(column)\">\n              <ngs-icon name=\"fluent:share-24-regular\"/>\n              <span>Edit</span>\n            </button>\n            <button ngs-menu-item (click)=\"columnDelete.emit({ column, index })\">\n              <ngs-icon name=\"fluent:delete-24-regular\"/>\n              <span>Delete</span>\n            </button>\n          </ngs-menu>\n        </div>\n      }\n    </div>\n  </ngs-panel-header>\n  <ngs-panel-content class=\"relative overflow-hidden\">\n    <div #scrollContainer\n         class=\"scroll-container h-full absolute overflow-auto inset-0 flex body items-baseline\">\n      <div #scrollContainerContent\n           class=\"flex min-h-full flex-nowrap column\" cdkDropListGroup>\n        @for (column of columns(); track column) {\n          <div class=\"column-container bg-surface-container-low flex-none rounded-2xl p-3 min-h-full flex flex-col gap-3\"\n               cdkDropList\n               [cdkDropListData]=\"column.items\"\n               (cdkDropListDropped)=\"onDropped($event)\">\n            @for (item of column.items; track item) {\n              <div #element\n                   class=\"kanban-item bg-surface-container-lowest flex-none rounded-2xl\n                          p-3 shadow-sm cursor-pointer hover:outline-2 hover:outline-primary\"\n                   cdkDrag [cdkDragData]=\"item\" ngsRipple\n                   (mousedown)=\"itemMousedown($event)\"\n                   (click)=\"itemClick.emit(item)\"\n                   (cdkDragStarted)=\"onDragStarted($event, element)\"\n                   (cdkDragMoved)=\"onDragMoved($event)\"\n                   (cdkDragEnded)=\"onDragEnded($event)\">\n                <ng-container [ngTemplateOutlet]=\"_itemTplDef().templateRef\"\n                              [ngTemplateOutletContext]=\"{ $implicit: item, column }\"/>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  </ngs-panel-content>\n</ngs-panel>\n", styles: [":host{--ngs-kanban-board-col-width: calc(var(--spacing, .25rem) * 72);--ngs-kanban-board-padding-x: calc(var(--spacing, .25rem) * 10);--ngs-kanban-board-column-gap: calc(var(--spacing, .25rem) * 5);height:100%}:host .header{padding:0 var(--ngs-kanban-board-padding-x);overflow:hidden}:host .header-container{gap:var(--ngs-kanban-board-column-gap)}:host .header-column{width:var(--ngs-kanban-board-col-width);flex:none}:host .body{gap:var(--ngs-kanban-board-column-gap);padding:0 var(--ngs-kanban-board-padding-x)}:host .column{padding-bottom:var(--ngs-kanban-board-column-gap);gap:var(--ngs-kanban-board-column-gap)}:host .column-container{width:var(--ngs-kanban-board-col-width);flex:none}:host .cdk-drag-placeholder{opacity:60%}:host.is-dragging-active .scroll-container{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.is-dragging-active .kanban-item:hover{outline:none}.kanban-item.cdk-drag-preview{background:var(--color-surface-container-lowest);padding:calc(var(--spacing, .25rem) * 3);cursor:pointer;flex:none;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;border-radius:1rem}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "component", type: Icon, selector: "ngs-icon", inputs: ["name"], exportAs: ["ngsIcon"] }, { kind: "directive", type: Ripple, selector: "[ngsRipple]", inputs: ["ngsRippleColor", "ngsRippleUnbounded", "ngsRippleCentered", "ngsRippleRadius", "ngsRippleAnimation", "ngsRippleDisabled", "ngsRippleTrigger"], outputs: ["ngsRippleCenteredChange", "ngsRippleDisabledChange", "ngsRippleTriggerChange"], exportAs: ["ngsRipple"] }, { kind: "component", type: PanelContent, selector: "ngs-panel-content", exportAs: ["ngsPanelContent"] }, { kind: "component", type: Panel, selector: "ngs-panel", inputs: ["absolute"], exportAs: ["ngsPanel"] }, { kind: "component", type: PanelHeader, selector: "ngs-panel-header", inputs: ["autoHeight"], exportAs: ["ngsPanelHeader"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: Menu, selector: "ngs-menu", inputs: ["role", "classList", "xPosition", "yPosition"], outputs: ["closed"], exportAs: ["ngsMenu"] }, { kind: "component", type: MenuItem, selector: "ngs-menu-item, [ngs-menu-item]", inputs: ["disabled", "role", "selected"], outputs: ["_triggered"], exportAs: ["ngsMenuItem"] }, { kind: "directive", type: MenuTrigger, selector: "[ngsMenuTriggerFor]", inputs: ["ngsMenuTriggerFor", "ngsMenuTriggerData", "ngsMenuDisabled", "xPosition", "yPosition", "ngsMenuTriggerRestoreFocus"], outputs: ["menuOpened", "menuClosed"], exportAs: ["ngsMenuTrigger"] }, { kind: "component", type: Button, selector: "    button[ngsButton], button[ngsIconButton],    a[ngsButton], a[ngsIconButton]  ", inputs: ["ngsButton", "ngsIconButton", "loading", "disabled", "disabledInteractive", "disableRipple", "reverse", "fullWidth", "hideTextOnMobile"], exportAs: ["ngsButton"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.4", type: KanbanBoard, isStandalone: true, selector: "ngs-kanban-board", inputs: { columns: { classPropertyName: "columns", publicName: "columns", isSignal: true, isRequired: false, transformFunction: null }, colors: { classPropertyName: "colors", publicName: "colors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { columnEdit: "columnEdit", columnDelete: "columnDelete", itemAdd: "itemAdd", itemClick: "itemClick", itemDropped: "itemDropped", itemSorted: "itemSorted", itemTransferred: "itemTransferred" }, host: { properties: { "class.is-dragging-active": "isDraggingActive" }, classAttribute: "ngs-kanban-board" }, queries: [{ propertyName: "_itemTplDef", first: true, predicate: KanbanItemDefDirective, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_headerContainer", first: true, predicate: ["headerContainer"], descendants: true, read: ElementRef, isSignal: true }, { propertyName: "_scrollContainer", first: true, predicate: ["scrollContainer"], descendants: true, read: ElementRef, isSignal: true }], exportAs: ["ngsKanbanBoard"], ngImport: i0, template: "<ngs-panel class=\"h-full\">\n  <ngs-panel-header class=\"header\">\n    <div class=\"flex flex-nowrap h-full items-center header-container\" #headerContainer>\n      @for (column of columns(); track column; let index = $index) {\n        <div class=\"h-full header-column relative flex gap-2 items-center justify-between flex-none\">\n          <div class=\"flex gap-2 items-center uppercase text-sm\">\n            @if (column.color) {\n              <div class=\"size-3 rounded-full\" [style.background-color]=\"column.color\"></div>\n            }\n            {{ column.name }} ({{ column.items.length }})\n          </div>\n          <div class=\"flex gap-0.5 items-center\">\n            <button ngsIconButton (click)=\"itemAdd.emit()\">\n              <ngs-icon name=\"fluent:add-24-regular\"/>\n            </button>\n            <button ngsIconButton [ngsMenuTriggerFor]=\"columnMenu\">\n              <ngs-icon name=\"fluent:more-horizontal-24-regular\"/>\n            </button>\n          </div>\n\n          @if (_hasVerticalScroll()) {\n            <div class=\"h-px bg-surface-container absolute bottom-0 start-0 end-0\"></div>\n          }\n\n          <ngs-menu #columnMenu=\"ngsMenu\">\n            <button ngs-menu-item (click)=\"columnEdit.emit(column)\">\n              <ngs-icon name=\"fluent:share-24-regular\"/>\n              <span>Edit</span>\n            </button>\n            <button ngs-menu-item (click)=\"columnDelete.emit({ column, index })\">\n              <ngs-icon name=\"fluent:delete-24-regular\"/>\n              <span>Delete</span>\n            </button>\n          </ngs-menu>\n        </div>\n      }\n    </div>\n  </ngs-panel-header>\n  <ngs-panel-content class=\"relative overflow-hidden\">\n    <div #scrollContainer\n         class=\"scroll-container h-full absolute overflow-auto inset-0 flex body items-baseline\">\n      <div #scrollContainerContent\n           class=\"flex min-h-full flex-nowrap column\" cdkDropListGroup>\n        @for (column of columns(); track column) {\n          <div class=\"column-container bg-surface-container-low flex-none rounded-2xl p-3 min-h-full flex flex-col gap-3\"\n               cdkDropList\n               [cdkDropListData]=\"column.items\"\n               (cdkDropListDropped)=\"onDropped($event)\">\n            @for (item of column.items; track item) {\n              <div #element\n                   class=\"kanban-item bg-surface-container-lowest flex-none rounded-2xl\n                          p-3 shadow-sm cursor-pointer hover:outline-2 hover:outline-primary\"\n                   cdkDrag [cdkDragData]=\"item\" ngsRipple\n                   (mousedown)=\"itemMousedown($event)\"\n                   (click)=\"itemClick.emit(item)\"\n                   (cdkDragStarted)=\"onDragStarted($event, element)\"\n                   (cdkDragMoved)=\"onDragMoved($event)\"\n                   (cdkDragEnded)=\"onDragEnded($event)\">\n                <ng-container [ngTemplateOutlet]=\"_itemTplDef().templateRef\"\n                              [ngTemplateOutletContext]=\"{ $implicit: item, column }\"/>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  </ngs-panel-content>\n</ngs-panel>\n", styles: [":host{--ngs-kanban-board-col-width: calc(var(--spacing, .25rem) * 72);--ngs-kanban-board-padding-x: calc(var(--spacing, .25rem) * 10);--ngs-kanban-board-column-gap: calc(var(--spacing, .25rem) * 5);height:100%}:host .header{padding:0 var(--ngs-kanban-board-padding-x);overflow:hidden}:host .header-container{gap:var(--ngs-kanban-board-column-gap)}:host .header-column{width:var(--ngs-kanban-board-col-width);flex:none}:host .body{gap:var(--ngs-kanban-board-column-gap);padding:0 var(--ngs-kanban-board-padding-x)}:host .column{padding-bottom:var(--ngs-kanban-board-column-gap);gap:var(--ngs-kanban-board-column-gap)}:host .column-container{width:var(--ngs-kanban-board-col-width);flex:none}:host .cdk-drag-placeholder{opacity:60%}:host.is-dragging-active .scroll-container{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.is-dragging-active .kanban-item:hover{outline:none}.kanban-item.cdk-drag-preview{background:var(--ngs-color-surface-container-lowest);padding:calc(var(--spacing, .25rem) * 3);cursor:pointer;flex:none;box-shadow:var(--ngs-shadow-sm);border-radius:var(--ngs-radius-xl)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "directive", type: CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: CdkDropListGroup, selector: "[cdkDropListGroup]", inputs: ["cdkDropListGroupDisabled"], exportAs: ["cdkDropListGroup"] }, { kind: "component", type: Icon, selector: "ngs-icon", inputs: ["name"], exportAs: ["ngsIcon"] }, { kind: "directive", type: Ripple, selector: "[ngsRipple]", inputs: ["ngsRippleColor", "ngsRippleUnbounded", "ngsRippleCentered", "ngsRippleRadius", "ngsRippleAnimation", "ngsRippleDisabled", "ngsRippleTrigger"], outputs: ["ngsRippleCenteredChange", "ngsRippleDisabledChange", "ngsRippleTriggerChange"], exportAs: ["ngsRipple"] }, { kind: "component", type: PanelContent, selector: "ngs-panel-content", exportAs: ["ngsPanelContent"] }, { kind: "component", type: Panel, selector: "ngs-panel", inputs: ["absolute"], exportAs: ["ngsPanel"] }, { kind: "component", type: PanelHeader, selector: "ngs-panel-header", inputs: ["autoHeight"], exportAs: ["ngsPanelHeader"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: Menu, selector: "ngs-menu", inputs: ["role", "classList", "xPosition", "yPosition"], outputs: ["closed"], exportAs: ["ngsMenu"] }, { kind: "component", type: MenuItem, selector: "ngs-menu-item, [ngs-menu-item]", inputs: ["disabled", "role", "selected"], outputs: ["_triggered"], exportAs: ["ngsMenuItem"] }, { kind: "directive", type: MenuTrigger, selector: "[ngsMenuTriggerFor]", inputs: ["ngsMenuTriggerFor", "ngsMenuTriggerData", "ngsMenuDisabled", "xPosition", "yPosition", "ngsMenuTriggerRestoreFocus"], outputs: ["menuOpened", "menuClosed"], exportAs: ["ngsMenuTrigger"] }, { kind: "component", type: Button, selector: "    button[ngsButton], button[ngsIconButton],    a[ngsButton], a[ngsIconButton]  ", inputs: ["ngsButton", "ngsIconButton", "loading", "disabled", "disabledInteractive", "disableRipple", "reverse", "fullWidth", "hideTextOnMobile"], exportAs: ["ngsButton"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: KanbanBoard, decorators: [{
             type: Component,
@@ -145,7 +145,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImpor
                     ], host: {
                         'class': 'ngs-kanban-board',
                         '[class.is-dragging-active]': 'isDraggingActive'
-                    }, template: "<ngs-panel class=\"h-full\">\n  <ngs-panel-header class=\"header\">\n    <div class=\"flex flex-nowrap h-full items-center header-container\" #headerContainer>\n      @for (column of columns(); track column; let index = $index) {\n        <div class=\"h-full header-column relative flex gap-2 items-center justify-between flex-none\">\n          <div class=\"flex gap-2 items-center uppercase text-sm\">\n            @if (column.color) {\n              <div class=\"size-3 rounded-full\" [style.background-color]=\"column.color\"></div>\n            }\n            {{ column.name }} ({{ column.items.length }})\n          </div>\n          <div class=\"flex gap-0.5 items-center\">\n            <button ngsIconButton (click)=\"itemAdd.emit()\">\n              <ngs-icon name=\"fluent:add-24-regular\"/>\n            </button>\n            <button ngsIconButton [ngsMenuTriggerFor]=\"columnMenu\">\n              <ngs-icon name=\"fluent:more-horizontal-24-regular\"/>\n            </button>\n          </div>\n\n          @if (_hasVerticalScroll()) {\n            <div class=\"h-px bg-surface-container absolute bottom-0 start-0 end-0\"></div>\n          }\n\n          <ngs-menu #columnMenu=\"ngsMenu\">\n            <button ngs-menu-item (click)=\"columnEdit.emit(column)\">\n              <ngs-icon name=\"fluent:share-24-regular\"/>\n              <span>Edit</span>\n            </button>\n            <button ngs-menu-item (click)=\"columnDelete.emit({ column, index })\">\n              <ngs-icon name=\"fluent:delete-24-regular\"/>\n              <span>Delete</span>\n            </button>\n          </ngs-menu>\n        </div>\n      }\n    </div>\n  </ngs-panel-header>\n  <ngs-panel-content class=\"relative overflow-hidden\">\n    <div #scrollContainer\n         class=\"scroll-container h-full absolute overflow-auto inset-0 flex body items-baseline\">\n      <div #scrollContainerContent\n           class=\"flex min-h-full flex-nowrap column\" cdkDropListGroup>\n        @for (column of columns(); track column) {\n          <div class=\"column-container bg-surface-container-low flex-none rounded-2xl p-3 min-h-full flex flex-col gap-3\"\n               cdkDropList\n               [cdkDropListData]=\"column.items\"\n               (cdkDropListDropped)=\"onDropped($event)\">\n            @for (item of column.items; track item) {\n              <div #element\n                   class=\"kanban-item bg-surface-container-lowest flex-none rounded-2xl\n                          p-3 shadow-sm cursor-pointer hover:outline-2 hover:outline-primary\"\n                   cdkDrag [cdkDragData]=\"item\" ngsRipple\n                   (mousedown)=\"itemMousedown($event)\"\n                   (click)=\"itemClick.emit(item)\"\n                   (cdkDragStarted)=\"onDragStarted($event, element)\"\n                   (cdkDragMoved)=\"onDragMoved($event)\"\n                   (cdkDragEnded)=\"onDragEnded($event)\">\n                <ng-container [ngTemplateOutlet]=\"_itemTplDef().templateRef\"\n                              [ngTemplateOutletContext]=\"{ $implicit: item, column }\"/>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  </ngs-panel-content>\n</ngs-panel>\n", styles: [":host{--ngs-kanban-board-col-width: calc(var(--spacing, .25rem) * 72);--ngs-kanban-board-padding-x: calc(var(--spacing, .25rem) * 10);--ngs-kanban-board-column-gap: calc(var(--spacing, .25rem) * 5);height:100%}:host .header{padding:0 var(--ngs-kanban-board-padding-x);overflow:hidden}:host .header-container{gap:var(--ngs-kanban-board-column-gap)}:host .header-column{width:var(--ngs-kanban-board-col-width);flex:none}:host .body{gap:var(--ngs-kanban-board-column-gap);padding:0 var(--ngs-kanban-board-padding-x)}:host .column{padding-bottom:var(--ngs-kanban-board-column-gap);gap:var(--ngs-kanban-board-column-gap)}:host .column-container{width:var(--ngs-kanban-board-col-width);flex:none}:host .cdk-drag-placeholder{opacity:60%}:host.is-dragging-active .scroll-container{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.is-dragging-active .kanban-item:hover{outline:none}.kanban-item.cdk-drag-preview{background:var(--color-surface-container-lowest);padding:calc(var(--spacing, .25rem) * 3);cursor:pointer;flex:none;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;border-radius:1rem}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+                    }, template: "<ngs-panel class=\"h-full\">\n  <ngs-panel-header class=\"header\">\n    <div class=\"flex flex-nowrap h-full items-center header-container\" #headerContainer>\n      @for (column of columns(); track column; let index = $index) {\n        <div class=\"h-full header-column relative flex gap-2 items-center justify-between flex-none\">\n          <div class=\"flex gap-2 items-center uppercase text-sm\">\n            @if (column.color) {\n              <div class=\"size-3 rounded-full\" [style.background-color]=\"column.color\"></div>\n            }\n            {{ column.name }} ({{ column.items.length }})\n          </div>\n          <div class=\"flex gap-0.5 items-center\">\n            <button ngsIconButton (click)=\"itemAdd.emit()\">\n              <ngs-icon name=\"fluent:add-24-regular\"/>\n            </button>\n            <button ngsIconButton [ngsMenuTriggerFor]=\"columnMenu\">\n              <ngs-icon name=\"fluent:more-horizontal-24-regular\"/>\n            </button>\n          </div>\n\n          @if (_hasVerticalScroll()) {\n            <div class=\"h-px bg-surface-container absolute bottom-0 start-0 end-0\"></div>\n          }\n\n          <ngs-menu #columnMenu=\"ngsMenu\">\n            <button ngs-menu-item (click)=\"columnEdit.emit(column)\">\n              <ngs-icon name=\"fluent:share-24-regular\"/>\n              <span>Edit</span>\n            </button>\n            <button ngs-menu-item (click)=\"columnDelete.emit({ column, index })\">\n              <ngs-icon name=\"fluent:delete-24-regular\"/>\n              <span>Delete</span>\n            </button>\n          </ngs-menu>\n        </div>\n      }\n    </div>\n  </ngs-panel-header>\n  <ngs-panel-content class=\"relative overflow-hidden\">\n    <div #scrollContainer\n         class=\"scroll-container h-full absolute overflow-auto inset-0 flex body items-baseline\">\n      <div #scrollContainerContent\n           class=\"flex min-h-full flex-nowrap column\" cdkDropListGroup>\n        @for (column of columns(); track column) {\n          <div class=\"column-container bg-surface-container-low flex-none rounded-2xl p-3 min-h-full flex flex-col gap-3\"\n               cdkDropList\n               [cdkDropListData]=\"column.items\"\n               (cdkDropListDropped)=\"onDropped($event)\">\n            @for (item of column.items; track item) {\n              <div #element\n                   class=\"kanban-item bg-surface-container-lowest flex-none rounded-2xl\n                          p-3 shadow-sm cursor-pointer hover:outline-2 hover:outline-primary\"\n                   cdkDrag [cdkDragData]=\"item\" ngsRipple\n                   (mousedown)=\"itemMousedown($event)\"\n                   (click)=\"itemClick.emit(item)\"\n                   (cdkDragStarted)=\"onDragStarted($event, element)\"\n                   (cdkDragMoved)=\"onDragMoved($event)\"\n                   (cdkDragEnded)=\"onDragEnded($event)\">\n                <ng-container [ngTemplateOutlet]=\"_itemTplDef().templateRef\"\n                              [ngTemplateOutletContext]=\"{ $implicit: item, column }\"/>\n              </div>\n            }\n          </div>\n        }\n      </div>\n    </div>\n  </ngs-panel-content>\n</ngs-panel>\n", styles: [":host{--ngs-kanban-board-col-width: calc(var(--spacing, .25rem) * 72);--ngs-kanban-board-padding-x: calc(var(--spacing, .25rem) * 10);--ngs-kanban-board-column-gap: calc(var(--spacing, .25rem) * 5);height:100%}:host .header{padding:0 var(--ngs-kanban-board-padding-x);overflow:hidden}:host .header-container{gap:var(--ngs-kanban-board-column-gap)}:host .header-column{width:var(--ngs-kanban-board-col-width);flex:none}:host .body{gap:var(--ngs-kanban-board-column-gap);padding:0 var(--ngs-kanban-board-padding-x)}:host .column{padding-bottom:var(--ngs-kanban-board-column-gap);gap:var(--ngs-kanban-board-column-gap)}:host .column-container{width:var(--ngs-kanban-board-col-width);flex:none}:host .cdk-drag-placeholder{opacity:60%}:host.is-dragging-active .scroll-container{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:host.is-dragging-active .kanban-item:hover{outline:none}.kanban-item.cdk-drag-preview{background:var(--ngs-color-surface-container-lowest);padding:calc(var(--spacing, .25rem) * 3);cursor:pointer;flex:none;box-shadow:var(--ngs-shadow-sm);border-radius:var(--ngs-radius-xl)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
         }], propDecorators: { _itemTplDef: [{ type: i0.ContentChild, args: [i0.forwardRef(() => KanbanItemDefDirective), { isSignal: true }] }], _headerContainer: [{ type: i0.ViewChild, args: ['headerContainer', { ...{ read: ElementRef }, isSignal: true }] }], _scrollContainer: [{ type: i0.ViewChild, args: ['scrollContainer', { ...{ read: ElementRef }, isSignal: true }] }], columns: [{ type: i0.Input, args: [{ isSignal: true, alias: "columns", required: false }] }], colors: [{ type: i0.Input, args: [{ isSignal: true, alias: "colors", required: false }] }], columnEdit: [{ type: i0.Output, args: ["columnEdit"] }], columnDelete: [{ type: i0.Output, args: ["columnDelete"] }], itemAdd: [{ type: i0.Output, args: ["itemAdd"] }], itemClick: [{ type: i0.Output, args: ["itemClick"] }], itemDropped: [{ type: i0.Output, args: ["itemDropped"] }], itemSorted: [{ type: i0.Output, args: ["itemSorted"] }], itemTransferred: [{ type: i0.Output, args: ["itemTransferred"] }] } });
 
 /**