@malva-ui/core 0.1.13 → 0.1.14

package/esm2022/tooltip/lib/tooltip/tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.js","sourceRoot":"","sources":["../../../../../../../libs/core/tooltip/src/lib/tooltip/tooltip.ts"],"names":[],"mappings":"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","sourcesContent":["import type { ComponentRef } from '@angular/core';\nimport {\n  DestroyRef,\n  Directive,\n  ElementRef,\n  EnvironmentInjector,\n  inject,\n  input,\n  NgZone,\n  Renderer2,\n} from '@angular/core';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport type {\n  ConnectedPosition,\n  FlexibleConnectedPositionStrategy,\n  OverlayRef,\n} from '@angular/cdk/overlay';\nimport { Overlay } from '@angular/cdk/overlay';\nimport { ComponentPortal } from '@angular/cdk/portal';\nimport type { BooleanInput } from '@angular/cdk/coercion';\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { mlvNextId } from '@malva-ui/cdk/utils';\nimport { MlvTooltipPanel } from './tooltip-panel';\nimport type { MlvTooltipTone, MlvTooltipPlacement } from './tooltip.types';\n\n/**\n * Map of placement → CDK connected positions (preferred + opposite fallback).\n * Offset of 6px provides clearance for the arrow.\n */\nconst TOOLTIP_POSITIONS: Record<MlvTooltipPlacement, ConnectedPosition[]> = {\n  top: [\n    {\n      originX: 'center',\n      originY: 'top',\n      overlayX: 'center',\n      overlayY: 'bottom',\n      offsetY: -6,\n    },\n    {\n      originX: 'center',\n      originY: 'bottom',\n      overlayX: 'center',\n      overlayY: 'top',\n      offsetY: 6,\n    },\n  ],\n  bottom: [\n    {\n      originX: 'center',\n      originY: 'bottom',\n      overlayX: 'center',\n      overlayY: 'top',\n      offsetY: 6,\n    },\n    {\n      originX: 'center',\n      originY: 'top',\n      overlayX: 'center',\n      overlayY: 'bottom',\n      offsetY: -6,\n    },\n  ],\n  left: [\n    {\n      originX: 'start',\n      originY: 'center',\n      overlayX: 'end',\n      overlayY: 'center',\n      offsetX: -6,\n    },\n    {\n      originX: 'end',\n      originY: 'center',\n      overlayX: 'start',\n      overlayY: 'center',\n      offsetX: 6,\n    },\n  ],\n  right: [\n    {\n      originX: 'end',\n      originY: 'center',\n      overlayX: 'start',\n      overlayY: 'center',\n      offsetX: 6,\n    },\n    {\n      originX: 'start',\n      originY: 'center',\n      overlayX: 'end',\n      overlayY: 'center',\n      offsetX: -6,\n    },\n  ],\n};\n\n/**\n * Derives effective tooltip placement from the CDK resolved position pair.\n * Used to update the arrow direction when CDK flips to the fallback placement.\n */\nfunction resolvePlacementFromPosition(\n  pos: ConnectedPosition,\n): MlvTooltipPlacement {\n  if (pos.overlayY === 'bottom') return 'top';\n  if (pos.overlayY === 'top') return 'bottom';\n  if (pos.overlayX === 'end') return 'left';\n  return 'right';\n}\n\n/**\n * Tooltip directive — attach to any element to show a tooltip on hover and focus.\n *\n * The tooltip content is passed as the directive binding value (`mlvTooltip`).\n * The tooltip appears after `tooltipDelay` ms and disappears immediately on\n * mouseleave, focusout, or Escape key.\n *\n * @example Basic usage\n * ```html\n * <button [mlvTooltip]=\"'Save changes'\">Save</button>\n * ```\n *\n * @example With options\n * ```html\n * <button\n *   [mlvTooltip]=\"'Delete item'\"\n *   tooltipPlacement=\"bottom\"\n *   tooltipTone=\"danger\"\n *   [tooltipDelay]=\"500\"\n * >Delete</button>\n * ```\n *\n * @example Disabled tooltip\n * ```html\n * <button [mlvTooltip]=\"'Info'\" tooltipDisabled>Button</button>\n * ```\n *\n * @example No arrow\n * ```html\n * <button [mlvTooltip]=\"'Info'\" [tooltipArrow]=\"false\">Button</button>\n * ```\n */\n@Directive({\n  selector: '[mlvTooltip]',\n  host: {\n    '(mouseenter)': '_onMouseEnter()',\n    '(mouseleave)': '_onMouseLeave()',\n    '(focusin)': '_onFocusIn()',\n    '(focusout)': '_onFocusOut()',\n    '(keydown.escape)': '_onEscape()',\n  },\n})\nexport class MlvTooltip {\n  // ─── Injected services ────────────────────────────────────────────────────\n\n  /** @private Host element reference. */\n  private readonly _elementRef = inject(ElementRef<HTMLElement>);\n\n  /** @private CDK Overlay for creating floating panels. */\n  private readonly _overlay = inject(Overlay);\n\n  /** @private Environment injector, required for ComponentPortal creation. */\n  private readonly _injector = inject(EnvironmentInjector);\n\n  /** @private Renderer for DOM attribute manipulation. */\n  private readonly _renderer = inject(Renderer2);\n\n  /** @private Zone for running timer callbacks inside change detection. */\n  private readonly _ngZone = inject(NgZone);\n\n  /** @private DestroyRef for cleanup on directive destruction. */\n  private readonly _destroyRef = inject(DestroyRef);\n\n  // ─── Inputs ───────────────────────────────────────────────────────────────\n\n  /**\n   * The tooltip text content.\n   * This is also the directive selector binding: `[mlvTooltip]=\"'my text'\"`.\n   */\n  readonly mlvTooltip = input.required<string>();\n\n  /** Preferred placement of the tooltip relative to the trigger. Defaults to `'top'`. */\n  readonly tooltipPlacement = input<MlvTooltipPlacement>('top');\n\n  /** Tone variant of the tooltip panel. Defaults to `'dark'` (inverse/dark background). */\n  readonly tooltipTone = input<MlvTooltipTone>('dark');\n\n  /**\n   * Delay in milliseconds before the tooltip appears after hover or focus.\n   * Defaults to `300`.\n   */\n  readonly tooltipDelay = input<number>(300);\n\n  /**\n   * When `true`, suppresses the tooltip entirely.\n   * Supports attribute syntax: `<element tooltipDisabled>`.\n   */\n  readonly tooltipDisabled = input<BooleanInput, boolean | string>(false, {\n    transform: coerceBooleanProperty,\n  });\n\n  /**\n   * When `true` (default), renders a directional arrow pointing toward the trigger.\n   * Set to `false` to hide the arrow.\n   * Supports attribute syntax: `<element [tooltipArrow]=\"false\">`.\n   */\n  readonly tooltipArrow = input<BooleanInput, boolean | string>(true, {\n    transform: coerceBooleanProperty,\n  });\n\n  // ─── Private state ────────────────────────────────────────────────────────\n\n  /**\n   * @private Reference to the dynamically created `MlvTooltipPanel` instance.\n   */\n  private _componentRef: ComponentRef<MlvTooltipPanel> | null = null;\n\n  /**\n   * @private CDK overlay reference managing the floating panel.\n   */\n  private _overlayRef: OverlayRef | null = null;\n\n  /**\n   * @private Timer handle for the `tooltipDelay` show timer.\n   */\n  private _showTimer: ReturnType<typeof setTimeout> | null = null;\n\n  /**\n   * @private Timer handle for the grace-period hide timer. Gives the pointer\n   * time to travel from the trigger onto the tooltip panel (WCAG 1.4.13).\n   */\n  private _hideTimer: ReturnType<typeof setTimeout> | null = null;\n\n  /**\n   * @private Grace period (ms) before hiding on mouseleave, allowing the pointer\n   * to reach the hoverable tooltip panel without it disappearing.\n   */\n  private readonly _hideDelay = 150;\n\n  /**\n   * @private Cleanup functions for the panel hover listeners, invoked on hide.\n   */\n  private _panelListeners: (() => void)[] = [];\n\n  /**\n   * @private Stable unique ID for this tooltip instance, used by `aria-describedby`.\n   */\n  private readonly _tooltipId = mlvNextId('mlv-tooltip');\n\n  constructor() {\n    this._destroyRef.onDestroy(() => {\n      this._clearShowTimer();\n      this._clearHideTimer();\n      this._hide();\n    });\n  }\n\n  // ─── Protected host event handlers ────────────────────────────────────────\n\n  /** @protected Schedules tooltip display on mouseenter. */\n  protected _onMouseEnter(): void {\n    if (this.tooltipDisabled()) return;\n    this._clearHideTimer();\n    this._scheduleShow();\n  }\n\n  /**\n   * @protected Cancels pending show and schedules a delayed hide on mouseleave.\n   * The grace period lets the pointer move onto the tooltip panel without it\n   * disappearing (WCAG 1.4.13 — content on hover must be hoverable).\n   */\n  protected _onMouseLeave(): void {\n    this._clearShowTimer();\n    this._scheduleHide();\n  }\n\n  /** @protected Schedules tooltip display on focusin (keyboard users). */\n  protected _onFocusIn(): void {\n    if (this.tooltipDisabled()) return;\n    this._scheduleShow();\n  }\n\n  /** @protected Cancels pending show and hides tooltip on focusout. */\n  protected _onFocusOut(): void {\n    this._clearShowTimer();\n    this._hide();\n  }\n\n  /** @protected Cancels pending show and hides tooltip on Escape key. */\n  protected _onEscape(): void {\n    this._clearShowTimer();\n    this._hide();\n  }\n\n  // ─── Private implementation ───────────────────────────────────────────────\n\n  /**\n   * @private Schedules tooltip display after `tooltipDelay` ms inside NgZone.\n   */\n  private _scheduleShow(): void {\n    this._clearShowTimer();\n    const delay = this.tooltipDelay();\n    this._showTimer = setTimeout(() => {\n      this._ngZone.run(() => this._show());\n    }, delay);\n  }\n\n  /**\n   * @private Clears the pending show timer if one is active.\n   */\n  private _clearShowTimer(): void {\n    if (this._showTimer !== null) {\n      clearTimeout(this._showTimer);\n      this._showTimer = null;\n    }\n  }\n\n  /**\n   * @private Schedules the tooltip to hide after the `_hideDelay` grace period.\n   */\n  private _scheduleHide(): void {\n    this._clearHideTimer();\n    this._hideTimer = setTimeout(() => {\n      this._ngZone.run(() => this._hide());\n    }, this._hideDelay);\n  }\n\n  /**\n   * @private Clears the pending hide timer if one is active.\n   */\n  private _clearHideTimer(): void {\n    if (this._hideTimer !== null) {\n      clearTimeout(this._hideTimer);\n      this._hideTimer = null;\n    }\n  }\n\n  /**\n   * @private Creates the CDK overlay, attaches `MlvTooltipPanel`, and wires\n   * `aria-describedby` on the host element. If the tooltip is already visible\n   * this method is a no-op.\n   */\n  private _show(): void {\n    if (this._overlayRef) return;\n\n    const placement = this.tooltipPlacement();\n    const positions = TOOLTIP_POSITIONS[placement];\n\n    const positionStrategy = this._overlay\n      .position()\n      .flexibleConnectedTo(this._elementRef)\n      .withPositions(positions)\n      .withPush(false) as FlexibleConnectedPositionStrategy;\n\n    this._overlayRef = this._overlay.create({\n      positionStrategy,\n      scrollStrategy: this._overlay.scrollStrategies.reposition(),\n      panelClass: 'mlv-tooltip-overlay',\n    });\n\n    // Attach the component via a ComponentPortal with the environment injector\n    const portal = new ComponentPortal(MlvTooltipPanel, null, this._injector);\n    const componentRef = this._overlayRef.attach(portal);\n\n    componentRef.setInput('content', this.mlvTooltip());\n    componentRef.setInput('tone', this.tooltipTone());\n    componentRef.setInput('showArrow', this.tooltipArrow());\n    componentRef.setInput('placement', placement);\n    componentRef.setInput('tooltipId', this._tooltipId);\n\n    this._componentRef = componentRef;\n\n    // Update the arrow direction when CDK resolves the actual position\n    positionStrategy.positionChanges\n      .pipe(takeUntilDestroyed(this._destroyRef))\n      .subscribe((change) => {\n        const resolvedPlacement = resolvePlacementFromPosition(\n          change.connectionPair,\n        );\n        this._componentRef?.setInput('placement', resolvedPlacement);\n      });\n\n    // Keep the tooltip open while the pointer is over the panel, and hide it\n    // (after the grace period) once the pointer leaves the panel. This makes the\n    // hover content hoverable per WCAG 1.4.13.\n    const overlayEl = this._overlayRef.overlayElement;\n    this._panelListeners.push(\n      this._renderer.listen(overlayEl, 'mouseenter', () =>\n        this._clearHideTimer(),\n      ),\n      this._renderer.listen(overlayEl, 'mouseleave', () =>\n        this._scheduleHide(),\n      ),\n    );\n\n    // Wire aria-describedby for accessibility\n    this._renderer.setAttribute(\n      this._elementRef.nativeElement,\n      'aria-describedby',\n      this._tooltipId,\n    );\n  }\n\n  /**\n   * @private Disposes the CDK overlay, destroys the component reference, and\n   * removes `aria-describedby` from the host element.\n   */\n  private _hide(): void {\n    this._clearHideTimer();\n    this._panelListeners.forEach((unlisten) => unlisten());\n    this._panelListeners = [];\n    if (this._overlayRef) {\n      this._overlayRef.dispose();\n      this._overlayRef = null;\n    }\n    this._componentRef = null;\n    this._renderer.removeAttribute(\n      this._elementRef.nativeElement,\n      'aria-describedby',\n    );\n  }\n}\n"]}

package/esm2022/tooltip/lib/tooltip/tooltip.types.js

@@ -1 +0,0 @@
-//# sourceMappingURL=tooltip.types.js.map

package/esm2022/tooltip/lib/tooltip/tooltip.types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tooltip.types.js","sourceRoot":"","sources":["../../../../../../../libs/core/tooltip/src/lib/tooltip/tooltip.types.ts"],"names":[],"mappings":"","sourcesContent":["import type { MlvTone } from '@malva-ui/cdk/utils';\n\n/**\n * Tone variant for the tooltip panel.\n *\n * Extends the shared {@link MlvTone} semantic vocabulary\n * (`'info' | 'success' | 'warning' | 'danger'`) with surface and brand options:\n *\n * - `'dark'` — dark/inverse background (default)\n * - `'light'` — light background\n * - `'primary'` — primary accent color\n */\nexport type MlvTooltipTone = MlvTone | 'dark' | 'light' | 'primary';\n\n/**\n * Preferred placement of the tooltip relative to the trigger element.\n * CDK will use the first placement that fits in the viewport.\n */\nexport type MlvTooltipPlacement = 'top' | 'bottom' | 'left' | 'right';\n"]}

package/esm2022/tooltip/malva-ui-core-tooltip.js

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-export * from './index';
-//# sourceMappingURL=malva-ui-core-tooltip.js.map

package/esm2022/tooltip/malva-ui-core-tooltip.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"malva-ui-core-tooltip.js","sourceRoot":"","sources":["../../../../../libs/core/tooltip/src/malva-ui-core-tooltip.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,SAAS,CAAC","sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"]}

package/esm2022/tree/index.js

@@ -1,5 +0,0 @@
-export * from './lib/tree/tree-node';
-export * from './lib/tree/tree-node-def';
-export * from './lib/tree/tree';
-export * from './lib/tree/tree-context';
-//# sourceMappingURL=index.js.map

package/esm2022/tree/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../libs/core/tree/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC","sourcesContent":["export * from './lib/tree/tree-node';\nexport * from './lib/tree/tree-node-def';\nexport * from './lib/tree/tree';\nexport * from './lib/tree/tree-context';\n"]}

package/esm2022/tree/lib/tree/tree-context.js

@@ -1,7 +0,0 @@
-import { InjectionToken } from '@angular/core';
-/**
- * Injection token that provides the parent `MlvTree` as a
- * `MlvTreeAccessor` to nested `MlvTreeSubtree` instances.
- */
-export const MLV_TREE = new InjectionToken('MLV_TREE');
-//# sourceMappingURL=tree-context.js.map

package/esm2022/tree/lib/tree/tree-context.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-context.js","sourceRoot":"","sources":["../../../../../../../libs/core/tree/src/lib/tree/tree-context.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AA0E/C;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,cAAc,CAAkB,UAAU,CAAC,CAAC","sourcesContent":["import { InjectionToken } from '@angular/core';\nimport type { TreeItem } from '@angular/aria/tree';\nimport type { MlvTreeNode, MlvTreeSelectMode } from './tree-node';\nimport type { MlvTreeNodeDef } from './tree-node-def';\n\n/**\n * Public accessor interface that the recursive `MlvTreeSubtree` uses to\n * communicate with its parent `MlvTree` via the `MLV_TREE` injection\n * token.\n *\n * All members map to the corresponding public members of `MlvTree`.\n * Selection, roving focus, keyboard navigation, expansion state and all ARIA\n * attributes are owned by the `@angular/aria` `Tree`/`TreeItem`/`TreeItemGroup`\n * directives applied inside the subtree template; this accessor only surfaces\n * the Malva UI-specific glue (lazy loading, custom templates, `nodeActivate`,\n * `nodeToggle`, and the single-select deselect-on-re-click affordance).\n */\nexport interface MlvTreeAccessor {\n  /** Current selection mode. */\n  selectMode(): MlvTreeSelectMode;\n\n  /** Indentation size in rem per depth level. */\n  indentSize(): number;\n\n  /** Whether the given node id is currently expanded. */\n  _isExpanded(id: string | number): boolean;\n\n  /** Whether the given node id is currently loading lazy children. */\n  _isLoading(id: string | number): boolean;\n\n  /** Whether the given node id is currently selected. */\n  _isSelected(id: string | number): boolean;\n\n  /**\n   * Returns the effective children of a node: lazily-loaded children when\n   * present, otherwise the static `children` array.\n   */\n  _children(node: MlvTreeNode): MlvTreeNode[];\n\n  /** Whether a node renders an expandable group (static, loaded, or lazy children). */\n  _hasChildren(node: MlvTreeNode): boolean;\n\n  /** Custom node template directive, if any. */\n  _nodeDefDirective(): MlvTreeNodeDef | undefined;\n\n  /**\n   * Reacts to the aria `TreeItem.expanded` model changing (keyboard, pointer,\n   * chevron, or programmatic). Syncs the expansion set, triggers lazy loading,\n   * and emits `nodeToggle`.\n   */\n  _onExpandedChange(node: MlvTreeNode, expanded: boolean): void;\n\n  /**\n   * Chevron toggle handler. Guards disabled nodes, stops propagation so the\n   * aria tree does not also select the row, and flips the aria item's\n   * `expanded` model (which routes through `_onExpandedChange`).\n   */\n  _onToggle(\n    node: MlvTreeNode,\n    item: TreeItem<string | number>,\n    event: Event,\n  ): void;\n\n  /**\n   * Row pointer handler. Emits `nodeActivate` in `none` mode and implements the\n   * single-select deselect-on-re-click affordance (aria's `selectOne` never\n   * deselects on its own).\n   */\n  _onRowClick(node: MlvTreeNode, event: MouseEvent): void;\n\n  /** Row Enter/Space handler used to emit `nodeActivate` in `none` mode. */\n  _onActivateKey(node: MlvTreeNode): void;\n}\n\n/**\n * Injection token that provides the parent `MlvTree` as a\n * `MlvTreeAccessor` to nested `MlvTreeSubtree` instances.\n */\nexport const MLV_TREE = new InjectionToken<MlvTreeAccessor>('MLV_TREE');\n"]}

package/esm2022/tree/lib/tree/tree-node-def.js

@@ -1,34 +0,0 @@
-import { Directive, inject, TemplateRef } from '@angular/core';
-import * as i0 from "@angular/core";
-/**
- * Structural directive that marks a `<ng-template>` as a custom node template.
- *
- * Usage:
- * ```html
- * <mlv-tree [nodes]="nodes">
- *   <ng-template mlvTreeNodeDef let-flatNode>
- *     <span>{{ flatNode.node.label }}</span>
- *   </ng-template>
- * </mlv-tree>
- * ```
- */
-export class MlvTreeNodeDef {
-    /** The template reference for this custom node slot. */
-    templateRef = inject((TemplateRef));
-    /**
-     * Type guard for correct template variable inference.
-     * @internal
-     */
-    static ngTemplateContextGuard(_dir, _ctx) {
-        return true;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvTreeNodeDef, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: MlvTreeNodeDef, isStandalone: true, selector: "[mlvTreeNodeDef]", ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvTreeNodeDef, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[mlvTreeNodeDef]',
-                }]
-        }] });
-//# sourceMappingURL=tree-node-def.js.map

package/esm2022/tree/lib/tree/tree-node-def.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-node-def.js","sourceRoot":"","sources":["../../../../../../../libs/core/tree/src/lib/tree/tree-node-def.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;;AAW/D;;;;;;;;;;;GAWG;AAIH,MAAM,OAAO,cAAc;IACzB,wDAAwD;IAC/C,WAAW,GAAG,MAAM,CAAC,CAAA,WAAqC,CAAA,CAAC,CAAC;IAErE;;;OAGG;IACH,MAAM,CAAC,sBAAsB,CAC3B,IAAuB,EACvB,IAAa;QAEb,OAAO,IAAI,CAAC;IACd,CAAC;uGAbU,cAAc;2FAAd,cAAc;;2FAAd,cAAc;kBAH1B,SAAS;mBAAC;oBACT,QAAQ,EAAE,kBAAkB;iBAC7B","sourcesContent":["import { Directive, inject, TemplateRef } from '@angular/core';\nimport type { MlvFlatTreeNode } from './tree-node';\n\n/**\n * Context provided to the `[mlvTreeNodeDef]` template.\n */\nexport interface MlvTreeNodeDefContext<T = unknown> {\n  /** The flat tree node for the current row. */\n  $implicit: MlvFlatTreeNode<T>;\n}\n\n/**\n * Structural directive that marks a `<ng-template>` as a custom node template.\n *\n * Usage:\n * ```html\n * <mlv-tree [nodes]=\"nodes\">\n *   <ng-template mlvTreeNodeDef let-flatNode>\n *     <span>{{ flatNode.node.label }}</span>\n *   </ng-template>\n * </mlv-tree>\n * ```\n */\n@Directive({\n  selector: '[mlvTreeNodeDef]',\n})\nexport class MlvTreeNodeDef<T = unknown> {\n  /** The template reference for this custom node slot. */\n  readonly templateRef = inject(TemplateRef<MlvTreeNodeDefContext<T>>);\n\n  /**\n   * Type guard for correct template variable inference.\n   * @internal\n   */\n  static ngTemplateContextGuard<T>(\n    _dir: MlvTreeNodeDef<T>,\n    _ctx: unknown,\n  ): _ctx is MlvTreeNodeDefContext<T> {\n    return true;\n  }\n}\n"]}

package/esm2022/tree/lib/tree/tree-node.js

@@ -1 +0,0 @@
-//# sourceMappingURL=tree-node.js.map

package/esm2022/tree/lib/tree/tree-node.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-node.js","sourceRoot":"","sources":["../../../../../../../libs/core/tree/src/lib/tree/tree-node.ts"],"names":[],"mappings":"","sourcesContent":["/**\n * Represents a single node in the tree data structure.\n * The generic parameter `T` is the type of the node's data payload.\n */\nexport interface MlvTreeNode<T = unknown> {\n  /** Unique identifier for the node. Used for tracking and key management. */\n  id: string | number;\n\n  /** The data payload associated with this node. */\n  data: T;\n\n  /** Human-readable label shown in the default node template. */\n  label: string;\n\n  /** Pre-loaded children of this node. If omitted and `loadChildren` is set, children are loaded lazily. */\n  children?: MlvTreeNode<T>[];\n\n  /**\n   * Async callback for lazy-loading child nodes.\n   * When defined, the node shows a loading spinner on first expand until the promise resolves.\n   */\n  loadChildren?: () => Promise<MlvTreeNode<T>[]>;\n\n  /** When true, the node is rendered as disabled — not selectable or expandable via keyboard. */\n  disabled?: boolean;\n\n  /** Optional icon name (Lucide icon) shown before the label in the default template. */\n  icon?: string;\n\n  /** When true, the node starts expanded. Only applies to initial render. */\n  expanded?: boolean;\n}\n\n/**\n * Internal flat-list representation of a tree node used for rendering.\n * Calculated from the tree data by depth and expansion state.\n */\nexport interface MlvFlatTreeNode<T = unknown> {\n  /** Reference to the original tree node. */\n  node: MlvTreeNode<T>;\n\n  /** Depth level (0 = root). Used for indentation. */\n  depth: number;\n\n  /** Whether this node is currently expanded. */\n  isExpanded: boolean;\n\n  /** Whether this node has children (loaded or lazy). */\n  hasChildren: boolean;\n\n  /** Whether this node is currently loading children (lazy load in progress). */\n  isLoading: boolean;\n\n  /** Unique key for `@for` tracking. */\n  key: string | number;\n}\n\n/** Selection mode for the tree component. */\nexport type MlvTreeSelectMode = 'none' | 'single' | 'multi';\n"]}

package/esm2022/tree/lib/tree/tree-subtree.js

@@ -1,107 +0,0 @@
-import { ChangeDetectionStrategy, Component, inject, input, ViewEncapsulation, } from '@angular/core';
-import { NgTemplateOutlet } from '@angular/common';
-import { TreeItem, TreeItemGroup } from '@angular/aria/tree';
-import { MlvLoader } from '@malva-ui/core/loader';
-import { MlvExpand } from '@malva-ui/core/expand';
-import { MlvCheckbox } from '@malva-ui/core/checkbox';
-import { LucideChevronRight, LucideChevronDown, LucideDynamicIcon, } from '@lucide/angular';
-import { MLV_TREE } from './tree-context';
-import * as i0 from "@angular/core";
-/**
- * Internal recursive subtree component used by `MlvTree`.
- *
- * Renders one level of `<div ngTreeItem>` rows using the `@angular/aria`
- * `Tree`/`TreeItem`/`TreeItemGroup` headless directives (applied here so aria
- * owns roles, `aria-level`/`setsize`/`posinset`, roving `tabindex`, keyboard
- * navigation, typeahead and selection). Children are wrapped in
- * `<ng-template ngTreeItemGroup>` + `mlv-expand` for the animated height
- * transition; `[preserveContent]="true"` keeps aria's `DeferredContent` from
- * unmounting the group so `mlv-expand` can own the enter/leave animation.
- *
- * The recursion is expressed as **nested components** (not a self-referential
- * `ngTemplateOutlet`, which throws `createEmbeddedViewImpl is not a function`
- * when rendered through aria's `DeferredContent`).
- *
- * @internal Not part of the public API — use `MlvTree` instead.
- */
-export class MlvTreeSubtree {
-    /** The nodes to render at this level. */
-    nodes = input([], /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "nodes" }] : /* istanbul ignore next */ []));
-    /**
-     * The aria parent for this level's items — the `Tree` root for the top level,
-     * or the owning `TreeItemGroup` for a nested level. Required: aria's
-     * `TreeItem` needs a defined `parent` from creation (its `level`/`selected`
-     * patterns dereference it) — an undefined parent crashes rendering.
-     */
-    parent = input.required(/* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "parent" }] : /* istanbul ignore next */ []));
-    /** The depth of this level (0 = root). Drives indentation and connectors. */
-    depth = input(0, /* @ts-ignore */
-    ...(ngDevMode ? [{ debugName: "depth" }] : /* istanbul ignore next */ []));
-    /** @protected The parent tree context injected via `MLV_TREE`. */
-    tree = inject(MLV_TREE);
-    /**
-     * @private Per-node cache of the `[mlvTreeNodeDef]` template context and its
-     * `ngTemplateOutlet` wrapper, keyed by node identity. The entry is rebuilt for
-     * a node only when one of its derived fields actually changes, so the context
-     * object identity stays stable across change detection — the custom template
-     * (and any OnPush children inside it) is not re-stamped against a freshly
-     * allocated context object on every pass.
-     */
-    _contextCache = new WeakMap();
-    /**
-     * @protected Returns the identity-stable `ngTemplateOutlet` context wrapper for
-     * a node's `[mlvTreeNodeDef]` template. Preserves the public context shape
-     * (`let-flatNode` → `MlvFlatTreeNode`). Derived from the node + component state
-     * rather than aria's `TreeItem` patterns (which are only available after the
-     * item's `ngOnInit`). A new wrapper (and `MlvFlatTreeNode`) is produced only when
-     * a field changes, so unchanged rows keep a stable context reference across
-     * change detection.
-     */
-    _nodeContext(node) {
-        const depth = this.depth();
-        const isExpanded = this.tree._isExpanded(node.id);
-        const hasChildren = this.tree._hasChildren(node);
-        const isLoading = this.tree._isLoading(node.id);
-        const cached = this._contextCache.get(node);
-        if (cached &&
-            cached.ctx.depth === depth &&
-            cached.ctx.isExpanded === isExpanded &&
-            cached.ctx.hasChildren === hasChildren &&
-            cached.ctx.isLoading === isLoading) {
-            return cached.wrapper;
-        }
-        const ctx = {
-            node,
-            depth,
-            isExpanded,
-            hasChildren,
-            isLoading,
-            key: node.id,
-        };
-        const wrapper = { $implicit: ctx };
-        this._contextCache.set(node, { ctx, wrapper });
-        return wrapper;
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvTreeSubtree, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: MlvTreeSubtree, isStandalone: true, selector: "mlv-tree-subtree", inputs: { nodes: { classPropertyName: "nodes", publicName: "nodes", isSignal: true, isRequired: false, transformFunction: null }, parent: { classPropertyName: "parent", publicName: "parent", isSignal: true, isRequired: true, transformFunction: null }, depth: { classPropertyName: "depth", publicName: "depth", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "mlv-tree__subtree" }, ngImport: i0, template: "@for (node of nodes(); track node.id) {\n<div\n  ngTreeItem\n  #item=\"ngTreeItem\"\n  class=\"mlv-tree__item\"\n  [parent]=\"parent()\"\n  [value]=\"node.id\"\n  [label]=\"node.label\"\n  [disabled]=\"!!node.disabled\"\n  [selectable]=\"tree.selectMode() !== 'none'\"\n  [preserveContent]=\"true\"\n  [expanded]=\"tree._isExpanded(node.id)\"\n  (expandedChange)=\"tree._onExpandedChange(node, $event)\"\n  [class.mlv-tree__item--expanded]=\"item.expanded()\"\n  [class.mlv-tree__item--selected]=\"tree._isSelected(node.id)\"\n  [class.mlv-tree__item--disabled]=\"node.disabled\"\n  [class.mlv-tree__item--leaf]=\"!tree._hasChildren(node)\"\n  [class.mlv-tree__item--loading]=\"tree._isLoading(node.id)\"\n  [style.padding-inline-start]=\"depth() * tree.indentSize() + 'rem'\"\n  (click)=\"tree._onRowClick(node, $event)\"\n  (keydown.enter)=\"tree._onActivateKey(node)\"\n  (keydown.space)=\"tree._onActivateKey(node)\"\n>\n  <!-- Expand/collapse toggle \u2014 swap chevron icon based on state -->\n  <button\n    class=\"mlv-tree__toggle\"\n    [class.mlv-tree__toggle--expanded]=\"item.expanded()\"\n    [class.mlv-tree__toggle--invisible]=\"!tree._hasChildren(node)\"\n    type=\"button\"\n    tabindex=\"-1\"\n    [attr.aria-label]=\"\n        item.expanded() ? 'Collapse ' + node.label : 'Expand ' + node.label\n      \"\n    [attr.aria-hidden]=\"!tree._hasChildren(node) || null\"\n    (click)=\"tree._onToggle(node, item, $event)\"\n  >\n    @if (!tree._isLoading(node.id)) { @if (item.expanded()) {\n    <svg lucideChevronDown [size]=\"16\" />\n    } @else {\n    <svg lucideChevronRight [size]=\"16\" />\n    } }\n  </button>\n\n  <!-- Loading spinner (lazy load in progress) -->\n  @if (tree._isLoading(node.id)) {\n  <span class=\"mlv-tree__spinner\" aria-hidden=\"true\">\n    <mlv-loader\n      variant=\"circle\"\n      [size]=\"16\"\n      [indeterminate]=\"true\"\n      ariaLabel=\"Loading children\"\n    />\n  </span>\n  }\n\n  <!-- Multi-select checkbox \u2014 presentational reflection of aria selection. -->\n  @if (tree.selectMode() === 'multi') {\n  <mlv-checkbox\n    class=\"mlv-tree__checkbox\"\n    [checked]=\"tree._isSelected(node.id)\"\n    [disabled]=\"!!node.disabled\"\n    [tabbable]=\"false\"\n    [ariaLabel]=\"'Select ' + node.label\"\n  />\n  }\n\n  <!-- Node content: custom template or default label -->\n  <span class=\"mlv-tree__content\">\n    @if (tree._nodeDefDirective(); as def) {\n    <ng-template\n      [ngTemplateOutlet]=\"def.templateRef\"\n      [ngTemplateOutletContext]=\"_nodeContext(node)\"\n    />\n    } @else { @if (node.icon) {\n    <svg\n      class=\"mlv-tree__icon\"\n      [lucideIcon]=\"node.icon\"\n      [size]=\"16\"\n      aria-hidden=\"true\"\n    ></svg>\n    }\n    <span class=\"mlv-tree__label\">{{ node.label }}</span>\n    }\n  </span>\n\n  <!-- Children: aria group + mlv-expand animated height transition -->\n  @if (tree._hasChildren(node)) {\n  <div\n    role=\"group\"\n    class=\"mlv-tree__group\"\n    [style.--mlv-tree-connector-offset]=\"\n          (depth() + 1) * tree.indentSize() + 0.75 + 'rem'\n        \"\n  >\n    <ng-template ngTreeItemGroup [ownedBy]=\"item\" #group=\"ngTreeItemGroup\">\n      <mlv-expand [opened]=\"item.expanded()\">\n        @if (!tree._isLoading(node.id)) {\n        <mlv-tree-subtree\n          [nodes]=\"tree._children(node)\"\n          [parent]=\"group\"\n          [depth]=\"depth() + 1\"\n        />\n        }\n      </mlv-expand>\n    </ng-template>\n  </div>\n  }\n</div>\n}\n", dependencies: [{ kind: "component", type: MlvTreeSubtree, selector: "mlv-tree-subtree", inputs: ["nodes", "parent", "depth"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: TreeItem, selector: "[ngTreeItem]", inputs: ["id", "value", "parent", "disabled", "selectable", "expanded", "label"], outputs: ["expandedChange"], exportAs: ["ngTreeItem"] }, { kind: "directive", type: TreeItemGroup, selector: "ng-template[ngTreeItemGroup]", inputs: ["ownedBy"], exportAs: ["ngTreeItemGroup"] }, { kind: "component", type: MlvLoader, selector: "mlv-loader", inputs: ["variant", "tone", "value", "max", "indeterminate", "size", "strokeWidth", "ariaLabel", "showHint", "color", "trackColor", "glow"] }, { kind: "component", type: MlvExpand, selector: "mlv-expand", inputs: ["opened", "disabled", "ariaLabel", "ariaLabelledBy"], outputs: ["openedChange"] }, { kind: "component", type: LucideChevronRight, selector: "svg[lucideChevronRight]" }, { kind: "component", type: LucideChevronDown, selector: "svg[lucideChevronDown]" }, { kind: "component", type: LucideDynamicIcon, selector: "svg[lucideIcon]", inputs: ["lucideIcon"] }, { kind: "component", type: MlvCheckbox, selector: "mlv-checkbox", inputs: ["ariaLabelledBy", "checked", "indeterminate", "tabbable"], outputs: ["checkedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: MlvTreeSubtree, decorators: [{
-            type: Component,
-            args: [{ selector: 'mlv-tree-subtree', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
-                        NgTemplateOutlet,
-                        TreeItem,
-                        TreeItemGroup,
-                        MlvLoader,
-                        MlvExpand,
-                        LucideChevronRight,
-                        LucideChevronDown,
-                        LucideDynamicIcon,
-                        MlvCheckbox,
-                        MlvTreeSubtree,
-                    ], host: {
-                        class: 'mlv-tree__subtree',
-                    }, template: "@for (node of nodes(); track node.id) {\n<div\n  ngTreeItem\n  #item=\"ngTreeItem\"\n  class=\"mlv-tree__item\"\n  [parent]=\"parent()\"\n  [value]=\"node.id\"\n  [label]=\"node.label\"\n  [disabled]=\"!!node.disabled\"\n  [selectable]=\"tree.selectMode() !== 'none'\"\n  [preserveContent]=\"true\"\n  [expanded]=\"tree._isExpanded(node.id)\"\n  (expandedChange)=\"tree._onExpandedChange(node, $event)\"\n  [class.mlv-tree__item--expanded]=\"item.expanded()\"\n  [class.mlv-tree__item--selected]=\"tree._isSelected(node.id)\"\n  [class.mlv-tree__item--disabled]=\"node.disabled\"\n  [class.mlv-tree__item--leaf]=\"!tree._hasChildren(node)\"\n  [class.mlv-tree__item--loading]=\"tree._isLoading(node.id)\"\n  [style.padding-inline-start]=\"depth() * tree.indentSize() + 'rem'\"\n  (click)=\"tree._onRowClick(node, $event)\"\n  (keydown.enter)=\"tree._onActivateKey(node)\"\n  (keydown.space)=\"tree._onActivateKey(node)\"\n>\n  <!-- Expand/collapse toggle \u2014 swap chevron icon based on state -->\n  <button\n    class=\"mlv-tree__toggle\"\n    [class.mlv-tree__toggle--expanded]=\"item.expanded()\"\n    [class.mlv-tree__toggle--invisible]=\"!tree._hasChildren(node)\"\n    type=\"button\"\n    tabindex=\"-1\"\n    [attr.aria-label]=\"\n        item.expanded() ? 'Collapse ' + node.label : 'Expand ' + node.label\n      \"\n    [attr.aria-hidden]=\"!tree._hasChildren(node) || null\"\n    (click)=\"tree._onToggle(node, item, $event)\"\n  >\n    @if (!tree._isLoading(node.id)) { @if (item.expanded()) {\n    <svg lucideChevronDown [size]=\"16\" />\n    } @else {\n    <svg lucideChevronRight [size]=\"16\" />\n    } }\n  </button>\n\n  <!-- Loading spinner (lazy load in progress) -->\n  @if (tree._isLoading(node.id)) {\n  <span class=\"mlv-tree__spinner\" aria-hidden=\"true\">\n    <mlv-loader\n      variant=\"circle\"\n      [size]=\"16\"\n      [indeterminate]=\"true\"\n      ariaLabel=\"Loading children\"\n    />\n  </span>\n  }\n\n  <!-- Multi-select checkbox \u2014 presentational reflection of aria selection. -->\n  @if (tree.selectMode() === 'multi') {\n  <mlv-checkbox\n    class=\"mlv-tree__checkbox\"\n    [checked]=\"tree._isSelected(node.id)\"\n    [disabled]=\"!!node.disabled\"\n    [tabbable]=\"false\"\n    [ariaLabel]=\"'Select ' + node.label\"\n  />\n  }\n\n  <!-- Node content: custom template or default label -->\n  <span class=\"mlv-tree__content\">\n    @if (tree._nodeDefDirective(); as def) {\n    <ng-template\n      [ngTemplateOutlet]=\"def.templateRef\"\n      [ngTemplateOutletContext]=\"_nodeContext(node)\"\n    />\n    } @else { @if (node.icon) {\n    <svg\n      class=\"mlv-tree__icon\"\n      [lucideIcon]=\"node.icon\"\n      [size]=\"16\"\n      aria-hidden=\"true\"\n    ></svg>\n    }\n    <span class=\"mlv-tree__label\">{{ node.label }}</span>\n    }\n  </span>\n\n  <!-- Children: aria group + mlv-expand animated height transition -->\n  @if (tree._hasChildren(node)) {\n  <div\n    role=\"group\"\n    class=\"mlv-tree__group\"\n    [style.--mlv-tree-connector-offset]=\"\n          (depth() + 1) * tree.indentSize() + 0.75 + 'rem'\n        \"\n  >\n    <ng-template ngTreeItemGroup [ownedBy]=\"item\" #group=\"ngTreeItemGroup\">\n      <mlv-expand [opened]=\"item.expanded()\">\n        @if (!tree._isLoading(node.id)) {\n        <mlv-tree-subtree\n          [nodes]=\"tree._children(node)\"\n          [parent]=\"group\"\n          [depth]=\"depth() + 1\"\n        />\n        }\n      </mlv-expand>\n    </ng-template>\n  </div>\n  }\n</div>\n}\n" }]
-        }], propDecorators: { nodes: [{ type: i0.Input, args: [{ isSignal: true, alias: "nodes", required: false }] }], parent: [{ type: i0.Input, args: [{ isSignal: true, alias: "parent", required: true }] }], depth: [{ type: i0.Input, args: [{ isSignal: true, alias: "depth", required: false }] }] } });
-//# sourceMappingURL=tree-subtree.js.map

package/esm2022/tree/lib/tree/tree-subtree.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"tree-subtree.js","sourceRoot":"","sources":["../../../../../../../libs/core/tree/src/lib/tree/tree-subtree.ts","../../../../../../../libs/core/tree/src/lib/tree/tree-subtree.html"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { TreeItem, TreeItemGroup } from '@angular/aria/tree';\nimport type { Tree } from '@angular/aria/tree';\nimport { MlvLoader } from '@malva-ui/core/loader';\nimport { MlvExpand } from '@malva-ui/core/expand';\nimport { MlvCheckbox } from '@malva-ui/core/checkbox';\nimport {\n  LucideChevronRight,\n  LucideChevronDown,\n  LucideDynamicIcon,\n} from '@lucide/angular';\nimport type { MlvFlatTreeNode, MlvTreeNode } from './tree-node';\nimport { MLV_TREE } from './tree-context';\nimport type { MlvTreeAccessor } from './tree-context';\n\n/** The valid `parent` reference for a subtree's items: the tree root or a group. */\ntype TreeParent = Tree<string | number> | TreeItemGroup<string | number>;\n\n/**\n * Internal recursive subtree component used by `MlvTree`.\n *\n * Renders one level of `<div ngTreeItem>` rows using the `@angular/aria`\n * `Tree`/`TreeItem`/`TreeItemGroup` headless directives (applied here so aria\n * owns roles, `aria-level`/`setsize`/`posinset`, roving `tabindex`, keyboard\n * navigation, typeahead and selection). Children are wrapped in\n * `<ng-template ngTreeItemGroup>` + `mlv-expand` for the animated height\n * transition; `[preserveContent]=\"true\"` keeps aria's `DeferredContent` from\n * unmounting the group so `mlv-expand` can own the enter/leave animation.\n *\n * The recursion is expressed as **nested components** (not a self-referential\n * `ngTemplateOutlet`, which throws `createEmbeddedViewImpl is not a function`\n * when rendered through aria's `DeferredContent`).\n *\n * @internal Not part of the public API — use `MlvTree` instead.\n */\n@Component({\n  selector: 'mlv-tree-subtree',\n  templateUrl: './tree-subtree.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    NgTemplateOutlet,\n    TreeItem,\n    TreeItemGroup,\n    MlvLoader,\n    MlvExpand,\n    LucideChevronRight,\n    LucideChevronDown,\n    LucideDynamicIcon,\n    MlvCheckbox,\n    MlvTreeSubtree,\n  ],\n  host: {\n    class: 'mlv-tree__subtree',\n  },\n})\nexport class MlvTreeSubtree {\n  /** The nodes to render at this level. */\n  readonly nodes = input<MlvTreeNode[]>([]);\n\n  /**\n   * The aria parent for this level's items — the `Tree` root for the top level,\n   * or the owning `TreeItemGroup` for a nested level. Required: aria's\n   * `TreeItem` needs a defined `parent` from creation (its `level`/`selected`\n   * patterns dereference it) — an undefined parent crashes rendering.\n   */\n  readonly parent = input.required<TreeParent>();\n\n  /** The depth of this level (0 = root). Drives indentation and connectors. */\n  readonly depth = input<number>(0);\n\n  /** @protected The parent tree context injected via `MLV_TREE`. */\n  protected readonly tree = inject<MlvTreeAccessor>(MLV_TREE);\n\n  /**\n   * @private Per-node cache of the `[mlvTreeNodeDef]` template context and its\n   * `ngTemplateOutlet` wrapper, keyed by node identity. The entry is rebuilt for\n   * a node only when one of its derived fields actually changes, so the context\n   * object identity stays stable across change detection — the custom template\n   * (and any OnPush children inside it) is not re-stamped against a freshly\n   * allocated context object on every pass.\n   */\n  private readonly _contextCache = new WeakMap<\n    MlvTreeNode,\n    { ctx: MlvFlatTreeNode; wrapper: { $implicit: MlvFlatTreeNode } }\n  >();\n\n  /**\n   * @protected Returns the identity-stable `ngTemplateOutlet` context wrapper for\n   * a node's `[mlvTreeNodeDef]` template. Preserves the public context shape\n   * (`let-flatNode` → `MlvFlatTreeNode`). Derived from the node + component state\n   * rather than aria's `TreeItem` patterns (which are only available after the\n   * item's `ngOnInit`). A new wrapper (and `MlvFlatTreeNode`) is produced only when\n   * a field changes, so unchanged rows keep a stable context reference across\n   * change detection.\n   */\n  protected _nodeContext(node: MlvTreeNode): { $implicit: MlvFlatTreeNode } {\n    const depth = this.depth();\n    const isExpanded = this.tree._isExpanded(node.id);\n    const hasChildren = this.tree._hasChildren(node);\n    const isLoading = this.tree._isLoading(node.id);\n\n    const cached = this._contextCache.get(node);\n    if (\n      cached &&\n      cached.ctx.depth === depth &&\n      cached.ctx.isExpanded === isExpanded &&\n      cached.ctx.hasChildren === hasChildren &&\n      cached.ctx.isLoading === isLoading\n    ) {\n      return cached.wrapper;\n    }\n\n    const ctx: MlvFlatTreeNode = {\n      node,\n      depth,\n      isExpanded,\n      hasChildren,\n      isLoading,\n      key: node.id,\n    };\n    const wrapper = { $implicit: ctx };\n    this._contextCache.set(node, { ctx, wrapper });\n    return wrapper;\n  }\n}\n","@for (node of nodes(); track node.id) {\n<div\n  ngTreeItem\n  #item=\"ngTreeItem\"\n  class=\"mlv-tree__item\"\n  [parent]=\"parent()\"\n  [value]=\"node.id\"\n  [label]=\"node.label\"\n  [disabled]=\"!!node.disabled\"\n  [selectable]=\"tree.selectMode() !== 'none'\"\n  [preserveContent]=\"true\"\n  [expanded]=\"tree._isExpanded(node.id)\"\n  (expandedChange)=\"tree._onExpandedChange(node, $event)\"\n  [class.mlv-tree__item--expanded]=\"item.expanded()\"\n  [class.mlv-tree__item--selected]=\"tree._isSelected(node.id)\"\n  [class.mlv-tree__item--disabled]=\"node.disabled\"\n  [class.mlv-tree__item--leaf]=\"!tree._hasChildren(node)\"\n  [class.mlv-tree__item--loading]=\"tree._isLoading(node.id)\"\n  [style.padding-inline-start]=\"depth() * tree.indentSize() + 'rem'\"\n  (click)=\"tree._onRowClick(node, $event)\"\n  (keydown.enter)=\"tree._onActivateKey(node)\"\n  (keydown.space)=\"tree._onActivateKey(node)\"\n>\n  <!-- Expand/collapse toggle — swap chevron icon based on state -->\n  <button\n    class=\"mlv-tree__toggle\"\n    [class.mlv-tree__toggle--expanded]=\"item.expanded()\"\n    [class.mlv-tree__toggle--invisible]=\"!tree._hasChildren(node)\"\n    type=\"button\"\n    tabindex=\"-1\"\n    [attr.aria-label]=\"\n        item.expanded() ? 'Collapse ' + node.label : 'Expand ' + node.label\n      \"\n    [attr.aria-hidden]=\"!tree._hasChildren(node) || null\"\n    (click)=\"tree._onToggle(node, item, $event)\"\n  >\n    @if (!tree._isLoading(node.id)) { @if (item.expanded()) {\n    <svg lucideChevronDown [size]=\"16\" />\n    } @else {\n    <svg lucideChevronRight [size]=\"16\" />\n    } }\n  </button>\n\n  <!-- Loading spinner (lazy load in progress) -->\n  @if (tree._isLoading(node.id)) {\n  <span class=\"mlv-tree__spinner\" aria-hidden=\"true\">\n    <mlv-loader\n      variant=\"circle\"\n      [size]=\"16\"\n      [indeterminate]=\"true\"\n      ariaLabel=\"Loading children\"\n    />\n  </span>\n  }\n\n  <!-- Multi-select checkbox — presentational reflection of aria selection. -->\n  @if (tree.selectMode() === 'multi') {\n  <mlv-checkbox\n    class=\"mlv-tree__checkbox\"\n    [checked]=\"tree._isSelected(node.id)\"\n    [disabled]=\"!!node.disabled\"\n    [tabbable]=\"false\"\n    [ariaLabel]=\"'Select ' + node.label\"\n  />\n  }\n\n  <!-- Node content: custom template or default label -->\n  <span class=\"mlv-tree__content\">\n    @if (tree._nodeDefDirective(); as def) {\n    <ng-template\n      [ngTemplateOutlet]=\"def.templateRef\"\n      [ngTemplateOutletContext]=\"_nodeContext(node)\"\n    />\n    } @else { @if (node.icon) {\n    <svg\n      class=\"mlv-tree__icon\"\n      [lucideIcon]=\"node.icon\"\n      [size]=\"16\"\n      aria-hidden=\"true\"\n    ></svg>\n    }\n    <span class=\"mlv-tree__label\">{{ node.label }}</span>\n    }\n  </span>\n\n  <!-- Children: aria group + mlv-expand animated height transition -->\n  @if (tree._hasChildren(node)) {\n  <div\n    role=\"group\"\n    class=\"mlv-tree__group\"\n    [style.--mlv-tree-connector-offset]=\"\n          (depth() + 1) * tree.indentSize() + 0.75 + 'rem'\n        \"\n  >\n    <ng-template ngTreeItemGroup [ownedBy]=\"item\" #group=\"ngTreeItemGroup\">\n      <mlv-expand [opened]=\"item.expanded()\">\n        @if (!tree._isLoading(node.id)) {\n        <mlv-tree-subtree\n          [nodes]=\"tree._children(node)\"\n          [parent]=\"group\"\n          [depth]=\"depth() + 1\"\n        />\n        }\n      </mlv-expand>\n    </ng-template>\n  </div>\n  }\n</div>\n}\n"]}