@masmarino/gabarit 1.0.2 → 1.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@masmarino/gabarit",
-  "version": "1.0.2",
+  "version": "1.1.0",
   "description": "Angular design system — UI components and dataviz for self-hosted applications.",
   "license": "MIT",
   "homepage": "https://github.com/Masmarino/Gabarit",

package/types/masmarino-gabarit.d.ts

@@ -4,7 +4,7 @@ import { OnDestroy, TemplateRef, ElementRef, InjectionToken, Signal } from '@ang
 import { ControlValueAccessor, FormControl } from '@angular/forms';
 import { Observable } from 'rxjs';
 
-declare const GABARIT_VERSION = "1.0.2";
+declare const GABARIT_VERSION = "1.1.0";
 
 declare class Icon {
     private readonly sanitizer;
@@ -151,7 +151,7 @@ declare class Tag {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tag, "gbt-tag", never, { "color": { "alias": "color"; "required": true; "isSignal": true; }; "removable": { "alias": "removable"; "required": false; "isSignal": true; }; "removeLabel": { "alias": "removeLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "removed": "removed"; }, never, ["*"], true, never>;
 }
 
-type EmptyStateIllustration = 'folder' | 'star' | 'checklist' | 'merge' | 'pipeline' | 'tag' | 'book';
+type EmptyStateIllustration = 'folder' | 'star' | 'checklist' | 'merge' | 'pipeline' | 'tag' | 'book' | 'server';
 declare class EmptyState {
     illustration: _angular_core.InputSignal<EmptyStateIllustration>;
     heading: _angular_core.InputSignal<string>;
@@ -349,9 +349,12 @@ declare class Drawer implements OnDestroy {
 }
 
 interface TableColumn<T> {
-    key: Extract<keyof T, string>;
+    key: string;
     label: string;
     format?: (row: T) => string;
+    cellTemplate?: TemplateRef<{
+        $implicit: T;
+    }>;
 }
 declare class Table<T extends object> {
     data: _angular_core.InputSignal<T[]>;
@@ -1558,9 +1561,49 @@ declare class Stepper {
     orientation: _angular_core.InputSignal<StepperOrientation>;
     completedLabel: _angular_core.InputSignal<string>;
     errorLabel: _angular_core.InputSignal<string>;
+    interactive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    selectedIndex: _angular_core.ModelSignal<number | null>;
+    selectedLabel: _angular_core.InputSignal<string>;
+    protected select(index: number): void;
+    protected isSelected(index: number): boolean;
     protected statusOf(index: number): StepperStatus;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<Stepper, never>;
-    static ɵcmp: _angular_core.ɵɵ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; }; }, { "activeIndex": "activeIndexChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵ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>;
+}
+
+type JobGraphStatus = 'pending' | 'running' | 'success' | 'failed' | 'canceled';
+interface JobGraphJob {
+    id: string;
+    name: string;
+    status: JobGraphStatus;
+    durationLabel?: string;
+    /** Names (not ids) of the jobs this job depends on; names are unique within a graph. */
+    needs: string[];
+}
+interface JobGraphStage {
+    name: string;
+    jobs: JobGraphJob[];
+}
+
+interface GraphLink {
+    key: string;
+    d: string;
+    done: boolean;
+}
+declare class JobGraph {
+    stages: _angular_core.InputSignal<JobGraphStage[]>;
+    selectedJobId: _angular_core.InputSignal<string | null>;
+    statusLabels: _angular_core.InputSignal<Record<JobGraphStatus, string>>;
+    needsLabel: _angular_core.InputSignal<string>;
+    ariaLabel: _angular_core.InputSignal<string>;
+    jobSelected: _angular_core.OutputEmitterRef<string>;
+    protected readonly links: _angular_core.WritableSignal<GraphLink[]>;
+    private readonly graph;
+    private readonly destroyRef;
+    constructor();
+    private measure;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<JobGraph, never>;
+    static ɵcmp: _angular_core.ɵɵ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>;
 }
 
 declare function formatFileSize(bytes: number): string;
@@ -1679,5 +1722,5 @@ declare class Tree {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<Tree, "gbt-tree", never, { "items": { "alias": "items"; "required": true; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "selectedId": { "alias": "selectedId"; "required": false; "isSignal": true; }; "expandedIds": { "alias": "expandedIds"; "required": false; "isSignal": true; }; "expandLabel": { "alias": "expandLabel"; "required": false; "isSignal": true; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; "isSignal": true; }; }, { "selectedId": "selectedIdChange"; "expandedIds": "expandedIdsChange"; }, never, never, true, never>;
 }
 
-export { Accordion, AccordionItem, Alert, AppShell, Autocomplete, Avatar, AvatarGroup, Badge, BarChart, BarSeries, Breadcrumb, Button, CHART_CONTEXT, Card, ChartAxis, ChartEmpty, ChartFrame, ChartLegend, ChartTable, ChartTooltip, Checkbox, ConfirmDangerModal, DatePicker, DateRangePicker, DescriptionList, DimensionCard, Divider, Drawer, EmptyState, FileUpload, FunnelChart, GABARIT_VERSION, GaugeBar, GbtInput, Icon, IconRegistry, LineChart, LineSeries, ListToolbar, Menu, Modal, NotificationDot, Pagination, PieChart, Popover, RadioGroup, SearchBar, SegmentedControl, Select, Skeleton, Slider, Sparkline, Spinner, Stepper, Switch, Tab, Table, Tabs, Tag, TagInput, Textarea, TimelineChart, TimelineSeries, Toaster, Tooltip, Tree, arcPath, areaPath, bandScale, formatCompact, formatDuration, formatNumber, formatPercent, linePath, linearScale, nearestIndex, niceTicks, niceXDomain, niceYDomain, timeScale, timeTicks };
-export type { AccordionMode, AlertVariant, Arc, AutocompleteSearchFn, AvatarGroupItem, AvatarSize, AxisSpec, BadgeVariant, BandScale, CalendarDay, ChartBox, ChartInterval, ChartMargin, ChartPoint, ChartReader, ChartSeries, DateRangeValue, DescriptionListEntry, DescriptionListLayout, DimensionRow, DividerOrientation, DrawerEdge, EmptyStateIllustration, FlatTreeNode, FunnelStep, LegendEntry, LinearAxisSpec, ListToolbarSortOption, NotificationDotVariant, PieSlice, Point, PointValue, PopoverAlign, RadioOption, Scale, SearchResultCategory, SegmentedControlOption, SelectOption, SkeletonVariant, SpinnerSize, StepperOrientation, StepperStatus, StepperStep, TableColumn, TimeTicks, TimeUnit, ToastItem, ToastVariant, ToasterPosition, TooltipPoint, TooltipPosition, TooltipRow, TreeNode, WeekStartsOn };
+export { Accordion, AccordionItem, Alert, AppShell, Autocomplete, Avatar, AvatarGroup, Badge, BarChart, BarSeries, Breadcrumb, Button, CHART_CONTEXT, Card, ChartAxis, ChartEmpty, ChartFrame, ChartLegend, ChartTable, ChartTooltip, Checkbox, ConfirmDangerModal, DatePicker, DateRangePicker, DescriptionList, DimensionCard, Divider, Drawer, EmptyState, FileUpload, FunnelChart, GABARIT_VERSION, GaugeBar, GbtInput, Icon, IconRegistry, JobGraph, LineChart, LineSeries, ListToolbar, Menu, Modal, NotificationDot, Pagination, PieChart, Popover, RadioGroup, SearchBar, SegmentedControl, Select, Skeleton, Slider, Sparkline, Spinner, Stepper, Switch, Tab, Table, Tabs, Tag, TagInput, Textarea, TimelineChart, TimelineSeries, Toaster, Tooltip, Tree, arcPath, areaPath, bandScale, formatCompact, formatDuration, formatNumber, formatPercent, linePath, linearScale, nearestIndex, niceTicks, niceXDomain, niceYDomain, timeScale, timeTicks };
+export type { AccordionMode, AlertVariant, Arc, AutocompleteSearchFn, AvatarGroupItem, AvatarSize, AxisSpec, BadgeVariant, BandScale, CalendarDay, ChartBox, ChartInterval, ChartMargin, ChartPoint, ChartReader, ChartSeries, DateRangeValue, DescriptionListEntry, DescriptionListLayout, DimensionRow, DividerOrientation, DrawerEdge, EmptyStateIllustration, FlatTreeNode, FunnelStep, JobGraphJob, JobGraphStage, JobGraphStatus, LegendEntry, LinearAxisSpec, ListToolbarSortOption, NotificationDotVariant, PieSlice, Point, PointValue, PopoverAlign, RadioOption, Scale, SearchResultCategory, SegmentedControlOption, SelectOption, SkeletonVariant, SpinnerSize, StepperOrientation, StepperStatus, StepperStep, TableColumn, TimeTicks, TimeUnit, ToastItem, ToastVariant, ToasterPosition, TooltipPoint, TooltipPosition, TooltipRow, TreeNode, WeekStartsOn };