@agent-ui-kit/web-components 0.0.8 → 0.0.14

package/dist/components/noodles/noodle-controller.d.ts

@@ -0,0 +1,71 @@
+export type PortSide = 'top' | 'right' | 'bottom' | 'left';
+export interface NoodleConnection {
+    /** Unique connection ID (auto-generated via uid if not provided) */
+    id: string;
+    /** Element ID for the source element */
+    from: string;
+    /** Element ID for the target element */
+    to: string;
+    /** Port side on the source element (default: 'right') */
+    fromPort: PortSide;
+    /** Port side on the target element (default: 'left') */
+    toPort: PortSide;
+    /** Optional color override for this specific noodle */
+    color?: string;
+}
+export interface NoodleOptions {
+    /** CSS selector for elements that can be connection endpoints (default: '[data-noodle-port]') */
+    selector?: string;
+    /** Allow interactive creation/deletion of connections (default: false) */
+    editable?: boolean;
+    /** Noodle stroke color (default: 'var(--aui-accent-500)') */
+    color?: string;
+    /** Noodle stroke width in px (default: 2) */
+    strokeWidth?: number;
+    /** Bezier curve tension -- how far control points extend (default: 0.5) */
+    tension?: number;
+    /** Show port indicator dots on connectable elements (default: true when editable) */
+    showPorts?: boolean;
+    /** Port indicator dot size in px (default: 10) */
+    portSize?: number;
+    /** Initial connections (default: []) */
+    connections?: NoodleConnection[];
+    /** Noodle curve style (default: 'bezier') */
+    style?: 'bezier' | 'step' | 'straight';
+    /** Animate noodles with a flowing dash pattern (default: false) */
+    animated?: boolean;
+    /** Disable the controller */
+    disabled?: boolean;
+}
+/** Renders SVG noodle connections between DOM elements within a host container. */
+export declare class NoodleController {
+    #private;
+    readonly host: HTMLElement;
+    selector: string;
+    editable: boolean;
+    color: string;
+    strokeWidth: number;
+    tension: number;
+    showPorts: boolean;
+    portSize: number;
+    style: 'bezier' | 'step' | 'straight';
+    animated: boolean;
+    disabled: boolean;
+    constructor(host: HTMLElement, options?: NoodleOptions);
+    attach(): void;
+    detach(): void;
+    destroy(): void;
+    /** Add a connection. Returns the connection ID. */
+    connect(from: string, to: string, fromPort?: PortSide, toPort?: PortSide): string;
+    /** Remove a connection by ID. */
+    disconnect(id: string): boolean;
+    /** Remove all connections. */
+    clear(): void;
+    /** Get all current connections. */
+    getConnections(): NoodleConnection[];
+    /** Replace all connections. */
+    setConnections(connections: NoodleConnection[]): void;
+    /** Force re-render all paths and rebuild port indicators.
+     *  Call after programmatic element moves or when the set of port elements changes. */
+    update(): void;
+}

package/dist/components/noodles/noodles.d.ts

@@ -0,0 +1,30 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+import { NoodleConnection, PortSide } from './noodle-controller.ts';
+export declare class AuiNoodles extends AgentElement {
+    #private;
+    static attributes: AttributeSchema;
+    editable: boolean;
+    color: string;
+    'stroke-width': string;
+    tension: string;
+    'show-ports': boolean;
+    'port-size': string;
+    curve: string;
+    animated: boolean;
+    disabled: boolean;
+    /** Current connections. */
+    get connections(): NoodleConnection[];
+    /** Create a connection between two elements. Returns the connection ID. */
+    connect(from: string, to: string, fromPort?: PortSide, toPort?: PortSide): string;
+    /** Remove a connection by ID. */
+    disconnect(id: string): boolean;
+    /** Replace all connections. */
+    setConnections(connections: NoodleConnection[]): void;
+    /** Remove all connections. */
+    clear(): void;
+    /** Force re-render paths and port indicators. */
+    update(): void;
+    protected activate(): void;
+    protected dispose(): void;
+    attributeChangedCallback(name: string, old: string | null, val: string | null): void;
+}

package/dist/components/notification-center/index.d.ts

@@ -0,0 +1,2 @@
+export { AuiNotificationCenter } from './notification-center.ts';
+export type { Notification } from './notification-center.ts';

package/dist/components/notification-center/notification-center.d.ts

@@ -0,0 +1,27 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export interface Notification {
+    id: string;
+    title: string;
+    message?: string;
+    intent?: string;
+    timestamp: number;
+    read: boolean;
+}
+export declare class AuiNotificationCenter extends AgentElement {
+    #private;
+    static attributes: AttributeSchema;
+    max: string;
+    protected activate(): void;
+    protected dispose(): void;
+    add(opts: {
+        title: string;
+        message?: string;
+        intent?: string;
+        timestamp?: number;
+    }): string;
+    markRead(id: string): void;
+    dismiss(id: string): void;
+    clearAll(): void;
+    get notifications(): ReadonlyArray<Notification>;
+    get unreadCount(): number;
+}

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

@@ -0,0 +1 @@
+export { AuiOptgroup } from './optgroup.ts';

package/dist/components/optgroup/optgroup.d.ts

@@ -0,0 +1,9 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiOptgroup extends AgentElement {
+    #private;
+    static attributes: AttributeSchema;
+    label: string;
+    disabled: boolean;
+    divider: boolean;
+    protected activate(): void;
+}

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

@@ -0,0 +1 @@
+export { AuiOption } from './option.ts';

package/dist/components/option/option.d.ts

@@ -0,0 +1,11 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiOption extends AgentElement {
+    static attributes: AttributeSchema;
+    value: string;
+    disabled: boolean;
+    selected: boolean;
+    label: string;
+    /** The display text for this option. */
+    get displayLabel(): string;
+    protected activate(): void;
+}

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

@@ -0,0 +1,3 @@
+export { AuiPage } from './page.ts';
+export { AuiPageMain } from './page-main.ts';
+export { AuiPageContext } from './page-context.ts';

package/dist/components/page/page-context.d.ts

@@ -0,0 +1,4 @@
+import { AgentElement } from '../../element/index.ts';
+export declare class AuiPageContext extends AgentElement {
+    protected activate(): void;
+}

package/dist/components/page/page-main.d.ts

@@ -0,0 +1,3 @@
+import { AgentElement } from '../../element/index.ts';
+export declare class AuiPageMain extends AgentElement {
+}

package/dist/components/page/page.d.ts

@@ -0,0 +1,4 @@
+import { AgentElement } from '../../element/index.ts';
+export declare class AuiPage extends AgentElement {
+    protected activate(): void;
+}

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

@@ -0,0 +1 @@
+export { AuiPagination } from './pagination.ts';

package/dist/components/pagination/pagination.d.ts

@@ -0,0 +1,10 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiPagination extends AgentElement {
+    #private;
+    static attributes: AttributeSchema;
+    page: string;
+    total: string;
+    siblings: string;
+    protected activate(): void;
+    protected dispose(): void;
+}

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

@@ -0,0 +1,2 @@
+export { AuiPanes } from './panes.ts';
+export { AuiPane } from './pane.ts';

package/dist/components/pane/pane.d.ts

@@ -0,0 +1,27 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiPane extends AgentElement {
+    #private;
+    static attributes: AttributeSchema;
+    label: string;
+    icon: string;
+    closeable: boolean;
+    minimizable: boolean;
+    minimized: boolean;
+    'fixed-size': string;
+    basis: string;
+    priority: string;
+    tabs: boolean;
+    collapse: string;
+    protected activate(): void;
+    /** Collapse the pane to a thin strip. */
+    collapsePane(): void;
+    /** Restore from collapsed state. */
+    expand(): void;
+    /** Close the pane. Dispatches cancelable `aui:pane-close`. */
+    close(): void;
+    /** Minimize the pane to header-only. */
+    minimize(): void;
+    /** Restore from minimized state. */
+    restore(): void;
+    protected dispose(): void;
+}

package/dist/components/pane/panes.d.ts

@@ -0,0 +1,10 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiPanes extends AgentElement {
+    #private;
+    static attributes: AttributeSchema;
+    static deferChildren: boolean;
+    direction: string;
+    get isVertical(): boolean;
+    protected activate(): void;
+    protected dispose(): void;
+}

package/dist/components/preview-app/index.d.ts

@@ -0,0 +1 @@
+export { AuiPreviewApp } from './preview-app.ts';

package/dist/components/preview-app/preview-app.d.ts

@@ -0,0 +1,8 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiPreviewApp extends AgentElement {
+    #private;
+    static attributes: AttributeSchema;
+    src: string;
+    protected activate(): void;
+    protected dispose(): void;
+}

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

@@ -0,0 +1 @@
+export { AuiProgress } from './progress.ts';

package/dist/components/progress/progress.d.ts

@@ -0,0 +1,6 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiProgress extends AgentElement {
+    static attributes: AttributeSchema;
+    value: string;
+    protected activate(): void;
+}

package/dist/components/progress-circle/index.d.ts

@@ -0,0 +1 @@
+export { AuiProgressCircle } from './progress-circle.ts';

package/dist/components/progress-circle/progress-circle.d.ts

@@ -0,0 +1,9 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiProgressCircle extends AgentElement {
+    #private;
+    static attributes: AttributeSchema;
+    value: string;
+    label: string;
+    protected activate(): void;
+    protected dispose(): void;
+}

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

@@ -0,0 +1,2 @@
+export { AuiRadio } from './radio.ts';
+export { AuiRadioGroup } from './radio-group.ts';

package/dist/components/radio/radio-group.d.ts

@@ -0,0 +1,10 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiRadioGroup extends AgentElement {
+    #private;
+    static attributes: AttributeSchema;
+    disabled: boolean;
+    name: string;
+    value: string;
+    protected activate(): void;
+    protected dispose(): void;
+}

package/dist/components/radio/radio.d.ts

@@ -0,0 +1,17 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiRadio extends AgentElement {
+    #private;
+    static formAssociated: boolean;
+    static attributes: AttributeSchema;
+    disabled: boolean;
+    checked: boolean;
+    required: boolean;
+    label: string;
+    name: string;
+    value: string;
+    constructor();
+    protected activate(): void;
+    protected dispose(): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+}

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

@@ -0,0 +1 @@
+export { AuiRange } from './range.ts';

package/dist/components/range/range.d.ts

@@ -0,0 +1,18 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiRange extends AgentElement {
+    #private;
+    static formAssociated: boolean;
+    static attributes: AttributeSchema;
+    disabled: boolean;
+    min: string;
+    max: string;
+    step: string;
+    value: string;
+    label: string;
+    name: string;
+    constructor();
+    protected activate(): void;
+    protected dispose(): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+}

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

@@ -0,0 +1 @@
+export { AuiRoot } from './root.ts';

package/dist/components/root/root.d.ts

@@ -0,0 +1,4 @@
+import { AgentElement } from '../../element/index.ts';
+export declare class AuiRoot extends AgentElement {
+    protected activate(): void;
+}

package/dist/components/segmented-control/index.d.ts

@@ -0,0 +1,2 @@
+export { AuiSegmentedControl } from './segmented-control.ts';
+export { AuiSegment } from './segment.ts';

package/dist/components/segmented-control/segment.d.ts

@@ -0,0 +1,8 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiSegment extends AgentElement {
+    static attributes: AttributeSchema;
+    value: string;
+    disabled: boolean;
+    selected: boolean;
+    protected activate(): void;
+}

package/dist/components/segmented-control/segmented-control.d.ts

@@ -0,0 +1,13 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiSegmentedControl extends AgentElement {
+    #private;
+    static formAssociated: boolean;
+    static attributes: AttributeSchema;
+    value: string;
+    name: string;
+    constructor();
+    protected activate(): void;
+    protected dispose(): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+}

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

@@ -0,0 +1 @@
+export { AuiSelect } from './select.ts';

package/dist/components/select/select.d.ts

@@ -0,0 +1,37 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiSelect extends AgentElement {
+    #private;
+    static formAssociated: boolean;
+    static attributes: AttributeSchema;
+    mode: string;
+    disabled: boolean;
+    required: boolean;
+    placeholder: string;
+    value: string;
+    name: string;
+    open: boolean;
+    multiple: boolean;
+    orientation: string;
+    transparent: boolean;
+    fill: boolean;
+    padding: string;
+    constructor();
+    protected activate(): void;
+    protected dispose(): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+    /** Get all option elements (including inside groups). */
+    get options(): HTMLElement[];
+    /** Get enabled options. */
+    get enabledOptions(): HTMLElement[];
+    /** Get the currently active (highlighted) option. */
+    get activeOption(): HTMLElement | null;
+    /** Internal listbox element (for dropdown mode). */
+    get listboxElement(): HTMLElement | null;
+    /** Programmatically select an option by value. */
+    selectValue(val: string): void;
+    /** Highlight a specific option by index (for external control). */
+    highlightIndex(index: number): void;
+    /** Reset the active highlight. */
+    clearHighlight(): void;
+}

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

@@ -0,0 +1,4 @@
+export { AuiSidebar } from './sidebar.ts';
+export { AuiSidebarHeader } from './sidebar-header.ts';
+export { AuiSidebarContent } from './sidebar-content.ts';
+export { AuiSidebarFooter } from './sidebar-footer.ts';

package/dist/components/sidebar/sidebar-content.d.ts

@@ -0,0 +1,4 @@
+import { AgentElement } from '../../element/index.ts';
+export declare class AuiSidebarContent extends AgentElement {
+    protected activate(): void;
+}

package/dist/components/sidebar/sidebar-footer.d.ts

@@ -0,0 +1,4 @@
+import { AgentElement } from '../../element/index.ts';
+export declare class AuiSidebarFooter extends AgentElement {
+    protected activate(): void;
+}

package/dist/components/sidebar/sidebar-header.d.ts

@@ -0,0 +1,4 @@
+import { AgentElement } from '../../element/index.ts';
+export declare class AuiSidebarHeader extends AgentElement {
+    protected activate(): void;
+}

package/dist/components/sidebar/sidebar.d.ts

@@ -0,0 +1,14 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiSidebar extends AgentElement {
+    #private;
+    static attributes: AttributeSchema;
+    collapsed: boolean;
+    collapsible: boolean;
+    side: 'left' | 'right';
+    disabled: boolean;
+    protected activate(): void;
+    collapse(): void;
+    expand(): void;
+    toggle(): void;
+    protected dispose(): void;
+}

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

@@ -0,0 +1 @@
+export { AuiSkeleton } from './skeleton.ts';

package/dist/components/skeleton/skeleton.d.ts

@@ -0,0 +1,3 @@
+import { AgentElement } from '../../element/index.ts';
+export declare class AuiSkeleton extends AgentElement {
+}

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

@@ -0,0 +1 @@
+export { AuiSparkline } from './sparkline.ts';

package/dist/components/sparkline/sparkline.d.ts

@@ -0,0 +1,8 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiSparkline extends AgentElement {
+    static attributes: AttributeSchema;
+    values: string;
+    color: string;
+    highlight: string;
+    protected activate(): void;
+}

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

@@ -0,0 +1 @@
+export { AuiSpinner } from './spinner.ts';

package/dist/components/spinner/spinner.d.ts

@@ -0,0 +1,3 @@
+import { AgentElement } from '../../element/index.ts';
+export declare class AuiSpinner extends AgentElement {
+}

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

@@ -0,0 +1 @@
+export { AuiStat } from './stat.ts';

package/dist/components/stat/stat.d.ts

@@ -0,0 +1,11 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiStat extends AgentElement {
+    #private;
+    static attributes: AttributeSchema;
+    label: string;
+    value: string;
+    trend: string;
+    change: string;
+    protected activate(): void;
+    protected dispose(): void;
+}

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

@@ -0,0 +1,2 @@
+export { AuiStepper } from './stepper.ts';
+export { AuiStep } from './step.ts';

package/dist/components/stepper/step.d.ts

@@ -0,0 +1,3 @@
+import { AgentElement } from '../../element/index.ts';
+export declare class AuiStep extends AgentElement {
+}

package/dist/components/stepper/stepper.d.ts

@@ -0,0 +1,3 @@
+import { AgentElement } from '../../element/index.ts';
+export declare class AuiStepper extends AgentElement {
+}

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

@@ -0,0 +1 @@
+export { AuiSwitch } from './switch.ts';

package/dist/components/switch/switch.d.ts

@@ -0,0 +1,16 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiSwitch extends AgentElement {
+    #private;
+    static formAssociated: boolean;
+    static attributes: AttributeSchema;
+    disabled: boolean;
+    checked: boolean;
+    label: string;
+    name: string;
+    value: string;
+    constructor();
+    protected activate(): void;
+    protected dispose(): void;
+    formDisabledCallback(disabled: boolean): void;
+    formResetCallback(): void;
+}

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

@@ -0,0 +1,3 @@
+export { AuiTabs } from './tabs.ts';
+export { AuiTab } from './tab.ts';
+export { AuiTabPanel } from './tab-panel.ts';

package/dist/components/tab/tab-panel.d.ts

@@ -0,0 +1,7 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiTabPanel extends AgentElement {
+    static attributes: AttributeSchema;
+    value: string;
+    active: boolean;
+    protected activate(): void;
+}

package/dist/components/tab/tab.d.ts

@@ -0,0 +1,8 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiTab extends AgentElement {
+    static attributes: AttributeSchema;
+    value: string;
+    disabled: boolean;
+    selected: boolean;
+    protected activate(): void;
+}

package/dist/components/tab/tabs.d.ts

@@ -0,0 +1,9 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiTabs extends AgentElement {
+    #private;
+    static attributes: AttributeSchema;
+    value: string;
+    orientation: string;
+    protected activate(): void;
+    protected dispose(): void;
+}

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

@@ -0,0 +1,7 @@
+export { AuiTable } from './table.ts';
+export { AuiTableBody } from './table-body.ts';
+export { AuiTableCell } from './table-cell.ts';
+export { AuiTableColumn } from './table-column.ts';
+export { AuiTableHead } from './table-head.ts';
+export { AuiTableHeader } from './table-header.ts';
+export { AuiTableRow } from './table-row.ts';

package/dist/components/table/table-body.d.ts

@@ -0,0 +1,3 @@
+import { AgentElement } from '../../element/index.ts';
+export declare class AuiTableBody extends AgentElement {
+}

package/dist/components/table/table-cell.d.ts

@@ -0,0 +1,3 @@
+import { AgentElement } from '../../element/index.ts';
+export declare class AuiTableCell extends AgentElement {
+}

package/dist/components/table/table-column.d.ts

@@ -0,0 +1,11 @@
+import { AgentElement, AttributeSchema } from '../../element/index.ts';
+export declare class AuiTableColumn extends AgentElement {
+    static attributes: AttributeSchema;
+    key: string;
+    label: string;
+    sortable: boolean;
+    filterable: boolean;
+    width: string;
+    type: 'string' | 'number' | 'date';
+    align: 'start' | 'center' | 'end';
+}

package/dist/components/table/table-head.d.ts

@@ -0,0 +1,3 @@
+import { AgentElement } from '../../element/index.ts';
+export declare class AuiTableHead extends AgentElement {
+}

package/dist/components/table/table-header.d.ts

@@ -0,0 +1,3 @@
+import { AgentElement } from '../../element/index.ts';
+export declare class AuiTableHeader extends AgentElement {
+}

package/dist/components/table/table-row.d.ts

@@ -0,0 +1,3 @@
+import { AgentElement } from '../../element/index.ts';
+export declare class AuiTableRow extends AgentElement {
+}