@krollins/blueprint 0.1.0

package/dist/components/time-picker/time-picker.style.d.ts

@@ -0,0 +1,2 @@
+export declare const timePickerStyles: import("lit").CSSResult;
+//# sourceMappingURL=time-picker.style.d.ts.map

package/dist/components/time-picker/time-picker.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.style.d.ts","sourceRoot":"","sources":["../../../source/components/time-picker/time-picker.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,yBA0M5B,CAAC"}

package/dist/components/tooltip/tooltip.d.ts

@@ -0,0 +1,52 @@
+import { LitElement } from 'lit';
+export type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+/**
+ * A tooltip component that displays contextual information on hover or focus.
+ *
+ * @slot - The trigger element that shows the tooltip on hover/focus
+ *
+ * @cssprop --bp-tooltip-max-width - Maximum width of the tooltip content
+ *
+ * @fires bp-show - Fired when tooltip becomes visible
+ * @fires bp-hide - Fired when tooltip becomes hidden
+ */
+export declare class BpTooltip extends LitElement {
+    /**
+     * The text content to display in the tooltip
+     */
+    content: string;
+    /**
+     * Placement of the tooltip relative to the trigger
+     */
+    placement: TooltipPlacement;
+    /**
+     * Whether the tooltip is disabled
+     */
+    disabled: boolean;
+    /**
+     * Delay in milliseconds before showing the tooltip
+     */
+    delay: number;
+    /**
+     * Internal state tracking whether tooltip is visible
+     */
+    private isVisible;
+    private showTimeout;
+    private hideTimeout;
+    private tooltipId;
+    static styles: import("lit").CSSResult[];
+    constructor();
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleFocus;
+    private handleBlur;
+    private clearTimeouts;
+    disconnectedCallback(): void;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bp-tooltip': BpTooltip;
+    }
+}
+//# sourceMappingURL=tooltip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../source/components/tooltip/tooltip.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,KAAK,CAAC;AAIvC,MAAM,MAAM,gBAAgB,GAAG,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC;AAEnE;;;;;;;;;GASG;AACH,qBACa,SAAU,SAAQ,UAAU;IACvC;;OAEG;IACiC,OAAO,EAAE,MAAM,CAAC;IAEpD;;OAEG;IACiC,SAAS,EAAE,gBAAgB,CAAC;IAEhE;;OAEG;IACkC,QAAQ,EAAE,OAAO,CAAC;IAEvD;;OAEG;IACiC,KAAK,EAAE,MAAM,CAAC;IAElD;;OAEG;IACM,OAAO,CAAC,SAAS,CAAS;IAEnC,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,WAAW,CAAuB;IAC1C,OAAO,CAAC,SAAS,CAAwD;IAEzE,MAAM,CAAC,MAAM,4BAAmB;;IAUhC,OAAO,CAAC,gBAAgB;IAmBxB,OAAO,CAAC,gBAAgB;IAiBxB,OAAO,CAAC,WAAW;IAenB,OAAO,CAAC,UAAU;IAclB,OAAO,CAAC,aAAa;IAWrB,oBAAoB;IAKpB,MAAM;CA6BP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,SAAS,CAAC;KACzB;CACF"}

package/dist/components/tooltip/tooltip.style.d.ts

@@ -0,0 +1,2 @@
+export declare const tooltipStyles: import("lit").CSSResult;
+//# sourceMappingURL=tooltip.style.d.ts.map

package/dist/components/tooltip/tooltip.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.style.d.ts","sourceRoot":"","sources":["../../../source/components/tooltip/tooltip.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,yBAsHzB,CAAC"}

package/dist/components/tree/tree.d.ts

@@ -0,0 +1,188 @@
+import { LitElement } from 'lit';
+import '../icon/icon.js';
+/**
+ * Tree node data structure
+ */
+export interface TreeNode {
+    /** Unique identifier for the node */
+    id: string;
+    /** Display label */
+    label: string;
+    /** Optional icon name */
+    icon?: string;
+    /** URL to navigate to when the node is clicked */
+    href?: string;
+    /** Child nodes */
+    children?: TreeNode[];
+    /** Whether the node is disabled */
+    disabled?: boolean;
+    /** Custom data attached to the node */
+    data?: unknown;
+}
+/**
+ * A hierarchical tree component for displaying nested data structures.
+ *
+ * @fires bp-select - Fired when a node is selected. Detail: { node: TreeNode, path: string[] }
+ * @fires bp-expand - Fired when a node is expanded. Detail: { node: TreeNode, expanded: boolean }
+ * @fires bp-collapse - Fired when a node is collapsed. Detail: { node: TreeNode, expanded: boolean }
+ * @fires bp-navigate - Fired when a node with href is clicked. Detail: { node: TreeNode, href: string, path: string[] }. Call preventDefault() to handle navigation yourself.
+ *
+ * @slot - Default slot for custom tree items (when not using data prop)
+ *
+ * @csspart tree - The tree container
+ * @csspart node - Individual tree nodes
+ * @csspart node-content - The clickable content area of a node
+ * @csspart node-icon - The expand/collapse icon
+ * @csspart node-label - The node label text
+ * @csspart node-children - Container for child nodes
+ */
+export declare class BpTree extends LitElement {
+    /** Array of tree nodes to render */
+    nodes: TreeNode[];
+    /** Currently selected node ID */
+    selectedId: string | null;
+    /** Array of expanded node IDs */
+    expandedIds: string[];
+    /** Whether multiple nodes can be selected */
+    multiSelect: boolean;
+    /** Whether to show connecting lines between nodes */
+    showLines: boolean;
+    /** Whether nodes can be selected */
+    selectable: boolean;
+    /** Size variant */
+    size: 'sm' | 'md' | 'lg';
+    /** Selected node IDs when multiSelect is true */
+    private selectedIds;
+    /**
+     * Memoized computation of expanded IDs as a Set for O(1) lookups.
+     * Only recomputes when expandedIds reference changes.
+     */
+    private computeExpandedSet;
+    /**
+     * Get the memoized expanded set for fast lookups during rendering.
+     */
+    private get expandedSet();
+    static styles: import("lit").CSSResult[];
+    constructor();
+    /**
+     * Expand a node by ID.
+     * Adds the node to expandedIds and dispatches bp-expand event.
+     *
+     * @param nodeId - The ID of the node to expand
+     */
+    expand(nodeId: string): void;
+    /**
+     * Collapse a node by ID.
+     * Removes the node from expandedIds and dispatches bp-collapse event.
+     *
+     * @param nodeId - The ID of the node to collapse
+     */
+    collapse(nodeId: string): void;
+    /**
+     * Toggle a node's expanded state.
+     * Calls expand() if collapsed, collapse() if expanded.
+     *
+     * @param nodeId - The ID of the node to toggle
+     */
+    toggle(nodeId: string): void;
+    /**
+     * Expand all nodes in the tree.
+     * Sets expandedIds to include all nodes with children.
+     */
+    expandAll(): void;
+    /**
+     * Collapse all nodes in the tree.
+     * Clears the expandedIds array.
+     */
+    collapseAll(): void;
+    /**
+     * Select a node by ID.
+     * Respects multiSelect setting and disabled state.
+     * Dispatches bp-select event with node, selectedIds, and path.
+     *
+     * @param nodeId - The ID of the node to select
+     */
+    selectNode(nodeId: string): void;
+    /**
+     * Clear all selections.
+     * Resets both selectedId and selectedIds.
+     */
+    clearSelection(): void;
+    /**
+     * Recursively finds a node by ID in the tree structure.
+     *
+     * @param nodeId - The ID to search for
+     * @param nodes - The array of nodes to search within
+     * @returns The found node or null if not found
+     */
+    private findNode;
+    /**
+     * Recursively collects all node IDs that have children.
+     * Used for expandAll functionality.
+     *
+     * @param nodes - The array of nodes to collect IDs from
+     * @returns Array of node IDs that have children
+     */
+    private getAllNodeIds;
+    /**
+     * Gets the path from root to a specific node.
+     * Returns an array of node IDs representing the path.
+     *
+     * @param nodeId - The target node ID
+     * @param nodes - The array of nodes to search within
+     * @param path - Accumulator for the current path (used in recursion)
+     * @returns Array of node IDs from root to target
+     */
+    private getNodePath;
+    /**
+     * Handles click events on tree nodes.
+     * For nodes with href, dispatches bp-navigate and follows the link unless prevented.
+     * For other nodes, selects the node if selectable and not disabled.
+     *
+     * @param event - The click event
+     * @param node - The node that was clicked
+     */
+    private handleNodeClick;
+    /**
+     * Handles click events on the expand/collapse toggle icon.
+     * Prevents event propagation to avoid triggering node selection.
+     *
+     * @param event - The click event
+     * @param node - The node whose toggle was clicked
+     */
+    private handleToggleClick;
+    /**
+     * Handles keyboard navigation on tree nodes.
+     * Enter/Space: select node
+     * ArrowRight: expand node (if has children and collapsed)
+     * ArrowLeft: collapse node (if has children and expanded)
+     *
+     * @param event - The keyboard event
+     * @param node - The node that received the keyboard event
+     */
+    private handleKeyDown;
+    /**
+     * Checks if a node is currently selected.
+     * Handles both single and multi-select modes.
+     *
+     * @param nodeId - The node ID to check
+     * @returns True if the node is selected
+     */
+    private isSelected;
+    /**
+     * Recursively renders a tree node and its children.
+     * Handles expand/collapse state, selection, and disabled state.
+     *
+     * @param node - The node to render
+     * @param level - The nesting level (0 for root)
+     * @returns Lit template result
+     */
+    private renderNode;
+    render(): import("lit-html").TemplateResult<1>;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'bp-tree': BpTree;
+    }
+}
+//# sourceMappingURL=tree.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../source/components/tree/tree.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiB,MAAM,KAAK,CAAC;AAMhD,OAAO,iBAAiB,CAAC;AAEzB;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,qCAAqC;IACrC,EAAE,EAAE,MAAM,CAAC;IACX,oBAAoB;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,yBAAyB;IACzB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB;IAClB,QAAQ,CAAC,EAAE,QAAQ,EAAE,CAAC;IACtB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,qBACa,MAAO,SAAQ,UAAU;IACpC,oCAAoC;IACD,KAAK,EAAE,QAAQ,EAAE,CAAC;IAErD,iCAAiC;IACkB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAE7E,iCAAiC;IACE,WAAW,EAAE,MAAM,EAAE,CAAC;IAEzD,6CAA6C;IAErC,WAAW,EAAE,OAAO,CAAC;IAE7B,qDAAqD;IAE7C,SAAS,EAAE,OAAO,CAAC;IAE3B,oCAAoC;IACgB,UAAU,EAAE,OAAO,CAAC;IAExE,mBAAmB;IAWX,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAEjC,iDAAiD;IACxC,OAAO,CAAC,WAAW,CAAgB;IAE5C;;;OAGG;IACH,OAAO,CAAC,kBAAkB,CAExB;IAEF;;OAEG;IACH,OAAO,KAAK,WAAW,GAEtB;IAED,MAAM,CAAC,MAAM,4BAAgB;;IAa7B;;;;;OAKG;IACH,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAgB5B;;;;;OAKG;IACH,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAgB9B;;;;;OAKG;IACH,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IAQ5B;;;OAGG;IACH,SAAS,IAAI,IAAI;IAKjB;;;OAGG;IACH,WAAW,IAAI,IAAI;IAInB;;;;;;OAMG;IACH,UAAU,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;IA2BhC;;;OAGG;IACH,cAAc,IAAI,IAAI;IAKtB;;;;;;OAMG;IACH,OAAO,CAAC,QAAQ;IAWhB;;;;;;OAMG;IACH,OAAO,CAAC,aAAa;IAWrB;;;;;;;;OAQG;IACH,OAAO,CAAC,WAAW;IAsBnB;;;;;;;OAOG;IACH,OAAO,CAAC,eAAe;IA6BvB;;;;;;OAMG;IACH,OAAO,CAAC,iBAAiB;IAMzB;;;;;;;;OAQG;IACH,OAAO,CAAC,aAAa;IA6BrB;;;;;;OAMG;IACH,OAAO,CAAC,UAAU;IAOlB;;;;;;;OAOG;IACH,OAAO,CAAC,UAAU;IA0FlB,MAAM;CAoBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}

package/dist/components/tree/tree.style.d.ts

@@ -0,0 +1,2 @@
+export declare const treeStyles: import("lit").CSSResult;
+//# sourceMappingURL=tree.style.d.ts.map

package/dist/components/tree/tree.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tree.style.d.ts","sourceRoot":"","sources":["../../../source/components/tree/tree.style.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,yBAmNtB,CAAC"}