@masmarino/gabarit 1.4.0 → 2.1.0

package/types/masmarino-gabarit-avatar-group.d.ts

@@ -0,0 +1,59 @@
+import * as i0 from "@angular/core";
+interface AvatarGroupItem {
+  name: string;
+  src?: string;
+}
+export declare class AvatarGroup<T extends AvatarGroupItem = AvatarGroupItem> {
+  private readonly elementRef;
+  items: import("@angular/core").InputSignal<T[]>;
+  max: import("@angular/core").InputSignal<number>;
+  ariaLabel: import("@angular/core").InputSignal<string>;
+  moreLabel: import("@angular/core").InputSignal<(count: number) => string>;
+  activeItem: import("@angular/core").InputSignal<T | null>;
+  itemClick: import("@angular/core").OutputEmitterRef<T>;
+  protected readonly panelOpen: import("@angular/core").WritableSignal<boolean>;
+  protected readonly panelStyle: import("@angular/core").WritableSignal<{
+    top: string;
+    left: string;
+  } | null>;
+  protected readonly visibleItems: import("@angular/core").Signal<T[]>;
+  protected readonly overflowItems: import("@angular/core").Signal<T[]>;
+  protected readonly overflowCount: import("@angular/core").Signal<number>;
+  protected isActive(item: T): boolean;
+  protected selectItem(item: T): void;
+  protected toggleOverflowPanel(): void;
+  protected updatePanelPosition(): void;
+  protected handleClickOutside(event: MouseEvent): void;
+  protected onKeydown(event: KeyboardEvent): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<AvatarGroup<any>, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<AvatarGroup<any>, "gbt-avatar-group", never, {
+    "items": {
+      "alias": "items";
+      "required": true;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "moreLabel": {
+      "alias": "moreLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "activeItem": {
+      "alias": "activeItem";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "itemClick": "itemClick";
+  }, never, never, true, never>;
+}
+export type { AvatarGroupItem };

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

@@ -0,0 +1,31 @@
+import { computeInitials } from "@masmarino/gabarit/format";
+import * as i0 from "@angular/core";
+type AvatarSize = 'sm' | 'md' | 'lg';
+export declare class Avatar {
+  name: import("@angular/core").InputSignal<string>;
+  src: import("@angular/core").InputSignal<string | null>;
+  size: import("@angular/core").InputSignal<AvatarSize>;
+  protected readonly imageFailed: import("@angular/core").WritableSignal<boolean>;
+  protected readonly showImage: import("@angular/core").Signal<boolean>;
+  protected readonly initials: import("@angular/core").Signal<string>;
+  protected onImageError(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<Avatar, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<Avatar, "gbt-avatar", never, {
+    "name": {
+      "alias": "name";
+      "required": true;
+      "isSignal": true;
+    };
+    "src": {
+      "alias": "src";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+export type { AvatarSize };

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

@@ -0,0 +1,139 @@
+import { ClipboardFeedback } from "@masmarino/gabarit/copy-button";
+import * as i0 from "@angular/core";
+type BadgeVariant = 'neutral' | 'success' | 'warning' | 'error' | 'info';
+type BadgeAppearance = 'filled' | 'outline';
+type BadgeSize = 'md' | 'sm';
+export declare class Badge {
+  variant: import("@angular/core").InputSignal<BadgeVariant>;
+  icon: import("@angular/core").InputSignal<string | undefined>;
+  appearance: import("@angular/core").InputSignal<BadgeAppearance>;
+  size: import("@angular/core").InputSignal<BadgeSize>;
+  truncate: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  tabularNums: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  mono: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  maxWidth: import("@angular/core").InputSignal<string | null>;
+  fullText: import("@angular/core").InputSignal<string | null>;
+  copyable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  copyValue: import("@angular/core").InputSignal<string | null>;
+  copyLabel: import("@angular/core").InputSignal<string>;
+  copiedText: import("@angular/core").InputSignal<string>;
+  failedText: import("@angular/core").InputSignal<string>;
+  feedbackMs: import("@angular/core").InputSignal<number>;
+  value: import("@angular/core").InputSignal<number | null>;
+  max: import("@angular/core").InputSignal<number | null>;
+  hideZero: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  label: import("@angular/core").InputSignal<string | null>;
+  copied: import("@angular/core").OutputEmitterRef<string>;
+  copyFailed: import("@angular/core").OutputEmitterRef<void>;
+  protected readonly clipboard: ClipboardFeedback;
+  private readonly content;
+  protected readonly hasValue: import("@angular/core").Signal<boolean>;
+  private readonly count;
+  protected readonly displayText: import("@angular/core").Signal<string>;
+  protected readonly visible: import("@angular/core").Signal<boolean>;
+  protected readonly glyph: import("@angular/core").Signal<"check" | "alert-circle" | "copy">;
+  protected readonly statusText: import("@angular/core").Signal<string>;
+  protected copy(): Promise<void>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<Badge, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<Badge, "gbt-badge", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+    "appearance": {
+      "alias": "appearance";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "truncate": {
+      "alias": "truncate";
+      "required": false;
+      "isSignal": true;
+    };
+    "tabularNums": {
+      "alias": "tabularNums";
+      "required": false;
+      "isSignal": true;
+    };
+    "mono": {
+      "alias": "mono";
+      "required": false;
+      "isSignal": true;
+    };
+    "maxWidth": {
+      "alias": "maxWidth";
+      "required": false;
+      "isSignal": true;
+    };
+    "fullText": {
+      "alias": "fullText";
+      "required": false;
+      "isSignal": true;
+    };
+    "copyable": {
+      "alias": "copyable";
+      "required": false;
+      "isSignal": true;
+    };
+    "copyValue": {
+      "alias": "copyValue";
+      "required": false;
+      "isSignal": true;
+    };
+    "copyLabel": {
+      "alias": "copyLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "copiedText": {
+      "alias": "copiedText";
+      "required": false;
+      "isSignal": true;
+    };
+    "failedText": {
+      "alias": "failedText";
+      "required": false;
+      "isSignal": true;
+    };
+    "feedbackMs": {
+      "alias": "feedbackMs";
+      "required": false;
+      "isSignal": true;
+    };
+    "value": {
+      "alias": "value";
+      "required": false;
+      "isSignal": true;
+    };
+    "max": {
+      "alias": "max";
+      "required": false;
+      "isSignal": true;
+    };
+    "hideZero": {
+      "alias": "hideZero";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "copied": "copied";
+    "copyFailed": "copyFailed";
+  }, never, ["*"], true, never>;
+}
+export type { BadgeAppearance, BadgeSize, BadgeVariant };

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

@@ -0,0 +1,111 @@
+import { AxisSpec, ChartSeries, LinearAxisSpec, PointValue, TooltipPoint } from "@masmarino/gabarit/chart";
+import * as i0 from "@angular/core";
+export declare class BarChart {
+  series: import("@angular/core").InputSignal<ChartSeries<string>>;
+  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>;
+  yTickCount: 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<1 | 4 | 5 | 2 | 3 | 6>;
+  headline: import("@angular/core").InputSignal<string>;
+  trend: import("@angular/core").InputSignal<string>;
+  protected readonly hasData: import("@angular/core").Signal<boolean>;
+  protected readonly publicXValues: import("@angular/core").Signal<PointValue[]>;
+  protected readonly xSpec: import("@angular/core").Signal<AxisSpec>;
+  protected readonly ySpec: import("@angular/core").Signal<LinearAxisSpec>;
+  private displayValue;
+  protected readonly tooltipPoints: import("@angular/core").Signal<TooltipPoint<string>[]>;
+  protected readonly tableColumns: import("@angular/core").Signal<string[]>;
+  protected readonly tableRows: import("@angular/core").Signal<(string | number)[][]>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<BarChart, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<BarChart, "gbt-bar-chart", never, {
+    "series": {
+      "alias": "series";
+      "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;
+    };
+    "yTickCount": {
+      "alias": "yTickCount";
+      "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 RenderedBar {
+  category: string;
+  x: number;
+  y: number;
+  width: number;
+  height: number;
+}
+export declare class BarSeries {
+  private readonly context;
+  series: import("@angular/core").InputSignal<ChartSeries<string>>;
+  protected readonly activeIndex: import("@angular/core").Signal<number | null>;
+  protected readonly bars: import("@angular/core").Signal<RenderedBar[]>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<BarSeries, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<BarSeries, "g[gbtBarSeries]", never, {
+    "series": {
+      "alias": "series";
+      "required": true;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+export declare class Breadcrumb {
+  ariaLabel: import("@angular/core").InputSignal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<Breadcrumb, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<Breadcrumb, "gbt-breadcrumb", never, {
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": true;
+      "isSignal": true;
+    };
+  }, {}, never, ["[breadcrumb-ancestor]", "*"], true, never>;
+}

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

@@ -0,0 +1,108 @@
+import * as i0 from "@angular/core";
+type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'ghost' | 'ghost-danger' | 'link';
+type ButtonSize = 'small' | 'medium' | 'large';
+type ButtonHaspopup = 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog' | 'true' | 'false';
+export declare class Button {
+  private readonly elementRef;
+  protected readonly isAnchor: boolean;
+  variant: import("@angular/core").InputSignal<ButtonVariant>;
+  size: import("@angular/core").InputSignal<ButtonSize>;
+  type: import("@angular/core").InputSignal<"button" | "submit">;
+  text: import("@angular/core").InputSignal<string>;
+  iconName: import("@angular/core").InputSignal<string | null>;
+  ariaLabel: import("@angular/core").InputSignal<string | null>;
+  loading: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  loadingLabel: import("@angular/core").InputSignal<string>;
+  disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  pressed: import("@angular/core").InputSignalWithTransform<boolean | null, string | boolean | null | undefined>;
+  ariaExpanded: import("@angular/core").InputSignalWithTransform<boolean | null, string | boolean | null | undefined>;
+  ariaControls: import("@angular/core").InputSignal<string | null>;
+  ariaHaspopup: import("@angular/core").InputSignal<boolean | ButtonHaspopup | null>;
+  block: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  iconOnly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  clicked: import("@angular/core").OutputEmitterRef<void>;
+  protected readonly anchorHostClass: import("@angular/core").Signal<string>;
+  constructor();
+  protected handleClick(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<Button, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<Button, "gbt-button, a[gbtButton]", never, {
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "type": {
+      "alias": "type";
+      "required": false;
+      "isSignal": true;
+    };
+    "text": {
+      "alias": "text";
+      "required": false;
+      "isSignal": true;
+    };
+    "iconName": {
+      "alias": "iconName";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaLabel": {
+      "alias": "ariaLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "loading": {
+      "alias": "loading";
+      "required": false;
+      "isSignal": true;
+    };
+    "loadingLabel": {
+      "alias": "loadingLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+    "pressed": {
+      "alias": "pressed";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaExpanded": {
+      "alias": "ariaExpanded";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaControls": {
+      "alias": "ariaControls";
+      "required": false;
+      "isSignal": true;
+    };
+    "ariaHaspopup": {
+      "alias": "ariaHaspopup";
+      "required": false;
+      "isSignal": true;
+    };
+    "block": {
+      "alias": "block";
+      "required": false;
+      "isSignal": true;
+    };
+    "iconOnly": {
+      "alias": "iconOnly";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "clicked": "clicked";
+  }, never, ["*"], true, never>;
+}
+export type { ButtonHaspopup, ButtonSize, ButtonVariant };

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

@@ -0,0 +1,102 @@
+import * as i0 from "@angular/core";
+export declare class CardLink {
+  static ɵfac: i0.ɵɵFactoryDeclaration<CardLink, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<CardLink, "a[gbtCardLink]", never, {}, {}, never, ["*"], true, never>;
+}
+type CardVariant = 'elevated' | 'outlined';
+type CardTone = 'default' | 'success' | 'warning' | 'error';
+export declare class CardHeader {
+  static ɵfac: i0.ɵɵFactoryDeclaration<CardHeader, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<CardHeader, "[card-header]", never, {}, {}, never, never, true, never>;
+}
+export declare class Card {
+  hoverable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  heading: import("@angular/core").InputSignal<string>;
+  icon: import("@angular/core").InputSignal<string>;
+  headingLevel: import("@angular/core").InputSignal<1 | 2 | 3 | 4 | 5 | 6>;
+  variant: import("@angular/core").InputSignal<CardVariant>;
+  description: import("@angular/core").InputSignal<string>;
+  count: import("@angular/core").InputSignal<number | null>;
+  flush: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  tone: import("@angular/core").InputSignal<CardTone>;
+  selected: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  selectedLabel: import("@angular/core").InputSignal<string>;
+  href: import("@angular/core").InputSignal<string | null>;
+  linkLabel: import("@angular/core").InputSignal<string | null>;
+  private readonly customHeader;
+  private readonly projectedLink;
+  protected readonly hasCustomHeader: import("@angular/core").Signal<boolean>;
+  protected readonly hasHeader: import("@angular/core").Signal<boolean>;
+  protected readonly linked: import("@angular/core").Signal<boolean>;
+  protected readonly headerIcon: import("@angular/core").Signal<string>;
+  protected readonly cardClass: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<Card, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<Card, "gbt-card", never, {
+    "hoverable": {
+      "alias": "hoverable";
+      "required": false;
+      "isSignal": true;
+    };
+    "heading": {
+      "alias": "heading";
+      "required": false;
+      "isSignal": true;
+    };
+    "icon": {
+      "alias": "icon";
+      "required": false;
+      "isSignal": true;
+    };
+    "headingLevel": {
+      "alias": "headingLevel";
+      "required": false;
+      "isSignal": true;
+    };
+    "variant": {
+      "alias": "variant";
+      "required": false;
+      "isSignal": true;
+    };
+    "description": {
+      "alias": "description";
+      "required": false;
+      "isSignal": true;
+    };
+    "count": {
+      "alias": "count";
+      "required": false;
+      "isSignal": true;
+    };
+    "flush": {
+      "alias": "flush";
+      "required": false;
+      "isSignal": true;
+    };
+    "tone": {
+      "alias": "tone";
+      "required": false;
+      "isSignal": true;
+    };
+    "selected": {
+      "alias": "selected";
+      "required": false;
+      "isSignal": true;
+    };
+    "selectedLabel": {
+      "alias": "selectedLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "href": {
+      "alias": "href";
+      "required": false;
+      "isSignal": true;
+    };
+    "linkLabel": {
+      "alias": "linkLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["customHeader", "projectedLink"], ["[card-header-actions]", "*", "[card-header]"], true, never>;
+}
+export type { CardTone, CardVariant };