@underlayerdev/ui 0.16.0 → 0.17.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@underlayerdev/ui",
-  "version": "0.16.0",
+  "version": "0.17.1",
   "peerDependencies": {
     "@angular/cdk": "^22.0.0",
     "@angular/common": "^22.0.0",

package/types/underlayerdev-ui.d.ts

@@ -2405,6 +2405,101 @@ export declare class MenuTriggerComponent {
     "closed": "closed";
   }, never, never, true, never>;
 }
+/**
+ * Footer of any paginated list: asks for the next page when it scrolls near the viewport,
+ * and shows the matching indicator (loading, load more button, retry, end of list).
+ * It knows nothing about what is listed and never fetches: bind `hasMore`/`loading`/`error`
+ * to your store and react to `loadMore` and `retry`.
+ *
+ * On screens below the `sm` breakpoint it loads pages automatically for as long as there are
+ * any. From `sm` up it does so for `autoLoadPages` pages, then waits for the button so the
+ * page footer stays reachable.
+ *
+ * @example
+ * <ul-load-more [hasMore]="hasMore()" [loading]="loading()" [error]="failed()"
+ *   (loadMore)="loadMore()" (retry)="retry()">
+ *   Load more
+ *   <span ulLoadMoreError>Could not load more.</span>
+ *   <span ulLoadMoreEnd>You have seen everything.</span>
+ * </ul-load-more>
+ */
+export declare class LoadMoreComponent {
+  /** Whether another page exists */
+  readonly hasMore: import("@angular/core").InputSignal<boolean>;
+  /** Whether a page is being fetched */
+  readonly loading: import("@angular/core").InputSignal<boolean>;
+  /** Whether the last fetch failed; shows the retry action and stops automatic loading */
+  readonly error: import("@angular/core").InputSignal<boolean>;
+  /** Pages loaded automatically from `sm` up before the button takes over */
+  readonly autoLoadPages: import("@angular/core").InputSignal<number>;
+  /** Show the end-of-list content once `hasMore` is false. Turn off while the list is empty */
+  readonly showEnd: import("@angular/core").InputSignal<boolean>;
+  /** Distance from the viewport at which the next page is requested early */
+  readonly rootMargin: import("@angular/core").InputSignal<string>;
+  /** Accessible name of the loading indicator */
+  readonly loadingLabel: import("@angular/core").InputSignal<string>;
+  /** Change it when the list is replaced (new filters), to count automatic pages from zero */
+  readonly resetKey: import("@angular/core").InputSignal<unknown>;
+  readonly loadMore: import("@angular/core").OutputEmitterRef<void>;
+  readonly retry: import("@angular/core").OutputEmitterRef<void>;
+  private readonly sentinel;
+  private readonly isBrowser;
+  private readonly destroyRef;
+  private readonly autoLoaded;
+  private readonly isWide;
+  protected readonly isAuto: import("@angular/core").Signal<boolean>;
+  protected readonly showButton: import("@angular/core").Signal<boolean>;
+  protected readonly showEndContent: import("@angular/core").Signal<boolean>;
+  private readonly canObserve;
+  constructor();
+  protected onButtonClick(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<LoadMoreComponent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<LoadMoreComponent, "ul-load-more", never, {
+    "hasMore": {
+      "alias": "hasMore";
+      "required": false;
+      "isSignal": true;
+    };
+    "loading": {
+      "alias": "loading";
+      "required": false;
+      "isSignal": true;
+    };
+    "error": {
+      "alias": "error";
+      "required": false;
+      "isSignal": true;
+    };
+    "autoLoadPages": {
+      "alias": "autoLoadPages";
+      "required": false;
+      "isSignal": true;
+    };
+    "showEnd": {
+      "alias": "showEnd";
+      "required": false;
+      "isSignal": true;
+    };
+    "rootMargin": {
+      "alias": "rootMargin";
+      "required": false;
+      "isSignal": true;
+    };
+    "loadingLabel": {
+      "alias": "loadingLabel";
+      "required": false;
+      "isSignal": true;
+    };
+    "resetKey": {
+      "alias": "resetKey";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "loadMore": "loadMore";
+    "retry": "retry";
+  }, never, ["[ulLoadMoreError]", "[ulLoadMoreEnd]", "[ulLoadMoreRetry]", "*"], true, never>;
+}
 export type ModalVariant = 'default' | 'success' | 'error' | 'custom' | 'bottom-sheet' | 'confirmation';
 export declare class ModalComponent {
   /** Whether the modal is open. Supports two-way binding with [(open)]. */
@@ -3084,7 +3179,7 @@ export declare class StepperComponent {
   }, {}, never, never, true, never>;
 }
 export type ToastKind = 'info' | 'success' | 'warning' | 'error';
-export declare const toastIcon: (kind: ToastKind) => "info" | "alert" | "check_circle" | "cross_circle";
+export declare const toastIcon: (kind: ToastKind) => "alert" | "check_circle" | "cross_circle" | "info";
 export interface ToastConfig {
   readonly id: string;
   readonly message: string;