jb-infinite-scroll 1.2.2 → 1.2.4

package/dist/lib/jb-infinite-scroll.d.ts

@@ -0,0 +1,24 @@
+import { Elements } from './types.js';
+import "jb-loading";
+export * from "./types.js";
+export declare class JBInfiniteScrollWebComponent extends HTMLElement {
+    #private;
+    elements: Elements;
+    constructor();
+    set stateChangeWaitingBehavior(value: string);
+    get stateChangeWaitingBehavior(): string;
+    get disableCaptureScroll(): boolean;
+    set disableCaptureScroll(value: boolean);
+    get isListEnded(): boolean;
+    set isListEnded(value: boolean);
+    get isLoading(): boolean;
+    set isLoading(value: boolean);
+    get isListEmpty(): boolean;
+    set isListEmpty(value: boolean);
+    connectedCallback(): void;
+    callOnLoadEvent(): void;
+    callOnInitEvent(): void;
+    get canCaptureScroll(): boolean;
+    static get observedAttributes(): string[];
+    attributeChangedCallback(name: string, oldValue: string, newValue: string): void;
+}

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAC,mBAAmB,EAAC,MAAM,SAAS,CAAC;AACjD,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,sBAAsB,CAAC;AAEzE,MAAM,MAAM,QAAQ,GAAG;IACnB,OAAO,EAAE,cAAc,CAAC;IACxB,cAAc,EAAE,cAAc,CAAC;IAC/B,gBAAgB,EAAE,cAAc,CAAC;IACjC,gBAAgB,EAAE,cAAc,CAAC;IACjC,cAAc,EAAE,cAAc,CAAC;CAClC,CAAA;AAED,oBAAY,0BAA0B;IAElC,SAAS,eAAe;IAExB,MAAM,YAAY;CACrB;AACD,MAAM,MAAM,yBAAyB,CAAC,MAAM,IAAI,mBAAmB,CAAC,MAAM,EAAC,4BAA4B,CAAC,CAAC"}

package/dist/web-component/jb-infinite-scroll/lib/Types.d.ts

@@ -1,3 +1,5 @@
+import type { EventTypeWithTarget } from 'jb-core';
+import type { JBInfiniteScrollWebComponent } from './jb-infinite-scroll';
 export type Elements = {
     loading: HTMLDivElement;
     contentWrapper: HTMLDivElement;
@@ -9,3 +11,4 @@ export declare enum StateChangeWaitingBehavior {
     forceWait = "FORCE_WAIT",
     noWait = "NO_WAIT"
 }
+export type JBInfiniteScrollEventType<TEvent> = EventTypeWithTarget<TEvent, JBInfiniteScrollWebComponent>;

package/lib/global.d.ts

@@ -0,0 +1,15 @@
+type FileStringModules = {
+    readonly default: string;
+}
+declare module '*.scss' {
+    const value: FileStringModules;
+    export default value;
+}
+declare module '*.html' {
+    const value: FileStringModules;
+    export default value.default;
+}
+declare module '*.svg' {
+    const value: string;
+    export default value;
+}

package/lib/jb-infinite-scroll.ts

@@ -80,7 +80,7 @@ export class JBInfiniteScrollWebComponent extends HTMLElement {
     } else {
       this.elements?.loading.classList.remove('--show');
       (this.#internals as any).states?.delete("loading");
-      this.#checkEmptyListState();
+      this.#updateListDisplayState();
       this.#checkScrollHeight();
     }
   }
@@ -95,10 +95,10 @@ export class JBInfiniteScrollWebComponent extends HTMLElement {
       (this.#internals as any).states?.delete("empty");
     }
     this.#setIsWaitingForStatChange(false);
-    this.#checkEmptyListState();
+    this.#updateListDisplayState();
 
   }
-  #checkEmptyListState() {
+  #updateListDisplayState() {
     if (this.#isListEmpty) {
       this.elements?.emptyListWrapper.classList.add('--show');
       this.elements?.contentWrapper.classList.remove('--show');
@@ -139,7 +139,7 @@ export class JBInfiniteScrollWebComponent extends HTMLElement {
       loadingWrapper: shadowRoot.querySelector('.loading-wrapper')!,
       emptyListWrapper: shadowRoot.querySelector('.empty-list-wrapper')!,
     } as const;
-
+    this.isLoading = this.hasAttribute('is-loading') ? this.getAttribute('is-loading') === 'true' : this.#isLoading;
   }
   #registerEventListener() {
     this.elements.contentWrapper.addEventListener('scroll', this.#onScroll.bind(this), { passive: true });

package/lib/types.ts

@@ -1,3 +1,6 @@
+import type {EventTypeWithTarget} from 'jb-core';
+import type { JBInfiniteScrollWebComponent } from './jb-infinite-scroll';
+
 export type Elements = {
     loading: HTMLDivElement,
     contentWrapper: HTMLDivElement,
@@ -11,4 +14,5 @@ export enum StateChangeWaitingBehavior {
     forceWait = "FORCE_WAIT",
     // when user scroll we dont lock its event listener and developer should handle extra scroll by it self (good for pure js solution)
     noWait = "NO_WAIT",
-}
+}
+export type JBInfiniteScrollEventType<TEvent> = EventTypeWithTarget<TEvent,JBInfiniteScrollWebComponent>;

package/package.json

@@ -12,7 +12,7 @@
     "infinite scroll",
     "web component"
   ],
-  "version": "1.2.2",
+  "version": "1.2.4",
   "bugs": "https://github.com/javadbat/jb-infinite-scroll/issues",
   "license": "MIT",
   "files": [
@@ -24,7 +24,7 @@
     "react/dist/"
   ],
   "main": "index.js",
-  "types": "./dist/web-component/jb-infinite-scroll/lib/jb-infinite-scroll.d.ts",
+  "types": "./dist/jb-infinite-scroll.d.ts",
   "repository": {
 		"type": "git",
 		"url": "git@github.com:javadbat/jb-infinite-scroll.git"

package/react/dist/JBInfiniteScroll.cjs.js

@@ -1,85 +1,2 @@
-'use strict';
-
-var React = require('react');
-var jbInfiniteScroll = require('jb-infinite-scroll');
-
-function useBindEvent(ref, event, handler, passive = false) {
-    React.useEffect(() => {
-        const dom = ref.current;
-        if (dom) {
-            // initiate the event handler
-            dom.addEventListener(event, handler, passive);
-        }
-        // this will clean up the event every time the component is re-rendered
-        return function cleanup() {
-            if (dom) {
-                dom.removeEventListener(event, handler, passive);
-            }
-        };
-    }, [ref, event, handler, passive]);
-}
-
-const JBInfiniteScroll = React.forwardRef((props, ref) => {
-    const element = React.useRef(null);
-    React.useImperativeHandle(ref, () => (element ? element.current : null), [element]);
-    const onScrollEnd = React.useCallback((e) => {
-        if (typeof props.onScrollEnd == "function") {
-            props.onScrollEnd(e);
-        }
-    }, [props.onScrollEnd]);
-    useBindEvent(element, 'scrollEnd', onScrollEnd, true);
-    React.useEffect(() => {
-        if (element.current && typeof props.isLoading == "boolean") {
-            if (props.isLoading) {
-                element.current.setAttribute('is-loading', 'true');
-            }
-            else {
-                element.current.setAttribute('is-loading', 'false');
-            }
-        }
-    }, [element.current, props.isLoading]);
-    React.useEffect(() => {
-        if (element.current, typeof props.isListEmpty == "boolean") {
-            if (props.isListEmpty) {
-                element.current.setAttribute('is-list-empty', 'true');
-            }
-            else {
-                element.current.setAttribute('is-list-empty', 'false');
-            }
-        }
-    }, [element.current, props.isListEmpty]);
-    React.useEffect(() => {
-        if (element.current && typeof props.isListEnded == "boolean") {
-            if (props.isListEnded) {
-                element.current?.setAttribute('is-list-ended', 'true');
-            }
-            else {
-                element.current?.setAttribute('is-list-ended', 'false');
-            }
-        }
-    }, [element.current, props.isListEnded]);
-    React.useEffect(() => {
-        if (element.current && typeof props.disableCaptureScroll == "boolean") {
-            if (props.disableCaptureScroll) {
-                element.current?.setAttribute('disable-capture-scroll', 'true');
-            }
-            else {
-                element.current?.setAttribute('disable-capture-scroll', 'false');
-            }
-        }
-    }, [element.current, props.disableCaptureScroll]);
-    React.useEffect(() => {
-        if (props.stateChangeWaitingBehavior && element.current) {
-            element.current?.setAttribute('state-change-waiting-behavior', props.stateChangeWaitingBehavior);
-        }
-    }, [element.current, props.stateChangeWaitingBehavior]);
-    return (React.createElement("jb-infinite-scroll", { class: props.className, ref: element }, props.children));
-});
-JBInfiniteScroll.displayName = "JBInfiniteScroll";
-
-Object.defineProperty(exports, "StateChangeWaitingBehavior", {
-  enumerable: true,
-  get: function () { return jbInfiniteScroll.StateChangeWaitingBehavior; }
-});
-exports.JBInfiniteScroll = JBInfiniteScroll;
-//# sourceMappingURL=JBInfiniteScroll.cjs.js.map
+"use strict";var e=Object.create,t=Object.defineProperty,r=Object.getOwnPropertyDescriptor,i=Object.getOwnPropertyNames,n=Object.getPrototypeOf,s=Object.prototype.hasOwnProperty,a=(e,n,a,l)=>{if(n&&"object"==typeof n||"function"==typeof n)for(var u,o=i(n),c=0,f=o.length;c<f;c++)u=o[c],s.call(e,u)||u===a||t(e,u,{get:(e=>n[e]).bind(null,u),enumerable:!(l=r(n,u))||l.enumerable});return e},l=(r,i,s)=>(s=null!=r?e(n(r)):{},a(!i&&r&&r.__esModule?s:t(s,"default",{value:r,enumerable:!0}),r));const u=l(require("react")),o=l(require("jb-infinite-scroll")),c=l(require("jb-core/react")),f=u.default.forwardRef((e,t)=>{let r=(0,u.useRef)(null);return(0,u.useImperativeHandle)(t,()=>r?r.current:void 0,[r]),(0,u.useEffect)(()=>{r.current&&"boolean"==typeof e.isLoading&&(e.isLoading?r.current.setAttribute("is-loading","true"):r.current.setAttribute("is-loading","false"))},[r.current,e.isLoading]),(0,u.useEffect)(()=>{r.current,"boolean"==typeof e.isListEmpty&&(e.isListEmpty?r.current.setAttribute("is-list-empty","true"):r.current.setAttribute("is-list-empty","false"))},[r.current,e.isListEmpty]),(0,u.useEffect)(()=>{r.current&&"boolean"==typeof e.isListEnded&&(e.isListEnded?r.current?.setAttribute("is-list-ended","true"):r.current?.setAttribute("is-list-ended","false"))},[r.current,e.isListEnded]),(0,u.useEffect)(()=>{r.current&&"boolean"==typeof e.disableCaptureScroll&&(e.disableCaptureScroll?r.current?.setAttribute("disable-capture-scroll","true"):r.current?.setAttribute("disable-capture-scroll","false"))},[r.current,e.disableCaptureScroll]),(0,u.useEffect)(()=>{e.stateChangeWaitingBehavior&&r.current&&r.current?.setAttribute("state-change-waiting-behavior",e.stateChangeWaitingBehavior)},[r.current,e.stateChangeWaitingBehavior]),(0,c.useEvent)(r,"load",e.onLoad,!0),(0,c.useEvent)(r,"init",e.onInit,!0),(0,c.useEvent)(r,"scroll",e.onScroll),(0,c.useEvent)(r,"scrollEnd",e.onScrollEnd,!0),u.default.createElement("jb-infinite-scroll",{style:e.style,class:e.className,ref:r},e.children)});f.displayName="JBInfiniteScroll",exports.JBInfiniteScroll=f,exports.StateChangeWaitingBehavior=o.StateChangeWaitingBehavior;
+//# sourceMappingURL=JBInfiniteScroll.cjs.js.map

package/react/dist/JBInfiniteScroll.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"JBInfiniteScroll.cjs.js","sources":["../../../../common/hooks/use-event.ts","../lib/JBInfiniteScroll.tsx"],"sourcesContent":["import { useEffect } from \"react\";\r\n\r\nexport function useEvent(dom:HTMLElement, event:any, handler:any, passive = false) {\r\n  useEffect(() => {\r\n    if (dom) {\r\n      // initiate the event handler\r\n      dom.addEventListener(event, handler, passive); \r\n    }\r\n    // this will clean up the event every time the component is re-rendered\r\n    return function cleanup() {\r\n      if(dom){\r\n        dom.removeEventListener(event, handler, passive);\r\n      }\r\n    };\r\n  });\r\n}\r\nexport function useBindEvent<TRef extends React.MutableRefObject<any|null>,TEvent>(ref:TRef, event:string, handler:(e:TEvent)=>void, passive = false) {\r\n  useEffect(() => {\r\n    const dom = ref.current;\r\n    if (dom) {\r\n      // initiate the event handler\r\n      dom.addEventListener(event, handler, passive); \r\n    }\r\n    // this will clean up the event every time the component is re-rendered\r\n    return function cleanup() {\r\n      if(dom){\r\n        dom.removeEventListener(event, handler, passive);\r\n      }\r\n    };\r\n  },[ref,event,handler,passive]);\r\n}","import React, { useState, useRef, useCallback, useEffect, useImperativeHandle } from 'react';\r\nimport \"jb-infinite-scroll\";\r\n\r\n// eslint-disable-next-line no-duplicate-imports\r\nimport {JBInfiniteScrollWebComponent, StateChangeWaitingBehavior} from \"jb-infinite-scroll\";\r\nimport { useBindEvent } from \"../../../../common/hooks/use-event.js\";\r\n\r\ndeclare global {\r\n  // eslint-disable-next-line @typescript-eslint/no-namespace\r\n  namespace JSX {\r\n    interface IntrinsicElements {\r\n      'jb-infinite-scroll': JBInfiniteScrollType;\r\n    }\r\n    interface JBInfiniteScrollType extends React.DetailedHTMLProps<React.HTMLAttributes<JBInfiniteScrollWebComponent>, JBInfiniteScrollWebComponent> {\r\n      \"class\"?: string,\r\n      \"type\"?: string;\r\n    }\r\n  }\r\n}\r\n\r\nconst JBInfiniteScroll = React.forwardRef((props: Props, ref:React.ForwardedRef<JBInfiniteScrollWebComponent>) => {\r\n  const element = useRef<JBInfiniteScrollWebComponent>(null);\r\n  useImperativeHandle(\r\n    ref,\r\n    () => (element ? element.current : null),\r\n    [element],\r\n  );\r\n\r\n  const onScrollEnd = useCallback((e:CustomEvent) => {\r\n    if (typeof props.onScrollEnd == \"function\") {\r\n      props.onScrollEnd(e);\r\n    }\r\n  }, [props.onScrollEnd]);\r\n\r\n  useBindEvent(element, 'scrollEnd', onScrollEnd, true);\r\n\r\n  useEffect(() => {\r\n    if (element.current && typeof props.isLoading == \"boolean\") {\r\n      if (props.isLoading) {\r\n        element.current.setAttribute('is-loading', 'true');\r\n      } else {\r\n        element.current.setAttribute('is-loading', 'false');\r\n      }\r\n    }\r\n\r\n  }, [element.current, props.isLoading]);\r\n\r\n  useEffect(() => {\r\n    if (element.current, typeof props.isListEmpty == \"boolean\") {\r\n      if (props.isListEmpty) {\r\n        element.current.setAttribute('is-list-empty', 'true');\r\n      } else {\r\n        element.current.setAttribute('is-list-empty', 'false');\r\n\r\n      }\r\n    }\r\n\r\n  }, [element.current, props.isListEmpty]);\r\n\r\n  useEffect(() => {\r\n    if (element.current && typeof props.isListEnded == \"boolean\") {\r\n      if (props.isListEnded) {\r\n        element.current?.setAttribute('is-list-ended', 'true');\r\n      } else {\r\n        element.current?.setAttribute('is-list-ended', 'false');\r\n      }\r\n    }\r\n\r\n  }, [element.current, props.isListEnded]);\r\n\r\n  useEffect(() => {\r\n    if (element.current && typeof props.disableCaptureScroll == \"boolean\") {\r\n      if (props.disableCaptureScroll) {\r\n        element.current?.setAttribute('disable-capture-scroll', 'true');\r\n      } else {\r\n        element.current?.setAttribute('disable-capture-scroll', 'false');\r\n      }\r\n    }\r\n\r\n  }, [element.current, props.disableCaptureScroll]);\r\n\r\n  useEffect(() => {\r\n    if (props.stateChangeWaitingBehavior && element.current) {\r\n      element.current?.setAttribute('state-change-waiting-behavior', props.stateChangeWaitingBehavior);\r\n    }\r\n  }, [element.current, props.stateChangeWaitingBehavior]);\r\n  return (\r\n    <jb-infinite-scroll class={props.className} ref={element}>{props.children}</jb-infinite-scroll>\r\n  );\r\n});\r\n\r\nexport type Props = React.PropsWithChildren< {\r\n  stateChangeWaitingBehavior?: StateChangeWaitingBehavior,\r\n  disableCaptureScroll?: boolean,\r\n  isListEmpty?: boolean,\r\n  isLoading?: boolean,\r\n  isListEnded?:boolean,\r\n  className?:string\r\n  onScrollEnd?:(e:CustomEvent)=>void\r\n}>\r\n\r\nJBInfiniteScroll.displayName = \"JBInfiniteScroll\";\r\n\r\nexport {JBInfiniteScroll, StateChangeWaitingBehavior};"],"names":["useEffect","useRef","useImperativeHandle","useCallback"],"mappings":"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"}
+{"version":3,"file":"JBInfiniteScroll.cjs.js","names":[],"sources":["../lib/attributes-hook.ts","../lib/events-hook.ts","../lib/JBInfiniteScroll.tsx"],"sourcesContent":["","",""],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWM,SAAU,6BAA6B,SAAkD,OAAiC;AAC5H,sBAAU,MAAG;AACb,MAAI,QAAQ,kBAAkB,MAAM,aAAa,UAC/C,KAAI,MAAM,UACR,SAAQ,QAAQ,aAAa,cAAc,OAAO;eAC7C,QAAA,aAAA,cAAA,QAAA;KAKP,QAAQ,SAEZ,MAAU;sBAEN,MAAI;cACF,gBAAgB,MAAA,eAAa,UAC/B,KAAA,MAAA,qBAAO,QAAA,aAAA,iBAAA,OAAA;MAGP,SAAA,QAAA,aAAA,iBAAA,QAAA;CAKJ,GAAA,CACE,QAAI,eACF;sBAEA,MAAA;cAAO,kBAAA,MAAA,eAAA,eACL,MAAA,YACF,SAAA,SAAA,aAAA,iBAAA,OAAA;MAGQ,SAAO,SAAQ,aAAa,iBAAA,QAAA;aAKlC,eACF;4BACE;MACF,QAAA,kBAAA,MAAA,wBAAA,UACF,KAAA,MAAA,qBAEU,SAAO,SAAQ,aAAA,0BAAsB,OAAA;MAG3C,SAAM,SAAA,aAA0B,0BAAqB,QAAA;CAG1D,GAAE,CACL,QAAA;;;;;;;;AC1CM,SAAU,UAAU,SAAkD,OAAiB;AAC3F,6BAAS,SAAS,QAAQ,MAAM,QAAQ,KAAK;AAC7C,6BAAS,SAAS,QAAQ,MAAM,QAAQ,KAAK;AAC7C,6BAAS,SAAS,UAAU,MAAM,SAAS;AAC3C,6BAAS,SAAS,aAAa,MAAM,aAAa,KAAK;AACzD;;;;ACLA,MAAM,iCAAyB,cAAY,WAAqE,CAAE,OAAA,QAAA;CAChH,MAAM,UAAU,kBAAqC,KAAK;AAC1D,gCACE,KACA,MAAG,UAAW,QAAG,UAAe,WAAG,CAIrC,OACA,EAAA;AAEA,8BACE,SAAA,MAAA;AAEF,WAAA,SAAA,MAAA;AASF,sBAAiB,cAAc,cAAA,sBAAkB;EAE1C,OAAE,MAAA"}

package/react/dist/JBInfiniteScroll.d.ts

@@ -0,0 +1,25 @@
+import React from 'react';
+import "jb-infinite-scroll";
+import { JBInfiniteScrollAttributes } from './attributes-hook.js';
+import { JBInfiniteScrollWebComponent, StateChangeWaitingBehavior } from "jb-infinite-scroll";
+import { EventProps } from './events-hook.js';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'jb-infinite-scroll': JBInfiniteScrollType;
+        }
+        interface JBInfiniteScrollType extends React.DetailedHTMLProps<React.HTMLAttributes<JBInfiniteScrollWebComponent>, JBInfiniteScrollWebComponent> {
+            "class"?: string;
+            "type"?: string;
+        }
+    }
+}
+declare const JBInfiniteScroll: React.ForwardRefExoticComponent<JBInfiniteScrollAttributes & EventProps & JBInfiniteScrollProps & {
+    children?: React.ReactNode | undefined;
+} & React.RefAttributes<JBInfiniteScrollWebComponent>>;
+type JBInfiniteScrollProps = {
+    className?: string;
+    style?: React.CSSProperties;
+};
+export type Props = JBInfiniteScrollAttributes & EventProps & React.PropsWithChildren<JBInfiniteScrollProps>;
+export { JBInfiniteScroll, StateChangeWaitingBehavior };

package/react/dist/JBInfiniteScroll.js

@@ -1,79 +1,2 @@
-import React, { useEffect, useRef, useImperativeHandle, useCallback } from 'react';
-export { StateChangeWaitingBehavior } from 'jb-infinite-scroll';
-
-function useBindEvent(ref, event, handler, passive = false) {
-    useEffect(() => {
-        const dom = ref.current;
-        if (dom) {
-            // initiate the event handler
-            dom.addEventListener(event, handler, passive);
-        }
-        // this will clean up the event every time the component is re-rendered
-        return function cleanup() {
-            if (dom) {
-                dom.removeEventListener(event, handler, passive);
-            }
-        };
-    }, [ref, event, handler, passive]);
-}
-
-const JBInfiniteScroll = React.forwardRef((props, ref) => {
-    const element = useRef(null);
-    useImperativeHandle(ref, () => (element ? element.current : null), [element]);
-    const onScrollEnd = useCallback((e) => {
-        if (typeof props.onScrollEnd == "function") {
-            props.onScrollEnd(e);
-        }
-    }, [props.onScrollEnd]);
-    useBindEvent(element, 'scrollEnd', onScrollEnd, true);
-    useEffect(() => {
-        if (element.current && typeof props.isLoading == "boolean") {
-            if (props.isLoading) {
-                element.current.setAttribute('is-loading', 'true');
-            }
-            else {
-                element.current.setAttribute('is-loading', 'false');
-            }
-        }
-    }, [element.current, props.isLoading]);
-    useEffect(() => {
-        if (element.current, typeof props.isListEmpty == "boolean") {
-            if (props.isListEmpty) {
-                element.current.setAttribute('is-list-empty', 'true');
-            }
-            else {
-                element.current.setAttribute('is-list-empty', 'false');
-            }
-        }
-    }, [element.current, props.isListEmpty]);
-    useEffect(() => {
-        if (element.current && typeof props.isListEnded == "boolean") {
-            if (props.isListEnded) {
-                element.current?.setAttribute('is-list-ended', 'true');
-            }
-            else {
-                element.current?.setAttribute('is-list-ended', 'false');
-            }
-        }
-    }, [element.current, props.isListEnded]);
-    useEffect(() => {
-        if (element.current && typeof props.disableCaptureScroll == "boolean") {
-            if (props.disableCaptureScroll) {
-                element.current?.setAttribute('disable-capture-scroll', 'true');
-            }
-            else {
-                element.current?.setAttribute('disable-capture-scroll', 'false');
-            }
-        }
-    }, [element.current, props.disableCaptureScroll]);
-    useEffect(() => {
-        if (props.stateChangeWaitingBehavior && element.current) {
-            element.current?.setAttribute('state-change-waiting-behavior', props.stateChangeWaitingBehavior);
-        }
-    }, [element.current, props.stateChangeWaitingBehavior]);
-    return (React.createElement("jb-infinite-scroll", { class: props.className, ref: element }, props.children));
-});
-JBInfiniteScroll.displayName = "JBInfiniteScroll";
-
-export { JBInfiniteScroll };
-//# sourceMappingURL=JBInfiniteScroll.js.map
+import t,{useEffect as e,useImperativeHandle as r,useRef as i}from"react";import{StateChangeWaitingBehavior as n}from"jb-infinite-scroll";import{useEvent as s}from"jb-core/react";let l=t.forwardRef((n,l)=>{let a=i(null);return r(l,()=>a?a.current:void 0,[a]),e(()=>{a.current&&"boolean"==typeof n.isLoading&&(n.isLoading?a.current.setAttribute("is-loading","true"):a.current.setAttribute("is-loading","false"))},[a.current,n.isLoading]),e(()=>{a.current,"boolean"==typeof n.isListEmpty&&(n.isListEmpty?a.current.setAttribute("is-list-empty","true"):a.current.setAttribute("is-list-empty","false"))},[a.current,n.isListEmpty]),e(()=>{a.current&&"boolean"==typeof n.isListEnded&&(n.isListEnded?a.current?.setAttribute("is-list-ended","true"):a.current?.setAttribute("is-list-ended","false"))},[a.current,n.isListEnded]),e(()=>{a.current&&"boolean"==typeof n.disableCaptureScroll&&(n.disableCaptureScroll?a.current?.setAttribute("disable-capture-scroll","true"):a.current?.setAttribute("disable-capture-scroll","false"))},[a.current,n.disableCaptureScroll]),e(()=>{n.stateChangeWaitingBehavior&&a.current&&a.current?.setAttribute("state-change-waiting-behavior",n.stateChangeWaitingBehavior)},[a.current,n.stateChangeWaitingBehavior]),s(a,"load",n.onLoad,!0),s(a,"init",n.onInit,!0),s(a,"scroll",n.onScroll),s(a,"scrollEnd",n.onScrollEnd,!0),t.createElement("jb-infinite-scroll",{style:n.style,class:n.className,ref:a},n.children)});l.displayName="JBInfiniteScroll";export{l as JBInfiniteScroll,n as StateChangeWaitingBehavior};
+//# sourceMappingURL=JBInfiniteScroll.js.map

package/react/dist/JBInfiniteScroll.js.map

@@ -1 +1 @@
-{"version":3,"file":"JBInfiniteScroll.js","sources":["../../../../common/hooks/use-event.ts","../lib/JBInfiniteScroll.tsx"],"sourcesContent":["import { useEffect } from \"react\";\r\n\r\nexport function useEvent(dom:HTMLElement, event:any, handler:any, passive = false) {\r\n  useEffect(() => {\r\n    if (dom) {\r\n      // initiate the event handler\r\n      dom.addEventListener(event, handler, passive); \r\n    }\r\n    // this will clean up the event every time the component is re-rendered\r\n    return function cleanup() {\r\n      if(dom){\r\n        dom.removeEventListener(event, handler, passive);\r\n      }\r\n    };\r\n  });\r\n}\r\nexport function useBindEvent<TRef extends React.MutableRefObject<any|null>,TEvent>(ref:TRef, event:string, handler:(e:TEvent)=>void, passive = false) {\r\n  useEffect(() => {\r\n    const dom = ref.current;\r\n    if (dom) {\r\n      // initiate the event handler\r\n      dom.addEventListener(event, handler, passive); \r\n    }\r\n    // this will clean up the event every time the component is re-rendered\r\n    return function cleanup() {\r\n      if(dom){\r\n        dom.removeEventListener(event, handler, passive);\r\n      }\r\n    };\r\n  },[ref,event,handler,passive]);\r\n}","import React, { useState, useRef, useCallback, useEffect, useImperativeHandle } from 'react';\r\nimport \"jb-infinite-scroll\";\r\n\r\n// eslint-disable-next-line no-duplicate-imports\r\nimport {JBInfiniteScrollWebComponent, StateChangeWaitingBehavior} from \"jb-infinite-scroll\";\r\nimport { useBindEvent } from \"../../../../common/hooks/use-event.js\";\r\n\r\ndeclare global {\r\n  // eslint-disable-next-line @typescript-eslint/no-namespace\r\n  namespace JSX {\r\n    interface IntrinsicElements {\r\n      'jb-infinite-scroll': JBInfiniteScrollType;\r\n    }\r\n    interface JBInfiniteScrollType extends React.DetailedHTMLProps<React.HTMLAttributes<JBInfiniteScrollWebComponent>, JBInfiniteScrollWebComponent> {\r\n      \"class\"?: string,\r\n      \"type\"?: string;\r\n    }\r\n  }\r\n}\r\n\r\nconst JBInfiniteScroll = React.forwardRef((props: Props, ref:React.ForwardedRef<JBInfiniteScrollWebComponent>) => {\r\n  const element = useRef<JBInfiniteScrollWebComponent>(null);\r\n  useImperativeHandle(\r\n    ref,\r\n    () => (element ? element.current : null),\r\n    [element],\r\n  );\r\n\r\n  const onScrollEnd = useCallback((e:CustomEvent) => {\r\n    if (typeof props.onScrollEnd == \"function\") {\r\n      props.onScrollEnd(e);\r\n    }\r\n  }, [props.onScrollEnd]);\r\n\r\n  useBindEvent(element, 'scrollEnd', onScrollEnd, true);\r\n\r\n  useEffect(() => {\r\n    if (element.current && typeof props.isLoading == \"boolean\") {\r\n      if (props.isLoading) {\r\n        element.current.setAttribute('is-loading', 'true');\r\n      } else {\r\n        element.current.setAttribute('is-loading', 'false');\r\n      }\r\n    }\r\n\r\n  }, [element.current, props.isLoading]);\r\n\r\n  useEffect(() => {\r\n    if (element.current, typeof props.isListEmpty == \"boolean\") {\r\n      if (props.isListEmpty) {\r\n        element.current.setAttribute('is-list-empty', 'true');\r\n      } else {\r\n        element.current.setAttribute('is-list-empty', 'false');\r\n\r\n      }\r\n    }\r\n\r\n  }, [element.current, props.isListEmpty]);\r\n\r\n  useEffect(() => {\r\n    if (element.current && typeof props.isListEnded == \"boolean\") {\r\n      if (props.isListEnded) {\r\n        element.current?.setAttribute('is-list-ended', 'true');\r\n      } else {\r\n        element.current?.setAttribute('is-list-ended', 'false');\r\n      }\r\n    }\r\n\r\n  }, [element.current, props.isListEnded]);\r\n\r\n  useEffect(() => {\r\n    if (element.current && typeof props.disableCaptureScroll == \"boolean\") {\r\n      if (props.disableCaptureScroll) {\r\n        element.current?.setAttribute('disable-capture-scroll', 'true');\r\n      } else {\r\n        element.current?.setAttribute('disable-capture-scroll', 'false');\r\n      }\r\n    }\r\n\r\n  }, [element.current, props.disableCaptureScroll]);\r\n\r\n  useEffect(() => {\r\n    if (props.stateChangeWaitingBehavior && element.current) {\r\n      element.current?.setAttribute('state-change-waiting-behavior', props.stateChangeWaitingBehavior);\r\n    }\r\n  }, [element.current, props.stateChangeWaitingBehavior]);\r\n  return (\r\n    <jb-infinite-scroll class={props.className} ref={element}>{props.children}</jb-infinite-scroll>\r\n  );\r\n});\r\n\r\nexport type Props = React.PropsWithChildren< {\r\n  stateChangeWaitingBehavior?: StateChangeWaitingBehavior,\r\n  disableCaptureScroll?: boolean,\r\n  isListEmpty?: boolean,\r\n  isLoading?: boolean,\r\n  isListEnded?:boolean,\r\n  className?:string\r\n  onScrollEnd?:(e:CustomEvent)=>void\r\n}>\r\n\r\nJBInfiniteScroll.displayName = \"JBInfiniteScroll\";\r\n\r\nexport {JBInfiniteScroll, StateChangeWaitingBehavior};"],"names":[],"mappings":"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"}
+{"version":3,"file":"JBInfiniteScroll.js","names":[],"sources":["../lib/attributes-hook.ts","../lib/events-hook.ts","../lib/JBInfiniteScroll.tsx"],"sourcesContent":["","",""],"mappings":";;;;;AAWM,SAAU,6BAA6B,SAAkD,OAAiC;AAC5H,WAAU,MAAG;AACb,MAAI,QAAQ,kBAAkB,MAAM,aAAa,UAC/C,KAAI,MAAM,UACR,SAAQ,QAAQ,aAAa,cAAc,OAAO;eAC7C,QAAA,aAAA,cAAA,QAAA;KAKP,QAAQ,SAEZ,MAAU;WAEN,MAAI;cACF,gBAAgB,MAAA,eAAa,UAC/B,KAAA,MAAA,qBAAO,QAAA,aAAA,iBAAA,OAAA;MAGP,SAAA,QAAA,aAAA,iBAAA,QAAA;CAKJ,GAAA,CACE,QAAI,eACF;WAEA,MAAA;cAAO,kBAAA,MAAA,eAAA,eACL,MAAA,YACF,SAAA,SAAA,aAAA,iBAAA,OAAA;MAGQ,SAAO,SAAQ,aAAa,iBAAA,QAAA;aAKlC,eACF;iBACE;MACF,QAAA,kBAAA,MAAA,wBAAA,UACF,KAAA,MAAA,qBAEU,SAAO,SAAQ,aAAA,0BAAsB,OAAA;MAG3C,SAAM,SAAA,aAA0B,0BAAqB,QAAA;CAG1D,GAAE,CACL,QAAA;;;;;;;;AC1CM,SAAU,UAAU,SAAkD,OAAiB;AAC3F,UAAS,SAAS,QAAQ,MAAM,QAAQ,KAAK;AAC7C,UAAS,SAAS,QAAQ,MAAM,QAAQ,KAAK;AAC7C,UAAS,SAAS,UAAU,MAAM,SAAS;AAC3C,UAAS,SAAS,aAAa,MAAM,aAAa,KAAK;AACzD;;;;ACLA,MAAM,iCAAyB,MAAY,WAAqE,CAAE,OAAA,QAAA;CAChH,MAAM,UAAU,OAAqC,KAAK;AAC1D,qBACE,KACA,MAAG,UAAW,QAAG,UAAe,WAAG,CAIrC,OACA,EAAA;AAEA,8BACE,SAAA,MAAA;AAEF,WAAA,SAAA,MAAA;AASF,sBAAiB,MAAc,cAAA,sBAAkB;EAE1C,OAAE,MAAA"}

package/react/dist/JBInfiniteScroll.umd.js

@@ -1,88 +1,2 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('jb-infinite-scroll')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react', 'jb-infinite-scroll'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.JBInfiniteScroll = {}, global.React, global.JBInfiniteScroll));
-})(this, (function (exports, React, jbInfiniteScroll) { 'use strict';
-
-  function useBindEvent(ref, event, handler, passive = false) {
-      React.useEffect(() => {
-          const dom = ref.current;
-          if (dom) {
-              // initiate the event handler
-              dom.addEventListener(event, handler, passive);
-          }
-          // this will clean up the event every time the component is re-rendered
-          return function cleanup() {
-              if (dom) {
-                  dom.removeEventListener(event, handler, passive);
-              }
-          };
-      }, [ref, event, handler, passive]);
-  }
-
-  const JBInfiniteScroll = React.forwardRef((props, ref) => {
-      const element = React.useRef(null);
-      React.useImperativeHandle(ref, () => (element ? element.current : null), [element]);
-      const onScrollEnd = React.useCallback((e) => {
-          if (typeof props.onScrollEnd == "function") {
-              props.onScrollEnd(e);
-          }
-      }, [props.onScrollEnd]);
-      useBindEvent(element, 'scrollEnd', onScrollEnd, true);
-      React.useEffect(() => {
-          if (element.current && typeof props.isLoading == "boolean") {
-              if (props.isLoading) {
-                  element.current.setAttribute('is-loading', 'true');
-              }
-              else {
-                  element.current.setAttribute('is-loading', 'false');
-              }
-          }
-      }, [element.current, props.isLoading]);
-      React.useEffect(() => {
-          if (element.current, typeof props.isListEmpty == "boolean") {
-              if (props.isListEmpty) {
-                  element.current.setAttribute('is-list-empty', 'true');
-              }
-              else {
-                  element.current.setAttribute('is-list-empty', 'false');
-              }
-          }
-      }, [element.current, props.isListEmpty]);
-      React.useEffect(() => {
-          if (element.current && typeof props.isListEnded == "boolean") {
-              if (props.isListEnded) {
-                  element.current?.setAttribute('is-list-ended', 'true');
-              }
-              else {
-                  element.current?.setAttribute('is-list-ended', 'false');
-              }
-          }
-      }, [element.current, props.isListEnded]);
-      React.useEffect(() => {
-          if (element.current && typeof props.disableCaptureScroll == "boolean") {
-              if (props.disableCaptureScroll) {
-                  element.current?.setAttribute('disable-capture-scroll', 'true');
-              }
-              else {
-                  element.current?.setAttribute('disable-capture-scroll', 'false');
-              }
-          }
-      }, [element.current, props.disableCaptureScroll]);
-      React.useEffect(() => {
-          if (props.stateChangeWaitingBehavior && element.current) {
-              element.current?.setAttribute('state-change-waiting-behavior', props.stateChangeWaitingBehavior);
-          }
-      }, [element.current, props.stateChangeWaitingBehavior]);
-      return (React.createElement("jb-infinite-scroll", { class: props.className, ref: element }, props.children));
-  });
-  JBInfiniteScroll.displayName = "JBInfiniteScroll";
-
-  Object.defineProperty(exports, "StateChangeWaitingBehavior", {
-    enumerable: true,
-    get: function () { return jbInfiniteScroll.StateChangeWaitingBehavior; }
-  });
-  exports.JBInfiniteScroll = JBInfiniteScroll;
-
-}));
-//# sourceMappingURL=JBInfiniteScroll.umd.js.map
+var e,t;e=this,t=function(e,t,r,i){"use strict";var n=Object.create,l=Object.defineProperty,s=Object.getOwnPropertyDescriptor,a=Object.getOwnPropertyNames,o=Object.getPrototypeOf,c=Object.prototype.hasOwnProperty,u=(e,t,r,i)=>{if(t&&"object"==typeof t||"function"==typeof t)for(var n,o=a(t),u=0,f=o.length;u<f;u++)n=o[u],c.call(e,n)||n===r||l(e,n,{get:(e=>t[e]).bind(null,n),enumerable:!(i=s(t,n))||i.enumerable});return e},f=(e,t,r)=>(r=null!=e?n(o(e)):{},u(!t&&e&&e.__esModule?r:l(r,"default",{value:e,enumerable:!0}),e));t=f(t),r=f(r),i=f(i);let d=t.default.forwardRef((e,r)=>{let n=(0,t.useRef)(null);return(0,t.useImperativeHandle)(r,()=>n?n.current:void 0,[n]),(0,t.useEffect)(()=>{n.current&&"boolean"==typeof e.isLoading&&(e.isLoading?n.current.setAttribute("is-loading","true"):n.current.setAttribute("is-loading","false"))},[n.current,e.isLoading]),(0,t.useEffect)(()=>{n.current,"boolean"==typeof e.isListEmpty&&(e.isListEmpty?n.current.setAttribute("is-list-empty","true"):n.current.setAttribute("is-list-empty","false"))},[n.current,e.isListEmpty]),(0,t.useEffect)(()=>{n.current&&"boolean"==typeof e.isListEnded&&(e.isListEnded?n.current?.setAttribute("is-list-ended","true"):n.current?.setAttribute("is-list-ended","false"))},[n.current,e.isListEnded]),(0,t.useEffect)(()=>{n.current&&"boolean"==typeof e.disableCaptureScroll&&(e.disableCaptureScroll?n.current?.setAttribute("disable-capture-scroll","true"):n.current?.setAttribute("disable-capture-scroll","false"))},[n.current,e.disableCaptureScroll]),(0,t.useEffect)(()=>{e.stateChangeWaitingBehavior&&n.current&&n.current?.setAttribute("state-change-waiting-behavior",e.stateChangeWaitingBehavior)},[n.current,e.stateChangeWaitingBehavior]),(0,i.useEvent)(n,"load",e.onLoad,!0),(0,i.useEvent)(n,"init",e.onInit,!0),(0,i.useEvent)(n,"scroll",e.onScroll),(0,i.useEvent)(n,"scrollEnd",e.onScrollEnd,!0),t.default.createElement("jb-infinite-scroll",{style:e.style,class:e.className,ref:n},e.children)});d.displayName="JBInfiniteScroll",e.JBInfiniteScroll=d,e.StateChangeWaitingBehavior=r.StateChangeWaitingBehavior},"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("jb-infinite-scroll"),require("jb-core/react")):"function"==typeof define&&define.amd?define(["exports","react","jb-infinite-scroll","jb-core/react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).JBInfiniteScrollReact={},e.React,e.JBInfiniteScroll,e.JBCoreReact);
+//# sourceMappingURL=JBInfiniteScroll.umd.js.map

package/react/dist/JBInfiniteScroll.umd.js.map

@@ -1 +1 @@
-{"version":3,"file":"JBInfiniteScroll.umd.js","sources":["../../../../common/hooks/use-event.ts","../lib/JBInfiniteScroll.tsx"],"sourcesContent":["import { useEffect } from \"react\";\r\n\r\nexport function useEvent(dom:HTMLElement, event:any, handler:any, passive = false) {\r\n  useEffect(() => {\r\n    if (dom) {\r\n      // initiate the event handler\r\n      dom.addEventListener(event, handler, passive); \r\n    }\r\n    // this will clean up the event every time the component is re-rendered\r\n    return function cleanup() {\r\n      if(dom){\r\n        dom.removeEventListener(event, handler, passive);\r\n      }\r\n    };\r\n  });\r\n}\r\nexport function useBindEvent<TRef extends React.MutableRefObject<any|null>,TEvent>(ref:TRef, event:string, handler:(e:TEvent)=>void, passive = false) {\r\n  useEffect(() => {\r\n    const dom = ref.current;\r\n    if (dom) {\r\n      // initiate the event handler\r\n      dom.addEventListener(event, handler, passive); \r\n    }\r\n    // this will clean up the event every time the component is re-rendered\r\n    return function cleanup() {\r\n      if(dom){\r\n        dom.removeEventListener(event, handler, passive);\r\n      }\r\n    };\r\n  },[ref,event,handler,passive]);\r\n}","import React, { useState, useRef, useCallback, useEffect, useImperativeHandle } from 'react';\r\nimport \"jb-infinite-scroll\";\r\n\r\n// eslint-disable-next-line no-duplicate-imports\r\nimport {JBInfiniteScrollWebComponent, StateChangeWaitingBehavior} from \"jb-infinite-scroll\";\r\nimport { useBindEvent } from \"../../../../common/hooks/use-event.js\";\r\n\r\ndeclare global {\r\n  // eslint-disable-next-line @typescript-eslint/no-namespace\r\n  namespace JSX {\r\n    interface IntrinsicElements {\r\n      'jb-infinite-scroll': JBInfiniteScrollType;\r\n    }\r\n    interface JBInfiniteScrollType extends React.DetailedHTMLProps<React.HTMLAttributes<JBInfiniteScrollWebComponent>, JBInfiniteScrollWebComponent> {\r\n      \"class\"?: string,\r\n      \"type\"?: string;\r\n    }\r\n  }\r\n}\r\n\r\nconst JBInfiniteScroll = React.forwardRef((props: Props, ref:React.ForwardedRef<JBInfiniteScrollWebComponent>) => {\r\n  const element = useRef<JBInfiniteScrollWebComponent>(null);\r\n  useImperativeHandle(\r\n    ref,\r\n    () => (element ? element.current : null),\r\n    [element],\r\n  );\r\n\r\n  const onScrollEnd = useCallback((e:CustomEvent) => {\r\n    if (typeof props.onScrollEnd == \"function\") {\r\n      props.onScrollEnd(e);\r\n    }\r\n  }, [props.onScrollEnd]);\r\n\r\n  useBindEvent(element, 'scrollEnd', onScrollEnd, true);\r\n\r\n  useEffect(() => {\r\n    if (element.current && typeof props.isLoading == \"boolean\") {\r\n      if (props.isLoading) {\r\n        element.current.setAttribute('is-loading', 'true');\r\n      } else {\r\n        element.current.setAttribute('is-loading', 'false');\r\n      }\r\n    }\r\n\r\n  }, [element.current, props.isLoading]);\r\n\r\n  useEffect(() => {\r\n    if (element.current, typeof props.isListEmpty == \"boolean\") {\r\n      if (props.isListEmpty) {\r\n        element.current.setAttribute('is-list-empty', 'true');\r\n      } else {\r\n        element.current.setAttribute('is-list-empty', 'false');\r\n\r\n      }\r\n    }\r\n\r\n  }, [element.current, props.isListEmpty]);\r\n\r\n  useEffect(() => {\r\n    if (element.current && typeof props.isListEnded == \"boolean\") {\r\n      if (props.isListEnded) {\r\n        element.current?.setAttribute('is-list-ended', 'true');\r\n      } else {\r\n        element.current?.setAttribute('is-list-ended', 'false');\r\n      }\r\n    }\r\n\r\n  }, [element.current, props.isListEnded]);\r\n\r\n  useEffect(() => {\r\n    if (element.current && typeof props.disableCaptureScroll == \"boolean\") {\r\n      if (props.disableCaptureScroll) {\r\n        element.current?.setAttribute('disable-capture-scroll', 'true');\r\n      } else {\r\n        element.current?.setAttribute('disable-capture-scroll', 'false');\r\n      }\r\n    }\r\n\r\n  }, [element.current, props.disableCaptureScroll]);\r\n\r\n  useEffect(() => {\r\n    if (props.stateChangeWaitingBehavior && element.current) {\r\n      element.current?.setAttribute('state-change-waiting-behavior', props.stateChangeWaitingBehavior);\r\n    }\r\n  }, [element.current, props.stateChangeWaitingBehavior]);\r\n  return (\r\n    <jb-infinite-scroll class={props.className} ref={element}>{props.children}</jb-infinite-scroll>\r\n  );\r\n});\r\n\r\nexport type Props = React.PropsWithChildren< {\r\n  stateChangeWaitingBehavior?: StateChangeWaitingBehavior,\r\n  disableCaptureScroll?: boolean,\r\n  isListEmpty?: boolean,\r\n  isLoading?: boolean,\r\n  isListEnded?:boolean,\r\n  className?:string\r\n  onScrollEnd?:(e:CustomEvent)=>void\r\n}>\r\n\r\nJBInfiniteScroll.displayName = \"JBInfiniteScroll\";\r\n\r\nexport {JBInfiniteScroll, StateChangeWaitingBehavior};"],"names":["useEffect","useRef","useImperativeHandle","useCallback"],"mappings":";;;;;;EAgBM,SAAU,YAAY,CAAuD,GAAQ,EAAE,KAAY,EAAE,OAAwB,EAAE,OAAO,GAAG,KAAK,EAAA;MAClJA,eAAS,CAAC,MAAK;EACb,QAAA,MAAM,GAAG,GAAG,GAAG,CAAC,OAAO,CAAC;EACxB,QAAA,IAAI,GAAG,EAAE;;cAEP,GAAG,CAAC,gBAAgB,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;EAC/C,SAAA;;EAED,QAAA,OAAO,SAAS,OAAO,GAAA;EACrB,YAAA,IAAG,GAAG,EAAC;kBACL,GAAG,CAAC,mBAAmB,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC;EAClD,aAAA;EACH,SAAC,CAAC;OACH,EAAC,CAAC,GAAG,EAAC,KAAK,EAAC,OAAO,EAAC,OAAO,CAAC,CAAC,CAAC;EACjC;;ACVM,QAAA,gBAAgB,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAY,EAAE,GAAoD,KAAI;EAC/G,IAAA,MAAM,OAAO,GAAGC,YAAM,CAA+B,IAAI,CAAC,CAAC;MAC3DC,yBAAmB,CACjB,GAAG,EACH,OAAO,OAAO,GAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,EACxC,CAAC,OAAO,CAAC,CACV,CAAC;EAEF,IAAA,MAAM,WAAW,GAAGC,iBAAW,CAAC,CAAC,CAAa,KAAI;EAChD,QAAA,IAAI,OAAO,KAAK,CAAC,WAAW,IAAI,UAAU,EAAE;EAC1C,YAAA,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;EACtB,SAAA;EACH,KAAC,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;MAExB,YAAY,CAAC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,IAAI,CAAC,CAAC;MAEtDH,eAAS,CAAC,MAAK;UACb,IAAI,OAAO,CAAC,OAAO,IAAI,OAAO,KAAK,CAAC,SAAS,IAAI,SAAS,EAAE;cAC1D,IAAI,KAAK,CAAC,SAAS,EAAE;kBACnB,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC;EACpD,aAAA;EAAM,iBAAA;kBACL,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC;EACrD,aAAA;EACF,SAAA;OAEF,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC;MAEvCA,eAAS,CAAC,MAAK;UACb,IAAI,OAAO,CAAC,OAAO,EAAE,OAAO,KAAK,CAAC,WAAW,IAAI,SAAS,EAAE;cAC1D,IAAI,KAAK,CAAC,WAAW,EAAE;kBACrB,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;EACvD,aAAA;EAAM,iBAAA;kBACL,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;EAExD,aAAA;EACF,SAAA;OAEF,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;MAEzCA,eAAS,CAAC,MAAK;UACb,IAAI,OAAO,CAAC,OAAO,IAAI,OAAO,KAAK,CAAC,WAAW,IAAI,SAAS,EAAE;cAC5D,IAAI,KAAK,CAAC,WAAW,EAAE;kBACrB,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;EACxD,aAAA;EAAM,iBAAA;kBACL,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,eAAe,EAAE,OAAO,CAAC,CAAC;EACzD,aAAA;EACF,SAAA;OAEF,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC;MAEzCA,eAAS,CAAC,MAAK;UACb,IAAI,OAAO,CAAC,OAAO,IAAI,OAAO,KAAK,CAAC,oBAAoB,IAAI,SAAS,EAAE;cACrE,IAAI,KAAK,CAAC,oBAAoB,EAAE;kBAC9B,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,wBAAwB,EAAE,MAAM,CAAC,CAAC;EACjE,aAAA;EAAM,iBAAA;kBACL,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,wBAAwB,EAAE,OAAO,CAAC,CAAC;EAClE,aAAA;EACF,SAAA;OAEF,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC;MAElDA,eAAS,CAAC,MAAK;EACb,QAAA,IAAI,KAAK,CAAC,0BAA0B,IAAI,OAAO,CAAC,OAAO,EAAE;cACvD,OAAO,CAAC,OAAO,EAAE,YAAY,CAAC,+BAA+B,EAAE,KAAK,CAAC,0BAA0B,CAAC,CAAC;EAClG,SAAA;OACF,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,0BAA0B,CAAC,CAAC,CAAC;EACxD,IAAA,QACE,KAAoB,CAAA,aAAA,CAAA,oBAAA,EAAA,EAAA,KAAK,EAAE,KAAK,CAAC,SAAS,EAAE,GAAG,EAAE,OAAO,EAAG,EAAA,KAAK,CAAC,QAAQ,CAAsB,EAC/F;EACJ,CAAC,EAAE;EAYH,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;;;;;;;;;"}
+{"version":3,"file":"JBInfiniteScroll.umd.js","names":[],"sources":["../lib/attributes-hook.ts","../lib/events-hook.ts","../lib/JBInfiniteScroll.tsx"],"sourcesContent":["","",""],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWM,SAAU,6BAA6B,SAAkD,OAAiC;AAC5H,sBAAU,MAAG;AACb,MAAI,QAAQ,kBAAkB,MAAM,aAAa,UAC/C,KAAI,MAAM,UACR,SAAQ,QAAQ,aAAa,cAAc,OAAO;eAC7C,QAAA,aAAA,cAAA,QAAA;KAKP,QAAQ,SAEZ,MAAU;sBAEN,MAAI;cACF,gBAAgB,MAAA,eAAa,UAC/B,KAAA,MAAA,qBAAO,QAAA,aAAA,iBAAA,OAAA;MAGP,SAAA,QAAA,aAAA,iBAAA,QAAA;CAKJ,GAAA,CACE,QAAI,eACF;sBAEA,MAAA;cAAO,kBAAA,MAAA,eAAA,eACL,MAAA,YACF,SAAA,SAAA,aAAA,iBAAA,OAAA;MAGQ,SAAO,SAAQ,aAAa,iBAAA,QAAA;aAKlC,eACF;4BACE;MACF,QAAA,kBAAA,MAAA,wBAAA,UACF,KAAA,MAAA,qBAEU,SAAO,SAAQ,aAAA,0BAAsB,OAAA;MAG3C,SAAM,SAAA,aAA0B,0BAAqB,QAAA;CAG1D,GAAE,CACL,QAAA;;;;;;;;AC1CM,SAAU,UAAU,SAAkD,OAAiB;AAC3F,6BAAS,SAAS,QAAQ,MAAM,QAAQ,KAAK;AAC7C,6BAAS,SAAS,QAAQ,MAAM,QAAQ,KAAK;AAC7C,6BAAS,SAAS,UAAU,MAAM,SAAS;AAC3C,6BAAS,SAAS,aAAa,MAAM,aAAa,KAAK;AACzD;;;;ACLA,MAAM,iCAAyB,cAAY,WAAqE,CAAE,OAAA,QAAA;CAChH,MAAM,UAAU,kBAAqC,KAAK;AAC1D,gCACE,KACA,MAAG,UAAW,QAAG,UAAe,WAAG,CAIrC,OACA,EAAA;AAEA,8BACE,SAAA,MAAA;AAEF,WAAA,SAAA,MAAA;AASF,sBAAiB,cAAc,cAAA,sBAAkB;EAE1C,OAAE,MAAA"}

package/react/dist/attributes-hook.d.ts

@@ -0,0 +1,10 @@
+import { JBInfiniteScrollWebComponent, type StateChangeWaitingBehavior } from "jb-infinite-scroll";
+import { RefObject } from "react";
+export type JBInfiniteScrollAttributes = {
+    stateChangeWaitingBehavior?: StateChangeWaitingBehavior;
+    disableCaptureScroll?: boolean;
+    isListEmpty?: boolean;
+    isLoading?: boolean;
+    isListEnded?: boolean;
+};
+export declare function useJBInfiniteScrollAttribute(element: RefObject<JBInfiniteScrollWebComponent>, props: JBInfiniteScrollAttributes): void;

package/react/dist/events-hook.d.ts

@@ -0,0 +1,18 @@
+import { RefObject } from "react";
+import type { JBInfiniteScrollEventType, JBInfiniteScrollWebComponent } from 'jb-infinite-scroll';
+export type EventProps = {
+    /**
+     * when component loaded, in most cases component is already loaded before react mount so you dont need this but if you load web-component dynamically with lazy load it will be called after react mount
+     */
+    onLoad?: (e: JBInfiniteScrollEventType<CustomEvent>) => void;
+    /**
+   * when all property set and ready to use, in most cases component is already loaded before react mount so you dont need this but if you load web-component dynamically with lazy load it will be called after react mount
+   */
+    onInit?: (e: JBInfiniteScrollEventType<CustomEvent>) => void;
+    /**
+     * on user scroll to the end
+     */
+    onScrollEnd?: (e: JBInfiniteScrollEventType<CustomEvent>) => void;
+    onScroll?: (e: JBInfiniteScrollEventType<Event>) => void;
+};
+export declare function useEvents(element: RefObject<JBInfiniteScrollWebComponent>, props: EventProps): void;

package/react/dist/lib/JBInfiniteScroll.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import "jb-infinite-scroll";
+import { JBInfiniteScrollWebComponent, StateChangeWaitingBehavior } from "jb-infinite-scroll";
+import { EventProps } from './events-hook.js';
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            'jb-infinite-scroll': JBInfiniteScrollType;
+        }
+        interface JBInfiniteScrollType extends React.DetailedHTMLProps<React.HTMLAttributes<JBInfiniteScrollWebComponent>, JBInfiniteScrollWebComponent> {
+            "class"?: string;
+            "type"?: string;
+        }
+    }
+}
+declare const JBInfiniteScroll: React.ForwardRefExoticComponent<EventProps & {
+    stateChangeWaitingBehavior?: StateChangeWaitingBehavior;
+    disableCaptureScroll?: boolean;
+    isListEmpty?: boolean;
+    isLoading?: boolean;
+    isListEnded?: boolean;
+    className?: string;
+} & {
+    children?: React.ReactNode;
+} & React.RefAttributes<JBInfiniteScrollWebComponent>>;
+export type Props = EventProps & React.PropsWithChildren<{
+    stateChangeWaitingBehavior?: StateChangeWaitingBehavior;
+    disableCaptureScroll?: boolean;
+    isListEmpty?: boolean;
+    isLoading?: boolean;
+    isListEnded?: boolean;
+    className?: string;
+}>;
+export { JBInfiniteScroll, StateChangeWaitingBehavior };

package/react/dist/lib/events-hook.d.ts

@@ -0,0 +1,18 @@
+import { RefObject } from "react";
+import type { JBInfiniteScrollEventType, JBInfiniteScrollWebComponent } from 'jb-infinite-scroll';
+export type EventProps = {
+    /**
+     * when component loaded, in most cases component is already loaded before react mount so you dont need this but if you load web-component dynamically with lazy load it will be called after react mount
+     */
+    onLoad?: (e: JBInfiniteScrollEventType<CustomEvent>) => void;
+    /**
+   * when all property set and ready to use, in most cases component is already loaded before react mount so you dont need this but if you load web-component dynamically with lazy load it will be called after react mount
+   */
+    onInit?: (e: JBInfiniteScrollEventType<CustomEvent>) => void;
+    /**
+     * on user scroll to the end
+     */
+    onScrollEnd?: (e: JBInfiniteScrollEventType<CustomEvent>) => void;
+    onScroll?: (e: JBInfiniteScrollEventType<Event>) => void;
+};
+export declare function useEvents(element: RefObject<JBInfiniteScrollWebComponent>, props: EventProps): void;