@i-cell/ids-angular 0.0.0-watch

package/snackbar/index.d.ts

@@ -0,0 +1,149 @@
+import * as _angular_core from '@angular/core';
+import { ViewContainerRef, InjectionToken, Signal, AfterViewInit, OnDestroy } from '@angular/core';
+import { IdsSizeType, ComponentBaseWithDefaults, ComponentBase } from '@i-cell/ids-angular/core';
+
+declare const IdsSnackbarVariant: {
+    readonly DARK: "dark";
+    readonly INFO: "info";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+    readonly ERROR: "error";
+};
+type IdsSnackbarVariantType = (typeof IdsSnackbarVariant)[keyof typeof IdsSnackbarVariant];
+
+interface IdsSnackbarData {
+    message: string;
+    variant?: IdsSnackbarVariantType;
+    icon?: string;
+    actions?: IdsSnackbarAction[];
+    allowDismiss?: boolean;
+    closeButtonLabel?: string;
+    autoClose?: boolean;
+    urgent?: boolean;
+}
+interface IdsSnackbarAction {
+    label: string;
+    action: () => void;
+}
+
+interface IdsSnackbarInnerData extends IdsSnackbarData {
+    id: number;
+}
+
+declare class IdsSnackbarService {
+    private readonly _router;
+    private readonly _overlay;
+    private readonly _defaultConfig;
+    private _overlayRef?;
+    private _snackbarGroupPortal;
+    private _viewContainerRef?;
+    private _snackbarNextUniqueId;
+    private _snackbars;
+    snackbars: _angular_core.Signal<IdsSnackbarInnerData[]>;
+    constructor();
+    private _attachGroup;
+    private _createOverlay;
+    private _getPositionStrategy;
+    private _detachGroup;
+    add(snackbar: IdsSnackbarData): void;
+    remove(id: number): void;
+    clear(): void;
+    setViewContainerRef(viewContainerRef: ViewContainerRef): void;
+    clearViewContainerRef(): void;
+    update(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsSnackbarService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<IdsSnackbarService>;
+}
+
+declare const IdsSnackbarPosition: {
+    readonly BOTTOM_CENTER: "bottom-center";
+    readonly BOTTOM_LEFT: "bottom-left";
+    readonly BOTTOM_RIGHT: "bottom-right";
+    readonly TOP_CENTER: "top-center";
+    readonly TOP_LEFT: "top-left";
+    readonly TOP_RIGHT: "top-right";
+};
+type IdsSnackbarPositionType = (typeof IdsSnackbarPosition)[keyof typeof IdsSnackbarPosition];
+
+declare const READ_SPEED_PER_CHAR = 50;
+declare const MIN_DURATION = 2000;
+declare const READ_SPEED_PER_ACTION = 2000;
+interface IdsSnackbarDefaultConfig {
+    size?: IdsSizeType;
+    variant?: IdsSnackbarVariantType;
+    position?: IdsSnackbarPositionType;
+    newestAtStartPosition?: boolean;
+    viewportMargin?: number;
+}
+declare const IDS_SNACKBAR_DEFAULT_CONFIG: InjectionToken<IdsSnackbarDefaultConfig>;
+declare function IDS_SNACKBAR_DEFAULT_CONFIG_FACTORY(): (Required<IdsSnackbarDefaultConfig>);
+
+declare class IdsSnackbarGroupComponent extends ComponentBaseWithDefaults<IdsSnackbarDefaultConfig> {
+    protected get _hostName(): string;
+    private readonly _snackbarService;
+    protected readonly _defaultConfig: Required<IdsSnackbarDefaultConfig>;
+    position: _angular_core.WritableSignal<IdsSnackbarPositionType>;
+    snackbars: Signal<IdsSnackbarInnerData[]>;
+    protected _hostClasses: Signal<string>;
+    protected _animationParams: Signal<{
+        translateY: number;
+        translateX: number;
+        height: string;
+    }>;
+    closeSnackbar(id: number): void;
+    protected _onAnimateStart(): void;
+    protected _onAnimateDone(): void;
+    protected _updatePosition(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsSnackbarGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IdsSnackbarGroupComponent, "ids-snackbar-group", never, {}, {}, never, never, true, never>;
+}
+
+declare class IdsSnackbarComponent extends ComponentBase implements AfterViewInit, OnDestroy {
+    protected get _hostName(): string;
+    private _timer?;
+    protected readonly _size: {
+        readonly DENSE: "dense";
+        readonly COMPACT: "compact";
+        readonly COMFORTABLE: "comfortable";
+        readonly SPACIOUS: "spacious";
+    };
+    protected readonly _iconButtonAppearance: {
+        readonly FILLED: "filled";
+        readonly OUTLINED: "outlined";
+        readonly STANDARD: "standard";
+    };
+    protected readonly _buttonAppearance: {
+        readonly FILLED: "filled";
+        readonly OUTLINED: "outlined";
+        readonly TEXT: "text";
+    };
+    message: _angular_core.InputSignal<string>;
+    variant: _angular_core.InputSignal<IdsSnackbarVariantType | undefined>;
+    icon: _angular_core.InputSignal<string | undefined>;
+    actions: _angular_core.InputSignal<IdsSnackbarAction[] | undefined>;
+    allowDismiss: _angular_core.InputSignalWithTransform<boolean, boolean | undefined>;
+    closeButtonLabel: _angular_core.InputSignal<string | undefined>;
+    autoClose: _angular_core.InputSignalWithTransform<boolean, boolean | undefined>;
+    urgent: _angular_core.InputSignalWithTransform<boolean, boolean | undefined>;
+    closed: _angular_core.OutputEmitterRef<void>;
+    private _canAutoClose;
+    private _duration;
+    protected _hostClasses: _angular_core.Signal<string>;
+    private _role;
+    protected _buttonVariant: _angular_core.Signal<"light" | "surface">;
+    private _defaultIcon;
+    protected _safeIcon: _angular_core.Signal<string | null>;
+    private _onMouseEnter;
+    private _onMouseLeave;
+    private _startTimer;
+    private _stopTimer;
+    ngAfterViewInit(): void;
+    close(): void;
+    callAction(action: () => void): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsSnackbarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IdsSnackbarComponent, "ids-snackbar", never, { "message": { "alias": "message"; "required": true; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "actions": { "alias": "actions"; "required": false; "isSignal": true; }; "allowDismiss": { "alias": "allowDismiss"; "required": false; "isSignal": true; }; "closeButtonLabel": { "alias": "closeButtonLabel"; "required": false; "isSignal": true; }; "autoClose": { "alias": "autoClose"; "required": false; "isSignal": true; }; "urgent": { "alias": "urgent"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, never>;
+}
+
+export { IDS_SNACKBAR_DEFAULT_CONFIG, IDS_SNACKBAR_DEFAULT_CONFIG_FACTORY, IdsSnackbarComponent, IdsSnackbarGroupComponent, IdsSnackbarPosition, IdsSnackbarService, IdsSnackbarVariant, MIN_DURATION, READ_SPEED_PER_ACTION, READ_SPEED_PER_CHAR };
+export type { IdsSnackbarAction, IdsSnackbarData, IdsSnackbarDefaultConfig, IdsSnackbarPositionType, IdsSnackbarVariantType };

package/snackbar/package.json

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

package/spinner/index.d.ts

@@ -0,0 +1,41 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken } from '@angular/core';
+import { IdsSizeType, IdsSizeCollectionType, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';
+
+declare const IdsSpinnerVariant: {
+    readonly SURFACE: "surface";
+    readonly PRIMARY: "primary";
+    readonly SECONDARY: "secondary";
+    readonly BRAND: "brand";
+    readonly LIGHT: "light";
+    readonly ERROR: "error";
+    readonly SUCCESS: "success";
+    readonly WARNING: "warning";
+};
+type IdsSpinnerVariantType = (typeof IdsSpinnerVariant)[keyof typeof IdsSpinnerVariant];
+
+interface IdsSpinnerDefaultConfig {
+    size?: IdsSizeType;
+    sizeCollection?: IdsSizeCollectionType;
+    variant?: IdsSpinnerVariantType;
+    isTrack: boolean;
+}
+declare const IDS_SPINNER_DEFAULT_CONFIG: InjectionToken<IdsSpinnerDefaultConfig>;
+declare function IDS_SPINNER_DEFAULT_CONFIG_FACTORY(): Required<IdsSpinnerDefaultConfig>;
+
+declare class IdsSpinnerComponent extends ComponentBaseWithDefaults<IdsSpinnerDefaultConfig> {
+    protected get _hostName(): string;
+    protected readonly _defaultConfig: Required<IdsSpinnerDefaultConfig>;
+    size: _angular_core.InputSignal<string>;
+    sizeCollection: _angular_core.InputSignal<string>;
+    variant: _angular_core.InputSignal<IdsSpinnerVariantType>;
+    isTrack: _angular_core.InputSignal<boolean>;
+    ariaLabel: _angular_core.InputSignal<string>;
+    constructor();
+    protected _hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsSpinnerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IdsSpinnerComponent, "ids-spinner", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "sizeCollection": { "alias": "sizeCollection"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "isTrack": { "alias": "isTrack"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { IDS_SPINNER_DEFAULT_CONFIG, IDS_SPINNER_DEFAULT_CONFIG_FACTORY, IdsSpinnerComponent, IdsSpinnerVariant };
+export type { IdsSpinnerDefaultConfig, IdsSpinnerVariantType };

package/spinner/package.json

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

package/switch/index.d.ts

@@ -0,0 +1,89 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken } from '@angular/core';
+import { IdsSizeType, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';
+import * as _i_cell_ids_angular_switch from '@i-cell/ids-angular/switch';
+
+declare const IdsSwitchIconPosition: {
+    readonly ONHANDLE: "onhandle";
+    readonly ONTRACK: "ontrack";
+};
+type IdsSwitchIconPositionType = (typeof IdsSwitchIconPosition)[keyof typeof IdsSwitchIconPosition];
+declare const IdsSwitchLabelPosition: {
+    readonly LEFT: "left";
+    readonly RIGHT: "right";
+};
+type IdsSwitchLabelPositionType = (typeof IdsSwitchLabelPosition)[keyof typeof IdsSwitchLabelPosition];
+
+declare const IdsSwitchVariant: {
+    readonly PRIMARY: "primary";
+    readonly SURFACE: "surface";
+    readonly LIGHT: "light";
+};
+type IdsSwitchVariantType = (typeof IdsSwitchVariant)[keyof typeof IdsSwitchVariant];
+
+interface IdsSwitchDefaultConfig {
+    size?: IdsSizeType;
+    variant?: IdsSwitchVariantType;
+    hasIcon?: boolean;
+    iconPosition: IdsSwitchIconPositionType;
+    labelPosition: IdsSwitchLabelPositionType;
+}
+declare const IDS_SWITCH_DEFAULT_CONFIG: InjectionToken<IdsSwitchDefaultConfig>;
+declare function IDS_SWITCH_DEFAULT_CONFIG_FACTORY(): Required<IdsSwitchDefaultConfig>;
+
+declare class IdsSwitchGroupComponent extends ComponentBaseWithDefaults<IdsSwitchDefaultConfig> {
+    protected get _hostName(): string;
+    protected readonly _defaultConfig: Required<IdsSwitchDefaultConfig>;
+    size: _angular_core.InputSignal<IdsSizeType | null>;
+    hasIcon: _angular_core.InputSignal<boolean>;
+    iconPosition: _angular_core.InputSignal<_i_cell_ids_angular_switch.IdsSwitchIconPositionType>;
+    labelPosition: _angular_core.InputSignal<_i_cell_ids_angular_switch.IdsSwitchLabelPositionType>;
+    protected _hostClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsSwitchGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IdsSwitchGroupComponent, "ids-switch-group", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "hasIcon": { "alias": "hasIcon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; }, {}, never, ["ids-switch"], true, never>;
+}
+
+declare class IdsSwitchComponent extends ComponentBaseWithDefaults<IdsSwitchDefaultConfig> {
+    protected get _hostName(): string;
+    protected readonly _defaultConfig: Required<IdsSwitchDefaultConfig>;
+    private _switchGroup;
+    private _switchElement;
+    protected _isChecked: _angular_core.WritableSignal<boolean>;
+    label: _angular_core.InputSignal<string | undefined>;
+    name: _angular_core.InputSignal<string | null | undefined>;
+    readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    size: _angular_core.InputSignal<IdsSizeType>;
+    tabIndex: _angular_core.InputSignalWithTransform<number, unknown>;
+    variant: _angular_core.InputSignal<IdsSwitchVariantType>;
+    hasIcon: _angular_core.InputSignal<boolean>;
+    iconPosition: _angular_core.InputSignal<_i_cell_ids_angular_switch.IdsSwitchIconPositionType>;
+    labelPosition: _angular_core.InputSignal<_i_cell_ids_angular_switch.IdsSwitchLabelPositionType>;
+    protected _isDisabled: _angular_core.WritableSignal<boolean>;
+    ariaLabel: _angular_core.InputSignal<string | null>;
+    ariaLabelledBy: _angular_core.InputSignalWithTransform<string | null, string>;
+    ariaDescribedBy: _angular_core.InputSignal<string | null>;
+    protected _parentOrSelfSize: _angular_core.Signal<IdsSizeType>;
+    protected _parentOrSelfHasIcon: _angular_core.Signal<boolean>;
+    protected _parentOrSelfIconPosition: _angular_core.Signal<_i_cell_ids_angular_switch.IdsSwitchIconPositionType>;
+    protected _parentOrSelfLabelPosition: _angular_core.Signal<_i_cell_ids_angular_switch.IdsSwitchLabelPositionType>;
+    protected _hasHandleIcon: _angular_core.Signal<boolean>;
+    protected _hasTrackIcon: _angular_core.Signal<boolean>;
+    private _isFocusable;
+    protected _hostClasses: _angular_core.Signal<string>;
+    private _onChange;
+    private _onTouched;
+    set disabled(value: boolean);
+    focus(): void;
+    writeValue(value: boolean | undefined): void;
+    registerOnChange(fn: () => void): void;
+    registerOnTouched(fn: () => unknown): void;
+    setDisabledState?(isDisabled: boolean): void;
+    toggle(): void;
+    protected _handleClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsSwitchComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IdsSwitchComponent, "ids-switch[ngModel]:not([formControl]):not([formControlName]),             ids-switch[formControl]:not([ngModel]):not([formControlName]),             ids-switch[formControlName]:not([ngModel]):not([formControl])", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "tabIndex": { "alias": "tabIndex"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "hasIcon": { "alias": "hasIcon"; "required": false; "isSignal": true; }; "iconPosition": { "alias": "iconPosition"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "aria-label"; "required": false; "isSignal": true; }; "ariaLabelledBy": { "alias": "aria-labelledby"; "required": false; "isSignal": true; }; "ariaDescribedBy": { "alias": "aria-describedby"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+}
+
+export { IDS_SWITCH_DEFAULT_CONFIG, IDS_SWITCH_DEFAULT_CONFIG_FACTORY, IdsSwitchComponent, IdsSwitchGroupComponent, IdsSwitchIconPosition, IdsSwitchLabelPosition, IdsSwitchVariant };
+export type { IdsSwitchDefaultConfig, IdsSwitchIconPositionType, IdsSwitchLabelPositionType, IdsSwitchVariantType };

package/switch/package.json

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

package/tab/index.d.ts

@@ -0,0 +1,78 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken, TemplateRef, AfterContentInit } from '@angular/core';
+import { IdsSizeType, IdsOrientationType, ComponentBase, ComponentBaseWithDefaults } from '@i-cell/ids-angular/core';
+
+declare const IdsTabGroupPosition: {
+    readonly START: "start";
+    readonly CENTER: "center";
+    readonly END: "end";
+};
+type IdsTabGroupPositionType = (typeof IdsTabGroupPosition)[keyof typeof IdsTabGroupPosition];
+
+declare const IdsTabGroupVariant: {
+    readonly PRIMARY: "primary";
+    readonly SURFACE: "surface";
+    readonly LIGHT: "light";
+};
+type IdsTabGroupVariantType = (typeof IdsTabGroupVariant)[keyof typeof IdsTabGroupVariant];
+
+declare const IdsTabIndicatorPosition: {
+    readonly TOP: "top";
+    readonly BOTTOM: "bottom";
+    readonly LEFT: "left";
+    readonly RIGHT: "right";
+};
+type IdsTabIndicatorPositionType = (typeof IdsTabIndicatorPosition)[keyof typeof IdsTabIndicatorPosition];
+
+interface IdsTabGroupDefaultConfig {
+    size?: IdsSizeType;
+    variant?: IdsTabGroupVariantType;
+    orientation?: IdsOrientationType;
+    stretchTabs?: boolean;
+    tabPosition?: IdsTabGroupPositionType;
+    indicatorPosition?: IdsTabIndicatorPositionType;
+}
+declare const IDS_TAB_GROUP_DEFAULT_CONFIG: InjectionToken<IdsTabGroupDefaultConfig>;
+declare function IDS_TAB_GROUP_DEFAULT_CONFIG_FACTORY(): Required<IdsTabGroupDefaultConfig>;
+
+declare class IdsTabComponent extends ComponentBase {
+    protected get _hostName(): string;
+    private _tabGroup;
+    label: _angular_core.InputSignal<string | undefined>;
+    disabled: _angular_core.InputSignal<boolean>;
+    leadingIcon: _angular_core.InputSignalWithTransform<string, unknown>;
+    trailingIcon: _angular_core.InputSignalWithTransform<string, unknown>;
+    content: _angular_core.Signal<TemplateRef<unknown>>;
+    panelId: _angular_core.Signal<string>;
+    parentOrSelfDisabled: _angular_core.Signal<boolean>;
+    protected _hostClasses: _angular_core.WritableSignal<string>;
+    hostTabClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsTabComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IdsTabComponent, "ids-tab", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; "isSignal": true; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class IdsTabGroupComponent extends ComponentBaseWithDefaults<IdsTabGroupDefaultConfig> implements AfterContentInit {
+    protected get _hostName(): string;
+    protected readonly _defaultConfig: Required<IdsTabGroupDefaultConfig>;
+    protected _items: _angular_core.Signal<readonly IdsTabComponent[]>;
+    private _portalOutlet;
+    private _viewContainerRef;
+    size: _angular_core.InputSignal<IdsSizeType>;
+    variant: _angular_core.InputSignal<IdsTabGroupVariantType>;
+    orientation: _angular_core.InputSignal<IdsOrientationType>;
+    stretchTabs: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    tabPosition: _angular_core.InputSignal<IdsTabGroupPositionType>;
+    indicatorPosition: _angular_core.InputSignal<IdsTabIndicatorPositionType | undefined>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected _selectedTabIndex: _angular_core.WritableSignal<number>;
+    selectedTabIndex: _angular_core.Signal<number>;
+    protected _hostClasses: _angular_core.Signal<string>;
+    private _calculatedIndicatorPosition;
+    ngAfterContentInit(): void;
+    selectTab(index: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IdsTabGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IdsTabGroupComponent, "ids-tab-group", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "stretchTabs": { "alias": "stretchTabs"; "required": false; "isSignal": true; }; "tabPosition": { "alias": "tabPosition"; "required": false; "isSignal": true; }; "indicatorPosition": { "alias": "indicatorPosition"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, ["_items"], never, true, never>;
+}
+
+export { IDS_TAB_GROUP_DEFAULT_CONFIG, IDS_TAB_GROUP_DEFAULT_CONFIG_FACTORY, IdsTabComponent, IdsTabGroupComponent, IdsTabGroupPosition, IdsTabGroupVariant, IdsTabIndicatorPosition };
+export type { IdsTabGroupDefaultConfig, IdsTabGroupPositionType, IdsTabGroupVariantType, IdsTabIndicatorPositionType };

package/tab/package.json

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