primevuelab 4.0.0-beta.4

package/accordionpanel/style/accordionpanelstyle.mjs

@@ -0,0 +1,19 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var classes = {
+  root: function root(_ref) {
+    var instance = _ref.instance,
+      props = _ref.props;
+    return ['p-accordionpanel', {
+      'p-accordionpanel-active': instance.active,
+      'p-disabled': props.disabled
+    }];
+  }
+};
+var AccordionPanelStyle = BaseStyle.extend({
+  name: 'accordionpanel',
+  classes: classes
+});
+
+export { AccordionPanelStyle as default };
+//# sourceMappingURL=accordionpanelstyle.mjs.map

package/accordionpanel/style/accordionpanelstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordionpanelstyle.mjs","sources":["../../../src/accordionpanel/style/AccordionPanelStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nconst classes = {\n    root: ({ instance, props }) => [\n        'p-accordionpanel',\n        {\n            'p-accordionpanel-active': instance.active,\n            'p-disabled': props.disabled\n        }\n    ]\n};\n\nexport default BaseStyle.extend({\n    name: 'accordionpanel',\n    classes\n});\n"],"names":["classes","root","_ref","instance","props","active","disabled","BaseStyle","extend","name"],"mappings":";;AAEA,IAAMA,OAAO,GAAG;EACZC,IAAI,EAAE,SAAAA,IAAAA,CAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;MAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK,CAAA;IAAA,OAAO,CAC3B,kBAAkB,EAClB;MACI,yBAAyB,EAAED,QAAQ,CAACE,MAAM;MAC1C,YAAY,EAAED,KAAK,CAACE,QAAAA;AACxB,KAAC,CACJ,CAAA;AAAA,GAAA;AACL,CAAC,CAAA;AAED,0BAAeC,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,gBAAgB;AACtBT,EAAAA,OAAO,EAAPA,OAAAA;AACJ,CAAC,CAAC;;;;"}

package/accordionpanel/style/package.json

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

package/accordiontab/AccordionTab.d.ts

@@ -0,0 +1,236 @@
+/**
+ * @deprecated since v4. Use the new structure of Accordion instead.
+ *
+ * AccordionTab is a helper component for Accordion.
+ *
+ * [Live Demo](https://www.primevuelab.org/accordion/)
+ *
+ * @module accordiontab
+ *
+ */
+import { AnchorHTMLAttributes, HTMLAttributes, TransitionProps, VNode } from 'vue';
+import { PassThroughOptions } from '../passthrough';
+import { DefineComponent, DesignToken, EmitFn, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
+
+export declare type AccordionTabPassThroughOptionType = AccordionTabPassThroughAttributes | ((options: AccordionTabPassThroughMethodOptions) => AccordionTabPassThroughAttributes | string) | string | null | undefined;
+
+export declare type AccordionTabPassThroughTransitionType = TransitionProps | ((options: AccordionTabPassThroughMethodOptions) => TransitionProps) | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface AccordionTabPassThroughMethodOptions {
+    /**
+     * Defines instance.
+     */
+    instance: any;
+    /**
+     * Defines valid properties.
+     */
+    props: AccordionTabProps;
+    /**
+     * Defines valid attributes.
+     */
+    attrs: any;
+    /**
+     * Defines parent options.
+     */
+    parent: any;
+    /**
+     * Defines current options.
+     */
+    context: AccordionTabContext;
+    /**
+     * Defines passthrough(pt) options in global config.
+     */
+    global: object | undefined;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link AccordionTabProps.pt}
+ */
+export interface AccordionTabPassThroughOptions {
+    /**
+     * Used to pass attributes to the root's DOM element.
+     */
+    root?: AccordionTabPassThroughOptionType;
+    /**
+     * Used to pass attributes to the header's DOM element.
+     */
+    header?: AccordionTabPassThroughOptionType;
+    /**
+     * Used to pass attributes to the headeraction's DOM element.
+     */
+    headerAction?: AccordionTabPassThroughOptionType;
+    /**
+     * Used to pass attributes to the headericon's DOM element.
+     */
+    headerIcon?: AccordionTabPassThroughOptionType;
+    /**
+     * Used to pass attributes to the headertitle's DOM element.
+     */
+    headerTitle?: AccordionTabPassThroughOptionType;
+    /**
+     * Used to pass attributes to the toggleablecontent's DOM element.
+     */
+    toggleableContent?: AccordionTabPassThroughOptionType;
+    /**
+     * Used to pass attributes to the content's DOM element.
+     */
+    content?: AccordionTabPassThroughOptionType;
+    /**
+     * Used to control Vue Transition API.
+     */
+    transition?: AccordionTabPassThroughTransitionType;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface AccordionTabPassThroughAttributes {
+    [key: string]: any;
+}
+
+/**
+ * Defines valid properties in AccordionTab component.
+ */
+export interface AccordionTabProps {
+    /**
+     * Orientation of tab headers.
+     */
+    header?: string | undefined;
+    /**
+     * Inline style of the tab header.
+     */
+    headerStyle?: any;
+    /**
+     * Style class of the tab header.
+     */
+    headerClass?: any;
+    /**
+     * Used to pass all properties of the HTMLDivElement to the tab header.
+     */
+    headerProps?: HTMLAttributes | undefined;
+    /**
+     * Used to pass all properties of the HTMLAnchorElement to the focusable anchor element inside the tab header.
+     */
+    headerActionProps?: AnchorHTMLAttributes | undefined;
+    /**
+     * Inline style of the tab content.
+     */
+    contentStyle?: any;
+    /**
+     * Style class of the tab content.
+     */
+    contentClass?: any;
+    /**
+     * Used to pass all properties of the HTMLDivElement to the tab content.
+     */
+    contentProps?: HTMLAttributes | undefined;
+    /**
+     * Whether the tab is disabled.
+     * @defaultValue false
+     */
+    disabled?: boolean | 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 {AccordionTabPassThroughOptions}
+     */
+    pt?: PassThrough<AccordionTabPassThroughOptions>;
+    /**
+     * Used to configure passthrough(pt) options of the component.
+     * @type {PassThroughOptions}
+     */
+    ptOptions?: PassThroughOptions;
+}
+
+/**
+ * Defines current options in AccordionTab component.
+ */
+export interface AccordionTabContext {
+    /**
+     * Current index of the tab.
+     */
+    index: number;
+    /**
+     * Count of tabs
+     */
+    count: number;
+    /**
+     * Whether the tab is first.
+     */
+    first: boolean;
+    /**
+     * Whether the tab is last.
+     */
+    last: boolean;
+    /**
+     * Whether the tab is active.
+     */
+    active: boolean;
+}
+
+/**
+ * Defines valid slots in AcordionTab slots.
+ */
+export interface AccordionTabSlots {
+    /**
+     * Default slot for content.
+     */
+    default(): VNode[];
+    /**
+     * Custom content for the title section of a AccordionTab is defined using the header template.
+     */
+    header(): VNode[];
+    /**
+     * Custom icon for the header section of a AccordionTab is defined using the headericon template.
+     * @param {Object} scope - header slot's params.
+     */
+    headericon(scope: {
+        /**
+         * Index of the tab
+         */
+        index: number;
+        /**
+         * Whether the tab is active
+         * @param {number} index - Index of the tab
+         */
+        active: (index: number) => void;
+    }): VNode[];
+}
+
+/**
+ * Defines valid emits in AcordionTab component.
+ */
+export interface AccordionTabEmitsOptions {}
+
+export declare type AccordionTabEmits = EmitFn<AccordionTabEmitsOptions>;
+
+/**
+ * @deprecated since v4. Use the new structure of Accordion instead.
+ *
+ * **primevuelab - AccordionTab**
+ *
+ * _AccordionTab is a helper component for Accordion.._
+ *
+ * [Live Demo](https://www.primevuelab.org/accordion/)
+ * --- ---
+ * ![primevuelab](https://primefaces.org/cdn/primevuelab/images/logo-100.png)
+ *
+ * @group Component
+ *
+ */
+declare const AccordionTab: DefineComponent<AccordionTabProps, AccordionTabSlots, AccordionTabEmits>;
+
+declare module 'vue' {
+    export interface GlobalComponents {
+        AccordionTab: GlobalComponentConstructor<AccordionTabProps, AccordionTabSlots, AccordionTabEmits>;
+    }
+}
+
+export default AccordionTab;

package/accordiontab/AccordionTab.vue

@@ -0,0 +1,16 @@
+<template>
+    <slot></slot>
+</template>
+
+<script>
+import BaseAccordionTab from './BaseAccordionTab.vue';
+
+export default {
+    name: 'AccordionTab',
+    extends: BaseAccordionTab,
+    inheritAttrs: false,
+    mounted() {
+        console.warn('Deprecated since v4. Use the new structure of Accordion instead.');
+    }
+};
+</script>

package/accordiontab/BaseAccordionTab.vue

@@ -0,0 +1,27 @@
+<script>
+import BaseComponent from '@primevuelab/core/basecomponent';
+import AccordionTabStyle from 'primevuelab/accordiontab/style';
+
+export default {
+    name: 'BaseAccordionTab',
+    extends: BaseComponent,
+    props: {
+        header: null,
+        headerStyle: null,
+        headerClass: null,
+        headerProps: null,
+        headerActionProps: null,
+        contentStyle: null,
+        contentClass: null,
+        contentProps: null,
+        disabled: Boolean
+    },
+    style: AccordionTabStyle,
+    provide() {
+        return {
+            $pcAccordionTab: this,
+            $parentInstance: this
+        };
+    }
+};
+</script>

package/accordiontab/accordiontab.mjs

@@ -0,0 +1,44 @@
+import BaseComponent from '@primevuelab/core/basecomponent';
+import AccordionTabStyle from 'primevuelab/accordiontab/style';
+import { renderSlot } from 'vue';
+
+var script$1 = {
+  name: 'BaseAccordionTab',
+  "extends": BaseComponent,
+  props: {
+    header: null,
+    headerStyle: null,
+    headerClass: null,
+    headerProps: null,
+    headerActionProps: null,
+    contentStyle: null,
+    contentClass: null,
+    contentProps: null,
+    disabled: Boolean
+  },
+  style: AccordionTabStyle,
+  provide: function provide() {
+    return {
+      $pcAccordionTab: this,
+      $parentInstance: this
+    };
+  }
+};
+
+var script = {
+  name: 'AccordionTab',
+  "extends": script$1,
+  inheritAttrs: false,
+  mounted: function mounted() {
+    console.warn('Deprecated since v4. Use the new structure of Accordion instead.');
+  }
+};
+
+function render(_ctx, _cache, $props, $setup, $data, $options) {
+  return renderSlot(_ctx.$slots, "default");
+}
+
+script.render = render;
+
+export { script as default };
+//# sourceMappingURL=accordiontab.mjs.map

package/accordiontab/accordiontab.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordiontab.mjs","sources":["../../src/accordiontab/BaseAccordionTab.vue","../../src/accordiontab/AccordionTab.vue","../../src/accordiontab/AccordionTab.vue?vue&type=template&id=5ee2e540&lang.js"],"sourcesContent":["<script>\nimport BaseComponent from '@primevuelab/core/basecomponent';\nimport AccordionTabStyle from 'primevuelab/accordiontab/style';\n\nexport default {\n    name: 'BaseAccordionTab',\n    extends: BaseComponent,\n    props: {\n        header: null,\n        headerStyle: null,\n        headerClass: null,\n        headerProps: null,\n        headerActionProps: null,\n        contentStyle: null,\n        contentClass: null,\n        contentProps: null,\n        disabled: Boolean\n    },\n    style: AccordionTabStyle,\n    provide() {\n        return {\n            $pcAccordionTab: this,\n            $parentInstance: this\n        };\n    }\n};\n</script>\n","<template>\n    <slot></slot>\n</template>\n\n<script>\nimport BaseAccordionTab from './BaseAccordionTab.vue';\n\nexport default {\n    name: 'AccordionTab',\n    extends: BaseAccordionTab,\n    inheritAttrs: false,\n    mounted() {\n        console.warn('Deprecated since v4. Use the new structure of Accordion instead.');\n    }\n};\n</script>\n","<template>\n    <slot></slot>\n</template>\n\n<script>\nimport BaseAccordionTab from './BaseAccordionTab.vue';\n\nexport default {\n    name: 'AccordionTab',\n    extends: BaseAccordionTab,\n    inheritAttrs: false,\n    mounted() {\n        console.warn('Deprecated since v4. Use the new structure of Accordion instead.');\n    }\n};\n</script>\n"],"names":["name","BaseComponent","props","header","headerStyle","headerClass","headerProps","headerActionProps","contentStyle","contentClass","contentProps","disabled","Boolean","style","AccordionTabStyle","provide","$pcAccordionTab","$parentInstance","BaseAccordionTab","inheritAttrs","mounted","console","warn","_renderSlot","_ctx","$slots"],"mappings":";;;;AAIA,eAAe;AACXA,EAAAA,IAAI,EAAE,kBAAkB;AACxB,EAAA,SAAA,EAASC,aAAa;AACtBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,MAAM,EAAE,IAAI;AACZC,IAAAA,WAAW,EAAE,IAAI;AACjBC,IAAAA,WAAW,EAAE,IAAI;AACjBC,IAAAA,WAAW,EAAE,IAAI;AACjBC,IAAAA,iBAAiB,EAAE,IAAI;AACvBC,IAAAA,YAAY,EAAE,IAAI;AAClBC,IAAAA,YAAY,EAAE,IAAI;AAClBC,IAAAA,YAAY,EAAE,IAAI;AAClBC,IAAAA,QAAQ,EAAEC,OAAAA;GACb;AACDC,EAAAA,KAAK,EAAEC,iBAAiB;EACxBC,OAAO,EAAA,SAAAA,UAAG;IACN,OAAO;AACHC,MAAAA,eAAe,EAAE,IAAI;AACrBC,MAAAA,eAAe,EAAE,IAAA;KACpB,CAAA;AACL,GAAA;AACJ,CAAC;;AClBD,aAAe;AACXjB,EAAAA,IAAI,EAAE,cAAc;AACpB,EAAA,SAAA,EAASkB,QAAgB;AACzBC,EAAAA,YAAY,EAAE,KAAK;EACnBC,OAAO,EAAA,SAAAA,UAAG;AACNC,IAAAA,OAAO,CAACC,IAAI,CAAC,kEAAkE,CAAC,CAAA;AACpF,GAAA;AACJ,CAAC;;;SCbGC,UAAY,CAAAC,IAAA,CAAAC,MAAA,EAAA,SAAA,CAAA,CAAA;;;;;;;"}

package/accordiontab/package.json

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

package/accordiontab/style/AccordionTabStyle.d.ts

@@ -0,0 +1,15 @@
+/**
+ * @deprecated since v4. Use the new structure of Accordion instead.
+ *
+ * AccordionTab is a helper component for Accordion.
+ *
+ * [Live Demo](https://www.primevuelab.org/accordion/)
+ *
+ * @module accordiontabstyle
+ *
+ */
+import { BaseStyle } from '../../base/style';
+
+export enum AccordionTabClasses {}
+
+export interface AccordionTabStyle extends BaseStyle {}

package/accordiontab/style/accordiontabstyle.mjs

@@ -0,0 +1,8 @@
+import BaseStyle from '@primevuelab/core/base/style';
+
+var AccordionTabStyle = BaseStyle.extend({
+  name: 'accordiontab'
+});
+
+export { AccordionTabStyle as default };
+//# sourceMappingURL=accordiontabstyle.mjs.map

package/accordiontab/style/accordiontabstyle.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"accordiontabstyle.mjs","sources":["../../../src/accordiontab/style/AccordionTabStyle.js"],"sourcesContent":["import BaseStyle from '@primevuelab/core/base/style';\n\nexport default BaseStyle.extend({\n    name: 'accordiontab'\n});\n"],"names":["BaseStyle","extend","name"],"mappings":";;AAEA,wBAAeA,SAAS,CAACC,MAAM,CAAC;AAC5BC,EAAAA,IAAI,EAAE,cAAA;AACV,CAAC,CAAC;;;;"}

package/accordiontab/style/package.json

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

package/animateonscroll/AnimateOnScroll.d.ts

@@ -0,0 +1,87 @@
+/**
+ *
+ * AnimateOnScroll manages CSS classes declaratively to during enter/leave animations on scroll or on page load.
+ *
+ * [Live Demo](https://primevuelab.org/animateonscroll)
+ *
+ * @module animateonscroll
+ */
+import { DirectiveBinding, ObjectDirective } from 'vue';
+import { DirectiveHooks } from '../basedirective/BaseDirective';
+
+/**
+ * Defines options of AnimateOnScroll.
+ */
+export interface AnimateOnScrollOptions {
+    /**
+     * Style class to add when item goes into viewport, use white space as a delimeter to define multiple classes.
+     */
+    enterClass?: string | undefined;
+    /**
+     * Style class to add when item leaves the viewport, use white space as a delimeter to define multiple classes.
+     */
+    leaveClass?: string | undefined;
+    /**
+     * Specifies the `root` option of the IntersectionObserver API
+     */
+    root?: Element | Document | null;
+    /**
+     * Specifies the `rootMargin` option of the IntersectionObserver API
+     */
+    rootMargin?: string;
+    /**
+     * Specifies the `threshold` option of the IntersectionObserver API
+     */
+    threshold?: ReadonlyArray<number>;
+}
+
+/**
+ * Custom passthrough(pt) directive options.
+ */
+export interface AnimateOnScrollDirectivePassThroughOptions {
+    /**
+     * Used to manage all lifecycle hooks.
+     * @see {@link BaseDirective.DirectiveHooks}
+     */
+    hooks?: DirectiveHooks;
+}
+
+/**
+ * Defines modifiers of AnimateOnScroll.
+ */
+export interface AnimateOnScrollDirectiveModifiers {
+    /**
+     * Whether the scroll event listener should be removed after initial run.
+     *  @defaultValue true
+     */
+    once?: boolean | undefined;
+}
+
+/**
+ * Binding of AnimateOnScroll directive.
+ */
+export interface AnimateOnScrollDirectiveBinding extends Omit<DirectiveBinding, 'modifiers' | 'value'> {
+    /**
+     * Value of the AnimateOnScroll.
+     */
+    value?: AnimateOnScrollOptions | undefined;
+    /**
+     * Modifiers of the AnimateOnScroll.
+     * @type {AnimateOnScrollDirectiveModifiers}
+     */
+    modifiers?: AnimateOnScrollDirectiveModifiers | undefined;
+}
+
+/**
+ * **primevuelab - AnimateOnScroll**
+ *
+ * _AnimateOnScroll manages PrimeFlex CSS classes declaratively to during enter/leave animations on scroll or on page load._
+ *
+ * [Live Demo](https://www.primevuelab.org/animateonscroll/)
+ * --- ---
+ * ![primevuelab](https://primefaces.org/cdn/primevuelab/images/logo-100.png)
+ *
+ */
+declare const AnimateOnScroll: ObjectDirective;
+
+export default AnimateOnScroll;

package/animateonscroll/animateonscroll.mjs

@@ -0,0 +1,130 @@
+import { DomHandler } from '@primevuelab/core/utils';
+import BaseDirective from '@primevuelab/core/basedirective';
+import AnimateOnScrollStyle from 'primevuelab/animateonscroll/style';
+
+var BaseAnimateOnScroll = BaseDirective.extend({
+  style: AnimateOnScrollStyle
+});
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) ; else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+var AnimateOnScroll = BaseAnimateOnScroll.extend('animateonscroll', {
+  created: function created() {
+    this.$value = this.$value || {};
+    this.$el.style.opacity = this.$value.enterClass ? '0' : '';
+  },
+  mounted: function mounted() {
+    this.$el.setAttribute('data-pd-animateonscroll', true);
+    this.bindIntersectionObserver();
+  },
+  unmounted: function unmounted() {
+    this.unbindAnimationEvents();
+    this.unbindIntersectionObserver();
+  },
+  observer: undefined,
+  resetObserver: undefined,
+  isObserverActive: false,
+  animationState: undefined,
+  animationEndListener: undefined,
+  methods: {
+    bindAnimationEvents: function bindAnimationEvents() {
+      var _this = this;
+      if (!this.animationEndListener) {
+        this.animationEndListener = function () {
+          DomHandler.removeMultipleClasses(_this.$el, [_this.$value.enterClass, _this.$value.leaveClass]);
+          !_this.$modifiers.once && _this.resetObserver.observe(_this.$el);
+          _this.unbindAnimationEvents();
+        };
+        this.$el.addEventListener('animationend', this.animationEndListener);
+      }
+    },
+    bindIntersectionObserver: function bindIntersectionObserver() {
+      var _this2 = this;
+      var _this$$value = this.$value,
+        root = _this$$value.root,
+        rootMargin = _this$$value.rootMargin,
+        _this$$value$threshol = _this$$value.threshold,
+        threshold = _this$$value$threshol === void 0 ? 0.5 : _this$$value$threshol;
+      var options = {
+        root: root,
+        rootMargin: rootMargin,
+        threshold: threshold
+      };
+
+      // States
+      this.observer = new IntersectionObserver(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 1),
+          entry = _ref2[0];
+        if (_this2.isObserverActive) {
+          if (entry.boundingClientRect.top > 0) {
+            entry.isIntersecting ? _this2.enter() : _this2.leave();
+          }
+        } else if (entry.isIntersecting) {
+          _this2.enter();
+        }
+        _this2.isObserverActive = true;
+      }, options);
+      setTimeout(function () {
+        return _this2.observer.observe(_this2.$el);
+      }, 0);
+
+      // Reset
+      this.resetObserver = new IntersectionObserver(function (_ref3) {
+        var _ref4 = _slicedToArray(_ref3, 1),
+          entry = _ref4[0];
+        if (entry.boundingClientRect.top > 0 && !entry.isIntersecting) {
+          _this2.$el.style.opacity = _this2.$value.enterClass ? '0' : '';
+          DomHandler.removeMultipleClasses(_this2.$el, [_this2.$value.enterClass, _this2.$value.leaveClass]);
+          _this2.resetObserver.unobserve(_this2.$el);
+        }
+        _this2.animationState = undefined;
+      }, _objectSpread(_objectSpread({}, options), {}, {
+        threshold: 0
+      }));
+    },
+    enter: function enter() {
+      if (this.animationState !== 'enter' && this.$value.enterClass) {
+        this.$el.style.opacity = '';
+        DomHandler.removeMultipleClasses(this.$el, this.$value.leaveClass);
+        DomHandler.addMultipleClasses(this.$el, this.$value.enterClass);
+        this.$modifiers.once && this.unbindIntersectionObserver(this.$el);
+        this.bindAnimationEvents();
+        this.animationState = 'enter';
+      }
+    },
+    leave: function leave() {
+      if (this.animationState !== 'leave' && this.$value.leaveClass) {
+        this.$el.style.opacity = this.$value.enterClass ? '0' : '';
+        DomHandler.removeMultipleClasses(this.$el, this.$value.enterClass);
+        DomHandler.addMultipleClasses(this.$el, this.$value.leaveClass);
+        this.bindAnimationEvents();
+        this.animationState = 'leave';
+      }
+    },
+    unbindAnimationEvents: function unbindAnimationEvents() {
+      if (this.animationEndListener) {
+        this.$el.removeEventListener('animationend', this.animationEndListener);
+        this.animationEndListener = undefined;
+      }
+    },
+    unbindIntersectionObserver: function unbindIntersectionObserver() {
+      var _this$observer, _this$resetObserver;
+      (_this$observer = this.observer) === null || _this$observer === void 0 || _this$observer.unobserve(this.$el);
+      (_this$resetObserver = this.resetObserver) === null || _this$resetObserver === void 0 || _this$resetObserver.unobserve(this.$el);
+      this.isObserverActive = false;
+    }
+  }
+});
+
+export { AnimateOnScroll as default };
+//# sourceMappingURL=animateonscroll.mjs.map

package/animateonscroll/animateonscroll.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"animateonscroll.mjs","sources":["../../src/animateonscroll/BaseAnimateOnScroll.js","../../src/animateonscroll/AnimateOnScroll.js"],"sourcesContent":["import BaseDirective from '@primevuelab/core/basedirective';\nimport AnimateOnScrollStyle from 'primevuelab/animateonscroll/style';\n\nconst BaseAnimateOnScroll = BaseDirective.extend({\n    style: AnimateOnScrollStyle\n});\n\nexport default BaseAnimateOnScroll;\n","import { DomHandler } from '@primevuelab/core/utils';\nimport BaseAnimateOnScroll from './BaseAnimateOnScroll';\n\nconst AnimateOnScroll = BaseAnimateOnScroll.extend('animateonscroll', {\n    created() {\n        this.$value = this.$value || {};\n        this.$el.style.opacity = this.$value.enterClass ? '0' : '';\n    },\n    mounted() {\n        this.$el.setAttribute('data-pd-animateonscroll', true);\n\n        this.bindIntersectionObserver();\n    },\n    unmounted() {\n        this.unbindAnimationEvents();\n        this.unbindIntersectionObserver();\n    },\n    observer: undefined,\n    resetObserver: undefined,\n    isObserverActive: false,\n    animationState: undefined,\n    animationEndListener: undefined,\n    methods: {\n        bindAnimationEvents() {\n            if (!this.animationEndListener) {\n                this.animationEndListener = () => {\n                    DomHandler.removeMultipleClasses(this.$el, [this.$value.enterClass, this.$value.leaveClass]);\n                    !this.$modifiers.once && this.resetObserver.observe(this.$el);\n                    this.unbindAnimationEvents();\n                };\n\n                this.$el.addEventListener('animationend', this.animationEndListener);\n            }\n        },\n        bindIntersectionObserver() {\n            const { root, rootMargin, threshold = 0.5 } = this.$value;\n            const options = { root, rootMargin, threshold };\n\n            // States\n            this.observer = new IntersectionObserver(([entry]) => {\n                if (this.isObserverActive) {\n                    if (entry.boundingClientRect.top > 0) {\n                        entry.isIntersecting ? this.enter() : this.leave();\n                    }\n                } else if (entry.isIntersecting) {\n                    this.enter();\n                }\n\n                this.isObserverActive = true;\n            }, options);\n\n            setTimeout(() => this.observer.observe(this.$el), 0);\n\n            // Reset\n            this.resetObserver = new IntersectionObserver(\n                ([entry]) => {\n                    if (entry.boundingClientRect.top > 0 && !entry.isIntersecting) {\n                        this.$el.style.opacity = this.$value.enterClass ? '0' : '';\n                        DomHandler.removeMultipleClasses(this.$el, [this.$value.enterClass, this.$value.leaveClass]);\n\n                        this.resetObserver.unobserve(this.$el);\n                    }\n\n                    this.animationState = undefined;\n                },\n                { ...options, threshold: 0 }\n            );\n        },\n        enter() {\n            if (this.animationState !== 'enter' && this.$value.enterClass) {\n                this.$el.style.opacity = '';\n                DomHandler.removeMultipleClasses(this.$el, this.$value.leaveClass);\n                DomHandler.addMultipleClasses(this.$el, this.$value.enterClass);\n\n                this.$modifiers.once && this.unbindIntersectionObserver(this.$el);\n\n                this.bindAnimationEvents();\n                this.animationState = 'enter';\n            }\n        },\n        leave() {\n            if (this.animationState !== 'leave' && this.$value.leaveClass) {\n                this.$el.style.opacity = this.$value.enterClass ? '0' : '';\n                DomHandler.removeMultipleClasses(this.$el, this.$value.enterClass);\n                DomHandler.addMultipleClasses(this.$el, this.$value.leaveClass);\n\n                this.bindAnimationEvents();\n                this.animationState = 'leave';\n            }\n        },\n        unbindAnimationEvents() {\n            if (this.animationEndListener) {\n                this.$el.removeEventListener('animationend', this.animationEndListener);\n                this.animationEndListener = undefined;\n            }\n        },\n        unbindIntersectionObserver() {\n            this.observer?.unobserve(this.$el);\n            this.resetObserver?.unobserve(this.$el);\n            this.isObserverActive = false;\n        }\n    }\n});\n\nexport default AnimateOnScroll;\n"],"names":["BaseAnimateOnScroll","BaseDirective","extend","style","AnimateOnScrollStyle","AnimateOnScroll","created","$value","$el","opacity","enterClass","mounted","setAttribute","bindIntersectionObserver","unmounted","unbindAnimationEvents","unbindIntersectionObserver","observer","undefined","resetObserver","isObserverActive","animationState","animationEndListener","methods","bindAnimationEvents","_this","DomHandler","removeMultipleClasses","leaveClass","$modifiers","once","observe","addEventListener","_this2","_this$$value","root","rootMargin","_this$$value$threshol","threshold","options","IntersectionObserver","_ref","_ref2","_slicedToArray","entry","boundingClientRect","top","isIntersecting","enter","leave","setTimeout","_ref3","_ref4","unobserve","_objectSpread","addMultipleClasses","removeEventListener","_this$observer","_this$resetObserver"],"mappings":"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"}

package/animateonscroll/package.json

@@ -0,0 +1,5 @@
+{
+    "main": "animateonscroll.mjs",
+    "module": "animateonscroll.mjs",
+    "types": "./AnimateOnScroll.d.ts"
+}