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

package/fesm2022/slotted-angular-field-group.mjs

@@ -0,0 +1,301 @@
+import * as i0 from '@angular/core';
+import { inject, HostAttributeToken, computed, ViewEncapsulation, ChangeDetectionStrategy, Component, Directive, input, booleanAttribute, contentChild, forwardRef } from '@angular/core';
+import { necessityMark, SlFieldMessage, SlFieldDefaultsSource, injectFieldDefaults, SlFieldIdFactory } from '@slotted/angular/field';
+import { injectMessages } from '@slotted/angular/i18n';
+import { SlInlineMessage } from '@slotted/angular/inline-message';
+import { fieldMessages } from '@slotted/core/i18n';
+
+/**
+ * The name of the set, and whether the set has to be answered.
+ *
+ * It holds whatever the page puts in it. On a page asking one question GOV.UK
+ * recommends the legend contain the page's own heading, so a reader hears the
+ * question once rather than twice; the family removes the heading's block break
+ * and its margins and leaves its type alone, because a page heading is a page's
+ * decision rather than a control's.
+ */
+class SlFieldGroupLegend {
+    group = inject(SlFieldGroup);
+    writtenId = inject(new HostAttributeToken('id'), { optional: true });
+    legendId = computed(() => this.writtenId ?? this.group.ids().legend, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "legendId" }] : /* istanbul ignore next */ []));
+    necessity = computed(() => necessityMark(this.group.resolvedNecessity(), this.group.required() === true, this.group.t), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "necessity" }] : /* istanbul ignore next */ []));
+    markHidden = computed(() => this.necessity()?.hidden === true, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "markHidden" }] : /* istanbul ignore next */ []));
+    mark = computed(() => this.necessity()?.text ?? null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mark" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFieldGroupLegend, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlFieldGroupLegend, isStandalone: true, selector: "legend[slFieldGroupLegend]", host: { attributes: { "data-part": "legend" }, properties: { "attr.id": "legendId()" } }, exportAs: ["slFieldGroupLegend"], ngImport: i0, template: `<ng-content />
+    @if (mark(); as text) {
+      <span data-part="mark" [attr.aria-hidden]="markHidden() ? 'true' : null">{{ text }}</span>
+    }`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFieldGroupLegend, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'legend[slFieldGroupLegend]',
+                    standalone: true,
+                    exportAs: 'slFieldGroupLegend',
+                    template: `<ng-content />
+    @if (mark(); as text) {
+      <span data-part="mark" [attr.aria-hidden]="markHidden() ? 'true' : null">{{ text }}</span>
+    }`,
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    encapsulation: ViewEncapsulation.None,
+                    host: {
+                        'data-part': 'legend',
+                        '[attr.id]': 'legendId()',
+                    },
+                }]
+        }] });
+/**
+ * Help about the whole set, projected into the `inline-message` the group
+ * renders before its fields.
+ *
+ * It is a marker of the group's own rather than the field's, so a description
+ * written inside one of the fields is never mistaken for the set's.
+ */
+class SlFieldGroupDescription extends SlFieldMessage {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFieldGroupDescription, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlFieldGroupDescription, isStandalone: true, selector: "[slFieldGroupDescription]", exportAs: ["slFieldGroupDescription"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFieldGroupDescription, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slFieldGroupDescription]',
+                    standalone: true,
+                    exportAs: 'slFieldGroupDescription',
+                }]
+        }] });
+/**
+ * What is wrong with the set — the case a single field cannot state, because
+ * "choose at least one" is a fact about the group rather than about any control
+ * in it. GOV.UK's error-message-with-legend example is the same arrangement.
+ */
+class SlFieldGroupError extends SlFieldMessage {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFieldGroupError, deps: null, target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlFieldGroupError, isStandalone: true, selector: "[slFieldGroupError]", exportAs: ["slFieldGroupError"], usesInheritance: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFieldGroupError, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[slFieldGroupError]',
+                    standalone: true,
+                    exportAs: 'slFieldGroupError',
+                }]
+        }] });
+
+/**
+ * A set of fields under one name.
+ *
+ * **The platform does the work.** The element is a native `fieldset` and the
+ * name is a native `legend` — the technique the APG's naming practice calls for
+ * under its Rule 3, prefer native techniques — so the `group` role and the
+ * accessible name arrive without a single ARIA attribute. `disabled` is the
+ * native attribute, and every control inside is disabled by the browser with
+ * nothing passed down.
+ *
+ * **What is said about the set is said before the set.** The description and
+ * the error come between the legend and the fields, which is where GOV.UK's
+ * fieldset example puts a hint and an error, and the opposite of where a single
+ * field puts its own. A message the page did not write is not drawn, which is
+ * the DOM React's `FieldGroupDescription` and `FieldGroupError` produce.
+ *
+ * **`aria-describedby` goes on the fieldset.** A reader entering any control in
+ * the group hears the group's hint and its error once, from the element that
+ * names them both. A message with no text — a reserved line waiting for its
+ * text — keeps its box and is not named until the text arrives.
+ *
+ * **The group provides for its fields.** It answers `SlFieldDefaultsSource` for
+ * its own subtree, so `size`, `labelPlacement`, `necessity`, the necessity
+ * words, `disabled` and `readOnly` reach every field inside — the same six an
+ * application sets once with `provideFieldDefaults()`. `required` is not among
+ * them: it is a fact about one value, and a section cannot know it.
+ */
+class SlFieldGroup extends SlFieldDefaultsSource {
+    /** Provided to every field inside. Defaults to the token, then to `md`. */
+    size = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []));
+    /** How the fields inside flow. */
+    orientation = input('vertical', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []));
+    /** Provided to every field inside. Defaults to the token, then to `mark`. */
+    necessity = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "necessity" }] : /* istanbul ignore next */ []));
+    /**
+     * Words laid over the field catalog of the language in force for the
+     * legend's own necessity word (`optional`, `required`). A field inside
+     * states its own `messages`.
+     */
+    messages = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+    /** Provided to every field inside, unless the field states its own. */
+    labelPlacement = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "labelPlacement" }] : /* istanbul ignore next */ []));
+    /**
+     * The native attribute on the `fieldset`, which the platform propagates to
+     * every control inside with nothing passed down. It is provided to the fields
+     * as well, because the platform disables controls and a label is not one.
+     */
+    disabled = input(undefined, { ...(ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {}), transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
+    /** Unstated rather than `false`. Writes `data-invalid` on the fieldset. */
+    invalid = input(undefined, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
+    /** Draws the necessity marker on the legend, and is not provided to the fields. */
+    required = input(undefined, { ...(ngDevMode ? { debugName: "required" } : /* istanbul ignore next */ {}), transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
+    /** Provided to every field inside, unless the field states its own. */
+    readOnly = input(undefined, { ...(ngDevMode ? { debugName: "readOnly" } : /* istanbul ignore next */ {}), transform: (value) => (value === undefined ? undefined : booleanAttribute(value)) });
+    /**
+     * The application's own defaults, or an outer group's. A group inside a group
+     * answers for the inner one and inherits everything it does not restate.
+     */
+    outer = inject(SlFieldDefaultsSource, { optional: true, skipSelf: true });
+    token = injectFieldDefaults();
+    inherited = computed(() => this.outer?.fieldDefaults() ?? this.token, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inherited" }] : /* istanbul ignore next */ []));
+    base = inject(new HostAttributeToken('id'), { optional: true }) ??
+        `${inject(SlFieldIdFactory).next()}-group`;
+    writtenDescribedBy = inject(new HostAttributeToken('aria-describedby'), {
+        optional: true,
+    });
+    ids = computed(() => ({
+        description: `${this.base}-description`,
+        error: `${this.base}-error`,
+        legend: `${this.base}-legend`,
+    }), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ids" }] : /* istanbul ignore next */ []));
+    /**
+     * The group's own markers rather than the field's, and direct content rather
+     * than any descendant — so a description written inside one of the fields is
+     * never read as the set's.
+     */
+    description = contentChild(SlFieldGroupDescription, { ...(ngDevMode ? { debugName: "description" } : /* istanbul ignore next */ {}), descendants: false });
+    error = contentChild(SlFieldGroupError, { ...(ngDevMode ? { debugName: "error" } : /* istanbul ignore next */ {}), descendants: false });
+    resolvedSize = computed(() => this.size() ?? this.inherited().size, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedSize" }] : /* istanbul ignore next */ []));
+    resolvedNecessity = computed(() => this.necessity() ?? this.inherited().necessity, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedNecessity" }] : /* istanbul ignore next */ []));
+    /** The field family's words in the language in force, with the group's `messages` laid over them. */
+    t = injectMessages(fieldMessages, this.messages);
+    /**
+     * One step louder than a field's own. `inline-message` defines `md` as the
+     * message of a section and `sm` as the message of a field, and what a group
+     * says is about the section — held at the field's step, the sentence about a
+     * whole set read as the help under the control above it.
+     */
+    messageSize = computed(() => this.resolvedSize() === 'sm' ? 'sm' : 'md', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messageSize" }] : /* istanbul ignore next */ []));
+    describedBy = computed(() => {
+        const parts = [
+            this.writtenDescribedBy,
+            this.description()?.hasContent() ? this.ids().description : undefined,
+            this.error()?.hasContent() ? this.ids().error : undefined,
+        ].filter(Boolean);
+        return parts.length === 0 ? null : parts.join(' ');
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []));
+    /**
+     * What every field inside reads instead of the application's own defaults.
+     *
+     * It is a method rather than a value handed over once, because Angular
+     * creates every directive a template declares before it binds any input: a
+     * group that provided a snapshot would hand its fields the value its inputs
+     * held before the consumer's bindings ran.
+     */
+    fieldDefaults() {
+        return {
+            disabled: this.disabled() ?? this.inherited().disabled,
+            labelPlacement: this.labelPlacement() ?? this.inherited().labelPlacement,
+            necessity: this.resolvedNecessity(),
+            readOnly: this.readOnly() ?? this.inherited().readOnly,
+            size: this.resolvedSize(),
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFieldGroup, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlFieldGroup, isStandalone: true, selector: "fieldset[slFieldGroup]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, necessity: { classPropertyName: "necessity", publicName: "necessity", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, labelPlacement: { classPropertyName: "labelPlacement", publicName: "labelPlacement", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", 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 }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "field-group", "data-part": "root" }, properties: { "attr.data-size": "resolvedSize()", "attr.data-orientation": "orientation()", "attr.data-necessity": "resolvedNecessity()", "attr.data-disabled": "disabled() === true ? '' : null", "attr.data-invalid": "invalid() === true ? '' : null", "attr.data-readonly": "readOnly() === true ? '' : null", "attr.data-required": "required() === true ? '' : null", "attr.disabled": "disabled() === true ? '' : null", "attr.aria-describedby": "describedBy()" } }, providers: [{ provide: SlFieldDefaultsSource, useExisting: forwardRef(() => SlFieldGroup) }], queries: [{ propertyName: "description", first: true, predicate: SlFieldGroupDescription, isSignal: true }, { propertyName: "error", first: true, predicate: SlFieldGroupError, isSignal: true }], exportAs: ["slFieldGroup"], usesInheritance: true, ngImport: i0, template: `<ng-content select="[slFieldGroupLegend]" />
+    @if (description(); as message) {
+      <p
+        slInlineMessage
+        [id]="ids().description"
+        [size]="messageSize()"
+        [mark]="message.mark() ?? 'none'"
+        [tone]="message.tone() ?? 'secondary'"
+        [live]="message.live() ?? 'off'"
+        [hideIcon]="message.hideIcon() ?? false"
+        [reserve]="message.reserve() ?? false"
+        [prefix]="message.prefix()"
+      >
+        <ng-content select="[slFieldGroupDescription]" />
+      </p>
+    }
+    @if (error(); as message) {
+      <p
+        slInlineMessage
+        [id]="ids().error"
+        [size]="messageSize()"
+        [mark]="message.mark() ?? 'none'"
+        [tone]="message.tone() ?? 'danger'"
+        [live]="message.live() ?? 'off'"
+        [hideIcon]="message.hideIcon() ?? false"
+        [reserve]="message.reserve() ?? false"
+        [prefix]="message.prefix()"
+      >
+        <ng-content select="[slFieldGroupError]" />
+      </p>
+    }
+    <div data-part="content"><ng-content /></div>`, isInline: true, styles: ["@layer slotted.components{[data-ui=field-group][data-part=root]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_message-gap: var(--slotted-field-group-message-gap, var(--slotted-space-2, .25rem));--_content-gap: var(--slotted-field-group-content-gap, var(--slotted-space-7, 1.25rem));--_field-gap: var(--slotted-field-group-field-gap, var(--slotted-space-6, 1rem));border:0;display:block;font-family:var( --slotted-field-group-font-family, var(--slotted-control-font-family, sans-serif) );margin:0;min-inline-size:0;padding:0}[data-ui=field-group][data-part=root]>*+*{margin-block-start:var(--_message-gap)}[data-ui=field-group][data-part=root]>*+[data-ui=inline-message]{margin-block-start:var(--_message-gap)}[data-ui=field-group][data-part=root]>[data-part=content]{margin-block-start:var(--_content-gap)}[data-ui=field-group][data-part=root][data-size=sm]{--_font-size: var(--slotted-control-font-size-md, 13px)}[data-ui=field-group][data-part=root][data-size=md],[data-ui=field-group][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px)}[data-ui=field-group]>[data-part=legend]{color:var(--slotted-field-group-legend-color, var(--slotted-text));display:block;font-size:var(--_font-size);font-weight:var( --slotted-field-group-legend-font-weight, var(--slotted-font-weight-semibold, 600) );line-height:var(--slotted-field-group-line-height, var(--slotted-line-height-sm, 1.45));padding:0;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=field-group]>[data-part=legend]>[data-part=mark]{color:var(--slotted-field-group-mark-color, var(--slotted-tone-danger-text));margin-inline-start:var(--slotted-field-group-mark-gap, var(--slotted-space-2, .25rem));overflow-wrap:normal;unicode-bidi:isolate}[data-ui=field-group]>[data-part=legend]>:is(h1,h2,h3,h4,h5,h6){display:inline;font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );margin:0}[data-ui=field-group]:is([data-necessity=optional],[data-necessity=words])>[data-part=legend]>[data-part=mark]{color:var(--slotted-field-group-mark-text-color, var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=field-group]>[data-ui=inline-message]:not([data-reserve]):has([data-part=text]:empty){display:none}[data-ui=field-group][data-part=root]>[data-ui=inline-message]{font-size:var(--slotted-font-size-xs, .75rem)}[data-ui=field-group][data-part=root]>[data-ui=inline-message][data-tone=danger],[data-ui=field-group][data-part=root]>[data-ui=inline-message][data-tone=success]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=field-group]>[data-part=content]{display:flex;flex-direction:column;gap:var(--_field-gap);min-inline-size:0}[data-ui=field-group][data-orientation=horizontal]>[data-part=content]{flex-direction:row;flex-wrap:wrap}[data-ui=field-group][data-orientation=horizontal]>[data-part=content]>*{flex:1 1 var(--slotted-field-group-track-min, 14rem);min-inline-size:0}[data-ui=field-group][data-part=root][data-disabled]>[data-part=legend],[data-ui=field-group][data-part=root][data-disabled]>[data-part=legend]>[data-part=mark]{color:var(--slotted-disabled-foreground)}}\n"], dependencies: [{ kind: "component", type: SlInlineMessage, selector: "[slInlineMessage]", inputs: ["tone", "size", "live", "mark", "prefix", "hideIcon", "loading", "disabled", "reserve", "id"], exportAs: ["slInlineMessage"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFieldGroup, decorators: [{
+            type: Component,
+            args: [{ selector: 'fieldset[slFieldGroup]', standalone: true, exportAs: 'slFieldGroup', imports: [SlInlineMessage], template: `<ng-content select="[slFieldGroupLegend]" />
+    @if (description(); as message) {
+      <p
+        slInlineMessage
+        [id]="ids().description"
+        [size]="messageSize()"
+        [mark]="message.mark() ?? 'none'"
+        [tone]="message.tone() ?? 'secondary'"
+        [live]="message.live() ?? 'off'"
+        [hideIcon]="message.hideIcon() ?? false"
+        [reserve]="message.reserve() ?? false"
+        [prefix]="message.prefix()"
+      >
+        <ng-content select="[slFieldGroupDescription]" />
+      </p>
+    }
+    @if (error(); as message) {
+      <p
+        slInlineMessage
+        [id]="ids().error"
+        [size]="messageSize()"
+        [mark]="message.mark() ?? 'none'"
+        [tone]="message.tone() ?? 'danger'"
+        [live]="message.live() ?? 'off'"
+        [hideIcon]="message.hideIcon() ?? false"
+        [reserve]="message.reserve() ?? false"
+        [prefix]="message.prefix()"
+      >
+        <ng-content select="[slFieldGroupError]" />
+      </p>
+    }
+    <div data-part="content"><ng-content /></div>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: SlFieldDefaultsSource, useExisting: forwardRef(() => SlFieldGroup) }], host: {
+                        'data-ui': 'field-group',
+                        'data-part': 'root',
+                        '[attr.data-size]': 'resolvedSize()',
+                        '[attr.data-orientation]': 'orientation()',
+                        '[attr.data-necessity]': 'resolvedNecessity()',
+                        '[attr.data-disabled]': "disabled() === true ? '' : null",
+                        '[attr.data-invalid]': "invalid() === true ? '' : null",
+                        '[attr.data-readonly]': "readOnly() === true ? '' : null",
+                        '[attr.data-required]': "required() === true ? '' : null",
+                        '[attr.disabled]': "disabled() === true ? '' : null",
+                        '[attr.aria-describedby]': 'describedBy()',
+                    }, styles: ["@layer slotted.components{[data-ui=field-group][data-part=root]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_message-gap: var(--slotted-field-group-message-gap, var(--slotted-space-2, .25rem));--_content-gap: var(--slotted-field-group-content-gap, var(--slotted-space-7, 1.25rem));--_field-gap: var(--slotted-field-group-field-gap, var(--slotted-space-6, 1rem));border:0;display:block;font-family:var( --slotted-field-group-font-family, var(--slotted-control-font-family, sans-serif) );margin:0;min-inline-size:0;padding:0}[data-ui=field-group][data-part=root]>*+*{margin-block-start:var(--_message-gap)}[data-ui=field-group][data-part=root]>*+[data-ui=inline-message]{margin-block-start:var(--_message-gap)}[data-ui=field-group][data-part=root]>[data-part=content]{margin-block-start:var(--_content-gap)}[data-ui=field-group][data-part=root][data-size=sm]{--_font-size: var(--slotted-control-font-size-md, 13px)}[data-ui=field-group][data-part=root][data-size=md],[data-ui=field-group][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px)}[data-ui=field-group]>[data-part=legend]{color:var(--slotted-field-group-legend-color, var(--slotted-text));display:block;font-size:var(--_font-size);font-weight:var( --slotted-field-group-legend-font-weight, var(--slotted-font-weight-semibold, 600) );line-height:var(--slotted-field-group-line-height, var(--slotted-line-height-sm, 1.45));padding:0;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=field-group]>[data-part=legend]>[data-part=mark]{color:var(--slotted-field-group-mark-color, var(--slotted-tone-danger-text));margin-inline-start:var(--slotted-field-group-mark-gap, var(--slotted-space-2, .25rem));overflow-wrap:normal;unicode-bidi:isolate}[data-ui=field-group]>[data-part=legend]>:is(h1,h2,h3,h4,h5,h6){display:inline;font-family:var( --slotted-font-family-heading, var(--slotted-font-family-sans, ui-sans-serif, system-ui, sans-serif) );margin:0}[data-ui=field-group]:is([data-necessity=optional],[data-necessity=words])>[data-part=legend]>[data-part=mark]{color:var(--slotted-field-group-mark-text-color, var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-regular, 400)}[data-ui=field-group]>[data-ui=inline-message]:not([data-reserve]):has([data-part=text]:empty){display:none}[data-ui=field-group][data-part=root]>[data-ui=inline-message]{font-size:var(--slotted-font-size-xs, .75rem)}[data-ui=field-group][data-part=root]>[data-ui=inline-message][data-tone=danger],[data-ui=field-group][data-part=root]>[data-ui=inline-message][data-tone=success]{font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=field-group]>[data-part=content]{display:flex;flex-direction:column;gap:var(--_field-gap);min-inline-size:0}[data-ui=field-group][data-orientation=horizontal]>[data-part=content]{flex-direction:row;flex-wrap:wrap}[data-ui=field-group][data-orientation=horizontal]>[data-part=content]>*{flex:1 1 var(--slotted-field-group-track-min, 14rem);min-inline-size:0}[data-ui=field-group][data-part=root][data-disabled]>[data-part=legend],[data-ui=field-group][data-part=root][data-disabled]>[data-part=legend]>[data-part=mark]{color:var(--slotted-disabled-foreground)}}\n"] }]
+        }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], necessity: [{ type: i0.Input, args: [{ isSignal: true, alias: "necessity", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], labelPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelPlacement", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], description: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlFieldGroupDescription), { ...{ descendants: false }, isSignal: true }] }], error: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlFieldGroupError), { ...{ descendants: false }, isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SlFieldGroup, SlFieldGroupDescription, SlFieldGroupError, SlFieldGroupLegend };
+//# sourceMappingURL=slotted-angular-field-group.mjs.map

package/fesm2022/slotted-angular-field-group.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slotted-angular-field-group.mjs","sources":["../../field-group/src/field-group-parts.ts","../../field-group/src/field-group.ts","../../field-group/src/slotted-angular-field-group.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  Directive,\n  HostAttributeToken,\n  inject,\n  ViewEncapsulation,\n} from '@angular/core';\nimport { necessityMark, SlFieldMessage } from '@slotted/angular/field';\n\nimport { SlFieldGroup } from './field-group';\n\n/**\n * The name of the set, and whether the set has to be answered.\n *\n * It holds whatever the page puts in it. On a page asking one question GOV.UK\n * recommends the legend contain the page's own heading, so a reader hears the\n * question once rather than twice; the family removes the heading's block break\n * and its margins and leaves its type alone, because a page heading is a page's\n * decision rather than a control's.\n */\n@Component({\n  selector: 'legend[slFieldGroupLegend]',\n  standalone: true,\n  exportAs: 'slFieldGroupLegend',\n  template: `<ng-content />\n    @if (mark(); as text) {\n      <span data-part=\"mark\" [attr.aria-hidden]=\"markHidden() ? 'true' : null\">{{ text }}</span>\n    }`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'data-part': 'legend',\n    '[attr.id]': 'legendId()',\n  },\n})\nexport class SlFieldGroupLegend {\n  private readonly group = inject(SlFieldGroup);\n  private readonly writtenId = inject(new HostAttributeToken('id'), { optional: true });\n\n  protected readonly legendId = computed(() => this.writtenId ?? this.group.ids().legend);\n  private readonly necessity = computed(() =>\n    necessityMark(this.group.resolvedNecessity(), this.group.required() === true, this.group.t),\n  );\n  protected readonly markHidden = computed(() => this.necessity()?.hidden === true);\n  protected readonly mark = computed(() => this.necessity()?.text ?? null);\n}\n\n/**\n * Help about the whole set, projected into the `inline-message` the group\n * renders before its fields.\n *\n * It is a marker of the group's own rather than the field's, so a description\n * written inside one of the fields is never mistaken for the set's.\n */\n@Directive({\n  selector: '[slFieldGroupDescription]',\n  standalone: true,\n  exportAs: 'slFieldGroupDescription',\n})\nexport class SlFieldGroupDescription extends SlFieldMessage {}\n\n/**\n * What is wrong with the set — the case a single field cannot state, because\n * \"choose at least one\" is a fact about the group rather than about any control\n * in it. GOV.UK's error-message-with-legend example is the same arrangement.\n */\n@Directive({\n  selector: '[slFieldGroupError]',\n  standalone: true,\n  exportAs: 'slFieldGroupError',\n})\nexport class SlFieldGroupError extends SlFieldMessage {}\n","import {\n  booleanAttribute,\n  ChangeDetectionStrategy,\n  Component,\n  computed,\n  contentChild,\n  forwardRef,\n  HostAttributeToken,\n  inject,\n  input,\n  ViewEncapsulation,\n} from '@angular/core';\nimport {\n  injectFieldDefaults,\n  SlFieldDefaultsSource,\n  SlFieldIdFactory,\n} from '@slotted/angular/field';\nimport type {\n  FieldDefaults,\n  FieldLabelPlacement,\n  FieldNecessity,\n  FieldSize,\n} from '@slotted/angular/field';\nimport { injectMessages } from '@slotted/angular/i18n';\nimport { SlInlineMessage } from '@slotted/angular/inline-message';\nimport { fieldMessages, type FieldMessages, type PartialMessages } from '@slotted/core/i18n';\n\nimport { SlFieldGroupDescription, SlFieldGroupError } from './field-group-parts';\n\n/** How the fields inside the group flow. */\nexport type FieldGroupOrientation = 'vertical' | 'horizontal';\n\n/** The three identifiers a group derives from one base. */\nexport interface FieldGroupIds {\n  description: string;\n  error: string;\n  legend: string;\n}\n\n/**\n * A set of fields under one name.\n *\n * **The platform does the work.** The element is a native `fieldset` and the\n * name is a native `legend` — the technique the APG's naming practice calls for\n * under its Rule 3, prefer native techniques — so the `group` role and the\n * accessible name arrive without a single ARIA attribute. `disabled` is the\n * native attribute, and every control inside is disabled by the browser with\n * nothing passed down.\n *\n * **What is said about the set is said before the set.** The description and\n * the error come between the legend and the fields, which is where GOV.UK's\n * fieldset example puts a hint and an error, and the opposite of where a single\n * field puts its own. A message the page did not write is not drawn, which is\n * the DOM React's `FieldGroupDescription` and `FieldGroupError` produce.\n *\n * **`aria-describedby` goes on the fieldset.** A reader entering any control in\n * the group hears the group's hint and its error once, from the element that\n * names them both. A message with no text — a reserved line waiting for its\n * text — keeps its box and is not named until the text arrives.\n *\n * **The group provides for its fields.** It answers `SlFieldDefaultsSource` for\n * its own subtree, so `size`, `labelPlacement`, `necessity`, the necessity\n * words, `disabled` and `readOnly` reach every field inside — the same six an\n * application sets once with `provideFieldDefaults()`. `required` is not among\n * them: it is a fact about one value, and a section cannot know it.\n */\n@Component({\n  selector: 'fieldset[slFieldGroup]',\n  standalone: true,\n  exportAs: 'slFieldGroup',\n  imports: [SlInlineMessage],\n  template: `<ng-content select=\"[slFieldGroupLegend]\" />\n    @if (description(); as message) {\n      <p\n        slInlineMessage\n        [id]=\"ids().description\"\n        [size]=\"messageSize()\"\n        [mark]=\"message.mark() ?? 'none'\"\n        [tone]=\"message.tone() ?? 'secondary'\"\n        [live]=\"message.live() ?? 'off'\"\n        [hideIcon]=\"message.hideIcon() ?? false\"\n        [reserve]=\"message.reserve() ?? false\"\n        [prefix]=\"message.prefix()\"\n      >\n        <ng-content select=\"[slFieldGroupDescription]\" />\n      </p>\n    }\n    @if (error(); as message) {\n      <p\n        slInlineMessage\n        [id]=\"ids().error\"\n        [size]=\"messageSize()\"\n        [mark]=\"message.mark() ?? 'none'\"\n        [tone]=\"message.tone() ?? 'danger'\"\n        [live]=\"message.live() ?? 'off'\"\n        [hideIcon]=\"message.hideIcon() ?? false\"\n        [reserve]=\"message.reserve() ?? false\"\n        [prefix]=\"message.prefix()\"\n      >\n        <ng-content select=\"[slFieldGroupError]\" />\n      </p>\n    }\n    <div data-part=\"content\"><ng-content /></div>`,\n  styleUrl: '../../../styles/src/field-group/field-group.css',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  providers: [{ provide: SlFieldDefaultsSource, useExisting: forwardRef(() => SlFieldGroup) }],\n  host: {\n    'data-ui': 'field-group',\n    'data-part': 'root',\n    '[attr.data-size]': 'resolvedSize()',\n    '[attr.data-orientation]': 'orientation()',\n    '[attr.data-necessity]': 'resolvedNecessity()',\n    '[attr.data-disabled]': \"disabled() === true ? '' : null\",\n    '[attr.data-invalid]': \"invalid() === true ? '' : null\",\n    '[attr.data-readonly]': \"readOnly() === true ? '' : null\",\n    '[attr.data-required]': \"required() === true ? '' : null\",\n    '[attr.disabled]': \"disabled() === true ? '' : null\",\n    '[attr.aria-describedby]': 'describedBy()',\n  },\n})\nexport class SlFieldGroup extends SlFieldDefaultsSource {\n  /** Provided to every field inside. Defaults to the token, then to `md`. */\n  readonly size = input<FieldSize | undefined>(undefined);\n  /** How the fields inside flow. */\n  readonly orientation = input<FieldGroupOrientation>('vertical');\n  /** Provided to every field inside. Defaults to the token, then to `mark`. */\n  readonly necessity = input<FieldNecessity | undefined>(undefined);\n  /**\n   * Words laid over the field catalog of the language in force for the\n   * legend's own necessity word (`optional`, `required`). A field inside\n   * states its own `messages`.\n   */\n  readonly messages = input<PartialMessages<FieldMessages> | undefined>(undefined);\n  /** Provided to every field inside, unless the field states its own. */\n  readonly labelPlacement = input<FieldLabelPlacement | undefined>(undefined);\n\n  /**\n   * The native attribute on the `fieldset`, which the platform propagates to\n   * every control inside with nothing passed down. It is provided to the fields\n   * as well, because the platform disables controls and a label is not one.\n   */\n  readonly disabled = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n  /** Unstated rather than `false`. Writes `data-invalid` on the fieldset. */\n  readonly invalid = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n  /** Draws the necessity marker on the legend, and is not provided to the fields. */\n  readonly required = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n  /** Provided to every field inside, unless the field states its own. */\n  readonly readOnly = input<boolean | undefined, boolean | string | undefined>(undefined, {\n    transform: (value) => (value === undefined ? undefined : booleanAttribute(value)),\n  });\n\n  /**\n   * The application's own defaults, or an outer group's. A group inside a group\n   * answers for the inner one and inherits everything it does not restate.\n   */\n  private readonly outer = inject(SlFieldDefaultsSource, { optional: true, skipSelf: true });\n  private readonly token = injectFieldDefaults();\n  private readonly inherited = computed(() => this.outer?.fieldDefaults() ?? this.token);\n\n  private readonly base =\n    inject(new HostAttributeToken('id'), { optional: true }) ??\n    `${inject(SlFieldIdFactory).next()}-group`;\n\n  private readonly writtenDescribedBy = inject(new HostAttributeToken('aria-describedby'), {\n    optional: true,\n  });\n\n  readonly ids = computed<FieldGroupIds>(() => ({\n    description: `${this.base}-description`,\n    error: `${this.base}-error`,\n    legend: `${this.base}-legend`,\n  }));\n\n  /**\n   * The group's own markers rather than the field's, and direct content rather\n   * than any descendant — so a description written inside one of the fields is\n   * never read as the set's.\n   */\n  protected readonly description = contentChild(SlFieldGroupDescription, { descendants: false });\n  protected readonly error = contentChild(SlFieldGroupError, { descendants: false });\n\n  readonly resolvedSize = computed(() => this.size() ?? this.inherited().size);\n  readonly resolvedNecessity = computed(() => this.necessity() ?? this.inherited().necessity);\n  /** The field family's words in the language in force, with the group's `messages` laid over them. */\n  readonly t = injectMessages(fieldMessages, this.messages);\n\n  /**\n   * One step louder than a field's own. `inline-message` defines `md` as the\n   * message of a section and `sm` as the message of a field, and what a group\n   * says is about the section — held at the field's step, the sentence about a\n   * whole set read as the help under the control above it.\n   */\n  protected readonly messageSize = computed<'sm' | 'md'>(() =>\n    this.resolvedSize() === 'sm' ? 'sm' : 'md',\n  );\n\n  protected readonly describedBy = computed(() => {\n    const parts = [\n      this.writtenDescribedBy,\n      this.description()?.hasContent() ? this.ids().description : undefined,\n      this.error()?.hasContent() ? this.ids().error : undefined,\n    ].filter(Boolean);\n    return parts.length === 0 ? null : parts.join(' ');\n  });\n\n  /**\n   * What every field inside reads instead of the application's own defaults.\n   *\n   * It is a method rather than a value handed over once, because Angular\n   * creates every directive a template declares before it binds any input: a\n   * group that provided a snapshot would hand its fields the value its inputs\n   * held before the consumer's bindings ran.\n   */\n  fieldDefaults(): FieldDefaults {\n    return {\n      disabled: this.disabled() ?? this.inherited().disabled,\n      labelPlacement: this.labelPlacement() ?? this.inherited().labelPlacement,\n      necessity: this.resolvedNecessity(),\n      readOnly: this.readOnly() ?? this.inherited().readOnly,\n      size: this.resolvedSize(),\n    };\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}