{
  "version": 3,
  "file": "chunk.b01e898f.css",
  "sources": [
    "../../../../../../Code.svelte"
  ],
  "sourcesContent": [
    "<script>\n  import Clipboard from 'clipboard'\n  import hljs from 'highlight.js/lib/highlight'\n  import { beforeUpdate, tick, onMount, onDestroy } from 'svelte'\n\n  export let lang = 'js'\n  export let code = ''\n  export let showCopy = true\n  let _code = ''\n  let button\n  let codeElm\n  let clip\n  let show = false\n  let compiled\n  let observer\n\n  $: {\n    _code = code || (codeElm && codeElm.innerHTML) || _code\n    updateCode(code)\n  }\n\n  function updateCode(newCode) {\n    if (!newCode) return\n    code = newCode.trim()\n    compiled = hljs.highlightAuto(code, [lang]).value\n  }\n\n  onMount(async () => {\n    if (codeElm.innerHTML) code = codeElm.innerHTML\n\n    if (button) {\n      clip = new Clipboard(button, {\n        text: trigger => code,\n      })\n    }\n\n    const MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver\n    observer = new MutationObserver(() => {\n      if (codeElm && codeElm.innerHTML) updateCode(codeElm.innerHTML)\n    })\n    observer.observe(codeElm, {\n      subtree: true,\n      childList: true,\n      characterData: true,\n    })\n\n    await tick()\n\n    show = true\n  })\n\n  onDestroy(() => {\n    if (clip) clip.destroy()\n    if (observer) observer.disconnect()\n  })\n</script>\n\n<style>\n  .codeview {\n    padding: 0;\n  }\n\n  .codeview:not(:last-child) {\n    margin-bottom: 1.5rem;\n  }\n\n  figure.highlight {\n    position: relative;\n  }\n\n  .button-container {\n    position: absolute;\n    right: 0;\n  }\n\n  /* code {\n    padding: 1.25rem 1.5rem;\n  } */\n\n  pre.hidden {\n    visibility: hidden;\n    height: 0px;\n    padding: 0px;\n  }\n\n  pre.show {\n    /* display: block; */\n    visibility: visible;\n  }\n\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0NvZGUuc3ZlbHRlIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7RUFDRTtJQUNFLFVBQVU7RUFDWjs7RUFFQTtJQUNFLHFCQUFxQjtFQUN2Qjs7RUFFQTtJQUNFLGtCQUFrQjtFQUNwQjs7RUFFQTtJQUNFLGtCQUFrQjtJQUNsQixRQUFRO0VBQ1Y7O0VBRUE7O0tBRUc7O0VBRUg7SUFDRSxrQkFBa0I7SUFDbEIsV0FBVztJQUNYLFlBQVk7RUFDZDs7RUFFQTtJQUNFLG9CQUFvQjtJQUNwQixtQkFBbUI7RUFDckIiLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ29kZS5zdmVsdGUiLCJzb3VyY2VzQ29udGVudCI6WyJcbiAgLmNvZGV2aWV3IHtcbiAgICBwYWRkaW5nOiAwO1xuICB9XG5cbiAgLmNvZGV2aWV3Om5vdCg6bGFzdC1jaGlsZCkge1xuICAgIG1hcmdpbi1ib3R0b206IDEuNXJlbTtcbiAgfVxuXG4gIGZpZ3VyZS5oaWdobGlnaHQge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgfVxuXG4gIC5idXR0b24tY29udGFpbmVyIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgcmlnaHQ6IDA7XG4gIH1cblxuICAvKiBjb2RlIHtcbiAgICBwYWRkaW5nOiAxLjI1cmVtIDEuNXJlbTtcbiAgfSAqL1xuXG4gIHByZS5oaWRkZW4ge1xuICAgIHZpc2liaWxpdHk6IGhpZGRlbjtcbiAgICBoZWlnaHQ6IDBweDtcbiAgICBwYWRkaW5nOiAwcHg7XG4gIH1cblxuICBwcmUuc2hvdyB7XG4gICAgLyogZGlzcGxheTogYmxvY2s7ICovXG4gICAgdmlzaWJpbGl0eTogdmlzaWJsZTtcbiAgfVxuIl19 */</style>\n\n<div class=\"codeview\">\n  <figure class=\"highlight is-expanded\">\n    {#if showCopy}\n      <div class=\"button-container\">\n        <button class=\"button is-text is-small copy-code\" bind:this={button}>Copy</button>\n      </div>\n    {/if}\n    <pre class=\"hidden\">\n      <code class={lang} bind:this={codeElm}>\n        <slot />\n      </code>\n    </pre>\n    <pre class:hidden={!show} class:show>\n      <code>\n        {@html compiled}\n      </code>\n    </pre>\n  </figure>\n</div>\n"
  ],
  "names": [],
  "mappings": "AA0DE,SAAS,eAAC,CAAC,AACT,OAAO,CAAE,CAAC,AACZ,CAAC,AAED,wBAAS,KAAK,WAAW,CAAC,AAAC,CAAC,AAC1B,aAAa,CAAE,MAAM,AACvB,CAAC,AAED,MAAM,UAAU,eAAC,CAAC,AAChB,QAAQ,CAAE,QAAQ,AACpB,CAAC,AAED,iBAAiB,eAAC,CAAC,AACjB,QAAQ,CAAE,QAAQ,CAClB,KAAK,CAAE,CAAC,AACV,CAAC,AAMD,GAAG,OAAO,eAAC,CAAC,AACV,UAAU,CAAE,MAAM,CAClB,MAAM,CAAE,GAAG,CACX,OAAO,CAAE,GAAG,AACd,CAAC,AAED,GAAG,KAAK,eAAC,CAAC,AAER,UAAU,CAAE,OAAO,AACrB,CAAC"
}