jj 0.1.1 → 2.0.0

package/lib/WE.js

@@ -0,0 +1,132 @@
+import { isA, isObj } from 'jty';
+import { WN } from './WN.js';
+import { WSH } from './WSH.js';
+/**
+ * Wraps a DOM Element (which is a descendant of Node)
+ */
+export class WE extends WN {
+    static from(ref) {
+        return new WE(ref);
+    }
+    constructor(ref) {
+        if (!isA(ref, Element)) {
+            throw new TypeError(`Expected a Element. Got: ${ref} (${typeof ref})`);
+        }
+        super(ref);
+    }
+    getAttr(name) {
+        return this.ref.getAttribute(name);
+    }
+    hasAttr(name) {
+        return this.ref.hasAttribute(name);
+    }
+    setAttr(name, value) {
+        this.ref.setAttribute(name, value);
+        return this;
+    }
+    setAttrs(obj) {
+        if (!isObj(obj)) {
+            throw new TypeError(`Expected an object. Got: ${obj} (${typeof obj})`);
+        }
+        for (const [name, value] of Object.entries(obj)) {
+            this.setAttr(name, value);
+        }
+        return this;
+    }
+    rmAttr(name) {
+        return this.rmAttrs(name);
+    }
+    rmAttrs(...names) {
+        for (const name of names) {
+            this.ref.removeAttribute(name);
+        }
+        return this;
+    }
+    getAria(name) {
+        return this.ref.getAttribute(`aria-${name}`);
+    }
+    hasAria(name) {
+        return this.ref.hasAttribute(`aria-${name}`);
+    }
+    setAria(name, value) {
+        this.ref.setAttribute(`aria-${name}`, value);
+        return this;
+    }
+    rmAria(name) {
+        this.ref.removeAttribute(`aria-${name}`);
+        return this;
+    }
+    addClass(...classNames) {
+        this.ref.classList.add(...classNames);
+        return this;
+    }
+    rmClasses(...classNames) {
+        this.ref.classList.remove(...classNames);
+        return this;
+    }
+    rmClass(className) {
+        return this.rmClasses(className);
+    }
+    hasClass(className) {
+        return this.ref.classList.contains(className);
+    }
+    toggleClass(className) {
+        this.ref.classList.toggle(className);
+        return this;
+    }
+    onClick(handler) {
+        return this.on('click', handler);
+    }
+    hide() {
+        return this.setAttr('hidden', '').setAttr('aria-hidden', 'true');
+    }
+    show() {
+        return this.rmAttrs('hidden', 'aria-hidden');
+    }
+    disable() {
+        return this.setAttr('disabled', '').setAttr('aria-disabled', 'true');
+    }
+    enable() {
+        return this.rmAttrs('disabled', 'aria-disabled');
+    }
+    getTitle() {
+        return this.getAttr('title');
+    }
+    setTitle(title) {
+        return this.setAttr('title', title);
+    }
+    setId(id) {
+        return this.setAttr('id', id);
+    }
+    getId() {
+        return this.getAttr('id');
+    }
+    getHtml() {
+        return this.ref.innerHTML;
+    }
+    setHtml(html) {
+        this.ref.innerHTML = html;
+        return this;
+    }
+    /**
+     * @remarks
+     * **Note:** You can't attach a shadow root to every type of element. There are some that can't have a
+     * shadow DOM for security reasons (for example `<a>`).
+     */
+    setShadow(mode = 'open', html, ...styleSheets) {
+        const shadowRoot = this.ref.shadowRoot ?? this.ref.attachShadow({ mode });
+        if (html) {
+            shadowRoot.innerHTML = html;
+        }
+        if (styleSheets.length) {
+            shadowRoot.adoptedStyleSheets.push(...styleSheets);
+        }
+        return this;
+    }
+    getShadow() {
+        if (!this.ref.shadowRoot)
+            throw new Error('No shadow root');
+        return new WSH(this.ref.shadowRoot);
+    }
+}
+//# sourceMappingURL=WE.js.map

package/lib/WE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WE.js","sourceRoot":"","sources":["../src/WE.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,CAAA;AAChC,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAC5B,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAE9B;;GAEG;AACH,MAAM,OAAO,EAAgC,SAAQ,EAAK;IACtD,MAAM,CAAC,IAAI,CAAC,GAAY;QACpB,OAAO,IAAI,EAAE,CAAC,GAAG,CAAC,CAAA;IACtB,CAAC;IAED,YAAY,GAAM;QACd,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC;YACrB,MAAM,IAAI,SAAS,CAAC,4BAA4B,GAAG,KAAK,OAAO,GAAG,GAAG,CAAC,CAAA;QAC1E,CAAC;QACD,KAAK,CAAC,GAAG,CAAC,CAAA;IACd,CAAC;IAED,OAAO,CAAC,IAAY;QAChB,OAAO,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;IACtC,CAAC;IAED,OAAO,CAAC,IAAY;QAChB,OAAO,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,CAAA;IACtC,CAAC;IAED,OAAO,CAAC,IAAY,EAAE,KAAa;QAC/B,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;QAClC,OAAO,IAAI,CAAA;IACf,CAAC;IAED,QAAQ,CAAC,GAA2B;QAChC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACd,MAAM,IAAI,SAAS,CAAC,4BAA4B,GAAG,KAAK,OAAO,GAAG,GAAG,CAAC,CAAA;QAC1E,CAAC;QACD,KAAK,MAAM,CAAC,IAAI,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;YAC9C,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,KAAK,CAAC,CAAA;QAC7B,CAAC;QACD,OAAO,IAAI,CAAA;IACf,CAAC;IAED,MAAM,CAAC,IAAY;QACf,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC;IAED,OAAO,CAAC,GAAG,KAAe;QACtB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;YACvB,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,IAAI,CAAC,CAAA;QAClC,CAAC;QACD,OAAO,IAAI,CAAA;IACf,CAAC;IAED,OAAO,CAAC,IAAY;QAChB,OAAO,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAA;IAChD,CAAC;IAED,OAAO,CAAC,IAAY;QAChB,OAAO,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAA;IAChD,CAAC;IAED,OAAO,CAAC,IAAY,EAAE,KAAa;QAC/B,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,QAAQ,IAAI,EAAE,EAAE,KAAK,CAAC,CAAA;QAC5C,OAAO,IAAI,CAAA;IACf,CAAC;IAED,MAAM,CAAC,IAAY;QACf,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAA;QACxC,OAAO,IAAI,CAAA;IACf,CAAC;IAED,QAAQ,CAAC,GAAG,UAAoB;QAC5B,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC,CAAA;QACrC,OAAO,IAAI,CAAA;IACf,CAAC;IAED,SAAS,CAAC,GAAG,UAAoB;QAC7B,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,GAAG,UAAU,CAAC,CAAA;QACxC,OAAO,IAAI,CAAA;IACf,CAAC;IAED,OAAO,CAAC,SAAiB;QACrB,OAAO,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC,CAAA;IACpC,CAAC;IAED,QAAQ,CAAC,SAAiB;QACtB,OAAO,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAA;IACjD,CAAC;IAED,WAAW,CAAC,SAAiB;QACzB,IAAI,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC,CAAA;QACpC,OAAO,IAAI,CAAA;IACf,CAAC;IAED,OAAO,CAAC,OAA2C;QAC/C,OAAO,IAAI,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,CAAA;IACpC,CAAC;IAED,IAAI;QACA,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,aAAa,EAAE,MAAM,CAAC,CAAA;IACpE,CAAC;IAED,IAAI;QACA,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAA;IAChD,CAAC;IAED,OAAO;QACH,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,eAAe,EAAE,MAAM,CAAC,CAAA;IACxE,CAAC;IAED,MAAM;QACF,OAAO,IAAI,CAAC,OAAO,CAAC,UAAU,EAAE,eAAe,CAAC,CAAA;IACpD,CAAC;IAED,QAAQ;QACJ,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC,CAAA;IAChC,CAAC;IAED,QAAQ,CAAC,KAAa;QAClB,OAAO,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IACvC,CAAC;IAED,KAAK,CAAC,EAAU;QACZ,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;IACjC,CAAC;IAED,KAAK;QACD,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IAC7B,CAAC;IAED,OAAO;QACH,OAAO,IAAI,CAAC,GAAG,CAAC,SAAS,CAAA;IAC7B,CAAC;IAED,OAAO,CAAC,IAAY;QAChB,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,IAAI,CAAA;QACzB,OAAO,IAAI,CAAA;IACf,CAAC;IAED;;;;OAIG;IACH,SAAS,CAAC,OAAuB,MAAM,EAAE,IAAa,EAAE,GAAG,WAA4B;QACnF,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,UAAU,IAAI,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;QACzE,IAAI,IAAI,EAAE,CAAC;YACP,UAAU,CAAC,SAAS,GAAG,IAAI,CAAA;QAC/B,CAAC;QACD,IAAI,WAAW,CAAC,MAAM,EAAE,CAAC;YACrB,UAAU,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,CAAA;QACtD,CAAC;QACD,OAAO,IAAI,CAAA;IACf,CAAC;IAED,SAAS;QACL,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU;YAAE,MAAM,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAA;QAC3D,OAAO,IAAI,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,UAAU,CAAC,CAAA;IACvC,CAAC;CACJ"}

package/lib/WF.d.ts

@@ -0,0 +1,14 @@
+import { WN } from './WN.js';
+import { WE } from './WE.js';
+/**
+ * Wraps a DocumentFragment (which is a descendant of Node)
+ */
+export declare class WF<T extends DocumentFragment = DocumentFragment> extends WN<T> {
+    static from(fragment: DocumentFragment): WF;
+    constructor(ref: T);
+    set ref(val: T);
+    byId(id: string): WE;
+    query(selector: string): WE | null;
+    queryAll(selector: string): WE[];
+    empty(): this;
+}

package/lib/WF.js

@@ -0,0 +1,44 @@
+import { isA } from 'jty';
+import { WN } from './WN.js';
+import { WE } from './WE.js';
+/**
+ * Wraps a DocumentFragment (which is a descendant of Node)
+ */
+export class WF extends WN {
+    static from(fragment) {
+        if (!isA(fragment, DocumentFragment)) {
+            throw new TypeError(`Expected a DocumentFragment. Got ${fragment} (${typeof fragment})`);
+        }
+        return new WF(fragment);
+    }
+    constructor(ref) {
+        if (!isA(ref, DocumentFragment)) {
+            throw new TypeError(`Expected a DocumentFragment. Got ${ref} (${typeof ref})`);
+        }
+        super(ref);
+    }
+    set ref(val) {
+        if (!isA(val, DocumentFragment)) {
+            throw new TypeError(`Expected a DocumentFragment. Got ${val} (${typeof val})`);
+        }
+        super.ref = val;
+    }
+    byId(id) {
+        const el = this.ref.getElementById(id);
+        if (!el)
+            throw new TypeError(`Element with id ${id} not found`);
+        return WE.from(el);
+    }
+    query(selector) {
+        const result = this.ref.querySelector(selector);
+        return result === null ? result : WE.from(result);
+    }
+    queryAll(selector) {
+        return WE.fromIter(this.ref.querySelectorAll(selector));
+    }
+    empty() {
+        this.ref.replaceChildren();
+        return this;
+    }
+}
+//# sourceMappingURL=WF.js.map

package/lib/WF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WF.js","sourceRoot":"","sources":["../src/WF.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAC5B,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAE5B;;GAEG;AACH,MAAM,OAAO,EAAkD,SAAQ,EAAK;IACxE,MAAM,CAAC,IAAI,CAAC,QAA0B;QAClC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,gBAAgB,CAAC,EAAE,CAAC;YACnC,MAAM,IAAI,SAAS,CAAC,oCAAoC,QAAQ,KAAK,OAAO,QAAQ,GAAG,CAAC,CAAA;QAC5F,CAAC;QACD,OAAO,IAAI,EAAE,CAAC,QAAQ,CAAC,CAAA;IAC3B,CAAC;IAED,YAAY,GAAM;QACd,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,gBAAgB,CAAC,EAAE,CAAC;YAC9B,MAAM,IAAI,SAAS,CAAC,oCAAoC,GAAG,KAAK,OAAO,GAAG,GAAG,CAAC,CAAA;QAClF,CAAC;QACD,KAAK,CAAC,GAAG,CAAC,CAAA;IACd,CAAC;IAED,IAAI,GAAG,CAAC,GAAM;QACV,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,gBAAgB,CAAC,EAAE,CAAC;YAC9B,MAAM,IAAI,SAAS,CAAC,oCAAoC,GAAG,KAAK,OAAO,GAAG,GAAG,CAAC,CAAA;QAClF,CAAC;QACD,KAAK,CAAC,GAAG,GAAG,GAAG,CAAA;IACnB,CAAC;IAED,IAAI,CAAC,EAAU;QACX,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,EAAE,CAAC,CAAA;QACtC,IAAI,CAAC,EAAE;YAAE,MAAM,IAAI,SAAS,CAAC,mBAAmB,EAAE,YAAY,CAAC,CAAA;QAC/D,OAAO,EAAE,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACtB,CAAC;IAED,KAAK,CAAC,QAAgB;QAClB,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QAC/C,OAAO,MAAM,KAAK,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IACrD,CAAC;IAED,QAAQ,CAAC,QAAgB;QACrB,OAAO,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC3D,CAAC;IAED,KAAK;QACD,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,CAAA;QAC1B,OAAO,IAAI,CAAA;IACf,CAAC;CACJ"}

package/lib/WHE.d.ts

@@ -0,0 +1,21 @@
+import { WE } from './WE.js';
+/**
+ * Wraps a DOM HTMLElement (which is a descendant of Element)
+ */
+export declare class WHE<T extends HTMLElement = HTMLElement> extends WE<T> {
+    static from(ref: HTMLElement): WHE;
+    static fromTag(tagName: string, options?: ElementCreationOptions): WHE;
+    constructor(ref: T);
+    getValue(): unknown;
+    setValue(value: string): this;
+    getData(name: string): string | undefined;
+    hasData(name: string): boolean;
+    setData(name: string, value: string): this;
+    setDataObj(obj: Record<string, string>): this;
+    rmData(name: string): this;
+    focus(): this;
+    click(): this;
+    empty(): this;
+    getText(): string;
+    setText(text: string): this;
+}

package/lib/WHE.js

@@ -0,0 +1,75 @@
+import { hasProp, isA, isStr } from 'jty';
+import { WE } from './WE.js';
+/**
+ * Wraps a DOM HTMLElement (which is a descendant of Element)
+ */
+export class WHE extends WE {
+    static from(ref) {
+        return new WHE(ref);
+    }
+    static fromTag(tagName, options) {
+        if (!isStr(tagName)) {
+            throw new TypeError(`Expected a string for tagName. Got: ${tagName} (${typeof tagName})`);
+        }
+        return new WHE(document.createElement(tagName, options));
+    }
+    constructor(ref) {
+        if (!isA(ref, HTMLElement)) {
+            throw new TypeError(`Expected a HTMLElement. Got ${ref} (${typeof ref})`);
+        }
+        super(ref);
+    }
+    getValue() {
+        if (!hasProp(this.ref, 'value')) {
+            throw new Error('Element does not have a value property');
+        }
+        return this.ref.value;
+    }
+    setValue(value) {
+        if (!hasProp(this.ref, 'value')) {
+            throw new Error('Element does not have a value property');
+        }
+        this.ref.value = value;
+        return this;
+    }
+    getData(name) {
+        return this.ref.dataset[name];
+    }
+    hasData(name) {
+        return hasProp(this.ref.dataset, name);
+    }
+    setData(name, value) {
+        this.ref.dataset[name] = value;
+        return this;
+    }
+    setDataObj(obj) {
+        for (const [name, value] of Object.entries(obj)) {
+            this.setData(name, value);
+        }
+        return this;
+    }
+    rmData(name) {
+        delete this.ref.dataset[name];
+        return this;
+    }
+    focus() {
+        this.ref.focus();
+        return this;
+    }
+    click() {
+        this.ref.click();
+        return this;
+    }
+    empty() {
+        this.ref.innerText = '';
+        return this;
+    }
+    getText() {
+        return this.ref.innerText;
+    }
+    setText(text) {
+        this.ref.innerText = text;
+        return this;
+    }
+}
+//# sourceMappingURL=WHE.js.map

package/lib/WHE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WHE.js","sourceRoot":"","sources":["../src/WHE.ts"],"names":[],"mappings":"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"}

package/lib/WN-mixin.d.ts

@@ -0,0 +1,9 @@
+import { WHE } from './WHE.js';
+import { WE } from './WE.js';
+import { WDF } from './WDF.js';
+import { WSH } from './WSH.js';
+import { WT } from './WT.js';
+import { WN } from './WN.js';
+export type Wrappable = WN | Node | string;
+export type Wrapped = WHE | WE | WDF | WSH | WDF | WT | WN;
+export type Unwrapped = HTMLElement | Element | ShadowRoot | DocumentFragment | Text | Node;

package/lib/WN-mixin.js

@@ -0,0 +1,59 @@
+import { isA, isObj, isStr } from 'jty';
+import { WHE } from './WHE.js';
+import { WE } from './WE.js';
+import { WDF } from './WDF.js';
+import { WSH } from './WSH.js';
+import { WT } from './WT.js';
+import { WN } from './WN.js';
+/**
+ * @returns the most granual Wrapped subclass.
+ */
+WN.wrap = (raw) => {
+    if (isStr(raw)) {
+        return WT.from(document.createTextNode(raw));
+    }
+    if (!isObj(raw)) {
+        throw new TypeError(`Expected an object to wrap. Got ${raw} (${typeof raw})`);
+    }
+    if (isA(raw, WN)) {
+        return raw;
+    }
+    if (isA(raw, HTMLElement)) {
+        return WHE.from(raw);
+    }
+    if (isA(raw, Element)) {
+        return WE.from(raw);
+    }
+    if (isA(raw, ShadowRoot)) {
+        return WSH.from(raw);
+    }
+    if (isA(raw, DocumentFragment)) {
+        return WDF.from(raw);
+    }
+    if (isA(raw, Text)) {
+        return WT.from(raw);
+    }
+    if (isA(raw, Node)) {
+        return WN.from(raw);
+    }
+    throw new TypeError(`Only Frag or DocumentFragment can be wrapped. Got ${raw} (${typeof raw})`);
+};
+/**
+ * @returns the original DOM node wrapped in the appropriate class
+ */
+WN.unwrap = (obj) => {
+    if (isStr(obj)) {
+        return document.createTextNode(obj);
+    }
+    if (!isObj(obj)) {
+        throw new TypeError(`Expected an object. Got ${obj} (${typeof obj})`);
+    }
+    if (isA(obj, Node)) {
+        return obj;
+    }
+    if (isA(obj, WN)) {
+        return obj.ref;
+    }
+    throw new TypeError(`Could not unwrap ${obj} (${typeof obj})`);
+};
+//# sourceMappingURL=WN-mixin.js.map

package/lib/WN-mixin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WN-mixin.js","sourceRoot":"","sources":["../src/WN-mixin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,KAAK,CAAA;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAC5B,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAC9B,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAC5B,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAM5B;;GAEG;AACH,EAAE,CAAC,IAAI,GAAG,CAAC,GAAc,EAAW,EAAE;IAClC,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;QACb,OAAO,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAA;IAChD,CAAC;IACD,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;QACd,MAAM,IAAI,SAAS,CAAC,mCAAmC,GAAG,KAAK,OAAO,GAAG,GAAG,CAAC,CAAA;IACjF,CAAC;IACD,IAAI,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC;QACf,OAAO,GAAG,CAAA;IACd,CAAC;IACD,IAAI,GAAG,CAAC,GAAG,EAAE,WAAW,CAAC,EAAE,CAAC;QACxB,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACxB,CAAC;IACD,IAAI,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC;QACpB,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACvB,CAAC;IACD,IAAI,GAAG,CAAC,GAAG,EAAE,UAAU,CAAC,EAAE,CAAC;QACvB,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACxB,CAAC;IACD,IAAI,GAAG,CAAC,GAAG,EAAE,gBAAgB,CAAC,EAAE,CAAC;QAC7B,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACxB,CAAC;IACD,IAAI,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC;QACjB,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACvB,CAAC;IACD,IAAI,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC;QACjB,OAAO,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IACvB,CAAC;IACD,MAAM,IAAI,SAAS,CAAC,qDAAqD,GAAG,KAAK,OAAO,GAAG,GAAG,CAAC,CAAA;AACnG,CAAC,CAAA;AAED;;GAEG;AACH,EAAE,CAAC,MAAM,GAAG,CAAC,GAAc,EAAa,EAAE;IACtC,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;QACb,OAAO,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAA;IACvC,CAAC;IACD,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;QACd,MAAM,IAAI,SAAS,CAAC,2BAA2B,GAAG,KAAK,OAAO,GAAG,GAAG,CAAC,CAAA;IACzE,CAAC;IACD,IAAI,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC;QACjB,OAAO,GAAG,CAAA;IACd,CAAC;IACD,IAAI,GAAG,CAAC,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC;QACf,OAAO,GAAG,CAAC,GAAG,CAAA;IAClB,CAAC;IACD,MAAM,IAAI,SAAS,CAAC,oBAAoB,GAAG,KAAK,OAAO,GAAG,GAAG,CAAC,CAAA;AAClE,CAAC,CAAA"}

package/lib/WN.d.ts

@@ -0,0 +1,34 @@
+import { Unwrapped, Wrappable, Wrapped } from './WN-mixin.js';
+/**
+ * Wraps a DOM Node
+ */
+export declare class WN<T extends Node = Node> {
+    #private;
+    static from(node: Node): WN;
+    static wrap: (raw: Wrappable) => Wrapped;
+    static unwrap: (obj: Wrappable) => Unwrapped;
+    /**
+     * wraps an iteratable object (e.g. an array of wrapped or DOM elements)
+     */
+    static wrapAll(iterable: Iterable<Wrappable>): Wrapped[];
+    /**
+     * unwraps an iteratable object (e.g. an array of HTMLCollection)
+     */
+    static unwrapAll(iterable: Iterable<Wrappable>): Unwrapped[];
+    static byId(id: string, throwIfNotFound?: boolean): Wrapped | null;
+    static byClass(className: string): Wrapped[];
+    static query(selector: string, throwIfNotFound?: boolean): Wrapped | null;
+    query(selector: string, throwIfNotFound?: boolean): Wrapped | null;
+    static queryAll(selector: string): Wrapped[];
+    queryAll(selector: string): Wrapped[];
+    constructor(ref: T);
+    get ref(): T;
+    clone(deep?: boolean): Wrapped;
+    append(...children: Wrappable[]): this;
+    mapAppend<T>(array: Wrappable[], mapFn: (item: Wrappable) => Wrappable): this;
+    prepend(...children: Wrappable[]): this;
+    mapPrepend<T>(array: Wrappable[], mapFn: (item: Wrappable) => Wrappable): this;
+    on(eventName: string, handler: EventListenerOrEventListenerObject): this;
+    off(eventName: string, handler: EventListenerOrEventListenerObject): this;
+    rm(): this;
+}

package/lib/WN.js

@@ -0,0 +1,145 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+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);
+};
+var _WN_ref;
+import { isA } from 'jty';
+import { off, on } from './util.js';
+/** @returns true if this.ref is an instance of descendant of Element or DocumentFragment  */
+function isElementOrDocumentFragment(x) {
+    return isA(x, Element) || isA(x, DocumentFragment);
+}
+/**
+ * Wraps a DOM Node
+ */
+export class WN {
+    static from(node) {
+        return new WN(node);
+    }
+    /**
+     * wraps an iteratable object (e.g. an array of wrapped or DOM elements)
+     */
+    static wrapAll(iterable) {
+        return Array.from(iterable, WN.wrap);
+    }
+    /**
+     * unwraps an iteratable object (e.g. an array of HTMLCollection)
+     */
+    static unwrapAll(iterable) {
+        return Array.from(iterable, WN.unwrap);
+    }
+    static byId(id, throwIfNotFound = true) {
+        const el = document.getElementById(id);
+        if (el) {
+            return WN.wrap(el);
+        }
+        if (throwIfNotFound) {
+            throw new TypeError(`Element with id ${id} not found`);
+        }
+        return null;
+    }
+    static byClass(className) {
+        return WN.wrapAll(document.getElementsByClassName(className));
+    }
+    static query(selector, throwIfNotFound = true) {
+        const queryResult = document.querySelector(selector);
+        if (queryResult) {
+            return WN.wrap(queryResult);
+        }
+        if (throwIfNotFound) {
+            throw new TypeError(`Element with selector ${selector} not found`);
+        }
+        return null;
+    }
+    query(selector, throwIfNotFound = true) {
+        if (!isElementOrDocumentFragment(this.ref)) {
+            throw new TypeError(`Expected an Element or DocumentFragment. Got ${this.ref} (${typeof this.ref})`);
+        }
+        const queryResult = this.ref.querySelector(selector);
+        if (queryResult) {
+            return WN.wrap(queryResult);
+        }
+        if (throwIfNotFound) {
+            throw new TypeError(`Element with selector ${selector} not found`);
+        }
+        return null;
+    }
+    static queryAll(selector) {
+        return WN.wrapAll(document.querySelectorAll(selector));
+    }
+    queryAll(selector) {
+        if (!isElementOrDocumentFragment(this.ref)) {
+            throw new TypeError(`Expected an Element or DocumentFragment. Got ${this.ref} (${typeof this.ref})`);
+        }
+        return WN.wrapAll(this.ref.querySelectorAll(selector));
+    }
+    constructor(ref) {
+        _WN_ref.set(this, void 0);
+        if (!isA(ref, Node)) {
+            throw new TypeError(`Expected a Node. Got ${ref} (${typeof ref})`);
+        }
+        __classPrivateFieldSet(this, _WN_ref, ref, "f");
+    }
+    get ref() {
+        return __classPrivateFieldGet(this, _WN_ref, "f");
+    }
+    clone(deep) {
+        return WN.wrap(this.ref.cloneNode(deep));
+    }
+    append(...children) {
+        const nodes = WN.unwrapAll(children);
+        if (isElementOrDocumentFragment(this.ref)) {
+            this.ref.append(...nodes);
+        }
+        else {
+            for (const node of nodes) {
+                if (node) {
+                    this.ref.appendChild(node);
+                }
+            }
+        }
+        return this;
+    }
+    mapAppend(array, mapFn) {
+        return this.append(...array.map(mapFn));
+    }
+    prepend(...children) {
+        const nodes = WN.unwrapAll(children);
+        if (isElementOrDocumentFragment(this.ref)) {
+            this.ref.prepend(...nodes);
+        }
+        else {
+            const first = this.ref.firstChild;
+            for (const node of nodes) {
+                if (node) {
+                    this.ref.insertBefore(node, first);
+                }
+            }
+        }
+        return this;
+    }
+    mapPrepend(array, mapFn) {
+        return this.prepend(...array.map(mapFn));
+    }
+    on(eventName, handler) {
+        on(this.ref, eventName, handler);
+        return this;
+    }
+    off(eventName, handler) {
+        off(this.ref, eventName, handler);
+        return this;
+    }
+    rm() {
+        this.ref.parentNode?.removeChild(this.ref);
+        return this;
+    }
+}
+_WN_ref = new WeakMap();
+//# sourceMappingURL=WN.js.map

package/lib/WN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WN.js","sourceRoot":"","sources":["../src/WN.ts"],"names":[],"mappings":"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"}

package/lib/WS.d.ts

@@ -0,0 +1,11 @@
+import { WF } from './WF.js';
+/**
+ * Wraps a DOM ShadowRoot node (which is a descendant of DocumentFragment)
+ */
+export declare class WS<T extends ShadowRoot = ShadowRoot> extends WF<T> {
+    constructor(shadow: T);
+    set ref(value: T);
+    getHtml(): string;
+    setHtml(value: string, unsafe: false): this;
+    addStyleSheets(...styleSheets: CSSStyleSheet[]): this;
+}

package/lib/WS.js

@@ -0,0 +1,32 @@
+import { isA } from 'jty';
+import { WF } from './WF.js';
+/**
+ * Wraps a DOM ShadowRoot node (which is a descendant of DocumentFragment)
+ */
+export class WS extends WF {
+    constructor(shadow) {
+        if (!isA(shadow, ShadowRoot)) {
+            throw new TypeError(`Expected a ShadowRoot. Got ${shadow} (${typeof shadow})`);
+        }
+        super(shadow);
+    }
+    set ref(value) {
+        if (!isA(value, ShadowRoot)) {
+            throw new TypeError(`Expected a ShadowRoot. Got ${value} (${typeof value})`);
+        }
+        super.ref = value;
+    }
+    getHtml() {
+        return this.ref.innerHTML;
+    }
+    setHtml(value, unsafe) {
+        // TODO: https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/setHTMLUnsafe
+        this.ref.innerHTML = value;
+        return this;
+    }
+    addStyleSheets(...styleSheets) {
+        this.ref.adoptedStyleSheets.push(...styleSheets);
+        return this;
+    }
+}
+//# sourceMappingURL=WS.js.map

package/lib/WS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WS.js","sourceRoot":"","sources":["../src/WS.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAE5B;;GAEG;AACH,MAAM,OAAO,EAAsC,SAAQ,EAAK;IAC5D,YAAY,MAAS;QACjB,IAAI,CAAC,GAAG,CAAC,MAAM,EAAE,UAAU,CAAC,EAAE,CAAC;YAC3B,MAAM,IAAI,SAAS,CAAC,8BAA8B,MAAM,KAAK,OAAO,MAAM,GAAG,CAAC,CAAA;QAClF,CAAC;QACD,KAAK,CAAC,MAAM,CAAC,CAAA;IACjB,CAAC;IAED,IAAI,GAAG,CAAC,KAAQ;QACZ,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,UAAU,CAAC,EAAE,CAAC;YAC1B,MAAM,IAAI,SAAS,CAAC,8BAA8B,KAAK,KAAK,OAAO,KAAK,GAAG,CAAC,CAAA;QAChF,CAAC;QACD,KAAK,CAAC,GAAG,GAAG,KAAK,CAAA;IACrB,CAAC;IAED,OAAO;QACH,OAAO,IAAI,CAAC,GAAG,CAAC,SAAS,CAAA;IAC7B,CAAC;IAED,OAAO,CAAC,KAAa,EAAE,MAAa;QAChC,kFAAkF;QAClF,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,KAAK,CAAA;QAC1B,OAAO,IAAI,CAAA;IACf,CAAC;IAED,cAAc,CAAC,GAAG,WAA4B;QAC1C,IAAI,CAAC,GAAG,CAAC,kBAAkB,CAAC,IAAI,CAAC,GAAG,WAAW,CAAC,CAAA;QAChD,OAAO,IAAI,CAAA;IACf,CAAC;CACJ"}

package/lib/WSH.d.ts

@@ -0,0 +1,11 @@
+import { WDF } from './WDF.js';
+/**
+ * Wraps a DOM ShadowRoot node (which is a descendant of DocumentFragment)
+ */
+export declare class WSH<T extends ShadowRoot = ShadowRoot> extends WDF<T> {
+    static from(shadow: ShadowRoot): WSH<ShadowRoot>;
+    constructor(shadow: T);
+    getHtml(): string;
+    setHtml(value: string, unsafe: false): this;
+    addStyleSheets(...styleSheets: CSSStyleSheet[]): this;
+}

package/lib/WSH.js

@@ -0,0 +1,29 @@
+import { isA } from 'jty';
+import { WDF } from './WDF.js';
+/**
+ * Wraps a DOM ShadowRoot node (which is a descendant of DocumentFragment)
+ */
+export class WSH extends WDF {
+    static from(shadow) {
+        return new WSH(shadow);
+    }
+    constructor(shadow) {
+        if (!isA(shadow, ShadowRoot)) {
+            throw new TypeError(`Expected a ShadowRoot. Got ${shadow} (${typeof shadow})`);
+        }
+        super(shadow);
+    }
+    getHtml() {
+        return this.ref.innerHTML;
+    }
+    setHtml(value, unsafe) {
+        // TODO: https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/setHTMLUnsafe
+        this.ref.innerHTML = value;
+        return this;
+    }
+    addStyleSheets(...styleSheets) {
+        this.ref.adoptedStyleSheets.push(...styleSheets);
+        return this;
+    }
+}
+//# sourceMappingURL=WSH.js.map