@bootkit/ng0 0.0.0-alpha.2 → 0.0.0-alpha.21

package/components/tooltip/index.d.ts

@@ -10,7 +10,7 @@ declare class TooltipDirective implements OnInit, OnDestroy {
     private elementRef;
     private destroyRef;
     private viewRef;
-    content: _angular_core.InputSignal<string | TemplateRef<any>>;
+    content: _angular_core.InputSignal<string | TemplateRef<any> | null | undefined>;
     placement: _angular_core.InputSignal<TooltipPlacement>;
     private portal;
     private overlayRef?;

package/components/vertical-menu/index.d.ts

@@ -0,0 +1,61 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, Renderer2, ElementRef } from '@angular/core';
+
+declare class VerticalMenuArrowDirective {
+    readonly templateRef: TemplateRef<any>;
+    constructor(templateRef: TemplateRef<any>);
+    static ɵfac: i0.ɵɵFactoryDeclaration<VerticalMenuArrowDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<VerticalMenuArrowDirective, "[ng0VerticalMenuArrow], [ng0VmenuArrow]", ["ng0VerticalMenuArrow"], {}, {}, never, never, true, never>;
+}
+
+declare class VerticalMenuComponent {
+    toggleByItemClick: i0.InputSignal<boolean>;
+    collapseTimings: i0.InputSignal<string | number>;
+    readonly arrowDirective?: VerticalMenuArrowDirective;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<VerticalMenuComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VerticalMenuComponent, "ng0-vertical-menu, ng0-vmenu", never, { "toggleByItemClick": { "alias": "toggleByItemClick"; "required": false; "isSignal": true; }; "collapseTimings": { "alias": "collapseTimings"; "required": false; "isSignal": true; }; }, {}, ["arrowDirective"], ["*"], true, never>;
+}
+
+declare class VerticalMenuItemChildrenComponent {
+    menuItem: VerticalMenuItemComponent;
+    protected _menu: VerticalMenuComponent;
+    expanded: i0.ModelSignal<boolean>;
+    protected _items?: VerticalMenuItemComponent;
+    constructor(menuItem: VerticalMenuItemComponent, _menu: VerticalMenuComponent);
+    static ɵfac: i0.ɵɵFactoryDeclaration<VerticalMenuItemChildrenComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VerticalMenuItemChildrenComponent, "ng0-vertical-menu-item-children, ng0-vmenu-item-children, ng0-vmenu-children", ["ng0VmenuItemChildren"], { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, ["_items"], ["*"], true, never>;
+}
+
+declare class VerticalMenuItemComponent {
+    private _renderer;
+    private _el;
+    protected _menu: VerticalMenuComponent;
+    toggleByClick: i0.InputSignal<boolean>;
+    active: i0.ModelSignal<boolean>;
+    readonly children?: VerticalMenuItemChildrenComponent;
+    constructor(_renderer: Renderer2, _el: ElementRef, _menu: VerticalMenuComponent);
+    get hasChildren(): boolean;
+    get isExpanded(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VerticalMenuItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VerticalMenuItemComponent, "ng0-vertical-menu-item, ng0-vmenu-item", never, { "toggleByClick": { "alias": "toggleByClick"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, ["children"], ["*"], true, never>;
+}
+
+declare class VerticalMenuItemContentComponent {
+    menuItem: VerticalMenuItemComponent;
+    private _renderer;
+    private _el;
+    protected _menu: VerticalMenuComponent;
+    constructor(menuItem: VerticalMenuItemComponent, _renderer: Renderer2, _el: ElementRef, _menu: VerticalMenuComponent);
+    private _onClick;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VerticalMenuItemContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VerticalMenuItemContentComponent, "ng0-vertical-menu-item-content, ng0-vmenu-item-content, ng0-vmenu-content", never, {}, {}, never, ["*"], true, never>;
+}
+
+declare class VerticalMenuModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<VerticalMenuModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VerticalMenuModule, never, [typeof VerticalMenuComponent, typeof VerticalMenuItemComponent, typeof VerticalMenuItemChildrenComponent, typeof VerticalMenuItemContentComponent, typeof VerticalMenuArrowDirective], [typeof VerticalMenuComponent, typeof VerticalMenuItemComponent, typeof VerticalMenuItemChildrenComponent, typeof VerticalMenuItemContentComponent, typeof VerticalMenuArrowDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<VerticalMenuModule>;
+}
+
+export { VerticalMenuArrowDirective, VerticalMenuComponent, VerticalMenuItemChildrenComponent, VerticalMenuItemComponent, VerticalMenuItemContentComponent, VerticalMenuModule };

package/data/index.d.ts

@@ -1,74 +1,286 @@
+import * as _angular_core from '@angular/core';
 import * as rxjs from 'rxjs';
-import { Subject, Observable } from 'rxjs';
+import { Observable, Subject } from 'rxjs';
+import * as _bootkit_ng0_data from '@bootkit/ng0/data';
 
+/**
+ * Boolean value comparer function type.
+ * @param a First value to compare.
+ * @param b Second value to compare.
+ * @returns true if a is considered equal to b else returns false
+ */
+type BooleanValueComparer = (a: any, b: any) => boolean;
+/**
+ * Boolean value comparer can be a function or a string representing the property name to compare.
+ */
+type BooleanValueComparerLike = BooleanValueComparer | string;
+/**
+ * Default value comparer function.
+ * @param a
+ * @param b
+ * @returns true if a === b else returns false
+ */
+declare function defaultBooleanValueComparer(a: any, b: any): boolean;
+declare function BooleanValueComparerAttribute(v: BooleanValueComparerLike): BooleanValueComparer;
+
+/**
+ * DataRequest class represents a request for data with pagination, filtering, sorting, and field selection.
+ * It is used to encapsulate the parameters needed to fetch data from a data source.
+ * It can be used with various data sources such as HTTP services, in-memory arrays, etc.
+ *
+ */
 declare class DataRequest {
-    pageIndex: number;
-    pageSize: number;
-    computeTotal: boolean;
-    filters: DataRequestFilter[];
+    page?: DataRequestPage;
+    filters?: DataRequestFilter[];
     sort?: DataRequestSort;
-    constructor(pageIndex?: number, pageSize?: number, computeTotal?: boolean, filters?: DataRequestFilter[], sort?: DataRequestSort);
-    addFilter(field: string, value: string, operator?: DataRequestFilterOperator): this;
-    sortDescending(field: string): this;
-    sortAscending(field: string): this;
-    static all(): DataRequest;
+    select?: string[];
+    computeTotal?: boolean;
+    constructor(options?: {
+        page?: DataRequestPage;
+        filters?: DataRequestFilter[];
+        sort?: DataRequestSort;
+        select?: string[];
+        computeTotal?: boolean;
+    });
 }
-declare class DataRequestSort {
-    field: string;
-    asc: boolean;
-    constructor(field: string, asc?: boolean);
+/**
+ * Represents a data request page.
+ */
+interface DataRequestPage {
+    /**
+     * Index of the page.
+     * If zeroBased is true, the index starts from 0.
+     */
+    index: number;
+    /**
+     * Size of the page, i.e., number of items in each page.
+     */
+    size: number;
+    /**
+     * Indicates if the index is zero-based.
+     */
+    zeroBased: boolean;
 }
-declare class DataRequestFilter {
+/**
+ * Represents a sorting option in a DataRequest.
+ * @property field The field to sort by.
+ * @property asc Whether to sort in ascending order.
+ */
+interface DataRequestSort {
     field: string;
-    value?: string;
-    operator: DataRequestFilterOperator;
-    constructor(field: string, value?: string, operator?: DataRequestFilterOperator);
+    asc?: boolean;
 }
-declare enum DataRequestFilterOperator {
-    EQ = 0,
-    NEQ = 1,
-    LT = 2,
-    LTE = 3,
-    GT = 4,
-    GTE = 5,
-    LI = 6,
-    SW = 7
+/**
+ * Represents a filter in a DataRequest.
+ */
+interface DataRequestFilter {
+    /**
+     * The field to filter by.
+     * It can be a string representing the property name of the data items.
+     */
+    field?: string;
+    /**
+     * The value to filter by.
+     * It can be a string, number, or any other type depending on the field.
+     */
+    value?: string;
+    /**
+     * The operator to use for filtering.
+     * It can be one of the standard filter operators like Contains, StartsWith, EndsWith, Equals, etc.
+     */
+    operator?: string;
+    /**
+     * Indicates if the filter is case-sensitive. only for text columns.
+     * Default is false.
+     */
+    caseSensitive?: boolean;
 }
 
 declare class DataResult<T = any> {
-    readonly request: DataRequest;
     readonly data: T[];
-    readonly total?: number;
-    constructor(request: DataRequest, data: T[], total?: number);
+    readonly total?: number | undefined;
+    constructor(data: T[], total?: number | undefined);
 }
 
+/**
+ * DataLoader is a function that takes a DataRequest and returns an Observable of DataResult.
+ * It is used by RemoteDataSource to load data asynchronously.
+ */
+type DataLoader<T = any> = (request: DataRequest) => Observable<DataResult<T>>;
+interface DataSourceChange {
+    type: 'insert' | 'replace' | 'remove';
+}
+interface DataSourceItemInsert extends DataSourceChange {
+    type: 'insert';
+    /** Insert index */
+    index?: number;
+    items: any[];
+}
+interface DataSourceItemReplace extends DataSourceChange {
+    type: 'replace';
+    index: number;
+    value: any;
+}
+interface DataSourceItemRemove extends DataSourceChange {
+    type: 'remove';
+    index: number;
+    count?: number;
+}
+interface DataSourceChangeEvent {
+    changes: Array<DataSourceItemInsert | DataSourceItemReplace | DataSourceItemRemove>;
+}
+/**
+ * Abstract base class for data sources.
+ * This class provides a common interface for loading data from various sources.
+ */
 declare abstract class DataSource<T = any> {
-    protected _loading: boolean;
-    protected changeSubject: Subject<unknown>;
-    readonly change: Observable<unknown>;
-    constructor();
-    get loading(): boolean;
-    protected setLoading(value: boolean): void;
+    abstract readonly type: 'local' | 'remote';
+    protected changeSubject: Subject<DataSourceChangeEvent>;
+    protected loading: _angular_core.WritableSignal<boolean>;
+    /**
+     *
+     */
+    readonly change: Observable<DataSourceChangeEvent>;
+    /**
+     * Indicates whether the data source is currently loading data.
+     */
+    isLoading: _angular_core.Signal<boolean>;
+    /**
+     * Loads data from the data source.
+     * @param request The data request object containing pagination, sorting, and filtering information.
+     */
     abstract load(request: DataRequest): Observable<DataResult>;
 }
+/**
+ * DataSourceLike is a type that can be used to represent any data source
+ * that can be used with the table, autocomplete, dropdown and any component that requires data.
+ * It can be an array of data, a function that returns an observable of data,
+ * or an instance of DataSource.
+ */
+type DataSourceLike<T = any> = Array<any> | DataLoader<T> | DataSource<T> | Record<string, string | number> | // enum: extract enum or object values
+undefined | null;
 
-type DataLoaderFunc = (request: DataRequest) => Observable<DataResult>;
-declare class AsyncDataSource extends DataSource {
+/**
+ * Converts a DataSourceLike to a DataSource instance.
+ * @param source The data source to convert.
+ * @returns A DataSource instance.
+ */
+declare function dataSourceAttribute<T>(source: DataSourceLike): DataSource<T>;
+
+/**
+ * RemoteDataSource is a DataSource that loads data asynchronously using a DataLoader function.
+ * It is used to fetch data from a remote source, such as an API.
+ */
+declare class RemoteDataSource extends DataSource {
     private readonly loader;
-    constructor(loader: DataLoaderFunc);
-    load(request: DataRequest): Observable<DataResult<any>>;
+    readonly type = "remote";
+    constructor(loader: DataLoader);
+    load(request: DataRequest): Observable<_bootkit_ng0_data.DataResult<any>>;
 }
 
-declare class ArrayDataSource extends DataSource {
+/**
+ * Value extractor function type.
+ */
+type ValueExtractor = (a: any) => any;
+/**
+ * Value extractor can be a function or a string representing the property name to extract.
+ */
+type ValueExtractorLike = ValueExtractor | string;
+/**
+ * Default value extractor function.
+ * @param a The input value
+ * @returns the input value
+ */
+declare function defaultValueExtractor(a: any): any;
+/**
+ * Converts a ValueExtractorLike to a ValueExtractorFunction.
+ * @param v The value extractor to convert.
+ * @returns A function that extracts the desired value.
+ */
+declare function ValueExtractorAttribute(v: ValueExtractorLike): ValueExtractor;
+
+/**
+ * An implementation of DataSource that uses an array as the data source.
+ * This is useful for static data or when you want to manage the data manually.
+ */
+declare class LocalDataSource extends DataSource {
     private items;
+    readonly type = "local";
+    valueExtractor: (initialValue: ValueExtractor, options?: _angular_core.CreateSignalOptions<ValueExtractor> | undefined) => _angular_core.WritableSignal<ValueExtractor>;
     constructor(items: any[]);
+    /**
+   * Creates a LocalDataSource from enum values.
+   * @param enumClass The enum class to extract values from.
+   * @returns A LocalDataSource containing the enum values.
+   */
+    static fromEnum(enumClass: Record<string, string | number>): LocalDataSource;
     load(request: DataRequest): rxjs.Observable<DataResult<any>>;
-    remove(item: any): void;
-    insert(item: any): void;
-    set(items: any[]): void;
+    remove(index: any): void;
+    insert(index: number, ...items: any[]): void;
+    push(...items: any[]): void;
+    replace(index: number, newValue: any): void;
 }
 
 declare function toDataResult<T = any>(dr: DataRequest): (source: Observable<any>) => Observable<DataResult<T>>;
 
-export { ArrayDataSource, AsyncDataSource, DataRequest, DataRequestFilter, DataRequestFilterOperator, DataRequestSort, DataResult, DataSource, toDataResult };
-export type { DataLoaderFunc };
+/**
+ * A comparison function type that defines an ordering relation between two values.
+ * @param a The first value to compare.
+ * @param b The second value to compare.
+ * @returns
+ * - A negative number if `a` should come before `b`
+ * - A positive number if `a` should come after `b`
+ * - Zero if `a` and `b` are considered equal
+ */
+type ValueComparer = (a: any, b: any) => number;
+/**
+ * Value comparer can be a function or a string representing the property name to compare.
+ */
+type ValueComparerLike = ValueComparer | string;
+/**
+ * Default value comparer function.
+ * @param a
+ * @param b
+ * @returns -1 if a < b, 1 if a > b, 0 if a === b
+ */
+declare function defaultValueComparer(a: any, b: any): number;
+/**
+ * Converts a ValueComparerLike to a ValueComparerFunction.
+ * @param v The value comparer to convert.
+ * @returns A function that compares two values.
+ */
+declare function ValueComparerAttribute(v: ValueComparerLike): ValueComparer;
+
+/**
+ * Filter predicate function type.
+ * @param item The item to test against the filter.
+ * @param params Additional parameters to pass to the filter function.
+ * @returns True if the item matches the filter, false otherwise.
+ */
+type FilterPredicate = (item: any, ...params: any[]) => boolean;
+/**
+ * Filter predicate can be a function or a string representing the property name to filter.
+ */
+type FilterPredicateLike = FilterPredicate | string;
+/**
+ * A filter predicate that checks if a string contains the filter criteria (case insensitive).
+ * @param item The item to test against the filter.
+ * @param criteria The filter criteria.
+ * @returns True if the item matches the filter, false otherwise.
+ */
+declare const stringFilter: FilterPredicate;
+/**
+ * Converts a FilterPredicateLike to a FilterPredicate function.
+ * If the input is a string, it creates a predicate that checks the property with that name.
+ * @param v The FilterPredicateLike to convert.
+ * @returns The corresponding FilterPredicate function.
+ */
+declare function FilterPredicateAttribute(v: FilterPredicateLike): FilterPredicate;
+
+/**
+ * LogicalOperator is a list of predefined logical operators that can be used in data requests to filter data.
+ */
+type LogicalOperator = 'contains' | 'endsWith' | 'startsWith' | 'like' | 'eq' | 'ne' | 'gt' | 'gte' | 'lt' | 'lte';
+
+export { BooleanValueComparerAttribute, DataRequest, DataResult, DataSource, FilterPredicateAttribute, LocalDataSource, RemoteDataSource, ValueComparerAttribute, ValueExtractorAttribute, dataSourceAttribute, defaultBooleanValueComparer, defaultValueComparer, defaultValueExtractor, stringFilter, toDataResult };
+export type { BooleanValueComparer, BooleanValueComparerLike, DataLoader, DataRequestFilter, DataRequestPage, DataRequestSort, DataSourceChange, DataSourceChangeEvent, DataSourceItemInsert, DataSourceItemRemove, DataSourceItemReplace, DataSourceLike, FilterPredicate, FilterPredicateLike, LogicalOperator, ValueComparer, ValueComparerLike, ValueExtractor, ValueExtractorLike };

package/date/index.d.ts

@@ -0,0 +1,34 @@
+/**
+ * Represents a time span in months, days, hours, minutes, seconds, and milliseconds.
+ * Provides methods to create a TimeSpan from a total number of milliseconds.
+ * @example
+ * const span = TimeSpan.fromMilliseconds(123456789);
+ * console.log(span); // TimeSpan { months: 0, days: 1, hours: 10, minutes: 17, seconds: 36, milliseconds: 789 }
+ */
+declare class TimeSpan {
+    readonly months: number;
+    readonly days: number;
+    readonly hours: number;
+    readonly minutes: number;
+    readonly seconds: number;
+    readonly milliseconds: number;
+    /** Milliseconds per second */
+    static readonly msPerSecond = 1000;
+    /** Milliseconds per minute */
+    static readonly msPerMinute: number;
+    /** Milliseconds per hour */
+    static readonly msPerHour: number;
+    /** Milliseconds per day */
+    static readonly msPerDay: number;
+    /** Milliseconds per month */
+    static readonly msPerMonth: number;
+    constructor(months?: number, days?: number, hours?: number, minutes?: number, seconds?: number, milliseconds?: number);
+    /**
+     * Creates a TimeSpan from a total number of milliseconds.
+     * @param ms The total number of milliseconds.
+     * @returns A TimeSpan representing the equivalent time span.
+     */
+    static fromMilliseconds(ms: number): TimeSpan;
+}
+
+export { TimeSpan };

package/fesm2022/bootkit-ng0-common.mjs

@@ -1,17 +1,13 @@
 import { InjectionToken } from '@angular/core';
+import { Observable, from, of } from 'rxjs';
 
 const RTL = new InjectionToken('RTL Direction');
 
-function numberRange(start, end) {
-    return Array.from({ length: end - start + 1 }, (_, i) => i + start);
-}
-function fillArray(start, end) {
-    const result = [];
-    for (let i = start; i <= end; i++) {
-        result.push(i);
-    }
-    return result;
-}
+/**
+ * Flips the placement direction.
+ * @param placement The placement direction to flip.
+ * @returns The flipped placement direction.
+ */
 function flipPlacement(placement) {
     switch (placement) {
         case 'bottom':
@@ -25,9 +21,91 @@ function flipPlacement(placement) {
     }
 }
 
+/**
+ * Formats a string by replacing placeholders with the provided arguments.
+ * @param str The string to format, containing placeholders in the form of {0}, {1}, etc.
+ * @param args The values to replace the placeholders with.
+ * @returns The formatted string.
+ */
+function formatString(str, ...args) {
+    return str.replace(/\{(\d+)\}/g, function (match, index) {
+        return args[index];
+    });
+}
+
+/**
+ * Converts a value to an Observable.
+ * If the value is already an Observable, it returns it directly.
+ * If the value is a Promise, it converts it to an Observable.
+ * If the value is neither, it wraps it in an Observable using `of`.
+ * @param value The value to convert.
+ * @returns An Observable that emits the value.
+ */
+function toObservable(value) {
+    if (value instanceof Observable) {
+        return value;
+    }
+    else if (value instanceof Promise) {
+        return from(value);
+    }
+    else {
+        return of(value);
+    }
+}
+
+/**
+ * Creates an array of numbers within a specified range.
+ * @param start The starting number of the range (inclusive).
+ * @param end The ending number of the range (inclusive).
+ * @returns An array of numbers within the specified range.
+ */
+function numberArray(start, end) {
+    return Array.from({ length: end - start + 1 }, (_, i) => i + start);
+}
+
+function getEnumValues(enumClass) {
+    return Object.keys(enumClass)
+        .filter(k => isNaN(Number(k))) // remove reverse-mapping keys
+        .map(k => enumClass[k]);
+}
+;
+
+let _idCounter = 0;
+class _IdGenerator {
+    static _idCounter = 0;
+    static next() {
+        return _IdGenerator._idCounter++;
+    }
+}
+/**
+ * Creates a sequential ID generator function with an optional prefix.
+ * @param prefix Optional prefix for the generated IDs.
+ * @returns A function that generates sequential IDs with the given prefix.
+ */
+function sequentialIdGenerator(prefix) {
+    return (item) => `${prefix || ''}${_idCounter++}`;
+}
+
+/**
+ * Converts a CssClassLike to a CssClassGetter function.
+ * @param v The CssClassLike to convert.
+ * @returns A function that returns the desired CSS class.
+ */
+function CssClassAttribute(v) {
+    if (typeof v === 'function')
+        return v;
+    if (typeof v === 'string') {
+        return (item) => v;
+    }
+    else if (v === undefined || v === null) {
+        return (item) => undefined;
+    }
+    throw Error('invalid css class getter');
+}
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { RTL, fillArray, flipPlacement, numberRange };
+export { CssClassAttribute, RTL, _IdGenerator, flipPlacement, formatString, getEnumValues, numberArray, sequentialIdGenerator, toObservable };
 //# sourceMappingURL=bootkit-ng0-common.mjs.map

package/fesm2022/bootkit-ng0-common.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"bootkit-ng0-common.mjs","sources":["../../../projects/ng0/common/types.ts","../../../projects/ng0/common/utils.ts","../../../projects/ng0/common/bootkit-ng0-common.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\r\n\r\nexport type Placement = 'start' | 'end' | 'top' | 'bottom';\r\nexport type Alignment = 'start' | 'center' | 'end';\r\nexport const RTL = new InjectionToken<boolean>('RTL Direction');","import { Placement } from \"./types\";\r\n\r\nexport function numberRange(start: number, end: number) {\r\n    return Array.from({ length: end - start + 1 }, (_, i) => i + start)\r\n}\r\n\r\nexport function fillArray(start: number, end: number): number[] {\r\n    const result: number[] = [];\r\n    for (let i = start; i <= end; i++) {\r\n        result.push(i);\r\n    }\r\n    return result;\r\n}\r\n\r\nexport function flipPlacement(placement: Placement) {\r\n    switch (placement) {\r\n        case 'bottom':\r\n            return 'top'\r\n        case 'top':\r\n            return 'bottom'\r\n        case 'start':\r\n            return 'end'\r\n        case 'end':\r\n            return 'start'\r\n    }\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAIa,GAAG,GAAG,IAAI,cAAc,CAAU,eAAe;;ACF9C,SAAA,WAAW,CAAC,KAAa,EAAE,GAAW,EAAA;IAClD,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,GAAG,KAAK,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;AACvE;AAEgB,SAAA,SAAS,CAAC,KAAa,EAAE,GAAW,EAAA;IAChD,MAAM,MAAM,GAAa,EAAE;AAC3B,IAAA,KAAK,IAAI,CAAC,GAAG,KAAK,EAAE,CAAC,IAAI,GAAG,EAAE,CAAC,EAAE,EAAE;AAC/B,QAAA,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC;;AAElB,IAAA,OAAO,MAAM;AACjB;AAEM,SAAU,aAAa,CAAC,SAAoB,EAAA;IAC9C,QAAQ,SAAS;AACb,QAAA,KAAK,QAAQ;AACT,YAAA,OAAO,KAAK;AAChB,QAAA,KAAK,KAAK;AACN,YAAA,OAAO,QAAQ;AACnB,QAAA,KAAK,OAAO;AACR,YAAA,OAAO,KAAK;AAChB,QAAA,KAAK,KAAK;AACN,YAAA,OAAO,OAAO;;AAE1B;;ACzBA;;AAEG;;;;"}
+{"version":3,"file":"bootkit-ng0-common.mjs","sources":["../../../projects/ng0/common/types.ts","../../../projects/ng0/common/layout.ts","../../../projects/ng0/common/string-utils.ts","../../../projects/ng0/common/rxjs-utils.ts","../../../projects/ng0/common/array-utils.ts","../../../projects/ng0/common/enum.ts","../../../projects/ng0/common/id-generator.ts","../../../projects/ng0/common/css-class.ts","../../../projects/ng0/common/bootkit-ng0-common.ts"],"sourcesContent":["import { InjectionToken } from \"@angular/core\";\r\n\r\nexport const RTL = new InjectionToken<boolean>('RTL Direction');\r\n\r\n/**\r\n * List item interface.\r\n */\r\nexport interface SelectOption {\r\n    id: string,\r\n    value: any,\r\n    show?: boolean,\r\n}\r\n\r\n\r\n","export type Placement = 'start' | 'end' | 'top' | 'bottom';\r\nexport type Alignment = 'start' | 'center' | 'end';\r\n\r\n/**\r\n * Flips the placement direction.\r\n * @param placement The placement direction to flip.\r\n * @returns The flipped placement direction.\r\n */\r\nexport function flipPlacement(placement: Placement) {\r\n    switch (placement) {\r\n        case 'bottom':\r\n            return 'top'\r\n        case 'top':\r\n            return 'bottom'\r\n        case 'start':\r\n            return 'end'\r\n        case 'end':\r\n            return 'start'\r\n    }\r\n}\r\n\r\n\r\n","/**\r\n * Formats a string by replacing placeholders with the provided arguments.\r\n * @param str The string to format, containing placeholders in the form of {0}, {1}, etc.\r\n * @param args The values to replace the placeholders with.\r\n * @returns The formatted string.\r\n */\r\nexport function formatString(str: string, ...args: any[]) {\r\n    return str.replace(/\\{(\\d+)\\}/g, function (match, index) {\r\n        return args[index];\r\n    });\r\n}\r\n","import { from, Observable, of } from 'rxjs';\r\n\r\n/**\r\n * Converts a value to an Observable.\r\n * If the value is already an Observable, it returns it directly.\r\n * If the value is a Promise, it converts it to an Observable.\r\n * If the value is neither, it wraps it in an Observable using `of`.\r\n * @param value The value to convert.\r\n * @returns An Observable that emits the value.\r\n */\r\nexport function toObservable<T>(value: T | Observable<T> | Promise<T>): Observable<T> {\r\n    if (value instanceof Observable) {\r\n        return value;\r\n    } else if (value instanceof Promise) {\r\n        return from(value);\r\n    } else {\r\n        return of(value);\r\n    }\r\n}\r\n","/**\r\n * Creates an array of numbers within a specified range.\r\n * @param start The starting number of the range (inclusive).\r\n * @param end The ending number of the range (inclusive).\r\n * @returns An array of numbers within the specified range.\r\n */\r\nexport function numberArray(start: number, end: number) {\r\n  return Array.from({ length: end - start + 1 }, (_, i) => i + start)\r\n}","\r\nexport function getEnumValues(enumClass: Record<string, string | number>): Array<string | number> {\r\n    return Object.keys(enumClass)\r\n    .filter(k => isNaN(Number(k))) // remove reverse-mapping keys\r\n    .map(k => enumClass[k]);\r\n};\r\n","let _idCounter = 0;\r\n\r\nexport abstract class _IdGenerator {\r\n    private static _idCounter = 0;\r\n\r\n    public static next(): number {\r\n        return _IdGenerator._idCounter++;\r\n    }\r\n}\r\n\r\n/**\r\n * Type definition for an ID generator function.\r\n */\r\nexport type IdGenerator = (param?: any) => string;\r\n\r\n/**\r\n * Creates a sequential ID generator function with an optional prefix.\r\n * @param prefix Optional prefix for the generated IDs.\r\n * @returns A function that generates sequential IDs with the given prefix.\r\n */\r\nexport function sequentialIdGenerator(prefix?: string): IdGenerator {\r\n    return (item?: any) => `${prefix || ''}${_idCounter++}`;\r\n}\r\n","/**\r\n * CSS class type which can be a string, array of strings, set of strings, or an object with class names as keys.\r\n */\r\nexport type CssClass = string | string[] | Set<string> | { [klass: string]: any } | null | undefined;\r\n\r\n\r\n/**\r\n * A function that takes an item and returns a CssClass.\r\n * @param item The item to get the CSS class for.\r\n * @returns The CSS class for the item.\r\n */\r\nexport type CssClassGetter = (item: any) => CssClass;\r\n\r\n/**\r\n * A type that represents a CSS class or a function that returns a CSS class.\r\n */\r\nexport type CssClassLike = CssClass | CssClassGetter | null | undefined;\r\n\r\n\r\n/**\r\n * Converts a CssClassLike to a CssClassGetter function.\r\n * @param v The CssClassLike to convert.\r\n * @returns A function that returns the desired CSS class.\r\n */\r\nexport function CssClassAttribute(v: CssClassLike): CssClassGetter {\r\n    if (typeof v === 'function')\r\n        return v as CssClassGetter;\r\n    if (typeof v === 'string') {\r\n        return (item: any) => v;\r\n    } else if (v === undefined || v === null) {\r\n        return (item: any) => undefined;\r\n    }\r\n\r\n    throw Error('invalid css class getter');\r\n}\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;MAEa,GAAG,GAAG,IAAI,cAAc,CAAU,eAAe;;ACC9D;;;;AAIG;AACG,SAAU,aAAa,CAAC,SAAoB,EAAA;IAC9C,QAAQ,SAAS;AACb,QAAA,KAAK,QAAQ;AACT,YAAA,OAAO,KAAK;AAChB,QAAA,KAAK,KAAK;AACN,YAAA,OAAO,QAAQ;AACnB,QAAA,KAAK,OAAO;AACR,YAAA,OAAO,KAAK;AAChB,QAAA,KAAK,KAAK;AACN,YAAA,OAAO,OAAO;;AAE1B;;ACnBA;;;;;AAKG;SACa,YAAY,CAAC,GAAW,EAAE,GAAG,IAAW,EAAA;IACpD,OAAO,GAAG,CAAC,OAAO,CAAC,YAAY,EAAE,UAAU,KAAK,EAAE,KAAK,EAAA;AACnD,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC;AACtB,IAAA,CAAC,CAAC;AACN;;ACRA;;;;;;;AAOG;AACG,SAAU,YAAY,CAAI,KAAqC,EAAA;AACjE,IAAA,IAAI,KAAK,YAAY,UAAU,EAAE;AAC7B,QAAA,OAAO,KAAK;IAChB;AAAO,SAAA,IAAI,KAAK,YAAY,OAAO,EAAE;AACjC,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC;IACtB;SAAO;AACH,QAAA,OAAO,EAAE,CAAC,KAAK,CAAC;IACpB;AACJ;;AClBA;;;;;AAKG;AACG,SAAU,WAAW,CAAC,KAAa,EAAE,GAAW,EAAA;IACpD,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,GAAG,KAAK,GAAG,CAAC,EAAE,EAAE,CAAC,CAAC,EAAE,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;AACrE;;ACPM,SAAU,aAAa,CAAC,SAA0C,EAAA;AACpE,IAAA,OAAO,MAAM,CAAC,IAAI,CAAC,SAAS;AAC3B,SAAA,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAC;SAC7B,GAAG,CAAC,CAAC,IAAI,SAAS,CAAC,CAAC,CAAC,CAAC;AAC3B;AAAC;;ACLD,IAAI,UAAU,GAAG,CAAC;MAEI,YAAY,CAAA;AACtB,IAAA,OAAO,UAAU,GAAG,CAAC;AAEtB,IAAA,OAAO,IAAI,GAAA;AACd,QAAA,OAAO,YAAY,CAAC,UAAU,EAAE;IACpC;;AAQJ;;;;AAIG;AACG,SAAU,qBAAqB,CAAC,MAAe,EAAA;AACjD,IAAA,OAAO,CAAC,IAAU,KAAK,CAAA,EAAG,MAAM,IAAI,EAAE,CAAA,EAAG,UAAU,EAAE,EAAE;AAC3D;;ACHA;;;;AAIG;AACG,SAAU,iBAAiB,CAAC,CAAe,EAAA;IAC7C,IAAI,OAAO,CAAC,KAAK,UAAU;AACvB,QAAA,OAAO,CAAmB;AAC9B,IAAA,IAAI,OAAO,CAAC,KAAK,QAAQ,EAAE;AACvB,QAAA,OAAO,CAAC,IAAS,KAAK,CAAC;IAC3B;SAAO,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,IAAI,EAAE;AACtC,QAAA,OAAO,CAAC,IAAS,KAAK,SAAS;IACnC;AAEA,IAAA,MAAM,KAAK,CAAC,0BAA0B,CAAC;AAC3C;;AClCA;;AAEG;;;;"}

package/fesm2022/bootkit-ng0-components-accordion.mjs

@@ -6,8 +6,8 @@ class AccordionItemComponent {
     _element;
     _renderer;
     _accordion;
-    header = input();
-    collapsed = model(true);
+    header = input(...(ngDevMode ? [undefined, { debugName: "header" }] : []));
+    collapsed = model(true, ...(ngDevMode ? [{ debugName: "collapsed" }] : []));
     constructor(_element, _renderer, _accordion) {
         this._element = _element;
         this._renderer = _renderer;
@@ -22,10 +22,10 @@ class AccordionItemComponent {
             }
         }, { allowSignalWrites: true });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AccordionItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: AccordionComponent }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: AccordionItemComponent, isStandalone: true, selector: "ng0-accordion-item", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapsed: "collapsedChange" }, exportAs: ["ng0AccordionItem"], ngImport: i0, template: "<h6 class=\"accordion-header\">\r\n    <button class=\"accordion-button\" type=\"button\" [class.collapsed]=\"collapsed()\" (click)=\"collapsed.set(!collapsed())\">\r\n        {{header()}}\r\n    </button>\r\n</h6>\r\n\r\n<ng0-collapse [collapsed]=\"collapsed()\">\r\n    <div class=\"accordion-body\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</ng0-collapse>", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: CollapseComponent, selector: "ng0-collapse", inputs: ["collapsed", "timings"], outputs: ["collapsedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: AccordionItemComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }, { token: AccordionComponent }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.1", type: AccordionItemComponent, isStandalone: true, selector: "ng0-accordion-item", inputs: { header: { classPropertyName: "header", publicName: "header", isSignal: true, isRequired: false, transformFunction: null }, collapsed: { classPropertyName: "collapsed", publicName: "collapsed", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { collapsed: "collapsedChange" }, exportAs: ["ng0AccordionItem"], ngImport: i0, template: "<h6 class=\"accordion-header\">\r\n    <button class=\"accordion-button\" type=\"button\" [class.collapsed]=\"collapsed()\" (click)=\"collapsed.set(!collapsed())\">\r\n        {{header()}}\r\n    </button>\r\n</h6>\r\n\r\n<ng0-collapse [collapsed]=\"collapsed()\">\r\n    <div class=\"accordion-body\">\r\n        <ng-content></ng-content>\r\n    </div>\r\n</ng0-collapse>", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: CollapseComponent, selector: "ng0-collapse", inputs: ["collapsed", "timings"], outputs: ["collapsedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AccordionItemComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: AccordionItemComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng0-accordion-item', exportAs: 'ng0AccordionItem', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, imports: [
                         CollapseComponent
@@ -36,17 +36,17 @@ class AccordionComponent {
     _element;
     _renderer;
     /** Items open mode */
-    mode = input('single');
+    mode = input('single', ...(ngDevMode ? [{ debugName: "mode" }] : []));
     items;
     constructor(_element, _renderer) {
         this._element = _element;
         this._renderer = _renderer;
         this._renderer.addClass(this._element.nativeElement, 'accordion');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AccordionComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.0.6", type: AccordionComponent, isStandalone: true, selector: "ng0-accordion", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "items", predicate: AccordionItemComponent }], exportAs: ["ng0Accordion"], ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: AccordionComponent, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.2.1", type: AccordionComponent, isStandalone: true, selector: "ng0-accordion", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "items", predicate: AccordionItemComponent }], exportAs: ["ng0Accordion"], ngImport: i0, template: "<ng-content></ng-content>", styles: [":host{display:block}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AccordionComponent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: AccordionComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ng0-accordion', exportAs: 'ng0Accordion', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: "<ng-content></ng-content>", styles: [":host{display:block}\n"] }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { items: [{
@@ -55,13 +55,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
             }] } });
 
 class AccordionModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.0.6", ngImport: i0, type: AccordionModule, imports: [AccordionComponent,
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: AccordionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.1", ngImport: i0, type: AccordionModule, imports: [AccordionComponent,
             AccordionItemComponent], exports: [AccordionComponent,
             AccordionItemComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AccordionModule, imports: [AccordionItemComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: AccordionModule, imports: [AccordionItemComponent] });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AccordionModule, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.1", ngImport: i0, type: AccordionModule, decorators: [{
             type: NgModule,
             args: [{
                     imports: [