@bootkit/ng0 0.0.0-alpha.17 → 0.0.0-alpha.19

package/fesm2022/bootkit-ng0.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0.mjs","sources":["../../../projects/ng0/src/lib/index.ts","../../../projects/ng0/src/public-api.ts","../../../projects/ng0/src/bootkit-ng0.ts"],"sourcesContent":["export * from './types';\n \nexport const LibName = 'bootkit/angular-pro';","/*\n * Public API Surface of bootkit\n */\n\nexport * from './lib';\n \n \n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAEO,MAAM,OAAO,GAAG;;ACFvB;;AAEG;;ACFH;;AAEG;;;;"}
+{"version":3,"file":"bootkit-ng0.mjs","sources":["../../../projects/ng0/src/lib/index.ts","../../../projects/ng0/src/public-api.ts","../../../projects/ng0/src/bootkit-ng0.ts"],"sourcesContent":["export * from './types';\r\n \r\nexport const LibName = 'bootkit/angular-pro';","/*\r\n * Public API Surface of bootkit\r\n */\r\n\r\nexport * from './lib';\r\n \r\n \r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"AAEO,MAAM,OAAO,GAAG;;ACFvB;;AAEG;;ACFH;;AAEG;;;;"}

package/form/index.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { OnInit, OnChanges, ElementRef, SimpleChanges, Renderer2 } from '@angular/core';
+import { OnInit, OnChanges, ElementRef, SimpleChanges } from '@angular/core';
 import { ControlValueAccessor, Validator, AbstractControl, ValidationErrors, FormControl, ValidatorFn } from '@angular/forms';
 
 declare class FocusDirective implements OnInit, OnChanges {
@@ -17,38 +17,57 @@ declare class FocusDirective implements OnInit, OnChanges {
     static ɵdir: i0.ɵɵDirectiveDeclaration<FocusDirective, "[ng0Focus]", ["ng0Focus"], { "focusOnLoad": { "alias": "focusOnLoad"; "required": false; }; "focusWhen": { "alias": "focusWhen"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+/**
+ * Directive to allow only number input in text fields.
+ * It supports integer and decimal numbers, negative numbers, min/max values, thousands separator.
+ */
 declare class NumberDirective implements ControlValueAccessor {
-    private el;
-    private renderer;
-    /**  */
-    minFractionDigits: i0.InputSignal<number | undefined>;
-    maxFractionDigits: i0.InputSignal<number | undefined>;
-    useGrouping: i0.InputSignal<boolean>;
-    numberType: i0.InputSignal<"decimal" | "integer">;
-    private onChange;
-    private onTouched;
-    private decimalSeparator;
-    private thousandsSeparator;
-    private selectionStart;
-    private selectionEnd;
-    private isCursorInsideIntegerPart;
-    private decimalSeparatorPosition;
-    private value?;
-    private setProperty;
-    constructor(el: ElementRef<HTMLInputElement>, renderer: Renderer2);
+    private _value?;
+    private _decimalSeparator;
+    private _thousandsSeparator;
+    private _onChangeCallback?;
+    private _onTouchedCallback?;
+    private _elmRef;
+    private _renderer;
+    /**
+     * The minimum number of digits to display after the decimal point.
+     * Applied only when 'numberType' is set to 'decimal'.
+     * @default 1
+     */
+    minFractionDigits: i0.InputSignalWithTransform<number, unknown>;
+    /**
+     * The maximum number of digits to display after the decimal point.
+     * Applied only when 'numberType' is set to 'decimal'.
+     * @default 2
+     */
+    maxFractionDigits: i0.InputSignalWithTransform<number, unknown>;
+    /**
+     * Whether to use grouping separators, such as thousands separators
+     * @default false
+     */
+    useGrouping: i0.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * Type of numbers to allow
+     * 'decimal' - allow decimal numbers
+     * 'integer' - allow integer numbers only
+     * @default 'integer'
+     */
+    numberType: i0.InputSignal<"integer" | "decimal">;
+    constructor();
     ngOnInit(): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState?(isDisabled: boolean): void;
     writeValue(value: any): void;
-    private onKeyDown;
-    private onInput;
-    private formatIntegerPart;
-    private onBlur;
-    private onPaste;
-    private updateCursorInfo;
-    private formatNumber;
-    private isKeyAllowed;
+    private _onKeyDown;
+    private _onInput;
+    private _formatIntegerPart;
+    private _onBlur;
+    private _onPaste;
+    private _getInputState;
+    private _formatNumber;
+    private _isAllowedKey;
+    private _setProperty;
     static ɵfac: i0.ɵɵFactoryDeclaration<NumberDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NumberDirective, "[ng0Number]", never, { "minFractionDigits": { "alias": "minFractionDigits"; "required": false; "isSignal": true; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; "isSignal": true; }; "useGrouping": { "alias": "useGrouping"; "required": false; "isSignal": true; }; "numberType": { "alias": "numberType"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/localization/index.d.ts

@@ -2,6 +2,21 @@ import * as i0 from '@angular/core';
 import { InjectionToken, PipeTransform } from '@angular/core';
 import * as rxjs from 'rxjs';
 
+/**
+ * Format function type.
+ * @param item The item to format.
+ * @returns The formatted string.
+ */
+type ValueFormatterFunction = (value: any, ...options: any[]) => string;
+type ValueFormatterLike = ValueFormatterFunction | string;
+/**
+ * Default format function.
+ * @param value The item to format.
+ * @returns The formatted string.
+ */
+declare function defaultValueFormatter(value: any): string;
+declare function ValueFormatterAttribute(locale?: Locale): ((v: ValueFormatterLike) => ValueFormatterFunction);
+
 /** Locale dictionary */
 type LocaleDictionary = {
     [key: string]: string;
@@ -17,6 +32,28 @@ type LocaleValidationErrorTranslator = (error: any) => string;
 type LocaleValidationErrorTranslators = {
     [key: string]: LocaleValidationErrorTranslator;
 };
+/**
+ * A function to format the paging info of a table.
+ *
+ */
+type TableComponentPagingFormatter = (info: {
+    /**
+     * The first record in the current page.
+     */
+    firstRecord: number;
+    /**
+     * The last record in the current page.
+     */
+    lastRecord: number;
+    /**
+     * The total number of records.
+     */
+    totalRecords?: number;
+    /**
+     * The current page index.
+     */
+    currentPage: number;
+}) => string;
 /**
  * Locale definition
  */
@@ -54,30 +91,24 @@ interface LocaleDefinition {
              */
             pagingInfo?: TableComponentPagingFormatter;
         };
+        select?: {
+            placeholder?: string;
+        };
+    };
+    formatters?: {
+        boolean?: {
+            [booleanKind: string]: string[];
+        };
+        enum?: {
+            [enumName: string]: {
+                [enumValue: string]: string;
+            };
+        };
+        custom?: {
+            [formatterName: string]: ValueFormatterFunction;
+        };
     };
 }
-/**
- * A function to format the paging info of a table.
- *
- */
-type TableComponentPagingFormatter = (info: {
-    /**
-     * The first record in the current page.
-     */
-    firstRecord: number;
-    /**
-     * The last record in the current page.
-     */
-    lastRecord: number;
-    /**
-     * The total number of records.
-     */
-    totalRecords?: number;
-    /**
-     * The current page index.
-     */
-    currentPage: number;
-}) => string;
 
 declare class LocalizationService {
     private _locales;
@@ -99,7 +130,7 @@ declare class LocalizationService {
     static ɵprov: i0.ɵɵInjectableDeclaration<LocalizationService>;
 }
 
-declare const LOCALE: InjectionToken<LocalizationService | Locale>;
+declare const LOCALE: InjectionToken<Locale | LocalizationService>;
 interface TranslatedValidationError {
     /** Error key */
     key: string;
@@ -133,9 +164,7 @@ declare class Locale {
      * Translates an enum value
      * @param enumName The name of the enum
      * @param enumValue The value of the enum to translate
-     * @param nullValueKey
-     * @param returnEnumAsFallback
-     * @param fallbackKey
+     * @param fallback
      * @returns The translated string or the enum value itself if not found
      */
     translateEnum(enumName: string, enumValue: string | number | null | undefined, fallback?: string): string | undefined;
@@ -167,6 +196,12 @@ declare class Locale {
    * @returns Formatted date string based on the locale
    */
     formatDate(date: Date | string | number, format?: string): string;
+    /**
+     * Returns a formatter function by its name and parameters.
+     * @param format The format string in the form of "formatterName:param1:param2:..."
+     * @returns A FormatFunction
+     */
+    getFormatter(format: string): ValueFormatterFunction;
 }
 
 /**
@@ -266,5 +301,5 @@ declare class LocalizationModule {
     static ɵinj: i0.ɵɵInjectorDeclaration<LocalizationModule>;
 }
 
-export { DatePipe, LOCALE, Locale, LocalizationModule, LocalizationService, LocalizeBooleanPipe, LocalizeDatePipe, LocalizeEnumPipe, LocalizePipe, TranslateBooleanPipe, TranslateEnumPipe, TranslatePipe };
-export type { LocaleChangeEvent, LocaleDefinition, LocaleDictionary, LocaleEnums, LocaleValidationErrorTranslator, LocaleValidationErrorTranslators, TableComponentPagingFormatter, TranslatedValidationError };
+export { DatePipe, LOCALE, Locale, LocalizationModule, LocalizationService, LocalizeBooleanPipe, LocalizeDatePipe, LocalizeEnumPipe, LocalizePipe, TranslateBooleanPipe, TranslateEnumPipe, TranslatePipe, ValueFormatterAttribute, defaultValueFormatter };
+export type { LocaleChangeEvent, LocaleDefinition, LocaleDictionary, LocaleEnums, LocaleValidationErrorTranslator, LocaleValidationErrorTranslators, TableComponentPagingFormatter, TranslatedValidationError, ValueFormatterFunction, ValueFormatterLike };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bootkit/ng0",
-  "version": "0.0.0-alpha.17",
+  "version": "0.0.0-alpha.19",
   "description": "Angular+Bootstrap Component Library",
   "homepage": "https://bootkitlib.github.io/",
   "author": "BootKit",
@@ -35,26 +35,26 @@
       "types": "./index.d.ts",
       "default": "./fesm2022/bootkit-ng0.mjs"
     },
-    "./file": {
-      "types": "./file/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-file.mjs"
+    "./common": {
+      "types": "./common/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-common.mjs"
+    },
+    "./data": {
+      "types": "./data/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-data.mjs"
     },
     "./date": {
       "types": "./date/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-date.mjs"
     },
-    "./data": {
-      "types": "./data/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-data.mjs"
+    "./file": {
+      "types": "./file/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-file.mjs"
     },
     "./form": {
       "types": "./form/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-form.mjs"
     },
-    "./common": {
-      "types": "./common/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-common.mjs"
-    },
     "./http": {
       "types": "./http/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-http.mjs"
@@ -103,6 +103,10 @@
       "types": "./components/form-field/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-form-field.mjs"
     },
+    "./components/list": {
+      "types": "./components/list/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-list.mjs"
+    },
     "./components/modal": {
       "types": "./components/modal/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-modal.mjs"
@@ -127,9 +131,9 @@
       "types": "./components/popover/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-popover.mjs"
     },
-    "./components/stepper": {
-      "types": "./components/stepper/index.d.ts",
-      "default": "./fesm2022/bootkit-ng0-components-stepper.mjs"
+    "./components/select": {
+      "types": "./components/select/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-select.mjs"
     },
     "./components/sidenav": {
       "types": "./components/sidenav/index.d.ts",
@@ -139,6 +143,10 @@
       "types": "./components/table/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-table.mjs"
     },
+    "./components/stepper": {
+      "types": "./components/stepper/index.d.ts",
+      "default": "./fesm2022/bootkit-ng0-components-stepper.mjs"
+    },
     "./components/toast": {
       "types": "./components/toast/index.d.ts",
       "default": "./fesm2022/bootkit-ng0-components-toast.mjs"