juxscript 1.1.413 → 1.1.414

package/dist/components/layout/group.js

@@ -0,0 +1,64 @@
+import generateId from '../../utils/idgen.js';
+import { pageState } from '../../state/pageState.js';
+class Group {
+    constructor(id, children = [], options = {}) {
+        this.id = id || generateId('group');
+        this._opts = { ...options };
+        this._element = document.createElement('div');
+        this._element.id = this.id;
+        this._element.style.boxSizing = 'border-box';
+        if (this._opts.class)
+            this._element.className = this._opts.class;
+        if (this._opts.style) {
+            const existing = this._element.getAttribute('style') || '';
+            this._element.setAttribute('style', existing + ';' + this._opts.style);
+        }
+        for (const child of children) {
+            const node = child instanceof HTMLElement ? child : child.element;
+            this._element.appendChild(node);
+        }
+        if (this._opts.target)
+            this.render(this._opts.target);
+    }
+    get element() { return this._element; }
+    getElement() { return this._element; }
+    get state() { return pageState[this.id]; }
+    class(val) { this._opts.class = val; this._element.className = val; return this; }
+    style(css) {
+        this._opts.style = css;
+        const existing = this._element.getAttribute('style') || '';
+        this._element.setAttribute('style', existing + ';' + css);
+        return this;
+    }
+    append(...children) {
+        for (const child of children) {
+            const node = child instanceof HTMLElement ? child : child.element;
+            this._element.appendChild(node);
+        }
+        return this;
+    }
+    render(target) {
+        let parent = null;
+        if (typeof target === 'string')
+            parent = document.getElementById(target) || document.querySelector(target);
+        else if (target instanceof HTMLElement)
+            parent = target;
+        else if (target && 'element' in target)
+            parent = target.element;
+        else
+            parent = document.getElementById('app');
+        parent?.appendChild(this._element);
+        return this;
+    }
+    into(target) {
+        return this.render(target);
+    }
+}
+export function group(id, children = [], options = {}) {
+    const inst = new Group(id || generateId('group'), children, options);
+    pageState.__register(inst);
+    return inst;
+}
+export { Group };
+export default group;
+//# sourceMappingURL=group.js.map

package/dist/components/layout/group.js.map

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

package/dist/components/layout/hero.d.ts

@@ -0,0 +1,41 @@
+type AnyChild = {
+    element: HTMLElement;
+} | HTMLElement;
+interface HeroOptions {
+    bg?: string;
+    image?: string;
+    height?: string;
+    center?: boolean;
+    padding?: string;
+    class?: string;
+    style?: string;
+    target?: string;
+    [key: string]: any;
+}
+declare class Hero {
+    id: string;
+    private _opts;
+    private _element;
+    constructor(id: string, options?: HeroOptions);
+    get element(): HTMLElement;
+    getElement(): HTMLElement;
+    get state(): any;
+    bg(val: string): this;
+    image(url: string): this;
+    height(val: string): this;
+    center(val?: boolean): this;
+    padding(val: string): this;
+    class(val: string): this;
+    style(css: string): this;
+    append(...children: AnyChild[]): this;
+    render(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+    into(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+}
+export declare function hero(id?: string, options?: HeroOptions): Hero;
+export { Hero, HeroOptions };
+export default hero;
+//# sourceMappingURL=hero.d.ts.map

package/dist/components/layout/hero.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero.d.ts","sourceRoot":"","sources":["../../../lib/components/layout/hero.ts"],"names":[],"mappings":"AAGA,KAAK,QAAQ,GAAG;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,GAAG,WAAW,CAAC;AAEvD,UAAU,WAAW;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,cAAM,IAAI;IACN,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,QAAQ,CAAc;gBAElB,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB;IA+BjD,IAAI,OAAO,IAAI,WAAW,CAA0B;IACpD,UAAU,IAAI,WAAW;IACzB,IAAI,KAAK,IAAI,GAAG,CAAyC;IAEzD,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAKrB,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAOxB,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAKzB,MAAM,CAAC,GAAG,GAAE,OAAc,GAAG,IAAI;IAajC,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAK1B,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAKxB,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAOxB,MAAM,CAAC,GAAG,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI;IAQrC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,GAAG,IAAI;IAUtE,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,GAAG,IAAI;CAGvE;AAED,wBAAgB,IAAI,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB,GAAG,IAAI,CAIjE;AAED,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;AAC7B,eAAe,IAAI,CAAC"}

package/dist/components/layout/hero.js

@@ -0,0 +1,117 @@
+import generateId from '../../utils/idgen.js';
+import { pageState } from '../../state/pageState.js';
+class Hero {
+    constructor(id, options = {}) {
+        this.id = id || generateId('hero');
+        this._opts = { ...options };
+        this._element = document.createElement('div');
+        this._element.id = this.id;
+        this._element.style.boxSizing = 'border-box';
+        this._element.style.width = '100%';
+        if (this._opts.bg)
+            this._element.style.background = this._opts.bg;
+        if (this._opts.image) {
+            this._element.style.backgroundImage = `url(${CSS.escape(this._opts.image)})`;
+            this._element.style.backgroundSize = 'cover';
+            this._element.style.backgroundPosition = 'center';
+        }
+        if (this._opts.height)
+            this._element.style.height = this._opts.height;
+        if (this._opts.padding)
+            this._element.style.padding = this._opts.padding;
+        if (this._opts.center) {
+            this._element.style.display = 'flex';
+            this._element.style.alignItems = 'center';
+            this._element.style.justifyContent = 'center';
+        }
+        if (this._opts.class)
+            this._element.className = this._opts.class;
+        if (this._opts.style) {
+            const existing = this._element.getAttribute('style') || '';
+            this._element.setAttribute('style', existing + ';' + this._opts.style);
+        }
+        if (this._opts.target)
+            this.render(this._opts.target);
+    }
+    get element() { return this._element; }
+    getElement() { return this._element; }
+    get state() { return pageState[this.id]; }
+    bg(val) {
+        this._opts.bg = val;
+        this._element.style.background = val;
+        return this;
+    }
+    image(url) {
+        this._opts.image = url;
+        this._element.style.backgroundImage = `url(${CSS.escape(url)})`;
+        this._element.style.backgroundSize = 'cover';
+        this._element.style.backgroundPosition = 'center';
+        return this;
+    }
+    height(val) {
+        this._opts.height = val;
+        this._element.style.height = val;
+        return this;
+    }
+    center(val = true) {
+        this._opts.center = val;
+        if (val) {
+            this._element.style.display = 'flex';
+            this._element.style.alignItems = 'center';
+            this._element.style.justifyContent = 'center';
+        }
+        else {
+            this._element.style.display = '';
+            this._element.style.alignItems = '';
+            this._element.style.justifyContent = '';
+        }
+        return this;
+    }
+    padding(val) {
+        this._opts.padding = val;
+        this._element.style.padding = val;
+        return this;
+    }
+    class(val) {
+        this._opts.class = val;
+        this._element.className = val;
+        return this;
+    }
+    style(css) {
+        this._opts.style = css;
+        const existing = this._element.getAttribute('style') || '';
+        this._element.setAttribute('style', existing + ';' + css);
+        return this;
+    }
+    append(...children) {
+        for (const child of children) {
+            const node = child instanceof HTMLElement ? child : child.element;
+            this._element.appendChild(node);
+        }
+        return this;
+    }
+    render(target) {
+        let parent = null;
+        if (typeof target === 'string')
+            parent = document.getElementById(target) || document.querySelector(target);
+        else if (target instanceof HTMLElement)
+            parent = target;
+        else if (target && 'element' in target)
+            parent = target.element;
+        else
+            parent = document.getElementById('app');
+        parent?.appendChild(this._element);
+        return this;
+    }
+    into(target) {
+        return this.render(target);
+    }
+}
+export function hero(id, options = {}) {
+    const inst = new Hero(id || generateId('hero'), options);
+    pageState.__register(inst);
+    return inst;
+}
+export { Hero };
+export default hero;
+//# sourceMappingURL=hero.js.map

package/dist/components/layout/hero.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hero.js","sourceRoot":"","sources":["../../../lib/components/layout/hero.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAgBrD,MAAM,IAAI;IAKN,YAAY,EAAU,EAAE,UAAuB,EAAE;QAC7C,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,UAAU,CAAC,MAAM,CAAC,CAAC;QACnC,IAAI,CAAC,KAAK,GAAG,EAAE,GAAG,OAAO,EAAE,CAAC;QAE5B,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC9C,IAAI,CAAC,QAAQ,CAAC,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC;QAC3B,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,SAAS,GAAG,YAAY,CAAC;QAC7C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC;QAEnC,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE;YAAO,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC;QACvE,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACnB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,eAAe,GAAG,OAAO,GAAG,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC;YAC7E,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,GAAG,OAAO,CAAC;YAC7C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,kBAAkB,GAAG,QAAQ,CAAC;QACtD,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM;YAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;QACvE,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO;YAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC;QACzE,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC;YACpB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YACrC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;YAC1C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC;QAClD,CAAC;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK;YAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC;QAClE,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC;YACnB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;YAC3D,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,GAAG,GAAG,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAC3E,CAAC;QAED,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM;YAAE,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC1D,CAAC;IAED,IAAI,OAAO,KAAkB,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IACpD,UAAU,KAAmB,OAAO,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IACpD,IAAI,KAAK,KAAoB,OAAO,SAAS,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IAEzD,EAAE,CAAC,GAAW;QACV,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,GAAG,CAAC;QACpB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,GAAG,CAAC;QACrC,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,KAAK,CAAC,GAAW;QACb,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;QACvB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,eAAe,GAAG,OAAO,GAAG,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC;QAChE,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,GAAG,OAAO,CAAC;QAC7C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,kBAAkB,GAAG,QAAQ,CAAC;QAClD,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,MAAM,CAAC,GAAW;QACd,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;QACxB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;QACjC,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,MAAM,CAAC,MAAe,IAAI;QACtB,IAAI,CAAC,KAAK,CAAC,MAAM,GAAG,GAAG,CAAC;QACxB,IAAI,GAAG,EAAE,CAAC;YACN,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;YACrC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,QAAQ,CAAC;YAC1C,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,GAAG,QAAQ,CAAC;QAClD,CAAC;aAAM,CAAC;YACJ,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,EAAE,CAAC;YACjC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,UAAU,GAAG,EAAE,CAAC;YACpC,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,GAAG,EAAE,CAAC;QAC5C,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,OAAO,CAAC,GAAW;QACf,IAAI,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;QACzB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,OAAO,GAAG,GAAG,CAAC;QAClC,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,KAAK,CAAC,GAAW;QACb,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;QACvB,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,GAAG,CAAC;QAC9B,OAAO,IAAI,CAAC;IAChB,CAAC;IACD,KAAK,CAAC,GAAW;QACb,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,GAAG,CAAC;QACvB,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,CAAC,IAAI,EAAE,CAAC;QAC3D,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,OAAO,EAAE,QAAQ,GAAG,GAAG,GAAG,GAAG,CAAC,CAAC;QAC1D,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,CAAC,GAAG,QAAoB;QAC1B,KAAK,MAAM,KAAK,IAAI,QAAQ,EAAE,CAAC;YAC3B,MAAM,IAAI,GAAG,KAAK,YAAY,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;YAClE,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QACpC,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,CAAC,MAAwD;QAC3D,IAAI,MAAM,GAAuB,IAAI,CAAC;QACtC,IAAI,OAAO,MAAM,KAAK,QAAQ;YAAE,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAgB,CAAC;aACrH,IAAI,MAAM,YAAY,WAAW;YAAE,MAAM,GAAG,MAAM,CAAC;aACnD,IAAI,MAAM,IAAI,SAAS,IAAI,MAAM;YAAE,MAAM,GAAG,MAAM,CAAC,OAAO,CAAC;;YAC3D,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,EAAE,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACnC,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,CAAC,MAAwD;QACzD,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC;CACJ;AAED,MAAM,UAAU,IAAI,CAAC,EAAW,EAAE,UAAuB,EAAE;IACvD,MAAM,IAAI,GAAG,IAAI,IAAI,CAAC,EAAE,IAAI,UAAU,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,CAAC;IACzD,SAAS,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC;IAC3B,OAAO,IAAI,CAAC;AAChB,CAAC;AAED,OAAO,EAAE,IAAI,EAAe,CAAC;AAC7B,eAAe,IAAI,CAAC"}

package/dist/components/layout/index.d.ts

@@ -0,0 +1,11 @@
+export { Container, ContainerOptions, container } from './container.js';
+export { Group, GroupOptions, group } from './group.js';
+export { Hero, HeroOptions, hero } from './hero.js';
+export { Split, SplitOptions, split } from './split.js';
+export { Stack, StackOptions, stack } from './stack.js';
+export { Cols, ColsOptions, cols } from './cols.js';
+export { Rows, RowsOptions, rows } from './rows.js';
+export { Section, SectionOptions, section } from './section.js';
+export { Nav, NavOptions, nav } from './nav.js';
+export { container as default } from './container.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/layout/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../lib/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/layout/index.js

@@ -0,0 +1,11 @@
+export { Container, container } from './container.js';
+export { Group, group } from './group.js';
+export { Hero, hero } from './hero.js';
+export { Split, split } from './split.js';
+export { Stack, stack } from './stack.js';
+export { Cols, cols } from './cols.js';
+export { Rows, rows } from './rows.js';
+export { Section, section } from './section.js';
+export { Nav, nav } from './nav.js';
+export { container as default } from './container.js';
+//# sourceMappingURL=index.js.map

package/dist/components/layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../lib/components/layout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAoB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACxE,OAAO,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,IAAI,EAAe,IAAI,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,KAAK,EAAgB,KAAK,EAAE,MAAM,YAAY,CAAC;AACxD,OAAO,EAAE,IAAI,EAAe,IAAI,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,IAAI,EAAe,IAAI,EAAE,MAAM,WAAW,CAAC;AACpD,OAAO,EAAE,OAAO,EAAkB,OAAO,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,GAAG,EAAc,GAAG,EAAE,MAAM,UAAU,CAAC;AAEhD,OAAO,EAAE,SAAS,IAAI,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/layout/nav.d.ts

@@ -0,0 +1,43 @@
+type AnyChild = {
+    element: HTMLElement;
+} | HTMLElement;
+interface NavOptions {
+    left?: AnyChild;
+    center?: AnyChild;
+    right?: AnyChild;
+    height?: string;
+    bg?: string;
+    class?: string;
+    style?: string;
+    target?: string;
+    [key: string]: any;
+}
+declare class Nav {
+    id: string;
+    private _opts;
+    private _element;
+    private _leftZone;
+    private _centerZone;
+    private _rightZone;
+    constructor(id: string, options?: NavOptions);
+    get element(): HTMLElement;
+    getElement(): HTMLElement;
+    get state(): any;
+    left(child: AnyChild): this;
+    center(child: AnyChild): this;
+    right(child: AnyChild): this;
+    height(val: string): this;
+    bg(val: string): this;
+    class(val: string): this;
+    style(css: string): this;
+    render(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+    into(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+}
+export declare function nav(id?: string, options?: NavOptions): Nav;
+export { Nav, NavOptions };
+export default nav;
+//# sourceMappingURL=nav.d.ts.map

package/dist/components/layout/nav.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav.d.ts","sourceRoot":"","sources":["../../../lib/components/layout/nav.ts"],"names":[],"mappings":"AAGA,KAAK,QAAQ,GAAG;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,GAAG,WAAW,CAAC;AAEvD,UAAU,UAAU;IAChB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,MAAM,CAAC,EAAE,QAAQ,CAAC;IAClB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,cAAM,GAAG;IACL,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,KAAK,CAAa;IAC1B,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,SAAS,CAAc;IAC/B,OAAO,CAAC,WAAW,CAAc;IACjC,OAAO,CAAC,UAAU,CAAc;gBAEpB,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,UAAe;IA4ChD,IAAI,OAAO,IAAI,WAAW,CAA0B;IACpD,UAAU,IAAI,WAAW;IACzB,IAAI,KAAK,IAAI,GAAG,CAAyC;IAEzD,IAAI,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI;IAI3B,MAAM,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI;IAI7B,KAAK,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI;IAI5B,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACzB,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACrB,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACxB,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAOxB,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,GAAG,IAAI;IAUtE,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,GAAG,IAAI;CAGvE;AAED,wBAAgB,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,GAAE,UAAe,GAAG,GAAG,CAI9D;AAED,OAAO,EAAE,GAAG,EAAE,UAAU,EAAE,CAAC;AAC3B,eAAe,GAAG,CAAC"}

package/dist/components/layout/nav.js

@@ -0,0 +1,94 @@
+import generateId from '../../utils/idgen.js';
+import { pageState } from '../../state/pageState.js';
+class Nav {
+    constructor(id, options = {}) {
+        this.id = id || generateId('nav');
+        this._opts = { ...options };
+        this._element = document.createElement('nav');
+        this._element.id = this.id;
+        this._element.style.display = 'flex';
+        this._element.style.flexDirection = 'row';
+        this._element.style.alignItems = 'center';
+        this._element.style.justifyContent = 'space-between';
+        this._element.style.boxSizing = 'border-box';
+        this._element.style.width = '100%';
+        if (this._opts.height)
+            this._element.style.height = this._opts.height;
+        if (this._opts.bg)
+            this._element.style.background = this._opts.bg;
+        if (this._opts.class)
+            this._element.className = this._opts.class;
+        if (this._opts.style) {
+            const existing = this._element.getAttribute('style') || '';
+            this._element.setAttribute('style', existing + ';' + this._opts.style);
+        }
+        this._leftZone = document.createElement('div');
+        this._leftZone.style.display = 'flex';
+        this._leftZone.style.alignItems = 'center';
+        this._centerZone = document.createElement('div');
+        this._centerZone.style.display = 'flex';
+        this._centerZone.style.alignItems = 'center';
+        this._rightZone = document.createElement('div');
+        this._rightZone.style.display = 'flex';
+        this._rightZone.style.alignItems = 'center';
+        if (this._opts.left)
+            this._leftZone.appendChild(this._opts.left instanceof HTMLElement ? this._opts.left : this._opts.left.element);
+        if (this._opts.center)
+            this._centerZone.appendChild(this._opts.center instanceof HTMLElement ? this._opts.center : this._opts.center.element);
+        if (this._opts.right)
+            this._rightZone.appendChild(this._opts.right instanceof HTMLElement ? this._opts.right : this._opts.right.element);
+        this._element.appendChild(this._leftZone);
+        this._element.appendChild(this._centerZone);
+        this._element.appendChild(this._rightZone);
+        if (this._opts.target)
+            this.render(this._opts.target);
+    }
+    get element() { return this._element; }
+    getElement() { return this._element; }
+    get state() { return pageState[this.id]; }
+    left(child) {
+        this._leftZone.replaceChildren(child instanceof HTMLElement ? child : child.element);
+        return this;
+    }
+    center(child) {
+        this._centerZone.replaceChildren(child instanceof HTMLElement ? child : child.element);
+        return this;
+    }
+    right(child) {
+        this._rightZone.replaceChildren(child instanceof HTMLElement ? child : child.element);
+        return this;
+    }
+    height(val) { this._opts.height = val; this._element.style.height = val; return this; }
+    bg(val) { this._opts.bg = val; this._element.style.background = val; return this; }
+    class(val) { this._opts.class = val; this._element.className = val; return this; }
+    style(css) {
+        this._opts.style = css;
+        const existing = this._element.getAttribute('style') || '';
+        this._element.setAttribute('style', existing + ';' + css);
+        return this;
+    }
+    render(target) {
+        let parent = null;
+        if (typeof target === 'string')
+            parent = document.getElementById(target) || document.querySelector(target);
+        else if (target instanceof HTMLElement)
+            parent = target;
+        else if (target && 'element' in target)
+            parent = target.element;
+        else
+            parent = document.getElementById('app');
+        parent?.appendChild(this._element);
+        return this;
+    }
+    into(target) {
+        return this.render(target);
+    }
+}
+export function nav(id, options = {}) {
+    const inst = new Nav(id || generateId('nav'), options);
+    pageState.__register(inst);
+    return inst;
+}
+export { Nav };
+export default nav;
+//# sourceMappingURL=nav.js.map

package/dist/components/layout/nav.js.map

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

package/dist/components/layout/rows.d.ts

@@ -0,0 +1,33 @@
+type AnyChild = {
+    element: HTMLElement;
+} | HTMLElement;
+interface RowsOptions {
+    gap?: string;
+    class?: string;
+    style?: string;
+    target?: string;
+    [key: string]: any;
+}
+declare class Rows {
+    id: string;
+    private _opts;
+    private _element;
+    constructor(id: string, sizes: string[], gap?: string, options?: RowsOptions);
+    get element(): HTMLElement;
+    getElement(): HTMLElement;
+    get state(): any;
+    gap(val: string): this;
+    class(val: string): this;
+    style(css: string): this;
+    append(...children: AnyChild[]): this;
+    render(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+    into(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+}
+export declare function rows(id?: string, sizes?: string[], gap?: string, options?: RowsOptions): Rows;
+export { Rows, RowsOptions };
+export default rows;
+//# sourceMappingURL=rows.d.ts.map

package/dist/components/layout/rows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rows.d.ts","sourceRoot":"","sources":["../../../lib/components/layout/rows.ts"],"names":[],"mappings":"AAGA,KAAK,QAAQ,GAAG;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,GAAG,WAAW,CAAC;AAEvD,UAAU,WAAW;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,cAAM,IAAI;IACN,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,KAAK,CAAc;IAC3B,OAAO,CAAC,QAAQ,CAAc;gBAElB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,GAAE,MAAY,EAAE,OAAO,GAAE,WAAgB;IAoBrF,IAAI,OAAO,IAAI,WAAW,CAA0B;IACpD,UAAU,IAAI,WAAW;IACzB,IAAI,KAAK,IAAI,GAAG,CAAyC;IAEzD,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACtB,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACxB,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAOxB,MAAM,CAAC,GAAG,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI;IAQrC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,GAAG,IAAI;IAUtE,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,GAAG,IAAI;CAGvE;AAED,wBAAgB,IAAI,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,GAAE,MAAM,EAAY,EAAE,GAAG,GAAE,MAAY,EAAE,OAAO,GAAE,WAAgB,GAAG,IAAI,CAI/G;AAED,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,CAAC;AAC7B,eAAe,IAAI,CAAC"}

package/dist/components/layout/rows.js

@@ -0,0 +1,64 @@
+import generateId from '../../utils/idgen.js';
+import { pageState } from '../../state/pageState.js';
+class Rows {
+    constructor(id, sizes, gap = '0', options = {}) {
+        this.id = id || generateId('rows');
+        this._opts = { gap, ...options };
+        this._element = document.createElement('div');
+        this._element.id = this.id;
+        this._element.style.display = 'grid';
+        this._element.style.gridTemplateRows = sizes.join(' ');
+        this._element.style.gap = gap;
+        this._element.style.boxSizing = 'border-box';
+        if (this._opts.class)
+            this._element.className = this._opts.class;
+        if (this._opts.style) {
+            const existing = this._element.getAttribute('style') || '';
+            this._element.setAttribute('style', existing + ';' + this._opts.style);
+        }
+        if (this._opts.target)
+            this.render(this._opts.target);
+    }
+    get element() { return this._element; }
+    getElement() { return this._element; }
+    get state() { return pageState[this.id]; }
+    gap(val) { this._opts.gap = val; this._element.style.gap = val; return this; }
+    class(val) { this._opts.class = val; this._element.className = val; return this; }
+    style(css) {
+        this._opts.style = css;
+        const existing = this._element.getAttribute('style') || '';
+        this._element.setAttribute('style', existing + ';' + css);
+        return this;
+    }
+    append(...children) {
+        for (const child of children) {
+            const node = child instanceof HTMLElement ? child : child.element;
+            this._element.appendChild(node);
+        }
+        return this;
+    }
+    render(target) {
+        let parent = null;
+        if (typeof target === 'string')
+            parent = document.getElementById(target) || document.querySelector(target);
+        else if (target instanceof HTMLElement)
+            parent = target;
+        else if (target && 'element' in target)
+            parent = target.element;
+        else
+            parent = document.getElementById('app');
+        parent?.appendChild(this._element);
+        return this;
+    }
+    into(target) {
+        return this.render(target);
+    }
+}
+export function rows(id, sizes = ['1fr'], gap = '0', options = {}) {
+    const inst = new Rows(id || generateId('rows'), sizes, gap, options);
+    pageState.__register(inst);
+    return inst;
+}
+export { Rows };
+export default rows;
+//# sourceMappingURL=rows.js.map

package/dist/components/layout/rows.js.map

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

package/dist/components/layout/section.d.ts

@@ -0,0 +1,35 @@
+type AnyChild = {
+    element: HTMLElement;
+} | HTMLElement;
+interface SectionOptions {
+    padding?: string;
+    bg?: string;
+    class?: string;
+    style?: string;
+    target?: string;
+    [key: string]: any;
+}
+declare class Section {
+    id: string;
+    private _opts;
+    private _element;
+    constructor(id: string, options?: SectionOptions);
+    get element(): HTMLElement;
+    getElement(): HTMLElement;
+    get state(): any;
+    padding(val: string): this;
+    bg(val: string): this;
+    class(val: string): this;
+    style(css: string): this;
+    append(...children: AnyChild[]): this;
+    render(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+    into(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+}
+export declare function section(id?: string, options?: SectionOptions): Section;
+export { Section, SectionOptions };
+export default section;
+//# sourceMappingURL=section.d.ts.map

package/dist/components/layout/section.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"section.d.ts","sourceRoot":"","sources":["../../../lib/components/layout/section.ts"],"names":[],"mappings":"AAGA,KAAK,QAAQ,GAAG;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,GAAG,WAAW,CAAC;AAEvD,UAAU,cAAc;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,cAAM,OAAO;IACT,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,KAAK,CAAiB;IAC9B,OAAO,CAAC,QAAQ,CAAc;gBAElB,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,cAAmB;IAmBpD,IAAI,OAAO,IAAI,WAAW,CAA0B;IACpD,UAAU,IAAI,WAAW;IACzB,IAAI,KAAK,IAAI,GAAG,CAAyC;IAEzD,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAC1B,EAAE,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACrB,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACxB,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAOxB,MAAM,CAAC,GAAG,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI;IAQrC,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,GAAG,IAAI;IAUtE,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,GAAG,IAAI;CAGvE;AAED,wBAAgB,OAAO,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,OAAO,GAAE,cAAmB,GAAG,OAAO,CAI1E;AAED,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,CAAC;AACnC,eAAe,OAAO,CAAC"}

package/dist/components/layout/section.js

@@ -0,0 +1,66 @@
+import generateId from '../../utils/idgen.js';
+import { pageState } from '../../state/pageState.js';
+class Section {
+    constructor(id, options = {}) {
+        this.id = id || generateId('section');
+        this._opts = { ...options };
+        this._element = document.createElement('section');
+        this._element.id = this.id;
+        this._element.style.boxSizing = 'border-box';
+        if (this._opts.padding)
+            this._element.style.padding = this._opts.padding;
+        if (this._opts.bg)
+            this._element.style.background = this._opts.bg;
+        if (this._opts.class)
+            this._element.className = this._opts.class;
+        if (this._opts.style) {
+            const existing = this._element.getAttribute('style') || '';
+            this._element.setAttribute('style', existing + ';' + this._opts.style);
+        }
+        if (this._opts.target)
+            this.render(this._opts.target);
+    }
+    get element() { return this._element; }
+    getElement() { return this._element; }
+    get state() { return pageState[this.id]; }
+    padding(val) { this._opts.padding = val; this._element.style.padding = val; return this; }
+    bg(val) { this._opts.bg = val; this._element.style.background = val; return this; }
+    class(val) { this._opts.class = val; this._element.className = val; return this; }
+    style(css) {
+        this._opts.style = css;
+        const existing = this._element.getAttribute('style') || '';
+        this._element.setAttribute('style', existing + ';' + css);
+        return this;
+    }
+    append(...children) {
+        for (const child of children) {
+            const node = child instanceof HTMLElement ? child : child.element;
+            this._element.appendChild(node);
+        }
+        return this;
+    }
+    render(target) {
+        let parent = null;
+        if (typeof target === 'string')
+            parent = document.getElementById(target) || document.querySelector(target);
+        else if (target instanceof HTMLElement)
+            parent = target;
+        else if (target && 'element' in target)
+            parent = target.element;
+        else
+            parent = document.getElementById('app');
+        parent?.appendChild(this._element);
+        return this;
+    }
+    into(target) {
+        return this.render(target);
+    }
+}
+export function section(id, options = {}) {
+    const inst = new Section(id || generateId('section'), options);
+    pageState.__register(inst);
+    return inst;
+}
+export { Section };
+export default section;
+//# sourceMappingURL=section.js.map