@spicainternational/ngx-sds-components 8.8.1 → 9.0.0-beta.2

package/types/spicainternational-ngx-sds-components-src-lib-navigation.d.ts

@@ -0,0 +1,256 @@
+import * as _angular_core from '@angular/core';
+import { Signal, OnInit, OnDestroy, OnChanges, QueryList, SimpleChanges, EventEmitter, PipeTransform } from '@angular/core';
+import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
+import { Router } from '@angular/router';
+import { ProductModel } from '@spicainternational/ngx-sds-components/src/lib/app-switcher';
+
+interface CollapsibleNavigationEntity {
+    isCollapsed: Signal<boolean>;
+}
+
+declare class SdsNavigationRouteLinkComponent implements CollapsibleNavigationEntity {
+    #private;
+    /**
+     * This variable is used as 'routerLink' attribute in the anchor tag.
+     *
+     * Is named 'link' to avoid conflict with the 'routerLink' directive.
+     */
+    link: _angular_core.InputSignal<string>;
+    /** @deprecated Use `activeRoutePattern` instead. */
+    nestedLinks: _angular_core.InputSignal<string[]>;
+    text: _angular_core.InputSignal<string>;
+    /**
+     * This variable can be used to provide a pattern for active route.
+     * It has higher priority than default route matching (checking if current route starts with provided link or is part of nested links).
+     * This is useful when we have more complex logic to determine if route is active.
+     *
+     * @memberof SdsNavigationRouteLinkComponent
+     */
+    activeRoutePattern: _angular_core.InputSignal<string | RegExp>;
+    additionalInfo: _angular_core.InputSignal<string | undefined>;
+    disabled: _angular_core.InputSignal<boolean>;
+    isCollapsed: _angular_core.ModelSignal<boolean>;
+    /** @deprecated Use `activeRoutePattern` instead. */
+    ignoreQueryParamsInActiveRoute: _angular_core.InputSignal<boolean>;
+    constructor();
+    protected isActive: Signal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsNavigationRouteLinkComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsNavigationRouteLinkComponent, "sds-navigation-route-link", never, { "link": { "alias": "link"; "required": false; "isSignal": true; }; "nestedLinks": { "alias": "nestedLinks"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "activeRoutePattern": { "alias": "activeRoutePattern"; "required": false; "isSignal": true; }; "additionalInfo": { "alias": "additionalInfo"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "ignoreQueryParamsInActiveRoute": { "alias": "ignoreQueryParamsInActiveRoute"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; }, never, ["[navigationIcon]"], true, never>;
+}
+
+declare class SdsNavigationGroupComponent implements OnInit, OnDestroy, CollapsibleNavigationEntity, OnChanges {
+    #private;
+    private _router;
+    /**
+     @deprecated Use `activeRoutePattern` instead.
+     * List of paths allowed/expected within this module.
+     * These are paths that are not accessible through child navigation
+     * elements, but through links in other parts of the application (e.g. link
+     * on form)
+     */
+    private _navigationGroupNestedRoutes;
+    /** @deprecated Use `activeRoutePattern` instead. */
+    set navigationGroupNestedRoutes(value: string[]);
+    get navigationGroupNestedRoutes(): string[];
+    text: string;
+    icon: string;
+    defaultRouterLink: string;
+    reverse: boolean;
+    /** @deprecated Use `activeRoutePattern` instead. */
+    ignoreQueryParamsInActiveRoute: boolean;
+    disabled: boolean;
+    showPopover: boolean;
+    showPopoverHeader: boolean;
+    lightStyle: _angular_core.InputSignal<boolean>;
+    /**
+     * This variable can be used to provide a pattern for active route.
+     * It has higher priority than default route matching (checking if current route starts with provided link or is part of nested links).
+     * This is useful when we have more complex logic to determine if route is active.
+     *
+     * @memberof SdsNavigationGroupComponent
+     */
+    activeRoutePattern: _angular_core.InputSignal<string | RegExp>;
+    additionalInfo: _angular_core.InputSignal<string | undefined>;
+    routerLinkComponents: QueryList<SdsNavigationRouteLinkComponent>;
+    active: boolean;
+    isPopoverVisible: _angular_core.WritableSignal<boolean>;
+    faAngleUpRegular: _fortawesome_fontawesome_common_types.IconDefinition;
+    faAngleDownRegular: _fortawesome_fontawesome_common_types.IconDefinition;
+    /**
+     * Current app URL (e.g. ['layout-showcase', 'default'])
+     */
+    currentUrl: string[];
+    private _unsubscribe;
+    isGroupActive: boolean;
+    protected isActiveGroupClosed: boolean;
+    constructor(_router: Router);
+    isCollapsed: _angular_core.ModelSignal<boolean>;
+    protected lastPointerType: _angular_core.WritableSignal<string>;
+    protected isTouchPointerType: _angular_core.Signal<boolean>;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onClick(): void;
+    onHiding(e: any): void;
+    rememberPointer(e: PointerEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsNavigationGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsNavigationGroupComponent, "sds-navigation-group", never, { "navigationGroupNestedRoutes": { "alias": "navigationGroupNestedRoutes"; "required": false; }; "text": { "alias": "text"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "defaultRouterLink": { "alias": "defaultRouterLink"; "required": false; }; "reverse": { "alias": "reverse"; "required": false; }; "ignoreQueryParamsInActiveRoute": { "alias": "ignoreQueryParamsInActiveRoute"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "showPopover": { "alias": "showPopover"; "required": false; }; "showPopoverHeader": { "alias": "showPopoverHeader"; "required": false; }; "lightStyle": { "alias": "lightStyle"; "required": false; "isSignal": true; }; "activeRoutePattern": { "alias": "activeRoutePattern"; "required": false; "isSignal": true; }; "additionalInfo": { "alias": "additionalInfo"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; }, ["routerLinkComponents"], ["[navigationIcon]", "*", "[popoverContent]"], true, never>;
+}
+
+declare class SdsNavigationSeparatorComponent implements OnInit, CollapsibleNavigationEntity {
+    isCollapsed: _angular_core.ModelSignal<boolean>;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsNavigationSeparatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsNavigationSeparatorComponent, "sds-navigation-separator", never, { "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; }, never, never, true, never>;
+}
+
+declare class SdsNavigationHeaderComponent implements OnInit, CollapsibleNavigationEntity {
+    text: string;
+    isCollapsed: _angular_core.ModelSignal<boolean>;
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsNavigationHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsNavigationHeaderComponent, "sds-navigation-header", never, { "text": { "alias": "text"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; }, never, never, true, never>;
+}
+
+declare class SdsNavigationExternalLinkComponent implements CollapsibleNavigationEntity {
+    link: string;
+    text: string;
+    tabName: string;
+    externalLinkHint: string;
+    showExternalLinkIcon: boolean;
+    externalLinkIcon: _fortawesome_fontawesome_common_types.IconDefinition;
+    isCollapsed: _angular_core.ModelSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsNavigationExternalLinkComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsNavigationExternalLinkComponent, "sds-navigation-external-link", never, { "link": { "alias": "link"; "required": false; }; "text": { "alias": "text"; "required": false; }; "tabName": { "alias": "tabName"; "required": false; }; "externalLinkHint": { "alias": "externalLinkHint"; "required": false; }; "showExternalLinkIcon": { "alias": "showExternalLinkIcon"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; }, never, ["[navigationIcon]", "*"], true, never>;
+}
+
+declare class SdsNavigationCollapsibleFrameComponent implements CollapsibleNavigationEntity {
+    isCollapsed: _angular_core.ModelSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsNavigationCollapsibleFrameComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsNavigationCollapsibleFrameComponent, "sds-navigation-collapsible-frame", never, { "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; }, never, ["*", "[collapsed]"], true, never>;
+}
+
+interface NavigationProfile {
+    id: string;
+    name: string;
+    info: string;
+    pictureUri?: string;
+}
+
+declare class SdsNavigationUserProfileComponent implements OnInit, OnChanges, CollapsibleNavigationEntity {
+    profile: NavigationProfile | null;
+    profileInfo: string;
+    showSignOut: boolean;
+    showProfile: boolean;
+    signOutText: string;
+    profileText: string;
+    showNotificationBadge: boolean;
+    newNotificationsText: string;
+    profileClick: EventEmitter<void>;
+    signOutClick: EventEmitter<void>;
+    notificationBadgeClick: EventEmitter<void>;
+    showOptions: boolean;
+    showOptionsChange: EventEmitter<boolean>;
+    protected userProfileIcon: _fortawesome_fontawesome_common_types.IconDefinition;
+    protected signOutIcon: _fortawesome_fontawesome_common_types.IconDefinition;
+    constructor();
+    isCollapsed: _angular_core.ModelSignal<boolean>;
+    sideBarInstanceName: _angular_core.InputSignal<string>;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    onProfileClick(): void;
+    onSignOutClick(): void;
+    closeOptions(): void;
+    openOptions(): void;
+    protected toggleOptions(event: MouseEvent): void;
+    onNotificationBadgeClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsNavigationUserProfileComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsNavigationUserProfileComponent, "sds-navigation-user-profile", never, { "profile": { "alias": "profile"; "required": false; }; "profileInfo": { "alias": "profileInfo"; "required": false; }; "showSignOut": { "alias": "showSignOut"; "required": false; }; "showProfile": { "alias": "showProfile"; "required": false; }; "signOutText": { "alias": "signOutText"; "required": false; }; "profileText": { "alias": "profileText"; "required": false; }; "showNotificationBadge": { "alias": "showNotificationBadge"; "required": false; }; "newNotificationsText": { "alias": "newNotificationsText"; "required": false; }; "showOptions": { "alias": "showOptions"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "sideBarInstanceName": { "alias": "sideBarInstanceName"; "required": false; "isSignal": true; }; }, { "profileClick": "profileClick"; "signOutClick": "signOutClick"; "notificationBadgeClick": "notificationBadgeClick"; "showOptionsChange": "showOptionsChange"; "isCollapsed": "isCollapsedChange"; }, never, ["*"], true, never>;
+}
+
+declare class SdsNavigationContainerComponent implements OnInit, CollapsibleNavigationEntity {
+    isCollapsed: _angular_core.ModelSignal<boolean>;
+    groupComponentChildren?: QueryList<SdsNavigationGroupComponent>;
+    routeLinkComponentChildren?: QueryList<SdsNavigationRouteLinkComponent>;
+    separatorComponentChildren?: QueryList<SdsNavigationSeparatorComponent>;
+    headerComponentChildren?: QueryList<SdsNavigationHeaderComponent>;
+    externalLinkComponentChildren?: QueryList<SdsNavigationExternalLinkComponent>;
+    userProfileComponentChildren?: QueryList<SdsNavigationUserProfileComponent>;
+    collapsibleFrameComponentChildren?: QueryList<SdsNavigationCollapsibleFrameComponent>;
+    constructor();
+    ngOnInit(): void;
+    private setCollapsed;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsNavigationContainerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsNavigationContainerComponent, "sds-navigation-container", never, { "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; }, ["groupComponentChildren", "routeLinkComponentChildren", "separatorComponentChildren", "headerComponentChildren", "externalLinkComponentChildren", "userProfileComponentChildren", "collapsibleFrameComponentChildren"], ["*"], true, never>;
+}
+
+type UserProfileSelectorContent = 'profileList' | 'selectDefaultProfile';
+
+declare class SdsUserProfileSelectorComponent {
+    content: UserProfileSelectorContent;
+    profiles: NavigationProfile[];
+    selectDefaultProfileText: string;
+    switchText: string;
+    profileIdChange: EventEmitter<string>;
+    protected isSelectedOneOfProfiles: boolean;
+    protected readonly SELECT_DEFAULT_PROFILE_ICON: _fortawesome_fontawesome_common_types.IconDefinition;
+    selectProfile(profileId: string): void;
+    selectDefaultProfile(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsUserProfileSelectorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsUserProfileSelectorComponent, "sds-user-profile-selector", never, { "content": { "alias": "content"; "required": false; }; "profiles": { "alias": "profiles"; "required": false; }; "selectDefaultProfileText": { "alias": "selectDefaultProfileText"; "required": false; }; "switchText": { "alias": "switchText"; "required": false; }; }, { "profileIdChange": "profileIdChange"; }, never, never, true, never>;
+}
+
+declare class SdsProductHomeComponent implements OnInit, CollapsibleNavigationEntity {
+    logoUrl?: string;
+    logoAltText?: string;
+    moduleTitle?: string;
+    showAppSwitcher: boolean;
+    appSwitcherProductCode: string | undefined;
+    appSwitcherUserProductCodes: string[] | undefined;
+    appSwitcherTenantProducts: ProductModel[] | undefined;
+    appSwitcherSwitchText: string;
+    appSwitcherDiscoverText: string;
+    textOpen: _angular_core.InputSignal<string>;
+    textClose: _angular_core.InputSignal<string>;
+    allowHeaderClick: boolean;
+    productSwitched: EventEmitter<ProductModel>;
+    headerClick: EventEmitter<void>;
+    protected ICON_CLOSE: _fortawesome_fontawesome_common_types.IconDefinition;
+    protected ICON_OPEN: _fortawesome_fontawesome_common_types.IconDefinition;
+    constructor();
+    isCollapsed: _angular_core.ModelSignal<boolean>;
+    sideBarInstanceName: _angular_core.InputSignal<string>;
+    ngOnInit(): void;
+    protected onProductClick(product: ProductModel): void;
+    protected onHeaderClick(): void;
+    protected toggleState(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsProductHomeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsProductHomeComponent, "sds-product-home", never, { "logoUrl": { "alias": "logoUrl"; "required": false; }; "logoAltText": { "alias": "logoAltText"; "required": false; }; "moduleTitle": { "alias": "moduleTitle"; "required": false; }; "showAppSwitcher": { "alias": "showAppSwitcher"; "required": false; }; "appSwitcherProductCode": { "alias": "appSwitcherProductCode"; "required": false; }; "appSwitcherUserProductCodes": { "alias": "appSwitcherUserProductCodes"; "required": false; }; "appSwitcherTenantProducts": { "alias": "appSwitcherTenantProducts"; "required": false; }; "appSwitcherSwitchText": { "alias": "appSwitcherSwitchText"; "required": false; }; "appSwitcherDiscoverText": { "alias": "appSwitcherDiscoverText"; "required": false; }; "textOpen": { "alias": "textOpen"; "required": false; "isSignal": true; }; "textClose": { "alias": "textClose"; "required": false; "isSignal": true; }; "allowHeaderClick": { "alias": "allowHeaderClick"; "required": false; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; "sideBarInstanceName": { "alias": "sideBarInstanceName"; "required": false; "isSignal": true; }; }, { "productSwitched": "productSwitched"; "headerClick": "headerClick"; "isCollapsed": "isCollapsedChange"; }, never, never, true, never>;
+}
+
+/**
+ * A standalone Angular pipe that dynamically generates a strict Regular Expression string
+ * used to determine active route states. It transforms a single route or array of routes
+ * into a unified, URL-safe regex pattern.
+ * * ### Key Technical Behaviors:
+ * - **Strict Boundary Enforcement:** Wraps the resulting pattern with `^\/` (start) and
+ * `([?#]|$)` (end, query param, or hash fragment) to ensure exact path matching and prevent false positives.
+ * - **Wildcard Support:** Intercepts the `**` syntax and compiles it into a safe regex wildcard (`[^?#]*`),
+ * allowing for easy matching of a base route and all deeply nested child routes.
+ * - **Auto-Escaping:** Automatically sanitizes input by escaping forward slashes (`/`) and hash symbols (`#`).
+ * * @param route A single route string or an array of route strings (e.g., `'nav-showcase'` or `['route', 'route/**']`)
+ * @returns A strictly bounded regex pattern string (e.g., `^\/(route|route\/[^?#]*)([?#]|$)`)
+ */
+declare class SdsActiveRoutePatternPipe implements PipeTransform {
+    transform(route: string | string[]): string;
+    buildActiveRoutePattern(routes: string[]): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsActiveRoutePatternPipe, never>;
+    static ɵpipe: _angular_core.ɵɵPipeDeclaration<SdsActiveRoutePatternPipe, "sdsActiveRoutePattern", true>;
+}
+
+export { SdsActiveRoutePatternPipe, SdsNavigationCollapsibleFrameComponent, SdsNavigationContainerComponent, SdsNavigationExternalLinkComponent, SdsNavigationGroupComponent, SdsNavigationHeaderComponent, SdsNavigationRouteLinkComponent, SdsNavigationSeparatorComponent, SdsNavigationUserProfileComponent, SdsProductHomeComponent, SdsUserProfileSelectorComponent };
+export type { NavigationProfile, UserProfileSelectorContent };

package/{src/lib/number-box/number-box.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-number-box.d.ts}

@@ -1,6 +1,8 @@
-import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class SdsNumberBoxComponent implements OnInit, OnDestroy {
+import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, EventEmitter } from '@angular/core';
+
+declare class SdsNumberBoxComponent implements OnInit, OnDestroy {
     value: number;
     valueChange: EventEmitter<number>;
     /**
@@ -63,10 +65,10 @@ export declare class SdsNumberBoxComponent implements OnInit, OnDestroy {
      * @memberof SdsNumberBoxComponent
      */
     debounceTime: number;
-    ICON_MINUS: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    ICON_PLUS: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    ICON_LEFT: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    ICON_RIGHT: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    ICON_MINUS: _fortawesome_fontawesome_common_types.IconDefinition;
+    ICON_PLUS: _fortawesome_fontawesome_common_types.IconDefinition;
+    ICON_LEFT: _fortawesome_fontawesome_common_types.IconDefinition;
+    ICON_RIGHT: _fortawesome_fontawesome_common_types.IconDefinition;
     private destroy$;
     private newValue$;
     constructor();
@@ -81,3 +83,5 @@ export declare class SdsNumberBoxComponent implements OnInit, OnDestroy {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsNumberBoxComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdsNumberBoxComponent, "sds-number-box", never, { "value": { "alias": "value"; "required": false; }; "width": { "alias": "width"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "max": { "alias": "max"; "required": false; }; "min": { "alias": "min"; "required": false; }; "step": { "alias": "step"; "required": false; }; "iconSet": { "alias": "iconSet"; "required": false; }; "burstInterval": { "alias": "burstInterval"; "required": false; }; "debounceTime": { "alias": "debounceTime"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
+
+export { SdsNumberBoxComponent };

package/{src/lib/page-header/page-header.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-page-header.d.ts}

@@ -1,6 +1,7 @@
-import { ElementRef, OnInit } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class SdsPageHeaderComponent implements OnInit {
+import * as i0 from '@angular/core';
+import { OnInit, ElementRef } from '@angular/core';
+
+declare class SdsPageHeaderComponent implements OnInit {
     titleContent: ElementRef;
     title: string;
     gap: string;
@@ -9,3 +10,5 @@ export declare class SdsPageHeaderComponent implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsPageHeaderComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdsPageHeaderComponent, "sds-page-header", never, { "title": { "alias": "title"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; }, {}, ["titleContent"], ["title", "titleAppendix", "*"], true, never>;
 }
+
+export { SdsPageHeaderComponent };

package/{src/lib/pane/pane.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-pane.d.ts}

@@ -1,13 +1,22 @@
-import { EventEmitter, OnChanges, OnInit, SimpleChanges } from '@angular/core';
-import { PanePage } from './pane.model';
-import * as i0 from "@angular/core";
-export declare class SdsPaneComponent implements OnInit, OnChanges {
+import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
+import * as i0 from '@angular/core';
+import { TemplateRef, OnInit, OnChanges, EventEmitter, SimpleChanges } from '@angular/core';
+
+interface PanePage {
+    id: string;
+    title: string;
+    icon: any;
+    selectedIcon?: any;
+    contentTemplate: TemplateRef<any> | undefined;
+}
+
+declare class SdsPaneComponent implements OnInit, OnChanges {
     pages?: PanePage[];
     selectedPage?: PanePage;
     contentWidthRem: number;
     product?: 'all-hours' | 'my-hours' | 'door-cloud' | 'time-and-space' | string;
     pageChange: EventEmitter<any>;
-    closeIcon: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    closeIcon: _fortawesome_fontawesome_common_types.IconDefinition;
     productCssClass?: string;
     constructor();
     ngOnChanges(changes: SimpleChanges): void;
@@ -17,3 +26,6 @@ export declare class SdsPaneComponent implements OnInit, OnChanges {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsPaneComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdsPaneComponent, "sds-pane", never, { "pages": { "alias": "pages"; "required": false; }; "selectedPage": { "alias": "selectedPage"; "required": false; }; "contentWidthRem": { "alias": "contentWidthRem"; "required": false; }; "product": { "alias": "product"; "required": false; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
 }
+
+export { SdsPaneComponent };
+export type { PanePage };

package/{src/lib/quick-info/quick-info.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-quick-info.d.ts}

@@ -1,8 +1,18 @@
-import { ElementRef, EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
-import { PopoverAnimation } from './quick-info.model';
+import * as i0 from '@angular/core';
+import { OnChanges, EventEmitter, ElementRef, SimpleChanges } from '@angular/core';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
-import * as i0 from "@angular/core";
-export declare class SdsQuickInfoComponent implements OnChanges {
+
+interface AnimationType {
+    type: 'fade' | 'slide' | 'pop';
+    duration: number;
+    delay?: number;
+}
+interface PopoverAnimation {
+    show: AnimationType;
+    hide: AnimationType;
+}
+
+declare class SdsQuickInfoComponent implements OnChanges {
     popoverMaxWidth: number | (() => string | number) | string;
     popoverMinWidth: number | (() => string | number) | string;
     popoverWidth: number | (() => string | number) | string;
@@ -41,3 +51,5 @@ export declare class SdsQuickInfoComponent implements OnChanges {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsQuickInfoComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdsQuickInfoComponent, "sds-quick-info", never, { "popoverMaxWidth": { "alias": "popoverMaxWidth"; "required": false; }; "popoverMinWidth": { "alias": "popoverMinWidth"; "required": false; }; "popoverWidth": { "alias": "popoverWidth"; "required": false; }; "showDelay": { "alias": "showDelay"; "required": false; }; "showEventName": { "alias": "showEventName"; "required": false; }; "hideDelay": { "alias": "hideDelay"; "required": false; }; "hideEventName": { "alias": "hideEventName"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "animation": { "alias": "animation"; "required": false; }; "showPopoverArrow": { "alias": "showPopoverArrow"; "required": false; }; "infoIcon": { "alias": "infoIcon"; "required": false; }; "popoverPosition": { "alias": "popoverPosition"; "required": false; }; }, { "hide": "hide"; "show": "show"; }, ["customContent"], ["customContent", "*"], true, never>;
 }
+
+export { SdsQuickInfoComponent };

package/{src/lib/ripple/ripple.directive.d.ts → types/spicainternational-ngx-sds-components-src-lib-ripple.d.ts}

@@ -1,6 +1,7 @@
-import { ElementRef, OnDestroy, Renderer2 } from '@angular/core';
-import * as i0 from "@angular/core";
-export declare class SdsRippleDirective implements OnDestroy {
+import * as i0 from '@angular/core';
+import { OnDestroy, ElementRef, Renderer2 } from '@angular/core';
+
+declare class SdsRippleDirective implements OnDestroy {
     private el;
     private renderer;
     sdsRippleColor: string;
@@ -19,3 +20,5 @@ export declare class SdsRippleDirective implements OnDestroy {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsRippleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<SdsRippleDirective, "[sdsRipple]", never, { "sdsRippleColor": { "alias": "sdsRippleColor"; "required": false; }; "sdsRippleDuration": { "alias": "sdsRippleDuration"; "required": false; }; "sdsRippleMaxConcurrent": { "alias": "sdsRippleMaxConcurrent"; "required": false; }; }, {}, never, never, true, never>;
 }
+
+export { SdsRippleDirective };

package/types/spicainternational-ngx-sds-components-src-lib-segmented-control.d.ts

@@ -0,0 +1,45 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, AfterViewInit, OnChanges, EventEmitter, ElementRef, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+declare class SdsSegmentedControlComponent implements OnInit, AfterViewInit, OnChanges, ControlValueAccessor {
+    private _cdr;
+    private _injector;
+    items: any[] | undefined;
+    value: any;
+    valueExpr: string;
+    displayExpr: string | undefined;
+    iconExpr: string | undefined;
+    tooltipExpr: string | undefined;
+    idExpr: string | undefined;
+    disabled: boolean;
+    style: 'default' | 'primary' | 'inverted';
+    segmentPadding: 'tight' | 'loose';
+    enableAnimation: boolean;
+    ariaLabel: _angular_core.InputSignal<string | undefined>;
+    itemChange: EventEmitter<any>;
+    valueChange: EventEmitter<any>;
+    clipPathContainerRef: ElementRef<HTMLDivElement>;
+    protected containerRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    private _ngControl;
+    private _onChange;
+    private _onTouched;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: (value: any) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    selectItem(item: any, event: MouseEvent): void;
+    onSegmentKeydown(event: KeyboardEvent, item: any): void;
+    getSegmentAriaLabel(item: any, index: number): string | null;
+    private getItemIndex;
+    private navigateToItem;
+    private focusSegmentElement;
+    private updateClipPath;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsSegmentedControlComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsSegmentedControlComponent, "sds-segmented-control", never, { "items": { "alias": "items"; "required": false; }; "value": { "alias": "value"; "required": false; }; "valueExpr": { "alias": "valueExpr"; "required": false; }; "displayExpr": { "alias": "displayExpr"; "required": false; }; "iconExpr": { "alias": "iconExpr"; "required": false; }; "tooltipExpr": { "alias": "tooltipExpr"; "required": false; }; "idExpr": { "alias": "idExpr"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "style": { "alias": "style"; "required": false; }; "segmentPadding": { "alias": "segmentPadding"; "required": false; }; "enableAnimation": { "alias": "enableAnimation"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "itemChange": "itemChange"; "valueChange": "valueChange"; }, never, never, true, never>;
+}
+
+export { SdsSegmentedControlComponent };

package/types/spicainternational-ngx-sds-components-src-lib-side-bar.d.ts

@@ -0,0 +1,33 @@
+import * as _angular_core from '@angular/core';
+
+declare class SdsSideBarComponent {
+    /**
+     * Define the width of the side bar in rem.
+     *
+     * @type {number}
+     * @memberof SdsSideBarComponent
+     */
+    widthRem: _angular_core.InputSignal<number>;
+    /**
+     * State of the side bar, whether it is collapsed or expanded.
+     *
+     * @memberof SdsSideBarComponent
+     */
+    isCollapsed: _angular_core.ModelSignal<boolean>;
+    /**
+     * Indicates whether the side bar is currently hovered by the user.
+     * This can be used to trigger hover effects or to temporarily expand
+     * the side bar on hover when it is in a collapsed state.
+     *
+     * @memberof SdsSideBarComponent
+     */
+    isHovered: _angular_core.OutputEmitterRef<boolean>;
+    constructor();
+    onEnter(): void;
+    onLeave(): void;
+    toggleSideBar(state?: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsSideBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsSideBarComponent, "sds-side-bar", never, { "widthRem": { "alias": "widthRem"; "required": false; "isSignal": true; }; "isCollapsed": { "alias": "isCollapsed"; "required": false; "isSignal": true; }; }, { "isCollapsed": "isCollapsedChange"; "isHovered": "isHovered"; }, never, ["*"], true, never>;
+}
+
+export { SdsSideBarComponent };

package/{src/lib/static-value/static-value.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-static-value.d.ts}

@@ -1,7 +1,8 @@
+import * as i0 from '@angular/core';
 import { OnInit } from '@angular/core';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
-import * as i0 from "@angular/core";
-export declare class SdsStaticValueComponent implements OnInit {
+
+declare class SdsStaticValueComponent implements OnInit {
     icon: IconProp | undefined;
     label: string;
     showColon: boolean;
@@ -10,3 +11,5 @@ export declare class SdsStaticValueComponent implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsStaticValueComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdsStaticValueComponent, "sds-static-value", never, { "icon": { "alias": "icon"; "required": false; }; "label": { "alias": "label"; "required": false; }; "showColon": { "alias": "showColon"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
+
+export { SdsStaticValueComponent };

package/{src/lib/table-actions/table-actions.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-table-actions.d.ts}

@@ -1,7 +1,8 @@
+import * as i0 from '@angular/core';
 import { OnInit } from '@angular/core';
 import { IconProp } from '@fortawesome/fontawesome-svg-core';
-import * as i0 from "@angular/core";
-export declare class SdsTableActionsComponent implements OnInit {
+
+declare class SdsTableActionsComponent implements OnInit {
     dropdownIcon: IconProp;
     dropDownAutoClose: 'true' | 'false' | 'inside' | 'outside';
     dropdownMinWidth: string;
@@ -14,3 +15,5 @@ export declare class SdsTableActionsComponent implements OnInit {
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsTableActionsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdsTableActionsComponent, "sds-table-actions", never, { "dropdownIcon": { "alias": "dropdownIcon"; "required": false; }; "dropDownAutoClose": { "alias": "dropDownAutoClose"; "required": false; }; "dropdownMinWidth": { "alias": "dropdownMinWidth"; "required": false; }; "hideActionsDropdown": { "alias": "hideActionsDropdown"; "required": false; }; }, {}, never, ["quickActions", "*"], true, never>;
 }
+
+export { SdsTableActionsComponent };

package/{src/lib/timeline/components/timeline.component.d.ts → types/spicainternational-ngx-sds-components-src-lib-timeline.d.ts}

@@ -1,8 +1,48 @@
-import { AfterViewInit, ElementRef, OnChanges, OnInit, SimpleChanges, TemplateRef, EventEmitter } from '@angular/core';
-import { TimelineCustomDateDataProvider, TimelineTickFrequency } from '../types/timeline.types';
-import { TimelineIntervalLabel, TimelineItem, TimelineItemPresentation, TimelinePointInTimeItem, TimelinePointInTimeItemPresentation, TimelineTick } from '../models/timeline.model';
-import * as i0 from "@angular/core";
-export declare class SdsTimelineComponent implements OnInit, OnChanges, AfterViewInit {
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, AfterViewInit, TemplateRef, EventEmitter, ElementRef, SimpleChanges } from '@angular/core';
+
+type TimelineTickFrequency = 'hourly' | '2hrs' | '3hrs' | '6hrs';
+type TimelineCustomDateDataProvider = (date: Date) => any;
+
+interface TimelineTick {
+    date: Date;
+    x: number;
+}
+interface TimelineIntervalLabel {
+    x: number;
+    width: number;
+    label: string;
+    date: Date;
+    data: any;
+}
+interface TimelineBaseItem {
+    data?: any;
+    hint?: string;
+    top?: string;
+    height?: string;
+    backgroundColor?: string;
+    class?: string;
+}
+interface TimelineItem extends TimelineBaseItem {
+    start: Date;
+    end: Date;
+}
+interface TimelinePointInTimeItem extends TimelineBaseItem {
+    date: Date;
+    width: string;
+}
+interface TimelineItemPresentationBase {
+    data?: any;
+    x: number;
+}
+interface TimelineItemPresentation extends TimelineBaseItem, TimelineItemPresentationBase {
+    width: number;
+}
+interface TimelinePointInTimeItemPresentation extends TimelineBaseItem, TimelineItemPresentationBase {
+    width: string;
+}
+
+declare class SdsTimelineComponent implements OnInit, OnChanges, AfterViewInit {
     /**
      * The start date and time for the timeline.
      *
@@ -212,3 +252,5 @@ export declare class SdsTimelineComponent implements OnInit, OnChanges, AfterVie
     static ɵfac: i0.ɵɵFactoryDeclaration<SdsTimelineComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SdsTimelineComponent, "sds-timeline", never, { "start": { "alias": "start"; "required": false; }; "end": { "alias": "end"; "required": false; }; "items": { "alias": "items"; "required": false; }; "pointInTimeItems": { "alias": "pointInTimeItems"; "required": false; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; }; "pointInTimeTemplate": { "alias": "pointInTimeTemplate"; "required": false; }; "dayLabelTemplate": { "alias": "dayLabelTemplate"; "required": false; }; "dayLabelCustomDataFn": { "alias": "dayLabelCustomDataFn"; "required": false; }; "tickFrequency": { "alias": "tickFrequency"; "required": false; }; "hourLabelFrequency": { "alias": "hourLabelFrequency"; "required": false; }; "zoomPercent": { "alias": "zoomPercent"; "required": false; }; "viewOffsetPercent": { "alias": "viewOffsetPercent"; "required": false; }; "maxZoomPercent": { "alias": "maxZoomPercent"; "required": false; }; "showHourLabels": { "alias": "showHourLabels"; "required": false; }; "hourLabelClass": { "alias": "hourLabelClass"; "required": false; }; "showDayLabels": { "alias": "showDayLabels"; "required": false; }; "dayLabelClass": { "alias": "dayLabelClass"; "required": false; }; "showTimeline": { "alias": "showTimeline"; "required": false; }; "hourTickClass": { "alias": "hourTickClass"; "required": false; }; "timelineHeight": { "alias": "timelineHeight"; "required": false; }; "enableZoomAndDrag": { "alias": "enableZoomAndDrag"; "required": false; }; "offSetMinutes": { "alias": "offSetMinutes"; "required": false; }; "locales": { "alias": "locales"; "required": false; }; "cutOffset": { "alias": "cutOffset"; "required": false; }; "defaultCursor": { "alias": "defaultCursor"; "required": false; }; }, { "zoomPercentChange": "zoomPercentChange"; "viewOffsetPercentChange": "viewOffsetPercentChange"; }, never, never, true, never>;
 }
+
+export { SdsTimelineComponent };