@lukfel/ng-scaffold 22.1.2 → 22.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lukfel/ng-scaffold",
-  "version": "22.1.2",
+  "version": "22.1.4",
   "description": "This Angular library provides a basic UI scaffold and services for modern web and mobile apps",
   "license": "MIT",
   "author": {

package/types/lukfel-ng-scaffold.d.ts

@@ -6,6 +6,7 @@ import { MatCheckboxChange } from '@angular/material/checkbox';
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
 import * as _angular_cdk_layout from '@angular/cdk/layout';
+import { MediaMatcher } from '@angular/cdk/layout';
 import { MatDialogConfig } from '@angular/material/dialog';
 import { MatSnackBarConfig } from '@angular/material/snack-bar';
 import { HttpInterceptor, HttpRequest, HttpHandler, HttpEvent } from '@angular/common/http';
@@ -145,6 +146,7 @@ interface ScaffoldLibraryConfig {
     production?: boolean;
     debugging?: boolean;
     language?: TranslationConfig;
+    ssrBreakpoints?: boolean;
 }
 
 interface ListItem {
@@ -551,6 +553,29 @@ declare class Logger {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<Logger>;
 }
 
+/**
+ * Answers media queries during SSR from the incoming request rather than matching nothing, so
+ * breakpoint driven markup is server rendered for the requesting device class instead of always
+ * falling back to desktop. On the browser it defers to the platform implementation.
+ *
+ * Opt in with `provideScaffold({ ssrBreakpoints: true })`. Doing so makes the SSR response depend
+ * on the request, so whatever serves it must `Vary` on `Sec-CH-UA-Mobile` and `User-Agent` or a
+ * cached mobile render will be handed to a desktop client.
+ */
+declare class ScaffoldMediaMatcher extends MediaMatcher {
+    private platformId;
+    private request;
+    matchMedia(query: string): MediaQueryList;
+    private isMobileRequest;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ScaffoldMediaMatcher, never>;
+    static ɵprov: _angular_core.ɵɵInjectableDeclaration<ScaffoldMediaMatcher>;
+}
+/**
+ * Evaluates the width and orientation parts of a media query against an assumed viewport.
+ * Conditions a request cannot answer, such as `prefers-color-scheme`, never match.
+ */
+declare function matchesMediaQuery(query: string, width: number, height: number): boolean;
+
 declare class OverlayService {
     libraryConfig: ScaffoldLibraryConfig | null;
     private overlay;
@@ -744,5 +769,5 @@ declare class ScaffoldLoadingInterceptor implements HttpInterceptor {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ScaffoldLoadingInterceptor>;
 }
 
-export { BreakpointService, CONFIG, ColorPickerComponent, DialogService, FileUploadComponent, ListComponent, ListItemAvatarDirective, ListItemButtonsDirective, ListItemSubtitleDirective, ListItemTitleDirective, LocalStorageService, Logger, NotificationComponent, OverlayService, PlaceholderComponent, RouterService, ScaffoldComponent, ScaffoldLoadingInterceptor, ScaffoldService, SeoService, SnackbarService, ThemeService, TranslationService, provideScaffold };
+export { BreakpointService, CONFIG, ColorPickerComponent, DialogService, FileUploadComponent, ListComponent, ListItemAvatarDirective, ListItemButtonsDirective, ListItemSubtitleDirective, ListItemTitleDirective, LocalStorageService, Logger, NotificationComponent, OverlayService, PlaceholderComponent, RouterService, ScaffoldComponent, ScaffoldLoadingInterceptor, ScaffoldMediaMatcher, ScaffoldService, SeoService, SnackbarService, ThemeService, TranslationService, matchesMediaQuery, provideScaffold };
 export type { BottomBarConfig, Button, ConfirmDialogConfig, ContentTitleCardConfig, DrawerConfig, FloatingButtonConfig, FooterConfig, HeaderConfig, HeaderInputConfig, HeaderResponsiveConfig, ListConfig, ListHeader, ListItem, LoadingOverlayConfig, MenuButton, NavbarConfig, NavigationLink, PlaceholderConfig, ScaffoldConfig, ScaffoldLibraryConfig, SeoConfig, TransMap, TranslationConfig };