<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title> </title>
  <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600" rel="stylesheet">
  <style>
    /* http://prismjs.com/download.html?themes=prism&languages=markup+css+clike+javascript&plugins=line-highlight+line-numbers+toolbar+show-language */
    /**
     * prism.js default theme for JavaScript, CSS and HTML
     * Based on dabblet (http://dabblet.com)
     * @author Lea Verou
     */
    code[class*="language-"],
    pre[class*="language-"] {
      color: black;
      background: none;
      text-shadow: 0 1px white;
      font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
      text-align: left;
      white-space: pre;
      word-spacing: normal;
      word-break: normal;
      word-wrap: normal;
      line-height: 1.5;

      -moz-tab-size: 4;
      -o-tab-size: 4;
      tab-size: 4;

      -webkit-hyphens: none;
      -moz-hyphens: none;
      -ms-hyphens: none;
      hyphens: none;
    }

    pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
    code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
      text-shadow: none;
      background: #b3d4fc;
    }

    pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
    code[class*="language-"]::selection, code[class*="language-"] ::selection {
      text-shadow: none;
      background: #b3d4fc;
    }

    @media print {
      code[class*="language-"],
      pre[class*="language-"] {
        text-shadow: none;
      }
    }

    /* Code blocks */
    pre[class*="language-"] {
      padding: 1em;
      margin: .5em 0;
      overflow: auto;
    }

    :not(pre) > code[class*="language-"],
    pre[class*="language-"] {
      background: #f5f2f0;
    }

    /* Inline code */
    :not(pre) > code[class*="language-"] {
      padding: .1em;
      border-radius: .3em;
      white-space: normal;
    }

    .token.comment,
    .token.prolog,
    .token.doctype,
    .token.cdata {
      color: slategray;
    }

    .token.punctuation {
      color: #999;
    }

    .namespace {
      opacity: .7;
    }

    .token.property,
    .token.tag,
    .token.boolean,
    .token.number,
    .token.constant,
    .token.symbol,
    .token.deleted {
      color: #905;
    }

    .token.selector,
    .token.attr-name,
    .token.string,
    .token.char,
    .token.builtin,
    .token.inserted {
      color: #690;
    }

    .token.operator,
    .token.entity,
    .token.url,
    .language-css .token.string,
    .style .token.string {
      color: #a67f59;
      background: hsla(0, 0%, 100%, .5);
    }

    .token.atrule,
    .token.attr-value,
    .token.keyword {
      color: #07a;
    }

    .token.function {
      color: #DD4A68;
    }

    .token.regex,
    .token.important,
    .token.variable {
      color: #e90;
    }

    .token.important,
    .token.bold {
      font-weight: bold;
    }
    .token.italic {
      font-style: italic;
    }

    .token.entity {
      cursor: help;
    }

    pre[data-line] {
      position: relative;
      padding: 1em 0 1em 3em;
    }

    .line-highlight {
      position: absolute;
      left: 0;
      right: 0;
      padding: inherit 0;
      margin-top: 1em; /* Same as .prism’s padding-top */

      background: hsla(24, 20%, 50%,.08);
      background: linear-gradient(to right, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));

      pointer-events: none;

      line-height: inherit;
      white-space: pre;
    }

      .line-highlight:before,
      .line-highlight[data-end]:after {
        content: attr(data-start);
        position: absolute;
        top: .4em;
        left: .6em;
        min-width: 1em;
        padding: 0 .5em;
        background-color: hsla(24, 20%, 50%,.4);
        color: hsl(24, 20%, 95%);
        font: bold 65%/1.5 sans-serif;
        text-align: center;
        vertical-align: .3em;
        border-radius: 999px;
        text-shadow: none;
        box-shadow: 0 1px white;
      }

      .line-highlight[data-end]:after {
        content: attr(data-end);
        top: auto;
        bottom: .4em;
      }

    pre.line-numbers {
      position: relative;
      padding-left: 3.8em;
      counter-reset: linenumber;
    }

    pre.line-numbers > code {
      position: relative;
    }

    .line-numbers .line-numbers-rows {
      position: absolute;
      pointer-events: none;
      top: 0;
      font-size: 100%;
      left: -3.8em;
      width: 3em; /* works for line-numbers below 1000 lines */
      letter-spacing: -1px;
      border-right: 1px solid #999;

      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none;
      user-select: none;

    }

      .line-numbers-rows > span {
        pointer-events: none;
        display: block;
        counter-increment: linenumber;
      }

        .line-numbers-rows > span:before {
          content: counter(linenumber);
          color: #999;
          display: block;
          padding-right: 0.8em;
          text-align: right;
        }
    pre.code-toolbar {
      position: relative;
    }

    pre.code-toolbar > .toolbar {
      position: absolute;
      top: .3em;
      right: .2em;
      transition: opacity 0.3s ease-in-out;
      opacity: 0;
    }

    pre.code-toolbar:hover > .toolbar {
      opacity: 1;
    }

    pre.code-toolbar > .toolbar .toolbar-item {
      display: inline-block;
    }

    pre.code-toolbar > .toolbar a {
      cursor: pointer;
    }

    pre.code-toolbar > .toolbar button {
      background: none;
      border: 0;
      color: inherit;
      font: inherit;
      line-height: normal;
      overflow: visible;
      padding: 0;
      -webkit-user-select: none; /* for button */
      -moz-user-select: none;
      -ms-user-select: none;
    }

    pre.code-toolbar > .toolbar a,
    pre.code-toolbar > .toolbar button,
    pre.code-toolbar > .toolbar span {
      color: #bbb;
      font-size: .8em;
      padding: 0 .5em;
      background: #f5f2f0;
      background: rgba(224, 224, 224, 0.2);
      box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
      border-radius: .5em;
    }

    pre.code-toolbar > .toolbar a:hover,
    pre.code-toolbar > .toolbar a:focus,
    pre.code-toolbar > .toolbar button:hover,
    pre.code-toolbar > .toolbar button:focus,
    pre.code-toolbar > .toolbar span:hover,
    pre.code-toolbar > .toolbar span:focus {
      color: inherit;
      text-decoration: none;
    }
  </style>

  <style>
    @keyframes hover-color {
      from {
        border-color: #c0c0c0; }
      to {
        border-color: #3e97eb; } }

    .magic-radio,
    .magic-checkbox {
      position: absolute;
      display: none; }

    .magic-radio[disabled],
    .magic-checkbox[disabled] {
      cursor: not-allowed; }

    .magic-radio + label,
    .magic-checkbox + label {
      position: relative;
      display: block;
      padding-left: 30px;
      cursor: pointer;
      vertical-align: middle; }
      .magic-radio + label:hover:before,
      .magic-checkbox + label:hover:before {
        animation-duration: 0.4s;
        animation-fill-mode: both;
        animation-name: hover-color; }
      .magic-radio + label:before,
      .magic-checkbox + label:before {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        width: 20px;
        height: 20px;
        content: '';
        border: 1px solid #c0c0c0; }
      .magic-radio + label:after,
      .magic-checkbox + label:after {
        position: absolute;
        display: none;
        content: ''; }

    .magic-radio[disabled] + label,
    .magic-checkbox[disabled] + label {
      cursor: not-allowed;
      color: #e4e4e4; }
      .magic-radio[disabled] + label:hover, .magic-radio[disabled] + label:before, .magic-radio[disabled] + label:after,
      .magic-checkbox[disabled] + label:hover,
      .magic-checkbox[disabled] + label:before,
      .magic-checkbox[disabled] + label:after {
        cursor: not-allowed; }
      .magic-radio[disabled] + label:hover:before,
      .magic-checkbox[disabled] + label:hover:before {
        border: 1px solid #e4e4e4;
        animation-name: none; }
      .magic-radio[disabled] + label:before,
      .magic-checkbox[disabled] + label:before {
        border-color: #e4e4e4; }

    .magic-radio:checked + label:before,
    .magic-checkbox:checked + label:before {
      animation-name: none; }

    .magic-radio:checked + label:after,
    .magic-checkbox:checked + label:after {
      display: block; }

    .magic-radio + label:before {
      border-radius: 50%; }

    .magic-radio + label:after {
      top: 6px;
      left: 6px;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #3e97eb; }

    .magic-radio:checked + label:before {
      border: 1px solid #3e97eb; }

    .magic-radio:checked[disabled] + label:before {
      border: 1px solid #c9e2f9; }

    .magic-radio:checked[disabled] + label:after {
      background: #c9e2f9; }

    .magic-checkbox + label:before {
      border-radius: 3px; }

    .magic-checkbox + label:after {
      top: 2px;
      left: 7px;
      box-sizing: border-box;
      width: 6px;
      height: 12px;
      transform: rotate(45deg);
      border-width: 2px;
      border-style: solid;
      border-color: #fff;
      border-top: 0;
      border-left: 0; }

    .magic-checkbox:checked + label:before {
      border: #3e97eb;
      background: #3e97eb; }

    .magic-checkbox:checked[disabled] + label:before {
      border: #c9e2f9;
      background: #c9e2f9; }
  </style>

  <style>
    html, body {
      height: 100%;
      width: 100%;
    }

    body {
      font-family: 'Source Sans Pro', sans-serif;
      font-size: 14px;
      line-height: 24px;
      color: #444;
    }

    * {
      padding: 0;
      margin: 0;
    }

    .error-page {
      display: flex;
      flex-direction: column;
      width: 100%;
      height: 100%;
    }

    .error-stack {
      background: #edecea;
      padding: 100px 80px;
      box-sizing: border-box;
    }

    .error-status {
      color: #afafaf;
      font-size: 150px;
      position: absolute;
      opacity: 0.2;
      right: 80px;
      top: 80px;
      font-weight: 600;
      margin-bottom: 10px;
    }

    .error-name {
      color: #db5461;
      font-size: 18px;
      font-family: menlo, 'sans-serif';
      font-weight: 600;
      margin-bottom: 15px;
    }

    .error-message {
      font-weight: 300;
      font-size: 40px;
      line-height: 48px;
    }

    .error-title {
      border-bottom: 1px solid #d0cfcf;
      padding-bottom: 40px;
      margin-bottom: 20px;
    }

    .error-frames {
      display: flex;
      flex-direction: row-reverse;
    }

    .frame-preview {
      min-width: 50%;
      background: #fff;
      box-shadow: 0px 0px 9px #d3d3d3;
      height: 100%;
      box-sizing: border-box;
      overflow: auto;
    }

    .frame-stack {
      min-width: 50%;
      margin-right: 40px;
      flex: 1;
      padding: 10px 0;
      box-sizing: border-box;
    }

    .frames-list {
      overflow: auto;
      max-height: 334px;
    }

    .frames-filter-selector {
      margin-bottom: 30px;
      margin-left: 8px;
    }

    .unselectable {
      -webkit-user-select: none; /* Chrome/Safari */
      -moz-user-select: none; /* Firefox */
      -ms-user-select: none; /* IE10+ */

      /* Rules below not implemented in browsers yet */
      -o-user-select: none;
      user-select: none;
    }

    .request-details {
      padding: 50px 80px;
    }

    .request-title {
      text-transform: uppercase;
      font-size: 18px;
      letter-spacing: 1px;
      padding: 0 5px 5px 5px;
      margin-bottom: 15px;
    }

    .request-details table {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 80px;
    }

    .request-details table td {
      padding: 6px 5px;
      font-size: 14px;
      letter-spacing: 0.4px;
      color: #455275;
      border-bottom: 1px solid #e8e8e8;
      word-break: break-word;
    }

    .request-details table td.title {
      color: #999;
      width: 40%;
      font-size: 14px;
      font-weight: 600;
      text-transform: uppercase;
    }

    code[class*="language-"], pre[class*="language-"] {
      background: transparent;
      font-size: 13px;
      line-height: 1.8;
    }

    .line-numbers .line-numbers-rows {
      border: none;
    }

    .frame-row {
      display: flex;
      justify-content: space-between;
      padding: 6px 34px 6px 10px;
      position: relative;
      cursor: pointer;
      transition: background 300ms ease;
    }

    .frame-row.native-frame {
      display: none;
      opacity: 0.4;
    }

    .frame-row.native-frame.force-show {
      display: flex;
    }

    .frame-row:after {
      content: "";
      background: #db5461;
      position: absolute;
      top: 50%;
      right: 10px;
      transform: translateY(-50%);
      height: 10px;
      width: 10px;
      border-radius: 24px;
    }

    .frame-row:hover, .frame-row.active {
      background: #fff;
    }

    .frame-row.active {
      opacity: 1;
    }

    .frame-row-filepath {
      color: #455275;
      font-weight: 600;
      margin-right: 15px;
    }

    .frame-context {
      display: none;
    }

    .frame-row-code {
      overflow: hidden;
      color: #999;
    }

    #frame-file {
      color: #455275;
      font-weight: 600;
      border-bottom: 1px solid #e8e8e8;
      padding: 10px 22px;
    }

    #frame-method {
      color: #999;
      font-weight: 400;
      border-top: 1px solid #e8e8e8;
      padding: 10px 22px;
    }

    .is-hidden {
      display: none;
    }

    .open {
      text-decoration: none;
      color: gray;
      margin-right: 10px;
      border: 1px solid grey;
      float: right;
      padding: 1px 5px;
      border-radius: 20px;
    }

    @media only screen and (max-width: 970px) {
      .error-frames {
        flex-direction: column-reverse;
      }

      .frame-preview {
        width: 100%;
      }

      .frame-stack {
        width: 100%;
      }
    }
</style>
</head>
<body>
  <section class="error-page">

    <section class="error-stack">

      <h3 class="error-status unselectable">{{ status }}</h3>

      <div class="error-title">
        <h4 class="error-name"> {{ name }} </h4>
        <h2 class="error-message"> {{ message }} </h2>
      </div>

      <div class="error-frames">
        <div class="frame-preview is-hidden">
          <div id="frame-file"></div>
          <div id="frame-code"><pre class="line-numbers"><code id="code-drop"></code></pre></div>
          <div id="frame-method"></div>
        </div>

        <div class="frame-stack">
        {{#hasInternal}}
          <div class="frames-filter-selector unselectable">
            <input type="checkbox" class="magic-checkbox" name="frames-filter" id="frames-filter">
            <label for="frames-filter">Show all frames</label>
          </div>
        {{/hasInternal}}

          <div class="frames-list">
            {{#frames}}
              {{index}}
              <div class="frame-row {{classes}}">
                <div class="frame-row-filepath">
                  {{ file }}:{{ line }}:{{ column }}
                </div>
                <div class="frame-row-code">
                  {{ method }}
                </div>
                <div class="frame-context"
                  data-start="{{context.start}}"
                  data-line="{{line}}"
                  data-file="{{file}}"
                  data-method="{{method}}"
                  data-line-column="{{line}}:{{column}}"
                  data-lang="{{ lang }}"
                  data-open="{{ open }}"
                  >{{ context.pre }}
{{ context.line }}
{{ context.post }}
                </div>
              </div>
            {{/frames}}
          </div>
        </div>
      </div>
    </section>

    <section class="request-details">
      <h2 class="request-title"> Request Details </h2>

      <table>
        <tr>
          <td class="title"> URI </td>
          <td> {{ request.url }} </td>
        </tr>

        <tr>
          <td class="title"> Request Method </td>
          <td> {{ request.method }} </td>
        </tr>

        <tr>
          <td class="title"> HTTP Version </td>
          <td> {{ request.httpVersion }} </td>
        </tr>

        <tr>
          <td class="title"> Connection </td>
          <td> {{ request.connection }} </td>
        </tr>
      </table>

      <h2 class="request-title"> Headers </h2>

      <table>
        {{#request.headers}}
          <tr>
            <td class="title"> {{ key }} </td>
            <td> {{ value }} </td>
          </tr>
        {{/request.headers}}
      </table>

      <h2 class="request-title"> Cookies </h2>
      <table>
        {{#request.cookies}}
          <tr>
            <td class="title"> {{ key }} </td>
            <td> {{ value }} </td>
          </tr>
        {{/request.cookies}}
      </table>
    </section>

    <script type="text/javascript">
var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(){var e=/\blang(?:uage)?-(\w+)\b/i,t=0,n=_self.Prism={util:{encode:function(e){return e instanceof a?new a(e.type,n.util.encode(e.content),e.alias):"Array"===n.util.type(e)?e.map(n.util.encode):e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).match(/\[object (\w+)\]/)[1]},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function(e){var t=n.util.type(e);switch(t){case"Object":var a={};for(var r in e)e.hasOwnProperty(r)&&(a[r]=n.util.clone(e[r]));return a;case"Array":return e.map&&e.map(function(e){return n.util.clone(e)})}return e}},languages:{extend:function(e,t){var a=n.util.clone(n.languages[e]);for(var r in t)a[r]=t[r];return a},insertBefore:function(e,t,a,r){r=r||n.languages;var i=r[e];if(2==arguments.length){a=arguments[1];for(var l in a)a.hasOwnProperty(l)&&(i[l]=a[l]);return i}var o={};for(var s in i)if(i.hasOwnProperty(s)){if(s==t)for(var l in a)a.hasOwnProperty(l)&&(o[l]=a[l]);o[s]=i[s]}return n.languages.DFS(n.languages,function(t,n){n===r[e]&&t!=e&&(this[t]=o)}),r[e]=o},DFS:function(e,t,a,r){r=r||{};for(var i in e)e.hasOwnProperty(i)&&(t.call(e,i,e[i],a||i),"Object"!==n.util.type(e[i])||r[n.util.objId(e[i])]?"Array"!==n.util.type(e[i])||r[n.util.objId(e[i])]||(r[n.util.objId(e[i])]=!0,n.languages.DFS(e[i],t,i,r)):(r[n.util.objId(e[i])]=!0,n.languages.DFS(e[i],t,null,r)))}},plugins:{},highlightAll:function(e,t){var a={callback:t,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};n.hooks.run("before-highlightall",a);for(var r,i=a.elements||document.querySelectorAll(a.selector),l=0;r=i[l++];)n.highlightElement(r,e===!0,a.callback)},highlightElement:function(t,a,r){for(var i,l,o=t;o&&!e.test(o.className);)o=o.parentNode;o&&(i=(o.className.match(e)||[,""])[1].toLowerCase(),l=n.languages[i]),t.className=t.className.replace(e,"").replace(/\s+/g," ")+" language-"+i,o=t.parentNode,/pre/i.test(o.nodeName)&&(o.className=o.className.replace(e,"").replace(/\s+/g," ")+" language-"+i);var s=t.textContent,u={element:t,language:i,grammar:l,code:s};if(n.hooks.run("before-sanity-check",u),!u.code||!u.grammar)return u.code&&(u.element.textContent=u.code),n.hooks.run("complete",u),void 0;if(n.hooks.run("before-highlight",u),a&&_self.Worker){var g=new Worker(n.filename);g.onmessage=function(e){u.highlightedCode=e.data,n.hooks.run("before-insert",u),u.element.innerHTML=u.highlightedCode,r&&r.call(u.element),n.hooks.run("after-highlight",u),n.hooks.run("complete",u)},g.postMessage(JSON.stringify({language:u.language,code:u.code,immediateClose:!0}))}else u.highlightedCode=n.highlight(u.code,u.grammar,u.language),n.hooks.run("before-insert",u),u.element.innerHTML=u.highlightedCode,r&&r.call(t),n.hooks.run("after-highlight",u),n.hooks.run("complete",u)},highlight:function(e,t,r){var i=n.tokenize(e,t);return a.stringify(n.util.encode(i),r)},tokenize:function(e,t){var a=n.Token,r=[e],i=t.rest;if(i){for(var l in i)t[l]=i[l];delete t.rest}e:for(var l in t)if(t.hasOwnProperty(l)&&t[l]){var o=t[l];o="Array"===n.util.type(o)?o:[o];for(var s=0;s<o.length;++s){var u=o[s],g=u.inside,c=!!u.lookbehind,h=!!u.greedy,f=0,d=u.alias;if(h&&!u.pattern.global){var p=u.pattern.toString().match(/[imuy]*$/)[0];u.pattern=RegExp(u.pattern.source,p+"g")}u=u.pattern||u;for(var m=0,y=0;m<r.length;y+=r[m].length,++m){var v=r[m];if(r.length>e.length)break e;if(!(v instanceof a)){u.lastIndex=0;var b=u.exec(v),k=1;if(!b&&h&&m!=r.length-1){if(u.lastIndex=y,b=u.exec(e),!b)break;for(var w=b.index+(c?b[1].length:0),_=b.index+b[0].length,A=m,P=y,j=r.length;j>A&&_>P;++A)P+=r[A].length,w>=P&&(++m,y=P);if(r[m]instanceof a||r[A-1].greedy)continue;k=A-m,v=e.slice(y,P),b.index-=y}if(b){c&&(f=b[1].length);var w=b.index+f,b=b[0].slice(f),_=w+b.length,x=v.slice(0,w),O=v.slice(_),S=[m,k];x&&S.push(x);var N=new a(l,g?n.tokenize(b,g):b,d,b,h);S.push(N),O&&S.push(O),Array.prototype.splice.apply(r,S)}}}}}return r},hooks:{all:{},add:function(e,t){var a=n.hooks.all;a[e]=a[e]||[],a[e].push(t)},run:function(e,t){var a=n.hooks.all[e];if(a&&a.length)for(var r,i=0;r=a[i++];)r(t)}}},a=n.Token=function(e,t,n,a,r){this.type=e,this.content=t,this.alias=n,this.length=0|(a||"").length,this.greedy=!!r};if(a.stringify=function(e,t,r){if("string"==typeof e)return e;if("Array"===n.util.type(e))return e.map(function(n){return a.stringify(n,t,e)}).join("");var i={type:e.type,content:a.stringify(e.content,t,r),tag:"span",classes:["token",e.type],attributes:{},language:t,parent:r};if("comment"==i.type&&(i.attributes.spellcheck="true"),e.alias){var l="Array"===n.util.type(e.alias)?e.alias:[e.alias];Array.prototype.push.apply(i.classes,l)}n.hooks.run("wrap",i);var o=Object.keys(i.attributes).map(function(e){return e+'="'+(i.attributes[e]||"").replace(/"/g,"&quot;")+'"'}).join(" ");return"<"+i.tag+' class="'+i.classes.join(" ")+'"'+(o?" "+o:"")+">"+i.content+"</"+i.tag+">"},!_self.document)return _self.addEventListener?(_self.addEventListener("message",function(e){var t=JSON.parse(e.data),a=t.language,r=t.code,i=t.immediateClose;_self.postMessage(n.highlight(r,n.languages[a],a)),i&&_self.close()},!1),_self.Prism):_self.Prism;var r=document.currentScript||[].slice.call(document.getElementsByTagName("script")).pop();return r&&(n.filename=r.src,document.addEventListener&&!r.hasAttribute("data-manual")&&("loading"!==document.readyState?window.requestAnimationFrame?window.requestAnimationFrame(n.highlightAll):window.setTimeout(n.highlightAll,16):document.addEventListener("DOMContentLoaded",n.highlightAll))),_self.Prism}();"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism);
Prism.languages.markup={comment:/<!--[\w\W]*?-->/,prolog:/<\?[\w\W]+?\?>/,doctype:/<!DOCTYPE[\w\W]+?>/i,cdata:/<!\[CDATA\[[\w\W]*?]]>/i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<]+(?:\s+[^\s>\/=]+(?:=(?:("|')(?:\\\1|\\?(?!\1)[\w\W])*\1|[^\s'">=]+))?)*\s*\/?>/i,inside:{tag:{pattern:/^<\/?[^\s>\/]+/i,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=(?:('|")[\w\W]*?(\1)|[^\s>]+)/i,inside:{punctuation:/[=>"']/}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:/&#?[\da-z]{1,8};/i},Prism.hooks.add("wrap",function(a){"entity"===a.type&&(a.attributes.title=a.content.replace(/&amp;/,"&"))}),Prism.languages.xml=Prism.languages.markup,Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup;
Prism.languages.css={comment:/\/\*[\w\W]*?\*\//,atrule:{pattern:/@[\w-]+?.*?(;|(?=\s*\{))/i,inside:{rule:/@[\w-]+/}},url:/url\((?:(["'])(\\(?:\r\n|[\w\W])|(?!\1)[^\\\r\n])*\1|.*?)\)/i,selector:/[^\{\}\s][^\{\};]*?(?=\s*\{)/,string:{pattern:/("|')(\\(?:\r\n|[\w\W])|(?!\1)[^\\\r\n])*\1/,greedy:!0},property:/(\b|\B)[\w-]+(?=\s*:)/i,important:/\B!important\b/i,"function":/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:]/},Prism.languages.css.atrule.inside.rest=Prism.util.clone(Prism.languages.css),Prism.languages.markup&&(Prism.languages.insertBefore("markup","tag",{style:{pattern:/(<style[\w\W]*?>)[\w\W]*?(?=<\/style>)/i,lookbehind:!0,inside:Prism.languages.css,alias:"language-css"}}),Prism.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/\s*style=("|').*?\1/i,inside:{"attr-name":{pattern:/^\s*style/i,inside:Prism.languages.markup.tag.inside},punctuation:/^\s*=\s*['"]|['"]\s*$/,"attr-value":{pattern:/.+/i,inside:Prism.languages.css}},alias:"language-css"}},Prism.languages.markup.tag));
Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\w\W]*?\*\//,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0}],string:{pattern:/(["'])(\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/((?:\b(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[a-z0-9_\.\\]+/i,lookbehind:!0,inside:{punctuation:/(\.|\\)/}},keyword:/\b(if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,"boolean":/\b(true|false)\b/,"function":/[a-z0-9_]+(?=\()/i,number:/\b-?(?:0x[\da-f]+|\d*\.?\d+(?:e[+-]?\d+)?)\b/i,operator:/--?|\+\+?|!=?=?|<=?|>=?|==?=?|&&?|\|\|?|\?|\*|\/|~|\^|%/,punctuation:/[{}[\];(),.:]/};
Prism.languages.javascript=Prism.languages.extend("clike",{keyword:/\b(as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|var|void|while|with|yield)\b/,number:/\b-?(0x[\dA-Fa-f]+|0b[01]+|0o[0-7]+|\d*\.?\d+([Ee][+-]?\d+)?|NaN|Infinity)\b/,"function":/[_$a-zA-Z\xA0-\uFFFF][_$a-zA-Z0-9\xA0-\uFFFF]*(?=\()/i,operator:/--?|\+\+?|!=?=?|<=?|>=?|==?=?|&&?|\|\|?|\?|\*\*?|\/|~|\^|%|\.{3}/}),Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/(^|[^\/])\/(?!\/)(\[.+?]|\\.|[^\/\\\r\n])+\/[gimyu]{0,5}(?=\s*($|[\r\n,.;})]))/,lookbehind:!0,greedy:!0}}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\\\|\\?[^\\])*?`/,greedy:!0,inside:{interpolation:{pattern:/\$\{[^}]+\}/,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{script:{pattern:/(<script[\w\W]*?>)[\w\W]*?(?=<\/script>)/i,lookbehind:!0,inside:Prism.languages.javascript,alias:"language-javascript"}}),Prism.languages.js=Prism.languages.javascript;
!function(){function e(e,t){return Array.prototype.slice.call((t||document).querySelectorAll(e))}function t(e,t){return t=" "+t+" ",(" "+e.className+" ").replace(/[\n\t]/g," ").indexOf(t)>-1}function n(e,n,i){for(var o,a=n.replace(/\s+/g,"").split(","),l=+e.getAttribute("data-line-offset")||0,d=r()?parseInt:parseFloat,c=d(getComputedStyle(e).lineHeight),s=0;o=a[s++];){o=o.split("-");var u=+o[0],m=+o[1]||u,h=document.createElement("div");h.textContent=Array(m-u+2).join(" \n"),h.setAttribute("aria-hidden","true"),h.className=(i||"")+" line-highlight",t(e,"line-numbers")||(h.setAttribute("data-start",u),m>u&&h.setAttribute("data-end",m)),h.style.top=(u-l-1)*c+"px",t(e,"line-numbers")?e.appendChild(h):(e.querySelector("code")||e).appendChild(h)}}function i(){var t=location.hash.slice(1);e(".temporary.line-highlight").forEach(function(e){e.parentNode.removeChild(e)});var i=(t.match(/\.([\d,-]+)$/)||[,""])[1];if(i&&!document.getElementById(t)){var r=t.slice(0,t.lastIndexOf(".")),o=document.getElementById(r);o&&(o.hasAttribute("data-line")||o.setAttribute("data-line",""),n(o,i,"temporary "),document.querySelector(".temporary.line-highlight").scrollIntoView())}}if("undefined"!=typeof self&&self.Prism&&self.document&&document.querySelector){var r=function(){var e;return function(){if("undefined"==typeof e){var t=document.createElement("div");t.style.fontSize="13px",t.style.lineHeight="1.5",t.style.padding=0,t.style.border=0,t.innerHTML="&nbsp;<br />&nbsp;",document.body.appendChild(t),e=38===t.offsetHeight,document.body.removeChild(t)}return e}}(),o=0;Prism.hooks.add("complete",function(t){var r=t.element.parentNode,a=r&&r.getAttribute("data-line");r&&a&&/pre/i.test(r.nodeName)&&(clearTimeout(o),e(".line-highlight",r).forEach(function(e){e.parentNode.removeChild(e)}),n(r,a),o=setTimeout(i,1))}),window.addEventListener&&window.addEventListener("hashchange",i)}}();
!function(){"undefined"!=typeof self&&self.Prism&&self.document&&Prism.hooks.add("complete",function(e){if(e.code){var t=e.element.parentNode,s=/\s*\bline-numbers\b\s*/;if(t&&/pre/i.test(t.nodeName)&&(s.test(t.className)||s.test(e.element.className))&&!e.element.querySelector(".line-numbers-rows")){s.test(e.element.className)&&(e.element.className=e.element.className.replace(s,"")),s.test(t.className)||(t.className+=" line-numbers");var n,a=e.code.match(/\n(?!$)/g),l=a?a.length+1:1,r=new Array(l+1);r=r.join("<span></span>"),n=document.createElement("span"),n.setAttribute("aria-hidden","true"),n.className="line-numbers-rows",n.innerHTML=r,t.hasAttribute("data-start")&&(t.style.counterReset="linenumber "+(parseInt(t.getAttribute("data-start"),10)-1)),e.element.appendChild(n)}}})}();
!function(){if("undefined"!=typeof self&&self.Prism&&self.document){var t=[],e={},n=function(){};Prism.plugins.toolbar={};var a=Prism.plugins.toolbar.registerButton=function(n,a){var o;o="function"==typeof a?a:function(t){var e;return"function"==typeof a.onClick?(e=document.createElement("button"),e.type="button",e.addEventListener("click",function(){a.onClick.call(this,t)})):"string"==typeof a.url?(e=document.createElement("a"),e.href=a.url):e=document.createElement("span"),e.textContent=a.text,e},t.push(e[n]=o)},o=Prism.plugins.toolbar.hook=function(a){var o=a.element.parentNode;if(o&&/pre/i.test(o.nodeName)&&!o.classList.contains("code-toolbar")){o.classList.add("code-toolbar");var r=document.createElement("div");r.classList.add("toolbar"),document.body.hasAttribute("data-toolbar-order")&&(t=document.body.getAttribute("data-toolbar-order").split(",").map(function(t){return e[t]||n})),t.forEach(function(t){var e=t(a);if(e){var n=document.createElement("div");n.classList.add("toolbar-item"),n.appendChild(e),r.appendChild(n)}}),o.appendChild(r)}};a("label",function(t){var e=t.element.parentNode;if(e&&/pre/i.test(e.nodeName)&&e.hasAttribute("data-label")){var n,a,o=e.getAttribute("data-label");try{a=document.querySelector("template#"+o)}catch(r){}return a?n=a.content:(e.hasAttribute("data-url")?(n=document.createElement("a"),n.href=e.getAttribute("data-url")):n=document.createElement("span"),n.textContent=o),n}}),Prism.hooks.add("complete",o)}}();
!function(){if("undefined"!=typeof self&&self.Prism&&self.document){if(!Prism.plugins.toolbar)return console.warn("Show Languages plugin loaded before Toolbar plugin."),void 0;var e={html:"HTML",xml:"XML",svg:"SVG",mathml:"MathML",css:"CSS",clike:"C-like",javascript:"JavaScript",abap:"ABAP",actionscript:"ActionScript",apacheconf:"Apache Configuration",apl:"APL",applescript:"AppleScript",asciidoc:"AsciiDoc",aspnet:"ASP.NET (C#)",autoit:"AutoIt",autohotkey:"AutoHotkey",basic:"BASIC",csharp:"C#",cpp:"C++",coffeescript:"CoffeeScript","css-extras":"CSS Extras",fsharp:"F#",glsl:"GLSL",graphql:"GraphQL",http:"HTTP",inform7:"Inform 7",json:"JSON",latex:"LaTeX",livescript:"LiveScript",lolcode:"LOLCODE",matlab:"MATLAB",mel:"MEL",nasm:"NASM",nginx:"nginx",nsis:"NSIS",objectivec:"Objective-C",ocaml:"OCaml",parigp:"PARI/GP",php:"PHP","php-extras":"PHP Extras",powershell:"PowerShell",properties:".properties",protobuf:"Protocol Buffers",jsx:"React JSX",rest:"reST (reStructuredText)",sas:"SAS",sass:"Sass (Sass)",scss:"Sass (Scss)",sql:"SQL",typescript:"TypeScript",vhdl:"VHDL",vim:"vim",wiki:"Wiki markup",xojo:"Xojo (REALbasic)",yaml:"YAML"};Prism.plugins.toolbar.registerButton("show-language",function(t){var a=t.element.parentNode;if(a&&/pre/i.test(a.nodeName)){var s=a.getAttribute("data-language")||e[t.language]||t.language.substring(0,1).toUpperCase()+t.language.substring(1),r=document.createElement("span");return r.textContent=s,r}})}}();
    </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/zepto/1.2.0/zepto.min.js"></script>
    <script>
      Zepto(function ($) {
        var nativeFramesLength = $('.frame-row.native-frame').length
        var allFramesLength = $('.frame-row').length

        function filterFrames () {
          $('.frame-preview').removeClass('is-hidden')
          var isSelected = $('#frames-filter').prop('checked')
          if (isSelected) {
            $('.frame-row.native-frame').addClass('force-show')
          } else {
            $('.frame-row.native-frame').removeClass('force-show')
          }
        }

        function displayFirstView () {
          if (nativeFramesLength !== allFramesLength) {
            $('.frame-preview').removeClass('is-hidden')
          }
        }

        function showFrameContext (frame) {
          $frameContext = $(frame).find('.frame-context')
          var $context = $frameContext.html()
          $context = $context.trim().length === 0 ? 'Missing stack frames' : $context

          var $line = $frameContext.attr('data-line')
          var $start = $frameContext.attr('data-start')
          var $file = $frameContext.attr('data-file')
          var $method = $frameContext.attr('data-method')
          var $lineColumn = $frameContext.attr('data-line-column')
          var $lang = $frameContext.attr('data-lang')
          var $open = $frameContext.attr('data-open')

          if ($open) {
            $file += '<a href="#" onClick="fetch(\''+ $open + '\')" class="open">open in editor</a>'
          }

          $('#code-drop').parent('pre').attr('data-line', $line);
          $('#code-drop').parent('pre').attr('data-start', $start);
          $('#code-drop').parent('pre').attr('data-line-offset', (Number($start) - 1))

          $('#code-drop').attr('class', 'language-' + $lang)
          $('.toolbar-item > span').html($lang.toUpperCase())

          $('#code-drop').html($context)
          $('#frame-file').html($file)
          $('#frame-method').html($method + '@' + $lineColumn)
          Prism.highlightAll()
        }

        $('.frame-row').click(function () {
          $('.frame-row').removeClass('active')
          $(this).addClass('active')
          showFrameContext(this)
        })

        $('#frames-filter').click(function () {
          filterFrames()
        })

        displayFirstView()
        showFrameContext($('.frame-row.active')[0])
      })
    </script>
  </section>
</body>
</html>
