coer-elements 0.0.64 → 0.0.66

package/README.md

@@ -0,0 +1,63 @@
+# CoerElements
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 19.0.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build coer-elements
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+   ```bash
+   cd dist/coer-elements
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/components/lib/coer-accordion/coer-accordion.component.d.ts

@@ -6,7 +6,7 @@ export declare class CoerAccordion {
     title: import("@angular/core").InputSignal<string>;
     icon: import("@angular/core").InputSignal<string>;
     expanded: import("@angular/core").InputSignal<boolean>;
-    protected IsNotOnlyWhiteSpace: <T_3>(value: T_3 | null | undefined) => boolean;
+    protected IsNotOnlyWhiteSpace: <T>(value: T | null | undefined) => boolean;
     get isExpanded(): boolean;
     get isCollapsed(): boolean;
     /** */

package/components/lib/coer-datebox/coer-datebox.component.d.ts

@@ -0,0 +1,49 @@
+import { ElementRef, OnInit } from '@angular/core';
+import { ControlValue } from 'coer-elements/tools';
+import moment from 'moment';
+import * as i0 from "@angular/core";
+export declare class CoerDateBox extends ControlValue implements OnInit {
+    _value: string | Date | moment.Moment | null;
+    protected matFormField: import("@angular/core").Signal<ElementRef<any>>;
+    protected coerTextBox: import("@angular/core").Signal<ElementRef<any>>;
+    protected _id: string;
+    private _datepicker;
+    protected _isLoadingEvent: import("@angular/core").WritableSignal<boolean>;
+    private element;
+    set value(value: number | string | null | undefined);
+    id: string;
+    label: import("@angular/core").InputSignal<string>;
+    placeholder: import("@angular/core").InputSignal<string>;
+    isDisabled: import("@angular/core").InputSignal<boolean>;
+    isReadonly: import("@angular/core").InputSignal<boolean>;
+    isLoading: import("@angular/core").InputSignal<boolean>;
+    isInvalid: import("@angular/core").InputSignal<boolean>;
+    isValid: import("@angular/core").InputSignal<boolean>;
+    textPosition: import("@angular/core").InputSignal<"left" | "right" | "center">;
+    width: import("@angular/core").InputSignal<string>;
+    minWidth: import("@angular/core").InputSignal<string>;
+    maxWidth: import("@angular/core").InputSignal<string>;
+    marginTop: import("@angular/core").InputSignal<string>;
+    marginRight: import("@angular/core").InputSignal<string>;
+    marginBottom: import("@angular/core").InputSignal<string>;
+    marginLeft: import("@angular/core").InputSignal<string>;
+    onOpen: import("@angular/core").OutputEmitterRef<void>;
+    onClose: import("@angular/core").OutputEmitterRef<void>;
+    ngOnInit(): void;
+    protected floatLabel: import("@angular/core").Signal<"auto" | "always">;
+    protected paddingRight: import("@angular/core").Signal<"0px" | "18px">;
+    protected _isEnable: import("@angular/core").Signal<boolean>;
+    get value(): string | Date | moment.Moment | null;
+    get isOpen(): boolean | undefined;
+    SetValue(value: string | Date | moment.Moment | null | undefined): void;
+    /** */
+    private SetEvents;
+    /** */
+    Blur(): void;
+    /***/
+    Open(): void;
+    /***/
+    Close(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoerDateBox, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerDateBox, "coer-datebox", never, { "value": { "alias": "value"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "isReadonly": { "alias": "isReadonly"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isInvalid": { "alias": "isInvalid"; "required": false; "isSignal": true; }; "isValid": { "alias": "isValid"; "required": false; "isSignal": true; }; "textPosition": { "alias": "textPosition"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "maxWidth": { "alias": "maxWidth"; "required": false; "isSignal": true; }; "marginTop": { "alias": "marginTop"; "required": false; "isSignal": true; }; "marginRight": { "alias": "marginRight"; "required": false; "isSignal": true; }; "marginBottom": { "alias": "marginBottom"; "required": false; "isSignal": true; }; "marginLeft": { "alias": "marginLeft"; "required": false; "isSignal": true; }; }, { "onOpen": "onOpen"; "onClose": "onClose"; }, never, never, false, never>;
+}

package/components/lib/coer-filebox/coer-filebox.component.d.ts

@@ -6,7 +6,7 @@ import * as i0 from "@angular/core";
 export declare class CoerFilebox {
     protected readonly alert: CoerAlert;
     protected IsNull: <T>(value: T | null | undefined) => boolean;
-    protected IsNotNull: <T_1>(value: T_1 | null | undefined) => boolean;
+    protected IsNotNull: <T>(value: T | null | undefined) => boolean;
     protected inputFileImage: import("@angular/core").Signal<ElementRef<any>>;
     protected modal: import("@angular/core").Signal<CoerModal>;
     protected base64: string;

package/components/lib/coer-grid/coer-grid.extension.d.ts

@@ -24,7 +24,7 @@ export declare class CoerGridExtension<T> extends ControlValue implements AfterV
     protected _enableAnimations: boolean;
     protected _indexFocus: import("@angular/core").WritableSignal<number>;
     protected _sort: import("@angular/core").WritableSignal<IGridSort>;
-    protected GetNumericFormat: (value: string | number | null | undefined, decimals?: number | undefined) => string;
+    protected GetNumericFormat: (value: string | number | null | undefined, decimals?: number) => string;
     protected GetDateFormat: typeof DateTime.GetDateFormat;
     columns: import("@angular/core").InputSignal<IGridColumn<T>[]>;
     cleanColumnName: import("@angular/core").InputSignal<boolean>;
@@ -99,5 +99,5 @@ export declare class CoerGridExtension<T> extends ControlValue implements AfterV
     /** */
     protected ButtonByRow(property: 'showDeleteButton' | 'showEditButton' | 'showGoButton', data?: any): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<CoerGridExtension<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CoerGridExtension<any>, "coer-grid-extension", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "cleanColumnName": { "alias": "cleanColumnName"; "required": false; "isSignal": true; }; "addButton": { "alias": "addButton"; "required": false; }; "exportButton": { "alias": "exportButton"; "required": false; }; "importButton": { "alias": "importButton"; "required": false; }; "search": { "alias": "search"; "required": false; }; "buttonByRow": { "alias": "buttonByRow"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "tooltipByRow": { "alias": "tooltipByRow"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "rowsByPage": { "alias": "rowsByPage"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "showColumnGrouped": { "alias": "showColumnGrouped"; "required": false; "isSignal": true; }; "rowsByGroup": { "alias": "rowsByGroup"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "MinWidth": { "alias": "MinWidth"; "required": false; "isSignal": true; }; "MaxWidth": { "alias": "MaxWidth"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "margin": { "alias": "margin"; "required": false; "isSignal": true; }; "enableSort": { "alias": "enableSort"; "required": false; "isSignal": true; }; "enableRowFocus": { "alias": "enableRowFocus"; "required": false; "isSignal": true; }; }, { "onClickAdd": "onClickAdd"; "onClickImport": "onClickImport"; "onClickExport": "onClickExport"; "onClickRow": "onClickRow"; "onDoubleClickRow": "onDoubleClickRow"; "onClickDeleteRow": "onClickDeleteRow"; "onClickEditRow": "onClickEditRow"; "onClickGoRow": "onClickGoRow"; "onKeyupEnter": "onKeyupEnter"; "onKeyupEnterLast": "onKeyupEnterLast"; "onSwitchChange": "onSwitchChange"; "onTextboxChange": "onTextboxChange"; "onSelectboxChange": "onSelectboxChange"; "onCheckboxChange": "onCheckboxChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoerGridExtension<any>, "coer-grid-extension", never, { "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "cleanColumnName": { "alias": "cleanColumnName"; "required": false; "isSignal": true; }; "addButton": { "alias": "addButton"; "required": false; }; "exportButton": { "alias": "exportButton"; "required": false; }; "importButton": { "alias": "importButton"; "required": false; }; "search": { "alias": "search"; "required": false; }; "buttonByRow": { "alias": "buttonByRow"; "required": false; }; "checkbox": { "alias": "checkbox"; "required": false; }; "tooltipByRow": { "alias": "tooltipByRow"; "required": false; "isSignal": true; }; "isLoading": { "alias": "isLoading"; "required": false; "isSignal": true; }; "isDisabled": { "alias": "isDisabled"; "required": false; "isSignal": true; }; "rowsByPage": { "alias": "rowsByPage"; "required": false; "isSignal": true; }; "groupBy": { "alias": "groupBy"; "required": false; "isSignal": true; }; "showColumnGrouped": { "alias": "showColumnGrouped"; "required": false; "isSignal": true; }; "rowsByGroup": { "alias": "rowsByGroup"; "required": false; "isSignal": true; }; "isInvisible": { "alias": "isInvisible"; "required": false; "isSignal": true; }; "showFooter": { "alias": "showFooter"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "MinWidth": { "alias": "MinWidth"; "required": false; "isSignal": true; }; "MaxWidth": { "alias": "MaxWidth"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "margin": { "alias": "margin"; "required": false; "isSignal": true; }; "enableSort": { "alias": "enableSort"; "required": false; "isSignal": true; }; "enableRowFocus": { "alias": "enableRowFocus"; "required": false; "isSignal": true; }; }, { "onClickAdd": "onClickAdd"; "onClickImport": "onClickImport"; "onClickExport": "onClickExport"; "onClickRow": "onClickRow"; "onDoubleClickRow": "onDoubleClickRow"; "onClickDeleteRow": "onClickDeleteRow"; "onClickEditRow": "onClickEditRow"; "onClickGoRow": "onClickGoRow"; "onKeyupEnter": "onKeyupEnter"; "onKeyupEnterLast": "onKeyupEnterLast"; "onSwitchChange": "onSwitchChange"; "onTextboxChange": "onTextboxChange"; "onSelectboxChange": "onSelectboxChange"; "onCheckboxChange": "onCheckboxChange"; }, never, never, true, never>;
 }

package/components/lib/coer-modal/coer-modal.component.d.ts

@@ -27,7 +27,7 @@ export declare class CoerModal implements OnInit {
     onOpen: import("@angular/core").OutputEmitterRef<void>;
     onClose: import("@angular/core").OutputEmitterRef<void>;
     protected IsNull: <T>(value: T | null | undefined) => boolean;
-    protected IsNotNull: <T_1>(value: T_1 | null | undefined) => boolean;
+    protected IsNotNull: <T>(value: T | null | undefined) => boolean;
     ngOnInit(): void;
     /** */
     Open(): void;

package/components/lib/components.module.d.ts

@@ -2,40 +2,44 @@ import * as i0 from "@angular/core";
 import * as i1 from "./coer-accordion/coer-accordion.component";
 import * as i2 from "./coer-button/coer-button.component";
 import * as i3 from "./coer-checkbox/coer-checkbox.component";
-import * as i4 from "./coer-filebox/coer-filebox.component";
-import * as i5 from "./coer-form/coer-form.component";
-import * as i6 from "./coer-grid/coer-grid.component";
-import * as i7 from "./coer-list/coer-list.component";
-import * as i8 from "./coer-sidenav/coer-menu-option/coer-menu-option.component";
-import * as i9 from "./coer-modal/coer-modal.component";
-import * as i10 from "./coer-numberbox/coer-numberbox.component";
-import * as i11 from "./coer-page-title/coer-page-title.component";
-import * as i12 from "./coer-sidenav/coer-sidenav.component";
-import * as i13 from "./coer-selectbox/coer-selectbox.component";
-import * as i14 from "./coer-switch/coer-switch.component";
-import * as i15 from "./coer-tab/coer-tab.component";
-import * as i16 from "./coer-textarea/coer-textarea.component";
-import * as i17 from "./coer-textbox/coer-textbox.component";
-import * as i18 from "./coer-sidenav/coer-toolbar/coer-toolbar.component";
-import * as i19 from "./coer-sidenav/coer-tree-accordion/coer-tree-accordion.component";
-import * as i20 from "@angular/common";
-import * as i21 from "@angular/cdk/drag-drop";
-import * as i22 from "@angular/router";
-import * as i23 from "@angular/forms";
-import * as i24 from "@angular/material/button";
-import * as i25 from "@angular/material/checkbox";
-import * as i26 from "@angular/material/sidenav";
-import * as i27 from "@angular/material/expansion";
-import * as i28 from "@angular/material/form-field";
-import * as i29 from "@angular/material/input";
-import * as i30 from "@angular/material/list";
-import * as i31 from "@angular/material/slide-toggle";
-import * as i32 from "@angular/material/toolbar";
-import * as i33 from "@angular/material/tabs";
-import * as i34 from "coer-elements/directives";
-import * as i35 from "coer-elements/pipes";
+import * as i4 from "./coer-datebox/coer-datebox.component";
+import * as i5 from "./coer-filebox/coer-filebox.component";
+import * as i6 from "./coer-form/coer-form.component";
+import * as i7 from "./coer-grid/coer-grid.component";
+import * as i8 from "./coer-list/coer-list.component";
+import * as i9 from "./coer-sidenav/coer-menu-option/coer-menu-option.component";
+import * as i10 from "./coer-modal/coer-modal.component";
+import * as i11 from "./coer-numberbox/coer-numberbox.component";
+import * as i12 from "./coer-page-title/coer-page-title.component";
+import * as i13 from "./coer-sidenav/coer-sidenav.component";
+import * as i14 from "./coer-selectbox/coer-selectbox.component";
+import * as i15 from "./coer-switch/coer-switch.component";
+import * as i16 from "./coer-tab/coer-tab.component";
+import * as i17 from "./coer-textarea/coer-textarea.component";
+import * as i18 from "./coer-textbox/coer-textbox.component";
+import * as i19 from "./coer-sidenav/coer-toolbar/coer-toolbar.component";
+import * as i20 from "./coer-sidenav/coer-tree-accordion/coer-tree-accordion.component";
+import * as i21 from "@angular/common";
+import * as i22 from "@angular/cdk/drag-drop";
+import * as i23 from "@angular/router";
+import * as i24 from "@angular/forms";
+import * as i25 from "@angular/material/button";
+import * as i26 from "@angular/material/checkbox";
+import * as i27 from "@angular/material/datepicker";
+import * as i28 from "@angular/material/sidenav";
+import * as i29 from "@angular/material/expansion";
+import * as i30 from "@angular/material/form-field";
+import * as i31 from "@angular/material/input";
+import * as i32 from "@angular/material/timepicker";
+import * as i33 from "@angular/material/list";
+import * as i34 from "@angular/material/core";
+import * as i35 from "@angular/material/slide-toggle";
+import * as i36 from "@angular/material/toolbar";
+import * as i37 from "@angular/material/tabs";
+import * as i38 from "coer-elements/directives";
+import * as i39 from "coer-elements/pipes";
 export declare class ComponentsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ComponentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ComponentsModule, [typeof i1.CoerAccordion, typeof i2.CoerButton, typeof i3.CoerCheckbox, typeof i4.CoerFilebox, typeof i5.CoerForm, typeof i6.CoerGrid, typeof i7.CoerList, typeof i8.CoerMenuOption, typeof i9.CoerModal, typeof i10.CoerNumberBox, typeof i11.CoerPageTitle, typeof i12.CoerSidenav, typeof i13.CoerSelectbox, typeof i14.CoerSwitch, typeof i15.CoerTab, typeof i16.CoerTextarea, typeof i17.CoerTextBox, typeof i18.CoerToolbar, typeof i19.CoerTreeAccordion], [typeof i20.CommonModule, typeof i21.CdkDrag, typeof i21.CdkDragHandle, typeof i21.CdkDragPlaceholder, typeof i21.CdkDropList, typeof i22.RouterModule, typeof i23.FormsModule, typeof i23.ReactiveFormsModule, typeof i24.MatButtonModule, typeof i25.MatCheckboxModule, typeof i26.MatDrawerContainer, typeof i26.MatDrawerContent, typeof i26.MatDrawer, typeof i27.MatExpansionModule, typeof i28.MatFormFieldModule, typeof i29.MatInputModule, typeof i30.MatListModule, typeof i31.MatSlideToggleModule, typeof i32.MatToolbarModule, typeof i33.MatTabsModule, typeof i34.DirectivesModule, typeof i35.PipesModule], [typeof i1.CoerAccordion, typeof i2.CoerButton, typeof i3.CoerCheckbox, typeof i4.CoerFilebox, typeof i5.CoerForm, typeof i6.CoerGrid, typeof i7.CoerList, typeof i9.CoerModal, typeof i10.CoerNumberBox, typeof i11.CoerPageTitle, typeof i12.CoerSidenav, typeof i13.CoerSelectbox, typeof i14.CoerSwitch, typeof i15.CoerTab, typeof i16.CoerTextarea, typeof i17.CoerTextBox, typeof i18.CoerToolbar, typeof i19.CoerTreeAccordion]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ComponentsModule, [typeof i1.CoerAccordion, typeof i2.CoerButton, typeof i3.CoerCheckbox, typeof i4.CoerDateBox, typeof i5.CoerFilebox, typeof i6.CoerForm, typeof i7.CoerGrid, typeof i8.CoerList, typeof i9.CoerMenuOption, typeof i10.CoerModal, typeof i11.CoerNumberBox, typeof i12.CoerPageTitle, typeof i13.CoerSidenav, typeof i14.CoerSelectbox, typeof i15.CoerSwitch, typeof i16.CoerTab, typeof i17.CoerTextarea, typeof i18.CoerTextBox, typeof i19.CoerToolbar, typeof i20.CoerTreeAccordion], [typeof i21.CommonModule, typeof i22.CdkDrag, typeof i22.CdkDragHandle, typeof i22.CdkDragPlaceholder, typeof i22.CdkDropList, typeof i23.RouterModule, typeof i24.FormsModule, typeof i24.ReactiveFormsModule, typeof i25.MatButtonModule, typeof i26.MatCheckboxModule, typeof i27.MatDatepickerModule, typeof i28.MatDrawerContainer, typeof i28.MatDrawerContent, typeof i28.MatDrawer, typeof i29.MatExpansionModule, typeof i30.MatFormFieldModule, typeof i31.MatInputModule, typeof i32.MatTimepickerModule, typeof i33.MatListModule, typeof i34.MatNativeDateModule, typeof i35.MatSlideToggleModule, typeof i36.MatToolbarModule, typeof i37.MatTabsModule, typeof i38.DirectivesModule, typeof i39.PipesModule], [typeof i1.CoerAccordion, typeof i2.CoerButton, typeof i3.CoerCheckbox, typeof i4.CoerDateBox, typeof i5.CoerFilebox, typeof i6.CoerForm, typeof i7.CoerGrid, typeof i8.CoerList, typeof i10.CoerModal, typeof i11.CoerNumberBox, typeof i12.CoerPageTitle, typeof i13.CoerSidenav, typeof i14.CoerSelectbox, typeof i15.CoerSwitch, typeof i16.CoerTab, typeof i17.CoerTextarea, typeof i18.CoerTextBox, typeof i19.CoerToolbar, typeof i20.CoerTreeAccordion]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ComponentsModule>;
 }

package/components/public-api.d.ts

@@ -2,6 +2,7 @@ export * from './lib/components.module';
 export * from './lib/coer-accordion/coer-accordion.component';
 export * from './lib/coer-button/coer-button.component';
 export * from './lib/coer-checkbox/coer-checkbox.component';
+export * from './lib/coer-datebox/coer-datebox.component';
 export * from './lib/coer-filebox/coer-filebox.component';
 export * from './lib/coer-form/coer-form.component';
 export * from './lib/coer-grid/coer-grid.component';