1import{d as y,r as s,an as M,c as z,N as C,D as p,E as g,u as c,S as d,f as _,H as h,Q as S,G as V,R as H,aa as N,ab as P}from"./vue.00f7c436.js";import{O as E,bg as $,_ as j}from"./index.474d7b13.js";import"./sentry.09480738.js";var u={},b;function q(){return b||(b=1,function(e){Object.defineProperty(e,"__esModule",{value:!0});var r="fal",l="desktop",t=576,n=512,o=[128421,61704,"desktop-alt"],a="f390",i="M512 0H64C28.65 0 0 28.65 0 64v288c0 35.35 28.65 64 64 64h149.7l-19.2 64H144C135.2 480 128 487.2 128 496S135.2 512 144 512h288c8.836 0 16-7.164 16-16S440.8 480 432 480h-50.49l-19.2-64H512c35.35 0 64-28.65 64-64V64C576 28.65 547.3 0 512 0zM227.9 480l19.2-64h81.79l19.2 64H227.9zM544 352c0 17.64-14.36 32-32 32H64c-17.64 0-32-14.36-32-32V288h512V352zM544 256H32V64c0-17.64 14.36-32 32-32h448c17.64 0 32 14.36 32 32V256z";e.definition={prefix:r,iconName:l,icon:[t,n,o,a,i]},e.faDesktop=e.definition,e.prefix=r,e.iconName=l,e.width=t,e.height=n,e.ligatures=o,e.unicode=a,e.svgPathData=i,e.aliases=o}(u)),u}var F=q(),f={},w;function I(){return w||(w=1,function(e){Object.defineProperty(e,"__esModule",{value:!0});var r="fal",l="mobile",t=384,n=512,o=[128241,"mobile-android","mobile-phone"],a="f3ce",i="M288 0H96C60.65 0 32 28.65 32 64v384c0 35.35 28.65 64 64 64h192c35.35 0 64-28.65 64-64V64C352 28.65 323.3 0 288 0zM320 448c0 17.64-14.36 32-32 32H96c-17.64 0-32-14.36-32-32V64c0-17.64 14.36-32 32-32h192c17.64 0 32 14.36 32 32V448zM224 400H160c-8.836 0-16 7.162-16 16c0 8.836 7.164 16 16 16h64c8.836 0 16-7.164 16-16C240 407.2 232.8 400 224 400z";e.definition={prefix:r,iconName:l,icon:[t,n,o,a,i]},e.faMobile=e.definition,e.prefix=r,e.iconName=l,e.width=t,e.height=n,e.ligatures=o,e.unicode=a,e.svgPathData=i,e.aliases=o}(f)),f}var B=I();const k=e=>(N("data-v-f4613e3e"),e=e(),P(),e),O={key:0,class:"flex absolute top-0 bg-white rounded-b-lg shadow overflow-hidden z-10"},R=k(()=>d("div",{class:"camera rounded-full transition-all"},null,-1)),T={class:"content transition-all h-full w-full overflow-hidden"},G=k(()=>d("div",{class:"home rounded-full transition-all"},null,-1)),Q=y({__name:"TmlDevicePreviewContainer",props:{initialDevice:{default:"mobile"}},setup(e){const r=e,l=s(null),t=M(l),n=s(r.initialDevice),o={mobile:{class:"mobile",width:s(400),height:s(700),padding:32},tablet:{class:"tablet",width:s(800),height:s(600),padding:32},desktop:{class:"desktop",width:t.width,height:t.height,padding:0}},a=z(()=>{const i=o[E("md")?"desktop":n.value];return{class:i.class,width:s(Math.min(i.width.value,t.width.value-i.padding)),height:s(Math.min(i.height.value,t.height.value-i.padding))}});return(i,v)=>{const m=C("font-awesome-icon");return p(),g("div",{ref_key:"containerElement",ref:l,class:"flex justify-center items-center"},[c($)("md")?(p(),g("div",O,[d("div",{class:h(["flex justify-center items-center py-4 w-20 hover:bg-gray-100 cursor-pointer transition",{"bg-gray-100":c(a).class==="mobile"}]),onClick:v[0]||(v[0]=D=>n.value="mobile")},[_(m,{icon:c(B.faMobile)},null,8,["icon"])],2),d("div",{class:h(["flex justify-center items-center py-4 w-20 hover:bg-gray-100 cursor-pointer transition",{"bg-gray-100":c(a).class==="desktop"}]),onClick:v[1]||(v[1]=D=>n.value="desktop")},[_(m,{icon:c(F.faDesktop)},null,8,["icon"])],2)])):S("",!0),d("div",{class:h(["device flex flex-col items-center transition-all",{[c(a).class]:!0}]),style:H({width:`${c(a).width.value}px`,height:`${c(a).height.value}px`})},[R,d("div",T,[V(i.$slots,"default",{},void 0,!0)]),G],6)],512)}}});const L=j(Q,[["__scopeId","data-v-f4613e3e"]]);export{L as default}; 2//# sourceMappingURL=TmlDevicePreviewContainer.b25fe1ea.js.map
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.