desy-html 7.4.0 → 8.0.1

package/docs/_global.foot.njk

@@ -6,29 +6,6 @@
   "classes": "lg:mt-48"
 })  }}
 
-<script src="js/prism/prism.min.js"></script>
-<script src="js/prism/prism-toolbar.min.js"></script>
-<script src="js/prism/clipboard.min.js"></script>
-<script src="js/prism/prism-copy-to-clipboard.min.js"></script>
-<script src="js/prism/prism-normalize-whitespace.min.js"></script>
-<script src="js/prism/prism-yaml.min.js"></script>
-<script src="js/prism/prism-twig.min.js"></script>
-<script>
-  // Optional
-  Prism.plugins.NormalizeWhitespace.setDefaults({
-  'remove-trailing': true,
-  'remove-indent': true,
-  'left-trim': true,
-  'right-trim': true,
-  /*'break-lines': 80,
-  'indent': 2,
-  'remove-initial-line-feed': false,
-  'tabs-to-spaces': 4,
-  'spaces-to-tabs': 4*/
-});
-</script>
-
-
 <script src="js/popper.min.js"></script>
 <script src="js/tippy-bundle.umd.min.js"></script>
 <script type="module" src="js/index.js"></script>

package/docs/_global.head.njk

@@ -11,336 +11,18 @@
   <link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,600;0,700;1,400;1,600;1,700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="css/styles.css">
   <style>
-    /* PrismJS 1.15.0
-    https://prismjs.com/download.html#themes=prism-coy&languages=markup+css+clike+javascript+java+kotlin+markdown+swift&plugins=toolbar+show-language+copy-to-clipboard */
-    /**
-     * prism.js Coy theme for JavaScript, CoffeeScript, CSS and HTML
-     * Based on https://github.com/tshedor/workshop-wp-theme (Example: http://workshop.kansan.com/category/sessions/basics or http://workshop.timshedor.com/category/sessions/basics);
-     * @author Tim  Shedor
-     */
-
-
-    code[class*="language-"],
-    pre[class*="language-"] {
-      color: black;
-      background: none;
-      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;
-      -ms-hyphens: none;
-      hyphens: none; }
-
-    /* Code blocks */
-    pre[class*="language-"] {
-      position: relative;
-      margin: .5em 0;
-      overflow: visible;
-      padding: 0; }
-
-    pre[class*="language-"] > code {
-      position: relative;
-      border-left: 10px solid #358ccb;
-      -webkit-box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
-      box-shadow: -1px 0px 0px 0px #358ccb, 0px 0px 0px 1px #dfdfdf;
-      background-color: #fdfdfd;
-      background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, rgba(69, 142, 209, 0.04)));
-      background-image: linear-gradient(transparent 50%, rgba(69, 142, 209, 0.04) 50%);
-      background-size: 3em 3em;
-      background-origin: content-box;
-      background-attachment: local; }
-
-    code[class*="language"] {
-      max-height: inherit;
-      height: inherit;
-      padding: 0 1em;
-      display: block;
-      overflow: auto; }
-
-    /* Margin bottom to accommodate shadow */
-    :not(pre) > code[class*="language-"],
-    pre[class*="language-"] {
-      background-color: #fdfdfd;
-      -webkit-box-sizing: border-box;
-      box-sizing: border-box;
-      margin-bottom: 1em; }
-
-    /* Inline code */
-    :not(pre) > code[class*="language-"] {
-      position: relative;
-      padding: .2em;
-      border-radius: 0.3em;
-      color: #c92c2c;
-      border: 1px solid rgba(0, 0, 0, 0.1);
-      display: inline;
-      white-space: normal; }
-
-    pre[class*="language-"]:before,
-    pre[class*="language-"]:after {
-      content: '';
-      z-index: -2;
-      display: block;
-      position: absolute;
-      bottom: 0.75em;
-      left: 0.18em;
-      width: 40%;
-      height: 20%;
-      max-height: 13em;
-      -webkit-box-shadow: 0px 13px 8px #979797;
-      box-shadow: 0px 13px 8px #979797;
-      -webkit-transform: rotate(-2deg);
-      transform: rotate(-2deg); }
-
-    :not(pre) > code[class*="language-"]:after,
-    pre[class*="language-"]:after {
-      right: 0.75em;
-      left: auto;
-      -webkit-transform: rotate(2deg);
-      transform: rotate(2deg); }
-
-    .token.comment,
-    .token.block-comment,
-    .token.prolog,
-    .token.doctype,
-    .token.cdata {
-      color: #7D8B99; }
-
-    .token.punctuation {
-      color: #5F6364; }
-
-    .token.property,
-    .token.tag,
-    .token.boolean,
-    .token.number,
-    .token.function-name,
-    .token.constant,
-    .token.symbol,
-    .token.deleted {
-      color: #c92c2c; }
-
-    .token.selector,
-    .token.attr-name,
-    .token.string,
-    .token.char,
-    .token.function,
-    .token.builtin,
-    .token.inserted {
-      color: #2f9c0a; }
-
-    .token.operator,
-    .token.entity,
-    .token.url,
-    .token.variable {
-      color: #a67f59;
-      background: rgba(255, 255, 255, 0.5); }
-
-    .token.atrule,
-    .token.attr-value,
-    .token.keyword,
-    .token.class-name {
-      color: #1990b8; }
-
-    .token.regex,
-    .token.important {
-      color: #e90; }
-
-    .language-css .token.string,
-    .style .token.string {
-      color: #a67f59; }
-
-    .token.important {
-      font-weight: normal; }
-
-    .token.bold {
-      font-weight: bold; }
-
-    .token.italic {
-      font-style: italic; }
-
-    .token.entity {
-      cursor: help; }
-
-    .namespace {
-      opacity: .7; }
-
-    @media screen and (max-width: 767px) {
-      pre[class*="language-"]:before,
-      pre[class*="language-"]:after {
-        bottom: 14px;
-        -webkit-box-shadow: none;
-        box-shadow: none; } }
-
-    /* Plugin styles */
-    .token.tab:not(:empty):before,
-    .token.cr:before,
-    .token.lf:before {
-      color: #e0d7d1; }
-
-    /* Plugin styles: Line Numbers */
-    pre[class*="language-"].line-numbers.line-numbers {
-      padding-left: 0; }
-
-    pre[class*="language-"].line-numbers.line-numbers code {
-      padding-left: 3.8em; }
-
-    pre[class*="language-"].line-numbers.line-numbers .line-numbers-rows {
-      left: 0; }
-
-    /* Plugin styles: Line Highlight */
-    pre[class*="language-"][data-line] {
-      padding-top: 0;
-      padding-bottom: 0;
-      padding-left: 0; }
-
-    pre[data-line] code {
-      position: relative;
-      padding-left: 4em; }
-
-    pre .line-highlight {
-      margin-top: 0; }
-
-    div.code-toolbar {
-      position: relative; }
-
-    div.code-toolbar > .toolbar {
-      position: absolute;
-      top: .3em;
-      right: .2em;
-      -webkit-transition: opacity 0.3s ease-in-out;
-      transition: opacity 0.3s ease-in-out;
-      opacity: 0; }
-
-    div.code-toolbar:hover > .toolbar {
-      opacity: 1; }
-
-    div.code-toolbar > .toolbar .toolbar-item {
-      display: inline-block; }
-
-    div.code-toolbar > .toolbar a {
-      cursor: pointer; }
-
-    div.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; }
-
-    div.code-toolbar > .toolbar a,
-    div.code-toolbar > .toolbar button,
-    div.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; */ }
-
-    div.code-toolbar > .toolbar a:hover,
-    div.code-toolbar > .toolbar a:focus,
-    div.code-toolbar > .toolbar button:hover,
-    div.code-toolbar > .toolbar button:focus,
-    div.code-toolbar > .toolbar span:hover,
-    div.code-toolbar > .toolbar span:focus {
-      text-decoration: none; }
-
-    pre[class*="language-"] > code {
-      margin: 0 0 1rem;
-      padding: 1.5rem;
-      border-left: 0;
-      border-radius: 4px;
-      background: #f6f6f5;
-      -webkit-box-shadow: 0 0 0 1px #dfdfdf;
-      box-shadow: 0 0 0 1px #dfdfdf; }
-
-    code[class*="language-"],
-    pre[class*="language-"] {
-      position: relative;
-      color: #5c5c5c;
-      font-family: Inconsolata, "Roboto Mono", Consolas, Menlo, Monaco, "Ubuntu Mono", "DejaVu Sans Mono", monospace;
-      font-weight: normal; }
-
-    :not(pre) > code[class*="language-"],
-    pre[class*="language-"] {
-      margin-top: 0;
-      margin-bottom: 0; }
-
-    pre[class*="language-"]::before,
-    pre[class*="language-"]::after {
-      display: none; }
-
-    pre[class*="language-"] > code {
-      margin: 0 0 2rem;
-      padding-top: 3rem;
-      border-left: 0;
-      background-image: none;
-      -webkit-box-shadow: none;
-      box-shadow: none; }
-
-    .prism-show-language {
-      margin-bottom: 0.75rem;
-      font-size: 0.889rem; }
-
-    .clipboard-copy {
-      display: none; }
-
-    div.code-toolbar > .toolbar {
-      position: absolute;
-      top: 0rem;
-      width: 100%;
-      font-family: "Open Sans", "Gill Sans MT", "Gill Sans", Corbel, Arial, sans-serif;
-      font-size: 1rem;
-      opacity: 1;
-      z-index: 1; }
-      div.code-toolbar > .toolbar a {
-        padding: 0.375rem 0.625rem;
-        text-decoration: none; }
-      div.code-toolbar > .toolbar .toolbar-item:first-of-type {
-        position: absolute;
-        top: 0.75rem;
-        left: 1.75rem;
-        color: #8f8f8f;
-        font-size: .875em;
-        letter-spacing: .08em;
-        text-transform: uppercase;
-        -webkit-box-shadow: none;
-        box-shadow: none; }
-      div.code-toolbar > .toolbar .toolbar-item:nth-of-type(2) {
-        display: none;
-        position: absolute;
-        top: 0.5rem;
-        right: 0.5rem;
-        padding: .2em;
-        -webkit-transition: opacity 0.08s ease;
-        transition: opacity 0.08s ease;
-        border-radius: 3px;
-        background: #fff;
-        font-size: .8em;
-        -webkit-box-shadow: 0 2px 0 0 #b9c4ca;
-        box-shadow: 0 2px 0 0 #b9c4ca;
-        opacity: .6; }
-        @media screen and (min-width: 1024px) {
-          div.code-toolbar > .toolbar .toolbar-item:nth-of-type(2) {
-            display: block; } }
-        div.code-toolbar > .toolbar .toolbar-item:nth-of-type(2):hover {
-          opacity: 1; }
-
-    .language-name {
-      display: none; }
-
+    pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
+    Theme: StackOverflow Light
+    Description: Light theme as used on stackoverflow.com
+    Author: stackoverflow.com
+    Maintainer: @Hirse
+    Website: https://github.com/StackExchange/Stacks
+    License: MIT
+    Updated: 2021-05-15
+
+    Updated for @stackoverflow/stacks v0.64.0
+    Code Blocks: /blob/v0.64.0/lib/css/components/_stacks-code-blocks.less
+    Colors: /blob/v0.64.0/lib/css/exports/_stacks-constants-colors.less
+  */.hljs{color:#2f3337;background:#f6f6f6}.hljs-subst{color:#2f3337}.hljs-comment{color:#656e77}.hljs-attr,.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-section,.hljs-selector-tag{color:#015692}.hljs-attribute{color:#803378}.hljs-name,.hljs-number,.hljs-quote,.hljs-selector-id,.hljs-template-tag,.hljs-type{color:#b75501}.hljs-selector-class{color:#015692}.hljs-link,.hljs-regexp,.hljs-selector-attr,.hljs-string,.hljs-symbol,.hljs-template-variable,.hljs-variable{color:#54790d}.hljs-meta,.hljs-selector-pseudo{color:#015692}.hljs-built_in,.hljs-literal,.hljs-title{color:#b75501}.hljs-bullet,.hljs-code{color:#535a60}.hljs-meta .hljs-string{color:#54790d}.hljs-deletion{color:#c02d2e}.hljs-addition{color:#2f6f44}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}
   </style>
 </head>

package/docs/_macro.example-render.njk

@@ -1,5 +1,3 @@
-{% from "_macro.load-component-template.njk" import loadComponentTemplate %}
-
 {% from "components/accordion/_macro.accordion.njk"
 import componentAccordion %}
 {% from "components/accordion-history/_macro.accordion-history.njk"
@@ -126,8 +124,10 @@ import componentTree %}
         <div class="py-base">
           <h2 class="mb-sm font-bold">Parámetros del componente</h2>
           {% from "_macro.load-component-params.njk" import loadComponentParams %}
-          {% set componentYaml %}{{ loadComponentParams(exampleComponent) }}{% endset %}
-          <pre><code class="language-yaml text-sm">{{ componentYaml | e }}</code></pre>
+            <pre>
+              <code class="language-yaml hljs text-sm">{{ loadComponentParams(exampleComponent) | highlight("yaml") | safe }}
+              </code>
+            </pre>
         </div>
       </div>
     {% endcall %}
@@ -255,19 +255,44 @@ import componentTree %}
           {% set nunjucksContent %}
             {% if example.data.caller %}
               {% from "_macro.render-caller.njk" import renderCaller %}
-              {% set callerHtml %}{{ renderCaller(example.data.caller | safe) }}{% endset %}
-              <pre><code class="language-twig text-sm">{% raw %}{# {% endraw %}Borra el parámetro "caller" y la coma de la línea precedente y usa sólamente el código entre el "call" y el "endcall"{% raw %} #} {% endraw %}
+              {% set callerHtml %}{{ renderCaller(example.data.caller) }}{% endset %}
+              {% set callerNunjucks %}
                 {% raw %}{%{% endraw %} from "components/{{ exampleComponent }}/_macro.{{ exampleComponent }}.njk" import component{{ exampleComponent | replace("-", " ") | title | replace(" ","") }}{% raw %} %}{% endraw %}
-              {% raw %}{% {% endraw %}call component{{ exampleComponent | replace("-", " ") | title | replace(" ","") }}({{ example.data | dump(2) }}) {% raw %} %}{% endraw %}
-{{ callerHtml | e }}{% raw %}{% {% endraw %}endcall{% raw %} %}{% endraw %}</code></pre>
+              {% raw %}{% {% endraw %}call component{{ exampleComponent | replace("-", " ") | title | replace(" ","") }} {% endset %}
+              {{ componentButton({
+                "text": "Copiar código",
+                "classes": "c-button--sm c-button--transparent mb-sm",
+                "attributes": {
+                  "data-module": "c-button-copy"
+                }
+              }) }}
+              <pre><code class="language-js hljs text-sm">
+{{ callerNunjucks | highlight("js") | safe }}({{ example.data | filtercaller | dump(2) | highlight("js") | safe }}){% raw %} %}{% endraw %}
+{{ callerHtml | highlight("html") | safe }}
+{% raw %}{%{% endraw %} endcall {% raw %} %}{% endraw %}</code></pre>
               {% else %}
-                <pre><code class="language-twig text-sm">{% raw %}{%{% endraw %} from "components/{{ exampleComponent }}/_macro.{{ exampleComponent }}.njk" import component{{ exampleComponent | replace("-", " ") | title | replace(" ","") }}{% raw %} %}{% endraw %}
-                {% raw %}{{ {% endraw %}component{{ exampleComponent | replace("-", " ") | title | replace(" ","") }}({{ example.data | dump(2) }}) {% raw %} }}{% endraw %}</code></pre>
+                {{ componentButton({
+                  "text": "Copiar código",
+                  "classes": "c-button--sm c-button--transparent mb-sm",
+                  "attributes": {
+                    "data-module": "c-button-copy"
+                  }
+                }) }}
+                <pre class="hljs"><code class="language-js hljs text-sm">{{- getNunjucksCodeFromExample(exampleComponent, example.data, 'component') | highlight("twig") | safe -}}</code></pre>
               {% endif %}
           {% endset %}
           {% set htmlContent %}
-            {% set componentHtml %}{{ loadComponentTemplate(exampleComponent, example.data) }}{% endset %}
-            <pre><code class="language-markup text-sm">{{ componentHtml | e }}</code></pre>
+            {{ componentButton({
+              "text": "Copiar código",
+              "classes": "c-button--sm c-button--transparent mb-sm",
+              "attributes": {
+                "data-module": "c-button-copy"
+              }
+            }) }}
+            <pre class="hljs"><code class="language-html hljs text-sm">
+                {{- getHTMLCodeFromExample(exampleComponent, example.data, 'component') | highlight("html") | safe -}}
+              </code>
+            </pre>
           {% endset %}
         {% call componentDetails({
           "summary": {
@@ -283,13 +308,13 @@ import componentTree %}
                 {
                   "text": "Nunjucks macro",
                   "panel": {
-                    "html": nunjucksContent | trim | safe
+                    "html": nunjucksContent | trim
                   }
                 },
                 {
                   "text": "HTML",
                   "panel": {
-                    "html": htmlContent | trim | safe
+                    "html": htmlContent | trim
                   }
                 }
               ]

package/docs/_macro.render-caller.njk

@@ -1,3 +1,3 @@
 {% macro renderCaller(params) %}
-  {{ params | safe | indent(4) }}
-{% endmacro %}
+  {{ params | safe }}
+{% endmacro %}

package/docs/_macro.show-code-from-file.njk

@@ -0,0 +1,57 @@
+{% from "components/button/_macro.button.njk"
+import componentButton %}
+{% from "components/details/_macro.details.njk"
+import componentDetails %}
+{% from "components/tabs/_macro.tabs.njk"
+import componentTabs %}
+
+{% macro showCodeFromFile(filePath) %}
+  {% set nunjucksContent %}
+    {{ componentButton({
+      "html": 'Copiar código<span class="sr-only">Nunjucks del ejemplo: ' + filePath + '</span>',
+      "classes": "c-button--sm c-button--transparent mb-sm",
+      "attributes": {
+        "data-module": "c-button-copy"
+      }
+    }) }}
+    <pre class="hljs"><code class="language-js hljs text-sm">{{- getNunjucksCodeFromFile(filePath) | highlight("twig") | safe -}}</code></pre>
+  {% endset %}
+  {% set htmlContent %}
+    {{ componentButton({
+      "html": 'Copiar código<span class="sr-only">HTML del ejemplo: ' + filePath + '</span>',
+      "classes": "c-button--sm c-button--transparent mb-sm",
+      "attributes": {
+        "data-module": "c-button-copy"
+      }
+    }) }}
+    <pre class="hljs"><code class="language-html hljs text-sm">
+    {{- getHTMLCodeFromFile(filePath) | highlight("html") | safe -}}
+    </code></pre>
+  {% endset %}
+  {% call componentDetails({
+    "summary": {
+      "html": 'Mostrar código<span class="sr-only">del ejemplo: ' + filePath + '</span>',
+      "classes": "c-link text-sm"
+    }
+  })  %}
+      {{ componentTabs({
+        "tablistAriaLabel": "Tab example",
+        "idPrefix": "tab-" + filePath | replace("/", "-") | replace("_", "") | replace(".", "-"),
+        "classes": "c-tabs--scroll",
+        "items": [
+          {
+            "text": "Nunjucks macro",
+            "panel": {
+              "html": nunjucksContent | trim
+            }
+          },
+          {
+            "text": "HTML",
+            "panel": {
+              "html": htmlContent | trim
+            }
+          }
+        ]
+      })  }}
+  {% endcall %}
+{% endmacro %}

package/docs/_template.examples.njk

@@ -7,7 +7,7 @@
     {% endblock %}
     {% from "_macro.example-render.njk" import exampleRender %}
     {{ exampleRender({
-    	data: exampleData
+      data: exampleData
     }) }}
   </main>
 {% include "_global.foot.njk" %}

package/docs/estilos.html

@@ -1,17 +1,18 @@
 {% set title = "Estilos: colores, espaciado, retícula y tipografía. Documentación de desy-html. Gobierno de Aragón" %}
 {% extends "_template.default.njk" %}
+
 {% block contentBlock %}
-  <div class="pb-lg"></div>
-	<div class="c-h1">Estilos</div>
-  <div class="pb-lg"></div>
-  {% include "ds/_ds.section.color.njk" %}
-  <div class="pb-2xl"></div>
-  {% include "ds/_ds.section.espaciado.njk" %}
-  <div class="pb-2xl"></div>
-  {% include "ds/_ds.section.layout.njk" %}
-  <div class="pb-2xl"></div>
-  {% include "ds/_ds.section.textos.njk" %}
-  <div class="pb-2xl"></div>
-  {% include "ds/_ds.section.typography.njk" %}
-  <div class="pb-2xl"></div>
-{% endblock %}
+<div class="pb-lg"></div>
+<div class="c-h1">Estilos</div>
+<div class="pb-lg"></div>
+{% include "ds/_ds.section.color.njk" %}
+<div class="pb-2xl"></div>
+{% include "ds/_ds.section.espaciado.njk" %}
+<div class="pb-2xl"></div>
+{% include "ds/_ds.section.layout.njk" %}
+<div class="pb-2xl"></div>
+{% include "ds/_ds.section.textos.njk" %}
+<div class="pb-2xl"></div>
+{% include "ds/_ds.section.typography.njk" %}
+<div class="pb-2xl"></div>
+{% endblock %}

package/docs/index.html

@@ -38,6 +38,18 @@
 
   <h2>Changelog (English)</h2>
   <p>What's new in the latest version of desy-html</p>
+  <h3>v.8.0.1</h3>
+  <ul class="text-sm">
+    <li>Fixed a bug in examples Nunjucks code.</li>
+  </ul>
+  <h3>v.8.0.0</h3>
+  <ul class="text-sm">
+    <li>Improved indentation in examples.</li>
+    <li>Added functions to show source code in Nunjucks and HTML.</li>
+    <li>Removed Prism.</li>
+    <li>Fixed a bug in telephone link in footer.</li>
+    <li>Fixed an example of Searchbar with button breaking line.</li>
+  </ul>
   <h3>v.7.4.0</h3>
   <ul class="text-sm">
     <li>Translated examples to español.</li>

package/gulpfile.js

@@ -19,14 +19,28 @@ const SOURCE_HTML_DIR = './docs/**.html';
 const SOURCE_NUNJUCKS_PATHS = ['./src/templates/','./docs/'];
 const SOURCE_NUNJUCKS_FILES = ['./src/templates/**/*','./docs/**/*'];
 const SOURCE_NUNJUCKS_DIR = './docs/**/*.html';
-const SOURCE_JS_DIR = './src/**/**.js';
+const SOURCE_JS_FILES = ['./src/**/**.js','!./src/js/globals/**', '!./src/js/filters/**'];
 const SOURCE_STYLESHEET = './src/css/styles.css';
 const SOURCE_STYLESHEET_DIR = './src/**/*.css';
+const SOURCE_NUNJUCKS_GLOBALS = require('./src/js/globals/index.js');
+const SOURCE_NUNJUCKS_FILTERS = require('./src/js/filters/index.js');
 const DESTINATION_HTML_DIR = './dist/';
 const DESTINATION_JS_DIR = './dist/';
 const DESTINATION_STYLESHEET = './dist/css/';
 
 
+const manageEnvironment = function(environment) {
+  // Custom globals
+  for (const key in SOURCE_NUNJUCKS_GLOBALS) {
+    environment.addGlobal(key, SOURCE_NUNJUCKS_GLOBALS[key])
+  }
+
+  // Custom filters
+  for (const key in SOURCE_NUNJUCKS_FILTERS) {
+    environment.addFilter(key, SOURCE_NUNJUCKS_FILTERS[key])
+  }
+}
+
 function bs(cb) {
   browserSync.init({
     server: {
@@ -40,7 +54,7 @@ function bs(cb) {
 
 
 function watchFiles(cb) {
-  gulp.watch([TAILWIND_CONFIG, SOURCE_STYLESHEET_DIR, SOURCE_HTML_DIR, SOURCE_JS_DIR, SOURCE_NUNJUCKS_DIR, ...SOURCE_NUNJUCKS_FILES], gulp.series(html, nunjucks, js, css, reload));
+  gulp.watch([TAILWIND_CONFIG, SOURCE_STYLESHEET_DIR, SOURCE_HTML_DIR, ...SOURCE_JS_FILES, SOURCE_NUNJUCKS_DIR, ...SOURCE_NUNJUCKS_FILES], gulp.series(html, nunjucks, js, css, reload));
   cb();
 }
 
@@ -82,6 +96,7 @@ function nunjucks() {
           lstripBlocks: true,
           noCache: true
         },
+        manageEnv: manageEnvironment,
         path: SOURCE_NUNJUCKS_PATHS // String or Array
       }))
     .pipe(gulp.dest(DESTINATION_HTML_DIR));
@@ -89,7 +104,7 @@ function nunjucks() {
 
 
 function js() {
-  return gulp.src(SOURCE_JS_DIR)
+  return gulp.src(SOURCE_JS_FILES)
     .pipe(gulp.dest(DESTINATION_JS_DIR));
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "desy-html",
-  "version": "7.4.0",
+  "version": "8.0.1",
   "description": "desy-html contains the code you need to start building a user interface for Gobierno de Aragón government webapps.",
   "author": {
     "name": "Desy (SDA Servicios Digitales de Aragón)",
@@ -37,6 +37,7 @@
     "@tailwindcss/typography": "^0.5.7",
     "autoprefixer": "^10.0.2",
     "hex-rgb": "^5.0.0",
+    "highlight.js": "^11.7.0",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.2.15",
     "postcss-cli": "^10.0.0",
@@ -51,7 +52,9 @@
     "gulp-footer": "^2.0.2",
     "gulp-nunjucks-render": "^2.2.3",
     "gulp-postcss": "^9.0.1",
-    "gulp-strip-css-comments": "^2.0.0"
+    "gulp-strip-css-comments": "^2.0.0",
+    "js-beautify": "^1.14.7",
+    "outdent": "^0.8.0"
   },
   "optionalDependencies": {
     "win-node-env": "^0.6.1"

package/src/css/styles.css

@@ -42,4 +42,4 @@
 @import "./component.headroom.css";
 
 /* Framework utilities */
-@import "tailwindcss/utilities";
+@import "tailwindcss/utilities";

package/src/js/filters/filter-caller.js

@@ -0,0 +1,6 @@
+function filterCaller (params) {
+  delete params.caller;
+  return params
+}
+
+module.exports = filterCaller

package/src/js/filters/highlight.js

@@ -0,0 +1,14 @@
+const hljs = require('highlight.js')
+
+/**
+ * Format code with syntax highlighting
+ *
+ * @param {string} code - Code in plain text
+ * @param {string} [language] - Code programming language
+ * @returns {string} Code with syntax highlighting
+ */
+function highlight (code, language) {
+  return hljs.highlight(code.trim(), { language: language || 'plaintext' }).value
+}
+
+module.exports = highlight

package/src/js/filters/index.js

@@ -0,0 +1,10 @@
+/**
+ * Nunjucks filters
+ */
+const highlight = require('./highlight')
+const filtercaller = require('./filter-caller')
+
+module.exports = {
+  highlight,
+  filtercaller
+}

package/src/js/globals/get-html-code-from-example.js

@@ -0,0 +1,29 @@
+const beautify = require('js-beautify')
+/**
+ * Component HTML code (formatted)
+ *
+ * @param {string} componentName - Component name
+ * @param {unknown} params - Component macro params
+ * @param {unknown} pathName - path name
+ */
+function getHTMLCodeFromExample (componentName, params, pathName) {
+  const templatePath = `${pathName}s/${componentName}/_template.${componentName}.njk`;
+
+  // Render to HTML
+  const html = this.env.render(templatePath, { params }).trim()
+
+  // Default beautify options
+  const options = beautify.html.defaultOptions()
+
+  return beautify.html(html, {
+    indent_size: 2,
+    // Ensure nested labels in headings are indented properly
+    inline: options.inline.filter((tag) => !['label'].includes(tag)),
+    // Remove blank lines
+    max_preserve_newlines: 0,
+    // Ensure attribute wrapping in header SVG is preserved
+    wrap_attributes: 'preserve'
+  })
+}
+
+module.exports = getHTMLCodeFromExample

package/src/js/globals/get-html-code-from-file.js

@@ -0,0 +1,26 @@
+const beautify = require('js-beautify')
+/**
+ * Component HTML code (formatted)
+ *
+ * @param {string} templatePath - Path to nunjucks file. Eg: `includes/_loremipsum-large.njk`;
+ */
+function getHTMLCodeFromFile (templatePath) {
+
+  // Render to HTML
+  const html = this.env.render(templatePath).trim()
+
+  // Default beautify options
+  const options = beautify.html.defaultOptions()
+
+  return beautify.html(html, {
+    indent_size: 2,
+    // Ensure nested labels in headings are indented properly
+    inline: options.inline.filter((tag) => !['label'].includes(tag)),
+    // Remove blank lines
+    max_preserve_newlines: 0,
+    // Ensure attribute wrapping in header SVG is preserved
+    wrap_attributes: 'preserve'
+  })
+}
+
+module.exports = getHTMLCodeFromFile

package/src/js/globals/get-nunjucks-code-from-example.js

@@ -0,0 +1,32 @@
+const { outdent } = require('outdent')
+
+
+/**
+ * Component Nunjucks code (formatted)
+ *
+ * @param {string} componentName - Component name
+ * @param {unknown} params - Component macro params
+ * @returns {string} Nunjucks code
+ */
+function getNunjucksCodeFromExample (componentName, params, pathName) {
+  const macroName = kebabCaseToPascalCase(componentName)
+
+  return outdent`
+    {% from "${pathName}s/${componentName}/_macro.${componentName}.njk" import ${pathName}${macroName} %}
+
+    {{ ${pathName}${macroName}(${
+      JSON.stringify(params, undefined, 2)
+    }) }}
+  `
+}
+
+function kebabCaseToPascalCase (value) {
+  return value
+    .toLowerCase()
+    .split('-')
+    // capitalize each 'word'
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1))
+    .join('')
+}
+
+module.exports = getNunjucksCodeFromExample

package/src/js/globals/get-nunjucks-code-from-file.js

@@ -0,0 +1,24 @@
+const { outdent } = require('outdent')
+
+/**
+ * Component Nunjucks code (formatted)
+ * Uses node.js to read the content of a file, display it as code.
+ * @param {string} templatePath - Path to nunjucks file. Eg: `includes/_loremipsum-large.njk`;
+ * @returns {string} Nunjucks code
+ */
+function getNunjucksCodeFromFile (templatePath) {
+  const fs = require('fs');
+  let codeFromFile
+
+  try {
+    codeFromFile = fs.readFileSync(`src/templates/${templatePath}`, 'utf8');
+  } catch (err) {
+    console.error(err);
+  }
+
+  return outdent`
+    ${codeFromFile}
+  `
+}
+
+module.exports = getNunjucksCodeFromFile

package/src/js/globals/index.js

@@ -0,0 +1,14 @@
+/**
+ * Nunjucks globals
+ */
+const getHTMLCodeFromExample = require('./get-html-code-from-example.js')
+const getNunjucksCodeFromExample = require('./get-nunjucks-code-from-example.js')
+const getHTMLCodeFromFile = require('./get-html-code-from-file.js')
+const getNunjucksCodeFromFile = require('./get-nunjucks-code-from-file.js')
+
+module.exports = {
+  getNunjucksCodeFromExample,
+  getHTMLCodeFromExample,
+  getNunjucksCodeFromFile,
+  getHTMLCodeFromFile
+}

package/src/js/index.js

@@ -41,3 +41,24 @@ notificationComponent(aria);
 radioButtonComponent(aria);
 checkBoxComponent(aria);
 
+
+//Using the browser API to copy code to the clipboard
+const copyButtons = document.querySelectorAll('[data-module = "c-button-copy"]');
+copyButtons.forEach(button => {
+  button.addEventListener("click", async (event) => {
+    await copyCode(button);
+  });
+});
+
+async function copyCode(button) {
+  const code = button.nextElementSibling.innerText;
+  await navigator.clipboard.writeText(code);
+  setTimeout(() => {
+    button.innerHTML = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48" class="self-center mr-2" aria-hidden="true" width="1em" height="1em"><path d="M13.714 42.857A6.857 6.857 0 0 1 8.4 40.183L.857 31.646a3.429 3.429 0 0 1 .309-4.869A3.429 3.429 0 0 1 6 27.12l7.063 7.989a.72.72 0 0 0 .617.308.789.789 0 0 0 .617-.274L42.103 6.206a3.429 3.429 0 0 1 4.937 4.731L18.926 40.526a6.651 6.651 0 0 1-5.212 2.331Z" fill="currentColor"></path></svg> Copiado';
+  },100)
+
+  setTimeout(() => {
+    button.innerHTML = "Copiar código";
+  },2500)
+
+}

package/src/templates/components/footer/_template.footer.njk

@@ -73,7 +73,7 @@ text-neutral-dark {{ params.classes if params.classes }}"
             <a
               class="c-link c-link--neutral"
               href="https://www.aragon.es/"
-            >Gobierno de Aragón</a>. Edificio Pignatelli. <abbr title="Paseo">Pº</abbr> María Agustín, 36. 50004 - Zaragoza - <abbr title="Teléfono">Tel.</abbr> <a href="tel:+976714000" class="c-link c-link--neutral">976 714 000</a>
+            >Gobierno de Aragón</a>. Edificio Pignatelli. <abbr title="Paseo">Pº</abbr> María Agustín, 36. 50004 - Zaragoza - <abbr title="Teléfono">Tel.</abbr> <a href="tel:+34976714000" class="c-link c-link--neutral">976 714 000</a>
           </p>
         </div>
         {% endif %}

package/src/templates/components/input/_examples.input.njk

@@ -148,7 +148,8 @@
     }
   },
   {
-    "name": "with pattern attribute",
+    "name": "con al atributo pattern",
+    "description": 'Usa el atributo <code>pattern</code> para elegir un patrón de entrada de datos nativo del navegador.',
     "data": {
       "label": {
         "text": "Solo números"

package/src/templates/components/searchbar/_examples.searchbar.njk

@@ -77,7 +77,7 @@
         "type": "submit",
         "classes": "c-button--primary ml-sm"
       },
-      "classes": "flex-1"
+      "classes": "flex-1 pr-sm"
     }
   },
   {
@@ -93,7 +93,7 @@
         "type": "submit",
         "classes": "c-button--sm ml-sm"
       },
-      "classes": "flex-1 c-input--sm"
+      "classes": "flex-1 pr-sm c-input--sm"
     }
   }
 ] %}

package/src/js/prism/clipboard.min.js

@@ -1,7 +0,0 @@
-/*!
- * clipboard.js v2.0.4
- * https://zenorocha.github.io/clipboard.js
- * 
- * Licensed MIT © Zeno Rocha
- */
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.ClipboardJS=e():t.ClipboardJS=e()}(this,function(){return function(n){var o={};function r(t){if(o[t])return o[t].exports;var e=o[t]={i:t,l:!1,exports:{}};return n[t].call(e.exports,e,e.exports,r),e.l=!0,e.exports}return r.m=n,r.c=o,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=0)}([function(t,e,n){"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=function(){function o(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(t,e,n){return e&&o(t.prototype,e),n&&o(t,n),t}}(),a=o(n(1)),c=o(n(3)),u=o(n(4));function o(t){return t&&t.__esModule?t:{default:t}}var l=function(t){function o(t,e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,o);var n=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,(o.__proto__||Object.getPrototypeOf(o)).call(this));return n.resolveOptions(e),n.listenClick(t),n}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(o,c.default),i(o,[{key:"resolveOptions",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===r(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=(0,u.default)(t,"click",function(t){return e.onClick(t)})}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new a.default({action:this.action(e),target:this.target(e),text:this.text(e),container:this.container,trigger:e,emitter:this})}},{key:"defaultAction",value:function(t){return s("action",t)}},{key:"defaultTarget",value:function(t){var e=s("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return s("text",t)}},{key:"destroy",value:function(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}],[{key:"isSupported",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:["copy","cut"],e="string"==typeof t?[t]:t,n=!!document.queryCommandSupported;return e.forEach(function(t){n=n&&!!document.queryCommandSupported(t)}),n}}]),o}();function s(t,e){var n="data-clipboard-"+t;if(e.hasAttribute(n))return e.getAttribute(n)}t.exports=l},function(t,e,n){"use strict";var o,r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=function(){function o(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(t,e,n){return e&&o(t.prototype,e),n&&o(t,n),t}}(),a=n(2),c=(o=a)&&o.__esModule?o:{default:o};var u=function(){function e(t){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),this.resolveOptions(t),this.initSelection()}return i(e,[{key:"resolveOptions",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};this.action=t.action,this.container=t.container,this.emitter=t.emitter,this.target=t.target,this.text=t.text,this.trigger=t.trigger,this.selectedText=""}},{key:"initSelection",value:function(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"selectFake",value:function(){var t=this,e="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=function(){return t.removeFake()},this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[e?"right":"left"]="-9999px";var n=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.style.top=n+"px",this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.container.appendChild(this.fakeElem),this.selectedText=(0,c.default)(this.fakeElem),this.copyText()}},{key:"removeFake",value:function(){this.fakeHandler&&(this.container.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(this.container.removeChild(this.fakeElem),this.fakeElem=null)}},{key:"selectTarget",value:function(){this.selectedText=(0,c.default)(this.target),this.copyText()}},{key:"copyText",value:function(){var e=void 0;try{e=document.execCommand(this.action)}catch(t){e=!1}this.handleResult(e)}},{key:"handleResult",value:function(t){this.emitter.emit(t?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}},{key:"clearSelection",value:function(){this.trigger&&this.trigger.focus(),window.getSelection().removeAllRanges()}},{key:"destroy",value:function(){this.removeFake()}},{key:"action",set:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"copy";if(this._action=t,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')},get:function(){return this._action}},{key:"target",set:function(t){if(void 0!==t){if(!t||"object"!==(void 0===t?"undefined":r(t))||1!==t.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&t.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(t.hasAttribute("readonly")||t.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=t}},get:function(){return this._target}}]),e}();t.exports=u},function(t,e){t.exports=function(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var n=t.hasAttribute("readonly");n||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),n||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var o=window.getSelection(),r=document.createRange();r.selectNodeContents(t),o.removeAllRanges(),o.addRange(r),e=o.toString()}return e}},function(t,e){function n(){}n.prototype={on:function(t,e,n){var o=this.e||(this.e={});return(o[t]||(o[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var o=this;function r(){o.off(t,r),e.apply(n,arguments)}return r._=e,this.on(t,r,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),o=0,r=n.length;o<r;o++)n[o].fn.apply(n[o].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),o=n[t],r=[];if(o&&e)for(var i=0,a=o.length;i<a;i++)o[i].fn!==e&&o[i].fn._!==e&&r.push(o[i]);return r.length?n[t]=r:delete n[t],this}},t.exports=n},function(t,e,n){var d=n(5),h=n(6);t.exports=function(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!d.string(e))throw new TypeError("Second argument must be a String");if(!d.fn(n))throw new TypeError("Third argument must be a Function");if(d.node(t))return s=e,f=n,(l=t).addEventListener(s,f),{destroy:function(){l.removeEventListener(s,f)}};if(d.nodeList(t))return a=t,c=e,u=n,Array.prototype.forEach.call(a,function(t){t.addEventListener(c,u)}),{destroy:function(){Array.prototype.forEach.call(a,function(t){t.removeEventListener(c,u)})}};if(d.string(t))return o=t,r=e,i=n,h(document.body,o,r,i);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList");var o,r,i,a,c,u,l,s,f}},function(t,n){n.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},n.nodeList=function(t){var e=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===e||"[object HTMLCollection]"===e)&&"length"in t&&(0===t.length||n.node(t[0]))},n.string=function(t){return"string"==typeof t||t instanceof String},n.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},function(t,e,n){var a=n(7);function i(t,e,n,o,r){var i=function(e,n,t,o){return function(t){t.delegateTarget=a(t.target,n),t.delegateTarget&&o.call(e,t)}}.apply(this,arguments);return t.addEventListener(n,i,r),{destroy:function(){t.removeEventListener(n,i,r)}}}t.exports=function(t,e,n,o,r){return"function"==typeof t.addEventListener?i.apply(null,arguments):"function"==typeof n?i.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,function(t){return i(t,e,n,o,r)}))}},function(t,e){if("undefined"!=typeof Element&&!Element.prototype.matches){var n=Element.prototype;n.matches=n.matchesSelector||n.mozMatchesSelector||n.msMatchesSelector||n.oMatchesSelector||n.webkitMatchesSelector}t.exports=function(t,e){for(;t&&9!==t.nodeType;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}}])});

package/src/js/prism/prism-copy-to-clipboard.min.js

@@ -1 +0,0 @@
-!function(){if("undefined"!=typeof self&&self.Prism&&self.document)if(Prism.plugins.toolbar){var r=window.ClipboardJS||void 0;r||"function"!=typeof require||(r=require("clipboard"));var i=[];if(!r){var o=document.createElement("script"),e=document.querySelector("head");o.onload=function(){if(r=window.ClipboardJS)for(;i.length;)i.pop()()},o.src="https://cdnjs.cloudflare.com/ajax/libs/clipboard.js/2.0.0/clipboard.min.js",e.appendChild(o)}Prism.plugins.toolbar.registerButton("copy-to-clipboard",function(e){var t=document.createElement("button");return t.textContent="Copy",r?o():i.push(o),t;function o(){var o=new r(t,{text:function(){return e.code}});o.on("success",function(){t.textContent="Copied!",n()}),o.on("error",function(){t.textContent="Press Ctrl+C to copy",n()})}function n(){setTimeout(function(){t.textContent="Copy"},5e3)}})}else console.warn("Copy to Clipboard plugin loaded before Toolbar plugin.")}();

package/src/js/prism/prism-normalize-whitespace.min.js

@@ -1 +0,0 @@
-!function(){var i=Object.assign||function(e,n){for(var t in n)n.hasOwnProperty(t)&&(e[t]=n[t]);return e};function e(e){this.defaults=i({},e)}function l(e){for(var n=0,t=0;t<e.length;++t)e.charCodeAt(t)=="\t".charCodeAt(0)&&(n+=3);return e.length+n}e.prototype={setDefaults:function(e){this.defaults=i(this.defaults,e)},normalize:function(e,n){for(var t in n=i(this.defaults,n)){var r=t.replace(/-(\w)/g,function(e,n){return n.toUpperCase()});"normalize"!==t&&"setDefaults"!==r&&n[t]&&this[r]&&(e=this[r].call(this,e,n[t]))}return e},leftTrim:function(e){return e.replace(/^\s+/,"")},rightTrim:function(e){return e.replace(/\s+$/,"")},tabsToSpaces:function(e,n){return n=0|n||4,e.replace(/\t/g,new Array(++n).join(" "))},spacesToTabs:function(e,n){return n=0|n||4,e.replace(RegExp(" {"+n+"}","g"),"\t")},removeTrailing:function(e){return e.replace(/\s*?$/gm,"")},removeInitialLineFeed:function(e){return e.replace(/^(?:\r?\n|\r)/,"")},removeIndent:function(e){var n=e.match(/^[^\S\n\r]*(?=\S)/gm);return n&&n[0].length?(n.sort(function(e,n){return e.length-n.length}),n[0].length?e.replace(RegExp("^"+n[0],"gm"),""):e):e},indent:function(e,n){return e.replace(/^[^\S\n\r]*(?=\S)/gm,new Array(++n).join("\t")+"$&")},breakLines:function(e,n){n=!0===n?80:0|n||80;for(var t=e.split("\n"),r=0;r<t.length;++r)if(!(l(t[r])<=n)){for(var i=t[r].split(/(\s+)/g),o=0,a=0;a<i.length;++a){var s=l(i[a]);n<(o+=s)&&(i[a]="\n"+i[a],o=s)}t[r]=i.join("")}return t.join("\n")}},"undefined"!=typeof module&&module.exports&&(module.exports=e),"undefined"!=typeof Prism&&(Prism.plugins.NormalizeWhitespace=new e({"remove-trailing":!0,"remove-indent":!0,"left-trim":!0,"right-trim":!0}),Prism.hooks.add("before-sanity-check",function(e){var n=Prism.plugins.NormalizeWhitespace;if(!e.settings||!1!==e.settings["whitespace-normalization"])if(e.element&&e.element.parentNode||!e.code){var t=e.element.parentNode,r=/(?:^|\s)no-whitespace-normalization(?:\s|$)/;if(e.code&&t&&"pre"===t.nodeName.toLowerCase()&&!r.test(t.className)&&!r.test(e.element.className)){for(var i=t.childNodes,o="",a="",s=!1,l=0;l<i.length;++l){var c=i[l];c==e.element?s=!0:"#text"===c.nodeName&&(s?a+=c.nodeValue:o+=c.nodeValue,t.removeChild(c),--l)}if(e.element.children.length&&Prism.plugins.KeepMarkup){var u=o+e.element.innerHTML+a;e.element.innerHTML=n.normalize(u,e.settings),e.code=e.element.textContent}else e.code=o+e.code+a,e.code=n.normalize(e.code,e.settings)}}else e.code=n.normalize(e.code,e.settings)}))}();

package/src/js/prism/prism-toolbar.min.js

@@ -1 +0,0 @@
-!function(){if("undefined"!=typeof self&&self.Prism&&self.document){var i=[],l={},c=function(){};Prism.plugins.toolbar={};var e=Prism.plugins.toolbar.registerButton=function(e,n){var t;t="function"==typeof n?n:function(e){var t;return"function"==typeof n.onClick?((t=document.createElement("button")).type="button",t.addEventListener("click",function(){n.onClick.call(this,e)})):"string"==typeof n.url?(t=document.createElement("a")).href=n.url:t=document.createElement("span"),n.className&&t.classList.add(n.className),t.textContent=n.text,t},e in l?console.warn('There is a button with the key "'+e+'" registered already.'):i.push(l[e]=t)},t=Prism.plugins.toolbar.hook=function(a){var e=a.element.parentNode;if(e&&/pre/i.test(e.nodeName)&&!e.parentNode.classList.contains("code-toolbar")){var t=document.createElement("div");t.classList.add("code-toolbar"),e.parentNode.insertBefore(t,e),t.appendChild(e);var r=document.createElement("div");r.classList.add("toolbar");var n=i,o=function(e){for(;e;){var t=e.getAttribute("data-toolbar-order");if(null!=t)return(t=t.trim()).length?t.split(/\s*,\s*/g):[];e=e.parentElement}}(a.element);o&&(n=o.map(function(e){return l[e]||c})),n.forEach(function(e){var t=e(a);if(t){var n=document.createElement("div");n.classList.add("toolbar-item"),n.appendChild(t),r.appendChild(n)}}),t.appendChild(r)}};e("label",function(e){var t=e.element.parentNode;if(t&&/pre/i.test(t.nodeName)&&t.hasAttribute("data-label")){var n,a,r=t.getAttribute("data-label");try{a=document.querySelector("template#"+r)}catch(e){}return a?n=a.content:(t.hasAttribute("data-url")?(n=document.createElement("a")).href=t.getAttribute("data-url"):n=document.createElement("span"),n.textContent=r),n}}),Prism.hooks.add("complete",t)}}();

package/src/js/prism/prism-twig.min.js

@@ -1 +0,0 @@
-Prism.languages.twig={comment:/\{#[\s\S]*?#\}/,tag:{pattern:/\{\{[\s\S]*?\}\}|\{%[\s\S]*?%\}/,inside:{ld:{pattern:/^(?:\{\{-?|\{%-?\s*\w+)/,inside:{punctuation:/^(?:\{\{|\{%)-?/,keyword:/\w+/}},rd:{pattern:/-?(?:%\}|\}\})$/,inside:{punctuation:/.+/}},string:{pattern:/("|')(?:\\.|(?!\1)[^\\\r\n])*\1/,inside:{punctuation:/^['"]|['"]$/}},keyword:/\b(?:even|if|odd)\b/,boolean:/\b(?:true|false|null)\b/,number:/\b0x[\dA-Fa-f]+|(?:\b\d+\.?\d*|\B\.\d+)(?:[Ee][-+]?\d+)?/,operator:[{pattern:/(\s)(?:and|b-and|b-xor|b-or|ends with|in|is|matches|not|or|same as|starts with)(?=\s)/,lookbehind:!0},/[=<>]=?|!=|\*\*?|\/\/?|\?:?|[-+~%|]/],property:/\b[a-zA-Z_]\w*\b/,punctuation:/[()\[\]{}:.,]/}},other:{pattern:/\S(?:[\s\S]*\S)?/,inside:Prism.languages.markup}};

package/src/js/prism/prism-yaml.min.js

@@ -1 +0,0 @@
-!function(n){var t=/[*&][^\s[\]{},]+/,e=/!(?:<[\w\-%#;/?:@&=+$,.!~*'()[\]]+>|(?:[a-zA-Z\d-]*!)?[\w\-%#;/?:@&=+$.~*'()]+)?/,r="(?:"+e.source+"(?:[ \t]+"+t.source+")?|"+t.source+"(?:[ \t]+"+e.source+")?)";function a(n,t){t=(t||"").replace(/m/g,"")+"m";var e="([:\\-,[{]\\s*(?:\\s<<prop>>[ \t]+)?)(?:<<value>>)(?=[ \t]*(?:$|,|]|}|\\s*#))".replace(/<<prop>>/g,function(){return r}).replace(/<<value>>/g,function(){return n});return RegExp(e,t)}n.languages.yaml={scalar:{pattern:RegExp("([\\-:]\\s*(?:\\s<<prop>>[ \t]+)?[|>])[ \t]*(?:((?:\r?\n|\r)[ \t]+)[^\r\n]+(?:\\2[^\r\n]+)*)".replace(/<<prop>>/g,function(){return r})),lookbehind:!0,alias:"string"},comment:/#.*/,key:{pattern:RegExp("((?:^|[:\\-,[{\r\n?])[ \t]*(?:<<prop>>[ \t]+)?)[^\r\n{[\\]},#\\s]+?(?=\\s*:\\s)".replace(/<<prop>>/g,function(){return r})),lookbehind:!0,alias:"atrule"},directive:{pattern:/(^[ \t]*)%.+/m,lookbehind:!0,alias:"important"},datetime:{pattern:a("\\d{4}-\\d\\d?-\\d\\d?(?:[tT]|[ \t]+)\\d\\d?:\\d{2}:\\d{2}(?:\\.\\d*)?[ \t]*(?:Z|[-+]\\d\\d?(?::\\d{2})?)?|\\d{4}-\\d{2}-\\d{2}|\\d\\d?:\\d{2}(?::\\d{2}(?:\\.\\d*)?)?"),lookbehind:!0,alias:"number"},boolean:{pattern:a("true|false","i"),lookbehind:!0,alias:"important"},null:{pattern:a("null|~","i"),lookbehind:!0,alias:"important"},string:{pattern:a("(\"|')(?:(?!\\2)[^\\\\\r\n]|\\\\.)*\\2"),lookbehind:!0,greedy:!0},number:{pattern:a("[+-]?(?:0x[\\da-f]+|0o[0-7]+|(?:\\d+\\.?\\d*|\\.?\\d+)(?:e[+-]?\\d+)?|\\.inf|\\.nan)","i"),lookbehind:!0},tag:e,important:t,punctuation:/---|[:[\]{}\-,|>?]|\.\.\./},n.languages.yml=n.languages.yaml}(Prism);

package/src/js/prism/prism.min.js

@@ -1 +0,0 @@
-var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(u){var c=/\blang(?:uage)?-([\w-]+)\b/i,t=0,C={manual:u.Prism&&u.Prism.manual,disableWorkerMessageHandler:u.Prism&&u.Prism.disableWorkerMessageHandler,util:{encode:function e(t){return t instanceof N?new N(t.type,e(t.content),t.alias):Array.isArray(t)?t.map(e):t.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).slice(8,-1)},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function n(e,a){var r,t,s=C.util.type(e);switch(a=a||{},s){case"Object":if(t=C.util.objId(e),a[t])return a[t];for(var i in r={},a[t]=r,e)e.hasOwnProperty(i)&&(r[i]=n(e[i],a));return r;case"Array":return(t=C.util.objId(e),a[t])?a[t]:(r=[],a[t]=r,e.forEach(function(e,t){r[t]=n(e,a)}),r);default:return e}},getLanguage:function(e){for(;e&&!c.test(e.className);)e=e.parentElement;return e?(e.className.match(c)||[,"none"])[1].toLowerCase():"none"},currentScript:function(){if("undefined"==typeof document)return null;if("currentScript"in document)return document.currentScript;try{throw new Error}catch(e){var t=(/at [^(\r\n]*\((.*):.+:.+\)$/i.exec(e.stack)||[])[1];if(t){var n=document.getElementsByTagName("script");for(var a in n)if(n[a].src==t)return n[a]}return null}}},languages:{extend:function(e,t){var n=C.util.clone(C.languages[e]);for(var a in t)n[a]=t[a];return n},insertBefore:function(n,e,t,a){var r=(a=a||C.languages)[n],s={};for(var i in r)if(r.hasOwnProperty(i)){if(i==e)for(var l in t)t.hasOwnProperty(l)&&(s[l]=t[l]);t.hasOwnProperty(i)||(s[i]=r[i])}var o=a[n];return a[n]=s,C.languages.DFS(C.languages,function(e,t){t===o&&e!=n&&(this[e]=s)}),s},DFS:function e(t,n,a,r){r=r||{};var s=C.util.objId;for(var i in t)if(t.hasOwnProperty(i)){n.call(t,i,t[i],a||i);var l=t[i],o=C.util.type(l);"Object"!==o||r[s(l)]?"Array"!==o||r[s(l)]||(r[s(l)]=!0,e(l,n,i,r)):(r[s(l)]=!0,e(l,n,null,r))}}},plugins:{},highlightAll:function(e,t){C.highlightAllUnder(document,e,t)},highlightAllUnder:function(e,t,n){var a={callback:n,container:e,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};C.hooks.run("before-highlightall",a),a.elements=Array.prototype.slice.apply(a.container.querySelectorAll(a.selector)),C.hooks.run("before-all-elements-highlight",a);for(var r,s=0;r=a.elements[s++];)C.highlightElement(r,!0===t,a.callback)},highlightElement:function(e,t,n){var a=C.util.getLanguage(e),r=C.languages[a];e.className=e.className.replace(c,"").replace(/\s+/g," ")+" language-"+a;var s=e.parentNode;s&&"pre"===s.nodeName.toLowerCase()&&(s.className=s.className.replace(c,"").replace(/\s+/g," ")+" language-"+a);var i={element:e,language:a,grammar:r,code:e.textContent};function l(e){i.highlightedCode=e,C.hooks.run("before-insert",i),i.element.innerHTML=i.highlightedCode,C.hooks.run("after-highlight",i),C.hooks.run("complete",i),n&&n.call(i.element)}if(C.hooks.run("before-sanity-check",i),!i.code)return C.hooks.run("complete",i),void(n&&n.call(i.element));if(C.hooks.run("before-highlight",i),i.grammar)if(t&&u.Worker){var o=new Worker(C.filename);o.onmessage=function(e){l(e.data)},o.postMessage(JSON.stringify({language:i.language,code:i.code,immediateClose:!0}))}else l(C.highlight(i.code,i.grammar,i.language));else l(C.util.encode(i.code))},highlight:function(e,t,n){var a={code:e,grammar:t,language:n};return C.hooks.run("before-tokenize",a),a.tokens=C.tokenize(a.code,a.grammar),C.hooks.run("after-tokenize",a),N.stringify(C.util.encode(a.tokens),a.language)},tokenize:function(e,t){var n=t.rest;if(n){for(var a in n)t[a]=n[a];delete t.rest}var r=new s;return O(r,r.head,e),function e(t,n,a,r,s,i,l){for(var o in a)if(a.hasOwnProperty(o)&&a[o]){var u=a[o];u=Array.isArray(u)?u:[u];for(var c=0;c<u.length;++c){if(l&&l==o+","+c)return;var g=u[c],d=g.inside,p=!!g.lookbehind,f=!!g.greedy,m=0,h=g.alias;if(f&&!g.pattern.global){var v=g.pattern.toString().match(/[imsuy]*$/)[0];g.pattern=RegExp(g.pattern.source,v+"g")}g=g.pattern||g;for(var y=r.next,b=s;y!==n.tail;b+=y.value.length,y=y.next){var F=y.value;if(n.length>t.length)return;if(!(F instanceof N)){var k=1;if(f&&y!=n.tail.prev){g.lastIndex=b;var x=g.exec(t);if(!x)break;var w=x.index+(p&&x[1]?x[1].length:0),A=x.index+x[0].length,P=b;for(P+=y.value.length;P<=w;)y=y.next,P+=y.value.length;if(P-=y.value.length,b=P,y.value instanceof N)continue;for(var S=y;S!==n.tail&&(P<A||"string"==typeof S.value&&!S.prev.value.greedy);S=S.next)k++,P+=S.value.length;k--,F=t.slice(b,P),x.index-=b}else{g.lastIndex=0;var x=g.exec(F)}if(x){p&&(m=x[1]?x[1].length:0);var w=x.index+m,x=x[0].slice(m),A=w+x.length,$=F.slice(0,w),_=F.slice(A),j=y.prev;$&&(j=O(n,j,$),b+=$.length),z(n,j,k);var E=new N(o,d?C.tokenize(x,d):x,h,x,f);if(y=O(n,j,E),_&&O(n,y,_),1<k&&e(t,n,a,y.prev,b,!0,o+","+c),i)break}else if(i)break}}}}}(e,r,t,r.head,0),function(e){var t=[],n=e.head.next;for(;n!==e.tail;)t.push(n.value),n=n.next;return t}(r)},hooks:{all:{},add:function(e,t){var n=C.hooks.all;n[e]=n[e]||[],n[e].push(t)},run:function(e,t){var n=C.hooks.all[e];if(n&&n.length)for(var a,r=0;a=n[r++];)a(t)}},Token:N};function N(e,t,n,a,r){this.type=e,this.content=t,this.alias=n,this.length=0|(a||"").length,this.greedy=!!r}function s(){var e={value:null,prev:null,next:null},t={value:null,prev:e,next:null};e.next=t,this.head=e,this.tail=t,this.length=0}function O(e,t,n){var a=t.next,r={value:n,prev:t,next:a};return t.next=r,a.prev=r,e.length++,r}function z(e,t,n){for(var a=t.next,r=0;r<n&&a!==e.tail;r++)a=a.next;(t.next=a).prev=t,e.length-=r}if(u.Prism=C,N.stringify=function t(e,n){if("string"==typeof e)return e;if(Array.isArray(e)){var a="";return e.forEach(function(e){a+=t(e,n)}),a}var r={type:e.type,content:t(e.content,n),tag:"span",classes:["token",e.type],attributes:{},language:n},s=e.alias;s&&(Array.isArray(s)?Array.prototype.push.apply(r.classes,s):r.classes.push(s)),C.hooks.run("wrap",r);var i="";for(var l in r.attributes)i+=" "+l+'="'+(r.attributes[l]||"").replace(/"/g,"&quot;")+'"';return"<"+r.tag+' class="'+r.classes.join(" ")+'"'+i+">"+r.content+"</"+r.tag+">"},!u.document)return u.addEventListener&&(C.disableWorkerMessageHandler||u.addEventListener("message",function(e){var t=JSON.parse(e.data),n=t.language,a=t.code,r=t.immediateClose;u.postMessage(C.highlight(a,C.languages[n],n)),r&&u.close()},!1)),C;var e=C.util.currentScript();function n(){C.manual||C.highlightAll()}if(e&&(C.filename=e.src,e.hasAttribute("data-manual")&&(C.manual=!0)),!C.manual){var a=document.readyState;"loading"===a||"interactive"===a&&e&&e.defer?document.addEventListener("DOMContentLoaded",n):window.requestAnimationFrame?window.requestAnimationFrame(n):window.setTimeout(n,16)}return C}(_self);"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism),Prism.languages.markup={comment:/<!--[\s\S]*?-->/,prolog:/<\?[\s\S]+?\?>/,doctype:{pattern:/<!DOCTYPE(?:[^>"'[\]]|"[^"]*"|'[^']*')+(?:\[(?:(?!<!--)[^"'\]]|"[^"]*"|'[^']*'|<!--[\s\S]*?-->)*\]\s*)?>/i,greedy:!0},cdata:/<!\[CDATA\[[\s\S]*?]]>/i,tag:{pattern:/<\/?(?!\d)[^\s>\/=$<%]+(?:\s(?:\s*[^\s>\/=]+(?:\s*=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+(?=[\s>]))|(?=[\s/>])))+)?\s*\/?>/i,greedy:!0,inside:{tag:{pattern:/^<\/?[^\s>\/]+/i,inside:{punctuation:/^<\/?/,namespace:/^[^\s>\/:]+:/}},"attr-value":{pattern:/=\s*(?:"[^"]*"|'[^']*'|[^\s'">=]+)/i,inside:{punctuation:[/^=/,{pattern:/^(\s*)["']|["']$/,lookbehind:!0}]}},punctuation:/\/?>/,"attr-name":{pattern:/[^\s>\/]+/,inside:{namespace:/^[^\s>\/:]+:/}}}},entity:/&#?[\da-z]{1,8};/i},Prism.languages.markup.tag.inside["attr-value"].inside.entity=Prism.languages.markup.entity,Prism.hooks.add("wrap",function(e){"entity"===e.type&&(e.attributes.title=e.content.replace(/&amp;/,"&"))}),Object.defineProperty(Prism.languages.markup.tag,"addInlined",{value:function(e,t){var n={};n["language-"+t]={pattern:/(^<!\[CDATA\[)[\s\S]+?(?=\]\]>$)/i,lookbehind:!0,inside:Prism.languages[t]},n.cdata=/^<!\[CDATA\[|\]\]>$/i;var a={"included-cdata":{pattern:/<!\[CDATA\[[\s\S]*?\]\]>/i,inside:n}};a["language-"+t]={pattern:/[\s\S]+/,inside:Prism.languages[t]};var r={};r[e]={pattern:RegExp(/(<__[\s\S]*?>)(?:<!\[CDATA\[[\s\S]*?\]\]>\s*|[\s\S])*?(?=<\/__>)/.source.replace(/__/g,function(){return e}),"i"),lookbehind:!0,greedy:!0,inside:a},Prism.languages.insertBefore("markup","cdata",r)}}),Prism.languages.xml=Prism.languages.extend("markup",{}),Prism.languages.html=Prism.languages.markup,Prism.languages.mathml=Prism.languages.markup,Prism.languages.svg=Prism.languages.markup,function(e){var t=/("|')(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/;e.languages.css={comment:/\/\*[\s\S]*?\*\//,atrule:{pattern:/@[\w-]+[\s\S]*?(?:;|(?=\s*\{))/,inside:{rule:/^@[\w-]+/,"selector-function-argument":{pattern:/(\bselector\s*\((?!\s*\))\s*)(?:[^()]|\((?:[^()]|\([^()]*\))*\))+?(?=\s*\))/,lookbehind:!0,alias:"selector"}}},url:{pattern:RegExp("url\\((?:"+t.source+"|[^\n\r()]*)\\)","i"),greedy:!0,inside:{function:/^url/i,punctuation:/^\(|\)$/}},selector:RegExp("[^{}\\s](?:[^{};\"']|"+t.source+")*?(?=\\s*\\{)"),string:{pattern:t,greedy:!0},property:/[-_a-z\xA0-\uFFFF][-\w\xA0-\uFFFF]*(?=\s*:)/i,important:/!important\b/i,function:/[-a-z0-9]+(?=\()/i,punctuation:/[(){};:,]/},e.languages.css.atrule.inside.rest=e.languages.css;var n=e.languages.markup;n&&(n.tag.addInlined("style","css"),e.languages.insertBefore("inside","attr-value",{"style-attr":{pattern:/\s*style=("|')(?:\\[\s\S]|(?!\1)[^\\])*\1/i,inside:{"attr-name":{pattern:/^\s*style/i,inside:n.tag.inside},punctuation:/^\s*=\s*['"]|['"]\s*$/,"attr-value":{pattern:/.+/i,inside:e.languages.css}},alias:"language-css"}},n.tag))}(Prism),Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0,greedy:!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+|\bcatch\s+\()[\w.\\]+/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:/\w+(?=\()/,number:/\b0x[\da-f]+\b|(?:\b\d+\.?\d*|\B\.\d+)(?:e[+-]?\d+)?/i,operator:/[<>]=?|[!=]=?=?|--?|\+\+?|&&?|\|\|?|[?*/~^%]/,punctuation:/[{}[\];(),.:]/},Prism.languages.javascript=Prism.languages.extend("clike",{"class-name":[Prism.languages.clike["class-name"],{pattern:/(^|[^$\w\xA0-\uFFFF])[_$A-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\.(?:prototype|constructor))/,lookbehind:!0}],keyword:[{pattern:/((?:^|})\s*)(?:catch|finally)\b/,lookbehind:!0},{pattern:/(^|[^.]|\.\.\.\s*)\b(?:as|async(?=\s*(?:function\b|\(|[$\w\xA0-\uFFFF]|$))|await|break|case|class|const|continue|debugger|default|delete|do|else|enum|export|extends|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|undefined|var|void|while|with|yield)\b/,lookbehind:!0}],number:/\b(?:(?:0[xX](?:[\dA-Fa-f](?:_[\dA-Fa-f])?)+|0[bB](?:[01](?:_[01])?)+|0[oO](?:[0-7](?:_[0-7])?)+)n?|(?:\d(?:_\d)?)+n|NaN|Infinity)\b|(?:\b(?:\d(?:_\d)?)+\.?(?:\d(?:_\d)?)*|\B\.(?:\d(?:_\d)?)+)(?:[Ee][+-]?(?:\d(?:_\d)?)+)?/,function:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*(?:\.\s*(?:apply|bind|call)\s*)?\()/,operator:/--|\+\+|\*\*=?|=>|&&|\|\||[!=]==|<<=?|>>>?=?|[-+*/%&|^!=<>]=?|\.{3}|\?[.?]?|[~:]/}),Prism.languages.javascript["class-name"][0].pattern=/(\b(?:class|interface|extends|implements|instanceof|new)\s+)[\w.\\]+/,Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/((?:^|[^$\w\xA0-\uFFFF."'\])\s])\s*)\/(?:\[(?:[^\]\\\r\n]|\\.)*]|\\.|[^/\\\[\r\n])+\/[gimyus]{0,6}(?=(?:\s|\/\*[\s\S]*?\*\/)*(?:$|[\r\n,.;:})\]]|\/\/))/,lookbehind:!0,greedy:!0},"function-variable":{pattern:/#?[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*[=:]\s*(?:async\s*)?(?:\bfunction\b|(?:\((?:[^()]|\([^()]*\))*\)|[_$a-zA-Z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/,alias:"function"},parameter:[{pattern:/(function(?:\s+[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)?\s*\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\))/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=>)/i,inside:Prism.languages.javascript},{pattern:/(\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*=>)/,lookbehind:!0,inside:Prism.languages.javascript},{pattern:/((?:\b|\s|^)(?!(?: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|undefined|var|void|while|with|yield)(?![$\w\xA0-\uFFFF]))(?:[_$A-Za-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*\s*)\(\s*)(?!\s)(?:[^()]|\([^()]*\))+?(?=\s*\)\s*\{)/,lookbehind:!0,inside:Prism.languages.javascript}],constant:/\b[A-Z](?:[A-Z_]|\dx?)*\b/}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}|(?!\${)[^\\`])*`/,greedy:!0,inside:{"template-punctuation":{pattern:/^`|`$/,alias:"string"},interpolation:{pattern:/((?:^|[^\\])(?:\\{2})*)\${(?:[^{}]|{(?:[^{}]|{[^}]*})*})+}/,lookbehind:!0,inside:{"interpolation-punctuation":{pattern:/^\${|}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.markup.tag.addInlined("script","javascript"),Prism.languages.js=Prism.languages.javascript,"undefined"!=typeof self&&self.Prism&&self.document&&document.querySelector&&(self.Prism.fileHighlight=function(e){e=e||document;var o={js:"javascript",py:"python",rb:"ruby",ps1:"powershell",psm1:"powershell",sh:"bash",bat:"batch",h:"c",tex:"latex"};Array.prototype.slice.call(e.querySelectorAll("pre[data-src]")).forEach(function(e){if(!e.hasAttribute("data-src-loaded")){for(var t,n=e.getAttribute("data-src"),a=e,r=/\blang(?:uage)?-([\w-]+)\b/i;a&&!r.test(a.className);)a=a.parentNode;if(a&&(t=(e.className.match(r)||[,""])[1]),!t){var s=(n.match(/\.(\w+)$/)||[,""])[1];t=o[s]||s}var i=document.createElement("code");i.className="language-"+t,e.textContent="",i.textContent="Loading…",e.appendChild(i);var l=new XMLHttpRequest;l.open("GET",n,!0),l.onreadystatechange=function(){4==l.readyState&&(l.status<400&&l.responseText?(i.textContent=l.responseText,Prism.highlightElement(i),e.setAttribute("data-src-loaded","")):400<=l.status?i.textContent="✖ Error "+l.status+" while fetching file: "+l.statusText:i.textContent="✖ Error: File does not exist or is empty")},l.send(null)}})},document.addEventListener("DOMContentLoaded",function(){self.Prism.fileHighlight()}));