@i-cell/ids-angular 0.1.7 → 0.1.9

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  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":";;;;;;;AAAa,MAAA,mBAAmB,GAAG;AACjC,IAAA,KAAK,EAAE,OAAO;AACd,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,GAAG,EAAE,KAAK;;;ACHC,MAAA,kBAAkB,GAAG;AAChC,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,OAAO,EAAE,SAAS;AAClB,IAAA,KAAK,EAAE,OAAO;;;ACHH,MAAA,uBAAuB,GAAG;AACrC,IAAA,GAAG,EAAE,KAAK;AACV,IAAA,MAAM,EAAE,QAAQ;AAChB,IAAA,IAAI,EAAE,MAAM;AACZ,IAAA,KAAK,EAAE,OAAO;;;MCYH,4BAA4B,GAAG,IAAI,cAAc,CAC5D,8BAA8B,EAC9B;AACE,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,OAAO,EAAE,oCAAoC;AAC9C,CAAA;SAGa,oCAAoC,GAAA;IAClD,OAAO;QACL,IAAI,EAAE,OAAO,CAAC,OAAO;QACrB,OAAO,EAAE,kBAAkB,CAAC,OAAO;QACnC,WAAW,EAAE,cAAc,CAAC,UAAU;AACtC,QAAA,WAAW,EAAE,IAAI;QACjB,WAAW,EAAE,mBAAmB,CAAC,KAAK;QACtC,iBAAiB,EAAE,uBAAuB,CAAC,MAAM;KAClD;AACH;;ACrBM,MAAO,eAAgB,SAAQ,aAAa,CAAA;AAPlD,IAAA,WAAA,GAAA;;QAYU,IAAS,CAAA,SAAA,GAAG,MAAM,CAAC,oBAAoB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QAE7D,IAAK,CAAA,KAAA,GAAG,KAAK,EAAU;AACvB,QAAA,IAAA,CAAA,QAAQ,GAAG,KAAK,CAAU,KAAK,CAAC;QAChC,IAAW,CAAA,WAAA,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;QAC7D,IAAY,CAAA,YAAA,GAAG,KAAK,CAAC,EAAE,EAAE,EAAE,SAAS,EAAE,qBAAqB,EAAE,CAAC;AAC9D,QAAA,IAAA,CAAA,OAAO,GAAG,SAAS,CAAC,QAAQ,CAAuB,WAAW,CAAC;AAC/D,QAAA,IAAA,CAAA,OAAO,GAAG,CAAG,EAAA,IAAI,CAAC,EAAE,EAAE,QAAQ;AAE9B,QAAA,IAAA,CAAA,oBAAoB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,QAAQ,EAAE,CAAC;QAEhF,IAAY,CAAA,YAAA,GAAG,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,EAAE,CAAC,CAAC;QAElD,IAAc,CAAA,cAAA,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,eAAe,CACzD,CAAC,IAAI,CAAC,oBAAoB,EAAE,GAAG,UAAU,GAAG,IAAI,CAAC,CAClD,CAAC;AACH;AApBC,IAAA,IAAuB,SAAS,GAAA;AAC9B,QAAA,OAAO,KAAK;;;8GAFH,eAAe,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,YAAA,EAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,UAAA,EAAA,cAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,SAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAWgC,WAAW,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECvBvE,mJAKA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FDOa,eAAe,EAAA,UAAA,EAAA,CAAA;kBAP3B,SAAS;+BACE,SAAS,EAAA,OAAA,EACV,EAAE,EAEI,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,eAAA,EACpB,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,mJAAA,EAAA;;;AECjD,MAAM,aAAa,GAAG,oCAAoC,EAAE;AAYtD,MAAO,oBAAqB,SAAQ,yBAAmD,CAAA;AAV7F,IAAA,WAAA,GAAA;;QAeqB,IAAc,CAAA,cAAA,GAAG,IAAI,CAAC,iBAAiB,CAAC,aAAa,EAAE,4BAA4B,CAAC;AAE7F,QAAA,IAAA,CAAA,MAAM,GAAG,eAAe,CAAkB,eAAe,CAAC;AAC5D,QAAA,IAAA,CAAA,aAAa,GAAG,SAAS,CAAC,QAAQ,CAAkB,eAAe,CAAC;AACpE,QAAA,IAAA,CAAA,iBAAiB,GAAG,MAAM,CAAC,gBAAgB,CAAC;QAE7C,IAAI,CAAA,IAAA,GAAG,KAAK,CAAc,IAAI,CAAC,cAAc,CAAC,IAAI,CAAC;QACnD,IAAO,CAAA,OAAA,GAAG,KAAK,CAAyB,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC;QACpE,IAAW,CAAA,WAAA,GAAG,KAAK,CAAqB,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC;AACxE,QAAA,IAAA,CAAA,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAAC;QAC3F,IAAW,CAAA,WAAA,GAAG,KAAK,CAA0B,IAAI,CAAC,cAAc,CAAC,WAAW,CAAC;QAC7E,IAAiB,CAAA,iBAAA,GAAG,KAAK,EAA+B;QACxD,IAAQ,CAAA,QAAA,GAAG,KAAK,CAAC,KAAK,EAAE,EAAE,SAAS,EAAE,sBAAsB,EAAE,CAAC;AAE3D,QAAA,IAAA,CAAA,iBAAiB,GAAG,MAAM,CAAS,CAAC,CAAC;AACxC,QAAA,IAAA,CAAA,gBAAgB,GAAG,IAAI,CAAC,iBAAiB,CAAC,UAAU,EAAE;QAEnD,IAAY,CAAA,YAAA,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,eAAe,CAAC;YAC3D,IAAI,CAAC,IAAI,EAAE;YACX,IAAI,CAAC,OAAO,EAAE;YACd,IAAI,CAAC,WAAW,EAAE;YAClB,IAAI,CAAC,QAAQ,EAAE,GAAG,UAAU,GAAG,IAAI;AACnC,YAAA,IAAI,CAAC,WAAW,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,KAAK,cAAc,CAAC,UAAU,GAAG,cAAc,GAAG,IAAI;AAC9F,YAAA,IAAI,CAAC,WAAW,EAAE,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE,GAAG,IAAI;YACrE,CAAa,UAAA,EAAA,IAAI,CAAC,iBAAiB,EAAE,IAAI,IAAI,CAAC,4BAA4B,EAAE,CAAE,CAAA;AAC/E,SAAA,CAAC,CAAC;AAEK,QAAA,IAAA,CAAA,4BAA4B,GAAG,QAAQ,CAAC,OAC7C,IAAI,CAAC,WAAW,EAAE,KAAK,cAAc,CAAC,UAAU,GAAG,uBAAuB,CAAC,MAAM,GAAG,uBAAuB,CAAC,IAAI,CAAC,CACnH;AAoCF;AArEC,IAAA,IAAuB,SAAS,GAAA;AAC9B,QAAA,OAAO,WAAW;;IAkCb,kBAAkB,GAAA;AACvB,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,MAAM,EAAE;AAC3B,QAAA,MAAM,WAAW,GAAG,IAAI,CAAC,WAAW,EAAE;AACtC,QAAA,MAAM,iBAAiB,GAAG,IAAI,CAAC,iBAAiB,EAAE;QAClD,MAAM,YAAY,GAAG,CAAC;QAEtB,IAAI,SAAS,EAAE,KAAK,KAAK,CAAC,MAAM,GAAG,YAAY,CAAC,EAAE;YAChD,MAAM,IAAI,CAAC,gBAAgB,CAAC,qDAAqD,YAAY,CAAA,CAAA,CAAG,CAAC;;QAGnG,IAAI,SAAS,EAAE,KAAK,WAAW,KAAK,cAAc,CAAC,UAAU;AAC3D,aAAC,iBAAiB,KAAK,iBAAiB,KAAK,uBAAuB,CAAC,IAAI,IAAI,iBAAiB,KAAK,uBAAuB,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YACrI,MAAM,IAAI,CAAC,gBAAgB,CAAC,eAAe,iBAAiB,CAAA,wCAAA,CAA0C,CAAC;;QAGzG,IAAI,SAAS,EAAE,KAAK,WAAW,KAAK,cAAc,CAAC,QAAQ;AACzD,aAAC,iBAAiB,KAAK,iBAAiB,KAAK,uBAAuB,CAAC,MAAM,IAAI,iBAAiB,KAAK,uBAAuB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YACrI,MAAM,IAAI,CAAC,gBAAgB,CAAC,eAAe,iBAAiB,CAAA,sCAAA,CAAwC,CAAC;;AAGvG,QAAA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC;;AAGZ,IAAA,SAAS,CAAC,KAAa,EAAA;AAC5B,QAAA,IAAI,CAAC,iBAAiB,CAAC,GAAG,CAAC,KAAK,CAAC;QACjC,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,EAAE,CAAC,EAAE,CAAC,KAAK,CAAC;AAC5C,QAAA,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,YAAa,CAAC,OAAO,EAAE,EAAE,IAAI,CAAC,iBAAiB,CAAC;QAE1F,IAAI,IAAI,CAAC,aAAa,EAAE,CAAC,WAAW,EAAE,EAAE;AACtC,YAAA,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,EAAE;;QAG/B,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,CAAC,cAAc,CAAC;;8GApElC,oBAAoB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAApB,oBAAoB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,EAAA,iBAAA,EAAA,mBAAA,EAAA,UAAA,EAAA,mBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,QAAA,EAAA,SAAA,EAOqB,eAAe,EACP,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,YAAA,EAAA,eAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAAA,eAAe,uFC/B7E,2jCA6BA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EDbI,YAAY,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EACZ,gBAAgB,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,gBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,aAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;;2FAMP,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAVhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,EAChB,OAAA,EAAA;wBACP,YAAY;wBACZ,gBAAgB;AACjB,qBAAA,EAAA,aAAA,EAEc,iBAAiB,CAAC,IAAI,EACpB,eAAA,EAAA,uBAAuB,CAAC,MAAM,EAAA,QAAA,EAAA,2jCAAA,EAAA;;;AErBjD;;AAEG;;;;"}
+{"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 = computed<string>(() => `${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        [id]=\"item.id()\"\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/forms/components/form-field/form-field-control.d.ts

@@ -1,21 +1,45 @@
-import { Signal } from '@angular/core';
-import { NgControl } from '@angular/forms';
-import { Observable } from 'rxjs';
+import { AbstractErrorStateMatcher, ErrorStateTracker } from '../../common/error/error-state';
+import { AbstractSuccessStateMatcher, SuccessStateTracker } from '../../common/success/success-state';
+import { ElementRef, Injector, OnInit, Signal } from '@angular/core';
+import { FormGroupDirective, NgControl, NgForm } from '@angular/forms';
+import { ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
 export declare const formFieldControlClass = "ids-form-field-control";
-export declare abstract class IdsFormFieldControl {
-    readonly errorStateChanges: Observable<void>;
-    readonly successStateChanges: Observable<void>;
-    readonly id: Signal<string>;
-    readonly placeholder: Signal<string>;
-    readonly ngControl: Signal<NgControl | null>;
+export declare abstract class IdsFormFieldControl<D = unknown> extends ComponentBaseWithDefaults<D> implements OnInit {
+    protected readonly _injector: Injector;
+    protected readonly _parentForm: NgForm | null;
+    protected readonly _parentFormGroup: FormGroupDirective | null;
+    readonly ngControl: import("@angular/core").WritableSignal<NgControl | null>;
+    readonly errorStateChanges: Subject<void>;
+    readonly successStateChanges: Subject<void>;
+    readonly canHandleSuccessState: import("@angular/core").InputSignal<boolean>;
+    readonly hasErrorState: import("@angular/core").WritableSignal<boolean>;
+    readonly hasSuccessState: import("@angular/core").WritableSignal<boolean>;
+    protected abstract readonly _elementRef: ElementRef;
+    abstract readonly errorStateMatcher: Signal<AbstractErrorStateMatcher>;
+    abstract readonly successStateMatcher: Signal<AbstractSuccessStateMatcher>;
+    private _canHandleSuccessStateEffect;
+    /** Handles the `disabled` input binding */
+    readonly disabledInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** Stores the `disabled` state internally */
+    protected readonly _disabled: import("@angular/core").WritableSignal<boolean>;
+    /** The input's `disabled` state as a read-only signal (to enable/disable the contol programmatically, use the FormControl's related API) */
     readonly disabled: Signal<boolean>;
-    readonly required: Signal<boolean>;
-    readonly hasErrorState: Signal<boolean>;
-    readonly hasSuccessState: Signal<boolean>;
-    readonly controlType?: Signal<string>;
-    readonly autofilled?: Signal<boolean>;
-    readonly userAriaDescribedBy?: Signal<string>;
-    readonly disableAutomaticLabeling?: Signal<boolean>;
-    abstract setDescribedByIds(ids: string[]): void;
+    readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    /** This effect is triggered if the `disabled` attribute binding changes and delegates the change to the underlying FormControl */
+    private _disabledInputEffect;
+    readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    readonly placeholder: import("@angular/core").InputSignal<string>;
     abstract onContainerClick(event: MouseEvent): void;
+    protected _errorStateTracker?: ErrorStateTracker;
+    protected _successStateTracker?: SuccessStateTracker;
+    private _successStateSubscription?;
+    constructor();
+    ngOnInit(): void;
+    setDescribedByIds(ids: string[]): void;
+    protected _initErrorStateTracker(): void;
+    protected _setSuccessStateTracker(canHandleSuccessState: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IdsFormFieldControl<any>, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IdsFormFieldControl<any>, never, never, { "canHandleSuccessState": { "alias": "canHandleSuccessState"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

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

@@ -27,8 +27,9 @@ export declare class IdsFormFieldComponent extends ComponentBaseWithDefaults<Ids
     parentOrSelfSize: import("@angular/core").Signal<IdsSizeType>;
     parentOrSelfVariant: import("@angular/core").Signal<IdsFormFieldVariantType>;
     controlDir: import("@angular/core").Signal<import("@angular/forms").NgControl | null>;
-    private _hasErrorState;
     disabled: import("@angular/core").Signal<boolean>;
+    readonly: import("@angular/core").Signal<boolean>;
+    private _hasErrorState;
     private _hasSuccessState;
     protected _hostClasses: import("@angular/core").Signal<string>;
     protected _displayedMessages: import("@angular/core").Signal<"error" | "success" | "hint" | undefined>;

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

@@ -1,3 +1,3 @@
 import { IdsFormFieldControl } from '../form-field-control';
 import { InjectionToken } from '@angular/core';
-export declare const IDS_FORM_FIELD_CONTROL: InjectionToken<IdsFormFieldControl>;
+export declare const IDS_FORM_FIELD_CONTROL: InjectionToken<IdsFormFieldControl<unknown>>;

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

@@ -3,50 +3,21 @@ 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 { AfterViewInit, OnInit } from '@angular/core';
-import { ControlEvent, NgControl } from '@angular/forms';
-import { ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';
-import { Subject } from 'rxjs';
+import { AfterViewInit, ElementRef, OnInit } from '@angular/core';
+import { ControlEvent } from '@angular/forms';
 import * as i0 from "@angular/core";
-export declare class IdsInputDirective extends ComponentBaseWithDefaults<IdsInputDefaultConfig> implements IdsFormFieldControl, OnInit, AfterViewInit {
+export declare class IdsInputDirective extends IdsFormFieldControl<IdsInputDefaultConfig> implements OnInit, AfterViewInit {
     protected get _hostName(): string;
-    private readonly _elementRef;
-    private readonly _parentFormGroup;
-    private readonly _parentForm;
+    protected readonly _elementRef: ElementRef<HTMLInputElement> | ElementRef<HTMLTextAreaElement>;
     protected readonly _defaultConfig: Required<IdsInputDefaultConfig>;
-    readonly errorStateChanges: Subject<void>;
-    readonly successStateChanges: Subject<void>;
-    readonly ngControl: import("@angular/core").WritableSignal<NgControl>;
     private _focused;
-    private _errorStateTracker?;
-    private _successStateTracker?;
-    private _successStateSubscription?;
-    placeholder: import("@angular/core").InputSignal<string>;
     name: import("@angular/core").InputSignal<string | undefined>;
     type: import("@angular/core").InputSignal<IdsInputType>;
-    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    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;
+    readonly errorStateMatcher: import("@angular/core").InputSignal<AbstractErrorStateMatcher>;
+    readonly successStateMatcher: import("@angular/core").InputSignal<AbstractSuccessStateMatcher>;
     protected _hostClasses: import("@angular/core").Signal<string>;
-    hasErrorState: import("@angular/core").WritableSignal<boolean>;
-    hasSuccessState: import("@angular/core").WritableSignal<boolean>;
     private _validateTypeEffect;
-    private _canHandleSuccessStateEffect;
-    setDescribedByIds(ids: string[]): void;
-    ngOnInit(): void;
     ngAfterViewInit(): void;
-    protected _initErrorStateTracker(): void;
-    protected _setSuccessStateTracker(canHandleSuccessState: boolean): void;
     private _validateType;
     focus(options?: FocusOptions): void;
     private _focusChanged;
@@ -56,5 +27,5 @@ export declare class IdsInputDirective extends ComponentBaseWithDefaults<IdsInpu
      */
     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; }; "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>;
+    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"], { "name": { "alias": "name"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; "isSignal": true; }; "successStateMatcher": { "alias": "successStateMatcher"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@i-cell/ids-angular",
-  "version": "0.1.7",
+  "version": "0.1.9",
   "private": false,
   "description": "i-Cell Design System UI Kit components for Angular",
   "publishConfig": {
@@ -16,7 +16,8 @@
     "Bátori László",
     "Nagy Gábor",
     "Onofer Dávid",
-    "Soós Árpád"
+    "Soós Árpád",
+    "Vidóczi Péter"
   ],
   "license": "MIT",
   "bugs": {
@@ -31,7 +32,7 @@
     "@angular/forms": "^19.1.2",
     "@angular/platform-browser": "^19.1.2",
     "@angular/router": "^19.1.2",
-    "@i-cell/ids-styles": "0.0.34"
+    "@i-cell/ids-styles": "^0.0.40"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -55,13 +56,21 @@
       "types": "./avatar/index.d.ts",
       "default": "./fesm2022/i-cell-ids-angular-avatar.mjs"
     },
+    "./button": {
+      "types": "./button/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-button.mjs"
+    },
+    "./badge": {
+      "types": "./badge/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-badge.mjs"
+    },
     "./card": {
       "types": "./card/index.d.ts",
       "default": "./fesm2022/i-cell-ids-angular-card.mjs"
     },
-    "./button": {
-      "types": "./button/index.d.ts",
-      "default": "./fesm2022/i-cell-ids-angular-button.mjs"
+    "./checkbox": {
+      "types": "./checkbox/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-checkbox.mjs"
     },
     "./chip": {
       "types": "./chip/index.d.ts",
@@ -71,9 +80,9 @@
       "types": "./core/index.d.ts",
       "default": "./fesm2022/i-cell-ids-angular-core.mjs"
     },
-    "./checkbox": {
-      "types": "./checkbox/index.d.ts",
-      "default": "./fesm2022/i-cell-ids-angular-checkbox.mjs"
+    "./datepicker": {
+      "types": "./datepicker/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-datepicker.mjs"
     },
     "./dialog": {
       "types": "./dialog/index.d.ts",

package/select/select.component.d.ts

@@ -1,52 +1,30 @@
 import { IdsSelectDefaultConfig } from './select-defaults';
 import { IdsSelectTriggerDirective } from './select-trigger.directive';
 import { CdkOverlayOrigin } from '@angular/cdk/overlay';
-import { ElementRef, OnInit, AfterContentInit, OnDestroy, AfterViewInit } from '@angular/core';
-import { ControlValueAccessor, NgControl } from '@angular/forms';
-import { ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';
-import { IdsFormFieldControl, IdsOptionComponent, IdsOptionGroupComponent, AbstractSuccessStateMatcher, AbstractErrorStateMatcher } from '@i-cell/ids-angular/forms';
-import { Subject } from 'rxjs';
+import { AfterContentInit, AfterViewInit, ElementRef, OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { AbstractErrorStateMatcher, AbstractSuccessStateMatcher, IdsFormFieldControl, IdsOptionComponent, IdsOptionGroupComponent } from '@i-cell/ids-angular/forms';
 import * as i0 from "@angular/core";
-export declare class IdsSelectComponent extends ComponentBaseWithDefaults<IdsSelectDefaultConfig> implements IdsFormFieldControl, ControlValueAccessor, OnInit, AfterContentInit, AfterViewInit, OnDestroy {
+export declare class IdsSelectComponent extends IdsFormFieldControl<IdsSelectDefaultConfig> implements ControlValueAccessor, OnInit, AfterContentInit, AfterViewInit, OnDestroy {
     protected get _hostName(): string;
     protected readonly _defaultConfig: Required<IdsSelectDefaultConfig>;
-    private readonly _injector;
-    private readonly _elementRef;
+    protected readonly _elementRef: ElementRef<any>;
     private readonly _changeDetectorRef;
     private readonly _liveAnnouncer;
     private readonly _parentFormField;
-    private readonly _parentForm;
-    private readonly _parentFormGroup;
     protected readonly _connectedPositions: import("@angular/cdk/overlay").ConnectedPosition[];
-    readonly errorStateChanges: Subject<void>;
-    readonly successStateChanges: Subject<void>;
     protected _preferredOverlayOrigin: CdkOverlayOrigin | ElementRef | undefined;
     protected _overlayWidth: string | number;
     multiSelect: import("@angular/core").InputSignal<boolean>;
-    placeholder: import("@angular/core").InputSignal<string>;
-    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    canHandleSuccessState: import("@angular/core").InputSignal<boolean>;
-    errorStateMatcher: import("@angular/core").InputSignal<AbstractErrorStateMatcher>;
-    successStateMatcher: import("@angular/core").InputSignal<AbstractSuccessStateMatcher>;
+    readonly errorStateMatcher: import("@angular/core").InputSignal<AbstractErrorStateMatcher>;
+    readonly successStateMatcher: import("@angular/core").InputSignal<AbstractSuccessStateMatcher>;
     ariaLabel: import("@angular/core").InputSignal<string>;
     ariaLabelledby: import("@angular/core").InputSignal<string>;
     valueCompareFn: import("@angular/core").InputSignal<(o1: unknown, o2: unknown) => boolean>;
     sortCompareFn: import("@angular/core").InputSignal<((a: IdsOptionComponent, b: IdsOptionComponent, options: Readonly<IdsOptionComponent[]>) => number) | undefined>;
     tabIndex: import("@angular/core").InputSignalWithTransform<number, unknown>;
     typeaheadDebounceInterval: import("@angular/core").InputSignalWithTransform<number, unknown>;
-    ngControl: import("@angular/core").WritableSignal<NgControl | null>;
-    /** 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;
     isPanelOpen: import("@angular/core").WritableSignal<boolean>;
-    hasErrorState: import("@angular/core").WritableSignal<boolean>;
-    hasSuccessState: import("@angular/core").WritableSignal<boolean>;
     parentSize: import("@angular/core").Signal<import("@i-cell/ids-angular").IdsSizeType>;
     parentVariant: import("@angular/core").Signal<import("@i-cell/ids-angular").IdsFormFieldVariantType>;
     private _focused;
@@ -58,10 +36,6 @@ export declare class IdsSelectComponent extends ComponentBaseWithDefaults<IdsSel
     options: import("@angular/core").Signal<readonly IdsOptionComponent<unknown>[]>;
     optionGroups: import("@angular/core").Signal<readonly IdsOptionGroupComponent[]>;
     protected _customTrigger: import("@angular/core").Signal<IdsSelectTriggerDirective | undefined>;
-    private _errorStateTracker?;
-    private _successStateTracker?;
-    private _successStateSubscription?;
-    private _canHandleSuccessStateEffect;
     private _keyManager?;
     private _rawValue;
     private _selectionModel?;
@@ -76,8 +50,6 @@ export declare class IdsSelectComponent extends ComponentBaseWithDefaults<IdsSel
     ngAfterViewInit(): void;
     updateErrorAndSuccessState(): void;
     ngOnDestroy(): void;
-    private _initErrorStateTracker;
-    protected _setSuccessStateTracker(canHandleSuccessState: boolean): void;
     private _initKeyManager;
     private _subscribeOptionChanges;
     private _handleOptionChange;
@@ -103,12 +75,11 @@ export declare class IdsSelectComponent extends ComponentBaseWithDefaults<IdsSel
     private _skipPredicate;
     private _highlightCorrectOption;
     isOptionPreSelectedByValue(optionValue: unknown): boolean;
-    setDescribedByIds(ids: string[]): void;
     private _onFocus;
     private _onBlur;
     private _getAriaActiveDescendant;
     focus(options?: FocusOptions): void;
     onContainerClick: () => void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IdsSelectComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IdsSelectComponent, "ids-select[ngModel]:not([formControl]):not([formControlName]),              ids-select[formControl]:not([ngModel]):not([formControlName]),              ids-select[formControlName]:not([ngModel]):not([formControl])", never, { "multiSelect": { "alias": "multiSelect"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "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; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "valueCompareFn": { "alias": "valueCompareFn"; "required": false; "isSignal": true; }; "sortCompareFn": { "alias": "sortCompareFn"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "typeaheadDebounceInterval": { "alias": "typeaheadDebounceInterval"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, ["options", "optionGroups", "_customTrigger"], ["ids-select-trigger", "*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IdsSelectComponent, "ids-select[ngModel]:not([formControl]):not([formControlName]),              ids-select[formControl]:not([ngModel]):not([formControlName]),              ids-select[formControlName]:not([ngModel]):not([formControl])", never, { "multiSelect": { "alias": "multiSelect"; "required": false; "isSignal": true; }; "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; "isSignal": true; }; "successStateMatcher": { "alias": "successStateMatcher"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "valueCompareFn": { "alias": "valueCompareFn"; "required": false; "isSignal": true; }; "sortCompareFn": { "alias": "sortCompareFn"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "typeaheadDebounceInterval": { "alias": "typeaheadDebounceInterval"; "required": false; "isSignal": true; }; }, {}, ["options", "optionGroups", "_customTrigger"], ["ids-select-trigger", "*"], true, never>;
 }

package/tab/tab.component.d.ts

@@ -9,7 +9,7 @@ export declare class IdsTabComponent extends ComponentBase {
     leadingIcon: import("@angular/core").InputSignalWithTransform<string, unknown>;
     trailingIcon: import("@angular/core").InputSignalWithTransform<string, unknown>;
     content: import("@angular/core").Signal<TemplateRef<unknown>>;
-    panelId: string;
+    panelId: import("@angular/core").Signal<string>;
     parentOrSelfDisabled: import("@angular/core").Signal<boolean>;
     protected _hostClasses: import("@angular/core").WritableSignal<string>;
     hostTabClasses: import("@angular/core").Signal<string>;

package/core/utils/even-odd.d.ts

@@ -1,2 +0,0 @@
-export declare function isNumberEven(val: number): boolean;
-export declare function isNumberOdd(val: number): boolean;