@i-cell/ids-angular 0.1.7 → 0.1.9

package/badge/badge-defaults.d.ts

@@ -0,0 +1,13 @@
+import { IdsBadgeAppearanceType } from './types/badge-appearance.type';
+import { IdsBadgeVariantType } from './types/badge-variant.type';
+import { InjectionToken } from '@angular/core';
+import { IdsSizeType } from '@i-cell/ids-angular/core';
+export interface IdsBadgeDefaultConfig {
+    appearance?: IdsBadgeAppearanceType;
+    size?: IdsSizeType;
+    variant?: IdsBadgeVariantType;
+    showLeadingElement?: boolean;
+    label?: string;
+}
+export declare const IDS_BADGE_DEFAULT_CONFIG: InjectionToken<IdsBadgeDefaultConfig>;
+export declare function IDS_BADGE_DEFAULT_CONFIG_FACTORY(): Required<IdsBadgeDefaultConfig>;

package/badge/badge-limit.pipe.d.ts

@@ -0,0 +1,7 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class BadgeLimitPipe implements PipeTransform {
+    transform(value: string, max: number | string | null): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BadgeLimitPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<BadgeLimitPipe, "badgeLimit", true>;
+}

package/badge/badge.component.d.ts

@@ -0,0 +1,17 @@
+import { IdsBadgeVariantType } from './types/badge-variant.type';
+import { ComponentBase, IdsSizeType } from '@i-cell/ids-angular/core';
+import { IdsIconComponent } from '@i-cell/ids-angular/icon';
+import * as i0 from "@angular/core";
+export declare class IdsBadgeComponent extends ComponentBase {
+    protected get _hostName(): string;
+    appearance: import("@angular/core").InputSignal<"filled" | undefined>;
+    variant: import("@angular/core").InputSignal<IdsBadgeVariantType | undefined>;
+    label: import("@angular/core").InputSignal<string>;
+    size: import("@angular/core").InputSignal<IdsSizeType | undefined>;
+    limit: import("@angular/core").InputSignal<number | null>;
+    showLeadingElement: import("@angular/core").InputSignal<boolean>;
+    protected _iconLeading: import("@angular/core").Signal<readonly IdsIconComponent[]>;
+    protected _hostClasses: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IdsBadgeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IdsBadgeComponent, "ids-badge", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "limit": { "alias": "limit"; "required": false; "isSignal": true; }; "showLeadingElement": { "alias": "showLeadingElement"; "required": false; "isSignal": true; }; }, {}, ["_iconLeading"], ["ids-icon[icon-leading]"], true, never>;
+}

package/badge/badge.directive.d.ts

@@ -0,0 +1,25 @@
+import { IdsBadgeDefaultConfig } from './badge-defaults';
+import { IdsBadgeVariantType } from './types/badge-variant.type';
+import { OnDestroy, OnInit } from '@angular/core';
+import { DirectiveBaseWithDefaults, IdsSizeType } from '@i-cell/ids-angular/core';
+import * as i0 from "@angular/core";
+export declare class IdsBadgeDirective extends DirectiveBaseWithDefaults<IdsBadgeDefaultConfig> implements OnInit, OnDestroy {
+    private _badgeRef;
+    private _iconEffectRef?;
+    private readonly _elementRef;
+    private readonly _viewContainerRef;
+    private readonly _injector;
+    protected readonly _defaultConfig: Required<IdsBadgeDefaultConfig>;
+    appearance: import("@angular/core").InputSignal<"filled">;
+    label: import("@angular/core").InputSignal<string>;
+    size: import("@angular/core").InputSignal<IdsSizeType>;
+    variant: import("@angular/core").InputSignal<IdsBadgeVariantType>;
+    limit: import("@angular/core").InputSignal<number | null>;
+    showLeadingElement: import("@angular/core").InputSignal<boolean>;
+    ngOnInit(): void;
+    private _moveIconIfNeeded;
+    ngOnDestroy(): void;
+    protected _hostClasses: import("@angular/core").Signal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IdsBadgeDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IdsBadgeDirective, "[idsBadge]", never, { "appearance": { "alias": "badgeAppearance"; "required": false; "isSignal": true; }; "label": { "alias": "badgeLabel"; "required": false; "isSignal": true; }; "size": { "alias": "badgeSize"; "required": false; "isSignal": true; }; "variant": { "alias": "badgeVariant"; "required": false; "isSignal": true; }; "limit": { "alias": "badgeLimit"; "required": false; "isSignal": true; }; "showLeadingElement": { "alias": "badgeShowLeadingElement"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/badge/index.d.ts

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

package/badge/public-api.d.ts

@@ -0,0 +1,5 @@
+export * from './badge.directive';
+export * from './types/badge-variant.type';
+export * from './types/badge-appearance.type';
+export * from './badge-defaults';
+export * from './badge-limit.pipe';

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

@@ -0,0 +1,4 @@
+export declare const IdsBadgeAppearance: {
+    readonly FILLED: "filled";
+};
+export type IdsBadgeAppearanceType = (typeof IdsBadgeAppearance)[keyof typeof IdsBadgeAppearance];

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

@@ -0,0 +1,12 @@
+export declare const IdsBadgeVariant: {
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly SURFACE: "surface";
+    readonly BRAND: "brand";
+    readonly ERROR: "error";
+    readonly WARNING: "warning";
+    readonly SUCCESS: "success";
+    readonly LIGHT: "light";
+    readonly DARK: "dark";
+};
+export type IdsBadgeVariantType = (typeof IdsBadgeVariant)[keyof typeof IdsBadgeVariant];

package/core/public-api.d.ts

@@ -12,6 +12,6 @@ export * from './utils/class-prefix';
 export * from './utils/coercion';
 export * from './utils/compare';
 export * from './utils/date';
-export * from './utils/even-odd';
+export * from './utils/number';
 export * from './utils/fallback-value';
 export * from './utils/string';

package/core/utils/date.d.ts

@@ -1 +1,25 @@
+export declare function isDate(value: unknown): value is Date;
 export declare function isValidDate(value: unknown): value is Date;
+export declare function getValidDateOrNull(value: unknown): Date | null;
+export declare function equalDates(date1: Date | null, date2: Date | null): boolean;
+export declare function compareDates(date1: Date, date2: Date): number;
+export declare function clampDate(date: Date, min: Date | null, max: Date | null): Date;
+export declare function invalidDate(): Date;
+export declare function cloneDate(date: Date): Date;
+export declare function parseDate(value: string, utc?: boolean): Date | null;
+export declare function deserializeDate(value: unknown): Date | null;
+export declare function formatDate(date: Date): string;
+export declare function formatUTCDate(date: Date): string;
+export declare function addDays(date: Date, days: number): Date;
+export declare function addMonths(date: Date, months: number): Date;
+export declare function addYears(date: Date, years: number): Date;
+export declare function startOfDay(date: Date): Date;
+export declare function endOfDay(date: Date): Date;
+export declare function startOfWeek(weekDay: Date, offset: number): Date;
+export declare function endOfWeek(weekDay: Date, offset: number): Date;
+export declare function startOfMonth(date: Date): Date;
+export declare function endOfMonth(date: Date): Date;
+export declare function startOfYear(date: Date): Date;
+export declare function endOfYear(date: Date): Date;
+export declare function getDatesBetween(startDate: Date, endDate: Date): Date[];
+export declare function createNormalizedDate(year: number, month: number, date: number): Date;

package/core/utils/number.d.ts

@@ -0,0 +1,4 @@
+export declare function isNumber(value: unknown): value is number;
+export declare function isNumberEven(val: number): boolean;
+export declare function isNumberOdd(val: number): boolean;
+export declare function positiveModulus(num: number, divisor: number): number;

package/datepicker/calendar/calendar-page.d.ts

@@ -0,0 +1,26 @@
+import { IdsDatepickerIntl } from '../datepicker-intl';
+import { AfterViewInit, ElementRef, Signal } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare abstract class IdsCalendarPage implements AfterViewInit {
+    private readonly _calendarButtonSelector;
+    abstract headerLabel: Signal<string>;
+    protected _element: ElementRef<any>;
+    private _injector;
+    private _cdRef;
+    protected _intl: IdsDatepickerIntl;
+    value: import("@angular/core").InputSignal<Date | null>;
+    focusedDate: import("@angular/core").ModelSignal<Date>;
+    min: import("@angular/core").InputSignal<Date | null>;
+    max: import("@angular/core").InputSignal<Date | null>;
+    selected: import("@angular/core").OutputEmitterRef<Date>;
+    abstract hasPreviousPage(): boolean;
+    abstract gotoPreviousPage(): void;
+    abstract hasNextPage(): boolean;
+    abstract gotoNextPage(): void;
+    protected readonly _today: Date;
+    constructor();
+    ngAfterViewInit(): void;
+    private _moveFocusToCurrent;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IdsCalendarPage, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IdsCalendarPage, never, never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "focusedDate": { "alias": "focusedDate"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, { "focusedDate": "focusedDateChange"; "selected": "selected"; }, never, never, true, never>;
+}

package/datepicker/calendar/calendar.component.d.ts

@@ -0,0 +1,40 @@
+import { IdsDatepickerViewType } from '../tokens/datepicker-view';
+import { OnInit } from '@angular/core';
+import { ComponentBaseWithDefaults, IdsSizeType } from '@i-cell/ids-angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/cdk/a11y";
+export declare class IdsCalendarComponent extends ComponentBaseWithDefaults<object> implements OnInit {
+    protected readonly _defaultConfig: {};
+    protected get _hostName(): string;
+    private _cdRef;
+    private _intl;
+    value: import("@angular/core").InputSignal<Date | null>;
+    size: import("@angular/core").InputSignal<IdsSizeType>;
+    view: import("@angular/core").InputSignal<IdsDatepickerViewType>;
+    min: import("@angular/core").InputSignal<Date | null>;
+    max: import("@angular/core").InputSignal<Date | null>;
+    selected: import("@angular/core").OutputEmitterRef<Date>;
+    monthSelected: import("@angular/core").OutputEmitterRef<Date>;
+    yearSelected: import("@angular/core").OutputEmitterRef<Date>;
+    private _calendarPage;
+    protected _view: import("@angular/core").WritableSignal<IdsDatepickerViewType>;
+    protected _hostClasses: import("@angular/core").Signal<string>;
+    protected _headerButtonSize: import("@angular/core").Signal<IdsSizeType>;
+    protected _headerLabel: import("@angular/core").Signal<string>;
+    protected _prevPageLabel: import("@angular/core").Signal<string>;
+    protected _nextPageLabel: import("@angular/core").Signal<string>;
+    protected _switchViewLabel: import("@angular/core").Signal<string>;
+    protected _focusedDate: Date;
+    ngOnInit(): void;
+    protected _selectYear(selectedYear: Date): void;
+    protected _selectMonth(selectedMonth: Date): void;
+    protected _selectDate(date: Date): void;
+    protected _hasPrevPage(): boolean;
+    protected _gotoPrevPage(): void;
+    protected _hasNextPage(): boolean;
+    protected _gotoNextPage(): void;
+    protected _switchView(): void;
+    private _setFocusedDate;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IdsCalendarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IdsCalendarComponent, "ids-calendar", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": true; "isSignal": true; }; "view": { "alias": "view"; "required": true; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; }, { "selected": "selected"; "monthSelected": "monthSelected"; "yearSelected": "yearSelected"; }, never, never, true, [{ directive: typeof i1.CdkTrapFocus; inputs: {}; outputs: {}; }]>;
+}

package/datepicker/datepicker-defaults.d.ts

@@ -0,0 +1,7 @@
+import { IdsDatepickerViewType } from './tokens/datepicker-view';
+import { InjectionToken } from '@angular/core';
+export interface IdsDatepickerDefaultConfig {
+    view?: IdsDatepickerViewType;
+}
+export declare const IDS_DATEPICKER_DEFAULT_CONFIG: InjectionToken<IdsDatepickerDefaultConfig>;
+export declare function IDS_DATEPICKER_DEFAULT_CONFIG_FACTORY(): Required<IdsDatepickerDefaultConfig>;

package/datepicker/datepicker-intl.d.ts

@@ -0,0 +1,22 @@
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class IdsDatepickerIntl {
+    readonly changes: Subject<void>;
+    triggerButtonLabel: string;
+    prevMonthLabel: string;
+    nextMonthLabel: string;
+    prevYearLabel: string;
+    nextYearLabel: string;
+    prevYearsPageLabel: string;
+    nextYearsPageLabel: string;
+    switchToDaySelectorLabel: string;
+    switchToYearSelectorLabel: string;
+    getDayAriaLabel(date: Date): string | null;
+    getMonthLabel(date: Date): string | null;
+    getMonthAriaLabel(date: Date): string | null;
+    getDaySelectorHeaderLabel(date: Date): string | null;
+    getWeekdayHeaderLabel(date: Date): string | null;
+    protected _formatDate(date: unknown, dateFormat: Intl.DateTimeFormat): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IdsDatepickerIntl, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IdsDatepickerIntl>;
+}

package/datepicker/datepicker-positions.d.ts

@@ -0,0 +1,2 @@
+import { ConnectedPosition } from '@angular/cdk/overlay';
+export declare const datepickerConnectedPositions: ConnectedPosition[];

package/datepicker/datepicker.directive.d.ts

@@ -0,0 +1,58 @@
+import { IdsDatepickerDefaultConfig } from './datepicker-defaults';
+import { IdsDatepickerViewType } from './tokens/datepicker-view';
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
+import { DirectiveBaseWithDefaults } from '@i-cell/ids-angular/core';
+import * as i0 from "@angular/core";
+export declare class IdsDatepickerDirective extends DirectiveBaseWithDefaults<IdsDatepickerDefaultConfig> implements OnChanges, ControlValueAccessor, Validator {
+    protected _defaultConfig: Required<IdsDatepickerDefaultConfig>;
+    protected _hostClasses: import("@angular/core").WritableSignal<string>;
+    private _viewContainerRef;
+    private _elementRef;
+    private _parent;
+    private _overlay;
+    private _injector;
+    formatter: import("@angular/core").InputSignal<import("./tokens/date-formatter").IdsDateFormatterFn>;
+    parser: import("@angular/core").InputSignal<import("./tokens/date-parser").IdsDateParserFn>;
+    view: import("@angular/core").InputSignal<IdsDatepickerViewType>;
+    minDate: import("@angular/core").InputSignalWithTransform<Date | null, unknown>;
+    maxDate: import("@angular/core").InputSignalWithTransform<Date | null, unknown>;
+    private _inputChanges;
+    openedInput: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+    private _opened;
+    opened: import("@angular/core").Signal<boolean>;
+    monthSelected: import("@angular/core").OutputEmitterRef<Date>;
+    yearSelected: import("@angular/core").OutputEmitterRef<Date>;
+    private _onChange;
+    private _onTouched;
+    private _onValidatorChange;
+    private _overlayRef;
+    private _componentRef;
+    private _scrollStrategy;
+    private _overlayCloseSub;
+    get value(): Date | null;
+    private _isValid;
+    private _dateFormatValidator;
+    private _minValidator;
+    private _maxValidator;
+    private _validator;
+    ngOnChanges(changes: SimpleChanges): void;
+    writeValue(obj: unknown): void;
+    registerOnChange(fn: () => void): void;
+    registerOnTouched(fn: () => void): void;
+    validate(control: AbstractControl): ValidationErrors | null;
+    registerOnValidatorChange?(fn: () => void): void;
+    open(): void;
+    close(): void;
+    private _handleInput;
+    private _handleBlur;
+    private _handleKeydown;
+    private _isValidValue;
+    private _setInputValue;
+    private _getOverlayConfig;
+    private _disposeOverlay;
+    private _onOverlayClose;
+    private _onPageNavigationKeydown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IdsDatepickerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<IdsDatepickerDirective, "input[idsDatepicker]", ["idsDatepicker"], { "formatter": { "alias": "formatter"; "required": false; "isSignal": true; }; "parser": { "alias": "parser"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "openedInput": { "alias": "opened"; "required": false; "isSignal": true; }; }, { "monthSelected": "monthSelected"; "yearSelected": "yearSelected"; }, never, never, true, never>;
+}

package/datepicker/day-selector/day-selector.component.d.ts

@@ -0,0 +1,26 @@
+import { IdsCalendarPage } from '../calendar/calendar-page';
+import * as i0 from "@angular/core";
+export declare class IdsDaySelectorComponent extends IdsCalendarPage {
+    headerLabel: import("@angular/core").Signal<string>;
+    protected _currentMonth: import("@angular/core").Signal<Date>;
+    protected _previousMonth: import("@angular/core").Signal<Date>;
+    protected _nextMonth: import("@angular/core").Signal<Date>;
+    protected _gridStartDate: import("@angular/core").Signal<Date>;
+    protected _gridEndDate: import("@angular/core").Signal<Date>;
+    protected _days: import("@angular/core").Signal<Date[]>;
+    protected _weekdayLabels: import("@angular/core").Signal<string[]>;
+    hasPreviousPage(): boolean;
+    gotoPreviousPage(): void;
+    hasNextPage(): boolean;
+    gotoNextPage(): void;
+    protected _selectDate(event: MouseEvent, date: Date): void;
+    protected _isDateInCurrentMonth(date: Date): boolean;
+    protected _isDateFocused(date: Date): boolean;
+    protected _isDateSelected(date: Date): boolean;
+    protected _isDateDisabled(date: Date): boolean;
+    protected _isDateToday(date: Date): boolean;
+    private _handleKeydown;
+    private _hasShiftModifierKey;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IdsDaySelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IdsDaySelectorComponent, "ids-day-selector", never, {}, {}, never, never, true, never>;
+}

package/datepicker/index.d.ts

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

package/datepicker/month-selector/month-selector.component.d.ts

@@ -0,0 +1,20 @@
+import { IdsCalendarPage } from '../calendar/calendar-page';
+import * as i0 from "@angular/core";
+export declare class IdsMonthSelectorComponent extends IdsCalendarPage {
+    protected _focusedYear: import("@angular/core").Signal<number>;
+    protected _monthLabels: import("@angular/core").Signal<string[] | undefined>;
+    headerLabel: import("@angular/core").Signal<string>;
+    hasPreviousPage(): boolean;
+    gotoPreviousPage(): void;
+    hasNextPage(): boolean;
+    gotoNextPage(): void;
+    protected _selectMonth(event: MouseEvent, month: number): void;
+    protected _isMonthFocused(month: number): boolean;
+    protected _isMonthSelected(month: number): boolean;
+    protected _isCurrentMonth(month: number): boolean;
+    protected _isMonthDisabled(month: number): boolean;
+    protected _getMonthAsDate(month: number): Date;
+    private _handleKeydown;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IdsMonthSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IdsMonthSelectorComponent, "ids-month-selector", never, {}, {}, never, never, true, never>;
+}

package/datepicker/public-api.d.ts

@@ -0,0 +1,7 @@
+export * from './tokens/datepicker-view';
+export * from './tokens/date-formatter';
+export * from './tokens/date-parser';
+export * from './trigger/datepicker-trigger.component';
+export * from './datepicker-defaults';
+export * from './datepicker-intl';
+export * from './datepicker.directive';

package/datepicker/tokens/date-formatter.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export type IdsDateFormatterFn = (date: Date) => string;
+export declare const IDS_DATE_FORMATTER: InjectionToken<IdsDateFormatterFn>;

package/datepicker/tokens/date-parser.d.ts

@@ -0,0 +1,3 @@
+import { InjectionToken } from '@angular/core';
+export type IdsDateParserFn = (value: string, utc?: boolean) => Date | null;
+export declare const IDS_DATE_PARSER: InjectionToken<IdsDateParserFn>;

package/datepicker/tokens/datepicker-view.d.ts

@@ -0,0 +1,6 @@
+export declare const IdsDatepickerView: {
+    readonly DAY: "day";
+    readonly MONTH: "month";
+    readonly YEAR: "year";
+};
+export type IdsDatepickerViewType = (typeof IdsDatepickerView)[keyof typeof IdsDatepickerView];

package/datepicker/trigger/datepicker-trigger.component.d.ts

@@ -0,0 +1,12 @@
+import { IdsDatepickerIntl } from '../datepicker-intl';
+import { IdsDatepickerDirective } from '../datepicker.directive';
+import { IdsFormFieldComponent } from '@i-cell/ids-angular/forms';
+import * as i0 from "@angular/core";
+export declare class IdsDatepickerTriggerComponent {
+    protected _parent: IdsFormFieldComponent;
+    protected _intl: IdsDatepickerIntl;
+    datepicker: import("@angular/core").InputSignal<IdsDatepickerDirective>;
+    ariaLabel: import("@angular/core").InputSignal<string | null>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IdsDatepickerTriggerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IdsDatepickerTriggerComponent, "ids-datepicker-trigger", never, { "datepicker": { "alias": "for"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/datepicker/year-selector/year-selector.component.d.ts

@@ -0,0 +1,20 @@
+import { IdsCalendarPage } from '../calendar/calendar-page';
+import * as i0 from "@angular/core";
+export declare class IdsYearSelectorComponent extends IdsCalendarPage {
+    private _firstYearOnPage;
+    protected _years: import("@angular/core").Signal<number[]>;
+    headerLabel: import("@angular/core").Signal<string>;
+    hasPreviousPage(): boolean;
+    gotoPreviousPage(): void;
+    hasNextPage(): boolean;
+    gotoNextPage(): void;
+    protected _selectYear(event: MouseEvent, year: number): void;
+    protected _isYearFocused(year: number): boolean;
+    protected _isYearSelected(year: number): boolean;
+    protected _isCurrentYear(year: number): boolean;
+    protected _isYearDisabled(year: number): boolean;
+    private _handleKeydown;
+    private _getFirstYearOffset;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IdsYearSelectorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IdsYearSelectorComponent, "ids-year-selector", never, {}, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,172 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, Pipe, input, contentChildren, computed, Component, inject, ElementRef, ViewContainerRef, Injector, runInInjectionContext, effect, Directive } from '@angular/core';
+import { IdsSize, ComponentBase, DirectiveBaseWithDefaults } from '@i-cell/ids-angular/core';
+import { NgClass } from '@angular/common';
+
+const IdsBadgeAppearance = {
+    FILLED: 'filled',
+};
+
+const IdsBadgeVariant = {
+    PRIMARY: 'primary',
+    SECONDARY: 'secondary',
+    SURFACE: 'surface',
+    BRAND: 'brand',
+    ERROR: 'error',
+    WARNING: 'warning',
+    SUCCESS: 'success',
+    LIGHT: 'light',
+    DARK: 'dark',
+};
+
+const IDS_BADGE_DEFAULT_CONFIG = new InjectionToken('IDS_BADGE_DEFAULT_CONFIG', {
+    providedIn: 'root',
+    factory: IDS_BADGE_DEFAULT_CONFIG_FACTORY,
+});
+function IDS_BADGE_DEFAULT_CONFIG_FACTORY() {
+    return {
+        appearance: IdsBadgeAppearance.FILLED,
+        size: IdsSize.COMPACT,
+        variant: IdsBadgeVariant.SURFACE,
+        showLeadingElement: false,
+        label: '',
+    };
+}
+
+class BadgeLimitPipe {
+    transform(value, max) {
+        if (value === null || value === undefined || value === '') {
+            return '';
+        }
+        if (max === null || max === undefined || max === '') {
+            return String(value);
+        }
+        const num = Number(value);
+        const maxNum = Number(max);
+        if (!isNaN(num) && !isNaN(maxNum)) {
+            return num > maxNum ? `${maxNum}+` : `${num}`;
+        }
+        return String(value);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: BadgeLimitPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe }); }
+    static { this.ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "19.1.2", ngImport: i0, type: BadgeLimitPipe, isStandalone: true, name: "badgeLimit", pure: false }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: BadgeLimitPipe, decorators: [{
+            type: Pipe,
+            args: [{
+                    name: 'badgeLimit',
+                    standalone: true,
+                    pure: false,
+                }]
+        }] });
+
+class IdsBadgeComponent extends ComponentBase {
+    constructor() {
+        super(...arguments);
+        this.appearance = input();
+        this.variant = input();
+        this.label = input('');
+        this.size = input();
+        this.limit = input(null);
+        this.showLeadingElement = input(false);
+        this._iconLeading = contentChildren('ids-icon[icon-leading]');
+        this._hostClasses = computed(() => this._getHostClasses([
+            this.size(),
+            this.variant(),
+        ]));
+    }
+    get _hostName() {
+        return 'badge';
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsBadgeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.1.2", type: IdsBadgeComponent, isStandalone: true, selector: "ids-badge", inputs: { appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, limit: { classPropertyName: "limit", publicName: "limit", isSignal: true, isRequired: false, transformFunction: null }, showLeadingElement: { classPropertyName: "showLeadingElement", publicName: "showLeadingElement", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "_iconLeading", predicate: ["ids-icon[icon-leading]"], isSignal: true }], usesInheritance: true, ngImport: i0, template: "<div [ngClass]=\"!showLeadingElement() && !label() ? 'ids-badge__container-no-element' : 'ids-badge__container'\">\n  @if (_iconLeading()) {\n    <ng-content select=\"ids-icon[icon-leading]\"/>\n  }\n  <span class=\"ids-badge__label\" aria-live=\"polite\">{{ label() | badgeLimit:limit() }}</span>\n</div>\n", dependencies: [{ kind: "pipe", type: BadgeLimitPipe, name: "badgeLimit" }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsBadgeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'ids-badge', standalone: true, imports: [
+                        BadgeLimitPipe,
+                        NgClass,
+                    ], template: "<div [ngClass]=\"!showLeadingElement() && !label() ? 'ids-badge__container-no-element' : 'ids-badge__container'\">\n  @if (_iconLeading()) {\n    <ng-content select=\"ids-icon[icon-leading]\"/>\n  }\n  <span class=\"ids-badge__label\" aria-live=\"polite\">{{ label() | badgeLimit:limit() }}</span>\n</div>\n" }]
+        }] });
+
+const defaultConfig = IDS_BADGE_DEFAULT_CONFIG_FACTORY();
+class IdsBadgeDirective extends DirectiveBaseWithDefaults {
+    constructor() {
+        super(...arguments);
+        this._elementRef = inject((ElementRef));
+        this._viewContainerRef = inject(ViewContainerRef);
+        this._injector = inject(Injector);
+        this._defaultConfig = this._getDefaultConfig(defaultConfig, IDS_BADGE_DEFAULT_CONFIG);
+        this.appearance = input(this._defaultConfig.appearance, { alias: 'badgeAppearance' });
+        this.label = input('', { alias: 'badgeLabel' });
+        this.size = input(this._defaultConfig.size, { alias: 'badgeSize' });
+        this.variant = input(this._defaultConfig.variant, { alias: 'badgeVariant' });
+        this.limit = input(null, { alias: 'badgeLimit' });
+        this.showLeadingElement = input(this._defaultConfig.showLeadingElement, { alias: 'badgeShowLeadingElement' });
+        this._hostClasses = computed(() => this._getHostClasses([]));
+    }
+    ngOnInit() {
+        const originalEl = this._elementRef.nativeElement;
+        runInInjectionContext(this._injector, () => {
+            this._badgeRef = this._viewContainerRef.createComponent(IdsBadgeComponent, {
+                injector: this._injector,
+            });
+            const badgeEl = this._badgeRef.location.nativeElement;
+            const parent = originalEl.parentElement;
+            if (!parent) {
+                return;
+            }
+            const placeholder = document.createComment('ids-badge-wrapper');
+            parent.replaceChild(placeholder, originalEl);
+            badgeEl.appendChild(originalEl);
+            parent.replaceChild(badgeEl, placeholder);
+            effect(() => {
+                this._badgeRef.setInput('appearance', this.appearance());
+                this._badgeRef.setInput('variant', this.variant());
+                this._badgeRef.setInput('label', this.label());
+                this._badgeRef.setInput('size', this.size());
+                this._badgeRef.setInput('limit', this.limit());
+                this._badgeRef.setInput('showLeadingElement', this.showLeadingElement());
+            });
+            this._iconEffectRef = effect(() => {
+                if (this.showLeadingElement()) {
+                    queueMicrotask(() => this._moveIconIfNeeded());
+                }
+            });
+            this._moveIconIfNeeded();
+        });
+    }
+    _moveIconIfNeeded() {
+        const host = this._elementRef.nativeElement;
+        const icon = host.querySelector('ids-icon[icon-leading]');
+        const badgeEl = this._badgeRef?.location.nativeElement;
+        if (!icon || !badgeEl) {
+            return;
+        }
+        const container = badgeEl.querySelector('.ids-badge__container') ||
+            badgeEl.querySelector('.ids-badge__container-no-element');
+        if (container && !container.contains(icon)) {
+            container.prepend(icon);
+        }
+    }
+    ngOnDestroy() {
+        this._iconEffectRef?.destroy();
+        this._badgeRef?.destroy();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsBadgeDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.1.2", type: IdsBadgeDirective, isStandalone: true, selector: "[idsBadge]", inputs: { appearance: { classPropertyName: "appearance", publicName: "badgeAppearance", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "badgeLabel", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "badgeSize", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "badgeVariant", isSignal: true, isRequired: false, transformFunction: null }, limit: { classPropertyName: "limit", publicName: "badgeLimit", isSignal: true, isRequired: false, transformFunction: null }, showLeadingElement: { classPropertyName: "showLeadingElement", publicName: "badgeShowLeadingElement", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.1.2", ngImport: i0, type: IdsBadgeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[idsBadge]',
+                    standalone: true,
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { BadgeLimitPipe, IDS_BADGE_DEFAULT_CONFIG, IDS_BADGE_DEFAULT_CONFIG_FACTORY, IdsBadgeAppearance, IdsBadgeDirective, IdsBadgeVariant };
+//# sourceMappingURL=i-cell-ids-angular-badge.mjs.map