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

package/fesm2022/slotted-angular-segmented-control.mjs

@@ -0,0 +1,454 @@
+import { createControllable } from '@slotted/core/state';
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, Injectable, input, booleanAttribute, output, HostAttributeToken, signal, computed, forwardRef, ViewEncapsulation, ChangeDetectionStrategy, Component, Directive, viewChild, DestroyRef } 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';
+
+const FALLBACK = {
+    condense: 'none',
+    fullWidth: false,
+    orientation: 'horizontal',
+    size: 'md',
+};
+const SEGMENTED_CONTROL_DEFAULTS = new InjectionToken('slotted segmented control defaults', { providedIn: 'root', factory: () => FALLBACK });
+/**
+ * An application decides once how its segmented controls are drawn, rather
+ * than repeating the same inputs on every one of them. A control that states
+ * any of them itself still wins, and a field around it outranks this token for
+ * `size`.
+ */
+function provideSegmentedControlDefaults(defaults) {
+    return {
+        provide: SEGMENTED_CONTROL_DEFAULTS,
+        useFactory: () => ({ ...FALLBACK, ...defaults }),
+    };
+}
+/** What a segmented control renders as here, before it states anything of its own. */
+function injectSegmentedControlDefaults() {
+    return inject(SEGMENTED_CONTROL_DEFAULTS);
+}
+/**
+ * Application-scoped rather than module-scoped, for the reason `field`
+ * records: a module-level counter produces colliding sequences when two
+ * applications render in one server process, and the server and the client
+ * sequences must match for hydration.
+ *
+ * It answers for the control's generated `name` as well as for each segment's
+ * identifier, because both have to be stable across the two renders.
+ */
+class SlSegmentedControlIdFactory {
+    count = 0;
+    next() {
+        this.count += 1;
+        return `slotted-segmented-control-${this.count}`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSegmentedControlIdFactory, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSegmentedControlIdFactory, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSegmentedControlIdFactory, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+/**
+ * One choice out of a few, applied at once, on a track.
+ *
+ * **The keyboard is the platform's, and that is why the segments share a
+ * `name`.** Native radios in one form owner with one name already implement
+ * the APG's Radio Group table: Tab lands on the checked segment or on the
+ * first, `Space` checks, both arrow axes move focus and the selection
+ * together, the set wraps, and disabled segments are skipped — in a
+ * right-to-left document too.
+ *
+ * **The role is conditional, and the condition is the field group.** A
+ * `field-group` is a `fieldset` with a `legend`, which is already a named
+ * group; a `radiogroup` inside it is the same set announced twice. A `role`
+ * the consumer wrote wins over both.
+ *
+ * **`readOnly` is enforced, because the platform has none.** A radio ignores
+ * `readonly`, so the control refuses the change on the segment's own `click` —
+ * the one event a pointer and `Space` share — and announces `aria-readonly`.
+ *
+ * **The thumb's place is the checked index, and the count is how many
+ * segments registered.** Both are written as custom properties on the host, so
+ * the stylesheet needs no measurement: the thumb is one column wide and moves
+ * by its own width times the index.
+ */
+class SlSegmentedControl {
+    /** Present means the consumer owns the choice. */
+    value = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** The value an uncontrolled control starts from, read once. */
+    defaultValue = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultValue" }] : /* istanbul ignore next */ []));
+    /**
+     * The submission name the segments share, and the reason the platform
+     * treats them as one radio group. Generated when it is not written, because
+     * grouping is by name within the form owner and an unnamed set is not a set.
+     */
+    name = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
+    size = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    orientation = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    condense = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "condense" }] : /* istanbul ignore next */ []));
+    fullWidth = input(undefined, { ...(ngDevMode ? { debugName: "fullWidth" } : /* istanbul ignore next */ {}), transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
+    /** Unstated rather than `false`, so the control defers to the field around it. */
+    disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
+    readOnly = input(undefined, { ...(ngDevMode ? { debugName: "readOnly" } : /* istanbul ignore next */ {}), transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
+    invalid = input(undefined, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
+    required = input(undefined, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
+    /**
+     * One output for one transition. Its `previous` is `undefined` while nothing
+     * has been chosen, which a request typed over `string` alone could not say.
+     */
+    valueChange = output();
+    field = inject(SlField, { optional: true });
+    fieldGroup = inject(SlFieldGroup, { optional: true });
+    defaults = injectSegmentedControlDefaults();
+    generatedName = inject(SlSegmentedControlIdFactory).next();
+    writtenRole = inject(new HostAttributeToken('role'), { optional: true });
+    writtenDescribedBy = inject(new HostAttributeToken('aria-describedby'), {
+        optional: true,
+    });
+    segments = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "segments" }] : /* istanbul ignore next */ []));
+    own = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "own" }] : /* istanbul ignore next */ []));
+    formDisabled = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []));
+    onChangeFn = () => undefined;
+    onTouchedFn = () => undefined;
+    selection = computed(() => this.value() ?? this.own(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selection" }] : /* istanbul ignore next */ []));
+    resolvedName = computed(() => this.name() ?? this.generatedName, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedName" }] : /* istanbul ignore next */ []));
+    /** How many segments the track holds, and which of them is checked. */
+    count = computed(() => this.segments().length, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "count" }] : /* istanbul ignore next */ []));
+    checkedIndex = computed(() => {
+        const current = this.selection();
+        if (current === undefined)
+            return -1;
+        return this.segments().findIndex((segment) => segment.value() === current);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "checkedIndex" }] : /* istanbul ignore next */ []));
+    indexProperty = computed(() => {
+        const index = this.checkedIndex();
+        return index < 0 ? null : index;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "indexProperty" }] : /* istanbul ignore next */ []));
+    resolvedSize = computed(() => this.size() ??
+        this.field?.resolvedSize() ??
+        this.fieldGroup?.resolvedSize() ??
+        this.defaults.size, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
+    resolvedOrientation = computed(() => this.orientation() ?? this.defaults.orientation, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedOrientation" }] : /* istanbul ignore next */ []));
+    resolvedCondense = computed(() => this.condense() ?? this.defaults.condense, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedCondense" }] : /* istanbul ignore next */ []));
+    resolvedFullWidth = computed(() => this.fullWidth() ?? this.defaults.fullWidth, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedFullWidth" }] : /* 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 */ []));
+    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 */ []));
+    ariaInvalid = computed(() => this.resolvedInvalid() === true ? 'true' : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaInvalid" }] : /* istanbul ignore next */ []));
+    ariaReadOnly = computed(() => this.resolvedReadOnly() === true ? 'true' : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaReadOnly" }] : /* istanbul ignore next */ []));
+    ariaRequired = computed(() => this.resolvedRequired() === true ? 'true' : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaRequired" }] : /* istanbul ignore next */ []));
+    /**
+     * Only where the root owns the role, and only when the set flows the way
+     * `radiogroup` does not already imply.
+     */
+    ariaOrientation = computed(() => this.resolvedRole() === 'radiogroup' && this.resolvedOrientation() === 'horizontal'
+        ? 'horizontal'
+        : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ariaOrientation" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        if (this.value() === undefined)
+            this.own.set(this.defaultValue());
+    }
+    /** A segment joins the set, in the order the template holds it. */
+    register(segment) {
+        this.segments.update((current) => [...current, segment]);
+    }
+    /** A segment leaves the set. */
+    unregister(segment) {
+        this.segments.update((current) => current.filter((entry) => entry !== segment));
+    }
+    /**
+     * Writes every segment's element from the value.
+     *
+     * The HTML standard's canceled activation behaviour for a radio restores the
+     * *clicked* element and nothing else, so the option that was chosen before
+     * the refused click stays unchecked. Angular writes a property binding only
+     * when its value changes, and the neighbour's did not — the correction is
+     * made here, which is the defect `radio-group` measured first.
+     */
+    restoreElements() {
+        for (const segment of this.segments())
+            segment.syncElement();
+    }
+    /** Whether one value is the chosen one. Read by every segment in the set. */
+    holds(value) {
+        return this.selection() === value;
+    }
+    /**
+     * Asks the control to move to one value. Returns whether the value actually
+     * moved — false while a consumer owns it, which is what tells the segment to
+     * refuse the activation and let the platform put the element back.
+     */
+    select(value, reason, source) {
+        if (this.resolvedReadOnly() === true)
+            return false;
+        let cancelled = false;
+        const state = createControllable({
+            controlled: this.value(),
+            initial: this.selection(),
+            onRequest: (request) => {
+                this.valueChange.emit(request);
+                cancelled = request.cancelled;
+            },
+        });
+        const moved = state.request(value, reason, source);
+        if (cancelled || !moved)
+            return false;
+        this.own.set(value);
+        this.onChangeFn(value);
+        return true;
+    }
+    writeValue(value) {
+        this.own.set(value ?? undefined);
+    }
+    registerOnChange(fn) {
+        this.onChangeFn = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouchedFn = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.formDisabled.set(isDisabled);
+    }
+    /** Marks the set touched, which a segment calls when it loses focus. */
+    markTouched() {
+        this.onTouchedFn();
+    }
+    /**
+     * The control owns validity over the set, which no single segment can see:
+     * "choose one" is a fact about the set and not about any one option.
+     */
+    validate(control) {
+        if (this.resolvedRequired() !== true)
+            return null;
+        const value = control.value;
+        return value === null || value === undefined || value === '' ? { required: true } : null;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSegmentedControl, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlSegmentedControl, isStandalone: true, selector: "[slSegmentedControl]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, condense: { classPropertyName: "condense", publicName: "condense", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", 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 } }, outputs: { valueChange: "valueChange" }, host: { attributes: { "data-ui": "segmented-control", "data-part": "root" }, properties: { "attr.role": "resolvedRole()", "attr.data-size": "resolvedSize()", "attr.data-orientation": "resolvedOrientation()", "attr.data-condense": "resolvedCondense()", "attr.data-full-width": "resolvedFullWidth() ? '' : null", "attr.data-disabled": "resolvedDisabled() === true ? '' : null", "attr.data-invalid": "resolvedInvalid() === true ? '' : null", "attr.data-readonly": "resolvedReadOnly() === true ? '' : null", "attr.aria-describedby": "describedBy()", "attr.aria-invalid": "ariaInvalid()", "attr.aria-readonly": "ariaReadOnly()", "attr.aria-required": "ariaRequired()", "attr.aria-orientation": "ariaOrientation()", "style.--slotted-segmented-control-count": "count()", "style.--slotted-segmented-control-index": "indexProperty()" } }, providers: [
+            { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlSegmentedControl), multi: true },
+            { provide: NG_VALIDATORS, useExisting: forwardRef(() => SlSegmentedControl), multi: true },
+        ], exportAs: ["slSegmentedControl"], ngImport: i0, template: `@if (checkedIndex() >= 0) {
+      <span data-part="indicator" aria-hidden="true"></span>
+    }
+    <ng-content />`, isInline: true, styles: ["@layer slotted.components{[data-ui=segmented-control][data-part=root]{--_count: var(--slotted-segmented-control-count, 1);--_index: var(--slotted-segmented-control-index, 0);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_radius: var(--slotted-segmented-control-radius, var(--slotted-control-radius, 4px));--_border-width: var(--slotted-control-border-width, 1px);--_inset: var(--slotted-segmented-control-inset, var(--slotted-space-1, .125rem));--_inner: calc(var(--_height) - (var(--_inset) + var(--_border-width)) * 2);--_thumb-radius: max(calc(var(--_radius) - var(--_inset)), var(--slotted-radius-xs, 2px));--_travel: var(--slotted-duration-medium);background:var(--slotted-segmented-control-background, var(--slotted-control-surface, Field));border:var(--_border-width) solid var( --slotted-segmented-control-border-color, var(--slotted-control-border-color, ButtonBorder) );border-radius:var(--_radius);box-shadow:var(--slotted-segmented-control-shadow, var(--slotted-control-shadow, none));box-sizing:border-box;display:inline-grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;isolation:isolate;min-inline-size:0;padding:var(--_inset);position:relative}[data-ui=segmented-control][data-part=root]:empty{display:none}[data-ui=segmented-control][data-part=root][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=segmented-control][data-part=root][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=segmented-control][data-part=root][data-orientation=vertical]{grid-auto-columns:auto;grid-auto-flow:row;grid-auto-rows:minmax(0,1fr)}[data-ui=segmented-control][data-part=root][data-full-width]{display:grid;inline-size:100%}[data-ui=segmented-control][data-part=root][data-condense=icons]{container-name:slotted-segmented-control;container-type:inline-size;display:grid;inline-size:100%}[data-ui=segmented-control] [data-part=item]{align-items:center;block-size:var(--_inner);border-radius:var(--_thumb-radius);box-sizing:border-box;color:var(--slotted-segmented-control-color, var(--slotted-text, ButtonText));cursor:pointer;display:flex;font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);min-inline-size:max(var(--_inner),var(--slotted-target-min, 24px));padding-inline:var(--_padding-inline);position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui=segmented-control] [data-part=item]:not(:has([data-part=label]:not(:empty))){padding-inline:0}[data-ui=segmented-control] [data-part=label]:empty{display:none}[data-ui=segmented-control] [data-part=item]+[data-part=item]:before{background:var(--slotted-segmented-control-divider-color, var(--slotted-border-subtle));content:\"\";inline-size:var(--_border-width);inset-block:22%;inset-inline-start:0;position:absolute;transition:opacity var(--_travel) var(--slotted-easing-standard)}[data-ui=segmented-control][data-part=root][data-orientation=vertical] [data-part=item]+[data-part=item]:before{block-size:var(--_border-width);inline-size:auto;inset-block:auto;inset-block-start:0;inset-inline:22%}[data-ui=segmented-control] [data-part=item][data-checked]:before,[data-ui=segmented-control] [data-part=item][data-checked]+[data-part=item]:before{opacity:0}[data-ui=segmented-control] [data-part=control]{appearance:none;background:none;border:0;border-radius:inherit;cursor:inherit;inset-block:calc(-1 * (var(--_inset) + var(--_border-width)));inset-inline:0;margin:0;opacity:0;padding:0;position:absolute}[data-ui=segmented-control] [data-part=icon]{block-size:var(--_icon-size);display:inline-flex;flex:none;inline-size:var(--_icon-size)}[data-ui=segmented-control] [data-part=label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=segmented-control] [data-part=indicator]{background:var( --slotted-segmented-control-indicator-background, var(--slotted-tone-accent-subtle-active, Highlight) );block-size:calc(100% - var(--_inset) * 2);border:var(--_border-width) solid var( --slotted-segmented-control-indicator-border-color, var(--slotted-tone-accent-border, Highlight) );border-radius:var(--_thumb-radius);box-shadow:var(--slotted-control-shadow, none);box-sizing:border-box;inline-size:calc((100% - var(--_inset) * 2) / var(--_count));inset-block-start:var(--_inset);inset-inline-start:var(--_inset);pointer-events:none;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-easing-standard),translate var(--_travel) var(--slotted-easing-standard);translate:calc(var(--_index) * 100%);z-index:0}@starting-style{[data-ui=segmented-control] [data-part=indicator]{opacity:0}}[data-ui=segmented-control] [data-part=indicator]:dir(rtl){translate:calc(var(--_index) * -100%)}[data-ui=segmented-control][data-part=root][data-orientation=vertical] [data-part=indicator]{block-size:calc((100% - var(--_inset) * 2) / var(--_count));inline-size:calc(100% - var(--_inset) * 2);translate:0 calc(var(--_index) * 100%)}[data-ui=segmented-control] [data-part=item][data-checked]{color:var( --slotted-segmented-control-checked-color, var(--slotted-tone-accent-text, HighlightText) )}[data-ui=segmented-control][data-part=root]:not([data-readonly]) [data-part=item]:hover:not([data-disabled]):not([data-checked]):has([data-part=control]:enabled){background:var( --slotted-segmented-control-hover-background, var(--slotted-tone-secondary-subtle-hover, ButtonFace) )}[data-ui=segmented-control][data-part=root]:not([data-readonly]) [data-part=item]:active:not([data-disabled]):not([data-checked]):has([data-part=control]:enabled){background:var( --slotted-segmented-control-active-background, var(--slotted-tone-secondary-subtle-active, ButtonFace) );transition-duration:var(--slotted-duration-instant)}[data-ui=segmented-control] [data-part=item]:has([data-part=control]:focus-visible){outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px));z-index:2}[data-ui=segmented-control] [data-part=control]:focus-visible{outline:none}[data-ui=segmented-control][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-segmented-control-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) );border-color:var( --slotted-segmented-control-invalid-border-color, var(--slotted-tone-danger-border, ButtonBorder) );--_invalid-edge-width: var( --slotted-segmented-control-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );box-shadow:inset 0 0 0 var(--_invalid-edge-width) var( --slotted-segmented-control-invalid-border-color, var(--slotted-tone-danger-border, ButtonBorder) )}[data-ui=segmented-control][data-part=root][data-readonly] [data-part=item],[data-ui=segmented-control][data-part=root][data-readonly] [data-part=control]{cursor:default}[data-ui=segmented-control] [data-part=item][data-disabled]{color:var( --slotted-segmented-control-disabled-color, var(--slotted-disabled-foreground, GrayText) );cursor:default}[data-ui=segmented-control] [data-part=control]:disabled{cursor:default}[data-ui=segmented-control][data-part=root][data-disabled]{border-color:var( --slotted-segmented-control-disabled-border-color, var(--slotted-disabled-border, GrayText) )}[data-ui=segmented-control][data-part=root][data-disabled] [data-part=indicator]{background:var( --slotted-segmented-control-disabled-indicator-background, var(--slotted-disabled-background, ButtonFace) );border-color:var( --slotted-segmented-control-disabled-border-color, var(--slotted-disabled-border, GrayText) );box-shadow:none}@container slotted-segmented-control (max-inline-size: 20rem){[data-ui=segmented-control][data-part=root][data-condense=icons] [data-part=item]:has([data-part=icon]) [data-part=label]{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}[data-ui=segmented-control][data-part=root][data-condense=icons] [data-part=item]:has([data-part=icon]){padding-inline:0}}@media(forced-colors:active){[data-ui=segmented-control][data-part=root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSegmentedControl, decorators: [{
+            type: Component,
+            args: [{ selector: '[slSegmentedControl]', standalone: true, exportAs: 'slSegmentedControl', template: `@if (checkedIndex() >= 0) {
+      <span data-part="indicator" aria-hidden="true"></span>
+    }
+    <ng-content />`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [
+                        { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlSegmentedControl), multi: true },
+                        { provide: NG_VALIDATORS, useExisting: forwardRef(() => SlSegmentedControl), multi: true },
+                    ], host: {
+                        'data-ui': 'segmented-control',
+                        'data-part': 'root',
+                        '[attr.role]': 'resolvedRole()',
+                        '[attr.data-size]': 'resolvedSize()',
+                        '[attr.data-orientation]': 'resolvedOrientation()',
+                        '[attr.data-condense]': 'resolvedCondense()',
+                        '[attr.data-full-width]': "resolvedFullWidth() ? '' : null",
+                        '[attr.data-disabled]': "resolvedDisabled() === true ? '' : null",
+                        '[attr.data-invalid]': "resolvedInvalid() === true ? '' : null",
+                        '[attr.data-readonly]': "resolvedReadOnly() === true ? '' : null",
+                        '[attr.aria-describedby]': 'describedBy()',
+                        '[attr.aria-invalid]': 'ariaInvalid()',
+                        '[attr.aria-readonly]': 'ariaReadOnly()',
+                        '[attr.aria-required]': 'ariaRequired()',
+                        '[attr.aria-orientation]': 'ariaOrientation()',
+                        '[style.--slotted-segmented-control-count]': 'count()',
+                        '[style.--slotted-segmented-control-index]': 'indexProperty()',
+                    }, styles: ["@layer slotted.components{[data-ui=segmented-control][data-part=root]{--_count: var(--slotted-segmented-control-count, 1);--_index: var(--slotted-segmented-control-index, 0);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_font-size: var(--slotted-control-font-size-md, 13px);--_icon-size: var(--slotted-control-icon-size-md, 16px);--_gap: var(--slotted-control-gap-md, 8px);--_radius: var(--slotted-segmented-control-radius, var(--slotted-control-radius, 4px));--_border-width: var(--slotted-control-border-width, 1px);--_inset: var(--slotted-segmented-control-inset, var(--slotted-space-1, .125rem));--_inner: calc(var(--_height) - (var(--_inset) + var(--_border-width)) * 2);--_thumb-radius: max(calc(var(--_radius) - var(--_inset)), var(--slotted-radius-xs, 2px));--_travel: var(--slotted-duration-medium);background:var(--slotted-segmented-control-background, var(--slotted-control-surface, Field));border:var(--_border-width) solid var( --slotted-segmented-control-border-color, var(--slotted-control-border-color, ButtonBorder) );border-radius:var(--_radius);box-shadow:var(--slotted-segmented-control-shadow, var(--slotted-control-shadow, none));box-sizing:border-box;display:inline-grid;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;isolation:isolate;min-inline-size:0;padding:var(--_inset);position:relative}[data-ui=segmented-control][data-part=root]:empty{display:none}[data-ui=segmented-control][data-part=root][data-size=sm]{--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_icon-size: var(--slotted-control-icon-size-sm, 14px);--_gap: var(--slotted-control-gap-sm, 6px)}[data-ui=segmented-control][data-part=root][data-size=lg]{--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_icon-size: var(--slotted-control-icon-size-lg, 18px);--_gap: var(--slotted-control-gap-lg, 8px)}[data-ui=segmented-control][data-part=root][data-orientation=vertical]{grid-auto-columns:auto;grid-auto-flow:row;grid-auto-rows:minmax(0,1fr)}[data-ui=segmented-control][data-part=root][data-full-width]{display:grid;inline-size:100%}[data-ui=segmented-control][data-part=root][data-condense=icons]{container-name:slotted-segmented-control;container-type:inline-size;display:grid;inline-size:100%}[data-ui=segmented-control] [data-part=item]{align-items:center;block-size:var(--_inner);border-radius:var(--_thumb-radius);box-sizing:border-box;color:var(--slotted-segmented-control-color, var(--slotted-text, ButtonText));cursor:pointer;display:flex;font-weight:var(--slotted-control-font-weight, 600);gap:var(--_gap);justify-content:center;letter-spacing:var(--slotted-control-letter-spacing, 0);line-height:var(--slotted-control-line-height, 1);min-inline-size:max(var(--_inner),var(--slotted-target-min, 24px));padding-inline:var(--_padding-inline);position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui=segmented-control] [data-part=item]:not(:has([data-part=label]:not(:empty))){padding-inline:0}[data-ui=segmented-control] [data-part=label]:empty{display:none}[data-ui=segmented-control] [data-part=item]+[data-part=item]:before{background:var(--slotted-segmented-control-divider-color, var(--slotted-border-subtle));content:\"\";inline-size:var(--_border-width);inset-block:22%;inset-inline-start:0;position:absolute;transition:opacity var(--_travel) var(--slotted-easing-standard)}[data-ui=segmented-control][data-part=root][data-orientation=vertical] [data-part=item]+[data-part=item]:before{block-size:var(--_border-width);inline-size:auto;inset-block:auto;inset-block-start:0;inset-inline:22%}[data-ui=segmented-control] [data-part=item][data-checked]:before,[data-ui=segmented-control] [data-part=item][data-checked]+[data-part=item]:before{opacity:0}[data-ui=segmented-control] [data-part=control]{appearance:none;background:none;border:0;border-radius:inherit;cursor:inherit;inset-block:calc(-1 * (var(--_inset) + var(--_border-width)));inset-inline:0;margin:0;opacity:0;padding:0;position:absolute}[data-ui=segmented-control] [data-part=icon]{block-size:var(--_icon-size);display:inline-flex;flex:none;inline-size:var(--_icon-size)}[data-ui=segmented-control] [data-part=label]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-ui=segmented-control] [data-part=indicator]{background:var( --slotted-segmented-control-indicator-background, var(--slotted-tone-accent-subtle-active, Highlight) );block-size:calc(100% - var(--_inset) * 2);border:var(--_border-width) solid var( --slotted-segmented-control-indicator-border-color, var(--slotted-tone-accent-border, Highlight) );border-radius:var(--_thumb-radius);box-shadow:var(--slotted-control-shadow, none);box-sizing:border-box;inline-size:calc((100% - var(--_inset) * 2) / var(--_count));inset-block-start:var(--_inset);inset-inline-start:var(--_inset);pointer-events:none;position:absolute;transition:opacity var(--slotted-control-transition-duration) var(--slotted-easing-standard),translate var(--_travel) var(--slotted-easing-standard);translate:calc(var(--_index) * 100%);z-index:0}@starting-style{[data-ui=segmented-control] [data-part=indicator]{opacity:0}}[data-ui=segmented-control] [data-part=indicator]:dir(rtl){translate:calc(var(--_index) * -100%)}[data-ui=segmented-control][data-part=root][data-orientation=vertical] [data-part=indicator]{block-size:calc((100% - var(--_inset) * 2) / var(--_count));inline-size:calc(100% - var(--_inset) * 2);translate:0 calc(var(--_index) * 100%)}[data-ui=segmented-control] [data-part=item][data-checked]{color:var( --slotted-segmented-control-checked-color, var(--slotted-tone-accent-text, HighlightText) )}[data-ui=segmented-control][data-part=root]:not([data-readonly]) [data-part=item]:hover:not([data-disabled]):not([data-checked]):has([data-part=control]:enabled){background:var( --slotted-segmented-control-hover-background, var(--slotted-tone-secondary-subtle-hover, ButtonFace) )}[data-ui=segmented-control][data-part=root]:not([data-readonly]) [data-part=item]:active:not([data-disabled]):not([data-checked]):has([data-part=control]:enabled){background:var( --slotted-segmented-control-active-background, var(--slotted-tone-secondary-subtle-active, ButtonFace) );transition-duration:var(--slotted-duration-instant)}[data-ui=segmented-control] [data-part=item]:has([data-part=control]:focus-visible){outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * var(--slotted-focus-ring-width, 2px));z-index:2}[data-ui=segmented-control] [data-part=control]:focus-visible{outline:none}[data-ui=segmented-control][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-segmented-control-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) );border-color:var( --slotted-segmented-control-invalid-border-color, var(--slotted-tone-danger-border, ButtonBorder) );--_invalid-edge-width: var( --slotted-segmented-control-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );box-shadow:inset 0 0 0 var(--_invalid-edge-width) var( --slotted-segmented-control-invalid-border-color, var(--slotted-tone-danger-border, ButtonBorder) )}[data-ui=segmented-control][data-part=root][data-readonly] [data-part=item],[data-ui=segmented-control][data-part=root][data-readonly] [data-part=control]{cursor:default}[data-ui=segmented-control] [data-part=item][data-disabled]{color:var( --slotted-segmented-control-disabled-color, var(--slotted-disabled-foreground, GrayText) );cursor:default}[data-ui=segmented-control] [data-part=control]:disabled{cursor:default}[data-ui=segmented-control][data-part=root][data-disabled]{border-color:var( --slotted-segmented-control-disabled-border-color, var(--slotted-disabled-border, GrayText) )}[data-ui=segmented-control][data-part=root][data-disabled] [data-part=indicator]{background:var( --slotted-segmented-control-disabled-indicator-background, var(--slotted-disabled-background, ButtonFace) );border-color:var( --slotted-segmented-control-disabled-border-color, var(--slotted-disabled-border, GrayText) );box-shadow:none}@container slotted-segmented-control (max-inline-size: 20rem){[data-ui=segmented-control][data-part=root][data-condense=icons] [data-part=item]:has([data-part=icon]) [data-part=label]{block-size:1px;clip-path:inset(50%);inline-size:1px;overflow:hidden;position:absolute;white-space:nowrap}[data-ui=segmented-control][data-part=root][data-condense=icons] [data-part=item]:has([data-part=icon]){padding-inline:0}}@media(forced-colors:active){[data-ui=segmented-control][data-part=root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--_border-width) + var(--_invalid-edge-width)))}}}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], condense: [{ type: i0.Input, args: [{ isSignal: true, alias: "condense", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", 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 }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+/**
+ * The mark a segment is drawn with, on the consumer's own element.
+ *
+ * A directive rather than a slot, so an `ng-icon`, an inline `svg` or a
+ * `span` all work and none of them loses its own semantics. It is hidden from
+ * the reading order, because the words beside it — or the `aria-label` on the
+ * radio — are what a reader hears.
+ */
+class SlSegmentIcon {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSegmentIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlSegmentIcon, isStandalone: true, selector: "[slSegmentIcon]", host: { attributes: { "data-part": "icon", "aria-hidden": "true" } }, exportAs: ["slSegmentIcon"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSegmentIcon, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slSegmentIcon]',
+                    standalone: true,
+                    exportAs: 'slSegmentIcon',
+                    host: {
+                        'data-part': 'icon',
+                        'aria-hidden': 'true',
+                    },
+                }]
+        }] });
+/**
+ * A click synthesised by the keyboard reports no detail; a real one reports
+ * the click count. It is why `Space` and a pointer are told apart without a
+ * key listener existing anywhere in the family.
+ */
+function activationReason(event) {
+    return event instanceof MouseEvent && event.detail === 0 ? 'keyboard' : 'pointer';
+}
+/**
+ * One segment of the track.
+ *
+ * It is a part of `segmented-control` and not an entry point of its own:
+ * outside a control it has no exclusive set to belong to, and the platform's
+ * whole keyboard model is defined over the set. `SlSegmentedControl` is
+ * injected without `optional`, so a segment written outside one fails at
+ * construction rather than silently.
+ *
+ * The radio is real, visually hidden and left where it is: it covers the
+ * segment and reaches the track's own edge, so the hit area is the control's
+ * height rather than the thumb's.
+ */
+class SlSegment {
+    /** What this segment selects. It is what the control's value holds. */
+    value = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Unstated rather than `false`, so the segment defers to the control. */
+    disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
+    /**
+     * The control the segment belongs to. Injected without `optional`, and
+     * public because the template reads the shared name from it and a consumer
+     * reaching the segment through `exportAs` may want the resolved step.
+     *
+     * The trailing underscore keeps the name off `value`, which is the input.
+     */
+    control_ = inject(SlSegmentedControl);
+    writtenId = inject(new HostAttributeToken('id'), { optional: true });
+    /**
+     * Read from the host and written onto the radio: the name of a segment whose
+     * mark is its whole content belongs to the control that holds the focus, and
+     * an `aria-label` left on the `label` element would name it twice.
+     */
+    ariaLabel = inject(new HostAttributeToken('aria-label'), { optional: true });
+    writtenDescribedBy = inject(new HostAttributeToken('aria-describedby'), {
+        optional: true,
+    });
+    element = viewChild.required('control', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "element" }] : /* istanbul ignore next */ []));
+    /** The identifier the radio carries. A consumer's own wins. */
+    controlId = this.writtenId ?? inject(SlSegmentedControlIdFactory).next();
+    checked = computed(() => this.control_.holds(this.value()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "checked" }] : /* istanbul ignore next */ []));
+    resolvedDisabled = computed(() => this.disabled() ?? this.control_.resolvedDisabled(), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedDisabled" }] : /* istanbul ignore next */ []));
+    disabledAttribute = computed(() => this.resolvedDisabled() === true ? '' : null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabledAttribute" }] : /* istanbul ignore next */ []));
+    constructor() {
+        this.control_.register(this);
+        inject(DestroyRef).onDestroy(() => this.control_.unregister(this));
+    }
+    /** Writes this segment's element from the control's value. */
+    syncElement() {
+        this.element().nativeElement.checked = this.checked();
+    }
+    onClick(event) {
+        if (this.control_.select(this.value(), activationReason(event), event))
+            return;
+        /* Refused: the platform's own selection is put back, on this element and
+           on the neighbour the browser had already unchecked. */
+        event.preventDefault();
+        this.control_.restoreElements();
+    }
+    onBlur() {
+        this.control_.markTouched();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSegment, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "22.1.7", type: SlSegment, isStandalone: true, selector: "[slSegment]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item" }, properties: { "attr.data-checked": "checked() ? '' : null", "attr.data-disabled": "resolvedDisabled() === true ? '' : null" } }, viewQueries: [{ propertyName: "element", first: true, predicate: ["control"], descendants: true, isSignal: true }], exportAs: ["slSegment"], ngImport: i0, template: `<input
+      #control
+      data-part="control"
+      type="radio"
+      [attr.id]="controlId"
+      [attr.name]="control_.resolvedName()"
+      [attr.value]="value()"
+      [attr.aria-label]="ariaLabel"
+      [attr.aria-describedby]="writtenDescribedBy"
+      [attr.disabled]="disabledAttribute()"
+      [checked]="checked()"
+      (click)="onClick($event)"
+      (blur)="onBlur()"
+    />
+    <ng-content select="[slSegmentIcon]" />
+    <span data-part="label"><ng-content /></span>`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlSegment, decorators: [{
+            type: Component,
+            args: [{
+                    selector: '[slSegment]',
+                    standalone: true,
+                    exportAs: 'slSegment',
+                    template: `<input
+      #control
+      data-part="control"
+      type="radio"
+      [attr.id]="controlId"
+      [attr.name]="control_.resolvedName()"
+      [attr.value]="value()"
+      [attr.aria-label]="ariaLabel"
+      [attr.aria-describedby]="writtenDescribedBy"
+      [attr.disabled]="disabledAttribute()"
+      [checked]="checked()"
+      (click)="onClick($event)"
+      (blur)="onBlur()"
+    />
+    <ng-content select="[slSegmentIcon]" />
+    <span data-part="label"><ng-content /></span>`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        'data-part': 'item',
+                        '[attr.data-checked]': "checked() ? '' : null",
+                        '[attr.data-disabled]': "resolvedDisabled() === true ? '' : null",
+                    },
+                }]
+        }], ctorParameters: () => [], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], element: [{ type: i0.ViewChild, args: ['control', { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SEGMENTED_CONTROL_DEFAULTS, SlSegment, SlSegmentIcon, SlSegmentedControl, SlSegmentedControlIdFactory, injectSegmentedControlDefaults, provideSegmentedControlDefaults };
+//# sourceMappingURL=slotted-angular-segmented-control.mjs.map

package/fesm2022/slotted-angular-segmented-control.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-angular-segmented-control.mjs","sources":["../../segmented-control/src/segmented-control-defaults.ts","../../segmented-control/src/segmented-control.ts","../../segmented-control/src/segmented-control-parts.ts","../../segmented-control/src/slotted-angular-segmented-control.ts"],"sourcesContent":["import { inject, Injectable, InjectionToken } from '@angular/core';\n\n/** The type step the control and every segment inside it sit at. */\nexport type SegmentedControlSize = 'sm' | 'md' | 'lg';\n\n/** How the segments flow. The thumb travels along the same axis. */\nexport type SegmentedControlOrientation = 'horizontal' | 'vertical';\n\n/**\n * What the control does when it is narrower than its labels need. `icons`\n * keeps the marks and hides the words — hidden, never removed, so the\n * accessible name of every segment is the same at every width.\n */\nexport type SegmentedControlCondense = 'none' | 'icons';\n\nexport interface SegmentedControlDefaults {\n  condense: SegmentedControlCondense;\n  fullWidth: boolean;\n  orientation: SegmentedControlOrientation;\n  size: SegmentedControlSize;\n}\n\nconst FALLBACK: SegmentedControlDefaults = {\n  condense: 'none',\n  fullWidth: false,\n  orientation: 'horizontal',\n  size: 'md',\n};\n\nexport const SEGMENTED_CONTROL_DEFAULTS = new InjectionToken<SegmentedControlDefaults>(\n  'slotted segmented control defaults',\n  { providedIn: 'root', factory: () => FALLBACK },\n);\n\n/**\n * An application decides once how its segmented controls are drawn, rather\n * than repeating the same inputs on every one of them. A control that states\n * any of them itself still wins, and a field around it outranks this token for\n * `size`.\n */\nexport function provideSegmentedControlDefaults(defaults: Partial<SegmentedControlDefaults>) {\n  return {\n    provide: SEGMENTED_CONTROL_DEFAULTS,\n    useFactory: (): SegmentedControlDefaults => ({ ...FALLBACK, ...defaults }),\n  };\n}\n\n/** What a segmented control renders as here, before it states anything of its own. */\nexport function injectSegmentedControlDefaults(): SegmentedControlDefaults {\n  return inject(SEGMENTED_CONTROL_DEFAULTS);\n}\n\n/**\n * Application-scoped rather than module-scoped, for the reason `field`\n * records: a module-level counter produces colliding sequences when two\n * applications render in one server process, and the server and the client\n * sequences must match for hydration.\n *\n * It answers for the control's generated `name` as well as for each segment's\n * identifier, because both have to be stable across the two renders.\n */\n@Injectable({ providedIn: 'root' })\nexport class SlSegmentedControlIdFactory {\n  private count = 0;\n\n  next() {\n    this.count += 1;\n    return `slotted-segmented-control-${this.count}`;\n  }\n}\n","import { createControllable } from '@slotted/core/state';\nimport type { ChangeRequest } from '@slotted/core/state';\nimport {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  forwardRef,\n  HostAttributeToken,\n  inject,\n  input,\n  output,\n  signal,\n  ViewEncapsulation,\n} from '@angular/core';\nimport type { OnInit } from '@angular/core';\nimport { NG_VALIDATORS, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport type {\n  AbstractControl,\n  ControlValueAccessor,\n  ValidationErrors,\n  Validator,\n} from '@angular/forms';\nimport { SlField } from '@slotted/angular/field';\nimport { SlFieldGroup } from '@slotted/angular/field-group';\n\nimport {\n  injectSegmentedControlDefaults,\n  SlSegmentedControlIdFactory,\n} from './segmented-control-defaults';\nimport type {\n  SegmentedControlCondense,\n  SegmentedControlOrientation,\n  SegmentedControlSize,\n} from './segmented-control-defaults';\n\nexport type {\n  SegmentedControlCondense,\n  SegmentedControlDefaults,\n  SegmentedControlOrientation,\n  SegmentedControlSize,\n} from './segmented-control-defaults';\n\n/** Why the value moved. A segmented control can produce exactly these two. */\nexport type SegmentedControlSelectionReason = 'pointer' | 'keyboard';\n\n/**\n * What the control needs from each segment, and nothing more.\n *\n * A structural type rather than the segment's class, so the control does not\n * import the component that injects it — the cycle `text-field` breaks with an\n * abstract class, broken here with the smaller thing that works.\n */\nexport interface SlSegmentedControlSegment {\n  /** What this segment selects. */\n  value: () => string;\n  /** Writes this segment's element from the control's value. */\n  syncElement(): void;\n}\n\n/**\n * One choice out of a few, applied at once, on a track.\n *\n * **The keyboard is the platform's, and that is why the segments share a\n * `name`.** Native radios in one form owner with one name already implement\n * the APG's Radio Group table: Tab lands on the checked segment or on the\n * first, `Space` checks, both arrow axes move focus and the selection\n * together, the set wraps, and disabled segments are skipped — in a\n * right-to-left document too.\n *\n * **The role is conditional, and the condition is the field group.** A\n * `field-group` is a `fieldset` with a `legend`, which is already a named\n * group; a `radiogroup` inside it is the same set announced twice. A `role`\n * the consumer wrote wins over both.\n *\n * **`readOnly` is enforced, because the platform has none.** A radio ignores\n * `readonly`, so the control refuses the change on the segment's own `click` —\n * the one event a pointer and `Space` share — and announces `aria-readonly`.\n *\n * **The thumb's place is the checked index, and the count is how many\n * segments registered.** Both are written as custom properties on the host, so\n * the stylesheet needs no measurement: the thumb is one column wide and moves\n * by its own width times the index.\n */\n@Component({\n  selector: '[slSegmentedControl]',\n  standalone: true,\n  exportAs: 'slSegmentedControl',\n  template: `@if (checkedIndex() >= 0) {\n      <span data-part=\"indicator\" aria-hidden=\"true\"></span>\n    }\n    <ng-content />`,\n  styleUrl: '../../../styles/src/segmented-control/segmented-control.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [\n    { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(() => SlSegmentedControl), multi: true },\n    { provide: NG_VALIDATORS, useExisting: forwardRef(() => SlSegmentedControl), multi: true },\n  ],\n  host: {\n    'data-ui': 'segmented-control',\n    'data-part': 'root',\n    '[attr.role]': 'resolvedRole()',\n    '[attr.data-size]': 'resolvedSize()',\n    '[attr.data-orientation]': 'resolvedOrientation()',\n    '[attr.data-condense]': 'resolvedCondense()',\n    '[attr.data-full-width]': \"resolvedFullWidth() ? '' : null\",\n    '[attr.data-disabled]': \"resolvedDisabled() === true ? '' : null\",\n    '[attr.data-invalid]': \"resolvedInvalid() === true ? '' : null\",\n    '[attr.data-readonly]': \"resolvedReadOnly() === true ? '' : null\",\n    '[attr.aria-describedby]': 'describedBy()',\n    '[attr.aria-invalid]': 'ariaInvalid()',\n    '[attr.aria-readonly]': 'ariaReadOnly()',\n    '[attr.aria-required]': 'ariaRequired()',\n    '[attr.aria-orientation]': 'ariaOrientation()',\n    '[style.--slotted-segmented-control-count]': 'count()',\n    '[style.--slotted-segmented-control-index]': 'indexProperty()',\n  },\n})\nexport class SlSegmentedControl implements ControlValueAccessor, OnInit, Validator {\n  /** Present means the consumer owns the choice. */\n  readonly value = input<string | undefined>(undefined);\n  /** The value an uncontrolled control starts from, read once. */\n  readonly defaultValue = input<string | undefined>(undefined);\n  /**\n   * The submission name the segments share, and the reason the platform\n   * treats them as one radio group. Generated when it is not written, because\n   * grouping is by name within the form owner and an unnamed set is not a set.\n   */\n  readonly name = input<string | undefined>(undefined);\n  readonly size = input<SegmentedControlSize | undefined>(undefined);\n  readonly orientation = input<SegmentedControlOrientation | undefined>(undefined);\n  readonly condense = input<SegmentedControlCondense | undefined>(undefined);\n  readonly fullWidth = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n  /** Unstated rather than `false`, so the control defers to the field around it. */\n  readonly disabled = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n  readonly readOnly = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n  readonly invalid = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n  readonly required = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n\n  /**\n   * One output for one transition. Its `previous` is `undefined` while nothing\n   * has been chosen, which a request typed over `string` alone could not say.\n   */\n  readonly valueChange = output<ChangeRequest<string | undefined>>();\n\n  private readonly field = inject(SlField, { optional: true });\n  private readonly fieldGroup = inject(SlFieldGroup, { optional: true });\n  private readonly defaults = injectSegmentedControlDefaults();\n  private readonly generatedName = inject(SlSegmentedControlIdFactory).next();\n  private readonly writtenRole = inject(new HostAttributeToken('role'), { optional: true });\n  private readonly writtenDescribedBy = inject(new HostAttributeToken('aria-describedby'), {\n    optional: true,\n  });\n\n  private readonly segments = signal<readonly SlSegmentedControlSegment[]>([]);\n  private readonly own = signal<string | undefined>(undefined);\n  private readonly formDisabled = signal<boolean | undefined>(undefined);\n  private onChangeFn: (value: string) => void = () => undefined;\n  private onTouchedFn: () => void = () => undefined;\n\n  readonly selection = computed(() => this.value() ?? this.own());\n  readonly resolvedName = computed(() => this.name() ?? this.generatedName);\n\n  /** How many segments the track holds, and which of them is checked. */\n  readonly count = computed(() => this.segments().length);\n  readonly checkedIndex = computed(() => {\n    const current = this.selection();\n    if (current === undefined) return -1;\n    return this.segments().findIndex((segment) => segment.value() === current);\n  });\n  protected readonly indexProperty = computed(() => {\n    const index = this.checkedIndex();\n    return index < 0 ? null : index;\n  });\n\n  readonly resolvedSize = computed(\n    () =>\n      this.size() ??\n      this.field?.resolvedSize() ??\n      this.fieldGroup?.resolvedSize() ??\n      this.defaults.size,\n  );\n  readonly resolvedOrientation = computed(() => this.orientation() ?? this.defaults.orientation);\n  readonly resolvedCondense = computed(() => this.condense() ?? this.defaults.condense);\n  readonly resolvedFullWidth = computed(() => this.fullWidth() ?? this.defaults.fullWidth);\n  readonly resolvedDisabled = computed(\n    () => this.disabled() ?? this.formDisabled() ?? this.field?.resolvedDisabled(),\n  );\n  readonly resolvedReadOnly = computed(() => this.readOnly() ?? this.field?.resolvedReadOnly());\n  readonly resolvedInvalid = computed(() => this.invalid() ?? this.field?.invalid());\n  readonly resolvedRequired = computed(\n    () => this.required() ?? this.field?.required() ?? this.fieldGroup?.required(),\n  );\n\n  protected readonly resolvedRole = computed(\n    () => this.writtenRole ?? (this.fieldGroup === null ? 'radiogroup' : null),\n  );\n  protected readonly describedBy = computed(() => {\n    const merged = [this.writtenDescribedBy, this.field?.describedBy()].filter(Boolean);\n    return merged.length === 0 ? null : merged.join(' ');\n  });\n  protected readonly ariaInvalid = computed(() =>\n    this.resolvedInvalid() === true ? 'true' : null,\n  );\n  protected readonly ariaReadOnly = computed(() =>\n    this.resolvedReadOnly() === true ? 'true' : null,\n  );\n  protected readonly ariaRequired = computed(() =>\n    this.resolvedRequired() === true ? 'true' : null,\n  );\n  /**\n   * Only where the root owns the role, and only when the set flows the way\n   * `radiogroup` does not already imply.\n   */\n  protected readonly ariaOrientation = computed(() =>\n    this.resolvedRole() === 'radiogroup' && this.resolvedOrientation() === 'horizontal'\n      ? 'horizontal'\n      : null,\n  );\n\n  ngOnInit() {\n    if (this.value() === undefined) this.own.set(this.defaultValue());\n  }\n\n  /** A segment joins the set, in the order the template holds it. */\n  register(segment: SlSegmentedControlSegment) {\n    this.segments.update((current) => [...current, segment]);\n  }\n\n  /** A segment leaves the set. */\n  unregister(segment: SlSegmentedControlSegment) {\n    this.segments.update((current) => current.filter((entry) => entry !== segment));\n  }\n\n  /**\n   * Writes every segment's element from the value.\n   *\n   * The HTML standard's canceled activation behaviour for a radio restores the\n   * *clicked* element and nothing else, so the option that was chosen before\n   * the refused click stays unchecked. Angular writes a property binding only\n   * when its value changes, and the neighbour's did not — the correction is\n   * made here, which is the defect `radio-group` measured first.\n   */\n  restoreElements() {\n    for (const segment of this.segments()) segment.syncElement();\n  }\n\n  /** Whether one value is the chosen one. Read by every segment in the set. */\n  holds(value: string): boolean {\n    return this.selection() === value;\n  }\n\n  /**\n   * Asks the control to move to one value. Returns whether the value actually\n   * moved — false while a consumer owns it, which is what tells the segment to\n   * refuse the activation and let the platform put the element back.\n   */\n  select(value: string, reason: SegmentedControlSelectionReason, source: Event): boolean {\n    if (this.resolvedReadOnly() === true) return false;\n\n    let cancelled = false;\n    const state = createControllable<string | undefined>({\n      controlled: this.value(),\n      initial: this.selection(),\n      onRequest: (request) => {\n        this.valueChange.emit(request);\n        cancelled = request.cancelled;\n      },\n    });\n    const moved = state.request(value, reason, source);\n    if (cancelled || !moved) return false;\n    this.own.set(value);\n    this.onChangeFn(value);\n    return true;\n  }\n\n  writeValue(value: string | null | undefined) {\n    this.own.set(value ?? undefined);\n  }\n\n  registerOnChange(fn: (value: string) => void) {\n    this.onChangeFn = fn;\n  }\n\n  registerOnTouched(fn: () => void) {\n    this.onTouchedFn = fn;\n  }\n\n  setDisabledState(isDisabled: boolean) {\n    this.formDisabled.set(isDisabled);\n  }\n\n  /** Marks the set touched, which a segment calls when it loses focus. */\n  markTouched() {\n    this.onTouchedFn();\n  }\n\n  /**\n   * The control owns validity over the set, which no single segment can see:\n   * \"choose one\" is a fact about the set and not about any one option.\n   */\n  validate(control: AbstractControl): ValidationErrors | null {\n    if (this.resolvedRequired() !== true) return null;\n    const value = control.value as string | null | undefined;\n    return value === null || value === undefined || value === '' ? { required: true } : null;\n  }\n}\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  DestroyRef,\n  Directive,\n  ElementRef,\n  HostAttributeToken,\n  inject,\n  input,\n  viewChild,\n  ViewEncapsulation,\n} from '@angular/core';\n\nimport { SlSegmentedControl } from './segmented-control';\nimport { SlSegmentedControlIdFactory } from './segmented-control-defaults';\nimport type {\n  SegmentedControlSelectionReason,\n  SlSegmentedControlSegment,\n} from './segmented-control';\n\n/**\n * The mark a segment is drawn with, on the consumer's own element.\n *\n * A directive rather than a slot, so an `ng-icon`, an inline `svg` or a\n * `span` all work and none of them loses its own semantics. It is hidden from\n * the reading order, because the words beside it — or the `aria-label` on the\n * radio — are what a reader hears.\n */\n@Directive({\n  selector: '[slSegmentIcon]',\n  standalone: true,\n  exportAs: 'slSegmentIcon',\n  host: {\n    'data-part': 'icon',\n    'aria-hidden': 'true',\n  },\n})\nexport class SlSegmentIcon {}\n\n/**\n * A click synthesised by the keyboard reports no detail; a real one reports\n * the click count. It is why `Space` and a pointer are told apart without a\n * key listener existing anywhere in the family.\n */\nfunction activationReason(event: Event): SegmentedControlSelectionReason {\n  return event instanceof MouseEvent && event.detail === 0 ? 'keyboard' : 'pointer';\n}\n\n/**\n * One segment of the track.\n *\n * It is a part of `segmented-control` and not an entry point of its own:\n * outside a control it has no exclusive set to belong to, and the platform's\n * whole keyboard model is defined over the set. `SlSegmentedControl` is\n * injected without `optional`, so a segment written outside one fails at\n * construction rather than silently.\n *\n * The radio is real, visually hidden and left where it is: it covers the\n * segment and reaches the track's own edge, so the hit area is the control's\n * height rather than the thumb's.\n */\n@Component({\n  selector: '[slSegment]',\n  standalone: true,\n  exportAs: 'slSegment',\n  template: `<input\n      #control\n      data-part=\"control\"\n      type=\"radio\"\n      [attr.id]=\"controlId\"\n      [attr.name]=\"control_.resolvedName()\"\n      [attr.value]=\"value()\"\n      [attr.aria-label]=\"ariaLabel\"\n      [attr.aria-describedby]=\"writtenDescribedBy\"\n      [attr.disabled]=\"disabledAttribute()\"\n      [checked]=\"checked()\"\n      (click)=\"onClick($event)\"\n      (blur)=\"onBlur()\"\n    />\n    <ng-content select=\"[slSegmentIcon]\" />\n    <span data-part=\"label\"><ng-content /></span>`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'data-part': 'item',\n    '[attr.data-checked]': \"checked() ? '' : null\",\n    '[attr.data-disabled]': \"resolvedDisabled() === true ? '' : null\",\n  },\n})\nexport class SlSegment implements SlSegmentedControlSegment {\n  /** What this segment selects. It is what the control's value holds. */\n  readonly value = input.required<string>();\n  /** Unstated rather than `false`, so the segment defers to the control. */\n  readonly disabled = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n\n  /**\n   * The control the segment belongs to. Injected without `optional`, and\n   * public because the template reads the shared name from it and a consumer\n   * reaching the segment through `exportAs` may want the resolved step.\n   *\n   * The trailing underscore keeps the name off `value`, which is the input.\n   */\n  readonly control_ = inject(SlSegmentedControl);\n\n  private readonly writtenId = inject(new HostAttributeToken('id'), { optional: true });\n  /**\n   * Read from the host and written onto the radio: the name of a segment whose\n   * mark is its whole content belongs to the control that holds the focus, and\n   * an `aria-label` left on the `label` element would name it twice.\n   */\n  protected readonly ariaLabel = inject(new HostAttributeToken('aria-label'), { optional: true });\n  protected readonly writtenDescribedBy = inject(new HostAttributeToken('aria-describedby'), {\n    optional: true,\n  });\n  private readonly element = viewChild.required<ElementRef<HTMLInputElement>>('control');\n\n  /** The identifier the radio carries. A consumer's own wins. */\n  readonly controlId = this.writtenId ?? inject(SlSegmentedControlIdFactory).next();\n\n  readonly checked = computed(() => this.control_.holds(this.value()));\n  readonly resolvedDisabled = computed(() => this.disabled() ?? this.control_.resolvedDisabled());\n\n  protected readonly disabledAttribute = computed(() =>\n    this.resolvedDisabled() === true ? '' : null,\n  );\n\n  constructor() {\n    this.control_.register(this);\n    inject(DestroyRef).onDestroy(() => this.control_.unregister(this));\n  }\n\n  /** Writes this segment's element from the control's value. */\n  syncElement() {\n    this.element().nativeElement.checked = this.checked();\n  }\n\n  protected onClick(event: Event) {\n    if (this.control_.select(this.value(), activationReason(event), event)) return;\n    /* Refused: the platform's own selection is put back, on this element and\n       on the neighbour the browser had already unchecked. */\n    event.preventDefault();\n    this.control_.restoreElements();\n  }\n\n  protected onBlur() {\n    this.control_.markTouched();\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}