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

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

@@ -26,9 +26,11 @@ class SlFieldGroupLegend {
     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 />
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlFieldGroupLegend, isStandalone: true, selector: "legend[slFieldGroupLegend]", host: { attributes: { "data-part": "legend", "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>
+      <span data-part="mark" 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: [{
@@ -39,12 +41,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slFieldGroupLegend',
                     template: `<ng-content />
     @if (mark(); as text) {
-      <span data-part="mark" [attr.aria-hidden]="markHidden() ? 'true' : null">{{ text }}</span>
+      <span data-part="mark" data-part-mark="" [attr.aria-hidden]="markHidden() ? 'true' : null">{{
+        text
+      }}</span>
     }`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'legend',
+                        'data-part-legend': '',
                         '[attr.id]': 'legendId()',
                     },
                 }]
@@ -212,7 +217,7 @@ class SlFieldGroup extends SlFieldDefaultsSource {
         };
     }
     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]" />
+    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-ui-field-group": "", "data-part": "root", "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
@@ -243,7 +248,7 @@ class SlFieldGroup extends SlFieldDefaultsSource {
         <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 });
+    <div data-part="content" 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,
@@ -278,9 +283,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         <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: {
+    <div data-part="content" data-part-content=""><ng-content /></div>`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: SlFieldDefaultsSource, useExisting: forwardRef(() => SlFieldGroup) }], host: {
                         'data-ui': 'field-group',
+                        'data-ui-field-group': '',
                         'data-part': 'root',
+                        'data-part-root': '',
                         '[attr.data-size]': 'resolvedSize()',
                         '[attr.data-orientation]': 'orientation()',
                         '[attr.data-necessity]': 'resolvedNecessity()',
@@ -290,7 +297,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '[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"] }]
+                    }, 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 }] }] } });
 
 /**

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

@@ -1 +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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"}
+{"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\" data-part-mark=\"\" [attr.aria-hidden]=\"markHidden() ? 'true' : null\">{{\n        text\n      }}</span>\n    }`,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  encapsulation: ViewEncapsulation.None,\n  host: {\n    'data-part': 'legend',\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\" 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-ui-field-group': '',\n    'data-part': 'root',\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":";;;;;;;AAaA;;;;;;;;AAQG;MAmBU,kBAAkB,CAAA;AACZ,IAAA,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC;AAC5B,IAAA,SAAS,GAAG,MAAM,CAAC,IAAI,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AAElE,IAAA,QAAQ,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,MAAM;iFAAC;AACtE,IAAA,SAAS,GAAG,QAAQ,CAAC,MACpC,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;kFAC5F;AACkB,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,EAAE,MAAM,KAAK,IAAI;mFAAC;AAC9D,IAAA,IAAI,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,IAAI,IAAI;6EAAC;uGAT7D,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,4BAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,QAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAdnB,CAAA;;;;;AAKN,KAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FASO,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAlB9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,4BAA4B;AACtC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,QAAQ,EAAE,CAAA;;;;;AAKN,KAAA,CAAA;oBACJ,eAAe,EAAE,uBAAuB,CAAC,MAAM;oBAC/C,aAAa,EAAE,iBAAiB,CAAC,IAAI;AACrC,oBAAA,IAAI,EAAE;AACJ,wBAAA,WAAW,EAAE,QAAQ;AACrB,wBAAA,kBAAkB,EAAE,EAAE;AACtB,wBAAA,WAAW,EAAE,YAAY;AAC1B,qBAAA;AACF,iBAAA;;AAaD;;;;;;AAMG;AAMG,MAAO,uBAAwB,SAAQ,cAAc,CAAA;uGAA9C,uBAAuB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAvB,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,2BAAA,EAAA,QAAA,EAAA,CAAA,yBAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAvB,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBALnC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,2BAA2B;AACrC,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,yBAAyB;AACpC,iBAAA;;AAGD;;;;AAIG;AAMG,MAAO,iBAAkB,SAAQ,cAAc,CAAA;uGAAxC,iBAAiB,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAL7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,qBAAqB;AAC/B,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,QAAQ,EAAE,mBAAmB;AAC9B,iBAAA;;;ACpCD;;;;;;;;;;;;;;;;;;;;;;;;;;AA0BG;AA0DG,MAAO,YAAa,SAAQ,qBAAqB,CAAA;;IAE5C,IAAI,GAAG,KAAK,CAAwB,SAAS;6EAAC;;IAE9C,WAAW,GAAG,KAAK,CAAwB,UAAU;oFAAC;;IAEtD,SAAS,GAAG,KAAK,CAA6B,SAAS;kFAAC;AACjE;;;;AAIG;IACM,QAAQ,GAAG,KAAK,CAA6C,SAAS;iFAAC;;IAEvE,cAAc,GAAG,KAAK,CAAkC,SAAS;uFAAC;AAE3E;;;;AAIG;AACM,IAAA,QAAQ,GAAG,KAAK,CAAoD,SAAS,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,UAAA,EAAA,8BAAA,EAAA,CAAA,EACpF,SAAS,EAAE,CAAC,KAAK,MAAM,KAAK,KAAK,SAAS,GAAG,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,GACjF;;AAEO,IAAA,OAAO,GAAG,KAAK,CAAoD,SAAS,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,SAAA,EAAA,8BAAA,EAAA,CAAA,EACnF,SAAS,EAAE,CAAC,KAAK,MAAM,KAAK,KAAK,SAAS,GAAG,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,GACjF;;AAEO,IAAA,QAAQ,GAAG,KAAK,CAAoD,SAAS,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,UAAA,EAAA,8BAAA,EAAA,CAAA,EACpF,SAAS,EAAE,CAAC,KAAK,MAAM,KAAK,KAAK,SAAS,GAAG,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,GACjF;;AAEO,IAAA,QAAQ,GAAG,KAAK,CAAoD,SAAS,EAAA,EAAA,IAAA,SAAA,GAAA,EAAA,SAAA,EAAA,UAAA,EAAA,8BAAA,EAAA,CAAA,EACpF,SAAS,EAAE,CAAC,KAAK,MAAM,KAAK,KAAK,SAAS,GAAG,SAAS,GAAG,gBAAgB,CAAC,KAAK,CAAC,CAAC,GACjF;AAEF;;;AAGG;AACc,IAAA,KAAK,GAAG,MAAM,CAAC,qBAAqB,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IACzE,KAAK,GAAG,mBAAmB,EAAE;AAC7B,IAAA,SAAS,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,IAAI,CAAC,KAAK;kFAAC;AAErE,IAAA,IAAI,GACnB,MAAM,CAAC,IAAI,kBAAkB,CAAC,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QACxD,CAAA,EAAG,MAAM,CAAC,gBAAgB,CAAC,CAAC,IAAI,EAAE,QAAQ;IAE3B,kBAAkB,GAAG,MAAM,CAAC,IAAI,kBAAkB,CAAC,kBAAkB,CAAC,EAAE;AACvF,QAAA,QAAQ,EAAE,IAAI;AACf,KAAA,CAAC;AAEO,IAAA,GAAG,GAAG,QAAQ,CAAgB,OAAO;AAC5C,QAAA,WAAW,EAAE,CAAA,EAAG,IAAI,CAAC,IAAI,CAAA,YAAA,CAAc;AACvC,QAAA,KAAK,EAAE,CAAA,EAAG,IAAI,CAAC,IAAI,CAAA,MAAA,CAAQ;AAC3B,QAAA,MAAM,EAAE,CAAA,EAAG,IAAI,CAAC,IAAI,CAAA,OAAA,CAAS;KAC9B,CAAC;4EAAC;AAEH;;;;AAIG;IACgB,WAAW,GAAG,YAAY,CAAC,uBAAuB,mFAAI,WAAW,EAAE,KAAK,EAAA,CAAG;IAC3E,KAAK,GAAG,YAAY,CAAC,iBAAiB,6EAAI,WAAW,EAAE,KAAK,EAAA,CAAG;AAEzE,IAAA,YAAY,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,IAAI,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC,IAAI;qFAAC;AACnE,IAAA,iBAAiB,GAAG,QAAQ,CAAC,MAAM,IAAI,CAAC,SAAS,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC,SAAS;0FAAC;;IAElF,CAAC,GAAG,cAAc,CAAC,aAAa,EAAE,IAAI,CAAC,QAAQ,CAAC;AAEzD;;;;;AAKG;AACgB,IAAA,WAAW,GAAG,QAAQ,CAAc,MACrD,IAAI,CAAC,YAAY,EAAE,KAAK,IAAI,GAAG,IAAI,GAAG,IAAI;oFAC3C;AAEkB,IAAA,WAAW,GAAG,QAAQ,CAAC,MAAK;AAC7C,QAAA,MAAM,KAAK,GAAG;AACZ,YAAA,IAAI,CAAC,kBAAkB;AACvB,YAAA,IAAI,CAAC,WAAW,EAAE,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,WAAW,GAAG,SAAS;AACrE,YAAA,IAAI,CAAC,KAAK,EAAE,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC,KAAK,GAAG,SAAS;AAC1D,SAAA,CAAC,MAAM,CAAC,OAAO,CAAC;AACjB,QAAA,OAAO,KAAK,CAAC,MAAM,KAAK,CAAC,GAAG,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC;IACpD,CAAC;oFAAC;AAEF;;;;;;;AAOG;IACH,aAAa,GAAA;QACX,OAAO;YACL,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC,QAAQ;YACtD,cAAc,EAAE,IAAI,CAAC,cAAc,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC,cAAc;AACxE,YAAA,SAAS,EAAE,IAAI,CAAC,iBAAiB,EAAE;YACnC,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC,QAAQ;AACtD,YAAA,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE;SAC1B;IACH;uGA3GW,YAAY,EAAA,IAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAZ,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,wBAAA,EAAA,MAAA,EAAA,EAAA,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,SAAA,EAAA,EAAA,iBAAA,EAAA,WAAA,EAAA,UAAA,EAAA,WAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,EAAA,iBAAA,EAAA,gBAAA,EAAA,UAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,SAAA,EAAA,aAAA,EAAA,qBAAA,EAAA,EAAA,EAAA,WAAA,EAAA,MAAA,EAAA,gBAAA,EAAA,EAAA,EAAA,EAAA,UAAA,EAAA,EAAA,gBAAA,EAAA,gBAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,qBAAA,EAAA,qBAAA,EAAA,oBAAA,EAAA,iCAAA,EAAA,mBAAA,EAAA,gCAAA,EAAA,oBAAA,EAAA,iCAAA,EAAA,oBAAA,EAAA,iCAAA,EAAA,eAAA,EAAA,iCAAA,EAAA,uBAAA,EAAA,eAAA,EAAA,EAAA,EAAA,SAAA,EAjBZ,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,UAAU,CAAC,MAAM,YAAY,CAAC,EAAE,CAAC,EAAA,OAAA,EAAA,CAAA,EAAA,YAAA,EAAA,aAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAiF9C,uBAAuB,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,OAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAC7B,iBAAiB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,eAAA,EAAA,IAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EArH/C,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+B2D,sEAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,0uGAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAhC3D,eAAe,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,QAAA,EAAA,UAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,IAAA,CAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;2FAqDd,YAAY,EAAA,UAAA,EAAA,CAAA;kBAzDxB,SAAS;+BACE,wBAAwB,EAAA,UAAA,EACtB,IAAI,EAAA,QAAA,EACN,cAAc,WACf,CAAC,eAAe,CAAC,EAAA,QAAA,EAChB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uEA+B2D,EAAA,eAAA,EAEpD,uBAAuB,CAAC,MAAM,EAAA,aAAA,EAChC,iBAAiB,CAAC,IAAI,EAAA,SAAA,EAC1B,CAAC,EAAE,OAAO,EAAE,qBAAqB,EAAE,WAAW,EAAE,UAAU,CAAC,MAAK,YAAa,CAAC,EAAE,CAAC,EAAA,IAAA,EACtF;AACJ,wBAAA,SAAS,EAAE,aAAa;AACxB,wBAAA,qBAAqB,EAAE,EAAE;AACzB,wBAAA,WAAW,EAAE,MAAM;AACnB,wBAAA,gBAAgB,EAAE,EAAE;AACpB,wBAAA,kBAAkB,EAAE,gBAAgB;AACpC,wBAAA,yBAAyB,EAAE,eAAe;AAC1C,wBAAA,uBAAuB,EAAE,qBAAqB;AAC9C,wBAAA,sBAAsB,EAAE,iCAAiC;AACzD,wBAAA,qBAAqB,EAAE,gCAAgC;AACvD,wBAAA,sBAAsB,EAAE,iCAAiC;AACzD,wBAAA,sBAAsB,EAAE,iCAAiC;AACzD,wBAAA,iBAAiB,EAAE,iCAAiC;AACpD,wBAAA,yBAAyB,EAAE,eAAe;AAC3C,qBAAA,EAAA,MAAA,EAAA,CAAA,0uGAAA,CAAA,EAAA;AAkE6C,SAAA,CAAA,EAAA,cAAA,EAAA,EAAA,IAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,MAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,aAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,WAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,gBAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,OAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,SAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,KAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAA,EAAA,UAAA,EAAA,QAAA,EAAA,KAAA,EAAA,CAAA,EAAA,CAAA,EAAA,WAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAAA,uBAAuB,CAAA,EAAA,EAAA,GAAE,EAAE,WAAW,EAAE,KAAK,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,KAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MACrD,iBAAiB,CAAA,EAAA,EAAA,GAAE,EAAE,WAAW,EAAE,KAAK,EAAE,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AC5LnF;;AAEG;;"}

package/fesm2022/slotted-angular-field.mjs

@@ -186,7 +186,7 @@ class SlFieldCounter {
      */
     invalid = input(false, { ...(ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFieldCounter, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlFieldCounter, isStandalone: true, selector: "[slFieldCounter]", inputs: { invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "counter" }, properties: { "attr.id": "counterId()", "attr.data-invalid": "invalid() ? '' : null" } }, exportAs: ["slFieldCounter"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlFieldCounter, isStandalone: true, selector: "[slFieldCounter]", inputs: { invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "counter", "data-part-counter": "" }, properties: { "attr.id": "counterId()", "attr.data-invalid": "invalid() ? '' : null" } }, exportAs: ["slFieldCounter"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFieldCounter, decorators: [{
             type: Directive,
@@ -196,6 +196,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slFieldCounter',
                     host: {
                         'data-part': 'counter',
+                        'data-part-counter': '',
                         '[attr.id]': 'counterId()',
                         '[attr.data-invalid]': "invalid() ? '' : null",
                     },
@@ -458,11 +459,12 @@ class SlField {
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "describedBy" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlField, isStandalone: true, selector: "[slField]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, labelPlacement: { classPropertyName: "labelPlacement", publicName: "labelPlacement", 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 }, 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", "data-part": "root" }, properties: { "attr.data-size": "resolvedSize()", "attr.data-label-placement": "resolvedLabelPlacement()", "attr.data-necessity": "resolvedNecessity()", "attr.data-disabled": "resolvedDisabled() === true ? '' : null", "attr.data-invalid": "invalid() === true ? '' : null", "attr.data-readonly": "resolvedReadOnly() === true ? '' : null", "attr.data-required": "required() === true ? '' : null" } }, providers: [{ provide: SlFieldContext, useExisting: forwardRef(() => SlField) }], queries: [{ propertyName: "writtenCounter", first: true, predicate: SlFieldCounter, descendants: true, isSignal: true }, { propertyName: "header", first: true, predicate: SlFieldHeaderSlot, descendants: true, isSignal: true }, { propertyName: "help", first: true, predicate: SlFieldHelpSlot, descendants: true, isSignal: true }, { propertyName: "indicator", first: true, predicate: SlFieldIndicatorSlot, descendants: true, isSignal: true }, { propertyName: "description", first: true, predicate: SlFieldDescription, isSignal: true }, { propertyName: "error", first: true, predicate: SlFieldError, isSignal: true }], exportAs: ["slField"], ngImport: i0, template: `<ng-content select="[slFieldLabel], [slFieldHeader]" />
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlField, isStandalone: true, selector: "[slField]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, labelPlacement: { classPropertyName: "labelPlacement", publicName: "labelPlacement", 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 }, 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", "data-ui-field": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-size": "resolvedSize()", "attr.data-label-placement": "resolvedLabelPlacement()", "attr.data-necessity": "resolvedNecessity()", "attr.data-disabled": "resolvedDisabled() === true ? '' : null", "attr.data-invalid": "invalid() === true ? '' : null", "attr.data-readonly": "resolvedReadOnly() === true ? '' : null", "attr.data-required": "required() === true ? '' : null" } }, providers: [{ provide: SlFieldContext, useExisting: forwardRef(() => SlField) }], queries: [{ propertyName: "writtenCounter", first: true, predicate: SlFieldCounter, descendants: true, isSignal: true }, { propertyName: "header", first: true, predicate: SlFieldHeaderSlot, descendants: true, isSignal: true }, { propertyName: "help", first: true, predicate: SlFieldHelpSlot, descendants: true, isSignal: true }, { propertyName: "indicator", first: true, predicate: SlFieldIndicatorSlot, descendants: true, isSignal: true }, { propertyName: "description", first: true, predicate: SlFieldDescription, isSignal: true }, { propertyName: "error", first: true, predicate: SlFieldError, isSignal: true }], exportAs: ["slField"], ngImport: i0, template: `<ng-content select="[slFieldLabel], [slFieldHeader]" />
     <ng-content select="[slFieldCounter]" />
     @if (drawnCount(); as count) {
       <span
         data-part="counter"
+        data-part-counter=""
         [id]="ids().counter"
         [attr.data-invalid]="countOver() ? '' : null"
         >{{ formatCount(count) }}</span
@@ -500,7 +502,7 @@ class SlField {
       >
         <ng-content select="[slFieldError]" />
       </p>
-    }`, isInline: true, styles: ["@layer slotted.components{[data-ui=field][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_control-block-size: var(--slotted-control-height-md, 34px);--_row-gap: var(--slotted-field-row-gap, var(--slotted-space-3, .375rem));--_column-gap: var(--slotted-field-column-gap, var(--slotted-space-5, .75rem));align-content:start;container-name:slotted-field;container-type:inline-size;display:grid;font-family:var(--slotted-field-font-family, var(--slotted-control-font-family, sans-serif));grid-template-columns:minmax(0,var(--slotted-field-label-inline-size, 12rem)) minmax(0,1fr) auto;min-inline-size:0;row-gap:var(--_row-gap)}[data-ui=field][data-part=root]>*{grid-column:1 / -1}[data-ui=field]>[data-part=control]{min-inline-size:0}[data-ui=field][data-part=root][data-size=sm]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-sm, 14px) );--_help-inner-size: var(--slotted-control-inner-size-sm, 22px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_control-block-size: var(--slotted-control-height-sm, 30px)}[data-ui=field][data-part=root][data-size=md]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-sm, 14px) );--_help-inner-size: var(--slotted-control-inner-size-sm, 22px);--_font-size: var(--slotted-control-font-size-md, 13px);--_control-block-size: var(--slotted-control-height-md, 34px)}[data-ui=field][data-part=root][data-size=lg]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-md, 16px) );--_help-inner-size: var(--slotted-control-inner-size-md, 24px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_control-block-size: var(--slotted-control-height-lg, 38px)}[data-ui=field]>[data-part=label],[data-ui=field]>[data-part=header]>[data-part=label]{color:var(--slotted-field-label-color, var(--slotted-text));font-size:var(--_font-size);font-weight:var(--slotted-field-label-font-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=field]>[data-part=label],[data-ui=field]>[data-part=header]{grid-column:1 / -1;grid-row:1}[data-ui=field][data-part=root]:has(>[data-part=counter])>[data-part=label]{grid-column:1 / 3}[data-ui=field]>[data-part=label]>[data-part=mark],[data-ui=field]>[data-part=header]>[data-part=label]>[data-part=mark]{color:var(--slotted-field-mark-color, var(--slotted-tone-danger-text));margin-inline-start:var(--slotted-field-mark-gap, var(--slotted-space-2, .25rem));overflow-wrap:normal;unicode-bidi:isolate}[data-ui=field]:is([data-necessity=optional],[data-necessity=words])>[data-part=label]>[data-part=mark],[data-ui=field]:is([data-necessity=optional],[data-necessity=words])>[data-part=header]>[data-part=label]>[data-part=mark]{color:var(--slotted-field-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]>[data-part=header]{align-items:baseline;column-gap:var(--slotted-field-header-gap, var(--slotted-space-3, .375rem));display:flex;flex-wrap:wrap;font-size:var(--_font-size);line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0}[data-ui=field]>[data-part=header]>[data-part=label]{flex:0 1 auto}[data-ui=field]>[data-part=header]>[data-part=action],[data-ui=field]>[data-part=header]>[data-part=counter]{margin-inline-start:auto}[data-ui=field]>[data-part=header]>[data-part=action]~[data-part=counter]{margin-inline-start:var(--slotted-space-3, .375rem)}[data-ui=field]>[data-part=header]>[data-part=help]{--_box: max( min(calc(var(--_help-glyph) + 2 * var(--slotted-space-2, .25rem)), var(--_help-inner-size)), 1lh );--slotted-icon-size: var(--_help-glyph);appearance:none;background-color:transparent;block-size:var(--_box);border:0;border-radius:var(--slotted-field-help-radius, var(--slotted-control-radius, 4px));color:var(--slotted-field-help-color, var(--slotted-text-muted));cursor:pointer;display:inline-block;flex:none;font:inherit;inline-size:var(--_box);margin-block:calc((var(--_font-size) * var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45)) - var(--_box)) / 2);margin-inline-start:calc(var(--slotted-space-1, .125rem) - var(--slotted-field-header-gap, var(--slotted-space-3, .375rem)));padding:0;position:relative;text-align:center;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=field]>[data-part=header]>[data-part=help]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}[data-ui=field]>[data-part=header]>[data-part=help]>[data-ui=icon]{vertical-align:calc(((1cap + 1ex) / 2 - var(--_help-glyph)) / 2)}[data-ui=field]>[data-part=header]>[data-part=help]:enabled:hover,[data-ui=field]>[data-part=header]>[data-part=help][data-open]{background-color:var( --slotted-field-help-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) )}[data-ui=field]>[data-part=header]>[data-part=help]:enabled:active{background-color:var( --slotted-field-help-surface-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui=field]>[data-part=header]>[data-part=help]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=field]>[data-part=header]>[data-part=indicator]{align-items:center;align-self:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex;flex-wrap:wrap}[data-ui=field]>[data-part=header]>[data-part=action]{--_rest: var(--slotted-field-action-color, var(--slotted-tone-accent-text, LinkText));align-items:center;appearance:none;background:none;block-size:var(--slotted-target-min, 24px);border:0;border-radius:var(--slotted-field-action-radius, var(--slotted-control-radius, 4px));color:var(--_rest);cursor:pointer;display:inline-flex;flex:none;font-family:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));margin-block:calc((1lh - var(--slotted-target-min, 24px)) / 2);padding:0;text-decoration-color:transparent;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.15em;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),text-decoration-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);unicode-bidi:plaintext}[data-ui=field]>[data-part=header]>[data-part=action]:not(:disabled,[aria-disabled=true]):hover{color:var( --slotted-field-action-color-hover, color-mix(in oklab, var(--_rest) 65%, var(--slotted-text, CanvasText)) );text-decoration-color:currentColor}[data-ui=field]>[data-part=header]>[data-part=action]:not(:disabled,[aria-disabled=true]):active{color:var( --slotted-field-action-color-active, color-mix(in oklab, var(--_rest) 35%, var(--slotted-text, CanvasText)) );text-decoration-color:currentColor}[data-ui=field]>[data-part=header]>[data-part=action]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px);text-decoration-color:currentColor}[data-ui=field]>[data-part=header]>[data-part=action]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@media(pointer:coarse){[data-ui=field]>[data-part=header]>[data-part=action]{position:relative}[data-ui=field]>[data-part=header]>[data-part=help]:before,[data-ui=field]>[data-part=header]>[data-part=action]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=field]>[data-part=counter],[data-ui=field]>[data-part=header]>[data-part=counter]{color:var(--slotted-field-counter-color, var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm, 12px);font-variant-numeric:tabular-nums;line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=field]>[data-part=counter]{align-self:end;grid-column:3;grid-row:1;justify-self:end;padding-inline-start:var(--_column-gap)}[data-ui=field]>[data-part=counter][data-invalid],[data-ui=field]>[data-part=header]>[data-part=counter][data-invalid]{color:var(--slotted-field-counter-invalid-color, var(--slotted-tone-danger-text));font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=field]>[data-ui=inline-message]:not([data-reserve]):has([data-part=text]:empty){display:none}[data-ui=field][data-part=root]>[data-ui=inline-message]{font-size:var(--slotted-font-size-xs, .75rem)}[data-ui=field][data-part=root]>[data-ui=inline-message][data-tone=danger],[data-ui=field][data-part=root]>[data-ui=inline-message][data-tone=success]{font-weight:var(--slotted-font-weight-medium, 500)}@container slotted-field (min-width: 320px){[data-ui=field][data-part=root][data-label-placement=side]>*{align-self:start;grid-column:2 / 3}[data-ui=field][data-part=root][data-label-placement=side]>[data-part=label],[data-ui=field][data-part=root][data-label-placement=side]>[data-part=header]{grid-column:1;grid-row:1;padding-block-start:max(0px,calc((var(--_control-block-size) - 1lh) / 2));padding-inline-end:var(--_column-gap)}[data-ui=field][data-part=root][data-label-placement=side]>[data-part=counter]{grid-column:1;grid-row:2;justify-self:end;padding-inline:0 var(--_column-gap)}[data-ui=field][data-part=root][data-label-placement=side]>[data-part=header]>[data-part=counter]{flex-basis:100%;margin-inline-start:0;text-align:end}}[data-ui=field][data-part=root][data-disabled]>[data-part=label],[data-ui=field][data-part=root][data-disabled]>[data-part=counter],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=label],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=counter]{color:var(--slotted-disabled-foreground)}[data-ui=field][data-part=root][data-disabled]>[data-part=label]>[data-part=mark],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=label]>[data-part=mark]{color:var(--slotted-disabled-foreground)}[data-ui=field][data-part=root][data-disabled]>[data-part=counter][data-invalid],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=counter][data-invalid]{color:var(--slotted-disabled-foreground);font-weight:var(--slotted-font-weight-regular, 400)}}\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 });
+    }`, isInline: true, styles: ["@layer slotted.components{[data-ui-field][data-part-root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_control-block-size: var(--slotted-control-height-md, 34px);--_row-gap: var(--slotted-field-row-gap, var(--slotted-space-3, .375rem));--_column-gap: var(--slotted-field-column-gap, var(--slotted-space-5, .75rem));align-content:start;container-name:slotted-field;container-type:inline-size;display:grid;font-family:var(--slotted-field-font-family, var(--slotted-control-font-family, sans-serif));grid-template-columns:minmax(0,var(--slotted-field-label-inline-size, 12rem)) minmax(0,1fr) auto;min-inline-size:0;row-gap:var(--_row-gap)}[data-ui-field][data-part-root]>*{grid-column:1 / -1}[data-ui-field]>[data-part-control]{min-inline-size:0}[data-ui-field][data-part-root][data-size=sm]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-sm, 14px) );--_help-inner-size: var(--slotted-control-inner-size-sm, 22px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_control-block-size: var(--slotted-control-height-sm, 30px)}[data-ui-field][data-part-root][data-size=md]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-sm, 14px) );--_help-inner-size: var(--slotted-control-inner-size-sm, 22px);--_font-size: var(--slotted-control-font-size-md, 13px);--_control-block-size: var(--slotted-control-height-md, 34px)}[data-ui-field][data-part-root][data-size=lg]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-md, 16px) );--_help-inner-size: var(--slotted-control-inner-size-md, 24px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_control-block-size: var(--slotted-control-height-lg, 38px)}[data-ui-field]>[data-part-label],[data-ui-field]>[data-part-header]>[data-part-label]{color:var(--slotted-field-label-color, var(--slotted-text));font-size:var(--_font-size);font-weight:var(--slotted-field-label-font-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-field]>[data-part-label],[data-ui-field]>[data-part-header]{grid-column:1 / -1;grid-row:1}[data-ui-field][data-part-root]:has(>[data-part-counter])>[data-part-label]{grid-column:1 / 3}[data-ui-field]>[data-part-label]>[data-part-mark],[data-ui-field]>[data-part-header]>[data-part-label]>[data-part-mark]{color:var(--slotted-field-mark-color, var(--slotted-tone-danger-text));margin-inline-start:var(--slotted-field-mark-gap, var(--slotted-space-2, .25rem));overflow-wrap:normal;unicode-bidi:isolate}[data-ui-field]:is([data-necessity=optional],[data-necessity=words])>[data-part-label]>[data-part-mark],[data-ui-field]:is([data-necessity=optional],[data-necessity=words])>[data-part-header]>[data-part-label]>[data-part-mark]{color:var(--slotted-field-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]>[data-part-header]{align-items:baseline;column-gap:var(--slotted-field-header-gap, var(--slotted-space-3, .375rem));display:flex;flex-wrap:wrap;font-size:var(--_font-size);line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0}[data-ui-field]>[data-part-header]>[data-part-label]{flex:0 1 auto}[data-ui-field]>[data-part-header]>[data-part-action],[data-ui-field]>[data-part-header]>[data-part-counter]{margin-inline-start:auto}[data-ui-field]>[data-part-header]>[data-part-action]~[data-part-counter]{margin-inline-start:var(--slotted-space-3, .375rem)}[data-ui-field]>[data-part-header]>[data-part-help]{--_box: max( min(calc(var(--_help-glyph) + 2 * var(--slotted-space-2, .25rem)), var(--_help-inner-size)), 1lh );--slotted-icon-size: var(--_help-glyph);appearance:none;background-color:transparent;block-size:var(--_box);border:0;border-radius:var(--slotted-field-help-radius, var(--slotted-control-radius, 4px));color:var(--slotted-field-help-color, var(--slotted-text-muted));cursor:pointer;display:inline-block;flex:none;font:inherit;inline-size:var(--_box);margin-block:calc((var(--_font-size) * var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45)) - var(--_box)) / 2);margin-inline-start:calc(var(--slotted-space-1, .125rem) - var(--slotted-field-header-gap, var(--slotted-space-3, .375rem)));padding:0;position:relative;text-align:center;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-field]>[data-part-header]>[data-part-help]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}[data-ui-field]>[data-part-header]>[data-part-help]>[data-ui-icon]{vertical-align:calc(((1cap + 1ex) / 2 - var(--_help-glyph)) / 2)}[data-ui-field]>[data-part-header]>[data-part-help]:enabled:hover,[data-ui-field]>[data-part-header]>[data-part-help][data-open]{background-color:var( --slotted-field-help-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) )}[data-ui-field]>[data-part-header]>[data-part-help]:enabled:active{background-color:var( --slotted-field-help-surface-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui-field]>[data-part-header]>[data-part-help]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-field]>[data-part-header]>[data-part-indicator]{align-items:center;align-self:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex;flex-wrap:wrap}[data-ui-field]>[data-part-header]>[data-part-action]{--_rest: var(--slotted-field-action-color, var(--slotted-tone-accent-text, LinkText));align-items:center;appearance:none;background:none;block-size:var(--slotted-target-min, 24px);border:0;border-radius:var(--slotted-field-action-radius, var(--slotted-control-radius, 4px));color:var(--_rest);cursor:pointer;display:inline-flex;flex:none;font-family:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));margin-block:calc((1lh - var(--slotted-target-min, 24px)) / 2);padding:0;text-decoration-color:transparent;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.15em;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),text-decoration-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);unicode-bidi:plaintext}[data-ui-field]>[data-part-header]>[data-part-action]:not(:disabled,[aria-disabled=true]):hover{color:var( --slotted-field-action-color-hover, color-mix(in oklab, var(--_rest) 65%, var(--slotted-text, CanvasText)) );text-decoration-color:currentColor}[data-ui-field]>[data-part-header]>[data-part-action]:not(:disabled,[aria-disabled=true]):active{color:var( --slotted-field-action-color-active, color-mix(in oklab, var(--_rest) 35%, var(--slotted-text, CanvasText)) );text-decoration-color:currentColor}[data-ui-field]>[data-part-header]>[data-part-action]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px);text-decoration-color:currentColor}[data-ui-field]>[data-part-header]>[data-part-action]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@media(pointer:coarse){[data-ui-field]>[data-part-header]>[data-part-action]{position:relative}[data-ui-field]>[data-part-header]>[data-part-help]:before,[data-ui-field]>[data-part-header]>[data-part-action]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui-field]>[data-part-counter],[data-ui-field]>[data-part-header]>[data-part-counter]{color:var(--slotted-field-counter-color, var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm, 12px);font-variant-numeric:tabular-nums;line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-field]>[data-part-counter]{align-self:end;grid-column:3;grid-row:1;justify-self:end;padding-inline-start:var(--_column-gap)}[data-ui-field]>[data-part-counter][data-invalid],[data-ui-field]>[data-part-header]>[data-part-counter][data-invalid]{color:var(--slotted-field-counter-invalid-color, var(--slotted-tone-danger-text));font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-field]>[data-ui-inline-message]:not([data-reserve]):has([data-part-text]:empty){display:none}[data-ui-field][data-part-root]>[data-ui-inline-message]{font-size:var(--slotted-font-size-xs, .75rem)}[data-ui-field][data-part-root]>[data-ui-inline-message][data-tone=danger],[data-ui-field][data-part-root]>[data-ui-inline-message][data-tone=success]{font-weight:var(--slotted-font-weight-medium, 500)}@container slotted-field (min-width: 320px){[data-ui-field][data-part-root][data-label-placement=side]>*{align-self:start;grid-column:2 / 3}[data-ui-field][data-part-root][data-label-placement=side]>[data-part-label],[data-ui-field][data-part-root][data-label-placement=side]>[data-part-header]{grid-column:1;grid-row:1;padding-block-start:max(0px,calc((var(--_control-block-size) - 1lh) / 2));padding-inline-end:var(--_column-gap)}[data-ui-field][data-part-root][data-label-placement=side]>[data-part-counter]{grid-column:1;grid-row:2;justify-self:end;padding-inline:0 var(--_column-gap)}[data-ui-field][data-part-root][data-label-placement=side]>[data-part-header]>[data-part-counter]{flex-basis:100%;margin-inline-start:0;text-align:end}}[data-ui-field][data-part-root][data-disabled]>[data-part-label],[data-ui-field][data-part-root][data-disabled]>[data-part-counter],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-label],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-counter]{color:var(--slotted-disabled-foreground)}[data-ui-field][data-part-root][data-disabled]>[data-part-label]>[data-part-mark],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-label]>[data-part-mark]{color:var(--slotted-disabled-foreground)}[data-ui-field][data-part-root][data-disabled]>[data-part-counter][data-invalid],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-counter][data-invalid]{color:var(--slotted-disabled-foreground);font-weight:var(--slotted-font-weight-regular, 400)}}\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: SlField, decorators: [{
             type: Component,
@@ -509,6 +511,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     @if (drawnCount(); as count) {
       <span
         data-part="counter"
+        data-part-counter=""
         [id]="ids().counter"
         [attr.data-invalid]="countOver() ? '' : null"
         >{{ formatCount(count) }}</span
@@ -548,7 +551,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       </p>
     }`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, providers: [{ provide: SlFieldContext, useExisting: forwardRef(() => SlField) }], host: {
                         'data-ui': 'field',
+                        'data-ui-field': '',
                         'data-part': 'root',
+                        'data-part-root': '',
                         '[attr.data-size]': 'resolvedSize()',
                         '[attr.data-label-placement]': 'resolvedLabelPlacement()',
                         '[attr.data-necessity]': 'resolvedNecessity()',
@@ -556,7 +561,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '[attr.data-invalid]': "invalid() === true ? '' : null",
                         '[attr.data-readonly]': "resolvedReadOnly() === true ? '' : null",
                         '[attr.data-required]': "required() === true ? '' : null",
-                    }, styles: ["@layer slotted.components{[data-ui=field][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_control-block-size: var(--slotted-control-height-md, 34px);--_row-gap: var(--slotted-field-row-gap, var(--slotted-space-3, .375rem));--_column-gap: var(--slotted-field-column-gap, var(--slotted-space-5, .75rem));align-content:start;container-name:slotted-field;container-type:inline-size;display:grid;font-family:var(--slotted-field-font-family, var(--slotted-control-font-family, sans-serif));grid-template-columns:minmax(0,var(--slotted-field-label-inline-size, 12rem)) minmax(0,1fr) auto;min-inline-size:0;row-gap:var(--_row-gap)}[data-ui=field][data-part=root]>*{grid-column:1 / -1}[data-ui=field]>[data-part=control]{min-inline-size:0}[data-ui=field][data-part=root][data-size=sm]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-sm, 14px) );--_help-inner-size: var(--slotted-control-inner-size-sm, 22px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_control-block-size: var(--slotted-control-height-sm, 30px)}[data-ui=field][data-part=root][data-size=md]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-sm, 14px) );--_help-inner-size: var(--slotted-control-inner-size-sm, 22px);--_font-size: var(--slotted-control-font-size-md, 13px);--_control-block-size: var(--slotted-control-height-md, 34px)}[data-ui=field][data-part=root][data-size=lg]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-md, 16px) );--_help-inner-size: var(--slotted-control-inner-size-md, 24px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_control-block-size: var(--slotted-control-height-lg, 38px)}[data-ui=field]>[data-part=label],[data-ui=field]>[data-part=header]>[data-part=label]{color:var(--slotted-field-label-color, var(--slotted-text));font-size:var(--_font-size);font-weight:var(--slotted-field-label-font-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=field]>[data-part=label],[data-ui=field]>[data-part=header]{grid-column:1 / -1;grid-row:1}[data-ui=field][data-part=root]:has(>[data-part=counter])>[data-part=label]{grid-column:1 / 3}[data-ui=field]>[data-part=label]>[data-part=mark],[data-ui=field]>[data-part=header]>[data-part=label]>[data-part=mark]{color:var(--slotted-field-mark-color, var(--slotted-tone-danger-text));margin-inline-start:var(--slotted-field-mark-gap, var(--slotted-space-2, .25rem));overflow-wrap:normal;unicode-bidi:isolate}[data-ui=field]:is([data-necessity=optional],[data-necessity=words])>[data-part=label]>[data-part=mark],[data-ui=field]:is([data-necessity=optional],[data-necessity=words])>[data-part=header]>[data-part=label]>[data-part=mark]{color:var(--slotted-field-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]>[data-part=header]{align-items:baseline;column-gap:var(--slotted-field-header-gap, var(--slotted-space-3, .375rem));display:flex;flex-wrap:wrap;font-size:var(--_font-size);line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0}[data-ui=field]>[data-part=header]>[data-part=label]{flex:0 1 auto}[data-ui=field]>[data-part=header]>[data-part=action],[data-ui=field]>[data-part=header]>[data-part=counter]{margin-inline-start:auto}[data-ui=field]>[data-part=header]>[data-part=action]~[data-part=counter]{margin-inline-start:var(--slotted-space-3, .375rem)}[data-ui=field]>[data-part=header]>[data-part=help]{--_box: max( min(calc(var(--_help-glyph) + 2 * var(--slotted-space-2, .25rem)), var(--_help-inner-size)), 1lh );--slotted-icon-size: var(--_help-glyph);appearance:none;background-color:transparent;block-size:var(--_box);border:0;border-radius:var(--slotted-field-help-radius, var(--slotted-control-radius, 4px));color:var(--slotted-field-help-color, var(--slotted-text-muted));cursor:pointer;display:inline-block;flex:none;font:inherit;inline-size:var(--_box);margin-block:calc((var(--_font-size) * var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45)) - var(--_box)) / 2);margin-inline-start:calc(var(--slotted-space-1, .125rem) - var(--slotted-field-header-gap, var(--slotted-space-3, .375rem)));padding:0;position:relative;text-align:center;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=field]>[data-part=header]>[data-part=help]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}[data-ui=field]>[data-part=header]>[data-part=help]>[data-ui=icon]{vertical-align:calc(((1cap + 1ex) / 2 - var(--_help-glyph)) / 2)}[data-ui=field]>[data-part=header]>[data-part=help]:enabled:hover,[data-ui=field]>[data-part=header]>[data-part=help][data-open]{background-color:var( --slotted-field-help-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) )}[data-ui=field]>[data-part=header]>[data-part=help]:enabled:active{background-color:var( --slotted-field-help-surface-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui=field]>[data-part=header]>[data-part=help]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=field]>[data-part=header]>[data-part=indicator]{align-items:center;align-self:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex;flex-wrap:wrap}[data-ui=field]>[data-part=header]>[data-part=action]{--_rest: var(--slotted-field-action-color, var(--slotted-tone-accent-text, LinkText));align-items:center;appearance:none;background:none;block-size:var(--slotted-target-min, 24px);border:0;border-radius:var(--slotted-field-action-radius, var(--slotted-control-radius, 4px));color:var(--_rest);cursor:pointer;display:inline-flex;flex:none;font-family:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));margin-block:calc((1lh - var(--slotted-target-min, 24px)) / 2);padding:0;text-decoration-color:transparent;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.15em;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),text-decoration-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);unicode-bidi:plaintext}[data-ui=field]>[data-part=header]>[data-part=action]:not(:disabled,[aria-disabled=true]):hover{color:var( --slotted-field-action-color-hover, color-mix(in oklab, var(--_rest) 65%, var(--slotted-text, CanvasText)) );text-decoration-color:currentColor}[data-ui=field]>[data-part=header]>[data-part=action]:not(:disabled,[aria-disabled=true]):active{color:var( --slotted-field-action-color-active, color-mix(in oklab, var(--_rest) 35%, var(--slotted-text, CanvasText)) );text-decoration-color:currentColor}[data-ui=field]>[data-part=header]>[data-part=action]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px);text-decoration-color:currentColor}[data-ui=field]>[data-part=header]>[data-part=action]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@media(pointer:coarse){[data-ui=field]>[data-part=header]>[data-part=action]{position:relative}[data-ui=field]>[data-part=header]>[data-part=help]:before,[data-ui=field]>[data-part=header]>[data-part=action]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui=field]>[data-part=counter],[data-ui=field]>[data-part=header]>[data-part=counter]{color:var(--slotted-field-counter-color, var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm, 12px);font-variant-numeric:tabular-nums;line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=field]>[data-part=counter]{align-self:end;grid-column:3;grid-row:1;justify-self:end;padding-inline-start:var(--_column-gap)}[data-ui=field]>[data-part=counter][data-invalid],[data-ui=field]>[data-part=header]>[data-part=counter][data-invalid]{color:var(--slotted-field-counter-invalid-color, var(--slotted-tone-danger-text));font-weight:var(--slotted-font-weight-medium, 500)}[data-ui=field]>[data-ui=inline-message]:not([data-reserve]):has([data-part=text]:empty){display:none}[data-ui=field][data-part=root]>[data-ui=inline-message]{font-size:var(--slotted-font-size-xs, .75rem)}[data-ui=field][data-part=root]>[data-ui=inline-message][data-tone=danger],[data-ui=field][data-part=root]>[data-ui=inline-message][data-tone=success]{font-weight:var(--slotted-font-weight-medium, 500)}@container slotted-field (min-width: 320px){[data-ui=field][data-part=root][data-label-placement=side]>*{align-self:start;grid-column:2 / 3}[data-ui=field][data-part=root][data-label-placement=side]>[data-part=label],[data-ui=field][data-part=root][data-label-placement=side]>[data-part=header]{grid-column:1;grid-row:1;padding-block-start:max(0px,calc((var(--_control-block-size) - 1lh) / 2));padding-inline-end:var(--_column-gap)}[data-ui=field][data-part=root][data-label-placement=side]>[data-part=counter]{grid-column:1;grid-row:2;justify-self:end;padding-inline:0 var(--_column-gap)}[data-ui=field][data-part=root][data-label-placement=side]>[data-part=header]>[data-part=counter]{flex-basis:100%;margin-inline-start:0;text-align:end}}[data-ui=field][data-part=root][data-disabled]>[data-part=label],[data-ui=field][data-part=root][data-disabled]>[data-part=counter],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=label],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=counter]{color:var(--slotted-disabled-foreground)}[data-ui=field][data-part=root][data-disabled]>[data-part=label]>[data-part=mark],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=label]>[data-part=mark]{color:var(--slotted-disabled-foreground)}[data-ui=field][data-part=root][data-disabled]>[data-part=counter][data-invalid],[data-ui=field][data-part=root][data-disabled]>[data-part=header]>[data-part=counter][data-invalid]{color:var(--slotted-disabled-foreground);font-weight:var(--slotted-font-weight-regular, 400)}}\n"] }]
+                    }, styles: ["@layer slotted.components{[data-ui-field][data-part-root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_control-block-size: var(--slotted-control-height-md, 34px);--_row-gap: var(--slotted-field-row-gap, var(--slotted-space-3, .375rem));--_column-gap: var(--slotted-field-column-gap, var(--slotted-space-5, .75rem));align-content:start;container-name:slotted-field;container-type:inline-size;display:grid;font-family:var(--slotted-field-font-family, var(--slotted-control-font-family, sans-serif));grid-template-columns:minmax(0,var(--slotted-field-label-inline-size, 12rem)) minmax(0,1fr) auto;min-inline-size:0;row-gap:var(--_row-gap)}[data-ui-field][data-part-root]>*{grid-column:1 / -1}[data-ui-field]>[data-part-control]{min-inline-size:0}[data-ui-field][data-part-root][data-size=sm]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-sm, 14px) );--_help-inner-size: var(--slotted-control-inner-size-sm, 22px);--_font-size: var(--slotted-control-font-size-sm, 12px);--_control-block-size: var(--slotted-control-height-sm, 30px)}[data-ui-field][data-part-root][data-size=md]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-sm, 14px) );--_help-inner-size: var(--slotted-control-inner-size-sm, 22px);--_font-size: var(--slotted-control-font-size-md, 13px);--_control-block-size: var(--slotted-control-height-md, 34px)}[data-ui-field][data-part-root][data-size=lg]{--_help-glyph: max( var(--slotted-field-icon-size-min, 14px), var(--slotted-control-icon-size-md, 16px) );--_help-inner-size: var(--slotted-control-inner-size-md, 24px);--_font-size: var(--slotted-control-font-size-lg, 14px);--_control-block-size: var(--slotted-control-height-lg, 38px)}[data-ui-field]>[data-part-label],[data-ui-field]>[data-part-header]>[data-part-label]{color:var(--slotted-field-label-color, var(--slotted-text));font-size:var(--_font-size);font-weight:var(--slotted-field-label-font-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-field]>[data-part-label],[data-ui-field]>[data-part-header]{grid-column:1 / -1;grid-row:1}[data-ui-field][data-part-root]:has(>[data-part-counter])>[data-part-label]{grid-column:1 / 3}[data-ui-field]>[data-part-label]>[data-part-mark],[data-ui-field]>[data-part-header]>[data-part-label]>[data-part-mark]{color:var(--slotted-field-mark-color, var(--slotted-tone-danger-text));margin-inline-start:var(--slotted-field-mark-gap, var(--slotted-space-2, .25rem));overflow-wrap:normal;unicode-bidi:isolate}[data-ui-field]:is([data-necessity=optional],[data-necessity=words])>[data-part-label]>[data-part-mark],[data-ui-field]:is([data-necessity=optional],[data-necessity=words])>[data-part-header]>[data-part-label]>[data-part-mark]{color:var(--slotted-field-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]>[data-part-header]{align-items:baseline;column-gap:var(--slotted-field-header-gap, var(--slotted-space-3, .375rem));display:flex;flex-wrap:wrap;font-size:var(--_font-size);line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0}[data-ui-field]>[data-part-header]>[data-part-label]{flex:0 1 auto}[data-ui-field]>[data-part-header]>[data-part-action],[data-ui-field]>[data-part-header]>[data-part-counter]{margin-inline-start:auto}[data-ui-field]>[data-part-header]>[data-part-action]~[data-part-counter]{margin-inline-start:var(--slotted-space-3, .375rem)}[data-ui-field]>[data-part-header]>[data-part-help]{--_box: max( min(calc(var(--_help-glyph) + 2 * var(--slotted-space-2, .25rem)), var(--_help-inner-size)), 1lh );--slotted-icon-size: var(--_help-glyph);appearance:none;background-color:transparent;block-size:var(--_box);border:0;border-radius:var(--slotted-field-help-radius, var(--slotted-control-radius, 4px));color:var(--slotted-field-help-color, var(--slotted-text-muted));cursor:pointer;display:inline-block;flex:none;font:inherit;inline-size:var(--_box);margin-block:calc((var(--_font-size) * var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45)) - var(--_box)) / 2);margin-inline-start:calc(var(--slotted-space-1, .125rem) - var(--slotted-field-header-gap, var(--slotted-space-3, .375rem)));padding:0;position:relative;text-align:center;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-field]>[data-part-header]>[data-part-help]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}[data-ui-field]>[data-part-header]>[data-part-help]>[data-ui-icon]{vertical-align:calc(((1cap + 1ex) / 2 - var(--_help-glyph)) / 2)}[data-ui-field]>[data-part-header]>[data-part-help]:enabled:hover,[data-ui-field]>[data-part-header]>[data-part-help][data-open]{background-color:var( --slotted-field-help-surface-hover, var(--slotted-tone-secondary-subtle-hover, ButtonFace) )}[data-ui-field]>[data-part-header]>[data-part-help]:enabled:active{background-color:var( --slotted-field-help-surface-active, var(--slotted-tone-secondary-subtle-active, ButtonFace) )}[data-ui-field]>[data-part-header]>[data-part-help]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-field]>[data-part-header]>[data-part-indicator]{align-items:center;align-self:center;column-gap:var(--slotted-space-2, .25rem);display:inline-flex;flex-wrap:wrap}[data-ui-field]>[data-part-header]>[data-part-action]{--_rest: var(--slotted-field-action-color, var(--slotted-tone-accent-text, LinkText));align-items:center;appearance:none;background:none;block-size:var(--slotted-target-min, 24px);border:0;border-radius:var(--slotted-field-action-radius, var(--slotted-control-radius, 4px));color:var(--_rest);cursor:pointer;display:inline-flex;flex:none;font-family:inherit;font-size:var(--slotted-control-font-size-sm, 12px);font-weight:var(--slotted-font-weight-regular, 400);line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));margin-block:calc((1lh - var(--slotted-target-min, 24px)) / 2);padding:0;text-decoration-color:transparent;text-decoration-line:underline;text-decoration-thickness:from-font;text-underline-offset:.15em;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),text-decoration-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);unicode-bidi:plaintext}[data-ui-field]>[data-part-header]>[data-part-action]:not(:disabled,[aria-disabled=true]):hover{color:var( --slotted-field-action-color-hover, color-mix(in oklab, var(--_rest) 65%, var(--slotted-text, CanvasText)) );text-decoration-color:currentColor}[data-ui-field]>[data-part-header]>[data-part-action]:not(:disabled,[aria-disabled=true]):active{color:var( --slotted-field-action-color-active, color-mix(in oklab, var(--_rest) 35%, var(--slotted-text, CanvasText)) );text-decoration-color:currentColor}[data-ui-field]>[data-part-header]>[data-part-action]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px);text-decoration-color:currentColor}[data-ui-field]>[data-part-header]>[data-part-action]:is(:disabled,[aria-disabled=true]){color:var(--slotted-disabled-foreground, GrayText);cursor:not-allowed}@media(pointer:coarse){[data-ui-field]>[data-part-header]>[data-part-action]{position:relative}[data-ui-field]>[data-part-header]>[data-part-help]:before,[data-ui-field]>[data-part-header]>[data-part-action]:before{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2));position:absolute}}[data-ui-field]>[data-part-counter],[data-ui-field]>[data-part-header]>[data-part-counter]{color:var(--slotted-field-counter-color, var(--slotted-text-muted));font-size:var(--slotted-control-font-size-sm, 12px);font-variant-numeric:tabular-nums;line-height:var(--slotted-field-line-height, var(--slotted-line-height-sm, 1.45));transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-field]>[data-part-counter]{align-self:end;grid-column:3;grid-row:1;justify-self:end;padding-inline-start:var(--_column-gap)}[data-ui-field]>[data-part-counter][data-invalid],[data-ui-field]>[data-part-header]>[data-part-counter][data-invalid]{color:var(--slotted-field-counter-invalid-color, var(--slotted-tone-danger-text));font-weight:var(--slotted-font-weight-medium, 500)}[data-ui-field]>[data-ui-inline-message]:not([data-reserve]):has([data-part-text]:empty){display:none}[data-ui-field][data-part-root]>[data-ui-inline-message]{font-size:var(--slotted-font-size-xs, .75rem)}[data-ui-field][data-part-root]>[data-ui-inline-message][data-tone=danger],[data-ui-field][data-part-root]>[data-ui-inline-message][data-tone=success]{font-weight:var(--slotted-font-weight-medium, 500)}@container slotted-field (min-width: 320px){[data-ui-field][data-part-root][data-label-placement=side]>*{align-self:start;grid-column:2 / 3}[data-ui-field][data-part-root][data-label-placement=side]>[data-part-label],[data-ui-field][data-part-root][data-label-placement=side]>[data-part-header]{grid-column:1;grid-row:1;padding-block-start:max(0px,calc((var(--_control-block-size) - 1lh) / 2));padding-inline-end:var(--_column-gap)}[data-ui-field][data-part-root][data-label-placement=side]>[data-part-counter]{grid-column:1;grid-row:2;justify-self:end;padding-inline:0 var(--_column-gap)}[data-ui-field][data-part-root][data-label-placement=side]>[data-part-header]>[data-part-counter]{flex-basis:100%;margin-inline-start:0;text-align:end}}[data-ui-field][data-part-root][data-disabled]>[data-part-label],[data-ui-field][data-part-root][data-disabled]>[data-part-counter],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-label],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-counter]{color:var(--slotted-disabled-foreground)}[data-ui-field][data-part-root][data-disabled]>[data-part-label]>[data-part-mark],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-label]>[data-part-mark]{color:var(--slotted-disabled-foreground)}[data-ui-field][data-part-root][data-disabled]>[data-part-counter][data-invalid],[data-ui-field][data-part-root][data-disabled]>[data-part-header]>[data-part-counter][data-invalid]{color:var(--slotted-disabled-foreground);font-weight:var(--slotted-font-weight-regular, 400)}}\n"] }]
         }], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], labelPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelPlacement", required: false }] }], necessity: [{ type: i0.Input, args: [{ isSignal: true, alias: "necessity", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", 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 }] }], writtenCounter: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlFieldCounter), { ...{ descendants: true }, isSignal: true }] }], header: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlFieldHeaderSlot), { isSignal: true }] }], help: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlFieldHelpSlot), { ...{ descendants: true }, isSignal: true }] }], indicator: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlFieldIndicatorSlot), { ...{ descendants: true }, isSignal: true }] }], description: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlFieldDescription), { ...{ descendants: false }, isSignal: true }] }], error: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlFieldError), { ...{ descendants: false }, isSignal: true }] }] } });
 
 /**
@@ -588,9 +593,11 @@ class SlFieldLabel {
     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: SlFieldLabel, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlFieldLabel, isStandalone: true, selector: "label[slFieldLabel]", host: { attributes: { "data-part": "label" }, properties: { "attr.for": "labelFor()", "attr.id": "labelId()" } }, exportAs: ["slFieldLabel"], ngImport: i0, template: `<ng-content />
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlFieldLabel, isStandalone: true, selector: "label[slFieldLabel]", host: { attributes: { "data-part": "label", "data-part-label": "" }, properties: { "attr.for": "labelFor()", "attr.id": "labelId()" } }, exportAs: ["slFieldLabel"], ngImport: i0, template: `<ng-content />
     @if (mark(); as text) {
-      <span data-part="mark" [attr.aria-hidden]="markHidden() ? 'true' : null">{{ text }}</span>
+      <span data-part="mark" 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: SlFieldLabel, decorators: [{
@@ -601,12 +608,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slFieldLabel',
                     template: `<ng-content />
     @if (mark(); as text) {
-      <span data-part="mark" [attr.aria-hidden]="markHidden() ? 'true' : null">{{ text }}</span>
+      <span data-part="mark" data-part-mark="" [attr.aria-hidden]="markHidden() ? 'true' : null">{{
+        text
+      }}</span>
     }`,
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
                     host: {
                         'data-part': 'label',
+                        'data-part-label': '',
                         '[attr.for]': 'labelFor()',
                         '[attr.id]': 'labelId()',
                     },
@@ -657,7 +667,7 @@ class SlFieldControl {
     readonlyAttribute = computed(() => this.writtenReadonly ?? (this.field.resolvedReadOnly() === true ? '' : null), /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "readonlyAttribute" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFieldControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlFieldControl, isStandalone: true, selector: "[slFieldControl]", host: { attributes: { "data-part": "control" }, properties: { "attr.id": "controlId()", "attr.aria-describedby": "describedBy()", "attr.aria-invalid": "ariaInvalid()", "attr.aria-required": "ariaRequired()", "attr.disabled": "disabledAttribute()", "attr.readonly": "readonlyAttribute()" } }, exportAs: ["slFieldControl"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlFieldControl, isStandalone: true, selector: "[slFieldControl]", host: { attributes: { "data-part": "control", "data-part-control": "" }, properties: { "attr.id": "controlId()", "attr.aria-describedby": "describedBy()", "attr.aria-invalid": "ariaInvalid()", "attr.aria-required": "ariaRequired()", "attr.disabled": "disabledAttribute()", "attr.readonly": "readonlyAttribute()" } }, exportAs: ["slFieldControl"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFieldControl, decorators: [{
             type: Directive,
@@ -667,6 +677,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slFieldControl',
                     host: {
                         'data-part': 'control',
+                        'data-part-control': '',
                         '[attr.id]': 'controlId()',
                         '[attr.aria-describedby]': 'describedBy()',
                         '[attr.aria-invalid]': 'ariaInvalid()',
@@ -690,7 +701,7 @@ class SlFieldAction {
             ? 'button'
             : null);
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFieldAction, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlFieldAction, isStandalone: true, selector: "[slFieldAction]", host: { attributes: { "data-part": "action" }, properties: { "attr.type": "type" } }, exportAs: ["slFieldAction"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlFieldAction, isStandalone: true, selector: "[slFieldAction]", host: { attributes: { "data-part": "action", "data-part-action": "" }, properties: { "attr.type": "type" } }, exportAs: ["slFieldAction"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFieldAction, decorators: [{
             type: Directive,
@@ -700,6 +711,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slFieldAction',
                     host: {
                         'data-part': 'action',
+                        'data-part-action': '',
                         '[attr.type]': 'type',
                     },
                 }]
@@ -725,10 +737,11 @@ class SlFieldHeader {
     ...(ngDevMode ? [{ debugName: "countOver" }] : /* istanbul ignore next */ []));
     formatCount = formatFieldCount;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFieldHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlFieldHeader, isStandalone: true, selector: "[slFieldHeader]", host: { attributes: { "data-part": "header" } }, providers: [{ provide: SlFieldHeaderSlot, useExisting: forwardRef(() => SlFieldHeader) }], exportAs: ["slFieldHeader"], ngImport: i0, template: `<ng-content />
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlFieldHeader, isStandalone: true, selector: "[slFieldHeader]", host: { attributes: { "data-part": "header", "data-part-header": "" } }, providers: [{ provide: SlFieldHeaderSlot, useExisting: forwardRef(() => SlFieldHeader) }], exportAs: ["slFieldHeader"], ngImport: i0, template: `<ng-content />
     @if (drawnCount(); as count) {
       <span
         data-part="counter"
+        data-part-counter=""
         [id]="field.ids().counter"
         [attr.data-invalid]="countOver() ? '' : null"
         >{{ formatCount(count) }}</span
@@ -745,6 +758,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
     @if (drawnCount(); as count) {
       <span
         data-part="counter"
+        data-part-counter=""
         [id]="field.ids().counter"
         [attr.data-invalid]="countOver() ? '' : null"
         >{{ formatCount(count) }}</span
@@ -753,7 +767,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     changeDetection: ChangeDetectionStrategy.OnPush,
                     encapsulation: ViewEncapsulation.None,
                     providers: [{ provide: SlFieldHeaderSlot, useExisting: forwardRef(() => SlFieldHeader) }],
-                    host: { 'data-part': 'header' },
+                    host: { 'data-part': 'header', 'data-part-header': '' },
                 }]
         }] });
 /**
@@ -768,7 +782,7 @@ class SlFieldIndicator {
     indicatorId = computed(() => this.writtenId ?? this.field.ids().indicator, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "indicatorId" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFieldIndicator, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlFieldIndicator, isStandalone: true, selector: "[slFieldIndicator]", host: { attributes: { "data-part": "indicator" }, properties: { "attr.id": "indicatorId()" } }, providers: [{ provide: SlFieldIndicatorSlot, useExisting: forwardRef(() => SlFieldIndicator) }], exportAs: ["slFieldIndicator"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlFieldIndicator, isStandalone: true, selector: "[slFieldIndicator]", host: { attributes: { "data-part": "indicator", "data-part-indicator": "" }, properties: { "attr.id": "indicatorId()" } }, providers: [{ provide: SlFieldIndicatorSlot, useExisting: forwardRef(() => SlFieldIndicator) }], exportAs: ["slFieldIndicator"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFieldIndicator, decorators: [{
             type: Directive,
@@ -779,6 +793,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     providers: [{ provide: SlFieldIndicatorSlot, useExisting: forwardRef(() => SlFieldIndicator) }],
                     host: {
                         'data-part': 'indicator',
+                        'data-part-indicator': '',
                         '[attr.id]': 'indicatorId()',
                     },
                 }]
@@ -869,11 +884,13 @@ class SlFieldHelp {
         this.tooltip.toggle(true, reason, event);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlFieldHelp, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlFieldHelp, isStandalone: true, selector: "button[slFieldHelp]", inputs: { slFieldHelp: { classPropertyName: "slFieldHelp", publicName: "slFieldHelp", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "help", "type": "button" }, listeners: { "pointerenter": "enter($event)", "pointerleave": "leave($event)", "focus": "focus($event)", "blur": "blur($event)", "click": "press($event)" }, properties: { "attr.aria-label": "label()", "attr.aria-describedby": "describedBy()" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlFieldHelp, isStandalone: true, selector: "button[slFieldHelp]", inputs: { slFieldHelp: { classPropertyName: "slFieldHelp", publicName: "slFieldHelp", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "help", "data-part-help": "", "type": "button" }, listeners: { "pointerenter": "enter($event)", "pointerleave": "leave($event)", "focus": "focus($event)", "blur": "blur($event)", "click": "press($event)" }, properties: { "attr.aria-label": "label()", "attr.aria-describedby": "describedBy()" } }, providers: [
             provideTooltipDefaults({ closeOnPress: false, describes: 'none', openOn: 'manual' }),
             { provide: SlFieldHelpSlot, useExisting: forwardRef(() => SlFieldHelp) },
         ], exportAs: ["slFieldHelp"], hostDirectives: [{ directive: i1.SlTooltip, inputs: ["open", "open", "side", "side"], outputs: ["openChange", "openChange", "openChangeRequest", "openChangeRequest"] }, { directive: i1.SlTooltipTrigger }], ngImport: i0, template: `<span slIcon aria-hidden="true"><svg slGlyph name="circle-question"></svg></span>
-    <span data-part="help-text" hidden [id]="textId()">{{ slFieldHelp() }}</span>
+    <span data-part="help-text" data-part-help-text="" hidden [id]="textId()">{{
+      slFieldHelp()
+    }}</span>
     <ng-template slTooltipLayer>
       <div slTooltipContent>{{ slFieldHelp() }}</div>
       <div slTooltipArrow></div>
@@ -895,7 +912,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         SlTooltipTrigger,
                     ],
                     template: `<span slIcon aria-hidden="true"><svg slGlyph name="circle-question"></svg></span>
-    <span data-part="help-text" hidden [id]="textId()">{{ slFieldHelp() }}</span>
+    <span data-part="help-text" data-part-help-text="" hidden [id]="textId()">{{
+      slFieldHelp()
+    }}</span>
     <ng-template slTooltipLayer>
       <div slTooltipContent>{{ slFieldHelp() }}</div>
       <div slTooltipArrow></div>
@@ -908,6 +927,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     ],
                     host: {
                         'data-part': 'help',
+                        'data-part-help': '',
                         type: 'button',
                         '[attr.aria-label]': 'label()',
                         '[attr.aria-describedby]': 'describedBy()',