@magmonium/one 0.4.59 → 0.4.61

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@magmonium/one",
-  "version": "0.4.59",
+  "version": "0.4.61",
   "description": "Magmonium One — Angular design-system primitives for mm Apps",
   "author": "magmonium",
   "license": "MIT",

package/types/magmonium-one.d.ts

@@ -1539,7 +1539,7 @@ export declare class DraggableDirective {
   readonly max: import("@angular/core").InputSignal<Position | undefined>;
   readonly dragStart: import("@angular/core").OutputEmitterRef<void>;
   readonly dragEnd: import("@angular/core").OutputEmitterRef<void>;
-  protected readonly cursor: import("@angular/core").Signal<"ew-resize" | "ns-resize" | "move">;
+  protected readonly cursor: import("@angular/core").Signal<"move" | "ew-resize" | "ns-resize">;
   protected state: DraggableState;
   set pos(position: Position);
   /**
@@ -6069,6 +6069,13 @@ export declare const sortSectionTableRows: <T>(rows: readonly T[] | null | undef
  */
 type SectionChartScale = 'auto' | 'percent' | 'value';
 export declare const SECTION_CHART_SCALES: readonly SectionChartScale[];
+/**
+ * How much of a SectionChart is drawn. `minimal` is the line alone — no axes,
+ * grid, tooltip, presets or navigator — under a top row of each series' name,
+ * its change, and the period.
+ */
+type SectionChartVariant = 'default' | 'minimal';
+declare const SECTION_CHART_VARIANTS: readonly SectionChartVariant[];
 /**
  * The span a SectionChart draws, as the two ISO 8601 instants it runs between
  * (GLOSSARY.md SectionChartWindow). Text rather than epoch ms: what reads a
@@ -6102,6 +6109,8 @@ type SectionChartConfig = Config & {
   ranges?: string[];
   range?: string;
   scale?: SectionChartScale;
+  variant?: SectionChartVariant;
+  displayPeriod?: string;
   height?: number;
   navigator?: boolean;
   measure?: boolean;
@@ -6191,6 +6200,8 @@ type Plotted = {
  * The x axis is time, not position: series sampled on different days still
  * line up, and a gap in the data is a gap on the axis. Lines are straight
  * between points — a smoothed curve draws highs and lows that never happened.
+ * The `minimal` variant alone curves them, and only monotonically
+ * (`smoothPath`), which passes through every point without swinging past one.
  *
  * What it draws is a window of the data: a preset (`1m`, `ytd`, `max`, …)
  * measured back from the last point, or a window set by hand. `range` and
@@ -6205,6 +6216,16 @@ type Plotted = {
 export declare class SectionChartComponent extends ConfigComponent<SectionChartConfig> {
   subFolder: "section_charts";
   readonly scale: import("@angular/core").InputSignal<SectionChartScale | undefined>;
+  /**
+   * `minimal` draws the line alone under each series' name, change and the
+   * period — no axes, grid, tooltip, measure, presets or navigator.
+   */
+  readonly variant: import("@angular/core").InputSignal<SectionChartVariant | undefined>;
+  /**
+   * The period the top row names, as written — `1Y`, `Past year`. Unset reads
+   * the window's own dates.
+   */
+  readonly displayPeriod: import("@angular/core").InputSignal<string | undefined>;
   /** The whole chart's height in px, the time axis included. */
   readonly height: import("@angular/core").InputSignalWithTransform<number | undefined, unknown>;
   /**
@@ -6232,9 +6253,8 @@ export declare class SectionChartComponent extends ConfigComponent<SectionChartC
   /** Every series that registered, in arrival order, each with its slot. */
   private readonly members;
   private readonly locale;
+  private readonly uid;
   protected readonly tableId: string;
-  protected readonly left: number;
-  protected readonly top: number;
   protected readonly width: import("@angular/core").WritableSignal<number>;
   private readonly dateFormat;
   private readonly dayFormat;
@@ -6245,6 +6265,8 @@ export declare class SectionChartComponent extends ConfigComponent<SectionChartC
   protected readonly resolvedHeight: import("@angular/core").Signal<number>;
   private readonly resolvedScale;
   private readonly resolvedRange;
+  protected readonly minimal: import("@angular/core").Signal<boolean>;
+  private readonly margin;
   protected readonly showNavigator: import("@angular/core").Signal<boolean>;
   protected readonly canMeasure: import("@angular/core").Signal<boolean>;
   /** The asset's presets, ids that name no span dropped; the defaults without one. */
@@ -6282,6 +6304,8 @@ export declare class SectionChartComponent extends ConfigComponent<SectionChartC
   protected readonly percent: import("@angular/core").Signal<boolean>;
   private readonly plotWidth;
   private readonly plotHeight;
+  protected readonly left: import("@angular/core").Signal<number>;
+  protected readonly top: import("@angular/core").Signal<number>;
   protected readonly right: import("@angular/core").Signal<number>;
   protected readonly bottom: import("@angular/core").Signal<number>;
   protected readonly viewBox: import("@angular/core").Signal<string>;
@@ -6299,6 +6323,9 @@ export declare class SectionChartComponent extends ConfigComponent<SectionChartC
     color: string;
     endX: number;
     endY: number;
+    area: string | null;
+    fillId: string;
+    fill: string;
   }[]>;
   protected readonly yTicks: import("@angular/core").Signal<{
     y: number;
@@ -6310,6 +6337,8 @@ export declare class SectionChartComponent extends ConfigComponent<SectionChartC
     label: string;
   }[]>;
   protected readonly windowLabel: import("@angular/core").Signal<string>;
+  /** What the top row names the period: the authored text, else the window. */
+  protected readonly periodLabel: import("@angular/core").Signal<string>;
   /**
    * Each series' legend row: its colour, and its change measured across the
    * window — `—` for a series with nothing in it. Every registered series has
@@ -6455,6 +6484,16 @@ export declare class SectionChartComponent extends ConfigComponent<SectionChartC
       "required": false;
       "isSignal": true;
     };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "displayPeriod": {
+      "alias": "displayPeriod";
+      "required": false;
+      "isSignal": true;
+    };
     "height": {
       "alias": "height";
       "required": false;
@@ -6646,6 +6685,13 @@ declare const centreSpan: (span: readonly [number, number], t: number, bounds: r
 declare const resizeSpan: (span: readonly [number, number], edge: "start" | "end", t: number, bounds: readonly [number, number], minWidth: number) => [number, number];
 /** An SVG path through the points, straight segments — a curve invents highs. */
 declare const linePath: (t: readonly number[], y: readonly number[], sx: (t: number) => number, sy: (v: number) => number) => string;
+/**
+ * An SVG path through the points as a monotone cubic (d3's `monotoneX`): each
+ * tangent is held to the shallower of its two neighbouring slopes and flattens
+ * at a turn, so the curve never swings past a point — smooth, without the
+ * highs and lows an ordinary spline invents. Two points or fewer stay straight.
+ */
+declare const smoothPath: (t: readonly number[], y: readonly number[], sx: (t: number) => number, sy: (v: number) => number) => string;
 /**
  * The points a SectionChart draws on the Canvas when its series hold no data:
  * a year of weekly closes per series, deterministic so a screenshot never
@@ -8179,7 +8225,7 @@ declare class ColorPickerBoxComponent implements AfterViewInit, OnDestroy {
   protected readonly _eyedropperConfig: import("@magmonium/one").Button;
   protected readonly _headerContextMenu: ContextMenu;
   protected readonly themeSwatches: import("@angular/core").Signal<{
-    key: "text" | "error" | "focus" | "mm" | "mmLite" | "mmDark" | "background" | "border" | "textSecondary" | "errorLight" | "warning" | "successLite" | "success" | "highlight" | "wealth";
+    key: "mm" | "mmLite" | "mmDark" | "background" | "border" | "text" | "textSecondary" | "focus" | "error" | "errorLight" | "warning" | "successLite" | "success" | "highlight" | "wealth";
     color: string;
   }[]>;
   hue: import("@angular/core").WritableSignal<number>;
@@ -11995,7 +12041,7 @@ export type DocAiPhase = 'idle' | 'asking' | 'question' | 'outline' | 'writing'
  */
 export declare class DocEditorComponent implements ControlValueAccessor {
   protected readonly groups: readonly import("@magmonium/one").DocToolbarGroup[];
-  protected readonly icons: Record<"code" | "link" | "table" | "strike" | "list" | "bold" | "heading" | "italic" | "quote", string>;
+  protected readonly icons: Record<"list" | "code" | "link" | "table" | "strike" | "bold" | "heading" | "italic" | "quote", string>;
   protected readonly docActionKey: typeof docActionKey;
   private readonly translate;
   protected readonly value: import("@angular/core").WritableSignal<string>;
@@ -17167,7 +17213,7 @@ export declare class AuthActivityPageComponent {
     showTerms: import("@angular/core").Signal<boolean | undefined>;
     signUp: import("@angular/core").Signal<boolean | undefined>;
     tokens: import("@angular/core").Signal<undefined> | import("@ngrx/signals").DeepSignal<import("@magmonium/one").Tokens>;
-    user: import("@ngrx/signals").DeepSignal<import("@magmonium/one").AuthUser> | import("@angular/core").Signal<undefined>;
+    user: import("@angular/core").Signal<undefined> | import("@ngrx/signals").DeepSignal<import("@magmonium/one").AuthUser>;
     wrongPassword: import("@angular/core").Signal<boolean | undefined>;
     deployToken: import("@angular/core").Signal<string | undefined>;
     hostUserTabs: Record<string, import("@angular/core").Type<unknown>>;
@@ -17347,7 +17393,7 @@ export declare const AuthStore: Type<{
   showTerms: import("@angular/core").Signal<boolean | undefined>;
   signUp: import("@angular/core").Signal<boolean | undefined>;
   tokens: import("@angular/core").Signal<undefined> | import("@ngrx/signals").DeepSignal<Tokens>;
-  user: import("@ngrx/signals").DeepSignal<import("@magmonium/one").AuthUser> | import("@angular/core").Signal<undefined>;
+  user: import("@angular/core").Signal<undefined> | import("@ngrx/signals").DeepSignal<import("@magmonium/one").AuthUser>;
   wrongPassword: import("@angular/core").Signal<boolean | undefined>;
   deployToken: import("@angular/core").Signal<string | undefined>;
   hostUserTabs: Record<string, Type<unknown>>;