@siemens/element-ng 47.8.0 → 48.0.0-next.1

package/popover/index.d.ts

@@ -1,6 +1,98 @@
-/**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-export * from './si-popover.directive';
-export * from './si-popover.module';
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, TemplateRef } from '@angular/core';
+
+declare class SiPopoverDirective implements OnInit, OnDestroy {
+    /**
+     * The popover text to be displayed
+     */
+    readonly siPopover: _angular_core.InputSignal<string | TemplateRef<any> | undefined>;
+    /**
+     * The placement of the popover. One of 'top', 'start', end', 'bottom'
+     *
+     * @defaultValue 'auto'
+     */
+    readonly placement: _angular_core.InputSignal<"start" | "end" | "top" | "bottom" | "auto">;
+    readonly placementInternal: _angular_core.Signal<"start" | "end" | "top" | "bottom" | "auto">;
+    /**
+     * The trigger event(s) on which the popover shall be displayed.
+     * Applications can pass multiple triggers separated by space.
+     * Supported events are 'click', 'hover' and 'focus'.
+     *
+     * **Limitations:**
+     * Safari browsers do not raise a 'focus' event on host element click and 'focus'
+     * on tab key has to be enabled in the advanced browser settings.
+     *
+     * @defaultValue 'click'
+     */
+    readonly triggers: _angular_core.InputSignal<string>;
+    /**
+     * The title to be displayed on top for the popover
+     *
+     * @defaultValue ''
+     */
+    readonly popoverTitle: _angular_core.InputSignal<string>;
+    /**
+     * The class that will be applied to container of the popover
+     *
+     * @defaultValue ''
+     */
+    readonly containerClass: _angular_core.InputSignal<string>;
+    /**
+     * The flag determines whether to close popover on clicking outside
+     *
+     * @defaultValue true
+     */
+    readonly outsideClick: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The icon to be displayed besides popover title
+     */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Specify whether or not the popover is currently shown
+     *
+     * @defaultValue false
+     */
+    readonly isOpen: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
+    /**
+     * The context for the attached template
+     */
+    readonly popoverContext: _angular_core.InputSignal<unknown>;
+    /**
+     * Emits an event when the popover is shown
+     */
+    readonly shown: _angular_core.OutputEmitterRef<void>;
+    /**
+     * Emits an event when the popover is hidden
+     */
+    readonly hidden: _angular_core.OutputEmitterRef<void>;
+    private overlayref?;
+    private overlay;
+    private elementRef;
+    private destroyer;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /**
+     * Displays popover and emits 'shown' event.
+     */
+    show(): void;
+    /**
+     * Hides the popover and emits 'hidden' event.
+     */
+    hide(): void;
+    /**
+     * Updates the position of the popover based on the position strategy.
+     */
+    updatePosition(): void;
+    protected onTrigger(trigger: string): void;
+    protected focusOut(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiPopoverDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiPopoverDirective, "[siPopover]", ["si-popover"], { "siPopover": { "alias": "siPopover"; "required": false; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "triggers": { "alias": "triggers"; "required": false; "isSignal": true; }; "popoverTitle": { "alias": "popoverTitle"; "required": false; "isSignal": true; }; "containerClass": { "alias": "containerClass"; "required": false; "isSignal": true; }; "outsideClick": { "alias": "outsideClick"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "popoverContext": { "alias": "popoverContext"; "required": false; "isSignal": true; }; }, { "shown": "shown"; "hidden": "hidden"; }, never, never, true, never>;
+}
+
+declare class SiPopoverModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiPopoverModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiPopoverModule, never, [typeof SiPopoverDirective], [typeof SiPopoverDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiPopoverModule>;
+}
+
+export { SiPopoverDirective, SiPopoverModule };

package/popover-next/index.d.ts

@@ -1,7 +1,112 @@
-/**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-export * from './si-popover-next.directive';
-export * from './si-popover-title.directive';
-export * from './si-popover-description.directive';
+import * as _angular_core from '@angular/core';
+import { OnDestroy, TemplateRef, OnInit, ElementRef, Injector } from '@angular/core';
+import { ConnectedOverlayPositionChange } from '@angular/cdk/overlay';
+import { OverlayArrowPosition } from '@siemens/element-ng/common';
+
+declare class SiPopoverNextDirective implements OnDestroy {
+    private static idCounter;
+    /**
+     * The popover text to be displayed
+     */
+    readonly siPopoverNext: _angular_core.InputSignal<string | TemplateRef<unknown> | undefined>;
+    /**
+     * The placement of the popover. One of 'top', 'start', end', 'bottom'
+     *
+     * @defaultValue 'auto'
+     */
+    readonly placement: _angular_core.InputSignal<"start" | "end" | "top" | "bottom" | "auto">;
+    readonly placementInternal: _angular_core.Signal<"start" | "end" | "top" | "bottom" | "auto">;
+    /**
+     * The title to be displayed on top for the popover
+     *
+     * @defaultValue undefined
+     */
+    readonly title: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The class that will be applied to container of the popover
+     *
+     * @defaultValue ''
+     */
+    readonly containerClass: _angular_core.InputSignal<string>;
+    /**
+     * The icon to be displayed besides popover title
+     *
+     * @defaultValue undefined
+     */
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    /**
+     * The context for the attached template
+     *
+     * @defaultValue undefined
+     */
+    readonly context: _angular_core.InputSignal<unknown>;
+    /**
+     * Emits an event when the popover is shown/hidden
+     */
+    readonly visibilityChange: _angular_core.OutputEmitterRef<void>;
+    /** @internal */
+    readonly popoverCounter: number;
+    /** @internal */
+    readonly popoverId: string;
+    /** @internal */
+    protected readonly isOpen: _angular_core.WritableSignal<boolean>;
+    private overlayref?;
+    private overlay;
+    private elementRef;
+    private destroyer;
+    ngOnDestroy(): void;
+    /**
+     * Displays popover and emits 'shown' event.
+     */
+    show(): void;
+    /**
+     * Hides the popover and emits 'hidden' event.
+     */
+    hide(): void;
+    /**
+     * Updates the position of the popover based on the position strategy.
+     */
+    updatePosition(): void;
+    protected onClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiPopoverNextDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiPopoverNextDirective, "[siPopoverNext]", ["si-popover-next"], { "siPopoverNext": { "alias": "siPopoverNext"; "required": false; "isSignal": true; }; "placement": { "alias": "siPopoverNextPlacement"; "required": false; "isSignal": true; }; "title": { "alias": "siPopoverNextTitle"; "required": false; "isSignal": true; }; "containerClass": { "alias": "siPopoverNextContainerClass"; "required": false; "isSignal": true; }; "icon": { "alias": "siPopoverNextIcon"; "required": false; "isSignal": true; }; "context": { "alias": "siPopoverNextContext"; "required": false; "isSignal": true; }; }, { "visibilityChange": "siPopoverNextVisibilityChange"; }, never, never, true, never>;
+}
+
+declare class PopoverComponent implements OnInit, OnDestroy {
+    readonly popoverDirective: _angular_core.InputSignal<SiPopoverNextDirective>;
+    readonly popoverWrapper: _angular_core.Signal<ElementRef<any>>;
+    /** @internal */
+    labelledBy: string | undefined;
+    /** @internal */
+    describedBy: string | undefined;
+    protected readonly positionClass: _angular_core.WritableSignal<string>;
+    protected readonly arrowPos: _angular_core.WritableSignal<OverlayArrowPosition | undefined>;
+    protected popoverTemplate: TemplateRef<any> | null;
+    protected injector: Injector;
+    private elementRef;
+    private focusTrapFactory;
+    private focusTrap?;
+    private readonly previouslyActiveElement;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** @internal */
+    updateArrow(change: ConnectedOverlayPositionChange, anchor?: ElementRef): void;
+    hide(): void;
+    private applyFocus;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoverComponent, "si-popover", never, { "popoverDirective": { "alias": "popoverDirective"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SiPopoverTitleDirective {
+    readonly popover: PopoverComponent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiPopoverTitleDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiPopoverTitleDirective, "si-popover-title", never, {}, {}, never, never, true, never>;
+}
+
+declare class SiPopoverDescriptionDirective {
+    readonly popover: PopoverComponent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiPopoverDescriptionDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiPopoverDescriptionDirective, "si-popover-description", never, {}, {}, never, never, true, never>;
+}
+
+export { SiPopoverDescriptionDirective, SiPopoverNextDirective, SiPopoverTitleDirective };

package/progressbar/index.d.ts

@@ -1,6 +1,54 @@
-/**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-export * from './si-progressbar.component';
-export * from './si-progressbar.module';
+import * as _angular_core from '@angular/core';
+import * as _siemens_element_translate_ng_translate_types from '@siemens/element-translate-ng/translate-types';
+
+declare class SiProgressbarComponent {
+    /**
+     * Needed for a11y
+     *
+     * @defaultValue
+     * ```
+     * t(() => $localize`:@@SI_PROGRESSBAR.LABEL:Progress`)
+     * ```
+     */
+    readonly ariaLabel: _angular_core.InputSignal<_siemens_element_translate_ng_translate_types.TranslatableString>;
+    /**
+     * Max value for progressbar
+     *
+     * @defaultValue 100
+     */
+    readonly max: _angular_core.InputSignal<number>;
+    /**
+     * Current value
+     *
+     * @defaultValue 0
+     */
+    readonly value: _angular_core.InputSignal<number | undefined>;
+    /**
+     * Heading to display on top of progress bar.
+     */
+    readonly heading: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Optional progress text to be shown on top right (in LTR).
+     * It can be percentage value or a progress status. E.g `50 %` or `Downloading 2/8`.
+     */
+    readonly progress: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Height for progress bar.
+     *
+     * @defaultValue 'normal'
+     */
+    readonly height: _angular_core.InputSignal<ProgressbarHeight>;
+    protected readonly percent: _angular_core.Signal<number>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiProgressbarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiProgressbarComponent, "si-progressbar", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "progress": { "alias": "progress"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+type ProgressbarHeight = 'small' | 'normal';
+
+declare class SiProgressbarModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiProgressbarModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiProgressbarModule, never, [typeof SiProgressbarComponent], [typeof SiProgressbarComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiProgressbarModule>;
+}
+
+export { SiProgressbarComponent, SiProgressbarModule };
+export type { ProgressbarHeight };

package/resize-observer/index.d.ts

@@ -1,8 +1,145 @@
+import { Observable } from 'rxjs';
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy } from '@angular/core';
+
+interface ElementDimensions {
+    width: number;
+    height: number;
+}
 /**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
+ * A service wrapping `ResizeObserver`. This is a service for those reasons:
+ * - only one `ResizeObserver` should be used for performance reason.
+ * - For Angular change detection to work, explicit `ngZone` calls are necessary
+ * - Observable stream
  */
-export * from './resize-observer.service';
-export * from './si-resize-observer.directive';
-export * from './si-resize-observer.module';
-export * from './si-responsive-container.directive';
+declare class ResizeObserverService {
+    private listeners;
+    private resizeObserver?;
+    private timerQueue;
+    private zone;
+    constructor();
+    /**
+     * Observe the size of an element. Returns an observable with the changes.
+     * @param element - The element to observe
+     * @param throttle - Throttle time in ms. Will emit this time after the resize
+     * @param emitInitial - Emit the initial size after subscribe?
+     * @param emitImmediate - Emit an event immediately after the size changes. Useful e.g. for visibility checks.
+     */
+    observe(element: Element, throttle: number, emitInitial?: boolean, emitImmediate?: boolean): Observable<ElementDimensions>;
+    private subscriberAdded;
+    private subscriberRemoved;
+    private handleElement;
+    private handleResizeSubscriber;
+    private emitSize;
+    private schedule;
+    private unschedule;
+    private processQueue;
+    /**
+     * check size on all observed elements. Only use in testing!
+     */
+    _checkAll(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ResizeObserverService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ResizeObserverService>;
+}
+
+/**
+ * Directive to emit events on element size change. Use like this:
+ *   `<div (siResizeObserver)="handleResize($event)">`
+ * When the size of the element changes, an event in the format
+ *   `{ width: number, height: number }`
+ * will be emitted. Also an initial event will be emitted on init.
+ *
+ * By default, events are throttled and to an event every 100ms. To change
+ * this, add `[resizeThrottle]="200"` on the same element. Input in milliseconds.
+ */
+declare class SiResizeObserverDirective implements OnInit, OnDestroy {
+    /** @defaultValue 100 */
+    readonly resizeThrottle: _angular_core.InputSignal<number>;
+    /** @defaultValue true */
+    readonly emitInitial: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly siResizeObserver: _angular_core.OutputEmitterRef<ElementDimensions>;
+    private subs?;
+    private element;
+    private service;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiResizeObserverDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiResizeObserverDirective, "[siResizeObserver]", never, { "resizeThrottle": { "alias": "resizeThrottle"; "required": false; "isSignal": true; }; "emitInitial": { "alias": "emitInitial"; "required": false; "isSignal": true; }; }, { "siResizeObserver": "siResizeObserver"; }, never, never, true, never>;
+}
+
+interface Breakpoints {
+    smMinimum: number;
+    mdMinimum: number;
+    lgMinimum: number;
+    xlMinimum: number;
+    xxlMinimum: number;
+}
+declare const BOOTSTRAP_BREAKPOINTS: Breakpoints;
+/**
+ * Directive to automatically set `si-container-*` classes so Bootstrap column classes work
+ * in the context of the container instead of viewport size.
+ */
+declare class SiResponsiveContainerDirective implements OnInit, OnDestroy {
+    /** @defaultValue false */
+    readonly xs: _angular_core.WritableSignal<boolean>;
+    /**
+     * @deprecated Use {@link xs} instead.
+     * @defaultValue false
+     **/
+    isXs: boolean;
+    /** @defaultValue false */
+    readonly sm: _angular_core.WritableSignal<boolean>;
+    /**
+     * @deprecated Use {@link sm} instead.
+     * @defaultValue false
+     **/
+    isSm: boolean;
+    /** @defaultValue false */
+    readonly md: _angular_core.WritableSignal<boolean>;
+    /**
+     * @deprecated Use {@link md} instead.
+     * @defaultValue false
+     **/
+    isMd: boolean;
+    /** @defaultValue false */
+    readonly lg: _angular_core.WritableSignal<boolean>;
+    /**
+     * @deprecated Use {@link lg} instead.
+     * @defaultValue false
+     **/
+    isLg: boolean;
+    /** @defaultValue false */
+    readonly xl: _angular_core.WritableSignal<boolean>;
+    /**
+     * @deprecated Use {@link xl} instead.
+     * @defaultValue false
+     **/
+    isXl: boolean;
+    /** @defaultValue false */
+    readonly xxl: _angular_core.WritableSignal<boolean>;
+    /**
+     * @deprecated Use {@link xxl} instead.
+     * @defaultValue false
+     **/
+    isXxl: boolean;
+    /** @defaultValue 100 */
+    readonly resizeThrottle: _angular_core.InputSignal<number>;
+    readonly breakpoints: _angular_core.InputSignal<Breakpoints | undefined>;
+    private subs?;
+    private element;
+    private service;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private setResponsiveSize;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiResponsiveContainerDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SiResponsiveContainerDirective, "[siResponsiveContainer]", ["siResponsiveContainer"], { "resizeThrottle": { "alias": "resizeThrottle"; "required": false; "isSignal": true; }; "breakpoints": { "alias": "breakpoints"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SiResizeObserverModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiResizeObserverModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiResizeObserverModule, never, [typeof SiResizeObserverDirective, typeof SiResponsiveContainerDirective], [typeof SiResizeObserverDirective, typeof SiResponsiveContainerDirective]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiResizeObserverModule>;
+}
+
+export { BOOTSTRAP_BREAKPOINTS, ResizeObserverService, SiResizeObserverDirective, SiResizeObserverModule, SiResponsiveContainerDirective };
+export type { Breakpoints, ElementDimensions };

package/result-details-list/index.d.ts

@@ -1,7 +1,62 @@
+import * as i0 from '@angular/core';
+
 /**
  * Copyright (c) Siemens 2016 - 2025
  * SPDX-License-Identifier: MIT
  */
-export * from './si-result-details-list.component';
-export * from './si-result-details-list.datamodel';
-export * from './si-result-details-list.module';
+interface ResultDetailStep {
+    /**
+     * A description of the step.
+     */
+    description: string;
+    /**
+     * A state object defining the state of the step.
+     */
+    state: ResultDetailStepState;
+    /**
+     * Optional value to be displayed for the step.
+     */
+    value?: string;
+    /**
+     * Optional error message to display.
+     */
+    errorMessage?: string;
+    /**
+     * Optional custom icon to display. Otherwise a default icon will be shown based on the state property.
+     */
+    icon?: string;
+    /**
+     * Optional detail text which appears below description.
+     */
+    detail?: string;
+    /**
+     * Optional translation params to be used with translate pipe.
+     */
+    translationParams?: Record<string, unknown>;
+}
+/**
+ * This type defines the state that a detailed result step can have.
+ */
+type ResultDetailStepState = 'passed' | 'failed' | 'running' | 'not-supported' | 'not-started';
+
+declare class SiResultDetailsListComponent {
+    /**
+     * Array of steps to show in the list.
+     *
+     * @defaultValue []
+     */
+    readonly steps: i0.InputSignal<ResultDetailStep[]>;
+    protected readonly stepHasValue: i0.Signal<boolean>;
+    protected readonly icons: Record<"elementCircleFilled" | "elementNotChecked" | "elementOutOfService" | "elementStateExclamationMark" | "elementStateTick", string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiResultDetailsListComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SiResultDetailsListComponent, "si-result-details-list", never, { "steps": { "alias": "steps"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SiResultDetailsListModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SiResultDetailsListModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SiResultDetailsListModule, never, [typeof SiResultDetailsListComponent], [typeof SiResultDetailsListComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SiResultDetailsListModule>;
+}
+
+export { SiResultDetailsListComponent, SiResultDetailsListModule };
+export type { ResultDetailStep, ResultDetailStepState };

package/search-bar/index.d.ts

@@ -1,6 +1,93 @@
-/**
- * Copyright (c) Siemens 2016 - 2025
- * SPDX-License-Identifier: MIT
- */
-export * from './si-search-bar.component';
-export * from './si-search-bar.module';
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { BackgroundColorVariant } from '@siemens/element-ng/common';
+
+declare class SiSearchBarComponent implements OnInit, OnDestroy, ControlValueAccessor, OnChanges {
+    private readonly inputRef;
+    private debouncer;
+    private readonly disabledNgControl;
+    /**
+     * Time unit change of search input takes effect.
+     *
+     * @defaultValue 400
+     */
+    readonly debounceTime: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Prohibited characters restricting search.
+     */
+    readonly prohibitedCharacters: _angular_core.InputSignal<string | undefined>;
+    /**
+     * Define search input placeholder.
+     *
+     * @defaultValue ''
+     */
+    readonly placeholder: _angular_core.InputSignal<string>;
+    /**
+     * Display search icon before search input.
+     *
+     * @defaultValue false
+     */
+    readonly showIcon: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Whether the search is tabbable or not.
+     *
+     * @defaultValue true
+     */
+    readonly tabbable: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Define search input content.
+     */
+    readonly value: _angular_core.InputSignal<string | undefined>;
+    /** @defaultValue false */
+    readonly readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Color to use for component background
+     *
+     * @defaultValue 'base-1'
+     */
+    readonly colorVariant: _angular_core.InputSignal<BackgroundColorVariant>;
+    /** @defaultValue false */
+    readonly disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Output callback event will provide you with search term if search input changes.
+     */
+    readonly searchChange: _angular_core.OutputEmitterRef<string>;
+    protected isInvalid: boolean;
+    protected inFocus: boolean;
+    protected onChange: (val: any) => void;
+    protected onTouch: () => void;
+    protected readonly disabled: _angular_core.Signal<boolean>;
+    protected readonly searchValue: _angular_core.WritableSignal<string>;
+    protected readonly icons: Record<"elementCancel" | "elementSearch", string>;
+    /** @internal */
+    writeValue(value: string): void;
+    /** @internal */
+    registerOnChange(fn: any): void;
+    /** @internal */
+    registerOnTouched(fn: () => void): void;
+    /** @internal */
+    setDisabledState(disabled: boolean): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    private setSearch;
+    private isProhibitedCharactersUsed;
+    /** @internal */
+    focus(): void;
+    protected onCancelFocus(event: Event): void;
+    protected input(event: Event): void;
+    protected onBlur(): void;
+    protected resetForm(): void;
+    protected writeSearchValue(value: string): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSearchBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SiSearchBarComponent, "si-search-bar", never, { "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "prohibitedCharacters": { "alias": "prohibitedCharacters"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "tabbable": { "alias": "tabbable"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "colorVariant": { "alias": "colorVariant"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "searchChange": "searchChange"; }, never, never, true, never>;
+}
+
+declare class SiSearchBarModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SiSearchBarModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SiSearchBarModule, never, [typeof SiSearchBarComponent], [typeof SiSearchBarComponent]>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<SiSearchBarModule>;
+}
+
+export { SiSearchBarComponent, SiSearchBarModule };