@ngstarter-ui/components 1.0.21

package/types/ngstarter-ui-components-notifications.d.ts

@@ -0,0 +1,84 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, AfterContentInit } from '@angular/core';
+
+declare class NotificationDefDirective {
+    readonly templateRef: TemplateRef<any>;
+    ngsNotificationDef: i0.InputSignal<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationDefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NotificationDefDirective, "[ngsNotificationDef]", never, { "ngsNotificationDef": { "alias": "ngsNotificationDef"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class NotificationControlsDefDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationControlsDefDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NotificationControlsDefDirective, "[ngsNotificationControlsDef]", never, {}, {}, never, never, true, never>;
+}
+
+interface NotificationInterface {
+    actor: any;
+    type: string;
+    createdAt: string;
+    isUnread?: boolean;
+    [propName: string]: any;
+}
+
+declare class NotificationList<T extends NotificationInterface> implements AfterContentInit {
+    readonly defs: i0.Signal<readonly NotificationDefDirective[]>;
+    readonly controlsDef: i0.Signal<NotificationControlsDefDirective | undefined>;
+    notifications: i0.InputSignal<T[]>;
+    static: i0.InputSignalWithTransform<boolean, unknown>;
+    protected _initialized: boolean;
+    protected _defsMap: Map<string, TemplateRef<any>>;
+    get controlsTpl(): TemplateRef<any>;
+    ngAfterContentInit(): void;
+    getNotificationTemplate(type: string): TemplateRef<any>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationList<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationList<any>, "ngs-notification-list", ["ngsNotificationList"], { "notifications": { "alias": "notifications"; "required": false; "isSignal": true; }; "static": { "alias": "static"; "required": false; "isSignal": true; }; }, {}, ["defs", "controlsDef"], never, true, never>;
+}
+
+declare class NotificationSkeleton {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationSkeleton, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationSkeleton, "ngs-notification-skeleton", ["ngsNotificationSkeleton"], {}, {}, never, never, true, never>;
+}
+
+declare class NotificationTime {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationTime, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationTime, "ngs-notification-time,[ngs-notification-time]", ["ngsNotificationTime"], {}, {}, never, ["*"], true, never>;
+}
+
+declare class NotificationActor {
+    private elementRef;
+    protected get asLink(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationActor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationActor, "ngs-notification-actor,[ngs-notification-actor]", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class NotificationMessage {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationMessage, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationMessage, "ngs-notification-message", ["ngsNotificationMessage"], {}, {}, never, ["*"], true, never>;
+}
+
+declare class Notification {
+    isUnread: i0.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Notification, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Notification, "ngs-notification,[ngs-notification]", ["ngsNotification"], { "isUnread": { "alias": "isUnread"; "required": false; "isSignal": true; }; }, {}, never, ["[ngsNotificationAvatar]", "ngs-notification-message,[ngs-notification-message]", "ngs-notification-content,[ngs-notification-content]", "ngs-notification-time,[ngs-notification-time]"], true, never>;
+}
+
+declare class NotificationContent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationContent, "ngs-notification-content,[ngs-notification-content]", ["ngsNotificationContent"], {}, {}, never, ["*"], true, never>;
+}
+
+declare class NotificationPropsDirective {
+    isUnread: i0.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationPropsDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NotificationPropsDirective, "[ngsNotificationProps]", ["ngsNotificationProps"], { "isUnread": { "alias": "isUnread"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class NotificationAvatarDirective {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NotificationAvatarDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NotificationAvatarDirective, "[ngsNotificationAvatar]", ["ngsNotificationAvatar"], {}, {}, never, never, true, never>;
+}
+
+export { Notification, NotificationActor, NotificationAvatarDirective, NotificationContent, NotificationControlsDefDirective, NotificationDefDirective, NotificationList, NotificationMessage, NotificationPropsDirective, NotificationSkeleton, NotificationTime };
+export type { NotificationInterface };

package/types/ngstarter-ui-components-number-input.d.ts

@@ -0,0 +1,99 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, OnDestroy, DoCheck } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { FormFieldControl } from '@ngstarter-ui/components/form-field';
+import { Subject } from 'rxjs';
+
+declare class DecreaseControlDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DecreaseControlDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DecreaseControlDirective, "[ngsDecreaseControl]", ["ngsDecreaseControl"], {}, {}, never, never, true, never>;
+}
+
+declare class IncreaseControlDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<IncreaseControlDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<IncreaseControlDirective, "[ngsIncreaseControl]", ["ngsIncreaseControl"], {}, {}, never, never, true, never>;
+}
+
+declare class NumberInput implements FormFieldControl<any>, ControlValueAccessor, OnDestroy, DoCheck {
+    ngControl: NgControl;
+    private _parentForm;
+    private _parentFormGroup;
+    private _elementRef;
+    readonly disableAutomaticLabeling: boolean;
+    private _input;
+    readonly _decreaseControlRef: _angular_core.Signal<DecreaseControlDirective | undefined>;
+    readonly _increaseControlRef: _angular_core.Signal<IncreaseControlDirective | undefined>;
+    min: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    max: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    step: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    disabledInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    get disabled(): boolean;
+    private _disabled;
+    requiredInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    get required(): boolean;
+    private _required;
+    readonly valueChange: _angular_core.OutputEmitterRef<number | undefined>;
+    static nextId: number;
+    private _value;
+    controlType?: string | undefined;
+    autofilled?: boolean | undefined;
+    userAriaDescribedBy?: string | undefined;
+    stateChanges: Subject<void>;
+    focused: boolean;
+    private _focused;
+    touched: boolean;
+    errorState: boolean;
+    private _errorState;
+    id: string;
+    private _id;
+    shouldLabelFloat: boolean;
+    private _shouldLabelFloat;
+    empty: boolean;
+    private _empty;
+    _placeholder: _angular_core.InputSignal<string>;
+    get placeholder(): string;
+    constructor(ngControl: NgControl);
+    setDescribedByIds(ids: string[]): void;
+    onFocusIn(event: FocusEvent): void;
+    onFocusOut(event: FocusEvent): void;
+    set value(value: number | undefined);
+    get value(): number | undefined;
+    ngOnDestroy(): void;
+    protected get _decreaseControlTemplateRef(): TemplateRef<any>;
+    protected get _increaseControlTemplateRef(): TemplateRef<any>;
+    onChange: any;
+    onTouched: any;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: any): void;
+    decrease(event: MouseEvent, input: HTMLInputElement): void;
+    increase(event: MouseEvent, input: HTMLInputElement): void;
+    isDecreaseDisabled(): boolean;
+    isIncreaseDisabled(): boolean;
+    inputChange(event: any): void;
+    private _emitEvent;
+    ngDoCheck(): void;
+    focus(): void;
+    onContainerClick(event: MouseEvent): void;
+    private updateErrorState;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberInput, [{ optional: true; self: true; }]>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<NumberInput, "ngs-number-input", ["ngsNumberInput"], { "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabledInput": { "alias": "disabled"; "required": false; "isSignal": true; }; "requiredInput": { "alias": "required"; "required": false; "isSignal": true; }; "_placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, ["_decreaseControlRef", "_increaseControlRef"], never, true, never>;
+}
+
+declare class NumberInputPrefixDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberInputPrefixDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NumberInputPrefixDirective, "[ngsNumberInputPrefix]", ["ngsNumberInputPrefix"], {}, {}, never, never, true, never>;
+}
+
+declare class NumberInputSuffixDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<NumberInputSuffixDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NumberInputSuffixDirective, "[ngsNumberInputSuffix]", ["ngsNumberInputSuffix"], {}, {}, never, never, true, never>;
+}
+
+export { DecreaseControlDirective, IncreaseControlDirective, NumberInput, NumberInputPrefixDirective, NumberInputSuffixDirective };

package/types/ngstarter-ui-components-option.d.ts

@@ -0,0 +1,61 @@
+import * as _angular_core from '@angular/core';
+import { InjectionToken, Signal, ElementRef, OutputEmitterRef, WritableSignal, AfterViewInit, OnDestroy } from '@angular/core';
+import { Highlightable } from '@angular/cdk/a11y';
+
+declare abstract class _Option {
+    abstract value: Signal<any>;
+    abstract elementRef: ElementRef<HTMLElement>;
+    abstract select(): void;
+    abstract deselect(): void;
+    abstract selected: boolean;
+    abstract viewValue: string;
+    abstract onSelectionChange: OutputEmitterRef<_Option>;
+    abstract disabled: boolean;
+}
+declare abstract class _OptionParent {
+    abstract multiple: Signal<boolean>;
+    abstract hideCheckIcon?: Signal<boolean>;
+    abstract _optionsContentChanges?: WritableSignal<number>;
+}
+declare const OPTION_PARENT: InjectionToken<_OptionParent>;
+declare const OPTION: InjectionToken<_Option>;
+
+declare class Option implements AfterViewInit, OnDestroy, _Option, Highlightable {
+    elementRef: ElementRef<HTMLElement>;
+    private _parent;
+    private _cdr;
+    value: _angular_core.InputSignal<any>;
+    disabledSignal: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    selectedInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    get disabled(): boolean;
+    readonly onSelectionChange: _angular_core.OutputEmitterRef<_Option>;
+    private _selected;
+    private _active;
+    private _mutationObserver?;
+    constructor(elementRef: ElementRef<HTMLElement>);
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    get selected(): boolean;
+    get multiple(): boolean;
+    get hideCheckIcon(): boolean;
+    get active(): boolean;
+    select(): void;
+    deselect(): void;
+    setActiveStyles(): void;
+    setInactiveStyles(): void;
+    _onClick(event: MouseEvent): void;
+    get viewValue(): string;
+    getLabel?(): string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Option, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Option, "ngs-option", ["ngsOption"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabledSignal": { "alias": "disabled"; "required": false; "isSignal": true; }; "selectedInput": { "alias": "selected"; "required": false; "isSignal": true; }; }, { "onSelectionChange": "onSelectionChange"; }, never, ["*"], true, never>;
+}
+
+declare class Optgroup {
+    label: _angular_core.InputSignal<string | undefined>;
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    id: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Optgroup, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Optgroup, "ngs-optgroup", ["ngsOptgroup"], { "label": { "alias": "label"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["ngs-option"], true, never>;
+}
+
+export { OPTION, OPTION_PARENT, Optgroup, Option, _Option, _OptionParent };

package/types/ngstarter-ui-components-overlay.d.ts

@@ -0,0 +1,12 @@
+import { ConnectedPosition } from '@angular/cdk/overlay';
+
+type OverlayPosition = 'below-start' | 'below-center' | 'below-end' | 'above-start' | 'above-center' | 'above-end' | 'before-start' | 'before-center' | 'before-end' | 'after-start' | 'after-center' | 'after-end';
+
+declare class PositionManager {
+    private _positions;
+    private _positionPairs;
+    build(position: OverlayPosition): ConnectedPosition[];
+}
+
+export { PositionManager };
+export type { OverlayPosition };

package/types/ngstarter-ui-components-page-loading-bar.d.ts

@@ -0,0 +1,20 @@
+import * as i0 from '@angular/core';
+import { OnInit } from '@angular/core';
+
+declare class PageLoadingBar implements OnInit {
+    private _router;
+    private _destroyRef;
+    private _cdr;
+    fixed: i0.InputSignalWithTransform<boolean, unknown>;
+    protected visible: boolean;
+    protected value: number;
+    private _subscription;
+    ngOnInit(): void;
+    private _start;
+    private _finish;
+    private _getRandom;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PageLoadingBar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PageLoadingBar, "ngs-page-loading-bar", ["ngsPageLoadingBar"], { "fixed": { "alias": "fixed"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { PageLoadingBar };

package/types/ngstarter-ui-components-paginator.d.ts

@@ -0,0 +1,145 @@
+import * as rxjs from 'rxjs';
+import { Subject } from 'rxjs';
+import * as _angular_core from '@angular/core';
+import { InjectionToken, OnInit, OnDestroy } from '@angular/core';
+
+/**
+ * To modify the labels and text displayed, create a new instance of PaginatorIntl and
+ * include it in a custom provider
+ */
+declare class PaginatorIntl {
+    /**
+     * Stream to emit from when labels are changed. Use this to notify components when the labels have
+     * changed after initialization.
+     */
+    readonly changes: Subject<void>;
+    /** A label for the page size selector. */
+    itemsPerPageLabel: string;
+    /** A label for the button that increments the current page. */
+    nextPageLabel: string;
+    /** A label for the button that decrements the current page. */
+    previousPageLabel: string;
+    /** A label for the button that moves to the first page. */
+    firstPageLabel: string;
+    /** A label for the button that moves to the last page. */
+    lastPageLabel: string;
+    /** A label for the range of items within the current page and the length of the whole list. */
+    getRangeLabel: (page: number, pageSize: number, length: number) => string;
+    /** Label for the 'of' terminology in the range display. */
+    ofLabel: string;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginatorIntl, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<PaginatorIntl>;
+}
+
+/**
+ * Change event object that is emitted when the user selects a
+ * different page size or navigates to another page.
+ */
+declare class PageEvent {
+    /** The current page index. */
+    pageIndex: number;
+    /**
+     * Index of the page that was selected previously.
+     */
+    previousPageIndex?: number;
+    /** The current page size. */
+    pageSize: number;
+    /** The current total number of items being paged. */
+    length: number;
+}
+/** Injection token that can be used to provide the default options for the paginator module. */
+declare const PAGINATOR_DEFAULT_OPTIONS: InjectionToken<PaginatorDefaultOptions>;
+/**
+ * Object that can be used to configure the default options for the paginator module.
+ */
+interface PaginatorDefaultOptions {
+    /** Number of items to display on a page. By default set to 50. */
+    pageSize?: number;
+    /** The set of provided page size options to display to the user. */
+    pageSizeOptions?: number[];
+    /** Whether to hide the page size selection UI from the user. */
+    hidePageSize?: boolean;
+    /** Whether to show the first/last buttons UI to the user. */
+    showFirstLastButtons?: boolean;
+}
+/** The default page size if there is no page size and there are no provided page size options. */
+declare const DEFAULT_PAGE_SIZE = 50;
+
+declare class Paginator implements OnInit, OnDestroy {
+    private _changeDetectorRef;
+    _intl: PaginatorIntl;
+    private _intlChanges;
+    /** The zero-based page index of the displayed list of items. Defaulted to 0. */
+    pageIndexInput: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    get pageIndex(): number;
+    set pageIndex(value: number);
+    private _pageIndex;
+    lengthInput: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    get length(): number;
+    set length(value: number);
+    private _length;
+    /** Number of items to display on a page. By default set to 50. */
+    pageSizeInput: _angular_core.InputSignalWithTransform<number | undefined, unknown>;
+    get pageSize(): number;
+    set pageSize(value: number);
+    private _pageSize;
+    /** The set of provided page size options to display to the user. */
+    pageSizeOptionsInput: _angular_core.InputSignal<number[] | undefined>;
+    get pageSizeOptions(): number[];
+    set pageSizeOptions(value: number[]);
+    private _pageSizeOptions;
+    /** Whether to hide the page size selection UI from the user. */
+    hidePageSize: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Whether to show the first/last buttons UI to the user. */
+    showFirstLastButtons: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Whether the paginator is disabled. */
+    disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Event emitted when the paginator changes the page size or page index. */
+    readonly page: _angular_core.OutputEmitterRef<PageEvent>;
+    _initialized: Subject<void>;
+    initialized: rxjs.Observable<void>;
+    _displayedPageSizeOptions: number[];
+    private _isInitialized;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    /** Advances to the next page if it exists. */
+    nextPage(): void;
+    /** Move back to the previous page if it exists. */
+    previousPage(): void;
+    /** Move to the first page if not already there. */
+    firstPage(): void;
+    /** Move to the last page if not already there. */
+    lastPage(): void;
+    /** Whether there is a previous page. */
+    hasPreviousPage(): boolean;
+    /** Whether there is a next page. */
+    hasNextPage(): boolean;
+    /** Calculate the number of pages */
+    getNumberOfPages(): number;
+    /**
+     * Changes the page size so that the first item displayed on the page will still be
+     * displayed using the new page size.
+     *
+     * For example, if the page size is 10 and on the second page (items indexed 10-19) then
+     * switching so that the page size is 5 will set the third page as the current page so
+     * that the 10th item will still be displayed.
+     */
+    _changePageSize(pageSize: number): void;
+    /** Checks whether the buttons for going forwards should be disabled. */
+    _nextButtonsDisabled(): boolean;
+    /** Checks whether the buttons for going backwards should be disabled. */
+    _previousButtonsDisabled(): boolean;
+    /**
+     * Updates the list of page size options to display to the user. Includes making sure that
+     * the page size is an option and that the list is sorted.
+     */
+    private _updateDisplayedPageSizeOptions;
+    /** Emits a page event and clears the session-cached page index if applicable. */
+    private _emitPageEvent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Paginator, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Paginator, "ngs-paginator", ["ngsPaginator"], { "pageIndexInput": { "alias": "pageIndex"; "required": false; "isSignal": true; }; "lengthInput": { "alias": "length"; "required": false; "isSignal": true; }; "pageSizeInput": { "alias": "pageSize"; "required": false; "isSignal": true; }; "pageSizeOptionsInput": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "hidePageSize": { "alias": "hidePageSize"; "required": false; "isSignal": true; }; "showFirstLastButtons": { "alias": "showFirstLastButtons"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "page": "page"; }, never, never, true, never>;
+}
+
+export { DEFAULT_PAGE_SIZE, PAGINATOR_DEFAULT_OPTIONS, PageEvent, Paginator, PaginatorIntl };
+export type { PaginatorDefaultOptions };

package/types/ngstarter-ui-components-panel.d.ts

@@ -0,0 +1,59 @@
+import * as i0 from '@angular/core';
+import { InjectionToken } from '@angular/core';
+import * as i1 from '@angular/cdk/scrolling';
+import { CdkScrollable } from '@angular/cdk/scrolling';
+
+declare class PanelSidebar {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PanelSidebar, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelSidebar, "ngs-panel-sidebar", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class PanelAside {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PanelAside, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelAside, "ngs-panel-aside", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class PanelHeader {
+    autoHeight: i0.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PanelHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelHeader, "ngs-panel-header", ["ngsPanelHeader"], { "autoHeight": { "alias": "autoHeight"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class PanelSubheader {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PanelSubheader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelSubheader, "ngs-panel-subheader", ["ngsPanelSubheader"], {}, {}, never, never, true, never>;
+}
+
+declare class PanelFooter {
+    autoHeight: i0.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PanelFooter, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelFooter, "ngs-panel-footer", ["ngsPanelFooter"], { "autoHeight": { "alias": "autoHeight"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare class Panel {
+    header: i0.Signal<PanelHeader | undefined>;
+    subheader: i0.Signal<PanelSubheader | undefined>;
+    sidebar: i0.Signal<PanelSidebar | undefined>;
+    aside: i0.Signal<PanelAside | undefined>;
+    footer: i0.Signal<PanelFooter | undefined>;
+    absolute: i0.InputSignalWithTransform<boolean, unknown>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Panel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Panel, "ngs-panel", ["ngsPanel"], { "absolute": { "alias": "absolute"; "required": false; "isSignal": true; }; }, {}, ["header", "subheader", "sidebar", "aside", "footer"], ["ngs-panel-header", "ngs-panel-subheader", "ngs-panel-sidebar", "ngs-panel-content", "ngs-panel-aside", "ngs-panel-footer"], true, never>;
+}
+
+interface PanelContentInterface {
+    scrollContainer(): HTMLElement;
+    scrollable?: CdkScrollable;
+}
+declare const PANEL_CONTENT: InjectionToken<PanelContentInterface>;
+
+declare class PanelContent implements PanelContentInterface {
+    private elementRef;
+    readonly scrollable: CdkScrollable;
+    scrollContainer(): HTMLElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PanelContent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PanelContent, "ngs-panel-content", ["ngsPanelContent"], {}, {}, never, ["*"], true, [{ directive: typeof i1.CdkScrollable; inputs: {}; outputs: {}; }]>;
+}
+
+export { PANEL_CONTENT, Panel, PanelAside, PanelContent, PanelFooter, PanelHeader, PanelSidebar };
+export type { PanelContentInterface };

package/types/ngstarter-ui-components-password-strength.d.ts

@@ -0,0 +1,109 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnChanges, AfterContentChecked, SimpleChanges } from '@angular/core';
+import { AbstractControl, ControlValueAccessor, UntypedFormControl, ValidatorFn } from '@angular/forms';
+
+declare enum Criteria {
+    at_least_eight_chars = "minChar",
+    at_least_one_lower_case_char = "lowerCase",
+    at_least_one_upper_case_char = "upperCase",
+    at_least_one_digit_char = "digit",
+    at_least_one_special_char = " specialChar",
+    at_custom_chars = "customChars"
+}
+
+declare class PasswordStrengthValidator {
+    isUndefinedOrEmpty(control: AbstractControl): any | undefined;
+    validate(criteria: string, regex: RegExp): (control: AbstractControl) => ({
+        [p: string]: any;
+    } | undefined);
+    confirm(password: string): (control: AbstractControl) => ({
+        [p: string]: any;
+    } | undefined);
+}
+
+declare class PasswordStrength implements OnInit, OnChanges, AfterContentChecked, ControlValueAccessor {
+    password: _angular_core.InputSignal<any>;
+    externalError: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    enableLengthRule: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    enableLowerCaseLetterRule: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    enableUpperCaseLetterRule: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    enableDigitRule: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    enableSpecialCharRule: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    min: _angular_core.InputSignalWithTransform<number, unknown>;
+    max: _angular_core.InputSignalWithTransform<number, unknown>;
+    customValidator: _angular_core.InputSignal<any>;
+    warnThreshold: _angular_core.InputSignalWithTransform<number, unknown>;
+    accentThreshold: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly strengthChanged: _angular_core.OutputEmitterRef<number>;
+    criteriaMap: Map<Criteria, RegExp>;
+    containAtLeastMinChars: boolean;
+    containAtLeastOneLowerCaseLetter: boolean;
+    containAtLeastOneUpperCaseLetter: boolean;
+    containAtLeastOneDigit: boolean;
+    containAtLeastOneSpecialChar: boolean;
+    containAtCustomChars: boolean;
+    passwordFormControl: UntypedFormControl;
+    passwordConfirmationFormControl: UntypedFormControl;
+    validatorsArray: ValidatorFn[];
+    Validators: ValidatorFn | null;
+    passwordStrengthValidator: PasswordStrengthValidator;
+    private _strength;
+    get strength(): number;
+    get isLow(): boolean;
+    get isWeak(): boolean;
+    get isMedium(): boolean;
+    get isStrong(): boolean;
+    get isVeryStrong(): boolean;
+    propagateChange: (_: any) => void;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    setRulesAndValidators(): void;
+    calculatePasswordStrength(): void;
+    reset(): void;
+    writeValue(obj: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState?(isDisabled: boolean): void;
+    private _containAtLeastMinChars;
+    private _containAtLeastOneLowerCaseLetter;
+    private _containAtLeastOneUpperCaseLetter;
+    private _containAtLeastOneDigit;
+    private _containAtLeastOneSpecialChar;
+    private _containCustomChars;
+    ngAfterContentChecked(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PasswordStrength, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PasswordStrength, "ngs-password-strength", ["ngsPasswordStrength"], { "password": { "alias": "password"; "required": true; "isSignal": true; }; "externalError": { "alias": "externalError"; "required": false; "isSignal": true; }; "enableLengthRule": { "alias": "enableLengthRule"; "required": false; "isSignal": true; }; "enableLowerCaseLetterRule": { "alias": "enableLowerCaseLetterRule"; "required": false; "isSignal": true; }; "enableUpperCaseLetterRule": { "alias": "enableUpperCaseLetterRule"; "required": false; "isSignal": true; }; "enableDigitRule": { "alias": "enableDigitRule"; "required": false; "isSignal": true; }; "enableSpecialCharRule": { "alias": "enableSpecialCharRule"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "customValidator": { "alias": "customValidator"; "required": false; "isSignal": true; }; "warnThreshold": { "alias": "warnThreshold"; "required": false; "isSignal": true; }; "accentThreshold": { "alias": "accentThreshold"; "required": false; "isSignal": true; }; }, { "strengthChanged": "strengthChanged"; }, never, never, true, never>;
+}
+
+declare class PassToggleVisibility {
+    visible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    tabindex: _angular_core.InputSignal<string>;
+    protected _visible: boolean;
+    get type(): "password" | "text";
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PassToggleVisibility, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PassToggleVisibility, "ngs-pass-toggle-visibility", ["ngsPassToggleVisibility"], { "visible": { "alias": "visible"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class PasswordStrengthInfo {
+    passwordComponent: _angular_core.InputSignal<PasswordStrength>;
+    enableScoreInfo: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    lowerCaseCriteriaMessage: _angular_core.InputSignal<string>;
+    upperCaseCriteriaMessage: _angular_core.InputSignal<string>;
+    digitsCriteriaMessage: _angular_core.InputSignal<string>;
+    specialCharsCriteriaMessage: _angular_core.InputSignal<string>;
+    customCharsCriteriaMessage: _angular_core.InputSignal<string>;
+    minCharsCriteriaMessage: _angular_core.InputSignal<string>;
+    ngsIconDone: _angular_core.InputSignal<string>;
+    ngsIconError: _angular_core.InputSignal<string>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PasswordStrengthInfo, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<PasswordStrengthInfo, "ngs-password-strength-info", ["ngsPasswordStrengthInfo"], { "passwordComponent": { "alias": "passwordComponent"; "required": true; "isSignal": true; }; "enableScoreInfo": { "alias": "enableScoreInfo"; "required": false; "isSignal": true; }; "lowerCaseCriteriaMessage": { "alias": "lowerCaseCriteriaMessage"; "required": false; "isSignal": true; }; "upperCaseCriteriaMessage": { "alias": "upperCaseCriteriaMessage"; "required": false; "isSignal": true; }; "digitsCriteriaMessage": { "alias": "digitsCriteriaMessage"; "required": false; "isSignal": true; }; "specialCharsCriteriaMessage": { "alias": "specialCharsCriteriaMessage"; "required": false; "isSignal": true; }; "customCharsCriteriaMessage": { "alias": "customCharsCriteriaMessage"; "required": false; "isSignal": true; }; "minCharsCriteriaMessage": { "alias": "minCharsCriteriaMessage"; "required": false; "isSignal": true; }; "ngsIconDone": { "alias": "ngsIconDone"; "required": false; "isSignal": true; }; "ngsIconError": { "alias": "ngsIconError"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const RegExpValidator: {
+    lowerCase: RegExp;
+    upperCase: RegExp;
+    digit: RegExp;
+    specialChar: RegExp;
+};
+
+export { PassToggleVisibility, PasswordStrength, PasswordStrengthInfo, PasswordStrengthValidator, RegExpValidator };