@joanroucoux/cairn-ui 0.6.3 → 0.6.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@joanroucoux/cairn-ui",
-  "version": "0.6.3",
+  "version": "0.6.5",
   "description": "Cairn UI — a monochrome, accessible Angular design system.",
   "keywords": [
     "angular",

package/types/joanroucoux-cairn-ui.d.ts

@@ -133,7 +133,8 @@ declare class UiAvatar {
 }
 /**
  * Round hit area around a `ui-avatar` that links somewhere: 44px on touch, 40px from 64rem, with a
- * glow on hover and the press scale. The avatar itself keeps its own size.
+ * glow on hover and the press scale. On the current page (`aria-current="page"`, which `routerLinkActive`
+ * sets through `ariaCurrentWhenActive`) it holds a soft halo. The avatar itself keeps its own size.
  *
  * @example
  * <a uiAvatarLink routerLink="/profile"><ui-avatar initials="JR" label="Profile" size="auto" /></a>
@@ -635,10 +636,6 @@ declare class UiTextarea implements UiControl {
     static ɵdir: _angular_core.ɵɵDirectiveDeclaration<UiTextarea, "textarea[uiTextarea]", never, { "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-declare const TOOLTIP_SIZES: readonly ["compact", "large"];
-type TooltipSize = (typeof TOOLTIP_SIZES)[number];
-type AxisTicks = 3 | 5 | 'auto';
-
 type ChartPoint = {
     t: number;
     v: number;
@@ -661,10 +658,24 @@ type ChartGeometry = {
     plotTop: number;
 };
 
+type TickLabel = {
+    text: string;
+    classes: string;
+};
+
+declare const TOOLTIP_SIZES: readonly ["compact", "large"];
+type TooltipSize = (typeof TOOLTIP_SIZES)[number];
+type AxisTicks = 3 | 5 | 'auto';
+
 type PlotRef = ElementRef<SVGSVGElement>;
 /**
  * Value over time: a monotone curve with a dashed line at the starting value and a tooltip.
  *
+ * Axis labels are never repeated: a tick whose `axisFormat` text equals the previous drawn label is
+ * not rendered. The first tick always is, so only the last edge label can drop. With `axisTicks="3"`
+ * only the first, middle and last ticks count; with `auto` every tick counts from `sm` up and the
+ * three core ticks below it. Tick positions are unchanged.
+ *
  * @example
  * <ui-line-chart [points]="points" label="Net worth over one month" startLabel="Since" [valueFormat]="formatEur" />
  */
@@ -685,7 +696,6 @@ declare class UiLineChart {
     readonly tooltipDelta: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly axisGap: _angular_core.InputSignal<number | "auto">;
     readonly axisTicks: _angular_core.InputSignalWithTransform<AxisTicks, string | 3 | 5>;
-    protected readonly isCoreTick: (index: number, count: number) => boolean;
     protected readonly svgRef: _angular_core.Signal<PlotRef>;
     protected readonly activeIndex: _angular_core.WritableSignal<number | null>;
     protected readonly animatedLine: _angular_core.WritableSignal<string | null>;
@@ -705,6 +715,7 @@ declare class UiLineChart {
     protected readonly geometry: _angular_core.Signal<ChartGeometry | null>;
     protected readonly displayLine: _angular_core.Signal<string>;
     protected readonly ticks: _angular_core.Signal<PlottedPoint[]>;
+    protected readonly tickTexts: _angular_core.Signal<(TickLabel | null)[]>;
     protected readonly active: _angular_core.Signal<PlottedPoint | null>;
     protected readonly startLabelInfo: _angular_core.Signal<{
         label: string;