juxscript 1.1.412 → 1.1.414

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

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

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

@@ -0,0 +1,33 @@
+type AnyChild = {
+    element: HTMLElement;
+} | HTMLElement;
+interface SplitOptions {
+    ratio?: string;
+    gap?: string;
+    class?: string;
+    style?: string;
+    target?: string;
+    [key: string]: any;
+}
+declare class Split {
+    id: string;
+    private _opts;
+    private _element;
+    private _leftEl;
+    private _rightEl;
+    constructor(id: string, left: AnyChild, right: AnyChild, options?: SplitOptions);
+    private _parseRatio;
+    get element(): HTMLElement;
+    getElement(): HTMLElement;
+    get state(): any;
+    render(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+    into(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+}
+export declare function split(id?: string, left?: AnyChild, right?: AnyChild, options?: SplitOptions): Split;
+export { Split, SplitOptions };
+export default split;
+//# sourceMappingURL=split.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"split.d.ts","sourceRoot":"","sources":["../../../lib/components/layout/split.ts"],"names":[],"mappings":"AAGA,KAAK,QAAQ,GAAG;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,GAAG,WAAW,CAAC;AAEvD,UAAU,YAAY;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,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,KAAK;IACP,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,QAAQ,CAAc;gBAElB,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,GAAE,YAAiB;IAsCnF,OAAO,CAAC,WAAW;IAOnB,IAAI,OAAO,IAAI,WAAW,CAA0B;IACpD,UAAU,IAAI,WAAW;IACzB,IAAI,KAAK,IAAI,GAAG,CAAyC;IAEzD,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,KAAK,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAE,YAAiB,GAAG,KAAK,CAMvG;AAED,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;AAC/B,eAAe,KAAK,CAAC"}

package/dist/components/layout/split.js

@@ -0,0 +1,74 @@
+import generateId from '../../utils/idgen.js';
+import { pageState } from '../../state/pageState.js';
+class Split {
+    constructor(id, left, right, options = {}) {
+        this.id = id || generateId('split');
+        this._opts = { ...options };
+        this._element = document.createElement('div');
+        this._element.id = this.id;
+        this._element.style.display = 'flex';
+        this._element.style.flexDirection = 'row';
+        this._element.style.boxSizing = 'border-box';
+        this._element.style.width = '100%';
+        if (this._opts.gap)
+            this._element.style.gap = this._opts.gap;
+        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);
+        }
+        const [leftRatio, rightRatio] = this._parseRatio(this._opts.ratio);
+        this._leftEl = document.createElement('div');
+        this._leftEl.style.flex = leftRatio;
+        this._leftEl.style.boxSizing = 'border-box';
+        const leftNode = left instanceof HTMLElement ? left : left.element;
+        this._leftEl.appendChild(leftNode);
+        this._rightEl = document.createElement('div');
+        this._rightEl.style.flex = rightRatio;
+        this._rightEl.style.boxSizing = 'border-box';
+        const rightNode = right instanceof HTMLElement ? right : right.element;
+        this._rightEl.appendChild(rightNode);
+        this._element.appendChild(this._leftEl);
+        this._element.appendChild(this._rightEl);
+        if (this._opts.target)
+            this.render(this._opts.target);
+    }
+    _parseRatio(ratio) {
+        if (!ratio)
+            return ['1', '1'];
+        const parts = ratio.split('/');
+        if (parts.length === 2)
+            return [parts[0].trim(), parts[1].trim()];
+        return ['1', '1'];
+    }
+    get element() { return this._element; }
+    getElement() { return this._element; }
+    get state() { return pageState[this.id]; }
+    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 split(id, left, right, options = {}) {
+    const leftEl = left || document.createElement('div');
+    const rightEl = right || document.createElement('div');
+    const inst = new Split(id || generateId('split'), leftEl, rightEl, options);
+    pageState.__register(inst);
+    return inst;
+}
+export { Split };
+export default split;
+//# sourceMappingURL=split.js.map

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

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

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

@@ -0,0 +1,37 @@
+type AnyChild = {
+    element: HTMLElement;
+} | HTMLElement;
+interface StackOptions {
+    gap?: string;
+    align?: string;
+    padding?: string;
+    class?: string;
+    style?: string;
+    target?: string;
+    [key: string]: any;
+}
+declare class Stack {
+    id: string;
+    private _opts;
+    private _element;
+    constructor(id: string, gap?: string, align?: string, options?: StackOptions);
+    get element(): HTMLElement;
+    getElement(): HTMLElement;
+    get state(): any;
+    gap(val: string): this;
+    align(val: string): 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 stack(id?: string, gap?: string, align?: string, options?: StackOptions): Stack;
+export { Stack, StackOptions };
+export default stack;
+//# sourceMappingURL=stack.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stack.d.ts","sourceRoot":"","sources":["../../../lib/components/layout/stack.ts"],"names":[],"mappings":"AAGA,KAAK,QAAQ,GAAG;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,GAAG,WAAW,CAAC;AAEvD,UAAU,YAAY;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,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,KAAK;IACP,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,QAAQ,CAAc;gBAElB,EAAE,EAAE,MAAM,EAAE,GAAG,GAAE,MAAY,EAAE,KAAK,GAAE,MAAkB,EAAE,OAAO,GAAE,YAAiB;IAsBhG,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,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAC1B,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,KAAK,CAAC,EAAE,CAAC,EAAE,MAAM,EAAE,GAAG,GAAE,MAAY,EAAE,KAAK,GAAE,MAAkB,EAAE,OAAO,GAAE,YAAiB,GAAG,KAAK,CAIlH;AAED,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;AAC/B,eAAe,KAAK,CAAC"}

package/dist/components/layout/stack.js

@@ -0,0 +1,69 @@
+import generateId from '../../utils/idgen.js';
+import { pageState } from '../../state/pageState.js';
+class Stack {
+    constructor(id, gap = '0', align = 'stretch', options = {}) {
+        this.id = id || generateId('stack');
+        this._opts = { gap, align, ...options };
+        this._element = document.createElement('div');
+        this._element.id = this.id;
+        this._element.style.display = 'flex';
+        this._element.style.flexDirection = 'column';
+        this._element.style.boxSizing = 'border-box';
+        this._element.style.gap = gap;
+        this._element.style.alignItems = align;
+        if (this._opts.padding)
+            this._element.style.padding = this._opts.padding;
+        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; }
+    align(val) { this._opts.align = val; this._element.style.alignItems = val; 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 stack(id, gap = '0', align = 'stretch', options = {}) {
+    const inst = new Stack(id || generateId('stack'), gap, align, options);
+    pageState.__register(inst);
+    return inst;
+}
+export { Stack };
+export default stack;
+//# sourceMappingURL=stack.js.map

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

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

package/dist/components/media/avatar.d.ts

@@ -0,0 +1,53 @@
+interface AvatarOptions {
+    size?: string;
+    alt?: string;
+    initials?: string;
+    bg?: string;
+    class?: string;
+    style?: string;
+    target?: string;
+    [key: string]: any;
+}
+declare class Avatar {
+    id: string;
+    private _opts;
+    private _element;
+    private _img;
+    private _fallback;
+    constructor(id: string, src: string, options?: AvatarOptions);
+    private _buildContent;
+    get element(): HTMLElement;
+    getElement(): HTMLElement;
+    get state(): any;
+    src(val: string): this;
+    size(val: string): this;
+    alt(val: string): this;
+    initials(val: string): this;
+    bg(val: string): this;
+    class(val: string): this;
+    style(css: string): this;
+    getSrc(): string;
+    getSize(): string;
+    getAlt(): string;
+    getInitials(): string;
+    getBg(): string;
+    getClass(): string;
+    getStyle(): string;
+    setSrc(val: string): this;
+    setSize(val: string): this;
+    setAlt(val: string): this;
+    setInitials(val: string): this;
+    setBg(val: string): this;
+    setClass(val: string): this;
+    setStyle(val: string): this;
+    render(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+    into(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+}
+export declare function avatar(id: string, src: string, options?: AvatarOptions): Avatar;
+export { Avatar, AvatarOptions };
+export default avatar;
+//# sourceMappingURL=avatar.d.ts.map

package/dist/components/media/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../lib/components/media/avatar.ts"],"names":[],"mappings":"AAGA,UAAU,aAAa;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,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,MAAM;IACR,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,KAAK,CAAgB;IAC7B,OAAO,CAAC,QAAQ,CAAiB;IACjC,OAAO,CAAC,IAAI,CAAiC;IAC7C,OAAO,CAAC,SAAS,CAAgC;gBAErC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB;IA0BhE,OAAO,CAAC,aAAa;IAwBrB,IAAI,OAAO,IAAI,WAAW,CAA0B;IACpD,UAAU,IAAI,WAAW;IACzB,IAAI,KAAK,IAAI,GAAG,CAA+B;IAE/C,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAQtB,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAOvB,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACtB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAC3B,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,IAAI,MAAM;IAChB,OAAO,IAAI,MAAM;IACjB,MAAM,IAAI,MAAM;IAChB,WAAW,IAAI,MAAM;IACrB,KAAK,IAAI,MAAM;IACf,QAAQ,IAAI,MAAM;IAClB,QAAQ,IAAI,MAAM;IAElB,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACzB,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAC1B,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACzB,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAC9B,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACxB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAC3B,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAE3B,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,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE,aAAkB,GAAG,MAAM,CAInF;AAED,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC;AACjC,eAAe,MAAM,CAAC"}

package/dist/components/media/avatar.js

@@ -0,0 +1,122 @@
+import generateId from '../../utils/idgen.js';
+import { pageState } from '../../state/pageState.js';
+class Avatar {
+    constructor(id, src, options = {}) {
+        this._img = null;
+        this._fallback = null;
+        this.id = id || generateId('avatar');
+        this._opts = { size: '40px', ...options };
+        this._element = document.createElement('div');
+        this._element.id = this.id;
+        const size = this._opts.size || '40px';
+        this._element.style.display = 'inline-flex';
+        this._element.style.alignItems = 'center';
+        this._element.style.justifyContent = 'center';
+        this._element.style.width = size;
+        this._element.style.height = size;
+        this._element.style.borderRadius = '50%';
+        this._element.style.overflow = 'hidden';
+        this._element.style.userSelect = 'none';
+        if (this._opts.bg)
+            this._element.style.backgroundColor = this._opts.bg;
+        if (this._opts.class)
+            this._element.className = this._opts.class;
+        if (this._opts.style)
+            this._element.setAttribute('style', (this._element.getAttribute('style') || '') + ';' + this._opts.style);
+        this._buildContent(src);
+        if (this._opts.target)
+            this.render(this._opts.target);
+    }
+    _buildContent(src) {
+        this._img = document.createElement('img');
+        this._img.src = src;
+        this._img.alt = this._opts.alt || '';
+        this._img.style.width = '100%';
+        this._img.style.height = '100%';
+        this._img.style.objectFit = 'cover';
+        this._fallback = document.createElement('span');
+        this._fallback.textContent = this._opts.initials || '';
+        this._fallback.style.display = 'none';
+        this._fallback.style.fontSize = `calc(${this._opts.size || '40px'} * 0.4)`;
+        this._fallback.style.fontWeight = '600';
+        this._fallback.style.lineHeight = '1';
+        this._img.addEventListener('error', () => {
+            if (this._img)
+                this._img.style.display = 'none';
+            if (this._fallback)
+                this._fallback.style.display = '';
+        });
+        this._element.appendChild(this._img);
+        this._element.appendChild(this._fallback);
+    }
+    get element() { return this._element; }
+    getElement() { return this._element; }
+    get state() { return pageState[this.id]; }
+    src(val) {
+        if (this._img) {
+            this._img.src = val;
+            this._img.style.display = '';
+            if (this._fallback)
+                this._fallback.style.display = 'none';
+        }
+        return this;
+    }
+    size(val) {
+        this._opts.size = val;
+        this._element.style.width = val;
+        this._element.style.height = val;
+        if (this._fallback)
+            this._fallback.style.fontSize = `calc(${val} * 0.4)`;
+        return this;
+    }
+    alt(val) { this._opts.alt = val; if (this._img)
+        this._img.alt = val; return this; }
+    initials(val) { this._opts.initials = val; if (this._fallback)
+        this._fallback.textContent = val; return this; }
+    bg(val) { this._opts.bg = val; this._element.style.backgroundColor = 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;
+    }
+    getSrc() { return this._img?.src || ''; }
+    getSize() { return this._opts.size || '40px'; }
+    getAlt() { return this._opts.alt || ''; }
+    getInitials() { return this._opts.initials || ''; }
+    getBg() { return this._opts.bg || ''; }
+    getClass() { return this._opts.class || ''; }
+    getStyle() { return this._opts.style || ''; }
+    setSrc(val) { return this.src(val); }
+    setSize(val) { return this.size(val); }
+    setAlt(val) { return this.alt(val); }
+    setInitials(val) { return this.initials(val); }
+    setBg(val) { return this.bg(val); }
+    setClass(val) { return this.class(val); }
+    setStyle(val) { return this.style(val); }
+    render(target) {
+        let parent = null;
+        if (target instanceof HTMLElement)
+            parent = target;
+        else if (typeof target === 'string')
+            parent = document.getElementById(target) || document.querySelector(target);
+        else if (target && typeof target === 'object' && '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 avatar(id, src, options = {}) {
+    const inst = new Avatar(id, src, options);
+    pageState.__register(inst);
+    return inst;
+}
+export { Avatar };
+export default avatar;
+//# sourceMappingURL=avatar.js.map

package/dist/components/media/avatar.js.map

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

package/dist/components/media/embed.d.ts

@@ -0,0 +1,47 @@
+interface EmbedOptions {
+    width?: string;
+    height?: string;
+    allowfullscreen?: boolean;
+    title?: string;
+    class?: string;
+    style?: string;
+    target?: string;
+    [key: string]: any;
+}
+declare class Embed {
+    id: string;
+    private _opts;
+    private _element;
+    constructor(id: string, url: string, options?: EmbedOptions);
+    get element(): HTMLElement;
+    getElement(): HTMLElement;
+    get state(): any;
+    src(val: string): this;
+    width(val: string): this;
+    height(val: string): this;
+    title(val: string): this;
+    class(val: string): this;
+    style(css: string): this;
+    getSrc(): string;
+    getWidth(): string;
+    getHeight(): string;
+    getTitle(): string;
+    getClass(): string;
+    getStyle(): string;
+    setSrc(val: string): this;
+    setWidth(val: string): this;
+    setHeight(val: string): this;
+    setTitle(val: string): this;
+    setClass(val: string): this;
+    setStyle(val: string): this;
+    render(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+    into(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+}
+export declare function embed(id: string, url: string, options?: EmbedOptions): Embed;
+export { Embed, EmbedOptions };
+export default embed;
+//# sourceMappingURL=embed.d.ts.map

package/dist/components/media/embed.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"embed.d.ts","sourceRoot":"","sources":["../../../lib/components/media/embed.ts"],"names":[],"mappings":"AAGA,UAAU,YAAY;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,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,KAAK;IACP,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,KAAK,CAAe;IAC5B,OAAO,CAAC,QAAQ,CAAoB;gBAExB,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE,YAAiB;IAmB/D,IAAI,OAAO,IAAI,WAAW,CAA0B;IACpD,UAAU,IAAI,WAAW;IACzB,IAAI,KAAK,IAAI,GAAG,CAA+B;IAE/C,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACtB,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACxB,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACzB,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACxB,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACxB,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAOxB,MAAM,IAAI,MAAM;IAChB,QAAQ,IAAI,MAAM;IAClB,SAAS,IAAI,MAAM;IACnB,QAAQ,IAAI,MAAM;IAClB,QAAQ,IAAI,MAAM;IAClB,QAAQ,IAAI,MAAM;IAElB,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACzB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAC3B,SAAS,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAC5B,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAC3B,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAC3B,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAE3B,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,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,OAAO,GAAE,YAAiB,GAAG,KAAK,CAIhF;AAED,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC;AAC/B,eAAe,KAAK,CAAC"}

package/dist/components/media/embed.js

@@ -0,0 +1,74 @@
+import generateId from '../../utils/idgen.js';
+import { pageState } from '../../state/pageState.js';
+class Embed {
+    constructor(id, url, options = {}) {
+        this.id = id || generateId('embed');
+        this._opts = { width: '100%', height: '400px', allowfullscreen: true, ...options };
+        this._element = document.createElement('iframe');
+        this._element.id = this.id;
+        this._element.src = url;
+        this._element.style.width = this._opts.width || '100%';
+        this._element.style.height = this._opts.height || '400px';
+        this._element.style.border = 'none';
+        if (this._opts.allowfullscreen !== false)
+            this._element.allowFullscreen = true;
+        if (this._opts.title)
+            this._element.title = this._opts.title;
+        if (this._opts.class)
+            this._element.className = this._opts.class;
+        if (this._opts.style)
+            this._element.setAttribute('style', (this._element.getAttribute('style') || '') + ';' + 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]; }
+    src(val) { this._element.src = val; return this; }
+    width(val) { this._opts.width = val; this._element.style.width = val; return this; }
+    height(val) { this._opts.height = val; this._element.style.height = val; return this; }
+    title(val) { this._opts.title = val; this._element.title = 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;
+    }
+    getSrc() { return this._element.src; }
+    getWidth() { return this._opts.width || '100%'; }
+    getHeight() { return this._opts.height || '400px'; }
+    getTitle() { return this._opts.title || ''; }
+    getClass() { return this._opts.class || ''; }
+    getStyle() { return this._opts.style || ''; }
+    setSrc(val) { return this.src(val); }
+    setWidth(val) { return this.width(val); }
+    setHeight(val) { return this.height(val); }
+    setTitle(val) { return this.title(val); }
+    setClass(val) { return this.class(val); }
+    setStyle(val) { return this.style(val); }
+    render(target) {
+        let parent = null;
+        if (target instanceof HTMLElement)
+            parent = target;
+        else if (typeof target === 'string')
+            parent = document.getElementById(target) || document.querySelector(target);
+        else if (target && typeof target === 'object' && '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 embed(id, url, options = {}) {
+    const inst = new Embed(id, url, options);
+    pageState.__register(inst);
+    return inst;
+}
+export { Embed };
+export default embed;
+//# sourceMappingURL=embed.js.map

package/dist/components/media/embed.js.map

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

package/dist/components/media/gallery.d.ts

@@ -0,0 +1,50 @@
+interface GalleryItem {
+    src: string;
+    alt?: string;
+    caption?: string;
+}
+interface GalleryOptions {
+    cols?: number;
+    gap?: string;
+    class?: string;
+    style?: string;
+    target?: string;
+    [key: string]: any;
+}
+declare class Gallery {
+    id: string;
+    private _items;
+    private _opts;
+    private _element;
+    constructor(id: string, items: GalleryItem[], options?: GalleryOptions);
+    private _applyGrid;
+    private _renderItems;
+    get element(): HTMLElement;
+    getElement(): HTMLElement;
+    get state(): any;
+    items(val: GalleryItem[]): this;
+    cols(val: number): this;
+    gap(val: string): this;
+    class(val: string): this;
+    style(css: string): this;
+    getItems(): GalleryItem[];
+    getCols(): number;
+    getGap(): string;
+    getClass(): string;
+    getStyle(): string;
+    setItems(val: GalleryItem[]): this;
+    setCols(val: number): this;
+    setGap(val: string): this;
+    setClass(val: string): this;
+    setStyle(val: string): this;
+    render(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+    into(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+}
+export declare function gallery(id: string, items: GalleryItem[], options?: GalleryOptions): Gallery;
+export { Gallery, GalleryItem, GalleryOptions };
+export default gallery;
+//# sourceMappingURL=gallery.d.ts.map

package/dist/components/media/gallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gallery.d.ts","sourceRoot":"","sources":["../../../lib/components/media/gallery.ts"],"names":[],"mappings":"AAGA,UAAU,WAAW;IACjB,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,cAAc;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,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,OAAO;IACT,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,CAAC,MAAM,CAAgB;IAC9B,OAAO,CAAC,KAAK,CAAiB;IAC9B,OAAO,CAAC,QAAQ,CAAiB;gBAErB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,OAAO,GAAE,cAAmB;IAiB1E,OAAO,CAAC,UAAU;IAQlB,OAAO,CAAC,YAAY;IA2BpB,IAAI,OAAO,IAAI,WAAW,CAA0B;IACpD,UAAU,IAAI,WAAW;IACzB,IAAI,KAAK,IAAI,GAAG,CAA+B;IAE/C,KAAK,CAAC,GAAG,EAAE,WAAW,EAAE,GAAG,IAAI;IAC/B,IAAI,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACvB,GAAG,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACtB,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACxB,KAAK,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAOxB,QAAQ,IAAI,WAAW,EAAE;IACzB,OAAO,IAAI,MAAM;IACjB,MAAM,IAAI,MAAM;IAChB,QAAQ,IAAI,MAAM;IAClB,QAAQ,IAAI,MAAM;IAElB,QAAQ,CAAC,GAAG,EAAE,WAAW,EAAE,GAAG,IAAI;IAClC,OAAO,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAC1B,MAAM,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IACzB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAC3B,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,IAAI;IAE3B,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,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,OAAO,GAAE,cAAmB,GAAG,OAAO,CAI/F;AAED,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,CAAC;AAChD,eAAe,OAAO,CAAC"}