@area8975/ui 0.2.2-dev.38 → 0.2.2-dev.40

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@area8975/ui",
-  "version": "0.2.2-dev.38",
+  "version": "0.2.2-dev.40",
   "peerDependencies": {
     "@angular/common": "^22.0.0",
     "@angular/core": "^22.0.0",

package/theme.css

@@ -126,6 +126,9 @@
     --background: oklch(0.948 0.005 264);
     --sidebar: var(--card);
     --sidebar-line: oklch(0.9 0.006 264);
+    --sidebar-nav-foreground: var(--foreground);
+    --sidebar-nav-hover: var(--muted-hover);
+    --sidebar-nav-focus: var(--muted-hover);
     --card-line: oklch(0.9 0.006 264);
 }
 
@@ -133,6 +136,9 @@
     --background: var(--color-neutral-900);
     --sidebar: var(--card);
     --sidebar-line: var(--card-line);
+    --sidebar-nav-foreground: var(--foreground);
+    --sidebar-nav-hover: var(--muted-hover);
+    --sidebar-nav-focus: var(--muted-hover);
 
     /* Preline's item hover matches the card colour in dark */
     --dropdown-item-hover: var(--color-neutral-700);

package/types/area8975-ui.d.ts

@@ -379,12 +379,11 @@ export declare class UiChartComponent {
   private destroyed;
   private drawnNames;
   private readonly host;
-  private drawnSize;
   private resizeObserver;
   constructor();
   private withOwnParentResizing;
   private redrawWhenResized;
-  private hostSize;
+  private isDrawnAtHostSize;
   private applyHidden;
   private applyEmphasis;
   private seriesNames;
@@ -3829,10 +3828,29 @@ export interface TableDateRangeFacet {
   min?: IsoDate | null;
   max?: IsoDate | null;
 }
-export type TableFacet = TableOptionsFacet | TableDateRangeFacet;
+/** Either end is null when it's open. */
+export interface TableAmountRange {
+  min: number | null;
+  max: number | null;
+}
+export interface TableAmountRangePreset {
+  label: string;
+  range: TableAmountRange;
+}
+/** Writes `{ min, max }` under `id`, both ends included, with at least one of them set. */
+export interface TableAmountRangeFacet {
+  id: string;
+  label: string;
+  kind: 'amountRange';
+  presets?: TableAmountRangePreset[];
+  /** Shown before each amount, such as a currency symbol. */
+  prefix?: string;
+}
+export type TableFacet = TableOptionsFacet | TableDateRangeFacet | TableAmountRangeFacet;
 export type TableFacetDateRange = DateRange;
 type Filters = Record<string, unknown>;
-type DateMode = 'any' | 'custom' | number;
+type RangeMode = 'any' | 'custom' | number;
+type AmountEnd = keyof TableAmountRange;
 export declare class UiTableFiltersComponent {
   private readonly registry;
   readonly facets: import("@angular/core").InputSignal<TableFacet[]>;
@@ -3842,9 +3860,10 @@ export declare class UiTableFiltersComponent {
   /** Below this breakpoint the panel becomes a Filters button and a drawer. */
   readonly collapseBelow: import("@angular/core").InputSignal<"sm" | "md" | "lg" | "xl" | "2xl">;
   protected readonly idPrefix: string;
-  protected readonly anyDate: DateMode;
-  protected readonly customDate: DateMode;
-  private readonly customDates;
+  protected readonly anyRange: RangeMode;
+  protected readonly customRange: RangeMode;
+  private readonly customRanges;
+  private readonly amountDrafts;
   private readonly expanded;
   private readonly linked;
   protected readonly appliedCount: import("@angular/core").Signal<number>;
@@ -3864,11 +3883,18 @@ export declare class UiTableFiltersComponent {
   protected hiddenCount(facet: TableOptionsFacet): number;
   protected toggleExpanded(facet: TableOptionsFacet): void;
   protected range(facet: TableDateRangeFacet): DateRange;
-  protected dateMode(facet: TableDateRangeFacet): DateMode;
-  protected pickDate(facet: TableDateRangeFacet, mode: DateMode): void;
+  protected dateMode(facet: TableDateRangeFacet): RangeMode;
+  protected pickDate(facet: TableDateRangeFacet, mode: RangeMode): void;
   protected setRange(facet: TableDateRangeFacet, range: DateRange): void;
+  protected amountRange(facet: TableAmountRangeFacet): TableAmountRange | undefined;
+  protected amountMode(facet: TableAmountRangeFacet): RangeMode;
+  protected pickAmount(facet: TableAmountRangeFacet, mode: RangeMode): void;
+  protected amountText(facet: TableAmountRangeFacet, end: AmountEnd): string;
+  protected typeAmount(facet: TableAmountRangeFacet, end: AmountEnd, text: string): void;
+  protected isAmountValid(facet: TableAmountRangeFacet, end: AmountEnd): boolean;
   protected clearAll(): void;
   private setCustom;
+  private forgetAmountDraft;
   private isPastCutoff;
   private isSelected;
   private apply;