juxscript 1.1.239 → 1.1.243

package/lib/components/button.ts

@@ -1,237 +0,0 @@
-import { BaseComponent } from './base/BaseComponent.js';
-import { renderIcon } from './icons.js';
-import { formatIdAsLabel } from '../utils/formatId.js';  // ✅ Import utility
-
-// Event definitions
-const TRIGGER_EVENTS = [] as const;
-const CALLBACK_EVENTS = ['click'] as const;  // ✅ Button fires click events
-
-export interface ButtonOptions {
-  label?: string;
-  icon?: string;
-  variant?: 'primary' | 'secondary' | 'danger' | 'success' | 'warning' | 'info' | 'link' | string;
-  size?: 'small' | 'medium' | 'large';
-  disabled?: boolean;
-  loading?: boolean;
-  iconPosition?: 'left' | 'right';
-  fullWidth?: boolean;
-  type?: 'button' | 'submit' | 'reset';
-  style?: string;
-  class?: string;
-}
-
-type ButtonState = {
-  label: string;
-  content: string; // ✅ Raw HTML content (overrides label if set)
-  icon: string;
-  variant: string;
-  size: string;
-  disabled: boolean;
-  loading: boolean;
-  iconPosition: string;
-  fullWidth: boolean;
-  type: 'button' | 'submit' | 'reset';
-  style: string;
-  class: string;
-};
-
-export class Button extends BaseComponent<ButtonState> {
-  private _buttonElement: HTMLButtonElement | null = null;
-
-  constructor(id: string, options?: ButtonOptions) {
-    const opts = options || {};
-
-    super(id, {
-      label: opts.label ?? formatIdAsLabel(id), // ✅ Auto-generate label
-      content: '', // ✅ Empty by default
-      icon: opts.icon ?? '',
-      variant: opts.variant ?? 'primary',
-      size: opts.size ?? 'medium',
-      disabled: opts.disabled ?? false,
-      loading: opts.loading ?? false,
-      iconPosition: opts.iconPosition ?? 'left',
-      fullWidth: opts.fullWidth ?? false,
-      type: opts.type ?? 'button',
-      style: opts.style ?? '',
-      class: opts.class ?? ''
-    });
-  }
-
-  protected getTriggerEvents(): readonly string[] {
-    return TRIGGER_EVENTS;
-  }
-
-  protected getCallbackEvents(): readonly string[] {
-    return CALLBACK_EVENTS;
-  }
-
-  /* ═════════════════════════════════════════════════════════════════
-   * FLUENT API - Priority: content > label > auto-generated
-   * ═════════════════════════════════════════════════════════════════ */
-
-  /**
-   * Set button label (plain text, auto-escaped)
-   * Clears any HTML content
-   */
-  label(value: string): this {
-    this.state.label = value;
-    this.state.content = ''; // ✅ Clear HTML content when label is set
-    this._updateButtonText();
-    return this;
-  }
-
-  /**
-   * Alias for label() - more semantic for buttons
-   */
-  text(value: string): this {
-    return this.label(value);
-  }
-
-  /**
-   * Set button content as HTML (overrides label)
-   */
-  content(value: string): this {
-    this.state.content = value;
-    this._updateButtonText();
-    return this;
-  }
-
-  icon(value: string): this {
-    this.state.icon = value;
-    return this;
-  }
-  iconPosition(value: 'left' | 'right'): this {
-    this.state.iconPosition = value;
-    return this;
-  }
-  fullWidth(value: boolean): this {
-    this.state.fullWidth = value;
-    return this;
-  }
-
-  variant(value: string): this {
-    this.state.variant = value;
-    return this;
-  }
-
-  size(value: 'small' | 'medium' | 'large'): this {
-    this.state.size = value;
-    return this;
-  }
-
-
-
-  /**
-   * Alias for content() - more semantic
-   */
-  html(value: string): this {
-    return this.content(value);
-  }
-
-  /**
-   * Update button text/HTML based on priority
-   * Priority: content (HTML) > label (text) > loading state
-   */
-  private _updateButtonText(): void {
-    if (!this._buttonElement) return;
-
-    const textEl = this._buttonElement.querySelector('span:not(.jux-button-icon)') as HTMLElement;
-    if (!textEl) return;
-
-    // Priority 1: HTML content (if set)
-    if (this.state.content) {
-      textEl.innerHTML = this.state.content;
-    }
-    // Priority 2: Label text
-    else if (this.state.label) {
-      textEl.textContent = this.state.loading ? 'Loading...' : this.state.label;
-    }
-  }
-
-  update(prop: string, value: any): void {
-    // No reactive updates needed
-  }
-
-  /* ═════════════════════════════════════════════════════════════════
-   * RENDER
-   * ═════════════════════════════════════════════════════════════════ */
-
-  /**
-   * Override visible() to update the actual button element
-   */
-  visible(value: boolean): this {
-    (this.state as any).visible = value;
-
-    // Update the button element directly, not the container
-    if (this._buttonElement) {
-      this._buttonElement.style.display = value ? '' : 'none';
-    }
-
-    return this;
-  }
-
-  render(targetId?: string | HTMLElement | BaseComponent<any>): this {
-    const container = this._setupContainer(targetId);
-
-    const { content, icon, iconPosition, variant, size, style, class: className } = this.state;
-
-    const button = document.createElement('button');
-
-    // ✅ Base class + variant + size
-    button.className = 'jux-button';
-    if (variant && variant !== 'primary') {
-      button.className += ` jux-button-${variant}`;
-    }
-    if (size && size !== 'medium') {
-      button.className += ` jux-button-${size}`;
-    }
-
-    button.id = this._id;
-
-    // ✅ Add user classes
-    if (className) button.className += ` ${className}`;
-
-    // ✅ Apply user style (no variant/size logic here)
-    if (style) button.setAttribute('style', style);
-
-    if (icon && iconPosition === 'left') {
-      const iconEl = document.createElement('span');
-      iconEl.className = 'jux-button-icon';
-      iconEl.appendChild(renderIcon(icon));
-      button.appendChild(iconEl);
-    }
-
-    const textEl = document.createElement('span');
-    if (content) {
-      textEl.innerHTML = content;
-    } else if (this.state.label) {
-      textEl.textContent = this.state.loading ? 'Loading...' : this.state.label;
-    } else {
-      // Fallback to auto-generated label from ID
-      textEl.textContent = this.state.loading ? 'Loading...' : formatIdAsLabel(this._id);
-    }
-    button.appendChild(textEl);
-
-    if (icon && iconPosition === 'right') {
-      const iconEl = document.createElement('span');
-      iconEl.className = 'jux-button-icon';
-      iconEl.appendChild(renderIcon(icon));
-      button.appendChild(iconEl);
-    }
-
-    button.addEventListener('click', (e) => {
-      if (!this.state.disabled && !this.state.loading) {
-        this._triggerCallback('click', e);
-      }
-    });
-
-    this._wireStandardEvents(button);
-    container.appendChild(button);
-    this._buttonElement = button;
-    return this;
-  }
-}
-
-export function button(id: string, options?: ButtonOptions): Button {
-  return new Button(id, options);
-}

package/lib/components/card.d.ts

@@ -1,35 +0,0 @@
-import { BaseComponent } from './base/BaseComponent.js';
-export interface CardOptions {
-    title?: string;
-    content?: string;
-    footer?: string;
-    variant?: string;
-    hoverable?: boolean;
-    icon?: string;
-    style?: string;
-    class?: string;
-}
-type CardState = {
-    title: string;
-    content: string;
-    footer: string;
-    variant: string;
-    hoverable: boolean;
-    icon: string;
-    style: string;
-    class: string;
-};
-export declare class Card extends BaseComponent<CardState> {
-    constructor(id: string, options?: CardOptions);
-    protected getTriggerEvents(): readonly string[];
-    protected getCallbackEvents(): readonly string[];
-    title(value: string): this;
-    content(value: string): this;
-    footer(value: string): this;
-    icon(value: string): this;
-    render(targetId?: string | HTMLElement | BaseComponent<any>): this;
-    update(prop: string, value: any): void;
-}
-export declare function card(id: string, options?: CardOptions): Card;
-export {};
-//# sourceMappingURL=card.d.ts.map

package/lib/components/card.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AAOxD,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,KAAK,SAAS,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,qBAAa,IAAK,SAAQ,aAAa,CAAC,SAAS,CAAC;gBACpC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB;IAajD,SAAS,CAAC,gBAAgB,IAAI,SAAS,MAAM,EAAE;IAI/C,SAAS,CAAC,iBAAiB,IAAI,SAAS,MAAM,EAAE;IAUhD,KAAK,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK1B,OAAO,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK5B,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAK3B,IAAI,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IASzB,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI;IAwFlE,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,IAAI;CAGvC;AAED,wBAAgB,IAAI,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,GAAE,WAAgB,GAAG,IAAI,CAEhE"}

package/lib/components/card.js

@@ -1,130 +0,0 @@
-import { BaseComponent } from './base/BaseComponent.js';
-import { renderIcon } from './icons.js';
-// Event definitions - Card is display-only, no interactive events
-const TRIGGER_EVENTS = [];
-const CALLBACK_EVENTS = ['click']; // ✅ Can be clicked for navigation/selection
-export class Card extends BaseComponent {
-    constructor(id, options = {}) {
-        super(id, {
-            title: options.title ?? '',
-            content: options.content ?? '',
-            footer: options.footer ?? '',
-            variant: options.variant ?? 'default',
-            hoverable: options.hoverable ?? false,
-            icon: options.icon ?? '',
-            style: options.style ?? '',
-            class: options.class ?? ''
-        });
-    }
-    getTriggerEvents() {
-        return TRIGGER_EVENTS;
-    }
-    getCallbackEvents() {
-        return CALLBACK_EVENTS;
-    }
-    /* ═════════════════════════════════════════════════════════════════
-     * FLUENT API
-     * ═════════════════════════════════════════════════════════════════ */
-    // ✅ Inherited from BaseComponent
-    title(value) {
-        this.state.title = value;
-        return this;
-    }
-    content(value) {
-        this.state.content = value;
-        return this;
-    }
-    footer(value) {
-        this.state.footer = value;
-        return this;
-    }
-    icon(value) {
-        this.state.icon = value;
-        return this;
-    }
-    /* ═════════════════════════════════════════════════════════════════
-     * RENDER
-     * ═════════════════════════════════════════════════════════════════ */
-    render(targetId) {
-        const container = this._setupContainer(targetId);
-        const { title, content, footer, variant, hoverable, icon, style, class: className } = this.state;
-        const card = document.createElement('div');
-        card.className = `jux-card jux-card-${variant}`;
-        card.id = this._id;
-        if (hoverable)
-            card.classList.add('jux-card-hoverable');
-        if (className)
-            card.className += ` ${className}`;
-        if (style)
-            card.setAttribute('style', style);
-        if (title || icon) {
-            const header = document.createElement('div');
-            header.className = 'jux-card-header';
-            if (icon) {
-                const iconEl = document.createElement('span');
-                iconEl.className = 'jux-card-icon';
-                iconEl.appendChild(renderIcon(icon));
-                header.appendChild(iconEl);
-            }
-            if (title) {
-                const titleEl = document.createElement('span');
-                titleEl.className = 'jux-card-title';
-                titleEl.textContent = title;
-                header.appendChild(titleEl);
-            }
-            card.appendChild(header);
-        }
-        const body = document.createElement('div');
-        body.className = 'jux-card-body';
-        body.innerHTML = content;
-        card.appendChild(body);
-        if (footer) {
-            const footerEl = document.createElement('div');
-            footerEl.className = 'jux-card-footer';
-            footerEl.innerHTML = footer;
-            card.appendChild(footerEl);
-        }
-        this._wireStandardEvents(card);
-        // Wire sync bindings
-        this._syncBindings.forEach(({ property, stateObj, toState, toComponent }) => {
-            if (property === 'title') {
-                const transform = toComponent || ((v) => String(v));
-                stateObj.subscribe((val) => {
-                    const transformed = transform(val);
-                    const header = card.querySelector('.jux-card-header');
-                    if (header) {
-                        header.textContent = transformed;
-                    }
-                    this.state.title = transformed;
-                });
-            }
-            else if (property === 'content') {
-                const transform = toComponent || ((v) => String(v));
-                stateObj.subscribe((val) => {
-                    const transformed = transform(val);
-                    body.innerHTML = transformed;
-                    this.state.content = transformed;
-                });
-            }
-            else if (property === 'footer') {
-                const transform = toComponent || ((v) => String(v));
-                stateObj.subscribe((val) => {
-                    const transformed = transform(val);
-                    const footerEl = card.querySelector('.jux-card-footer');
-                    if (footerEl) {
-                        footerEl.innerHTML = transformed;
-                    }
-                    this.state.footer = transformed;
-                });
-            }
-        });
-        container.appendChild(card);
-        return this;
-    }
-    update(prop, value) {
-        // No reactive updates needed
-    }
-}
-export function card(id, options = {}) {
-    return new Card(id, options);
-}

package/lib/components/card.ts

@@ -1,177 +0,0 @@
-import { BaseComponent } from './base/BaseComponent.js';
-import { renderIcon } from './icons.js';
-
-// Event definitions - Card is display-only, no interactive events
-const TRIGGER_EVENTS = [] as const;
-const CALLBACK_EVENTS = ['click'] as const;  // ✅ Can be clicked for navigation/selection
-
-export interface CardOptions {
-  title?: string;
-  content?: string;
-  footer?: string;
-  variant?: string;
-  hoverable?: boolean;
-  icon?: string;
-  style?: string;
-  class?: string;
-}
-
-type CardState = {
-  title: string;
-  content: string;
-  footer: string;
-  variant: string;
-  hoverable: boolean;
-  icon: string;
-  style: string;
-  class: string;
-};
-
-export class Card extends BaseComponent<CardState> {
-  constructor(id: string, options: CardOptions = {}) {
-    super(id, {
-      title: options.title ?? '',
-      content: options.content ?? '',
-      footer: options.footer ?? '',
-      variant: options.variant ?? 'default',
-      hoverable: options.hoverable ?? false,
-      icon: options.icon ?? '',
-      style: options.style ?? '',
-      class: options.class ?? ''
-    });
-  }
-
-  protected getTriggerEvents(): readonly string[] {
-    return TRIGGER_EVENTS;
-  }
-
-  protected getCallbackEvents(): readonly string[] {
-    return CALLBACK_EVENTS;
-  }
-
-  /* ═════════════════════════════════════════════════════════════════
-   * FLUENT API
-   * ═════════════════════════════════════════════════════════════════ */
-
-  // ✅ Inherited from BaseComponent
-
-  title(value: string): this {
-    this.state.title = value;
-    return this;
-  }
-
-  content(value: string): this {
-    this.state.content = value;
-    return this;
-  }
-
-  footer(value: string): this {
-    this.state.footer = value;
-    return this;
-  }
-
-  icon(value: string): this {
-    this.state.icon = value;
-    return this;
-  }
-
-  /* ═════════════════════════════════════════════════════════════════
-   * RENDER
-   * ═════════════════════════════════════════════════════════════════ */
-
-  render(targetId?: string | HTMLElement | BaseComponent<any>): this {
-    const container = this._setupContainer(targetId);
-
-    const { title, content, footer, variant, hoverable, icon, style, class: className } = this.state;
-
-    const card = document.createElement('div');
-    card.className = `jux-card jux-card-${variant}`;
-    card.id = this._id;
-    if (hoverable) card.classList.add('jux-card-hoverable');
-    if (className) card.className += ` ${className}`;
-    if (style) card.setAttribute('style', style);
-
-    if (title || icon) {
-      const header = document.createElement('div');
-      header.className = 'jux-card-header';
-
-      if (icon) {
-        const iconEl = document.createElement('span');
-        iconEl.className = 'jux-card-icon';
-        iconEl.appendChild(renderIcon(icon));
-        header.appendChild(iconEl);
-      }
-
-      if (title) {
-        const titleEl = document.createElement('span');
-        titleEl.className = 'jux-card-title';
-        titleEl.textContent = title;
-        header.appendChild(titleEl);
-      }
-
-      card.appendChild(header);
-    }
-
-    const body = document.createElement('div');
-    body.className = 'jux-card-body';
-    body.innerHTML = content;
-    card.appendChild(body);
-
-    if (footer) {
-      const footerEl = document.createElement('div');
-      footerEl.className = 'jux-card-footer';
-      footerEl.innerHTML = footer;
-      card.appendChild(footerEl);
-    }
-
-    this._wireStandardEvents(card);
-
-    // Wire sync bindings
-    this._syncBindings.forEach(({ property, stateObj, toState, toComponent }) => {
-      if (property === 'title') {
-        const transform = toComponent || ((v: any) => String(v));
-
-        stateObj.subscribe((val: any) => {
-          const transformed = transform(val);
-          const header = card.querySelector('.jux-card-header');
-          if (header) {
-            header.textContent = transformed;
-          }
-          this.state.title = transformed;
-        });
-      }
-      else if (property === 'content') {
-        const transform = toComponent || ((v: any) => String(v));
-
-        stateObj.subscribe((val: any) => {
-          const transformed = transform(val);
-          body.innerHTML = transformed;
-          this.state.content = transformed;
-        });
-      }
-      else if (property === 'footer') {
-        const transform = toComponent || ((v: any) => String(v));
-
-        stateObj.subscribe((val: any) => {
-          const transformed = transform(val);
-          const footerEl = card.querySelector('.jux-card-footer');
-          if (footerEl) {
-            footerEl.innerHTML = transformed;
-          }
-          this.state.footer = transformed;
-        });
-      }
-    });
-
-    container.appendChild(card);
-    return this;
-  }
-
-  update(prop: string, value: any): void {
-    // No reactive updates needed
-  }
-}
-
-export function card(id: string, options: CardOptions = {}): Card {
-  return new Card(id, options);
-}

package/lib/components/chart.d.ts

@@ -1,49 +0,0 @@
-import { BaseComponent } from './base/BaseComponent.js';
-import { Chart, ChartType, ChartOptions, ChartData } from 'chart.js/auto';
-export interface ChartState {
-    type: ChartType;
-    data: ChartData;
-    options: ChartOptions;
-    style?: string;
-    class?: string;
-    visible?: boolean;
-    disabled?: boolean;
-    loading?: boolean;
-}
-/**
- * Chart component using Chart.js
- * Provides fluent API for creating and configuring charts
- */
-export declare class ChartComponent extends BaseComponent<ChartState> {
-    private static readonly TRIGGER_EVENTS;
-    private static readonly CALLBACK_EVENTS;
-    private chartInstance;
-    constructor(id: string, type?: ChartType, options?: Partial<ChartState>);
-    protected getTriggerEvents(): readonly string[];
-    protected getCallbackEvents(): readonly string[];
-    type(value: ChartType): this;
-    data(value: ChartData): this;
-    labels(value: string[]): this;
-    datasets(value: any[]): this;
-    addDataset(dataset: any): this;
-    options(value: ChartOptions): this;
-    responsive(value?: boolean): this;
-    maintainAspectRatio(value?: boolean): this;
-    title(text: string, display?: boolean): this;
-    legend(display?: boolean, position?: 'top' | 'bottom' | 'left' | 'right'): this;
-    tooltip(enabled?: boolean): this;
-    /**
-     * Update chart with new data or configuration
-     */
-    updateChart(mode?: 'resize' | 'reset' | 'none' | 'hide' | 'show' | 'default'): this;
-    reset(): this;
-    destroy(): this;
-    getChart(): Chart | null;
-    render(targetId?: string | HTMLElement | BaseComponent<any>): this;
-    update(prop: string, value: any): void;
-}
-/**
- * Factory function for creating chart components
- */
-export declare function chart(id: string, type?: ChartType, options?: Partial<ChartState>): ChartComponent;
-//# sourceMappingURL=chart.d.ts.map

package/lib/components/chart.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"chart.d.ts","sourceRoot":"","sources":["chart.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,KAAK,EAAsB,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAI9F,MAAM,WAAW,UAAU;IACvB,IAAI,EAAE,SAAS,CAAC;IAChB,IAAI,EAAE,SAAS,CAAC;IAChB,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACrB;AAED;;;GAGG;AACH,qBAAa,cAAe,SAAQ,aAAa,CAAC,UAAU,CAAC;IACzD,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,cAAc,CAAyB;IAC/D,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAsD;IAC7F,OAAO,CAAC,aAAa,CAAsB;gBAE/B,EAAE,EAAE,MAAM,EAAE,IAAI,GAAE,SAAiB,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC;IAS9E,SAAS,CAAC,gBAAgB,IAAI,SAAS,MAAM,EAAE;IAI/C,SAAS,CAAC,iBAAiB,IAAI,SAAS,MAAM,EAAE;IAQhD,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAoB5B,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,IAAI;IAS5B,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI;IAS7B,QAAQ,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,IAAI;IAS5B,UAAU,CAAC,OAAO,EAAE,GAAG,GAAG,IAAI;IAa9B,OAAO,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI;IASlC,UAAU,CAAC,KAAK,GAAE,OAAc,GAAG,IAAI;IAIvC,mBAAmB,CAAC,KAAK,GAAE,OAAc,GAAG,IAAI;IAIhD,KAAK,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,GAAE,OAAc,GAAG,IAAI;IASlD,MAAM,CAAC,OAAO,GAAE,OAAc,EAAE,QAAQ,GAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAe,GAAG,IAAI;IAS5F,OAAO,CAAC,OAAO,GAAE,OAAc,GAAG,IAAI;IAatC;;OAEG;IACH,WAAW,CAAC,IAAI,CAAC,EAAE,QAAQ,GAAG,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,SAAS,GAAG,IAAI;IAOnF,KAAK,IAAI,IAAI;IAOb,OAAO,IAAI,IAAI;IASf,QAAQ,IAAI,KAAK,GAAG,IAAI;IAQxB,MAAM,CAAC,QAAQ,CAAC,EAAE,MAAM,GAAG,WAAW,GAAG,aAAa,CAAC,GAAG,CAAC,GAAG,IAAI;IAuDlE,MAAM,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,GAAG,IAAI;CAGzC;AAED;;GAEG;AACH,wBAAgB,KAAK,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,GAAE,SAAiB,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,UAAU,CAAC,GAAG,cAAc,CAExG"}