ngwr 9.1.0 → 10.1.0

package/tour/styles/_index.scss

@@ -0,0 +1,63 @@
+@use '../../theme/styles' as theme;
+
+// The cut-out. A bare box sized to the spotlit element, dimming everything
+// around it with one enormous spread shadow — the target itself is never
+// covered, so it stays readable and clickable.
+.wr-tour__spotlight {
+  position: fixed;
+  z-index: 1000;
+  pointer-events: none;
+  border-radius: var(--wr-border-radius-base);
+  box-shadow: 0 0 0 9999px rgba(var(--wr-color-backdrop-rgb), 0.55);
+  transition:
+    top var(--wr-transition-base),
+    left var(--wr-transition-base),
+    width var(--wr-transition-base),
+    height var(--wr-transition-base);
+}
+
+.wr-tour-popup {
+  display: block;
+  max-width: 20rem;
+  padding: 1rem;
+  background: var(--wr-color-surface);
+  color: var(--wr-color-on-surface);
+  border: 1px solid var(--wr-color-outline);
+  @include theme.smooth-br(var(--wr-border-radius-base));
+  box-shadow: 0 12px 24px rgba(var(--wr-color-backdrop-rgb), 0.24);
+  font-family: var(--wr-font-family-base);
+
+  &__progress {
+    margin: 0 0 0.375rem;
+    font-size: var(--wr-text-xs);
+    color: var(--wr-color-on-surface-muted);
+    font-variant-numeric: tabular-nums;
+  }
+
+  &__title {
+    margin: 0 0 0.375rem;
+    font-size: var(--wr-text-base);
+    font-weight: var(--wr-font-weight-semibold);
+  }
+
+  &__content {
+    margin: 0 0 0.875rem;
+    font-size: var(--wr-text-sm);
+    line-height: var(--wr-leading-normal);
+  }
+
+  &__actions {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+  }
+
+  &__spacer {
+    flex: 1 1 auto;
+  }
+}
+
+// The popup rides above the cut-out.
+.wr-tour-overlay {
+  z-index: 1001;
+}

package/transfer/styles/_index.scss

@@ -0,0 +1,105 @@
+@use '../../theme/styles' as theme;
+
+.wr-transfer {
+  --wr-transfer-pane-width: 14rem;
+  --wr-transfer-pane-height: 15rem;
+
+  display: flex;
+  align-items: stretch;
+  gap: 0.75rem;
+  font-family: var(--wr-font-family-base);
+  color: var(--wr-color-on-surface);
+
+  &--disabled {
+    opacity: 0.6;
+  }
+
+  &__pane {
+    display: flex;
+    flex-direction: column;
+    flex: 1 1 var(--wr-transfer-pane-width);
+    min-width: 0;
+    border: 1px solid var(--wr-color-outline);
+    @include theme.smooth-br(var(--wr-border-radius-base));
+    background: var(--wr-color-surface);
+    overflow: hidden;
+  }
+
+  &__head {
+    display: flex;
+    align-items: center;
+    gap: 0.5rem;
+    padding: 0.5rem 0.625rem;
+    border-bottom: 1px solid var(--wr-color-outline);
+    background: rgba(var(--wr-color-outline-rgb), 0.25);
+  }
+
+  &__title {
+    flex: 1 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    font-size: var(--wr-text-sm);
+    font-weight: var(--wr-font-weight-medium);
+  }
+
+  &__count {
+    flex: 0 0 auto;
+    font-size: var(--wr-text-xs);
+    color: var(--wr-color-on-surface-muted);
+    font-variant-numeric: tabular-nums;
+  }
+
+  &__search {
+    padding: 0.5rem 0.625rem;
+    border-bottom: 1px solid var(--wr-color-outline);
+  }
+
+  &__list {
+    flex: 1 1 auto;
+    margin: 0;
+    padding: 0.25rem;
+    list-style: none;
+    overflow-y: auto;
+    max-height: var(--wr-transfer-pane-height);
+  }
+
+  &__item {
+    padding: 0.25rem 0.375rem;
+    border-radius: var(--wr-border-radius-sm);
+
+    &:hover {
+      background: var(--wr-color-hover);
+    }
+
+    &--disabled:hover {
+      background: transparent;
+    }
+  }
+
+  &__empty {
+    padding: 1rem 0.375rem;
+    text-align: center;
+    font-size: var(--wr-text-sm);
+    color: var(--wr-color-on-surface-muted);
+  }
+
+  &__actions {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    gap: 0.5rem;
+    flex: 0 0 auto;
+  }
+
+  &__move .wr-icon__svg {
+    width: 1rem;
+    height: 1rem;
+  }
+
+  // No container query here on purpose: `@container` only styles DESCENDANTS, so
+  // a rule that reflows `.wr-transfer` itself could never match its own query.
+  // Doing it properly means the house `responsive` opt-in modifier (a wrapper
+  // that establishes the container) — not yet shipped for this component.
+}

package/types/ngwr-alert.d.ts

@@ -23,6 +23,9 @@ type WrAlertType = 'info' | 'success' | 'warning' | 'danger' | 'neutral' | 'offl
  * @see https://ngwr.dev/reference/components/alert
  */
 declare class WrAlert {
+    /** Accessible name. Falls back to `alert.close`, then `'Close alert'`. */
+    readonly closeLabel: _angular_core.InputSignal<string | null>;
+    protected readonly resolvedCloseLabel: _angular_core.Signal<string>;
     /**
      * Optional headline shown at the top of the alert.
      *
@@ -71,7 +74,7 @@ declare class WrAlert {
     protected readonly liveLevel: _angular_core.Signal<"assertive" | "polite" | null>;
     protected onClose(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrAlert, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrAlert, "wr-alert", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "closeable": { "alias": "closeable"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrAlert, "wr-alert", never, { "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "iconName": { "alias": "iconName"; "required": false; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "closeable": { "alias": "closeable"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, never, true, never>;
 }
 
 export { WrAlert };

package/types/ngwr-avatar.d.ts

@@ -87,4 +87,4 @@ declare class WrAvatar {
 }
 
 export { WrAvatar };
-export type { WrAvatarSize };
+export type { WrAvatarShape, WrAvatarSize };

package/types/ngwr-back-top.d.ts

@@ -20,8 +20,9 @@ declare class WrBackTop {
     readonly visibilityThreshold: _angular_core.InputSignalWithTransform<number, unknown>;
     /** Pixel offset subtracted from the scroll target — for sticky headers. @default 0 */
     readonly offset: _angular_core.InputSignalWithTransform<number, unknown>;
-    /** Accessible label for the button. @default 'Back to top' */
-    readonly ariaLabel: _angular_core.InputSignal<string>;
+    /** Accessible label for the button. Falls back to `backTop.label`, then `'Back to top'`. */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    protected readonly resolvedAriaLabel: _angular_core.Signal<string>;
     protected readonly visible: _angular_core.WritableSignal<boolean>;
     private readonly scroll;
     private readonly platform;

package/types/ngwr-badge.d.ts

@@ -155,4 +155,4 @@ declare class WrTag {
 }
 
 export { WrBadge, WrTag };
-export type { WrBadgeSize, WrTagIconPosition };
+export type { WrBadgeShape, WrBadgeSize, WrTagIconPosition };

package/types/ngwr-border-glow.d.ts

@@ -50,7 +50,6 @@ declare class WrBorderGlow {
     readonly animated: _angular_core.InputSignalWithTransform<boolean, any>;
     private readonly el;
     private readonly platform;
-    private readonly destroyRef;
     private readonly isBrowser;
     /** Inline CSS variable bag — recomputed when colour / radius / sensitivity inputs change. */
     protected readonly cssVars: _angular_core.Signal<Record<string, string>>;

package/types/ngwr-carousel.d.ts

@@ -26,6 +26,15 @@ declare class WrCarouselSlide {
  */
 declare class WrCarousel {
     /** Active slide index. Two-way bindable. @default 0 */
+    /** Accessible name of the previous-slide button. Falls back to `carousel.prev`. */
+    readonly prevLabel: _angular_core.InputSignal<string | null>;
+    /** Accessible name of the next-slide button. Falls back to `carousel.next`. */
+    readonly nextLabel: _angular_core.InputSignal<string | null>;
+    /** Accessible name of the dot group. Falls back to `carousel.pagination`. */
+    readonly paginationLabel: _angular_core.InputSignal<string | null>;
+    protected readonly resolvedPrevLabel: _angular_core.Signal<string>;
+    protected readonly resolvedNextLabel: _angular_core.Signal<string>;
+    protected readonly resolvedPaginationLabel: _angular_core.Signal<string>;
     readonly active: _angular_core.ModelSignal<number>;
     /** Show prev / next arrow buttons. @default true */
     readonly showArrows: _angular_core.InputSignalWithTransform<boolean, any>;
@@ -58,7 +67,7 @@ declare class WrCarousel {
     protected onSwipeMove(event: TouchEvent): void;
     protected onSwipeEnd(event: TouchEvent, viewport: HTMLElement): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrCarousel, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrCarousel, "wr-carousel", never, { "active": { "alias": "active"; "required": false; "isSignal": true; }; "showArrows": { "alias": "showArrows"; "required": false; "isSignal": true; }; "showDots": { "alias": "showDots"; "required": false; "isSignal": true; }; "autoplay": { "alias": "autoplay"; "required": false; "isSignal": true; }; "intervalMs": { "alias": "intervalMs"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, ["slides"], ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrCarousel, "wr-carousel", never, { "prevLabel": { "alias": "prevLabel"; "required": false; "isSignal": true; }; "nextLabel": { "alias": "nextLabel"; "required": false; "isSignal": true; }; "paginationLabel": { "alias": "paginationLabel"; "required": false; "isSignal": true; }; "active": { "alias": "active"; "required": false; "isSignal": true; }; "showArrows": { "alias": "showArrows"; "required": false; "isSignal": true; }; "showDots": { "alias": "showDots"; "required": false; "isSignal": true; }; "autoplay": { "alias": "autoplay"; "required": false; "isSignal": true; }; "intervalMs": { "alias": "intervalMs"; "required": false; "isSignal": true; }; "loop": { "alias": "loop"; "required": false; "isSignal": true; }; }, { "active": "activeChange"; }, ["slides"], ["*"], true, never>;
 }
 
 export { WrCarousel, WrCarouselSlide };

package/types/ngwr-cascader.d.ts

@@ -51,10 +51,21 @@ interface WrCascaderOption<T = string> {
  */
 type WrCascaderSize = 'sm' | 'md' | 'lg';
 declare class WrCascader<T = string> implements FormValueControl<unknown> {
+    /** Accessible name. Falls back to `select.clearSelection`, then `'Clear selection'`. */
+    readonly clearLabel: _angular_core.InputSignal<string | null>;
+    protected readonly resolvedClearLabel: _angular_core.Signal<string>;
     /** Root-level options. Each may have `children` for deeper levels. */
     readonly options: _angular_core.InputSignal<readonly WrCascaderOption<T>[]>;
     /** Placeholder shown when no path is selected. @default '' */
     readonly placeholder: _angular_core.InputSignal<string>;
+    /**
+     * Accessible name of the trigger. Falls back to the placeholder, then to
+     * `select.label` — a `role="combobox"` with nothing selected and no
+     * placeholder otherwise has no name at all.
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    private readonly labelText;
+    protected readonly resolvedAriaLabel: _angular_core.Signal<string>;
     /**
      * Disable the cascader. Bound automatically from the field's disabled state
      * when used with `[formField]`.
@@ -101,6 +112,7 @@ declare class WrCascader<T = string> implements FormValueControl<unknown> {
     protected readonly panelTpl: _angular_core.Signal<TemplateRef<any>>;
     private readonly host;
     private readonly overlay;
+    private readonly outsideClick;
     private readonly vcr;
     private readonly scrollStrategies;
     private readonly destroyRef;
@@ -114,7 +126,7 @@ declare class WrCascader<T = string> implements FormValueControl<unknown> {
     private openOverlay;
     private closeOverlay;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrCascader<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrCascader<any>, "wr-cascader", never, { "options": { "alias": "options"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "changeOnSelect": { "alias": "changeOnSelect"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrCascader<any>, "wr-cascader", never, { "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "changeOnSelect": { "alias": "changeOnSelect"; "required": false; "isSignal": true; }; "separator": { "alias": "separator"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; }, never, never, true, never>;
 }
 
 export { WrCascader };

package/types/ngwr-checkbox.d.ts

@@ -47,6 +47,14 @@ declare class WrCheckbox implements FormCheckboxControl {
      * `value`.)
      */
     readonly checkboxValue: _angular_core.InputSignal<unknown>;
+    /**
+     * Accessible name for a checkbox used WITHOUT projected text — a selection
+     * cell in a table, say. The wrapping `<label>` names the control whenever
+     * content is projected; with none, the native input has no name, and an
+     * `aria-label` put on the host lands on a `<wr-checkbox>` element that no
+     * screen reader ever announces.
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
     /**
      * Checked state — the form value. Bound by `[formField]`, two-way via
      * `[(checked)]`, or `[(ngModel)]`. Ignored inside a `<wr-checkbox-group>`,
@@ -87,7 +95,7 @@ declare class WrCheckbox implements FormCheckboxControl {
     protected onInputChange(event: Event): void;
     protected onInputBlur(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrCheckbox, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrCheckbox, "wr-checkbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "checkboxValue": { "alias": "checkboxValue"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "touch": "touch"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrCheckbox, "wr-checkbox", never, { "id": { "alias": "id"; "required": false; "isSignal": true; }; "checkboxValue": { "alias": "checkboxValue"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "touch": "touch"; }, never, ["*"], true, never>;
 }
 
 /**

package/types/ngwr-color-picker.d.ts

@@ -286,6 +286,7 @@ declare class WrColorPickerTrigger {
     readonly closed: _angular_core.OutputEmitterRef<void>;
     private readonly host;
     private readonly overlay;
+    private readonly outsideClick;
     private readonly vcr;
     private readonly scrollStrategies;
     private readonly destroyRef;

package/types/ngwr-command-palette.d.ts

@@ -56,6 +56,9 @@ interface Bucket {
  * @see https://ngwr.dev/reference/components/command-palette
  */
 declare class WrCommandPalette {
+    /** Accessible name. Falls back to `commandPalette.label`, then `'Command palette'`. */
+    readonly paletteLabel: _angular_core.InputSignal<string | null>;
+    protected readonly resolvedPaletteLabel: _angular_core.Signal<string>;
     /** Items shown in the palette. */
     readonly items: _angular_core.InputSignal<readonly WrCommandItem[]>;
     /** Controlled open state (two-way bindable). @default false */
@@ -118,7 +121,7 @@ declare class WrCommandPalette {
     close(): void;
     private commit;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrCommandPalette, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrCommandPalette, "wr-command-palette", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "closeOnPick": { "alias": "closeOnPick"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "picked": "picked"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrCommandPalette, "wr-command-palette", never, { "paletteLabel": { "alias": "paletteLabel"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; "trigger": { "alias": "trigger"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "closeOnPick": { "alias": "closeOnPick"; "required": false; "isSignal": true; }; "responsive": { "alias": "responsive"; "required": false; "isSignal": true; }; }, { "open": "openChange"; "picked": "picked"; }, never, never, true, never>;
 }
 
 export { WrCommandPalette };

package/types/ngwr-context-menu.d.ts

@@ -44,6 +44,7 @@ declare class WrContextMenu {
     readonly menu: i0.InputSignal<WrContextMenuPanel>;
     private readonly host;
     private readonly overlay;
+    private readonly outsideClick;
     private readonly vcr;
     private readonly scrollStrategies;
     private readonly destroyRef;

package/types/ngwr-date-picker.d.ts

@@ -25,7 +25,7 @@ import { WrDateFormat } from 'ngwr/date-adapter';
  * accepts both named keys (`'shortDate'`, `'mediumDateTime'`, …) and raw
  * token strings (`'dd.MM.yyyy'`, `'HH:mm'`). When `format` is left at the
  * default (`null`), the picker derives the right named key from `mode`:
- * `'date'` → `'shortDate'`, `'time'` → `'shortTime'`, `'datetime'` →
+ * `'date'` gives `'shortDate'`, `'time'` gives `'time'`, `'datetime'` gives
  * `'shortDateTime'`.
  *
  * @example
@@ -50,8 +50,8 @@ declare class WrDatePicker implements FormValueControl<Date | null> {
     readonly mode: _angular_core.InputSignal<"time" | "date" | "datetime">;
     /**
      * Format used for both display and parsing. When `null` (default), the
-     * format is derived from `mode` (`shortDate` / `shortTime` /
-     * `shortDateTime`). Pass a named key or raw token string to override.
+     * format is derived from `mode` (`shortDate` / `time` / `shortDateTime`).
+     * Pass a named key or raw token string to override.
      */
     readonly format: _angular_core.InputSignal<WrDateFormat | (string & {}) | null>;
     /** Placeholder shown when the input is empty. */
@@ -79,6 +79,7 @@ declare class WrDatePicker implements FormValueControl<Date | null> {
     readonly readonly: _angular_core.InputSignalWithTransform<boolean, any>;
     private readonly adapter;
     private readonly overlay;
+    private readonly outsideClick;
     private readonly scrollStrategies;
     private readonly host;
     private readonly destroyRef;
@@ -98,6 +99,14 @@ declare class WrDatePicker implements FormValueControl<Date | null> {
     private readonly labelDate;
     private readonly labelTime;
     private readonly labelDateTime;
+    /**
+     * Accessible name of the text field. Falls back to the placeholder, then to
+     * the same catalog string the calendar button uses — the field is a
+     * `role="combobox"`, and with an empty placeholder it had no name at all.
+     */
+    readonly ariaLabel: _angular_core.InputSignal<string | null>;
+    private readonly fieldLabel;
+    protected readonly resolvedAriaLabel: _angular_core.Signal<string>;
     protected readonly triggerLabel: _angular_core.Signal<string>;
     protected readonly classes: _angular_core.Signal<string>;
     private overlayRef;
@@ -127,7 +136,7 @@ declare class WrDatePicker implements FormValueControl<Date | null> {
     private isOutOfBounds;
     private sameDate;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrDatePicker, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrDatePicker, "wr-date-picker", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "timeFormat": { "alias": "timeFormat"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrDatePicker, "wr-date-picker", never, { "mode": { "alias": "mode"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "timeFormat": { "alias": "timeFormat"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touch": "touch"; }, never, never, true, never>;
 }
 
 /**
@@ -219,6 +228,7 @@ declare class WrDateRangePicker implements FormValueControl<WrDateRange | null>
     readonly readonly: _angular_core.InputSignalWithTransform<boolean, any>;
     private readonly adapter;
     private readonly overlay;
+    private readonly outsideClick;
     private readonly scrollStrategies;
     private readonly host;
     private readonly destroyRef;

package/types/ngwr-density.d.ts

@@ -3,7 +3,7 @@ import { InjectionToken, Signal, EnvironmentProviders } from '@angular/core';
 
 /** Density scale. Components multiply their paddings by the matching multiplier. */
 type WrDensityValue = 'sm' | 'md' | 'lg' | 'touch';
-/** Configuration for {@link WrDensityValueService}. */
+/** Configuration for {@link WrDensity}. */
 interface WrDensityConfig {
     /** Initial density used when no persisted value is present. @default 'md' */
     readonly defaultDensity: WrDensityValue;
@@ -90,7 +90,14 @@ declare class WrDensityDirective {
  * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
  */
 
-/** Configure {@link WrDensity}. All fields optional — merged with defaults. */
+/**
+ * Configure and activate {@link WrDensity}. All fields optional — merged with
+ * defaults.
+ *
+ * The initializer instantiates {@link WrDensity} so its constructor effect can
+ * write `[data-wr-density]` onto `<html>`. Without it the tree-shakable service
+ * was never created and `defaultDensity` had no effect at all.
+ */
 declare function provideWrDensity(config?: Partial<WrDensityConfig>): EnvironmentProviders;
 
 export { DEFAULT_WR_DENSITY_CONFIG, WR_DENSITY_CONFIG, WrDensity, WrDensityDirective, provideWrDensity };

package/types/ngwr-dialog.d.ts

@@ -87,6 +87,14 @@ interface WrDialogOptions<D = unknown> {
     readonly closeOnBackdropClick?: boolean;
     /** When `true`, the Escape key closes the dialog. @default true */
     readonly closeOnEscape?: boolean;
+    /**
+     * Render a dismiss (×) button in the panel's top-right corner. Set `false`
+     * when the content supplies its own close affordance, or when the dialog must
+     * be resolved through its own actions. @default true
+     */
+    readonly closable?: boolean;
+    /** Accessible name for the dismiss button. Falls back to the `dialog.close` catalog key. */
+    readonly closeLabel?: string;
     /** Width applied to the panel — any valid CSS length. */
     readonly width?: string;
     /** Maximum width applied to the panel. */
@@ -130,6 +138,7 @@ declare class WrDialog {
     private readonly focusTrapFactory;
     private readonly isBrowser;
     private readonly responsiveConfig;
+    private readonly i18n;
     open<C, R = unknown, D = unknown>(component: ComponentType<C>, options?: WrDialogOptions<D>): WrDialogRef<C, R>;
     static ɵfac: i0.ɵɵFactoryDeclaration<WrDialog, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<WrDialog>;

package/types/ngwr-divider.d.ts

@@ -70,4 +70,4 @@ declare class WrDivider {
 }
 
 export { WrDivider };
-export type { WrDividerType };
+export type { WrDividerAlign, WrDividerType };

package/types/ngwr-drawer.d.ts

@@ -48,6 +48,13 @@ interface WrDrawerOptions<D = unknown> {
     readonly closeOnBackdropClick?: boolean;
     /** When `true`, the Escape key closes the drawer. @default true */
     readonly closeOnEscape?: boolean;
+    /**
+     * Render a dismiss (×) button in the panel's top-right corner. Set `false`
+     * when the content supplies its own close affordance. @default true
+     */
+    readonly closable?: boolean;
+    /** Accessible name for the dismiss button. Falls back to the `drawer.close` catalog key. */
+    readonly closeLabel?: string;
     /** Extra CSS class(es) added to the panel. */
     readonly panelClass?: string | readonly string[];
 }
@@ -109,14 +116,22 @@ declare class WrDrawer {
     readonly closeOnBackdropClick: _angular_core.InputSignalWithTransform<boolean, any>;
     /** Close on Escape. @default true */
     readonly closeOnEscape: _angular_core.InputSignalWithTransform<boolean, any>;
+    /**
+     * Show a dismiss (×) button in the panel's top-right corner. Set `false` when
+     * the projected content supplies its own close affordance. @default true
+     */
+    readonly closable: _angular_core.InputSignalWithTransform<boolean, any>;
+    /** Accessible name for the dismiss button. Falls back to `drawer.close`. */
+    readonly closeLabel: _angular_core.InputSignal<string | null>;
+    protected readonly resolvedCloseLabel: _angular_core.Signal<string>;
     protected readonly panelTpl: _angular_core.Signal<TemplateRef<any>>;
     protected panelClass(): string;
     private swipeStartX;
     private swipeStartY;
     private swiping;
-    protected onSwipeStart(event: TouchEvent): void;
-    protected onSwipeMove(event: TouchEvent, panel: HTMLElement): void;
-    protected onSwipeEnd(event: TouchEvent, panel: HTMLElement): void;
+    protected onSwipeStart(event: PointerEvent): void;
+    protected onSwipeMove(event: PointerEvent, panel: HTMLElement): void;
+    protected onSwipeEnd(event: PointerEvent, panel: HTMLElement): void;
     /** Axis + sign of the closing direction for the current position. */
     private closeAxis;
     private readonly overlay;
@@ -131,7 +146,7 @@ declare class WrDrawer {
     private openOverlay;
     private closeOverlay;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrDrawer, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrDrawer, "wr-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "showHandle": { "alias": "showHandle"; "required": false; "isSignal": true; }; "safeArea": { "alias": "safeArea"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<WrDrawer, "wr-drawer", never, { "open": { "alias": "open"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "rounded": { "alias": "rounded"; "required": false; "isSignal": true; }; "showHandle": { "alias": "showHandle"; "required": false; "isSignal": true; }; "safeArea": { "alias": "safeArea"; "required": false; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "closeLabel": { "alias": "closeLabel"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, ["*"], true, never>;
 }
 
 /**
@@ -237,6 +252,7 @@ declare class WrDrawerManager {
     private readonly parentInjector;
     private readonly focusTrapFactory;
     private readonly isBrowser;
+    private readonly i18n;
     open<C, R = unknown, D = unknown>(component: ComponentType<C>, options?: WrDrawerOptions<D>): WrDrawerRef<C, R>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<WrDrawerManager, never>;
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<WrDrawerManager>;

package/types/ngwr-dropdown.d.ts

@@ -73,6 +73,7 @@ declare class WrDropdown {
     readonly closed: _angular_core.OutputEmitterRef<void>;
     private readonly host;
     private readonly overlay;
+    private readonly outsideClick;
     private readonly responsiveConfig;
     private readonly vcr;
     private readonly scrollStrategies;