'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-e0385008.js');
const store = require('./store-8d1de66f.js');
require('./index-37fc02d8.js');
require('./getHandlebarsHelpers-1b368c8a.js');
require('./_commonjsHelpers-a5111d61.js');
require('./index-ba857994.js');
require('./localforage-af1b8c0e.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}}";

const ModalFlow = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    this.floodteamCloseModal = index.createEvent(this, "floodteamCloseModal", 7);
    this.headerTitle = "Flow";
    this.name = undefined;
    this.formData = {};
    this.nextButton = {
      label: "Next",
      color: "primary",
      fill: "clear",
      icon: "chevron-forward-circle-outline",
    };
    this.prevButton = {
      label: "Back",
      color: "medium",
      fill: "clear",
      icon: "chevron-back-circle-outline",
    };
    this.saveButton = {
      label: "Save",
      fill: "solid",
      color: "primary",
      icon: "checkmark-circle-outline",
    };
    this.hideControls = false;
    this.endpoint = undefined;
    this.documentId = undefined;
    this.excludeData = [];
    this.beforeSubmit = undefined;
    this.disableLoader = false;
    this.loading = false;
    this.disableEnterButton = false;
    this.confirmExit = false;
    this.hasChanged = false;
    this.method = "post";
    this.action = undefined;
    this.fetch = undefined;
    this.fetchParams = undefined;
    this.fetchDataMap = undefined;
    this.slidesOptions = { autoHeight: true, allowTouchMove: false };
    this.pager = false;
    this.scrollbar = false;
    this.steps = [];
    this.googleMapsKey = undefined;
    this.stripeKey = undefined;
    this.stripeElements = undefined;
    this.askConfirmation = false;
  }
  render() {
    var _a, _b, _c, _d;
    return [
      index.h("ion-header", null, index.h("ion-toolbar", null, index.h("ion-title", null, this.headerTitle), index.h("ion-buttons", { slot: "end" }, index.h("ion-button", { onClick: () => this.floodteamCloseModal.emit() }, index.h("ion-icon", { slot: "icon-only", name: "close-circle-outline" }))))),
      index.h("ion-content", null, index.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 = store.state === null || store.state === void 0 ? void 0 : store.state.config) === null || _a === void 0 ? void 0 : _a.firebase) === null || _b === void 0 ? void 0 : _b.apiKey), stripeKey: this.stripeKey || ((_d = (_c = store.state === null || store.state === void 0 ? void 0 : store.state.config) === null || _c === void 0 ? void 0 : _c.stripe) === null || _d === void 0 ? void 0 : _d.key), stripeElements: this.stripeElements })),
    ];
  }
};
ModalFlow.style = modalFlowCss;

exports.modal_flow = ModalFlow;
