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

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

@@ -1,12 +1,12 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, input, contentChild, computed, signal, DestroyRef, ViewEncapsulation, ChangeDetectionStrategy, Component, numberAttribute, booleanAttribute, output, ElementRef, HostAttributeToken, effect, forwardRef, Directive } from '@angular/core';
+import { InjectionToken, inject, input, computed, contentChild, signal, DestroyRef, ViewEncapsulation, ChangeDetectionStrategy, Component, numberAttribute, booleanAttribute, output, ElementRef, HostAttributeToken, effect, forwardRef, Directive } from '@angular/core';
 import { injectMessages, injectLocale } from '@slotted/angular/i18n';
 import { SlGlyph, SlIcon } from '@slotted/angular/icon';
 import { currencyFieldMessages } from '@slotted/core/i18n';
 import { STEP_REPEAT_DELAY_COARSE, STEP_REPEAT_DELAY, STEP_REPEAT_INTERVAL, stepNumber, SCRUB_SENSITIVITY, createScrub } from '@slotted/core/number';
 import { SlField } from '@slotted/angular/field';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { createCurrencyFormat, MAX_AMOUNT_DIGITS, withAmount } from '@slotted/core/currency';
+import { currencyAffix, createCurrencyFormat, amountFromUnit, MAX_AMOUNT_DIGITS, requestInUnit, withAmount } from '@slotted/core/currency';
 import { clamp } from '@slotted/core/measure';
 import { createControllable } from '@slotted/core/state';
 
@@ -19,6 +19,7 @@ const FALLBACK = {
     formatOn: 'change',
     size: 'md',
     stepper: 'none',
+    unit: 'major',
     variant: 'outline',
 };
 const CURRENCY_FIELD_DEFAULTS = new InjectionToken('slotted currency field defaults', { providedIn: 'root', factory: () => FALLBACK });
@@ -80,6 +81,15 @@ class SlCurrencyField {
     /** Defaults to the token, then to `outline`. */
     variant = input(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /**
+     * A field among fields, or the headline amount of an entry sheet. Defaults
+     * to `control`. `display` sets its own type step and draws a rule rather
+     * than a box, so `size` and `variant` do not apply to it.
+     */
+    appearance = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "appearance" }] : /* istanbul ignore next */ []));
+    resolvedAppearance = computed(() => this.appearance() ?? 'control', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedAppearance" }] : /* istanbul ignore next */ []));
     /** Which edge the amount is set against. Defaults to the token, then `end`. */
     align = input(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "align" }] : /* istanbul ignore next */ []));
@@ -132,7 +142,7 @@ class SlCurrencyField {
     decrementDisabled = computed(() => this.inert() || this.control()?.atMin() === true, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "decrementDisabled" }] : /* istanbul ignore next */ []));
     hiddenValue = computed(() => {
-        const value = this.control()?.numberValue() ?? null;
+        const value = this.control()?.submittedValue() ?? null;
         return value === null ? '' : String(value);
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "hiddenValue" }] : /* istanbul ignore next */ []));
@@ -170,9 +180,10 @@ class SlCurrencyField {
         this.interval = undefined;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCurrencyField, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlCurrencyField, isStandalone: true, selector: "[slCurrencyField]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, stepper: { classPropertyName: "stepper", publicName: "stepper", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "currency-field", "data-part": "root" }, properties: { "attr.data-size": "resolvedSize()", "attr.data-variant": "resolvedVariant()", "attr.data-align": "resolvedAlign()", "attr.data-entry": "resolvedEntry()", "attr.data-stepper": "resolvedStepper()", "attr.data-disabled": "control()?.resolvedDisabled() === true ? '' : null", "attr.data-invalid": "control()?.resolvedInvalid() === true ? '' : null", "attr.data-readonly": "control()?.resolvedReadOnly() === true ? '' : null", "attr.data-scrubbing": "scrubbing() ? '' : null" } }, queries: [{ propertyName: "control", first: true, predicate: SlCurrencyFieldControl, descendants: true, isSignal: true }], exportAs: ["slCurrencyField"], ngImport: i0, template: `@if (resolvedStepper() === 'split') {
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlCurrencyField, isStandalone: true, selector: "[slCurrencyField]", inputs: { size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, appearance: { classPropertyName: "appearance", publicName: "appearance", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, stepper: { classPropertyName: "stepper", publicName: "stepper", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-ui": "currency-field", "data-ui-currency-field": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-size": "resolvedSize()", "attr.data-variant": "resolvedVariant()", "attr.data-align": "resolvedAlign()", "attr.data-appearance": "resolvedAppearance()", "attr.data-entry": "resolvedEntry()", "attr.data-stepper": "resolvedStepper()", "attr.data-disabled": "control()?.resolvedDisabled() === true ? '' : null", "attr.data-invalid": "control()?.resolvedInvalid() === true ? '' : null", "attr.data-readonly": "control()?.resolvedReadOnly() === true ? '' : null", "attr.data-scrubbing": "scrubbing() ? '' : null" } }, queries: [{ propertyName: "control", first: true, predicate: SlCurrencyFieldControl, descendants: true, isSignal: true }], exportAs: ["slCurrencyField"], ngImport: i0, template: `@if (resolvedStepper() === 'split') {
       <button
         data-part="decrement"
+        data-part-decrement=""
         type="button"
         tabindex="-1"
         [attr.aria-controls]="control()?.controlId()"
@@ -187,11 +198,22 @@ class SlCurrencyField {
       </button>
     }
     <ng-content select="[slCurrencyFieldStart]" />
+    @if (control()?.affix(); as affix) {
+      @if (affix.position === 'start') {
+        <span data-part="symbol" data-part-symbol="">{{ affix.text }}</span>
+      }
+    }
     <ng-content />
+    @if (control()?.affix(); as affix) {
+      @if (affix.position === 'end') {
+        <span data-part="symbol" data-part-symbol="">{{ affix.text }}</span>
+      }
+    }
     <ng-content select="[slCurrencyFieldEnd]" />
     @if (resolvedStepper() === 'split') {
       <button
         data-part="increment"
+        data-part-increment=""
         type="button"
         tabindex="-1"
         [attr.aria-controls]="control()?.controlId()"
@@ -205,9 +227,10 @@ class SlCurrencyField {
         <span slIcon><svg slGlyph name="plus"></svg></span>
       </button>
     } @else if (resolvedStepper() === 'stacked') {
-      <span data-part="stepper">
+      <span data-part="stepper" data-part-stepper="">
         <button
           data-part="increment"
+          data-part-increment=""
           type="button"
           tabindex="-1"
           [attr.aria-controls]="control()?.controlId()"
@@ -224,6 +247,7 @@ class SlCurrencyField {
         </button>
         <button
           data-part="decrement"
+          data-part-decrement=""
           type="button"
           tabindex="-1"
           [attr.aria-controls]="control()?.controlId()"
@@ -245,13 +269,14 @@ class SlCurrencyField {
         [attr.form]="control()?.submissionForm()"
         [value]="hiddenValue()"
       />
-    }`, isInline: true, styles: ["@layer slotted.components{[data-ui=currency-field][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-floor: var(--slotted-currency-field-icon-size-min, 14px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-md, 16px));--_inner-size: var(--slotted-control-inner-size-md, 24px);--_stepper-size: var( --slotted-currency-field-stepper-size, max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) ) );--_action-size: var( --slotted-currency-field-action-size, min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_inset: max( 0px, calc( (var(--_height) - 2 * var(--slotted-control-border-width, 1px) - var(--_action-size)) / 2 ) );--_action-radius: max( var(--slotted-radius-xs, 2px), calc(var(--slotted-currency-field-radius, var(--slotted-control-radius, 4px)) - var(--_inset)) );--_column-inset: var(--slotted-space-1, 2px);--_column-radius: max( var(--slotted-radius-xs, 2px), calc( var(--slotted-currency-field-radius, var(--slotted-control-radius, 4px)) - var(--_column-inset) ) );align-items:center;background-color:var( --slotted-currency-field-background, var(--slotted-control-surface, Field) );border:var(--slotted-control-border-width, 1px) solid var(--slotted-currency-field-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--slotted-currency-field-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-currency-field-shadow, var(--slotted-control-shadow, none));box-sizing:border-box;color:var(--slotted-currency-field-color, var(--slotted-text, CanvasText));display:flex;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);gap:var(--_gap);inline-size:100%;min-inline-size:0;min-block-size:var(--_height);padding-inline:var(--_padding-inline);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=currency-field]>[data-part=input]{background-color:transparent;align-self:stretch;margin-block:calc(var(--slotted-control-border-width, 1px) * -1);border:0;color:inherit;flex:1 1 auto;font:inherit;font-variant-numeric:tabular-nums;outline:none;padding:0;min-inline-size:0;text-overflow:ellipsis;unicode-bidi:plaintext}[data-ui=currency-field]>[data-part=input]::placeholder{color:var(--slotted-currency-field-placeholder-color, var(--slotted-text-muted, GrayText));text-overflow:ellipsis}[data-ui=currency-field][data-align=end]>[data-part=input]{text-align:right}[data-ui=currency-field][data-align=end]:dir(rtl)>[data-part=input]{text-align:left}[data-ui=currency-field][data-align=start]>[data-part=input]{text-align:left}[data-ui=currency-field][data-align=start]:dir(rtl)>[data-part=input]{text-align:right}[data-ui=currency-field][data-part=root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-sm, 14px));--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=currency-field][data-part=root][data-size=md]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-md, 16px));--_inner-size: var(--slotted-control-inner-size-md, 24px)}[data-ui=currency-field][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-lg, 18px));--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=currency-field][data-part=root][data-variant=subtle]{background-color:var( --slotted-currency-field-subtle-background, var(--slotted-surface-sunken, Canvas) );border-color:var( --slotted-currency-field-subtle-border-color, var(--slotted-border-subtle, ButtonBorder) )}[data-ui=currency-field][data-part=root][data-variant=plain]{background-color:transparent;border-color:transparent;border-radius:var(--slotted-radius-none, 0px);box-shadow:none}@media(forced-colors:active){[data-ui=currency-field][data-part=root][data-variant=plain]{border-color:ButtonBorder}}[data-ui=currency-field]>[data-part=start],[data-ui=currency-field]>[data-part=end]{align-items:center;color:var(--slotted-currency-field-adornment-color, var(--slotted-text-muted, GrayText));display:inline-flex;flex:0 0 auto;gap:var(--slotted-space-2, .25rem);line-height:1;unicode-bidi:plaintext;--slotted-icon-size: var(--_icon-size)}[data-ui=currency-field]>[data-part=start]>svg,[data-ui=currency-field]>[data-part=end]>svg{block-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui=currency-field]>[data-part=start]:not(:has(svg,img,[data-ui=icon])),[data-ui=currency-field]>[data-part=end]:not(:has(svg,img,[data-ui=icon])){padding-inline:calc(var(--_icon-size) / 8)}[data-ui=currency-field]>:is([data-part=start],[data-part=end]):has(>[data-part=scrub]){align-self:stretch}[data-ui=currency-field] [data-part=scrub]{align-items:center;align-self:stretch;cursor:ew-resize;display:inline-flex;gap:var(--slotted-space-2, .25rem);touch-action:none;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);unicode-bidi:plaintext;user-select:none;-webkit-user-select:none}[data-ui=currency-field]:not([data-disabled]):not([data-readonly]) [data-part=scrub]:is(:hover,[data-scrubbing]){color:var(--slotted-currency-field-scrub-active-color, var(--slotted-text, CanvasText))}[data-ui=currency-field]:is([data-disabled],[data-readonly]) [data-part=scrub]{cursor:default;touch-action:auto}[data-ui=currency-field]>[data-part=stepper]>button,[data-ui=currency-field]>[data-part=decrement],[data-ui=currency-field]>[data-part=increment]{align-items:center;appearance:none;background-color:transparent;border:0;color:var(--slotted-currency-field-stepper-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui=currency-field] [data-part=decrement],[data-ui=currency-field] [data-part=increment]{--slotted-icon-size: var(--_icon-size)}[data-ui=currency-field][data-stepper=stacked] [data-part=increment]>[data-ui=icon]{rotate:.5turn}[data-ui=currency-field][data-part=root][data-stepper=stacked]{padding-inline-end:0}[data-ui=currency-field]>[data-part=stepper]{align-self:stretch;box-sizing:content-box;display:flex;flex:0 0 auto;flex-direction:column;inline-size:var(--_stepper-size);padding-block:var(--_column-inset);padding-inline-end:var(--_column-inset)}[data-ui=currency-field]>[data-part=stepper]>button{block-size:50%;border-radius:var(--_column-radius);inline-size:100%}[data-ui=currency-field]>[data-part=stepper]>:is([data-part=increment],[data-part=decrement]):after{content:\"\";inset-inline:0 calc(var(--_column-inset) * -1);position:absolute}[data-ui=currency-field]>[data-part=stepper]>[data-part=increment]:after{inset-block:calc(var(--_column-inset) * -1) 0}[data-ui=currency-field]>[data-part=stepper]>[data-part=decrement]:after{inset-block:0 calc(var(--_column-inset) * -1)}[data-ui=currency-field]>[data-part=stepper]>button>[data-ui=icon]{block-size:min(var(--_icon-size),100%);contain:size}[data-ui=currency-field][data-part=root][data-stepper=split]{gap:0;padding-inline:var(--_inset)}[data-ui=currency-field][data-stepper=split]>[data-part=decrement],[data-ui=currency-field][data-stepper=split]>[data-part=increment]{block-size:var(--_action-size);border-radius:var(--_action-radius);inline-size:var(--_action-size)}[data-ui=currency-field][data-stepper=split]>[data-part=start]{padding-inline-start:var(--_gap)}[data-ui=currency-field][data-stepper=split]>[data-part=end]{padding-inline-end:var(--_gap)}[data-ui=currency-field][data-stepper=split]>[data-part=input]{padding-inline:var(--_padding-inline)}[data-ui=currency-field][data-stepper=split]>[data-part=decrement]:after,[data-ui=currency-field][data-stepper=split]>[data-part=increment]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=currency-field][data-stepper=split]>:is([data-part=decrement],[data-part=increment]):after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui=currency-field]>[data-part=stepper]>:is([data-part=increment],[data-part=decrement]):after{inset-inline:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}}[data-ui=currency-field] [data-part=decrement]:hover:not(:disabled),[data-ui=currency-field] [data-part=increment]:hover:not(:disabled){background-color:var( --slotted-currency-field-stepper-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=currency-field] [data-part=decrement]:active:not(:disabled),[data-ui=currency-field] [data-part=increment]:active:not(:disabled){background-color:var( --slotted-currency-field-stepper-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=currency-field] [data-part=decrement]:disabled,[data-ui=currency-field] [data-part=increment]:disabled{background-color:var( --slotted-currency-field-stepper-disabled-background, var(--slotted-disabled-background) );color:var(--slotted-currency-field-stepper-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=currency-field] [data-part=decrement]:focus-visible,[data-ui=currency-field] [data-part=increment]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=currency-field][data-part=root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){border-color:var( --slotted-currency-field-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=currency-field][data-part=root][data-variant=subtle]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var( --slotted-currency-field-subtle-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=currency-field][data-part=root][data-variant=plain]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var( --slotted-currency-field-plain-hover-background, var(--slotted-tone-secondary-subtle-hover) );border-color:transparent}[data-ui=currency-field][data-part=root]:has(>[data-part=input]:focus-visible){box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=currency-field][data-part=root][data-variant=plain]:has(>[data-part=input]:focus-visible){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=currency-field][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-currency-field-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) );--_invalid-edge-width: var( --slotted-currency-field-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );--_invalid-edge-color: var( --slotted-currency-field-invalid-border-color, var(--slotted-tone-danger-border) );--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var( --slotted-currency-field-invalid-border-color, var(--slotted-tone-danger-border) );box-shadow:var(--_invalid-edge)}[data-ui=currency-field][data-part=root][data-invalid]:has(>[data-part=input]:focus-visible){box-shadow:var(--_invalid-edge),var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight)}[data-ui=currency-field][data-part=root][data-variant=plain][data-invalid]:has(>[data-part=input]:focus-visible){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset, 2px) - var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media(forced-colors:active){[data-ui=currency-field][data-part=root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)))}[data-ui=currency-field][data-part=root][data-invalid]:has(>[data-part=input]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=currency-field][data-part=root][data-variant=plain][data-invalid]:has(>[data-part=input]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)))}}[data-ui=currency-field][data-part=root][data-readonly]{background-color:var( --slotted-currency-field-readonly-background, var(--slotted-tone-secondary-subtle-hover) );border-color:var( --slotted-currency-field-readonly-border-color, var(--slotted-border-subtle, ButtonBorder) );cursor:default}[data-ui=currency-field][data-part=root][data-disabled],[data-ui=currency-field][data-part=root]:has(>[data-part=input]:disabled){background-color:var( --slotted-currency-field-disabled-background, var(--slotted-disabled-background) );border-color:var( --slotted-currency-field-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;color:var(--slotted-currency-field-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=currency-field][data-part=root][data-disabled]>[data-part=start],[data-ui=currency-field][data-part=root][data-disabled]>[data-part=end]{color:var(--slotted-disabled-foreground)}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+    }`, isInline: true, styles: ["@layer slotted.components{[data-ui-currency-field][data-part-root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-floor: var(--slotted-currency-field-icon-size-min, 14px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-md, 16px));--_inner-size: var(--slotted-control-inner-size-md, 24px);--_stepper-size: var( --slotted-currency-field-stepper-size, max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) ) );--_action-size: var( --slotted-currency-field-action-size, min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_inset: max( 0px, calc( (var(--_height) - 2 * var(--slotted-control-border-width, 1px) - var(--_action-size)) / 2 ) );--_action-radius: max( var(--slotted-radius-xs, 2px), calc(var(--slotted-currency-field-radius, var(--slotted-control-radius, 4px)) - var(--_inset)) );--_column-inset: var(--slotted-space-1, 2px);--_column-radius: max( var(--slotted-radius-xs, 2px), calc( var(--slotted-currency-field-radius, var(--slotted-control-radius, 4px)) - var(--_column-inset) ) );align-items:center;background-color:var( --slotted-currency-field-background, var(--slotted-control-surface, Field) );border:var(--slotted-control-border-width, 1px) solid var(--slotted-currency-field-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--slotted-currency-field-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-currency-field-shadow, var(--slotted-control-shadow, none));box-sizing:border-box;color:var(--slotted-currency-field-color, var(--slotted-text, CanvasText));display:flex;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);gap:var(--_gap);inline-size:100%;min-inline-size:0;min-block-size:var(--_height);padding-inline:var(--_padding-inline);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-currency-field]>[data-part-input]{background-color:transparent;align-self:stretch;margin-block:calc(var(--slotted-control-border-width, 1px) * -1);border:0;color:inherit;flex:1 1 auto;font:inherit;font-variant-numeric:tabular-nums;outline:none;padding:0;min-inline-size:0;text-overflow:ellipsis;unicode-bidi:plaintext}[data-ui-currency-field]>[data-part-input]::placeholder{color:var(--slotted-currency-field-placeholder-color, var(--slotted-text-muted, GrayText));text-overflow:ellipsis}[data-ui-currency-field][data-align=end]>[data-part-input]{text-align:right}[data-ui-currency-field][data-align=end]:dir(rtl)>[data-part-input]{text-align:left}[data-ui-currency-field][data-align=start]>[data-part-input]{text-align:left}[data-ui-currency-field][data-align=start]:dir(rtl)>[data-part-input]{text-align:right}[data-ui-currency-field][data-part-root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-sm, 14px));--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui-currency-field][data-part-root][data-size=md]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-md, 16px));--_inner-size: var(--slotted-control-inner-size-md, 24px)}[data-ui-currency-field][data-part-root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-lg, 18px));--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui-currency-field][data-part-root][data-variant=subtle]{background-color:var( --slotted-currency-field-subtle-background, var(--slotted-surface-sunken, Canvas) );border-color:var( --slotted-currency-field-subtle-border-color, var(--slotted-border-subtle, ButtonBorder) )}[data-ui-currency-field][data-part-root][data-variant=plain]{background-color:transparent;border-color:transparent;border-radius:var(--slotted-radius-none, 0px);box-shadow:none}@media(forced-colors:active){[data-ui-currency-field][data-part-root][data-variant=plain]{border-color:ButtonBorder}}[data-ui-currency-field]>[data-part-start],[data-ui-currency-field]>[data-part-end]{align-items:center;color:var(--slotted-currency-field-adornment-color, var(--slotted-text-muted, GrayText));display:inline-flex;flex:0 0 auto;gap:var(--slotted-space-2, .25rem);line-height:1;unicode-bidi:plaintext;--slotted-icon-size: var(--_icon-size)}[data-ui-currency-field]>[data-part-start]>svg,[data-ui-currency-field]>[data-part-end]>svg{block-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui-currency-field]>[data-part-start]:not(:has(svg,img,[data-ui-icon])),[data-ui-currency-field]>[data-part-end]:not(:has(svg,img,[data-ui-icon])){padding-inline:calc(var(--_icon-size) / 8)}[data-ui-currency-field]>:is([data-part-start],[data-part-end]):has(>[data-part-scrub]){align-self:stretch}[data-ui-currency-field] [data-part-scrub]{align-items:center;align-self:stretch;cursor:ew-resize;display:inline-flex;gap:var(--slotted-space-2, .25rem);touch-action:none;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);unicode-bidi:plaintext;user-select:none;-webkit-user-select:none}[data-ui-currency-field]:not([data-disabled]):not([data-readonly]) [data-part-scrub]:is(:hover,[data-scrubbing]){color:var(--slotted-currency-field-scrub-active-color, var(--slotted-text, CanvasText))}[data-ui-currency-field]:is([data-disabled],[data-readonly]) [data-part-scrub]{cursor:default;touch-action:auto}[data-ui-currency-field]>[data-part-stepper]>button,[data-ui-currency-field]>[data-part-decrement],[data-ui-currency-field]>[data-part-increment]{align-items:center;appearance:none;background-color:transparent;border:0;color:var(--slotted-currency-field-stepper-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui-currency-field] [data-part-decrement],[data-ui-currency-field] [data-part-increment]{--slotted-icon-size: var(--_icon-size)}[data-ui-currency-field][data-stepper=stacked] [data-part-increment]>[data-ui-icon]{rotate:.5turn}[data-ui-currency-field][data-part-root][data-stepper=stacked]{padding-inline-end:0}[data-ui-currency-field]>[data-part-stepper]{align-self:stretch;box-sizing:content-box;display:flex;flex:0 0 auto;flex-direction:column;inline-size:var(--_stepper-size);padding-block:var(--_column-inset);padding-inline-end:var(--_column-inset)}[data-ui-currency-field]>[data-part-stepper]>button{block-size:50%;border-radius:var(--_column-radius);inline-size:100%}[data-ui-currency-field]>[data-part-stepper]>:is([data-part-increment],[data-part-decrement]):after{content:\"\";inset-inline:0 calc(var(--_column-inset) * -1);position:absolute}[data-ui-currency-field]>[data-part-stepper]>[data-part-increment]:after{inset-block:calc(var(--_column-inset) * -1) 0}[data-ui-currency-field]>[data-part-stepper]>[data-part-decrement]:after{inset-block:0 calc(var(--_column-inset) * -1)}[data-ui-currency-field]>[data-part-stepper]>button>[data-ui-icon]{block-size:min(var(--_icon-size),100%);contain:size}[data-ui-currency-field][data-part-root][data-stepper=split]{gap:0;padding-inline:var(--_inset)}[data-ui-currency-field][data-stepper=split]>[data-part-decrement],[data-ui-currency-field][data-stepper=split]>[data-part-increment]{block-size:var(--_action-size);border-radius:var(--_action-radius);inline-size:var(--_action-size)}[data-ui-currency-field][data-stepper=split]>[data-part-start]{padding-inline-start:var(--_gap)}[data-ui-currency-field][data-stepper=split]>[data-part-end]{padding-inline-end:var(--_gap)}[data-ui-currency-field][data-stepper=split]>[data-part-input]{padding-inline:var(--_padding-inline)}[data-ui-currency-field][data-stepper=split]>[data-part-decrement]:after,[data-ui-currency-field][data-stepper=split]>[data-part-increment]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui-currency-field][data-stepper=split]>:is([data-part-decrement],[data-part-increment]):after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui-currency-field]>[data-part-stepper]>:is([data-part-increment],[data-part-decrement]):after{inset-inline:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}}[data-ui-currency-field] [data-part-decrement]:hover:not(:disabled),[data-ui-currency-field] [data-part-increment]:hover:not(:disabled){background-color:var( --slotted-currency-field-stepper-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-currency-field] [data-part-decrement]:active:not(:disabled),[data-ui-currency-field] [data-part-increment]:active:not(:disabled){background-color:var( --slotted-currency-field-stepper-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-currency-field] [data-part-decrement]:disabled,[data-ui-currency-field] [data-part-increment]:disabled{background-color:var( --slotted-currency-field-stepper-disabled-background, var(--slotted-disabled-background) );color:var(--slotted-currency-field-stepper-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui-currency-field] [data-part-decrement]:focus-visible,[data-ui-currency-field] [data-part-increment]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-currency-field][data-part-root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){border-color:var( --slotted-currency-field-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui-currency-field][data-part-root][data-variant=subtle]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var( --slotted-currency-field-subtle-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-currency-field][data-part-root][data-variant=plain]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var( --slotted-currency-field-plain-hover-background, var(--slotted-tone-secondary-subtle-hover) );border-color:transparent}[data-ui-currency-field][data-part-root]:has(>[data-part-input]:focus-visible){box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-control-focus-ring-offset, var(--slotted-focus-ring-offset, 2px))}[data-ui-currency-field][data-part-root][data-variant=plain]:has(>[data-part-input]:focus-visible){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-currency-field][data-part-root][data-invalid]{--slotted-focus-ring-color: var( --slotted-currency-field-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) );--_invalid-edge-width: var( --slotted-currency-field-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );--_invalid-edge-color: var( --slotted-currency-field-invalid-border-color, var(--slotted-tone-danger-border) );--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var( --slotted-currency-field-invalid-border-color, var(--slotted-tone-danger-border) );box-shadow:var(--_invalid-edge)}[data-ui-currency-field][data-part-root][data-invalid]:has(>[data-part-input]:focus-visible){box-shadow:var(--_invalid-edge),var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight)}[data-ui-currency-field][data-part-root][data-variant=plain][data-invalid]:has(>[data-part-input]:focus-visible){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset, 2px) - var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media(forced-colors:active){[data-ui-currency-field][data-part-root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)))}[data-ui-currency-field][data-part-root][data-invalid]:has(>[data-part-input]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var( --slotted-control-focus-ring-offset, var(--slotted-focus-ring-offset, 2px) )}[data-ui-currency-field][data-part-root][data-variant=plain][data-invalid]:has(>[data-part-input]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)))}}[data-ui-currency-field][data-part-root][data-readonly]{background-color:var( --slotted-currency-field-readonly-background, var(--slotted-tone-secondary-subtle-hover) );border-color:var( --slotted-currency-field-readonly-border-color, var(--slotted-border-subtle, ButtonBorder) );cursor:default}[data-ui-currency-field][data-part-root][data-disabled],[data-ui-currency-field][data-part-root]:has(>[data-part-input]:disabled){background-color:var( --slotted-currency-field-disabled-background, var(--slotted-disabled-background) );border-color:var( --slotted-currency-field-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;color:var(--slotted-currency-field-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui-currency-field][data-part-root][data-disabled]>[data-part-start],[data-ui-currency-field][data-part-root][data-disabled]>[data-part-end]{color:var(--slotted-disabled-foreground)}[data-ui-currency-field][data-part-root][data-appearance=display]{--_font-size: var( --slotted-currency-field-display-font-size, var(--slotted-font-size-4xl, 2rem) );--_height: calc( var(--_font-size) * var(--slotted-line-height-4xl, 1.2) + 2 * var(--slotted-space-2, .25rem) );--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-space-3, .375rem);align-items:baseline;font-weight:var(--slotted-font-weight-medium, 500);letter-spacing:var(--slotted-letter-spacing-tighter, -.03em);line-height:var(--slotted-line-height-4xl, 1.2)}[data-ui-currency-field][data-part-root][data-appearance=display]>[data-part-symbol]{color:var(--slotted-currency-field-symbol-color, var(--slotted-text-muted, GrayText));flex:none;font-size:var( --slotted-currency-field-symbol-font-size, var(--slotted-font-size-xl, 1.125rem) );font-weight:var(--slotted-font-weight-regular, 400);letter-spacing:0}[data-ui-currency-field][data-part-root][data-appearance=display]>[data-part-input]{align-self:auto;margin-block:0}@supports (field-sizing: content){[data-ui-currency-field][data-part-root][data-appearance=display]{inline-size:fit-content;max-inline-size:100%}[data-ui-currency-field][data-part-root][data-appearance=display]>[data-part-input]{field-sizing:content;flex:0 1 auto;min-inline-size:1ch}}[data-ui-currency-field][data-part-root][data-appearance=display]{background-color:transparent;border-color:transparent;border-block-end-color:var( --slotted-currency-field-underline-color, var(--slotted-control-border-color, ButtonBorder) );border-radius:var(--slotted-radius-none, 0px);box-shadow:none;padding-inline:0}[data-ui-currency-field][data-part-root][data-appearance=display]:has(>[data-part-input]:focus-visible){border-block-end-color:var(--slotted-text, CanvasText);box-shadow:inset 0 calc(-1 * var(--slotted-border-width-thin, 1px)) 0 var(--slotted-text, CanvasText);outline:none}[data-ui-currency-field][data-part-root][data-appearance=display][data-invalid]{border-block-end-color:var(--slotted-tone-danger-border, CanvasText);box-shadow:none}[data-ui-currency-field][data-part-root][data-appearance=display][data-invalid]:has(>[data-part-input]:focus-visible){box-shadow:inset 0 calc(-1 * var(--_invalid-edge-width)) 0 var(--_invalid-edge-color)}[data-ui-currency-field][data-part-root][data-appearance=display]:has(>[data-part-input]:disabled){border-block-end-color:var(--slotted-disabled-border, GrayText)}@media(forced-colors:active){[data-ui-currency-field][data-part-root][data-appearance=display]{border-block-end-color:ButtonBorder}[data-ui-currency-field][data-part-root][data-appearance=display]:has(>[data-part-input]:focus-visible){border-block-end-color:Highlight;border-block-end-width:calc(2 * var(--slotted-border-width-thin, 1px))}[data-ui-currency-field][data-part-root][data-appearance=display][data-invalid]:has(>[data-part-input]:focus-visible){border-block-end-color:Highlight;border-block-end-width:calc(var(--slotted-border-width-thin, 1px) + var(--_invalid-edge-width))}}}\n"], dependencies: [{ kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCurrencyField, decorators: [{
             type: Component,
             args: [{ selector: '[slCurrencyField]', standalone: true, exportAs: 'slCurrencyField', imports: [SlGlyph, SlIcon], template: `@if (resolvedStepper() === 'split') {
       <button
         data-part="decrement"
+        data-part-decrement=""
         type="button"
         tabindex="-1"
         [attr.aria-controls]="control()?.controlId()"
@@ -266,11 +291,22 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       </button>
     }
     <ng-content select="[slCurrencyFieldStart]" />
+    @if (control()?.affix(); as affix) {
+      @if (affix.position === 'start') {
+        <span data-part="symbol" data-part-symbol="">{{ affix.text }}</span>
+      }
+    }
     <ng-content />
+    @if (control()?.affix(); as affix) {
+      @if (affix.position === 'end') {
+        <span data-part="symbol" data-part-symbol="">{{ affix.text }}</span>
+      }
+    }
     <ng-content select="[slCurrencyFieldEnd]" />
     @if (resolvedStepper() === 'split') {
       <button
         data-part="increment"
+        data-part-increment=""
         type="button"
         tabindex="-1"
         [attr.aria-controls]="control()?.controlId()"
@@ -284,9 +320,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         <span slIcon><svg slGlyph name="plus"></svg></span>
       </button>
     } @else if (resolvedStepper() === 'stacked') {
-      <span data-part="stepper">
+      <span data-part="stepper" data-part-stepper="">
         <button
           data-part="increment"
+          data-part-increment=""
           type="button"
           tabindex="-1"
           [attr.aria-controls]="control()?.controlId()"
@@ -303,6 +340,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
         </button>
         <button
           data-part="decrement"
+          data-part-decrement=""
           type="button"
           tabindex="-1"
           [attr.aria-controls]="control()?.controlId()"
@@ -326,18 +364,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
       />
     }`, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
                         'data-ui': 'currency-field',
+                        'data-ui-currency-field': '',
                         'data-part': 'root',
+                        'data-part-root': '',
                         '[attr.data-size]': 'resolvedSize()',
                         '[attr.data-variant]': 'resolvedVariant()',
                         '[attr.data-align]': 'resolvedAlign()',
+                        '[attr.data-appearance]': 'resolvedAppearance()',
                         '[attr.data-entry]': 'resolvedEntry()',
                         '[attr.data-stepper]': 'resolvedStepper()',
                         '[attr.data-disabled]': "control()?.resolvedDisabled() === true ? '' : null",
                         '[attr.data-invalid]': "control()?.resolvedInvalid() === true ? '' : null",
                         '[attr.data-readonly]': "control()?.resolvedReadOnly() === true ? '' : null",
                         '[attr.data-scrubbing]': "scrubbing() ? '' : null",
-                    }, styles: ["@layer slotted.components{[data-ui=currency-field][data-part=root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-floor: var(--slotted-currency-field-icon-size-min, 14px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-md, 16px));--_inner-size: var(--slotted-control-inner-size-md, 24px);--_stepper-size: var( --slotted-currency-field-stepper-size, max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) ) );--_action-size: var( --slotted-currency-field-action-size, min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_inset: max( 0px, calc( (var(--_height) - 2 * var(--slotted-control-border-width, 1px) - var(--_action-size)) / 2 ) );--_action-radius: max( var(--slotted-radius-xs, 2px), calc(var(--slotted-currency-field-radius, var(--slotted-control-radius, 4px)) - var(--_inset)) );--_column-inset: var(--slotted-space-1, 2px);--_column-radius: max( var(--slotted-radius-xs, 2px), calc( var(--slotted-currency-field-radius, var(--slotted-control-radius, 4px)) - var(--_column-inset) ) );align-items:center;background-color:var( --slotted-currency-field-background, var(--slotted-control-surface, Field) );border:var(--slotted-control-border-width, 1px) solid var(--slotted-currency-field-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--slotted-currency-field-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-currency-field-shadow, var(--slotted-control-shadow, none));box-sizing:border-box;color:var(--slotted-currency-field-color, var(--slotted-text, CanvasText));display:flex;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);gap:var(--_gap);inline-size:100%;min-inline-size:0;min-block-size:var(--_height);padding-inline:var(--_padding-inline);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=currency-field]>[data-part=input]{background-color:transparent;align-self:stretch;margin-block:calc(var(--slotted-control-border-width, 1px) * -1);border:0;color:inherit;flex:1 1 auto;font:inherit;font-variant-numeric:tabular-nums;outline:none;padding:0;min-inline-size:0;text-overflow:ellipsis;unicode-bidi:plaintext}[data-ui=currency-field]>[data-part=input]::placeholder{color:var(--slotted-currency-field-placeholder-color, var(--slotted-text-muted, GrayText));text-overflow:ellipsis}[data-ui=currency-field][data-align=end]>[data-part=input]{text-align:right}[data-ui=currency-field][data-align=end]:dir(rtl)>[data-part=input]{text-align:left}[data-ui=currency-field][data-align=start]>[data-part=input]{text-align:left}[data-ui=currency-field][data-align=start]:dir(rtl)>[data-part=input]{text-align:right}[data-ui=currency-field][data-part=root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-sm, 14px));--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui=currency-field][data-part=root][data-size=md]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-md, 16px));--_inner-size: var(--slotted-control-inner-size-md, 24px)}[data-ui=currency-field][data-part=root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-lg, 18px));--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui=currency-field][data-part=root][data-variant=subtle]{background-color:var( --slotted-currency-field-subtle-background, var(--slotted-surface-sunken, Canvas) );border-color:var( --slotted-currency-field-subtle-border-color, var(--slotted-border-subtle, ButtonBorder) )}[data-ui=currency-field][data-part=root][data-variant=plain]{background-color:transparent;border-color:transparent;border-radius:var(--slotted-radius-none, 0px);box-shadow:none}@media(forced-colors:active){[data-ui=currency-field][data-part=root][data-variant=plain]{border-color:ButtonBorder}}[data-ui=currency-field]>[data-part=start],[data-ui=currency-field]>[data-part=end]{align-items:center;color:var(--slotted-currency-field-adornment-color, var(--slotted-text-muted, GrayText));display:inline-flex;flex:0 0 auto;gap:var(--slotted-space-2, .25rem);line-height:1;unicode-bidi:plaintext;--slotted-icon-size: var(--_icon-size)}[data-ui=currency-field]>[data-part=start]>svg,[data-ui=currency-field]>[data-part=end]>svg{block-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui=currency-field]>[data-part=start]:not(:has(svg,img,[data-ui=icon])),[data-ui=currency-field]>[data-part=end]:not(:has(svg,img,[data-ui=icon])){padding-inline:calc(var(--_icon-size) / 8)}[data-ui=currency-field]>:is([data-part=start],[data-part=end]):has(>[data-part=scrub]){align-self:stretch}[data-ui=currency-field] [data-part=scrub]{align-items:center;align-self:stretch;cursor:ew-resize;display:inline-flex;gap:var(--slotted-space-2, .25rem);touch-action:none;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);unicode-bidi:plaintext;user-select:none;-webkit-user-select:none}[data-ui=currency-field]:not([data-disabled]):not([data-readonly]) [data-part=scrub]:is(:hover,[data-scrubbing]){color:var(--slotted-currency-field-scrub-active-color, var(--slotted-text, CanvasText))}[data-ui=currency-field]:is([data-disabled],[data-readonly]) [data-part=scrub]{cursor:default;touch-action:auto}[data-ui=currency-field]>[data-part=stepper]>button,[data-ui=currency-field]>[data-part=decrement],[data-ui=currency-field]>[data-part=increment]{align-items:center;appearance:none;background-color:transparent;border:0;color:var(--slotted-currency-field-stepper-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui=currency-field] [data-part=decrement],[data-ui=currency-field] [data-part=increment]{--slotted-icon-size: var(--_icon-size)}[data-ui=currency-field][data-stepper=stacked] [data-part=increment]>[data-ui=icon]{rotate:.5turn}[data-ui=currency-field][data-part=root][data-stepper=stacked]{padding-inline-end:0}[data-ui=currency-field]>[data-part=stepper]{align-self:stretch;box-sizing:content-box;display:flex;flex:0 0 auto;flex-direction:column;inline-size:var(--_stepper-size);padding-block:var(--_column-inset);padding-inline-end:var(--_column-inset)}[data-ui=currency-field]>[data-part=stepper]>button{block-size:50%;border-radius:var(--_column-radius);inline-size:100%}[data-ui=currency-field]>[data-part=stepper]>:is([data-part=increment],[data-part=decrement]):after{content:\"\";inset-inline:0 calc(var(--_column-inset) * -1);position:absolute}[data-ui=currency-field]>[data-part=stepper]>[data-part=increment]:after{inset-block:calc(var(--_column-inset) * -1) 0}[data-ui=currency-field]>[data-part=stepper]>[data-part=decrement]:after{inset-block:0 calc(var(--_column-inset) * -1)}[data-ui=currency-field]>[data-part=stepper]>button>[data-ui=icon]{block-size:min(var(--_icon-size),100%);contain:size}[data-ui=currency-field][data-part=root][data-stepper=split]{gap:0;padding-inline:var(--_inset)}[data-ui=currency-field][data-stepper=split]>[data-part=decrement],[data-ui=currency-field][data-stepper=split]>[data-part=increment]{block-size:var(--_action-size);border-radius:var(--_action-radius);inline-size:var(--_action-size)}[data-ui=currency-field][data-stepper=split]>[data-part=start]{padding-inline-start:var(--_gap)}[data-ui=currency-field][data-stepper=split]>[data-part=end]{padding-inline-end:var(--_gap)}[data-ui=currency-field][data-stepper=split]>[data-part=input]{padding-inline:var(--_padding-inline)}[data-ui=currency-field][data-stepper=split]>[data-part=decrement]:after,[data-ui=currency-field][data-stepper=split]>[data-part=increment]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui=currency-field][data-stepper=split]>:is([data-part=decrement],[data-part=increment]):after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui=currency-field]>[data-part=stepper]>:is([data-part=increment],[data-part=decrement]):after{inset-inline:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}}[data-ui=currency-field] [data-part=decrement]:hover:not(:disabled),[data-ui=currency-field] [data-part=increment]:hover:not(:disabled){background-color:var( --slotted-currency-field-stepper-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=currency-field] [data-part=decrement]:active:not(:disabled),[data-ui=currency-field] [data-part=increment]:active:not(:disabled){background-color:var( --slotted-currency-field-stepper-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui=currency-field] [data-part=decrement]:disabled,[data-ui=currency-field] [data-part=increment]:disabled{background-color:var( --slotted-currency-field-stepper-disabled-background, var(--slotted-disabled-background) );color:var(--slotted-currency-field-stepper-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=currency-field] [data-part=decrement]:focus-visible,[data-ui=currency-field] [data-part=increment]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=currency-field][data-part=root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){border-color:var( --slotted-currency-field-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui=currency-field][data-part=root][data-variant=subtle]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var( --slotted-currency-field-subtle-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui=currency-field][data-part=root][data-variant=plain]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var( --slotted-currency-field-plain-hover-background, var(--slotted-tone-secondary-subtle-hover) );border-color:transparent}[data-ui=currency-field][data-part=root]:has(>[data-part=input]:focus-visible){box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=currency-field][data-part=root][data-variant=plain]:has(>[data-part=input]:focus-visible){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui=currency-field][data-part=root][data-invalid]{--slotted-focus-ring-color: var( --slotted-currency-field-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) );--_invalid-edge-width: var( --slotted-currency-field-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );--_invalid-edge-color: var( --slotted-currency-field-invalid-border-color, var(--slotted-tone-danger-border) );--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var( --slotted-currency-field-invalid-border-color, var(--slotted-tone-danger-border) );box-shadow:var(--_invalid-edge)}[data-ui=currency-field][data-part=root][data-invalid]:has(>[data-part=input]:focus-visible){box-shadow:var(--_invalid-edge),var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight)}[data-ui=currency-field][data-part=root][data-variant=plain][data-invalid]:has(>[data-part=input]:focus-visible){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset, 2px) - var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media(forced-colors:active){[data-ui=currency-field][data-part=root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)))}[data-ui=currency-field][data-part=root][data-invalid]:has(>[data-part=input]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=currency-field][data-part=root][data-variant=plain][data-invalid]:has(>[data-part=input]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)))}}[data-ui=currency-field][data-part=root][data-readonly]{background-color:var( --slotted-currency-field-readonly-background, var(--slotted-tone-secondary-subtle-hover) );border-color:var( --slotted-currency-field-readonly-border-color, var(--slotted-border-subtle, ButtonBorder) );cursor:default}[data-ui=currency-field][data-part=root][data-disabled],[data-ui=currency-field][data-part=root]:has(>[data-part=input]:disabled){background-color:var( --slotted-currency-field-disabled-background, var(--slotted-disabled-background) );border-color:var( --slotted-currency-field-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;color:var(--slotted-currency-field-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui=currency-field][data-part=root][data-disabled]>[data-part=start],[data-ui=currency-field][data-part=root][data-disabled]>[data-part=end]{color:var(--slotted-disabled-foreground)}}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], stepper: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepper", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], control: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlCurrencyFieldControl), { ...{ descendants: true }, isSignal: true }] }] } });
+                    }, styles: ["@layer slotted.components{[data-ui-currency-field][data-part-root]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-floor: var(--slotted-currency-field-icon-size-min, 14px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-md, 16px));--_inner-size: var(--slotted-control-inner-size-md, 24px);--_stepper-size: var( --slotted-currency-field-stepper-size, max( var(--slotted-target-min, 24px), min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) ) );--_action-size: var( --slotted-currency-field-action-size, min(calc(var(--_icon-size) + 2 * var(--slotted-space-2, .25rem)), var(--_inner-size)) );--_inset: max( 0px, calc( (var(--_height) - 2 * var(--slotted-control-border-width, 1px) - var(--_action-size)) / 2 ) );--_action-radius: max( var(--slotted-radius-xs, 2px), calc(var(--slotted-currency-field-radius, var(--slotted-control-radius, 4px)) - var(--_inset)) );--_column-inset: var(--slotted-space-1, 2px);--_column-radius: max( var(--slotted-radius-xs, 2px), calc( var(--slotted-currency-field-radius, var(--slotted-control-radius, 4px)) - var(--_column-inset) ) );align-items:center;background-color:var( --slotted-currency-field-background, var(--slotted-control-surface, Field) );border:var(--slotted-control-border-width, 1px) solid var(--slotted-currency-field-border-color, var(--slotted-control-border-color, ButtonBorder));border-radius:var(--slotted-currency-field-radius, var(--slotted-control-radius, 4px));box-shadow:var(--slotted-currency-field-shadow, var(--slotted-control-shadow, none));box-sizing:border-box;color:var(--slotted-currency-field-color, var(--slotted-text, CanvasText));display:flex;font-family:var(--slotted-control-font-family, system-ui, sans-serif);font-size:var(--_font-size);gap:var(--_gap);inline-size:100%;min-inline-size:0;min-block-size:var(--_height);padding-inline:var(--_padding-inline);transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-currency-field]>[data-part-input]{background-color:transparent;align-self:stretch;margin-block:calc(var(--slotted-control-border-width, 1px) * -1);border:0;color:inherit;flex:1 1 auto;font:inherit;font-variant-numeric:tabular-nums;outline:none;padding:0;min-inline-size:0;text-overflow:ellipsis;unicode-bidi:plaintext}[data-ui-currency-field]>[data-part-input]::placeholder{color:var(--slotted-currency-field-placeholder-color, var(--slotted-text-muted, GrayText));text-overflow:ellipsis}[data-ui-currency-field][data-align=end]>[data-part-input]{text-align:right}[data-ui-currency-field][data-align=end]:dir(rtl)>[data-part-input]{text-align:left}[data-ui-currency-field][data-align=start]>[data-part-input]{text-align:left}[data-ui-currency-field][data-align=start]:dir(rtl)>[data-part-input]{text-align:right}[data-ui-currency-field][data-part-root][data-size=sm]{--_font-size: var(--slotted-control-font-size-sm, 12px);--_height: var(--slotted-control-height-sm, 30px);--_padding-inline: var(--slotted-control-padding-inline-sm, 10px);--_gap: var(--slotted-control-gap-sm, 6px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-sm, 14px));--_inner-size: var(--slotted-control-inner-size-sm, 22px)}[data-ui-currency-field][data-part-root][data-size=md]{--_font-size: var(--slotted-control-font-size-md, 13px);--_height: var(--slotted-control-height-md, 34px);--_padding-inline: var(--slotted-control-padding-inline-md, 13px);--_gap: var(--slotted-control-gap-md, 8px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-md, 16px));--_inner-size: var(--slotted-control-inner-size-md, 24px)}[data-ui-currency-field][data-part-root][data-size=lg]{--_font-size: var(--slotted-control-font-size-lg, 14px);--_height: var(--slotted-control-height-lg, 38px);--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-control-gap-lg, 8px);--_icon-size: max(var(--_icon-floor), var(--slotted-control-icon-size-lg, 18px));--_inner-size: var(--slotted-control-inner-size-lg, 28px)}[data-ui-currency-field][data-part-root][data-variant=subtle]{background-color:var( --slotted-currency-field-subtle-background, var(--slotted-surface-sunken, Canvas) );border-color:var( --slotted-currency-field-subtle-border-color, var(--slotted-border-subtle, ButtonBorder) )}[data-ui-currency-field][data-part-root][data-variant=plain]{background-color:transparent;border-color:transparent;border-radius:var(--slotted-radius-none, 0px);box-shadow:none}@media(forced-colors:active){[data-ui-currency-field][data-part-root][data-variant=plain]{border-color:ButtonBorder}}[data-ui-currency-field]>[data-part-start],[data-ui-currency-field]>[data-part-end]{align-items:center;color:var(--slotted-currency-field-adornment-color, var(--slotted-text-muted, GrayText));display:inline-flex;flex:0 0 auto;gap:var(--slotted-space-2, .25rem);line-height:1;unicode-bidi:plaintext;--slotted-icon-size: var(--_icon-size)}[data-ui-currency-field]>[data-part-start]>svg,[data-ui-currency-field]>[data-part-end]>svg{block-size:var(--_icon-size);inline-size:var(--_icon-size)}[data-ui-currency-field]>[data-part-start]:not(:has(svg,img,[data-ui-icon])),[data-ui-currency-field]>[data-part-end]:not(:has(svg,img,[data-ui-icon])){padding-inline:calc(var(--_icon-size) / 8)}[data-ui-currency-field]>:is([data-part-start],[data-part-end]):has(>[data-part-scrub]){align-self:stretch}[data-ui-currency-field] [data-part-scrub]{align-items:center;align-self:stretch;cursor:ew-resize;display:inline-flex;gap:var(--slotted-space-2, .25rem);touch-action:none;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);unicode-bidi:plaintext;user-select:none;-webkit-user-select:none}[data-ui-currency-field]:not([data-disabled]):not([data-readonly]) [data-part-scrub]:is(:hover,[data-scrubbing]){color:var(--slotted-currency-field-scrub-active-color, var(--slotted-text, CanvasText))}[data-ui-currency-field]:is([data-disabled],[data-readonly]) [data-part-scrub]{cursor:default;touch-action:auto}[data-ui-currency-field]>[data-part-stepper]>button,[data-ui-currency-field]>[data-part-decrement],[data-ui-currency-field]>[data-part-increment]{align-items:center;appearance:none;background-color:transparent;border:0;color:var(--slotted-currency-field-stepper-color, var(--slotted-text-muted, GrayText));cursor:pointer;display:inline-flex;flex:0 0 auto;justify-content:center;padding:0;position:relative;touch-action:manipulation;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);-webkit-tap-highlight-color:transparent}[data-ui-currency-field] [data-part-decrement],[data-ui-currency-field] [data-part-increment]{--slotted-icon-size: var(--_icon-size)}[data-ui-currency-field][data-stepper=stacked] [data-part-increment]>[data-ui-icon]{rotate:.5turn}[data-ui-currency-field][data-part-root][data-stepper=stacked]{padding-inline-end:0}[data-ui-currency-field]>[data-part-stepper]{align-self:stretch;box-sizing:content-box;display:flex;flex:0 0 auto;flex-direction:column;inline-size:var(--_stepper-size);padding-block:var(--_column-inset);padding-inline-end:var(--_column-inset)}[data-ui-currency-field]>[data-part-stepper]>button{block-size:50%;border-radius:var(--_column-radius);inline-size:100%}[data-ui-currency-field]>[data-part-stepper]>:is([data-part-increment],[data-part-decrement]):after{content:\"\";inset-inline:0 calc(var(--_column-inset) * -1);position:absolute}[data-ui-currency-field]>[data-part-stepper]>[data-part-increment]:after{inset-block:calc(var(--_column-inset) * -1) 0}[data-ui-currency-field]>[data-part-stepper]>[data-part-decrement]:after{inset-block:0 calc(var(--_column-inset) * -1)}[data-ui-currency-field]>[data-part-stepper]>button>[data-ui-icon]{block-size:min(var(--_icon-size),100%);contain:size}[data-ui-currency-field][data-part-root][data-stepper=split]{gap:0;padding-inline:var(--_inset)}[data-ui-currency-field][data-stepper=split]>[data-part-decrement],[data-ui-currency-field][data-stepper=split]>[data-part-increment]{block-size:var(--_action-size);border-radius:var(--_action-radius);inline-size:var(--_action-size)}[data-ui-currency-field][data-stepper=split]>[data-part-start]{padding-inline-start:var(--_gap)}[data-ui-currency-field][data-stepper=split]>[data-part-end]{padding-inline-end:var(--_gap)}[data-ui-currency-field][data-stepper=split]>[data-part-input]{padding-inline:var(--_padding-inline)}[data-ui-currency-field][data-stepper=split]>[data-part-decrement]:after,[data-ui-currency-field][data-stepper=split]>[data-part-increment]:after{content:\"\";inset:min(0px,calc((100% - var(--slotted-target-min, 24px)) / 2));position:absolute}@media(pointer:coarse){[data-ui-currency-field][data-stepper=split]>:is([data-part-decrement],[data-part-increment]):after{inset:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}[data-ui-currency-field]>[data-part-stepper]>:is([data-part-increment],[data-part-decrement]):after{inset-inline:min(0px,calc((100% - var(--slotted-target-comfortable, 44px)) / 2))}}[data-ui-currency-field] [data-part-decrement]:hover:not(:disabled),[data-ui-currency-field] [data-part-increment]:hover:not(:disabled){background-color:var( --slotted-currency-field-stepper-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-currency-field] [data-part-decrement]:active:not(:disabled),[data-ui-currency-field] [data-part-increment]:active:not(:disabled){background-color:var( --slotted-currency-field-stepper-active-background, var(--slotted-tone-secondary-subtle-active) )}[data-ui-currency-field] [data-part-decrement]:disabled,[data-ui-currency-field] [data-part-increment]:disabled{background-color:var( --slotted-currency-field-stepper-disabled-background, var(--slotted-disabled-background) );color:var(--slotted-currency-field-stepper-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui-currency-field] [data-part-decrement]:focus-visible,[data-ui-currency-field] [data-part-increment]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-currency-field][data-part-root]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){border-color:var( --slotted-currency-field-hover-border-color, var(--slotted-tone-accent-border) )}[data-ui-currency-field][data-part-root][data-variant=subtle]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var( --slotted-currency-field-subtle-hover-background, var(--slotted-tone-secondary-subtle-hover) )}[data-ui-currency-field][data-part-root][data-variant=plain]:hover:not([data-disabled]):not([data-readonly]):not([data-invalid]){background-color:var( --slotted-currency-field-plain-hover-background, var(--slotted-tone-secondary-subtle-hover) );border-color:transparent}[data-ui-currency-field][data-part-root]:has(>[data-part-input]:focus-visible){box-shadow:var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight);outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-control-focus-ring-offset, var(--slotted-focus-ring-offset, 2px))}[data-ui-currency-field][data-part-root][data-variant=plain]:has(>[data-part-input]:focus-visible){box-shadow:none;outline-offset:calc(var(--slotted-focus-ring-offset, 2px) * -1)}[data-ui-currency-field][data-part-root][data-invalid]{--slotted-focus-ring-color: var( --slotted-currency-field-invalid-focus-ring-color, var(--slotted-focus-ring-color-invalid, Highlight) );--_invalid-edge-width: var( --slotted-currency-field-invalid-edge-width, var(--slotted-control-invalid-edge-width, 1px) );--_invalid-edge-color: var( --slotted-currency-field-invalid-border-color, var(--slotted-tone-danger-border) );--_invalid-edge: inset 0 0 0 var(--_invalid-edge-width) var(--_invalid-edge-color);border-color:var( --slotted-currency-field-invalid-border-color, var(--slotted-tone-danger-border) );box-shadow:var(--_invalid-edge)}[data-ui-currency-field][data-part-root][data-invalid]:has(>[data-part-input]:focus-visible){box-shadow:var(--_invalid-edge),var(--slotted-control-shadow-focus-geometry, 0 1px 4px -1px) var(--slotted-focus-ring-color, Highlight)}[data-ui-currency-field][data-part-root][data-variant=plain][data-invalid]:has(>[data-part-input]:focus-visible){box-shadow:inset 0 0 0 calc(var(--slotted-focus-ring-offset, 2px) - var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)) var(--_invalid-edge-color)}@media(forced-colors:active){[data-ui-currency-field][data-part-root][data-invalid]{outline:var(--_invalid-edge-width) solid CanvasText;outline-offset:calc(-1 * (var(--slotted-control-border-width, 1px) + var(--_invalid-edge-width)))}[data-ui-currency-field][data-part-root][data-invalid]:has(>[data-part-input]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:var( --slotted-control-focus-ring-offset, var(--slotted-focus-ring-offset, 2px) )}[data-ui-currency-field][data-part-root][data-variant=plain][data-invalid]:has(>[data-part-input]:focus-visible){outline:calc(var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)) double var(--slotted-focus-ring-color, Highlight);outline-offset:calc(-1 * (var(--slotted-focus-ring-width, 2px) + var(--_invalid-edge-width)))}}[data-ui-currency-field][data-part-root][data-readonly]{background-color:var( --slotted-currency-field-readonly-background, var(--slotted-tone-secondary-subtle-hover) );border-color:var( --slotted-currency-field-readonly-border-color, var(--slotted-border-subtle, ButtonBorder) );cursor:default}[data-ui-currency-field][data-part-root][data-disabled],[data-ui-currency-field][data-part-root]:has(>[data-part-input]:disabled){background-color:var( --slotted-currency-field-disabled-background, var(--slotted-disabled-background) );border-color:var( --slotted-currency-field-disabled-border-color, var(--slotted-disabled-border) );box-shadow:none;color:var(--slotted-currency-field-disabled-color, var(--slotted-disabled-foreground));cursor:not-allowed}[data-ui-currency-field][data-part-root][data-disabled]>[data-part-start],[data-ui-currency-field][data-part-root][data-disabled]>[data-part-end]{color:var(--slotted-disabled-foreground)}[data-ui-currency-field][data-part-root][data-appearance=display]{--_font-size: var( --slotted-currency-field-display-font-size, var(--slotted-font-size-4xl, 2rem) );--_height: calc( var(--_font-size) * var(--slotted-line-height-4xl, 1.2) + 2 * var(--slotted-space-2, .25rem) );--_padding-inline: var(--slotted-control-padding-inline-lg, 16px);--_gap: var(--slotted-space-3, .375rem);align-items:baseline;font-weight:var(--slotted-font-weight-medium, 500);letter-spacing:var(--slotted-letter-spacing-tighter, -.03em);line-height:var(--slotted-line-height-4xl, 1.2)}[data-ui-currency-field][data-part-root][data-appearance=display]>[data-part-symbol]{color:var(--slotted-currency-field-symbol-color, var(--slotted-text-muted, GrayText));flex:none;font-size:var( --slotted-currency-field-symbol-font-size, var(--slotted-font-size-xl, 1.125rem) );font-weight:var(--slotted-font-weight-regular, 400);letter-spacing:0}[data-ui-currency-field][data-part-root][data-appearance=display]>[data-part-input]{align-self:auto;margin-block:0}@supports (field-sizing: content){[data-ui-currency-field][data-part-root][data-appearance=display]{inline-size:fit-content;max-inline-size:100%}[data-ui-currency-field][data-part-root][data-appearance=display]>[data-part-input]{field-sizing:content;flex:0 1 auto;min-inline-size:1ch}}[data-ui-currency-field][data-part-root][data-appearance=display]{background-color:transparent;border-color:transparent;border-block-end-color:var( --slotted-currency-field-underline-color, var(--slotted-control-border-color, ButtonBorder) );border-radius:var(--slotted-radius-none, 0px);box-shadow:none;padding-inline:0}[data-ui-currency-field][data-part-root][data-appearance=display]:has(>[data-part-input]:focus-visible){border-block-end-color:var(--slotted-text, CanvasText);box-shadow:inset 0 calc(-1 * var(--slotted-border-width-thin, 1px)) 0 var(--slotted-text, CanvasText);outline:none}[data-ui-currency-field][data-part-root][data-appearance=display][data-invalid]{border-block-end-color:var(--slotted-tone-danger-border, CanvasText);box-shadow:none}[data-ui-currency-field][data-part-root][data-appearance=display][data-invalid]:has(>[data-part-input]:focus-visible){box-shadow:inset 0 calc(-1 * var(--_invalid-edge-width)) 0 var(--_invalid-edge-color)}[data-ui-currency-field][data-part-root][data-appearance=display]:has(>[data-part-input]:disabled){border-block-end-color:var(--slotted-disabled-border, GrayText)}@media(forced-colors:active){[data-ui-currency-field][data-part-root][data-appearance=display]{border-block-end-color:ButtonBorder}[data-ui-currency-field][data-part-root][data-appearance=display]:has(>[data-part-input]:focus-visible){border-block-end-color:Highlight;border-block-end-width:calc(2 * var(--slotted-border-width-thin, 1px))}[data-ui-currency-field][data-part-root][data-appearance=display][data-invalid]:has(>[data-part-input]:focus-visible){border-block-end-color:Highlight;border-block-end-width:calc(var(--slotted-border-width-thin, 1px) + var(--_invalid-edge-width))}}}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], appearance: [{ type: i0.Input, args: [{ isSignal: true, alias: "appearance", required: false }] }], align: [{ type: i0.Input, args: [{ isSignal: true, alias: "align", required: false }] }], stepper: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepper", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], control: [{ type: i0.ContentChild, args: [i0.forwardRef(() => SlCurrencyFieldControl), { ...{ descendants: true }, isSignal: true }] }] } });
 
 /** `undefined` stays absent; anything else becomes a number. */
 const optionalNumber = (value) => value === undefined || value === null || value === '' ? undefined : numberAttribute(value);
@@ -381,9 +422,20 @@ class SlCurrencyFieldInput {
      * `null` is empty, and `undefined` is the absence that makes the control
      * uncontrolled — the two are different answers.
      */
-    value = input(undefined, { ...(ngDevMode ? { debugName: "value" } : /* istanbul ignore next */ {}), transform: (raw) => (raw === undefined ? undefined : (optionalNumber(raw) ?? null)) });
-    /** The amount the control starts from when nobody else writes one. */
-    defaultValue = input(null, { ...(ngDevMode ? { debugName: "defaultValue" } : /* istanbul ignore next */ {}), transform: (raw) => (raw === undefined ? null : (optionalNumber(raw) ?? null)) });
+    valueInUnit = input(undefined, { ...(ngDevMode ? { debugName: "valueInUnit" } : /* istanbul ignore next */ {}), alias: 'value',
+        transform: (raw) => (raw === undefined ? undefined : (optionalNumber(raw) ?? null)) });
+    /** The amount the control starts from when nobody else writes one, in `unit`. */
+    defaultValueInUnit = input(null, { ...(ngDevMode ? { debugName: "defaultValueInUnit" } : /* istanbul ignore next */ {}), alias: 'defaultValue',
+        transform: (raw) => (raw === undefined ? null : (optionalNumber(raw) ?? null)) });
+    /**
+     * The unit `value`, `defaultValue`, `min`, `max`, the steps, `stepFrom`,
+     * `valueChange`, the form model and the submitted amount are in. `major` is
+     * `12.34`; `minor` is the integer `1234` of the currency's minor unit, which
+     * `fractionDigits` decides when set. Entry, format and appearance do not
+     * change. Defaults to the token, then `major`.
+     */
+    unit = input(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "unit" }] : /* istanbul ignore next */ []));
     /** How the reader types. Defaults to the token, then `cents`. */
     entry = input(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "entry" }] : /* istanbul ignore next */ []));
@@ -394,16 +446,24 @@ class SlCurrencyFieldInput {
      */
     formatOn = input(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "formatOn" }] : /* istanbul ignore next */ []));
-    min = input(undefined, { ...(ngDevMode ? { debugName: "min" } : /* istanbul ignore next */ {}), transform: optionalNumber });
-    max = input(undefined, { ...(ngDevMode ? { debugName: "max" } : /* istanbul ignore next */ {}), transform: optionalNumber });
-    /** What the arrows and the two buttons move by, in major units. */
-    step = input(1, { ...(ngDevMode ? { debugName: "step" } : /* istanbul ignore next */ {}), transform: (raw) => optionalNumber(raw) ?? 1 });
+    /** The smallest amount, in `unit`. */
+    minInUnit = input(undefined, { ...(ngDevMode ? { debugName: "minInUnit" } : /* istanbul ignore next */ {}), alias: 'min',
+        transform: optionalNumber });
+    /** The largest amount, in `unit`. */
+    maxInUnit = input(undefined, { ...(ngDevMode ? { debugName: "maxInUnit" } : /* istanbul ignore next */ {}), alias: 'max',
+        transform: optionalNumber });
+    /** What the arrows and the two buttons move by, in `unit`. One major unit by default. */
+    stepInUnit = input(undefined, { ...(ngDevMode ? { debugName: "stepInUnit" } : /* istanbul ignore next */ {}), alias: 'step',
+        transform: optionalNumber });
     /** The amount `Shift` and the page keys move by. Defaults to `step * 10`. */
-    largeStep = input(undefined, { ...(ngDevMode ? { debugName: "largeStep" } : /* istanbul ignore next */ {}), transform: optionalNumber });
+    largeStepInUnit = input(undefined, { ...(ngDevMode ? { debugName: "largeStepInUnit" } : /* istanbul ignore next */ {}), alias: 'largeStep',
+        transform: optionalNumber });
     /** The amount `Alt` moves by. Defaults to `step / 10`. */
-    smallStep = input(undefined, { ...(ngDevMode ? { debugName: "smallStep" } : /* istanbul ignore next */ {}), transform: optionalNumber });
+    smallStepInUnit = input(undefined, { ...(ngDevMode ? { debugName: "smallStepInUnit" } : /* istanbul ignore next */ {}), alias: 'smallStep',
+        transform: optionalNumber });
     /** Where an empty control starts stepping from. Defaults to `min`, then nought. */
-    stepFrom = input(undefined, { ...(ngDevMode ? { debugName: "stepFrom" } : /* istanbul ignore next */ {}), transform: optionalNumber });
+    stepFromInUnit = input(undefined, { ...(ngDevMode ? { debugName: "stepFromInUnit" } : /* istanbul ignore next */ {}), alias: 'stepFrom',
+        transform: optionalNumber });
     /** Where an amount outside the range goes, and when. Defaults to the token, then `blur`. */
     clamp = input(undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "clamp" }] : /* istanbul ignore next */ []));
@@ -490,6 +550,22 @@ class SlCurrencyFieldInput {
      * options object is read through a signal, so an inline object handed on
      * every change detection does not rebuild the parser.
      */
+    /**
+     * At the display appearance the mark is drawn apart from the digits, so the
+     * frame can mute it at a smaller step: the text carries the amount alone,
+     * and the mark stands on the side the locale writes it on.
+     */
+    affix = computed(() => {
+        const currency = this.currency() ?? this.defaults.currency;
+        if (currency === undefined || this.currencyField.resolvedAppearance() !== 'display')
+            return null;
+        return currencyAffix({
+            currency,
+            currencyDisplay: this.currencyDisplay() ?? this.defaults.currencyDisplay,
+            locale: this.locale() ?? this.appLocale(),
+        });
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "affix" }] : /* istanbul ignore next */ []));
     formatter = computed(() => {
         const currency = this.currency() ?? this.defaults.currency;
         if (currency === undefined) {
@@ -501,13 +577,44 @@ class SlCurrencyFieldInput {
         const options = this.format();
         return createCurrencyFormat({
             currency,
-            currencyDisplay: this.currencyDisplay() ?? this.defaults.currencyDisplay,
+            currencyDisplay: this.affix() === null ? (this.currencyDisplay() ?? this.defaults.currencyDisplay) : 'none',
             locale: this.locale() ?? this.appLocale(),
             ...(fractionDigits === undefined ? {} : { fractionDigits }),
             ...(options === undefined ? {} : { options }),
         });
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "formatter" }] : /* istanbul ignore next */ []));
+    resolvedUnit = computed(() => this.unit() ?? this.defaults.unit, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "resolvedUnit" }] : /* istanbul ignore next */ []));
+    /* Everything below computes in major units; `unit` is converted here, on the way in. */
+    inMajor(amount) {
+        return this.resolvedUnit() === 'minor'
+            ? amountFromUnit(amount, 'minor', this.formatter())
+            : amount;
+    }
+    /** On the way out. */
+    inUnit(amount) {
+        return this.resolvedUnit() === 'minor' ? this.formatter().toMinorUnits(amount) : amount;
+    }
+    value = computed(() => this.inMajor(this.valueInUnit()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    defaultValue = computed(() => this.inMajor(this.defaultValueInUnit()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "defaultValue" }] : /* istanbul ignore next */ []));
+    min = computed(() => this.inMajor(this.minInUnit()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "min" }] : /* istanbul ignore next */ []));
+    max = computed(() => this.inMajor(this.maxInUnit()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "max" }] : /* istanbul ignore next */ []));
+    step = computed(() => {
+        const step = this.stepInUnit();
+        return step === undefined ? 1 : this.inMajor(step);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "step" }] : /* istanbul ignore next */ []));
+    largeStep = computed(() => this.inMajor(this.largeStepInUnit()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "largeStep" }] : /* istanbul ignore next */ []));
+    smallStep = computed(() => this.inMajor(this.smallStepInUnit()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "smallStep" }] : /* istanbul ignore next */ []));
+    stepFrom = computed(() => this.inMajor(this.stepFromInUnit()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "stepFrom" }] : /* istanbul ignore next */ []));
     /** Present means the consumer owns it; absent means the directive does. */
     controlled = computed(() => this.value() !== undefined, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "controlled" }] : /* istanbul ignore next */ []));
@@ -520,9 +627,16 @@ class SlCurrencyFieldInput {
         return this.allowEmpty() ? held : (held ?? 0);
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "numberValue" }] : /* istanbul ignore next */ []));
+    submittedValue = computed(() => this.inUnit(this.numberValue()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "submittedValue" }] : /* istanbul ignore next */ []));
     valueText = computed(() => {
         const shown = this.text();
-        return shown === '' ? null : shown;
+        if (shown === '')
+            return null;
+        const affix = this.affix();
+        if (affix === null)
+            return shown;
+        return affix.position === 'start' ? `${affix.text} ${shown}` : `${shown} ${affix.text}`;
     }, /* @ts-ignore */
     ...(ngDevMode ? [{ debugName: "valueText" }] : /* istanbul ignore next */ []));
     resolvedEntry = computed(() => this.entry() ?? this.defaults.entry, /* @ts-ignore */
@@ -655,8 +769,9 @@ class SlCurrencyFieldInput {
         this.move(direction, this.step(), 'pointer', source);
     }
     writeValue(value) {
-        this.own.set(value ?? null);
-        this.write(this.formatter().format(this.settledAmount(value ?? null)));
+        const amount = this.inMajor(value ?? null);
+        this.own.set(amount);
+        this.write(this.formatter().format(this.settledAmount(amount)));
     }
     registerOnChange(fn) {
         this.onChangeFn = fn;
@@ -912,14 +1027,14 @@ class SlCurrencyFieldInput {
             controlled: undefined,
             initial: current,
             onRequest: (pending) => {
-                this.valueChange.emit(withAmount(pending, formatter.currency, minorUnits ?? formatter.toMinorUnits(next)));
+                this.valueChange.emit(requestInUnit(withAmount(pending, formatter.currency, minorUnits ?? formatter.toMinorUnits(next)), this.resolvedUnit(), formatter));
                 cancelled = pending.cancelled;
             },
         });
         state.request(next, reason, source);
         if (cancelled)
             return false;
-        this.onChangeFn(next);
+        this.onChangeFn(this.inUnit(next));
         /* A controlled control never moves its own amount: it asks, and waits for
            the consumer's next value. */
         if (this.controlled())
@@ -960,7 +1075,7 @@ class SlCurrencyFieldInput {
         this.element.setSelectionRange(position, position);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCurrencyFieldInput, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlCurrencyFieldInput, isStandalone: true, selector: "input[slCurrencyFieldInput]", inputs: { currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, currencyDisplay: { classPropertyName: "currencyDisplay", publicName: "currencyDisplay", isSignal: true, isRequired: false, transformFunction: null }, fractionDigits: { classPropertyName: "fractionDigits", publicName: "fractionDigits", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValue: { classPropertyName: "defaultValue", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, entry: { classPropertyName: "entry", publicName: "entry", isSignal: true, isRequired: false, transformFunction: null }, formatOn: { classPropertyName: "formatOn", publicName: "formatOn", isSignal: true, isRequired: false, transformFunction: null }, min: { classPropertyName: "min", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, max: { classPropertyName: "max", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, step: { classPropertyName: "step", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, largeStep: { classPropertyName: "largeStep", publicName: "largeStep", isSignal: true, isRequired: false, transformFunction: null }, smallStep: { classPropertyName: "smallStep", publicName: "smallStep", isSignal: true, isRequired: false, transformFunction: null }, stepFrom: { classPropertyName: "stepFrom", publicName: "stepFrom", isSignal: true, isRequired: false, transformFunction: null }, clamp: { classPropertyName: "clamp", publicName: "clamp", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, wheel: { classPropertyName: "wheel", publicName: "wheel", isSignal: true, isRequired: false, transformFunction: null }, allowEmpty: { classPropertyName: "allowEmpty", publicName: "allowEmpty", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { attributes: { "data-part": "input", "autocorrect": "off", "spellcheck": "false" }, listeners: { "input": "onInput($event)", "beforeinput": "onBeforeInput($event)", "keydown": "onKeyDown($event)", "blur": "onBlur($event)" }, properties: { "attr.type": "'text'", "attr.role": "'spinbutton'", "attr.id": "controlId()", "attr.inputmode": "resolvedInputMode()", "attr.autocomplete": "resolvedAutocomplete()", "attr.aria-describedby": "describedBy()", "attr.aria-invalid": "ariaInvalid()", "attr.aria-required": "ariaRequired()", "attr.aria-valuenow": "numberValue()", "attr.aria-valuemin": "min() ?? null", "attr.aria-valuemax": "max() ?? null", "attr.aria-valuetext": "valueText()", "attr.name": "null", "attr.disabled": "disabledAttribute()", "attr.readonly": "readonlyAttribute()" } }, providers: [
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlCurrencyFieldInput, isStandalone: true, selector: "input[slCurrencyFieldInput]", inputs: { currency: { classPropertyName: "currency", publicName: "currency", isSignal: true, isRequired: false, transformFunction: null }, currencyDisplay: { classPropertyName: "currencyDisplay", publicName: "currencyDisplay", isSignal: true, isRequired: false, transformFunction: null }, fractionDigits: { classPropertyName: "fractionDigits", publicName: "fractionDigits", isSignal: true, isRequired: false, transformFunction: null }, valueInUnit: { classPropertyName: "valueInUnit", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, defaultValueInUnit: { classPropertyName: "defaultValueInUnit", publicName: "defaultValue", isSignal: true, isRequired: false, transformFunction: null }, unit: { classPropertyName: "unit", publicName: "unit", isSignal: true, isRequired: false, transformFunction: null }, entry: { classPropertyName: "entry", publicName: "entry", isSignal: true, isRequired: false, transformFunction: null }, formatOn: { classPropertyName: "formatOn", publicName: "formatOn", isSignal: true, isRequired: false, transformFunction: null }, minInUnit: { classPropertyName: "minInUnit", publicName: "min", isSignal: true, isRequired: false, transformFunction: null }, maxInUnit: { classPropertyName: "maxInUnit", publicName: "max", isSignal: true, isRequired: false, transformFunction: null }, stepInUnit: { classPropertyName: "stepInUnit", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, largeStepInUnit: { classPropertyName: "largeStepInUnit", publicName: "largeStep", isSignal: true, isRequired: false, transformFunction: null }, smallStepInUnit: { classPropertyName: "smallStepInUnit", publicName: "smallStep", isSignal: true, isRequired: false, transformFunction: null }, stepFromInUnit: { classPropertyName: "stepFromInUnit", publicName: "stepFrom", isSignal: true, isRequired: false, transformFunction: null }, clamp: { classPropertyName: "clamp", publicName: "clamp", isSignal: true, isRequired: false, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, wheel: { classPropertyName: "wheel", publicName: "wheel", isSignal: true, isRequired: false, transformFunction: null }, allowEmpty: { classPropertyName: "allowEmpty", publicName: "allowEmpty", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, readOnly: { classPropertyName: "readOnly", publicName: "readOnly", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { attributes: { "data-part": "input", "data-part-input": "", "autocorrect": "off", "spellcheck": "false" }, listeners: { "input": "onInput($event)", "beforeinput": "onBeforeInput($event)", "keydown": "onKeyDown($event)", "blur": "onBlur($event)" }, properties: { "attr.type": "'text'", "attr.role": "'spinbutton'", "attr.id": "controlId()", "attr.inputmode": "resolvedInputMode()", "attr.autocomplete": "resolvedAutocomplete()", "attr.aria-describedby": "describedBy()", "attr.aria-invalid": "ariaInvalid()", "attr.aria-required": "ariaRequired()", "attr.aria-valuenow": "numberValue()", "attr.aria-valuemin": "min() ?? null", "attr.aria-valuemax": "max() ?? null", "attr.aria-valuetext": "valueText()", "attr.name": "null", "attr.disabled": "disabledAttribute()", "attr.readonly": "readonlyAttribute()" } }, providers: [
             { provide: SlCurrencyFieldControl, useExisting: forwardRef(() => SlCurrencyFieldInput) },
             {
                 provide: NG_VALUE_ACCESSOR,
@@ -985,6 +1100,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     ],
                     host: {
                         'data-part': 'input',
+                        'data-part-input': '',
                         autocorrect: 'off',
                         spellcheck: 'false',
                         /* Bound rather than static, so a consumer who wrote `type="number"` on a
@@ -1010,7 +1126,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                         '(blur)': 'onBlur($event)',
                     },
                 }]
-        }], ctorParameters: () => [], propDecorators: { currency: [{ type: i0.Input, args: [{ isSignal: true, alias: "currency", required: false }] }], currencyDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencyDisplay", required: false }] }], fractionDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "fractionDigits", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], defaultValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], entry: [{ type: i0.Input, args: [{ isSignal: true, alias: "entry", required: false }] }], formatOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatOn", required: false }] }], min: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], max: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], step: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], largeStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "largeStep", required: false }] }], smallStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "smallStep", required: false }] }], stepFrom: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepFrom", required: false }] }], clamp: [{ type: i0.Input, args: [{ isSignal: true, alias: "clamp", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], wheel: [{ type: i0.Input, args: [{ isSignal: true, alias: "wheel", required: false }] }], allowEmpty: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowEmpty", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+        }], ctorParameters: () => [], propDecorators: { currency: [{ type: i0.Input, args: [{ isSignal: true, alias: "currency", required: false }] }], currencyDisplay: [{ type: i0.Input, args: [{ isSignal: true, alias: "currencyDisplay", required: false }] }], fractionDigits: [{ type: i0.Input, args: [{ isSignal: true, alias: "fractionDigits", required: false }] }], valueInUnit: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], defaultValueInUnit: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultValue", required: false }] }], unit: [{ type: i0.Input, args: [{ isSignal: true, alias: "unit", required: false }] }], entry: [{ type: i0.Input, args: [{ isSignal: true, alias: "entry", required: false }] }], formatOn: [{ type: i0.Input, args: [{ isSignal: true, alias: "formatOn", required: false }] }], minInUnit: [{ type: i0.Input, args: [{ isSignal: true, alias: "min", required: false }] }], maxInUnit: [{ type: i0.Input, args: [{ isSignal: true, alias: "max", required: false }] }], stepInUnit: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], largeStepInUnit: [{ type: i0.Input, args: [{ isSignal: true, alias: "largeStep", required: false }] }], smallStepInUnit: [{ type: i0.Input, args: [{ isSignal: true, alias: "smallStep", required: false }] }], stepFromInUnit: [{ type: i0.Input, args: [{ isSignal: true, alias: "stepFrom", required: false }] }], clamp: [{ type: i0.Input, args: [{ isSignal: true, alias: "clamp", required: false }] }], format: [{ type: i0.Input, args: [{ isSignal: true, alias: "format", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], wheel: [{ type: i0.Input, args: [{ isSignal: true, alias: "wheel", required: false }] }], allowEmpty: [{ type: i0.Input, args: [{ isSignal: true, alias: "allowEmpty", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], readOnly: [{ type: i0.Input, args: [{ isSignal: true, alias: "readOnly", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
 
 /**
  * An adornment before the amount in the reading direction: a currency mark, a
@@ -1024,7 +1140,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
  */
 class SlCurrencyFieldStart {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCurrencyFieldStart, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlCurrencyFieldStart, isStandalone: true, selector: "[slCurrencyFieldStart]", host: { attributes: { "data-part": "start" } }, exportAs: ["slCurrencyFieldStart"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlCurrencyFieldStart, isStandalone: true, selector: "[slCurrencyFieldStart]", host: { attributes: { "data-part": "start", "data-part-start": "" } }, exportAs: ["slCurrencyFieldStart"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCurrencyFieldStart, decorators: [{
             type: Directive,
@@ -1032,13 +1148,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slCurrencyFieldStart]',
                     standalone: true,
                     exportAs: 'slCurrencyFieldStart',
-                    host: { 'data-part': 'start' },
+                    host: { 'data-part': 'start', 'data-part-start': '' },
                 }]
         }] });
 /** An adornment after the amount in the reading direction. */
 class SlCurrencyFieldEnd {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCurrencyFieldEnd, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlCurrencyFieldEnd, isStandalone: true, selector: "[slCurrencyFieldEnd]", host: { attributes: { "data-part": "end" } }, exportAs: ["slCurrencyFieldEnd"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlCurrencyFieldEnd, isStandalone: true, selector: "[slCurrencyFieldEnd]", host: { attributes: { "data-part": "end", "data-part-end": "" } }, exportAs: ["slCurrencyFieldEnd"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCurrencyFieldEnd, decorators: [{
             type: Directive,
@@ -1046,7 +1162,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     selector: '[slCurrencyFieldEnd]',
                     standalone: true,
                     exportAs: 'slCurrencyFieldEnd',
-                    host: { 'data-part': 'end' },
+                    host: { 'data-part': 'end', 'data-part-end': '' },
                 }]
         }] });
 /**
@@ -1102,7 +1218,7 @@ class SlCurrencyFieldScrub {
         this.frame.scrubbing.set(false);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCurrencyFieldScrub, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlCurrencyFieldScrub, isStandalone: true, selector: "[slCurrencyFieldScrub]", inputs: { sensitivity: { classPropertyName: "sensitivity", publicName: "sensitivity", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "scrub", "aria-hidden": "true" }, listeners: { "pointerdown": "begin($event)", "pointermove": "drag($event)", "pointerup": "end()", "pointercancel": "end()", "lostpointercapture": "end()" }, properties: { "attr.data-scrubbing": "active() ? '' : null" } }, exportAs: ["slCurrencyFieldScrub"], ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.1.7", type: SlCurrencyFieldScrub, isStandalone: true, selector: "[slCurrencyFieldScrub]", inputs: { sensitivity: { classPropertyName: "sensitivity", publicName: "sensitivity", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "scrub", "data-part-scrub": "", "aria-hidden": "true" }, listeners: { "pointerdown": "begin($event)", "pointermove": "drag($event)", "pointerup": "end()", "pointercancel": "end()", "lostpointercapture": "end()" }, properties: { "attr.data-scrubbing": "active() ? '' : null" } }, exportAs: ["slCurrencyFieldScrub"], ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlCurrencyFieldScrub, decorators: [{
             type: Directive,
@@ -1112,6 +1228,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
                     exportAs: 'slCurrencyFieldScrub',
                     host: {
                         'data-part': 'scrub',
+                        'data-part-scrub': '',
                         'aria-hidden': 'true',
                         '[attr.data-scrubbing]': "active() ? '' : null",
                         '(pointerdown)': 'begin($event)',