quang 19.2.0 → 19.2.2

package/auth/index.d.ts

@@ -1,9 +1,195 @@
-export * from './auth-providers';
-export * from './auth.service';
-export * from './directives/has-at-least-one-role.directive';
-export * from './directives/has-every-role.directive';
-export * from './directives/is-authenticated.directive';
-export * from './directives/is-not-authenticated.directive';
-export * from './guards';
-export * from './logout-on-error.interceptor';
-export * from './token-storage';
+import * as i0 from '@angular/core';
+import { InjectionToken, EnvironmentProviders, Provider, ViewContainerRef, EmbeddedViewRef, TemplateRef, ChangeDetectorRef } from '@angular/core';
+import { QuangFeature, QuangFeatureKind } from 'quang';
+import * as _ngrx_signals from '@ngrx/signals';
+import * as _ngrx_signals_src_deep_signal from '@ngrx/signals/src/deep-signal';
+import { AuthConfig, OAuthStorage } from 'angular-oauth2-oidc';
+import * as rxjs from 'rxjs';
+import { CanActivateFn } from '@angular/router';
+import { HttpInterceptorFn } from '@angular/common/http';
+import { UrlData } from 'quang/shared';
+
+declare const AUTH_CONFIG: InjectionToken<QuangAuthConfig | undefined>;
+interface QuangAuthConfig extends AuthConfig {
+    autoLogin: boolean;
+    sendAccessToken: boolean;
+    urlsToSendToken: string[];
+    revokeTokensOnLogout?: boolean;
+    getUserProfileOnLoginSuccess?: boolean;
+    useSilentRefresh: boolean;
+}
+declare function provideQuangAuthConfig(authConfig?: QuangAuthConfig): EnvironmentProviders;
+declare const OPEN_URI: InjectionToken<(uri: string) => void | undefined>;
+declare function provideOpenURI(openURI: (uri: string) => void | undefined): EnvironmentProviders;
+interface TokenStatus {
+    accessToken: string | null;
+    accessTokenExpiresAt: number | null;
+    idToken: string | null;
+    idTokenExpiresAt: number | null;
+    refreshToken: string | null;
+}
+declare class QuangAuthService {
+    private config;
+    logLevel: "normal" | "verbose" | null;
+    private oAuthService;
+    private state;
+    loginChecked: _ngrx_signals_src_deep_signal.Signal<boolean>;
+    isAuthenticated: i0.Signal<boolean>;
+    authenticationError: _ngrx_signals_src_deep_signal.Signal<boolean>;
+    tokenStatus: _ngrx_signals.DeepSignal<TokenStatus>;
+    roles: _ngrx_signals_src_deep_signal.Signal<Set<string>>;
+    user: _ngrx_signals_src_deep_signal.Signal<Record<string, any> | null>;
+    constructor();
+    init(): Promise<void>;
+    checkForAuthentication(forceRefresh?: boolean): Promise<boolean | undefined>;
+    private refreshAuth;
+    login(): void;
+    logout(): Promise<void>;
+    private loginError;
+    getUserProfile(): Promise<void>;
+    private setTokens;
+    waitForLoginCheck(): Promise<void>;
+    getAuthResult(): Promise<boolean>;
+    addRoles(rolesToAdd: string[]): void;
+    removeRoles(rolesToRemove: string[]): void;
+    hasEveryRole(roles: string[]): boolean;
+    hasAtLeastOneRole(roles: string[]): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QuangAuthService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<QuangAuthService>;
+}
+
+declare function provideAuth(authConfig?: QuangAuthConfig, ...features: QuangAuthFeatures[]): EnvironmentProviders;
+declare function withAuth(authConfig?: QuangAuthConfig, ...features: QuangAuthFeatures[]): QuangFeature<QuangFeatureKind.LoaderFeature>;
+/**
+ * Helper type to represent a QuangAuth feature.
+ *
+ * @publicApi
+ */
+interface QuangAuthFeature<FeatureKind extends QuangAuthFeatureKind> {
+    ɵkind: FeatureKind;
+    ɵproviders: (Provider | EnvironmentProviders)[];
+}
+/**
+ * Helper function to create an object that represents a QuangAuth feature.
+ */
+declare function quangAuthFeature<FeatureKind extends QuangAuthFeatureKind>(kind: FeatureKind, providers: (Provider | EnvironmentProviders)[]): QuangAuthFeature<FeatureKind>;
+/**
+ * A type alias that represents all QuangAuth features available for use with `provideAuth`.
+ * Features can be enabled by adding special functions to the `provideAuth` call.
+ * See documentation for each symbol to find corresponding function name. See also `provideAuth`
+ * documentation on how to use those functions.
+ *
+ * @see {@link provideAuth}
+ *
+ * @publicApi
+ */
+type QuangAuthFeatures = QuangAuthFeature<QuangAuthFeatureKind>;
+/**
+ * The list of features as an enum to uniquely type each feature.
+ */
+declare const enum QuangAuthFeatureKind {
+    MobileAuthFeature = 0,
+    SessionStorageFeature = 1,
+    LocalStorageFeature = 2,
+    MemoryStorageFeature = 3,
+    LogoutOnErrorFeature = 4
+}
+
+/**
+ * This directive conditionally renders the associated template if the authenticated user
+ * has at least one of the specified roles. By using the `QuangAuthService.hasAtLeastOneRole()` method it checks the user's roles against
+ * the required roles provided through the `quangHasAtLeastOneRole` directive.
+ *
+ * @example
+ * <div *quangHasAtLeastOneRole="['admin', 'editor']">
+ *   This content will only be visible to users with 'admin' or 'editor' roles.
+ * </div>
+ */
+declare class QuangHasAtLeastOneRoleDirective {
+    logLevel: "normal" | "verbose" | null;
+    targetRoles: i0.InputSignal<string[]>;
+    viewContainerRef: ViewContainerRef;
+    embeddedViewRef: EmbeddedViewRef<unknown> | null;
+    templateRef: TemplateRef<any>;
+    authService: QuangAuthService;
+    takeUntilDestroyed: rxjs.MonoTypeOperatorFunction<unknown>;
+    changeDetectorRef: ChangeDetectorRef;
+    hideViewIfNotAllowed: i0.EffectRef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QuangHasAtLeastOneRoleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<QuangHasAtLeastOneRoleDirective, "[quangHasAtLeastOneRole]", never, { "targetRoles": { "alias": "quangHasAtLeastOneRole"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * This directive conditionally renders the associated template if the authenticated user
+ * has every of the specified roles. By using the `QuangAuthService.hasEveryRole()` method it checks the user's roles against
+ * the required roles provided through the `quangHasEveryRole` required input.
+ *
+ * @example
+ * <div *quangHasEveryRole="['admin', 'editor']">
+ *   This content will only be visible to users with 'admin' and 'editor' roles.
+ * </div>
+ */
+declare class QuangHasEveryRoleDirective {
+    logLevel: "normal" | "verbose" | null;
+    targetRoles: i0.InputSignal<string[]>;
+    viewContainerRef: ViewContainerRef;
+    embeddedViewRef: EmbeddedViewRef<unknown> | null;
+    templateRef: TemplateRef<any>;
+    authService: QuangAuthService;
+    takeUntilDestroyed: rxjs.MonoTypeOperatorFunction<unknown>;
+    changeDetectorRef: ChangeDetectorRef;
+    hideViewIfNotAllowed: i0.EffectRef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QuangHasEveryRoleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<QuangHasEveryRoleDirective, "[quangHasEveryRole]", never, { "targetRoles": { "alias": "quangHasEveryRole"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class QuangIsAuthenticatedDirective {
+    viewContainerRef: ViewContainerRef;
+    templateRef: TemplateRef<any>;
+    embeddedViewRef: EmbeddedViewRef<any> | null;
+    authService: QuangAuthService;
+    takeUntilDestroyed: rxjs.MonoTypeOperatorFunction<unknown>;
+    changeDetectorRef: ChangeDetectorRef;
+    hideViewIfNotAuthenticated: i0.EffectRef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QuangIsAuthenticatedDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<QuangIsAuthenticatedDirective, "[quangIsAuthenticated]", never, {}, {}, never, never, true, never>;
+}
+
+declare class QuangIsNotAuthenticatedDirective {
+    viewContainerRef: ViewContainerRef;
+    templateRef: TemplateRef<any>;
+    embeddedViewRef: EmbeddedViewRef<any> | null;
+    authService: QuangAuthService;
+    takeUntilDestroyed: rxjs.MonoTypeOperatorFunction<unknown>;
+    changeDetectorRef: ChangeDetectorRef;
+    showViewIfNotAuthenticated: i0.EffectRef;
+    static ɵfac: i0.ɵɵFactoryDeclaration<QuangIsNotAuthenticatedDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<QuangIsNotAuthenticatedDirective, "[quangIsNotAuthenticated]", never, {}, {}, never, never, true, never>;
+}
+
+declare const quangIsAllowedGuardFactory: (roles: string[], behavior: "every" | "atLeastOne") => CanActivateFn;
+
+declare const quangIsAuthenticatedGuard: CanActivateFn;
+
+declare const LOGOUT_RETRIES: InjectionToken<number>;
+declare const LOGOUT_STATUSES: InjectionToken<number[]>;
+declare const LOGOUT_EXCLUDED_URLS: InjectionToken<UrlData[]>;
+declare const logoutOnErrorInterceptor: HttpInterceptorFn;
+declare function withLogoutOnError(excludedUrls?: UrlData[], statuses?: number[], retries?: number): QuangAuthFeature<QuangAuthFeatureKind.LogoutOnErrorFeature>;
+
+declare function withLocalStorage(): QuangAuthFeature<QuangAuthFeatureKind.LocalStorageFeature>;
+
+declare class MemoryStorage implements OAuthStorage {
+    private data;
+    getItem(key: string): string;
+    removeItem(key: string): void;
+    setItem(key: string, data: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MemoryStorage, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MemoryStorage>;
+}
+declare function withMemoryStorage(): QuangAuthFeature<QuangAuthFeatureKind.MemoryStorageFeature>;
+
+declare function withSessionStorage(): QuangAuthFeature<QuangAuthFeatureKind.SessionStorageFeature>;
+
+export { AUTH_CONFIG, LOGOUT_EXCLUDED_URLS, LOGOUT_RETRIES, LOGOUT_STATUSES, MemoryStorage, OPEN_URI, QuangAuthFeatureKind, QuangAuthService, QuangHasAtLeastOneRoleDirective, QuangHasEveryRoleDirective, QuangIsAuthenticatedDirective, QuangIsNotAuthenticatedDirective, logoutOnErrorInterceptor, provideAuth, provideOpenURI, provideQuangAuthConfig, quangAuthFeature, quangIsAllowedGuardFactory, quangIsAuthenticatedGuard, withAuth, withLocalStorage, withLogoutOnError, withMemoryStorage, withSessionStorage };
+export type { QuangAuthConfig, QuangAuthFeature, QuangAuthFeatures };

package/auth/mobile/index.d.ts

@@ -1 +1,5 @@
-export * from './mobile-auth-feature';
+import { QuangAuthFeature, QuangAuthFeatureKind } from 'quang/auth';
+
+declare function withMobileAuth(toolbarColor?: string, presentationStyle?: 'popover' | 'fullscreen'): QuangAuthFeature<QuangAuthFeatureKind.MobileAuthFeature>;
+
+export { withMobileAuth };

package/components/autocomplete/index.d.ts

@@ -1 +1,67 @@
-export * from './autocomplete.component';
+import * as _angular_core from '@angular/core';
+import { Subject, Subscription } from 'rxjs';
+import { QuangBaseComponent, SelectOption, QuangOptionListComponent, OptionListParentType } from 'quang/components/shared';
+
+declare class QuangAutocompleteComponent extends QuangBaseComponent<string | number | string[] | number[]> {
+    syncFormWithText: _angular_core.InputSignal<boolean>;
+    optionListMaxHeight: _angular_core.InputSignal<string>;
+    selectOptions: _angular_core.InputSignal<SelectOption[]>;
+    translateValue: _angular_core.InputSignal<boolean>;
+    scrollBehaviorOnOpen: _angular_core.InputSignal<ScrollBehavior>;
+    /**
+     * Only emits the value without saving it in ngControl
+     */
+    emitOnly: _angular_core.InputSignal<boolean>;
+    multiple: _angular_core.InputSignal<boolean>;
+    /**
+     * Set the maximum length in characters of the single chip.
+     */
+    chipMaxLength: _angular_core.InputSignal<number>;
+    multiSelectDisplayMode: _angular_core.InputSignal<"vertical" | "horizontal">;
+    optionList: _angular_core.Signal<QuangOptionListComponent | undefined>;
+    _showOptions: _angular_core.WritableSignal<boolean | null>;
+    _inputValue: _angular_core.WritableSignal<string>;
+    _optionHideTimeout: _angular_core.WritableSignal<any>;
+    _chipList: _angular_core.WritableSignal<string[]>;
+    _selectedOptions: _angular_core.WritableSignal<SelectOption[]>;
+    inputValue$: Subject<string>;
+    selectOptionsChange: Subscription;
+    _filteredOptions: _angular_core.Signal<SelectOption[]>;
+    selectedOption: _angular_core.OutputEmitterRef<string | number | null>;
+    searchTextChange: _angular_core.OutputEmitterRef<string>;
+    searchTextDebounce: _angular_core.InputSignal<number>;
+    internalFilterOptions: _angular_core.InputSignal<boolean>;
+    readonly ParentType = OptionListParentType.AUTOCOMPLETE;
+    formValueChange$: Subscription | undefined;
+    private readonly selectInput;
+    private readonly chipContainer;
+    private readonly autocompleteContainer;
+    inputHeight: _angular_core.WritableSignal<number>;
+    private readonly onChangeSelectInput;
+    constructor();
+    setupFormControl(): void;
+    showOptionVisibility(): void;
+    hideOptionVisibility(skipTimeout?: boolean): void;
+    onChangeInput(value: any): void;
+    filterOptions(value: string): SelectOption[];
+    onChangedHandler(value: string | number | string[] | number[]): void;
+    onValueChange(value: string | number, hideOptions?: boolean): void;
+    checkInputValue(): void;
+    writeValue(val: string | number | string[] | number[]): void;
+    onBlurInput(event: FocusEvent): void;
+    onBlurHandler(): void;
+    onBlurOptionList(event: any): void;
+    setInputValue(resetOnMiss?: boolean): void;
+    getDescription(chip: any): string;
+    onSelectValue(value: any): void;
+    /**
+     * remove chip from chips list
+     * @param chipValue chip to delete
+     */
+    deleteChip(chipValue: any): void;
+    createChipList(chip: any): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangAutocompleteComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuangAutocompleteComponent, "quang-autocomplete", never, { "syncFormWithText": { "alias": "syncFormWithText"; "required": false; "isSignal": true; }; "optionListMaxHeight": { "alias": "optionListMaxHeight"; "required": false; "isSignal": true; }; "selectOptions": { "alias": "selectOptions"; "required": true; "isSignal": true; }; "translateValue": { "alias": "translateValue"; "required": false; "isSignal": true; }; "scrollBehaviorOnOpen": { "alias": "scrollBehaviorOnOpen"; "required": false; "isSignal": true; }; "emitOnly": { "alias": "emitOnly"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "chipMaxLength": { "alias": "chipMaxLength"; "required": false; "isSignal": true; }; "multiSelectDisplayMode": { "alias": "multiSelectDisplayMode"; "required": false; "isSignal": true; }; "searchTextDebounce": { "alias": "searchTextDebounce"; "required": false; "isSignal": true; }; "internalFilterOptions": { "alias": "internalFilterOptions"; "required": false; "isSignal": true; }; }, { "selectedOption": "selectedOption"; "searchTextChange": "searchTextChange"; }, never, never, true, never>;
+}
+
+export { QuangAutocompleteComponent };

package/components/checkbox/index.d.ts

@@ -1 +1,15 @@
-export * from './checkbox.component';
+import * as _angular_core from '@angular/core';
+import { QuangBaseComponent } from 'quang/components/shared';
+
+type LabelPosition = 'top' | 'left' | 'right' | 'bottom';
+declare class QuangCheckboxComponent extends QuangBaseComponent<boolean> {
+    labelPosition: _angular_core.InputSignal<LabelPosition>;
+    checkType: _angular_core.InputSignal<"checkbox" | "toggle">;
+    removeMargin: _angular_core.InputSignal<boolean>;
+    onChangedEventHandler($event: Event): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangCheckboxComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuangCheckboxComponent, "quang-checkbox", never, { "labelPosition": { "alias": "labelPosition"; "required": false; "isSignal": true; }; "checkType": { "alias": "checkType"; "required": true; "isSignal": true; }; "removeMargin": { "alias": "removeMargin"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { QuangCheckboxComponent };
+export type { LabelPosition };

package/components/date/index.d.ts

@@ -1 +1,89 @@
-export * from './date.component';
+import * as _angular_core from '@angular/core';
+import { ElementRef } from '@angular/core';
+import AirDatepicker, { AirDatepickerOptions, AirDatepickerPosition, AirDatepickerLocale } from 'air-datepicker';
+import { QuangTranslationService } from 'quang/translation';
+import { QuangBaseComponent } from 'quang/components/shared';
+
+interface DateRange {
+    dateFrom: string | null;
+    dateTo: string | null;
+}
+type QuangDatepickerOptions = AirDatepickerOptions;
+declare class QuangDateComponent extends QuangBaseComponent<string | DateRange | null> {
+    /**
+     * Format to use to show on the input field.
+     * The format is based on the standard {@link https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table}
+     * Default: dd/MM/yyyy
+     * @default dd/MM/yyyy
+     */
+    dateFormat: _angular_core.InputSignal<string>;
+    /**
+     * Format to use to show on the time inside the input field.
+     * The format is based on the standard {@link https://www.unicode.org/reports/tr35/tr35-dates.html#Date_Field_Symbol_Table}
+     * Default: HH:mm
+     * @default HH:mm
+     */
+    timeFormat: _angular_core.InputSignal<string>;
+    /**
+     * Calendar locale, if not provided the component will try to use the one provided in {@link QuangTranslationService}
+     * if the language is not set in {@link QuangTranslationService} it will use the browser language
+     * Use this parameter only to override default behavior
+     */
+    activeLanguageOverride: _angular_core.InputSignal<string | undefined>;
+    /**
+     * If true enable the timepicker inside the calendar
+     */
+    timepicker: _angular_core.InputSignal<boolean>;
+    /**
+     * The message to show inside the input if the date is invalid
+     */
+    invalidDateMessage: _angular_core.InputSignal<string>;
+    showOnlyTimepicker: _angular_core.InputSignal<boolean>;
+    minHour: _angular_core.InputSignal<number>;
+    maxHour: _angular_core.InputSignal<number>;
+    minMinute: _angular_core.InputSignal<number>;
+    maxMinute: _angular_core.InputSignal<number>;
+    minDate: _angular_core.InputSignal<Date | undefined>;
+    maxDate: _angular_core.InputSignal<Date | undefined>;
+    showInline: _angular_core.InputSignal<boolean>;
+    calendarClasses: _angular_core.InputSignal<string>;
+    buttonClass: _angular_core.InputSignal<string>;
+    datepickerOptions: _angular_core.InputSignal<QuangDatepickerOptions | undefined>;
+    _inputForDate: _angular_core.Signal<ElementRef<any> | undefined>;
+    contentTemplate: _angular_core.Signal<ElementRef<any>>;
+    hasNoContent: _angular_core.Signal<boolean>;
+    _quangTranslationService: _angular_core.WritableSignal<QuangTranslationService | undefined>;
+    _quangTranslationActiveLang: _angular_core.Signal<string | null>;
+    multipleDatesSeparator: _angular_core.InputSignal<string>;
+    rangeSelection: _angular_core.InputSignal<boolean>;
+    _activeLanguage: _angular_core.Signal<string | null | undefined>;
+    _airDatepickerInstance: _angular_core.WritableSignal<AirDatepicker<HTMLInputElement> | undefined>;
+    searchTextDebounce: _angular_core.InputSignal<number>;
+    targetPosition: _angular_core.WritableSignal<AirDatepickerPosition>;
+    _generateAirDatepickerEffect: _angular_core.EffectRef;
+    valueFormat: _angular_core.Signal<string>;
+    inputValueString: _angular_core.Signal<string>;
+    constructor();
+    showTimepicker: _angular_core.Signal<boolean>;
+    isMouseInsideCalendar: _angular_core.WritableSignal<boolean>;
+    isMouseOutsideCalendar: _angular_core.Signal<boolean>;
+    setupCalendar(): void;
+    onChangeText($event: Event): void;
+    onBlurHandler(): void;
+    setupInputStringToDate(value: string): Date;
+    onChangedHandler(value: string | DateRange | null): void;
+    onHideCalendar(): void;
+    formatDate(val: string | DateRange | null): string;
+    openDatePicker(): void;
+    interceptInputInteraction($event: Event): void;
+    getLocale(): AirDatepickerLocale;
+    onCancel(): void;
+    private dateToUtc;
+    private setCalendarPosition;
+    private setupTimepicker;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangDateComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuangDateComponent, "quang-date", never, { "dateFormat": { "alias": "dateFormat"; "required": false; "isSignal": true; }; "timeFormat": { "alias": "timeFormat"; "required": false; "isSignal": true; }; "activeLanguageOverride": { "alias": "activeLanguageOverride"; "required": false; "isSignal": true; }; "timepicker": { "alias": "timepicker"; "required": false; "isSignal": true; }; "invalidDateMessage": { "alias": "invalidDateMessage"; "required": false; "isSignal": true; }; "showOnlyTimepicker": { "alias": "showOnlyTimepicker"; "required": false; "isSignal": true; }; "minHour": { "alias": "minHour"; "required": false; "isSignal": true; }; "maxHour": { "alias": "maxHour"; "required": false; "isSignal": true; }; "minMinute": { "alias": "minMinute"; "required": false; "isSignal": true; }; "maxMinute": { "alias": "maxMinute"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "showInline": { "alias": "showInline"; "required": false; "isSignal": true; }; "calendarClasses": { "alias": "calendarClasses"; "required": false; "isSignal": true; }; "buttonClass": { "alias": "buttonClass"; "required": false; "isSignal": true; }; "datepickerOptions": { "alias": "datepickerOptions"; "required": false; "isSignal": true; }; "multipleDatesSeparator": { "alias": "multipleDatesSeparator"; "required": false; "isSignal": true; }; "rangeSelection": { "alias": "rangeSelection"; "required": false; "isSignal": true; }; "searchTextDebounce": { "alias": "searchTextDebounce"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+export { QuangDateComponent };
+export type { DateRange, QuangDatepickerOptions };

package/components/input/index.d.ts

@@ -1 +1,19 @@
-export * from './input.component';
+import * as _angular_core from '@angular/core';
+import { QuangBaseComponent } from 'quang/components/shared';
+
+type InputType = 'text' | 'textarea' | 'password' | 'email' | 'number' | 'url' | 'search' | 'tel' | 'color';
+declare class QuangInputComponent extends QuangBaseComponent<string | number> {
+    componentType: _angular_core.InputSignal<InputType>;
+    maxLengthText: _angular_core.InputSignal<number | null>;
+    minLengthText: _angular_core.InputSignal<number | null>;
+    minNumber: _angular_core.InputSignal<number | undefined>;
+    maxNumber: _angular_core.InputSignal<number | undefined>;
+    componentStep: _angular_core.InputSignal<number>;
+    resizable: _angular_core.InputSignal<boolean>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuangInputComponent, "quang-input", never, { "componentType": { "alias": "componentType"; "required": true; "isSignal": true; }; "maxLengthText": { "alias": "maxLengthText"; "required": false; "isSignal": true; }; "minLengthText": { "alias": "minLengthText"; "required": false; "isSignal": true; }; "minNumber": { "alias": "minNumber"; "required": false; "isSignal": true; }; "maxNumber": { "alias": "maxNumber"; "required": false; "isSignal": true; }; "componentStep": { "alias": "componentStep"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { QuangInputComponent };
+export type { InputType };

package/components/paginator/index.d.ts

@@ -1,5 +1,68 @@
-export * from './paginator-language.service';
-export * from './paginator.component';
-export * from './paginator.module';
-export * from './paginator.service';
-export * from './paginatorIntl';
+import { TranslocoService } from '@jsverse/transloco';
+import * as _angular_core from '@angular/core';
+import { ɵɵFactoryDeclaration as __FactoryDeclaration, ɵɵInjectableDeclaration as __InjectableDeclaration, OnInit } from '@angular/core';
+import * as rxjs from 'rxjs';
+import * as i1 from '@angular/common';
+
+declare class PaginatorIntl {
+    readonly changes: _angular_core.WritableSignal<any>;
+    itemsPerPageLabel: string;
+    nextPageLabel: string;
+    previousPageLabel: string;
+    firstPageLabel: string;
+    lastPageLabel: string;
+    static ɵfac: __FactoryDeclaration<PaginatorIntl, never>;
+    static ɵprov: __InjectableDeclaration<PaginatorIntl>;
+    getRangeLabel: ((page: number, pageSize: number, length: number) => string) | undefined;
+}
+
+declare class QuangPaginatorLanguageService extends PaginatorIntl {
+    private readonly transloco;
+    constructor(transloco: TranslocoService);
+    getAndInitTranslations(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangPaginatorLanguageService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<QuangPaginatorLanguageService>;
+}
+
+declare class QuangPaginatorComponent implements OnInit {
+    componentId: _angular_core.InputSignal<string>;
+    componentTabIndex: _angular_core.InputSignal<number>;
+    componentClass: _angular_core.InputSignal<string | string[]>;
+    page: _angular_core.InputSignal<number>;
+    pageSize: _angular_core.InputSignal<number>;
+    sizeList: _angular_core.InputSignal<number[]>;
+    totalItems: _angular_core.InputSignal<number>;
+    showTotalElementsCount: _angular_core.InputSignal<boolean>;
+    totalItemsText: _angular_core.InputSignal<string>;
+    sizeText: _angular_core.InputSignal<string>;
+    pageRangeText: _angular_core.InputSignal<string>;
+    _currentPage: _angular_core.WritableSignal<number>;
+    page$: rxjs.Subscription;
+    _pageSize: _angular_core.WritableSignal<number>;
+    pageSize$: rxjs.Subscription;
+    _totalPages: _angular_core.Signal<number>;
+    changePage: _angular_core.OutputEmitterRef<number>;
+    changeSize: _angular_core.OutputEmitterRef<number>;
+    ngOnInit(): void;
+    onChangeSize(event: any): void;
+    goToNextPage(): void;
+    goToPreviousPage(): void;
+    goToFirstPage(): void;
+    goToLastPage(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangPaginatorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuangPaginatorComponent, "quang-paginator", never, { "componentId": { "alias": "componentId"; "required": false; "isSignal": true; }; "componentTabIndex": { "alias": "componentTabIndex"; "required": false; "isSignal": true; }; "componentClass": { "alias": "componentClass"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": true; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": true; "isSignal": true; }; "sizeList": { "alias": "sizeList"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": true; "isSignal": true; }; "showTotalElementsCount": { "alias": "showTotalElementsCount"; "required": false; "isSignal": true; }; "totalItemsText": { "alias": "totalItemsText"; "required": false; "isSignal": true; }; "sizeText": { "alias": "sizeText"; "required": false; "isSignal": true; }; "pageRangeText": { "alias": "pageRangeText"; "required": false; "isSignal": true; }; }, { "changePage": "changePage"; "changeSize": "changeSize"; }, never, never, true, never>;
+}
+
+declare class PaginatorModule {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PaginatorModule, never>;
+    static ɵmod: _angular_core.ɵɵNgModuleDeclaration<PaginatorModule, never, [typeof i1.CommonModule], never>;
+    static ɵinj: _angular_core.ɵɵInjectorDeclaration<PaginatorModule>;
+}
+
+declare class QuangPaginatorService {
+    getPage(list: any[], pageNumber: number, pageSize: number): any[];
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangPaginatorService, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<QuangPaginatorService>;
+}
+
+export { PaginatorIntl, PaginatorModule, QuangPaginatorComponent, QuangPaginatorLanguageService, QuangPaginatorService };

package/components/select/index.d.ts

@@ -1 +1,32 @@
-export * from './select.component';
+import * as _angular_core from '@angular/core';
+import { AfterViewInit, ElementRef } from '@angular/core';
+import { QuangBaseComponent, SelectOption, OptionListParentType } from 'quang/components/shared';
+
+declare class QuangSelectComponent extends QuangBaseComponent<string | number | string[] | number[] | null> implements AfterViewInit {
+    selectionMode: _angular_core.InputSignal<"single" | "multiple">;
+    /**
+     * Set the max height of the selection list before scrolling.
+     * Default: 18rem
+     * @default 18rem
+     */
+    optionListMaxHeight: _angular_core.InputSignal<string>;
+    selectOptions: _angular_core.InputSignal<SelectOption[]>;
+    scrollBehaviorOnOpen: _angular_core.InputSignal<ScrollBehavior>;
+    selectButton: _angular_core.Signal<ElementRef<HTMLButtonElement> | undefined>;
+    _showOptions: _angular_core.WritableSignal<boolean>;
+    _optionHideTimeout: _angular_core.WritableSignal<any>;
+    _selectedItems: _angular_core.Signal<SelectOption[] | null>;
+    translateValue: _angular_core.InputSignal<boolean>;
+    nullOption: _angular_core.InputSignal<boolean>;
+    readonly ParentType = OptionListParentType.SELECT;
+    changeOptionsVisibility(skipTimeout?: boolean): void;
+    showOptionVisibility(): void;
+    hideOptionVisibility(skipTimeout?: boolean): void;
+    onBlurHandler(): void;
+    onChangedHandler(value: string | number | string[] | number[] | null): void;
+    onMouseLeaveCallback(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<QuangSelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<QuangSelectComponent, "quang-select", never, { "selectionMode": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "optionListMaxHeight": { "alias": "optionListMaxHeight"; "required": false; "isSignal": true; }; "selectOptions": { "alias": "selectOptions"; "required": true; "isSignal": true; }; "scrollBehaviorOnOpen": { "alias": "scrollBehaviorOnOpen"; "required": false; "isSignal": true; }; "translateValue": { "alias": "translateValue"; "required": false; "isSignal": true; }; "nullOption": { "alias": "nullOption"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { QuangSelectComponent };