ngwr 7.2.0 → 8.0.0

package/types/ngwr-input.d.ts

@@ -1,5 +1,25 @@
 import * as i0 from '@angular/core';
 
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * Native input `type` values supported by `<wr-input>`.
+ */
+type WrInputType = 'text' | 'number' | 'password' | 'email' | 'search' | 'tel' | 'url';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/** Control size for `[wrInput]` — shares the `--wr-control-*` contract. */
+type WrInputSize = 'sm' | 'md' | 'lg';
+
 /**
  * Applies NGWR input styling to a native `<input>` element.
  *
@@ -22,11 +42,16 @@ import * as i0 from '@angular/core';
  * @see https://ngwr.dev/components/input
  */
 declare class WrInput {
+    /**
+     * Control size. Named `wrSize` (not `size`) so it never clashes with the
+     * native `<input size>` attribute. @default 'md'
+     */
+    readonly wrSize: i0.InputSignal<WrInputSize>;
     /** Pill-shaped corners. @default false */
     readonly rounded: i0.InputSignalWithTransform<boolean, any>;
     protected readonly classes: i0.Signal<string>;
     static ɵfac: i0.ɵɵFactoryDeclaration<WrInput, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<WrInput, "input[wrInput], textarea[wrInput]", never, { "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<WrInput, "input[wrInput], textarea[wrInput]", never, { "wrSize": { "alias": "wrSize"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**
@@ -116,16 +141,5 @@ declare class WrPasswordToggle {
     static ɵcmp: i0.ɵɵComponentDeclaration<WrPasswordToggle, "wr-password-toggle", never, { "for": { "alias": "for"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
-/**
- * @license
- *
- * Use of this source code is governed by an MIT-style license that can be
- * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
- */
-/**
- * Native input `type` values supported by `<wr-input>`.
- */
-type WrInputType = 'text' | 'number' | 'password' | 'email' | 'search' | 'tel' | 'url';
-
 export { WrInput, WrInputGroup, WrInputPrefix, WrInputSuffix, WrPasswordToggle };
-export type { WrInputType };
+export type { WrInputSize, WrInputType };

package/types/ngwr-lightbox.d.ts

@@ -29,6 +29,14 @@ declare class WrLightbox {
     readonly disablePreview: _angular_core.InputSignalWithTransform<boolean, any>;
     /** Caption shown under the full image in the lightbox. */
     readonly caption: _angular_core.InputSignal<string>;
+    /**
+     * Reserve space before the image resolves by fixing the thumbnail's
+     * `aspect-ratio` (e.g. `'16 / 9'`, `'4 / 3'`, or a number like `1.5`).
+     * Prevents the layout jump when the intrinsic image size isn't known up
+     * front — pair it with a `width` and the box keeps its height from first
+     * paint. @default null
+     */
+    readonly aspectRatio: _angular_core.InputSignal<string | number | null>;
     protected readonly open: _angular_core.WritableSignal<boolean>;
     protected readonly loaded: _angular_core.WritableSignal<boolean>;
     protected readonly classes: _angular_core.Signal<string>;
@@ -40,11 +48,16 @@ declare class WrLightbox {
     constructor();
     protected onClick(): void;
     protected onClose(): void;
+    private viewerStartY;
+    private viewerSwiping;
+    protected onViewerSwipeStart(event: TouchEvent): void;
+    protected onViewerSwipeMove(event: TouchEvent, viewer: HTMLElement): void;
+    protected onViewerSwipeEnd(event: TouchEvent, viewer: HTMLElement): void;
     protected onLoad(): void;
     private openOverlay;
     private closeOverlay;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrLightbox, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrLightbox, "wr-lightbox", never, { "src": { "alias": "src"; "required": true; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "preview": { "alias": "preview"; "required": false; "isSignal": true; }; "disablePreview": { "alias": "disablePreview"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrLightbox, "wr-lightbox", never, { "src": { "alias": "src"; "required": true; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "preview": { "alias": "preview"; "required": false; "isSignal": true; }; "disablePreview": { "alias": "disablePreview"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "aspectRatio": { "alias": "aspectRatio"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { WrLightbox };

package/types/ngwr-pagination.d.ts

@@ -1,5 +1,4 @@
 import * as _angular_core from '@angular/core';
-import { WrButtonSize } from 'ngwr/button';
 
 /**
  * @license
@@ -33,12 +32,9 @@ type WrPaginationShape = 'rounded' | 'square';
  * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
  */
 /**
- * Size variant. The middle three (`sm` / `md` / `lg`) cascade the
- * matching `<wr-btn>` size directly; `xs` and `xl` reuse the closest
- * button size and overlay tighter / chunkier padding + font tokens so
- * the cells read smaller / bigger than the button's own scale.
+ * Size variant. Cascades the matching `<wr-btn>` size to every cell.
  */
-type WrPaginationSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type WrPaginationSize = 'sm' | 'md' | 'lg';
 
 declare const ELLIPSIS: "\u2026";
 type PageEntry = number | typeof ELLIPSIS;
@@ -75,14 +71,18 @@ declare class WrPagination {
     readonly showTotal: _angular_core.InputSignalWithTransform<boolean, any>;
     /** Horizontal alignment. @default 'start' */
     readonly align: _angular_core.InputSignal<WrPaginationAlign>;
-    /** Size variant — cascades to every internal button. @default 'md' */
+    /** Size variant — cascades to every internal button. @default 'sm' */
     readonly size: _angular_core.InputSignal<WrPaginationSize>;
-    /** Resolved button size — clamps xs/xl to the closest button size. @internal */
-    protected readonly buttonSize: _angular_core.Signal<WrButtonSize>;
     /** Cell corner treatment. @default 'rounded' */
     readonly shape: _angular_core.InputSignal<WrPaginationShape>;
     /** Disable interaction. @default false */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
+    /**
+     * Collapse to a compact `‹ page / total ›` pager when the control's own box
+     * is too narrow for the full numbered strip (a container query on its own
+     * width, not the viewport). @default false
+     */
+    readonly responsive: _angular_core.InputSignalWithTransform<boolean, any>;
     /** Localised text between range and total ("X–Y of Z"). Falls back to `pagination.of` then `'of'`. */
     readonly ofLabel: _angular_core.InputSignal<string | null>;
     /** Previous-page button aria-label. Falls back to `pagination.prev`. */
@@ -112,7 +112,7 @@ declare class WrPagination {
     protected goTo(page: number | typeof ELLIPSIS): void;
     protected onSizeChange(size: number): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrPagination, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrPagination, "wr-pagination", never, { "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showSizeChanger": { "alias": "showSizeChanger"; "required": false; "isSignal": true; }; "showTotal": { "alias": "showTotal"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ofLabel": { "alias": "ofLabel"; "required": false; "isSignal": true; }; "prevLabel": { "alias": "prevLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "itemsPerPageLabel": { "alias": "itemsPerPageLabel"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; "pageSize": "pageSizeChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrPagination, "wr-pagination", never, { "currentPage": { "alias": "currentPage"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "total": { "alias": "total"; "required": false; "isSignal": true; }; "pageSizeOptions": { "alias": "pageSizeOptions"; "required": false; "isSignal": true; }; "showSizeChanger": { "alias": "showSizeChanger"; "required": false; "isSignal": true; }; "showTotal": { "alias": "showTotal"; "required": false; "isSignal": true; }; "align": { "alias": "align"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "ofLabel": { "alias": "ofLabel"; "required": false; "isSignal": true; }; "prevLabel": { "alias": "prevLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "itemsPerPageLabel": { "alias": "itemsPerPageLabel"; "required": false; "isSignal": true; }; }, { "currentPage": "currentPageChange"; "pageSize": "pageSizeChange"; }, never, never, true, never>;
 }
 
 export { WrPagination };

package/types/ngwr-radio.d.ts

@@ -16,6 +16,7 @@ import { ControlValueAccessor } from '@angular/forms';
  *
  * @see https://ngwr.dev/components/radio
  */
+type WrRadioSize = 'sm' | 'md' | 'lg';
 declare class WrRadio {
     /** Stable id used to associate the native input with its label. */
     readonly id: _angular_core.InputSignal<string>;
@@ -26,16 +27,26 @@ declare class WrRadio {
      * default solid circle. Use any registered NGWR icon.
      */
     readonly icon: _angular_core.InputSignal<string | null>;
+    /** Control size — shares the `--wr-control-*` contract. @default 'md' */
+    readonly size: _angular_core.InputSignal<WrRadioSize>;
+    /**
+     * Disable just this option. The group can also be disabled as a whole via
+     * `<wr-radio-group disabled>`; either source disables this radio.
+     *
+     * @default false
+     */
+    readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
     private readonly group;
     constructor();
     protected readonly name: _angular_core.Signal<string>;
     protected readonly checked: _angular_core.Signal<boolean>;
-    protected readonly disabled: _angular_core.Signal<boolean>;
+    /** Effective disabled — this option's own `disabled` or the group's. */
+    protected readonly isDisabled: _angular_core.Signal<boolean>;
     protected readonly classes: _angular_core.Signal<string>;
     protected onSelect(): void;
     protected onBlur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrRadio, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrRadio, "wr-radio", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrRadio, "wr-radio", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**
@@ -117,4 +128,4 @@ declare class WrRadioGroup implements ControlValueAccessor, WrRadioGroupContext
 }
 
 export { WR_RADIO_GROUP, WrRadio, WrRadioGroup };
-export type { WrRadioGroupContext };
+export type { WrRadioGroupContext, WrRadioSize };

package/types/ngwr-rating.d.ts

@@ -18,6 +18,7 @@ import { ControlValueAccessor } from '@angular/forms';
  *
  * @see https://ngwr.dev/components/rating
  */
+type WrRatingSize = 'sm' | 'md' | 'lg';
 declare class WrRating implements ControlValueAccessor {
     /** Total number of slots. @default 5 */
     readonly count: _angular_core.InputSignalWithTransform<number, unknown>;
@@ -27,6 +28,8 @@ declare class WrRating implements ControlValueAccessor {
     readonly readonly: _angular_core.InputSignalWithTransform<boolean, any>;
     /** Disable interaction. @default false */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
+    /** Control size — scales the icons + gaps. @default 'md' */
+    readonly size: _angular_core.InputSignal<WrRatingSize>;
     /** Accessible label. @default 'Rating' */
     readonly ariaLabel: _angular_core.InputSignal<string>;
     /** Last committed value (mirrored from the CVA). */
@@ -56,7 +59,8 @@ declare class WrRating implements ControlValueAccessor {
     private computeValue;
     private commit;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrRating, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrRating, "wr-rating", never, { "count": { "alias": "count"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrRating, "wr-rating", never, { "count": { "alias": "count"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { WrRating };
+export type { WrRatingSize };

package/types/ngwr-rotating-text.d.ts

@@ -49,6 +49,7 @@ declare class WrRotatingText {
     protected readonly current: _angular_core.Signal<string>;
     protected readonly words: _angular_core.Signal<readonly Word[]>;
     private readonly host;
+    private readonly injector;
     private readonly destroyRef;
     private readonly isBrowser;
     private readonly platform;

package/types/ngwr-segmented.d.ts

@@ -39,6 +39,7 @@ interface WrSegmentedOption<T = unknown> {
  *
  * @see https://ngwr.dev/components/segmented
  */
+type WrSegmentedSize = 'sm' | 'md' | 'lg';
 declare class WrSegmented<T = unknown> {
     /** The segments to render. */
     readonly options: _angular_core.InputSignal<readonly WrSegmentedOption<T>[]>;
@@ -46,6 +47,8 @@ declare class WrSegmented<T = unknown> {
     readonly value: _angular_core.ModelSignal<T | null>;
     /** Disable the whole control. @default false */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
+    /** Control size — shares the `--wr-control-*` contract. @default 'md' */
+    readonly size: _angular_core.InputSignal<WrSegmentedSize>;
     /** Index of the selected option, or `-1` when nothing is selected. */
     protected readonly selectedIndex: _angular_core.Signal<number>;
     /** Flips true after the first paint so the thumb only animates user-driven changes, not the initial snap. */
@@ -58,8 +61,8 @@ declare class WrSegmented<T = unknown> {
     protected select(option: WrSegmentedOption<T>): void;
     protected trackByValue(_: number, option: WrSegmentedOption<T>): unknown;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrSegmented<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrSegmented<any>, "wr-segmented", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrSegmented<any>, "wr-segmented", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
 
 export { WrSegmented };
-export type { WrSegmentedOption };
+export type { WrSegmentedOption, WrSegmentedSize };

package/types/ngwr-select.d.ts

@@ -37,6 +37,8 @@ type WrSelectTagValidator = (value: string, existing: readonly string[]) => bool
  * so stale responses can't clobber fresh ones.
  */
 type WrSelectSearchLoader<T> = (query: string) => Observable<readonly T[]> | Promise<readonly T[]> | readonly T[];
+/** Control size for `<wr-select>` — shares the `--wr-control-*` contract. */
+type WrSelectSize = 'sm' | 'md' | 'lg';
 
 /**
  * @license
@@ -155,6 +157,8 @@ declare class WrSelect implements ControlValueAccessor, WrSelectContext {
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
     /** Pill-shaped corners on the trigger. @default false */
     readonly rounded: _angular_core.InputSignalWithTransform<boolean, any>;
+    /** Control size — shares the `--wr-control-*` contract. @default 'md' */
+    readonly size: _angular_core.InputSignal<WrSelectSize>;
     /**
      * Present the option panel as a full-width bottom-sheet on small
      * viewports instead of an anchored dropdown. `undefined` follows the
@@ -355,7 +359,7 @@ declare class WrSelect implements ControlValueAccessor, WrSelectContext {
     private openOverlay;
     private closeOverlay;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrSelect, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrSelect, "wr-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "loader": { "alias": "loader"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; "minChars": { "alias": "minChars"; "required": false; "isSignal": true; }; "freeText": { "alias": "freeText"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "separators": { "alias": "separators"; "required": false; "isSignal": true; }; "allowDuplicates": { "alias": "allowDuplicates"; "required": false; "isSignal": true; }; "validate": { "alias": "validate"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; "maxTagCount": { "alias": "maxTagCount"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrSelect, "wr-select", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "displayWith": { "alias": "displayWith"; "required": false; "isSignal": true; }; "loader": { "alias": "loader"; "required": false; "isSignal": true; }; "debounceMs": { "alias": "debounceMs"; "required": false; "isSignal": true; }; "minChars": { "alias": "minChars"; "required": false; "isSignal": true; }; "freeText": { "alias": "freeText"; "required": false; "isSignal": true; }; "noResultsText": { "alias": "noResultsText"; "required": false; "isSignal": true; }; "loadingText": { "alias": "loadingText"; "required": false; "isSignal": true; }; "separators": { "alias": "separators"; "required": false; "isSignal": true; }; "allowDuplicates": { "alias": "allowDuplicates"; "required": false; "isSignal": true; }; "validate": { "alias": "validate"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; "maxTagCount": { "alias": "maxTagCount"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 /**
@@ -419,4 +423,4 @@ declare class WrOptionGroup {
 }
 
 export { WR_SELECT, WrOption, WrOptionGroup, WrSelect };
-export type { WrSelectContext, WrSelectMode, WrSelectSearchLoader, WrSelectTagValidator };
+export type { WrSelectContext, WrSelectMode, WrSelectSearchLoader, WrSelectSize, WrSelectTagValidator };

package/types/ngwr-spotlight-card.d.ts

@@ -20,7 +20,7 @@ import * as _angular_core from '@angular/core';
 declare class WrSpotlightCard {
     /**
      * Highlight colour (any CSS colour). When unset, the theme decides:
-     * a soft dark tint on light surfaces, white-alpha on dark.
+     * a dark-ish glow on light surfaces, a light glow on dark.
      */
     readonly spotlightColor: _angular_core.InputSignal<string | null>;
     /** Where the spotlight fades out, as a percentage of the gradient. @default 80 */

package/types/ngwr-statistic.d.ts

@@ -4,15 +4,22 @@ import * as _angular_core from '@angular/core';
  * KPI card — label + big number + optional prefix/suffix + delta. Pair
  * with a layout grid for dashboards.
  *
+ * When `value` is numeric the number counts up (eased) from its previous
+ * value to the new one on every change — see `animate`. String values and
+ * `prefers-reduced-motion` render instantly.
+ *
  * @example
  * ```html
  * <wr-statistic label="Active users" [value]="12345" suffix="users" />
  * <wr-statistic label="Revenue" [value]="9512" prefix="$" [delta]="12.4" />
+ * <wr-statistic label="Churn" [value]="1.8" suffix="%" [precision]="1" />
  * ```
  *
  * @see https://ngwr.dev/components/statistic
  */
 declare class WrStatistic {
+    private readonly platform;
+    private readonly locale;
     readonly label: _angular_core.InputSignal<string>;
     /** The number (or string) to display in the main slot. */
     readonly value: _angular_core.InputSignal<string | number | null>;
@@ -20,6 +27,33 @@ declare class WrStatistic {
     readonly prefix: _angular_core.InputSignal<string>;
     /** Suffix glyph / unit (e.g. `'%'`, `'kg'`). */
     readonly suffix: _angular_core.InputSignal<string>;
+    /** Fixed number of decimals applied to numeric values. @default 0 */
+    readonly precision: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * Count up to a new numeric `value` instead of swapping instantly. Always
+     * off for string values or under `prefers-reduced-motion`. @default true
+     */
+    readonly animate: _angular_core.InputSignalWithTransform<boolean, any>;
+    /** Count-up duration (ms). @default 700 */
+    readonly duration: _angular_core.InputSignalWithTransform<number, unknown>;
+    /**
+     * The current value coerced to a finite number, or `null` when `value` is
+     * a non-numeric string / empty / nullish (rendered as-is).
+     */
+    protected readonly numericValue: _angular_core.Signal<number | null>;
+    /** Whether the value should count up (browser, numeric, opted-in, motion allowed). */
+    protected readonly animated: _angular_core.Signal<boolean>;
+    /** Animation start — the previously-rendered numeric value (0 on first paint). */
+    protected readonly animateFrom: _angular_core.WritableSignal<number>;
+    /** Bookkeeping: the last numeric value seen, fed back as the next `from`. */
+    private readonly lastNumeric;
+    constructor();
+    /**
+     * Static (non-animated) display string. Numeric values honour `precision`
+     * and locale grouping so they match the count-up output; everything else
+     * renders verbatim with an em-dash fallback.
+     */
+    protected readonly displayValue: _angular_core.Signal<string>;
     /**
      * Optional delta vs previous period — shown as `+x.x%` (or `-x.x%`).
      * Use `deltaSuffix` to change the trailing unit.
@@ -31,7 +65,7 @@ declare class WrStatistic {
     protected readonly deltaDirection: _angular_core.Signal<"up" | "down" | "flat">;
     protected readonly deltaText: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrStatistic, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrStatistic, "wr-statistic", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "delta": { "alias": "delta"; "required": false; "isSignal": true; }; "deltaSuffix": { "alias": "deltaSuffix"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrStatistic, "wr-statistic", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "prefix": { "alias": "prefix"; "required": false; "isSignal": true; }; "suffix": { "alias": "suffix"; "required": false; "isSignal": true; }; "precision": { "alias": "precision"; "required": false; "isSignal": true; }; "animate": { "alias": "animate"; "required": false; "isSignal": true; }; "duration": { "alias": "duration"; "required": false; "isSignal": true; }; "delta": { "alias": "delta"; "required": false; "isSignal": true; }; "deltaSuffix": { "alias": "deltaSuffix"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /**

package/types/ngwr-switch.d.ts

@@ -11,6 +11,7 @@ import { ControlValueAccessor } from '@angular/forms';
  *
  * @see https://ngwr.dev/components/switch
  */
+type WrSwitchSize = 'sm' | 'md' | 'lg';
 declare class WrSwitch implements ControlValueAccessor {
     /** Stable id used to associate the native input with its label. */
     readonly id: _angular_core.InputSignal<string>;
@@ -20,6 +21,8 @@ declare class WrSwitch implements ControlValueAccessor {
      * @default false
      */
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, any>;
+    /** Control size — shares the `--wr-control-*` contract. @default 'md' */
+    readonly size: _angular_core.InputSignal<WrSwitchSize>;
     protected readonly checked: _angular_core.WritableSignal<boolean>;
     private readonly disabledFromCva;
     protected readonly effectiveDisabled: _angular_core.Signal<boolean>;
@@ -33,7 +36,8 @@ declare class WrSwitch implements ControlValueAccessor {
     protected onInputChange(event: Event): void;
     protected onInputBlur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrSwitch, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrSwitch, "wr-switch", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrSwitch, "wr-switch", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { WrSwitch };
+export type { WrSwitchSize };

package/types/ngwr-table.d.ts

@@ -139,6 +139,12 @@ declare class WrTable {
     readonly items: _angular_core.InputSignal<readonly Record<string, unknown>[] | null | undefined>;
     /** Show the loading spinner overlay. @default false */
     readonly loading: _angular_core.InputSignalWithTransform<boolean, any>;
+    /**
+     * Collapse each row to a labelled card when the table's own box is too narrow
+     * for columns (a container query on its own width, not the viewport). Every
+     * cell shows its column title as a label. @default false
+     */
+    readonly responsive: _angular_core.InputSignalWithTransform<boolean, any>;
     /** Two-way bindable sort array. Order in array = application order. */
     readonly sort: _angular_core.ModelSignal<readonly WrTableSortState[]>;
     /** Fires whenever a column's filter selection changes. */
@@ -174,7 +180,7 @@ declare class WrTable {
     protected getValue(item: Record<string, unknown>, key: unknown): unknown;
     protected templateFor(key: unknown): TemplateRef<WrTableCellContext> | undefined;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrTable, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrTable, "wr-table", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; }, { "sort": "sortChange"; "filterChange": "filterChange"; "page": "pageChange"; }, ["cellTemplates"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrTable, "wr-table", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; "sort": { "alias": "sort"; "required": false; "isSignal": true; }; "pageSize": { "alias": "pageSize"; "required": false; "isSignal": true; }; "page": { "alias": "page"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; }, { "sort": "sortChange"; "filterChange": "filterChange"; "page": "pageChange"; }, ["cellTemplates"], never, true, never>;
 }
 
 /**

package/types/ngwr-tabs.d.ts

@@ -110,6 +110,12 @@ declare class WrTabs implements WrTabsContext {
     }): void;
     unregister(): void;
     protected readonly stripRef: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    /** Whether the strip is scrolled away from its start / end — drives the edge fades. */
+    protected readonly canScrollStart: _angular_core.WritableSignal<boolean>;
+    protected readonly canScrollEnd: _angular_core.WritableSignal<boolean>;
+    constructor();
+    /** Recompute which edges can scroll, from the strip's scroll metrics. @internal */
+    protected updateFades(): void;
     protected onTabClick(tab: WrTab): void;
     /** Header id for `aria-labelledby` on the panel. @internal */
     headerId(key: string): string;

package/types/ngwr-textarea.d.ts

@@ -16,13 +16,19 @@ import { ControlValueAccessor } from '@angular/forms';
  *
  * @see https://ngwr.dev/components/textarea
  */
+type WrTextareaSize = 'sm' | 'md' | 'lg';
+type WrTextareaResize = 'none' | 'vertical' | 'horizontal' | 'both';
 declare class WrTextarea implements ControlValueAccessor {
     /** Native placeholder text. @default '' */
     readonly placeholder: _angular_core.InputSignal<string>;
+    /** Control size — shares the `--wr-control-*` contract. @default 'md' */
+    readonly size: _angular_core.InputSignal<WrTextareaSize>;
     /** Visible row count. @default 3 */
     readonly rows: _angular_core.InputSignalWithTransform<number, unknown>;
-    /** Allow user resize via the native handle. @default true */
+    /** Allow user resize via the corner grip. @default true */
     readonly resizable: _angular_core.InputSignalWithTransform<boolean, any>;
+    /** Resize direction of the corner grip (the grip icon adapts). @default 'vertical' */
+    readonly resize: _angular_core.InputSignal<WrTextareaResize>;
     /** Read-only state. @default false */
     readonly readonly: _angular_core.InputSignalWithTransform<boolean, any>;
     /** Grow the textarea to fit its content. @default false */
@@ -40,11 +46,23 @@ declare class WrTextarea implements ControlValueAccessor {
     protected readonly focused: _angular_core.WritableSignal<boolean>;
     protected readonly effectiveDisabled: _angular_core.Signal<boolean>;
     protected readonly native: _angular_core.Signal<ElementRef<HTMLTextAreaElement>>;
+    /** Resize direction, gated by `resizable` (false → 'none'). */
+    protected readonly effectiveResize: _angular_core.Signal<WrTextareaResize>;
     protected readonly classes: _angular_core.Signal<string>;
+    /** Show the corner grip (hidden when direction is 'none' / autosize / disabled). */
+    protected readonly showHandle: _angular_core.Signal<boolean>;
     private readonly platformId;
     private readonly isBrowser;
+    private readonly hostEl;
     private onChange;
     private onTouched;
+    private resizing;
+    private resizeStartY;
+    private resizeStartX;
+    private resizeStartHeight;
+    private resizeStartWidth;
+    private resizeMinHeight;
+    private resizeMaxWidth;
     constructor();
     writeValue(value: string | null): void;
     registerOnChange(fn: (value: string) => void): void;
@@ -52,9 +70,13 @@ declare class WrTextarea implements ControlValueAccessor {
     setDisabledState(isDisabled: boolean): void;
     protected onInput(event: Event): void;
     protected onBlur(): void;
-    private resize;
+    protected startResize(event: PointerEvent): void;
+    protected onResize(event: PointerEvent): void;
+    protected endResize(event: PointerEvent): void;
+    private autofit;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrTextarea, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrTextarea, "wr-textarea", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "autosize": { "alias": "autosize"; "required": false; "isSignal": true; }; "maxRows": { "alias": "maxRows"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrTextarea, "wr-textarea", never, { "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "rows": { "alias": "rows"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "resize": { "alias": "resize"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "autosize": { "alias": "autosize"; "required": false; "isSignal": true; }; "maxRows": { "alias": "maxRows"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { WrTextarea };
+export type { WrTextareaResize, WrTextareaSize };

package/types/ngwr-toast.d.ts

@@ -147,7 +147,11 @@ declare class WrToast {
     private currentPosition;
     private currentMode;
     private nextId;
+    /** Currently rendered toasts (capped at `config.maxStack`). */
     private active;
+    /** Overflow waiting for a free slot — promoted FIFO as actives dismiss, so
+     * nothing is ever silently dropped. */
+    private queue;
     /** Open a toast. Returns a handle you can `dismiss()` early. */
     show(options: WrToastOptions): WrToastRef;
     /** Dismiss a single toast by id. */
@@ -161,7 +165,9 @@ declare class WrToast {
     private startTimer;
     private pauseTimer;
     private ensureHost;
-    private enforceMaxStack;
+    /** Fill any free stack slots from the queue (FIFO), starting each promoted
+     * toast's auto-dismiss timer only as it becomes visible. */
+    private promoteFromQueue;
     private pushToHost;
     private disposeHost;
     static ɵfac: i0.ɵɵFactoryDeclaration<WrToast, never>;

package/types/ngwr-toolbar.d.ts

@@ -23,8 +23,14 @@ import * as i0 from '@angular/core';
  * @see https://ngwr.dev/components/toolbar
  */
 declare class WrToolbar {
+    /**
+     * Stack the zones vertically when the toolbar's own box is too narrow to fit
+     * them in a row (a container query on its own width, not the viewport — so it
+     * adapts inside a narrow column or split pane). @default false
+     */
+    readonly responsive: i0.InputSignalWithTransform<boolean, any>;
     static ɵfac: i0.ɵɵFactoryDeclaration<WrToolbar, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<WrToolbar, "wr-toolbar", never, {}, {}, never, ["[wrToolbarStart]", "[wrToolbarCenter]", "[wrToolbarEnd]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<WrToolbar, "wr-toolbar", never, { "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; }, {}, never, ["[wrToolbarStart]", "[wrToolbarCenter]", "[wrToolbarEnd]"], true, never>;
 }
 
 export { WrToolbar };

package/types/ngwr-validators.d.ts

@@ -39,10 +39,12 @@ declare const WrValidators: {
     hexColor: (control: AbstractControl) => ValidationErrors | null;
     /**
      * Valid URL. Accepts any scheme by default; pass `{ protocols: ['https'] }`
-     * to restrict.
+     * to restrict. A scheme is required by default; pass `{ requireProtocol: false }`
+     * to also accept bare domains (e.g. `ngwr.dev`), assuming `https`.
      */
     url: (options?: {
         readonly protocols?: readonly string[];
+        readonly requireProtocol?: boolean;
     }) => ValidatorFn;
     /** Credit card number — Luhn check + 13-19 digit length. Spaces and dashes are stripped first. */
     cardNumber: (control: AbstractControl) => ValidationErrors | null;

package/types/ngwr-version.d.ts

@@ -16,7 +16,7 @@ import { InjectionToken } from '@angular/core';
  * Distinct from `Version` exported by `@angular/core`, which reports the
  * loaded Angular runtime version (e.g. `'21.2.13'`), not ngwr's.
  */
-declare const NGWR_VERSION = "7.2.0";
+declare const NGWR_VERSION = "8.0.0";
 
 /**
  * @license