@i-cell/ids-angular 0.1.3 → 0.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@i-cell/ids-angular",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "private": false,
   "description": "i-Cell Design System UI Kit components for Angular",
   "publishConfig": {
@@ -31,7 +31,7 @@
     "@angular/forms": "^19.1.2",
     "@angular/platform-browser": "^19.1.2",
     "@angular/router": "^19.1.2",
-    "@i-cell/ids-styles": "0.0.32"
+    "@i-cell/ids-styles": "0.0.34"
   },
   "dependencies": {
     "tslib": "^2.3.0"
@@ -47,34 +47,26 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/i-cell-ids-angular.mjs"
     },
-    "./accordion": {
-      "types": "./accordion/index.d.ts",
-      "default": "./fesm2022/i-cell-ids-angular-accordion.mjs"
-    },
-    "./avatar": {
-      "types": "./avatar/index.d.ts",
-      "default": "./fesm2022/i-cell-ids-angular-avatar.mjs"
-    },
     "./card": {
       "types": "./card/index.d.ts",
       "default": "./fesm2022/i-cell-ids-angular-card.mjs"
     },
+    "./accordion": {
+      "types": "./accordion/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-accordion.mjs"
+    },
     "./button": {
       "types": "./button/index.d.ts",
       "default": "./fesm2022/i-cell-ids-angular-button.mjs"
     },
+    "./avatar": {
+      "types": "./avatar/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-avatar.mjs"
+    },
     "./core": {
       "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"
-    },
-    "./chip": {
-      "types": "./chip/index.d.ts",
-      "default": "./fesm2022/i-cell-ids-angular-chip.mjs"
-    },
     "./dialog": {
       "types": "./dialog/index.d.ts",
       "default": "./fesm2022/i-cell-ids-angular-dialog.mjs"
@@ -83,6 +75,14 @@
       "types": "./divider/index.d.ts",
       "default": "./fesm2022/i-cell-ids-angular-divider.mjs"
     },
+    "./chip": {
+      "types": "./chip/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-chip.mjs"
+    },
+    "./checkbox": {
+      "types": "./checkbox/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-checkbox.mjs"
+    },
     "./forms": {
       "types": "./forms/index.d.ts",
       "default": "./fesm2022/i-cell-ids-angular-forms.mjs"
@@ -95,61 +95,61 @@
       "types": "./icon-button/index.d.ts",
       "default": "./fesm2022/i-cell-ids-angular-icon-button.mjs"
     },
-    "./menu": {
-      "types": "./menu/index.d.ts",
-      "default": "./fesm2022/i-cell-ids-angular-menu.mjs"
-    },
     "./notification": {
       "types": "./notification/index.d.ts",
       "default": "./fesm2022/i-cell-ids-angular-notification.mjs"
     },
-    "./overlay-panel": {
-      "types": "./overlay-panel/index.d.ts",
-      "default": "./fesm2022/i-cell-ids-angular-overlay-panel.mjs"
+    "./menu": {
+      "types": "./menu/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-menu.mjs"
     },
     "./paginator": {
       "types": "./paginator/index.d.ts",
       "default": "./fesm2022/i-cell-ids-angular-paginator.mjs"
     },
-    "./radio": {
-      "types": "./radio/index.d.ts",
-      "default": "./fesm2022/i-cell-ids-angular-radio.mjs"
-    },
     "./segmented-control": {
       "types": "./segmented-control/index.d.ts",
       "default": "./fesm2022/i-cell-ids-angular-segmented-control.mjs"
     },
-    "./segmented-control-toggle": {
-      "types": "./segmented-control-toggle/index.d.ts",
-      "default": "./fesm2022/i-cell-ids-angular-segmented-control-toggle.mjs"
+    "./radio": {
+      "types": "./radio/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-radio.mjs"
+    },
+    "./overlay-panel": {
+      "types": "./overlay-panel/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-overlay-panel.mjs"
     },
     "./select": {
       "types": "./select/index.d.ts",
       "default": "./fesm2022/i-cell-ids-angular-select.mjs"
     },
-    "./snackbar": {
-      "types": "./snackbar/index.d.ts",
-      "default": "./fesm2022/i-cell-ids-angular-snackbar.mjs"
-    },
-    "./switch": {
-      "types": "./switch/index.d.ts",
-      "default": "./fesm2022/i-cell-ids-angular-switch.mjs"
+    "./segmented-control-toggle": {
+      "types": "./segmented-control-toggle/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-segmented-control-toggle.mjs"
     },
     "./tab": {
       "types": "./tab/index.d.ts",
       "default": "./fesm2022/i-cell-ids-angular-tab.mjs"
     },
+    "./snackbar": {
+      "types": "./snackbar/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-snackbar.mjs"
+    },
     "./table": {
       "types": "./table/index.d.ts",
       "default": "./fesm2022/i-cell-ids-angular-table.mjs"
     },
+    "./tooltip": {
+      "types": "./tooltip/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-tooltip.mjs"
+    },
     "./tag": {
       "types": "./tag/index.d.ts",
       "default": "./fesm2022/i-cell-ids-angular-tag.mjs"
     },
-    "./tooltip": {
-      "types": "./tooltip/index.d.ts",
-      "default": "./fesm2022/i-cell-ids-angular-tooltip.mjs"
+    "./switch": {
+      "types": "./switch/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-switch.mjs"
     }
   }
 }

package/paginator/paginator.component.d.ts

@@ -10,7 +10,7 @@ export declare class IdsPaginatorComponent extends ComponentBaseWithDefaults<Ids
     private readonly _hostElementRef;
     protected readonly _defaultConfig: Required<IdsPaginatorDefaultConfig>;
     private _pageEventDebouncer;
-    readonly intl: IdsPaginatorIntl;
+    protected readonly _intl: IdsPaginatorIntl;
     pageSize: import("@angular/core").InputSignalWithTransform<number, unknown>;
     pageSizeOptions: import("@angular/core").InputSignal<number[]>;
     showFirstLastButton: import("@angular/core").InputSignal<boolean>;
@@ -27,12 +27,12 @@ export declare class IdsPaginatorComponent extends ComponentBaseWithDefaults<Ids
     disabled: import("@angular/core").InputSignal<boolean>;
     compactLayout: import("@angular/core").InputSignal<boolean>;
     protected _hostClasses: import("@angular/core").Signal<string>;
-    pageButtonClasses: import("@angular/core").Signal<string>;
-    safePageSizeData: import("@angular/core").Signal<{
+    protected _pageButtonClasses: import("@angular/core").Signal<string>;
+    protected _safePageSizeData: import("@angular/core").Signal<{
         safePageSizeOptions: number[];
         safePageSize: number;
     }>;
-    pageButtonIdPrefix: import("@angular/core").Signal<string>;
+    protected _pageButtonIdPrefix: import("@angular/core").Signal<string>;
     /**
      * The index (0 based!) of the currently selected page.
      *
@@ -47,9 +47,9 @@ export declare class IdsPaginatorComponent extends ComponentBaseWithDefaults<Ids
     private _numberOfPages;
     private _hasPreviousPage;
     private _hasNextPage;
-    isPreviousButtonDisabled: import("@angular/core").Signal<boolean>;
-    isNextButtonDisabled: import("@angular/core").Signal<boolean>;
-    pageButtonLabels: import("@angular/core").Signal<string[]>;
+    protected _isPreviousButtonDisabled: import("@angular/core").Signal<boolean>;
+    protected _isNextButtonDisabled: import("@angular/core").Signal<boolean>;
+    protected _pageButtonLabels: import("@angular/core").Signal<string[]>;
     pageChanged: import("@angular/core").OutputEmitterRef<IdsPaginatorPageChangeEvent>;
     private _handleKeyDown;
     constructor();

package/radio/radio.component.d.ts

@@ -13,17 +13,17 @@ export declare class IdsRadioComponent extends ComponentBase implements OnInit {
     ariaDescribedBy: import("@angular/core").InputSignal<string>;
     tabIndex: import("@angular/core").InputSignalWithTransform<number, unknown>;
     disabled: import("@angular/core").InputSignal<boolean>;
-    isDisabled: import("@angular/core").Signal<boolean | undefined>;
-    name: import("@angular/core").Signal<string | undefined>;
-    required: import("@angular/core").Signal<boolean | undefined>;
-    ariaChecked: import("@angular/core").Signal<boolean>;
+    protected _isDisabled: import("@angular/core").Signal<boolean | undefined>;
+    protected _name: import("@angular/core").Signal<string | undefined>;
+    protected _required: import("@angular/core").Signal<boolean | undefined>;
+    protected _ariaChecked: import("@angular/core").Signal<boolean>;
     protected _hostClasses: import("@angular/core").Signal<string>;
     private _inputElement;
     readonly changes: import("@angular/core").OutputEmitterRef<IdsRadioChangeEvent>;
     ngOnInit(): void;
     onChange(): void;
-    touchTargetClick(): void;
-    innerCircleClick(): void;
+    protected _touchTargetClick(): void;
+    protected _innerCircleClick(): void;
     focus(options?: FocusOptions): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IdsRadioComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IdsRadioComponent, "ids-radio", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "changes": "changes"; }, never, ["*"], true, never>;

package/select/select.component.d.ts

@@ -1,15 +1,16 @@
 import { IdsSelectDefaultConfig } from './select-defaults';
 import { IdsSelectTriggerDirective } from './select-trigger.directive';
 import { CdkOverlayOrigin } from '@angular/cdk/overlay';
-import { ElementRef, OnInit, AfterContentInit, OnDestroy } from '@angular/core';
+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 * as i0 from "@angular/core";
-export declare class IdsSelectComponent extends ComponentBaseWithDefaults<IdsSelectDefaultConfig> implements IdsFormFieldControl, ControlValueAccessor, OnInit, AfterContentInit, OnDestroy {
+export declare class IdsSelectComponent extends ComponentBaseWithDefaults<IdsSelectDefaultConfig> implements IdsFormFieldControl, ControlValueAccessor, OnInit, AfterContentInit, AfterViewInit, OnDestroy {
     protected get _hostName(): string;
     protected readonly _defaultConfig: Required<IdsSelectDefaultConfig>;
+    private readonly _injector;
     private readonly _elementRef;
     private readonly _changeDetectorRef;
     private readonly _liveAnnouncer;
@@ -34,7 +35,15 @@ export declare class IdsSelectComponent extends ComponentBaseWithDefaults<IdsSel
     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>;
-    disabled: import("@angular/core").WritableSignal<boolean>;
+    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>;
@@ -51,7 +60,8 @@ export declare class IdsSelectComponent extends ComponentBaseWithDefaults<IdsSel
     protected _customTrigger: import("@angular/core").Signal<IdsSelectTriggerDirective | undefined>;
     private _errorStateTracker?;
     private _successStateTracker?;
-    ngControl: NgControl | null;
+    private _successStateSubscription?;
+    private _canHandleSuccessStateEffect;
     private _keyManager?;
     private _rawValue;
     private _selectionModel?;
@@ -63,9 +73,11 @@ export declare class IdsSelectComponent extends ComponentBaseWithDefaults<IdsSel
     constructor();
     ngOnInit(): void;
     ngAfterContentInit(): void;
+    ngAfterViewInit(): void;
+    updateErrorAndSuccessState(): void;
     ngOnDestroy(): void;
     private _initErrorStateTracker;
-    private _initSuccessStateTracker;
+    protected _setSuccessStateTracker(canHandleSuccessState: boolean): void;
     private _initKeyManager;
     private _subscribeOptionChanges;
     private _handleOptionChange;
@@ -83,7 +95,7 @@ export declare class IdsSelectComponent extends ComponentBaseWithDefaults<IdsSel
     writeValue(value: unknown | unknown[]): void;
     registerOnChange(fn: () => void): void;
     registerOnTouched(fn: () => unknown): void;
-    setDisabledState?(isDisabled: boolean): void;
+    setDisabledState(isDisabled: boolean): void;
     private _setSelectionByValue;
     private _selectValue;
     private _clearSelection;
@@ -98,5 +110,5 @@ export declare class IdsSelectComponent extends ComponentBaseWithDefaults<IdsSel
     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; }; }, {}, ["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; }; "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>;
 }

package/snackbar/snackbar.component.d.ts

@@ -6,18 +6,18 @@ import * as i0 from "@angular/core";
 export declare class IdsSnackbarComponent extends ComponentBase implements AfterViewInit, OnDestroy {
     protected get _hostName(): string;
     private _timer?;
-    readonly size: {
+    protected readonly _size: {
         readonly DENSE: "dense";
         readonly COMPACT: "compact";
         readonly COMFORTABLE: "comfortable";
         readonly SPACIOUS: "spacious";
     };
-    readonly iconButtonAppearance: {
+    protected readonly _iconButtonAppearance: {
         readonly FILLED: "filled";
         readonly OUTLINED: "outlined";
         readonly STANDARD: "standard";
     };
-    readonly buttonAppearance: {
+    protected readonly _buttonAppearance: {
         readonly FILLED: "filled";
         readonly OUTLINED: "outlined";
         readonly TEXT: "text";
@@ -34,8 +34,8 @@ export declare class IdsSnackbarComponent extends ComponentBase implements After
     private _canAutoClose;
     private _duration;
     protected _hostClasses: import("@angular/core").Signal<string>;
-    role: import("@angular/core").Signal<"alert" | "status">;
-    buttonVariant: import("@angular/core").Signal<"light" | "surface">;
+    private _role;
+    protected _buttonVariant: import("@angular/core").Signal<"light" | "surface">;
     private _defaultIcon;
     protected _safeIcon: import("@angular/core").Signal<string | null>;
     private _onMouseEnter;

package/switch/switch.component.d.ts

@@ -7,7 +7,7 @@ export declare class IdsSwitchComponent extends ComponentBaseWithDefaults<IdsSwi
     protected readonly _defaultConfig: Required<IdsSwitchDefaultConfig>;
     private _switchGroup;
     private _switchElement;
-    isChecked: import("@angular/core").WritableSignal<boolean>;
+    protected _isChecked: import("@angular/core").WritableSignal<boolean>;
     label: import("@angular/core").InputSignal<string | undefined>;
     name: import("@angular/core").InputSignal<string | null | undefined>;
     readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -17,7 +17,7 @@ export declare class IdsSwitchComponent extends ComponentBaseWithDefaults<IdsSwi
     hasIcon: import("@angular/core").InputSignal<boolean>;
     iconPosition: import("@angular/core").InputSignal<import("./types/switch-positions.type").IdsSwitchIconPositionType>;
     labelPosition: import("@angular/core").InputSignal<import("./types/switch-positions.type").IdsSwitchLabelPositionType>;
-    isDisabled: import("@angular/core").WritableSignal<boolean>;
+    protected _isDisabled: import("@angular/core").WritableSignal<boolean>;
     ariaLabel: import("@angular/core").InputSignal<string | null>;
     ariaLabelledBy: import("@angular/core").InputSignalWithTransform<string | null, string>;
     ariaDescribedBy: import("@angular/core").InputSignal<string | null>;
@@ -38,7 +38,7 @@ export declare class IdsSwitchComponent extends ComponentBaseWithDefaults<IdsSwi
     registerOnTouched(fn: () => unknown): void;
     setDisabledState?(isDisabled: boolean): void;
     toggle(): void;
-    handleClick(): void;
+    protected _handleClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IdsSwitchComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<IdsSwitchComponent, "ids-switch[ngModel]:not([formControl]):not([formControlName]),             ids-switch[formControl]:not([ngModel]):not([formControlName]),             ids-switch[formControlName]:not([ngModel]):not([formControl])", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "hasIcon": { "alias": "hasIcon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_disabled: unknown;

package/tab/tab-group.component.d.ts

@@ -19,9 +19,10 @@ export declare class IdsTabGroupComponent extends ComponentBaseWithDefaults<IdsT
     tabPosition: import("@angular/core").InputSignal<IdsTabGroupPositionType>;
     indicatorPosition: import("@angular/core").InputSignal<IdsTabIndicatorPositionType | undefined>;
     disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
-    selectedTabIndex: import("@angular/core").WritableSignal<number>;
+    protected _selectedTabIndex: import("@angular/core").WritableSignal<number>;
+    selectedTabIndex: import("@angular/core").Signal<number>;
     protected _hostClasses: import("@angular/core").Signal<string>;
-    calculatedIndicatorPosition: import("@angular/core").Signal<"bottom" | "left">;
+    private _calculatedIndicatorPosition;
     ngAfterContentInit(): void;
     selectTab(index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<IdsTabGroupComponent, never>;

package/tag/tag.component.d.ts

@@ -9,8 +9,8 @@ export declare class IdsTagComponent extends ComponentBaseWithDefaults<IdsTagDef
     private readonly _tagGroup;
     protected readonly _defaultConfig: Required<IdsTagDefaultConfig>;
     private _hostElement;
-    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[]>;
     appearance: import("@angular/core").InputSignal<IdsTagAppearanceType>;
     size: import("@angular/core").InputSignal<IdsSizeType>;
     variant: import("@angular/core").InputSignal<IdsTagVariantType>;
@@ -19,5 +19,5 @@ export declare class IdsTagComponent extends ComponentBaseWithDefaults<IdsTagDef
     protected _hostClasses: import("@angular/core").Signal<string>;
     private get _hostType();
     static ɵfac: i0.ɵɵFactoryDeclaration<IdsTagComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<IdsTagComponent, "ids-tag,a[idsTag]", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, ["iconLeading", "iconTrailing"], ["ids-icon[icon-leading]", "*", "ids-icon[icon-trailing]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IdsTagComponent, "ids-tag,a[idsTag]", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, ["_iconLeading", "_iconTrailing"], ["ids-icon[icon-leading]", "*", "ids-icon[icon-trailing]"], true, never>;
 }