@js-smart/ng-kit 20.5.0 → 20.6.1

package/index.d.ts

@@ -1,14 +1,14 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, ChangeDetectorRef, OnDestroy, OnChanges, AfterContentChecked, ElementRef, SimpleChanges, Renderer2, WritableSignal } from '@angular/core';
+import { OnInit, ChangeDetectorRef, OnDestroy, OnChanges, AfterContentChecked, ElementRef, SimpleChanges, ViewContainerRef, ComponentRef, WritableSignal } from '@angular/core';
 import { BehaviorSubject, Observable, Subject } from 'rxjs';
 import { ThemePalette, MatOptionSelectionChange } from '@angular/material/core';
 import { ControlValueAccessor, FormControl } from '@angular/forms';
 import { MatAutocompleteTrigger } from '@angular/material/autocomplete';
-import { MatTableDataSource } from '@angular/material/table';
 import { MatPaginator } from '@angular/material/paginator';
-import { MatDialogRef } from '@angular/material/dialog';
+import { MatTableDataSource } from '@angular/material/table';
 import { MatIconRegistry } from '@angular/material/icon';
 import { DomSanitizer } from '@angular/platform-browser';
+import { MatDialogRef } from '@angular/material/dialog';
 import { MatSnackBar, MatSnackBarHorizontalPosition, MatSnackBarVerticalPosition } from '@angular/material/snack-bar';
 
 interface ProgressState {
@@ -368,6 +368,7 @@ declare class PrintOptions {
  * @author Pavan Kumar Jadda
  */
 declare class NgxPrintDirective {
+    document: Document;
     /**
      * ID of the HTML element those contents need to be printed
      *
@@ -402,7 +403,7 @@ declare class NgxPrintDirective {
      * @since 12.0.0
      * @author Pavan Kumar Jadda
      */
-    matTableDataSource: MatTableDataSource<any>;
+    matTableDataSource: MatTableDataSource<unknown>;
     /**
      * Instance of the Mat Paginator
      *
@@ -438,7 +439,7 @@ declare class NgxPrintDirective {
      * @author Pavan Kumar Jadda
      */
     hideMatTablePaginator: boolean;
-    printStyleArray: never[];
+    printStyleArray: string[];
     printOptions: PrintOptions;
     /**
      * List of Style sheet files
@@ -538,6 +539,36 @@ declare class PreventMultipleClicksDirective implements OnInit, OnDestroy {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PreventMultipleClicksDirective, "[preventMultipleClicks]", never, { "throttleTime": { "alias": "throttleTime"; "required": false; "isSignal": true; }; }, { "throttleClick": "throttleClick"; }, never, never, true, never>;
 }
 
+declare abstract class BaseButtonDirective implements OnInit {
+    icon: _angular_core.InputSignal<string>;
+    loadingLabel: _angular_core.InputSignal<string>;
+    loading: _angular_core.InputSignal<boolean>;
+    elementRef: ElementRef<any>;
+    document: Document;
+    protected originalText: _angular_core.WritableSignal<string>;
+    protected iconSpan: _angular_core.WritableSignal<HTMLElement | null>;
+    constructor();
+    ngOnInit(): void;
+    /**
+     * Create icon element if icon name is provided
+     */
+    protected createIcon(): void;
+    /**
+     * Update content of the button
+     */
+    protected updateContent(): void;
+    /**
+     * Show loading state. Add spinner and loadingLabel text
+     */
+    protected showLoadingState(element: HTMLElement): void;
+    /**
+     * Show normal state. Add icon and original text
+     */
+    protected showNormalState(element: HTMLElement): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BaseButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BaseButtonDirective, never, never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class BaseButtonComponent {
     /**
      *  Is search in progress and loading the data
@@ -616,9 +647,18 @@ declare class BsLinkButtonComponent extends BaseButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<BsLinkButtonComponent, "bs-link-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "classes": { "alias": "classes"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class BsLinkButtonDirective {
+    icon: _angular_core.InputSignal<string>;
+    elementRef: ElementRef<any>;
+    document: Document;
+    constructor();
+    private updateContent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<BsLinkButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<BsLinkButtonDirective, "[bsLinkButton]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class CloseButtonDirective {
     elementRef: ElementRef<any>;
-    renderer: Renderer2;
     constructor();
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CloseButtonDirective, never>;
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CloseButtonDirective, "[closeButton]", never, {}, {}, never, never, true, never>;
@@ -634,6 +674,14 @@ declare class DeleteButtonComponent extends BaseButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<DeleteButtonComponent, "delete-button", never, { "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "classes": { "alias": "classes"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class DeleteButtonDirective extends BaseButtonDirective {
+    icon: _angular_core.InputSignal<string>;
+    loadingLabel: _angular_core.InputSignal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DeleteButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DeleteButtonDirective, "[deleteButton]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class EditBsButtonComponent extends BaseButtonComponent {
     label: _angular_core.InputSignal<string>;
     classes: _angular_core.InputSignal<string>;
@@ -642,6 +690,24 @@ declare class EditBsButtonComponent extends BaseButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditBsButtonComponent, "edit-bs-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "classes": { "alias": "classes"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class EditSolidSvgComponent {
+    constructor(iconRegistry: MatIconRegistry, sanitizer: DomSanitizer);
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditSolidSvgComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditSolidSvgComponent, "edit-solid-svg", never, {}, {}, never, never, true, never>;
+}
+
+declare class EditBsButtonDirective implements OnInit {
+    elementRef: ElementRef<any>;
+    viewContainerRef: ViewContainerRef;
+    document: Document;
+    protected originalText: _angular_core.WritableSignal<string>;
+    protected iconComponentRef: _angular_core.WritableSignal<ComponentRef<EditSolidSvgComponent> | null>;
+    ngOnInit(): void;
+    private updateContent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditBsButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EditBsButtonDirective, "[editBsButton]", never, {}, {}, never, never, true, never>;
+}
+
 declare class EditButtonComponent extends BaseButtonComponent {
     label: _angular_core.InputSignal<string>;
     icon: _angular_core.InputSignal<string>;
@@ -651,6 +717,14 @@ declare class EditButtonComponent extends BaseButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditButtonComponent, "edit-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "classes": { "alias": "classes"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class EditButtonDirective extends BaseButtonDirective {
+    icon: _angular_core.InputSignal<string>;
+    loadingLabel: _angular_core.InputSignal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EditButtonDirective, "[editButton]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class EditSvgIconButtonComponent extends BaseButtonComponent {
     label: _angular_core.InputSignal<string>;
     icon: _angular_core.InputSignal<string>;
@@ -660,11 +734,29 @@ declare class EditSvgIconButtonComponent extends BaseButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditSvgIconButtonComponent, "edit-svg-icon-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "classes": { "alias": "classes"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class EditSvgIconButtonDirective implements OnInit {
+    elementRef: ElementRef<any>;
+    viewContainerRef: ViewContainerRef;
+    document: Document;
+    protected originalText: _angular_core.WritableSignal<string>;
+    protected iconComponentRef: _angular_core.WritableSignal<ComponentRef<EditSolidSvgComponent> | null>;
+    ngOnInit(): void;
+    private updateContent;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditSvgIconButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EditSvgIconButtonDirective, "[editSvgIconButton]", never, {}, {}, never, never, true, never>;
+}
+
 declare class ExcelExportButtonComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ExcelExportButtonComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ExcelExportButtonComponent, "excel-export-button", never, {}, {}, never, never, true, never>;
 }
 
+declare class ExcelExportButtonDirective extends BaseButtonDirective {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ExcelExportButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ExcelExportButtonDirective, "[excelExportButton]", never, {}, {}, never, never, true, never>;
+}
+
 declare class ManageButtonComponent extends BaseButtonComponent {
     label: _angular_core.InputSignal<string>;
     icon: _angular_core.InputSignal<string>;
@@ -674,11 +766,24 @@ declare class ManageButtonComponent extends BaseButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ManageButtonComponent, "manage-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "classes": { "alias": "classes"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class ManageButtonDirective extends BaseButtonDirective {
+    icon: _angular_core.InputSignal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ManageButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ManageButtonDirective, "[manageButton]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class PdfExportButtonComponent {
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<PdfExportButtonComponent, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PdfExportButtonComponent, "pdf-export-button", never, {}, {}, never, never, true, never>;
 }
 
+declare class PdfExportButtonDirective extends BaseButtonDirective {
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PdfExportButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PdfExportButtonDirective, "[pdfExportButton]", never, {}, {}, never, never, true, never>;
+}
+
 declare class PrimaryButtonComponent extends BaseButtonComponent {
     loadingLabel: _angular_core.InputSignal<string>;
     label: _angular_core.InputSignal<string>;
@@ -690,6 +795,14 @@ declare class PrimaryButtonComponent extends BaseButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<PrimaryButtonComponent, "primary-button", never, { "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "classes": { "alias": "classes"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class PrimaryButtonDirective extends BaseButtonDirective {
+    icon: _angular_core.InputSignal<string>;
+    loadingLabel: _angular_core.InputSignal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<PrimaryButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<PrimaryButtonDirective, "[primaryButton]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class SavePrimaryButtonComponent extends BaseButtonComponent {
     loadingLabel: _angular_core.InputSignal<string>;
     label: _angular_core.InputSignal<string>;
@@ -700,6 +813,14 @@ declare class SavePrimaryButtonComponent extends BaseButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SavePrimaryButtonComponent, "save-primary-button", never, { "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "classes": { "alias": "classes"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class SavePrimaryButtonDirective extends BaseButtonDirective {
+    icon: _angular_core.InputSignal<string>;
+    loadingLabel: _angular_core.InputSignal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SavePrimaryButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SavePrimaryButtonDirective, "[savePrimaryButton]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class SearchButtonComponent extends BaseButtonComponent {
     loadingLabel: _angular_core.InputSignal<string>;
     label: _angular_core.InputSignal<string>;
@@ -720,6 +841,14 @@ declare class SuccessButtonComponent extends BaseButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SuccessButtonComponent, "success-button", never, { "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "classes": { "alias": "classes"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class SuccessButtonDirective extends BaseButtonDirective {
+    icon: _angular_core.InputSignal<string>;
+    loadingLabel: _angular_core.InputSignal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<SuccessButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<SuccessButtonDirective, "[successButton]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class ViewButtonComponent extends BaseButtonComponent {
     label: _angular_core.InputSignal<string>;
     icon: _angular_core.InputSignal<string>;
@@ -728,6 +857,14 @@ declare class ViewButtonComponent extends BaseButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ViewButtonComponent, "view-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class ViewButtonDirective extends BaseButtonDirective {
+    icon: _angular_core.InputSignal<string>;
+    loadingLabel: _angular_core.InputSignal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ViewButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ViewButtonDirective, "[viewButton]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "loadingLabel": { "alias": "loadingLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class ViewPrimaryButtonComponent extends BaseButtonComponent {
     label: _angular_core.InputSignal<string>;
     icon: _angular_core.InputSignal<string>;
@@ -737,6 +874,13 @@ declare class ViewPrimaryButtonComponent extends BaseButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ViewPrimaryButtonComponent, "view-primary-button", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "classes": { "alias": "classes"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
+declare class ViewPrimaryButtonDirective extends BaseButtonDirective {
+    icon: _angular_core.InputSignal<string>;
+    constructor();
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ViewPrimaryButtonDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ViewPrimaryButtonDirective, "[viewPrimaryButton]", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
 declare class ConfirmDialogComponent {
     data: ConfirmDialogData;
     dialogRef: MatDialogRef<ConfirmDialogComponent>;
@@ -756,12 +900,6 @@ interface ConfirmDialogData {
     message: string;
 }
 
-declare class EditSolidSvgComponent {
-    constructor(iconRegistry: MatIconRegistry, sanitizer: DomSanitizer);
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EditSolidSvgComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EditSolidSvgComponent, "edit-solid-svg", never, {}, {}, never, never, true, never>;
-}
-
 declare class MatSnackBarService {
     snackBar: MatSnackBar;
     /**
@@ -958,5 +1096,5 @@ declare const markSuccess: (progressState: WritableSignal<ProgressState>, messag
  */
 declare const markError: (progressState: WritableSignal<ProgressState>, message?: string) => void;
 
-export { AlertComponent, AutocompleteComponent, BsLinkButtonComponent, CloseButtonDirective, ConfirmDialogComponent, DeleteButtonComponent, EditBsButtonComponent, EditButtonComponent, EditSolidSvgComponent, EditSvgIconButtonComponent, EntityStore, ExcelExportButtonComponent, ManageButtonComponent, MatSnackBarService, NgxPrintDirective, NgxSpinnerComponent, NgxSpinnerService, PdfExportButtonComponent, PreventMultipleClicksDirective, PrimaryButtonComponent, SavePrimaryButtonComponent, SearchButtonComponent, SpinnerComponent, Store, SuccessButtonComponent, ViewButtonComponent, ViewPrimaryButtonComponent, initializeState, markError, markLoading, markSuccess };
+export { AlertComponent, AutocompleteComponent, BaseButtonDirective, BsLinkButtonComponent, BsLinkButtonDirective, CloseButtonDirective, ConfirmDialogComponent, DeleteButtonComponent, DeleteButtonDirective, EditBsButtonComponent, EditBsButtonDirective, EditButtonComponent, EditButtonDirective, EditSolidSvgComponent, EditSvgIconButtonComponent, EditSvgIconButtonDirective, EntityStore, ExcelExportButtonComponent, ExcelExportButtonDirective, ManageButtonComponent, ManageButtonDirective, MatSnackBarService, NgxPrintDirective, NgxSpinnerComponent, NgxSpinnerService, PdfExportButtonComponent, PdfExportButtonDirective, PreventMultipleClicksDirective, PrimaryButtonComponent, PrimaryButtonDirective, SavePrimaryButtonComponent, SavePrimaryButtonDirective, SearchButtonComponent, SpinnerComponent, Store, SuccessButtonComponent, SuccessButtonDirective, ViewButtonComponent, ViewButtonDirective, ViewPrimaryButtonComponent, ViewPrimaryButtonDirective, initializeState, markError, markLoading, markSuccess };
 export type { AlertType, ConfirmDialogData, MatSnackBarOptions, ProgressState };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@js-smart/ng-kit",
-  "version": "20.5.0",
+  "version": "20.6.1",
   "license": "MIT",
   "author": "Pavan Kumar Jadda",
   "private": false,