@dodlhuat/basix 1.2.6 → 1.2.8

package/js/tooltip.d.ts

@@ -0,0 +1,34 @@
+interface TooltipOptions {
+    position?: 'top' | 'bottom' | 'left' | 'right' | 'auto';
+    offset?: number;
+    delay?: number;
+    className?: string;
+    /** Set to true when content is trusted HTML (e.g. from data-tooltip-id).
+     *  Defaults to false — content is treated as plain text and escaped. */
+    isHtml?: boolean;
+}
+declare class Tooltip {
+    private static activeTooltip;
+    private static idCounter;
+    private readonly trigger;
+    private readonly content;
+    private readonly options;
+    private tooltipElement;
+    private showTimeout;
+    private isVisible;
+    constructor(trigger: HTMLElement, content: string, options?: TooltipOptions);
+    static initializeAll(): void;
+    show(): void;
+    hide(): void;
+    private static hideActive;
+    private createTooltip;
+    private position;
+    private attachEvents;
+    private handleMouseEnter;
+    private handleMouseLeave;
+    private handleFocus;
+    private handleBlur;
+    destroy(): void;
+}
+export { Tooltip };
+export type { TooltipOptions };

package/js/tooltip.js

@@ -64,8 +64,8 @@ class Tooltip {
             requestAnimationFrame(() => {
                 this.tooltipElement?.classList.add('visible');
                 this.isVisible = true;
+                Tooltip.activeTooltip = this;
             });
-            Tooltip.activeTooltip = this;
         }, this.options.delay);
     }
     hide() {

package/js/tooltip.ts

@@ -79,9 +79,8 @@ class Tooltip {
             requestAnimationFrame(() => {
                 this.tooltipElement?.classList.add('visible');
                 this.isVisible = true;
+                Tooltip.activeTooltip = this;
             });
-
-            Tooltip.activeTooltip = this;
         }, this.options.delay);
     }
 

package/js/tree.d.ts

@@ -0,0 +1,40 @@
+type NodeType = 'file' | 'folder';
+interface TreeOptions {
+    onSelect?: (node: TreeNode) => void;
+}
+declare class TreeNode {
+    label: string;
+    type: NodeType;
+    children: TreeNode[];
+    expanded: boolean;
+    selected: boolean;
+    element: HTMLDivElement | null;
+    childrenContainer: HTMLUListElement | null;
+    constructor(label: string, type?: NodeType, children?: TreeNode[]);
+}
+declare class TreeComponent {
+    private container;
+    private data;
+    private selectedNode;
+    private readonly options;
+    constructor(elementOrSelector: string | HTMLElement, data: TreeNode[], options?: TreeOptions);
+    private init;
+    render(): void;
+    private renderNode;
+    private createIconElement;
+    private createLabelElement;
+    private createChildrenContainer;
+    private toggleNode;
+    private expandChildren;
+    private collapseChildren;
+    selectNode(node: TreeNode): void;
+    expandAll(): void;
+    collapseAll(): void;
+    private traverseNodes;
+    destroy(): void;
+    getSelectedNode(): TreeNode | null;
+    findNodeByLabel(label: string): TreeNode | null;
+    private findNode;
+}
+export { TreeComponent, TreeNode };
+export type { NodeType, TreeOptions };

package/js/tsconfig.json

@@ -5,6 +5,7 @@
     "outDir": ".",
     "rootDir": ".",
     "strict": true,
+    "declaration": true,
     "types": [],
   },
   "include": [

package/js/utils.d.ts

@@ -0,0 +1,24 @@
+/**
+ * Utility functions for DOM manipulation and element handling
+ */
+interface Utils {
+    ready(fn: () => void): void;
+    value(element: HTMLElement): string;
+    text(element: HTMLElement): string;
+    attribute(element: HTMLElement, attribute: string): string | undefined;
+    isList(element: HTMLElement | NodeList): boolean;
+    isHidden(element: HTMLElement): boolean;
+}
+declare const utils: Utils;
+/**
+ * Escape a plain-text string so it is safe to inject into innerHTML.
+ * Use this whenever inserting user-controlled strings into HTML templates.
+ */
+declare function escapeHtml(text: string): string;
+/**
+ * Sanitize an HTML string by removing dangerous elements and attributes
+ * (script, iframe, on* handlers, javascript: hrefs) while preserving safe markup.
+ * Use this when a component intentionally accepts rich HTML from callers.
+ */
+declare function sanitizeHtml(html: string): string;
+export { utils, escapeHtml, sanitizeHtml };

package/js/virtual-dropdown.d.ts

@@ -0,0 +1,55 @@
+interface DropdownOption {
+    label: string;
+    value: string | number;
+}
+interface VirtualDropdownConfig {
+    container: string | HTMLElement;
+    options: DropdownOption[];
+    multiSelect?: boolean;
+    searchable?: boolean;
+    placeholder?: string;
+    renderLimit?: number;
+    itemHeight?: number;
+    onSelect?: (selectedValues: Array<string | number>) => void;
+}
+declare class VirtualDropdown {
+    private readonly container;
+    private readonly options;
+    private readonly multiSelect;
+    private readonly searchable;
+    private readonly placeholder;
+    private readonly renderLimit;
+    private readonly itemHeight;
+    private readonly onSelect;
+    private readonly anchorName;
+    private trigger;
+    private triggerText;
+    private menu;
+    private listWrapper;
+    private scroller;
+    private spacer;
+    private content;
+    private searchInput?;
+    private selectedValues;
+    private filteredOptions;
+    private isOpen;
+    private scrollTop;
+    private boundHandlers;
+    constructor(config: VirtualDropdownConfig);
+    private init;
+    private renderBase;
+    private querySelector;
+    private bindEvents;
+    private toggle;
+    private open;
+    private close;
+    private handleSearch;
+    private renderList;
+    private handleSelect;
+    private updateTrigger;
+    getValue(): Array<string | number>;
+    setValue(values: Array<string | number>): void;
+    clearSelection(): void;
+    destroy(): void;
+}
+export { VirtualDropdown, DropdownOption, VirtualDropdownConfig };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dodlhuat/basix",
-  "version": "1.2.6",
+  "version": "1.2.8",
   "description": "Basix is intended as a starter for the rapid development of a design. Each design element can be added individually to include only the data required. It is using plain javascript / typescript and therefore is not dependent on any plugin.",
   "exports": {
     "./css/*": "./css/*",