(this["webpackJsonpod3d-tutorial-browser"]=this["webpackJsonpod3d-tutorial-browser"]||[]).push([[0],{100:function(e,t,a){},116:function(e,t,a){},117:function(e,t,a){},118:function(e,t){},12:function(e){e.exports=JSON.parse('[{"name":"3D-Ceph","description":"3D Ceph provides accurate information about the surface and lines of the patient in 3D.","color":"blueGreen","data":[{"id":"S02202106006","title":"1Jaw Orthognatic Surgery","date":"2021.06.05","description":["With Ondemand3d Dental, let\'s recreate every static imaging from our 3D-rendering.","Panoramic, SMV, Frontal and Lateral views using 3DCeph-Module.","1Jaw op. plan: Setback 5mm Mandibular Prognathism."]},{"id":"S02202011005","title":"3D-Ceph [Soft Tissue-Bone Landmarks] Placement","date":"2020.11.23","description":["OnDemand3D\u2122 is a complete imaging solution used for Cephalometric analysis. ","Therefore, in this video in which Soft Tissue + Bone on a complete skull are placed together to provide a vast variety of Landmarks used in multiple Cephalometric Analysis, FH plane based method (4 Landmarks), and UOP method (5 Landmarks) can be used, in which, the clinician can choose and make the desire cephalometric analysis.","In this video, The FH plane-based method is chosen, start measuring from Nasion, the left and right Orbitale and the right Porion, Ondemand3D incorporates these methods as base landmark points that can be finalized by just continuing placing the rest of the landmarks.","Take a look at what we have to offer and create your cephalometric analysis using this unique cephalometric module."]},{"id":"S02202011004","title":"3D-Ceph Module [Superimposition]","date":"2020.11.23","description":["OnDemand3D\u2122 is a complete imaging solution used for Cephalometric analysis for Pre&Post treatment cases that can be fused together.","Therefore, Superimposition of an Orthognathic patient that was submitted to surgery has been made on this video, Pre-treatment and the post-treatment data are merged for evaluation and interpretation of the case in time. Four Steps are performed first, before showing the primary and fused MPR 2X3 windows, as well, this module offers a complete gamut of colors for MPR Fused windows for interpretation and evaluation.","Take a look at what we have to offer and create your superimposition with this unique way of merging 2 data sets at the same time. "]},{"id":"S02202011003","title":"3D-Ceph Pre&Post Treatment Comparison","date":"2020.11.23","description":["OnDemand3D\u2122 is a complete imaging solution used for Cephalometric analysis for any Pre&Post treatment comparison cases.","Therefore, this patient went through Orthognathic surgery because of his severe Mandibular Prognathism (Class III), In the Comparison between the two 3D-Volumes, the patient is not in the Average yet, braces treatment can be seen, meaning that the patient is still in progress.","As well, Dr. Cho\u2019s Analysis with a variety of landmarks can be seen in this video, by accessing \u2018Chart\u2019 located on Task Tool bar.","Take a look at what we have to offer and place your landmarks with this unique method for cephalometric evaluation provided by 3D-Ceph module."]},{"id":"S02202011002","title":"3D-Ceph Module[X-Ray Generation]","date":"2020.11.23","description":["OnDemand3D\u2122 is a complete imaging solution used for X-ray generation utilizing 3D-ceph module, for 2D static interpretation.","Therefore, Panoramic and Lateral X-Ray generation are generated using the 3D-Ceph Module, that can also be generated using the X-Ray Generator module.","It must be known that first, completion of one of the methods, the (FH plane-based method or the UOP method) needs to be completed first, before the regeneration of any 2D x-ray representation.","Take a look at what we have to offer and regenerate a 2D image representation for a static evaluation of the anatomical regions."]},{"id":"S02202011001","title":"[Prognathism case] SNA,SNB & ANB Landmarks","date":"2020.11.23","description":["OnDemand3D\u2122 is a complete imaging solution used for placing specific landmarks such as SNA, SNB, and ANB for cephalometric evaluation.","Using Ondemand3D with 3D-Ceph Module Cephalometric analysis has never been so precise and accurate, ","Clinical matter: ","- Skeletal Class 3 Patient","- Mandibular Prognathism","- Maxillary Anterior Dental Compensation","SNA, SNB, and ANB Landmarks are placed, and afterwards the landmarks can be consulted on Dr. Cho\u2019s chart analysis.","Take a look at what we have to offer and place specific landmarks at your convenience."],"subtitles":[{"label":"English","srclang":"en"},{"label":"spanish","srclang":"es"},{"label":"chinese","srclang":"cn"}]}]},{"name":"In2guide","description":"In2Guide is used for implant planning surgery based on the DICOM data 3D volume.","color":"blue","data":[{"id":"S05202106011","title":"Maxillary Anterior implant position","date":"2021.06.07","description":["The immediate implant positioning is dictated by the anatomic position. For implants placed in the maxillary anterior, immediate implants should not be placed close to the buccal plate; instead, they should be positioned more in the lingual aspect of the extraction socket.","Implants placed more buccally had three times more soft tissue recession than lingually placed implants.","When >2 mm of facial bone thickness is present, vertical bone loss height was minimal. When less than <2 mm of bone thickness is present, tissue recession and failure resulted.","RANDOLPH R. RESNIK","In this video, Ondemand3d recreates implant positioning in the maxillary anterior region."]},{"id":"S05202105010","title":"Ximage & In2Guide implant planning","date":"2021.05.17","description":["Ondemand3d with Ximage-Module for placing together 2D images for comparing Pre and Post treatments.","In this video, implant planning from the Initial procedure to the Prosthetics, images placed into Ximage-Module."]},{"id":"S05202105009","title":"Root Canal Obliteration(Angled Abutment)","date":"2021.05.10","description":["Ondemand3d-Dental gives the Dentist the right and unique tools for implant planning,","Case of a Root Canal Obliteration that undergoes extraction on the Post extraction CT of the #1.1 Right Central Incisor, due to the bone resorption in the Buccal plate area, the implant was placed lingually, and planning using an Angled abutment was performed."]},{"id":"S05202104008","title":"Tooth Supported Surgical Guide","date":"2021.04.15","description":["Ondemand3DDental with In2Guide-Module gives the clinician a fabulous and unique way to plan any case for the implant procedure.","In this case, Tooth Supported Surgical Guide is shown along with the workflow for implant planning."]},{"id":"S05202102007","title":"Partially Edentulous Vol1.","date":"2021.02.19","description":["OnDemand3D\u2122 is a complete imaging solution that provides implant planning, surgical stent generation, implants from a vast library of manufacturers along with sleeves, custom abutments, and anchor pins that can be attached on the digital stent, and much more, all this using the exclusive in2Guide module for its realization.","Reason why using Ondemand3D by Cybermed implant planning has become so intuitive, this is the first volume of two, of a 71-year-old patient with absence in the #2.6 region, 9 steps are easily shown.","With In2Guide we can merge the Patient Ct along with an Optical Scan of a Stone model as a STL file. Furthermore, scatter or noise of a Ct data is not a problem due to the right tools provided by In2guide like the \'Smart Align\' feature shown in the video.","Take a look at what we have to offer and see what In2Guide module does for every implantologist."],"subtitles":[{"label":"English","srclang":"en"},{"label":"spanish","srclang":"es"},{"label":"chinese","srclang":"cn"}]},{"id":"S05202102006","title":"Full Edentulous Maxilla.MiniClip","date":"2021.02.19","description":["OnDemand3D\u2122 is a complete imaging solution that provides implant planning, surgical stent generation, implants from a vast library of manufacturers along with sleeves, custom abutments, and anchor pins that can be attached on the digital stent, and much more, all this using the exclusive in2Guide module for its realization.","Therefore, in this Mini Clip, access the Full Screen Mode on the 3D-Surface while using In2guide module for an intuitive way to analyze any planning before the surgical procedure, taking in consideration important anatomical landmarks like the Superior Incisive Nerve regenerated from the Incisive Foramen along with the anchor pin placement at the anterior region."]},{"id":"S05202101005","title":"Full Edentulous Maxilla-Implant Placement","date":"2021.01.24","description":["OnDemand3D\u2122 is a complete imaging solution that provides implant planning, surgical stent generation, implants from a vast library of manufacturers along with sleeves, custom abutments, and anchor pins that can be attached on the digital stent, and much more, all this using the exclusive in2Guide module for its realization.","Therefore, in this video multiple implants are placed, six in total, The Canine, 1st molar, and 1stPremolar regions on both quadrants on the maxilla, right after Sinus Floor Elevation, that can be seen on the right and left Maxillary Sinuses, respectively.","Features such as digital implants, digital anchor pins are placed right after the placement of what is going to be the surgical stent when doing the clinical procedure, along with critical anatomical structures that need to be generated for its evaluation and interpretation, such as the Incisive Foramen in the Anterior Maxillary region.","Take a look at what we have to offer and see what In2Guide module does for every implantologist."],"subtitles":[{"label":"English","srclang":"en"},{"label":"spanish","srclang":"es"},{"label":"chinese","srclang":"cn"}]},{"id":"S05202101004","title":"Full Edentulous Maxilla-Stent Generation","date":"2021.01.24","description":["OnDemand3D\u2122 is a complete imaging solution that provides a description method right before the planning, the clinician can select the type of dataset he wishes to use for his planning method.","Therefore, in this video for patients with no teeth (Edentulous) on the mandible jaw, planning for a full edentulous has never been so accurate and simple, in this video 8 steps must be performed first before planning an edentulous case on the Maxillary region, by loading a Radiographic Guide CT of the patient.","Take a look at what we have to offer and see what In2Guide module offers."],"subtitles":[{"label":"English","srclang":"en"},{"label":"spanish","srclang":"es"},{"label":"chinese","srclang":"cn"}]},{"id":"S05202101003","title":"Full Edentulous Mandible-Implant Placement","date":"2021.01.24","description":["OnDemand3D\u2122 is a complete imaging solution that provides implant planning, surgical stent generation, implants from a vast library of manufacturers along with sleeves, custom abutments, and anchor pins that can be attached on the digital stent, and much more, all this using the exclusive in2Guide module for its realization.","Therefore, in this video multiple implants in the Mandible region are placed, six in total, The Canine and Premolar region implants on both quadrants of the mandible are selected and placed because of hardly any bone height in the posterior (Molar region).","Features such as digital implants, digital anchor pins are placed right after the generation of what is going to be the surgical stent together with critical anatomical structures that need to be regenerated for its evaluation and interpretation, such as the inferior alveolar nerve.","Take a look at what we have to offer and see what In2Guide module offers."],"subtitles":[{"label":"English","srclang":"en"},{"label":"spanish","srclang":"es"},{"label":"chinese","srclang":"cn"}]},{"id":"S05202101002","title":"Full Edentulous IA Nerve Generation","date":"2021.01.24","description":["OnDemand3D\u2122 is a complete imaging solution that provides the possibility to regenerate any anatomical region located in the mandible, the maxillary jaw, and the adjacent areas, respectively.","Therefore, in this video, it is demonstrated he Inferior Alveolar Nerve course generation, from the Mental Foramen towards the Ascending Ramus of the Mandible foramen. Consequently, in the Mandible region, it is a very critical anatomical landmark that must be considered before any implant placement. Therefore, in this video, the course is explained.","Take a look at what we have to offer and see what In2Guide module offers."],"subtitles":[{"label":"English","srclang":"en"},{"label":"spanish","srclang":"es"},{"label":"chinese","srclang":"cn"}]},{"id":"S05202101001","title":"Full Edentulous Mandible-Stent Generation","date":"2021.01.24","description":["OnDemand3D\u2122 is a complete imaging solution that provides a method description, by registering 5 options: 1-Patient CT and the Radiographic Guide CT using Gutta-percha markers, 2-Patient CT and Stone Model CT, 3-Patient CT and Optical scan of the stone model, 4-Patient CT and Intraoral Scan, 5-Patient CT Only just for planning purposes. These methods right before planning, the clinician can select the type of dataset he wishes to use for his implant planning.","Therefore, in this video for patients with no teeth (Edentulous) on the maxillary jaw, planning for a full edentulous has never been so accurate and simple, in this video 8 steps must be performed first before planning an edentulous case on the Mandible region, by loading a Radiographic Guide CT of the patients\u2019 arch.","Take a look at what we have to offer and see what In2Guide module offers."],"subtitles":[{"label":"English","srclang":"en"},{"label":"spanish","srclang":"es"},{"label":"chinese","srclang":"cn"}]}]},{"name":"Dental","color":"blue","description":"Dental modules include diffrent views like TMJ, Bilateral TMJ, Panorama and any kind of view that any dentist would require.","data":[{"id":"S03202106007","title":"IMP with Wide Color Gamut","date":"2021.06.20","description":["OnDemand3D dental offers a wide color gamut for a different perspective for planning our implant cases,","Patient with implant planning on the #4.6, for adding colors, follow these steps :","-3D rendering > Add an opacity then load the color map.","-MPR windows > Access the gray bar and select color palette dialog."]},{"id":"S03202105006","title":"Orthognathic Segmentation","date":"2021.05.13","description":["Only Ondemand3d offers to every Clinician the best way to do every kind of Segmentation, for analysis and interpretation.","3D Virtual-Orthognathics"]},{"id":"S03202104005","title":"O3 Implant Abutments.","date":"2021.04.25","description":["Implant Abutments are so easy and accurate to place using the right Software in the Market,","Ondemand3DDental gives every Dentist the right planning workflow possible.","In this video 2 different implants were placed, the #3.6 is the CORE1 implant by Cybermed placing a custom abutment for planning."]},{"id":"S03202104004","title":"Bilateral-Mental Foramina","date":"2021.04.15","description":["Using Ondemand3DDental, A rare anatomical variation detected by cone-beam computed tomography shows the presence of two Mental Foramina Bilaterally."]},{"id":"S03202101003","title":"Airway analysis. (Obstructive Sleep Apnea)","date":"2021.01.31","description":["OnDemand3D\u2122 with Airway tab now incorporated on Dental-Module, Airway interpretation never has been so precise, with features such as the Minimum Area rendering.","Therefore, in this video, 2D Lateral representation x-rays are shown, both with Obstructive Sleep Apnea (OSA), Subsequently, regeneration using 3D-rendering that shows us the best way to evaluate the Pharynx airway disorders, from the Naso-Pharynx passing through the Oro-Pharynx down towards the Laryngo-Pharynx region.","Take a look at what we have to offer and generate the Airway Pharynx region with just placing 4 seed points on the Sagittal MPR view."]},{"id":"S03202101002","title":"TMJ Analysis (Open & Close view)","date":"2021.01.24","description":["OnDemand3D\u2122 is a complete imaging solution with two methods for TMJ evaluation, with single TMJ and with Bilateral TMJ, by drawing one TMJ, the second one is automatically generated when accessing the Bilateral TMJ (Temporo-Mandibular joint) at any of the sides.","Therefore, this is a video of a TMJ Analysis, using two CBCT data sets of the same patient with TMJ and Bilateral-TMJ tabs, while in one data the patient is in normal occlusion in the other one the patient is in protrusion position, the protruded data for TMJ analysis purposes, clinical explanation along with new features functions are shown and demonstrated.","Take a look at what we have to offer and with just a few clicks, a TMJ condyle is generated shown in the MPR views, and the second TMJ on the Bilateral TMJ is automatically generated."],"subtitles":[{"label":"English","srclang":"en"},{"label":"spanish","srclang":"es"},{"label":"chinese","srclang":"cn"}]},{"id":"S03202012001","title":"Follicular Cyst case","date":"2020.12.06","description":["OnDemand3D\u2122 is a complete imaging solution to evaluate any pathology, disorder interpretations named as findings, that can be found using the 3D-rendering along with the MPR windows.","Therefore, this is a patient of 9 years of age that has the specifications of a Dentigerous cysts, also called follicular cysts, it can be observed on the right mandible premolar region, Furthermore, it is necessary to do a biopsy to be sure of the lesion, as well, it must be determine if the lesion is related to some syndrome.","It is also observed in detail the direction of the eruption of both inferior right premolars, a marsupialization of the lesion with the extraction of the primary molars may be a treatment, as well, the extraction of the included Permanent Premolars is also recommended to avoid incidents.","Take a look at what we have to offer and evaluate any disorder of any nature by using right the tools that Dental Module offers."],"subtitles":[{"label":"English","srclang":"en"},{"label":"spanish","srclang":"es"},{"label":"chinese","srclang":"cn"}]}]},{"name":"Fusion","description":"Fusion helps professionals to either superimpose two sets of DICOM data or stitch two small sets of data into one.","color":"blueGreen","data":[{"id":"S04202011001","title":"[Stitching small FOV data] Fusion Module","date":"2020.11.10","description":["OnDemand3D\u2122 is a complete imaging solution that has the capability of putting together two small FOV data using the same advanced technology used for superimposition, by merging them in one single data and place them on DBM (database management) module.","Therefore, using the FUSION MODULE, by just clicking reslicing and selecting merged option to the new \u2018Stitched\u2019 Dicom dataset, Ondemand3D placed the stitched data automatically on Master DB or Private DB.","Take a look at what we have to offer and see what Fusion Module can offer with the variability of options that can do for every clinician."]}]},{"name":"X-ray & XReport","description":"Report module allows users to trace captured images and to create reports in HTML format.","color":"blueGreen","data":[{"id":"S06202102003","title":"Dynamic Lightbox(Stafne Defect)case","date":"2021.02.03","description":["OnDemand3D\u2122 is a complete imaging solution, by using the Dynamic Lightbox Module (DLB), that can be used for any diagnosis; anatomical interpretations of any nature can be performed by accessing the Axial, Sagittal, and Coronal views respectfully.","Therefore, in this video a Stafne Defect is interpreted as a rare finding, the analysis is performed using all three views provided by Dynamic Light Box (DLB) module, features as: \u2018Area\u2019, \u2018Region of interest\u2019(ROI), and \u2018Profile\u2019 are used for measuring the length of the defect, as well the minimum, maximum and its average of the Hounsfield units values, additionally, in this module is also possible to choose a 3D-analysis in the same way found on Task Tools in the 3D-Module, in DLB module for any pathological process evaluation, select from \u2018Oblique Slice\u2019, \u2018Cube\u2019 and \u2018Endo\u2019.","Take a look at what we have to offer and make a precise analysis and then send them as a report file using the Report-module."]},{"id":"S06202101002","title":"X-ray generator (2D Image and report generation)","date":"2021.01.24","description":["OnDemand3D\u2122 is a complete imaging solution that can generate Dicom images from a CBCT and regenerate them as a 2D static imaging representation of the anatomical regions.","Therefore, Using the X-ray Generator Module and Report Module of OnDemand3DDental simultaneously, gives to every clinician in the field the opportunity make a 2D image and then send it as a 2D image representation file, for any consultation and 2D-Cephalometric evaluations.","Take a look at what Ondemand3D with the X-Ray Generator module can offer, for diagnosis, analysis, and interpretation of the Anatomical regions."],"subtitles":[{"label":"English","srclang":"en"},{"label":"spanish","srclang":"es"},{"label":"chinese","srclang":"cn"}]},{"id":"S06202101001","title":"[Functionality] XReport Template Designer","date":"2021.01.24","description":["OnDemand3D\u2122 is a complete imaging solution that users can design any type of template, with multiple controls such as Caption, Text, Calendar, Check boxes, Tables, buttons, multiple and series of images, rectangles and much more, Access XReport Template Designer from Windows Start menu for its access.","Therefore, designing our own Template Report is very possible, using X-REPORT TEMPLATE DESIGNER, and X-Report tab integrated in every Module.","Design your template by providing your own Dental Office name, patient reports in any area of Dentistry, and then import the designed Template onto every Ondemand3D Module.","Take a look at what we have to offer and elaborate a customizable report."]}]},{"name":"3D","description":"3D module provides different tools for 3D visualization and Segmentation.","color":"blue","data":[{"id":"S01202101001","title":"Root Canals-Anatomical Review","date":"2021.01.24","description":["OnDemand3D\u2122 is a complete imaging solution used for any type of anatomical evaluation. ","Therefore, in this video, it is demonstrated an anatomical review of how to explore a root canal up to the Opening of the Apex region for evaluation, as well as a previous sinus segmentation. The 3D-Volume, and MPR windows are shown in Red Color in the Right Sinus region. ","With the 3D-Module it is possible to do segmentations along with CPR (Curved Planar Reformat) that is a unique feature for evaluating and interpreting endodontics, as also includes various customizable tools to help with diagnosis and treatment planning, for any type of root shapes, for endodontic anatomical exploration.","Take a look at what we have to offer and create a root canal path for evaluation using this unique way to perform the regeneration using Curved Planar Reformat. "]},{"id":"S01202101002","title":"Segmentation of the Maxillary Sinuses","date":"2021.01.24","description":["OnDemand3D\u2122 is a complete imaging solution used for any type of airway segmentation.","Therefore, on this Video a Ct scan of a patient with Mandibular Condyle Fracture is shown, segmentation of both Maxillary sinuses is performed for evaluation and for patient explanation purposes, tutorial of how to get the total Volume of both Maxillary Sinuses is demonstrated, using the \u2018Pick\u2019 Tab on \u2018Object Mask Tool\u2019 window selecting \u2018Use Opacity\u2019 method for a precise way to perform the Sinus Segmentation.","Take a look at what we have to offer and create your segmentations using this unique way to do the airway evaluations."],"subtitles":[{"label":"English","srclang":"en"},{"label":"spanish","srclang":"es"},{"label":"chinese","srclang":"cn"}]},{"id":"S01202101003","title":"Trapped Canines Segmentation inducing Root Resorption","date":"2021.01.24","description":["OnDemand3D\u2122 is a complete imaging solution used for any type of teeth segmentation.","Therefore, in this Case of Trapped Canines in the Maxillary region that are inducing Root Resorption to all the Superior permanent incisors, segmentation is perform, from the CBCT slices, it is possible to observe that both Canines are in a Horizontal Bucco-Palatal position, that is the main reason why the Permanent Incisors are suffering such massive resorption, Additionally, this patient still has his temporary canines due to that type of eruption of the Permanent Canines. With the \u2018Pick\u2019 method and selecting \u2018Use Opacity\u2019 from \u2018Object mask tool\u2019 window, afterwards selecting \u2018Detect Object\u2019 Solid Center, for Bone surface detection.","Segmentation of the six dental organs has been performed along with features functionality using this sophisticated 3D-Module.","Take a look at what we have to offer and create your segmentations using this unique way to do an evaluation of the hard tissues. "],"subtitles":[{"label":"English","srclang":"en"},{"label":"spanish","srclang":"es"},{"label":"chinese","srclang":"cn"}]}]}]')},145:function(e,t,a){},146:function(e,t,a){},147:function(e,t,a){},148:function(e,t,a){},149:function(e,t,a){},150:function(e,t,a){},151:function(e,t,a){},152:function(e,t,a){},153:function(e,t,a){},154:function(e,t,a){"use strict";a.r(t);var n=a(1),i=a(2),o=a.n(i),s=a(27),r=a.n(s),l=(a(78),a(9)),c=(a(79),a(7)),d=a(13),h=(a(80),a(44),function(e){var t=e.category,a=e.video,o=Object(i.useState)(!1),s=Object(c.a)(o,2),r=s[0],l=s[1];return Object(n.jsxs)("div",{className:"VideoPlayer",children:[Object(n.jsx)("div",{className:"video-js vjs-theme-fantasy",onMouseEnter:function(){l(!0)},onMouseLeave:function(){l(!1)},children:Object(n.jsxs)(d.b,{to:"/category/".concat(t,"/video/").concat(a.id,"/auto"),className:"Play-Button",onClick:function(){},children:[Object(n.jsx)("img",{src:"https://videos.ondemand3d.com/".concat(a.id,"/preview_s.png"),className:r?"VideoPlayer-preview":""}),r?Object(n.jsx)("button",{type:"button",className:"vjs-big-play-button",children:Object(n.jsx)("span",{"aria-hidden":"true",className:"vjs-icon-placeholder"})}):""]})}),Object(n.jsx)("div",{className:"Title-box",children:Object(n.jsx)("span",{children:Object(n.jsx)(d.b,{to:"/category/".concat(t,"/video/").concat(a.id),className:"Title",onClick:function(){},children:a.title})})})]})}),u=(a(85),a(61)),m=a.n(u),g=(a(48),{superLargeDesktop:{breakpoint:{max:4e3,min:3e3},items:5,slidesToSlide:5},desktop:{breakpoint:{max:3e3,min:1500},items:3,slidesToSlide:3},tablet:{breakpoint:{max:1500,min:800},items:2,slidesToSlide:2},mobile:{breakpoint:{max:800,min:0},items:1,slidesToSlide:1}}),p=function(e){var t=e.videoData,a=e.onPlayVideo,i=e.setDetailFlag;return e.detailFlag?Object(n.jsx)("div",{className:"VideoList",children:Object(n.jsxs)("div",{className:"VideoList-detail",children:[Object(n.jsxs)("div",{className:"VideoList-filter ".concat(t.color),children:[Object(n.jsxs)("div",{className:"VideoList-title",children:[t.name," Module"]}),Object(n.jsx)("div",{className:"VideoList-description",children:t.description}),Object(n.jsxs)("div",{className:"VideoList-videos",children:[t.data.length," video(s)"]})]}),t.data.map((function(e){return Object(n.jsx)(h,{video:e,category:t.name,onPlayVideo:a},e.id)}))]})}):Object(n.jsxs)("div",{className:"VideoList",children:[Object(n.jsxs)("div",{className:"VideoList-category",children:[Object(n.jsxs)(d.b,{to:"/category/".concat(t.name),className:"VideoList-filter ".concat(t.color),onClick:function(){i(!0)},children:[Object(n.jsx)("div",{className:"VideoList-title",children:t.name}),Object(n.jsx)("div",{className:"VideoList-description",children:t.description}),Object(n.jsxs)("div",{className:"VideoList-videos",children:[t.data.length," video(s)"]})]}),Object(n.jsx)(m.a,{responsive:g,className:"VideoList-list",children:t.data.map((function(e){return Object(n.jsx)(h,{video:e,category:t.name,onPlayVideo:a},e.id)}))})]}),Object(n.jsx)("hr",{})]})},f=a(12),b=function(e){var t=e.match.params.category,a=Object(i.useState)(),o=Object(c.a)(a,2),s=o[0],r=o[1],l=Object(i.useState)(),d=Object(c.a)(l,2),h=d[0],u=d[1],m=Object(i.useState)(),g=Object(c.a)(m,2),b=g[0],j=g[1],y=function(e){h?h.id()!==e.id()&&(h.pause(),u(e)):u(e)};return Object(i.useEffect)((function(){if(void 0===t)r(f),j(!1),document.title="OnDemand3D Tutorials";else{var e=f.find((function(e){return e.name===t}));e&&(r([e]),j(!0)),document.title="OnDemand3D Tutorials - ".concat(t)}}),[t]),Object(n.jsx)("div",{children:s&&s.map((function(e,t){return Object(n.jsx)(p,{videoData:e,onPlayVideo:y,setDetailFlag:j,detailFlag:b},t)}))})},j=(a(98),a(99),function(e){var t=e.video,a=e.ranking;return Object(n.jsxs)(d.b,{to:"/category/In2guide/video/".concat(t.id),className:"SuggestedContent",children:[Object(n.jsx)("img",{className:"SuggestedContent-preview",src:"https://videos.ondemand3d.com/".concat(t.id,"/preview_s.png")}),Object(n.jsxs)("div",{className:"SuggestedContent-info",children:[Object(n.jsx)("div",{className:"SuggestedContent-ranking",children:a}),Object(n.jsxs)("div",{className:"SuggestedContent-titleBox",children:[Object(n.jsx)("div",{className:"SuggestedContent-title",children:t.title}),Object(n.jsx)("div",{className:"SuggestedContent-source",children:"OnDemand Webinar"})]})]})]})}),y=a(39),v=function(){var e=Object(i.useState)(),t=Object(c.a)(e,2),a=t[0],o=t[1];return Object(i.useEffect)((function(){o(document.getElementsByClassName("Suggested-content").item(0).scrollLeft)}),[]),Object(i.useEffect)((function(){document.getElementsByClassName("Suggested-content").item(0).scrollLeft=a}),[a]),Object(n.jsxs)("div",{className:"Suggested",children:[Object(n.jsxs)("div",{className:"Suggested-header",children:[Object(n.jsx)("span",{className:"Suggested-title",children:"Suggested Content"}),Object(n.jsxs)("span",{className:"Suggested-arrow",children:[Object(n.jsx)("span",{className:"Suggested-leftArrow",onClick:function(){o(a-650)}}),Object(n.jsx)("span",{className:"Suggested-rightArrow",onClick:function(){o(a+650)}})]})]}),Object(n.jsx)("div",{className:"Suggested-content",children:y.slice(0,y.length).map((function(e,t){return Object(n.jsx)(j,{video:e,ranking:t+1},t)}))})]})},O=(a(100),function(){return Object(n.jsxs)("div",{className:"CategoryPage",children:[Object(n.jsx)(v,{}),Object(n.jsxs)("div",{className:"CategoryPage-tag",children:[Object(n.jsx)("hr",{}),Object(n.jsx)(F,{})]}),Object(n.jsx)("div",{className:"CategoryPage-list",children:Object(n.jsx)(l.a,{path:["/","/category","/category/:category"],exact:!0,component:b})})]})}),w=(a(30),a(63));new(a.n(w).a)({url:"https://auth.ondemand3d.com/auth",realm:"OnDemand3D",clientId:"od3d-tutorial"});var x=a(64),D=a.n(x),S=a(65),C=a.n(S),T=(a(116),Object(l.e)((function(e){var t=e.match,a=e.name,o=e.selectedTag,s=e.setSelectedTag,r=e.isLabel,l=a,h=t.params.category,u=Object(i.useState)(!1),m=Object(c.a)(u,2),g=m[0],p=m[1];return Object(i.useEffect)((function(){o&&p(o===a)}),[o]),Object(i.useEffect)((function(){s&&(h?h===a&&s(h):s("All"))}),[h]),"All"===a&&(l=""),Object(n.jsx)(d.b,{to:"/category/".concat(l),onClick:function(){r||s(a)},children:Object(n.jsx)("span",{className:r?"Label":"Tag",children:Object(n.jsx)("span",{className:r?"Label-title":g?"Tag-title-select":"Tag-title",children:a})})})}))),k=(a(117),a(22)),N=a(11),M=(a(143),a(144),a(145),function(e){var t=e.videoSrc,a=e.onPlayVideo,o=e.setLoader,s=e.subtitles,r=Object(i.useRef)(),l=Object(i.useState)(void 0),d=Object(c.a)(l,2),h=d[0],u=d[1];return Object(i.useEffect)((function(){var e=Object(N.a)(r.current,Object(k.a)(Object(k.a)({},t),{},{controlBar:{seekToLive:!1,pictureInPictureToggle:!1},nativeControlsForTouch:!1}),(function(){}));e.on("ready",(function(){o&&o(!1)})),e.on("play",(function(){a&&a(h)})),u(e)}),[t,o,a,h]),Object(i.useEffect)((function(){h&&h.hlsQualitySelector({displayCurrentQuality:!0})}),[h]),Object(i.useEffect)((function(){s&&s.forEach((function(e){return h.addRemoteTextTrack(e,!1)}))}),[s,h]),Object(n.jsx)("div",{"data-vjs-player":!0,children:Object(n.jsx)("video",{ref:r,className:"video-js vjs-theme-fantasy",crossOrigin:"anonymous"})})}),P=(a(146),a(147),function(e){var t=e.name,a=e.setSelectedCategory,o=e.selectedCategory,s=Object(i.useState)(!1),r=Object(c.a)(s,2),l=r[0],d=r[1];return Object(i.useEffect)((function(){d(t===o)}),[o]),Object(n.jsx)("span",{className:l?"CategoryItem-selected":"CategoryItem",onClick:function(){a(t)},children:t})}),I=function(e){var t=e.categoryList,a=e.setSelectedCategory,o=e.selectedCategory,s=Object(i.useState)(),r=Object(c.a)(s,2),l=r[0],d=r[1];return Object(i.useEffect)((function(){d(document.getElementsByClassName("CategoryList-item").item(0).scrollLeft)}),[]),Object(i.useEffect)((function(){document.getElementsByClassName("CategoryList-item").item(0).scrollLeft=l}),[l]),Object(n.jsxs)("div",{className:"CategoryList",children:[Object(n.jsx)("span",{className:"CategoryList-leftArrow",onClick:function(){d(l-200)}}),Object(n.jsxs)("span",{className:"CategoryList-item",children:[Object(n.jsx)(P,{setSelectedCategory:a,selectedCategory:o,name:"All"},0),t.map((function(e,t){return Object(n.jsx)(P,{setSelectedCategory:a,selectedCategory:o,name:e},t+1)}))]}),Object(n.jsx)("span",{className:"CategoryList-rightArrow",onClick:function(){d(l+200)}})]})},L=(a(148),a(149),function(e){var t=e.category,a=e.video;return Object(n.jsxs)("div",{onClick:function(){window.location.href="/category/".concat(t,"/video/").concat(a.id)},className:"VideoCatalog",children:[Object(n.jsx)("img",{src:"https://videos.ondemand3d.com/".concat(a.id,"/preview_s.png"),className:"VideoCatalog-preview"}),Object(n.jsxs)("div",{className:"VideoCatalog-info",children:[Object(n.jsx)("div",{className:"VideoCatalog-title",children:a.title}),Object(n.jsxs)("div",{className:"VideoCatalog-category",children:[t," Module"]})]})]})}),A=function(e){var t=e.categoryVideoList;return Object(n.jsx)("div",{className:"VideoCatalogList",children:t.map((function(e){return e.data.map((function(t){return Object(n.jsx)(L,{category:e.categoryName,video:t})}))}))})},E=a(72),R=function(e){return f.findIndex((function(t){return t.name===e}))},V=function(e){var t,a=e.match.params,o=a.category,s=a.videoId,r=a.auto,l=Object(i.useState)(),d=Object(c.a)(l,2),h=d[0],u=d[1],m=Object(i.useState)(),g=Object(c.a)(m,2),p=g[0],b=g[1],j=Object(i.useState)(),y=Object(c.a)(j,2),v=y[0],O=y[1],w=Object(i.useState)(!0),x=Object(c.a)(w,2),S=x[0],k=x[1],N=Object(i.useState)([]),P=Object(c.a)(N,2),L=P[0],V=P[1],F=Object(i.useState)(),B=Object(c.a)(F,2),G=B[0],J=B[1],X=Object(i.useState)([]),q=Object(c.a)(X,2),z=q[0],W=q[1],U=Object(i.useState)("All"),H=Object(c.a)(U,2),Y=H[0],Q=H[1],_=Object(i.useState)([]),K=Object(c.a)(_,2),Z=K[0],$=K[1],ee=Object(E.useMediaQuery)({maxWidth:1104}),te={autoplay:"auto"===r,controls:!0,disablePictureInPicture:!0,fluid:!0,poster:"https://videos.ondemand3d.com/".concat(s,"/preview.png"),sources:[{src:"https://videos.ondemand3d.com/".concat(s,"/playlist.m3u8")}]};return Object(i.useEffect)((function(){u(function(e,t){var a=f[e];if(a){var n=a.data[t];if(n)return n.title}}(p,v)),V(function(e,t){var a=f[e];if(a){var i=a.data[t];if(i)return i.description.map((function(e,t){return Object(n.jsx)("p",{children:e},t)}))}}(p,v)),J(function(e,t){var a=f[e];if(a){var n=a.data[t];if(n)return n.date}}(p,v)),W(function(e,t){var a=f[e];if(a){var n=a.data[t];if(n.subtitles)return n.subtitles.map((function(e,t){return{key:t,kind:"subtitles",label:e.label,language:e.srclang,src:"https://videos.ondemand3d.com/".concat(n.id,"/subtitle.").concat(e.srclang,".webvtt"),default:"en"===e.srclang}}))}}(p,v))}),[p,v]),Object(i.useEffect)((function(){b(R(o)),O(function(e,t){var a=f[e];if(a)return a.data.findIndex((function(e){return e.id===t}))}(R(o),s))}),[o,s]),Object(i.useEffect)((function(){document.title="OnDemand3D Tutorials - ".concat(h)}),[h]),Object(i.useEffect)((function(){window.scrollTo(0,0)}),[]),Object(i.useEffect)((function(){if("All"===Y){var e,t=[],a=[];return f.forEach((function(n){e=n.name,n.data.forEach((function(e){return a.push(e)})),t.push({categoryName:e,data:a}),a=[]})),void $(t)}var n,i=[];f.forEach((function(e){e.name===Y&&(n=Y,e.data.forEach((function(e){return i.push(e)})))})),$([{categoryName:n,data:i}])}),[Y]),Object(n.jsxs)("div",{className:"VideoDetail",children:[Object(n.jsxs)("div",{className:"VideoDetail-video",children:[Object(n.jsx)("div",{className:"VideoDetail-player",children:Object(n.jsx)(D.a,{active:S,spinner:!0,children:Object(n.jsx)(M,{videoSrc:te,setLoader:k,subtitles:z})})}),Object(n.jsxs)("div",{className:"VideoDetail-information",children:[Object(n.jsxs)("div",{className:"VideoDetail-title",children:[Object(n.jsx)("div",{className:"VideoDetail-label",children:Object(n.jsx)(T,{name:o,isLabel:!0})}),Object(n.jsx)("div",{className:"VideoDetail-name",children:h}),Object(n.jsx)("div",{className:"VideoDetail-date",children:C()(G,"YYYY.MM.DD").fromNow()})]}),Object(n.jsx)("hr",{}),Object(n.jsx)("div",{className:"VideoDetail-description",children:L})]})]}),Object(n.jsxs)("div",{className:"VideoDetail-list",children:[ee&&Object(n.jsx)("hr",{}),Object(n.jsx)("div",{className:"VideoDetail-category",children:Object(n.jsx)(I,{categoryList:(t=f,t.sort((function(e,t){return e.name.localeCompare(t.name)})).map((function(e){return e.name}))),setSelectedCategory:Q,selectedCategory:Y})}),Object(n.jsx)("div",{className:"VideoDetail-videos",children:Object(n.jsx)(A,{categoryVideoList:Z})})]})]})},F=(a(150),function(){var e=Object(i.useState)("All"),t=Object(c.a)(e,2),a=t[0],o=t[1];return Object(n.jsxs)("div",{className:"TagList",children:[Object(n.jsx)("div",{className:"TagList-tag",children:Object(n.jsx)(T,{name:"All",selectedTag:a,setSelectedTag:o},1)}),f.sort((function(e,t){return e.name.localeCompare(t.name)})).map((function(e,t){return Object(n.jsx)("div",{className:"TagList-tag",children:Object(n.jsx)(T,{name:e.name,selectedTag:a,setSelectedTag:o,isLabel:!1},t+1)})}))]})}),B=(a(151),Object(l.e)((function(e){var t=e.history,a=e.match.params.category;return Object(n.jsxs)("div",{className:"CategorySelect",children:[Object(n.jsx)("label",{children:"Category: "}),Object(n.jsxs)("select",{onChange:function(e){return t.push("/category/".concat(e.target.value))},children:[Object(n.jsx)("option",{value:"",selected:!a,children:"All"},1),f.map((function(e,t){return Object(n.jsx)("option",{value:e.name,selected:a===e.name,children:e.name},t+1)}))]})]})})),a(152),a(153),function(){return Object(n.jsx)("div",{className:"DefaultScreen",children:Object(n.jsxs)("div",{className:"DefaultScreen-body",children:[Object(n.jsx)(l.a,{path:["/","/category","/category/:category"],exact:!0,render:function(e){return Object(n.jsx)(O,Object(k.a)({},e))}}),Object(n.jsx)(l.a,{path:"/category/:category/video/:videoId",exact:!0,render:function(e){return Object(n.jsx)(V,Object(k.a)({},e))}}),Object(n.jsx)(l.a,{path:"/category/:category/video/:videoId/:auto",render:function(e){return Object(n.jsx)(V,Object(k.a)({},e))}})]})})});var G=function(){return Object(i.useEffect)((function(){document.title="OnDemand3D Tutorials"})),Object(n.jsx)("div",{className:"App",children:Object(n.jsx)(l.a,{path:["/","/category","/category/:category"],component:B})})},J=function(e){e&&e instanceof Function&&a.e(3).then(a.bind(null,155)).then((function(t){var a=t.getCLS,n=t.getFID,i=t.getFCP,o=t.getLCP,s=t.getTTFB;a(e),n(e),i(e),o(e),s(e)}))};r.a.render(Object(n.jsx)(o.a.StrictMode,{children:Object(n.jsx)(d.a,{children:Object(n.jsx)(G,{})})}),document.getElementById("root")),J()},39:function(e){e.exports=JSON.parse('[{"id":"S05202106011","title":"Maxillary Anterior implant position","date":"2021.06.07","description":["The immediate implant positioning is dictated by the anatomic position. For implants placed in the maxillary anterior, immediate implants should not be placed close to the buccal plate; instead, they should be positioned more in the lingual aspect of the extraction socket.","Implants placed more buccally had three times more soft tissue recession than lingually placed implants.","When >2 mm of facial bone thickness is present, vertical bone loss height was minimal. When less than <2 mm of bone thickness is present, tissue recession and failure resulted.","RANDOLPH R. RESNIK","In this video, Ondemand3d recreates implant positioning in the maxillary anterior region."]},{"id":"S05202105010","title":"Ximage & In2Guide implant planning","date":"2021.05.17","description":["Ondemand3d with Ximage-Module for placing together 2D images for comparing Pre and Post treatments.","In this video, implant planning from the Initial procedure to the Prosthetics, images placed into Ximage-Module."]},{"id":"S05202105009","title":"Root Canal Obliteration(Angled Abutment)","date":"2021.05.10","description":["Ondemand3d-Dental gives the Dentist the right and unique tools for implant planning,","Case of a Root Canal Obliteration that undergoes extraction on the Post extraction CT of the #1.1 Right Central Incisor, due to the bone resorption in the Buccal plate area, the implant was placed lingually, and planning using an Angled abutment was performed."]},{"id":"S05202104008","title":"Tooth Supported Surgical Guide","date":"2021.04.15","description":["Ondemand3DDental with In2Guide-Module gives the clinician a fabulous and unique way to plan any case for the implant procedure.","In this case, Tooth Supported Surgical Guide is shown along with the workflow for implant planning."]}]')},78:function(e,t,a){},79:function(e,t,a){},80:function(e,t,a){},85:function(e,t,a){},98:function(e,t,a){},99:function(e,t,a){}},[[154,1,2]]]);
//# sourceMappingURL=main.e7f41bfd.chunk.js.map