@jinntec/fore/src/actions/fx-return.js

Fore - declarative user interfaces in plain HTML

import { AbstractAction } from './abstract-action.js';

/**
 * `fx-return`
 * returns data from a nested Fore to it's host Fore.
 *
 * behaves like a `<fx-submission @replace='instance' with `targetref` and respects relevance processing.
 *
 * `targetref` will be the `ref` of the host control.
 *
 * todo: deos not relevant selection yet
 *
 * @customElement
 */
export class FxReturn extends AbstractAction {
  connectedCallback() {
    if (super.connectedCallback) {
      super.connectedCallback();
    }
    // const nonrelevant = this.hasAttribute('nonrelevant') ? this.getAttribute('nonrelevant') : null;
  }

  async perform() {
    super.perform();

    /*
    ### note that this event does not use Fore.dispatch as the event uses 'composed:true' to let the event travel
    up through the shadowRoot and being catched in outer form.
    */
    const event = new CustomEvent('return', {
      composed: true,
      bubbles: true,
      detail: { nodeset: this.nodeset },
    });
    this.getOwnerForm().dispatchEvent(event);
  }
}

if (!customElements.get('fx-return')) {
  window.customElements.define('fx-return', FxReturn);
}