@ngneers/controls 0.0.1-pre4 → 0.0.1-pre6

package/fesm2022/ngneers-controls-api-resize.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngneers-controls-api-resize.mjs","sources":["../../src/api/resize/utils.ts","../../src/api/resize/resize-engine.ts","../../src/api/resize/ngneers-controls-api-resize.ts"],"sourcesContent":["import type {\n  ExpandedResizeLimit,\n  ExpandedResizeSize,\n  ResizeLimit,\n  ResizeLimitUnit,\n  ResizeSize,\n  ResizeSizeUnit,\n} from './types';\n\n// --- Size parsing ---\n\nexport function isResizeSize(value: unknown): value is ResizeSize {\n  if (typeof value !== 'string') return false;\n  const m = value.match(/^(.+)(px|fr|%)$/);\n  if (!m || !m[1]) return false;\n  if (isNaN(parseFloat(m[1]))) return false;\n  return true;\n}\n\nexport function getResizeSizeUnit(value: ResizeSize): ResizeSizeUnit {\n  if (value.endsWith('px')) return 'px';\n  if (value.endsWith('fr')) return 'fr';\n  return '%';\n}\n\nexport function getResizeSizeValue(value: ResizeSize): number {\n  const unit = getResizeSizeUnit(value);\n  return parseFloat(value.slice(0, -unit.length));\n}\n\nexport function expandResizeSize(value: ResizeSize): ExpandedResizeSize {\n  return {\n    value: getResizeSizeValue(value),\n    unit: getResizeSizeUnit(value),\n  };\n}\n\nexport function collapseResizeSize(size: ExpandedResizeSize): ResizeSize {\n  return `${size.value}${size.unit}`;\n}\n\n// --- Limit parsing ---\n\nexport function isResizeLimit(value: unknown): value is ResizeLimit {\n  if (typeof value !== 'string') return false;\n  const m = value.match(/^(.+)(px|%)$/);\n  if (!m || !m[1]) return false;\n  if (isNaN(parseFloat(m[1]))) return false;\n  return true;\n}\n\nexport function getResizeLimitUnit(value: ResizeLimit): ResizeLimitUnit {\n  return value.endsWith('px') ? 'px' : '%';\n}\n\nexport function getResizeLimitValue(value: ResizeLimit): number {\n  return value.endsWith('px') ? parseFloat(value.slice(0, -2)) : parseFloat(value.slice(0, -1));\n}\n\nexport function getResizeLimitInPx(value: ResizeLimit, containerSize: number): number {\n  const unit = getResizeLimitUnit(value);\n  const sizeValue = getResizeLimitValue(value);\n  return unit === 'px' ? sizeValue : (sizeValue / 100) * containerSize;\n}\n\nexport function expandResizeLimit(value: ResizeLimit): ExpandedResizeLimit {\n  return {\n    value: getResizeLimitValue(value),\n    unit: getResizeLimitUnit(value),\n  };\n}\n\nexport function collapseResizeLimit(size: ExpandedResizeLimit): ResizeLimit {\n  return `${size.value}${size.unit}`;\n}\n\n// --- Pixel resolution ---\n\n/**\n * Resolves a size to its pixel equivalent given the current fraction factors and container size.\n */\nexport function resolveSizeToPx(\n  size: ExpandedResizeSize,\n  pxPerFr: number,\n  containerSize: number\n): number {\n  switch (size.unit) {\n    case 'px':\n      return size.value;\n    case 'fr':\n      return pxPerFr * size.value;\n    case '%':\n      return (size.value / 100) * containerSize;\n  }\n}\n\n/**\n * Converts a pixel delta to the appropriate value delta for the given unit.\n */\nexport function pxDeltaToUnitDelta(\n  pxDelta: number,\n  unit: ResizeSizeUnit,\n  frPerPx: number,\n  percentPerPx: number\n): number {\n  switch (unit) {\n    case 'px':\n      return pxDelta;\n    case 'fr':\n      return pxDelta * frPerPx;\n    case '%':\n      return pxDelta * percentPerPx;\n  }\n}\n","import { afterRenderEffect, computed, signal, type Signal, untracked } from '@angular/core';\r\n\r\nimport {\r\n  expandResizeLimit,\r\n  expandResizeSize,\r\n  getResizeLimitInPx,\r\n  getResizeLimitUnit,\r\n  getResizeLimitValue,\r\n  pxDeltaToUnitDelta,\r\n  resolveSizeToPx,\r\n} from './utils';\r\n\r\nimport type {\r\n  ExpandedResizeLimit,\r\n  ResizableItem,\r\n  ResizeDragContext,\r\n  ResizeDragContextItem,\r\n  ResizeEngineConfig,\r\n  ResizeFractionFactors,\r\n  ResizeSize,\r\n} from './types';\r\n\r\nconst LAST_CALC_SIZE_SYMBOL = Symbol('lastCalcSize');\r\n\r\n/**\r\n * A generic, control-agnostic resize engine for CSS grid layouts.\r\n *\r\n * Handles drag-based resizing of a list of {@link ResizableItem}s with support for:\r\n * - **Size units**: `px`, `fr`, `%`\r\n * - **Distribution modes**:\r\n *   - `adjacent` — transfers space between the two items neighbouring the divider (zero-sum).\r\n *   - `proportional` — only the dragged item changes to `px`; other items keep their `fr`/`%`\r\n *     units and CSS grid redistributes the remaining space. Optionally locks the resized item\r\n *     to `px` via {@link ResizeEngineConfig.lockSizes}.\r\n *   - `push` — the dragged item grows/shrinks independently; the container total changes\r\n *     (requires `containerConstrained = false`).\r\n * - **Commit modes** (for `adjacent`/`push`): `preserve`, `bakeAll`, `bakeAffected`\r\n * - **Min-size floor** ({@link ResizeEngineConfig.minItemSizePx}): an absolute `px` floor\r\n *   enforced even when a relative min-size resolves smaller. In `proportional` mode, emitted\r\n *   as CSS `minmax(floor, size)` so the grid natively prevents columns from shrinking below it.\r\n *\r\n * Consumers (splitter, table) provide items and configuration via signals.\r\n * The engine outputs a ready-to-use `grid-template-columns`/`grid-template-rows` string\r\n * via {@link gridTemplateSizes}.\r\n */\r\nexport class ResizeEngine {\r\n  private readonly items: Signal<readonly ResizableItem[]>;\r\n  private readonly containerSize: Signal<number>;\r\n  private readonly gapSizes: Signal<readonly number[]>;\r\n  private readonly distributionMode: ResizeEngineConfig['distributionMode'];\r\n  private readonly containerConstrained: ResizeEngineConfig['containerConstrained'];\r\n  private readonly lockSizes: Signal<boolean>;\r\n  private readonly minItemSizePx: number;\r\n  private readonly resolveItemSizes?: () => number[];\r\n\r\n  constructor(config: ResizeEngineConfig) {\r\n    this.items = config.items;\r\n    this.containerSize = config.containerSize;\r\n    this.gapSizes = config.gapSizes;\r\n    this.distributionMode = config.distributionMode;\r\n    this.containerConstrained = config.containerConstrained;\r\n    this.lockSizes = config.lockSizes ?? signal(false);\r\n    this.minItemSizePx = config.minItemSizePx ?? 0;\r\n    this.resolveItemSizes = config.resolveItemSizes;\r\n\r\n    // Signal fires when any item size is not calculated (external change detected)\r\n    const hasUncalculatedSizes = computed(\r\n      () => this.items().some(item => !this.isItemSizeCalculated(item)),\r\n      { equal: (_, b) => b === false }\r\n    ) as Signal<void>;\r\n\r\n    // Ensure min/max limits are respected on external changes and container resize\r\n    afterRenderEffect(() => {\r\n      hasUncalculatedSizes();\r\n      this.containerSize();\r\n      untracked(() => {\r\n        // Skip during active drag — sizes are managed by the drag handler\r\n        if (this.dragContext()) return;\r\n        this.ensureMinMaxSizes();\r\n      });\r\n    });\r\n  }\r\n\r\n  // --- Public signals ---\r\n\r\n  /** The active drag state, or `null` when idle. */\r\n  public readonly dragContext = signal<ResizeDragContext | null>(null);\r\n\r\n  /** Whether a drag operation is currently in progress. */\r\n  public readonly isDragging = computed(() => this.dragContext() !== null);\r\n\r\n  /**\r\n   * Whether any completed (non-cancelled) drag has occurred in this engine's lifetime.\r\n   *\r\n   * Used by `push` mode to defer resolving `fr`/`%` → `px` until the first drag.\r\n   * Before the first drag, original units are preserved so CSS grid can distribute\r\n   * space without rounding-induced overflow.\r\n   */\r\n  public readonly hasBeenResized = signal(false);\r\n\r\n  /**\r\n   * CSS grid template string with item sizes interleaved with gap sizes.\r\n   *\r\n   * Example output: `\"100px 4px minmax(50px, 2fr) 4px minmax(50px, 1fr)\"`.\r\n   *\r\n   * **Output strategy per distribution mode:**\r\n   * - `adjacent` — resolves all sizes to `px`. CSS grid cannot constrain adjacent\r\n   *   resizing correctly with `fr` units.\r\n   * - `proportional` — keeps `fr`/`%` as-is, wrapped in `minmax(floor, size)` when\r\n   *   {@link minItemSizePx} > 0. This lets CSS grid redistribute remaining space\r\n   *   while enforcing the minimum floor natively. Locked (`px`) columns pass through.\r\n   * - `push` — keeps original units until the first completed drag, then resolves\r\n   *   everything to `px` so the total can exceed the container and trigger scrolling.\r\n   */\r\n  public readonly gridTemplateSizes = computed(() => {\r\n    const items = this.items();\r\n    const gaps = this.gapSizes();\r\n\r\n    if (items.length === 0) return 'none';\r\n\r\n    const containerSize = this.containerSize();\r\n    const constrained = this.containerConstrained();\r\n    const mode = this.distributionMode();\r\n\r\n    // Resolve strategy:\r\n    // - adjacent (constrained): resolve ALL to px — CSS grid can't constrain adjacent resizing with fr.\r\n    // - push (unconstrained): keep original units until first movement bakes to px, then resolve for scrolling.\r\n    // - proportional: NEVER resolve fr→px. Use minmax(floor, size) so CSS grid handles min widths\r\n    //   natively, both during and after drag. This allows columns that still have room to shrink\r\n    //   while already-at-minimum columns stay at the floor.\r\n    const shouldResolve =\r\n      containerSize > 0 &&\r\n      ((constrained && mode === 'adjacent') || (!constrained && this.hasBeenResized()));\r\n    const useMinmax = mode === 'proportional' && this.minItemSizePx > 0;\r\n    const frFactors = shouldResolve ? this.getCurrentFractionFactors() : null;\r\n\r\n    const result: string[] = [];\r\n    for (let i = 0; i < items.length; i++) {\r\n      const size = items[i]!.size();\r\n      const expanded = expandResizeSize(size);\r\n      if (shouldResolve && expanded.unit !== 'px') {\r\n        result.push(`${resolveSizeToPx(expanded, frFactors!.pxPerFr, containerSize)}px`);\r\n      } else if (useMinmax && expanded.unit !== 'px') {\r\n        result.push(`minmax(${this.minItemSizePx}px, ${size})`);\r\n      } else {\r\n        result.push(size);\r\n      }\r\n      if (i < gaps.length) {\r\n        result.push(`${gaps[i] || 0}px`);\r\n      }\r\n    }\r\n    return result.join(' ');\r\n  });\r\n\r\n  /**\r\n   * The total gap size in pixels.\r\n   */\r\n  public readonly totalGapSize = computed(() =>\r\n    this.gapSizes().reduce((acc, size) => acc + size, 0)\r\n  );\r\n\r\n  /**\r\n   * Aggregated item sizes by unit.\r\n   */\r\n  private readonly totalItemSizes = computed(() =>\r\n    this.items().reduce(\r\n      (acc, item) => {\r\n        const { unit, value } = expandResizeSize(item.size());\r\n        acc[unit] += value;\r\n        return acc;\r\n      },\r\n      { px: 0, fr: 0, '%': 0 }\r\n    )\r\n  );\r\n\r\n  /**\r\n   * Minimum total size of all items combined (as a CSS calc expression).\r\n   */\r\n  public readonly minTotalSize = computed(() => this.computeLimitTotalSize('minSize'));\r\n\r\n  /**\r\n   * Maximum total size of all items combined (as a CSS calc expression).\r\n   */\r\n  public readonly maxTotalSize = computed(() => this.computeLimitTotalSize('maxSize'));\r\n\r\n  // --- Drag operations ---\r\n\r\n  /**\r\n   * Begins a drag at the given divider. Original sizes are saved for reverting\r\n   * on no-op clicks or cancellation. In push mode, baking to `px` is deferred\r\n   * to the first {@link drag} call to avoid a visual shift on mousedown.\r\n   */\r\n  public startDrag(dividerIndex: number, startPositionPx: number): void {\r\n    const items = this.items();\r\n    if (dividerIndex < 0 || items.length < 2 || dividerIndex >= items.length) return;\r\n\r\n    const preBakeSizes = items.map(item => item.size());\r\n\r\n    this.dragContext.set({\r\n      dividerIndex,\r\n      startPosition: startPositionPx,\r\n      preBakeSizes,\r\n      items: items.map(item => this.createContextItem(item)),\r\n      fractionFactors: this.getCurrentFractionFactors(),\r\n      percentPerPx: this.getCurrentPercentPerPx(),\r\n      baked: this.containerConstrained(),\r\n    });\r\n  }\r\n\r\n  /** Updates item sizes during an active drag based on the current pointer position. */\r\n  public drag(dividerIndex: number, currentPositionPx: number): void {\r\n    const ctx = this.dragContext();\r\n    if (!ctx || ctx.dividerIndex !== dividerIndex) return;\r\n\r\n    // In push mode, bake all items to px on the first movement so non-dragged\r\n    // items keep their absolute widths. Deferred from startDrag to avoid a\r\n    // visual column shift on mousedown (CSS Grid fr→px rounding mismatch).\r\n    if (!ctx.baked) {\r\n      this.bakeAllItemsToPx();\r\n      ctx.items = this.items().map(item => this.createContextItem(item));\r\n      ctx.fractionFactors = this.getCurrentFractionFactors();\r\n      ctx.percentPerPx = this.getCurrentPercentPerPx();\r\n      ctx.baked = true;\r\n    }\r\n\r\n    const pxDelta = currentPositionPx - ctx.startPosition;\r\n    this.applyDelta(dividerIndex, pxDelta, ctx.items, ctx.fractionFactors, ctx.percentPerPx);\r\n  }\r\n\r\n  /**\r\n   * Ends a drag. If cancelled or no movement occurred, sizes revert to their\r\n   * pre-drag values (including undoing any push-mode baking). Otherwise,\r\n   * post-drag finalization runs (commit mode or proportional locking).\r\n   */\r\n  public endDrag(dividerIndex: number, cancel: boolean): void {\r\n    const ctx = this.dragContext();\r\n    if (!ctx || ctx.dividerIndex !== dividerIndex) return;\r\n    const hasMoved = ctx.items.some(ci => {\r\n      const current = expandResizeSize(ci.item.size());\r\n      return current.value !== ci.startSize.value || current.unit !== ci.startSize.unit;\r\n    });\r\n\r\n    if (cancel || !hasMoved) {\r\n      // Reset to pre-bake sizes (restores original fr/% units on no-op clicks)\r\n      ctx.items.forEach((ci, i) => ci.item.size.set(ctx.preBakeSizes[i]!));\r\n    } else {\r\n      this.finalizeResize(ctx);\r\n      this.hasBeenResized.set(true);\r\n    }\r\n\r\n    this.dragContext.set(null);\r\n  }\r\n\r\n  /**\r\n   * Applies a single instantaneous move (e.g. keyboard step) at the given divider.\r\n   * Requires that the relevant items already have engine-calculated sizes.\r\n   */\r\n  public moveDivider(dividerIndex: number, pxDelta: number): void {\r\n    const items = this.items();\r\n    if (dividerIndex < 0 || items.length < 2 || dividerIndex >= items.length) return;\r\n\r\n    // Check that relevant items have calculated sizes\r\n    if (!this.isItemSizeCalculated(items[dividerIndex]!)) return;\r\n    if (dividerIndex < items.length - 1 && !this.isItemSizeCalculated(items[dividerIndex + 1]!))\r\n      return;\r\n\r\n    const contextItems = items.map(item => this.createContextItem(item));\r\n    this.applyDelta(\r\n      dividerIndex,\r\n      pxDelta,\r\n      contextItems,\r\n      this.getCurrentFractionFactors(),\r\n      this.getCurrentPercentPerPx()\r\n    );\r\n  }\r\n\r\n  /**\r\n   * Clamps all items to their min/max constraints, respecting {@link minItemSizePx}.\r\n   *\r\n   * Called automatically via `afterRenderEffect` when item sizes change externally\r\n   * or the container resizes. Skipped during an active drag (sizes are managed\r\n   * by the drag handler). For `fr`-sized items, clamping is done iteratively\r\n   * with redistribution to maintain total fraction balance.\r\n   */\r\n  public ensureMinMaxSizes(): void {\r\n    const items = this.items();\r\n    if (items.length === 0) return;\r\n\r\n    const containerSize = this.containerSize();\r\n    const itemSizes = items.map(item => {\r\n      const expanded = expandResizeSize(item.size());\r\n      return {\r\n        item,\r\n        size: { unit: expanded.unit, value: expanded.value },\r\n        minSizePx: Math.max(this.minItemSizePx, getResizeLimitInPx(item.minSize(), containerSize)),\r\n        maxSizePx: getResizeLimitInPx(item.maxSize(), containerSize),\r\n      };\r\n    });\r\n\r\n    // Clamp px and % items\r\n    for (const entry of itemSizes) {\r\n      if (entry.size.unit === 'px') {\r\n        entry.size.value = clamp(entry.size.value, entry.minSizePx, entry.maxSizePx);\r\n      } else if (entry.size.unit === '%') {\r\n        const pxValue = (entry.size.value / 100) * containerSize;\r\n        if (pxValue < entry.minSizePx) {\r\n          entry.size.value = (entry.minSizePx / containerSize) * 100;\r\n        } else if (pxValue > entry.maxSizePx) {\r\n          entry.size.value = (entry.maxSizePx / containerSize) * 100;\r\n        }\r\n      }\r\n    }\r\n\r\n    // Calculate fraction factors for fr-sized items\r\n    const totalPx = itemSizes.reduce(\r\n      (acc, { size }) => (size.unit === 'px' ? acc + size.value : acc),\r\n      0\r\n    );\r\n    const totalPercent = itemSizes.reduce(\r\n      (acc, { size }) => (size.unit === '%' ? acc + size.value : acc),\r\n      0\r\n    );\r\n    const totalFr = itemSizes.reduce(\r\n      (acc, { size }) => (size.unit === 'fr' ? acc + size.value : acc),\r\n      0\r\n    );\r\n\r\n    const frArea =\r\n      containerSize - this.totalGapSize() - totalPx - (totalPercent / 100) * containerSize;\r\n    const frPerPx = totalFr / (frArea || 1);\r\n    const pxPerFr = (frArea || 1) / (totalFr || 1);\r\n\r\n    // Iteratively clamp fr-sized items and redistribute\r\n    let frPanelsWithoutClamping = itemSizes.filter(p => p.size.unit === 'fr');\r\n    let frToDistribute: number | undefined = undefined;\r\n    while (frPanelsWithoutClamping.length > 0 && frToDistribute !== 0) {\r\n      const frToAddPerPanel = frToDistribute ? frToDistribute / frPanelsWithoutClamping.length : 0;\r\n      const next: typeof itemSizes = [];\r\n      let currentTotalFrSize = totalFr;\r\n      for (const p of frPanelsWithoutClamping) {\r\n        const minSizeFr = p.minSizePx * frPerPx;\r\n        const maxSizeFr = p.maxSizePx * frPerPx;\r\n        p.size.value += frToAddPerPanel;\r\n        if (p.size.value < minSizeFr) {\r\n          currentTotalFrSize = currentTotalFrSize - p.size.value + minSizeFr;\r\n          p.size.value = minSizeFr;\r\n        } else if (p.size.value > maxSizeFr) {\r\n          currentTotalFrSize = currentTotalFrSize - p.size.value + maxSizeFr;\r\n          p.size.value = maxSizeFr;\r\n        } else {\r\n          next.push(p);\r\n        }\r\n      }\r\n      frToDistribute = totalFr - currentTotalFrSize;\r\n      if (Math.abs(frToDistribute * pxPerFr) < 1) {\r\n        frToDistribute = 0;\r\n      }\r\n      frPanelsWithoutClamping = next;\r\n    }\r\n\r\n    // Write back\r\n    for (const { item, size } of itemSizes) {\r\n      this.setItemSize(item, `${size.value}${size.unit}`);\r\n    }\r\n  }\r\n\r\n  // --- Item size tracking ---\r\n\r\n  /**\r\n   * Sets the item's size and marks it as engine-calculated via an internal symbol.\r\n   * This mark is used by {@link isItemSizeCalculated} to detect external size changes.\r\n   */\r\n  public setItemSize(item: ResizableItem, size: ResizeSize): void {\r\n    item.size.set(size);\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    (item as any)[LAST_CALC_SIZE_SYMBOL] = size;\r\n  }\r\n\r\n  /**\r\n   * Returns `true` if the item's current size matches the last value written by the engine.\r\n   * Returns `false` if the size was changed externally (e.g. by an input binding or state restore).\r\n   */\r\n  public isItemSizeCalculated(item: ResizableItem): boolean {\r\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\r\n    return (item as any)[LAST_CALC_SIZE_SYMBOL] === item.size();\r\n  }\r\n\r\n  // --- Private: delta application ---\r\n\r\n  /**\r\n   * Routes a px delta to the appropriate distribution strategy.\r\n   *\r\n   * For last-item edge resizing (dividerIndex === items.length - 1), the delta is\r\n   * remapped to the previous divider with negated direction. This allows the last\r\n   * column's handle in push mode to resize it directly.\r\n   */\r\n  private applyDelta(\r\n    dividerIndex: number,\r\n    pxDelta: number,\r\n    items: ResizeDragContextItem[],\r\n    fractionFactors: ResizeFractionFactors,\r\n    percentPerPx: number\r\n  ): void {\r\n    const mode = this.distributionMode();\r\n\r\n    // Right-edge resize of the last item: remap to the previous divider with negated delta.\r\n    const isLastItemEdge = dividerIndex === items.length - 1;\r\n    const effectiveDividerIndex = isLastItemEdge ? dividerIndex - 1 : dividerIndex;\r\n    const effectiveDelta = isLastItemEdge ? -pxDelta : pxDelta;\r\n\r\n    if (mode === 'push' && !this.containerConstrained()) {\r\n      this.applyPushDelta(dividerIndex, pxDelta, items, fractionFactors, percentPerPx);\r\n    } else if (mode === 'proportional') {\r\n      this.applyProportionalDelta(effectiveDividerIndex, effectiveDelta, items, fractionFactors);\r\n    } else {\r\n      this.applyAdjacentDelta(\r\n        effectiveDividerIndex,\r\n        effectiveDelta,\r\n        items,\r\n        fractionFactors,\r\n        percentPerPx\r\n      );\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Adjacent mode: transfers the delta between the two items neighbouring the divider.\r\n   *\r\n   * Grows the left item and shrinks the right item (or vice versa). When an item\r\n   * hits its min/max constraint, the unapplied remainder cascades to the next item\r\n   * in that direction. A second pass resolves any asymmetry between left and right.\r\n   * The total container width is always preserved (zero-sum).\r\n   */\r\n  private applyAdjacentDelta(\r\n    dividerIndex: number,\r\n    pxDelta: number,\r\n    items: ResizeDragContextItem[],\r\n    fractionFactors: ResizeFractionFactors,\r\n    percentPerPx: number\r\n  ): void {\r\n    const containerSize = this.containerSize();\r\n    const appliedPanelDeltas: number[] = Array(items.length).fill(0);\r\n\r\n    const recursion = (pxDelta: number, itemIndex: number, itemIndexIncrement: number): number => {\r\n      if (itemIndex >= items.length || itemIndex < 0) return 0;\r\n      const ci = items[itemIndex]!;\r\n\r\n      const startPx = resolveSizeToPx(ci.startSize, fractionFactors.pxPerFr, containerSize);\r\n      const newPx = startPx + pxDelta;\r\n      const limitPx = getLimitPxForDelta(ci, pxDelta, containerSize, this.minItemSizePx);\r\n      const unappliedDelta =\r\n        pxDelta < 0\r\n          ? limitPx > newPx\r\n            ? -(limitPx - newPx)\r\n            : 0\r\n          : limitPx < newPx\r\n            ? newPx - limitPx\r\n            : 0;\r\n\r\n      const appliedDelta = pxDelta - unappliedDelta;\r\n      appliedPanelDeltas[itemIndex] = appliedDelta;\r\n\r\n      return unappliedDelta === 0\r\n        ? pxDelta\r\n        : appliedDelta +\r\n            recursion(unappliedDelta, itemIndex + itemIndexIncrement, itemIndexIncrement);\r\n    };\r\n\r\n    let appliedLeft = recursion(pxDelta, dividerIndex, -1);\r\n    let appliedRight = -recursion(-pxDelta, dividerIndex + 1, 1);\r\n\r\n    if (appliedLeft !== pxDelta || appliedRight !== pxDelta) {\r\n      const resolvedDelta =\r\n        pxDelta < 0 ? Math.max(appliedLeft, appliedRight) : Math.min(appliedLeft, appliedRight);\r\n      appliedPanelDeltas.fill(0);\r\n      appliedLeft = recursion(resolvedDelta, dividerIndex, -1);\r\n      appliedRight = -recursion(-resolvedDelta, dividerIndex + 1, 1);\r\n\r\n      if (appliedLeft !== resolvedDelta || appliedRight !== resolvedDelta) {\r\n        return;\r\n      }\r\n    }\r\n\r\n    this.commitItemDeltas(items, appliedPanelDeltas, fractionFactors, percentPerPx);\r\n  }\r\n\r\n  /**\r\n   * Proportional mode: only the item at `dividerIndex` changes size (set to absolute `px`).\r\n   * All other items keep their original units (`fr`, `%`), and CSS grid's `minmax(floor, size)`\r\n   * naturally redistributes the remaining space — columns with room shrink while those\r\n   * already at the floor stay put.\r\n   *\r\n   * Growth is capped so the total never overflows the container: each other `fr` column\r\n   * needs at least {@link minItemSizePx}, and locked `px` columns keep their size.\r\n   *\r\n   * After the drag ends, {@link applyProportionalLocking} determines whether the\r\n   * resized column stays as `px` (locked) or is converted back to `fr` (dynamic).\r\n   */\r\n  private applyProportionalDelta(\r\n    dividerIndex: number,\r\n    pxDelta: number,\r\n    items: ResizeDragContextItem[],\r\n    fractionFactors: ResizeFractionFactors\r\n  ): void {\r\n    const containerSize = this.containerSize();\r\n    const floor = this.minItemSizePx;\r\n    const item = items[dividerIndex]!;\r\n    const startPx = resolveSizeToPx(item.startSize, fractionFactors.pxPerFr, containerSize);\r\n\r\n    // Clamp to own min/max\r\n    let newPx = clampToLimits(startPx + pxDelta, item, containerSize, floor);\r\n\r\n    // Cap so the total doesn't overflow. With minmax(floor, Xfr), each other\r\n    // column needs at least `floor` px. Locked px columns keep their size.\r\n    if (floor > 0) {\r\n      const totalGaps = this.totalGapSize();\r\n      let otherLockedPx = 0;\r\n      let otherFrCount = 0;\r\n      for (let i = 0; i < items.length; i++) {\r\n        if (i === dividerIndex) continue;\r\n        const { unit, value } = expandResizeSize(items[i]!.item.size());\r\n        if (unit === 'px') {\r\n          otherLockedPx += value;\r\n        } else {\r\n          otherFrCount++;\r\n        }\r\n      }\r\n      newPx = Math.min(newPx, containerSize - totalGaps - otherLockedPx - otherFrCount * floor);\r\n    }\r\n\r\n    this.setItemSize(item.item, `${Math.max(0, newPx)}px`);\r\n  }\r\n\r\n  /**\r\n   * Push mode: only the dragged item changes size. All other items stay at their\r\n   * baked `px` values (set during {@link startDrag}). The container total changes,\r\n   * causing horizontal overflow/scrolling. Only valid when `containerConstrained` is `false`.\r\n   */\r\n  private applyPushDelta(\r\n    dividerIndex: number,\r\n    pxDelta: number,\r\n    items: ResizeDragContextItem[],\r\n    fractionFactors: ResizeFractionFactors,\r\n    percentPerPx: number\r\n  ): void {\r\n    const containerSize = this.containerSize();\r\n    const appliedPanelDeltas: number[] = Array(items.length).fill(0);\r\n    const item = items[dividerIndex]!;\r\n    const startPx = resolveSizeToPx(item.startSize, fractionFactors.pxPerFr, containerSize);\r\n\r\n    appliedPanelDeltas[dividerIndex] =\r\n      clampToLimits(startPx + pxDelta, item, containerSize, this.minItemSizePx) - startPx;\r\n\r\n    this.commitItemDeltas(items, appliedPanelDeltas, fractionFactors, percentPerPx);\r\n  }\r\n\r\n  // --- Private: post-drag finalization ---\r\n\r\n  /**\r\n   * Post-drag finalization. Behaviour depends on {@link lockSizes} and the distribution mode.\r\n   *\r\n   * When `lockSizes` is `false`:\r\n   * - `adjacent` / `push` — no-op; items keep their original units.\r\n   * - `proportional` — the resized column is converted back to `fr` so it stays dynamic.\r\n   *\r\n   * When `lockSizes` is `true`:\r\n   * - `adjacent` / `push` — items whose size changed are converted to absolute `px`.\r\n   * - `proportional` — no-op; the resized column is already `px` from the drag.\r\n   */\r\n  private finalizeResize(ctx: ResizeDragContext): void {\r\n    const lock = this.lockSizes();\r\n\r\n    if (this.distributionMode() === 'proportional') {\r\n      if (!lock) this.unlockProportionalColumn(ctx);\r\n      return;\r\n    }\r\n\r\n    // Adjacent / push: lock affected items to px when enabled\r\n    if (!lock) return;\r\n\r\n    const containerSize = this.containerSize();\r\n    const fractionFactors = this.getCurrentFractionFactors();\r\n\r\n    for (const ci of ctx.items) {\r\n      const currentSize = expandResizeSize(ci.item.size());\r\n      const sizeChanged =\r\n        currentSize.value !== ci.startSize.value || currentSize.unit !== ci.startSize.unit;\r\n      if (sizeChanged) {\r\n        const pxValue = resolveSizeToPx(currentSize, fractionFactors.pxPerFr, containerSize);\r\n        this.setItemSize(ci.item, `${Math.max(0, pxValue)}px`);\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Converts the resized column back to `fr` after a proportional drag so it\r\n   * continues to flex with the container. Computes a new `fr` value that would\r\n   * resolve to the same pixel width given the current container and other `fr` columns.\r\n   */\r\n  private unlockProportionalColumn(ctx: ResizeDragContext): void {\r\n    const items = ctx.items;\r\n    const containerSize = this.containerSize();\r\n    const resizedItem = items[ctx.dividerIndex]!;\r\n    const resizedPx = expandResizeSize(resizedItem.item.size()).value;\r\n\r\n    // Sum up all other fr values (from pre-bake, since they weren't changed)\r\n    let otherFrTotal = 0;\r\n    let otherPxTotal = 0;\r\n    for (let i = 0; i < items.length; i++) {\r\n      if (i === ctx.dividerIndex) continue;\r\n      const preBake = expandResizeSize(ctx.preBakeSizes[i]!);\r\n      if (preBake.unit === 'fr') {\r\n        otherFrTotal += preBake.value;\r\n      } else if (preBake.unit === 'px') {\r\n        otherPxTotal += preBake.value;\r\n      }\r\n    }\r\n\r\n    const availableForFr = containerSize - this.totalGapSize() - otherPxTotal;\r\n\r\n    if (otherFrTotal > 0 && availableForFr > resizedPx) {\r\n      // Solve: newFr / otherFrTotal = resizedPx / (availableForFr - resizedPx)\r\n      const newFr = (resizedPx * otherFrTotal) / (availableForFr - resizedPx);\r\n      this.setItemSize(resizedItem.item, `${Math.max(0, +newFr.toFixed(4))}fr`);\r\n    }\r\n    // If we can't compute a valid fr (edge case), leave as px\r\n  }\r\n\r\n  // --- Private: helpers ---\r\n\r\n  private createContextItem(item: ResizableItem): ResizeDragContextItem {\r\n    return {\r\n      item,\r\n      startSize: expandResizeSize(item.size()),\r\n      minSize: expandResizeLimit(item.minSize()),\r\n      maxSize: expandResizeLimit(item.maxSize()),\r\n    };\r\n  }\r\n\r\n  private getCurrentFractionFactors(): ResizeFractionFactors {\r\n    const totals = this.totalItemSizes();\r\n    const cs = this.containerSize();\r\n    const percentPx = (totals['%'] / 100) * cs;\r\n    const frArea = cs - this.totalGapSize() - totals.px - percentPx || 1;\r\n    const totalFr = totals.fr || 1;\r\n    return {\r\n      frPerPx: totalFr / frArea,\r\n      pxPerFr: frArea / totalFr,\r\n    };\r\n  }\r\n\r\n  private getCurrentPercentPerPx(): number {\r\n    return 100 / (this.containerSize() || 1);\r\n  }\r\n\r\n  /**\r\n   * Bakes all non-px items to absolute px values. Used by push mode on first drag movement.\r\n   * Prefers DOM-measured sizes (via {@link resolveItemSizes}) over JS-computed conversions\r\n   * to avoid sub-pixel mismatches with CSS Grid's internal track sizing.\r\n   */\r\n  private bakeAllItemsToPx(): void {\r\n    const items = this.items();\r\n    const measured = this.resolveItemSizes?.();\r\n\r\n    if (measured && measured.length === items.length) {\r\n      for (let i = 0; i < items.length; i++) {\r\n        this.setItemSize(items[i]!, `${measured[i]!}px`);\r\n      }\r\n    } else {\r\n      const frFactors = this.getCurrentFractionFactors();\r\n      const containerSize = this.containerSize();\r\n      for (const item of items) {\r\n        const size = expandResizeSize(item.size());\r\n        if (size.unit !== 'px') {\r\n          this.setItemSize(item, `${resolveSizeToPx(size, frFactors.pxPerFr, containerSize)}px`);\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Writes computed px deltas back to items, converting to each item's original unit.\r\n   */\r\n  private commitItemDeltas(\r\n    items: ResizeDragContextItem[],\r\n    appliedPanelDeltas: number[],\r\n    fractionFactors: ResizeFractionFactors,\r\n    percentPerPx: number\r\n  ): void {\r\n    items.forEach((ci, i) => {\r\n      const pxDelta = appliedPanelDeltas[i] || 0;\r\n      const unitDelta = pxDeltaToUnitDelta(\r\n        pxDelta,\r\n        ci.startSize.unit,\r\n        fractionFactors.frPerPx,\r\n        percentPerPx\r\n      );\r\n      const newValue = ci.startSize.value + unitDelta;\r\n      this.setItemSize(ci.item, `${Math.max(0, newValue)}${ci.startSize.unit}`);\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Builds a CSS `calc()` expression summing all items' min or max limits.\r\n   * Items already in `px` contribute their current size; `fr`/`%` items contribute\r\n   * their `minSize`/`maxSize` limit. Used by {@link minTotalSize} and {@link maxTotalSize}.\r\n   */\r\n  private computeLimitTotalSize(limitProp: 'minSize' | 'maxSize'): string {\r\n    const { px, '%': pc } = this.items().reduce(\r\n      (acc, item) => {\r\n        const { unit, value } = expandResizeSize(item.size());\r\n        if (unit === 'px') {\r\n          acc.px += value;\r\n        } else {\r\n          const limitStr = item[limitProp]();\r\n          acc[getResizeLimitUnit(limitStr)] += getResizeLimitValue(limitStr);\r\n        }\r\n        return acc;\r\n      },\r\n      { px: 0, '%': 0 }\r\n    );\r\n    return `calc(${px + this.totalGapSize()}px + ${pc}%)`;\r\n  }\r\n}\r\n\r\n// --- Module-level helpers ---\r\n\r\n/** Clamps a value between min and max. */\r\nfunction clamp(value: number, min: number, max: number): number {\r\n  return Math.max(min, Math.min(max, value));\r\n}\r\n\r\n/** Resolves an expanded limit to px. */\r\nfunction limitToPx(limit: ExpandedResizeLimit, containerSize: number): number {\r\n  return limit.unit === 'px' ? limit.value : (limit.value / 100) * containerSize;\r\n}\r\n\r\n/**\r\n * Resolves a min limit to px, enforcing the given absolute floor.\r\n * Even if a relative limit (e.g. `5%`) resolves to less than the floor, the floor wins.\r\n */\r\nfunction minLimitToPx(limit: ExpandedResizeLimit, containerSize: number, floorPx: number): number {\r\n  return Math.max(floorPx, limitToPx(limit, containerSize));\r\n}\r\n\r\n/** Clamps a px value to the item's min/max limits (with floor on min). */\r\nfunction clampToLimits(\r\n  px: number,\r\n  ci: ResizeDragContextItem,\r\n  containerSize: number,\r\n  floorPx: number\r\n): number {\r\n  return clamp(\r\n    px,\r\n    minLimitToPx(ci.minSize, containerSize, floorPx),\r\n    limitToPx(ci.maxSize, containerSize)\r\n  );\r\n}\r\n\r\n/**\r\n * Returns the relevant limit (min or max) in px for the direction of a delta.\r\n * Negative delta → min limit (with floor), positive delta → max limit.\r\n */\r\nfunction getLimitPxForDelta(\r\n  ci: ResizeDragContextItem,\r\n  pxDelta: number,\r\n  containerSize: number,\r\n  floorPx: number\r\n): number {\r\n  return pxDelta < 0\r\n    ? minLimitToPx(ci.minSize, containerSize, floorPx)\r\n    : limitToPx(ci.maxSize, containerSize);\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngneers-controls-avatar.mjs

@@ -12,33 +12,33 @@ class NgnAvatar extends NgnBase {
      * The initials to display when no image is available.
      * Max 4 characters.
      */
-    initials = input(...(ngDevMode ? [undefined, { debugName: "initials" }] : []));
+    initials = input(...(ngDevMode ? [undefined, { debugName: "initials" }] : /* istanbul ignore next */ []));
     /**
      * The background color of the avatar, if the initials are used.
      */
-    bgColor = input(...(ngDevMode ? [undefined, { debugName: "bgColor" }] : []));
+    bgColor = input(...(ngDevMode ? [undefined, { debugName: "bgColor" }] : /* istanbul ignore next */ []));
     /**
      * The image URL to display in the avatar.
      */
-    image = input(...(ngDevMode ? [undefined, { debugName: "image" }] : []));
+    image = input(...(ngDevMode ? [undefined, { debugName: "image" }] : /* istanbul ignore next */ []));
     /**
      * The alt text for the image.
      */
-    alt = input(...(ngDevMode ? [undefined, { debugName: "alt" }] : []));
+    alt = input(...(ngDevMode ? [undefined, { debugName: "alt" }] : /* istanbul ignore next */ []));
     /**
      * The size of the avatar in pixels.
      * @default 48
      */
-    size = input(48, ...(ngDevMode ? [{ debugName: "size" }] : []));
-    imageLoadFailed = linkedSignal(() => !!this.image() && false, ...(ngDevMode ? [{ debugName: "imageLoadFailed" }] : []));
-    initialsLimited = computed(() => this.initials()?.slice(0, 4), ...(ngDevMode ? [{ debugName: "initialsLimited" }] : []));
+    size = input(48, ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    imageLoadFailed = linkedSignal(() => !!this.image() && false, ...(ngDevMode ? [{ debugName: "imageLoadFailed" }] : /* istanbul ignore next */ []));
+    initialsLimited = computed(() => this.initials()?.slice(0, 4), ...(ngDevMode ? [{ debugName: "initialsLimited" }] : /* istanbul ignore next */ []));
     constructor() {
         super();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgnAvatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.0", type: NgnAvatar, isStandalone: true, selector: "ngn-avatar", inputs: { initials: { classPropertyName: "initials", publicName: "initials", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--size.px": "size()", "style.--color": "bgColor()" } }, providers: [provideSelf(NgnAvatar)], usesInheritance: true, ngImport: i0, template: "<ng-content>\r\n  @if (!image() || imageLoadFailed()) {\r\n    <span\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"'initials'\"\r\n      [style.--letterCount]=\"initialsLimited()?.length || 1\"\r\n    >\r\n      {{ initialsLimited() }}\r\n    </span>\r\n  } @else {\r\n    <img\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"'image'\"\r\n      [src]=\"image()\"\r\n      [alt]=\"alt() ?? ''\"\r\n      (error)=\"imageLoadFailed.set(true)\"\r\n    />\r\n  }\r\n</ng-content>\r\n", dependencies: [{ kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: NgnAvatar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.2", type: NgnAvatar, isStandalone: true, selector: "ngn-avatar", inputs: { initials: { classPropertyName: "initials", publicName: "initials", isSignal: true, isRequired: false, transformFunction: null }, bgColor: { classPropertyName: "bgColor", publicName: "bgColor", isSignal: true, isRequired: false, transformFunction: null }, image: { classPropertyName: "image", publicName: "image", isSignal: true, isRequired: false, transformFunction: null }, alt: { classPropertyName: "alt", publicName: "alt", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "style.--size.px": "size()", "style.--color": "bgColor()" } }, providers: [provideSelf(NgnAvatar)], usesInheritance: true, ngImport: i0, template: "<ng-content>\r\n  @if (!image() || imageLoadFailed()) {\r\n    <span\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"'initials'\"\r\n      [style.--letterCount]=\"initialsLimited()?.length || 1\"\r\n    >\r\n      {{ initialsLimited() }}\r\n    </span>\r\n  } @else {\r\n    <img\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"'image'\"\r\n      [src]=\"image()\"\r\n      [alt]=\"alt() ?? ''\"\r\n      (error)=\"imageLoadFailed.set(true)\"\r\n    />\r\n  }\r\n</ng-content>\r\n", dependencies: [{ kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgnAvatar, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: NgnAvatar, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ngn-avatar', imports: [NgnPt], host: {
                         '[style.--size.px]': 'size()',
@@ -54,10 +54,10 @@ class NgnAvatarGroup extends NgnBase {
     constructor() {
         super();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgnAvatarGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.0", type: NgnAvatarGroup, isStandalone: true, selector: "ngn-avatar-group", providers: [provideSelf(NgnAvatarGroup)], usesInheritance: true, ngImport: i0, template: "<div [ptInt]=\"this\" [ptClass]=\"'root'\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: NgnAvatarGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.2", type: NgnAvatarGroup, isStandalone: true, selector: "ngn-avatar-group", providers: [provideSelf(NgnAvatarGroup)], usesInheritance: true, ngImport: i0, template: "<div [ptInt]=\"this\" [ptClass]=\"'root'\">\r\n  <ng-content></ng-content>\r\n</div>\r\n", dependencies: [{ kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgnAvatarGroup, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: NgnAvatarGroup, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ngn-avatar-group', imports: [NgnPt], providers: [provideSelf(NgnAvatarGroup)], template: "<div [ptInt]=\"this\" [ptClass]=\"'root'\">\r\n  <ng-content></ng-content>\r\n</div>\r\n" }]
         }], ctorParameters: () => [] });

package/fesm2022/ngneers-controls-avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngneers-controls-avatar.mjs","sources":["../../src/avatar/avatar.ts","../../src/avatar/avatar.html","../../src/avatar/avatar-group.ts","../../src/avatar/avatar-group.html","../../src/avatar/ngneers-controls-avatar.ts"],"sourcesContent":["import { Component, computed, input, linkedSignal, ChangeDetectionStrategy } from '@angular/core';\r\nimport { NgnBase, provideSelf, NgnPt } from '@ngneers/controls/base';\r\nimport { avatarControlTemplate } from '@ngneers/controls-themes/templates/avatar';\r\n\r\n/**\r\n * @category control\r\n */\r\n@Component({\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  selector: 'ngn-avatar',\r\n  templateUrl: './avatar.html',\r\n  imports: [NgnPt],\r\n  host: {\r\n    '[style.--size.px]': 'size()',\r\n    '[style.--color]': 'bgColor()',\r\n  },\r\n  providers: [provideSelf(NgnAvatar)],\r\n})\r\nexport class NgnAvatar extends NgnBase<'avatar'> {\r\n  protected readonly theme = this.injectThemeTemplate(avatarControlTemplate, 'root');\r\n\r\n  /**\r\n   * The initials to display when no image is available.\r\n   * Max 4 characters.\r\n   */\r\n  public readonly initials = input<string>();\r\n  /**\r\n   * The background color of the avatar, if the initials are used.\r\n   */\r\n  public readonly bgColor = input<string>();\r\n  /**\r\n   * The image URL to display in the avatar.\r\n   */\r\n  public readonly image = input<string>();\r\n  /**\r\n   * The alt text for the image.\r\n   */\r\n  public readonly alt = input<string>();\r\n  /**\r\n   * The size of the avatar in pixels.\r\n   * @default 48\r\n   */\r\n  public readonly size = input<number>(48);\r\n\r\n  protected readonly imageLoadFailed = linkedSignal<boolean>(() => !!this.image() && false);\r\n  protected readonly initialsLimited = computed(() => this.initials()?.slice(0, 4));\r\n\r\n  constructor() {\r\n    super();\r\n  }\r\n}\r\n","<ng-content>\r\n  @if (!image() || imageLoadFailed()) {\r\n    <span\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"'initials'\"\r\n      [style.--letterCount]=\"initialsLimited()?.length || 1\"\r\n    >\r\n      {{ initialsLimited() }}\r\n    </span>\r\n  } @else {\r\n    <img\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"'image'\"\r\n      [src]=\"image()\"\r\n      [alt]=\"alt() ?? ''\"\r\n      (error)=\"imageLoadFailed.set(true)\"\r\n    />\r\n  }\r\n</ng-content>\r\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\r\nimport { NgnBase, provideSelf, NgnPt } from '@ngneers/controls/base';\r\nimport { avatarGroupControlTemplate } from '@ngneers/controls-themes/templates/avatar';\r\n\r\n/**\r\n * @category control\r\n */\r\n@Component({\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  selector: 'ngn-avatar-group',\r\n  templateUrl: './avatar-group.html',\r\n  imports: [NgnPt],\r\n  providers: [provideSelf(NgnAvatarGroup)],\r\n})\r\nexport class NgnAvatarGroup extends NgnBase<'avatarGroup'> {\r\n  protected readonly theme = this.injectThemeTemplate(avatarGroupControlTemplate);\r\n\r\n  constructor() {\r\n    super();\r\n  }\r\n}\r\n","<div [ptInt]=\"this\" [ptClass]=\"'root'\">\r\n  <ng-content></ng-content>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngneers-controls-avatar.mjs","sources":["../../src/avatar/avatar.ts","../../src/avatar/avatar.html","../../src/avatar/avatar-group.ts","../../src/avatar/avatar-group.html","../../src/avatar/ngneers-controls-avatar.ts"],"sourcesContent":["import { Component, computed, input, linkedSignal, ChangeDetectionStrategy } from '@angular/core';\r\nimport { NgnBase, provideSelf, NgnPt } from '@ngneers/controls/base';\r\nimport { avatarControlTemplate } from '@ngneers/controls-themes/templates/avatar';\r\n\r\n/**\r\n * @category control\r\n */\r\n@Component({\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  selector: 'ngn-avatar',\r\n  templateUrl: './avatar.html',\r\n  imports: [NgnPt],\r\n  host: {\r\n    '[style.--size.px]': 'size()',\r\n    '[style.--color]': 'bgColor()',\r\n  },\r\n  providers: [provideSelf(NgnAvatar)],\r\n})\r\nexport class NgnAvatar extends NgnBase<'avatar'> {\r\n  protected readonly theme = this.injectThemeTemplate(avatarControlTemplate, 'root');\r\n\r\n  /**\r\n   * The initials to display when no image is available.\r\n   * Max 4 characters.\r\n   */\r\n  public readonly initials = input<string>();\r\n  /**\r\n   * The background color of the avatar, if the initials are used.\r\n   */\r\n  public readonly bgColor = input<string>();\r\n  /**\r\n   * The image URL to display in the avatar.\r\n   */\r\n  public readonly image = input<string>();\r\n  /**\r\n   * The alt text for the image.\r\n   */\r\n  public readonly alt = input<string>();\r\n  /**\r\n   * The size of the avatar in pixels.\r\n   * @default 48\r\n   */\r\n  public readonly size = input<number>(48);\r\n\r\n  protected readonly imageLoadFailed = linkedSignal<boolean>(() => !!this.image() && false);\r\n  protected readonly initialsLimited = computed(() => this.initials()?.slice(0, 4));\r\n\r\n  constructor() {\r\n    super();\r\n  }\r\n}\r\n","<ng-content>\r\n  @if (!image() || imageLoadFailed()) {\r\n    <span\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"'initials'\"\r\n      [style.--letterCount]=\"initialsLimited()?.length || 1\"\r\n    >\r\n      {{ initialsLimited() }}\r\n    </span>\r\n  } @else {\r\n    <img\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"'image'\"\r\n      [src]=\"image()\"\r\n      [alt]=\"alt() ?? ''\"\r\n      (error)=\"imageLoadFailed.set(true)\"\r\n    />\r\n  }\r\n</ng-content>\r\n","import { Component, ChangeDetectionStrategy } from '@angular/core';\r\nimport { NgnBase, provideSelf, NgnPt } from '@ngneers/controls/base';\r\nimport { avatarGroupControlTemplate } from '@ngneers/controls-themes/templates/avatar';\r\n\r\n/**\r\n * @category control\r\n */\r\n@Component({\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  selector: 'ngn-avatar-group',\r\n  templateUrl: './avatar-group.html',\r\n  imports: [NgnPt],\r\n  providers: [provideSelf(NgnAvatarGroup)],\r\n})\r\nexport class NgnAvatarGroup extends NgnBase<'avatarGroup'> {\r\n  protected readonly theme = this.injectThemeTemplate(avatarGroupControlTemplate);\r\n\r\n  constructor() {\r\n    super();\r\n  }\r\n}\r\n","<div [ptInt]=\"this\" [ptClass]=\"'root'\">\r\n  <ng-content></ng-content>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngneers-controls-base.mjs

@@ -16,7 +16,7 @@ class NgnPtEngine {
             return res;
         }
         return [];
-    }, ...(ngDevMode ? [{ debugName: "classes" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
     _appliedPts = computed(() => {
         const pt = this.pt()?.pt();
         if (!pt) {
@@ -27,13 +27,13 @@ class NgnPtEngine {
             const classPt = getPropertyIfExists(pt, ptClass);
             return classPt;
         });
-    }, ...(ngDevMode ? [{ debugName: "_appliedPts" }] : []));
+    }, ...(ngDevMode ? [{ debugName: "_appliedPts" }] : /* istanbul ignore next */ []));
     constructor(pt, ptClass) {
         const sigPt = typeof pt === 'function' ? pt : signal(pt);
         const sigPtClass = typeof ptClass === 'function' ? ptClass : signal(ptClass);
         this.pt = sigPt;
         this.ptClass = sigPtClass;
-        const classes = computed(() => this.classes().map(c => c.class), ...(ngDevMode ? [{ debugName: "classes" }] : []));
+        const classes = computed(() => this.classes().map(c => c.class), ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
         classSignal(this._elementRef.nativeElement, classes);
         effectWithPrevious(this._appliedPts, (current, previous) => {
             if (previous) {
@@ -112,13 +112,13 @@ class NgnPtEngine {
 
 // eslint-disable-next-line @angular-eslint/directive-selector
 class NgnPt {
-    ptInt = input.required(...(ngDevMode ? [{ debugName: "ptInt" }] : []));
-    ptClass = input.required(...(ngDevMode ? [{ debugName: "ptClass" }] : []));
+    ptInt = input.required(...(ngDevMode ? [{ debugName: "ptInt" }] : /* istanbul ignore next */ []));
+    ptClass = input.required(...(ngDevMode ? [{ debugName: "ptClass" }] : /* istanbul ignore next */ []));
     _engine = new NgnPtEngine(this.ptInt, this.ptClass);
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgnPt, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: NgnPt, isStandalone: true, selector: "[ptInt]", inputs: { ptInt: { classPropertyName: "ptInt", publicName: "ptInt", isSignal: true, isRequired: true, transformFunction: null }, ptClass: { classPropertyName: "ptClass", publicName: "ptClass", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: NgnPt, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: NgnPt, isStandalone: true, selector: "[ptInt]", inputs: { ptInt: { classPropertyName: "ptInt", publicName: "ptInt", isSignal: true, isRequired: true, transformFunction: null }, ptClass: { classPropertyName: "ptClass", publicName: "ptClass", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgnPt, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: NgnPt, decorators: [{
             type: Directive,
             args: [{ selector: '[ptInt]' }]
         }], propDecorators: { ptInt: [{ type: i0.Input, args: [{ isSignal: true, alias: "ptInt", required: true }] }], ptClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "ptClass", required: true }] }] } });
@@ -148,7 +148,7 @@ function getNearestNgnInstance(element, kind) {
     return null;
 }
 function getNearestNgnInstanceSig(element, kind) {
-    const sig = signal(null, ...(ngDevMode ? [{ debugName: "sig" }] : []));
+    const sig = signal(null, ...(ngDevMode ? [{ debugName: "sig" }] : /* istanbul ignore next */ []));
     afterNextRender(() => {
         sig.set(getNearestNgnInstance(element, kind));
     });
@@ -167,8 +167,8 @@ function provideSelf(control) {
     return { provide: NGN_CONTROL, useExisting: forwardRef(() => control) };
 }
 class NgnBase {
-    _defaultKind = signal(undefined, ...(ngDevMode ? [{ debugName: "_defaultKind" }] : []));
-    _defaultColor = signal(undefined, ...(ngDevMode ? [{ debugName: "_defaultColor" }] : []));
+    _defaultKind = signal(undefined, ...(ngDevMode ? [{ debugName: "_defaultKind" }] : /* istanbul ignore next */ []));
+    _defaultColor = signal(undefined, ...(ngDevMode ? [{ debugName: "_defaultColor" }] : /* istanbul ignore next */ []));
     /**
      * The element reference for the host element.
      */
@@ -182,23 +182,23 @@ class NgnBase {
      * The base styles of the control will still be applied.
      * @default false
      */
-    unstyled = input(false, { ...(ngDevMode ? { debugName: "unstyled" } : {}), transform: booleanAttribute });
+    unstyled = input(false, { ...(ngDevMode ? { debugName: "unstyled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * Some controls support custom kinds for styling purposes.
      * The available kinds depend on the control and the theme used.
      *
      * TODO: link to custom types documentation
      */
-    kind = input(undefined, ...(ngDevMode ? [{ debugName: "kind" }] : []));
-    color = input(undefined, ...(ngDevMode ? [{ debugName: "color" }] : []));
-    appliedKind = computed(() => this.kind() ?? this._defaultKind(), ...(ngDevMode ? [{ debugName: "appliedKind" }] : []));
-    appliedColor = computed(() => this.color() ?? this._defaultColor(), ...(ngDevMode ? [{ debugName: "appliedColor" }] : []));
+    kind = input(undefined, ...(ngDevMode ? [{ debugName: "kind" }] : /* istanbul ignore next */ []));
+    color = input(undefined, ...(ngDevMode ? [{ debugName: "color" }] : /* istanbul ignore next */ []));
+    appliedKind = computed(() => this.kind() ?? this._defaultKind(), ...(ngDevMode ? [{ debugName: "appliedKind" }] : /* istanbul ignore next */ []));
+    appliedColor = computed(() => this.color() ?? this._defaultColor(), ...(ngDevMode ? [{ debugName: "appliedColor" }] : /* istanbul ignore next */ []));
     /**
      * Custom passthrough attributes to apply to the control's theme classes and its dependencies.
      * This allows for fine-grained customization of attributes, styles and more.
      */
-    pt = input(...(ngDevMode ? [undefined, { debugName: "pt" }] : []));
-    _childNgnControls = viewChildren(NGN_CONTROL, ...(ngDevMode ? [{ debugName: "_childNgnControls" }] : []));
+    pt = input(...(ngDevMode ? [undefined, { debugName: "pt" }] : /* istanbul ignore next */ []));
+    _childNgnControls = viewChildren(NGN_CONTROL, ...(ngDevMode ? [{ debugName: "_childNgnControls" }] : /* istanbul ignore next */ []));
     _afterLeaveCbs = [];
     constructor() {
         setNgnInstance(this.element.nativeElement, this);
@@ -226,40 +226,65 @@ class NgnBase {
                 this.afterLeaveInternal();
             }
             else {
-                /**
-                 * Recursively searches for a leave animation on the element and its parents.
-                 * @param element The element to search for leave animations.
-                 * @returns The leave animation if found, otherwise null.
-                 */
-                function findLeaveAnimationRecursive(element) {
-                    const animations = element.getAnimations();
-                    const leaveAnimation = animations.find(a => a instanceof CSSAnimation && a.animationName.endsWith('-leave'));
-                    if (leaveAnimation) {
-                        return leaveAnimation;
-                    }
-                    if (element.parentElement) {
-                        return findLeaveAnimationRecursive(element.parentElement);
-                    }
-                    return null;
-                }
-                requestAnimationFrame(() => {
-                    const leaveAnimation = findLeaveAnimationRecursive(this.element.nativeElement);
-                    if (!leaveAnimation) {
-                        this.afterLeaveInternal();
-                    }
-                    else {
-                        leaveAnimation.finished
-                            .catch(() => {
-                            // ignore errors from animations being cancelled
-                        })
-                            .finally(() => {
-                            this.afterLeaveInternal();
-                        });
-                    }
-                });
+                NgnBase._enqueueLeaveCheck(this.element.nativeElement, () => this.afterLeaveInternal());
             }
         });
     }
+    // --- Batched leave animation checking ---
+    // Collects all destroyed components in the same frame into one queue,
+    // then processes them in a single rAF to avoid layout thrashing from
+    // interleaved getAnimations() calls and DOM mutations.
+    static _leaveQueue = [];
+    static _leaveRafScheduled = false;
+    static _enqueueLeaveCheck(element, callback) {
+        NgnBase._leaveQueue.push({ element, callback });
+        if (!NgnBase._leaveRafScheduled) {
+            NgnBase._leaveRafScheduled = true;
+            requestAnimationFrame(() => NgnBase._processLeaveQueue());
+        }
+    }
+    static _processLeaveQueue() {
+        const queue = NgnBase._leaveQueue;
+        NgnBase._leaveQueue = [];
+        NgnBase._leaveRafScheduled = false;
+        // Phase 1: Read all animations (batched queries — no interleaved mutations)
+        const results = [];
+        for (const { element, callback } of queue) {
+            results.push({
+                animation: NgnBase._findLeaveAnimation(element),
+                callback,
+            });
+        }
+        // Phase 2: Process results (no more style queries needed)
+        for (const { animation, callback } of results) {
+            if (!animation) {
+                callback();
+            }
+            else {
+                animation.finished
+                    .catch(() => {
+                    // ignore errors from animations being cancelled
+                })
+                    .finally(() => {
+                    callback();
+                });
+            }
+        }
+    }
+    /**
+     * Recursively searches for a leave animation on the element and its parents.
+     */
+    static _findLeaveAnimation(element) {
+        const animations = element.getAnimations();
+        const leaveAnimation = animations.find(a => a instanceof CSSAnimation && a.animationName.endsWith('-leave'));
+        if (leaveAnimation) {
+            return leaveAnimation;
+        }
+        if (element.parentElement) {
+            return NgnBase._findLeaveAnimation(element.parentElement);
+        }
+        return null;
+    }
     afterLeaveInternal() {
         /**
          * After the control is hidden/removed from the DOM,
@@ -341,10 +366,10 @@ class NgnBase {
             togglePrefixedThemeClass(prefix, signal(), false);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgnBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.1.0", type: NgnBase, isStandalone: true, inputs: { unstyled: { classPropertyName: "unstyled", publicName: "unstyled", isSignal: true, isRequired: false, transformFunction: null }, kind: { classPropertyName: "kind", publicName: "kind", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, pt: { classPropertyName: "pt", publicName: "pt", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "ngn-control ngn-control-initializing" }, viewQueries: [{ propertyName: "_childNgnControls", predicate: NGN_CONTROL, descendants: true, isSignal: true }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: NgnBase, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.2", type: NgnBase, isStandalone: true, inputs: { unstyled: { classPropertyName: "unstyled", publicName: "unstyled", isSignal: true, isRequired: false, transformFunction: null }, kind: { classPropertyName: "kind", publicName: "kind", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, pt: { classPropertyName: "pt", publicName: "pt", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "ngn-control ngn-control-initializing" }, viewQueries: [{ propertyName: "_childNgnControls", predicate: NGN_CONTROL, descendants: true, isSignal: true }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: NgnBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: NgnBase, decorators: [{
             type: Directive,
             args: [{
                     host: { class: 'ngn-control ngn-control-initializing' },
@@ -355,37 +380,37 @@ class ValueControlBase extends NgnBase {
     /**
      * The label for the control.
      */
-    label = input(null, ...(ngDevMode ? [{ debugName: "label" }] : []));
+    label = input(null, ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
     /**
      * Sets the `aria-labelledby` attribute on the control.
      * @default null
      */
-    labelledBy = input(null, ...(ngDevMode ? [{ debugName: "labelledBy" }] : []));
+    labelledBy = input(null, ...(ngDevMode ? [{ debugName: "labelledBy" }] : /* istanbul ignore next */ []));
     /**
      * The ID for the control
      * @default generateElementId()
      */
-    inputId = input(generateElementId(), ...(ngDevMode ? [{ debugName: "inputId" }] : []));
+    inputId = input(generateElementId(), ...(ngDevMode ? [{ debugName: "inputId" }] : /* istanbul ignore next */ []));
     /**
      * Explicitly apply invalid state styling
      * @default false
      */
-    invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : {}), transform: booleanAttribute });
+    invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     /**
      * The value of the control.
      */
-    value = model(undefined, ...(ngDevMode ? [{ debugName: "value" }] : []));
+    value = model(undefined, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     /**
      * Set the disabled state of the control.
      */
-    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : {}), transform: booleanAttribute });
-    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : {}), transform: booleanAttribute });
-    touched = model(false, ...(ngDevMode ? [{ debugName: "touched" }] : []));
-    dirty = input(false, { ...(ngDevMode ? { debugName: "dirty" } : {}), transform: booleanAttribute });
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ValueControlBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.1.0", type: ValueControlBase, isStandalone: true, inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelledBy: { classPropertyName: "labelledBy", publicName: "labelledBy", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, dirty: { classPropertyName: "dirty", publicName: "dirty", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange" }, usesInheritance: true, ngImport: i0 });
+    disabled = input(false, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    readonly = input(false, { ...(ngDevMode ? { debugName: "readonly" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    touched = model(false, ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
+    dirty = input(false, { ...(ngDevMode ? { debugName: "dirty" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: ValueControlBase, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: ValueControlBase, isStandalone: true, inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, labelledBy: { classPropertyName: "labelledBy", publicName: "labelledBy", isSignal: true, isRequired: false, transformFunction: null }, inputId: { classPropertyName: "inputId", publicName: "inputId", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readonly: { classPropertyName: "readonly", publicName: "readonly", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, dirty: { classPropertyName: "dirty", publicName: "dirty", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange" }, usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.0", ngImport: i0, type: ValueControlBase, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: ValueControlBase, decorators: [{
             type: Directive
         }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], labelledBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelledBy", required: false }] }], inputId: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputId", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readonly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readonly", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], dirty: [{ type: i0.Input, args: [{ isSignal: true, alias: "dirty", required: false }] }] } });