@theseam/ui-common 1.0.2-beta.45 → 1.0.2-beta.51

package/layout/index.d.ts

@@ -1,8 +1,5 @@
-import * as i0 from '@angular/core';
-import * as i1 from '@angular/common';
-import * as i2 from '@angular/flex-layout';
-import { MediaObserver } from '@angular/flex-layout';
 import { Observable } from 'rxjs';
+import * as i0 from '@angular/core';
 
 /**
  * | breakpoint | mediaQuery                                              |
@@ -25,14 +22,7 @@ import { Observable } from 'rxjs';
  */
 type MediaQueryAliases = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'lt-sm' | 'lt-md' | 'lt-lg' | 'lt-xl' | 'gt-xs' | 'gt-sm' | 'gt-md' | 'gt-lg';
 
-declare class TheSeamLayoutModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamLayoutModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TheSeamLayoutModule, never, [typeof i1.CommonModule, typeof i2.FlexLayoutModule], [typeof i2.FlexLayoutModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<TheSeamLayoutModule>;
-}
-
 declare class TheSeamLayoutService {
-    private _media;
     /**
      * Observes if app is a mobile-like size.
      * Default mobile breakpoint is <= 599px,
@@ -41,7 +31,7 @@ declare class TheSeamLayoutService {
     isMobile$: Observable<boolean>;
     private _mobileBreakpoint;
     mobileBreakpoint$: Observable<MediaQueryAliases>;
-    constructor(_media: MediaObserver);
+    constructor();
     observe(alias: MediaQueryAliases): Observable<boolean>;
     /**
      * Update breakpoint observed by isMobile$
@@ -52,10 +42,10 @@ declare class TheSeamLayoutService {
 }
 
 /**
- * Observable helper for observing a single breakpoint alias with
- * `@angular/flex-layout` MediaObserver.
+ * Observable helper for observing a single breakpoint alias using native
+ * `window.matchMedia`.
  */
-declare function observeMediaQuery(mediaObserver: MediaObserver, alias: MediaQueryAliases): Observable<boolean>;
+declare function observeMediaQuery(alias: MediaQueryAliases): Observable<boolean>;
 
-export { TheSeamLayoutModule, TheSeamLayoutService, observeMediaQuery };
+export { TheSeamLayoutService, observeMediaQuery };
 export type { MediaQueryAliases };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@theseam/ui-common",
-  "version": "1.0.2-beta.45",
+  "version": "1.0.2-beta.51",
   "peerDependencies": {
     "@angular/cdk": "^20.2.3",
     "@angular/common": "^20.3.0",
@@ -8,7 +8,6 @@
     "@angular/forms": "^20.3.0",
     "@angular/animations": "^20.3.0",
     "@angular/router": "^20.3.0",
-    "@angular/flex-layout": "^15.0.0-beta.42",
     "rxjs": "~7.8.0",
     "@fortawesome/angular-fontawesome": "^0.13.0",
     "@fortawesome/fontawesome-svg-core": "^1.2.35",

package/progress/index.d.ts

@@ -1,7 +1,26 @@
+import { ComponentHarness } from '@angular/cdk/testing';
 import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
+import { AbstractControl } from '@angular/forms';
 import * as i2 from '@angular/common';
 
+/** Harness for a single cell inside `TheSeamSegmentedProgressBarComponent`. */
+declare class TheSeamSegmentedProgressBarCellHarness extends ComponentHarness {
+    static hostSelector: string;
+    /** The visual state of the cell, derived from its host classes. */
+    getState(): Promise<'default' | 'complete'>;
+    click(): Promise<void>;
+}
+/** Harness for `TheSeamSegmentedProgressBarComponent`. */
+declare class TheSeamSegmentedProgressBarHarness extends ComponentHarness {
+    static hostSelector: string;
+    private readonly _cells;
+    /** Gets harnesses for every rendered cell, in order. */
+    getCells(): Promise<TheSeamSegmentedProgressBarCellHarness[]>;
+    /** Clicks the cell at the given zero-based index. */
+    clickCell(index: number): Promise<void>;
+}
+
 interface IProgressInfo {
     dashoffset: number;
     circumference: number;
@@ -29,10 +48,48 @@ declare class ProgressCircleComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<ProgressCircleComponent, "seam-progress-circle", never, { "fillBackground": { "alias": "fillBackground"; "required": false; }; "showText": { "alias": "showText"; "required": false; }; "hiddenOnEmpty": { "alias": "hiddenOnEmpty"; "required": false; }; "pending": { "alias": "pending"; "required": false; }; "percentage": { "alias": "percentage"; "required": false; }; }, {}, never, never, false, never>;
 }
 
+/**
+ * Describes a single step rendered by `TheSeamSegmentedProgressBarComponent`.
+ *
+ * A step's visual state is derived from either an explicit `completed` flag
+ * or the validity of an injected `control`. When a `control` is provided,
+ * the step is considered visually complete only after it has been visited
+ * (either `isCurrent` or `hasVisited` is true) to avoid marking steps as
+ * done before the user has seen them.
+ */
+interface TheSeamSegmentedProgressBarStep {
+    /** Tooltip label shown on hover when `enableTooltip` is true. */
+    label: string;
+    /** Unique identifier for the step — used as the `@for` track key. */
+    value: string;
+    /**
+     * Explicit completion flag. When set, takes precedence over `control`.
+     * Leave undefined to derive state from `control` instead.
+     */
+    completed?: boolean;
+    /** Optional form control whose validity drives state when `completed` is unset. */
+    control?: AbstractControl;
+    /** Whether this step is the currently-active step. */
+    isCurrent?: boolean;
+    /** Whether the user has previously visited this step. */
+    hasVisited?: boolean;
+}
+
+declare class TheSeamSegmentedProgressBarComponent {
+    readonly progressSteps: i0.InputSignal<TheSeamSegmentedProgressBarStep[]>;
+    readonly clickable: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly enableTooltip: i0.InputSignalWithTransform<boolean, unknown>;
+    readonly cellClicked: i0.OutputEmitterRef<TheSeamSegmentedProgressBarStep>;
+    onClickProgressCell(step: TheSeamSegmentedProgressBarStep): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamSegmentedProgressBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TheSeamSegmentedProgressBarComponent, "seam-segmented-progress-bar", never, { "progressSteps": { "alias": "progressSteps"; "required": false; "isSignal": true; }; "clickable": { "alias": "clickable"; "required": false; "isSignal": true; }; "enableTooltip": { "alias": "enableTooltip"; "required": false; "isSignal": true; }; }, { "cellClicked": "cellClicked"; }, never, never, true, never>;
+}
+
 declare class TheSeamProgressModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<TheSeamProgressModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<TheSeamProgressModule, [typeof ProgressCircleComponent], [typeof i2.CommonModule], [typeof ProgressCircleComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TheSeamProgressModule, [typeof ProgressCircleComponent], [typeof i2.CommonModule, typeof TheSeamSegmentedProgressBarComponent], [typeof ProgressCircleComponent, typeof TheSeamSegmentedProgressBarComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<TheSeamProgressModule>;
 }
 
-export { ProgressCircleComponent, TheSeamProgressModule, calcDashoffset };
+export { ProgressCircleComponent, TheSeamProgressModule, TheSeamSegmentedProgressBarCellHarness, TheSeamSegmentedProgressBarComponent, TheSeamSegmentedProgressBarHarness, calcDashoffset };
+export type { TheSeamSegmentedProgressBarStep };