ngwr 13.0.0 → 14.0.0

package/fesm2022/ngwr-shiny-text.mjs

@@ -1,7 +1,7 @@
 import { coerceBooleanProperty } from '@angular/cdk/coercion';
 import * as i0 from '@angular/core';
 import { input, computed, ViewEncapsulation, Component, Directive } from '@angular/core';
-import { numAttr } from 'ngwr/utils';
+import { numAttr, isSafeCssValue } from 'ngwr/utils';
 
 /**
  * @license
@@ -66,11 +66,18 @@ class WrShinyText {
     totalDuration = computed(() => this.speed() + this.delay(), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "totalDuration" }] : /* istanbul ignore next */ []));
     gradient = computed(() => {
-        const base = this.color() ?? 'var(--wr-shiny-text-base)';
-        const shine = this.shineColor() ?? 'var(--wr-shiny-text-shine)';
+        // Both colours are CONCATENATED into the gradient below, so a value that
+        // balances the surrounding parens escapes its stop and adds a `url()` layer
+        // the browser then fetches. Anything that would not stay in its slot falls
+        // back to the theme token — see `isSafeCssValue`.
+        const base = this.slot(this.color(), 'var(--wr-shiny-text-base)');
+        const shine = this.slot(this.shineColor(), 'var(--wr-shiny-text-shine)');
         return `linear-gradient(${this.spread()}deg, ${base} 0%, ${base} 35%, ${shine} 50%, ${base} 65%, ${base} 100%)`;
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "gradient" }] : /* istanbul ignore next */ []));
+    slot(value, fallback) {
+        return value !== null && isSafeCssValue(value) ? value : fallback;
+    }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: WrShinyText, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.4", type: WrShinyText, isStandalone: true, selector: "wr-shiny-text", inputs: { text: { classPropertyName: "text", publicName: "text", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, speed: { classPropertyName: "speed", publicName: "speed", isSignal: true, isRequired: false, transformFunction: null }, color: { classPropertyName: "color", publicName: "color", isSignal: true, isRequired: false, transformFunction: null }, shineColor: { classPropertyName: "shineColor", publicName: "shineColor", isSignal: true, isRequired: false, transformFunction: null }, spread: { classPropertyName: "spread", publicName: "spread", isSignal: true, isRequired: false, transformFunction: null }, yoyo: { classPropertyName: "yoyo", publicName: "yoyo", isSignal: true, isRequired: false, transformFunction: null }, pauseOnHover: { classPropertyName: "pauseOnHover", publicName: "pauseOnHover", isSignal: true, isRequired: false, transformFunction: null }, direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, delay: { classPropertyName: "delay", publicName: "delay", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class.wr-shiny-text--paused": "disabled()", "class.wr-shiny-text--pause-on-hover": "pauseOnHover()", "class.wr-shiny-text--yoyo": "yoyo()", "class.wr-shiny-text--reverse": "direction() === 'right'", "style.background-image": "gradient()", "style.animation-duration": "totalDuration() + 's'" }, classAttribute: "wr-shiny-text" }, ngImport: i0, template: '{{ text() }}', isInline: true, styles: [".wr-shiny-text{--wr-shiny-text-base: var(--wr-color-on-surface-muted, #8594a4);--wr-shiny-text-shine: var(--wr-color-on-surface, #0f172a);display:inline-block;background-size:200% auto;background-position:150% center;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation-name:wr-shiny-text-sweep;animation-timing-function:linear;animation-iteration-count:infinite;animation-direction:normal;animation-fill-mode:both;animation-play-state:running}.wr-shiny-text--reverse{animation-direction:reverse}.wr-shiny-text--yoyo{animation-direction:alternate}.wr-shiny-text--yoyo.wr-shiny-text--reverse{animation-direction:alternate-reverse}.wr-shiny-text--paused,.wr-shiny-text--pause-on-hover:hover{animation-play-state:paused}@keyframes wr-shiny-text-sweep{0%{background-position:150% center}50%{background-position:-50% center}to{background-position:-50% center}}@media(prefers-reduced-motion:reduce){.wr-shiny-text{animation:none!important}}@keyframes wr-shimmer{to{background-position-x:-200%}}.wr-shimmer{background:linear-gradient(110deg,var(--wr-color-on-surface) 30%,rgba(var(--wr-color-primary-rgb),.9) 50%,var(--wr-color-on-surface) 70%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:wr-shimmer 2.5s linear infinite}@media(prefers-reduced-motion:reduce){.wr-shimmer{animation:none}}[data-theme=dark] .wr-shiny-text{--wr-shiny-text-base: #b5b5b5;--wr-shiny-text-shine: #ffffff}\n"], encapsulation: i0.ViewEncapsulation.None });
 }

package/fesm2022/ngwr-shiny-text.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-shiny-text.mjs","sources":["../../../projects/lib/shiny-text/shiny-text.ts","../../../projects/lib/shiny-text/shimmer.ts","../../../projects/lib/shiny-text/ngwr-shiny-text.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 * Angular adaptation of the ShinyText effect by David Haz / reactbits.dev.\n * Original: https://www.reactbits.dev/text-animations/shiny-text\n *\n * The reactbits version uses `motion/react` to drive `background-position`\n * via rAF. This port is pure CSS — the same effect via a keyframe that\n * sweeps `background-position`, parameterised by `[speed]` / `[delay]` /\n * `[yoyo]` / `[direction]`.\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Component, ViewEncapsulation, computed, input } from '@angular/core';\n\nimport { numAttr } from 'ngwr/utils';\n\n/**\n * Animated shimmer-over-text effect. A bright stripe sweeps across the\n * text using `background-clip: text` + an animated `background-position`.\n *\n * @example\n * ```html\n * <wr-shiny-text text=\"Premium\" />\n * <wr-shiny-text\n *   text=\"Custom\"\n *   color=\"#444\"\n *   shineColor=\"#a0e0ff\"\n *   [speed]=\"3\"\n *   [delay]=\"0.5\"\n *   [yoyo]=\"true\"\n *   [pauseOnHover]=\"true\"\n * />\n * ```\n *\n * @see https://www.reactbits.dev/text-animations/shiny-text\n */\n@Component({\n  selector: 'wr-shiny-text',\n  template: '{{ text() }}',\n  styleUrl: './shiny-text.scss',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'wr-shiny-text',\n    '[class.wr-shiny-text--paused]': 'disabled()',\n    '[class.wr-shiny-text--pause-on-hover]': 'pauseOnHover()',\n    '[class.wr-shiny-text--yoyo]': 'yoyo()',\n    '[class.wr-shiny-text--reverse]': \"direction() === 'right'\",\n    '[style.background-image]': 'gradient()',\n    '[style.animation-duration]': \"totalDuration() + 's'\",\n  },\n})\nexport class WrShinyText {\n  /** Text to render. */\n  readonly text = input.required<string>();\n\n  /** Pause the animation. @default false */\n  readonly disabled = input(false, { transform: coerceBooleanProperty });\n\n  /** Time for the bright stripe to traverse the text, in seconds. @default 2 */\n  readonly speed = input(2, { transform: numAttr(2) });\n\n  /** Base text colour outside the bright stripe. Unset falls back to `--wr-shiny-text-base`. */\n  readonly color = input<string | null>(null);\n\n  /** Sweep highlight colour. Unset falls back to the theme token. */\n  readonly shineColor = input<string | null>(null);\n\n  /** Gradient angle in degrees. @default 120 */\n  readonly spread = input(120, { transform: numAttr(120) });\n\n  /** Bounce the stripe back-and-forth instead of restarting. @default false */\n  readonly yoyo = input(false, { transform: coerceBooleanProperty });\n\n  /** Pause the animation while hovered. @default false */\n  readonly pauseOnHover = input(false, { transform: coerceBooleanProperty });\n\n  /** Sweep direction. @default 'left' */\n  readonly direction = input<'left' | 'right'>('left');\n\n  /** Pause between sweeps in seconds. @default 0 */\n  readonly delay = input(0, { transform: numAttr(0) });\n\n  /** Total animation cycle (speed + delay) in seconds. */\n  protected readonly totalDuration = computed(() => this.speed() + this.delay());\n\n  protected readonly gradient = computed(() => {\n    const base = this.color() ?? 'var(--wr-shiny-text-base)';\n    const shine = this.shineColor() ?? 'var(--wr-shiny-text-shine)';\n    return `linear-gradient(${this.spread()}deg, ${base} 0%, ${base} 35%, ${shine} 50%, ${base} 65%, ${base} 100%)`;\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 } from '@angular/core';\n\n/**\n * Gradient sweep over text. Applies a `background-clip: text` gradient\n * with a moving highlight — gives any text a subtle shimmer.\n *\n * The directive only adds the `wr-shimmer` host class. Pair with the styles\n * in `ngwr/shiny-text` (`@use 'ngwr/shiny-text'`), which carry the\n * `.wr-shimmer` rule and its keyframes; the umbrella `@use 'ngwr'` forwards\n * the same sheet.\n *\n * @example\n * ```html\n * <h1 wrShimmer>Premium</h1>\n * ```\n */\n@Directive({\n  selector: '[wrShimmer]',\n  host: { class: 'wr-shimmer' },\n})\nexport class WrShimmer {}\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-shiny-text.mjs","sources":["../../../projects/lib/shiny-text/shiny-text.ts","../../../projects/lib/shiny-text/shimmer.ts","../../../projects/lib/shiny-text/ngwr-shiny-text.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 * Angular adaptation of the ShinyText effect by David Haz / reactbits.dev.\n * Original: https://www.reactbits.dev/text-animations/shiny-text\n *\n * The reactbits version uses `motion/react` to drive `background-position`\n * via rAF. This port is pure CSS — the same effect via a keyframe that\n * sweeps `background-position`, parameterised by `[speed]` / `[delay]` /\n * `[yoyo]` / `[direction]`.\n */\n\nimport { coerceBooleanProperty } from '@angular/cdk/coercion';\nimport { Component, ViewEncapsulation, computed, input } from '@angular/core';\n\nimport { isSafeCssValue, numAttr } from 'ngwr/utils';\n\n/**\n * Animated shimmer-over-text effect. A bright stripe sweeps across the\n * text using `background-clip: text` + an animated `background-position`.\n *\n * @example\n * ```html\n * <wr-shiny-text text=\"Premium\" />\n * <wr-shiny-text\n *   text=\"Custom\"\n *   color=\"#444\"\n *   shineColor=\"#a0e0ff\"\n *   [speed]=\"3\"\n *   [delay]=\"0.5\"\n *   [yoyo]=\"true\"\n *   [pauseOnHover]=\"true\"\n * />\n * ```\n *\n * @see https://www.reactbits.dev/text-animations/shiny-text\n */\n@Component({\n  selector: 'wr-shiny-text',\n  template: '{{ text() }}',\n  styleUrl: './shiny-text.scss',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'wr-shiny-text',\n    '[class.wr-shiny-text--paused]': 'disabled()',\n    '[class.wr-shiny-text--pause-on-hover]': 'pauseOnHover()',\n    '[class.wr-shiny-text--yoyo]': 'yoyo()',\n    '[class.wr-shiny-text--reverse]': \"direction() === 'right'\",\n    '[style.background-image]': 'gradient()',\n    '[style.animation-duration]': \"totalDuration() + 's'\",\n  },\n})\nexport class WrShinyText {\n  /** Text to render. */\n  readonly text = input.required<string>();\n\n  /** Pause the animation. @default false */\n  readonly disabled = input(false, { transform: coerceBooleanProperty });\n\n  /** Time for the bright stripe to traverse the text, in seconds. @default 2 */\n  readonly speed = input(2, { transform: numAttr(2) });\n\n  /** Base text colour outside the bright stripe. Unset falls back to `--wr-shiny-text-base`. */\n  readonly color = input<string | null>(null);\n\n  /** Sweep highlight colour. Unset falls back to the theme token. */\n  readonly shineColor = input<string | null>(null);\n\n  /** Gradient angle in degrees. @default 120 */\n  readonly spread = input(120, { transform: numAttr(120) });\n\n  /** Bounce the stripe back-and-forth instead of restarting. @default false */\n  readonly yoyo = input(false, { transform: coerceBooleanProperty });\n\n  /** Pause the animation while hovered. @default false */\n  readonly pauseOnHover = input(false, { transform: coerceBooleanProperty });\n\n  /** Sweep direction. @default 'left' */\n  readonly direction = input<'left' | 'right'>('left');\n\n  /** Pause between sweeps in seconds. @default 0 */\n  readonly delay = input(0, { transform: numAttr(0) });\n\n  /** Total animation cycle (speed + delay) in seconds. */\n  protected readonly totalDuration = computed(() => this.speed() + this.delay());\n\n  protected readonly gradient = computed(() => {\n    // Both colours are CONCATENATED into the gradient below, so a value that\n    // balances the surrounding parens escapes its stop and adds a `url()` layer\n    // the browser then fetches. Anything that would not stay in its slot falls\n    // back to the theme token — see `isSafeCssValue`.\n    const base = this.slot(this.color(), 'var(--wr-shiny-text-base)');\n    const shine = this.slot(this.shineColor(), 'var(--wr-shiny-text-shine)');\n    return `linear-gradient(${this.spread()}deg, ${base} 0%, ${base} 35%, ${shine} 50%, ${base} 65%, ${base} 100%)`;\n  });\n\n  private slot(value: string | null, fallback: string): string {\n    return value !== null && isSafeCssValue(value) ? value : fallback;\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 } from '@angular/core';\n\n/**\n * Gradient sweep over text. Applies a `background-clip: text` gradient\n * with a moving highlight — gives any text a subtle shimmer.\n *\n * The directive only adds the `wr-shimmer` host class. Pair with the styles\n * in `ngwr/shiny-text` (`@use 'ngwr/shiny-text'`), which carry the\n * `.wr-shimmer` rule and its keyframes; the umbrella `@use 'ngwr'` forwards\n * the same sheet.\n *\n * @example\n * ```html\n * <h1 wrShimmer>Premium</h1>\n * ```\n */\n@Directive({\n  selector: '[wrShimmer]',\n  host: { class: 'wr-shimmer' },\n})\nexport class WrShimmer {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-splitter-testing.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-splitter-testing.mjs","sources":["../../../projects/lib/splitter/testing/wr-splitter-harness.ts","../../../projects/lib/splitter/testing/ngwr-splitter-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, TestKey } from '@angular/cdk/testing';\n\nimport type { WrSplitterHarnessFilters, WrSplitterPaneSizes } from './interfaces';\n\n/** The four arrow keys, by the direction a user would say out loud. */\ntype Arrow = 'left' | 'right' | 'up' | 'down';\n\nconst ARROWS: Record<Arrow, TestKey> = {\n  left: TestKey.LEFT_ARROW,\n  right: TestKey.RIGHT_ARROW,\n  up: TestKey.UP_ARROW,\n  down: TestKey.DOWN_ARROW,\n};\n\n/**\n * Test harness for `<wr-splitter>` — two panes and the divider between them.\n *\n * **Everything here is the keyboard, and that is not a workaround.** The divider is\n * dragged with a pointer in a browser, but the drag reads\n * `getBoundingClientRect()` and turns a client coordinate into a percentage; jsdom\n * lays nothing out, so every rect is 0×0 and a synthetic drag writes `NaN` into the\n * position. The arrow keys reach the same state, are the accessible path anyway, and\n * are what the WAI-ARIA separator pattern is judged on.\n *\n * **Two words for the axis, and they are opposites.** The component's\n * `orientation=\"horizontal\"` means the panes sit side by side, which needs a\n * VERTICAL divider — so that is what `aria-orientation` says. {@link getOrientation}\n * answers the component's word and {@link getDividerOrientation} the divider's; both\n * are here because a spec that conflated them would look right and assert nothing.\n *\n * **Arrows follow the VISUAL axis.** Under `dir=\"rtl\"` the start pane is the one on\n * the right, so ArrowRight SHRINKS the position. {@link pressArrow} takes the key a\n * user presses rather than a semantic direction, which is the only way a spec can\n * pin that mirroring; {@link setPosition} walks with whichever key currently grows\n * the number, and reports where it landed.\n *\n * @example\n * ```ts\n * const splitter = await loader.getHarness(WrSplitterHarness);\n *\n * expect(await splitter.getPosition()).toBe(50);\n * await splitter.setPosition(70);\n * expect(await splitter.getPaneSizes()).toEqual({ start: 70, end: 30 });\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrSplitterHarness extends ComponentHarness {\n  static hostSelector = 'wr-splitter';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrSplitterHarnessFilters = {}): HarnessPredicate<WrSplitterHarness> {\n    return new HarnessPredicate(WrSplitterHarness, options)\n      .addOption(\n        'orientation',\n        options.orientation,\n        async (harness, orientation) => (await harness.getOrientation()) === orientation\n      )\n      .addOption('dividerLabel', options.dividerLabel, (harness, label) =>\n        HarnessPredicate.stringMatches(harness.getDividerLabel(), label)\n      )\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);\n  }\n\n  private readonly divider = this.locatorFor('.wr-splitter__divider');\n\n  /**\n   * The splitter's own axis: `horizontal` when the panes sit side by side.\n   *\n   * Read from the host modifier rather than from `aria-orientation`, which says the\n   * opposite thing about the same layout — see {@link getDividerOrientation}.\n   */\n  async getOrientation(): Promise<'horizontal' | 'vertical'> {\n    return (await (await this.host()).hasClass('wr-splitter--vertical')) ? 'vertical' : 'horizontal';\n  }\n\n  /**\n   * What the divider announces — the INVERSE of {@link getOrientation}, and correct:\n   * a separator's orientation is the line it draws, not the axis it travels along.\n   */\n  async getDividerOrientation(): Promise<string | null> {\n    return (await this.divider()).getAttribute('aria-orientation');\n  }\n\n  /** The divider's position as a percentage, from `aria-valuenow`. */\n  async getPosition(): Promise<number> {\n    return this.numeric('aria-valuenow');\n  }\n\n  /** The lowest position the divider will accept, from `aria-valuemin`. */\n  async getMinPosition(): Promise<number> {\n    return this.numeric('aria-valuemin');\n  }\n\n  /** The highest position the divider will accept, from `aria-valuemax`. */\n  async getMaxPosition(): Promise<number> {\n    return this.numeric('aria-valuemax');\n  }\n\n  /**\n   * What each pane is asking for, in percent, from the `flex-basis` the component\n   * writes inline.\n   *\n   * This is the only evidence a spec without layout has that the panes followed the\n   * divider — a measured width is zero for both. They should always sum to 100:\n   * the end pane is `100 - position`, so a pair that does not is a component bug\n   * rather than a rounding artefact.\n   */\n  async getPaneSizes(): Promise<WrSplitterPaneSizes> {\n    const start = await this.locatorFor('.wr-splitter__pane--start')();\n    const end = await this.locatorFor('.wr-splitter__pane--end')();\n\n    return {\n      start: Number.parseFloat(await start.getCssValue('flex-basis')),\n      end: Number.parseFloat(await end.getCssValue('flex-basis')),\n    };\n  }\n\n  /** The start pane's projected text, trimmed. */\n  async getStartText(): Promise<string> {\n    return (await this.locatorFor('.wr-splitter__pane--start')()).text();\n  }\n\n  /** The end pane's projected text, trimmed. */\n  async getEndText(): Promise<string> {\n    return (await this.locatorFor('.wr-splitter__pane--end')()).text();\n  }\n\n  /** The divider's accessible name — a focusable separator is a widget and needs one. */\n  async getDividerLabel(): Promise<string | null> {\n    return (await this.divider()).getAttribute('aria-label');\n  }\n\n  /**\n   * Whether the splitter refuses to resize.\n   *\n   * From the divider's `aria-disabled`, which is the half a screen reader acts on.\n   * The component also drops the divider out of the tab order and paints a modifier\n   * on the host, and {@link isDividerFocusable} answers the first of those — worth\n   * asking separately, because a divider that is announced as disabled and still a\n   * tab stop is a control the keyboard can reach and not use.\n   */\n  async isDisabled(): Promise<boolean> {\n    return (await (await this.divider()).getAttribute('aria-disabled')) === 'true';\n  }\n\n  /** Whether the divider is a tab stop (`tabindex=\"0\"`). */\n  async isDividerFocusable(): Promise<boolean> {\n    return (await (await this.divider()).getAttribute('tabindex')) === '0';\n  }\n\n  /** Move keyboard focus to the divider. */\n  async focusDivider(): Promise<void> {\n    return (await this.divider()).focus();\n  }\n\n  /** Whether the divider currently holds focus. */\n  async isDividerFocused(): Promise<boolean> {\n    return (await this.divider()).isFocused();\n  }\n\n  /**\n   * Press one arrow key on the divider.\n   *\n   * The key rather than a direction, deliberately: which way the position moves is a\n   * function of the key AND the reading direction, and a `grow()` / `shrink()` pair\n   * would hide exactly the behaviour worth asserting. An arrow off the splitter's own\n   * axis does nothing at all — the horizontal splitter ignores Up and Down.\n   *\n   * `shift` is the coarse step: 10 instead of 1.\n   */\n  async pressArrow(arrow: Arrow, options: { shift?: boolean } = {}): Promise<void> {\n    const divider = await this.divider();\n    await (options.shift ? divider.sendKeys({ shift: true }, ARROWS[arrow]) : divider.sendKeys(ARROWS[arrow]));\n  }\n\n  /** Press Home — jumping to `minPosition`, whatever the reading direction. */\n  async pressHome(): Promise<void> {\n    return (await this.divider()).sendKeys(TestKey.HOME);\n  }\n\n  /** Press End — jumping to `maxPosition`. Semantic, so it never mirrors under RTL. */\n  async pressEnd(): Promise<void> {\n    return (await this.divider()).sendKeys(TestKey.END);\n  }\n\n  /**\n   * Walk the divider to a position with the keyboard, and assert it landed there.\n   *\n   * Ten-unit hops first, then single steps — the same two strides a user has. It\n   * walks rather than assigning, because assigning would prove the harness can write\n   * a signal and nothing about the component: the clamp, the min / max and the\n   * mirroring all live on this path.\n   *\n   * Throws rather than half-arriving. A target outside `[min, max]` is unreachable by\n   * construction, and so is any target the walk cannot hit exactly — the position is a\n   * float that a previous drag may have left mid-step, and whole-unit keys cannot get\n   * off a fractional offset. Both say so, with where it actually stopped.\n   */\n  async setPosition(target: number): Promise<void> {\n    const [min, max] = [await this.getMinPosition(), await this.getMaxPosition()];\n    if (target < min || target > max) {\n      throw new Error(\n        `WrSplitterHarness.setPosition(${target}): out of range — this splitter accepts ${min}–${max}. ` +\n          'The component clamps, so the walk would stop at the bound and never reach the number asked for.'\n      );\n    }\n\n    if (target === min) return this.pressHome();\n    if (target === max) return this.pressEnd();\n\n    await this.focusDivider();\n    // The block axis never mirrors, so only the horizontal splitter needs the probe.\n    const vertical = (await this.getOrientation()) === 'vertical';\n    const [grow, shrink]: [Arrow, Arrow] = vertical\n      ? ['down', 'up']\n      : (await this.growsWithRight())\n        ? ['right', 'left']\n        : ['left', 'right'];\n\n    for (const shift of [true, false]) {\n      const step = shift ? 10 : 1;\n      // Recomputed each pass: the coarse hops clamp at the bounds, so the remaining\n      // distance is not what simple arithmetic on the starting point would predict.\n      let delta = target - (await this.getPosition());\n\n      while (Math.abs(delta) >= step) {\n        const before = await this.getPosition();\n        await this.pressArrow(delta > 0 ? grow : shrink, { shift });\n        const now = await this.getPosition();\n\n        if (now === before) {\n          throw new Error(\n            `WrSplitterHarness.setPosition(${target}): the divider stopped moving at ${now}. A disabled ` +\n              'splitter ignores its arrows, which is the usual reason this happens.'\n          );\n        }\n        delta = target - now;\n      }\n    }\n\n    const landed = await this.getPosition();\n    if (landed !== target) {\n      throw new Error(\n        `WrSplitterHarness.setPosition(${target}): the walk stopped at ${landed}. The arrows move in whole ` +\n          'units, so a position left on a fraction by a drag cannot be walked onto a whole number.'\n      );\n    }\n  }\n\n  /**\n   * Whether ArrowRight is currently the key that GROWS the position — true in LTR,\n   * false in RTL, where the start pane is the one on the right.\n   *\n   * Probed rather than read off `Directionality`, which a harness has no access to:\n   * press, look, and put it back. At the top of the range a growing press is clamped\n   * and would prove nothing, so the probe presses the other way there instead. The\n   * undo is conditional — a press that moved nothing has nothing to undo, and undoing\n   * it anyway would move the divider by one in the direction the probe was testing.\n   */\n  private async growsWithRight(): Promise<boolean> {\n    const before = await this.getPosition();\n    const atCeiling = before >= (await this.getMaxPosition());\n    const [probe, undo]: [Arrow, Arrow] = atCeiling ? ['left', 'right'] : ['right', 'left'];\n\n    await this.pressArrow(probe);\n    const after = await this.getPosition();\n    if (after !== before) await this.pressArrow(undo);\n\n    return atCeiling ? after < before : after > before;\n  }\n\n  private async numeric(attribute: string): Promise<number> {\n    const raw = await (await this.divider()).getAttribute(attribute);\n    return raw === null ? Number.NaN : Number(raw);\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-splitter-testing.mjs","sources":["../../../projects/lib/splitter/testing/wr-splitter-harness.ts","../../../projects/lib/splitter/testing/ngwr-splitter-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, TestKey } from '@angular/cdk/testing';\n\nimport type { WrSplitterArrowKey, WrSplitterHarnessFilters, WrSplitterPaneSizes } from './interfaces';\n\nconst ARROWS: Record<WrSplitterArrowKey, TestKey> = {\n  left: TestKey.LEFT_ARROW,\n  right: TestKey.RIGHT_ARROW,\n  up: TestKey.UP_ARROW,\n  down: TestKey.DOWN_ARROW,\n};\n\n/**\n * Test harness for `<wr-splitter>` — two panes and the divider between them.\n *\n * **Everything here is the keyboard, and that is not a workaround.** The divider is\n * dragged with a pointer in a browser, but the drag reads\n * `getBoundingClientRect()` and turns a client coordinate into a percentage; jsdom\n * lays nothing out, so every rect is 0×0 and a synthetic drag writes `NaN` into the\n * position. The arrow keys reach the same state, are the accessible path anyway, and\n * are what the WAI-ARIA separator pattern is judged on.\n *\n * **Two words for the axis, and they are opposites.** The component's\n * `orientation=\"horizontal\"` means the panes sit side by side, which needs a\n * VERTICAL divider — so that is what `aria-orientation` says. {@link getOrientation}\n * answers the component's word and {@link getDividerOrientation} the divider's; both\n * are here because a spec that conflated them would look right and assert nothing.\n *\n * **Arrows follow the VISUAL axis.** Under `dir=\"rtl\"` the start pane is the one on\n * the right, so ArrowRight SHRINKS the position. {@link pressArrow} takes the key a\n * user presses rather than a semantic direction, which is the only way a spec can\n * pin that mirroring; {@link setPosition} walks with whichever key currently grows\n * the number, and reports where it landed.\n *\n * @example\n * ```ts\n * const splitter = await loader.getHarness(WrSplitterHarness);\n *\n * expect(await splitter.getPosition()).toBe(50);\n * await splitter.setPosition(70);\n * expect(await splitter.getPaneSizes()).toEqual({ start: 70, end: 30 });\n * ```\n *\n * @see https://ngwr.dev/guides/testing\n */\nexport class WrSplitterHarness extends ComponentHarness {\n  static hostSelector = 'wr-splitter';\n\n  /** Build a predicate that narrows the query — pass to `getHarness` / `getAllHarnesses`. */\n  static with(options: WrSplitterHarnessFilters = {}): HarnessPredicate<WrSplitterHarness> {\n    return new HarnessPredicate(WrSplitterHarness, options)\n      .addOption(\n        'orientation',\n        options.orientation,\n        async (harness, orientation) => (await harness.getOrientation()) === orientation\n      )\n      .addOption('dividerLabel', options.dividerLabel, (harness, label) =>\n        HarnessPredicate.stringMatches(harness.getDividerLabel(), label)\n      )\n      .addOption('disabled', options.disabled, async (harness, disabled) => (await harness.isDisabled()) === disabled);\n  }\n\n  private readonly divider = this.locatorFor('.wr-splitter__divider');\n\n  /**\n   * The splitter's own axis: `horizontal` when the panes sit side by side.\n   *\n   * Read from the host modifier rather than from `aria-orientation`, which says the\n   * opposite thing about the same layout — see {@link getDividerOrientation}.\n   */\n  async getOrientation(): Promise<'horizontal' | 'vertical'> {\n    return (await (await this.host()).hasClass('wr-splitter--vertical')) ? 'vertical' : 'horizontal';\n  }\n\n  /**\n   * What the divider announces — the INVERSE of {@link getOrientation}, and correct:\n   * a separator's orientation is the line it draws, not the axis it travels along.\n   */\n  async getDividerOrientation(): Promise<string | null> {\n    return (await this.divider()).getAttribute('aria-orientation');\n  }\n\n  /** The divider's position as a percentage, from `aria-valuenow`. */\n  async getPosition(): Promise<number> {\n    return this.numeric('aria-valuenow');\n  }\n\n  /** The lowest position the divider will accept, from `aria-valuemin`. */\n  async getMinPosition(): Promise<number> {\n    return this.numeric('aria-valuemin');\n  }\n\n  /** The highest position the divider will accept, from `aria-valuemax`. */\n  async getMaxPosition(): Promise<number> {\n    return this.numeric('aria-valuemax');\n  }\n\n  /**\n   * What each pane is asking for, in percent, from the `flex-basis` the component\n   * writes inline.\n   *\n   * This is the only evidence a spec without layout has that the panes followed the\n   * divider — a measured width is zero for both. They should always sum to 100:\n   * the end pane is `100 - position`, so a pair that does not is a component bug\n   * rather than a rounding artefact.\n   */\n  async getPaneSizes(): Promise<WrSplitterPaneSizes> {\n    const start = await this.locatorFor('.wr-splitter__pane--start')();\n    const end = await this.locatorFor('.wr-splitter__pane--end')();\n\n    return {\n      start: Number.parseFloat(await start.getCssValue('flex-basis')),\n      end: Number.parseFloat(await end.getCssValue('flex-basis')),\n    };\n  }\n\n  /** The start pane's projected text, trimmed. */\n  async getStartText(): Promise<string> {\n    return (await this.locatorFor('.wr-splitter__pane--start')()).text();\n  }\n\n  /** The end pane's projected text, trimmed. */\n  async getEndText(): Promise<string> {\n    return (await this.locatorFor('.wr-splitter__pane--end')()).text();\n  }\n\n  /** The divider's accessible name — a focusable separator is a widget and needs one. */\n  async getDividerLabel(): Promise<string | null> {\n    return (await this.divider()).getAttribute('aria-label');\n  }\n\n  /**\n   * Whether the splitter refuses to resize.\n   *\n   * From the divider's `aria-disabled`, which is the half a screen reader acts on.\n   * The component also drops the divider out of the tab order and paints a modifier\n   * on the host, and {@link isDividerFocusable} answers the first of those — worth\n   * asking separately, because a divider that is announced as disabled and still a\n   * tab stop is a control the keyboard can reach and not use.\n   */\n  async isDisabled(): Promise<boolean> {\n    return (await (await this.divider()).getAttribute('aria-disabled')) === 'true';\n  }\n\n  /** Whether the divider is a tab stop (`tabindex=\"0\"`). */\n  async isDividerFocusable(): Promise<boolean> {\n    return (await (await this.divider()).getAttribute('tabindex')) === '0';\n  }\n\n  /** Move keyboard focus to the divider. */\n  async focusDivider(): Promise<void> {\n    return (await this.divider()).focus();\n  }\n\n  /** Whether the divider currently holds focus. */\n  async isDividerFocused(): Promise<boolean> {\n    return (await this.divider()).isFocused();\n  }\n\n  /**\n   * Press one arrow key on the divider.\n   *\n   * The key rather than a direction, deliberately: which way the position moves is a\n   * function of the key AND the reading direction, and a `grow()` / `shrink()` pair\n   * would hide exactly the behaviour worth asserting. An arrow off the splitter's own\n   * axis does nothing at all — the horizontal splitter ignores Up and Down.\n   *\n   * `shift` is the coarse step: 10 instead of 1.\n   */\n  async pressArrow(arrow: WrSplitterArrowKey, options: { shift?: boolean } = {}): Promise<void> {\n    const divider = await this.divider();\n    await (options.shift ? divider.sendKeys({ shift: true }, ARROWS[arrow]) : divider.sendKeys(ARROWS[arrow]));\n  }\n\n  /** Press Home — jumping to `minPosition`, whatever the reading direction. */\n  async pressHome(): Promise<void> {\n    return (await this.divider()).sendKeys(TestKey.HOME);\n  }\n\n  /** Press End — jumping to `maxPosition`. Semantic, so it never mirrors under RTL. */\n  async pressEnd(): Promise<void> {\n    return (await this.divider()).sendKeys(TestKey.END);\n  }\n\n  /**\n   * Walk the divider to a position with the keyboard, and assert it landed there.\n   *\n   * Ten-unit hops first, then single steps — the same two strides a user has. It\n   * walks rather than assigning, because assigning would prove the harness can write\n   * a signal and nothing about the component: the clamp, the min / max and the\n   * mirroring all live on this path.\n   *\n   * Throws rather than half-arriving. A target outside `[min, max]` is unreachable by\n   * construction, and so is any target the walk cannot hit exactly — the position is a\n   * float that a previous drag may have left mid-step, and whole-unit keys cannot get\n   * off a fractional offset. Both say so, with where it actually stopped.\n   */\n  async setPosition(target: number): Promise<void> {\n    const [min, max] = [await this.getMinPosition(), await this.getMaxPosition()];\n    if (target < min || target > max) {\n      throw new Error(\n        `WrSplitterHarness.setPosition(${target}): out of range — this splitter accepts ${min}–${max}. ` +\n          'The component clamps, so the walk would stop at the bound and never reach the number asked for.'\n      );\n    }\n\n    if (target === min) return this.pressHome();\n    if (target === max) return this.pressEnd();\n\n    await this.focusDivider();\n    // The block axis never mirrors, so only the horizontal splitter needs the probe.\n    const vertical = (await this.getOrientation()) === 'vertical';\n    const [grow, shrink]: [WrSplitterArrowKey, WrSplitterArrowKey] = vertical\n      ? ['down', 'up']\n      : (await this.growsWithRight())\n        ? ['right', 'left']\n        : ['left', 'right'];\n\n    for (const shift of [true, false]) {\n      const step = shift ? 10 : 1;\n      // Recomputed each pass: the coarse hops clamp at the bounds, so the remaining\n      // distance is not what simple arithmetic on the starting point would predict.\n      let delta = target - (await this.getPosition());\n\n      while (Math.abs(delta) >= step) {\n        const before = await this.getPosition();\n        await this.pressArrow(delta > 0 ? grow : shrink, { shift });\n        const now = await this.getPosition();\n\n        if (now === before) {\n          throw new Error(\n            `WrSplitterHarness.setPosition(${target}): the divider stopped moving at ${now}. A disabled ` +\n              'splitter ignores its arrows, which is the usual reason this happens.'\n          );\n        }\n        delta = target - now;\n      }\n    }\n\n    const landed = await this.getPosition();\n    if (landed !== target) {\n      throw new Error(\n        `WrSplitterHarness.setPosition(${target}): the walk stopped at ${landed}. The arrows move in whole ` +\n          'units, so a position left on a fraction by a drag cannot be walked onto a whole number.'\n      );\n    }\n  }\n\n  /**\n   * Whether ArrowRight is currently the key that GROWS the position — true in LTR,\n   * false in RTL, where the start pane is the one on the right.\n   *\n   * Probed rather than read off `Directionality`, which a harness has no access to:\n   * press, look, and put it back. At the top of the range a growing press is clamped\n   * and would prove nothing, so the probe presses the other way there instead. The\n   * undo is conditional — a press that moved nothing has nothing to undo, and undoing\n   * it anyway would move the divider by one in the direction the probe was testing.\n   */\n  private async growsWithRight(): Promise<boolean> {\n    const before = await this.getPosition();\n    const atCeiling = before >= (await this.getMaxPosition());\n    const [probe, undo]: [WrSplitterArrowKey, WrSplitterArrowKey] = atCeiling ? ['left', 'right'] : ['right', 'left'];\n\n    await this.pressArrow(probe);\n    const after = await this.getPosition();\n    if (after !== before) await this.pressArrow(undo);\n\n    return atCeiling ? after < before : after > before;\n  }\n\n  private async numeric(attribute: string): Promise<number> {\n    const raw = await (await this.divider()).getAttribute(attribute);\n    return raw === null ? Number.NaN : Number(raw);\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-squircle.mjs

@@ -268,12 +268,13 @@ class WrSquircle {
         host.style.removeProperty('--wr-squircle-border-color');
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: WrSquircle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.4", type: WrSquircle, isStandalone: true, selector: "[wrSquircle]", inputs: { radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, smoothing: { classPropertyName: "smoothing", publicName: "smoothing", isSignal: true, isRequired: false, transformFunction: null }, enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, borderWidth: { classPropertyName: "borderWidth", publicName: "borderWidth", isSignal: true, isRequired: false, transformFunction: null }, borderColor: { classPropertyName: "borderColor", publicName: "borderColor", isSignal: true, isRequired: false, transformFunction: null }, corners: { classPropertyName: "corners", publicName: "corners", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { enabled: "enabledChange", borderWidth: "borderWidthChange", borderColor: "borderColorChange", corners: "cornersChange" }, host: { properties: { "class.wr-squircle--bordered": "borderWidth() > 0 && enabled()" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.4", type: WrSquircle, isStandalone: true, selector: "[wrSquircle]", inputs: { radius: { classPropertyName: "radius", publicName: "radius", isSignal: true, isRequired: false, transformFunction: null }, smoothing: { classPropertyName: "smoothing", publicName: "smoothing", isSignal: true, isRequired: false, transformFunction: null }, enabled: { classPropertyName: "enabled", publicName: "enabled", isSignal: true, isRequired: false, transformFunction: null }, borderWidth: { classPropertyName: "borderWidth", publicName: "borderWidth", isSignal: true, isRequired: false, transformFunction: null }, borderColor: { classPropertyName: "borderColor", publicName: "borderColor", isSignal: true, isRequired: false, transformFunction: null }, corners: { classPropertyName: "corners", publicName: "corners", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { enabled: "enabledChange", borderWidth: "borderWidthChange", borderColor: "borderColorChange", corners: "cornersChange" }, host: { properties: { "class.wr-squircle--bordered": "borderWidth() > 0 && enabled()" } }, exportAs: ["wrSquircle"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: WrSquircle, decorators: [{
             type: Directive,
             args: [{
                     selector: '[wrSquircle]',
+                    exportAs: 'wrSquircle',
                     host: { '[class.wr-squircle--bordered]': 'borderWidth() > 0 && enabled()' },
                 }]
         }], ctorParameters: () => [], propDecorators: { radius: [{ type: i0.Input, args: [{ isSignal: true, alias: "radius", required: false }] }], smoothing: [{ type: i0.Input, args: [{ isSignal: true, alias: "smoothing", required: false }] }], enabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "enabled", required: false }] }, { type: i0.Output, args: ["enabledChange"] }], borderWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderWidth", required: false }] }, { type: i0.Output, args: ["borderWidthChange"] }], borderColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "borderColor", required: false }] }, { type: i0.Output, args: ["borderColorChange"] }], corners: [{ type: i0.Input, args: [{ isSignal: true, alias: "corners", required: false }] }, { type: i0.Output, args: ["cornersChange"] }] } });

package/fesm2022/ngwr-squircle.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-squircle.mjs","sources":["../../../projects/lib/squircle/compute-squircle-path.ts","../../../projects/lib/squircle/wr-squircle.ts","../../../projects/lib/squircle/wr-squircle-host.ts","../../../projects/lib/squircle/ngwr-squircle.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 * Squircle path computation — port of the algorithm from `figma-squircle`\n * (https://github.com/phamfoo/figma-squircle, MIT). Generates an SVG `d`\n * string for a smooth-corner rectangle.\n */\n\n/** Per-corner radii for the squircle. */\ninterface WrSquircleCorners {\n  readonly topLeft: number;\n  readonly topRight: number;\n  readonly bottomRight: number;\n  readonly bottomLeft: number;\n}\n\ninterface CornerParams {\n  readonly a: number;\n  readonly b: number;\n  readonly c: number;\n  readonly d: number;\n  readonly p: number;\n  readonly arcSectionLength: number;\n  readonly cornerRadius: number;\n}\n\nfunction toRadians(deg: number): number {\n  return (deg * Math.PI) / 180;\n}\n\nfunction cornerParams(cornerRadius: number, cornerSmoothing: number, budget: number): CornerParams {\n  if (cornerRadius <= 0) {\n    return { a: 0, b: 0, c: 0, d: 0, p: 0, arcSectionLength: 0, cornerRadius: 0 };\n  }\n  let p = (1 + cornerSmoothing) * cornerRadius;\n  // Cap smoothing so the corner fits within the available budget.\n  let s = cornerSmoothing;\n  const maxSmoothing = budget / cornerRadius - 1;\n  if (maxSmoothing < s) {\n    s = Math.max(0, maxSmoothing);\n    p = (1 + s) * cornerRadius;\n  }\n  const arcMeasure = 90 * (1 - s);\n  const arcSectionLength = Math.sin(toRadians(arcMeasure / 2)) * cornerRadius * Math.SQRT2;\n  const angleAlpha = (90 - arcMeasure) / 2;\n  const p3p4 = cornerRadius * Math.tan(toRadians(angleAlpha / 2));\n  const angleBeta = 45 * s;\n  const c = p3p4 * Math.cos(toRadians(angleBeta));\n  const d = c * Math.tan(toRadians(angleBeta));\n  const b = (p - arcSectionLength - c - d) / 3;\n  const a = 2 * b;\n  return { a, b, c, d, p, arcSectionLength, cornerRadius };\n}\n\n/** Cubic-bezier + arc commands for one corner — anchored at its `p` distance. */\nfunction drawCorner(c: CornerParams, rotation: 'tl' | 'tr' | 'br' | 'bl'): string {\n  if (c.cornerRadius === 0) return '';\n  const { a, b, c: cc, d, arcSectionLength, cornerRadius } = c;\n  switch (rotation) {\n    case 'tr':\n      return `c ${a} 0 ${a + b} 0 ${a + b + cc} ${d} a ${cornerRadius} ${cornerRadius} 0 0 1 ${arcSectionLength} ${arcSectionLength} c ${d} ${cc} ${d} ${b + cc} ${d} ${a + b + cc}`;\n    case 'br':\n      return `c 0 ${a} 0 ${a + b} ${-d} ${a + b + cc} a ${cornerRadius} ${cornerRadius} 0 0 1 ${-arcSectionLength} ${arcSectionLength} c ${-cc} ${d} ${-(b + cc)} ${d} ${-(a + b + cc)} ${d}`;\n    case 'bl':\n      return `c ${-a} 0 ${-(a + b)} 0 ${-(a + b + cc)} ${-d} a ${cornerRadius} ${cornerRadius} 0 0 1 ${-arcSectionLength} ${-arcSectionLength} c ${-d} ${-cc} ${-d} ${-(b + cc)} ${-d} ${-(a + b + cc)}`;\n    case 'tl':\n      return `c 0 ${-a} 0 ${-(a + b)} ${d} ${-(a + b + cc)} a ${cornerRadius} ${cornerRadius} 0 0 1 ${arcSectionLength} ${-arcSectionLength} c ${cc} ${-d} ${b + cc} ${-d} ${a + b + cc} ${-d}`;\n  }\n}\n\n/**\n * Generate an SVG `d` string for a squircle (smooth-corner rectangle).\n *\n * @param width Box width in user units.\n * @param height Box height in user units.\n * @param radius Either a single number applied to all four corners or a\n *               `WrSquircleCorners` object with per-corner radii.\n * @param smoothing 0–1. `0` = standard rounded rectangle; `1` = full\n *                  iOS-style smooth corner. @default 1\n */\nfunction squirclePath(width: number, height: number, radius: number | WrSquircleCorners, smoothing = 1): string {\n  const corners: WrSquircleCorners =\n    typeof radius === 'number'\n      ? { topLeft: radius, topRight: radius, bottomRight: radius, bottomLeft: radius }\n      : radius;\n\n  // Budget per corner = half of the shorter dimension.\n  const budget = Math.min(width / 2, height / 2);\n\n  const tl = cornerParams(Math.min(corners.topLeft, budget), smoothing, budget);\n  const tr = cornerParams(Math.min(corners.topRight, budget), smoothing, budget);\n  const br = cornerParams(Math.min(corners.bottomRight, budget), smoothing, budget);\n  const bl = cornerParams(Math.min(corners.bottomLeft, budget), smoothing, budget);\n\n  return [\n    `M ${tl.p} 0`,\n    `L ${width - tr.p} 0`,\n    drawCorner(tr, 'tr'),\n    `L ${width} ${height - br.p}`,\n    drawCorner(br, 'br'),\n    `L ${bl.p} ${height}`,\n    drawCorner(bl, 'bl'),\n    `L 0 ${tl.p}`,\n    drawCorner(tl, 'tl'),\n    'Z',\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\nexport { squirclePath };\nexport type { WrSquircleCorners };\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 { coerceNumberProperty } from '@angular/cdk/coercion';\nimport { isPlatformBrowser } from '@angular/common';\nimport { DestroyRef, Directive, ElementRef, PLATFORM_ID, effect, inject, input, model } from '@angular/core';\n\nimport { squirclePath, type WrSquircleCorners } from './compute-squircle-path';\nimport type { WrSquircleCornerMask } from './interfaces';\n\n/**\n * Which corners to squircle. `'all'` = standard four-corner squircle;\n * the side-named values squircle the two corners on that side and leave\n * the other two at 90°. Useful for tab-/segment-style controls where\n * only outer corners need smoothing.\n */\nfunction maskToRadii(mask: WrSquircleCornerMask, r: number): WrSquircleCorners {\n  switch (mask) {\n    case 'left':\n      return { topLeft: r, topRight: 0, bottomRight: 0, bottomLeft: r };\n    case 'right':\n      return { topLeft: 0, topRight: r, bottomRight: r, bottomLeft: 0 };\n    case 'top':\n      return { topLeft: r, topRight: r, bottomRight: 0, bottomLeft: 0 };\n    case 'bottom':\n      return { topLeft: 0, topRight: 0, bottomRight: r, bottomLeft: r };\n    case 'none':\n      return { topLeft: 0, topRight: 0, bottomRight: 0, bottomLeft: 0 };\n    case 'all':\n    default:\n      return { topLeft: r, topRight: r, bottomRight: r, bottomLeft: r };\n  }\n}\n\n/**\n * Apply a Figma-style smooth-corner (\"squircle\") `clip-path` to the host\n * element. Re-computes the path whenever the element resizes.\n *\n * Borders: pass `[borderWidth]` (px) + `[borderColor]` and the directive\n * paints a `::before` pseudo with an *inset* squircle path on top of the\n * host. The visible border is the host's own background colour, so set\n * `background: <border-color>` on the host (or use the convenience\n * `[borderColor]` input which writes the host background for you).\n *\n * @example\n * ```html\n * <button wr-btn wrSquircle [radius]=\"16\">Save</button>\n * <wr-tag wrSquircle>v2.0</wr-tag>\n * <div wrSquircle [radius]=\"32\" [smoothing]=\"0.8\">…</div>\n * <div wrSquircle [borderWidth]=\"2\" borderColor=\"var(--wr-color-primary)\">…</div>\n * ```\n */\n@Directive({\n  selector: '[wrSquircle]',\n  host: { '[class.wr-squircle--bordered]': 'borderWidth() > 0 && enabled()' },\n})\nexport class WrSquircle {\n  /** Corner radius in CSS pixels. Falls back to `--wr-border-radius-base` × 16. @default 12 */\n  readonly radius = input(12, { transform: (v: unknown): number => Math.max(0, coerceNumberProperty(v, 12)) });\n\n  /** Smoothing factor — `0` = plain rounded rect; `1` = full smooth iOS corner. @default 1 */\n  readonly smoothing = input(1, {\n    transform: (v: unknown): number => Math.min(1, Math.max(0, coerceNumberProperty(v, 1))),\n  });\n\n  /**\n   * Whether the squircle clip-path is applied. When `false`, the directive\n   * stays inert (clip-path cleared).\n   *\n   * Modelled as `model()` so a parent component composing this directive\n   * (`inject(WrSquircle, { self: true }).enabled.set(...)`) can flip the\n   * state from outside without exposing an `enabled` input on its own API.\n   *\n   * @default true\n   */\n  readonly enabled = model(true);\n\n  /**\n   * Border thickness in CSS pixels. `0` disables the border ring entirely.\n   * Modelled (not `input()`) so parent components composing this directive\n   * can flip it imperatively — e.g. `WrButton` turning on a 1px ring when\n   * `shape=\"squircle\" outlined` is active.\n   * @default 0\n   */\n  readonly borderWidth = model(0);\n\n  /**\n   * Border colour — any CSS colour. Applied to the host's background so the\n   * outer squircle reveals it. Defaults to `currentColor` so the consuming\n   * element's text colour drives the ring.\n   * @default 'currentColor'\n   */\n  readonly borderColor = model<string>('currentColor');\n\n  /**\n   * Which corners to squircle. `'all'` (default) is the standard four-\n   * corner shape; `'left'` / `'right'` / `'top'` / `'bottom'` squircle\n   * only the two corners on the named side and leave the other two at\n   * 90°. `'none'` is equivalent to disabling the directive.\n   *\n   * Modelled so parent components composing the directive can flip the\n   * value imperatively — used by `WrButtonGroup` to squircle only the\n   * outer corners of the first / last child.\n   *\n   * @default 'all'\n   */\n  readonly corners = model<WrSquircleCornerMask>('all');\n\n  private readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private readonly destroyRef = inject(DestroyRef);\n  private observer: ResizeObserver | null = null;\n\n  constructor() {\n    if (!this.isBrowser) return;\n    const host = this.el.nativeElement;\n    // Reactively re-apply when inputs change.\n    effect(() => {\n      this.radius();\n      this.smoothing();\n      this.enabled();\n      this.borderWidth();\n      this.borderColor();\n      this.corners();\n      this.apply();\n    });\n    // Re-apply on resize.\n    this.observer = new ResizeObserver(() => this.apply());\n    this.observer.observe(host);\n    this.destroyRef.onDestroy(() => {\n      this.observer?.disconnect();\n      this.clear();\n    });\n  }\n\n  private apply(): void {\n    const host = this.el.nativeElement;\n    if (!this.enabled()) {\n      this.clear();\n      return;\n    }\n    const rect = host.getBoundingClientRect();\n    if (rect.width === 0 || rect.height === 0) return;\n\n    const r = this.radius();\n    const s = this.smoothing();\n    const radii = maskToRadii(this.corners(), r);\n    const outer = squirclePath(rect.width, rect.height, radii, s);\n    const value = `path(\"${outer}\")`;\n    host.style.clipPath = value;\n    host.style.setProperty('-webkit-clip-path', value);\n\n    // Border mode: paint an INNER squircle in a `::before` pseudo on top of\n    // the host so the host's own bg only shows at the border-width perimeter.\n    const bw = this.borderWidth();\n    if (bw > 0) {\n      const innerW = Math.max(0, rect.width - bw * 2);\n      const innerH = Math.max(0, rect.height - bw * 2);\n      const innerR = Math.max(0, r - bw);\n      if (innerW > 0 && innerH > 0) {\n        const innerRadii = maskToRadii(this.corners(), innerR);\n        const inner = squirclePath(innerW, innerH, innerRadii, s);\n        host.style.setProperty('--wr-squircle-inner-path', `path(\"${inner}\")`);\n      }\n      host.style.setProperty('--wr-squircle-border-width', `${bw}px`);\n      // Only set the colour var inline when the consumer asked for a\n      // specific colour. Leaving the default `'currentColor'` un-inlined\n      // lets host CSS (e.g. WrButton's outlined-squircle rule) override\n      // the var via SCSS without losing to inline-style specificity.\n      const bc = this.borderColor();\n      if (bc && bc !== 'currentColor') {\n        host.style.setProperty('--wr-squircle-border-color', bc);\n      } else {\n        host.style.removeProperty('--wr-squircle-border-color');\n      }\n    } else {\n      host.style.removeProperty('--wr-squircle-inner-path');\n      host.style.removeProperty('--wr-squircle-border-width');\n      host.style.removeProperty('--wr-squircle-border-color');\n    }\n  }\n\n  private clear(): void {\n    const host = this.el.nativeElement;\n    host.style.removeProperty('clip-path');\n    host.style.removeProperty('-webkit-clip-path');\n    host.style.removeProperty('--wr-squircle-inner-path');\n    host.style.removeProperty('--wr-squircle-border-width');\n    host.style.removeProperty('--wr-squircle-border-color');\n  }\n}\n\nexport type { WrSquircleCornerMask } from './interfaces';\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 { Component, ViewEncapsulation } from '@angular/core';\n\nimport { WrSquircle } from './wr-squircle';\n\n/**\n * Standalone squircle container. Equivalent to `<div wrSquircle>` but\n * named for ergonomics in templates.\n *\n * @example\n * ```html\n * <wr-squircle [radius]=\"24\" style=\"width: 160px; height: 160px; background: var(--wr-color-primary)\">\n *   …\n * </wr-squircle>\n * ```\n *\n * @see https://ngwr.dev/reference/components/squircle\n */\n@Component({\n  selector: 'wr-squircle',\n  template: '<ng-content />',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-squircle' },\n  hostDirectives: [{ directive: WrSquircle, inputs: ['radius', 'smoothing', 'borderWidth', 'borderColor'] }],\n})\nexport class WrSquircleHost {}\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-squircle.mjs","sources":["../../../projects/lib/squircle/compute-squircle-path.ts","../../../projects/lib/squircle/wr-squircle.ts","../../../projects/lib/squircle/wr-squircle-host.ts","../../../projects/lib/squircle/ngwr-squircle.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 * Squircle path computation — port of the algorithm from `figma-squircle`\n * (https://github.com/phamfoo/figma-squircle, MIT). Generates an SVG `d`\n * string for a smooth-corner rectangle.\n */\n\n/** Per-corner radii for the squircle. */\ninterface WrSquircleCorners {\n  readonly topLeft: number;\n  readonly topRight: number;\n  readonly bottomRight: number;\n  readonly bottomLeft: number;\n}\n\ninterface CornerParams {\n  readonly a: number;\n  readonly b: number;\n  readonly c: number;\n  readonly d: number;\n  readonly p: number;\n  readonly arcSectionLength: number;\n  readonly cornerRadius: number;\n}\n\nfunction toRadians(deg: number): number {\n  return (deg * Math.PI) / 180;\n}\n\nfunction cornerParams(cornerRadius: number, cornerSmoothing: number, budget: number): CornerParams {\n  if (cornerRadius <= 0) {\n    return { a: 0, b: 0, c: 0, d: 0, p: 0, arcSectionLength: 0, cornerRadius: 0 };\n  }\n  let p = (1 + cornerSmoothing) * cornerRadius;\n  // Cap smoothing so the corner fits within the available budget.\n  let s = cornerSmoothing;\n  const maxSmoothing = budget / cornerRadius - 1;\n  if (maxSmoothing < s) {\n    s = Math.max(0, maxSmoothing);\n    p = (1 + s) * cornerRadius;\n  }\n  const arcMeasure = 90 * (1 - s);\n  const arcSectionLength = Math.sin(toRadians(arcMeasure / 2)) * cornerRadius * Math.SQRT2;\n  const angleAlpha = (90 - arcMeasure) / 2;\n  const p3p4 = cornerRadius * Math.tan(toRadians(angleAlpha / 2));\n  const angleBeta = 45 * s;\n  const c = p3p4 * Math.cos(toRadians(angleBeta));\n  const d = c * Math.tan(toRadians(angleBeta));\n  const b = (p - arcSectionLength - c - d) / 3;\n  const a = 2 * b;\n  return { a, b, c, d, p, arcSectionLength, cornerRadius };\n}\n\n/** Cubic-bezier + arc commands for one corner — anchored at its `p` distance. */\nfunction drawCorner(c: CornerParams, rotation: 'tl' | 'tr' | 'br' | 'bl'): string {\n  if (c.cornerRadius === 0) return '';\n  const { a, b, c: cc, d, arcSectionLength, cornerRadius } = c;\n  switch (rotation) {\n    case 'tr':\n      return `c ${a} 0 ${a + b} 0 ${a + b + cc} ${d} a ${cornerRadius} ${cornerRadius} 0 0 1 ${arcSectionLength} ${arcSectionLength} c ${d} ${cc} ${d} ${b + cc} ${d} ${a + b + cc}`;\n    case 'br':\n      return `c 0 ${a} 0 ${a + b} ${-d} ${a + b + cc} a ${cornerRadius} ${cornerRadius} 0 0 1 ${-arcSectionLength} ${arcSectionLength} c ${-cc} ${d} ${-(b + cc)} ${d} ${-(a + b + cc)} ${d}`;\n    case 'bl':\n      return `c ${-a} 0 ${-(a + b)} 0 ${-(a + b + cc)} ${-d} a ${cornerRadius} ${cornerRadius} 0 0 1 ${-arcSectionLength} ${-arcSectionLength} c ${-d} ${-cc} ${-d} ${-(b + cc)} ${-d} ${-(a + b + cc)}`;\n    case 'tl':\n      return `c 0 ${-a} 0 ${-(a + b)} ${d} ${-(a + b + cc)} a ${cornerRadius} ${cornerRadius} 0 0 1 ${arcSectionLength} ${-arcSectionLength} c ${cc} ${-d} ${b + cc} ${-d} ${a + b + cc} ${-d}`;\n  }\n}\n\n/**\n * Generate an SVG `d` string for a squircle (smooth-corner rectangle).\n *\n * @param width Box width in user units.\n * @param height Box height in user units.\n * @param radius Either a single number applied to all four corners or a\n *               `WrSquircleCorners` object with per-corner radii.\n * @param smoothing 0–1. `0` = standard rounded rectangle; `1` = full\n *                  iOS-style smooth corner. @default 1\n */\nfunction squirclePath(width: number, height: number, radius: number | WrSquircleCorners, smoothing = 1): string {\n  const corners: WrSquircleCorners =\n    typeof radius === 'number'\n      ? { topLeft: radius, topRight: radius, bottomRight: radius, bottomLeft: radius }\n      : radius;\n\n  // Budget per corner = half of the shorter dimension.\n  const budget = Math.min(width / 2, height / 2);\n\n  const tl = cornerParams(Math.min(corners.topLeft, budget), smoothing, budget);\n  const tr = cornerParams(Math.min(corners.topRight, budget), smoothing, budget);\n  const br = cornerParams(Math.min(corners.bottomRight, budget), smoothing, budget);\n  const bl = cornerParams(Math.min(corners.bottomLeft, budget), smoothing, budget);\n\n  return [\n    `M ${tl.p} 0`,\n    `L ${width - tr.p} 0`,\n    drawCorner(tr, 'tr'),\n    `L ${width} ${height - br.p}`,\n    drawCorner(br, 'br'),\n    `L ${bl.p} ${height}`,\n    drawCorner(bl, 'bl'),\n    `L 0 ${tl.p}`,\n    drawCorner(tl, 'tl'),\n    'Z',\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\nexport { squirclePath };\nexport type { WrSquircleCorners };\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 { coerceNumberProperty } from '@angular/cdk/coercion';\nimport { isPlatformBrowser } from '@angular/common';\nimport { DestroyRef, Directive, ElementRef, PLATFORM_ID, effect, inject, input, model } from '@angular/core';\n\nimport { squirclePath, type WrSquircleCorners } from './compute-squircle-path';\nimport type { WrSquircleCornerMask } from './interfaces';\n\n/**\n * Which corners to squircle. `'all'` = standard four-corner squircle;\n * the side-named values squircle the two corners on that side and leave\n * the other two at 90°. Useful for tab-/segment-style controls where\n * only outer corners need smoothing.\n */\nfunction maskToRadii(mask: WrSquircleCornerMask, r: number): WrSquircleCorners {\n  switch (mask) {\n    case 'left':\n      return { topLeft: r, topRight: 0, bottomRight: 0, bottomLeft: r };\n    case 'right':\n      return { topLeft: 0, topRight: r, bottomRight: r, bottomLeft: 0 };\n    case 'top':\n      return { topLeft: r, topRight: r, bottomRight: 0, bottomLeft: 0 };\n    case 'bottom':\n      return { topLeft: 0, topRight: 0, bottomRight: r, bottomLeft: r };\n    case 'none':\n      return { topLeft: 0, topRight: 0, bottomRight: 0, bottomLeft: 0 };\n    case 'all':\n    default:\n      return { topLeft: r, topRight: r, bottomRight: r, bottomLeft: r };\n  }\n}\n\n/**\n * Apply a Figma-style smooth-corner (\"squircle\") `clip-path` to the host\n * element. Re-computes the path whenever the element resizes.\n *\n * Borders: pass `[borderWidth]` (px) + `[borderColor]` and the directive\n * paints a `::before` pseudo with an *inset* squircle path on top of the\n * host. The visible border is the host's own background colour, so set\n * `background: <border-color>` on the host (or use the convenience\n * `[borderColor]` input which writes the host background for you).\n *\n * @example\n * ```html\n * <button wr-btn wrSquircle [radius]=\"16\">Save</button>\n * <wr-tag wrSquircle>v2.0</wr-tag>\n * <div wrSquircle [radius]=\"32\" [smoothing]=\"0.8\">…</div>\n * <div wrSquircle [borderWidth]=\"2\" borderColor=\"var(--wr-color-primary)\">…</div>\n * ```\n */\n@Directive({\n  selector: '[wrSquircle]',\n  exportAs: 'wrSquircle',\n  host: { '[class.wr-squircle--bordered]': 'borderWidth() > 0 && enabled()' },\n})\nexport class WrSquircle {\n  /** Corner radius in CSS pixels. Falls back to `--wr-border-radius-base` × 16. @default 12 */\n  readonly radius = input(12, { transform: (v: unknown): number => Math.max(0, coerceNumberProperty(v, 12)) });\n\n  /** Smoothing factor — `0` = plain rounded rect; `1` = full smooth iOS corner. @default 1 */\n  readonly smoothing = input(1, {\n    transform: (v: unknown): number => Math.min(1, Math.max(0, coerceNumberProperty(v, 1))),\n  });\n\n  /**\n   * Whether the squircle clip-path is applied. When `false`, the directive\n   * stays inert (clip-path cleared).\n   *\n   * Modelled as `model()` so a parent component composing this directive\n   * (`inject(WrSquircle, { self: true }).enabled.set(...)`) can flip the\n   * state from outside without exposing an `enabled` input on its own API.\n   *\n   * @default true\n   */\n  readonly enabled = model(true);\n\n  /**\n   * Border thickness in CSS pixels. `0` disables the border ring entirely.\n   * Modelled (not `input()`) so parent components composing this directive\n   * can flip it imperatively — e.g. `WrButton` turning on a 1px ring when\n   * `shape=\"squircle\" outlined` is active.\n   * @default 0\n   */\n  readonly borderWidth = model(0);\n\n  /**\n   * Border colour — any CSS colour. Applied to the host's background so the\n   * outer squircle reveals it. Defaults to `currentColor` so the consuming\n   * element's text colour drives the ring.\n   * @default 'currentColor'\n   */\n  readonly borderColor = model<string>('currentColor');\n\n  /**\n   * Which corners to squircle. `'all'` (default) is the standard four-\n   * corner shape; `'left'` / `'right'` / `'top'` / `'bottom'` squircle\n   * only the two corners on the named side and leave the other two at\n   * 90°. `'none'` is equivalent to disabling the directive.\n   *\n   * Modelled so parent components composing the directive can flip the\n   * value imperatively — used by `WrButtonGroup` to squircle only the\n   * outer corners of the first / last child.\n   *\n   * @default 'all'\n   */\n  readonly corners = model<WrSquircleCornerMask>('all');\n\n  private readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n  private readonly destroyRef = inject(DestroyRef);\n  private observer: ResizeObserver | null = null;\n\n  constructor() {\n    if (!this.isBrowser) return;\n    const host = this.el.nativeElement;\n    // Reactively re-apply when inputs change.\n    effect(() => {\n      this.radius();\n      this.smoothing();\n      this.enabled();\n      this.borderWidth();\n      this.borderColor();\n      this.corners();\n      this.apply();\n    });\n    // Re-apply on resize.\n    this.observer = new ResizeObserver(() => this.apply());\n    this.observer.observe(host);\n    this.destroyRef.onDestroy(() => {\n      this.observer?.disconnect();\n      this.clear();\n    });\n  }\n\n  private apply(): void {\n    const host = this.el.nativeElement;\n    if (!this.enabled()) {\n      this.clear();\n      return;\n    }\n    const rect = host.getBoundingClientRect();\n    if (rect.width === 0 || rect.height === 0) return;\n\n    const r = this.radius();\n    const s = this.smoothing();\n    const radii = maskToRadii(this.corners(), r);\n    const outer = squirclePath(rect.width, rect.height, radii, s);\n    const value = `path(\"${outer}\")`;\n    host.style.clipPath = value;\n    host.style.setProperty('-webkit-clip-path', value);\n\n    // Border mode: paint an INNER squircle in a `::before` pseudo on top of\n    // the host so the host's own bg only shows at the border-width perimeter.\n    const bw = this.borderWidth();\n    if (bw > 0) {\n      const innerW = Math.max(0, rect.width - bw * 2);\n      const innerH = Math.max(0, rect.height - bw * 2);\n      const innerR = Math.max(0, r - bw);\n      if (innerW > 0 && innerH > 0) {\n        const innerRadii = maskToRadii(this.corners(), innerR);\n        const inner = squirclePath(innerW, innerH, innerRadii, s);\n        host.style.setProperty('--wr-squircle-inner-path', `path(\"${inner}\")`);\n      }\n      host.style.setProperty('--wr-squircle-border-width', `${bw}px`);\n      // Only set the colour var inline when the consumer asked for a\n      // specific colour. Leaving the default `'currentColor'` un-inlined\n      // lets host CSS (e.g. WrButton's outlined-squircle rule) override\n      // the var via SCSS without losing to inline-style specificity.\n      const bc = this.borderColor();\n      if (bc && bc !== 'currentColor') {\n        host.style.setProperty('--wr-squircle-border-color', bc);\n      } else {\n        host.style.removeProperty('--wr-squircle-border-color');\n      }\n    } else {\n      host.style.removeProperty('--wr-squircle-inner-path');\n      host.style.removeProperty('--wr-squircle-border-width');\n      host.style.removeProperty('--wr-squircle-border-color');\n    }\n  }\n\n  private clear(): void {\n    const host = this.el.nativeElement;\n    host.style.removeProperty('clip-path');\n    host.style.removeProperty('-webkit-clip-path');\n    host.style.removeProperty('--wr-squircle-inner-path');\n    host.style.removeProperty('--wr-squircle-border-width');\n    host.style.removeProperty('--wr-squircle-border-color');\n  }\n}\n\nexport type { WrSquircleCornerMask } from './interfaces';\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 { Component, ViewEncapsulation } from '@angular/core';\n\nimport { WrSquircle } from './wr-squircle';\n\n/**\n * Standalone squircle container. Equivalent to `<div wrSquircle>` but\n * named for ergonomics in templates.\n *\n * @example\n * ```html\n * <wr-squircle [radius]=\"24\" style=\"width: 160px; height: 160px; background: var(--wr-color-primary)\">\n *   …\n * </wr-squircle>\n * ```\n *\n * @see https://ngwr.dev/reference/components/squircle\n */\n@Component({\n  selector: 'wr-squircle',\n  template: '<ng-content />',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-squircle' },\n  hostDirectives: [{ directive: WrSquircle, inputs: ['radius', 'smoothing', 'borderWidth', 'borderColor'] }],\n})\nexport class WrSquircleHost {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/fesm2022/ngwr-statistic.mjs

@@ -2,6 +2,7 @@ import { coerceNumberProperty, coerceBooleanProperty } from '@angular/cdk/coerci
 import * as i0 from '@angular/core';
 import { inject, LOCALE_ID, input, computed, signal, effect, untracked, ViewEncapsulation, Component, output, DestroyRef, PLATFORM_ID, afterNextRender } from '@angular/core';
 import { WrCountUp } from 'ngwr/counter';
+import { useI18nText, useI18nFormatter } from 'ngwr/i18n';
 import { WrPlatform } from 'ngwr/platform';
 import { numAttr } from 'ngwr/utils';
 import { isPlatformBrowser } from '@angular/common';
@@ -115,8 +116,13 @@ class WrStatistic {
             const n = coerceNumberProperty(v, Number.NaN);
             return Number.isFinite(n) ? n : null;
         } });
-    /** Unit appended to the delta value. @default '%' */
-    deltaSuffix = input('%', /* @ts-ignore */
+    // The default moved from the literal `'%'` to `null` so the catalog gets a
+    // say. `%` is a string the LIBRARY owns and no locale could reach: a locale
+    // that writes it differently — or writes it as a word — had nowhere to put
+    // that but a per-instance binding on every `<wr-statistic>` on the page. A
+    // bound value still wins, exactly as before, which is what makes this safe.
+    /** Unit appended to the delta value. Falls back to `statistic.deltaSuffix`, then `'%'`. */
+    deltaSuffix = input(null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "deltaSuffix" }] : /* istanbul ignore next */ []));
     hasDelta = computed(() => this.delta() !== null, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "hasDelta" }] : /* istanbul ignore next */ []));
@@ -127,12 +133,37 @@ class WrStatistic {
         return d > 0 ? 'up' : 'down';
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "deltaDirection" }] : /* istanbul ignore next */ []));
+    resolvedDeltaSuffix = useI18nText(this.deltaSuffix, 'statistic.deltaSuffix', '%');
+    /** `{{value}}{{suffix}}` — the join, so a locale owns the space before the unit. */
+    deltaFormat = useI18nFormatter('statistic.delta', '{{value}}{{suffix}}');
+    /**
+     * The delta chip, e.g. `+12.4%`.
+     *
+     * It was `` `${sign}${d}${suffix}` ``, printed one line under a value that
+     * goes through `Intl.NumberFormat` — so the two disagreed inside one
+     * component: ar-SA showed `١٬٢٣٤٬٥٦٧٫٨٩` above a Latin `12.4%`, and de-DE
+     * `1.234.567,89` above `+12.4%`. The sign comes from `signDisplay`, which also
+     * fixes the RTL half of it: `+` written by hand is a neutral character that
+     * the BiDi algorithm moves to the other end of the number.
+     *
+     * The digit count is taken from the number rather than from `precision()`,
+     * which describes the VALUE and not the delta — so what renders is the same
+     * digits as before, in the locale's own numerals. One exception, and it is an
+     * improvement rather than a regression: a magnitude JavaScript prints in
+     * exponent notation (`1e-7`, `1e+21`) used to reach the DOM that way and is
+     * now formatted as a number.
+     */
     deltaText = computed(() => {
         const d = this.delta();
         if (d === null)
             return '';
-        const sign = d > 0 ? '+' : '';
-        return `${sign}${d}${this.deltaSuffix()}`;
+        const decimals = Math.min(20, (String(Math.abs(d)).split('.')[1] ?? '').length);
+        const value = new Intl.NumberFormat(this.locale, {
+            signDisplay: 'exceptZero',
+            minimumFractionDigits: decimals,
+            maximumFractionDigits: decimals,
+        }).format(d);
+        return this.deltaFormat({ value, suffix: this.resolvedDeltaSuffix() });
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "deltaText" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.4", ngImport: i0, type: WrStatistic, deps: [], target: i0.ɵɵFactoryTarget.Component });

package/fesm2022/ngwr-statistic.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ngwr-statistic.mjs","sources":["../../../projects/lib/statistic/statistic.ts","../../../projects/lib/statistic/statistic.html","../../../projects/lib/statistic/statistic-countdown.ts","../../../projects/lib/statistic/statistic-countdown.html","../../../projects/lib/statistic/statistic-group.ts","../../../projects/lib/statistic/ngwr-statistic.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 { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';\nimport {\n  Component,\n  LOCALE_ID,\n  ViewEncapsulation,\n  computed,\n  effect,\n  inject,\n  input,\n  signal,\n  untracked,\n} from '@angular/core';\n\nimport { WrCountUp } from 'ngwr/counter';\nimport { WrPlatform } from 'ngwr/platform';\nimport { numAttr } from 'ngwr/utils';\n\n/**\n * KPI card — label + big number + optional prefix/suffix + delta. Pair\n * with `<wr-statistic-group>` for a responsive dashboard grid.\n *\n * When `value` is numeric the number counts up (eased) from its previous\n * value to the new one on every change — see `animate`. String values and\n * `prefers-reduced-motion` render instantly.\n *\n * @example\n * ```html\n * <wr-statistic label=\"Active users\" [value]=\"12345\" suffix=\"users\" />\n * <wr-statistic label=\"Revenue\" [value]=\"9512\" prefix=\"$\" [delta]=\"12.4\" />\n * <wr-statistic label=\"Churn\" [value]=\"1.8\" suffix=\"%\" [precision]=\"1\" />\n * ```\n *\n * @see https://ngwr.dev/reference/components/statistic\n */\n@Component({\n  selector: 'wr-statistic',\n  templateUrl: './statistic.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-statistic' },\n  imports: [WrCountUp],\n})\nexport class WrStatistic {\n  private readonly platform = inject(WrPlatform);\n  private readonly locale = inject(LOCALE_ID);\n\n  readonly label = input<string>('');\n\n  /** The number (or string) to display in the main slot. */\n  readonly value = input<number | string | null>(null);\n\n  /** Prefix glyph / symbol (e.g. `'$'`). */\n  readonly prefix = input<string>('');\n\n  /** Suffix glyph / unit (e.g. `'%'`, `'kg'`). */\n  readonly suffix = input<string>('');\n\n  /** Fixed number of decimals applied to numeric values. @default 0 */\n  readonly precision = input(0, { transform: (v: unknown): number => Math.max(0, coerceNumberProperty(v, 0)) });\n\n  /**\n   * Count up to a new numeric `value` instead of swapping instantly. Always\n   * off for string values or under `prefers-reduced-motion`. @default true\n   */\n  readonly animate = input(true, { transform: coerceBooleanProperty });\n\n  /** Count-up duration (ms). @default 700 */\n  readonly duration = input(700, { transform: numAttr(700) });\n\n  /**\n   * The current value coerced to a finite number, or `null` when `value` is\n   * a non-numeric string / empty / nullish (rendered as-is).\n   */\n  protected readonly numericValue = computed<number | null>(() => {\n    const raw = this.value();\n    if (raw === null || raw === '') return null;\n    const n = typeof raw === 'number' ? raw : coerceNumberProperty(raw, Number.NaN);\n    return Number.isFinite(n) ? n : null;\n  });\n\n  /** Whether the value should count up (browser, numeric, opted-in, motion allowed). */\n  protected readonly animated = computed<boolean>(\n    () =>\n      this.platform.isBrowser && this.animate() && !this.platform.prefersReducedMotion() && this.numericValue() !== null\n  );\n\n  /** Animation start — the previously-rendered numeric value (0 on first paint). */\n  protected readonly animateFrom = signal(0);\n\n  /** Bookkeeping: the last numeric value seen, fed back as the next `from`. */\n  private readonly lastNumeric = signal(0);\n\n  constructor() {\n    // Whenever the numeric value changes, snapshot the prior value as the\n    // count-up start, then remember the new one for the next transition.\n    effect(() => {\n      const next = this.numericValue();\n      if (next === null) return;\n      untracked(() => {\n        this.animateFrom.set(this.lastNumeric());\n        this.lastNumeric.set(next);\n      });\n    });\n  }\n\n  /**\n   * Static (non-animated) display string. Numeric values honour `precision`\n   * and locale grouping so they match the count-up output; everything else\n   * renders verbatim with an em-dash fallback.\n   */\n  protected readonly displayValue = computed<string>(() => {\n    const n = this.numericValue();\n    if (n !== null) {\n      return new Intl.NumberFormat(this.locale, {\n        minimumFractionDigits: this.precision(),\n        maximumFractionDigits: this.precision(),\n      }).format(n);\n    }\n    // `numericValue` above already reads `''` as \"no value\"; rendering it\n    // verbatim put an empty card on screen instead of the placeholder.\n    const raw = this.value();\n    return raw === null || raw === undefined || raw === '' ? '—' : String(raw);\n  });\n\n  /**\n   * Optional delta vs previous period — shown as `+x.x%` (or `-x.x%`).\n   * Use `deltaSuffix` to change the trailing unit.\n   */\n  readonly delta = input<number | null>(null, {\n    transform: (v: unknown): number | null => {\n      if (v === null || v === undefined || v === '') return null;\n      const n = coerceNumberProperty(v, Number.NaN);\n      return Number.isFinite(n) ? n : null;\n    },\n  });\n\n  /** Unit appended to the delta value. @default '%' */\n  readonly deltaSuffix = input<string>('%');\n\n  protected readonly hasDelta = computed(() => this.delta() !== null);\n\n  protected readonly deltaDirection = computed<'up' | 'down' | 'flat'>(() => {\n    const d = this.delta();\n    if (d === null || d === 0) return 'flat';\n    return d > 0 ? 'up' : 'down';\n  });\n\n  protected readonly deltaText = computed(() => {\n    const d = this.delta();\n    if (d === null) return '';\n    const sign = d > 0 ? '+' : '';\n    return `${sign}${d}${this.deltaSuffix()}`;\n  });\n}\n","@if (label()) {\n  <div class=\"wr-statistic__label\">{{ label() }}</div>\n}\n<div class=\"wr-statistic__value\">\n  @if (prefix()) {\n    <span class=\"wr-statistic__prefix\">{{ prefix() }}</span>\n  }\n  @if (animated()) {\n    <wr-count-up\n      class=\"wr-statistic__number\"\n      [from]=\"animateFrom()\"\n      [to]=\"numericValue() ?? 0\"\n      [decimals]=\"precision()\"\n      [duration]=\"duration()\"\n    />\n  } @else {\n    <span class=\"wr-statistic__number\">{{ displayValue() }}</span>\n  }\n  @if (suffix()) {\n    <span class=\"wr-statistic__suffix\">{{ suffix() }}</span>\n  }\n</div>\n@if (hasDelta()) {\n  <div [class]=\"`wr-statistic__delta wr-statistic__delta--${deltaDirection()}`\">\n    @if (deltaDirection() === 'up') {\n      <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" aria-hidden=\"true\">\n        <path d=\"M5 1 L9 8 L1 8 Z\" fill=\"currentColor\" />\n      </svg>\n    } @else if (deltaDirection() === 'down') {\n      <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" aria-hidden=\"true\">\n        <path d=\"M5 9 L9 2 L1 2 Z\" fill=\"currentColor\" />\n      </svg>\n    }\n    <span>{{ deltaText() }}</span>\n  </div>\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 { isPlatformBrowser } from '@angular/common';\nimport {\n  Component,\n  DestroyRef,\n  PLATFORM_ID,\n  ViewEncapsulation,\n  afterNextRender,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\n\nimport { numAttr } from 'ngwr/utils';\n\n// Helpers\n\nfunction toMs(value: Date | string | number): number {\n  if (value instanceof Date) return value.getTime();\n  if (typeof value === 'number') return value;\n  return new Date(value).getTime();\n}\n\nfunction pad(n: number, width: number): string {\n  return String(n).padStart(width, '0');\n}\n\nfunction formatRemaining(ms: number, fmt: string): string {\n  const days = Math.floor(ms / 86_400_000);\n  const hours = Math.floor((ms % 86_400_000) / 3_600_000);\n  const minutes = Math.floor((ms % 3_600_000) / 60_000);\n  const seconds = Math.floor((ms % 60_000) / 1000);\n  const millis = ms % 1000;\n  // Single-pass tokenizer so we never re-scan output for tokens. The\n  // previous sequential `.replace()` chain leaked: e.g. `D days HH:mm:ss`\n  // → `1 day42 11:59:42` because the `/s/g` step at the end re-matched\n  // the literal `s` inside `days`. Longest-token-first ordering inside\n  // the alternation handles `DD`>`D`, `HH`>`H`, `mm`>`m`, `SSS`>`ss`>`s`.\n  return fmt.replace(/(?<![A-Za-z])(?:SSS|DD|HH|mm|ss|D|H|m|s)(?![A-Za-z])/g, token => {\n    switch (token) {\n      case 'DD':\n        return pad(days, 2);\n      case 'D':\n        return String(days);\n      case 'HH':\n        return pad(hours, 2);\n      case 'H':\n        return String(hours);\n      case 'mm':\n        return pad(minutes, 2);\n      case 'm':\n        return String(minutes);\n      case 'ss':\n        return pad(seconds, 2);\n      case 's':\n        return String(seconds);\n      case 'SSS':\n        return pad(millis, 3);\n      default:\n        return token;\n    }\n  });\n}\n\n/**\n * Live-counting variant of `<wr-statistic>` that targets a future date\n * and ticks down to zero. The format string uses Day/Hour/Minute/Second\n * tokens (`D`, `H`, `m`, `s`, double for zero-padded, plus `SSS` for\n * milliseconds).\n *\n * @example\n * ```html\n * <wr-statistic-countdown\n *   label=\"Launch in\"\n *   [target]=\"launchDate\"\n *   format=\"D days HH:mm:ss\"\n *   (countdownEnd)=\"onLive()\"\n * />\n * ```\n *\n * @see https://ngwr.dev/reference/components/statistic\n */\n@Component({\n  selector: 'wr-statistic-countdown',\n  templateUrl: './statistic-countdown.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-statistic' },\n})\nexport class WrStatisticCountdown {\n  /** Target date / timestamp the countdown is running down to. */\n  readonly target = input.required<Date | string | number>();\n\n  /** Label rendered above the value. */\n  readonly label = input<string>('');\n\n  /**\n   * Format string. Tokens: `D`/`DD` (days), `H`/`HH` (hours),\n   * `m`/`mm` (minutes), `s`/`ss` (seconds), `SSS` (milliseconds).\n   * Double-letter forms zero-pad to width 2. @default 'HH:mm:ss'\n   */\n  readonly format = input<string>('HH:mm:ss');\n\n  /** Optional text shown once the countdown reaches zero. */\n  readonly endText = input<string | null>(null);\n\n  /**\n   * Tick interval in ms. Drop to ~16 for `SSS` (millisecond display). Floored\n   * at one frame — `0` (or an unparseable value) asked `setInterval` to run as\n   * fast as the browser would allow, which is a busy loop, not a countdown.\n   * @default 1000\n   */\n  readonly tickMs = input(1000, { transform: (v: unknown): number => Math.max(16, numAttr(1000)(v)) });\n\n  /** Fires once when the countdown crosses zero. */\n  readonly countdownEnd = output<void>();\n\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n\n  private readonly targetMs = computed(() => toMs(this.target()));\n\n  /**\n   * Milliseconds left, or `null` when `target` does not parse to a date at all.\n   * `new Date('nope').getTime()` is `NaN`, and `NaN` propagated all the way to\n   * the screen as `NaN:NaN:NaN` — and, worse, `tick` compared it to `0` and so\n   * never fired `countdownEnd`, while a guard that only clamped the text would\n   * have fired it immediately for a target that was never reached.\n   */\n  private remainingMs(): number | null {\n    const target = this.targetMs();\n    return Number.isFinite(target) ? Math.max(0, target - Date.now()) : null;\n  }\n\n  /** Remaining milliseconds (live signal). */\n  protected readonly remaining = signal(0);\n  protected readonly finished = signal(false);\n\n  protected readonly display = computed(() => {\n    if (this.finished() && this.endText() != null) return this.endText()!;\n    return formatRemaining(this.remaining(), this.format());\n  });\n\n  constructor() {\n    // Seed once synchronously so SSR / first paint shows a sane value.\n    effect(() => {\n      const ms = this.remainingMs();\n      this.remaining.set(ms ?? 0);\n      this.finished.set(ms === 0);\n    });\n\n    if (!this.isBrowser) return;\n\n    afterNextRender(() => {\n      const handle = setInterval(() => this.tick(), this.tickMs());\n      this.destroyRef.onDestroy(() => clearInterval(handle));\n    });\n  }\n\n  private tick(): void {\n    const ms = this.remainingMs();\n    if (ms === null) return;\n    this.remaining.set(ms);\n    if (ms === 0 && !this.finished()) {\n      this.finished.set(true);\n      this.countdownEnd.emit();\n    }\n  }\n}\n","@if (label()) {\n  <div class=\"wr-statistic__label\">{{ label() }}</div>\n}\n<div class=\"wr-statistic__value\">\n  <span class=\"wr-statistic__number\">{{ display() }}</span>\n</div>\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 { coerceNumberProperty } from '@angular/cdk/coercion';\nimport { Component, ViewEncapsulation, input } from '@angular/core';\n\n/**\n * Dashboard grid for `<wr-statistic>` cards. The column count follows the\n * group's OWN width — an intrinsic container-query grid sized by its box, not\n * a viewport media query — so it reflows correctly inside any column, card, or\n * split pane. Columns are never narrower than `min`; `columns` optionally caps\n * how many ever sit side by side on a wide container.\n *\n * @example\n * ```html\n * <wr-statistic-group [columns]=\"4\" min=\"11rem\">\n *   <wr-statistic label=\"Active users\" [value]=\"12345\" />\n *   <wr-statistic label=\"Revenue\" [value]=\"9512\" prefix=\"$\" [delta]=\"12.4\" />\n *   <wr-statistic label=\"Churn\" [value]=\"1.8\" suffix=\"%\" [delta]=\"-0.4\" />\n *   <wr-statistic label=\"Sessions\" [value]=\"48210\" />\n * </wr-statistic-group>\n * ```\n *\n * @see https://ngwr.dev/reference/components/statistic\n */\n@Component({\n  selector: 'wr-statistic-group',\n  template: '<div class=\"wr-statistic-group__grid\"><ng-content /></div>',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'wr-statistic-group',\n    '[style.--wr-statistic-group-min]': 'min()',\n    '[style.--wr-statistic-group-columns]': 'columns() || null',\n  },\n})\nexport class WrStatisticGroup {\n  /**\n   * Minimum width of each column before the grid reflows to fewer columns.\n   * Any CSS length — smaller packs more cards per row. @default '12rem'\n   */\n  readonly min = input<string>('12rem');\n\n  /**\n   * Cap on how many columns ever sit side by side on a wide container. `0`\n   * (default) leaves it uncapped — fit as many `min`-wide columns as the\n   * width allows. @default 0\n   */\n  readonly columns = input(0, { transform: (v: unknown): number => Math.max(0, coerceNumberProperty(v, 0)) });\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-statistic.mjs","sources":["../../../projects/lib/statistic/statistic.ts","../../../projects/lib/statistic/statistic.html","../../../projects/lib/statistic/statistic-countdown.ts","../../../projects/lib/statistic/statistic-countdown.html","../../../projects/lib/statistic/statistic-group.ts","../../../projects/lib/statistic/ngwr-statistic.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 { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';\nimport {\n  Component,\n  LOCALE_ID,\n  ViewEncapsulation,\n  computed,\n  effect,\n  inject,\n  input,\n  signal,\n  untracked,\n} from '@angular/core';\n\nimport { WrCountUp } from 'ngwr/counter';\nimport { useI18nFormatter, useI18nText } from 'ngwr/i18n';\nimport { WrPlatform } from 'ngwr/platform';\nimport { numAttr } from 'ngwr/utils';\n\n/**\n * KPI card — label + big number + optional prefix/suffix + delta. Pair\n * with `<wr-statistic-group>` for a responsive dashboard grid.\n *\n * When `value` is numeric the number counts up (eased) from its previous\n * value to the new one on every change — see `animate`. String values and\n * `prefers-reduced-motion` render instantly.\n *\n * @example\n * ```html\n * <wr-statistic label=\"Active users\" [value]=\"12345\" suffix=\"users\" />\n * <wr-statistic label=\"Revenue\" [value]=\"9512\" prefix=\"$\" [delta]=\"12.4\" />\n * <wr-statistic label=\"Churn\" [value]=\"1.8\" suffix=\"%\" [precision]=\"1\" />\n * ```\n *\n * @see https://ngwr.dev/reference/components/statistic\n */\n@Component({\n  selector: 'wr-statistic',\n  templateUrl: './statistic.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-statistic' },\n  imports: [WrCountUp],\n})\nexport class WrStatistic {\n  private readonly platform = inject(WrPlatform);\n  private readonly locale = inject(LOCALE_ID);\n\n  readonly label = input<string>('');\n\n  /** The number (or string) to display in the main slot. */\n  readonly value = input<number | string | null>(null);\n\n  /** Prefix glyph / symbol (e.g. `'$'`). */\n  readonly prefix = input<string>('');\n\n  /** Suffix glyph / unit (e.g. `'%'`, `'kg'`). */\n  readonly suffix = input<string>('');\n\n  /** Fixed number of decimals applied to numeric values. @default 0 */\n  readonly precision = input(0, { transform: (v: unknown): number => Math.max(0, coerceNumberProperty(v, 0)) });\n\n  /**\n   * Count up to a new numeric `value` instead of swapping instantly. Always\n   * off for string values or under `prefers-reduced-motion`. @default true\n   */\n  readonly animate = input(true, { transform: coerceBooleanProperty });\n\n  /** Count-up duration (ms). @default 700 */\n  readonly duration = input(700, { transform: numAttr(700) });\n\n  /**\n   * The current value coerced to a finite number, or `null` when `value` is\n   * a non-numeric string / empty / nullish (rendered as-is).\n   */\n  protected readonly numericValue = computed<number | null>(() => {\n    const raw = this.value();\n    if (raw === null || raw === '') return null;\n    const n = typeof raw === 'number' ? raw : coerceNumberProperty(raw, Number.NaN);\n    return Number.isFinite(n) ? n : null;\n  });\n\n  /** Whether the value should count up (browser, numeric, opted-in, motion allowed). */\n  protected readonly animated = computed<boolean>(\n    () =>\n      this.platform.isBrowser && this.animate() && !this.platform.prefersReducedMotion() && this.numericValue() !== null\n  );\n\n  /** Animation start — the previously-rendered numeric value (0 on first paint). */\n  protected readonly animateFrom = signal(0);\n\n  /** Bookkeeping: the last numeric value seen, fed back as the next `from`. */\n  private readonly lastNumeric = signal(0);\n\n  constructor() {\n    // Whenever the numeric value changes, snapshot the prior value as the\n    // count-up start, then remember the new one for the next transition.\n    effect(() => {\n      const next = this.numericValue();\n      if (next === null) return;\n      untracked(() => {\n        this.animateFrom.set(this.lastNumeric());\n        this.lastNumeric.set(next);\n      });\n    });\n  }\n\n  /**\n   * Static (non-animated) display string. Numeric values honour `precision`\n   * and locale grouping so they match the count-up output; everything else\n   * renders verbatim with an em-dash fallback.\n   */\n  protected readonly displayValue = computed<string>(() => {\n    const n = this.numericValue();\n    if (n !== null) {\n      return new Intl.NumberFormat(this.locale, {\n        minimumFractionDigits: this.precision(),\n        maximumFractionDigits: this.precision(),\n      }).format(n);\n    }\n    // `numericValue` above already reads `''` as \"no value\"; rendering it\n    // verbatim put an empty card on screen instead of the placeholder.\n    const raw = this.value();\n    return raw === null || raw === undefined || raw === '' ? '—' : String(raw);\n  });\n\n  /**\n   * Optional delta vs previous period — shown as `+x.x%` (or `-x.x%`).\n   * Use `deltaSuffix` to change the trailing unit.\n   */\n  readonly delta = input<number | null>(null, {\n    transform: (v: unknown): number | null => {\n      if (v === null || v === undefined || v === '') return null;\n      const n = coerceNumberProperty(v, Number.NaN);\n      return Number.isFinite(n) ? n : null;\n    },\n  });\n\n  // The default moved from the literal `'%'` to `null` so the catalog gets a\n  // say. `%` is a string the LIBRARY owns and no locale could reach: a locale\n  // that writes it differently — or writes it as a word — had nowhere to put\n  // that but a per-instance binding on every `<wr-statistic>` on the page. A\n  // bound value still wins, exactly as before, which is what makes this safe.\n  /** Unit appended to the delta value. Falls back to `statistic.deltaSuffix`, then `'%'`. */\n  readonly deltaSuffix = input<string | null>(null);\n\n  protected readonly hasDelta = computed(() => this.delta() !== null);\n\n  protected readonly deltaDirection = computed<'up' | 'down' | 'flat'>(() => {\n    const d = this.delta();\n    if (d === null || d === 0) return 'flat';\n    return d > 0 ? 'up' : 'down';\n  });\n\n  protected readonly resolvedDeltaSuffix = useI18nText(this.deltaSuffix, 'statistic.deltaSuffix', '%');\n\n  /** `{{value}}{{suffix}}` — the join, so a locale owns the space before the unit. */\n  private readonly deltaFormat = useI18nFormatter('statistic.delta', '{{value}}{{suffix}}');\n\n  /**\n   * The delta chip, e.g. `+12.4%`.\n   *\n   * It was `` `${sign}${d}${suffix}` ``, printed one line under a value that\n   * goes through `Intl.NumberFormat` — so the two disagreed inside one\n   * component: ar-SA showed `١٬٢٣٤٬٥٦٧٫٨٩` above a Latin `12.4%`, and de-DE\n   * `1.234.567,89` above `+12.4%`. The sign comes from `signDisplay`, which also\n   * fixes the RTL half of it: `+` written by hand is a neutral character that\n   * the BiDi algorithm moves to the other end of the number.\n   *\n   * The digit count is taken from the number rather than from `precision()`,\n   * which describes the VALUE and not the delta — so what renders is the same\n   * digits as before, in the locale's own numerals. One exception, and it is an\n   * improvement rather than a regression: a magnitude JavaScript prints in\n   * exponent notation (`1e-7`, `1e+21`) used to reach the DOM that way and is\n   * now formatted as a number.\n   */\n  protected readonly deltaText = computed(() => {\n    const d = this.delta();\n    if (d === null) return '';\n    const decimals = Math.min(20, (String(Math.abs(d)).split('.')[1] ?? '').length);\n    const value = new Intl.NumberFormat(this.locale, {\n      signDisplay: 'exceptZero',\n      minimumFractionDigits: decimals,\n      maximumFractionDigits: decimals,\n    }).format(d);\n    return this.deltaFormat({ value, suffix: this.resolvedDeltaSuffix() });\n  });\n}\n","@if (label()) {\n  <div class=\"wr-statistic__label\">{{ label() }}</div>\n}\n<div class=\"wr-statistic__value\">\n  @if (prefix()) {\n    <span class=\"wr-statistic__prefix\">{{ prefix() }}</span>\n  }\n  @if (animated()) {\n    <wr-count-up\n      class=\"wr-statistic__number\"\n      [from]=\"animateFrom()\"\n      [to]=\"numericValue() ?? 0\"\n      [decimals]=\"precision()\"\n      [duration]=\"duration()\"\n    />\n  } @else {\n    <span class=\"wr-statistic__number\">{{ displayValue() }}</span>\n  }\n  @if (suffix()) {\n    <span class=\"wr-statistic__suffix\">{{ suffix() }}</span>\n  }\n</div>\n@if (hasDelta()) {\n  <div [class]=\"`wr-statistic__delta wr-statistic__delta--${deltaDirection()}`\">\n    @if (deltaDirection() === 'up') {\n      <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" aria-hidden=\"true\">\n        <path d=\"M5 1 L9 8 L1 8 Z\" fill=\"currentColor\" />\n      </svg>\n    } @else if (deltaDirection() === 'down') {\n      <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" aria-hidden=\"true\">\n        <path d=\"M5 9 L9 2 L1 2 Z\" fill=\"currentColor\" />\n      </svg>\n    }\n    <span>{{ deltaText() }}</span>\n  </div>\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 { isPlatformBrowser } from '@angular/common';\nimport {\n  Component,\n  DestroyRef,\n  PLATFORM_ID,\n  ViewEncapsulation,\n  afterNextRender,\n  computed,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\n\nimport { numAttr } from 'ngwr/utils';\n\n// Helpers\n\nfunction toMs(value: Date | string | number): number {\n  if (value instanceof Date) return value.getTime();\n  if (typeof value === 'number') return value;\n  return new Date(value).getTime();\n}\n\nfunction pad(n: number, width: number): string {\n  return String(n).padStart(width, '0');\n}\n\nfunction formatRemaining(ms: number, fmt: string): string {\n  const days = Math.floor(ms / 86_400_000);\n  const hours = Math.floor((ms % 86_400_000) / 3_600_000);\n  const minutes = Math.floor((ms % 3_600_000) / 60_000);\n  const seconds = Math.floor((ms % 60_000) / 1000);\n  const millis = ms % 1000;\n  // Single-pass tokenizer so we never re-scan output for tokens. The\n  // previous sequential `.replace()` chain leaked: e.g. `D days HH:mm:ss`\n  // → `1 day42 11:59:42` because the `/s/g` step at the end re-matched\n  // the literal `s` inside `days`. Longest-token-first ordering inside\n  // the alternation handles `DD`>`D`, `HH`>`H`, `mm`>`m`, `SSS`>`ss`>`s`.\n  return fmt.replace(/(?<![A-Za-z])(?:SSS|DD|HH|mm|ss|D|H|m|s)(?![A-Za-z])/g, token => {\n    switch (token) {\n      case 'DD':\n        return pad(days, 2);\n      case 'D':\n        return String(days);\n      case 'HH':\n        return pad(hours, 2);\n      case 'H':\n        return String(hours);\n      case 'mm':\n        return pad(minutes, 2);\n      case 'm':\n        return String(minutes);\n      case 'ss':\n        return pad(seconds, 2);\n      case 's':\n        return String(seconds);\n      case 'SSS':\n        return pad(millis, 3);\n      default:\n        return token;\n    }\n  });\n}\n\n/**\n * Live-counting variant of `<wr-statistic>` that targets a future date\n * and ticks down to zero. The format string uses Day/Hour/Minute/Second\n * tokens (`D`, `H`, `m`, `s`, double for zero-padded, plus `SSS` for\n * milliseconds).\n *\n * @example\n * ```html\n * <wr-statistic-countdown\n *   label=\"Launch in\"\n *   [target]=\"launchDate\"\n *   format=\"D days HH:mm:ss\"\n *   (countdownEnd)=\"onLive()\"\n * />\n * ```\n *\n * @see https://ngwr.dev/reference/components/statistic\n */\n@Component({\n  selector: 'wr-statistic-countdown',\n  templateUrl: './statistic-countdown.html',\n  encapsulation: ViewEncapsulation.None,\n  host: { class: 'wr-statistic' },\n})\nexport class WrStatisticCountdown {\n  /** Target date / timestamp the countdown is running down to. */\n  readonly target = input.required<Date | string | number>();\n\n  /** Label rendered above the value. */\n  readonly label = input<string>('');\n\n  /**\n   * Format string. Tokens: `D`/`DD` (days), `H`/`HH` (hours),\n   * `m`/`mm` (minutes), `s`/`ss` (seconds), `SSS` (milliseconds).\n   * Double-letter forms zero-pad to width 2. @default 'HH:mm:ss'\n   */\n  readonly format = input<string>('HH:mm:ss');\n\n  /** Optional text shown once the countdown reaches zero. */\n  readonly endText = input<string | null>(null);\n\n  /**\n   * Tick interval in ms. Drop to ~16 for `SSS` (millisecond display). Floored\n   * at one frame — `0` (or an unparseable value) asked `setInterval` to run as\n   * fast as the browser would allow, which is a busy loop, not a countdown.\n   * @default 1000\n   */\n  readonly tickMs = input(1000, { transform: (v: unknown): number => Math.max(16, numAttr(1000)(v)) });\n\n  /** Fires once when the countdown crosses zero. */\n  readonly countdownEnd = output<void>();\n\n  private readonly destroyRef = inject(DestroyRef);\n  private readonly isBrowser = isPlatformBrowser(inject(PLATFORM_ID));\n\n  private readonly targetMs = computed(() => toMs(this.target()));\n\n  /**\n   * Milliseconds left, or `null` when `target` does not parse to a date at all.\n   * `new Date('nope').getTime()` is `NaN`, and `NaN` propagated all the way to\n   * the screen as `NaN:NaN:NaN` — and, worse, `tick` compared it to `0` and so\n   * never fired `countdownEnd`, while a guard that only clamped the text would\n   * have fired it immediately for a target that was never reached.\n   */\n  private remainingMs(): number | null {\n    const target = this.targetMs();\n    return Number.isFinite(target) ? Math.max(0, target - Date.now()) : null;\n  }\n\n  /** Remaining milliseconds (live signal). */\n  protected readonly remaining = signal(0);\n  protected readonly finished = signal(false);\n\n  protected readonly display = computed(() => {\n    if (this.finished() && this.endText() != null) return this.endText()!;\n    return formatRemaining(this.remaining(), this.format());\n  });\n\n  constructor() {\n    // Seed once synchronously so SSR / first paint shows a sane value.\n    effect(() => {\n      const ms = this.remainingMs();\n      this.remaining.set(ms ?? 0);\n      this.finished.set(ms === 0);\n    });\n\n    if (!this.isBrowser) return;\n\n    afterNextRender(() => {\n      const handle = setInterval(() => this.tick(), this.tickMs());\n      this.destroyRef.onDestroy(() => clearInterval(handle));\n    });\n  }\n\n  private tick(): void {\n    const ms = this.remainingMs();\n    if (ms === null) return;\n    this.remaining.set(ms);\n    if (ms === 0 && !this.finished()) {\n      this.finished.set(true);\n      this.countdownEnd.emit();\n    }\n  }\n}\n","@if (label()) {\n  <div class=\"wr-statistic__label\">{{ label() }}</div>\n}\n<div class=\"wr-statistic__value\">\n  <span class=\"wr-statistic__number\">{{ display() }}</span>\n</div>\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 { coerceNumberProperty } from '@angular/cdk/coercion';\nimport { Component, ViewEncapsulation, input } from '@angular/core';\n\n/**\n * Dashboard grid for `<wr-statistic>` cards. The column count follows the\n * group's OWN width — an intrinsic container-query grid sized by its box, not\n * a viewport media query — so it reflows correctly inside any column, card, or\n * split pane. Columns are never narrower than `min`; `columns` optionally caps\n * how many ever sit side by side on a wide container.\n *\n * @example\n * ```html\n * <wr-statistic-group [columns]=\"4\" min=\"11rem\">\n *   <wr-statistic label=\"Active users\" [value]=\"12345\" />\n *   <wr-statistic label=\"Revenue\" [value]=\"9512\" prefix=\"$\" [delta]=\"12.4\" />\n *   <wr-statistic label=\"Churn\" [value]=\"1.8\" suffix=\"%\" [delta]=\"-0.4\" />\n *   <wr-statistic label=\"Sessions\" [value]=\"48210\" />\n * </wr-statistic-group>\n * ```\n *\n * @see https://ngwr.dev/reference/components/statistic\n */\n@Component({\n  selector: 'wr-statistic-group',\n  template: '<div class=\"wr-statistic-group__grid\"><ng-content /></div>',\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    class: 'wr-statistic-group',\n    '[style.--wr-statistic-group-min]': 'min()',\n    '[style.--wr-statistic-group-columns]': 'columns() || null',\n  },\n})\nexport class WrStatisticGroup {\n  /**\n   * Minimum width of each column before the grid reflows to fewer columns.\n   * Any CSS length — smaller packs more cards per row. @default '12rem'\n   */\n  readonly min = input<string>('12rem');\n\n  /**\n   * Cap on how many columns ever sit side by side on a wide container. `0`\n   * (default) leaves it uncapped — fit as many `min`-wide columns as the\n   * width allows. @default 0\n   */\n  readonly columns = input(0, { transform: (v: unknown): number => Math.max(0, coerceNumberProperty(v, 0)) });\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;;;AAAA;;;;;AAKG;AAoBH;;;;;;;;;;;;;;;;AAgBG;MAQU,WAAW,CAAA;AACL,IAAA,QAAQ,GAAG,MAAM,CAAC,UAAU,CAAC;AAC7B,IAAA,MAAM,GAAG,MAAM,CAAC,SAAS,CAAC;IAElC,KAAK,GAAG,KAAK,CAAS,EAAE;8EAAC;;IAGzB,KAAK,GAAG,KAAK,CAAyB,IAAI;8EAAC;;IAG3C,MAAM,GAAG,KAAK,CAAS,EAAE;+EAAC;;IAG1B,MAAM,GAAG,KAAK,CAAS,EAAE;+EAAC;;IAG1B,SAAS,GAAG,KAAK,CAAC,CAAC,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,WAAA,EAAA,8BAAA,EAAA,CAAA,EAAI,SAAS,EAAE,CAAC,CAAU,KAAa,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAA,CAAG;AAE7G;;;AAGG;IACM,OAAO,GAAG,KAAK,CAAC,IAAI,+EAAI,SAAS,EAAE,qBAAqB,EAAA,CAAG;;AAG3D,IAAA,QAAQ,GAAG,KAAK,CAAC,GAAG,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,UAAA,EAAA,8BAAA,EAAA,CAAA,EAAI,SAAS,EAAE,OAAO,CAAC,GAAG,CAAC,EAAA,CAAG;AAE3D;;;AAGG;AACgB,IAAA,YAAY,GAAG,QAAQ,CAAgB,MAAK;AAC7D,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE;AACxB,QAAA,IAAI,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,EAAE;AAAE,YAAA,OAAO,IAAI;QAC3C,MAAM,CAAC,GAAG,OAAO,GAAG,KAAK,QAAQ,GAAG,GAAG,GAAG,oBAAoB,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC;AAC/E,QAAA,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI;IACtC,CAAC;qFAAC;;AAGiB,IAAA,QAAQ,GAAG,QAAQ,CACpC,MACE,IAAI,CAAC,QAAQ,CAAC,SAAS,IAAI,IAAI,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,oBAAoB,EAAE,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,IAAI;iFACrH;;IAGkB,WAAW,GAAG,MAAM,CAAC,CAAC;oFAAC;;IAGzB,WAAW,GAAG,MAAM,CAAC,CAAC;oFAAC;AAExC,IAAA,WAAA,GAAA;;;QAGE,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE;YAChC,IAAI,IAAI,KAAK,IAAI;gBAAE;YACnB,SAAS,CAAC,MAAK;gBACb,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;AACxC,gBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,IAAI,CAAC;AAC5B,YAAA,CAAC,CAAC;AACJ,QAAA,CAAC,CAAC;IACJ;AAEA;;;;AAIG;AACgB,IAAA,YAAY,GAAG,QAAQ,CAAS,MAAK;AACtD,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,YAAY,EAAE;AAC7B,QAAA,IAAI,CAAC,KAAK,IAAI,EAAE;YACd,OAAO,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE;AACxC,gBAAA,qBAAqB,EAAE,IAAI,CAAC,SAAS,EAAE;AACvC,gBAAA,qBAAqB,EAAE,IAAI,CAAC,SAAS,EAAE;AACxC,aAAA,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;QACd;;;AAGA,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,KAAK,EAAE;QACxB,OAAO,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,SAAS,IAAI,GAAG,KAAK,EAAE,GAAG,GAAG,GAAG,MAAM,CAAC,GAAG,CAAC;IAC5E,CAAC;qFAAC;AAEF;;;AAGG;IACM,KAAK,GAAG,KAAK,CAAgB,IAAI,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,OAAA,EAAA,8BAAA,EAAA,CAAA,EACxC,SAAS,EAAE,CAAC,CAAU,KAAmB;YACvC,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,SAAS,IAAI,CAAC,KAAK,EAAE;AAAE,gBAAA,OAAO,IAAI;YAC1D,MAAM,CAAC,GAAG,oBAAoB,CAAC,CAAC,EAAE,MAAM,CAAC,GAAG,CAAC;AAC7C,YAAA,OAAO,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI;AACtC,QAAA,CAAC,GACD;;;;;;;IAQO,WAAW,GAAG,KAAK,CAAgB,IAAI;oFAAC;IAE9B,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,KAAK,IAAI;iFAAC;AAEhD,IAAA,cAAc,GAAG,QAAQ,CAAyB,MAAK;AACxE,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE;AACtB,QAAA,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC;AAAE,YAAA,OAAO,MAAM;QACxC,OAAO,CAAC,GAAG,CAAC,GAAG,IAAI,GAAG,MAAM;IAC9B,CAAC;uFAAC;IAEiB,mBAAmB,GAAG,WAAW,CAAC,IAAI,CAAC,WAAW,EAAE,uBAAuB,EAAE,GAAG,CAAC;;AAGnF,IAAA,WAAW,GAAG,gBAAgB,CAAC,iBAAiB,EAAE,qBAAqB,CAAC;AAEzF;;;;;;;;;;;;;;;;AAgBG;AACgB,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAK;AAC3C,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE;QACtB,IAAI,CAAC,KAAK,IAAI;AAAE,YAAA,OAAO,EAAE;AACzB,QAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,EAAE,EAAE,MAAM,CAAC;QAC/E,MAAM,KAAK,GAAG,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,MAAM,EAAE;AAC/C,YAAA,WAAW,EAAE,YAAY;AACzB,YAAA,qBAAqB,EAAE,QAAQ;AAC/B,YAAA,qBAAqB,EAAE,QAAQ;AAChC,SAAA,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;AACZ,QAAA,OAAO,IAAI,CAAC,WAAW,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,mBAAmB,EAAE,EAAE,CAAC;IACxE,CAAC;kFAAC;uGA9IS,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAX,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,cAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjDxB,2pCAoCA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDWY,SAAS,EAAA,QAAA,EAAA,aAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,IAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,WAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,WAAA,CAAA,EAAA,CAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAER,WAAW,EAAA,UAAA,EAAA,CAAA;kBAPvB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,EAAA,aAAA,EAET,iBAAiB,CAAC,IAAI,EAAA,IAAA,EAC/B,EAAE,KAAK,EAAE,cAAc,EAAE,EAAA,OAAA,EACtB,CAAC,SAAS,CAAC,EAAA,QAAA,EAAA,2pCAAA,EAAA;;;AE/CtB;;;;;AAKG;AAmBH;AAEA,SAAS,IAAI,CAAC,KAA6B,EAAA;IACzC,IAAI,KAAK,YAAY,IAAI;AAAE,QAAA,OAAO,KAAK,CAAC,OAAO,EAAE;IACjD,IAAI,OAAO,KAAK,KAAK,QAAQ;AAAE,QAAA,OAAO,KAAK;IAC3C,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,EAAE;AAClC;AAEA,SAAS,GAAG,CAAC,CAAS,EAAE,KAAa,EAAA;IACnC,OAAO,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,EAAE,GAAG,CAAC;AACvC;AAEA,SAAS,eAAe,CAAC,EAAU,EAAE,GAAW,EAAA;IAC9C,MAAM,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,UAAU,CAAC;AACxC,IAAA,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,UAAU,IAAI,SAAS,CAAC;AACvD,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,SAAS,IAAI,MAAM,CAAC;AACrD,IAAA,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,MAAM,IAAI,IAAI,CAAC;AAChD,IAAA,MAAM,MAAM,GAAG,EAAE,GAAG,IAAI;;;;;;IAMxB,OAAO,GAAG,CAAC,OAAO,CAAC,uDAAuD,EAAE,KAAK,IAAG;QAClF,QAAQ,KAAK;AACX,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;AACrB,YAAA,KAAK,GAAG;AACN,gBAAA,OAAO,MAAM,CAAC,IAAI,CAAC;AACrB,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,GAAG,CAAC,KAAK,EAAE,CAAC,CAAC;AACtB,YAAA,KAAK,GAAG;AACN,gBAAA,OAAO,MAAM,CAAC,KAAK,CAAC;AACtB,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;AACxB,YAAA,KAAK,GAAG;AACN,gBAAA,OAAO,MAAM,CAAC,OAAO,CAAC;AACxB,YAAA,KAAK,IAAI;AACP,gBAAA,OAAO,GAAG,CAAC,OAAO,EAAE,CAAC,CAAC;AACxB,YAAA,KAAK,GAAG;AACN,gBAAA,OAAO,MAAM,CAAC,OAAO,CAAC;AACxB,YAAA,KAAK,KAAK;AACR,gBAAA,OAAO,GAAG,CAAC,MAAM,EAAE,CAAC,CAAC;AACvB,YAAA;AACE,gBAAA,OAAO,KAAK;;AAElB,IAAA,CAAC,CAAC;AACJ;AAEA;;;;;;;;;;;;;;;;;AAiBG;MAOU,oBAAoB,CAAA;;IAEtB,MAAM,GAAG,KAAK,CAAC,QAAQ;+EAA0B;;IAGjD,KAAK,GAAG,KAAK,CAAS,EAAE;8EAAC;AAElC;;;;AAIG;IACM,MAAM,GAAG,KAAK,CAAS,UAAU;+EAAC;;IAGlC,OAAO,GAAG,KAAK,CAAgB,IAAI;gFAAC;AAE7C;;;;;AAKG;IACM,MAAM,GAAG,KAAK,CAAC,IAAI,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,CAAA,EAAI,SAAS,EAAE,CAAC,CAAU,KAAa,IAAI,CAAC,GAAG,CAAC,EAAE,EAAE,OAAO,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,EAAA,CAAG;;IAG3F,YAAY,GAAG,MAAM,EAAQ;AAErB,IAAA,UAAU,GAAG,MAAM,CAAC,UAAU,CAAC;IAC/B,SAAS,GAAG,iBAAiB,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC;AAElD,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC;iFAAC;AAE/D;;;;;;AAMG;IACK,WAAW,GAAA;AACjB,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,EAAE;QAC9B,OAAO,MAAM,CAAC,QAAQ,CAAC,MAAM,CAAC,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,GAAG,IAAI;IAC1E;;IAGmB,SAAS,GAAG,MAAM,CAAC,CAAC;kFAAC;IACrB,QAAQ,GAAG,MAAM,CAAC,KAAK;iFAAC;AAExB,IAAA,OAAO,GAAG,QAAQ,CAAC,MAAK;QACzC,IAAI,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI;AAAE,YAAA,OAAO,IAAI,CAAC,OAAO,EAAG;AACrE,QAAA,OAAO,eAAe,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;IACzD,CAAC;gFAAC;AAEF,IAAA,WAAA,GAAA;;QAEE,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE;YAC7B,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;YAC3B,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,CAAC;AAC7B,QAAA,CAAC,CAAC;QAEF,IAAI,CAAC,IAAI,CAAC,SAAS;YAAE;QAErB,eAAe,CAAC,MAAK;AACnB,YAAA,MAAM,MAAM,GAAG,WAAW,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,MAAM,EAAE,CAAC;AAC5D,YAAA,IAAI,CAAC,UAAU,CAAC,SAAS,CAAC,MAAM,aAAa,CAAC,MAAM,CAAC,CAAC;AACxD,QAAA,CAAC,CAAC;IACJ;IAEQ,IAAI,GAAA;AACV,QAAA,MAAM,EAAE,GAAG,IAAI,CAAC,WAAW,EAAE;QAC7B,IAAI,EAAE,KAAK,IAAI;YAAE;AACjB,QAAA,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,EAAE,CAAC;QACtB,IAAI,EAAE,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE,EAAE;AAChC,YAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;AACvB,YAAA,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;QAC1B;IACF;uGA9EW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,oBAAoB,yxBCjGjC,4LAMA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FD2Fa,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBANhC,SAAS;+BACE,wBAAwB,EAAA,aAAA,EAEnB,iBAAiB,CAAC,IAAI,QAC/B,EAAE,KAAK,EAAE,cAAc,EAAE,EAAA,QAAA,EAAA,4LAAA,EAAA;;;AE/FjC;;;;;AAKG;AAKH;;;;;;;;;;;;;;;;;;AAkBG;MAWU,gBAAgB,CAAA;AAC3B;;;AAGG;IACM,GAAG,GAAG,KAAK,CAAS,OAAO;4EAAC;AAErC;;;;AAIG;IACM,OAAO,GAAG,KAAK,CAAC,CAAC,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,SAAA,EAAA,8BAAA,EAAA,CAAA,EAAI,SAAS,EAAE,CAAC,CAAU,KAAa,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,oBAAoB,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAA,CAAG;uGAZhG,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAhB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,gBAAgB,gfARjB,4DAA4D,EAAA,QAAA,EAAA,IAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAQ3D,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAV5B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,QAAQ,EAAE,4DAA4D;oBACtE,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACrC,oBAAA,IAAI,EAAE;AACJ,wBAAA,KAAK,EAAE,oBAAoB;AAC3B,wBAAA,kCAAkC,EAAE,OAAO;AAC3C,wBAAA,sCAAsC,EAAE,mBAAmB;AAC5D,qBAAA;AACF,iBAAA;;;ACtCD;;AAEG;;;;"}