import { r as registerInstance, d as createEvent, h } from './index-33e43734.js';
import { s as state } from './store-b9af0ae0.js';
import './index-91eb4513.js';
import './getCache-f7c123d8.js';
import './_commonjsHelpers-cca61ea8.js';
import './logic-2eecfe1e.js';
import './index-964da72a.js';

const modalFlowCss = "modal-flow .banner{background-color:var(--ion-color-secondary)}modal-flow h1{color:#fff}modal-flow p{margin:0 0 15px 0;color:rgba(255, 255, 255, 0.8);font-weight:normal}.modal-flow{--width:700px;--max-width:700px}@media only screen and (max-width: 800px){.modal-flow{--width:100%;--max-width:auto}}";

let ModalFlow = class {
  constructor(hostRef) {
    registerInstance(this, hostRef);
    this.floodteamCloseModal = createEvent(this, "floodteamCloseModal", 7);
    this.headerTitle = "Flow";
    /**
     * The data from the form being filled out
     */
    this.formData = {};
    /**
     * The next button for the slider
     */
    this.nextButton = {
      label: "Next",
      color: "primary",
      fill: "clear",
      icon: "chevron-forward-circle-outline",
    };
    /**
     * The prev button for the slider
     */
    this.prevButton = {
      label: "Back",
      color: "medium",
      fill: "clear",
      icon: "chevron-back-circle-outline",
    };
    /**
     * The save button for the flow
     */
    this.saveButton = {
      label: "Save",
      fill: "solid",
      color: "primary",
      icon: "checkmark-circle-outline",
    };
    /**
     * Should the form controls be hidden?
     */
    this.hideControls = false;
    /**
     * The data to exclude from the form submit event
     */
    this.excludeData = [];
    /**
     * Should the form disable the loader on submit
     */
    this.disableLoader = false;
    /**
     * Is the component currently loading
     */
    this.loading = false;
    /**
     * Should the enter button binding be disabled
     */
    this.disableEnterButton = false;
    /**
     * Confirm leaving the page when the form is filled
     */
    this.confirmExit = false;
    /**
     * Has the form fields been changed
     */
    this.hasChanged = false;
    /**
     * The HTTP method to use when submitting the form
     */
    this.method = "post";
    /**
     * A list of options for SwiperJS
     * @link https://swiperjs.com/swiper-api#parameters
     */
    this.slidesOptions = { autoHeight: true, allowTouchMove: false };
    this.pager = false;
    this.scrollbar = false;
    this.steps = [];
    this.askConfirmation = false;
  }
  render() {
    var _a, _b, _c, _d;
    return [
      h("ion-header", null, h("ion-toolbar", null, h("ion-title", null, this.headerTitle), h("ion-buttons", { slot: "end" }, h("ion-button", { onClick: () => this.floodteamCloseModal.emit() }, h("ion-icon", { slot: "icon-only", name: "close-circle-outline" }))))),
      h("ion-content", null, h("fireenjin-flow", { name: this.name, formData: this.formData, nextButton: this.nextButton, saveButton: this.saveButton, prevButton: this.prevButton, hideControls: this.hideControls, endpoint: this.endpoint, documentId: this.documentId, excludeData: this.excludeData, beforeSubmit: this.beforeSubmit, disableLoader: this.disableLoader, loading: this.loading, disableEnterButton: this.disableEnterButton, confirmExit: this.confirmExit, hasChanged: this.hasChanged, method: this.method, action: this.action, fetch: this.fetch, fetchDataMap: this.fetchDataMap, fetchParams: this.fetchParams, slidesOptions: this.slidesOptions || { autoHeight: true }, pager: this.pager, scrollbar: this.scrollbar, steps: this.steps, googleMapsKey: this.googleMapsKey || ((_b = (_a = state === null || state === void 0 ? void 0 : state.config) === null || _a === void 0 ? void 0 : _a.firebase) === null || _b === void 0 ? void 0 : _b.apiKey), stripeKey: this.stripeKey || ((_d = (_c = state === null || state === void 0 ? void 0 : state.config) === null || _c === void 0 ? void 0 : _c.stripe) === null || _d === void 0 ? void 0 : _d.key), stripeElements: this.stripeElements })),
    ];
  }
};
ModalFlow.style = modalFlowCss;

export { ModalFlow as modal_flow };

//# sourceMappingURL=modal-flow.entry.js.map