@abp/ng.theme.shared 10.1.1 → 10.2.0-rc.2

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@abp/ng.theme.shared",
-  "version": "10.1.1",
+  "version": "10.2.0-rc.2",
   "homepage": "https://abp.io",
   "repository": {
     "type": "git",
     "url": "https://github.com/abpframework/abp.git"
   },
   "dependencies": {
-    "@abp/ng.core": "~10.1.1",
+    "@abp/ng.core": "~10.2.0-rc.2",
     "@fortawesome/fontawesome-free": "^6.0.0",
     "@ng-bootstrap/ng-bootstrap": "~20.0.0",
     "@ngx-validate/core": "^0.2.0",

package/types/abp-ng.theme.shared.d.ts

@@ -1,6 +1,6 @@
 import { NgbDateStruct, NgbTimeStruct, NgbDateAdapter, NgbDatepickerI18n, NgbTimeAdapter, NgbTimepickerI18n, NgbModal, NgbModalOptions, NgbModalRef, NgbDateParserFormatter } from '@ng-bootstrap/ng-bootstrap';
 import * as i0 from '@angular/core';
-import { OnInit, ChangeDetectorRef, EventEmitter, ElementRef, InjectionToken, Type, Injector, AfterViewInit, OnDestroy, DestroyRef, ApplicationRef, EnvironmentInjector, RendererFactory2, ComponentRef, TemplateRef, OnChanges, DoCheck, ViewContainerRef, Renderer2, SimpleChanges, Provider, EnvironmentProviders, ModuleWithProviders } from '@angular/core';
+import { OnInit, ChangeDetectorRef, ElementRef, InjectionToken, Type, Injector, AfterViewInit, OnDestroy, DestroyRef, ApplicationRef, EnvironmentInjector, RendererFactory2, ComponentRef, TemplateRef, OnChanges, DoCheck, ViewContainerRef, Renderer2, SimpleChanges, Provider, EnvironmentProviders, ModuleWithProviders } from '@angular/core';
 import * as _angular_animations from '@angular/animations';
 import { ABP, LocalizationParam, SortableItem, Strict, RouterEvents, SessionStateService, AuthService, ConfigStateService, AbstractNgModelComponent, InternetConnectionService, LocalizationService, ListService, HttpErrorReporterService, Environment } from '@abp/ng.core';
 import * as rxjs from 'rxjs';
@@ -92,9 +92,9 @@ declare const slideFromBottom: _angular_animations.AnimationTriggerMetadata;
 declare const toastInOut: _angular_animations.AnimationTriggerMetadata;
 
 declare class BreadcrumbItemsComponent {
-    items: Partial<ABP.Route>[];
+    readonly items: i0.InputSignal<Partial<ABP.Route>[]>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbItemsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbItemsComponent, "abp-breadcrumb-items", never, { "items": { "alias": "items"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbItemsComponent, "abp-breadcrumb-items", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class BreadcrumbComponent implements OnInit {
@@ -111,25 +111,29 @@ declare class BreadcrumbComponent implements OnInit {
 
 declare class ButtonComponent implements OnInit {
     private renderer;
-    buttonId: string;
-    buttonClass: string;
-    buttonType: string;
-    formName?: string;
-    iconClass?: string;
-    loading: boolean;
-    disabled: boolean | undefined;
-    attributes?: ABP.Dictionary<string>;
-    readonly click: EventEmitter<MouseEvent>;
-    readonly focus: EventEmitter<FocusEvent>;
-    readonly blur: EventEmitter<FocusEvent>;
-    readonly abpClick: EventEmitter<MouseEvent>;
-    readonly abpFocus: EventEmitter<FocusEvent>;
-    readonly abpBlur: EventEmitter<FocusEvent>;
-    buttonRef: ElementRef<HTMLButtonElement>;
-    get icon(): string;
+    readonly buttonId: i0.InputSignal<string>;
+    readonly buttonClass: i0.InputSignal<string>;
+    readonly buttonType: i0.InputSignal<string>;
+    readonly formName: i0.InputSignal<string>;
+    readonly iconClass: i0.InputSignal<string>;
+    readonly loadingInput: i0.InputSignal<boolean>;
+    readonly disabled: i0.InputSignal<boolean>;
+    readonly attributes: i0.InputSignal<ABP.Dictionary<string>>;
+    private readonly _loading;
+    readonly isLoading: i0.Signal<boolean>;
+    get loading(): boolean;
+    set loading(value: boolean);
+    readonly click: i0.OutputEmitterRef<MouseEvent>;
+    readonly focus: i0.OutputEmitterRef<FocusEvent>;
+    readonly blur: i0.OutputEmitterRef<FocusEvent>;
+    readonly abpClick: i0.OutputEmitterRef<MouseEvent>;
+    readonly abpFocus: i0.OutputEmitterRef<FocusEvent>;
+    readonly abpBlur: i0.OutputEmitterRef<FocusEvent>;
+    readonly buttonRef: i0.Signal<ElementRef<HTMLButtonElement>>;
+    protected readonly icon: i0.Signal<string>;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "abp-button", never, { "buttonId": { "alias": "buttonId"; "required": false; }; "buttonClass": { "alias": "buttonClass"; "required": false; }; "buttonType": { "alias": "buttonType"; "required": false; }; "formName": { "alias": "formName"; "required": false; }; "iconClass": { "alias": "iconClass"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "attributes": { "alias": "attributes"; "required": false; }; }, { "click": "click"; "focus": "focus"; "blur": "blur"; "abpClick": "abpClick"; "abpFocus": "abpFocus"; "abpBlur": "abpBlur"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "abp-button", never, { "buttonId": { "alias": "buttonId"; "required": false; "isSignal": true; }; "buttonClass": { "alias": "buttonClass"; "required": false; "isSignal": true; }; "buttonType": { "alias": "buttonType"; "required": false; "isSignal": true; }; "formName": { "alias": "formName"; "required": false; "isSignal": true; }; "iconClass": { "alias": "iconClass"; "required": false; "isSignal": true; }; "loadingInput": { "alias": "loading"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "attributes": { "alias": "attributes"; "required": false; "isSignal": true; }; }, { "click": "click"; "focus": "focus"; "blur": "blur"; "abpClick": "abpClick"; "abpFocus": "abpFocus"; "abpBlur": "abpBlur"; }, never, ["*"], true, never>;
 }
 
 declare namespace Confirmation {
@@ -297,7 +301,7 @@ declare class HttpErrorWrapperComponent implements OnInit, AfterViewInit, OnDest
     hideCloseIcon: boolean;
     backgroundColor: string;
     isHomeShow: boolean;
-    containerRef?: ElementRef<HTMLDivElement>;
+    readonly containerRef: i0.Signal<ElementRef<HTMLDivElement>>;
     get statusText(): string;
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -313,16 +317,16 @@ declare class LoaderBarComponent implements OnDestroy, OnInit {
     private subscription;
     private httpWaitService;
     private routerWaitService;
-    protected _isLoading: boolean;
-    set isLoading(value: boolean);
-    get isLoading(): boolean;
-    containerClass: string;
-    color: string;
+    readonly isLoadingInput: i0.InputSignal<boolean>;
+    readonly containerClass: i0.InputSignal<string>;
+    readonly color: i0.InputSignal<string>;
+    protected readonly isLoading: i0.WritableSignal<boolean>;
     progressLevel: number;
     interval: Subscription;
     timer: Subscription;
     intervalPeriod: number;
     stopDelay: number;
+    constructor();
     private readonly clearProgress;
     private readonly reportProgress;
     get boxShadow(): string;
@@ -332,7 +336,7 @@ declare class LoaderBarComponent implements OnDestroy, OnInit {
     startLoading(): void;
     stopLoading(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoaderBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LoaderBarComponent, "abp-loader-bar", never, { "isLoading": { "alias": "isLoading"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoaderBarComponent, "abp-loader-bar", never, { "isLoadingInput": { "alias": "isLoading"; "required": false; "isSignal": true; }; "containerClass": { "alias": "containerClass"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class LoadingComponent {
@@ -612,31 +616,33 @@ declare class ToastContainerComponent implements OnInit {
     toasts$: ReplaySubject<Toaster.Toast[]>;
     remove: (toastId: number) => void;
     toasts: Toaster.Toast[];
-    top?: string;
-    right: string;
-    defaultRight: string;
-    defaultMobileRight: string;
-    bottom: string;
-    left?: string;
-    toastKey?: string;
+    readonly top: i0.InputSignal<string>;
+    readonly rightInput: i0.InputSignal<string>;
+    readonly bottom: i0.InputSignal<string>;
+    readonly left: i0.InputSignal<string>;
+    readonly toastKey: i0.InputSignal<string>;
+    protected readonly right: i0.WritableSignal<string>;
+    readonly defaultRight = "30px";
+    readonly defaultMobileRight = "0";
+    constructor();
     ngOnInit(): void;
     onWindowResize(): void;
     setDefaultRight(): void;
     trackByFunc(index: number, toast: Toaster.Toast): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToastContainerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToastContainerComponent, "abp-toast-container", never, { "top": { "alias": "top"; "required": false; }; "right": { "alias": "right"; "required": false; }; "bottom": { "alias": "bottom"; "required": false; }; "left": { "alias": "left"; "required": false; }; "toastKey": { "alias": "toastKey"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastContainerComponent, "abp-toast-container", never, { "top": { "alias": "top"; "required": false; "isSignal": true; }; "rightInput": { "alias": "right"; "required": false; "isSignal": true; }; "bottom": { "alias": "bottom"; "required": false; "isSignal": true; }; "left": { "alias": "left"; "required": false; "isSignal": true; }; "toastKey": { "alias": "toastKey"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ToastComponent implements OnInit {
-    toast: Toaster.Toast;
-    remove: EventEmitter<number>;
+    readonly toast: i0.InputSignal<Toaster.Toast>;
+    readonly remove: i0.OutputEmitterRef<number>;
     get severityClass(): string;
     get iconClass(): string;
     ngOnInit(): void;
     close(): void;
     tap(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "abp-toast", never, { "toast": { "alias": "toast"; "required": false; }; }, { "remove": "remove"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "abp-toast", never, { "toast": { "alias": "toast"; "required": true; "isSignal": true; }; }, { "remove": "remove"; }, never, never, true, never>;
 }
 
 /**
@@ -644,43 +650,43 @@ declare class ToastComponent implements OnInit {
  * https://abp.io/docs/latest/framework/ui/angular/show-password-directive
  */
 declare class PasswordComponent extends AbstractNgModelComponent {
-    inputId: string;
-    formControlName: string;
+    readonly inputId: i0.InputSignal<string>;
+    readonly formControlName: i0.InputSignal<string>;
     fieldTextType?: boolean;
     toggleFieldTextType(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PasswordComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordComponent, "abp-password", never, { "inputId": { "alias": "inputId"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PasswordComponent, "abp-password", never, { "inputId": { "alias": "inputId"; "required": true; "isSignal": true; }; "formControlName": { "alias": "formControlName"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class CardBodyComponent {
     componentClass: string;
-    cardBodyClass: string;
-    cardBodyStyle: string;
+    readonly cardBodyClass: i0.InputSignal<string>;
+    readonly cardBodyStyle: i0.InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardBodyComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardBodyComponent, "abp-card-body", never, { "cardBodyClass": { "alias": "cardBodyClass"; "required": false; }; "cardBodyStyle": { "alias": "cardBodyStyle"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardBodyComponent, "abp-card-body", never, { "cardBodyClass": { "alias": "cardBodyClass"; "required": false; "isSignal": true; }; "cardBodyStyle": { "alias": "cardBodyStyle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class CardComponent {
-    cardClass: string;
-    cardStyle: string;
+    readonly cardClass: i0.InputSignal<string>;
+    readonly cardStyle: i0.InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "abp-card", never, { "cardClass": { "alias": "cardClass"; "required": false; }; "cardStyle": { "alias": "cardStyle"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardComponent, "abp-card", never, { "cardClass": { "alias": "cardClass"; "required": false; "isSignal": true; }; "cardStyle": { "alias": "cardStyle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class CardHeaderComponent {
     componentClass: string;
-    cardHeaderClass: string;
-    cardHeaderStyle: string;
+    readonly cardHeaderClass: i0.InputSignal<string>;
+    readonly cardHeaderStyle: i0.InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardHeaderComponent, "abp-card-header", never, { "cardHeaderClass": { "alias": "cardHeaderClass"; "required": false; }; "cardHeaderStyle": { "alias": "cardHeaderStyle"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardHeaderComponent, "abp-card-header", never, { "cardHeaderClass": { "alias": "cardHeaderClass"; "required": false; "isSignal": true; }; "cardHeaderStyle": { "alias": "cardHeaderStyle"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class CardFooterComponent {
     componentClass: string;
-    cardFooterStyle: string;
-    cardFooterClass: string;
+    readonly cardFooterStyle: i0.InputSignal<string>;
+    readonly cardFooterClass: i0.InputSignal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<CardFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CardFooterComponent, "abp-card-footer", never, { "cardFooterStyle": { "alias": "cardFooterStyle"; "required": false; }; "cardFooterClass": { "alias": "cardFooterClass"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CardFooterComponent, "abp-card-footer", never, { "cardFooterStyle": { "alias": "cardFooterStyle"; "required": false; "isSignal": true; }; "cardFooterClass": { "alias": "cardFooterClass"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 declare class CardTitleDirective {
@@ -716,34 +722,34 @@ declare class CardModule {
 }
 
 declare class FormCheckboxComponent extends AbstractNgModelComponent {
-    label?: string;
-    labelClass: string;
-    checkboxId: string;
-    checkboxStyle: {
+    readonly label: i0.InputSignal<string>;
+    readonly labelClass: i0.InputSignal<string>;
+    readonly checkboxId: i0.InputSignal<string>;
+    readonly checkboxStyle: i0.InputSignal<{
         [klass: string]: any;
-    } | null | undefined;
-    checkboxClass: string;
-    checkboxReadonly: boolean;
-    checkboxBlur: EventEmitter<void>;
-    checkboxFocus: EventEmitter<void>;
+    }>;
+    readonly checkboxClass: i0.InputSignal<string>;
+    readonly checkboxReadonly: i0.InputSignal<boolean>;
+    readonly checkboxBlur: i0.OutputEmitterRef<void>;
+    readonly checkboxFocus: i0.OutputEmitterRef<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormCheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormCheckboxComponent, "abp-checkbox", never, { "label": { "alias": "label"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; "checkboxId": { "alias": "checkboxId"; "required": false; }; "checkboxStyle": { "alias": "checkboxStyle"; "required": false; }; "checkboxClass": { "alias": "checkboxClass"; "required": false; }; "checkboxReadonly": { "alias": "checkboxReadonly"; "required": false; }; }, { "checkboxBlur": "checkboxBlur"; "checkboxFocus": "checkboxFocus"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormCheckboxComponent, "abp-checkbox", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelClass": { "alias": "labelClass"; "required": false; "isSignal": true; }; "checkboxId": { "alias": "checkboxId"; "required": true; "isSignal": true; }; "checkboxStyle": { "alias": "checkboxStyle"; "required": false; "isSignal": true; }; "checkboxClass": { "alias": "checkboxClass"; "required": false; "isSignal": true; }; "checkboxReadonly": { "alias": "checkboxReadonly"; "required": false; "isSignal": true; }; }, { "checkboxBlur": "checkboxBlur"; "checkboxFocus": "checkboxFocus"; }, never, never, true, never>;
 }
 
 declare class FormInputComponent extends AbstractNgModelComponent {
-    inputId: string;
-    inputReadonly: boolean;
-    label: string;
-    labelClass: string;
-    inputPlaceholder: string;
-    inputStyle: {
+    readonly inputId: i0.InputSignal<string>;
+    readonly inputReadonly: i0.InputSignal<boolean>;
+    readonly label: i0.InputSignal<string>;
+    readonly labelClass: i0.InputSignal<string>;
+    readonly inputPlaceholder: i0.InputSignal<string>;
+    readonly inputStyle: i0.InputSignal<{
         [klass: string]: any;
-    } | null | undefined;
-    inputClass: string;
-    formBlur: EventEmitter<void>;
-    formFocus: EventEmitter<void>;
+    }>;
+    readonly inputClass: i0.InputSignal<string>;
+    readonly formBlur: i0.OutputEmitterRef<void>;
+    readonly formFocus: i0.OutputEmitterRef<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<FormInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputComponent, "abp-form-input", never, { "inputId": { "alias": "inputId"; "required": false; }; "inputReadonly": { "alias": "inputReadonly"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; "inputPlaceholder": { "alias": "inputPlaceholder"; "required": false; }; "inputStyle": { "alias": "inputStyle"; "required": false; }; "inputClass": { "alias": "inputClass"; "required": false; }; }, { "formBlur": "formBlur"; "formFocus": "formFocus"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FormInputComponent, "abp-form-input", never, { "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "inputReadonly": { "alias": "inputReadonly"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "labelClass": { "alias": "labelClass"; "required": false; "isSignal": true; }; "inputPlaceholder": { "alias": "inputPlaceholder"; "required": false; "isSignal": true; }; "inputStyle": { "alias": "inputStyle"; "required": false; "isSignal": true; }; "inputClass": { "alias": "inputClass"; "required": false; "isSignal": true; }; }, { "formBlur": "formBlur"; "formFocus": "formFocus"; }, never, never, true, never>;
 }
 
 declare class InternetConnectionStatusComponent {
@@ -761,35 +767,37 @@ declare class SpinnerComponent {
 declare class EllipsisDirective implements AfterViewInit {
     private cdRef;
     private elRef;
-    width?: string;
-    title?: string;
-    enabled: boolean;
-    get inlineClass(): string;
-    get class(): boolean;
-    get maxWidth(): string;
+    readonly width: i0.InputSignal<string>;
+    readonly title: i0.InputSignal<string>;
+    readonly enabled: i0.InputSignal<boolean>;
+    private readonly autoTitle;
+    protected readonly effectiveTitle: i0.Signal<string>;
+    protected readonly inlineClass: i0.Signal<boolean>;
+    protected readonly ellipsisClass: i0.Signal<boolean>;
+    protected readonly maxWidth: i0.Signal<string>;
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<EllipsisDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<EllipsisDirective, "[abpEllipsis]", never, { "width": { "alias": "abpEllipsis"; "required": false; }; "title": { "alias": "title"; "required": false; }; "enabled": { "alias": "abpEllipsisEnabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<EllipsisDirective, "[abpEllipsis]", never, { "width": { "alias": "abpEllipsis"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "enabled": { "alias": "abpEllipsisEnabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class LoadingDirective implements OnInit, OnDestroy {
     private elRef;
-    private cdRes;
     private injector;
     private renderer;
-    private _loading;
-    position: string;
-    get loading(): boolean;
-    set loading(newValue: boolean);
-    targetElement: HTMLElement | undefined;
-    delay: number;
-    componentRef: ComponentRef<LoadingComponent>;
+    private viewContainerRef;
+    readonly loading: i0.InputSignal<boolean>;
+    readonly targetElementInput: i0.InputSignal<HTMLElement>;
+    readonly delay: i0.InputSignal<number>;
+    private targetElement;
+    componentRef: ComponentRef<LoadingComponent> | null;
     rootNode: HTMLDivElement | null;
     timerSubscription: Subscription | null;
+    constructor();
+    private handleLoadingChange;
     ngOnInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<LoadingDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<LoadingDirective, "[abpLoading]", never, { "loading": { "alias": "abpLoading"; "required": false; }; "targetElement": { "alias": "abpLoadingTargetElement"; "required": false; }; "delay": { "alias": "abpLoadingDelay"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<LoadingDirective, "[abpLoading]", never, { "loading": { "alias": "abpLoading"; "required": false; "isSignal": true; }; "targetElementInput": { "alias": "abpLoadingTargetElement"; "required": false; "isSignal": true; }; "delay": { "alias": "abpLoadingDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class NgxDatatableDefaultDirective implements AfterViewInit, OnDestroy {
@@ -798,7 +806,7 @@ declare class NgxDatatableDefaultDirective implements AfterViewInit, OnDestroy {
     private platformId;
     private subscription;
     private resizeDiff;
-    class: string;
+    readonly class: i0.InputSignal<string>;
     get classes(): string;
     constructor();
     private fixHorizontalGap;
@@ -806,7 +814,7 @@ declare class NgxDatatableDefaultDirective implements AfterViewInit, OnDestroy {
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxDatatableDefaultDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxDatatableDefaultDirective, "ngx-datatable[default]", ["ngxDatatableDefault"], { "class": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxDatatableDefaultDirective, "ngx-datatable[default]", ["ngxDatatableDefault"], { "class": { "alias": "class"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class NgxDatatableListDirective implements OnChanges, OnInit, DoCheck {
@@ -817,7 +825,7 @@ declare class NgxDatatableListDirective implements OnChanges, OnInit, DoCheck {
     protected readonly ngxDatatableMessages: Partial<_abp_ng_theme_shared.NgxDatatableMessages>;
     protected readonly viewContainerRef: ViewContainerRef;
     protected readonly renderer: Renderer2;
-    list: ListService;
+    readonly list: i0.InputSignal<ListService<any>>;
     constructor();
     ngDoCheck(): void;
     ngOnInit(): void;
@@ -832,30 +840,32 @@ declare class NgxDatatableListDirective implements OnChanges, OnInit, DoCheck {
     protected setTablePage(pageNum: number): void;
     protected refreshPageIfDataExist(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgxDatatableListDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxDatatableListDirective, "ngx-datatable[list]", ["ngxDatatableList"], { "list": { "alias": "list"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgxDatatableListDirective, "ngx-datatable[list]", ["ngxDatatableList"], { "list": { "alias": "list"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class AbpVisibleDirective implements OnDestroy, OnInit {
+type VisibleInput = boolean | Promise<boolean> | Observable<boolean> | undefined | null;
+declare class AbpVisibleDirective implements OnDestroy {
     private viewContainerRef;
     private templateRef;
-    conditionSubscription: Subscription | undefined;
-    isVisible: boolean | undefined;
-    set abpVisible(value: boolean | Promise<boolean> | Observable<boolean> | undefined | null);
+    private conditionSubscription;
+    private isVisible;
     private condition$;
-    ngOnInit(): void;
+    readonly abpVisible: i0.InputSignal<VisibleInput>;
+    private lastInput;
+    constructor();
     ngOnDestroy(): void;
     private subscribeToCondition;
     private updateVisibility;
     static ɵfac: i0.ɵɵFactoryDeclaration<AbpVisibleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AbpVisibleDirective, "[abpVisible]", never, { "abpVisible": { "alias": "abpVisible"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AbpVisibleDirective, "[abpVisible]", never, { "abpVisible": { "alias": "abpVisible"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare class DisabledDirective implements OnChanges {
+declare class DisabledDirective {
     private ngControl;
-    abpDisabled: boolean;
-    ngOnChanges({ abpDisabled }: SimpleChanges): void;
+    readonly abpDisabled: i0.InputSignal<boolean>;
+    private disabledEffect;
     static ɵfac: i0.ɵɵFactoryDeclaration<DisabledDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DisabledDirective, "[abpDisabled]", never, { "abpDisabled": { "alias": "abpDisabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DisabledDirective, "[abpDisabled]", never, { "abpDisabled": { "alias": "abpDisabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare enum eFormComponets {