@kabel-project/kabel 1.0.7 → 1.0.8

package/dist/src/field.d.ts

@@ -0,0 +1,305 @@
+import Connection from "./connection";
+import { G, Path, Rect, Svg, Text } from '@svgdotjs/svg.js';
+import NodeSvg from "./nodesvg";
+import { ConnectorToFrom } from "../renderers/renderer";
+import WorkspaceSvg from "./workspace-svg";
+/**
+ * Options used to initialize a Field.
+ */
+export interface FieldOptions {
+    name: string;
+    /** Human-readable label for the field */
+    label: string;
+    /** Key used to identify the field type in FieldTypesMap */
+    type: string;
+    /** Field value (optional) */
+    value?: any;
+    /** Only used by OptConnectField to determine internal value type */
+    fld_type?: "number" | "string";
+    [key: string]: any;
+}
+export interface FieldVisualInfo {
+    measuredWidth: number;
+    measuredHeight: number;
+    background: Rect;
+    svg: Svg;
+    nodeGroup: G;
+    fieldGroup: G;
+    xUsed: number;
+}
+export interface FieldRawBoxData {
+    box: Rect;
+    txt: Text;
+}
+export interface FieldConnectionData {
+    connector: Path;
+    connState: ConnectorToFrom;
+}
+/**
+ * Base class for all fields.
+ * @template T The type of the value stored in the field
+ */
+declare class Field<T = any> {
+    label: string;
+    name: string;
+    type: string;
+    node?: NodeSvg;
+    editable: boolean;
+    svgGroup?: G;
+    protected value: T | null;
+    static register(name: string, cls: Function): void;
+    static unregister(name: string): void;
+    constructor();
+    onDraw(rawBox?: FieldRawBoxData, connectionBubble?: FieldConnectionData): void;
+    canEditConnector(): boolean;
+    /**
+     * Set whether or not you can edit this field.
+     * @param val - The value to set to.
+     */
+    setEditable(val: boolean): void;
+    /**
+     * Ask whether or not we can edit this field.
+     */
+    canEdit(): boolean;
+    /**
+     * Set field name to something else.
+     * @param name string
+     * @returns the new name.
+     */
+    setName(name: string): string;
+    /**
+     * Initialize the field from JSON options.
+     * @param json FieldOptions object
+     */
+    fromJson(json: FieldOptions, workspace?: WorkspaceSvg): void;
+    /** @returns The field's name/key */
+    getName(): string;
+    /** @returns The human-readable label */
+    getLabel(): string;
+    /**
+     * Set the human-readable label
+     * @param label New label
+     * @returns The updated label
+     */
+    setLabel(label: string): string;
+    /** @returns Whether this field is a raw value field (text/number) */
+    hasRaw(): boolean;
+    /** @returns Whether this field supports connections */
+    hasConnectable(): boolean;
+    /** @returns Whether we have a custom editor/input look */
+    isCustomEditor(): boolean;
+    /**
+     * Make the input's custom look.
+     * @param fieldVisualInfo - The visual info of the field, mutate this if needed.
+     */
+    drawMyself(fieldVisualInfo: FieldVisualInfo): void;
+    /** Return width & height of your field's custom editor */
+    measureMyself(): {
+        width: null;
+        height: null;
+    };
+    /** @returns The stored value */
+    getValue(): T | null;
+    /**
+     * Set the stored value
+     * @param val New value
+     */
+    setValue(val: T): void;
+    /** @returns The value as it should be displayed (can differ from internal value) */
+    getDisplayValue(): T | null;
+    toJson(deep: boolean, alreadyProcessed: {
+        [key: string]: any;
+    }): FieldOptions;
+}
+/**
+ * Used when you want just a label with no actual value. Any value related methods are no-op.
+ */
+export declare class DummyField {
+    label: string;
+    name: string;
+    type: string;
+    node?: NodeSvg;
+    editable: boolean;
+    svgGroup?: G;
+    constructor();
+    onDraw(rawBox?: FieldRawBoxData, connectionBubble?: FieldConnectionData): void;
+    canEditConnector(): boolean;
+    /**
+     * Set whether or not you can edit this field.
+     * @param val - The value to set to.
+     */
+    setEditable(val: boolean): void;
+    /**
+     * Ask whether or not we can edit this field.
+     */
+    canEdit(): boolean;
+    /**
+     * Set field name to something else.
+     * @param name string
+     * @returns the new name.
+     */
+    setName(name: string): string;
+    /**
+     * Initialize the field from JSON options.
+     * @param json FieldOptions object
+     */
+    fromJson(json: FieldOptions): void;
+    /** @returns Whether this field is a raw value field (text/number) */
+    hasRaw(): boolean;
+    /** @returns Whether this field supports connections */
+    hasConnectable(): boolean;
+    /** @returns The field's name/key */
+    getName(): string;
+    /** @returns The human-readable label */
+    getLabel(): string;
+    /**
+     * Set the human-readable label
+     * @param label New label
+     * @returns The updated label
+     */
+    setLabel(label: string): string;
+    /** @returns Whether we have a custom editor/input look */
+    isCustomEditor(): boolean;
+    /**
+     * Make the input's custom look.
+     * @param fieldVisualInfo - The visual info of the field, mutate this if needed.
+     */
+    drawMyself(fieldVisualInfo: FieldVisualInfo): void;
+    /** Return width & height of your field's custom editor */
+    measureMyself(): {
+        width: number;
+        height: number;
+    };
+    /**
+     * Dummy fields have no value.
+     * @returns {null}
+     */
+    getValue(): null;
+    /**
+     * No-op for dummy fields
+     */
+    setValue(_: any): void;
+    /** @returns The value as it should be displayed (can differ from internal value) */
+    getDisplayValue(): null;
+    toJson(deep: boolean, alreadyProcessed: {
+        [key: string]: any;
+    }): FieldOptions;
+}
+/**
+ * Base class for fields that can be connected to other fields.
+ * @template T The type of the value stored in the field
+ */
+export declare class ConnectableField<T = any> extends Field<T> {
+    connection: Connection;
+    constructor();
+    hasConnectable(): boolean;
+    hasRaw(): boolean;
+    /** Disconnect this field from any connected Connectable */
+    disconnect(): void;
+    fromJson(json: FieldOptions, workspace?: WorkspaceSvg): this;
+    toJson(deep: boolean, alreadyProcessed: {
+        [key: string]: any;
+    }): FieldOptions;
+}
+/** Field storing a numeric value */
+export declare class NumberField extends Field<number> {
+    constructor();
+    fromJson(json: FieldOptions): void;
+    setValue(val: number): void;
+}
+/** Field storing a string value */
+export declare class TextField extends Field<string> {
+    constructor();
+    fromJson(json: FieldOptions): void;
+    setValue(val: string): void;
+}
+/**
+ * Optional connectable field.
+ * Can store either a number or string depending on fld_type.
+ */
+export declare class OptConnectField extends ConnectableField<number | string | NodeSvg> {
+    fldType: "number" | "string";
+    constructor();
+    canEditConnector(): boolean;
+    canEdit(): boolean;
+    getValue(): string | number | NodeSvg | null;
+    hasRaw(): boolean;
+    hasConnectable(): boolean;
+    /**
+     * Set field type.
+     * @param type "number"|"string"
+     */
+    setFieldType(type: "number" | "string"): void;
+    /**
+     * Initialize from JSON, respecting fld_type
+     * @param json FieldOptions
+     */
+    fromJson(json: FieldOptions, workspace?: WorkspaceSvg): this;
+    /**
+     * Set the value, converting to number or string depending on fld_type
+     * @param val The new value
+     */
+    setValue(val: number | string): void;
+    /**
+     * @returns Display value for UI purposes (never null)
+     */
+    getDisplayValue(): string;
+    toJson(deep: boolean, alreadyProcessed: {
+        [key: string]: any;
+    }): FieldOptions;
+}
+export type DropdownItem = {
+    text: string;
+    value: string;
+} | string;
+export declare class DropdownField extends Field<string> {
+    options: DropdownItem[] | null;
+    _selected: DropdownItem | null;
+    _isOpen: boolean;
+    constructor();
+    onDraw(rawBox?: FieldRawBoxData): void;
+    private toggleDropdown;
+    private openDropdown;
+    private closeDropdown;
+    canEdit(): boolean;
+    getSelected(): DropdownItem | null;
+    fromJson(json: FieldOptions): void;
+    /**
+     * Display value of dropdowns.
+     * @returns - Display value
+     */
+    getDisplayValue(): string;
+    /**
+     * Set options on this dropdown
+     * @param options - List of options
+     */
+    setOptions(options: DropdownItem[]): void;
+    /**
+     *
+     * @param deep - Whether to recursive it.
+     * @param alreadyProcessed - Map of already serialized nodes.
+     * @returns - Json of this field.
+     */
+    toJson(deep: boolean, alreadyProcessed: {
+        [key: string]: any;
+    }): FieldOptions;
+}
+/**
+ * Any field instance type
+ */
+export type AnyField = Field | OptConnectField | NumberField | TextField | DummyField | ConnectableField;
+/**
+ * Any field class type
+ */
+export type AnyFieldCls = typeof Field | typeof OptConnectField | typeof ConnectableField | typeof NumberField | typeof TextField | typeof DummyField;
+export declare const FieldMap: {
+    field_both: typeof OptConnectField;
+    field_string: typeof TextField;
+    field_num: typeof NumberField;
+    field_dummy: typeof DummyField;
+    field_str: typeof TextField;
+    connection: typeof ConnectableField;
+    [key: string]: AnyFieldCls;
+};
+export default Field;
+//# sourceMappingURL=field.d.ts.map

package/dist/src/field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"field.d.ts","sourceRoot":"","sources":["../../src/field.ts"],"names":[],"mappings":"AAAA,OAAO,UAA2B,MAAM,cAAc,CAAC;AACvD,OAAO,EAAE,CAAC,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAO,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,OAAO,MAAM,WAAW,CAAC;AAChC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAExD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAC3C;;GAEG;AACH,MAAM,WAAW,YAAY;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,yCAAyC;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,6BAA6B;IAC7B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,oEAAoE;IACpE,QAAQ,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC/B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB;AAED,MAAM,WAAW,eAAe;IAC5B,aAAa,EAAE,MAAM,CAAC;IACtB,cAAc,EAAE,MAAM,CAAC;IACvB,UAAU,EAAE,IAAI,CAAC;IACjB,GAAG,EAAE,GAAG,CAAC;IACT,SAAS,EAAE,CAAC,CAAC;IACb,UAAU,EAAE,CAAC,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AACD,MAAM,WAAW,eAAe;IAC5B,GAAG,EAAE,IAAI,CAAC;IACV,GAAG,EAAE,IAAI,CAAC;CACb;AACD,MAAM,WAAW,mBAAmB;IAChC,SAAS,EAAE,IAAI,CAAC;IAChB,SAAS,EAAE,eAAe,CAAA;CAC7B;AACD;;;GAGG;AACH,cAAM,KAAK,CAAC,CAAC,GAAG,GAAG;IACf,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC;IACb,SAAS,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAC1B,MAAM,CAAC,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,QAAQ;IAC3C,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM;;IAQ9B,MAAM,CAAC,MAAM,CAAC,EAAE,eAAe,EAAE,gBAAgB,CAAC,EAAE,mBAAmB;IAGvE,gBAAgB;IAGhB;;;OAGG;IACH,WAAW,CAAC,GAAG,EAAE,OAAO;IAMxB;;OAEG;IACH,OAAO;IAGP;;;;OAIG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM;IAGpB;;;OAGG;IACH,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,CAAC,EAAE,YAAY;IAQrD,oCAAoC;IACpC,OAAO,IAAI,MAAM;IAIjB,wCAAwC;IACxC,QAAQ,IAAI,MAAM;IAIlB;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAI/B,qEAAqE;IACrE,MAAM,IAAI,OAAO;IAIjB,uDAAuD;IACvD,cAAc,IAAI,OAAO;IAGzB,0DAA0D;IAC1D,cAAc,IAAI,OAAO;IAGzB;;;OAGG;IACH,UAAU,CAAC,eAAe,EAAE,eAAe;IAG3C,0DAA0D;IAC1D,aAAa;;;;IAGb,gCAAgC;IAChC,QAAQ,IAAI,CAAC,GAAG,IAAI;IAIpB;;;OAGG;IACH,QAAQ,CAAC,GAAG,EAAE,CAAC;IAIf,oFAAoF;IACpF,eAAe,IAAI,CAAC,GAAG,IAAI;IAG3B,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,GAAG,YAAY;CAQhF;AACD;;GAEG;AACH,qBAAa,UAAU;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,CAAC;;IAQb,MAAM,CAAC,MAAM,CAAC,EAAE,eAAe,EAAE,gBAAgB,CAAC,EAAE,mBAAmB;IAGvE,gBAAgB;IAGhB;;;OAGG;IACH,WAAW,CAAC,GAAG,EAAE,OAAO;IAMxB;;OAEG;IACH,OAAO;IAGP;;;;OAIG;IACH,OAAO,CAAC,IAAI,EAAE,MAAM;IAGpB;;;OAGG;IACH,QAAQ,CAAC,IAAI,EAAE,YAAY;IAK3B,qEAAqE;IACrE,MAAM,IAAI,OAAO;IAIjB,uDAAuD;IACvD,cAAc,IAAI,OAAO;IAGzB,oCAAoC;IACpC,OAAO,IAAI,MAAM;IAIjB,wCAAwC;IACxC,QAAQ,IAAI,MAAM;IAGlB;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAG/B,0DAA0D;IAC1D,cAAc,IAAI,OAAO;IAGzB;;;OAGG;IACH,UAAU,CAAC,eAAe,EAAE,eAAe;IAG3C,0DAA0D;IAC1D,aAAa;;;;IAGb;;;OAGG;IACH,QAAQ;IAGR;;OAEG;IACH,QAAQ,CAAC,CAAC,EAAE,GAAG;IACf,oFAAoF;IACpF,eAAe;IAGf,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,GAAG,YAAY;CAQhF;AACD;;;GAGG;AACH,qBAAa,gBAAgB,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,KAAK,CAAC,CAAC,CAAC;IACnD,UAAU,EAAE,UAAU,CAAC;;IAOvB,cAAc,IAAI,OAAO;IAIzB,MAAM,IAAI,OAAO;IAIjB,2DAA2D;IAC3D,UAAU;IAOV,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,CAAC,EAAE,YAAY;IAgBrD,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,GAAG,YAAY;CAUhF;AAED,oCAAoC;AACpC,qBAAa,WAAY,SAAQ,KAAK,CAAC,MAAM,CAAC;;IAK1C,QAAQ,CAAC,IAAI,EAAE,YAAY;IAI3B,QAAQ,CAAC,GAAG,EAAE,MAAM;CAGvB;AAED,mCAAmC;AACnC,qBAAa,SAAU,SAAQ,KAAK,CAAC,MAAM,CAAC;;IAIxC,QAAQ,CAAC,IAAI,EAAE,YAAY;IAI3B,QAAQ,CAAC,GAAG,EAAE,MAAM;CAGvB;AAED;;;GAGG;AACH,qBAAa,eAAgB,SAAQ,gBAAgB,CAAC,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;IAC5E,OAAO,EAAE,QAAQ,GAAG,QAAQ,CAAC;;IAM7B,gBAAgB,IAAI,OAAO;IAG3B,OAAO;IAMP,QAAQ,IAAI,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI;IAO5C,MAAM;IAGN,cAAc;IAGd;;;OAGG;IACH,YAAY,CAAC,IAAI,EAAE,QAAQ,GAAG,QAAQ;IAGtC;;;OAGG;IACH,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,SAAS,CAAC,EAAE,YAAY;IASrD;;;OAGG;IACH,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM;IAK7B;;OAEG;IACH,eAAe,IAAI,MAAM;IAKzB,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,GAAG,YAAY;CAWhF;AACD,MAAM,MAAM,YAAY,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,GAAG,MAAM,CAAA;AACnE,qBAAa,aAAc,SAAQ,KAAK,CAAC,MAAM,CAAC;IAC5C,OAAO,EAAE,YAAY,EAAE,GAAG,IAAI,CAAC;IAC/B,SAAS,EAAE,YAAY,GAAG,IAAI,CAAC;IAC/B,OAAO,EAAE,OAAO,CAAC;;IASjB,MAAM,CAAC,MAAM,CAAC,EAAE,eAAe;IAS/B,OAAO,CAAC,cAAc;IAStB,OAAO,CAAC,YAAY;IA2BpB,OAAO,CAAC,aAAa;IAIrB,OAAO;IAIP,WAAW;IAGX,QAAQ,CAAC,IAAI,EAAE,YAAY;IAO3B;;;OAGG;IACH,eAAe,IAAI,MAAM;IAMzB;;;OAGG;IACH,UAAU,CAAC,OAAO,EAAE,YAAY,EAAE;IAOlC;;;;;OAKG;IACH,MAAM,CAAC,IAAI,EAAE,OAAO,EAAE,gBAAgB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE,GAAG,YAAY;CAGhF;AAED;;GAEG;AACH,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,eAAe,GAAG,WAAW,GAAG,SAAS,GAAG,UAAU,GAAG,gBAAgB,CAAC;AACzG;;GAEG;AACH,MAAM,MAAM,WAAW,GAAG,OAAO,KAAK,GAAG,OAAO,eAAe,GAAG,OAAO,gBAAgB,GAAG,OAAO,WAAW,GAAG,OAAO,SAAS,GAAG,OAAO,UAAU,CAAC;AACtJ,eAAO,MAAM,QAAQ,EAAE;IACnB,UAAU,EAAE,OAAO,eAAe,CAAC;IACnC,YAAY,EAAE,OAAO,SAAS,CAAC;IAC/B,SAAS,EAAE,OAAO,WAAW,CAAC;IAC9B,WAAW,EAAE,OAAO,UAAU,CAAC;IAC/B,SAAS,EAAE,OAAO,SAAS,CAAC;IAC5B,UAAU,EAAE,OAAO,gBAAgB,CAAC;IACpC,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,CAAC;CAS9B,CAAA;AAGD,eAAe,KAAK,CAAC"}

package/dist/src/flyout.d.ts

@@ -0,0 +1,41 @@
+import { TblxNodeStruct } from "./inject";
+import Toolbox from "./toolbox";
+/**
+ * Represents a flyout menu for a toolbox in Kabel.
+ * Displays a list of nodes that can be dragged into a workspace.
+ */
+declare class Flyout {
+    container: HTMLDivElement;
+    visible: boolean;
+    toolbox?: Toolbox | undefined;
+    constructor(toolbox?: Toolbox);
+    /**
+     * Populates the flyout with a list of nodes.
+     */
+    fill(nodes: TblxNodeStruct[]): void;
+    /**
+     * Creates a DOM element for a node with event listeners attached.
+     */
+    private createNodeElement;
+    /**
+     * Applies consistent styling to a node element.
+     */
+    private applyNodeStyles;
+    /**
+     * Handles starting a drag operation for a node.
+     */
+    private onNodeMouseDown;
+    /**
+     * Creates a ghost element that follows the mouse during drag.
+     */
+    private createGhostNode;
+    /**
+     * Handles dropping a node into the workspace if the mouse is over it.
+     */
+    private dropNode;
+    show(): void;
+    hide(): void;
+    clear(): void;
+}
+export default Flyout;
+//# sourceMappingURL=flyout.d.ts.map

package/dist/src/flyout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"flyout.d.ts","sourceRoot":"","sources":["../../src/flyout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1C,OAAO,OAAO,MAAM,WAAW,CAAC;AAIhC;;;GAGG;AACH,cAAM,MAAM;IACX,SAAS,EAAE,cAAc,CAAC;IAC1B,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,GAAC,SAAS,CAAC;gBAEhB,OAAO,CAAC,EAAE,OAAO;IAe7B;;OAEG;IACH,IAAI,CAAC,KAAK,EAAE,cAAc,EAAE;IAa5B;;OAEG;IACH,OAAO,CAAC,iBAAiB;IAWzB;;OAEG;IACH,OAAO,CAAC,eAAe;IAavB;;OAEG;IACH,OAAO,CAAC,eAAe;IA0BvB;;OAEG;IACH,OAAO,CAAC,eAAe;IAWvB;;OAEG;IACH,OAAO,CAAC,QAAQ;IA2BhB,IAAI;IAKJ,IAAI;IAKJ,KAAK;CAGL;AAED,eAAe,MAAM,CAAC"}

package/dist/src/fonts-manager.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Load a Google Font by name and optional weights.
+ * Returns a promise that resolves when the font is available.
+ */
+export declare function loadGoogleFont(name: string, weights?: number[]): Promise<void>;
+//# sourceMappingURL=fonts-manager.d.ts.map

package/dist/src/fonts-manager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fonts-manager.d.ts","sourceRoot":"","sources":["../../src/fonts-manager.ts"],"names":[],"mappings":"AAMA;;;GAGG;AACH,wBAAgB,cAAc,CAC7B,IAAI,EAAE,MAAM,EACZ,OAAO,GAAE,MAAM,EAAe,GAC5B,OAAO,CAAC,IAAI,CAAC,CAwBf"}

package/dist/src/grid.d.ts

@@ -0,0 +1,60 @@
+import { Svg } from "@svgdotjs/svg.js";
+import WorkspaceSvg from "./workspace-svg";
+/**
+ * Options for configuring the workspace grid.
+ * @typedef {Object} GridOptions
+ * @property {"dotted"|"celled"} [type="dotted"] - The type of grid to render.
+ * @property {number} [spacing=40] - The spacing between grid dots or cells.
+ * @property {number} [dotSize=2] - The radius of the dots (only for dotted type).
+ * @property {number} [strokeWidth=2] - Stroke width of the cells (only for celled type).
+ * @property {string} [color="#bebebeff"] - Color of the grid.
+ */
+export interface GridOptions {
+    type?: "dotted" | "celled";
+    spacing?: number;
+    dotSize?: number;
+    strokeWidth?: number;
+    color?: string;
+}
+/**
+ * Handles drawing and managing a workspace background grid.
+ */
+export default class Grid {
+    private ws;
+    private svg;
+    private pattern?;
+    private rect?;
+    /** Cached + normalized grid values */
+    private grid;
+    /**
+     * Creates a new Grid instance and attaches it to the given workspace SVG.
+     * @param {WorkspaceSvg} ws - The workspace this grid belongs to.
+     * @param {Svg} svg - The SVG element to draw the grid into.
+     * @param {GridOptions} opts - Initial options for the grid.
+     */
+    constructor(ws: WorkspaceSvg, svg: Svg, opts: GridOptions);
+    /**
+     * Initializes the grid pattern, background rect, and attaches resize listener.
+     * @private
+     */
+    private init;
+    /**
+     * Resizes the grid background rect to fit the workspace size.
+     */
+    resize(): void;
+    /**
+     * Updates the grid pattern transform according to zoom and camera position.
+     * Scales the dots/cells to match zoom and repositions them based on camera.
+     */
+    updateTransform(): void;
+    /**
+     * Updates internal grid options from the workspace configuration.
+     */
+    updateOptions(): void;
+    /**
+     * Dynamically sets new grid options and rebuilds the grid pattern.
+     * @param {Partial<GridOptions>} newOpts - New options to apply.
+     */
+    setOptions(newOpts: Partial<GridOptions>): void;
+}
+//# sourceMappingURL=grid.d.ts.map

package/dist/src/grid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../src/grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAiB,MAAM,kBAAkB,CAAC;AACtD,OAAO,YAAY,MAAM,iBAAiB,CAAC;AAG3C;;;;;;;;GAQG;AACH,MAAM,WAAW,WAAW;IACxB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB;AAED;;GAEG;AACH,MAAM,CAAC,OAAO,OAAO,IAAI;IACrB,OAAO,CAAC,EAAE,CAAe;IACzB,OAAO,CAAC,GAAG,CAAM;IACjB,OAAO,CAAC,OAAO,CAAC,CAAU;IAC1B,OAAO,CAAC,IAAI,CAAC,CAAO;IAEpB,sCAAsC;IACtC,OAAO,CAAC,IAAI,CAAwB;IAEpC;;;;;OAKG;gBACS,EAAE,EAAE,YAAY,EAAE,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,WAAW;IAezD;;;OAGG;IACH,OAAO,CAAC,IAAI;IAgCZ;;OAEG;IACH,MAAM;IAON;;;OAGG;IACH,eAAe;IAgCf;;OAEG;IACH,aAAa;IAYb;;;OAGG;IACH,UAAU,CAAC,OAAO,EAAE,OAAO,CAAC,WAAW,CAAC;CAM3C"}

package/dist/src/headless-node.d.ts

@@ -0,0 +1,11 @@
+import NodeSvg from "./nodesvg";
+/**
+ * Creates a new headless NodeSvg instance without attaching it to a workspace.
+ * This is useful for programmatic node generation, testing, or serialization.
+ *
+ * @param type - The type of node to create. Must exist in NodePrototypes.
+ * @returns The initialized NodeSvg instance, or `undefined` if the prototype does not exist.
+ */
+declare function newHeadlessNode(type: string): NodeSvg | undefined;
+export default newHeadlessNode;
+//# sourceMappingURL=headless-node.d.ts.map

package/dist/src/headless-node.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"headless-node.d.ts","sourceRoot":"","sources":["../../src/headless-node.ts"],"names":[],"mappings":"AACA,OAAO,OAAO,MAAM,WAAW,CAAC;AAGhC;;;;;;GAMG;AACH,iBAAS,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,SAAS,CAa1D;AAED,eAAe,eAAe,CAAC"}

package/dist/src/index.d.ts

@@ -0,0 +1,38 @@
+/**
+ * Kabel Core Export Module
+ * ------------------------
+ * Aggregates all core Kabel modules, types, utilities, and components,
+ * and exports them under a single namespace.
+ */
+import RendererConstants from "../renderers/constants";
+import Renderer, { DrawState, ConnectorToFrom } from "../renderers/renderer";
+import CategoryColors from "./colors";
+import Connection, { Connectable } from "./connection";
+import Coordinates from "./coordinates";
+import Field, { FieldOptions, FieldVisualInfo, AnyFieldCls, AnyField, DummyField, FieldMap, NumberField, OptConnectField, TextField, ConnectableField, FieldRawBoxData, FieldConnectionData } from "./field";
+import inject, { InjectMsg, InjectOptions, TblxCategoryStruct, TblxObjStruct, TblxFieldStruct, TblxNodeStruct, GridOptions } from "./inject";
+import { clearMainWorkspace, getMainWorkspace, setMainWorkspace } from "./main-workspace";
+import NodeSvg, { NodeJson, NodeEvents, InputFieldJson, SerializedNode } from "./nodesvg";
+import NodePrototypes from "./prototypes";
+import WorkspaceSvg from "./workspace-svg";
+import WorkspaceCoords from "./workspace-coords";
+import { NodePrototype } from "./node-types";
+import { Color, ColorStyle, Hex, RGBObject, RGBString, RGBTuple } from "./visual-types";
+import { Eventer, EventSetupFn, EventArgs, RegisteredEl } from "../util/eventer";
+import { WidgetOptions } from "./widget";
+import { WidgetPrototypeList } from "./widget-prototypes";
+import Showable, { KabelInterface, KabelCommentRendering, KabelNodeRendering, KabelUIX, KabelUtils } from "./types";
+declare const Kabel: KabelInterface;
+export default Kabel;
+export { KabelInterface, TblxCategoryStruct, TblxNodeStruct, TblxFieldStruct, TblxObjStruct, RendererConstants, Renderer, CategoryColors, Connection, Coordinates, Field, DummyField, FieldMap, NumberField, OptConnectField, TextField, FieldOptions, FieldVisualInfo, AnyFieldCls, AnyField, ConnectableField, FieldRawBoxData, FieldConnectionData, inject, InjectMsg, InjectOptions, clearMainWorkspace, getMainWorkspace, setMainWorkspace, NodeSvg, NodePrototypes, WorkspaceSvg, WorkspaceCoords, NodePrototype, Color, ColorStyle, Hex, RGBObject, RGBString, RGBTuple, NodeJson, NodeEvents, InputFieldJson, SerializedNode, Eventer, EventSetupFn, EventArgs, Connectable, DrawState, ConnectorToFrom, WidgetOptions, WidgetPrototypeList, KabelCommentRendering, KabelNodeRendering, KabelUIX, KabelUtils, Showable, RegisteredEl, GridOptions };
+export { default as CommentModel } from './comment';
+export { default as Toolbox } from './toolbox';
+export { default as ContextMenuHTML } from './context-menu';
+export { default as Widget } from './widget';
+export { DropdownContainer } from './dropdown-menu';
+export { RepresenterNode } from '../renderers/representer-node';
+export { default as CommentRenderer } from '../comment-renderer/renderer';
+export { default as Representer } from '../renderers/representer';
+export { default as WorkspaceController } from '../controllers/base';
+export { default as WASDController } from '../controllers/wasd';
+//# sourceMappingURL=index.d.ts.map

package/dist/src/index.d.ts.map

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

package/dist/src/inject-headless.d.ts

@@ -0,0 +1,4 @@
+import Workspace from "./workspace";
+declare function injectHeadless(): Workspace | undefined;
+export default injectHeadless;
+//# sourceMappingURL=inject-headless.d.ts.map

package/dist/src/inject-headless.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inject-headless.d.ts","sourceRoot":"","sources":["../../src/inject-headless.ts"],"names":[],"mappings":"AAEA,OAAO,SAAS,MAAM,aAAa,CAAC;AAKpC,iBAAS,cAAc,IAAK,SAAS,GAAG,SAAS,CAQhD;AAED,eAAe,cAAc,CAAC"}