@i-cell/ids-angular 0.1.3 → 0.1.5

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

@@ -1 +1 @@
-{"version":3,"file":"i-cell-ids-angular-switch.mjs","sources":["../../../projects/widgets/switch/types/switch-positions.type.ts","../../../projects/widgets/switch/types/switch-variant.type.ts","../../../projects/widgets/switch/switch-defaults.ts","../../../projects/widgets/switch/switch-group.component.ts","../../../projects/widgets/switch/switch-group.component.html","../../../projects/widgets/switch/switch-animations.ts","../../../projects/widgets/switch/switch.component.ts","../../../projects/widgets/switch/switch.component.html","../../../projects/widgets/switch/i-cell-ids-angular-switch.ts"],"sourcesContent":["export const IdsSwitchIconPosition = {\n  ONHANDLE: 'onhandle',\n  ONTRACK: 'ontrack',\n} as const;\n\nexport type IdsSwitchIconPositionType = (typeof IdsSwitchIconPosition)[keyof typeof IdsSwitchIconPosition];\n\nexport const IdsSwitchLabelPosition = {\n  LEFT: 'left',\n  RIGHT: 'right',\n} as const;\n\nexport type IdsSwitchLabelPositionType = (typeof IdsSwitchLabelPosition)[keyof typeof IdsSwitchLabelPosition];\n","export const IdsSwitchVariant = {\n  PRIMARY: 'primary',\n  SURFACE: 'surface',\n  LIGHT: 'light',\n} as const;\n\nexport type IdsSwitchVariantType = (typeof IdsSwitchVariant)[keyof typeof IdsSwitchVariant];\n","import { IdsSwitchIconPosition, IdsSwitchIconPositionType, IdsSwitchLabelPosition, IdsSwitchLabelPositionType } from './types/switch-positions.type';\nimport { IdsSwitchVariant, IdsSwitchVariantType } from './types/switch-variant.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsSwitchDefaultConfig {\n  size?: IdsSizeType\n  variant?: IdsSwitchVariantType\n  hasIcon?: boolean\n  iconPosition: IdsSwitchIconPositionType\n  labelPosition: IdsSwitchLabelPositionType\n}\n\nexport const IDS_SWITCH_DEFAULT_CONFIG = new InjectionToken<IdsSwitchDefaultConfig>(\n  'IDS_SWITCH_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_SWITCH_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\nexport function IDS_SWITCH_DEFAULT_CONFIG_FACTORY(): Required<IdsSwitchDefaultConfig> {\n  return {\n    size: IdsSize.COMPACT,\n    variant: IdsSwitchVariant.SURFACE,\n    hasIcon: false,\n    iconPosition: IdsSwitchIconPosition.ONHANDLE,\n    labelPosition: IdsSwitchLabelPosition.RIGHT,\n  };\n}\n","import { IDS_SWITCH_DEFAULT_CONFIG, IDS_SWITCH_DEFAULT_CONFIG_FACTORY, IdsSwitchDefaultConfig } from './switch-defaults';\n\nimport { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { IdsSizeType, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';\n\nconst defaultConfig = IDS_SWITCH_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n  selector: 'ids-switch-group',\n  imports: [],\n  templateUrl: './switch-group.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IdsSwitchGroupComponent extends ComponentBaseWithDefaults<IdsSwitchDefaultConfig> {\n  protected override get _hostName(): string {\n    return 'switch-group';\n  }\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_SWITCH_DEFAULT_CONFIG);\n\n  public size = input<IdsSizeType | null>(this._defaultConfig.size);\n  public hasIcon = input(this._defaultConfig.hasIcon);\n  public iconPosition = input(this._defaultConfig.iconPosition);\n  public labelPosition = input(this._defaultConfig.labelPosition);\n\n  protected _hostClasses = computed(() => this._getHostClasses([this.size()]));\n}\n","<ng-content select=\"ids-switch\" />\n","import { animate, AnimationTriggerMetadata, query, style, transition, trigger } from '@angular/animations';\n\nexport const switchAnimation: AnimationTriggerMetadata = trigger('switchAnimation', [\n  transition('off <=> on', [\n    query('.ids-icon:enter', [\n      style({ opacity: 0 }),\n      animate('0.1s ease-in', style({ opacity: 1 })),\n    ], { optional: true }),\n    query('.ids-icon:leave', [animate('0.1s ease-out', style({ opacity: 0 }))], { optional: true }),\n  ]),\n]);\n","import { switchAnimation } from './switch-animations';\nimport { IDS_SWITCH_DEFAULT_CONFIG, IDS_SWITCH_DEFAULT_CONFIG_FACTORY, IdsSwitchDefaultConfig } from './switch-defaults';\nimport { IdsSwitchGroupComponent } from './switch-group.component';\nimport { IdsSwitchIconPosition } from './types/switch-positions.type';\nimport { IdsSwitchVariantType } from './types/switch-variant.type';\n\nimport { ChangeDetectionStrategy, Component, computed, ElementRef, inject, Input, input, signal, viewChild, ViewEncapsulation } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { coerceBooleanAttribute, IdsSizeType, fallbackValue, coerceNumberAttribute, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';\nimport { IdsIconComponent } from '@i-cell/ids-angular/icon';\n\nconst defaultConfig = IDS_SWITCH_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n  selector: `ids-switch[ngModel]:not([formControl]):not([formControlName]),\n             ids-switch[formControl]:not([ngModel]):not([formControlName]),\n             ids-switch[formControlName]:not([ngModel]):not([formControl])`,\n  imports: [IdsIconComponent],\n  templateUrl: './switch.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: IdsSwitchComponent,\n      multi: true,\n    },\n  ],\n  animations: [switchAnimation],\n  host: {\n    '[aria-label]': 'ariaLabel()',\n    '[aria-labelledby]': 'ariaLabelledBy()',\n    '[aria-describedby]': 'ariaDescribedBy()',\n  },\n})\nexport class IdsSwitchComponent extends ComponentBaseWithDefaults<IdsSwitchDefaultConfig> {\n  protected override get _hostName(): string {\n    return 'switch';\n  }\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_SWITCH_DEFAULT_CONFIG);\n\n  private _switchGroup = inject(IdsSwitchGroupComponent, { optional: true });\n\n  private _switchElement = viewChild<ElementRef<HTMLInputElement>>('switch');\n\n  public isChecked = signal(false);\n\n  public label = input<string>();\n  public name = input<string | null>();\n  public readonly = input(false, { transform: coerceBooleanAttribute });\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n  public tabIndex = input(0, { transform: coerceNumberAttribute });\n  public variant = input<IdsSwitchVariantType>(this._defaultConfig.variant);\n  public hasIcon = input(this._defaultConfig.hasIcon);\n  public iconPosition = input(this._defaultConfig.iconPosition);\n  public labelPosition = input(this._defaultConfig.labelPosition);\n  public isDisabled = signal(false);\n  public ariaLabel = input<string| null>(null, { alias: 'aria-label' });\n  public ariaLabelledBy = input<string | null, string>(null,\n    { alias: 'aria-labelledby', transform: (val) => fallbackValue(val, this.id()) },\n  );\n\n  public ariaDescribedBy = input<string | null>(null, { alias: 'aria-describedby' });\n\n  protected _parentOrSelfSize = computed(() => this._switchGroup?.size() ?? this.size());\n  protected _parentOrSelfHasIcon = computed(() => this._switchGroup?.hasIcon() ?? this.hasIcon());\n  protected _parentOrSelfIconPosition = computed(() => this._switchGroup?.iconPosition() ?? this.iconPosition());\n  protected _parentOrSelfLabelPosition = computed(() => this._switchGroup?.labelPosition() ?? this.labelPosition());\n  protected _hasHandleIcon = computed(() =>\n    this._parentOrSelfHasIcon() && this._parentOrSelfIconPosition() === IdsSwitchIconPosition.ONHANDLE,\n  );\n\n  protected _hasTrackIcon = computed(() =>\n    this._parentOrSelfHasIcon() && this._parentOrSelfIconPosition() === IdsSwitchIconPosition.ONTRACK,\n  );\n\n  private _isFocusable = computed(() => !this.isDisabled() && !this.readonly());\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this._parentOrSelfSize(),\n    this.variant(),\n    this.isDisabled() ? 'disabled' : null,\n    this.isChecked() ? 'on' : null,\n    [\n      'label',\n      this._parentOrSelfLabelPosition(),\n    ],\n  ]),\n  );\n\n  private _onChange: (value: unknown) => void = () => { };\n  private _onTouched: () => unknown = () => { };\n\n  @Input({ transform: coerceBooleanAttribute })\n  set disabled(value: boolean) {\n    if (value !== this.disabled) {\n      this.isDisabled.set(value);\n    }\n  }\n\n  public focus(): void {\n    if (this._isFocusable()) {\n      this._switchElement()?.nativeElement.focus();\n    }\n  }\n\n  public writeValue(value: boolean | undefined): void {\n    this.isChecked.set(Boolean(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  public toggle(): void {\n    if (!this.isDisabled() && !this.readonly()) {\n      this.isChecked.update((checked) => !checked);\n      this._onChange(this.isChecked());\n      this._onTouched();\n    }\n  }\n\n  public handleClick(): void {\n    if (!this.isDisabled()) {\n      this.toggle();\n    }\n  }\n}\n","<button\n  #switch\n  role=\"switch\"\n  type=\"button\"\n  class=\"ids-switch__button\"\n  [tabIndex]=\"isDisabled() ? -1 : tabIndex()\"\n  [disabled]=\"isDisabled()\"\n  [id]=\"id()\"\n  [name]=\"name()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledBy()\"\n  [attr.aria-describedby]=\"ariaDescribedBy()\"\n  [attr.aria-checked]=\"isChecked()\"\n  [@switchAnimation]=\"isChecked() ? 'on' : 'off'\"\n  (click)=\"handleClick()\"\n>\n  <div class=\"ids-switch__track\">\n    @if (_hasTrackIcon()) {\n      <div class=\"ids-switch__track-icon\">\n        @if (isChecked()) {\n          <ids-icon aria-hidden=\"true\" fontIcon=\"check\" />\n        }\n      </div>\n      <div class=\"ids-switch__track-icon\">\n        @if (!isChecked()) {\n          <ids-icon aria-hidden=\"true\" fontIcon=\"close\" />\n        }\n      </div>\n    }\n    <div class=\"ids-switch__handle\">\n      @if (_hasHandleIcon()) {\n        <!-- needs to be here duplicate ids-icon because of animation :enter and :leave -->\n        @if (isChecked()) {\n          <ids-icon aria-hidden=\"true\" fontIcon=\"check\" />\n        } @else {\n          <ids-icon aria-hidden=\"true\" fontIcon=\"close\" />\n        }\n      }\n    </div>\n  </div>\n</button>\n\n<label class=\"ids-switch__label\" [for]=\"id()\">{{ label() }}</label>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["defaultConfig"],"mappings":"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"}
+{"version":3,"file":"i-cell-ids-angular-switch.mjs","sources":["../../../projects/widgets/switch/types/switch-positions.type.ts","../../../projects/widgets/switch/types/switch-variant.type.ts","../../../projects/widgets/switch/switch-defaults.ts","../../../projects/widgets/switch/switch-group.component.ts","../../../projects/widgets/switch/switch-group.component.html","../../../projects/widgets/switch/switch-animations.ts","../../../projects/widgets/switch/switch.component.ts","../../../projects/widgets/switch/switch.component.html","../../../projects/widgets/switch/i-cell-ids-angular-switch.ts"],"sourcesContent":["export const IdsSwitchIconPosition = {\n  ONHANDLE: 'onhandle',\n  ONTRACK: 'ontrack',\n} as const;\n\nexport type IdsSwitchIconPositionType = (typeof IdsSwitchIconPosition)[keyof typeof IdsSwitchIconPosition];\n\nexport const IdsSwitchLabelPosition = {\n  LEFT: 'left',\n  RIGHT: 'right',\n} as const;\n\nexport type IdsSwitchLabelPositionType = (typeof IdsSwitchLabelPosition)[keyof typeof IdsSwitchLabelPosition];\n","export const IdsSwitchVariant = {\n  PRIMARY: 'primary',\n  SURFACE: 'surface',\n  LIGHT: 'light',\n} as const;\n\nexport type IdsSwitchVariantType = (typeof IdsSwitchVariant)[keyof typeof IdsSwitchVariant];\n","import { IdsSwitchIconPosition, IdsSwitchIconPositionType, IdsSwitchLabelPosition, IdsSwitchLabelPositionType } from './types/switch-positions.type';\nimport { IdsSwitchVariant, IdsSwitchVariantType } from './types/switch-variant.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsSwitchDefaultConfig {\n  size?: IdsSizeType\n  variant?: IdsSwitchVariantType\n  hasIcon?: boolean\n  iconPosition: IdsSwitchIconPositionType\n  labelPosition: IdsSwitchLabelPositionType\n}\n\nexport const IDS_SWITCH_DEFAULT_CONFIG = new InjectionToken<IdsSwitchDefaultConfig>(\n  'IDS_SWITCH_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_SWITCH_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\nexport function IDS_SWITCH_DEFAULT_CONFIG_FACTORY(): Required<IdsSwitchDefaultConfig> {\n  return {\n    size: IdsSize.COMPACT,\n    variant: IdsSwitchVariant.SURFACE,\n    hasIcon: false,\n    iconPosition: IdsSwitchIconPosition.ONHANDLE,\n    labelPosition: IdsSwitchLabelPosition.RIGHT,\n  };\n}\n","import { IDS_SWITCH_DEFAULT_CONFIG, IDS_SWITCH_DEFAULT_CONFIG_FACTORY, IdsSwitchDefaultConfig } from './switch-defaults';\n\nimport { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { IdsSizeType, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';\n\nconst defaultConfig = IDS_SWITCH_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n  selector: 'ids-switch-group',\n  imports: [],\n  templateUrl: './switch-group.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IdsSwitchGroupComponent extends ComponentBaseWithDefaults<IdsSwitchDefaultConfig> {\n  protected override get _hostName(): string {\n    return 'switch-group';\n  }\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_SWITCH_DEFAULT_CONFIG);\n\n  public size = input<IdsSizeType | null>(this._defaultConfig.size);\n  public hasIcon = input(this._defaultConfig.hasIcon);\n  public iconPosition = input(this._defaultConfig.iconPosition);\n  public labelPosition = input(this._defaultConfig.labelPosition);\n\n  protected _hostClasses = computed(() => this._getHostClasses([this.size()]));\n}\n","<ng-content select=\"ids-switch\" />\n","import { animate, AnimationTriggerMetadata, query, style, transition, trigger } from '@angular/animations';\n\nexport const switchAnimation: AnimationTriggerMetadata = trigger('switchAnimation', [\n  transition('off <=> on', [\n    query('.ids-icon:enter', [\n      style({ opacity: 0 }),\n      animate('0.1s ease-in', style({ opacity: 1 })),\n    ], { optional: true }),\n    query('.ids-icon:leave', [animate('0.1s ease-out', style({ opacity: 0 }))], { optional: true }),\n  ]),\n]);\n","import { switchAnimation } from './switch-animations';\nimport { IDS_SWITCH_DEFAULT_CONFIG, IDS_SWITCH_DEFAULT_CONFIG_FACTORY, IdsSwitchDefaultConfig } from './switch-defaults';\nimport { IdsSwitchGroupComponent } from './switch-group.component';\nimport { IdsSwitchIconPosition } from './types/switch-positions.type';\nimport { IdsSwitchVariantType } from './types/switch-variant.type';\n\nimport { ChangeDetectionStrategy, Component, computed, ElementRef, inject, Input, input, signal, viewChild, ViewEncapsulation } from '@angular/core';\nimport { NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { coerceBooleanAttribute, IdsSizeType, fallbackValue, coerceNumberAttribute, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';\nimport { IdsIconComponent } from '@i-cell/ids-angular/icon';\n\nconst defaultConfig = IDS_SWITCH_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n  selector: `ids-switch[ngModel]:not([formControl]):not([formControlName]),\n             ids-switch[formControl]:not([ngModel]):not([formControlName]),\n             ids-switch[formControlName]:not([ngModel]):not([formControl])`,\n  imports: [IdsIconComponent],\n  templateUrl: './switch.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: IdsSwitchComponent,\n      multi: true,\n    },\n  ],\n  animations: [switchAnimation],\n  host: {\n    '[aria-label]': 'ariaLabel()',\n    '[aria-labelledby]': 'ariaLabelledBy()',\n    '[aria-describedby]': 'ariaDescribedBy()',\n  },\n})\nexport class IdsSwitchComponent extends ComponentBaseWithDefaults<IdsSwitchDefaultConfig> {\n  protected override get _hostName(): string {\n    return 'switch';\n  }\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_SWITCH_DEFAULT_CONFIG);\n\n  private _switchGroup = inject(IdsSwitchGroupComponent, { optional: true });\n\n  private _switchElement = viewChild<ElementRef<HTMLInputElement>>('switch');\n\n  protected _isChecked = signal(false);\n\n  public label = input<string>();\n  public name = input<string | null>();\n  public readonly = input(false, { transform: coerceBooleanAttribute });\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n  public tabIndex = input(0, { transform: coerceNumberAttribute });\n  public variant = input<IdsSwitchVariantType>(this._defaultConfig.variant);\n  public hasIcon = input(this._defaultConfig.hasIcon);\n  public iconPosition = input(this._defaultConfig.iconPosition);\n  public labelPosition = input(this._defaultConfig.labelPosition);\n  protected _isDisabled = signal(false);\n  public ariaLabel = input<string| null>(null, { alias: 'aria-label' });\n  public ariaLabelledBy = input<string | null, string>(null,\n    { alias: 'aria-labelledby', transform: (val) => fallbackValue(val, this.id()) },\n  );\n\n  public ariaDescribedBy = input<string | null>(null, { alias: 'aria-describedby' });\n\n  protected _parentOrSelfSize = computed(() => this._switchGroup?.size() ?? this.size());\n  protected _parentOrSelfHasIcon = computed(() => this._switchGroup?.hasIcon() ?? this.hasIcon());\n  protected _parentOrSelfIconPosition = computed(() => this._switchGroup?.iconPosition() ?? this.iconPosition());\n  protected _parentOrSelfLabelPosition = computed(() => this._switchGroup?.labelPosition() ?? this.labelPosition());\n  protected _hasHandleIcon = computed(() =>\n    this._parentOrSelfHasIcon() && this._parentOrSelfIconPosition() === IdsSwitchIconPosition.ONHANDLE,\n  );\n\n  protected _hasTrackIcon = computed(() =>\n    this._parentOrSelfHasIcon() && this._parentOrSelfIconPosition() === IdsSwitchIconPosition.ONTRACK,\n  );\n\n  private _isFocusable = computed(() => !this._isDisabled() && !this.readonly());\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this._parentOrSelfSize(),\n    this.variant(),\n    this._isDisabled() ? 'disabled' : null,\n    this._isChecked() ? 'on' : null,\n    [\n      'label',\n      this._parentOrSelfLabelPosition(),\n    ],\n  ]),\n  );\n\n  private _onChange: (value: unknown) => void = () => { };\n  private _onTouched: () => unknown = () => { };\n\n  @Input({ transform: coerceBooleanAttribute })\n  set disabled(value: boolean) {\n    if (value !== this.disabled) {\n      this._isDisabled.set(value);\n    }\n  }\n\n  public focus(): void {\n    if (this._isFocusable()) {\n      this._switchElement()?.nativeElement.focus();\n    }\n  }\n\n  public writeValue(value: boolean | undefined): void {\n    this._isChecked.set(Boolean(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  public toggle(): void {\n    if (!this._isDisabled() && !this.readonly()) {\n      this._isChecked.update((checked) => !checked);\n      this._onChange(this._isChecked());\n      this._onTouched();\n    }\n  }\n\n  protected _handleClick(): void {\n    if (!this._isDisabled()) {\n      this.toggle();\n    }\n  }\n}\n","<button\n  #switch\n  role=\"switch\"\n  type=\"button\"\n  class=\"ids-switch__button\"\n  [tabIndex]=\"_isDisabled() ? -1 : tabIndex()\"\n  [disabled]=\"_isDisabled()\"\n  [id]=\"id()\"\n  [name]=\"name()\"\n  [attr.aria-label]=\"ariaLabel()\"\n  [attr.aria-labelledby]=\"ariaLabelledBy()\"\n  [attr.aria-describedby]=\"ariaDescribedBy()\"\n  [attr.aria-checked]=\"_isChecked()\"\n  [@switchAnimation]=\"_isChecked() ? 'on' : 'off'\"\n  (click)=\"_handleClick()\"\n>\n  <div class=\"ids-switch__track\">\n    @if (_hasTrackIcon()) {\n      <div class=\"ids-switch__track-icon\">\n        @if (_isChecked()) {\n          <ids-icon aria-hidden=\"true\" fontIcon=\"check\" />\n        }\n      </div>\n      <div class=\"ids-switch__track-icon\">\n        @if (!_isChecked()) {\n          <ids-icon aria-hidden=\"true\" fontIcon=\"close\" />\n        }\n      </div>\n    }\n    <div class=\"ids-switch__handle\">\n      @if (_hasHandleIcon()) {\n        <!-- needs to be here duplicate ids-icon because of animation :enter and :leave -->\n        @if (_isChecked()) {\n          <ids-icon aria-hidden=\"true\" fontIcon=\"check\" />\n        } @else {\n          <ids-icon aria-hidden=\"true\" fontIcon=\"close\" />\n        }\n      }\n    </div>\n  </div>\n</button>\n\n<label class=\"ids-switch__label\" [for]=\"id()\">{{ label() }}</label>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["defaultConfig"],"mappings":"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"}

package/fesm2022/i-cell-ids-angular-tab.mjs

@@ -80,7 +80,8 @@ class IdsTabGroupComponent extends ComponentBaseWithDefaults {
         this.tabPosition = input(this._defaultConfig.tabPosition);
         this.indicatorPosition = input();
         this.disabled = input(false, { transform: coerceBooleanAttribute });
-        this.selectedTabIndex = signal(0);
+        this._selectedTabIndex = signal(0);
+        this.selectedTabIndex = this._selectedTabIndex.asReadonly();
         this._hostClasses = computed(() => this._getHostClasses([
             this.size(),
             this.variant(),
@@ -88,9 +89,9 @@ class IdsTabGroupComponent extends ComponentBaseWithDefaults {
             this.disabled() ? 'disabled' : null,
             this.stretchTabs() && this.orientation() === IdsOrientation.HORIZONTAL ? 'stretch-tabs' : null,
             this.tabPosition() && !this.stretchTabs() ? this.tabPosition() : null,
-            `indicator-${this.indicatorPosition() ?? this.calculatedIndicatorPosition()}`,
+            `indicator-${this.indicatorPosition() ?? this._calculatedIndicatorPosition()}`,
         ]));
-        this.calculatedIndicatorPosition = computed(() => (this.orientation() === IdsOrientation.HORIZONTAL ? IdsTabIndicatorPosition.BOTTOM : IdsTabIndicatorPosition.LEFT));
+        this._calculatedIndicatorPosition = computed(() => (this.orientation() === IdsOrientation.HORIZONTAL ? IdsTabIndicatorPosition.BOTTOM : IdsTabIndicatorPosition.LEFT));
     }
     get _hostName() {
         return 'tab-group';
@@ -114,7 +115,7 @@ class IdsTabGroupComponent extends ComponentBaseWithDefaults {
         this.selectTab(0);
     }
     selectTab(index) {
-        this.selectedTabIndex.set(index);
+        this._selectedTabIndex.set(index);
         const selectedItem = this._items().at(index);
         const selectedPortal = new TemplatePortal(selectedItem.content(), this._viewContainerRef);
         if (this._portalOutlet().hasAttached()) {
@@ -123,14 +124,14 @@ class IdsTabGroupComponent extends ComponentBaseWithDefaults {
         this._portalOutlet().attach(selectedPortal);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsTabGroupComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: IdsTabGroupComponent, isStandalone: true, selector: "ids-tab-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, stretchTabs: { classPropertyName: "stretchTabs", publicName: "stretchTabs", isSignal: true, isRequired: false, transformFunction: null }, tabPosition: { classPropertyName: "tabPosition", publicName: "tabPosition", isSignal: true, isRequired: false, transformFunction: null }, indicatorPosition: { classPropertyName: "indicatorPosition", publicName: "indicatorPosition", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "_items", predicate: IdsTabComponent, isSignal: true }], viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ids-tab-group__container\">\n  <ul class=\"ids-tab-group__header\" role=\"tablist\">\n    @for (item of _items(); track $index; let i = $index) {\n      <li\n        role=\"tab\"\n        [class]=\"item.hostTabClasses()\"\n        [class.ids-tab--active]=\"selectedTabIndex() === i\"\n        [attr.tabindex]=\"item.parentOrSelfDisabled() ? -1 : 0\"\n        [attr.aria-selected]=\"selectedTabIndex() === i ? 'true' : 'false'\"\n        [attr.aria-controls]=\"item.panelId\"\n        (click)=\"selectTab(i)\"\n      >\n        @let tabLeadingIcon = item.leadingIcon();\n        @let tabTrailingIcon = item.trailingIcon();\n        @if (tabLeadingIcon) {\n          <ids-icon [fontIcon]=\"tabLeadingIcon\" />\n        }\n        <span class=\"ids-tab__label\">{{ item.label() }}</span>\n        @if (tabTrailingIcon) {\n          <ids-icon [fontIcon]=\"tabTrailingIcon\" />\n        }\n        <span class=\"ids-tab__indicator\">\n          <span class=\"ids-tab__line\"></span>\n        </span>\n      </li>\n    }\n  </ul>\n</div>\n<ng-template cdkPortalOutlet />\n", dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { 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.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: IdsTabGroupComponent, isStandalone: true, selector: "ids-tab-group", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, stretchTabs: { classPropertyName: "stretchTabs", publicName: "stretchTabs", isSignal: true, isRequired: false, transformFunction: null }, tabPosition: { classPropertyName: "tabPosition", publicName: "tabPosition", isSignal: true, isRequired: false, transformFunction: null }, indicatorPosition: { classPropertyName: "indicatorPosition", publicName: "indicatorPosition", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "_items", predicate: IdsTabComponent, isSignal: true }], viewQueries: [{ propertyName: "_portalOutlet", first: true, predicate: CdkPortalOutlet, descendants: true, isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"ids-tab-group__container\">\n  <ul class=\"ids-tab-group__header\" role=\"tablist\">\n    @for (item of _items(); track $index; let i = $index) {\n      <li\n        role=\"tab\"\n        [class]=\"item.hostTabClasses()\"\n        [class.ids-tab--active]=\"_selectedTabIndex() === i\"\n        [attr.tabindex]=\"item.parentOrSelfDisabled() ? -1 : 0\"\n        [attr.aria-selected]=\"_selectedTabIndex() === i ? 'true' : 'false'\"\n        [attr.aria-controls]=\"item.panelId\"\n        (click)=\"selectTab(i)\"\n      >\n        @let tabLeadingIcon = item.leadingIcon();\n        @let tabTrailingIcon = item.trailingIcon();\n        @if (tabLeadingIcon) {\n          <ids-icon [fontIcon]=\"tabLeadingIcon\" />\n        }\n        <span class=\"ids-tab__label\">{{ item.label() }}</span>\n        @if (tabTrailingIcon) {\n          <ids-icon [fontIcon]=\"tabTrailingIcon\" />\n        }\n        <span class=\"ids-tab__indicator\">\n          <span class=\"ids-tab__line\"></span>\n        </span>\n      </li>\n    }\n  </ul>\n</div>\n<ng-template cdkPortalOutlet />\n", dependencies: [{ kind: "ngmodule", type: PortalModule }, { kind: "directive", type: i1.CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }, { 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: IdsTabGroupComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ids-tab-group', imports: [
                         PortalModule,
                         IdsIconComponent,
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ids-tab-group__container\">\n  <ul class=\"ids-tab-group__header\" role=\"tablist\">\n    @for (item of _items(); track $index; let i = $index) {\n      <li\n        role=\"tab\"\n        [class]=\"item.hostTabClasses()\"\n        [class.ids-tab--active]=\"selectedTabIndex() === i\"\n        [attr.tabindex]=\"item.parentOrSelfDisabled() ? -1 : 0\"\n        [attr.aria-selected]=\"selectedTabIndex() === i ? 'true' : 'false'\"\n        [attr.aria-controls]=\"item.panelId\"\n        (click)=\"selectTab(i)\"\n      >\n        @let tabLeadingIcon = item.leadingIcon();\n        @let tabTrailingIcon = item.trailingIcon();\n        @if (tabLeadingIcon) {\n          <ids-icon [fontIcon]=\"tabLeadingIcon\" />\n        }\n        <span class=\"ids-tab__label\">{{ item.label() }}</span>\n        @if (tabTrailingIcon) {\n          <ids-icon [fontIcon]=\"tabTrailingIcon\" />\n        }\n        <span class=\"ids-tab__indicator\">\n          <span class=\"ids-tab__line\"></span>\n        </span>\n      </li>\n    }\n  </ul>\n</div>\n<ng-template cdkPortalOutlet />\n" }]
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"ids-tab-group__container\">\n  <ul class=\"ids-tab-group__header\" role=\"tablist\">\n    @for (item of _items(); track $index; let i = $index) {\n      <li\n        role=\"tab\"\n        [class]=\"item.hostTabClasses()\"\n        [class.ids-tab--active]=\"_selectedTabIndex() === i\"\n        [attr.tabindex]=\"item.parentOrSelfDisabled() ? -1 : 0\"\n        [attr.aria-selected]=\"_selectedTabIndex() === i ? 'true' : 'false'\"\n        [attr.aria-controls]=\"item.panelId\"\n        (click)=\"selectTab(i)\"\n      >\n        @let tabLeadingIcon = item.leadingIcon();\n        @let tabTrailingIcon = item.trailingIcon();\n        @if (tabLeadingIcon) {\n          <ids-icon [fontIcon]=\"tabLeadingIcon\" />\n        }\n        <span class=\"ids-tab__label\">{{ item.label() }}</span>\n        @if (tabTrailingIcon) {\n          <ids-icon [fontIcon]=\"tabTrailingIcon\" />\n        }\n        <span class=\"ids-tab__indicator\">\n          <span class=\"ids-tab__line\"></span>\n        </span>\n      </li>\n    }\n  </ul>\n</div>\n<ng-template cdkPortalOutlet />\n" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"i-cell-ids-angular-tab.mjs","sources":["../../../projects/widgets/tab/types/tab-group-position.type.ts","../../../projects/widgets/tab/types/tab-group-variant.type.ts","../../../projects/widgets/tab/types/tab-indicator-position.type.ts","../../../projects/widgets/tab/tab-group-defaults.ts","../../../projects/widgets/tab/tab.component.ts","../../../projects/widgets/tab/tab.component.html","../../../projects/widgets/tab/tab-group.component.ts","../../../projects/widgets/tab/tab-group.component.html","../../../projects/widgets/tab/i-cell-ids-angular-tab.ts"],"sourcesContent":["export const IdsTabGroupPosition = {\n  START: 'start',\n  CENTER: 'center',\n  END: 'end',\n} as const;\n\nexport type IdsTabGroupPositionType = (typeof IdsTabGroupPosition)[keyof typeof IdsTabGroupPosition];\n","export const IdsTabGroupVariant = {\n  PRIMARY: 'primary',\n  SURFACE: 'surface',\n  LIGHT: 'light',\n} as const;\n\nexport type IdsTabGroupVariantType = (typeof IdsTabGroupVariant)[keyof typeof IdsTabGroupVariant];\n","export const IdsTabIndicatorPosition = {\n  TOP: 'top',\n  BOTTOM: 'bottom',\n  LEFT: 'left',\n  RIGHT: 'right',\n} as const;\n\nexport type IdsTabIndicatorPositionType = (typeof IdsTabIndicatorPosition)[keyof typeof IdsTabIndicatorPosition];\n","import { IdsTabGroupPosition, IdsTabGroupPositionType } from './types/tab-group-position.type';\nimport { IdsTabGroupVariant, IdsTabGroupVariantType } from './types/tab-group-variant.type';\nimport { IdsTabIndicatorPosition, IdsTabIndicatorPositionType } from './types/tab-indicator-position.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsOrientation, IdsOrientationType, IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsTabGroupDefaultConfig {\n  size?: IdsSizeType,\n  variant?: IdsTabGroupVariantType,\n  orientation?: IdsOrientationType,\n  stretchTabs?: boolean,\n  tabPosition?: IdsTabGroupPositionType,\n  indicatorPosition?: IdsTabIndicatorPositionType,\n}\n\nexport const IDS_TAB_GROUP_DEFAULT_CONFIG = new InjectionToken<IdsTabGroupDefaultConfig>(\n  'IDS_TAB_GROUP_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_TAB_GROUP_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\nexport function IDS_TAB_GROUP_DEFAULT_CONFIG_FACTORY(): Required<IdsTabGroupDefaultConfig> {\n  return {\n    size: IdsSize.COMPACT,\n    variant: IdsTabGroupVariant.PRIMARY,\n    orientation: IdsOrientation.HORIZONTAL,\n    stretchTabs: true,\n    tabPosition: IdsTabGroupPosition.START,\n    indicatorPosition: IdsTabIndicatorPosition.BOTTOM,\n  };\n}\n","import { IdsTabGroupComponent } from './tab-group.component';\n\nimport { ChangeDetectionStrategy, Component, computed, inject, input, signal, TemplateRef, viewChild, ViewEncapsulation } from '@angular/core';\nimport { coerceStringAttribute, ComponentBase } from '@i-cell/ids-angular/core';\n\n@Component({\n  selector: 'ids-tab',\n  imports: [],\n  templateUrl: './tab.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IdsTabComponent extends ComponentBase {\n  protected override get _hostName(): string {\n    return 'tab';\n  };\n\n  private _tabGroup = inject(IdsTabGroupComponent, { skipSelf: true });\n\n  public label = input<string>();\n  public disabled = input<boolean>(false);\n  public leadingIcon = input('', { transform: coerceStringAttribute });\n  public trailingIcon = input('', { transform: coerceStringAttribute });\n  public content = viewChild.required<TemplateRef<unknown>>(TemplateRef);\n  public panelId = `${this.id()}-panel`;\n\n  public parentOrSelfDisabled = computed(() => this._tabGroup.disabled() || this.disabled());\n\n  protected _hostClasses = signal(this._getHostClasses([]));\n\n  public hostTabClasses = computed(() => this._getHostClasses(\n    [this.parentOrSelfDisabled() ? 'disabled' : null],\n  ));\n}\n","<ng-template>\n  <div class=\"ids-tab-body-content\" [attr.role]=\"'tabpanel'\" [id]=\"panelId\">\n    <ng-content />\n  </div>\n</ng-template>\n","import { IDS_TAB_GROUP_DEFAULT_CONFIG, IDS_TAB_GROUP_DEFAULT_CONFIG_FACTORY, IdsTabGroupDefaultConfig } from './tab-group-defaults';\nimport { IdsTabComponent } from './tab.component';\nimport { IdsTabGroupPositionType } from './types/tab-group-position.type';\nimport { IdsTabGroupVariantType } from './types/tab-group-variant.type';\nimport { IdsTabIndicatorPosition, IdsTabIndicatorPositionType } from './types/tab-indicator-position.type';\n\nimport { CdkPortalOutlet, PortalModule, TemplatePortal } from '@angular/cdk/portal';\nimport { AfterContentInit, ChangeDetectionStrategy, Component, computed, contentChildren, inject, input, isDevMode, signal, viewChild, ViewContainerRef, ViewEncapsulation } from '@angular/core';\nimport { coerceBooleanAttribute, ComponentBaseWithDefaults, IdsOrientation, IdsOrientationType, IdsSizeType } from '@i-cell/ids-angular/core';\nimport { IdsIconComponent } from '@i-cell/ids-angular/icon';\n\nconst defaultConfig = IDS_TAB_GROUP_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n  selector: 'ids-tab-group',\n  imports: [\n    PortalModule,\n    IdsIconComponent,\n  ],\n  templateUrl: './tab-group.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IdsTabGroupComponent extends ComponentBaseWithDefaults<IdsTabGroupDefaultConfig> implements AfterContentInit {\n  protected override get _hostName(): string {\n    return 'tab-group';\n  }\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_TAB_GROUP_DEFAULT_CONFIG);\n\n  protected _items = contentChildren<IdsTabComponent>(IdsTabComponent);\n  private _portalOutlet = viewChild.required<CdkPortalOutlet>(CdkPortalOutlet);\n  private _viewContainerRef = inject(ViewContainerRef);\n\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n  public variant = input<IdsTabGroupVariantType>(this._defaultConfig.variant);\n  public orientation = input<IdsOrientationType>(this._defaultConfig.orientation);\n  public stretchTabs = input(this._defaultConfig.stretchTabs, { transform: coerceBooleanAttribute });\n  public tabPosition = input<IdsTabGroupPositionType>(this._defaultConfig.tabPosition);\n  public indicatorPosition = input<IdsTabIndicatorPositionType>();\n  public disabled = input(false, { transform: coerceBooleanAttribute });\n\n  public selectedTabIndex = signal<number>(0);\n\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this.size(),\n    this.variant(),\n    this.orientation(),\n    this.disabled() ? 'disabled' : null,\n    this.stretchTabs() && this.orientation() === IdsOrientation.HORIZONTAL ? 'stretch-tabs' : null,\n    this.tabPosition() && !this.stretchTabs() ? this.tabPosition() : null,\n    `indicator-${this.indicatorPosition() ?? this.calculatedIndicatorPosition()}`,\n  ]));\n\n  public calculatedIndicatorPosition = computed(() =>\n    (this.orientation() === IdsOrientation.HORIZONTAL ? IdsTabIndicatorPosition.BOTTOM : IdsTabIndicatorPosition.LEFT),\n  );\n\n  public ngAfterContentInit(): void {\n    const items = this._items();\n    const orientation = this.orientation();\n    const indicatorPosition = this.indicatorPosition();\n    const minItemCount = 2;\n\n    if (isDevMode() && (items.length < minItemCount)) {\n      throw this._createHostError(`Invalid count of tab items. Minimum item count is ${minItemCount}.`);\n    }\n\n    if (isDevMode() && (orientation === IdsOrientation.HORIZONTAL &&\n      (indicatorPosition && (indicatorPosition === IdsTabIndicatorPosition.LEFT || indicatorPosition === IdsTabIndicatorPosition.RIGHT)))) {\n      throw this._createHostError(`Can not use ${indicatorPosition} indicator position with Horizontal mode`);\n    }\n\n    if (isDevMode() && (orientation === IdsOrientation.VERTICAL &&\n      (indicatorPosition && (indicatorPosition === IdsTabIndicatorPosition.BOTTOM || indicatorPosition === IdsTabIndicatorPosition.TOP)))) {\n      throw this._createHostError(`Can not use ${indicatorPosition} indicator position with Vertical mode`);\n    }\n\n    this.selectTab(0);\n  }\n\n  public selectTab(index: number): void {\n    this.selectedTabIndex.set(index);\n    const selectedItem = this._items().at(index);\n    const selectedPortal = new TemplatePortal(selectedItem!.content(), this._viewContainerRef);\n\n    if (this._portalOutlet().hasAttached()) {\n      this._portalOutlet().detach();\n    }\n\n    this._portalOutlet().attach(selectedPortal);\n  }\n}\n","<div class=\"ids-tab-group__container\">\n  <ul class=\"ids-tab-group__header\" role=\"tablist\">\n    @for (item of _items(); track $index; let i = $index) {\n      <li\n        role=\"tab\"\n        [class]=\"item.hostTabClasses()\"\n        [class.ids-tab--active]=\"selectedTabIndex() === i\"\n        [attr.tabindex]=\"item.parentOrSelfDisabled() ? -1 : 0\"\n        [attr.aria-selected]=\"selectedTabIndex() === i ? 'true' : 'false'\"\n        [attr.aria-controls]=\"item.panelId\"\n        (click)=\"selectTab(i)\"\n      >\n        @let tabLeadingIcon = item.leadingIcon();\n        @let tabTrailingIcon = item.trailingIcon();\n        @if (tabLeadingIcon) {\n          <ids-icon [fontIcon]=\"tabLeadingIcon\" />\n        }\n        <span class=\"ids-tab__label\">{{ item.label() }}</span>\n        @if (tabTrailingIcon) {\n          <ids-icon [fontIcon]=\"tabTrailingIcon\" />\n        }\n        <span class=\"ids-tab__indicator\">\n          <span class=\"ids-tab__line\"></span>\n        </span>\n      </li>\n    }\n  </ul>\n</div>\n<ng-template cdkPortalOutlet />\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-tab.mjs","sources":["../../../projects/widgets/tab/types/tab-group-position.type.ts","../../../projects/widgets/tab/types/tab-group-variant.type.ts","../../../projects/widgets/tab/types/tab-indicator-position.type.ts","../../../projects/widgets/tab/tab-group-defaults.ts","../../../projects/widgets/tab/tab.component.ts","../../../projects/widgets/tab/tab.component.html","../../../projects/widgets/tab/tab-group.component.ts","../../../projects/widgets/tab/tab-group.component.html","../../../projects/widgets/tab/i-cell-ids-angular-tab.ts"],"sourcesContent":["export const IdsTabGroupPosition = {\n  START: 'start',\n  CENTER: 'center',\n  END: 'end',\n} as const;\n\nexport type IdsTabGroupPositionType = (typeof IdsTabGroupPosition)[keyof typeof IdsTabGroupPosition];\n","export const IdsTabGroupVariant = {\n  PRIMARY: 'primary',\n  SURFACE: 'surface',\n  LIGHT: 'light',\n} as const;\n\nexport type IdsTabGroupVariantType = (typeof IdsTabGroupVariant)[keyof typeof IdsTabGroupVariant];\n","export const IdsTabIndicatorPosition = {\n  TOP: 'top',\n  BOTTOM: 'bottom',\n  LEFT: 'left',\n  RIGHT: 'right',\n} as const;\n\nexport type IdsTabIndicatorPositionType = (typeof IdsTabIndicatorPosition)[keyof typeof IdsTabIndicatorPosition];\n","import { IdsTabGroupPosition, IdsTabGroupPositionType } from './types/tab-group-position.type';\nimport { IdsTabGroupVariant, IdsTabGroupVariantType } from './types/tab-group-variant.type';\nimport { IdsTabIndicatorPosition, IdsTabIndicatorPositionType } from './types/tab-indicator-position.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsOrientation, IdsOrientationType, IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsTabGroupDefaultConfig {\n  size?: IdsSizeType,\n  variant?: IdsTabGroupVariantType,\n  orientation?: IdsOrientationType,\n  stretchTabs?: boolean,\n  tabPosition?: IdsTabGroupPositionType,\n  indicatorPosition?: IdsTabIndicatorPositionType,\n}\n\nexport const IDS_TAB_GROUP_DEFAULT_CONFIG = new InjectionToken<IdsTabGroupDefaultConfig>(\n  'IDS_TAB_GROUP_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_TAB_GROUP_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\nexport function IDS_TAB_GROUP_DEFAULT_CONFIG_FACTORY(): Required<IdsTabGroupDefaultConfig> {\n  return {\n    size: IdsSize.COMPACT,\n    variant: IdsTabGroupVariant.PRIMARY,\n    orientation: IdsOrientation.HORIZONTAL,\n    stretchTabs: true,\n    tabPosition: IdsTabGroupPosition.START,\n    indicatorPosition: IdsTabIndicatorPosition.BOTTOM,\n  };\n}\n","import { IdsTabGroupComponent } from './tab-group.component';\n\nimport { ChangeDetectionStrategy, Component, computed, inject, input, signal, TemplateRef, viewChild, ViewEncapsulation } from '@angular/core';\nimport { coerceStringAttribute, ComponentBase } from '@i-cell/ids-angular/core';\n\n@Component({\n  selector: 'ids-tab',\n  imports: [],\n  templateUrl: './tab.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IdsTabComponent extends ComponentBase {\n  protected override get _hostName(): string {\n    return 'tab';\n  };\n\n  private _tabGroup = inject(IdsTabGroupComponent, { skipSelf: true });\n\n  public label = input<string>();\n  public disabled = input<boolean>(false);\n  public leadingIcon = input('', { transform: coerceStringAttribute });\n  public trailingIcon = input('', { transform: coerceStringAttribute });\n  public content = viewChild.required<TemplateRef<unknown>>(TemplateRef);\n  public panelId = `${this.id()}-panel`;\n\n  public parentOrSelfDisabled = computed(() => this._tabGroup.disabled() || this.disabled());\n\n  protected _hostClasses = signal(this._getHostClasses([]));\n\n  public hostTabClasses = computed(() => this._getHostClasses(\n    [this.parentOrSelfDisabled() ? 'disabled' : null],\n  ));\n}\n","<ng-template>\n  <div class=\"ids-tab-body-content\" [attr.role]=\"'tabpanel'\" [id]=\"panelId\">\n    <ng-content />\n  </div>\n</ng-template>\n","import { IDS_TAB_GROUP_DEFAULT_CONFIG, IDS_TAB_GROUP_DEFAULT_CONFIG_FACTORY, IdsTabGroupDefaultConfig } from './tab-group-defaults';\nimport { IdsTabComponent } from './tab.component';\nimport { IdsTabGroupPositionType } from './types/tab-group-position.type';\nimport { IdsTabGroupVariantType } from './types/tab-group-variant.type';\nimport { IdsTabIndicatorPosition, IdsTabIndicatorPositionType } from './types/tab-indicator-position.type';\n\nimport { CdkPortalOutlet, PortalModule, TemplatePortal } from '@angular/cdk/portal';\nimport { AfterContentInit, ChangeDetectionStrategy, Component, computed, contentChildren, inject, input, isDevMode, signal, viewChild, ViewContainerRef, ViewEncapsulation } from '@angular/core';\nimport { coerceBooleanAttribute, ComponentBaseWithDefaults, IdsOrientation, IdsOrientationType, IdsSizeType } from '@i-cell/ids-angular/core';\nimport { IdsIconComponent } from '@i-cell/ids-angular/icon';\n\nconst defaultConfig = IDS_TAB_GROUP_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n  selector: 'ids-tab-group',\n  imports: [\n    PortalModule,\n    IdsIconComponent,\n  ],\n  templateUrl: './tab-group.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IdsTabGroupComponent extends ComponentBaseWithDefaults<IdsTabGroupDefaultConfig> implements AfterContentInit {\n  protected override get _hostName(): string {\n    return 'tab-group';\n  }\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_TAB_GROUP_DEFAULT_CONFIG);\n\n  protected _items = contentChildren<IdsTabComponent>(IdsTabComponent);\n  private _portalOutlet = viewChild.required<CdkPortalOutlet>(CdkPortalOutlet);\n  private _viewContainerRef = inject(ViewContainerRef);\n\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n  public variant = input<IdsTabGroupVariantType>(this._defaultConfig.variant);\n  public orientation = input<IdsOrientationType>(this._defaultConfig.orientation);\n  public stretchTabs = input(this._defaultConfig.stretchTabs, { transform: coerceBooleanAttribute });\n  public tabPosition = input<IdsTabGroupPositionType>(this._defaultConfig.tabPosition);\n  public indicatorPosition = input<IdsTabIndicatorPositionType>();\n  public disabled = input(false, { transform: coerceBooleanAttribute });\n\n  protected _selectedTabIndex = signal<number>(0);\n  public selectedTabIndex = this._selectedTabIndex.asReadonly();\n\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this.size(),\n    this.variant(),\n    this.orientation(),\n    this.disabled() ? 'disabled' : null,\n    this.stretchTabs() && this.orientation() === IdsOrientation.HORIZONTAL ? 'stretch-tabs' : null,\n    this.tabPosition() && !this.stretchTabs() ? this.tabPosition() : null,\n    `indicator-${this.indicatorPosition() ?? this._calculatedIndicatorPosition()}`,\n  ]));\n\n  private _calculatedIndicatorPosition = computed(() =>\n    (this.orientation() === IdsOrientation.HORIZONTAL ? IdsTabIndicatorPosition.BOTTOM : IdsTabIndicatorPosition.LEFT),\n  );\n\n  public ngAfterContentInit(): void {\n    const items = this._items();\n    const orientation = this.orientation();\n    const indicatorPosition = this.indicatorPosition();\n    const minItemCount = 2;\n\n    if (isDevMode() && (items.length < minItemCount)) {\n      throw this._createHostError(`Invalid count of tab items. Minimum item count is ${minItemCount}.`);\n    }\n\n    if (isDevMode() && (orientation === IdsOrientation.HORIZONTAL &&\n      (indicatorPosition && (indicatorPosition === IdsTabIndicatorPosition.LEFT || indicatorPosition === IdsTabIndicatorPosition.RIGHT)))) {\n      throw this._createHostError(`Can not use ${indicatorPosition} indicator position with Horizontal mode`);\n    }\n\n    if (isDevMode() && (orientation === IdsOrientation.VERTICAL &&\n      (indicatorPosition && (indicatorPosition === IdsTabIndicatorPosition.BOTTOM || indicatorPosition === IdsTabIndicatorPosition.TOP)))) {\n      throw this._createHostError(`Can not use ${indicatorPosition} indicator position with Vertical mode`);\n    }\n\n    this.selectTab(0);\n  }\n\n  public selectTab(index: number): void {\n    this._selectedTabIndex.set(index);\n    const selectedItem = this._items().at(index);\n    const selectedPortal = new TemplatePortal(selectedItem!.content(), this._viewContainerRef);\n\n    if (this._portalOutlet().hasAttached()) {\n      this._portalOutlet().detach();\n    }\n\n    this._portalOutlet().attach(selectedPortal);\n  }\n}\n","<div class=\"ids-tab-group__container\">\n  <ul class=\"ids-tab-group__header\" role=\"tablist\">\n    @for (item of _items(); track $index; let i = $index) {\n      <li\n        role=\"tab\"\n        [class]=\"item.hostTabClasses()\"\n        [class.ids-tab--active]=\"_selectedTabIndex() === i\"\n        [attr.tabindex]=\"item.parentOrSelfDisabled() ? -1 : 0\"\n        [attr.aria-selected]=\"_selectedTabIndex() === i ? 'true' : 'false'\"\n        [attr.aria-controls]=\"item.panelId\"\n        (click)=\"selectTab(i)\"\n      >\n        @let tabLeadingIcon = item.leadingIcon();\n        @let tabTrailingIcon = item.trailingIcon();\n        @if (tabLeadingIcon) {\n          <ids-icon [fontIcon]=\"tabLeadingIcon\" />\n        }\n        <span class=\"ids-tab__label\">{{ item.label() }}</span>\n        @if (tabTrailingIcon) {\n          <ids-icon [fontIcon]=\"tabTrailingIcon\" />\n        }\n        <span class=\"ids-tab__indicator\">\n          <span class=\"ids-tab__line\"></span>\n        </span>\n      </li>\n    }\n  </ul>\n</div>\n<ng-template cdkPortalOutlet />\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-tag.mjs

@@ -79,8 +79,8 @@ class IdsTagComponent extends ComponentBaseWithDefaults {
         this._tagGroup = inject(IdsTagGroupComponent, { optional: true });
         this._defaultConfig = this._getDefaultConfig(defaultConfig, IDS_TAG_DEFAULT_CONFIG);
         this._hostElement = inject(ElementRef).nativeElement;
-        this.iconLeading = contentChildren('ids-icon[icon-leading]');
-        this.iconTrailing = contentChildren('ids-icon[icon-trailing]');
+        this._iconLeading = contentChildren('ids-icon[icon-leading]');
+        this._iconTrailing = contentChildren('ids-icon[icon-trailing]');
         this.appearance = input(this._defaultConfig.appearance);
         this.size = input(this._defaultConfig.size);
         this.variant = input(this._defaultConfig.variant);
@@ -99,13 +99,13 @@ class IdsTagComponent extends ComponentBaseWithDefaults {
         return this._hostElement.tagName === 'BUTTON' ? 'button' : null;
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsTagComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: IdsTagComponent, isStandalone: true, selector: "ids-tag,a[idsTag]", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", 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 } }, host: { properties: { "type": "_hostType" } }, queries: [{ propertyName: "iconLeading", predicate: ["ids-icon[icon-leading]"], isSignal: true }, { propertyName: "iconTrailing", predicate: ["ids-icon[icon-trailing]"], isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (iconLeading()) {\n  <ng-content select=\"ids-icon[icon-leading]\" />\n}\n<span class=\"ids-tag-label\"><ng-content /></span>\n@if (iconTrailing()) {\n  <ng-content select=\"ids-icon[icon-trailing]\" />\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: IdsTagComponent, isStandalone: true, selector: "ids-tag,a[idsTag]", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", 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 } }, host: { properties: { "type": "_hostType" } }, queries: [{ propertyName: "_iconLeading", predicate: ["ids-icon[icon-leading]"], isSignal: true }, { propertyName: "_iconTrailing", predicate: ["ids-icon[icon-trailing]"], isSignal: true }], usesInheritance: true, ngImport: i0, template: "@if (_iconLeading()) {\n  <ng-content select=\"ids-icon[icon-leading]\" />\n}\n<span class=\"ids-tag-label\"><ng-content /></span>\n@if (_iconTrailing()) {\n  <ng-content select=\"ids-icon[icon-trailing]\" />\n}\n", changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsTagComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ids-tag,a[idsTag]', imports: [], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
                         '[type]': '_hostType',
-                    }, template: "@if (iconLeading()) {\n  <ng-content select=\"ids-icon[icon-leading]\" />\n}\n<span class=\"ids-tag-label\"><ng-content /></span>\n@if (iconTrailing()) {\n  <ng-content select=\"ids-icon[icon-trailing]\" />\n}\n" }]
+                    }, template: "@if (_iconLeading()) {\n  <ng-content select=\"ids-icon[icon-leading]\" />\n}\n<span class=\"ids-tag-label\"><ng-content /></span>\n@if (_iconTrailing()) {\n  <ng-content select=\"ids-icon[icon-trailing]\" />\n}\n" }]
         }] });
 
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"i-cell-ids-angular-tag.mjs","sources":["../../../projects/widgets/tag/types/tag-appearance.type.ts","../../../projects/widgets/tag/types/tag-variant.type.ts","../../../projects/widgets/tag/tag-defaults.ts","../../../projects/widgets/tag/tag-group-defaults.ts","../../../projects/widgets/tag/tag-group.component.ts","../../../projects/widgets/tag/tag.component.ts","../../../projects/widgets/tag/tag.component.html","../../../projects/widgets/tag/i-cell-ids-angular-tag.ts"],"sourcesContent":["export const IdsTagAppearance = {\n  FILLED: 'filled',\n  OUTLINED: 'outlined',\n} as const;\n\nexport type IdsTagAppearanceType = (typeof IdsTagAppearance)[keyof typeof IdsTagAppearance];\n","export const IdsTagVariant = {\n  PRIMARY: 'primary',\n  SECONDARY: 'secondary',\n  SURFACE: 'surface',\n  BRAND: 'brand',\n  LIGHT: 'light',\n  DARK: 'dark',\n  INFO: 'info',\n  SUCCESS: 'success',\n  WARNING: 'warning',\n  ERROR: 'error',\n} as const;\n\nexport type IdsTagVariantType = (typeof IdsTagVariant)[keyof typeof IdsTagVariant];\n\n","import { IdsTagAppearance, IdsTagAppearanceType } from './types/tag-appearance.type';\nimport { IdsTagVariant, IdsTagVariantType } from './types/tag-variant.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsTagDefaultConfig {\n  appearance?: IdsTagAppearanceType,\n  size?: IdsSizeType,\n  variant?: IdsTagVariantType,\n}\n\nexport const IDS_TAG_DEFAULT_CONFIG = new InjectionToken<IdsTagDefaultConfig>(\n  'IDS_TAG_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_TAG_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\nexport function IDS_TAG_DEFAULT_CONFIG_FACTORY(): Required<IdsTagDefaultConfig> {\n  return {\n    appearance: IdsTagAppearance.FILLED,\n    size: IdsSize.COMPACT,\n    variant: IdsTagVariant.PRIMARY,\n  };\n}\n\n","import { IdsTagAppearance, IdsTagAppearanceType } from './types/tag-appearance.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsTagGroupDefaultConfig {\n  appearance?: IdsTagAppearanceType,\n  size?: IdsSizeType,\n}\n\nexport const IDS_TAG_GROUP_DEFAULT_CONFIG = new InjectionToken<IdsTagGroupDefaultConfig>(\n  'IDS_TAG_GROUP_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_TAG_GROUP_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\nexport function IDS_TAG_GROUP_DEFAULT_CONFIG_FACTORY(): Required<IdsTagGroupDefaultConfig> {\n  return {\n    appearance: IdsTagAppearance.FILLED,\n    size: IdsSize.COMPACT,\n  };\n}\n\n","import { IDS_TAG_GROUP_DEFAULT_CONFIG, IDS_TAG_GROUP_DEFAULT_CONFIG_FACTORY, IdsTagGroupDefaultConfig } from './tag-group-defaults';\nimport { IdsTagAppearanceType } from './types/tag-appearance.type';\n\nimport { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { ComponentBaseWithDefaults, IdsSizeType } from '@i-cell/ids-angular/core';\n\nconst defaultConfig = IDS_TAG_GROUP_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n  selector: 'ids-tag-group',\n  imports: [],\n  template: '<ng-content select=\"ids-tag, a[idsTag]\" />',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IdsTagGroupComponent extends ComponentBaseWithDefaults<IdsTagGroupDefaultConfig> {\n  protected override get _hostName(): string {\n    return 'tag-group';\n  }\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_TAG_GROUP_DEFAULT_CONFIG);\n\n  public appearance = input<IdsTagAppearanceType>(this._defaultConfig.appearance);\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this.appearance(),\n    this.size(),\n  ]));\n}\n","import { IDS_TAG_DEFAULT_CONFIG, IDS_TAG_DEFAULT_CONFIG_FACTORY, IdsTagDefaultConfig } from './tag-defaults';\nimport { IdsTagGroupComponent } from './tag-group.component';\nimport { IdsTagAppearanceType } from './types/tag-appearance.type';\nimport { IdsTagVariantType } from './types/tag-variant.type';\n\nimport { ChangeDetectionStrategy, Component, ElementRef, ViewEncapsulation, computed, contentChildren, inject, input } from '@angular/core';\nimport { ComponentBaseWithDefaults, IdsSizeType } from '@i-cell/ids-angular/core';\nimport { IdsIconComponent } from '@i-cell/ids-angular/icon';\n\nconst defaultConfig = IDS_TAG_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n  selector: 'ids-tag,a[idsTag]',\n  imports: [],\n  templateUrl: './tag.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[type]': '_hostType',\n  },\n})\nexport class IdsTagComponent extends ComponentBaseWithDefaults<IdsTagDefaultConfig> {\n  protected override get _hostName(): string {\n    return 'tag';\n  }\n\n  private readonly _tagGroup = inject(IdsTagGroupComponent, { optional: true });\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_TAG_DEFAULT_CONFIG);\n\n  private _hostElement = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n\n  public iconLeading = contentChildren<IdsIconComponent>('ids-icon[icon-leading]');\n  public iconTrailing = contentChildren<IdsIconComponent>('ids-icon[icon-trailing]');\n\n  public appearance = input<IdsTagAppearanceType>(this._defaultConfig.appearance);\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n  public variant = input<IdsTagVariantType>(this._defaultConfig.variant);\n\n  private _parentOrSelfAppearance = computed(() => this._tagGroup?.appearance() ?? this.appearance());\n  private _parentOrSelfSize = computed(() => this._tagGroup?.size() ?? this.size());\n\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this._parentOrSelfAppearance(),\n    this._parentOrSelfSize(),\n    this.variant(),\n  ]));\n\n  private get _hostType(): string | null {\n    return this._hostElement.tagName === 'BUTTON' ? 'button' : null;\n  }\n}\n","@if (iconLeading()) {\n  <ng-content select=\"ids-icon[icon-leading]\" />\n}\n<span class=\"ids-tag-label\"><ng-content /></span>\n@if (iconTrailing()) {\n  <ng-content select=\"ids-icon[icon-trailing]\" />\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["defaultConfig"],"mappings":"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"}
+{"version":3,"file":"i-cell-ids-angular-tag.mjs","sources":["../../../projects/widgets/tag/types/tag-appearance.type.ts","../../../projects/widgets/tag/types/tag-variant.type.ts","../../../projects/widgets/tag/tag-defaults.ts","../../../projects/widgets/tag/tag-group-defaults.ts","../../../projects/widgets/tag/tag-group.component.ts","../../../projects/widgets/tag/tag.component.ts","../../../projects/widgets/tag/tag.component.html","../../../projects/widgets/tag/i-cell-ids-angular-tag.ts"],"sourcesContent":["export const IdsTagAppearance = {\n  FILLED: 'filled',\n  OUTLINED: 'outlined',\n} as const;\n\nexport type IdsTagAppearanceType = (typeof IdsTagAppearance)[keyof typeof IdsTagAppearance];\n","export const IdsTagVariant = {\n  PRIMARY: 'primary',\n  SECONDARY: 'secondary',\n  SURFACE: 'surface',\n  BRAND: 'brand',\n  LIGHT: 'light',\n  DARK: 'dark',\n  INFO: 'info',\n  SUCCESS: 'success',\n  WARNING: 'warning',\n  ERROR: 'error',\n} as const;\n\nexport type IdsTagVariantType = (typeof IdsTagVariant)[keyof typeof IdsTagVariant];\n\n","import { IdsTagAppearance, IdsTagAppearanceType } from './types/tag-appearance.type';\nimport { IdsTagVariant, IdsTagVariantType } from './types/tag-variant.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsTagDefaultConfig {\n  appearance?: IdsTagAppearanceType,\n  size?: IdsSizeType,\n  variant?: IdsTagVariantType,\n}\n\nexport const IDS_TAG_DEFAULT_CONFIG = new InjectionToken<IdsTagDefaultConfig>(\n  'IDS_TAG_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_TAG_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\nexport function IDS_TAG_DEFAULT_CONFIG_FACTORY(): Required<IdsTagDefaultConfig> {\n  return {\n    appearance: IdsTagAppearance.FILLED,\n    size: IdsSize.COMPACT,\n    variant: IdsTagVariant.PRIMARY,\n  };\n}\n\n","import { IdsTagAppearance, IdsTagAppearanceType } from './types/tag-appearance.type';\n\nimport { InjectionToken } from '@angular/core';\nimport { IdsSize, IdsSizeType } from '@i-cell/ids-angular/core';\n\nexport interface IdsTagGroupDefaultConfig {\n  appearance?: IdsTagAppearanceType,\n  size?: IdsSizeType,\n}\n\nexport const IDS_TAG_GROUP_DEFAULT_CONFIG = new InjectionToken<IdsTagGroupDefaultConfig>(\n  'IDS_TAG_GROUP_DEFAULT_CONFIG',\n  {\n    providedIn: 'root',\n    factory: IDS_TAG_GROUP_DEFAULT_CONFIG_FACTORY,\n  },\n);\n\nexport function IDS_TAG_GROUP_DEFAULT_CONFIG_FACTORY(): Required<IdsTagGroupDefaultConfig> {\n  return {\n    appearance: IdsTagAppearance.FILLED,\n    size: IdsSize.COMPACT,\n  };\n}\n\n","import { IDS_TAG_GROUP_DEFAULT_CONFIG, IDS_TAG_GROUP_DEFAULT_CONFIG_FACTORY, IdsTagGroupDefaultConfig } from './tag-group-defaults';\nimport { IdsTagAppearanceType } from './types/tag-appearance.type';\n\nimport { ChangeDetectionStrategy, Component, computed, input, ViewEncapsulation } from '@angular/core';\nimport { ComponentBaseWithDefaults, IdsSizeType } from '@i-cell/ids-angular/core';\n\nconst defaultConfig = IDS_TAG_GROUP_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n  selector: 'ids-tag-group',\n  imports: [],\n  template: '<ng-content select=\"ids-tag, a[idsTag]\" />',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class IdsTagGroupComponent extends ComponentBaseWithDefaults<IdsTagGroupDefaultConfig> {\n  protected override get _hostName(): string {\n    return 'tag-group';\n  }\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_TAG_GROUP_DEFAULT_CONFIG);\n\n  public appearance = input<IdsTagAppearanceType>(this._defaultConfig.appearance);\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this.appearance(),\n    this.size(),\n  ]));\n}\n","import { IDS_TAG_DEFAULT_CONFIG, IDS_TAG_DEFAULT_CONFIG_FACTORY, IdsTagDefaultConfig } from './tag-defaults';\nimport { IdsTagGroupComponent } from './tag-group.component';\nimport { IdsTagAppearanceType } from './types/tag-appearance.type';\nimport { IdsTagVariantType } from './types/tag-variant.type';\n\nimport { ChangeDetectionStrategy, Component, ElementRef, ViewEncapsulation, computed, contentChildren, inject, input } from '@angular/core';\nimport { ComponentBaseWithDefaults, IdsSizeType } from '@i-cell/ids-angular/core';\nimport { IdsIconComponent } from '@i-cell/ids-angular/icon';\n\nconst defaultConfig = IDS_TAG_DEFAULT_CONFIG_FACTORY();\n\n@Component({\n  selector: 'ids-tag,a[idsTag]',\n  imports: [],\n  templateUrl: './tag.component.html',\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[type]': '_hostType',\n  },\n})\nexport class IdsTagComponent extends ComponentBaseWithDefaults<IdsTagDefaultConfig> {\n  protected override get _hostName(): string {\n    return 'tag';\n  }\n\n  private readonly _tagGroup = inject(IdsTagGroupComponent, { optional: true });\n\n  protected readonly _defaultConfig = this._getDefaultConfig(defaultConfig, IDS_TAG_DEFAULT_CONFIG);\n\n  private _hostElement = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n\n  protected _iconLeading = contentChildren<IdsIconComponent>('ids-icon[icon-leading]');\n  protected _iconTrailing = contentChildren<IdsIconComponent>('ids-icon[icon-trailing]');\n\n  public appearance = input<IdsTagAppearanceType>(this._defaultConfig.appearance);\n  public size = input<IdsSizeType>(this._defaultConfig.size);\n  public variant = input<IdsTagVariantType>(this._defaultConfig.variant);\n\n  private _parentOrSelfAppearance = computed(() => this._tagGroup?.appearance() ?? this.appearance());\n  private _parentOrSelfSize = computed(() => this._tagGroup?.size() ?? this.size());\n\n  protected _hostClasses = computed(() => this._getHostClasses([\n    this._parentOrSelfAppearance(),\n    this._parentOrSelfSize(),\n    this.variant(),\n  ]));\n\n  private get _hostType(): string | null {\n    return this._hostElement.tagName === 'BUTTON' ? 'button' : null;\n  }\n}\n","@if (_iconLeading()) {\n  <ng-content select=\"ids-icon[icon-leading]\" />\n}\n<span class=\"ids-tag-label\"><ng-content /></span>\n@if (_iconTrailing()) {\n  <ng-content select=\"ids-icon[icon-trailing]\" />\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["defaultConfig"],"mappings":"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"}

package/forms/components/form-field/form-field-control.d.ts

@@ -7,7 +7,7 @@ export declare abstract class IdsFormFieldControl {
     readonly successStateChanges: Observable<void>;
     readonly id: Signal<string>;
     readonly placeholder: Signal<string>;
-    readonly ngControl: NgControl | null;
+    readonly ngControl: Signal<NgControl | null>;
     readonly disabled: Signal<boolean>;
     readonly required: Signal<boolean>;
     readonly hasErrorState: Signal<boolean>;

package/forms/components/form-field/form-field.component.d.ts

@@ -1,9 +1,9 @@
 import { IdsFormFieldDefaultConfig } from './form-field-defaults';
 import { IdsFormFieldVariantType } from './types/form-field-variant.type';
-import { AfterContentInit, ElementRef } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { ComponentBaseWithDefaults, IdsSizeType } from '@i-cell/ids-angular/core';
 import * as i0 from "@angular/core";
-export declare class IdsFormFieldComponent extends ComponentBaseWithDefaults<IdsFormFieldDefaultConfig> implements AfterContentInit {
+export declare class IdsFormFieldComponent extends ComponentBaseWithDefaults<IdsFormFieldDefaultConfig> {
     protected get _hostName(): string;
     private readonly _changeDetectorRef;
     private readonly _parentFieldset;
@@ -16,24 +16,23 @@ export declare class IdsFormFieldComponent extends ComponentBaseWithDefaults<Ids
     private _actions;
     private _prefixes;
     private _suffixes;
-    hasActions: import("@angular/core").Signal<boolean>;
-    hasLeadingIcon: import("@angular/core").Signal<boolean>;
-    hasPrefix: import("@angular/core").Signal<boolean>;
-    hasSuffix: import("@angular/core").Signal<boolean>;
-    hasTrailingIcon: import("@angular/core").Signal<boolean>;
-    inputId: import("@angular/core").Signal<string | undefined>;
+    protected _hasActions: import("@angular/core").Signal<boolean>;
+    protected _hasLeadingIcon: import("@angular/core").Signal<boolean>;
+    protected _hasPrefix: import("@angular/core").Signal<boolean>;
+    protected _hasSuffix: import("@angular/core").Signal<boolean>;
+    protected _hasTrailingIcon: import("@angular/core").Signal<boolean>;
+    protected _inputId: import("@angular/core").Signal<string>;
     size: import("@angular/core").InputSignal<IdsSizeType>;
     variant: import("@angular/core").InputSignal<IdsFormFieldVariantType>;
     parentOrSelfSize: import("@angular/core").Signal<IdsSizeType>;
     parentOrSelfVariant: import("@angular/core").Signal<IdsFormFieldVariantType>;
-    control: import("@angular/core").Signal<import("@angular/forms").NgControl | null | undefined>;
-    disabled: import("@angular/core").Signal<boolean>;
+    controlDir: import("@angular/core").Signal<import("@angular/forms").NgControl | null>;
     private _hasErrorState;
+    disabled: import("@angular/core").Signal<boolean>;
     private _hasSuccessState;
     protected _hostClasses: import("@angular/core").Signal<string>;
-    displayedMessages: import("@angular/core").Signal<"error" | "success" | "hint" | undefined>;
-    ngAfterContentInit(): void;
-    get hasRequiredValidator(): boolean;
+    protected _displayedMessages: import("@angular/core").Signal<"error" | "success" | "hint" | undefined>;
+    hasRequiredValidator: import("@angular/core").Signal<boolean | undefined>;
     getConnectedOverlayOrigin(): ElementRef;
     containerClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IdsFormFieldComponent, never>;

package/forms/components/input/input.directive.d.ts

@@ -3,12 +3,12 @@ import { IdsInputType } from './types/input.type';
 import { AbstractErrorStateMatcher } from '../../common/error/error-state';
 import { AbstractSuccessStateMatcher } from '../../common/success/success-state';
 import { IdsFormFieldControl } from '../form-field/form-field-control';
-import { DoCheck, OnInit } from '@angular/core';
-import { NgControl } from '@angular/forms';
+import { AfterViewInit, OnInit } from '@angular/core';
+import { ControlEvent, NgControl } from '@angular/forms';
 import { ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';
 import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
-export declare class IdsInputDirective extends ComponentBaseWithDefaults<IdsInputDefaultConfig> implements IdsFormFieldControl, OnInit, DoCheck {
+export declare class IdsInputDirective extends ComponentBaseWithDefaults<IdsInputDefaultConfig> implements IdsFormFieldControl, OnInit, AfterViewInit {
     protected get _hostName(): string;
     private readonly _elementRef;
     private readonly _parentFormGroup;
@@ -16,7 +16,7 @@ export declare class IdsInputDirective extends ComponentBaseWithDefaults<IdsInpu
     protected readonly _defaultConfig: Required<IdsInputDefaultConfig>;
     readonly errorStateChanges: Subject<void>;
     readonly successStateChanges: Subject<void>;
-    readonly ngControl: NgControl;
+    readonly ngControl: import("@angular/core").WritableSignal<NgControl>;
     private _focused;
     private _errorStateTracker?;
     private _successStateTracker?;
@@ -26,12 +26,17 @@ export declare class IdsInputDirective extends ComponentBaseWithDefaults<IdsInpu
     type: import("@angular/core").InputSignal<IdsInputType>;
     required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    private _controlDisabled;
-    isDisabled: import("@angular/core").Signal<boolean>;
     canHandleSuccessState: import("@angular/core").InputSignal<boolean>;
     errorStateMatcher: import("@angular/core").InputSignal<AbstractErrorStateMatcher>;
     successStateMatcher: import("@angular/core").InputSignal<AbstractSuccessStateMatcher>;
+    /** Handles the `disabled` input binding */
+    disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Stores the `disabled` state internally */
+    private _disabled;
+    /** The input's `disabled` state as a read-only signal (to enable/disable the contol programmatically, use the FormControl's related API) */
+    disabled: import("@angular/core").Signal<boolean>;
+    /** This effect is triggered if the `disabled` attribute binding changes and delegates the change to the underlying FormControl */
+    private _disabledInputEffect;
     protected _hostClasses: import("@angular/core").Signal<string>;
     hasErrorState: import("@angular/core").WritableSignal<boolean>;
     hasSuccessState: import("@angular/core").WritableSignal<boolean>;
@@ -39,17 +44,17 @@ export declare class IdsInputDirective extends ComponentBaseWithDefaults<IdsInpu
     private _canHandleSuccessStateEffect;
     setDescribedByIds(ids: string[]): void;
     ngOnInit(): void;
+    ngAfterViewInit(): void;
     protected _initErrorStateTracker(): void;
     protected _setSuccessStateTracker(canHandleSuccessState: boolean): void;
-    ngDoCheck(): void;
     private _validateType;
     focus(options?: FocusOptions): void;
     private _focusChanged;
-    updateErrorAndSuccessState(): void;
+    updateControlState(event: ControlEvent): void;
     /**
      * Should be an arrow function in order to handle `this` outside of this class
      */
     onContainerClick: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IdsInputDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<IdsInputDirective, "input[idsInput][ngModel]:not([formControl]):not([formControlName]),             input[idsInput][formControl]:not([ngModel]):not([formControlName]),             input[idsInput][formControlName]:not([ngModel]):not([formControl]),             textarea[idsInput][ngModel]:not([formControl]):not([formControlName]),             textarea[idsInput][formControl]:not([ngModel]):not([formControlName]),             textarea[idsInput][formControlName]:not([ngModel]):not([formControl])", ["idsInput"], { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "canHandleSuccessState": { "alias": "canHandleSuccessState"; "required": false; "isSignal": true; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; "isSignal": true; }; "successStateMatcher": { "alias": "successStateMatcher"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IdsInputDirective, "input[idsInput][ngModel]:not([formControl]):not([formControlName]),             input[idsInput][formControl]:not([ngModel]):not([formControlName]),             input[idsInput][formControlName]:not([ngModel]):not([formControl]),             textarea[idsInput][ngModel]:not([formControl]):not([formControlName]),             textarea[idsInput][formControl]:not([ngModel]):not([formControlName]),             textarea[idsInput][formControlName]:not([ngModel]):not([formControl])", ["idsInput"], { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "canHandleSuccessState": { "alias": "canHandleSuccessState"; "required": false; "isSignal": true; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; "isSignal": true; }; "successStateMatcher": { "alias": "successStateMatcher"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/icon/icon-defaults.d.ts

@@ -6,6 +6,7 @@ export interface IdsIconDefaultConfig {
     sizeCollection?: IdsSizeCollectionType;
     variant?: IdsIconVariantType;
     iconAssetsPath: string;
+    fontNameMappings: Record<string, string>;
 }
 export declare const IDS_ICON_DEFAULT_CONFIG: InjectionToken<IdsIconDefaultConfig>;
 export declare function IDS_ICON_DEFAULT_CONFIG_FACTORY(): Required<IdsIconDefaultConfig>;

package/icon/icon.component.d.ts

@@ -18,6 +18,7 @@ export declare class IdsIconComponent extends ComponentBaseWithDefaults<IdsIconD
     svgIconName: import("@angular/core").InputSignalWithTransform<string | null, string>;
     ariaHidden: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     protected _svgIcon: SVGElement | null;
+    protected _safeFontIcon: import("@angular/core").Signal<string | null>;
     protected _iconSourceType: import("@angular/core").Signal<"svg" | "font">;
     private _parentOrSelfVariant;
     protected _hostClasses: import("@angular/core").Signal<string>;

package/icon-button/icon-button.component.d.ts

@@ -12,11 +12,11 @@ export declare class IdsIconButtonComponent extends ComponentBaseWithDefaults<Id
     size: import("@angular/core").InputSignal<IdsSizeType>;
     variant: import("@angular/core").InputSignal<IdsIconButtonVariantType>;
     disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    icons: import("@angular/core").Signal<readonly IdsIconComponent[]>;
+    protected _icons: import("@angular/core").Signal<readonly IdsIconComponent[]>;
     private _parentOrSelfAppearance;
     private _parentOrSelfVariant;
     private _parentOrSelfDisabled;
     protected _hostClasses: import("@angular/core").Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<IdsIconButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IdsIconButtonComponent, "button[idsIconButton]", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, ["icons"], ["ids-icon"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IdsIconButtonComponent, "button[idsIconButton]", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, ["_icons"], ["ids-icon"], true, never>;
 }

package/menu/menu-item/menu-item.component.d.ts

@@ -15,13 +15,13 @@ export declare class IdsMenuItemComponent extends ComponentBaseWithDefaults<IdsM
     size: import("@angular/core").InputSignal<IdsSizeType>;
     variant: import("@angular/core").InputSignal<IdsMenuItemVariantType>;
     disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    iconLeading: import("@angular/core").Signal<readonly IdsIconComponent[]>;
-    iconTrailing: import("@angular/core").Signal<readonly IdsIconComponent[]>;
+    protected _iconLeading: import("@angular/core").Signal<readonly IdsIconComponent[]>;
+    protected _iconTrailing: import("@angular/core").Signal<readonly IdsIconComponent[]>;
     protected _hostClasses: import("@angular/core").Signal<string>;
-    get buttonType(): string | null;
+    private get _buttonType();
     constructor();
     private _disableLink;
     private _enableLink;
     static ɵfac: i0.ɵɵFactoryDeclaration<IdsMenuItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IdsMenuItemComponent, "button[idsMenuItem],a[idsMenuItem]", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, ["iconLeading", "iconTrailing"], ["ids-icon[icon-leading]", "ids-icon[icon-trailing]"], true, [{ directive: typeof i1.CdkMenuItem; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IdsMenuItemComponent, "button[idsMenuItem],a[idsMenuItem]", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, ["_iconLeading", "_iconTrailing"], ["ids-icon[icon-leading]", "ids-icon[icon-trailing]"], true, [{ directive: typeof i1.CdkMenuItem; inputs: {}; outputs: {}; }]>;
 }

package/notification/notification.component.d.ts

@@ -23,7 +23,7 @@ export declare class IdsNotificationComponent extends ComponentBaseWithDefaults<
     disabled: import("@angular/core").WritableSignal<boolean>;
     protected _actionButtons: import("@angular/core").Signal<readonly IdsNotificationActionButtonDirective[]>;
     closed: import("@angular/core").OutputEmitterRef<void>;
-    role: import("@angular/core").Signal<"alert" | "status">;
+    private _role;
     protected _hostClasses: import("@angular/core").Signal<string>;
     protected _closeLabelButtonClass: import("@angular/core").Signal<"" | "ids-notification__label-button">;
     embeddedButtonVariant: import("@angular/core").Signal<IdsIconButtonVariantType>;