@i-cell/ids-angular 0.1.0

package/package.json

@@ -0,0 +1,153 @@
+{
+  "name": "@i-cell/ids-angular",
+  "version": "0.1.0",
+  "private": false,
+  "description": "i-Cell Design System UI Kit components for Angular",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/",
+    "access": "public"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/i-Cell-Mobilsoft-Open-Source/ids-angular.git"
+  },
+  "contributors": [
+    "Barsi Balázs",
+    "Bátori László",
+    "Nagy Gábor",
+    "Soós Árpád"
+  ],
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/i-Cell-Mobilsoft-Open-Source/ids-angular/issues"
+  },
+  "homepage": "https://github.com/i-Cell-Mobilsoft-Open-Source/ids-angular#readme",
+  "peerDependencies": {
+    "@angular/animations": "^19.1.2",
+    "@angular/cdk": "^19.1.0",
+    "@angular/common": "^19.1.2",
+    "@angular/core": "^19.1.2",
+    "@angular/forms": "^19.1.2",
+    "@angular/platform-browser": "^19.1.2",
+    "@angular/router": "^19.1.2"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/i-cell-ids-angular.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "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"
+    },
+    "./card": {
+      "types": "./card/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-card.mjs"
+    },
+    "./avatar": {
+      "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"
+    },
+    "./chip": {
+      "types": "./chip/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-chip.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"
+    },
+    "./dialog": {
+      "types": "./dialog/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-dialog.mjs"
+    },
+    "./divider": {
+      "types": "./divider/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-divider.mjs"
+    },
+    "./forms": {
+      "types": "./forms/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-forms.mjs"
+    },
+    "./icon": {
+      "types": "./icon/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-icon.mjs"
+    },
+    "./icon-button": {
+      "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"
+    },
+    "./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"
+    },
+    "./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"
+    },
+    "./tab": {
+      "types": "./tab/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-tab.mjs"
+    },
+    "./table": {
+      "types": "./table/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-table.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"
+    }
+  }
+}

package/paginator/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@i-cell/ids-angular/paginator" />
+export * from './public-api';

package/paginator/paginator-defaults.d.ts

@@ -0,0 +1,22 @@
+import { IdsPaginatorPageButtonAppearanceType } from './types/paginator-appearance.type';
+import { IdsPaginatorVariantType } from './types/paginator-variant.type';
+import { InjectionToken } from '@angular/core';
+import { IdsSizeType } from '@i-cell/ids-angular/core';
+export declare const DEFAULT_PAGE_SIZE = 10;
+export declare const MAX_DISPLAYED_ITEM_COUNT = 7;
+export interface IdsPaginatorDefaultConfig {
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    showFirstLastButton?: boolean;
+    showPrevNextLabel?: boolean;
+    showPageInfo?: boolean;
+    showPageButtons?: boolean;
+    showAllPages?: boolean;
+    maxDisplayedItemCount?: number;
+    size?: IdsSizeType;
+    variant?: IdsPaginatorVariantType;
+    pageButtonAppearance?: IdsPaginatorPageButtonAppearanceType;
+    debounceTime: number;
+}
+export declare const IDS_PAGINATOR_DEFAULT_CONFIG: InjectionToken<IdsPaginatorDefaultConfig>;
+export declare function IDS_PAGINATOR_DEFAULT_CONFIG_FACTORY(): Required<IdsPaginatorDefaultConfig>;

package/paginator/paginator-intl.d.ts

@@ -0,0 +1,24 @@
+import { Optional } from '@angular/core';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class IdsPaginatorIntl {
+    readonly changes: Subject<void>;
+    nextPageLabel: string;
+    previousPageLabel: string;
+    nextPageAriaLabel: string;
+    previousPageAriaLabel: string;
+    firstPageAriaLabel: string;
+    lastPageAriaLabel: string;
+    getPageAriaLabel: (page: string) => string;
+    getRangeLabel: (page: number, pageSize: number, length: number) => string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IdsPaginatorIntl, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IdsPaginatorIntl>;
+}
+/** @docs-private */
+export declare function IDS_PAGINATOR_INTL_PROVIDER_FACTORY(parentIntl?: IdsPaginatorIntl): IdsPaginatorIntl;
+/** @docs-private */
+export declare const IDS_PAGINATOR_INTL_PROVIDER: {
+    provide: typeof IdsPaginatorIntl;
+    deps: Optional[][];
+    useFactory: typeof IDS_PAGINATOR_INTL_PROVIDER_FACTORY;
+};

package/paginator/paginator.component.d.ts

@@ -0,0 +1,67 @@
+import { IdsPaginatorDefaultConfig } from './paginator-defaults';
+import { IdsPaginatorIntl } from './paginator-intl';
+import { IdsPaginatorPageChangeEvent } from './types/paginator-events.class';
+import { IdsPaginatorVariantType } from './types/paginator-variant.type';
+import { IdsSizeType, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';
+import * as i0 from "@angular/core";
+export declare class IdsPaginatorComponent extends ComponentBaseWithDefaults<IdsPaginatorDefaultConfig> {
+    protected get _hostName(): string;
+    private readonly _changeDetectorRef;
+    private readonly _hostElementRef;
+    protected readonly _defaultConfig: Required<IdsPaginatorDefaultConfig>;
+    private _pageEventDebouncer;
+    readonly intl: IdsPaginatorIntl;
+    pageSize: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    pageSizeOptions: import("@angular/core").InputSignal<number[]>;
+    showFirstLastButton: import("@angular/core").InputSignal<boolean>;
+    showPrevNextLabel: import("@angular/core").InputSignal<boolean>;
+    showPageInfo: import("@angular/core").InputSignal<boolean>;
+    showPageButtons: import("@angular/core").InputSignal<boolean>;
+    showAllPages: import("@angular/core").InputSignal<boolean>;
+    maxDisplayedItemCount: import("@angular/core").InputSignal<number>;
+    size: import("@angular/core").InputSignal<IdsSizeType>;
+    variant: import("@angular/core").InputSignal<IdsPaginatorVariantType>;
+    pageButtonAppearance: import("@angular/core").InputSignal<"plain">;
+    /** The total number of items that are being paginated. */
+    length: import("@angular/core").InputSignalWithTransform<number, number>;
+    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<{
+        safePageSizeOptions: number[];
+        safePageSize: number;
+    }>;
+    pageButtonIdPrefix: import("@angular/core").Signal<string>;
+    /**
+     * The index (0 based!) of the currently selected page.
+     *
+     * Usage note (!):
+     * In case paging initiates an async process to update the data and an error occurs the pageIndex needs to be reset to the previous value from the outside.
+     * If `pageIndex` is only 1-way bound (input) the model signal's value won't be updated, it needs 2-way binding!
+     * Possible cause: https://github.com/angular/angular/issues/57124
+     */
+    pageIndex: import("@angular/core").ModelSignal<number>;
+    private _pageIndexValidation;
+    protected _pageIndex: import("@angular/core").Signal<number>;
+    private _numberOfPages;
+    private _hasPreviousPage;
+    private _hasNextPage;
+    isPreviousButtonDisabled: import("@angular/core").Signal<boolean>;
+    isNextButtonDisabled: import("@angular/core").Signal<boolean>;
+    pageButtonLabels: import("@angular/core").Signal<string[]>;
+    pageChanged: import("@angular/core").OutputEmitterRef<IdsPaginatorPageChangeEvent>;
+    private _handleKeyDown;
+    constructor();
+    private _getSafePageSizeData;
+    private _getPageButtonLabels;
+    private _getTruncatedPageLabels;
+    stepNextPage(): void;
+    stepPreviousPage(): void;
+    stepFirstPage(): void;
+    stepLastPage(): void;
+    stepPage(pageIndex: number): void;
+    private _debouncePageEvent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IdsPaginatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IdsPaginatorComponent, "ids-paginator", never, { "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showFirstLastButton": { "alias": "showFirstLastButton"; "required": false; "isSignal": true; }; "showPrevNextLabel": { "alias": "showPrevNextLabel"; "required": false; "isSignal": true; }; "showPageInfo": { "alias": "showPageInfo"; "required": false; "isSignal": true; }; "showPageButtons": { "alias": "showPageButtons"; "required": false; "isSignal": true; }; "showAllPages": { "alias": "showAllPages"; "required": false; "isSignal": true; }; "maxDisplayedItemCount": { "alias": "maxDisplayedItemCount"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "pageButtonAppearance": { "alias": "pageButtonAppearance"; "required": false; "isSignal": true; }; "length": { "alias": "length"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "compactLayout": { "alias": "compactLayout"; "required": false; "isSignal": true; }; "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; }, { "pageIndex": "pageIndexChange"; "pageChanged": "pageChanged"; }, never, never, true, never>;
+}

package/paginator/public-api.d.ts

@@ -0,0 +1,5 @@
+export * from './types/paginator-appearance.type';
+export * from './types/paginator-events.class';
+export * from './types/paginator-variant.type';
+export * from './paginator-defaults';
+export * from './paginator.component';

package/paginator/types/paginator-appearance.type.d.ts

@@ -0,0 +1,4 @@
+export declare const IdsPaginatorPageButtonAppearance: {
+    readonly PLAIN: "plain";
+};
+export type IdsPaginatorPageButtonAppearanceType = (typeof IdsPaginatorPageButtonAppearance)[keyof typeof IdsPaginatorPageButtonAppearance];

package/paginator/types/paginator-events.class.d.ts

@@ -0,0 +1,6 @@
+export declare class IdsPaginatorPageChangeEvent {
+    pageIndex: number;
+    previousPageIndex?: number;
+    pageSize: number;
+    length: number;
+}

package/paginator/types/paginator-variant.type.d.ts

@@ -0,0 +1,7 @@
+export declare const IdsPaginatorVariant: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly SURFACE: "surface";
+    readonly LIGHT: "light";
+};
+export type IdsPaginatorVariantType = (typeof IdsPaginatorVariant)[keyof typeof IdsPaginatorVariant];

package/public-api.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/radio/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@i-cell/ids-angular/radio" />
+export * from './public-api';

package/radio/public-api.d.ts

@@ -0,0 +1,5 @@
+export * from './types/radio-variant.type';
+export * from './types/radio-events.class';
+export * from './radio-defaults';
+export * from './radio-group.directive';
+export * from './radio.component';

package/radio/radio-defaults.d.ts

@@ -0,0 +1,11 @@
+import { IdsRadioVariantType } from './types/radio-variant.type';
+import { InjectionToken } from '@angular/core';
+import { IdsOrientationType, IdsPositionType, IdsSizeType } from '@i-cell/ids-angular/core';
+export interface IdsRadioDefaultConfig {
+    size?: IdsSizeType;
+    variant?: IdsRadioVariantType;
+    orientation?: IdsOrientationType;
+    labelPosition?: IdsPositionType;
+}
+export declare const IDS_RADIO_DEFAULT_CONFIG: InjectionToken<IdsRadioDefaultConfig>;
+export declare function IDS_RADIO_DEFAULT_CONFIG_FACTORY(): Required<IdsRadioDefaultConfig>;

package/radio/radio-group.directive.d.ts

@@ -0,0 +1,46 @@
+import { IdsRadioDefaultConfig } from './radio-defaults';
+import { IdsRadioComponent } from './radio.component';
+import { IdsRadioChangeEvent } from './types/radio-events.class';
+import { IdsRadioVariantType } from './types/radio-variant.type';
+import { AfterContentInit, OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { IdsOrientationType, IdsPositionType, IdsSizeType, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';
+import * as i0 from "@angular/core";
+export declare class IdsRadioGroupDirective extends ComponentBaseWithDefaults<IdsRadioDefaultConfig> implements OnInit, AfterContentInit, ControlValueAccessor {
+    protected get _hostName(): string;
+    protected readonly _defaultConfig: Required<IdsRadioDefaultConfig>;
+    private _selectionModel?;
+    private _rawValue;
+    private _items;
+    name: import("@angular/core").InputSignal<string>;
+    required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    size: import("@angular/core").InputSignal<IdsSizeType>;
+    variant: import("@angular/core").InputSignal<IdsRadioVariantType>;
+    orientation: import("@angular/core").InputSignal<IdsOrientationType>;
+    labelPosition: import("@angular/core").InputSignal<IdsPositionType>;
+    isDisabled: import("@angular/core").WritableSignal<boolean>;
+    protected _hostClasses: import("@angular/core").Signal<string>;
+    private _onChange;
+    private _onTouched;
+    valueCompareFn?: (o1: IdsRadioComponent, o2: IdsRadioComponent) => boolean;
+    set disabled(value: boolean);
+    readonly itemChanges: import("@angular/core").OutputEmitterRef<IdsRadioChangeEvent>;
+    private _handleKeyDown;
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    writeValue(value: unknown | unknown[]): void;
+    registerOnChange(fn: () => void): void;
+    registerOnTouched(fn: () => unknown): void;
+    setDisabledState?(isDisabled: boolean): void;
+    private _subscribeItemChanges;
+    private _handleItemChanges;
+    private _setSelectionByValue;
+    private _selectValue;
+    private _clearSelection;
+    private _handleChange;
+    isItemPreSelectedByValue(itemValue: unknown): boolean;
+    private _hasInvalidLabelPosition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IdsRadioGroupDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IdsRadioGroupDirective, "ids-radio-group", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "valueCompareFn": { "alias": "valueCompareFn"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "itemChanges": "itemChanges"; }, ["_items"], never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+}

package/radio/radio.component.d.ts

@@ -0,0 +1,30 @@
+import { IdsRadioChangeEvent } from './types/radio-events.class';
+import { OnInit } from '@angular/core';
+import { ComponentBase } from '@i-cell/ids-angular/core';
+import * as i0 from "@angular/core";
+export declare class IdsRadioComponent extends ComponentBase implements OnInit {
+    protected get _hostName(): string;
+    private _group;
+    selected: import("@angular/core").WritableSignal<boolean>;
+    inputId: import("@angular/core").InputSignal<string>;
+    value: import("@angular/core").InputSignal<unknown>;
+    ariaLabel: import("@angular/core").InputSignal<string>;
+    ariaLabelledBy: import("@angular/core").InputSignal<string>;
+    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 _hostClasses: import("@angular/core").Signal<string>;
+    private _inputElement;
+    readonly changes: import("@angular/core").OutputEmitterRef<IdsRadioChangeEvent>;
+    ngOnInit(): void;
+    onChange(): void;
+    touchTargetClick(): void;
+    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/radio/types/radio-events.class.d.ts

@@ -0,0 +1,6 @@
+import { IdsRadioComponent } from '../radio.component';
+export declare class IdsRadioChangeEvent {
+    source: IdsRadioComponent;
+    value: unknown;
+    constructor(source: IdsRadioComponent, value: unknown);
+}

package/radio/types/radio-variant.type.d.ts

@@ -0,0 +1,6 @@
+export declare const IdsRadioVariant: {
+    readonly SURFACE: "surface";
+    readonly LIGHT: "light";
+    readonly DARK: "dark";
+};
+export type IdsRadioVariantType = (typeof IdsRadioVariant)[keyof typeof IdsRadioVariant];

package/segmented-control/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@i-cell/ids-angular/segmented-control" />
+export * from './public-api';

package/segmented-control/public-api.d.ts

@@ -0,0 +1,6 @@
+export * from './types/segmented-control-appearance.type';
+export * from './types/segmented-control-item-change.class';
+export * from './types/segmented-control-variant.type';
+export * from './segmented-control-item.component';
+export * from './segmented-control-defaults';
+export * from './segmented-control.directive';

package/segmented-control/segmented-control-defaults.d.ts

@@ -0,0 +1,11 @@
+import { IdsSegmentedControlAppearanceType } from './types/segmented-control-appearance.type';
+import { IdsSegmentedControlVariantType } from './types/segmented-control-variant.type';
+import { InjectionToken } from '@angular/core';
+import { IdsSizeType } from '@i-cell/ids-angular/core';
+export interface IdsSegmentedControlDefaultConfig {
+    appearance?: IdsSegmentedControlAppearanceType;
+    size?: IdsSizeType;
+    variant?: IdsSegmentedControlVariantType;
+}
+export declare const IDS_SEGMENTED_CONTROL_DEFAULT_CONFIG: InjectionToken<IdsSegmentedControlDefaultConfig>;
+export declare function IDS_SEGMENTED_CONTROL_DEFAULT_CONFIG_FACTORY(): Required<IdsSegmentedControlDefaultConfig>;

package/segmented-control/segmented-control-item.component.d.ts

@@ -0,0 +1,33 @@
+import { IdsSegmentedControlDirective } from './segmented-control.directive';
+import { IdsSegmentedControlItemChange } from './types/segmented-control-item-change.class';
+import { OnInit } from '@angular/core';
+import { ComponentBase } from '@i-cell/ids-angular/core';
+import * as i0 from "@angular/core";
+export declare class IdsSegmentedControlItemComponent extends ComponentBase implements OnInit {
+    protected get _hostName(): string;
+    protected readonly _group: IdsSegmentedControlDirective | null;
+    private _buttonElement;
+    selected: import("@angular/core").WritableSignal<boolean>;
+    name: import("@angular/core").InputSignal<string | undefined>;
+    value: import("@angular/core").InputSignal<unknown>;
+    label: import("@angular/core").InputSignal<string | undefined>;
+    ariaLabel: import("@angular/core").InputSignal<string>;
+    ariaLabelledBy: import("@angular/core").InputSignal<string>;
+    tabIndex: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    protected _buttonId: import("@angular/core").Signal<string>;
+    protected _parentOrSelfDisabled: import("@angular/core").Signal<boolean | undefined>;
+    protected _multiSelect: import("@angular/core").Signal<boolean | undefined>;
+    protected _ariaPressed: import("@angular/core").Signal<boolean | null>;
+    protected _ariaChecked: import("@angular/core").Signal<boolean | null>;
+    protected _role: import("@angular/core").Signal<"button" | "radio">;
+    protected _buttonName: import("@angular/core").Signal<string | undefined>;
+    protected _buttonClasses: import("@angular/core").Signal<string | null>;
+    protected _hostClasses: import("@angular/core").Signal<string>;
+    readonly changes: import("@angular/core").OutputEmitterRef<IdsSegmentedControlItemChange>;
+    ngOnInit(): void;
+    onClick(): void;
+    focus(options?: FocusOptions): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IdsSegmentedControlItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IdsSegmentedControlItemComponent, "ids-segmented-control-item", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labeledby"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "changes": "changes"; }, never, ["ids-icon", "[suffixContent]"], true, never>;
+}

package/segmented-control/segmented-control.directive.d.ts

@@ -0,0 +1,42 @@
+import { IdsSegmentedControlDefaultConfig } from './segmented-control-defaults';
+import { IdsSegmentedControlItemComponent } from './segmented-control-item.component';
+import { IdsSegmentedControlItemChange } from './types/segmented-control-item-change.class';
+import { IdsSegmentedControlVariantType } from './types/segmented-control-variant.type';
+import { AfterContentInit, OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { ComponentBaseWithDefaults, IdsSizeType } from '@i-cell/ids-angular/core';
+import * as i0 from "@angular/core";
+export declare class IdsSegmentedControlDirective extends ComponentBaseWithDefaults<IdsSegmentedControlDefaultConfig> implements AfterContentInit, OnInit, ControlValueAccessor {
+    protected get _hostName(): string;
+    protected readonly _defaultConfig: Required<IdsSegmentedControlDefaultConfig>;
+    private _selectionModel?;
+    private _rawValue;
+    private _items;
+    name: import("@angular/core").InputSignal<string | undefined>;
+    size: import("@angular/core").InputSignal<IdsSizeType>;
+    variant: import("@angular/core").InputSignal<IdsSegmentedControlVariantType>;
+    appearance: import("@angular/core").InputSignal<"outlined">;
+    multiSelect: import("@angular/core").InputSignal<boolean>;
+    disabled: import("@angular/core").WritableSignal<boolean>;
+    protected _hostClasses: import("@angular/core").Signal<string>;
+    private _onChange;
+    private _onTouched;
+    valueCompareFn?: (o1: IdsSegmentedControlItemComponent, o2: IdsSegmentedControlItemComponent) => boolean;
+    readonly itemChanges: import("@angular/core").OutputEmitterRef<IdsSegmentedControlItemChange>;
+    private _handleKeyDown;
+    ngOnInit(): void;
+    ngAfterContentInit(): void;
+    writeValue(value: unknown | unknown[]): void;
+    registerOnChange(fn: () => void): void;
+    registerOnTouched(fn: () => unknown): void;
+    setDisabledState?(isDisabled: boolean): void;
+    private _subscribeItemChanges;
+    private _handleItemChanges;
+    private _setSelectionByValue;
+    private _selectValue;
+    private _clearSelection;
+    private _handleChange;
+    isItemPreSelectedByValue(itemValue: unknown): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IdsSegmentedControlDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IdsSegmentedControlDirective, "ids-segmented-control[ngModel]:not([formControl]):not([formControlName]),             ids-segmented-control[formControl]:not([ngModel]):not([formControlName]),             ids-segmented-control[formControlName]:not([ngModel]):not([formControl])", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "multiSelect": { "alias": "multiSelect"; "required": false; "isSignal": true; }; "valueCompareFn": { "alias": "valueCompareFn"; "required": false; }; }, { "itemChanges": "itemChanges"; }, ["_items"], never, true, never>;
+}

package/segmented-control/types/segmented-control-appearance.type.d.ts

@@ -0,0 +1,4 @@
+export declare const IdsSegmentedControlAppearance: {
+    readonly OUTLINED: "outlined";
+};
+export type IdsSegmentedControlAppearanceType = (typeof IdsSegmentedControlAppearance)[keyof typeof IdsSegmentedControlAppearance];

package/segmented-control/types/segmented-control-item-change.class.d.ts

@@ -0,0 +1,7 @@
+import { IdsSegmentedControlItemComponent } from '../segmented-control-item.component';
+export declare class IdsSegmentedControlItemChange {
+    source: IdsSegmentedControlItemComponent;
+    selected: boolean;
+    value: unknown;
+    constructor(source: IdsSegmentedControlItemComponent, selected: boolean, value: unknown);
+}

package/segmented-control/types/segmented-control-variant.type.d.ts

@@ -0,0 +1,6 @@
+export declare const IdsSegmentedControlVariant: {
+    readonly PRIMARY: "primary";
+    readonly SURFACE: "surface";
+    readonly LIGHT: "light";
+};
+export type IdsSegmentedControlVariantType = (typeof IdsSegmentedControlVariant)[keyof typeof IdsSegmentedControlVariant];

package/segmented-control-toggle/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@i-cell/ids-angular/segmented-control-toggle" />
+export * from './public-api';

package/segmented-control-toggle/public-api.d.ts

@@ -0,0 +1,6 @@
+export * from './types/segmented-control-toggle-appearance.type';
+export * from './types/segmented-control-toggle-item-change.class';
+export * from './types//segmented-control-toggle-variant.type';
+export * from './segmented-control-toggle-item.component';
+export * from './segmented-control-toggle-defaults';
+export * from './segmented-control-toggle.directive';

package/segmented-control-toggle/segmented-control-toggle-defaults.d.ts

@@ -0,0 +1,12 @@
+import { IdsSegmentedControlToggleAppearanceType } from './types/segmented-control-toggle-appearance.type';
+import { IdsSegmentedControlToggleButtonVariantType, IdsSegmentedControlToggleVariantType } from './types/segmented-control-toggle-variant.type';
+import { InjectionToken } from '@angular/core';
+import { IdsSizeType } from '@i-cell/ids-angular/core';
+export interface IdsSegmentedControlToggleDefaultConfig {
+    appearance?: IdsSegmentedControlToggleAppearanceType;
+    size?: IdsSizeType;
+    variant?: IdsSegmentedControlToggleVariantType;
+    buttonVariant?: IdsSegmentedControlToggleButtonVariantType;
+}
+export declare const IDS_SEGMENTED_CONTROL_TOGGLE_DEFAULT_CONFIG: InjectionToken<IdsSegmentedControlToggleDefaultConfig>;
+export declare function IDS_SEGMENTED_CONTROL_TOGGLE_DEFAULT_CONFIG_FACTORY(): Required<IdsSegmentedControlToggleDefaultConfig>;

package/segmented-control-toggle/segmented-control-toggle-item.component.d.ts

@@ -0,0 +1,32 @@
+import { IdsSegmentedControlToggleItemChange } from './types/segmented-control-toggle-item-change.class';
+import { IdsSegmentedControlToggleDirective } from '../segmented-control-toggle/segmented-control-toggle.directive';
+import { OnInit } from '@angular/core';
+import { ComponentBase } from '@i-cell/ids-angular/core';
+import * as i0 from "@angular/core";
+export declare class IdsSegmentedControlToggleItemComponent extends ComponentBase implements OnInit {
+    protected get _hostName(): string;
+    protected readonly _group: IdsSegmentedControlToggleDirective | null;
+    private _buttonElement;
+    selected: import("@angular/core").WritableSignal<boolean>;
+    name: import("@angular/core").InputSignal<string | undefined>;
+    value: import("@angular/core").InputSignal<unknown>;
+    label: import("@angular/core").InputSignal<string | undefined>;
+    ariaLabel: import("@angular/core").InputSignal<string>;
+    ariaLabelledBy: import("@angular/core").InputSignal<string>;
+    tabIndex: import("@angular/core").InputSignalWithTransform<number, unknown>;
+    disabled: import("@angular/core").InputSignal<boolean>;
+    protected _buttonId: import("@angular/core").Signal<string>;
+    protected _parentOrSelfDisabled: import("@angular/core").Signal<boolean | undefined>;
+    protected _ariaPressed: import("@angular/core").WritableSignal<null>;
+    protected _ariaChecked: import("@angular/core").Signal<boolean>;
+    protected _role: import("@angular/core").WritableSignal<string>;
+    protected _buttonName: import("@angular/core").Signal<string | undefined>;
+    protected _buttonClasses: import("@angular/core").Signal<string | null>;
+    protected _hostClasses: import("@angular/core").Signal<string>;
+    readonly changes: import("@angular/core").OutputEmitterRef<IdsSegmentedControlToggleItemChange>;
+    ngOnInit(): void;
+    onClick(): void;
+    focus(options?: FocusOptions): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IdsSegmentedControlToggleItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IdsSegmentedControlToggleItemComponent, "ids-segmented-control-toggle-item", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labeledby"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "changes": "changes"; }, never, ["ids-icon", "[suffixContent]"], true, never>;
+}