@masmarino/gabarit 2.0.0 → 2.1.1

package/types/masmarino-gabarit-segmented-control.d.ts

@@ -0,0 +1,76 @@
+import * as i0 from "@angular/core";
+interface SegmentedControlOption<T = string> {
+  value: T;
+  label: string;
+  disabled?: boolean;
+}
+type SegmentedControlSize = 'md' | 'sm';
+export declare class SegmentedControl<T = string> {
+  private readonly group;
+  options: import("@angular/core").InputSignal<SegmentedControlOption<T>[]>;
+  value: import("@angular/core").ModelSignal<T>;
+  ariaLabel: import("@angular/core").InputSignal<string>;
+  disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  label: import("@angular/core").InputSignal<string>;
+  fullWidth: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  wrap: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  size: import("@angular/core").InputSignal<SegmentedControlSize>;
+  tinted: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly labelId: string;
+  protected isSelected(value: T): boolean;
+  protected select(option: SegmentedControlOption<T>): void;
+  protected onKeydown(event: KeyboardEvent, index: number): void;
+  private nextEnabledIndex;
+  private focusButton;
+  static ɵfac: i0.ɵɵFactoryDeclaration<SegmentedControl<any>, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<SegmentedControl<any>, "gbt-segmented-control", never, {
+    "options": {
+      "alias": "options";
+      "required": true;
+      "isSignal": true;
+    };
+    "value": {
+      "alias": "value";
+      "required": true;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "fullWidth": {
+      "alias": "fullWidth";
+      "required": false;
+      "isSignal": true;
+    };
+    "wrap": {
+      "alias": "wrap";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "tinted": {
+      "alias": "tinted";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "value": "valueChange";
+  }, never, never, true, never>;
+}
+export type { SegmentedControlOption, SegmentedControlSize };

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

@@ -0,0 +1,146 @@
+import { ControlValueAccessor } from "@angular/forms";
+import * as i0 from "@angular/core";
+interface SelectOption<T = string> {
+  value: T;
+  label: string;
+  icon?: string;
+  color?: string;
+}
+export declare class Select<T = string> implements ControlValueAccessor {
+  private readonly elementRef;
+  id: import("@angular/core").InputSignal<string>;
+  label: import("@angular/core").InputSignal<string>;
+  size: import("@angular/core").InputSignal<"md" | "sm">;
+  hint: import("@angular/core").InputSignal<string>;
+  hideLabel: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  fullWidth: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  options: import("@angular/core").InputSignal<SelectOption<T>[]>;
+  multiple: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  chips: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  placeholder: import("@angular/core").InputSignal<string>;
+  disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  required: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  errorMessage: import("@angular/core").InputSignal<string | null>;
+  selectedCountLabel: import("@angular/core").InputSignal<(count: number) => string>;
+  chipRemoveLabel: import("@angular/core").InputSignal<(label: string) => string>;
+  noOptionsMessage: import("@angular/core").InputSignal<string>;
+  protected readonly open: import("@angular/core").WritableSignal<boolean>;
+  protected readonly activeIndex: import("@angular/core").WritableSignal<number>;
+  protected readonly selected: import("@angular/core").WritableSignal<T[]>;
+  protected readonly panelStyle: import("@angular/core").WritableSignal<{
+    top: string;
+    left: string;
+    width: string;
+  } | null>;
+  private readonly formDisabled;
+  protected readonly labelId: import("@angular/core").Signal<string>;
+  protected readonly chipsId: import("@angular/core").Signal<string>;
+  protected readonly hintId: import("@angular/core").Signal<string>;
+  protected readonly showHint: import("@angular/core").Signal<boolean>;
+  protected readonly isDisabled: import("@angular/core").Signal<boolean>;
+  private onChange;
+  private onTouched;
+  setDisabledState(isDisabled: boolean): void;
+  writeValue(value: T | T[] | null): void;
+  registerOnChange(fn: (value: T | T[] | null) => void): void;
+  registerOnTouched(fn: () => void): void;
+  protected readonly selectedOptions: import("@angular/core").Signal<SelectOption<T>[]>;
+  protected readonly triggerLabel: import("@angular/core").Signal<string>;
+  protected readonly chipsVisible: import("@angular/core").Signal<boolean>;
+  protected readonly describedBy: import("@angular/core").Signal<string | null>;
+  protected readonly triggerIcon: import("@angular/core").Signal<string | undefined>;
+  protected readonly activeOptionId: import("@angular/core").Signal<string | null>;
+  protected readonly hasNoOptions: import("@angular/core").Signal<boolean>;
+  protected isSelected(value: T): boolean;
+  protected toggleOpen(): void;
+  constructor();
+  protected updatePanelPosition(): void;
+  protected removeChip(value: T, index: number): void;
+  protected selectOption(value: T): void;
+  protected handleClickOutside(event: MouseEvent): void;
+  protected onKeydown(event: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<Select<any>, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<Select<any>, "gbt-select", never, {
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "hint": {
+      "alias": "hint";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideLabel": {
+      "alias": "hideLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "fullWidth": {
+      "alias": "fullWidth";
+      "required": false;
+      "isSignal": true;
+    };
+    "options": {
+      "alias": "options";
+      "required": true;
+      "isSignal": true;
+    };
+    "multiple": {
+      "alias": "multiple";
+      "required": false;
+      "isSignal": true;
+    };
+    "chips": {
+      "alias": "chips";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "required": {
+      "alias": "required";
+      "required": false;
+      "isSignal": true;
+    };
+    "errorMessage": {
+      "alias": "errorMessage";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectedCountLabel": {
+      "alias": "selectedCountLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "chipRemoveLabel": {
+      "alias": "chipRemoveLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "noOptionsMessage": {
+      "alias": "noOptionsMessage";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export type { SelectOption };

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

@@ -0,0 +1,54 @@
+import * as i0 from "@angular/core";
+type SkeletonListLeading = 'circle' | 'square' | 'none';
+export declare class SkeletonList {
+  rows: import("@angular/core").InputSignal<number>;
+  leading: import("@angular/core").InputSignal<SkeletonListLeading>;
+  leadingSize: import("@angular/core").InputSignal<string>;
+  lines: import("@angular/core").InputSignal<1 | 2 | 3>;
+  loadingLabel: import("@angular/core").InputSignal<string>;
+  divided: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  padded: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly items: import("@angular/core").Signal<{
+    row: number;
+    widths: string[];
+  }[]>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<SkeletonList, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<SkeletonList, "gbt-skeleton-list", never, {
+    "rows": {
+      "alias": "rows";
+      "required": false;
+      "isSignal": true;
+    };
+    "leading": {
+      "alias": "leading";
+      "required": false;
+      "isSignal": true;
+    };
+    "leadingSize": {
+      "alias": "leadingSize";
+      "required": false;
+      "isSignal": true;
+    };
+    "lines": {
+      "alias": "lines";
+      "required": false;
+      "isSignal": true;
+    };
+    "loadingLabel": {
+      "alias": "loadingLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "divided": {
+      "alias": "divided";
+      "required": false;
+      "isSignal": true;
+    };
+    "padded": {
+      "alias": "padded";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export type { SkeletonListLeading };

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

@@ -0,0 +1,26 @@
+import * as i0 from "@angular/core";
+type SkeletonVariant = 'text' | 'circle' | 'rect';
+export declare class Skeleton {
+  variant: import("@angular/core").InputSignal<SkeletonVariant>;
+  width: import("@angular/core").InputSignal<string>;
+  height: import("@angular/core").InputSignal<string | null>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<Skeleton, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<Skeleton, "gbt-skeleton", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "width": {
+      "alias": "width";
+      "required": false;
+      "isSignal": true;
+    };
+    "height": {
+      "alias": "height";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export type { SkeletonVariant };

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

@@ -0,0 +1,73 @@
+import { ControlValueAccessor } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare class Slider implements ControlValueAccessor {
+  id: import("@angular/core").InputSignal<string>;
+  label: import("@angular/core").InputSignal<string>;
+  min: import("@angular/core").InputSignal<number>;
+  max: import("@angular/core").InputSignal<number>;
+  step: import("@angular/core").InputSignal<number>;
+  disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  errorMessage: import("@angular/core").InputSignal<string | null>;
+  showValue: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  formatValue: import("@angular/core").InputSignal<(value: number) => string>;
+  protected readonly value: import("@angular/core").WritableSignal<number>;
+  private readonly formDisabled;
+  protected readonly isDisabled: import("@angular/core").Signal<boolean>;
+  protected readonly fillPercent: import("@angular/core").Signal<number>;
+  private onChange;
+  private onTouched;
+  writeValue(value: number): void;
+  registerOnChange(fn: (value: number) => void): void;
+  registerOnTouched(fn: () => void): void;
+  setDisabledState(isDisabled: boolean): void;
+  protected onInput(event: Event): void;
+  protected onBlur(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<Slider, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<Slider, "gbt-slider", never, {
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": true;
+      "isSignal": true;
+    };
+    "min": {
+      "alias": "min";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "step": {
+      "alias": "step";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "errorMessage": {
+      "alias": "errorMessage";
+      "required": false;
+      "isSignal": true;
+    };
+    "showValue": {
+      "alias": "showValue";
+      "required": false;
+      "isSignal": true;
+    };
+    "formatValue": {
+      "alias": "formatValue";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,70 @@
+import * as i0 from "@angular/core";
+export declare class Sparkline {
+  values: import("@angular/core").InputSignal<number[]>;
+  tableCaption: import("@angular/core").InputSignal<string>;
+  xColumn: import("@angular/core").InputSignal<string>;
+  yColumn: import("@angular/core").InputSignal<string>;
+  locale: import("@angular/core").InputSignal<string>;
+  emptyMessage: import("@angular/core").InputSignal<string>;
+  width: import("@angular/core").InputSignal<number>;
+  height: import("@angular/core").InputSignal<number>;
+  protected readonly activeIndex: import("@angular/core").WritableSignal<number | null>;
+  protected readonly viewBox: import("@angular/core").Signal<string>;
+  protected readonly columns: import("@angular/core").Signal<string[]>;
+  protected readonly tableRows: import("@angular/core").Signal<(string | number)[][]>;
+  private readonly scales;
+  protected readonly path: import("@angular/core").Signal<string | null>;
+  protected readonly positions: import("@angular/core").Signal<number[]>;
+  protected readonly dot: import("@angular/core").Signal<{
+    x: number;
+    y: number;
+  } | null>;
+  protected readonly tooltip: import("@angular/core").Signal<string | null>;
+  protected onPointerMove(event: PointerEvent | MouseEvent): void;
+  protected onPointerLeave(event: PointerEvent | MouseEvent): void;
+  protected onBlur(): void;
+  protected onKeydown(event: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<Sparkline, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<Sparkline, "gbt-sparkline", never, {
+    "values": {
+      "alias": "values";
+      "required": true;
+      "isSignal": true;
+    };
+    "tableCaption": {
+      "alias": "tableCaption";
+      "required": true;
+      "isSignal": true;
+    };
+    "xColumn": {
+      "alias": "xColumn";
+      "required": true;
+      "isSignal": true;
+    };
+    "yColumn": {
+      "alias": "yColumn";
+      "required": true;
+      "isSignal": true;
+    };
+    "locale": {
+      "alias": "locale";
+      "required": true;
+      "isSignal": true;
+    };
+    "emptyMessage": {
+      "alias": "emptyMessage";
+      "required": true;
+      "isSignal": true;
+    };
+    "width": {
+      "alias": "width";
+      "required": false;
+      "isSignal": true;
+    };
+    "height": {
+      "alias": "height";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,20 @@
+import * as i0 from "@angular/core";
+type SpinnerSize = 'sm' | 'md' | 'lg';
+export declare class Spinner {
+  size: import("@angular/core").InputSignal<SpinnerSize>;
+  label: import("@angular/core").InputSignal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<Spinner, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<Spinner, "gbt-spinner", never, {
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export type { SpinnerSize };

package/types/masmarino-gabarit-stat-grid.d.ts

@@ -0,0 +1,39 @@
+import * as i0 from "@angular/core";
+type StatGridColumns = 2 | 3 | 4 | 5 | 6;
+export declare class StatGrid {
+  ariaLabel: import("@angular/core").InputSignal<string>;
+  columns: import("@angular/core").InputSignal<StatGridColumns>;
+  loading: import("@angular/core").InputSignal<boolean>;
+  loadingCount: import("@angular/core").InputSignal<number>;
+  loadingLabel: import("@angular/core").InputSignal<string>;
+  protected readonly placeholders: import("@angular/core").Signal<number[]>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StatGrid, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StatGrid, "gbt-stat-grid", never, {
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "columns": {
+      "alias": "columns";
+      "required": false;
+      "isSignal": true;
+    };
+    "loading": {
+      "alias": "loading";
+      "required": false;
+      "isSignal": true;
+    };
+    "loadingCount": {
+      "alias": "loadingCount";
+      "required": false;
+      "isSignal": true;
+    };
+    "loadingLabel": {
+      "alias": "loadingLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}
+export type { StatGridColumns };

package/types/masmarino-gabarit-stat-tile.d.ts

@@ -0,0 +1,79 @@
+import * as i0 from "@angular/core";
+import { IconMarkerTone } from "@masmarino/gabarit/icon-marker";
+import { StatGrid } from "@masmarino/gabarit/stat-grid";
+export declare class StatTileLink {
+  static ɵfac: i0.ɵɵFactoryDeclaration<StatTileLink, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StatTileLink, "a[gbtStatTileLink]", never, {}, {}, never, ["*"], true, never>;
+}
+type StatTileTrend = 'up' | 'down' | 'flat';
+type StatTileTrendTone = 'neutral' | 'success' | 'error';
+export declare class StatTile {
+  label: import("@angular/core").InputSignal<string>;
+  value: import("@angular/core").InputSignal<string | number>;
+  icon: import("@angular/core").InputSignal<string | null>;
+  iconTone: import("@angular/core").InputSignal<IconMarkerTone>;
+  hint: import("@angular/core").InputSignal<string | null>;
+  trend: import("@angular/core").InputSignal<StatTileTrend | null>;
+  trendLabel: import("@angular/core").InputSignal<string | null>;
+  trendTone: import("@angular/core").InputSignal<StatTileTrendTone>;
+  href: import("@angular/core").InputSignal<string | null>;
+  muted: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  private readonly link;
+  protected readonly grid: StatGrid | null;
+  protected linked(): boolean;
+  protected hasLink(): boolean;
+  static ɵfac: i0.ɵɵFactoryDeclaration<StatTile, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<StatTile, "gbt-stat-tile", never, {
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "value": {
+      "alias": "value";
+      "required": true;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+    "iconTone": {
+      "alias": "iconTone";
+      "required": false;
+      "isSignal": true;
+    };
+    "hint": {
+      "alias": "hint";
+      "required": false;
+      "isSignal": true;
+    };
+    "trend": {
+      "alias": "trend";
+      "required": false;
+      "isSignal": true;
+    };
+    "trendLabel": {
+      "alias": "trendLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "trendTone": {
+      "alias": "trendTone";
+      "required": false;
+      "isSignal": true;
+    };
+    "href": {
+      "alias": "href";
+      "required": false;
+      "isSignal": true;
+    };
+    "muted": {
+      "alias": "muted";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["link"], ["a[gbtStatTileLink]"], true, never>;
+}
+export type { StatTileTrend, StatTileTrendTone };

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

@@ -0,0 +1,67 @@
+import * as i0 from "@angular/core";
+type StepperStatus = 'upcoming' | 'current' | 'completed' | 'error';
+type StepperOrientation = 'horizontal' | 'vertical';
+interface StepperStep {
+  label: string;
+  hasError?: boolean;
+}
+export declare class Stepper {
+  steps: import("@angular/core").InputSignal<StepperStep[]>;
+  activeIndex: import("@angular/core").ModelSignal<number>;
+  orientation: import("@angular/core").InputSignal<StepperOrientation>;
+  completedLabel: import("@angular/core").InputSignal<string>;
+  errorLabel: import("@angular/core").InputSignal<string>;
+  interactive: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  selectedIndex: import("@angular/core").ModelSignal<number | null>;
+  selectedLabel: import("@angular/core").InputSignal<string>;
+  protected select(index: number): void;
+  protected isSelected(index: number): boolean;
+  protected statusOf(index: number): StepperStatus;
+  static ɵfac: i0.ɵɵFactoryDeclaration<Stepper, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<Stepper, "gbt-stepper", never, {
+    "steps": {
+      "alias": "steps";
+      "required": true;
+      "isSignal": true;
+    };
+    "activeIndex": {
+      "alias": "activeIndex";
+      "required": false;
+      "isSignal": true;
+    };
+    "orientation": {
+      "alias": "orientation";
+      "required": false;
+      "isSignal": true;
+    };
+    "completedLabel": {
+      "alias": "completedLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "errorLabel": {
+      "alias": "errorLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "interactive": {
+      "alias": "interactive";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectedIndex": {
+      "alias": "selectedIndex";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectedLabel": {
+      "alias": "selectedLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "activeIndex": "activeIndexChange";
+    "selectedIndex": "selectedIndexChange";
+  }, never, never, true, never>;
+}
+export type { StepperOrientation, StepperStatus, StepperStep };