@magmonium/one 0.2.24 → 0.2.26

package/fesm2022/{magmonium-one-magmonium-one-CPDCRguV.mjs → magmonium-one-magmonium-one-BmSXZeTv.mjs}

@@ -6447,7 +6447,7 @@ class SectionFormItemComponent extends ConfigComponent {
                     break;
                 }
                 case InputType.TOGGLE: {
-                    const { ToggleInputComponent } = await import('./magmonium-one-toggle-D-JsuCLL.mjs');
+                    const { ToggleInputComponent } = await import('./magmonium-one-toggle-BuXPZomi.mjs');
                     this.createDynamicComponent(seq, ToggleInputComponent, [], true);
                     break;
                 }
@@ -6459,12 +6459,12 @@ class SectionFormItemComponent extends ConfigComponent {
                     break;
                 }
                 case InputType.PASSWORD: {
-                    const { PasswordInputComponent } = await import('./magmonium-one-password-DgKbJq2O.mjs');
+                    const { PasswordInputComponent } = await import('./magmonium-one-password-CX8kghKQ.mjs');
                     this.createDynamicComponent(seq, PasswordInputComponent);
                     break;
                 }
                 case InputType.OTP: {
-                    const { OtpInputComponent } = await import('./magmonium-one-otp-LcVRya6_.mjs');
+                    const { OtpInputComponent } = await import('./magmonium-one-otp-f1o0Dsf3.mjs');
                     this.createDynamicComponent(seq, OtpInputComponent);
                     break;
                 }
@@ -10288,11 +10288,35 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                 }]
         }], ctorParameters: () => [], propDecorators: { mHeroColor: [{ type: i0.Input, args: [{ isSignal: true, alias: "mHeroColor", required: true }] }], mHeroColorVar: [{ type: i0.Input, args: [{ isSignal: true, alias: "mHeroColorVar", required: false }] }] } });
 
+const FILTER_VARIANTS = [
+    'single',
+    'multi',
+    'range',
+];
+/** The default a Filter falls back to, and the one variant left off the tag. */
+const DEFAULT_FILTER_VARIANT = 'single';
+/**
+ * Whether this variant's key carries a list rather than one value. `range`
+ * counts: a pair is a list, which is what keeps `FilterValue` unchanged and
+ * `filterList` working over every variant that has ever shipped.
+ */
+const filterHoldsList = (variant) => variant !== 'single';
+/** Whether this variant is authored with bounds rather than with options. */
+const filterHoldsRange = (variant) => variant === 'range';
+/** Whether this variant picks from an OptionSet. The complement of the above. */
+const filterHoldsOptions = (variant) => variant !== 'range';
+
 class SectionFilterPanelComponent {
     options = input([], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
     selected = input([], ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
-    multiple = input(true, ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
+    /**
+     * The two option-picking variants and no others: a `range` Filter opens
+     * `SectionFilterRangePanelComponent` instead, the two panels being what the
+     * variant chooses between rather than a mode inside one of them.
+     */
+    variant = input('single', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
     action = output();
+    multiple = computed(() => this.variant() === 'multi', ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
     isSelected = (val) => this.selected().includes(val);
     selectOption = (opt) => {
         if (opt.disabled)
@@ -10300,8 +10324,12 @@ class SectionFilterPanelComponent {
         this.action.emit(opt);
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionFilterPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SectionFilterPanelComponent, isStandalone: true, selector: "m-section-filter-panel", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, ngImport: i0, template: `
-    <ul class="section-filter-panel" role="listbox">
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SectionFilterPanelComponent, isStandalone: true, selector: "m-section-filter-panel", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, selected: { classPropertyName: "selected", publicName: "selected", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, ngImport: i0, template: `
+    <ul
+      class="section-filter-panel"
+      role="listbox"
+      [attr.aria-multiselectable]="multiple() || null"
+    >
       @for (opt of options(); track opt.value) {
         @let selected = isSelected(opt.value);
         <li
@@ -10315,23 +10343,34 @@ class SectionFilterPanelComponent {
           (keydown.space)="$event.preventDefault(); selectOption(opt)"
           tabindex="0"
         >
-          @if (multiple()) {
-            <span class="section-filter-panel__check-wrap">
-              @if (selected) {
-                <m-icon [config]="{ name: 'check', }" />
-              }
-            </span>
-          }
+          <!-- The mark says which variant this is before anything is picked:
+               a box under multiple, a ring under single-select. Drawn here
+               rather than reusing m-checkbox / m-radio, which are form inputs
+               carrying a name, an id and a ControlValueAccessor — a panel row
+               is a listbox option and owns none of that. -->
+          <span
+            class="section-filter-panel__mark"
+            [class.section-filter-panel__mark--radio]="!multiple()"
+            [class.is-checked]="selected"
+          >
+            @if (selected && multiple()) {
+              <m-icon [config]="{ name: 'check' }" />
+            }
+          </span>
           <span>{{ opt.label | translate }}</span>
         </li>
       }
     </ul>
-  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.section-filter-panel{list-style:none;margin:0;padding:0;min-width:10rem;max-height:15rem;overflow-y:auto;background:var(--m-background);border:1px solid var(--m-mm);border-radius:0;animation:filter-panel-in .2s ease-out}.section-filter-panel__option{display:flex;align-items:center;gap:.5em;padding:calc(.6rem * var(--filter-size, 1)) calc(.9rem * var(--filter-size, 1));cursor:pointer;font-size:calc(.875rem * var(--filter-size, 1));color:var(--m-text);transition:all .3s cubic-bezier(.16,1,.3,1);outline:none}.section-filter-panel__option:hover:not(.is-disabled){background-color:var(--m-backdrop-standard)}.section-filter-panel__option:focus-visible:not(.is-disabled){background-color:var(--m-backdrop-standard)}.section-filter-panel__option.is-selected{color:var(--m-mm);font-weight:500}.section-filter-panel__option.is-disabled{opacity:.4;cursor:not-allowed}.section-filter-panel__check-wrap{width:1em;flex-shrink:0;display:flex;align-items:center;color:var(--m-mm)}@keyframes filter-panel-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.section-filter-panel{list-style:none;margin:0;padding:0;min-width:10rem;max-height:15rem;overflow-y:auto;background:var(--m-background);border:1px solid var(--m-mm);border-radius:0;animation:filter-panel-in .2s ease-out}.section-filter-panel__option{display:flex;align-items:center;gap:.5em;padding:calc(.6rem * var(--filter-size, 1)) calc(.9rem * var(--filter-size, 1));cursor:pointer;font-size:calc(.875rem * var(--filter-size, 1));color:var(--m-text);transition:all .3s cubic-bezier(.16,1,.3,1);outline:none}.section-filter-panel__option:hover:not(.is-disabled){background-color:var(--m-backdrop-standard)}.section-filter-panel__option:focus-visible:not(.is-disabled){background-color:var(--m-backdrop-standard)}.section-filter-panel__option.is-selected{color:var(--m-mm);font-weight:500}.section-filter-panel__option.is-disabled{opacity:.4;cursor:not-allowed}.section-filter-panel__mark{width:1em;height:1em;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid var(--m-backdrop-border);border-radius:2px;color:var(--m-background);font-size:inherit;transition:all .3s cubic-bezier(.16,1,.3,1)}.section-filter-panel__mark m-icon{--m-icon-size: .75em;display:flex}.section-filter-panel__mark.is-checked{background-color:var(--m-mm);border-color:var(--m-mm)}.section-filter-panel__mark--radio{border-radius:50%;background-color:transparent}.section-filter-panel__mark--radio.is-checked{background-color:transparent;border-color:var(--m-mm)}.section-filter-panel__mark--radio.is-checked:after{content:\"\";width:.5em;height:.5em;border-radius:50%;background-color:var(--m-mm)}@keyframes filter-panel-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionFilterPanelComponent, decorators: [{
             type: Component,
             args: [{ selector: 'm-section-filter-panel', template: `
-    <ul class="section-filter-panel" role="listbox">
+    <ul
+      class="section-filter-panel"
+      role="listbox"
+      [attr.aria-multiselectable]="multiple() || null"
+    >
       @for (opt of options(); track opt.value) {
         @let selected = isSelected(opt.value);
         <li
@@ -10345,34 +10384,400 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
           (keydown.space)="$event.preventDefault(); selectOption(opt)"
           tabindex="0"
         >
-          @if (multiple()) {
-            <span class="section-filter-panel__check-wrap">
-              @if (selected) {
-                <m-icon [config]="{ name: 'check', }" />
-              }
-            </span>
-          }
+          <!-- The mark says which variant this is before anything is picked:
+               a box under multiple, a ring under single-select. Drawn here
+               rather than reusing m-checkbox / m-radio, which are form inputs
+               carrying a name, an id and a ControlValueAccessor — a panel row
+               is a listbox option and owns none of that. -->
+          <span
+            class="section-filter-panel__mark"
+            [class.section-filter-panel__mark--radio]="!multiple()"
+            [class.is-checked]="selected"
+          >
+            @if (selected && multiple()) {
+              <m-icon [config]="{ name: 'check' }" />
+            }
+          </span>
           <span>{{ opt.label | translate }}</span>
         </li>
       }
     </ul>
-  `, imports: [IconComponent, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.section-filter-panel{list-style:none;margin:0;padding:0;min-width:10rem;max-height:15rem;overflow-y:auto;background:var(--m-background);border:1px solid var(--m-mm);border-radius:0;animation:filter-panel-in .2s ease-out}.section-filter-panel__option{display:flex;align-items:center;gap:.5em;padding:calc(.6rem * var(--filter-size, 1)) calc(.9rem * var(--filter-size, 1));cursor:pointer;font-size:calc(.875rem * var(--filter-size, 1));color:var(--m-text);transition:all .3s cubic-bezier(.16,1,.3,1);outline:none}.section-filter-panel__option:hover:not(.is-disabled){background-color:var(--m-backdrop-standard)}.section-filter-panel__option:focus-visible:not(.is-disabled){background-color:var(--m-backdrop-standard)}.section-filter-panel__option.is-selected{color:var(--m-mm);font-weight:500}.section-filter-panel__option.is-disabled{opacity:.4;cursor:not-allowed}.section-filter-panel__check-wrap{width:1em;flex-shrink:0;display:flex;align-items:center;color:var(--m-mm)}@keyframes filter-panel-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}\n"] }]
-        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], action: [{ type: i0.Output, args: ["action"] }] } });
+  `, imports: [IconComponent, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.section-filter-panel{list-style:none;margin:0;padding:0;min-width:10rem;max-height:15rem;overflow-y:auto;background:var(--m-background);border:1px solid var(--m-mm);border-radius:0;animation:filter-panel-in .2s ease-out}.section-filter-panel__option{display:flex;align-items:center;gap:.5em;padding:calc(.6rem * var(--filter-size, 1)) calc(.9rem * var(--filter-size, 1));cursor:pointer;font-size:calc(.875rem * var(--filter-size, 1));color:var(--m-text);transition:all .3s cubic-bezier(.16,1,.3,1);outline:none}.section-filter-panel__option:hover:not(.is-disabled){background-color:var(--m-backdrop-standard)}.section-filter-panel__option:focus-visible:not(.is-disabled){background-color:var(--m-backdrop-standard)}.section-filter-panel__option.is-selected{color:var(--m-mm);font-weight:500}.section-filter-panel__option.is-disabled{opacity:.4;cursor:not-allowed}.section-filter-panel__mark{width:1em;height:1em;flex-shrink:0;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:1px solid var(--m-backdrop-border);border-radius:2px;color:var(--m-background);font-size:inherit;transition:all .3s cubic-bezier(.16,1,.3,1)}.section-filter-panel__mark m-icon{--m-icon-size: .75em;display:flex}.section-filter-panel__mark.is-checked{background-color:var(--m-mm);border-color:var(--m-mm)}.section-filter-panel__mark--radio{border-radius:50%;background-color:transparent}.section-filter-panel__mark--radio.is-checked{background-color:transparent;border-color:var(--m-mm)}.section-filter-panel__mark--radio.is-checked:after{content:\"\";width:.5em;height:.5em;border-radius:50%;background-color:var(--m-mm)}@keyframes filter-panel-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}\n"] }]
+        }], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], selected: [{ type: i0.Input, args: [{ isSignal: true, alias: "selected", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], action: [{ type: i0.Output, args: ["action"] }] } });
+
+class TextInputComponent extends BaseTextInputComponent {
+    value = model('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    config = input(...(ngDevMode ? [undefined, { debugName: "config" }] : /* istanbul ignore next */ []));
+    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
+    touched = model(false, ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
+    focused = input(false, ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
+    errors = input([], ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
+    showErrors = computed(() => this.touched() && this.invalid(), ...(ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []));
+    hideErrors = input(false, ...(ngDevMode ? [{ debugName: "hideErrors" }] : /* istanbul ignore next */ []));
+    // A `number` Field draws this same component (WrapperInputComponent has no
+    // case of its own for it), so the type it declares decides the element it
+    // draws. What *leaves* the field is coerced a level up, in the wrapper: an
+    // `<input>` reads its value as text whatever its type, and every other
+    // component on this base is a string field.
+    isNumber = computed(() => {
+        const config = this.config();
+        return !!config && config.type === InputType.NUMBER;
+    }, ...(ngDevMode ? [{ debugName: "isNumber" }] : /* istanbul ignore next */ []));
+    onInput(event) {
+        const target = event.target;
+        this.setValue(target?.value ?? '');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TextInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: TextInputComponent, isStandalone: true, selector: "m-text-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, hideErrors: { classPropertyName: "hideErrors", publicName: "hideErrors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange" }, host: { properties: { "class": "config()?.variant ? 'm-input--' + config()?.variant : ''" } }, usesInheritance: true, ngImport: i0, template: `
+    @if (config(); as text) {
+      @if (text.label) {
+        <m-label
+          [for]="text.name ?? ''"
+          [placeholder]="text.label"
+          [params]="text.params"
+          [required]="required()"
+          [disabled]="disabled()"
+        />
+      }
+      <div class="input-wrapper">
+        @if (text.icon) {
+          <m-icon
+            [name]="text.icon"
+            [color]="iconColor()"
+            [one]="text.one"
+          />
+        }
+        @if (text.prefix) {
+          <span class="input-prefix">{{ text.prefix }}</span>
+        }
+        <input
+          [id]="text.name ?? ''"
+          [attr.data-testid]="text.testid ?? (text.name ? text.name + '-input' : null)"
+          [value]="value()"
+          #inputElement
+          [class.error]="showErrors()"
+          [class.has-icon]="!!text.icon"
+          [class.has-prefix]="!!text.prefix"
+          [disabled]="disabled()"
+          [readOnly]="readonly() || config()?.readonly"
+          [placeholder]="text.placeholder ?? '' | translate: text.params"
+          (input)="onInput($event)"
+          (focus)="isFocused.set(true)"
+          (blur)="isFocused.set(false); touched.set(true)"
+          [type]="isNumber() ? 'number' : 'text'"
+          [attr.min]="isNumber() ? text.min ?? null : null"
+          [attr.max]="isNumber() ? text.max ?? null : null"
+          [attr.step]="isNumber() ? text.step ?? null : null"
+        />
+        @if (config()?.status; as status) {
+          <div class="input-indicator" [class]="'input-indicator--' + status">
+            @if (status === 'checking') {
+              <span class="spinner"></span>
+            } @else if (status === 'available') {
+              <m-icon name="check" color="success" />
+            }
+          </div>
+        }
+        @if (text.suffix) {
+          <span class="input-suffix">{{ text.suffix }}</span>
+        }
+      </div>
+      @if (showErrors() && !hideErrors()) {
+        @for (error of errors(); track $index) {
+          <m-text-output
+            variant="footer"
+            color="error"
+            [label]="error.message"
+          />
+        }
+      }
+    }
+  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.input-wrapper{display:flex;align-items:center;background:var(--m-background);height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 2px);border-radius:var(--m-input-radius, 4px);height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;padding-left:var(--m-text-input-padding-left, calc(var(--input-size, 1em) * .5 * .7));padding-right:var(--m-text-input-padding-right, calc(var(--input-size, 1em) * .5 * .7));background:var(--m-text-input-background, var(--m-background));border-color:var(--m-text-input-border, var(--m-input-color, var(--m-mm)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease)}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12)));background:var(--m-text-input-hover-background, var(--m-text-input-background, var(--m-background)))}.input-wrapper:focus-within{border-color:var(--m-text-input-focus-border, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-shadow, none);background:var(--m-text-input-focus-background, var(--m-text-input-background, var(--m-background)))}.input-wrapper .m-icon{--m-icon-size: 1.1em !important;opacity:var(--m-text-input-icon-opacity, 1);transition:opacity .2s ease}.input-wrapper:focus-within .m-icon{opacity:var(--m-text-input-icon-focus-opacity, var(--m-text-input-icon-opacity, 1))}.input-wrapper input{appearance:none;color:var(--m-text-input-color, var(--m-text));font-weight:var(--m-text-input-font-weight, inherit);font-size:var(--input-size, 1em)}.input-wrapper input::placeholder{font-weight:var(--m-text-input-placeholder-weight, inherit);opacity:var(--m-text-input-placeholder-opacity, inherit)}.input-wrapper .input-prefix,.input-wrapper .input-suffix{font-size:.9rem;font-weight:700;color:var(--m-text-tertiary);-webkit-user-select:none;user-select:none;display:flex;align-items:center;flex-shrink:0}.input-wrapper .input-prefix{margin-right:.25rem}.input-wrapper .input-suffix{margin-left:.25rem}:host(.m-input--underlined) .input-wrapper{background:transparent;border:none;border-bottom:2px solid var(--m-backdrop-border);border-radius:0;padding:.5rem 0;min-height:auto;height:auto;transition:border-color .3s ease}:host(.m-input--underlined) .input-wrapper:focus-within{border-bottom-color:var(--m-mm);box-shadow:none}:host(.m-input--underlined) input{font-size:1.125rem;font-weight:700;color:var(--m-text)}:host(.m-input--underlined) .input-prefix,:host(.m-input--underlined) .input-suffix{color:var(--m-mm);font-weight:800;font-size:1rem}:host(.m-input--underlined) .input-indicator{display:flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;margin-left:.375em}:host(.m-input--underlined) .input-indicator--available{color:var(--m-success, #10b981)}:host(.m-input--underlined) .input-indicator .spinner{width:.875rem;height:.875rem;border:2px solid var(--m-border, rgba(255, 255, 255, .1));border-top-color:var(--m-focus, #14b8a6);border-radius:50%;animation:m-spin .8s linear infinite}@keyframes m-spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TextInputComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'm-text-input', template: `
+    @if (config(); as text) {
+      @if (text.label) {
+        <m-label
+          [for]="text.name ?? ''"
+          [placeholder]="text.label"
+          [params]="text.params"
+          [required]="required()"
+          [disabled]="disabled()"
+        />
+      }
+      <div class="input-wrapper">
+        @if (text.icon) {
+          <m-icon
+            [name]="text.icon"
+            [color]="iconColor()"
+            [one]="text.one"
+          />
+        }
+        @if (text.prefix) {
+          <span class="input-prefix">{{ text.prefix }}</span>
+        }
+        <input
+          [id]="text.name ?? ''"
+          [attr.data-testid]="text.testid ?? (text.name ? text.name + '-input' : null)"
+          [value]="value()"
+          #inputElement
+          [class.error]="showErrors()"
+          [class.has-icon]="!!text.icon"
+          [class.has-prefix]="!!text.prefix"
+          [disabled]="disabled()"
+          [readOnly]="readonly() || config()?.readonly"
+          [placeholder]="text.placeholder ?? '' | translate: text.params"
+          (input)="onInput($event)"
+          (focus)="isFocused.set(true)"
+          (blur)="isFocused.set(false); touched.set(true)"
+          [type]="isNumber() ? 'number' : 'text'"
+          [attr.min]="isNumber() ? text.min ?? null : null"
+          [attr.max]="isNumber() ? text.max ?? null : null"
+          [attr.step]="isNumber() ? text.step ?? null : null"
+        />
+        @if (config()?.status; as status) {
+          <div class="input-indicator" [class]="'input-indicator--' + status">
+            @if (status === 'checking') {
+              <span class="spinner"></span>
+            } @else if (status === 'available') {
+              <m-icon name="check" color="success" />
+            }
+          </div>
+        }
+        @if (text.suffix) {
+          <span class="input-suffix">{{ text.suffix }}</span>
+        }
+      </div>
+      @if (showErrors() && !hideErrors()) {
+        @for (error of errors(); track $index) {
+          <m-text-output
+            variant="footer"
+            color="error"
+            [label]="error.message"
+          />
+        }
+      }
+    }
+  `, imports: [LabelComponent, TextOutputComponent, IconComponent, TranslatePipe], host: {
+                        '[class]': "config()?.variant ? 'm-input--' + config()?.variant : ''",
+                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.input-wrapper{display:flex;align-items:center;background:var(--m-background);height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 2px);border-radius:var(--m-input-radius, 4px);height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;padding-left:var(--m-text-input-padding-left, calc(var(--input-size, 1em) * .5 * .7));padding-right:var(--m-text-input-padding-right, calc(var(--input-size, 1em) * .5 * .7));background:var(--m-text-input-background, var(--m-background));border-color:var(--m-text-input-border, var(--m-input-color, var(--m-mm)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease)}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12)));background:var(--m-text-input-hover-background, var(--m-text-input-background, var(--m-background)))}.input-wrapper:focus-within{border-color:var(--m-text-input-focus-border, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-shadow, none);background:var(--m-text-input-focus-background, var(--m-text-input-background, var(--m-background)))}.input-wrapper .m-icon{--m-icon-size: 1.1em !important;opacity:var(--m-text-input-icon-opacity, 1);transition:opacity .2s ease}.input-wrapper:focus-within .m-icon{opacity:var(--m-text-input-icon-focus-opacity, var(--m-text-input-icon-opacity, 1))}.input-wrapper input{appearance:none;color:var(--m-text-input-color, var(--m-text));font-weight:var(--m-text-input-font-weight, inherit);font-size:var(--input-size, 1em)}.input-wrapper input::placeholder{font-weight:var(--m-text-input-placeholder-weight, inherit);opacity:var(--m-text-input-placeholder-opacity, inherit)}.input-wrapper .input-prefix,.input-wrapper .input-suffix{font-size:.9rem;font-weight:700;color:var(--m-text-tertiary);-webkit-user-select:none;user-select:none;display:flex;align-items:center;flex-shrink:0}.input-wrapper .input-prefix{margin-right:.25rem}.input-wrapper .input-suffix{margin-left:.25rem}:host(.m-input--underlined) .input-wrapper{background:transparent;border:none;border-bottom:2px solid var(--m-backdrop-border);border-radius:0;padding:.5rem 0;min-height:auto;height:auto;transition:border-color .3s ease}:host(.m-input--underlined) .input-wrapper:focus-within{border-bottom-color:var(--m-mm);box-shadow:none}:host(.m-input--underlined) input{font-size:1.125rem;font-weight:700;color:var(--m-text)}:host(.m-input--underlined) .input-prefix,:host(.m-input--underlined) .input-suffix{color:var(--m-mm);font-weight:800;font-size:1rem}:host(.m-input--underlined) .input-indicator{display:flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;margin-left:.375em}:host(.m-input--underlined) .input-indicator--available{color:var(--m-success, #10b981)}:host(.m-input--underlined) .input-indicator .spinner{width:.875rem;height:.875rem;border:2px solid var(--m-border, rgba(255, 255, 255, .1));border-top-color:var(--m-focus, #14b8a6);border-radius:50%;animation:m-spin .8s linear infinite}@keyframes m-spin{to{transform:rotate(360deg)}}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], hideErrors: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideErrors", required: false }] }] } });
+
+var text = /*#__PURE__*/Object.freeze({
+    __proto__: null,
+    TextInputComponent: TextInputComponent
+});
+
+/**
+ * The panel a `range` Filter opens: two numeric bounds, and nothing else.
+ *
+ * Two inputs rather than the `m-multi-range` slider beside them because this
+ * panel opens inside a selector 260px wide, and narrower still inside a
+ * squeezed FilterGroup's drill-in — a slider needs a pixel width to be usable
+ * and has no keyboard story at that size. The authored bounds clamp the boxes
+ * and stand in as their placeholders rather than being drawn to scale.
+ *
+ * The two boxes are prefixed `≥` and `≤` rather than labelled with words. A
+ * bound reads the same in every locale, and libs/one's TranslationAssets carry
+ * ~150 languages each — two of them for a mark the symbol already makes.
+ */
+class SectionFilterRangePanelComponent {
+    /**
+     * The pair this Filter's key carries, read the way every other panel reads
+     * its slice — as the list the group hands down. Empty when nothing is picked,
+     * because a Filter holding nothing carries no key (ADR 0026).
+     */
+    value = input([], ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    min = input(...(ngDevMode ? [undefined, { debugName: "min" }] : /* istanbul ignore next */ []));
+    max = input(...(ngDevMode ? [undefined, { debugName: "max" }] : /* istanbul ignore next */ []));
+    step = input(...(ngDevMode ? [undefined, { debugName: "step" }] : /* istanbul ignore next */ []));
+    /** The Filter's own heading, already a TranslationAsset key. */
+    label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
+    /**
+     * The new pair, or `undefined` once both boxes are empty — which is what
+     * deletes the key rather than writing a pair of blanks into it.
+     */
+    action = output();
+    from = computed(() => this.bound(0), ...(ngDevMode ? [{ debugName: "from" }] : /* istanbul ignore next */ []));
+    to = computed(() => this.bound(1), ...(ngDevMode ? [{ debugName: "to" }] : /* istanbul ignore next */ []));
+    fromText = computed(() => textOf(this.from()), ...(ngDevMode ? [{ debugName: "fromText" }] : /* istanbul ignore next */ []));
+    toText = computed(() => textOf(this.to()), ...(ngDevMode ? [{ debugName: "toText" }] : /* istanbul ignore next */ []));
+    fromConfig = computed(() => this.boundConfig('from', '≥', this.min()), ...(ngDevMode ? [{ debugName: "fromConfig" }] : /* istanbul ignore next */ []));
+    toConfig = computed(() => this.boundConfig('to', '≤', this.max()), ...(ngDevMode ? [{ debugName: "toConfig" }] : /* istanbul ignore next */ []));
+    writeFrom = (raw) => this.emit(parse(raw), this.to());
+    writeTo = (raw) => this.emit(this.from(), parse(raw));
+    /**
+     * The authored bound stands in as the placeholder: it says what the box will
+     * do if left empty, which is the one thing a range's empty half means.
+     */
+    boundConfig = (name, prefix, bound) => ({
+        name,
+        type: InputType.NUMBER,
+        prefix,
+        placeholder: textOf(bound),
+        min: this.min(),
+        max: this.max(),
+        step: this.step(),
+    });
+    bound = (index) => {
+        const entry = this.value()[index];
+        if (entry === undefined || entry === '')
+            return undefined;
+        return parse(String(entry));
+    };
+    /**
+     * A half-filled range is still a range: the empty side falls back to the
+     * authored bound, so typing one number filters from it rather than waiting
+     * for the other box. Both empty and there is nothing to filter on, which is
+     * the `undefined` that drops the key.
+     */
+    emit = (from, to) => {
+        if (from === undefined && to === undefined) {
+            this.action.emit(undefined);
+            return;
+        }
+        const low = from ?? this.min() ?? 0;
+        const high = to ?? this.max() ?? low;
+        this.action.emit(low <= high ? [low, high] : [high, low]);
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionFilterRangePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: SectionFilterRangePanelComponent, isStandalone: true, selector: "m-section-filter-range-panel", inputs: { value: { classPropertyName: "value", publicName: "value", 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 }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { action: "action" }, ngImport: i0, template: `
+    <div class="section-filter-range-panel">
+      <div class="section-filter-range-panel__field">
+        <m-text-input
+          [config]="fromConfig()"
+          [value]="fromText()"
+          (valueChange)="writeFrom($event)"
+        />
+      </div>
+      <div class="section-filter-range-panel__field">
+        <m-text-input
+          [config]="toConfig()"
+          [value]="toText()"
+          (valueChange)="writeTo($event)"
+        />
+      </div>
+    </div>
+  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.section-filter-range-panel{display:flex;align-items:center;gap:.5rem;padding:calc(.6rem * var(--filter-size, 1)) calc(.9rem * var(--filter-size, 1));background:var(--m-background);border:1px solid var(--m-mm);animation:filter-range-panel-in .2s ease-out}.section-filter-range-panel__field{flex:1 1 0;min-width:0}.section-filter-range-panel__field m-text-input{display:block;width:100%}@keyframes filter-range-panel-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}\n"], dependencies: [{ kind: "component", type: TextInputComponent, selector: "m-text-input", inputs: ["value", "config", "required", "disabled", "invalid", "touched", "focused", "errors", "hideErrors"], outputs: ["valueChange", "touchedChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionFilterRangePanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'm-section-filter-range-panel', template: `
+    <div class="section-filter-range-panel">
+      <div class="section-filter-range-panel__field">
+        <m-text-input
+          [config]="fromConfig()"
+          [value]="fromText()"
+          (valueChange)="writeFrom($event)"
+        />
+      </div>
+      <div class="section-filter-range-panel__field">
+        <m-text-input
+          [config]="toConfig()"
+          [value]="toText()"
+          (valueChange)="writeTo($event)"
+        />
+      </div>
+    </div>
+  `, imports: [TextInputComponent], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.section-filter-range-panel{display:flex;align-items:center;gap:.5rem;padding:calc(.6rem * var(--filter-size, 1)) calc(.9rem * var(--filter-size, 1));background:var(--m-background);border:1px solid var(--m-mm);animation:filter-range-panel-in .2s ease-out}.section-filter-range-panel__field{flex:1 1 0;min-width:0}.section-filter-range-panel__field m-text-input{display:block;width:100%}@keyframes filter-range-panel-in{0%{opacity:0;transform:scale(.95) translateY(-4px)}to{opacity:1;transform:scale(1) translateY(0)}}\n"] }]
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", 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 }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], action: [{ type: i0.Output, args: ["action"] }] } });
+const parse = (raw) => {
+    if (raw.trim() === '')
+        return undefined;
+    const parsed = Number(raw);
+    return Number.isFinite(parsed) ? parsed : undefined;
+};
+const textOf = (bound) => bound === undefined ? '' : String(bound);
+
+/**
+ * Which panel a variant opens, and what drives it — the one place that answers
+ * it, because two hosts ask: a Filter's own dropdown, and the drill-in a
+ * squeezed FilterGroup draws for each Filter beneath it. A `switch` in each
+ * would be the same answer written twice, and the second copy is the one that
+ * would be forgotten when a fourth variant lands (ADR 0025 superseded).
+ *
+ * A flat result object rather than a discriminated union: the `assets:wc`
+ * build runs without `strict`, where a union arm does not narrow, so a shape
+ * that type-checks here would fail to build there.
+ */
+const filterPanelOf = (io) => filterHoldsRange(io.variant())
+    ? {
+        component: SectionFilterRangePanelComponent,
+        bindings: [
+            inputBinding('value', io.selected),
+            inputBinding('min', io.min),
+            inputBinding('max', io.max),
+            inputBinding('step', io.step),
+            inputBinding('label', io.label),
+            outputBinding('action', (next) => io.setRange(next)),
+        ],
+    }
+    : {
+        component: SectionFilterPanelComponent,
+        bindings: [
+            inputBinding('options', io.options),
+            inputBinding('selected', io.selected),
+            inputBinding('variant', io.variant),
+            outputBinding('action', (option) => io.pick(option)),
+        ],
+    };
+/**
+ * How wide that panel wants to be. A range's two boxes need more than an
+ * option list's rows, and the group's drill-in is the narrower of the two
+ * hosts — so the width rides with the panel rather than being guessed at each
+ * call site.
+ */
+const filterPanelWidth = (variant) => filterHoldsRange(variant) ? '260px' : 'auto';
 
 const FILTER_GROUP_CONTEXT = new InjectionToken('FILTER_GROUP_CONTEXT');
 
 class SectionFilterComponent {
     label = input('', ...(ngDevMode ? [{ debugName: "label" }] : /* istanbul ignore next */ []));
     /**
-     * The key this Filter's slice carries in a FilterGroup's `{name, value}[]`.
+     * The key this Filter's slice carries in a FilterGroup's payload.
      * Falls back to `label`, which is a TranslationAsset key rather than an
      * identity — good enough alone, wrong to rely on in a group (ADR 0025).
      */
     name = input('', ...(ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []));
     options = input([], ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
     optionsAsset = input(...(ngDevMode ? [undefined, { debugName: "optionsAsset" }] : /* istanbul ignore next */ []));
-    multiple = input(true, ...(ngDevMode ? [{ debugName: "multiple" }] : /* istanbul ignore next */ []));
+    /**
+     * Which question this Filter asks and what its key carries as a result.
+     * `single` by default: a Filter that says nothing about itself takes one
+     * answer, and the variants holding more than one value say so on the tag.
+     *
+     * Replaces the `multiple` boolean, which spelled two of three variants and
+     * had no room for `range`.
+     */
+    variant = input('single', ...(ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []));
+    /** A `range` variant's bounds. Ignored by the option-picking variants. */
+    min = input(...(ngDevMode ? [undefined, { debugName: "min" }] : /* istanbul ignore next */ []));
+    max = input(...(ngDevMode ? [undefined, { debugName: "max" }] : /* istanbul ignore next */ []));
+    step = input(...(ngDevMode ? [undefined, { debugName: "step" }] : /* istanbul ignore next */ []));
+    /**
+     * The glyph on the dropdown toggle, an IconAsset name. Unset keeps the
+     * `adjust` tuning icon every Filter wears by default — this replaces that
+     * one rather than adding a second mark, a Filter having one affordance and
+     * therefore one place for an icon to sit.
+     */
+    icon = input(...(ngDevMode ? [undefined, { debugName: "icon" }] : /* istanbul ignore next */ []));
+    /**
+     * A list whatever the variant: the badges and every panel read one, and only
+     * what *leaves* the component is narrowed. A `range` holds its pair here,
+     * which is why the entries are no longer `string` alone.
+     */
     value = model([], ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /**
+     * The picked value, shaped the way this Filter was authored: the value
+     * itself under `single` and the list under `multi` and `range`, matching the
+     * slice a FilterGroup's key would carry (ADR 0026). A `single` cleared emits
+     * `''` — a group deletes the key instead, and a bare Filter has no key to
+     * delete.
+     */
     filterChange = output();
     isOpen = signal(false, ...(ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []));
     /**
@@ -10390,12 +10795,19 @@ class SectionFilterComponent {
     resolvedName = computed(() => this.name() || this.label(), ...(ngDevMode ? [{ debugName: "resolvedName" }] : /* istanbul ignore next */ []));
     /** The group's slice when there is one, this Filter's own model otherwise. */
     selected = computed(() => this.group ? this.group.valueOf(this.resolvedName()) : this.value(), ...(ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []));
+    // Open, the toggle is always the close mark: what it does at that moment is
+    // dismiss the panel, whatever glyph opened it.
     toggleConfig = computed(() => ({
-        icon: this.isOpen() ? 'x' : 'adjust',
+        icon: this.isOpen() ? 'x' : this.icon() || 'adjust',
         one: true,
         variant: 'ghost',
         iconOnly: true,
     }), ...(ngDevMode ? [{ debugName: "toggleConfig" }] : /* istanbul ignore next */ []));
+    // A computed rather than a literal in the binding: an inline object is a
+    // new reference every check, and `no-inline-config` refuses one anyway.
+    chipConfig = computed(() => ({
+        variant: 'chip',
+    }), ...(ngDevMode ? [{ debugName: "chipConfig" }] : /* istanbul ignore next */ []));
     dropdownRef = viewChild(SelectorDirective, ...(ngDevMode ? [{ debugName: "dropdownRef" }] : /* istanbul ignore next */ []));
     assetStore = inject(AssetStore);
     assetOptionsResource = rxResource({
@@ -10409,6 +10821,10 @@ class SectionFilterComponent {
         },
     });
     resolvedOptions = computed(() => {
+        // A range is authored with bounds and never with an OptionSet, so a name
+        // left over from a variant flip resolves for a list nothing draws.
+        if (filterHoldsRange(this.variant()))
+            return [];
         const inline = this.options();
         if (inline.length)
             return inline;
@@ -10426,49 +10842,80 @@ class SectionFilterComponent {
     }, ...(ngDevMode ? [{ debugName: "resolvedOptions" }] : /* istanbul ignore next */ []));
     hasSelection = computed(() => this.selected().length > 0, ...(ngDevMode ? [{ debugName: "hasSelection" }] : /* istanbul ignore next */ []));
     selectedOptions = computed(() => this.resolvedOptions().filter((o) => this.selected().includes(o.value)), ...(ngDevMode ? [{ debugName: "selectedOptions" }] : /* istanbul ignore next */ []));
-    selectorConfig = computed(() => ({
-        component: SectionFilterPanelComponent,
-        base: 'm-section-filter',
-        bindings: [
-            inputBinding('options', this.resolvedOptions),
-            inputBinding('selected', this.selected),
-            inputBinding('multiple', this.multiple),
-            outputBinding('action', (opt) => this.selectOption(opt)),
-        ],
-    }), ...(ngDevMode ? [{ debugName: "selectorConfig" }] : /* istanbul ignore next */ []));
+    /** The pair drawn as one chip, or `undefined` for the option variants. */
+    rangeLabel = computed(() => {
+        if (!filterHoldsRange(this.variant()))
+            return undefined;
+        const picked = this.selected();
+        if (picked.length !== 2)
+            return undefined;
+        return `${picked[0]} – ${picked[1]}`;
+    }, ...(ngDevMode ? [{ debugName: "rangeLabel" }] : /* istanbul ignore next */ []));
+    selectorConfig = computed(() => {
+        const panel = filterPanelOf({
+            variant: this.variant,
+            label: this.label,
+            options: this.resolvedOptions,
+            selected: this.selected,
+            min: this.min,
+            max: this.max,
+            step: this.step,
+            pick: this.selectOption,
+            setRange: this.writeRange,
+        });
+        return {
+            component: panel.component,
+            base: 'm-section-filter',
+            width: filterPanelWidth(this.variant()),
+            bindings: panel.bindings,
+        };
+    }, ...(ngDevMode ? [{ debugName: "selectorConfig" }] : /* istanbul ignore next */ []));
     selectOption = (opt) => {
         if (opt.disabled)
             return;
         if (this.group) {
-            this.group.toggle(this.resolvedName(), opt, this.multiple());
-            if (!this.multiple())
+            this.group.toggle(this.resolvedName(), opt, this.variant());
+            if (!filterHoldsList(this.variant()))
                 this.dropdownRef()?.close();
             return;
         }
-        if (this.multiple()) {
-            const current = this.value();
-            const next = current.includes(opt.value)
+        const current = this.selected();
+        if (filterHoldsList(this.variant())) {
+            this.write(current.includes(opt.value)
                 ? current.filter((v) => v !== opt.value)
-                : [...current, opt.value];
-            this.value.set(next);
-            this.filterChange.emit(next);
+                : [...current, opt.value]);
+            return;
         }
-        else {
-            const current = this.value();
-            const next = current.includes(opt.value) ? [] : [opt.value];
-            this.value.set(next);
-            this.filterChange.emit(next);
-            this.dropdownRef()?.close();
+        this.write(current.includes(opt.value) ? [] : [opt.value]);
+        this.dropdownRef()?.close();
+    };
+    /**
+     * A bound moved. Stays open whichever half was typed: a range is two numbers
+     * and closing on the first would take the box away mid-answer.
+     */
+    writeRange = (next) => {
+        if (this.group) {
+            this.group.setRange(this.resolvedName(), next);
+            return;
         }
+        this.write(next ? [next[0], next[1]] : []);
     };
+    clearRange = () => this.writeRange(undefined);
     removeOption = (val) => {
         if (this.group) {
             this.group.remove(this.resolvedName(), val);
             return;
         }
-        const next = this.value().filter((v) => v !== val);
-        this.value.set(next);
-        this.filterChange.emit(next);
+        this.write(this.selected().filter((v) => v !== val));
+    };
+    /**
+     * The model is a list whatever the variant, the badges and every panel
+     * reading one; only what leaves the component is narrowed.
+     */
+    write = (next) => {
+        const list = [...next];
+        this.value.set(list);
+        this.filterChange.emit(filterHoldsList(this.variant()) ? list : (list[0] ?? ''));
     };
     constructor() {
         const group = this.group;
@@ -10476,31 +10923,48 @@ class SectionFilterComponent {
             return;
         // Registered rather than found by a content query: a Col may sit between
         // this Filter and its group, and squeezed the group renders no bar at all
-        // — the menu it draws instead is built from these registrations, which is
-        // why the row is hidden rather than skipped (ADR 0025).
+        // — the drill-in it draws instead is built from these registrations, which
+        // is why the row is hidden rather than skipped (ADR 0025).
         const member = {
             name: this.resolvedName,
             label: this.label,
             options: this.resolvedOptions,
-            multiple: this.multiple,
+            variant: this.variant,
+            min: this.min,
+            max: this.max,
+            step: this.step,
         };
         group.register(member);
         inject(DestroyRef).onDestroy(() => group.unregister(member));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionFilterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SectionFilterComponent, isStandalone: true, selector: "m-section-filter", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionsAsset: { classPropertyName: "optionsAsset", publicName: "optionsAsset", isSignal: true, isRequired: false, transformFunction: null }, multiple: { classPropertyName: "multiple", publicName: "multiple", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", filterChange: "filterChange" }, host: { properties: { "class.has-sidepanel": "sidepanel()", "class.no-border": "noBorder()", "class.in-group": "!!group" } }, viewQueries: [{ propertyName: "dropdownRef", first: true, predicate: SelectorDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SectionFilterComponent, isStandalone: true, selector: "m-section-filter", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, name: { classPropertyName: "name", publicName: "name", isSignal: true, isRequired: false, transformFunction: null }, options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, optionsAsset: { classPropertyName: "optionsAsset", publicName: "optionsAsset", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", 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 }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", filterChange: "filterChange" }, host: { properties: { "class.has-sidepanel": "sidepanel()", "class.no-border": "noBorder()", "class.in-group": "!!group" } }, viewQueries: [{ propertyName: "dropdownRef", first: true, predicate: SelectorDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
     <div class="section-filter__bar">
       @if (hasSelection()) {
         <div class="section-filter__badges">
-          @for (opt of selectedOptions(); track opt.value) {
-            <m-badge [config]="{ variant: 'chip' }">
-              {{ opt.label | translate }}
+          @if (rangeLabel(); as bounds) {
+            <!-- One badge for the pair, not two: a range is one answer, and
+                 dropping half of it would leave a bound with nothing to bound
+                 against. Its × clears the whole key. -->
+            <m-badge [config]="chipConfig()">
+              {{ bounds }}
               <m-one-button
                 name="x"
-                (clicked)="removeOption(opt.value)"
-                [attr.aria-label]="('remove' | translate) + ' ' + (opt.label | translate)"
+                (clicked)="clearRange()"
+                [attr.aria-label]="('remove' | translate) + ' ' + label()"
               />
             </m-badge>
+          } @else {
+            @for (opt of selectedOptions(); track opt.value) {
+              <m-badge [config]="chipConfig()">
+                {{ opt.label | translate }}
+                <m-one-button
+                  name="x"
+                  (clicked)="removeOption(opt.value)"
+                  [attr.aria-label]="('remove' | translate) + ' ' + (opt.label | translate)"
+                />
+              </m-badge>
+            }
           }
         </div>
       } @else {
@@ -10525,15 +10989,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
     <div class="section-filter__bar">
       @if (hasSelection()) {
         <div class="section-filter__badges">
-          @for (opt of selectedOptions(); track opt.value) {
-            <m-badge [config]="{ variant: 'chip' }">
-              {{ opt.label | translate }}
+          @if (rangeLabel(); as bounds) {
+            <!-- One badge for the pair, not two: a range is one answer, and
+                 dropping half of it would leave a bound with nothing to bound
+                 against. Its × clears the whole key. -->
+            <m-badge [config]="chipConfig()">
+              {{ bounds }}
               <m-one-button
                 name="x"
-                (clicked)="removeOption(opt.value)"
-                [attr.aria-label]="('remove' | translate) + ' ' + (opt.label | translate)"
+                (clicked)="clearRange()"
+                [attr.aria-label]="('remove' | translate) + ' ' + label()"
               />
             </m-badge>
+          } @else {
+            @for (opt of selectedOptions(); track opt.value) {
+              <m-badge [config]="chipConfig()">
+                {{ opt.label | translate }}
+                <m-one-button
+                  name="x"
+                  (clicked)="removeOption(opt.value)"
+                  [attr.aria-label]="('remove' | translate) + ' ' + (opt.label | translate)"
+                />
+              </m-badge>
+            }
           }
         </div>
       } @else {
@@ -10561,7 +11039,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         '[class.no-border]': 'noBorder()',
                         '[class.in-group]': '!!group',
                     }, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;border-bottom:1px solid var(--m-section-filter-border, var(--m-backdrop-border))}:host(.no-border){border-bottom:none}.section-filter__bar{display:flex;align-items:center;justify-content:space-between;gap:.5rem;min-height:var(--section-header-min-height, calc(var(--section-header-py, 1rem) * 2 + 1.375rem));padding:var(--section-header-py, .75rem) var(--section-px, 1rem)}.section-filter__bar m-header{flex:1;min-width:0;font-size:1rem}.section-filter__bar .section-filter__toggle{flex-shrink:0;--m-button-size: 1rem !important}.section-filter__bar .section-filter__toggle.is-active{--m-button-color: var(--m-mm) !important}.section-filter__badges{display:flex;flex-wrap:wrap;gap:.375rem;flex:1;min-width:0;align-items:center}.section-filter__badges m-badge{--m-badge-size: .6rem;--m-badge-chip-padding: 0 .25em}.section-filter__badges m-badge m-button{--m-button-size: .6em;--m-button-color: var(--m-mm);opacity:.7}.section-filter__badges m-badge m-button:hover{opacity:1}.section-filter__dropdown{flex-shrink:0}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], optionsAsset: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsAsset", required: false }] }], multiple: [{ type: i0.Input, args: [{ isSignal: true, alias: "multiple", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], filterChange: [{ type: i0.Output, args: ["filterChange"] }], dropdownRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SelectorDirective), { isSignal: true }] }] } });
+        }], ctorParameters: () => [], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], name: [{ type: i0.Input, args: [{ isSignal: true, alias: "name", required: false }] }], options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], optionsAsset: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsAsset", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", 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 }] }], icon: [{ type: i0.Input, args: [{ isSignal: true, alias: "icon", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], filterChange: [{ type: i0.Output, args: ["filterChange"] }], dropdownRef: [{ type: i0.ViewChild, args: [i0.forwardRef(() => SelectorDirective), { isSignal: true }] }] } });
 
 /**
  * One key of a group's selection read as the list a `multiple` Filter carries.
@@ -10586,21 +11064,250 @@ function filterList(selection, name) {
 function filterOne(selection, name) {
     return toList(selection?.[name])[0];
 }
+/**
+ * One Filter's own emit read as a list, whichever shape it was authored to
+ * carry — a standalone `multiple` Filter emits its list and a single-select one
+ * emits the value itself (ADR 0026). What `filterList` does for a key of a
+ * group's map, for the Filter that has no group and therefore no map.
+ *
+ * The empty string drops out: a cleared single-select Filter emits it where a
+ * group would delete the key, so the two spellings of "nothing picked" read
+ * the same. `filterList` keeps it — a key a group wrote is a value a User
+ * picked, and a group writes no key at all for nothing.
+ */
+function filterValueList(value) {
+    return toList(value).filter((entry) => entry !== '');
+}
+/**
+ * One key read without the narrowing `filterList` does — the entries as the
+ * map actually holds them. What a panel inside the library reads, because a
+ * `range` key's pair is numeric and `String`-ing it would make a bound into
+ * text the boxes then have to parse back.
+ *
+ * Not what generated code reads: a payload leaving the library goes through
+ * `filterList` or `filterOne`, whose `string` return is what a StoreMethod
+ * parameter takes (ADR 0026).
+ */
+function filterValues(selection, name) {
+    const value = selection?.[name];
+    if (value === undefined)
+        return [];
+    return Array.isArray(value) ? value : [value];
+}
+/**
+ * One key read as the numeric pair a `range` Filter carries, or `undefined`
+ * when the Filter holds nothing — a Filter holding nothing carries no key at
+ * all, which is the absence a consumer drops from a query rather than sending
+ * as a pair of blanks (ADR 0026).
+ *
+ * A key holding anything but two finite numbers reads as `undefined`: a
+ * variant flipped after a selection was made leaves an option list behind, and
+ * a list of labels is not a range whatever its length.
+ */
+function filterRange(selection, name) {
+    const entries = filterValues(selection, name);
+    if (entries.length !== 2)
+        return undefined;
+    const low = Number(entries[0]);
+    const high = Number(entries[1]);
+    if (!Number.isFinite(low) || !Number.isFinite(high))
+        return undefined;
+    return low <= high ? [low, high] : [high, low];
+}
 const toList = (value) => {
     if (value === undefined)
         return [];
     return (Array.isArray(value) ? value : [value]).map(String);
 };
 
+/**
+ * What a squeezed FilterGroup opens: one row per Filter beneath it, drilling
+ * into that Filter's *own* panel rather than into a list of MenuItems.
+ *
+ * A ContextMenuBox was what this used to be, and it could only ever draw rows
+ * — which is a `range` Filter's bounds spelled as a list of options it does
+ * not have. Drilling into `filterPanelOf` instead means the group draws
+ * whatever the Filter draws, and a fourth variant needs nothing here at all
+ * (ADR 0025 superseded).
+ */
+class SectionFilterMenuComponent {
+    members = input([], ...(ngDevMode ? [{ debugName: "members" }] : /* istanbul ignore next */ []));
+    /**
+     * The group's own contract, handed in rather than injected: this component
+     * is created by the selector outside the group's element injector, so DI
+     * would not reach it.
+     */
+    ctx = input(...(ngDevMode ? [undefined, { debugName: "ctx" }] : /* istanbul ignore next */ []));
+    activeName = signal(undefined, ...(ngDevMode ? [{ debugName: "activeName" }] : /* istanbul ignore next */ []));
+    // The drill-in's header: what was a row is now the title of what it opened,
+    // and the glyph beside it is the way back out.
+    backConfig = computed(() => ({
+        icon: 'chevron-left',
+        label: this.activeRow()?.label ?? '',
+        one: true,
+        variant: 'ghost',
+        fullWidth: true,
+    }), ...(ngDevMode ? [{ debugName: "backConfig" }] : /* istanbul ignore next */ []));
+    forwardIcon = computed(() => ({ name: 'chevron-right' }), ...(ngDevMode ? [{ debugName: "forwardIcon" }] : /* istanbul ignore next */ []));
+    rows = computed(() => this.members().map((member) => {
+        const name = member.name();
+        const held = this.ctx()?.valueOf(name) ?? [];
+        return {
+            name,
+            label: member.label(),
+            detail: this.detailOf(member.variant(), held),
+            selected: held.length > 0,
+        };
+    }), ...(ngDevMode ? [{ debugName: "rows" }] : /* istanbul ignore next */ []));
+    active = computed(() => this.members().find((member) => member.name() === this.activeName()), ...(ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []));
+    activeRow = computed(() => {
+        const member = this.active();
+        return member ? { name: member.name(), label: member.label() } : undefined;
+    }, ...(ngDevMode ? [{ debugName: "activeRow" }] : /* istanbul ignore next */ []));
+    panelHost = viewChild('panelHost', { ...(ngDevMode ? { debugName: "panelHost" } : /* istanbul ignore next */ {}), read: ViewContainerRef });
+    activeVariant = computed(() => this.active()?.variant() ?? 'single', ...(ngDevMode ? [{ debugName: "activeVariant" }] : /* istanbul ignore next */ []));
+    activeLabel = computed(() => this.active()?.label() ?? '', ...(ngDevMode ? [{ debugName: "activeLabel" }] : /* istanbul ignore next */ []));
+    activeOptions = computed(() => this.active()?.options() ?? [], ...(ngDevMode ? [{ debugName: "activeOptions" }] : /* istanbul ignore next */ []));
+    activeSelected = computed(() => {
+        const member = this.active();
+        return member ? (this.ctx()?.valueOf(member.name()) ?? []) : [];
+    }, ...(ngDevMode ? [{ debugName: "activeSelected" }] : /* istanbul ignore next */ []));
+    activeMin = computed(() => this.active()?.min(), ...(ngDevMode ? [{ debugName: "activeMin" }] : /* istanbul ignore next */ []));
+    activeMax = computed(() => this.active()?.max(), ...(ngDevMode ? [{ debugName: "activeMax" }] : /* istanbul ignore next */ []));
+    activeStep = computed(() => this.active()?.step(), ...(ngDevMode ? [{ debugName: "activeStep" }] : /* istanbul ignore next */ []));
+    constructor() {
+        // Recreated when the drilled-into Filter changes and at no other time: the
+        // panel's own bindings are signals, so a selection made inside it updates
+        // in place rather than rebuilding the component under the User's cursor.
+        effect(() => {
+            const member = this.active();
+            const host = this.panelHost();
+            untracked(() => {
+                host?.clear();
+                if (!member || !host)
+                    return;
+                const panel = filterPanelOf({
+                    variant: this.activeVariant,
+                    label: this.activeLabel,
+                    options: this.activeOptions,
+                    selected: this.activeSelected,
+                    min: this.activeMin,
+                    max: this.activeMax,
+                    step: this.activeStep,
+                    pick: this.pick,
+                    setRange: this.setRange,
+                });
+                host.createComponent(panel.component, { bindings: panel.bindings });
+            });
+        });
+    }
+    pick = (option) => {
+        const member = this.active();
+        if (!member)
+            return;
+        this.ctx()?.toggle(member.name(), option, member.variant());
+    };
+    setRange = (next) => {
+        const member = this.active();
+        if (!member)
+            return;
+        this.ctx()?.setRange(member.name(), next);
+    };
+    /**
+     * A range says what it holds and an option list says how many: two picked
+     * options are two of a set the row cannot show, while two bounds *are* the
+     * answer and fit.
+     */
+    detailOf = (variant, held) => {
+        if (!held.length)
+            return '';
+        if (filterHoldsRange(variant)) {
+            return held.length === 2 ? `${held[0]} – ${held[1]}` : '';
+        }
+        return String(held.length);
+    };
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionFilterMenuComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: SectionFilterMenuComponent, isStandalone: true, selector: "m-section-filter-menu", inputs: { members: { classPropertyName: "members", publicName: "members", isSignal: true, isRequired: false, transformFunction: null }, ctx: { classPropertyName: "ctx", publicName: "ctx", isSignal: true, isRequired: false, transformFunction: null } }, host: { classAttribute: "section-filter-menu" }, viewQueries: [{ propertyName: "panelHost", first: true, predicate: ["panelHost"], descendants: true, read: ViewContainerRef, isSignal: true }], ngImport: i0, template: `
+    @if (activeRow()) {
+      <div class="section-filter-menu__back">
+        <m-button [config]="backConfig()" (clicked)="activeName.set(undefined)" />
+      </div>
+      <div class="section-filter-menu__panel">
+        <ng-container #panelHost />
+      </div>
+    } @else {
+      <ul class="section-filter-menu__rows" role="menu">
+        @for (row of rows(); track row.name) {
+          <li
+            class="section-filter-menu__row"
+            [class.is-selected]="row.selected"
+            role="menuitem"
+            tabindex="0"
+            (click)="activeName.set(row.name)"
+            (keydown.enter)="activeName.set(row.name)"
+            (keydown.space)="$event.preventDefault(); activeName.set(row.name)"
+          >
+            <span class="section-filter-menu__label">{{
+              row.label | translate
+            }}</span>
+            @if (row.detail) {
+              <span class="section-filter-menu__detail">{{ row.detail }}</span>
+            }
+            <m-icon [config]="forwardIcon()" />
+          </li>
+        }
+      </ul>
+    }
+  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.section-filter-menu{display:block;background:var(--m-background);border:1px solid var(--m-mm);min-width:14rem;max-height:20rem;overflow-y:auto}.section-filter-menu__rows{list-style:none;margin:0;padding:0}.section-filter-menu__row{display:flex;align-items:center;gap:.5em;padding:.6rem .9rem;cursor:pointer;font-size:.875rem;color:var(--m-text);transition:all .3s cubic-bezier(.16,1,.3,1);outline:none}.section-filter-menu__row:hover,.section-filter-menu__row:focus-visible{background-color:var(--m-backdrop-standard)}.section-filter-menu__row.is-selected{color:var(--m-mm);font-weight:500}.section-filter-menu__row m-icon{--m-icon-size: .875em;margin-left:auto;display:flex}.section-filter-menu__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-filter-menu__detail{font-size:.75rem;color:var(--m-text-secondary);flex-shrink:0}.section-filter-menu__back{display:flex;align-items:center;gap:.5em;width:100%;padding:.6rem .9rem;background:transparent;border:none;border-bottom:1px solid var(--m-backdrop-border);font:inherit;font-size:.875rem;color:var(--m-text);cursor:pointer;outline:none}.section-filter-menu__back:hover,.section-filter-menu__back:focus-visible{background-color:var(--m-backdrop-standard)}.section-filter-menu__back m-icon{--m-icon-size: .875em;display:flex}.section-filter-menu__panel{display:block}.section-filter-menu__panel :where(.section-filter-panel,.section-filter-range-panel){border:none;background:transparent;animation:none;max-height:none}\n"], dependencies: [{ kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionFilterMenuComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'm-section-filter-menu', template: `
+    @if (activeRow()) {
+      <div class="section-filter-menu__back">
+        <m-button [config]="backConfig()" (clicked)="activeName.set(undefined)" />
+      </div>
+      <div class="section-filter-menu__panel">
+        <ng-container #panelHost />
+      </div>
+    } @else {
+      <ul class="section-filter-menu__rows" role="menu">
+        @for (row of rows(); track row.name) {
+          <li
+            class="section-filter-menu__row"
+            [class.is-selected]="row.selected"
+            role="menuitem"
+            tabindex="0"
+            (click)="activeName.set(row.name)"
+            (keydown.enter)="activeName.set(row.name)"
+            (keydown.space)="$event.preventDefault(); activeName.set(row.name)"
+          >
+            <span class="section-filter-menu__label">{{
+              row.label | translate
+            }}</span>
+            @if (row.detail) {
+              <span class="section-filter-menu__detail">{{ row.detail }}</span>
+            }
+            <m-icon [config]="forwardIcon()" />
+          </li>
+        }
+      </ul>
+    }
+  `, imports: [IconComponent, ButtonComponent, TranslatePipe], changeDetection: ChangeDetectionStrategy.OnPush, host: { class: 'section-filter-menu' }, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}.section-filter-menu{display:block;background:var(--m-background);border:1px solid var(--m-mm);min-width:14rem;max-height:20rem;overflow-y:auto}.section-filter-menu__rows{list-style:none;margin:0;padding:0}.section-filter-menu__row{display:flex;align-items:center;gap:.5em;padding:.6rem .9rem;cursor:pointer;font-size:.875rem;color:var(--m-text);transition:all .3s cubic-bezier(.16,1,.3,1);outline:none}.section-filter-menu__row:hover,.section-filter-menu__row:focus-visible{background-color:var(--m-backdrop-standard)}.section-filter-menu__row.is-selected{color:var(--m-mm);font-weight:500}.section-filter-menu__row m-icon{--m-icon-size: .875em;margin-left:auto;display:flex}.section-filter-menu__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.section-filter-menu__detail{font-size:.75rem;color:var(--m-text-secondary);flex-shrink:0}.section-filter-menu__back{display:flex;align-items:center;gap:.5em;width:100%;padding:.6rem .9rem;background:transparent;border:none;border-bottom:1px solid var(--m-backdrop-border);font:inherit;font-size:.875rem;color:var(--m-text);cursor:pointer;outline:none}.section-filter-menu__back:hover,.section-filter-menu__back:focus-visible{background-color:var(--m-backdrop-standard)}.section-filter-menu__back m-icon{--m-icon-size: .875em;display:flex}.section-filter-menu__panel{display:block}.section-filter-menu__panel :where(.section-filter-panel,.section-filter-range-panel){border:none;background:transparent;animation:none;max-height:none}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { members: [{ type: i0.Input, args: [{ isSignal: true, alias: "members", required: false }] }], ctx: [{ type: i0.Input, args: [{ isSignal: true, alias: "ctx", required: false }] }], panelHost: [{ type: i0.ViewChild, args: ['panelHost', { ...{
+                            read: ViewContainerRef,
+                        }, isSignal: true }] }] } });
+
 /**
  * A Row-like container that owns the selection for every Filter beneath it and
  * emits one aggregate whenever any of them changes (ADR 0025). Admits Cols, so
  * a Filter may sit any depth down — DI, not a content query, is what finds it.
  *
  * Squeezed, it collapses to one icon whose menu drills into each Filter in
- * turn. The children are still projected in that mode, only hidden: a Filter
- * that never instantiates never registers, and the menu is built from
- * registrations.
+ * turn — into that Filter's own panel, so a `range` Filter offers its bounds
+ * there exactly as it would in its own dropdown. The children are still
+ * projected in that mode, only hidden: a Filter that never instantiates never
+ * registers, and the menu is built from registrations.
  */
 class SectionFilterGroupComponent {
     squeeze = input(undefined, ...(ngDevMode ? [{ debugName: "squeeze" }] : /* istanbul ignore next */ []));
@@ -10612,9 +11319,9 @@ class SectionFilterGroupComponent {
     config = input(...(ngDevMode ? [undefined, { debugName: "config" }] : /* istanbul ignore next */ []));
     /**
      * The whole group's selection, keyed by each Filter's `name` — one key per
-     * Filter holding something, and none for a Filter holding nothing. A
-     * `multiple` Filter's key carries its list, a single-select one's carries the
-     * value itself (ADR 0026).
+     * Filter holding something, and none for a Filter holding nothing. A `multi`
+     * Filter's key carries its list, a `range` one's carries its `[min, max]`
+     * pair, and a `single` one's carries the value itself (ADR 0026).
      */
     value = model({}, ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
     filterChange = output();
@@ -10623,7 +11330,6 @@ class SectionFilterGroupComponent {
     isDesignMode = !!inject(IS_DESIGN_MODE, {
         optional: true,
     });
-    translateService = inject(TranslateService);
     sectionContext = inject(SECTION_CONTEXT, { optional: true });
     selectorDir = viewChild(SelectorDirective, ...(ngDevMode ? [{ debugName: "selectorDir" }] : /* istanbul ignore next */ []));
     squeezed = computed(() => this.squeeze() ?? this.config()?.squeeze ?? false, ...(ngDevMode ? [{ debugName: "squeezed" }] : /* istanbul ignore next */ []));
@@ -10650,96 +11356,53 @@ class SectionFilterGroupComponent {
         position: 'top-right',
     }), ...(ngDevMode ? [{ debugName: "countBadgeConfig" }] : /* istanbul ignore next */ []));
     /**
-     * One MenuItem per registered Filter, its own options nested underneath.
-     * MenuComponent drills into `options` with a back button rather than
-     * expanding in place, which is what makes a group of many Filters legible in
-     * one icon's worth of space.
+     * The drill-in, handed the registrations and this group's own contract. Not
+     * a ContextMenuBox: a MenuItem is a row with a nested list of rows, which is
+     * the one shape a `range` Filter's bounds do not take. What it opens per
+     * Filter is `filterPanelOf` — the same answer the Filter's own dropdown gets
+     * (ADR 0025 superseded).
      */
-    menuOptions = computed(() => {
-        const rows = this.members().map((member) => {
-            const name = member.name();
-            const selected = this.valueOf(name);
-            const label = selected.length
-                ? this.translateService.translate(member.label(), {
-                    // Pre-resolved, so the menu's own `| translate` passes it through:
-                    // a key with no entry comes back as itself.
-                    count: String(selected.length),
-                }) + ` (${selected.length})`
-                : member.label();
-            return {
-                id: name,
-                label,
-                selected: selected.length > 0,
-                options: [
-                    member.options().map((opt) => ({
-                        id: `${name}:${opt.value}`,
-                        label: opt.label,
-                        value: opt.value,
-                        disabled: opt.disabled,
-                        selected: selected.includes(opt.value),
-                    })),
-                ],
-            };
-        });
-        return rows.length ? [rows] : [];
-    }, ...(ngDevMode ? [{ debugName: "menuOptions" }] : /* istanbul ignore next */ []));
     selectorConfig = computed(() => ({
-        component: ContextMenuBoxComponent,
+        component: SectionFilterMenuComponent,
         base: 'm-section-filter-group',
         width: '260px',
         bindings: [
-            inputBinding('options', this.menuOptions),
-            // Bound directly rather than through ContextMenuComponent, which closes
-            // its selector on every action — right for a menu of commands, wrong for
-            // one of checkboxes (ADR 0025).
-            outputBinding('action', (item) => this.onMenuAction(item)),
+            inputBinding('members', this.members),
+            inputBinding('ctx', () => this.context),
         ],
     }), ...(ngDevMode ? [{ debugName: "selectorConfig" }] : /* istanbul ignore next */ []));
-    onMenuAction = (item) => {
-        const separator = item.id.indexOf(':');
-        if (separator < 0)
-            return;
-        const name = item.id.slice(0, separator);
-        const member = this.members().find((m) => m.name() === name);
-        if (!member)
-            return;
-        const option = member
-            .options()
-            .find((opt) => opt.value === item.id.slice(separator + 1));
-        if (!option)
-            return;
-        this.toggle(name, option, member.multiple());
-    };
     /**
      * A Filter reads its slice as the list it draws badges from, whatever shape
      * the key holds — the map is the payload's shape and not the row's, so the
      * scalar a single-select Filter carries is widened back here rather than at
      * every reader (ADR 0026).
      */
-    valueOf = (name) => filterList(this.value(), name);
+    valueOf = (name) => filterValues(this.value(), name);
     /**
-     * Whether this Filter's key carries a list. Read off the registration rather
-     * than passed in, because `remove` is called from a badge and knows only the
-     * value it is dropping. An unregistered name is `multiple`, the input's own
-     * default.
+     * Which variant this Filter was authored as. Read off the registration
+     * rather than passed in, because `remove` is called from a badge and knows
+     * only the value it is dropping. An unregistered name reads as the input's
+     * own default.
      */
-    isMultiple = (name) => this.members().find((m) => m.name() === name)?.multiple() ?? true;
+    variantOf = (name) => this.members().find((m) => m.name() === name)?.variant() ?? 'single';
     write = (name, next) => {
         const updated = { ...this.value() };
         if (!next.length) {
             delete updated[name];
         }
         else {
-            updated[name] = this.isMultiple(name) ? next : next[0];
+            updated[name] = filterHoldsList(this.variantOf(name))
+                ? [...next]
+                : next[0];
         }
         this.value.set(updated);
         this.filterChange.emit(updated);
     };
-    toggle = (name, option, multiple) => {
+    toggle = (name, option, variant) => {
         if (option.disabled)
             return;
         const current = this.valueOf(name);
-        if (multiple) {
+        if (filterHoldsList(variant)) {
             this.write(name, current.includes(option.value)
                 ? current.filter((v) => v !== option.value)
                 : [...current, option.value]);
@@ -10747,17 +11410,25 @@ class SectionFilterGroupComponent {
         }
         this.write(name, current.includes(option.value) ? [] : [option.value]);
         // Single-select has nothing more to say once it has said it. Multi-select
-        // stays open, which is the reason this menu is not a ContextMenuComponent.
+        // and range both stay open, which is the reason this drill-in is not a
+        // ContextMenuComponent.
         if (!this.squeezed())
             return;
         this.selectorDir()?.close();
     };
+    /**
+     * A `range` member's new pair, or the deletion of its key. Goes through the
+     * same `write` every other variant does — one selection, one owner, whatever
+     * shape the key holds (ADR 0025).
+     */
+    setRange = (name, next) => this.write(name, next ?? []);
     context = {
         squeeze: this.squeezed,
         register: (member) => this.members.update((list) => list.includes(member) ? list : [...list, member]),
         unregister: (member) => this.members.update((list) => list.filter((m) => m !== member)),
         valueOf: this.valueOf,
         toggle: this.toggle,
+        setRange: this.setRange,
         remove: (name, val) => this.write(name, this.valueOf(name).filter((v) => v !== val)),
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionFilterGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -15588,173 +16259,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                     }, styles: [":host{display:grid;box-sizing:border-box;min-width:0}:host(.is-design-mode){min-width:4em;min-height:4em}\n"] }]
         }], propDecorators: { grow: [{ type: i0.Input, args: [{ isSignal: true, alias: "grow", required: false }] }], shrink: [{ type: i0.Input, args: [{ isSignal: true, alias: "shrink", required: false }] }], basis: [{ type: i0.Input, args: [{ isSignal: true, alias: "basis", required: false }] }], alignSelf: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignSelf", required: false }] }], order: [{ type: i0.Input, args: [{ isSignal: true, alias: "order", required: false }] }], minHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "minHeight", required: false }] }], minWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "minWidth", required: false }] }], maxHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxHeight", required: false }] }], maxWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "maxWidth", required: false }] }] } });
 
-class TextInputComponent extends BaseTextInputComponent {
-    value = model('', ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
-    config = input(...(ngDevMode ? [undefined, { debugName: "config" }] : /* istanbul ignore next */ []));
-    required = input(false, ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
-    disabled = input(false, ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
-    invalid = input(false, ...(ngDevMode ? [{ debugName: "invalid" }] : /* istanbul ignore next */ []));
-    touched = model(false, ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
-    focused = input(false, ...(ngDevMode ? [{ debugName: "focused" }] : /* istanbul ignore next */ []));
-    errors = input([], ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
-    showErrors = computed(() => this.touched() && this.invalid(), ...(ngDevMode ? [{ debugName: "showErrors" }] : /* istanbul ignore next */ []));
-    hideErrors = input(false, ...(ngDevMode ? [{ debugName: "hideErrors" }] : /* istanbul ignore next */ []));
-    // A `number` Field draws this same component (WrapperInputComponent has no
-    // case of its own for it), so the type it declares decides the element it
-    // draws. What *leaves* the field is coerced a level up, in the wrapper: an
-    // `<input>` reads its value as text whatever its type, and every other
-    // component on this base is a string field.
-    isNumber = computed(() => {
-        const config = this.config();
-        return !!config && config.type === InputType.NUMBER;
-    }, ...(ngDevMode ? [{ debugName: "isNumber" }] : /* istanbul ignore next */ []));
-    onInput(event) {
-        const target = event.target;
-        this.setValue(target?.value ?? '');
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TextInputComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: TextInputComponent, isStandalone: true, selector: "m-text-input", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null }, config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, focused: { classPropertyName: "focused", publicName: "focused", isSignal: true, isRequired: false, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, hideErrors: { classPropertyName: "hideErrors", publicName: "hideErrors", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange", touched: "touchedChange" }, host: { properties: { "class": "config()?.variant ? 'm-input--' + config()?.variant : ''" } }, usesInheritance: true, ngImport: i0, template: `
-    @if (config(); as text) {
-      @if (text.label) {
-        <m-label
-          [for]="text.name ?? ''"
-          [placeholder]="text.label"
-          [params]="text.params"
-          [required]="required()"
-          [disabled]="disabled()"
-        />
-      }
-      <div class="input-wrapper">
-        @if (text.icon) {
-          <m-icon
-            [name]="text.icon"
-            [color]="iconColor()"
-            [one]="text.one"
-          />
-        }
-        @if (text.prefix) {
-          <span class="input-prefix">{{ text.prefix }}</span>
-        }
-        <input
-          [id]="text.name ?? ''"
-          [attr.data-testid]="text.testid ?? (text.name ? text.name + '-input' : null)"
-          [value]="value()"
-          #inputElement
-          [class.error]="showErrors()"
-          [class.has-icon]="!!text.icon"
-          [class.has-prefix]="!!text.prefix"
-          [disabled]="disabled()"
-          [readOnly]="readonly() || config()?.readonly"
-          [placeholder]="text.placeholder ?? '' | translate: text.params"
-          (input)="onInput($event)"
-          (focus)="isFocused.set(true)"
-          (blur)="isFocused.set(false); touched.set(true)"
-          [type]="isNumber() ? 'number' : 'text'"
-          [attr.min]="isNumber() ? text.min ?? null : null"
-          [attr.max]="isNumber() ? text.max ?? null : null"
-          [attr.step]="isNumber() ? text.step ?? null : null"
-        />
-        @if (config()?.status; as status) {
-          <div class="input-indicator" [class]="'input-indicator--' + status">
-            @if (status === 'checking') {
-              <span class="spinner"></span>
-            } @else if (status === 'available') {
-              <m-icon name="check" color="success" />
-            }
-          </div>
-        }
-        @if (text.suffix) {
-          <span class="input-suffix">{{ text.suffix }}</span>
-        }
-      </div>
-      @if (showErrors() && !hideErrors()) {
-        @for (error of errors(); track $index) {
-          <m-text-output
-            variant="footer"
-            color="error"
-            [label]="error.message"
-          />
-        }
-      }
-    }
-  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.input-wrapper{display:flex;align-items:center;background:var(--m-background);height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 2px);border-radius:var(--m-input-radius, 4px);height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;padding-left:var(--m-text-input-padding-left, calc(var(--input-size, 1em) * .5 * .7));padding-right:var(--m-text-input-padding-right, calc(var(--input-size, 1em) * .5 * .7));background:var(--m-text-input-background, var(--m-background));border-color:var(--m-text-input-border, var(--m-input-color, var(--m-mm)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease)}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12)));background:var(--m-text-input-hover-background, var(--m-text-input-background, var(--m-background)))}.input-wrapper:focus-within{border-color:var(--m-text-input-focus-border, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-shadow, none);background:var(--m-text-input-focus-background, var(--m-text-input-background, var(--m-background)))}.input-wrapper .m-icon{--m-icon-size: 1.1em !important;opacity:var(--m-text-input-icon-opacity, 1);transition:opacity .2s ease}.input-wrapper:focus-within .m-icon{opacity:var(--m-text-input-icon-focus-opacity, var(--m-text-input-icon-opacity, 1))}.input-wrapper input{appearance:none;color:var(--m-text-input-color, var(--m-text));font-weight:var(--m-text-input-font-weight, inherit);font-size:var(--input-size, 1em)}.input-wrapper input::placeholder{font-weight:var(--m-text-input-placeholder-weight, inherit);opacity:var(--m-text-input-placeholder-opacity, inherit)}.input-wrapper .input-prefix,.input-wrapper .input-suffix{font-size:.9rem;font-weight:700;color:var(--m-text-tertiary);-webkit-user-select:none;user-select:none;display:flex;align-items:center;flex-shrink:0}.input-wrapper .input-prefix{margin-right:.25rem}.input-wrapper .input-suffix{margin-left:.25rem}:host(.m-input--underlined) .input-wrapper{background:transparent;border:none;border-bottom:2px solid var(--m-backdrop-border);border-radius:0;padding:.5rem 0;min-height:auto;height:auto;transition:border-color .3s ease}:host(.m-input--underlined) .input-wrapper:focus-within{border-bottom-color:var(--m-mm);box-shadow:none}:host(.m-input--underlined) input{font-size:1.125rem;font-weight:700;color:var(--m-text)}:host(.m-input--underlined) .input-prefix,:host(.m-input--underlined) .input-suffix{color:var(--m-mm);font-weight:800;font-size:1rem}:host(.m-input--underlined) .input-indicator{display:flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;margin-left:.375em}:host(.m-input--underlined) .input-indicator--available{color:var(--m-success, #10b981)}:host(.m-input--underlined) .input-indicator .spinner{width:.875rem;height:.875rem;border:2px solid var(--m-border, rgba(255, 255, 255, .1));border-top-color:var(--m-focus, #14b8a6);border-radius:50%;animation:m-spin .8s linear infinite}@keyframes m-spin{to{transform:rotate(360deg)}}\n"], dependencies: [{ kind: "component", type: LabelComponent, selector: "m-label", inputs: ["for", "placeholder", "params", "required", "disabled", "color"] }, { kind: "component", type: TextOutputComponent, selector: "m-text-output", inputs: ["config", "align", "variant", "color", "label", "noTranslate", "params"], outputs: ["configChange", "clicked"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: TextInputComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'm-text-input', template: `
-    @if (config(); as text) {
-      @if (text.label) {
-        <m-label
-          [for]="text.name ?? ''"
-          [placeholder]="text.label"
-          [params]="text.params"
-          [required]="required()"
-          [disabled]="disabled()"
-        />
-      }
-      <div class="input-wrapper">
-        @if (text.icon) {
-          <m-icon
-            [name]="text.icon"
-            [color]="iconColor()"
-            [one]="text.one"
-          />
-        }
-        @if (text.prefix) {
-          <span class="input-prefix">{{ text.prefix }}</span>
-        }
-        <input
-          [id]="text.name ?? ''"
-          [attr.data-testid]="text.testid ?? (text.name ? text.name + '-input' : null)"
-          [value]="value()"
-          #inputElement
-          [class.error]="showErrors()"
-          [class.has-icon]="!!text.icon"
-          [class.has-prefix]="!!text.prefix"
-          [disabled]="disabled()"
-          [readOnly]="readonly() || config()?.readonly"
-          [placeholder]="text.placeholder ?? '' | translate: text.params"
-          (input)="onInput($event)"
-          (focus)="isFocused.set(true)"
-          (blur)="isFocused.set(false); touched.set(true)"
-          [type]="isNumber() ? 'number' : 'text'"
-          [attr.min]="isNumber() ? text.min ?? null : null"
-          [attr.max]="isNumber() ? text.max ?? null : null"
-          [attr.step]="isNumber() ? text.step ?? null : null"
-        />
-        @if (config()?.status; as status) {
-          <div class="input-indicator" [class]="'input-indicator--' + status">
-            @if (status === 'checking') {
-              <span class="spinner"></span>
-            } @else if (status === 'available') {
-              <m-icon name="check" color="success" />
-            }
-          </div>
-        }
-        @if (text.suffix) {
-          <span class="input-suffix">{{ text.suffix }}</span>
-        }
-      </div>
-      @if (showErrors() && !hideErrors()) {
-        @for (error of errors(); track $index) {
-          <m-text-output
-            variant="footer"
-            color="error"
-            [label]="error.message"
-          />
-        }
-      }
-    }
-  `, imports: [LabelComponent, TextOutputComponent, IconComponent, TranslatePipe], host: {
-                        '[class]': "config()?.variant ? 'm-input--' + config()?.variant : ''",
-                    }, changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:contents}.input-wrapper{display:flex;align-items:center;background:var(--m-background);height:calc(var(--input-size, 1em) * 2);min-height:calc(var(--input-size, 1em) * 2);border-width:max(1px,var(--input-size, 1em) * .0625);border-radius:calc(var(--input-size, 1em) * .4);padding:calc(var(--input-size, 1em) * .5) calc(var(--input-size, 1em) * .5);gap:calc(var(--input-size, 1em) * .375);font-size:var(--input-size, 1em);border-width:var(--m-input-border-width, 2px);border-radius:var(--m-input-radius, 4px);height:calc(var(--input-size, 1em) * 2.25);min-height:calc(var(--input-size, 1em) * 2.25);padding-top:0;padding-bottom:0;border-color:var(--m-input-color, var(--m-mm));transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease,opacity .2s ease}.input-wrapper:hover:not(:disabled){background-color:color-mix(in srgb,var(--m-input-color, var(--m-mm)) 6%,transparent)}.input-wrapper:disabled{opacity:.6;cursor:not-allowed}.input-wrapper{border-style:solid;backdrop-filter:var(--m-text-input-backdrop-filter, none);-webkit-backdrop-filter:var(--m-text-input-backdrop-filter, none);box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(>m-one-button,>m-button,>.input-indicator,>.input-suffix,>m-icon:last-child){padding-right:0}.input-wrapper:focus-visible:not(:disabled),.input-wrapper:focus-within:not(:disabled){border-color:var(--m-text-input-focus-border, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-shadow, none)}.input-wrapper:has(.error){border-color:var(--m-error);box-shadow:none}.input-wrapper:has(.error):focus-within{border-color:var(--m-error);box-shadow:none}.input-wrapper input,.input-wrapper textarea{flex:1;border:none;outline:none;background:transparent;color:var(--m-text);font-family:inherit;font-size:inherit;padding:0}.input-wrapper input:focus,.input-wrapper textarea:focus{border-color:transparent;box-shadow:none}.input-wrapper{width:100%;padding-left:var(--m-text-input-padding-left, calc(var(--input-size, 1em) * .5 * .7));padding-right:var(--m-text-input-padding-right, calc(var(--input-size, 1em) * .5 * .7));background:var(--m-text-input-background, var(--m-background));border-color:var(--m-text-input-border, var(--m-input-color, var(--m-mm)));transition:var(--m-text-input-transition, border-color .2s ease, box-shadow .2s ease)}.input-wrapper:hover:not(:has(.error)){border-color:var(--m-text-input-hover-border, color-mix(in srgb, var(--m-input-color, var(--m-mm)) 45%, rgba(0, 0, 0, .12)));background:var(--m-text-input-hover-background, var(--m-text-input-background, var(--m-background)))}.input-wrapper:focus-within{border-color:var(--m-text-input-focus-border, color-mix(in srgb, var(--m-focus) 45%, transparent));box-shadow:var(--m-text-input-shadow, none);background:var(--m-text-input-focus-background, var(--m-text-input-background, var(--m-background)))}.input-wrapper .m-icon{--m-icon-size: 1.1em !important;opacity:var(--m-text-input-icon-opacity, 1);transition:opacity .2s ease}.input-wrapper:focus-within .m-icon{opacity:var(--m-text-input-icon-focus-opacity, var(--m-text-input-icon-opacity, 1))}.input-wrapper input{appearance:none;color:var(--m-text-input-color, var(--m-text));font-weight:var(--m-text-input-font-weight, inherit);font-size:var(--input-size, 1em)}.input-wrapper input::placeholder{font-weight:var(--m-text-input-placeholder-weight, inherit);opacity:var(--m-text-input-placeholder-opacity, inherit)}.input-wrapper .input-prefix,.input-wrapper .input-suffix{font-size:.9rem;font-weight:700;color:var(--m-text-tertiary);-webkit-user-select:none;user-select:none;display:flex;align-items:center;flex-shrink:0}.input-wrapper .input-prefix{margin-right:.25rem}.input-wrapper .input-suffix{margin-left:.25rem}:host(.m-input--underlined) .input-wrapper{background:transparent;border:none;border-bottom:2px solid var(--m-backdrop-border);border-radius:0;padding:.5rem 0;min-height:auto;height:auto;transition:border-color .3s ease}:host(.m-input--underlined) .input-wrapper:focus-within{border-bottom-color:var(--m-mm);box-shadow:none}:host(.m-input--underlined) input{font-size:1.125rem;font-weight:700;color:var(--m-text)}:host(.m-input--underlined) .input-prefix,:host(.m-input--underlined) .input-suffix{color:var(--m-mm);font-weight:800;font-size:1rem}:host(.m-input--underlined) .input-indicator{display:flex;align-items:center;justify-content:center;width:1.1em;height:1.1em;margin-left:.375em}:host(.m-input--underlined) .input-indicator--available{color:var(--m-success, #10b981)}:host(.m-input--underlined) .input-indicator .spinner{width:.875rem;height:.875rem;border:2px solid var(--m-border, rgba(255, 255, 255, .1));border-top-color:var(--m-focus, #14b8a6);border-radius:50%;animation:m-spin .8s linear infinite}@keyframes m-spin{to{transform:rotate(360deg)}}\n"] }]
-        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }, { type: i0.Output, args: ["valueChange"] }], config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }, { type: i0.Output, args: ["touchedChange"] }], focused: [{ type: i0.Input, args: [{ isSignal: true, alias: "focused", required: false }] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], hideErrors: [{ type: i0.Input, args: [{ isSignal: true, alias: "hideErrors", required: false }] }] } });
-
-var text = /*#__PURE__*/Object.freeze({
-    __proto__: null,
-    TextInputComponent: TextInputComponent
-});
-
 class TextareaInputComponent extends BaseTextInputComponent {
     iconSize = Size.SMALL;
     translateService = inject(TranslateService);
@@ -18662,7 +19166,7 @@ class WrapperInputComponent extends ConfigComponent {
                 break;
             }
             case InputType.TOGGLE: {
-                const { ToggleInputComponent } = await import('./magmonium-one-toggle-D-JsuCLL.mjs');
+                const { ToggleInputComponent } = await import('./magmonium-one-toggle-BuXPZomi.mjs');
                 this.createDynamicComponent(seq, ToggleInputComponent, [], true);
                 break;
             }
@@ -18674,12 +19178,12 @@ class WrapperInputComponent extends ConfigComponent {
                 break;
             }
             case InputType.PASSWORD: {
-                const { PasswordInputComponent } = await import('./magmonium-one-password-DgKbJq2O.mjs');
+                const { PasswordInputComponent } = await import('./magmonium-one-password-CX8kghKQ.mjs');
                 this.createDynamicComponent(seq, PasswordInputComponent);
                 break;
             }
             case InputType.OTP: {
-                const { OtpInputComponent } = await import('./magmonium-one-otp-LcVRya6_.mjs');
+                const { OtpInputComponent } = await import('./magmonium-one-otp-f1o0Dsf3.mjs');
                 this.createDynamicComponent(seq, OtpInputComponent);
                 break;
             }
@@ -33025,5 +33529,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { DateInputComponent as $, ACCESS_DOMAINS as A, BaseInputComponent as B, COMPONENT_INPUT_REGISTRY as C, CardComponent as D, CardWrapperComponent as E, CarouselComponent as F, ChartComponent as G, CheckboxInputComponent as H, IS_DESIGN_MODE as I, ClearableInputComponent as J, ColComponent as K, LabelComponent as L, ColorPickerInputComponent as M, CommentItemComponent as N, CommentsApiService as O, CommentsComponent as P, CommentsStore as Q, ComponentInputComponent as R, ComponentStepperComponent as S, TranslatePipe as T, ConfigComponent as U, ConfirmComponent as V, ContextMenuComponent as W, CustomIconClass as X, CustomIconEditComponent as Y, DEFAULT_SIZE as Z, DashboardCardComponent as _, BaseTextInputComponent as a, NAV_WIDGET_MAP as a$, DatePickerComponent as a0, DeviceService as a1, DomService as a2, Domain as a3, DotGridComponent as a4, DragListDirective as a5, DragListItemDirective as a6, DraggableDirective as a7, DropdownInputComponent as a8, FILTER_GROUP_CONTEXT as a9, LOGIN_COMPONENT as aA, LOGIN_STORE as aB, LanguageComponent as aC, LogoComponent as aD, MAG_SOCKET_EVENT as aE, MHeroColorDirective as aF, MHeroComponent as aG, MODAL_REF as aH, MODAL_STORE_REF as aI, MRefDirective as aJ, MStepComponent as aK, MURL_PARAM as aL, MURL_SEP as aM, ManifestEnrichmentService as aN, MenuComponent as aO, ModalDirective as aP, ModalRef as aQ, ModalStore as aR, MoneyPipe as aS, MultiRangeInputComponent as aT, MurlUrlSerializer as aU, NAV_DEFAULT_MURL as aV, NAV_ID_SEP as aW, NAV_MAIN_BUTTONS as aX, NAV_SEGMENT_RE as aY, NAV_STORE_REF as aZ, NAV_WC_COMPONENTS as a_, FLEX_VARIANTS as aa, FOLDER_PICK_LISTENER as ab, FORM_ASSET_FOLDER as ac, FileService as ad, FileUploadDirective as ae, FileUploadInputComponent as af, FlexComponent as ag, FlexItemComponent as ah, FormGroupComponent as ai, FrameComponent as aj, FreezeService as ak, GRID_BREAKPOINTS as al, GetNavService as am, HeaderComponent$1 as an, HighlightDirective as ao, HttpService as ap, ICON_SOURCE as aq, IS_SIDE_PANEL as ar, IconComponent as as, ImgComponent as at, InputType as au, InstrumentScoreComponent as av, InterceptorObservables as aw, JumbotronComponent as ax, KeyValueComponent as ay, LAYOUT_ASSET_FOLDER as az, TextOutputComponent as b, SectionFilterComponent as b$, NavComponent as b0, NavDetailsComponent as b1, NavHeaderComponent as b2, NavMenuComponent as b3, NavStore as b4, NavTrailComponent as b5, NothingComponent as b6, NotificationElementComponent as b7, NotificationGroupComponent as b8, NotificationPopupComponent as b9, RatingInputComponent as bA, ReactiveElementComponent as bB, RemoteComponent as bC, RemoteLoaderService as bD, ResizeElementComponent as bE, RouteContainer as bF, RowComponent as bG, SEARCH_QUERY as bH, SEARCH_RESULTS_EVENT as bI, SECTION_ACCORDION_GROUP as bJ, SECTION_FORM_CONTEXT as bK, SHARED_ICONS as bL, SIZE_CONTEXT as bM, ScoreComponent as bN, ScrollComponent as bO, ScrollService as bP, SearchPanelComponent as bQ, SearchStore as bR, SearchUserPanelComponent as bS, SectionAccordionDirective as bT, SectionAccordionGroupDirective as bU, SectionBackComponent as bV, SectionBadgesComponent as bW, SectionButtonGroupComponent as bX, SectionCardComponent as bY, SectionCarouselComponent as bZ, SectionComponent as b_, NotificationService as ba, NotificationStore as bb, NotificationType as bc, NotificationWidgetComponent as bd, ONE_ASSET_BASE_URL as be, OPTIONS_SOURCE as bf, OVERLAY_WIDGETS as bg, OneApp as bh, OptionsSourceDirective as bi, OverlayBodyComponent as bj, OverlayRef as bk, OverlayService as bl, PLATFORM_BUTTON_NAV_IDS as bm, PLATFORM_EXTENSIBLE_NAV_IDS as bn, PLATFORM_NAV_MAP as bo, PLATFORM_ROOT_CHILDREN as bp, PaginationComponent as bq, PanelComponent as br, PercentagePipe as bs, PlaygroundComponent as bt, PositionDirective as bu, PwaInstallComponent as bv, ROOT_NAV$1 as bw, RadioGroupComponent as bx, RadioInputComponent as by, RangeInputComponent as bz, ButtonComponent as c, WC_ROUTE_CHANGED_EVENT as c$, SectionFilterGroupComponent as c0, SectionFooterComponent as c1, SectionFormComponent as c2, SectionFormItemComponent as c3, SectionHeaderComponent as c4, SectionHeroComponent as c5, SectionPaginationComponent as c6, SectionSearchComponent as c7, SectionStepperComponent as c8, SectionTabsComponent as c9, TechnicalMeterComponent as cA, TextInputComponent as cB, TextareaInputComponent as cC, ThemeComponent as cD, ThemeDataService as cE, ThemeService as cF, ThemeStore as cG, TimeAgoPipe as cH, TimelineComponent as cI, ToggleButtonComponent as cJ, ToggleInputComponent as cK, ToggleRadioInputComponent as cL, ToolTipDirective as cM, TooltipComponent as cN, TranslateService as cO, TreeGridComponent as cP, URL_SEP as cQ, USER_STORE_REF as cR, USER_TAB_MAP as cS, UlComponent as cT, UniverseComponent as cU, UserApiService as cV, UserAvatarComponent as cW, UserComponent as cX, UserNavComponent as cY, UserSettingsComponent as cZ, UserStore as c_, SectionToggleComponent as ca, SectionToggleItemDirective as cb, SelectableCardInputComponent as cc, SelectorDirective as cd, SettingsSearchBarComponent as ce, SettingsSearchService as cf, ShapeComponent as cg, SharedStoreRegistry as ch, SidePanelDirective as ci, Size as cj, SocketStore as ck, SortComponent as cl, StatComponent as cm, StepComponent as cn, StepperComponent as co, StepsComponent as cp, StorageService as cq, StrokeLinecap as cr, StrokeLinejoin as cs, SummaryComponent as ct, SvgGeneratorComponent as cu, SvgGeneratorService as cv, SvgService as cw, TOTAL_COLUMNS as cx, TRANSLATION_SOURCE as cy, TableComponent as cz, APP_CONTEXT_REF as d, isTierPreview as d$, WC_SEARCH_GROUPS as d0, WIN_USER_TAB_HOOK as d1, WIN_USER_TAB_KEY as d2, WatermarkComponent as d3, WcRouterStore as d4, WrapperInputComponent as d5, anchorNavId as d6, applyColorsToElement as d7, bootstrapMagApp as d8, bootstrapPwaInstall as d9, generateTransform as dA, getClassList as dB, getProperty as dC, getScrollParent as dD, getTierFromPreviewPath as dE, getTreeGridRow as dF, getUniqueId as dG, getValue as dH, hasErrorComputed as dI, hexToRgb as dJ, hslToRgb$1 as dK, initMagmoniumApp as dL, initialNotificationState as dM, initialState$2 as dN, initials as dO, injectAuthenticate as dP, injectInstallApp as dQ, injectParentSize as dR, injectScrollSticky as dS, isButtonName as dT, isCancelledComputed as dU, isExtensiblePlatformNavId as dV, isJson as dW, isLoadingComputed as dX, isLocalhost as dY, isPlatformNavId as dZ, isSize as d_, buildWcBaseUrl as da, calculateLuminance as db, calculateRanks as dc, cellText as dd, checkFilterCondition as de, childNavId as df, classListSignal as dg, coerceSize as dh, cornerEdge as di, cornerSide as dj, createMap as dk, createPlatformNavMap as dl, deriveAvatarGradient as dm, deriveContrastColor as dn, deriveOppositeColor as dp, derivePropertyName as dq, emailValidation as dr, evaluate as ds, evaluateBool as dt, filterList as du, filterOne as dv, flattenTreeGridRows as dw, formatBadgeCount as dx, fullName as dy, generateClipPath as dz, ASSET_BASE_URL as e, settingsWidgets as e$, isUrlLocalhost as e0, isValidNavId as e1, isValidNavSegment as e2, isWebComponent as e3, linkToId as e4, linkToNav as e5, loadingActions as e6, mInterceptor as e7, manualValidation as e8, matchFieldValidation as e9, provideMagAppConfig as eA, provideMagWcConfig as eB, provideMagWcRoutes as eC, provideModalComponents as eD, provideMurlUrlSerializer as eE, provideNavWidgets as eF, provideOverlayWidgets as eG, providePlatformNavWidgets as eH, provideSearch as eI, provideSizeContext as eJ, provideUserTabs as eK, publicGuard as eL, readFieldPatterns as eM, renderAddress as eN, requiredValidation as eO, resolveConfigAsset as eP, resolveIconSize as eQ, resolvePallet as eR, resolvePatternRules as eS, resolveSize as eT, rgbToHex as eU, rgbToHsl as eV, rowHasChildren as eW, samePatterns as eX, segmentsToNavId as eY, setProperty as eZ, setTreeGridChildren as e_, maxLengthValidation as ea, maxValidation as eb, mergePlatformNav as ec, mergeUnique as ed, mergeUniqueBy as ee, mergeUniqueWith as ef, minAgeValidation as eg, minLengthValidation as eh, minValidation as ei, miniMarkToHtml as ej, navIdChain as ek, navIdFor as el, navIdSegment as em, navIdToRoutePath as en, navIdToSegments as eo, navToId as ep, parentNavId as eq, parseAddress as er, parseColor as es, parsePatternNames as et, patternValidation as eu, patternsValidation as ev, platformNavWidgets as ew, privateGuard as ex, processImageToSvg as ey, provideAppContext as ez, AccordionBodyDirective as f, shouldShowBadge as f0, splitNavId as f1, stringToColor as f2, toAttrBool as f3, toAttrNumber as f4, toCssLength as f5, toHostNavId as f6, toLength$1 as f7, toLocalNavId as f8, toggleTreeGridRow as f9, unfetchedPlatformNav as fa, urlValidation as fb, AccordionComponent as g, AccordionGroupComponent as h, ActionComponent as i, AnimatedGraphsComponent as j, AppCardComponent as k, AppRelationType as l, AppTileComponent as m, AssetStore as n, AssetUrlPipe as o, Assets as p, AuthActivityPageComponent as q, AuthApiService as r, AuthStore as s, AutosizeDirective as t, BadgeComponent as u, BandingComponent as v, BaseArrayInputComponent as w, BaseRootWebComponent as x, BaseWebComponent as y, ButtonGroupComponent as z };
-//# sourceMappingURL=magmonium-one-magmonium-one-CPDCRguV.mjs.map
+export { DashboardCardComponent as $, ACCESS_DOMAINS as A, BaseInputComponent as B, COMPONENT_INPUT_REGISTRY as C, CardComponent as D, CardWrapperComponent as E, CarouselComponent as F, ChartComponent as G, CheckboxInputComponent as H, IS_DESIGN_MODE as I, ClearableInputComponent as J, ColComponent as K, LabelComponent as L, ColorPickerInputComponent as M, CommentItemComponent as N, CommentsApiService as O, CommentsComponent as P, CommentsStore as Q, ComponentInputComponent as R, ComponentStepperComponent as S, TranslatePipe as T, ConfigComponent as U, ConfirmComponent as V, ContextMenuComponent as W, CustomIconClass as X, CustomIconEditComponent as Y, DEFAULT_FILTER_VARIANT as Z, DEFAULT_SIZE as _, BaseTextInputComponent as a, NAV_STORE_REF as a$, DateInputComponent as a0, DatePickerComponent as a1, DeviceService as a2, DomService as a3, Domain as a4, DotGridComponent as a5, DragListDirective as a6, DragListItemDirective as a7, DraggableDirective as a8, DropdownInputComponent as a9, KeyValueComponent as aA, LAYOUT_ASSET_FOLDER as aB, LOGIN_COMPONENT as aC, LOGIN_STORE as aD, LanguageComponent as aE, LogoComponent as aF, MAG_SOCKET_EVENT as aG, MHeroColorDirective as aH, MHeroComponent as aI, MODAL_REF as aJ, MODAL_STORE_REF as aK, MRefDirective as aL, MStepComponent as aM, MURL_PARAM as aN, MURL_SEP as aO, ManifestEnrichmentService as aP, MenuComponent as aQ, ModalDirective as aR, ModalRef as aS, ModalStore as aT, MoneyPipe as aU, MultiRangeInputComponent as aV, MurlUrlSerializer as aW, NAV_DEFAULT_MURL as aX, NAV_ID_SEP as aY, NAV_MAIN_BUTTONS as aZ, NAV_SEGMENT_RE as a_, FILTER_GROUP_CONTEXT as aa, FILTER_VARIANTS as ab, FLEX_VARIANTS as ac, FOLDER_PICK_LISTENER as ad, FORM_ASSET_FOLDER as ae, FileService as af, FileUploadDirective as ag, FileUploadInputComponent as ah, FlexComponent as ai, FlexItemComponent as aj, FormGroupComponent as ak, FrameComponent as al, FreezeService as am, GRID_BREAKPOINTS as an, GetNavService as ao, HeaderComponent$1 as ap, HighlightDirective as aq, HttpService as ar, ICON_SOURCE as as, IS_SIDE_PANEL as at, IconComponent as au, ImgComponent as av, InputType as aw, InstrumentScoreComponent as ax, InterceptorObservables as ay, JumbotronComponent as az, TextOutputComponent as b, SectionCarouselComponent as b$, NAV_WC_COMPONENTS as b0, NAV_WIDGET_MAP as b1, NavComponent as b2, NavDetailsComponent as b3, NavHeaderComponent as b4, NavMenuComponent as b5, NavStore as b6, NavTrailComponent as b7, NothingComponent as b8, NotificationElementComponent as b9, RadioInputComponent as bA, RangeInputComponent as bB, RatingInputComponent as bC, ReactiveElementComponent as bD, RemoteComponent as bE, RemoteLoaderService as bF, ResizeElementComponent as bG, RouteContainer as bH, RowComponent as bI, SEARCH_QUERY as bJ, SEARCH_RESULTS_EVENT as bK, SECTION_ACCORDION_GROUP as bL, SECTION_FORM_CONTEXT as bM, SHARED_ICONS as bN, SIZE_CONTEXT as bO, ScoreComponent as bP, ScrollComponent as bQ, ScrollService as bR, SearchPanelComponent as bS, SearchStore as bT, SearchUserPanelComponent as bU, SectionAccordionDirective as bV, SectionAccordionGroupDirective as bW, SectionBackComponent as bX, SectionBadgesComponent as bY, SectionButtonGroupComponent as bZ, SectionCardComponent as b_, NotificationGroupComponent as ba, NotificationPopupComponent as bb, NotificationService as bc, NotificationStore as bd, NotificationType as be, NotificationWidgetComponent as bf, ONE_ASSET_BASE_URL as bg, OPTIONS_SOURCE as bh, OVERLAY_WIDGETS as bi, OneApp as bj, OptionsSourceDirective as bk, OverlayBodyComponent as bl, OverlayRef as bm, OverlayService as bn, PLATFORM_BUTTON_NAV_IDS as bo, PLATFORM_EXTENSIBLE_NAV_IDS as bp, PLATFORM_NAV_MAP as bq, PLATFORM_ROOT_CHILDREN as br, PaginationComponent as bs, PanelComponent as bt, PercentagePipe as bu, PlaygroundComponent as bv, PositionDirective as bw, PwaInstallComponent as bx, ROOT_NAV$1 as by, RadioGroupComponent as bz, ButtonComponent as c, UserAvatarComponent as c$, SectionComponent as c0, SectionFilterComponent as c1, SectionFilterGroupComponent as c2, SectionFilterMenuComponent as c3, SectionFilterPanelComponent as c4, SectionFilterRangePanelComponent as c5, SectionFooterComponent as c6, SectionFormComponent as c7, SectionFormItemComponent as c8, SectionHeaderComponent as c9, SvgGeneratorService as cA, SvgService as cB, TOTAL_COLUMNS as cC, TRANSLATION_SOURCE as cD, TableComponent as cE, TechnicalMeterComponent as cF, TextInputComponent as cG, TextareaInputComponent as cH, ThemeComponent as cI, ThemeDataService as cJ, ThemeService as cK, ThemeStore as cL, TimeAgoPipe as cM, TimelineComponent as cN, ToggleButtonComponent as cO, ToggleInputComponent as cP, ToggleRadioInputComponent as cQ, ToolTipDirective as cR, TooltipComponent as cS, TranslateService as cT, TreeGridComponent as cU, URL_SEP as cV, USER_STORE_REF as cW, USER_TAB_MAP as cX, UlComponent as cY, UniverseComponent as cZ, UserApiService as c_, SectionHeroComponent as ca, SectionPaginationComponent as cb, SectionSearchComponent as cc, SectionStepperComponent as cd, SectionTabsComponent as ce, SectionToggleComponent as cf, SectionToggleItemDirective as cg, SelectableCardInputComponent as ch, SelectorDirective as ci, SettingsSearchBarComponent as cj, SettingsSearchService as ck, ShapeComponent as cl, SharedStoreRegistry as cm, SidePanelDirective as cn, Size as co, SocketStore as cp, SortComponent as cq, StatComponent as cr, StepComponent as cs, StepperComponent as ct, StepsComponent as cu, StorageService as cv, StrokeLinecap as cw, StrokeLinejoin as cx, SummaryComponent as cy, SvgGeneratorComponent as cz, APP_CONTEXT_REF as d, initials as d$, UserComponent as d0, UserNavComponent as d1, UserSettingsComponent as d2, UserStore as d3, WC_ROUTE_CHANGED_EVENT as d4, WC_SEARCH_GROUPS as d5, WIN_USER_TAB_HOOK as d6, WIN_USER_TAB_KEY as d7, WatermarkComponent as d8, WcRouterStore as d9, filterHoldsOptions as dA, filterHoldsRange as dB, filterList as dC, filterOne as dD, filterPanelOf as dE, filterPanelWidth as dF, filterRange as dG, filterValueList as dH, filterValues as dI, flattenTreeGridRows as dJ, formatBadgeCount as dK, fullName as dL, generateClipPath as dM, generateTransform as dN, getClassList as dO, getProperty as dP, getScrollParent as dQ, getTierFromPreviewPath as dR, getTreeGridRow as dS, getUniqueId as dT, getValue as dU, hasErrorComputed as dV, hexToRgb as dW, hslToRgb$1 as dX, initMagmoniumApp as dY, initialNotificationState as dZ, initialState$2 as d_, WrapperInputComponent as da, anchorNavId as db, applyColorsToElement as dc, bootstrapMagApp as dd, bootstrapPwaInstall as de, buildWcBaseUrl as df, calculateLuminance as dg, calculateRanks as dh, cellText as di, checkFilterCondition as dj, childNavId as dk, classListSignal as dl, coerceSize as dm, cornerEdge as dn, cornerSide as dp, createMap as dq, createPlatformNavMap as dr, deriveAvatarGradient as ds, deriveContrastColor as dt, deriveOppositeColor as du, derivePropertyName as dv, emailValidation as dw, evaluate as dx, evaluateBool as dy, filterHoldsList as dz, ASSET_BASE_URL as e, requiredValidation as e$, injectAuthenticate as e0, injectInstallApp as e1, injectParentSize as e2, injectScrollSticky as e3, isButtonName as e4, isCancelledComputed as e5, isExtensiblePlatformNavId as e6, isJson as e7, isLoadingComputed as e8, isLocalhost as e9, navIdToRoutePath as eA, navIdToSegments as eB, navToId as eC, parentNavId as eD, parseAddress as eE, parseColor as eF, parsePatternNames as eG, patternValidation as eH, patternsValidation as eI, platformNavWidgets as eJ, privateGuard as eK, processImageToSvg as eL, provideAppContext as eM, provideMagAppConfig as eN, provideMagWcConfig as eO, provideMagWcRoutes as eP, provideModalComponents as eQ, provideMurlUrlSerializer as eR, provideNavWidgets as eS, provideOverlayWidgets as eT, providePlatformNavWidgets as eU, provideSearch as eV, provideSizeContext as eW, provideUserTabs as eX, publicGuard as eY, readFieldPatterns as eZ, renderAddress as e_, isPlatformNavId as ea, isSize as eb, isTierPreview as ec, isUrlLocalhost as ed, isValidNavId as ee, isValidNavSegment as ef, isWebComponent as eg, linkToId as eh, linkToNav as ei, loadingActions as ej, mInterceptor as ek, manualValidation as el, matchFieldValidation as em, maxLengthValidation as en, maxValidation as eo, mergePlatformNav as ep, mergeUnique as eq, mergeUniqueBy as er, mergeUniqueWith as es, minAgeValidation as et, minLengthValidation as eu, minValidation as ev, miniMarkToHtml as ew, navIdChain as ex, navIdFor as ey, navIdSegment as ez, AccordionBodyDirective as f, resolveConfigAsset as f0, resolveIconSize as f1, resolvePallet as f2, resolvePatternRules as f3, resolveSize as f4, rgbToHex as f5, rgbToHsl as f6, rowHasChildren as f7, samePatterns as f8, segmentsToNavId as f9, setProperty as fa, setTreeGridChildren as fb, settingsWidgets as fc, shouldShowBadge as fd, splitNavId as fe, stringToColor as ff, toAttrBool as fg, toAttrNumber as fh, toCssLength as fi, toHostNavId as fj, toLength$1 as fk, toLocalNavId as fl, toggleTreeGridRow as fm, unfetchedPlatformNav as fn, urlValidation as fo, AccordionComponent as g, AccordionGroupComponent as h, ActionComponent as i, AnimatedGraphsComponent as j, AppCardComponent as k, AppRelationType as l, AppTileComponent as m, AssetStore as n, AssetUrlPipe as o, Assets as p, AuthActivityPageComponent as q, AuthApiService as r, AuthStore as s, AutosizeDirective as t, BadgeComponent as u, BandingComponent as v, BaseArrayInputComponent as w, BaseRootWebComponent as x, BaseWebComponent as y, ButtonGroupComponent as z };
+//# sourceMappingURL=magmonium-one-magmonium-one-BmSXZeTv.mjs.map