@i-cell/ids-angular 0.0.0-watch

package/icon/index.d.ts

@@ -0,0 +1,69 @@
+import * as _angular_core from '@angular/core';
+import { Signal, InjectionToken, OnInit } from '@angular/core';
+import { IdsSizeType, IdsSizeCollectionType, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';
+
+declare const IdsIconVariant: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly SURFACE: "surface";
+    readonly BRAND: "brand";
+    readonly LIGHT: "light";
+    readonly DARK: "dark";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly ERROR: "error";
+};
+type IdsIconVariantType = (typeof IdsIconVariant)[keyof typeof IdsIconVariant];
+
+declare abstract class IdsIconParent {
+    readonly embeddedIconVariant: Signal<IdsIconVariantType>;
+}
+declare const IDS_ICON_PARENT: InjectionToken<IdsIconParent>;
+
+declare const IdsIconSource: {
+    readonly SVG: "svg";
+    readonly FONT: "font";
+};
+type IdsIconSourceType = (typeof IdsIconSource)[keyof typeof IdsIconSource];
+
+interface IdsIconDefaultConfig {
+    size?: IdsSizeType;
+    sizeCollection?: IdsSizeCollectionType;
+    variant?: IdsIconVariantType;
+    iconAssetsPath: string;
+    fontNameMappings?: Record<string, string>;
+}
+declare const IDS_ICON_DEFAULT_CONFIG: InjectionToken<IdsIconDefaultConfig>;
+declare function IDS_ICON_DEFAULT_CONFIG_FACTORY(): Required<IdsIconDefaultConfig>;
+
+declare class IdsIconComponent extends ComponentBaseWithDefaults<IdsIconDefaultConfig> implements OnInit {
+    protected get _hostName(): string;
+    private readonly _parent;
+    protected readonly _defaultConfig: Required<IdsIconDefaultConfig>;
+    private readonly _elementRef;
+    private readonly _document;
+    private readonly _httpClient;
+    private readonly _sanitizer;
+    size: _angular_core.InputSignal<IdsSizeType>;
+    sizeCollection: _angular_core.InputSignal<IdsSizeCollectionType>;
+    variant: _angular_core.InputSignal<IdsIconVariantType>;
+    fontIcon: _angular_core.InputSignalWithTransform<string | null, string>;
+    svgIconName: _angular_core.InputSignalWithTransform<string | null, string>;
+    ariaHidden: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected _svgIcon: SVGElement | null;
+    protected _safeFontIcon: _angular_core.Signal<string | null>;
+    protected _iconSourceType: _angular_core.Signal<"svg" | "font">;
+    private _parentOrSelfVariant;
+    protected _hostClasses: _angular_core.Signal<string>;
+    private _sanitizeSvgIconEffect;
+    ngOnInit(): void;
+    private _getSvgElementSource;
+    private _setSvgElement;
+    private _clearSvgElement;
+    private _getSvgElement;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsIconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IdsIconComponent, "ids-icon", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "sizeCollection": { "alias": "sizeCollection"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "fontIcon": { "alias": "fontIcon"; "required": false; "isSignal": true; }; "svgIconName": { "alias": "svgIcon"; "required": false; "isSignal": true; }; "ariaHidden": { "alias": "aria-hidden"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { IDS_ICON_DEFAULT_CONFIG, IDS_ICON_DEFAULT_CONFIG_FACTORY, IDS_ICON_PARENT, IdsIconComponent, IdsIconParent, IdsIconSource, IdsIconVariant };
+export type { IdsIconDefaultConfig, IdsIconSourceType, IdsIconVariantType };

package/icon/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/i-cell-ids-angular-icon.mjs"
+}

package/icon-button/index.d.ts

@@ -0,0 +1,68 @@
+import * as _angular_core from '@angular/core';
+import { Signal, InjectionToken } from '@angular/core';
+import { IdsSizeType, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';
+import { IdsIconComponent } from '@i-cell/ids-angular/icon';
+
+declare const IdsIconButtonAppearance: {
+    readonly FILLED: "filled";
+    readonly OUTLINED: "outlined";
+    readonly STANDARD: "standard";
+};
+type IdsIconButtonAppearanceType = (typeof IdsIconButtonAppearance)[keyof typeof IdsIconButtonAppearance];
+
+declare const IdsIconButtonVariant: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly SURFACE: "surface";
+    readonly BRAND: "brand";
+    readonly LIGHT: "light";
+    readonly DARK: "dark";
+    readonly INFO: "info";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly ERROR: "error";
+};
+type IdsIconButtonVariantType = (typeof IdsIconButtonVariant)[keyof typeof IdsIconButtonVariant];
+
+declare abstract class IdsIconButtonParent {
+    readonly embeddedIconButtonVariant: Signal<IdsIconButtonVariantType>;
+    readonly embeddedIconButtonAppearance: Signal<IdsIconButtonAppearanceType>;
+    readonly embeddedIconButtonSize?: Signal<IdsSizeType>;
+    readonly disabled?: Signal<boolean>;
+}
+declare const IDS_ICON_BUTTON_PARENT: InjectionToken<IdsIconButtonParent>;
+
+interface IdsIconButtonDefaultConfig {
+    appearance?: IdsIconButtonAppearanceType;
+    size?: IdsSizeType;
+    variant?: IdsIconButtonVariantType;
+}
+declare const IDS_ICON_BUTTON_DEFAULT_CONFIG: InjectionToken<IdsIconButtonDefaultConfig>;
+declare function IDS_ICON_BUTTON_DEFAULT_CONFIG_FACTORY(): Required<IdsIconButtonDefaultConfig>;
+
+declare class IdsIconButtonComponent extends ComponentBaseWithDefaults<IdsIconButtonDefaultConfig> {
+    protected get _hostName(): string;
+    private readonly _parent;
+    private _hostElement;
+    private _routerLink;
+    protected readonly _defaultConfig: Required<IdsIconButtonDefaultConfig>;
+    appearance: _angular_core.InputSignal<IdsIconButtonAppearanceType>;
+    size: _angular_core.InputSignal<IdsSizeType>;
+    variant: _angular_core.InputSignal<IdsIconButtonVariantType>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected _icons: _angular_core.Signal<readonly IdsIconComponent[]>;
+    private _parentOrSelfAppearance;
+    private _parentOrSelfSize;
+    private _parentOrSelfVariant;
+    private _parentOrSelfDisabled;
+    protected _hostClasses: _angular_core.Signal<string>;
+    private get _buttonType();
+    constructor();
+    private _disableLink;
+    private _enableLink;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsIconButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IdsIconButtonComponent, "button[idsIconButton], a[idsIconButton]", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, ["_icons"], ["ids-icon"], true, never>;
+}
+
+export { IDS_ICON_BUTTON_DEFAULT_CONFIG, IDS_ICON_BUTTON_DEFAULT_CONFIG_FACTORY, IDS_ICON_BUTTON_PARENT, IdsIconButtonAppearance, IdsIconButtonComponent, IdsIconButtonParent, IdsIconButtonVariant };
+export type { IdsIconButtonAppearanceType, IdsIconButtonDefaultConfig, IdsIconButtonVariantType };

package/icon-button/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/i-cell-ids-angular-icon-button.mjs"
+}

package/index.d.ts

@@ -0,0 +1,2 @@
+
+export { };

package/menu/index.d.ts

@@ -0,0 +1,68 @@
+import * as i1 from '@angular/cdk/menu';
+import { CdkMenuTrigger } from '@angular/cdk/menu';
+import * as _angular_core from '@angular/core';
+import { InjectionToken } from '@angular/core';
+import { IdsSizeType, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';
+import { IdsIconComponent } from '@i-cell/ids-angular/icon';
+
+declare class IdsActionMenuTriggerDirective {
+    menuTrigger: CdkMenuTrigger;
+    get isOpen(): boolean;
+    open(): void;
+    close(): void;
+    toggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsActionMenuTriggerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IdsActionMenuTriggerDirective, "button[idsActionMenuTriggerFor]", ["idsActionMenuTrigger"], {}, {}, never, never, true, [{ directive: typeof i1.CdkMenuTrigger; inputs: { "cdkMenuTriggerFor": "idsActionMenuTriggerFor"; }; outputs: {}; }]>;
+}
+
+declare class IdsActiveIndicatorDirective {
+    private _menuItem;
+    active: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsActiveIndicatorDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IdsActiveIndicatorDirective, "[idsActiveIndicator]", never, { "active": { "alias": "active"; "required": true; "isSignal": true; }; }, {}, ["_menuItem"], never, true, never>;
+}
+
+declare const IdsMenuItemAppearance: {
+    readonly FILLED: "filled";
+    readonly TEXT: "text";
+};
+type IdsMenuItemAppearanceType = (typeof IdsMenuItemAppearance)[keyof typeof IdsMenuItemAppearance];
+
+declare const IdsMenuItemVariant: {
+    readonly SURFACE: "surface";
+    readonly LIGHT: "light";
+};
+type IdsMenuItemVariantType = (typeof IdsMenuItemVariant)[keyof typeof IdsMenuItemVariant];
+
+interface IdsMenuItemDefaultConfig {
+    appearance?: IdsMenuItemAppearanceType;
+    size?: IdsSizeType;
+    variant?: IdsMenuItemVariantType;
+    showLabel?: boolean;
+}
+declare const IDS_MENU_ITEM_DEFAULT_CONFIG: InjectionToken<IdsMenuItemDefaultConfig>;
+declare function IDS_MENU_ITEM_DEFAULT_CONFIG_FACTORY(): Required<IdsMenuItemDefaultConfig>;
+
+declare class IdsMenuItemComponent extends ComponentBaseWithDefaults<IdsMenuItemDefaultConfig> {
+    protected get _hostName(): string;
+    private _hostElement;
+    private _routerLink;
+    protected readonly _defaultConfig: Required<IdsMenuItemDefaultConfig>;
+    label: _angular_core.InputSignal<string | undefined>;
+    appearance: _angular_core.InputSignal<IdsMenuItemAppearanceType>;
+    size: _angular_core.InputSignal<IdsSizeType>;
+    variant: _angular_core.InputSignal<IdsMenuItemVariantType>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected _iconLeading: _angular_core.Signal<readonly IdsIconComponent[]>;
+    protected _iconTrailing: _angular_core.Signal<readonly IdsIconComponent[]>;
+    protected _hostClasses: _angular_core.Signal<string>;
+    private get _buttonType();
+    constructor();
+    private _disableLink;
+    private _enableLink;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsMenuItemComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IdsMenuItemComponent, "button[idsMenuItem],a[idsMenuItem]", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, ["_iconLeading", "_iconTrailing"], ["ids-icon[icon-leading]", "ids-icon[icon-trailing]"], true, [{ directive: typeof i1.CdkMenuItem; inputs: {}; outputs: {}; }]>;
+}
+
+export { IDS_MENU_ITEM_DEFAULT_CONFIG, IDS_MENU_ITEM_DEFAULT_CONFIG_FACTORY, IdsActionMenuTriggerDirective, IdsActiveIndicatorDirective, IdsMenuItemAppearance, IdsMenuItemComponent, IdsMenuItemVariant };
+export type { IdsMenuItemAppearanceType, IdsMenuItemDefaultConfig, IdsMenuItemVariantType };

package/menu/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/i-cell-ids-angular-menu.mjs"
+}

package/notification/index.d.ts

@@ -0,0 +1,68 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken } from '@angular/core';
+import { IdsButtonAppearanceType, IdsButtonParent } from '@i-cell/ids-angular/button';
+import { IdsSizeType, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';
+import { IdsIconButtonParent, IdsIconButtonAppearanceType, IdsIconButtonVariantType } from '@i-cell/ids-angular/icon-button';
+
+declare const IdsNotificationAppearance: {
+    readonly FILLED: "filled";
+    readonly OUTLINED: "outlined";
+};
+type IdsNotificationAppearanceType = (typeof IdsNotificationAppearance)[keyof typeof IdsNotificationAppearance];
+
+declare const IdsNotificationVariant: {
+    readonly SURFACE: "surface";
+    readonly LIGHT: "light";
+    readonly DARK: "dark";
+    readonly INFO: "info";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly ERROR: "error";
+};
+type IdsNotificationVariantType = (typeof IdsNotificationVariant)[keyof typeof IdsNotificationVariant];
+
+declare class IdsNotificationActionButtonDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsNotificationActionButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IdsNotificationActionButtonDirective, "[idsNotificationActionButton]", never, {}, {}, never, never, true, never>;
+}
+
+interface IdsNotificationDefaultConfig {
+    appearance?: IdsNotificationAppearanceType;
+    size?: IdsSizeType;
+    variant?: IdsNotificationVariantType;
+    closeButtonSize?: IdsSizeType;
+    closeLabelButtonAppearance?: IdsButtonAppearanceType;
+    displayActionsAtBottom?: boolean;
+}
+declare const IDS_NOTIFICATION_DEFAULT_CONFIG: InjectionToken<IdsNotificationDefaultConfig>;
+declare function IDS_NOTIFICATION_DEFAULT_CONFIG_FACTORY(): Required<IdsNotificationDefaultConfig>;
+
+declare class IdsNotificationComponent extends ComponentBaseWithDefaults<IdsNotificationDefaultConfig> implements IdsButtonParent, IdsIconButtonParent {
+    protected get _hostName(): string;
+    protected readonly _defaultConfig: Required<IdsNotificationDefaultConfig>;
+    size: _angular_core.InputSignal<IdsSizeType>;
+    appearance: _angular_core.InputSignal<IdsNotificationAppearanceType>;
+    variant: _angular_core.InputSignal<IdsNotificationVariantType>;
+    icon: _angular_core.InputSignal<string | undefined>;
+    title: _angular_core.InputSignal<string>;
+    urgent: _angular_core.InputSignalWithTransform<boolean, boolean | undefined>;
+    displayActionsAtBottom: _angular_core.InputSignalWithTransform<boolean, boolean | undefined>;
+    closeButtonSize: _angular_core.InputSignal<IdsSizeType>;
+    closeLabelButtonAppearance: _angular_core.InputSignal<IdsButtonAppearanceType>;
+    closeButtonLabel: _angular_core.InputSignalWithTransform<string, string>;
+    embeddedIconButtonAppearance: _angular_core.WritableSignal<IdsIconButtonAppearanceType>;
+    disabled: _angular_core.WritableSignal<boolean>;
+    protected _actionButtons: _angular_core.Signal<readonly IdsNotificationActionButtonDirective[]>;
+    closed: _angular_core.OutputEmitterRef<void>;
+    private _role;
+    protected _hostClasses: _angular_core.Signal<string>;
+    protected _closeLabelButtonClass: _angular_core.Signal<"" | "ids-notification__label-button">;
+    embeddedButtonVariant: _angular_core.Signal<IdsIconButtonVariantType>;
+    embeddedIconButtonVariant: _angular_core.Signal<IdsIconButtonVariantType>;
+    protected _close(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsNotificationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IdsNotificationComponent, "ids-notification", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "urgent": { "alias": "urgent"; "required": false; "isSignal": true; }; "displayActionsAtBottom": { "alias": "displayActionsAtBottom"; "required": false; "isSignal": true; }; "closeButtonSize": { "alias": "closeButtonSize"; "required": false; "isSignal": true; }; "closeLabelButtonAppearance": { "alias": "closeLabelButtonAppearance"; "required": false; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, ["_actionButtons"], ["*", "button[idsNotificationActionButton]"], true, never>;
+}
+
+export { IDS_NOTIFICATION_DEFAULT_CONFIG, IDS_NOTIFICATION_DEFAULT_CONFIG_FACTORY, IdsNotificationActionButtonDirective, IdsNotificationAppearance, IdsNotificationComponent, IdsNotificationVariant };
+export type { IdsNotificationAppearanceType, IdsNotificationDefaultConfig, IdsNotificationVariantType };

package/notification/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/i-cell-ids-angular-notification.mjs"
+}

package/overlay-panel/index.d.ts

@@ -0,0 +1,41 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken } from '@angular/core';
+import { IdsSizeType, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';
+import { IdsMenuItemComponent } from '@i-cell/ids-angular/menu';
+import * as i1 from '@angular/cdk/menu';
+
+declare const IdsOverlayPanelAppearance: {
+    readonly FILLED: "filled";
+    readonly OUTLINED: "outlined";
+    readonly ELEVATED: "elevated";
+};
+type IdsOverlayPanelAppearanceType = (typeof IdsOverlayPanelAppearance)[keyof typeof IdsOverlayPanelAppearance];
+
+declare const IdsOverlayPanelVariant: {
+    readonly SURFACE: "surface";
+    readonly LIGHT: "light";
+};
+type IdsOverlayPanelVariantType = (typeof IdsOverlayPanelVariant)[keyof typeof IdsOverlayPanelVariant];
+
+interface IdsOverlayPanelDefaultConfig {
+    appearance?: IdsOverlayPanelAppearanceType;
+    size?: IdsSizeType;
+    variant?: IdsOverlayPanelVariantType;
+}
+declare const IDS_OVERLAY_PANEL_DEFAULT_CONFIG: InjectionToken<IdsOverlayPanelDefaultConfig>;
+declare function IDS_OVERLAY_PANEL_DEFAULT_CONFIG_FACTORY(): Required<IdsOverlayPanelDefaultConfig>;
+
+declare class IdsOverlayPanelComponent extends ComponentBaseWithDefaults<IdsOverlayPanelDefaultConfig> {
+    protected get _hostName(): string;
+    protected readonly _defaultConfig: Required<IdsOverlayPanelDefaultConfig>;
+    appearance: _angular_core.InputSignal<IdsOverlayPanelAppearanceType>;
+    size: _angular_core.InputSignal<IdsSizeType>;
+    variant: _angular_core.InputSignal<IdsOverlayPanelVariantType>;
+    actionItems: _angular_core.Signal<readonly IdsMenuItemComponent[]>;
+    protected _hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsOverlayPanelComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IdsOverlayPanelComponent, "ids-overlay-panel,div[idsOverlayPanel]", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, ["actionItems"], ["*"], true, [{ directive: typeof i1.CdkMenu; inputs: {}; outputs: {}; }, { directive: typeof i1.CdkTargetMenuAim; inputs: {}; outputs: {}; }]>;
+}
+
+export { IDS_OVERLAY_PANEL_DEFAULT_CONFIG, IDS_OVERLAY_PANEL_DEFAULT_CONFIG_FACTORY, IdsOverlayPanelAppearance, IdsOverlayPanelComponent, IdsOverlayPanelVariant };
+export type { IdsOverlayPanelAppearanceType, IdsOverlayPanelDefaultConfig, IdsOverlayPanelVariantType };

package/overlay-panel/package.json

@@ -0,0 +1,3 @@
+{
+  "module": "../fesm2022/i-cell-ids-angular-overlay-panel.mjs"
+}

package/package.json

@@ -0,0 +1,180 @@
+{
+  "name": "@i-cell/ids-angular",
+  "version": "0.0.0-watch+1757596135087",
+  "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",
+    "Onofer Dávid",
+    "Soós Árpád",
+    "Vidóczi Péter"
+  ],
+  "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": "^20.1.7",
+    "@angular/cdk": "^20.1.6",
+    "@angular/common": "^20.1.7",
+    "@angular/core": "^20.1.7",
+    "@angular/forms": "^20.1.7",
+    "@angular/platform-browser": "^20.1.7",
+    "@angular/router": "^20.1.7",
+    "@i-cell/ids-styles": "^0.0.49"
+  },
+  "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"
+    },
+    "./badge": {
+      "types": "./badge/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-badge.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"
+    },
+    "./card": {
+      "types": "./card/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-card.mjs"
+    },
+    "./breadcrumb": {
+      "types": "./breadcrumb/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-breadcrumb.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"
+    },
+    "./core": {
+      "types": "./core/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-core.mjs"
+    },
+    "./dialog": {
+      "types": "./dialog/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-dialog.mjs"
+    },
+    "./icon": {
+      "types": "./icon/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-icon.mjs"
+    },
+    "./divider": {
+      "types": "./divider/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-divider.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"
+    },
+    "./datepicker": {
+      "types": "./datepicker/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-datepicker.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"
+    },
+    "./forms": {
+      "types": "./forms/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-forms.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"
+    },
+    "./side-nav": {
+      "types": "./side-nav/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-side-nav.mjs"
+    },
+    "./snackbar": {
+      "types": "./snackbar/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-snackbar.mjs"
+    },
+    "./spinner": {
+      "types": "./spinner/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-spinner.mjs"
+    },
+    "./table": {
+      "types": "./table/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-table.mjs"
+    },
+    "./switch": {
+      "types": "./switch/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-switch.mjs"
+    },
+    "./side-sheet": {
+      "types": "./side-sheet/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-side-sheet.mjs"
+    },
+    "./tab": {
+      "types": "./tab/index.d.ts",
+      "default": "./fesm2022/i-cell-ids-angular-tab.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,122 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken } from '@angular/core';
+import { IdsSizeType, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';
+import { Subject } from 'rxjs';
+
+declare const IdsPaginatorPageButtonAppearance: {
+    readonly PLAIN: "plain";
+};
+type IdsPaginatorPageButtonAppearanceType = (typeof IdsPaginatorPageButtonAppearance)[keyof typeof IdsPaginatorPageButtonAppearance];
+
+declare class IdsPaginatorPageChangeEvent {
+    pageIndex: number;
+    previousPageIndex?: number;
+    pageSize: number;
+    length: number;
+}
+
+declare const IdsPaginatorVariant: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly SURFACE: "surface";
+    readonly LIGHT: "light";
+};
+type IdsPaginatorVariantType = (typeof IdsPaginatorVariant)[keyof typeof IdsPaginatorVariant];
+
+declare const DEFAULT_PAGE_SIZE = 10;
+declare const MAX_DISPLAYED_ITEM_COUNT = 7;
+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;
+}
+declare const IDS_PAGINATOR_DEFAULT_CONFIG: InjectionToken<IdsPaginatorDefaultConfig>;
+declare function IDS_PAGINATOR_DEFAULT_CONFIG_FACTORY(): Required<IdsPaginatorDefaultConfig>;
+
+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: _angular_core.ɵɵFactoryDeclaration<IdsPaginatorIntl, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<IdsPaginatorIntl>;
+}
+
+declare class IdsPaginatorComponent extends ComponentBaseWithDefaults<IdsPaginatorDefaultConfig> {
+    protected get _hostName(): string;
+    private readonly _changeDetectorRef;
+    private readonly _hostElementRef;
+    protected readonly _defaultConfig: Required<IdsPaginatorDefaultConfig>;
+    private _pageEventDebouncer;
+    protected readonly _intl: IdsPaginatorIntl;
+    pageSize: _angular_core.InputSignalWithTransform<number, unknown>;
+    pageSizeOptions: _angular_core.InputSignal<number[]>;
+    showFirstLastButton: _angular_core.InputSignal<boolean>;
+    showPrevNextLabel: _angular_core.InputSignal<boolean>;
+    showPageInfo: _angular_core.InputSignal<boolean>;
+    showPageButtons: _angular_core.InputSignal<boolean>;
+    showAllPages: _angular_core.InputSignal<boolean>;
+    maxDisplayedItemCount: _angular_core.InputSignal<number>;
+    size: _angular_core.InputSignal<IdsSizeType>;
+    variant: _angular_core.InputSignal<IdsPaginatorVariantType>;
+    pageButtonAppearance: _angular_core.InputSignal<"plain">;
+    /** The total number of items that are being paginated. */
+    length: _angular_core.InputSignalWithTransform<number, number>;
+    disabled: _angular_core.InputSignal<boolean>;
+    compactLayout: _angular_core.InputSignal<boolean>;
+    protected _hostClasses: _angular_core.Signal<string>;
+    protected _pageButtonClasses: _angular_core.Signal<string>;
+    protected _safePageSizeData: _angular_core.Signal<{
+        safePageSizeOptions: number[];
+        safePageSize: number;
+    }>;
+    protected _pageButtonIdPrefix: _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: _angular_core.ModelSignal<number>;
+    private _pageIndexValidation;
+    protected _pageIndex: _angular_core.Signal<number>;
+    private _numberOfPages;
+    private _hasPreviousPage;
+    private _hasNextPage;
+    protected _isPreviousButtonDisabled: _angular_core.Signal<boolean>;
+    protected _isNextButtonDisabled: _angular_core.Signal<boolean>;
+    protected _pageButtonLabels: _angular_core.Signal<string[]>;
+    pageChanged: _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: _angular_core.ɵɵFactoryDeclaration<IdsPaginatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵ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>;
+}
+
+export { DEFAULT_PAGE_SIZE, IDS_PAGINATOR_DEFAULT_CONFIG, IDS_PAGINATOR_DEFAULT_CONFIG_FACTORY, IdsPaginatorComponent, IdsPaginatorPageButtonAppearance, IdsPaginatorPageChangeEvent, IdsPaginatorVariant, MAX_DISPLAYED_ITEM_COUNT };
+export type { IdsPaginatorDefaultConfig, IdsPaginatorPageButtonAppearanceType, IdsPaginatorVariantType };