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

package/fesm2022/slotted-angular-rating.mjs

@@ -0,0 +1,1174 @@
+import { NgTemplateOutlet } from '@angular/common';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Injectable, TemplateRef, Directive, booleanAttribute, model, input, output, ElementRef, HostAttributeToken, contentChild, viewChildren, signal, computed, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NG_VALUE_ACCESSOR, NG_VALIDATORS } from '@angular/forms';
+import { SlField } from '@slotted/angular/field';
+import { SlFieldGroup } from '@slotted/angular/field-group';
+import { injectLocale, injectMessages } from '@slotted/angular/i18n';
+import { SlGlyph, SlIcon } from '@slotted/angular/icon';
+import { ratingMessages } from '@slotted/core/i18n';
+import { RATING_INSIGHT_THRESHOLDS, normaliseRating, ratingFills, formatRatingValue, ratingForKey, ratingAtPoint, formatRating, summariseRatings, formatShare } from '@slotted/core/rating';
+import { createControllable } from '@slotted/core/state';
+
+const FALLBACK = {
+    size: 'md',
+    tone: 'warning',
+    max: 5,
+    clearable: true,
+    insightThresholds: RATING_INSIGHT_THRESHOLDS,
+};
+const SL_RATING_DEFAULTS = new InjectionToken('slotted rating defaults', {
+    providedIn: 'root',
+    factory: () => FALLBACK,
+});
+/**
+ * An application decides once how its ratings read — the step, the tone, the
+ * scale, whether a press on the chosen star empties it and the thresholds of
+ * the summary's conclusion. A threshold left out keeps the family's; an
+ * instance that states any of them still wins. The words and the locale come
+ * from the language in force (`provideSlotted`).
+ */
+function provideRating(defaults) {
+    return {
+        provide: SL_RATING_DEFAULTS,
+        useFactory: () => ({
+            ...FALLBACK,
+            ...defaults,
+            insightThresholds: { ...RATING_INSIGHT_THRESHOLDS, ...defaults.insightThresholds },
+        }),
+    };
+}
+/** What a rating renders as here, before it states anything of its own. */
+function injectRatingDefaults() {
+    return inject(SL_RATING_DEFAULTS);
+}
+/**
+ * One sequence for every application in the page, not one per application.
+ *
+ * The generated value is the `name` the radios group by, and grouping is by
+ * name across the whole document when there is no form: two applications on
+ * one page — every story on a Storybook docs page is its own application —
+ * each counting from one gave two ratings the same name, and checking a star
+ * in one unchecked the other. `field` scopes its counter to the application
+ * because its identifiers must match between server and client; this one is
+ * written through an attribute binding, which the client rewrites after
+ * hydration, so a sequence shared by the realm costs nothing there.
+ */
+let sequence = 0;
+class SlRatingIdFactory {
+    next() {
+        sequence += 1;
+        return `slotted-rating-${sequence}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlRatingIdFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlRatingIdFactory, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlRatingIdFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+/** A whole count, with the locale's grouping. */
+function formatCount(count, locale) {
+    return new Intl.NumberFormat(locale, { maximumFractionDigits: 0 }).format(count);
+}
+/** A number written into a custom property, to a fixed number of places. */
+function cssNumber(value, places) {
+    return String(Number(value.toFixed(places)));
+}
+
+/**
+ * The words beside the stars. On an element it is projected as it is; on an
+ * `ng-template` it is rendered again whenever the value or the preview moves,
+ * with both in its context — the word for the star under the pointer is the
+ * whole point of a caption.
+ */
+class SlRatingCaption {
+    template = inject(TemplateRef, { optional: true });
+    static ngTemplateContextGuard(_directive, context) {
+        return context !== null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlRatingCaption, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlRatingCaption, isStandalone: true, selector: "[slRatingCaption]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlRatingCaption, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slRatingCaption]',
+                    standalone: true,
+                }]
+        }] });
+/**
+ * The drawing of one symbol, in place of the star. It is rendered twice per
+ * item — once in `symbol`, the unlit shape, and once in `fill`, the lit one
+ * the stylesheet clips — so a consumer's heart lights the way a star does.
+ */
+class SlRatingSymbol {
+    template = inject(TemplateRef);
+    static ngTemplateContextGuard(_directive, context) {
+        return context !== null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlRatingSymbol, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlRatingSymbol, isStandalone: true, selector: "ng-template[slRatingSymbol]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlRatingSymbol, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-template[slRatingSymbol]',
+                    standalone: true,
+                }]
+        }] });
+const optionalBoolean = (value) => value === undefined ? undefined : booleanAttribute(value);
+/**
+ * An ordinal value chosen from a row of symbols.
+ *
+ * **The radios are native, and that buys the rest.** Tab lands on the checked
+ * one or on the first, Space checks, the form submits the value under one
+ * `name`, and a disabled rating leaves the tab order — all the platform's. The
+ * arrows are the family's (`ratingForKey`): the platform's wrap from the last
+ * radio to the first, and a rating that falls from five to one on one key too
+ * many is the defect every surveyed rating avoids.
+ *
+ * **A half step is a second radio over the inline-start half of the symbol**,
+ * stacked above the whole one, so the pointer asks for the half by pressing
+ * where the half is drawn.
+ *
+ * **The DOM is written back after every activation.** The HTML standard's
+ * canceled activation restores only the clicked radio, and a press on the
+ * checked one that empties the value leaves the platform nothing to undo, so
+ * each radio's `checked` is set from the value once the request is answered.
+ */
+class SlRating {
+    /** The rating, `null` for none. Two-way; every move is asked first through `valueChangeRequest`. */
+    value = model(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    max = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    step = input(1, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
+    clearable = input(undefined, { ...(ngDevMode ? { debugName: "clearable" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    size = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    tone = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+    /** The submission name the radios share. Generated when it is not written. */
+    name = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    /** The form the radios belong to when the rating sits outside it. */
+    form = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "form" }] : /* istanbul ignore next */ []));
+    /** Unstated rather than `false`, so the rating defers to the field around it. */
+    disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    readOnly = input(undefined, { ...(ngDevMode ? { debugName: "readOnly" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    invalid = input(undefined, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    required = input(undefined, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: optionalBoolean });
+    /** Words laid over the catalog of the language in force, key by key. */
+    messages = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+    /** The locale numbers are written in. Unstated, the language in force. */
+    locale = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    /**
+     * Emitted before the value moves, with the value asked for, the one it
+     * replaces, the reason and the event. `cancel()` keeps the value.
+     */
+    valueChangeRequest = output();
+    /** The value under the pointer, and `null` when it leaves. It changes nothing. */
+    previewChange = output();
+    element = inject(ElementRef).nativeElement;
+    field = inject(SlField, { optional: true });
+    fieldGroup = inject(SlFieldGroup, { optional: true });
+    defaults = injectRatingDefaults();
+    appLocale = injectLocale();
+    /** The family's words in the language in force, with this rating's `messages` laid over them. */
+    t = injectMessages(ratingMessages, this.messages);
+    generatedName = inject(SlRatingIdFactory).next();
+    writtenRole = inject(new HostAttributeToken('role'), { optional: true });
+    writtenDescribedBy = inject(new HostAttributeToken('aria-describedby'), {
+        optional: true,
+    });
+    caption = contentChild(SlRatingCaption, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "caption" }] : /* istanbul ignore next */ []));
+    symbol = contentChild(SlRatingSymbol, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "symbol" }] : /* istanbul ignore next */ []));
+    radios = viewChildren('radioInput', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "radios" }] : /* istanbul ignore next */ []));
+    formDisabled = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []));
+    preview = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "preview" }] : /* istanbul ignore next */ []));
+    dragging = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "dragging" }] : /* istanbul ignore next */ []));
+    gesture = null;
+    /** Set when a touch gesture has answered a press, so the click the platform sends after it does not answer it again. */
+    suppressClick = false;
+    onChange = () => undefined;
+    onTouched = () => undefined;
+    resolvedName = computed(() => this.name() ?? this.generatedName, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedName" }] : /* istanbul ignore next */ []));
+    resolvedMax = computed(() => Math.max(1, Math.round(this.max() ?? this.defaults.max)), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedMax" }] : /* istanbul ignore next */ []));
+    resolvedStep = computed(() => (this.step() === 0.5 ? 0.5 : 1), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedStep" }] : /* istanbul ignore next */ []));
+    resolvedClearable = computed(() => this.clearable() ?? this.defaults.clearable, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedClearable" }] : /* istanbul ignore next */ []));
+    resolvedSize = computed(() => this.size() ??
+        this.field?.resolvedSize() ??
+        this.fieldGroup?.resolvedSize() ??
+        this.defaults.size, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
+    resolvedTone = computed(() => this.tone() ?? this.defaults.tone, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedTone" }] : /* istanbul ignore next */ []));
+    resolvedDisabled = computed(() => this.disabled() ?? this.formDisabled() ?? this.field?.resolvedDisabled(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedDisabled" }] : /* istanbul ignore next */ []));
+    resolvedReadOnly = computed(() => this.readOnly() ?? this.field?.resolvedReadOnly(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedReadOnly" }] : /* istanbul ignore next */ []));
+    resolvedInvalid = computed(() => this.invalid() ?? this.field?.invalid(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedInvalid" }] : /* istanbul ignore next */ []));
+    resolvedRequired = computed(() => this.required() ?? this.field?.required() ?? this.fieldGroup?.required(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedRequired" }] : /* istanbul ignore next */ []));
+    resolvedLocale = computed(() => this.locale() ?? this.appLocale(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedLocale" }] : /* istanbul ignore next */ []));
+    scale = computed(() => ({
+        max: this.resolvedMax(),
+        step: this.resolvedStep(),
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scale" }] : /* istanbul ignore next */ []));
+    /** The value on the grid of the scale: 7 of 5 is 5, 3.2 on whole steps is 4, and `NaN` is none. */
+    current = computed(() => normaliseRating(this.value(), this.scale()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "current" }] : /* istanbul ignore next */ []));
+    items = computed(() => {
+        const { max, step } = this.scale();
+        const current = this.current();
+        const fills = ratingFills(current, max);
+        const locale = this.resolvedLocale();
+        return fills.map((fill, index) => {
+            const whole = index + 1;
+            const values = step === 0.5 ? [whole - 0.5, whole] : [whole];
+            return {
+                index,
+                checked: current !== null && values.includes(current),
+                radios: values.map((value) => ({
+                    value,
+                    half: value !== whole,
+                    label: this.t('itemLabel', { value: formatRatingValue(value, locale), max }),
+                })),
+                context: { $implicit: { index, fill }, index, fill },
+            };
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    captionContext = computed(() => ({
+        $implicit: this.current(),
+        value: this.current(),
+        preview: this.preview(),
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "captionContext" }] : /* istanbul ignore next */ []));
+    resolvedRole = computed(() => this.writtenRole ?? (this.fieldGroup === null ? 'radiogroup' : null), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedRole" }] : /* istanbul ignore next */ []));
+    describedBy = computed(() => {
+        const merged = [this.writtenDescribedBy, this.field?.describedBy()].filter(Boolean);
+        return merged.length === 0 ? null : merged.join(' ');
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []));
+    inert = computed(() => this.resolvedDisabled() === true || this.resolvedReadOnly() === true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inert" }] : /* istanbul ignore next */ []));
+    /** The one action a value cannot express: focus on the checked radio, or on the first. */
+    focus(options) {
+        const target = this.inputFor(this.current()) ?? this.radios()[0]?.nativeElement;
+        target?.focus(options);
+    }
+    onKeyDown(event) {
+        this.suppressClick = false;
+        if (!this.isOwnRadio(event.target) || this.resolvedDisabled() === true)
+            return;
+        const next = ratingForKey(event.key, this.current(), this.scale(), {
+            rtl: this.isRtl(),
+            clearable: this.resolvedClearable(),
+        });
+        if (next === undefined)
+            return;
+        event.preventDefault();
+        if (this.resolvedReadOnly() === true)
+            return;
+        if (next === null) {
+            this.request(null, 'clear', event);
+            this.syncElements();
+            return;
+        }
+        this.request(next, 'keyboard', event);
+        this.syncElements();
+        this.inputFor(this.current())?.focus();
+    }
+    onClick(event) {
+        const target = event.target;
+        if (this.suppressClick) {
+            this.suppressClick = false;
+            if (this.isOwnRadio(target)) {
+                event.preventDefault();
+                this.syncElements();
+            }
+            return;
+        }
+        if (!this.isOwnRadio(target))
+            return;
+        if (this.inert()) {
+            event.preventDefault();
+            this.syncElements();
+            return;
+        }
+        const picked = Number(target.value);
+        if (picked === this.current()) {
+            /* A click the keyboard synthesised — Space on the checked radio — reports
+               no detail, and Space checks; it never empties. */
+            if (this.resolvedClearable() && event.detail > 0)
+                this.request(null, 'clear', event);
+            this.syncElements();
+            return;
+        }
+        const moved = this.request(picked, event.detail === 0 ? 'keyboard' : 'pointer', event);
+        if (!moved)
+            event.preventDefault();
+        this.syncElements();
+    }
+    onRowPointerDown(event) {
+        this.suppressClick = false;
+        if (this.inert() || event.pointerType === 'mouse' || event.pointerType === '')
+            return;
+        this.gesture = { pointerId: event.pointerId, moved: false };
+        this.dragging.set(true);
+        const row = event.currentTarget;
+        if (typeof row.setPointerCapture === 'function')
+            row.setPointerCapture(event.pointerId);
+    }
+    onRowPointerMove(event) {
+        if (this.gesture === null || event.pointerId !== this.gesture.pointerId)
+            return;
+        this.gesture.moved = true;
+        const next = this.valueAt(event);
+        if (next === this.current())
+            return;
+        this.request(next, 'pointer', event);
+        this.syncElements();
+    }
+    /**
+     * A touch that never moved is a press, answered here rather than by the
+     * click that follows it: with the row capturing the pointer, the click lands
+     * on the row and not on a radio.
+     */
+    onRowPointerUp(event) {
+        if (this.gesture === null || event.pointerId !== this.gesture.pointerId)
+            return;
+        if (!this.gesture.moved) {
+            const next = this.valueAt(event);
+            if (next !== this.current())
+                this.request(next, 'pointer', event);
+            else if (this.resolvedClearable())
+                this.request(null, 'clear', event);
+            this.syncElements();
+        }
+        this.gesture = null;
+        this.dragging.set(false);
+        this.suppressClick = true;
+    }
+    onRowPointerCancel() {
+        this.gesture = null;
+        this.dragging.set(false);
+    }
+    onPreview(value) {
+        if (this.inert() || this.preview() === value)
+            return;
+        this.preview.set(value);
+        this.previewChange.emit(value);
+    }
+    onLeave() {
+        if (this.preview() === null)
+            return;
+        this.preview.set(null);
+        this.previewChange.emit(null);
+    }
+    onBlur() {
+        this.onTouched();
+    }
+    writeValue(value) {
+        this.value.set(value ?? null);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.formDisabled.set(isDisabled);
+    }
+    /** "Choose a rating" is a fact about the whole row, which no single radio can see. */
+    validate(control) {
+        if (this.resolvedRequired() !== true)
+            return null;
+        const value = control.value;
+        return normaliseRating(value, this.scale()) === null ? { required: true } : null;
+    }
+    /**
+     * Asks for one value. Returns whether it moved: not while read-only or
+     * disabled, not when it is the value already held, and not when the
+     * consumer cancelled the request.
+     */
+    request(next, reason, source) {
+        if (this.inert())
+            return false;
+        const previous = this.current();
+        if (next === previous)
+            return false;
+        const state = createControllable({
+            initial: previous,
+            onRequest: (request) => this.valueChangeRequest.emit(request),
+        });
+        if (!state.request(next, reason, source))
+            return false;
+        this.value.set(next);
+        this.onChange(next);
+        return true;
+    }
+    valueAt(event) {
+        const row = event.currentTarget;
+        const box = row.getBoundingClientRect();
+        return ratingAtPoint({ x: event.clientX }, { x: box.x, width: box.width }, this.scale(), this.isRtl());
+    }
+    /** Writes every radio's `checked` from the value. */
+    syncElements() {
+        const current = this.current();
+        for (const { nativeElement } of this.radios()) {
+            nativeElement.checked = Number(nativeElement.value) === current;
+        }
+    }
+    inputFor(value) {
+        if (value === null)
+            return undefined;
+        return this.radios().find(({ nativeElement }) => Number(nativeElement.value) === value)
+            ?.nativeElement;
+    }
+    isOwnRadio(target) {
+        return this.radios().some(({ nativeElement }) => nativeElement === target);
+    }
+    /** A right-to-left document is a property of the page, read from the element. */
+    isRtl() {
+        return getComputedStyle(this.element).direction === 'rtl';
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlRating, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlRating, isStandalone: true, selector: "div[slRating]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, clearable: { classPropertyName: "clearable", publicName: "clearable", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", valueChangeRequest: "valueChangeRequest", previewChange: "previewChange" }, host: { attributes: { "data-ui": "rating", "data-part": "root" }, listeners: { "keydown": "onKeyDown($event)", "click": "onClick($event)", "pointerleave": "onLeave()" }, properties: { "attr.role": "resolvedRole()", "attr.data-size": "resolvedSize()", "attr.data-tone": "resolvedTone()", "attr.data-max": "resolvedMax()", "attr.data-step": "resolvedStep() === 0.5 ? '0.5' : null", "attr.data-disabled": "resolvedDisabled() === true ? '' : null", "attr.data-readonly": "resolvedReadOnly() === true ? '' : null", "attr.data-invalid": "resolvedInvalid() === true ? '' : null", "attr.data-dragging": "dragging() ? '' : null", "attr.aria-describedby": "describedBy()", "attr.aria-invalid": "resolvedInvalid() === true ? 'true' : null", "attr.aria-readonly": "resolvedReadOnly() === true ? 'true' : null", "attr.aria-required": "resolvedRequired() === true ? 'true' : null" } }, providers: [
+            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlRating), multi: true },
+            { provide: NG_VALIDATORS, useExisting: forwardRef(() => SlRating), multi: true },
+        ], queries: [{ propertyName: "caption", first: true, predicate: SlRatingCaption, descendants: true, isSignal: true }, { propertyName: "symbol", first: true, predicate: SlRatingSymbol, descendants: true, isSignal: true }], viewQueries: [{ propertyName: "radios", predicate: ["radioInput"], descendants: true, isSignal: true }], exportAs: ["slRating"], ngImport: i0, template: `<div
+      data-part="symbols"
+      (pointerdown)="onRowPointerDown($event)"
+      (pointermove)="onRowPointerMove($event)"
+      (pointerup)="onRowPointerUp($event)"
+      (pointercancel)="onRowPointerCancel()"
+    >
+      @for (item of items(); track item.index) {
+        <span data-part="item" [attr.data-checked]="item.checked ? '' : null">
+          @for (radio of item.radios; track radio.value) {
+            <input
+              #radioInput
+              data-part="input"
+              type="radio"
+              [attr.data-half]="radio.half ? '' : null"
+              [attr.name]="resolvedName()"
+              [attr.form]="form() ?? null"
+              [attr.value]="radio.value"
+              [attr.aria-label]="radio.label"
+              [attr.disabled]="resolvedDisabled() === true ? '' : null"
+              [checked]="radio.value === current()"
+              (pointerover)="onPreview(radio.value)"
+              (blur)="onBlur()"
+            />
+          }
+          <span data-part="symbol">
+            @if (symbol(); as custom) {
+              <ng-container *ngTemplateOutlet="custom.template; context: item.context" />
+            } @else {
+              <span slIcon><svg slGlyph name="star"></svg></span>
+            }
+          </span>
+          <span data-part="fill">
+            @if (symbol(); as custom) {
+              <ng-container *ngTemplateOutlet="custom.template; context: item.context" />
+            } @else {
+              <span slIcon><svg slGlyph name="star"></svg></span>
+            }
+          </span>
+        </span>
+      }
+    </div>
+    @if (caption(); as words) {
+      <span data-part="value" aria-hidden="true">
+        @if (words.template; as captionTemplate) {
+          <ng-container *ngTemplateOutlet="captionTemplate; context: captionContext()" />
+        } @else {
+          <ng-content select="[slRatingCaption]" />
+        }
+      </span>
+    }`, isInline: true, styles: ["@layer slotted.components{[data-ui=rating][data-part=root]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-7, 1.25rem));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_on: var(--slotted-rating-lit-color, var(--slotted-tone-warning-solid));--_off: var(--slotted-rating-empty-color, var(--slotted-tone-secondary-surface));--_edge: var(--slotted-rating-edge, transparent);--_off-edge: var(--_edge);--_stroke: 1.5;--_halo: var(--slotted-rating-hover-background, var(--slotted-tone-secondary-subtle-hover));--_halo-active: var( --slotted-rating-active-background, var(--slotted-tone-secondary-subtle-active) );align-items:center;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:inline-flex;flex-wrap:wrap;row-gap:var(--slotted-space-3, .375rem);font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;vertical-align:middle}[data-ui=rating][data-part=root][data-size=sm]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-6, 1rem));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=rating][data-part=root][data-size=lg]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-8, 1.5rem));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=rating][data-part=root][data-tone=accent]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-accent-solid))}[data-ui=rating][data-part=root][data-tone=success]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-success-solid))}[data-ui=rating][data-part=root][data-tone=danger]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-danger-solid))}[data-ui=rating] [data-part=symbols]{column-gap:var(--slotted-rating-gap, var(--slotted-space-1, .125rem));display:flex;flex:0 1 auto;min-inline-size:0}[data-ui=rating] [data-part=symbols]:has([data-part=input]){column-gap:0;touch-action:pan-y}[data-ui=rating] [data-part=item]{--_fill: var(--slotted-rating-fill, 0);--_fill-easing: var(--slotted-easing-exit);--_box: var(--_symbol);--_air: 0px;aspect-ratio:1;container-type:inline-size;display:grid;flex:0 1 auto;inline-size:var(--_box);min-inline-size:calc(var(--_symbol) / 2);isolation:isolate;place-items:center;position:relative}[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_air: var(--slotted-space-1, .125rem);--_box: max(var(--slotted-target-min, 24px), calc(var(--_symbol) + 2 * var(--_air)));min-inline-size:var(--slotted-target-min, 24px)}[data-ui=rating] :is([data-part=symbol],[data-part=fill]){--_drawn: min(var(--_symbol), 100cqi - 2 * var(--_air));--slotted-icon-size: var(--_drawn);block-size:var(--_drawn);display:flex;grid-area:1 / 1;inline-size:var(--_drawn);pointer-events:none;transition:scale var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui=rating] :is([data-part=symbol],[data-part=fill]) svg{stroke-width:var(--_stroke);transition:fill var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),stroke var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] [data-part=symbol] svg{fill:var(--_off);stroke:var(--_off-edge)}[data-ui=rating] [data-part=fill]{clip-path:inset(0 calc((1 - var(--_fill)) * 100%) 0 0);transition:scale var(--slotted-duration-short) var(--slotted-easing-standard),clip-path var(--slotted-duration-medium) var(--_fill-easing)}[data-ui=rating][data-part=root]:dir(rtl) [data-part=fill]{clip-path:inset(0 0 0 calc((1 - var(--_fill)) * 100%))}[data-ui=rating] [data-part=fill] svg{fill:var(--_on);stroke:var(--_edge)}[data-ui=rating] [data-part=input]{appearance:none;background-color:transparent;block-size:100%;border:0;border-radius:var(--slotted-radius-full, 9999px);cursor:pointer;inline-size:100%;inset:0;margin:0;outline:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:0}[data-ui=rating] [data-part=input][data-half]{border-end-end-radius:0;border-start-end-radius:0;inline-size:50%;inset-inline-end:auto;z-index:1}[data-ui=rating] [data-part=item]:has(~[data-part=item]>[data-part=input]:checked),[data-ui=rating] [data-part=item]:has(>[data-part=input]:not([data-half]):checked){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating] [data-part=item]:has(>[data-part=input][data-half]:checked){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]{--_fill: 0;--_fill-easing: var(--slotted-easing-exit)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]:is(:has(~[data-part=item]>[data-part=input]:hover:not(:disabled)),:has(>[data-part=input]:not([data-half]):hover:not(:disabled))){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input][data-half]:hover:not(:disabled)){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root][data-dragging] [data-part=fill]{transition-duration:var(--slotted-duration-instant)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input]:active:not(:disabled))>:is([data-part=symbol],[data-part=fill]){scale:.94}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){border-radius:var(--slotted-radius-full, 9999px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating][data-part=root][data-invalid]{--_off: var(--slotted-rating-invalid-color, var(--slotted-tone-danger-surface));--_off-edge: var(--slotted-tone-danger-border);--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid)}[data-ui=rating][data-part=root][data-invalid] [data-part=symbol] svg{stroke-width:calc(var(--_stroke) * 1px + var(--slotted-rating-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)))}[data-ui=rating][data-part=root][data-readonly] [data-part=input]{cursor:default}[data-ui=rating][data-part=root][data-disabled]{--_on: var(--slotted-disabled-foreground);--_off: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-disabled] [data-part=input]{cursor:not-allowed}[data-ui=rating] [data-part=value]{font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);white-space:nowrap}[data-ui=rating] [data-part=count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating][data-part=root]:has([data-part=input])>[data-part=value]{color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-regular, 400);min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:normal}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled))>[data-part=value]{color:var(--slotted-text, CanvasText)}[data-ui=rating][data-part=root][data-disabled]>[data-part=value]{color:var(--slotted-disabled-foreground)}@supports (text-box: trim-both cap alphabetic){[data-ui=rating][data-part=root]>:is([data-part=value],[data-part=count]),[data-ui=rating] [data-part=level-count],[data-ui=rating] [data-part=level-label]>span:not([data-ui]){text-box:trim-both cap alphabetic}}[data-ui=rating][data-part=root][data-variant=compact]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=compact] [data-part=item]{--_fill: 1}[data-ui=rating][data-part=root][data-variant=summary]{--_bar: var(--slotted-rating-bar-size, var(--slotted-space-4, .5rem));align-items:start;display:flex;gap:var(--slotted-space-8, 1.5rem) var(--slotted-space-9, 2rem);inline-size:100%}[data-ui=rating] [data-part=aggregate]{align-content:start;column-gap:var(--slotted-space-3, .375rem);display:grid;flex:0 0 auto;grid-template-columns:auto 1fr;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=aggregate]>[data-part=value]{align-self:baseline;font-size:var(--slotted-font-size-4xl, 2rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-4xl, 1.2)}[data-ui=rating] [data-part=scale]{align-self:baseline;color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=aggregate]>:not([data-part=value],[data-part=scale]){grid-column:1 / -1}[data-ui=rating] [data-part=aggregate]>[data-part=count]{white-space:normal}[data-ui=rating] [data-part=distribution]{display:grid;flex:1 1 15rem;grid-template-columns:auto minmax(4rem,1fr) auto;list-style:none;margin:0;min-inline-size:0;padding:0;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=distribution]>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=rating] [data-part=level]{align-items:center;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;column-gap:var(--slotted-space-5, .75rem);display:grid;font:inherit;grid-column:1 / -1;grid-template-columns:subgrid;margin:0;min-block-size:var(--slotted-control-height-sm, 30px);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=level]{cursor:pointer}[data-ui=rating] button[data-part=level]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=level]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=level]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating] [data-part=level][data-pressed]{background-color:var(--slotted-tone-warning-surface);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-tone-warning-border)}[data-ui=rating] [data-part=level][data-pressed] [data-part=level-count]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] button[data-part=level]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui=rating] [data-part=level-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating] [data-part=level-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=level-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=track]{background-color:var(--_off);block-size:var(--_bar);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);border-radius:var(--slotted-radius-full, 9999px);overflow:hidden}[data-ui=rating] [data-part=indicator]{background-color:var(--slotted-rating-bar-color, var(--_on));block-size:100%;border-radius:inherit;display:block;inline-size:calc(var(--slotted-rating-share, 0) * 100%);transition:inline-size var(--slotted-duration-long) var(--slotted-easing-enter)}@starting-style{[data-ui=rating] [data-part=indicator]{inline-size:0}}[data-ui=rating] [data-part=level-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;justify-self:end;white-space:nowrap}[data-ui=rating][data-disabled] [data-part=indicator],[data-ui=rating] button[data-part=level]:disabled [data-part=indicator]{background-color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-variant=spectrum]{--_g: var(--slotted-space-3, .375rem);--_plot: var(--slotted-space-12, 4rem);--_col: calc((100% - 4 * var(--_g)) / 5);--_mean: var(--slotted-rating-mean, 3);--_low: var(--slotted-rating-low, var(--_mean));--_high: var(--slotted-rating-high, var(--_mean));display:grid;gap:var(--slotted-space-6, 1rem);inline-size:100%}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]>[data-part=count]{color:var(--slotted-text-muted, GrayText);flex-basis:100%}[data-ui=rating] [data-part=insight]{align-self:center;background-color:var(--_tint-surface);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_tint-border);color:var(--_tint-text);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);margin-inline-start:auto;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);white-space:nowrap}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=success]{--_tint-surface: var(--slotted-tone-success-surface);--_tint-border: var(--slotted-tone-success-border);--_tint-text: var(--slotted-tone-success-text);--_mark: var(--slotted-tone-success-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=warning]{--_tint-surface: var(--slotted-tone-warning-surface);--_tint-border: var(--slotted-tone-warning-border);--_tint-text: var(--slotted-tone-warning-text);--_mark: var(--slotted-tone-warning-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=secondary]{--_tint-surface: var(--slotted-tone-secondary-surface);--_tint-border: var(--slotted-tone-secondary-border);--_tint-text: var(--slotted-text-muted, GrayText);--_mark: var(--slotted-tone-secondary-border)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=danger]{--_tint-surface: var(--slotted-tone-danger-surface);--_tint-border: var(--slotted-tone-danger-border);--_tint-text: var(--slotted-tone-danger-text);--_mark: var(--slotted-tone-danger-solid)}[data-ui=rating] [data-part=plot]{display:grid;row-gap:var(--slotted-space-3, .375rem)}[data-ui=rating] [data-part=field]{block-size:var(--_plot);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);margin-block-start:var(--slotted-space-7, 1.25rem);position:relative}[data-ui=rating] :is([data-part=columns],[data-part=axis]){column-gap:var(--_g);display:grid;grid-template-columns:repeat(5,1fr)}[data-ui=rating] [data-part=columns]{block-size:100%;isolation:isolate;position:relative;z-index:1}[data-ui=rating] [data-part=column]{align-items:end;background-color:transparent;border:0;border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);display:flex;justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=column]{cursor:pointer}[data-ui=rating] button[data-part=column]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=column]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=rating] [data-part=column]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-space-1, .125rem),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:min(100%,var(--slotted-space-10, 2.5rem));transition:block-size var(--slotted-duration-long) var(--slotted-easing-enter),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@starting-style{[data-ui=rating] [data-part=column]>[data-part=bar]{block-size:0}}[data-ui=rating] [data-part=columns]:has([data-pressed]) [data-part=column]:not([data-pressed])>[data-part=bar]{background-color:var(--_off)}[data-ui=rating] :is([data-part=interval],[data-part=mean]){pointer-events:none;position:absolute}[data-ui=rating] [data-part=interval]{background-color:color-mix(in oklab,var(--slotted-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);border-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:max(var(--slotted-space-1, .125rem),calc((var(--_high) - var(--_low)) * (var(--_col) + var(--_g))));inset-block:0;inset-inline-start:calc(var(--_col) / 2 + (var(--_low) - 1) * (var(--_col) + var(--_g)));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard),inline-size var(--slotted-duration-long) var(--slotted-easing-standard);z-index:0}[data-ui=rating] [data-part=mean]{border-inline-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-text);inset-block:calc(-1 * var(--slotted-space-5, .75rem)) 0;inset-inline-start:calc(var(--_col) / 2 + (var(--_mean) - 1) * (var(--_col) + var(--_g)) - var(--slotted-border-width-thin, 1px));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard);z-index:2}[data-ui=rating] [data-part=mean-label]{background-color:var(--slotted-surface-inverse);border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-text-inverse);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:100%;inset-inline-start:0;line-height:var(--slotted-line-height-xs, 1.4);padding-inline:var(--slotted-space-3, .375rem);position:absolute;translate:-50% 0;white-space:nowrap}[data-ui=rating][data-part=root]:dir(rtl) [data-part=mean-label]{translate:50% 0}[data-ui=rating] [data-part=tick]{display:grid;justify-items:center;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=tick-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=tick-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=tick-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=tick-share]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=sentiment]{color:var(--slotted-text-muted, GrayText);column-gap:var(--slotted-space-6, 1rem);display:flex;flex-wrap:wrap;margin:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=bucket]{align-items:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex}[data-ui=rating] [data-part=bucket]>strong{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] [data-part=swatch]{background-color:var(--_mark);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);flex:none;inline-size:var(--slotted-space-4, .5rem)}[data-ui=rating][data-part=root][data-variant=histogram]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=histogram] [data-part=item]{--_fill: 1}[data-ui=rating] [data-part=histogram]{align-items:end;block-size:calc(1cap + .5em);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-strong);column-gap:var(--slotted-border-width-thin, 1px);display:inline-grid;grid-template-columns:repeat(5,var(--slotted-space-2, .25rem));margin-inline:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=histogram]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-border-width-thin, 1px),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge)}@media(pointer:coarse){[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_box: max(var(--slotted-target-comfortable, 44px), var(--_symbol))}[data-ui=rating] [data-part=level]{min-block-size:var(--slotted-target-comfortable, 44px)}}@media(forced-colors:active){[data-ui=rating][data-part=root]{--_on: CanvasText;--_off: Canvas;--_edge: CanvasText;--_off-edge: CanvasText}[data-ui=rating][data-part=root][data-disabled]{--_on: GrayText;--_edge: GrayText;--_off-edge: GrayText}[data-ui=rating] [data-part=track]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] :is([data-part=insight],[data-part=swatch]){border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] [data-part=column][data-pressed],[data-ui=rating] [data-part=level][data-pressed]{outline:var(--slotted-border-width-thick, 2px) solid Highlight}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){outline-color:Highlight}}}\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: SlRating, decorators: [{
+            type: Component,
+            args: [{ selector: 'div[slRating]', standalone: true, exportAs: 'slRating', imports: [NgTemplateOutlet, SlGlyph, SlIcon], template: `<div
+      data-part="symbols"
+      (pointerdown)="onRowPointerDown($event)"
+      (pointermove)="onRowPointerMove($event)"
+      (pointerup)="onRowPointerUp($event)"
+      (pointercancel)="onRowPointerCancel()"
+    >
+      @for (item of items(); track item.index) {
+        <span data-part="item" [attr.data-checked]="item.checked ? '' : null">
+          @for (radio of item.radios; track radio.value) {
+            <input
+              #radioInput
+              data-part="input"
+              type="radio"
+              [attr.data-half]="radio.half ? '' : null"
+              [attr.name]="resolvedName()"
+              [attr.form]="form() ?? null"
+              [attr.value]="radio.value"
+              [attr.aria-label]="radio.label"
+              [attr.disabled]="resolvedDisabled() === true ? '' : null"
+              [checked]="radio.value === current()"
+              (pointerover)="onPreview(radio.value)"
+              (blur)="onBlur()"
+            />
+          }
+          <span data-part="symbol">
+            @if (symbol(); as custom) {
+              <ng-container *ngTemplateOutlet="custom.template; context: item.context" />
+            } @else {
+              <span slIcon><svg slGlyph name="star"></svg></span>
+            }
+          </span>
+          <span data-part="fill">
+            @if (symbol(); as custom) {
+              <ng-container *ngTemplateOutlet="custom.template; context: item.context" />
+            } @else {
+              <span slIcon><svg slGlyph name="star"></svg></span>
+            }
+          </span>
+        </span>
+      }
+    </div>
+    @if (caption(); as words) {
+      <span data-part="value" aria-hidden="true">
+        @if (words.template; as captionTemplate) {
+          <ng-container *ngTemplateOutlet="captionTemplate; context: captionContext()" />
+        } @else {
+          <ng-content select="[slRatingCaption]" />
+        }
+      </span>
+    }`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlRating), multi: true },
+                        { provide: NG_VALIDATORS, useExisting: forwardRef(() => SlRating), multi: true },
+                    ], host: {
+                        'data-ui': 'rating',
+                        'data-part': 'root',
+                        '[attr.role]': 'resolvedRole()',
+                        '[attr.data-size]': 'resolvedSize()',
+                        '[attr.data-tone]': 'resolvedTone()',
+                        '[attr.data-max]': 'resolvedMax()',
+                        '[attr.data-step]': "resolvedStep() === 0.5 ? '0.5' : null",
+                        '[attr.data-disabled]': "resolvedDisabled() === true ? '' : null",
+                        '[attr.data-readonly]': "resolvedReadOnly() === true ? '' : null",
+                        '[attr.data-invalid]': "resolvedInvalid() === true ? '' : null",
+                        '[attr.data-dragging]': "dragging() ? '' : null",
+                        '[attr.aria-describedby]': 'describedBy()',
+                        '[attr.aria-invalid]': "resolvedInvalid() === true ? 'true' : null",
+                        '[attr.aria-readonly]': "resolvedReadOnly() === true ? 'true' : null",
+                        '[attr.aria-required]': "resolvedRequired() === true ? 'true' : null",
+                        '(keydown)': 'onKeyDown($event)',
+                        '(click)': 'onClick($event)',
+                        '(pointerleave)': 'onLeave()',
+                    }, styles: ["@layer slotted.components{[data-ui=rating][data-part=root]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-7, 1.25rem));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_on: var(--slotted-rating-lit-color, var(--slotted-tone-warning-solid));--_off: var(--slotted-rating-empty-color, var(--slotted-tone-secondary-surface));--_edge: var(--slotted-rating-edge, transparent);--_off-edge: var(--_edge);--_stroke: 1.5;--_halo: var(--slotted-rating-hover-background, var(--slotted-tone-secondary-subtle-hover));--_halo-active: var( --slotted-rating-active-background, var(--slotted-tone-secondary-subtle-active) );align-items:center;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:inline-flex;flex-wrap:wrap;row-gap:var(--slotted-space-3, .375rem);font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;vertical-align:middle}[data-ui=rating][data-part=root][data-size=sm]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-6, 1rem));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=rating][data-part=root][data-size=lg]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-8, 1.5rem));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=rating][data-part=root][data-tone=accent]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-accent-solid))}[data-ui=rating][data-part=root][data-tone=success]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-success-solid))}[data-ui=rating][data-part=root][data-tone=danger]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-danger-solid))}[data-ui=rating] [data-part=symbols]{column-gap:var(--slotted-rating-gap, var(--slotted-space-1, .125rem));display:flex;flex:0 1 auto;min-inline-size:0}[data-ui=rating] [data-part=symbols]:has([data-part=input]){column-gap:0;touch-action:pan-y}[data-ui=rating] [data-part=item]{--_fill: var(--slotted-rating-fill, 0);--_fill-easing: var(--slotted-easing-exit);--_box: var(--_symbol);--_air: 0px;aspect-ratio:1;container-type:inline-size;display:grid;flex:0 1 auto;inline-size:var(--_box);min-inline-size:calc(var(--_symbol) / 2);isolation:isolate;place-items:center;position:relative}[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_air: var(--slotted-space-1, .125rem);--_box: max(var(--slotted-target-min, 24px), calc(var(--_symbol) + 2 * var(--_air)));min-inline-size:var(--slotted-target-min, 24px)}[data-ui=rating] :is([data-part=symbol],[data-part=fill]){--_drawn: min(var(--_symbol), 100cqi - 2 * var(--_air));--slotted-icon-size: var(--_drawn);block-size:var(--_drawn);display:flex;grid-area:1 / 1;inline-size:var(--_drawn);pointer-events:none;transition:scale var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui=rating] :is([data-part=symbol],[data-part=fill]) svg{stroke-width:var(--_stroke);transition:fill var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),stroke var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] [data-part=symbol] svg{fill:var(--_off);stroke:var(--_off-edge)}[data-ui=rating] [data-part=fill]{clip-path:inset(0 calc((1 - var(--_fill)) * 100%) 0 0);transition:scale var(--slotted-duration-short) var(--slotted-easing-standard),clip-path var(--slotted-duration-medium) var(--_fill-easing)}[data-ui=rating][data-part=root]:dir(rtl) [data-part=fill]{clip-path:inset(0 0 0 calc((1 - var(--_fill)) * 100%))}[data-ui=rating] [data-part=fill] svg{fill:var(--_on);stroke:var(--_edge)}[data-ui=rating] [data-part=input]{appearance:none;background-color:transparent;block-size:100%;border:0;border-radius:var(--slotted-radius-full, 9999px);cursor:pointer;inline-size:100%;inset:0;margin:0;outline:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:0}[data-ui=rating] [data-part=input][data-half]{border-end-end-radius:0;border-start-end-radius:0;inline-size:50%;inset-inline-end:auto;z-index:1}[data-ui=rating] [data-part=item]:has(~[data-part=item]>[data-part=input]:checked),[data-ui=rating] [data-part=item]:has(>[data-part=input]:not([data-half]):checked){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating] [data-part=item]:has(>[data-part=input][data-half]:checked){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]{--_fill: 0;--_fill-easing: var(--slotted-easing-exit)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]:is(:has(~[data-part=item]>[data-part=input]:hover:not(:disabled)),:has(>[data-part=input]:not([data-half]):hover:not(:disabled))){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input][data-half]:hover:not(:disabled)){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root][data-dragging] [data-part=fill]{transition-duration:var(--slotted-duration-instant)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input]:active:not(:disabled))>:is([data-part=symbol],[data-part=fill]){scale:.94}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){border-radius:var(--slotted-radius-full, 9999px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating][data-part=root][data-invalid]{--_off: var(--slotted-rating-invalid-color, var(--slotted-tone-danger-surface));--_off-edge: var(--slotted-tone-danger-border);--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid)}[data-ui=rating][data-part=root][data-invalid] [data-part=symbol] svg{stroke-width:calc(var(--_stroke) * 1px + var(--slotted-rating-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)))}[data-ui=rating][data-part=root][data-readonly] [data-part=input]{cursor:default}[data-ui=rating][data-part=root][data-disabled]{--_on: var(--slotted-disabled-foreground);--_off: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-disabled] [data-part=input]{cursor:not-allowed}[data-ui=rating] [data-part=value]{font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);white-space:nowrap}[data-ui=rating] [data-part=count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating][data-part=root]:has([data-part=input])>[data-part=value]{color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-regular, 400);min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:normal}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled))>[data-part=value]{color:var(--slotted-text, CanvasText)}[data-ui=rating][data-part=root][data-disabled]>[data-part=value]{color:var(--slotted-disabled-foreground)}@supports (text-box: trim-both cap alphabetic){[data-ui=rating][data-part=root]>:is([data-part=value],[data-part=count]),[data-ui=rating] [data-part=level-count],[data-ui=rating] [data-part=level-label]>span:not([data-ui]){text-box:trim-both cap alphabetic}}[data-ui=rating][data-part=root][data-variant=compact]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=compact] [data-part=item]{--_fill: 1}[data-ui=rating][data-part=root][data-variant=summary]{--_bar: var(--slotted-rating-bar-size, var(--slotted-space-4, .5rem));align-items:start;display:flex;gap:var(--slotted-space-8, 1.5rem) var(--slotted-space-9, 2rem);inline-size:100%}[data-ui=rating] [data-part=aggregate]{align-content:start;column-gap:var(--slotted-space-3, .375rem);display:grid;flex:0 0 auto;grid-template-columns:auto 1fr;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=aggregate]>[data-part=value]{align-self:baseline;font-size:var(--slotted-font-size-4xl, 2rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-4xl, 1.2)}[data-ui=rating] [data-part=scale]{align-self:baseline;color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=aggregate]>:not([data-part=value],[data-part=scale]){grid-column:1 / -1}[data-ui=rating] [data-part=aggregate]>[data-part=count]{white-space:normal}[data-ui=rating] [data-part=distribution]{display:grid;flex:1 1 15rem;grid-template-columns:auto minmax(4rem,1fr) auto;list-style:none;margin:0;min-inline-size:0;padding:0;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=distribution]>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=rating] [data-part=level]{align-items:center;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;column-gap:var(--slotted-space-5, .75rem);display:grid;font:inherit;grid-column:1 / -1;grid-template-columns:subgrid;margin:0;min-block-size:var(--slotted-control-height-sm, 30px);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=level]{cursor:pointer}[data-ui=rating] button[data-part=level]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=level]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=level]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating] [data-part=level][data-pressed]{background-color:var(--slotted-tone-warning-surface);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-tone-warning-border)}[data-ui=rating] [data-part=level][data-pressed] [data-part=level-count]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] button[data-part=level]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui=rating] [data-part=level-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating] [data-part=level-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=level-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=track]{background-color:var(--_off);block-size:var(--_bar);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);border-radius:var(--slotted-radius-full, 9999px);overflow:hidden}[data-ui=rating] [data-part=indicator]{background-color:var(--slotted-rating-bar-color, var(--_on));block-size:100%;border-radius:inherit;display:block;inline-size:calc(var(--slotted-rating-share, 0) * 100%);transition:inline-size var(--slotted-duration-long) var(--slotted-easing-enter)}@starting-style{[data-ui=rating] [data-part=indicator]{inline-size:0}}[data-ui=rating] [data-part=level-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;justify-self:end;white-space:nowrap}[data-ui=rating][data-disabled] [data-part=indicator],[data-ui=rating] button[data-part=level]:disabled [data-part=indicator]{background-color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-variant=spectrum]{--_g: var(--slotted-space-3, .375rem);--_plot: var(--slotted-space-12, 4rem);--_col: calc((100% - 4 * var(--_g)) / 5);--_mean: var(--slotted-rating-mean, 3);--_low: var(--slotted-rating-low, var(--_mean));--_high: var(--slotted-rating-high, var(--_mean));display:grid;gap:var(--slotted-space-6, 1rem);inline-size:100%}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]>[data-part=count]{color:var(--slotted-text-muted, GrayText);flex-basis:100%}[data-ui=rating] [data-part=insight]{align-self:center;background-color:var(--_tint-surface);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_tint-border);color:var(--_tint-text);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);margin-inline-start:auto;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);white-space:nowrap}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=success]{--_tint-surface: var(--slotted-tone-success-surface);--_tint-border: var(--slotted-tone-success-border);--_tint-text: var(--slotted-tone-success-text);--_mark: var(--slotted-tone-success-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=warning]{--_tint-surface: var(--slotted-tone-warning-surface);--_tint-border: var(--slotted-tone-warning-border);--_tint-text: var(--slotted-tone-warning-text);--_mark: var(--slotted-tone-warning-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=secondary]{--_tint-surface: var(--slotted-tone-secondary-surface);--_tint-border: var(--slotted-tone-secondary-border);--_tint-text: var(--slotted-text-muted, GrayText);--_mark: var(--slotted-tone-secondary-border)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=danger]{--_tint-surface: var(--slotted-tone-danger-surface);--_tint-border: var(--slotted-tone-danger-border);--_tint-text: var(--slotted-tone-danger-text);--_mark: var(--slotted-tone-danger-solid)}[data-ui=rating] [data-part=plot]{display:grid;row-gap:var(--slotted-space-3, .375rem)}[data-ui=rating] [data-part=field]{block-size:var(--_plot);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);margin-block-start:var(--slotted-space-7, 1.25rem);position:relative}[data-ui=rating] :is([data-part=columns],[data-part=axis]){column-gap:var(--_g);display:grid;grid-template-columns:repeat(5,1fr)}[data-ui=rating] [data-part=columns]{block-size:100%;isolation:isolate;position:relative;z-index:1}[data-ui=rating] [data-part=column]{align-items:end;background-color:transparent;border:0;border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);display:flex;justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=column]{cursor:pointer}[data-ui=rating] button[data-part=column]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=column]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=rating] [data-part=column]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-space-1, .125rem),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:min(100%,var(--slotted-space-10, 2.5rem));transition:block-size var(--slotted-duration-long) var(--slotted-easing-enter),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@starting-style{[data-ui=rating] [data-part=column]>[data-part=bar]{block-size:0}}[data-ui=rating] [data-part=columns]:has([data-pressed]) [data-part=column]:not([data-pressed])>[data-part=bar]{background-color:var(--_off)}[data-ui=rating] :is([data-part=interval],[data-part=mean]){pointer-events:none;position:absolute}[data-ui=rating] [data-part=interval]{background-color:color-mix(in oklab,var(--slotted-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);border-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:max(var(--slotted-space-1, .125rem),calc((var(--_high) - var(--_low)) * (var(--_col) + var(--_g))));inset-block:0;inset-inline-start:calc(var(--_col) / 2 + (var(--_low) - 1) * (var(--_col) + var(--_g)));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard),inline-size var(--slotted-duration-long) var(--slotted-easing-standard);z-index:0}[data-ui=rating] [data-part=mean]{border-inline-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-text);inset-block:calc(-1 * var(--slotted-space-5, .75rem)) 0;inset-inline-start:calc(var(--_col) / 2 + (var(--_mean) - 1) * (var(--_col) + var(--_g)) - var(--slotted-border-width-thin, 1px));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard);z-index:2}[data-ui=rating] [data-part=mean-label]{background-color:var(--slotted-surface-inverse);border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-text-inverse);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:100%;inset-inline-start:0;line-height:var(--slotted-line-height-xs, 1.4);padding-inline:var(--slotted-space-3, .375rem);position:absolute;translate:-50% 0;white-space:nowrap}[data-ui=rating][data-part=root]:dir(rtl) [data-part=mean-label]{translate:50% 0}[data-ui=rating] [data-part=tick]{display:grid;justify-items:center;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=tick-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=tick-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=tick-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=tick-share]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=sentiment]{color:var(--slotted-text-muted, GrayText);column-gap:var(--slotted-space-6, 1rem);display:flex;flex-wrap:wrap;margin:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=bucket]{align-items:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex}[data-ui=rating] [data-part=bucket]>strong{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] [data-part=swatch]{background-color:var(--_mark);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);flex:none;inline-size:var(--slotted-space-4, .5rem)}[data-ui=rating][data-part=root][data-variant=histogram]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=histogram] [data-part=item]{--_fill: 1}[data-ui=rating] [data-part=histogram]{align-items:end;block-size:calc(1cap + .5em);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-strong);column-gap:var(--slotted-border-width-thin, 1px);display:inline-grid;grid-template-columns:repeat(5,var(--slotted-space-2, .25rem));margin-inline:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=histogram]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-border-width-thin, 1px),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge)}@media(pointer:coarse){[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_box: max(var(--slotted-target-comfortable, 44px), var(--_symbol))}[data-ui=rating] [data-part=level]{min-block-size:var(--slotted-target-comfortable, 44px)}}@media(forced-colors:active){[data-ui=rating][data-part=root]{--_on: CanvasText;--_off: Canvas;--_edge: CanvasText;--_off-edge: CanvasText}[data-ui=rating][data-part=root][data-disabled]{--_on: GrayText;--_edge: GrayText;--_off-edge: GrayText}[data-ui=rating] [data-part=track]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] :is([data-part=insight],[data-part=swatch]){border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] [data-part=column][data-pressed],[data-ui=rating] [data-part=level][data-pressed]{outline:var(--slotted-border-width-thick, 2px) solid Highlight}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){outline-color:Highlight}}}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], clearable: [{ type: i0.Input, args: [{ isSignal: true, alias: "clearable", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], valueChangeRequest: [{ type: i0.Output, args: ["valueChangeRequest"] }], previewChange: [{ type: i0.Output, args: ["previewChange"] }], caption: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlRatingCaption), { isSignal: true }] }], symbol: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlRatingSymbol), { isSignal: true }] }], radios: [{ type: i0.ViewChildren, args: ['radioInput', { isSignal: true }] }] } });
+
+/**
+ * A rating the page reports rather than asks for: an image of lit symbols
+ * named by the number it draws.
+ *
+ * Any fraction is drawn — 4,6 lights six tenths of the fifth star — because
+ * nothing here is a target; the input member offers whole and half steps
+ * only. `compact` and `histogram` draw one lit star beside the number, for a
+ * row of a table or a card, and `histogram` adds the distribution as bars,
+ * each level over the largest, so a split between the two ends is visible at
+ * a glance where a mean of 3,3 would hide it.
+ */
+class SlRatingDisplay {
+    /** The number drawn. Any fraction; clamped to the scale when it is drawn. */
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    max = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    size = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    tone = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+    variant = input('full', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** How many readings the value is made of. Written beside it and in the name. */
+    count = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []));
+    /** Counts per level, lowest first, for the `histogram` variant. */
+    distribution = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "distribution" }] : /* istanbul ignore next */ []));
+    showValue = input(true, { ...(ngDevMode ? { debugName: "showValue" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** Words laid over the catalog of the language in force, key by key. */
+    messages = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+    /** The locale numbers are written in. Unstated, the language in force. */
+    locale = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    defaults = injectRatingDefaults();
+    appLocale = injectLocale();
+    /** The family's words in the language in force, with this display's `messages` laid over them. */
+    t = injectMessages(ratingMessages, this.messages);
+    writtenLabel = inject(new HostAttributeToken('aria-label'), { optional: true });
+    resolvedMax = computed(() => Math.max(1, Math.round(this.max() ?? this.defaults.max)), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedMax" }] : /* istanbul ignore next */ []));
+    resolvedSize = computed(() => this.size() ?? this.defaults.size, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
+    resolvedTone = computed(() => this.tone() ?? this.defaults.tone, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedTone" }] : /* istanbul ignore next */ []));
+    resolvedVariant = computed(() => this.variant(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
+    resolvedLocale = computed(() => this.locale() ?? this.appLocale(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedLocale" }] : /* istanbul ignore next */ []));
+    /** The value clamped to the scale, and `NaN` read as nought. */
+    drawn = computed(() => {
+        const value = this.value();
+        return Number.isFinite(value) ? Math.min(Math.max(value, 0), this.resolvedMax()) : 0;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "drawn" }] : /* istanbul ignore next */ []));
+    /** Every symbol's lit share; one full star for the variants that draw one. */
+    fills = computed(() => this.resolvedVariant() === 'full'
+        ? ratingFills(this.drawn(), this.resolvedMax()).map((fill) => cssNumber(fill, 4))
+        : ['1'], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fills" }] : /* istanbul ignore next */ []));
+    shares = computed(() => {
+        const counts = (this.distribution() ?? []).map((count) => Number.isFinite(count) ? Math.max(0, count) : 0);
+        const largest = Math.max(0, ...counts);
+        return counts.map((count) => cssNumber(largest === 0 ? 0 : count / largest, 4));
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "shares" }] : /* istanbul ignore next */ []));
+    valueText = computed(() => formatRating(this.drawn(), this.resolvedLocale()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "valueText" }] : /* istanbul ignore next */ []));
+    countText = computed(() => {
+        const count = this.count();
+        if (count === undefined)
+            return null;
+        const text = formatCount(count, this.resolvedLocale());
+        return this.resolvedVariant() === 'histogram' ? text : `(${text})`;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "countText" }] : /* istanbul ignore next */ []));
+    label = computed(() => {
+        if (this.writtenLabel !== null)
+            return this.writtenLabel;
+        const count = this.count();
+        const value = formatRatingValue(this.drawn(), this.resolvedLocale());
+        const max = this.resolvedMax();
+        return count === undefined
+            ? this.t('displayLabel', { value, max })
+            : this.t('displayLabelWithCount', { value, max, count });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlRatingDisplay, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlRatingDisplay, isStandalone: true, selector: "div[slRatingDisplay]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, distribution: { classPropertyName: "distribution", publicName: "distribution", isSignal: true, isRequired: false, transformFunction: null }, showValue: { classPropertyName: "showValue", publicName: "showValue", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "rating", "data-part": "root", "role": "img" }, properties: { "attr.data-size": "resolvedSize()", "attr.data-tone": "resolvedTone()", "attr.data-variant": "resolvedVariant() === 'full' ? null : resolvedVariant()", "attr.aria-label": "label()" } }, exportAs: ["slRatingDisplay"], ngImport: i0, template: `<div data-part="symbols">
+      @for (fill of fills(); track $index) {
+        <span data-part="item" [style.--slotted-rating-fill]="fill"
+          ><span data-part="symbol"
+            ><span slIcon><svg slGlyph name="star"></svg></span></span
+          ><span data-part="fill"
+            ><span slIcon><svg slGlyph name="star"></svg></span></span
+        ></span>
+      }
+    </div>
+    @if (showValue()) {
+      <span data-part="value" aria-hidden="true">{{ valueText() }}</span>
+    }
+    @if (resolvedVariant() === 'histogram') {
+      <span data-part="histogram" aria-hidden="true">
+        @for (share of shares(); track $index) {
+          <span data-part="bar" [style.--slotted-rating-share]="share"></span>
+        }
+      </span>
+    }
+    @if (countText(); as text) {
+      <span data-part="count" aria-hidden="true">{{ text }}</span>
+    }`, isInline: true, styles: ["@layer slotted.components{[data-ui=rating][data-part=root]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-7, 1.25rem));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_on: var(--slotted-rating-lit-color, var(--slotted-tone-warning-solid));--_off: var(--slotted-rating-empty-color, var(--slotted-tone-secondary-surface));--_edge: var(--slotted-rating-edge, transparent);--_off-edge: var(--_edge);--_stroke: 1.5;--_halo: var(--slotted-rating-hover-background, var(--slotted-tone-secondary-subtle-hover));--_halo-active: var( --slotted-rating-active-background, var(--slotted-tone-secondary-subtle-active) );align-items:center;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:inline-flex;flex-wrap:wrap;row-gap:var(--slotted-space-3, .375rem);font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;vertical-align:middle}[data-ui=rating][data-part=root][data-size=sm]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-6, 1rem));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=rating][data-part=root][data-size=lg]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-8, 1.5rem));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=rating][data-part=root][data-tone=accent]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-accent-solid))}[data-ui=rating][data-part=root][data-tone=success]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-success-solid))}[data-ui=rating][data-part=root][data-tone=danger]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-danger-solid))}[data-ui=rating] [data-part=symbols]{column-gap:var(--slotted-rating-gap, var(--slotted-space-1, .125rem));display:flex;flex:0 1 auto;min-inline-size:0}[data-ui=rating] [data-part=symbols]:has([data-part=input]){column-gap:0;touch-action:pan-y}[data-ui=rating] [data-part=item]{--_fill: var(--slotted-rating-fill, 0);--_fill-easing: var(--slotted-easing-exit);--_box: var(--_symbol);--_air: 0px;aspect-ratio:1;container-type:inline-size;display:grid;flex:0 1 auto;inline-size:var(--_box);min-inline-size:calc(var(--_symbol) / 2);isolation:isolate;place-items:center;position:relative}[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_air: var(--slotted-space-1, .125rem);--_box: max(var(--slotted-target-min, 24px), calc(var(--_symbol) + 2 * var(--_air)));min-inline-size:var(--slotted-target-min, 24px)}[data-ui=rating] :is([data-part=symbol],[data-part=fill]){--_drawn: min(var(--_symbol), 100cqi - 2 * var(--_air));--slotted-icon-size: var(--_drawn);block-size:var(--_drawn);display:flex;grid-area:1 / 1;inline-size:var(--_drawn);pointer-events:none;transition:scale var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui=rating] :is([data-part=symbol],[data-part=fill]) svg{stroke-width:var(--_stroke);transition:fill var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),stroke var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] [data-part=symbol] svg{fill:var(--_off);stroke:var(--_off-edge)}[data-ui=rating] [data-part=fill]{clip-path:inset(0 calc((1 - var(--_fill)) * 100%) 0 0);transition:scale var(--slotted-duration-short) var(--slotted-easing-standard),clip-path var(--slotted-duration-medium) var(--_fill-easing)}[data-ui=rating][data-part=root]:dir(rtl) [data-part=fill]{clip-path:inset(0 0 0 calc((1 - var(--_fill)) * 100%))}[data-ui=rating] [data-part=fill] svg{fill:var(--_on);stroke:var(--_edge)}[data-ui=rating] [data-part=input]{appearance:none;background-color:transparent;block-size:100%;border:0;border-radius:var(--slotted-radius-full, 9999px);cursor:pointer;inline-size:100%;inset:0;margin:0;outline:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:0}[data-ui=rating] [data-part=input][data-half]{border-end-end-radius:0;border-start-end-radius:0;inline-size:50%;inset-inline-end:auto;z-index:1}[data-ui=rating] [data-part=item]:has(~[data-part=item]>[data-part=input]:checked),[data-ui=rating] [data-part=item]:has(>[data-part=input]:not([data-half]):checked){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating] [data-part=item]:has(>[data-part=input][data-half]:checked){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]{--_fill: 0;--_fill-easing: var(--slotted-easing-exit)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]:is(:has(~[data-part=item]>[data-part=input]:hover:not(:disabled)),:has(>[data-part=input]:not([data-half]):hover:not(:disabled))){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input][data-half]:hover:not(:disabled)){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root][data-dragging] [data-part=fill]{transition-duration:var(--slotted-duration-instant)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input]:active:not(:disabled))>:is([data-part=symbol],[data-part=fill]){scale:.94}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){border-radius:var(--slotted-radius-full, 9999px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating][data-part=root][data-invalid]{--_off: var(--slotted-rating-invalid-color, var(--slotted-tone-danger-surface));--_off-edge: var(--slotted-tone-danger-border);--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid)}[data-ui=rating][data-part=root][data-invalid] [data-part=symbol] svg{stroke-width:calc(var(--_stroke) * 1px + var(--slotted-rating-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)))}[data-ui=rating][data-part=root][data-readonly] [data-part=input]{cursor:default}[data-ui=rating][data-part=root][data-disabled]{--_on: var(--slotted-disabled-foreground);--_off: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-disabled] [data-part=input]{cursor:not-allowed}[data-ui=rating] [data-part=value]{font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);white-space:nowrap}[data-ui=rating] [data-part=count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating][data-part=root]:has([data-part=input])>[data-part=value]{color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-regular, 400);min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:normal}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled))>[data-part=value]{color:var(--slotted-text, CanvasText)}[data-ui=rating][data-part=root][data-disabled]>[data-part=value]{color:var(--slotted-disabled-foreground)}@supports (text-box: trim-both cap alphabetic){[data-ui=rating][data-part=root]>:is([data-part=value],[data-part=count]),[data-ui=rating] [data-part=level-count],[data-ui=rating] [data-part=level-label]>span:not([data-ui]){text-box:trim-both cap alphabetic}}[data-ui=rating][data-part=root][data-variant=compact]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=compact] [data-part=item]{--_fill: 1}[data-ui=rating][data-part=root][data-variant=summary]{--_bar: var(--slotted-rating-bar-size, var(--slotted-space-4, .5rem));align-items:start;display:flex;gap:var(--slotted-space-8, 1.5rem) var(--slotted-space-9, 2rem);inline-size:100%}[data-ui=rating] [data-part=aggregate]{align-content:start;column-gap:var(--slotted-space-3, .375rem);display:grid;flex:0 0 auto;grid-template-columns:auto 1fr;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=aggregate]>[data-part=value]{align-self:baseline;font-size:var(--slotted-font-size-4xl, 2rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-4xl, 1.2)}[data-ui=rating] [data-part=scale]{align-self:baseline;color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=aggregate]>:not([data-part=value],[data-part=scale]){grid-column:1 / -1}[data-ui=rating] [data-part=aggregate]>[data-part=count]{white-space:normal}[data-ui=rating] [data-part=distribution]{display:grid;flex:1 1 15rem;grid-template-columns:auto minmax(4rem,1fr) auto;list-style:none;margin:0;min-inline-size:0;padding:0;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=distribution]>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=rating] [data-part=level]{align-items:center;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;column-gap:var(--slotted-space-5, .75rem);display:grid;font:inherit;grid-column:1 / -1;grid-template-columns:subgrid;margin:0;min-block-size:var(--slotted-control-height-sm, 30px);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=level]{cursor:pointer}[data-ui=rating] button[data-part=level]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=level]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=level]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating] [data-part=level][data-pressed]{background-color:var(--slotted-tone-warning-surface);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-tone-warning-border)}[data-ui=rating] [data-part=level][data-pressed] [data-part=level-count]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] button[data-part=level]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui=rating] [data-part=level-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating] [data-part=level-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=level-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=track]{background-color:var(--_off);block-size:var(--_bar);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);border-radius:var(--slotted-radius-full, 9999px);overflow:hidden}[data-ui=rating] [data-part=indicator]{background-color:var(--slotted-rating-bar-color, var(--_on));block-size:100%;border-radius:inherit;display:block;inline-size:calc(var(--slotted-rating-share, 0) * 100%);transition:inline-size var(--slotted-duration-long) var(--slotted-easing-enter)}@starting-style{[data-ui=rating] [data-part=indicator]{inline-size:0}}[data-ui=rating] [data-part=level-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;justify-self:end;white-space:nowrap}[data-ui=rating][data-disabled] [data-part=indicator],[data-ui=rating] button[data-part=level]:disabled [data-part=indicator]{background-color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-variant=spectrum]{--_g: var(--slotted-space-3, .375rem);--_plot: var(--slotted-space-12, 4rem);--_col: calc((100% - 4 * var(--_g)) / 5);--_mean: var(--slotted-rating-mean, 3);--_low: var(--slotted-rating-low, var(--_mean));--_high: var(--slotted-rating-high, var(--_mean));display:grid;gap:var(--slotted-space-6, 1rem);inline-size:100%}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]>[data-part=count]{color:var(--slotted-text-muted, GrayText);flex-basis:100%}[data-ui=rating] [data-part=insight]{align-self:center;background-color:var(--_tint-surface);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_tint-border);color:var(--_tint-text);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);margin-inline-start:auto;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);white-space:nowrap}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=success]{--_tint-surface: var(--slotted-tone-success-surface);--_tint-border: var(--slotted-tone-success-border);--_tint-text: var(--slotted-tone-success-text);--_mark: var(--slotted-tone-success-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=warning]{--_tint-surface: var(--slotted-tone-warning-surface);--_tint-border: var(--slotted-tone-warning-border);--_tint-text: var(--slotted-tone-warning-text);--_mark: var(--slotted-tone-warning-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=secondary]{--_tint-surface: var(--slotted-tone-secondary-surface);--_tint-border: var(--slotted-tone-secondary-border);--_tint-text: var(--slotted-text-muted, GrayText);--_mark: var(--slotted-tone-secondary-border)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=danger]{--_tint-surface: var(--slotted-tone-danger-surface);--_tint-border: var(--slotted-tone-danger-border);--_tint-text: var(--slotted-tone-danger-text);--_mark: var(--slotted-tone-danger-solid)}[data-ui=rating] [data-part=plot]{display:grid;row-gap:var(--slotted-space-3, .375rem)}[data-ui=rating] [data-part=field]{block-size:var(--_plot);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);margin-block-start:var(--slotted-space-7, 1.25rem);position:relative}[data-ui=rating] :is([data-part=columns],[data-part=axis]){column-gap:var(--_g);display:grid;grid-template-columns:repeat(5,1fr)}[data-ui=rating] [data-part=columns]{block-size:100%;isolation:isolate;position:relative;z-index:1}[data-ui=rating] [data-part=column]{align-items:end;background-color:transparent;border:0;border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);display:flex;justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=column]{cursor:pointer}[data-ui=rating] button[data-part=column]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=column]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=rating] [data-part=column]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-space-1, .125rem),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:min(100%,var(--slotted-space-10, 2.5rem));transition:block-size var(--slotted-duration-long) var(--slotted-easing-enter),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@starting-style{[data-ui=rating] [data-part=column]>[data-part=bar]{block-size:0}}[data-ui=rating] [data-part=columns]:has([data-pressed]) [data-part=column]:not([data-pressed])>[data-part=bar]{background-color:var(--_off)}[data-ui=rating] :is([data-part=interval],[data-part=mean]){pointer-events:none;position:absolute}[data-ui=rating] [data-part=interval]{background-color:color-mix(in oklab,var(--slotted-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);border-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:max(var(--slotted-space-1, .125rem),calc((var(--_high) - var(--_low)) * (var(--_col) + var(--_g))));inset-block:0;inset-inline-start:calc(var(--_col) / 2 + (var(--_low) - 1) * (var(--_col) + var(--_g)));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard),inline-size var(--slotted-duration-long) var(--slotted-easing-standard);z-index:0}[data-ui=rating] [data-part=mean]{border-inline-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-text);inset-block:calc(-1 * var(--slotted-space-5, .75rem)) 0;inset-inline-start:calc(var(--_col) / 2 + (var(--_mean) - 1) * (var(--_col) + var(--_g)) - var(--slotted-border-width-thin, 1px));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard);z-index:2}[data-ui=rating] [data-part=mean-label]{background-color:var(--slotted-surface-inverse);border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-text-inverse);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:100%;inset-inline-start:0;line-height:var(--slotted-line-height-xs, 1.4);padding-inline:var(--slotted-space-3, .375rem);position:absolute;translate:-50% 0;white-space:nowrap}[data-ui=rating][data-part=root]:dir(rtl) [data-part=mean-label]{translate:50% 0}[data-ui=rating] [data-part=tick]{display:grid;justify-items:center;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=tick-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=tick-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=tick-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=tick-share]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=sentiment]{color:var(--slotted-text-muted, GrayText);column-gap:var(--slotted-space-6, 1rem);display:flex;flex-wrap:wrap;margin:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=bucket]{align-items:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex}[data-ui=rating] [data-part=bucket]>strong{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] [data-part=swatch]{background-color:var(--_mark);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);flex:none;inline-size:var(--slotted-space-4, .5rem)}[data-ui=rating][data-part=root][data-variant=histogram]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=histogram] [data-part=item]{--_fill: 1}[data-ui=rating] [data-part=histogram]{align-items:end;block-size:calc(1cap + .5em);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-strong);column-gap:var(--slotted-border-width-thin, 1px);display:inline-grid;grid-template-columns:repeat(5,var(--slotted-space-2, .25rem));margin-inline:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=histogram]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-border-width-thin, 1px),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge)}@media(pointer:coarse){[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_box: max(var(--slotted-target-comfortable, 44px), var(--_symbol))}[data-ui=rating] [data-part=level]{min-block-size:var(--slotted-target-comfortable, 44px)}}@media(forced-colors:active){[data-ui=rating][data-part=root]{--_on: CanvasText;--_off: Canvas;--_edge: CanvasText;--_off-edge: CanvasText}[data-ui=rating][data-part=root][data-disabled]{--_on: GrayText;--_edge: GrayText;--_off-edge: GrayText}[data-ui=rating] [data-part=track]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] :is([data-part=insight],[data-part=swatch]){border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] [data-part=column][data-pressed],[data-ui=rating] [data-part=level][data-pressed]{outline:var(--slotted-border-width-thick, 2px) solid Highlight}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){outline-color:Highlight}}}\n"], dependencies: [{ 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: SlRatingDisplay, decorators: [{
+            type: Component,
+            args: [{ selector: 'div[slRatingDisplay]', standalone: true, exportAs: 'slRatingDisplay', imports: [SlGlyph, SlIcon], template: `<div data-part="symbols">
+      @for (fill of fills(); track $index) {
+        <span data-part="item" [style.--slotted-rating-fill]="fill"
+          ><span data-part="symbol"
+            ><span slIcon><svg slGlyph name="star"></svg></span></span
+          ><span data-part="fill"
+            ><span slIcon><svg slGlyph name="star"></svg></span></span
+        ></span>
+      }
+    </div>
+    @if (showValue()) {
+      <span data-part="value" aria-hidden="true">{{ valueText() }}</span>
+    }
+    @if (resolvedVariant() === 'histogram') {
+      <span data-part="histogram" aria-hidden="true">
+        @for (share of shares(); track $index) {
+          <span data-part="bar" [style.--slotted-rating-share]="share"></span>
+        }
+      </span>
+    }
+    @if (countText(); as text) {
+      <span data-part="count" aria-hidden="true">{{ text }}</span>
+    }`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        'data-ui': 'rating',
+                        'data-part': 'root',
+                        role: 'img',
+                        '[attr.data-size]': 'resolvedSize()',
+                        '[attr.data-tone]': 'resolvedTone()',
+                        '[attr.data-variant]': "resolvedVariant() === 'full' ? null : resolvedVariant()",
+                        '[attr.aria-label]': 'label()',
+                    }, styles: ["@layer slotted.components{[data-ui=rating][data-part=root]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-7, 1.25rem));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_on: var(--slotted-rating-lit-color, var(--slotted-tone-warning-solid));--_off: var(--slotted-rating-empty-color, var(--slotted-tone-secondary-surface));--_edge: var(--slotted-rating-edge, transparent);--_off-edge: var(--_edge);--_stroke: 1.5;--_halo: var(--slotted-rating-hover-background, var(--slotted-tone-secondary-subtle-hover));--_halo-active: var( --slotted-rating-active-background, var(--slotted-tone-secondary-subtle-active) );align-items:center;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:inline-flex;flex-wrap:wrap;row-gap:var(--slotted-space-3, .375rem);font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;vertical-align:middle}[data-ui=rating][data-part=root][data-size=sm]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-6, 1rem));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=rating][data-part=root][data-size=lg]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-8, 1.5rem));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=rating][data-part=root][data-tone=accent]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-accent-solid))}[data-ui=rating][data-part=root][data-tone=success]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-success-solid))}[data-ui=rating][data-part=root][data-tone=danger]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-danger-solid))}[data-ui=rating] [data-part=symbols]{column-gap:var(--slotted-rating-gap, var(--slotted-space-1, .125rem));display:flex;flex:0 1 auto;min-inline-size:0}[data-ui=rating] [data-part=symbols]:has([data-part=input]){column-gap:0;touch-action:pan-y}[data-ui=rating] [data-part=item]{--_fill: var(--slotted-rating-fill, 0);--_fill-easing: var(--slotted-easing-exit);--_box: var(--_symbol);--_air: 0px;aspect-ratio:1;container-type:inline-size;display:grid;flex:0 1 auto;inline-size:var(--_box);min-inline-size:calc(var(--_symbol) / 2);isolation:isolate;place-items:center;position:relative}[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_air: var(--slotted-space-1, .125rem);--_box: max(var(--slotted-target-min, 24px), calc(var(--_symbol) + 2 * var(--_air)));min-inline-size:var(--slotted-target-min, 24px)}[data-ui=rating] :is([data-part=symbol],[data-part=fill]){--_drawn: min(var(--_symbol), 100cqi - 2 * var(--_air));--slotted-icon-size: var(--_drawn);block-size:var(--_drawn);display:flex;grid-area:1 / 1;inline-size:var(--_drawn);pointer-events:none;transition:scale var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui=rating] :is([data-part=symbol],[data-part=fill]) svg{stroke-width:var(--_stroke);transition:fill var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),stroke var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] [data-part=symbol] svg{fill:var(--_off);stroke:var(--_off-edge)}[data-ui=rating] [data-part=fill]{clip-path:inset(0 calc((1 - var(--_fill)) * 100%) 0 0);transition:scale var(--slotted-duration-short) var(--slotted-easing-standard),clip-path var(--slotted-duration-medium) var(--_fill-easing)}[data-ui=rating][data-part=root]:dir(rtl) [data-part=fill]{clip-path:inset(0 0 0 calc((1 - var(--_fill)) * 100%))}[data-ui=rating] [data-part=fill] svg{fill:var(--_on);stroke:var(--_edge)}[data-ui=rating] [data-part=input]{appearance:none;background-color:transparent;block-size:100%;border:0;border-radius:var(--slotted-radius-full, 9999px);cursor:pointer;inline-size:100%;inset:0;margin:0;outline:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:0}[data-ui=rating] [data-part=input][data-half]{border-end-end-radius:0;border-start-end-radius:0;inline-size:50%;inset-inline-end:auto;z-index:1}[data-ui=rating] [data-part=item]:has(~[data-part=item]>[data-part=input]:checked),[data-ui=rating] [data-part=item]:has(>[data-part=input]:not([data-half]):checked){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating] [data-part=item]:has(>[data-part=input][data-half]:checked){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]{--_fill: 0;--_fill-easing: var(--slotted-easing-exit)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]:is(:has(~[data-part=item]>[data-part=input]:hover:not(:disabled)),:has(>[data-part=input]:not([data-half]):hover:not(:disabled))){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input][data-half]:hover:not(:disabled)){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root][data-dragging] [data-part=fill]{transition-duration:var(--slotted-duration-instant)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input]:active:not(:disabled))>:is([data-part=symbol],[data-part=fill]){scale:.94}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){border-radius:var(--slotted-radius-full, 9999px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating][data-part=root][data-invalid]{--_off: var(--slotted-rating-invalid-color, var(--slotted-tone-danger-surface));--_off-edge: var(--slotted-tone-danger-border);--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid)}[data-ui=rating][data-part=root][data-invalid] [data-part=symbol] svg{stroke-width:calc(var(--_stroke) * 1px + var(--slotted-rating-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)))}[data-ui=rating][data-part=root][data-readonly] [data-part=input]{cursor:default}[data-ui=rating][data-part=root][data-disabled]{--_on: var(--slotted-disabled-foreground);--_off: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-disabled] [data-part=input]{cursor:not-allowed}[data-ui=rating] [data-part=value]{font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);white-space:nowrap}[data-ui=rating] [data-part=count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating][data-part=root]:has([data-part=input])>[data-part=value]{color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-regular, 400);min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:normal}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled))>[data-part=value]{color:var(--slotted-text, CanvasText)}[data-ui=rating][data-part=root][data-disabled]>[data-part=value]{color:var(--slotted-disabled-foreground)}@supports (text-box: trim-both cap alphabetic){[data-ui=rating][data-part=root]>:is([data-part=value],[data-part=count]),[data-ui=rating] [data-part=level-count],[data-ui=rating] [data-part=level-label]>span:not([data-ui]){text-box:trim-both cap alphabetic}}[data-ui=rating][data-part=root][data-variant=compact]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=compact] [data-part=item]{--_fill: 1}[data-ui=rating][data-part=root][data-variant=summary]{--_bar: var(--slotted-rating-bar-size, var(--slotted-space-4, .5rem));align-items:start;display:flex;gap:var(--slotted-space-8, 1.5rem) var(--slotted-space-9, 2rem);inline-size:100%}[data-ui=rating] [data-part=aggregate]{align-content:start;column-gap:var(--slotted-space-3, .375rem);display:grid;flex:0 0 auto;grid-template-columns:auto 1fr;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=aggregate]>[data-part=value]{align-self:baseline;font-size:var(--slotted-font-size-4xl, 2rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-4xl, 1.2)}[data-ui=rating] [data-part=scale]{align-self:baseline;color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=aggregate]>:not([data-part=value],[data-part=scale]){grid-column:1 / -1}[data-ui=rating] [data-part=aggregate]>[data-part=count]{white-space:normal}[data-ui=rating] [data-part=distribution]{display:grid;flex:1 1 15rem;grid-template-columns:auto minmax(4rem,1fr) auto;list-style:none;margin:0;min-inline-size:0;padding:0;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=distribution]>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=rating] [data-part=level]{align-items:center;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;column-gap:var(--slotted-space-5, .75rem);display:grid;font:inherit;grid-column:1 / -1;grid-template-columns:subgrid;margin:0;min-block-size:var(--slotted-control-height-sm, 30px);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=level]{cursor:pointer}[data-ui=rating] button[data-part=level]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=level]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=level]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating] [data-part=level][data-pressed]{background-color:var(--slotted-tone-warning-surface);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-tone-warning-border)}[data-ui=rating] [data-part=level][data-pressed] [data-part=level-count]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] button[data-part=level]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui=rating] [data-part=level-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating] [data-part=level-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=level-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=track]{background-color:var(--_off);block-size:var(--_bar);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);border-radius:var(--slotted-radius-full, 9999px);overflow:hidden}[data-ui=rating] [data-part=indicator]{background-color:var(--slotted-rating-bar-color, var(--_on));block-size:100%;border-radius:inherit;display:block;inline-size:calc(var(--slotted-rating-share, 0) * 100%);transition:inline-size var(--slotted-duration-long) var(--slotted-easing-enter)}@starting-style{[data-ui=rating] [data-part=indicator]{inline-size:0}}[data-ui=rating] [data-part=level-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;justify-self:end;white-space:nowrap}[data-ui=rating][data-disabled] [data-part=indicator],[data-ui=rating] button[data-part=level]:disabled [data-part=indicator]{background-color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-variant=spectrum]{--_g: var(--slotted-space-3, .375rem);--_plot: var(--slotted-space-12, 4rem);--_col: calc((100% - 4 * var(--_g)) / 5);--_mean: var(--slotted-rating-mean, 3);--_low: var(--slotted-rating-low, var(--_mean));--_high: var(--slotted-rating-high, var(--_mean));display:grid;gap:var(--slotted-space-6, 1rem);inline-size:100%}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]>[data-part=count]{color:var(--slotted-text-muted, GrayText);flex-basis:100%}[data-ui=rating] [data-part=insight]{align-self:center;background-color:var(--_tint-surface);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_tint-border);color:var(--_tint-text);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);margin-inline-start:auto;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);white-space:nowrap}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=success]{--_tint-surface: var(--slotted-tone-success-surface);--_tint-border: var(--slotted-tone-success-border);--_tint-text: var(--slotted-tone-success-text);--_mark: var(--slotted-tone-success-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=warning]{--_tint-surface: var(--slotted-tone-warning-surface);--_tint-border: var(--slotted-tone-warning-border);--_tint-text: var(--slotted-tone-warning-text);--_mark: var(--slotted-tone-warning-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=secondary]{--_tint-surface: var(--slotted-tone-secondary-surface);--_tint-border: var(--slotted-tone-secondary-border);--_tint-text: var(--slotted-text-muted, GrayText);--_mark: var(--slotted-tone-secondary-border)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=danger]{--_tint-surface: var(--slotted-tone-danger-surface);--_tint-border: var(--slotted-tone-danger-border);--_tint-text: var(--slotted-tone-danger-text);--_mark: var(--slotted-tone-danger-solid)}[data-ui=rating] [data-part=plot]{display:grid;row-gap:var(--slotted-space-3, .375rem)}[data-ui=rating] [data-part=field]{block-size:var(--_plot);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);margin-block-start:var(--slotted-space-7, 1.25rem);position:relative}[data-ui=rating] :is([data-part=columns],[data-part=axis]){column-gap:var(--_g);display:grid;grid-template-columns:repeat(5,1fr)}[data-ui=rating] [data-part=columns]{block-size:100%;isolation:isolate;position:relative;z-index:1}[data-ui=rating] [data-part=column]{align-items:end;background-color:transparent;border:0;border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);display:flex;justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=column]{cursor:pointer}[data-ui=rating] button[data-part=column]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=column]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=rating] [data-part=column]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-space-1, .125rem),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:min(100%,var(--slotted-space-10, 2.5rem));transition:block-size var(--slotted-duration-long) var(--slotted-easing-enter),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@starting-style{[data-ui=rating] [data-part=column]>[data-part=bar]{block-size:0}}[data-ui=rating] [data-part=columns]:has([data-pressed]) [data-part=column]:not([data-pressed])>[data-part=bar]{background-color:var(--_off)}[data-ui=rating] :is([data-part=interval],[data-part=mean]){pointer-events:none;position:absolute}[data-ui=rating] [data-part=interval]{background-color:color-mix(in oklab,var(--slotted-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);border-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:max(var(--slotted-space-1, .125rem),calc((var(--_high) - var(--_low)) * (var(--_col) + var(--_g))));inset-block:0;inset-inline-start:calc(var(--_col) / 2 + (var(--_low) - 1) * (var(--_col) + var(--_g)));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard),inline-size var(--slotted-duration-long) var(--slotted-easing-standard);z-index:0}[data-ui=rating] [data-part=mean]{border-inline-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-text);inset-block:calc(-1 * var(--slotted-space-5, .75rem)) 0;inset-inline-start:calc(var(--_col) / 2 + (var(--_mean) - 1) * (var(--_col) + var(--_g)) - var(--slotted-border-width-thin, 1px));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard);z-index:2}[data-ui=rating] [data-part=mean-label]{background-color:var(--slotted-surface-inverse);border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-text-inverse);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:100%;inset-inline-start:0;line-height:var(--slotted-line-height-xs, 1.4);padding-inline:var(--slotted-space-3, .375rem);position:absolute;translate:-50% 0;white-space:nowrap}[data-ui=rating][data-part=root]:dir(rtl) [data-part=mean-label]{translate:50% 0}[data-ui=rating] [data-part=tick]{display:grid;justify-items:center;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=tick-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=tick-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=tick-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=tick-share]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=sentiment]{color:var(--slotted-text-muted, GrayText);column-gap:var(--slotted-space-6, 1rem);display:flex;flex-wrap:wrap;margin:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=bucket]{align-items:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex}[data-ui=rating] [data-part=bucket]>strong{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] [data-part=swatch]{background-color:var(--_mark);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);flex:none;inline-size:var(--slotted-space-4, .5rem)}[data-ui=rating][data-part=root][data-variant=histogram]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=histogram] [data-part=item]{--_fill: 1}[data-ui=rating] [data-part=histogram]{align-items:end;block-size:calc(1cap + .5em);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-strong);column-gap:var(--slotted-border-width-thin, 1px);display:inline-grid;grid-template-columns:repeat(5,var(--slotted-space-2, .25rem));margin-inline:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=histogram]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-border-width-thin, 1px),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge)}@media(pointer:coarse){[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_box: max(var(--slotted-target-comfortable, 44px), var(--_symbol))}[data-ui=rating] [data-part=level]{min-block-size:var(--slotted-target-comfortable, 44px)}}@media(forced-colors:active){[data-ui=rating][data-part=root]{--_on: CanvasText;--_off: Canvas;--_edge: CanvasText;--_off-edge: CanvasText}[data-ui=rating][data-part=root][data-disabled]{--_on: GrayText;--_edge: GrayText;--_off-edge: GrayText}[data-ui=rating] [data-part=track]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] :is([data-part=insight],[data-part=swatch]){border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] [data-part=column][data-pressed],[data-ui=rating] [data-part=level][data-pressed]{outline:var(--slotted-border-width-thick, 2px) solid Highlight}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){outline-color:Highlight}}}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], distribution: [{ type: i0.Input, args: [{ isSignal: true, alias: "distribution", required: false }] }], showValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "showValue", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }] } });
+
+/** Stands in for the share while a message is written, so the share can be set apart. */
+const SHARE_MARK = '\uE000';
+/** The tone each conclusion is drawn in, from the family's contract. */
+const INSIGHT_TONE = {
+    divided: 'warning',
+    few: 'secondary',
+    consensus: 'success',
+    mixed: 'secondary',
+};
+/**
+ * The aggregate of many ratings: the figure, how many readings it is made of,
+ * and how they spread over the levels.
+ *
+ * `bars` draws one bar per level, highest first, the order every surveyed
+ * summary uses. `spectrum` draws the same counts as columns over the scale,
+ * lowest first, with the mean and its 95% interval laid over them, the
+ * readings split into three buckets, and one conclusion — split, too few,
+ * agreed, or none of those — so a 3,3 made of ones and fives does not read
+ * like a 3,3 made of threes.
+ *
+ * With `filterable`, each level is a toggle button, and the pressed levels are
+ * a selection the page filters its reviews by; a level nobody chose is
+ * disabled, because a filter that returns nothing is a dead end.
+ */
+class SlRatingSummary {
+    /** How many readings each level holds, lowest level first — the order a store keeps them in. */
+    counts = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "counts" }] : /* istanbul ignore next */ []));
+    /** How many levels the scale has. A level missing from `counts` holds none; one past it is dropped. */
+    max = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    variant = input('bars', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** Each level becomes a toggle button, and the pressed ones are `selectedLevels`. */
+    filterable = input(false, { ...(ngDevMode ? { debugName: "filterable" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    /** The levels pressed, ascending. Two-way; every move is asked first through `selectedLevelsChangeRequest`. */
+    selectedLevels = model([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedLevels" }] : /* istanbul ignore next */ []));
+    /** Merged over the application's thresholds, key by key. */
+    insightThresholds = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "insightThresholds" }] : /* istanbul ignore next */ []));
+    showInsight = input(true, { ...(ngDevMode ? { debugName: "showInsight" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
+    size = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    tone = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "tone" }] : /* istanbul ignore next */ []));
+    /** Words laid over the catalog of the language in force, key by key. */
+    messages = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+    /** The locale numbers are written in. Unstated, the language in force. */
+    locale = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "locale" }] : /* istanbul ignore next */ []));
+    /**
+     * Emitted before the selection moves, with the levels asked for, the ones
+     * they replace, the reason and the event. `cancel()` keeps the selection.
+     */
+    selectedLevelsChangeRequest = output();
+    defaults = injectRatingDefaults();
+    appLocale = injectLocale();
+    /** The family's words in the language in force, with this summary's `messages` laid over them. */
+    t = injectMessages(ratingMessages, this.messages);
+    resolvedMax = computed(() => Math.max(1, Math.round(this.max() ?? this.defaults.max)), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedMax" }] : /* istanbul ignore next */ []));
+    resolvedVariant = computed(() => this.variant(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedVariant" }] : /* istanbul ignore next */ []));
+    resolvedSize = computed(() => this.size() ?? this.defaults.size, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
+    resolvedTone = computed(() => this.tone() ?? this.defaults.tone, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedTone" }] : /* istanbul ignore next */ []));
+    resolvedLocale = computed(() => this.locale() ?? this.appLocale(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedLocale" }] : /* istanbul ignore next */ []));
+    thresholds = computed(() => ({
+        ...this.defaults.insightThresholds,
+        ...this.insightThresholds(),
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "thresholds" }] : /* istanbul ignore next */ []));
+    /** Everything drawn is read from here: `summariseRatings` over the counts on the scale. */
+    summary = computed(() => {
+        const counts = this.counts();
+        const levels = Array.from({ length: this.resolvedMax() }, (_, index) => counts[index] ?? 0);
+        return summariseRatings(levels, this.thresholds());
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "summary" }] : /* istanbul ignore next */ []));
+    lowestFirst = computed(() => {
+        const { levels, total } = this.summary();
+        const locale = this.resolvedLocale();
+        const pressed = this.selectedLevels();
+        const largest = Math.max(0, ...levels.map((level) => level.count));
+        return [...levels].reverse().map(({ level, count, share }) => {
+            const shareText = formatShare(share, locale);
+            const countText = formatCount(count, locale);
+            return {
+                level,
+                count,
+                countText,
+                share: cssNumber(total === 0 ? 0 : share, 4),
+                peak: cssNumber(largest === 0 ? 0 : count / largest, 4),
+                shareText,
+                label: this.t('levelLabel', { level, count, share: shareText }),
+                pressed: pressed.includes(level),
+            };
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "lowestFirst" }] : /* istanbul ignore next */ []));
+    highestFirst = computed(() => [...this.lowestFirst()].reverse(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "highestFirst" }] : /* istanbul ignore next */ []));
+    averageText = computed(() => {
+        const average = this.summary().average;
+        return average === null ? '' : formatRating(average, this.resolvedLocale());
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "averageText" }] : /* istanbul ignore next */ []));
+    scaleText = computed(() => this.t('scale', { max: this.resolvedMax() }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "scaleText" }] : /* istanbul ignore next */ []));
+    countText = computed(() => {
+        const { total, margin, interval } = this.summary();
+        const locale = this.resolvedLocale();
+        if (total === 0)
+            return this.t('summaryEmpty');
+        if (this.resolvedVariant() === 'bars')
+            return this.t('summaryCount', { count: total });
+        if (margin !== null && interval !== null && margin >= this.thresholds().margin) {
+            return this.t('spectrumUncertain', {
+                count: total,
+                low: formatRating(interval[0], locale),
+                high: formatRating(interval[1], locale),
+            });
+        }
+        /* Two places, written here: the core writes a number to one place, and a
+           margin of 0,04 would read as nought. */
+        const written = new Intl.NumberFormat(locale, {
+            minimumFractionDigits: 2,
+            maximumFractionDigits: 2,
+        }).format(margin ?? 0);
+        return this.t('spectrumCount', { count: total, margin: written });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "countText" }] : /* istanbul ignore next */ []));
+    insight = computed(() => {
+        const insight = this.summary().insight;
+        /* The conclusion is read from the spread, which only the spectrum draws. */
+        if (this.resolvedVariant() !== 'spectrum' || !this.showInsight() || insight === null) {
+            return null;
+        }
+        return { tone: INSIGHT_TONE[insight], text: this.t(insight) };
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "insight" }] : /* istanbul ignore next */ []));
+    buckets = computed(() => {
+        const { buckets } = this.summary();
+        const locale = this.resolvedLocale();
+        const tones = { positive: 'success', neutral: 'secondary', negative: 'danger' };
+        return ['positive', 'neutral', 'negative'].map((key) => {
+            const [before = '', after = ''] = this.t(key, { share: SHARE_MARK }).split(SHARE_MARK);
+            return { key, tone: tones[key], before, share: formatShare(buckets[key], locale), after };
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "buckets" }] : /* istanbul ignore next */ []));
+    meanProperties = computed(() => {
+        const { mean, interval } = this.summary();
+        if (this.resolvedVariant() !== 'spectrum' || mean === null || interval === null)
+            return null;
+        return {
+            mean: cssNumber(mean, 3),
+            low: cssNumber(interval[0], 3),
+            high: cssNumber(interval[1], 3),
+        };
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "meanProperties" }] : /* istanbul ignore next */ []));
+    toggle(level, event) {
+        const held = this.selectedLevels();
+        const next = held.includes(level)
+            ? held.filter((candidate) => candidate !== level)
+            : [...held, level].sort((a, b) => a - b);
+        const state = createControllable({
+            initial: held,
+            /* Two fresh arrays are never the same object; the toggle always changes membership. */
+            equals: () => false,
+            onRequest: (request) => this.selectedLevelsChangeRequest.emit(request),
+        });
+        if (!state.request(next, event.detail === 0 ? 'keyboard' : 'pointer', event))
+            return;
+        this.selectedLevels.set(next);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlRatingSummary, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlRatingSummary, isStandalone: true, selector: "section[slRatingSummary]", inputs: { counts: { classPropertyName: "counts", publicName: "counts", isSignal: true, isRequired: true, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, filterable: { classPropertyName: "filterable", publicName: "filterable", isSignal: true, isRequired: false, transformFunction: null }, selectedLevels: { classPropertyName: "selectedLevels", publicName: "selectedLevels", isSignal: true, isRequired: false, transformFunction: null }, insightThresholds: { classPropertyName: "insightThresholds", publicName: "insightThresholds", isSignal: true, isRequired: false, transformFunction: null }, showInsight: { classPropertyName: "showInsight", publicName: "showInsight", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selectedLevels: "selectedLevelsChange", selectedLevelsChangeRequest: "selectedLevelsChangeRequest" }, host: { attributes: { "data-ui": "rating", "data-part": "root" }, properties: { "attr.data-variant": "resolvedVariant() === 'bars' ? 'summary' : 'spectrum'", "attr.data-size": "resolvedSize()", "attr.data-tone": "resolvedTone()", "style.--slotted-rating-mean": "meanProperties()?.mean ?? null", "style.--slotted-rating-low": "meanProperties()?.low ?? null", "style.--slotted-rating-high": "meanProperties()?.high ?? null" } }, exportAs: ["slRatingSummary"], ngImport: i0, template: `<ng-template #levelLabel let-level
+      ><span data-part="level-label"
+        ><span>{{ level }}</span
+        ><span slIcon><svg slGlyph name="star"></svg></span></span
+    ></ng-template>
+    <div data-part="aggregate">
+      @if (summary().total > 0) {
+        <span data-part="value">{{ averageText() }}</span>
+        <span data-part="scale">{{ scaleText() }}</span>
+      }
+      @if (insight(); as conclusion) {
+        <span data-part="insight" [attr.data-tone]="conclusion.tone">{{ conclusion.text }}</span>
+      }
+      @if (resolvedVariant() === 'bars') {
+        <div
+          slRatingDisplay
+          size="sm"
+          [tone]="resolvedTone()"
+          [value]="summary().average ?? 0"
+          [max]="resolvedMax()"
+          [showValue]="false"
+          [messages]="messages()"
+          [locale]="resolvedLocale()"
+        ></div>
+      }
+      <span data-part="count">{{ countText() }}</span>
+    </div>
+    @if (resolvedVariant() === 'bars') {
+      <ul data-part="distribution" [attr.aria-label]="t('distributionLabel')">
+        @for (level of highestFirst(); track level.level) {
+          <li>
+            @if (filterable()) {
+              <button
+                data-part="level"
+                type="button"
+                [attr.aria-pressed]="level.pressed ? 'true' : 'false'"
+                [attr.data-pressed]="level.pressed ? '' : null"
+                [attr.aria-label]="level.label"
+                [attr.disabled]="level.count === 0 ? '' : null"
+                (click)="toggle(level.level, $event)"
+              >
+                <ng-container *ngTemplateOutlet="levelBody; context: { $implicit: level }" />
+              </button>
+            } @else {
+              <div data-part="level" role="group" [attr.aria-label]="level.label">
+                <ng-container *ngTemplateOutlet="levelBody; context: { $implicit: level }" />
+              </div>
+            }
+          </li>
+        }
+      </ul>
+      <ng-template #levelBody let-level
+        ><ng-container *ngTemplateOutlet="levelLabel; context: { $implicit: level.level }" /><span
+          data-part="track"
+          aria-hidden="true"
+          ><span data-part="indicator" [style.--slotted-rating-share]="level.share"></span></span
+        ><span data-part="level-count">{{ level.countText }}</span></ng-template
+      >
+    } @else {
+      <div data-part="plot">
+        <div data-part="field">
+          <div data-part="columns">
+            @for (level of lowestFirst(); track level.level) {
+              @if (filterable()) {
+                <button
+                  data-part="column"
+                  type="button"
+                  [attr.aria-pressed]="level.pressed ? 'true' : 'false'"
+                  [attr.data-pressed]="level.pressed ? '' : null"
+                  [attr.aria-label]="level.label"
+                  [attr.disabled]="level.count === 0 ? '' : null"
+                  [style.--slotted-rating-share]="level.peak"
+                  (click)="toggle(level.level, $event)"
+                >
+                  <span data-part="bar"></span>
+                </button>
+              } @else {
+                <div
+                  data-part="column"
+                  role="group"
+                  [attr.aria-label]="level.label"
+                  [style.--slotted-rating-share]="level.peak"
+                >
+                  <span data-part="bar"></span>
+                </div>
+              }
+            }
+          </div>
+          @if (summary().total > 0) {
+            <span data-part="interval" aria-hidden="true"></span>
+            <span data-part="mean" aria-hidden="true"
+              ><span data-part="mean-label">{{ averageText() }}</span></span
+            >
+          }
+        </div>
+        <div data-part="axis" aria-hidden="true">
+          @for (level of lowestFirst(); track level.level) {
+            <span data-part="tick"
+              ><ng-container
+                *ngTemplateOutlet="levelLabel; context: { $implicit: level.level }"
+              /><span data-part="tick-share">{{ level.shareText }}</span></span
+            >
+          }
+        </div>
+      </div>
+      @if (summary().total > 0) {
+        <p data-part="sentiment">
+          @for (bucket of buckets(); track bucket.key) {
+            <span data-part="bucket" [attr.data-tone]="bucket.tone"
+              ><span data-part="swatch" aria-hidden="true"></span>{{ bucket.before
+              }}<strong>{{ bucket.share }}</strong
+              >{{ bucket.after }}</span
+            >
+          }
+        </p>
+      }
+    }`, isInline: true, styles: ["@layer slotted.components{[data-ui=rating][data-part=root]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-7, 1.25rem));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_on: var(--slotted-rating-lit-color, var(--slotted-tone-warning-solid));--_off: var(--slotted-rating-empty-color, var(--slotted-tone-secondary-surface));--_edge: var(--slotted-rating-edge, transparent);--_off-edge: var(--_edge);--_stroke: 1.5;--_halo: var(--slotted-rating-hover-background, var(--slotted-tone-secondary-subtle-hover));--_halo-active: var( --slotted-rating-active-background, var(--slotted-tone-secondary-subtle-active) );align-items:center;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:inline-flex;flex-wrap:wrap;row-gap:var(--slotted-space-3, .375rem);font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;vertical-align:middle}[data-ui=rating][data-part=root][data-size=sm]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-6, 1rem));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=rating][data-part=root][data-size=lg]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-8, 1.5rem));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=rating][data-part=root][data-tone=accent]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-accent-solid))}[data-ui=rating][data-part=root][data-tone=success]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-success-solid))}[data-ui=rating][data-part=root][data-tone=danger]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-danger-solid))}[data-ui=rating] [data-part=symbols]{column-gap:var(--slotted-rating-gap, var(--slotted-space-1, .125rem));display:flex;flex:0 1 auto;min-inline-size:0}[data-ui=rating] [data-part=symbols]:has([data-part=input]){column-gap:0;touch-action:pan-y}[data-ui=rating] [data-part=item]{--_fill: var(--slotted-rating-fill, 0);--_fill-easing: var(--slotted-easing-exit);--_box: var(--_symbol);--_air: 0px;aspect-ratio:1;container-type:inline-size;display:grid;flex:0 1 auto;inline-size:var(--_box);min-inline-size:calc(var(--_symbol) / 2);isolation:isolate;place-items:center;position:relative}[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_air: var(--slotted-space-1, .125rem);--_box: max(var(--slotted-target-min, 24px), calc(var(--_symbol) + 2 * var(--_air)));min-inline-size:var(--slotted-target-min, 24px)}[data-ui=rating] :is([data-part=symbol],[data-part=fill]){--_drawn: min(var(--_symbol), 100cqi - 2 * var(--_air));--slotted-icon-size: var(--_drawn);block-size:var(--_drawn);display:flex;grid-area:1 / 1;inline-size:var(--_drawn);pointer-events:none;transition:scale var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui=rating] :is([data-part=symbol],[data-part=fill]) svg{stroke-width:var(--_stroke);transition:fill var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),stroke var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] [data-part=symbol] svg{fill:var(--_off);stroke:var(--_off-edge)}[data-ui=rating] [data-part=fill]{clip-path:inset(0 calc((1 - var(--_fill)) * 100%) 0 0);transition:scale var(--slotted-duration-short) var(--slotted-easing-standard),clip-path var(--slotted-duration-medium) var(--_fill-easing)}[data-ui=rating][data-part=root]:dir(rtl) [data-part=fill]{clip-path:inset(0 0 0 calc((1 - var(--_fill)) * 100%))}[data-ui=rating] [data-part=fill] svg{fill:var(--_on);stroke:var(--_edge)}[data-ui=rating] [data-part=input]{appearance:none;background-color:transparent;block-size:100%;border:0;border-radius:var(--slotted-radius-full, 9999px);cursor:pointer;inline-size:100%;inset:0;margin:0;outline:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:0}[data-ui=rating] [data-part=input][data-half]{border-end-end-radius:0;border-start-end-radius:0;inline-size:50%;inset-inline-end:auto;z-index:1}[data-ui=rating] [data-part=item]:has(~[data-part=item]>[data-part=input]:checked),[data-ui=rating] [data-part=item]:has(>[data-part=input]:not([data-half]):checked){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating] [data-part=item]:has(>[data-part=input][data-half]:checked){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]{--_fill: 0;--_fill-easing: var(--slotted-easing-exit)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]:is(:has(~[data-part=item]>[data-part=input]:hover:not(:disabled)),:has(>[data-part=input]:not([data-half]):hover:not(:disabled))){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input][data-half]:hover:not(:disabled)){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root][data-dragging] [data-part=fill]{transition-duration:var(--slotted-duration-instant)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input]:active:not(:disabled))>:is([data-part=symbol],[data-part=fill]){scale:.94}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){border-radius:var(--slotted-radius-full, 9999px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating][data-part=root][data-invalid]{--_off: var(--slotted-rating-invalid-color, var(--slotted-tone-danger-surface));--_off-edge: var(--slotted-tone-danger-border);--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid)}[data-ui=rating][data-part=root][data-invalid] [data-part=symbol] svg{stroke-width:calc(var(--_stroke) * 1px + var(--slotted-rating-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)))}[data-ui=rating][data-part=root][data-readonly] [data-part=input]{cursor:default}[data-ui=rating][data-part=root][data-disabled]{--_on: var(--slotted-disabled-foreground);--_off: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-disabled] [data-part=input]{cursor:not-allowed}[data-ui=rating] [data-part=value]{font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);white-space:nowrap}[data-ui=rating] [data-part=count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating][data-part=root]:has([data-part=input])>[data-part=value]{color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-regular, 400);min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:normal}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled))>[data-part=value]{color:var(--slotted-text, CanvasText)}[data-ui=rating][data-part=root][data-disabled]>[data-part=value]{color:var(--slotted-disabled-foreground)}@supports (text-box: trim-both cap alphabetic){[data-ui=rating][data-part=root]>:is([data-part=value],[data-part=count]),[data-ui=rating] [data-part=level-count],[data-ui=rating] [data-part=level-label]>span:not([data-ui]){text-box:trim-both cap alphabetic}}[data-ui=rating][data-part=root][data-variant=compact]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=compact] [data-part=item]{--_fill: 1}[data-ui=rating][data-part=root][data-variant=summary]{--_bar: var(--slotted-rating-bar-size, var(--slotted-space-4, .5rem));align-items:start;display:flex;gap:var(--slotted-space-8, 1.5rem) var(--slotted-space-9, 2rem);inline-size:100%}[data-ui=rating] [data-part=aggregate]{align-content:start;column-gap:var(--slotted-space-3, .375rem);display:grid;flex:0 0 auto;grid-template-columns:auto 1fr;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=aggregate]>[data-part=value]{align-self:baseline;font-size:var(--slotted-font-size-4xl, 2rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-4xl, 1.2)}[data-ui=rating] [data-part=scale]{align-self:baseline;color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=aggregate]>:not([data-part=value],[data-part=scale]){grid-column:1 / -1}[data-ui=rating] [data-part=aggregate]>[data-part=count]{white-space:normal}[data-ui=rating] [data-part=distribution]{display:grid;flex:1 1 15rem;grid-template-columns:auto minmax(4rem,1fr) auto;list-style:none;margin:0;min-inline-size:0;padding:0;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=distribution]>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=rating] [data-part=level]{align-items:center;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;column-gap:var(--slotted-space-5, .75rem);display:grid;font:inherit;grid-column:1 / -1;grid-template-columns:subgrid;margin:0;min-block-size:var(--slotted-control-height-sm, 30px);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=level]{cursor:pointer}[data-ui=rating] button[data-part=level]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=level]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=level]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating] [data-part=level][data-pressed]{background-color:var(--slotted-tone-warning-surface);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-tone-warning-border)}[data-ui=rating] [data-part=level][data-pressed] [data-part=level-count]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] button[data-part=level]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui=rating] [data-part=level-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating] [data-part=level-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=level-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=track]{background-color:var(--_off);block-size:var(--_bar);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);border-radius:var(--slotted-radius-full, 9999px);overflow:hidden}[data-ui=rating] [data-part=indicator]{background-color:var(--slotted-rating-bar-color, var(--_on));block-size:100%;border-radius:inherit;display:block;inline-size:calc(var(--slotted-rating-share, 0) * 100%);transition:inline-size var(--slotted-duration-long) var(--slotted-easing-enter)}@starting-style{[data-ui=rating] [data-part=indicator]{inline-size:0}}[data-ui=rating] [data-part=level-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;justify-self:end;white-space:nowrap}[data-ui=rating][data-disabled] [data-part=indicator],[data-ui=rating] button[data-part=level]:disabled [data-part=indicator]{background-color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-variant=spectrum]{--_g: var(--slotted-space-3, .375rem);--_plot: var(--slotted-space-12, 4rem);--_col: calc((100% - 4 * var(--_g)) / 5);--_mean: var(--slotted-rating-mean, 3);--_low: var(--slotted-rating-low, var(--_mean));--_high: var(--slotted-rating-high, var(--_mean));display:grid;gap:var(--slotted-space-6, 1rem);inline-size:100%}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]>[data-part=count]{color:var(--slotted-text-muted, GrayText);flex-basis:100%}[data-ui=rating] [data-part=insight]{align-self:center;background-color:var(--_tint-surface);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_tint-border);color:var(--_tint-text);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);margin-inline-start:auto;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);white-space:nowrap}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=success]{--_tint-surface: var(--slotted-tone-success-surface);--_tint-border: var(--slotted-tone-success-border);--_tint-text: var(--slotted-tone-success-text);--_mark: var(--slotted-tone-success-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=warning]{--_tint-surface: var(--slotted-tone-warning-surface);--_tint-border: var(--slotted-tone-warning-border);--_tint-text: var(--slotted-tone-warning-text);--_mark: var(--slotted-tone-warning-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=secondary]{--_tint-surface: var(--slotted-tone-secondary-surface);--_tint-border: var(--slotted-tone-secondary-border);--_tint-text: var(--slotted-text-muted, GrayText);--_mark: var(--slotted-tone-secondary-border)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=danger]{--_tint-surface: var(--slotted-tone-danger-surface);--_tint-border: var(--slotted-tone-danger-border);--_tint-text: var(--slotted-tone-danger-text);--_mark: var(--slotted-tone-danger-solid)}[data-ui=rating] [data-part=plot]{display:grid;row-gap:var(--slotted-space-3, .375rem)}[data-ui=rating] [data-part=field]{block-size:var(--_plot);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);margin-block-start:var(--slotted-space-7, 1.25rem);position:relative}[data-ui=rating] :is([data-part=columns],[data-part=axis]){column-gap:var(--_g);display:grid;grid-template-columns:repeat(5,1fr)}[data-ui=rating] [data-part=columns]{block-size:100%;isolation:isolate;position:relative;z-index:1}[data-ui=rating] [data-part=column]{align-items:end;background-color:transparent;border:0;border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);display:flex;justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=column]{cursor:pointer}[data-ui=rating] button[data-part=column]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=column]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=rating] [data-part=column]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-space-1, .125rem),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:min(100%,var(--slotted-space-10, 2.5rem));transition:block-size var(--slotted-duration-long) var(--slotted-easing-enter),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@starting-style{[data-ui=rating] [data-part=column]>[data-part=bar]{block-size:0}}[data-ui=rating] [data-part=columns]:has([data-pressed]) [data-part=column]:not([data-pressed])>[data-part=bar]{background-color:var(--_off)}[data-ui=rating] :is([data-part=interval],[data-part=mean]){pointer-events:none;position:absolute}[data-ui=rating] [data-part=interval]{background-color:color-mix(in oklab,var(--slotted-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);border-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:max(var(--slotted-space-1, .125rem),calc((var(--_high) - var(--_low)) * (var(--_col) + var(--_g))));inset-block:0;inset-inline-start:calc(var(--_col) / 2 + (var(--_low) - 1) * (var(--_col) + var(--_g)));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard),inline-size var(--slotted-duration-long) var(--slotted-easing-standard);z-index:0}[data-ui=rating] [data-part=mean]{border-inline-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-text);inset-block:calc(-1 * var(--slotted-space-5, .75rem)) 0;inset-inline-start:calc(var(--_col) / 2 + (var(--_mean) - 1) * (var(--_col) + var(--_g)) - var(--slotted-border-width-thin, 1px));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard);z-index:2}[data-ui=rating] [data-part=mean-label]{background-color:var(--slotted-surface-inverse);border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-text-inverse);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:100%;inset-inline-start:0;line-height:var(--slotted-line-height-xs, 1.4);padding-inline:var(--slotted-space-3, .375rem);position:absolute;translate:-50% 0;white-space:nowrap}[data-ui=rating][data-part=root]:dir(rtl) [data-part=mean-label]{translate:50% 0}[data-ui=rating] [data-part=tick]{display:grid;justify-items:center;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=tick-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=tick-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=tick-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=tick-share]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=sentiment]{color:var(--slotted-text-muted, GrayText);column-gap:var(--slotted-space-6, 1rem);display:flex;flex-wrap:wrap;margin:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=bucket]{align-items:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex}[data-ui=rating] [data-part=bucket]>strong{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] [data-part=swatch]{background-color:var(--_mark);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);flex:none;inline-size:var(--slotted-space-4, .5rem)}[data-ui=rating][data-part=root][data-variant=histogram]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=histogram] [data-part=item]{--_fill: 1}[data-ui=rating] [data-part=histogram]{align-items:end;block-size:calc(1cap + .5em);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-strong);column-gap:var(--slotted-border-width-thin, 1px);display:inline-grid;grid-template-columns:repeat(5,var(--slotted-space-2, .25rem));margin-inline:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=histogram]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-border-width-thin, 1px),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge)}@media(pointer:coarse){[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_box: max(var(--slotted-target-comfortable, 44px), var(--_symbol))}[data-ui=rating] [data-part=level]{min-block-size:var(--slotted-target-comfortable, 44px)}}@media(forced-colors:active){[data-ui=rating][data-part=root]{--_on: CanvasText;--_off: Canvas;--_edge: CanvasText;--_off-edge: CanvasText}[data-ui=rating][data-part=root][data-disabled]{--_on: GrayText;--_edge: GrayText;--_off-edge: GrayText}[data-ui=rating] [data-part=track]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] :is([data-part=insight],[data-part=swatch]){border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] [data-part=column][data-pressed],[data-ui=rating] [data-part=level][data-pressed]{outline:var(--slotted-border-width-thick, 2px) solid Highlight}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){outline-color:Highlight}}}\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"] }, { kind: "component", type: SlRatingDisplay, selector: "div[slRatingDisplay]", inputs: ["value", "max", "size", "tone", "variant", "count", "distribution", "showValue", "messages", "locale"], exportAs: ["slRatingDisplay"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlRatingSummary, decorators: [{
+            type: Component,
+            args: [{ selector: 'section[slRatingSummary]', standalone: true, exportAs: 'slRatingSummary', imports: [NgTemplateOutlet, SlGlyph, SlIcon, SlRatingDisplay], template: `<ng-template #levelLabel let-level
+      ><span data-part="level-label"
+        ><span>{{ level }}</span
+        ><span slIcon><svg slGlyph name="star"></svg></span></span
+    ></ng-template>
+    <div data-part="aggregate">
+      @if (summary().total > 0) {
+        <span data-part="value">{{ averageText() }}</span>
+        <span data-part="scale">{{ scaleText() }}</span>
+      }
+      @if (insight(); as conclusion) {
+        <span data-part="insight" [attr.data-tone]="conclusion.tone">{{ conclusion.text }}</span>
+      }
+      @if (resolvedVariant() === 'bars') {
+        <div
+          slRatingDisplay
+          size="sm"
+          [tone]="resolvedTone()"
+          [value]="summary().average ?? 0"
+          [max]="resolvedMax()"
+          [showValue]="false"
+          [messages]="messages()"
+          [locale]="resolvedLocale()"
+        ></div>
+      }
+      <span data-part="count">{{ countText() }}</span>
+    </div>
+    @if (resolvedVariant() === 'bars') {
+      <ul data-part="distribution" [attr.aria-label]="t('distributionLabel')">
+        @for (level of highestFirst(); track level.level) {
+          <li>
+            @if (filterable()) {
+              <button
+                data-part="level"
+                type="button"
+                [attr.aria-pressed]="level.pressed ? 'true' : 'false'"
+                [attr.data-pressed]="level.pressed ? '' : null"
+                [attr.aria-label]="level.label"
+                [attr.disabled]="level.count === 0 ? '' : null"
+                (click)="toggle(level.level, $event)"
+              >
+                <ng-container *ngTemplateOutlet="levelBody; context: { $implicit: level }" />
+              </button>
+            } @else {
+              <div data-part="level" role="group" [attr.aria-label]="level.label">
+                <ng-container *ngTemplateOutlet="levelBody; context: { $implicit: level }" />
+              </div>
+            }
+          </li>
+        }
+      </ul>
+      <ng-template #levelBody let-level
+        ><ng-container *ngTemplateOutlet="levelLabel; context: { $implicit: level.level }" /><span
+          data-part="track"
+          aria-hidden="true"
+          ><span data-part="indicator" [style.--slotted-rating-share]="level.share"></span></span
+        ><span data-part="level-count">{{ level.countText }}</span></ng-template
+      >
+    } @else {
+      <div data-part="plot">
+        <div data-part="field">
+          <div data-part="columns">
+            @for (level of lowestFirst(); track level.level) {
+              @if (filterable()) {
+                <button
+                  data-part="column"
+                  type="button"
+                  [attr.aria-pressed]="level.pressed ? 'true' : 'false'"
+                  [attr.data-pressed]="level.pressed ? '' : null"
+                  [attr.aria-label]="level.label"
+                  [attr.disabled]="level.count === 0 ? '' : null"
+                  [style.--slotted-rating-share]="level.peak"
+                  (click)="toggle(level.level, $event)"
+                >
+                  <span data-part="bar"></span>
+                </button>
+              } @else {
+                <div
+                  data-part="column"
+                  role="group"
+                  [attr.aria-label]="level.label"
+                  [style.--slotted-rating-share]="level.peak"
+                >
+                  <span data-part="bar"></span>
+                </div>
+              }
+            }
+          </div>
+          @if (summary().total > 0) {
+            <span data-part="interval" aria-hidden="true"></span>
+            <span data-part="mean" aria-hidden="true"
+              ><span data-part="mean-label">{{ averageText() }}</span></span
+            >
+          }
+        </div>
+        <div data-part="axis" aria-hidden="true">
+          @for (level of lowestFirst(); track level.level) {
+            <span data-part="tick"
+              ><ng-container
+                *ngTemplateOutlet="levelLabel; context: { $implicit: level.level }"
+              /><span data-part="tick-share">{{ level.shareText }}</span></span
+            >
+          }
+        </div>
+      </div>
+      @if (summary().total > 0) {
+        <p data-part="sentiment">
+          @for (bucket of buckets(); track bucket.key) {
+            <span data-part="bucket" [attr.data-tone]="bucket.tone"
+              ><span data-part="swatch" aria-hidden="true"></span>{{ bucket.before
+              }}<strong>{{ bucket.share }}</strong
+              >{{ bucket.after }}</span
+            >
+          }
+        </p>
+      }
+    }`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
+                        'data-ui': 'rating',
+                        'data-part': 'root',
+                        '[attr.data-variant]': "resolvedVariant() === 'bars' ? 'summary' : 'spectrum'",
+                        '[attr.data-size]': 'resolvedSize()',
+                        '[attr.data-tone]': 'resolvedTone()',
+                        '[style.--slotted-rating-mean]': 'meanProperties()?.mean ?? null',
+                        '[style.--slotted-rating-low]': 'meanProperties()?.low ?? null',
+                        '[style.--slotted-rating-high]': 'meanProperties()?.high ?? null',
+                    }, styles: ["@layer slotted.components{[data-ui=rating][data-part=root]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-7, 1.25rem));--_font-size: var(--slotted-control-font-size-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_on: var(--slotted-rating-lit-color, var(--slotted-tone-warning-solid));--_off: var(--slotted-rating-empty-color, var(--slotted-tone-secondary-surface));--_edge: var(--slotted-rating-edge, transparent);--_off-edge: var(--_edge);--_stroke: 1.5;--_halo: var(--slotted-rating-hover-background, var(--slotted-tone-secondary-subtle-hover));--_halo-active: var( --slotted-rating-active-background, var(--slotted-tone-secondary-subtle-active) );align-items:center;color:var(--slotted-text, CanvasText);column-gap:var(--_gap);display:inline-flex;flex-wrap:wrap;row-gap:var(--slotted-space-3, .375rem);font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);line-height:var(--slotted-line-height-md, 1.5);max-inline-size:100%;vertical-align:middle}[data-ui=rating][data-part=root][data-size=sm]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-6, 1rem));--_font-size: var(--slotted-control-font-size-sm, 12px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=rating][data-part=root][data-size=lg]{--_symbol: var(--slotted-rating-symbol-size, var(--slotted-space-8, 1.5rem));--_font-size: var(--slotted-control-font-size-lg, 14px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=rating][data-part=root][data-tone=accent]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-accent-solid))}[data-ui=rating][data-part=root][data-tone=success]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-success-solid))}[data-ui=rating][data-part=root][data-tone=danger]{--_on: var(--slotted-rating-lit-color, var(--slotted-tone-danger-solid))}[data-ui=rating] [data-part=symbols]{column-gap:var(--slotted-rating-gap, var(--slotted-space-1, .125rem));display:flex;flex:0 1 auto;min-inline-size:0}[data-ui=rating] [data-part=symbols]:has([data-part=input]){column-gap:0;touch-action:pan-y}[data-ui=rating] [data-part=item]{--_fill: var(--slotted-rating-fill, 0);--_fill-easing: var(--slotted-easing-exit);--_box: var(--_symbol);--_air: 0px;aspect-ratio:1;container-type:inline-size;display:grid;flex:0 1 auto;inline-size:var(--_box);min-inline-size:calc(var(--_symbol) / 2);isolation:isolate;place-items:center;position:relative}[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_air: var(--slotted-space-1, .125rem);--_box: max(var(--slotted-target-min, 24px), calc(var(--_symbol) + 2 * var(--_air)));min-inline-size:var(--slotted-target-min, 24px)}[data-ui=rating] :is([data-part=symbol],[data-part=fill]){--_drawn: min(var(--_symbol), 100cqi - 2 * var(--_air));--slotted-icon-size: var(--_drawn);block-size:var(--_drawn);display:flex;grid-area:1 / 1;inline-size:var(--_drawn);pointer-events:none;transition:scale var(--slotted-duration-short) var(--slotted-easing-standard);z-index:2}[data-ui=rating] :is([data-part=symbol],[data-part=fill]) svg{stroke-width:var(--_stroke);transition:fill var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),stroke var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] [data-part=symbol] svg{fill:var(--_off);stroke:var(--_off-edge)}[data-ui=rating] [data-part=fill]{clip-path:inset(0 calc((1 - var(--_fill)) * 100%) 0 0);transition:scale var(--slotted-duration-short) var(--slotted-easing-standard),clip-path var(--slotted-duration-medium) var(--_fill-easing)}[data-ui=rating][data-part=root]:dir(rtl) [data-part=fill]{clip-path:inset(0 0 0 calc((1 - var(--_fill)) * 100%))}[data-ui=rating] [data-part=fill] svg{fill:var(--_on);stroke:var(--_edge)}[data-ui=rating] [data-part=input]{appearance:none;background-color:transparent;block-size:100%;border:0;border-radius:var(--slotted-radius-full, 9999px);cursor:pointer;inline-size:100%;inset:0;margin:0;outline:none;position:absolute;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:0}[data-ui=rating] [data-part=input][data-half]{border-end-end-radius:0;border-start-end-radius:0;inline-size:50%;inset-inline-end:auto;z-index:1}[data-ui=rating] [data-part=item]:has(~[data-part=item]>[data-part=input]:checked),[data-ui=rating] [data-part=item]:has(>[data-part=input]:not([data-half]):checked){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating] [data-part=item]:has(>[data-part=input][data-half]:checked){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]{--_fill: 0;--_fill-easing: var(--slotted-easing-exit)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled)) [data-part=item]:is(:has(~[data-part=item]>[data-part=input]:hover:not(:disabled)),:has(>[data-part=input]:not([data-half]):hover:not(:disabled))){--_fill: 1;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input][data-half]:hover:not(:disabled)){--_fill: .5;--_fill-easing: var(--slotted-easing-enter)}[data-ui=rating][data-part=root][data-dragging] [data-part=fill]{transition-duration:var(--slotted-duration-instant)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=input]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]) [data-part=item]:has(>[data-part=input]:active:not(:disabled))>:is([data-part=symbol],[data-part=fill]){scale:.94}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){border-radius:var(--slotted-radius-full, 9999px);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating][data-part=root][data-invalid]{--_off: var(--slotted-rating-invalid-color, var(--slotted-tone-danger-surface));--_off-edge: var(--slotted-tone-danger-border);--slotted-focus-ring-color: var(--slotted-focus-ring-color-invalid)}[data-ui=rating][data-part=root][data-invalid] [data-part=symbol] svg{stroke-width:calc(var(--_stroke) * 1px + var(--slotted-rating-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px)))}[data-ui=rating][data-part=root][data-readonly] [data-part=input]{cursor:default}[data-ui=rating][data-part=root][data-disabled]{--_on: var(--slotted-disabled-foreground);--_off: var(--slotted-disabled-background);color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-disabled] [data-part=input]{cursor:not-allowed}[data-ui=rating] [data-part=value]{font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);white-space:nowrap}[data-ui=rating] [data-part=count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating][data-part=root]:has([data-part=input])>[data-part=value]{color:var(--slotted-text-muted, GrayText);font-weight:var(--slotted-font-weight-regular, 400);min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);white-space:normal}[data-ui=rating][data-part=root]:not([data-readonly],[data-disabled]):has([data-part=input]:hover:not(:disabled))>[data-part=value]{color:var(--slotted-text, CanvasText)}[data-ui=rating][data-part=root][data-disabled]>[data-part=value]{color:var(--slotted-disabled-foreground)}@supports (text-box: trim-both cap alphabetic){[data-ui=rating][data-part=root]>:is([data-part=value],[data-part=count]),[data-ui=rating] [data-part=level-count],[data-ui=rating] [data-part=level-label]>span:not([data-ui]){text-box:trim-both cap alphabetic}}[data-ui=rating][data-part=root][data-variant=compact]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=compact] [data-part=item]{--_fill: 1}[data-ui=rating][data-part=root][data-variant=summary]{--_bar: var(--slotted-rating-bar-size, var(--slotted-space-4, .5rem));align-items:start;display:flex;gap:var(--slotted-space-8, 1.5rem) var(--slotted-space-9, 2rem);inline-size:100%}[data-ui=rating] [data-part=aggregate]{align-content:start;column-gap:var(--slotted-space-3, .375rem);display:grid;flex:0 0 auto;grid-template-columns:auto 1fr;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=aggregate]>[data-part=value]{align-self:baseline;font-size:var(--slotted-font-size-4xl, 2rem);font-weight:var(--slotted-font-weight-semibold, 600);line-height:var(--slotted-line-height-4xl, 1.2)}[data-ui=rating] [data-part=scale]{align-self:baseline;color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=aggregate]>:not([data-part=value],[data-part=scale]){grid-column:1 / -1}[data-ui=rating] [data-part=aggregate]>[data-part=count]{white-space:normal}[data-ui=rating] [data-part=distribution]{display:grid;flex:1 1 15rem;grid-template-columns:auto minmax(4rem,1fr) auto;list-style:none;margin:0;min-inline-size:0;padding:0;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=distribution]>li{display:grid;grid-column:1 / -1;grid-template-columns:subgrid}[data-ui=rating] [data-part=level]{align-items:center;background-color:transparent;border:0;border-radius:var(--slotted-radius-sm, 4px);color:inherit;column-gap:var(--slotted-space-5, .75rem);display:grid;font:inherit;grid-column:1 / -1;grid-template-columns:subgrid;margin:0;min-block-size:var(--slotted-control-height-sm, 30px);padding-block:0;padding-inline:var(--slotted-space-3, .375rem);text-align:start;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=level]{cursor:pointer}[data-ui=rating] button[data-part=level]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=level]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=level]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px))}[data-ui=rating] [data-part=level][data-pressed]{background-color:var(--slotted-tone-warning-surface);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--slotted-tone-warning-border)}[data-ui=rating] [data-part=level][data-pressed] [data-part=level-count]{color:var(--slotted-text, CanvasText);font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] button[data-part=level]:disabled{color:var(--slotted-disabled-foreground);cursor:default}[data-ui=rating] [data-part=level-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=rating] [data-part=level-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=level-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=track]{background-color:var(--_off);block-size:var(--_bar);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);border-radius:var(--slotted-radius-full, 9999px);overflow:hidden}[data-ui=rating] [data-part=indicator]{background-color:var(--slotted-rating-bar-color, var(--_on));block-size:100%;border-radius:inherit;display:block;inline-size:calc(var(--slotted-rating-share, 0) * 100%);transition:inline-size var(--slotted-duration-long) var(--slotted-easing-enter)}@starting-style{[data-ui=rating] [data-part=indicator]{inline-size:0}}[data-ui=rating] [data-part=level-count]{color:var(--slotted-text-muted, GrayText);font-variant-numeric:tabular-nums;justify-self:end;white-space:nowrap}[data-ui=rating][data-disabled] [data-part=indicator],[data-ui=rating] button[data-part=level]:disabled [data-part=indicator]{background-color:var(--slotted-disabled-foreground)}[data-ui=rating][data-part=root][data-variant=spectrum]{--_g: var(--slotted-space-3, .375rem);--_plot: var(--slotted-space-12, 4rem);--_col: calc((100% - 4 * var(--_g)) / 5);--_mean: var(--slotted-rating-mean, 3);--_low: var(--slotted-rating-low, var(--_mean));--_high: var(--slotted-rating-high, var(--_mean));display:grid;gap:var(--slotted-space-6, 1rem);inline-size:100%}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]{align-items:baseline;column-gap:var(--slotted-space-3, .375rem);display:flex;flex-wrap:wrap;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-variant=spectrum]>[data-part=aggregate]>[data-part=count]{color:var(--slotted-text-muted, GrayText);flex-basis:100%}[data-ui=rating] [data-part=insight]{align-self:center;background-color:var(--_tint-surface);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_tint-border);color:var(--_tint-text);font-size:var(--slotted-font-size-xs, .75rem);font-weight:var(--slotted-font-weight-medium, 500);margin-inline-start:auto;padding-block:var(--slotted-space-1, .125rem);padding-inline:var(--slotted-space-4, .5rem);white-space:nowrap}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=success]{--_tint-surface: var(--slotted-tone-success-surface);--_tint-border: var(--slotted-tone-success-border);--_tint-text: var(--slotted-tone-success-text);--_mark: var(--slotted-tone-success-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=warning]{--_tint-surface: var(--slotted-tone-warning-surface);--_tint-border: var(--slotted-tone-warning-border);--_tint-text: var(--slotted-tone-warning-text);--_mark: var(--slotted-tone-warning-solid)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=secondary]{--_tint-surface: var(--slotted-tone-secondary-surface);--_tint-border: var(--slotted-tone-secondary-border);--_tint-text: var(--slotted-text-muted, GrayText);--_mark: var(--slotted-tone-secondary-border)}[data-ui=rating] :is([data-part=insight],[data-part=bucket])[data-tone=danger]{--_tint-surface: var(--slotted-tone-danger-surface);--_tint-border: var(--slotted-tone-danger-border);--_tint-text: var(--slotted-tone-danger-text);--_mark: var(--slotted-tone-danger-solid)}[data-ui=rating] [data-part=plot]{display:grid;row-gap:var(--slotted-space-3, .375rem)}[data-ui=rating] [data-part=field]{block-size:var(--_plot);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-subtle);margin-block-start:var(--slotted-space-7, 1.25rem);position:relative}[data-ui=rating] :is([data-part=columns],[data-part=axis]){column-gap:var(--_g);display:grid;grid-template-columns:repeat(5,1fr)}[data-ui=rating] [data-part=columns]{block-size:100%;isolation:isolate;position:relative;z-index:1}[data-ui=rating] [data-part=column]{align-items:end;background-color:transparent;border:0;border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);display:flex;justify-content:center;margin:0;padding:0;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=rating] button[data-part=column]{cursor:pointer}[data-ui=rating] button[data-part=column]:hover:not(:disabled){background-color:var(--_halo)}[data-ui=rating] button[data-part=column]:active:not(:disabled){background-color:var(--_halo-active)}[data-ui=rating] button[data-part=column]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=rating] [data-part=column]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-space-1, .125rem),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-sm, 4px);border-start-start-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:min(100%,var(--slotted-space-10, 2.5rem));transition:block-size var(--slotted-duration-long) var(--slotted-easing-enter),background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}@starting-style{[data-ui=rating] [data-part=column]>[data-part=bar]{block-size:0}}[data-ui=rating] [data-part=columns]:has([data-pressed]) [data-part=column]:not([data-pressed])>[data-part=bar]{background-color:var(--_off)}[data-ui=rating] :is([data-part=interval],[data-part=mean]){pointer-events:none;position:absolute}[data-ui=rating] [data-part=interval]{background-color:color-mix(in oklab,var(--slotted-text) calc(var(--slotted-highlight-tint-opacity, .075) * 100%),transparent);border-radius:var(--slotted-radius-sm, 4px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);inline-size:max(var(--slotted-space-1, .125rem),calc((var(--_high) - var(--_low)) * (var(--_col) + var(--_g))));inset-block:0;inset-inline-start:calc(var(--_col) / 2 + (var(--_low) - 1) * (var(--_col) + var(--_g)));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard),inline-size var(--slotted-duration-long) var(--slotted-easing-standard);z-index:0}[data-ui=rating] [data-part=mean]{border-inline-start:var(--slotted-border-width-thick, 2px) solid var(--slotted-text);inset-block:calc(-1 * var(--slotted-space-5, .75rem)) 0;inset-inline-start:calc(var(--_col) / 2 + (var(--_mean) - 1) * (var(--_col) + var(--_g)) - var(--slotted-border-width-thin, 1px));transition:inset-inline-start var(--slotted-duration-long) var(--slotted-easing-standard);z-index:2}[data-ui=rating] [data-part=mean-label]{background-color:var(--slotted-surface-inverse);border-radius:var(--slotted-radius-full, 9999px);color:var(--slotted-text-inverse);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600);inset-block-end:100%;inset-inline-start:0;line-height:var(--slotted-line-height-xs, 1.4);padding-inline:var(--slotted-space-3, .375rem);position:absolute;translate:-50% 0;white-space:nowrap}[data-ui=rating][data-part=root]:dir(rtl) [data-part=mean-label]{translate:50% 0}[data-ui=rating] [data-part=tick]{display:grid;justify-items:center;row-gap:var(--slotted-space-1, .125rem)}[data-ui=rating] [data-part=tick-label]{--slotted-icon-size: var(--slotted-control-icon-size-sm, 14px);align-items:center;column-gap:var(--slotted-space-1, .125rem);display:inline-flex;font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=tick-label] svg{fill:currentColor;stroke-width:var(--_stroke)}[data-ui=rating] [data-part=tick-label]>[data-ui=icon]{color:var(--slotted-text-muted, GrayText)}[data-ui=rating] [data-part=tick-share]{color:var(--slotted-text-muted, GrayText);font-size:var(--slotted-font-size-xs, .75rem);font-variant-numeric:tabular-nums}[data-ui=rating] [data-part=sentiment]{color:var(--slotted-text-muted, GrayText);column-gap:var(--slotted-space-6, 1rem);display:flex;flex-wrap:wrap;margin:0;row-gap:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=bucket]{align-items:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex}[data-ui=rating] [data-part=bucket]>strong{color:var(--slotted-text, CanvasText);font-variant-numeric:tabular-nums;font-weight:var(--slotted-font-weight-semibold, 600)}[data-ui=rating] [data-part=swatch]{background-color:var(--_mark);block-size:var(--slotted-space-4, .5rem);border-radius:var(--slotted-radius-full, 9999px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge);flex:none;inline-size:var(--slotted-space-4, .5rem)}[data-ui=rating][data-part=root][data-variant=histogram]{column-gap:var(--slotted-space-2, .25rem)}[data-ui=rating][data-part=root][data-variant=histogram] [data-part=item]{--_fill: 1}[data-ui=rating] [data-part=histogram]{align-items:end;block-size:calc(1cap + .5em);border-block-end:var(--slotted-border-width-thin, 1px) solid var(--slotted-border-strong);column-gap:var(--slotted-border-width-thin, 1px);display:inline-grid;grid-template-columns:repeat(5,var(--slotted-space-2, .25rem));margin-inline:var(--slotted-space-2, .25rem)}[data-ui=rating] [data-part=histogram]>[data-part=bar]{background-color:var(--_on);block-size:max(min(var(--slotted-border-width-thin, 1px),var(--slotted-rating-share, 0) * 100rem),calc(var(--slotted-rating-share, 0) * 100%));border-start-end-radius:var(--slotted-radius-xs, 2px);border-start-start-radius:var(--slotted-radius-xs, 2px);box-shadow:inset 0 0 0 var(--slotted-border-width-thin, 1px) var(--_edge)}@media(pointer:coarse){[data-ui=rating] [data-part=item]:has(>[data-part=input]){--_box: max(var(--slotted-target-comfortable, 44px), var(--_symbol))}[data-ui=rating] [data-part=level]{min-block-size:var(--slotted-target-comfortable, 44px)}}@media(forced-colors:active){[data-ui=rating][data-part=root]{--_on: CanvasText;--_off: Canvas;--_edge: CanvasText;--_off-edge: CanvasText}[data-ui=rating][data-part=root][data-disabled]{--_on: GrayText;--_edge: GrayText;--_off-edge: GrayText}[data-ui=rating] [data-part=track]{border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] :is([data-part=insight],[data-part=swatch]){border:var(--slotted-border-width-thin, 1px) solid CanvasText}[data-ui=rating] [data-part=column][data-pressed],[data-ui=rating] [data-part=level][data-pressed]{outline:var(--slotted-border-width-thick, 2px) solid Highlight}[data-ui=rating] [data-part=item]:has(>[data-part=input]:focus-visible){outline-color:Highlight}}}\n"] }]
+        }], propDecorators: { counts: [{ type: i0.Input, args: [{ isSignal: true, alias: "counts", required: true }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], filterable: [{ type: i0.Input, args: [{ isSignal: true, alias: "filterable", required: false }] }], selectedLevels: [{ type: i0.Input, args: [{ isSignal: true, alias: "selectedLevels", required: false }] }, { type: i0.Output, args: ["selectedLevelsChange"] }], insightThresholds: [{ type: i0.Input, args: [{ isSignal: true, alias: "insightThresholds", required: false }] }], showInsight: [{ type: i0.Input, args: [{ isSignal: true, alias: "showInsight", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], selectedLevelsChangeRequest: [{ type: i0.Output, args: ["selectedLevelsChangeRequest"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SL_RATING_DEFAULTS, SlRating, SlRatingCaption, SlRatingDisplay, SlRatingIdFactory, SlRatingSummary, SlRatingSymbol, injectRatingDefaults, provideRating };
+//# sourceMappingURL=slotted-angular-rating.mjs.map