@masmarino/gabarit 2.0.0 → 2.1.1

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 };

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

@@ -0,0 +1,100 @@
+import * as i0 from "@angular/core";
+import { Signal, WritableSignal } from "@angular/core";
+import { FormControl } from "@angular/forms";
+import { SelectOption } from "@masmarino/gabarit/select";
+interface ListToolbarSortOption<T extends string = string> {
+  value: T;
+  label: string;
+}
+export declare class ListToolbar<T extends string = string> {
+  searchValue: import("@angular/core").InputSignal<string>;
+  searchLabel: import("@angular/core").InputSignal<string>;
+  searchPlaceholder: import("@angular/core").InputSignal<string>;
+  sortOptions: import("@angular/core").InputSignal<ListToolbarSortOption<T>[]>;
+  sortValue: import("@angular/core").InputSignal<T>;
+  sortDirection: import("@angular/core").InputSignal<"asc" | "desc">;
+  sortLabel: import("@angular/core").InputSignal<string>;
+  directionLabel: import("@angular/core").InputSignal<string>;
+  searchValueChange: import("@angular/core").OutputEmitterRef<string>;
+  sortValueChange: import("@angular/core").OutputEmitterRef<T>;
+  sortDirectionChange: import("@angular/core").OutputEmitterRef<"asc" | "desc">;
+  protected readonly searchControl: FormControl<string>;
+  protected readonly sortControl: FormControl<T | null>;
+  constructor();
+  protected asSelectOptions(options: ListToolbarSortOption<T>[]): SelectOption<T>[];
+  protected toggleDirection(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<ListToolbar<any>, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<ListToolbar<any>, "gbt-list-toolbar", never, {
+    "searchValue": {
+      "alias": "searchValue";
+      "required": false;
+      "isSignal": true;
+    };
+    "searchLabel": {
+      "alias": "searchLabel";
+      "required": true;
+      "isSignal": true;
+    };
+    "searchPlaceholder": {
+      "alias": "searchPlaceholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "sortOptions": {
+      "alias": "sortOptions";
+      "required": true;
+      "isSignal": true;
+    };
+    "sortValue": {
+      "alias": "sortValue";
+      "required": true;
+      "isSignal": true;
+    };
+    "sortDirection": {
+      "alias": "sortDirection";
+      "required": false;
+      "isSignal": true;
+    };
+    "sortLabel": {
+      "alias": "sortLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "directionLabel": {
+      "alias": "directionLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "searchValueChange": "searchValueChange";
+    "sortValueChange": "sortValueChange";
+    "sortDirectionChange": "sortDirectionChange";
+  }, never, never, true, never>;
+}
+type ListToolbarDirection = 'asc' | 'desc';
+type ListToolbarSortValue = string | number | boolean | Date | null | undefined;
+interface ListToolbarStateConfig<K extends string> {
+  sortOptions?: ListToolbarSortOption<K>[];
+  defaultSort?: K;
+  defaultDirection?: ListToolbarDirection;
+  initialSearch?: string;
+}
+interface ListToolbarAccessors<T, K extends string> {
+  text?: (item: T) => string | readonly (string | null | undefined)[] | null | undefined;
+  matches?: (item: T, query: string) => boolean;
+  sortBy?: Partial<Record<K, (item: T) => ListToolbarSortValue>>;
+  compare?: (a: T, b: T, key: K) => number;
+  locale?: string;
+}
+interface ListToolbarState<K extends string = string> {
+  readonly search: WritableSignal<string>;
+  readonly sortValue: WritableSignal<K>;
+  readonly direction: WritableSignal<ListToolbarDirection>;
+  readonly sortOptions: ListToolbarSortOption<K>[];
+  readonly dirty: Signal<boolean>;
+  reset(): void;
+  apply<T>(items: readonly T[], accessors: ListToolbarAccessors<T, K>): T[];
+  filtered<T>(source: () => readonly T[], accessors: ListToolbarAccessors<T, K>): Signal<T[]>;
+}
+export declare function createListToolbarState<K extends string = string>(config?: ListToolbarStateConfig<K>): ListToolbarState<K>;
+export type { ListToolbarAccessors, ListToolbarDirection, ListToolbarSortOption, ListToolbarSortValue, ListToolbarState, ListToolbarStateConfig };