1import{a as e,o as s,ah as l,d as c,e as n,f as t,g as o}from"./index.dfbc1d57.js";import{_ as d}from"./close.9a31653f.js";const i={class:"tryOnContent"},m={__name:"index",setup(r){return e(),s(()=>{l(()=>import("./vto.9e7b90f8.js"),["assets/vto.9e7b90f8.js","assets/index.dfbc1d57.js","assets/index.df161469.css"])}),(p,a)=>(c(),n("div",i,[...a[0]||(a[0]=[t("div",{class:"tryOnPge"},[t("div",{class:"modal try-on",id:"cosium-try-on",tabindex:"-1",role:"dialog","aria-labelledby":"oneFreeModalTitle","data-backdrop":"static","aria-hidden":"true"},[t("div",{class:"modal-dialog modal-dialog-centered",role:"document"},[t("div",{class:"modal-content"},[t("div",{class:"modal-header"},[t("button",{type:"button",class:"close","data-dismiss":"modal","aria-label":"Close"},[t("span",{"aria-hidden":"true"},[t("img",{class:"img-fluid",src:"https://res.glassesshop.com/statics/cosium/image/close.svg",alt:""})])])]),t("div",{id:"cosium-vto",class:"modal-body drop-shadow",style:{background:"rgba(0, 0, 0, 0.6)"}},[t("div",{class:"vto-main"},[t("div",{class:"vto-camera camera-content js-content tab-content"},[t("div",{id:"vto_AppRoot",class:"vto_AppRoot"},[t("video",{id:"vto_VideoElement",muted:"",loop:"",playsinline:"",autoplay:"",style:{width:"2px",height:"2px",position:"absolute","z-index":"1"}}),t("div",{class:"mobile-tint d-lg-none"},[t("div",{class:"lens-content-mb"},[t("div",{class:"attr-content-mb"},[t("span",{class:"attr-select-mb","data-type":"lens"},[t("em",{class:"lens-circle"}),t("span",{class:"lens-name"},"Lens Tint")])]),t("div",{class:"lens-detail",style:{display:"none"}},[t("span",{class:"js-lens-close-mb iconfont icon-close font-24"}),t("div",{class:"lens-tint-mb"},[t("div",{class:"tint-content-mb"},[t("div",{class:"lens-tint-title"},"Lens Tint"),t("div",{class:"attr-lens-options"},[t("span",{class:"attr-btn active","data-type":"CLEAR"},"Clear"),t("span",{class:"attr-btn","data-type":"SUN"},"Sunglasses"),t("span",{class:"attr-btn","data-type":"LIGHT"},"Light Adjusting"),t("span",{class:"attr-btn","data-type":"MIRRORED"},"Mirrored")])])]),t("div",{class:"lens-content-box"},[t("div",{class:"sun-content select-content",style:{display:"none"}},[t("div",{class:"tint-strength"},[t("span",{class:"strength active","data-opacity":"40"},"Light (40%)"),t("span",{class:"strength","data-opacity":"80"},"Dark (80%)")]),t("div",{class:"tint-color-list"},[t("span",{class:"color active","data-color":"Pink","data-color-type":"TINT","data-color-top-left":"#c8288a","data-color-top-right":"#c8288a","data-color-bottom-left":"#c8288a","data-color-bottom-right":"#c8288a",style:{"background-color":"#c8288a"}}),t("span",{class:"color","data-color":"Purple","data-color-type":"TINT","data-color-top-left":"#7126a1","data-color-top-right":"#7126a1","data-color-bottom-left":"#7126a1","data-color-bottom-right":"#7126a1",style:{"background-color":"#7126a1"}}),t("span",{class:"color","data-color":"Blue","data-color-type":"TINT","data-color-top-left":"#2160b9","data-color-top-right":"#2160b9","data-color-bottom-left":"#2160b9","data-color-bottom-right":"#2160b9",style:{"background-color":"#2160b9"}}),t("span",{class:"color","data-color":"Gray","data-color-type":"TINT","data-color-top-left":"#000000","data-color-top-right":"#000000","data-color-bottom-left":"#000000","data-color-bottom-right":"#000000",style:{"background-color":"#000000"}}),t("span",{class:"color","data-color":"Brown","data-color-type":"TINT","data-color-top-left":"#371302","data-color-top-right":"#371302","data-color-bottom-left":"#371302","data-color-bottom-right":"#371302",style:{"background-color":"#371302"}}),t("span",{class:"color","data-color":"Green","data-color-type":"TINT","data-color-top-left":"#2c422b","data-color-top-right":"#2c422b","data-color-bottom-left":"#2c422b","data-color-bottom-right":"#2c422b",style:{"background-color":"#2c422b"}})])]),t("div",{class:"light-content select-content",style:{display:"none"}},[t("div",{class:"tint-color-list"},[t("span",{class:"color active","data-color":"Brown","data-color-type":"TRANSITIONS","data-color-top-left":"#582219","data-color-top-right":"#582219","data-color-bottom-left":"#582219","data-color-bottom-right":"#582219",style:{"background-color":"#582219"}}),t("span",{class:"color","data-color":"Gray","data-color-type":"TRANSITIONS","data-color-top-left":"#3f4244","data-color-top-right":"#3f4244","data-color-bottom-left":"#3f4244","data-color-bottom-right":"#3f4244",style:{"background-color":"#3f4244"}}),t("span",{class:"color","data-color":"Sapphire","data-color-type":"TRANSITIONS","data-color-top-left":"#066c9e","data-color-top-right":"#066c9e","data-color-bottom-left":"#066c9e","data-color-bottom-right":"#066c9e",style:{"background-color":"#066c9e"}}),t("span",{class:"color","data-color":"Amber","data-color-type":"TRANSITIONS","data-color-top-left":"#964f21","data-color-top-right":"#964f21","data-color-bottom-left":"#964f21","data-color-bottom-right":"#964f21",style:{"background-color":"#964f21"}}),t("span",{class:"color","data-color":"Amethyst Purple","data-color-type":"TRANSITIONS","data-color-top-left":"#492f7d","data-color-top-right":"#492f7d","data-color-bottom-left":"#492f7d","data-color-bottom-right":"#492f7d",style:{"background-color":"#492f7d"}}),t("span",{class:"color","data-color":"Graphite Green","data-color-type":"TRANSITIONS","data-color-top-left":"#20341e","data-color-top-right":"#20341e","data-color-bottom-left":"#20341e","data-color-bottom-right":"#20341e",style:{"background-color":"#20341e"}})]),t("div",{class:"slider-content"},[t("em",{class:"home-img"}),t("div",{class:"slider-box"},[t("div",{class:"cover",style:{width:"21px"}}),t("input",{type:"range",class:"slider-color-opacity",min:"0",max:"1.0",step:"0.01",value:"
10.85",autocomplete:"off"}),t("span",{class:"line-point first-point point-primary"}),t("span",{class:"line-point center-point point-primary"}),t("span",{class:"line-point last-point"})]),t("em",{class:"sun-img"})])]),t("div",{class:"mirrored-content select-content",style:{display:"none"}},[t("div",{class:"tint-color-list"},[t("span",{class:"color active","data-color":"Orange","data-color-type":"MIRRORED","data-color-top-left":"#cd8458","data-color-top-right":"#bd5c26","data-color-bottom-left":"#fbd25f","data-color-bottom-right":"#b65d31",style:{"background-color":"#cd8458"}}),t("span",{class:"color","data-color":"Gray","data-color-type":"MIRRORED","data-color-top-left":"#bababb","data-color-top-right":"#b2b2b2","data-color-bottom-left":"#e5e5e5","data-color-bottom-right":"#9c9c9c",style:{"background-color":"#bababb"}}),t("span",{class:"color","data-color":"Blue","data-color-type":"MIRRORED","data-color-top-left":"#2979b6","data-color-top-right":"#275898","data-color-bottom-left":"#2cbff1","data-color-bottom-right":"#2a7eb9",style:{"background-color":"#2979b6"}}),t("span",{class:"color","data-color":"Pink","data-color-type":"MIRRORED","data-color-top-left":"#f2a8cd","data-color-top-right":"#f4999e","data-color-bottom-left":"#f5a8ba","data-color-bottom-right":"#f985a0",style:{"background-color":"#f2a8cd"}})])])])])]),t("div",{class:"vto-foot-mb"},[t("div",{class:"product-info"},[t("div",{class:"product-btn"},[t("span",{id:"vto_FrameFitBtn",class:"btn btn-vto btn-edit-frame"},"Frame Fit"),t("a",{href:"#",class:"btn btn-vto btn-selectLens vto-select-btn"},"Select Lenses")])])])]),t("div",{id:"vto_RenderersRoot",class:"overlay",style:{"z-index":"2"}},[t("div",{class:"vto_RendererGlassesSpinner",style:{"z-index":"3"}},[t("div"),t("div"),t("div"),t("div")])]),t("div",{id:"vto_NoFaceDetectedPanel",class:"panel overlay",style:{"z-index":"15"}},[t("p",{id:"vto_NoFaceDetectedMessage"}," No user detected. Please try again. "),t("div",null,[t("button",{id:"vto_NoFaceDetectedBtn"},"OK")])]),t("div",{id:"vto_ImageValidationPanel",class:"panel overlay",style:{"z-index":"15"}},[t("div",{style:{height:"100%"}},[t("div",{class:"uploading"},[t("div",{class:"crop-content"},[t("canvas",{id:"vto_ImageValidationCanvas",style:{width:"450px",height:"450px"}})]),t("div",{class:"image-crop-text d-lg-none"},[t("div",{class:"crop-desc"},[o(" Adjust the crop to keep your face "),t("br"),o("centered and level ")]),t("div",{class:"rotate",style:{display:"none"}},[t("img",{class:"img-fluid mr-3",src:"https://res.glassesshop.com/statics/cosium/image/rotate.png"}),o(" Rotate Image ")])]),t("p",{id:"vto_ImageValidationNoUserDetectedMsg",class:"red"}," No face detected "),t("div",{class:"crop-btns-content d-lg-none"},[t("div",{class:"btn-options"},[t("span",{id:"vto_Mb_ImageValidationCancelBtn",class:"btn btn-vto btn-cancel"},"Cancel"),t("span",{id:"vto_Mb_ImageValidationValidateBtn",class:"btn-vto btn-confirm"},"Continue")])])])])]),t("div",{id:"vto_RecordVideoPanel",class:"panel overlay",transparent:"true",style:{"z-index":"4"}}),t("div",{id:"vto_GuessIPDPanel",class:"panel overlay",style:{"z-index":"4"}},[t("canvas",{id:"vto_GuessIPDCanvas",class:"overlay"}),t("div",{id:"vto_GuessIPDNoticeMsg"},[t("img",{src:"https://res.glassesshop.com/statics/cosium/ipd_auto_measurement.svg"}),t("p",null,[o(" Keep your head straight inside the oval portion of the screen, then place a card with a black magnetic stripe on your forhead and fit it inside the rectangular box. "),t("br"),t("br"),o(" Make sure to place the card so that the black magnetic strip of the card is located on the bottom part of the rectangle and visible to the camera. Once you are ready, click on the button bellow to start the calibration. ")])]),t("p",{id:"vto_GuessIPDHintsMsg"}),t("p",{id:"vto_GuessIPDFailureMsg"},[o(" An error occured."),t("br"),t("span",{class:"red"}),t("br"),o("Please retry. ")]),t("p",{id:"vto_GuessIPDConclusionMsg"},[o(" Measurement successfull."),t("br"),o("Your Inter Pupillary distance has been set accordingly. ")]),t("div",null,[t("button",{id:"vto_GuessIPDCancelBtn"},"Cancel"),t("button",{id:"vto_GuessIPDStartBtn"},"Start"),t("button",{id:"vto_GuessIPDOKBtn"},"OK")])]),t("div",{id:"vto_SetIPDPanel1",class:"panel overlay",style:{"z-index":"4"}},[t("p",null,[o(" Select your "),t("label",{for:"vto_SetIPDSelect"},"Inter Pupillary Distance:"),t("br"),t("select",{id:"vto_SetIPDSelect",name:"vto_IPDSelect"},[t("optgroup",{label:"Inter Pupillary Distance"}),t("option",{value:"4.5"},"below 5 cm"),t("option",{value:"5.5"},"between 5 cm and 6 cm"),t("option",{value:"6.5"},"between 6 cm and 7 cm"),t("option",{value:"8.5"},"between 8 cm and 9 cm"),t("option",{value:"9.5"},"above 9 cm")])]),t("p",{id:"vto_SetIPDGuessMsg"},[o(" If you don't know, we can still"),t("br"),t("button",{id:"vto_SetIPDGuessBtn"},"Guess It")]),t("div",null,[t("button",{id:"vto_SetIPDCancelBtn"},"Cancel"),t("button",{id:"vto_SetIPDOKBtn"},"OK")])]),t("div",{id:"vto_RecommendationPanel",class:"panel overlay",style:{"z-index":"4"}},[t("p",{id:"vto_RecommendationNoticeMsg"}," Start the face analysis and discover the selection of glasses that we will select for you. "),t("p",{id:"vto_RecommendationFailureMsg"},[o(" An error occured."),t("br"),t("span",{class:"red"}),t("br"),o("Please retry. ")]),t("p",{id:"vto_RecommendationConclusionMsg"},[o(" Analysis process completed."),t("br"),o("You will be offered a selection of glasses corresponding to your morphology. ")]),t("div",null,[t("button",{id:"vto_RecommendationCancelBtn"},"Cancel"),t("button",{id:"vto_RecommendationStartBtn"},"Start"),t("button",{id:"vto_RecommendationOKBtn"},"OK")])]),t("div",{id:"vto_CountdownPanel",class:"panel overlay",transparent:"true",style:{"z-index":"5"}},[t("div",{id:"vto_CountdownStatus"},[t("div",{id:"vto_CountdownBlink",class:"blink circle"}),t("p",{id:"vto_Countdown"})]),t("p",{id:"vto_CountdownMsg"},"Be ready!")])])]),t("div",{id:"vto-info-section",class:"vto-info-section"},[t("div",{class:"info-name"},[t("span",{class:"try-product-img"},[t("img",{class:"img-fluid",src:""})]),t("input",{type:"hidden",class:"product-id",value:""}),t("span",{class:"product-name"})]),t("div",{class:"vto-lens-tint"},[t("div",{class:"vto-lens-part"},[t("span",{class:"btn-lens-tint"},[o(" Lens Tint "),t("i",{class:"iconfont icon-select"})])]),t("div",{class:"lens-tint-select fade-show"},[t("span",{class:"lens-type active","data-type":"CLEAR"},"Clear"),t("span",{class:"lens-type","data-type":"SUN"},"Sun"),t("span",{class:"lens-type","data-type":"LIGHT"},"Light Adjusting"),t("span",{class:"lens-type","data-type":"MIRRORED"},"Mirrored")]),t("div",{class:"tint-content"},[t("span",{class:"js-lens-close iconfont icon-close font-24"}),t("div",{class:"color-content"},[t("div",{class:"tint-title lens-tint-title"}," Purple (80%) "),t("div",{class:"sun-content select-content",style:{display:"none"}},[t("div",{class:"tint-strength"},[t("span",{class:"strength active","data-opacity":"40"},"Light (40%)"),t("span",{class:"strength","data-opacity":"80"},"Dark (80%)")]),t("div",{class:"tint-color-list"},[t("span",{class:"color active","data-color":"Pink","data-color-type":"TINT","data-color-top-left":"#c8288a","data-color-top-right":"#c8288a","data-color-bottom-left":"#c8288a","data-color-bottom-right":"#c8288a",style:{"background-color":"#c8288a"}}),t("span",{class:"color","data-color":"Purple","data-color-type":"TINT","data-color-top-left":"#7126a1","data-color-top-right":"#7126a1","data-color-bottom-left":"#7126a1","data-color-bottom-right":"#7126a1",style:{"background-color":"#7126a1"}}),t("span",{class:"color","data-color":"Blue","data-color-type":"TINT","data-color-top-left":"#2160b9","data-color-top-right":"#2160b9","data-color-bottom-left":"#2160b9","data-color-bottom-right":"#2160b9",style:{"background-color":"#2160b9"}}),t("span",{class:"color","data-color":"Gray","data-color-type":"TINT","data-color-top-left":"#000000","data-color-top-right":"#000000","data-color-bottom-left":"#000000","data-color-bottom-right":"#000000",style:{"background-color":"#000000"}}),t("span",{class:"color","data-color":"Brown","data-color-type":"TINT","data-color-top-left":"#371302","data-color-top-right":"#371302","data-color-bottom-left":"#371302","data-color-bottom-right":"#371302",style:{"background-color":"#371302"}}),t("span",{class:"color","data-color":"Green","data-color-type":"TINT","data-color-top-left":"#2c422b","data-color-top-right":"#2c422b","data-color-bottom-left":"#2c422b","data-color-bottom-right":"#2c422b",style:{"background-color":"#2c422b"}})])]),t("div",{class:"light-content select-content",style:{display:"none"}},[t("div",{class:"tint-color-list"},[t("span",{class:"color active","data-color":"Brown","data-color-type":"TRANSITIONS","data-color-top-left":"#582219","data-color-top-right":"#582219","data-color-bottom-left":"#582219","data-color-bottom-right":"#582219",style:{"background-color":"#582219"}}),t("span",{class:"color","data-color":"Gray","data-color-type":"TRANSITIONS","data-color-top-left":"#3f4244","data-color-top-right":"#3f4244","data-color-bottom-left":"#3f4244","data-color-bottom-right":"#3f4244",style:{"background-color":"#3f4244"}}),t("span",{class:"color","data-color":"Sapphire","data-color-type":"TRANSITIONS","data-color-top-left":"#066c9e","data-color-top-right":"#066c9e","data-color-bottom-left":"#066c9e","data-color-bottom-right":"#066c9e",style:{"background-color":"#066c9e"}}),t("span",{class:"color","data-color":"Amber","data-color-type":"TRANSITIONS","data-color-top-left":"#964f21","data-color-top-right":"#964f21","data-color-bottom-left":"#964f21","data-color-bottom-right":"#964f21",style:{"background-color":"#964f21"}}),t("span",{class:"color","data-color":"Amethyst Purple","data-color-type":"TRANSITIONS","data-color-top-left":"#492f7d","data-color-top-right":"#492f7d","data-color-bottom-left":"#492f7d","data-color-bottom-right":"#492f7d",style:{"background-color":"#492f7d"}}),t("span",{class:"color","data-color":"Graphite Green","data-color-type":"TRANSITIONS","data-color-top-left":"#20341e","data-color-top-right":"#20341e","data-color-bottom-left":"#20341e","data-color-bottom-right":"#20341e",style:{"background-color":"#20341e"}})]),t("div",{class:"slider-content"},[t("em",{class:"home-img"}),t("div",{class:"slider-box"},[t("div",{class:"cover",style:{width:"21px"}}),t("input",{type:"range",class:"slider-color-opacity",min:"0",max:"1.0",step:"0.01",value:"
10.85",autocomplete:"off"}),t("span",{class:"line-point first-point point-primary"}),t("span",{class:"line-point center-point point-primary"}),t("span",{class:"line-point last-point"})]),t("em",{class:"sun-img"})])]),t("div",{class:"mirrored-content select-content",style:{display:"none"}},[t("div",{class:"tint-color-list"},[t("span",{class:"color active","data-color":"Orange","data-color-type":"MIRRORED","data-color-top-left":"#cd8458","data-color-top-right":"#bd5c26","data-color-bottom-left":"#fbd25f","data-color-bottom-right":"#b65d31",style:{"background-color":"#cd8458"}}),t("span",{class:"color","data-color":"Gray","data-color-type":"MIRRORED","data-color-top-left":"#bababb","data-color-top-right":"#b2b2b2","data-color-bottom-left":"#e5e5e5","data-color-bottom-right":"#9c9c9c",style:{"background-color":"#bababb"}}),t("span",{class:"color","data-color":"Blue","data-color-type":"MIRRORED","data-color-top-left":"#2979b6","data-color-top-right":"#275898","data-color-bottom-left":"#2cbff1","data-color-bottom-right":"#2a7eb9",style:{"background-color":"#2979b6"}}),t("span",{class:"color","data-color":"Pink","data-color-type":"MIRRORED","data-color-top-left":"#f2a8cd","data-color-top-right":"#f4999e","data-color-bottom-left":"#f5a8ba","data-color-bottom-right":"#f985a0",style:{"background-color":"#f2a8cd"}})])])])])])]),t("div",{id:"vto_NoWebcamPanel",class:"",style:{"z-index":"20"}},[t("div",{class:"showBackdrop"},[t("div",{class:"text d-none d-lg-block"},[o(" Please grant access to your webcam. "),t("p",{class:"mt-5 pt-4"},"Cannot use the camera?"),t("p",{class:"mt-4"},[o(" Try with recorded "),t("span",{class:"underline",id:"vto_NoWebcamModelsBtn"},"model faces"),o(". ")])]),t("div",{class:"text d-lg-none"},[t("p",null,"Try on now?"),t("p",null," Check your browser setting to grant access to your webcam. "),t("p",{class:"mt-5 pt-4"},"Cannot use the camera?"),t("p",null,[o(' Click "'),t("span",{style:{"text-decoration":"underline"}},"Image"),o('" button to use images in your album to try on. ')])])])]),t("div",{id:"vto_UploadPhotoPanel",class:"vto-image image-content tab-content",style:{"z-index":"20"}},[t("div",{class:"vto-image-box",style:{position:"relative"}},[t("img",{class:"img-fluid uploadImgClose d-lg-none",id:"vto_UploadImgClose",src:d,alt:""}),t("div",{class:"title"},"Upload an image"),t("div",{class:"vto-upload-img"},[t("div",{class:"vto-upload-tip"}," Maximum file size is 10MB. "),t("input",{id:"vto_LoadPhotoBtn",class:"t-upload-input",type:"file",accept:"image/*",style:{position:"absolute",cursor:"pointer",right:"0",top:"0",height:"100%",filter:"alpha(opacity=0)",opacity:"0","font-size":"50px",outline:"none","z-index":"2"}})]),t("div",{class:"vto-img-tip"},[t("img",{src:"https://res.glassesshop.com/statics/cosium/image/do.jpg"}),t("img",{src:"https://res.glassesshop.com/statics/cosium/image/do-not.jpg"})]),t("div",{class:"vto-text-tip"},[o(" Keep your face forward, centered, and level."),t("br"),o(" Do not wear any eyewear. ")])])]),t("div",{id:"vto_AuthorizationPanel",class:"",style:{"z-index":"15"}},[t("p",{id:"vto_Disclaimer"}),t("div",{class:"showBackdrop"},[t("div",{class:"text d-none d-lg-block"},[o(" Please grant access to your webcam. "),t("p",{class:"mt-5 pt-4"},"Cannot use the camera?"),t("p",{class:"mt-4"},[o(" Try with recorded "),t("span",{class:"underline",id:"vto_NoWebcamModelsBtn"},"model faces"),o(". ")])]),t("div",{class:"text d-lg-none",style:{width:"80%"}},[t("p",null,"Try on now?"),t("p",null," Check your browser setting to grant access to your webcam. "),t("p",{class:"mt-5 pt-4"},"Cannot use the camera?"),t("p",null,[o(' Click "'),t("span",{style:{"text-decoration":"underline"}},"Image"),o('" button to use images in your album to try on. ')])])])])]),t("div",{class:"vto-aside"},[t("div",{class:"vto-tab"},[t("span",{class:"tab-title camera active","data-type":"camera-content",id:"vto-UseCameraBtn",active:"true"},[o(" CAMERA "),t("i",{class:"iconfont icon-select d-lg-none"})]),t("span",{class:"tab-title image","data-type":"image-content",id:"vto-UseImageBtn"},[o(" IMAGE "),t("i",{class:"iconfont icon-select d-lg-none"})])]),t("div",{class:"aside tab-content"},[t("div",{class:"camera-image"},[t("div",{id:"vto_AuthorizationControlPanel",class:"default-vto-content control-panel"},[t("div",{class:"title"},"Live Camera"),t("div",{class:"not-title"},[o(" Current PD: "),t("b",{id:"vto_cameraIPDContent",class:"video-pd-val ipd-content"},"63"),t("b",null,"mm"),t("a",{class:"pdModal",href:"javascript:void(0)","data-toggle":"modal","data-target":"#vto-pd-modal"},[t("i",{class:"iconfont icon-warning-circle"})])]),t("div",{id:"vto_UseCameraSetIPDBtn",class:"btn btn-vto vto-default-btn vto-edit-btn"}," Edit "),t("div",{class:"vto-tips"},[t("div",{class:"tips-title"},"Try-on tips:"),t("div",{class:"tips-desc"},[o(" 1. Please take off your glasses before you start Try-on."),t("br"),o(" 2. Try-on effects may be affected by lighting, camera distance, and/or other factors. The frame size is subject to the actual. ")]),t("div",{class:"btns-content"},[t("div",{class:"btn-options"},[t("a",{href:"#",class:"vto-select-btn"},"Select Lenses")])])])]),t("div",{id:"vto_NoWebcamControlPanel",class:"no-webcam-control control-panel"},[t("div",{class:"title"},"Try on now?"),t("div",{class:"vto-text"}," Check your browser setting to grant access to your webcam. "),t("div",{class:"btns-content"},[t("div",{class:"btn-options"},[t("a",{href:"#",class:"vto-select-btn"},"Select Lenses")])])]),t("div",{id:"vto_ModelsVideoControlPanel",class:"model-videos control-panel"},[t("div",{class:"title"},"Try on now?"),t("div",{class:"vto-text"}," Check your browser setting to grant access to your webcam. "),t("div",{class:"change-btn"},[t("span",{id:"vto_ModelsVideoManBtn",class:"btn-type active btn-male"},"Male"),t("span",{id:"vto_ModelsVideoWomanBtn",class:"btn-type btn-female"},"Female")]),t("div",{class:"btns-content"},[t("div",{class:"btn-options"},[t("a",{href:"#",class:"vto-select-btn"},"Select Lenses")])])]),t("div",{id:"vto_UseImageControlPanel",class:"control-panel"},[t("div",{class:"add-new-image"},[t("div",{class:"title"},"Add new image"),t("div",{class:"vto-text"},[o(" Enter your PD for a more accurate fit."),t("br"),t("br"),o(" Be sure to double check your frame\u2019s dimensions before ordering your glasses. ")]),t("div",{class:"btns-content"},[t("div",{class:"btn-options"},[t("span",{id:"vto_ImageUploadCancelBtn",style:{width:"200px"},class:"btn btn-vto btn-cancel"},"Cancel")])])])]),t("div",{id:"vto_ImageValidationControlPanel",class:"control-panel"},[t("div",{class:"upload-new-image"},[t("div",{class:"title"},"Add new image"),t("div",{class:"vto-text"},[o(" Enter your PD for a more accurate fit."),t("br"),t("br"),o(" Be sure to double check your frame\u2019s dimensions before ordering your glasses. ")]),t("div",{class:"editPd"},[t("div",{class:"vto-pup"},[o(" Pupillary distance(PD) "),t("a",{class:"pdModal",href:"javascript:void(0)","data-toggle":"modal","data-target":"#vto-pd-modal"},[t("i",{class:"iconfont icon-warning-circle"})])]),t("input",{class:"vto-input-pd ipd-content-input",type:"number",value:"63",min:"40",max:"80"}),t("div",{class:"btns-content"},[t("div",{class:"btn-options"},[t("span",{class:"btn btn-vto btn-cancel",id:"vto_ImageValidationCancelBtn"},"Cancel"),t("span",{class:"btn-vto btn-confirm",id:"vto_ImageValidationValidateBtn"},"Continue")])])])])]),t("div",{id:"vto_ChangePhotoIPDControlPanel",class:"edit-pd editPd",style:{display:"none"}},[t("div",{class:"title"},"Edit PD"),t("div",{class:"vto-text"},[o(" Enter your PD for a more accurate fit."),t("br"),t("br"),o(" Be sure to double check your frame\u2019s dimensions before ordering your glasses. ")]),t("div",{class:"vto-pup"},[o(" Pupillary distance(PD) "),t("a",{class:"pdModal",href:"javascript:void(0)","data-toggle":"modal","data-target":"#vto-pd-modal"},[t("i",{class:"iconfont icon-warning-circle"})])]),t("input",{id:"vto_SetPhotoIPDInput",class:"vto-input-pd ipd-content-input",type:"number",value:"63",min:"40",max:"80"}),t("input",{id:"vto_refererInput",type:"hidden",value:""}),t("div",{class:"btns-content"},[t("div",{class:"btn-options"},[t("span",{id:"vto_SetPhotoIPDCancelBtn",class:"btn btn-vto btn-cancel"},"Cancel"),t("span",{id:"vto_SetPhotoIPDOKBtn",class:"btn-vto btn-confirm"},"Confirm")])])]),t("div",{class:"adjust-position",style:{display:"none"}},[t("div",{class:"title"},"Add new image"),t("div",{class:"adjust-img"},[t("img",{src:"https://res.glassesshop.com/statics/cosium/image/adjust_glasses.jpg"})]),t("div",{class:"how-title"},"How to adjust:"),t("div",{class:"adjust-desc"}," Click on the frame and drag up and down to adjust "),t("div",{class:"btns-content"},[t("div",{class:"btn-options"},[t("span",{class:"btn btn-vto btn-cancel"},"Cancel"),t("span",{class:"btn-vto btn-confirm"},"Continue")])])]),t("div",{id:"vto_UploadedImages",class:"show-upload-image",style:{display:"none"}},[t("div",{class:"title"},"Select image"),t("div",{class:"upload-image-list"},[t("span",{class:"img-box"},[t("img",{class:"img-fluid uploaded-vto-image"})])]),t("div",{class:"manage-img d-lg-none"},"Manage this image"),t("div",{id:"vto_ChangePhotoBtn",class:"btn btn-vto vto-default-btn btn-image-change"}," Change Photo "),t("div",{class:"enter-text d-lg-none"}," Enter your PD for a better fit. "),t("div",{class:"not-title"},[o(" Current PD: "),t("b",{id:"vto_photoIPDContent",class:"video-pd-val ipd-content"},"63"),t("b",null,"mm"),t("a",{class:"pdModal d-none d-lg-inline",href:"javascript:void(0)","data-toggle":"modal","data-target":"#vto-pd-modal"},[t("i",{class:"iconfont icon-warning-circle"})]),t("a",{class:"tips-po d-lg-none",href:"javascript:void(0)","data-toggle":"popover","data-trigger":"focus",tabindex:"0","data-
1placement":"top","data-content":`<div class='pd-popove'> 2 <img class='pd-img img-fluid' src='https://res.glassesshop.com/statics/cosium/image/pd-3.png'> 3 <div class='tips-pd-desc'> 4 Pupillary Distance (PD), the distance between the centers of your pupils, determines where you look through the lens of your glasses. It should be as accurate as possible. The 5 average adult's single PD is between 54-74 mm; kids' are between 43-58 mm. 6 </div> 7 <div class='Ok-btn'>OK</div> 8 </div>`},[t("i",{class:"iconfont icon-warning-circle",style:{color:"#333"}})])]),t("div",{id:"vto_ChangePhotoIPDBtn",class:"btn btn-vto vto-default-btn vto-edit-btn d-none d-lg-block"}," Edit "),t("div",{id:"vto_MbChangePhotoIPDBtn",class:"btn btn-vto vto-default-btn vto-edit-btn d-block d-lg-none"}," Edit "),t("div",{class:"btns-content d-none d-lg-block"},[t("div",{class:"btn-options"},[t("a",{href:"#",class:"vto-select-btn"},"Select Lenses")])])])])])]),t("div",{id:"vto_SetIPDPanel",class:"edit-pd-mobile",style:{display:"none"}},[t("div",{class:"pd-mb-content"},[t("div",{class:"edit-pd-title"}," Enter your PD for a better fit. "),t("div",{class:"pd-input"},[t("div",{class:"pd-input-desc"},[o(" Pupillary distance(PD) "),t("a",{class:"tips-po",href:"javascript:void(0)","data-toggle":"popover","data-trigger":"focus",tabindex:"0","data-placement":"bottom","data-content":`<div class='pd-popove'> 9 <img class='pd-img img-fluid' src='https://res.glassesshop.com/statics/cosium/image/pd-3.png'> 10 <div class='tips-pd-desc'> 11 Pupillary Distance (PD), the distance between the centers of your pupils, determines where you look through the lens of your glasses. It should be as accurate as possible. The 12 average adult's single PD is between 54-74 mm; kids' are between 43-58 mm. 13 </div> 14 <div class='Ok-btn'>OK</div> 15 </div>`},[t("i",{class:"iconfont icon-warning-circle"})])]),t("input",{id:"vto_SetIPDInput",class:"input-pd-mb ipd-content-input",type:"number",value:"63",min:"40",max:"80"})]),t("div",{class:"edit-pd-btn"},[t("span",{id:"vto_SetIPDCancelBtn",class:"btn btn-vto btn-cancel"},"Cancel"),t("span",{id:"vto_SetIPDOKBtn",class:"btn btn-vto btn-confirm"},"Confirm")]),t("div",{class:"vto-tips"},[t("div",{class:"tips-title"},"Try-on tips:"),t("div",{class:"tips-desc"},[o(" 1. Please take off your glasses before you start Try-on."),t("br"),o(" 2. Try-on effects may be affected by lighting, camera distance, and/or other factors. The frame size is subject to the actual. ")]),t("div",{class:"btns-content"},[t("div",{class:"btn-options"},[t("a",{href:"#",class:"vto-select-btn"},"Select Lenses")])])])])]),t("div",{id:"vto_Spinner",style:{"z-index":"100"}},[t("div",{id:"vto_SpinnerContent"},[t("div",null,[t("div",null,[t("div",null,[t("div",{class:"circle"})])]),t("div",null,[t("div",null,[t("div",{class:"circle"})])])])])])])])])]),t("div",{class:"modal pdModal",id:"vto-pd-modal",tabindex:"-1",role:"dialog","aria-labelledby":"pdM","aria-hidden":"true","data-backdrop":"false"},[t("div",{class:"modal-dialog modal-dialog-centered",role:"document"},[t("div",{class:"modal-content"},[t("div",{class:"modal-header"}),t("div",{class:"modal-body"},[t("img",{class:"img-fluid",src:"https://res.glassesshop.com/statics/cosium/image/pd-3.png"}),t("div",{class:"pdText"}," Pupillary Distance (PD), the distance between the centers of your pupils, determines where you look through the lens of your glasses. It should be as accurate as possible. The average adult's single PD is between 54-74 mm; kids' are between 43-58 mm. "),t("div",{class:"Ok-btn","data-dismiss":"modal"},"OK")])])])]),t("div",{class:"modal error-dialog",id:"vto-uploaded-file-oversize-dialog",tabindex:"-1",role:"dialog","aria-labelledby":"error-dialog","data-backdrop":"false","aria-hidden":"true"},[t("div",{class:"modal-dialog modal-dialog-centered",role:"document"},[t("div",{class:"modal-content"},[t("div",{class:"modal-body"},[t("div",{class:"error-desc"},[o(" Kindly please make sure the max size of"),t("br"),o(" the file you upload is less than 10MB. ")]),t("div",{class:"close-btn","data-dismiss":"modal"},"OK")])])])]),t("div",{class:"modal error-dialog",id:"vto-no-face-validation-dialog",tabindex:"-1",role:"dialog","aria-labelledby":"error-dialog","data-backdrop":"false","aria-hidden":"true"},[t("div",{class:"modal-dialog modal-dialog-centered",role:"document"},[t("div",{class:"modal-content"},[t("div",{class:"modal-body"},[t("div",{class:"error-desc"},"No user detected. Please try again."),t("div",{class:"close-btn","data-dismiss":"modal"},"OK")])])])]),t("div",{class:"modal fade",id:"vto-declaration",tabindex:"-1",role:"dialog","aria-labelledby":"declarationTitle","aria-hidden":"true"},[t("div",{class:"modal-dialog modal-dialog-centered text-center",role:"document"},[t("div",{class:"modal-content"},[t("div",{class:"modal-header"},[t("button",{type:"button",class:"close font-22 closeImg","data-dismiss":"modal","aria-label":"Close"},[t("img",{src:"https://res.glassesshop.com/statics/cosium/image/close.svg"})])]),t("div",{class:"modal-body"},[t("div",{class:"declarationTitle"}
15,"Welcome to Virtual Try-On"),t("div",{class:"declarationDesc"},[o(" GlassesShop uses an augmented reality application feature on your device to show you the right fit and look of the frames you select. Any information gathered will be stored on your device and will not be shared nor stored by GlassesShop. "),t("br"),t("br"),o("By continuing you accept the above "),t("a",{href:"/doc/privacy",class:"dec-link"},"Privacy Policy"),o(" and "),t("a",{href:"/doc/terms-conditions",class:"dec-link"},"Terms and Conditions")]),t("div",{class:"declarationBtn"},[t("button",{type:"button",class:"btn acceptBtn"}," Accept & Continue ")])])])])])],-1)])]))}};export{m 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.