jj 0.1.0 → 2.0.0

package/lib/WSH.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WSH.js","sourceRoot":"","sources":["../src/WSH.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzB,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAA;AAE9B;;GAEG;AACH,MAAM,OAAO,GAAuC,SAAQ,GAAM;IAC9D,MAAM,CAAC,IAAI,CAAC,MAAkB;QAC1B,OAAO,IAAI,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,CAAC;IAED,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,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/WT.d.ts

@@ -0,0 +1,12 @@
+import { WN } from './WN.js';
+/**
+ * Wraps a DOM Text Node
+ */
+export declare class WT<T extends Text = Text> extends WN<Text> {
+    static from(text: Text): WT;
+    constructor(ref: T | String);
+    getText(): string;
+    setText(text: string): this;
+    empty(): this;
+    addLines(...lines: string[]): this;
+}

package/lib/WT.js

@@ -0,0 +1,39 @@
+import { isA, isStr } from 'jty';
+import { WN } from './WN.js';
+/**
+ * Wraps a DOM Text Node
+ */
+export class WT extends WN {
+    static from(text) {
+        if (!isA(text, Text)) {
+            throw new TypeError(`Expected a Text object. Got: ${text} (${typeof text})`);
+        }
+        return new WT(text);
+    }
+    constructor(ref) {
+        if (isStr(ref)) {
+            super(document.createTextNode(ref));
+        }
+        else if (isA(ref, Text)) {
+            super(ref);
+        }
+        throw new TypeError(`Expected a Text. Got: ${ref} (${typeof ref})`);
+    }
+    getText() {
+        return this.ref.textContent;
+    }
+    setText(text) {
+        if (!isStr(text)) {
+            throw new TypeError(`Expected a string. Got: ${text} (${typeof text})`);
+        }
+        this.ref.textContent = text;
+        return this;
+    }
+    empty() {
+        return this.setText('');
+    }
+    addLines(...lines) {
+        return this.setText(lines.join('\n'));
+    }
+}
+//# sourceMappingURL=WT.js.map

package/lib/WT.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WT.js","sourceRoot":"","sources":["../src/WT.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,CAAA;AAChC,OAAO,EAAE,EAAE,EAAE,MAAM,SAAS,CAAA;AAE5B;;GAEG;AACH,MAAM,OAAO,EAA0B,SAAQ,EAAQ;IACnD,MAAM,CAAC,IAAI,CAAC,IAAU;QAClB,IAAI,CAAC,GAAG,CAAC,IAAI,EAAE,IAAI,CAAC,EAAE,CAAC;YACnB,MAAM,IAAI,SAAS,CAAC,gCAAgC,IAAI,KAAK,OAAO,IAAI,GAAG,CAAC,CAAA;QAChF,CAAC;QACD,OAAO,IAAI,EAAE,CAAC,IAAI,CAAC,CAAA;IACvB,CAAC;IAED,YAAY,GAAe;QACvB,IAAI,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC;YACb,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAA;QACvC,CAAC;aAAM,IAAI,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC;YACxB,KAAK,CAAC,GAAG,CAAC,CAAA;QACd,CAAC;QACD,MAAM,IAAI,SAAS,CAAC,yBAAyB,GAAG,KAAK,OAAO,GAAG,GAAG,CAAC,CAAA;IACvE,CAAC;IAED,OAAO;QACH,OAAO,IAAI,CAAC,GAAG,CAAC,WAAW,CAAA;IAC/B,CAAC;IAED,OAAO,CAAC,IAAY;QAChB,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC;YACf,MAAM,IAAI,SAAS,CAAC,2BAA2B,IAAI,KAAK,OAAO,IAAI,GAAG,CAAC,CAAA;QAC3E,CAAC;QACD,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,IAAI,CAAA;QAC3B,OAAO,IAAI,CAAA;IACf,CAAC;IAED,KAAK;QACD,OAAO,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,CAAA;IAC3B,CAAC;IAED,QAAQ,CAAC,GAAG,KAAe;QACvB,OAAO,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAA;IACzC,CAAC;CACJ"}

package/lib/Welem.d.ts

@@ -0,0 +1,49 @@
+import { Wfrag } from './Wfrag.js';
+import { Wnode } from './Wnode.js';
+/**
+ * Represents a wrapped Element
+ */
+export declare class Welem extends Wnode {
+    constructor(ref: Element);
+    static from(Element: Element): Welem;
+    static fromIter(iterable: Iterable<Element>): Welem[];
+    static fromTag(tagName: string): Welem;
+    static byId(id: string): Welem | Wfrag | Text;
+    static byClass(className: string): (Welem | Wfrag | Text)[];
+    static query(selector: string): Welem | Wfrag | Text;
+    static queryAll(selector: string): (Welem | Wfrag | Text)[];
+    get ref(): Element;
+    set ref(value: Element);
+    byClass(className: string): (Welem | Wfrag | Text)[];
+    query(selector: string): Welem | Wfrag | Text;
+    queryAll(selector: string): (Welem | Wfrag | Text)[];
+    clone(deep?: boolean): Welem;
+    getAria(name: string): string | null;
+    setAria(name: string, value: string): this;
+    setAriaObj(obj: Record<string, string>): this;
+    rmAria(name: string): this;
+    getAttr(name: string): string | null;
+    setAttr(name: string, value: string): this;
+    setAttrObj(obj: Record<string, string>): this;
+    rmAttrs(...names: string[]): this;
+    addClass(...classNames: string[]): this;
+    rmClass(...classNames: string[]): this;
+    on(eventName: string, handler: EventListenerOrEventListenerObject): this;
+    onClick(handler: EventListenerOrEventListenerObject): this;
+    off(eventName: string, handler: EventListenerOrEventListenerObject): this;
+    hide(): this;
+    show(): this;
+    disable(): this;
+    enable(): this;
+    rm(): this;
+    append(...children: unknown[]): this;
+    mapAppend<T>(array: T[], mapFn: (item: T) => unknown): this;
+    prepend(...children: unknown[]): this;
+    mapPrepend<T>(array: T[], mapFn: (item: T) => unknown): this;
+    getTitle(): string | null;
+    setTitle(title: string): this;
+    getHtml(): string;
+    setHtml(html: string): this;
+    setShadow(mode?: ShadowRootMode, html?: string, ...styleSheets: CSSStyleSheet[]): this;
+    getShadow(): Wfrag;
+}

package/lib/Welem.js

@@ -0,0 +1,173 @@
+import { Wfrag } from './Wfrag.js';
+import { Wnode } from './Wnode.js';
+import { off, on, unwrapNodeStrs, wrap, wrapAll } from './util.js';
+/**
+ * Represents a wrapped Element
+ */
+export class Welem extends Wnode {
+    constructor(ref) {
+        if (!(ref instanceof Element)) {
+            throw new TypeError(`Expected a Element. Got: ${ref} (${typeof ref})`);
+        }
+        super(ref);
+    }
+    static from(Element) {
+        return new Welem(Element);
+    }
+    static fromIter(iterable) {
+        return Array.from(iterable, Welem.from);
+    }
+    static fromTag(tagName) {
+        return new Welem(document.createElement(tagName));
+    }
+    static byId(id) {
+        const el = document.getElementById(id);
+        if (!el)
+            throw new TypeError(`Element with id ${id} not found`);
+        return wrap(el);
+    }
+    static byClass(className) {
+        return wrapAll(document.getElementsByClassName(className));
+    }
+    static query(selector) {
+        return wrap(document.querySelector(selector));
+    }
+    static queryAll(selector) {
+        return wrapAll(document.querySelectorAll(selector));
+    }
+    get ref() {
+        return super.ref;
+    }
+    set ref(value) {
+        if (!(value instanceof Element)) {
+            throw new TypeError(`Expected a Element. Got: ${value} (${typeof value})`);
+        }
+        super.ref = value;
+    }
+    byClass(className) {
+        return wrapAll(this.ref.getElementsByClassName(className));
+    }
+    query(selector) {
+        return wrap(this.ref.querySelector(selector));
+    }
+    queryAll(selector) {
+        return wrapAll(this.ref.querySelectorAll(selector));
+    }
+    clone(deep) {
+        return new Welem(this.ref.cloneNode(deep));
+    }
+    getAria(name) {
+        return this.ref.getAttribute(`aria-${name}`);
+    }
+    setAria(name, value) {
+        this.ref.setAttribute(`aria-${name}`, value);
+        return this;
+    }
+    setAriaObj(obj) {
+        for (const [name, value] of Object.entries(obj)) {
+            this.setAria(name, value);
+        }
+        return this;
+    }
+    rmAria(name) {
+        this.ref.removeAttribute(`aria-${name}`);
+        return this;
+    }
+    getAttr(name) {
+        return this.ref.getAttribute(name);
+    }
+    setAttr(name, value) {
+        this.ref.setAttribute(name, value);
+        return this;
+    }
+    setAttrObj(obj) {
+        for (const [name, value] of Object.entries(obj)) {
+            this.setAttr(name, value);
+        }
+        return this;
+    }
+    rmAttrs(...names) {
+        for (const name of names) {
+            this.ref.removeAttribute(name);
+        }
+        return this;
+    }
+    addClass(...classNames) {
+        this.ref.classList.add(...classNames);
+        return this;
+    }
+    rmClass(...classNames) {
+        this.ref.classList.remove(...classNames);
+        return this;
+    }
+    on(eventName, handler) {
+        on(this.ref, eventName, handler);
+        return this;
+    }
+    onClick(handler) {
+        return this.on('click', handler);
+    }
+    off(eventName, handler) {
+        off(this.ref, eventName, handler);
+        return this;
+    }
+    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');
+    }
+    rm() {
+        this.ref.remove();
+        return this;
+    }
+    append(...children) {
+        this.ref.append(...unwrapNodeStrs(children));
+        return this;
+    }
+    mapAppend(array, mapFn) {
+        return this.append(...array.map(mapFn));
+    }
+    prepend(...children) {
+        this.ref.prepend(...unwrapNodeStrs(children));
+        return this;
+    }
+    mapPrepend(array, mapFn) {
+        return this.prepend(...array.map(mapFn));
+    }
+    getTitle() {
+        return this.getAttr('title');
+    }
+    setTitle(title) {
+        return this.setAttr('title', title);
+    }
+    getHtml() {
+        return this.ref.innerHTML;
+    }
+    setHtml(html) {
+        this.ref.innerHTML = html;
+        return this;
+    }
+    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 Wfrag(this.ref.shadowRoot);
+    }
+}
+//# sourceMappingURL=Welem.js.map

package/lib/Welem.js.map

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

package/lib/Wfrag.d.ts

@@ -0,0 +1,15 @@
+import { Wnode } from './Wnode.js';
+import { Welem } from './Welem.js';
+export declare class Wfrag extends Wnode {
+    constructor(ref: DocumentFragment);
+    get ref(): DocumentFragment;
+    set ref(val: DocumentFragment);
+    byId(id: string): Welem;
+    query(selector: string): Welem | null;
+    queryAll(selector: string): Welem[];
+    empty(): this;
+    append(...children: unknown[]): this;
+    mapAppend<T>(array: T[], mapFn: (item: T) => unknown): this;
+    prepend(...children: unknown[]): this;
+    mapPrepend<T>(array: T[], mapFn: (item: T) => unknown): this;
+}

package/lib/Wfrag.js

@@ -0,0 +1,56 @@
+import { isA } from 'jty';
+import { Wnode } from './Wnode.js';
+import { Welem } from './Welem.js';
+import { unwrapNodeStrs } from './util.js';
+export class Wfrag extends Wnode {
+    constructor(ref) {
+        if (!isA(ref, DocumentFragment)) {
+            throw new TypeError(`Expected a DocumentFragment. Got ${ref} (${typeof ref})`);
+        }
+        super(ref);
+    }
+    get ref() {
+        return 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 Welem.from(el);
+    }
+    query(selector) {
+        const result = this.ref.querySelector(selector);
+        if (!result) {
+            return result;
+        }
+        return Welem.from(result);
+    }
+    queryAll(selector) {
+        return Welem.fromIter(this.ref.querySelectorAll(selector));
+    }
+    empty() {
+        this.ref.replaceChildren();
+        return this;
+    }
+    append(...children) {
+        this.ref.append(...unwrapNodeStrs(children));
+        return this;
+    }
+    mapAppend(array, mapFn) {
+        return this.append(...array.map(mapFn));
+    }
+    prepend(...children) {
+        this.ref.prepend(...unwrapNodeStrs(children));
+        return this;
+    }
+    mapPrepend(array, mapFn) {
+        return this.prepend(...array.map(mapFn));
+    }
+}
+//# sourceMappingURL=Wfrag.js.map

package/lib/Wfrag.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wfrag.js","sourceRoot":"","sources":["../src/Wfrag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAE1C,MAAM,OAAO,KAAM,SAAQ,KAAK;IAC5B,YAAY,GAAqB;QAC7B,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;QACH,OAAO,KAAK,CAAC,GAAuB,CAAA;IACxC,CAAC;IAED,IAAI,GAAG,CAAC,GAAqB;QACzB,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,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACzB,CAAC;IAED,KAAK,CAAC,QAAgB;QAClB,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAA;QAC/C,IAAI,CAAC,MAAM,EAAE,CAAC;YACV,OAAO,MAAM,CAAA;QACjB,CAAC;QACD,OAAO,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAA;IAC7B,CAAC;IAED,QAAQ,CAAC,QAAgB;QACrB,OAAO,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,gBAAgB,CAAC,QAAQ,CAAC,CAAC,CAAA;IAC9D,CAAC;IAED,KAAK;QACD,IAAI,CAAC,GAAG,CAAC,eAAe,EAAE,CAAA;QAC1B,OAAO,IAAI,CAAA;IACf,CAAC;IAED,MAAM,CAAC,GAAG,QAAmB;QACzB,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAA;QAC5C,OAAO,IAAI,CAAA;IACf,CAAC;IAED,SAAS,CAAI,KAAU,EAAE,KAA2B;QAChD,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAA;IAC3C,CAAC;IAED,OAAO,CAAC,GAAG,QAAmB;QAC1B,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAA;QAC7C,OAAO,IAAI,CAAA;IACf,CAAC;IAED,UAAU,CAAI,KAAU,EAAE,KAA2B;QACjD,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC,CAAA;IAC5C,CAAC;CACJ"}

package/lib/Whelem.d.ts

@@ -0,0 +1,17 @@
+import { Welem } from './Welem.js';
+export declare class Whelem extends Welem {
+    constructor(ref: HTMLElement);
+    get ref(): HTMLElement;
+    set ref(value: HTMLElement);
+    getValue(): string;
+    setValue(value: string): this;
+    getData(name: string): string | undefined;
+    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/Whelem.js

@@ -0,0 +1,69 @@
+import { hasOwnProp, isA } from 'jty';
+import { Welem } from './Welem.js';
+export class Whelem extends Welem {
+    constructor(ref) {
+        if (!isA(ref, HTMLElement)) {
+            throw new TypeError(`Expected a HTMLElement. Got ${ref} (${typeof ref})`);
+        }
+        super(ref);
+    }
+    get ref() {
+        return super.ref;
+    }
+    set ref(value) {
+        if (!isA(value, HTMLElement)) {
+            throw new TypeError(`Expected a HTMLElement. Got ${value} (${typeof value})`);
+        }
+        super.ref = value;
+    }
+    getValue() {
+        if (!hasOwnProp(this.ref, 'value')) {
+            throw new Error('Element does not have a value property');
+        }
+        return this.ref.value;
+    }
+    setValue(value) {
+        if (!hasOwnProp(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];
+    }
+    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=Whelem.js.map

package/lib/Whelem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Whelem.js","sourceRoot":"","sources":["../src/Whelem.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,MAAM,OAAO,MAAO,SAAQ,KAAK;IAC7B,YAAY,GAAgB;QACxB,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,WAAW,CAAC,EAAE,CAAC;YACzB,MAAM,IAAI,SAAS,CAAC,+BAA+B,GAAG,KAAK,OAAO,GAAG,GAAG,CAAC,CAAA;QAC7E,CAAC;QACD,KAAK,CAAC,GAAG,CAAC,CAAA;IACd,CAAC;IAED,IAAI,GAAG;QACH,OAAO,KAAK,CAAC,GAAkB,CAAA;IACnC,CAAC;IAED,IAAI,GAAG,CAAC,KAAkB;QACtB,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,WAAW,CAAC,EAAE,CAAC;YAC3B,MAAM,IAAI,SAAS,CAAC,+BAA+B,KAAK,KAAK,OAAO,KAAK,GAAG,CAAC,CAAA;QACjF,CAAC;QACD,KAAK,CAAC,GAAG,GAAG,KAAK,CAAA;IACrB,CAAC;IAED,QAAQ;QACJ,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC;YACjC,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAA;QAC7D,CAAC;QACD,OAAO,IAAI,CAAC,GAAG,CAAC,KAAK,CAAA;IACzB,CAAC;IAED,QAAQ,CAAC,KAAa;QAClB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,GAAG,EAAE,OAAO,CAAC,EAAE,CAAC;YACjC,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAA;QAC7D,CAAC;QACD,IAAI,CAAC,GAAG,CAAC,KAAK,GAAG,KAAK,CAAA;QACtB,OAAO,IAAI,CAAA;IACf,CAAC;IAED,OAAO,CAAC,IAAY;QAChB,OAAO,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;IACjC,CAAC;IAED,OAAO,CAAC,IAAY,EAAE,KAAa;QAC/B,IAAI,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,KAAK,CAAA;QAC9B,OAAO,IAAI,CAAA;IACf,CAAC;IAED,UAAU,CAAC,GAA2B;QAClC,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,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAA;QAC7B,OAAO,IAAI,CAAA;IACf,CAAC;IAED,KAAK;QACD,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAA;QAChB,OAAO,IAAI,CAAA;IACf,CAAC;IAED,KAAK;QACD,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,CAAA;QAChB,OAAO,IAAI,CAAA;IACf,CAAC;IAED,KAAK;QACD,IAAI,CAAC,GAAG,CAAC,SAAS,GAAG,EAAE,CAAA;QACvB,OAAO,IAAI,CAAA;IACf,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;CACJ"}

package/lib/Wnode.d.ts

@@ -0,0 +1,6 @@
+export declare class Wnode {
+    #private;
+    constructor(ref: Node);
+    get ref(): Node;
+    set ref(value: Node);
+}

package/lib/Wnode.js

@@ -0,0 +1,33 @@
+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 __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 _Wnode_ref;
+import { isA } from 'jty';
+export class Wnode {
+    constructor(ref) {
+        _Wnode_ref.set(this, void 0);
+        if (!isA(ref, Node)) {
+            throw new TypeError(`Expected a Node. Got: ${ref} (${typeof ref})`);
+        }
+        this.ref = ref;
+    }
+    get ref() {
+        return __classPrivateFieldGet(this, _Wnode_ref, "f");
+    }
+    set ref(value) {
+        if (!(value instanceof Node)) {
+            throw new TypeError(`Expected a Node. Got: ${value} (${typeof value})`);
+        }
+        __classPrivateFieldSet(this, _Wnode_ref, value, "f");
+    }
+}
+_Wnode_ref = new WeakMap();
+//# sourceMappingURL=Wnode.js.map

package/lib/Wnode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wnode.js","sourceRoot":"","sources":["../src/Wnode.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,GAAG,EAAgB,MAAM,KAAK,CAAA;AAEvC,MAAM,OAAO,KAAK;IAGd,YAAY,GAAS;QAFrB,6BAAW;QAGP,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC;YAClB,MAAM,IAAI,SAAS,CAAC,yBAAyB,GAAG,KAAK,OAAO,GAAG,GAAG,CAAC,CAAA;QACvE,CAAC;QACD,IAAI,CAAC,GAAG,GAAG,GAAG,CAAA;IAClB,CAAC;IAED,IAAI,GAAG;QACH,OAAO,uBAAA,IAAI,kBAAK,CAAA;IACpB,CAAC;IAED,IAAI,GAAG,CAAC,KAAW;QACf,IAAI,CAAC,CAAC,KAAK,YAAY,IAAI,CAAC,EAAE,CAAC;YAC3B,MAAM,IAAI,SAAS,CAAC,yBAAyB,KAAK,KAAK,OAAO,KAAK,GAAG,CAAC,CAAA;QAC3E,CAAC;QACD,uBAAA,IAAI,cAAQ,KAAK,MAAA,CAAA;IACrB,CAAC;CACJ"}

package/lib/Wshad.d.ts

@@ -0,0 +1,9 @@
+import { Wfrag } from './Wfrag.js';
+export declare class Wshad extends Wfrag {
+    constructor(shadow: ShadowRoot);
+    get ref(): ShadowRoot;
+    set ref(value: ShadowRoot);
+    getHtml(): string;
+    setHtml(value: string): this;
+    addStyleSheets(...styleSheets: CSSStyleSheet[]): this;
+}

package/lib/Wshad.js

@@ -0,0 +1,31 @@
+import { isA } from 'jty';
+import { Wfrag } from './Wfrag.js';
+export class Wshad extends Wfrag {
+    constructor(shadow) {
+        if (!isA(shadow, ShadowRoot)) {
+            throw new TypeError(`Expected a ShadowRoot. Got ${shadow} (${typeof shadow})`);
+        }
+        super(shadow);
+    }
+    get ref() {
+        return super.ref;
+    }
+    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) {
+        this.ref.innerHTML = value;
+        return this;
+    }
+    addStyleSheets(...styleSheets) {
+        this.ref.adoptedStyleSheets.push(...styleSheets);
+        return this;
+    }
+}
+//# sourceMappingURL=Wshad.js.map

package/lib/Wshad.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Wshad.js","sourceRoot":"","sources":["../src/Wshad.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAA;AAElC,MAAM,OAAO,KAAM,SAAQ,KAAK;IAC5B,YAAY,MAAkB;QAC1B,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;QACH,OAAO,KAAK,CAAC,GAAiB,CAAA;IAClC,CAAC;IAED,IAAI,GAAG,CAAC,KAAK;QACT,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;QACjB,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"}