@jimka/typescript-ui 0.4.0 → 0.5.0

package/dist/lib/types/component/display/MarkdownMinimap.d.ts

@@ -0,0 +1,38 @@
+import { FloatingPanel, FloatingPanelOptions } from "../../component/container/FloatingPanel.js";
+import type { Size } from "../../primitive/Size.js";
+import type { MarkdownHeading } from "../../component/display/Markdown.js";
+export interface HeadingScrollSource {
+    on(event: "activeheadingchange", listener: (headingId: string | null) => void): unknown;
+    off(event: "activeheadingchange", listener: (headingId: string | null) => void): unknown;
+}
+export type MarkdownMinimapEvent = "select";
+export interface MarkdownMinimapOptions extends FloatingPanelOptions {
+    maxHeadingDepth?: number;
+    scrollSource?: HeadingScrollSource;
+    listeners?: {
+        select?: (headingId: string) => void;
+    };
+}
+declare class MarkdownMinimap extends FloatingPanel<MarkdownMinimapOptions> {
+    private readonly _tree;
+    private readonly _listeners;
+    private readonly _scrollSource;
+    private _nodesById;
+    private _nearestShown;
+    private readonly handleSelection;
+    private readonly handleActiveHeadingChange;
+    constructor(options?: MarkdownMinimapOptions, subclassDefaults?: Partial<MarkdownMinimapOptions>);
+    getPreferredSize(): Size | null;
+    protected applyOptions(options: MarkdownMinimapOptions): this;
+    getMaxHeadingDepth(): number;
+    setHeadings(headings: MarkdownHeading[]): this;
+    on(event: "select", listener: (headingId: string) => void): this;
+    off(event: "select", listener: (headingId: string) => void): this;
+    protected emit(event: "select", headingId: string): void;
+    private onTreeSelection;
+    private applyActiveHeading;
+    protected destructor(): void;
+}
+declare const MarkdownMinimapCallable: import("../../core/Callable.js").Callable<typeof MarkdownMinimap>;
+type MarkdownMinimapCallable = MarkdownMinimap;
+export { MarkdownMinimap as _MarkdownMinimap, MarkdownMinimapCallable as MarkdownMinimap, };

package/dist/lib/types/component/display/MarkdownViewer.d.ts

@@ -0,0 +1,60 @@
+import { Panel, PanelOptions } from "../../core/Panel.js";
+import { Markdown } from "../../component/display/Markdown.js";
+import type { MarkdownLinkResolver } from "../../component/display/Markdown.js";
+import type { HeadingScrollSource } from "../../component/display/MarkdownMinimap.js";
+export interface MarkdownViewerOptions extends PanelOptions {
+    markdown?: string;
+    linkResolver?: MarkdownLinkResolver;
+    maxHeadingDepth?: number;
+    showMinimap?: boolean;
+    showControls?: boolean;
+    listeners?: {
+        activeheadingchange?: (headingId: string | null) => void;
+    };
+}
+declare class MarkdownViewer extends Panel<MarkdownViewerOptions> implements HeadingScrollSource {
+    private readonly _markdown;
+    private readonly _minimap;
+    private _controls;
+    private _narrowerBtn;
+    private _widerBtn;
+    private _zoomOutBtn;
+    private _zoomInBtn;
+    private _resetBtn;
+    private _headings;
+    private _widthIndex;
+    private _zoomIndex;
+    private _lastActiveHeadingId;
+    private _pendingClickScrollTop;
+    private readonly _listeners;
+    private readonly handleNativeScroll;
+    private readonly handleMinimapSelect;
+    private readonly _onNarrower;
+    private readonly _onWider;
+    private readonly _onZoomOut;
+    private readonly _onZoomIn;
+    private readonly _onReset;
+    constructor(options?: MarkdownViewerOptions, subclassDefaults?: Partial<MarkdownViewerOptions>);
+    doLayout(): this;
+    protected applyOptions(options: MarkdownViewerOptions): this;
+    getMarkdown(): Markdown;
+    setMarkdown(markdown: string): this;
+    isMinimapVisible(): boolean;
+    setMinimapVisible(value: boolean): this;
+    isControlsVisible(): boolean;
+    setControlsVisible(value: boolean): this;
+    on(event: "activeheadingchange", listener: (headingId: string | null) => void): this;
+    off(event: "activeheadingchange", listener: (headingId: string | null) => void): this;
+    protected emit(event: "activeheadingchange", headingId: string | null): void;
+    private buildControls;
+    private makeControlButton;
+    private wireControlListeners;
+    private stepWidth;
+    private stepZoom;
+    private resetViewerProperties;
+    private onNativeScroll;
+    private scrollToHeading;
+}
+declare const MarkdownViewerCallable: import("../../core/Callable.js").Callable<typeof MarkdownViewer>;
+type MarkdownViewerCallable = MarkdownViewer;
+export { MarkdownViewer as _MarkdownViewer, MarkdownViewerCallable as MarkdownViewer, };

package/dist/lib/types/component/display/index.d.ts

@@ -13,6 +13,12 @@ export { IconText } from '../../component/display/IconText.js';
 export type { IconTextOptions } from '../../component/display/IconText.js';
 export { Markdown } from '../../component/display/Markdown.js';
 export type { MarkdownOptions, MarkdownLinkResolution, MarkdownLinkResolver } from '../../component/display/Markdown.js';
+export { extractMarkdownHeadings, findActiveHeading } from '../../component/display/Markdown.js';
+export type { MarkdownHeading } from '../../component/display/Markdown.js';
+export { MarkdownMinimap } from '../../component/display/MarkdownMinimap.js';
+export type { MarkdownMinimapOptions, MarkdownMinimapEvent, HeadingScrollSource } from '../../component/display/MarkdownMinimap.js';
+export { MarkdownViewer } from '../../component/display/MarkdownViewer.js';
+export type { MarkdownViewerOptions } from '../../component/display/MarkdownViewer.js';
 export { IconLabel } from '../../component/display/IconLabel.js';
 export type { IconLabelOptions } from '../../component/display/IconLabel.js';
 export { ProgressBar } from '../../component/display/ProgressBar.js';

package/dist/lib/types/component/editor/CodeEditor.d.ts

@@ -3,13 +3,18 @@ import type { Handle } from "../../core/DOM.js";
 export interface CodeEditorChange {
     value: string;
 }
+export interface CodeEditorHeightChange {
+    height: number;
+}
 export interface CodeEditorOptions extends ComponentOptions {
     value?: string;
     language?: string;
     readOnly?: boolean;
+    autoHeightMaxRows?: number;
     listeners?: {
         change?: (payload: CodeEditorChange) => void;
         readonlyedit?: () => void;
+        heightchange?: (payload: CodeEditorHeightChange) => void;
     };
 }
 declare class CodeEditor extends Component<CodeEditorOptions> {
@@ -22,6 +27,9 @@ declare class CodeEditor extends Component<CodeEditorOptions> {
     private readonly _listeners;
     private readonly _unsubscribeTheme;
     private _scrollElement;
+    private _contentElement;
+    private _lastSyncedShape;
+    private _lastHbarReserve;
     constructor(value?: string, options?: CodeEditorOptions, subclassDefaults?: Partial<CodeEditorOptions>);
     protected applyOptions(options: CodeEditorOptions): this;
     getValue(): string;
@@ -30,19 +38,24 @@ declare class CodeEditor extends Component<CodeEditorOptions> {
     setLanguage(id: string | null): this;
     getReadOnly(): boolean;
     setReadOnly(readOnly: boolean): this;
+    getAutoHeightMaxRows(): number | null;
     focus(preventScroll?: boolean): this;
     moveCursorToEnd(): this;
     format(): Promise<void>;
     private reindentFallback;
     on(event: "change", listener: (payload: CodeEditorChange) => void): this;
     on(event: "readonlyedit", listener: () => void): this;
+    on(event: "heightchange", listener: (payload: CodeEditorHeightChange) => void): this;
     off(event: "change", listener: (payload: CodeEditorChange) => void): this;
     off(event: "readonlyedit", listener: () => void): this;
+    off(event: "heightchange", listener: (payload: CodeEditorHeightChange) => void): this;
     protected emit(event: "change", payload: CodeEditorChange): void;
     protected emit(event: "readonlyedit"): void;
+    protected emit(event: "heightchange", payload: CodeEditorHeightChange): void;
     protected destructor(): void;
     protected getScrollElement(): Handle | undefined;
     private mount;
+    private syncAutoHeight;
     private mountFlashOverlay;
     private onThemeChange;
     private onEditIntent;

package/dist/lib/types/component/editor/index.d.ts

@@ -1,6 +1,6 @@
 import '../../component/editor/languages.js';
 export { CodeEditor } from '../../component/editor/CodeEditor.js';
-export type { CodeEditorOptions, CodeEditorChange } from '../../component/editor/CodeEditor.js';
+export type { CodeEditorOptions, CodeEditorChange, CodeEditorHeightChange } from '../../component/editor/CodeEditor.js';
 export { registerLanguage, getLanguage, listLanguages } from '../../component/editor/LanguageRegistry.js';
 export type { LanguageDefinition, Formatter } from '../../component/editor/LanguageRegistry.js';
 export { MarkdownEditor } from '../../component/editor/MarkdownEditor.js';

package/dist/lib/types/component/input/Checkbox.d.ts

@@ -15,7 +15,7 @@ declare class Checkbox<TOptions extends CheckboxOptions = CheckboxOptions> exten
     private _box;
     private _check;
     private _dash;
-    constructor(options?: TOptions);
+    constructor(options?: CheckboxOptions, subclassDefaults?: Partial<CheckboxOptions>);
     protected applyOptions(options: TOptions): this;
     protected activate(): void;
     protected getInteractiveSurface(): Component;

package/dist/lib/types/component/input/Link.d.ts

@@ -15,7 +15,6 @@ declare class Link extends Text<LinkOptions> {
     on(event: "action", listener: ClickListener): this;
     off(event: "action", listener: ClickListener): this;
     click(): this;
-    protected destructor(): void;
     private handleKeyDown;
 }
 declare const LinkCallable: import("../../core/Callable.js").Callable<typeof Link>;

package/dist/lib/types/component/input/RadioButton.d.ts

@@ -15,7 +15,7 @@ export interface RadioButtonOptions extends AbstractBooleanInputOptions {
 declare class RadioButton<TOptions extends RadioButtonOptions = RadioButtonOptions> extends AbstractBooleanInput<TOptions> {
     private _ring;
     private _dot;
-    constructor(text?: string, options?: TOptions);
+    constructor(text?: string, options?: RadioButtonOptions, subclassDefaults?: Partial<RadioButtonOptions>);
     protected applyOptions(options: TOptions): this;
     protected activate(): void;
     protected getInteractiveSurface(): Component;

package/dist/lib/types/component/input/Slider.d.ts

@@ -22,7 +22,7 @@ declare class Slider<TOptions extends SliderOptions = SliderOptions> extends Abs
     private _activeTrack;
     private _thumb;
     private _draggingPointer;
-    constructor(options?: TOptions);
+    constructor(options?: SliderOptions, subclassDefaults?: Partial<SliderOptions>);
     protected applyOptions(options: TOptions): this;
     getValue(): number;
     setValue(value: number): this;

package/dist/lib/types/component/input/Text.d.ts

@@ -32,8 +32,6 @@ declare class Text<TOptions extends TextOptions = TextOptions> extends Component
     private _measuredGeneration;
     private _wordBreak;
     private _lineClamp;
-    private _textOverflow;
-    private _truncate;
     constructor(text?: String, options?: NoInfer<TOptions>, subclassDefaults?: Partial<TOptions>);
     protected applyOptions(options: TOptions): this;
     private readThemeLineHeightPx;

package/dist/lib/types/component/input/Toggle.d.ts

@@ -6,7 +6,7 @@ export interface ToggleOptions extends AbstractBooleanInputOptions {
 declare class Toggle<TOptions extends ToggleOptions = ToggleOptions> extends AbstractBooleanInput<TOptions> {
     private _track;
     private _thumb;
-    constructor(options?: TOptions);
+    constructor(options?: ToggleOptions, subclassDefaults?: Partial<ToggleOptions>);
     protected applyOptions(options: TOptions): this;
     protected activate(): void;
     protected getInteractiveSurface(): Component;

package/dist/lib/types/component/menubar/MenuBar.d.ts

@@ -10,8 +10,9 @@ declare class MenuBar extends Component {
     private _quickSwitchActive;
     private _keydownListening;
     private readonly _onKeyDown;
-    constructor(options?: MenuBarOptions);
+    constructor(options?: MenuBarOptions, subclassDefaults?: Partial<MenuBarOptions>);
     setMenus(menus: MenuConfig[]): this;
+    protected destructor(): void;
     openMenu(index: number): this;
     closeMenu(): this;
     getOpenIndex(): number;

package/dist/lib/types/component/menubar/MenuBarButton.d.ts

@@ -11,7 +11,6 @@ declare class MenuBarButton extends Button<MenuBarButtonOptions> {
         height: number;
     };
     setActive(active: boolean): this;
-    protected destructor(): void;
 }
 declare const MenuBarButtonCallable: import("../../core/Callable.js").Callable<typeof MenuBarButton>;
 type MenuBarButtonCallable = MenuBarButton;

package/dist/lib/types/component/menubar/ToolBar.d.ts

@@ -24,6 +24,7 @@ declare class ToolBar<TOptions extends ToolBarOptions = ToolBarOptions> extends
     constructor(options?: ToolBarOptions, subclassDefaults?: Partial<ToolBarOptions>);
     protected applyOptions(options: TOptions): this;
     setOrientation(value: AxisOrientation): this;
+    private applyOrientation;
     getOrientation(): AxisOrientation;
     setCompact(value: boolean): this;
     isCompact(): boolean;
@@ -39,6 +40,7 @@ declare class ToolBar<TOptions extends ToolBarOptions = ToolBarOptions> extends
     doLayout(): this;
     private _reflowOverflow;
     private _computeOverflowed;
+    protected destructor(): void;
     private _toggleOverflowMenu;
 }
 declare const ToolBarCallable: import("../../core/Callable.js").Callable<typeof ToolBar>;

package/dist/lib/types/component/table/Body.d.ts

@@ -75,6 +75,7 @@ declare class Body extends VirtualRowView<Row> {
     protected onScrollerTick(): void;
     private onFocus;
     getEditorPool(): CellEditorPool;
+    protected destructor(): void;
     doLayout(): this;
     renderWindow(bodyWidth?: number, columnWidths?: number[]): void;
     private renderWindowPass;

package/dist/lib/types/component/table/Table.d.ts

@@ -88,6 +88,7 @@ declare class Table extends Component<TableOptions> {
     private rotatedCellType;
     private rotatedCellValues;
     private bindView;
+    protected destructor(): void;
     private showColumnMenu;
     setExportMenuEnabled(enabled: boolean): this;
     exportCSV(options?: ExportOptions): void;

package/dist/lib/types/component/table/cell/SortPriorityBadge.d.ts

@@ -5,7 +5,7 @@ interface SortPriorityBadgeOptions extends ComponentOptions {
 }
 declare class SortPriorityBadge extends Component<SortPriorityBadgeOptions> {
     private _priority;
-    constructor(options?: SortPriorityBadgeOptions);
+    constructor(options?: SortPriorityBadgeOptions, subclassDefaults?: Partial<SortPriorityBadgeOptions>);
     protected applyOptions(options: SortPriorityBadgeOptions): this;
     protected render(): Handle;
     getPriority(): number | null;

package/dist/lib/types/component/table/cell/editor/CellEditorPool.d.ts

@@ -9,5 +9,6 @@ export declare class CellEditorPool {
     register(key: string, factory: CellEditorFactory): this;
     acquire(key: string, cell: Cell<any>): CellEditor<unknown> | null;
     release(): void;
+    dispose(): void;
     private wireListeners;
 }

package/dist/lib/types/component/table/cell/editor/Date.d.ts

@@ -5,6 +5,7 @@ declare class DateEditor extends TextInputCellEditor<Date | null> {
     private _animated;
     private _text;
     constructor();
+    protected destructor(): void;
     isEmpty(): boolean;
     getValue(): Date | null;
     setValue(value: Date | null): this;

package/dist/lib/types/component/table/cell/editor/DateTime.d.ts

@@ -7,6 +7,7 @@ declare class DateTimeEditor extends TextInputCellEditor<Date | null> {
     private _animated;
     private _text;
     constructor(showSeconds?: boolean);
+    protected destructor(): void;
     retainsFocus(relatedTarget: Handle | null): boolean;
     isEmpty(): boolean;
     getValue(): Date | null;

package/dist/lib/types/component/table/cell/editor/Time.d.ts

@@ -6,6 +6,7 @@ declare class TimeEditor extends TextInputCellEditor<Date | null> {
     private _animated;
     private _text;
     constructor(showSeconds?: boolean);
+    protected destructor(): void;
     isEmpty(): boolean;
     getValue(): Date | null;
     setValue(value: Date | null): this;

package/dist/lib/types/component/tree/Tree.d.ts

@@ -1,11 +1,14 @@
 import { ComponentOptions } from "../../core/Component.js";
 import type { Handle } from "../../core/DOM.js";
+import type { Size } from "../../primitive/Size.js";
 import { VirtualRowView } from "../../component/shared/VirtualRowView.js";
 import { TreeNode } from "../../component/tree/TreeNode.js";
 import { TreeRow } from "../../component/tree/TreeRow.js";
 import { TreeNodeRenderer } from "../../component/tree/TreeNodeRenderer.js";
 export type TreeEvent = "selection" | "loaderror" | "contextmenu" | "dblclick";
+export type TreeRowOverflow = "scroll" | "clip";
 export interface TreeOptions extends ComponentOptions {
+    rowOverflow?: TreeRowOverflow;
     listeners?: {
         selection?: (nodes: TreeNode[]) => void;
         loaderror?: (node: TreeNode, error: unknown) => void;
@@ -26,7 +29,11 @@ declare class Tree extends VirtualRowView<TreeRow, TreeOptions> {
     private _focusNode;
     private _listeners;
     private _rendererFactory;
-    constructor(options?: TreeOptions);
+    constructor(options?: TreeOptions, subclassDefaults?: Partial<TreeOptions>);
+    protected applyOptions(options: TreeOptions): this;
+    getRowOverflow(): TreeRowOverflow;
+    setRowOverflow(rowOverflow: TreeRowOverflow): this;
+    getPreferredSize(): Size | null;
     setNodes(nodes: TreeNode[]): this;
     expandAll(): this;
     protected getRowHeight(): number;
@@ -52,6 +59,7 @@ declare class Tree extends VirtualRowView<TreeRow, TreeOptions> {
     private _isExpandable;
     private _flatten;
     private _reflattenAndRender;
+    expandNode(node: TreeNode): this;
     private _onToggle;
     private _loadAndExpand;
     private _notifySelectionChange;

package/dist/lib/types/component/tree/index.d.ts

@@ -1,5 +1,5 @@
 export { Tree } from '../../component/tree/Tree.js';
-export type { TreeOptions, TreeEvent } from '../../component/tree/Tree.js';
+export type { TreeOptions, TreeEvent, TreeRowOverflow } from '../../component/tree/Tree.js';
 export type { TreeNode } from '../../component/tree/TreeNode.js';
 export type { TreeNodeRenderContext } from '../../component/tree/TreeNodeRenderContext.js';
 export { TreeNodeRenderer } from '../../component/tree/TreeNodeRenderer.js';

package/dist/lib/types/component/tree/renderer/Label.d.ts

@@ -8,6 +8,6 @@ export declare class LabelTreeNodeRenderer extends TreeNodeRenderer {
     getLabel(): Text;
     update(context: TreeNodeRenderContext): void;
     getContentWidth(): number;
-    layoutChildren(_width: number, height: number): void;
+    layoutChildren(width: number, height: number): void;
     protected init(element?: Handle): this;
 }

package/dist/lib/types/core/BorderWidths.d.ts

@@ -0,0 +1,12 @@
+import { type Handle } from "../core/DOM.js";
+import { type BorderOptions } from "../primitive/Border.js";
+interface SideWidths {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+export declare function measureBorderWidths(spec: BorderOptions, element: Handle): SideWidths;
+export declare function clearBorderWidths(): void;
+export declare function _borderWidthCacheSize(): number;
+export {};

package/dist/lib/types/core/Component.d.ts

@@ -95,6 +95,8 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     private _contain;
     private _animation;
     private _lastEffectiveVisible;
+    private _pendingRematerialize;
+    private _refocusOnRematerialize;
     private _animationPlayState;
     private _outline;
     private _appearance;
@@ -142,6 +144,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     getElement(createIfMissing?: boolean): Handle | undefined;
     protected getScrollElement(): Handle | undefined;
     removeElement(): this;
+    release(): boolean;
     setClipFrame(x: number, y: number, width: number, height: number): this;
     clearClipFrame(): this;
     private createFrame;
@@ -268,6 +271,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     getWidth(): number;
     setWidth(width: number): this;
     protected clampsToContentSize(): boolean;
+    protected canRelease(): boolean;
     private clampWidth;
     getHeight(): number;
     setHeight(height: number): this;
@@ -280,6 +284,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     getScrollTop(): number;
     setScrollLeft(value: number): this;
     setScrollTop(value: number): this;
+    private restoreReleasedState;
     syncScrollOffsets(): this;
     getMaxScrollLeft(): number;
     getMaxScrollTop(): number;
@@ -357,6 +362,7 @@ declare class Component<TOptions extends ComponentOptions = ComponentOptions> ex
     moveComponent(child: Component, index?: number, constraints?: LayoutConstraints): this;
     removeComponent(component: Component): LayoutConstraints | undefined;
     removeAllComponents(): this;
+    disposeAllComponents(): this;
     sortComponents(comparator: Comparator<Component, Component> | undefined): this;
     getComponents(): Component<ComponentOptions>[];
     getLaidOutComponents(): Component[];

package/dist/lib/types/core/Event.d.ts

@@ -17,6 +17,8 @@ export declare namespace Event {
     function addSubtreeListener(component: Component, type: string, listener: Listener, options?: ListenerOptions): void;
     function removeSubtreeListener(component: Component, type: string, listener: Listener): void;
     function reindexComponent(oldId: string, newId: string): void;
+    function purgeComponent(componentId: string): void;
+    function _registeredComponentIds(): readonly string[];
     function addViewportListener(component: Component, type: string, listener: Listener): void;
     function removeViewportListener(component: Component, type: string, listener: Listener): void;
 }

package/dist/lib/types/core/Theme.d.ts

@@ -317,12 +317,10 @@ export interface Theme {
         };
     };
     drawer: {
-        background: string;
         shadow: string;
         border: string;
     };
     rail: {
-        background: string;
         border: string;
         shadow: string;
         handle: {
@@ -450,6 +448,10 @@ export interface Theme {
     scroll: {
         shadowColor: string;
     };
+    markdown: {
+        lineHeight: string;
+        maxMeasure: string;
+    };
     chart: {
         series: string[];
         axis: string;

package/dist/lib/types/layout/LayoutConstraints.d.ts

@@ -14,6 +14,7 @@ export declare class LayoutConstraints {
     data?: any;
     closeable?: boolean;
     lazy?: boolean;
+    disposeOnClose?: boolean;
     transient?: boolean;
     weight?: number;
     collapsible?: boolean;

package/dist/lib/types/layout/LayoutManager.d.ts

@@ -7,6 +7,13 @@ import type { ComponentFactory } from "../core/Component.js";
 import { BaseObject } from "../core/BaseObject.js";
 export interface LayoutManagerOptions {
 }
+export interface ResolvedPlacement {
+    component: Component;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
 export declare abstract class LayoutManager extends BaseObject {
     private _container;
     private _layoutConstraints;
@@ -37,6 +44,7 @@ export declare abstract class LayoutManager extends BaseObject {
         height: number;
     };
     protected commitBounds(component: Component, x: number, y: number, width: number, height: number): void;
+    protected commitPlacements(placements: ResolvedPlacement[]): void;
     setLayoutConstraints(component: Component, constraints?: LayoutConstraints): LayoutConstraints | undefined;
     delLayoutConstraints(component: Component): LayoutConstraints | undefined;
     getLayoutConstraints(component: Component): LayoutConstraints | undefined;

package/dist/lib/types/layout/LayoutSerialization.d.ts

@@ -11,6 +11,9 @@ export interface PanelNode {
     kind: "panel";
     panelId: string;
     glyph?: string | null;
+    tooltip?: string | null;
+    closeable?: boolean;
+    disposeOnClose?: boolean;
 }
 export interface SplitNode {
     kind: "split";

package/dist/lib/types/overlay/Dock.d.ts

@@ -10,6 +10,7 @@ export interface DockPanelSpec {
     glyph?: string;
     tooltip?: string;
     closeable?: boolean;
+    disposeOnClose?: boolean;
     content: Component | ComponentFactory;
 }
 export type DockLayoutSpec = DockPanelSpec | {

package/dist/lib/validation.es.js

@@ -1 +1 @@
-import{t as e}from"./FieldDecorator-CgAGcqCk.js";export{e as FieldDecorator};
+import{t as e}from"./FieldDecorator-HG65hEtk.js";export{e as FieldDecorator};

package/llms.txt

@@ -31,6 +31,7 @@ Organized by task. Columns: task → symbol · import subpath · summary · docs
 - Bottom status bar with segments → **StatusBar** · `@jimka/typescript-ui/component/container` · A thin horizontal strip mounted at the bottom of a window or panel that surfaces a transient status message and small persistent indicators. · docs/components/StatusBar.md
 - Virtualize a huge child list (render only visible rows) → **VirtualScroller** · `@jimka/typescript-ui/component/container` · Shared scroll machinery for transform-based virtual lists (e.g. table body, tree). Owns the rows-container element, two custom Scrollbar ov… · docs/components/VirtualScroller.md
 - Mutually-exclusive group of toggle buttons → **ButtonGroup** · `@jimka/typescript-ui/overlay` · Manages mutual exclusivity among a set of RadioButton or ToggleButton instances. · docs/components/ButtonGroup.md
+- Corner-pinned floating panel → **FloatingPanel** · `@jimka/typescript-ui/component/container` · A `Panel` that pins itself to one corner of its host's inner box, via an owned AnchorConstraints instance. · docs/components/FloatingPanel.md
 
 ### Inputs / Forms
 - Semantic <form> container with submit handling → **Form** · `@jimka/typescript-ui/core` · A Panel that bakes the semantic `<form>` tag and wires the native `submit` event to a single `onSubmit` callback. · docs/components/Form.md
@@ -68,6 +69,8 @@ Organized by task. Columns: task → symbol · import subpath · summary · docs
 - Font-Awesome icon glyph → **Glyph** · `@jimka/typescript-ui/component/display` · A small icon rendered from the internal `Glyphs` registry. · docs/components/Glyph.md
 - Icon paired with a label → **IconLabel** · `@jimka/typescript-ui/component/display` · A small composite pairing a leading `Glyph` with a trailing `Label`, laid out horizontally with a configurable gap (default 2). · docs/components/IconLabel.md
 - Render a Markdown string as formatted content → **Markdown** · `@jimka/typescript-ui/component/display` · A display component that renders a Markdown source string as a live DOM subtree. · docs/components/Markdown.md
+- Floating heading-outline minimap → **MarkdownMinimap** · `@jimka/typescript-ui/component/display` · A floating card showing a document's heading outline as a `Tree`. · docs/components/MarkdownMinimap.md
+- Markdown viewer with minimap and zoom controls → **MarkdownViewer** · `@jimka/typescript-ui/component/display` · A single-document Markdown viewer with a floating outline minimap and width/zoom controls, both pinned over the prose. · docs/components/MarkdownViewer.md
 - Syntax-highlighted code editor with one-command formatting → **CodeEditor** · `@jimka/typescript-ui/component/editor` · A syntax-highlighting, formatting code editor wrapping CodeMirror 6. · docs/components/CodeEditor.md
 - WYSIWYG rich-text editor whose value is a Markdown string → **MarkdownEditor** · `@jimka/typescript-ui/component/editor` · A WYSIWYG rich-text editor whose public value is a Markdown string, with an optional raw-Markdown source mode. · docs/components/MarkdownEditor.md
 - Determinate/indeterminate progress bar → **ProgressBar** · `@jimka/typescript-ui/component/display` · A horizontal progress indicator with a determinate (0–100%) and an indeterminate (continuously animated) mode. · docs/components/ProgressBar.md

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jimka/typescript-ui",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "A web-based layout manager and UI component framework written in TypeScript.",
   "keywords": ["ui", "ui-components", "typescript", "layout", "layout-manager", "widgets", "framework", "dock", "data-table", "retained-mode"],
   "author": "Jimmy Karlsson",
@@ -153,12 +153,12 @@
     "@types/prismjs": "^1.26.6",
     "@vitest/coverage-v8": "^4.1.9",
     "cloc": "^2.6.0-cloc",
-    "concurrently": "^6.3.0",
+    "concurrently": "^10.0.4",
     "elkjs": "^0.12.0",
-    "eslint": "^9.0.0",
-    "google-closure-compiler": "^20200406.0.0",
+    "eslint": "^10.8.0",
+    "google-closure-compiler": "^20260803.0.0",
     "jsdom": "^29.1.1",
-    "rimraf": "^3.0.2",
+    "rimraf": "^6.1.3",
     "ts-morph": "^28.0.0",
     "tsc-alias": "^1.9.0",
     "tsx": "^4.22.1",
@@ -181,21 +181,21 @@
     "@codemirror/state": "^6.7.1",
     "@codemirror/view": "^6.43.6",
     "@fontsource-variable/manrope": "^5.2.8",
-    "@lexical/code": "^0.46.0",
-    "@lexical/history": "^0.46.0",
-    "@lexical/link": "^0.46.0",
-    "@lexical/list": "^0.46.0",
-    "@lexical/markdown": "^0.46.0",
-    "@lexical/rich-text": "^0.46.0",
-    "@lexical/selection": "^0.46.0",
-    "@lexical/table": "^0.46.0",
-    "@lexical/utils": "^0.46.0",
+    "@lexical/code": "^0.49.0",
+    "@lexical/history": "^0.49.0",
+    "@lexical/link": "^0.49.0",
+    "@lexical/list": "^0.49.0",
+    "@lexical/markdown": "^0.49.0",
+    "@lexical/rich-text": "^0.49.0",
+    "@lexical/selection": "^0.49.0",
+    "@lexical/table": "^0.49.0",
+    "@lexical/utils": "^0.49.0",
     "@lezer/highlight": "^1.2.3",
     "codemirror": "^6.0.2",
     "d3-array": "^3.2.4",
     "d3-scale": "^4.0.2",
     "d3-shape": "^3.2.0",
-    "lexical": "^0.46.0",
+    "lexical": "^0.49.0",
     "marked": "^18.0.5",
     "prettier": "^3.9.4",
     "sql-formatter": "^15.8.2"

package/dist/lib/AnchorConstraints-CVrMP9rz.js

@@ -1,2 +0,0 @@
-import{f as e,h as t}from"./Component-DHqrPwAw.js";import{t as n}from"./LayoutConstraints-DkctJZXB.js";var Anchor=class extends e{constructor(e){super(),e&&this.applyOptions(e)}resolve(e,t){if(e!==void 0)return typeof e==`number`?e:t*e.percent/100}resolveAxis(e,t,n,r,i,a,o){if(e!==void 0&&t!==void 0){let n=Math.max(0,r-e-t);return{start:o+e,extent:n}}let s=n??i;return e===void 0?t===void 0?{start:a,extent:s}:{start:o+r-t-s,extent:s}:{start:o+e,extent:s}}doLayout(){let e=this.getContainer();if(!e)return;let t=e.getInnerSize();if(!t)return;let n=e.getContentInsets(),r=n.getLeft(),i=n.getTop();for(let n of e.getLaidOutComponents()){let e=this.getLayoutConstraints(n),a=n.getPreferredSize(),o=n.getSize(),s=a?.width??o?.width??0,c=a?.height??o?.height??0,l=this.resolveAxis(this.resolve(e?.left,t.width),this.resolve(e?.right,t.width),this.resolve(e?.width,t.width),t.width,s,n.getX(),r),u=this.resolveAxis(this.resolve(e?.top,t.height),this.resolve(e?.bottom,t.height),this.resolve(e?.height,t.height),t.height,c,n.getY(),i);this.commitBounds(n,l.start,u.start,l.extent,u.extent)}}},r=t(Anchor),AnchorConstraints=class extends n{left;right;top;bottom;width;height;constructor(){super()}};export{r as n,AnchorConstraints as t};
-//# sourceMappingURL=AnchorConstraints-CVrMP9rz.js.map