primevuelab 4.0.0-beta.4

package/scrolltop/ScrollTop.d.ts

@@ -0,0 +1,195 @@
+/**
+ *
+ * ScrollTop gets displayed after a certain scroll position and used to navigates to the top of the page quickly.
+ *
+ * [Live Demo](https://www.primevuelab.org/scrolltop/)
+ *
+ * @module scrolltop
+ *
+ */
+import { TransitionProps, VNode } from 'vue';
+import { ComponentHooks } from '../../../core/src/basecomponent';
+import { ButtonPassThroughOptions, ButtonProps } from '../button';
+import { PassThroughOptions } from '../passthrough';
+import { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
+
+export declare type ScrollTopPassThroughOptionType = ScrollTopPassThroughAttributes | ((options: ScrollTopPassThroughMethodOptions) => ScrollTopPassThroughAttributes | string) | string | null | undefined;
+
+export declare type ScrollTopPassThroughTransitionType = TransitionProps | ((options: ScrollTopPassThroughMethodOptions) => TransitionProps) | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface ScrollTopPassThroughMethodOptions {
+    /**
+     * Defines instance.
+     */
+    instance: any;
+    /**
+     * Defines valid properties.
+     */
+    props: ScrollTopProps;
+    /**
+     * Defines current inline state.
+     */
+    state: ScrollTopState;
+    /**
+     * Defines valid attributes.
+     */
+    attrs: any;
+    /**
+     * Defines parent options.
+     */
+    parent: any;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
+}
+
+/**
+ * Custom shared passthrough(pt) option method.
+ */
+export interface ScrollTopSharedPassThroughMethodOptions {
+    /**
+     * Defines valid properties.
+     */
+    props: ScrollTopProps;
+    /**
+     * Defines current inline state.
+     */
+    state: ScrollTopState;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link ScrollTopProps.pt}
+ */
+export interface ScrollTopPassThroughOptions {
+    /**
+     * Used to pass attributes to the previous button's DOM element.
+     * @see {@link ButtonPassThroughOptions}
+     */
+    root?: ButtonPassThroughOptions<ScrollTopSharedPassThroughMethodOptions>;
+    /**
+     * Used to pass attributes to the previous button's DOM element.
+     * @see {@link ButtonPassThroughOptions}
+     */
+    button?: ButtonPassThroughOptions<ScrollTopSharedPassThroughMethodOptions>;
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link BaseComponent.ComponentHooks}
+     */
+    hooks?: ComponentHooks;
+    /**
+     * Used to control Vue Transition API.
+     */
+    transition?: ScrollTopPassThroughTransitionType;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface ScrollTopPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines current inline state in ScrollTop component.
+ */
+export interface ScrollTopState {
+    /**
+     * Current visible state as a boolean.
+     * @defaultValue false
+     */
+    visible: boolean;
+}
+
+/**
+ * Defines valid properties in ScrollTop component.
+ */
+export interface ScrollTopProps {
+    /**
+     * Target of the ScrollTop.
+     * @defaultValue window
+     */
+    target?: 'window' | 'parent' | undefined;
+    /**
+     * Defines the threshold value of the vertical scroll position of the target to toggle the visibility.
+     * @defaultValue 400
+     */
+    threshold?: number | undefined;
+    /**
+     * Icon to display.
+     */
+    icon?: string | undefined;
+    /**
+     * Defines the scrolling behaviour, 'smooth' adds an animation and 'auto' scrolls with a jump.
+     * @defaultValue smooth
+     */
+    behavior?: string | undefined;
+    /**
+     * Used to pass all properties of the ButtonProps to the Button component.
+     * @type {ButtonProps}
+     * @defaultValue { rounded: true }
+     */
+    buttonProps?: object | undefined;
+    /**
+     * It generates scoped CSS variables using design tokens for the component.
+     */
+    dt?: DesignToken<any>;
+    /**
+     * Used to pass attributes to DOM elements inside the component.
+     * @type {ScrollTopPassThroughOptions}
+     */
+    pt?: PassThrough<ScrollTopPassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+    /**
+     * When enabled, it removes component related styles in the core.
+     * @defaultValue false
+     */
+    unstyled?: boolean;
+}
+
+/**
+ * Defines valid slots in ScrollTop component.
+ */
+export interface ScrollTopSlots {
+    /**
+     * Custom scrolltop icon template.
+     */
+    icon(): VNode[];
+}
+
+/**
+ * Defines valid emits in ScrollTop component.
+ */
+export interface ScrollTopEmitsOptions {}
+
+export declare type ScrollTopEmits = EmitFn<ScrollTopEmitsOptions>;
+
+/**
+ * **primevuelab - ScrollTop**
+ *
+ * _ScrollTop gets displayed after a certain scroll position and used to navigates to the top of the page quickly._
+ *
+ * [Live Demo](https://www.primevuelab.org/scrolltop/)
+ * --- ---
+ * ![primevuelab](https://primefaces.org/cdn/primevuelab/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
+declare const ScrollTop: DefineComponent<ScrollTopProps, ScrollTopSlots, ScrollTopEmits>;
+
+declare module 'vue' {
+    export interface GlobalComponents {
+        ScrollTop: GlobalComponentConstructor<ScrollTopProps, ScrollTopSlots, ScrollTopEmits>;
+    }
+}
+
+export default ScrollTop;

package/scrolltop/ScrollTop.vue

@@ -0,0 +1,109 @@
+<template>
+    <transition name="p-scrolltop" appear @enter="onEnter" @after-leave="onAfterLeave" v-bind="ptm('transition')">
+        <Button v-if="visible" :ref="containerRef" :class="cx('root')" @click="onClick" :aria-label="scrollTopAriaLabel" :unstyled="unstyled" v-bind="buttonProps" :pt="rootPTOptions()">
+            <template #icon="slotProps">
+                <slot name="icon" :class="cx('icon')">
+                    <component :is="icon ? 'span' : 'ChevronUpIcon'" :class="[cx('icon'), icon, slotProps.class]" v-bind="iconPTOptions" />
+                </slot>
+            </template>
+        </Button>
+    </transition>
+</template>
+
+<script>
+import { DomHandler, ZIndexUtils } from '@primevuelab/core/utils';
+import ChevronUpIcon from '@primevuelab/icons/chevronup';
+import Button from 'primevuelab/button';
+import { mergeProps } from 'vue';
+import BaseScrollTop from './BaseScrollTop.vue';
+
+export default {
+    name: 'ScrollTop',
+    extends: BaseScrollTop,
+    inheritAttrs: false,
+    scrollListener: null,
+    container: null,
+    data() {
+        return {
+            visible: false
+        };
+    },
+    mounted() {
+        if (this.target === 'window') this.bindDocumentScrollListener();
+        else if (this.target === 'parent') this.bindParentScrollListener();
+    },
+    beforeUnmount() {
+        if (this.target === 'window') this.unbindDocumentScrollListener();
+        else if (this.target === 'parent') this.unbindParentScrollListener();
+
+        if (this.container) {
+            ZIndexUtils.clear(this.container);
+            this.overlay = null;
+        }
+    },
+    methods: {
+        onClick() {
+            let scrollElement = this.target === 'window' ? window : this.$el.parentElement;
+
+            scrollElement.scroll({
+                top: 0,
+                behavior: this.behavior
+            });
+        },
+        checkVisibility(scrollY) {
+            if (scrollY > this.threshold) this.visible = true;
+            else this.visible = false;
+        },
+        bindParentScrollListener() {
+            this.scrollListener = () => {
+                this.checkVisibility(this.$el.parentElement.scrollTop);
+            };
+
+            this.$el.parentElement.addEventListener('scroll', this.scrollListener);
+        },
+        bindDocumentScrollListener() {
+            this.scrollListener = () => {
+                this.checkVisibility(DomHandler.getWindowScrollTop());
+            };
+
+            window.addEventListener('scroll', this.scrollListener);
+        },
+        unbindParentScrollListener() {
+            if (this.scrollListener) {
+                this.$el.parentElement.removeEventListener('scroll', this.scrollListener);
+                this.scrollListener = null;
+            }
+        },
+        unbindDocumentScrollListener() {
+            if (this.scrollListener) {
+                window.removeEventListener('scroll', this.scrollListener);
+                this.scrollListener = null;
+            }
+        },
+        onEnter(el) {
+            ZIndexUtils.set('overlay', el, this.$primevue.config.zIndex.overlay);
+        },
+        onAfterLeave(el) {
+            ZIndexUtils.clear(el);
+        },
+        containerRef(el) {
+            this.container = el ? el.$el : undefined;
+        },
+        rootPTOptions() {
+            return mergeProps(this.ptmi('root'), this.ptm('button'));
+        },
+        iconPTOptions() {
+            return mergeProps(this.ptmi('root')['icon'], this.ptm('button')['icon']);
+        }
+    },
+    computed: {
+        scrollTopAriaLabel() {
+            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.scrollTop : undefined;
+        }
+    },
+    components: {
+        ChevronUpIcon,
+        Button
+    }
+};
+</script>

package/scrolltop/package.json

@@ -0,0 +1,11 @@
+{
+    "main": "scrolltop.mjs",
+    "module": "scrolltop.mjs",
+    "types": "./ScrollTop.d.ts",
+    "browser": {
+        "./sfc": "./ScrollTop.vue"
+    },
+    "sideEffects": [
+        "*.vue"
+    ]
+}

package/scrolltop/scrolltop.mjs

@@ -0,0 +1,169 @@
+import { ZIndexUtils, DomHandler } from '@primevuelab/core/utils';
+import ChevronUpIcon from '@primevuelab/icons/chevronup';
+import Button from 'primevuelab/button';
+import { mergeProps, resolveComponent, openBlock, createBlock, Transition, withCtx, renderSlot, normalizeClass, resolveDynamicComponent, createCommentVNode } from 'vue';
+import BaseComponent from '@primevuelab/core/basecomponent';
+import ScrollTopStyle from 'primevuelab/scrolltop/style';
+
+var script$1 = {
+  name: 'BaseScrollTop',
+  "extends": BaseComponent,
+  props: {
+    target: {
+      type: String,
+      "default": 'window'
+    },
+    threshold: {
+      type: Number,
+      "default": 400
+    },
+    icon: {
+      type: String,
+      "default": undefined
+    },
+    behavior: {
+      type: String,
+      "default": 'smooth'
+    },
+    buttonProps: {
+      type: Object,
+      "default": function _default() {
+        return {
+          rounded: true
+        };
+      }
+    }
+  },
+  style: ScrollTopStyle,
+  provide: function provide() {
+    return {
+      $pcScrollTop: this,
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'ScrollTop',
+  "extends": script$1,
+  inheritAttrs: false,
+  scrollListener: null,
+  container: null,
+  data: function data() {
+    return {
+      visible: false
+    };
+  },
+  mounted: function mounted() {
+    if (this.target === 'window') this.bindDocumentScrollListener();else if (this.target === 'parent') this.bindParentScrollListener();
+  },
+  beforeUnmount: function beforeUnmount() {
+    if (this.target === 'window') this.unbindDocumentScrollListener();else if (this.target === 'parent') this.unbindParentScrollListener();
+    if (this.container) {
+      ZIndexUtils.clear(this.container);
+      this.overlay = null;
+    }
+  },
+  methods: {
+    onClick: function onClick() {
+      var scrollElement = this.target === 'window' ? window : this.$el.parentElement;
+      scrollElement.scroll({
+        top: 0,
+        behavior: this.behavior
+      });
+    },
+    checkVisibility: function checkVisibility(scrollY) {
+      if (scrollY > this.threshold) this.visible = true;else this.visible = false;
+    },
+    bindParentScrollListener: function bindParentScrollListener() {
+      var _this = this;
+      this.scrollListener = function () {
+        _this.checkVisibility(_this.$el.parentElement.scrollTop);
+      };
+      this.$el.parentElement.addEventListener('scroll', this.scrollListener);
+    },
+    bindDocumentScrollListener: function bindDocumentScrollListener() {
+      var _this2 = this;
+      this.scrollListener = function () {
+        _this2.checkVisibility(DomHandler.getWindowScrollTop());
+      };
+      window.addEventListener('scroll', this.scrollListener);
+    },
+    unbindParentScrollListener: function unbindParentScrollListener() {
+      if (this.scrollListener) {
+        this.$el.parentElement.removeEventListener('scroll', this.scrollListener);
+        this.scrollListener = null;
+      }
+    },
+    unbindDocumentScrollListener: function unbindDocumentScrollListener() {
+      if (this.scrollListener) {
+        window.removeEventListener('scroll', this.scrollListener);
+        this.scrollListener = null;
+      }
+    },
+    onEnter: function onEnter(el) {
+      ZIndexUtils.set('overlay', el, this.$primevue.config.zIndex.overlay);
+    },
+    onAfterLeave: function onAfterLeave(el) {
+      ZIndexUtils.clear(el);
+    },
+    containerRef: function containerRef(el) {
+      this.container = el ? el.$el : undefined;
+    },
+    rootPTOptions: function rootPTOptions() {
+      return mergeProps(this.ptmi('root'), this.ptm('button'));
+    },
+    iconPTOptions: function iconPTOptions() {
+      return mergeProps(this.ptmi('root')['icon'], this.ptm('button')['icon']);
+    }
+  },
+  computed: {
+    scrollTopAriaLabel: function scrollTopAriaLabel() {
+      return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.scrollTop : undefined;
+    }
+  },
+  components: {
+    ChevronUpIcon: ChevronUpIcon,
+    Button: Button
+  }
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_Button = resolveComponent("Button");
+  return openBlock(), createBlock(Transition, mergeProps({
+    name: "p-scrolltop",
+    appear: "",
+    onEnter: $options.onEnter,
+    onAfterLeave: $options.onAfterLeave
+  }, _ctx.ptm('transition')), {
+    "default": withCtx(function () {
+      return [$data.visible ? (openBlock(), createBlock(_component_Button, mergeProps({
+        key: 0,
+        ref: $options.containerRef,
+        "class": _ctx.cx('root'),
+        onClick: $options.onClick,
+        "aria-label": $options.scrollTopAriaLabel,
+        unstyled: _ctx.unstyled
+      }, _ctx.buttonProps, {
+        pt: $options.rootPTOptions()
+      }), {
+        icon: withCtx(function (slotProps) {
+          return [renderSlot(_ctx.$slots, "icon", {
+            "class": normalizeClass(_ctx.cx('icon'))
+          }, function () {
+            return [(openBlock(), createBlock(resolveDynamicComponent(_ctx.icon ? 'span' : 'ChevronUpIcon'), mergeProps({
+              "class": [_ctx.cx('icon'), _ctx.icon, slotProps["class"]]
+            }, $options.iconPTOptions), null, 16, ["class"]))];
+          })];
+        }),
+        _: 3
+      }, 16, ["class", "onClick", "aria-label", "unstyled", "pt"])) : createCommentVNode("", true)];
+    }),
+    _: 3
+  }, 16, ["onEnter", "onAfterLeave"]);
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=scrolltop.mjs.map

package/scrolltop/scrolltop.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrolltop.mjs","sources":["../../src/scrolltop/BaseScrollTop.vue","../../src/scrolltop/ScrollTop.vue","../../src/scrolltop/ScrollTop.vue?vue&type=template&id=71c769ee&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport ScrollTopStyle from 'primevuelab/scrolltop/style';\n\nexport default {\n    name: 'BaseScrollTop',\n    extends: BaseComponent,\n    props: {\n        target: {\n            type: String,\n            default: 'window'\n        },\n        threshold: {\n            type: Number,\n            default: 400\n        },\n        icon: {\n            type: String,\n            default: undefined\n        },\n        behavior: {\n            type: String,\n            default: 'smooth'\n        },\n        buttonProps: {\n            type: Object,\n            default: () => {\n                return { rounded: true };\n            }\n        }\n    },\n    style: ScrollTopStyle,\n    provide() {\n        return {\n            $pcScrollTop: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <transition name=\"p-scrolltop\" appear @enter=\"onEnter\" @after-leave=\"onAfterLeave\" v-bind=\"ptm('transition')\">\n        <Button v-if=\"visible\" :ref=\"containerRef\" :class=\"cx('root')\" @click=\"onClick\" :aria-label=\"scrollTopAriaLabel\" :unstyled=\"unstyled\" v-bind=\"buttonProps\" :pt=\"rootPTOptions()\">\n            <template #icon=\"slotProps\">\n                <slot name=\"icon\" :class=\"cx('icon')\">\n                    <component :is=\"icon ? 'span' : 'ChevronUpIcon'\" :class=\"[cx('icon'), icon, slotProps.class]\" v-bind=\"iconPTOptions\" />\n                </slot>\n            </template>\n        </Button>\n    </transition>\n</template>\n\n<script>\nimport { DomHandler, ZIndexUtils } from '@primevuelab/core/utils';\nimport ChevronUpIcon from '@primevuelab/icons/chevronup';\nimport Button from 'primevuelab/button';\nimport { mergeProps } from 'vue';\nimport BaseScrollTop from './BaseScrollTop.vue';\n\nexport default {\n    name: 'ScrollTop',\n    extends: BaseScrollTop,\n    inheritAttrs: false,\n    scrollListener: null,\n    container: null,\n    data() {\n        return {\n            visible: false\n        };\n    },\n    mounted() {\n        if (this.target === 'window') this.bindDocumentScrollListener();\n        else if (this.target === 'parent') this.bindParentScrollListener();\n    },\n    beforeUnmount() {\n        if (this.target === 'window') this.unbindDocumentScrollListener();\n        else if (this.target === 'parent') this.unbindParentScrollListener();\n\n        if (this.container) {\n            ZIndexUtils.clear(this.container);\n            this.overlay = null;\n        }\n    },\n    methods: {\n        onClick() {\n            let scrollElement = this.target === 'window' ? window : this.$el.parentElement;\n\n            scrollElement.scroll({\n                top: 0,\n                behavior: this.behavior\n            });\n        },\n        checkVisibility(scrollY) {\n            if (scrollY > this.threshold) this.visible = true;\n            else this.visible = false;\n        },\n        bindParentScrollListener() {\n            this.scrollListener = () => {\n                this.checkVisibility(this.$el.parentElement.scrollTop);\n            };\n\n            this.$el.parentElement.addEventListener('scroll', this.scrollListener);\n        },\n        bindDocumentScrollListener() {\n            this.scrollListener = () => {\n                this.checkVisibility(DomHandler.getWindowScrollTop());\n            };\n\n            window.addEventListener('scroll', this.scrollListener);\n        },\n        unbindParentScrollListener() {\n            if (this.scrollListener) {\n                this.$el.parentElement.removeEventListener('scroll', this.scrollListener);\n                this.scrollListener = null;\n            }\n        },\n        unbindDocumentScrollListener() {\n            if (this.scrollListener) {\n                window.removeEventListener('scroll', this.scrollListener);\n                this.scrollListener = null;\n            }\n        },\n        onEnter(el) {\n            ZIndexUtils.set('overlay', el, this.$primevue.config.zIndex.overlay);\n        },\n        onAfterLeave(el) {\n            ZIndexUtils.clear(el);\n        },\n        containerRef(el) {\n            this.container = el ? el.$el : undefined;\n        },\n        rootPTOptions() {\n            return mergeProps(this.ptmi('root'), this.ptm('button'));\n        },\n        iconPTOptions() {\n            return mergeProps(this.ptmi('root')['icon'], this.ptm('button')['icon']);\n        }\n    },\n    computed: {\n        scrollTopAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.scrollTop : undefined;\n        }\n    },\n    components: {\n        ChevronUpIcon,\n        Button\n    }\n};\n</script>\n","<template>\n    <transition name=\"p-scrolltop\" appear @enter=\"onEnter\" @after-leave=\"onAfterLeave\" v-bind=\"ptm('transition')\">\n        <Button v-if=\"visible\" :ref=\"containerRef\" :class=\"cx('root')\" @click=\"onClick\" :aria-label=\"scrollTopAriaLabel\" :unstyled=\"unstyled\" v-bind=\"buttonProps\" :pt=\"rootPTOptions()\">\n            <template #icon=\"slotProps\">\n                <slot name=\"icon\" :class=\"cx('icon')\">\n                    <component :is=\"icon ? 'span' : 'ChevronUpIcon'\" :class=\"[cx('icon'), icon, slotProps.class]\" v-bind=\"iconPTOptions\" />\n                </slot>\n            </template>\n        </Button>\n    </transition>\n</template>\n\n<script>\nimport { DomHandler, ZIndexUtils } from '@primevuelab/core/utils';\nimport ChevronUpIcon from '@primevuelab/icons/chevronup';\nimport Button from 'primevuelab/button';\nimport { mergeProps } from 'vue';\nimport BaseScrollTop from './BaseScrollTop.vue';\n\nexport default {\n    name: 'ScrollTop',\n    extends: BaseScrollTop,\n    inheritAttrs: false,\n    scrollListener: null,\n    container: null,\n    data() {\n        return {\n            visible: false\n        };\n    },\n    mounted() {\n        if (this.target === 'window') this.bindDocumentScrollListener();\n        else if (this.target === 'parent') this.bindParentScrollListener();\n    },\n    beforeUnmount() {\n        if (this.target === 'window') this.unbindDocumentScrollListener();\n        else if (this.target === 'parent') this.unbindParentScrollListener();\n\n        if (this.container) {\n            ZIndexUtils.clear(this.container);\n            this.overlay = null;\n        }\n    },\n    methods: {\n        onClick() {\n            let scrollElement = this.target === 'window' ? window : this.$el.parentElement;\n\n            scrollElement.scroll({\n                top: 0,\n                behavior: this.behavior\n            });\n        },\n        checkVisibility(scrollY) {\n            if (scrollY > this.threshold) this.visible = true;\n            else this.visible = false;\n        },\n        bindParentScrollListener() {\n            this.scrollListener = () => {\n                this.checkVisibility(this.$el.parentElement.scrollTop);\n            };\n\n            this.$el.parentElement.addEventListener('scroll', this.scrollListener);\n        },\n        bindDocumentScrollListener() {\n            this.scrollListener = () => {\n                this.checkVisibility(DomHandler.getWindowScrollTop());\n            };\n\n            window.addEventListener('scroll', this.scrollListener);\n        },\n        unbindParentScrollListener() {\n            if (this.scrollListener) {\n                this.$el.parentElement.removeEventListener('scroll', this.scrollListener);\n                this.scrollListener = null;\n            }\n        },\n        unbindDocumentScrollListener() {\n            if (this.scrollListener) {\n                window.removeEventListener('scroll', this.scrollListener);\n                this.scrollListener = null;\n            }\n        },\n        onEnter(el) {\n            ZIndexUtils.set('overlay', el, this.$primevue.config.zIndex.overlay);\n        },\n        onAfterLeave(el) {\n            ZIndexUtils.clear(el);\n        },\n        containerRef(el) {\n            this.container = el ? el.$el : undefined;\n        },\n        rootPTOptions() {\n            return mergeProps(this.ptmi('root'), this.ptm('button'));\n        },\n        iconPTOptions() {\n            return mergeProps(this.ptmi('root')['icon'], this.ptm('button')['icon']);\n        }\n    },\n    computed: {\n        scrollTopAriaLabel() {\n            return this.$primevue.config.locale.aria ? this.$primevue.config.locale.aria.scrollTop : undefined;\n        }\n    },\n    components: {\n        ChevronUpIcon,\n        Button\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","target","type","String","threshold","Number","icon","undefined","behavior","buttonProps","Object","_default","rounded","style","ScrollTopStyle","provide","$pcScrollTop","$parentInstance","BaseScrollTop","inheritAttrs","scrollListener","container","data","visible","mounted","bindDocumentScrollListener","bindParentScrollListener","beforeUnmount","unbindDocumentScrollListener","unbindParentScrollListener","ZIndexUtils","clear","overlay","methods","onClick","scrollElement","window","$el","parentElement","scroll","top","checkVisibility","scrollY","_this","scrollTop","addEventListener","_this2","DomHandler","getWindowScrollTop","removeEventListener","onEnter","el","set","$primevue","config","zIndex","onAfterLeave","containerRef","rootPTOptions","mergeProps","ptmi","ptm","iconPTOptions","computed","scrollTopAriaLabel","locale","aria","components","ChevronUpIcon","Button","_openBlock","_createBlock","_Transition","_mergeProps","appear","$options","_ctx","$data","_component_Button","ref","cx","unstyled","pt","_withCtx","slotProps","_renderSlot","$slots","_resolveDynamicComponent"],"mappings":"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"}

package/scrolltop/style/ScrollTopStyle.d.ts

@@ -0,0 +1,23 @@
+/**
+ *
+ * ScrollTop gets displayed after a certain scroll position and used to navigates to the top of the page quickly.
+ *
+ * [Live Demo](https://www.primevuelab.org/scrolltop/)
+ *
+ * @module scrolltopstyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum ScrollTopClasses {
+    /**
+     * Class name of the root element
+     */
+    root = 'p-scrolltop',
+    /**
+     * Class name of the icon element
+     */
+    icon = 'p-scrolltop-icon'
+}
+
+export interface ScrollTopStyle extends BaseStyle {}

package/scrolltop/style/package.json

@@ -0,0 +1,6 @@
+{
+    "main": "scrolltopstyle.mjs",
+    "module": "scrolltopstyle.mjs",
+    "types": "./ScrollTopStyle.d.ts",
+    "sideEffects": false
+}

package/scrolltop/style/scrolltopstyle.mjs

@@ -0,0 +1,23 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var theme = function theme(_ref) {
+  _ref.dt;
+  return "\n.p-scrolltop.p-button {\n    position: fixed;\n    bottom: 20px;\n    right: 20px;\n}\n\n.p-scrolltop-sticky.p-button {\n    position: sticky;\n    display: flex;\n    margin-left: auto;\n}\n\n.p-scrolltop-enter-from {\n    opacity: 0;\n}\n\n.p-scrolltop-enter-active {\n    transition: opacity 0.15s;\n}\n\n.p-scrolltop.p-scrolltop-leave-to {\n    opacity: 0;\n}\n\n.p-scrolltop-leave-active {\n    transition: opacity 0.15s;\n}\n";
+};
+var classes = {
+  root: function root(_ref2) {
+    var props = _ref2.props;
+    return ['p-scrolltop', {
+      'p-scrolltop-sticky': props.target !== 'window'
+    }];
+  },
+  icon: 'p-scrolltop-icon'
+};
+var ScrollTopStyle = BaseStyle.extend({
+  name: 'scrolltop',
+  theme: theme,
+  classes: classes
+});
+
+export { ScrollTopStyle as default };
+//# sourceMappingURL=scrolltopstyle.mjs.map

package/scrolltop/style/scrolltopstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrolltopstyle.mjs","sources":["../../../src/scrolltop/style/ScrollTopStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst theme = ({ dt }) => `\n.p-scrolltop.p-button {\n    position: fixed;\n    bottom: 20px;\n    right: 20px;\n}\n\n.p-scrolltop-sticky.p-button {\n    position: sticky;\n    display: flex;\n    margin-left: auto;\n}\n\n.p-scrolltop-enter-from {\n    opacity: 0;\n}\n\n.p-scrolltop-enter-active {\n    transition: opacity 0.15s;\n}\n\n.p-scrolltop.p-scrolltop-leave-to {\n    opacity: 0;\n}\n\n.p-scrolltop-leave-active {\n    transition: opacity 0.15s;\n}\n`;\n\nconst classes = {\n    root: ({ props }) => ['p-scrolltop', { 'p-scrolltop-sticky': props.target !== 'window' }],\n    icon: 'p-scrolltop-icon'\n};\n\nexport default BaseStyle.extend({\n    name: 'scrolltop',\n    theme,\n    classes\n});\n"],"names":["theme","_ref","dt","classes","root","_ref2","props","target","icon","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA,EAAA;AAAA,EAAQA,IAAA,CAAFC,GAAE;AAAA,EAAA,OAAA,mbAAA,CAAA;AAAA,CA4BlB,CAAA;AAED,IAAMC,OAAO,GAAG;EACZC,IAAI,EAAE,SAAAA,IAAAA,CAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,KAAK,GAAAD,KAAA,CAALC,KAAK,CAAA;IAAA,OAAO,CAAC,aAAa,EAAE;AAAE,MAAA,oBAAoB,EAAEA,KAAK,CAACC,MAAM,KAAK,QAAA;AAAS,KAAC,CAAC,CAAA;AAAA,GAAA;AACzFC,EAAAA,IAAI,EAAE,kBAAA;AACV,CAAC,CAAA;AAED,qBAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,WAAW;AACjBX,EAAAA,KAAK,EAALA,KAAK;AACLG,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}