juxscript 1.1.390 → 1.1.395

package/dist/components/c.js

@@ -0,0 +1,127 @@
+import generateId from "../utils/idgen.js";
+function sanitizeCSSValue(value) {
+    // Fix calc('...') or calc("...") → calc(...)
+    return value.replace(/calc\(\s*['"]([^'"]*)['"]\s*\)/g, 'calc($1)');
+}
+class C {
+    constructor(width, height, padding, radius, margin, border, overflow, options = {}) {
+        this.id = options.id || generateId('c');
+        this.opts = { ...options };
+        this._element = document.createElement('div');
+        this._element.id = this.id;
+        this._element.style.boxSizing = 'border-box';
+        this._element.style.float = 'left';
+        if (width)
+            this._element.style.width = sanitizeCSSValue(width);
+        if (height)
+            this._element.style.height = sanitizeCSSValue(height);
+        if (padding)
+            this._element.style.padding = sanitizeCSSValue(padding);
+        if (radius)
+            this._element.style.borderRadius = sanitizeCSSValue(radius);
+        if (margin)
+            this._element.style.margin = sanitizeCSSValue(margin);
+        if (border)
+            this._element.style.border = sanitizeCSSValue(border);
+        if (overflow)
+            this._element.style.overflow = overflow;
+        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);
+        // Extra data-* attributes
+        const reserved = ['id', 'class', 'style', 'target'];
+        for (const [key, value] of Object.entries(this.opts)) {
+            if (reserved.includes(key))
+                continue;
+            this._element.setAttribute(`data-${key}`, String(value));
+        }
+        // Auto-mount
+        if (this.opts.target) {
+            this.render(this.opts.target);
+        }
+        else {
+            this.render();
+        }
+    }
+    // ═══════════════════════════════════════════════════════════
+    // ELEMENT ACCESS
+    // ═══════════════════════════════════════════════════════════
+    get element() { return this._element; }
+    getElement() { return this._element; }
+    // ═══════════════════════════════════════════════════════════
+    // FLUENT BUILDER API
+    // ═══════════════════════════════════════════════════════════
+    id_set(value) { this.id = value; this._element.id = value; return this; }
+    class(value) { this.opts.class = value; this._element.className = value; return this; }
+    style(css) {
+        this.opts.style = css;
+        const existing = this._element.getAttribute('style') || '';
+        this._element.setAttribute('style', existing + ';' + css);
+        return this;
+    }
+    padding(value) { this.opts.padding = value; this._element.style.padding = sanitizeCSSValue(value); return this; }
+    radius(value) { this.opts.radius = value; this._element.style.borderRadius = sanitizeCSSValue(value); return this; }
+    margin(value) { this.opts.margin = value; this._element.style.margin = sanitizeCSSValue(value); return this; }
+    border(value) { this.opts.border = value; this._element.style.border = sanitizeCSSValue(value); return this; }
+    overflow(value) { this.opts.overflow = value; this._element.style.overflow = value; return this; }
+    width(value) { this._element.style.width = sanitizeCSSValue(value); return this; }
+    height(value) { this._element.style.height = sanitizeCSSValue(value); return this; }
+    target_set(value) { this.opts.target = value; return this; }
+    // ═══════════════════════════════════════════════════════════
+    // GETTERS / SETTERS (delegators)
+    // ═══════════════════════════════════════════════════════════
+    getId() { return this.id; }
+    getClass() { return this.opts.class ?? ''; }
+    getStyle() { return this.opts.style ?? ''; }
+    getPadding() { return this.opts.padding ?? ''; }
+    getRadius() { return this.opts.radius ?? ''; }
+    getMargin() { return this.opts.margin ?? ''; }
+    getBorder() { return this.opts.border ?? ''; }
+    getOverflow() { return this.opts.overflow ?? ''; }
+    getTarget() { return this.opts.target ?? ''; }
+    getValue() { return this._element.textContent ?? ''; }
+    setId(val) { return this.id_set(val); }
+    setClass(val) { return this.class(val); }
+    setStyle(val) { return this.style(val); }
+    setPadding(val) { return this.padding(val); }
+    setRadius(val) { return this.radius(val); }
+    setMargin(val) { return this.margin(val); }
+    setBorder(val) { return this.border(val); }
+    setOverflow(val) { return this.overflow(val); }
+    setTarget(val) { return this.target_set(val); }
+    setValue(val) { this._element.textContent = val; return this; }
+    setInnerHTML(val) { this._element.innerHTML = val; return this; }
+    // ═══════════════════════════════════════════════════════════
+    // TREE / RENDER
+    // ═══════════════════════════════════════════════════════════
+    append(child) {
+        const node = child instanceof C ? child.element : child;
+        this._element.appendChild(node);
+        return this;
+    }
+    render(target) {
+        let parent;
+        if (target instanceof C) {
+            parent = target.element;
+        }
+        else if (typeof target === 'string') {
+            parent = document.getElementById(target) || document.querySelector(target);
+        }
+        else {
+            parent = target || document.getElementById('app');
+        }
+        parent?.appendChild(this._element);
+        return this;
+    }
+}
+// ═══════════════════════════════════════════════════════════
+// FACTORIES
+// ═══════════════════════════════════════════════════════════
+export function c(width, height, padding, radius, margin, border, overflow, options) {
+    const inst = new C(width, height, padding, radius, margin, border, overflow, options);
+    return inst;
+}
+export { C, c as container };
+export default c;
+//# sourceMappingURL=c.js.map

package/dist/components/c.js.map

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

package/dist/components/g.d.ts

@@ -0,0 +1,21 @@
+import { C } from "./c.js";
+type GChild = C | HTMLElement | {
+    element: HTMLElement;
+};
+declare class G {
+    private _children;
+    constructor(children: GChild[]);
+    private _resolveNode;
+    private _resolveParent;
+    render(target?: string | HTMLElement | C | {
+        element: HTMLElement;
+    }): this;
+    into(target?: string | HTMLElement | C | {
+        element: HTMLElement;
+    }): this;
+    get children(): GChild[];
+}
+export declare function g(children: GChild[]): G;
+export { G, GChild, g as group };
+export default g;
+//# sourceMappingURL=g.d.ts.map

package/dist/components/g.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"g.d.ts","sourceRoot":"","sources":["../../lib/components/g.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAE3B,KAAK,MAAM,GAAG,CAAC,GAAG,WAAW,GAAG;IAAE,OAAO,EAAE,WAAW,CAAA;CAAE,CAAC;AAEzD,cAAM,CAAC;IACH,OAAO,CAAC,SAAS,CAAW;gBAEhB,QAAQ,EAAE,MAAM,EAAE;IAI9B,OAAO,CAAC,YAAY;IAOpB,OAAO,CAAC,cAAc;IAStB,MAAM,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,CAAC,GAAG;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,GAAG,IAAI;IAS1E,IAAI,CAAC,MAAM,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,CAAC,GAAG;QAAE,OAAO,EAAE,WAAW,CAAA;KAAE,GAAG,IAAI;IAIxE,IAAI,QAAQ,IAAI,MAAM,EAAE,CAEvB;CACJ;AAMD,wBAAgB,CAAC,CAAC,QAAQ,EAAE,MAAM,EAAE,GAAG,CAAC,CAEvC;AAED,OAAO,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,IAAI,KAAK,EAAE,CAAC;AACjC,eAAe,CAAC,CAAC"}

package/dist/components/g.js

@@ -0,0 +1,52 @@
+import { C } from "./c.js";
+class G {
+    constructor(children) {
+        this._children = children;
+    }
+    _resolveNode(child) {
+        if (child instanceof C)
+            return child.element;
+        if (child instanceof HTMLElement)
+            return child;
+        if (child && typeof child === 'object' && 'element' in child)
+            return child.element;
+        throw new Error('G: child is not a valid node');
+    }
+    _resolveParent(target) {
+        if (!target)
+            return document.getElementById('app');
+        if (target instanceof C)
+            return target.element;
+        if (target instanceof HTMLElement)
+            return target;
+        if (typeof target === 'string')
+            return document.getElementById(target) || document.querySelector(target);
+        if (typeof target === 'object' && 'element' in target)
+            return target.element;
+        return null;
+    }
+    render(target) {
+        const parent = this._resolveParent(target);
+        if (!parent)
+            return this;
+        for (const child of this._children) {
+            parent.appendChild(this._resolveNode(child));
+        }
+        return this;
+    }
+    into(target) {
+        return this.render(target);
+    }
+    get children() {
+        return this._children;
+    }
+}
+// ═══════════════════════════════════════════════════════════
+// FACTORY
+// ═══════════════════════════════════════════════════════════
+export function g(children) {
+    return new G(children);
+}
+export { G, g as group };
+export default g;
+//# sourceMappingURL=g.js.map

package/dist/components/g.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"g.js","sourceRoot":"","sources":["../../lib/components/g.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,CAAC,EAAE,MAAM,QAAQ,CAAC;AAI3B,MAAM,CAAC;IAGH,YAAY,QAAkB;QAC1B,IAAI,CAAC,SAAS,GAAG,QAAQ,CAAC;IAC9B,CAAC;IAEO,YAAY,CAAC,KAAa;QAC9B,IAAI,KAAK,YAAY,CAAC;YAAE,OAAO,KAAK,CAAC,OAAO,CAAC;QAC7C,IAAI,KAAK,YAAY,WAAW;YAAE,OAAO,KAAK,CAAC;QAC/C,IAAI,KAAK,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,SAAS,IAAI,KAAK;YAAE,OAAO,KAAK,CAAC,OAAO,CAAC;QACnF,MAAM,IAAI,KAAK,CAAC,8BAA8B,CAAC,CAAC;IACpD,CAAC;IAEO,cAAc,CAAC,MAA4D;QAC/E,IAAI,CAAC,MAAM;YAAE,OAAO,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC;QACnD,IAAI,MAAM,YAAY,CAAC;YAAE,OAAO,MAAM,CAAC,OAAO,CAAC;QAC/C,IAAI,MAAM,YAAY,WAAW;YAAE,OAAO,MAAM,CAAC;QACjD,IAAI,OAAO,MAAM,KAAK,QAAQ;YAAE,OAAO,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAgB,CAAC;QACxH,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,SAAS,IAAI,MAAM;YAAE,OAAO,MAAM,CAAC,OAAO,CAAC;QAC7E,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,MAAM,CAAC,MAA4D;QAC/D,MAAM,MAAM,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC;QAC3C,IAAI,CAAC,MAAM;YAAE,OAAO,IAAI,CAAC;QACzB,KAAK,MAAM,KAAK,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACjC,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,KAAK,CAAC,CAAC,CAAC;QACjD,CAAC;QACD,OAAO,IAAI,CAAC;IAChB,CAAC;IAED,IAAI,CAAC,MAA4D;QAC7D,OAAO,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC/B,CAAC;IAED,IAAI,QAAQ;QACR,OAAO,IAAI,CAAC,SAAS,CAAC;IAC1B,CAAC;CACJ;AAED,8DAA8D;AAC9D,UAAU;AACV,8DAA8D;AAE9D,MAAM,UAAU,CAAC,CAAC,QAAkB;IAChC,OAAO,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC3B,CAAC;AAED,OAAO,EAAE,CAAC,EAAU,CAAC,IAAI,KAAK,EAAE,CAAC;AACjC,eAAe,CAAC,CAAC"}

package/dist/components/gateway.d.ts

@@ -0,0 +1,97 @@
+export interface GatewayOptions {
+    serverUrl?: string;
+    storageKey?: string;
+}
+/**
+ * Authenticated HTTP client bound to a specific downstream service.
+ * Obtained via ApiGateway.dbClient(), .s3Client(), or .emailClient().
+ */
+export declare class ServiceClient {
+    private _gateway;
+    private _service;
+    constructor(gateway: ApiGateway, service: string);
+    /** Make an authenticated request to the service proxy. */
+    fetch(path: string, body?: any, method?: string): Promise<any>;
+    query(sql: string, params?: any[]): Promise<any>;
+    execute(sql: string, params?: any[]): Promise<any>;
+    upload(key: string, data: any, contentType?: string): Promise<any>;
+    download(key: string): Promise<any>;
+    list(prefix?: string): Promise<any>;
+    send(to: string, subject: string, body: string, html?: string): Promise<any>;
+}
+/**
+ * Client-side API gateway that handles JWT auth and proxies calls
+ * to jux-server downstream services (db, storage, email).
+ *
+ * Tokens are persisted in localStorage so they survive page reloads.
+ */
+export declare class ApiGateway {
+    id: string;
+    options: GatewayOptions;
+    private _accessToken;
+    private _refreshToken;
+    private _tenantId;
+    constructor(id: string, options?: GatewayOptions);
+    serverUrl(value: string): this;
+    storageKey(value: string): this;
+    private _key;
+    private _loadTokens;
+    private _saveTokens;
+    private _clearTokens;
+    getAccessToken(): string | null;
+    getRefreshToken(): string | null;
+    getTenantId(): string | null;
+    getValue(): boolean;
+    isAuthenticated(): boolean;
+    setServerUrl(value: string): void;
+    getServerUrl(): string | undefined;
+    setStorageKey(value: string): void;
+    getStorageKey(): string | undefined;
+    _request(path: string, method?: string, body?: any): Promise<any>;
+    /** Register a new tenant account. */
+    register(email: string, password: string, plan?: string): Promise<any>;
+    /**
+     * Log in and persist the returned JWT tokens to localStorage.
+     * After a successful login, `isAuthenticated()` returns true.
+     */
+    login(email: string, password: string): Promise<any>;
+    /** Clear stored tokens and notify pageState listeners. */
+    logout(): void;
+    /** Returns an authenticated client for the db-service. */
+    dbClient(): ServiceClient;
+    /** Returns an authenticated client for the storage-service (S3). */
+    s3Client(): ServiceClient;
+    /** Returns an authenticated client for the email-service (SES). */
+    emailClient(): ServiceClient;
+    /** Returns the reactive pageState proxy for this component. */
+    get state(): any;
+}
+/**
+ * Create an API gateway client that handles JWT auth, browser-side token
+ * storage, and proxied calls to jux-server downstream services.
+ *
+ * @example
+ * // Configure once (e.g. in a boot file)
+ * const gw = await jux.gateway('auth', { serverUrl: 'https://api.example.com' });
+ *
+ * // Register
+ * await gw.register('alice@example.com', 'p4ssw0rd');
+ *
+ * // Login (tokens saved to localStorage automatically)
+ * await gw.login('alice@example.com', 'p4ssw0rd');
+ *
+ * // Call downstream services
+ * const db = gw.dbClient();
+ * const rows = await db.query('SELECT * FROM users');
+ *
+ * const s3 = gw.s3Client();
+ * await s3.upload('avatar.jpg', fileBlob, 'image/jpeg');
+ *
+ * const email = gw.emailClient();
+ * await email.send('bob@example.com', 'Hello', 'World');
+ *
+ * // Logout (tokens cleared from localStorage)
+ * gw.logout();
+ */
+export declare function gateway(id: string, options?: GatewayOptions): Promise<ApiGateway>;
+//# sourceMappingURL=gateway.d.ts.map

package/dist/components/gateway.d.ts.map

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

package/dist/components/gateway.js

@@ -0,0 +1,188 @@
+import generateId from '../utils/idgen.js';
+import { pageState } from '../state/pageState.js';
+/**
+ * Authenticated HTTP client bound to a specific downstream service.
+ * Obtained via ApiGateway.dbClient(), .s3Client(), or .emailClient().
+ */
+export class ServiceClient {
+    constructor(gateway, service) {
+        this._gateway = gateway;
+        this._service = service;
+    }
+    /** Make an authenticated request to the service proxy. */
+    async fetch(path, body, method = body !== undefined ? 'POST' : 'GET') {
+        return this._gateway._request(`/proxy/${this._service}${path}`, method, body);
+    }
+    // ── db-service helpers ──
+    async query(sql, params = []) {
+        return this.fetch('/', { action: 'query', sql, params }, 'POST');
+    }
+    async execute(sql, params = []) {
+        return this.fetch('/', { action: 'execute', sql, params }, 'POST');
+    }
+    // ── storage-service helpers ──
+    async upload(key, data, contentType = 'application/octet-stream') {
+        return this.fetch(`/${key}`, { data, contentType }, 'PUT');
+    }
+    async download(key) {
+        return this.fetch(`/${key}`, undefined, 'GET');
+    }
+    async list(prefix = '') {
+        return this.fetch(`/?prefix=${encodeURIComponent(prefix)}`, undefined, 'GET');
+    }
+    // ── email-service helpers ──
+    async send(to, subject, body, html) {
+        return this.fetch('/', { to, subject, body, html }, 'POST');
+    }
+}
+/**
+ * Client-side API gateway that handles JWT auth and proxies calls
+ * to jux-server downstream services (db, storage, email).
+ *
+ * Tokens are persisted in localStorage so they survive page reloads.
+ */
+export class ApiGateway {
+    constructor(id, options = {}) {
+        this._accessToken = null;
+        this._refreshToken = null;
+        this._tenantId = null;
+        this.id = id || generateId();
+        // Fall back to juxConfig.proxy.url when no serverUrl is supplied
+        const configUrl = (typeof window !== 'undefined' && window.juxConfig?.proxy?.url) || '';
+        this.options = { storageKey: 'jux_auth', serverUrl: configUrl, ...options };
+        this._loadTokens();
+    }
+    // ── Fluent setters ──
+    serverUrl(value) { this.options.serverUrl = value; return this; }
+    storageKey(value) { this.options.storageKey = value; return this; }
+    // ── Token persistence ──
+    _key(suffix) {
+        return `${this.options.storageKey}_${suffix}`;
+    }
+    _loadTokens() {
+        if (typeof localStorage === 'undefined')
+            return;
+        this._accessToken = localStorage.getItem(this._key('access'));
+        this._refreshToken = localStorage.getItem(this._key('refresh'));
+        this._tenantId = localStorage.getItem(this._key('tenant'));
+    }
+    _saveTokens(accessToken, refreshToken, tenantId) {
+        this._accessToken = accessToken;
+        if (typeof localStorage === 'undefined')
+            return;
+        localStorage.setItem(this._key('access'), accessToken);
+        if (refreshToken) {
+            this._refreshToken = refreshToken;
+            localStorage.setItem(this._key('refresh'), refreshToken);
+        }
+        if (tenantId) {
+            this._tenantId = tenantId;
+            localStorage.setItem(this._key('tenant'), tenantId);
+        }
+    }
+    _clearTokens() {
+        this._accessToken = null;
+        this._refreshToken = null;
+        this._tenantId = null;
+        if (typeof localStorage === 'undefined')
+            return;
+        localStorage.removeItem(this._key('access'));
+        localStorage.removeItem(this._key('refresh'));
+        localStorage.removeItem(this._key('tenant'));
+    }
+    // ── Getters ──
+    getAccessToken() { return this._accessToken; }
+    getRefreshToken() { return this._refreshToken; }
+    getTenantId() { return this._tenantId; }
+    getValue() { return this.isAuthenticated(); }
+    isAuthenticated() { return !!this._accessToken; }
+    // ── Setters (for pageState delegation) ──
+    setServerUrl(value) { this.options.serverUrl = value; }
+    getServerUrl() { return this.options.serverUrl; }
+    setStorageKey(value) { this.options.storageKey = value; }
+    getStorageKey() { return this.options.storageKey; }
+    // ── HTTP helper (used by ServiceClient) ──
+    async _request(path, method = 'GET', body) {
+        const base = this.options.serverUrl || '';
+        const url = `${base}${path}`;
+        const headers = { 'Content-Type': 'application/json' };
+        if (this._accessToken) {
+            headers['Authorization'] = `Bearer ${this._accessToken}`;
+        }
+        const init = { method, headers };
+        if (body !== undefined) {
+            init.body = JSON.stringify(body);
+        }
+        const res = await globalThis.fetch(url, init);
+        const ct = res.headers.get('content-type') || '';
+        const data = ct.includes('application/json') ? await res.json() : await res.text();
+        if (!res.ok) {
+            throw new Error(data?.message || data?.error || `HTTP ${res.status}`);
+        }
+        return data;
+    }
+    // ── Auth methods ──
+    /** Register a new tenant account. */
+    async register(email, password, plan = 'free') {
+        return this._request('/auth/register', 'POST', { email, password, plan });
+    }
+    /**
+     * Log in and persist the returned JWT tokens to localStorage.
+     * After a successful login, `isAuthenticated()` returns true.
+     */
+    async login(email, password) {
+        const data = await this._request('/auth/login', 'POST', { email, password });
+        if (data.accessToken) {
+            this._saveTokens(data.accessToken, data.refreshToken, data.tenantId);
+            pageState.__notify(`${this.id}.authenticated`);
+        }
+        return data;
+    }
+    /** Clear stored tokens and notify pageState listeners. */
+    logout() {
+        this._clearTokens();
+        pageState.__notify(`${this.id}.authenticated`);
+    }
+    // ── Service client factories ──
+    /** Returns an authenticated client for the db-service. */
+    dbClient() { return new ServiceClient(this, 'db'); }
+    /** Returns an authenticated client for the storage-service (S3). */
+    s3Client() { return new ServiceClient(this, 'storage'); }
+    /** Returns an authenticated client for the email-service (SES). */
+    emailClient() { return new ServiceClient(this, 'email'); }
+    /** Returns the reactive pageState proxy for this component. */
+    get state() { return pageState[this.id]; }
+}
+/**
+ * Create an API gateway client that handles JWT auth, browser-side token
+ * storage, and proxied calls to jux-server downstream services.
+ *
+ * @example
+ * // Configure once (e.g. in a boot file)
+ * const gw = await jux.gateway('auth', { serverUrl: 'https://api.example.com' });
+ *
+ * // Register
+ * await gw.register('alice@example.com', 'p4ssw0rd');
+ *
+ * // Login (tokens saved to localStorage automatically)
+ * await gw.login('alice@example.com', 'p4ssw0rd');
+ *
+ * // Call downstream services
+ * const db = gw.dbClient();
+ * const rows = await db.query('SELECT * FROM users');
+ *
+ * const s3 = gw.s3Client();
+ * await s3.upload('avatar.jpg', fileBlob, 'image/jpeg');
+ *
+ * const email = gw.emailClient();
+ * await email.send('bob@example.com', 'Hello', 'World');
+ *
+ * // Logout (tokens cleared from localStorage)
+ * gw.logout();
+ */
+export async function gateway(id, options = {}) {
+    const gw = new ApiGateway(id, options);
+    pageState.__register(gw);
+    return gw;
+}
+//# sourceMappingURL=gateway.js.map

package/dist/components/gateway.js.map

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

package/dist/components/lineChart.d.ts

@@ -0,0 +1,87 @@
+interface LineDataItem {
+    x: number;
+    label?: string;
+    [key: string]: any;
+}
+interface LineClickDetail {
+    chartId: string;
+    index: number;
+    label: string;
+    value: number;
+    item: LineDataItem;
+}
+interface LineChartOptions {
+    title?: string;
+    subtitle?: string;
+    colors?: string | string[];
+    aspectRatio?: string | number;
+    showValues?: boolean;
+    showDots?: boolean;
+    showGrid?: boolean;
+    smooth?: boolean;
+    filled?: boolean;
+    lineWidth?: number;
+    dotRadius?: number;
+    ticks?: number;
+    animate?: boolean;
+    responsive?: boolean;
+    maintainAspectRatio?: boolean;
+    width?: number;
+    class?: string;
+    style?: string;
+    disabled?: boolean;
+    content?: string;
+    onClick?: (event: LineClickDetail) => void;
+}
+declare class LineChart {
+    id: string;
+    private _values;
+    private _opts;
+    private _palette;
+    private _wrapperEl;
+    private _stateEl;
+    private _resizeObserver;
+    private _lastClickDetail;
+    private _onChange;
+    private _listeners;
+    constructor(id: string, values: LineDataItem[], options?: LineChartOptions);
+    title(val: string): this;
+    subtitle(val: string): this;
+    content(val: string): this;
+    disabled(val: boolean): this;
+    style(val: string): this;
+    class(val: string): this;
+    getValue(): LineClickDetail | null;
+    setValue(val: any): this;
+    getElement(): HTMLButtonElement;
+    setContent(val: string): this;
+    getTitle(): string;
+    getSubtitle(): string;
+    getContent(): string;
+    getDisabled(): boolean;
+    getClass(): string;
+    getStyle(): string;
+    setTitle(val: string): this;
+    setSubtitle(val: string): this;
+    setDisabled(val: boolean): this;
+    setClass(val: string): this;
+    setStyle(val: string): this;
+    onChange(fn: (value: any) => void): this;
+    get state(): any;
+    get element(): HTMLDivElement;
+    private _handleDotClick;
+    private _buildChart;
+    render(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+    into(target?: string | HTMLElement | {
+        element: HTMLElement;
+    }): this;
+    on(event: string, fn: Function): this;
+    off(event: string, fn: Function): this;
+    destroy(): void;
+}
+export declare function lineChart(id: string, values: LineDataItem[], options?: LineChartOptions): LineChart;
+export { LineChart, LineChartOptions, LineDataItem, LineClickDetail };
+export default lineChart;
+//# sourceMappingURL=lineChart.d.ts.map

package/dist/components/lineChart.d.ts.map

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