{"version":3,"file":"heading-lxs269Vv.js","sources":["../../../app/javascript/components/builder/components/heading.vue"],"sourcesContent":["<template>\n  <div :class=\"rootClasses\" :style=\"rootStyles\">\n    <ElementControls\n      v-if=\"editing\"\n      :no-page-break=\"!pageBreakAllowed\"\n      @delete=\"$emit('delete')\"\n      @duplicate=\"$emit('duplicate')\"\n      @page-break=\"$emit('page-break')\"\n    />\n    <div class=\"form-heading\" :style=\"formHeadingStyle\">\n      <div class=\"form-title\">\n        <h1\n          class=\"formester__heading\"\n          :style=\"headingStyle\"\n          v-html=\"label\"\n        ></h1>\n        <h3 class=\"formester__subheading\" :style=\"subHeadingStyle\">\n          <template v-if=\"item.sublabel\">\n            {{ item.sublabel }}\n          </template>\n          <span v-else-if=\"editing && active\" class=\"placeholder-description\">\n            Some Sub-text (Optional)\n          </span>\n        </h3>\n      </div>\n      <img\n        v-if=\"\n          styling.logoImage && styling.logoImage.image && styling.inFormLogo\n        \"\n        :src=\"styling.logoImage.image\"\n        class=\"form-heading-logo\"\n        alt=\"Brand Logo\"\n        :style=\"logoStyling\"\n      />\n    </div>\n  </div>\n</template>\n\n<script>\nimport ElementControls from \"./element-controls.vue\";\nimport commonStyles from \"./mixins/commonStyles\";\nimport sharedActions from \"./mixins/sharedActions\";\n\nexport default {\n  name: \"Heading\",\n  components: {\n    ElementControls,\n  },\n  mixins: [commonStyles, sharedActions],\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      required: true,\n    },\n    pageBreakAllowed: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  emits: [\"delete\", \"duplicate\", \"page-break\"],\n  computed: {\n    headingStyle() {\n      return {\n        // default styles\n        \"overflow-wrap\": \"break-word\",\n        // custom styles\n        color: this.item.overrideColor\n          ? this.itemStyling.color\n          : this.styling.fontColor || \"#000000\",\n        \"font-size\": `${this.itemStyling.labelFontSize}px` || \"36px\",\n        \"font-weight\": this.itemStyling.labelBold ? \"bold\" : \"normal\",\n        \"font-style\": this.itemStyling.labelItalic ? \"italic\" : \"normal\",\n        \"font-family\": this.styling.fontFamily || \"sans-serif\",\n        \"line-height\": \"125%\",\n      };\n    },\n    subHeadingStyle() {\n      return {\n        // default styles\n        \"overflow-wrap\": \"break-word\",\n        // custom styles\n        color: this.item.overrideColor\n          ? this.itemStyling.color\n          : this.styling.fontColor || \"#000000\",\n        \"font-size\": `${this.itemStyling.sublabelFontSize}px` || \"16px\",\n        \"font-weight\": this.itemStyling.sublabelBold ? \"bold\" : \"normal\",\n        \"font-style\": this.itemStyling.sublabelItalic ? \"italic\" : \"normal\",\n        \"font-family\": this.styling.fontFamily || \"sans-serif\",\n        \"margin-top\": `${this.itemStyling.sublabelMarginTop}px` || \"8px\",\n        \"line-height\": \"150%\",\n      };\n    },\n    logoStyling() {\n      return {\n        background: this.styling.logoBoxColor || \"#00000000\",\n        padding: \"5px\",\n        \"border-radius\": \"5px\",\n        height: `${this.styling.logoSize || 60}px`,\n      };\n    },\n    formHeadingStyle() {\n      let alignment = this.itemStyling.alignment;\n      return {\n        \"flex-direction\":\n          alignment === \"center\"\n            ? \"column\"\n            : alignment === \"left\"\n            ? \"row\"\n            : \"row-reverse\",\n        \"text-align\": alignment || \"left\",\n      };\n    },\n  },\n};\n</script>\n\n<style scoped>\n.form-heading {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n.form-heading-logo {\n  margin: 5px;\n}\n</style>\n"],"names":["_sfc_main","ElementControls","commonStyles","sharedActions","alignment","_hoisted_1","_hoisted_2","_hoisted_4","_createElementBlock","_normalizeClass","_ctx","_normalizeStyle","$props","_createBlock","_component_ElementControls","_createCommentVNode","_createElementVNode","$options","_openBlock","_Fragment","_createTextVNode","_toDisplayString","_hoisted_3"],"mappings":"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"}