{"version":3,"file":"BeforeAfterCapitalStack-b23c8a77.js","sources":["../../../node_modules/@heroicons/vue/20/solid/esm/ArrowRightIcon.js","../../../app/frontend/components/help-center/custom-tags/BeforeAfterCapitalStack.vue","../../../app/frontend/assets/documentation/custom-tags/BeforeAfterCapitalStack.markdoc.js"],"sourcesContent":["import { createElementVNode as _createElementVNode, openBlock as _openBlock, createElementBlock as _createElementBlock } from \"vue\"\n\nexport default function render(_ctx, _cache) {\n  return (_openBlock(), _createElementBlock(\"svg\", {\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 20 20\",\n    fill: \"currentColor\",\n    \"aria-hidden\": \"true\",\n    \"data-slot\": \"icon\"\n  }, [\n    _createElementVNode(\"path\", {\n      \"fill-rule\": \"evenodd\",\n      d: \"M3 10a.75.75 0 0 1 .75-.75h10.638L10.23 5.29a.75.75 0 1 1 1.04-1.08l5.5 5.25a.75.75 0 0 1 0 1.08l-5.5 5.25a.75.75 0 1 1-1.04-1.08l4.158-3.96H3.75A.75.75 0 0 1 3 10Z\",\n      \"clip-rule\": \"evenodd\"\n    })\n  ]))\n}","<template>\n  <div class=\"h-80 flex justify-center space-x-2\">\n    <div :class=\"stackWidth\" class=\"flex flex-col\">\n      <h1 class=\"text-gray-500 font-medium text-sm mb-2 text-center\">Before</h1>\n      <div\n        v-for=\"layer in beforeLayers\"\n        :key=\"layer.layerType\"\n        class=\"flex flex-grow\"\n      >\n        <div class=\"w-3\" :class=\"layer.layerColor\" />\n        <div\n          class=\"w-full p-2 flex flex-col space-y-2 border-r border-t border-b border-gray-300\"\n        >\n          <div class=\"text-gray-600 font-medium text-xs\">\n            {{ layer.layerType }}\n          </div>\n          <div\n            v-for=\"companyName in layer.companies\"\n            :key=\"companyName\"\n            class=\"w-full flex-1 flex justify-center items-center border-2 border-dashed border-gray-300 text-gray-700 font-semibold\"\n          >\n            {{ companyName }}\n          </div>\n        </div>\n      </div>\n    </div>\n    <div class=\"self-center flex justify-center w-10\">\n      <ArrowRightIcon class=\"mt-5 w-6 text-gray-900\" />\n    </div>\n    <div :class=\"stackWidth\" class=\"flex flex-col\">\n      <h1 class=\"text-gray-500 font-medium text-sm mb-2 text-center\">After</h1>\n      <div\n        v-for=\"layer in afterLayers\"\n        :key=\"layer.layerType\"\n        class=\"flex flex-grow\"\n      >\n        <div class=\"w-3\" :class=\"layer.layerColor\" />\n        <div\n          class=\"w-full p-2 flex flex-col space-y-2 border-r border-t border-b border-gray-300\"\n        >\n          <div class=\"text-gray-600 font-medium text-xs\">\n            {{ layer.layerType }}\n          </div>\n          <div\n            v-for=\"companyName in layer.companies\"\n            :key=\"companyName\"\n            class=\"w-full flex-1 flex justify-center items-center border-2 border-dashed border-gray-300 text-gray-700 font-semibold\"\n          >\n            {{ companyName }}\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script setup>\nimport { ArrowRightIcon } from \"@heroicons/vue/20/solid\";\nimport { useWorkspaceLayoutStore } from \"@/stores/workspaceLayout\";\nimport { useDocumentationStore } from \"@/stores/documentation\";\nimport { storeToRefs } from \"pinia\";\nimport { computed } from \"vue\";\n\nconst props = defineProps([\"investmentType\"]);\n\nconst layoutStore = useWorkspaceLayoutStore();\nconst { isDesktop } = storeToRefs(layoutStore);\nconst documentationStore = useDocumentationStore();\nconst { helpViews } = storeToRefs(documentationStore);\n\nconst stackWidth = computed(() => {\n  if (isDesktop.value) {\n    if (helpViews.value) {\n      return \"w-56\";\n    } else {\n      return \"w-40\";\n    }\n  } else {\n    return \"w-32\";\n  }\n});\n\nconst investmentTypeData = computed(\n  () => investmentTypes[props.investmentType],\n);\nconst beforeLayers = computed(() => investmentTypeData.value?.before || []);\nconst afterLayers = computed(() => investmentTypeData.value?.after || []);\n\nconst investmentTypes = {\n  outrightSale: {\n    before: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\", \"Company 2\"],\n      },\n    ],\n    after: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 3\"],\n      },\n    ],\n  },\n  partialInterestNewPartner: {\n    before: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\"],\n      },\n    ],\n    after: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\", \"Company 2\"],\n      },\n    ],\n  },\n  partialMultiInterestNewPartner: {\n    before: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\", \"Company 2\"],\n      },\n    ],\n    after: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\", \"Company 2\", \"Company 3\"],\n      },\n    ],\n  },\n  partialInterestReplacePartner: {\n    before: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\", \"Company 2\"],\n      },\n    ],\n    after: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\", \"Company 3\"],\n      },\n    ],\n  },\n  assumeExistingDebt: {\n    before: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\"],\n      },\n      {\n        layerType: \"Senior Loan\",\n        layerColor: \"bg-blue-600\",\n        companies: [\"Company 3\"],\n      },\n    ],\n    after: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 2\"],\n      },\n      {\n        layerType: \"Senior Loan\",\n        layerColor: \"bg-blue-600\",\n        companies: [\"Company 3\"],\n      },\n    ],\n  },\n  loanOrigination: {\n    before: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\"],\n      },\n    ],\n    after: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\"],\n      },\n      {\n        layerType: \"Senior Loan\",\n        layerColor: \"bg-blue-600\",\n        companies: [\"Company 2\"],\n      },\n    ],\n  },\n  juniorLoanOrigination: {\n    before: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\"],\n      },\n    ],\n    after: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\"],\n      },\n      {\n        layerType: \"Junior Loan 1\",\n        layerColor: \"bg-teal-200\",\n        companies: [\"Company 3\"],\n      },\n      {\n        layerType: \"Senior Loan\",\n        layerColor: \"bg-blue-600\",\n        companies: [\"Company 2\"],\n      },\n    ],\n  },\n  juniorLoanOrigination2: {\n    before: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\"],\n      },\n      {\n        layerType: \"Senior Loan\",\n        layerColor: \"bg-blue-600\",\n        companies: [\"Company 2\"],\n      },\n    ],\n    after: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\"],\n      },\n      {\n        layerType: \"Junior Loan 1\",\n        layerColor: \"bg-teal-200\",\n        companies: [\"Company 3\"],\n      },\n      {\n        layerType: \"Senior Loan\",\n        layerColor: \"bg-blue-600\",\n        companies: [\"Company 2\"],\n      },\n    ],\n  },\n  juniorLoanOrigination3: {\n    before: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\"],\n      },\n    ],\n    after: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\"],\n      },\n      {\n        layerType: \"Junior Loan 2\",\n        layerColor: \"bg-teal-300\",\n        companies: [\"Company 4\"],\n      },\n      {\n        layerType: \"Junior Loan 1\",\n        layerColor: \"bg-teal-200\",\n        companies: [\"Company 3\"],\n      },\n      {\n        layerType: \"Senior Loan\",\n        layerColor: \"bg-blue-600\",\n        companies: [\"Company 2\"],\n      },\n    ],\n  },\n  refinancing: {\n    before: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\"],\n      },\n      {\n        layerType: \"Junior Loan 1\",\n        layerColor: \"bg-teal-200\",\n        companies: [\"Company 3\"],\n      },\n      {\n        layerType: \"Senior Loan\",\n        layerColor: \"bg-blue-600\",\n        companies: [\"Company 2\"],\n      },\n    ],\n    after: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\"],\n      },\n      {\n        layerType: \"Senior Loan\",\n        layerColor: \"bg-blue-600\",\n        companies: [\"Company 4\"],\n      },\n    ],\n  },\n  retireLoan: {\n    before: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\"],\n      },\n      {\n        layerType: \"Senior Loan\",\n        layerColor: \"bg-blue-600\",\n        companies: [\"Company 2\"],\n      },\n    ],\n    after: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\"],\n      },\n    ],\n  },\n  loanOutrightSale: {\n    before: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\"],\n      },\n      {\n        layerType: \"Junior Loan 1\",\n        layerColor: \"bg-teal-200\",\n        companies: [\"Company 3\"],\n      },\n      {\n        layerType: \"Senior Loan\",\n        layerColor: \"bg-blue-600\",\n        companies: [\"Company 2\"],\n      },\n    ],\n    after: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\"],\n      },\n      {\n        layerType: \"Junior Loan 1\",\n        layerColor: \"bg-teal-200\",\n        companies: [\"Company 4\"],\n      },\n      {\n        layerType: \"Senior Loan\",\n        layerColor: \"bg-blue-600\",\n        companies: [\"Company 2\"],\n      },\n    ],\n  },\n  foreclosure: {\n    before: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\"],\n      },\n      {\n        layerType: \"Senior Loan\",\n        layerColor: \"bg-blue-600\",\n        companies: [\"Company 2\"],\n      },\n    ],\n    after: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 2\"],\n      },\n    ],\n  },\n  foreclosure2: {\n    before: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 1\"],\n      },\n      {\n        layerType: \"Senior Loan\",\n        layerColor: \"bg-blue-600\",\n        companies: [\"Company 2\"],\n      },\n    ],\n    after: [\n      {\n        layerType: \"Equity\",\n        layerColor: \"bg-yellow-400\",\n        companies: [\"Company 3\"],\n      },\n    ],\n  },\n};\n</script>\n","import BeforeAfterCapitalStack from \"@/components/help-center/custom-tags/BeforeAfterCapitalStack.vue\";\n\nexport const beforeAfterCapitalStack = {\n  render: BeforeAfterCapitalStack,\n  attributes: {\n    investmentType: {\n      type: String,\n      required: true,\n    },\n  },\n};\n"],"names":["render","_ctx","_cache","_openBlock","_createElementBlock","_createElementVNode","props","__props","layoutStore","useWorkspaceLayoutStore","isDesktop","storeToRefs","documentationStore","useDocumentationStore","helpViews","stackWidth","computed","investmentTypeData","investmentTypes","beforeLayers","_a","afterLayers","beforeAfterCapitalStack","BeforeAfterCapitalStack"],"mappings":"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","x_google_ignoreList":[0]}