1import{_ as b}from"./HeadlineDescription.vue.8725247b.js";import{x as w,e as y,a as k,o as s,s as o,j as a,w as l,F as v,k as e,u as t,y as i,m as c,J as F,z as C,p as L,l as B}from"./entry.00fb7045.js";import{_ as j}from"./Main.adadd40f.js";import{_ as P}from"./CardCta.ecc9fba2.js";import{a as T}from"./useDarkMode.d94de8a7.js";import{_ as f}from"./purpleblob-favorite.977d9ac4.js";import{_}from"./purpleblob-favorite-dark.500b0f5a.js";import{_ as E,a as A}from"./template-focuson-contentflow-2.b72620d4.js";import{_ as R}from"./_plugin-vue_export-helper.c27b6911.js";import"./pattern-geometric-figures-blurry-perspective.cd765127.js";const H=""+globalThis.__publicAssetsURL("images/interface-demos/editor-focuson-export-formats.png"),M=""+globalThis.__publicAssetsURL("images/interface-demos/manager-focuson-export.png"),D=""+globalThis.__publicAssetsURL("images/interface-demos/focuson-export-formats.png"),n=u=>(L("data-v-d03428e1"),u=u(),B(),u),U=n(()=>e("span",{class:"text-center text-[#DE3498] text-base font-semibold"},"Output of your choice",-1)),$={class:"mt-5 text-3xl md:text-5xl text-[#31104B] dark:text-[#e9dbe8] !md:leading-[56px] font-bold max-w-[850px]"},I={class:"fancy-background-1 fancy-background-1--yellow"},N={class:"hidden lg:inline",style:{filter:"blur(4.5rem)"}},S={width:"814",height:"60",viewBox:"0 0 814 60",fill:"none",xmlns:"http://www.w3.org/2000/svg"},V={key:0,d:"M-3.61133 59.9082L8.36632 5.81513L813.531 0.09375L793.569 59.9082H-3.61133Z",fill:"#88439b"},Z={key:1,d:"M-3.61133 59.9082L8.36632 5.81513L813.531 0.09375L793.569 59.9082H-3.61133Z",fill:"#EEABFF"},z={class:"hidden lg:inline"},W={width:"814",height:"60",viewBox:"0 0 814 60",fill:"none",xmlns:"http://www.w3.org/2000/svg"},q={key:0,d:"M-3.61133 59.9082L8.36632 5.81513L813.531 0.09375L793.569 59.9082H-3.61133Z",fill:"#88439b"},J={key:1,d:"M-3.61133 59.9082L8.36632 5.81513L813.531 0.09375L793.569 59.9082H-3.61133Z",fill:"#EEABFF"},O=n(()=>e("br",null,null,-1)),Y={class:"max-w-[90%] mx-auto"},G={class:"lg:mt-10 grid grid-cols-1 lg:grid-cols-2 lg:gap-x-14 xl:gap-x-32 gap-y-20 lg:gap-y-16 xl:gap-y-36"},K={class:"flex flex-col justify-center gap-4 xl:ml-16"},Q={class:"flex items-center gap-4 xl:gap-6"},X={key:0,src:f,class:"pointer-events-none select-none w-[60px] h-[59px] sm:w-[70px] sm:h-[68px]"},ee={key:1,src:_,class:"pointer-events-none select-none w-[60px] h-[59px] sm:w-[70px] sm:h-[68px]"},te=n(()=>e("span",{class:"text-[24px] sm:text-[28px] xl:text-[36px] font-bold leading-none dark:text-[#e9dbe8]"},"Any format, any template",-1)),se={class:"text-[#31104B] dark:text-[#af9cad]"},oe=n(()=>e("p",{class:"text-[20px]"}," Create a universal template that seamlessly operates with all supported export formats. Whether you opt for a PDF or an HTML document, your files will maintain consistent visual presentation, ensuring a unified appearance regardless of the chosen format. ",-1)),ne={class:"list-none text-[14px] font-bold text-[#31104B] dark:text-[#af9cad] flex gap-4 mt-6 select-none flex-col sm:flex-row"},ae=n(()=>e("div",{class:"flex flex-col gap-4 justify-center"},[e("div",{class:"w-full before:h-0 before:block before:pb-[68%] bg-[#F8F8F8] dark:bg-[#444] rounded-[20px] shadow-purple dark:shadow-dark-purple relative overflow-hidden"},[e("div",{class:"absolute top-0 left-0 w-full"},[e("img",{src:H,class:"max-w-none pointer-events-none select-none w-[170%]"})])])],-1)),le={class:"max-w-[90%] mx-auto"},re={class:"grid grid-cols-1 lg:grid-cols-2 lg:gap-x-14 xl:gap-x-32 gap-y-20 lg:gap-y-16 xl:gap-y-36"},ie={class:"flex flex-col justify-center gap-4 xl:ml-16"},ce={class:"flex items-center gap-4 xl:gap-6"},de={key:0,src:f,class:"pointer-events-none select-none w-[60px] h-[59px] sm:w-[70px] sm:h-[68px]"},pe={key:1,src:_,class:"pointer-events-none select-none w-[60px] h-[59px] sm:w-[70px] sm:h-[68px]"},xe=n(()=>e("span",{class:"text-[24px] sm:text-[28px] xl:text-[36px] font-bold leading-none dark:text-[#e9dbe8]"},"Easy export",-1)),fe={class:"text-[#31104B] dark:text-[#af9cad]"},_e=n(()=>e("p",{class:"text-[20px]"}," Regardless of whether the document is currently being worked on or has been finalized, you can easily access your desired documents with a few simple clicks. ",-1)),ue={class:"list-none text-[14px] font-bold text-[#31104B] dark:text-[#af9cad] flex gap-4 mt-6 select-none flex-col sm:flex-row"},ge=n(()=>e("div",{class:"flex flex-col gap-4 lg:-order-[1] justify-center"}
1,[e("div",{class:"w-full before:h-0 before:block before:pb-[68%] bg-[#F8F8F8] dark:bg-[#444] rounded-[20px] shadow-purple dark:shadow-dark-purple relative overflow-hidden"},[e("div",{class:"absolute -top-[49%] -left-[12%] w-full"},[e("img",{src:M,class:"max-w-none pointer-events-none select-none w-[185%]"})])])],-1)),me={class:"max-w-[90%] mx-auto"},he={class:"lg:mt-10 grid grid-cols-1 lg:grid-cols-2 lg:gap-x-14 xl:gap-x-32 gap-y-20 lg:gap-y-16 xl:gap-y-36"},be={class:"flex flex-col justify-center gap-4 xl:ml-16"},we={class:"flex items-center gap-4 xl:gap-6"},ye={key:0,src:f,class:"pointer-events-none select-none w-[60px] h-[59px] sm:w-[70px] sm:h-[68px]"},ke={key:1,src:_,class:"pointer-events-none select-none w-[60px] h-[59px] sm:w-[70px] sm:h-[68px]"},ve=n(()=>e("span",{class:"text-[24px] sm:text-[28px] xl:text-[36px] font-bold leading-none dark:text-[#e9dbe8]"},"Table of contents",-1)),Fe={class:"text-[#31104B] dark:text-[#af9cad]"},Ce=n(()=>e("p",{class:"text-[20px]"}," Enhance the accessibility of your documents by incorporating a customizable table of contents that can be managed and styled at a template level. ",-1)),Le={class:"list-none text-[14px] font-bold text-[#31104B] dark:text-[#af9cad] flex gap-4 mt-6 select-none flex-col sm:flex-row"},Be=n(()=>e("div",{class:"flex flex-col gap-4 justify-center"},[e("div",{class:"w-full before:h-0 before:block before:pb-[68%] bg-[#fff] dark:bg-[#444] rounded-[20px] shadow-purple dark:shadow-dark-purple relative overflow-hidden"},[e("div",{class:"absolute top-[0] left-[1%] w-full"},[e("img",{src:E,class:"max-w-none pointer-events-none select-none w-[100%]"})])])],-1)),je={class:"max-w-[90%] mx-auto"},Pe={class:"grid grid-cols-1 lg:grid-cols-2 lg:gap-x-14 xl:gap-x-32 gap-y-20 lg:gap-y-16 xl:gap-y-36"},Te={class:"flex flex-col justify-center gap-4 xl:ml-16"},Ee={class:"flex items-center gap-4 xl:gap-6"},Ae={key:0,src:f,class:"pointer-events-none select-none w-[60px] h-[59px] sm:w-[70px] sm:h-[68px]"},Re={key:1,src:_,class:"pointer-events-none select-none w-[60px] h-[59px] sm:w-[70px] sm:h-[68px]"},He=n(()=>e("span",{class:"text-[24px] sm:text-[28px] xl:text-[36px] font-bold leading-none dark:text-[#e9dbe8]"},"Control content-flow",-1)),Me={class:"text-[#31104B] dark:text-[#af9cad]"},De=n(()=>e("p",{class:"text-[20px]"}," Different medium, different requirements! How do images behave on page breaks for PDF documents? How wide should a HTML document be at max? In case you need it, in the template settings you will find options to control the content-flow for different export formats. ",-1)),Ue={class:"list-none text-[14px] font-bold text-[#31104B] dark:text-[#af9cad] flex gap-4 mt-6 select-none flex-col sm:flex-row"},$e=n(()=>e("div",{class:"flex flex-col gap-4 lg:-order-[1] justify-center"},[e("div",{class:"w-full before:h-0 before:block before:pb-[68%] bg-[#F8F8F8] dark:bg-[#444] rounded-[20px] shadow-purple dark:shadow-dark-purple relative overflow-hidden"},[e("div",{class:"absolute top-0 -left-[22%] w-full"},[e("img",{src:A,class:"max-w-none pointer-events-none select-none w-[168%]"})])])],-1)),Ie={class:"max-w-[90%] mx-auto"},Ne={class:"lg:mt-10 grid grid-cols-1 lg:grid-cols-2 lg:gap-x-14 xl:gap-x-32 gap-y-20 lg:gap-y-16 xl:gap-y-36"},Se={class:"flex flex-col justify-center gap-4 xl:ml-16"},Ve={class:"flex items-center gap-4 xl:gap-6"},Ze={key:0,src:f,class:"pointer-events-none select-none w-[60px] h-[59px] sm:w-[70px] sm:h-[68px]"},ze={key:1,src:_,class:"pointer-events-none select-none w-[60px] h-[59px] sm:w-[70px] sm:h-[68px]"},We=n(()=>e("span",{class:"text-[24px] sm:text-[28px] xl:text-[36px] font-bold leading-none dark:text-[#e9dbe8]"},"Different file formats",-1)),qe={class:"text-[#31104B] dark:text-[#af9cad]"},Je=n(()=>e("p",{class:"text-[20px]"}," We are currently working on expanding our export capabilities to include additional formats such as docx and plain text. Please remain engaged and patient in case your desired format is not yet supported. ",-1)),Oe={class:"list-none text-[14px] font-bold text-[#31104B] dark:text-[#af9cad] flex gap-4 mt-6 select-none flex-col sm:flex-row"},Ye=n(()=>e("div",{class:"flex flex-col gap-4 justify-center"}
1,[e("div",{class:"w-full before:h-0 before:block before:pb-[68%] bg-[#fff] dark:bg-[#444] rounded-[20px] shadow-purple dark:shadow-dark-purple relative overflow-hidden"},[e("div",{class:"absolute top-0 left-[17%] w-full"},[e("img",{src:D,class:"max-w-none pointer-events-none select-none w-[63%]"})])])],-1)),Ge=w({__name:"export",setup(u){y();const g=k(),{isDarkMode:r}=T(),x=F();return(Ke,Qe)=>{const m=b,d=C,p=j,h=P;return s(),o(v,null,[a(p,{class:"bg-[#F6EBF6] dark:bg-[#160829]","has-fancy-background":!0,"has-blurry-background":!0,"low-padding-top":!0},{header:l(()=>[U,e("h1",$,[e("span",I,[e("span",N,[(s(),o("svg",S,[t(r)?(s(),o("path",V)):i("",!0),t(r)?i("",!0):(s(),o("path",Z))]))]),e("span",z,[(s(),o("svg",W,[t(r)?(s(),o("path",q)):i("",!0),t(r)?i("",!0):(s(),o("path",J))]))]),c(" Creating and exporting with howt.io ")])]),a(m,null,{default:l(()=>[c(" You can choose from a range of target formats when exporting your documents."),O,c(" Fine-tuning included. ")]),_:1})]),default:l(()=>[e("div",Y,[e("div",G,[e("div",K,[e("div",Q,[t(r)?i("",!0):(s(),o("img",X)),t(r)?(s(),o("img",ee)):i("",!0),te]),e("div",se,[oe,e("ul",ne,[e("li",null,[a(d,{href:`${t(x).public.APP_URL}`,class:"flex items-center justify-center px-[10px] py-[8px] rounded-[5.5px] leading-none transition-colors w-max cursor-pointer bg-[#821C82] dark:bg-[#603060] text-[#F5CCF0]"},{default:l(()=>[c(" Try it yourself ")]),_:1},8,["href"])]),e("li",null,[a(d,{to:{path:t(g)("/docs/user-manual/getting-started/export-documents"),hash:"#start"},class:"flex items-center justify-center px-[10px] py-[8px] rounded-[5.5px] leading-none transition-colors w-max cursor-pointer bg-[#e5cee5] dark:bg-[#b3a1b3] text-[#7C2692]"},{default:l(()=>[c(" Learn how to export documents ")]),_:1},8,["to"])])])])]),ae])])]),_:1}),a(p,{class:"bg-[#F6EBF6] dark:bg-[#160829]","has-blurry-background":!0,"low-padding-top":!0,"blurry-background-position":"bottom left"},{default:l(()=>[e("div",le,[e("div",re,[e("div",ie,[e("div",ce,[t(r)?i("",!0):(s(),o("img",de)),t(r)?(s(),o("img",pe)):i("",!0),xe]),e("div",fe,[_e,e("ul",ue,[e("li",null,[a(d,{href:`${t(x).public.APP_URL}`,class:"flex items-center justify-center px-[10px] py-[8px] rounded-[5.5px] leading-none transition-colors w-max cursor-pointer bg-[#821C82] dark:bg-[#603060] text-[#F5CCF0]"},{default:l(()=>[c(" Try it yourself ")]),_:1},8,["href"])]),e("li",null,[a(d,{to:{path:t(g)("/docs/user-manual/getting-started/export-documents"),hash:"#start"},class:"flex items-center justify-center px-[10px] py-[8px] rounded-[5.5px] leading-none transition-colors w-max cursor-pointer bg-[#e5cee5] dark:bg-[#b3a1b3] text-[#7C2692]"},{default:l(()=>[c(" Learn how to export a document ")]),_:1},8,["to"])])])])]),ge])])]),_:1}),a(p,{class:"bg-[#F6EBF6] dark:bg-[#160829]","has-blurry-background":!0,"low-padding-top":!0,"blurry-background-position":"bottom right"},{default:l(()=>[e("div",me,[e("div",he,[e("div",be,[e("div",we,[t(r)?i("",!0):(s(),o("img",ye)),t(r)?(s(),o("img",ke)):i("",!0),ve]),e("div",Fe,[Ce,e("ul",Le,[e("li",null,[a(d,{href:`${t(x).public.APP_URL}`,class:"flex items-center justify-center px-[10px] py-[8px] rounded-[5.5px] leading-none transition-colors w-max cursor-pointer bg-[#821C82] dark:bg-[#603060] text-[#F5CCF0]"},{default:l(()=>[c(" Try it yourself ")]),_:1},8,["href"])])])])]),Be])])]),_:1}),a(p,{class:"bg-[#F6EBF6] dark:bg-[#160829]","has-blurry-background":!0,"low-padding-top":!0},{default:l(()=>[e("div",je,[e("div",Pe,[e("div",Te,[e("div",Ee,[t(r)?i("",!0):(s(),o("img",Ae)),t(r)?(s(),o("img",Re)):i("",!0),He]),e("div",Me,[De,e("ul",Ue,[e("li",null,[a(d,{href:`${t(x).public.APP_URL}`,class:"flex items-center justify-center px-[10px] py-[8px] rounded-[5.5px] leading-none transition-colors w-max cursor-pointer bg-[#821C82] dark:bg-[#603060] text-[#F5CCF0]"},{default:l(()=>[c(" Try it yourself ")]),_:1},8,["href"])])])])]),$e])])]),_:1}),a(p,{class:"bg-[#F6EBF6] dark:bg-[#160829]","has-blurry-background":!0,"low-padding-top":!0,"blurry-background-position":"bottom left"},{default:l(()=>[e("div",Ie,[e("div",Ne,[e("div",Se,[e("div",Ve,[t(r)?i("",!0):(s(),o("img",Ze)),t(r)?(s(),o("img",ze)):i("",!0),We]),e("div",qe,[Je,e
1("ul",Oe,[e("li",null,[a(d,{href:`${t(x).public.APP_URL}`,class:"flex items-center justify-center px-[10px] py-[8px] rounded-[5.5px] leading-none transition-colors w-max cursor-pointer bg-[#821C82] dark:bg-[#603060] text-[#F5CCF0]"},{default:l(()=>[c(" Try it yourself ")]),_:1},8,["href"])])])])]),Ye])])]),_:1}),a(p,{"low-padding-top":!0},{default:l(()=>[a(h)]),_:1})],64)}}});const ct=R(Ge,[["__scopeId","data-v-d03428e1"]]);export{ct as default};
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.