@gravionlabs/helix-core 22.1.1 → 22.1.3

package/fesm2022/gravionlabs-helix-core-scrolltop.mjs

@@ -1,20 +1,19 @@
-export * from '@gravionlabs/helix-core/types/scrolltop';
-import * as i2 from '@angular/common';
-import { isPlatformBrowser, CommonModule } from '@angular/common';
-import * as i0 from '@angular/core';
-import { Injectable, InjectionToken, inject, input, numberAttribute, computed, contentChild, contentChildren, signal, ViewEncapsulation, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
-import { getWindowScrollTop } from '@gravionlabs/helix-core/uix/utils';
-import { HelixTemplate, SharedModule } from '@gravionlabs/helix-core/api';
-import { BaseComponent, PARENT_INSTANCE } from '@gravionlabs/helix-core/basecomponent';
-import * as i1 from '@gravionlabs/helix-core/bind';
-import { Bind } from '@gravionlabs/helix-core/bind';
-import { Button } from '@gravionlabs/helix-core/button';
-import { ChevronUpIcon } from '@gravionlabs/helix-core/icons';
-import { MotionDirective } from '@gravionlabs/helix-core/motion';
-import { ZIndexUtils } from '@gravionlabs/helix-core/utils';
-import { BaseStyle } from '@gravionlabs/helix-core/base';
-
-const style = /*css*/ `
+import * as i2 from "@angular/common";
+import { CommonModule, isPlatformBrowser } from "@angular/common";
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Injectable, InjectionToken, NgModule, ViewEncapsulation, computed, contentChild, contentChildren, inject, input, numberAttribute, signal } from "@angular/core";
+import { getWindowScrollTop } from "@gravionlabs/helix-core/uix/utils";
+import { HelixTemplate, SharedModule } from "@gravionlabs/helix-core/api";
+import { BaseComponent, PARENT_INSTANCE } from "@gravionlabs/helix-core/basecomponent";
+import * as i1 from "@gravionlabs/helix-core/bind";
+import { Bind } from "@gravionlabs/helix-core/bind";
+import { Button } from "@gravionlabs/helix-core/button";
+import { ChevronUpIcon } from "@gravionlabs/helix-core/icons";
+import { MotionDirective } from "@gravionlabs/helix-core/motion";
+import { ZIndexUtils } from "@gravionlabs/helix-core/utils";
+import { BaseStyle } from "@gravionlabs/helix-core/base";
+export * from "@gravionlabs/helix-core/types/scrolltop";
+const style = `
     .h-scrolltop.h-button {
         position: fixed !important;
         inset-block-end: 20px;
@@ -43,252 +42,557 @@ const style = /*css*/ `
         transition: opacity 300ms;
     }
 `;
-
 const classes = {
-    root: ({ instance }) => ['h-scrolltop', { 'h-scrolltop-sticky': instance.target !== 'window' }],
-    icon: 'h-scrolltop-icon'
+	root: ({ instance }) => ["h-scrolltop", { "h-scrolltop-sticky": instance.target !== "window" }],
+	icon: "h-scrolltop-icon"
+};
+var ScrollTopStyle = class ScrollTopStyle extends BaseStyle {
+	name = "scrolltop";
+	style = style;
+	classes = classes;
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ScrollTopStyle,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ScrollTopStyle
+	});
 };
-class ScrollTopStyle extends BaseStyle {
-    name = 'scrolltop';
-    style = style;
-    classes = classes;
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ScrollTopStyle, deps: null, target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ScrollTopStyle });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ScrollTopStyle, decorators: [{
-            type: Injectable
-        }] });
-/**
- *
- * ScrollTop gets displayed after a certain scroll position and used to navigates to the top of the page quickly.
- *
- * [Live Demo](https://www.primeng.org/scrolltop/)
- *
- * @module scrolltopstyle
- *
- */
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: ScrollTopStyle,
+	decorators: [{ type: Injectable }]
+});
 var ScrollTopClasses;
-(function (ScrollTopClasses) {
-    /**
-     * Class name of the root element
-     */
-    ScrollTopClasses["root"] = "h-scrolltop";
-    /**
-     * Class name of the icon element
-     */
-    ScrollTopClasses["icon"] = "h-scrolltop-icon";
+(function(ScrollTopClasses) {
+	ScrollTopClasses["root"] = "h-scrolltop";
+	ScrollTopClasses["icon"] = "h-scrolltop-icon";
 })(ScrollTopClasses || (ScrollTopClasses = {}));
-
-const SCROLLTOP_INSTANCE = new InjectionToken('SCROLLTOP_INSTANCE');
-/**
- * ScrollTop gets displayed after a certain scroll position and used to navigates to the top of the page quickly.
- * @group Components
- */
-class ScrollTop extends BaseComponent {
-    componentName = 'ScrollTop';
-    $pcScrollTop = inject(SCROLLTOP_INSTANCE, { optional: true, skipSelf: true }) ?? undefined;
-    bindDirectiveInstance = inject(Bind, { self: true });
-    onAfterViewChecked() {
-        this.bindDirectiveInstance.setAttrs(this.ptms(['host', 'root']));
-    }
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    styleClass = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "styleClass" }] : /* istanbul ignore next */ []));
-    /**
-     * Inline style of the element.
-     * @group Props
-     */
-    style = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "style" }] : /* istanbul ignore next */ []));
-    /**
-     * Target of the ScrollTop.
-     * @group Props
-     */
-    target = input('window', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "target" }] : /* istanbul ignore next */ []));
-    /**
-     * Defines the threshold value of the vertical scroll position of the target to toggle the visibility.
-     * @group Props
-     */
-    threshold = input(400, { ...(ngDevMode ? { debugName: "threshold" } : /* istanbul ignore next */ {}), transform: numberAttribute });
-    /**
-     * Name of the icon or JSX.Element for icon.
-     * @group Props
-     */
-    icon = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
-    /**
-     * Defines the scrolling behavior, "smooth" adds an animation and "auto" scrolls with a jump.
-     * @group Props
-     */
-    behavior = input('smooth', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "behavior" }] : /* istanbul ignore next */ []));
-    /**
-     * A string value used to determine the display transition options.
-     * @group Props
-     * @deprecated since v21.0.0. Use `motionOptions` instead.
-     */
-    showTransitionOptions = input('.15s', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "showTransitionOptions" }] : /* istanbul ignore next */ []));
-    /**
-     * A string value used to determine the hiding transition options.
-     * @group Props
-     * @deprecated since v21.0.0. Use `motionOptions` instead.
-     */
-    hideTransitionOptions = input('.15s', /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "hideTransitionOptions" }] : /* istanbul ignore next */ []));
-    /**
-     * The motion options.
-     * @group Props
-     */
-    motionOptions = input(undefined, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "motionOptions" }] : /* istanbul ignore next */ []));
-    computedMotionOptions = computed(() => {
-        return {
-            ...this.ptm('motion'),
-            ...this.motionOptions()
-        };
-    }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "computedMotionOptions" }] : /* istanbul ignore next */ []));
-    /**
-     * Establishes a string value that labels the scroll-top button.
-     * @group Props
-     */
-    buttonAriaLabel = input(/* @ts-ignore */
-    ...(ngDevMode ? [undefined, { debugName: "buttonAriaLabel" }] : /* istanbul ignore next */ []));
-    /**
-     * Used to pass all properties of the ButtonProps to the Button component.
-     * @group Props
-     */
-    buttonProps = input({ rounded: true }, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "buttonProps" }] : /* istanbul ignore next */ []));
-    /**
-     * Custom icon template.
-     * @param {ScrollTopIconTemplateContext} context - icon context.
-     * @see {@link ScrollTopIconTemplateContext}
-     * @group Templates
-     */
-    iconTemplate = contentChild('icon', { ...(ngDevMode ? { debugName: "iconTemplate" } : /* istanbul ignore next */ {}), descendants: false });
-    templates = contentChildren(HelixTemplate, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "templates" }] : /* istanbul ignore next */ []));
-    _iconTemplate;
-    documentScrollListener;
-    parentScrollListener;
-    visible = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "visible" }] : /* istanbul ignore next */ []));
-    render = signal(false, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "render" }] : /* istanbul ignore next */ []));
-    overlay;
-    _componentStyle = inject(ScrollTopStyle);
-    onInit() {
-        const target = this.target();
-        if (target === 'window')
-            this.bindDocumentScrollListener();
-        else if (target === 'parent')
-            this.bindParentScrollListener();
-    }
-    onAfterContentInit() {
-        this.templates().forEach((item) => {
-            switch (item.getType()) {
-                case 'icon':
-                    this._iconTemplate = item.template;
-                    break;
-            }
-        });
-    }
-    onClick() {
-        let scrollElement = this.target() === 'window' ? this.document.defaultView : this.el.nativeElement.parentElement;
-        scrollElement.scroll({
-            top: 0,
-            behavior: this.behavior()
-        });
-    }
-    onBeforeEnter(event) {
-        this.overlay = event.element;
-        this.overlay.style.position = this.target() === 'parent' ? 'sticky' : 'fixed';
-        ZIndexUtils.set('overlay', this.overlay, this.config.zIndex.overlay);
-    }
-    onBeforeLeave() {
-        ZIndexUtils.clear(this.overlay);
-        this.overlay = null;
-    }
-    onAfterLeave() {
-        this.render.set(false);
-    }
-    checkVisibility(scrollY) {
-        if (scrollY > this.threshold()) {
-            this.visible.set(true);
-            if (!this.render()) {
-                this.render.set(true);
-            }
-        }
-        else {
-            this.visible.set(false);
-        }
-    }
-    bindParentScrollListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.parentScrollListener = this.renderer.listen(this.el.nativeElement.parentElement, 'scroll', () => {
-                this.checkVisibility(this.el.nativeElement.parentElement.scrollTop);
-            });
-        }
-    }
-    bindDocumentScrollListener() {
-        if (isPlatformBrowser(this.platformId)) {
-            this.documentScrollListener = this.renderer.listen(this.document.defaultView, 'scroll', () => {
-                this.checkVisibility(getWindowScrollTop());
-            });
-        }
-    }
-    unbindParentScrollListener() {
-        if (this.parentScrollListener) {
-            this.parentScrollListener();
-            this.parentScrollListener = null;
-        }
-    }
-    unbindDocumentScrollListener() {
-        if (this.documentScrollListener) {
-            this.documentScrollListener();
-            this.documentScrollListener = null;
-        }
-    }
-    onDestroy() {
-        const target = this.target();
-        if (target === 'window')
-            this.unbindDocumentScrollListener();
-        else if (target === 'parent')
-            this.unbindParentScrollListener();
-        if (this.overlay) {
-            ZIndexUtils.clear(this.overlay);
-            this.overlay = null;
-        }
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ScrollTop, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: ScrollTop, isStandalone: true, selector: "h-scrollTop, h-scrolltop, h-scroll-top", inputs: { styleClass: { classPropertyName: "styleClass", publicName: "styleClass", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, target: { classPropertyName: "target", publicName: "target", isSignal: true, isRequired: false, transformFunction: null }, threshold: { classPropertyName: "threshold", publicName: "threshold", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, behavior: { classPropertyName: "behavior", publicName: "behavior", isSignal: true, isRequired: false, transformFunction: null }, showTransitionOptions: { classPropertyName: "showTransitionOptions", publicName: "showTransitionOptions", isSignal: true, isRequired: false, transformFunction: null }, hideTransitionOptions: { classPropertyName: "hideTransitionOptions", publicName: "hideTransitionOptions", isSignal: true, isRequired: false, transformFunction: null }, motionOptions: { classPropertyName: "motionOptions", publicName: "motionOptions", isSignal: true, isRequired: false, transformFunction: null }, buttonAriaLabel: { classPropertyName: "buttonAriaLabel", publicName: "buttonAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, buttonProps: { classPropertyName: "buttonProps", publicName: "buttonProps", isSignal: true, isRequired: false, transformFunction: null } }, providers: [ScrollTopStyle, { provide: SCROLLTOP_INSTANCE, useExisting: ScrollTop }, { provide: PARENT_INSTANCE, useExisting: ScrollTop }], queries: [{ propertyName: "iconTemplate", first: true, predicate: ["icon"], isSignal: true }, { propertyName: "templates", predicate: HelixTemplate, isSignal: true }], usesInheritance: true, hostDirectives: [{ directive: i1.Bind }], ngImport: i0, template: "@if (render()) {\n  <h-button\n    [hMotion]=\"visible()\"\n    [pMotionAppear]=\"true\"\n    [pMotionName]=\"'h-scrolltop'\"\n    [pMotionOptions]=\"computedMotionOptions()\"\n    (pMotionOnBeforeEnter)=\"onBeforeEnter($event)\"\n    (pMotionOnBeforeLeave)=\"onBeforeLeave()\"\n    (pMotionOnAfterLeave)=\"onAfterLeave()\"\n    [attr.aria-label]=\"buttonAriaLabel()\"\n    (click)=\"onClick()\"\n    [pt]=\"ptm('pcButton')\"\n    [styleClass]=\"cn(cx('root'), styleClass())\"\n    [ngStyle]=\"style()\"\n    type=\"button\"\n    [buttonProps]=\"buttonProps()\"\n    [unstyled]=\"unstyled()\"\n    >\n    <ng-template #icon()>\n      @if (!iconTemplate() && !_iconTemplate) {\n        @if (_icon) {\n          <span [class]=\"cn(cx('icon'), _icon)\"></span>\n        }\n        @if (!_icon) {\n          <svg data-h-icon=\"chevron-up\" [class]=\"cx('icon')\" />\n        }\n      }\n      @if (!icon()) {\n        <ng-template *ngTemplateOutlet=\"iconTemplate() || _iconTemplate; context: { styleClass: cx('icon') }\"></ng-template>\n      }\n    </ng-template>\n  </h-button>\n}\n", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: ChevronUpIcon, selector: "[data-h-icon=\"chevron-up\"]" }, { kind: "component", type: Button, selector: "h-button", inputs: ["hostName", "type", "badge", "disabled", "raised", "rounded", "text", "plain", "outlined", "link", "tabindex", "size", "variant", "style", "styleClass", "badgeClass", "badgeSeverity", "ariaLabel", "autofocus", "iconPos", "icon", "label", "loading", "loadingIcon", "severity", "buttonProps", "fluid"], outputs: ["onClick", "onFocus", "onBlur"] }, { kind: "ngmodule", type: SharedModule }, { kind: "directive", type: MotionDirective, selector: "[hMotion]", inputs: ["hMotion", "pMotionName", "pMotionType", "pMotionSafe", "pMotionDisabled", "pMotionAppear", "pMotionEnter", "pMotionLeave", "pMotionDuration", "pMotionHideStrategy", "pMotionEnterFromClass", "pMotionEnterToClass", "pMotionEnterActiveClass", "pMotionLeaveFromClass", "pMotionLeaveToClass", "pMotionLeaveActiveClass", "pMotionOptions"], outputs: ["pMotionOnBeforeEnter", "pMotionOnEnter", "pMotionOnAfterEnter", "pMotionOnEnterCancelled", "pMotionOnBeforeLeave", "pMotionOnLeave", "pMotionOnAfterLeave", "pMotionOnLeaveCancelled"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ScrollTop, decorators: [{
-            type: Component,
-            args: [{ selector: 'h-scrollTop, h-scrolltop, h-scroll-top', standalone: true, imports: [CommonModule, ChevronUpIcon, Button, SharedModule, MotionDirective], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [ScrollTopStyle, { provide: SCROLLTOP_INSTANCE, useExisting: ScrollTop }, { provide: PARENT_INSTANCE, useExisting: ScrollTop }], hostDirectives: [Bind], template: "@if (render()) {\n  <h-button\n    [hMotion]=\"visible()\"\n    [pMotionAppear]=\"true\"\n    [pMotionName]=\"'h-scrolltop'\"\n    [pMotionOptions]=\"computedMotionOptions()\"\n    (pMotionOnBeforeEnter)=\"onBeforeEnter($event)\"\n    (pMotionOnBeforeLeave)=\"onBeforeLeave()\"\n    (pMotionOnAfterLeave)=\"onAfterLeave()\"\n    [attr.aria-label]=\"buttonAriaLabel()\"\n    (click)=\"onClick()\"\n    [pt]=\"ptm('pcButton')\"\n    [styleClass]=\"cn(cx('root'), styleClass())\"\n    [ngStyle]=\"style()\"\n    type=\"button\"\n    [buttonProps]=\"buttonProps()\"\n    [unstyled]=\"unstyled()\"\n    >\n    <ng-template #icon()>\n      @if (!iconTemplate() && !_iconTemplate) {\n        @if (_icon) {\n          <span [class]=\"cn(cx('icon'), _icon)\"></span>\n        }\n        @if (!_icon) {\n          <svg data-h-icon=\"chevron-up\" [class]=\"cx('icon')\" />\n        }\n      }\n      @if (!icon()) {\n        <ng-template *ngTemplateOutlet=\"iconTemplate() || _iconTemplate; context: { styleClass: cx('icon') }\"></ng-template>\n      }\n    </ng-template>\n  </h-button>\n}\n" }]
-        }], propDecorators: { styleClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "styleClass", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], target: [{ type: i0.Input, args: [{ isSignal: true, alias: "target", required: false }] }], threshold: [{ type: i0.Input, args: [{ isSignal: true, alias: "threshold", required: false }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], behavior: [{ type: i0.Input, args: [{ isSignal: true, alias: "behavior", required: false }] }], showTransitionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "showTransitionOptions", required: false }] }], hideTransitionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideTransitionOptions", required: false }] }], motionOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "motionOptions", required: false }] }], buttonAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonAriaLabel", required: false }] }], buttonProps: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonProps", required: false }] }], iconTemplate: [{ type: i0.ContentChild, args: ['icon', { ...{ descendants: false }, isSignal: true }] }], templates: [{ type: i0.ContentChildren, args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }] }] } });
-class ScrollTopModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ScrollTopModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.1.6", ngImport: i0, type: ScrollTopModule, imports: [ScrollTop, SharedModule], exports: [ScrollTop, SharedModule] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ScrollTopModule, imports: [ScrollTop, SharedModule, SharedModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: ScrollTopModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [ScrollTop, SharedModule],
-                    exports: [ScrollTop, SharedModule]
-                }]
-        }] });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
+const SCROLLTOP_INSTANCE = new InjectionToken("SCROLLTOP_INSTANCE");
+var ScrollTop = class ScrollTop extends BaseComponent {
+	componentName = "ScrollTop";
+	$pcScrollTop = inject(SCROLLTOP_INSTANCE, {
+		optional: true,
+		skipSelf: true
+	}) ?? void 0;
+	bindDirectiveInstance = inject(Bind, { self: true });
+	onAfterViewChecked() {
+		this.bindDirectiveInstance.setAttrs(this.ptms(["host", "root"]));
+	}
+	styleClass = input(...ngDevMode ? [void 0, { debugName: "styleClass" }] : 	/* istanbul ignore next */ []);
+	style = input(...ngDevMode ? [void 0, { debugName: "style" }] : 	/* istanbul ignore next */ []);
+	target = input("window", ...ngDevMode ? [{ debugName: "target" }] : 	/* istanbul ignore next */ []);
+	threshold = input(400, {
+		...ngDevMode ? { debugName: "threshold" } : 		/* istanbul ignore next */ {},
+		transform: numberAttribute
+	});
+	icon = input(...ngDevMode ? [void 0, { debugName: "icon" }] : 	/* istanbul ignore next */ []);
+	behavior = input("smooth", ...ngDevMode ? [{ debugName: "behavior" }] : 	/* istanbul ignore next */ []);
+	showTransitionOptions = input(".15s", ...ngDevMode ? [{ debugName: "showTransitionOptions" }] : 	/* istanbul ignore next */ []);
+	hideTransitionOptions = input(".15s", ...ngDevMode ? [{ debugName: "hideTransitionOptions" }] : 	/* istanbul ignore next */ []);
+	motionOptions = input(void 0, ...ngDevMode ? [{ debugName: "motionOptions" }] : 	/* istanbul ignore next */ []);
+	computedMotionOptions = computed(() => {
+		return {
+			...this.ptm("motion"),
+			...this.motionOptions()
+		};
+	}, ...ngDevMode ? [{ debugName: "computedMotionOptions" }] : 	/* istanbul ignore next */ []);
+	buttonAriaLabel = input(...ngDevMode ? [void 0, { debugName: "buttonAriaLabel" }] : 	/* istanbul ignore next */ []);
+	buttonProps = input({ rounded: true }, ...ngDevMode ? [{ debugName: "buttonProps" }] : 	/* istanbul ignore next */ []);
+	iconTemplate = contentChild("icon", {
+		...ngDevMode ? { debugName: "iconTemplate" } : 		/* istanbul ignore next */ {},
+		descendants: false
+	});
+	templates = contentChildren(HelixTemplate, ...ngDevMode ? [{ debugName: "templates" }] : 	/* istanbul ignore next */ []);
+	_iconTemplate;
+	documentScrollListener;
+	parentScrollListener;
+	visible = signal(false, ...ngDevMode ? [{ debugName: "visible" }] : 	/* istanbul ignore next */ []);
+	render = signal(false, ...ngDevMode ? [{ debugName: "render" }] : 	/* istanbul ignore next */ []);
+	overlay;
+	_componentStyle = inject(ScrollTopStyle);
+	onInit() {
+		const target = this.target();
+		if (target === "window") this.bindDocumentScrollListener();
+		else if (target === "parent") this.bindParentScrollListener();
+	}
+	onAfterContentInit() {
+		this.templates().forEach((item) => {
+			switch (item.getType()) {
+				case "icon":
+					this._iconTemplate = item.template;
+					break;
+			}
+		});
+	}
+	onClick() {
+		(this.target() === "window" ? this.document.defaultView : this.el.nativeElement.parentElement).scroll({
+			top: 0,
+			behavior: this.behavior()
+		});
+	}
+	onBeforeEnter(event) {
+		this.overlay = event.element;
+		this.overlay.style.position = this.target() === "parent" ? "sticky" : "fixed";
+		ZIndexUtils.set("overlay", this.overlay, this.config.zIndex.overlay);
+	}
+	onBeforeLeave() {
+		ZIndexUtils.clear(this.overlay);
+		this.overlay = null;
+	}
+	onAfterLeave() {
+		this.render.set(false);
+	}
+	checkVisibility(scrollY) {
+		if (scrollY > this.threshold()) {
+			this.visible.set(true);
+			if (!this.render()) this.render.set(true);
+		} else this.visible.set(false);
+	}
+	bindParentScrollListener() {
+		if (isPlatformBrowser(this.platformId)) this.parentScrollListener = this.renderer.listen(this.el.nativeElement.parentElement, "scroll", () => {
+			this.checkVisibility(this.el.nativeElement.parentElement.scrollTop);
+		});
+	}
+	bindDocumentScrollListener() {
+		if (isPlatformBrowser(this.platformId)) this.documentScrollListener = this.renderer.listen(this.document.defaultView, "scroll", () => {
+			this.checkVisibility(getWindowScrollTop());
+		});
+	}
+	unbindParentScrollListener() {
+		if (this.parentScrollListener) {
+			this.parentScrollListener();
+			this.parentScrollListener = null;
+		}
+	}
+	unbindDocumentScrollListener() {
+		if (this.documentScrollListener) {
+			this.documentScrollListener();
+			this.documentScrollListener = null;
+		}
+	}
+	onDestroy() {
+		const target = this.target();
+		if (target === "window") this.unbindDocumentScrollListener();
+		else if (target === "parent") this.unbindParentScrollListener();
+		if (this.overlay) {
+			ZIndexUtils.clear(this.overlay);
+			this.overlay = null;
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ScrollTop,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: ScrollTop,
+		isStandalone: true,
+		selector: "h-scrollTop, h-scrolltop, h-scroll-top",
+		inputs: {
+			styleClass: {
+				classPropertyName: "styleClass",
+				publicName: "styleClass",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			style: {
+				classPropertyName: "style",
+				publicName: "style",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			target: {
+				classPropertyName: "target",
+				publicName: "target",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			threshold: {
+				classPropertyName: "threshold",
+				publicName: "threshold",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			icon: {
+				classPropertyName: "icon",
+				publicName: "icon",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			behavior: {
+				classPropertyName: "behavior",
+				publicName: "behavior",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			showTransitionOptions: {
+				classPropertyName: "showTransitionOptions",
+				publicName: "showTransitionOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hideTransitionOptions: {
+				classPropertyName: "hideTransitionOptions",
+				publicName: "hideTransitionOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			motionOptions: {
+				classPropertyName: "motionOptions",
+				publicName: "motionOptions",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			buttonAriaLabel: {
+				classPropertyName: "buttonAriaLabel",
+				publicName: "buttonAriaLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			buttonProps: {
+				classPropertyName: "buttonProps",
+				publicName: "buttonProps",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		providers: [
+			ScrollTopStyle,
+			{
+				provide: SCROLLTOP_INSTANCE,
+				useExisting: ScrollTop
+			},
+			{
+				provide: PARENT_INSTANCE,
+				useExisting: ScrollTop
+			}
+		],
+		queries: [{
+			propertyName: "iconTemplate",
+			first: true,
+			predicate: ["icon"],
+			isSignal: true
+		}, {
+			propertyName: "templates",
+			predicate: HelixTemplate,
+			isSignal: true
+		}],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.Bind }],
+		ngImport: i0,
+		template: "@if (render()) {\n  <h-button\n    [hMotion]=\"visible()\"\n    [pMotionAppear]=\"true\"\n    [pMotionName]=\"'h-scrolltop'\"\n    [pMotionOptions]=\"computedMotionOptions()\"\n    (pMotionOnBeforeEnter)=\"onBeforeEnter($event)\"\n    (pMotionOnBeforeLeave)=\"onBeforeLeave()\"\n    (pMotionOnAfterLeave)=\"onAfterLeave()\"\n    [attr.aria-label]=\"buttonAriaLabel()\"\n    (click)=\"onClick()\"\n    [pt]=\"ptm('pcButton')\"\n    [styleClass]=\"cn(cx('root'), styleClass())\"\n    [ngStyle]=\"style()\"\n    type=\"button\"\n    [buttonProps]=\"buttonProps()\"\n    [unstyled]=\"unstyled()\"\n    >\n    <ng-template #icon()>\n      @if (!iconTemplate() && !_iconTemplate) {\n        @if (_icon) {\n          <span [class]=\"cn(cx('icon'), _icon)\"></span>\n        }\n        @if (!_icon) {\n          <svg data-h-icon=\"chevron-up\" [class]=\"cx('icon')\" />\n        }\n      }\n      @if (!icon()) {\n        <ng-template *ngTemplateOutlet=\"iconTemplate() || _iconTemplate; context: { styleClass: cx('icon') }\"></ng-template>\n      }\n    </ng-template>\n  </h-button>\n}\n",
+		dependencies: [
+			{
+				kind: "ngmodule",
+				type: CommonModule
+			},
+			{
+				kind: "directive",
+				type: i2.NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "directive",
+				type: i2.NgStyle,
+				selector: "[ngStyle]",
+				inputs: ["ngStyle"]
+			},
+			{
+				kind: "component",
+				type: ChevronUpIcon,
+				selector: "[data-h-icon=\"chevron-up\"]"
+			},
+			{
+				kind: "component",
+				type: Button,
+				selector: "h-button",
+				inputs: [
+					"hostName",
+					"type",
+					"badge",
+					"disabled",
+					"raised",
+					"rounded",
+					"text",
+					"plain",
+					"outlined",
+					"link",
+					"tabindex",
+					"size",
+					"variant",
+					"style",
+					"styleClass",
+					"badgeClass",
+					"badgeSeverity",
+					"ariaLabel",
+					"autofocus",
+					"iconPos",
+					"icon",
+					"label",
+					"loading",
+					"loadingIcon",
+					"severity",
+					"buttonProps",
+					"fluid"
+				],
+				outputs: [
+					"onClick",
+					"onFocus",
+					"onBlur"
+				]
+			},
+			{
+				kind: "ngmodule",
+				type: SharedModule
+			},
+			{
+				kind: "directive",
+				type: MotionDirective,
+				selector: "[hMotion]",
+				inputs: [
+					"hMotion",
+					"pMotionName",
+					"pMotionType",
+					"pMotionSafe",
+					"pMotionDisabled",
+					"pMotionAppear",
+					"pMotionEnter",
+					"pMotionLeave",
+					"pMotionDuration",
+					"pMotionHideStrategy",
+					"pMotionEnterFromClass",
+					"pMotionEnterToClass",
+					"pMotionEnterActiveClass",
+					"pMotionLeaveFromClass",
+					"pMotionLeaveToClass",
+					"pMotionLeaveActiveClass",
+					"pMotionOptions"
+				],
+				outputs: [
+					"pMotionOnBeforeEnter",
+					"pMotionOnEnter",
+					"pMotionOnAfterEnter",
+					"pMotionOnEnterCancelled",
+					"pMotionOnBeforeLeave",
+					"pMotionOnLeave",
+					"pMotionOnAfterLeave",
+					"pMotionOnLeaveCancelled"
+				]
+			}
+		],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush,
+		encapsulation: i0.ViewEncapsulation.None
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: ScrollTop,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "h-scrollTop, h-scrolltop, h-scroll-top",
+			standalone: true,
+			imports: [
+				CommonModule,
+				ChevronUpIcon,
+				Button,
+				SharedModule,
+				MotionDirective
+			],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			encapsulation: ViewEncapsulation.None,
+			providers: [
+				ScrollTopStyle,
+				{
+					provide: SCROLLTOP_INSTANCE,
+					useExisting: ScrollTop
+				},
+				{
+					provide: PARENT_INSTANCE,
+					useExisting: ScrollTop
+				}
+			],
+			hostDirectives: [Bind],
+			template: "@if (render()) {\n  <h-button\n    [hMotion]=\"visible()\"\n    [pMotionAppear]=\"true\"\n    [pMotionName]=\"'h-scrolltop'\"\n    [pMotionOptions]=\"computedMotionOptions()\"\n    (pMotionOnBeforeEnter)=\"onBeforeEnter($event)\"\n    (pMotionOnBeforeLeave)=\"onBeforeLeave()\"\n    (pMotionOnAfterLeave)=\"onAfterLeave()\"\n    [attr.aria-label]=\"buttonAriaLabel()\"\n    (click)=\"onClick()\"\n    [pt]=\"ptm('pcButton')\"\n    [styleClass]=\"cn(cx('root'), styleClass())\"\n    [ngStyle]=\"style()\"\n    type=\"button\"\n    [buttonProps]=\"buttonProps()\"\n    [unstyled]=\"unstyled()\"\n    >\n    <ng-template #icon()>\n      @if (!iconTemplate() && !_iconTemplate) {\n        @if (_icon) {\n          <span [class]=\"cn(cx('icon'), _icon)\"></span>\n        }\n        @if (!_icon) {\n          <svg data-h-icon=\"chevron-up\" [class]=\"cx('icon')\" />\n        }\n      }\n      @if (!icon()) {\n        <ng-template *ngTemplateOutlet=\"iconTemplate() || _iconTemplate; context: { styleClass: cx('icon') }\"></ng-template>\n      }\n    </ng-template>\n  </h-button>\n}\n"
+		}]
+	}],
+	propDecorators: {
+		styleClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "styleClass",
+				required: false
+			}]
+		}],
+		style: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "style",
+				required: false
+			}]
+		}],
+		target: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "target",
+				required: false
+			}]
+		}],
+		threshold: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "threshold",
+				required: false
+			}]
+		}],
+		icon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icon",
+				required: false
+			}]
+		}],
+		behavior: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "behavior",
+				required: false
+			}]
+		}],
+		showTransitionOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "showTransitionOptions",
+				required: false
+			}]
+		}],
+		hideTransitionOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hideTransitionOptions",
+				required: false
+			}]
+		}],
+		motionOptions: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "motionOptions",
+				required: false
+			}]
+		}],
+		buttonAriaLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "buttonAriaLabel",
+				required: false
+			}]
+		}],
+		buttonProps: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "buttonProps",
+				required: false
+			}]
+		}],
+		iconTemplate: [{
+			type: i0.ContentChild,
+			args: ["icon", {
+				descendants: false,
+				isSignal: true
+			}]
+		}],
+		templates: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => HelixTemplate), { isSignal: true }]
+		}]
+	}
+});
+var ScrollTopModule = class ScrollTopModule {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ScrollTopModule,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.NgModule
+	});
+	static ɵmod = i0.ɵɵngDeclareNgModule({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ScrollTopModule,
+		imports: [ScrollTop, SharedModule],
+		exports: [ScrollTop, SharedModule]
+	});
+	static ɵinj = i0.ɵɵngDeclareInjector({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: ScrollTopModule,
+		imports: [
+			ScrollTop,
+			SharedModule,
+			SharedModule
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: ScrollTopModule,
+	decorators: [{
+		type: NgModule,
+		args: [{
+			imports: [ScrollTop, SharedModule],
+			exports: [ScrollTop, SharedModule]
+		}]
+	}]
+});
 export { ScrollTop, ScrollTopClasses, ScrollTopModule, ScrollTopStyle };
-//# sourceMappingURL=gravionlabs-helix-core-scrolltop.mjs.map
+
+//# sourceMappingURL=gravionlabs-helix-core-scrolltop.mjs.map