@homecode/ui 4.18.16 → 4.18.17

package/dist/esm/src/components/Virtualized/Virtualized.js

@@ -1,2 +1,200 @@
-import{Component}from"react";import cn from"classnames";import pick from"lodash.pick";import compare from"compareq";import Time from"timen";import debounce from"../../tools/debounce.js";import{getHeight,getIndexes}from"./Virtualized.helpers.js";import S from"./Virtualized.styl.js";class Virtualized extends Component{clearUnfreezeTimer;scrollTopInited=!1;scrollElem;lastScrollEndIndex=0;static defaultProps={overlapCount:10,pageSize:20};constructor(e){super(e),this.state={id:null,height:getHeight(e),first:0,last:0,isFreezed:!1},this.onScroll=debounce(this.onScroll,150),this.checkIfEnd=debounce(this.checkIfEnd,200)}static getDerivedStateFromProps(e,{height:t}){e=getHeight(e);return e!==t?{height:e}:null}componentDidMount(){var e=this.getIndexes();this.setState(e)}getSnapshotBeforeUpdate(e){var{itemHeight:t,itemsCount:s}=this.props;return 0===s&&s!==e.itemsCount?0:this.scrollElem&&t!==e.itemHeight?t/e.itemHeight*this.scrollElem.scrollTop:null}shouldComponentUpdate(e,t){return e.id!==this.props.id||e.itemsCount!==this.props.itemsCount||e.wrapElem!==this.props.wrapElem||!compare(t,this.state)}componentDidUpdate(e,t,s){var r={},o=this.scrollElem!==this.props.wrapElem;o&&(this.scrollElem=this.props.wrapElem),this.scrollElem&&"number"==typeof(s=this.getNewScrollTop(e,s))&&(this.scrollElem.scrollTop=s),e.id!==this.props.id&&(r.id=this.props.id),(o||this.needUpdateIndexes(e))&&Object.assign(r,this.getIndexes()),this.needUpdateHeight(e)&&(r.height=getHeight(this.props)),Object.keys(r).length&&this.setState(r)}componentWillUnmount(){this.clearUnfreezeTimer?.()}needUpdateIndexes(t){return["id","itemsCount","totalCount","overlapCount"].some(e=>t[e]!==this.props[e])}needUpdateHeight(t){return["totalCount","offsetAfter"].some(e=>t[e]!==this.props[e])}getNewScrollTop(e,t){var{initialScrollTop:s,scrollTop:r,itemsCount:o}=this.props;if(!this.scrollTopInited){var i=s??r;if(i&&e.itemsCount&&o)return this.scrollTopInited=!0,i}return 0<e.initialScrollTop&&0===s?0:"number"==typeof r&&r!==e.scrollTop?r:"number"==typeof t?t:null}getIndexes(){var e,t;return this.scrollElem?({scrollTop:e,clientHeight:t}=this.scrollElem,getIndexes({scrollTop:e,clientHeight:t,...pick(this.props,["itemsCount","totalCount","itemHeight","overlapCount"])})):null}onScroll=e=>{this.scrollElem=e.target;var e=this.props["onScroll"],t=this.getIndexes(),s=this.scrollElem["scrollTop"];e&&e({scrollTop:s,...t}),this.checkIfEnd(),compare(t,pick(this.state,["first","last"]))||this.setState({...t}),this.unfreeze()};checkIfEnd=()=>{var{itemsCount:e,totalCount:t,pageSize:s,onScrollEnd:r}=this.props;e===t||e<this.lastScrollEndIndex||(this.lastScrollEndIndex=Math.min(e+s,t),r?.())};unfreeze=()=>{this.clearUnfreezeTimer?.(),this.clearUnfreezeTimer=Time.after(200,()=>{this.setState({isFreezed:!1})})};getItemProps=e=>{var{getItemProps:t,offsetBefore:s,offsetAfter:r}=this.props,o={className:S.item,key:e};if(t){const{className:i,...l}=t({index:e,offsetBefore:s,offsetAfter:r});o.className=cn(o.className,i),Object.assign(o,l)}return o};renderItems(){var{itemsCount:e,renderItem:t}=this.props,{first:s,last:r}=this.state,o=[];if(0<e)for(let e=s;e<=r;e++)o.push(t(this.getItemProps(e)));return o}render(){const{children:e,className:t,pageSize:s,...r}=this.props;var o=this.state["isFreezed"],i={...pick(this.state,["first","last","height"]),...pick(this.props,["offsetBefore","offsetAfter"])};return e({...r,state:i,className:cn(S.root,o&&S.freezeClicks,t),onScroll:this.onScroll,items:this.renderItems()})}}export{Virtualized as default};
-//# sourceMappingURL=Virtualized.js.map
+import { Component } from 'react';
+import cn from 'classnames';
+import pick from 'lodash.pick';
+import compare from 'compareq';
+import Time from 'timen';
+import debounce from '../../tools/debounce.js';
+import { getHeight, getIndexes } from './Virtualized.helpers.js';
+import S from './Virtualized.styl.js';
+
+class Virtualized extends Component {
+    clearUnfreezeTimer;
+    scrollTopInited = false;
+    scrollElem;
+    lastScrollEndIndex = 0;
+    static defaultProps = {
+        overlapCount: 10,
+        pageSize: 20,
+    };
+    constructor(props) {
+        super(props);
+        this.state = {
+            id: null,
+            height: getHeight(props),
+            first: 0,
+            last: 0,
+            isFreezed: false,
+        };
+        this.onScroll = debounce(this.onScroll, 150);
+        this.checkIfEnd = debounce(this.checkIfEnd, 200);
+    }
+    static getDerivedStateFromProps(props, { height }) {
+        const newHeight = getHeight(props);
+        if (newHeight !== height)
+            return { height: newHeight };
+        return null;
+    }
+    componentDidMount() {
+        // Time.after(100, () => {
+        const indexes = this.getIndexes();
+        this.setState(indexes); // eslint-disable-line
+        // });
+        // document.addEventListener('scroll', this.onScroll, true);
+    }
+    getSnapshotBeforeUpdate(prevProps) {
+        const { itemHeight, itemsCount } = this.props;
+        if (itemsCount === 0 && itemsCount !== prevProps.itemsCount)
+            return 0;
+        if (this.scrollElem) {
+            if (itemHeight !== prevProps.itemHeight)
+                return (itemHeight / prevProps.itemHeight) * this.scrollElem.scrollTop;
+        }
+        return null;
+    }
+    shouldComponentUpdate(nextProps, nextState) {
+        if (nextProps.id !== this.props.id)
+            return true;
+        if (nextProps.itemsCount !== this.props.itemsCount)
+            return true;
+        if (nextProps.wrapElem !== this.props.wrapElem)
+            return true;
+        if (!compare(nextState, this.state))
+            return true;
+        return false;
+    }
+    componentDidUpdate(prevProps, prevState, snapshot) {
+        const state = {};
+        const scrollElemUpdated = this.scrollElem !== this.props.wrapElem;
+        if (scrollElemUpdated)
+            this.scrollElem = this.props.wrapElem;
+        if (this.scrollElem) {
+            const newScrollTop = this.getNewScrollTop(prevProps, snapshot);
+            if (typeof newScrollTop === 'number')
+                this.scrollElem.scrollTop = newScrollTop;
+        }
+        if (prevProps.id !== this.props.id)
+            state.id = this.props.id;
+        if (scrollElemUpdated || this.needUpdateIndexes(prevProps))
+            Object.assign(state, this.getIndexes());
+        if (this.needUpdateHeight(prevProps))
+            state.height = getHeight(this.props);
+        if (Object.keys(state).length)
+            this.setState(state);
+    }
+    componentWillUnmount() {
+        this.clearUnfreezeTimer?.();
+    }
+    needUpdateIndexes(prevProps) {
+        // const { wrapElem } = this.props;
+        // if (!prevProps.wrapElem && wrapElem) return true;
+        return ['id', 'itemsCount', 'totalCount', 'overlapCount'].some(key => prevProps[key] !== this.props[key]);
+    }
+    needUpdateHeight(prevProps) {
+        return ['totalCount', 'offsetAfter'].some(key => prevProps[key] !== this.props[key]);
+    }
+    getNewScrollTop(prevProps, snapshot) {
+        const { initialScrollTop, scrollTop, itemsCount } = this.props;
+        if (!this.scrollTopInited) {
+            const scrollValue = initialScrollTop ?? scrollTop;
+            if (scrollValue && prevProps.itemsCount && itemsCount) {
+                this.scrollTopInited = true;
+                return scrollValue;
+            }
+        }
+        if (prevProps.initialScrollTop > 0 && initialScrollTop === 0)
+            return 0;
+        if (typeof scrollTop === 'number' && scrollTop !== prevProps.scrollTop)
+            return scrollTop;
+        if (typeof snapshot === 'number')
+            return snapshot;
+        return null;
+    }
+    getIndexes() {
+        // const { wrapElem } = this.props;
+        if (!this.scrollElem)
+            return null;
+        const { scrollTop, clientHeight } = this.scrollElem;
+        return getIndexes({
+            scrollTop,
+            clientHeight,
+            ...pick(this.props, [
+                'itemsCount',
+                'totalCount',
+                'itemHeight',
+                'overlapCount',
+            ]),
+        });
+    }
+    onScroll = e => {
+        this.scrollElem = e.target;
+        const { onScroll } = this.props;
+        const indexes = this.getIndexes();
+        const { scrollTop } = this.scrollElem;
+        if (onScroll)
+            onScroll({ scrollTop, ...indexes });
+        this.checkIfEnd();
+        if (!compare(indexes, pick(this.state, ['first', 'last'])))
+            this.setState({ ...indexes });
+        this.unfreeze();
+    };
+    checkIfEnd = () => {
+        const { itemsCount, totalCount, pageSize, onScrollEnd } = this.props;
+        if (itemsCount === totalCount)
+            return;
+        if (itemsCount < this.lastScrollEndIndex)
+            return;
+        this.lastScrollEndIndex = Math.min(itemsCount + pageSize, totalCount);
+        onScrollEnd?.();
+    };
+    unfreeze = () => {
+        this.clearUnfreezeTimer?.();
+        this.clearUnfreezeTimer = Time.after(200, () => {
+            this.setState({ isFreezed: false });
+        });
+    };
+    getItemProps = (index) => {
+        const { getItemProps, offsetBefore, offsetAfter } = this.props;
+        const props = {
+            className: S.item,
+            key: index,
+        };
+        if (getItemProps) {
+            const { className, ...rest } = getItemProps({
+                index,
+                offsetBefore,
+                offsetAfter,
+            });
+            props.className = cn(props.className, className);
+            Object.assign(props, rest);
+        }
+        return props;
+    };
+    renderItems() {
+        const { itemsCount, renderItem } = this.props;
+        const { first, last } = this.state;
+        const items = [];
+        if (itemsCount > 0) {
+            for (let i = first; i <= last; i++) {
+                items.push(renderItem(this.getItemProps(i)));
+            }
+        }
+        return items;
+    }
+    render() {
+        const { children, className, pageSize, ...rest } = this.props;
+        const { isFreezed } = this.state;
+        const state = {
+            ...pick(this.state, ['first', 'last', 'height']),
+            ...pick(this.props, ['offsetBefore', 'offsetAfter']),
+        };
+        return children({
+            ...rest,
+            state,
+            className: cn(S.root, isFreezed && S.freezeClicks, className),
+            onScroll: this.onScroll,
+            items: this.renderItems(),
+        });
+    }
+}
+
+export { Virtualized as default };

package/dist/esm/src/components/Virtualized/Virtualized.styl.js

@@ -1,2 +1,7 @@
-import styleInject from"../../../node_modules/style-inject/dist/style-inject.es.js";var css_248z=".Virtualized_root__SX71a{display:block;height:100%;max-height:100%;overflow-y:auto;position:relative}.Virtualized_item__1vSN0{animation:Virtualized_show__2WhkK .1s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.Virtualized_freezeClicks__SCBdy .Virtualized_item__1vSN0{pointer-events:none}@keyframes Virtualized_show__2WhkK{0%{opacity:0}to{opacity:1}}",S={root:"Virtualized_root__SX71a",item:"Virtualized_item__1vSN0",show:"Virtualized_show__2WhkK",freezeClicks:"Virtualized_freezeClicks__SCBdy"};styleInject(css_248z);export{S as default};
-//# sourceMappingURL=Virtualized.styl.js.map
+import styleInject from '../../../node_modules/style-inject/dist/style-inject.es.js';
+
+var css_248z = ".Virtualized_root__SX71a{display:block;height:100%;max-height:100%;overflow-y:auto;position:relative}.Virtualized_item__1vSN0{animation:Virtualized_show__2WhkK .1s ease-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.Virtualized_freezeClicks__SCBdy .Virtualized_item__1vSN0{pointer-events:none}@keyframes Virtualized_show__2WhkK{0%{opacity:0}to{opacity:1}}";
+var S = {"root":"Virtualized_root__SX71a","item":"Virtualized_item__1vSN0","show":"Virtualized_show__2WhkK","freezeClicks":"Virtualized_freezeClicks__SCBdy"};
+styleInject(css_248z);
+
+export { S as default };

package/dist/esm/src/components/Virtualized/Virtualized.types.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=Virtualized.types.js.map

package/dist/esm/src/services/i18n.js

@@ -1,2 +1,68 @@
-import{jsx,Fragment}from"react/jsx-runtime";import{memo}from"react";import{nanoid}from"nanoid";import{createStore,withStore}from"justorm/react";import _i18n from"roddeh-i18n";import LS from"../tools/localStorage.js";import{queryParams}from"../tools/queryParams.js";const DEFAULT_LANG="en",modules={},queryLang=queryParams.lang,store=(queryLang&&LS.set("lang",queryLang),createStore("i18n",{lang:LS.get("lang")??DEFAULT_LANG,async changeLang(e){var r=modules[e].map(e=>e());await Promise.all(r),modules[e]=[],this.lang=e,LS.set("lang",e)}}));function init(e){const a=Object.keys(e).reduce((e,r)=>({...e,[r]:_i18n.create({values:{}})}),{});function o(e,r=[]){return t=store.lang,o=e,r=r,(a[t]?.translator.data.values[o]?a[t](o,...r):null)||e;var t,o}const r="i18n-"+nanoid(),t=createStore(r,{_updated:""}),n=async(e,r)=>{e="function"==typeof e?(await e()).default:e;a[r].translator.add({values:e}),t._updated=nanoid()};return Object.entries(e).forEach(([e,r])=>{if(modules[e]||(modules[e]=[]),e===store.lang)return n(r,e);modules[e].push(()=>n(r,e))}),{storeName:r,componentStore:t,withI18N:e=>withStore(r)(e),i18n:(e,r)=>o(e,r),I18N:memo(withStore({i18n:["lang"],[r]:!0})(function({id:e,children:r,props:t}){return jsx(Fragment,{children:o(e??r,t)})}))}}export{init,store};
-//# sourceMappingURL=i18n.js.map
+import { jsx, Fragment } from 'react/jsx-runtime';
+import { memo } from 'react';
+import { nanoid } from 'nanoid';
+import { createStore, withStore } from 'justorm/react';
+import _i18n from 'roddeh-i18n';
+import LS from '../tools/localStorage.js';
+import { queryParams } from '../tools/queryParams.js';
+
+const DEFAULT_LANG = 'en';
+const modules = {};
+const queryLang = queryParams.lang;
+if (queryLang)
+    LS.set('lang', queryLang);
+const store = createStore('i18n', {
+    lang: LS.get('lang') ?? DEFAULT_LANG,
+    async changeLang(lang) {
+        // TODO: use WebWorker for requests?
+        const requests = modules[lang].map(loader => loader());
+        await Promise.all(requests);
+        modules[lang] = [];
+        this.lang = lang;
+        LS.set('lang', lang);
+    },
+});
+function init(config) {
+    const langs = Object.keys(config);
+    const texts = langs.reduce((acc, lang) => ({ ...acc, [lang]: _i18n.create({ values: {} }) }), {});
+    const _getText = (lang, key, props) => {
+        if (texts[lang]?.translator.data.values[key]) {
+            return texts[lang](key, ...props);
+        }
+        return null;
+    };
+    function getTrans(key, props = []) {
+        return _getText(store.lang, key, props) || key;
+    }
+    const storeName = `i18n-${nanoid()}`;
+    const componentStore = createStore(storeName, { _updated: '' });
+    const callLoader = async (loader, lang) => {
+        const values = typeof loader === 'function' ? (await loader()).default : loader;
+        texts[lang].translator.add({ values });
+        componentStore._updated = nanoid();
+    };
+    Object.entries(config).forEach(([lang, loader]) => {
+        if (!modules[lang])
+            modules[lang] = [];
+        if (lang === store.lang)
+            return callLoader(loader, lang);
+        modules[lang].push(() => callLoader(loader, lang));
+    });
+    // TODO: revert ability to register modules
+    return {
+        storeName,
+        componentStore,
+        // hook (update when componentStore._updated changed)
+        withI18N: Component => withStore(storeName)(Component),
+        i18n: (key, props) => getTrans(key, props),
+        I18N: memo(withStore({
+            i18n: ['lang'],
+            [storeName]: true,
+        })(function I18N({ id, children, props }) {
+            const key = id ?? children;
+            return jsx(Fragment, { children: getTrans(key, props) });
+        })),
+    };
+}
+
+export { init, store };

package/dist/esm/src/tools/array.js

@@ -1,2 +1,60 @@
-function indexWhere(e,i,t){if(!t)return e.indexOf(i);const c="object"==typeof i;let a=-1;return e.some((e,r)=>{var n=c?i?.[t]:i;return e?.[t]===n&&(a=r,!0)}),a}function sliceWhere([...e],r,n){return spliceWhere(e,r,n),e}function spliceWhere(e,r,n){r=indexWhere(e,r,n);-1<r&&e.splice(r,1)}function _addUniq({arr:r,val:e,fieldName:n},i){Array.isArray(e)?e.forEach(e=>addUniq(r,e,n)):-1===indexWhere(r,e,n)&&i(e)}function addUniq(r,e,n){_addUniq({arr:r,val:e,fieldName:n},e=>r.push(e))}function unshiftUniq(r,e,n){_addUniq({arr:r,val:e,fieldName:n},e=>r.unshift(e))}function insert(e,r,n){return[...e.slice(0,n),...r,...e.slice(n+r.length)]}function getIndexCircular(e,r){var n=e.length;return e[(r%n+n)%n]}function circularSlice(r,n,i){var t=[];for(let e=0;e<i;e++)t.push(getIndexCircular(r,n+e));return t}export{addUniq,circularSlice,getIndexCircular,indexWhere,insert,sliceWhere,spliceWhere,unshiftUniq};
-//# sourceMappingURL=array.js.map
+function indexWhere(arr, val, fieldName) {
+    if (!fieldName) {
+        return arr.indexOf(val);
+    }
+    const isValObj = typeof val === 'object';
+    let index = -1;
+    arr.some((d, i) => {
+        const dVal = isValObj ? val?.[fieldName] : val;
+        if (d?.[fieldName] === dVal) {
+            index = i;
+            return true;
+        }
+        return false;
+    });
+    return index;
+}
+function sliceWhere([...arr], val, fieldName) {
+    spliceWhere(arr, val, fieldName);
+    return arr;
+}
+function spliceWhere(arr, val, fieldName) {
+    const index = indexWhere(arr, val, fieldName);
+    if (index > -1)
+        arr.splice(index, 1);
+}
+function _addUniq({ arr, val, fieldName }, action) {
+    if (Array.isArray(val)) {
+        val.forEach(v => addUniq(arr, v, fieldName));
+        return;
+    }
+    const index = indexWhere(arr, val, fieldName);
+    if (index === -1)
+        action(val);
+}
+function addUniq(arr, val, fieldName) {
+    _addUniq({ arr, val, fieldName }, value => arr.push(value));
+}
+function unshiftUniq(arr, val, fieldName) {
+    _addUniq({ arr, val, fieldName }, value => arr.unshift(value));
+}
+function insert(baseArr, targetArr, startIndex) {
+    return [
+        ...baseArr.slice(0, startIndex),
+        ...targetArr,
+        ...baseArr.slice(startIndex + targetArr.length),
+    ];
+}
+function getIndexCircular(arr, index) {
+    const l = arr.length;
+    return arr[((index % l) + l) % l];
+}
+function circularSlice(arr, startIndex, count) {
+    const newArr = [];
+    for (let i = 0; i < count; i++) {
+        newArr.push(getIndexCircular(arr, startIndex + i));
+    }
+    return newArr;
+}
+
+export { addUniq, circularSlice, getIndexCircular, indexWhere, insert, sliceWhere, spliceWhere, unshiftUniq };

package/dist/esm/src/tools/config.js

@@ -1,2 +1,9 @@
-const config={appRootId:"app-root",appOverlayId:"app-modal",configure(o){Object.assign(this,o)}};export{config};
-//# sourceMappingURL=config.js.map
+const config = {
+    appRootId: 'app-root',
+    appOverlayId: 'app-modal',
+    configure(params) {
+        Object.assign(this, params);
+    },
+};
+
+export { config };

package/dist/esm/src/tools/date.js

@@ -1,2 +1,11 @@
-const strToDate=t=>{var[t,e,r]=t.split("-").map(Number);return new Date(t,e-1,r)};export{strToDate};
-//# sourceMappingURL=date.js.map
+/**
+ * Convert ISO 8601 format ("YYYY-MM-DD") to Date object
+ * @param str
+ * @returns Date
+ */
+const strToDate = (str) => {
+    const [year, month, day] = str.split('-').map(Number);
+    return new Date(year, month - 1, day);
+};
+
+export { strToDate };

package/dist/esm/src/tools/debounce.js

@@ -1,2 +1,11 @@
-import Time from"timen";function debounce(t,n){let i;return function(...e){i?.(),i=Time.after(n,()=>t.apply(this,e))}}export{debounce as default};
-//# sourceMappingURL=debounce.js.map
+import Time from 'timen';
+
+function debounce(fn, ms) {
+    let unsubscribeFn;
+    return function debounced(...args) {
+        unsubscribeFn?.();
+        unsubscribeFn = Time.after(ms, () => fn.apply(this, args));
+    };
+}
+
+export { debounce as default };

package/dist/esm/src/tools/dom.js

@@ -1,2 +1,46 @@
-import{isBrowser}from"./env.js";import"nanoid";import"timen";import"compareq";import"lodash.pick";import"./queryParams.js";function getCoords(o){o=o.getBoundingClientRect();return{top:o.top+window.pageYOffset,left:o.left+window.pageXOffset}}function hasParent(o,t){var e=o===t;return e||"HTML"===o.nodeName?e:hasParent(o.parentNode,t)}var INTERACTION_MODE;!function(o){o.POINTER="pointer",o.KEYBOARD="keyboard"}(INTERACTION_MODE=INTERACTION_MODE||{});let interactionMode=INTERACTION_MODE.POINTER;const getInteractionMode=()=>interactionMode;function watchControllerFlag(){const o=document.body.classList,t=()=>{o.remove(INTERACTION_MODE.KEYBOARD),o.add(INTERACTION_MODE.POINTER)};["pointerdown","pointermove"].forEach(o=>{document.addEventListener(o,t,!0)}),document.addEventListener("keydown",()=>{o.remove(INTERACTION_MODE.POINTER),o.add(INTERACTION_MODE.KEYBOARD)}),o.add(interactionMode)}const isTouch=()=>isBrowser&&"ontouchstart"in window;export{INTERACTION_MODE,getCoords,getInteractionMode,hasParent,isTouch,watchControllerFlag};
-//# sourceMappingURL=dom.js.map
+import { isBrowser } from './env.js';
+import 'nanoid';
+import 'timen';
+import 'compareq';
+import 'lodash.pick';
+import './queryParams.js';
+
+function getCoords(elem) {
+    const box = elem.getBoundingClientRect();
+    return {
+        top: box.top + window.pageYOffset,
+        left: box.left + window.pageXOffset,
+    };
+}
+function hasParent(elem, parentElem) {
+    const isEqual = elem === parentElem;
+    if (isEqual || elem.nodeName === 'HTML') {
+        return isEqual;
+    }
+    return hasParent(elem.parentNode, parentElem);
+}
+var INTERACTION_MODE;
+(function (INTERACTION_MODE) {
+    INTERACTION_MODE["POINTER"] = "pointer";
+    INTERACTION_MODE["KEYBOARD"] = "keyboard";
+})(INTERACTION_MODE || (INTERACTION_MODE = {}));
+let interactionMode = INTERACTION_MODE.POINTER;
+const getInteractionMode = () => interactionMode;
+function watchControllerFlag() {
+    const classes = document.body.classList;
+    const onPointerMove = () => {
+        classes.remove(INTERACTION_MODE.KEYBOARD);
+        classes.add(INTERACTION_MODE.POINTER);
+    };
+    ['pointerdown', 'pointermove'].forEach(event => {
+        document.addEventListener(event, onPointerMove, true);
+    });
+    document.addEventListener('keydown', () => {
+        classes.remove(INTERACTION_MODE.POINTER);
+        classes.add(INTERACTION_MODE.KEYBOARD);
+    });
+    classes.add(interactionMode);
+}
+const isTouch = () => isBrowser && 'ontouchstart' in window;
+
+export { INTERACTION_MODE, getCoords, getInteractionMode, hasParent, isTouch, watchControllerFlag };

package/dist/esm/src/tools/env.js

@@ -1,2 +1,3 @@
-const isBrowser="undefined"!=typeof window;export{isBrowser};
-//# sourceMappingURL=env.js.map
+const isBrowser = typeof window !== 'undefined';
+
+export { isBrowser };

package/dist/esm/src/tools/file.js

@@ -1,2 +1,11 @@
-function toBase64(o){return new Promise(r=>{const e=new FileReader;e.readAsDataURL(o),e.onload=()=>r(e.result),e.onerror=e=>r({error:e})})}export{toBase64};
-//# sourceMappingURL=file.js.map
+function toBase64(file) {
+    return new Promise(resolve => {
+        const reader = new FileReader();
+        reader.readAsDataURL(file);
+        reader.onload = () => resolve(reader.result);
+        // @ts-ignore
+        reader.onerror = error => resolve({ error });
+    });
+}
+
+export { toBase64 };

package/dist/esm/src/tools/localStorage.js

@@ -1,2 +1,31 @@
-import{isBrowser}from"./env.js";const ls=isBrowser&&window.localStorage;var LS=isBrowser?{get(e){let r=ls.getItem(e);try{r=JSON.parse(r)}catch(e){}return r},set(e,r){r?(r="object"==typeof r?JSON.stringify(r):r,ls.setItem(e,r)):this.remove(e)},remove(e){ls.removeItem(e)},clear(){ls.clear()}}:{get(){},set(){},remove(){},clear(){}};export{LS as default};
-//# sourceMappingURL=localStorage.js.map
+import { isBrowser } from './env.js';
+
+const ls = isBrowser && window.localStorage;
+var LS = isBrowser
+    ? {
+        get(key) {
+            let result = ls.getItem(key);
+            try {
+                result = JSON.parse(result);
+            }
+            catch (e) { }
+            return result;
+        },
+        set(key, val) {
+            if (!val) {
+                this.remove(key);
+                return;
+            }
+            const item = typeof val === 'object' ? JSON.stringify(val) : val;
+            ls.setItem(key, item);
+        },
+        remove(key) {
+            ls.removeItem(key);
+        },
+        clear() {
+            ls.clear();
+        },
+    }
+    : { get() { }, set() { }, remove() { }, clear() { } };
+
+export { LS as default };

package/dist/esm/src/tools/number.js

@@ -1,2 +1,27 @@
-const LABEL=["","k","M","B"];function stringify(t){return"string"==typeof t?t.match(/\d/g).join(""):String(t)}const format={short(t,r=0){var n,t=stringify(t),o=Math.floor((t.length-1)/3);return 0===o?t:(n=LABEL[o],""+t.slice(0,3*-o)+n)},sections(t,r=" "){var[t,n]=stringify(t).split(".");let o=t.replace(/\B(?=(\d{3})+(?!\d))/g,r);return o=void 0!==n?o+"."+n:o}},zero=t=>t||0;export{format,zero};
-//# sourceMappingURL=number.js.map
+const LABEL = ['', 'k', 'M', 'B'];
+function stringify(number) {
+    if (typeof number === 'string')
+        return number.match(/\d/g).join('');
+    return String(number);
+}
+const format = {
+    short(number, lv = 0) {
+        const numStr = stringify(number);
+        const level = Math.floor((numStr.length - 1) / 3);
+        if (level === 0)
+            return numStr;
+        const label = LABEL[level];
+        const num = numStr.slice(0, -level * 3);
+        return `${num}${label}`;
+    },
+    sections(number, splitter = ' ') {
+        const [whole, fractional] = stringify(number).split('.');
+        let result = whole.replace(/\B(?=(\d{3})+(?!\d))/g, splitter);
+        if (fractional !== undefined)
+            result = `${result}.${fractional}`;
+        return result;
+    },
+};
+const zero = num => num || 0;
+
+export { format, zero };

package/dist/esm/src/tools/object.js

@@ -1,2 +1,5 @@
-function clone(n){return JSON.parse(JSON.stringify(n))}export{clone};
-//# sourceMappingURL=object.js.map
+function clone(obj) {
+    return JSON.parse(JSON.stringify(obj));
+}
+
+export { clone };

package/dist/esm/src/tools/queryParams.js

@@ -1,2 +1,20 @@
-import{isBrowser}from"./env.js";const SSRQueryParams={};function parseQueryParams(r){r=r||isBrowser?location?.search:"";return r?[...new URLSearchParams(r).entries()].reduce((r,[a,e])=>(r[a]=e,r),{}):{}}const setSSRQueryParams=r=>{Object.assign(SSRQueryParams,r)},queryParams=isBrowser?parseQueryParams():SSRQueryParams;export{parseQueryParams,queryParams,setSSRQueryParams};
-//# sourceMappingURL=queryParams.js.map
+import { isBrowser } from './env.js';
+
+const SSRQueryParams = {};
+function parseQueryParams(qs) {
+    const queryString = qs || isBrowser ? location?.search : '';
+    if (!queryString)
+        return {};
+    return [...new URLSearchParams(queryString).entries()].reduce((acc, [key, value]) => {
+        acc[key] = value;
+        return acc;
+    }, {});
+}
+const setSSRQueryParams = (params) => {
+    Object.assign(SSRQueryParams, params);
+};
+const queryParams = isBrowser
+    ? parseQueryParams()
+    : SSRQueryParams;
+
+export { parseQueryParams, queryParams, setSSRQueryParams };

package/dist/esm/src/tools/rangeMap.js

@@ -1,2 +1,3 @@
-var rangeMap=(a,e,r,p,g)=>(a-e)*(g-p)/(r-e)+p;export{rangeMap as default};
-//# sourceMappingURL=rangeMap.js.map
+var rangeMap = (value, x1, y1, x2, y2) => ((value - x1) * (y2 - x2)) / (y1 - x1) + x2;
+
+export { rangeMap as default };

package/dist/esm/src/tools/resizeObserver.js

@@ -1,2 +1,68 @@
-import Time from"timen";import compare from"compareq";import pick from"lodash.pick";import{addUniq,spliceWhere}from"./array.js";import{isBrowser}from"./env.js";const ITEMS=new Map,NATIVE_OBSERVERS=new Map,IS_NATIVE=isBrowser&&"ResizeObserver"in window,TIMEOUT=500,SIZE_FIELDS=["offsetWidth","offsetHeight"];function check(){ITEMS.forEach((e,r)=>{var{sizes:s,listeners:i}=e;const o=pick(r,SIZE_FIELDS);compare(o,s)||(e.sizes=o,i.forEach(e=>e(o,r)))}),run()}function run(){0<ITEMS.size&&Time.after(TIMEOUT,check)}function observe(e,r){var s;e?IS_NATIVE?((s=new ResizeObserver(r)).observe(e),NATIVE_OBSERVERS.set(e,s)):(s=ITEMS.get(e))?addUniq(s.listeners,r):(ITEMS.set(e,{sizes:pick(e,SIZE_FIELDS),listeners:[r]}),1===ITEMS.size&&run()):console.warn("ResizeObserver: elem is not defined")}function unobserve(e,r){if(IS_NATIVE)return(s=NATIVE_OBSERVERS.get(e))?(s.unobserve(e),void NATIVE_OBSERVERS.delete(e)):void 0;var s=ITEMS.get(e);r&&-1!==s?.listeners.indexOf(r)&&(1===s.listeners.length?ITEMS.delete(e):spliceWhere(s.listeners,r))}export{observe,unobserve};
-//# sourceMappingURL=resizeObserver.js.map
+import Time from 'timen';
+import compare from 'compareq';
+import pick from 'lodash.pick';
+import { addUniq, spliceWhere } from './array.js';
+import { isBrowser } from './env.js';
+
+const ITEMS = new Map();
+const NATIVE_OBSERVERS = new Map();
+const IS_NATIVE = isBrowser && 'ResizeObserver' in window;
+const TIMEOUT = 500;
+const SIZE_FIELDS = ['offsetWidth', 'offsetHeight'];
+function check() {
+    ITEMS.forEach((item, elem) => {
+        const { sizes, listeners } = item;
+        const newSizes = pick(elem, SIZE_FIELDS);
+        if (!compare(newSizes, sizes)) {
+            item.sizes = newSizes;
+            listeners.forEach(cb => cb(newSizes, elem));
+        }
+    });
+    run();
+}
+function run() {
+    if (ITEMS.size > 0)
+        Time.after(TIMEOUT, check);
+}
+function observe(elem, cb) {
+    if (!elem) {
+        console.warn('ResizeObserver: elem is not defined');
+        return;
+    }
+    if (IS_NATIVE) {
+        const observer = new ResizeObserver(cb);
+        observer.observe(elem);
+        NATIVE_OBSERVERS.set(elem, observer);
+        return;
+    }
+    const data = ITEMS.get(elem);
+    if (data) {
+        addUniq(data.listeners, cb);
+        return;
+    }
+    ITEMS.set(elem, {
+        sizes: pick(elem, SIZE_FIELDS),
+        listeners: [cb],
+    });
+    if (ITEMS.size === 1)
+        run();
+}
+function unobserve(elem, cb) {
+    if (IS_NATIVE) {
+        const observer = NATIVE_OBSERVERS.get(elem);
+        if (!observer)
+            return;
+        observer.unobserve(elem);
+        NATIVE_OBSERVERS.delete(elem);
+        return;
+    }
+    const data = ITEMS.get(elem);
+    if (!cb || data?.listeners.indexOf(cb) === -1)
+        return;
+    if (data.listeners.length === 1)
+        ITEMS.delete(elem);
+    else
+        spliceWhere(data.listeners, cb);
+}
+
+export { observe, unobserve };