@ngneers/controls 0.0.1-pre6 → 0.0.1-pre7

package/fesm2022/ngneers-controls-input-mask.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngneers-controls-input-mask.mjs","sources":["../../src/input-mask/masks.ts","../../src/input-mask/helper.ts","../../src/input-mask/input-mask.ts","../../src/input-mask/input-mask.html","../../src/input-mask/ngneers-controls-input-mask.ts"],"sourcesContent":["import type { InputMaskCfg } from './types';\r\n\r\nconst time = [\r\n  {\r\n    accepts: /^\\d$/,\r\n    default: '0',\r\n    placeholder: 'H',\r\n  },\r\n  {\r\n    accepts: /^\\d$/,\r\n    default: '0',\r\n    placeholder: 'H',\r\n  },\r\n  ':',\r\n  {\r\n    accepts: /^\\d$/,\r\n    default: '0',\r\n    placeholder: 'M',\r\n  },\r\n  {\r\n    accepts: /^\\d$/,\r\n    default: '0',\r\n    placeholder: 'M',\r\n  },\r\n] as const satisfies InputMaskCfg;\r\n\r\nconst timeSeconds = [\r\n  ...time,\r\n  ':',\r\n  {\r\n    accepts: /^\\d$/,\r\n    default: '0',\r\n    placeholder: 'S',\r\n  },\r\n  {\r\n    accepts: /^\\d$/,\r\n    default: '0',\r\n    placeholder: 'S',\r\n  },\r\n] as const satisfies InputMaskCfg;\r\n\r\nexport const MASKS = {\r\n  time,\r\n  timeSeconds,\r\n} as const satisfies Record<string, InputMaskCfg>;\r\n","import { MASKS } from './masks';\r\n\r\nimport type { InputMaskCfg } from './types';\r\n\r\n// Interface for communicating with the parent component\r\ntype MaskData = {\r\n  updateValue: (element: HTMLInputElement, value: string, position: number) => void;\r\n};\r\n\r\n/**\r\n * Helper class for handling masked input functionality\r\n */\r\nexport class MaskHelper {\r\n  private readonly _data: MaskData;\r\n\r\n  constructor(data: MaskData) {\r\n    this._data = data;\r\n  }\r\n\r\n  /**\r\n   * Ensure the mask is in the correct format\r\n   * Converts string masks to TextFieldMaskCfg format\r\n   * Returns null if no mask is provided\r\n   */\r\n  public ensureMask(mask: InputMaskCfg | string | null): InputMaskCfg | null {\r\n    if (!mask) return null;\r\n    if (typeof mask === 'string') {\r\n      if (mask === 'time') {\r\n        return MASKS.time;\r\n      }\r\n      // Convert string mask to TextFieldMaskCfg\r\n      // 0 => digit, A => letter, * => alphanumeric\r\n      return mask.split('').map(char => {\r\n        if (char === '0') {\r\n          return { placeholder: char, accepts: /\\d/, default: '0' };\r\n        } else if (char === 'A') {\r\n          return { placeholder: char, accepts: /[a-zA-Z]/, default: 'A' };\r\n        } else if (char === '*') {\r\n          return { placeholder: char, accepts: /[a-zA-Z0-9]/, default: 'A' };\r\n        }\r\n        return char;\r\n      });\r\n    }\r\n    return mask;\r\n  }\r\n\r\n  /**\r\n   * Handle key down events to manage special keys like Backspace and Delete\r\n   */\r\n  public handleKeyDown(event: KeyboardEvent, mask: InputMaskCfg): void {\r\n    if (!mask || this._shouldIgnoreEvent(event)) {\r\n      return;\r\n    }\r\n    const el = event.target as HTMLInputElement;\r\n    const key = event.key;\r\n    const currentPosition = el.selectionStart ?? 0;\r\n\r\n    if (this._isSpecialKey(key)) {\r\n      this._handleSpecialKey(event, el, key, currentPosition, mask);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Handle before input event to manage character input with mask validation\r\n   */\r\n  public handleBeforeInput(event: InputEvent, mask: InputMaskCfg): void {\r\n    const el = event.target as HTMLInputElement;\r\n    const key = event.data;\r\n    const currentPosition = el.selectionStart ?? 0;\r\n\r\n    if (!key) {\r\n      // If no key data, just return\r\n      return;\r\n    }\r\n\r\n    // Route to appropriate handler based on key type\r\n    if (!this._isSpecialKey(key)) {\r\n      this._handleCharacterInput(event, el, key, currentPosition, mask);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Check if the event should be ignored (modifier keys)\r\n   */\r\n  private _shouldIgnoreEvent(event: KeyboardEvent): boolean {\r\n    return event.ctrlKey || event.metaKey || event.altKey;\r\n  }\r\n\r\n  /**\r\n   * Check if key is a special key (Backspace/Delete)\r\n   */\r\n  private _isSpecialKey(key: string): boolean {\r\n    return key.length > 1;\r\n  }\r\n\r\n  /**\r\n   * Handle special keys like Backspace and Delete\r\n   */\r\n  private _handleSpecialKey(\r\n    event: KeyboardEvent,\r\n    el: HTMLInputElement,\r\n    key: string,\r\n    currentPosition: number,\r\n    mask: InputMaskCfg\r\n  ): void {\r\n    if (key === 'Backspace' && currentPosition > 0) {\r\n      const maskEntry = mask[currentPosition - 1];\r\n      if (!maskEntry) {\r\n        return;\r\n      }\r\n      // Get the default character for this position\r\n      const defaultChar = typeof maskEntry === 'string' ? maskEntry : maskEntry.default;\r\n\r\n      if (currentPosition === el.value.length) {\r\n        return;\r\n      }\r\n\r\n      const newVal =\r\n        el.value.slice(0, currentPosition - 1) + defaultChar + el.value.slice(currentPosition);\r\n\r\n      this._data.updateValue(el, newVal, currentPosition - 1);\r\n      event.preventDefault();\r\n    } else if (key === 'Delete' && currentPosition < el.value.length) {\r\n      const maskEntry = mask[currentPosition];\r\n      if (!maskEntry) {\r\n        return;\r\n      }\r\n      // Get the default character for this position\r\n      const defaultChar = typeof maskEntry === 'string' ? maskEntry : maskEntry.default;\r\n      const newVal =\r\n        el.value.slice(0, currentPosition) + defaultChar + el.value.slice(currentPosition + 1);\r\n\r\n      this._data.updateValue(el, newVal, currentPosition + 1);\r\n      event.preventDefault();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Handle regular character input with mask validation\r\n   */\r\n  private _handleCharacterInput(\r\n    event: InputEvent,\r\n    el: HTMLInputElement,\r\n    key: string,\r\n    currentPosition: number,\r\n    mask: InputMaskCfg\r\n  ): void {\r\n    // Skip over static characters and find the next input position\r\n    const { position, autoPrintChars } = this._processStaticCharacters(el, currentPosition, mask);\r\n    const maskEntry = mask[position];\r\n\r\n    // Check if we're at a valid input position\r\n    if (!maskEntry || typeof maskEntry === 'string') {\r\n      event.preventDefault();\r\n      return;\r\n    }\r\n\r\n    // Validate the character against the mask requirements\r\n    if (!maskEntry.accepts.test(key)) {\r\n      event.preventDefault();\r\n      setTimeout(() => {\r\n        // Ensure the cursor position is set after the value update for android compatibility\r\n        el.setSelectionRange(position, position);\r\n      });\r\n      return;\r\n    }\r\n\r\n    // Build the new value with auto-inserted static characters\r\n    const newVal =\r\n      el.value.slice(0, position) + autoPrintChars + key + el.value.slice(position + 1);\r\n\r\n    this._data.updateValue(el, newVal, position + 1);\r\n    event.preventDefault();\r\n  }\r\n\r\n  /**\r\n   * Process static characters in the mask and auto-insert them\r\n   * Returns the next input position and any static characters to insert\r\n   */\r\n  private _processStaticCharacters(\r\n    el: HTMLInputElement,\r\n    startPosition: number,\r\n    mask: InputMaskCfg\r\n  ): { position: number; autoPrintChars: string } {\r\n    let currentPosition = startPosition;\r\n    let autoPrintChars = '';\r\n    let currentMaskEntry = mask[currentPosition];\r\n\r\n    // Skip over static characters and collect them for auto-insertion\r\n    while (currentMaskEntry && typeof currentMaskEntry === 'string') {\r\n      if (el.value.charAt(currentPosition) !== currentMaskEntry) {\r\n        autoPrintChars += currentMaskEntry;\r\n      }\r\n      currentPosition++;\r\n      currentMaskEntry = mask[currentPosition];\r\n    }\r\n\r\n    return { position: currentPosition, autoPrintChars };\r\n  }\r\n}\r\n","import {\r\n  afterRenderEffect,\r\n  Component,\r\n  computed,\r\n  contentChild,\r\n  input,\r\n  signal,\r\n  ChangeDetectionStrategy,\r\n} from '@angular/core';\r\nimport { domEventHandler } from '@ngneers/controls/api/ng';\r\nimport { NgnBase, provideSelf, NgnPt } from '@ngneers/controls/base';\r\nimport { NgnInput } from '@ngneers/controls/input';\r\nimport { inputMaskControlTemplate } from '@ngneers/controls-themes/templates/input-mask';\r\n\r\nimport { MaskHelper } from './helper';\r\n\r\nimport type { InputMaskCfg } from './types';\r\n\r\n/**\r\n * @category control\r\n */\r\n@Component({\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  selector: 'ngn-input-mask',\r\n  templateUrl: './input-mask.html',\r\n  imports: [NgnPt],\r\n  providers: [provideSelf(NgnInputMask)],\r\n})\r\nexport class NgnInputMask extends NgnBase<'inputMask'> {\r\n  protected readonly theme = this.injectThemeTemplate(inputMaskControlTemplate);\r\n  /**\r\n   * The mask to apply to the input. Can be a predefined mask key, a custom mask configuration, or a string pattern.\r\n   */\r\n  public readonly mask = input<'time' | InputMaskCfg | string | null>(null);\r\n\r\n  private readonly _ngnInput = contentChild.required<NgnInput>(NgnInput);\r\n  private readonly _inputElement = computed(\r\n    () => this._ngnInput().element.nativeElement as HTMLInputElement\r\n  );\r\n\r\n  constructor() {\r\n    super();\r\n    domEventHandler(this._inputElement, 'keydown', event => this.onKeyDown(event));\r\n    domEventHandler(this._inputElement, 'beforeinput', event => this.onBeforeInput(event));\r\n\r\n    afterRenderEffect(() => {\r\n      if (this._ngnInput().value() !== this.currentInputValue()) {\r\n        this.currentInputValue.set(this._ngnInput().value() ?? '');\r\n      }\r\n    });\r\n  }\r\n\r\n  private readonly _maskHelper = new MaskHelper({\r\n    updateValue: (e, v, i) => this._updateValue(e, v, i),\r\n  });\r\n\r\n  protected onInput(event: Event) {\r\n    // Update the current input value\r\n    this.currentInputValue.set((event.target as HTMLInputElement).value);\r\n  }\r\n\r\n  protected readonly currentInputValue = signal<string>('');\r\n\r\n  private readonly _mask = computed(() => this._maskHelper.ensureMask(this.mask()));\r\n\r\n  protected readonly maskWatermark = computed(() => {\r\n    const mask = this._mask();\r\n    if (!mask) return null;\r\n    const maskString = mask\r\n      .map(entry => {\r\n        if (typeof entry === 'string') return entry;\r\n        return entry.placeholder;\r\n      })\r\n      .join('');\r\n    return maskString.substring(this.currentInputValue().length, maskString.length);\r\n  });\r\n\r\n  protected onKeyDown(event: KeyboardEvent) {\r\n    const mask = this._mask();\r\n    if (!mask) return;\r\n    this._maskHelper.handleKeyDown(event, mask);\r\n  }\r\n\r\n  protected onBeforeInput(event: Event) {\r\n    const mask = this._mask();\r\n    if (!mask) return;\r\n    this._maskHelper.handleBeforeInput(event as InputEvent, mask);\r\n  }\r\n\r\n  private _updateValue(el: HTMLInputElement, newValue: string, cursorPosition: number): void {\r\n    el.value = newValue;\r\n    this.currentInputValue.set(newValue);\r\n    setTimeout(() => {\r\n      // Ensure the cursor position is set after the value update for android compatibility\r\n      el.setSelectionRange(cursorPosition, cursorPosition);\r\n    });\r\n    this._inputElement().dispatchEvent(new Event('input', { bubbles: true }));\r\n  }\r\n}\r\n","<div [ptInt]=\"this\" [ptClass]=\"'root'\">\r\n  <ng-content />\r\n  <span [ptInt]=\"this\" [ptClass]=\"'mask'\">\r\n    <span [ptInt]=\"this\" [ptClass]=\"'mask-placeholder'\" aria-hidden=\"true\" style=\"opacity: 0\">{{\r\n      currentInputValue()\r\n    }}</span>\r\n    <span [ptInt]=\"this\" [ptClass]=\"'mask-text'\">{{ maskWatermark() }}</span>\r\n  </span>\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-input-mask.mjs","sources":["../../src/input-mask/masks.ts","../../src/input-mask/helper.ts","../../src/input-mask/input-mask.ts","../../src/input-mask/input-mask.html","../../src/input-mask/ngneers-controls-input-mask.ts"],"sourcesContent":["import type { InputMaskCfg } from './types';\r\n\r\nconst time = [\r\n  {\r\n    accepts: /^\\d$/,\r\n    default: '0',\r\n    placeholder: 'H',\r\n  },\r\n  {\r\n    accepts: /^\\d$/,\r\n    default: '0',\r\n    placeholder: 'H',\r\n  },\r\n  ':',\r\n  {\r\n    accepts: /^\\d$/,\r\n    default: '0',\r\n    placeholder: 'M',\r\n  },\r\n  {\r\n    accepts: /^\\d$/,\r\n    default: '0',\r\n    placeholder: 'M',\r\n  },\r\n] as const satisfies InputMaskCfg;\r\n\r\nconst timeSeconds = [\r\n  ...time,\r\n  ':',\r\n  {\r\n    accepts: /^\\d$/,\r\n    default: '0',\r\n    placeholder: 'S',\r\n  },\r\n  {\r\n    accepts: /^\\d$/,\r\n    default: '0',\r\n    placeholder: 'S',\r\n  },\r\n] as const satisfies InputMaskCfg;\r\n\r\nexport const MASKS = {\r\n  time,\r\n  timeSeconds,\r\n} as const satisfies Record<string, InputMaskCfg>;\r\n","import { MASKS } from './masks';\r\n\r\nimport type { InputMaskCfg } from './types';\r\n\r\n// Interface for communicating with the parent component\r\ntype MaskData = {\r\n  updateValue: (element: HTMLInputElement, value: string, position: number) => void;\r\n};\r\n\r\n/**\r\n * Helper class for handling masked input functionality\r\n */\r\nexport class MaskHelper {\r\n  private readonly _data: MaskData;\r\n\r\n  constructor(data: MaskData) {\r\n    this._data = data;\r\n  }\r\n\r\n  /**\r\n   * Ensure the mask is in the correct format\r\n   * Converts string masks to TextFieldMaskCfg format\r\n   * Returns null if no mask is provided\r\n   */\r\n  public ensureMask(mask: InputMaskCfg | string | null): InputMaskCfg | null {\r\n    if (!mask) return null;\r\n    if (typeof mask === 'string') {\r\n      if (mask === 'time') {\r\n        return MASKS.time;\r\n      }\r\n      // Convert string mask to TextFieldMaskCfg\r\n      // 0 => digit, A => letter, * => alphanumeric\r\n      return mask.split('').map(char => {\r\n        if (char === '0') {\r\n          return { placeholder: char, accepts: /\\d/, default: '0' };\r\n        } else if (char === 'A') {\r\n          return { placeholder: char, accepts: /[a-zA-Z]/, default: 'A' };\r\n        } else if (char === '*') {\r\n          return { placeholder: char, accepts: /[a-zA-Z0-9]/, default: 'A' };\r\n        }\r\n        return char;\r\n      });\r\n    }\r\n    return mask;\r\n  }\r\n\r\n  /**\r\n   * Handle key down events to manage special keys like Backspace and Delete\r\n   */\r\n  public handleKeyDown(event: KeyboardEvent, mask: InputMaskCfg): void {\r\n    if (!mask || this._shouldIgnoreEvent(event)) {\r\n      return;\r\n    }\r\n    const el = event.target as HTMLInputElement;\r\n    const key = event.key;\r\n    const currentPosition = el.selectionStart ?? 0;\r\n\r\n    if (this._isSpecialKey(key)) {\r\n      this._handleSpecialKey(event, el, key, currentPosition, mask);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Handle before input event to manage character input with mask validation\r\n   */\r\n  public handleBeforeInput(event: InputEvent, mask: InputMaskCfg): void {\r\n    const el = event.target as HTMLInputElement;\r\n    const key = event.data;\r\n    const currentPosition = el.selectionStart ?? 0;\r\n\r\n    if (!key) {\r\n      // If no key data, just return\r\n      return;\r\n    }\r\n\r\n    // Route to appropriate handler based on key type\r\n    if (!this._isSpecialKey(key)) {\r\n      this._handleCharacterInput(event, el, key, currentPosition, mask);\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Check if the event should be ignored (modifier keys)\r\n   */\r\n  private _shouldIgnoreEvent(event: KeyboardEvent): boolean {\r\n    return event.ctrlKey || event.metaKey || event.altKey;\r\n  }\r\n\r\n  /**\r\n   * Check if key is a special key (Backspace/Delete)\r\n   */\r\n  private _isSpecialKey(key: string): boolean {\r\n    return key.length > 1;\r\n  }\r\n\r\n  /**\r\n   * Handle special keys like Backspace and Delete\r\n   */\r\n  private _handleSpecialKey(\r\n    event: KeyboardEvent,\r\n    el: HTMLInputElement,\r\n    key: string,\r\n    currentPosition: number,\r\n    mask: InputMaskCfg\r\n  ): void {\r\n    if (key === 'Backspace' && currentPosition > 0) {\r\n      const maskEntry = mask[currentPosition - 1];\r\n      if (!maskEntry) {\r\n        return;\r\n      }\r\n      // Get the default character for this position\r\n      const defaultChar = typeof maskEntry === 'string' ? maskEntry : maskEntry.default;\r\n\r\n      if (currentPosition === el.value.length) {\r\n        return;\r\n      }\r\n\r\n      const newVal =\r\n        el.value.slice(0, currentPosition - 1) + defaultChar + el.value.slice(currentPosition);\r\n\r\n      this._data.updateValue(el, newVal, currentPosition - 1);\r\n      event.preventDefault();\r\n    } else if (key === 'Delete' && currentPosition < el.value.length) {\r\n      const maskEntry = mask[currentPosition];\r\n      if (!maskEntry) {\r\n        return;\r\n      }\r\n      // Get the default character for this position\r\n      const defaultChar = typeof maskEntry === 'string' ? maskEntry : maskEntry.default;\r\n      const newVal =\r\n        el.value.slice(0, currentPosition) + defaultChar + el.value.slice(currentPosition + 1);\r\n\r\n      this._data.updateValue(el, newVal, currentPosition + 1);\r\n      event.preventDefault();\r\n    }\r\n  }\r\n\r\n  /**\r\n   * Handle regular character input with mask validation\r\n   */\r\n  private _handleCharacterInput(\r\n    event: InputEvent,\r\n    el: HTMLInputElement,\r\n    key: string,\r\n    currentPosition: number,\r\n    mask: InputMaskCfg\r\n  ): void {\r\n    // Skip over static characters and find the next input position\r\n    const { position, autoPrintChars } = this._processStaticCharacters(el, currentPosition, mask);\r\n    const maskEntry = mask[position];\r\n\r\n    // Check if we're at a valid input position\r\n    if (!maskEntry || typeof maskEntry === 'string') {\r\n      event.preventDefault();\r\n      return;\r\n    }\r\n\r\n    // Validate the character against the mask requirements\r\n    if (!maskEntry.accepts.test(key)) {\r\n      event.preventDefault();\r\n      setTimeout(() => {\r\n        // Ensure the cursor position is set after the value update for android compatibility\r\n        el.setSelectionRange(position, position);\r\n      });\r\n      return;\r\n    }\r\n\r\n    // Build the new value with auto-inserted static characters\r\n    const newVal =\r\n      el.value.slice(0, position) + autoPrintChars + key + el.value.slice(position + 1);\r\n\r\n    this._data.updateValue(el, newVal, position + 1);\r\n    event.preventDefault();\r\n  }\r\n\r\n  /**\r\n   * Process static characters in the mask and auto-insert them\r\n   * Returns the next input position and any static characters to insert\r\n   */\r\n  private _processStaticCharacters(\r\n    el: HTMLInputElement,\r\n    startPosition: number,\r\n    mask: InputMaskCfg\r\n  ): { position: number; autoPrintChars: string } {\r\n    let currentPosition = startPosition;\r\n    let autoPrintChars = '';\r\n    let currentMaskEntry = mask[currentPosition];\r\n\r\n    // Skip over static characters and collect them for auto-insertion\r\n    while (currentMaskEntry && typeof currentMaskEntry === 'string') {\r\n      if (el.value.charAt(currentPosition) !== currentMaskEntry) {\r\n        autoPrintChars += currentMaskEntry;\r\n      }\r\n      currentPosition++;\r\n      currentMaskEntry = mask[currentPosition];\r\n    }\r\n\r\n    return { position: currentPosition, autoPrintChars };\r\n  }\r\n}\r\n","import {\r\n  afterRenderEffect,\r\n  Component,\r\n  computed,\r\n  contentChild,\r\n  input,\r\n  signal,\r\n  ChangeDetectionStrategy,\r\n} from '@angular/core';\r\nimport { domEventHandler } from '@ngneers/controls/api/ng';\r\nimport { NgnBase, provideSelf, NgnPt } from '@ngneers/controls/base';\r\nimport { NgnInput } from '@ngneers/controls/input';\r\nimport { inputMaskControlTemplate } from '@ngneers/controls-themes/templates/input-mask';\r\n\r\nimport { MaskHelper } from './helper';\r\n\r\nimport type { InputMaskCfg } from './types';\r\n\r\n/**\r\n * @category control\r\n */\r\n@Component({\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  selector: 'ngn-input-mask',\r\n  templateUrl: './input-mask.html',\r\n  imports: [NgnPt],\r\n  providers: [provideSelf(NgnInputMask)],\r\n})\r\nexport class NgnInputMask extends NgnBase<'inputMask'> {\r\n  protected readonly theme = this.injectThemeTemplate(inputMaskControlTemplate);\r\n  /**\r\n   * The mask to apply to the input. Can be a predefined mask key, a custom mask configuration, or a string pattern.\r\n   */\r\n  public readonly mask = input<'time' | InputMaskCfg | string | null>(null);\r\n\r\n  private readonly _ngnInput = contentChild.required<NgnInput>(NgnInput);\r\n  private readonly _inputElement = computed(\r\n    () => this._ngnInput().element.nativeElement as HTMLInputElement\r\n  );\r\n\r\n  constructor() {\r\n    super();\r\n    domEventHandler(this._inputElement, 'keydown', event => this.onKeyDown(event));\r\n    domEventHandler(this._inputElement, 'beforeinput', event => this.onBeforeInput(event));\r\n\r\n    afterRenderEffect(() => {\r\n      if (this._ngnInput().value() !== this.currentInputValue()) {\r\n        this.currentInputValue.set(this._ngnInput().value() ?? '');\r\n      }\r\n    });\r\n  }\r\n\r\n  private readonly _maskHelper = new MaskHelper({\r\n    updateValue: (e, v, i) => this._updateValue(e, v, i),\r\n  });\r\n\r\n  protected onInput(event: Event) {\r\n    // Update the current input value\r\n    this.currentInputValue.set((event.target as HTMLInputElement).value);\r\n  }\r\n\r\n  protected readonly currentInputValue = signal<string>('');\r\n\r\n  private readonly _mask = computed(() => this._maskHelper.ensureMask(this.mask()));\r\n\r\n  protected readonly maskWatermark = computed(() => {\r\n    const mask = this._mask();\r\n    if (!mask) return null;\r\n    const maskString = mask\r\n      .map(entry => {\r\n        if (typeof entry === 'string') return entry;\r\n        return entry.placeholder;\r\n      })\r\n      .join('');\r\n    return maskString.substring(this.currentInputValue().length, maskString.length);\r\n  });\r\n\r\n  protected onKeyDown(event: KeyboardEvent) {\r\n    const mask = this._mask();\r\n    if (!mask) return;\r\n    this._maskHelper.handleKeyDown(event, mask);\r\n  }\r\n\r\n  protected onBeforeInput(event: Event) {\r\n    const mask = this._mask();\r\n    if (!mask) return;\r\n    this._maskHelper.handleBeforeInput(event as InputEvent, mask);\r\n  }\r\n\r\n  private _updateValue(el: HTMLInputElement, newValue: string, cursorPosition: number): void {\r\n    el.value = newValue;\r\n    this.currentInputValue.set(newValue);\r\n    setTimeout(() => {\r\n      // Ensure the cursor position is set after the value update for android compatibility\r\n      el.setSelectionRange(cursorPosition, cursorPosition);\r\n    });\r\n    this._inputElement().dispatchEvent(new Event('input', { bubbles: true }));\r\n  }\r\n}\r\n","<div [ptInt]=\"this\" [ptClass]=\"'root'\">\r\n  <ng-content />\r\n  <span [ptInt]=\"this\" [ptClass]=\"'mask'\">\r\n    <span [ptInt]=\"this\" [ptClass]=\"'mask-placeholder'\" aria-hidden=\"true\" style=\"opacity: 0\">{{\r\n      currentInputValue()\r\n    }}</span>\r\n    <span [ptInt]=\"this\" [ptClass]=\"'mask-text'\">{{ maskWatermark() }}</span>\r\n  </span>\r\n</div>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAEA,MAAM,IAAI,GAAG;AACX,IAAA;AACE,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,OAAO,EAAE,GAAG;AACZ,QAAA,WAAW,EAAE,GAAG;AACjB,KAAA;AACD,IAAA;AACE,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,OAAO,EAAE,GAAG;AACZ,QAAA,WAAW,EAAE,GAAG;AACjB,KAAA;IACD,GAAG;AACH,IAAA;AACE,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,OAAO,EAAE,GAAG;AACZ,QAAA,WAAW,EAAE,GAAG;AACjB,KAAA;AACD,IAAA;AACE,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,OAAO,EAAE,GAAG;AACZ,QAAA,WAAW,EAAE,GAAG;AACjB,KAAA;CAC8B;AAEjC,MAAM,WAAW,GAAG;AAClB,IAAA,GAAG,IAAI;IACP,GAAG;AACH,IAAA;AACE,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,OAAO,EAAE,GAAG;AACZ,QAAA,WAAW,EAAE,GAAG;AACjB,KAAA;AACD,IAAA;AACE,QAAA,OAAO,EAAE,MAAM;AACf,QAAA,OAAO,EAAE,GAAG;AACZ,QAAA,WAAW,EAAE,GAAG;AACjB,KAAA;CAC8B;AAE1B,MAAM,KAAK,GAAG;IACnB,IAAI;IACJ,WAAW;;;AClCb;;AAEG;MACU,UAAU,CAAA;AACJ,IAAA,KAAK;AAEtB,IAAA,WAAA,CAAY,IAAc,EAAA;AACxB,QAAA,IAAI,CAAC,KAAK,GAAG,IAAI;IACnB;AAEA;;;;AAIG;AACI,IAAA,UAAU,CAAC,IAAkC,EAAA;AAClD,QAAA,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,IAAI;AACtB,QAAA,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;AAC5B,YAAA,IAAI,IAAI,KAAK,MAAM,EAAE;gBACnB,OAAO,KAAK,CAAC,IAAI;YACnB;;;YAGA,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,GAAG,CAAC,IAAI,IAAG;AAC/B,gBAAA,IAAI,IAAI,KAAK,GAAG,EAAE;AAChB,oBAAA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE;gBAC3D;AAAO,qBAAA,IAAI,IAAI,KAAK,GAAG,EAAE;AACvB,oBAAA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE;gBACjE;AAAO,qBAAA,IAAI,IAAI,KAAK,GAAG,EAAE;AACvB,oBAAA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,EAAE;gBACpE;AACA,gBAAA,OAAO,IAAI;AACb,YAAA,CAAC,CAAC;QACJ;AACA,QAAA,OAAO,IAAI;IACb;AAEA;;AAEG;IACI,aAAa,CAAC,KAAoB,EAAE,IAAkB,EAAA;QAC3D,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,kBAAkB,CAAC,KAAK,CAAC,EAAE;YAC3C;QACF;AACA,QAAA,MAAM,EAAE,GAAG,KAAK,CAAC,MAA0B;AAC3C,QAAA,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG;AACrB,QAAA,MAAM,eAAe,GAAG,EAAE,CAAC,cAAc,IAAI,CAAC;AAE9C,QAAA,IAAI,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE;AAC3B,YAAA,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,CAAC;QAC/D;IACF;AAEA;;AAEG;IACI,iBAAiB,CAAC,KAAiB,EAAE,IAAkB,EAAA;AAC5D,QAAA,MAAM,EAAE,GAAG,KAAK,CAAC,MAA0B;AAC3C,QAAA,MAAM,GAAG,GAAG,KAAK,CAAC,IAAI;AACtB,QAAA,MAAM,eAAe,GAAG,EAAE,CAAC,cAAc,IAAI,CAAC;QAE9C,IAAI,CAAC,GAAG,EAAE;;YAER;QACF;;QAGA,IAAI,CAAC,IAAI,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE;AAC5B,YAAA,IAAI,CAAC,qBAAqB,CAAC,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,eAAe,EAAE,IAAI,CAAC;QACnE;IACF;AAEA;;AAEG;AACK,IAAA,kBAAkB,CAAC,KAAoB,EAAA;QAC7C,OAAO,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM;IACvD;AAEA;;AAEG;AACK,IAAA,aAAa,CAAC,GAAW,EAAA;AAC/B,QAAA,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC;IACvB;AAEA;;AAEG;IACK,iBAAiB,CACvB,KAAoB,EACpB,EAAoB,EACpB,GAAW,EACX,eAAuB,EACvB,IAAkB,EAAA;QAElB,IAAI,GAAG,KAAK,WAAW,IAAI,eAAe,GAAG,CAAC,EAAE;YAC9C,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,GAAG,CAAC,CAAC;YAC3C,IAAI,CAAC,SAAS,EAAE;gBACd;YACF;;AAEA,YAAA,MAAM,WAAW,GAAG,OAAO,SAAS,KAAK,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC,OAAO;YAEjF,IAAI,eAAe,KAAK,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE;gBACvC;YACF;YAEA,MAAM,MAAM,GACV,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,eAAe,GAAG,CAAC,CAAC,GAAG,WAAW,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe,CAAC;AAExF,YAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,eAAe,GAAG,CAAC,CAAC;YACvD,KAAK,CAAC,cAAc,EAAE;QACxB;AAAO,aAAA,IAAI,GAAG,KAAK,QAAQ,IAAI,eAAe,GAAG,EAAE,CAAC,KAAK,CAAC,MAAM,EAAE;AAChE,YAAA,MAAM,SAAS,GAAG,IAAI,CAAC,eAAe,CAAC;YACvC,IAAI,CAAC,SAAS,EAAE;gBACd;YACF;;AAEA,YAAA,MAAM,WAAW,GAAG,OAAO,SAAS,KAAK,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAC,OAAO;YACjF,MAAM,MAAM,GACV,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,eAAe,CAAC,GAAG,WAAW,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,eAAe,GAAG,CAAC,CAAC;AAExF,YAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,eAAe,GAAG,CAAC,CAAC;YACvD,KAAK,CAAC,cAAc,EAAE;QACxB;IACF;AAEA;;AAEG;IACK,qBAAqB,CAC3B,KAAiB,EACjB,EAAoB,EACpB,GAAW,EACX,eAAuB,EACvB,IAAkB,EAAA;;AAGlB,QAAA,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,GAAG,IAAI,CAAC,wBAAwB,CAAC,EAAE,EAAE,eAAe,EAAE,IAAI,CAAC;AAC7F,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,QAAQ,CAAC;;QAGhC,IAAI,CAAC,SAAS,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;YAC/C,KAAK,CAAC,cAAc,EAAE;YACtB;QACF;;QAGA,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;YAChC,KAAK,CAAC,cAAc,EAAE;YACtB,UAAU,CAAC,MAAK;;AAEd,gBAAA,EAAE,CAAC,iBAAiB,CAAC,QAAQ,EAAE,QAAQ,CAAC;AAC1C,YAAA,CAAC,CAAC;YACF;QACF;;QAGA,MAAM,MAAM,GACV,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,EAAE,QAAQ,CAAC,GAAG,cAAc,GAAG,GAAG,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,GAAG,CAAC,CAAC;AAEnF,QAAA,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,GAAG,CAAC,CAAC;QAChD,KAAK,CAAC,cAAc,EAAE;IACxB;AAEA;;;AAGG;AACK,IAAA,wBAAwB,CAC9B,EAAoB,EACpB,aAAqB,EACrB,IAAkB,EAAA;QAElB,IAAI,eAAe,GAAG,aAAa;QACnC,IAAI,cAAc,GAAG,EAAE;AACvB,QAAA,IAAI,gBAAgB,GAAG,IAAI,CAAC,eAAe,CAAC;;AAG5C,QAAA,OAAO,gBAAgB,IAAI,OAAO,gBAAgB,KAAK,QAAQ,EAAE;YAC/D,IAAI,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,eAAe,CAAC,KAAK,gBAAgB,EAAE;gBACzD,cAAc,IAAI,gBAAgB;YACpC;AACA,YAAA,eAAe,EAAE;AACjB,YAAA,gBAAgB,GAAG,IAAI,CAAC,eAAe,CAAC;QAC1C;AAEA,QAAA,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,cAAc,EAAE;IACtD;AACD;;ACrLD;;AAEG;AAQG,MAAO,YAAa,SAAQ,OAAoB,CAAA;AACjC,IAAA,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC,wBAAwB,CAAC;AAC7E;;AAEG;AACa,IAAA,IAAI,GAAG,KAAK,CAAwC,IAAI,2EAAC;AAExD,IAAA,SAAS,GAAG,YAAY,CAAC,QAAQ,CAAW,QAAQ,CAAC;AACrD,IAAA,aAAa,GAAG,QAAQ,CACvC,MAAM,IAAI,CAAC,SAAS,EAAE,CAAC,OAAO,CAAC,aAAiC,oFACjE;AAED,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;AACP,QAAA,eAAe,CAAC,IAAI,CAAC,aAAa,EAAE,SAAS,EAAE,KAAK,IAAI,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;AAC9E,QAAA,eAAe,CAAC,IAAI,CAAC,aAAa,EAAE,aAAa,EAAE,KAAK,IAAI,IAAI,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAEtF,iBAAiB,CAAC,MAAK;AACrB,YAAA,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,KAAK,IAAI,CAAC,iBAAiB,EAAE,EAAE;AACzD,gBAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,CAAC;YAC5D;AACF,QAAA,CAAC,CAAC;IACJ;IAEiB,WAAW,GAAG,IAAI,UAAU,CAAC;AAC5C,QAAA,WAAW,EAAE,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AACrD,KAAA,CAAC;AAEQ,IAAA,OAAO,CAAC,KAAY,EAAA;;QAE5B,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAE,KAAK,CAAC,MAA2B,CAAC,KAAK,CAAC;IACtE;AAEmB,IAAA,iBAAiB,GAAG,MAAM,CAAS,EAAE,wFAAC;AAExC,IAAA,KAAK,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,4EAAC;AAE9D,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AAC/C,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE;AACzB,QAAA,IAAI,CAAC,IAAI;AAAE,YAAA,OAAO,IAAI;QACtB,MAAM,UAAU,GAAG;aAChB,GAAG,CAAC,KAAK,IAAG;YACX,IAAI,OAAO,KAAK,KAAK,QAAQ;AAAE,gBAAA,OAAO,KAAK;YAC3C,OAAO,KAAK,CAAC,WAAW;AAC1B,QAAA,CAAC;aACA,IAAI,CAAC,EAAE,CAAC;AACX,QAAA,OAAO,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC,iBAAiB,EAAE,CAAC,MAAM,EAAE,UAAU,CAAC,MAAM,CAAC;AACjF,IAAA,CAAC,oFAAC;AAEQ,IAAA,SAAS,CAAC,KAAoB,EAAA;AACtC,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE;AACzB,QAAA,IAAI,CAAC,IAAI;YAAE;QACX,IAAI,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK,EAAE,IAAI,CAAC;IAC7C;AAEU,IAAA,aAAa,CAAC,KAAY,EAAA;AAClC,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,EAAE;AACzB,QAAA,IAAI,CAAC,IAAI;YAAE;QACX,IAAI,CAAC,WAAW,CAAC,iBAAiB,CAAC,KAAmB,EAAE,IAAI,CAAC;IAC/D;AAEQ,IAAA,YAAY,CAAC,EAAoB,EAAE,QAAgB,EAAE,cAAsB,EAAA;AACjF,QAAA,EAAE,CAAC,KAAK,GAAG,QAAQ;AACnB,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,QAAQ,CAAC;QACpC,UAAU,CAAC,MAAK;;AAEd,YAAA,EAAE,CAAC,iBAAiB,CAAC,cAAc,EAAE,cAAc,CAAC;AACtD,QAAA,CAAC,CAAC;AACF,QAAA,IAAI,CAAC,aAAa,EAAE,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,OAAO,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;IAC3E;wGArEW,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EAFZ,CAAC,WAAW,CAAC,YAAY,CAAC,CAAC,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EASuB,QAAQ,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECnCvE,6XASA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDgBY,KAAK,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;4FAGJ,YAAY,EAAA,UAAA,EAAA,CAAA;kBAPxB,SAAS;AACS,YAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,gBAAgB,EAAA,OAAA,EAEjB,CAAC,KAAK,CAAC,EAAA,SAAA,EACL,CAAC,WAAW,CAAA,YAAA,CAAc,CAAC,EAAA,QAAA,EAAA,6XAAA,EAAA;gNASuB,QAAQ,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEnCvE;;AAEG;;;;"}

package/fesm2022/ngneers-controls-input.mjs

@@ -47,10 +47,10 @@ class NgnInput extends NgnBase {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: NgnInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.2", type: NgnInput, isStandalone: true, selector: "input[ngnInput], textarea[ngnInput]", inputs: { invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "class": "(hasParentInputfield() ? \"\" : ` ${inputFieldTheme.class(\"root\")}`)" } }, providers: [provideSelf(NgnInput)], exportAs: ["ngnInput"], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NgnInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.10", type: NgnInput, isStandalone: true, selector: "input[ngnInput], textarea[ngnInput]", inputs: { invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, host: { properties: { "class": "(hasParentInputfield() ? \"\" : ` ${inputFieldTheme.class(\"root\")}`)" } }, providers: [provideSelf(NgnInput)], exportAs: ["ngnInput"], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: NgnInput, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NgnInput, decorators: [{
             type: Directive,
             args: [{
                     selector: 'input[ngnInput], textarea[ngnInput]',

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

@@ -1 +1 @@
-{"version":3,"file":"ngneers-controls-input.mjs","sources":["../../src/input/input.ts","../../src/input/ngneers-controls-input.ts"],"sourcesContent":["import {\r\n  type AfterViewInit,\r\n  booleanAttribute,\r\n  Directive,\r\n  effect,\r\n  input,\r\n  model,\r\n  runInInjectionContext,\r\n  signal,\r\n} from '@angular/core';\r\nimport { domEventSignal } from '@ngneers/controls/api/ng';\r\nimport { NgnBase, provideSelf } from '@ngneers/controls/base';\r\nimport { inputControlTemplate } from '@ngneers/controls-themes/templates/input';\r\nimport { inputFieldControlTemplate } from '@ngneers/controls-themes/templates/input-field';\r\n\r\n/**\r\n * @category control\r\n */\r\n@Directive({\r\n  selector: 'input[ngnInput], textarea[ngnInput]',\r\n  host: {\r\n    '[class]': '(hasParentInputfield() ? \"\" : ` ${inputFieldTheme.class(\"root\")}`)',\r\n  },\r\n  providers: [provideSelf(NgnInput)],\r\n  exportAs: 'ngnInput',\r\n})\r\nexport class NgnInput extends NgnBase<'input'> implements AfterViewInit {\r\n  protected readonly hasParentInputfield = signal(false);\r\n\r\n  protected readonly theme = this.injectThemeTemplate(inputControlTemplate, {\r\n    root: true,\r\n    invalid: () => this.invalid(),\r\n    empty: () => !this.value(),\r\n  });\r\n  protected readonly inputFieldTheme = this.injectThemeTemplate<true>(inputFieldControlTemplate);\r\n  /**\r\n   * Explicitly apply invalid state styling\r\n   * @default false\r\n   */\r\n  public readonly invalid = input(false, { transform: booleanAttribute });\r\n\r\n  public readonly value = model<string | null>('');\r\n\r\n  private readonly _input = this.element.nativeElement as HTMLInputElement;\r\n\r\n  public ngAfterViewInit() {\r\n    this.hasParentInputfield.set(!!this.element.nativeElement.closest('ngn-input-field'));\r\n    const changeEvent = domEventSignal(\r\n      this.element.nativeElement as HTMLInputElement,\r\n      'change',\r\n      this.injector\r\n    );\r\n    const inputEvent = domEventSignal(\r\n      this.element.nativeElement as HTMLInputElement,\r\n      'input',\r\n      this.injector\r\n    );\r\n\r\n    runInInjectionContext(this.injector, () => {\r\n      effect(() => {\r\n        const _changeEvent = changeEvent();\r\n        const _inputEvent = inputEvent();\r\n        if (!_changeEvent && !_inputEvent) {\r\n          return;\r\n        }\r\n        const val = this._input.value;\r\n        this.value.set(val ?? '');\r\n      });\r\n    });\r\n  }\r\n\r\n  constructor() {\r\n    super();\r\n    effect(() => {\r\n      if (this._input.value !== this.value()) {\r\n        this._input.value = this.value() || '';\r\n      }\r\n    });\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAeA;;AAEG;AASG,MAAO,QAAS,SAAQ,OAAgB,CAAA;AACzB,IAAA,mBAAmB,GAAG,MAAM,CAAC,KAAK,0FAAC;AAEnC,IAAA,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC,oBAAoB,EAAE;AACxE,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,OAAO,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE;QAC7B,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE;AAC3B,KAAA,CAAC;AACiB,IAAA,eAAe,GAAG,IAAI,CAAC,mBAAmB,CAAO,yBAAyB,CAAC;AAC9F;;;AAGG;IACa,OAAO,GAAG,KAAK,CAAC,KAAK,+EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEvD,IAAA,KAAK,GAAG,KAAK,CAAgB,EAAE,4EAAC;AAE/B,IAAA,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,aAAiC;IAEjE,eAAe,GAAA;AACpB,QAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;AACrF,QAAA,MAAM,WAAW,GAAG,cAAc,CAChC,IAAI,CAAC,OAAO,CAAC,aAAiC,EAC9C,QAAQ,EACR,IAAI,CAAC,QAAQ,CACd;AACD,QAAA,MAAM,UAAU,GAAG,cAAc,CAC/B,IAAI,CAAC,OAAO,CAAC,aAAiC,EAC9C,OAAO,EACP,IAAI,CAAC,QAAQ,CACd;AAED,QAAA,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAK;YACxC,MAAM,CAAC,MAAK;AACV,gBAAA,MAAM,YAAY,GAAG,WAAW,EAAE;AAClC,gBAAA,MAAM,WAAW,GAAG,UAAU,EAAE;AAChC,gBAAA,IAAI,CAAC,YAAY,IAAI,CAAC,WAAW,EAAE;oBACjC;gBACF;AACA,gBAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK;gBAC7B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,EAAE,CAAC;AAC3B,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QACP,MAAM,CAAC,MAAK;YACV,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE,EAAE;gBACtC,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE;YACxC;AACF,QAAA,CAAC,CAAC;IACJ;uGApDW,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAR,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,QAAQ,oeAHR,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAGvB,QAAQ,EAAA,UAAA,EAAA,CAAA;kBARpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qCAAqC;AAC/C,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,oEAAoE;AAChF,qBAAA;AACD,oBAAA,SAAS,EAAE,CAAC,WAAW,CAAA,QAAA,CAAU,CAAC;AAClC,oBAAA,QAAQ,EAAE,UAAU;AACrB,iBAAA;;;ACzBD;;AAEG;;;;"}
+{"version":3,"file":"ngneers-controls-input.mjs","sources":["../../src/input/input.ts","../../src/input/ngneers-controls-input.ts"],"sourcesContent":["import {\r\n  type AfterViewInit,\r\n  booleanAttribute,\r\n  Directive,\r\n  effect,\r\n  input,\r\n  model,\r\n  runInInjectionContext,\r\n  signal,\r\n} from '@angular/core';\r\nimport { domEventSignal } from '@ngneers/controls/api/ng';\r\nimport { NgnBase, provideSelf } from '@ngneers/controls/base';\r\nimport { inputControlTemplate } from '@ngneers/controls-themes/templates/input';\r\nimport { inputFieldControlTemplate } from '@ngneers/controls-themes/templates/input-field';\r\n\r\n/**\r\n * @category control\r\n */\r\n@Directive({\r\n  selector: 'input[ngnInput], textarea[ngnInput]',\r\n  host: {\r\n    '[class]': '(hasParentInputfield() ? \"\" : ` ${inputFieldTheme.class(\"root\")}`)',\r\n  },\r\n  providers: [provideSelf(NgnInput)],\r\n  exportAs: 'ngnInput',\r\n})\r\nexport class NgnInput extends NgnBase<'input'> implements AfterViewInit {\r\n  protected readonly hasParentInputfield = signal(false);\r\n\r\n  protected readonly theme = this.injectThemeTemplate(inputControlTemplate, {\r\n    root: true,\r\n    invalid: () => this.invalid(),\r\n    empty: () => !this.value(),\r\n  });\r\n  protected readonly inputFieldTheme = this.injectThemeTemplate<true>(inputFieldControlTemplate);\r\n  /**\r\n   * Explicitly apply invalid state styling\r\n   * @default false\r\n   */\r\n  public readonly invalid = input(false, { transform: booleanAttribute });\r\n\r\n  public readonly value = model<string | null>('');\r\n\r\n  private readonly _input = this.element.nativeElement as HTMLInputElement;\r\n\r\n  public ngAfterViewInit() {\r\n    this.hasParentInputfield.set(!!this.element.nativeElement.closest('ngn-input-field'));\r\n    const changeEvent = domEventSignal(\r\n      this.element.nativeElement as HTMLInputElement,\r\n      'change',\r\n      this.injector\r\n    );\r\n    const inputEvent = domEventSignal(\r\n      this.element.nativeElement as HTMLInputElement,\r\n      'input',\r\n      this.injector\r\n    );\r\n\r\n    runInInjectionContext(this.injector, () => {\r\n      effect(() => {\r\n        const _changeEvent = changeEvent();\r\n        const _inputEvent = inputEvent();\r\n        if (!_changeEvent && !_inputEvent) {\r\n          return;\r\n        }\r\n        const val = this._input.value;\r\n        this.value.set(val ?? '');\r\n      });\r\n    });\r\n  }\r\n\r\n  constructor() {\r\n    super();\r\n    effect(() => {\r\n      if (this._input.value !== this.value()) {\r\n        this._input.value = this.value() || '';\r\n      }\r\n    });\r\n  }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAeA;;AAEG;AASG,MAAO,QAAS,SAAQ,OAAgB,CAAA;AACzB,IAAA,mBAAmB,GAAG,MAAM,CAAC,KAAK,0FAAC;AAEnC,IAAA,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC,oBAAoB,EAAE;AACxE,QAAA,IAAI,EAAE,IAAI;AACV,QAAA,OAAO,EAAE,MAAM,IAAI,CAAC,OAAO,EAAE;QAC7B,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,KAAK,EAAE;AAC3B,KAAA,CAAC;AACiB,IAAA,eAAe,GAAG,IAAI,CAAC,mBAAmB,CAAO,yBAAyB,CAAC;AAC9F;;;AAGG;IACa,OAAO,GAAG,KAAK,CAAC,KAAK,+EAAI,SAAS,EAAE,gBAAgB,EAAA,CAAG;AAEvD,IAAA,KAAK,GAAG,KAAK,CAAgB,EAAE,4EAAC;AAE/B,IAAA,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,aAAiC;IAEjE,eAAe,GAAA;AACpB,QAAA,IAAI,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,OAAO,CAAC,iBAAiB,CAAC,CAAC;AACrF,QAAA,MAAM,WAAW,GAAG,cAAc,CAChC,IAAI,CAAC,OAAO,CAAC,aAAiC,EAC9C,QAAQ,EACR,IAAI,CAAC,QAAQ,CACd;AACD,QAAA,MAAM,UAAU,GAAG,cAAc,CAC/B,IAAI,CAAC,OAAO,CAAC,aAAiC,EAC9C,OAAO,EACP,IAAI,CAAC,QAAQ,CACd;AAED,QAAA,qBAAqB,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAK;YACxC,MAAM,CAAC,MAAK;AACV,gBAAA,MAAM,YAAY,GAAG,WAAW,EAAE;AAClC,gBAAA,MAAM,WAAW,GAAG,UAAU,EAAE;AAChC,gBAAA,IAAI,CAAC,YAAY,IAAI,CAAC,WAAW,EAAE;oBACjC;gBACF;AACA,gBAAA,MAAM,GAAG,GAAG,IAAI,CAAC,MAAM,CAAC,KAAK;gBAC7B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,GAAG,IAAI,EAAE,CAAC;AAC3B,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,WAAA,GAAA;AACE,QAAA,KAAK,EAAE;QACP,MAAM,CAAC,MAAK;YACV,IAAI,IAAI,CAAC,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE,EAAE;gBACtC,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE;YACxC;AACF,QAAA,CAAC,CAAC;IACJ;wGApDW,QAAQ,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAR,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,QAAQ,oeAHR,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,EAAA,QAAA,EAAA,CAAA,UAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAGvB,QAAQ,EAAA,UAAA,EAAA,CAAA;kBARpB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qCAAqC;AAC/C,oBAAA,IAAI,EAAE;AACJ,wBAAA,SAAS,EAAE,oEAAoE;AAChF,qBAAA;AACD,oBAAA,SAAS,EAAE,CAAC,WAAW,CAAA,QAAA,CAAU,CAAC;AAClC,oBAAA,QAAQ,EAAE,UAAU;AACrB,iBAAA;;;ACzBD;;AAEG;;;;"}

package/fesm2022/ngneers-controls-item-view.mjs

@@ -224,10 +224,10 @@ class ItemViewTemplates extends NgnBase {
      * Can be used with the {@link NgnTemplate} directive for type safe ng-templates.
      */
     templateTypes = templateTypesFn();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: ItemViewTemplates, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.2", type: ItemViewTemplates, isStandalone: true, inputs: { templateItem: { classPropertyName: "templateItem", publicName: "templateItem", isSignal: true, isRequired: false, transformFunction: null }, templateSeparator: { classPropertyName: "templateSeparator", publicName: "templateSeparator", isSignal: true, isRequired: false, transformFunction: null }, templateOverflow: { classPropertyName: "templateOverflow", publicName: "templateOverflow", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "_userItemTemplate", first: true, predicate: ["item"], descendants: true, isSignal: true }, { propertyName: "_userSeparatorTemplate", first: true, predicate: ["separator"], descendants: true, isSignal: true }, { propertyName: "_userOverflowItemTemplate", first: true, predicate: ["overflow"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_defaultSeparatorTemplate", first: true, predicate: ["defaultSeparatorTemplate"], descendants: true, isSignal: true }, { propertyName: "_defaultOverflowItemTemplate", first: true, predicate: ["defaultOverflowItemTemplate"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: ItemViewTemplates, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.10", type: ItemViewTemplates, isStandalone: true, inputs: { templateItem: { classPropertyName: "templateItem", publicName: "templateItem", isSignal: true, isRequired: false, transformFunction: null }, templateSeparator: { classPropertyName: "templateSeparator", publicName: "templateSeparator", isSignal: true, isRequired: false, transformFunction: null }, templateOverflow: { classPropertyName: "templateOverflow", publicName: "templateOverflow", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "_userItemTemplate", first: true, predicate: ["item"], descendants: true, isSignal: true }, { propertyName: "_userSeparatorTemplate", first: true, predicate: ["separator"], descendants: true, isSignal: true }, { propertyName: "_userOverflowItemTemplate", first: true, predicate: ["overflow"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_defaultSeparatorTemplate", first: true, predicate: ["defaultSeparatorTemplate"], descendants: true, isSignal: true }, { propertyName: "_defaultOverflowItemTemplate", first: true, predicate: ["defaultOverflowItemTemplate"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: ItemViewTemplates, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: ItemViewTemplates, decorators: [{
             type: Directive
         }], propDecorators: { templateItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateItem", required: false }] }], _userItemTemplate: [{ type: i0.ContentChild, args: ['item', { isSignal: true }] }], _defaultSeparatorTemplate: [{ type: i0.ViewChild, args: ['defaultSeparatorTemplate', { isSignal: true }] }], _userSeparatorTemplate: [{ type: i0.ContentChild, args: ['separator', { isSignal: true }] }], templateSeparator: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateSeparator", required: false }] }], _defaultOverflowItemTemplate: [{ type: i0.ViewChild, args: ['defaultOverflowItemTemplate', { isSignal: true }] }], _userOverflowItemTemplate: [{ type: i0.ContentChild, args: ['overflow', { isSignal: true }] }], templateOverflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateOverflow", required: false }] }] } });
 
@@ -422,10 +422,10 @@ class NgnItemView extends ItemViewTemplates {
             this._themeGap.set(gap);
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: NgnItemView, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.2", type: NgnItemView, isStandalone: true, selector: "ngn-item-view", inputs: { idField: { classPropertyName: "idField", publicName: "idField", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, iconItemSeparator: { classPropertyName: "iconItemSeparator", publicName: "iconItemSeparator", isSignal: true, isRequired: false, transformFunction: null }, overflowStrategy: { classPropertyName: "overflowStrategy", publicName: "overflowStrategy", isSignal: true, isRequired: false, transformFunction: null }, overflowStrategyFreezeCount: { classPropertyName: "overflowStrategyFreezeCount", publicName: "overflowStrategyFreezeCount", isSignal: true, isRequired: false, transformFunction: null }, overflowStrategyIndex: { classPropertyName: "overflowStrategyIndex", publicName: "overflowStrategyIndex", isSignal: true, isRequired: false, transformFunction: null }, sameWidthItems: { classPropertyName: "sameWidthItems", publicName: "sameWidthItems", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "\"list\"", "style.maxWidth.px": "maxWidth()" } }, providers: [provideSelf(NgnItemView)], viewQueries: [{ propertyName: "_renderedItemRefs", predicate: ["itemRef"], descendants: true, isSignal: true }, { propertyName: "_firstItemRef", first: true, predicate: ["itemRef"], descendants: true, isSignal: true }, { propertyName: "_overflowItemRef", first: true, predicate: ["overflowItem"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@for (item of renderedItems(); track item.id; let i = $index) {\r\n  @if (item.kind === 'visibleItem' || item.kind === 'overflowItem') {\r\n    <span\r\n      role=\"listitem\"\r\n      #itemRef\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"{\r\n        item: true,\r\n        'item-overflowing': item.kind === 'overflowItem',\r\n      }\"\r\n    >\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          itemTemplate();\r\n          context: { $implicit: item.item, index: i, last: $last, first: $first }\r\n        \"\r\n      />\r\n      @if (!$last) {\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            separatorTemplate();\r\n            context: { $implicit: { character: separatorChar(), icon: iconItemSeparator() } }\r\n          \"\r\n        />\r\n      }\r\n    </span>\r\n  } @else if (item.kind === 'overflowIndicator') {\r\n    <div\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"{ 'more-items': true, 'more-items-hidden': !item.visible }\"\r\n      aria-hidden=\"true\"\r\n      #overflowItem\r\n    >\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          overflowTemplate();\r\n          context: {\r\n            $implicit: {\r\n              totalCount: items().length,\r\n              overflowCount: item.items.length,\r\n              overflowItems: item.items,\r\n            },\r\n          }\r\n        \"\r\n      />\r\n      @if (!$last) {\r\n        <span\r\n          [style.visibility]=\"item.hasSeparator ? 'visible' : 'hidden'\"\r\n          style=\"display: contents\"\r\n        >\r\n          <ng-container\r\n            *ngTemplateOutlet=\"\r\n              separatorTemplate();\r\n              context: { $implicit: { character: separatorChar(), icon: iconItemSeparator() } }\r\n            \"\r\n          />\r\n        </span>\r\n      }\r\n    </div>\r\n  }\r\n}\r\n\r\n<ng-template #defaultSeparatorTemplate [ngnTemplate]=\"templateTypes.separator\" let-separator>\r\n  @if (separator.character) {\r\n    <span>{{ separator.character }}</span>\r\n  } @else if (separator.icon) {\r\n    <ngn-icon [icon]=\"separator.icon\" />\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #defaultOverflowItemTemplate [ngnTemplate]=\"templateTypes.overflow\" let-overflow>\r\n  <span [ptInt]=\"this\" [ptClass]=\"'more-items-default'\">+{{ overflow.overflowCount }}</span>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgnTemplate, selector: "ng-template[ngnTemplate]", inputs: ["ngnTemplate"] }, { kind: "component", type: NgnIcon, selector: "ngn-icon", inputs: ["defaultIcon", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NgnItemView, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: NgnItemView, isStandalone: true, selector: "ngn-item-view", inputs: { idField: { classPropertyName: "idField", publicName: "idField", isSignal: true, isRequired: true, transformFunction: null }, items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, separator: { classPropertyName: "separator", publicName: "separator", isSignal: true, isRequired: false, transformFunction: null }, iconItemSeparator: { classPropertyName: "iconItemSeparator", publicName: "iconItemSeparator", isSignal: true, isRequired: false, transformFunction: null }, overflowStrategy: { classPropertyName: "overflowStrategy", publicName: "overflowStrategy", isSignal: true, isRequired: false, transformFunction: null }, overflowStrategyFreezeCount: { classPropertyName: "overflowStrategyFreezeCount", publicName: "overflowStrategyFreezeCount", isSignal: true, isRequired: false, transformFunction: null }, overflowStrategyIndex: { classPropertyName: "overflowStrategyIndex", publicName: "overflowStrategyIndex", isSignal: true, isRequired: false, transformFunction: null }, sameWidthItems: { classPropertyName: "sameWidthItems", publicName: "sameWidthItems", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "attr.role": "\"list\"", "style.maxWidth.px": "maxWidth()" } }, providers: [provideSelf(NgnItemView)], viewQueries: [{ propertyName: "_renderedItemRefs", predicate: ["itemRef"], descendants: true, isSignal: true }, { propertyName: "_firstItemRef", first: true, predicate: ["itemRef"], descendants: true, isSignal: true }, { propertyName: "_overflowItemRef", first: true, predicate: ["overflowItem"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "@for (item of renderedItems(); track item.id; let i = $index) {\r\n  @if (item.kind === 'visibleItem' || item.kind === 'overflowItem') {\r\n    <span\r\n      role=\"listitem\"\r\n      #itemRef\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"{\r\n        item: true,\r\n        'item-overflowing': item.kind === 'overflowItem',\r\n      }\"\r\n    >\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          itemTemplate();\r\n          context: { $implicit: item.item, index: i, last: $last, first: $first }\r\n        \"\r\n      />\r\n      @if (!$last) {\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            separatorTemplate();\r\n            context: { $implicit: { character: separatorChar(), icon: iconItemSeparator() } }\r\n          \"\r\n        />\r\n      }\r\n    </span>\r\n  } @else if (item.kind === 'overflowIndicator') {\r\n    <div\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"{ 'more-items': true, 'more-items-hidden': !item.visible }\"\r\n      aria-hidden=\"true\"\r\n      #overflowItem\r\n    >\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          overflowTemplate();\r\n          context: {\r\n            $implicit: {\r\n              totalCount: items().length,\r\n              overflowCount: item.items.length,\r\n              overflowItems: item.items,\r\n            },\r\n          }\r\n        \"\r\n      />\r\n      @if (!$last) {\r\n        <span\r\n          [style.visibility]=\"item.hasSeparator ? 'visible' : 'hidden'\"\r\n          style=\"display: contents\"\r\n        >\r\n          <ng-container\r\n            *ngTemplateOutlet=\"\r\n              separatorTemplate();\r\n              context: { $implicit: { character: separatorChar(), icon: iconItemSeparator() } }\r\n            \"\r\n          />\r\n        </span>\r\n      }\r\n    </div>\r\n  }\r\n}\r\n\r\n<ng-template #defaultSeparatorTemplate [ngnTemplate]=\"templateTypes.separator\" let-separator>\r\n  @if (separator.character) {\r\n    <span>{{ separator.character }}</span>\r\n  } @else if (separator.icon) {\r\n    <ngn-icon [icon]=\"separator.icon\" />\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #defaultOverflowItemTemplate [ngnTemplate]=\"templateTypes.overflow\" let-overflow>\r\n  <span [ptInt]=\"this\" [ptClass]=\"'more-items-default'\">+{{ overflow.overflowCount }}</span>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: NgnTemplate, selector: "ng-template[ngnTemplate]", inputs: ["ngnTemplate"] }, { kind: "component", type: NgnIcon, selector: "ngn-icon", inputs: ["defaultIcon", "icon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: NgnItemView, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NgnItemView, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ngn-item-view', imports: [NgnPt, NgTemplateOutlet, NgnTemplate, NgnIcon], providers: [provideSelf(NgnItemView)], host: {
                         '[attr.role]': '"list"',

package/fesm2022/ngneers-controls-item-view.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngneers-controls-item-view.mjs","sources":["../../src/item-view/item-view-layout.ts","../../src/item-view/item-view-templates.ts","../../src/item-view/item-view.ts","../../src/item-view/item-view.html","../../src/item-view/ngneers-controls-item-view.ts"],"sourcesContent":["import { NgnError } from '@ngneers/controls/utils';\r\n\r\nimport type { OverflowStrategy } from './types';\r\n\r\nexport type ItemOverflowLocation = 'start' | 'end' | 'center';\r\n\r\nexport type OverflowOrderEntry = {\r\n  index: number;\r\n  location: ItemOverflowLocation;\r\n};\r\n\r\nexport type OverflowOrder = readonly OverflowOrderEntry[];\r\n\r\nexport type ItemViewLayoutInput = {\r\n  count: number;\r\n  strategy: OverflowStrategy;\r\n  freezeCount: number;\r\n  strategyIndex: number;\r\n  containerWidth: number;\r\n  itemWidths: readonly number[];\r\n  overflowItemWidth: number;\r\n  gap: number;\r\n};\r\n\r\nexport type ItemViewLayoutResult = {\r\n  checkOrder: OverflowOrder;\r\n  renderedItemOrders: OverflowOrder;\r\n  remainingItemOrders: OverflowOrder;\r\n  overflowIndicatorCount: number;\r\n  overflowIndicatorIndices: readonly (number | null)[];\r\n};\r\n\r\n/**\r\n * Returns the *priority order* in which items are considered for keeping visible.\r\n * The algorithm is greedy: it walks this list until items no longer fit.\r\n * Each entry also carries a `location` which describes which overflow indicator would own the item.\r\n */\r\nexport function getItemOverflowCheckOrder(params: {\r\n  count: number;\r\n  strategy: OverflowStrategy;\r\n  freezeCount: number;\r\n  strategyIndex: number;\r\n}): OverflowOrder {\r\n  const count = Math.max(0, Math.floor(params.count));\r\n  if (count === 0) {\r\n    return [];\r\n  }\r\n\r\n  const freezeCount = Math.min(Math.max(0, Math.floor(params.freezeCount)), count);\r\n\r\n  switch (params.strategy) {\r\n    case 'end': {\r\n      const arr = [...Array.from({ length: count - freezeCount }, (_, i) => i)];\r\n      arr.splice(1, 0, ...Array.from({ length: freezeCount }, (_, i) => count - freezeCount + i));\r\n      return arr.map(index => ({ index, location: 'end' }));\r\n    }\r\n    case 'start': {\r\n      const arr = [...Array.from({ length: count - freezeCount }, (_, i) => count - i - 1)];\r\n      arr.splice(1, 0, ...Array.from({ length: freezeCount }, (_, i) => i));\r\n      return arr.map(index => ({ index, location: 'start' }));\r\n    }\r\n    case 'center': {\r\n      // \"Center\" overflows symmetrically: keep alternating left/right items first.\r\n      const order: OverflowOrderEntry[] = [];\r\n      let leftIndex = 0;\r\n      let rightIndex = count - 1;\r\n\r\n      for (let i = 0; i < count; i++) {\r\n        if (i % 2 === 0) {\r\n          order.push({ index: leftIndex++, location: 'center' } as const);\r\n        } else {\r\n          order.push({ index: rightIndex--, location: 'center' } as const);\r\n        }\r\n      }\r\n      return order;\r\n    }\r\n    case 'aroundIndex': {\r\n      // \"AroundIndex\" keeps the chosen item visible, then expands outward on both sides.\r\n      // FreezeCount applies to both ends; we must ensure the chosen index stays in-bounds.\r\n      const minIndex = Math.min(freezeCount, count - 1);\r\n      const maxIndex = Math.max(minIndex, count - freezeCount - 1);\r\n      const index = Math.min(Math.max(minIndex, Math.floor(params.strategyIndex)), maxIndex);\r\n\r\n      const targetMiddleCount = Math.max(0, count - freezeCount * 2);\r\n      const order: { index: number; location: 'start' | 'end' }[] =\r\n        targetMiddleCount > 0 ? [{ index, location: 'start' }] : [];\r\n\r\n      let offset = 1;\r\n      while (order.length < targetMiddleCount) {\r\n        if (index - offset >= freezeCount) {\r\n          order.push({ index: index - offset, location: 'start' });\r\n        }\r\n        if (order.length >= targetMiddleCount) {\r\n          break;\r\n        }\r\n        if (index + offset < count - freezeCount) {\r\n          order.push({\r\n            index: index + offset,\r\n            location: 'end',\r\n          });\r\n        }\r\n        offset++;\r\n      }\r\n\r\n      // Insert frozen items near the front of the list so they are kept visible.\r\n      // Keep the insertion ordering consistent with the component implementation.\r\n      order.splice(\r\n        1,\r\n        0,\r\n        ...Array.from({ length: freezeCount }, (_, i) => ({ index: i, location: 'start' }) as const)\r\n      );\r\n      order.splice(\r\n        1,\r\n        0,\r\n        ...Array.from(\r\n          { length: freezeCount },\r\n          (_, i) =>\r\n            ({\r\n              index: count - freezeCount + i,\r\n              location: 'end',\r\n            }) as const\r\n        )\r\n      );\r\n\r\n      return order;\r\n    }\r\n  }\r\n}\r\n\r\nexport function calculateItemViewLayout(params: ItemViewLayoutInput): ItemViewLayoutResult {\r\n  const count = Math.max(0, Math.floor(params.count));\r\n  const containerWidth = Math.max(0, params.containerWidth);\r\n  const overflowItemWidth = Math.max(0, params.overflowItemWidth);\r\n  const gap = Math.max(0, params.gap);\r\n  const maxOverflowIndicatorCount = params.strategy === 'aroundIndex' ? 2 : 1;\r\n\r\n  const overflowCheckOrder = getItemOverflowCheckOrder({\r\n    count,\r\n    strategy: params.strategy,\r\n    freezeCount: params.freezeCount,\r\n    strategyIndex: params.strategyIndex,\r\n  });\r\n\r\n  const getVisibleItemCount = (reservedWidth: number): number => {\r\n    let visibleItemCount = 0;\r\n    let totalWidth = Math.max(0, reservedWidth);\r\n\r\n    for (let i = 0; i < overflowCheckOrder.length; i++) {\r\n      const index = overflowCheckOrder[i]?.index;\r\n      if (index === undefined) {\r\n        throw new NgnError(\r\n          'calculateItemViewLayout',\r\n          'Invalid overflow check order: index is undefined'\r\n        );\r\n      }\r\n      const itemWidth = params.itemWidths[index] ?? 0;\r\n      const itemGap = i > 0 ? gap : 0;\r\n      const newWidth = totalWidth + itemWidth + itemGap;\r\n\r\n      if (newWidth <= containerWidth) {\r\n        totalWidth = newWidth;\r\n        visibleItemCount++;\r\n      } else {\r\n        break;\r\n      }\r\n    }\r\n\r\n    return visibleItemCount;\r\n  };\r\n\r\n  let overflowIndicatorCount = 0;\r\n  let previousOverflowIndicatorCount = -1;\r\n  let remainingItemOrders: OverflowOrder = overflowCheckOrder;\r\n  let renderedItemOrders: OverflowOrderEntry[] = [];\r\n  let overflowIndicatorLocations = new Set<ItemOverflowLocation>();\r\n\r\n  // Fixed-point iteration:\r\n  // 1) We blindly assume that we don't need any overflow indicators for the first pass.\r\n  // 2) We see how many items fit with that assumption.\r\n  // 3) The remaining items define which overflow locations exist (start/end/center).\r\n  // 4) That determines the *actual* number of indicators.\r\n  // Repeat until the indicator count stabilizes.\r\n  while (overflowIndicatorCount !== previousOverflowIndicatorCount) {\r\n    previousOverflowIndicatorCount = overflowIndicatorCount;\r\n\r\n    const initialVisibleItemCount = getVisibleItemCount(\r\n      overflowIndicatorCount * (overflowItemWidth + gap)\r\n    );\r\n\r\n    remainingItemOrders = overflowCheckOrder\r\n      .slice(initialVisibleItemCount)\r\n      .toSorted((a, b) => a.index - b.index);\r\n\r\n    overflowIndicatorLocations = new Set(remainingItemOrders.map(i => i.location));\r\n    overflowIndicatorCount = overflowIndicatorLocations.size;\r\n    const finalVisibleItemCount = getVisibleItemCount(\r\n      overflowIndicatorCount * (overflowItemWidth + gap)\r\n    );\r\n    renderedItemOrders = overflowCheckOrder.slice(0, finalVisibleItemCount);\r\n  }\r\n\r\n  (['start', 'end'] as const).forEach(location => {\r\n    // Optimization: if all overflowed items for a side would fit inside the overflow indicator width,\r\n    // we can render them inline and drop that overflow indicator entirely.\r\n    // This is only applicable for start/end & the aroundIndex strategy. Center has no \"adjacent\" insertion point.\r\n    if (overflowIndicatorLocations.has(location)) {\r\n      const itemsWithIndices = remainingItemOrders\r\n        .map((x, i) => [i + renderedItemOrders.length, x] as const)\r\n        .filter(x => x[1].location === location);\r\n      const itemSizes = itemsWithIndices.map(i => params.itemWidths[i[1].index] ?? 0);\r\n      const itemsTotalSize = itemSizes.reduce((a, b) => a + b, 0);\r\n      if (itemsTotalSize <= overflowItemWidth) {\r\n        overflowIndicatorLocations.delete(location);\r\n        renderedItemOrders = [...renderedItemOrders, ...itemsWithIndices.map(i => i[1])];\r\n        overflowIndicatorCount--;\r\n      }\r\n    }\r\n  });\r\n\r\n  // Keep result consistent after the optimization pass.\r\n  const renderedIndices = new Set(renderedItemOrders.map(x => x.index));\r\n  remainingItemOrders = overflowCheckOrder\r\n    .filter(x => !renderedIndices.has(x.index))\r\n    .toSorted((a, b) => a.index - b.index);\r\n\r\n  // Calculate the insertion indices for the overflow indicators.\r\n  const overflowIndicatorIndices = (() => {\r\n    if (overflowIndicatorCount === 0) {\r\n      return [null];\r\n    } else if (maxOverflowIndicatorCount === 1 && overflowIndicatorCount === 1) {\r\n      return [remainingItemOrders[0]?.index ?? null];\r\n    } else if (maxOverflowIndicatorCount === 2) {\r\n      const res: number[] = [];\r\n      const firstEndIndex = remainingItemOrders.find(x => x.location === 'end')?.index;\r\n      const lastEndIndex = remainingItemOrders.findLast(x => x.location === 'end')?.index;\r\n      const firstStartIndex = remainingItemOrders.find(x => x.location === 'start')?.index;\r\n      const lastStartIndex = remainingItemOrders.findLast(x => x.location === 'start')?.index;\r\n      if (overflowIndicatorLocations.has('start')) {\r\n        const startIndex = firstStartIndex ?? firstEndIndex ?? 0;\r\n        res.push(startIndex + Math.min(Math.max(0, Math.floor(params.freezeCount)), count));\r\n      }\r\n      if (overflowIndicatorLocations.has('end')) {\r\n        const endIndex = lastEndIndex ? lastEndIndex + 1 : (lastStartIndex ?? 0);\r\n        res.push(endIndex);\r\n      }\r\n      return res;\r\n    }\r\n    return [];\r\n  })();\r\n\r\n  return {\r\n    checkOrder: overflowCheckOrder,\r\n    renderedItemOrders,\r\n    remainingItemOrders,\r\n    overflowIndicatorCount,\r\n    overflowIndicatorIndices,\r\n  };\r\n}\r\n","import { computed, contentChild, Directive, input, TemplateRef, viewChild } from '@angular/core';\r\nimport { templateTypesFn } from '@ngneers/controls/api/ng';\r\nimport { NgnBase } from '@ngneers/controls/base';\r\n\r\nimport type { IconType } from '@ngneers/controls-custom-types';\r\n\r\n@Directive()\r\nexport abstract class ItemViewTemplates<T> extends NgnBase<'itemView'> {\r\n  /**\r\n   * The template to be used for rendering each item in the item view.\r\n   * Can also be set using the `item` content child.\r\n   */\r\n  public readonly templateItem = input<TemplateRef<\r\n    typeof this.templateTypes.$implicit.item\r\n  > | null>(null);\r\n  private readonly _userItemTemplate =\r\n    contentChild<TemplateRef<typeof this.templateTypes.item>>('item');\r\n  protected readonly itemTemplate = computed(() => this._userItemTemplate() ?? this.templateItem());\r\n\r\n  // Separator template\r\n  private readonly _defaultSeparatorTemplate = viewChild.required<\r\n    TemplateRef<typeof this.templateTypes.separator>\r\n  >('defaultSeparatorTemplate');\r\n  private readonly _userSeparatorTemplate =\r\n    contentChild<TemplateRef<typeof this.templateTypes.separator>>('separator');\r\n  /**\r\n   * Set a custom template for the separators of the breadcrumb.\r\n   * Can also be set using an `<ng-template>` element with `#separator` template reference variable.\r\n   */\r\n  public readonly templateSeparator = input<TemplateRef<\r\n    typeof this.templateTypes.separator\r\n  > | null>(null);\r\n  protected readonly separatorTemplate = computed(\r\n    () =>\r\n      this._userSeparatorTemplate() ?? this.templateSeparator() ?? this._defaultSeparatorTemplate()\r\n  );\r\n\r\n  // Overflow item template\r\n  private readonly _defaultOverflowItemTemplate = viewChild.required<\r\n    TemplateRef<typeof this.templateTypes.overflow>\r\n  >('defaultOverflowItemTemplate');\r\n  private readonly _userOverflowItemTemplate =\r\n    contentChild<TemplateRef<typeof this.templateTypes.overflow>>('overflow');\r\n  /**\r\n   * Set a custom template for the overflow item.\r\n   * Can also be set using an `<ng-template>` element with `#overflow` template reference variable.\r\n   */\r\n  public readonly templateOverflow = input<TemplateRef<typeof this.templateTypes.overflow> | null>(\r\n    null\r\n  );\r\n  protected readonly overflowTemplate = computed(\r\n    () =>\r\n      this._userOverflowItemTemplate() ??\r\n      this.templateOverflow() ??\r\n      this._defaultOverflowItemTemplate()\r\n  );\r\n\r\n  /**\r\n   * Template types for the item-view.\r\n   * Can be used with the {@link NgnTemplate} directive for type safe ng-templates.\r\n   */\r\n  public readonly templateTypes = templateTypesFn<{\r\n    item: {\r\n      $implicit: T;\r\n      index: number;\r\n      last: boolean;\r\n      first: boolean;\r\n    };\r\n    separator: {\r\n      $implicit: {\r\n        icon?: IconType;\r\n        character?: string;\r\n      };\r\n    };\r\n    overflow: {\r\n      $implicit: {\r\n        totalCount: number;\r\n        overflowCount: number;\r\n        overflowItems: T[];\r\n      };\r\n    };\r\n  }>();\r\n}\r\n","import { NgTemplateOutlet } from '@angular/common';\r\nimport {\r\n  type AfterViewInit,\r\n  Component,\r\n  computed,\r\n  ElementRef,\r\n  inject,\r\n  input,\r\n  signal,\r\n  viewChild,\r\n  viewChildren,\r\n  ChangeDetectionStrategy,\r\n} from '@angular/core';\r\nimport {\r\n  elementSizeSignal,\r\n  elementsSizesSignal,\r\n  NgnTemplate,\r\n  Platform,\r\n} from '@ngneers/controls/api/ng';\r\nimport { NgnPt, provideSelf } from '@ngneers/controls/base';\r\nimport { NgnIcon } from '@ngneers/controls/icon';\r\nimport { areArraysDeepEqual, throwExp } from '@ngneers/controls/utils';\r\nimport { itemViewControlTemplate } from '@ngneers/controls-themes/templates/item-view';\r\n\r\nimport {\r\n  calculateItemViewLayout,\r\n  getItemOverflowCheckOrder,\r\n  type ItemOverflowLocation,\r\n  type OverflowOrder,\r\n} from './item-view-layout';\r\nimport { ItemViewTemplates } from './item-view-templates';\r\n\r\nimport type { OverflowStrategy } from './types';\r\nimport type { IconType } from '@ngneers/controls-custom-types';\r\n\r\ntype RenderItem<T> =\r\n  | {\r\n      id: string | number;\r\n      kind: 'visibleItem';\r\n      item: T;\r\n    }\r\n  | {\r\n      id: string | number;\r\n      kind: 'overflowItem';\r\n      location: ItemOverflowLocation;\r\n      item: T;\r\n    }\r\n  | {\r\n      id: string;\r\n      kind: 'overflowIndicator';\r\n      visible: boolean;\r\n      items: T[];\r\n      hasSeparator: boolean;\r\n    };\r\n\r\n/**\r\n * @category control\r\n */\r\n@Component({\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  selector: 'ngn-item-view',\r\n  templateUrl: './item-view.html',\r\n  imports: [NgnPt, NgTemplateOutlet, NgnTemplate, NgnIcon],\r\n  providers: [provideSelf(NgnItemView)],\r\n  host: {\r\n    '[attr.role]': '\"list\"',\r\n    '[style.maxWidth.px]': 'maxWidth()',\r\n  },\r\n})\r\nexport class NgnItemView<T extends object, IdField extends keyof T>\r\n  extends ItemViewTemplates<T>\r\n  implements AfterViewInit\r\n{\r\n  protected readonly theme = this.injectThemeTemplate(itemViewControlTemplate, 'root');\r\n  /**\r\n   * The key of the id property in the item object. This is used to track items in the template.\r\n   */\r\n  public readonly idField = input.required<IdField>();\r\n  /**\r\n   * The items to be displayed in the item view.\r\n   * This is a required input and should be an array of items of type {@link T}.\r\n   */\r\n  public readonly items = input.required<readonly T[]>();\r\n  /**\r\n   * A separator string (character) to be displayed between items. Set `true` for `,` or provide a custom string.\r\n   */\r\n  public readonly separator = input<true | string>();\r\n  /**\r\n   * A separator icon to be displayed between items.\r\n   */\r\n  public readonly iconItemSeparator = input<IconType>();\r\n  /**\r\n   * Strategy to use when there are more items than can be displayed in the available space.\r\n   * The value determines where the items should start to overflow.\r\n   * @default 'end'\r\n   */\r\n  public readonly overflowStrategy = input<OverflowStrategy>('end');\r\n  /**\r\n   * The amount of items to keep visible after or before overflowing, depending on the {@link overflowStrategy}.\r\n   * @default 0\r\n   */\r\n  public readonly overflowStrategyFreezeCount = input<number>(0);\r\n  /**\r\n   * Index of the item to be used as the overflow indicator when using the 'aroundIndex' overflow strategy.\r\n   * This input is only relevant when the {@link overflowStrategy} is set to 'aroundIndex'.\r\n   * @default 0\r\n   */\r\n  public readonly overflowStrategyIndex = input<number>(0);\r\n  /**\r\n   * Set this to `true` for greatly improving performance when all items have the same width.\r\n   * Especially true for large lists of items.\r\n   *\r\n   * ⚠️ This reduces the accessibility of the control as screen\r\n   * readers will not be able to determine the number of hidden items and keyboard users cannot directly\r\n   * navigate to them. Use this only for potentially very large lists (with items of identical width) where users will not\r\n   * need to access overflowed items directly.\r\n   * @default false\r\n   */\r\n  public readonly sameWidthItems = input<boolean>(false);\r\n\r\n  private readonly _themeGap = signal(0);\r\n  private readonly _isBrowser = inject(Platform).isBrowser;\r\n\r\n  protected readonly separatorChar = computed(() => {\r\n    const sep = this.separator();\r\n    return typeof sep === 'boolean' ? (sep ? ', ' : '') : sep;\r\n  });\r\n\r\n  private readonly _enableSizeMeasuring = computed(() => !this.sameWidthItems());\r\n  private readonly _renderedItemRefs = viewChildren<ElementRef<HTMLElement>>('itemRef');\r\n  private readonly _firstItemRef = viewChild<ElementRef<HTMLElement>>('itemRef');\r\n  private readonly _firstItemWidth = elementSizeSignal(this._firstItemRef);\r\n  private readonly _renderedItemSizes = elementsSizesSignal(\r\n    this._renderedItemRefs,\r\n    this._enableSizeMeasuring\r\n  );\r\n  private readonly _renderedItemWidths = computed(\r\n    () =>\r\n      this.sameWidthItems()\r\n        ? this.items().map(() => this._firstItemWidth().width || Number.MAX_SAFE_INTEGER)\r\n        : this._renderedItemSizes().map(size => size.width),\r\n    { equal: areArraysDeepEqual }\r\n  );\r\n  private readonly _containerSize = elementSizeSignal(this.element.nativeElement);\r\n  private readonly _overflowItemRef = viewChild<ElementRef<HTMLElement>>('overflowItem');\r\n  private readonly _overflowItemSize = elementSizeSignal(this._overflowItemRef);\r\n\r\n  protected readonly itemOverflowCheckOrder = computed<OverflowOrder>(() => {\r\n    const count = this.items().length;\r\n    const freezeCount = Math.min(this.overflowStrategyFreezeCount(), count);\r\n    return getItemOverflowCheckOrder({\r\n      count,\r\n      strategy: this.overflowStrategy(),\r\n      freezeCount,\r\n      strategyIndex: this.overflowStrategyIndex(),\r\n    });\r\n  });\r\n\r\n  protected readonly renderedItems = computed<RenderItem<T>[]>(() => {\r\n    const containerWidth = this._containerSize().width;\r\n    const renderedItemWidths = this._renderedItemWidths();\r\n    const overflowCheckOrder = this.itemOverflowCheckOrder();\r\n\r\n    const count = this.items().length;\r\n    const freezeCount = Math.min(this.overflowStrategyFreezeCount(), count);\r\n    const layout = calculateItemViewLayout({\r\n      count,\r\n      strategy: this.overflowStrategy(),\r\n      freezeCount,\r\n      strategyIndex: this.overflowStrategyIndex(),\r\n      containerWidth,\r\n      itemWidths: renderedItemWidths,\r\n      overflowItemWidth: this._overflowItemSize().width,\r\n      gap: this._themeGap(),\r\n    });\r\n\r\n    const renderedItemOrders = layout.renderedItemOrders;\r\n    // Precompute quick lookups for the hot paths below.\r\n    // - `renderedIndexSet` allows O(1) visibility checks.\r\n    // - `locationByIndex` avoids repeatedly scanning the overflow order to find an item's location.\r\n    const renderedIndexSet = new Set<number>(renderedItemOrders.map(x => x.index));\r\n    const locationByIndex: Array<ItemOverflowLocation | undefined> = new Array(count);\r\n    for (const entry of overflowCheckOrder) {\r\n      locationByIndex[entry.index] = entry.location;\r\n    }\r\n\r\n    // First pass: build the full list with items marked as visible vs overflowed.\r\n    // We'll insert overflow indicators afterwards at the computed insertion indices.\r\n    let res: RenderItem<T>[] = this.items().map((item, index) => {\r\n      if (renderedIndexSet.has(index)) {\r\n        return <RenderItem<T>>{\r\n          id: item[this.idField()] as string | number,\r\n          kind: 'visibleItem',\r\n          item,\r\n        };\r\n      } else {\r\n        return <RenderItem<T>>{\r\n          id: item[this.idField()] as string | number,\r\n          kind: 'overflowItem',\r\n          location: locationByIndex[index] ?? 'end',\r\n          item,\r\n        };\r\n      }\r\n    });\r\n\r\n    const getFallbackOverflowIndicatorIndex = () => {\r\n      // When the layout says \"no indicator\" for the only slot (null), we still need a stable\r\n      // insertion index so the DOM structure stays consistent for measurement.\r\n      if (overflowCheckOrder.length === 0) {\r\n        return 0;\r\n      }\r\n      const lastItem = overflowCheckOrder[overflowCheckOrder.length - 1];\r\n      return (lastItem ?? throwExp('NgnItemView', 'Unexpected empty entry in overflowCheckOrder'))\r\n        .index;\r\n    };\r\n\r\n    // Insert overflow indicators at the calculated indices\r\n    // Note: inserting into `res` shifts subsequent indices; track that shift explicitly with `insertOffset`.\r\n    let insertOffset = 0;\r\n\r\n    // Collect overflowed items, both as a single list and grouped by location.\r\n    const overflowedItemsAll: T[] = [];\r\n    const overflowedItemsByLocation: Record<ItemOverflowLocation, T[]> = {\r\n      start: [],\r\n      end: [],\r\n      center: [],\r\n    };\r\n    const allItems = this.items();\r\n    for (let i = 0; i < count; i++) {\r\n      if (renderedIndexSet.has(i)) {\r\n        continue;\r\n      }\r\n      const item = allItems[i];\r\n      if (item === undefined) {\r\n        continue;\r\n      }\r\n      overflowedItemsAll.push(item);\r\n      const location = locationByIndex[i] ?? 'end';\r\n      overflowedItemsByLocation[location].push(item);\r\n    }\r\n\r\n    layout.overflowIndicatorIndices.forEach((indicatorIndex, iterationIndex) => {\r\n      const insertIndex = indicatorIndex ?? getFallbackOverflowIndicatorIndex() + insertOffset;\r\n\r\n      // If two overflow indicators are rendered (aroundIndex), we must split overflow items by location\r\n      // so each indicator shows its own count/list.\r\n      const overflowIndicatorLocation =\r\n        layout.overflowIndicatorCount === 1 ? null : iterationIndex === 0 ? 'start' : 'end';\r\n      const items = overflowIndicatorLocation\r\n        ? overflowedItemsByLocation[overflowIndicatorLocation]\r\n        : overflowedItemsAll;\r\n\r\n      res.splice(insertIndex, 0, <RenderItem<T>>{\r\n        id: `overflow-indicator-${indicatorIndex}`,\r\n        kind: 'overflowIndicator',\r\n        visible: indicatorIndex !== null,\r\n        items,\r\n        hasSeparator: renderedItemOrders.some(x => x.index + insertOffset > insertIndex),\r\n      });\r\n      insertOffset++;\r\n    });\r\n\r\n    // In fixed width mode, remove all hidden items except for the first one (used for measurement)\r\n    if (this.sameWidthItems()) {\r\n      res = res.filter((item, index) => item.kind !== 'overflowItem' || index === 0);\r\n    }\r\n\r\n    return res;\r\n  });\r\n\r\n  protected readonly maxWidth = computed<number>(() => {\r\n    return Math.ceil(\r\n      this._renderedItemWidths().reduce((sum, w) => sum + w, 0) +\r\n        this._themeGap() * Math.max(0, this.items().length - 1)\r\n    );\r\n  });\r\n\r\n  public ngAfterViewInit(): void {\r\n    if (!this._isBrowser) {\r\n      return;\r\n    }\r\n    requestAnimationFrame(() => {\r\n      const gapString = getComputedStyle(this.element.nativeElement).getPropertyValue('column-gap');\r\n      const gap = parseFloat(gapString) || 0;\r\n      this._themeGap.set(gap);\r\n    });\r\n  }\r\n}\r\n","@for (item of renderedItems(); track item.id; let i = $index) {\r\n  @if (item.kind === 'visibleItem' || item.kind === 'overflowItem') {\r\n    <span\r\n      role=\"listitem\"\r\n      #itemRef\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"{\r\n        item: true,\r\n        'item-overflowing': item.kind === 'overflowItem',\r\n      }\"\r\n    >\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          itemTemplate();\r\n          context: { $implicit: item.item, index: i, last: $last, first: $first }\r\n        \"\r\n      />\r\n      @if (!$last) {\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            separatorTemplate();\r\n            context: { $implicit: { character: separatorChar(), icon: iconItemSeparator() } }\r\n          \"\r\n        />\r\n      }\r\n    </span>\r\n  } @else if (item.kind === 'overflowIndicator') {\r\n    <div\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"{ 'more-items': true, 'more-items-hidden': !item.visible }\"\r\n      aria-hidden=\"true\"\r\n      #overflowItem\r\n    >\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          overflowTemplate();\r\n          context: {\r\n            $implicit: {\r\n              totalCount: items().length,\r\n              overflowCount: item.items.length,\r\n              overflowItems: item.items,\r\n            },\r\n          }\r\n        \"\r\n      />\r\n      @if (!$last) {\r\n        <span\r\n          [style.visibility]=\"item.hasSeparator ? 'visible' : 'hidden'\"\r\n          style=\"display: contents\"\r\n        >\r\n          <ng-container\r\n            *ngTemplateOutlet=\"\r\n              separatorTemplate();\r\n              context: { $implicit: { character: separatorChar(), icon: iconItemSeparator() } }\r\n            \"\r\n          />\r\n        </span>\r\n      }\r\n    </div>\r\n  }\r\n}\r\n\r\n<ng-template #defaultSeparatorTemplate [ngnTemplate]=\"templateTypes.separator\" let-separator>\r\n  @if (separator.character) {\r\n    <span>{{ separator.character }}</span>\r\n  } @else if (separator.icon) {\r\n    <ngn-icon [icon]=\"separator.icon\" />\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #defaultOverflowItemTemplate [ngnTemplate]=\"templateTypes.overflow\" let-overflow>\r\n  <span [ptInt]=\"this\" [ptClass]=\"'more-items-default'\">+{{ overflow.overflowCount }}</span>\r\n</ng-template>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;;;AAgCA;;;;AAIG;AACG,SAAU,yBAAyB,CAAC,MAKzC,EAAA;AACC,IAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACnD,IAAA,IAAI,KAAK,KAAK,CAAC,EAAE;AACf,QAAA,OAAO,EAAE;IACX;IAEA,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC;AAEhF,IAAA,QAAQ,MAAM,CAAC,QAAQ;QACrB,KAAK,KAAK,EAAE;YACV,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,WAAW,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACzE,YAAA,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,KAAK,GAAG,WAAW,GAAG,CAAC,CAAC,CAAC;AAC3F,YAAA,OAAO,GAAG,CAAC,GAAG,CAAC,KAAK,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;QACvD;QACA,KAAK,OAAO,EAAE;AACZ,YAAA,MAAM,GAAG,GAAG,CAAC,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,GAAG,WAAW,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,KAAK,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC;AACrF,YAAA,GAAG,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACrE,YAAA,OAAO,GAAG,CAAC,GAAG,CAAC,KAAK,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,CAAC;QACzD;QACA,KAAK,QAAQ,EAAE;;YAEb,MAAM,KAAK,GAAyB,EAAE;YACtC,IAAI,SAAS,GAAG,CAAC;AACjB,YAAA,IAAI,UAAU,GAAG,KAAK,GAAG,CAAC;AAE1B,YAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;AAC9B,gBAAA,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;AACf,oBAAA,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAW,CAAC;gBACjE;qBAAO;AACL,oBAAA,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAW,CAAC;gBAClE;YACF;AACA,YAAA,OAAO,KAAK;QACd;QACA,KAAK,aAAa,EAAE;;;AAGlB,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,GAAG,CAAC,CAAC;AACjD,YAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,KAAK,GAAG,WAAW,GAAG,CAAC,CAAC;YAC5D,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,EAAE,QAAQ,CAAC;AAEtF,YAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,WAAW,GAAG,CAAC,CAAC;YAC9D,MAAM,KAAK,GACT,iBAAiB,GAAG,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC,GAAG,EAAE;YAE7D,IAAI,MAAM,GAAG,CAAC;AACd,YAAA,OAAO,KAAK,CAAC,MAAM,GAAG,iBAAiB,EAAE;AACvC,gBAAA,IAAI,KAAK,GAAG,MAAM,IAAI,WAAW,EAAE;AACjC,oBAAA,KAAK,CAAC,IAAI,CAAC,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAC;gBAC1D;AACA,gBAAA,IAAI,KAAK,CAAC,MAAM,IAAI,iBAAiB,EAAE;oBACrC;gBACF;gBACA,IAAI,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,WAAW,EAAE;oBACxC,KAAK,CAAC,IAAI,CAAC;wBACT,KAAK,EAAE,KAAK,GAAG,MAAM;AACrB,wBAAA,QAAQ,EAAE,KAAK;AAChB,qBAAA,CAAC;gBACJ;AACA,gBAAA,MAAM,EAAE;YACV;;;AAIA,YAAA,KAAK,CAAC,MAAM,CACV,CAAC,EACD,CAAC,EACD,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,CAAU,CAAC,CAC7F;YACD,KAAK,CAAC,MAAM,CACV,CAAC,EACD,CAAC,EACD,GAAG,KAAK,CAAC,IAAI,CACX,EAAE,MAAM,EAAE,WAAW,EAAE,EACvB,CAAC,CAAC,EAAE,CAAC,MACF;AACC,gBAAA,KAAK,EAAE,KAAK,GAAG,WAAW,GAAG,CAAC;AAC9B,gBAAA,QAAQ,EAAE,KAAK;aAChB,CAAU,CACd,CACF;AAED,YAAA,OAAO,KAAK;QACd;;AAEJ;AAEM,SAAU,uBAAuB,CAAC,MAA2B,EAAA;AACjE,IAAA,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACnD,IAAA,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,cAAc,CAAC;AACzD,IAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,iBAAiB,CAAC;AAC/D,IAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC;AACnC,IAAA,MAAM,yBAAyB,GAAG,MAAM,CAAC,QAAQ,KAAK,aAAa,GAAG,CAAC,GAAG,CAAC;IAE3E,MAAM,kBAAkB,GAAG,yBAAyB,CAAC;QACnD,KAAK;QACL,QAAQ,EAAE,MAAM,CAAC,QAAQ;QACzB,WAAW,EAAE,MAAM,CAAC,WAAW;QAC/B,aAAa,EAAE,MAAM,CAAC,aAAa;AACpC,KAAA,CAAC;AAEF,IAAA,MAAM,mBAAmB,GAAG,CAAC,aAAqB,KAAY;QAC5D,IAAI,gBAAgB,GAAG,CAAC;QACxB,IAAI,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,CAAC;AAE3C,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,kBAAkB,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YAClD,MAAM,KAAK,GAAG,kBAAkB,CAAC,CAAC,CAAC,EAAE,KAAK;AAC1C,YAAA,IAAI,KAAK,KAAK,SAAS,EAAE;AACvB,gBAAA,MAAM,IAAI,QAAQ,CAChB,yBAAyB,EACzB,kDAAkD,CACnD;YACH;YACA,MAAM,SAAS,GAAG,MAAM,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;AAC/C,YAAA,MAAM,OAAO,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC;AAC/B,YAAA,MAAM,QAAQ,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO;AAEjD,YAAA,IAAI,QAAQ,IAAI,cAAc,EAAE;gBAC9B,UAAU,GAAG,QAAQ;AACrB,gBAAA,gBAAgB,EAAE;YACpB;iBAAO;gBACL;YACF;QACF;AAEA,QAAA,OAAO,gBAAgB;AACzB,IAAA,CAAC;IAED,IAAI,sBAAsB,GAAG,CAAC;AAC9B,IAAA,IAAI,8BAA8B,GAAG,CAAC,CAAC;IACvC,IAAI,mBAAmB,GAAkB,kBAAkB;IAC3D,IAAI,kBAAkB,GAAyB,EAAE;AACjD,IAAA,IAAI,0BAA0B,GAAG,IAAI,GAAG,EAAwB;;;;;;;AAQhE,IAAA,OAAO,sBAAsB,KAAK,8BAA8B,EAAE;QAChE,8BAA8B,GAAG,sBAAsB;AAEvD,QAAA,MAAM,uBAAuB,GAAG,mBAAmB,CACjD,sBAAsB,IAAI,iBAAiB,GAAG,GAAG,CAAC,CACnD;AAED,QAAA,mBAAmB,GAAG;aACnB,KAAK,CAAC,uBAAuB;AAC7B,aAAA,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;AAExC,QAAA,0BAA0B,GAAG,IAAI,GAAG,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,CAAC,CAAC;AAC9E,QAAA,sBAAsB,GAAG,0BAA0B,CAAC,IAAI;AACxD,QAAA,MAAM,qBAAqB,GAAG,mBAAmB,CAC/C,sBAAsB,IAAI,iBAAiB,GAAG,GAAG,CAAC,CACnD;QACD,kBAAkB,GAAG,kBAAkB,CAAC,KAAK,CAAC,CAAC,EAAE,qBAAqB,CAAC;IACzE;IAEC,CAAC,OAAO,EAAE,KAAK,CAAW,CAAC,OAAO,CAAC,QAAQ,IAAG;;;;AAI7C,QAAA,IAAI,0BAA0B,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE;YAC5C,MAAM,gBAAgB,GAAG;AACtB,iBAAA,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,GAAG,kBAAkB,CAAC,MAAM,EAAE,CAAC,CAAU;AACzD,iBAAA,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,KAAK,QAAQ,CAAC;YAC1C,MAAM,SAAS,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,IAAI,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;AAC/E,YAAA,MAAM,cAAc,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;AAC3D,YAAA,IAAI,cAAc,IAAI,iBAAiB,EAAE;AACvC,gBAAA,0BAA0B,CAAC,MAAM,CAAC,QAAQ,CAAC;gBAC3C,kBAAkB,GAAG,CAAC,GAAG,kBAAkB,EAAE,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;AAChF,gBAAA,sBAAsB,EAAE;YAC1B;QACF;AACF,IAAA,CAAC,CAAC;;AAGF,IAAA,MAAM,eAAe,GAAG,IAAI,GAAG,CAAC,kBAAkB,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;AACrE,IAAA,mBAAmB,GAAG;AACnB,SAAA,MAAM,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;AACzC,SAAA,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC;;AAGxC,IAAA,MAAM,wBAAwB,GAAG,CAAC,MAAK;AACrC,QAAA,IAAI,sBAAsB,KAAK,CAAC,EAAE;YAChC,OAAO,CAAC,IAAI,CAAC;QACf;aAAO,IAAI,yBAAyB,KAAK,CAAC,IAAI,sBAAsB,KAAK,CAAC,EAAE;YAC1E,OAAO,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,KAAK,IAAI,IAAI,CAAC;QAChD;AAAO,aAAA,IAAI,yBAAyB,KAAK,CAAC,EAAE;YAC1C,MAAM,GAAG,GAAa,EAAE;AACxB,YAAA,MAAM,aAAa,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,EAAE,KAAK;AAChF,YAAA,MAAM,YAAY,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,KAAK,CAAC,EAAE,KAAK;AACnF,YAAA,MAAM,eAAe,GAAG,mBAAmB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,OAAO,CAAC,EAAE,KAAK;AACpF,YAAA,MAAM,cAAc,GAAG,mBAAmB,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,KAAK,OAAO,CAAC,EAAE,KAAK;AACvF,YAAA,IAAI,0BAA0B,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE;AAC3C,gBAAA,MAAM,UAAU,GAAG,eAAe,IAAI,aAAa,IAAI,CAAC;AACxD,gBAAA,GAAG,CAAC,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC;YACrF;AACA,YAAA,IAAI,0BAA0B,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;AACzC,gBAAA,MAAM,QAAQ,GAAG,YAAY,GAAG,YAAY,GAAG,CAAC,IAAI,cAAc,IAAI,CAAC,CAAC;AACxE,gBAAA,GAAG,CAAC,IAAI,CAAC,QAAQ,CAAC;YACpB;AACA,YAAA,OAAO,GAAG;QACZ;AACA,QAAA,OAAO,EAAE;IACX,CAAC,GAAG;IAEJ,OAAO;AACL,QAAA,UAAU,EAAE,kBAAkB;QAC9B,kBAAkB;QAClB,mBAAmB;QACnB,sBAAsB;QACtB,wBAAwB;KACzB;AACH;;AC1PM,MAAgB,iBAAqB,SAAQ,OAAmB,CAAA;AACpE;;;AAGG;AACa,IAAA,YAAY,GAAG,KAAK,CAE1B,IAAI,mFAAC;AACE,IAAA,iBAAiB,GAChC,YAAY,CAA8C,MAAM,wFAAC;AAChD,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,iBAAiB,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE,mFAAC;;AAGhF,IAAA,yBAAyB,GAAG,SAAS,CAAC,QAAQ,CAE7D,0BAA0B,CAAC;AACZ,IAAA,sBAAsB,GACrC,YAAY,CAAmD,WAAW,6FAAC;AAC7E;;;AAGG;AACa,IAAA,iBAAiB,GAAG,KAAK,CAE/B,IAAI,wFAAC;IACI,iBAAiB,GAAG,QAAQ,CAC7C,MACE,IAAI,CAAC,sBAAsB,EAAE,IAAI,IAAI,CAAC,iBAAiB,EAAE,IAAI,IAAI,CAAC,yBAAyB,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAChG;;AAGgB,IAAA,4BAA4B,GAAG,SAAS,CAAC,QAAQ,CAEhE,6BAA6B,CAAC;AACf,IAAA,yBAAyB,GACxC,YAAY,CAAkD,UAAU,gGAAC;AAC3E;;;AAGG;AACa,IAAA,gBAAgB,GAAG,KAAK,CACtC,IAAI,uFACL;IACkB,gBAAgB,GAAG,QAAQ,CAC5C,MACE,IAAI,CAAC,yBAAyB,EAAE;QAChC,IAAI,CAAC,gBAAgB,EAAE;AACvB,QAAA,IAAI,CAAC,4BAA4B,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,kBAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CACtC;AAED;;;AAGG;IACa,aAAa,GAAG,eAAe,EAoB3C;uGA1EgB,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,gBAAA,EAAA,EAAA,iBAAA,EAAA,kBAAA,EAAA,UAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,MAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,wBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,WAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,2BAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,UAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,2BAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,0BAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,8BAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,6BAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBADtC;AAU6D,SAAA,CAAA,EAAA,cAAA,EAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,cAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,MAAM,mFAMhE,0BAA0B,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,sBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAEqC,WAAW,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,iBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,4BAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAgB1E,6BAA6B,sFAEiC,UAAU,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,gBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,kBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;ACa5E;;AAEG;AAYG,MAAO,WACX,SAAQ,iBAAoB,CAAA;IAGT,KAAK,GAAG,IAAI,CAAC,mBAAmB,CAAC,uBAAuB,EAAE,MAAM,CAAC;AACpF;;AAEG;AACa,IAAA,OAAO,GAAG,KAAK,CAAC,QAAQ,6EAAW;AACnD;;;AAGG;AACa,IAAA,KAAK,GAAG,KAAK,CAAC,QAAQ,2EAAgB;AACtD;;AAEG;IACa,SAAS,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,WAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAiB;AAClD;;AAEG;IACa,iBAAiB,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,mBAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAY;AACrD;;;;AAIG;AACa,IAAA,gBAAgB,GAAG,KAAK,CAAmB,KAAK,uFAAC;AACjE;;;AAGG;AACa,IAAA,2BAA2B,GAAG,KAAK,CAAS,CAAC,kGAAC;AAC9D;;;;AAIG;AACa,IAAA,qBAAqB,GAAG,KAAK,CAAS,CAAC,4FAAC;AACxD;;;;;;;;;AASG;AACa,IAAA,cAAc,GAAG,KAAK,CAAU,KAAK,qFAAC;AAErC,IAAA,SAAS,GAAG,MAAM,CAAC,CAAC,gFAAC;AACrB,IAAA,UAAU,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC,SAAS;AAErC,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AAC/C,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,EAAE;QAC5B,OAAO,OAAO,GAAG,KAAK,SAAS,IAAI,GAAG,GAAG,IAAI,GAAG,EAAE,IAAI,GAAG;AAC3D,IAAA,CAAC,oFAAC;AAEe,IAAA,oBAAoB,GAAG,QAAQ,CAAC,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,sBAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;AAC7D,IAAA,iBAAiB,GAAG,YAAY,CAA0B,SAAS,wFAAC;AACpE,IAAA,aAAa,GAAG,SAAS,CAA0B,SAAS,oFAAC;AAC7D,IAAA,eAAe,GAAG,iBAAiB,CAAC,IAAI,CAAC,aAAa,CAAC;IACvD,kBAAkB,GAAG,mBAAmB,CACvD,IAAI,CAAC,iBAAiB,EACtB,IAAI,CAAC,oBAAoB,CAC1B;IACgB,mBAAmB,GAAG,QAAQ,CAC7C,MACE,IAAI,CAAC,cAAc;UACf,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,MAAM,IAAI,CAAC,eAAe,EAAE,CAAC,KAAK,IAAI,MAAM,CAAC,gBAAgB;UAC9E,IAAI,CAAC,kBAAkB,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI,IAAI,CAAC,KAAK,CAAC,2FACrD,KAAK,EAAE,kBAAkB,EAAA,CAC5B;IACgB,cAAc,GAAG,iBAAiB,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;AAC9D,IAAA,gBAAgB,GAAG,SAAS,CAA0B,cAAc,uFAAC;AACrE,IAAA,iBAAiB,GAAG,iBAAiB,CAAC,IAAI,CAAC,gBAAgB,CAAC;AAE1D,IAAA,sBAAsB,GAAG,QAAQ,CAAgB,MAAK;QACvE,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM;AACjC,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,2BAA2B,EAAE,EAAE,KAAK,CAAC;AACvE,QAAA,OAAO,yBAAyB,CAAC;YAC/B,KAAK;AACL,YAAA,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAAE;YACjC,WAAW;AACX,YAAA,aAAa,EAAE,IAAI,CAAC,qBAAqB,EAAE;AAC5C,SAAA,CAAC;AACJ,IAAA,CAAC,6FAAC;AAEiB,IAAA,aAAa,GAAG,QAAQ,CAAkB,MAAK;QAChE,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,EAAE,CAAC,KAAK;AAClD,QAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,mBAAmB,EAAE;AACrD,QAAA,MAAM,kBAAkB,GAAG,IAAI,CAAC,sBAAsB,EAAE;QAExD,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM;AACjC,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,2BAA2B,EAAE,EAAE,KAAK,CAAC;QACvE,MAAM,MAAM,GAAG,uBAAuB,CAAC;YACrC,KAAK;AACL,YAAA,QAAQ,EAAE,IAAI,CAAC,gBAAgB,EAAE;YACjC,WAAW;AACX,YAAA,aAAa,EAAE,IAAI,CAAC,qBAAqB,EAAE;YAC3C,cAAc;AACd,YAAA,UAAU,EAAE,kBAAkB;AAC9B,YAAA,iBAAiB,EAAE,IAAI,CAAC,iBAAiB,EAAE,CAAC,KAAK;AACjD,YAAA,GAAG,EAAE,IAAI,CAAC,SAAS,EAAE;AACtB,SAAA,CAAC;AAEF,QAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,kBAAkB;;;;AAIpD,QAAA,MAAM,gBAAgB,GAAG,IAAI,GAAG,CAAS,kBAAkB,CAAC,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC;AAC9E,QAAA,MAAM,eAAe,GAA4C,IAAI,KAAK,CAAC,KAAK,CAAC;AACjF,QAAA,KAAK,MAAM,KAAK,IAAI,kBAAkB,EAAE;YACtC,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC,QAAQ;QAC/C;;;AAIA,QAAA,IAAI,GAAG,GAAoB,IAAI,CAAC,KAAK,EAAE,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AAC1D,YAAA,IAAI,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBAC/B,OAAsB;AACpB,oBAAA,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAoB;AAC3C,oBAAA,IAAI,EAAE,aAAa;oBACnB,IAAI;iBACL;YACH;iBAAO;gBACL,OAAsB;AACpB,oBAAA,EAAE,EAAE,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAoB;AAC3C,oBAAA,IAAI,EAAE,cAAc;AACpB,oBAAA,QAAQ,EAAE,eAAe,CAAC,KAAK,CAAC,IAAI,KAAK;oBACzC,IAAI;iBACL;YACH;AACF,QAAA,CAAC,CAAC;QAEF,MAAM,iCAAiC,GAAG,MAAK;;;AAG7C,YAAA,IAAI,kBAAkB,CAAC,MAAM,KAAK,CAAC,EAAE;AACnC,gBAAA,OAAO,CAAC;YACV;YACA,MAAM,QAAQ,GAAG,kBAAkB,CAAC,kBAAkB,CAAC,MAAM,GAAG,CAAC,CAAC;YAClE,OAAO,CAAC,QAAQ,IAAI,QAAQ,CAAC,aAAa,EAAE,8CAA8C,CAAC;AACxF,iBAAA,KAAK;AACV,QAAA,CAAC;;;QAID,IAAI,YAAY,GAAG,CAAC;;QAGpB,MAAM,kBAAkB,GAAQ,EAAE;AAClC,QAAA,MAAM,yBAAyB,GAAsC;AACnE,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,GAAG,EAAE,EAAE;AACP,YAAA,MAAM,EAAE,EAAE;SACX;AACD,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,KAAK,EAAE;AAC7B,QAAA,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,EAAE,CAAC,EAAE,EAAE;AAC9B,YAAA,IAAI,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;gBAC3B;YACF;AACA,YAAA,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC;AACxB,YAAA,IAAI,IAAI,KAAK,SAAS,EAAE;gBACtB;YACF;AACA,YAAA,kBAAkB,CAAC,IAAI,CAAC,IAAI,CAAC;YAC7B,MAAM,QAAQ,GAAG,eAAe,CAAC,CAAC,CAAC,IAAI,KAAK;YAC5C,yBAAyB,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QAChD;QAEA,MAAM,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,cAAc,EAAE,cAAc,KAAI;YACzE,MAAM,WAAW,GAAG,cAAc,IAAI,iCAAiC,EAAE,GAAG,YAAY;;;YAIxF,MAAM,yBAAyB,GAC7B,MAAM,CAAC,sBAAsB,KAAK,CAAC,GAAG,IAAI,GAAG,cAAc,KAAK,CAAC,GAAG,OAAO,GAAG,KAAK;YACrF,MAAM,KAAK,GAAG;AACZ,kBAAE,yBAAyB,CAAC,yBAAyB;kBACnD,kBAAkB;AAEtB,YAAA,GAAG,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC,EAAiB;gBACxC,EAAE,EAAE,CAAA,mBAAA,EAAsB,cAAc,CAAA,CAAE;AAC1C,gBAAA,IAAI,EAAE,mBAAmB;gBACzB,OAAO,EAAE,cAAc,KAAK,IAAI;gBAChC,KAAK;AACL,gBAAA,YAAY,EAAE,kBAAkB,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,GAAG,YAAY,GAAG,WAAW,CAAC;AACjF,aAAA,CAAC;AACF,YAAA,YAAY,EAAE;AAChB,QAAA,CAAC,CAAC;;AAGF,QAAA,IAAI,IAAI,CAAC,cAAc,EAAE,EAAE;YACzB,GAAG,GAAG,GAAG,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,KAAK,KAAK,IAAI,CAAC,IAAI,KAAK,cAAc,IAAI,KAAK,KAAK,CAAC,CAAC;QAChF;AAEA,QAAA,OAAO,GAAG;AACZ,IAAA,CAAC,oFAAC;AAEiB,IAAA,QAAQ,GAAG,QAAQ,CAAS,MAAK;QAClD,OAAO,IAAI,CAAC,IAAI,CACd,IAAI,CAAC,mBAAmB,EAAE,CAAC,MAAM,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC;YACvD,IAAI,CAAC,SAAS,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC,MAAM,GAAG,CAAC,CAAC,CAC1D;AACH,IAAA,CAAC,+EAAC;IAEK,eAAe,GAAA;AACpB,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE;YACpB;QACF;QACA,qBAAqB,CAAC,MAAK;AACzB,YAAA,MAAM,SAAS,GAAG,gBAAgB,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC,CAAC,gBAAgB,CAAC,YAAY,CAAC;YAC7F,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,CAAC,IAAI,CAAC;AACtC,YAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,CAAC;AACzB,QAAA,CAAC,CAAC;IACJ;uGAzNW,WAAW,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,g0CANX,CAAC,WAAW,CAAC,WAAW,CAAC,CAAC,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,SAAA,EAAA,CAAA,SAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,SAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,kBAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,CAAA,cAAA,CAAA,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EC/DvC,i0EAyEA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDXY,KAAK,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,WAAW,8FAAE,OAAO,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,MAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAO5C,WAAW,EAAA,UAAA,EAAA,CAAA;kBAXvB,SAAS;AACS,YAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,eAAe,EAAA,OAAA,EAEhB,CAAC,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,OAAO,CAAC,EAAA,SAAA,EAC7C,CAAC,WAAW,CAAA,WAAA,CAAa,CAAC,EAAA,IAAA,EAC/B;AACJ,wBAAA,aAAa,EAAE,QAAQ;AACvB,wBAAA,qBAAqB,EAAE,YAAY;AACpC,qBAAA,EAAA,QAAA,EAAA,i0EAAA,EAAA;w7BA8D0E,SAAS,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAChB,SAAS,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,gBAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,SAAA,EAAA,IAAA,EAAA,CAcN,cAAc,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AEhJvF;;AAEG;;;;"}
+{"version":3,"file":"ngneers-controls-item-view.mjs","sources":["../../src/item-view/item-view-layout.ts","../../src/item-view/item-view-templates.ts","../../src/item-view/item-view.ts","../../src/item-view/item-view.html","../../src/item-view/ngneers-controls-item-view.ts"],"sourcesContent":["import { NgnError } from '@ngneers/controls/utils';\r\n\r\nimport type { OverflowStrategy } from './types';\r\n\r\nexport type ItemOverflowLocation = 'start' | 'end' | 'center';\r\n\r\nexport type OverflowOrderEntry = {\r\n  index: number;\r\n  location: ItemOverflowLocation;\r\n};\r\n\r\nexport type OverflowOrder = readonly OverflowOrderEntry[];\r\n\r\nexport type ItemViewLayoutInput = {\r\n  count: number;\r\n  strategy: OverflowStrategy;\r\n  freezeCount: number;\r\n  strategyIndex: number;\r\n  containerWidth: number;\r\n  itemWidths: readonly number[];\r\n  overflowItemWidth: number;\r\n  gap: number;\r\n};\r\n\r\nexport type ItemViewLayoutResult = {\r\n  checkOrder: OverflowOrder;\r\n  renderedItemOrders: OverflowOrder;\r\n  remainingItemOrders: OverflowOrder;\r\n  overflowIndicatorCount: number;\r\n  overflowIndicatorIndices: readonly (number | null)[];\r\n};\r\n\r\n/**\r\n * Returns the *priority order* in which items are considered for keeping visible.\r\n * The algorithm is greedy: it walks this list until items no longer fit.\r\n * Each entry also carries a `location` which describes which overflow indicator would own the item.\r\n */\r\nexport function getItemOverflowCheckOrder(params: {\r\n  count: number;\r\n  strategy: OverflowStrategy;\r\n  freezeCount: number;\r\n  strategyIndex: number;\r\n}): OverflowOrder {\r\n  const count = Math.max(0, Math.floor(params.count));\r\n  if (count === 0) {\r\n    return [];\r\n  }\r\n\r\n  const freezeCount = Math.min(Math.max(0, Math.floor(params.freezeCount)), count);\r\n\r\n  switch (params.strategy) {\r\n    case 'end': {\r\n      const arr = [...Array.from({ length: count - freezeCount }, (_, i) => i)];\r\n      arr.splice(1, 0, ...Array.from({ length: freezeCount }, (_, i) => count - freezeCount + i));\r\n      return arr.map(index => ({ index, location: 'end' }));\r\n    }\r\n    case 'start': {\r\n      const arr = [...Array.from({ length: count - freezeCount }, (_, i) => count - i - 1)];\r\n      arr.splice(1, 0, ...Array.from({ length: freezeCount }, (_, i) => i));\r\n      return arr.map(index => ({ index, location: 'start' }));\r\n    }\r\n    case 'center': {\r\n      // \"Center\" overflows symmetrically: keep alternating left/right items first.\r\n      const order: OverflowOrderEntry[] = [];\r\n      let leftIndex = 0;\r\n      let rightIndex = count - 1;\r\n\r\n      for (let i = 0; i < count; i++) {\r\n        if (i % 2 === 0) {\r\n          order.push({ index: leftIndex++, location: 'center' } as const);\r\n        } else {\r\n          order.push({ index: rightIndex--, location: 'center' } as const);\r\n        }\r\n      }\r\n      return order;\r\n    }\r\n    case 'aroundIndex': {\r\n      // \"AroundIndex\" keeps the chosen item visible, then expands outward on both sides.\r\n      // FreezeCount applies to both ends; we must ensure the chosen index stays in-bounds.\r\n      const minIndex = Math.min(freezeCount, count - 1);\r\n      const maxIndex = Math.max(minIndex, count - freezeCount - 1);\r\n      const index = Math.min(Math.max(minIndex, Math.floor(params.strategyIndex)), maxIndex);\r\n\r\n      const targetMiddleCount = Math.max(0, count - freezeCount * 2);\r\n      const order: { index: number; location: 'start' | 'end' }[] =\r\n        targetMiddleCount > 0 ? [{ index, location: 'start' }] : [];\r\n\r\n      let offset = 1;\r\n      while (order.length < targetMiddleCount) {\r\n        if (index - offset >= freezeCount) {\r\n          order.push({ index: index - offset, location: 'start' });\r\n        }\r\n        if (order.length >= targetMiddleCount) {\r\n          break;\r\n        }\r\n        if (index + offset < count - freezeCount) {\r\n          order.push({\r\n            index: index + offset,\r\n            location: 'end',\r\n          });\r\n        }\r\n        offset++;\r\n      }\r\n\r\n      // Insert frozen items near the front of the list so they are kept visible.\r\n      // Keep the insertion ordering consistent with the component implementation.\r\n      order.splice(\r\n        1,\r\n        0,\r\n        ...Array.from({ length: freezeCount }, (_, i) => ({ index: i, location: 'start' }) as const)\r\n      );\r\n      order.splice(\r\n        1,\r\n        0,\r\n        ...Array.from(\r\n          { length: freezeCount },\r\n          (_, i) =>\r\n            ({\r\n              index: count - freezeCount + i,\r\n              location: 'end',\r\n            }) as const\r\n        )\r\n      );\r\n\r\n      return order;\r\n    }\r\n  }\r\n}\r\n\r\nexport function calculateItemViewLayout(params: ItemViewLayoutInput): ItemViewLayoutResult {\r\n  const count = Math.max(0, Math.floor(params.count));\r\n  const containerWidth = Math.max(0, params.containerWidth);\r\n  const overflowItemWidth = Math.max(0, params.overflowItemWidth);\r\n  const gap = Math.max(0, params.gap);\r\n  const maxOverflowIndicatorCount = params.strategy === 'aroundIndex' ? 2 : 1;\r\n\r\n  const overflowCheckOrder = getItemOverflowCheckOrder({\r\n    count,\r\n    strategy: params.strategy,\r\n    freezeCount: params.freezeCount,\r\n    strategyIndex: params.strategyIndex,\r\n  });\r\n\r\n  const getVisibleItemCount = (reservedWidth: number): number => {\r\n    let visibleItemCount = 0;\r\n    let totalWidth = Math.max(0, reservedWidth);\r\n\r\n    for (let i = 0; i < overflowCheckOrder.length; i++) {\r\n      const index = overflowCheckOrder[i]?.index;\r\n      if (index === undefined) {\r\n        throw new NgnError(\r\n          'calculateItemViewLayout',\r\n          'Invalid overflow check order: index is undefined'\r\n        );\r\n      }\r\n      const itemWidth = params.itemWidths[index] ?? 0;\r\n      const itemGap = i > 0 ? gap : 0;\r\n      const newWidth = totalWidth + itemWidth + itemGap;\r\n\r\n      if (newWidth <= containerWidth) {\r\n        totalWidth = newWidth;\r\n        visibleItemCount++;\r\n      } else {\r\n        break;\r\n      }\r\n    }\r\n\r\n    return visibleItemCount;\r\n  };\r\n\r\n  let overflowIndicatorCount = 0;\r\n  let previousOverflowIndicatorCount = -1;\r\n  let remainingItemOrders: OverflowOrder = overflowCheckOrder;\r\n  let renderedItemOrders: OverflowOrderEntry[] = [];\r\n  let overflowIndicatorLocations = new Set<ItemOverflowLocation>();\r\n\r\n  // Fixed-point iteration:\r\n  // 1) We blindly assume that we don't need any overflow indicators for the first pass.\r\n  // 2) We see how many items fit with that assumption.\r\n  // 3) The remaining items define which overflow locations exist (start/end/center).\r\n  // 4) That determines the *actual* number of indicators.\r\n  // Repeat until the indicator count stabilizes.\r\n  while (overflowIndicatorCount !== previousOverflowIndicatorCount) {\r\n    previousOverflowIndicatorCount = overflowIndicatorCount;\r\n\r\n    const initialVisibleItemCount = getVisibleItemCount(\r\n      overflowIndicatorCount * (overflowItemWidth + gap)\r\n    );\r\n\r\n    remainingItemOrders = overflowCheckOrder\r\n      .slice(initialVisibleItemCount)\r\n      .toSorted((a, b) => a.index - b.index);\r\n\r\n    overflowIndicatorLocations = new Set(remainingItemOrders.map(i => i.location));\r\n    overflowIndicatorCount = overflowIndicatorLocations.size;\r\n    const finalVisibleItemCount = getVisibleItemCount(\r\n      overflowIndicatorCount * (overflowItemWidth + gap)\r\n    );\r\n    renderedItemOrders = overflowCheckOrder.slice(0, finalVisibleItemCount);\r\n  }\r\n\r\n  (['start', 'end'] as const).forEach(location => {\r\n    // Optimization: if all overflowed items for a side would fit inside the overflow indicator width,\r\n    // we can render them inline and drop that overflow indicator entirely.\r\n    // This is only applicable for start/end & the aroundIndex strategy. Center has no \"adjacent\" insertion point.\r\n    if (overflowIndicatorLocations.has(location)) {\r\n      const itemsWithIndices = remainingItemOrders\r\n        .map((x, i) => [i + renderedItemOrders.length, x] as const)\r\n        .filter(x => x[1].location === location);\r\n      const itemSizes = itemsWithIndices.map(i => params.itemWidths[i[1].index] ?? 0);\r\n      const itemsTotalSize = itemSizes.reduce((a, b) => a + b, 0);\r\n      if (itemsTotalSize <= overflowItemWidth) {\r\n        overflowIndicatorLocations.delete(location);\r\n        renderedItemOrders = [...renderedItemOrders, ...itemsWithIndices.map(i => i[1])];\r\n        overflowIndicatorCount--;\r\n      }\r\n    }\r\n  });\r\n\r\n  // Keep result consistent after the optimization pass.\r\n  const renderedIndices = new Set(renderedItemOrders.map(x => x.index));\r\n  remainingItemOrders = overflowCheckOrder\r\n    .filter(x => !renderedIndices.has(x.index))\r\n    .toSorted((a, b) => a.index - b.index);\r\n\r\n  // Calculate the insertion indices for the overflow indicators.\r\n  const overflowIndicatorIndices = (() => {\r\n    if (overflowIndicatorCount === 0) {\r\n      return [null];\r\n    } else if (maxOverflowIndicatorCount === 1 && overflowIndicatorCount === 1) {\r\n      return [remainingItemOrders[0]?.index ?? null];\r\n    } else if (maxOverflowIndicatorCount === 2) {\r\n      const res: number[] = [];\r\n      const firstEndIndex = remainingItemOrders.find(x => x.location === 'end')?.index;\r\n      const lastEndIndex = remainingItemOrders.findLast(x => x.location === 'end')?.index;\r\n      const firstStartIndex = remainingItemOrders.find(x => x.location === 'start')?.index;\r\n      const lastStartIndex = remainingItemOrders.findLast(x => x.location === 'start')?.index;\r\n      if (overflowIndicatorLocations.has('start')) {\r\n        const startIndex = firstStartIndex ?? firstEndIndex ?? 0;\r\n        res.push(startIndex + Math.min(Math.max(0, Math.floor(params.freezeCount)), count));\r\n      }\r\n      if (overflowIndicatorLocations.has('end')) {\r\n        const endIndex = lastEndIndex ? lastEndIndex + 1 : (lastStartIndex ?? 0);\r\n        res.push(endIndex);\r\n      }\r\n      return res;\r\n    }\r\n    return [];\r\n  })();\r\n\r\n  return {\r\n    checkOrder: overflowCheckOrder,\r\n    renderedItemOrders,\r\n    remainingItemOrders,\r\n    overflowIndicatorCount,\r\n    overflowIndicatorIndices,\r\n  };\r\n}\r\n","import { computed, contentChild, Directive, input, TemplateRef, viewChild } from '@angular/core';\r\nimport { templateTypesFn } from '@ngneers/controls/api/ng';\r\nimport { NgnBase } from '@ngneers/controls/base';\r\n\r\nimport type { IconType } from '@ngneers/controls-custom-types';\r\n\r\n@Directive()\r\nexport abstract class ItemViewTemplates<T> extends NgnBase<'itemView'> {\r\n  /**\r\n   * The template to be used for rendering each item in the item view.\r\n   * Can also be set using the `item` content child.\r\n   */\r\n  public readonly templateItem = input<TemplateRef<\r\n    typeof this.templateTypes.$implicit.item\r\n  > | null>(null);\r\n  private readonly _userItemTemplate =\r\n    contentChild<TemplateRef<typeof this.templateTypes.item>>('item');\r\n  protected readonly itemTemplate = computed(() => this._userItemTemplate() ?? this.templateItem());\r\n\r\n  // Separator template\r\n  private readonly _defaultSeparatorTemplate = viewChild.required<\r\n    TemplateRef<typeof this.templateTypes.separator>\r\n  >('defaultSeparatorTemplate');\r\n  private readonly _userSeparatorTemplate =\r\n    contentChild<TemplateRef<typeof this.templateTypes.separator>>('separator');\r\n  /**\r\n   * Set a custom template for the separators of the breadcrumb.\r\n   * Can also be set using an `<ng-template>` element with `#separator` template reference variable.\r\n   */\r\n  public readonly templateSeparator = input<TemplateRef<\r\n    typeof this.templateTypes.separator\r\n  > | null>(null);\r\n  protected readonly separatorTemplate = computed(\r\n    () =>\r\n      this._userSeparatorTemplate() ?? this.templateSeparator() ?? this._defaultSeparatorTemplate()\r\n  );\r\n\r\n  // Overflow item template\r\n  private readonly _defaultOverflowItemTemplate = viewChild.required<\r\n    TemplateRef<typeof this.templateTypes.overflow>\r\n  >('defaultOverflowItemTemplate');\r\n  private readonly _userOverflowItemTemplate =\r\n    contentChild<TemplateRef<typeof this.templateTypes.overflow>>('overflow');\r\n  /**\r\n   * Set a custom template for the overflow item.\r\n   * Can also be set using an `<ng-template>` element with `#overflow` template reference variable.\r\n   */\r\n  public readonly templateOverflow = input<TemplateRef<typeof this.templateTypes.overflow> | null>(\r\n    null\r\n  );\r\n  protected readonly overflowTemplate = computed(\r\n    () =>\r\n      this._userOverflowItemTemplate() ??\r\n      this.templateOverflow() ??\r\n      this._defaultOverflowItemTemplate()\r\n  );\r\n\r\n  /**\r\n   * Template types for the item-view.\r\n   * Can be used with the {@link NgnTemplate} directive for type safe ng-templates.\r\n   */\r\n  public readonly templateTypes = templateTypesFn<{\r\n    item: {\r\n      $implicit: T;\r\n      index: number;\r\n      last: boolean;\r\n      first: boolean;\r\n    };\r\n    separator: {\r\n      $implicit: {\r\n        icon?: IconType;\r\n        character?: string;\r\n      };\r\n    };\r\n    overflow: {\r\n      $implicit: {\r\n        totalCount: number;\r\n        overflowCount: number;\r\n        overflowItems: T[];\r\n      };\r\n    };\r\n  }>();\r\n}\r\n","import { NgTemplateOutlet } from '@angular/common';\r\nimport {\r\n  type AfterViewInit,\r\n  Component,\r\n  computed,\r\n  ElementRef,\r\n  inject,\r\n  input,\r\n  signal,\r\n  viewChild,\r\n  viewChildren,\r\n  ChangeDetectionStrategy,\r\n} from '@angular/core';\r\nimport {\r\n  elementSizeSignal,\r\n  elementsSizesSignal,\r\n  NgnTemplate,\r\n  Platform,\r\n} from '@ngneers/controls/api/ng';\r\nimport { NgnPt, provideSelf } from '@ngneers/controls/base';\r\nimport { NgnIcon } from '@ngneers/controls/icon';\r\nimport { areArraysDeepEqual, throwExp } from '@ngneers/controls/utils';\r\nimport { itemViewControlTemplate } from '@ngneers/controls-themes/templates/item-view';\r\n\r\nimport {\r\n  calculateItemViewLayout,\r\n  getItemOverflowCheckOrder,\r\n  type ItemOverflowLocation,\r\n  type OverflowOrder,\r\n} from './item-view-layout';\r\nimport { ItemViewTemplates } from './item-view-templates';\r\n\r\nimport type { OverflowStrategy } from './types';\r\nimport type { IconType } from '@ngneers/controls-custom-types';\r\n\r\ntype RenderItem<T> =\r\n  | {\r\n      id: string | number;\r\n      kind: 'visibleItem';\r\n      item: T;\r\n    }\r\n  | {\r\n      id: string | number;\r\n      kind: 'overflowItem';\r\n      location: ItemOverflowLocation;\r\n      item: T;\r\n    }\r\n  | {\r\n      id: string;\r\n      kind: 'overflowIndicator';\r\n      visible: boolean;\r\n      items: T[];\r\n      hasSeparator: boolean;\r\n    };\r\n\r\n/**\r\n * @category control\r\n */\r\n@Component({\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  selector: 'ngn-item-view',\r\n  templateUrl: './item-view.html',\r\n  imports: [NgnPt, NgTemplateOutlet, NgnTemplate, NgnIcon],\r\n  providers: [provideSelf(NgnItemView)],\r\n  host: {\r\n    '[attr.role]': '\"list\"',\r\n    '[style.maxWidth.px]': 'maxWidth()',\r\n  },\r\n})\r\nexport class NgnItemView<T extends object, IdField extends keyof T>\r\n  extends ItemViewTemplates<T>\r\n  implements AfterViewInit\r\n{\r\n  protected readonly theme = this.injectThemeTemplate(itemViewControlTemplate, 'root');\r\n  /**\r\n   * The key of the id property in the item object. This is used to track items in the template.\r\n   */\r\n  public readonly idField = input.required<IdField>();\r\n  /**\r\n   * The items to be displayed in the item view.\r\n   * This is a required input and should be an array of items of type {@link T}.\r\n   */\r\n  public readonly items = input.required<readonly T[]>();\r\n  /**\r\n   * A separator string (character) to be displayed between items. Set `true` for `,` or provide a custom string.\r\n   */\r\n  public readonly separator = input<true | string>();\r\n  /**\r\n   * A separator icon to be displayed between items.\r\n   */\r\n  public readonly iconItemSeparator = input<IconType>();\r\n  /**\r\n   * Strategy to use when there are more items than can be displayed in the available space.\r\n   * The value determines where the items should start to overflow.\r\n   * @default 'end'\r\n   */\r\n  public readonly overflowStrategy = input<OverflowStrategy>('end');\r\n  /**\r\n   * The amount of items to keep visible after or before overflowing, depending on the {@link overflowStrategy}.\r\n   * @default 0\r\n   */\r\n  public readonly overflowStrategyFreezeCount = input<number>(0);\r\n  /**\r\n   * Index of the item to be used as the overflow indicator when using the 'aroundIndex' overflow strategy.\r\n   * This input is only relevant when the {@link overflowStrategy} is set to 'aroundIndex'.\r\n   * @default 0\r\n   */\r\n  public readonly overflowStrategyIndex = input<number>(0);\r\n  /**\r\n   * Set this to `true` for greatly improving performance when all items have the same width.\r\n   * Especially true for large lists of items.\r\n   *\r\n   * ⚠️ This reduces the accessibility of the control as screen\r\n   * readers will not be able to determine the number of hidden items and keyboard users cannot directly\r\n   * navigate to them. Use this only for potentially very large lists (with items of identical width) where users will not\r\n   * need to access overflowed items directly.\r\n   * @default false\r\n   */\r\n  public readonly sameWidthItems = input<boolean>(false);\r\n\r\n  private readonly _themeGap = signal(0);\r\n  private readonly _isBrowser = inject(Platform).isBrowser;\r\n\r\n  protected readonly separatorChar = computed(() => {\r\n    const sep = this.separator();\r\n    return typeof sep === 'boolean' ? (sep ? ', ' : '') : sep;\r\n  });\r\n\r\n  private readonly _enableSizeMeasuring = computed(() => !this.sameWidthItems());\r\n  private readonly _renderedItemRefs = viewChildren<ElementRef<HTMLElement>>('itemRef');\r\n  private readonly _firstItemRef = viewChild<ElementRef<HTMLElement>>('itemRef');\r\n  private readonly _firstItemWidth = elementSizeSignal(this._firstItemRef);\r\n  private readonly _renderedItemSizes = elementsSizesSignal(\r\n    this._renderedItemRefs,\r\n    this._enableSizeMeasuring\r\n  );\r\n  private readonly _renderedItemWidths = computed(\r\n    () =>\r\n      this.sameWidthItems()\r\n        ? this.items().map(() => this._firstItemWidth().width || Number.MAX_SAFE_INTEGER)\r\n        : this._renderedItemSizes().map(size => size.width),\r\n    { equal: areArraysDeepEqual }\r\n  );\r\n  private readonly _containerSize = elementSizeSignal(this.element.nativeElement);\r\n  private readonly _overflowItemRef = viewChild<ElementRef<HTMLElement>>('overflowItem');\r\n  private readonly _overflowItemSize = elementSizeSignal(this._overflowItemRef);\r\n\r\n  protected readonly itemOverflowCheckOrder = computed<OverflowOrder>(() => {\r\n    const count = this.items().length;\r\n    const freezeCount = Math.min(this.overflowStrategyFreezeCount(), count);\r\n    return getItemOverflowCheckOrder({\r\n      count,\r\n      strategy: this.overflowStrategy(),\r\n      freezeCount,\r\n      strategyIndex: this.overflowStrategyIndex(),\r\n    });\r\n  });\r\n\r\n  protected readonly renderedItems = computed<RenderItem<T>[]>(() => {\r\n    const containerWidth = this._containerSize().width;\r\n    const renderedItemWidths = this._renderedItemWidths();\r\n    const overflowCheckOrder = this.itemOverflowCheckOrder();\r\n\r\n    const count = this.items().length;\r\n    const freezeCount = Math.min(this.overflowStrategyFreezeCount(), count);\r\n    const layout = calculateItemViewLayout({\r\n      count,\r\n      strategy: this.overflowStrategy(),\r\n      freezeCount,\r\n      strategyIndex: this.overflowStrategyIndex(),\r\n      containerWidth,\r\n      itemWidths: renderedItemWidths,\r\n      overflowItemWidth: this._overflowItemSize().width,\r\n      gap: this._themeGap(),\r\n    });\r\n\r\n    const renderedItemOrders = layout.renderedItemOrders;\r\n    // Precompute quick lookups for the hot paths below.\r\n    // - `renderedIndexSet` allows O(1) visibility checks.\r\n    // - `locationByIndex` avoids repeatedly scanning the overflow order to find an item's location.\r\n    const renderedIndexSet = new Set<number>(renderedItemOrders.map(x => x.index));\r\n    const locationByIndex: Array<ItemOverflowLocation | undefined> = new Array(count);\r\n    for (const entry of overflowCheckOrder) {\r\n      locationByIndex[entry.index] = entry.location;\r\n    }\r\n\r\n    // First pass: build the full list with items marked as visible vs overflowed.\r\n    // We'll insert overflow indicators afterwards at the computed insertion indices.\r\n    let res: RenderItem<T>[] = this.items().map((item, index) => {\r\n      if (renderedIndexSet.has(index)) {\r\n        return <RenderItem<T>>{\r\n          id: item[this.idField()] as string | number,\r\n          kind: 'visibleItem',\r\n          item,\r\n        };\r\n      } else {\r\n        return <RenderItem<T>>{\r\n          id: item[this.idField()] as string | number,\r\n          kind: 'overflowItem',\r\n          location: locationByIndex[index] ?? 'end',\r\n          item,\r\n        };\r\n      }\r\n    });\r\n\r\n    const getFallbackOverflowIndicatorIndex = () => {\r\n      // When the layout says \"no indicator\" for the only slot (null), we still need a stable\r\n      // insertion index so the DOM structure stays consistent for measurement.\r\n      if (overflowCheckOrder.length === 0) {\r\n        return 0;\r\n      }\r\n      const lastItem = overflowCheckOrder[overflowCheckOrder.length - 1];\r\n      return (lastItem ?? throwExp('NgnItemView', 'Unexpected empty entry in overflowCheckOrder'))\r\n        .index;\r\n    };\r\n\r\n    // Insert overflow indicators at the calculated indices\r\n    // Note: inserting into `res` shifts subsequent indices; track that shift explicitly with `insertOffset`.\r\n    let insertOffset = 0;\r\n\r\n    // Collect overflowed items, both as a single list and grouped by location.\r\n    const overflowedItemsAll: T[] = [];\r\n    const overflowedItemsByLocation: Record<ItemOverflowLocation, T[]> = {\r\n      start: [],\r\n      end: [],\r\n      center: [],\r\n    };\r\n    const allItems = this.items();\r\n    for (let i = 0; i < count; i++) {\r\n      if (renderedIndexSet.has(i)) {\r\n        continue;\r\n      }\r\n      const item = allItems[i];\r\n      if (item === undefined) {\r\n        continue;\r\n      }\r\n      overflowedItemsAll.push(item);\r\n      const location = locationByIndex[i] ?? 'end';\r\n      overflowedItemsByLocation[location].push(item);\r\n    }\r\n\r\n    layout.overflowIndicatorIndices.forEach((indicatorIndex, iterationIndex) => {\r\n      const insertIndex = indicatorIndex ?? getFallbackOverflowIndicatorIndex() + insertOffset;\r\n\r\n      // If two overflow indicators are rendered (aroundIndex), we must split overflow items by location\r\n      // so each indicator shows its own count/list.\r\n      const overflowIndicatorLocation =\r\n        layout.overflowIndicatorCount === 1 ? null : iterationIndex === 0 ? 'start' : 'end';\r\n      const items = overflowIndicatorLocation\r\n        ? overflowedItemsByLocation[overflowIndicatorLocation]\r\n        : overflowedItemsAll;\r\n\r\n      res.splice(insertIndex, 0, <RenderItem<T>>{\r\n        id: `overflow-indicator-${indicatorIndex}`,\r\n        kind: 'overflowIndicator',\r\n        visible: indicatorIndex !== null,\r\n        items,\r\n        hasSeparator: renderedItemOrders.some(x => x.index + insertOffset > insertIndex),\r\n      });\r\n      insertOffset++;\r\n    });\r\n\r\n    // In fixed width mode, remove all hidden items except for the first one (used for measurement)\r\n    if (this.sameWidthItems()) {\r\n      res = res.filter((item, index) => item.kind !== 'overflowItem' || index === 0);\r\n    }\r\n\r\n    return res;\r\n  });\r\n\r\n  protected readonly maxWidth = computed<number>(() => {\r\n    return Math.ceil(\r\n      this._renderedItemWidths().reduce((sum, w) => sum + w, 0) +\r\n        this._themeGap() * Math.max(0, this.items().length - 1)\r\n    );\r\n  });\r\n\r\n  public ngAfterViewInit(): void {\r\n    if (!this._isBrowser) {\r\n      return;\r\n    }\r\n    requestAnimationFrame(() => {\r\n      const gapString = getComputedStyle(this.element.nativeElement).getPropertyValue('column-gap');\r\n      const gap = parseFloat(gapString) || 0;\r\n      this._themeGap.set(gap);\r\n    });\r\n  }\r\n}\r\n","@for (item of renderedItems(); track item.id; let i = $index) {\r\n  @if (item.kind === 'visibleItem' || item.kind === 'overflowItem') {\r\n    <span\r\n      role=\"listitem\"\r\n      #itemRef\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"{\r\n        item: true,\r\n        'item-overflowing': item.kind === 'overflowItem',\r\n      }\"\r\n    >\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          itemTemplate();\r\n          context: { $implicit: item.item, index: i, last: $last, first: $first }\r\n        \"\r\n      />\r\n      @if (!$last) {\r\n        <ng-container\r\n          *ngTemplateOutlet=\"\r\n            separatorTemplate();\r\n            context: { $implicit: { character: separatorChar(), icon: iconItemSeparator() } }\r\n          \"\r\n        />\r\n      }\r\n    </span>\r\n  } @else if (item.kind === 'overflowIndicator') {\r\n    <div\r\n      [ptInt]=\"this\"\r\n      [ptClass]=\"{ 'more-items': true, 'more-items-hidden': !item.visible }\"\r\n      aria-hidden=\"true\"\r\n      #overflowItem\r\n    >\r\n      <ng-container\r\n        *ngTemplateOutlet=\"\r\n          overflowTemplate();\r\n          context: {\r\n            $implicit: {\r\n              totalCount: items().length,\r\n              overflowCount: item.items.length,\r\n              overflowItems: item.items,\r\n            },\r\n          }\r\n        \"\r\n      />\r\n      @if (!$last) {\r\n        <span\r\n          [style.visibility]=\"item.hasSeparator ? 'visible' : 'hidden'\"\r\n          style=\"display: contents\"\r\n        >\r\n          <ng-container\r\n            *ngTemplateOutlet=\"\r\n              separatorTemplate();\r\n              context: { $implicit: { character: separatorChar(), icon: iconItemSeparator() } }\r\n            \"\r\n          />\r\n        </span>\r\n      }\r\n    </div>\r\n  }\r\n}\r\n\r\n<ng-template #defaultSeparatorTemplate [ngnTemplate]=\"templateTypes.separator\" let-separator>\r\n  @if (separator.character) {\r\n    <span>{{ separator.character }}</span>\r\n  } @else if (separator.icon) {\r\n    <ngn-icon [icon]=\"separator.icon\" />\r\n  }\r\n</ng-template>\r\n\r\n<ng-template #defaultOverflowItemTemplate [ngnTemplate]=\"templateTypes.overflow\" let-overflow>\r\n  <span [ptInt]=\"this\" [ptClass]=\"'more-items-default'\">+{{ overflow.overflowCount }}</span>\r\n</ng-template>\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-list-box.mjs

@@ -45,10 +45,10 @@ class ListBoxTemplates extends ValueControlBase {
      */
     templateTypes = templateTypesFn();
     templateTypesInternal = templateTypesFn();
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: ListBoxTemplates, deps: null, target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.2", type: ListBoxTemplates, isStandalone: true, inputs: { templateItem: { classPropertyName: "templateItem", publicName: "templateItem", isSignal: true, isRequired: false, transformFunction: null }, templateGroup: { classPropertyName: "templateGroup", publicName: "templateGroup", isSignal: true, isRequired: false, transformFunction: null }, templateEmpty: { classPropertyName: "templateEmpty", publicName: "templateEmpty", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "_userItemTemplate", first: true, predicate: ["item"], descendants: true, isSignal: true }, { propertyName: "_userGroupTemplate", first: true, predicate: ["group"], descendants: true, isSignal: true }, { propertyName: "_userEmptyTemplate", first: true, predicate: ["empty"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_defaultItemTemplate", first: true, predicate: ["defaultItemTemplate"], descendants: true, isSignal: true }, { propertyName: "_defaultGroupTemplate", first: true, predicate: ["defaultGroupTemplate"], descendants: true, isSignal: true }, { propertyName: "_defaultEmptyTemplate", first: true, predicate: ["defaultEmptyTemplate"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: ListBoxTemplates, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "21.2.10", type: ListBoxTemplates, isStandalone: true, inputs: { templateItem: { classPropertyName: "templateItem", publicName: "templateItem", isSignal: true, isRequired: false, transformFunction: null }, templateGroup: { classPropertyName: "templateGroup", publicName: "templateGroup", isSignal: true, isRequired: false, transformFunction: null }, templateEmpty: { classPropertyName: "templateEmpty", publicName: "templateEmpty", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "_userItemTemplate", first: true, predicate: ["item"], descendants: true, isSignal: true }, { propertyName: "_userGroupTemplate", first: true, predicate: ["group"], descendants: true, isSignal: true }, { propertyName: "_userEmptyTemplate", first: true, predicate: ["empty"], descendants: true, isSignal: true }], viewQueries: [{ propertyName: "_defaultItemTemplate", first: true, predicate: ["defaultItemTemplate"], descendants: true, isSignal: true }, { propertyName: "_defaultGroupTemplate", first: true, predicate: ["defaultGroupTemplate"], descendants: true, isSignal: true }, { propertyName: "_defaultEmptyTemplate", first: true, predicate: ["defaultEmptyTemplate"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: ListBoxTemplates, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: ListBoxTemplates, decorators: [{
             type: Directive
         }], propDecorators: { _defaultItemTemplate: [{ type: i0.ViewChild, args: ['defaultItemTemplate', { isSignal: true }] }], _userItemTemplate: [{ type: i0.ContentChild, args: ['item', { isSignal: true }] }], templateItem: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateItem", required: false }] }], _defaultGroupTemplate: [{ type: i0.ViewChild, args: ['defaultGroupTemplate', { isSignal: true }] }], _userGroupTemplate: [{ type: i0.ContentChild, args: ['group', { isSignal: true }] }], templateGroup: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateGroup", required: false }] }], _defaultEmptyTemplate: [{ type: i0.ViewChild, args: ['defaultEmptyTemplate', { isSignal: true }] }], _userEmptyTemplate: [{ type: i0.ContentChild, args: ['empty', { isSignal: true }] }], templateEmpty: [{ type: i0.Input, args: [{ isSignal: true, alias: "templateEmpty", required: false }] }] } });
 
@@ -199,10 +199,10 @@ class NgnListBox extends ListBoxTemplates {
         this.itemClicked.emit(value);
         this.touched.set(true);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: NgnListBox, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.2", type: NgnListBox, isStandalone: true, selector: "ngn-list-box", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, scrollToSelectedItemOnInit: { classPropertyName: "scrollToSelectedItemOnInit", publicName: "scrollToSelectedItemOnInit", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, selectOnHover: { classPropertyName: "selectOnHover", publicName: "selectOnHover", isSignal: true, isRequired: false, transformFunction: null }, focussable: { classPropertyName: "focussable", publicName: "focussable", isSignal: true, isRequired: false, transformFunction: null }, virtual: { classPropertyName: "virtual", publicName: "virtual", isSignal: true, isRequired: false, transformFunction: null }, itemHeight: { classPropertyName: "itemHeight", publicName: "itemHeight", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, checkbox: { classPropertyName: "checkbox", publicName: "checkbox", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, filterText: { classPropertyName: "filterText", publicName: "filterText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClicked: "itemClicked" }, host: { attributes: { "role": "listbox" }, listeners: { "keydown": "onKeyDown($event)", "focusout": "currentHighlightedValue.set(null)" }, properties: { "attr.tabIndex": "focussable() ? 0 : null", "attr.aria-activedescendant": "currentHighlightedValue() ? inputId() + \"_option_\" + currentHighlightedValue() : null", "aria-multiselectable": "!!multiple()", "id": "inputId()" } }, providers: [provideSelf(NgnListBox)], viewQueries: [{ propertyName: "_scroller", first: true, predicate: NgnScroller, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ngn-scroller\r\n  [ptInt]=\"this\"\r\n  [ptClass]=\"'scroller'\"\r\n  [virtual]=\"virtual()\"\r\n  [itemHeight]=\"itemHeight()\"\r\n  [items]=\"displayedItems()\"\r\n  [templateItem]=\"usedItemTemplate\"\r\n  [fieldSticky]=\"'items'\"\r\n  #scroller\r\n/>\r\n\r\n@if (!displayedItems().length) {\r\n  <ng-container\r\n    *ngTemplateOutlet=\"emptyTemplate() || defaultEmptyTemplate; context: {}\"\r\n  ></ng-container>\r\n}\r\n\r\n<ng-template #usedItemTemplate [ngnTemplate]=\"scroller.templateTypes.item\" let-itemOrGroup>\r\n  <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\r\n  <div\r\n    [ngnScrollerItem]=\"itemOrGroup\"\r\n    [id]=\"inputId() + '_option_' + itemOrGroup.value\"\r\n    [attr.role]=\"'option'\"\r\n    [aria-selected]=\"selectable() ? valueArray().includes(itemOrGroup.value) : null\"\r\n    [ptInt]=\"this\"\r\n    [ptClass]=\"{\r\n      item: !itemOrGroup.items,\r\n      group: !!itemOrGroup.items,\r\n      'item-selected': valueArray().includes(itemOrGroup.value),\r\n      'item-highlighted': itemOrGroup.value === currentHighlightedValue(),\r\n    }\"\r\n    (click)=\"!itemOrGroup.items && selectable() && onSelect(itemOrGroup.value)\"\r\n    (mouseenter)=\"\r\n      !itemOrGroup.items && selectable() && selectOnHover() && onSelect(itemOrGroup.value)\r\n    \"\r\n  >\r\n    @if (showCheckboxes() && !itemOrGroup.items) {\r\n      <ngn-checkbox\r\n        [value]=\"valueArray().includes(itemOrGroup.value)\"\r\n        aria-hidden=\"true\"\r\n        inert=\"true\"\r\n      />\r\n    }\r\n    <ng-container\r\n      *ngTemplateOutlet=\"\r\n        itemOrGroup.items ? groupTemplate() : itemTemplate();\r\n        context: { $implicit: itemOrGroup }\r\n      \"\r\n    ></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #defaultItemTemplate [ngnTemplate]=\"templateTypes.item\" let-item>\r\n  <span [attr.data-testid]=\"item?.testId\" [ptInt]=\"this\" [ptClass]=\"'default-item'\">\r\n    @let label = item?.label;\r\n    @if (label) {\r\n      <span [attr.data-testid]=\"item?.testId\">{{ maybeCallback(label) }}</span>\r\n    } @else {\r\n      <span [attr.data-testid]=\"item?.testId\">&ZeroWidthSpace;</span>\r\n    }\r\n  </span>\r\n</ng-template>\r\n\r\n<ng-template #defaultGroupTemplate [ngnTemplate]=\"templateTypes.item\" let-group>\r\n  <span [attr.data-testid]=\"group?.testId\" [ptInt]=\"this\" [ptClass]=\"'default-group'\">\r\n    @let label = group?.label;\r\n    @if (label) {\r\n      <span [attr.data-testid]=\"group?.testId\">{{ maybeCallback(label) }}</span>\r\n    } @else {\r\n      <span [attr.data-testid]=\"group?.testId\">&ZeroWidthSpace;</span>\r\n    }\r\n  </span>\r\n</ng-template>\r\n\r\n<ng-template #defaultEmptyTemplate>\r\n  <span [ptInt]=\"this\" [ptClass]=\"'empty'\" [attr.data-testid]=\"'empty'\">{{\r\n    'No items found'\r\n  }}</span>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgnScroller, selector: "ngn-scroller, [ngn-scroller]", inputs: ["items", "fieldId", "virtual", "itemHeight", "virtualPadding", "focusable", "fieldSticky"] }, { kind: "directive", type: NgnScrollerItem, selector: "[ngnScrollerItem]", inputs: ["ngnScrollerItem"] }, { kind: "component", type: NgnCheckbox, selector: "ngn-checkbox", inputs: ["iconChecked", "iconUnchecked", "iconIndeterminate", "allowIndeterminate"] }, { kind: "directive", type: NgnTemplate, selector: "ng-template[ngnTemplate]", inputs: ["ngnTemplate"] }, { kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NgnListBox, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.10", type: NgnListBox, isStandalone: true, selector: "ngn-list-box", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: true, transformFunction: null }, scrollToSelectedItemOnInit: { classPropertyName: "scrollToSelectedItemOnInit", publicName: "scrollToSelectedItemOnInit", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, selectOnHover: { classPropertyName: "selectOnHover", publicName: "selectOnHover", isSignal: true, isRequired: false, transformFunction: null }, focussable: { classPropertyName: "focussable", publicName: "focussable", isSignal: true, isRequired: false, transformFunction: null }, virtual: { classPropertyName: "virtual", publicName: "virtual", isSignal: true, isRequired: false, transformFunction: null }, itemHeight: { classPropertyName: "itemHeight", publicName: "itemHeight", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, checkbox: { classPropertyName: "checkbox", publicName: "checkbox", isSignal: true, isRequired: false, transformFunction: null }, filter: { classPropertyName: "filter", publicName: "filter", isSignal: true, isRequired: false, transformFunction: null }, filterText: { classPropertyName: "filterText", publicName: "filterText", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { itemClicked: "itemClicked" }, host: { attributes: { "role": "listbox" }, listeners: { "keydown": "onKeyDown($event)", "focusout": "currentHighlightedValue.set(null)" }, properties: { "attr.tabIndex": "focussable() ? 0 : null", "attr.aria-activedescendant": "currentHighlightedValue() ? inputId() + \"_option_\" + currentHighlightedValue() : null", "aria-multiselectable": "!!multiple()", "id": "inputId()" } }, providers: [provideSelf(NgnListBox)], viewQueries: [{ propertyName: "_scroller", first: true, predicate: NgnScroller, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<ngn-scroller\r\n  [ptInt]=\"this\"\r\n  [ptClass]=\"'scroller'\"\r\n  [virtual]=\"virtual()\"\r\n  [itemHeight]=\"itemHeight()\"\r\n  [items]=\"displayedItems()\"\r\n  [templateItem]=\"usedItemTemplate\"\r\n  [fieldSticky]=\"'items'\"\r\n  #scroller\r\n/>\r\n\r\n@if (!displayedItems().length) {\r\n  <ng-container\r\n    *ngTemplateOutlet=\"emptyTemplate() || defaultEmptyTemplate; context: {}\"\r\n  ></ng-container>\r\n}\r\n\r\n<ng-template #usedItemTemplate [ngnTemplate]=\"scroller.templateTypes.item\" let-itemOrGroup>\r\n  <!-- eslint-disable-next-line @angular-eslint/template/click-events-have-key-events, @angular-eslint/template/interactive-supports-focus -->\r\n  <div\r\n    [ngnScrollerItem]=\"itemOrGroup\"\r\n    [id]=\"inputId() + '_option_' + itemOrGroup.value\"\r\n    [attr.role]=\"'option'\"\r\n    [aria-selected]=\"selectable() ? valueArray().includes(itemOrGroup.value) : null\"\r\n    [ptInt]=\"this\"\r\n    [ptClass]=\"{\r\n      item: !itemOrGroup.items,\r\n      group: !!itemOrGroup.items,\r\n      'item-selected': valueArray().includes(itemOrGroup.value),\r\n      'item-highlighted': itemOrGroup.value === currentHighlightedValue(),\r\n    }\"\r\n    (click)=\"!itemOrGroup.items && selectable() && onSelect(itemOrGroup.value)\"\r\n    (mouseenter)=\"\r\n      !itemOrGroup.items && selectable() && selectOnHover() && onSelect(itemOrGroup.value)\r\n    \"\r\n  >\r\n    @if (showCheckboxes() && !itemOrGroup.items) {\r\n      <ngn-checkbox\r\n        [value]=\"valueArray().includes(itemOrGroup.value)\"\r\n        aria-hidden=\"true\"\r\n        inert=\"true\"\r\n      />\r\n    }\r\n    <ng-container\r\n      *ngTemplateOutlet=\"\r\n        itemOrGroup.items ? groupTemplate() : itemTemplate();\r\n        context: { $implicit: itemOrGroup }\r\n      \"\r\n    ></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #defaultItemTemplate [ngnTemplate]=\"templateTypes.item\" let-item>\r\n  <span [attr.data-testid]=\"item?.testId\" [ptInt]=\"this\" [ptClass]=\"'default-item'\">\r\n    @let label = item?.label;\r\n    @if (label) {\r\n      <span [attr.data-testid]=\"item?.testId\">{{ maybeCallback(label) }}</span>\r\n    } @else {\r\n      <span [attr.data-testid]=\"item?.testId\">&ZeroWidthSpace;</span>\r\n    }\r\n  </span>\r\n</ng-template>\r\n\r\n<ng-template #defaultGroupTemplate [ngnTemplate]=\"templateTypes.item\" let-group>\r\n  <span [attr.data-testid]=\"group?.testId\" [ptInt]=\"this\" [ptClass]=\"'default-group'\">\r\n    @let label = group?.label;\r\n    @if (label) {\r\n      <span [attr.data-testid]=\"group?.testId\">{{ maybeCallback(label) }}</span>\r\n    } @else {\r\n      <span [attr.data-testid]=\"group?.testId\">&ZeroWidthSpace;</span>\r\n    }\r\n  </span>\r\n</ng-template>\r\n\r\n<ng-template #defaultEmptyTemplate>\r\n  <span [ptInt]=\"this\" [ptClass]=\"'empty'\" [attr.data-testid]=\"'empty'\">{{\r\n    'No items found'\r\n  }}</span>\r\n</ng-template>\r\n", dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: NgnScroller, selector: "ngn-scroller, [ngn-scroller]", inputs: ["items", "fieldId", "virtual", "itemHeight", "virtualPadding", "focusable", "fieldSticky"] }, { kind: "directive", type: NgnScrollerItem, selector: "[ngnScrollerItem]", inputs: ["ngnScrollerItem"] }, { kind: "component", type: NgnCheckbox, selector: "ngn-checkbox", inputs: ["iconChecked", "iconUnchecked", "iconIndeterminate", "allowIndeterminate"] }, { kind: "directive", type: NgnTemplate, selector: "ng-template[ngnTemplate]", inputs: ["ngnTemplate"] }, { kind: "directive", type: NgnPt, selector: "[ptInt]", inputs: ["ptInt", "ptClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.2", ngImport: i0, type: NgnListBox, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.10", ngImport: i0, type: NgnListBox, decorators: [{
             type: Component,
             args: [{ changeDetection: ChangeDetectionStrategy.OnPush, selector: 'ngn-list-box', imports: [NgTemplateOutlet, NgnScroller, NgnScrollerItem, NgnCheckbox, NgnTemplate, NgnPt], providers: [provideSelf(NgnListBox)], host: {
                         '[attr.tabIndex]': 'focussable() ? 0 : null',