@i-cell/ids-angular 0.1.13 → 0.2.0

package/fesm2022/i-cell-ids-angular-radio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"i-cell-ids-angular-radio.mjs","sources":["../../../projects/widgets/radio/types/radio-variant.type.ts","../../../projects/widgets/radio/types/radio-events.class.ts","../../../projects/widgets/radio/radio-defaults.ts","../../../projects/widgets/radio/radio.component.ts","../../../projects/widgets/radio/radio.component.html","../../../projects/widgets/radio/radio-group.directive.ts","../../../projects/widgets/radio/i-cell-ids-angular-radio.ts"],"sourcesContent":["export const IdsRadioVariant = {\n  SURFACE: 'surface',\n  LIGHT: 'light',\n  DARK: 'dark',\n} as const;\n\nexport type IdsRadioVariantType = (typeof IdsRadioVariant)[keyof typeof IdsRadioVariant];\n","import { IdsRadioComponent } from '../radio.component';\n\nexport class IdsRadioChangeEvent {\n  constructor(\n    public source: IdsRadioComponent,\n    public value: unknown,\n  ) {}\n}\n","import { IdsRadioVariant, IdsRadioVariantType } from './types/radio-variant.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsOrientation, IdsOrientationType, IdsPosition, IdsPositionType, IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsRadioDefaultConfig {\n  size?: IdsSizeType\n  variant?: IdsRadioVariantType\n  orientation?: IdsOrientationType\n  labelPosition?: IdsPositionType\n}\n\nexport const IDS_RADIO_DEFAULT_CONFIG = new InjectionToken<IdsRadioDefaultConfig>(\n  'IDS_RADIO_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_RADIO_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\nexport function IDS_RADIO_DEFAULT_CONFIG_FACTORY(): Required<IdsRadioDefaultConfig> {\n  return {\n    size: IdsSize.COMPACT,\n    variant: IdsRadioVariant.SURFACE,\n    orientation: IdsOrientation.VERTICAL,\n    labelPosition: IdsPosition.RIGHT,\n  };\n}\n","import { IdsRadioGroupDirective } from './radio-group.directive';\nimport { IdsRadioChangeEvent } from './types/radio-events.class';\n\nimport { ChangeDetectionStrategy, Component, computed, ElementRef, inject, input, OnInit, output, signal, viewChild, ViewEncapsulation } from '@angular/core';\nimport { coerceNumberAttribute, ComponentBase } from '@i-cell/ids-angular/core';\n\n@Component({\n  selector: 'ids-radio',\n  imports: [],\n  templateUrl: './radio.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IdsRadioComponent extends ComponentBase implements OnInit {\n  protected override get _hostName(): string {\n    return 'radio';\n  }\n\n  private _group = inject(IdsRadioGroupDirective, { optional: true, skipSelf: true });\n\n  public selected = signal<boolean>(false);\n\n  public inputId = input<string>(this._uniqueId);\n  public value = input.required<unknown>();\n  public ariaLabel = input<string>('', { alias: 'aria-label' });\n  public ariaLabelledBy = input<string>('', { alias: 'aria-labelledby' });\n  public ariaDescribedBy = input<string>('', { alias: 'aria-describedby' });\n  public tabIndex = input<number, unknown>(0, { transform: coerceNumberAttribute });\n  public disabled = input<boolean>(false);\n\n  protected _isDisabled = computed(() => this.disabled() || this._group?.isDisabled());\n  protected _name = computed(() => this._group?.name());\n  protected _required = computed(() => this._group?.required());\n  protected _ariaChecked = computed(() => this.selected());\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this._group?.variant() ?? null,\n    this._group?.labelPosition() ?? null,\n    this._isDisabled() ? 'disabled' : null,\n  ]));\n\n  private _inputElement = viewChild.required<ElementRef<HTMLButtonElement>>('input');\n\n  public readonly changes = output<IdsRadioChangeEvent>();\n\n  public ngOnInit(): void {\n    if (!this._group) {\n      throw this._createHostError('component must be direct child of a radio group');\n    }\n    if (this._group.isItemPreSelectedByValue(this.value())) {\n      this.selected.set(true);\n    }\n  }\n\n  public onChange(): void {\n    this.changes.emit(new IdsRadioChangeEvent(this, this.value()));\n  }\n\n  protected _touchTargetClick(): void {\n    if (!this.selected() && !this._isDisabled()) {\n      this._inputElement().nativeElement.focus();\n      this.onChange();\n    }\n  }\n\n  protected _innerCircleClick(): void {\n    if (!this.selected() && !this._isDisabled()) {\n      this._inputElement().nativeElement.focus();\n      this.onChange();\n    }\n  }\n\n  public focus(options?: FocusOptions): void {\n    this._inputElement().nativeElement.focus(options);\n  }\n}\n","<div class=\"ids-radio__input-wrapper\">\n  <div class=\"ids-radio__touch-target\" (click)=\"_touchTargetClick()\"></div>\n  <input\n    #input\n    class=\"ids-radio__native-control\"\n    type=\"radio\"\n    [id]=\"inputId()\"\n    [checked]=\"selected()\"\n    [disabled]=\"_isDisabled()\"\n    [attr.name]=\"_name()\"\n    [attr.value]=\"value()\"\n    [required]=\"_required()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-labelledby]=\"ariaLabelledBy()\"\n    [attr.aria-describedby]=\"ariaDescribedBy()\"\n    [attr.aria-checked]=\"_ariaChecked()\"\n    (change)=\"onChange()\"\n  />\n  <div class=\"ids-radio__inner-circle\" (click)=\"_innerCircleClick()\"></div>\n</div>\n<label class=\"ids-radio__label\" [for]=\"inputId()\">\n  <ng-content />\n</label>\n","import { IDS_RADIO_DEFAULT_CONFIG, IDS_RADIO_DEFAULT_CONFIG_FACTORY, IdsRadioDefaultConfig } from './radio-defaults';\nimport { IdsRadioComponent } from './radio.component';\nimport { IdsRadioChangeEvent } from './types/radio-events.class';\nimport { IdsRadioVariantType } from './types/radio-variant.type';\n\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { AfterContentChecked, computed, contentChildren, Directive, forwardRef, Input, input, isDevMode, OnInit, output, signal } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { coerceBooleanAttribute, IdsOrientation, IdsOrientationType, IdsPositionType, IdsSizeType, IdsVerticalPosition, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';\n\nconst defaultConfig = IDS_RADIO_DEFAULT_CONFIG_FACTORY();\n\n@Directive({\n  selector: 'ids-radio-group',\n  standalone: true,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => IdsRadioGroupDirective),\n      multi: true,\n    },\n  ],\n  host: {\n    '(keydown)': '_handleKeyDown($event)',\n  },\n})\nexport class IdsRadioGroupDirective\n  extends ComponentBaseWithDefaults<IdsRadioDefaultConfig>\n  implements OnInit, AfterContentChecked, ControlValueAccessor {\n  protected override get _hostName(): string {\n    return 'radio-group';\n  }\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_RADIO_DEFAULT_CONFIG);\n\n  private _selectionModel?: SelectionModel<IdsRadioComponent>;\n  private _rawValue: unknown;\n  private _items = contentChildren<IdsRadioComponent>(IdsRadioComponent, { descendants: true });\n\n  public name = input.required<string>();\n  public required = input<boolean, unknown>(false, { transform: coerceBooleanAttribute });\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n  public variant = input<IdsRadioVariantType>(this._defaultConfig.variant);\n  public orientation = input<IdsOrientationType>(this._defaultConfig.orientation);\n  public labelPosition = input<IdsPositionType>(this._defaultConfig.labelPosition);\n  public isDisabled = signal<boolean>(false);\n\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this.size(),\n    this.orientation(),\n    this.labelPosition(),\n  ]));\n\n  private _onChange: (value: unknown) => void = () => {};\n  private _onTouched: () => unknown = () => {};\n\n  @Input() public valueCompareFn?: (o1: IdsRadioComponent, o2: IdsRadioComponent) => boolean;\n  @Input({ transform: coerceBooleanAttribute })\n  set disabled(value: boolean) {\n    if (value !== this.disabled) {\n      this.isDisabled.set(value);\n    }\n  }\n\n  public readonly itemChanges = output<IdsRadioChangeEvent>();\n\n  private _handleKeyDown(event: KeyboardEvent): void {\n    const navigationKeys: Record<IdsOrientationType, Set<string>> = {\n      // eslint-disable-next-line @stylistic/js/array-bracket-newline, @stylistic/js/array-element-newline\n      horizontal: new Set(['ArrowLeft', 'ArrowRight', 'Enter', ' ']),\n      // eslint-disable-next-line @stylistic/js/array-bracket-newline, @stylistic/js/array-element-newline\n      vertical: new Set(['ArrowUp', 'ArrowDown', 'Enter', ' ']),\n    };\n\n    const orientation = this.orientation();\n\n    if (navigationKeys.horizontal.has(event.key) || navigationKeys.vertical.has(event.key)) {\n      event.preventDefault();\n    }\n    if (!navigationKeys[orientation].has(event.key)) {\n      return;\n    }\n\n    const items = this._items();\n    const target = event.target as HTMLButtonElement;\n    const inputId = target.id;\n    const index = items.findIndex((item) => item.inputId() === inputId);\n\n    switch (event.key) {\n      case 'ArrowUp': {\n        if (orientation === IdsOrientation.HORIZONTAL) {\n          return;\n        }\n        if (index === 0) {\n          return;\n        }\n        const prevItem = items[index - 1];\n        prevItem.focus();\n        break;\n      }\n      case 'ArrowLeft': {\n        if (orientation === IdsOrientation.VERTICAL) {\n          return;\n        }\n        if (index === 0) {\n          return;\n        }\n        const prevItem = items[index - 1];\n        prevItem.focus();\n        break;\n      }\n      case 'ArrowDown': {\n        if (orientation === IdsOrientation.HORIZONTAL) {\n          return;\n        }\n        if (index === (items.length - 1)) {\n          return;\n        }\n        const nextItem = items[index + 1];\n        nextItem.focus();\n        break;\n      }\n      case 'ArrowRight': {\n        if (orientation === IdsOrientation.VERTICAL) {\n          return;\n        }\n        if (index === (items.length - 1)) {\n          return;\n        }\n        const nextItem = items[index + 1];\n        nextItem.focus();\n        break;\n      }\n      case 'Enter':\n      case ' ': {\n        items[index].onChange();\n        break;\n      }\n      default:\n        return;\n    }\n  }\n\n  public ngOnInit(): void {\n    this._selectionModel = new SelectionModel<IdsRadioComponent>(false, undefined, false, this.valueCompareFn);\n\n    if (this._hasInvalidLabelPosition()) {\n      throw this._createHostError('invalid `orientation` + `labelPosition` combination.');\n    }\n  }\n\n  public ngAfterContentChecked(): void {\n    const items = this._items();\n    const minItemCount = 2;\n\n    if (isDevMode() && (items.length < minItemCount)) {\n      throw this._createHostError('invalid count of radio items. Minimum item count is 2.');\n    }\n\n    this._selectionModel?.select(...this._items().filter((item) => item.selected()));\n    this._subscribeItemChanges();\n  }\n\n  public writeValue(value: unknown | unknown[]): void {\n    this._setSelectionByValue(value);\n  }\n\n  public registerOnChange(fn: () => void): void {\n    this._onChange = fn;\n  }\n\n  public registerOnTouched(fn: () => unknown): void {\n    this._onTouched = fn;\n  }\n\n  public setDisabledState?(isDisabled: boolean): void {\n    this.isDisabled.set(isDisabled);\n  }\n\n  private _subscribeItemChanges(): void {\n    this._items().forEach((item) => {\n      item.changes.subscribe(\n        (change) => {\n          this._handleItemChanges(change);\n        },\n      );\n    });\n  }\n\n  private _handleItemChanges(change: IdsRadioChangeEvent): void {\n    const { source } = change;\n    this._clearSelection();\n    source.selected.set(true);\n    this._selectionModel?.select(source);\n    this.itemChanges.emit(change);\n    this._handleChange();\n    this._onTouched();\n  }\n\n  private _setSelectionByValue(value: unknown | unknown[]): void {\n    this._rawValue = value;\n\n    if (this._items().length === 0) {\n      return;\n    }\n\n    this._clearSelection();\n    this._selectValue(value);\n  }\n\n  private _selectValue(value: unknown): void {\n    const correspondingItem = this._items().find((item) => item.value() != null && item.value() === value);\n    if (correspondingItem) {\n      correspondingItem.selected.set(true);\n      this._selectionModel?.select(correspondingItem);\n    }\n  }\n\n  private _clearSelection(): void {\n    this._selectionModel?.clear();\n    this._items().forEach((item) => {\n      item.selected.set(false);\n    });\n  }\n\n  private _handleChange(): void {\n    const selectionModelValues = this._selectionModel?.selected?.map((item) => item.value());\n    this._onChange(selectionModelValues?.[0]);\n  }\n\n  public isItemPreSelectedByValue(itemValue: unknown): boolean {\n    if (this._rawValue === undefined) {\n      return false;\n    }\n\n    return itemValue === this._rawValue;\n  }\n\n  private _hasInvalidLabelPosition(): boolean {\n    const orientation = this.orientation();\n    const labelPosition = this.labelPosition();\n\n    return (orientation === IdsOrientation.VERTICAL && Object.values(IdsVerticalPosition).some((pos) => pos === labelPosition));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"i-cell-ids-angular-radio.mjs","sources":["../../../projects/widgets/radio/types/radio-variant.type.ts","../../../projects/widgets/radio/types/radio-events.class.ts","../../../projects/widgets/radio/radio-defaults.ts","../../../projects/widgets/radio/radio.component.ts","../../../projects/widgets/radio/radio.component.html","../../../projects/widgets/radio/radio-group.directive.ts","../../../projects/widgets/radio/i-cell-ids-angular-radio.ts"],"sourcesContent":["export const IdsRadioVariant = {\n  SURFACE: 'surface',\n  LIGHT: 'light',\n  DARK: 'dark',\n} as const;\n\nexport type IdsRadioVariantType = (typeof IdsRadioVariant)[keyof typeof IdsRadioVariant];\n","import { IdsRadioComponent } from '../radio.component';\n\nexport class IdsRadioChangeEvent {\n  constructor(\n    public source: IdsRadioComponent,\n    public value: unknown,\n  ) {}\n}\n","import { IdsRadioVariant, IdsRadioVariantType } from './types/radio-variant.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsOrientation, IdsOrientationType, IdsPosition, IdsPositionType, IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsRadioDefaultConfig {\n  size?: IdsSizeType\n  variant?: IdsRadioVariantType\n  orientation?: IdsOrientationType\n  labelPosition?: IdsPositionType\n}\n\nexport const IDS_RADIO_DEFAULT_CONFIG = new InjectionToken<IdsRadioDefaultConfig>(\n  'IDS_RADIO_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_RADIO_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\nexport function IDS_RADIO_DEFAULT_CONFIG_FACTORY(): Required<IdsRadioDefaultConfig> {\n  return {\n    size: IdsSize.COMPACT,\n    variant: IdsRadioVariant.SURFACE,\n    orientation: IdsOrientation.VERTICAL,\n    labelPosition: IdsPosition.RIGHT,\n  };\n}\n","import { IdsRadioGroupDirective } from './radio-group.directive';\nimport { IdsRadioChangeEvent } from './types/radio-events.class';\n\nimport { ChangeDetectionStrategy, Component, computed, ElementRef, inject, input, OnInit, output, signal, viewChild, ViewEncapsulation } from '@angular/core';\nimport { coerceNumberAttribute, ComponentBase } from '@i-cell/ids-angular/core';\n\n@Component({\n  selector: 'ids-radio',\n  imports: [],\n  templateUrl: './radio.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IdsRadioComponent extends ComponentBase implements OnInit {\n  protected override get _hostName(): string {\n    return 'radio';\n  }\n\n  private _group = inject(IdsRadioGroupDirective, { optional: true, skipSelf: true });\n\n  public selected = signal<boolean>(false);\n\n  public inputId = input<string>(this._uniqueId);\n  public value = input.required<unknown>();\n  public ariaLabel = input<string>('', { alias: 'aria-label' });\n  public ariaLabelledBy = input<string>('', { alias: 'aria-labelledby' });\n  public ariaDescribedBy = input<string>('', { alias: 'aria-describedby' });\n  public tabIndex = input<number, unknown>(0, { transform: coerceNumberAttribute });\n  public disabled = input<boolean>(false);\n\n  protected _isDisabled = computed(() => this.disabled() || this._group?.isDisabled());\n  protected _name = computed(() => this._group?.name());\n  protected _required = computed(() => this._group?.required());\n  protected _ariaChecked = computed(() => this.selected());\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this._group?.variant() ?? null,\n    this._group?.labelPosition() ?? null,\n    this._isDisabled() ? 'disabled' : null,\n  ]));\n\n  private _inputElement = viewChild.required<ElementRef<HTMLButtonElement>>('input');\n\n  public readonly changes = output<IdsRadioChangeEvent>();\n\n  public ngOnInit(): void {\n    if (!this._group) {\n      throw this._createHostError('component must be direct child of a radio group');\n    }\n    if (this._group.isItemPreSelectedByValue(this.value())) {\n      this.selected.set(true);\n    }\n  }\n\n  public onChange(): void {\n    this.changes.emit(new IdsRadioChangeEvent(this, this.value()));\n  }\n\n  protected _touchTargetClick(): void {\n    if (!this.selected() && !this._isDisabled()) {\n      this._inputElement().nativeElement.focus();\n      this.onChange();\n    }\n  }\n\n  protected _innerCircleClick(): void {\n    if (!this.selected() && !this._isDisabled()) {\n      this._inputElement().nativeElement.focus();\n      this.onChange();\n    }\n  }\n\n  public focus(options?: FocusOptions): void {\n    this._inputElement().nativeElement.focus(options);\n  }\n}\n","<div class=\"ids-radio__input-wrapper\">\n  <div class=\"ids-radio__touch-target\" (click)=\"_touchTargetClick()\"></div>\n  <input\n    #input\n    class=\"ids-radio__native-control\"\n    type=\"radio\"\n    [id]=\"inputId()\"\n    [checked]=\"selected()\"\n    [disabled]=\"_isDisabled()\"\n    [attr.name]=\"_name()\"\n    [attr.value]=\"value()\"\n    [required]=\"_required()\"\n    [attr.aria-label]=\"ariaLabel()\"\n    [attr.aria-labelledby]=\"ariaLabelledBy()\"\n    [attr.aria-describedby]=\"ariaDescribedBy()\"\n    [attr.aria-checked]=\"_ariaChecked()\"\n    (change)=\"onChange()\"\n  />\n  <div class=\"ids-radio__inner-circle\" (click)=\"_innerCircleClick()\"></div>\n</div>\n<label class=\"ids-radio__label\" [for]=\"inputId()\">\n  <ng-content />\n</label>\n","import { IDS_RADIO_DEFAULT_CONFIG, IDS_RADIO_DEFAULT_CONFIG_FACTORY, IdsRadioDefaultConfig } from './radio-defaults';\nimport { IdsRadioComponent } from './radio.component';\nimport { IdsRadioChangeEvent } from './types/radio-events.class';\nimport { IdsRadioVariantType } from './types/radio-variant.type';\n\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { AfterContentChecked, computed, contentChildren, Directive, forwardRef, Input, input, isDevMode, OnInit, output, signal } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { coerceBooleanAttribute, IdsOrientation, IdsOrientationType, IdsPositionType, IdsSizeType, IdsVerticalPosition, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';\n\nconst defaultConfig = IDS_RADIO_DEFAULT_CONFIG_FACTORY();\n\n@Directive({\n  selector: 'ids-radio-group',\n  standalone: true,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => IdsRadioGroupDirective),\n      multi: true,\n    },\n  ],\n  host: {\n    '(keydown)': '_handleKeyDown($event)',\n  },\n})\nexport class IdsRadioGroupDirective\n  extends ComponentBaseWithDefaults<IdsRadioDefaultConfig>\n  implements OnInit, AfterContentChecked, ControlValueAccessor {\n  protected override get _hostName(): string {\n    return 'radio-group';\n  }\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_RADIO_DEFAULT_CONFIG);\n\n  private _selectionModel?: SelectionModel<IdsRadioComponent>;\n  private _rawValue: unknown;\n  private _items = contentChildren<IdsRadioComponent>(IdsRadioComponent, { descendants: true });\n\n  public name = input.required<string>();\n  public required = input<boolean, unknown>(false, { transform: coerceBooleanAttribute });\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n  public variant = input<IdsRadioVariantType>(this._defaultConfig.variant);\n  public orientation = input<IdsOrientationType>(this._defaultConfig.orientation);\n  public labelPosition = input<IdsPositionType>(this._defaultConfig.labelPosition);\n  public isDisabled = signal<boolean>(false);\n\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this.size(),\n    this.orientation(),\n    this.labelPosition(),\n  ]));\n\n  private _onChange: (value: unknown) => void = () => {};\n  private _onTouched: () => unknown = () => {};\n\n  @Input() public valueCompareFn?: (o1: IdsRadioComponent, o2: IdsRadioComponent) => boolean;\n  @Input({ transform: coerceBooleanAttribute })\n  set disabled(value: boolean) {\n    if (value !== this.disabled) {\n      this.isDisabled.set(value);\n    }\n  }\n\n  public readonly itemChanges = output<IdsRadioChangeEvent>();\n\n  private _handleKeyDown(event: KeyboardEvent): void {\n    const navigationKeys: Record<IdsOrientationType, Set<string>> = {\n      // eslint-disable-next-line @stylistic/js/array-bracket-newline, @stylistic/js/array-element-newline\n      horizontal: new Set(['ArrowLeft', 'ArrowRight', 'Enter', ' ']),\n      // eslint-disable-next-line @stylistic/js/array-bracket-newline, @stylistic/js/array-element-newline\n      vertical: new Set(['ArrowUp', 'ArrowDown', 'Enter', ' ']),\n    };\n\n    const orientation = this.orientation();\n\n    if (navigationKeys.horizontal.has(event.key) || navigationKeys.vertical.has(event.key)) {\n      event.preventDefault();\n    }\n    if (!navigationKeys[orientation].has(event.key)) {\n      return;\n    }\n\n    const items = this._items();\n    const target = event.target as HTMLButtonElement;\n    const inputId = target.id;\n    const index = items.findIndex((item) => item.inputId() === inputId);\n\n    switch (event.key) {\n      case 'ArrowUp': {\n        if (orientation === IdsOrientation.HORIZONTAL) {\n          return;\n        }\n        if (index === 0) {\n          return;\n        }\n        const prevItem = items[index - 1];\n        prevItem.focus();\n        break;\n      }\n      case 'ArrowLeft': {\n        if (orientation === IdsOrientation.VERTICAL) {\n          return;\n        }\n        if (index === 0) {\n          return;\n        }\n        const prevItem = items[index - 1];\n        prevItem.focus();\n        break;\n      }\n      case 'ArrowDown': {\n        if (orientation === IdsOrientation.HORIZONTAL) {\n          return;\n        }\n        if (index === (items.length - 1)) {\n          return;\n        }\n        const nextItem = items[index + 1];\n        nextItem.focus();\n        break;\n      }\n      case 'ArrowRight': {\n        if (orientation === IdsOrientation.VERTICAL) {\n          return;\n        }\n        if (index === (items.length - 1)) {\n          return;\n        }\n        const nextItem = items[index + 1];\n        nextItem.focus();\n        break;\n      }\n      case 'Enter':\n      case ' ': {\n        items[index].onChange();\n        break;\n      }\n      default:\n        return;\n    }\n  }\n\n  public ngOnInit(): void {\n    this._selectionModel = new SelectionModel<IdsRadioComponent>(false, undefined, false, this.valueCompareFn);\n\n    if (this._hasInvalidLabelPosition()) {\n      throw this._createHostError('invalid `orientation` + `labelPosition` combination.');\n    }\n  }\n\n  public ngAfterContentChecked(): void {\n    const items = this._items();\n    const minItemCount = 2;\n\n    if (isDevMode() && (items.length < minItemCount)) {\n      throw this._createHostError('invalid count of radio items. Minimum item count is 2.');\n    }\n\n    this._selectionModel?.select(...this._items().filter((item) => item.selected()));\n    this._subscribeItemChanges();\n  }\n\n  public writeValue(value: unknown | unknown[]): void {\n    this._setSelectionByValue(value);\n  }\n\n  public registerOnChange(fn: () => void): void {\n    this._onChange = fn;\n  }\n\n  public registerOnTouched(fn: () => unknown): void {\n    this._onTouched = fn;\n  }\n\n  public setDisabledState?(isDisabled: boolean): void {\n    this.isDisabled.set(isDisabled);\n  }\n\n  private _subscribeItemChanges(): void {\n    this._items().forEach((item) => {\n      item.changes.subscribe(\n        (change) => {\n          this._handleItemChanges(change);\n        },\n      );\n    });\n  }\n\n  private _handleItemChanges(change: IdsRadioChangeEvent): void {\n    const { source } = change;\n    this._clearSelection();\n    source.selected.set(true);\n    this._selectionModel?.select(source);\n    this.itemChanges.emit(change);\n    this._handleChange();\n    this._onTouched();\n  }\n\n  private _setSelectionByValue(value: unknown | unknown[]): void {\n    this._rawValue = value;\n\n    if (this._items().length === 0) {\n      return;\n    }\n\n    this._clearSelection();\n    this._selectValue(value);\n  }\n\n  private _selectValue(value: unknown): void {\n    const correspondingItem = this._items().find((item) => item.value() != null && item.value() === value);\n    if (correspondingItem) {\n      correspondingItem.selected.set(true);\n      this._selectionModel?.select(correspondingItem);\n    }\n  }\n\n  private _clearSelection(): void {\n    this._selectionModel?.clear();\n    this._items().forEach((item) => {\n      item.selected.set(false);\n    });\n  }\n\n  private _handleChange(): void {\n    const selectionModelValues = this._selectionModel?.selected?.map((item) => item.value());\n    this._onChange(selectionModelValues?.[0]);\n  }\n\n  public isItemPreSelectedByValue(itemValue: unknown): boolean {\n    if (this._rawValue === undefined) {\n      return false;\n    }\n\n    return itemValue === this._rawValue;\n  }\n\n  private _hasInvalidLabelPosition(): boolean {\n    const orientation = this.orientation();\n    const labelPosition = this.labelPosition();\n\n    return (orientation === IdsOrientation.VERTICAL && Object.values(IdsVerticalPosition).some((pos) => pos === labelPosition));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/i-cell-ids-angular-segmented-control-toggle.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, contentChildren, input, signal, computed, output, isDevMode, forwardRef, Directive, Input, inject, viewChild, Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
+import { InjectionToken, contentChildren, input, signal, computed, output, isDevMode, forwardRef, Input, Directive, inject, viewChild, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 import { IdsSize, ComponentBaseWithDefaults, ComponentBase, coerceNumberAttribute, addClassPrefix } from '@i-cell/ids-angular/core';
 import { SelectionModel } from '@angular/cdk/collections';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
@@ -46,19 +46,19 @@ class IdsSegmentedControlToggleDirective extends ComponentBaseWithDefaults {
     constructor() {
         super(...arguments);
         this._defaultConfig = this._getDefaultConfig(defaultConfig, IDS_SEGMENTED_CONTROL_TOGGLE_DEFAULT_CONFIG);
-        this._items = contentChildren(IdsSegmentedControlToggleItemComponent);
-        this.name = input();
-        this.size = input(this._defaultConfig.size);
-        this.variant = input(this._defaultConfig.variant);
-        this.buttonVariant = input(this._defaultConfig.buttonVariant);
-        this.appearance = input(this._defaultConfig.appearance);
-        this.disabled = signal(false);
+        this._items = contentChildren(IdsSegmentedControlToggleItemComponent, ...(ngDevMode ? [{ debugName: "_items" }] : []));
+        this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
+        this.size = input(this._defaultConfig.size, ...(ngDevMode ? [{ debugName: "size" }] : []));
+        this.variant = input(this._defaultConfig.variant, ...(ngDevMode ? [{ debugName: "variant" }] : []));
+        this.buttonVariant = input(this._defaultConfig.buttonVariant, ...(ngDevMode ? [{ debugName: "buttonVariant" }] : []));
+        this.appearance = input(this._defaultConfig.appearance, ...(ngDevMode ? [{ debugName: "appearance" }] : []));
+        this.disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
         this._hostClasses = computed(() => this._getHostClasses([
             this.size(),
             this.variant(),
             this.appearance(),
             this.disabled() ? 'disabled' : null,
-        ]));
+        ]), ...(ngDevMode ? [{ debugName: "_hostClasses" }] : []));
         this._onChange = () => { };
         this._onTouched = () => { };
         this.itemChanges = output();
@@ -174,8 +174,8 @@ class IdsSegmentedControlToggleDirective extends ComponentBaseWithDefaults {
         }
         return itemValue === this._rawValue;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsSegmentedControlToggleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.1.2", type: IdsSegmentedControlToggleDirective, isStandalone: true, selector: "ids-segmented-control-toggle[ngModel]:not([formControl]):not([formControlName]),\n             ids-segmented-control-toggle[formControl]:not([ngModel]):not([formControlName]),\n             ids-segmented-control-toggle[formControlName]:not([ngModel]):not([formControl])", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, buttonVariant: { classPropertyName: "buttonVariant", publicName: "buttonVariant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, valueCompareFn: { classPropertyName: "valueCompareFn", publicName: "valueCompareFn", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { itemChanges: "itemChanges" }, host: { listeners: { "keydown": "_handleKeyDown($event)" }, properties: { "attr.role": "radiogroup" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: IdsSegmentedControlToggleDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.1.7", type: IdsSegmentedControlToggleDirective, isStandalone: true, selector: "ids-segmented-control-toggle[ngModel]:not([formControl]):not([formControlName]),\n             ids-segmented-control-toggle[formControl]:not([ngModel]):not([formControlName]),\n             ids-segmented-control-toggle[formControlName]:not([ngModel]):not([formControl])", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, buttonVariant: { classPropertyName: "buttonVariant", publicName: "buttonVariant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, valueCompareFn: { classPropertyName: "valueCompareFn", publicName: "valueCompareFn", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { itemChanges: "itemChanges" }, host: { listeners: { "keydown": "_handleKeyDown($event)" }, properties: { "attr.role": "radiogroup" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => IdsSegmentedControlToggleDirective),
@@ -183,7 +183,7 @@ class IdsSegmentedControlToggleDirective extends ComponentBaseWithDefaults {
             },
         ], queries: [{ propertyName: "_items", predicate: IdsSegmentedControlToggleItemComponent, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsSegmentedControlToggleDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: IdsSegmentedControlToggleDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `ids-segmented-control-toggle[ngModel]:not([formControl]):not([formControlName]),
@@ -211,22 +211,22 @@ class IdsSegmentedControlToggleItemComponent extends ComponentBase {
         super(...arguments);
         this._group = inject(IdsSegmentedControlToggleDirective, { optional: true, skipSelf: true });
         this._buttonElement = viewChild.required('button');
-        this.selected = signal(false);
-        this.name = input();
-        this.value = input.required();
-        this.label = input();
-        this.ariaLabel = input('', { alias: 'aria-label' });
-        this.ariaLabelledBy = input('', { alias: 'aria-labeledby' });
-        this.tabIndex = input(0, { transform: coerceNumberAttribute });
-        this.disabled = input(false);
-        this._buttonId = computed(() => `${this.id()}-button`);
-        this._parentOrSelfDisabled = computed(() => this.disabled() || this._group?.disabled());
-        this._ariaPressed = signal(null); // it is signal because of the common template
-        this._ariaChecked = computed(() => this.selected());
-        this._role = signal('radio'); // it is signal because of the common template
-        this._buttonName = computed(() => this._group?.name());
-        this._buttonClasses = computed(() => addClassPrefix(this._hostClassName, this.selected() ? 'selected' : null));
-        this._hostClasses = computed(() => this._getHostClasses([this._group?.buttonVariant()]));
+        this.selected = signal(false, ...(ngDevMode ? [{ debugName: "selected" }] : []));
+        this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
+        this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+        this.ariaLabel = input('', ...(ngDevMode ? [{ debugName: "ariaLabel", alias: 'aria-label' }] : [{ alias: 'aria-label' }]));
+        this.ariaLabelledBy = input('', ...(ngDevMode ? [{ debugName: "ariaLabelledBy", alias: 'aria-labeledby' }] : [{ alias: 'aria-labeledby' }]));
+        this.tabIndex = input(0, ...(ngDevMode ? [{ debugName: "tabIndex", transform: coerceNumberAttribute }] : [{ transform: coerceNumberAttribute }]));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this._buttonId = computed(() => `${this.id()}-button`, ...(ngDevMode ? [{ debugName: "_buttonId" }] : []));
+        this._parentOrSelfDisabled = computed(() => this.disabled() || this._group?.disabled(), ...(ngDevMode ? [{ debugName: "_parentOrSelfDisabled" }] : []));
+        this._ariaPressed = signal(null, ...(ngDevMode ? [{ debugName: "_ariaPressed" }] : [])); // it is signal because of the common template
+        this._ariaChecked = computed(() => this.selected(), ...(ngDevMode ? [{ debugName: "_ariaChecked" }] : []));
+        this._role = signal('radio', ...(ngDevMode ? [{ debugName: "_role" }] : [])); // it is signal because of the common template
+        this._buttonName = computed(() => this._group?.name(), ...(ngDevMode ? [{ debugName: "_buttonName" }] : []));
+        this._buttonClasses = computed(() => addClassPrefix(this._hostClassName, this.selected() ? 'selected' : null), ...(ngDevMode ? [{ debugName: "_buttonClasses" }] : []));
+        this._hostClasses = computed(() => this._getHostClasses([this._group?.buttonVariant()]), ...(ngDevMode ? [{ debugName: "_hostClasses" }] : []));
         this.changes = output();
     }
     get _hostName() {
@@ -248,10 +248,10 @@ class IdsSegmentedControlToggleItemComponent extends ComponentBase {
     focus(options) {
         this._buttonElement().nativeElement.focus(options);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsSegmentedControlToggleItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: IdsSegmentedControlToggleItemComponent, isStandalone: true, selector: "ids-segmented-control-toggle-item", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "aria-labeledby", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changes: "changes" }, viewQueries: [{ propertyName: "_buttonElement", first: true, predicate: ["button"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<button\n  #button\n  type=\"button\"\n  [id]=\"_buttonId()\"\n  [attr.role]=\"_role()\"\n  [attr.tabindex]=\"_parentOrSelfDisabled() ? -1 : tabIndex()\"\n  [attr.aria-pressed]=\"_ariaPressed()\"\n  [attr.aria-checked]=\"_ariaChecked()\"\n  [disabled]=\"_parentOrSelfDisabled() || null\"\n  [attr.name]=\"_buttonName()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledBy()\"\n  [class]=\"_buttonClasses()\"\n  (click)=\"onClick()\"\n>\n  @if (selected()) {\n    <ids-icon aria-hidden=\"true\" fontIcon=\"check\" />\n  }\n  @if (!selected() || !label()) {\n    <ng-content select=\"ids-icon\" />\n  }\n\n  {{ label() }}\n\n  <ng-content select=\"[suffixContent]\" />\n</button>\n", dependencies: [{ kind: "component", type: IdsIconComponent, selector: "ids-icon", inputs: ["size", "sizeCollection", "variant", "fontIcon", "svgIcon", "aria-hidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: IdsSegmentedControlToggleItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: IdsSegmentedControlToggleItemComponent, isStandalone: true, selector: "ids-segmented-control-toggle-item", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "aria-labeledby", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changes: "changes" }, viewQueries: [{ propertyName: "_buttonElement", first: true, predicate: ["button"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<button\n  #button\n  type=\"button\"\n  [id]=\"_buttonId()\"\n  [attr.role]=\"_role()\"\n  [attr.tabindex]=\"_parentOrSelfDisabled() ? -1 : tabIndex()\"\n  [attr.aria-pressed]=\"_ariaPressed()\"\n  [attr.aria-checked]=\"_ariaChecked()\"\n  [disabled]=\"_parentOrSelfDisabled() || null\"\n  [attr.name]=\"_buttonName()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledBy()\"\n  [class]=\"_buttonClasses()\"\n  (click)=\"onClick()\"\n>\n  @if (selected()) {\n    <ids-icon aria-hidden=\"true\" fontIcon=\"check\" />\n  }\n  @if (!selected() || !label()) {\n    <ng-content select=\"ids-icon\" />\n  }\n\n  {{ label() }}\n\n  <ng-content select=\"[suffixContent]\" />\n</button>\n", dependencies: [{ kind: "component", type: IdsIconComponent, selector: "ids-icon", inputs: ["size", "sizeCollection", "variant", "fontIcon", "svgIcon", "aria-hidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsSegmentedControlToggleItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: IdsSegmentedControlToggleItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ids-segmented-control-toggle-item', imports: [IdsIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  #button\n  type=\"button\"\n  [id]=\"_buttonId()\"\n  [attr.role]=\"_role()\"\n  [attr.tabindex]=\"_parentOrSelfDisabled() ? -1 : tabIndex()\"\n  [attr.aria-pressed]=\"_ariaPressed()\"\n  [attr.aria-checked]=\"_ariaChecked()\"\n  [disabled]=\"_parentOrSelfDisabled() || null\"\n  [attr.name]=\"_buttonName()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledBy()\"\n  [class]=\"_buttonClasses()\"\n  (click)=\"onClick()\"\n>\n  @if (selected()) {\n    <ids-icon aria-hidden=\"true\" fontIcon=\"check\" />\n  }\n  @if (!selected() || !label()) {\n    <ng-content select=\"ids-icon\" />\n  }\n\n  {{ label() }}\n\n  <ng-content select=\"[suffixContent]\" />\n</button>\n" }]
         }] });

package/fesm2022/i-cell-ids-angular-segmented-control-toggle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"i-cell-ids-angular-segmented-control-toggle.mjs","sources":["../../../projects/widgets/segmented-control-toggle/types/segmented-control-toggle-appearance.type.ts","../../../projects/widgets/segmented-control-toggle/types/segmented-control-toggle-item-change.class.ts","../../../projects/widgets/segmented-control-toggle/types/segmented-control-toggle-variant.type.ts","../../../projects/widgets/segmented-control-toggle/segmented-control-toggle-defaults.ts","../../../projects/widgets/segmented-control-toggle/segmented-control-toggle.directive.ts","../../../projects/widgets/segmented-control-toggle/segmented-control-toggle-item.component.ts","../../../projects/widgets/segmented-control-toggle/segmented-control-toggle-item.component.html","../../../projects/widgets/segmented-control-toggle/i-cell-ids-angular-segmented-control-toggle.ts"],"sourcesContent":["export const IdsSegmentedControlToggleAppearance = {\n  FILLED: 'filled',\n  OUTLINED: 'outlined',\n} as const;\n\nexport type IdsSegmentedControlToggleAppearanceType =\n  (typeof IdsSegmentedControlToggleAppearance)[keyof typeof IdsSegmentedControlToggleAppearance];\n","import { IdsSegmentedControlToggleItemComponent } from '../segmented-control-toggle-item.component';\n\nexport class IdsSegmentedControlToggleItemChange {\n  constructor(\n    public source: IdsSegmentedControlToggleItemComponent,\n    public value: unknown,\n  ) {}\n}\n","export const IdsSegmentedControlToggleVariant = {\n  SURFACE: 'surface',\n  LIGHT: 'light',\n} as const;\n\nexport type IdsSegmentedControlToggleVariantType =\n  (typeof IdsSegmentedControlToggleVariant)[keyof typeof IdsSegmentedControlToggleVariant];\n\nexport const IdsSegmentedControlToggleButtonVariant = {\n  PRIMARY: 'primary',\n  SURFACE: 'surface',\n  LIGHT: 'light',\n} as const;\n\nexport type IdsSegmentedControlToggleButtonVariantType =\n  (typeof IdsSegmentedControlToggleButtonVariant)[keyof typeof IdsSegmentedControlToggleButtonVariant];\n","import { IdsSegmentedControlToggleAppearance, IdsSegmentedControlToggleAppearanceType } from './types/segmented-control-toggle-appearance.type';\nimport { IdsSegmentedControlToggleButtonVariant, IdsSegmentedControlToggleButtonVariantType, IdsSegmentedControlToggleVariant, IdsSegmentedControlToggleVariantType } from './types/segmented-control-toggle-variant.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsSegmentedControlToggleDefaultConfig {\n  appearance?: IdsSegmentedControlToggleAppearanceType\n  size?: IdsSizeType\n  variant?: IdsSegmentedControlToggleVariantType\n  buttonVariant?: IdsSegmentedControlToggleButtonVariantType\n}\n\nexport const IDS_SEGMENTED_CONTROL_TOGGLE_DEFAULT_CONFIG = new InjectionToken<IdsSegmentedControlToggleDefaultConfig>(\n  'IDS_SEGMENTED_CONTROL_TOGGLE_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_SEGMENTED_CONTROL_TOGGLE_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\n// eslint-disable-next-line id-length\nexport function IDS_SEGMENTED_CONTROL_TOGGLE_DEFAULT_CONFIG_FACTORY(): Required<IdsSegmentedControlToggleDefaultConfig> {\n  return {\n    appearance: IdsSegmentedControlToggleAppearance.FILLED,\n    size: IdsSize.COMPACT,\n    variant: IdsSegmentedControlToggleVariant.SURFACE,\n    buttonVariant: IdsSegmentedControlToggleButtonVariant.SURFACE,\n  };\n}\n","import { IDS_SEGMENTED_CONTROL_TOGGLE_DEFAULT_CONFIG, IDS_SEGMENTED_CONTROL_TOGGLE_DEFAULT_CONFIG_FACTORY, IdsSegmentedControlToggleDefaultConfig } from './segmented-control-toggle-defaults';\nimport { IdsSegmentedControlToggleItemComponent } from './segmented-control-toggle-item.component';\nimport { IdsSegmentedControlToggleAppearanceType } from './types/segmented-control-toggle-appearance.type';\nimport { IdsSegmentedControlToggleItemChange } from './types/segmented-control-toggle-item-change.class';\nimport { IdsSegmentedControlToggleButtonVariantType, IdsSegmentedControlToggleVariantType } from './types/segmented-control-toggle-variant.type';\n\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { AfterContentInit, computed, contentChildren, Directive, forwardRef, Input, input, isDevMode, OnInit, output, signal } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ComponentBaseWithDefaults, IdsSizeType } from '@i-cell/ids-angular/core';\n\nconst defaultConfig = IDS_SEGMENTED_CONTROL_TOGGLE_DEFAULT_CONFIG_FACTORY();\n\n@Directive({\n  selector: `ids-segmented-control-toggle[ngModel]:not([formControl]):not([formControlName]),\n             ids-segmented-control-toggle[formControl]:not([ngModel]):not([formControlName]),\n             ids-segmented-control-toggle[formControlName]:not([ngModel]):not([formControl])`,\n  standalone: true,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => IdsSegmentedControlToggleDirective),\n      multi: true,\n    },\n  ],\n  host: {\n    '[attr.role]': 'radiogroup',\n    '(keydown)': '_handleKeyDown($event)',\n  },\n})\nexport class IdsSegmentedControlToggleDirective\n  extends ComponentBaseWithDefaults<IdsSegmentedControlToggleDefaultConfig>\n  implements\n    AfterContentInit,\n    OnInit,\n    ControlValueAccessor {\n  protected override get _hostName(): string {\n    return 'segmented-control-toggle';\n  }\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_SEGMENTED_CONTROL_TOGGLE_DEFAULT_CONFIG);\n\n  private _selectionModel?: SelectionModel<IdsSegmentedControlToggleItemComponent>;\n  private _rawValue: unknown | unknown[];\n  private _items = contentChildren<IdsSegmentedControlToggleItemComponent>(IdsSegmentedControlToggleItemComponent);\n\n  public name = input<string>();\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n  public variant = input<IdsSegmentedControlToggleVariantType>(this._defaultConfig.variant);\n  public buttonVariant = input<IdsSegmentedControlToggleButtonVariantType>(this._defaultConfig.buttonVariant);\n  public appearance = input<IdsSegmentedControlToggleAppearanceType>(this._defaultConfig.appearance);\n  public disabled = signal<boolean>(false);\n\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this.size(),\n    this.variant(),\n    this.appearance(),\n    this.disabled() ? 'disabled' : null,\n  ]));\n\n  private _onChange: (value: unknown) => void = () => {};\n  private _onTouched: () => unknown = () => {};\n\n  @Input() public valueCompareFn?: (o1: IdsSegmentedControlToggleItemComponent, o2: IdsSegmentedControlToggleItemComponent) => boolean;\n\n  public readonly itemChanges = output<IdsSegmentedControlToggleItemChange>();\n\n  private _handleKeyDown(event: KeyboardEvent): void {\n    // eslint-disable-next-line @stylistic/js/array-bracket-newline, @stylistic/js/array-element-newline\n    const navigationKeys = ['ArrowLeft', 'ArrowRight', 'Enter', ' '];\n\n    if (!navigationKeys.includes(event.key)) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const items = this._items();\n    const target = event.target as HTMLButtonElement;\n    const buttonId = target.id;\n    const index = items.findIndex((item) => item.id() === buttonId);\n\n    switch (event.key) {\n      case 'ArrowLeft': {\n        if (index === 0) {\n          return;\n        }\n        const prevItem = items[index - 1];\n        prevItem.focus();\n        break;\n      }\n      case 'ArrowRight': {\n        if (index === (items.length - 1)) {\n          return;\n        }\n        const nextItem = items[index + 1];\n        nextItem.focus();\n        break;\n      }\n      case 'Enter':\n      case ' ': {\n        items[index].onClick();\n        break;\n      }\n      default:\n        return;\n    }\n  }\n\n  public ngOnInit(): void {\n    this._selectionModel = new SelectionModel<IdsSegmentedControlToggleItemComponent>(false, undefined, false, this.valueCompareFn);\n  }\n\n  public ngAfterContentInit(): void {\n    const items = this._items();\n    const minItemCount = 2;\n\n    if (isDevMode() && (items.length < minItemCount)) {\n      throw this._createHostError('invalid count of segmented control items. Minimum item count is 2.');\n    }\n\n    this._selectionModel?.select(...this._items().filter((item) => item.selected()));\n    this._subscribeItemChanges();\n  }\n\n  public writeValue(value: unknown | unknown[]): void {\n    this._setSelectionByValue(value);\n  }\n\n  public registerOnChange(fn: () => void): void {\n    this._onChange = fn;\n  }\n\n  public registerOnTouched(fn: () => unknown): void {\n    this._onTouched = fn;\n  }\n\n  public setDisabledState?(isDisabled: boolean): void {\n    this.disabled.set(isDisabled);\n  }\n\n  private _subscribeItemChanges(): void {\n    this._items().forEach((item) => {\n      item.changes.subscribe(\n        (change) => {\n          this._handleItemChanges(change);\n        },\n      );\n    });\n  }\n\n  private _handleItemChanges(change: IdsSegmentedControlToggleItemChange): void {\n    const { source } = change;\n    this._clearSelection();\n    source.selected.set(true);\n    this._selectionModel?.select(source);\n    this.itemChanges.emit(change);\n    this._handleChange();\n    this._onTouched();\n  }\n\n  private _setSelectionByValue(value: unknown | unknown[]): void {\n    this._rawValue = value;\n\n    if (this._items().length === 0) {\n      return;\n    }\n\n    this._clearSelection();\n    this._selectValue(value);\n\n  }\n\n  private _selectValue(value: unknown): void {\n    const correspondingItem = this._items().find((item) => item.value() != null && item.value() === value);\n    if (correspondingItem) {\n      correspondingItem.selected.set(true);\n      this._selectionModel?.select(correspondingItem);\n    }\n  }\n\n  private _clearSelection(): void {\n    this._selectionModel?.clear();\n    this._items().forEach((item) => {\n      item.selected.set(false);\n    });\n  }\n\n  private _handleChange(): void {\n    const selectionModelValues = this._selectionModel?.selected?.map((item) => item.value());\n    this._onChange(selectionModelValues?.[0]);\n  }\n\n  public isItemPreSelectedByValue(itemValue: unknown): boolean {\n    if (this._rawValue === undefined) {\n      return false;\n    }\n\n    return itemValue === this._rawValue;\n  }\n}\n","import { IdsSegmentedControlToggleItemChange } from './types/segmented-control-toggle-item-change.class';\n\nimport { IdsSegmentedControlToggleDirective } from '../segmented-control-toggle/segmented-control-toggle.directive';\n\nimport { ChangeDetectionStrategy, Component, computed, ElementRef, inject, input, OnInit, output, signal, viewChild, ViewEncapsulation } from '@angular/core';\nimport { addClassPrefix, coerceNumberAttribute, ComponentBase } from '@i-cell/ids-angular/core';\nimport { IdsIconComponent } from '@i-cell/ids-angular/icon';\n\n@Component({\n  selector: 'ids-segmented-control-toggle-item',\n  imports: [IdsIconComponent],\n  templateUrl: './segmented-control-toggle-item.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IdsSegmentedControlToggleItemComponent extends ComponentBase implements OnInit {\n  protected override get _hostName(): string {\n    return 'segmented-control-toggle-item';\n  }\n\n  protected readonly _group = inject(IdsSegmentedControlToggleDirective, { optional: true, skipSelf: true });\n\n  private _buttonElement = viewChild.required<ElementRef<HTMLButtonElement>>('button');\n\n  public selected = signal<boolean>(false);\n\n  public name = input<string>();\n  public value = input.required<unknown>();\n  public label = input<string>();\n  public ariaLabel = input<string>('', { alias: 'aria-label' });\n  public ariaLabelledBy = input<string>('', { alias: 'aria-labeledby' });\n  public tabIndex = input<number, unknown>(0, { transform: coerceNumberAttribute });\n  public disabled = input<boolean>(false);\n\n  protected _buttonId = computed(() => `${this.id()}-button`);\n  protected _parentOrSelfDisabled = computed(() => this.disabled() || this._group?.disabled());\n  protected _ariaPressed = signal(null); // it is signal because of the common template\n  protected _ariaChecked = computed(() => this.selected());\n  protected _role = signal('radio'); // it is signal because of the common template\n  protected _buttonName = computed(() => this._group?.name());\n  protected _buttonClasses = computed(() => addClassPrefix(this._hostClassName, this.selected() ? 'selected' : null));\n  protected _hostClasses = computed(() => this._getHostClasses([this._group?.buttonVariant()]));\n\n  public readonly changes = output<IdsSegmentedControlToggleItemChange>();\n\n  public ngOnInit(): void {\n    if (!this._group) {\n      throw this._createHostError('component must be direct child of a segmented control toggle');\n    }\n\n    if (this._group.isItemPreSelectedByValue(this.value())) {\n      this.selected.set(true);\n    }\n  }\n\n  public onClick(): void {\n    if (!this.selected()) {\n      this.changes.emit(new IdsSegmentedControlToggleItemChange(this, this.value()));\n    }\n  }\n\n  public focus(options?: FocusOptions): void {\n    this._buttonElement().nativeElement.focus(options);\n  }\n}\n","<button\n  #button\n  type=\"button\"\n  [id]=\"_buttonId()\"\n  [attr.role]=\"_role()\"\n  [attr.tabindex]=\"_parentOrSelfDisabled() ? -1 : tabIndex()\"\n  [attr.aria-pressed]=\"_ariaPressed()\"\n  [attr.aria-checked]=\"_ariaChecked()\"\n  [disabled]=\"_parentOrSelfDisabled() || null\"\n  [attr.name]=\"_buttonName()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledBy()\"\n  [class]=\"_buttonClasses()\"\n  (click)=\"onClick()\"\n>\n  @if (selected()) {\n    <ids-icon aria-hidden=\"true\" fontIcon=\"check\" />\n  }\n  @if (!selected() || !label()) {\n    <ng-content select=\"ids-icon\" />\n  }\n\n  {{ label() }}\n\n  <ng-content select=\"[suffixContent]\" />\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"i-cell-ids-angular-segmented-control-toggle.mjs","sources":["../../../projects/widgets/segmented-control-toggle/types/segmented-control-toggle-appearance.type.ts","../../../projects/widgets/segmented-control-toggle/types/segmented-control-toggle-item-change.class.ts","../../../projects/widgets/segmented-control-toggle/types/segmented-control-toggle-variant.type.ts","../../../projects/widgets/segmented-control-toggle/segmented-control-toggle-defaults.ts","../../../projects/widgets/segmented-control-toggle/segmented-control-toggle.directive.ts","../../../projects/widgets/segmented-control-toggle/segmented-control-toggle-item.component.ts","../../../projects/widgets/segmented-control-toggle/segmented-control-toggle-item.component.html","../../../projects/widgets/segmented-control-toggle/i-cell-ids-angular-segmented-control-toggle.ts"],"sourcesContent":["export const IdsSegmentedControlToggleAppearance = {\n  FILLED: 'filled',\n  OUTLINED: 'outlined',\n} as const;\n\nexport type IdsSegmentedControlToggleAppearanceType =\n  (typeof IdsSegmentedControlToggleAppearance)[keyof typeof IdsSegmentedControlToggleAppearance];\n","import { IdsSegmentedControlToggleItemComponent } from '../segmented-control-toggle-item.component';\n\nexport class IdsSegmentedControlToggleItemChange {\n  constructor(\n    public source: IdsSegmentedControlToggleItemComponent,\n    public value: unknown,\n  ) {}\n}\n","export const IdsSegmentedControlToggleVariant = {\n  SURFACE: 'surface',\n  LIGHT: 'light',\n} as const;\n\nexport type IdsSegmentedControlToggleVariantType =\n  (typeof IdsSegmentedControlToggleVariant)[keyof typeof IdsSegmentedControlToggleVariant];\n\nexport const IdsSegmentedControlToggleButtonVariant = {\n  PRIMARY: 'primary',\n  SURFACE: 'surface',\n  LIGHT: 'light',\n} as const;\n\nexport type IdsSegmentedControlToggleButtonVariantType =\n  (typeof IdsSegmentedControlToggleButtonVariant)[keyof typeof IdsSegmentedControlToggleButtonVariant];\n","import { IdsSegmentedControlToggleAppearance, IdsSegmentedControlToggleAppearanceType } from './types/segmented-control-toggle-appearance.type';\nimport { IdsSegmentedControlToggleButtonVariant, IdsSegmentedControlToggleButtonVariantType, IdsSegmentedControlToggleVariant, IdsSegmentedControlToggleVariantType } from './types/segmented-control-toggle-variant.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsSegmentedControlToggleDefaultConfig {\n  appearance?: IdsSegmentedControlToggleAppearanceType\n  size?: IdsSizeType\n  variant?: IdsSegmentedControlToggleVariantType\n  buttonVariant?: IdsSegmentedControlToggleButtonVariantType\n}\n\nexport const IDS_SEGMENTED_CONTROL_TOGGLE_DEFAULT_CONFIG = new InjectionToken<IdsSegmentedControlToggleDefaultConfig>(\n  'IDS_SEGMENTED_CONTROL_TOGGLE_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_SEGMENTED_CONTROL_TOGGLE_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\n// eslint-disable-next-line id-length\nexport function IDS_SEGMENTED_CONTROL_TOGGLE_DEFAULT_CONFIG_FACTORY(): Required<IdsSegmentedControlToggleDefaultConfig> {\n  return {\n    appearance: IdsSegmentedControlToggleAppearance.FILLED,\n    size: IdsSize.COMPACT,\n    variant: IdsSegmentedControlToggleVariant.SURFACE,\n    buttonVariant: IdsSegmentedControlToggleButtonVariant.SURFACE,\n  };\n}\n","import { IDS_SEGMENTED_CONTROL_TOGGLE_DEFAULT_CONFIG, IDS_SEGMENTED_CONTROL_TOGGLE_DEFAULT_CONFIG_FACTORY, IdsSegmentedControlToggleDefaultConfig } from './segmented-control-toggle-defaults';\nimport { IdsSegmentedControlToggleItemComponent } from './segmented-control-toggle-item.component';\nimport { IdsSegmentedControlToggleAppearanceType } from './types/segmented-control-toggle-appearance.type';\nimport { IdsSegmentedControlToggleItemChange } from './types/segmented-control-toggle-item-change.class';\nimport { IdsSegmentedControlToggleButtonVariantType, IdsSegmentedControlToggleVariantType } from './types/segmented-control-toggle-variant.type';\n\nimport { SelectionModel } from '@angular/cdk/collections';\nimport { AfterContentInit, computed, contentChildren, Directive, forwardRef, Input, input, isDevMode, OnInit, output, signal } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { ComponentBaseWithDefaults, IdsSizeType } from '@i-cell/ids-angular/core';\n\nconst defaultConfig = IDS_SEGMENTED_CONTROL_TOGGLE_DEFAULT_CONFIG_FACTORY();\n\n@Directive({\n  selector: `ids-segmented-control-toggle[ngModel]:not([formControl]):not([formControlName]),\n             ids-segmented-control-toggle[formControl]:not([ngModel]):not([formControlName]),\n             ids-segmented-control-toggle[formControlName]:not([ngModel]):not([formControl])`,\n  standalone: true,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => IdsSegmentedControlToggleDirective),\n      multi: true,\n    },\n  ],\n  host: {\n    '[attr.role]': 'radiogroup',\n    '(keydown)': '_handleKeyDown($event)',\n  },\n})\nexport class IdsSegmentedControlToggleDirective\n  extends ComponentBaseWithDefaults<IdsSegmentedControlToggleDefaultConfig>\n  implements\n    AfterContentInit,\n    OnInit,\n    ControlValueAccessor {\n  protected override get _hostName(): string {\n    return 'segmented-control-toggle';\n  }\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_SEGMENTED_CONTROL_TOGGLE_DEFAULT_CONFIG);\n\n  private _selectionModel?: SelectionModel<IdsSegmentedControlToggleItemComponent>;\n  private _rawValue: unknown | unknown[];\n  private _items = contentChildren<IdsSegmentedControlToggleItemComponent>(IdsSegmentedControlToggleItemComponent);\n\n  public name = input<string>();\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n  public variant = input<IdsSegmentedControlToggleVariantType>(this._defaultConfig.variant);\n  public buttonVariant = input<IdsSegmentedControlToggleButtonVariantType>(this._defaultConfig.buttonVariant);\n  public appearance = input<IdsSegmentedControlToggleAppearanceType>(this._defaultConfig.appearance);\n  public disabled = signal<boolean>(false);\n\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this.size(),\n    this.variant(),\n    this.appearance(),\n    this.disabled() ? 'disabled' : null,\n  ]));\n\n  private _onChange: (value: unknown) => void = () => {};\n  private _onTouched: () => unknown = () => {};\n\n  @Input() public valueCompareFn?: (o1: IdsSegmentedControlToggleItemComponent, o2: IdsSegmentedControlToggleItemComponent) => boolean;\n\n  public readonly itemChanges = output<IdsSegmentedControlToggleItemChange>();\n\n  private _handleKeyDown(event: KeyboardEvent): void {\n    // eslint-disable-next-line @stylistic/js/array-bracket-newline, @stylistic/js/array-element-newline\n    const navigationKeys = ['ArrowLeft', 'ArrowRight', 'Enter', ' '];\n\n    if (!navigationKeys.includes(event.key)) {\n      return;\n    }\n\n    event.preventDefault();\n\n    const items = this._items();\n    const target = event.target as HTMLButtonElement;\n    const buttonId = target.id;\n    const index = items.findIndex((item) => item.id() === buttonId);\n\n    switch (event.key) {\n      case 'ArrowLeft': {\n        if (index === 0) {\n          return;\n        }\n        const prevItem = items[index - 1];\n        prevItem.focus();\n        break;\n      }\n      case 'ArrowRight': {\n        if (index === (items.length - 1)) {\n          return;\n        }\n        const nextItem = items[index + 1];\n        nextItem.focus();\n        break;\n      }\n      case 'Enter':\n      case ' ': {\n        items[index].onClick();\n        break;\n      }\n      default:\n        return;\n    }\n  }\n\n  public ngOnInit(): void {\n    this._selectionModel = new SelectionModel<IdsSegmentedControlToggleItemComponent>(false, undefined, false, this.valueCompareFn);\n  }\n\n  public ngAfterContentInit(): void {\n    const items = this._items();\n    const minItemCount = 2;\n\n    if (isDevMode() && (items.length < minItemCount)) {\n      throw this._createHostError('invalid count of segmented control items. Minimum item count is 2.');\n    }\n\n    this._selectionModel?.select(...this._items().filter((item) => item.selected()));\n    this._subscribeItemChanges();\n  }\n\n  public writeValue(value: unknown | unknown[]): void {\n    this._setSelectionByValue(value);\n  }\n\n  public registerOnChange(fn: () => void): void {\n    this._onChange = fn;\n  }\n\n  public registerOnTouched(fn: () => unknown): void {\n    this._onTouched = fn;\n  }\n\n  public setDisabledState?(isDisabled: boolean): void {\n    this.disabled.set(isDisabled);\n  }\n\n  private _subscribeItemChanges(): void {\n    this._items().forEach((item) => {\n      item.changes.subscribe(\n        (change) => {\n          this._handleItemChanges(change);\n        },\n      );\n    });\n  }\n\n  private _handleItemChanges(change: IdsSegmentedControlToggleItemChange): void {\n    const { source } = change;\n    this._clearSelection();\n    source.selected.set(true);\n    this._selectionModel?.select(source);\n    this.itemChanges.emit(change);\n    this._handleChange();\n    this._onTouched();\n  }\n\n  private _setSelectionByValue(value: unknown | unknown[]): void {\n    this._rawValue = value;\n\n    if (this._items().length === 0) {\n      return;\n    }\n\n    this._clearSelection();\n    this._selectValue(value);\n\n  }\n\n  private _selectValue(value: unknown): void {\n    const correspondingItem = this._items().find((item) => item.value() != null && item.value() === value);\n    if (correspondingItem) {\n      correspondingItem.selected.set(true);\n      this._selectionModel?.select(correspondingItem);\n    }\n  }\n\n  private _clearSelection(): void {\n    this._selectionModel?.clear();\n    this._items().forEach((item) => {\n      item.selected.set(false);\n    });\n  }\n\n  private _handleChange(): void {\n    const selectionModelValues = this._selectionModel?.selected?.map((item) => item.value());\n    this._onChange(selectionModelValues?.[0]);\n  }\n\n  public isItemPreSelectedByValue(itemValue: unknown): boolean {\n    if (this._rawValue === undefined) {\n      return false;\n    }\n\n    return itemValue === this._rawValue;\n  }\n}\n","import { IdsSegmentedControlToggleItemChange } from './types/segmented-control-toggle-item-change.class';\n\nimport { IdsSegmentedControlToggleDirective } from '../segmented-control-toggle/segmented-control-toggle.directive';\n\nimport { ChangeDetectionStrategy, Component, computed, ElementRef, inject, input, OnInit, output, signal, viewChild, ViewEncapsulation } from '@angular/core';\nimport { addClassPrefix, coerceNumberAttribute, ComponentBase } from '@i-cell/ids-angular/core';\nimport { IdsIconComponent } from '@i-cell/ids-angular/icon';\n\n@Component({\n  selector: 'ids-segmented-control-toggle-item',\n  imports: [IdsIconComponent],\n  templateUrl: './segmented-control-toggle-item.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IdsSegmentedControlToggleItemComponent extends ComponentBase implements OnInit {\n  protected override get _hostName(): string {\n    return 'segmented-control-toggle-item';\n  }\n\n  protected readonly _group = inject(IdsSegmentedControlToggleDirective, { optional: true, skipSelf: true });\n\n  private _buttonElement = viewChild.required<ElementRef<HTMLButtonElement>>('button');\n\n  public selected = signal<boolean>(false);\n\n  public name = input<string>();\n  public value = input.required<unknown>();\n  public label = input<string>();\n  public ariaLabel = input<string>('', { alias: 'aria-label' });\n  public ariaLabelledBy = input<string>('', { alias: 'aria-labeledby' });\n  public tabIndex = input<number, unknown>(0, { transform: coerceNumberAttribute });\n  public disabled = input<boolean>(false);\n\n  protected _buttonId = computed(() => `${this.id()}-button`);\n  protected _parentOrSelfDisabled = computed(() => this.disabled() || this._group?.disabled());\n  protected _ariaPressed = signal(null); // it is signal because of the common template\n  protected _ariaChecked = computed(() => this.selected());\n  protected _role = signal('radio'); // it is signal because of the common template\n  protected _buttonName = computed(() => this._group?.name());\n  protected _buttonClasses = computed(() => addClassPrefix(this._hostClassName, this.selected() ? 'selected' : null));\n  protected _hostClasses = computed(() => this._getHostClasses([this._group?.buttonVariant()]));\n\n  public readonly changes = output<IdsSegmentedControlToggleItemChange>();\n\n  public ngOnInit(): void {\n    if (!this._group) {\n      throw this._createHostError('component must be direct child of a segmented control toggle');\n    }\n\n    if (this._group.isItemPreSelectedByValue(this.value())) {\n      this.selected.set(true);\n    }\n  }\n\n  public onClick(): void {\n    if (!this.selected()) {\n      this.changes.emit(new IdsSegmentedControlToggleItemChange(this, this.value()));\n    }\n  }\n\n  public focus(options?: FocusOptions): void {\n    this._buttonElement().nativeElement.focus(options);\n  }\n}\n","<button\n  #button\n  type=\"button\"\n  [id]=\"_buttonId()\"\n  [attr.role]=\"_role()\"\n  [attr.tabindex]=\"_parentOrSelfDisabled() ? -1 : tabIndex()\"\n  [attr.aria-pressed]=\"_ariaPressed()\"\n  [attr.aria-checked]=\"_ariaChecked()\"\n  [disabled]=\"_parentOrSelfDisabled() || null\"\n  [attr.name]=\"_buttonName()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledBy()\"\n  [class]=\"_buttonClasses()\"\n  (click)=\"onClick()\"\n>\n  @if (selected()) {\n    <ids-icon aria-hidden=\"true\" fontIcon=\"check\" />\n  }\n  @if (!selected() || !label()) {\n    <ng-content select=\"ids-icon\" />\n  }\n\n  {{ label() }}\n\n  <ng-content select=\"[suffixContent]\" />\n</button>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/i-cell-ids-angular-segmented-control.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, contentChildren, input, signal, computed, output, isDevMode, forwardRef, Directive, Input, inject, viewChild, Component, ViewEncapsulation, ChangeDetectionStrategy } from '@angular/core';
+import { InjectionToken, contentChildren, input, signal, computed, output, isDevMode, forwardRef, Input, Directive, inject, viewChild, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
 import { IdsSize, ComponentBaseWithDefaults, ComponentBase, coerceNumberAttribute, addClassPrefix } from '@i-cell/ids-angular/core';
 import { SelectionModel } from '@angular/cdk/collections';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
@@ -40,19 +40,19 @@ class IdsSegmentedControlDirective extends ComponentBaseWithDefaults {
     constructor() {
         super(...arguments);
         this._defaultConfig = this._getDefaultConfig(defaultConfig, IDS_SEGMENTED_CONTROL_DEFAULT_CONFIG);
-        this._items = contentChildren(IdsSegmentedControlItemComponent);
-        this.name = input();
-        this.size = input(this._defaultConfig.size);
-        this.variant = input(this._defaultConfig.variant);
-        this.appearance = input(this._defaultConfig.appearance);
-        this.multiSelect = input(false);
-        this.disabled = signal(false);
+        this._items = contentChildren(IdsSegmentedControlItemComponent, ...(ngDevMode ? [{ debugName: "_items" }] : []));
+        this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
+        this.size = input(this._defaultConfig.size, ...(ngDevMode ? [{ debugName: "size" }] : []));
+        this.variant = input(this._defaultConfig.variant, ...(ngDevMode ? [{ debugName: "variant" }] : []));
+        this.appearance = input(this._defaultConfig.appearance, ...(ngDevMode ? [{ debugName: "appearance" }] : []));
+        this.multiSelect = input(false, ...(ngDevMode ? [{ debugName: "multiSelect" }] : []));
+        this.disabled = signal(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
         this._hostClasses = computed(() => this._getHostClasses([
             this.size(),
             this.variant(),
             this.appearance(),
             this.disabled() ? 'disabled' : null,
-        ]));
+        ]), ...(ngDevMode ? [{ debugName: "_hostClasses" }] : []));
         this._onChange = () => { };
         this._onTouched = () => { };
         this.itemChanges = output();
@@ -192,8 +192,8 @@ class IdsSegmentedControlDirective extends ComponentBaseWithDefaults {
         }
         return itemValue === this._rawValue;
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsSegmentedControlDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.1.2", type: IdsSegmentedControlDirective, isStandalone: true, selector: "ids-segmented-control[ngModel]:not([formControl]):not([formControlName]),\n             ids-segmented-control[formControl]:not([ngModel]):not([formControlName]),\n             ids-segmented-control[formControlName]:not([ngModel]):not([formControl])", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, multiSelect: { classPropertyName: "multiSelect", publicName: "multiSelect", isSignal: true, isRequired: false, transformFunction: null }, valueCompareFn: { classPropertyName: "valueCompareFn", publicName: "valueCompareFn", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { itemChanges: "itemChanges" }, host: { listeners: { "keydown": "_handleKeyDown($event)" }, properties: { "attr.role": "multiSelect() ? \"group\" : \"radiogroup\"" } }, providers: [
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: IdsSegmentedControlDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "20.1.7", type: IdsSegmentedControlDirective, isStandalone: true, selector: "ids-segmented-control[ngModel]:not([formControl]):not([formControlName]),\n             ids-segmented-control[formControl]:not([ngModel]):not([formControlName]),\n             ids-segmented-control[formControlName]:not([ngModel]):not([formControl])", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, multiSelect: { classPropertyName: "multiSelect", publicName: "multiSelect", isSignal: true, isRequired: false, transformFunction: null }, valueCompareFn: { classPropertyName: "valueCompareFn", publicName: "valueCompareFn", isSignal: false, isRequired: false, transformFunction: null } }, outputs: { itemChanges: "itemChanges" }, host: { listeners: { "keydown": "_handleKeyDown($event)" }, properties: { "attr.role": "multiSelect() ? \"group\" : \"radiogroup\"" } }, providers: [
             {
                 provide: NG_VALUE_ACCESSOR,
                 useExisting: forwardRef(() => IdsSegmentedControlDirective),
@@ -201,7 +201,7 @@ class IdsSegmentedControlDirective extends ComponentBaseWithDefaults {
             },
         ], queries: [{ propertyName: "_items", predicate: IdsSegmentedControlItemComponent, isSignal: true }], usesInheritance: true, ngImport: i0 }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsSegmentedControlDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: IdsSegmentedControlDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: `ids-segmented-control[ngModel]:not([formControl]):not([formControlName]),
@@ -229,23 +229,23 @@ class IdsSegmentedControlItemComponent extends ComponentBase {
         super(...arguments);
         this._group = inject(IdsSegmentedControlDirective, { optional: true, skipSelf: true });
         this._buttonElement = viewChild.required('button');
-        this.selected = signal(false);
-        this.name = input();
-        this.value = input.required();
-        this.label = input();
-        this.ariaLabel = input('', { alias: 'aria-label' });
-        this.ariaLabelledBy = input('', { alias: 'aria-labeledby' });
-        this.tabIndex = input(0, { transform: coerceNumberAttribute });
-        this.disabled = input(false);
-        this._buttonId = computed(() => `${this.id()}-button`);
-        this._parentOrSelfDisabled = computed(() => this.disabled() || this._group?.disabled());
-        this._multiSelect = computed(() => this._group?.multiSelect());
-        this._ariaPressed = computed(() => (this._multiSelect() ? this.selected() : null));
-        this._ariaChecked = computed(() => (!this._multiSelect() ? this.selected() : null));
-        this._role = computed(() => (this._multiSelect() ? 'button' : 'radio'));
-        this._buttonName = computed(() => (this._multiSelect() ? this.name() : this._group?.name()));
-        this._buttonClasses = computed(() => addClassPrefix(this._hostClassName, this.selected() ? 'selected' : null));
-        this._hostClasses = computed(() => this._getHostClasses([]));
+        this.selected = signal(false, ...(ngDevMode ? [{ debugName: "selected" }] : []));
+        this.name = input(...(ngDevMode ? [undefined, { debugName: "name" }] : []));
+        this.value = input.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+        this.label = input(...(ngDevMode ? [undefined, { debugName: "label" }] : []));
+        this.ariaLabel = input('', ...(ngDevMode ? [{ debugName: "ariaLabel", alias: 'aria-label' }] : [{ alias: 'aria-label' }]));
+        this.ariaLabelledBy = input('', ...(ngDevMode ? [{ debugName: "ariaLabelledBy", alias: 'aria-labeledby' }] : [{ alias: 'aria-labeledby' }]));
+        this.tabIndex = input(0, ...(ngDevMode ? [{ debugName: "tabIndex", transform: coerceNumberAttribute }] : [{ transform: coerceNumberAttribute }]));
+        this.disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : []));
+        this._buttonId = computed(() => `${this.id()}-button`, ...(ngDevMode ? [{ debugName: "_buttonId" }] : []));
+        this._parentOrSelfDisabled = computed(() => this.disabled() || this._group?.disabled(), ...(ngDevMode ? [{ debugName: "_parentOrSelfDisabled" }] : []));
+        this._multiSelect = computed(() => this._group?.multiSelect(), ...(ngDevMode ? [{ debugName: "_multiSelect" }] : []));
+        this._ariaPressed = computed(() => (this._multiSelect() ? this.selected() : null), ...(ngDevMode ? [{ debugName: "_ariaPressed" }] : []));
+        this._ariaChecked = computed(() => (!this._multiSelect() ? this.selected() : null), ...(ngDevMode ? [{ debugName: "_ariaChecked" }] : []));
+        this._role = computed(() => (this._multiSelect() ? 'button' : 'radio'), ...(ngDevMode ? [{ debugName: "_role" }] : []));
+        this._buttonName = computed(() => (this._multiSelect() ? this.name() : this._group?.name()), ...(ngDevMode ? [{ debugName: "_buttonName" }] : []));
+        this._buttonClasses = computed(() => addClassPrefix(this._hostClassName, this.selected() ? 'selected' : null), ...(ngDevMode ? [{ debugName: "_buttonClasses" }] : []));
+        this._hostClasses = computed(() => this._getHostClasses([]), ...(ngDevMode ? [{ debugName: "_hostClasses" }] : []));
         this.changes = output();
     }
     get _hostName() {
@@ -267,10 +267,10 @@ class IdsSegmentedControlItemComponent extends ComponentBase {
     focus(options) {
         this._buttonElement().nativeElement.focus(options);
     }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsSegmentedControlItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: IdsSegmentedControlItemComponent, isStandalone: true, selector: "ids-segmented-control-item", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "aria-labeledby", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changes: "changes" }, viewQueries: [{ propertyName: "_buttonElement", first: true, predicate: ["button"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<button\n  #button\n  type=\"button\"\n  [id]=\"_buttonId()\"\n  [attr.role]=\"_role()\"\n  [attr.tabindex]=\"_parentOrSelfDisabled() ? -1 : tabIndex()\"\n  [attr.aria-pressed]=\"_ariaPressed()\"\n  [attr.aria-checked]=\"_ariaChecked()\"\n  [disabled]=\"_parentOrSelfDisabled() || null\"\n  [attr.name]=\"_buttonName()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledBy()\"\n  [class]=\"_buttonClasses()\"\n  (click)=\"onClick()\"\n>\n  @if (selected()) {\n    <ids-icon aria-hidden=\"true\" fontIcon=\"check\" />\n  }\n  @if (!selected() || !label()) {\n    <ng-content select=\"ids-icon\" />\n  }\n\n  {{ label() }}\n\n  <ng-content select=\"[suffixContent]\" />\n</button>\n", dependencies: [{ kind: "component", type: IdsIconComponent, selector: "ids-icon", inputs: ["size", "sizeCollection", "variant", "fontIcon", "svgIcon", "aria-hidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: IdsSegmentedControlItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.1.7", type: IdsSegmentedControlItemComponent, isStandalone: true, selector: "ids-segmented-control-item", inputs: { name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "aria-label", isSignal: true, isRequired: false, transformFunction: null }, ariaLabelledBy: { classPropertyName: "ariaLabelledBy", publicName: "aria-labeledby", isSignal: true, isRequired: false, transformFunction: null }, tabIndex: { classPropertyName: "tabIndex", publicName: "tabIndex", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { changes: "changes" }, viewQueries: [{ propertyName: "_buttonElement", first: true, predicate: ["button"], descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<button\n  #button\n  type=\"button\"\n  [id]=\"_buttonId()\"\n  [attr.role]=\"_role()\"\n  [attr.tabindex]=\"_parentOrSelfDisabled() ? -1 : tabIndex()\"\n  [attr.aria-pressed]=\"_ariaPressed()\"\n  [attr.aria-checked]=\"_ariaChecked()\"\n  [disabled]=\"_parentOrSelfDisabled() || null\"\n  [attr.name]=\"_buttonName()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledBy()\"\n  [class]=\"_buttonClasses()\"\n  (click)=\"onClick()\"\n>\n  @if (selected()) {\n    <ids-icon aria-hidden=\"true\" fontIcon=\"check\" />\n  }\n  @if (!selected() || !label()) {\n    <ng-content select=\"ids-icon\" />\n  }\n\n  {{ label() }}\n\n  <ng-content select=\"[suffixContent]\" />\n</button>\n", dependencies: [{ kind: "component", type: IdsIconComponent, selector: "ids-icon", inputs: ["size", "sizeCollection", "variant", "fontIcon", "svgIcon", "aria-hidden"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsSegmentedControlItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.1.7", ngImport: i0, type: IdsSegmentedControlItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ids-segmented-control-item', imports: [IdsIconComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n  #button\n  type=\"button\"\n  [id]=\"_buttonId()\"\n  [attr.role]=\"_role()\"\n  [attr.tabindex]=\"_parentOrSelfDisabled() ? -1 : tabIndex()\"\n  [attr.aria-pressed]=\"_ariaPressed()\"\n  [attr.aria-checked]=\"_ariaChecked()\"\n  [disabled]=\"_parentOrSelfDisabled() || null\"\n  [attr.name]=\"_buttonName()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledBy()\"\n  [class]=\"_buttonClasses()\"\n  (click)=\"onClick()\"\n>\n  @if (selected()) {\n    <ids-icon aria-hidden=\"true\" fontIcon=\"check\" />\n  }\n  @if (!selected() || !label()) {\n    <ng-content select=\"ids-icon\" />\n  }\n\n  {{ label() }}\n\n  <ng-content select=\"[suffixContent]\" />\n</button>\n" }]
         }] });