@magmonium/one 0.2.50 → 0.2.52

package/fesm2022/{magmonium-one-magmonium-one-CSXqQSjH.mjs → magmonium-one-magmonium-one-BLBwZo0x.mjs}

@@ -6990,7 +6990,7 @@ class SectionFormItemComponent extends ConfigComponent {
                     break;
                 }
                 case InputType.TOGGLE: {
-                    const { ToggleInputComponent } = await import('./magmonium-one-toggle-CCaLEJ8V.mjs');
+                    const { ToggleInputComponent } = await import('./magmonium-one-toggle-C9uEm1Pl.mjs');
                     this.createDynamicComponent(seq, ToggleInputComponent, [], true);
                     break;
                 }
@@ -7002,12 +7002,12 @@ class SectionFormItemComponent extends ConfigComponent {
                     break;
                 }
                 case InputType.PASSWORD: {
-                    const { PasswordInputComponent } = await import('./magmonium-one-password-x0jlYhku.mjs');
+                    const { PasswordInputComponent } = await import('./magmonium-one-password-qf4uRPEA.mjs');
                     this.createDynamicComponent(seq, PasswordInputComponent);
                     break;
                 }
                 case InputType.OTP: {
-                    const { OtpInputComponent } = await import('./magmonium-one-otp-DCDSkq9D.mjs');
+                    const { OtpInputComponent } = await import('./magmonium-one-otp-yTGhORgD.mjs');
                     this.createDynamicComponent(seq, OtpInputComponent);
                     break;
                 }
@@ -7348,6 +7348,35 @@ const findFirstFocusable = (root) => {
         .sort((a, b) => a.order - b.order || a.index - b.index)[0].element;
 };
 
+/**
+ * The model record a FieldTree is stamped from: one entry per rendered key,
+ * taken off `data` and coerced the way a control can hold it.
+ *
+ * Arrays, objects and booleans keep their shape — a boolean stringified to ''
+ * reads as "unset" to every consumer that filters empty values, so `false`
+ * could never survive a round trip (ADR 0010). Everything else becomes a
+ * string, an absent key becoming ''.
+ */
+const toModelValues = (data, keys) => {
+    const values = {};
+    keys?.forEach((key) => {
+        const raw = data?.[key];
+        if (Array.isArray(raw)) {
+            values[key] = raw;
+        }
+        else if (raw !== null && typeof raw === 'object') {
+            values[key] = raw;
+        }
+        else if (typeof raw === 'boolean') {
+            values[key] = raw;
+        }
+        else {
+            values[key] = String(raw ?? '');
+        }
+    });
+    return values;
+};
+
 /**
  * `T` is the record the form carries, named by whoever binds `data`. An output
  * cannot be typed from what was projected into the form — a Field announces its
@@ -7510,28 +7539,16 @@ class SectionFormComponent extends ConfigComponent {
         }),
         computation: ({ data, inputs }, previous) => {
             const dataChanged = !previous || previous.source.data !== data;
-            const values = {};
+            // Same rule as FormGroup: a boolean stays one, so `false` survives the
+            // round trip instead of collapsing to '' (ADR 0010).
+            const values = toModelValues(data, inputs);
+            if (dataChanged || !previous)
+                return values;
+            // A key that was already in the model keeps what the User typed — a
+            // sibling Field registering late must not wipe the form.
             inputs?.forEach((inputName) => {
-                if (!dataChanged &&
-                    previous &&
-                    Object.prototype.hasOwnProperty.call(previous.value, inputName)) {
+                if (Object.prototype.hasOwnProperty.call(previous.value, inputName)) {
                     values[inputName] = previous.value[inputName];
-                    return;
-                }
-                const raw = data?.[inputName];
-                if (Array.isArray(raw)) {
-                    values[inputName] = raw;
-                }
-                else if (raw !== null && typeof raw === 'object') {
-                    values[inputName] = raw;
-                }
-                else if (typeof raw === 'boolean') {
-                    // Same rule as FormGroup: a boolean stays one, so `false` survives
-                    // the round trip instead of collapsing to '' (ADR 0010).
-                    values[inputName] = raw;
-                }
-                else {
-                    values[inputName] = String(raw ?? '');
                 }
             });
             return values;
@@ -7629,7 +7646,7 @@ class SectionFormComponent extends ConfigComponent {
             // The merged schema, so a Field reporting `required` rebuilds the tree
             // with its validator on it — a rule added after create binds to nothing.
             void this.resolvedValidation();
-            untracked(() => this.reset());
+            untracked(() => this.rebuild());
         });
         effect(() => {
             const formTree = this.formGroup();
@@ -7680,7 +7697,11 @@ class SectionFormComponent extends ConfigComponent {
             return;
         target.focus();
     };
-    reset = () => {
+    // Stamps a fresh FieldTree over the model as it stands. The keys a tree is
+    // built from are fixed at create, so a key that appeared afterwards (an item
+    // registering, a `config.inputs` change) and a rule declared afterwards both
+    // need this — neither touches the values already in the model.
+    rebuild = () => {
         untracked(() => {
             const validation = this.resolvedValidation();
             try {
@@ -7692,6 +7713,19 @@ class SectionFormComponent extends ConfigComponent {
             }
         });
     };
+    /**
+     * Empties the form back to `data` — what a caller wants after a successful
+     * submit. The model has to be written first: the FieldTree writes the User's
+     * keystrokes into `model`, and `linkedSignal` only recomputes when `data` or
+     * the key list changes, so stamping a new tree over an untouched model would
+     * hand back the very values that were just submitted.
+     */
+    reset = () => {
+        untracked(() => {
+            this.model.set(toModelValues(this.data(), this.modelKeys()));
+        });
+        this.rebuild();
+    };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SectionFormComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: SectionFormComponent, isStandalone: true, selector: "m-section-form, m-one-section-form", inputs: { variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, maxWidth: { classPropertyName: "maxWidth", publicName: "maxWidth", isSignal: true, isRequired: false, transformFunction: null }, heightMode: { classPropertyName: "heightMode", publicName: "heightMode", isSignal: true, isRequired: false, transformFunction: null }, maxHeight: { classPropertyName: "maxHeight", publicName: "maxHeight", isSignal: true, isRequired: false, transformFunction: null }, height: { classPropertyName: "height", publicName: "height", isSignal: true, isRequired: false, transformFunction: null }, align: { classPropertyName: "align", publicName: "align", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, autofocus: { classPropertyName: "autofocus", publicName: "autofocus", isSignal: true, isRequired: false, transformFunction: null }, data: { classPropertyName: "data", publicName: "data", isSignal: true, isRequired: false, transformFunction: null }, validation: { classPropertyName: "validation", publicName: "validation", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, fieldConfigs: { classPropertyName: "fieldConfigs", publicName: "fieldConfigs", isSignal: true, isRequired: false, transformFunction: null }, fieldRenderIds: { classPropertyName: "fieldRenderIds", publicName: "fieldRenderIds", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { dataChange: "dataChange", submitted: "submitted", formInitialized: "formInitialized" }, host: { properties: { "class.is-full-height": "isFullHeight()", "class.has-max-height": "!!cssMaxHeight()", "class.no-border": "resolvedVariant() === \"noBorder\"", "class.is-with-border": "resolvedVariant() === \"withBorder\"", "class.is-sandwich-border": "resolvedVariant() === \"sandwichBorder\"", "class.align-left": "resolvedAlign() === \"left\"", "class.align-right": "resolvedAlign() === \"right\"", "class.align-center": "resolvedAlign() === \"center\"", "style.font-size": "sizeLength()", "style.--input-size": "sizeLength()", "style.--m-section-align": "resolvedAlign()", "style.--m-section-max-width": "resolvedMaxWidth()", "style.--m-section-max-height": "cssMaxHeight()", "style.min-height": "resolvedMinHeight()", "style.min-width": "resolvedMinWidth()", "style.max-height": "resolvedMaxHeight()", "style.max-width": "resolvedMaxWidth()" }, classAttribute: "m-section-form" }, providers: [
             provideSizeContext(SectionFormComponent),
@@ -17454,7 +17488,7 @@ class ColComponent extends ConfigComponent {
     sectionContext = inject(SECTION_CONTEXT, { optional: true });
     noBorder = computed(() => this.sectionContext?.variant() === 'noBorder', ...(ngDevMode ? [{ debugName: "noBorder" }] : /* istanbul ignore next */ []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ColComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: ColComponent, isStandalone: true, selector: "m-col", inputs: { xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, xxl: { classPropertyName: "xxl", publicName: "xxl", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, fullHeight: { classPropertyName: "fullHeight", publicName: "fullHeight", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, paddingX: { classPropertyName: "paddingX", publicName: "paddingX", isSignal: true, isRequired: false, transformFunction: null }, paddingY: { classPropertyName: "paddingY", publicName: "paddingY", isSignal: true, isRequired: false, transformFunction: null }, alignX: { classPropertyName: "alignX", publicName: "alignX", isSignal: true, isRequired: false, transformFunction: null }, alignY: { classPropertyName: "alignY", publicName: "alignY", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "class.is-full-height": "resolvedFullHeight()" }, classAttribute: "m-col" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', 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:block;grid-column:span 12;box-sizing:border-box;width:100%;min-height:5em}:host(.is-full-height){height:100%}:host.has-padding-x{padding-inline:var(--col-px, var(--section-px, var(--_section-px, 1rem)))}:host.has-padding-y{padding-block:var(--col-py, var(--section-pt, var(--_section-pt, 1.5rem)))}:host(:not(:last-child)){border-right:1px solid var(--m-backdrop-border)}@container mag-grid (max-width: 575.98px){:host(:not(:last-child)){border-right:none;border-bottom:1px solid var(--m-backdrop-border)}}:host(.no-border){border-right:none}@container mag-grid (max-width: 575.98px){:host(.no-border){border-bottom:none}}:host.full-width{grid-column:span 12!important;width:calc(100% + 2 * var(--section-px, var(--_section-px, 1rem)));margin-inline:calc(-1 * var(--section-px, var(--_section-px, 1rem)))}:host.col-xs-1{grid-column:span 1;width:calc(100% * 1 / 12)}:host.col-xs-2{grid-column:span 2;width:calc(100% * 2 / 12)}:host.col-xs-3{grid-column:span 3;width:25%}:host.col-xs-4{grid-column:span 4;width:calc(100% * 4 / 12)}:host.col-xs-5{grid-column:span 5;width:calc(100% * 5 / 12)}:host.col-xs-6{grid-column:span 6;width:50%}:host.col-xs-7{grid-column:span 7;width:calc(100% * 7 / 12)}:host.col-xs-8{grid-column:span 8;width:calc(100% * 8 / 12)}:host.col-xs-9{grid-column:span 9;width:75%}:host.col-xs-10{grid-column:span 10;width:calc(100% * 10 / 12)}:host.col-xs-11{grid-column:span 11;width:calc(100% * 11 / 12)}:host.col-xs-12{grid-column:span 12;width:100%}@container mag-grid (min-width: 576px){:host.col-sm-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 576px){:host.col-sm-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 576px){:host.col-sm-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 576px){:host.col-sm-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 768px){:host.col-md-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 768px){:host.col-md-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 768px){:host.col-md-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 768px){:host.col-md-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 992px){:host.col-lg-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 992px){:host.col-lg-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 992px){:host.col-lg-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 992px){:host.col-lg-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1200px){:host.col-xl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1200px){:host.col-xl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1200px){:host.col-xl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1200px){:host.col-xl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1400px){:host.col-xxl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1400px){:host.col-xxl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1400px){:host.col-xxl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1400px){:host.col-xxl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-12{grid-column:span 12;width:100%}}:host.align-x-left,:host.align-x-center,:host.align-x-right,:host.align-y-top,:host.align-y-center,:host.align-y-bottom{display:flex;flex-direction:column}:host.align-x-left{align-items:flex-start}:host.align-x-center{align-items:center}:host.align-x-right{align-items:flex-end}:host.align-y-top{justify-content:flex-start}:host.align-y-center{justify-content:center}:host.align-y-bottom{justify-content:flex-end}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "21.2.9", type: ColComponent, isStandalone: true, selector: "m-col", inputs: { xs: { classPropertyName: "xs", publicName: "xs", isSignal: true, isRequired: false, transformFunction: null }, sm: { classPropertyName: "sm", publicName: "sm", isSignal: true, isRequired: false, transformFunction: null }, md: { classPropertyName: "md", publicName: "md", isSignal: true, isRequired: false, transformFunction: null }, lg: { classPropertyName: "lg", publicName: "lg", isSignal: true, isRequired: false, transformFunction: null }, xl: { classPropertyName: "xl", publicName: "xl", isSignal: true, isRequired: false, transformFunction: null }, xxl: { classPropertyName: "xxl", publicName: "xxl", isSignal: true, isRequired: false, transformFunction: null }, fullWidth: { classPropertyName: "fullWidth", publicName: "fullWidth", isSignal: true, isRequired: false, transformFunction: null }, fullHeight: { classPropertyName: "fullHeight", publicName: "fullHeight", isSignal: true, isRequired: false, transformFunction: null }, padding: { classPropertyName: "padding", publicName: "padding", isSignal: true, isRequired: false, transformFunction: null }, paddingX: { classPropertyName: "paddingX", publicName: "paddingX", isSignal: true, isRequired: false, transformFunction: null }, paddingY: { classPropertyName: "paddingY", publicName: "paddingY", isSignal: true, isRequired: false, transformFunction: null }, alignX: { classPropertyName: "alignX", publicName: "alignX", isSignal: true, isRequired: false, transformFunction: null }, alignY: { classPropertyName: "alignY", publicName: "alignY", isSignal: true, isRequired: false, transformFunction: null } }, host: { properties: { "class": "classes()", "class.is-full-height": "resolvedFullHeight()" }, classAttribute: "m-col" }, usesInheritance: true, ngImport: i0, template: '<ng-content />', 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:block;grid-column:span 12;box-sizing:border-box;width:100%}:host(.is-full-height){height:100%}:host.has-padding-x{padding-inline:var(--col-px, var(--section-px, var(--_section-px, 1rem)))}:host.has-padding-y{padding-block:var(--col-py, var(--section-pt, var(--_section-pt, 1.5rem)))}:host(:not(:last-child)){border-right:1px solid var(--m-backdrop-border)}@container mag-grid (max-width: 575.98px){:host(:not(:last-child)){border-right:none;border-bottom:1px solid var(--m-backdrop-border)}}:host(.no-border){border-right:none}@container mag-grid (max-width: 575.98px){:host(.no-border){border-bottom:none}}:host.full-width{grid-column:span 12!important;width:calc(100% + 2 * var(--section-px, var(--_section-px, 1rem)));margin-inline:calc(-1 * var(--section-px, var(--_section-px, 1rem)))}:host.col-xs-1{grid-column:span 1;width:calc(100% * 1 / 12)}:host.col-xs-2{grid-column:span 2;width:calc(100% * 2 / 12)}:host.col-xs-3{grid-column:span 3;width:25%}:host.col-xs-4{grid-column:span 4;width:calc(100% * 4 / 12)}:host.col-xs-5{grid-column:span 5;width:calc(100% * 5 / 12)}:host.col-xs-6{grid-column:span 6;width:50%}:host.col-xs-7{grid-column:span 7;width:calc(100% * 7 / 12)}:host.col-xs-8{grid-column:span 8;width:calc(100% * 8 / 12)}:host.col-xs-9{grid-column:span 9;width:75%}:host.col-xs-10{grid-column:span 10;width:calc(100% * 10 / 12)}:host.col-xs-11{grid-column:span 11;width:calc(100% * 11 / 12)}:host.col-xs-12{grid-column:span 12;width:100%}@container mag-grid (min-width: 576px){:host.col-sm-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 576px){:host.col-sm-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 576px){:host.col-sm-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 576px){:host.col-sm-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 768px){:host.col-md-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 768px){:host.col-md-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 768px){:host.col-md-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 768px){:host.col-md-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 992px){:host.col-lg-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 992px){:host.col-lg-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 992px){:host.col-lg-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 992px){:host.col-lg-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1200px){:host.col-xl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1200px){:host.col-xl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1200px){:host.col-xl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1200px){:host.col-xl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1400px){:host.col-xxl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1400px){:host.col-xxl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1400px){:host.col-xxl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1400px){:host.col-xxl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-12{grid-column:span 12;width:100%}}:host.align-x-left,:host.align-x-center,:host.align-x-right,:host.align-y-top,:host.align-y-center,:host.align-y-bottom{display:flex;flex-direction:column}:host.align-x-left{align-items:flex-start}:host.align-x-center{align-items:center}:host.align-x-right{align-items:flex-end}:host.align-y-top{justify-content:flex-start}:host.align-y-center{justify-content:center}:host.align-y-bottom{justify-content:flex-end}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ColComponent, decorators: [{
             type: Component,
@@ -17462,7 +17496,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         class: 'm-col',
                         '[class]': 'classes()',
                         '[class.is-full-height]': 'resolvedFullHeight()',
-                    }, 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;grid-column:span 12;box-sizing:border-box;width:100%;min-height:5em}:host(.is-full-height){height:100%}:host.has-padding-x{padding-inline:var(--col-px, var(--section-px, var(--_section-px, 1rem)))}:host.has-padding-y{padding-block:var(--col-py, var(--section-pt, var(--_section-pt, 1.5rem)))}:host(:not(:last-child)){border-right:1px solid var(--m-backdrop-border)}@container mag-grid (max-width: 575.98px){:host(:not(:last-child)){border-right:none;border-bottom:1px solid var(--m-backdrop-border)}}:host(.no-border){border-right:none}@container mag-grid (max-width: 575.98px){:host(.no-border){border-bottom:none}}:host.full-width{grid-column:span 12!important;width:calc(100% + 2 * var(--section-px, var(--_section-px, 1rem)));margin-inline:calc(-1 * var(--section-px, var(--_section-px, 1rem)))}:host.col-xs-1{grid-column:span 1;width:calc(100% * 1 / 12)}:host.col-xs-2{grid-column:span 2;width:calc(100% * 2 / 12)}:host.col-xs-3{grid-column:span 3;width:25%}:host.col-xs-4{grid-column:span 4;width:calc(100% * 4 / 12)}:host.col-xs-5{grid-column:span 5;width:calc(100% * 5 / 12)}:host.col-xs-6{grid-column:span 6;width:50%}:host.col-xs-7{grid-column:span 7;width:calc(100% * 7 / 12)}:host.col-xs-8{grid-column:span 8;width:calc(100% * 8 / 12)}:host.col-xs-9{grid-column:span 9;width:75%}:host.col-xs-10{grid-column:span 10;width:calc(100% * 10 / 12)}:host.col-xs-11{grid-column:span 11;width:calc(100% * 11 / 12)}:host.col-xs-12{grid-column:span 12;width:100%}@container mag-grid (min-width: 576px){:host.col-sm-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 576px){:host.col-sm-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 576px){:host.col-sm-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 576px){:host.col-sm-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 768px){:host.col-md-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 768px){:host.col-md-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 768px){:host.col-md-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 768px){:host.col-md-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 992px){:host.col-lg-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 992px){:host.col-lg-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 992px){:host.col-lg-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 992px){:host.col-lg-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1200px){:host.col-xl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1200px){:host.col-xl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1200px){:host.col-xl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1200px){:host.col-xl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1400px){:host.col-xxl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1400px){:host.col-xxl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1400px){:host.col-xxl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1400px){:host.col-xxl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-12{grid-column:span 12;width:100%}}:host.align-x-left,:host.align-x-center,:host.align-x-right,:host.align-y-top,:host.align-y-center,:host.align-y-bottom{display:flex;flex-direction:column}:host.align-x-left{align-items:flex-start}:host.align-x-center{align-items:center}:host.align-x-right{align-items:flex-end}:host.align-y-top{justify-content:flex-start}:host.align-y-center{justify-content:center}:host.align-y-bottom{justify-content:flex-end}\n"] }]
+                    }, 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;grid-column:span 12;box-sizing:border-box;width:100%}:host(.is-full-height){height:100%}:host.has-padding-x{padding-inline:var(--col-px, var(--section-px, var(--_section-px, 1rem)))}:host.has-padding-y{padding-block:var(--col-py, var(--section-pt, var(--_section-pt, 1.5rem)))}:host(:not(:last-child)){border-right:1px solid var(--m-backdrop-border)}@container mag-grid (max-width: 575.98px){:host(:not(:last-child)){border-right:none;border-bottom:1px solid var(--m-backdrop-border)}}:host(.no-border){border-right:none}@container mag-grid (max-width: 575.98px){:host(.no-border){border-bottom:none}}:host.full-width{grid-column:span 12!important;width:calc(100% + 2 * var(--section-px, var(--_section-px, 1rem)));margin-inline:calc(-1 * var(--section-px, var(--_section-px, 1rem)))}:host.col-xs-1{grid-column:span 1;width:calc(100% * 1 / 12)}:host.col-xs-2{grid-column:span 2;width:calc(100% * 2 / 12)}:host.col-xs-3{grid-column:span 3;width:25%}:host.col-xs-4{grid-column:span 4;width:calc(100% * 4 / 12)}:host.col-xs-5{grid-column:span 5;width:calc(100% * 5 / 12)}:host.col-xs-6{grid-column:span 6;width:50%}:host.col-xs-7{grid-column:span 7;width:calc(100% * 7 / 12)}:host.col-xs-8{grid-column:span 8;width:calc(100% * 8 / 12)}:host.col-xs-9{grid-column:span 9;width:75%}:host.col-xs-10{grid-column:span 10;width:calc(100% * 10 / 12)}:host.col-xs-11{grid-column:span 11;width:calc(100% * 11 / 12)}:host.col-xs-12{grid-column:span 12;width:100%}@container mag-grid (min-width: 576px){:host.col-sm-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 576px){:host.col-sm-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 576px){:host.col-sm-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 576px){:host.col-sm-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 576px){:host.col-sm-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 768px){:host.col-md-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 768px){:host.col-md-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 768px){:host.col-md-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 768px){:host.col-md-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 768px){:host.col-md-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 992px){:host.col-lg-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 992px){:host.col-lg-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 992px){:host.col-lg-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 992px){:host.col-lg-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 992px){:host.col-lg-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1200px){:host.col-xl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1200px){:host.col-xl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1200px){:host.col-xl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1200px){:host.col-xl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1200px){:host.col-xl-12{grid-column:span 12;width:100%}}@container mag-grid (min-width: 1400px){:host.col-xxl-1{grid-column:span 1;width:calc(100% * 1 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-2{grid-column:span 2;width:calc(100% * 2 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-3{grid-column:span 3;width:25%}}@container mag-grid (min-width: 1400px){:host.col-xxl-4{grid-column:span 4;width:calc(100% * 4 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-5{grid-column:span 5;width:calc(100% * 5 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-6{grid-column:span 6;width:50%}}@container mag-grid (min-width: 1400px){:host.col-xxl-7{grid-column:span 7;width:calc(100% * 7 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-8{grid-column:span 8;width:calc(100% * 8 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-9{grid-column:span 9;width:75%}}@container mag-grid (min-width: 1400px){:host.col-xxl-10{grid-column:span 10;width:calc(100% * 10 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-11{grid-column:span 11;width:calc(100% * 11 / 12)}}@container mag-grid (min-width: 1400px){:host.col-xxl-12{grid-column:span 12;width:100%}}:host.align-x-left,:host.align-x-center,:host.align-x-right,:host.align-y-top,:host.align-y-center,:host.align-y-bottom{display:flex;flex-direction:column}:host.align-x-left{align-items:flex-start}:host.align-x-center{align-items:center}:host.align-x-right{align-items:flex-end}:host.align-y-top{justify-content:flex-start}:host.align-y-center{justify-content:center}:host.align-y-bottom{justify-content:flex-end}\n"] }]
         }], propDecorators: { xs: [{ type: i0.Input, args: [{ isSignal: true, alias: "xs", required: false }] }], sm: [{ type: i0.Input, args: [{ isSignal: true, alias: "sm", required: false }] }], md: [{ type: i0.Input, args: [{ isSignal: true, alias: "md", required: false }] }], lg: [{ type: i0.Input, args: [{ isSignal: true, alias: "lg", required: false }] }], xl: [{ type: i0.Input, args: [{ isSignal: true, alias: "xl", required: false }] }], xxl: [{ type: i0.Input, args: [{ isSignal: true, alias: "xxl", required: false }] }], fullWidth: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullWidth", required: false }] }], fullHeight: [{ type: i0.Input, args: [{ isSignal: true, alias: "fullHeight", required: false }] }], padding: [{ type: i0.Input, args: [{ isSignal: true, alias: "padding", required: false }] }], paddingX: [{ type: i0.Input, args: [{ isSignal: true, alias: "paddingX", required: false }] }], paddingY: [{ type: i0.Input, args: [{ isSignal: true, alias: "paddingY", required: false }] }], alignX: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignX", required: false }] }], alignY: [{ type: i0.Input, args: [{ isSignal: true, alias: "alignY", required: false }] }] } });
 
 class SectionCardComponent extends ColComponent {
@@ -20578,7 +20612,7 @@ class WrapperInputComponent extends ConfigComponent {
                 break;
             }
             case InputType.TOGGLE: {
-                const { ToggleInputComponent } = await import('./magmonium-one-toggle-CCaLEJ8V.mjs');
+                const { ToggleInputComponent } = await import('./magmonium-one-toggle-C9uEm1Pl.mjs');
                 this.createDynamicComponent(seq, ToggleInputComponent, [], true);
                 break;
             }
@@ -20590,12 +20624,12 @@ class WrapperInputComponent extends ConfigComponent {
                 break;
             }
             case InputType.PASSWORD: {
-                const { PasswordInputComponent } = await import('./magmonium-one-password-x0jlYhku.mjs');
+                const { PasswordInputComponent } = await import('./magmonium-one-password-qf4uRPEA.mjs');
                 this.createDynamicComponent(seq, PasswordInputComponent);
                 break;
             }
             case InputType.OTP: {
-                const { OtpInputComponent } = await import('./magmonium-one-otp-DCDSkq9D.mjs');
+                const { OtpInputComponent } = await import('./magmonium-one-otp-yTGhORgD.mjs');
                 this.createDynamicComponent(seq, OtpInputComponent);
                 break;
             }
@@ -22349,32 +22383,18 @@ class FormGroupComponent extends ConfigComponent {
         }),
         computation: ({ data, inputs }, previous) => {
             const dataChanged = !previous || previous.source.data !== data;
-            const values = {};
+            // Booleans stay booleans. Stringifying them cost `false` its identity —
+            // it became '', which reads as "unset" to every consumer that filters
+            // empty values, so a toggle turned off could not survive a round trip
+            // and could never override a config's `true` (ADR 0010).
+            const values = toModelValues(data, inputs);
+            if (dataChanged || !previous)
+                return values;
+            // An input already in the model keeps what the User typed — a field
+            // announcing its key late must not wipe the form.
             inputs?.forEach((input) => {
-                if (!dataChanged &&
-                    previous &&
-                    Object.prototype.hasOwnProperty.call(previous.value, input)) {
+                if (Object.prototype.hasOwnProperty.call(previous.value, input)) {
                     values[input] = previous.value[input];
-                    return;
-                }
-                const raw = data?.[input];
-                if (Array.isArray(raw)) {
-                    values[input] = raw;
-                }
-                else if (raw !== null && typeof raw === 'object') {
-                    values[input] = raw;
-                }
-                else if (typeof raw === 'boolean') {
-                    // Booleans stay booleans. Stringifying them cost `false` its
-                    // identity — it became '', which reads as "unset" to every consumer
-                    // that filters empty values, so a toggle turned off could not
-                    // survive a round trip and could never override a config's `true`
-                    // (ADR 0010). A toggle input models `checked` as a boolean, so this
-                    // is also the shape it hands back.
-                    values[input] = raw;
-                }
-                else {
-                    values[input] = String(raw ?? '');
                 }
             });
             return values;
@@ -22407,7 +22427,7 @@ class FormGroupComponent extends ConfigComponent {
             void this.modelKeys();
             if (!inputs)
                 return;
-            untracked(() => this.reset());
+            untracked(() => this.rebuild());
         });
         effect(() => {
             const form = this.formGroup();
@@ -22431,7 +22451,11 @@ class FormGroupComponent extends ConfigComponent {
             this.previousValue = value();
         });
     }
-    reset = () => {
+    // Stamps a fresh FieldTree over the model as it stands. A FieldTree's keys
+    // are fixed at create, so a key that appeared afterwards — a field reporting
+    // its declared key, a `config.inputs` change — has no field behind it until
+    // this runs. It does not touch the values already in the model.
+    rebuild = () => {
         untracked(() => {
             const validation = this.validation();
             try {
@@ -22447,6 +22471,19 @@ class FormGroupComponent extends ConfigComponent {
             }
         });
     };
+    /**
+     * Empties the form back to `data` — what a caller wants after a successful
+     * submit. The model has to be written first: the FieldTree writes the User's
+     * keystrokes into `model`, and `linkedSignal` only recomputes when `data` or
+     * the key list changes, so stamping a new tree over an untouched model would
+     * hand back the very values that were just submitted.
+     */
+    reset = () => {
+        untracked(() => {
+            this.model.set(toModelValues(this.data(), this.modelKeys()));
+        });
+        this.rebuild();
+    };
     handleForm(event) {
         event.preventDefault();
         event.stopPropagation();
@@ -34483,12 +34520,20 @@ function ingestItems(items) {
     }
     return { commentMap, cursorMap, orderedIds };
 }
-const CommentsStore = signalStore({ providedIn: 'root' }, withState(initialState), withMethods((store, api = inject(CommentsApiService)) => ({
-    // ── Load initial comments for a source ──────────────────────────────
-    load: rxMethod(pipe(filter((sourceId) => !store.sourceToItemsMap().has(sourceId)), // skip if cached
-    tap((sourceId) => patchState(store, (s) => ({
+const CommentsStore = signalStore({ providedIn: 'root' }, withState(initialState), withMethods((store, api = inject(CommentsApiService)) => {
+    // `load` and `refresh` differ only in whether a cached feed short-circuits
+    // the request — never in what a response does to state, so the fetch itself
+    // lives here once.
+    const markLoading = (sourceId) => patchState(store, (s) => ({
         loadingSources: new Set([...s.loadingSources, sourceId]),
-    }))), switchMap$1((sourceId) => api.list(sourceId).pipe(tap(({ items, commentCount }) => {
+    }));
+    const clearLoading = (sourceId) => patchState(store, (s) => ({
+        loadingSources: new Set([...s.loadingSources].filter((id) => id !== sourceId)),
+    }));
+    // Replaces the source's ordered list outright: a comment deleted on the
+    // backend has to leave the feed, and merging could never remove it. Any
+    // cursor the User had expanded collapses back with it.
+    const fetchFeed = (sourceId) => api.list(sourceId).pipe(tap(({ items, commentCount }) => {
         const { commentMap, cursorMap, orderedIds } = ingestItems(items);
         patchState(store, (s) => ({
             commentMap: new Map([...s.commentMap, ...commentMap]),
@@ -34501,181 +34546,192 @@ const CommentsStore = signalStore({ providedIn: 'root' }, withState(initialState
                 ...s.sourceToCountMap,
                 [sourceId, commentCount],
             ]),
-            loadingSources: new Set([...s.loadingSources].filter((id) => id !== sourceId)),
         }));
+        clearLoading(sourceId);
     }), catchError(() => {
-        patchState(store, (s) => ({
-            loadingSources: new Set([...s.loadingSources].filter((id) => id !== sourceId)),
-        }));
+        clearLoading(sourceId);
         return EMPTY;
-    }))))),
-    // ── Expand cursor: replace token in source list with new items ───────
-    expandCursor: rxMethod(pipe(tap(({ token }) => patchState(store, (s) => ({
-        expandingCursors: new Set([...s.expandingCursors, token]),
-    }))), switchMap$1(({ sourceId, token }) => api.list(sourceId, token).pipe(tap(({ items: newItems, commentCount }) => {
-        const { commentMap, cursorMap, orderedIds: newIds, } = ingestItems(newItems);
-        patchState(store, (s) => {
-            const list = s.sourceToItemsMap.get(sourceId) ?? [];
-            const idx = list.indexOf(token);
-            const updatedList = idx === -1
-                ? list
-                : [
-                    ...list.slice(0, idx),
-                    ...newIds,
-                    ...list.slice(idx + 1),
-                ];
-            // Remove expanded cursor from cursorMap
-            const newCursorMap = new Map(s.cursorMap);
-            newCursorMap.delete(token);
-            return {
-                commentMap: new Map([...s.commentMap, ...commentMap]),
-                cursorMap: new Map([...newCursorMap, ...cursorMap]),
-                sourceToItemsMap: new Map([
-                    ...s.sourceToItemsMap,
-                    [sourceId, updatedList],
-                ]),
-                sourceToCountMap: new Map([
-                    ...s.sourceToCountMap,
-                    [sourceId, commentCount],
-                ]),
+    }));
+    return {
+        // ── Load initial comments for a source ──────────────────────────────
+        load: rxMethod(pipe(filter((sourceId) => !store.sourceToItemsMap().has(sourceId)), // skip if cached
+        tap(markLoading), switchMap$1(fetchFeed))),
+        // ── Re-read a source's feed, cache or no cache ───────────────────────
+        // The door for anything the backend changed behind our back: another
+        // User's comment, an edit, a delete. `load` can never do this — its cache
+        // guard is what makes a re-render cheap.
+        refresh: rxMethod(pipe(tap(markLoading), switchMap$1(fetchFeed))),
+        // ── Expand cursor: replace token in source list with new items ───────
+        expandCursor: rxMethod(pipe(tap(({ token }) => patchState(store, (s) => ({
+            expandingCursors: new Set([...s.expandingCursors, token]),
+        }))), switchMap$1(({ sourceId, token }) => api.list(sourceId, token).pipe(tap(({ items: newItems, commentCount }) => {
+            const { commentMap, cursorMap, orderedIds: newIds, } = ingestItems(newItems);
+            patchState(store, (s) => {
+                const list = s.sourceToItemsMap.get(sourceId) ?? [];
+                const idx = list.indexOf(token);
+                const updatedList = idx === -1
+                    ? list
+                    : [
+                        ...list.slice(0, idx),
+                        ...newIds,
+                        ...list.slice(idx + 1),
+                    ];
+                // Remove expanded cursor from cursorMap
+                const newCursorMap = new Map(s.cursorMap);
+                newCursorMap.delete(token);
+                return {
+                    commentMap: new Map([...s.commentMap, ...commentMap]),
+                    cursorMap: new Map([...newCursorMap, ...cursorMap]),
+                    sourceToItemsMap: new Map([
+                        ...s.sourceToItemsMap,
+                        [sourceId, updatedList],
+                    ]),
+                    sourceToCountMap: new Map([
+                        ...s.sourceToCountMap,
+                        [sourceId, commentCount],
+                    ]),
+                    expandingCursors: new Set([...s.expandingCursors].filter((t) => t !== token)),
+                };
+            });
+        }), catchError(() => {
+            patchState(store, (s) => ({
                 expandingCursors: new Set([...s.expandingCursors].filter((t) => t !== token)),
+            }));
+            return EMPTY;
+        }))))),
+        // ── Post new comment ─────────────────────────────────────────────────
+        create: rxMethod(pipe(tap(({ sourceId }) => patchState(store, (s) => ({
+            submittingSources: new Set([...s.submittingSources, sourceId]),
+        }))), switchMap$1(({ sourceId, text }) => api.create(sourceId, text).pipe(tap(({ comment }) => patchState(store, (s) => {
+            const normalized = {
+                ...comment,
+                kind: 'comment',
+                date: comment.date || new Date().toISOString(),
             };
-        });
-    }), catchError(() => {
-        patchState(store, (s) => ({
-            expandingCursors: new Set([...s.expandingCursors].filter((t) => t !== token)),
-        }));
-        return EMPTY;
-    }))))),
-    // ── Post new comment ─────────────────────────────────────────────────
-    create: rxMethod(pipe(tap(({ sourceId }) => patchState(store, (s) => ({
-        submittingSources: new Set([...s.submittingSources, sourceId]),
-    }))), switchMap$1(({ sourceId, text }) => api.create(sourceId, text).pipe(tap(({ comment }) => patchState(store, (s) => {
-        const normalized = {
-            ...comment,
-            kind: 'comment',
-            date: comment.date || new Date().toISOString(),
-        };
-        const existingList = s.sourceToItemsMap.get(sourceId);
-        const sourceToItemsMap = existingList !== undefined
-            ? new Map([
-                ...s.sourceToItemsMap,
-                [sourceId, [normalized.id, ...existingList]],
-            ])
-            : s.sourceToItemsMap;
-        const known = s.sourceToCountMap.get(sourceId);
-        return {
-            commentMap: new Map([
-                ...s.commentMap,
-                [normalized.id, normalized],
-            ]),
-            sourceToItemsMap,
-            sourceToCountMap: known === undefined
-                ? s.sourceToCountMap
-                : new Map([...s.sourceToCountMap, [sourceId, known + 1]]),
-            submittingSources: new Set([...s.submittingSources].filter((id) => id !== sourceId)),
-        };
-    })), catchError(() => {
-        patchState(store, (s) => ({
-            submittingSources: new Set([...s.submittingSources].filter((id) => id !== sourceId)),
-        }));
-        return EMPTY;
-    }))))),
-    // ── Delete comment (optimistic) ──────────────────────────────────────
-    async removeComment(sourceId, commentId) {
-        patchState(store, (s) => {
-            const list = s.sourceToItemsMap.get(sourceId) ?? [];
-            const newCommentMap = new Map(s.commentMap);
-            newCommentMap.delete(commentId);
+            const existingList = s.sourceToItemsMap.get(sourceId);
+            const sourceToItemsMap = existingList !== undefined
+                ? new Map([
+                    ...s.sourceToItemsMap,
+                    [sourceId, [normalized.id, ...existingList]],
+                ])
+                : s.sourceToItemsMap;
             const known = s.sourceToCountMap.get(sourceId);
             return {
-                commentMap: newCommentMap,
-                sourceToItemsMap: new Map([
-                    ...s.sourceToItemsMap,
-                    [sourceId, list.filter((id) => id !== commentId)],
+                commentMap: new Map([
+                    ...s.commentMap,
+                    [normalized.id, normalized],
                 ]),
+                sourceToItemsMap,
                 sourceToCountMap: known === undefined
                     ? s.sourceToCountMap
                     : new Map([
                         ...s.sourceToCountMap,
-                        [sourceId, Math.max(0, known - 1)],
+                        [sourceId, known + 1],
                     ]),
+                submittingSources: new Set([...s.submittingSources].filter((id) => id !== sourceId)),
             };
-        });
-        try {
-            await firstValueFrom(api.remove(commentId));
-        }
-        catch {
-            // Re-fetch on failure
-            const { items, commentCount } = await firstValueFrom(api.list(sourceId));
-            const { commentMap, cursorMap, orderedIds } = ingestItems(items);
+        })), catchError(() => {
             patchState(store, (s) => ({
-                commentMap: new Map([...s.commentMap, ...commentMap]),
-                cursorMap: new Map([...s.cursorMap, ...cursorMap]),
-                sourceToItemsMap: new Map([
-                    ...s.sourceToItemsMap,
-                    [sourceId, orderedIds],
-                ]),
-                sourceToCountMap: new Map([
-                    ...s.sourceToCountMap,
-                    [sourceId, commentCount],
-                ]),
+                submittingSources: new Set([...s.submittingSources].filter((id) => id !== sourceId)),
             }));
-        }
-    },
-    async editComment(commentId, text) {
-        let originalComment;
-        patchState(store, (s) => {
-            const comment = s.commentMap.get(commentId);
-            if (comment) {
-                originalComment = { ...comment };
-                const updated = { ...comment, text };
-                return {
-                    commentMap: new Map([...s.commentMap, [commentId, updated]]),
-                };
-            }
-            return {};
-        });
-        try {
-            const response = await firstValueFrom(api.update(commentId, text));
+            return EMPTY;
+        }))))),
+        // ── Delete comment (optimistic) ──────────────────────────────────────
+        async removeComment(sourceId, commentId) {
             patchState(store, (s) => {
-                const comment = response.comment;
-                const normalized = {
-                    ...comment,
-                    kind: 'comment',
-                    date: comment.date || new Date().toISOString(),
-                };
+                const list = s.sourceToItemsMap.get(sourceId) ?? [];
+                const newCommentMap = new Map(s.commentMap);
+                newCommentMap.delete(commentId);
+                const known = s.sourceToCountMap.get(sourceId);
                 return {
-                    commentMap: new Map([...s.commentMap, [commentId, normalized]]),
+                    commentMap: newCommentMap,
+                    sourceToItemsMap: new Map([
+                        ...s.sourceToItemsMap,
+                        [sourceId, list.filter((id) => id !== commentId)],
+                    ]),
+                    sourceToCountMap: known === undefined
+                        ? s.sourceToCountMap
+                        : new Map([
+                            ...s.sourceToCountMap,
+                            [sourceId, Math.max(0, known - 1)],
+                        ]),
                 };
             });
-        }
-        catch {
-            if (originalComment) {
+            try {
+                await firstValueFrom(api.remove(commentId));
+            }
+            catch {
+                // Re-fetch on failure
+                const { items, commentCount } = await firstValueFrom(api.list(sourceId));
+                const { commentMap, cursorMap, orderedIds } = ingestItems(items);
                 patchState(store, (s) => ({
-                    commentMap: new Map([
-                        ...s.commentMap,
-                        [commentId, originalComment],
+                    commentMap: new Map([...s.commentMap, ...commentMap]),
+                    cursorMap: new Map([...s.cursorMap, ...cursorMap]),
+                    sourceToItemsMap: new Map([
+                        ...s.sourceToItemsMap,
+                        [sourceId, orderedIds],
+                    ]),
+                    sourceToCountMap: new Map([
+                        ...s.sourceToCountMap,
+                        [sourceId, commentCount],
                     ]),
                 }));
             }
-        }
-    },
-    // ── Selector helpers (called with sourceId from component) ───────────
-    itemsFor(sourceId) {
-        const ids = store.sourceToItemsMap().get(sourceId) ?? [];
-        const cMap = store.commentMap();
-        const curMap = store.cursorMap();
-        return ids
-            .map((id) => (cMap.get(id) ?? curMap.get(id)))
-            .filter(Boolean);
-    },
-    // undefined until the source's feed has been fetched at least once
-    countFor: (sourceId) => store.sourceToCountMap().get(sourceId),
-    isLoading: (sourceId) => store.loadingSources().has(sourceId),
-    isSubmitting: (sourceId) => store.submittingSources().has(sourceId),
-    isExpanding: (token) => store.expandingCursors().has(token),
-})));
+        },
+        async editComment(commentId, text) {
+            let originalComment;
+            patchState(store, (s) => {
+                const comment = s.commentMap.get(commentId);
+                if (comment) {
+                    originalComment = { ...comment };
+                    const updated = { ...comment, text };
+                    return {
+                        commentMap: new Map([...s.commentMap, [commentId, updated]]),
+                    };
+                }
+                return {};
+            });
+            try {
+                const response = await firstValueFrom(api.update(commentId, text));
+                patchState(store, (s) => {
+                    const comment = response.comment;
+                    const normalized = {
+                        ...comment,
+                        kind: 'comment',
+                        date: comment.date || new Date().toISOString(),
+                    };
+                    return {
+                        commentMap: new Map([...s.commentMap, [commentId, normalized]]),
+                    };
+                });
+            }
+            catch {
+                if (originalComment) {
+                    patchState(store, (s) => ({
+                        commentMap: new Map([
+                            ...s.commentMap,
+                            [commentId, originalComment],
+                        ]),
+                    }));
+                }
+            }
+        },
+        // ── Selector helpers (called with sourceId from component) ───────────
+        itemsFor(sourceId) {
+            const ids = store.sourceToItemsMap().get(sourceId) ?? [];
+            const cMap = store.commentMap();
+            const curMap = store.cursorMap();
+            return ids
+                .map((id) => (cMap.get(id) ?? curMap.get(id)))
+                .filter(Boolean);
+        },
+        // undefined until the source's feed has been fetched at least once
+        countFor: (sourceId) => store.sourceToCountMap().get(sourceId),
+        isLoading: (sourceId) => store.loadingSources().has(sourceId),
+        isSubmitting: (sourceId) => store.submittingSources().has(sourceId),
+        isExpanding: (token) => store.expandingCursors().has(token),
+    };
+}));
 
 class CommentEditModalComponent {
     // --- Inputs ---
@@ -34818,6 +34874,20 @@ class CommentsComponent {
     items = computed(() => this.store.itemsFor(this.id()), ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
     loading = computed(() => this.store.isLoading(this.id()), ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
     submitting = computed(() => this.store.isSubmitting(this.id()), ...(ngDevMode ? [{ debugName: "submitting" }] : /* istanbul ignore next */ []));
+    // The expand affordance for every cursor in the feed, keyed by token. A
+    // cursor knows how many comments it hides, so the button wears that number
+    // as a badge rather than making the reader spend a request to find out.
+    loadMoreConfigs = computed(() => {
+        const configs = new Map();
+        for (const item of this.items()) {
+            if (item.kind !== 'cursor')
+                continue;
+            configs.set(item.token, this.store.isExpanding(item.token)
+                ? { icon: 'reset' }
+                : { label: 'load-more-comments', badge: { count: item.count } });
+        }
+        return configs;
+    }, ...(ngDevMode ? [{ debugName: "loadMoreConfigs" }] : /* istanbul ignore next */ []));
     textareaConfig = {
         type: InputType.TEXTAREA,
         name: 'comment_text',
@@ -34834,6 +34904,31 @@ class CommentsComponent {
         });
     }
     // --- Handlers ---
+    /**
+     * Ctrl/Cmd+R re-reads the feed instead of reloading the browser. The default
+     * is taken deliberately: inside a comment feed the gesture the User means is
+     * "show me what changed", and a full page reload throws away an unsent draft
+     * to answer it.
+     *
+     * Stops propagating so a reply thread's own feed refreshes alone — without
+     * it the key would bubble to every ancestor feed and fire a request each.
+     */
+    onKeyDown = (event) => {
+        if (!(event.metaKey || event.ctrlKey))
+            return;
+        if (event.key.toLowerCase() !== 'r')
+            return;
+        event.preventDefault();
+        event.stopPropagation();
+        this.refresh();
+    };
+    onMenuAction(item) {
+        if (item.id === 'refresh')
+            this.refresh();
+    }
+    refresh() {
+        this.store.refresh(this.id());
+    }
     onReply(commentId) {
         this.replyingToId.set(commentId);
     }
@@ -34857,7 +34952,7 @@ class CommentsComponent {
         this.store.removeComment(this.id(), commentId);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CommentsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CommentsComponent, isStandalone: true, selector: "m-comments", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, isNested: { classPropertyName: "isNested", publicName: "isNested", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: "<div class=\"comments\">\n  <!-- \u2500\u2500 Compose box \u2500\u2500 -->\n  <div class=\"comments__compose\">\n    <m-textarea-input [config]=\"textareaConfig\" [(value)]=\"draft\" [disabled]=\"submitting()\" />\n    <div class=\"comments__toolbar\">\n      <m-one-button name=\"post\" [disabled]=\"!draft().trim() || submitting()\" (clicked)=\"submit()\" />\n    </div>\n  </div>\n\n  <!-- \u2500\u2500 Items list \u2500\u2500 -->\n  @if (loading()) {\n    <div class=\"comments__loading\">{{ 'loading' | translate }}</div>\n  } @else if (items().length) {\n    <div class=\"comments__list\">\n      @for (item of items(); track item.kind === 'comment' ? item.id : 'cursor_' + item.token) {\n        @if (item.kind === 'comment') {\n          <m-comment-item\n            [comment]=\"item\"\n            [showReplies]=\"expandedId() === item.id\"\n            [isReplying]=\"replyingToId() === item.id\"\n            (reply)=\"onReply($event)\"\n            (cancelReply)=\"cancelReply()\"\n            (toggleReplies)=\"onToggleReplies(item.id)\"\n            (deleted)=\"onDelete($event)\"\n          />\n        } @else {\n          <div class=\"comments__load-more-wrapper\">\n            <m-button\n              [config]=\"store.isExpanding(item.token) ? { icon: 'reset' } : { label: 'load-more-comments' }\"\n              [disabled]=\"store.isExpanding(item.token)\"\n              (clicked)=\"expand(item.token)\"\n            />\n          </div>\n        }\n      }\n    </div>\n  }\n</div>\n", 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)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 12px #4169e14d}50%{transform:scale(.92);box-shadow:0 2px 6px #4169e133}to{transform:scale(1);box-shadow:0 4px 12px #4169e14d}}.comments{display:flex;flex-direction:column;gap:1.5rem;width:100%}.comments__list{display:flex;flex-direction:column;gap:1.5rem}.comments__loading{text-align:center;color:var(--m-text-tertiary);font-size:.85rem;font-weight:500;letter-spacing:.02em;position:relative;overflow:hidden}.comments__loading:after{content:\"\";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--m-mm) 5%,transparent),transparent);animation:shimmer 2s infinite}.comments__compose{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;position:relative}.comments__compose .m-textarea-input{--m-textarea-input-background: transparent;--m-textarea-input-border: none;--m-textarea-input-padding: 0;--m-textarea-input-shadow: none;width:100%}.comments__compose .m-textarea-input textarea{width:100%;font-size:.95rem;color:var(--m-text);min-height:80px;resize:none;line-height:1.6}.comments__compose .m-textarea-input textarea::placeholder{color:var(--m-text-tertiary);opacity:.7}.comments__toolbar{display:flex;align-items:center;justify-content:flex-end;width:100%;transition:all .3s ease}.comments__load-more-wrapper{width:100%;padding:1rem;background:color-mix(in srgb,var(--m-border) 20%,transparent);border:1px solid var(--m-border);border-radius:.375rem;color:var(--m-text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.comments__load-more-wrapper .m-button{padding:0;font-size:inherit;background:transparent}.comments__load-more-wrapper:hover:not([disabled]){background:var(--m-frame);border-color:var(--m-mm);color:var(--m-mm);box-shadow:0 4px 12px #0000000d}.comments__load-more-wrapper[disabled]{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: CommentItemComponent, selector: "m-comment-item", inputs: ["comment", "showReplies", "isReplying"], outputs: ["reply", "cancelReply", "toggleReplies", "deleted"] }, { kind: "component", type: TextareaInputComponent, selector: "m-textarea-input" }, { 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, encapsulation: i0.ViewEncapsulation.None });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: CommentsComponent, isStandalone: true, selector: "m-comments", inputs: { id: { classPropertyName: "id", publicName: "id", isSignal: true, isRequired: true, transformFunction: null }, isNested: { classPropertyName: "isNested", publicName: "isNested", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "tabindex": "-1" }, listeners: { "keydown": "onKeyDown($event)" } }, ngImport: i0, template: "<div class=\"comments\">\n  <!-- \u2500\u2500 Compose box \u2500\u2500 -->\n  <div class=\"comments__compose\">\n    <m-textarea-input [config]=\"textareaConfig\" [(value)]=\"draft\" [disabled]=\"submitting()\" />\n    <div class=\"comments__toolbar\">\n      <m-one-context-menu name=\"comments_feed_actions\" (action)=\"onMenuAction($event)\" />\n      <m-one-button name=\"post\" [disabled]=\"!draft().trim() || submitting()\" (clicked)=\"submit()\" />\n    </div>\n  </div>\n\n  <!-- \u2500\u2500 Items list \u2500\u2500 -->\n  @if (loading()) {\n    <div class=\"comments__loading\">{{ 'loading' | translate }}</div>\n  } @else if (items().length) {\n    <div class=\"comments__list\">\n      @for (item of items(); track item.kind === 'comment' ? item.id : 'cursor_' + item.token) {\n        @if (item.kind === 'comment') {\n          <m-comment-item\n            [comment]=\"item\"\n            [showReplies]=\"expandedId() === item.id\"\n            [isReplying]=\"replyingToId() === item.id\"\n            (reply)=\"onReply($event)\"\n            (cancelReply)=\"cancelReply()\"\n            (toggleReplies)=\"onToggleReplies(item.id)\"\n            (deleted)=\"onDelete($event)\"\n          />\n        } @else {\n          <div class=\"comments__load-more-wrapper\">\n            <m-button\n              [config]=\"loadMoreConfigs().get(item.token)\"\n              [disabled]=\"store.isExpanding(item.token)\"\n              (clicked)=\"expand(item.token)\"\n            />\n          </div>\n        }\n      }\n    </div>\n  }\n</div>\n", 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)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 12px #4169e14d}50%{transform:scale(.92);box-shadow:0 2px 6px #4169e133}to{transform:scale(1);box-shadow:0 4px 12px #4169e14d}}.comments{display:flex;flex-direction:column;gap:1.5rem;width:100%}.comments__list{display:flex;flex-direction:column;gap:1.5rem}.comments__loading{text-align:center;color:var(--m-text-tertiary);font-size:.85rem;font-weight:500;letter-spacing:.02em;position:relative;overflow:hidden}.comments__loading:after{content:\"\";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--m-mm) 5%,transparent),transparent);animation:shimmer 2s infinite}.comments__compose{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;position:relative}.comments__compose .m-textarea-input{--m-textarea-input-background: transparent;--m-textarea-input-border: none;--m-textarea-input-padding: 0;--m-textarea-input-shadow: none;width:100%}.comments__compose .m-textarea-input textarea{width:100%;font-size:.95rem;color:var(--m-text);min-height:80px;resize:none;line-height:1.6}.comments__compose .m-textarea-input textarea::placeholder{color:var(--m-text-tertiary);opacity:.7}.comments__toolbar{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;width:100%;transition:all .3s ease}.comments__load-more-wrapper{width:100%;padding:1rem;background:color-mix(in srgb,var(--m-border) 20%,transparent);border:1px solid var(--m-border);border-radius:.375rem;color:var(--m-text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.comments__load-more-wrapper .m-button{padding:0;font-size:inherit;background:transparent}.comments__load-more-wrapper:hover:not([disabled]){background:var(--m-frame);border-color:var(--m-mm);color:var(--m-mm);box-shadow:0 4px 12px #0000000d}.comments__load-more-wrapper[disabled]{opacity:.5;cursor:not-allowed}\n"], dependencies: [{ kind: "component", type: CommentItemComponent, selector: "m-comment-item", inputs: ["comment", "showReplies", "isReplying"], outputs: ["reply", "cancelReply", "toggleReplies", "deleted"] }, { kind: "component", type: TextareaInputComponent, selector: "m-textarea-input" }, { 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: "component", type: ContextMenuComponent, selector: "m-context-menu, m-one-context-menu", inputs: ["toggle", "remote", "exclude", "visibilityRule", "disableRule", "extraData", "inverted"], outputs: ["toggleChange", "action"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: CommentsComponent, decorators: [{
             type: Component,
@@ -34866,7 +34961,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
                         TextareaInputComponent,
                         TranslatePipe,
                         ButtonComponent,
-                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<div class=\"comments\">\n  <!-- \u2500\u2500 Compose box \u2500\u2500 -->\n  <div class=\"comments__compose\">\n    <m-textarea-input [config]=\"textareaConfig\" [(value)]=\"draft\" [disabled]=\"submitting()\" />\n    <div class=\"comments__toolbar\">\n      <m-one-button name=\"post\" [disabled]=\"!draft().trim() || submitting()\" (clicked)=\"submit()\" />\n    </div>\n  </div>\n\n  <!-- \u2500\u2500 Items list \u2500\u2500 -->\n  @if (loading()) {\n    <div class=\"comments__loading\">{{ 'loading' | translate }}</div>\n  } @else if (items().length) {\n    <div class=\"comments__list\">\n      @for (item of items(); track item.kind === 'comment' ? item.id : 'cursor_' + item.token) {\n        @if (item.kind === 'comment') {\n          <m-comment-item\n            [comment]=\"item\"\n            [showReplies]=\"expandedId() === item.id\"\n            [isReplying]=\"replyingToId() === item.id\"\n            (reply)=\"onReply($event)\"\n            (cancelReply)=\"cancelReply()\"\n            (toggleReplies)=\"onToggleReplies(item.id)\"\n            (deleted)=\"onDelete($event)\"\n          />\n        } @else {\n          <div class=\"comments__load-more-wrapper\">\n            <m-button\n              [config]=\"store.isExpanding(item.token) ? { icon: 'reset' } : { label: 'load-more-comments' }\"\n              [disabled]=\"store.isExpanding(item.token)\"\n              (clicked)=\"expand(item.token)\"\n            />\n          </div>\n        }\n      }\n    </div>\n  }\n</div>\n", 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)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 12px #4169e14d}50%{transform:scale(.92);box-shadow:0 2px 6px #4169e133}to{transform:scale(1);box-shadow:0 4px 12px #4169e14d}}.comments{display:flex;flex-direction:column;gap:1.5rem;width:100%}.comments__list{display:flex;flex-direction:column;gap:1.5rem}.comments__loading{text-align:center;color:var(--m-text-tertiary);font-size:.85rem;font-weight:500;letter-spacing:.02em;position:relative;overflow:hidden}.comments__loading:after{content:\"\";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--m-mm) 5%,transparent),transparent);animation:shimmer 2s infinite}.comments__compose{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;position:relative}.comments__compose .m-textarea-input{--m-textarea-input-background: transparent;--m-textarea-input-border: none;--m-textarea-input-padding: 0;--m-textarea-input-shadow: none;width:100%}.comments__compose .m-textarea-input textarea{width:100%;font-size:.95rem;color:var(--m-text);min-height:80px;resize:none;line-height:1.6}.comments__compose .m-textarea-input textarea::placeholder{color:var(--m-text-tertiary);opacity:.7}.comments__toolbar{display:flex;align-items:center;justify-content:flex-end;width:100%;transition:all .3s ease}.comments__load-more-wrapper{width:100%;padding:1rem;background:color-mix(in srgb,var(--m-border) 20%,transparent);border:1px solid var(--m-border);border-radius:.375rem;color:var(--m-text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.comments__load-more-wrapper .m-button{padding:0;font-size:inherit;background:transparent}.comments__load-more-wrapper:hover:not([disabled]){background:var(--m-frame);border-color:var(--m-mm);color:var(--m-mm);box-shadow:0 4px 12px #0000000d}.comments__load-more-wrapper[disabled]{opacity:.5;cursor:not-allowed}\n"] }]
+                        ContextMenuComponent,
+                    ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        tabindex: '-1',
+                        '(keydown)': 'onKeyDown($event)',
+                    }, template: "<div class=\"comments\">\n  <!-- \u2500\u2500 Compose box \u2500\u2500 -->\n  <div class=\"comments__compose\">\n    <m-textarea-input [config]=\"textareaConfig\" [(value)]=\"draft\" [disabled]=\"submitting()\" />\n    <div class=\"comments__toolbar\">\n      <m-one-context-menu name=\"comments_feed_actions\" (action)=\"onMenuAction($event)\" />\n      <m-one-button name=\"post\" [disabled]=\"!draft().trim() || submitting()\" (clicked)=\"submit()\" />\n    </div>\n  </div>\n\n  <!-- \u2500\u2500 Items list \u2500\u2500 -->\n  @if (loading()) {\n    <div class=\"comments__loading\">{{ 'loading' | translate }}</div>\n  } @else if (items().length) {\n    <div class=\"comments__list\">\n      @for (item of items(); track item.kind === 'comment' ? item.id : 'cursor_' + item.token) {\n        @if (item.kind === 'comment') {\n          <m-comment-item\n            [comment]=\"item\"\n            [showReplies]=\"expandedId() === item.id\"\n            [isReplying]=\"replyingToId() === item.id\"\n            (reply)=\"onReply($event)\"\n            (cancelReply)=\"cancelReply()\"\n            (toggleReplies)=\"onToggleReplies(item.id)\"\n            (deleted)=\"onDelete($event)\"\n          />\n        } @else {\n          <div class=\"comments__load-more-wrapper\">\n            <m-button\n              [config]=\"loadMoreConfigs().get(item.token)\"\n              [disabled]=\"store.isExpanding(item.token)\"\n              (clicked)=\"expand(item.token)\"\n            />\n          </div>\n        }\n      }\n    </div>\n  }\n</div>\n", 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)}}@keyframes shimmer{0%{left:-100%}to{left:100%}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 4px 12px #4169e14d}50%{transform:scale(.92);box-shadow:0 2px 6px #4169e133}to{transform:scale(1);box-shadow:0 4px 12px #4169e14d}}.comments{display:flex;flex-direction:column;gap:1.5rem;width:100%}.comments__list{display:flex;flex-direction:column;gap:1.5rem}.comments__loading{text-align:center;color:var(--m-text-tertiary);font-size:.85rem;font-weight:500;letter-spacing:.02em;position:relative;overflow:hidden}.comments__loading:after{content:\"\";position:absolute;top:0;left:-100%;width:50%;height:100%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--m-mm) 5%,transparent),transparent);animation:shimmer 2s infinite}.comments__compose{display:flex;flex-direction:column;gap:1rem;padding-top:1rem;position:relative}.comments__compose .m-textarea-input{--m-textarea-input-background: transparent;--m-textarea-input-border: none;--m-textarea-input-padding: 0;--m-textarea-input-shadow: none;width:100%}.comments__compose .m-textarea-input textarea{width:100%;font-size:.95rem;color:var(--m-text);min-height:80px;resize:none;line-height:1.6}.comments__compose .m-textarea-input textarea::placeholder{color:var(--m-text-tertiary);opacity:.7}.comments__toolbar{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;width:100%;transition:all .3s ease}.comments__load-more-wrapper{width:100%;padding:1rem;background:color-mix(in srgb,var(--m-border) 20%,transparent);border:1px solid var(--m-border);border-radius:.375rem;color:var(--m-text-secondary);font-size:.85rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .2s}.comments__load-more-wrapper .m-button{padding:0;font-size:inherit;background:transparent}.comments__load-more-wrapper:hover:not([disabled]){background:var(--m-frame);border-color:var(--m-mm);color:var(--m-mm);box-shadow:0 4px 12px #0000000d}.comments__load-more-wrapper[disabled]{opacity:.5;cursor:not-allowed}\n"] }]
         }], ctorParameters: () => [], propDecorators: { id: [{ type: i0.Input, args: [{ isSignal: true, alias: "id", required: true }] }], isNested: [{ type: i0.Input, args: [{ isSignal: true, alias: "isNested", required: false }] }] } });
 
 const FALLBACK_ICON = 'apps';
@@ -35034,4 +35133,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  */
 
 export { DEFAULT_NAV_PARAM 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_RANGE_MODE as Z, DEFAULT_FILTER_VARIANT as _, BaseTextInputComponent as a, MurlUrlSerializer as a$, DEFAULT_NAV_SEGMENT as a0, DEFAULT_SIZE as a1, DashboardCardComponent as a2, DateInputComponent as a3, DatePickerComponent as a4, DeviceService as a5, DomService as a6, Domain as a7, DotGridComponent as a8, DragListDirective as a9, InputType as aA, InstrumentScoreComponent as aB, InterceptorObservables as aC, JumbotronComponent as aD, KeyValueComponent as aE, LAYOUT_ASSET_FOLDER as aF, LOGIN_COMPONENT as aG, LOGIN_STORE as aH, LanguageComponent as aI, ListComponent as aJ, LogoComponent as aK, MAG_SOCKET_EVENT as aL, MHeroColorDirective as aM, MHeroComponent as aN, MODAL_REF as aO, MODAL_STORE_REF as aP, MRefDirective as aQ, MStepComponent as aR, MURL_PARAM as aS, MURL_SEP as aT, ManifestEnrichmentService as aU, MenuComponent as aV, ModalDirective as aW, ModalRef as aX, ModalStore as aY, MoneyPipe as aZ, MultiRangeInputComponent as a_, DragListItemDirective as aa, DraggableDirective as ab, DropdownInputComponent as ac, FILTER_GROUP_CONTEXT as ad, FILTER_RANGE_MODES as ae, FILTER_VARIANTS as af, FLEX_VARIANTS as ag, FOLDER_PICK_LISTENER as ah, FORM_ASSET_FOLDER as ai, FileService as aj, FileUploadDirective as ak, FileUploadInputComponent as al, FlexComponent as am, FlexItemComponent as an, FormGroupComponent as ao, FrameComponent as ap, FreezeService as aq, GRID_BREAKPOINTS as ar, GetNavService as as, HeaderComponent$1 as at, HighlightDirective as au, HttpService as av, ICON_SOURCE as aw, IS_SIDE_PANEL as ax, IconComponent as ay, ImgComponent as az, TextOutputComponent as b, SectionAccordionGroupDirective as b$, NAV_DEFAULT_MURL as b0, NAV_ID_SEP as b1, NAV_MAIN_BUTTONS as b2, NAV_SEGMENT_RE as b3, NAV_STORE_REF as b4, NAV_WC_COMPONENTS as b5, NAV_WIDGET_MAP as b6, NavComponent as b7, NavDetailsComponent as b8, NavHeaderComponent as b9, PlaygroundComponent as bA, PositionDirective as bB, PwaInstallComponent as bC, ROOT_NAV$1 as bD, RadioGroupComponent as bE, RadioInputComponent as bF, RangeInputComponent as bG, RatingInputComponent as bH, ReactiveElementComponent as bI, RemoteComponent as bJ, RemoteLoaderService as bK, ResizeElementComponent as bL, RouteContainer as bM, RowComponent as bN, SEARCH_QUERY as bO, SEARCH_RESULTS_EVENT as bP, SECTION_ACCORDION_GROUP as bQ, SECTION_FORM_CONTEXT as bR, SHARED_ICONS as bS, SIZE_CONTEXT as bT, ScoreComponent as bU, ScrollComponent as bV, ScrollService as bW, SearchPanelComponent as bX, SearchStore as bY, SearchUserPanelComponent as bZ, SectionAccordionDirective as b_, NavMenuComponent as ba, NavStore as bb, NavTrailComponent as bc, NothingComponent as bd, NotificationElementComponent as be, NotificationGroupComponent as bf, NotificationPopupComponent as bg, NotificationService as bh, NotificationStore as bi, NotificationType as bj, NotificationWidgetComponent as bk, ONE_ASSET_BASE_URL as bl, OPTIONS_SOURCE as bm, OVERLAY_WIDGETS as bn, OneApp as bo, OptionsSourceDirective as bp, OverlayBodyComponent as bq, OverlayRef as br, OverlayService as bs, PLATFORM_BUTTON_NAV_IDS as bt, PLATFORM_EXTENSIBLE_NAV_IDS as bu, PLATFORM_NAV_MAP as bv, PLATFORM_ROOT_CHILDREN as bw, PaginationComponent as bx, PanelComponent as by, PercentagePipe as bz, ButtonComponent as c, USER_STORE_REF as c$, SectionBackComponent as c0, SectionBadgesComponent as c1, SectionButtonGroupComponent as c2, SectionCardComponent as c3, SectionCarouselComponent as c4, SectionComponent as c5, SectionFilterComponent as c6, SectionFilterGroupComponent as c7, SectionFilterMenuComponent as c8, SectionFilterPanelComponent as c9, StorageService as cA, StrokeLinecap as cB, StrokeLinejoin as cC, SummaryComponent as cD, SvgGeneratorComponent as cE, SvgGeneratorService as cF, SvgService as cG, TOTAL_COLUMNS as cH, TRANSLATION_SOURCE as cI, TableComponent as cJ, TechnicalMeterComponent as cK, TextInputComponent as cL, TextareaInputComponent as cM, ThemeComponent as cN, ThemeDataService as cO, ThemeService as cP, ThemeStore as cQ, TimeAgoPipe as cR, TimelineComponent as cS, ToggleButtonComponent as cT, ToggleInputComponent as cU, ToggleRadioInputComponent as cV, ToolTipDirective as cW, TooltipComponent as cX, TranslateService as cY, TreeGridComponent as cZ, URL_SEP as c_, SectionFilterRangePanelComponent as ca, SectionFooterComponent as cb, SectionFormComponent as cc, SectionFormItemComponent as cd, SectionHeaderComponent as ce, SectionHeroComponent as cf, SectionPaginationComponent as cg, SectionSearchComponent as ch, SectionStepperComponent as ci, SectionTabsComponent as cj, SectionToggleComponent as ck, SectionToggleItemDirective as cl, SelectableCardInputComponent as cm, SelectorDirective as cn, SettingsSearchBarComponent as co, SettingsSearchService as cp, ShapeComponent as cq, SharedStoreRegistry as cr, SidePanelDirective as cs, Size as ct, SocketStore as cu, SortComponent as cv, StatComponent as cw, StepComponent as cx, StepperComponent as cy, StepsComponent as cz, APP_CONTEXT_REF as d, getTreeGridRow as d$, USER_TAB_MAP as d0, UniverseComponent as d1, UserApiService as d2, UserAvatarComponent as d3, UserComponent as d4, UserNavComponent as d5, UserSettingsComponent as d6, UserStore as d7, WC_ROUTE_CHANGED_EVENT as d8, WC_SEARCH_GROUPS as d9, derivePropertyName as dA, emailValidation as dB, evaluate as dC, evaluateBool as dD, filterHoldsList as dE, filterHoldsOneBound as dF, filterHoldsOptions as dG, filterHoldsRange as dH, filterList as dI, filterNumber as dJ, filterNumberList as dK, filterOne as dL, filterPanelOf as dM, filterPanelWidth as dN, filterRange as dO, filterTreeGridRows as dP, filterValueList as dQ, filterValues as dR, flattenTreeGridRows as dS, formatBadgeCount as dT, fullName as dU, generateClipPath as dV, generateTransform as dW, getClassList as dX, getProperty as dY, getScrollParent as dZ, getTierFromPreviewPath as d_, WIN_USER_TAB_HOOK as da, WIN_USER_TAB_KEY as db, WatermarkComponent as dc, WcRouterStore as dd, WrapperInputComponent as de, anchorNavId as df, applyColorsToElement as dg, assetOptions as dh, bootstrapMagApp as di, bootstrapPwaInstall as dj, buildWcBaseUrl as dk, calculateLuminance as dl, calculateRanks as dm, cellText as dn, checkFilterCondition as dp, childNavId as dq, classListSignal as dr, coerceSize as ds, cornerEdge as dt, cornerSide as du, createMap as dv, createPlatformNavMap as dw, deriveAvatarGradient as dx, deriveContrastColor as dy, deriveOppositeColor as dz, ASSET_BASE_URL as e, provideMagAppConfig as e$, getUniqueId as e0, getValue as e1, hasErrorComputed as e2, hexToRgb as e3, hslToRgb$1 as e4, initMagmoniumApp as e5, initialNotificationState as e6, initialState$2 as e7, initials as e8, injectAuthenticate as e9, maxValidation as eA, mergePlatformNav as eB, mergeUnique as eC, mergeUniqueBy as eD, mergeUniqueWith as eE, minAgeValidation as eF, minLengthValidation as eG, minValidation as eH, miniMarkToHtml as eI, navIdChain as eJ, navIdFor as eK, navIdSegment as eL, navIdToRoutePath as eM, navIdToSegments as eN, navParamOf as eO, navToId as eP, normalizeAssetOptions as eQ, parentNavId as eR, parseAddress as eS, parseColor as eT, parsePatternNames as eU, patternValidation as eV, patternsValidation as eW, platformNavWidgets as eX, privateGuard as eY, processImageToSvg as eZ, provideAppContext as e_, injectInstallApp as ea, injectParentSize as eb, injectScrollSticky as ec, isButtonName as ed, isCancelledComputed as ee, isExtensiblePlatformNavId as ef, isJson as eg, isLoadingComputed as eh, isLocalhost as ei, isNavInstanceConfig as ej, isNavMenuConfig as ek, isNavRowsConfig as el, isPlatformNavId as em, isSize as en, isTierPreview as eo, isUrlLocalhost as ep, isValidNavId as eq, isValidNavSegment as er, isWebComponent as es, linkToId as et, linkToNav as eu, loadingActions as ev, mInterceptor as ew, manualValidation as ex, matchFieldValidation as ey, maxLengthValidation as ez, AccordionBodyDirective as f, provideMagWcConfig as f0, provideMagWcRoutes as f1, provideModalComponents as f2, provideMurlUrlSerializer as f3, provideNavWidgets as f4, provideOverlayWidgets as f5, providePlatformNavWidgets as f6, provideSearch as f7, provideSizeContext as f8, provideUserTabs as f9, toLocalNavId as fA, toggleTreeGridRow as fB, unfetchedPlatformNav as fC, urlValidation as fD, publicGuard as fa, readFieldPatterns as fb, renderAddress as fc, requiredValidation as fd, resolveConfigAsset as fe, resolveIconSize as ff, resolvePallet as fg, resolvePatternRules as fh, resolveSize as fi, rgbToHex as fj, rgbToHsl as fk, rowHasChildren as fl, samePatterns as fm, segmentsToNavId as fn, setProperty as fo, setTreeGridChildren as fp, settingsWidgets as fq, shouldShowBadge as fr, splitNavId as fs, splitOnMatch as ft, stringToColor as fu, toAttrBool as fv, toAttrNumber as fw, toCssLength as fx, toHostNavId as fy, toLength$1 as fz, 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-CSXqQSjH.mjs.map
+//# sourceMappingURL=magmonium-one-magmonium-one-BLBwZo0x.mjs.map