chrv-components 1.12.73 → 1.12.74

package/package.json

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

package/types/chrv-components.d.ts

@@ -44,7 +44,7 @@ declare function getContrastBorderColor(color?: Color): string;
 declare function getVariableColor(color?: Color): string;
 declare function getVariableContrastColor(color?: Color): string;
 
-declare class ChrButtonComponent {
+declare class ChrButtonLegacyComponent {
     readonly display: _angular_core.InputSignal<string | undefined>;
     readonly icon: _angular_core.InputSignal<string | undefined>;
     readonly click: _angular_core.InputSignal<Function | undefined>;
@@ -65,8 +65,8 @@ declare class ChrButtonComponent {
     getTextColor: (color: Color) => string;
     getWidth: () => "w-36" | "w-full" | "w-9" | "w-min";
     getShadow: () => "" | "button-shadow";
-    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChrButtonComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChrButtonComponent, "app-chr-button, chr-button", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "click": { "alias": "click"; "required": false; "isSignal": true; }; "clickWhileDisabled": { "alias": "clickWhileDisabled"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "flat": { "alias": "flat"; "required": false; "isSignal": true; }; "predicate": { "alias": "predicate"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChrButtonLegacyComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChrButtonLegacyComponent, "app-chr-button, chr-button", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "click": { "alias": "click"; "required": false; "isSignal": true; }; "clickWhileDisabled": { "alias": "clickWhileDisabled"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "flat": { "alias": "flat"; "required": false; "isSignal": true; }; "predicate": { "alias": "predicate"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; "tooltipPosition": { "alias": "tooltipPosition"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class ChrModalComponent<T> implements OnInit {
@@ -807,7 +807,7 @@ declare class ChrBaseInputComponent implements OnInit, ControlValueAccessor, Aft
     private configureFormControl;
     protected doCallback: () => void;
     protected onHtmlInput: (event: Event) => void;
-    protected visualState: () => "error" | "empty" | "valid" | "default";
+    protected visualState: () => "error" | "default" | "empty" | "valid";
     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; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "displayValue": { "alias": "displayValue"; "required": false; "isSignal": true; }; "span": { "alias": "span"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "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; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "autofocus": { "alias": "autofocus"; "required": false; "isSignal": true; }; "base64": { "alias": "base64"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "autoComplete": { "alias": "autoComplete"; "required": false; "isSignal": true; }; "siblings": { "alias": "siblings"; "required": false; "isSignal": true; }; "mask": { "alias": "mask"; "required": false; "isSignal": true; }; "maskShownExpression": { "alias": "maskShownExpression"; "required": false; "isSignal": true; }; "maskValidation": { "alias": "maskValidation"; "required": false; "isSignal": true; }; "maskShownTemplate": { "alias": "maskShownTemplate"; "required": false; "isSignal": true; }; "maskPrefix": { "alias": "maskPrefix"; "required": false; "isSignal": true; }; "maskSuffix": { "alias": "maskSuffix"; "required": false; "isSignal": true; }; "maskDropSpecialCharacters": { "alias": "maskDropSpecialCharacters"; "required": false; "isSignal": true; }; }, { "name": "nameChange"; "value": "valueChange"; "displayValue": "displayValueChange"; "input": "input"; "focus": "focus"; "blur": "blur"; "disabled": "disabledChange"; }, never, never, true, never>;
 }
@@ -1499,7 +1499,7 @@ declare class ButtonComponent {
     /**
      * The size of the icon.
      */
-    size: _angular_core.InputSignal<"small" | "medium" | "large">;
+    size: _angular_core.InputSignal<"small" | "large" | "medium">;
     routerLink: _angular_core.InputSignal<string | any[] | UrlTree | null>;
     routerLinkActive: _angular_core.InputSignal<string | string[]>;
     getWidth(): string;
@@ -1507,6 +1507,62 @@ declare class ButtonComponent {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonComponent, "chr-nbutton", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "routerLink": { "alias": "routerLink"; "required": false; "isSignal": true; }; "routerLinkActive": { "alias": "routerLinkActive"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
+type ButtonColors = 'primary' | 'secondary' | 'tertiary' | 'error' | 'warning' | 'success' | 'none';
+declare class ChrButtonComponent implements OnInit {
+    private elementRef;
+    /**
+     * Button's text
+     */
+    display: _angular_core.InputSignal<string | undefined>;
+    variant: _angular_core.InputSignal<"filled" | "outlined" | "ghost">;
+    padding: _angular_core.InputSignal<"none" | "large" | "medium">;
+    /**
+     * Name of the Google Material Symbols icon
+     */
+    icon: _angular_core.InputSignal<string | undefined>;
+    iconSize: _angular_core.InputSignal<"small" | "large" | "medium" | "inherit">;
+    /**
+     * Button's color. It will affect both the text and the icon
+     */
+    color: _angular_core.InputSignal<ButtonColors>;
+    /**
+     * HTML Button type
+     */
+    type: _angular_core.InputSignal<"submit" | "button">;
+    /**
+     * Whether or not the button is disabled
+     */
+    disabled: _angular_core.InputSignal<boolean>;
+    /**
+     * Fixed width in REM
+     */
+    fixed: _angular_core.InputSignal<number | null>;
+    /**
+     * The input may be either a function that returns a value or an observable, or a value that will be wrapped in a click event.
+     * If the value is an observable the button will enter a loading state during the observable's execution. Otherwise, the function will be executed and it's return value directly returned.
+     * If the value is not a function, the value will be directly returned.
+     * @param The function the value to be handled on click
+     */
+    click: _angular_core.InputSignal<any>;
+    /**
+     * The event that will be thrown when the button is clicked
+     */
+    onClick: _angular_core.OutputEmitterRef<{
+        event: MouseEvent;
+        value: any;
+    }>;
+    clickChange: ((this: Window, ev: PointerEvent) => any) | null;
+    loading: _angular_core.ModelSignal<boolean>;
+    ngOnInit(): void;
+    handleClick: (event: MouseEvent) => {
+        event: MouseEvent;
+        value: any;
+    };
+    log: (value: any) => void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ChrButtonComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ChrButtonComponent, "chr-button", never, { "display": { "alias": "display"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "padding": { "alias": "padding"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconSize": { "alias": "iconSize"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "fixed": { "alias": "fixed"; "required": false; "isSignal": true; }; "click": { "alias": "click"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; }, { "onClick": "onClick"; "loading": "loadingChange"; }, never, ["*"], true, never>;
+}
+
 declare class ChrContextMenuComponent {
     items: _angular_core.InputSignal<IContextMenuItem[]>;
     click: _angular_core.OutputEmitterRef<any>;
@@ -2098,7 +2154,7 @@ declare class MessageBanner {
     title: _angular_core.InputSignal<string>;
     icon: _angular_core.InputSignal<string | null>;
     message: _angular_core.InputSignal<string | undefined>;
-    type: _angular_core.InputSignal<"error" | "none" | "info" | "warning">;
+    type: _angular_core.InputSignal<"error" | "none" | "warning" | "info">;
     close: () => void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<MessageBanner, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<MessageBanner, "chr-message-banner", never, { "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
@@ -2206,7 +2262,7 @@ interface IToastComponent {
     closed: EventEmitter<IClosureData>;
 }
 declare class ToastComponent implements IToastComponent, OnInit, OnDestroy {
-    type: InputSignal<"error" | "success" | "info" | "warning">;
+    type: InputSignal<"error" | "warning" | "success" | "info">;
     title: InputSignal<string | null>;
     message: InputSignal<string>;
     code: InputSignal<string>;
@@ -2820,5 +2876,5 @@ declare const provideDebounceEventPlugin: () => {
     useClass: typeof DebounceEventPlugin;
 }[];
 
-export { Aligments, AnonymousTable, AutoDataSource, AutoDataTable, AutofocusDirective, BaseErrorDisplays, BaseTable, BreadcrumbComponent, ButtonComponent, CHR_DEACTIVATION_MODAL, CHR_DEBOUNCE_DEFAULTS, CHR_MODAL_DATA, CHR_MODAL_REF, CacheService, CachingInterceptor, CarouselComponent, ChrBaseInputComponent, ChrButtonComponent, ChrCheckboxComponent, ChrColorInputComponent, ChrContextMenuComponent, ChrDataTable, ChrDateInputComponent, ChrDatetimeInputComponent, ChrDeactivationGuard, ChrDebounceDirective, ChrDefaultModalComponent, ChrDeleteModalComponent, ChrDropdownComponent, ChrFile, ChrFileInputComponent, ChrFormComponent, ChrHoverDirective, ChrHoverTitleComponent, ChrHoverTitleDirective, ChrModalComponent, ChrNiceFileInputComponent, ChrPaginatorComponent, ChrPreventReloadDirective, ChrSearchSelectComponent, ChrSearchbarComponent, ChrSeparatorComponent, ChrSpinnerComponent, ChrTableComponent, ChrTableHeaderCellComponent, ChrTagSelectComponent, ChrTextareaInputComponent, ChrToastComponent, ChrToggleInputComponent, Colors, ColorsVariables, ColumnFilter, ColumnGroup, ColumnMetadata, ContextMenuDirective, ControlClickDirective, CookiesService, CrossCellNavigationDirective, DEFAULTLIVEUPDATEMESSAGE, DEFAULT_TOAST_CONFIG, DGFilterMode, DGGroupAggregationEnum, DataExporterService, DataFormatterService, DataGrid, DataListComponent, DataService, DebounceDefaults, DebounceEventPlugin, DecimalValidatorDirective, DefaultLiveUpdateMessage, DropdownContent, DropdownTitle, ENABLE_CACHE, ENABLE_PROGRESS, EditableCell, FileService, HUBURL, INVALIDATE_CACHE, InlineSvgComponent, LegacyToastService, LiveUpdateService, LiveUpdateStatus, LoaderService, MaxDateValidatorDirective, MaxFileSizeValidator, MaxLengthValidatorDirective, MessageBanner, MinFileSizeValidator, MinLengthValidatorDirective, ModalRef, ModalService, OutsideClickAwareDirective, ProgressInterceptor, ProgressService, RequiredValidatorDirective, SHOW_SPINNER, ScrollIntoViewDirective, SpinnerInterceptor, SyncValidatorToAsync, TabComponent, TabGroupComponent, TabToEnterHandlerDirective, TabToInputHandlerDirective, TableConstraint, TableConstraintColumn, TableConstraintReference, ToastComponent, ToastDefaults, ToastRef, ToastService, TypeValidatorDirective, WaitAndStoreXsrfToken, XSRFCOOKIENAME, XSRFHEADERNAME, XsrfInterceptor, decimal, getAsyncValidators, getBackgroundColor, getBorderColor, getContrastBackgroundColor, getContrastBorderColor, getContrastTextColor, getSyncValidators, getTextColor, getValidators, getVariableColor, getVariableContrastColor, maxDate, maxFileSize, maxLength, minFileSize, minLength, provideDebounceEventPlugin, provideXsrfHttpClient, required, type };
-export type { Alignment, Breadcrumb, Color, DataSourceConfig, IAction, IAnonymousTable, IBaseAction, ICacheEntry, ICacheOptions, ICanBeDeactivated, IChip, IChips, ICloseable, IClosureData, IColumn, IComputedColumn, IComputedRow, IContextMenuItem, IControl, IControlValidation, IDB2ColumnMetadata, IDGAddedEntry, IDGChangedEntry, IDGDeletedEntry, IDGFilter, IDGGroup, IDGRow, IDGSort, IDGTrackByMode, IDataTable, IDebounceDefaults, IDisplayableColumn, IDisplayableColumnMetadata, IFile, IFormSection, IFormatter, IInputSearchFilter, ILiveUpdateMessage, IMinimumColumnMetadata, IMinimumTableConstraint, IMinimumTableConstraintColumn, IMinimumTableConstraintReference, IModalRef, IPartialAction, IProgressStateEntry, ISearchFilter, IStaticValueAction, ITableConstraint, ITableConstraintColumn, ITableConstraintReference, IToast, IToastComponent, IToastConfig, IXsrfProviderParams, InputType, ModalData, ModalOptions, TColumn, TColumnType, Toast, ValidationResult };
+export { Aligments, AnonymousTable, AutoDataSource, AutoDataTable, AutofocusDirective, BaseErrorDisplays, BaseTable, BreadcrumbComponent, ButtonComponent, CHR_DEACTIVATION_MODAL, CHR_DEBOUNCE_DEFAULTS, CHR_MODAL_DATA, CHR_MODAL_REF, CacheService, CachingInterceptor, CarouselComponent, ChrBaseInputComponent, ChrButtonComponent, ChrButtonLegacyComponent, ChrCheckboxComponent, ChrColorInputComponent, ChrContextMenuComponent, ChrDataTable, ChrDateInputComponent, ChrDatetimeInputComponent, ChrDeactivationGuard, ChrDebounceDirective, ChrDefaultModalComponent, ChrDeleteModalComponent, ChrDropdownComponent, ChrFile, ChrFileInputComponent, ChrFormComponent, ChrHoverDirective, ChrHoverTitleComponent, ChrHoverTitleDirective, ChrModalComponent, ChrNiceFileInputComponent, ChrPaginatorComponent, ChrPreventReloadDirective, ChrSearchSelectComponent, ChrSearchbarComponent, ChrSeparatorComponent, ChrSpinnerComponent, ChrTableComponent, ChrTableHeaderCellComponent, ChrTagSelectComponent, ChrTextareaInputComponent, ChrToastComponent, ChrToggleInputComponent, Colors, ColorsVariables, ColumnFilter, ColumnGroup, ColumnMetadata, ContextMenuDirective, ControlClickDirective, CookiesService, CrossCellNavigationDirective, DEFAULTLIVEUPDATEMESSAGE, DEFAULT_TOAST_CONFIG, DGFilterMode, DGGroupAggregationEnum, DataExporterService, DataFormatterService, DataGrid, DataListComponent, DataService, DebounceDefaults, DebounceEventPlugin, DecimalValidatorDirective, DefaultLiveUpdateMessage, DropdownContent, DropdownTitle, ENABLE_CACHE, ENABLE_PROGRESS, EditableCell, FileService, HUBURL, INVALIDATE_CACHE, InlineSvgComponent, LegacyToastService, LiveUpdateService, LiveUpdateStatus, LoaderService, MaxDateValidatorDirective, MaxFileSizeValidator, MaxLengthValidatorDirective, MessageBanner, MinFileSizeValidator, MinLengthValidatorDirective, ModalRef, ModalService, OutsideClickAwareDirective, ProgressInterceptor, ProgressService, RequiredValidatorDirective, SHOW_SPINNER, ScrollIntoViewDirective, SpinnerInterceptor, SyncValidatorToAsync, TabComponent, TabGroupComponent, TabToEnterHandlerDirective, TabToInputHandlerDirective, TableConstraint, TableConstraintColumn, TableConstraintReference, ToastComponent, ToastDefaults, ToastRef, ToastService, TypeValidatorDirective, WaitAndStoreXsrfToken, XSRFCOOKIENAME, XSRFHEADERNAME, XsrfInterceptor, decimal, getAsyncValidators, getBackgroundColor, getBorderColor, getContrastBackgroundColor, getContrastBorderColor, getContrastTextColor, getSyncValidators, getTextColor, getValidators, getVariableColor, getVariableContrastColor, maxDate, maxFileSize, maxLength, minFileSize, minLength, provideDebounceEventPlugin, provideXsrfHttpClient, required, type };
+export type { Alignment, Breadcrumb, ButtonColors, Color, DataSourceConfig, IAction, IAnonymousTable, IBaseAction, ICacheEntry, ICacheOptions, ICanBeDeactivated, IChip, IChips, ICloseable, IClosureData, IColumn, IComputedColumn, IComputedRow, IContextMenuItem, IControl, IControlValidation, IDB2ColumnMetadata, IDGAddedEntry, IDGChangedEntry, IDGDeletedEntry, IDGFilter, IDGGroup, IDGRow, IDGSort, IDGTrackByMode, IDataTable, IDebounceDefaults, IDisplayableColumn, IDisplayableColumnMetadata, IFile, IFormSection, IFormatter, IInputSearchFilter, ILiveUpdateMessage, IMinimumColumnMetadata, IMinimumTableConstraint, IMinimumTableConstraintColumn, IMinimumTableConstraintReference, IModalRef, IPartialAction, IProgressStateEntry, ISearchFilter, IStaticValueAction, ITableConstraint, ITableConstraintColumn, ITableConstraintReference, IToast, IToastComponent, IToastConfig, IXsrfProviderParams, InputType, ModalData, ModalOptions, TColumn, TColumnType, Toast, ValidationResult };