@lumston/ds-angular 0.0.1

package/types/lumston-ds-angular.d.ts

@@ -0,0 +1,595 @@
+import * as _angular_platform_browser from '@angular/platform-browser';
+import { SafeHtml } from '@angular/platform-browser';
+import * as _angular_core from '@angular/core';
+import { ElementRef, TemplateRef, OnDestroy, OnInit } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+/**
+ * Union type of all available icon names.
+ * Provides IDE autocomplete and compile-time safety.
+ */
+type IconName = 'caret-down' | 'carets-down' | 'laptop' | 'menu' | 'minus' | 'moon' | 'search' | 'settings' | 'sun' | 'x' | 'x-circle' | 'menu-apps' | 'menu-components' | 'menu-dashboard' | 'menu-datatables' | 'menu-documentation' | 'menu-elements' | 'menu-forms' | 'menu-more' | 'menu-pages' | 'menu-scrumboard';
+
+declare class IconComponent {
+    private readonly sanitizer;
+    readonly name: _angular_core.InputSignal<IconName>;
+    readonly iconClass: _angular_core.InputSignal<string>;
+    protected readonly svgHtml: _angular_core.Signal<_angular_platform_browser.SafeHtml>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconComponent, "ls-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "iconClass": { "alias": "iconClass"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * SVG icon registry.
+ * Maps icon names to raw SVG strings.
+ */
+declare const ICON_REGISTRY: Record<IconName, string>;
+
+declare class DropdownComponent {
+    contentClass: string;
+    dropdown: ElementRef;
+    isOpen: boolean;
+    isAnimating: boolean;
+    toggle(): void;
+    close(): void;
+    onAnimationEnd(): void;
+    onDocumentClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropdownComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropdownComponent, "ls-dropdown", never, { "contentClass": { "alias": "contentClass"; "required": false; }; }, {}, never, ["[dropdownButton]", "[dropdownContent]"], true, never>;
+}
+
+declare class LsDropdownContentDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LsDropdownContentDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<LsDropdownContentDirective, "[lsDropdownContent]", never, {}, {}, never, never, true, never>;
+}
+
+type DropdownDirection = 'down' | 'up' | 'left' | 'right';
+type DropdownAlign = 'start' | 'end';
+
+type ButtonVariant = 'contained' | 'outline' | 'text';
+type ButtonColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'dark';
+type ButtonSize = 'small' | 'medium' | 'large';
+type ButtonLoadingIndicator = 'spinner' | (string & {});
+type ButtonLoadingPosition = 'center' | 'start' | 'end';
+declare class ButtonComponent {
+    private readonly sanitizer;
+    readonly variant: _angular_core.InputSignal<ButtonVariant>;
+    readonly color: _angular_core.InputSignal<ButtonColor>;
+    readonly size: _angular_core.InputSignal<ButtonSize>;
+    readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly fullWidth: _angular_core.InputSignal<boolean>;
+    readonly startIcon: _angular_core.InputSignal<string | undefined>;
+    readonly endIcon: _angular_core.InputSignal<string | undefined>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly loadingIndicator: _angular_core.InputSignal<ButtonLoadingIndicator>;
+    readonly loadingPosition: _angular_core.InputSignal<ButtonLoadingPosition>;
+    readonly rounded: _angular_core.InputSignal<boolean>;
+    readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
+    get isCustomText(): boolean;
+    get iconSizeClass(): string;
+    get showStartIcon(): boolean;
+    get showEndIcon(): boolean;
+    get sanitizedStartIcon(): SafeHtml;
+    get sanitizedEndIcon(): SafeHtml;
+    get buttonClasses(): string;
+    onClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "ls-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "startIcon": { "alias": "startIcon"; "required": false; "isSignal": true; }; "endIcon": { "alias": "endIcon"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingIndicator": { "alias": "loadingIndicator"; "required": false; "isSignal": true; }; "loadingPosition": { "alias": "loadingPosition"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, ["*"], true, never>;
+}
+
+type CheckboxColor = 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+type CheckboxSize = 'small' | 'medium';
+type CheckboxLabelPlacement = 'start' | 'end' | 'top' | 'bottom';
+declare class CheckboxComponent {
+    private readonly _sanitizer;
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly checkedIcon: _angular_core.InputSignal<string>;
+    readonly checked: _angular_core.InputSignal<boolean>;
+    readonly defaultChecked: _angular_core.InputSignal<boolean>;
+    readonly color: _angular_core.InputSignal<CheckboxColor>;
+    readonly size: _angular_core.InputSignal<CheckboxSize>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly indeterminate: _angular_core.InputSignal<boolean>;
+    readonly labelPlacement: _angular_core.InputSignal<CheckboxLabelPlacement>;
+    readonly changed: _angular_core.OutputEmitterRef<boolean>;
+    protected readonly _isChecked: _angular_core.WritableSignal<boolean>;
+    private _isFirstSync;
+    private readonly _syncChecked;
+    protected readonly checkboxClasses: _angular_core.Signal<string>;
+    protected readonly currentIcon: _angular_core.Signal<SafeHtml>;
+    onToggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CheckboxComponent, "ls-checkbox", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "checkedIcon": { "alias": "checkedIcon"; "required": true; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; "isSignal": true; }; }, { "changed": "changed"; }, never, ["*"], true, never>;
+}
+
+type IconButtonColor = 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'dark';
+type IconButtonSize = 'small' | 'medium' | 'large';
+declare class IconButtonComponent {
+    private readonly sanitizer;
+    readonly icon: _angular_core.InputSignal<string>;
+    readonly ariaLabel: _angular_core.InputSignal<string>;
+    readonly color: _angular_core.InputSignal<IconButtonColor>;
+    readonly size: _angular_core.InputSignal<IconButtonSize>;
+    readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly loading: _angular_core.InputSignal<boolean>;
+    readonly clicked: _angular_core.OutputEmitterRef<MouseEvent>;
+    get sanitizedIcon(): SafeHtml;
+    get buttonClasses(): string;
+    onClick(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IconButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<IconButtonComponent, "ls-icon-button", never, { "icon": { "alias": "icon"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": true; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "clicked": "clicked"; }, never, never, true, never>;
+}
+
+type RadioButtonColor = 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+type RadioButtonSize = 'small' | 'medium';
+type RadioButtonLabelPlacement = 'start' | 'end' | 'top' | 'bottom';
+declare class RadioButtonComponent implements ControlValueAccessor {
+    readonly checked: _angular_core.InputSignal<boolean>;
+    readonly color: _angular_core.InputSignal<RadioButtonColor>;
+    readonly size: _angular_core.InputSignal<RadioButtonSize>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly labelPlacement: _angular_core.InputSignal<RadioButtonLabelPlacement>;
+    readonly changed: _angular_core.OutputEmitterRef<boolean>;
+    protected readonly _isChecked: _angular_core.WritableSignal<boolean>;
+    protected readonly _isDisabledByCva: _angular_core.WritableSignal<boolean>;
+    private _onChange;
+    private _onTouched;
+    private readonly _syncChecked;
+    protected readonly radioClasses: _angular_core.Signal<string>;
+    protected readonly isEffectivelyDisabled: _angular_core.Signal<boolean>;
+    onToggle(): void;
+    writeValue(value: boolean): void;
+    registerOnChange(fn: (val: boolean) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<RadioButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<RadioButtonComponent, "ls-radio-button", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; "isSignal": true; }; }, { "changed": "changed"; }, never, ["*"], true, never>;
+}
+
+type SliderColor = 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+type SliderSize = 'small' | 'medium';
+type SliderValueLabelDisplay = 'auto' | 'off' | 'on';
+interface SliderMark {
+    value: number;
+    label?: string;
+}
+declare class SliderComponent {
+    private readonly _renderer;
+    private readonly _destroyRef;
+    private readonly _elementRef;
+    readonly value: _angular_core.ModelSignal<number | number[]>;
+    readonly defaultValue: _angular_core.InputSignal<number | number[] | undefined>;
+    readonly min: _angular_core.InputSignal<number>;
+    readonly max: _angular_core.InputSignal<number>;
+    readonly step: _angular_core.InputSignal<number | null>;
+    readonly marks: _angular_core.InputSignal<boolean | SliderMark[]>;
+    readonly color: _angular_core.InputSignal<SliderColor>;
+    readonly size: _angular_core.InputSignal<SliderSize>;
+    readonly orientation: _angular_core.InputSignal<"horizontal">;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly valueLabelDisplay: _angular_core.InputSignal<SliderValueLabelDisplay>;
+    readonly onChange: _angular_core.OutputEmitterRef<number | number[]>;
+    private readonly _railRef;
+    readonly _activeThumbIndex: _angular_core.WritableSignal<0 | 1>;
+    readonly _isDragging: _angular_core.WritableSignal<boolean>;
+    private _cleanupMouseMove;
+    private _cleanupMouseUp;
+    private _cleanupTouchMove;
+    private _cleanupTouchEnd;
+    private _cachedRect;
+    readonly _isRange: _angular_core.Signal<boolean>;
+    readonly _values: _angular_core.Signal<[number, number]>;
+    readonly _normalizedMarks: _angular_core.Signal<SliderMark[]>;
+    readonly _trackFillStyle: _angular_core.Signal<{
+        left: string;
+        width: string;
+    }>;
+    readonly _thumbPositions: _angular_core.Signal<number[]>;
+    readonly _containerClasses: _angular_core.Signal<string>;
+    constructor();
+    _isMarkActive(markValue: number): boolean;
+    _getMarkPosition(markValue: number): number;
+    _getThumbValue(thumbIndex: number): number;
+    _onRailMouseDown(event: MouseEvent): void;
+    _onThumbMouseDown(event: MouseEvent, thumbIndex: number): void;
+    _onRailTouchStart(event: TouchEvent): void;
+    _onThumbTouchStart(event: TouchEvent, thumbIndex: number): void;
+    _onKeyDown(event: KeyboardEvent, thumbIndex: number): void;
+    private _startDrag;
+    private _startMouseDrag;
+    private _startTouchDrag;
+    private _endDrag;
+    private _updateValueFromPosition;
+    private _adjustThumbValue;
+    private _setThumbValue;
+    private _positionToValue;
+    private _quantize;
+    private _cacheRect;
+    private _removeGlobalListeners;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SliderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SliderComponent, "ls-slider", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "defaultValue": { "alias": "defaultValue"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "marks": { "alias": "marks"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "valueLabelDisplay": { "alias": "valueLabelDisplay"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "onChange": "onChange"; }, never, never, true, never>;
+}
+
+type SwitchColor = 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+type SwitchSize = 'small' | 'medium';
+type SwitchVariant = 'solid' | 'outlined';
+type SwitchLabelPlacement = 'start' | 'end' | 'top' | 'bottom';
+declare class SwitchComponent {
+    private readonly _sanitizer;
+    readonly checked: _angular_core.InputSignal<boolean>;
+    readonly defaultChecked: _angular_core.InputSignal<boolean>;
+    readonly color: _angular_core.InputSignal<SwitchColor>;
+    readonly size: _angular_core.InputSignal<SwitchSize>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly icon: _angular_core.InputSignal<boolean>;
+    readonly variant: _angular_core.InputSignal<SwitchVariant>;
+    readonly labelPlacement: _angular_core.InputSignal<SwitchLabelPlacement>;
+    readonly changed: _angular_core.OutputEmitterRef<boolean>;
+    protected readonly _isChecked: _angular_core.WritableSignal<boolean>;
+    private _isFirstSync;
+    private readonly _syncChecked;
+    protected readonly switchClasses: _angular_core.Signal<string>;
+    protected readonly currentIcon: _angular_core.Signal<SafeHtml>;
+    onToggle(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SwitchComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SwitchComponent, "ls-switch", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "defaultChecked": { "alias": "defaultChecked"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "labelPlacement": { "alias": "labelPlacement"; "required": false; "isSignal": true; }; }, { "changed": "changed"; }, never, ["*"], true, never>;
+}
+
+type LinkVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body1' | 'body2' | 'subtitle1' | 'subtitle2' | 'overline' | 'caption' | 'button' | 'inherit';
+type LinkAlign = 'center' | 'inherit' | 'justify' | 'left' | 'right';
+type LinkColor = 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+type LinkUnderline = 'always' | 'hover' | 'none';
+declare class LinkComponent {
+    readonly variant: _angular_core.InputSignal<LinkVariant>;
+    readonly align: _angular_core.InputSignal<LinkAlign>;
+    readonly color: _angular_core.InputSignal<LinkColor>;
+    readonly href: _angular_core.InputSignal<string>;
+    readonly underline: _angular_core.InputSignal<LinkUnderline>;
+    readonly target: _angular_core.InputSignal<string>;
+    readonly rel: _angular_core.InputSignal<string>;
+    protected readonly linkClasses: _angular_core.Signal<string>;
+    protected readonly safeRel: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LinkComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LinkComponent, "ls-link", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "underline": { "alias": "underline"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "rel": { "alias": "rel"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type TextVariant = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'body1' | 'body2' | 'subtitle1' | 'subtitle2' | 'caption' | 'overline' | 'button' | 'inherit';
+type TextColor = 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'warning' | 'info' | 'dark';
+type TextAlign = 'center' | 'inherit' | 'justify' | 'left' | 'right';
+declare class TextComponent {
+    readonly variant: _angular_core.InputSignal<TextVariant>;
+    readonly color: _angular_core.InputSignal<TextColor>;
+    readonly align: _angular_core.InputSignal<TextAlign>;
+    protected readonly textClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TextComponent, "ls-text", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type TagVariant = 'filled' | 'outlined' | 'soft' | 'inverted';
+type TagColor = 'inherit' | 'primary' | 'secondary' | 'success' | 'error' | 'info' | 'warning';
+declare class TagComponent {
+    private readonly _sanitizer;
+    readonly variant: _angular_core.InputSignal<TagVariant>;
+    readonly color: _angular_core.InputSignal<TagColor>;
+    readonly startIcon: _angular_core.InputSignal<string | undefined>;
+    readonly endIcon: _angular_core.InputSignal<string | undefined>;
+    get sanitizedStartIcon(): SafeHtml;
+    get sanitizedEndIcon(): SafeHtml;
+    get tagClasses(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TagComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TagComponent, "ls-tag", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "startIcon": { "alias": "startIcon"; "required": false; "isSignal": true; }; "endIcon": { "alias": "endIcon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type BadgeSeverity = 'primary' | 'secondary' | 'success' | 'warning' | 'error' | 'info';
+type BadgeVariant = 'solid' | 'outlined' | 'dot';
+type BadgePosition = 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+type BadgeOverlap = 'circular' | 'rectangular';
+declare class BadgeComponent {
+    readonly badgeContent: _angular_core.InputSignal<string | number | undefined>;
+    readonly max: _angular_core.InputSignal<number>;
+    readonly severity: _angular_core.InputSignal<BadgeSeverity>;
+    readonly variant: _angular_core.InputSignal<BadgeVariant>;
+    readonly badgePosition: _angular_core.InputSignal<BadgePosition>;
+    readonly overlap: _angular_core.InputSignal<BadgeOverlap>;
+    readonly isHidden: _angular_core.InputSignal<boolean>;
+    readonly formattedContent: _angular_core.Signal<string>;
+    readonly badgeClasses: _angular_core.Signal<string>;
+    readonly ariaLabelText: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "ls-badge", never, { "badgeContent": { "alias": "badgeContent"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "badgePosition": { "alias": "badgePosition"; "required": false; "isSignal": true; }; "overlap": { "alias": "overlap"; "required": false; "isSignal": true; }; "isHidden": { "alias": "isHidden"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type ChipVariant = 'filled' | 'outlined';
+type ChipColor = 'default' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+type ChipSize = 'small' | 'medium';
+declare class ChipComponent {
+    private readonly _sanitizer;
+    readonly label: _angular_core.InputSignal<string>;
+    readonly variant: _angular_core.InputSignal<ChipVariant>;
+    readonly color: _angular_core.InputSignal<ChipColor>;
+    readonly size: _angular_core.InputSignal<ChipSize>;
+    readonly icon: _angular_core.InputSignal<string | undefined>;
+    readonly avatar: _angular_core.InputSignal<string | undefined>;
+    readonly deleteIcon: _angular_core.InputSignal<boolean>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly clickable: _angular_core.InputSignal<boolean>;
+    readonly onClick: _angular_core.OutputEmitterRef<void>;
+    readonly onDelete: _angular_core.OutputEmitterRef<void>;
+    readonly sanitizedIcon: _angular_core.Signal<_angular_platform_browser.SafeHtml>;
+    readonly chipClasses: _angular_core.Signal<string>;
+    handleClick(event: MouseEvent): void;
+    handleDelete(event: MouseEvent): void;
+    handleKeydown(event: KeyboardEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChipComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChipComponent, "ls-chip", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "avatar": { "alias": "avatar"; "required": false; "isSignal": true; }; "deleteIcon": { "alias": "deleteIcon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "onDelete": "onDelete"; }, never, never, true, never>;
+}
+
+type AvatarVariant = 'circular' | 'rounded' | 'square';
+type AvatarColor = 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+type AvatarSize = 'small' | 'medium' | 'large';
+declare class AvatarComponent {
+    readonly alt: _angular_core.InputSignal<string>;
+    readonly color: _angular_core.InputSignal<AvatarColor>;
+    readonly size: _angular_core.InputSignal<AvatarSize>;
+    readonly src: _angular_core.InputSignal<string>;
+    readonly text: _angular_core.InputSignal<string>;
+    readonly tooltip: _angular_core.InputSignal<string>;
+    readonly variant: _angular_core.InputSignal<AvatarVariant>;
+    protected readonly containerClasses: _angular_core.Signal<string>;
+    protected readonly fallbackClasses: _angular_core.Signal<string>;
+    protected readonly hasTooltip: _angular_core.Signal<boolean>;
+    protected readonly isImageMode: _angular_core.Signal<boolean>;
+    protected readonly isTextMode: _angular_core.Signal<boolean>;
+    protected readonly textClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarComponent, "ls-avatar", never, { "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+interface AvatarData {
+    alt?: string;
+    src?: string;
+    variant?: AvatarVariant;
+    text?: string;
+    color?: AvatarColor;
+    tooltip?: string;
+    size?: AvatarSize;
+}
+declare class AvatarGroupComponent {
+    readonly avatars: _angular_core.InputSignal<AvatarData[]>;
+    readonly maxAvatarGroup: _angular_core.InputSignal<number>;
+    protected readonly groupSize: _angular_core.Signal<AvatarSize>;
+    protected readonly groupVariant: _angular_core.Signal<AvatarVariant>;
+    protected readonly visibleAvatars: _angular_core.Signal<AvatarData[]>;
+    protected readonly overflowCount: _angular_core.Signal<number>;
+    protected readonly hasOverflow: _angular_core.Signal<boolean>;
+    protected readonly overflowText: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarGroupComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarGroupComponent, "ls-avatar-group", never, { "avatars": { "alias": "avatars"; "required": false; "isSignal": true; }; "maxAvatarGroup": { "alias": "maxAvatarGroup"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type LogoSize = 'small' | 'medium' | 'large';
+declare class LogoComponent {
+    readonly href: _angular_core.InputSignal<string>;
+    readonly size: _angular_core.InputSignal<LogoSize>;
+    readonly src: _angular_core.InputSignal<string>;
+    protected readonly hasHref: _angular_core.Signal<boolean>;
+    protected readonly imgClasses: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LogoComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LogoComponent, "ls-logo", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type ProgressBarVariant = 'determinate' | 'stripe' | 'animated' | 'indeterminate';
+type ProgressBarColor = 'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+type ProgressBarSize = 'small' | 'medium' | 'large' | 'extra-large';
+type ProgressBarLabelPosition = 'inside' | 'right';
+declare class ProgressBarComponent {
+    readonly variant: _angular_core.InputSignal<ProgressBarVariant>;
+    readonly color: _angular_core.InputSignal<ProgressBarColor>;
+    readonly value: _angular_core.InputSignal<number>;
+    readonly showLabel: _angular_core.InputSignal<boolean>;
+    readonly labelPosition: _angular_core.InputSignal<ProgressBarLabelPosition>;
+    readonly size: _angular_core.InputSignal<ProgressBarSize>;
+    readonly onFinished: _angular_core.OutputEmitterRef<void>;
+    private readonly _sizeClassMap;
+    readonly clampedValue: _angular_core.Signal<number>;
+    readonly trackClasses: _angular_core.Signal<string>;
+    readonly indicatorClasses: _angular_core.Signal<string>;
+    readonly indicatorWidth: _angular_core.Signal<string>;
+    readonly labelText: _angular_core.Signal<string>;
+    readonly labelClasses: _angular_core.Signal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ProgressBarComponent, "ls-progress-bar", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "showLabel": { "alias": "showLabel"; "required": false; "isSignal": true; }; "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "onFinished": "onFinished"; }, never, never, true, never>;
+}
+
+type LoaderVariant = 'determinate' | 'indeterminate' | 'buffer';
+type LoaderColor = 'inherit' | 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning';
+type LoaderSize = 'small' | 'medium' | 'large';
+declare class LoaderComponent {
+    readonly variant: _angular_core.InputSignal<LoaderVariant>;
+    readonly color: _angular_core.InputSignal<LoaderColor>;
+    readonly value: _angular_core.InputSignal<number>;
+    readonly size: _angular_core.InputSignal<LoaderSize>;
+    readonly onFinished: _angular_core.OutputEmitterRef<void>;
+    readonly circumference: number;
+    private readonly _diameterMap;
+    private readonly _sizeClassMap;
+    readonly svgDiameter: _angular_core.Signal<number>;
+    readonly svgClasses: _angular_core.Signal<string>;
+    readonly indicatorClasses: _angular_core.Signal<string>;
+    readonly bufferClasses: _angular_core.Signal<string>;
+    readonly indicatorDashOffset: _angular_core.Signal<number>;
+    readonly bufferDashOffset: _angular_core.Signal<number>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<LoaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<LoaderComponent, "ls-loader", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "onFinished": "onFinished"; }, never, never, true, never>;
+}
+
+type AlertSeverity = 'error' | 'warning' | 'info' | 'success' | 'primary' | 'secondary';
+type AlertVariant = 'default' | 'filled' | 'outlined';
+declare class AlertComponent {
+    private readonly _sanitizer;
+    readonly severity: _angular_core.InputSignal<AlertSeverity>;
+    readonly variant: _angular_core.InputSignal<AlertVariant>;
+    readonly closable: _angular_core.InputSignal<boolean>;
+    readonly icon: _angular_core.InputSignal<boolean>;
+    readonly iconMapping: _angular_core.InputSignal<string | undefined>;
+    readonly color: _angular_core.InputSignal<string | undefined>;
+    readonly alertTitle: _angular_core.InputSignal<string | undefined>;
+    readonly message: _angular_core.InputSignal<string | undefined>;
+    readonly onClose: _angular_core.OutputEmitterRef<void>;
+    readonly alertClasses: _angular_core.Signal<string>;
+    readonly ariaLive: _angular_core.Signal<"assertive" | "polite">;
+    readonly sanitizedIcon: _angular_core.Signal<_angular_platform_browser.SafeHtml>;
+    readonly sanitizedCloseIcon: _angular_platform_browser.SafeHtml;
+    readonly colorStyle: _angular_core.Signal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertComponent, "ls-alert", never, { "severity": { "alias": "severity"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconMapping": { "alias": "iconMapping"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "alertTitle": { "alias": "alertTitle"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; }, { "onClose": "onClose"; }, never, never, true, never>;
+}
+
+declare class ModalActionsComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalActionsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalActionsComponent, "ls-modal-actions", never, {}, {}, never, ["*"], true, never>;
+}
+
+type ModalMaxWidth = 'sm' | 'md' | 'lg' | 'xl' | 'full';
+type ModalScroll = 'dialog' | 'body';
+declare class ModalComponent implements OnDestroy {
+    readonly open: _angular_core.InputSignal<boolean>;
+    readonly disableBackdropClose: _angular_core.InputSignal<boolean>;
+    readonly fullScreen: _angular_core.InputSignal<boolean>;
+    readonly fullWidth: _angular_core.InputSignal<boolean>;
+    readonly maxWidth: _angular_core.InputSignal<ModalMaxWidth>;
+    readonly scroll: _angular_core.InputSignal<ModalScroll>;
+    readonly showCloseButton: _angular_core.InputSignal<boolean>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    private readonly _modalStackService;
+    private readonly _titleComponent;
+    private readonly _panel;
+    private readonly _id;
+    private _previouslyFocused;
+    protected readonly labelledById: _angular_core.Signal<string | null>;
+    protected readonly overlayClasses: _angular_core.Signal<string>;
+    protected readonly panelClasses: _angular_core.Signal<string>;
+    constructor();
+    ngOnDestroy(): void;
+    protected onEscape(): void;
+    protected onBackdropClick(): void;
+    protected onCloseButtonClick(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalComponent, "ls-modal", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "disableBackdropClose": { "alias": "disableBackdropClose"; "required": false; "isSignal": true; }; "fullScreen": { "alias": "fullScreen"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "scroll": { "alias": "scroll"; "required": false; "isSignal": true; }; "showCloseButton": { "alias": "showCloseButton"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, ["_titleComponent"], ["*"], true, never>;
+}
+
+declare class ModalContentComponent {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalContentComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalContentComponent, "ls-modal-content", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class ModalStackService {
+    private readonly _stack;
+    push(id: string): void;
+    pop(id: string): void;
+    isTop(id: string): boolean;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalStackService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ModalStackService>;
+}
+
+declare class ModalTitleComponent {
+    readonly id: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ModalTitleComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ModalTitleComponent, "ls-modal-title", never, {}, {}, never, ["*"], true, never>;
+}
+
+type PopoverPlacement = 'top' | 'bottom' | 'left' | 'right';
+declare class PopoverComponent {
+    private readonly _renderer;
+    private readonly _destroyRef;
+    private readonly _document;
+    private readonly _elementRef;
+    private _cleanupScroll;
+    readonly placement: _angular_core.InputSignal<PopoverPlacement>;
+    readonly showArrow: _angular_core.InputSignal<boolean>;
+    readonly offset: _angular_core.InputSignal<number>;
+    readonly autoFlip: _angular_core.InputSignal<boolean>;
+    readonly trigger: _angular_core.InputSignal<HTMLElement | undefined>;
+    readonly isOpen: _angular_core.ModelSignal<boolean>;
+    readonly onOpened: _angular_core.OutputEmitterRef<void>;
+    readonly onHidden: _angular_core.OutputEmitterRef<void>;
+    private readonly _panelRef;
+    readonly _currentPlacement: _angular_core.WritableSignal<PopoverPlacement>;
+    readonly _isAnimating: _angular_core.WritableSignal<boolean>;
+    private _cleanupClickOutside;
+    private _cleanupEscape;
+    private _hoverBridgeTimeout;
+    private _wasOpen;
+    readonly _panelClasses: _angular_core.Signal<string>;
+    readonly _arrowClasses: _angular_core.Signal<string>;
+    constructor();
+    open(): void;
+    close(): void;
+    toggle(): void;
+    _onAnimationEnd(): void;
+    _onPanelMouseEnter(): void;
+    _onPanelMouseLeave(): void;
+    private _computePosition;
+    private _getFlippedPlacement;
+    private _setupListeners;
+    private _removeListeners;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PopoverComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PopoverComponent, "ls-popover", never, { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "showArrow": { "alias": "showArrow"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "autoFlip": { "alias": "autoFlip"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "isOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; }, { "isOpen": "isOpenChange"; "onOpened": "onOpened"; "onHidden": "onHidden"; }, never, ["*"], true, never>;
+}
+
+type TooltipPlacement = 'top' | 'bottom' | 'left' | 'right';
+type TooltipBackground = 'primary' | 'success' | 'info' | 'danger' | 'warning' | 'secondary' | 'dark';
+declare class TooltipComponent {
+    readonly content: _angular_core.InputSignal<string>;
+    readonly placement: _angular_core.InputSignal<TooltipPlacement>;
+    readonly backgroundClass: _angular_core.InputSignal<TooltipBackground>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    protected readonly _isVisible: _angular_core.WritableSignal<boolean>;
+    protected readonly _tooltipId: string;
+    get tooltipClasses(): string;
+    show(): void;
+    hide(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipComponent, "ls-tooltip", never, { "content": { "alias": "content"; "required": true; "isSignal": true; }; "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "backgroundClass": { "alias": "backgroundClass"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+type PaginationVariant = 'text' | 'outlined' | 'solid';
+type PaginationColor = 'primary' | 'secondary' | 'default';
+type PaginationShape = 'circular' | 'rounded';
+type PaginationSize = 'small' | 'medium' | 'large';
+declare class PaginationComponent implements OnInit {
+    readonly count: _angular_core.InputSignal<number>;
+    readonly page: _angular_core.InputSignal<number | undefined>;
+    readonly defaultPage: _angular_core.InputSignal<number>;
+    readonly color: _angular_core.InputSignal<PaginationColor>;
+    readonly variant: _angular_core.InputSignal<PaginationVariant>;
+    readonly shape: _angular_core.InputSignal<PaginationShape>;
+    readonly size: _angular_core.InputSignal<PaginationSize>;
+    readonly disabled: _angular_core.InputSignal<boolean>;
+    readonly showFirstButton: _angular_core.InputSignal<boolean>;
+    readonly showLastButton: _angular_core.InputSignal<boolean>;
+    readonly hidePrevButton: _angular_core.InputSignal<boolean>;
+    readonly hideNextButton: _angular_core.InputSignal<boolean>;
+    readonly pageChange: _angular_core.OutputEmitterRef<number>;
+    private readonly _internalPage;
+    protected readonly activePage: _angular_core.Signal<number>;
+    protected readonly pages: _angular_core.Signal<number[]>;
+    protected readonly isFirstPage: _angular_core.Signal<boolean>;
+    protected readonly isLastPage: _angular_core.Signal<boolean>;
+    private readonly _baseClasses;
+    ngOnInit(): void;
+    protected pageItemClasses(n: number): string;
+    protected navClasses(isAtBoundary: boolean): string;
+    protected goToPage(n: number): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginationComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PaginationComponent, "ls-pagination", never, { "count": { "alias": "count"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "defaultPage": { "alias": "defaultPage"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "showFirstButton": { "alias": "showFirstButton"; "required": false; "isSignal": true; }; "showLastButton": { "alias": "showLastButton"; "required": false; "isSignal": true; }; "hidePrevButton": { "alias": "hidePrevButton"; "required": false; "isSignal": true; }; "hideNextButton": { "alias": "hideNextButton"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; }, never, never, true, never>;
+}
+
+export { AlertComponent, AvatarComponent, AvatarGroupComponent, BadgeComponent, ButtonComponent, CheckboxComponent, ChipComponent, DropdownComponent, ICON_REGISTRY, IconButtonComponent, IconComponent, LinkComponent, LoaderComponent, LogoComponent, LsDropdownContentDirective, ModalActionsComponent, ModalComponent, ModalContentComponent, ModalStackService, ModalTitleComponent, PaginationComponent, PopoverComponent, ProgressBarComponent, RadioButtonComponent, SliderComponent, SwitchComponent, TagComponent, TextComponent, TooltipComponent };
+export type { AlertSeverity, AlertVariant, AvatarColor, AvatarData, AvatarSize, AvatarVariant, BadgeOverlap, BadgePosition, BadgeSeverity, BadgeVariant, ButtonColor, ButtonSize, ButtonVariant, CheckboxColor, CheckboxLabelPlacement, CheckboxSize, ChipColor, ChipSize, ChipVariant, DropdownAlign, DropdownDirection, IconButtonColor, IconButtonSize, IconName, LinkAlign, LinkColor, LinkUnderline, LinkVariant, LoaderColor, LoaderSize, LoaderVariant, LogoSize, ModalMaxWidth, ModalScroll, PaginationColor, PaginationShape, PaginationSize, PaginationVariant, PopoverPlacement, ProgressBarColor, ProgressBarLabelPosition, ProgressBarSize, ProgressBarVariant, RadioButtonColor, RadioButtonLabelPlacement, RadioButtonSize, SliderColor, SliderMark, SliderSize, SliderValueLabelDisplay, SwitchColor, SwitchLabelPlacement, SwitchSize, SwitchVariant, TagColor, TagVariant, TextAlign, TextColor, TextVariant, TooltipBackground, TooltipPlacement };
+//# sourceMappingURL=lumston-ds-angular.d.ts.map