@ngstarter-ui/components 1.0.21

package/fesm2022/ngstarter-ui-components-scroll-spy.mjs

@@ -0,0 +1,219 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, ElementRef, Renderer2, DOCUMENT, input, Component, ChangeDetectorRef, PLATFORM_ID, NgZone, DestroyRef, contentChildren, Directive } from '@angular/core';
+import { isPlatformServer } from '@angular/common';
+import { fromEvent, debounceTime } from 'rxjs';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { LAYOUT_CONTENT } from '@ngstarter-ui/components/layout';
+import { PANEL_CONTENT } from '@ngstarter-ui/components/panel';
+import { Icon } from '@ngstarter-ui/components/icon';
+
+const SCROLL_SPY_NAV = new InjectionToken('SPY_NAV');
+
+class ScrollSpyOn {
+    _parent = inject(SCROLL_SPY_NAV);
+    _elementRef = inject(ElementRef);
+    _renderer = inject(Renderer2);
+    _document = inject(DOCUMENT);
+    targetId = input.required(...(ngDevMode ? [{ debugName: "targetId" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        const fullUrl = this._document.location.origin + this._document.location.pathname;
+        this._renderer.setAttribute(this._elementRef.nativeElement, 'href', fullUrl + '#' + this.targetId());
+    }
+    get isActive() {
+        return this.targetId() === this._parent.activeId;
+    }
+    _handleClick(event) {
+        event.preventDefault();
+        event.stopPropagation();
+        this._parent.scrollTo(this.targetId());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ScrollSpyOn, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.4", type: ScrollSpyOn, isStandalone: true, selector: "ngs-scroll-spy-on,[ngs-scroll-spy-on]", inputs: { targetId: { classPropertyName: "targetId", publicName: "targetId", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "click": "_handleClick($event)" }, properties: { "class.is-active": "isActive" }, classAttribute: "ngs-scroll-spy-on" }, exportAs: ["ngsScrollSpyOn"], ngImport: i0, template: "<ng-content/>\n", styles: [":host{display:block;width:max-content;padding:calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 5);font-size:.875rem;border-left:1px solid var(--color-subtle)}:host:hover{color:var(--color-primary)}:host.is-active{color:var(--color-primary);border-left-color:var(--sys-outline)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ScrollSpyOn, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-scroll-spy-on,[ngs-scroll-spy-on]', exportAs: 'ngsScrollSpyOn', host: {
+                        'class': 'ngs-scroll-spy-on',
+                        '[class.is-active]': 'isActive',
+                        '(click)': '_handleClick($event)'
+                    }, template: "<ng-content/>\n", styles: [":host{display:block;width:max-content;padding:calc(var(--spacing, .25rem) * 2) calc(var(--spacing, .25rem) * 5);font-size:.875rem;border-left:1px solid var(--color-subtle)}:host:hover{color:var(--color-primary)}:host.is-active{color:var(--color-primary);border-left-color:var(--sys-outline)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { targetId: [{ type: i0.Input, args: [{ isSignal: true, alias: "targetId", required: true }] }] } });
+
+class ScrollSpyNav {
+    document = inject(DOCUMENT);
+    cdr = inject(ChangeDetectorRef);
+    platformId = inject(PLATFORM_ID);
+    zone = inject(NgZone);
+    destroyRef = inject(DestroyRef);
+    panelBody = inject(PANEL_CONTENT, { optional: true });
+    layoutBody = inject(LAYOUT_CONTENT, { optional: true });
+    _items = contentChildren(ScrollSpyOn, ...(ngDevMode ? [{ debugName: "_items" }] : /* istanbul ignore next */ []));
+    threshold = 10;
+    _activeId;
+    scrollContainer;
+    ngAfterContentInit() {
+        if (isPlatformServer(this.platformId)) {
+            return;
+        }
+        if (this.panelBody) {
+            this.scrollContainer = this.panelBody.scrollContainer();
+        }
+        else if (this.layoutBody) {
+            this.scrollContainer = this.layoutBody.scrollContainer();
+        }
+        else {
+            this.scrollContainer = this.document.body;
+        }
+        if (this.scrollContainer) {
+            this.zone.runOutsideAngular(() => {
+                fromEvent(this.scrollContainer, 'scroll')
+                    .pipe(debounceTime(35), takeUntilDestroyed(this.destroyRef))
+                    .subscribe(() => {
+                    this._findActiveItem();
+                });
+            });
+            setTimeout(() => {
+                this._findActiveItem();
+            }, 10);
+        }
+    }
+    get activeId() {
+        return this._activeId;
+    }
+    scrollTo(targetId) {
+        if (!this.scrollContainer) {
+            return;
+        }
+        this._activeId = targetId;
+        const targetElement = this.document.querySelector('#' + targetId);
+        const offsetTopFix = parseInt(getComputedStyle(targetElement).marginTop) +
+            parseInt(getComputedStyle(targetElement).height) + this.threshold;
+        this.cdr.detectChanges();
+        this.scrollContainer.scroll({
+            top: targetElement.offsetTop - offsetTopFix,
+            left: 0,
+            behavior: 'smooth'
+        });
+    }
+    _findActiveItem() {
+        for (let item of this._items()) {
+            const targetElement = this.document.querySelector('#' + item.targetId());
+            if (targetElement) {
+                if (this._elementIsVisibleInViewport(this.scrollContainer, targetElement)) {
+                    if (this._activeId === item.targetId()) {
+                        return;
+                    }
+                    this.zone.run(() => {
+                        this._activeId = item.targetId();
+                        this.cdr.detectChanges();
+                    });
+                    break;
+                }
+            }
+        }
+    }
+    _elementIsVisibleInViewport(container, targetEl, partiallyVisible = false) {
+        const { top, left, bottom, right } = targetEl.getBoundingClientRect();
+        const containerRect = container.getBoundingClientRect();
+        const innerWidth = containerRect.width;
+        const innerHeight = containerRect.height;
+        return partiallyVisible
+            ? ((top > 0 && top < innerHeight) ||
+                (bottom > 0 && bottom < innerHeight)) &&
+                ((left > 0 && left < innerWidth) || (right > 0 && right < innerWidth))
+            : top >= 0 && left >= 0 && bottom <= innerHeight && right <= innerWidth;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ScrollSpyNav, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "21.2.4", type: ScrollSpyNav, isStandalone: true, selector: "ngs-scroll-spy-nav,[ngs-scroll-spy-nav]", host: { classAttribute: "ngs-scroll-spy-nav" }, providers: [
+            {
+                provide: SCROLL_SPY_NAV,
+                useExisting: ScrollSpyNav
+            }
+        ], queries: [{ propertyName: "_items", predicate: ScrollSpyOn, isSignal: true }], exportAs: ["ngsScrollSpyNav"], ngImport: i0, template: "<ng-content select=\"ngs-scroll-spy-title,[ngs-scroll-spy-title]\"/>\n<div>\n  <ng-content/>\n</div>\n<ng-content select=\"ngs-scroll-spy-back-to-top,[ngs-scroll-spy-back-to-top]\"/>\n", styles: [":host{width:240px;display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ScrollSpyNav, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-scroll-spy-nav,[ngs-scroll-spy-nav]', exportAs: 'ngsScrollSpyNav', providers: [
+                        {
+                            provide: SCROLL_SPY_NAV,
+                            useExisting: ScrollSpyNav
+                        }
+                    ], host: {
+                        'class': 'ngs-scroll-spy-nav'
+                    }, template: "<ng-content select=\"ngs-scroll-spy-title,[ngs-scroll-spy-title]\"/>\n<div>\n  <ng-content/>\n</div>\n<ng-content select=\"ngs-scroll-spy-back-to-top,[ngs-scroll-spy-back-to-top]\"/>\n", styles: [":host{width:240px;display:flex;flex-direction:column;gap:calc(var(--spacing, .25rem) * 3)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { _items: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => ScrollSpyOn), { isSignal: true }] }] } });
+
+class ScrollSpyTitle {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ScrollSpyTitle, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: ScrollSpyTitle, isStandalone: true, selector: "ngs-scroll-spy-title,[ngs-scroll-spy-title]", host: { classAttribute: "ngs-scroll-spy-title" }, exportAs: ["ngsScrollSpyTitle"], ngImport: i0, template: "<div class=\"truncate\"><ng-content/></div>\n", styles: [":host{display:block;font-weight:500;font-size:1.25rem}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ScrollSpyTitle, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-scroll-spy-title,[ngs-scroll-spy-title]', exportAs: 'ngsScrollSpyTitle', host: {
+                        'class': 'ngs-scroll-spy-title'
+                    }, template: "<div class=\"truncate\"><ng-content/></div>\n", styles: [":host{display:block;font-weight:500;font-size:1.25rem}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+class ScrollSpyContainerDirective {
+    elementRef = inject(ElementRef);
+    getScrollContainer() {
+        return this.elementRef.nativeElement;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ScrollSpyContainerDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.4", type: ScrollSpyContainerDirective, isStandalone: true, selector: "[ngsScrollSpyContainer]", host: { classAttribute: "ngs-scroll-spy-container" }, exportAs: ["ngsScrollSpyContainer"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ScrollSpyContainerDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[ngsScrollSpyContainer]',
+                    exportAs: 'ngsScrollSpyContainer',
+                    host: {
+                        'class': 'ngs-scroll-spy-container'
+                    }
+                }]
+        }] });
+
+class ScrollSpyBackToTop {
+    platformId = inject(PLATFORM_ID);
+    document = inject(DOCUMENT);
+    panelBody = inject(PANEL_CONTENT, { optional: true });
+    layoutBody = inject(LAYOUT_CONTENT, { optional: true });
+    scrollContainer;
+    scrollToTop() {
+        if (isPlatformServer(this.platformId)) {
+            return;
+        }
+        if (this.panelBody) {
+            this.scrollContainer = this.panelBody.scrollContainer();
+        }
+        else if (this.layoutBody) {
+            this.scrollContainer = this.layoutBody.scrollContainer();
+        }
+        else {
+            this.scrollContainer = this.document.body;
+        }
+        if (this.scrollContainer) {
+            this.scrollContainer.scrollTo({
+                top: 0,
+                behavior: 'smooth'
+            });
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ScrollSpyBackToTop, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.4", type: ScrollSpyBackToTop, isStandalone: true, selector: "ngs-scroll-spy-back-to-top,[ngs-scroll-spy-back-to-top]", host: { listeners: { "click": "scrollToTop()" } }, exportAs: ["ngsScrollSpyBackToTop"], ngImport: i0, template: "<ngs-icon name=\"fluent:arrow-up-24-regular\"/>\n<ng-content/>\n", styles: [":host{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1);font-size:.875rem;font-weight:600;cursor:pointer;--icon-size: calc(var(--spacing, .25rem) * 4.5)}:host:hover{color:var(--color-primary)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: Icon, selector: "ngs-icon", inputs: ["name"], exportAs: ["ngsIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.4", ngImport: i0, type: ScrollSpyBackToTop, decorators: [{
+            type: Component,
+            args: [{ selector: 'ngs-scroll-spy-back-to-top,[ngs-scroll-spy-back-to-top]', exportAs: 'ngsScrollSpyBackToTop', imports: [
+                        Icon
+                    ], host: {
+                        '(click)': 'scrollToTop()'
+                    }, template: "<ngs-icon name=\"fluent:arrow-up-24-regular\"/>\n<ng-content/>\n", styles: [":host{display:inline-flex;align-items:center;gap:calc(var(--spacing, .25rem) * 1);font-size:.875rem;font-weight:600;cursor:pointer;--icon-size: calc(var(--spacing, .25rem) * 4.5)}:host:hover{color:var(--color-primary)}\n/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */\n"] }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SCROLL_SPY_NAV, ScrollSpyBackToTop, ScrollSpyContainerDirective, ScrollSpyNav, ScrollSpyOn, ScrollSpyTitle };
+//# sourceMappingURL=ngstarter-ui-components-scroll-spy.mjs.map

package/fesm2022/ngstarter-ui-components-scroll-spy.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngstarter-ui-components-scroll-spy.mjs","sources":["../../../projects/components/scroll-spy/src/types.ts","../../../projects/components/scroll-spy/src/scroll-spy-on/scroll-spy-on.ts","../../../projects/components/scroll-spy/src/scroll-spy-on/scroll-spy-on.html","../../../projects/components/scroll-spy/src/scroll-spy-nav/scroll-spy-nav.ts","../../../projects/components/scroll-spy/src/scroll-spy-nav/scroll-spy-nav.html","../../../projects/components/scroll-spy/src/scroll-spy-title/scroll-spy-title.ts","../../../projects/components/scroll-spy/src/scroll-spy-title/scroll-spy-title.html","../../../projects/components/scroll-spy/src/scroll-spy-container.directive.ts","../../../projects/components/scroll-spy/src/scroll-spy-back-to-top/scroll-spy-back-to-top.ts","../../../projects/components/scroll-spy/src/scroll-spy-back-to-top/scroll-spy-back-to-top.html","../../../projects/components/scroll-spy/ngstarter-ui-components-scroll-spy.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const SCROLL_SPY_NAV = new InjectionToken('SPY_NAV');\n","import { Component, ElementRef, inject, input, OnInit, Renderer2, DOCUMENT } from '@angular/core';\n\nimport { ScrollSpyNav } from '../scroll-spy-nav/scroll-spy-nav';\nimport { SCROLL_SPY_NAV } from '../types';\n\n@Component({\n  selector: 'ngs-scroll-spy-on,[ngs-scroll-spy-on]',\n  exportAs: 'ngsScrollSpyOn',\n  templateUrl: './scroll-spy-on.html',\n  styleUrl: './scroll-spy-on.scss',\n  host: {\n    'class': 'ngs-scroll-spy-on',\n    '[class.is-active]': 'isActive',\n    '(click)': '_handleClick($event)'\n  }\n})\nexport class ScrollSpyOn implements OnInit {\n  private _parent = inject<ScrollSpyNav>(SCROLL_SPY_NAV);\n  private _elementRef = inject(ElementRef);\n  private _renderer = inject(Renderer2);\n  private _document = inject(DOCUMENT);\n\n  targetId = input.required<string>();\n\n  ngOnInit() {\n    const fullUrl = this._document.location.origin + this._document.location.pathname;\n    this._renderer.setAttribute(this._elementRef.nativeElement, 'href', fullUrl + '#' + this.targetId());\n  }\n\n  protected get isActive() {\n    return this.targetId() === this._parent.activeId;\n  }\n\n  protected _handleClick(event: MouseEvent) {\n    event.preventDefault();\n    event.stopPropagation();\n    this._parent.scrollTo(this.targetId());\n  }\n}\n","<ng-content/>\n","import {\n  AfterContentInit,\n  ChangeDetectorRef,\n  Component,\n  DestroyRef,\n  inject,\n  NgZone,\n  PLATFORM_ID,\n  contentChildren,\n  DOCUMENT\n} from '@angular/core';\nimport { isPlatformServer } from '@angular/common';\nimport { debounceTime, fromEvent } from 'rxjs';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { SCROLL_SPY_NAV } from '../types';\nimport { ScrollSpyOn } from '../scroll-spy-on/scroll-spy-on';\nimport { LAYOUT_CONTENT } from '@ngstarter-ui/components/layout';\nimport { PANEL_CONTENT } from '@ngstarter-ui/components/panel';\n\n@Component({\n  selector: 'ngs-scroll-spy-nav,[ngs-scroll-spy-nav]',\n  exportAs: 'ngsScrollSpyNav',\n  templateUrl: './scroll-spy-nav.html',\n  styleUrl: './scroll-spy-nav.scss',\n  providers: [\n    {\n      provide: SCROLL_SPY_NAV,\n      useExisting: ScrollSpyNav\n    }\n  ],\n  host: {\n    'class': 'ngs-scroll-spy-nav'\n  }\n})\nexport class ScrollSpyNav implements AfterContentInit {\n  private document = inject(DOCUMENT);\n  private cdr = inject(ChangeDetectorRef);\n  private platformId = inject(PLATFORM_ID);\n  private zone = inject(NgZone);\n  private destroyRef = inject(DestroyRef);\n  private panelBody = inject(PANEL_CONTENT, { optional: true });\n  private layoutBody = inject(LAYOUT_CONTENT, { optional: true });\n\n  readonly _items = contentChildren(ScrollSpyOn);\n\n  private threshold = 10;\n  protected _activeId: string;\n  private scrollContainer: HTMLElement;\n\n  ngAfterContentInit() {\n    if (isPlatformServer(this.platformId)) {\n      return;\n    }\n\n    if (this.panelBody) {\n      this.scrollContainer = this.panelBody.scrollContainer();\n    } else if (this.layoutBody) {\n      this.scrollContainer = this.layoutBody.scrollContainer();\n    } else {\n      this.scrollContainer = this.document.body;\n    }\n\n    if (this.scrollContainer) {\n      this.zone.runOutsideAngular(() => {\n        fromEvent(this.scrollContainer, 'scroll')\n          .pipe(\n            debounceTime(35),\n            takeUntilDestroyed(this.destroyRef)\n          )\n          .subscribe(() => {\n            this._findActiveItem();\n          })\n        ;\n      });\n      setTimeout(() => {\n        this._findActiveItem();\n      }, 10);\n    }\n  }\n\n  get activeId(): string {\n    return this._activeId;\n  }\n\n  scrollTo(targetId: string) {\n    if (!this.scrollContainer) {\n      return;\n    }\n\n    this._activeId = targetId;\n    const targetElement = this.document.querySelector('#' + targetId) as HTMLElement;\n    const offsetTopFix = parseInt(getComputedStyle(targetElement).marginTop) +\n      parseInt(getComputedStyle(targetElement).height) + this.threshold\n    ;\n    this.cdr.detectChanges();\n    this.scrollContainer.scroll({\n      top: targetElement.offsetTop - offsetTopFix,\n      left: 0,\n      behavior: 'smooth'\n    });\n  }\n\n  private _findActiveItem() {\n    for (let item of this._items()) {\n      const targetElement = this.document.querySelector('#' + item.targetId()) as HTMLElement;\n\n      if (targetElement) {\n        if (this._elementIsVisibleInViewport(this.scrollContainer, targetElement)) {\n          if (this._activeId === item.targetId()) {\n            return;\n          }\n\n          this.zone.run(() => {\n            this._activeId = item.targetId();\n            this.cdr.detectChanges();\n          });\n          break;\n        }\n      }\n    }\n  }\n\n  private _elementIsVisibleInViewport(container: HTMLElement, targetEl: HTMLElement, partiallyVisible = false) {\n    const { top, left, bottom, right } = targetEl.getBoundingClientRect();\n    const containerRect = container.getBoundingClientRect();\n    const innerWidth = containerRect.width;\n    const innerHeight = containerRect.height;\n    return partiallyVisible\n      ? ((top > 0 && top < innerHeight) ||\n        (bottom > 0 && bottom < innerHeight)) &&\n      ((left > 0 && left < innerWidth) || (right > 0 && right < innerWidth))\n      : top >= 0 && left >= 0 && bottom <= innerHeight && right <= innerWidth;\n  }\n}\n","<ng-content select=\"ngs-scroll-spy-title,[ngs-scroll-spy-title]\"/>\n<div>\n  <ng-content/>\n</div>\n<ng-content select=\"ngs-scroll-spy-back-to-top,[ngs-scroll-spy-back-to-top]\"/>\n","import { Component } from '@angular/core';\n\n@Component({\n  selector: 'ngs-scroll-spy-title,[ngs-scroll-spy-title]',\n  exportAs: 'ngsScrollSpyTitle',\n  templateUrl: './scroll-spy-title.html',\n  styleUrl: './scroll-spy-title.scss',\n  host: {\n    'class': 'ngs-scroll-spy-title'\n  }\n})\nexport class ScrollSpyTitle {\n\n}\n","<div class=\"truncate\"><ng-content/></div>\n","import { Directive, ElementRef, inject } from '@angular/core';\n\n@Directive({\n  selector: '[ngsScrollSpyContainer]',\n  exportAs: 'ngsScrollSpyContainer',\n  host: {\n    'class': 'ngs-scroll-spy-container'\n  }\n})\nexport class ScrollSpyContainerDirective {\n  private elementRef = inject(ElementRef);\n\n  getScrollContainer(): HTMLElement {\n    return this.elementRef.nativeElement;\n  }\n}\n","import { Component, DOCUMENT, inject, PLATFORM_ID } from '@angular/core';\nimport { PANEL_CONTENT } from '@ngstarter-ui/components/panel';\nimport { LAYOUT_CONTENT } from '@ngstarter-ui/components/layout';\nimport { isPlatformServer } from '@angular/common';\nimport { Icon } from '@ngstarter-ui/components/icon';\n\n@Component({\n  selector: 'ngs-scroll-spy-back-to-top,[ngs-scroll-spy-back-to-top]',\n  exportAs: 'ngsScrollSpyBackToTop',\n  imports: [\n    Icon\n  ],\n  templateUrl: './scroll-spy-back-to-top.html',\n  styleUrl: './scroll-spy-back-to-top.scss',\n  host: {\n    '(click)': 'scrollToTop()'\n  }\n})\nexport class ScrollSpyBackToTop {\n  private platformId = inject(PLATFORM_ID);\n  private document = inject(DOCUMENT);\n  private panelBody = inject(PANEL_CONTENT, { optional: true });\n  private layoutBody = inject(LAYOUT_CONTENT, { optional: true });\n\n  private scrollContainer: HTMLElement;\n\n  scrollToTop() {\n    if (isPlatformServer(this.platformId)) {\n      return;\n    }\n\n    if (this.panelBody) {\n      this.scrollContainer = this.panelBody.scrollContainer();\n    } else if (this.layoutBody) {\n      this.scrollContainer = this.layoutBody.scrollContainer();\n    } else {\n      this.scrollContainer = this.document.body;\n    }\n\n    if (this.scrollContainer) {\n      this.scrollContainer.scrollTo({\n        top: 0,\n        behavior: 'smooth'\n      });\n    }\n  }\n}\n","<ngs-icon name=\"fluent:arrow-up-24-regular\"/>\n<ng-content/>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}