@dso-design-system/ui 0.0.2 → 0.1.0

package/lib/checkbox/checkbox.component.d.ts

@@ -0,0 +1,42 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Reusable Checkbox Component
+ *
+ * Features:
+ * - Optional label
+ * - Configurable size, error state, and disabled state
+ * - Emits changes to parent component
+ * - Supports custom icons
+ */
+export declare class CheckboxComponent {
+    /** Text label displayed next to the checkbox */
+    label?: string;
+    /** Whether the checkbox is checked */
+    isChecked: boolean;
+    /** Whether the checkbox is disabled */
+    disabled: boolean;
+    /** Size of the checkbox: small, medium, or large */
+    size: 'small' | 'medium' | 'large';
+    /** Error state for styling purposes */
+    error: boolean;
+    /** Whether the checkbox is required */
+    required: boolean;
+    /** Error message to display when error is true */
+    errorMessage: string;
+    /** Icon name for the checkbox (default is a checkmark) */
+    iconName: string;
+    /** Emits the updated checked state whenever the checkbox is toggled */
+    change: EventEmitter<boolean>;
+    /**
+     * Toggles the checked state of the checkbox
+     * and emits the new value to the parent component
+     */
+    toggleCheckbox(): void;
+    /**
+     * Maps the checkbox size to icon size
+     */
+    getIconSize(): 'small' | 'medium' | 'large';
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckboxComponent, "dso-checkbox", never, { "label": { "alias": "label"; "required": false; }; "isChecked": { "alias": "isChecked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "size": { "alias": "size"; "required": false; }; "error": { "alias": "error"; "required": false; }; "required": { "alias": "required"; "required": false; }; "errorMessage": { "alias": "errorMessage"; "required": false; }; "iconName": { "alias": "iconName"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+}

package/lib/datepicker/datepicker.component.d.ts

@@ -0,0 +1,48 @@
+import { ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DatepickerComponent {
+    /** Label displayed above the input */
+    inputTextLabel: string;
+    /** Disable the datepicker input */
+    isDisabled: boolean;
+    /** Currently selected date */
+    selectedDate: Date | null;
+    /** Whether the calendar popup is visible */
+    calendarVisible: boolean;
+    /** Current month displayed in the calendar */
+    currentMonth: Date;
+    /** View mode: day, month, or year */
+    viewMode: 'day' | 'month' | 'year';
+    /** Minimum and maximum year range */
+    minYear: number;
+    maxYear: number;
+    /** Month names for display */
+    months: string[];
+    yearListRef: ElementRef<HTMLDivElement>;
+    calendarWrapper: ElementRef<HTMLDivElement>;
+    /** Toggle the calendar popup */
+    toggleCalendar(): void;
+    /** Close calendar if clicking outside */
+    handleClickOutside(event: Event): void;
+    switchToMonthView(): void;
+    switchToYearView(): void;
+    changeMonth(direction: number): void;
+    changeYear(direction: number): void;
+    /** Returns array of days in the current month, with leading nulls for empty grid cells */
+    getDaysInMonth(): (number | null)[];
+    /** Returns array of years in the defined range */
+    getYearsRange(): number[];
+    /** Scroll the year list to show the current year */
+    scrollToCurrentYear(): void;
+    selectDate(day: number | null): void;
+    selectMonth(monthIndex: number): void;
+    selectYear(year: number): void;
+    /** Check if a day is currently selected */
+    isSelected(day: number | null): boolean;
+    /** Set today’s date */
+    setToday(): void;
+    /** Clear the selected date */
+    clearDate(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DatepickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatepickerComponent, "dso-datepicker", never, { "inputTextLabel": { "alias": "inputTextLabel"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/dialog/dialog.component.d.ts

@@ -0,0 +1,10 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DialogComponent {
+    visible: boolean;
+    title: string;
+    close: EventEmitter<void>;
+    onClose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "dso-dialog", never, { "visible": { "alias": "visible"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, { "close": "close"; }, never, ["*"], true, never>;
+}

package/lib/directives/truncate.directive.d.ts

@@ -0,0 +1,23 @@
+import { ElementRef, AfterViewInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DsoTruncateDirective implements AfterViewInit {
+    private el;
+    /**
+     * Enable or disable truncation.
+     * Can be used as `<div dsoTruncate>` (enabled by default) or `[dsoTruncate]="false"`.
+     */
+    enableTruncate: boolean | '';
+    /** Optional: override tooltip text when text is truncated */
+    truncateTooltipText?: string;
+    constructor(el: ElementRef<HTMLElement>);
+    /** Initialize truncation after the view is loaded */
+    ngAfterViewInit(): void;
+    /** Re-check overflow and update tooltip on window resize */
+    onResize(): void;
+    /** Apply CSS styles necessary for truncation */
+    private applyTruncationStyles;
+    /** Update tooltip based on overflow state */
+    private updateTooltip;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DsoTruncateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DsoTruncateDirective, "[dsoTruncate]", never, { "enableTruncate": { "alias": "dsoTruncate"; "required": false; }; "truncateTooltipText": { "alias": "truncateTooltipText"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/dropdown-list/dropdown-list.component.d.ts

@@ -0,0 +1,33 @@
+import { EventEmitter, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DropdownListComponent {
+    /** Reference to the root <div> to detect clicks inside/outside dropdown */
+    root: ElementRef;
+    /** Options to display in the dropdown. Each option has a label and a value */
+    options: {
+        label: string;
+        value: any;
+    }[];
+    /** Placeholder text when no option is selected */
+    placeholder: string;
+    /** Currently selected value */
+    value: any;
+    /** Disable dropdown interaction */
+    disabled: boolean;
+    /** Emits the selected value when user clicks an option */
+    selectionChange: EventEmitter<any>;
+    /** Tracks whether the dropdown list is open or closed */
+    isOpen: boolean;
+    /** Toggle dropdown open/close when trigger is clicked */
+    toggle(): void;
+    /** Handle option selection */
+    select(option: {
+        label: string;
+        value: any;
+    }): void;
+    handleOutsideClick(event: Event): void;
+    /** Returns label of selected value or placeholder if none selected */
+    get selectedLabel(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropdownListComponent, "dso-dropdown-list", never, { "options": { "alias": "options"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}

package/lib/file-upload-items/file-upload-items.component.d.ts

@@ -0,0 +1,27 @@
+import { EventEmitter } from '@angular/core';
+import { UploadItem } from '../file-upload-multiple/upload-item.model';
+import * as i0 from "@angular/core";
+export declare class FileUploadItemComponent {
+    /** The file upload item to display */
+    item: UploadItem;
+    /** Emitted when the user retries a failed upload */
+    retry: EventEmitter<void>;
+    /** Emitted when the user removes the file from the list */
+    remove: EventEmitter<void>;
+    /** Emitted when the user cancels an ongoing upload */
+    cancel: EventEmitter<void>;
+    /**
+     * Format the file size into a human-readable string
+     * @param size - size in bytes
+     * @returns formatted string like '12.3 KB', '1.5 MB'
+     */
+    formatSize(size: number): string;
+    /**
+     * Get an icon name for the file based on its type or extension
+     * @param item - the UploadItem
+     * @returns icon name string
+     */
+    getFileIcon(item: UploadItem): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadItemComponent, "dso-file-item", never, { "item": { "alias": "item"; "required": false; }; }, { "retry": "retry"; "remove": "remove"; "cancel": "cancel"; }, never, never, true, never>;
+}

package/lib/file-upload-multiple/file-upload-multiple.component.d.ts

@@ -0,0 +1,44 @@
+import { UploadItem } from './upload-item.model';
+import { UploadSimulatorService } from './upload-simulator.service';
+import * as i0 from "@angular/core";
+/**
+ * FileUploadMultiComponent
+ * -------------------------
+ * This component handles:
+ * - Drag & drop file uploads
+ * - Selecting multiple files through <input type="file">
+ * - Upload progress per file
+ * - Cancelling an upload
+ * - Retrying failed uploads
+ * - Removing items from the queue
+ *
+ * UploadSimulatorService is used to mimic real upload behavior.
+ * Later, you can replace it with a real HTTP upload service.
+ */
+export declare class FileUploadMultiComponent {
+    private sim;
+    /** All files being managed (uploaded, uploading, failed, completed). */
+    uploadQueue: UploadItem[];
+    /** True while user drags a file over the drop zone. */
+    isDragOver: boolean;
+    constructor(sim: UploadSimulatorService);
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onDrop(event: DragEvent): void;
+    onFileSelected(event: Event): void;
+    handleFiles(fileList: FileList): void;
+    startUpload(item: UploadItem): void;
+    onDropZoneClick(fileInput: HTMLInputElement): void;
+    onBrowseButtonClick(event: Event, fileInput: HTMLInputElement): void;
+    cancelUpload(item: UploadItem): void;
+    retryUpload(item: UploadItem): void;
+    removeItem(item: UploadItem): void;
+    /**
+     * Converts bytes → human readable sizes.
+     */
+    formatSize(size: number): string;
+    getThumbnail(item: UploadItem): string | null;
+    getFileIcon(item: UploadItem): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadMultiComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadMultiComponent, "dso-file-upload-multi", never, {}, {}, never, never, true, never>;
+}

package/lib/file-upload-multiple/upload-item.model.d.ts

@@ -0,0 +1,7 @@
+export interface UploadItem {
+    file: File;
+    progress: number | null;
+    status: 'queued' | 'uploading' | 'completed' | 'failed' | 'cancelled';
+    controller?: AbortController;
+    hideProgressBar?: boolean;
+}

package/lib/file-upload-multiple/upload-simulator.service.d.ts

@@ -0,0 +1,34 @@
+import { UploadItem } from './upload-item.model';
+import * as i0 from "@angular/core";
+/**
+ * UploadSimulatorService
+ * -----------------------
+ * This service simulates an upload process.
+ * It is ONLY for demo and UI development. Later, it can
+ * be replaced with a real HTTP upload service without
+ * changing the UI components.
+ *
+ * How it works:
+ * - Every 300ms, a timer increases the upload progress.
+ * - Progress increases by a random amount (to look realistic).
+ * - When it reaches 100%, the upload is marked complete.
+ * - There is a 10% chance the upload "fails" to simulate errors.
+ * - If an upload is cancelled, the interval stops immediately.
+ *
+ * This pattern mimics:
+ * - progress events (like HttpClient upload events)
+ * - cancellation (AbortController / unsubscribe)
+ */
+export declare class UploadSimulatorService {
+    /**
+     * Simulates uploading a single file.
+     *
+     * @param item        The UploadItem being uploaded
+     * @param onProgress  Callback fired whenever progress changes
+     * @param onComplete  Callback fired when upload reaches 100%
+     * @param onError     Callback fired when upload "fails"
+     */
+    simulateUpload(item: UploadItem, onProgress: (value: number) => void, onComplete: () => void, onError: () => void): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UploadSimulatorService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<UploadSimulatorService>;
+}

package/lib/file-upload-single/file-upload-single.component.d.ts

@@ -0,0 +1,28 @@
+import { EventEmitter } from '@angular/core';
+import { UploadItem } from '../file-upload-multiple/upload-item.model';
+import { UploadSimulatorService } from '../file-upload-multiple/upload-simulator.service';
+import * as i0 from "@angular/core";
+export declare class FileUploadSingleComponent {
+    private sim;
+    /** Button label text */
+    btnLabel: string;
+    /** Allowed file types, e.g. ".png,.jpg,.pdf" */
+    accept: string;
+    /** Emit the selected file to parent component */
+    fileSelected: EventEmitter<File>;
+    /** The currently uploaded file shown in the UI */
+    item: UploadItem | null;
+    constructor(sim: UploadSimulatorService);
+    /** Trigger the hidden file input click */
+    onButtonClick(input: HTMLInputElement): void;
+    /** Handle file selection from input */
+    onFileChange(event: Event): void;
+    /** Start upload simulation */
+    startUpload(): void;
+    /** Retry failed upload */
+    retry(): void;
+    /** Cancel or remove the file from UI */
+    clearFile(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileUploadSingleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileUploadSingleComponent, "dso-file-upload-single", never, { "btnLabel": { "alias": "btnLabel"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; }, { "fileSelected": "fileSelected"; }, never, never, true, never>;
+}

package/lib/input-text/input-text.component.d.ts

@@ -0,0 +1,24 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class TextInputComponent {
+    inputLabel: string;
+    value: string;
+    placeholder: string;
+    type: string;
+    isDisabled: boolean;
+    helperText: string;
+    errorText: string;
+    enableValidation: boolean;
+    maxLength: number;
+    valueChange: EventEmitter<string>;
+    isTouched: boolean;
+    isInvalid: boolean;
+    charCount: number;
+    isExceeded: boolean;
+    onInputChange(event: any): void;
+    onBlur(): void;
+    getCharCountStyle(): "" | "char-count-error";
+    checkValidity(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextInputComponent, "dso-input-text", never, { "inputLabel": { "alias": "inputLabel"; "required": false; }; "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; "enableValidation": { "alias": "enableValidation"; "required": false; }; "maxLength": { "alias": "maxLength"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/lib/pagination/pagination.component.d.ts

@@ -0,0 +1,31 @@
+import { EventEmitter, OnChanges } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class PaginationComponent implements OnChanges {
+    page: number;
+    pageSize: number;
+    totalItems: number;
+    pageSizes: number[];
+    pageChange: EventEmitter<number>;
+    pageSizeChange: EventEmitter<number>;
+    pageNumbers: number[];
+    jumpPageNumber: number | null;
+    pageSizeOptions: {
+        label: string;
+        value: number;
+    }[];
+    ngOnChanges(): void;
+    get totalPages(): number;
+    get startItem(): number;
+    get endItem(): number;
+    private buildPageSizeOptions;
+    private generatePageNumbers;
+    goToPage(page: number): void;
+    goFirst(): void;
+    goPrevious(): void;
+    goNext(): void;
+    goLast(): void;
+    onPageSizeChange(newSize: number): void;
+    jumpToPage(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PaginationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PaginationComponent, "dso-pagination", never, { "page": { "alias": "page"; "required": false; }; "pageSize": { "alias": "pageSize"; "required": false; }; "totalItems": { "alias": "totalItems"; "required": false; }; "pageSizes": { "alias": "pageSizes"; "required": false; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, never, never, true, never>;
+}

package/lib/progress-bar/progress-bar.component.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+export declare class ProgressBarComponent {
+    /** Progress value (0–100). If null, shows indeterminate animation. */
+    value: number | null;
+    /** Color variants */
+    color: 'primary' | 'success' | 'warning' | 'danger';
+    /** Optional animation toggle */
+    animated: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "dso-progress-bar", never, { "value": { "alias": "value"; "required": false; }; "color": { "alias": "color"; "required": false; }; "animated": { "alias": "animated"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/radio/radio.component.d.ts

@@ -0,0 +1,14 @@
+import { EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class RadioComponent {
+    label?: string;
+    value: string;
+    name: string;
+    disabled: boolean;
+    error: boolean;
+    isChecked: boolean;
+    change: EventEmitter<string>;
+    toggleRadio(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<RadioComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<RadioComponent, "dso-radio", never, { "label": { "alias": "label"; "required": false; }; "value": { "alias": "value"; "required": false; }; "name": { "alias": "name"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "isChecked": { "alias": "isChecked"; "required": false; }; }, { "change": "change"; }, never, never, true, never>;
+}

package/lib/select-dropdown/select-dropdown.component.d.ts

@@ -0,0 +1,78 @@
+import { EventEmitter, ElementRef, OnInit, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SingleSelectComponent implements OnInit, OnDestroy {
+    private elementRef;
+    dropdownListRef: ElementRef<HTMLUListElement>;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    dropdownPosition: 'top' | 'bottom';
+    placeholder: string;
+    inputTextLabel: string;
+    isDisabled: boolean;
+    enableValidation: boolean;
+    helperText?: string;
+    selectIconName: string | null;
+    errorText: string;
+    selectionChange: EventEmitter<any>;
+    selectedOption: any;
+    searchQuery: string;
+    filteredOptions: any[];
+    isOpen: boolean;
+    isInvalid: boolean;
+    isExceeded: boolean;
+    hasOpened: boolean;
+    hasInteracted: boolean;
+    lastScrollTop: number;
+    constructor(elementRef: ElementRef);
+    /**
+     * //Handles dropdown scroll events to persist scroll position
+     */
+    onDropdownScroll(): void;
+    /**
+     * Detects clicks outside of the component to close the dropdown if open
+     */
+    onOutsideClick(event: MouseEvent): void;
+    /**
+     * Initialize component data on creation
+     */
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Handles click on the main select box
+     * Prevents opening if disabled
+     */
+    onSelectClick(event: MouseEvent): void;
+    /**
+     * Toggles dropdown open/close state and restores scroll position if opening
+     */
+    toggleDropdown(event: MouseEvent): void;
+    /**
+     * Filters dropdown options based on current search query
+     */
+    filterOptions(): void;
+    /**
+     * Handles option selection:
+     * - Updates selected option
+     * - Validates
+     * - Emits selection change event
+     * - Closes dropdown
+     */
+    selectOption(event: Event, option: any): void;
+    /**
+     * Clears the selected option and resets validation and scroll
+     */
+    clearSelection(event: MouseEvent): void;
+    /**
+     * Checks validity based on current selection if validation is enabled
+     */
+    checkValidity(): void;
+    /**
+     * Returns the icon path if icon name is provided
+     */
+    getIconPath(): string;
+    showError(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SingleSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SingleSelectComponent, "dso-single-select", never, { "options": { "alias": "options"; "required": false; }; "dropdownPosition": { "alias": "dropdownPosition"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "inputTextLabel": { "alias": "inputTextLabel"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "enableValidation": { "alias": "enableValidation"; "required": false; }; "helperText": { "alias": "helperText"; "required": false; }; "selectIconName": { "alias": "selectIconName"; "required": false; }; "errorText": { "alias": "errorText"; "required": false; }; }, { "selectionChange": "selectionChange"; }, never, never, true, never>;
+}

package/lib/service/toast.service.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from "@angular/core";
+export type ToastVariant = 'success' | 'info' | 'warning' | 'danger' | 'neutral';
+export type ToastPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
+export interface ToastMessage {
+    header?: string;
+    message: string;
+    variant?: ToastVariant;
+    duration?: number;
+}
+export declare class ToastService {
+    private toastSubject;
+    toast$: import("rxjs").Observable<ToastMessage>;
+    show(header: string, message: string, variant: ToastVariant, duration: 3000): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ToastService>;
+}

package/lib/side-navigation-bar/side-navigation-bar.component.d.ts

@@ -0,0 +1,74 @@
+import { ElementRef, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * Interface defining a single sidebar menu item.
+ *
+ * - `label`: The text to display for the menu item.
+ * - `iconName`: Optional icon to display using <dso-icon>.
+ * - `route`: Optional router path to navigate when clicked.
+ * - `isActive`: Whether this menu item is currently active.
+ */
+export interface SideNavItem {
+    label: string;
+    iconName?: string;
+    route?: string;
+    isActive?: boolean;
+}
+/**
+ * DSO Side Navigation Component
+ *
+ * Features:
+ * - Configurable title/logo area.
+ * - Dynamic menu items with icons and routing.
+ * - Supports default active item by route or index.
+ * - Click-outside detection to close the sidebar.
+ * - Optional overlay for dimming the background.
+ */
+export declare class SideNavComponent {
+    private host;
+    /** Title displayed next to the logo */
+    title: string;
+    /** List of navigation items */
+    items: SideNavItem[];
+    /** Controls whether the sidebar is visible */
+    open: boolean;
+    /** Enable/disable background overlay when sidebar is open */
+    overlay: boolean;
+    /** Optional: default active menu item by route */
+    defaultActiveRoute?: string;
+    /** Optional: default active menu item by index */
+    defaultActiveIndex?: number;
+    /** Event emitted when sidebar is closed */
+    closed: EventEmitter<void>;
+    /**
+     * ElementRef to the component host element.
+     * Used for detecting click-outside events.
+     */
+    constructor(host: ElementRef);
+    /**
+     * Lifecycle hook: initialize default active menu item.
+     */
+    ngOnInit(): void;
+    /**
+     * Close the sidebar and emit the `closed` event.
+     * Can be called manually or via click-outside detection.
+     */
+    closeSidebar(): void;
+    /**
+     * HostListener to detect clicks anywhere in the document.
+     * If the click happens outside the sidebar while it's open, it triggers closeSidebar().
+     *
+     * @param event MouseEvent triggered on document click
+     */
+    onDocumentClick(event: MouseEvent): void;
+    /**
+     * Called when a sidebar menu item is clicked.
+     * - Marks the clicked item as active.
+     * - Optionally, navigation can be handled via `[routerLink]`.
+     *
+     * @param item The menu item that was clicked
+     */
+    onItemClick(item: SideNavItem): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SideNavComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideNavComponent, "dso-side-nav", never, { "title": { "alias": "title"; "required": false; }; "items": { "alias": "items"; "required": false; }; "open": { "alias": "open"; "required": false; }; "overlay": { "alias": "overlay"; "required": false; }; "defaultActiveRoute": { "alias": "defaultActiveRoute"; "required": false; }; "defaultActiveIndex": { "alias": "defaultActiveIndex"; "required": false; }; }, { "closed": "closed"; }, never, ["[dso-side-logo]", "[dso-side-footer]"], true, never>;
+}

package/lib/spinner/spinner.component.d.ts

@@ -0,0 +1,23 @@
+import { ElementRef, AfterViewInit } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SpinnerComponent implements AfterViewInit {
+    private el;
+    /** Size presets */
+    size: 'small' | 'medium' | 'large';
+    /** Color variants */
+    color: 'primary' | 'success' | 'warning' | 'danger';
+    /** Overlay background toggle */
+    overlay: boolean;
+    /** Custom overlay background color */
+    overlayColor: string;
+    /** Optional illustration (inside spinner) */
+    illustrationSrc?: string | null;
+    /** Optional label text (below spinner) */
+    label?: string;
+    animationSrc?: string;
+    constructor(el: ElementRef);
+    ngAfterViewInit(): void;
+    get isIllustrated(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SpinnerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SpinnerComponent, "dso-spinner", never, { "size": { "alias": "size"; "required": false; }; "color": { "alias": "color"; "required": false; }; "overlay": { "alias": "overlay"; "required": false; }; "overlayColor": { "alias": "overlayColor"; "required": false; }; "illustrationSrc": { "alias": "illustrationSrc"; "required": false; }; "label": { "alias": "label"; "required": false; }; "animationSrc": { "alias": "animationSrc"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/table/table.component.d.ts

@@ -0,0 +1,43 @@
+import { OnChanges, EventEmitter } from '@angular/core';
+import * as i0 from "@angular/core";
+export interface TableColumn {
+    key: string;
+    label: string;
+    minWidth?: string;
+    maxWidth?: string;
+    truncate?: boolean;
+    type?: 'text' | 'checkbox' | 'action';
+    sortable?: boolean;
+    sticky?: boolean;
+}
+export declare class TableComponent implements OnChanges {
+    columns: TableColumn[];
+    rows: any[];
+    defaultSortColumn?: string;
+    defaultSortDirection: 'asc' | 'desc';
+    stickyHeader: boolean;
+    maxTableHeight?: string;
+    sortChange: EventEmitter<{
+        column: string;
+        direction: "asc" | "desc";
+    }>;
+    sortColumn: string | null;
+    sortDirection: 'asc' | 'desc';
+    ngOnChanges(): void;
+    sort(colKey: string): void;
+    getColumnStyle(col: TableColumn): {
+        'min-width': string;
+        'max-width': string;
+        width: string;
+    };
+    shouldTruncateNative(cell: HTMLElement): boolean;
+    selectedRows: Set<any>;
+    toggleRow(row: any): void;
+    isRowSelected(row: any): boolean;
+    get allSelected(): boolean;
+    toggleSelectAll(): void;
+    onEditRow(row: any): void;
+    onDeleteRow(row: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TableComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TableComponent, "dso-table", never, { "columns": { "alias": "columns"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "defaultSortColumn": { "alias": "defaultSortColumn"; "required": false; }; "defaultSortDirection": { "alias": "defaultSortDirection"; "required": false; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; }; "maxTableHeight": { "alias": "maxTableHeight"; "required": false; }; }, { "sortChange": "sortChange"; }, never, never, true, never>;
+}

package/lib/tabs/tab.component.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+export declare class TabComponent {
+    /** Label for the tab shown in the tabs header */
+    label: string;
+    /** Is this tab currently active? Controlled by TabsComponent */
+    active: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TabComponent, "dso-tab", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, ["*"], true, never>;
+}