ngwr 10.2.0 → 11.0.0

package/fesm2022/ngwr-result.mjs

@@ -34,10 +34,10 @@ class WrResult {
     ...(ngDevMode ? [{ debugName: "status" }] : /* istanbul ignore next */ []));
     classes = computed(() => `wr-result wr-result--${this.status()}`, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrResult, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: WrResult, isStandalone: true, selector: "wr-result", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "<div class=\"wr-result__icon\" aria-hidden=\"true\">\n  @switch (status()) {\n    @case ('success') {\n      <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\">\n        <circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"currentColor\" opacity=\"0.12\" />\n        <path\n          d=\"M20 32 L28 40 L44 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n    }\n    @case ('warning') {\n      <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\">\n        <circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"currentColor\" opacity=\"0.12\" />\n        <path\n          d=\"M32 18 L32 36 M32 44 L32 46\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3.5\"\n          stroke-linecap=\"round\"\n        />\n      </svg>\n    }\n    @case ('error') {\n      <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\">\n        <circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"currentColor\" opacity=\"0.12\" />\n        <path\n          d=\"M22 22 L42 42 M42 22 L22 42\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n        />\n      </svg>\n    }\n    @case ('empty') {\n      <svg width=\"72\" height=\"56\" viewBox=\"0 0 72 56\">\n        <rect x=\"6\" y=\"14\" width=\"60\" height=\"36\" rx=\"4\" fill=\"currentColor\" opacity=\"0.12\" />\n        <path d=\"M6 26 L36 26 L40 20 L66 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" />\n      </svg>\n    }\n    @default {\n      <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\">\n        <circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"currentColor\" opacity=\"0.12\" />\n        <path\n          d=\"M32 20 L32 36 M32 42 L32 44\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3.5\"\n          stroke-linecap=\"round\"\n        />\n      </svg>\n    }\n  }\n</div>\n\n@if (title()) {\n  <h2 class=\"wr-result__title\">{{ title() }}</h2>\n}\n@if (description()) {\n  <p class=\"wr-result__description\">{{ description() }}</p>\n}\n\n<div class=\"wr-result__extra\">\n  <ng-content select=\"[wrResultExtra]\" />\n</div>\n", encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrResult, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: WrResult, isStandalone: true, selector: "wr-result", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, status: { classPropertyName: "status", publicName: "status", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()" } }, ngImport: i0, template: "<div class=\"wr-result__icon\" aria-hidden=\"true\">\n  @switch (status()) {\n    @case ('success') {\n      <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\">\n        <circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"currentColor\" opacity=\"0.12\" />\n        <path\n          d=\"M20 32 L28 40 L44 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n    }\n    @case ('warning') {\n      <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\">\n        <circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"currentColor\" opacity=\"0.12\" />\n        <path\n          d=\"M32 18 L32 36 M32 44 L32 46\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3.5\"\n          stroke-linecap=\"round\"\n        />\n      </svg>\n    }\n    @case ('error') {\n      <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\">\n        <circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"currentColor\" opacity=\"0.12\" />\n        <path\n          d=\"M22 22 L42 42 M42 22 L22 42\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n        />\n      </svg>\n    }\n    @case ('empty') {\n      <svg width=\"72\" height=\"56\" viewBox=\"0 0 72 56\">\n        <rect x=\"6\" y=\"14\" width=\"60\" height=\"36\" rx=\"4\" fill=\"currentColor\" opacity=\"0.12\" />\n        <path d=\"M6 26 L36 26 L40 20 L66 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" />\n      </svg>\n    }\n    @default {\n      <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\">\n        <circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"currentColor\" opacity=\"0.12\" />\n        <path\n          d=\"M32 20 L32 36 M32 42 L32 44\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3.5\"\n          stroke-linecap=\"round\"\n        />\n      </svg>\n    }\n  }\n</div>\n\n@if (title()) {\n  <h2 class=\"wr-result__title\">{{ title() }}</h2>\n}\n@if (description()) {\n  <p class=\"wr-result__description\">{{ description() }}</p>\n}\n\n<div class=\"wr-result__extra\">\n  <ng-content select=\"[wrResultExtra]\" />\n</div>\n", encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrResult, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrResult, decorators: [{
             type: Component,
             args: [{ selector: 'wr-result', encapsulation: ViewEncapsulation.None, host: { '[class]': 'classes()' }, template: "<div class=\"wr-result__icon\" aria-hidden=\"true\">\n  @switch (status()) {\n    @case ('success') {\n      <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\">\n        <circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"currentColor\" opacity=\"0.12\" />\n        <path\n          d=\"M20 32 L28 40 L44 24\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n          stroke-linejoin=\"round\"\n        />\n      </svg>\n    }\n    @case ('warning') {\n      <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\">\n        <circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"currentColor\" opacity=\"0.12\" />\n        <path\n          d=\"M32 18 L32 36 M32 44 L32 46\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3.5\"\n          stroke-linecap=\"round\"\n        />\n      </svg>\n    }\n    @case ('error') {\n      <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\">\n        <circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"currentColor\" opacity=\"0.12\" />\n        <path\n          d=\"M22 22 L42 42 M42 22 L22 42\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3\"\n          stroke-linecap=\"round\"\n        />\n      </svg>\n    }\n    @case ('empty') {\n      <svg width=\"72\" height=\"56\" viewBox=\"0 0 72 56\">\n        <rect x=\"6\" y=\"14\" width=\"60\" height=\"36\" rx=\"4\" fill=\"currentColor\" opacity=\"0.12\" />\n        <path d=\"M6 26 L36 26 L40 20 L66 20\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" />\n      </svg>\n    }\n    @default {\n      <svg width=\"64\" height=\"64\" viewBox=\"0 0 64 64\">\n        <circle cx=\"32\" cy=\"32\" r=\"28\" fill=\"currentColor\" opacity=\"0.12\" />\n        <path\n          d=\"M32 20 L32 36 M32 42 L32 44\"\n          fill=\"none\"\n          stroke=\"currentColor\"\n          stroke-width=\"3.5\"\n          stroke-linecap=\"round\"\n        />\n      </svg>\n    }\n  }\n</div>\n\n@if (title()) {\n  <h2 class=\"wr-result__title\">{{ title() }}</h2>\n}\n@if (description()) {\n  <p class=\"wr-result__description\">{{ description() }}</p>\n}\n\n<div class=\"wr-result__extra\">\n  <ng-content select=\"[wrResultExtra]\" />\n</div>\n" }]
         }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], status: [{ type: i0.Input, args: [{ isSignal: true, alias: "status", required: false }] }] } });
@@ -65,10 +65,10 @@ class WrResult404 {
     description = input(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
     desc = useI18nText(this.description, 'result.notFound', 'Sorry, the page you visited does not exist.');
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrResult404, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.0", type: WrResult404, isStandalone: true, selector: "wr-result-404", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<wr-result status="warning" [title]="title()" [description]="desc()"><ng-content /></wr-result>`, isInline: true, dependencies: [{ kind: "component", type: WrResult, selector: "wr-result", inputs: ["title", "description", "status"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrResult404, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.1", type: WrResult404, isStandalone: true, selector: "wr-result-404", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<wr-result status="warning" [title]="title()" [description]="desc()"><ng-content /></wr-result>`, isInline: true, dependencies: [{ kind: "component", type: WrResult, selector: "wr-result", inputs: ["title", "description", "status"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrResult404, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrResult404, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-result-404',
@@ -85,10 +85,10 @@ class WrResult403 {
     description = input(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
     desc = useI18nText(this.description, 'result.forbidden', 'Sorry, you are not authorized to access this page.');
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrResult403, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.0", type: WrResult403, isStandalone: true, selector: "wr-result-403", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<wr-result status="error" [title]="title()" [description]="desc()"><ng-content /></wr-result>`, isInline: true, dependencies: [{ kind: "component", type: WrResult, selector: "wr-result", inputs: ["title", "description", "status"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrResult403, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.1", type: WrResult403, isStandalone: true, selector: "wr-result-403", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<wr-result status="error" [title]="title()" [description]="desc()"><ng-content /></wr-result>`, isInline: true, dependencies: [{ kind: "component", type: WrResult, selector: "wr-result", inputs: ["title", "description", "status"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrResult403, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrResult403, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-result-403',
@@ -105,10 +105,10 @@ class WrResult500 {
     description = input(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
     desc = useI18nText(this.description, 'result.serverError', 'Sorry, something went wrong.');
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrResult500, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.0", type: WrResult500, isStandalone: true, selector: "wr-result-500", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<wr-result status="error" [title]="title()" [description]="desc()"><ng-content /></wr-result>`, isInline: true, dependencies: [{ kind: "component", type: WrResult, selector: "wr-result", inputs: ["title", "description", "status"] }], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrResult500, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.1", type: WrResult500, isStandalone: true, selector: "wr-result-500", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `<wr-result status="error" [title]="title()" [description]="desc()"><ng-content /></wr-result>`, isInline: true, dependencies: [{ kind: "component", type: WrResult, selector: "wr-result", inputs: ["title", "description", "status"] }], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrResult500, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrResult500, decorators: [{
             type: Component,
             args: [{
                     selector: 'wr-result-500',

package/fesm2022/ngwr-rotating-text.mjs

@@ -262,10 +262,10 @@ class WrRotatingText {
                 return i * stagger;
         }
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrRotatingText, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.0", type: WrRotatingText, isStandalone: true, selector: "wr-rotating-text", inputs: { texts: { classPropertyName: "texts", publicName: "texts", isSignal: true, isRequired: true, transformFunction: null }, rotationInterval: { classPropertyName: "rotationInterval", publicName: "rotationInterval", isSignal: true, isRequired: false, transformFunction: null }, splitBy: { classPropertyName: "splitBy", publicName: "splitBy", isSignal: true, isRequired: false, transformFunction: null }, auto: { classPropertyName: "auto", publicName: "auto", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, easing: { classPropertyName: "easing", publicName: "easing", isSignal: true, isRequired: false, transformFunction: null }, staggerDuration: { classPropertyName: "staggerDuration", publicName: "staggerDuration", isSignal: true, isRequired: false, transformFunction: null }, staggerFrom: { classPropertyName: "staggerFrom", publicName: "staggerFrom", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nextChange: "nextChange" }, host: { classAttribute: "wr-rotating-text" }, ngImport: i0, template: "<!-- Screen-reader-only live region with the canonical text. -->\n<span class=\"wr-rotating-text__sr-only\">{{ current() }}</span>\n\n<!-- Animated visual content. -->\n<span class=\"wr-rotating-text__inner\" aria-hidden=\"true\">\n  @for (word of words(); track $index) {\n    <span class=\"wr-rotating-text__word\">\n      @for (char of word.characters; track $index) {\n        <span class=\"wr-rotating-text__char\">{{ char }}</span>\n      }\n      @if (word.needsSpace) {\n        <span class=\"wr-rotating-text__space\">&nbsp;</span>\n      }\n    </span>\n  }\n</span>\n", styles: [".wr-rotating-text{display:inline-flex;align-items:center;overflow:hidden;vertical-align:bottom}.wr-rotating-text__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.wr-rotating-text__inner{display:inline-flex;flex-wrap:wrap}.wr-rotating-text__word{display:inline-flex;align-items:center}.wr-rotating-text__char{display:inline-block;will-change:transform,opacity}.wr-rotating-text__space{display:inline;white-space:pre}\n"], encapsulation: i0.ViewEncapsulation.None });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrRotatingText, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.1", type: WrRotatingText, isStandalone: true, selector: "wr-rotating-text", inputs: { texts: { classPropertyName: "texts", publicName: "texts", isSignal: true, isRequired: true, transformFunction: null }, rotationInterval: { classPropertyName: "rotationInterval", publicName: "rotationInterval", isSignal: true, isRequired: false, transformFunction: null }, splitBy: { classPropertyName: "splitBy", publicName: "splitBy", isSignal: true, isRequired: false, transformFunction: null }, auto: { classPropertyName: "auto", publicName: "auto", isSignal: true, isRequired: false, transformFunction: null }, loop: { classPropertyName: "loop", publicName: "loop", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, easing: { classPropertyName: "easing", publicName: "easing", isSignal: true, isRequired: false, transformFunction: null }, staggerDuration: { classPropertyName: "staggerDuration", publicName: "staggerDuration", isSignal: true, isRequired: false, transformFunction: null }, staggerFrom: { classPropertyName: "staggerFrom", publicName: "staggerFrom", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { nextChange: "nextChange" }, host: { classAttribute: "wr-rotating-text" }, ngImport: i0, template: "<!-- Screen-reader-only live region with the canonical text. -->\n<span class=\"wr-rotating-text__sr-only\">{{ current() }}</span>\n\n<!-- Animated visual content. -->\n<span class=\"wr-rotating-text__inner\" aria-hidden=\"true\">\n  @for (word of words(); track $index) {\n    <span class=\"wr-rotating-text__word\">\n      @for (char of word.characters; track $index) {\n        <span class=\"wr-rotating-text__char\">{{ char }}</span>\n      }\n      @if (word.needsSpace) {\n        <span class=\"wr-rotating-text__space\">&nbsp;</span>\n      }\n    </span>\n  }\n</span>\n", styles: [".wr-rotating-text{display:inline-flex;align-items:center;overflow:hidden;vertical-align:bottom}.wr-rotating-text__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.wr-rotating-text__inner{display:inline-flex;flex-wrap:wrap}.wr-rotating-text__word{display:inline-flex;align-items:center}.wr-rotating-text__char{display:inline-block;will-change:transform,opacity}.wr-rotating-text__space{display:inline;white-space:pre}\n"], encapsulation: i0.ViewEncapsulation.None });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrRotatingText, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrRotatingText, decorators: [{
             type: Component,
             args: [{ selector: 'wr-rotating-text', encapsulation: ViewEncapsulation.None, host: { class: 'wr-rotating-text' }, template: "<!-- Screen-reader-only live region with the canonical text. -->\n<span class=\"wr-rotating-text__sr-only\">{{ current() }}</span>\n\n<!-- Animated visual content. -->\n<span class=\"wr-rotating-text__inner\" aria-hidden=\"true\">\n  @for (word of words(); track $index) {\n    <span class=\"wr-rotating-text__word\">\n      @for (char of word.characters; track $index) {\n        <span class=\"wr-rotating-text__char\">{{ char }}</span>\n      }\n      @if (word.needsSpace) {\n        <span class=\"wr-rotating-text__space\">&nbsp;</span>\n      }\n    </span>\n  }\n</span>\n", styles: [".wr-rotating-text{display:inline-flex;align-items:center;overflow:hidden;vertical-align:bottom}.wr-rotating-text__sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.wr-rotating-text__inner{display:inline-flex;flex-wrap:wrap}.wr-rotating-text__word{display:inline-flex;align-items:center}.wr-rotating-text__char{display:inline-block;will-change:transform,opacity}.wr-rotating-text__space{display:inline;white-space:pre}\n"] }]
         }], ctorParameters: () => [], propDecorators: { texts: [{ type: i0.Input, args: [{ isSignal: true, alias: "texts", required: true }] }], rotationInterval: [{ type: i0.Input, args: [{ isSignal: true, alias: "rotationInterval", required: false }] }], splitBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "splitBy", required: false }] }], auto: [{ type: i0.Input, args: [{ isSignal: true, alias: "auto", required: false }] }], loop: [{ type: i0.Input, args: [{ isSignal: true, alias: "loop", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], easing: [{ type: i0.Input, args: [{ isSignal: true, alias: "easing", required: false }] }], staggerDuration: [{ type: i0.Input, args: [{ isSignal: true, alias: "staggerDuration", required: false }] }], staggerFrom: [{ type: i0.Input, args: [{ isSignal: true, alias: "staggerFrom", required: false }] }], nextChange: [{ type: i0.Output, args: ["nextChange"] }] } });

package/fesm2022/ngwr-scroll.mjs

@@ -92,10 +92,10 @@ class WrScroll {
         else
             container.scrollTo(options);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrScroll, deps: [], target: i0.ɵɵFactoryTarget.Service });
-    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.0", ngImport: i0, type: WrScroll });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrScroll, deps: [], target: i0.ɵɵFactoryTarget.Service });
+    static ɵprov = i0.ɵɵngDeclareService({ minVersion: "22.0.0", version: "22.1.1", ngImport: i0, type: WrScroll });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.0", ngImport: i0, type: WrScroll, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.1", ngImport: i0, type: WrScroll, decorators: [{
             type: Service
         }] });
 

package/fesm2022/ngwr-segmented-testing.mjs

@@ -0,0 +1,512 @@
+import { ComponentHarness, HarnessPredicate } from '@angular/cdk/testing';
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/**
+ * Test harness for one segment of a `<wr-segmented>` — an option, not a control.
+ *
+ * A segment is a real `<button type="button">` carrying `aria-pressed`, so it is a
+ * TOGGLE BUTTON to a screen reader: it announces its own pressed state and its own
+ * name, and it is its own tab stop. That is why this exists as a harness of its own,
+ * and why the questions below are worth asking per segment rather than in bulk on
+ * `WrSegmentedHarness` — which is where the SELECTION lives.
+ *
+ * Three name-shaped methods, because a segment has three different names and only
+ * one of them is what a person hears:
+ *
+ * - {@link getText} — the visible label, `null` for an icon-only segment.
+ * - {@link getAccessibleName} — what is announced, `null` when nothing names it.
+ * - {@link getLabel} — the same, but it refuses to answer `null`, so a spec
+ *   addressing segments by label fails where the mistake is rather than three
+ *   lines later.
+ *
+ * @example
+ * ```ts
+ * const segmented = await loader.getHarness(WrSegmentedHarness);
+ * const [, week] = await segmented.getOptions();
+ *
+ * await week.select();
+ * expect(await week.isSelected()).toBe(true);
+ * ```
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrSegmentedOptionHarness extends ComponentHarness {
+    /** The segment is a plain `<button>` — the BEM class is what identifies it. */
+    static hostSelector = '.wr-segmented__option';
+    /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */
+    static with(options = {}) {
+        return (new HarnessPredicate(WrSegmentedOptionHarness, options)
+            // Matched on the nullable name, not on `getLabel()`: a predicate runs against
+            // EVERY segment, so one unnamed sibling would otherwise throw a query for the
+            // others out of the water.
+            .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getAccessibleName(), label))
+            .addOption('selected', options.selected, async (harness, selected) => (await harness.isSelected()) === selected)
+            .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled));
+    }
+    labelText = this.locatorForOptional('.wr-segmented__label');
+    icon = this.locatorForOptional('.wr-segmented__icon');
+    /**
+     * The visible label, or `null` for an icon-only segment.
+     *
+     * `null` rather than `''`: the label element is only rendered when the option
+     * carries a `label`, and "no text at all" and "an empty label" are different
+     * mistakes to be looking at.
+     */
+    async getText() {
+        const label = await this.labelText();
+        return label ? label.text() : null;
+    }
+    /**
+     * The name a screen reader announces for this segment, or `null` when nothing
+     * names it.
+     *
+     * The component's own fallback chain, read back off the page: a labelled segment
+     * is named by its text and carries no `aria-label`; an icon-only one is named by
+     * `aria-label`, which the template fills from the option's `ariaLabel` or — as a
+     * last resort — from its stringified `value`.
+     *
+     * `null` is a finding, not a detail: an icon-only segment whose option supplied
+     * neither an `ariaLabel` nor a stringifiable value is announced as a bare unnamed
+     * button.
+     */
+    async getAccessibleName() {
+        const text = await this.getText();
+        if (text !== null)
+            return text;
+        return (await this.host()).getAttribute('aria-label');
+    }
+    /**
+     * The segment's accessible name, for addressing it — and a targeted failure when
+     * it has none.
+     *
+     * {@link getAccessibleName} is the same answer without the refusal; use that one
+     * when `null` is what a spec is checking for.
+     */
+    async getLabel() {
+        const name = await this.getAccessibleName();
+        if (name === null) {
+            throw new Error('WrSegmentedOptionHarness.getLabel(): this segment has no name — it renders no label and carries no ' +
+                '`aria-label`, so a screen reader announces an unnamed button. Give the option a `label`, or an ' +
+                '`ariaLabel` when it is icon-only.');
+        }
+        return name;
+    }
+    /**
+     * Whether this segment is the control's current answer.
+     *
+     * From `aria-pressed`, in preference to the `wr-segmented__option--selected`
+     * class: both are public and they move together, but the class only recolours the
+     * label while the attribute is the entire state a screen reader is given.
+     */
+    async isSelected() {
+        return (await (await this.host()).getAttribute('aria-pressed')) === 'true';
+    }
+    /**
+     * Whether the segment refuses selection — for either reason.
+     *
+     * The native `disabled` PROPERTY, which is what actually blocks activation. The
+     * option's own `disabled` and the whole control's land on it identically, and from
+     * outside they are the same thing: this segment cannot be picked. Ask
+     * `WrSegmentedHarness.isDisabled()` for which of the two it was.
+     */
+    async isDisabled() {
+        return (await this.host()).getProperty('disabled');
+    }
+    /** Whether the segment renders an icon beside (or instead of) its label. */
+    async hasIcon() {
+        return (await this.icon()) !== null;
+    }
+    /**
+     * The name of the segment's icon, or `null` when it renders none.
+     *
+     * From `data-icon`, which `<wr-icon>` reflects. The glyph itself is markup the
+     * icon registry writes into the element, and an UNREGISTERED name leaves that
+     * empty — so the attribute is the only place the wiring survives, and it is the
+     * one that tells "no icon asked for" from "icon asked for, never registered".
+     */
+    async getIconName() {
+        const icon = await this.icon();
+        return icon ? icon.getAttribute('data-icon') : null;
+    }
+    /**
+     * Pick this segment.
+     *
+     * A click, and deliberately not a keypress: activating a `<button>` from the
+     * keyboard is the BROWSER's default action for Enter / Space — the component
+     * implements no key handling of its own — and jsdom implements none of it either,
+     * so there is nothing here for a key to drive. A no-arg CDK click needs no
+     * layout, which is the other half of why this is the drivable path.
+     *
+     * Nothing happens when the segment is already selected (a segmented control has no
+     * untoggle), and nothing happens when it is disabled — but not for the reason the
+     * `pointer-events: none` on a whole disabled control suggests, which is CSS a unit
+     * test never applies. The CDK's own `click()` reads the native `disabled` PROPERTY
+     * and dispatches the mouse sequence WITHOUT the final `click` event, so on a
+     * disabled segment the component's handler is never reached at all (measured: zero
+     * click events). Either way the value does not move and this resolves quietly, so
+     * assert the result rather than assume it, or reach for
+     * `WrSegmentedHarness.select()`, which says which of the two it was.
+     */
+    async select() {
+        return (await this.host()).click();
+    }
+    /** Move keyboard focus to the segment. Each segment is its own tab stop. */
+    async focus() {
+        return (await this.host()).focus();
+    }
+    /** Take focus off the segment. */
+    async blur() {
+        return (await this.host()).blur();
+    }
+    async isFocused() {
+        return (await this.host()).isFocused();
+    }
+}
+
+/**
+ * @license
+ *
+ * Use of this source code is governed by an MIT-style license that can be
+ * found in the LICENSE file at https://github.com/thekhegay/ngwr/blob/main/LICENSE
+ */
+/** Sizes that earn a modifier class — `md` is the default and carries none. */
+const SIZES = ['sm', 'lg'];
+/**
+ * Test harness for `<wr-segmented>` — the root of a two-class family with
+ * {@link WrSegmentedOptionHarness}.
+ *
+ * **What the control actually is**, because it decides everything below: not a
+ * `radiogroup`, not a `tablist` and not native radios. The host is a plain
+ * `role="group"` and each segment is a `<button aria-pressed>` — a row of toggle
+ * buttons over one value. Three consequences a spec has to know about:
+ *
+ * - The selection is `aria-pressed`, on exactly one segment. There is no
+ *   `aria-checked`, no `aria-selected`, and no "2 of 3" position announced.
+ * - **There is no roving tab stop.** The component authors no `tabindex` and no
+ *   arrow-key handler, so every enabled segment is its OWN tab stop —
+ *   {@link getTabStopLabels} returns a list where a radiogroup or a tablist would
+ *   have one entry. Focus and selection are therefore independent here:
+ *   {@link getFocusedLabel} implies nothing about {@link getSelectedIndex}, and
+ *   arrowing along the strip moves neither.
+ * - Activation is the browser's own default action on a button, which jsdom does not
+ *   implement, so {@link select} clicks — see {@link WrSegmentedOptionHarness.select}.
+ *
+ * **There is deliberately no `getValue()` and no selection by value.** `options` is
+ * a bound array of `{ value, label, … }` and the value is a generic `T` the component
+ * writes nowhere — not on the host, not on a segment. The single exception is an
+ * accident rather than an addressing scheme: an icon-only option with no `ariaLabel`
+ * has its value stringified into the segment's `aria-label`, which for an object
+ * value reads `[object Object]`. So address segments by their label
+ * ({@link select}) or by position ({@link selectAt}), and assert the picked value on
+ * the host's own model — the only place it exists, and the assertion that would have
+ * caught the bug anyway.
+ *
+ * The sliding thumb is decoration (`aria-hidden`), and the four methods that mention
+ * it read what the component PUBLISHES for the stylesheet — two custom properties and
+ * two modifier classes — never painted geometry, which a DOM without layout does not
+ * have. {@link getThumbIndex} in particular is not the selection; it is the trap that
+ * method documents.
+ *
+ * @example
+ * ```ts
+ * const range = await loader.getHarness(WrSegmentedHarness.with({ label: 'Range' }));
+ *
+ * expect(await range.getOptionLabels()).toEqual(['Day', 'Week', 'Month']);
+ * await range.select({ label: 'Week' });
+ * expect(await range.getSelectedIndex()).toBe(1);
+ * ```
+ *
+ * @see https://ngwr.dev/guides/testing
+ */
+class WrSegmentedHarness extends ComponentHarness {
+    static hostSelector = 'wr-segmented';
+    /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */
+    static with(options = {}) {
+        return new HarnessPredicate(WrSegmentedHarness, options)
+            .addOption('label', options.label, (harness, label) => HarnessPredicate.stringMatches(harness.getAccessibleName(), label))
+            .addOption('size', options.size, async (harness, size) => (await harness.getSize()) === size)
+            .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);
+    }
+    /**
+     * The role the host announces — `group`.
+     *
+     * Worth pinning precisely because it is the weaker of the shapes this component
+     * could have had: a `group` of toggle buttons tells a screen reader that the
+     * segments belong together, and nothing more. Were this to become a `radiogroup` or
+     * a `tablist`, the keyboard contract would change with it (one tab stop, arrow keys
+     * moving the selection), and every spec written against {@link getTabStopLabels}
+     * would need to change too.
+     */
+    async getRole() {
+        return (await this.host()).getAttribute('role');
+    }
+    /**
+     * The control's accessible name, resolved the way a screen reader resolves it: the
+     * text of every element `aria-labelledby` points at, and `aria-label` only when
+     * that named nothing. `null` when the consumer wired neither.
+     *
+     * The order is not interchangeable — `aria-labelledby` WINS in the accessible-name
+     * computation — so a control carrying both is announced by the heading it points at,
+     * and reporting the `aria-label` would describe a name nobody hears.
+     *
+     * The component ships no label input on purpose (the question is the consumer's own
+     * heading), so this is the only way to check that wiring held, and a `null` on a
+     * group of three unrelated-sounding buttons is a real finding.
+     */
+    async getAccessibleName() {
+        const host = await this.host();
+        const labelledBy = await host.getAttribute('aria-labelledby');
+        if (labelledBy !== null) {
+            // Resolved from the document root: `aria-labelledby` may point anywhere on the
+            // page, and the heading above a control is normally outside it.
+            const root = this.documentRootLocatorFactory();
+            const texts = [];
+            for (const id of labelledBy.split(/\s+/).filter(Boolean)) {
+                const target = await root.locatorForOptional(`#${id}`)();
+                if (target)
+                    texts.push(await target.text());
+            }
+            // A reference that resolves to nothing names nothing, and the computation falls
+            // through to `aria-label` exactly as it does in a browser.
+            if (texts.length)
+                return texts.join(' ');
+        }
+        return host.getAttribute('aria-label');
+    }
+    /** This control's own segments, in DOM order. A sibling control's are not here. */
+    async getOptions(filters = {}) {
+        return this.locatorForAll(WrSegmentedOptionHarness.with(filters))();
+    }
+    /**
+     * The accessible name of every segment, in DOM order — the visible labels, with an
+     * icon-only segment answering with the `aria-label` that stands in for its text.
+     *
+     * Throws when a segment has no name at all, rather than leaving a hole in the list:
+     * see {@link WrSegmentedOptionHarness.getLabel}.
+     */
+    async getOptionLabels() {
+        const options = await this.getOptions();
+        return Promise.all(options.map(option => option.getLabel()));
+    }
+    /** The pressed segment, or `null` when nothing is selected. */
+    async getSelectedOption() {
+        const [selected] = await this.getOptions({ selected: true });
+        return selected ?? null;
+    }
+    /**
+     * The accessible name of the pressed segment, or `null` when nothing is selected.
+     *
+     * `null` is also the answer for a bound value that matches no option — the control
+     * holds it, no segment is pressed, and the page shows an unanswered control. See
+     * {@link getThumbIndex}, which does NOT answer `null` in that state.
+     */
+    async getSelectedLabel() {
+        const selected = await this.getSelectedOption();
+        return selected ? selected.getLabel() : null;
+    }
+    /**
+     * The position of the pressed segment, or `-1` when nothing is selected.
+     *
+     * Derived from `aria-pressed`, which is the selection. The other index on the page —
+     * the thumb's — is not; it clamps at 0 (see {@link getThumbIndex}).
+     */
+    async getSelectedIndex() {
+        const options = await this.getOptions();
+        for (let index = 0; index < options.length; index++) {
+            if (await options[index].isSelected())
+                return index;
+        }
+        return -1;
+    }
+    /**
+     * Pick the first segment matching the filters — this is how the control's value
+     * changes.
+     *
+     * Throws when nothing matches, naming the segments that do exist, and throws again
+     * when the segment is still unpressed afterwards. That second failure has exactly
+     * two causes and reports both, because a click that quietly did nothing surfaces as
+     * an unrelated assertion three lines later.
+     */
+    async select(filters) {
+        const [option] = await this.getOptions(filters);
+        if (!option) {
+            throw new Error(`WrSegmentedHarness.select(): no segment matched ${JSON.stringify(filters)}. This control offers: ` +
+                `${(await this.describeOptions()).join(', ')}.`);
+        }
+        await this.pick(option, 'select');
+    }
+    /**
+     * Pick the segment at a position, counting from zero — the addressing route for an
+     * icon-only strip, or for one whose labels a spec would rather not hard-code.
+     *
+     * Throws on an index outside the control, saying how many segments there are: an
+     * off-by-one that resolved to nothing would otherwise read as "the click did not
+     * take".
+     */
+    async selectAt(index) {
+        const options = await this.getOptions();
+        const option = options[index];
+        if (!option) {
+            throw new Error(`WrSegmentedHarness.selectAt(): index ${index} is outside this control, which has ${options.length} ` +
+                `segment(s): ${(await this.describeOptions()).join(', ')}.`);
+        }
+        await this.pick(option, 'selectAt');
+    }
+    /**
+     * Whether the control was disabled AS A WHOLE, from the `wr-segmented--disabled`
+     * modifier.
+     *
+     * Deliberately not "every segment is disabled": a control whose options each carry
+     * their own `disabled` looks identical to a user, and the modifier is the only thing
+     * on the page that tells the two apart. What actually blocks a click is the native
+     * `disabled` each button gets either way — ask a segment
+     * ({@link WrSegmentedOptionHarness.isDisabled}) for that.
+     */
+    async isDisabled() {
+        return (await this.host()).hasClass('wr-segmented--disabled');
+    }
+    /**
+     * The rendered control size.
+     *
+     * `md` is the component's own default and earns NO modifier class, so a bare host
+     * IS `md` — the absence is the answer rather than a missing one. Read from the
+     * class instead of the input, which is also why this reports what was rendered:
+     * unlike the form controls, `<wr-segmented>` does not resolve its size through
+     * `provideWrConfig()`, so an app-wide default set there does not reach it and this
+     * will say so.
+     */
+    async getSize() {
+        const host = await this.host();
+        for (const size of SIZES) {
+            if (await host.hasClass(`wr-segmented--${size}`))
+                return size;
+        }
+        return 'md';
+    }
+    /**
+     * The accessible name of every segment a Tab press can reach, in tab order.
+     *
+     * A LIST, not one label, and that is the shape worth pinning: the component authors
+     * no roving `tabindex`, so each enabled segment is its own tab stop and reaching the
+     * third one takes three Tabs. An all-disabled control is skipped over entirely and
+     * answers `[]`.
+     *
+     * Unnamed segments are reported as `(unnamed)` rather than throwing — a tab order is
+     * still a fact worth reading on a page that has that bug in it.
+     */
+    async getTabStopLabels() {
+        const enabled = await this.getOptions({ disabled: false });
+        return this.describe(enabled);
+    }
+    /**
+     * The accessible name of the segment that currently holds focus, or `null` when
+     * focus is elsewhere.
+     *
+     * Independent of the selection here — see the note on the class. Reported as
+     * `(unnamed)` for a segment with no name, for the reason
+     * {@link getTabStopLabels} gives.
+     */
+    async getFocusedLabel() {
+        for (const option of await this.getOptions()) {
+            if (await option.isFocused()) {
+                return (await option.getAccessibleName()) ?? '(unnamed)';
+            }
+        }
+        return null;
+    }
+    /**
+     * The index the component publishes for the thumb, from the
+     * `--wr-segmented-thumb-index` custom property it sets inline.
+     *
+     * **Not the selection, and this is the difference that bites.** The property is
+     * `Math.max(0, selectedIndex)`, so a control holding a value that matches no option
+     * publishes `0` — the thumb parks under the FIRST segment and is hidden by
+     * {@link isThumbVisible} instead of being moved out of the way. A harness that read
+     * this to answer "which segment is selected" would report segment one for a control
+     * with no selection at all. {@link getSelectedIndex} is the selection.
+     *
+     * It is also not where the thumb IS: the stylesheet turns this into a `translateX`,
+     * and no measurement of that survives a DOM without layout. This is the input to
+     * that, which is the part a unit test can honestly check.
+     */
+    async getThumbIndex() {
+        return this.thumbVar('--wr-segmented-thumb-index');
+    }
+    /**
+     * The segment count the component publishes for the thumb, from
+     * `--wr-segmented-thumb-count` — the divisor the stylesheet computes the thumb's
+     * width with.
+     *
+     * Should always equal the number of segments, and the reason to ask is that nothing
+     * else notices when it does not: a count that fell out of step with the options
+     * leaves the thumb the wrong width and sliding to the wrong place, while every ARIA
+     * state on the page stays correct. It is clamped to a minimum of `1`, so an empty
+     * control reports `1` rather than dividing by zero.
+     */
+    async getThumbCount() {
+        return this.thumbVar('--wr-segmented-thumb-count');
+    }
+    /**
+     * Whether the thumb is being shown at all.
+     *
+     * Read from the ABSENCE of the `wr-segmented--unselected` modifier, which is the
+     * hook the stylesheet zeroes the thumb's opacity through. The computed opacity is
+     * not the answer here — a unit test applies no stylesheet — so the public modifier
+     * is the contract, and it is what tells "parked under segment one" from "hidden
+     * because nothing is selected".
+     */
+    async isThumbVisible() {
+        return !(await (await this.host()).hasClass('wr-segmented--unselected'));
+    }
+    /**
+     * Whether the thumb will animate its next move, from the `wr-segmented--mounted`
+     * modifier that gates the transition.
+     *
+     * Not "the thumb is animating now": nothing about a running animation is visible to
+     * a unit test. What this pins is the deliberate asymmetry — the class is added in
+     * `afterNextRender`, so the FIRST snap to the initial value is instant and every
+     * user-driven move after it slides. Deferred work like that only lands once the
+     * fixture is stable, which every harness read already waits for.
+     */
+    async isThumbTransitionEnabled() {
+        return (await this.host()).hasClass('wr-segmented--mounted');
+    }
+    /** Click a segment and turn a click that did nothing into a failure that says why. */
+    async pick(option, caller) {
+        await option.select();
+        if (!(await option.isSelected())) {
+            const name = (await option.getAccessibleName()) ?? '(unnamed)';
+            throw new Error(`WrSegmentedHarness.${caller}(): "${name}" is still unpressed after being clicked — either that ` +
+                'option carries `disabled` or the whole control does.');
+        }
+    }
+    /** Segment names for an error message, which must not throw on its way out. */
+    async describeOptions() {
+        return this.describe(await this.getOptions());
+    }
+    async describe(options) {
+        return Promise.all(options.map(async (option) => (await option.getAccessibleName()) ?? '(unnamed)'));
+    }
+    /** One of the thumb's inline custom properties, as a number. */
+    async thumbVar(property) {
+        const raw = (await (await this.host()).getCssValue(property)).trim();
+        const value = Number.parseInt(raw, 10);
+        if (Number.isNaN(value)) {
+            throw new Error(`WrSegmentedHarness: could not read \`${property}\`, which computed to "${raw}". The component sets it ` +
+                'inline on the host; an environment that drops custom properties cannot answer this.');
+        }
+        return value;
+    }
+}
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { WrSegmentedHarness, WrSegmentedOptionHarness };
+//# sourceMappingURL=ngwr-segmented-testing.mjs.map