@ardium-ui/ui 5.0.0-alpha.1 → 5.0.0-alpha.100

package/lib/table/table.component.d.ts

@@ -1,4 +1,5 @@
 import { AfterContentInit, OnChanges, SimpleChanges, TemplateRef } from '@angular/core';
+import { BooleanLike, NumberLike } from '@ardium-ui/devkit';
 import { _FocusableComponentBase } from '../_internal/focusable-component';
 import { ProgressBarMode } from '../progress-bar';
 import { CurrentItemsFormatFn, PaginationAlign } from '../table-pagination/table-pagination.types';
@@ -15,15 +16,15 @@ export declare class ArdiumTableComponent extends _FocusableComponentBase implem
     private readonly _itemStorage;
     readonly rowDisabledFrom: import("@angular/core").InputSignal<string>;
     readonly rowBoldFrom: import("@angular/core").InputSignal<string>;
-    readonly invertRowDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly invertRowBold: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly selectableRows: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly invertRowDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly invertRowBold: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly selectableRows: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly maxSelectedItems: import("@angular/core").InputSignalWithTransform<Nullable<number>, any>;
-    readonly clickableRows: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly clickableRows: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly caption: import("@angular/core").InputSignal<Nullable<string>>;
-    readonly isLoading: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly loadingProgress: import("@angular/core").InputSignalWithTransform<number, any>;
-    readonly loadingProgressBuffer: import("@angular/core").InputSignalWithTransform<number, any>;
+    readonly isLoading: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly loadingProgress: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
+    readonly loadingProgressBuffer: import("@angular/core").InputSignalWithTransform<number, NumberLike>;
     readonly loadingBarMode: import("@angular/core").InputSignal<ProgressBarMode>;
     readonly loadingBarColor: import("@angular/core").InputSignal<ComponentColor>;
     readonly appearance: import("@angular/core").InputSignal<TableAppearance>;
@@ -31,11 +32,11 @@ export declare class ArdiumTableComponent extends _FocusableComponentBase implem
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
     readonly align: import("@angular/core").InputSignal<TableAlignType>;
     readonly headerAlign: import("@angular/core").InputSignal<TableAlignType>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly zebra: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly stickyHeader: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly zebra: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly stickyHeader: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly ngClasses: import("@angular/core").Signal<string>;
-    readonly paginated: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly paginated: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly paginationStrategy: import("@angular/core").InputSignal<TablePaginationStrategy>;
     readonly paginationOptions: import("@angular/core").InputSignalWithTransform<number[] | {
         value: number;
@@ -49,9 +50,9 @@ export declare class ArdiumTableComponent extends _FocusableComponentBase implem
     readonly paginationAlign: import("@angular/core").InputSignal<PaginationAlign>;
     readonly itemsPerPageText: import("@angular/core").InputSignal<string>;
     readonly currentItemsFormatFn: import("@angular/core").InputSignal<CurrentItemsFormatFn>;
-    readonly pageFillRemaining: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly paginationDisabled: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly useFirstLastButtons: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly pageFillRemaining: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly paginationDisabled: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly useFirstLastButtons: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly itemsPerPage: import("@angular/core").ModelSignal<number>;
     readonly page: import("@angular/core").ModelSignal<number>;
     readonly isDefinedTotalItems: import("@angular/core").Signal<boolean>;
@@ -63,7 +64,7 @@ export declare class ArdiumTableComponent extends _FocusableComponentBase implem
     private _data;
     set data(v: any[]);
     get data(): any[];
-    readonly treatDataSourceAsString: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly treatDataSourceAsString: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly checkboxTemplate: import("@angular/core").Signal<TemplateRef<TableCheckboxContext> | undefined>;
     readonly headerCheckboxTemplate: import("@angular/core").Signal<TemplateRef<TableHeaderCheckboxContext> | undefined>;
     readonly captionTemplate: import("@angular/core").Signal<TemplateRef<TableCaptionContext> | undefined>;

package/lib/table-pagination/table-pagination.component.d.ts

@@ -1,4 +1,5 @@
 import { OnInit } from '@angular/core';
+import { BooleanLike } from '@ardium-ui/devkit';
 import { _FocusableComponentBase } from '../_internal/focusable-component';
 import { ComponentColor } from '../types/colors.types';
 import { ArdTablePaginationDefaults } from './table-pagination.defaults';
@@ -21,10 +22,10 @@ export declare class ArdiumTablePaginationComponent extends _FocusableComponentB
     ngOnInit(): void;
     readonly color: import("@angular/core").InputSignal<ComponentColor>;
     readonly align: import("@angular/core").InputSignal<PaginationAlign>;
-    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly compact: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly ngClasses: import("@angular/core").Signal<string>;
-    readonly useFirstLastButtons: import("@angular/core").InputSignalWithTransform<boolean, any>;
-    readonly isLoading: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly useFirstLastButtons: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
+    readonly isLoading: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     readonly itemsPerPageText: import("@angular/core").InputSignal<string>;
     readonly currentItemsFormatFn: import("@angular/core").InputSignal<CurrentItemsFormatFn>;
     readonly getCurrentItemsContext: import("@angular/core").Signal<import("../_internal/models/pagination.model").PaginationCurrentItemsContext>;

package/lib/text-list/text-list.component.d.ts

@@ -1,8 +1,9 @@
+import { BooleanLike } from '@ardium-ui/devkit';
 import * as i0 from "@angular/core";
 export declare class ArdiumTextListComponent {
     readonly values: import("@angular/core").InputSignal<any[]>;
     readonly separator: import("@angular/core").InputSignal<string>;
-    readonly filter: import("@angular/core").InputSignalWithTransform<boolean, any>;
+    readonly filter: import("@angular/core").InputSignalWithTransform<boolean, BooleanLike>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArdiumTextListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<ArdiumTextListComponent, "ard-text-list", never, { "values": { "alias": "values"; "required": true; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "filter": { "alias": "filter"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>;
 }

package/lib/types/alignment.types.d.ts

@@ -5,7 +5,13 @@ export declare const SimpleOneAxisAlignment: {
 export type SimpleOneAxisAlignment = (typeof SimpleOneAxisAlignment)[keyof typeof SimpleOneAxisAlignment];
 export declare const OneAxisAlignment: {
     readonly Left: "left";
-    readonly Middle: "middle";
+    readonly Center: "center";
     readonly Right: "right";
 };
 export type OneAxisAlignment = (typeof OneAxisAlignment)[keyof typeof OneAxisAlignment];
+export declare const OneAxisAlignmentOrientational: {
+    readonly Start: "start";
+    readonly Center: "center";
+    readonly End: "end";
+};
+export type OneAxisAlignmentOrientational = (typeof OneAxisAlignmentOrientational)[keyof typeof OneAxisAlignmentOrientational];

package/lib/types/item-storage.types.d.ts

@@ -1,31 +1,30 @@
-import { WritableSignal } from '@angular/core';
-import { Nullable } from './utility.types';
-export interface OptionContext<T extends ArdSimplestStorageItem> {
+export type OptionContext<T extends ArdSimplestStorageItem> = {
     $implicit: T;
     item: T;
-    itemData: any;
-}
+} & {
+    [K in keyof Omit<T, 'filtered'>]: T[K];
+};
 export interface ArdSimplestStorageItem {
-    readonly itemData: WritableSignal<any>;
+    readonly itemData: object;
     readonly index: number;
-    readonly value: WritableSignal<any>;
-    readonly label: WritableSignal<string>;
-    readonly selected: WritableSignal<Nullable<boolean>>;
-    readonly highlighted: WritableSignal<Nullable<boolean>>;
+    readonly value: any;
+    readonly label: string;
+    readonly selected: boolean;
+    readonly highlighted: boolean;
 }
 export interface ArdOptionSimple extends ArdSimplestStorageItem {
-    readonly disabled: WritableSignal<Nullable<boolean>>;
+    readonly disabled: boolean;
 }
 export interface ArdOption extends ArdOptionSimple {
+    readonly filtered: boolean;
+    readonly isExactMatch: boolean;
     readonly group: unknown;
-    readonly highlighted_recently: WritableSignal<Nullable<boolean>>;
+    readonly highlighted_recently: boolean;
 }
 export interface ArdOptionGroup {
-    readonly label: WritableSignal<string>;
-    readonly disabled: WritableSignal<Nullable<boolean>>;
-    readonly highlighted: WritableSignal<Nullable<boolean>>;
-    readonly selected: WritableSignal<Nullable<boolean>>;
-    readonly children: WritableSignal<ArdOption[]>;
+    readonly label: string;
+    readonly disabled: boolean;
+    readonly children: ArdOption[];
 }
 export declare const ArdPanelPosition: {
     readonly Top: "top";
@@ -34,6 +33,18 @@ export declare const ArdPanelPosition: {
 };
 export type ArdPanelPosition = (typeof ArdPanelPosition)[keyof typeof ArdPanelPosition];
 export type ArdItemGroupMap = Map<any, ArdOptionGroup>;
+/**
+ * Function used to determine the group label for an item, based on the item's data.
+ */
 export type GroupByFn = (item: any) => any;
-export type SearchFn = (searchTerm: string, item: ArdOption) => boolean;
+/**
+ * Function used to search for items based on a search term.
+ *
+ * Should return a tuple where the first value is a boolean indicating if the item matches the search term,
+ * and the second value is a boolean indicating if the match is an exact match (used for auto-highlighting).
+ */
+export type SearchFn = (searchTerm: string, item: ArdOption) => [boolean, boolean];
+/**
+ * Function used to compare a value with an option's value to determine if they are considered equal.
+ */
 export type CompareWithFn = (value: any, optionValue: any) => boolean;

package/lib/types/theming.types.d.ts

@@ -31,6 +31,7 @@ export declare const DecorationElementAppearance: {
     readonly Outlined: "outlined";
     readonly OutlinedStrong: "outlined-strong";
     readonly Filled: "filled";
+    readonly FilledStrong: "filled-strong";
 };
 export type DecorationElementAppearance = (typeof DecorationElementAppearance)[keyof typeof DecorationElementAppearance];
 export declare const PanelVariant: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ardium-ui/ui",
-  "version": "5.0.0-alpha.1",
+  "version": "5.0.0-alpha.100",
   "peerDependencies": {
     "@angular/common": ">=18.0.0",
     "@angular/core": ">=18.0.0",
@@ -12,7 +12,8 @@
     "first-last": "^1.1.1",
     "more-rounding": "^4.2.2",
     "resolve-object-path": "^2.0.0",
-    "@ardium-ui/devkit": "^7.7.1",
+    "lodash": "^4.17.23",
+    "@ardium-ui/devkit": "8.1.0",
     "simple-bool": "^3.0.1",
     "take-chance": "^4.3.2",
     "color": "^4.2.3"