@slotted/angular 0.1.0-beta.1 → 0.1.0-beta.10

package/fesm2022/slotted-angular-sparkline.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, input, ElementRef, HostAttributeToken, signal, computed, DestroyRef, afterNextRender, ViewEncapsulation, ChangeDetectionStrategy, Component, booleanAttribute, numberAttribute } from '@angular/core';
+import { InjectionToken, inject, input, ElementRef, HostAttributeToken, signal, computed, linkedSignal, DestroyRef, afterNextRender, ViewEncapsulation, ChangeDetectionStrategy, Component, booleanAttribute, numberAttribute } from '@angular/core';
 import { injectMessages, injectLocale } from '@slotted/angular/i18n';
 import { sparklineMessages } from '@slotted/core/i18n';
 import { SPARKLINE_STEPS, layoutSparkline, sparklineInset, describeSparkline, observeSparklineBox } from '@slotted/core/sparkline';
@@ -98,6 +98,16 @@ class SlSparkline {
     ...(ngDevMode ? [{ debugName: "height" }] : /* istanbul ignore next */ []));
     viewBox = computed(() => `0 0 ${this.width()} ${this.height()}`, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "viewBox" }] : /* istanbul ignore next */ []));
+    /**
+     * Only a change of `data` animates the marks. A box that settles after the
+     * first render — a table cell sizing its column — redraws at once: a path
+     * that eased to the new width read as the series growing.
+     */
+    animate = linkedSignal({ ...(ngDevMode ? { debugName: "animate" } : /* istanbul ignore next */ {}), source: () => ({ data: this.data(), width: this.width(), height: this.height() }),
+        computation: (now, previous) => previous !== undefined &&
+            previous.source.data !== now.data &&
+            previous.source.width === now.width &&
+            previous.source.height === now.height });
     layout = computed(() => layoutSparkline({
         data: this.data(),
         width: this.width(),
@@ -143,25 +153,32 @@ class SlSparkline {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSparkline, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlSparkline, isStandalone: true, selector: "[slSparkline]", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, curve: { classPropertyName: "curve", publicName: "curve", isSignal: true, isRequired: false, transformFunction: null }, area: { classPropertyName: "area", publicName: "area", isSignal: true, isRequired: false, transformFunction: null }, marker: { classPropertyName: "marker", publicName: "marker", isSignal: true, isRequired: false, transformFunction: null }, reference: { classPropertyName: "reference", publicName: "reference", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, series: { classPropertyName: "series", publicName: "series", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, formatOptions: { classPropertyName: "formatOptions", publicName: "formatOptions", isSignal: true, isRequired: false, transformFunction: null }, valueFormatter: { classPropertyName: "valueFormatter", publicName: "valueFormatter", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "sparkline", "data-part": "root", "role": "img" }, properties: { "attr.aria-label": "name()", "attr.data-type": "type()", "attr.data-size": "size()", "attr.data-curve": "resolvedCurve()", "attr.data-tone": "tone() ?? null", "attr.data-series": "series() ?? null" } }, exportAs: ["slSparkline"], ngImport: i0, template: `<svg
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlSparkline, isStandalone: true, selector: "[slSparkline]", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, curve: { classPropertyName: "curve", publicName: "curve", isSignal: true, isRequired: false, transformFunction: null }, area: { classPropertyName: "area", publicName: "area", isSignal: true, isRequired: false, transformFunction: null }, marker: { classPropertyName: "marker", publicName: "marker", isSignal: true, isRequired: false, transformFunction: null }, reference: { classPropertyName: "reference", publicName: "reference", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, series: { classPropertyName: "series", publicName: "series", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, formatOptions: { classPropertyName: "formatOptions", publicName: "formatOptions", isSignal: true, isRequired: false, transformFunction: null }, valueFormatter: { classPropertyName: "valueFormatter", publicName: "valueFormatter", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "sparkline", "data-ui-sparkline": "", "data-part": "root", "data-part-root": "", "role": "img" }, properties: { "attr.aria-label": "name()", "attr.data-type": "type()", "attr.data-size": "size()", "attr.data-curve": "resolvedCurve()", "attr.data-tone": "tone() ?? null", "attr.data-series": "series() ?? null", "attr.data-animate": "animate() ? '' : null" } }, exportAs: ["slSparkline"], ngImport: i0, template: `<svg
     data-part="plot"
+    data-part-plot=""
     aria-hidden="true"
     focusable="false"
     preserveAspectRatio="none"
     [attr.viewBox]="viewBox()"
   >
     @if (layout().area) {
-      <path data-part="area" [attr.d]="layout().area" />
+      <path data-part="area" data-part-area="" [attr.d]="layout().area" />
     }
     @if (layout().line) {
-      <path data-part="line" [attr.d]="layout().line" />
+      <path data-part="line" data-part-line="" [attr.d]="layout().line" />
     }
     @for (bar of layout().bars; track bar.index; let last = $last) {
-      <path data-part="bar" [attr.data-current]="last ? '' : null" [attr.d]="bar.path" />
+      <path
+        data-part="bar"
+        data-part-bar=""
+        [attr.data-current]="last ? '' : null"
+        [attr.d]="bar.path"
+      />
     }
     @if (layout().reference !== null) {
       <line
         data-part="reference"
+        data-part-reference=""
         x1="0"
         [attr.x2]="width()"
         [attr.y1]="layout().reference"
@@ -169,32 +186,39 @@ class SlSparkline {
       />
     }
     @if (markerPath()) {
-      <path data-part="ring" [attr.d]="markerPath()" />
-      <path data-part="marker" [attr.d]="markerPath()" />
+      <path data-part="ring" data-part-ring="" [attr.d]="markerPath()" />
+      <path data-part="marker" data-part-marker="" [attr.d]="markerPath()" />
     }
-  </svg>`, isInline: true, styles: ["@layer slotted.components{[data-ui=sparkline]{--_size: var(--slotted-sparkline-block-size, var(--slotted-space-9, 2rem));--_stroke: var(--slotted-sparkline-line-width, var(--slotted-border-width-thick, 2px));--_marker: var(--slotted-sparkline-marker-size, var(--slotted-space-3, .375rem));--_ring: var(--slotted-sparkline-ring-width, var(--slotted-border-width-thick, 2px));--_ring-color: var(--slotted-sparkline-ring-color, var(--slotted-surface-raised, Canvas));--_area-opacity: var(--slotted-sparkline-area-opacity, .18);--_bar-share: var(--slotted-sparkline-bar-share, 62%);--_bar-dim: color-mix( in oklab, var(--_color) var(--_bar-share), var(--slotted-border-strong, ButtonBorder) );--_reference-color: var( --slotted-sparkline-reference-color, var(--slotted-border-strong, ButtonBorder) );--_color: var(--slotted-sparkline-color, var(--slotted-data-1));block-size:var(--_size);box-sizing:border-box;display:inline-block;inline-size:100%;line-height:0;min-inline-size:0;vertical-align:middle}[data-ui=sparkline][data-size=sm]{--_size: var(--slotted-sparkline-block-size-sm, var(--slotted-space-7, 1.25rem));--_stroke: var(--slotted-sparkline-line-width-sm, var(--slotted-border-width-medium, 1.5px));--_marker: var(--slotted-sparkline-marker-size-sm, var(--slotted-space-2, .25rem));--_ring: var(--slotted-sparkline-ring-width-sm, var(--slotted-border-width-medium, 1.5px))}[data-ui=sparkline][data-size=lg]{--_size: var(--slotted-sparkline-block-size-lg, var(--slotted-space-11, 3rem));--_marker: var(--slotted-sparkline-marker-size-lg, var(--slotted-space-4, .5rem))}[data-ui=sparkline][data-series=\"1\"]{--_color: var(--slotted-data-1)}[data-ui=sparkline][data-series=\"2\"]{--_color: var(--slotted-data-2)}[data-ui=sparkline][data-series=\"3\"]{--_color: var(--slotted-data-3)}[data-ui=sparkline][data-series=\"4\"]{--_color: var(--slotted-data-4)}[data-ui=sparkline][data-series=\"5\"]{--_color: var(--slotted-data-5)}[data-ui=sparkline][data-series=\"6\"]{--_color: var(--slotted-data-6)}[data-ui=sparkline][data-series=\"7\"]{--_color: var(--slotted-data-7)}[data-ui=sparkline][data-series=\"8\"]{--_color: var(--slotted-data-8)}[data-ui=sparkline][data-tone=neutral]{--_color: var(--slotted-text-muted, GrayText)}[data-ui=sparkline][data-tone=accent]{--_color: var(--slotted-tone-accent-text)}[data-ui=sparkline][data-tone=secondary]{--_color: var(--slotted-tone-secondary-text)}[data-ui=sparkline][data-tone=success]{--_color: var(--slotted-tone-success-text)}[data-ui=sparkline][data-tone=warning]{--_color: var(--slotted-tone-warning-text)}[data-ui=sparkline][data-tone=danger]{--_color: var(--slotted-tone-danger-text)}[data-ui=sparkline] [data-part=plot]{block-size:100%;display:block;inline-size:100%;overflow:visible}[data-ui=sparkline] [data-part=area]{fill:var(--_color);fill-opacity:var(--_area-opacity);-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent);stroke:none;transition:d var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=sparkline] [data-part=line]{fill:none;stroke:var(--_color);stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--_stroke);transition:d var(--slotted-duration-medium) var(--slotted-easing-standard);vector-effect:non-scaling-stroke}[data-ui=sparkline] [data-part=bar]{fill:var(--_bar-dim);stroke:none;transition:d var(--slotted-duration-medium) var(--slotted-easing-standard),fill var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=sparkline] [data-part=bar][data-current]{fill:var(--_color)}[data-ui=sparkline] [data-part=reference]{fill:none;stroke:var(--_reference-color);stroke-dasharray:2 3;stroke-linecap:round;stroke-width:var(--slotted-border-width-thin, 1px);vector-effect:non-scaling-stroke}[data-ui=sparkline] [data-part=ring],[data-ui=sparkline] [data-part=marker]{fill:none;stroke-linecap:round;transition:d var(--slotted-duration-medium) var(--slotted-easing-standard);vector-effect:non-scaling-stroke}[data-ui=sparkline] [data-part=ring]{stroke:var(--_ring-color);stroke-width:calc(var(--_marker) + 2 * var(--_ring))}[data-ui=sparkline] [data-part=marker]{stroke:var(--_color);stroke-width:var(--_marker)}[data-ui=sparkline]:dir(rtl) [data-part=plot]{transform:scaleX(-1)}@media(forced-colors:active){[data-ui=sparkline] [data-part=area]{display:none}[data-ui=sparkline] [data-part=bar]{fill:GrayText}[data-ui=sparkline] [data-part=bar][data-current]{fill:CanvasText}[data-ui=sparkline] [data-part=ring]{stroke:Canvas}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+  </svg>`, isInline: true, styles: ["@layer slotted.components{[data-ui-sparkline]{--_size: var(--slotted-sparkline-block-size, var(--slotted-space-9, 2rem));--_stroke: var(--slotted-sparkline-line-width, var(--slotted-border-width-thick, 2px));--_marker: var(--slotted-sparkline-marker-size, var(--slotted-space-3, .375rem));--_ring: var(--slotted-sparkline-ring-width, var(--slotted-border-width-thick, 2px));--_ring-color: var(--slotted-sparkline-ring-color, var(--slotted-surface-raised, Canvas));--_area-opacity: var(--slotted-sparkline-area-opacity, .18);--_bar-share: var(--slotted-sparkline-bar-share, 62%);--_bar-dim: color-mix( in oklab, var(--_color) var(--_bar-share), var(--slotted-border-strong, ButtonBorder) );--_reference-color: var( --slotted-sparkline-reference-color, var(--slotted-border-strong, ButtonBorder) );--_color: var(--slotted-sparkline-color, var(--slotted-data-1));block-size:var(--_size);box-sizing:border-box;display:inline-block;inline-size:100%;line-height:0;min-inline-size:var(--slotted-sparkline-min-inline-size, 6rem);vertical-align:middle}[data-ui-sparkline][data-size=sm]{--_size: var(--slotted-sparkline-block-size-sm, var(--slotted-space-7, 1.25rem));--_stroke: var(--slotted-sparkline-line-width-sm, var(--slotted-border-width-medium, 1.5px));--_marker: var(--slotted-sparkline-marker-size-sm, var(--slotted-space-2, .25rem));--_ring: var(--slotted-sparkline-ring-width-sm, var(--slotted-border-width-medium, 1.5px))}[data-ui-sparkline][data-size=lg]{--_size: var(--slotted-sparkline-block-size-lg, var(--slotted-space-11, 3rem));--_marker: var(--slotted-sparkline-marker-size-lg, var(--slotted-space-4, .5rem))}[data-ui-sparkline][data-series=\"1\"]{--_color: var(--slotted-data-1)}[data-ui-sparkline][data-series=\"2\"]{--_color: var(--slotted-data-2)}[data-ui-sparkline][data-series=\"3\"]{--_color: var(--slotted-data-3)}[data-ui-sparkline][data-series=\"4\"]{--_color: var(--slotted-data-4)}[data-ui-sparkline][data-series=\"5\"]{--_color: var(--slotted-data-5)}[data-ui-sparkline][data-series=\"6\"]{--_color: var(--slotted-data-6)}[data-ui-sparkline][data-series=\"7\"]{--_color: var(--slotted-data-7)}[data-ui-sparkline][data-series=\"8\"]{--_color: var(--slotted-data-8)}[data-ui-sparkline][data-tone=neutral]{--_color: var(--slotted-text-muted, GrayText)}[data-ui-sparkline][data-tone=accent]{--_color: var(--slotted-tone-accent-text)}[data-ui-sparkline][data-tone=secondary]{--_color: var(--slotted-tone-secondary-text)}[data-ui-sparkline][data-tone=success]{--_color: var(--slotted-tone-success-text)}[data-ui-sparkline][data-tone=info]{--_color: var(--slotted-tone-info-text)}[data-ui-sparkline][data-tone=warning]{--_color: var(--slotted-tone-warning-text)}[data-ui-sparkline][data-tone=danger]{--_color: var(--slotted-tone-danger-text)}[data-ui-sparkline] [data-part-plot]{block-size:100%;display:block;inline-size:100%;overflow:visible}[data-ui-sparkline] [data-part-area]{fill:var(--_color);fill-opacity:var(--_area-opacity);-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent);stroke:none}[data-ui-sparkline] [data-part-line]{fill:none;stroke:var(--_color);stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--_stroke);vector-effect:non-scaling-stroke}[data-ui-sparkline] [data-part-bar]{fill:var(--_bar-dim);stroke:none;transition:fill var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui-sparkline] [data-part-bar][data-current]{fill:var(--_color)}[data-ui-sparkline] [data-part-reference]{fill:none;stroke:var(--_reference-color);stroke-dasharray:2 3;stroke-linecap:round;stroke-width:var(--slotted-border-width-thin, 1px);vector-effect:non-scaling-stroke}[data-ui-sparkline] [data-part-ring],[data-ui-sparkline] [data-part-marker]{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}@media(prefers-reduced-motion:no-preference){[data-ui-sparkline][data-animate] :is([data-part-area],[data-part-line],[data-part-ring],[data-part-marker]){transition:d var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-sparkline][data-animate] [data-part-bar]{transition:d var(--slotted-duration-medium) var(--slotted-easing-standard),fill var(--slotted-duration-short) var(--slotted-easing-standard)}}[data-ui-sparkline] [data-part-ring]{stroke:var(--_ring-color);stroke-width:calc(var(--_marker) + 2 * var(--_ring))}[data-ui-sparkline] [data-part-marker]{stroke:var(--_color);stroke-width:var(--_marker)}[data-ui-sparkline]:dir(rtl) [data-part-plot]{transform:scaleX(-1)}@media(forced-colors:active){[data-ui-sparkline] [data-part-area]{display:none}[data-ui-sparkline] [data-part-bar]{fill:GrayText}[data-ui-sparkline] [data-part-bar][data-current]{fill:CanvasText}[data-ui-sparkline] [data-part-ring]{stroke:Canvas}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSparkline, decorators: [{
             type: Component,
             args: [{ selector: '[slSparkline]', standalone: true, template: `<svg
     data-part="plot"
+    data-part-plot=""
     aria-hidden="true"
     focusable="false"
     preserveAspectRatio="none"
     [attr.viewBox]="viewBox()"
   >
     @if (layout().area) {
-      <path data-part="area" [attr.d]="layout().area" />
+      <path data-part="area" data-part-area="" [attr.d]="layout().area" />
     }
     @if (layout().line) {
-      <path data-part="line" [attr.d]="layout().line" />
+      <path data-part="line" data-part-line="" [attr.d]="layout().line" />
     }
     @for (bar of layout().bars; track bar.index; let last = $last) {
-      <path data-part="bar" [attr.data-current]="last ? '' : null" [attr.d]="bar.path" />
+      <path
+        data-part="bar"
+        data-part-bar=""
+        [attr.data-current]="last ? '' : null"
+        [attr.d]="bar.path"
+      />
     }
     @if (layout().reference !== null) {
       <line
         data-part="reference"
+        data-part-reference=""
         x1="0"
         [attr.x2]="width()"
         [attr.y1]="layout().reference"
@@ -202,12 +226,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       />
     }
     @if (markerPath()) {
-      <path data-part="ring" [attr.d]="markerPath()" />
-      <path data-part="marker" [attr.d]="markerPath()" />
+      <path data-part="ring" data-part-ring="" [attr.d]="markerPath()" />
+      <path data-part="marker" data-part-marker="" [attr.d]="markerPath()" />
     }
   </svg>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slSparkline', host: {
                         'data-ui': 'sparkline',
+                        'data-ui-sparkline': '',
                         'data-part': 'root',
+                        'data-part-root': '',
                         role: 'img',
                         '[attr.aria-label]': 'name()',
                         '[attr.data-type]': 'type()',
@@ -215,7 +241,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '[attr.data-curve]': 'resolvedCurve()',
                         '[attr.data-tone]': 'tone() ?? null',
                         '[attr.data-series]': 'series() ?? null',
-                    }, styles: ["@layer slotted.components{[data-ui=sparkline]{--_size: var(--slotted-sparkline-block-size, var(--slotted-space-9, 2rem));--_stroke: var(--slotted-sparkline-line-width, var(--slotted-border-width-thick, 2px));--_marker: var(--slotted-sparkline-marker-size, var(--slotted-space-3, .375rem));--_ring: var(--slotted-sparkline-ring-width, var(--slotted-border-width-thick, 2px));--_ring-color: var(--slotted-sparkline-ring-color, var(--slotted-surface-raised, Canvas));--_area-opacity: var(--slotted-sparkline-area-opacity, .18);--_bar-share: var(--slotted-sparkline-bar-share, 62%);--_bar-dim: color-mix( in oklab, var(--_color) var(--_bar-share), var(--slotted-border-strong, ButtonBorder) );--_reference-color: var( --slotted-sparkline-reference-color, var(--slotted-border-strong, ButtonBorder) );--_color: var(--slotted-sparkline-color, var(--slotted-data-1));block-size:var(--_size);box-sizing:border-box;display:inline-block;inline-size:100%;line-height:0;min-inline-size:0;vertical-align:middle}[data-ui=sparkline][data-size=sm]{--_size: var(--slotted-sparkline-block-size-sm, var(--slotted-space-7, 1.25rem));--_stroke: var(--slotted-sparkline-line-width-sm, var(--slotted-border-width-medium, 1.5px));--_marker: var(--slotted-sparkline-marker-size-sm, var(--slotted-space-2, .25rem));--_ring: var(--slotted-sparkline-ring-width-sm, var(--slotted-border-width-medium, 1.5px))}[data-ui=sparkline][data-size=lg]{--_size: var(--slotted-sparkline-block-size-lg, var(--slotted-space-11, 3rem));--_marker: var(--slotted-sparkline-marker-size-lg, var(--slotted-space-4, .5rem))}[data-ui=sparkline][data-series=\"1\"]{--_color: var(--slotted-data-1)}[data-ui=sparkline][data-series=\"2\"]{--_color: var(--slotted-data-2)}[data-ui=sparkline][data-series=\"3\"]{--_color: var(--slotted-data-3)}[data-ui=sparkline][data-series=\"4\"]{--_color: var(--slotted-data-4)}[data-ui=sparkline][data-series=\"5\"]{--_color: var(--slotted-data-5)}[data-ui=sparkline][data-series=\"6\"]{--_color: var(--slotted-data-6)}[data-ui=sparkline][data-series=\"7\"]{--_color: var(--slotted-data-7)}[data-ui=sparkline][data-series=\"8\"]{--_color: var(--slotted-data-8)}[data-ui=sparkline][data-tone=neutral]{--_color: var(--slotted-text-muted, GrayText)}[data-ui=sparkline][data-tone=accent]{--_color: var(--slotted-tone-accent-text)}[data-ui=sparkline][data-tone=secondary]{--_color: var(--slotted-tone-secondary-text)}[data-ui=sparkline][data-tone=success]{--_color: var(--slotted-tone-success-text)}[data-ui=sparkline][data-tone=warning]{--_color: var(--slotted-tone-warning-text)}[data-ui=sparkline][data-tone=danger]{--_color: var(--slotted-tone-danger-text)}[data-ui=sparkline] [data-part=plot]{block-size:100%;display:block;inline-size:100%;overflow:visible}[data-ui=sparkline] [data-part=area]{fill:var(--_color);fill-opacity:var(--_area-opacity);-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent);stroke:none;transition:d var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui=sparkline] [data-part=line]{fill:none;stroke:var(--_color);stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--_stroke);transition:d var(--slotted-duration-medium) var(--slotted-easing-standard);vector-effect:non-scaling-stroke}[data-ui=sparkline] [data-part=bar]{fill:var(--_bar-dim);stroke:none;transition:d var(--slotted-duration-medium) var(--slotted-easing-standard),fill var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=sparkline] [data-part=bar][data-current]{fill:var(--_color)}[data-ui=sparkline] [data-part=reference]{fill:none;stroke:var(--_reference-color);stroke-dasharray:2 3;stroke-linecap:round;stroke-width:var(--slotted-border-width-thin, 1px);vector-effect:non-scaling-stroke}[data-ui=sparkline] [data-part=ring],[data-ui=sparkline] [data-part=marker]{fill:none;stroke-linecap:round;transition:d var(--slotted-duration-medium) var(--slotted-easing-standard);vector-effect:non-scaling-stroke}[data-ui=sparkline] [data-part=ring]{stroke:var(--_ring-color);stroke-width:calc(var(--_marker) + 2 * var(--_ring))}[data-ui=sparkline] [data-part=marker]{stroke:var(--_color);stroke-width:var(--_marker)}[data-ui=sparkline]:dir(rtl) [data-part=plot]{transform:scaleX(-1)}@media(forced-colors:active){[data-ui=sparkline] [data-part=area]{display:none}[data-ui=sparkline] [data-part=bar]{fill:GrayText}[data-ui=sparkline] [data-part=bar][data-current]{fill:CanvasText}[data-ui=sparkline] [data-part=ring]{stroke:Canvas}}}\n"] }]
+                        '[attr.data-animate]': "animate() ? '' : null",
+                    }, styles: ["@layer slotted.components{[data-ui-sparkline]{--_size: var(--slotted-sparkline-block-size, var(--slotted-space-9, 2rem));--_stroke: var(--slotted-sparkline-line-width, var(--slotted-border-width-thick, 2px));--_marker: var(--slotted-sparkline-marker-size, var(--slotted-space-3, .375rem));--_ring: var(--slotted-sparkline-ring-width, var(--slotted-border-width-thick, 2px));--_ring-color: var(--slotted-sparkline-ring-color, var(--slotted-surface-raised, Canvas));--_area-opacity: var(--slotted-sparkline-area-opacity, .18);--_bar-share: var(--slotted-sparkline-bar-share, 62%);--_bar-dim: color-mix( in oklab, var(--_color) var(--_bar-share), var(--slotted-border-strong, ButtonBorder) );--_reference-color: var( --slotted-sparkline-reference-color, var(--slotted-border-strong, ButtonBorder) );--_color: var(--slotted-sparkline-color, var(--slotted-data-1));block-size:var(--_size);box-sizing:border-box;display:inline-block;inline-size:100%;line-height:0;min-inline-size:var(--slotted-sparkline-min-inline-size, 6rem);vertical-align:middle}[data-ui-sparkline][data-size=sm]{--_size: var(--slotted-sparkline-block-size-sm, var(--slotted-space-7, 1.25rem));--_stroke: var(--slotted-sparkline-line-width-sm, var(--slotted-border-width-medium, 1.5px));--_marker: var(--slotted-sparkline-marker-size-sm, var(--slotted-space-2, .25rem));--_ring: var(--slotted-sparkline-ring-width-sm, var(--slotted-border-width-medium, 1.5px))}[data-ui-sparkline][data-size=lg]{--_size: var(--slotted-sparkline-block-size-lg, var(--slotted-space-11, 3rem));--_marker: var(--slotted-sparkline-marker-size-lg, var(--slotted-space-4, .5rem))}[data-ui-sparkline][data-series=\"1\"]{--_color: var(--slotted-data-1)}[data-ui-sparkline][data-series=\"2\"]{--_color: var(--slotted-data-2)}[data-ui-sparkline][data-series=\"3\"]{--_color: var(--slotted-data-3)}[data-ui-sparkline][data-series=\"4\"]{--_color: var(--slotted-data-4)}[data-ui-sparkline][data-series=\"5\"]{--_color: var(--slotted-data-5)}[data-ui-sparkline][data-series=\"6\"]{--_color: var(--slotted-data-6)}[data-ui-sparkline][data-series=\"7\"]{--_color: var(--slotted-data-7)}[data-ui-sparkline][data-series=\"8\"]{--_color: var(--slotted-data-8)}[data-ui-sparkline][data-tone=neutral]{--_color: var(--slotted-text-muted, GrayText)}[data-ui-sparkline][data-tone=accent]{--_color: var(--slotted-tone-accent-text)}[data-ui-sparkline][data-tone=secondary]{--_color: var(--slotted-tone-secondary-text)}[data-ui-sparkline][data-tone=success]{--_color: var(--slotted-tone-success-text)}[data-ui-sparkline][data-tone=info]{--_color: var(--slotted-tone-info-text)}[data-ui-sparkline][data-tone=warning]{--_color: var(--slotted-tone-warning-text)}[data-ui-sparkline][data-tone=danger]{--_color: var(--slotted-tone-danger-text)}[data-ui-sparkline] [data-part-plot]{block-size:100%;display:block;inline-size:100%;overflow:visible}[data-ui-sparkline] [data-part-area]{fill:var(--_color);fill-opacity:var(--_area-opacity);-webkit-mask-image:linear-gradient(to bottom,black,transparent);mask-image:linear-gradient(to bottom,black,transparent);stroke:none}[data-ui-sparkline] [data-part-line]{fill:none;stroke:var(--_color);stroke-linecap:round;stroke-linejoin:round;stroke-width:var(--_stroke);vector-effect:non-scaling-stroke}[data-ui-sparkline] [data-part-bar]{fill:var(--_bar-dim);stroke:none;transition:fill var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui-sparkline] [data-part-bar][data-current]{fill:var(--_color)}[data-ui-sparkline] [data-part-reference]{fill:none;stroke:var(--_reference-color);stroke-dasharray:2 3;stroke-linecap:round;stroke-width:var(--slotted-border-width-thin, 1px);vector-effect:non-scaling-stroke}[data-ui-sparkline] [data-part-ring],[data-ui-sparkline] [data-part-marker]{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}@media(prefers-reduced-motion:no-preference){[data-ui-sparkline][data-animate] :is([data-part-area],[data-part-line],[data-part-ring],[data-part-marker]){transition:d var(--slotted-duration-medium) var(--slotted-easing-standard)}[data-ui-sparkline][data-animate] [data-part-bar]{transition:d var(--slotted-duration-medium) var(--slotted-easing-standard),fill var(--slotted-duration-short) var(--slotted-easing-standard)}}[data-ui-sparkline] [data-part-ring]{stroke:var(--_ring-color);stroke-width:calc(var(--_marker) + 2 * var(--_ring))}[data-ui-sparkline] [data-part-marker]{stroke:var(--_color);stroke-width:var(--_marker)}[data-ui-sparkline]:dir(rtl) [data-part-plot]{transform:scaleX(-1)}@media(forced-colors:active){[data-ui-sparkline] [data-part-area]{display:none}[data-ui-sparkline] [data-part-bar]{fill:GrayText}[data-ui-sparkline] [data-part-bar][data-current]{fill:CanvasText}[data-ui-sparkline] [data-part-ring]{stroke:Canvas}}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], curve: [{ type: i0.Input, args: [{ isSignal: true, alias: "curve", required: false }] }], area: [{ type: i0.Input, args: [{ isSignal: true, alias: "area", required: false }] }], marker: [{ type: i0.Input, args: [{ isSignal: true, alias: "marker", required: false }] }], reference: [{ type: i0.Input, args: [{ isSignal: true, alias: "reference", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], series: [{ type: i0.Input, args: [{ isSignal: true, alias: "series", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], formatOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatOptions", required: false }] }], valueFormatter: [{ type: i0.Input, args: [{ isSignal: true, alias: "valueFormatter", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }] } });
 /** Absence has to survive the transform: an unset input defers to the defaults. */
 function optionalBoolean(value) {

package/fesm2022/slotted-angular-sparkline.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"slotted-angular-sparkline.mjs","sources":["../../sparkline/src/sparkline-defaults.ts","../../sparkline/src/sparkline.constants.ts","../../sparkline/src/sparkline.ts","../../sparkline/src/slotted-angular-sparkline.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\n\nimport type { SparklineCurve } from './sparkline.constants';\n\n/**\n * What every sparkline in an application does before any of them states\n * anything of its own: how a number is read out, whether a line is smoothed,\n * washed and marked. Its words and locale come from the language in force\n * (`provideSlotted`).\n */\nexport interface SparklineDefaults {\n  area?: boolean;\n  curve?: SparklineCurve;\n  formatOptions?: Intl.NumberFormatOptions;\n  marker?: boolean;\n}\n\nexport const SPARKLINE_DEFAULTS_TOKEN = new InjectionToken<SparklineDefaults>(\n  'slotted sparkline defaults',\n  { providedIn: 'root', factory: (): SparklineDefaults => ({}) },\n);\n\n/**\n * An application decides once how its sparklines are drawn and read out, and\n * every sparkline inherits it. A sparkline that states any of those still\n * wins: an explicit input is never overridden by the token.\n */\nexport function provideSparklineDefaults(defaults: SparklineDefaults) {\n  return { provide: SPARKLINE_DEFAULTS_TOKEN, useValue: defaults };\n}\n\nexport function injectSparklineDefaults(): SparklineDefaults {\n  return inject(SPARKLINE_DEFAULTS_TOKEN);\n}\n","export type SparklineType = 'line' | 'bar';\nexport type SparklineSize = 'sm' | 'md' | 'lg';\nexport type SparklineCurve = 'linear' | 'monotone';\nexport type SparklineTone = 'neutral' | 'accent' | 'secondary' | 'success' | 'warning' | 'danger';\nexport type SparklineSeries = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\n\n/** The bar's corner and the space between two bars, in pixels; the stylesheet's geometry. */\nexport const SPARKLINE_BAR_GAP = 2;\nexport const SPARKLINE_BAR_RADIUS = 2;\n","import {\n  afterNextRender,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  HostAttributeToken,\n  inject,\n  input,\n  numberAttribute,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { injectLocale, injectMessages } from '@slotted/angular/i18n';\nimport {\n  type PartialMessages,\n  sparklineMessages,\n  type SparklineMessages,\n} from '@slotted/core/i18n';\nimport {\n  describeSparkline,\n  layoutSparkline,\n  observeSparklineBox,\n  SPARKLINE_STEPS,\n  sparklineInset,\n} from '@slotted/core/sparkline';\nimport type { SparklineBox, SparklineDatum } from '@slotted/core/sparkline';\n\nimport { injectSparklineDefaults } from './sparkline-defaults';\nimport {\n  SPARKLINE_BAR_GAP,\n  SPARKLINE_BAR_RADIUS,\n  type SparklineCurve,\n  type SparklineSeries,\n  type SparklineSize,\n  type SparklineTone,\n  type SparklineType,\n} from './sparkline.constants';\n\n/**\n * A series of numbers drawn in a box: a line through them or a bar per\n * period, a disc on the last point, a dashed line at a reference. The\n * geometry is `@slotted/core/sparkline`'s and the paint is the stylesheet's;\n * what this binding decides is when to measure and what to say.\n *\n * The box is measured after the first render, so the first browser paint is\n * on the real grid; on the server the drawing is laid out on the nominal\n * grid of its size step and stretched to the box, where\n * `vector-effect: non-scaling-stroke` keeps every stroke and both discs at\n * their screen size. The host is `role=\"img\"` with the generated description\n * as its name — an `aria-label` the consumer wrote on the element wins — and\n * the `svg` is hidden: a drawing with no interaction is an image.\n */\n@Component({\n  selector: '[slSparkline]',\n  standalone: true,\n  template: `<svg\n    data-part=\"plot\"\n    aria-hidden=\"true\"\n    focusable=\"false\"\n    preserveAspectRatio=\"none\"\n    [attr.viewBox]=\"viewBox()\"\n  >\n    @if (layout().area) {\n      <path data-part=\"area\" [attr.d]=\"layout().area\" />\n    }\n    @if (layout().line) {\n      <path data-part=\"line\" [attr.d]=\"layout().line\" />\n    }\n    @for (bar of layout().bars; track bar.index; let last = $last) {\n      <path data-part=\"bar\" [attr.data-current]=\"last ? '' : null\" [attr.d]=\"bar.path\" />\n    }\n    @if (layout().reference !== null) {\n      <line\n        data-part=\"reference\"\n        x1=\"0\"\n        [attr.x2]=\"width()\"\n        [attr.y1]=\"layout().reference\"\n        [attr.y2]=\"layout().reference\"\n      />\n    }\n    @if (markerPath()) {\n      <path data-part=\"ring\" [attr.d]=\"markerPath()\" />\n      <path data-part=\"marker\" [attr.d]=\"markerPath()\" />\n    }\n  </svg>`,\n  styleUrl: '../../../styles/src/sparkline/sparkline.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  exportAs: 'slSparkline',\n  host: {\n    'data-ui': 'sparkline',\n    'data-part': 'root',\n    role: 'img',\n    '[attr.aria-label]': 'name()',\n    '[attr.data-type]': 'type()',\n    '[attr.data-size]': 'size()',\n    '[attr.data-curve]': 'resolvedCurve()',\n    '[attr.data-tone]': 'tone() ?? null',\n    '[attr.data-series]': 'series() ?? null',\n  },\n})\nexport class SlSparkline {\n  /** The series, oldest first. `null` is a gap: the line breaks, the bar is not drawn. */\n  readonly data = input<readonly SparklineDatum[]>([]);\n  readonly type = input<SparklineType>('line');\n  readonly size = input<SparklineSize>('md');\n  /** Straight segments, or a monotone curve that never overshoots a point. */\n  readonly curve = input<SparklineCurve | undefined>(undefined);\n  /** The wash under a line. */\n  readonly area = input<boolean | undefined, unknown>(undefined, { transform: optionalBoolean });\n  /** A disc on the last real point. */\n  readonly marker = input<boolean | undefined, unknown>(undefined, { transform: optionalBoolean });\n  /** A dashed line at this value, which widens the extent to hold it. */\n  readonly reference = input<number | undefined, unknown>(undefined, { transform: optionalNumber });\n  /** The extent, when the data's own is not the one to draw. The data widens it, never narrows it. */\n  readonly min = input<number | undefined, unknown>(undefined, { transform: optionalNumber });\n  readonly max = input<number | undefined, unknown>(undefined, { transform: optionalNumber });\n  /** How the series is doing. Wins over `series`. */\n  readonly tone = input<SparklineTone | undefined>(undefined);\n  /** Which series this is, as a slot of the data scale. */\n  readonly series = input<SparklineSeries | undefined>(undefined);\n  /** What the series is, said first in the description. */\n  readonly label = input<string | undefined>(undefined);\n  /** The whole accessible name, replacing the generated description. */\n  readonly description = input<string | undefined>(undefined);\n  readonly formatOptions = input<Intl.NumberFormatOptions | undefined>(undefined);\n  readonly valueFormatter = input<((value: number) => string) | undefined>(undefined);\n  /** The locale numbers are written in; the language in force when absent. */\n  readonly locale = input<string | undefined>(undefined);\n  /** Words laid over the catalog of the language in force, key by key: the description's sentences. */\n  readonly messages = input<PartialMessages<SparklineMessages> | undefined>(undefined);\n\n  private readonly defaults = injectSparklineDefaults();\n  private readonly host: HTMLElement = inject(ElementRef).nativeElement;\n  /** An `aria-label` the consumer wrote on their own element, which wins. */\n  private readonly ownLabel = inject(new HostAttributeToken('aria-label'), { optional: true });\n  private readonly box = signal<SparklineBox | null>(null);\n\n  readonly resolvedCurve = computed(() => this.curve() ?? this.defaults.curve ?? 'linear');\n  readonly resolvedArea = computed(() => this.area() ?? this.defaults.area ?? false);\n  readonly resolvedMarker = computed(() => this.marker() ?? this.defaults.marker ?? true);\n  /** The family's words in the language in force, with this sparkline's `messages` laid over them. */\n  readonly t = injectMessages(sparklineMessages, this.messages);\n  private readonly appLocale = injectLocale();\n\n  readonly width = computed(() => this.box()?.width || SPARKLINE_STEPS[this.size()].width);\n  readonly height = computed(() => this.box()?.height || SPARKLINE_STEPS[this.size()].height);\n  readonly viewBox = computed(() => `0 0 ${this.width()} ${this.height()}`);\n\n  readonly layout = computed(() =>\n    layoutSparkline({\n      data: this.data(),\n      width: this.width(),\n      height: this.height(),\n      inset: sparklineInset(this.size(), this.type(), this.resolvedMarker()),\n      type: this.type(),\n      curve: this.resolvedCurve(),\n      area: this.resolvedArea(),\n      min: this.min(),\n      max: this.max(),\n      reference: this.reference(),\n      gap: SPARKLINE_BAR_GAP,\n      radius: SPARKLINE_BAR_RADIUS,\n    }),\n  );\n\n  readonly markerPath = computed(() => {\n    const marker = this.layout().marker;\n    if (!this.resolvedMarker() || this.type() !== 'line' || marker === null) return null;\n    return `M${marker.x} ${marker.y}h0.001`;\n  });\n\n  readonly name = computed(() => {\n    if (this.ownLabel) return this.ownLabel;\n    const description = this.description();\n    if (description !== undefined) return description;\n    const own = this.valueFormatter();\n    const formatter = new Intl.NumberFormat(\n      this.locale() ?? this.appLocale(),\n      this.formatOptions() ?? this.defaults.formatOptions,\n    );\n    return describeSparkline(this.data(), {\n      t: this.t,\n      format: own ?? ((value) => formatter.format(value)),\n      label: this.label(),\n    });\n  });\n\n  constructor() {\n    const destroyRef = inject(DestroyRef);\n    afterNextRender(() => {\n      const handle = observeSparklineBox(this.host, (box) => this.box.set(box));\n      destroyRef.onDestroy(() => handle.destroy());\n    });\n  }\n}\n\n/** Absence has to survive the transform: an unset input defers to the defaults. */\nexport function optionalBoolean(value: unknown): boolean | undefined {\n  return value === undefined ? undefined : booleanAttribute(value);\n}\n\nexport function optionalNumber(value: unknown): number | undefined {\n  if (value === undefined || value === null || value === '') return undefined;\n  return numberAttribute(value);\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":"slotted-angular-sparkline.mjs","sources":["../../sparkline/src/sparkline-defaults.ts","../../sparkline/src/sparkline.constants.ts","../../sparkline/src/sparkline.ts","../../sparkline/src/slotted-angular-sparkline.ts"],"sourcesContent":["import { inject, InjectionToken } from '@angular/core';\n\nimport type { SparklineCurve } from './sparkline.constants';\n\n/**\n * What every sparkline in an application does before any of them states\n * anything of its own: how a number is read out, whether a line is smoothed,\n * washed and marked. Its words and locale come from the language in force\n * (`provideSlotted`).\n */\nexport interface SparklineDefaults {\n  area?: boolean;\n  curve?: SparklineCurve;\n  formatOptions?: Intl.NumberFormatOptions;\n  marker?: boolean;\n}\n\nexport const SPARKLINE_DEFAULTS_TOKEN = new InjectionToken<SparklineDefaults>(\n  'slotted sparkline defaults',\n  { providedIn: 'root', factory: (): SparklineDefaults => ({}) },\n);\n\n/**\n * An application decides once how its sparklines are drawn and read out, and\n * every sparkline inherits it. A sparkline that states any of those still\n * wins: an explicit input is never overridden by the token.\n */\nexport function provideSparklineDefaults(defaults: SparklineDefaults) {\n  return { provide: SPARKLINE_DEFAULTS_TOKEN, useValue: defaults };\n}\n\nexport function injectSparklineDefaults(): SparklineDefaults {\n  return inject(SPARKLINE_DEFAULTS_TOKEN);\n}\n","export type SparklineType = 'line' | 'bar';\nexport type SparklineSize = 'sm' | 'md' | 'lg';\nexport type SparklineCurve = 'linear' | 'monotone';\nexport type SparklineTone =\n  'neutral' | 'accent' | 'secondary' | 'info' | 'success' | 'warning' | 'danger';\nexport type SparklineSeries = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8;\n\n/** The bar's corner and the space between two bars, in pixels; the stylesheet's geometry. */\nexport const SPARKLINE_BAR_GAP = 2;\nexport const SPARKLINE_BAR_RADIUS = 2;\n","import {\n  afterNextRender,\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  ElementRef,\n  HostAttributeToken,\n  inject,\n  input,\n  linkedSignal,\n  numberAttribute,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { injectLocale, injectMessages } from '@slotted/angular/i18n';\nimport {\n  type PartialMessages,\n  sparklineMessages,\n  type SparklineMessages,\n} from '@slotted/core/i18n';\nimport {\n  describeSparkline,\n  layoutSparkline,\n  observeSparklineBox,\n  SPARKLINE_STEPS,\n  sparklineInset,\n} from '@slotted/core/sparkline';\nimport type { SparklineBox, SparklineDatum } from '@slotted/core/sparkline';\n\nimport { injectSparklineDefaults } from './sparkline-defaults';\nimport {\n  SPARKLINE_BAR_GAP,\n  SPARKLINE_BAR_RADIUS,\n  type SparklineCurve,\n  type SparklineSeries,\n  type SparklineSize,\n  type SparklineTone,\n  type SparklineType,\n} from './sparkline.constants';\n\n/**\n * A series of numbers drawn in a box: a line through them or a bar per\n * period, a disc on the last point, a dashed line at a reference. The\n * geometry is `@slotted/core/sparkline`'s and the paint is the stylesheet's;\n * what this binding decides is when to measure and what to say.\n *\n * The box is measured after the first render, so the first browser paint is\n * on the real grid; on the server the drawing is laid out on the nominal\n * grid of its size step and stretched to the box, where\n * `vector-effect: non-scaling-stroke` keeps every stroke and both discs at\n * their screen size. The host is `role=\"img\"` with the generated description\n * as its name — an `aria-label` the consumer wrote on the element wins — and\n * the `svg` is hidden: a drawing with no interaction is an image.\n */\n@Component({\n  selector: '[slSparkline]',\n  standalone: true,\n  template: `<svg\n    data-part=\"plot\"\n    data-part-plot=\"\"\n    aria-hidden=\"true\"\n    focusable=\"false\"\n    preserveAspectRatio=\"none\"\n    [attr.viewBox]=\"viewBox()\"\n  >\n    @if (layout().area) {\n      <path data-part=\"area\" data-part-area=\"\" [attr.d]=\"layout().area\" />\n    }\n    @if (layout().line) {\n      <path data-part=\"line\" data-part-line=\"\" [attr.d]=\"layout().line\" />\n    }\n    @for (bar of layout().bars; track bar.index; let last = $last) {\n      <path\n        data-part=\"bar\"\n        data-part-bar=\"\"\n        [attr.data-current]=\"last ? '' : null\"\n        [attr.d]=\"bar.path\"\n      />\n    }\n    @if (layout().reference !== null) {\n      <line\n        data-part=\"reference\"\n        data-part-reference=\"\"\n        x1=\"0\"\n        [attr.x2]=\"width()\"\n        [attr.y1]=\"layout().reference\"\n        [attr.y2]=\"layout().reference\"\n      />\n    }\n    @if (markerPath()) {\n      <path data-part=\"ring\" data-part-ring=\"\" [attr.d]=\"markerPath()\" />\n      <path data-part=\"marker\" data-part-marker=\"\" [attr.d]=\"markerPath()\" />\n    }\n  </svg>`,\n  styleUrl: '../../../styles/src/sparkline/sparkline.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  exportAs: 'slSparkline',\n  host: {\n    'data-ui': 'sparkline',\n    'data-ui-sparkline': '',\n    'data-part': 'root',\n    'data-part-root': '',\n    role: 'img',\n    '[attr.aria-label]': 'name()',\n    '[attr.data-type]': 'type()',\n    '[attr.data-size]': 'size()',\n    '[attr.data-curve]': 'resolvedCurve()',\n    '[attr.data-tone]': 'tone() ?? null',\n    '[attr.data-series]': 'series() ?? null',\n    '[attr.data-animate]': \"animate() ? '' : null\",\n  },\n})\nexport class SlSparkline {\n  /** The series, oldest first. `null` is a gap: the line breaks, the bar is not drawn. */\n  readonly data = input<readonly SparklineDatum[]>([]);\n  readonly type = input<SparklineType>('line');\n  readonly size = input<SparklineSize>('md');\n  /** Straight segments, or a monotone curve that never overshoots a point. */\n  readonly curve = input<SparklineCurve | undefined>(undefined);\n  /** The wash under a line. */\n  readonly area = input<boolean | undefined, unknown>(undefined, { transform: optionalBoolean });\n  /** A disc on the last real point. */\n  readonly marker = input<boolean | undefined, unknown>(undefined, { transform: optionalBoolean });\n  /** A dashed line at this value, which widens the extent to hold it. */\n  readonly reference = input<number | undefined, unknown>(undefined, { transform: optionalNumber });\n  /** The extent, when the data's own is not the one to draw. The data widens it, never narrows it. */\n  readonly min = input<number | undefined, unknown>(undefined, { transform: optionalNumber });\n  readonly max = input<number | undefined, unknown>(undefined, { transform: optionalNumber });\n  /** How the series is doing. Wins over `series`. */\n  readonly tone = input<SparklineTone | undefined>(undefined);\n  /** Which series this is, as a slot of the data scale. */\n  readonly series = input<SparklineSeries | undefined>(undefined);\n  /** What the series is, said first in the description. */\n  readonly label = input<string | undefined>(undefined);\n  /** The whole accessible name, replacing the generated description. */\n  readonly description = input<string | undefined>(undefined);\n  readonly formatOptions = input<Intl.NumberFormatOptions | undefined>(undefined);\n  readonly valueFormatter = input<((value: number) => string) | undefined>(undefined);\n  /** The locale numbers are written in; the language in force when absent. */\n  readonly locale = input<string | undefined>(undefined);\n  /** Words laid over the catalog of the language in force, key by key: the description's sentences. */\n  readonly messages = input<PartialMessages<SparklineMessages> | undefined>(undefined);\n\n  private readonly defaults = injectSparklineDefaults();\n  private readonly host: HTMLElement = inject(ElementRef).nativeElement;\n  /** An `aria-label` the consumer wrote on their own element, which wins. */\n  private readonly ownLabel = inject(new HostAttributeToken('aria-label'), { optional: true });\n  private readonly box = signal<SparklineBox | null>(null);\n\n  readonly resolvedCurve = computed(() => this.curve() ?? this.defaults.curve ?? 'linear');\n  readonly resolvedArea = computed(() => this.area() ?? this.defaults.area ?? false);\n  readonly resolvedMarker = computed(() => this.marker() ?? this.defaults.marker ?? true);\n  /** The family's words in the language in force, with this sparkline's `messages` laid over them. */\n  readonly t = injectMessages(sparklineMessages, this.messages);\n  private readonly appLocale = injectLocale();\n\n  readonly width = computed(() => this.box()?.width || SPARKLINE_STEPS[this.size()].width);\n  readonly height = computed(() => this.box()?.height || SPARKLINE_STEPS[this.size()].height);\n  readonly viewBox = computed(() => `0 0 ${this.width()} ${this.height()}`);\n  /**\n   * Only a change of `data` animates the marks. A box that settles after the\n   * first render — a table cell sizing its column — redraws at once: a path\n   * that eased to the new width read as the series growing.\n   */\n  readonly animate = linkedSignal<\n    { data: readonly SparklineDatum[]; width: number; height: number },\n    boolean\n  >({\n    source: () => ({ data: this.data(), width: this.width(), height: this.height() }),\n    computation: (now, previous) =>\n      previous !== undefined &&\n      previous.source.data !== now.data &&\n      previous.source.width === now.width &&\n      previous.source.height === now.height,\n  });\n\n  readonly layout = computed(() =>\n    layoutSparkline({\n      data: this.data(),\n      width: this.width(),\n      height: this.height(),\n      inset: sparklineInset(this.size(), this.type(), this.resolvedMarker()),\n      type: this.type(),\n      curve: this.resolvedCurve(),\n      area: this.resolvedArea(),\n      min: this.min(),\n      max: this.max(),\n      reference: this.reference(),\n      gap: SPARKLINE_BAR_GAP,\n      radius: SPARKLINE_BAR_RADIUS,\n    }),\n  );\n\n  readonly markerPath = computed(() => {\n    const marker = this.layout().marker;\n    if (!this.resolvedMarker() || this.type() !== 'line' || marker === null) return null;\n    return `M${marker.x} ${marker.y}h0.001`;\n  });\n\n  readonly name = computed(() => {\n    if (this.ownLabel) return this.ownLabel;\n    const description = this.description();\n    if (description !== undefined) return description;\n    const own = this.valueFormatter();\n    const formatter = new Intl.NumberFormat(\n      this.locale() ?? this.appLocale(),\n      this.formatOptions() ?? this.defaults.formatOptions,\n    );\n    return describeSparkline(this.data(), {\n      t: this.t,\n      format: own ?? ((value) => formatter.format(value)),\n      label: this.label(),\n    });\n  });\n\n  constructor() {\n    const destroyRef = inject(DestroyRef);\n    afterNextRender(() => {\n      const handle = observeSparklineBox(this.host, (box) => this.box.set(box));\n      destroyRef.onDestroy(() => handle.destroy());\n    });\n  }\n}\n\n/** Absence has to survive the transform: an unset input defers to the defaults. */\nexport function optionalBoolean(value: unknown): boolean | undefined {\n  return value === undefined ? undefined : booleanAttribute(value);\n}\n\nexport function optionalNumber(value: unknown): number | undefined {\n  if (value === undefined || value === null || value === '') return undefined;\n  return numberAttribute(value);\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}