@masmarino/gabarit 1.4.0 → 2.1.0

package/types/masmarino-gabarit-git-field.d.ts

@@ -0,0 +1,39 @@
+import * as i0 from "@angular/core";
+declare const COLORS: readonly ["brand", "indigo", "patina", "brand-2", "indigo", "patina", "brand"];
+type Color = (typeof COLORS)[number];
+interface Line {
+  d: string;
+  color: Color;
+}
+interface Commit {
+  x: number;
+  y: number;
+  color: Color;
+  hollow: boolean;
+  /** Seconds of delay of its blink, so that the commits do not all light up together. */
+  delay: number;
+}
+interface Pulse {
+  d: string;
+  color: Color;
+  duration: number;
+  delay: number;
+}
+/**
+ * An animated commit graph on the graphite frame, behind a centred panel (the `[auth-backdrop]` slot of the sign-in
+ * pages) or a dark band: lanes that drift slowly sideways, their commits blinking in turn and pushes running along
+ * some of them, over two soft fields of colour. Decoration only: hidden from assistive technology, under the content,
+ * and still when reduced motion is asked for. It fills its nearest positioned ancestor.
+ */
+export declare class GitField {
+  protected readonly width = 1600;
+  protected readonly height = 560;
+  protected readonly tiles: number[];
+  protected readonly drawing: {
+    lines: Line[];
+    commits: Commit[];
+    pulses: Pulse[];
+  };
+  static ɵfac: i0.ɵɵFactoryDeclaration<GitField, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<GitField, "gbt-git-field", never, {}, {}, never, never, true, never>;
+}

package/types/masmarino-gabarit-icon-marker.d.ts

@@ -0,0 +1,47 @@
+import * as i0 from "@angular/core";
+type IconMarkerTone = 'neutral' | 'primary' | 'success' | 'warning' | 'error' | 'info';
+type IconMarkerSize = 'sm' | 'md' | 'lg' | 'xl';
+type IconMarkerShape = 'disc' | 'tile';
+type IconMarkerAppearance = 'soft' | 'outline';
+export declare class IconMarker {
+  icon: import("@angular/core").InputSignal<string>;
+  tone: import("@angular/core").InputSignal<IconMarkerTone>;
+  size: import("@angular/core").InputSignal<IconMarkerSize>;
+  shape: import("@angular/core").InputSignal<IconMarkerShape>;
+  appearance: import("@angular/core").InputSignal<IconMarkerAppearance>;
+  label: import("@angular/core").InputSignal<string | null>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<IconMarker, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<IconMarker, "gbt-icon-marker", never, {
+    "icon": {
+      "alias": "icon";
+      "required": true;
+      "isSignal": true;
+    };
+    "tone": {
+      "alias": "tone";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "shape": {
+      "alias": "shape";
+      "required": false;
+      "isSignal": true;
+    };
+    "appearance": {
+      "alias": "appearance";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export type { IconMarkerAppearance, IconMarkerShape, IconMarkerSize, IconMarkerTone };

package/types/masmarino-gabarit-icon.d.ts

@@ -0,0 +1,23 @@
+import * as i0 from "@angular/core";
+export declare class IconRegistry {
+  private readonly icons;
+  register(name: string, svgInnerMarkup: string): void;
+  registerAll(icons: Record<string, string>): void;
+  get(name: string): string | null;
+  static ɵfac: i0.ɵɵFactoryDeclaration<IconRegistry, never>;
+  static ɵprov: i0.ɵɵInjectableDeclaration<any>;
+}
+export declare class Icon {
+  private readonly sanitizer;
+  private readonly registry;
+  name: import("@angular/core").InputSignal<string>;
+  protected readonly svgContent: import("@angular/core").Signal<import("@angular/platform-browser").SafeHtml | null>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<Icon, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<Icon, "gbt-icon", never, {
+    "name": {
+      "alias": "name";
+      "required": true;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

package/types/masmarino-gabarit-input.d.ts

@@ -0,0 +1,181 @@
+import { ControlValueAccessor } from "@angular/forms";
+import * as i0 from "@angular/core";
+type InputType = 'text' | 'password' | 'email' | 'number' | 'search' | 'url';
+type InputSize = 'md' | 'sm';
+type InputInputmode = 'none' | 'text' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | 'search';
+type InputAutocapitalize = 'off' | 'none' | 'on' | 'sentences' | 'words' | 'characters';
+type InputEnterkeyhint = 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send';
+/** Makes the field the combobox of a suggestion list the caller renders, with its keys and active option. */
+interface InputCombobox {
+  /** Whether the listbox is shown. */
+  expanded: boolean;
+  /** The id of the listbox. */
+  controls: string;
+  /** The id of the highlighted option, `null` when none is. */
+  activeDescendant: string | null;
+}
+export declare class GbtInput implements ControlValueAccessor {
+  id: import("@angular/core").InputSignal<string>;
+  label: import("@angular/core").InputSignal<string>;
+  type: import("@angular/core").InputSignal<InputType>;
+  required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  placeholder: import("@angular/core").InputSignal<string>;
+  errorMessage: import("@angular/core").InputSignal<string | null>;
+  autocomplete: import("@angular/core").InputSignal<string>;
+  hint: import("@angular/core").InputSignal<string>;
+  hideLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  size: import("@angular/core").InputSignal<InputSize>;
+  mono: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  leadingIcon: import("@angular/core").InputSignal<string | null>;
+  inputmode: import("@angular/core").InputSignal<InputInputmode | null>;
+  spellcheck: import("@angular/core").InputSignal<boolean | null>;
+  autocapitalize: import("@angular/core").InputSignal<InputAutocapitalize | null>;
+  enterkeyhint: import("@angular/core").InputSignal<InputEnterkeyhint | null>;
+  maxlength: import("@angular/core").InputSignal<number | null>;
+  min: import("@angular/core").InputSignal<string | number | null>;
+  max: import("@angular/core").InputSignal<string | number | null>;
+  combobox: import("@angular/core").InputSignal<InputCombobox | null>;
+  showPasswordLabel: import("@angular/core").InputSignal<string>;
+  hidePasswordLabel: import("@angular/core").InputSignal<string>;
+  committed: import("@angular/core").OutputEmitterRef<string>;
+  protected readonly value: import("@angular/core").WritableSignal<string>;
+  protected readonly passwordVisible: import("@angular/core").WritableSignal<boolean>;
+  protected readonly effectiveType: import("@angular/core").Signal<InputType>;
+  protected readonly hintId: import("@angular/core").Signal<string>;
+  protected readonly errorId: import("@angular/core").Signal<string>;
+  protected readonly showHint: import("@angular/core").Signal<boolean>;
+  protected readonly describedBy: import("@angular/core").Signal<string | null>;
+  private readonly formDisabled;
+  protected readonly isDisabled: import("@angular/core").Signal<boolean>;
+  private onChange;
+  private onTouched;
+  writeValue(value: string): void;
+  registerOnChange(fn: (value: string) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(isDisabled: boolean): void;
+  protected onInput(event: Event): void;
+  protected onBlur(): void;
+  protected togglePasswordVisibility(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<GbtInput, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<GbtInput, "gbt-input", never, {
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "type": {
+      "alias": "type";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "errorMessage": {
+      "alias": "errorMessage";
+      "required": false;
+      "isSignal": true;
+    };
+    "autocomplete": {
+      "alias": "autocomplete";
+      "required": false;
+      "isSignal": true;
+    };
+    "hint": {
+      "alias": "hint";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideLabel": {
+      "alias": "hideLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "mono": {
+      "alias": "mono";
+      "required": false;
+      "isSignal": true;
+    };
+    "leadingIcon": {
+      "alias": "leadingIcon";
+      "required": false;
+      "isSignal": true;
+    };
+    "inputmode": {
+      "alias": "inputmode";
+      "required": false;
+      "isSignal": true;
+    };
+    "spellcheck": {
+      "alias": "spellcheck";
+      "required": false;
+      "isSignal": true;
+    };
+    "autocapitalize": {
+      "alias": "autocapitalize";
+      "required": false;
+      "isSignal": true;
+    };
+    "enterkeyhint": {
+      "alias": "enterkeyhint";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxlength": {
+      "alias": "maxlength";
+      "required": false;
+      "isSignal": true;
+    };
+    "min": {
+      "alias": "min";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "combobox": {
+      "alias": "combobox";
+      "required": false;
+      "isSignal": true;
+    };
+    "showPasswordLabel": {
+      "alias": "showPasswordLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "hidePasswordLabel": {
+      "alias": "hidePasswordLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "committed": "committed";
+  }, never, never, true, never>;
+}
+export type { InputCombobox };

package/types/masmarino-gabarit-job-graph.d.ts

@@ -0,0 +1,63 @@
+import { JobStatusValue } from "@masmarino/gabarit/job-status";
+import * as i0 from "@angular/core";
+type JobGraphStatus = JobStatusValue;
+interface JobGraphJob {
+  id: string;
+  name: string;
+  status: JobGraphStatus;
+  durationLabel?: string;
+  needs: string[];
+}
+interface JobGraphStage {
+  name: string;
+  jobs: JobGraphJob[];
+}
+interface GraphLink {
+  key: string;
+  d: string;
+  done: boolean;
+}
+export declare class JobGraph {
+  stages: import("@angular/core").InputSignal<JobGraphStage[]>;
+  selectedJobId: import("@angular/core").InputSignal<string | null>;
+  statusLabels: import("@angular/core").InputSignal<Record<import("@masmarino/gabarit/job-status").JobStatusValue, string>>;
+  needsLabel: import("@angular/core").InputSignal<string>;
+  ariaLabel: import("@angular/core").InputSignal<string>;
+  jobSelected: import("@angular/core").OutputEmitterRef<string>;
+  protected readonly links: import("@angular/core").WritableSignal<GraphLink[]>;
+  private readonly graph;
+  private readonly destroyRef;
+  constructor();
+  private measure;
+  static ɵfac: i0.ɵɵFactoryDeclaration<JobGraph, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<JobGraph, "gbt-job-graph", never, {
+    "stages": {
+      "alias": "stages";
+      "required": true;
+      "isSignal": true;
+    };
+    "selectedJobId": {
+      "alias": "selectedJobId";
+      "required": false;
+      "isSignal": true;
+    };
+    "statusLabels": {
+      "alias": "statusLabels";
+      "required": false;
+      "isSignal": true;
+    };
+    "needsLabel": {
+      "alias": "needsLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "jobSelected": "jobSelected";
+  }, never, never, true, never>;
+}
+export type { JobGraphJob, JobGraphStage, JobGraphStatus };

package/types/masmarino-gabarit-job-status.d.ts

@@ -0,0 +1,20 @@
+import * as i0 from "@angular/core";
+type JobStatusValue = 'pending' | 'running' | 'success' | 'failed' | 'canceled';
+export declare class JobStatus {
+  status: import("@angular/core").InputSignal<JobStatusValue>;
+  label: import("@angular/core").InputSignal<string | null>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<JobStatus, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<JobStatus, "gbt-job-status", never, {
+    "status": {
+      "alias": "status";
+      "required": true;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export type { JobStatusValue };

package/types/masmarino-gabarit-line-chart.d.ts

@@ -0,0 +1,153 @@
+import { AxisSpec, ChartSeries, LegendEntry, LinearAxisSpec, PointValue, TooltipPoint } from "@masmarino/gabarit/chart";
+import * as i0 from "@angular/core";
+export declare class LineChart<X extends number | Date> {
+  series: import("@angular/core").InputSignal<ChartSeries<X>[]>;
+  xKind: import("@angular/core").InputSignal<"linear" | "time">;
+  locale: import("@angular/core").InputSignal<string>;
+  label: import("@angular/core").InputSignal<string>;
+  tableCaption: import("@angular/core").InputSignal<string>;
+  xColumn: import("@angular/core").InputSignal<string>;
+  emptyMessage: import("@angular/core").InputSignal<string>;
+  area: import("@angular/core").InputSignal<boolean>;
+  yZero: import("@angular/core").InputSignal<boolean>;
+  yTickCount: import("@angular/core").InputSignal<number>;
+  xTickCount: import("@angular/core").InputSignal<number>;
+  size: import("@angular/core").InputSignal<{
+    width: number;
+    height: number;
+  } | null>;
+  heading: import("@angular/core").InputSignal<string>;
+  headingLevel: import("@angular/core").InputSignal<3 | 1 | 2 | 4 | 5 | 6>;
+  headline: import("@angular/core").InputSignal<string>;
+  trend: import("@angular/core").InputSignal<string>;
+  protected readonly activeIndex: import("@angular/core").WritableSignal<number | null>;
+  protected readonly hasData: import("@angular/core").Signal<boolean>;
+  protected readonly xSpec: import("@angular/core").Signal<AxisSpec>;
+  protected readonly ySpec: import("@angular/core").Signal<LinearAxisSpec>;
+  protected readonly legendEntries: import("@angular/core").Signal<LegendEntry[]>;
+  protected readonly publicXValues: import("@angular/core").Signal<PointValue[]>;
+  protected readonly tooltipPoints: import("@angular/core").Signal<TooltipPoint<X>[]>;
+  protected readonly tableColumns: import("@angular/core").Signal<string[]>;
+  protected readonly tableRows: import("@angular/core").Signal<(string | number)[][]>;
+  private readonly formatX;
+  private readonly xValues;
+  private findPoint;
+  private displayValue;
+  constructor();
+  static ɵfac: i0.ɵɵFactoryDeclaration<LineChart<any>, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<LineChart<any>, "gbt-line-chart", never, {
+    "series": {
+      "alias": "series";
+      "required": true;
+      "isSignal": true;
+    };
+    "xKind": {
+      "alias": "xKind";
+      "required": true;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": true;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": true;
+      "isSignal": true;
+    };
+    "tableCaption": {
+      "alias": "tableCaption";
+      "required": true;
+      "isSignal": true;
+    };
+    "xColumn": {
+      "alias": "xColumn";
+      "required": true;
+      "isSignal": true;
+    };
+    "emptyMessage": {
+      "alias": "emptyMessage";
+      "required": true;
+      "isSignal": true;
+    };
+    "area": {
+      "alias": "area";
+      "required": false;
+      "isSignal": true;
+    };
+    "yZero": {
+      "alias": "yZero";
+      "required": false;
+      "isSignal": true;
+    };
+    "yTickCount": {
+      "alias": "yTickCount";
+      "required": false;
+      "isSignal": true;
+    };
+    "xTickCount": {
+      "alias": "xTickCount";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "heading": {
+      "alias": "heading";
+      "required": false;
+      "isSignal": true;
+    };
+    "headingLevel": {
+      "alias": "headingLevel";
+      "required": false;
+      "isSignal": true;
+    };
+    "headline": {
+      "alias": "headline";
+      "required": false;
+      "isSignal": true;
+    };
+    "trend": {
+      "alias": "trend";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+interface RenderedSeries {
+  label: string;
+  strokePath: string;
+  fillPath: string;
+  colorIndex: number;
+  dashArray: string;
+}
+interface ActiveDot {
+  x: number;
+  y: number;
+  colorIndex: number;
+}
+declare const DEFAULT_PATTERNS: NonNullable<ChartSeries<unknown>['pattern']>[];
+export declare class LineSeries<X> {
+  series: import("@angular/core").InputSignal<ChartSeries<X>[]>;
+  area: import("@angular/core").InputSignal<boolean>;
+  private readonly context;
+  protected readonly renderedLines: import("@angular/core").Signal<RenderedSeries[]>;
+  protected readonly activeDots: import("@angular/core").Signal<ActiveDot[]>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<LineSeries<any>, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<LineSeries<any>, "g[gbtLineSeries]", never, {
+    "series": {
+      "alias": "series";
+      "required": true;
+      "isSignal": true;
+    };
+    "area": {
+      "alias": "area";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

package/types/masmarino-gabarit-list-card.d.ts

@@ -0,0 +1,87 @@
+import { EmptyStateIllustration } from "@masmarino/gabarit/empty-state";
+import * as i0 from "@angular/core";
+type ListCardState = 'loading' | 'failed' | 'empty' | 'ready';
+export declare class ListCard {
+  state: import("@angular/core").InputSignal<ListCardState>;
+  ariaLabel: import("@angular/core").InputSignal<string | null>;
+  loadingLabel: import("@angular/core").InputSignal<string>;
+  skeletonRows: import("@angular/core").InputSignal<number>;
+  skeletonHeader: import("@angular/core").InputSignal<boolean>;
+  failedHeading: import("@angular/core").InputSignal<string>;
+  failedMessage: import("@angular/core").InputSignal<string>;
+  retryLabel: import("@angular/core").InputSignal<string | null>;
+  retry: import("@angular/core").OutputEmitterRef<void>;
+  emptyHeading: import("@angular/core").InputSignal<string>;
+  emptyMessage: import("@angular/core").InputSignal<string>;
+  emptyIllustration: import("@angular/core").InputSignal<EmptyStateIllustration | null>;
+  emptyIcon: import("@angular/core").InputSignal<string | null>;
+  /** The projected header when ready, its placeholder while loading (unless skeletonHeader is off), else nothing. */
+  protected readonly header: import("@angular/core").Signal<"slot" | "skeleton" | null>;
+  protected readonly placeholders: import("@angular/core").Signal<string[]>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ListCard, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<ListCard, "gbt-list-card", never, {
+    "state": {
+      "alias": "state";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "loadingLabel": {
+      "alias": "loadingLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "skeletonRows": {
+      "alias": "skeletonRows";
+      "required": false;
+      "isSignal": true;
+    };
+    "skeletonHeader": {
+      "alias": "skeletonHeader";
+      "required": false;
+      "isSignal": true;
+    };
+    "failedHeading": {
+      "alias": "failedHeading";
+      "required": false;
+      "isSignal": true;
+    };
+    "failedMessage": {
+      "alias": "failedMessage";
+      "required": false;
+      "isSignal": true;
+    };
+    "retryLabel": {
+      "alias": "retryLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "emptyHeading": {
+      "alias": "emptyHeading";
+      "required": false;
+      "isSignal": true;
+    };
+    "emptyMessage": {
+      "alias": "emptyMessage";
+      "required": false;
+      "isSignal": true;
+    };
+    "emptyIllustration": {
+      "alias": "emptyIllustration";
+      "required": false;
+      "isSignal": true;
+    };
+    "emptyIcon": {
+      "alias": "emptyIcon";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "retry": "retry";
+  }, never, ["[list-card-header]", "[list-card-failed]", "[list-card-empty]", "*"], true, never>;
+}
+export type { ListCardState };

package/types/masmarino-gabarit-list-row.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+type ListRowTone = 'neutral' | 'success' | 'warning' | 'error' | 'info';
+export declare class ListRow {
+  tone: import("@angular/core").InputSignal<ListRowTone>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ListRow, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<ListRow, "gbt-list-row", never, {
+    "tone": {
+      "alias": "tone";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["[row-leading]", "*", "[row-meta]", "[row-trailing]"], true, never>;
+}
+export type { ListRowTone };