{"version":3,"file":"submit-BXAuz4rO.js","sources":["../../../app/javascript/components/builder/components/submit/submit.vue"],"sourcesContent":["<template>\n  <div :class=\"rootClasses\" :style=\"rootStyles\">\n    <div class=\"submit-wrapper\" :style=\"wrapperStyle\">\n      <button\n        v-if=\"settings.saveAndResume && !isEditMode\"\n        class=\"default-style\"\n        type=\"button\"\n        :style=\"saveDraftStyle\"\n        @click.prevent=\"$emit('save-draft')\"\n      >\n        Save & Resume Later\n      </button>\n\n      <button\n        id=\"formester-submit\"\n        type=\"submit\"\n        class=\"default-style\"\n        :style=\"submitStyle\"\n        :disabled=\"submitting\"\n      >\n        {{ currentPageStyling.button.primaryText || \"Submit\" }}\n        <i\n          v-if=\"submitting\"\n          class=\"fa-solid fa-circle-notch fa-spin\"\n          aria-hidden=\"true\"\n        />\n      </button>\n    </div>\n  </div>\n</template>\n\n<script>\nimport commonStyles from \"../mixins/commonStyles\";\nimport setItem from \"lodash/set\";\n\nexport default {\n  name: \"Submit\",\n  mixins: [commonStyles],\n  props: {\n    item: {\n      type: Object,\n      required: true,\n    },\n    required: {\n      type: Boolean,\n      default: false,\n    },\n    editing: {\n      type: Boolean,\n      default: false,\n    },\n    active: {\n      type: Boolean,\n      default: false,\n    },\n    styling: {\n      type: Object,\n      default: () => {\n        return {};\n      },\n    },\n    settings: {\n      type: Object,\n      default: () => {},\n    },\n    submitting: {\n      type: Boolean,\n    },\n    currentPageStyling: {\n      type: Object,\n      default: () => ({}),\n    },\n    isEditMode: {\n      type: Boolean,\n      default: false,\n    },\n  },\n  emits: [\"save-draft\"],\n  computed: {\n    submitStyle() {\n      const height = this.itemStyling.height\n        ? `${this.itemStyling.height}px`\n        : \"fit-content\";\n      return {\n        \"background-color\": this.styling.buttonColor || \"#00A3FF\",\n        \"border-color\": this.styling.buttonColor || \"#00A3FF\",\n        color: this.styling.buttonTextColor || \"white\",\n        \"font-family\": this.styling.fontFamily || \"sans-serif\",\n        height,\n        width: this.itemStyling.fullWidth\n          ? \"100%\"\n          : this.itemStyling.width\n            ? `${this.itemStyling.width}px`\n            : \"fit-content\",\n        \"font-size\": this.itemStyling.singlePageFontSize\n          ? `${this.itemStyling.singlePageFontSize}px`\n          : \"14px\",\n        \"line-height\": this.itemStyling.singlePageFontSize\n          ? `${parseInt(this.itemStyling.singlePageFontSize) * 1.5}px`\n          : \"20px\",\n        \"font-weight\": this.itemStyling.labelBold ? \"bold\" : \"normal\",\n        \"font-style\": this.itemStyling.labelItalic ? \"italic\" : \"normal\",\n      };\n    },\n    wrapperStyle() {\n      return {\n        \"justify-content\": this.itemStyling.alignment || \"left\",\n      };\n    },\n    saveDraftStyle() {\n      const height = this.itemStyling.height\n        ? `${this.itemStyling.height}px`\n        : \"fit-content\";\n\n      return {\n        height,\n        \"background-color\": \"var(--primary-color-five-opacity)\",\n        \"border-color\": \"var(--primary-color-five-opacity)\",\n        color: this.styling.buttonColor || \"white\",\n        width: this.itemStyling.fullWidth\n          ? \"100%\"\n          : this.itemStyling.width\n            ? `${this.itemStyling.width}px`\n            : \"fit-content\",\n        \"font-family\": this.styling.fontFamily || \"sans-serif\",\n        \"font-size\": this.itemStyling.singlePageFontSize\n          ? `${this.itemStyling.singlePageFontSize}px`\n          : \"14px\",\n        \"line-height\": this.itemStyling.singlePageFontSize\n          ? `${parseInt(this.itemStyling.singlePageFontSize) * 1.5}px`\n          : \"20px\",\n        \"font-weight\": this.itemStyling.labelBold ? \"bold\" : \"normal\",\n        \"font-style\": this.itemStyling.labelItalic ? \"italic\" : \"normal\",\n      };\n    },\n  },\n  mounted() {\n    // uncomment this if we want to allow ability to set back button text\n    // setItem(this.item, \"isPrevious\", false);\n    setItem(this.item, \"isMultiPage\", false);\n  },\n};\n</script>\n<style>\n.default-style {\n  font-size: 14px;\n  border-radius: 3px;\n  border: 1px solid;\n  padding: 6px 17px;\n  outline: none;\n  cursor: pointer;\n  font-family: \"sans-serif\";\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  gap: 10px;\n}\n\n.default-style:disabled {\n  opacity: 0.5;\n}\n\n.submit-wrapper {\n  display: flex;\n  width: 100%;\n  gap: var(--spacing-4);\n  align-items: center;\n}\n.default-style:focus {\n  outline: none;\n  border-color: var(--btn-focus-color);\n  box-shadow: 0 0 0 0.2rem var(--btn-focus-color);\n}\n\n@media screen and (max-width: 480px) {\n  .submit-wrapper {\n    flex-direction: column;\n  }\n}\n</style>\n"],"names":["_sfc_main","commonStyles","height","setItem","_hoisted_1","_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","_createElementVNode","$options","$props","_cache","_withModifiers","_createCommentVNode","_createTextVNode","_toDisplayString","_openBlock","_hoisted_2"],"mappings":"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"}