@lexriver/dome 1.5.11 → 2.0.0

package/out/{DomeComponent.d.ts → src/DomeComponent.d.mts}

@@ -1,19 +1,22 @@
-import { Animation } from './Animation';
-interface InternalAttrs {
-    ref?: (ref: any) => void;
-    onShowAnimation?: Animation;
-    onHideAnimation?: Animation;
-}
-export declare abstract class DomeComponent<Attrs> {
-    attrs: Attrs & InternalAttrs;
-    children: any;
-    rootElement: Element | HTMLElement;
-    constructor(attrs: Attrs & InternalAttrs, children: any);
-    protected init(): void;
-    protected abstract render(): HTMLElement;
-    protected afterRender(): void;
-    updateAsync(): Promise<void>;
-    scheduleUpdate: (this: unknown) => void;
-    protected afterUpdate(): void;
-}
-export {};
+import { Animation } from './Animation.mjs';
+interface InternalAttrs {
+    ref?: (ref: any) => void;
+    onShowAnimation?: Animation;
+    onHideAnimation?: Animation;
+}
+export declare abstract class DomeComponent<Attrs> {
+    attrs: Attrs & InternalAttrs;
+    children: any;
+    rootElement: Element | HTMLElement;
+    constructor(attrs: Attrs & InternalAttrs, children: any);
+    protected init(): void;
+    protected abstract render(): HTMLElement;
+    protected afterRender(): void;
+    updateAsync(): Promise<void>;
+    scheduleUpdate: {
+        (this: unknown, ...args: [] & any[]): Promise<void>;
+        cancel: (reason?: any) => void;
+    };
+    protected afterUpdate(): void;
+}
+export {};

package/out/{DomeComponent.js → src/DomeComponent.mjs}

@@ -1,44 +1,47 @@
-import { DomeManipulator } from "./DomeManipulator";
-import { debounce } from 'ts-debounce';
-export class DomeComponent {
-    constructor(attrs, children) {
-        //this.init()
-        this.attrs = attrs;
-        this.children = children;
-        this.scheduleUpdate = debounce(() => {
-            this.updateAsync();
-        }, 5);
-    }
-    //abstract render(attrs:Attrs, children:any):HTMLElement
-    init() { }
-    afterRender() {
-        //console.log('afterRender(), el=', this.el)
-    }
-    // protected onMount(){
-    // }
-    async updateAsync() {
-        //console.log('DomeComponent: calling native update() method!') //TODO: remove this
-        if (!this.rootElement) {
-            console.error('DomeComponent: unable to update, no rootElement', 'this=', this);
-            return;
-        }
-        if (!this.rootElement.parentNode) {
-            console.error('DomeComponent: unable to update, no parent for rootElement, not mounted?', 'this=', this);
-            return;
-        }
-        //console.time('browser')
-        const newEl = this.render();
-        //console.log('DomeComponent: update() newEl=', newEl) //TODO: remove this
-        //DomeManipulator.unhideElement(this.el) // if was null before
-        await DomeManipulator.replaceAsync(this.rootElement, newEl, this.attrs.onHideAnimation, this.attrs.onShowAnimation);
-        this.rootElement = newEl;
-        //console.timeEnd('browser')
-        this.afterUpdate();
-    }
-    afterUpdate() {
-    }
-}
-DomeComponent.prototype['__DomeComponent'] = true;
-// export interface DomeComponent<Attrs>{
-//     render:(attrs:Attrs)=>HTMLElement
-// }
+import { debounce } from 'ts-debounce';
+import { DomeManipulator } from "./DomeManipulator.mjs";
+export class DomeComponent {
+    attrs;
+    children;
+    rootElement;
+    constructor(attrs, children) {
+        //this.init()
+        this.attrs = attrs;
+        this.children = children;
+    }
+    //abstract render(attrs:Attrs, children:any):HTMLElement
+    init() { }
+    afterRender() {
+        //console.log('afterRender(), el=', this.el)
+    }
+    // protected onMount(){
+    // }
+    async updateAsync() {
+        //console.log('DomeComponent: calling native update() method!') //TODO: remove this
+        if (!this.rootElement) {
+            console.error('DomeComponent: unable to update, no rootElement', 'this=', this);
+            return;
+        }
+        if (!this.rootElement.parentNode) {
+            console.error('DomeComponent: unable to update, no parent for rootElement, not mounted?', 'this=', this);
+            return;
+        }
+        //console.time('browser')
+        const newEl = this.render();
+        //console.log('DomeComponent: update() newEl=', newEl) //TODO: remove this
+        //DomeManipulator.unhideElement(this.el) // if was null before
+        await DomeManipulator.replaceAsync(this.rootElement, newEl, this.attrs.onHideAnimation, this.attrs.onShowAnimation);
+        this.rootElement = newEl;
+        //console.timeEnd('browser')
+        this.afterUpdate();
+    }
+    scheduleUpdate = debounce(() => {
+        this.updateAsync();
+    }, 5);
+    afterUpdate() {
+    }
+}
+DomeComponent.prototype['__DomeComponent'] = true;
+// export interface DomeComponent<Attrs>{
+//     render:(attrs:Attrs)=>HTMLElement
+// }

package/out/{DomeManipulator.d.ts → src/DomeManipulator.d.mts}

@@ -1,48 +1,48 @@
-import { ObservableValue } from "@lexriver/observable";
-import { Animation } from './Animation';
-export declare type CssClass = {
-    [key: string]: boolean | ObservableValue<boolean>;
-} | string[] | string;
-export declare module DomeManipulator {
-    function hideElementAsync(element: Element, animation?: Animation): Promise<void>;
-    function unhideElementAsync(element: Element, animation?: Animation): Promise<void>;
-    function insertAsFirstChildAsync(elementToInsert: Element, parentElement: Element | DocumentFragment, animation?: Animation): Promise<void>;
-    function insertBeforeAsync(elementToInsert: Element, refElement: Element | null, parentElement: Element | DocumentFragment, animation?: Animation): Promise<void>;
-    function insertAfterAsync(elementToInsert: Element, refElement: Element | null | undefined, parentElement: Element | DocumentFragment, animation?: Animation): Promise<void>;
-    function insertByIndexAsync(elementToInsert: Element, index: number, parentElement: Element | DocumentFragment, animation?: Animation): Promise<void>;
-    function replaceAsync(oldElement: Element, newElement: Element, animationHide?: Animation, animationShow?: Animation): Promise<Element>;
-    function removeElementAsync(element: Element, animation?: Animation): Promise<void>;
-    function forEachChildrenOf(element: Element, action: (child: ChildNode) => void): void;
-    function removeAllChildrenAsync(element: Element, animation?: Animation): Promise<void>;
-    function appendChildAsync(containerElement: Element, child: Element, animation?: Animation): Promise<void>;
-    function appendChildrenAsync(containerElement: Element, children: Element | Element[] | DocumentFragment | Text | string | null | undefined, animation?: Animation): Promise<void>;
-    function replaceAllChildrenAsync(containerElement: Element, childrenToInsert: Element | Element[] | DocumentFragment | Text | string | null | undefined, animationForHide?: Animation, animationForShow?: Animation): Promise<void>;
-    function isInDom(el: Element | undefined): boolean;
-    function isOnScreen(el: Element | undefined): boolean;
-    function addCssClassAsync(element: Element, cssClassName: string, removeAfterMs?: number): Promise<void>;
-    function addCssClassesAsync(element: Element, cssClassNames: string[], removeAfterMs?: number): Promise<void>;
-    function removeCssClass(element: Element, cssClassName: string): void;
-    function removeCssClasses(element: Element, cssClassNames: string[]): void;
-    /**
-     * set css classes by array ['class1', 'class2'] or
-     * by object {class1:true, class2:false} or
-     * by Observable<boolean> {class1:true, class2:myVarO} or
-     * by string
-     * this function will replace class attribute so all classes that are not in params will be removed
-     * @param value
-     * @param element
-     */
-    function setCssClasses(element: Element, value: CssClass): void;
-    function setAttribute(element: Element, name: string, value: any): void;
-    function hasFocus(el: Element): boolean;
-    function scrollIntoView(element: Element, paddingFromTop?: number): void;
-    const scrollToTop: () => void;
-    function getCurrentScrollPosition(): number;
-    function scrollToAsync(p: {
-        pxFromTop?: number;
-        pxFromLeft?: number;
-        smooth?: boolean;
-        msStep?: number;
-        maxMsToWait?: number;
-    }): Promise<void>;
-}
+import { ObservableVariable } from "@lexriver/observable";
+import { Animation } from './Animation.mjs';
+export type CssClass = {
+    [key: string]: boolean | ObservableVariable<boolean>;
+} | string[] | string;
+export declare namespace DomeManipulator {
+    function hideElementAsync(element: Element, animation?: Animation): Promise<void>;
+    function unhideElementAsync(element: Element, animation?: Animation): Promise<void>;
+    function insertAsFirstChildAsync(elementToInsert: Element, parentElement: Element | DocumentFragment, animation?: Animation): Promise<void>;
+    function insertBeforeAsync(elementToInsert: Element, refElement: Element | null, parentElement: Element | DocumentFragment, animation?: Animation): Promise<void>;
+    function insertAfterAsync(elementToInsert: Element, refElement: Element | null | undefined, parentElement: Element | DocumentFragment, animation?: Animation): Promise<void>;
+    function insertByIndexAsync(elementToInsert: Element, index: number, parentElement: Element | DocumentFragment, animation?: Animation): Promise<void>;
+    function replaceAsync(oldElement: Element, newElement: Element, animationHide?: Animation, animationShow?: Animation): Promise<Element>;
+    function removeElementAsync(element: Element, animation?: Animation): Promise<void>;
+    function forEachChildrenOf(element: Element, action: (child: ChildNode) => void): void;
+    function removeAllChildrenAsync(element: Element, animation?: Animation): Promise<void>;
+    function appendChildAsync(containerElement: Element, child: Element, animation?: Animation): Promise<void>;
+    function appendChildrenAsync(containerElement: Element, children: Element | Element[] | DocumentFragment | Text | string | null | undefined, animation?: Animation): Promise<void>;
+    function replaceAllChildrenAsync(containerElement: Element, childrenToInsert: Element | Element[] | DocumentFragment | Text | string | null | undefined, animationForHide?: Animation, animationForShow?: Animation): Promise<void>;
+    function isInDom(el: Element | undefined): boolean;
+    function isOnScreen(el: Element | undefined): boolean;
+    function addCssClassAsync(element: Element, cssClassName: string, removeAfterMs?: number): Promise<void>;
+    function addCssClassesAsync(element: Element, cssClassNames: string[], removeAfterMs?: number): Promise<void>;
+    function removeCssClass(element: Element, cssClassName: string): void;
+    function removeCssClasses(element: Element, cssClassNames: string[]): void;
+    /**
+     * set css classes by array ['class1', 'class2'] or
+     * by object {class1:true, class2:false} or
+     * by Observable<boolean> {class1:true, class2:myVarO} or
+     * by string
+     * this function will replace class attribute so all classes that are not in params will be removed
+     * @param value
+     * @param element
+     */
+    function setCssClasses(element: Element, value: CssClass): void;
+    function setAttribute(element: Element, name: string, value: any): void;
+    function hasFocus(el: Element): boolean;
+    function scrollIntoView(element: Element, paddingFromTop?: number): void;
+    const scrollToTop: () => void;
+    function getCurrentScrollPosition(): number;
+    function scrollToAsync(p: {
+        pxFromTop?: number;
+        pxFromLeft?: number;
+        smooth?: boolean;
+        msStep?: number;
+        maxMsToWait?: number;
+    }): Promise<void>;
+}