chrv-components 1.11.13 → 1.11.15

package/index.d.ts

@@ -1,5 +1,5 @@
 import * as _angular_core from '@angular/core';
-import { OnInit, AfterViewInit, OnDestroy, EventEmitter, AfterViewChecked, AfterContentChecked, ElementRef, ViewContainerRef, QueryList, AfterContentInit, InjectionToken, Type } from '@angular/core';
+import { OnInit, AfterViewInit, OnDestroy, EventEmitter, ElementRef, AfterViewChecked, AfterContentChecked, ViewContainerRef, QueryList, AfterContentInit, InjectionToken, Type } from '@angular/core';
 import { Router, UrlTree } from '@angular/router';
 import { MatDialogRef, MatDialogConfig } from '@angular/material/dialog';
 export * from '@angular/material/dialog';
@@ -47,7 +47,7 @@ declare class ChrButtonComponent {
     readonly textColor: _angular_core.InputSignal<Color | undefined>;
     readonly flat: _angular_core.InputSignal<boolean>;
     readonly predicate: _angular_core.InputSignal<boolean | undefined>;
-    readonly type: _angular_core.InputSignal<"none" | "responsive" | "table" | "full" | "fixed" | "small">;
+    readonly type: _angular_core.InputSignal<"none" | "fixed" | "small" | "responsive" | "table" | "full">;
     readonly href: _angular_core.InputSignal<string | undefined>;
     readonly target: _angular_core.InputSignal<"_blank" | "_parent" | "_self" | "_top" | undefined>;
     readonly disabled: _angular_core.InputSignal<boolean>;
@@ -321,10 +321,18 @@ declare class ChrBaseInputComponent implements OnInit, ControlValueAccessor, Aft
      * Indicates whether or not this input is being used outside a ReactiveForm. Default is false. If this is false, the input will create it's own FormControl as to enable it's complex behaviors
      */
     readonly standalone: _angular_core.InputSignal<boolean>;
+    /**
+     * Event that will be triggered when the input is focused
+     */
+    focus: _angular_core.OutputEmitterRef<void>;
     /**
      * Indicates whether or not this input should try catching the focus on page load
      */
     readonly autofocus: _angular_core.InputSignal<boolean>;
+    /**
+     * Event that will be triggered when the input is blurred (a.k.a) when the user clicks outside of the input or presses tab to leave the input.
+     */
+    blur: _angular_core.OutputEmitterRef<void>;
     /**
      * Indicates whether or not this input should convert the file to base64 for it to be sent as part of the object.
      * If this is false, the file won't be converted and will be sent as part as the regular form process.
@@ -332,6 +340,13 @@ declare class ChrBaseInputComponent implements OnInit, ControlValueAccessor, Aft
      */
     readonly base64: _angular_core.InputSignal<boolean>;
     private _disabled;
+    /**
+     * The input element.
+     * May be undefined if the template does not contain an input element with the 'input' reference.
+     * May also be undefined depending the lifecycle of the component.
+     * May not be what is expected (ex: for file inputs, the input element is not the one that is displayed but the one that is hidden).
+     */
+    input: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
     /**
      * Getter and setter that allow the control of the FormControl's state from the template
      */
@@ -401,6 +416,14 @@ declare class ChrBaseInputComponent implements OnInit, ControlValueAccessor, Aft
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState?(isDisabled: boolean): void;
+    /**
+     * Forces the input element to take focus.
+     */
+    forceFocus: () => void;
+    /**
+     * Forces the input element to lose focus.
+     */
+    forceBlur: () => void;
     protected updateValueAndValidity: () => void;
     /**
      * Despite it's name, this method returns a single validation error's display (even if there are multiple). And that is the first error found.
@@ -424,7 +447,7 @@ declare class ChrBaseInputComponent implements OnInit, ControlValueAccessor, Aft
     private buildFormControl;
     protected doCallback: () => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChrBaseInputComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChrBaseInputComponent, "chr-base-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "span": { "alias": "span"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconCallback": { "alias": "iconCallback"; "required": false; "isSignal": true; }; "iconCallbackDisabled": { "alias": "iconCallbackDisabled"; "required": false; "isSignal": true; }; "iconTooltip": { "alias": "iconTooltip"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "validations": { "alias": "validations"; "required": false; "isSignal": true; }; "standalone": { "alias": "standalone"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "base64": { "alias": "base64"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "siblings": { "alias": "siblings"; "required": false; "isSignal": true; }; }, { "valueChanges": "valueChanges"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChrBaseInputComponent, "chr-base-input", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "span": { "alias": "span"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconCallback": { "alias": "iconCallback"; "required": false; "isSignal": true; }; "iconCallbackDisabled": { "alias": "iconCallbackDisabled"; "required": false; "isSignal": true; }; "iconTooltip": { "alias": "iconTooltip"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "debounceTime": { "alias": "debounceTime"; "required": false; "isSignal": true; }; "validations": { "alias": "validations"; "required": false; "isSignal": true; }; "standalone": { "alias": "standalone"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "base64": { "alias": "base64"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; }; "siblings": { "alias": "siblings"; "required": false; "isSignal": true; }; }, { "valueChanges": "valueChanges"; "focus": "focus"; "blur": "blur"; }, never, never, true, never>;
 }
 
 declare class ChrColorInputComponent extends ChrBaseInputComponent implements OnInit, AfterViewInit, OnDestroy {
@@ -503,7 +526,6 @@ declare class ChrFileInputComponent extends ChrBaseInputComponent implements Con
 }
 
 declare class ChrTextareaInputComponent extends ChrBaseInputComponent implements OnInit, AfterViewInit, OnDestroy, AfterViewChecked, AfterContentChecked {
-    readonly input: _angular_core.Signal<ElementRef<any> | null | undefined>;
     constructor();
     ngAfterViewInit(): void;
     ngAfterContentChecked(): void;
@@ -875,6 +897,7 @@ declare class ChrSearchbarComponent {
 declare class ChrPaginatorComponent implements OnInit, AfterContentChecked {
     private service;
     private dataService;
+    private pageInput;
     page: _angular_core.InputSignal<number>;
     pageChange: _angular_core.OutputEmitterRef<number>;
     pageSize: _angular_core.InputSignal<number>;
@@ -883,7 +906,9 @@ declare class ChrPaginatorComponent implements OnInit, AfterContentChecked {
     protected dataSize: _angular_core.Signal<number>;
     protected currentlyShownSize: _angular_core.Signal<number>;
     readonly id: _angular_core.InputSignal<string>;
-    readonly allowSizeChange: _angular_core.InputSignal<string | boolean>;
+    readonly allowSizeChange: _angular_core.InputSignal<boolean>;
+    readonly allowPageEdit: _angular_core.InputSignal<boolean>;
+    isPageEditing: _angular_core.ModelSignal<boolean>;
     ngAfterContentChecked(): void;
     ngOnInit(): void;
     previous: () => void;
@@ -895,8 +920,9 @@ declare class ChrPaginatorComponent implements OnInit, AfterContentChecked {
     setPageSizeEventHandler: (event: any) => void;
     isLastPage: _angular_core.Signal<boolean>;
     lastPage: _angular_core.Signal<number>;
+    focusInput: () => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChrPaginatorComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChrPaginatorComponent, "app-chr-paginator", never, { "page": { "alias": "page"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": true; "isSignal": true; }; "allowSizeChange": { "alias": "allowSizeChange"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChrPaginatorComponent, "app-chr-paginator", never, { "page": { "alias": "page"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "id": { "alias": "id"; "required": true; "isSignal": true; }; "allowSizeChange": { "alias": "allowSizeChange"; "required": false; "isSignal": true; }; "allowPageEdit": { "alias": "allowPageEdit"; "required": false; "isSignal": true; }; "isPageEditing": { "alias": "isPageEditing"; "required": false; "isSignal": true; }; }, { "pageChange": "pageChange"; "pageSizeChange": "pageSizeChange"; "isPageEditing": "isPageEditingChange"; }, never, never, true, never>;
 }
 
 /**

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "chrv-components",
-  "version": "1.11.13",
+  "version": "1.11.15",
   "peerDependencies": {
     "@angular/common": ">=17.0.0",
     "@angular/core": ">=17.0.0",