@magmonium/one 0.2.56 → 0.2.58

package/fesm2022/{magmonium-one-magmonium-one-BZrtlbjm.mjs → magmonium-one-magmonium-one-DxFk01q8.mjs}

@@ -6990,7 +6990,7 @@ class SectionFormItemComponent extends ConfigComponent {
                     break;
                 }
                 case InputType.TOGGLE: {
-                    const { ToggleInputComponent } = await import('./magmonium-one-toggle-khCGhwEP.mjs');
+                    const { ToggleInputComponent } = await import('./magmonium-one-toggle-Bfn2C1KU.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-BhiS6qfY.mjs');
+                    const { PasswordInputComponent } = await import('./magmonium-one-password-BIoFDMJe.mjs');
                     this.createDynamicComponent(seq, PasswordInputComponent);
                     break;
                 }
                 case InputType.OTP: {
-                    const { OtpInputComponent } = await import('./magmonium-one-otp-R0jo2bvP.mjs');
+                    const { OtpInputComponent } = await import('./magmonium-one-otp-IXhseA5Z.mjs');
                     this.createDynamicComponent(seq, OtpInputComponent);
                     break;
                 }
@@ -10688,11 +10688,20 @@ class AutosizeDirective {
         if (this._el.nativeElement.offsetParent != null)
             setTimeout(this.#adjust);
     }
+    // `0px`, not `auto`, as the height the text is measured against. `auto` is an
+    // indefinite cross size, so any ancestor that stretches its children —
+    // `.m-section__body` is `align-items: stretch`, and a Screen nests those —
+    // resolves it to the stretched box, and `scrollHeight` then reports that
+    // box rather than the text in it. Written back on every `ngAfterViewChecked`,
+    // that ratchets the field up to whatever caps the chain: inside a Modal, the
+    // pop-up's own `max-height`, at which point the field *is* the modal and the
+    // Screen around it is scrolled out of reach. `0px` is definite, so nothing
+    // stretches it and `scrollHeight` is the content alone.
     #adjust = () => {
-        this._el.nativeElement.style.overflow = 'hidden';
-        this._el.nativeElement.style.height = 'auto';
-        this._el.nativeElement.style.height =
-            this._el.nativeElement.scrollHeight + 'px';
+        const el = this._el.nativeElement;
+        el.style.overflow = 'hidden';
+        el.style.height = '0px';
+        el.style.height = `${el.scrollHeight}px`;
     };
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: AutosizeDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
     static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.9", type: AutosizeDirective, isStandalone: true, selector: "[mAutosize]", host: { listeners: { "input": "onInput()", "window:resize": "onInput()" } }, ngImport: i0 });
@@ -16019,6 +16028,13 @@ const ModalStore = signalStore({ providedIn: 'root' }, withState(initialModalSta
         if (!modalId) {
             return;
         }
+        // A modal that has already gone. Closing it again is what a body and its
+        // own close affordance both doing their job looks like (ADR 0031), and
+        // the state patch below would hand `activeModal` to somebody else's
+        // overlay, so the second call answers nothing.
+        if (id && !modalTriggerMap[id]) {
+            return;
+        }
         domService.destroy({
             componentRef: modalTriggerMap[modalId]?.ref,
             parentClassName: state.parentClassName(),
@@ -16134,6 +16150,11 @@ const ModalStore = signalStore({ providedIn: 'root' }, withState(initialModalSta
         if (!panelId) {
             return;
         }
+        // A panel that has already gone — `close`'s reason, and here it would
+        // also promote a DockedPanel a second time.
+        if (id && !panelTriggerMap[id]) {
+            return;
+        }
         const closing = panelTriggerMap[panelId];
         domService.destroy({
             componentRef: closing?.ref,
@@ -16239,10 +16260,18 @@ const ModalStore = signalStore({ providedIn: 'root' }, withState(initialModalSta
             inputBinding('inputs', () => trigger.inputs ?? {}),
         ];
         // Its own ModalRef, the way each directive mints one: the body closes
-        // itself through this, and nothing here is listening for the result.
-        const providers = [{ provide: MODAL_REF, useValue: new ModalRef() }];
+        // itself through this. Nothing here listens for the *result* — a store
+        // has nowhere to put a panel's answer — but the close dismisses, which is
+        // the whole of what a body opened this way can ask for (ADR 0031).
+        const modalRef = new ModalRef();
+        // What the body answered reaches the caller either way (ADR 0031): a
+        // `change` reports and the overlay stays, a `close` reports and then it
+        // goes. The order on a close is deliberate — a handler that reads the
+        // Screen it opened must run while that Screen is still there.
+        modalRef.onChange((result) => trigger.onResult?.(result));
+        const providers = [{ provide: MODAL_REF, useValue: modalRef }];
         if (trigger.as === 'side_panel') {
-            return openPanel({
+            const panelId = openPanel({
                 component: overlayBodyComp,
                 bindings,
                 providers,
@@ -16252,13 +16281,37 @@ const ModalStore = signalStore({ providedIn: 'root' }, withState(initialModalSta
                 dock: trigger.dock,
                 closeProhibited: trigger.closeProhibited,
             });
+            modalRef.onClose((result) => {
+                trigger.onResult?.(result);
+                closePanel(panelId);
+            });
+            return panelId;
         }
-        return open({
+        const modalId = open({
             component: overlayBodyComp,
             bindings,
             providers,
             config: trigger.config,
         });
+        modalRef.onClose((result) => {
+            trigger.onResult?.(result);
+            close(modalId);
+        });
+        return modalId;
+    };
+    /**
+     * Closes the overlay with this id, whichever kind it is — what a caller
+     * holding only what `openScreen` returned can say (ADR 0031). Nothing for
+     * an id nothing answers to, which is what a body that already closed itself
+     * leaves behind.
+     */
+    const dismiss = (id) => {
+        if (state.modalTriggerMap()[id]) {
+            close(id);
+            return;
+        }
+        if (state.panelTriggerMap()[id])
+            closePanel(id);
     };
     // The callback form, kept for every caller drawn against it. One
     // implementation underneath: a refusal runs nothing, which is what an
@@ -16272,6 +16325,7 @@ const ModalStore = signalStore({ providedIn: 'root' }, withState(initialModalSta
     return {
         open,
         close,
+        dismiss,
         ask,
         confirm,
         openScreen,
@@ -20716,7 +20770,7 @@ class WrapperInputComponent extends ConfigComponent {
                 break;
             }
             case InputType.TOGGLE: {
-                const { ToggleInputComponent } = await import('./magmonium-one-toggle-khCGhwEP.mjs');
+                const { ToggleInputComponent } = await import('./magmonium-one-toggle-Bfn2C1KU.mjs');
                 this.createDynamicComponent(seq, ToggleInputComponent, [], true);
                 break;
             }
@@ -20728,12 +20782,12 @@ class WrapperInputComponent extends ConfigComponent {
                 break;
             }
             case InputType.PASSWORD: {
-                const { PasswordInputComponent } = await import('./magmonium-one-password-BhiS6qfY.mjs');
+                const { PasswordInputComponent } = await import('./magmonium-one-password-BIoFDMJe.mjs');
                 this.createDynamicComponent(seq, PasswordInputComponent);
                 break;
             }
             case InputType.OTP: {
-                const { OtpInputComponent } = await import('./magmonium-one-otp-R0jo2bvP.mjs');
+                const { OtpInputComponent } = await import('./magmonium-one-otp-IXhseA5Z.mjs');
                 this.createDynamicComponent(seq, OtpInputComponent);
                 break;
             }
@@ -28882,7 +28936,7 @@ class ModalComponent extends ConfigComponent {
         </div>
       </div>
     }
-  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;height:100%}.pop-up{--m-modal-size: 2.5rem;position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pop-up__close{position:absolute;padding:1em;z-index:2;right:0;top:0}.pop-up__content{display:flex;align-items:center;justify-content:center;background:var(--m-backdrop-card);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--m-border);border-radius:4px;width:min(100% - 2rem,var(--m-modal-max-width, 440px));max-width:var(--m-modal-max-width, 440px);max-height:90vh;overflow:auto;position:relative;animation:modalPopIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.pop-up.align-bottom{align-items:flex-end}.pop-up.align-bottom .pop-up__content{border-bottom-left-radius:0;border-bottom-right-radius:0;border-left:none;border-right:none;border-bottom:none;width:100%;max-width:100%}.pop-up.full-screen{align-items:flex-end}.pop-up.full-screen .pop-up__content{width:100%;max-width:100%;height:calc(100% - var(--m-modal-size) * 3);max-height:calc(100% - var(--m-modal-size) * 3)}@media(min-width:1200px){.pop-up.full-screen{align-items:flex-end}.pop-up.full-screen .pop-up__content{width:calc(100% - var(--m-modal-size) * 2);max-width:calc(100% - var(--m-modal-size) * 2);height:calc(100% - var(--m-modal-size) * 3);max-height:calc(100% - var(--m-modal-size) * 3)}}.pop-up.no-backdrop+.modal{-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes modalPopIn{0%{transform:scale(.9) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}\n"], dependencies: [{ kind: "directive", type: DraggableDirective, selector: "[mDraggable]", inputs: ["mDraggable", "handleSelector", "min", "max", "pos"], outputs: ["mDraggableChange", "dragStart", "dragEnd"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;height:100%}.pop-up{--m-modal-size: 2.5rem;position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pop-up__close{position:absolute;padding:1em;z-index:2;right:0;top:0}.pop-up__content{display:block;width:min(100% - 2rem,var(--m-modal-max-width, 440px));max-width:var(--m-modal-max-width, 440px);max-height:90vh;overflow:auto;position:relative;animation:modalPopIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.pop-up.align-bottom{align-items:flex-end}.pop-up.align-bottom .pop-up__content{border-bottom-left-radius:0;border-bottom-right-radius:0;border-left:none;border-right:none;border-bottom:none;width:100%;max-width:100%}.pop-up.full-screen{align-items:flex-end}.pop-up.full-screen .pop-up__content{width:100%;max-width:100%;height:calc(100% - var(--m-modal-size) * 3);max-height:calc(100% - var(--m-modal-size) * 3)}@media(min-width:1200px){.pop-up.full-screen{align-items:flex-end}.pop-up.full-screen .pop-up__content{width:calc(100% - var(--m-modal-size) * 2);max-width:calc(100% - var(--m-modal-size) * 2);height:calc(100% - var(--m-modal-size) * 3);max-height:calc(100% - var(--m-modal-size) * 3)}}.pop-up.no-backdrop+.modal{-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes modalPopIn{0%{transform:scale(.9) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}\n"], dependencies: [{ kind: "directive", type: DraggableDirective, selector: "[mDraggable]", inputs: ["mDraggable", "handleSelector", "min", "max", "pos"], outputs: ["mDraggableChange", "dragStart", "dragEnd"] }, { kind: "component", type: IconComponent, selector: "m-icon, m-one-icon", inputs: ["config", "name", "color", "size", "one", "baseUrl", "remote"], outputs: ["configChange"] }, { kind: "component", type: ButtonComponent, selector: "m-button,m-one-button", inputs: ["config", "color", "labelClass", "fullWidth", "nav", "navParams", "href", "disabled", "variant", "name", "baseUrl", "one", "remote", "label", "noTranslate", "params", "noNative", "icon", "isRightIcon", "iconOnly", "stacked", "imgSrc", "nonClickable", "inverted", "isSubmit", "tabindex"], outputs: ["configChange", "clicked"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ModalComponent, decorators: [{
             type: Component,
@@ -28911,7 +28965,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
         </div>
       </div>
     }
-  `, imports: [DraggableDirective, IconComponent, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;height:100%}.pop-up{--m-modal-size: 2.5rem;position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pop-up__close{position:absolute;padding:1em;z-index:2;right:0;top:0}.pop-up__content{display:flex;align-items:center;justify-content:center;background:var(--m-backdrop-card);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--m-border);border-radius:4px;width:min(100% - 2rem,var(--m-modal-max-width, 440px));max-width:var(--m-modal-max-width, 440px);max-height:90vh;overflow:auto;position:relative;animation:modalPopIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.pop-up.align-bottom{align-items:flex-end}.pop-up.align-bottom .pop-up__content{border-bottom-left-radius:0;border-bottom-right-radius:0;border-left:none;border-right:none;border-bottom:none;width:100%;max-width:100%}.pop-up.full-screen{align-items:flex-end}.pop-up.full-screen .pop-up__content{width:100%;max-width:100%;height:calc(100% - var(--m-modal-size) * 3);max-height:calc(100% - var(--m-modal-size) * 3)}@media(min-width:1200px){.pop-up.full-screen{align-items:flex-end}.pop-up.full-screen .pop-up__content{width:calc(100% - var(--m-modal-size) * 2);max-width:calc(100% - var(--m-modal-size) * 2);height:calc(100% - var(--m-modal-size) * 3);max-height:calc(100% - var(--m-modal-size) * 3)}}.pop-up.no-backdrop+.modal{-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes modalPopIn{0%{transform:scale(.9) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}\n"] }]
+  `, imports: [DraggableDirective, IconComponent, ButtonComponent], changeDetection: ChangeDetectionStrategy.OnPush, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;height:100%}.pop-up{--m-modal-size: 2.5rem;position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.pop-up__close{position:absolute;padding:1em;z-index:2;right:0;top:0}.pop-up__content{display:block;width:min(100% - 2rem,var(--m-modal-max-width, 440px));max-width:var(--m-modal-max-width, 440px);max-height:90vh;overflow:auto;position:relative;animation:modalPopIn .5s cubic-bezier(.34,1.56,.64,1) forwards}.pop-up.align-bottom{align-items:flex-end}.pop-up.align-bottom .pop-up__content{border-bottom-left-radius:0;border-bottom-right-radius:0;border-left:none;border-right:none;border-bottom:none;width:100%;max-width:100%}.pop-up.full-screen{align-items:flex-end}.pop-up.full-screen .pop-up__content{width:100%;max-width:100%;height:calc(100% - var(--m-modal-size) * 3);max-height:calc(100% - var(--m-modal-size) * 3)}@media(min-width:1200px){.pop-up.full-screen{align-items:flex-end}.pop-up.full-screen .pop-up__content{width:calc(100% - var(--m-modal-size) * 2);max-width:calc(100% - var(--m-modal-size) * 2);height:calc(100% - var(--m-modal-size) * 3);max-height:calc(100% - var(--m-modal-size) * 3)}}.pop-up.no-backdrop+.modal{-webkit-backdrop-filter:none;backdrop-filter:none}@keyframes modalPopIn{0%{transform:scale(.9) translateY(40px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}\n"] }]
         }], ctorParameters: () => [], propDecorators: { component: [{ type: i0.Input, args: [{ isSignal: true, alias: "component", required: false }] }], bindings: [{ type: i0.Input, args: [{ isSignal: true, alias: "bindings", required: false }] }], providers: [{ type: i0.Input, args: [{ isSignal: true, alias: "providers", required: false }] }], instanceId: [{ type: i0.Input, args: [{ isSignal: true, alias: "instanceId", required: true }] }], bodyContainer: [{ type: i0.ViewChild, args: ['body', { ...{
                             read: ViewContainerRef,
                         }, isSignal: true }] }] } });
@@ -29101,7 +29155,9 @@ class OverlayBodyComponent {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OverlayBodyComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
     static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.9", type: OverlayBodyComponent, isStandalone: true, selector: "m-overlay-body", inputs: { form: { classPropertyName: "form", publicName: "form", isSignal: true, isRequired: false, transformFunction: null }, tag: { classPropertyName: "tag", publicName: "tag", isSignal: true, isRequired: false, transformFunction: null }, widget: { classPropertyName: "widget", publicName: "widget", isSignal: true, isRequired: false, transformFunction: null }, inputs: { classPropertyName: "inputs", publicName: "inputs", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
     @if (form(); as f) {
-      <m-form [name]="f" />
+      <div class="overlay-body__card">
+        <m-form [name]="f" />
+      </div>
     } @else if (loaded(); as widget) {
       <ng-container
         [ngComponentOutlet]="widget"
@@ -29110,15 +29166,15 @@ class OverlayBodyComponent {
     } @else if (readyTag(); as t) {
       <m-ce-outlet [tag]="t" />
     }
-  `, isInline: true, dependencies: [{ kind: "component", type: FormGroupComponent, selector: "m-form, m-one-form", inputs: ["data", "state", "validation", "options", "fieldConfigs", "aclResolver", "autofocus", "readonly", "fieldRenderIds", "elements", "templates", "datas", "label", "subtitle"], outputs: ["dataChange", "act", "stateChange"] }, { kind: "component", type: CeOutletComponent, selector: "m-ce-outlet", inputs: ["tag"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+  `, isInline: true, styles: ["@keyframes toggle-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes thumb-slide{0%{transform:translate(0) scale(1)}50%{transform:translate(.3em) scale(.9)}to{transform:translate(.6em) scale(1)}}:host{display:block;width:100%}.overlay-body__card{background:var(--m-backdrop-card);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--m-border);border-radius:4px}\n"], dependencies: [{ kind: "component", type: FormGroupComponent, selector: "m-form, m-one-form", inputs: ["data", "state", "validation", "options", "fieldConfigs", "aclResolver", "autofocus", "readonly", "fieldRenderIds", "elements", "templates", "datas", "label", "subtitle"], outputs: ["dataChange", "act", "stateChange"] }, { kind: "component", type: CeOutletComponent, selector: "m-ce-outlet", inputs: ["tag"] }, { kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: OverlayBodyComponent, decorators: [{
             type: Component,
-            args: [{
-                    selector: 'm-overlay-body',
-                    template: `
+            args: [{ selector: 'm-overlay-body', template: `
     @if (form(); as f) {
-      <m-form [name]="f" />
+      <div class="overlay-body__card">
+        <m-form [name]="f" />
+      </div>
     } @else if (loaded(); as widget) {
       <ng-container
         [ngComponentOutlet]="widget"
@@ -29127,10 +29183,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
     } @else if (readyTag(); as t) {
       <m-ce-outlet [tag]="t" />
     }
-  `,
-                    changeDetection: ChangeDetectionStrategy.OnPush,
-                    imports: [FormGroupComponent, CeOutletComponent, NgComponentOutlet],
-                }]
+  `, changeDetection: ChangeDetectionStrategy.OnPush, imports: [FormGroupComponent, CeOutletComponent, NgComponentOutlet], 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;width:100%}.overlay-body__card{background:var(--m-backdrop-card);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--m-border);border-radius:4px}\n"] }]
         }], ctorParameters: () => [], propDecorators: { form: [{ type: i0.Input, args: [{ isSignal: true, alias: "form", required: false }] }], tag: [{ type: i0.Input, args: [{ isSignal: true, alias: "tag", required: false }] }], widget: [{ type: i0.Input, args: [{ isSignal: true, alias: "widget", required: false }] }], inputs: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputs", required: false }] }] } });
 
 function provideModalComponents() {
@@ -29259,6 +29312,12 @@ deps) {
 class ModalDirective {
     mModal = input(...(ngDevMode ? [undefined, { debugName: "mModal" }] : /* istanbul ignore next */ []));
     closed = output();
+    /**
+     * What the body answered without dismissing — `ModalRef.change` (ADR 0031).
+     * Its own output beside `closed` because the two are different facts: one
+     * says *here is the value*, the other says *and it is gone*.
+     */
+    reported = output();
     elementRef = inject(ElementRef);
     assetStore = inject(AssetStore);
     modalStore = inject(ModalStore);
@@ -29286,7 +29345,7 @@ class ModalDirective {
     }
     open(config) {
         const modalRef = new ModalRef();
-        this.modalStore.open({
+        const id = this.modalStore.open({
             component: OverlayBodyComponent,
             bindings: [
                 inputBinding('form', () => config.form),
@@ -29298,17 +29357,23 @@ class ModalDirective {
             providers: [{ provide: MODAL_REF, useValue: modalRef }],
             config,
         });
-        modalRef.onClose((result) => this.closed.emit(result));
+        modalRef.onChange((result) => this.reported.emit(result));
+        // The body dismisses through this ref and the opener reports the result
+        // (ADR 0031): one channel, whichever end closed the overlay.
+        modalRef.onClose((result) => {
+            this.modalStore.close(id);
+            this.closed.emit(result);
+        });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ModalDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: ModalDirective, isStandalone: true, selector: "[mModal]", inputs: { mModal: { classPropertyName: "mModal", publicName: "mModal", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: ModalDirective, isStandalone: true, selector: "[mModal]", inputs: { mModal: { classPropertyName: "mModal", publicName: "mModal", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", reported: "reported" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: ModalDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mModal]',
                 }]
-        }], ctorParameters: () => [], propDecorators: { mModal: [{ type: i0.Input, args: [{ isSignal: true, alias: "mModal", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], onClick: [{
+        }], ctorParameters: () => [], propDecorators: { mModal: [{ type: i0.Input, args: [{ isSignal: true, alias: "mModal", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], reported: [{ type: i0.Output, args: ["reported"] }], onClick: [{
                 type: HostListener,
                 args: ['click', ['$event']]
             }] } });
@@ -29317,6 +29382,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
 class SidePanelDirective {
     mSidePanel = input(...(ngDevMode ? [undefined, { debugName: "mSidePanel" }] : /* istanbul ignore next */ []));
     closed = output();
+    /**
+     * What the body answered without dismissing — `ModalRef.change` (ADR 0031).
+     * Its own output beside `closed` because the two are different facts: one
+     * says *here is the value*, the other says *and it is gone*.
+     */
+    reported = output();
     elementRef = inject(ElementRef);
     assetStore = inject(AssetStore);
     modalStore = inject(ModalStore);
@@ -29344,7 +29415,7 @@ class SidePanelDirective {
     }
     open(config) {
         const modalRef = new ModalRef();
-        this.modalStore.openPanel({
+        const id = this.modalStore.openPanel({
             component: OverlayBodyComponent,
             bindings: [
                 inputBinding('form', () => config.form),
@@ -29360,17 +29431,23 @@ class SidePanelDirective {
             dock: config.dock,
             closeProhibited: config.closeProhibited,
         });
-        modalRef.onClose((result) => this.closed.emit(result));
+        modalRef.onChange((result) => this.reported.emit(result));
+        // The body dismisses through this ref and the opener reports the result
+        // (ADR 0031): one channel, whichever end closed the panel.
+        modalRef.onClose((result) => {
+            this.modalStore.closePanel(id);
+            this.closed.emit(result);
+        });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SidePanelDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: SidePanelDirective, isStandalone: true, selector: "[mSidePanel]", inputs: { mSidePanel: { classPropertyName: "mSidePanel", publicName: "mSidePanel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "21.2.9", type: SidePanelDirective, isStandalone: true, selector: "[mSidePanel]", inputs: { mSidePanel: { classPropertyName: "mSidePanel", publicName: "mSidePanel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { closed: "closed", reported: "reported" }, host: { listeners: { "click": "onClick($event)" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImport: i0, type: SidePanelDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[mSidePanel]',
                 }]
-        }], ctorParameters: () => [], propDecorators: { mSidePanel: [{ type: i0.Input, args: [{ isSignal: true, alias: "mSidePanel", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], onClick: [{
+        }], ctorParameters: () => [], propDecorators: { mSidePanel: [{ type: i0.Input, args: [{ isSignal: true, alias: "mSidePanel", required: false }] }], closed: [{ type: i0.Output, args: ["closed"] }], reported: [{ type: i0.Output, args: ["reported"] }], onClick: [{
                 type: HostListener,
                 args: ['click', ['$event']]
             }] } });
@@ -35276,4 +35353,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.9", ngImpor
  */
 
 export { DEFAULT_FILTER_VARIANT 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, ChatBubbleComponent as H, IS_DESIGN_MODE as I, CheckboxInputComponent as J, ClearableInputComponent as K, LabelComponent as L, ColComponent as M, ColorPickerInputComponent as N, CommentItemComponent as O, CommentsApiService as P, CommentsComponent as Q, CommentsStore as R, ComponentInputComponent as S, TranslatePipe as T, ComponentStepperComponent as U, ConfigComponent as V, ConfirmComponent as W, ContextMenuComponent as X, CustomIconClass as Y, CustomIconEditComponent as Z, DEFAULT_FILTER_RANGE_MODE as _, BaseTextInputComponent as a, MultiRangeInputComponent as a$, DEFAULT_NAV_PARAM as a0, DEFAULT_NAV_SEGMENT as a1, DEFAULT_SIZE as a2, DashboardCardComponent as a3, DateInputComponent as a4, DatePickerComponent as a5, DeviceService as a6, DomService as a7, Domain as a8, DotGridComponent as a9, ImgComponent as aA, InputType as aB, InstrumentScoreComponent as aC, InterceptorObservables as aD, JumbotronComponent as aE, KeyValueComponent as aF, LAYOUT_ASSET_FOLDER as aG, LOGIN_COMPONENT as aH, LOGIN_STORE as aI, LanguageComponent as aJ, ListComponent as aK, LogoComponent as aL, MAG_SOCKET_EVENT as aM, MHeroColorDirective as aN, MHeroComponent as aO, MODAL_REF as aP, MODAL_STORE_REF as aQ, MRefDirective as aR, MStepComponent as aS, MURL_PARAM as aT, MURL_SEP as aU, ManifestEnrichmentService as aV, MenuComponent as aW, ModalDirective as aX, ModalRef as aY, ModalStore as aZ, MoneyPipe as a_, DragListDirective as aa, DragListItemDirective as ab, DraggableDirective as ac, DropdownInputComponent as ad, FILTER_GROUP_CONTEXT as ae, FILTER_RANGE_MODES as af, FILTER_VARIANTS as ag, FLEX_VARIANTS as ah, FOLDER_PICK_LISTENER as ai, FORM_ASSET_FOLDER as aj, FileService as ak, FileUploadDirective as al, FileUploadInputComponent as am, FlexComponent as an, FlexItemComponent as ao, FormGroupComponent as ap, FrameComponent as aq, FreezeService as ar, GRID_BREAKPOINTS as as, GetNavService as at, HeaderComponent$1 as au, HighlightDirective as av, HttpService as aw, ICON_SOURCE as ax, IS_SIDE_PANEL as ay, IconComponent as az, TextOutputComponent as b, SectionAccordionDirective as b$, MurlUrlSerializer as b0, NAV_DEFAULT_MURL as b1, NAV_ID_SEP as b2, NAV_MAIN_BUTTONS as b3, NAV_SEGMENT_RE as b4, NAV_STORE_REF as b5, NAV_WC_COMPONENTS as b6, NAV_WIDGET_MAP as b7, NavComponent as b8, NavDetailsComponent as b9, PercentagePipe as bA, PlaygroundComponent as bB, PositionDirective as bC, PwaInstallComponent as bD, ROOT_NAV$1 as bE, RadioGroupComponent as bF, RadioInputComponent as bG, RangeInputComponent as bH, RatingInputComponent as bI, ReactiveElementComponent as bJ, RemoteComponent as bK, RemoteLoaderService as bL, ResizeElementComponent as bM, RouteContainer as bN, RowComponent as bO, SEARCH_QUERY as bP, SEARCH_RESULTS_EVENT as bQ, SECTION_ACCORDION_GROUP as bR, SECTION_FORM_CONTEXT as bS, SHARED_ICONS as bT, SIZE_CONTEXT as bU, ScoreComponent as bV, ScrollComponent as bW, ScrollService as bX, SearchPanelComponent as bY, SearchStore as bZ, SearchUserPanelComponent as b_, NavHeaderComponent as ba, NavMenuComponent as bb, NavStore as bc, NavTrailComponent as bd, NothingComponent as be, NotificationElementComponent as bf, NotificationGroupComponent as bg, NotificationPopupComponent as bh, NotificationService as bi, NotificationStore as bj, NotificationType as bk, NotificationWidgetComponent as bl, ONE_ASSET_BASE_URL as bm, OPTIONS_SOURCE as bn, OVERLAY_WIDGETS as bo, OneApp as bp, OptionsSourceDirective as bq, OverlayBodyComponent as br, OverlayRef as bs, OverlayService as bt, PLATFORM_BUTTON_NAV_IDS as bu, PLATFORM_EXTENSIBLE_NAV_IDS as bv, PLATFORM_NAV_MAP as bw, PLATFORM_ROOT_CHILDREN as bx, PaginationComponent as by, PanelComponent as bz, ButtonComponent as c, URL_SEP as c$, SectionAccordionGroupDirective as c0, SectionBackComponent as c1, SectionBadgesComponent as c2, SectionButtonGroupComponent as c3, SectionCardComponent as c4, SectionCarouselComponent as c5, SectionComponent as c6, SectionFilterComponent as c7, SectionFilterGroupComponent as c8, SectionFilterMenuComponent as c9, StepsComponent as cA, StorageService as cB, StrokeLinecap as cC, StrokeLinejoin as cD, SummaryComponent as cE, SvgGeneratorComponent as cF, SvgGeneratorService as cG, SvgService as cH, TOTAL_COLUMNS as cI, TRANSLATION_SOURCE as cJ, TableComponent as cK, TechnicalMeterComponent as cL, TextInputComponent as cM, TextareaInputComponent as cN, ThemeComponent as cO, ThemeDataService as cP, ThemeService as cQ, ThemeStore as cR, TimeAgoPipe as cS, TimelineComponent as cT, ToggleButtonComponent as cU, ToggleInputComponent as cV, ToggleRadioInputComponent as cW, ToolTipDirective as cX, TooltipComponent as cY, TranslateService as cZ, TreeGridComponent as c_, SectionFilterPanelComponent as ca, SectionFilterRangePanelComponent as cb, SectionFooterComponent as cc, SectionFormComponent as cd, SectionFormItemComponent as ce, SectionHeaderComponent as cf, SectionHeroComponent as cg, SectionPaginationComponent as ch, SectionSearchComponent as ci, SectionStepperComponent as cj, SectionTabsComponent as ck, SectionToggleComponent as cl, SectionToggleItemDirective as cm, SelectableCardInputComponent as cn, SelectorDirective as co, SettingsSearchBarComponent as cp, SettingsSearchService as cq, ShapeComponent as cr, SharedStoreRegistry as cs, SidePanelDirective as ct, Size as cu, SocketStore as cv, SortComponent as cw, StatComponent as cx, StepComponent as cy, StepperComponent as cz, APP_CONTEXT_REF as d, getTierFromPreviewPath as d$, USER_STORE_REF as d0, USER_TAB_MAP as d1, UniverseComponent as d2, UserApiService as d3, UserAvatarComponent as d4, UserComponent as d5, UserNavComponent as d6, UserSettingsComponent as d7, UserStore as d8, WC_ROUTE_CHANGED_EVENT as d9, deriveOppositeColor as dA, derivePropertyName as dB, emailValidation as dC, evaluate as dD, evaluateBool as dE, filterHoldsList as dF, filterHoldsOneBound as dG, filterHoldsOptions as dH, filterHoldsRange as dI, filterList as dJ, filterNumber as dK, filterNumberList as dL, filterOne as dM, filterPanelOf as dN, filterPanelWidth as dO, filterRange as dP, filterTreeGridRows as dQ, filterValueList as dR, filterValues as dS, flattenTreeGridRows as dT, formatBadgeCount as dU, fullName as dV, generateClipPath as dW, generateTransform as dX, getClassList as dY, getProperty as dZ, getScrollParent as d_, WC_SEARCH_GROUPS as da, WIN_USER_TAB_HOOK as db, WIN_USER_TAB_KEY as dc, WatermarkComponent as dd, WcRouterStore as de, WrapperInputComponent as df, anchorNavId as dg, applyColorsToElement as dh, assetOptions as di, bootstrapMagApp as dj, bootstrapPwaInstall as dk, buildWcBaseUrl as dl, calculateLuminance as dm, calculateRanks as dn, cellText as dp, checkFilterCondition as dq, childNavId as dr, classListSignal as ds, coerceSize as dt, cornerEdge as du, cornerSide as dv, createMap as dw, createPlatformNavMap as dx, deriveAvatarGradient as dy, deriveContrastColor as dz, ASSET_BASE_URL as e, provideAppContext as e$, getTreeGridRow as e0, getUniqueId as e1, getValue as e2, hasErrorComputed as e3, hexToRgb as e4, hslToRgb$1 as e5, initMagmoniumApp as e6, initialNotificationState as e7, initialState$2 as e8, initials as e9, maxLengthValidation as eA, maxValidation as eB, mergePlatformNav as eC, mergeUnique as eD, mergeUniqueBy as eE, mergeUniqueWith as eF, minAgeValidation as eG, minLengthValidation as eH, minValidation as eI, miniMarkToHtml as eJ, navIdChain as eK, navIdFor as eL, navIdSegment as eM, navIdToRoutePath as eN, navIdToSegments as eO, navParamOf as eP, navToId as eQ, normalizeAssetOptions as eR, parentNavId as eS, parseAddress as eT, parseColor as eU, parsePatternNames as eV, patternValidation as eW, patternsValidation as eX, platformNavWidgets as eY, privateGuard as eZ, processImageToSvg as e_, injectAuthenticate as ea, injectInstallApp as eb, injectParentSize as ec, injectScrollSticky as ed, isButtonName as ee, isCancelledComputed as ef, isExtensiblePlatformNavId as eg, isJson as eh, isLoadingComputed as ei, isLocalhost as ej, isNavInstanceConfig as ek, isNavMenuConfig as el, isNavRowsConfig as em, isPlatformNavId as en, isSize as eo, isTierPreview as ep, isUrlLocalhost as eq, isValidNavId as er, isValidNavSegment as es, isWebComponent as et, linkToId as eu, linkToNav as ev, loadingActions as ew, mInterceptor as ex, manualValidation as ey, matchFieldValidation as ez, AccordionBodyDirective as f, provideMagAppConfig as f0, provideMagWcConfig as f1, provideMagWcRoutes as f2, provideModalComponents as f3, provideMurlUrlSerializer as f4, provideNavWidgets as f5, provideOverlayWidgets as f6, providePlatformNavWidgets as f7, provideSearch as f8, provideSizeContext as f9, toLength$1 as fA, toLocalNavId as fB, toggleTreeGridRow as fC, unfetchedPlatformNav as fD, urlValidation as fE, provideUserTabs as fa, publicGuard as fb, readFieldPatterns as fc, renderAddress as fd, requiredValidation as fe, resolveConfigAsset as ff, resolveIconSize as fg, resolvePallet as fh, resolvePatternRules as fi, resolveSize as fj, rgbToHex as fk, rgbToHsl as fl, rowHasChildren as fm, samePatterns as fn, segmentsToNavId as fo, setProperty as fp, setTreeGridChildren as fq, settingsWidgets as fr, shouldShowBadge as fs, splitNavId as ft, splitOnMatch as fu, stringToColor as fv, toAttrBool as fw, toAttrNumber as fx, toCssLength as fy, toHostNavId 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-BZrtlbjm.mjs.map
+//# sourceMappingURL=magmonium-one-magmonium-one-DxFk01q8.mjs.map