@area8975/ui 0.1.1-dev.5 → 0.1.1-dev.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@area8975/ui",
-  "version": "0.1.1-dev.5",
+  "version": "0.1.1-dev.8",
   "peerDependencies": {
     "@angular/common": "^22.0.0",
     "@angular/core": "^22.0.0",

package/types/area8975-ui.d.ts

@@ -429,6 +429,44 @@ export declare class UiLineChartComponent extends UiAxisChartBase {
 export declare const LineChartCurves: readonly ["straight", "smooth", "stepline"];
 /** @see {@link LineChartCurves} */
 export type LineChartCurve = typeof LineChartCurves[number];
+/**
+ * Slices for showing how a whole splits into parts. Each category is a
+ * slice, only the first series is drawn. Best kept to a handful of slices,
+ * fold the small ones into "Other".
+ */
+export declare class UiPieChartComponent extends UiAxisChartBase {
+  readonly variant: import("@angular/core").InputSignal<"pie" | "donut">;
+  /** Shown above the total in the middle of a donut. */
+  readonly totalLabel: import("@angular/core").InputSignal<string>;
+  protected readonly values: import("@angular/core").Signal<(number | null)[]>;
+  protected readonly isEmpty: import("@angular/core").Signal<boolean>;
+  protected readonly isMuted: import("@angular/core").Signal<boolean[]>;
+  protected readonly styles: import("@angular/core").Signal<ChartSeriesStyle[]>;
+  protected readonly legendItems: import("@angular/core").Signal<{
+    colour: string;
+    dashed: boolean;
+    name: string;
+  }[]>;
+  private readonly slices;
+  protected readonly chartOptions: import("@angular/core").Signal<ApexCharts.ApexOptions>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<UiPieChartComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiPieChartComponent, "ui-pie-chart", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "totalLabel": {
+      "alias": "totalLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/** pie fills the whole circle, donut leaves a hole with the total in it. */
+export declare const PieChartVariants: readonly ["pie", "donut"];
+/** @see {@link PieChartVariants} */
+export type PieChartVariant = typeof PieChartVariants[number];
 /** Native type values ui-input supports. File/checkbox/radio/range need their own components. */
 export declare const InputTypes: readonly ["text", "email", "tel", "url", "search", "password", "number", "date", "time", "datetime-local", "month", "week", "color"];
 /** @see {@link InputTypes} */
@@ -676,7 +714,7 @@ export declare class UiInputComponent<ValueType = string> {
   readonly name: import("@angular/core").InputSignal<string>;
   readonly placeholder: import("@angular/core").InputSignal<string>;
   readonly autocomplete: import("@angular/core").InputSignal<string>;
-  readonly inputmode: import("@angular/core").InputSignal<"" | "none" | "text" | "search" | "numeric" | "email" | "tel" | "url" | "decimal">;
+  readonly inputmode: import("@angular/core").InputSignal<"" | "none" | "text" | "search" | "numeric" | "decimal" | "email" | "tel" | "url">;
   readonly required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
   readonly readonly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
@@ -953,6 +991,10 @@ export interface UiOverlayOptions {
   offset: number;
   viewportPadding: number;
 }
+export interface UiOverlayStackEntry {
+  onDocumentClick: (event: MouseEvent) => void;
+  onKeyDown: (event: KeyboardEvent) => void;
+}
 export interface SelectDataSourceParameters {
   query: string;
   page: number;
@@ -1762,23 +1804,21 @@ export declare class UiLoadingComponent {
 export declare const UI_LOADING_TYPES: ["spinner", "throbber", "pulse-ring", "pulse-dot", "wave", "equaliser", "terminal", "blinking-caret", "shimmer-text", "loading-dots", "bouncing-dots", "fading-dots"];
 export type UiLoadingType = typeof UI_LOADING_TYPES[number];
 type ModalSize = 'sm' | 'md' | 'lg';
-/**
- * Centered dialog with a backdrop. Uses ui-overlay for dismissal/focus,
- * no ui-floating since there's nothing to position against.
- */
 export declare class UiModalComponent {
-  readonly panelElement: import("@angular/core").Signal<ElementRef<any> | undefined>;
-  readonly open: import("@angular/core").ModelSignal<boolean>;
+  readonly isOpen: import("@angular/core").ModelSignal<boolean>;
   readonly closeBehaviour: import("@angular/core").InputSignal<UiOverlayCloseBehaviour>;
-  readonly toggle: () => void;
-  readonly close: () => void;
+  readonly title: import("@angular/core").InputSignal<string>;
   readonly size: import("@angular/core").InputSignal<ModalSize>;
-  readonly generatedSizeClasses: import("@angular/core").Signal<string>;
+  readonly classes: import("@angular/core").InputSignal<string>;
+  readonly headerElement: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+  readonly footerElement: import("@angular/core").Signal<TemplateRef<unknown> | undefined>;
+  readonly panelElement: import("@angular/core").Signal<ElementRef<any> | undefined>;
+  readonly generatedClasses: import("@angular/core").Signal<string>;
   static ɵfac: i0.ɵɵFactoryDeclaration<UiModalComponent, never>;
-  static ɵcmp: i0.ɵɵComponentDeclaration<UiModalComponent, "ui-modal", ["uiModal"], {
-    "open": {
-      "alias": "open";
-      "required": false;
+  static ɵcmp: i0.ɵɵComponentDeclaration<UiModalComponent, "ui-modal", never, {
+    "isOpen": {
+      "alias": "isOpen";
+      "required": true;
       "isSignal": true;
     };
     "closeBehaviour": {
@@ -1786,14 +1826,24 @@ export declare class UiModalComponent {
       "required": false;
       "isSignal": true;
     };
+    "title": {
+      "alias": "title";
+      "required": false;
+      "isSignal": true;
+    };
     "size": {
       "alias": "size";
       "required": false;
       "isSignal": true;
     };
+    "classes": {
+      "alias": "classes";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
-    "open": "openChange";
-  }, never, ["*"], true, never>;
+    "isOpen": "isOpenChange";
+  }, ["headerElement", "footerElement"], ["*"], true, never>;
 }
 /**
  * Formats a money value, e.g. -42.1 as "-£42.10".
@@ -2530,8 +2580,9 @@ export declare class UiLayoutComponent {
   static ɵfac: i0.ɵɵFactoryDeclaration<UiLayoutComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<UiLayoutComponent, "ui-layout", never, {}, {}, ["sidebar"], ["*"], true, never>;
 }
-export declare class UiOverlayComponent {
+export declare class UiOverlayComponent implements UiOverlayStackEntry {
   private readonly positioner;
+  private readonly stack;
   readonly content: import("@angular/core").InputSignal<ElementRef<HTMLInputElement> | undefined>;
   readonly anchor: import("@angular/core").InputSignal<ElementRef<HTMLElement> | undefined>;
   readonly closeBehaviour: import("@angular/core").InputSignal<UiOverlayCloseBehaviour>;
@@ -2543,8 +2594,8 @@ export declare class UiOverlayComponent {
   readonly matchWidth: import("@angular/core").InputSignal<DropdownMatchWidth | null>;
   constructor();
   private readonly close;
-  private onDocumentClick;
-  private onKeyDown;
+  readonly onDocumentClick: (event: MouseEvent) => void;
+  readonly onKeyDown: (event: KeyboardEvent) => void;
   static ɵfac: i0.ɵɵFactoryDeclaration<UiOverlayComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<UiOverlayComponent, "ui-overlay", ["uiOverlay"], {
     "content": {