jsquery_node 1.0.14 → 1.0.15

package/jsquery.js

@@ -1,335 +1,49 @@
-var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
-    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
-    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
-    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+export * as JSQuery from "./jsquerymod.js";
+import * as JSQuery from "./jsquerymod.js";
+function J(q) {
+    return JSQuery.Element.from(document.querySelector(q));
+}
+;
+J.from = ((elt) => {
+    return JSQuery.Element.from(elt);
+});
+J.all = (q) => {
+    return JSQuery.Element.from(document.querySelectorAll(q));
 };
-export const { $, JSQuery } = (() => {
-    var _Element_instances, _Element_TriggerEvent;
-    class ElementArray extends Array {
-        on(e, func, s) {
-            this.forEach((v) => v.on(e, func, s));
-            return this;
-        }
-        rect() {
-            return this.map((v) => v.rect());
-        }
-        hasClass(c) {
-            return this.map((v) => v.hasClass(c));
-        }
-        is(q) {
-            return this.map((v) => v.is(q));
-        }
-        checked(val) {
-            if (val !== undefined) {
-                this.forEach((v) => v.checked(val));
-                return this;
-            }
-            return this.map((v) => v.checked());
-        }
-        trigger(e) {
-            this.forEach((v) => v.trigger(e));
-            return this;
-        }
-        css(styles) {
-            this.forEach((v) => v.css(styles));
-            return this;
-        }
-        props(props) {
-            this.forEach((v) => v.props(props));
-            return this;
-        }
-        class(names) {
-            this.forEach((v) => v.class(names));
-            return this;
-        }
-        removeClass(names) {
-            this.forEach((v) => v.removeClass(names));
-            return this;
-        }
-        toggleClass(names) {
-            this.forEach((v) => v.toggleClass(names));
-            return this;
-        }
-        remove() {
-            this.forEach((v) => v.remove());
-            return this;
-        }
-        new() {
-            const temp = new ElementArray();
-            this.forEach((v) => temp.push(v.new()));
-            return temp;
-        }
-        //events
-        click(func, s) {
-            this.forEach((v) => v.click(func, s));
-            return this;
-        }
-    }
-    function toArray(elt) {
-        return elt instanceof NodeList || elt instanceof HTMLCollection;
-    }
-    class Element {
-        static from(elt) {
-            if (elt == null) {
-                return null;
-            }
-            if (toArray(elt)) {
-                return ElementArray.from(elt).map((v) => new this(v));
-            }
-            return new this(elt);
-        }
-        new() {
-            return Element.from(this.elt);
-        }
-        constructor(elt) {
-            _Element_instances.add(this);
-            this.elt = elt;
-        }
-        on(e, func, s) {
-            this.elt.addEventListener(e, func, s);
-            return this;
-        }
-        removeEvent(e, func, s) {
-            this.elt.removeEventListener(e, func, s);
-            return this;
-        }
-        trigger(e) {
-            this.elt[e]();
-            return this;
-        }
-        css(styles) {
-            for (const [name, val] of Object.entries(styles)) {
-                this.elt.style[name] = val;
-            }
-            return this;
-        }
-        getCss(style) {
-            return this.elt.style[style];
-        }
-        props(props) {
-            for (const [name, val] of Object.entries(props)) {
-                if (val === null) {
-                    this.elt.removeAttribute(name);
-                }
-                else {
-                    this.elt.setAttribute(name, val);
-                }
-            }
-            return this;
-        }
-        getProp(name) {
-            return this.elt.getAttribute(name);
-        }
-        id(val) {
-            if (val == undefined)
-                return this.getProp("id");
-            this.props({ id: val });
-            return this;
-        }
-        class(names) {
-            if (Array.isArray(names)) {
-                names.forEach((name) => this.elt.classList.add(name));
-            }
-            else {
-                this.elt.classList.add(names);
-            }
-            return this;
-        }
-        removeClass(names) {
-            if (Array.isArray(names)) {
-                names.forEach((name) => this.elt.classList.remove(name));
-            }
-            else {
-                this.elt.classList.remove(names);
-            }
-            return this;
-        }
-        toggleClass(names) {
-            if (Array.isArray(names)) {
-                names.forEach((name) => this.elt.classList.toggle(name));
-            }
-            else {
-                this.elt.classList.toggle(names);
-            }
-            return this;
-        }
-        hasClass(name) {
-            return this.elt.classList.contains(name);
-        }
-        $(q) {
-            return J.from(this.elt.querySelector(q));
-        }
-        all(q) {
-            return J.from(this.elt.querySelectorAll(q));
-        }
-        is(q) {
-            return this.elt.matches(q);
-        }
-        child(children) {
-            if (Array.isArray(children)) {
-                children.forEach((child) => this.elt.appendChild(toElt(child)));
-            }
-            else {
-                this.elt.appendChild(toElt(children));
-            }
-            return this;
-        }
-        remove() {
-            this.elt.remove();
-            return this;
-        }
-        get children() {
-            return Element.from(this.elt.children);
-        }
-        html(val) {
-            if (val == undefined)
-                return this.elt.innerHTML;
-            this.elt.innerHTML = val;
-            return this;
-        }
-        text(val) {
-            if (val == undefined)
-                return this.elt.textContent;
-            this.elt.textContent = val;
-            return this;
-        }
-        rect() {
-            return this.elt.getBoundingClientRect().toJSON();
-        }
-        value(val) {
-            if (val == undefined)
-                return this.elt.value;
-            this.elt.value = val;
-            return this;
-        }
-        checked(val) {
-            if (val == undefined)
-                return this.elt.checked;
-            this.elt.checked = val;
-            return this;
-        }
-        //events
-        click(func, s) {
-            __classPrivateFieldGet(this, _Element_instances, "m", _Element_TriggerEvent).call(this, "click", func, s);
-            return this;
-        }
-    }
-    _Element_instances = new WeakSet(), _Element_TriggerEvent = function _Element_TriggerEvent(e, func, s) {
-        if (!func) {
-            this.trigger(e);
-            return;
-        }
-        this.on(e, func, s);
-    };
-    function toElt(elt) {
-        if (elt instanceof Element)
-            return elt.elt;
-        return elt;
-    }
-    class Extension {
-        constructor() {
-            if (this.constructor === Extension) {
-                throw new Error("you can't make an instance of class: JSQuery.Extension");
-            }
-        }
-        get() {
-            return {
-                $: this.$(),
-                Element: this.Element(),
-                static_Element: this.static_Element(),
-                static_ElementArray: this.static_ElementArray(),
-                ElementArray: this.ElementArray(),
-                JSQuery: this.JSQuery(),
-            };
-        }
-        $() {
-            return {};
-        }
-        Element() {
-            return {};
-        }
-        ElementArray() {
-            return {};
-        }
-        static_Element() {
-            return {};
-        }
-        static_ElementArray() {
-            return {};
-        }
-        JSQuery() {
-            return {};
-        }
-    }
-    function J(q) {
-        return Element.from(document.querySelector(q));
+let head;
+J.head = () => {
+    if (!head)
+        head = JSQuery.Element.from(document.head);
+    return head;
+};
+let body;
+J.body = () => {
+    if (!body)
+        body = JSQuery.Element.from(document.body);
+    return body;
+};
+let doc;
+J.doc = () => {
+    if (!doc)
+        doc = JSQuery.Element.from(document);
+    return doc;
+};
+J.create = (t) => {
+    return JSQuery.Element.from(document.createElement(t));
+};
+J.loadExtension = (extend) => {
+    if (Object.getPrototypeOf(extend) !== JSQuery.Extension) {
+        throw new Error("the class is not a child of JSQuery.Extension or the inputed class is an instance");
     }
-    J.from = ((elt) => {
-        return Element.from(elt);
-    });
-    J.all = (q) => {
-        return Element.from(document.querySelectorAll(q));
-    };
-    let head;
-    J.head = () => {
-        if (!head)
-            head = Element.from(document.head);
-        return head;
-    };
-    let body;
-    J.body = () => {
-        if (!body)
-            body = Element.from(document.body);
-        return body;
-    };
-    let doc;
-    J.doc = () => {
-        if (!doc)
-            doc = Element.from(document);
-        return doc;
-    };
-    J.create = (t) => {
-        return Element.from(document.createElement(t));
-    };
-    const JSQuery = {
-        Element,
-        ElementArray,
-        Extension,
-        Plugin: Extension,
-        Caching: class Caching extends Extension {
-            $() {
-                return {
-                    cache(func) {
-                        const f = (...args) => {
-                            const val = JSON.stringify(args);
-                            if (f.cache.hasOwnProperty(val)) {
-                                return f.cache[val];
-                            }
-                            const temp = func(...args);
-                            f.cache[val] = temp;
-                            return temp;
-                        };
-                        f.cache = {};
-                        return f;
-                    },
-                };
-            }
-        },
-    };
-    J.loadExtension = (extend) => {
-        if (Object.getPrototypeOf(extend) !== Extension) {
-            throw new Error("the class is not a child of JSQuery.Extension or the inputed class is an instance");
-        }
-        body = undefined;
-        head = undefined;
-        const items = new extend().get();
-        Object.assign(J, items.$);
-        Object.assign(JSQuery, items.JSQuery);
-        Object.assign(Element.prototype, items.Element);
-        Object.assign(ElementArray.prototype, items.ElementArray);
-        Object.assign(Element, items.static_Element);
-        Object.assign(ElementArray, items.static_ElementArray);
-    };
-    J.loadPlugin = J.loadExtension;
-    return { $: J, JSQuery };
-})();
+    body = undefined;
+    head = undefined;
+    const items = new extend().get();
+    Object.assign(J, items.$);
+    Object.assign(JSQuery, items.JSQuery);
+    Object.assign(JSQuery.Element.prototype, items.Element);
+    Object.assign(JSQuery.ElementArray.prototype, items.ElementArray);
+    Object.assign(JSQuery.Element, items.static_Element);
+    Object.assign(JSQuery.ElementArray, items.static_ElementArray);
+};
+J.loadPlugin = J.loadExtension;
+export const $ = J;

package/jsquery.ts

@@ -1,290 +1,5 @@
-export namespace JSQuery {
-    function toArray(elt: NodeList | HTMLCollection | HTMLElement) {
-        return elt instanceof NodeList || elt instanceof HTMLCollection;
-    }
-    function toElt(elt: Element): HTMLElement {
-        if (elt instanceof Element) return elt.elt;
-        return elt;
-    }
-    export class Extension {
-        constructor() {
-            if (this.constructor === Extension) {
-                throw new Error(
-                    "you can't make an instance of class: JSQuery.Extension"
-                );
-            }
-        }
-        get() {
-            return {
-                $: this.$(),
-                Element: this.Element(),
-                static_Element: this.static_Element(),
-                static_ElementArray: this.static_ElementArray(),
-                ElementArray: this.ElementArray(),
-                JSQuery: this.JSQuery(),
-            };
-        }
-        $() {
-            return {};
-        }
-        Element() {
-            return {};
-        }
-        ElementArray() {
-            return {};
-        }
-
-        static_Element() {
-            return {};
-        }
-        static_ElementArray() {
-            return {};
-        }
-
-        JSQuery() {
-            return {};
-        }
-    }
-    export class Element {
-        elt: HTMLElement;
-        #TriggerEvent(e: any, func: (this:HTMLElement, ev: any) => any, s?: boolean | AddEventListenerOptions) {
-            if (!func) {
-                this.trigger(e);
-                return;
-            }
-            this.on(e, func, s);
-        }
-        static from(elt: HTMLElement): Element|null;
-        static from(elt: NodeList|HTMLCollection): ElementArray;
-        static from(elt: HTMLElement | NodeList | HTMLCollection): Element | ElementArray | null {
-            if (elt == null) {
-                return null;
-            }
-            if (toArray(elt)) {
-                return ElementArray.from(elt).map((v) => new this(v as HTMLElement)) as ElementArray;
-            }
-            return new this(elt);
-        }
-        new() {
-            return Element.from(this.elt);
-        }
-        constructor(elt:HTMLElement) {
-            this.elt = elt;
-        }
-        on(e: any, func: (this:HTMLElement, ev: any) => any, s?: boolean | AddEventListenerOptions) {
-            this.elt.addEventListener(e, func, s);
-            return this;
-        }
-        removeEvent(e: any, func: (this:HTMLElement, ev: any) => any, s?: boolean | AddEventListenerOptions) {
-            this.elt.removeEventListener(e, func, s);
-            return this;
-        }
-        trigger(e: any) {
-            this.elt[e]();
-            return this;
-        }
-        css(styles: Record<string, any>) {
-            for (const [name, val] of Object.entries(styles)) {
-                this.elt.style[name] = val;
-            }
-            return this;
-        }
-        getCss(style: string) {
-            return this.elt.style[style];
-        }
-        props(props: Record<string, any>) {
-            for (const [name, val] of Object.entries(props)) {
-                if(val === null) {
-                    this.elt.removeAttribute(name);
-                } else {
-                    this.elt.setAttribute(name, val);
-                }
-            }
-            return this;
-        }
-        getProp(name: string) {
-            return this.elt.getAttribute(name);
-        }
-        id(): string;
-        id(val: string): this;
-        id(val?: string): string | this {
-            if (val == undefined) return this.getProp("id");
-            this.props({ id: val });
-            return this;
-        }
-        class(names: string | string[]) {
-            if (Array.isArray(names)) {
-                names.forEach((name) => this.elt.classList.add(name));
-            } else {
-                this.elt.classList.add(names);
-            }
-            return this;
-        }
-        removeClass(names: string | string[]) {
-            if (Array.isArray(names)) {
-                names.forEach((name) => this.elt.classList.remove(name));
-            } else {
-                this.elt.classList.remove(names);
-            }
-            return this;
-        }
-        toggleClass(names: string | string[]) {
-            if (Array.isArray(names)) {
-                names.forEach((name) => this.elt.classList.toggle(name));
-            } else {
-                this.elt.classList.toggle(names);
-            }
-            return this;
-        }
-        hasClass(name: string) {
-            return this.elt.classList.contains(name);
-        }
-        $(q: any): Element|null {
-            return J.from(this.elt.querySelector(q)) as any;
-        }
-        all(q: any): ElementArray {
-            return J.from(this.elt.querySelectorAll(q)) as any;
-        }
-        is(q:string) {
-            return this.elt.matches(q);
-        }
-        child(children: Element|Element[]) {
-            if (Array.isArray(children)) {
-                children.forEach((child:Element) => this.elt.appendChild(toElt(child)));
-            } else {
-                this.elt.appendChild(toElt(children));
-            }
-            return this;
-        }
-        remove() {
-            this.elt.remove();
-            return this;
-        }
-        get children() {
-            return Element.from(this.elt.children);
-        }
-        html(): string;
-        html(val: string): this;
-        html(val?:string): string|this {
-            if (val == undefined) return this.elt.innerHTML;
-            this.elt.innerHTML = val;
-            return this;
-        }
-        text(): string;
-        text(val: string): this;
-        text(val?: string): string | this {
-            if (val == undefined) return this.elt.textContent;
-            this.elt.textContent = val;
-            return this;
-        }
-        rect() {
-            return this.elt.getBoundingClientRect().toJSON();
-        }
-        value(): string;
-        value(val: string): this;
-        value(val?: string): string | this {
-            if (val == undefined) return (this.elt as any).value;
-            (this.elt as any).value = val;
-            return this;
-        }
-        checked(): boolean;
-        checked(val: boolean): this;
-        checked(val?: boolean): boolean| this {
-            if (val == undefined) return (this.elt as any).checked;
-            (this.elt as any).checked = val;
-            return this;
-        }
-        //events
-        click(func?: (this:HTMLElement, ev: any) => any, s?: boolean | AddEventListenerOptions) {
-            this.#TriggerEvent("click", func, s);
-            return this;
-        }
-    }
-    export class Caching extends Extension {
-        $() {
-            return {
-                cache<T extends (...args:any[])=>any>(func: T): T {
-                    const f = (...args: Parameters<T>): ReturnType<T> => {
-                        const val = JSON.stringify(args);
-                        if (f.cache.hasOwnProperty(val)) {
-                            return f.cache[val];
-                        }
-                        const temp = func(...args);
-                        f.cache[val] = temp;
-                        return temp;
-                    };
-                    f.cache = {};
-                    return f as any;
-                },
-            };
-        }
-    }
-    export class ElementArray extends Array<Element> {
-        on<K extends keyof DocumentEventMap>(e: K, func: (this: HTMLElement, ev: DocumentEventMap[K])=>any, s?: boolean | AddEventListenerOptions) {
-            this.forEach((v) => v.on(e, func, s));
-            return this;
-        }
-        rect() {
-            return this.map((v) => v.rect());
-        }
-        hasClass(c:string) {
-            return this.map((v) => v.hasClass(c));
-        }
-        is(q:string) {
-            return this.map((v) => v.is(q));
-        }
-        checked(): boolean[];
-        checked(val: boolean): this;
-        checked(val?: boolean): this | boolean[] {
-            if (val !== undefined) {
-                this.forEach((v) => v.checked(val));
-                return this;
-            }
-            return this.map((v) => v.checked()) as any;
-        }
-        trigger(e: any) {
-            this.forEach((v) => v.trigger(e));
-            return this;
-        }
-        css(styles: Record<string, any>) {
-            this.forEach((v) => v.css(styles));
-            return this;
-        }
-        props(props: Record<string, any>) {
-            this.forEach((v) => v.props(props));
-            return this;
-        }
-        class(names: string | string[]) {
-            this.forEach((v) => v.class(names));
-            return this;
-        }
-        removeClass(names: string | string[]) {
-            this.forEach((v) => v.removeClass(names));
-            return this;
-        }
-        toggleClass(names: string | string[]) {
-            this.forEach((v) => v.toggleClass(names));
-            return this;
-        }
-        remove() {
-            this.forEach((v) => v.remove());
-            return this;
-        }
-        new() {
-            const temp = new ElementArray();
-            this.forEach((v) => temp.push(v.new() as any));
-            return temp;
-        }
-        //events
-        click(func: (this:HTMLElement, ev: any) => any, s?: boolean | AddEventListenerOptions) {
-            this.forEach((v) => v.click(func, s));
-            return this;
-        }
-    }
-    export const Plugin = Extension;
-    export type Plugin = Extension;
-}
-
+export * as JSQuery from "./jsquerymod.js";
+import * as JSQuery from "./jsquerymod.js";
 
 function J(q: any): JSQuery.Element | null {
     return JSQuery.Element.from(document.querySelector(q)) as any;