ngwr 14.3.1 → 14.5.0

package/fesm2022/ngwr-date.mjs

@@ -847,10 +847,10 @@ class WrNativeDateAdapter extends WrDateAdapter {
             return null;
         return out;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrNativeDateAdapter, deps: [], target: i0.ɵɵFactoryTarget.Service });
-    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.5", ngImport: i0, type: WrNativeDateAdapter });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrNativeDateAdapter, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.6", ngImport: i0, type: WrNativeDateAdapter });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrNativeDateAdapter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrNativeDateAdapter, decorators: [{
             type: Service
         }] });
 

package/fesm2022/ngwr-decrypt-text.mjs

@@ -398,10 +398,10 @@ class WrDecryptText {
         })
             .join('');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDecryptText, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: WrDecryptText, isStandalone: true, selector: "wr-decrypt-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, speed: { classPropertyName: "speed", publicName: "speed", isSignal: true, isRequired: false, transformFunction: null }, maxIterations: { classPropertyName: "maxIterations", publicName: "maxIterations", isSignal: true, isRequired: false, transformFunction: null }, sequential: { classPropertyName: "sequential", publicName: "sequential", isSignal: true, isRequired: false, transformFunction: null }, revealDirection: { classPropertyName: "revealDirection", publicName: "revealDirection", isSignal: true, isRequired: false, transformFunction: null }, useOriginalCharsOnly: { classPropertyName: "useOriginalCharsOnly", publicName: "useOriginalCharsOnly", isSignal: true, isRequired: false, transformFunction: null }, characters: { classPropertyName: "characters", publicName: "characters", isSignal: true, isRequired: false, transformFunction: null }, animateOn: { classPropertyName: "animateOn", publicName: "animateOn", isSignal: true, isRequired: false, transformFunction: null }, clickMode: { classPropertyName: "clickMode", publicName: "clickMode", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "click": "onClick()" }, classAttribute: "wr-decrypt-text" }, ngImport: i0, template: "<span class=\"wr-decrypt-text__sr-only\">{{ text() }}</span>\n<span aria-hidden=\"true\">\n  @for (c of chars(); track $index) {\n    <span [class]=\"c.revealed ? 'wr-decrypt-text__char' : 'wr-decrypt-text__char wr-decrypt-text__char--encrypted'\">{{\n      c.ch\n    }}</span>\n  }\n</span>\n", styles: [".wr-decrypt-text{display:inline-block;white-space:pre-wrap}.wr-decrypt-text__sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.wr-decrypt-text__char{display:inline}\n"], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDecryptText, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: WrDecryptText, isStandalone: true, selector: "wr-decrypt-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, speed: { classPropertyName: "speed", publicName: "speed", isSignal: true, isRequired: false, transformFunction: null }, maxIterations: { classPropertyName: "maxIterations", publicName: "maxIterations", isSignal: true, isRequired: false, transformFunction: null }, sequential: { classPropertyName: "sequential", publicName: "sequential", isSignal: true, isRequired: false, transformFunction: null }, revealDirection: { classPropertyName: "revealDirection", publicName: "revealDirection", isSignal: true, isRequired: false, transformFunction: null }, useOriginalCharsOnly: { classPropertyName: "useOriginalCharsOnly", publicName: "useOriginalCharsOnly", isSignal: true, isRequired: false, transformFunction: null }, characters: { classPropertyName: "characters", publicName: "characters", isSignal: true, isRequired: false, transformFunction: null }, animateOn: { classPropertyName: "animateOn", publicName: "animateOn", isSignal: true, isRequired: false, transformFunction: null }, clickMode: { classPropertyName: "clickMode", publicName: "clickMode", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "click": "onClick()" }, classAttribute: "wr-decrypt-text" }, ngImport: i0, template: "<span class=\"wr-decrypt-text__sr-only\">{{ text() }}</span>\n<span aria-hidden=\"true\">\n  @for (c of chars(); track $index) {\n    <span [class]=\"c.revealed ? 'wr-decrypt-text__char' : 'wr-decrypt-text__char wr-decrypt-text__char--encrypted'\">{{\n      c.ch\n    }}</span>\n  }\n</span>\n", styles: [".wr-decrypt-text{display:inline-block;white-space:pre-wrap}.wr-decrypt-text__sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}.wr-decrypt-text__char{display:inline}\n"], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDecryptText, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDecryptText, decorators: [{
             type: Component,
             args: [{ selector: 'wr-decrypt-text', encapsulation: ViewEncapsulation.None, host: {
                         class: 'wr-decrypt-text',

package/fesm2022/ngwr-density.mjs

@@ -89,10 +89,10 @@ class WrDensity {
             return;
         this.storage.set(this.config.storageKey, density);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDensity, deps: [], target: i0.ɵɵFactoryTarget.Service });
-    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.5", ngImport: i0, type: WrDensity });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDensity, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.6", ngImport: i0, type: WrDensity });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDensity, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDensity, decorators: [{
             type: Service
         }], ctorParameters: () => [] });
 
@@ -126,10 +126,10 @@ class WrDensityDirective {
             this.host.nativeElement.setAttribute(this.config.attribute, this.wrDensity());
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDensityDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: WrDensityDirective, isStandalone: true, selector: "[wrDensity]", inputs: { wrDensity: { classPropertyName: "wrDensity", publicName: "wrDensity", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDensityDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: WrDensityDirective, isStandalone: true, selector: "[wrDensity]", inputs: { wrDensity: { classPropertyName: "wrDensity", publicName: "wrDensity", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDensityDirective, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDensityDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wrDensity]',

package/fesm2022/ngwr-descriptions.mjs

@@ -50,10 +50,10 @@ class WrDescriptions {
         return parts.join(' ');
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDescriptions, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: WrDescriptions, isStandalone: true, selector: "wr-descriptions", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "@if (title()) {\n  <div class=\"wr-descriptions__title\">{{ title() }}</div>\n}\n<!--\n  A plain <div> with ARIA term/definition roles on the item, not a <dl>:\n  the rows are their own component, so the real DOM is\n  `<dl><wr-description-item><dt>\u2026` \u2014 which the HTML content model forbids and\n  which breaks the term/definition association in AT. `role=\"term\"` /\n  `role=\"definition\"` carry the same semantics with no required parent, so they\n  survive the component boundary (and `display: contents` on the row).\n-->\n<div class=\"wr-descriptions__list\">\n  <ng-content />\n</div>\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDescriptions, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: WrDescriptions, isStandalone: true, selector: "wr-descriptions", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, inline: { classPropertyName: "inline", publicName: "inline", isSignal: true, isRequired: false, transformFunction: null }, bordered: { classPropertyName: "bordered", publicName: "bordered", isSignal: true, isRequired: false, transformFunction: null }, responsive: { classPropertyName: "responsive", publicName: "responsive", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "@if (title()) {\n  <div class=\"wr-descriptions__title\">{{ title() }}</div>\n}\n<!--\n  A plain <div> with ARIA term/definition roles on the item, not a <dl>:\n  the rows are their own component, so the real DOM is\n  `<dl><wr-description-item><dt>\u2026` \u2014 which the HTML content model forbids and\n  which breaks the term/definition association in AT. `role=\"term\"` /\n  `role=\"definition\"` carry the same semantics with no required parent, so they\n  survive the component boundary (and `display: contents` on the row).\n-->\n<div class=\"wr-descriptions__list\">\n  <ng-content />\n</div>\n", encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDescriptions, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDescriptions, decorators: [{
             type: Component,
             args: [{ selector: 'wr-descriptions', encapsulation: ViewEncapsulation.None, host: { '[class]': 'classes()' }, template: "@if (title()) {\n  <div class=\"wr-descriptions__title\">{{ title() }}</div>\n}\n<!--\n  A plain <div> with ARIA term/definition roles on the item, not a <dl>:\n  the rows are their own component, so the real DOM is\n  `<dl><wr-description-item><dt>\u2026` \u2014 which the HTML content model forbids and\n  which breaks the term/definition association in AT. `role=\"term\"` /\n  `role=\"definition\"` carry the same semantics with no required parent, so they\n  survive the component boundary (and `display: contents` on the row).\n-->\n<div class=\"wr-descriptions__list\">\n  <ng-content />\n</div>\n" }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], inline: [{ type: i0.Input, args: [{ isSignal: true, alias: "inline", required: false }] }], bordered: [{ type: i0.Input, args: [{ isSignal: true, alias: "bordered", required: false }] }], responsive: [{ type: i0.Input, args: [{ isSignal: true, alias: "responsive", required: false }] }] } });
@@ -71,10 +71,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
 class WrDescriptionItem {
     label = input('', /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDescriptionItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.5", type: WrDescriptionItem, isStandalone: true, selector: "wr-description-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "wr-descriptions__row" }, ngImport: i0, template: "<div class=\"wr-descriptions__label\" role=\"term\">{{ label() }}</div><div class=\"wr-descriptions__value\" role=\"definition\"><ng-content /></div>", isInline: true, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDescriptionItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: WrDescriptionItem, isStandalone: true, selector: "wr-description-item", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "wr-descriptions__row" }, ngImport: i0, template: "<div class=\"wr-descriptions__label\" role=\"term\">{{ label() }}</div><div class=\"wr-descriptions__value\" role=\"definition\"><ng-content /></div>", isInline: true, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDescriptionItem, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDescriptionItem, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-description-item',

package/fesm2022/ngwr-dialog.mjs

@@ -1,11 +1,12 @@
 import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
+import { Directionality } from '@angular/cdk/bidi';
 import { ScrollStrategyOptions } from '@angular/cdk/overlay';
 import { ComponentPortal } from '@angular/cdk/portal';
 import { isPlatformBrowser, Location } from '@angular/common';
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, EnvironmentInjector, PLATFORM_ID, Injector, afterEveryRender, Service, ElementRef, Directive, input, computed } from '@angular/core';
 import { WrI18n } from 'ngwr/i18n';
-import { WR_OVERLAY, WR_RESPONSIVE_OVERLAYS, wrPresentAsSheet, wrAppendOverlayClose } from 'ngwr/overlay';
+import { WR_OVERLAY, WR_RESPONSIVE_OVERLAYS, wrPresentAsSheet, wrFollowDirection, wrAppendOverlayClose } from 'ngwr/overlay';
 import { ReplaySubject } from 'rxjs';
 import * as i1 from '@angular/cdk/scrolling';
 import { CdkScrollable } from '@angular/cdk/scrolling';
@@ -211,6 +212,7 @@ class WrDialog {
     isBrowser = isPlatformBrowser(inject(PLATFORM_ID));
     responsiveConfig = inject(WR_RESPONSIVE_OVERLAYS);
     i18n = inject(WrI18n, { optional: true });
+    dir = inject(Directionality, { optional: true });
     // Resolvable wherever the CDK's own `Overlay` is — it injects the same thing
     // to implement `disposeOnNavigation`.
     location = inject(Location);
@@ -239,6 +241,15 @@ class WrDialog {
             width: asSheet ? '100%' : options.width,
             maxWidth: asSheet ? '100%' : options.maxWidth,
         });
+        // The CDK captures the direction as a string at create and never looks
+        // again, so an app that flips while a dialog is up leaves the panel behind.
+        // Nothing here derives from it — the box is centred and its x offset is
+        // empty, so `apply()`'s RTL branch moves nothing — but the `dir` attribute
+        // is what the dialog's own logical CSS and every ngwr control inside it
+        // resolve `start` and `end` against, so it has to follow. No teardown kept:
+        // the follower ends on the ref's own `detachments()`, which every dismissal
+        // path goes through, and each `open()` creates a fresh ref of its own.
+        wrFollowDirection(overlayRef, this.dir, this.parentInjector);
         const dialogRef = new WrDialogRef(overlayRef);
         if (this.isBrowser) {
             const active = document.activeElement;
@@ -357,10 +368,10 @@ class WrDialog {
         const resolved = this.i18n?.t('dialog.close');
         return !resolved || resolved === 'dialog.close' ? 'Close dialog' : resolved;
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDialog, deps: [], target: i0.ɵɵFactoryTarget.Service });
-    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.5", ngImport: i0, type: WrDialog });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDialog, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.6", ngImport: i0, type: WrDialog });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDialog, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDialog, decorators: [{
             type: Service
         }] });
 
@@ -386,10 +397,10 @@ class WrDialogTitle {
     id = `wr-dialog-title-${++uid}`;
     /** @internal */
     elementRef = inject((ElementRef));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDialogTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.5", type: WrDialogTitle, isStandalone: true, selector: "[wrDialogTitle]", host: { properties: { "attr.id": "id" }, classAttribute: "wr-dialog__title" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDialogTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: WrDialogTitle, isStandalone: true, selector: "[wrDialogTitle]", host: { properties: { "attr.id": "id" }, classAttribute: "wr-dialog__title" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDialogTitle, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDialogTitle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wrDialogTitle]',
@@ -422,10 +433,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImpor
  * ```
  */
 class WrDialogContent {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDialogContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.5", type: WrDialogContent, isStandalone: true, selector: "[wrDialogContent]", host: { classAttribute: "wr-dialog__content" }, hostDirectives: [{ directive: i1.CdkScrollable }], ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDialogContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: WrDialogContent, isStandalone: true, selector: "[wrDialogContent]", host: { classAttribute: "wr-dialog__content" }, hostDirectives: [{ directive: i1.CdkScrollable }], ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDialogContent, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDialogContent, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wrDialogContent]',
@@ -461,10 +472,10 @@ class WrDialogFooter {
     ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
     classes = computed(() => `wr-dialog__footer wr-dialog__footer--${this.align()}`, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDialogFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: WrDialogFooter, isStandalone: true, selector: "[wrDialogFooter]", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDialogFooter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: WrDialogFooter, isStandalone: true, selector: "[wrDialogFooter]", inputs: { align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDialogFooter, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDialogFooter, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wrDialogFooter]',
@@ -502,10 +513,10 @@ class WrDialogClose {
     onClick() {
         this.ref?.close(this.result());
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDialogClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: WrDialogClose, isStandalone: true, selector: "[wrDialogClose]", inputs: { result: { classPropertyName: "result", publicName: "wrDialogClose", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDialogClose, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: WrDialogClose, isStandalone: true, selector: "[wrDialogClose]", inputs: { result: { classPropertyName: "result", publicName: "wrDialogClose", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDialogClose, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDialogClose, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wrDialogClose]',

package/fesm2022/ngwr-dialog.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-dialog.mjs","sources":["../../../projects/lib/dialog/dialog-ref.ts","../../../projects/lib/dialog/tokens/dialog-data.token.ts","../../../projects/lib/dialog/tokens/dialog-ref.token.ts","../../../projects/lib/dialog/dialog.ts","../../../projects/lib/dialog/directives/dialog-title.ts","../../../projects/lib/dialog/directives/dialog-content.ts","../../../projects/lib/dialog/directives/dialog-footer.ts","../../../projects/lib/dialog/directives/dialog-close.ts","../../../projects/lib/dialog/ngwr-dialog.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { ConfigurableFocusTrap } from '@angular/cdk/a11y';\nimport type { OverlayRef } from '@angular/cdk/overlay';\nimport type { ComponentRef } from '@angular/core';\n\nimport { ReplaySubject } from 'rxjs';\n\n/**\n * Handle returned by `WrDialog.open()`.\n *\n * Wraps the underlying `OverlayRef` and tracks the close result. It is also\n * provided inside the dialog's own injector, so the projected content can\n * inject it and close itself — the counterpart to `[wrDialogClose]` when the\n * close is programmatic (after a save succeeds, say) rather than a click.\n *\n * @example\n * ```ts\n * // Caller side.\n * const ref = dialog.open<ConfirmComponent, boolean>(ConfirmComponent);\n * const result = await ref.awaitClose(); // boolean | undefined\n * ```\n *\n * @example\n * ```ts\n * // Content side — the dialog closes itself.\n * @Component({...})\n * export class ConfirmComponent {\n *   private readonly ref = inject(WrDialogRef);\n *\n *   save(): void {\n *     this.store.save();\n *     this.ref.close(true);\n *   }\n * }\n * ```\n */\nexport class WrDialogRef<C, R = unknown> {\n  /**\n   * Emits the close result once and completes.\n   *\n   * A `ReplaySubject`, not a plain `Subject`, so the result survives a late\n   * subscriber: content can close itself before `open()` has even returned, and\n   * `awaitClose()` may be called long after the dismissal — both would otherwise\n   * see only `complete` and resolve `undefined`.\n   */\n  readonly closed = new ReplaySubject<R | undefined>(1);\n\n  /** @internal */\n  componentRef: ComponentRef<C> | null = null;\n\n  /** @internal */\n  focusTrap: ConfigurableFocusTrap | null = null;\n\n  /** @internal */\n  previouslyFocused: HTMLElement | null = null;\n\n  constructor(private readonly _overlayRef: OverlayRef) {}\n\n  /** The instantiated dialog component. */\n  get componentInstance(): C {\n    if (!this.componentRef) {\n      throw new Error('WrDialogRef: component not yet attached');\n    }\n    return this.componentRef.instance;\n  }\n\n  private isClosed = false;\n\n  /** Close the dialog, optionally returning a result. */\n  close(result?: R): void {\n    if (this.isClosed) return;\n    this.isClosed = true;\n    this.closed.next(result);\n    this.closed.complete();\n    // Content that closes itself while constructing gets here with\n    // `OverlayRef.attach()` still on the stack — `componentRef` is assigned\n    // only once attach returns. Disposing mid-attach leaves the CDK writing to\n    // a detached host, so let the current task finish first.\n    if (!this.componentRef) {\n      queueMicrotask(() => this.teardown());\n      return;\n    }\n    this.teardown();\n  }\n\n  private teardown(): void {\n    this.focusTrap?.destroy();\n    this.focusTrap = null;\n    const restore = this.previouslyFocused;\n    this.previouslyFocused = null;\n    this._overlayRef.dispose();\n    // Drop the destroyed component so a retained ref doesn't pin its instance,\n    // host element and view in memory.\n    this.componentRef = null;\n    // Restore focus after disposal so the trigger is reachable again.\n    if (restore && typeof restore.focus === 'function') {\n      restore.focus();\n    }\n  }\n\n  /** Resolves with the close result when the dialog is dismissed. */\n  awaitClose(): Promise<R | undefined> {\n    return new Promise(resolve => {\n      this.closed.subscribe({\n        next: value => resolve(value),\n        complete: () => resolve(undefined),\n      });\n    });\n  }\n\n  /** Underlying overlay ref — escape hatch for advanced cases. */\n  get overlayRef(): OverlayRef {\n    return this._overlayRef;\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { InjectionToken } from '@angular/core';\n\n/**\n * Token that exposes the `data` payload passed to `WrDialog.open()`.\n *\n * @example\n * ```ts\n * @Component({...})\n * export class ConfirmComponent {\n *   readonly data = inject<ConfirmData>(WR_DIALOG_DATA);\n * }\n * ```\n */\nexport const WR_DIALOG_DATA = new InjectionToken<unknown>('WR_DIALOG_DATA');\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { InjectionToken } from '@angular/core';\n\nimport type { WrDialogRef } from '../dialog-ref';\n\n/**\n * Token exposing the open dialog's `WrDialogRef` to components and\n * directives rendered inside it (e.g. `[wrDialogClose]`).\n *\n * **Prefer `inject(WrDialogRef)`** — the ref is provided under the class token\n * too, and the class path is the documented one. It already covers both cases\n * you might reach for a token for: `inject(WrDialogRef, { optional: true })`\n * works for content that also renders outside a dialog, and\n * `inject<WrDialogRef<ConfirmComponent, boolean>>(WrDialogRef)` types the\n * generics without a cast.\n *\n * This token is the same object under a second key. It exists for the library's\n * own directives (`[wrDialogClose]`) and for swapping the provider out — a test\n * stub, say — without touching the class.\n *\n * @example\n * ```ts\n * @Component({...})\n * export class ConfirmComponent {\n *   private readonly ref = inject<WrDialogRef<ConfirmComponent, boolean>>(WrDialogRef);\n *\n *   confirm(): void {\n *     this.ref.close(true);\n *   }\n * }\n * ```\n */\nexport const WR_DIALOG_REF = new InjectionToken<WrDialogRef<unknown, unknown>>('WR_DIALOG_REF');\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';\nimport { type OverlayRef, ScrollStrategyOptions } from '@angular/cdk/overlay';\nimport { ComponentPortal, type ComponentType } from '@angular/cdk/portal';\nimport { Location, isPlatformBrowser } from '@angular/common';\nimport { EnvironmentInjector, Service, Injector, PLATFORM_ID, afterEveryRender, inject } from '@angular/core';\n\nimport { WrI18n } from 'ngwr/i18n';\nimport { WR_OVERLAY, WR_RESPONSIVE_OVERLAYS, wrAppendOverlayClose, wrPresentAsSheet } from 'ngwr/overlay';\n\nimport { WrDialogRef } from './dialog-ref';\nimport type { WrDialogOptions } from './interfaces';\nimport { WR_DIALOG_DATA, WR_DIALOG_REF } from './tokens';\n\nconst DEFAULT_PANEL_CLASS = 'wr-dialog-panel';\nconst DEFAULT_BACKDROP_CLASS = 'wr-dialog-backdrop';\n\n/**\n * Opens dialog components in an isolated NGWR overlay.\n *\n * Uses `WR_OVERLAY` so it composes cleanly with `provideWrOverlay()`\n * — dialogs render into NGWR's own overlay container and never collide\n * with other CDK consumers (Material, NG-ZORRO, etc.).\n *\n * @example\n * ```ts\n * const dialog = inject(WrDialog);\n *\n * const ref = dialog.open(ConfirmComponent, {\n *   data: { message: 'Delete this item?' },\n *   width: '24rem',\n * });\n *\n * const ok = await ref.awaitClose();\n * if (ok) remove();\n * ```\n *\n * @see https://ngwr.dev/reference/components/dialog\n */\n@Service()\nexport class WrDialog {\n  private readonly overlay = inject(WR_OVERLAY);\n  private readonly scrollStrategies = inject(ScrollStrategyOptions);\n  private readonly parentInjector = inject(EnvironmentInjector);\n  private readonly focusTrapFactory = inject(ConfigurableFocusTrapFactory);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private readonly responsiveConfig = inject(WR_RESPONSIVE_OVERLAYS);\n  private readonly i18n = inject(WrI18n, { optional: true });\n  // Resolvable wherever the CDK's own `Overlay` is — it injects the same thing\n  // to implement `disposeOnNavigation`.\n  private readonly location = inject(Location);\n\n  open<C, R = unknown, D = unknown>(component: ComponentType<C>, options: WrDialogOptions<D> = {}): WrDialogRef<C, R> {\n    const panelClasses: string[] = [DEFAULT_PANEL_CLASS];\n    const extra = options.panelClass;\n    if (typeof extra === 'string') {\n      panelClasses.push(extra);\n    } else if (extra) {\n      for (const cls of extra) panelClasses.push(cls);\n    }\n\n    // On small viewports (when opted in) present as a slide-up sheet pinned\n    // to the bottom edge, full-width, instead of a centred modal.\n    const asSheet = wrPresentAsSheet(options.responsive, this.responsiveConfig);\n    if (asSheet) panelClasses.push('wr-overlay-sheet');\n\n    const position = this.overlay.position().global().centerHorizontally();\n    const overlayRef: OverlayRef = this.overlay.create({\n      positionStrategy: asSheet ? position.bottom('0') : position.centerVertically(),\n      scrollStrategy: this.scrollStrategies.block(),\n      hasBackdrop: true,\n      backdropClass: DEFAULT_BACKDROP_CLASS,\n      panelClass: panelClasses,\n      width: asSheet ? '100%' : options.width,\n      maxWidth: asSheet ? '100%' : options.maxWidth,\n    });\n\n    const dialogRef = new WrDialogRef<C, R>(overlayRef);\n\n    if (this.isBrowser) {\n      const active = document.activeElement;\n      dialogRef.previouslyFocused = active instanceof HTMLElement ? active : null;\n    }\n\n    const injector = Injector.create({\n      parent: this.parentInjector,\n      providers: [\n        { provide: WR_DIALOG_DATA, useValue: options.data },\n        { provide: WR_DIALOG_REF, useValue: dialogRef },\n        // Provided as its own token as well, so dialog content can reach for\n        // the familiar `inject(WrDialogRef)` and close itself.\n        { provide: WrDialogRef, useValue: dialogRef },\n      ],\n    });\n\n    const portal = new ComponentPortal(component, null, injector);\n    dialogRef.componentRef = overlayRef.attach(portal);\n\n    // Wired BEFORE the panel is decorated, and the order is the fix: everything\n    // below attaches attributes, a ✕ and a focus trap to an overlay that is\n    // already on screen, so anything that throws in there used to leave an\n    // `aria-modal` panel with no dismissal path at all — no ✕, no backdrop\n    // handler, no Escape — over the whole application, and no ref for the caller\n    // to close it with. A dialog that fails to finish opening must still be one\n    // the user can get rid of. Overlay subscriptions complete when the overlay is\n    // disposed, so no explicit teardown is required.\n    if (options.closeOnBackdropClick !== false) {\n      overlayRef.backdropClick().subscribe(() => dialogRef.close());\n    }\n    if (options.closeOnEscape !== false) {\n      overlayRef.keydownEvents().subscribe(event => {\n        if (event.key === 'Escape') {\n          event.preventDefault();\n          dialogRef.close();\n        }\n      });\n    }\n    if (options.closeOnNavigation !== false) {\n      this.watchNavigation(overlayRef, dialogRef);\n    }\n\n    if (this.isBrowser) {\n      const host = overlayRef.overlayElement;\n      host.setAttribute('role', 'dialog');\n      host.setAttribute('aria-modal', 'true');\n      // Built-in dismiss. Appended after the content portal so it paints above\n      // it, and marked on the panel so the title reserves the corner gutter.\n      if (options.closable !== false) {\n        host.classList.add('wr-dialog-panel--closable');\n        const label = options.closeLabel ?? this.closeLabel();\n        wrAppendOverlayClose(host, 'wr-dialog__close', label, () => dialogRef.close());\n      }\n      // Wire aria-labelledby to wrDialogTitle's auto-id once content is in DOM.\n      // Has to wait for a render, not a microtask: attaching the portal only\n      // schedules change detection, so under zoneless CD a microtask runs while\n      // the content is still an empty view and the title id doesn't exist yet.\n      //\n      // And after EVERY render, not just the next one: the title belongs to the\n      // caller's component, so an `@if` or a late-arriving heading can replace\n      // or remove the element the attribute names. A reference to a node that is\n      // no longer there is not a name — the dialog announces as unnamed — so a\n      // missing title clears the attribute rather than leaving it dangling.\n      const labelSync = afterEveryRender(\n        () => {\n          const titleEl = host.querySelector<HTMLElement>('[wrDialogTitle], [wr-dialog-title]');\n          if (titleEl?.id) host.setAttribute('aria-labelledby', titleEl.id);\n          else host.removeAttribute('aria-labelledby');\n        },\n        { injector: this.parentInjector }\n      );\n      // The hook is bound to the root injector, so it outlives the dialog unless\n      // it is torn down with it. `detachments()` fires on dispose, which is the\n      // one path every dismissal goes through.\n      overlayRef.detachments().subscribe(() => labelSync.destroy());\n      // Trap focus inside the dialog and move initial focus in.\n      const trap = this.focusTrapFactory.create(host);\n      dialogRef.focusTrap = trap;\n      void trap.focusInitialElementWhenReady();\n    }\n\n    return dialogRef;\n  }\n\n  /**\n   * Tie the dialog's lifetime to the URL it was opened on.\n   *\n   * Nothing else does. The overlay belongs to a root service and is dismissed\n   * only by the backdrop, Escape or an explicit `close()`, so pressing Back\n   * swapped the routed view underneath and left the modal pane, its backdrop and\n   * its focus trap sitting over a page the user never opened them on.\n   *\n   * `onUrlChange`, not `Location.subscribe()` — which is what CDK's own\n   * `disposeOnNavigation` uses: `subscribe` fires on popstate alone, so an\n   * in-app `router.navigate()` left the dialog standing. And `dialogRef.close()`\n   * rather than disposing the overlay behind the ref's back, which would never\n   * emit `closed`, never destroy the focus trap, and leave `awaitClose()`\n   * pending forever.\n   */\n  private watchNavigation<C, R>(overlayRef: OverlayRef, dialogRef: WrDialogRef<C, R>): void {\n    const stopWatching = this.location.onUrlChange(() => dialogRef.close());\n    // Unhooked a microtask late, because `Location` notifies its listeners with\n    // a `forEach` and unregistering splices the array it is iterating: removing\n    // ours synchronously from inside the notification would shift the next entry\n    // into the slot forEach has already passed, and a SECOND stacked dialog\n    // would be skipped and left behind.\n    overlayRef.detachments().subscribe(() => queueMicrotask(stopWatching));\n  }\n\n  /**\n   * The dismiss button's accessible name.\n   *\n   * Two failure modes, and resolving PER OPEN is what covers both. `t()` hands\n   * back the KEY on a miss, and `WrI18n` is root-provided with an empty catalog\n   * by default, so an app that never configured i18n named its dismiss button\n   * \"dialog.close\" — a name axe cannot fault, because a name is present, and a\n   * screen reader reads out verbatim. Resolving once at injection time fixed\n   * that but froze the answer: this is a root service, constructed before an\n   * async catalog has loaded, so a localized app got the English fallback on\n   * every dialog it ever opened.\n   */\n  private closeLabel(): string {\n    const resolved = this.i18n?.t('dialog.close');\n    return !resolved || resolved === 'dialog.close' ? 'Close dialog' : resolved;\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Directive, ElementRef, inject } from '@angular/core';\n\nlet uid = 0;\n\n/**\n * Styles a dialog title row. Use on a heading inside an opened dialog.\n * Auto-assigns an `id` so the dialog panel can reference it via\n * `aria-labelledby`.\n *\n * @example\n * ```html\n * <h2 wrDialogTitle>Confirm delete</h2>\n * ```\n */\n@Directive({\n  selector: '[wrDialogTitle]',\n  host: { class: 'wr-dialog__title', '[attr.id]': 'id' },\n})\nexport class WrDialogTitle {\n  /** Generated id used for `aria-labelledby` wiring. */\n  readonly id = `wr-dialog-title-${++uid}`;\n\n  /** @internal */\n  readonly elementRef = inject(ElementRef<HTMLElement>);\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { CdkScrollable } from '@angular/cdk/scrolling';\nimport { Directive } from '@angular/core';\n\n/**\n * Styles the scrollable body section of a dialog.\n *\n * `CdkScrollable` is a host directive because this element is a real scroll\n * container (`overflow: auto`) and an anchored overlay opened from inside it has\n * to follow its trigger. CDK's `reposition()` strategy listens to\n * `ScrollDispatcher`, which is fed by registered scrollables plus ONE\n * non-capturing `document` listener — and element `scroll` does not bubble, so\n * without the registration a `<wr-select>` halfway down a long dialog form kept\n * its panel pinned to the viewport while the trigger scrolled away. Angular\n * Material carries the same host directive on `MatDialogContent` for the same\n * reason.\n *\n * @example\n * ```html\n * <div wrDialogContent>…body…</div>\n * ```\n */\n@Directive({\n  selector: '[wrDialogContent]',\n  host: { class: 'wr-dialog__content' },\n  hostDirectives: [CdkScrollable],\n})\nexport class WrDialogContent {}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Directive, computed, input } from '@angular/core';\n\n/**\n * Footer row, typically holding action buttons.\n *\n * @example\n * ```html\n * <div wrDialogFooter align=\"end\">\n *   <wr-btn wrDialogClose>Cancel</wr-btn>\n *   <wr-btn color=\"danger\" (click)=\"confirm()\">Delete</wr-btn>\n * </div>\n * ```\n */\n@Directive({\n  selector: '[wrDialogFooter]',\n  host: { '[class]': 'classes()' },\n})\nexport class WrDialogFooter {\n  /**\n   * Horizontal alignment of the children.\n   *\n   * @default 'end'\n   */\n  readonly align = input<'start' | 'center' | 'end'>('end');\n\n  protected readonly classes = computed(() => `wr-dialog__footer wr-dialog__footer--${this.align()}`);\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Directive, inject, input } from '@angular/core';\n\nimport type { WrDialogRef } from '../dialog-ref';\nimport { WR_DIALOG_REF } from '../tokens';\n\n/**\n * Closes the dialog when the host element is clicked.\n *\n * Optionally passes a `[wrDialogClose]` value as the close result.\n *\n * @example\n * ```html\n * <wr-btn wrDialogClose>Cancel</wr-btn>\n * <wr-btn color=\"primary\" [wrDialogClose]=\"true\">Confirm</wr-btn>\n * ```\n */\n@Directive({\n  selector: '[wrDialogClose]',\n  host: { '(click)': 'onClick()' },\n})\nexport class WrDialogClose<R = unknown> {\n  /**\n   * Value to pass to `close()`. When unset — or used as a bare attribute — the\n   * dialog closes with `undefined`.\n   */\n  readonly result = input<R | undefined, R | undefined | ''>(undefined, {\n    alias: 'wrDialogClose',\n    // A bare `wrDialogClose` attribute arrives as the empty string; that means\n    // \"no result\", not a result of `''`. Matches `wrDrawerClose`.\n    transform: value => (value === '' ? undefined : value),\n  });\n\n  private readonly ref = inject<WrDialogRef<unknown, R>>(WR_DIALOG_REF, { optional: true });\n\n  protected onClick(): void {\n    this.ref?.close(this.result());\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"ngwr-dialog.mjs","sources":["../../../projects/lib/dialog/dialog-ref.ts","../../../projects/lib/dialog/tokens/dialog-data.token.ts","../../../projects/lib/dialog/tokens/dialog-ref.token.ts","../../../projects/lib/dialog/dialog.ts","../../../projects/lib/dialog/directives/dialog-title.ts","../../../projects/lib/dialog/directives/dialog-content.ts","../../../projects/lib/dialog/directives/dialog-footer.ts","../../../projects/lib/dialog/directives/dialog-close.ts","../../../projects/lib/dialog/ngwr-dialog.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport type { ConfigurableFocusTrap } from '@angular/cdk/a11y';\nimport type { OverlayRef } from '@angular/cdk/overlay';\nimport type { ComponentRef } from '@angular/core';\n\nimport { ReplaySubject } from 'rxjs';\n\n/**\n * Handle returned by `WrDialog.open()`.\n *\n * Wraps the underlying `OverlayRef` and tracks the close result. It is also\n * provided inside the dialog's own injector, so the projected content can\n * inject it and close itself — the counterpart to `[wrDialogClose]` when the\n * close is programmatic (after a save succeeds, say) rather than a click.\n *\n * @example\n * ```ts\n * // Caller side.\n * const ref = dialog.open<ConfirmComponent, boolean>(ConfirmComponent);\n * const result = await ref.awaitClose(); // boolean | undefined\n * ```\n *\n * @example\n * ```ts\n * // Content side — the dialog closes itself.\n * @Component({...})\n * export class ConfirmComponent {\n *   private readonly ref = inject(WrDialogRef);\n *\n *   save(): void {\n *     this.store.save();\n *     this.ref.close(true);\n *   }\n * }\n * ```\n */\nexport class WrDialogRef<C, R = unknown> {\n  /**\n   * Emits the close result once and completes.\n   *\n   * A `ReplaySubject`, not a plain `Subject`, so the result survives a late\n   * subscriber: content can close itself before `open()` has even returned, and\n   * `awaitClose()` may be called long after the dismissal — both would otherwise\n   * see only `complete` and resolve `undefined`.\n   */\n  readonly closed = new ReplaySubject<R | undefined>(1);\n\n  /** @internal */\n  componentRef: ComponentRef<C> | null = null;\n\n  /** @internal */\n  focusTrap: ConfigurableFocusTrap | null = null;\n\n  /** @internal */\n  previouslyFocused: HTMLElement | null = null;\n\n  constructor(private readonly _overlayRef: OverlayRef) {}\n\n  /** The instantiated dialog component. */\n  get componentInstance(): C {\n    if (!this.componentRef) {\n      throw new Error('WrDialogRef: component not yet attached');\n    }\n    return this.componentRef.instance;\n  }\n\n  private isClosed = false;\n\n  /** Close the dialog, optionally returning a result. */\n  close(result?: R): void {\n    if (this.isClosed) return;\n    this.isClosed = true;\n    this.closed.next(result);\n    this.closed.complete();\n    // Content that closes itself while constructing gets here with\n    // `OverlayRef.attach()` still on the stack — `componentRef` is assigned\n    // only once attach returns. Disposing mid-attach leaves the CDK writing to\n    // a detached host, so let the current task finish first.\n    if (!this.componentRef) {\n      queueMicrotask(() => this.teardown());\n      return;\n    }\n    this.teardown();\n  }\n\n  private teardown(): void {\n    this.focusTrap?.destroy();\n    this.focusTrap = null;\n    const restore = this.previouslyFocused;\n    this.previouslyFocused = null;\n    this._overlayRef.dispose();\n    // Drop the destroyed component so a retained ref doesn't pin its instance,\n    // host element and view in memory.\n    this.componentRef = null;\n    // Restore focus after disposal so the trigger is reachable again.\n    if (restore && typeof restore.focus === 'function') {\n      restore.focus();\n    }\n  }\n\n  /** Resolves with the close result when the dialog is dismissed. */\n  awaitClose(): Promise<R | undefined> {\n    return new Promise(resolve => {\n      this.closed.subscribe({\n        next: value => resolve(value),\n        complete: () => resolve(undefined),\n      });\n    });\n  }\n\n  /** Underlying overlay ref — escape hatch for advanced cases. */\n  get overlayRef(): OverlayRef {\n    return this._overlayRef;\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { InjectionToken } from '@angular/core';\n\n/**\n * Token that exposes the `data` payload passed to `WrDialog.open()`.\n *\n * @example\n * ```ts\n * @Component({...})\n * export class ConfirmComponent {\n *   readonly data = inject<ConfirmData>(WR_DIALOG_DATA);\n * }\n * ```\n */\nexport const WR_DIALOG_DATA = new InjectionToken<unknown>('WR_DIALOG_DATA');\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { InjectionToken } from '@angular/core';\n\nimport type { WrDialogRef } from '../dialog-ref';\n\n/**\n * Token exposing the open dialog's `WrDialogRef` to components and\n * directives rendered inside it (e.g. `[wrDialogClose]`).\n *\n * **Prefer `inject(WrDialogRef)`** — the ref is provided under the class token\n * too, and the class path is the documented one. It already covers both cases\n * you might reach for a token for: `inject(WrDialogRef, { optional: true })`\n * works for content that also renders outside a dialog, and\n * `inject<WrDialogRef<ConfirmComponent, boolean>>(WrDialogRef)` types the\n * generics without a cast.\n *\n * This token is the same object under a second key. It exists for the library's\n * own directives (`[wrDialogClose]`) and for swapping the provider out — a test\n * stub, say — without touching the class.\n *\n * @example\n * ```ts\n * @Component({...})\n * export class ConfirmComponent {\n *   private readonly ref = inject<WrDialogRef<ConfirmComponent, boolean>>(WrDialogRef);\n *\n *   confirm(): void {\n *     this.ref.close(true);\n *   }\n * }\n * ```\n */\nexport const WR_DIALOG_REF = new InjectionToken<WrDialogRef<unknown, unknown>>('WR_DIALOG_REF');\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';\nimport { Directionality } from '@angular/cdk/bidi';\nimport { type OverlayRef, ScrollStrategyOptions } from '@angular/cdk/overlay';\nimport { ComponentPortal, type ComponentType } from '@angular/cdk/portal';\nimport { Location, isPlatformBrowser } from '@angular/common';\nimport { EnvironmentInjector, Service, Injector, PLATFORM_ID, afterEveryRender, inject } from '@angular/core';\n\nimport { WrI18n } from 'ngwr/i18n';\nimport {\n  WR_OVERLAY,\n  WR_RESPONSIVE_OVERLAYS,\n  wrAppendOverlayClose,\n  wrFollowDirection,\n  wrPresentAsSheet,\n} from 'ngwr/overlay';\n\nimport { WrDialogRef } from './dialog-ref';\nimport type { WrDialogOptions } from './interfaces';\nimport { WR_DIALOG_DATA, WR_DIALOG_REF } from './tokens';\n\nconst DEFAULT_PANEL_CLASS = 'wr-dialog-panel';\nconst DEFAULT_BACKDROP_CLASS = 'wr-dialog-backdrop';\n\n/**\n * Opens dialog components in an isolated NGWR overlay.\n *\n * Uses `WR_OVERLAY` so it composes cleanly with `provideWrOverlay()`\n * — dialogs render into NGWR's own overlay container and never collide\n * with other CDK consumers (Material, NG-ZORRO, etc.).\n *\n * @example\n * ```ts\n * const dialog = inject(WrDialog);\n *\n * const ref = dialog.open(ConfirmComponent, {\n *   data: { message: 'Delete this item?' },\n *   width: '24rem',\n * });\n *\n * const ok = await ref.awaitClose();\n * if (ok) remove();\n * ```\n *\n * @see https://ngwr.dev/reference/components/dialog\n */\n@Service()\nexport class WrDialog {\n  private readonly overlay = inject(WR_OVERLAY);\n  private readonly scrollStrategies = inject(ScrollStrategyOptions);\n  private readonly parentInjector = inject(EnvironmentInjector);\n  private readonly focusTrapFactory = inject(ConfigurableFocusTrapFactory);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private readonly responsiveConfig = inject(WR_RESPONSIVE_OVERLAYS);\n  private readonly i18n = inject(WrI18n, { optional: true });\n  private readonly dir = inject(Directionality, { optional: true });\n  // Resolvable wherever the CDK's own `Overlay` is — it injects the same thing\n  // to implement `disposeOnNavigation`.\n  private readonly location = inject(Location);\n\n  open<C, R = unknown, D = unknown>(component: ComponentType<C>, options: WrDialogOptions<D> = {}): WrDialogRef<C, R> {\n    const panelClasses: string[] = [DEFAULT_PANEL_CLASS];\n    const extra = options.panelClass;\n    if (typeof extra === 'string') {\n      panelClasses.push(extra);\n    } else if (extra) {\n      for (const cls of extra) panelClasses.push(cls);\n    }\n\n    // On small viewports (when opted in) present as a slide-up sheet pinned\n    // to the bottom edge, full-width, instead of a centred modal.\n    const asSheet = wrPresentAsSheet(options.responsive, this.responsiveConfig);\n    if (asSheet) panelClasses.push('wr-overlay-sheet');\n\n    const position = this.overlay.position().global().centerHorizontally();\n    const overlayRef: OverlayRef = this.overlay.create({\n      positionStrategy: asSheet ? position.bottom('0') : position.centerVertically(),\n      scrollStrategy: this.scrollStrategies.block(),\n      hasBackdrop: true,\n      backdropClass: DEFAULT_BACKDROP_CLASS,\n      panelClass: panelClasses,\n      width: asSheet ? '100%' : options.width,\n      maxWidth: asSheet ? '100%' : options.maxWidth,\n    });\n\n    // The CDK captures the direction as a string at create and never looks\n    // again, so an app that flips while a dialog is up leaves the panel behind.\n    // Nothing here derives from it — the box is centred and its x offset is\n    // empty, so `apply()`'s RTL branch moves nothing — but the `dir` attribute\n    // is what the dialog's own logical CSS and every ngwr control inside it\n    // resolve `start` and `end` against, so it has to follow. No teardown kept:\n    // the follower ends on the ref's own `detachments()`, which every dismissal\n    // path goes through, and each `open()` creates a fresh ref of its own.\n    wrFollowDirection(overlayRef, this.dir, this.parentInjector);\n\n    const dialogRef = new WrDialogRef<C, R>(overlayRef);\n\n    if (this.isBrowser) {\n      const active = document.activeElement;\n      dialogRef.previouslyFocused = active instanceof HTMLElement ? active : null;\n    }\n\n    const injector = Injector.create({\n      parent: this.parentInjector,\n      providers: [\n        { provide: WR_DIALOG_DATA, useValue: options.data },\n        { provide: WR_DIALOG_REF, useValue: dialogRef },\n        // Provided as its own token as well, so dialog content can reach for\n        // the familiar `inject(WrDialogRef)` and close itself.\n        { provide: WrDialogRef, useValue: dialogRef },\n      ],\n    });\n\n    const portal = new ComponentPortal(component, null, injector);\n    dialogRef.componentRef = overlayRef.attach(portal);\n\n    // Wired BEFORE the panel is decorated, and the order is the fix: everything\n    // below attaches attributes, a ✕ and a focus trap to an overlay that is\n    // already on screen, so anything that throws in there used to leave an\n    // `aria-modal` panel with no dismissal path at all — no ✕, no backdrop\n    // handler, no Escape — over the whole application, and no ref for the caller\n    // to close it with. A dialog that fails to finish opening must still be one\n    // the user can get rid of. Overlay subscriptions complete when the overlay is\n    // disposed, so no explicit teardown is required.\n    if (options.closeOnBackdropClick !== false) {\n      overlayRef.backdropClick().subscribe(() => dialogRef.close());\n    }\n    if (options.closeOnEscape !== false) {\n      overlayRef.keydownEvents().subscribe(event => {\n        if (event.key === 'Escape') {\n          event.preventDefault();\n          dialogRef.close();\n        }\n      });\n    }\n    if (options.closeOnNavigation !== false) {\n      this.watchNavigation(overlayRef, dialogRef);\n    }\n\n    if (this.isBrowser) {\n      const host = overlayRef.overlayElement;\n      host.setAttribute('role', 'dialog');\n      host.setAttribute('aria-modal', 'true');\n      // Built-in dismiss. Appended after the content portal so it paints above\n      // it, and marked on the panel so the title reserves the corner gutter.\n      if (options.closable !== false) {\n        host.classList.add('wr-dialog-panel--closable');\n        const label = options.closeLabel ?? this.closeLabel();\n        wrAppendOverlayClose(host, 'wr-dialog__close', label, () => dialogRef.close());\n      }\n      // Wire aria-labelledby to wrDialogTitle's auto-id once content is in DOM.\n      // Has to wait for a render, not a microtask: attaching the portal only\n      // schedules change detection, so under zoneless CD a microtask runs while\n      // the content is still an empty view and the title id doesn't exist yet.\n      //\n      // And after EVERY render, not just the next one: the title belongs to the\n      // caller's component, so an `@if` or a late-arriving heading can replace\n      // or remove the element the attribute names. A reference to a node that is\n      // no longer there is not a name — the dialog announces as unnamed — so a\n      // missing title clears the attribute rather than leaving it dangling.\n      const labelSync = afterEveryRender(\n        () => {\n          const titleEl = host.querySelector<HTMLElement>('[wrDialogTitle], [wr-dialog-title]');\n          if (titleEl?.id) host.setAttribute('aria-labelledby', titleEl.id);\n          else host.removeAttribute('aria-labelledby');\n        },\n        { injector: this.parentInjector }\n      );\n      // The hook is bound to the root injector, so it outlives the dialog unless\n      // it is torn down with it. `detachments()` fires on dispose, which is the\n      // one path every dismissal goes through.\n      overlayRef.detachments().subscribe(() => labelSync.destroy());\n      // Trap focus inside the dialog and move initial focus in.\n      const trap = this.focusTrapFactory.create(host);\n      dialogRef.focusTrap = trap;\n      void trap.focusInitialElementWhenReady();\n    }\n\n    return dialogRef;\n  }\n\n  /**\n   * Tie the dialog's lifetime to the URL it was opened on.\n   *\n   * Nothing else does. The overlay belongs to a root service and is dismissed\n   * only by the backdrop, Escape or an explicit `close()`, so pressing Back\n   * swapped the routed view underneath and left the modal pane, its backdrop and\n   * its focus trap sitting over a page the user never opened them on.\n   *\n   * `onUrlChange`, not `Location.subscribe()` — which is what CDK's own\n   * `disposeOnNavigation` uses: `subscribe` fires on popstate alone, so an\n   * in-app `router.navigate()` left the dialog standing. And `dialogRef.close()`\n   * rather than disposing the overlay behind the ref's back, which would never\n   * emit `closed`, never destroy the focus trap, and leave `awaitClose()`\n   * pending forever.\n   */\n  private watchNavigation<C, R>(overlayRef: OverlayRef, dialogRef: WrDialogRef<C, R>): void {\n    const stopWatching = this.location.onUrlChange(() => dialogRef.close());\n    // Unhooked a microtask late, because `Location` notifies its listeners with\n    // a `forEach` and unregistering splices the array it is iterating: removing\n    // ours synchronously from inside the notification would shift the next entry\n    // into the slot forEach has already passed, and a SECOND stacked dialog\n    // would be skipped and left behind.\n    overlayRef.detachments().subscribe(() => queueMicrotask(stopWatching));\n  }\n\n  /**\n   * The dismiss button's accessible name.\n   *\n   * Two failure modes, and resolving PER OPEN is what covers both. `t()` hands\n   * back the KEY on a miss, and `WrI18n` is root-provided with an empty catalog\n   * by default, so an app that never configured i18n named its dismiss button\n   * \"dialog.close\" — a name axe cannot fault, because a name is present, and a\n   * screen reader reads out verbatim. Resolving once at injection time fixed\n   * that but froze the answer: this is a root service, constructed before an\n   * async catalog has loaded, so a localized app got the English fallback on\n   * every dialog it ever opened.\n   */\n  private closeLabel(): string {\n    const resolved = this.i18n?.t('dialog.close');\n    return !resolved || resolved === 'dialog.close' ? 'Close dialog' : resolved;\n  }\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Directive, ElementRef, inject } from '@angular/core';\n\nlet uid = 0;\n\n/**\n * Styles a dialog title row. Use on a heading inside an opened dialog.\n * Auto-assigns an `id` so the dialog panel can reference it via\n * `aria-labelledby`.\n *\n * @example\n * ```html\n * <h2 wrDialogTitle>Confirm delete</h2>\n * ```\n */\n@Directive({\n  selector: '[wrDialogTitle]',\n  host: { class: 'wr-dialog__title', '[attr.id]': 'id' },\n})\nexport class WrDialogTitle {\n  /** Generated id used for `aria-labelledby` wiring. */\n  readonly id = `wr-dialog-title-${++uid}`;\n\n  /** @internal */\n  readonly elementRef = inject(ElementRef<HTMLElement>);\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { CdkScrollable } from '@angular/cdk/scrolling';\nimport { Directive } from '@angular/core';\n\n/**\n * Styles the scrollable body section of a dialog.\n *\n * `CdkScrollable` is a host directive because this element is a real scroll\n * container (`overflow: auto`) and an anchored overlay opened from inside it has\n * to follow its trigger. CDK's `reposition()` strategy listens to\n * `ScrollDispatcher`, which is fed by registered scrollables plus ONE\n * non-capturing `document` listener — and element `scroll` does not bubble, so\n * without the registration a `<wr-select>` halfway down a long dialog form kept\n * its panel pinned to the viewport while the trigger scrolled away. Angular\n * Material carries the same host directive on `MatDialogContent` for the same\n * reason.\n *\n * @example\n * ```html\n * <div wrDialogContent>…body…</div>\n * ```\n */\n@Directive({\n  selector: '[wrDialogContent]',\n  host: { class: 'wr-dialog__content' },\n  hostDirectives: [CdkScrollable],\n})\nexport class WrDialogContent {}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Directive, computed, input } from '@angular/core';\n\n/**\n * Footer row, typically holding action buttons.\n *\n * @example\n * ```html\n * <div wrDialogFooter align=\"end\">\n *   <wr-btn wrDialogClose>Cancel</wr-btn>\n *   <wr-btn color=\"danger\" (click)=\"confirm()\">Delete</wr-btn>\n * </div>\n * ```\n */\n@Directive({\n  selector: '[wrDialogFooter]',\n  host: { '[class]': 'classes()' },\n})\nexport class WrDialogFooter {\n  /**\n   * Horizontal alignment of the children.\n   *\n   * @default 'end'\n   */\n  readonly align = input<'start' | 'center' | 'end'>('end');\n\n  protected readonly classes = computed(() => `wr-dialog__footer wr-dialog__footer--${this.align()}`);\n}\n","/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { Directive, inject, input } from '@angular/core';\n\nimport type { WrDialogRef } from '../dialog-ref';\nimport { WR_DIALOG_REF } from '../tokens';\n\n/**\n * Closes the dialog when the host element is clicked.\n *\n * Optionally passes a `[wrDialogClose]` value as the close result.\n *\n * @example\n * ```html\n * <wr-btn wrDialogClose>Cancel</wr-btn>\n * <wr-btn color=\"primary\" [wrDialogClose]=\"true\">Confirm</wr-btn>\n * ```\n */\n@Directive({\n  selector: '[wrDialogClose]',\n  host: { '(click)': 'onClick()' },\n})\nexport class WrDialogClose<R = unknown> {\n  /**\n   * Value to pass to `close()`. When unset — or used as a bare attribute — the\n   * dialog closes with `undefined`.\n   */\n  readonly result = input<R | undefined, R | undefined | ''>(undefined, {\n    alias: 'wrDialogClose',\n    // A bare `wrDialogClose` attribute arrives as the empty string; that means\n    // \"no result\", not a result of `''`. Matches `wrDrawerClose`.\n    transform: value => (value === '' ? undefined : value),\n  });\n\n  private readonly ref = inject<WrDialogRef<unknown, R>>(WR_DIALOG_REF, { optional: true });\n\n  protected onClick(): void {\n    this.ref?.close(this.result());\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-directives.mjs

@@ -35,10 +35,10 @@ class WrAutofocus {
             }
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrAutofocus, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: WrAutofocus, isStandalone: true, selector: "[wrAutofocus]", inputs: { wrAutofocus: { classPropertyName: "wrAutofocus", publicName: "wrAutofocus", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrAutofocus, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: WrAutofocus, isStandalone: true, selector: "[wrAutofocus]", inputs: { wrAutofocus: { classPropertyName: "wrAutofocus", publicName: "wrAutofocus", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrAutofocus, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrAutofocus, decorators: [{
             type: Directive,
             args: [{ selector: '[wrAutofocus]' }]
         }], ctorParameters: () => [], propDecorators: { wrAutofocus: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrAutofocus", required: false }] }] } });
@@ -109,10 +109,10 @@ class WrAutosize {
         node.style.height = `${next}px`;
         node.style.overflowY = node.scrollHeight + border > max ? 'auto' : 'hidden';
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrAutosize, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: WrAutosize, isStandalone: true, selector: "textarea[wrAutosize]", inputs: { minRows: { classPropertyName: "minRows", publicName: "minRows", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "onInput()" }, properties: { "style.overflow": "'hidden'", "style.resize": "'none'" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrAutosize, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: WrAutosize, isStandalone: true, selector: "textarea[wrAutosize]", inputs: { minRows: { classPropertyName: "minRows", publicName: "minRows", isSignal: true, isRequired: false, transformFunction: null }, maxRows: { classPropertyName: "maxRows", publicName: "maxRows", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "input": "onInput()" }, properties: { "style.overflow": "'hidden'", "style.resize": "'none'" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrAutosize, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrAutosize, decorators: [{
             type: Directive,
             args: [{
                     selector: 'textarea[wrAutosize]',
@@ -160,10 +160,10 @@ class WrClickOutside {
             });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrClickOutside, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.5", type: WrClickOutside, isStandalone: true, selector: "[wrClickOutside]", outputs: { wrClickOutside: "wrClickOutside" }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrClickOutside, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.6", type: WrClickOutside, isStandalone: true, selector: "[wrClickOutside]", outputs: { wrClickOutside: "wrClickOutside" }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrClickOutside, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrClickOutside, decorators: [{
             type: Directive,
             args: [{ selector: '[wrClickOutside]' }]
         }], ctorParameters: () => [], propDecorators: { wrClickOutside: [{ type: i0.Output, args: ["wrClickOutside"] }] } });
@@ -260,10 +260,10 @@ class WrCopyToClipboard {
                 previous.focus();
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrCopyToClipboard, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.5", type: WrCopyToClipboard, isStandalone: true, selector: "[wrCopyToClipboard]", inputs: { wrCopyToClipboard: { classPropertyName: "wrCopyToClipboard", publicName: "wrCopyToClipboard", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { copied: "copied", copyFailed: "copyFailed" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrCopyToClipboard, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.6", type: WrCopyToClipboard, isStandalone: true, selector: "[wrCopyToClipboard]", inputs: { wrCopyToClipboard: { classPropertyName: "wrCopyToClipboard", publicName: "wrCopyToClipboard", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { copied: "copied", copyFailed: "copyFailed" }, host: { listeners: { "click": "onClick()" } }, ngImport: i0 });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrCopyToClipboard, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrCopyToClipboard, decorators: [{
             type: Directive,
             args: [{ selector: '[wrCopyToClipboard]', host: { '(click)': 'onClick()' } }]
         }], propDecorators: { wrCopyToClipboard: [{ type: i0.Input, args: [{ isSignal: true, alias: "wrCopyToClipboard", required: true }] }], copied: [{ type: i0.Output, args: ["copied"] }], copyFailed: [{ type: i0.Output, args: ["copyFailed"] }] } });

package/fesm2022/ngwr-divider.mjs

@@ -110,10 +110,10 @@ class WrDivider {
         else
             el.removeAttribute('aria-label');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDivider, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.5", type: WrDivider, isStandalone: true, selector: "wr-divider", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "separator" }, properties: { "class": "classes()", "style.--wr-divider-width.px": "width()" } }, ngImport: i0, template: '<ng-content />', isInline: true, encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDivider, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.6", type: WrDivider, isStandalone: true, selector: "wr-divider", inputs: { color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, width: { classPropertyName: "width", publicName: "width", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "role": "separator" }, properties: { "class": "classes()", "style.--wr-divider-width.px": "width()" } }, ngImport: i0, template: '<ng-content />', isInline: true, encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDivider, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDivider, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-divider',

package/fesm2022/ngwr-donut-chart-testing.mjs

@@ -83,9 +83,25 @@ class WrDonutChartHarness extends ComponentHarness {
         const center = await this.locatorForOptional('.wr-donut-chart__center-label')();
         return center ? center.text() : null;
     }
-    /** The ring's diameter in pixels, as the component writes it inline. */
+    /**
+     * The chart's outer size in pixels, read off the `style` ATTRIBUTE.
+     *
+     * NOT `getCssValue()`, which is `getComputedStyle()` — the same rule this
+     * file's class note already states and this method alone broke. A computed
+     * read answers from the LAID-OUT box, so it agrees with the inline value in
+     * jsdom (which lays nothing out and echoes the declaration) and disagrees in a
+     * browser, where sub-pixel rounding turns a declared 240 into 239.5. A harness
+     * that answers differently in the two places it runs is worse than one that
+     * refuses.
+     */
     async getSize() {
-        return Number.parseFloat(await (await this.locatorFor('.wr-donut-chart__surface')()).getCssValue('width'));
+        const style = await (await this.locatorFor('.wr-donut-chart__surface')()).getAttribute('style');
+        const match = /width:\s*([\d.]+)px/.exec(style ?? '');
+        if (!match) {
+            throw new Error(`WrDonutChartHarness.getSize(): no inline width on .wr-donut-chart__surface (style: "${style ?? ''}"). ` +
+                'The component writes one unconditionally, so its absence is the bug rather than a zero.');
+        }
+        return Number.parseFloat(match[1]);
     }
 }
 

package/fesm2022/ngwr-donut-chart-testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-donut-chart-testing.mjs","sources":["../../../projects/lib/donut-chart/testing/wr-donut-chart-harness.ts","../../../projects/lib/donut-chart/testing/ngwr-donut-chart-testing.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';\n\nimport type { WrDonutChartHarnessFilters, WrDonutChartLegendEntry } from './interfaces';\n\n/**\n * Test harness for `<wr-donut-chart>`.\n *\n * **The ring itself is unreadable, and that is by design.** The slices are SVG\n * paths inside a `role=\"img\"` drawing: a screen reader is given that drawing's\n * `aria-label` and nothing else, and a spec cannot get a label or a value off a\n * path's `d`. {@link getLegend} is where the numbers are — which is also the\n * argument for keeping `showLegend` on, since with it off the only other text is\n * whatever {@link getCenterValue} and {@link getCenterLabel} were given.\n *\n * The name is read off the `<svg>` rather than off the surface that wraps it, and\n * the two are not interchangeable: `img` makes its whole subtree presentational, so\n * a name on the wrapper would take the centre text down with it.\n *\n * {@link getSliceCount} is therefore the one thing the ring answers: how many\n * wedges were drawn. Compare it with the legend's length to catch a slice that was\n * filtered out of one and not the other.\n *\n * @example\n * ```ts\n * const chart = await loader.getHarness(WrDonutChartHarness);\n *\n * expect(await chart.getSliceCount()).toBe(3);\n * expect(await chart.getLegend()).toEqual([\n *   { label: 'Direct', value: '48' },\n *   { label: 'Search', value: '32' },\n *   { label: 'Social', value: '20' },\n * ]);\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrDonutChartHarness extends ComponentHarness {\n  static hostSelector = 'wr-donut-chart';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrDonutChartHarnessFilters = {}): HarnessPredicate<WrDonutChartHarness> {\n    return new HarnessPredicate(WrDonutChartHarness, options)\n      .addOption('ariaLabel', options.ariaLabel, (harness, label) =>\n        HarnessPredicate.stringMatches(harness.getAccessibleName(), label)\n      )\n      .addOption('sliceLabel', options.sliceLabel, async (harness, label) => {\n        for (const entry of await harness.getLegend()) {\n          if (await HarnessPredicate.stringMatches(entry.label, label)) return true;\n        }\n        return false;\n      });\n  }\n\n  /** The name the ring announces — the whole chart's, since the slices announce nothing. */\n  async getAccessibleName(): Promise<string | null> {\n    return (await this.locatorFor('.wr-donut-chart__surface svg')()).getAttribute('aria-label');\n  }\n\n  /** How many wedges were drawn. */\n  async getSliceCount(): Promise<number> {\n    return (await this.locatorForAll('.wr-donut-chart__surface path')()).length;\n  }\n\n  /** Whether the legend is rendered (`showLegend`, and at least one slice). */\n  async hasLegend(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-donut-chart__legend')()) !== null;\n  }\n\n  /** The legend rows in order — the only textual form the data has. */\n  async getLegend(): Promise<WrDonutChartLegendEntry[]> {\n    const labels = await this.locatorForAll('.wr-donut-chart__legend-label')();\n    const values = await this.locatorForAll('.wr-donut-chart__legend-value')();\n\n    return Promise.all(\n      labels.map(async (label, index) => ({\n        label: await label.text(),\n        value: (await values[index]?.text()) ?? '',\n      }))\n    );\n  }\n\n  /** The big number in the middle, or `null` when the chart has none. */\n  async getCenterValue(): Promise<string | null> {\n    const center = await this.locatorForOptional('.wr-donut-chart__center-value')();\n    return center ? center.text() : null;\n  }\n\n  /** The caption under the centre value, or `null`. */\n  async getCenterLabel(): Promise<string | null> {\n    const center = await this.locatorForOptional('.wr-donut-chart__center-label')();\n    return center ? center.text() : null;\n  }\n\n  /** The ring's diameter in pixels, as the component writes it inline. */\n  async getSize(): Promise<number> {\n    return Number.parseFloat(await (await this.locatorFor('.wr-donut-chart__surface')()).getCssValue('width'));\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;AAAA;;;;;AAKG;AAMH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+BG;AACG,MAAO,mBAAoB,SAAQ,gBAAgB,CAAA;AACvD,IAAA,OAAO,YAAY,GAAG,gBAAgB;;AAGtC,IAAA,OAAO,IAAI,CAAC,OAAA,GAAsC,EAAE,EAAA;AAClD,QAAA,OAAO,IAAI,gBAAgB,CAAC,mBAAmB,EAAE,OAAO;aACrD,SAAS,CAAC,WAAW,EAAE,OAAO,CAAC,SAAS,EAAE,CAAC,OAAO,EAAE,KAAK,KACxD,gBAAgB,CAAC,aAAa,CAAC,OAAO,CAAC,iBAAiB,EAAE,EAAE,KAAK,CAAC;AAEnE,aAAA,SAAS,CAAC,YAAY,EAAE,OAAO,CAAC,UAAU,EAAE,OAAO,OAAO,EAAE,KAAK,KAAI;YACpE,KAAK,MAAM,KAAK,IAAI,MAAM,OAAO,CAAC,SAAS,EAAE,EAAE;gBAC7C,IAAI,MAAM,gBAAgB,CAAC,aAAa,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC;AAAE,oBAAA,OAAO,IAAI;YAC3E;AACA,YAAA,OAAO,KAAK;AACd,QAAA,CAAC,CAAC;IACN;;AAGA,IAAA,MAAM,iBAAiB,GAAA;AACrB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,8BAA8B,CAAC,EAAE,EAAE,YAAY,CAAC,YAAY,CAAC;IAC7F;;AAGA,IAAA,MAAM,aAAa,GAAA;AACjB,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,aAAa,CAAC,+BAA+B,CAAC,EAAE,EAAE,MAAM;IAC7E;;AAGA,IAAA,MAAM,SAAS,GAAA;AACb,QAAA,OAAO,CAAC,MAAM,IAAI,CAAC,kBAAkB,CAAC,yBAAyB,CAAC,EAAE,MAAM,IAAI;IAC9E;;AAGA,IAAA,MAAM,SAAS,GAAA;QACb,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,+BAA+B,CAAC,EAAE;QAC1E,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,aAAa,CAAC,+BAA+B,CAAC,EAAE;AAE1E,QAAA,OAAO,OAAO,CAAC,GAAG,CAChB,MAAM,CAAC,GAAG,CAAC,OAAO,KAAK,EAAE,KAAK,MAAM;AAClC,YAAA,KAAK,EAAE,MAAM,KAAK,CAAC,IAAI,EAAE;AACzB,YAAA,KAAK,EAAE,CAAC,MAAM,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE;SAC3C,CAAC,CAAC,CACJ;IACH;;AAGA,IAAA,MAAM,cAAc,GAAA;QAClB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,kBAAkB,CAAC,+BAA+B,CAAC,EAAE;AAC/E,QAAA,OAAO,MAAM,GAAG,MAAM,CAAC,IAAI,EAAE,GAAG,IAAI;IACtC;;AAGA,IAAA,MAAM,cAAc,GAAA;QAClB,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,kBAAkB,CAAC,+BAA+B,CAAC,EAAE;AAC/E,QAAA,OAAO,MAAM,GAAG,MAAM,CAAC,IAAI,EAAE,GAAG,IAAI;IACtC;;AAGA,IAAA,MAAM,OAAO,GAAA;QACX,OAAO,MAAM,CAAC,UAAU,CAAC,MAAM,CAAC,MAAM,IAAI,CAAC,UAAU,CAAC,0BAA0B,CAAC,EAAE,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC5G;;;ACvGF;;AAEG;;;;"}
+{"version":3,"file":"ngwr-donut-chart-testing.mjs","sources":["../../../projects/lib/donut-chart/testing/wr-donut-chart-harness.ts","../../../projects/lib/donut-chart/testing/ngwr-donut-chart-testing.ts"],"sourcesContent":["/**\n * @license\n *\n * Use of this source code is governed by an MIT-style license that can be\n * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE\n */\n\nimport { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';\n\nimport type { WrDonutChartHarnessFilters, WrDonutChartLegendEntry } from './interfaces';\n\n/**\n * Test harness for `<wr-donut-chart>`.\n *\n * **The ring itself is unreadable, and that is by design.** The slices are SVG\n * paths inside a `role=\"img\"` drawing: a screen reader is given that drawing's\n * `aria-label` and nothing else, and a spec cannot get a label or a value off a\n * path's `d`. {@link getLegend} is where the numbers are — which is also the\n * argument for keeping `showLegend` on, since with it off the only other text is\n * whatever {@link getCenterValue} and {@link getCenterLabel} were given.\n *\n * The name is read off the `<svg>` rather than off the surface that wraps it, and\n * the two are not interchangeable: `img` makes its whole subtree presentational, so\n * a name on the wrapper would take the centre text down with it.\n *\n * {@link getSliceCount} is therefore the one thing the ring answers: how many\n * wedges were drawn. Compare it with the legend's length to catch a slice that was\n * filtered out of one and not the other.\n *\n * @example\n * ```ts\n * const chart = await loader.getHarness(WrDonutChartHarness);\n *\n * expect(await chart.getSliceCount()).toBe(3);\n * expect(await chart.getLegend()).toEqual([\n *   { label: 'Direct', value: '48' },\n *   { label: 'Search', value: '32' },\n *   { label: 'Social', value: '20' },\n * ]);\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrDonutChartHarness extends ComponentHarness {\n  static hostSelector = 'wr-donut-chart';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrDonutChartHarnessFilters = {}): HarnessPredicate<WrDonutChartHarness> {\n    return new HarnessPredicate(WrDonutChartHarness, options)\n      .addOption('ariaLabel', options.ariaLabel, (harness, label) =>\n        HarnessPredicate.stringMatches(harness.getAccessibleName(), label)\n      )\n      .addOption('sliceLabel', options.sliceLabel, async (harness, label) => {\n        for (const entry of await harness.getLegend()) {\n          if (await HarnessPredicate.stringMatches(entry.label, label)) return true;\n        }\n        return false;\n      });\n  }\n\n  /** The name the ring announces — the whole chart's, since the slices announce nothing. */\n  async getAccessibleName(): Promise<string | null> {\n    return (await this.locatorFor('.wr-donut-chart__surface svg')()).getAttribute('aria-label');\n  }\n\n  /** How many wedges were drawn. */\n  async getSliceCount(): Promise<number> {\n    return (await this.locatorForAll('.wr-donut-chart__surface path')()).length;\n  }\n\n  /** Whether the legend is rendered (`showLegend`, and at least one slice). */\n  async hasLegend(): Promise<boolean> {\n    return (await this.locatorForOptional('.wr-donut-chart__legend')()) !== null;\n  }\n\n  /** The legend rows in order — the only textual form the data has. */\n  async getLegend(): Promise<WrDonutChartLegendEntry[]> {\n    const labels = await this.locatorForAll('.wr-donut-chart__legend-label')();\n    const values = await this.locatorForAll('.wr-donut-chart__legend-value')();\n\n    return Promise.all(\n      labels.map(async (label, index) => ({\n        label: await label.text(),\n        value: (await values[index]?.text()) ?? '',\n      }))\n    );\n  }\n\n  /** The big number in the middle, or `null` when the chart has none. */\n  async getCenterValue(): Promise<string | null> {\n    const center = await this.locatorForOptional('.wr-donut-chart__center-value')();\n    return center ? center.text() : null;\n  }\n\n  /** The caption under the centre value, or `null`. */\n  async getCenterLabel(): Promise<string | null> {\n    const center = await this.locatorForOptional('.wr-donut-chart__center-label')();\n    return center ? center.text() : null;\n  }\n\n  /**\n   * The chart's outer size in pixels, read off the `style` ATTRIBUTE.\n   *\n   * NOT `getCssValue()`, which is `getComputedStyle()` — the same rule this\n   * file's class note already states and this method alone broke. A computed\n   * read answers from the LAID-OUT box, so it agrees with the inline value in\n   * jsdom (which lays nothing out and echoes the declaration) and disagrees in a\n   * browser, where sub-pixel rounding turns a declared 240 into 239.5. A harness\n   * that answers differently in the two places it runs is worse than one that\n   * refuses.\n   */\n  async getSize(): Promise<number> {\n    const style = await (await this.locatorFor('.wr-donut-chart__surface')()).getAttribute('style');\n    const match = /width:\\s*([\\d.]+)px/.exec(style ?? '');\n    if (!match) {\n      throw new Error(\n        `WrDonutChartHarness.getSize(): no inline width on .wr-donut-chart__surface (style: \"${style ?? ''}\"). ` +\n          'The component writes one unconditionally, so its absence is the bug rather than a zero.'\n      );\n    }\n    return Number.parseFloat(match[1]);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-donut-chart.mjs

@@ -138,12 +138,12 @@ class WrDonutChart {
             'Z',
         ].join(' ');
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDonutChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.5", type: WrDonutChart, isStandalone: true, selector: "wr-donut-chart", inputs: { segments: { classPropertyName: "segments", publicName: "segments", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, thickness: { classPropertyName: "thickness", publicName: "thickness", isSignal: true, isRequired: false, transformFunction: null }, showLegend: { classPropertyName: "showLegend", publicName: "showLegend", isSignal: true, isRequired: false, transformFunction: null }, centerValue: { classPropertyName: "centerValue", publicName: "centerValue", isSignal: true, isRequired: false, transformFunction: null }, centerLabel: { classPropertyName: "centerLabel", publicName: "centerLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "wr-donut-chart" }, ngImport: i0, template: "<div class=\"wr-donut-chart__surface\" [style.width.px]=\"size()\">\n  <!-- The name sits on the DRAWING, not on this wrapper. `img` is a\n       children-presentational role, so with it out here WebKit dropped the whole\n       subtree \u2014 including the centre value and label, which are real text and are\n       the headline datum the legend does not carry. -->\n  <svg viewBox=\"0 0 100 100\" role=\"img\" [attr.aria-label]=\"resolvedAriaLabel()\">\n    @for (slice of slices(); track $index) {\n      <path [attr.d]=\"slice.path\" [attr.fill]=\"slice.color\" />\n    }\n  </svg>\n  @if (centerValue() || centerLabel()) {\n    <div class=\"wr-donut-chart__center\">\n      @if (centerValue()) {\n        <div class=\"wr-donut-chart__center-value\">{{ centerValue() }}</div>\n      }\n      @if (centerLabel()) {\n        <div class=\"wr-donut-chart__center-label\">{{ centerLabel() }}</div>\n      }\n    </div>\n  }\n</div>\n\n@if (showLegend() && slices().length > 0) {\n  <ul class=\"wr-donut-chart__legend\">\n    @for (slice of slices(); track $index) {\n      <li class=\"wr-donut-chart__legend-item\">\n        <span class=\"wr-donut-chart__swatch\" [style.background]=\"slice.color\"></span>\n        <span class=\"wr-donut-chart__legend-label\">{{ slice.label }}</span>\n        <span class=\"wr-donut-chart__legend-value\">{{ slice.value }}</span>\n      </li>\n    }\n  </ul>\n}\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDonutChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.6", type: WrDonutChart, isStandalone: true, selector: "wr-donut-chart", inputs: { segments: { classPropertyName: "segments", publicName: "segments", isSignal: true, isRequired: false, transformFunction: null }, ariaLabel: { classPropertyName: "ariaLabel", publicName: "ariaLabel", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, thickness: { classPropertyName: "thickness", publicName: "thickness", isSignal: true, isRequired: false, transformFunction: null }, showLegend: { classPropertyName: "showLegend", publicName: "showLegend", isSignal: true, isRequired: false, transformFunction: null }, centerValue: { classPropertyName: "centerValue", publicName: "centerValue", isSignal: true, isRequired: false, transformFunction: null }, centerLabel: { classPropertyName: "centerLabel", publicName: "centerLabel", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "wr-donut-chart" }, ngImport: i0, template: "<div class=\"wr-donut-chart__surface\" [style.width.px]=\"size()\">\n  <!-- The name sits on the DRAWING, not on this wrapper. `img` is a\n       children-presentational role, so with it out here WebKit dropped the whole\n       subtree \u2014 including the centre value and label, which are real text and are\n       the headline datum the legend does not carry. -->\n  <svg viewBox=\"0 0 100 100\" role=\"img\" [attr.aria-label]=\"resolvedAriaLabel()\">\n    <!-- Every slice is stroked in the SURFACE colour, so adjacent arcs are\n         separated by a visible gap rather than by the boundary between two\n         fills. Without it the only thing dividing two slices is the colour\n         change itself, and the default palette's entries sit within about\n         1.06:1 of each other in relative luminance \u2014 for a reader who cannot\n         separate hue, two neighbours merge into one arc and the chart reads as\n         having fewer slices than it has. A gap is a shape, and it survives\n         greyscale, printing and a monochrome display. -->\n    @for (slice of slices(); track $index) {\n      <path\n        [attr.d]=\"slice.path\"\n        [attr.fill]=\"slice.color\"\n        stroke=\"var(--wr-color-surface)\"\n        stroke-width=\"1\"\n        stroke-linejoin=\"round\"\n      />\n    }\n  </svg>\n  @if (centerValue() || centerLabel()) {\n    <div class=\"wr-donut-chart__center\">\n      @if (centerValue()) {\n        <div class=\"wr-donut-chart__center-value\">{{ centerValue() }}</div>\n      }\n      @if (centerLabel()) {\n        <div class=\"wr-donut-chart__center-label\">{{ centerLabel() }}</div>\n      }\n    </div>\n  }\n</div>\n\n@if (showLegend() && slices().length > 0) {\n  <ul class=\"wr-donut-chart__legend\">\n    @for (slice of slices(); track $index) {\n      <li class=\"wr-donut-chart__legend-item\">\n        <span class=\"wr-donut-chart__swatch\" [style.background]=\"slice.color\"></span>\n        <span class=\"wr-donut-chart__legend-label\">{{ slice.label }}</span>\n        <span class=\"wr-donut-chart__legend-value\">{{ slice.value }}</span>\n      </li>\n    }\n  </ul>\n}\n", encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: WrDonutChart, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.6", ngImport: i0, type: WrDonutChart, decorators: [{
             type: Component,
-            args: [{ selector: 'wr-donut-chart', encapsulation: ViewEncapsulation.None, host: { class: 'wr-donut-chart' }, template: "<div class=\"wr-donut-chart__surface\" [style.width.px]=\"size()\">\n  <!-- The name sits on the DRAWING, not on this wrapper. `img` is a\n       children-presentational role, so with it out here WebKit dropped the whole\n       subtree \u2014 including the centre value and label, which are real text and are\n       the headline datum the legend does not carry. -->\n  <svg viewBox=\"0 0 100 100\" role=\"img\" [attr.aria-label]=\"resolvedAriaLabel()\">\n    @for (slice of slices(); track $index) {\n      <path [attr.d]=\"slice.path\" [attr.fill]=\"slice.color\" />\n    }\n  </svg>\n  @if (centerValue() || centerLabel()) {\n    <div class=\"wr-donut-chart__center\">\n      @if (centerValue()) {\n        <div class=\"wr-donut-chart__center-value\">{{ centerValue() }}</div>\n      }\n      @if (centerLabel()) {\n        <div class=\"wr-donut-chart__center-label\">{{ centerLabel() }}</div>\n      }\n    </div>\n  }\n</div>\n\n@if (showLegend() && slices().length > 0) {\n  <ul class=\"wr-donut-chart__legend\">\n    @for (slice of slices(); track $index) {\n      <li class=\"wr-donut-chart__legend-item\">\n        <span class=\"wr-donut-chart__swatch\" [style.background]=\"slice.color\"></span>\n        <span class=\"wr-donut-chart__legend-label\">{{ slice.label }}</span>\n        <span class=\"wr-donut-chart__legend-value\">{{ slice.value }}</span>\n      </li>\n    }\n  </ul>\n}\n" }]
+            args: [{ selector: 'wr-donut-chart', encapsulation: ViewEncapsulation.None, host: { class: 'wr-donut-chart' }, template: "<div class=\"wr-donut-chart__surface\" [style.width.px]=\"size()\">\n  <!-- The name sits on the DRAWING, not on this wrapper. `img` is a\n       children-presentational role, so with it out here WebKit dropped the whole\n       subtree \u2014 including the centre value and label, which are real text and are\n       the headline datum the legend does not carry. -->\n  <svg viewBox=\"0 0 100 100\" role=\"img\" [attr.aria-label]=\"resolvedAriaLabel()\">\n    <!-- Every slice is stroked in the SURFACE colour, so adjacent arcs are\n         separated by a visible gap rather than by the boundary between two\n         fills. Without it the only thing dividing two slices is the colour\n         change itself, and the default palette's entries sit within about\n         1.06:1 of each other in relative luminance \u2014 for a reader who cannot\n         separate hue, two neighbours merge into one arc and the chart reads as\n         having fewer slices than it has. A gap is a shape, and it survives\n         greyscale, printing and a monochrome display. -->\n    @for (slice of slices(); track $index) {\n      <path\n        [attr.d]=\"slice.path\"\n        [attr.fill]=\"slice.color\"\n        stroke=\"var(--wr-color-surface)\"\n        stroke-width=\"1\"\n        stroke-linejoin=\"round\"\n      />\n    }\n  </svg>\n  @if (centerValue() || centerLabel()) {\n    <div class=\"wr-donut-chart__center\">\n      @if (centerValue()) {\n        <div class=\"wr-donut-chart__center-value\">{{ centerValue() }}</div>\n      }\n      @if (centerLabel()) {\n        <div class=\"wr-donut-chart__center-label\">{{ centerLabel() }}</div>\n      }\n    </div>\n  }\n</div>\n\n@if (showLegend() && slices().length > 0) {\n  <ul class=\"wr-donut-chart__legend\">\n    @for (slice of slices(); track $index) {\n      <li class=\"wr-donut-chart__legend-item\">\n        <span class=\"wr-donut-chart__swatch\" [style.background]=\"slice.color\"></span>\n        <span class=\"wr-donut-chart__legend-label\">{{ slice.label }}</span>\n        <span class=\"wr-donut-chart__legend-value\">{{ slice.value }}</span>\n      </li>\n    }\n  </ul>\n}\n" }]
         }], propDecorators: { segments: [{ type: i0.Input, args: [{ isSignal: true, alias: "segments", required: false }] }], ariaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "ariaLabel", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], thickness: [{ type: i0.Input, args: [{ isSignal: true, alias: "thickness", required: false }] }], showLegend: [{ type: i0.Input, args: [{ isSignal: true, alias: "showLegend", required: false }] }], centerValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "centerValue", required: false }] }], centerLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "centerLabel", required: false }] }] } });
 
 /**