CINXE.COM

<!DOCTYPE html>   <html class="no-js" lang="en">  <head> <meta charset="utf-8"> <meta name="tdm-reservation" content="1"/> <meta name="tdm-policy" content="https://opg.optica.org/policies/opg-tdm-policy.json"/> <meta name="viewport" content="width=device-width" initial-scale="1"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="format-detection" content="telephone=no"> <title>AOP All Issues</title>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5N7G55X');</script>  <link rel="icon" href="/favicon.ico?v=2"> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> <link rel="stylesheet" href="/css/token-input-facebook.css"> <link rel="stylesheet" href="/css/app.min.css?v=12202024">  <link rel="stylesheet" href="/css/journal-colors.css"> <link rel="stylesheet" href="/css/tools.css?v=09192021"> <link rel="stylesheet" href="/css/jqueryui/jquery-ui.css"> <link rel="stylesheet" href="/css/jqueryui/jquery-ui-1.10.3.custom.min.css"> <link rel="stylesheet" href="/css/carrousel.css">  <link href="/fonts/fa5pro/css/all.css" rel="stylesheet"> <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,600|Noto+Sans:700&subset=latin,greek-ext' rel='stylesheet' type='text/css'> <script type="text/javascript" src="/js/vendor/custom.modernizr.js"></script> </head> <body class="journal journal-aop">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5N7G55X" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="right-arrow" viewBox="0 0 7.7 8.89"> <defs> <style> .rarrow { stroke-miterlimit: 10; } </style> </defs> <title>Expand this Topic</title> <desc>clickable element to expand a topic</desc> <polygon class="rarrow" points="0.5 0.87 0.5 8.03 6.7 4.45 0.5 0.87" /> </symbol> </svg> <div class="site"> <nav class="primary--home navbar navbar-inverse hidden-xs p-0 mt-1" aria-label="Global Navigation"> <div class="container"> <div class="user-acct navbar-right d-lg-flex flex-row pt-2"> <div class="d-flex flex-column pt-1 position-relative"> <button id="header-search" class="btn text--right shadow-none" type="button" data-bs-toggle="collapse" data-bs-target="#search-nav" aria-label="start search"> <div style="margin-top:-4px; width:30px; height:30px;border: 0; padding-top:6px;"> <i id="header-search-icon" class="fal fa-search text-white" style="font-size:1em;"></i> </div> </button> <div id="search-nav" class="header-search collapse position-absolute end-100 top-0" style="background-color: black; padding: 10px; z-index: 1000;"> <div class="search-bar input-group main-search"> <form name="nojs" action="/search_noscript.cfm" class="form-inline d-flex"> <input name="q" id="topSearchText" type="text" class="search-text-input form-control input-sm header-search_inputField" placeholder="Search" aria-label="Search"> <div class="input-group-btn header-search_btnGroup d-flex"> <div class="dropdown"> <button class="btn btn-sm btn-dropdown dropdown-toggle btn-topheader" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false"> <span id="dropdownText">All Publications</span> <span class="caret"></span> </button> <ul id="dropdownDesktop" class="dropdown-menu z-index--1000" aria-labelledby="dropdownMenuButton">  <li><a class="dropdown-item" href="#" data-search-type="all">All Publications</a></li> <li><a class="dropdown-item" href="#" data-search-type="site">Site Search</a></li> </ul> </div> <button id="topSearch" type="button" class="btn btn-sm btn-search" aria-label="start search" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Enter a search term or choose options to see advanced search" data-bs-custom-class="custom-tooltip"> <div style="margin-top:-4px; width:30px; height:30px; padding-top:6px;"> <i class="fal fa-search text-white" style="font-size:0.8em;"></i> </div> </button> <button data-bs-toggle="collapse" data-bs-target="#advanced-search-popup" type="button" class="btn text-wrap text--right search-options-header p-0 p__1--xs">Advanced Search</button> </div> </form> </div> <form id="advanced-search-popup" class="collapse advanced-search-popup"> <div class="row avs-header"> <div class="col-sm-9" style="font-weight:bold;"> <i class="fal fa-filter"></i> SEARCH OPTIONS </div> <div class="col-sm-3 close-container"> <div class="close-top"><a href="#" data-bs-toggle="collapse" data-bs-target="#advanced-search-popup" style="color:white;">Close <i class="fal fa-times"></i></a></div> </div> </div> <nav class="nav nav-tabs"> <li role="presentation" class="active"> <a href="#" id="OpgAdvancedSearch">Article Search</a> </li> <li role="presentation"> <a href="#" id="ImageBankAdvancedSearch">ImageBank Search</a> </li> <li role="presentation"> <a href="#" id="ContentAdvancedSearch">Site Search</a> </li> </nav> <div class="avs-content"> <div class="no-content-search"> <div class="avs_grayout"></div> <div class="row"> <div class="col-sm-2 avs-label" style="font-weight:bold;">KEYWORDS</div> <div class="col-sm-8"> <input name="" id="txtSearch" type="text" class="form-control" placeholder="Enter search terms here" aria-label="Enter search terms here" /> <span class="opg-search-only"><input id="chkOtrResource" name="selectionChk" type="checkbox" value="" /> <span class="avs-inline-label-left"><label for="chkOtrResource" style="font-weight:normal;">Only if other supplemental resources are available</label></span></span> </div> <div class="col-sm-2 opg-search-only"> <div><input name="chkSearchIn" type="checkbox" id="chk-searchin-metadata" CHECKED /> <span class="avs-inline-label-left"><label for="chk-searchin-metadata" style="font-weight:normal;display:inline;">Title and Abstract</label></span></div> <div><input name="chkSearchIn" type="checkbox" id="chk-searchin-all"/> <span class="avs-inline-label-left"><label for="chk-searchin-all" style="font-weight:normal;">All text</label></span></div> </div> </div> <div class="row space-top"> <div class="col-sm-2 avs-label" style="font-weight:bold;">AUTHORS</div> <div class="col-sm-8"> <input type="text" id="authorSearch" class="form-control" placeholder="Enter author names here" aria-label="author names"/> <span class="small muted">• Use these formats for best results: Smith or J Smith</span> <span class="small muted"><br>• Use a comma to separate multiple people: J Smith, RL Jones, Macarthur</span> </div> <div class="col-sm-2"> <label for="chkAny" style="font-weight:normal;">Any :</label> <input id="chkAny" name="chkAnyAll" type="radio" value="any" checked="checked"/> <label for="chkAll" style="font-weight:normal;">All :</label> <input id="chkAll" name="chkAnyAll" type="radio" value="all"/> </div> </div> <div class="row space-top"> <div class="col-sm-12"> <div class="avs-help avs-divider"> <a class="avs-help-link" data-action='slide-toggle' data-target='#avsHint1' href="#" title="Help Link">?</a> <div id="avsHint1" class="avs-help-message"> <strong>Tips for preparing a search:</strong> <ul> <li>Keep it simple - don't use too many different parameters.</li> <li>Separate search groups with parentheses and Booleans. Note the Boolean sign must be in upper-case. <ul> <li>Example: (diode OR solid-state) AND laser [search contains "diode" or "solid-state" and laser]</li> <li>Example: (photons AND downconversion) - pump [search contains both "photons" and "downconversion" but not "pump"]</li> </ul> </li> <li>Improve efficiency in your search by using wildcards.</li> <ul> <li>Asterisk ( * ) -- Example: "elect*" retrieves documents containing "electron," "electronic," and "electricity"</li> <li>Question mark (?) -- Example: "gr?y" retrieves documents containing "grey" or "gray"</li> </ul> <li>Use quotation marks " " around specific phrases where you want the entire phrase only.</li> <li>For best results, use the separate Authors field to search for author names.</li> <li>Author name searching: <ul> <li>Use these formats for best results: Smith or J Smith</li> <li>Use a comma to separate multiple people: J Smith, RL Jones, Macarthur</li> <li>Note: Author names will be searched in the keywords field, also, but that may find papers where the person is mentioned, rather than papers they authored.</li> </ul> </li> </ul> </div> </div> </div> </div> <div class="row"> <div class="col-md-12" style="font-weight:bold;"> SEARCH IN </div> </div> <div class="row space-top"> <div class="col-sm-2"> <input name="selectionChk" id="chkJournals" type="checkbox" class="checkbox" CHECKED> <span class="avs-inline-label-left"><label for="chkJournals" style="font-weight:normal;">Journals</label></span> </div> <div class="col-sm-7"> <div class="input-collapse"> <input id="advsJournalsSelector" type="text" class="form-control" placeholder="All journals (type names or look up list)" aria-label="choose journals"> <div class="input-group-btn" name="journal"> <button type="button" class="btn btn-default dropdown-toggle avs-modal-open" data-bs-toggle="dropdown" aria-label="Expand"><span class="caret"></span></button> </div> </div> </div> <div class="col-sm-3 avs-tiny"> <div class="avs-tiny_field"> <label for="volSearch" style="font-weight:normal;">Vol. </label><input id="volSearch" type="text" class="form-control" placeholder="All" /> </div> <div class="avs-tiny_field"> <label for="issueSearch" style="font-weight:normal;">Issue </label><input id="issueSearch" type="text" class="form-control" placeholder="All" /> </div> <div class="avs-tiny_field"> <label for="pageSearch" style="font-weight:normal;">Page </label><input id="pageSearch" type="text" class="form-control" placeholder="All" /> </div> </div> </div> <div class="row space-top-lg opg-search-only"> <div class="col-sm-2"> <input id="chkConferences" type="checkbox" class="checkbox" CHECKED> <span class="avs-inline-label-left"><label for="chkConferences" style="font-weight:normal;">Conferences</label></span> </div> <div class="col-sm-7"> <div class="input-collapse"> <input type="text" id="advsProceedingSelector" class="form-control" placeholder="All conferences (type names or look up list)" aria-label="choose conferences"> <div class="input-group-btn" name="proceeding"> <button type="button" class="btn btn-default dropdown-toggle avs-modal-open" data-bs-toggle="dropdown" aria-label="Expand"><span class="caret"></span></button> </div> </div> </div> <div class="col-sm-3 avs-tiny"> <div class="avs-tiny_field"> <label for="yearSearch" style="font-weight:normal;">Year </label><input id="yearSearch" type="text" class="form-control" placeholder="All" /> </div> <div class="avs-tiny_field avs-tiny_field--expanded"> <label for="sessionPagerSearch" style="font-weight:normal;">Paper # </label><input id="sessionPagerSearch" type="text" class="form-control" placeholder="All" /> </div> </div> </div> <div class="row space-top-lg opg-search-only"> <div class="col-sm-3"> <input id="chkReports" type="checkbox" class="checkbox" CHECKED> <span class="avs-inline-label-left"><label for="chkReports" style="font-weight:normal;">Industry Reports</label></span> </div> <div class="col-sm-6"> </div> <div class="col-sm-3 avs-tiny"> <div class="avs-tiny_field avs-tiny_field--expanded"> <label for="reportYearSearch" style="font-weight:normal;">Report Year </label><input id="reportYearSearch" type="text" class="form-control" placeholder="All" /> </div> </div> </div> <div class="row space-top"> <div class="col-md-12"> <div class="avs-help avs-divider"></div> </div> </div> <div class="row space-top"> <div class="col-sm-3" style="font-weight:bold;">PUBLICATION YEARS</div> <div class="col-sm-5"> <div class="form-inline"> <div class="form-group"> <span class="avs-inline-label-right"><label for="startYear" style="font-weight:normal;">From</label></span> <input id="startYear" type="text" class="form-control year-inline" placeholder="1917" maxlength="4"/> <span class="avs-inline-label-left avs-inline-label-right"><label for="endYear" style="font-weight:normal;">To</label></span> <input id="endYear" type="text" class="form-control year-inline" placeholder="2025" maxlength="4"/> </div> </div> </div> <div class="col-sm-4"> <div><small class="muted">Enter only one date to search</small></div> <div><small class="muted">After ("From") or Before ("To")</small></div> </div> </div> <div class="row space-top"> <div class="col-md-12"> <div class="avs-help avs-divider"></div> </div> </div> <div class="avs_topics opg-search-only"> <div class="row space-top mbottom-10"> <div class="col-sm-3" style="font-weight:bold;">OPTICS & PHOTONICS TOPICS</div> <div class="col-sm-9 input-collapse avs_topics-search"> <a id="browsetopicsbutton" href="#" class="btn btn-default avs_topics-browse-btn purple-border">Browse All Topics</a> <input type="text" id="advsTopicsSelector" class="form-control avs_topics-search-field" placeholder="Search All Topics" aria-label="Search All Topics"><br/> </div> </div> <div class="row space-top selectedtopicsadv mbottom-10"> <div class="col-md-2"><small class="muted">Selected topics</small></div> <div class="col-md-10" id="advTopicsSelectedList"></div> </div> <div class="row selectedtopicsadv mbottom-10"> <div class="col-md-2"></div> <div class="col-md-10 muted"> <input id="chkAnyTopic" name="chkAnyAllTopic" type="radio" value="any" checked="checked"/> <label for="chkAnyTopic" style="font-weight:normal;">Find articles with <strong>any</strong> selected topics</label>   <input id="chkAllTopic" name="chkAnyAllTopic" type="radio" value="all"/> <label for="chkAllTopic" style="font-weight:normal;">Find articles with <strong>all</strong> selected topics</label> </div> </div> <div class="row hidden mbottom-20" id="pickTopicsBrowse"> <div class="col-md-12 mbottom-20 "> <strong>Browse All Topics</strong><br> Click the <svg class="selection-list_arrow"><use xlink:href="#right-arrow" /></svg> to reveal subtopics. Use the checkbox to select a topic to filter your search. </div> <div id="advBrowseTopics" class="col-md-12"> </div> </div> <div class="row space-top"> <div class="col-md-12"> <div class="avs-help avs-divider"> <a class="avs-help-link" data-action='slide-toggle' data-target='#avsHint2' href="#" title="Help Link">?</a> <div id="avsHint2" class="avs-help-message"> <strong>About Optics & Photonics Topics</strong> <br>Optica Publishing Group developed the Optics and Photonics Topics to help organize its diverse content more accurately by topic area. This topic browser contains over 2400 terms and is organized in a three-level hierarchy. <a href="/thesaurus/default.cfm" target="_blank">Read more.</a> <br><br>Topics can be refined further in the search results. The Topic facet will reveal the high-level topics associated with the articles returned in the search results. </div> </div> </div> </div> </div> <div class="row space-top opg-search-only"> <div class="col-sm-2" style="font-weight:bold;">SPECIAL COLLECTIONS</div> <div class="col-sm-5 input-collapse"> <input id="specialcollections_ee" name="specialcollections" type="checkbox" value="ee"/> <label class="avs-inline-label-left" for="specialcollections_ee">Energy and Environmental Optics Express</label><br/> <input id="specialcollections_el" name="specialcollections" type="checkbox" value="elnotes"/> <label class="avs-inline-label-left" for="specialcollections_el">Application Notes (formerly E&L Notes)</label><br/> <input id="specialcollections_mem" name="specialcollections" type="checkbox" value="memorandum" /> <label for="specialcollections_mem" class="avs-inline-label-left">Memoranda</label><br /> <input id="specialcollections_op" name="specialcollections" type="checkbox" value="opinion" /> <label for="specialcollections_op" class="avs-inline-label-left">Opinions</label> </div> <div class="col-sm-5 input-collapse"> <input id="specialcollections_rev" name="specialcollections" type="checkbox" value="review-article" /> <label for="specialcollections_rev" class="avs-inline-label-left">Reviews</label><br /> <input id="specialcollections_spt" name="specialcollections" type="checkbox" value="spotlight"/> <label class="avs-inline-label-left" for="specialcollections_spt">Spotlight on Optics</label><br/> <input id="specialcollections_tut" name="specialcollections" type="checkbox" value="tutorial"/> <label class="avs-inline-label-left" for="specialcollections_tut">Tutorials</label><br/> <input id="specialcollections_ret" name="specialcollections" type="checkbox" value="retrospective"/> <label class="avs-inline-label-left" for="specialcollections_tut">Retrospectives</label> </div> </div> <div class="row space-top opg-search-only"> <div class="col-md-12"> <div class="avs-help avs-divider"></div> </div> </div> <div class="row"> <div class="col-sm-6"><a id="clearFilters" href="#" class="btn btn-default purple-border">Clear my choices above</a></div> <div class="col-sm-6"><a id="cmdSearch" href="#" class="btn btn-primary pull-right"><strong class="fi-magnifying-glass"></strong>  Search</a></div> </div> </div> <div id="contentSearchOnly" class="content-search-only d-none"> <div class="row"> <div class="col-sm-2 avs-label" style="font-weight:bold;">KEYWORDS</div> <div class="col-sm-8"> <input name="" id="contentSearch" type="text" placeholder="Enter search terms here" aria-label="Enter search terms here" /> </div> <div class="col-sm-2"> <button id="submitContent" class="btn btn-primary">Search</button> </div> </div> </div> </div> <input type="hidden" name="origsearchstr" id="origsearchstr" value=""/> <input type="hidden" name="facetsearchstr" id="facetsearchstr" value=""/> <input type="hidden" name="facetavoidstr" id="facetavoidstr" value=""/> </form> </div> </div> <ul class="manage-user-acct nav navbar-nav d-flex flex-row"> <li class="nav-link pt-1"><a href="#" data-bs-toggle="modal" data-bs-target="#userLogin" id="loginModal" class="p__1--md">LOGIN</a></li> <li class="nav-link pt-1"><a href="https://prism.optica.org" class="p__1--md">SUBMIT</a></li> </ul> </div> <script> function closePopup() { $.get('/close_announcement.cfm', function() { $('.osap-maintenance-alert').alert('close'); }) } </script> <noscript> <div id="cookiePopup" class="maintenance-alert container cookie-alert"> <div class="alert alert-simple alert-dismissible fade in osap-maintenance-alert"> <p class="text-left"> This website uses cookies to deliver some of our products and services as well as for analytics and to provide you a more personalized experience. Click <a href="/info/cookies.cfm">here</a> to learn more. By continuing to use this site, you agree to our use of cookies. We've also updated our Privacy Notice. Click <a href="/info/privacy.cfm">here</a> to see what's new. </p> <a class="btn btn-primary" href="/close_cookie.cfm?redir=true" role="button" data-bs-dismiss="alert" aria-label="close" onclick="this.href='#'; $.get('/close_cookie.cfm');">Allow All Cookies</a> </div> </div> </noscript> <div id="cookiePopup" class="maintenance-alert container hidden cookie-alert"> <div class="alert alert-simple alert-dismissible fade in osap-maintenance-alert"> <p class="text-left"> This website uses cookies to deliver some of our products and services as well as for analytics and to provide you a more personalized experience. Click <a href="/info/cookies.cfm">here</a> to learn more. By continuing to use this site, you agree to our use of cookies. We've also updated our Privacy Notice. Click <a href="/info/privacy.cfm">here</a> to see what's new. </p> <a class="btn btn-primary" href="/close_cookie.cfm?redir=true" role="button" data-bs-dismiss="alert" aria-label="close" onclick="this.href='#'; $.get('/close_cookie.cfm');">Allow All Cookies</a> <button id="cookiePopupClose" class="close" data-bs-dismiss="alert" type="button" aria-label="close"><span aria-hidden="true">×</span></button> </div> </div> </div> </nav> <div style="background-color: black;"> <header class="masthead container"> <div> <div> <div class="mobile-header"> <a class="skip-nav" href="#content">Skip to content</a> <div class="primary-branding col-sm-4 col-xs-7"> <a href="https://opg.optica.org" class="primary-brand"><img src="/images/Optica_logo_publishing_hz_rev_rgb.png" alt="Optica Publishing Group" /></a> </div> <div class="mobile-nav-toggle visible-xs col-xs-5"> <button type="button" class="mobile-nav-btn navbar-toggle" data-bs-toggle="collapse" data-bs-target="#osaGlobalNav" aria-controls="osaGlobalNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <button type="button" class="mobile-search-btn navbar-toggle" data-bs-toggle="collapse" data-bs-target="#mobile-search" aria-label="start search"> <span class="fal fa-search text-white"></span> </button> </div> </div> <div class="collapse" id="mobile-search"> <div class="header-search col-sm-9 col-xs-12 d-block d-md-none"> <div class="d-flex w-100"> <input id="topSearchTextMobile" type="text" placeholder="Search" aria-label="Search" style="width:60%"> <div class="input-group-btn d-flex"> <div class="dropdown"> <button class="btn btn-sm btn-dropdown dropdown-toggle btn-topheader" type="button" id="dropdownMenuButton" data-bs-toggle="dropdown" aria-expanded="false"> <span id="dropdownTextMobile">All Publications</span> <span class="caret"></span> </button> <ul id="dropdownMobile" class="dropdown-menu z-index--1000" aria-labelledby="dropdownMenuButton">  <li><a class="dropdown-item" href="#" data-search-type="all">All Publications</a></li> <li><a class="dropdown-item" href="#" data-search-type="site">Site Search</a></li> </ul> </div> <a id="topSearchMobile" class="btn btn-primary btn-sm"><span class="fal fa-search text-white"></span></a> </div> </div> </div> </div> <div class="site-nav-container col-lg-8 col-md-12"> <nav class="primary-site-nav collapse navbar-collapse" id="osaGlobalNav" aria-label="Osa Global Navigation"> <ul class="nav navbar-nav navbar-main d-sm-flex flex-sm-row" id="first-nav"> <li class="primary-site-nav__dropdown"> <a href="/about.cfm" class="dropdown-toggle hidden-xs navbar-main-header" id="select_journals">Journals </a> <a href="/about.cfm" class="dropdown-toggle visible-xs navbar-main-header" data-bs-toggle="dropdown" data-target="select_journals--mobile__menu" id="select_journals--mobile">Journals <span class="caret" style="color:#9475ff"></span></a> <div class="visible-xs"> <div id="select_journals--mobile__menu" class="dropdown-menu dropdown-one-col"> <ul> <li><a href="/aop">Advances in Optics and Photonics</a></li> <li><a href="/ao">Applied Optics</a></li> <li><a href="/as">Applied Spectroscopy</a></li> <li><a href="/boe">Biomedical Optics Express</a></li> <li><a href="/col">Chinese Optics Letters</a></li> <li><a href="/copp">Current Optics and Photonics</a></li> <li><a href="/jlt">Journal of Lightwave Technology</a></li> <li><a href="/jnirs">Journal of Near Infrared Spectroscopy</a></li> <li><a href="/jot">Journal of Optical Technology</a></li> <li><a href="/jocn">Journal of Optical Communications and Networking</a></li> <li><a href="/josaa">Journal of the Optical Society of America A</a></li> <li><a href="/josab">Journal of the Optical Society of America B</a></li> <li><a href="/optica">Optica</a></li> <li><a href="/opticaq">Optica Quantum</a></li> <li><a href="/ome">Optical Materials Express</a></li> <li><a href="/optcon">Optics Continuum</a></li> <li><a href="/oe">Optics Express</a></li> <li><a href="/ol">Optics Letters</a></li> <li><a href="/prj">Photonics Research</a></li> <li class="nav-link-heading"><span class="nav-link-heading-txt">Legacy Journals</span></li> <li><a href="/jdt">Journal of Display Technology (2005-2016)</a></li> <li><a href="/josk">Journal of the Optical Society of Korea (1997-2016)</a></li> <li><a href="/jon">Journal of Optical Networking (2002-2009)</a></li> <li><a href="/josa">Journal of the Optical Society of America (1917-1983)</a></li> <li><a href="/on">Optics News (1975-1989)</a></li> <li><a href="/osac">OSA Continuum (2018-2021)</a></li> </ul> </div> </div> <div class="dropdown-menu dropdown-two-col-lg dropdown-wide"> <div class="row"> <div class="col-sm-6"> <ul> <li><a href="/aop">Advances in Optics and Photonics</a></li> <li><a href="/ao">Applied Optics</a></li> <li><a href="/as">Applied Spectroscopy</a></li> <li><a href="/boe">Biomedical Optics Express</a></li> <li><a href="/col">Chinese Optics Letters</a></li> <li><a href="/copp">Current Optics and Photonics</a></li> <li><a href="/jlt">Journal of Lightwave Technology</a></li> <li><a href="/jnirs">Journal of Near Infrared Spectroscopy</a></li> <li><a href="/jot">Journal of Optical Technology</a></li> <li><a href="/jocn">Journal of Optical Communications and Networking</a></li> <li><a href="/josaa">Journal of the Optical Society of America A</a></li> <li><a href="/josab">Journal of the Optical Society of America B</a></li> <li><a href="/optica">Optica</a></li> <li><a href="/opticaq">Optica Quantum</a></li> </ul> </div> <div class="col-sm-6"> <ul> <li><a href="/ome">Optical Materials Express</a></li> <li><a href="https://www.optica-opn.org/home/" target="_blank">Optics and Photonics News <span class="fal fa-external-link"></span></a></li> <li><a href="/optcon">Optics Continuum</a></li> <li><a href="/oe">Optics Express</a></li> <li><a href="/ol">Optics Letters</a></li> <li><a href="/prj">Photonics Research</a></li> <li class="nav-link-heading"><span class="nav-link-heading-txt">Legacy Journals</span></li> <li><a href="/jdt">Journal of Display Technology (2005-2016)</a></li> <li><a href="/josk">Journal of the Optical Society of Korea (1997-2016)</a></li> <li><a href="/jon">Journal of Optical Networking (2002-2009)</a></li> <li><a href="/josa">Journal of the Optical Society of America (1917-1983)</a></li> <li><a href="/on">Optics News (1975-1989)</a></li> <li><a href="/osac">OSA Continuum (2018-2021)</a></li> </ul> </div> </div> </div> </li> <li class="primary-site-nav__dropdown"> <a href="/conferences.cfm" class="dropdown-toggle navbar-main-header" id="select_proceedings">Conferences </a> <div class="dropdown-menu dropdown-two-col-lg"> <div class="row"> <div class="col-sm-6"> <ul> <li class="nav-link-heading"><span class="nav-link-heading-txt">Find Conferences</span></li> <li><a href="/conferences.cfm">By Year</a></li> <li><a href="/conferences.cfm?findby=conference">By Name</a></li> <li class="nav-link-heading"><span class="nav-link-heading-txt">Featured</span></li> <li><a href="/conference.cfm?meetingid=5">Optical Fiber Communication (OFC)</a></li> <li><a href="/conference.cfm?meetingid=124">Conference on Lasers and Electro-Optics (CLEO)</a></li> <li><a href="/conference.cfm?meetingid=56">Frontiers in Optics (FiO)</a></li> </ul> </div> <div class="col-sm-6"> <ul> <li class="nav-link-heading"><span class="nav-link-heading-txt">Newly Published</span></li> <li><a href="/conference.cfm?meetingid=327&yr=2024">British and Irish Conference on Optics and Photonics</a></li> <li><a href="/conference.cfm?meetingid=117&yr=2024">Latin America Optics and Photonics Conference</a></li> <li><a href="/conference.cfm?meetingid=1&yr=2024">Advanced Solid State Lasers</a></li> <li><a href="/conference.cfm?meetingid=102&yr=2024">Applications of Lasers for Sensing and Free Space Communications</a></li> <li><a href="/conference.cfm?meetingid=182&yr=2024">Laser Applications Conference</a></li> </ul> </div> </div> </div> </li> <li class="primary-site-nav__dropdown"> <a href="https://opticapreprints.figshare.com/" class="dropdown-toggle navbar-main-header" id="select_proceedings">Preprints </a> <div class="dropdown-menu dropdown-two-col-lg"> <div class="row"> <div class="col-sm-6"> <ul> <li class="nav-link-heading"><span class="nav-link-heading-txt">Optica Open</span></li> <li><a href="https://opticapreprints.figshare.com/" target="_blank">View preprints</a></li> <li><a href="https://opticaopen.org" target="_blank">Submit preprint</a></li> <li><a href="https://opticaopen.org/Home/Guidelines" target="_blank">Author instructions</a></li> </ul> </div> <div class="col-sm-6"> <ul> <li class="nav-link-heading"><span class="nav-link-heading-txt"></span></li> <li class="nav-link-heading"><span class="nav-link-heading-txt"></span></li> <li><a href="https://opticaopen.org/Home/About" target="_blank">About</a></li> <li><a href="https://opticaopen.org/Home/FAQ" target="_blank">FAQ</a></li> </ul> </div> </div> </div> </li> <li class="primary-site-nav__dropdown"> <a href="#global-nav" class="dropdown-toggle navbar-main-header" id="select_other_resources" data-bs-toggle="dropdown" data-target="select_other-resources--mobile__menu">Other Resources </a> <div class="dropdown-menu dropdown-two-col-lg" id="select_other-resources--mobile__menu"> <div class="row"> <div class="col-sm-6"> <ul> <li class="nav-link-heading"><span class="nav-link-heading-txt">Information For</span></li> <li><a href="/content/author/">Authors</a></li> <li><a href="/content/reviewer/">Reviewers</a></li> <li><a href="/library/">Librarians</a></li> <li class="nav-link-heading"><span class="nav-link-heading-txt">Products and Services</span></li> <li><a href="/info/osadigitalarchive.cfm">Digital Archive</a></li> <li><a href="/content/collection/page/item/isp/">Interactive Science Publishing (ISP)</a></li> <li><a href="https://opticapreprints.figshare.com/" target="_blank">Optica Open <span class="fal fa-external-link"></span></a></li> <li><a href="/info/opticsimagebank.cfm">Optics ImageBank</a></li> <li><a href="/thesaurus/default.cfm">Optics and Photonics Topics</a></li> <li><a href="/spotlight">Spotlight on Optics</a></li> </ul> </div> <div class="col-sm-6"> <ul> <li class="nav-link-heading"><span class="nav-link-heading-txt">Publications</span></li> <li><a href="/content/bookshelf/">Bookshelf</a></li> <li><a href="/collections/special-collections.cfm">Special Collections</a></li> <li class="nav-link-heading"><span class="nav-link-heading-txt">Regional Content</span></li> <li><a href="/content/newsItem/list/section/prj/">On The Cover: Photonics Research</a></li> <li><a href="/content/newsItem/list/section/col/">Spotlight: Chinese Optics Letters</a></li> <li class="nav-link-heading"><span class="nav-link-heading-txt">Open Access Information</span></li> <li><a href="/content/author/portal/item/review-open-access-policy-stat/">Open Access Statement and Policy</a></li> <li><a href="/library/license_v2.cfm">Terms for Journal Article Reuse</a></li> </ul> </div> </div> </div> </li> </ul> <ul class="nav navbar-nav navbar-right navbar-secondary d-sm-flex flex-sm-row" id="second-nav"> <li class="primary-site-nav__dropdown"> <a href="#" class="dropdown-toggle navbar-secondary-header" data-bs-toggle="dropdown" id="my_favorites">My Favorites </a> <div class="dropdown-menu dropdown-one-col"> <ul> <li><a href="/user">Go to My Account</a></li> <li><a href="#" data-bs-toggle="modal" data-bs-target="#userLogin">Login to access favorites</a></li> </ul> </div> </li> <li class="primary-site-nav__dropdown"> <a href="#" class="dropdown-toggle navbar-secondary-header" data-bs-toggle="dropdown" id="recent_pages">Recent Pages </a> <div class="dropdown-menu dropdown-one-col"> <ul class="recent-page-list"> </ul> </div> </li> </ul> <ul class="hidden-sm hidden-md hidden-lg manage-user-acct--mobile"> <li class="nav-link"><a href="#" data-bs-toggle="modal" data-bs-target="#userLogin" id="loginModal"><img src="/images/icons/icon-my-account.png" alt="my account"> LOGIN <span class="muted">OR</span> CREATE ACCOUNT</a> </ul> </nav> </div> </div> </div> </header> </div> <div id="content" role="main" class="content container journal-container"> <div class="container"> <div class="row journal-header"> <div class="col-md-2 col-sm-3"> <div style="padding: 5px 0px 0px 0px;"> <div class="journal-nav-item hidden-md hidden-lg hidden-sm"> <div class="mobile-journal-header p-0"> <a href="/aop/home.cfm"><h1>Advances in Optics and Photonics</h1> <p class="primary-editors">Guifang Li, Editor-in-Chief</p></a> </div> </div> <div class="journal-nav-item hidden-xs "> <a class="secondary-nav-item_link" href="/aop/home.cfm">Journal Home</a> </div> <div class="journal-nav-item "> <a class="secondary-nav-item_link" href="/aop/journal/aop/about.cfm">About</a> </div> <div class="journal-nav-item "> <a class="secondary-nav-item_link" href="/aop/tutorials.cfm">Tutorials</a> </div> <div class="journal-nav-item "> <a class="secondary-nav-item_link" href="/aop/upcomingissue.cfm">Issues in Progress</a> </div> <div class="journal-nav-item "> <a class="secondary-nav-item_link" href="/aop/issue.cfm">Current Issue</a> </div> <div class="journal-nav-item active"> <a class="secondary-nav-item_link" href="/aop/browse.cfm">All Issues</a> </div> </div> </div> <div class="col-md-7 col-sm-9"> <section> <div class="content-module journal-info"> <div class="journal-screen hidden-xs"> <a href="/aop"><img class="journal-thumbnail thumbnail-border" src="/images/osa-aop.jpg" alt="Advances in Optics and Photonics" style="max-height:240px"/></a> </div> <div class="journal-info-content hidden-xs"> <h1 class="container-title">Advances in Optics and Photonics</h1> <p class="primary-editors"> Guifang Li, Editor-in-Chief </p> <p class="editorial-board"> <a href="/aop/journal/aop/about.cfm#board" style="color:#eae3ff;">Editorial Board <i class="fal fa-angle-right"></i> </a> </p> </div> </div> </section> </div> <div class="sidebar col-md-3 col-sm-12" style="margin-top:16px;"> <section class="sidebar-module journal-search"> <h2 class="sidebar-section-title hidden-xs">Search this Journal</h2> <input type="hidden" id="journalSearchJournal" value="aop"> <div class="row controls-row hidden-xs"> <div class="col-xs-12"> <input id="journalSearchKeyword" type="text" class="form-control" placeholder="Keyword / Author" aria-label="keyword or author"/> </div> </div> <div class="controls-row hidden-xs"> <div class="col-xs-3 paddingless-input"> <label for="journalSearchVol">Volume</label> <input id="journalSearchVol" type="text" class="form-control" placeholder="" /> </div> <div class="col-xs-3 paddingless-input"> <label for="journalSearchIss">Issue</label> <input id="journalSearchIss" type="text" class="form-control" placeholder="" /> </div> <div class="col-xs-3 paddingless-input"> <label for="journalSearchPage">Page</label> <input id="journalSearchPage" type="text" class="form-control" placeholder="" /> </div> <div class="col-xs-3 paddingless-input"> <div class="circle" style="width:30px; height:30px; border: 0; margin: 18px 0px 6px 6px; padding-top:2px; background-color:white;"> <button type="button" id="journalSearch" class="btn btn-sm btn-search" aria-label="start search"><span class="fal fa-search" style="color:#545454;cursor:pointer;font-size:0.8em;"></span></button> </div> </div> </div> </section> <section class="sidebar-module journal-submit" style="margin-top:2em;"> <h3 class="sidebar-section-title submit-paper" style="margin-top:-0.5em;"><a href="/aop/journal/aop/form/submit-proposal.cfm"><i class="fal fa-edit" style="width:12px;"></i>Submit a Proposal</a></h3> <h3 class="sidebar-section-title mt-1 submit-paper"><a href="/user/toc_alerts_subscribe.cfm"><i class="fal fa-bell" style="width:12px;"></i>Sign Up For Alerts</a></h3> </section> </div> </div> <div class="content-wrapper row" style="padding-top:20px;padding-bottom:20px;"> <div class="content-main col-md-9 col-sm-8"> <h2 class="heading-block-header" style="margin-bottom:10px;"> All Issues <small style="color:#555;">Showing 16 Volumes</small> </h2> <section class="content-module"> <div class="all-issues-list" id="accordion-issues"> <div class="osap-accordion"> <input type="checkbox" class="osap-accordion__toggle" id="volexpand16" autocomplete="off" checked> <label for="volexpand16" class="osap-accordion__label"> Vol. 16 (2024) <i class="far osap-accordion__chevron"></i> </label> <div class="osap-accordion__content leftpad"> <div class="row"> <ul class="volume-issue-list"> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=16&issue=4"> Issue 4, 31 December 2024</a> , pp. 749-1132 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=16&issue=3"> Issue 3, 30 September 2024</a> , pp. 539-748 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=16&issue=2"> Issue 2, 30 June 2024</a> , pp. 163-538 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=16&issue=1"> Issue 1, 31 March 2024</a> , pp. 1-162 </li> </ul> </div> </div> </div> <div class="osap-accordion"> <input type="checkbox" class="osap-accordion__toggle" id="volexpand15" autocomplete="off" checked> <label for="volexpand15" class="osap-accordion__label"> Vol. 15 (2023) <i class="far osap-accordion__chevron"></i> </label> <div class="osap-accordion__content leftpad"> <div class="row"> <ul class="volume-issue-list"> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=15&issue=4"> Issue 4, 31 December 2023</a> , pp. 907-1105 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=15&issue=3"> Issue 3, 30 September 2023</a> , pp. 613-906 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=15&issue=2"> Issue 2, 30 June 2023</a> , pp. 318-612 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=15&issue=1"> Issue 1, 31 March 2023</a> , pp. 1-317 </li> </ul> </div> </div> </div> <div class="osap-accordion"> <input type="checkbox" class="osap-accordion__toggle" id="volexpand14" autocomplete="off" checked> <label for="volexpand14" class="osap-accordion__label"> Vol. 14 (2022) <i class="far osap-accordion__chevron"></i> </label> <div class="osap-accordion__content leftpad"> <div class="row"> <ul class="volume-issue-list"> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=14&issue=4"> Issue 4, 31 December 2022</a> , pp. 652-932 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=14&issue=3"> Issue 3, 30 September 2022</a> , pp. 291-651 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=14&issue=2"> Issue 2, 30 June 2022</a> , pp. 148-290 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=14&issue=1"> Issue 1, 31 March 2022</a> , pp. 1-147 </li> </ul> </div> </div> </div> <div class="osap-accordion"> <input type="checkbox" class="osap-accordion__toggle" id="volexpand13" autocomplete="off" checked> <label for="volexpand13" class="osap-accordion__label"> Vol. 13 (2021) <i class="far osap-accordion__chevron"></i> </label> <div class="osap-accordion__content leftpad"> <div class="row"> <ul class="volume-issue-list"> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=13&issue=4"> Issue 4, 31 December 2021</a> , pp. 772-970 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=13&issue=3"> Issue 3, 30 September 2021</a> , pp. 515-771 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=13&issue=2"> Issue 2, 30 June 2021</a> , pp. 242-514 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=13&issue=1"> Issue 1, 31 March 2021</a> , pp. 1-241 </li> </ul> </div> </div> </div> <div class="osap-accordion"> <input type="checkbox" class="osap-accordion__toggle" id="volexpand12" autocomplete="off" checked> <label for="volexpand12" class="osap-accordion__label"> Vol. 12 (2020) <i class="far osap-accordion__chevron"></i> </label> <div class="osap-accordion__content leftpad"> <div class="row"> <ul class="volume-issue-list"> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=12&issue=4"> Issue 4, 31 December 2020</a> , pp. 787-1299 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=12&issue=3"> Issue 3, 30 September 2020</a> , pp. 556-786 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=12&issue=2"> Issue 2, 30 June 2020</a> , pp. 288-555 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=12&issue=1"> Issue 1, 31 March 2020</a> , pp. 1-287 </li> </ul> </div> </div> </div> <div class="osap-accordion"> <input type="checkbox" class="osap-accordion__toggle" id="volexpand11" autocomplete="off" checked> <label for="volexpand11" class="osap-accordion__label"> Vol. 11 (2019) <i class="far osap-accordion__chevron"></i> </label> <div class="osap-accordion__content leftpad"> <div class="row"> <ul class="volume-issue-list"> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=11&issue=4"> Issue 4, 31 December 2019</a> , pp. 826-1019 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=11&issue=3"> Issue 3, 30 September 2019</a> , pp. 480-825 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=11&issue=2"> Issue 2, 30 June 2019</a> , pp. 314-479 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=11&issue=1"> Issue 1, 31 March 2019</a> , pp. 1-313 </li> </ul> </div> </div> </div> <div class="osap-accordion"> <input type="checkbox" class="osap-accordion__toggle" id="volexpand10" autocomplete="off" checked> <label for="volexpand10" class="osap-accordion__label"> Vol. 10 (2018) <i class="far osap-accordion__chevron"></i> </label> <div class="osap-accordion__content leftpad"> <div class="row"> <ul class="volume-issue-list"> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=10&issue=4"> Issue 4, 31 December 2018</a> , pp. 703-939 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=10&issue=3"> Issue 3, 30 September 2018</a> , pp. 512-702 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=10&issue=2"> Issue 2, 30 June 2018</a> , pp. 354-511 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=10&issue=1"> Issue 1, 31 March 2018</a> , pp. 1-353 </li> </ul> </div> </div> </div> <div class="osap-accordion"> <input type="checkbox" class="osap-accordion__toggle" id="volexpand9" autocomplete="off" checked> <label for="volexpand9" class="osap-accordion__label"> Vol. 9 (2017) <i class="far osap-accordion__chevron"></i> </label> <div class="osap-accordion__content leftpad"> <div class="row"> <ul class="volume-issue-list"> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=9&issue=4"> Issue 4, 31 December 2017</a> , pp. 720-940 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=9&issue=3"> Issue 3, 30 September 2017</a> , pp. 429-719 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=9&issue=2"> Issue 2, 30 June 2017</a> , pp. 218-428 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=9&issue=1"> Issue 1, 31 March 2017</a> , pp. 1-217 </li> </ul> </div> </div> </div> <div class="osap-accordion"> <input type="checkbox" class="osap-accordion__toggle" id="volexpand8" autocomplete="off" checked> <label for="volexpand8" class="osap-accordion__label"> Vol. 8 (2016) <i class="far osap-accordion__chevron"></i> </label> <div class="osap-accordion__content leftpad"> <div class="row"> <ul class="volume-issue-list"> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=8&issue=4"> Issue 4, 31 December 2016</a> , pp. 586-655 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=8&issue=3"> Issue 3, 30 September 2016</a> , pp. 370-585 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=8&issue=2"> Issue 2, 30 June 2016</a> , pp. 200-369 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=8&issue=1"> Issue 1, 31 March 2016</a> , pp. 1-199 </li> </ul> </div> </div> </div> <div class="osap-accordion"> <input type="checkbox" class="osap-accordion__toggle" id="volexpand7" autocomplete="off" checked> <label for="volexpand7" class="osap-accordion__label"> Vol. 7 (2015) <i class="far osap-accordion__chevron"></i> </label> <div class="osap-accordion__content leftpad"> <div class="row"> <ul class="volume-issue-list"> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=7&issue=4"> Issue 4, 31 December 2015</a> , pp. 684-880 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=7&issue=3"> Issue 3, 30 September 2015</a> , pp. 459-683 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=7&issue=2"> Issue 2, 30 June 2015</a> , pp. 107-458 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=7&issue=1"> Issue 1, 31 March 2015</a> , pp. 1-106 </li> </ul> </div> </div> </div> <div class="osap-accordion"> <input type="checkbox" class="osap-accordion__toggle" id="volexpand6" autocomplete="off" checked> <label for="volexpand6" class="osap-accordion__label"> Vol. 6 (2014) <i class="far osap-accordion__chevron"></i> </label> <div class="osap-accordion__content leftpad"> <div class="row"> <ul class="volume-issue-list"> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=6&issue=4"> Issue 4, 31 December 2014</a> , pp. 368-487 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=6&issue=3"> Issue 3, 30 September 2014</a> , pp. 293-367 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=6&issue=2"> Issue 2, 30 June 2014</a> , pp. 120-292 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=6&issue=1"> Issue 1, 31 March 2014</a> , pp. 1-119 </li> </ul> </div> </div> </div> <div class="osap-accordion"> <input type="checkbox" class="osap-accordion__toggle" id="volexpand5" autocomplete="off" checked> <label for="volexpand5" class="osap-accordion__label"> Vol. 5 (2013) <i class="far osap-accordion__chevron"></i> </label> <div class="osap-accordion__content leftpad"> <div class="row"> <ul class="volume-issue-list"> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=5&issue=4"> Issue 4, 31 December 2013</a> , pp. 385-587 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=5&issue=3"> Issue 3, 30 September 2013</a> , pp. 216-384 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=5&issue=2"> Issue 2, 30 June 2013</a> , pp. 131-215 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=5&issue=1"> Issue 1, 31 March 2013</a> , pp. 4-130 </li> </ul> </div> </div> </div> <div class="osap-accordion"> <input type="checkbox" class="osap-accordion__toggle" id="volexpand4" autocomplete="off" checked> <label for="volexpand4" class="osap-accordion__label"> Vol. 4 (2012) <i class="far osap-accordion__chevron"></i> </label> <div class="osap-accordion__content leftpad"> <div class="row"> <ul class="volume-issue-list"> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=4&issue=4"> Issue 4, 31 December 2012</a> , pp. 441-553 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=4&issue=3"> Issue 3, 30 September 2012</a> , pp. 322-440 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=4&issue=2"> Issue 2, 30 June 2012</a> , pp. 108-321 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=4&issue=1"> Issue 1, 31 March 2012</a> , pp. 1-107 </li> </ul> </div> </div> </div> <div class="osap-accordion"> <input type="checkbox" class="osap-accordion__toggle" id="volexpand3" autocomplete="off" checked> <label for="volexpand3" class="osap-accordion__label"> Vol. 3 (2011) <i class="far osap-accordion__chevron"></i> </label> <div class="osap-accordion__content leftpad"> <div class="row"> <ul class="volume-issue-list"> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=3&issue=4"> Issue 4, 31 December 2011</a> , pp. 272-387 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=3&issue=3"> Issue 3, 30 September 2011</a> , pp. 205-271 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=3&issue=2"> Issue 2, 30 June 2011</a> , pp. 128-204 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=3&issue=1"> Issue 1, 31 March 2011</a> , pp. 1-127 </li> </ul> </div> </div> </div> <div class="osap-accordion"> <input type="checkbox" class="osap-accordion__toggle" id="volexpand2" autocomplete="off" checked> <label for="volexpand2" class="osap-accordion__label"> Vol. 2 (2010) <i class="far osap-accordion__chevron"></i> </label> <div class="osap-accordion__content leftpad"> <div class="row"> <ul class="volume-issue-list"> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=2&issue=4"> Issue 4, 31 December 2010</a> , pp. 405-553 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=2&issue=3"> Issue 3, 30 September 2010</a> , pp. 287-404 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=2&issue=2"> Issue 2, 30 June 2010</a> , pp. 201-286 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=2&issue=1"> Issue 1, 31 March 2010</a> , pp. 1-200 </li> </ul> </div> </div> </div> <div class="osap-accordion"> <input type="checkbox" class="osap-accordion__toggle" id="volexpand1" autocomplete="off" checked> <label for="volexpand1" class="osap-accordion__label"> Vol. 1 (2009) <i class="far osap-accordion__chevron"></i> </label> <div class="osap-accordion__content leftpad"> <div class="row"> <ul class="volume-issue-list"> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=1&issue=3"> Issue 3, 1 November 2009</a> , pp. 438-636 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=1&issue=2"> Issue 2, 30 April 2009</a> , pp. 238-437 </li> <li class="volume-issue-list__list-item"> <a href="issue.cfm?volume=1&issue=1"> Issue 1, 30 January 2009</a> , pp. 1-237 </li> </ul> </div> </div> </div> </div> </section> </div> <div class="sidebar col-md-3 col-sm-4"> <section class="sidebar-module about-journal"> <h3 class="sidebar-section-title"> Today's Top Downloads </h3> <div class="sidebar-downloads"> <div style="width: 100%; margin-bottom:20px;"> <table> <tr> <td valign="top" align="left"><div class="circle circle-journal" style="margin-right:10px;" id="tdcircle1">1</div></td> <td valign="top" align="left"><a class="journal-link topdl_link" href="https://opg.optica.org/aop/abstract.cfm?URI=aop-10-3-512" onmouseover="$('#tdcircle1').addClass('hovered'); return false;" onmouseout="$('#tdcircle1').removeClass('hovered'); return false;">Fundamentals of 3D imaging and displays: a tutorial on integral imaging, light-field, and plenoptic systems</a></td> </tr> </table> </div> <div style="width: 100%; margin-bottom:20px;"> <table> <tr> <td valign="top" align="left"><div class="circle circle-journal" style="margin-right:10px;" id="tdcircle2">2</div></td> <td valign="top" align="left"><a class="journal-link topdl_link" href="https://opg.optica.org/aop/abstract.cfm?URI=aop-16-4-958" onmouseover="$('#tdcircle2').addClass('hovered'); return false;" onmouseout="$('#tdcircle2').removeClass('hovered'); return false;">Theory and applications of photonic time crystals: a tutorial</a></td> </tr> </table> </div> <div style="width: 100%; margin-bottom:20px;"> <table> <tr> <td valign="top" align="left"><div class="circle circle-journal" style="margin-right:10px;" id="tdcircle3">3</div></td> <td valign="top" align="left"><a class="journal-link topdl_link" href="https://opg.optica.org/aop/abstract.cfm?URI=aop-13-2-242" onmouseover="$('#tdcircle3').addClass('hovered'); return false;" onmouseout="$('#tdcircle3').removeClass('hovered'); return false;">Integrated photonics on thin-film lithium niobate</a></td> </tr> </table> </div> <div style="width: 100%; margin-bottom:20px;"> <table> <tr> <td valign="top" align="left"><div class="circle circle-journal" style="margin-right:10px;" id="tdcircle4">4</div></td> <td valign="top" align="left"><a class="journal-link topdl_link" href="https://opg.optica.org/aop/abstract.cfm?URI=aop-16-4-1064" onmouseover="$('#tdcircle4').addClass('hovered'); return false;" onmouseout="$('#tdcircle4').removeClass('hovered'); return false;">Excitons and polaritons in two-dimensional transition metal dichalcogenides: a tutorial</a></td> </tr> </table> </div> <div style="width: 100%; margin-bottom:20px;"> <table> <tr> <td valign="top" align="left"><div class="circle circle-journal" style="margin-right:10px;" id="tdcircle5">5</div></td> <td valign="top" align="left"><a class="journal-link topdl_link" href="https://opg.optica.org/aop/abstract.cfm?URI=aop-16-1-60" onmouseover="$('#tdcircle5').addClass('hovered'); return false;" onmouseout="$('#tdcircle5').removeClass('hovered'); return false;">Entanglement-based quantum information technology: a tutorial</a></td> </tr> </table> </div> </div> </section> </div> </div> </div> </div> </div></div></div></div> <div id="formErrors" class="modal fade" role="dialog"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button class="close" data-dismiss="modal" aria-label="close"> <span aria-hidden="true">×</span> </button> <h4 class="modal-title">Field Error</h4> </div> <div class="modal-body"> <p id="formErrorsText"></p> </div> <div class="modal-footer"> <button class="btn btn-primary" data-dismiss="modal">Ok</button> </div> </div> </div> </div> <div id="avsModal" class="avs-modal"> <div id="avsModalContent" class="avs-modal-content"> <strong>Select <span id="titleFiltersPopup"></span> as filters</strong> <hr> <div class="row"> <div class="col-md-8"> <div class="input-collapse"> <input id="input-popup-selectize" type="text" class="form-control selectized" placeholder="(type names or look up list)" tabindex="-1" aria-label="type names or look up list"/> <div class="selectize-control form-control multi"></div> </div> </div> </div> <hr> <ul id="checkBoxList"></ul> <hr> <span id="avsModalSubmit" class="btn btn-primary">Select Topics</span> <span id="avsModalClose" class="cancel"> Cancel</span> </div> </div> <footer><div class="container ft-links"><a id="global-nav"></a> <nav aria-label="Back to top"><div class="top-button"><a href="#" style="color:white;"><span class="fi-arrow-up"> Top </span></a></div></nav> <div class="col-sm-3"> <ul class="ft-links-list"> <li><a href="/">Publishing Home</a></li> <li><a href="/about.cfm">Journals</a></li> <li><a href="/conferences.cfm">Conferences</a></li> <li><a target="_blank" href="https://opticapreprints.figshare.com/">Preprints (Optica Open) <span class="fal fa-external-link"></span></a></li> </ul> <ul class="ft-links-list"> <li class="ft-links-header">Information for</li> <li><a href="/content/author/">Authors</a></li> <li><a href="/content/reviewer/">Reviewers</a></li> <li><a href="/library/">Librarians</a></li> </ul> </div> <div class="col-sm-3"> <ul class="ft-links-list"> <li class="ft-links-header">Open Access Information</li> <li><a href="/content/author/portal/item/review-open-access-policy-stat/">Open Access Statement and Policy</a></li> <li><a href="/library/license_v2.cfm">Terms for Journal Article Reuse</a></li> </ul> <ul class="ft-links-list"> <li class="ft-links-header">Other Resources</li> <li><a target="_blank" href="https://opticapreprints.figshare.com/" >Optica Open <span class="fal fa-external-link"></span></a></li> <li><a href="/content/bookshelf/">Optica Publishing Group Bookshelf</a></li> <li><a href="/info/opticsimagebank.cfm">Optics ImageBank</a></li> <li><a href="https://www.optica-opn.org/home/" target="_blank">Optics & Photonics News <span class="fal fa-external-link"></span></a></li> <li><a href="/spotlight/">Spotlight on Optics</a></li> <li><a href="https://www.optica.org">Optica Home</a></li> </ul>  </div> <div class="col-sm-3"> <ul class="ft-links-list"> <li class="ft-links-header">About</li>   <li><a href="/about.cfm">About Optica Publishing Group</a></li> <li><a href="/info/benefitslog.cfm">About My Account</a></li> <li><a href="/user/toc_alerts_subscribe.cfm">Sign up for Alerts</a></li> <li><a href="/info/contactus.cfm">Contact Us</a></li> <li><a href="#" onclick="popUpWindow('/submitFeedback.cfm?url='+escape(document.location.href),700,490); return false;">Send Us Feedback</a></li> </ul> </div> <div class="col-sm-3"> <ul class="nav navbar-nav navbar-right navbar-ft hidden-sm hidden-xs d-flex flex-row"> <li class="dropdown" style="border:1px solid #6c6c6c; margin-right: 10px;"> <a href="#" class="dropdown-toggle navbar-ft-header" data-bs-toggle="dropdown">My Favorites <strong class="caret"></strong></a> <ul class="dropdown-menu up"> <li><a href="/user">Go to My Account</a></li> <li><a href="#" data-bs-toggle="modal" data-bs-target="#userLogin">Login to access favorites</a></li> </ul> </li> <li class="dropdown" style="border:1px solid #6c6c6c;"> <a href="#" class="dropdown-toggle navbar-ft-header" data-bs-toggle="dropdown">Recent Pages <strong class="caret"></strong></a> <ul class="dropdown-menu up recent-page-list"> </ul> </li> </ul> </div> <div> <div class="col-xs-12 col-md-3 col-md-offset-9 text-right" style="margin-top:-40px;"> <a class="ft-links-header purple-hover" href="https://www.twitter.com/OpticaPubsGroup" target="_blank" aria-label="Follow @OpticaPubsGroup on Twitter"> <span class="fab fa-2x fa-square-x-twitter"> </span> </a> <a class="ft-links-header purple-hover" href="https://www.facebook.com/OpticaWorldwide" target="_blank" aria-label="Follow us on Facebook"> <span class="fab fa-2x fa-facebook-square"> </span> </a> <a class="ft-links-header purple-hover" href="https://www.linkedin.com/company/optica-worldwide/" target="_blank" aria-label="Follow us on LinkedIn"> <span class="fab fa-2x fa-linkedin"> </span> </a> <a class="ft-links-header purple-hover" href="/toc_alerts_subscribe.cfm" target="_blank" aria-label="RSS Alerts"> <span class="fas fa-2x fa-rss-square"> </span> </a> </div> </div></div> <div class="ft-bottom"> <div class="container"> <div class="col-sm-10"> © Copyright 2025 | Optica Publishing Group. All rights reserved, including rights for text and data mining and training of artificial technologies or similar technologies. </div> <div class="col-sm-2 ft-right"> <a class="footer-link" href="/info/privacy.cfm">Privacy</a> | <a class="footer-link" href="/info/termsofuse.cfm">Terms of Use</a> </div> </div> </div></footer> <div class="modal fade" id="userLogin" aria-hidden="true" role="dialog"> <div class="modal-dialog login-dialog"> <div class="modal-content"> <div class="modal-header flex-row-reverse"> <button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">×</button> <h4 class="modal-title">Login or <a href="https://account.optica.org/eweb/dynamicpage.aspx?sso=1&site=osac&webcode=loginrequired&url_success=https%3A%2F%2Fopg%2Eoptica%2Eorg%2Faop%2Fbrowse%2Ecfm%3Frwjcode%3Daop%26usertoken%3D%7Btoken%7D%26ca%3D1">Create Account</a></h4> </div> <div class="modal-body"> <form class="form-horizontal" role="form"> <div class="alert alert-danger loginErr"></div> <div class="alert alert-warning loginLoading">Please wait...</div> <div class="form-group"> <label for="inputEmail" class="col-sm-2 control-label">Email</label> <div class="col-sm-10"> <input type="email" class="form-control" id="inputEmail" placeholder="Email" autofocus> </div> </div> <div class="form-group"> <label for="inputPassword" class="col-sm-2 control-label">Password</label> <div class="col-sm-10"> <input type="password" class="form-control" id="inputPassword" placeholder="Password"> <span class="help-block"><a href="https://account.optica.org/eweb/Dynamicpage.aspx?webcode=forgotpassword&Site=osac">Forgot your password?</a></span> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <div class="checkbox"> <label> <input type="checkbox" id="rememberme"> Remember me on this computer </label> </div> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <button type="submit" class="btn btn-primary" id="loginButton">Login</button> <button type="submit" class="btn btn-default" data-bs-dismiss="modal" data-bs-target="#userLogin">Cancel</button> </div> </div> </form> </div> <div class="modal-footer"> <div class="col-xs-12" style="text-align: left"><a href="https://auth.optica.org/connect/authorize?client_id=osap&response_type=id_token token&scope=openid email profile affiliation&redirect_uri=https%3A%2F%2Fopg%2Eoptica%2Eorg%2Fdefault%2Ecfm&state=0B98F52F-F576-4867-9986D7D7EFA21B8E|https%3A%2F%2Fopg%2Eoptica%2Eorg%2Fbrowse%2Ecfm%3Frwjcode%3Daop&nonce=0B98F52F-F576-4867-9986D7D7EFA21B8E&acr_values=idp:oa&response_mode=form_post">Institutional Login</a> (Optica Publishing Group participates in eduGAIN)</div> </div> <div class="modal-footer"> <div class="col-xs-12" style="text-align: left"><a href="https://auth.optica.org/connect/authorize?client_id=osap&response_type=id_token token&scope=openid email profile affiliation&redirect_uri=https%3A%2F%2Fopg%2Eoptica%2Eorg%2Fdefault%2Ecfm&state=0B98F52F-F576-4867-9986D7D7EFA21B8E|https%3A%2F%2Fopg%2Eoptica%2Eorg%2Fbrowse%2Ecfm%3Frwjcode%3Daop&nonce=0B98F52F-F576-4867-9986D7D7EFA21B8E&acr_values=idp:oa&response_mode=form_post">China CARSI Member Access</a></div> </div> <div class="modal-footer"> <div class="col-xs-12" style="text-align: left"><a href="/openathens.cfm?entity=https%3A%2F%2Fpassport.escience.cn%2Fidp%2Fshibboleth">China CAoS Member Access</a></div> </div> <div class="modal-footer flex-nowrap"> <div class="col-xs-6" style="text-align: left"><a href="/info/privacy.cfm">Privacy Policy</a></div> <div class="col-xs-6"><a href="https://www.optica.org/help/">Need help?</a> <i class="fal fa-info-circle"></i></div> </div> </div> </div> </div> </div>    <script src="https://code.jquery.com/jquery-3.7.1.js" integrity="sha256-eKhayi8LEQwp4NKxN+CfCh+3qOVUtJn3QNZ0TciWLP4=" crossorigin="anonymous"></script> <script src="/js/vendor/jquery.autocomplete.min.js"></script> <script src="/js/vendor/selectize.js?v=11102021"></script> <script src="/js/vendor/selectize.custom.js"></script> <script src="/js/vendor/sly.min.js"></script> <script src="/js/jquery.tinysort.min.js"></script> <script src="/js/app.js?v=01162025"></script> <script src="/js/recentPages.js?v=11102021"></script> <script type="text/javascript" src="/js/purify.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> <script src="/js/quickpager.jquery.js"></script> <script src="/js/jquery.unveil.js"></script> <script type="text/javascript" src="/js/jquery.tokeninput.js"></script> <script type="text/javascript" src="/js/jquery.base64.js"></script> <script src="/js/search.js?v=12202024"></script> <script type="text/javascript" src="/js/underscore.js"></script> <script src="https://code.jquery.com/ui/1.13.2/jquery-ui.js" integrity="sha256-xLD7nhI62fcsEZK2/v8LsBcb4lG7dgULkuXoXB/j91c=" crossorigin="anonymous"></script> <script type="text/javascript" src="/js/search/ApiClient.js?v=02082023"></script> <script type="text/javascript" src="/js/search/Bus.js?v=02082023"></script> <script type="text/javascript" src="/js/search/Config.js?v=02082023"></script> <script type="text/javascript" src="/js/search/Constants.js?v=02082023"></script> <script type="text/javascript" src="/js/search/Template.js?v=02082023"></script> <script type="text/javascript" src="/js/search/Facet.js?v=02082023"></script> <script type="text/javascript" src="/js/search/Pagination.js?v=02082023"></script> <script type="text/javascript" src="/js/search/Results.js?v=02082023"></script> <script type="text/javascript" src="/js/search/Search.js?v=12202024"></script> <script type="text/javascript" src="/js/search/Topics.js?v=02082023"></script> <script type="text/javascript" src="/js/search/Util.js?v=02082023"></script> <script type="text/javascript" src="/js/search/Main.js?v=02082023"></script>  <script type="text/template" id="template-page-size-selector"> <%= selected %> <ul class="dropdown-menu"> <%= unselected %> </ul> </script> <script type="text/template" id="template-pagination-selected-page-size"> <a class="page_size_<%= size %> btn btn-default dropdown-toggle" data-bs-toggle="dropdown" href="#"> <%= size %> <span class="caret"></span> </a> </script> <script type="text/template" id="template-pagination-unselected-page-size"> <li><a class="page_size_<%= size %>" href="#"><%= size %></a></li> </script> <script type="text/template" id="search-result-row"> <li class="sr-item"> <input type="checkbox" class="sri-select hidden-xs" name="articles" value="<%= documentUri %>" aria-label="<%= documentUri %> checkbox"/> <div class="sri-summary"> <p class="sri-title"><a href="<%= path %>abstract.cfm?uri=<%= documentUri %>&origin=search" target="_blank"><%= title %><%= videoIcon %></a></p> <span class="sri-authors"><%= authors %></span> <ul class="sri-details"> <li class="sri-year"><%= year %></li> <li class="sri-journal"><%= access%> <%= name %><strong>  View: <%= htmlLinks %><%= pdfLinks %></strong><%= xinfo %></li> </ul> <div class="sri-toggle-extended fi-plus"> </div> </div> <div class="sri-extended"> <div class="d-flex"> <img src="<%= imgLink%>" class="sri-image" height="100" width="100" alt="" loading="lazy" style="max-width: 150px; height: auto;" onerror="this.parentNode.removeChild(this);" /> <div> <p class="sri-abstract"><%= abstract %></p> <ul class="sri-hits list-unstyled"> <%= searchHits %> </ul> </div> </div> </div> </li> </script> <script type="text/template" id="search-image-result-row"> <li class="sr-item sr-item-image"> <div class="sri-summary"> <h3 class="sri-title"> <a href="<%= path %>" target="_blank"> <%= title %> </a> </h3> <span class="sri-authors"><%= authors %></span> <ul class="sri-details"> <li class="sri-year"><%= year %></li> <li class="sri-journal"><%= access %> <%= journalTitle %> <strong><%= volume %></strong>(<%= issue %>) <%=firstPage %>  <strong>View:</strong> <a href="<%= path %>" target="_blank">Image</a></li> </ul> </div> <div class="sri-image-details"> <img src="<%= imgLink%>" class="sri-image" height="100" width="100" alt="<%=title%> thumbnail" loading="lazy" style="max-width: 150px; height: auto;"/> <p class="sri-abstract"> <strong>Caption:</strong> <%= figLabel %><%= caption %></p> </div> </li> </script> <script type="text/template" id="search-result-hit"> <li>…<%= hitText %>…</li> </script> <script type="text/template" id="search-result-snippet-highlighted"><strong><%= text %></strong></script> <script type="text/template" id="search-result-snippet-xinfo"> [<%= xinfo %>]</script> <script type="text/template" id="search-result-snippet-pdf"><a href="<%= pdfUri %>" target="_blank">PDF</a></script> <script type="text/template" id="search-result-snippet-html"><a href="<%= htmlUri %>" target="_blank">HTML</a> | </script> <script type="text/template" id="search-result-element-visible">display:inline</script> <script type="text/template" id="search-result-element-hidden">display:none</script> <script type="text/template" id="search-result-element-nbsp"> </script> <script type="text/template" id="search-result-facet"> <h5 class="bg1"> <span class="float_l"> <input type="checkbox" name="chkAllFacet-<%= name %>"> <%= facetName %> </input> </span> <%= moreLink %> <a id="sortby-<%= name %>" class="sidebar_more white" href="#">Sort</a> </h5> <ul id="facet-values-<%= name %>"> <%= facetValues %> </ul> </script> <script type="text/template" id="facet-publications"> <ul class="sf-list"> <li class="sf-list_list-item"><input id="publicationsAll" class="sf-select-all sf-list_input" type="checkbox" checked="checked" disabled="disabled"/> <label class="sf-list_label" for="publicationsAll">All</label></li> <li class="sf-list_list-item"><input id="facet-publications-journals" class="sf-list_input" type="checkbox" name="publications"/> <label class="sf-list_label" for="facet-publications-journals">Journals <span class="facet-count">(<%= totalJournals %>)</span></label></li> <li class="sf-list_list-item"><input id="facet-publications-proceedings" class="sf-list_input" type="checkbox" name="proceedings"/> <label class="sf-list_label" for="facet-publications-proceedings">Conferences <span class="facet-count">(<%= totalProceedings %>)</span></label></li> <li class="sf-list_list-item"><input id="facet-publications-reports" class="sf-list_input" type="checkbox" name="reports"/> <label class="sf-list_label" for="facet-publications-reports">Industry Reports <span class="facet-count">(<%= totalReports %>)</span></label></li> </ul> </div> <div class="sf-module sf-journals"> <div class="row2"> <p id="facet-journal-show" class="sf-group-title collapsed" style="text-transform: none !important;">Journals</p> <div id="sortJournal" class="sf-sort"></div> </div> <div id="facet-journal-values"> </div> </div> <div class="sf-module sf-proceedings"> <div class="row2"> <p id="facet-proceeding-show" class="sf-group-title collapsed" style="text-transform: none !important;">Conferences</p> <div id="sortProceeding" class="sf-sort"></div> </div> <div id="facet-proceeding-values"></div> </div> </script> <script type="text/template" id="search-result-facet-basics"> <ul class="sf-list"> <li class="sf-select-all"><input id="<%= allId %>" type="checkbox" checked="checked" disabled="disabled"/> <label for="<%= allId %>">All</label></li> <%= values %> <li class="sf-expanded"> <a href="#" id="more-<%= allId %>" class="search-panel_more-link" data-bs-toggle="modal" data-bs-target="#modal-<%= allId %>">more <%=name%> »</a> <div class="modal full fade" id="modal-<%= allId %>"> <div class="modal-dialog"> <div class="modal-content search"> <div class="row mbottom-20"> <div class="col-md-4"> <h3 class="modal-header search"><%= modalTitle %></h3> </div> <div class="col-md-6 col-md-offset-2"> <input id="input-<%= allId%>" type="text" class="form-control selectized" placeholder="(type names or look up list)" tabindex="-1" aria-label="type names or look up list"></input> <div class="selectize-control form-control multi"></div> </div> </div> <div class="modal_option-container mbottom-20 scrollable" id="moreUl-<%=allId%>"> </div> <hr> <div class="d-flex"> <a href="#" id="apply-<%= allId %>" class="btn btn-primary mr-1" data-bs-dismiss="modal">Apply Filters</a> <a href="#" id="cancel-<%= allId %>" class="btn btn-default" data-bs-dismiss="modal">Cancel</a> </div> </div> </div> </div> </li> </ul> </script> <script type="text/template" id="search-result-facet-terms"> <ul class="sf-list"> <li class="sf-select-all"> <input id="<%= allId %>" type="checkbox" checked="checked" disabled="disabled"/> <label for="<%= allId %>">Remove all topic filters</label> </li> <%= values %> <li class="sf-expanded"> <a href="#" id="more-<%= allId %>" class="search-panel_more-link hidden-xs" data-bs-toggle="modal" data-bs-target="#modal-<%= allId %>">include more topics »</a> <div class="modal full fade" id="modal-<%= allId %>"> <div class="modal-dialog"> <div class="modal-content search"> <div class="row mbottom-20"> <div class="col-md-4"> <h3 class="modal-header search">Optics & Photonics Topics</h3> </div> <div class="col-md-6 col-md-offset-2"> <input id="input-<%= allId%>" type="text" class="form-control" placeholder="Search for a specific topic" tabindex="-1" aria-label="Search for a specific topic"></input> </div> </div> <div class="row mbottom-20"> <div class="col-md-12"> <strong>Browse the topics:</strong> Click the <svg class="selection-list_arrow"><use xlink:href="#right-arrow" /></svg> to reveal subtopics. Use the checkbox to select a topic to filter your search. </div> </div> <div class="modal_option-container mbottom-20 scrollable" id="moreUl-<%=allId%>"> </div> <div class="row"> <div class="col-md-12"> <strong>Selected Topics</strong> </div> </div> <div id="moreSelectedList"></div> <div class="row"><div class="col-md-12"> </div></div> <div class="d-flex"> <a href="#" id="apply-<%= allId %>" class="btn btn-primary mr-1" data-bs-dismiss="modal">Add Selected Topic Filters</a> <a href="#" id="cancel-<%= allId %>" class="btn btn-default" data-bs-dismiss="modal">Cancel</a> </div> </div> </div> </div> </li> </ul> </script> <script type="text/template" id="search-result-facet-journal-proceedings"> <ul class="sf-list"> <li class="sf-select-all"><input id="<%= allId %>" type="checkbox" checked> <label for="<%= allId %>">All</label></li> <%= values %> <li class="sf-expanded"> <a href="#" id="more-<%= allId %>" class="search-panel_more-link" data-bs-toggle="modal" data-bs-target="#modal-<%= allId %>" class="sf-expanded-toggle">more <%=name%> »</a> <div class="modal full fade" id="modal-<%= allId %>"> <div class="modal-dialog"> <div class="modal-content search"> <div class="row mbottom-20"> <div class="col-md-4"> <h3 class="modal-header search"><%= modalTitle%></h3> </div> <div class="col-md-6 col-md-offset-2"> <input id="input-<%= allId%>" type="text" class="form-control selectized" placeholder="(type names or look up list)" tabindex="-1" aria-label="type names or look up list"></input> <div class="selectize-control form-control multi"></div> </div> </div> <div class="modal_option-container mbottom-20 scrollable" id="moreUl-<%=allId%>"> </div> <hr> <div class="d-flex"> <a href="#" id="apply-<%= allId %>" class="btn btn-primary mr-1" data-bs-dismiss="modal">Apply Filters</a> <a href="#" id="cancel-<%= allId %>" class="btn btn-default" data-bs-dismiss="modal">Cancel</a> </div> </div> </div> </div> </li> </ul> </script> <script type="text/template" id="search-result-facet-content"> <ul class="sf-list"> <%= values %> </ul> </script> <script type="text/template" id="facet-more-new-content"> <div class="more-columns_container"> <div class="more-columns_column"><ul class="selection-list"><%= val1%></ul></div> <div class="more-columns_column"><ul class="selection-list"><%= val2%></ul></div> <div class="more-columns_column"><ul class="selection-list"><%= val3%></ul></div> </div> </script> <script type="text/template" id="facet-more-terms-div"> <div class="more-columns_container"> <div class="more-columns_column" id="<%= name%>-col1"><%= val%></div> <div class="more-columns_column" id="<%= name%>-col2"></div> <div class="more-columns_column" id="<%= name%>-col3"></div> </div> </script> <script type="text/template" id="facet-more-terms-list"> <ul class="selection-list"><%= val%></ul> </script> <script type="text/template" id="search-result-facet-more"> <a id="more-<%= name %>" href="#" class="sidebar_more white">More</a> </script> <script type="text/template" id="search-result-facet-detail"> <a href="#" id="details-link-<%= id %>" class="sidebar_more black">details</a> <ul id="details-container-<%= id %>" class="list-unstyled" style="display:none;" data-value="<%= valName %>"></ul> </script> <script type="text/template" id="search-result-facet-value"> <li class="sf-list_list-item <%= rowclass %>" style="<%= display %>"> <input type="checkbox" class="sf-list_input <%= boxstyle %>" name="chkFacet-<%= name %>" value="<%= code %>" aria-label="<%= dataValue %>" data-value="<%= dataValue %>" id="<%= id %>" <%= checked %> acronym="<%= acronym %>" /> <% if (hasCloseButton === true) { %> <div <% if (isbold != '') { %> class="sf-list_label sf-authors-bold" <% } else { %> class="sf-list_label" style="margin-bottom:5px"<% } %>><%= valName %><span class="facet-count"><%= valCount %></span> <span class="fal fa-times-circle facet-value_toggle purple-color"></span></div> <%= detail%> <% } else { %> <label <%= title%> for="<%= id %>" <% if (isbold != '') { %> class="sf-list_label sf-authors-bold" <% } else { %> class="sf-list_label" <% } %>><%= valName %> <span class="facet-count"><%= valCount %></span></label> <%= detail%> <% } %> </li> </script> <script type="text/template" id="more-term-facet-value"> <li class="selection-list_list-item" style="<%= display %>"> <input id="<%= labelid %>" class="selection-list_checkbox" type="checkbox" name="<%= name %>" data-value="<%= dataValue %>" <%= checked %> <%= boxstyle %>/><div class="selection-list_link" name="text-<%= name %>" data-value="<%= dataValue %>" <%= clazz %>><label for="<%= labelid %>" style="font-weight:normal;margin-bottom:0px;"><%= valName %><% if (valCount != "") { %> <span class="more-facet-count"><%= valCount %></span><% } %></label></div><% if (isx === true) { %><a href="#" aria-label="selection expander" class="selection-list_expander <%= inputname%>-expandin"><svg class="selection-list_arrow"><use xlink:href="#right-arrow" /></svg></a><% } %> </li> </script> <script type="text/template" id="more-term-selected"> <div class="selected-facet" data-topic="<%= finalTopic %>"> <%= val %> <a href="#" name="selected-x" aria-label="<%= dataValue %>" data-value="<%= dataValue %>" count="<%= cnt %>" class="selected-facet_close" ><span class="fal fa-times-circle purple-color"></span></a> </div> </script> <script type="text/template" id="search-result-facet-class"> class="" </script> <script type="text/template" id="search-result-facet-style-normal"> style="font-weight:normal" </script> <script type="text/template" id="search-result-facet-sort-popup"> <p> <input type="radio" id='<%= name %>:item-order:ascending' name="facetSortBy" value='<%= name %>:item-order:ascending' > <label for='<%= name %>:item-order:ascending'><%= label %> ascending</label><br> <input type="radio" id='<%= name %>:item-order:descending' name="facetSortBy" value='<%= name %>:item-order:descending' > <label for='<%= name %>:item-order:descending'><%= label %> descending</label><br> <input type="radio" id='<%= name %>:frequency-order:ascending' name="facetSortBy" value='<%= name %>:frequency-order:ascending' > <label for='<%= name %>:frequency-order:ascending'>Frequency ascending</label><br> <input type="radio" id='<%= name %>:frequency-order:descending' name="facetSortBy" value='<%= name %>:frequency-order:descending'> <label for='<%= name %>:frequency-order:descending'>Frequency descending</label> </p> </script> <script type="text/template" id="filter-selected"> <li class="label filter-tag filter-tag--<%= filterType %>"> <%= filterValue %> <a class="inline-dismiss"><span name="filterSelected" id="<%= filterId %>" class="fal fa-times purple-color" data-value="<%= filterValue %>"></span></a></li> </script> <script type="text/template" id="filter-search"> <li class="filter-search label filter-tag filter-tag--<%= filterType %>"> <%= filterLabel %> <a class="inline-dismiss"><span name="filterSelected" id="<%= filterId %>" class="fal fa-times purple-color" data-value="<%= filterValue %>"></span></a></li> </script> <script type="text/template" id="publication-sort-template"> <button class="sf-sort-toggle"><i class="fas fa-sort"></i><span class="sr-only">sort</span></button> <div class="sf-sort-popup"> <ul> <li class="active"><a href="#" name="sort-<%= type%>" data-value="<%= type%>:frequency-order:descending">Article Count</a></li> <li><a href="#" name="sort-<%= type%>" data-value="<%= type%>:item-order:ascending">Alphabetical A>Z</a></li> <li><a href="#" name="sort-<%= type%>" data-value="<%= type%>:item-order:descending">Alphabetical Z>A</a></li> </ul> </div> </script> <script type="text/template" id="author-topic-sort-template"> <button class="sf-sort-toggle"><i class="fas fa-sort"></i><span class="sr-only">sort</span></button> <div class="sf-sort-popup"> <ul> <li class="active"><a href="#" name="sort-<%= type%>" data-value="<%= type%>:frequency-order:descending">Article Count</a></li> <li><a href="#" name="sort-<%= type%>" data-value="<%= type%>:item-order:ascending">Alphabetical A>Z</a></li> <li><a href="#" name="sort-<%= type%>" data-value="<%= type%>:item-order:descending">Alphabetical Z>A</a></li> </ul> </div> </script> <script type="text/template" id="year-sort-template"> <button class="sf-sort-toggle"><i class="fas fa-sort"></i><span class="sr-only">sort</span></button> <div class="sf-sort-popup"> <ul> <li class="active"><a href="#" name="sort-year" data-value="year:item-order:descending">Newest date first</a></li> <li><a href="#" name="sort-year" data-value="year:item-order:ascending">Oldest date first</a></li> <li><a href="#" name="sort-year" data-value="year:frequency-order:descending">Article Count</a></li> </ul> </div> </script> <script type="text/template" id="more-pop-up-template"> <%= values%> </script> <script type="text/template" id="loading-gif-template"> <li><img style="position:center; display:none;" src="../images/ajax-loader.gif"/></li> </script> <script type="text/template" id="all-plus-separator-template"> <li class="sf-select-all"><input id="<%= allId %>" type="checkbox" > <label for="<%= allId %>">All</label></li> </script> <script type="text/template" id="more-topic-column-header"> <div class="selection-list_header"><%= name %></div> </script> <script type="text/template" id="loader"> <div class="progress"> <div class="progress-bar progress-bar-striped active" role="progress-bar" id="progress-<%= allId %>"></div> </div> </script> <script type="text/javascript"> $(document).ready(function() { $.get('/checkjs.cfm?s=3BE99SN'); populateRecentPages(); $("img").removeClass("lazyimg").unveil(100); }); </script> <script type="text/javascript"> var gaAcct = "UA-1200622-15"; function downloadJSAtOnload() { var element = document.createElement("script"); element.src = "/js/loadJS.js"; document.body.appendChild(element); } if (window.addEventListener) window.addEventListener("load", downloadJSAtOnload, false); else if (window.attachEvent) window.attachEvent("onload", downloadJSAtOnload); else window.onload = downloadJSAtOnload; </script>  </body> </html>