@slotted/angular 0.0.0-stage → 0.1.0-beta.1

package/fesm2022/slotted-angular-chart.mjs

@@ -0,0 +1,974 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, TemplateRef, Directive, Injectable, input, booleanAttribute, model, output, contentChild, ElementRef, DestroyRef, viewChild, signal, computed, afterNextRender, effect, untracked, afterRenderEffect, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { injectMessages, injectLocale } from '@slotted/angular/i18n';
+import { SlGlyph, SlIcon } from '@slotted/angular/icon';
+import { FULL_ZOOM, trackModality, createLatestAnnouncer, createChartModel, defaultTrigger, isDrawn, describeChart, chartTable, readChartTheme, sameTheme, observeChartTheme, placeTooltip, seriesOf, categoryIndex, tooltipContext, TOOLTIP_DOCK_WIDTH, toggleHidden, placeLayer, chartToCsv, describeZoom, isFullZoom, chartKeyAction, describePoint, firstPoint } from '@slotted/core/chart';
+import { chartMessages } from '@slotted/core/i18n';
+import { mountChartEngine } from '@slotted/core/chart-echarts';
+export { preloadChartEngine } from '@slotted/core/chart-echarts';
+import { getLiveAnnouncer } from '@slotted/core/live-announcer';
+import { collapseState } from '@slotted/core/overflow';
+import { createControllable } from '@slotted/core/state';
+
+const CHART_DEFAULTS_TOKEN = new InjectionToken('slotted chart defaults', {
+    providedIn: 'root',
+    factory: () => ({}),
+});
+/**
+ * An application decides once how its charts look — the tile or the plain
+ * form, the palette, the toolbar — and every chart inherits the decision. A
+ * chart that states any of them still wins: an explicit input is never
+ * overridden by the token. The words and the locale come from the language in
+ * force (`provideSlotted`).
+ */
+function provideChartDefaults(defaults) {
+    return { provide: CHART_DEFAULTS_TOKEN, useValue: defaults };
+}
+function injectChartDefaults() {
+    return inject(CHART_DEFAULTS_TOKEN);
+}
+
+/** Replaces the tooltip's content. The box, its place and its timing stay the chart's. */
+class SlChartTooltip {
+    template = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlChartTooltip, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlChartTooltip, isStandalone: true, selector: "ng-template[slChartTooltip]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlChartTooltip, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[slChartTooltip]', standalone: true }]
+        }] });
+/**
+ * Replaces what one legend item holds. The item — a toggle with its pressed
+ * state, its colour and its place in the roving tab stop — stays the chart's.
+ */
+class SlChartLegendItem {
+    template = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlChartLegendItem, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlChartLegendItem, isStandalone: true, selector: "ng-template[slChartLegendItem]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlChartLegendItem, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[slChartLegendItem]', standalone: true }]
+        }] });
+/** Replaces the words in a donut's centre. */
+class SlChartCenter {
+    template = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlChartCenter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlChartCenter, isStandalone: true, selector: "ng-template[slChartCenter]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlChartCenter, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[slChartCenter]', standalone: true }]
+        }] });
+/** Replaces the empty plot: `no-data`, or `all-hidden`. */
+class SlChartEmpty {
+    template = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlChartEmpty, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlChartEmpty, isStandalone: true, selector: "ng-template[slChartEmpty]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlChartEmpty, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[slChartEmpty]', standalone: true }]
+        }] });
+/** Replaces the failed plot. */
+class SlChartError {
+    template = inject(TemplateRef);
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlChartError, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlChartError, isStandalone: true, selector: "ng-template[slChartError]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlChartError, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[slChartError]', standalone: true }]
+        }] });
+
+/**
+ * The engine a chart mounts. `@slotted/core/chart-echarts` by default; a test
+ * provides a recording one, and an application could provide another that
+ * answers the same three calls.
+ */
+const CHART_ENGINE = new InjectionToken('slotted chart engine', {
+    providedIn: 'root',
+    factory: () => mountChartEngine,
+});
+/** Unique ids for the chart's parts, stable across a server render. */
+class SlChartIdFactory {
+    count = 0;
+    next() {
+        this.count += 1;
+        return `sl-chart-${this.count}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlChartIdFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlChartIdFactory, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlChartIdFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+const NO_OVERLAY = { crosshair: null, markers: [], tooltip: null, docked: false };
+const samePoint = (a, b) => a === b || (a !== null && b !== null && a.series === b.series && a.key === b.key);
+const sameList = (a, b) => a.length === b.length && a.every((value, index) => value === b[index]);
+const sameZoom = (a, b) => a.start === b.start && a.end === b.end;
+function lastDrawn(values) {
+    for (let index = values.length - 1; index >= 0; index -= 1)
+        if (values[index] !== null)
+            return index;
+    return -1;
+}
+function focusVisible(element) {
+    try {
+        return element.matches(':focus-visible');
+    }
+    catch {
+        return false;
+    }
+}
+/**
+ * A figure: a caption that names it, a toolbar of its own controls, a legend
+ * of toggles, and a plot the engine draws marks into and the family draws
+ * every interaction over. The engine is ECharts, loaded on demand by
+ * `@slotted/core/chart-echarts`, one chunk per kind; everything a reader
+ * operates is this component's template.
+ *
+ * Each mutable value is a `model()` — two-way, so a template binds it with
+ * `[(hidden)]` — and each move is first asked through a `*ChangeRequest`
+ * output carrying the reason and the event, which a handler may cancel. The
+ * model, the keyboard, the text alternatives and the theme are
+ * `@slotted/core/chart`'s, shared with the React binding.
+ */
+class SlChart {
+    /* ── What is drawn ─────────────────────────────────────────────────── */
+    data = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "data" }] : /* istanbul ignore next */ []));
+    series = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "series" }] : /* istanbul ignore next */ []));
+    x = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "x" }] : /* istanbul ignore next */ []));
+    y = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "y" }] : /* istanbul ignore next */ []));
+    orientation = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    stackMode = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "stackMode" }] : /* istanbul ignore next */ []));
+    annotations = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "annotations" }] : /* istanbul ignore next */ []));
+    recordKey = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "recordKey" }] : /* istanbul ignore next */ []));
+    locale = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    /* ── The words around it ───────────────────────────────────────────── */
+    /** The chart's name: the caption, and the plot's accessible name. The host's native tooltip is removed. */
+    title = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+    description = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "description" }] : /* istanbul ignore next */ []));
+    /** A note behind an information control beside the title. */
+    help = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "help" }] : /* istanbul ignore next */ []));
+    /**
+     * Words laid over the catalog of the language in force, key by key: the
+     * toolbar, the legend, the states and the sentences a screen reader hears.
+     */
+    messages = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+    /* ── How it looks ──────────────────────────────────────────────────── */
+    size = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    variant = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    palette = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "palette" }] : /* istanbul ignore next */ []));
+    toolbar = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "toolbar" }] : /* istanbul ignore next */ []));
+    grid = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "grid" }] : /* istanbul ignore next */ []));
+    texture = input(false, { ...(ngDevMode ? { debugName: "texture" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    renderer = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "renderer" }] : /* istanbul ignore next */ []));
+    sampling = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "sampling" }] : /* istanbul ignore next */ []));
+    animate = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "animate" }] : /* istanbul ignore next */ []));
+    legend = input(true, { ...(ngDevMode ? { debugName: "legend" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    legendInteractive = input(true, { ...(ngDevMode ? { debugName: "legendInteractive" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    legendValues = input(false, { ...(ngDevMode ? { debugName: "legendValues" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    legendOverflow = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "legendOverflow" }] : /* istanbul ignore next */ []));
+    trigger = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "trigger" }] : /* istanbul ignore next */ []));
+    tooltip = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tooltip" }] : /* istanbul ignore next */ []));
+    zoomable = input(false, { ...(ngDevMode ? { debugName: "zoomable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    selectable = input(false, { ...(ngDevMode ? { debugName: "selectable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    loading = input(false, { ...(ngDevMode ? { debugName: "loading" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    error = input(false, { ...(ngDevMode ? { debugName: "error" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** The engine's option, before it is drawn: the escape hatch for what the contract does not say yet. */
+    extendOption = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "extendOption" }] : /* istanbul ignore next */ []));
+    /* ── State: two-way, each move asked first ─────────────────────────── */
+    hidden = model([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "hidden" }] : /* istanbul ignore next */ []));
+    activePoint = model(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activePoint" }] : /* istanbul ignore next */ []));
+    selection = model(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []));
+    zoom = model(FULL_ZOOM, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "zoom" }] : /* istanbul ignore next */ []));
+    tableOpen = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tableOpen" }] : /* istanbul ignore next */ []));
+    fullscreen = model(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fullscreen" }] : /* istanbul ignore next */ []));
+    hiddenChangeRequest = output();
+    activePointChangeRequest = output();
+    selectionChangeRequest = output();
+    zoomChangeRequest = output();
+    tableOpenChangeRequest = output();
+    fullscreenChangeRequest = output();
+    /** The reader pressed the retry of the failed plot. */
+    retry = output();
+    /* ── Composition ───────────────────────────────────────────────────── */
+    tooltipTemplate = contentChild(SlChartTooltip, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tooltipTemplate" }] : /* istanbul ignore next */ []));
+    legendItemTemplate = contentChild(SlChartLegendItem, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "legendItemTemplate" }] : /* istanbul ignore next */ []));
+    centerTemplate = contentChild(SlChartCenter, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "centerTemplate" }] : /* istanbul ignore next */ []));
+    emptyTemplate = contentChild(SlChartEmpty, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "emptyTemplate" }] : /* istanbul ignore next */ []));
+    errorTemplate = contentChild(SlChartError, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "errorTemplate" }] : /* istanbul ignore next */ []));
+    defaults = injectChartDefaults();
+    mountEngine = inject(CHART_ENGINE);
+    host = inject(ElementRef).nativeElement;
+    destroyRef = inject(DestroyRef);
+    id = inject(SlChartIdFactory).next();
+    plotRef = viewChild('plot', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "plotRef" }] : /* istanbul ignore next */ []));
+    canvasRef = viewChild('canvas', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "canvasRef" }] : /* istanbul ignore next */ []));
+    tooltipRef = viewChild('tooltipBox', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tooltipRef" }] : /* istanbul ignore next */ []));
+    legendRef = viewChild('legendRow', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "legendRef" }] : /* istanbul ignore next */ []));
+    menuRef = viewChild('menu', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "menuRef" }] : /* istanbul ignore next */ []));
+    moreRef = viewChild('moreLayer', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "moreRef" }] : /* istanbul ignore next */ []));
+    helpRef = viewChild('helpLayer', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "helpRef" }] : /* istanbul ignore next */ []));
+    engine = null;
+    engineFailure = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "engineFailure" }] : /* istanbul ignore next */ []));
+    theme = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
+    overlay = signal(NO_OVERLAY, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "overlay" }] : /* istanbul ignore next */ []));
+    collapsed = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "collapsed" }] : /* istanbul ignore next */ []));
+    legendFocus = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "legendFocus" }] : /* istanbul ignore next */ []));
+    layerOpen = signal({}, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "layerOpen" }] : /* istanbul ignore next */ []));
+    widths = new Map();
+    modality = trackModality(this.host);
+    pointAnnouncer = createLatestAnnouncer((message) => getLiveAnnouncer().announce(message));
+    /* ── Derived ───────────────────────────────────────────────────────── */
+    /** The family's words in the language in force, with this chart's `messages` laid over them. */
+    t = injectMessages(chartMessages, this.messages);
+    appLocale = injectLocale();
+    /** The name of the control holding the series the legend has no room for. */
+    legendMoreName = computed(() => {
+        const legend = this.chartModel()?.legend ?? [];
+        const names = this.collapsed().map((index) => legend[index]?.label ?? '');
+        return this.t('legendMore', {
+            series: new Intl.ListFormat(this.locale() ?? this.appLocale(), { type: 'unit' }).format(names),
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "legendMoreName" }] : /* istanbul ignore next */ []));
+    resolvedSize = computed(() => this.size() ?? this.defaults.size ?? 'md', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
+    resolvedVariant = computed(() => this.variant() ?? this.defaults.variant ?? 'plain', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
+    resolvedPalette = computed(() => this.palette() ?? this.defaults.palette ?? 'categorical', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedPalette" }] : /* istanbul ignore next */ []));
+    resolvedToolbar = computed(() => this.toolbar() ?? this.defaults.toolbar ?? 'visible', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedToolbar" }] : /* istanbul ignore next */ []));
+    resolvedLegendOverflow = computed(() => this.legendOverflow() ?? this.defaults.legendOverflow ?? 'collapse', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedLegendOverflow" }] : /* istanbul ignore next */ []));
+    resolvedTooltip = computed(() => ({
+        ...this.defaults.tooltip,
+        ...this.tooltip(),
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedTooltip" }] : /* istanbul ignore next */ []));
+    spec = computed(() => ({
+        data: this.data(),
+        series: this.series(),
+        x: this.x(),
+        y: this.y(),
+        orientation: this.orientation(),
+        stackMode: this.stackMode(),
+        annotations: this.annotations(),
+        recordKey: this.recordKey(),
+        locale: this.locale() ?? this.appLocale(),
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "spec" }] : /* istanbul ignore next */ []));
+    built = computed(() => {
+        try {
+            return {
+                model: createChartModel(this.spec(), { hidden: this.hidden() }),
+                failure: null,
+            };
+        }
+        catch (failure) {
+            return { model: null, failure };
+        }
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "built" }] : /* istanbul ignore next */ []));
+    chartModel = computed(() => this.built().model, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "chartModel" }] : /* istanbul ignore next */ []));
+    failed = computed(() => this.error() || this.built().failure !== null || this.engineFailure() !== null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "failed" }] : /* istanbul ignore next */ []));
+    drawable = computed(() => {
+        const current = this.chartModel();
+        return Boolean(current && !this.loading() && !this.failed() && !current.empty);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "drawable" }] : /* istanbul ignore next */ []));
+    usable = computed(() => {
+        const current = this.chartModel();
+        return Boolean(current && !this.loading() && !this.failed() && current.empty !== 'no-data');
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "usable" }] : /* istanbul ignore next */ []));
+    resolvedTrigger = computed(() => {
+        const current = this.chartModel();
+        return current ? (this.trigger() ?? defaultTrigger(current)) : 'none';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedTrigger" }] : /* istanbul ignore next */ []));
+    activeKey = computed(() => {
+        const current = this.chartModel();
+        const point = this.activePoint();
+        return point && current && isDrawn(current, point) ? point.key : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "activeKey" }] : /* istanbul ignore next */ []));
+    summary = computed(() => {
+        if (this.loading())
+            return this.t('loading');
+        if (this.failed())
+            return this.t('error');
+        const current = this.chartModel();
+        return current ? describeChart(current, this.t) : '';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "summary" }] : /* istanbul ignore next */ []));
+    skeletonKind = computed(() => {
+        const kinds = this.series().map((entry) => entry.kind);
+        if (kinds.includes('pie'))
+            return 'pie';
+        return kinds.every((kind) => kind === 'line' || kind === 'area') ? 'line' : 'bar';
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "skeletonKind" }] : /* istanbul ignore next */ []));
+    legendWaiting = computed(() => {
+        const current = this.chartModel();
+        return this.loading() && (!current || current.shape === 'pie' || current.legend.length === 0);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "legendWaiting" }] : /* istanbul ignore next */ []));
+    table = computed(() => {
+        const current = this.chartModel();
+        return this.tableOpen() && this.usable() && current ? chartTable(current, this.t) : null;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "table" }] : /* istanbul ignore next */ []));
+    rowKeys = computed(() => {
+        const entries = this.chartModel()?.legend ?? [];
+        const hiddenIndexes = this.collapsed();
+        return entries.filter((_, index) => !hiddenIndexes.includes(index)).map((entry) => entry.key);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rowKeys" }] : /* istanbul ignore next */ []));
+    rovingKey = computed(() => {
+        const focus = this.legendFocus();
+        const keys = this.rowKeys();
+        return focus && keys.includes(focus) ? focus : (keys[0] ?? null);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "rovingKey" }] : /* istanbul ignore next */ []));
+    describedBy = computed(() => this.description() !== undefined
+        ? `${this.id}-description ${this.id}-summary`
+        : `${this.id}-summary`, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []));
+    repeat = (count) => Array.from({ length: count }, (_, index) => index);
+    constructor() {
+        /* The theme at the plot, re-read when a palette, a variant or the full
+           screen repaint the root's tokens, which are the chart's own attributes
+           and outside what the document observer watches. */
+        afterNextRender(() => {
+            const plot = this.plotRef()?.nativeElement;
+            const canvas = this.canvasRef()?.nativeElement;
+            if (!plot || !canvas)
+                return;
+            const read = () => {
+                const next = readChartTheme(plot);
+                if (!sameTheme(this.theme(), next))
+                    this.theme.set(next);
+            };
+            read();
+            const stop = observeChartTheme(plot, read);
+            this.engine = this.mountEngine(canvas, {
+                onPointer: (point, source) => {
+                    if (point)
+                        this.requestActive(point, 'pointer', source);
+                    else if (document.activeElement !== plot)
+                        this.requestActive(null, 'pointer', source);
+                },
+                onPress: (point, source) => {
+                    if (!this.selectable() || !point)
+                        return;
+                    this.requestSelection(samePoint(this.selection(), point) ? null : point, 'pointer', source);
+                },
+                onZoom: (next, source) => this.requestZoom(next, 'pointer', source),
+                onRender: () => this.computeOverlay(),
+                onError: (failure) => this.engineFailure.set(failure),
+            });
+            this.bump.update((value) => value + 1);
+            const observer = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(() => this.fitLegend());
+            const legend = this.legendRef()?.nativeElement;
+            if (legend && observer)
+                observer.observe(legend);
+            const onFullscreen = () => {
+                if (document.fullscreenElement === this.host)
+                    this.native = true;
+                else if (this.native) {
+                    this.native = false;
+                    if (this.fullscreen())
+                        this.requestFullscreen(false, 'escape');
+                }
+            };
+            document.addEventListener('fullscreenchange', onFullscreen);
+            this.destroyRef.onDestroy(() => {
+                stop();
+                observer?.disconnect();
+                document.removeEventListener('fullscreenchange', onFullscreen);
+                this.engine?.dispose();
+                this.engine = null;
+                this.modality.destroy();
+            });
+        });
+        effect(() => {
+            this.resolvedPalette();
+            this.resolvedVariant();
+            this.fullscreen();
+            const plot = untracked(() => this.plotRef()?.nativeElement);
+            if (!plot)
+                return;
+            const next = readChartTheme(plot);
+            if (!sameTheme(untracked(this.theme), next))
+                this.theme.set(next);
+        });
+        /* What the engine draws. */
+        effect(() => {
+            this.bump();
+            const current = this.chartModel();
+            const theme = this.theme();
+            if (!this.engine || !theme || !current || !this.drawable())
+                return;
+            void this.engine.update({
+                model: current,
+                theme,
+                selection: this.selection(),
+                zoom: this.zoom(),
+                zoomable: this.zoomable(),
+                grid: this.grid() ?? this.defaults.grid,
+                texture: this.texture(),
+                renderer: this.renderer() ?? this.defaults.renderer ?? 'auto',
+                sampling: this.sampling(),
+                trigger: this.resolvedTrigger(),
+                animate: this.animate() ?? this.defaults.animate ?? true,
+                extendOption: this.extendOption(),
+            });
+        });
+        /* The overlay follows the point, the selection, the model and the view. */
+        effect(() => {
+            this.activePoint();
+            this.selection();
+            this.chartModel();
+            this.drawable();
+            this.tableOpen();
+            untracked(() => this.computeOverlay());
+        });
+        /* Placed after the content is on the page, because its size decides where. */
+        afterRenderEffect({
+            write: () => {
+                const overlay = this.overlay();
+                const node = this.tooltipRef()?.nativeElement;
+                const plot = this.plotRef()?.nativeElement;
+                const point = this.activePoint();
+                if (!node || !plot)
+                    return;
+                if (!overlay.tooltip || !point) {
+                    this.tooltipWasOpen = false;
+                    return;
+                }
+                const at = this.engine?.locate(point);
+                if (!at)
+                    return;
+                if (!this.tooltipWasOpen)
+                    node.style.transition = 'none';
+                const placement = placeTooltip({
+                    anchor: { x: at.x, y: at.y },
+                    size: { width: node.offsetWidth, height: node.offsetHeight },
+                    bounds: { width: plot.clientWidth, height: plot.clientHeight },
+                    dir: getComputedStyle(this.host).direction === 'rtl' ? 'rtl' : 'ltr',
+                });
+                node.style.setProperty('--slotted-chart-x', `${placement.x}px`);
+                node.style.setProperty('--slotted-chart-y', `${placement.y}px`);
+                if (!this.tooltipWasOpen)
+                    requestAnimationFrame(() => (node.style.transition = ''));
+                this.tooltipWasOpen = true;
+            },
+        });
+        /* One line of legend, measured after it is drawn. */
+        afterRenderEffect({
+            read: () => {
+                this.chartModel();
+                this.resolvedLegendOverflow();
+                this.activeKey();
+                this.fitLegend();
+            },
+        });
+    }
+    bump = signal(0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "bump" }] : /* istanbul ignore next */ []));
+    native = false;
+    tooltipWasOpen = false;
+    /* ── Requests ──────────────────────────────────────────────────────── */
+    ask(value, emit, equals, next, reason, source) {
+        let cancelled = false;
+        const state = createControllable({
+            initial: value(),
+            equals,
+            onRequest: (request) => {
+                emit(request);
+                cancelled = request.cancelled;
+            },
+        });
+        if (state.request(next, reason, source) && !cancelled)
+            value.set(next);
+    }
+    requestHidden(next, reason, source) {
+        this.ask(this.hidden, (request) => this.hiddenChangeRequest.emit(request), sameList, next, reason, source);
+    }
+    requestActive(next, reason, source) {
+        this.ask(this.activePoint, (request) => this.activePointChangeRequest.emit(request), samePoint, next, reason, source);
+    }
+    requestSelection(next, reason, source) {
+        this.ask(this.selection, (request) => this.selectionChangeRequest.emit(request), samePoint, next, reason, source);
+    }
+    requestZoom(next, reason, source) {
+        this.ask(this.zoom, (request) => this.zoomChangeRequest.emit(request), sameZoom, next, reason, source);
+    }
+    requestTable(next, reason, source) {
+        this.ask(this.tableOpen, (request) => this.tableOpenChangeRequest.emit(request), Object.is, next, reason, source);
+    }
+    /**
+     * The Fullscreen API when the page may use it and the reader asked; a layer
+     * fixed over the page otherwise. A browser refuses the API outside the
+     * press that asked for it, so it is asked here, inside the handler.
+     */
+    requestFullscreen(next, reason, source) {
+        const before = this.fullscreen();
+        this.ask(this.fullscreen, (request) => this.fullscreenChangeRequest.emit(request), Object.is, next, reason, source);
+        if (this.fullscreen() === before)
+            return;
+        if (next && document.fullscreenEnabled && reason !== 'programmatic' && reason !== 'escape') {
+            this.host.requestFullscreen?.().catch(() => { });
+        }
+        if (!next && document.fullscreenElement === this.host) {
+            this.native = false;
+            document.exitFullscreen().catch(() => { });
+        }
+    }
+    /** The reason the last activation came with: a pointer, a key, or the application. */
+    pressReason() {
+        return this.modality.read();
+    }
+    /* ── Overlay ───────────────────────────────────────────────────────── */
+    computeOverlay() {
+        const current = this.chartModel();
+        const plot = this.plotRef()?.nativeElement;
+        const engine = this.engine;
+        if (!engine || !plot || !current || !this.drawable() || this.tableOpen()) {
+            this.overlay.set(NO_OVERLAY);
+            return;
+        }
+        const active = this.activePoint();
+        const selected = this.selection();
+        const trigger = this.resolvedTrigger();
+        const markers = [];
+        if (selected && isDrawn(current, selected) && current.shape === 'cartesian') {
+            const owner = seriesOf(current, selected.series);
+            const at = engine.locate(selected);
+            if (owner && owner.kind !== 'bar' && at) {
+                markers.push({
+                    key: `selected-${owner.id}`,
+                    color: owner.color,
+                    at,
+                    selected: true,
+                    current: false,
+                });
+            }
+        }
+        if (current.shape === 'pie')
+            engine.emphasize(active && isDrawn(current, active) ? active.key : null);
+        const at = active && isDrawn(current, active) ? engine.locate(active) : null;
+        if (!active || !at) {
+            this.overlay.set({ crosshair: null, markers, tooltip: null, docked: false });
+            return;
+        }
+        const hasBars = current.series.some((entry) => entry.visible && entry.kind === 'bar');
+        const crosshair = current.shape === 'cartesian' && trigger === 'axis'
+            ? { ...at, isBand: hasBars && current.xType === 'category' }
+            : null;
+        if (current.shape === 'cartesian') {
+            const index = categoryIndex(current, active.key);
+            const targets = trigger === 'axis'
+                ? current.series.filter((entry) => entry.visible && entry.kind !== 'bar' && entry.values[index] !== null)
+                : [seriesOf(current, active.series)].filter((entry) => Boolean(entry && entry.kind !== 'bar'));
+            for (const target of targets) {
+                const spot = engine.locate({ series: target.id, key: active.key });
+                if (spot)
+                    markers.push({
+                        key: target.id,
+                        color: target.color,
+                        at: spot,
+                        selected: false,
+                        current: target.id === active.series,
+                    });
+            }
+        }
+        const settings = this.resolvedTooltip();
+        const tooltip = trigger === 'none'
+            ? null
+            : tooltipContext(current, active, { trigger, sort: settings.sort, total: settings.total });
+        this.overlay.set({
+            crosshair,
+            markers,
+            tooltip,
+            docked: plot.clientWidth < TOOLTIP_DOCK_WIDTH,
+        });
+    }
+    px(value) {
+        return value === undefined ? null : `${value}px`;
+    }
+    colorOf(color) {
+        return {
+            slot: color.type === 'slot' ? String(color.slot) : null,
+            tone: color.type === 'tone' ? color.tone : null,
+            overflow: color.type === 'overflow' ? '' : null,
+        };
+    }
+    strokeOf(entry, key) {
+        const current = this.chartModel();
+        if (!current)
+            return null;
+        const owner = current.shape === 'pie'
+            ? current.series[0]
+            : seriesOf(current, key ?? ('series' in entry ? entry.series : entry.key));
+        return owner && owner.stroke !== 'solid' ? owner.stroke : null;
+    }
+    markerKind(kind, indicator) {
+        if (indicator === 'line' || kind === 'line')
+            return 'line';
+        if (kind === 'scatter')
+            return 'scatter';
+        return 'bar';
+    }
+    /* ── Legend ────────────────────────────────────────────────────────── */
+    legendValue(entry) {
+        const current = this.chartModel();
+        if (!current)
+            return '';
+        const owner = current.shape === 'pie' ? current.series[0] : seriesOf(current, entry.key);
+        if (!owner)
+            return '';
+        const key = this.activeKey();
+        const index = current.shape === 'pie'
+            ? categoryIndex(current, entry.key)
+            : key
+                ? categoryIndex(current, key)
+                : lastDrawn(owner.values);
+        const raw = index >= 0 ? owner.values[index] : null;
+        return raw === null || raw === undefined ? '' : owner.format(raw);
+    }
+    isCurrent(entry) {
+        const current = this.chartModel();
+        const key = this.activeKey();
+        if (!key)
+            return false;
+        return current?.shape === 'pie' ? entry.key === key : this.activePoint()?.series === entry.key;
+    }
+    toggleEntry(entry, mode, reason, source) {
+        const current = this.chartModel();
+        if (!current)
+            return;
+        const keys = current.legend.map((item) => item.key);
+        const next = toggleHidden(keys, this.hidden(), entry.key, mode);
+        this.legendFocus.set(entry.key);
+        this.requestHidden(next, reason, source);
+        getLiveAnnouncer().announce(this.t(next.includes(entry.key) ? 'hidden' : 'shown', { series: entry.label }));
+    }
+    onLegendClick(entry, event) {
+        this.toggleEntry(entry, event.shiftKey ? 'isolate' : 'toggle', this.pressReason(), event);
+    }
+    onLegendItemKey(entry, event) {
+        if (event.key === 'Enter' && event.shiftKey) {
+            event.preventDefault();
+            this.toggleEntry(entry, 'isolate', 'keyboard', event);
+        }
+    }
+    emphasize(key) {
+        this.engine?.emphasize(key);
+    }
+    /* One tab stop for the row; the arrows move inside it (APG Toolbar). */
+    onLegendKeyDown(event) {
+        const target = event.target;
+        if (target.closest('[data-part="menu"]'))
+            return;
+        const row = event.currentTarget;
+        const items = [...row.querySelectorAll(':scope > button:not([hidden])')];
+        const index = items.indexOf(target);
+        if (index === -1)
+            return;
+        const rtl = getComputedStyle(this.host).direction === 'rtl';
+        const step = event.key === 'ArrowRight' ? (rtl ? -1 : 1) : event.key === 'ArrowLeft' ? (rtl ? 1 : -1) : 0;
+        let next;
+        if (step)
+            next = items[(index + step + items.length) % items.length];
+        if (event.key === 'Home')
+            next = items[0];
+        if (event.key === 'End')
+            next = items[items.length - 1];
+        if (!next)
+            return;
+        event.preventDefault();
+        this.legendFocus.set(next.dataset['key'] ?? '__more');
+        next.focus();
+    }
+    /**
+     * Which entries fit on the line, measured by `@slotted/core/overflow` —
+     * the arithmetic `toolbar` folds its controls with. The rest wait behind
+     * the `+N` control, where they toggle the same series.
+     */
+    fitLegend() {
+        const node = this.legendRef()?.nativeElement;
+        const current = untracked(this.chartModel);
+        if (!node || !current)
+            return;
+        if (untracked(this.resolvedLegendOverflow) === 'wrap') {
+            if (untracked(this.collapsed).length)
+                this.collapsed.set([]);
+            return;
+        }
+        for (const item of node.querySelectorAll(':scope > [data-part="legend-item"]')) {
+            if (!item.hidden)
+                this.widths.set(item.dataset['key'] ?? '', item.getBoundingClientRect().width);
+        }
+        const more = node.querySelector(':scope > [data-part="legend-more"]');
+        const result = collapseState({
+            units: current.legend.map((entry) => ({
+                size: this.widths.get(entry.key) ?? 0,
+                collapsible: true,
+            })),
+            available: node.clientWidth,
+            gap: Number.parseFloat(getComputedStyle(node).columnGap) || 0,
+            triggerSize: more && !more.hidden ? more.getBoundingClientRect().width : 40,
+        });
+        const previous = untracked(this.collapsed);
+        if (previous.length !== result.collapsed.length ||
+            previous.some((value, index) => value !== result.collapsed[index])) {
+            this.collapsed.set(result.collapsed);
+        }
+    }
+    /* ── Layers ────────────────────────────────────────────────────────── */
+    toggleLayer(name) {
+        const layer = this.layerElement(name);
+        layer?.togglePopover?.();
+    }
+    onLayerToggle(name, event, control, align, focusFirst = true) {
+        const open = event.newState === 'open';
+        this.layerOpen.update((state) => ({ ...state, [name]: open }));
+        const layer = this.layerElement(name);
+        if (!layer)
+            return;
+        if (open) {
+            const box = layer.getBoundingClientRect();
+            const at = placeLayer({
+                anchor: control.getBoundingClientRect(),
+                size: { width: box.width, height: box.height },
+                viewport: { width: window.innerWidth, height: window.innerHeight },
+                align,
+                dir: getComputedStyle(control).direction === 'rtl' ? 'rtl' : 'ltr',
+            });
+            layer.style.setProperty('--slotted-chart-x', `${at.x}px`);
+            layer.style.setProperty('--slotted-chart-y', `${at.y}px`);
+            if (focusFirst)
+                layer.querySelector('button')?.focus();
+        }
+        else if (layer.contains(document.activeElement) || document.activeElement === document.body) {
+            control.focus();
+        }
+    }
+    onLayerKeyDown(event) {
+        const layer = event.currentTarget;
+        const items = [...layer.querySelectorAll('button')].filter((item) => !item.hidden);
+        const index = items.indexOf(document.activeElement);
+        const step = event.key === 'ArrowDown' ? 1 : event.key === 'ArrowUp' ? -1 : 0;
+        let next;
+        if (step)
+            next = items[(index + step + items.length) % items.length];
+        if (event.key === 'Home')
+            next = items[0];
+        if (event.key === 'End')
+            next = items[items.length - 1];
+        if (!next)
+            return;
+        event.preventDefault();
+        next.focus();
+    }
+    layerElement(name) {
+        const ref = name === 'menu' ? this.menuRef() : name === 'more' ? this.moreRef() : this.helpRef();
+        return ref?.nativeElement ?? null;
+    }
+    menuAction(action, event) {
+        const reason = this.pressReason();
+        this.menuRef()?.nativeElement.hidePopover?.();
+        const current = this.chartModel();
+        if (action === 'view')
+            this.requestTable(!this.tableOpen(), reason, event);
+        if (action === 'fullscreen')
+            this.requestFullscreen(!this.fullscreen(), reason, event);
+        if (action === 'csv' && current) {
+            this.download(`${this.fileName()}.csv`, `data:text/csv;charset=utf-8,${encodeURIComponent(chartToCsv(current, this.t))}`);
+        }
+        if (action === 'image') {
+            const url = this.engine?.toDataURL();
+            if (url)
+                this.download(`${this.fileName()}.${url.startsWith('data:image/svg') ? 'svg' : 'png'}`, url);
+        }
+    }
+    fileName() {
+        return this.title() ?? 'chart';
+    }
+    download(filename, url) {
+        const link = document.createElement('a');
+        link.href = url;
+        link.download = filename;
+        document.body.append(link);
+        link.click();
+        link.remove();
+    }
+    resetZoomFromToolbar(event) {
+        const current = this.chartModel();
+        this.requestZoom(FULL_ZOOM, 'clear', event);
+        if (current)
+            getLiveAnnouncer().announce(describeZoom(current, FULL_ZOOM, this.t));
+        this.plotRef()?.nativeElement.focus();
+    }
+    showAll(event) {
+        this.requestHidden([], 'pointer', event);
+    }
+    onRetry() {
+        this.engineFailure.set(null);
+        this.retry.emit();
+    }
+    zoomed() {
+        const current = this.chartModel();
+        return Boolean(this.zoomable() && !isFullZoom(this.zoom()) && current?.shape === 'cartesian');
+    }
+    /* ── Keyboard and focus ────────────────────────────────────────────── */
+    onPlotKeyDown(event) {
+        const current = this.chartModel();
+        if (!current || !this.drawable() || this.tableOpen())
+            return;
+        const actions = chartKeyAction(current, {
+            active: this.activePoint(),
+            selection: this.selection(),
+            zoom: this.zoom(),
+            zoomable: this.zoomable(),
+            selectable: this.selectable(),
+        }, event.key);
+        if (actions === null)
+            return;
+        event.preventDefault();
+        for (const action of actions) {
+            if (action.type === 'active') {
+                this.requestActive(action.point, action.reason, event);
+                if (action.point)
+                    this.pointAnnouncer.say(describePoint(current, action.point, this.selection(), this.t));
+                else
+                    this.pointAnnouncer.cancel();
+            }
+            else if (action.type === 'select') {
+                this.requestSelection(action.point, 'keyboard', event);
+                if (action.point)
+                    this.pointAnnouncer.say(describePoint(current, action.point, action.point, this.t));
+            }
+            else {
+                this.requestZoom(action.zoom, action.reason, event);
+                getLiveAnnouncer().announce(describeZoom(current, action.zoom, this.t));
+            }
+        }
+    }
+    onPlotFocus(event) {
+        const current = this.chartModel();
+        if (!current || !this.drawable() || this.tableOpen() || this.activePoint())
+            return;
+        if (!focusVisible(event.currentTarget))
+            return;
+        const point = firstPoint(current);
+        if (!point)
+            return;
+        this.requestActive(point, 'keyboard', event);
+        this.pointAnnouncer.say(describePoint(current, point, this.selection(), this.t));
+    }
+    onRootKeyDown(event) {
+        if (event.defaultPrevented || event.key !== 'Escape' || !this.fullscreen())
+            return;
+        event.preventDefault();
+        this.requestFullscreen(false, 'escape', event);
+    }
+    /* ── Handle ────────────────────────────────────────────────────────── */
+    focus() {
+        this.plotRef()?.nativeElement.focus();
+    }
+    resetZoom() {
+        this.requestZoom(FULL_ZOOM, 'programmatic');
+    }
+    toDataURL() {
+        return this.engine?.toDataURL() ?? null;
+    }
+    toCsv() {
+        const current = this.chartModel();
+        return current ? chartToCsv(current, this.t) : '';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlChart, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlChart, isStandalone: true, selector: "figure[slChart]", inputs: { data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, series: { classPropertyName: "series", publicName: "series", isSignal: true, isRequired: false, transformFunction: null }, x: { classPropertyName: "x", publicName: "x", isSignal: true, isRequired: false, transformFunction: null }, y: { classPropertyName: "y", publicName: "y", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, stackMode: { classPropertyName: "stackMode", publicName: "stackMode", isSignal: true, isRequired: false, transformFunction: null }, annotations: { classPropertyName: "annotations", publicName: "annotations", isSignal: true, isRequired: false, transformFunction: null }, recordKey: { classPropertyName: "recordKey", publicName: "recordKey", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, help: { classPropertyName: "help", publicName: "help", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, palette: { classPropertyName: "palette", publicName: "palette", isSignal: true, isRequired: false, transformFunction: null }, toolbar: { classPropertyName: "toolbar", publicName: "toolbar", isSignal: true, isRequired: false, transformFunction: null }, grid: { classPropertyName: "grid", publicName: "grid", isSignal: true, isRequired: false, transformFunction: null }, texture: { classPropertyName: "texture", publicName: "texture", isSignal: true, isRequired: false, transformFunction: null }, renderer: { classPropertyName: "renderer", publicName: "renderer", isSignal: true, isRequired: false, transformFunction: null }, sampling: { classPropertyName: "sampling", publicName: "sampling", isSignal: true, isRequired: false, transformFunction: null }, animate: { classPropertyName: "animate", publicName: "animate", isSignal: true, isRequired: false, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, legendInteractive: { classPropertyName: "legendInteractive", publicName: "legendInteractive", isSignal: true, isRequired: false, transformFunction: null }, legendValues: { classPropertyName: "legendValues", publicName: "legendValues", isSignal: true, isRequired: false, transformFunction: null }, legendOverflow: { classPropertyName: "legendOverflow", publicName: "legendOverflow", isSignal: true, isRequired: false, transformFunction: null }, trigger: { classPropertyName: "trigger", publicName: "trigger", isSignal: true, isRequired: false, transformFunction: null }, tooltip: { classPropertyName: "tooltip", publicName: "tooltip", isSignal: true, isRequired: false, transformFunction: null }, zoomable: { classPropertyName: "zoomable", publicName: "zoomable", isSignal: true, isRequired: false, transformFunction: null }, selectable: { classPropertyName: "selectable", publicName: "selectable", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, error: { classPropertyName: "error", publicName: "error", isSignal: true, isRequired: false, transformFunction: null }, extendOption: { classPropertyName: "extendOption", publicName: "extendOption", isSignal: true, isRequired: false, transformFunction: null }, hidden: { classPropertyName: "hidden", publicName: "hidden", isSignal: true, isRequired: false, transformFunction: null }, activePoint: { classPropertyName: "activePoint", publicName: "activePoint", isSignal: true, isRequired: false, transformFunction: null }, selection: { classPropertyName: "selection", publicName: "selection", isSignal: true, isRequired: false, transformFunction: null }, zoom: { classPropertyName: "zoom", publicName: "zoom", isSignal: true, isRequired: false, transformFunction: null }, tableOpen: { classPropertyName: "tableOpen", publicName: "tableOpen", isSignal: true, isRequired: false, transformFunction: null }, fullscreen: { classPropertyName: "fullscreen", publicName: "fullscreen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { hidden: "hiddenChange", activePoint: "activePointChange", selection: "selectionChange", zoom: "zoomChange", tableOpen: "tableOpenChange", fullscreen: "fullscreenChange", hiddenChangeRequest: "hiddenChangeRequest", activePointChangeRequest: "activePointChangeRequest", selectionChangeRequest: "selectionChangeRequest", zoomChangeRequest: "zoomChangeRequest", tableOpenChangeRequest: "tableOpenChangeRequest", fullscreenChangeRequest: "fullscreenChangeRequest", retry: "retry" }, host: { attributes: { "data-ui": "chart", "data-part": "root" }, listeners: { "keydown": "onRootKeyDown($event)" }, properties: { "attr.title": "null", "attr.data-size": "resolvedSize()", "attr.data-variant": "resolvedVariant()", "attr.data-palette": "resolvedPalette()", "attr.data-toolbar": "resolvedToolbar()", "attr.data-legend-overflow": "resolvedLegendOverflow()", "attr.data-loading": "loading() ? \"\" : null", "attr.data-fullscreen": "fullscreen() ? \"\" : null" } }, queries: [{ propertyName: "tooltipTemplate", first: true, predicate: SlChartTooltip, descendants: true, isSignal: true }, { propertyName: "legendItemTemplate", first: true, predicate: SlChartLegendItem, descendants: true, isSignal: true }, { propertyName: "centerTemplate", first: true, predicate: SlChartCenter, descendants: true, isSignal: true }, { propertyName: "emptyTemplate", first: true, predicate: SlChartEmpty, descendants: true, isSignal: true }, { propertyName: "errorTemplate", first: true, predicate: SlChartError, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "plotRef", first: true, predicate: ["plot"], descendants: true, isSignal: true }, { propertyName: "canvasRef", first: true, predicate: ["canvas"], descendants: true, isSignal: true }, { propertyName: "tooltipRef", first: true, predicate: ["tooltipBox"], descendants: true, isSignal: true }, { propertyName: "legendRef", first: true, predicate: ["legendRow"], descendants: true, isSignal: true }, { propertyName: "menuRef", first: true, predicate: ["menu"], descendants: true, isSignal: true }, { propertyName: "moreRef", first: true, predicate: ["moreLayer"], descendants: true, isSignal: true }, { propertyName: "helpRef", first: true, predicate: ["helpLayer"], descendants: true, isSignal: true }], exportAs: ["slChart"], ngImport: i0, template: "@let current = chartModel(); @if (title() !== undefined || description() !== undefined ||\nresolvedToolbar() !== 'none') {\n<figcaption data-part=\"header\">\n  <div>\n    <div>\n      @if (title() !== undefined) {\n      <span data-part=\"title\" [id]=\"id + '-title'\">{{ title() }}</span>\n      } @if (help() !== undefined) {\n      <button\n        #helpControl\n        type=\"button\"\n        data-part=\"help\"\n        [attr.aria-label]=\"t('help')\"\n        [attr.aria-controls]=\"id + '-help'\"\n        [attr.aria-expanded]=\"layerOpen()['help'] ?? false\"\n        [attr.data-open]=\"layerOpen()['help'] ? '' : null\"\n        (click)=\"toggleLayer('help')\"\n      >\n        <span slIcon><svg slGlyph name=\"circle-info\"></svg></span>\n      </button>\n      <div\n        #helpLayer\n        popover=\"auto\"\n        data-part=\"help-content\"\n        role=\"note\"\n        [id]=\"id + '-help'\"\n        (toggle)=\"onLayerToggle('help', $event, helpControl, 'start', false)\"\n      >\n        {{ help() }}\n      </div>\n      }\n    </div>\n    @if (description() !== undefined) {\n    <span data-part=\"description\" [id]=\"id + '-description'\">{{ description() }}</span>\n    }\n  </div>\n  <div data-part=\"actions\"><ng-content select=\"[slChartActions]\" /></div>\n  <!-- The box stands in every state, so the header's words wrap at one width; it\n       holds nothing a reader can reach until the plot has something to act on. -->\n  @if (resolvedToolbar() !== 'none') { @let ready = usable();\n  <div\n    data-part=\"toolbar\"\n    [attr.role]=\"ready ? 'toolbar' : null\"\n    [attr.aria-label]=\"ready ? t('toolbar') : null\"\n    [attr.aria-hidden]=\"ready ? null : 'true'\"\n    [attr.inert]=\"ready ? null : ''\"\n    [attr.data-waiting]=\"ready ? null : ''\"\n  >\n    @if (zoomed()) {\n    <button\n      type=\"button\"\n      data-part=\"zoom-reset\"\n      [attr.aria-label]=\"t('resetZoom')\"\n      [attr.title]=\"t('resetZoom')\"\n      (click)=\"resetZoomFromToolbar($event)\"\n    >\n      <span slIcon><svg slGlyph name=\"rotate-ccw\"></svg></span>\n    </button>\n    }\n    <button\n      type=\"button\"\n      data-part=\"view-toggle\"\n      [attr.aria-label]=\"t('tableView')\"\n      [attr.title]=\"t('tableView')\"\n      [attr.aria-pressed]=\"tableOpen()\"\n      [attr.data-pressed]=\"tableOpen() ? '' : null\"\n      (click)=\"requestTable(!tableOpen(), pressReason(), $event)\"\n    >\n      <span slIcon><svg slGlyph name=\"file-spreadsheet\"></svg></span>\n    </button>\n    <button\n      type=\"button\"\n      data-part=\"fullscreen-toggle\"\n      [attr.aria-label]=\"fullscreen() ? t('exitFullscreen') : t('fullscreen')\"\n      [attr.title]=\"fullscreen() ? t('exitFullscreen') : t('fullscreen')\"\n      (click)=\"requestFullscreen(!fullscreen(), pressReason(), $event)\"\n    >\n      <span slIcon><svg slGlyph [name]=\"fullscreen() ? 'minimize' : 'maximize'\"></svg></span>\n    </button>\n    <button\n      #menuControl\n      type=\"button\"\n      data-part=\"menu-trigger\"\n      aria-haspopup=\"menu\"\n      [attr.aria-label]=\"t('more')\"\n      [attr.title]=\"t('more')\"\n      [attr.aria-expanded]=\"layerOpen()['menu'] ?? false\"\n      [attr.data-open]=\"layerOpen()['menu'] ? '' : null\"\n      (click)=\"toggleLayer('menu')\"\n    >\n      <span slIcon><svg slGlyph name=\"ellipsis\"></svg></span>\n    </button>\n    <div\n      #menu\n      popover=\"auto\"\n      data-part=\"menu\"\n      role=\"menu\"\n      [attr.aria-label]=\"t('more')\"\n      (toggle)=\"onLayerToggle('menu', $event, menuControl, 'end')\"\n      (keydown)=\"onLayerKeyDown($event)\"\n    >\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"view\"\n        (click)=\"menuAction('view', $event)\"\n      >\n        {{ t('tableView') }}\n      </button>\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"fullscreen\"\n        (click)=\"menuAction('fullscreen', $event)\"\n      >\n        {{ fullscreen() ? t('exitFullscreen') : t('fullscreen') }}\n      </button>\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"csv\"\n        (click)=\"menuAction('csv', $event)\"\n      >\n        {{ t('downloadCsv') }}\n      </button>\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"image\"\n        (click)=\"menuAction('image', $event)\"\n      >\n        {{ t('downloadImage') }}\n      </button>\n    </div>\n  </div>\n  }\n</figcaption>\n} @if (legend()) {\n<div\n  #legendRow\n  data-part=\"legend\"\n  [attr.role]=\"legendWaiting() ? null : legendInteractive() ? 'toolbar' : 'list'\"\n  [attr.aria-label]=\"legendWaiting() ? null : t('legend')\"\n  (keydown)=\"onLegendKeyDown($event)\"\n>\n  @if (legendWaiting()) { @for (line of repeat(3); track line) {\n  <span\n    data-ui=\"skeleton\"\n    data-part=\"root\"\n    data-shape=\"block\"\n    data-size=\"md\"\n    data-animation=\"shimmer\"\n    data-loading\n    aria-hidden=\"true\"\n  ></span>\n  } } @else if (current) { @for (entry of current.legend; track entry.key; let index = $index) {\n  <ng-container\n    *ngTemplateOutlet=\"legendItem; context: { $implicit: entry, rowHidden: collapsed().includes(index), inLayer: false }\"\n  />\n  }\n  <button\n    #moreControl\n    type=\"button\"\n    data-part=\"legend-more\"\n    aria-haspopup=\"true\"\n    [attr.aria-label]=\"legendMoreName()\"\n    [hidden]=\"collapsed().length === 0\"\n    [attr.tabindex]=\"rovingKey() === null ? 0 : -1\"\n    [attr.aria-expanded]=\"layerOpen()['more'] ?? false\"\n    [attr.data-open]=\"layerOpen()['more'] ? '' : null\"\n    (click)=\"toggleLayer('more')\"\n  >\n    {{ t('moreSeries', { count: collapsed().length }) }}\n  </button>\n  <div\n    #moreLayer\n    popover=\"auto\"\n    data-part=\"menu\"\n    role=\"group\"\n    [attr.aria-label]=\"t('legend')\"\n    (toggle)=\"onLayerToggle('more', $event, moreControl, 'start')\"\n    (keydown)=\"onLayerKeyDown($event)\"\n  >\n    @for (index of collapsed(); track index) { @if (current.legend[index]; as entry) {\n    <ng-container\n      *ngTemplateOutlet=\"legendItem; context: { $implicit: entry, rowHidden: false, inLayer: true }\"\n    />\n    } }\n  </div>\n  }\n</div>\n}\n<ng-template #legendItem let-entry let-rowHidden=\"rowHidden\" let-inLayer=\"inLayer\">\n  @let color = colorOf(entry.color); @if (legendInteractive()) {\n  <button\n    type=\"button\"\n    data-part=\"legend-item\"\n    [attr.data-key]=\"entry.key\"\n    [attr.data-slot]=\"color.slot\"\n    [attr.data-tone]=\"color.tone\"\n    [attr.data-overflow]=\"color.overflow\"\n    [attr.data-current]=\"isCurrent(entry) ? '' : null\"\n    [attr.aria-pressed]=\"entry.visible\"\n    [attr.data-pressed]=\"entry.visible ? '' : null\"\n    [attr.tabindex]=\"inLayer || rovingKey() === entry.key ? 0 : -1\"\n    [hidden]=\"rowHidden\"\n    (click)=\"onLegendClick(entry, $event)\"\n    (keydown)=\"onLegendItemKey(entry, $event)\"\n    (focus)=\"legendFocus.set(inLayer ? legendFocus() : entry.key); emphasize(entry.visible ? entry.key : null)\"\n    (blur)=\"emphasize(null)\"\n    (pointerenter)=\"entry.visible && emphasize(entry.key)\"\n    (pointerleave)=\"emphasize(null)\"\n  >\n    <ng-container *ngTemplateOutlet=\"legendContent; context: { $implicit: entry }\" />\n  </button>\n  } @else {\n  <span\n    role=\"listitem\"\n    data-part=\"legend-item\"\n    [attr.data-key]=\"entry.key\"\n    [attr.data-slot]=\"color.slot\"\n    [attr.data-tone]=\"color.tone\"\n    [attr.data-overflow]=\"color.overflow\"\n    [attr.data-current]=\"isCurrent(entry) ? '' : null\"\n    [hidden]=\"rowHidden\"\n    (pointerenter)=\"entry.visible && emphasize(entry.key)\"\n    (pointerleave)=\"emphasize(null)\"\n  >\n    <ng-container *ngTemplateOutlet=\"legendContent; context: { $implicit: entry }\" />\n  </span>\n  }\n</ng-template>\n<ng-template #legendContent let-entry>\n  @if (legendItemTemplate(); as custom) {\n  <ng-container\n    *ngTemplateOutlet=\"custom.template; context: { $implicit: entry, value: legendValue(entry), current: isCurrent(entry) }\"\n  />\n  } @else {\n  <span\n    data-part=\"legend-marker\"\n    [attr.data-kind]=\"entry.kind === 'area' || entry.kind === 'bar' || entry.kind === 'pie' ? 'bar' : entry.kind\"\n    [attr.data-stroke]=\"strokeOf(entry)\"\n  ></span>\n  <span data-part=\"legend-label\" [attr.title]=\"entry.label\">{{ entry.label }}</span>\n  @if (legendValues()) {\n  <span data-part=\"legend-value\">{{ legendValue(entry) }}</span>\n  } }\n</ng-template>\n<div\n  #plot\n  data-part=\"plot\"\n  role=\"group\"\n  tabindex=\"0\"\n  [attr.aria-roledescription]=\"t('roledescription')\"\n  [attr.aria-labelledby]=\"title() !== undefined ? id + '-title' : null\"\n  [attr.aria-label]=\"title() === undefined ? t('roledescription') : null\"\n  [attr.aria-describedby]=\"describedBy()\"\n  [attr.aria-busy]=\"loading() ? 'true' : null\"\n  (keydown)=\"onPlotKeyDown($event)\"\n  (focus)=\"onPlotFocus($event)\"\n  (blur)=\"requestActive(null, 'blur', $event)\"\n>\n  @let overlayNow = overlay();\n  <div\n    data-part=\"crosshair\"\n    [hidden]=\"!overlayNow.crosshair\"\n    [attr.data-band]=\"overlayNow.crosshair?.isBand ? '' : null\"\n    [attr.data-orientation]=\"current?.orientation ?? 'vertical'\"\n    [style.--slotted-chart-x]=\"px(overlayNow.crosshair?.x)\"\n    [style.--slotted-chart-y]=\"px(overlayNow.crosshair?.y)\"\n    [style.--slotted-chart-band-start]=\"px(overlayNow.crosshair?.band?.start)\"\n    [style.--slotted-chart-band-size]=\"px(overlayNow.crosshair?.band?.size)\"\n    [style.--slotted-chart-frame-start]=\"px(overlayNow.crosshair?.frame?.start)\"\n    [style.--slotted-chart-frame-size]=\"px(overlayNow.crosshair?.frame?.size)\"\n  ></div>\n  <div #canvas data-part=\"canvas\" aria-hidden=\"true\" [hidden]=\"!drawable()\"></div>\n  @for (marker of overlayNow.markers; track marker.key) { @let markerColor = colorOf(marker.color);\n  <div\n    data-part=\"marker\"\n    aria-hidden=\"true\"\n    [attr.data-slot]=\"markerColor.slot\"\n    [attr.data-tone]=\"markerColor.tone\"\n    [attr.data-overflow]=\"markerColor.overflow\"\n    [attr.data-selected]=\"marker.selected ? '' : null\"\n    [attr.data-current]=\"marker.current ? '' : null\"\n    [style.--slotted-chart-x]=\"px(marker.at.x)\"\n    [style.--slotted-chart-y]=\"px(marker.at.y)\"\n  ></div>\n  }\n  <div\n    #tooltipBox\n    data-part=\"tooltip\"\n    aria-hidden=\"true\"\n    [attr.data-open]=\"overlayNow.tooltip ? '' : null\"\n    [attr.data-docked]=\"overlayNow.docked ? '' : null\"\n  >\n    @if (overlayNow.tooltip && current) { @if (tooltipTemplate(); as custom) {\n    <ng-container\n      *ngTemplateOutlet=\"custom.template; context: { $implicit: overlayNow.tooltip, model: current }\"\n    />\n    } @else {\n    <div data-part=\"tooltip-title\">{{ overlayNow.tooltip.title }}</div>\n    @for (item of overlayNow.tooltip.items; track item.series + item.label) { @let itemColor =\n    colorOf(item.color);\n    <div\n      data-part=\"tooltip-item\"\n      [attr.data-current]=\"overlayNow.tooltip.items.length > 1 && item.current ? '' : null\"\n      [attr.data-slot]=\"itemColor.slot\"\n      [attr.data-tone]=\"itemColor.tone\"\n      [attr.data-overflow]=\"itemColor.overflow\"\n    >\n      @if (resolvedTooltip().indicator !== 'none') {\n      <span\n        data-part=\"tooltip-marker\"\n        [attr.data-kind]=\"markerKind(item.kind, resolvedTooltip().indicator)\"\n        [attr.data-stroke]=\"strokeOf(item)\"\n      ></span>\n      }\n      <span data-part=\"tooltip-label\">{{ item.label }}</span>\n      <span data-part=\"tooltip-value\"\n        >{{ item.share ? item.share + ' \u00B7 ' + item.formatted : item.formatted }}</span\n      >\n    </div>\n    } @if (overlayNow.tooltip.total; as total) {\n    <div data-part=\"tooltip-total\">\n      <span>{{ t('total') }}</span>\n      <span data-part=\"tooltip-value\">{{ total.formatted }}</span>\n    </div>\n    } } }\n  </div>\n  @if (drawable() && current?.shape === 'pie' && (current?.series[0]?.innerRadius ?? 0) > 0) {\n  <div data-part=\"center\" aria-hidden=\"true\">\n    @if (centerTemplate(); as custom) {\n    <ng-container *ngTemplateOutlet=\"custom.template; context: { $implicit: current }\" />\n    } @else {\n    <span data-part=\"center-value\">{{ current!.series[0]!.format(current!.total) }}</span>\n    <span data-part=\"center-label\">{{ t('total') }}</span>\n    }\n  </div>\n  } @if (table(); as rows) {\n  <div\n    data-part=\"table-region\"\n    role=\"region\"\n    tabindex=\"0\"\n    [attr.aria-labelledby]=\"title() !== undefined ? id + '-title' : null\"\n  >\n    <table data-part=\"table\">\n      <caption>\n        {{ title() }}\n      </caption>\n      <thead>\n        <tr>\n          @for (column of rows.columns; track column.key; let index = $index) {\n          <th scope=\"col\" [attr.data-numeric]=\"index > 0 ? '' : null\">{{ column.label }}</th>\n          }\n        </tr>\n      </thead>\n      <tbody>\n        @for (row of rows.rows; track row.key) {\n        <tr [attr.data-current]=\"row.key === activeKey() ? '' : null\">\n          @for (cell of row.cells; track $index; let index = $index) { @if (index === 0) {\n          <th scope=\"row\">{{ cell.text }}</th>\n          } @else {\n          <td data-numeric>{{ cell.text }}</td>\n          } }\n        </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n  } @if (loading()) {\n  <div data-part=\"skeleton\" aria-hidden=\"true\" [attr.data-kind]=\"skeletonKind()\">\n    <div data-ui=\"skeleton\" data-part=\"region\" data-animation=\"shimmer\" data-loading>\n      @if (skeletonKind() === 'pie') {\n      <span\n        data-ui=\"skeleton\"\n        data-part=\"root\"\n        data-shape=\"circle\"\n        data-size=\"md\"\n        data-animation=\"shimmer\"\n        data-loading\n        aria-hidden=\"true\"\n      ></span>\n      } @else {\n      <div data-skeleton=\"y\">\n        @for (line of repeat(5); track line) {\n        <span\n          data-ui=\"skeleton\"\n          data-part=\"root\"\n          data-shape=\"block\"\n          data-size=\"md\"\n          data-animation=\"shimmer\"\n          data-loading\n          aria-hidden=\"true\"\n        ></span>\n        }\n      </div>\n      <div data-skeleton=\"marks\">\n        @for (mark of repeat(skeletonKind() === 'bar' ? 7 : 2); track mark) {\n        <span\n          data-ui=\"skeleton\"\n          data-part=\"root\"\n          data-shape=\"block\"\n          data-size=\"md\"\n          data-animation=\"shimmer\"\n          data-loading\n          aria-hidden=\"true\"\n        ></span>\n        }\n      </div>\n      <div data-skeleton=\"x\">\n        @for (line of repeat(6); track line) {\n        <span\n          data-ui=\"skeleton\"\n          data-part=\"root\"\n          data-shape=\"block\"\n          data-size=\"md\"\n          data-animation=\"shimmer\"\n          data-loading\n          aria-hidden=\"true\"\n        ></span>\n        }\n      </div>\n      }\n    </div>\n  </div>\n  } @else if (failed()) {\n  <div data-part=\"error\">\n    @if (errorTemplate(); as custom) {\n    <ng-container *ngTemplateOutlet=\"custom.template\" />\n    } @else {\n    <section\n      data-ui=\"result-state\"\n      data-part=\"root\"\n      data-status=\"error\"\n      data-reach=\"section\"\n      data-align=\"center\"\n      data-live=\"polite\"\n    >\n      <div data-part=\"media\" aria-hidden=\"true\"></div>\n      <div data-part=\"content\" role=\"status\"><div data-part=\"title\">{{ t('error') }}</div></div>\n      <div data-part=\"actions\">\n        <button\n          data-ui=\"button\"\n          data-part=\"root\"\n          data-variant=\"outline\"\n          data-tone=\"secondary\"\n          data-size=\"sm\"\n          type=\"button\"\n          (click)=\"onRetry()\"\n        >\n          <span data-part=\"label\">{{ t('retry') }}</span>\n        </button>\n      </div>\n    </section>\n    }\n  </div>\n  } @else if (current?.empty; as reason) {\n  <div data-part=\"empty\">\n    @if (emptyTemplate(); as custom) {\n    <ng-container *ngTemplateOutlet=\"custom.template; context: { $implicit: reason }\" />\n    } @else {\n    <section\n      data-ui=\"result-state\"\n      data-part=\"root\"\n      data-reach=\"section\"\n      data-align=\"center\"\n      data-live=\"polite\"\n      [attr.data-status]=\"reason === 'all-hidden' ? 'no-results' : 'empty'\"\n    >\n      <div data-part=\"media\" aria-hidden=\"true\"></div>\n      <div data-part=\"content\" role=\"status\">\n        <div data-part=\"title\">{{ reason === 'all-hidden' ? t('allHidden') : t('noData') }}</div>\n      </div>\n      @if (reason === 'all-hidden') {\n      <div data-part=\"actions\">\n        <button\n          data-ui=\"button\"\n          data-part=\"root\"\n          data-variant=\"outline\"\n          data-tone=\"secondary\"\n          data-size=\"sm\"\n          type=\"button\"\n          (click)=\"showAll($event)\"\n        >\n          <span data-part=\"label\">{{ t('showAll') }}</span>\n        </button>\n      </div>\n      }\n    </section>\n    }\n  </div>\n  }\n  <p data-part=\"summary\" [id]=\"id + '-summary'\">{{ summary() }}</p>\n</div>\n", styles: ["@layer slotted.components{[data-ui=button]{--_solid: var(--slotted-tone-accent-solid);--_solid-hover: var(--slotted-tone-accent-solid-hover);--_solid-active: var(--slotted-tone-accent-solid-active);--_on-solid: var(--slotted-tone-accent-on-solid);--_text: var(--slotted-tone-accent-text);--_edge: var(--_solid);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_padding-inline-visual: max( var(--slotted-space-2, .25rem), calc(var(--_padding-inline) - var(--slotted-space-2, .25rem)) );--_sweep-width: calc(var(--_height) * 2);--_sweep-strength: .34;align-items:center;appearance:none;background:transparent;border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--slotted-control-radius, 4px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);position:relative;text-align:center;text-decoration:none;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent}[data-ui=button][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_solid-hover: var(--slotted-tone-secondary-solid-hover);--_solid-active: var(--slotted-tone-secondary-solid-active);--_on-solid: var(--slotted-tone-secondary-on-solid);--_text: var(--slotted-tone-secondary-text);--_edge: var(--_solid-active)}[data-ui=button][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_solid-hover: var(--slotted-tone-success-solid-hover);--_solid-active: var(--slotted-tone-success-solid-active);--_on-solid: var(--slotted-tone-success-on-solid);--_text: var(--slotted-tone-success-text)}[data-ui=button][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_solid-hover: var(--slotted-tone-warning-solid-hover);--_solid-active: var(--slotted-tone-warning-solid-active);--_on-solid: var(--slotted-tone-warning-on-solid);--_text: var(--slotted-tone-warning-text)}[data-ui=button][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_solid-hover: var(--slotted-tone-danger-solid-hover);--_solid-active: var(--slotted-tone-danger-solid-active);--_on-solid: var(--slotted-tone-danger-on-solid);--_text: var(--slotted-tone-danger-text)}[data-ui=button][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=button][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=button][data-variant=solid]{background:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_on-solid, ButtonText)}[data-ui=button][data-variant=outline]{background:transparent;border-color:var(--slotted-control-border-color, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_text, ButtonText)}[data-ui=button][data-variant=ghost]{background:transparent;border-color:transparent;color:var(--_text, ButtonText)}[data-ui=button][data-variant=outline],[data-ui=button][data-variant=ghost],[data-ui=button][data-variant=solid][data-tone=secondary]{--_sweep-strength: .18}[data-ui=button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active, Highlight);border-color:var(--slotted-tone-accent-border, Highlight);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-tone-accent-text, HighlightText)}[data-ui=button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover, Highlight)}[data-ui=button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active, Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin, 1px));transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover, Highlight)}[data-ui=button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active, Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui=button]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=button]:disabled,[data-ui=button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=button][data-variant=solid]:disabled,[data-ui=button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=button][data-variant=outline]:disabled,[data-ui=button][data-variant=outline][data-disabled]{background:transparent;border-color:var(--slotted-disabled-border, GrayText)}[data-ui=button][data-pressed]:disabled,[data-ui=button][data-pressed][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=button][data-disabled]:not(:disabled){color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=solid][data-disabled]:not(:disabled),[data-ui=button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace);border-color:var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle, GrayText)}[data-ui=button][data-loading]{cursor:progress}[data-ui=button][data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:0}[data-ui=button] [data-part=indicator]{--slotted-spinner-size: var(--_icon-size);flex:none}[data-ui=button]>[data-part=indicator]{inset:0;margin:auto;position:absolute}@media(prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(to right,transparent,currentColor 40%,transparent 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:\"\";inset:0;opacity:var(--_sweep-strength);pointer-events:none;position:absolute}[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):dir(rtl):after{animation-direction:reverse;background-image:linear-gradient(to left,transparent,currentColor 40%,transparent 80%)}[data-ui=button]:not([data-shape])[data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:1}[data-ui=button]:not([data-shape])[data-loading] [data-part=indicator]{opacity:0;position:absolute}}}[data-ui=button] [data-part=start],[data-ui=button] [data-part=end],[data-ui=button] [data-part=icon]{align-items:center;block-size:var(--_icon-size);box-sizing:border-box;display:inline-flex;flex:none;font-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;line-height:1;position:relative}[data-ui=button] [data-part=start]>*:not([data-part=indicator]),[data-ui=button] [data-part=end]>*:not([data-part=indicator]),[data-ui=button] [data-part=icon]>*:not([data-part=indicator]){block-size:100%;display:block;inline-size:100%}[data-ui=button] [data-part=label]{line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}@supports (text-box: trim-both cap alphabetic){[data-ui=button] [data-part=label]{padding-block:calc((var(--slotted-line-height-sm, 1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui=button]:not([data-shape]):has(>[data-part=start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui=button]:not([data-shape]):has(>[data-part=end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui=button][data-full-width]{inline-size:100%}[data-ui=button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height),var(--slotted-target-min, 24px));min-inline-size:var(--slotted-target-min, 24px);padding-block:0;padding-inline:0}[data-ui=button][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}@media(forced-colors:active){[data-ui=button]{border-color:ButtonBorder}[data-ui=button][data-pressed]{border-color:Highlight}[data-ui=button]:disabled,[data-ui=button][data-disabled]{border-color:GrayText;color:GrayText}}@media(prefers-reduced-motion:reduce){[data-ui=button] [data-part=indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}\n", "@layer slotted.components{[data-ui=result-state][data-part=root]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-xl, 1.125rem) );--_title-line-height: var(--slotted-line-height-xl, 1.45);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-md, .875rem) );--_media-size: var(--slotted-result-state-media-size, var(--slotted-control-height-md, 34px));--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-9, 2rem));--_inset-inline: var(--slotted-result-state-padding-inline, var(--slotted-space-6, 1rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-6, 1rem));--_column-gap: var(--slotted-result-state-column-gap, var(--slotted-space-4, .5rem));--_text-gap: var(--slotted-result-state-text-gap, var(--slotted-space-4, .5rem));--_actions-gap: var(--slotted-result-state-actions-block-gap, var(--slotted-space-8, 1.5rem));--_title-tracking: var(--slotted-result-state-title-letter-spacing, -.01em);--_art: var(--slotted-control-height-lg, 38px);--_art-glyph: var(--slotted-control-icon-size-lg, 18px);container-name:slotted-result-state;container-type:inline-size;inline-size:100%;box-sizing:border-box;color:var(--slotted-text);display:grid;font-family:var( --slotted-result-state-font-family, var(--slotted-font-family-sans, sans-serif) );font-size:var(--_title-font-size);grid-template-columns:minmax(0,1fr);isolation:isolate;line-height:var(--_title-line-height);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);row-gap:var(--_row-gap);transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter),display var(--slotted-duration-short) var(--slotted-easing-enter);transition-behavior:allow-discrete}[data-ui=result-state][data-part=root][data-reach=inline]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-sm, .8125rem) );--_title-line-height: var(--slotted-line-height-sm, 1.45);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-xs, .75rem) );--_media-size: var( --slotted-result-state-media-size, var(--slotted-control-icon-size-md, 16px) );--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-4, .5rem));--_inset-inline: var(--slotted-result-state-padding-inline, var(--slotted-space-4, .5rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-3, .375rem));--_title-tracking: var(--slotted-result-state-title-letter-spacing, 0);grid-template-columns:auto minmax(0,auto) auto}[data-ui=result-state][data-part=root][data-reach=page]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-3xl, 1.5rem) );--_title-line-height: var(--slotted-line-height-3xl, 1.3);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-lg, 1rem) );--_media-size: var( --slotted-result-state-media-size, calc(var(--slotted-control-height-lg, 38px) * 1.5) );--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-12, 4rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-8, 1.5rem));--_actions-gap: var(--slotted-result-state-actions-block-gap, var(--slotted-space-9, 2rem));--_art: calc(var(--slotted-control-height-lg, 38px) * 1.5);--_art-glyph: calc(var(--slotted-control-icon-size-lg, 18px) * 1.5)}[data-ui=result-state][data-part=root][data-align=center]{justify-items:center;text-align:center}[data-ui=result-state][data-part=root][data-align=start]{justify-items:start;text-align:start}[data-ui=result-state][data-part=root][data-reach=inline][data-align=center]{justify-content:center;justify-items:stretch}[data-ui=result-state][data-part=root][data-reach=inline][data-align=start]{justify-content:start;justify-items:stretch}[data-ui=result-state]>[data-part=media]:empty{background:var(--slotted-result-state-media) center / contain no-repeat;block-size:var(--_media-size);display:none;inline-size:var(--_media-size)}[data-ui=result-state]>[data-part=media]:not(:empty){align-items:center;background-color:transparent;block-size:var(--_media-size);display:flex;inline-size:auto;justify-content:center;min-inline-size:var(--_media-size)}[data-ui=result-state]>[data-part=media]:not(:empty)>*{block-size:100%;inline-size:auto;max-inline-size:100%}[data-ui=result-state][data-reach=inline]>[data-part=media]:not(:empty){align-self:start;grid-column:1;grid-row:1;margin-block-start:calc((1lh - var(--_media-size)) / 2);margin-inline-end:var(--_column-gap)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty){--_ring: var(--slotted-space-2, .25rem);--_inner-radius: var(--slotted-radius-lg, 8px);background-color:var(--slotted-surface-sunken);block-size:calc(var(--_art) + 2 * var(--_ring));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:calc(var(--_inner-radius) + var(--_ring));box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:calc(var(--_art) + 2 * var(--_ring));min-inline-size:0;position:relative;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),scale var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty):before{background-color:var(--slotted-surface-raised);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--_inner-radius);box-shadow:var(--slotted-shadow-xs);content:\"\";inset:calc(var(--_ring) - var(--slotted-border-width-thin, 1px));position:absolute;z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty)>*{block-size:var(--_art-glyph);inline-size:var(--_art-glyph);position:relative}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty){--_side: calc(var(--_art) + var(--slotted-space-2, .25rem));--_lean: 1;--_step-x: calc(var(--_side) * -.36 * var(--_lean));--_step-y: calc(var(--_side) * -.3);--_layer-border: var(--slotted-border-width-thin, 1px);--_far: color-mix(in oklab, var(--slotted-border-subtle) 60%, transparent);block-size:var(--_side);border-radius:var(--slotted-radius-lg, 8px);box-shadow:calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 0 var(--slotted-surface-raised),calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 var(--_layer-border) var(--_far);box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:var(--_side);margin-block:calc(var(--_side) * .37);margin-inline:calc(var(--_side) * .28);min-inline-size:0;position:relative;transform:skewY(calc(-26deg * var(--_lean))) scaleX(.9);transition:box-shadow var(--slotted-duration-long) var(--slotted-easing-enter);translate:calc(var(--_side) * .325 * var(--_lean)) calc(var(--_side) * .145)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]:dir(rtl)>[data-part=media]:not(:empty){--_lean: -1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):before,[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):after{background-color:var(--slotted-surface-raised);border:var(--_layer-border) solid var(--slotted-border-subtle);border-radius:inherit;content:\"\";inset:0;position:absolute}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):before{border-color:color-mix(in oklab,var(--slotted-border-subtle),var(--slotted-border-strong) 30%);box-shadow:var(--slotted-shadow-sm);z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):after{transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);translate:var(--_step-x) var(--_step-y);z-index:-2}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty)>*{block-size:calc(var(--_side) * .5);inline-size:calc(var(--_side) * .5)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]{--_pad: var(--slotted-space-6, 1rem);--_gap: var(--slotted-space-5, .75rem);--_thumb: var(--slotted-control-height-sm, 30px);--_step: var(--slotted-space-5, .75rem);--_line: var(--slotted-space-4, .5rem);--_line-2: var(--slotted-space-3, .375rem);--_line-gap: var(--slotted-space-3, .375rem);--_lines-x: calc(var(--_pad) + var(--_thumb) + var(--_gap));--_line-1-length: calc( ( var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem) - var(--_lines-x) - var(--_pad) ) * .75 );--_line-2-length: calc( ( var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem) - var(--_lines-x) - var(--_pad) ) * .5 );--_line-1-y: calc( (var(--_thumb) + 2 * var(--_pad) - var(--_line) - var(--_line-gap) - var(--_line-2)) / 2 );--_edge: left;--_ink: var(--slotted-border-subtle);--_ink-2: color-mix(in oklab, var(--slotted-border-subtle) 60%, var(--slotted-surface-raised));align-items:center;background:radial-gradient(closest-side,var(--_ink) calc(100% - .5px),transparent) var(--_edge) var(--_lines-x) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat,radial-gradient(closest-side,var(--_ink) calc(100% - .5px),transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-1-length) - var(--_line)) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat,linear-gradient(var(--_ink),var(--_ink)) var(--_edge) calc(var(--_lines-x) + var(--_line) / 2) top var(--_line-1-y) / calc(var(--_line-1-length) - var(--_line)) var(--_line) no-repeat,radial-gradient(closest-side,var(--_ink-2) calc(100% - .5px),transparent) var(--_edge) var(--_lines-x) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat,radial-gradient(closest-side,var(--_ink-2) calc(100% - .5px),transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-2-length) - var(--_line-2)) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat,linear-gradient(var(--_ink-2),var(--_ink-2)) var(--_edge) calc(var(--_lines-x) + var(--_line-2) / 2) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / calc(var(--_line-2-length) - var(--_line-2)) var(--_line-2) no-repeat,var(--slotted-surface-raised);background-origin:border-box;block-size:calc(var(--_thumb) + 2 * var(--_pad));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-lg, 8px);box-shadow:var(--slotted-shadow-sm);box-sizing:border-box;color:var(--slotted-text-muted);display:flex;forced-color-adjust:none;inline-size:calc(var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem));justify-content:flex-start;margin-block-start:calc(2 * var(--_step));max-inline-size:100%;min-inline-size:0;padding-inline:calc(var(--_pad) - var(--slotted-border-width-thin, 1px));position:relative}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:empty{--_lines-x: var(--_pad)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]:dir(rtl)>[data-part=media]{--_edge: right}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:before,[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:after{background-color:var(--slotted-surface-sunken);block-size:100%;border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:inherit;box-sizing:border-box;content:\"\";inset-block-start:calc(-1 * var(--slotted-border-width-thin, 1px));position:absolute;transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:before{border-color:var(--_ink-2);inset-inline:calc(2 * var(--_step) - var(--slotted-border-width-thin, 1px));translate:0 calc(-2 * var(--_step))}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:after{inset-inline:calc(var(--_step) - var(--slotted-border-width-thin, 1px));translate:0 calc(-1 * var(--_step))}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]>*{background-color:var(--slotted-surface-sunken);block-size:var(--_thumb);border-radius:var(--slotted-radius-sm, 4px);box-sizing:border-box;flex:none;inline-size:var(--_thumb);padding:calc((var(--_thumb) - var(--slotted-control-icon-size-md, 16px)) / 2)}[data-ui=result-state]>[data-part=content]{display:grid;min-inline-size:0;row-gap:var(--_text-gap)}[data-ui=result-state][data-reach=inline]>[data-part=content]{grid-column:2;grid-row:1}[data-ui=result-state] [data-part=title]{font-family:var( --slotted-result-state-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-size:var(--_title-font-size);font-weight:var( --slotted-result-state-title-font-weight, var(--slotted-font-weight-semibold, 600) );letter-spacing:var(--_title-tracking);line-height:var(--_title-line-height);margin:0;min-inline-size:0;overflow-wrap:break-word;text-wrap:balance}[data-ui=result-state] [data-part=description]{color:var(--slotted-text-muted);font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0;overflow-wrap:break-word}[data-ui=result-state]>[data-part=actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-result-state-actions-gap, var(--slotted-space-4, .5rem));min-inline-size:0}[data-ui=result-state][data-align=center]>[data-part=actions]{justify-content:center}[data-ui=result-state]:not([data-reach=inline])>[data-part=content]+[data-part=actions]{margin-block-start:calc(var(--_actions-gap) - var(--_row-gap))}[data-ui=result-state][data-reach=inline]>[data-part=actions]{align-content:center;align-self:start;block-size:1lh;grid-column:3;grid-row:1;margin-inline-start:var(--_column-gap)}[data-ui=result-state]>[data-part=footer]{color:var(--slotted-text-muted);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0}[data-ui=result-state][data-reach=inline]>[data-part=footer]{grid-column:2;grid-row:2}[data-ui=result-state][data-part=root]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-result-state (max-width: 20rem){[data-ui=result-state]>[data-part=actions]{flex-direction:column}[data-ui=result-state][data-align=center]>[data-part=actions]{align-items:center}[data-ui=result-state][data-align=start]>[data-part=actions]{align-items:flex-start}[data-ui=result-state][data-reach=inline]{grid-template-columns:auto minmax(0,1fr)}[data-ui=result-state][data-reach=inline]>[data-part=actions]{block-size:auto;grid-column:2;grid-row:2;margin-inline-start:0}[data-ui=result-state][data-reach=inline]>[data-part=footer]{grid-column:2;grid-row:3}}[data-ui=result-state][data-part=root][hidden]{display:none;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),display var(--slotted-duration-short) var(--slotted-easing-exit)}@starting-style{[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive]){opacity:0}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])>[data-part=media]{--_step-x: 0px;--_step-y: 0px}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=tile]>[data-part=media]{opacity:0;scale:.96}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part=media]:before,[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part=media]:after{translate:0 0}}[data-ui=result-state][data-illustration=cards]>[data-part=media]:before{transition-delay:var(--slotted-duration-short)}}\n", "@layer slotted.components{[data-ui=skeleton][data-part=root][data-loading],[data-ui=skeleton][data-part=text][data-loading] [data-part=line]{--_fill: var( --slotted-skeleton-fill, color-mix( in oklab, var(--slotted-disabled-background, ButtonFace) 92%, var(--slotted-text, CanvasText) ) );--_edge: var(--slotted-skeleton-border-color, var(--slotted-border-subtle, ButtonBorder));--_highlight: var( --slotted-skeleton-highlight-color, color-mix(in oklab, var(--_fill) 86%, var(--slotted-text, CanvasText)) );--_trough: var( --slotted-skeleton-trough-color, color-mix(in oklab, var(--_fill) 60%, var(--slotted-surface-sunken, Canvas)) );background-color:var(--_fill);border:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px)) solid var(--_edge);box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-ui=skeleton][data-part=root]{display:inline-block;min-block-size:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px))}[data-ui=skeleton][data-part=root][data-shape=text]{--_line: var(--slotted-skeleton-line-size, 1cap);block-size:var(--slotted-skeleton-block-size, var(--_line));border-radius:var(--slotted-radius-full, 9999px);inline-size:var(--slotted-skeleton-inline-size, 100%);vertical-align:calc(.5cap - .5 * var(--_line))}[data-ui=skeleton][data-part=root][data-shape=block]{block-size:var(--slotted-skeleton-block-size, auto);border-radius:var(--slotted-skeleton-radius, var(--slotted-radius-md, 6px));display:block;inline-size:var(--slotted-skeleton-inline-size, 100%);min-block-size:var(--slotted-skeleton-min-block-size, 1lh)}[data-ui=skeleton][data-part=root][data-shape=circle],[data-ui=skeleton][data-part=root][data-shape=square]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px));block-size:var(--slotted-skeleton-block-size, var(--_size));inline-size:var(--slotted-skeleton-inline-size, var(--_size))}[data-ui=skeleton][data-part=root][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}[data-ui=skeleton][data-part=root][data-shape=square]{border-radius:var(--slotted-skeleton-radius, calc(var(--_size) / 6))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xs],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xs]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xs, 24px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=sm],[data-ui=skeleton][data-part=root][data-shape=square][data-size=sm]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-sm, 28px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=md],[data-ui=skeleton][data-part=root][data-shape=square][data-size=md]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=lg],[data-ui=skeleton][data-part=root][data-shape=square][data-size=lg]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-lg, 48px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xl],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xl]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xl, 64px))}[data-ui=skeleton][data-part=root][data-loading]:not(:empty){block-size:var(--slotted-skeleton-block-size, auto);color:transparent;inline-size:var(--slotted-skeleton-inline-size, auto)}[data-ui=skeleton][data-part=root][data-loading]:not(:empty)>*{visibility:hidden}[data-ui=skeleton][data-part=text]{align-items:center;display:grid;grid-auto-rows:var(--slotted-skeleton-row-size, 1lh);inline-size:var(--slotted-skeleton-inline-size, 100%)}[data-ui=skeleton] [data-part=line]{block-size:var(--slotted-skeleton-line-size, 1cap);border-radius:var(--slotted-radius-full, 9999px);inline-size:100%}[data-ui=skeleton] [data-part=line]:last-child:not(:only-child){inline-size:var(--slotted-skeleton-last-line-size, 62%)}[data-ui=skeleton][data-part=root]:not([data-loading]),[data-ui=skeleton][data-part=text]:not([data-loading]){display:contents}[data-ui=skeleton][data-part=region]{inline-size:var(--slotted-skeleton-inline-size, 100%);min-inline-size:0}[data-ui=skeleton][data-part=root][data-loading]:not([data-animation=none]),[data-ui=skeleton][data-part=text][data-loading]:not([data-animation=none]) [data-part=line]{overflow:clip;position:relative}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-delay:calc(var(--slotted-skeleton-phase, 0) * var(--slotted-duration-loop-slow) * -1);animation-duration:var(--slotted-duration-loop-slow);animation-iteration-count:infinite;content:\"\";inset-block:0;inset-inline:0;pointer-events:none;position:absolute}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-timing-function:ease-in-out;background-color:var(--_trough);opacity:0}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-timing-function:linear;background-image:linear-gradient(90deg,transparent 14%,var(--_highlight) 50%,transparent 86%)}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:dir(rtl):after,[data-ui=skeleton][data-animation=shimmer][data-loading]:dir(rtl) [data-part=line]:after{animation-direction:reverse}@media(prefers-reduced-motion:no-preference){[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-pulse}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-sweep}}@keyframes slotted-skeleton-pulse{50%{opacity:1}}@keyframes slotted-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){[data-ui=skeleton]:after,[data-ui=skeleton] [data-part=line]:after{animation:none}}@media(forced-colors:active){[data-ui=skeleton][data-part=root][data-loading]:after,[data-ui=skeleton][data-part=text][data-loading] [data-part=line]:after{background-image:none}}}\n", "@layer slotted.components{[data-ui=chart]{--_gap: var(--slotted-chart-gap, var(--slotted-space-5, .75rem));--_plot-size: var(--slotted-chart-plot-block-size, calc(var(--slotted-space-12, 4rem) * 4));--_radius: var(--slotted-chart-radius, var(--slotted-radius-md, 6px));--_chart-slot-1: var(--slotted-chart-color-1, var(--slotted-data-1));--_chart-slot-2: var(--slotted-chart-color-2, var(--slotted-data-2));--_chart-slot-3: var(--slotted-chart-color-3, var(--slotted-data-3));--_chart-slot-4: var(--slotted-chart-color-4, var(--slotted-data-4));--_chart-slot-5: var(--slotted-chart-color-5, var(--slotted-data-5));--_chart-slot-6: var(--slotted-chart-color-6, var(--slotted-data-6));--_chart-slot-7: var(--slotted-chart-color-7, var(--slotted-data-7));--_chart-slot-8: var(--slotted-chart-color-8, var(--slotted-data-8));--_chart-tone-neutral: var(--slotted-text-muted, GrayText);--_chart-tone-accent: var(--slotted-tone-accent-text, CanvasText);--_chart-tone-secondary: var(--slotted-tone-secondary-text, CanvasText);--_chart-tone-success: var(--slotted-tone-success-text, CanvasText);--_chart-tone-warning: var(--slotted-tone-warning-text, CanvasText);--_chart-tone-danger: var(--slotted-tone-danger-text, CanvasText);--_chart-overflow: var(--slotted-text-muted, GrayText);--_chart-text: var(--slotted-text, CanvasText);--_chart-label: var(--slotted-chart-label-color, var(--slotted-text-muted, GrayText));--_chart-grid: var(--slotted-chart-grid-color, var(--slotted-border-subtle, GrayText));--_chart-axis: var(--slotted-chart-axis-color, var(--slotted-control-border-color, GrayText));--_chart-reference: var( --slotted-chart-reference-color, var(--slotted-border-strong, GrayText) );--_chart-surface: var(--slotted-chart-surface, var(--slotted-surface, Canvas));--_chart-label-size: var(--slotted-chart-label-size, var(--slotted-font-size-xs, .75rem));--_chart-line-width: var(--slotted-chart-line-width, var(--slotted-border-width-thick, 2px));--_chart-marker-size: var(--slotted-chart-marker-size, var(--slotted-space-4, .5rem));--_chart-bar-radius: var(--slotted-chart-bar-radius, var(--slotted-radius-sm, 4px));--_chart-area-opacity: var(--slotted-chart-area-opacity, .18);--_chart-inset: var(--slotted-chart-inset, var(--slotted-control-gap-md, .5rem));--_chart-duration: var(--slotted-duration-long);--_chart-easing: var(--slotted-easing-standard);box-sizing:border-box;color:var(--slotted-text, CanvasText);container:slotted-chart / inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, system-ui, sans-serif);font-size:var(--slotted-font-size-md, .875rem);gap:var(--_gap);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0}[data-ui=chart][data-size=sm]{--_plot-size: var(--slotted-chart-plot-block-size-sm, calc(var(--slotted-space-12, 4rem) * 3))}[data-ui=chart][data-size=lg]{--_plot-size: var(--slotted-chart-plot-block-size-lg, calc(var(--slotted-space-12, 4rem) * 6))}[data-ui=chart][data-palette=sequential]{--_hue: var(--slotted-chart-sequential-color, var(--slotted-tone-accent-text, CanvasText));--_chart-slot-1: var(--_hue);--_chart-slot-2: color-mix(in oklab, var(--_hue) 76%, var(--_chart-surface));--_chart-slot-3: color-mix(in oklab, var(--_hue) 56%, var(--_chart-surface));--_chart-slot-4: color-mix(in oklab, var(--_hue) 40%, var(--_chart-surface));--_chart-slot-5: color-mix(in oklab, var(--_hue) 28%, var(--_chart-surface));--_chart-slot-6: color-mix(in oklab, var(--_hue) 20%, var(--_chart-surface));--_chart-slot-7: color-mix(in oklab, var(--_hue) 14%, var(--_chart-surface));--_chart-slot-8: color-mix(in oklab, var(--_hue) 10%, var(--_chart-surface))}[data-ui=chart][data-palette=focus]{--_muted: var(--slotted-text-muted, GrayText);--_chart-slot-1: var(--slotted-chart-focus-color, var(--slotted-tone-accent-text, CanvasText));--_chart-slot-2: color-mix(in oklab, var(--_muted) 70%, var(--_chart-surface));--_chart-slot-3: color-mix(in oklab, var(--_muted) 52%, var(--_chart-surface));--_chart-slot-4: color-mix(in oklab, var(--_muted) 38%, var(--_chart-surface));--_chart-slot-5: color-mix(in oklab, var(--_muted) 30%, var(--_chart-surface));--_chart-slot-6: color-mix(in oklab, var(--_muted) 24%, var(--_chart-surface));--_chart-slot-7: color-mix(in oklab, var(--_muted) 20%, var(--_chart-surface));--_chart-slot-8: color-mix(in oklab, var(--_muted) 16%, var(--_chart-surface))}[data-ui=chart][data-variant=card]{--_chart-surface: var(--slotted-chart-surface, var(--slotted-surface-raised, Canvas));background-color:var(--_chart-surface);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);border-radius:var(--slotted-chart-card-radius, var(--slotted-radius-lg, 8px));padding-block:var(--slotted-chart-card-padding-block, var(--slotted-space-6, 1rem));padding-inline:var(--slotted-chart-card-padding-inline, var(--slotted-space-6, 1rem))}[data-ui=chart]>[data-part=header]{align-items:start;display:flex;gap:var(--slotted-space-4, .5rem);min-inline-size:0}[data-ui=chart]>[data-part=header]>:first-child{align-content:start;display:grid;flex:1 1 auto;gap:var(--slotted-space-1, .125rem);min-inline-size:0}[data-ui=chart]>[data-part=header]>:first-child>:first-child{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);min-inline-size:0}[data-ui=chart]>[data-part=header] [data-part=title]{color:var(--slotted-text, CanvasText);font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--slotted-font-size-lg, 1rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-lg, 1.5);min-inline-size:0;overflow-wrap:anywhere}[data-ui=chart]>[data-part=header] [data-part=description]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45);overflow-wrap:anywhere}[data-ui=chart][data-variant=card]>[data-part=header] :is([data-part=title],[data-part=description]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=chart][data-variant=card]>[data-part=header] [data-part=title]{font-size:var(--slotted-font-size-md, .875rem);line-height:var(--slotted-line-height-md, 1.5)}[data-ui=chart][data-variant=card]>[data-part=header]>:first-child{min-block-size:calc(var(--slotted-font-size-md, .875rem) * var(--slotted-line-height-md, 1.5) + var(--slotted-space-1, .125rem) + var(--slotted-font-size-sm, .8125rem) * var(--slotted-line-height-sm, 1.45))}[data-ui=chart]>[data-part=header]>[data-part=actions]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-2, .25rem)}[data-ui=chart]>[data-part=header]>[data-part=toolbar]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-1, .125rem);margin-block:calc((var(--slotted-font-size-lg, 1rem) * var(--slotted-line-height-lg, 1.5) - var(--slotted-control-height-sm, 1.75rem)) / 2);transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=chart][data-toolbar=hover]>[data-part=header]>[data-part=toolbar]{opacity:0}[data-ui=chart]>[data-part=header]>[data-part=toolbar][data-waiting]{visibility:hidden}[data-ui=chart][data-toolbar=hover]:is(:hover,:focus-within):not([data-disabled])>[data-part=header]>[data-part=toolbar]{opacity:1}@media(hover:none){[data-ui=chart][data-toolbar=hover]>[data-part=header]>[data-part=toolbar]{opacity:1}}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger],[data-part=help]){--_box: var(--slotted-control-height-sm, 1.75rem);align-items:center;background:transparent;block-size:var(--_box);border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-md, 6px));color:var(--slotted-text-muted, GrayText);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_box);justify-content:center;padding:0;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),color var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=chart] [data-part=help]{--_box: var(--slotted-control-inner-size-sm, 1.25rem);margin-block:calc((var(--slotted-font-size-md, .875rem) * var(--slotted-line-height-md, 1.5) - var(--_box)) / 2)}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger],[data-part=help]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover, ButtonFace);color:var(--slotted-text, CanvasText)}[data-ui=chart] :is([data-part=view-toggle],[data-part=menu-trigger],[data-part=help])[data-pressed],[data-ui=chart] :is([data-part=menu-trigger],[data-part=help])[data-open]{background-color:var(--slotted-tone-secondary-surface, ButtonFace);color:var(--slotted-text, CanvasText)}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger],[data-part=help],[data-part=legend-more],[data-part=menu-item]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui=chart] :is([data-part=menu],[data-part=help-content]){background-color:var(--slotted-surface-raised, Canvas);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);border-radius:var(--slotted-radius-md, 6px);box-shadow:var(--slotted-shadow-md, none);box-sizing:border-box;color:var(--slotted-text, CanvasText);font-family:var(--slotted-font-family-sans, system-ui, sans-serif);font-size:var(--slotted-font-size-sm, .8125rem);inset:0 auto auto 0;line-height:var(--slotted-line-height-sm, 1.45);margin:0;max-inline-size:min(20rem,calc(100vw - var(--slotted-space-8, 1.5rem)));position:fixed;transform:translate(var(--slotted-chart-x, 0px),var(--slotted-chart-y, 0px));z-index:var(--slotted-z-index-popover, 1100)}[data-ui=chart] [data-part=menu]{display:grid;min-inline-size:11rem;padding:var(--slotted-space-2, .25rem)}[data-ui=chart] [data-part=menu]:not(:popover-open,[data-open]){display:none}[data-ui=chart] [data-part=help-content]{padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-5, .75rem)}[data-ui=chart] [data-part=help-content]:not(:popover-open,[data-open]){display:none}[data-ui=chart] [data-part=menu-item]{align-items:center;background:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--slotted-space-3, .375rem);min-block-size:var(--slotted-control-height-sm, 1.75rem);padding-inline:var(--slotted-space-4, .5rem);text-align:start}[data-ui=chart] [data-part=menu-item]:is([data-action=view],[data-action=fullscreen]){display:none}[data-ui=chart] [data-part=menu-item]:hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=chart] [data-part=legend]{align-items:center;display:flex;flex:none;flex-wrap:nowrap;gap:var(--slotted-space-1, .125rem) var(--slotted-space-2, .25rem);list-style:none;margin:0;margin-inline-start:calc(var(--slotted-space-3, .375rem) * -1);min-block-size:var(--slotted-target-min, 1.5rem);min-inline-size:0;overflow:hidden;padding:0}[data-ui=chart][data-legend-overflow=wrap] [data-part=legend]{flex-wrap:wrap;overflow:visible}[data-ui=chart] [data-slot=\"1\"]{--_series: var(--_chart-slot-1)}[data-ui=chart] [data-slot=\"2\"]{--_series: var(--_chart-slot-2)}[data-ui=chart] [data-slot=\"3\"]{--_series: var(--_chart-slot-3)}[data-ui=chart] [data-slot=\"4\"]{--_series: var(--_chart-slot-4)}[data-ui=chart] [data-slot=\"5\"]{--_series: var(--_chart-slot-5)}[data-ui=chart] [data-slot=\"6\"]{--_series: var(--_chart-slot-6)}[data-ui=chart] [data-slot=\"7\"]{--_series: var(--_chart-slot-7)}[data-ui=chart] [data-slot=\"8\"]{--_series: var(--_chart-slot-8)}[data-ui=chart] [data-tone=neutral]{--_series: var(--_chart-tone-neutral)}[data-ui=chart] [data-tone=accent]{--_series: var(--_chart-tone-accent)}[data-ui=chart] [data-tone=secondary]{--_series: var(--_chart-tone-secondary)}[data-ui=chart] [data-tone=success]{--_series: var(--_chart-tone-success)}[data-ui=chart] [data-tone=warning]{--_series: var(--_chart-tone-warning)}[data-ui=chart] [data-tone=danger]{--_series: var(--_chart-tone-danger)}[data-ui=chart] [data-overflow]{--_series: var(--_chart-overflow)}[data-ui=chart] :is([data-part=legend-item],[data-part=legend-more]){align-items:center;background:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-md, 6px));color:var(--slotted-text, CanvasText);display:inline-flex;flex:none;font:inherit;font-size:var(--slotted-control-font-size-sm, .75rem);gap:var(--slotted-space-3, .375rem);line-height:var(--slotted-line-height-sm, 1.45);max-inline-size:100%;min-block-size:var(--slotted-target-min, 1.5rem);min-inline-size:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),color var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=chart] :is([data-part=legend-item],[data-part=legend-more])[hidden]{display:none}[data-ui=chart] [data-part=legend-more]{color:var(--slotted-text-muted, GrayText);cursor:pointer;font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=chart] [data-part=menu] [data-part=legend-item]{inline-size:100%}[data-ui=chart] :is(button[data-part=legend-item],[data-part=legend-more]){cursor:pointer}[data-ui=chart] :is(button[data-part=legend-item],[data-part=legend-more]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=chart] [data-part=legend-item]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker]){background-color:var(--_series);block-size:.625rem;border-radius:var(--slotted-radius-xs, 2px);flex:none;inline-size:.625rem}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-kind=line]{block-size:var(--slotted-border-width-thick, 2px);border-radius:var(--slotted-radius-full, 9999px);inline-size:.875rem}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-kind=scatter]{border-radius:var(--slotted-radius-full, 9999px)}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-stroke=dashed]{background:repeating-linear-gradient(to right,var(--_series) 0 3px,transparent 3px 5px)}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-stroke=dotted]{background:repeating-linear-gradient(to right,var(--_series) 0 2px,transparent 2px 4px)}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-stroke=dash-dot]{background:repeating-linear-gradient(to right,var(--_series) 0 5px,transparent 5px 7px,var(--_series) 7px 9px,transparent 9px 11px)}[data-ui=chart] [data-part=legend-label]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=chart] [data-part=legend-value]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=chart] [data-part=legend-item][data-current] [data-part=legend-value]{color:var(--slotted-text, CanvasText)}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]){color:var(--slotted-text-muted, GrayText)}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]) [data-part=legend-marker]{background:transparent;box-shadow:inset 0 0 0 var(--slotted-border-width-medium, 1.5px) var(--_series)}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]) [data-part=legend-marker][data-kind=line]{background:var(--_series);box-shadow:none;opacity:.4}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]) [data-part=legend-label]{text-decoration:line-through;text-decoration-color:color-mix(in oklab,currentColor 55%,transparent)}[data-ui=chart] [data-part=plot]{border-radius:var(--_radius);flex:1 0 var(--_plot-size);min-block-size:var(--_plot-size);direction:ltr;min-inline-size:0;position:relative}[data-ui=chart] [data-part=plot]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=chart] [data-part=canvas]{inset:0;position:absolute;z-index:1}[data-ui=chart] [data-part=plot]:has(>[data-part=table-region]:not([hidden]))>:is([data-part=canvas],[data-part=crosshair],[data-part=marker],[data-part=tooltip],[data-part=center]){visibility:hidden}[data-ui=chart] :is([data-part=crosshair],[data-part=marker],[data-part=tooltip]){inset-block-start:0;inset-inline-start:0;pointer-events:none;position:absolute}[data-ui=chart] [data-part=crosshair]{background-color:var(--slotted-chart-crosshair-color, var(--slotted-border-strong, GrayText));block-size:var(--slotted-chart-frame-size, 100%);inline-size:1px;transform:translate(calc(var(--slotted-chart-x, 0px) - .5px),var(--slotted-chart-frame-start, 0px));z-index:0}[data-ui=chart] [data-part=crosshair][data-band]{background-color:var( --slotted-chart-band-color, color-mix(in oklab, var(--slotted-text, CanvasText) 6%, transparent) );border-radius:var(--slotted-radius-sm, 4px);inline-size:var(--slotted-chart-band-size, 0px);transform:translate(var(--slotted-chart-band-start, 0px),var(--slotted-chart-frame-start, 0px))}[data-ui=chart] [data-part=crosshair][data-orientation=horizontal]{block-size:1px;inline-size:var(--slotted-chart-frame-size, 100%);transform:translate(var(--slotted-chart-frame-start, 0px),calc(var(--slotted-chart-y, 0px) - .5px))}[data-ui=chart] [data-part=crosshair][data-band][data-orientation=horizontal]{block-size:var(--slotted-chart-band-size, 0px);transform:translate(var(--slotted-chart-frame-start, 0px),var(--slotted-chart-band-start, 0px))}[data-ui=chart] [data-part=marker]{--_size: calc(var(--_chart-marker-size) + var(--slotted-space-2, .25rem));background-color:var(--_series, var(--_chart-slot-1));block-size:var(--_size);border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_chart-surface);inline-size:var(--_size);transform:translate(calc(var(--slotted-chart-x, 0px) - var(--_size) / 2),calc(var(--slotted-chart-y, 0px) - var(--_size) / 2));z-index:2}[data-ui=chart] [data-part=marker][data-selected]{--_size: calc(var(--_chart-marker-size) * 2 + var(--slotted-space-2, .25rem));background-color:transparent;box-shadow:inset 0 0 0 var(--slotted-border-width-thick, 2px) var(--_series, CanvasText),0 0 0 var(--slotted-border-width-thick, 2px) var(--_chart-surface)}[data-ui=chart] [data-part=tooltip]{background-color:var(--slotted-chart-tooltip-surface, var(--slotted-surface-raised, Canvas));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);border-radius:var(--slotted-radius-md, 6px);box-shadow:var(--slotted-shadow-md, none);box-sizing:border-box;color:var(--slotted-text, CanvasText);column-gap:var(--slotted-space-4, .5rem);display:grid;font-size:var(--slotted-control-font-size-sm, .75rem);grid-template-columns:auto minmax(0,1fr) auto;line-height:var(--slotted-line-height-sm, 1.45);max-inline-size:min(18rem,100%);min-inline-size:8rem;opacity:0;padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-5, .75rem);row-gap:var(--slotted-space-2, .25rem);transform:translate(var(--slotted-chart-x, 0px),var(--slotted-chart-y, 0px));transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard),transform var(--slotted-duration-short) var(--slotted-easing-standard);visibility:hidden;z-index:3}[data-ui=chart] [data-part=tooltip][data-docked]{inline-size:100%;max-inline-size:100%;min-inline-size:0}[data-ui=chart]:dir(rtl) :is([data-part=tooltip],[data-part=center]){direction:rtl}[data-ui=chart]:dir(rtl) [data-part=tooltip]{inset-inline-end:0;inset-inline-start:auto}[data-ui=chart] [data-part=tooltip][data-open]{opacity:1;visibility:visible}[data-ui=chart] [data-part=tooltip]:not([data-open]){transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard),visibility var(--slotted-duration-instant) linear var(--slotted-duration-short)}[data-ui=chart] [data-part=tooltip-title]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600);grid-column:1 / -1;overflow-wrap:anywhere}[data-ui=chart] :is([data-part=tooltip-item],[data-part=tooltip-total]){align-items:center;display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=chart] [data-part=tooltip-item]{color:var(--slotted-text-muted, GrayText)}[data-ui=chart] [data-part=tooltip-item][data-current]{color:var(--slotted-text, CanvasText)}[data-ui=chart] [data-part=tooltip-label]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=chart] [data-part=tooltip-value]{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);text-align:end;white-space:nowrap}[data-ui=chart] [data-part=tooltip-total]{border-block-start:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600);margin-block-start:var(--slotted-space-2, .25rem);padding-block-start:var(--slotted-space-3, .375rem)}[data-ui=chart] [data-part=tooltip-total]>:first-child{grid-column:1 / 3}[data-ui=chart] [data-part=center]{align-content:center;display:grid;inset:0;justify-items:center;pointer-events:none;position:absolute;text-align:center;z-index:2}[data-ui=chart] [data-part=center-value]{font-size:var(--slotted-font-size-2xl, 1.25rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-2xl, 1.4)}[data-ui=chart] [data-part=center-label]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--slotted-line-height-xs, 1.4)}[data-ui=chart] [data-part=skeleton]{inset:var(--_chart-inset);position:absolute}[data-ui=chart] [data-part=skeleton]>[data-ui=skeleton]{--slotted-skeleton-fill: color-mix( in oklab, var(--slotted-text, CanvasText) 9%, var(--_chart-surface) );block-size:100%;box-sizing:border-box;column-gap:var(--_chart-inset);display:grid;grid-template-areas:\"y marks\" \". x\";grid-template-columns:2.25rem minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;inline-size:100%;row-gap:var(--_chart-inset)}[data-ui=chart] [data-part=skeleton] [data-skeleton=y]{align-items:end;display:flex;flex-direction:column;grid-area:y;justify-content:space-between}[data-ui=chart] [data-part=skeleton] [data-skeleton=x]{display:flex;grid-area:x;justify-content:space-around}[data-ui=chart] [data-part=skeleton] :is([data-skeleton=y],[data-skeleton=x])>[data-ui=skeleton]{block-size:.5rem;border-radius:var(--slotted-radius-full, 9999px);flex:none;inline-size:1.5rem;min-block-size:0}[data-ui=chart] [data-part=skeleton] [data-skeleton=y]>[data-ui=skeleton]:nth-child(odd){inline-size:2rem}[data-ui=chart] [data-part=skeleton] [data-skeleton=x]>[data-ui=skeleton]{flex:0 1 auto;min-inline-size:0}[data-ui=chart] [data-part=skeleton] [data-skeleton=marks]{align-items:end;background-image:repeating-linear-gradient(to bottom,var(--_chart-grid) 0 1px,transparent 1px calc((100% - 1px)/4));display:flex;grid-area:marks;justify-content:space-around;min-block-size:0;position:relative}[data-ui=chart] [data-part=skeleton] [data-skeleton=marks]>[data-ui=skeleton]{border-radius:var(--_chart-bar-radius) var(--_chart-bar-radius) 0 0;flex:0 1 9%;inline-size:auto;min-inline-size:0}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+1){block-size:38%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+2){block-size:62%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+3){block-size:50%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+4){block-size:74%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+5){block-size:56%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+6){block-size:44%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+7){block-size:68%}[data-ui=chart] [data-part=skeleton][data-kind=line] [data-skeleton=marks]>[data-ui=skeleton]{block-size:100%;border-radius:0;inset:0;position:absolute}[data-ui=chart] [data-part=skeleton][data-kind=line] [data-skeleton=marks]>[data-ui=skeleton]:first-child{clip-path:polygon(0% 60.5%,14% 46.5%,28% 54.5%,42% 28.5%,57% 38.5%,71% 20.5%,86% 32.5%,100% 12.5%,100% 15.5%,86% 35.5%,71% 23.5%,57% 41.5%,42% 31.5%,28% 57.5%,14% 49.5%,0% 63.5%)}[data-ui=chart] [data-part=skeleton][data-kind=line] [data-skeleton=marks]>[data-ui=skeleton]:last-child{clip-path:polygon(0% 62%,14% 48%,28% 56%,42% 30%,57% 40%,71% 22%,86% 34%,100% 14%,100% 100%,0% 100%);opacity:.35}[data-ui=chart] [data-part=skeleton][data-kind=pie]>[data-ui=skeleton]{align-items:center;display:flex;justify-content:center}[data-ui=chart] [data-part=skeleton][data-kind=pie] [data-ui=skeleton][data-shape=circle]{aspect-ratio:1;block-size:76%;flex:none;inline-size:auto;-webkit-mask-image:radial-gradient(circle,transparent calc(var(--slotted-chart-skeleton-hole, 64%) * .5),#000 calc(var(--slotted-chart-skeleton-hole, 64%) * .5 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--slotted-chart-skeleton-hole, 64%) * .5),#000 calc(var(--slotted-chart-skeleton-hole, 64%) * .5 + .5px))}[data-ui=chart] [data-part=legend]>[data-ui=skeleton]{--slotted-skeleton-fill: color-mix( in oklab, var(--slotted-text, CanvasText) 9%, var(--_chart-surface) );--slotted-skeleton-block-size: .5rem;--slotted-skeleton-min-block-size: 0;align-self:center;block-size:.5rem;border-radius:var(--slotted-radius-full, 9999px);flex:none;inline-size:4.5rem;margin-inline-start:var(--slotted-space-3, .375rem);min-block-size:0}[data-ui=chart] [data-part=legend]>[data-ui=skeleton]:nth-child(2){inline-size:3.25rem}[data-ui=chart] :is([data-part=empty],[data-part=error]){--slotted-result-state-title-font-size: var(--slotted-font-size-md, .875rem);--slotted-result-state-padding-block: var(--slotted-space-4, .5rem);align-content:center;display:grid;inset:0;justify-items:center;padding:var(--_chart-inset);position:absolute;z-index:3}[data-ui=chart] [data-part=plot]:has(>:is([data-part=empty],[data-part=error])){background:linear-gradient(var(--_chart-grid),var(--_chart-grid)) 0 100% / 100% 1px no-repeat content-box;box-sizing:border-box;padding:var(--_chart-inset) var(--_chart-inset) calc(var(--_chart-inset) * 3)}[data-ui=chart] [data-part=summary]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap}[data-ui=chart] [data-part=table-region]{background-color:var(--_chart-surface);border-radius:var(--_radius);inset:0;overflow:auto;overscroll-behavior:contain;position:absolute;z-index:4}[data-ui=chart]:dir(rtl) [data-part=table-region]{direction:rtl}[data-ui=chart] [data-part=table-region]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=chart] [data-part=table-region][hidden]{display:none}[data-ui=chart] [data-part=table]{border-collapse:collapse;font-size:var(--slotted-font-size-sm, .8125rem);inline-size:100%;line-height:var(--slotted-line-height-sm, 1.45)}[data-ui=chart] [data-part=table] caption{caption-side:bottom;color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);padding-block:var(--slotted-space-3, .375rem);text-align:start}[data-ui=chart] [data-part=table] :is(th,td){border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);padding-block:var(--slotted-control-gap-sm, .375rem);padding-inline:var(--slotted-space-4, .5rem);text-align:start;white-space:nowrap}[data-ui=chart] [data-part=table] tbody th{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=chart] [data-part=table] thead th{background-color:var(--_chart-surface);color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-medium, 500);inset-block-start:0;position:sticky}[data-ui=chart] [data-part=table] [data-numeric]{font-variant-numeric:tabular-nums;text-align:end}[data-ui=chart] [data-part=table] tbody tr[data-current]{background-color:var(--slotted-tone-secondary-subtle-hover, Highlight)}[data-ui=chart][data-fullscreen]{--_chart-surface: var(--slotted-chart-surface, var(--slotted-surface, Canvas));background-color:var(--_chart-surface);block-size:100%;border:0;border-radius:0;inset:0;padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--slotted-space-9, 2rem);position:fixed;z-index:var(--slotted-z-index-overlay, 1000)}[data-ui=chart][data-fullscreen] [data-part=title]{font-size:var(--slotted-font-size-xl, 1.125rem)}@container slotted-chart (max-width: 480px){[data-ui=chart]>[data-part=header]>[data-part=toolbar]>:is([data-part=view-toggle],[data-part=fullscreen-toggle]){display:none}[data-ui=chart] [data-part=menu-item]:is([data-action=view],[data-action=fullscreen]){display:flex}[data-ui=chart] :is([data-part=legend-item],[data-part=legend-more]){padding-inline:var(--slotted-space-2, .25rem)}}@container slotted-chart (max-width: 360px){[data-ui=chart][data-variant=card]{padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--slotted-space-5, .75rem)}}@media(pointer:coarse){[data-ui=chart] [data-part=menu-item]{min-block-size:var(--slotted-target-comfortable, 2.75rem)}[data-ui=chart] [data-part=menu] [data-part=legend-item]{min-block-size:var(--slotted-target-comfortable, 2.75rem);min-inline-size:var(--slotted-target-comfortable, 2.75rem)}[data-ui=chart] [data-part=legend]{min-block-size:var(--slotted-target-comfortable, 2.75rem);row-gap:calc(var(--slotted-target-comfortable, 2.75rem) - var(--slotted-target-min, 1.5rem))}[data-ui=chart] [data-part=legend]>:is([data-part=legend-item],[data-part=legend-more]){position:relative}[data-ui=chart] [data-part=legend]>:is([data-part=legend-item],[data-part=legend-more]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 2.75rem)) / 2));position:absolute}[data-ui=chart] [data-part=legend]>[data-part=legend-more]:after{inset-inline-start:0}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger]){--_box: var(--slotted-target-comfortable, 2.75rem)}}@media print{[data-ui=chart] :is([data-part=toolbar],[data-part=help],[data-part=legend-more],[data-part=tooltip],[data-part=crosshair],[data-part=marker]:not([data-selected])){display:none}[data-ui=chart] [data-part=legend]{flex-wrap:wrap;overflow:visible}[data-ui=chart]{break-inside:avoid}}@media(forced-colors:active){[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker],[data-part=marker]){forced-color-adjust:none;background-color:CanvasText}[data-ui=chart] [data-part=crosshair]{background-color:GrayText;forced-color-adjust:none}}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlChart, decorators: [{
+            type: Component,
+            args: [{ selector: 'figure[slChart]', standalone: true, imports: [NgTemplateOutlet, SlGlyph, SlIcon], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slChart', host: {
+                        'data-ui': 'chart',
+                        'data-part': 'root',
+                        '[attr.title]': 'null',
+                        '[attr.data-size]': 'resolvedSize()',
+                        '[attr.data-variant]': 'resolvedVariant()',
+                        '[attr.data-palette]': 'resolvedPalette()',
+                        '[attr.data-toolbar]': 'resolvedToolbar()',
+                        '[attr.data-legend-overflow]': 'resolvedLegendOverflow()',
+                        '[attr.data-loading]': 'loading() ? "" : null',
+                        '[attr.data-fullscreen]': 'fullscreen() ? "" : null',
+                        '(keydown)': 'onRootKeyDown($event)',
+                    }, template: "@let current = chartModel(); @if (title() !== undefined || description() !== undefined ||\nresolvedToolbar() !== 'none') {\n<figcaption data-part=\"header\">\n  <div>\n    <div>\n      @if (title() !== undefined) {\n      <span data-part=\"title\" [id]=\"id + '-title'\">{{ title() }}</span>\n      } @if (help() !== undefined) {\n      <button\n        #helpControl\n        type=\"button\"\n        data-part=\"help\"\n        [attr.aria-label]=\"t('help')\"\n        [attr.aria-controls]=\"id + '-help'\"\n        [attr.aria-expanded]=\"layerOpen()['help'] ?? false\"\n        [attr.data-open]=\"layerOpen()['help'] ? '' : null\"\n        (click)=\"toggleLayer('help')\"\n      >\n        <span slIcon><svg slGlyph name=\"circle-info\"></svg></span>\n      </button>\n      <div\n        #helpLayer\n        popover=\"auto\"\n        data-part=\"help-content\"\n        role=\"note\"\n        [id]=\"id + '-help'\"\n        (toggle)=\"onLayerToggle('help', $event, helpControl, 'start', false)\"\n      >\n        {{ help() }}\n      </div>\n      }\n    </div>\n    @if (description() !== undefined) {\n    <span data-part=\"description\" [id]=\"id + '-description'\">{{ description() }}</span>\n    }\n  </div>\n  <div data-part=\"actions\"><ng-content select=\"[slChartActions]\" /></div>\n  <!-- The box stands in every state, so the header's words wrap at one width; it\n       holds nothing a reader can reach until the plot has something to act on. -->\n  @if (resolvedToolbar() !== 'none') { @let ready = usable();\n  <div\n    data-part=\"toolbar\"\n    [attr.role]=\"ready ? 'toolbar' : null\"\n    [attr.aria-label]=\"ready ? t('toolbar') : null\"\n    [attr.aria-hidden]=\"ready ? null : 'true'\"\n    [attr.inert]=\"ready ? null : ''\"\n    [attr.data-waiting]=\"ready ? null : ''\"\n  >\n    @if (zoomed()) {\n    <button\n      type=\"button\"\n      data-part=\"zoom-reset\"\n      [attr.aria-label]=\"t('resetZoom')\"\n      [attr.title]=\"t('resetZoom')\"\n      (click)=\"resetZoomFromToolbar($event)\"\n    >\n      <span slIcon><svg slGlyph name=\"rotate-ccw\"></svg></span>\n    </button>\n    }\n    <button\n      type=\"button\"\n      data-part=\"view-toggle\"\n      [attr.aria-label]=\"t('tableView')\"\n      [attr.title]=\"t('tableView')\"\n      [attr.aria-pressed]=\"tableOpen()\"\n      [attr.data-pressed]=\"tableOpen() ? '' : null\"\n      (click)=\"requestTable(!tableOpen(), pressReason(), $event)\"\n    >\n      <span slIcon><svg slGlyph name=\"file-spreadsheet\"></svg></span>\n    </button>\n    <button\n      type=\"button\"\n      data-part=\"fullscreen-toggle\"\n      [attr.aria-label]=\"fullscreen() ? t('exitFullscreen') : t('fullscreen')\"\n      [attr.title]=\"fullscreen() ? t('exitFullscreen') : t('fullscreen')\"\n      (click)=\"requestFullscreen(!fullscreen(), pressReason(), $event)\"\n    >\n      <span slIcon><svg slGlyph [name]=\"fullscreen() ? 'minimize' : 'maximize'\"></svg></span>\n    </button>\n    <button\n      #menuControl\n      type=\"button\"\n      data-part=\"menu-trigger\"\n      aria-haspopup=\"menu\"\n      [attr.aria-label]=\"t('more')\"\n      [attr.title]=\"t('more')\"\n      [attr.aria-expanded]=\"layerOpen()['menu'] ?? false\"\n      [attr.data-open]=\"layerOpen()['menu'] ? '' : null\"\n      (click)=\"toggleLayer('menu')\"\n    >\n      <span slIcon><svg slGlyph name=\"ellipsis\"></svg></span>\n    </button>\n    <div\n      #menu\n      popover=\"auto\"\n      data-part=\"menu\"\n      role=\"menu\"\n      [attr.aria-label]=\"t('more')\"\n      (toggle)=\"onLayerToggle('menu', $event, menuControl, 'end')\"\n      (keydown)=\"onLayerKeyDown($event)\"\n    >\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"view\"\n        (click)=\"menuAction('view', $event)\"\n      >\n        {{ t('tableView') }}\n      </button>\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"fullscreen\"\n        (click)=\"menuAction('fullscreen', $event)\"\n      >\n        {{ fullscreen() ? t('exitFullscreen') : t('fullscreen') }}\n      </button>\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"csv\"\n        (click)=\"menuAction('csv', $event)\"\n      >\n        {{ t('downloadCsv') }}\n      </button>\n      <button\n        type=\"button\"\n        role=\"menuitem\"\n        data-part=\"menu-item\"\n        data-action=\"image\"\n        (click)=\"menuAction('image', $event)\"\n      >\n        {{ t('downloadImage') }}\n      </button>\n    </div>\n  </div>\n  }\n</figcaption>\n} @if (legend()) {\n<div\n  #legendRow\n  data-part=\"legend\"\n  [attr.role]=\"legendWaiting() ? null : legendInteractive() ? 'toolbar' : 'list'\"\n  [attr.aria-label]=\"legendWaiting() ? null : t('legend')\"\n  (keydown)=\"onLegendKeyDown($event)\"\n>\n  @if (legendWaiting()) { @for (line of repeat(3); track line) {\n  <span\n    data-ui=\"skeleton\"\n    data-part=\"root\"\n    data-shape=\"block\"\n    data-size=\"md\"\n    data-animation=\"shimmer\"\n    data-loading\n    aria-hidden=\"true\"\n  ></span>\n  } } @else if (current) { @for (entry of current.legend; track entry.key; let index = $index) {\n  <ng-container\n    *ngTemplateOutlet=\"legendItem; context: { $implicit: entry, rowHidden: collapsed().includes(index), inLayer: false }\"\n  />\n  }\n  <button\n    #moreControl\n    type=\"button\"\n    data-part=\"legend-more\"\n    aria-haspopup=\"true\"\n    [attr.aria-label]=\"legendMoreName()\"\n    [hidden]=\"collapsed().length === 0\"\n    [attr.tabindex]=\"rovingKey() === null ? 0 : -1\"\n    [attr.aria-expanded]=\"layerOpen()['more'] ?? false\"\n    [attr.data-open]=\"layerOpen()['more'] ? '' : null\"\n    (click)=\"toggleLayer('more')\"\n  >\n    {{ t('moreSeries', { count: collapsed().length }) }}\n  </button>\n  <div\n    #moreLayer\n    popover=\"auto\"\n    data-part=\"menu\"\n    role=\"group\"\n    [attr.aria-label]=\"t('legend')\"\n    (toggle)=\"onLayerToggle('more', $event, moreControl, 'start')\"\n    (keydown)=\"onLayerKeyDown($event)\"\n  >\n    @for (index of collapsed(); track index) { @if (current.legend[index]; as entry) {\n    <ng-container\n      *ngTemplateOutlet=\"legendItem; context: { $implicit: entry, rowHidden: false, inLayer: true }\"\n    />\n    } }\n  </div>\n  }\n</div>\n}\n<ng-template #legendItem let-entry let-rowHidden=\"rowHidden\" let-inLayer=\"inLayer\">\n  @let color = colorOf(entry.color); @if (legendInteractive()) {\n  <button\n    type=\"button\"\n    data-part=\"legend-item\"\n    [attr.data-key]=\"entry.key\"\n    [attr.data-slot]=\"color.slot\"\n    [attr.data-tone]=\"color.tone\"\n    [attr.data-overflow]=\"color.overflow\"\n    [attr.data-current]=\"isCurrent(entry) ? '' : null\"\n    [attr.aria-pressed]=\"entry.visible\"\n    [attr.data-pressed]=\"entry.visible ? '' : null\"\n    [attr.tabindex]=\"inLayer || rovingKey() === entry.key ? 0 : -1\"\n    [hidden]=\"rowHidden\"\n    (click)=\"onLegendClick(entry, $event)\"\n    (keydown)=\"onLegendItemKey(entry, $event)\"\n    (focus)=\"legendFocus.set(inLayer ? legendFocus() : entry.key); emphasize(entry.visible ? entry.key : null)\"\n    (blur)=\"emphasize(null)\"\n    (pointerenter)=\"entry.visible && emphasize(entry.key)\"\n    (pointerleave)=\"emphasize(null)\"\n  >\n    <ng-container *ngTemplateOutlet=\"legendContent; context: { $implicit: entry }\" />\n  </button>\n  } @else {\n  <span\n    role=\"listitem\"\n    data-part=\"legend-item\"\n    [attr.data-key]=\"entry.key\"\n    [attr.data-slot]=\"color.slot\"\n    [attr.data-tone]=\"color.tone\"\n    [attr.data-overflow]=\"color.overflow\"\n    [attr.data-current]=\"isCurrent(entry) ? '' : null\"\n    [hidden]=\"rowHidden\"\n    (pointerenter)=\"entry.visible && emphasize(entry.key)\"\n    (pointerleave)=\"emphasize(null)\"\n  >\n    <ng-container *ngTemplateOutlet=\"legendContent; context: { $implicit: entry }\" />\n  </span>\n  }\n</ng-template>\n<ng-template #legendContent let-entry>\n  @if (legendItemTemplate(); as custom) {\n  <ng-container\n    *ngTemplateOutlet=\"custom.template; context: { $implicit: entry, value: legendValue(entry), current: isCurrent(entry) }\"\n  />\n  } @else {\n  <span\n    data-part=\"legend-marker\"\n    [attr.data-kind]=\"entry.kind === 'area' || entry.kind === 'bar' || entry.kind === 'pie' ? 'bar' : entry.kind\"\n    [attr.data-stroke]=\"strokeOf(entry)\"\n  ></span>\n  <span data-part=\"legend-label\" [attr.title]=\"entry.label\">{{ entry.label }}</span>\n  @if (legendValues()) {\n  <span data-part=\"legend-value\">{{ legendValue(entry) }}</span>\n  } }\n</ng-template>\n<div\n  #plot\n  data-part=\"plot\"\n  role=\"group\"\n  tabindex=\"0\"\n  [attr.aria-roledescription]=\"t('roledescription')\"\n  [attr.aria-labelledby]=\"title() !== undefined ? id + '-title' : null\"\n  [attr.aria-label]=\"title() === undefined ? t('roledescription') : null\"\n  [attr.aria-describedby]=\"describedBy()\"\n  [attr.aria-busy]=\"loading() ? 'true' : null\"\n  (keydown)=\"onPlotKeyDown($event)\"\n  (focus)=\"onPlotFocus($event)\"\n  (blur)=\"requestActive(null, 'blur', $event)\"\n>\n  @let overlayNow = overlay();\n  <div\n    data-part=\"crosshair\"\n    [hidden]=\"!overlayNow.crosshair\"\n    [attr.data-band]=\"overlayNow.crosshair?.isBand ? '' : null\"\n    [attr.data-orientation]=\"current?.orientation ?? 'vertical'\"\n    [style.--slotted-chart-x]=\"px(overlayNow.crosshair?.x)\"\n    [style.--slotted-chart-y]=\"px(overlayNow.crosshair?.y)\"\n    [style.--slotted-chart-band-start]=\"px(overlayNow.crosshair?.band?.start)\"\n    [style.--slotted-chart-band-size]=\"px(overlayNow.crosshair?.band?.size)\"\n    [style.--slotted-chart-frame-start]=\"px(overlayNow.crosshair?.frame?.start)\"\n    [style.--slotted-chart-frame-size]=\"px(overlayNow.crosshair?.frame?.size)\"\n  ></div>\n  <div #canvas data-part=\"canvas\" aria-hidden=\"true\" [hidden]=\"!drawable()\"></div>\n  @for (marker of overlayNow.markers; track marker.key) { @let markerColor = colorOf(marker.color);\n  <div\n    data-part=\"marker\"\n    aria-hidden=\"true\"\n    [attr.data-slot]=\"markerColor.slot\"\n    [attr.data-tone]=\"markerColor.tone\"\n    [attr.data-overflow]=\"markerColor.overflow\"\n    [attr.data-selected]=\"marker.selected ? '' : null\"\n    [attr.data-current]=\"marker.current ? '' : null\"\n    [style.--slotted-chart-x]=\"px(marker.at.x)\"\n    [style.--slotted-chart-y]=\"px(marker.at.y)\"\n  ></div>\n  }\n  <div\n    #tooltipBox\n    data-part=\"tooltip\"\n    aria-hidden=\"true\"\n    [attr.data-open]=\"overlayNow.tooltip ? '' : null\"\n    [attr.data-docked]=\"overlayNow.docked ? '' : null\"\n  >\n    @if (overlayNow.tooltip && current) { @if (tooltipTemplate(); as custom) {\n    <ng-container\n      *ngTemplateOutlet=\"custom.template; context: { $implicit: overlayNow.tooltip, model: current }\"\n    />\n    } @else {\n    <div data-part=\"tooltip-title\">{{ overlayNow.tooltip.title }}</div>\n    @for (item of overlayNow.tooltip.items; track item.series + item.label) { @let itemColor =\n    colorOf(item.color);\n    <div\n      data-part=\"tooltip-item\"\n      [attr.data-current]=\"overlayNow.tooltip.items.length > 1 && item.current ? '' : null\"\n      [attr.data-slot]=\"itemColor.slot\"\n      [attr.data-tone]=\"itemColor.tone\"\n      [attr.data-overflow]=\"itemColor.overflow\"\n    >\n      @if (resolvedTooltip().indicator !== 'none') {\n      <span\n        data-part=\"tooltip-marker\"\n        [attr.data-kind]=\"markerKind(item.kind, resolvedTooltip().indicator)\"\n        [attr.data-stroke]=\"strokeOf(item)\"\n      ></span>\n      }\n      <span data-part=\"tooltip-label\">{{ item.label }}</span>\n      <span data-part=\"tooltip-value\"\n        >{{ item.share ? item.share + ' \u00B7 ' + item.formatted : item.formatted }}</span\n      >\n    </div>\n    } @if (overlayNow.tooltip.total; as total) {\n    <div data-part=\"tooltip-total\">\n      <span>{{ t('total') }}</span>\n      <span data-part=\"tooltip-value\">{{ total.formatted }}</span>\n    </div>\n    } } }\n  </div>\n  @if (drawable() && current?.shape === 'pie' && (current?.series[0]?.innerRadius ?? 0) > 0) {\n  <div data-part=\"center\" aria-hidden=\"true\">\n    @if (centerTemplate(); as custom) {\n    <ng-container *ngTemplateOutlet=\"custom.template; context: { $implicit: current }\" />\n    } @else {\n    <span data-part=\"center-value\">{{ current!.series[0]!.format(current!.total) }}</span>\n    <span data-part=\"center-label\">{{ t('total') }}</span>\n    }\n  </div>\n  } @if (table(); as rows) {\n  <div\n    data-part=\"table-region\"\n    role=\"region\"\n    tabindex=\"0\"\n    [attr.aria-labelledby]=\"title() !== undefined ? id + '-title' : null\"\n  >\n    <table data-part=\"table\">\n      <caption>\n        {{ title() }}\n      </caption>\n      <thead>\n        <tr>\n          @for (column of rows.columns; track column.key; let index = $index) {\n          <th scope=\"col\" [attr.data-numeric]=\"index > 0 ? '' : null\">{{ column.label }}</th>\n          }\n        </tr>\n      </thead>\n      <tbody>\n        @for (row of rows.rows; track row.key) {\n        <tr [attr.data-current]=\"row.key === activeKey() ? '' : null\">\n          @for (cell of row.cells; track $index; let index = $index) { @if (index === 0) {\n          <th scope=\"row\">{{ cell.text }}</th>\n          } @else {\n          <td data-numeric>{{ cell.text }}</td>\n          } }\n        </tr>\n        }\n      </tbody>\n    </table>\n  </div>\n  } @if (loading()) {\n  <div data-part=\"skeleton\" aria-hidden=\"true\" [attr.data-kind]=\"skeletonKind()\">\n    <div data-ui=\"skeleton\" data-part=\"region\" data-animation=\"shimmer\" data-loading>\n      @if (skeletonKind() === 'pie') {\n      <span\n        data-ui=\"skeleton\"\n        data-part=\"root\"\n        data-shape=\"circle\"\n        data-size=\"md\"\n        data-animation=\"shimmer\"\n        data-loading\n        aria-hidden=\"true\"\n      ></span>\n      } @else {\n      <div data-skeleton=\"y\">\n        @for (line of repeat(5); track line) {\n        <span\n          data-ui=\"skeleton\"\n          data-part=\"root\"\n          data-shape=\"block\"\n          data-size=\"md\"\n          data-animation=\"shimmer\"\n          data-loading\n          aria-hidden=\"true\"\n        ></span>\n        }\n      </div>\n      <div data-skeleton=\"marks\">\n        @for (mark of repeat(skeletonKind() === 'bar' ? 7 : 2); track mark) {\n        <span\n          data-ui=\"skeleton\"\n          data-part=\"root\"\n          data-shape=\"block\"\n          data-size=\"md\"\n          data-animation=\"shimmer\"\n          data-loading\n          aria-hidden=\"true\"\n        ></span>\n        }\n      </div>\n      <div data-skeleton=\"x\">\n        @for (line of repeat(6); track line) {\n        <span\n          data-ui=\"skeleton\"\n          data-part=\"root\"\n          data-shape=\"block\"\n          data-size=\"md\"\n          data-animation=\"shimmer\"\n          data-loading\n          aria-hidden=\"true\"\n        ></span>\n        }\n      </div>\n      }\n    </div>\n  </div>\n  } @else if (failed()) {\n  <div data-part=\"error\">\n    @if (errorTemplate(); as custom) {\n    <ng-container *ngTemplateOutlet=\"custom.template\" />\n    } @else {\n    <section\n      data-ui=\"result-state\"\n      data-part=\"root\"\n      data-status=\"error\"\n      data-reach=\"section\"\n      data-align=\"center\"\n      data-live=\"polite\"\n    >\n      <div data-part=\"media\" aria-hidden=\"true\"></div>\n      <div data-part=\"content\" role=\"status\"><div data-part=\"title\">{{ t('error') }}</div></div>\n      <div data-part=\"actions\">\n        <button\n          data-ui=\"button\"\n          data-part=\"root\"\n          data-variant=\"outline\"\n          data-tone=\"secondary\"\n          data-size=\"sm\"\n          type=\"button\"\n          (click)=\"onRetry()\"\n        >\n          <span data-part=\"label\">{{ t('retry') }}</span>\n        </button>\n      </div>\n    </section>\n    }\n  </div>\n  } @else if (current?.empty; as reason) {\n  <div data-part=\"empty\">\n    @if (emptyTemplate(); as custom) {\n    <ng-container *ngTemplateOutlet=\"custom.template; context: { $implicit: reason }\" />\n    } @else {\n    <section\n      data-ui=\"result-state\"\n      data-part=\"root\"\n      data-reach=\"section\"\n      data-align=\"center\"\n      data-live=\"polite\"\n      [attr.data-status]=\"reason === 'all-hidden' ? 'no-results' : 'empty'\"\n    >\n      <div data-part=\"media\" aria-hidden=\"true\"></div>\n      <div data-part=\"content\" role=\"status\">\n        <div data-part=\"title\">{{ reason === 'all-hidden' ? t('allHidden') : t('noData') }}</div>\n      </div>\n      @if (reason === 'all-hidden') {\n      <div data-part=\"actions\">\n        <button\n          data-ui=\"button\"\n          data-part=\"root\"\n          data-variant=\"outline\"\n          data-tone=\"secondary\"\n          data-size=\"sm\"\n          type=\"button\"\n          (click)=\"showAll($event)\"\n        >\n          <span data-part=\"label\">{{ t('showAll') }}</span>\n        </button>\n      </div>\n      }\n    </section>\n    }\n  </div>\n  }\n  <p data-part=\"summary\" [id]=\"id + '-summary'\">{{ summary() }}</p>\n</div>\n", styles: ["@layer slotted.components{[data-ui=button]{--_solid: var(--slotted-tone-accent-solid);--_solid-hover: var(--slotted-tone-accent-solid-hover);--_solid-active: var(--slotted-tone-accent-solid-active);--_on-solid: var(--slotted-tone-accent-on-solid);--_text: var(--slotted-tone-accent-text);--_edge: var(--_solid);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_padding-inline-visual: max( var(--slotted-space-2, .25rem), calc(var(--_padding-inline) - var(--slotted-space-2, .25rem)) );--_sweep-width: calc(var(--_height) * 2);--_sweep-strength: .34;align-items:center;appearance:none;background:transparent;border:var(--slotted-control-border-width, 1px) solid transparent;border-radius:var(--slotted-control-radius, 4px);box-sizing:border-box;cursor:pointer;display:inline-flex;font-family:var(--slotted-control-font-family, ui-sans-serif, system-ui, sans-serif);font-size:var(--_font-size);font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);max-inline-size:100%;min-block-size:var(--_height);padding-block:0;padding-inline:var(--_padding-inline);position:relative;text-align:center;text-decoration:none;text-wrap:balance;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),transform var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-user-select:none;user-select:none;vertical-align:middle;-webkit-tap-highlight-color:transparent}[data-ui=button][data-tone=secondary]{--_solid: var(--slotted-tone-secondary-solid);--_solid-hover: var(--slotted-tone-secondary-solid-hover);--_solid-active: var(--slotted-tone-secondary-solid-active);--_on-solid: var(--slotted-tone-secondary-on-solid);--_text: var(--slotted-tone-secondary-text);--_edge: var(--_solid-active)}[data-ui=button][data-tone=success]{--_solid: var(--slotted-tone-success-solid);--_solid-hover: var(--slotted-tone-success-solid-hover);--_solid-active: var(--slotted-tone-success-solid-active);--_on-solid: var(--slotted-tone-success-on-solid);--_text: var(--slotted-tone-success-text)}[data-ui=button][data-tone=warning]{--_solid: var(--slotted-tone-warning-solid);--_solid-hover: var(--slotted-tone-warning-solid-hover);--_solid-active: var(--slotted-tone-warning-solid-active);--_on-solid: var(--slotted-tone-warning-on-solid);--_text: var(--slotted-tone-warning-text)}[data-ui=button][data-tone=danger]{--_solid: var(--slotted-tone-danger-solid);--_solid-hover: var(--slotted-tone-danger-solid-hover);--_solid-active: var(--slotted-tone-danger-solid-active);--_on-solid: var(--slotted-tone-danger-on-solid);--_text: var(--slotted-tone-danger-text)}[data-ui=button][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=button][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=button][data-variant=solid]{background:var(--_solid, ButtonFace);border-color:var(--_edge, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_on-solid, ButtonText)}[data-ui=button][data-variant=outline]{background:transparent;border-color:var(--slotted-control-border-color, ButtonBorder);box-shadow:var(--slotted-control-shadow, none);color:var(--_text, ButtonText)}[data-ui=button][data-variant=ghost]{background:transparent;border-color:transparent;color:var(--_text, ButtonText)}[data-ui=button][data-variant=outline],[data-ui=button][data-variant=ghost],[data-ui=button][data-variant=solid][data-tone=secondary]{--_sweep-strength: .18}[data-ui=button][data-pressed]:not(:disabled):not([data-disabled]){background:var(--slotted-tone-accent-subtle-active, Highlight);border-color:var(--slotted-tone-accent-border, Highlight);box-shadow:var(--slotted-control-shadow, none);color:var(--slotted-tone-accent-text, HighlightText)}[data-ui=button][data-variant=solid]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-hover, Highlight)}[data-ui=button][data-variant=solid]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--_solid-active, Highlight);box-shadow:none;transform:translateY(var(--slotted-border-width-thin, 1px));transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-variant=outline]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:hover:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=button][data-variant=outline]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]),[data-ui=button][data-variant=ghost]:active:not(:disabled):not([data-disabled]):not([data-loading]):not([data-pressed]){background:var(--slotted-tone-secondary-subtle-active, ButtonFace);transition-duration:var(--slotted-duration-instant)}[data-ui=button][data-pressed]:hover:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-hover, Highlight)}[data-ui=button][data-pressed]:active:not(:disabled):not([data-disabled]):not([data-loading]){background:var(--slotted-tone-accent-subtle-active, Highlight);transition-duration:var(--slotted-duration-instant)}[data-ui=button]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=button]:disabled,[data-ui=button][data-disabled]{box-shadow:none;color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}[data-ui=button][data-variant=solid]:disabled,[data-ui=button][data-variant=solid][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, ButtonBorder)}[data-ui=button][data-variant=outline]:disabled,[data-ui=button][data-variant=outline][data-disabled]{background:transparent;border-color:var(--slotted-disabled-border, GrayText)}[data-ui=button][data-pressed]:disabled,[data-ui=button][data-pressed][data-disabled]{background:var(--slotted-disabled-background, ButtonFace);border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=button][data-disabled]:not(:disabled){color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=solid][data-disabled]:not(:disabled),[data-ui=button][data-pressed][data-disabled]:not(:disabled){background:var(--slotted-tone-secondary-subtle-hover, ButtonFace);border-color:var(--slotted-border-subtle, GrayText);color:var(--slotted-text-muted, GrayText)}[data-ui=button][data-variant=outline][data-disabled]:not(:disabled){border-color:var(--slotted-border-subtle, GrayText)}[data-ui=button][data-loading]{cursor:progress}[data-ui=button][data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:0}[data-ui=button] [data-part=indicator]{--slotted-spinner-size: var(--_icon-size);flex:none}[data-ui=button]>[data-part=indicator]{inset:0;margin:auto;position:absolute}@media(prefers-reduced-motion:no-preference){@media not (forced-colors:active){[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):after{animation:slotted-button-sweep var(--slotted-duration-loop) linear infinite;background-image:linear-gradient(to right,transparent,currentColor 40%,transparent 80%);background-repeat:repeat-x;background-size:var(--_sweep-width) 100%;border-radius:inherit;content:\"\";inset:0;opacity:var(--_sweep-strength);pointer-events:none;position:absolute}[data-ui=button]:not([data-shape])[data-loading]:has([data-part=indicator]):dir(rtl):after{animation-direction:reverse;background-image:linear-gradient(to left,transparent,currentColor 40%,transparent 80%)}[data-ui=button]:not([data-shape])[data-loading]:has(>[data-part=indicator])>:not([data-part=indicator]){opacity:1}[data-ui=button]:not([data-shape])[data-loading] [data-part=indicator]{opacity:0;position:absolute}}}[data-ui=button] [data-part=start],[data-ui=button] [data-part=end],[data-ui=button] [data-part=icon]{align-items:center;block-size:var(--_icon-size);box-sizing:border-box;display:inline-flex;flex:none;font-size:var(--_icon-size);inline-size:var(--_icon-size);justify-content:center;line-height:1;position:relative}[data-ui=button] [data-part=start]>*:not([data-part=indicator]),[data-ui=button] [data-part=end]>*:not([data-part=indicator]),[data-ui=button] [data-part=icon]>*:not([data-part=indicator]){block-size:100%;display:block;inline-size:100%}[data-ui=button] [data-part=label]{line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0;overflow-wrap:anywhere}@supports (text-box: trim-both cap alphabetic){[data-ui=button] [data-part=label]{padding-block:calc((var(--slotted-line-height-sm, 1.45) * 1em - .75em) / 2);text-box:trim-both cap alphabetic}}[data-ui=button]:not([data-shape]):has(>[data-part=start]){padding-inline-start:var(--_padding-inline-visual)}[data-ui=button]:not([data-shape]):has(>[data-part=end]){padding-inline-end:var(--_padding-inline-visual)}[data-ui=button][data-full-width]{inline-size:100%}[data-ui=button][data-shape]{aspect-ratio:1;inline-size:var(--_height);min-block-size:max(var(--_height),var(--slotted-target-min, 24px));min-inline-size:var(--slotted-target-min, 24px);padding-block:0;padding-inline:0}[data-ui=button][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}@media(forced-colors:active){[data-ui=button]{border-color:ButtonBorder}[data-ui=button][data-pressed]{border-color:Highlight}[data-ui=button]:disabled,[data-ui=button][data-disabled]{border-color:GrayText;color:GrayText}}@media(prefers-reduced-motion:reduce){[data-ui=button] [data-part=indicator]{animation:none}}}@keyframes slotted-button-sweep{0%{background-position-x:calc(-1 * var(--_sweep-width))}to{background-position-x:0}}\n", "@layer slotted.components{[data-ui=result-state][data-part=root]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-xl, 1.125rem) );--_title-line-height: var(--slotted-line-height-xl, 1.45);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-md, .875rem) );--_media-size: var(--slotted-result-state-media-size, var(--slotted-control-height-md, 34px));--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-9, 2rem));--_inset-inline: var(--slotted-result-state-padding-inline, var(--slotted-space-6, 1rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-6, 1rem));--_column-gap: var(--slotted-result-state-column-gap, var(--slotted-space-4, .5rem));--_text-gap: var(--slotted-result-state-text-gap, var(--slotted-space-4, .5rem));--_actions-gap: var(--slotted-result-state-actions-block-gap, var(--slotted-space-8, 1.5rem));--_title-tracking: var(--slotted-result-state-title-letter-spacing, -.01em);--_art: var(--slotted-control-height-lg, 38px);--_art-glyph: var(--slotted-control-icon-size-lg, 18px);container-name:slotted-result-state;container-type:inline-size;inline-size:100%;box-sizing:border-box;color:var(--slotted-text);display:grid;font-family:var( --slotted-result-state-font-family, var(--slotted-font-family-sans, sans-serif) );font-size:var(--_title-font-size);grid-template-columns:minmax(0,1fr);isolation:isolate;line-height:var(--_title-line-height);padding-block:var(--_inset-block);padding-inline:var(--_inset-inline);row-gap:var(--_row-gap);transition:opacity var(--slotted-duration-short) var(--slotted-easing-enter),display var(--slotted-duration-short) var(--slotted-easing-enter);transition-behavior:allow-discrete}[data-ui=result-state][data-part=root][data-reach=inline]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-sm, .8125rem) );--_title-line-height: var(--slotted-line-height-sm, 1.45);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-xs, .75rem) );--_media-size: var( --slotted-result-state-media-size, var(--slotted-control-icon-size-md, 16px) );--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-4, .5rem));--_inset-inline: var(--slotted-result-state-padding-inline, var(--slotted-space-4, .5rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-3, .375rem));--_title-tracking: var(--slotted-result-state-title-letter-spacing, 0);grid-template-columns:auto minmax(0,auto) auto}[data-ui=result-state][data-part=root][data-reach=page]{--_title-font-size: var( --slotted-result-state-title-font-size, var(--slotted-font-size-3xl, 1.5rem) );--_title-line-height: var(--slotted-line-height-3xl, 1.3);--_description-font-size: var( --slotted-result-state-description-font-size, var(--slotted-font-size-lg, 1rem) );--_media-size: var( --slotted-result-state-media-size, calc(var(--slotted-control-height-lg, 38px) * 1.5) );--_inset-block: var(--slotted-result-state-padding-block, var(--slotted-space-12, 4rem));--_row-gap: var(--slotted-result-state-row-gap, var(--slotted-space-8, 1.5rem));--_actions-gap: var(--slotted-result-state-actions-block-gap, var(--slotted-space-9, 2rem));--_art: calc(var(--slotted-control-height-lg, 38px) * 1.5);--_art-glyph: calc(var(--slotted-control-icon-size-lg, 18px) * 1.5)}[data-ui=result-state][data-part=root][data-align=center]{justify-items:center;text-align:center}[data-ui=result-state][data-part=root][data-align=start]{justify-items:start;text-align:start}[data-ui=result-state][data-part=root][data-reach=inline][data-align=center]{justify-content:center;justify-items:stretch}[data-ui=result-state][data-part=root][data-reach=inline][data-align=start]{justify-content:start;justify-items:stretch}[data-ui=result-state]>[data-part=media]:empty{background:var(--slotted-result-state-media) center / contain no-repeat;block-size:var(--_media-size);display:none;inline-size:var(--_media-size)}[data-ui=result-state]>[data-part=media]:not(:empty){align-items:center;background-color:transparent;block-size:var(--_media-size);display:flex;inline-size:auto;justify-content:center;min-inline-size:var(--_media-size)}[data-ui=result-state]>[data-part=media]:not(:empty)>*{block-size:100%;inline-size:auto;max-inline-size:100%}[data-ui=result-state][data-reach=inline]>[data-part=media]:not(:empty){align-self:start;grid-column:1;grid-row:1;margin-block-start:calc((1lh - var(--_media-size)) / 2);margin-inline-end:var(--_column-gap)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty){--_ring: var(--slotted-space-2, .25rem);--_inner-radius: var(--slotted-radius-lg, 8px);background-color:var(--slotted-surface-sunken);block-size:calc(var(--_art) + 2 * var(--_ring));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:calc(var(--_inner-radius) + var(--_ring));box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:calc(var(--_art) + 2 * var(--_ring));min-inline-size:0;position:relative;transition:opacity var(--slotted-duration-medium) var(--slotted-easing-enter),scale var(--slotted-duration-medium) var(--slotted-easing-enter)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty):before{background-color:var(--slotted-surface-raised);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--_inner-radius);box-shadow:var(--slotted-shadow-xs);content:\"\";inset:calc(var(--_ring) - var(--slotted-border-width-thin, 1px));position:absolute;z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=tile]>[data-part=media]:not(:empty)>*{block-size:var(--_art-glyph);inline-size:var(--_art-glyph);position:relative}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty){--_side: calc(var(--_art) + var(--slotted-space-2, .25rem));--_lean: 1;--_step-x: calc(var(--_side) * -.36 * var(--_lean));--_step-y: calc(var(--_side) * -.3);--_layer-border: var(--slotted-border-width-thin, 1px);--_far: color-mix(in oklab, var(--slotted-border-subtle) 60%, transparent);block-size:var(--_side);border-radius:var(--slotted-radius-lg, 8px);box-shadow:calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 0 var(--slotted-surface-raised),calc(2 * var(--_step-x)) calc(2 * var(--_step-y)) 0 var(--_layer-border) var(--_far);box-sizing:border-box;color:var(--slotted-text-muted);forced-color-adjust:none;inline-size:var(--_side);margin-block:calc(var(--_side) * .37);margin-inline:calc(var(--_side) * .28);min-inline-size:0;position:relative;transform:skewY(calc(-26deg * var(--_lean))) scaleX(.9);transition:box-shadow var(--slotted-duration-long) var(--slotted-easing-enter);translate:calc(var(--_side) * .325 * var(--_lean)) calc(var(--_side) * .145)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]:dir(rtl)>[data-part=media]:not(:empty){--_lean: -1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):before,[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):after{background-color:var(--slotted-surface-raised);border:var(--_layer-border) solid var(--slotted-border-subtle);border-radius:inherit;content:\"\";inset:0;position:absolute}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):before{border-color:color-mix(in oklab,var(--slotted-border-subtle),var(--slotted-border-strong) 30%);box-shadow:var(--slotted-shadow-sm);z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty):after{transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);translate:var(--_step-x) var(--_step-y);z-index:-2}[data-ui=result-state]:not([data-reach=inline])[data-illustration=stack]>[data-part=media]:not(:empty)>*{block-size:calc(var(--_side) * .5);inline-size:calc(var(--_side) * .5)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]{--_pad: var(--slotted-space-6, 1rem);--_gap: var(--slotted-space-5, .75rem);--_thumb: var(--slotted-control-height-sm, 30px);--_step: var(--slotted-space-5, .75rem);--_line: var(--slotted-space-4, .5rem);--_line-2: var(--slotted-space-3, .375rem);--_line-gap: var(--slotted-space-3, .375rem);--_lines-x: calc(var(--_pad) + var(--_thumb) + var(--_gap));--_line-1-length: calc( ( var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem) - var(--_lines-x) - var(--_pad) ) * .75 );--_line-2-length: calc( ( var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem) - var(--_lines-x) - var(--_pad) ) * .5 );--_line-1-y: calc( (var(--_thumb) + 2 * var(--_pad) - var(--_line) - var(--_line-gap) - var(--_line-2)) / 2 );--_edge: left;--_ink: var(--slotted-border-subtle);--_ink-2: color-mix(in oklab, var(--slotted-border-subtle) 60%, var(--slotted-surface-raised));align-items:center;background:radial-gradient(closest-side,var(--_ink) calc(100% - .5px),transparent) var(--_edge) var(--_lines-x) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat,radial-gradient(closest-side,var(--_ink) calc(100% - .5px),transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-1-length) - var(--_line)) top var(--_line-1-y) / var(--_line) var(--_line) no-repeat,linear-gradient(var(--_ink),var(--_ink)) var(--_edge) calc(var(--_lines-x) + var(--_line) / 2) top var(--_line-1-y) / calc(var(--_line-1-length) - var(--_line)) var(--_line) no-repeat,radial-gradient(closest-side,var(--_ink-2) calc(100% - .5px),transparent) var(--_edge) var(--_lines-x) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat,radial-gradient(closest-side,var(--_ink-2) calc(100% - .5px),transparent) var(--_edge) calc(var(--_lines-x) + var(--_line-2-length) - var(--_line-2)) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / var(--_line-2) var(--_line-2) no-repeat,linear-gradient(var(--_ink-2),var(--_ink-2)) var(--_edge) calc(var(--_lines-x) + var(--_line-2) / 2) top calc(var(--_line-1-y) + var(--_line) + var(--_line-gap)) / calc(var(--_line-2-length) - var(--_line-2)) var(--_line-2) no-repeat,var(--slotted-surface-raised);background-origin:border-box;block-size:calc(var(--_thumb) + 2 * var(--_pad));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:var(--slotted-radius-lg, 8px);box-shadow:var(--slotted-shadow-sm);box-sizing:border-box;color:var(--slotted-text-muted);display:flex;forced-color-adjust:none;inline-size:calc(var(--slotted-space-11, 3rem) * 4 + var(--slotted-space-6, 1rem));justify-content:flex-start;margin-block-start:calc(2 * var(--_step));max-inline-size:100%;min-inline-size:0;padding-inline:calc(var(--_pad) - var(--slotted-border-width-thin, 1px));position:relative}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:empty{--_lines-x: var(--_pad)}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]:dir(rtl)>[data-part=media]{--_edge: right}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:before,[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:after{background-color:var(--slotted-surface-sunken);block-size:100%;border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);border-radius:inherit;box-sizing:border-box;content:\"\";inset-block-start:calc(-1 * var(--slotted-border-width-thin, 1px));position:absolute;transition:translate var(--slotted-duration-long) var(--slotted-easing-enter);z-index:-1}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:before{border-color:var(--_ink-2);inset-inline:calc(2 * var(--_step) - var(--slotted-border-width-thin, 1px));translate:0 calc(-2 * var(--_step))}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]:after{inset-inline:calc(var(--_step) - var(--slotted-border-width-thin, 1px));translate:0 calc(-1 * var(--_step))}[data-ui=result-state]:not([data-reach=inline])[data-illustration=cards]>[data-part=media]>*{background-color:var(--slotted-surface-sunken);block-size:var(--_thumb);border-radius:var(--slotted-radius-sm, 4px);box-sizing:border-box;flex:none;inline-size:var(--_thumb);padding:calc((var(--_thumb) - var(--slotted-control-icon-size-md, 16px)) / 2)}[data-ui=result-state]>[data-part=content]{display:grid;min-inline-size:0;row-gap:var(--_text-gap)}[data-ui=result-state][data-reach=inline]>[data-part=content]{grid-column:2;grid-row:1}[data-ui=result-state] [data-part=title]{font-family:var( --slotted-result-state-title-font-family, var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) ) );font-size:var(--_title-font-size);font-weight:var( --slotted-result-state-title-font-weight, var(--slotted-font-weight-semibold, 600) );letter-spacing:var(--_title-tracking);line-height:var(--_title-line-height);margin:0;min-inline-size:0;overflow-wrap:break-word;text-wrap:balance}[data-ui=result-state] [data-part=description]{color:var(--slotted-text-muted);font-size:var(--_description-font-size);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0;overflow-wrap:break-word}[data-ui=result-state]>[data-part=actions]{align-items:center;display:flex;flex-wrap:wrap;gap:var(--slotted-result-state-actions-gap, var(--slotted-space-4, .5rem));min-inline-size:0}[data-ui=result-state][data-align=center]>[data-part=actions]{justify-content:center}[data-ui=result-state]:not([data-reach=inline])>[data-part=content]+[data-part=actions]{margin-block-start:calc(var(--_actions-gap) - var(--_row-gap))}[data-ui=result-state][data-reach=inline]>[data-part=actions]{align-content:center;align-self:start;block-size:1lh;grid-column:3;grid-row:1;margin-inline-start:var(--_column-gap)}[data-ui=result-state]>[data-part=footer]{color:var(--slotted-text-muted);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45);min-inline-size:0}[data-ui=result-state][data-reach=inline]>[data-part=footer]{grid-column:2;grid-row:2}[data-ui=result-state][data-part=root]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-result-state (max-width: 20rem){[data-ui=result-state]>[data-part=actions]{flex-direction:column}[data-ui=result-state][data-align=center]>[data-part=actions]{align-items:center}[data-ui=result-state][data-align=start]>[data-part=actions]{align-items:flex-start}[data-ui=result-state][data-reach=inline]{grid-template-columns:auto minmax(0,1fr)}[data-ui=result-state][data-reach=inline]>[data-part=actions]{block-size:auto;grid-column:2;grid-row:2;margin-inline-start:0}[data-ui=result-state][data-reach=inline]>[data-part=footer]{grid-column:2;grid-row:3}}[data-ui=result-state][data-part=root][hidden]{display:none;opacity:0;transition:opacity var(--slotted-duration-short) var(--slotted-easing-exit),display var(--slotted-duration-short) var(--slotted-easing-exit)}@starting-style{[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive]){opacity:0}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])>[data-part=media]{--_step-x: 0px;--_step-y: 0px}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=tile]>[data-part=media]{opacity:0;scale:.96}[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part=media]:before,[data-ui=result-state][data-part=root]:is([data-live=polite],[data-live=assertive])[data-illustration=cards]>[data-part=media]:after{translate:0 0}}[data-ui=result-state][data-illustration=cards]>[data-part=media]:before{transition-delay:var(--slotted-duration-short)}}\n", "@layer slotted.components{[data-ui=skeleton][data-part=root][data-loading],[data-ui=skeleton][data-part=text][data-loading] [data-part=line]{--_fill: var( --slotted-skeleton-fill, color-mix( in oklab, var(--slotted-disabled-background, ButtonFace) 92%, var(--slotted-text, CanvasText) ) );--_edge: var(--slotted-skeleton-border-color, var(--slotted-border-subtle, ButtonBorder));--_highlight: var( --slotted-skeleton-highlight-color, color-mix(in oklab, var(--_fill) 86%, var(--slotted-text, CanvasText)) );--_trough: var( --slotted-skeleton-trough-color, color-mix(in oklab, var(--_fill) 60%, var(--slotted-surface-sunken, Canvas)) );background-color:var(--_fill);border:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px)) solid var(--_edge);box-sizing:border-box;-webkit-user-select:none;user-select:none}[data-ui=skeleton][data-part=root]{display:inline-block;min-block-size:var(--slotted-skeleton-border-width, var(--slotted-border-width-thin, 1px))}[data-ui=skeleton][data-part=root][data-shape=text]{--_line: var(--slotted-skeleton-line-size, 1cap);block-size:var(--slotted-skeleton-block-size, var(--_line));border-radius:var(--slotted-radius-full, 9999px);inline-size:var(--slotted-skeleton-inline-size, 100%);vertical-align:calc(.5cap - .5 * var(--_line))}[data-ui=skeleton][data-part=root][data-shape=block]{block-size:var(--slotted-skeleton-block-size, auto);border-radius:var(--slotted-skeleton-radius, var(--slotted-radius-md, 6px));display:block;inline-size:var(--slotted-skeleton-inline-size, 100%);min-block-size:var(--slotted-skeleton-min-block-size, 1lh)}[data-ui=skeleton][data-part=root][data-shape=circle],[data-ui=skeleton][data-part=root][data-shape=square]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px));block-size:var(--slotted-skeleton-block-size, var(--_size));inline-size:var(--slotted-skeleton-inline-size, var(--_size))}[data-ui=skeleton][data-part=root][data-shape=circle]{border-radius:var(--slotted-radius-full, 9999px)}[data-ui=skeleton][data-part=root][data-shape=square]{border-radius:var(--slotted-skeleton-radius, calc(var(--_size) / 6))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xs],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xs]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xs, 24px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=sm],[data-ui=skeleton][data-part=root][data-shape=square][data-size=sm]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-sm, 28px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=md],[data-ui=skeleton][data-part=root][data-shape=square][data-size=md]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-md, 36px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=lg],[data-ui=skeleton][data-part=root][data-shape=square][data-size=lg]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-lg, 48px))}[data-ui=skeleton][data-part=root][data-shape=circle][data-size=xl],[data-ui=skeleton][data-part=root][data-shape=square][data-size=xl]{--_size: var(--slotted-skeleton-size, var(--slotted-avatar-size-xl, 64px))}[data-ui=skeleton][data-part=root][data-loading]:not(:empty){block-size:var(--slotted-skeleton-block-size, auto);color:transparent;inline-size:var(--slotted-skeleton-inline-size, auto)}[data-ui=skeleton][data-part=root][data-loading]:not(:empty)>*{visibility:hidden}[data-ui=skeleton][data-part=text]{align-items:center;display:grid;grid-auto-rows:var(--slotted-skeleton-row-size, 1lh);inline-size:var(--slotted-skeleton-inline-size, 100%)}[data-ui=skeleton] [data-part=line]{block-size:var(--slotted-skeleton-line-size, 1cap);border-radius:var(--slotted-radius-full, 9999px);inline-size:100%}[data-ui=skeleton] [data-part=line]:last-child:not(:only-child){inline-size:var(--slotted-skeleton-last-line-size, 62%)}[data-ui=skeleton][data-part=root]:not([data-loading]),[data-ui=skeleton][data-part=text]:not([data-loading]){display:contents}[data-ui=skeleton][data-part=region]{inline-size:var(--slotted-skeleton-inline-size, 100%);min-inline-size:0}[data-ui=skeleton][data-part=root][data-loading]:not([data-animation=none]),[data-ui=skeleton][data-part=text][data-loading]:not([data-animation=none]) [data-part=line]{overflow:clip;position:relative}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-delay:calc(var(--slotted-skeleton-phase, 0) * var(--slotted-duration-loop-slow) * -1);animation-duration:var(--slotted-duration-loop-slow);animation-iteration-count:infinite;content:\"\";inset-block:0;inset-inline:0;pointer-events:none;position:absolute}[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-timing-function:ease-in-out;background-color:var(--_trough);opacity:0}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-timing-function:linear;background-image:linear-gradient(90deg,transparent 14%,var(--_highlight) 50%,transparent 86%)}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:dir(rtl):after,[data-ui=skeleton][data-animation=shimmer][data-loading]:dir(rtl) [data-part=line]:after{animation-direction:reverse}@media(prefers-reduced-motion:no-preference){[data-ui=skeleton][data-part=root][data-animation=pulse][data-loading]:after,[data-ui=skeleton][data-animation=pulse][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-pulse}[data-ui=skeleton][data-part=root][data-animation=shimmer][data-loading]:after,[data-ui=skeleton][data-animation=shimmer][data-loading] [data-part=line]:after{animation-name:slotted-skeleton-sweep}}@keyframes slotted-skeleton-pulse{50%{opacity:1}}@keyframes slotted-skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){[data-ui=skeleton]:after,[data-ui=skeleton] [data-part=line]:after{animation:none}}@media(forced-colors:active){[data-ui=skeleton][data-part=root][data-loading]:after,[data-ui=skeleton][data-part=text][data-loading] [data-part=line]:after{background-image:none}}}\n", "@layer slotted.components{[data-ui=chart]{--_gap: var(--slotted-chart-gap, var(--slotted-space-5, .75rem));--_plot-size: var(--slotted-chart-plot-block-size, calc(var(--slotted-space-12, 4rem) * 4));--_radius: var(--slotted-chart-radius, var(--slotted-radius-md, 6px));--_chart-slot-1: var(--slotted-chart-color-1, var(--slotted-data-1));--_chart-slot-2: var(--slotted-chart-color-2, var(--slotted-data-2));--_chart-slot-3: var(--slotted-chart-color-3, var(--slotted-data-3));--_chart-slot-4: var(--slotted-chart-color-4, var(--slotted-data-4));--_chart-slot-5: var(--slotted-chart-color-5, var(--slotted-data-5));--_chart-slot-6: var(--slotted-chart-color-6, var(--slotted-data-6));--_chart-slot-7: var(--slotted-chart-color-7, var(--slotted-data-7));--_chart-slot-8: var(--slotted-chart-color-8, var(--slotted-data-8));--_chart-tone-neutral: var(--slotted-text-muted, GrayText);--_chart-tone-accent: var(--slotted-tone-accent-text, CanvasText);--_chart-tone-secondary: var(--slotted-tone-secondary-text, CanvasText);--_chart-tone-success: var(--slotted-tone-success-text, CanvasText);--_chart-tone-warning: var(--slotted-tone-warning-text, CanvasText);--_chart-tone-danger: var(--slotted-tone-danger-text, CanvasText);--_chart-overflow: var(--slotted-text-muted, GrayText);--_chart-text: var(--slotted-text, CanvasText);--_chart-label: var(--slotted-chart-label-color, var(--slotted-text-muted, GrayText));--_chart-grid: var(--slotted-chart-grid-color, var(--slotted-border-subtle, GrayText));--_chart-axis: var(--slotted-chart-axis-color, var(--slotted-control-border-color, GrayText));--_chart-reference: var( --slotted-chart-reference-color, var(--slotted-border-strong, GrayText) );--_chart-surface: var(--slotted-chart-surface, var(--slotted-surface, Canvas));--_chart-label-size: var(--slotted-chart-label-size, var(--slotted-font-size-xs, .75rem));--_chart-line-width: var(--slotted-chart-line-width, var(--slotted-border-width-thick, 2px));--_chart-marker-size: var(--slotted-chart-marker-size, var(--slotted-space-4, .5rem));--_chart-bar-radius: var(--slotted-chart-bar-radius, var(--slotted-radius-sm, 4px));--_chart-area-opacity: var(--slotted-chart-area-opacity, .18);--_chart-inset: var(--slotted-chart-inset, var(--slotted-control-gap-md, .5rem));--_chart-duration: var(--slotted-duration-long);--_chart-easing: var(--slotted-easing-standard);box-sizing:border-box;color:var(--slotted-text, CanvasText);container:slotted-chart / inline-size;display:flex;flex-direction:column;font-family:var(--slotted-font-family-sans, system-ui, sans-serif);font-size:var(--slotted-font-size-md, .875rem);gap:var(--_gap);line-height:var(--slotted-line-height-md, 1.5);margin:0;min-inline-size:0}[data-ui=chart][data-size=sm]{--_plot-size: var(--slotted-chart-plot-block-size-sm, calc(var(--slotted-space-12, 4rem) * 3))}[data-ui=chart][data-size=lg]{--_plot-size: var(--slotted-chart-plot-block-size-lg, calc(var(--slotted-space-12, 4rem) * 6))}[data-ui=chart][data-palette=sequential]{--_hue: var(--slotted-chart-sequential-color, var(--slotted-tone-accent-text, CanvasText));--_chart-slot-1: var(--_hue);--_chart-slot-2: color-mix(in oklab, var(--_hue) 76%, var(--_chart-surface));--_chart-slot-3: color-mix(in oklab, var(--_hue) 56%, var(--_chart-surface));--_chart-slot-4: color-mix(in oklab, var(--_hue) 40%, var(--_chart-surface));--_chart-slot-5: color-mix(in oklab, var(--_hue) 28%, var(--_chart-surface));--_chart-slot-6: color-mix(in oklab, var(--_hue) 20%, var(--_chart-surface));--_chart-slot-7: color-mix(in oklab, var(--_hue) 14%, var(--_chart-surface));--_chart-slot-8: color-mix(in oklab, var(--_hue) 10%, var(--_chart-surface))}[data-ui=chart][data-palette=focus]{--_muted: var(--slotted-text-muted, GrayText);--_chart-slot-1: var(--slotted-chart-focus-color, var(--slotted-tone-accent-text, CanvasText));--_chart-slot-2: color-mix(in oklab, var(--_muted) 70%, var(--_chart-surface));--_chart-slot-3: color-mix(in oklab, var(--_muted) 52%, var(--_chart-surface));--_chart-slot-4: color-mix(in oklab, var(--_muted) 38%, var(--_chart-surface));--_chart-slot-5: color-mix(in oklab, var(--_muted) 30%, var(--_chart-surface));--_chart-slot-6: color-mix(in oklab, var(--_muted) 24%, var(--_chart-surface));--_chart-slot-7: color-mix(in oklab, var(--_muted) 20%, var(--_chart-surface));--_chart-slot-8: color-mix(in oklab, var(--_muted) 16%, var(--_chart-surface))}[data-ui=chart][data-variant=card]{--_chart-surface: var(--slotted-chart-surface, var(--slotted-surface-raised, Canvas));background-color:var(--_chart-surface);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);border-radius:var(--slotted-chart-card-radius, var(--slotted-radius-lg, 8px));padding-block:var(--slotted-chart-card-padding-block, var(--slotted-space-6, 1rem));padding-inline:var(--slotted-chart-card-padding-inline, var(--slotted-space-6, 1rem))}[data-ui=chart]>[data-part=header]{align-items:start;display:flex;gap:var(--slotted-space-4, .5rem);min-inline-size:0}[data-ui=chart]>[data-part=header]>:first-child{align-content:start;display:grid;flex:1 1 auto;gap:var(--slotted-space-1, .125rem);min-inline-size:0}[data-ui=chart]>[data-part=header]>:first-child>:first-child{align-items:center;display:flex;gap:var(--slotted-space-2, .25rem);min-inline-size:0}[data-ui=chart]>[data-part=header] [data-part=title]{color:var(--slotted-text, CanvasText);font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );font-size:var(--slotted-font-size-lg, 1rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-lg, 1.5);min-inline-size:0;overflow-wrap:anywhere}[data-ui=chart]>[data-part=header] [data-part=description]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-sm, .8125rem);line-height:var(--slotted-line-height-sm, 1.45);overflow-wrap:anywhere}[data-ui=chart][data-variant=card]>[data-part=header] :is([data-part=title],[data-part=description]){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=chart][data-variant=card]>[data-part=header] [data-part=title]{font-size:var(--slotted-font-size-md, .875rem);line-height:var(--slotted-line-height-md, 1.5)}[data-ui=chart][data-variant=card]>[data-part=header]>:first-child{min-block-size:calc(var(--slotted-font-size-md, .875rem) * var(--slotted-line-height-md, 1.5) + var(--slotted-space-1, .125rem) + var(--slotted-font-size-sm, .8125rem) * var(--slotted-line-height-sm, 1.45))}[data-ui=chart]>[data-part=header]>[data-part=actions]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-2, .25rem)}[data-ui=chart]>[data-part=header]>[data-part=toolbar]{align-items:center;display:flex;flex:none;gap:var(--slotted-space-1, .125rem);margin-block:calc((var(--slotted-font-size-lg, 1rem) * var(--slotted-line-height-lg, 1.5) - var(--slotted-control-height-sm, 1.75rem)) / 2);transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=chart][data-toolbar=hover]>[data-part=header]>[data-part=toolbar]{opacity:0}[data-ui=chart]>[data-part=header]>[data-part=toolbar][data-waiting]{visibility:hidden}[data-ui=chart][data-toolbar=hover]:is(:hover,:focus-within):not([data-disabled])>[data-part=header]>[data-part=toolbar]{opacity:1}@media(hover:none){[data-ui=chart][data-toolbar=hover]>[data-part=header]>[data-part=toolbar]{opacity:1}}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger],[data-part=help]){--_box: var(--slotted-control-height-sm, 1.75rem);align-items:center;background:transparent;block-size:var(--_box);border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-md, 6px));color:var(--slotted-text-muted, GrayText);cursor:pointer;display:inline-flex;flex:none;inline-size:var(--_box);justify-content:center;padding:0;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),color var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=chart] [data-part=help]{--_box: var(--slotted-control-inner-size-sm, 1.25rem);margin-block:calc((var(--slotted-font-size-md, .875rem) * var(--slotted-line-height-md, 1.5) - var(--_box)) / 2)}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger],[data-part=help]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover, ButtonFace);color:var(--slotted-text, CanvasText)}[data-ui=chart] :is([data-part=view-toggle],[data-part=menu-trigger],[data-part=help])[data-pressed],[data-ui=chart] :is([data-part=menu-trigger],[data-part=help])[data-open]{background-color:var(--slotted-tone-secondary-surface, ButtonFace);color:var(--slotted-text, CanvasText)}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger],[data-part=help],[data-part=legend-more],[data-part=menu-item]):focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui=chart] :is([data-part=menu],[data-part=help-content]){background-color:var(--slotted-surface-raised, Canvas);border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);border-radius:var(--slotted-radius-md, 6px);box-shadow:var(--slotted-shadow-md, none);box-sizing:border-box;color:var(--slotted-text, CanvasText);font-family:var(--slotted-font-family-sans, system-ui, sans-serif);font-size:var(--slotted-font-size-sm, .8125rem);inset:0 auto auto 0;line-height:var(--slotted-line-height-sm, 1.45);margin:0;max-inline-size:min(20rem,calc(100vw - var(--slotted-space-8, 1.5rem)));position:fixed;transform:translate(var(--slotted-chart-x, 0px),var(--slotted-chart-y, 0px));z-index:var(--slotted-z-index-popover, 1100)}[data-ui=chart] [data-part=menu]{display:grid;min-inline-size:11rem;padding:var(--slotted-space-2, .25rem)}[data-ui=chart] [data-part=menu]:not(:popover-open,[data-open]){display:none}[data-ui=chart] [data-part=help-content]{padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-5, .75rem)}[data-ui=chart] [data-part=help-content]:not(:popover-open,[data-open]){display:none}[data-ui=chart] [data-part=menu-item]{align-items:center;background:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;cursor:pointer;display:flex;font:inherit;gap:var(--slotted-space-3, .375rem);min-block-size:var(--slotted-control-height-sm, 1.75rem);padding-inline:var(--slotted-space-4, .5rem);text-align:start}[data-ui=chart] [data-part=menu-item]:is([data-action=view],[data-action=fullscreen]){display:none}[data-ui=chart] [data-part=menu-item]:hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=chart] [data-part=legend]{align-items:center;display:flex;flex:none;flex-wrap:nowrap;gap:var(--slotted-space-1, .125rem) var(--slotted-space-2, .25rem);list-style:none;margin:0;margin-inline-start:calc(var(--slotted-space-3, .375rem) * -1);min-block-size:var(--slotted-target-min, 1.5rem);min-inline-size:0;overflow:hidden;padding:0}[data-ui=chart][data-legend-overflow=wrap] [data-part=legend]{flex-wrap:wrap;overflow:visible}[data-ui=chart] [data-slot=\"1\"]{--_series: var(--_chart-slot-1)}[data-ui=chart] [data-slot=\"2\"]{--_series: var(--_chart-slot-2)}[data-ui=chart] [data-slot=\"3\"]{--_series: var(--_chart-slot-3)}[data-ui=chart] [data-slot=\"4\"]{--_series: var(--_chart-slot-4)}[data-ui=chart] [data-slot=\"5\"]{--_series: var(--_chart-slot-5)}[data-ui=chart] [data-slot=\"6\"]{--_series: var(--_chart-slot-6)}[data-ui=chart] [data-slot=\"7\"]{--_series: var(--_chart-slot-7)}[data-ui=chart] [data-slot=\"8\"]{--_series: var(--_chart-slot-8)}[data-ui=chart] [data-tone=neutral]{--_series: var(--_chart-tone-neutral)}[data-ui=chart] [data-tone=accent]{--_series: var(--_chart-tone-accent)}[data-ui=chart] [data-tone=secondary]{--_series: var(--_chart-tone-secondary)}[data-ui=chart] [data-tone=success]{--_series: var(--_chart-tone-success)}[data-ui=chart] [data-tone=warning]{--_series: var(--_chart-tone-warning)}[data-ui=chart] [data-tone=danger]{--_series: var(--_chart-tone-danger)}[data-ui=chart] [data-overflow]{--_series: var(--_chart-overflow)}[data-ui=chart] :is([data-part=legend-item],[data-part=legend-more]){align-items:center;background:transparent;border:0;border-radius:var(--slotted-control-radius, var(--slotted-radius-md, 6px));color:var(--slotted-text, CanvasText);display:inline-flex;flex:none;font:inherit;font-size:var(--slotted-control-font-size-sm, .75rem);gap:var(--slotted-space-3, .375rem);line-height:var(--slotted-line-height-sm, 1.45);max-inline-size:100%;min-block-size:var(--slotted-target-min, 1.5rem);min-inline-size:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-duration-short) var(--slotted-easing-standard),color var(--slotted-duration-short) var(--slotted-easing-standard)}[data-ui=chart] :is([data-part=legend-item],[data-part=legend-more])[hidden]{display:none}[data-ui=chart] [data-part=legend-more]{color:var(--slotted-text-muted, GrayText);cursor:pointer;font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=chart] [data-part=menu] [data-part=legend-item]{inline-size:100%}[data-ui=chart] :is(button[data-part=legend-item],[data-part=legend-more]){cursor:pointer}[data-ui=chart] :is(button[data-part=legend-item],[data-part=legend-more]):hover:not(:disabled){background-color:var(--slotted-tone-secondary-subtle-hover, ButtonFace)}[data-ui=chart] [data-part=legend-item]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:0}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker]){background-color:var(--_series);block-size:.625rem;border-radius:var(--slotted-radius-xs, 2px);flex:none;inline-size:.625rem}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-kind=line]{block-size:var(--slotted-border-width-thick, 2px);border-radius:var(--slotted-radius-full, 9999px);inline-size:.875rem}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-kind=scatter]{border-radius:var(--slotted-radius-full, 9999px)}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-stroke=dashed]{background:repeating-linear-gradient(to right,var(--_series) 0 3px,transparent 3px 5px)}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-stroke=dotted]{background:repeating-linear-gradient(to right,var(--_series) 0 2px,transparent 2px 4px)}[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker])[data-stroke=dash-dot]{background:repeating-linear-gradient(to right,var(--_series) 0 5px,transparent 5px 7px,var(--_series) 7px 9px,transparent 9px 11px)}[data-ui=chart] [data-part=legend-label]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=chart] [data-part=legend-value]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=chart] [data-part=legend-item][data-current] [data-part=legend-value]{color:var(--slotted-text, CanvasText)}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]){color:var(--slotted-text-muted, GrayText)}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]) [data-part=legend-marker]{background:transparent;box-shadow:inset 0 0 0 var(--slotted-border-width-medium, 1.5px) var(--_series)}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]) [data-part=legend-marker][data-kind=line]{background:var(--_series);box-shadow:none;opacity:.4}[data-ui=chart] button[data-part=legend-item]:not([data-pressed]) [data-part=legend-label]{text-decoration:line-through;text-decoration-color:color-mix(in oklab,currentColor 55%,transparent)}[data-ui=chart] [data-part=plot]{border-radius:var(--_radius);flex:1 0 var(--_plot-size);min-block-size:var(--_plot-size);direction:ltr;min-inline-size:0;position:relative}[data-ui=chart] [data-part=plot]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=chart] [data-part=canvas]{inset:0;position:absolute;z-index:1}[data-ui=chart] [data-part=plot]:has(>[data-part=table-region]:not([hidden]))>:is([data-part=canvas],[data-part=crosshair],[data-part=marker],[data-part=tooltip],[data-part=center]){visibility:hidden}[data-ui=chart] :is([data-part=crosshair],[data-part=marker],[data-part=tooltip]){inset-block-start:0;inset-inline-start:0;pointer-events:none;position:absolute}[data-ui=chart] [data-part=crosshair]{background-color:var(--slotted-chart-crosshair-color, var(--slotted-border-strong, GrayText));block-size:var(--slotted-chart-frame-size, 100%);inline-size:1px;transform:translate(calc(var(--slotted-chart-x, 0px) - .5px),var(--slotted-chart-frame-start, 0px));z-index:0}[data-ui=chart] [data-part=crosshair][data-band]{background-color:var( --slotted-chart-band-color, color-mix(in oklab, var(--slotted-text, CanvasText) 6%, transparent) );border-radius:var(--slotted-radius-sm, 4px);inline-size:var(--slotted-chart-band-size, 0px);transform:translate(var(--slotted-chart-band-start, 0px),var(--slotted-chart-frame-start, 0px))}[data-ui=chart] [data-part=crosshair][data-orientation=horizontal]{block-size:1px;inline-size:var(--slotted-chart-frame-size, 100%);transform:translate(var(--slotted-chart-frame-start, 0px),calc(var(--slotted-chart-y, 0px) - .5px))}[data-ui=chart] [data-part=crosshair][data-band][data-orientation=horizontal]{block-size:var(--slotted-chart-band-size, 0px);transform:translate(var(--slotted-chart-frame-start, 0px),var(--slotted-chart-band-start, 0px))}[data-ui=chart] [data-part=marker]{--_size: calc(var(--_chart-marker-size) + var(--slotted-space-2, .25rem));background-color:var(--_series, var(--_chart-slot-1));block-size:var(--_size);border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_chart-surface);inline-size:var(--_size);transform:translate(calc(var(--slotted-chart-x, 0px) - var(--_size) / 2),calc(var(--slotted-chart-y, 0px) - var(--_size) / 2));z-index:2}[data-ui=chart] [data-part=marker][data-selected]{--_size: calc(var(--_chart-marker-size) * 2 + var(--slotted-space-2, .25rem));background-color:transparent;box-shadow:inset 0 0 0 var(--slotted-border-width-thick, 2px) var(--_series, CanvasText),0 0 0 var(--slotted-border-width-thick, 2px) var(--_chart-surface)}[data-ui=chart] [data-part=tooltip]{background-color:var(--slotted-chart-tooltip-surface, var(--slotted-surface-raised, Canvas));border:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);border-radius:var(--slotted-radius-md, 6px);box-shadow:var(--slotted-shadow-md, none);box-sizing:border-box;color:var(--slotted-text, CanvasText);column-gap:var(--slotted-space-4, .5rem);display:grid;font-size:var(--slotted-control-font-size-sm, .75rem);grid-template-columns:auto minmax(0,1fr) auto;line-height:var(--slotted-line-height-sm, 1.45);max-inline-size:min(18rem,100%);min-inline-size:8rem;opacity:0;padding-block:var(--slotted-space-4, .5rem);padding-inline:var(--slotted-space-5, .75rem);row-gap:var(--slotted-space-2, .25rem);transform:translate(var(--slotted-chart-x, 0px),var(--slotted-chart-y, 0px));transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard),transform var(--slotted-duration-short) var(--slotted-easing-standard);visibility:hidden;z-index:3}[data-ui=chart] [data-part=tooltip][data-docked]{inline-size:100%;max-inline-size:100%;min-inline-size:0}[data-ui=chart]:dir(rtl) :is([data-part=tooltip],[data-part=center]){direction:rtl}[data-ui=chart]:dir(rtl) [data-part=tooltip]{inset-inline-end:0;inset-inline-start:auto}[data-ui=chart] [data-part=tooltip][data-open]{opacity:1;visibility:visible}[data-ui=chart] [data-part=tooltip]:not([data-open]){transition:opacity var(--slotted-duration-short) var(--slotted-easing-standard),visibility var(--slotted-duration-instant) linear var(--slotted-duration-short)}[data-ui=chart] [data-part=tooltip-title]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600);grid-column:1 / -1;overflow-wrap:anywhere}[data-ui=chart] :is([data-part=tooltip-item],[data-part=tooltip-total]){align-items:center;display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=chart] [data-part=tooltip-item]{color:var(--slotted-text-muted, GrayText)}[data-ui=chart] [data-part=tooltip-item][data-current]{color:var(--slotted-text, CanvasText)}[data-ui=chart] [data-part=tooltip-label]{min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=chart] [data-part=tooltip-value]{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-medium, 500);text-align:end;white-space:nowrap}[data-ui=chart] [data-part=tooltip-total]{border-block-start:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600);margin-block-start:var(--slotted-space-2, .25rem);padding-block-start:var(--slotted-space-3, .375rem)}[data-ui=chart] [data-part=tooltip-total]>:first-child{grid-column:1 / 3}[data-ui=chart] [data-part=center]{align-content:center;display:grid;inset:0;justify-items:center;pointer-events:none;position:absolute;text-align:center;z-index:2}[data-ui=chart] [data-part=center-value]{font-size:var(--slotted-font-size-2xl, 1.25rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-2xl, 1.4)}[data-ui=chart] [data-part=center-label]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);line-height:var(--slotted-line-height-xs, 1.4)}[data-ui=chart] [data-part=skeleton]{inset:var(--_chart-inset);position:absolute}[data-ui=chart] [data-part=skeleton]>[data-ui=skeleton]{--slotted-skeleton-fill: color-mix( in oklab, var(--slotted-text, CanvasText) 9%, var(--_chart-surface) );block-size:100%;box-sizing:border-box;column-gap:var(--_chart-inset);display:grid;grid-template-areas:\"y marks\" \". x\";grid-template-columns:2.25rem minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;inline-size:100%;row-gap:var(--_chart-inset)}[data-ui=chart] [data-part=skeleton] [data-skeleton=y]{align-items:end;display:flex;flex-direction:column;grid-area:y;justify-content:space-between}[data-ui=chart] [data-part=skeleton] [data-skeleton=x]{display:flex;grid-area:x;justify-content:space-around}[data-ui=chart] [data-part=skeleton] :is([data-skeleton=y],[data-skeleton=x])>[data-ui=skeleton]{block-size:.5rem;border-radius:var(--slotted-radius-full, 9999px);flex:none;inline-size:1.5rem;min-block-size:0}[data-ui=chart] [data-part=skeleton] [data-skeleton=y]>[data-ui=skeleton]:nth-child(odd){inline-size:2rem}[data-ui=chart] [data-part=skeleton] [data-skeleton=x]>[data-ui=skeleton]{flex:0 1 auto;min-inline-size:0}[data-ui=chart] [data-part=skeleton] [data-skeleton=marks]{align-items:end;background-image:repeating-linear-gradient(to bottom,var(--_chart-grid) 0 1px,transparent 1px calc((100% - 1px)/4));display:flex;grid-area:marks;justify-content:space-around;min-block-size:0;position:relative}[data-ui=chart] [data-part=skeleton] [data-skeleton=marks]>[data-ui=skeleton]{border-radius:var(--_chart-bar-radius) var(--_chart-bar-radius) 0 0;flex:0 1 9%;inline-size:auto;min-inline-size:0}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+1){block-size:38%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+2){block-size:62%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+3){block-size:50%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+4){block-size:74%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+5){block-size:56%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+6){block-size:44%}[data-ui=chart] [data-part=skeleton][data-kind=bar] [data-skeleton=marks]>[data-ui=skeleton]:nth-child(7n+7){block-size:68%}[data-ui=chart] [data-part=skeleton][data-kind=line] [data-skeleton=marks]>[data-ui=skeleton]{block-size:100%;border-radius:0;inset:0;position:absolute}[data-ui=chart] [data-part=skeleton][data-kind=line] [data-skeleton=marks]>[data-ui=skeleton]:first-child{clip-path:polygon(0% 60.5%,14% 46.5%,28% 54.5%,42% 28.5%,57% 38.5%,71% 20.5%,86% 32.5%,100% 12.5%,100% 15.5%,86% 35.5%,71% 23.5%,57% 41.5%,42% 31.5%,28% 57.5%,14% 49.5%,0% 63.5%)}[data-ui=chart] [data-part=skeleton][data-kind=line] [data-skeleton=marks]>[data-ui=skeleton]:last-child{clip-path:polygon(0% 62%,14% 48%,28% 56%,42% 30%,57% 40%,71% 22%,86% 34%,100% 14%,100% 100%,0% 100%);opacity:.35}[data-ui=chart] [data-part=skeleton][data-kind=pie]>[data-ui=skeleton]{align-items:center;display:flex;justify-content:center}[data-ui=chart] [data-part=skeleton][data-kind=pie] [data-ui=skeleton][data-shape=circle]{aspect-ratio:1;block-size:76%;flex:none;inline-size:auto;-webkit-mask-image:radial-gradient(circle,transparent calc(var(--slotted-chart-skeleton-hole, 64%) * .5),#000 calc(var(--slotted-chart-skeleton-hole, 64%) * .5 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--slotted-chart-skeleton-hole, 64%) * .5),#000 calc(var(--slotted-chart-skeleton-hole, 64%) * .5 + .5px))}[data-ui=chart] [data-part=legend]>[data-ui=skeleton]{--slotted-skeleton-fill: color-mix( in oklab, var(--slotted-text, CanvasText) 9%, var(--_chart-surface) );--slotted-skeleton-block-size: .5rem;--slotted-skeleton-min-block-size: 0;align-self:center;block-size:.5rem;border-radius:var(--slotted-radius-full, 9999px);flex:none;inline-size:4.5rem;margin-inline-start:var(--slotted-space-3, .375rem);min-block-size:0}[data-ui=chart] [data-part=legend]>[data-ui=skeleton]:nth-child(2){inline-size:3.25rem}[data-ui=chart] :is([data-part=empty],[data-part=error]){--slotted-result-state-title-font-size: var(--slotted-font-size-md, .875rem);--slotted-result-state-padding-block: var(--slotted-space-4, .5rem);align-content:center;display:grid;inset:0;justify-items:center;padding:var(--_chart-inset);position:absolute;z-index:3}[data-ui=chart] [data-part=plot]:has(>:is([data-part=empty],[data-part=error])){background:linear-gradient(var(--_chart-grid),var(--_chart-grid)) 0 100% / 100% 1px no-repeat content-box;box-sizing:border-box;padding:var(--_chart-inset) var(--_chart-inset) calc(var(--_chart-inset) * 3)}[data-ui=chart] [data-part=summary]{block-size:1px;clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;position:absolute;white-space:nowrap}[data-ui=chart] [data-part=table-region]{background-color:var(--_chart-surface);border-radius:var(--_radius);inset:0;overflow:auto;overscroll-behavior:contain;position:absolute;z-index:4}[data-ui=chart]:dir(rtl) [data-part=table-region]{direction:rtl}[data-ui=chart] [data-part=table-region]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-width, 2px) * -1)}[data-ui=chart] [data-part=table-region][hidden]{display:none}[data-ui=chart] [data-part=table]{border-collapse:collapse;font-size:var(--slotted-font-size-sm, .8125rem);inline-size:100%;line-height:var(--slotted-line-height-sm, 1.45)}[data-ui=chart] [data-part=table] caption{caption-side:bottom;color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);padding-block:var(--slotted-space-3, .375rem);text-align:start}[data-ui=chart] [data-part=table] :is(th,td){border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle, CanvasText);padding-block:var(--slotted-control-gap-sm, .375rem);padding-inline:var(--slotted-space-4, .5rem);text-align:start;white-space:nowrap}[data-ui=chart] [data-part=table] tbody th{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=chart] [data-part=table] thead th{background-color:var(--_chart-surface);color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-medium, 500);inset-block-start:0;position:sticky}[data-ui=chart] [data-part=table] [data-numeric]{font-variant-numeric:tabular-nums;text-align:end}[data-ui=chart] [data-part=table] tbody tr[data-current]{background-color:var(--slotted-tone-secondary-subtle-hover, Highlight)}[data-ui=chart][data-fullscreen]{--_chart-surface: var(--slotted-chart-surface, var(--slotted-surface, Canvas));background-color:var(--_chart-surface);block-size:100%;border:0;border-radius:0;inset:0;padding-block:var(--slotted-space-8, 1.5rem);padding-inline:var(--slotted-space-9, 2rem);position:fixed;z-index:var(--slotted-z-index-overlay, 1000)}[data-ui=chart][data-fullscreen] [data-part=title]{font-size:var(--slotted-font-size-xl, 1.125rem)}@container slotted-chart (max-width: 480px){[data-ui=chart]>[data-part=header]>[data-part=toolbar]>:is([data-part=view-toggle],[data-part=fullscreen-toggle]){display:none}[data-ui=chart] [data-part=menu-item]:is([data-action=view],[data-action=fullscreen]){display:flex}[data-ui=chart] :is([data-part=legend-item],[data-part=legend-more]){padding-inline:var(--slotted-space-2, .25rem)}}@container slotted-chart (max-width: 360px){[data-ui=chart][data-variant=card]{padding-block:var(--slotted-space-5, .75rem);padding-inline:var(--slotted-space-5, .75rem)}}@media(pointer:coarse){[data-ui=chart] [data-part=menu-item]{min-block-size:var(--slotted-target-comfortable, 2.75rem)}[data-ui=chart] [data-part=menu] [data-part=legend-item]{min-block-size:var(--slotted-target-comfortable, 2.75rem);min-inline-size:var(--slotted-target-comfortable, 2.75rem)}[data-ui=chart] [data-part=legend]{min-block-size:var(--slotted-target-comfortable, 2.75rem);row-gap:calc(var(--slotted-target-comfortable, 2.75rem) - var(--slotted-target-min, 1.5rem))}[data-ui=chart] [data-part=legend]>:is([data-part=legend-item],[data-part=legend-more]){position:relative}[data-ui=chart] [data-part=legend]>:is([data-part=legend-item],[data-part=legend-more]):after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 2.75rem)) / 2));position:absolute}[data-ui=chart] [data-part=legend]>[data-part=legend-more]:after{inset-inline-start:0}[data-ui=chart] :is([data-part=zoom-reset],[data-part=view-toggle],[data-part=fullscreen-toggle],[data-part=menu-trigger]){--_box: var(--slotted-target-comfortable, 2.75rem)}}@media print{[data-ui=chart] :is([data-part=toolbar],[data-part=help],[data-part=legend-more],[data-part=tooltip],[data-part=crosshair],[data-part=marker]:not([data-selected])){display:none}[data-ui=chart] [data-part=legend]{flex-wrap:wrap;overflow:visible}[data-ui=chart]{break-inside:avoid}}@media(forced-colors:active){[data-ui=chart] :is([data-part=legend-marker],[data-part=tooltip-marker],[data-part=marker]){forced-color-adjust:none;background-color:CanvasText}[data-ui=chart] [data-part=crosshair]{background-color:GrayText;forced-color-adjust:none}}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], series: [{ type: i0.Input, args: [{ isSignal: true, alias: "series", required: false }] }], x: [{ type: i0.Input, args: [{ isSignal: true, alias: "x", required: false }] }], y: [{ type: i0.Input, args: [{ isSignal: true, alias: "y", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], stackMode: [{ type: i0.Input, args: [{ isSignal: true, alias: "stackMode", required: false }] }], annotations: [{ type: i0.Input, args: [{ isSignal: true, alias: "annotations", required: false }] }], recordKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "recordKey", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], help: [{ type: i0.Input, args: [{ isSignal: true, alias: "help", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], palette: [{ type: i0.Input, args: [{ isSignal: true, alias: "palette", required: false }] }], toolbar: [{ type: i0.Input, args: [{ isSignal: true, alias: "toolbar", required: false }] }], grid: [{ type: i0.Input, args: [{ isSignal: true, alias: "grid", required: false }] }], texture: [{ type: i0.Input, args: [{ isSignal: true, alias: "texture", required: false }] }], renderer: [{ type: i0.Input, args: [{ isSignal: true, alias: "renderer", required: false }] }], sampling: [{ type: i0.Input, args: [{ isSignal: true, alias: "sampling", required: false }] }], animate: [{ type: i0.Input, args: [{ isSignal: true, alias: "animate", required: false }] }], legend: [{ type: i0.Input, args: [{ isSignal: true, alias: "legend", required: false }] }], legendInteractive: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendInteractive", required: false }] }], legendValues: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendValues", required: false }] }], legendOverflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "legendOverflow", required: false }] }], trigger: [{ type: i0.Input, args: [{ isSignal: true, alias: "trigger", required: false }] }], tooltip: [{ type: i0.Input, args: [{ isSignal: true, alias: "tooltip", required: false }] }], zoomable: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoomable", required: false }] }], selectable: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectable", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], error: [{ type: i0.Input, args: [{ isSignal: true, alias: "error", required: false }] }], extendOption: [{ type: i0.Input, args: [{ isSignal: true, alias: "extendOption", required: false }] }], hidden: [{ type: i0.Input, args: [{ isSignal: true, alias: "hidden", required: false }] }, { type: i0.Output, args: ["hiddenChange"] }], activePoint: [{ type: i0.Input, args: [{ isSignal: true, alias: "activePoint", required: false }] }, { type: i0.Output, args: ["activePointChange"] }], selection: [{ type: i0.Input, args: [{ isSignal: true, alias: "selection", required: false }] }, { type: i0.Output, args: ["selectionChange"] }], zoom: [{ type: i0.Input, args: [{ isSignal: true, alias: "zoom", required: false }] }, { type: i0.Output, args: ["zoomChange"] }], tableOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "tableOpen", required: false }] }, { type: i0.Output, args: ["tableOpenChange"] }], fullscreen: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullscreen", required: false }] }, { type: i0.Output, args: ["fullscreenChange"] }], hiddenChangeRequest: [{ type: i0.Output, args: ["hiddenChangeRequest"] }], activePointChangeRequest: [{ type: i0.Output, args: ["activePointChangeRequest"] }], selectionChangeRequest: [{ type: i0.Output, args: ["selectionChangeRequest"] }], zoomChangeRequest: [{ type: i0.Output, args: ["zoomChangeRequest"] }], tableOpenChangeRequest: [{ type: i0.Output, args: ["tableOpenChangeRequest"] }], fullscreenChangeRequest: [{ type: i0.Output, args: ["fullscreenChangeRequest"] }], retry: [{ type: i0.Output, args: ["retry"] }], tooltipTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlChartTooltip), { isSignal: true }] }], legendItemTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlChartLegendItem), { isSignal: true }] }], centerTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlChartCenter), { isSignal: true }] }], emptyTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlChartEmpty), { isSignal: true }] }], errorTemplate: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlChartError), { isSignal: true }] }], plotRef: [{ type: i0.ViewChild, args: ['plot', { isSignal: true }] }], canvasRef: [{ type: i0.ViewChild, args: ['canvas', { isSignal: true }] }], tooltipRef: [{ type: i0.ViewChild, args: ['tooltipBox', { isSignal: true }] }], legendRef: [{ type: i0.ViewChild, args: ['legendRow', { isSignal: true }] }], menuRef: [{ type: i0.ViewChild, args: ['menu', { isSignal: true }] }], moreRef: [{ type: i0.ViewChild, args: ['moreLayer', { isSignal: true }] }], helpRef: [{ type: i0.ViewChild, args: ['helpLayer', { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CHART_DEFAULTS_TOKEN, CHART_ENGINE, SlChart, SlChartCenter, SlChartEmpty, SlChartError, SlChartIdFactory, SlChartLegendItem, SlChartTooltip, injectChartDefaults, provideChartDefaults };
+//# sourceMappingURL=slotted-angular-chart.mjs.map