desy-html 7.1.2 → 7.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (147) hide show
  1. package/docs/_global.foot.njk +9 -9
  2. package/docs/_global.head.njk +1 -1
  3. package/docs/_include.template-header.njk +8 -0
  4. package/docs/_macro.example-render.njk +177 -147
  5. package/docs/_macro.render-caller.njk +1 -1
  6. package/docs/ds/_ds.example.border.njk +1 -1
  7. package/docs/ds/_ds.example.color-de-interaccion.njk +5 -5
  8. package/docs/ds/_ds.example.colores-cabecera.njk +7 -7
  9. package/docs/ds/_ds.example.colores-de-soporte.njk +72 -5
  10. package/docs/ds/_ds.example.colores-neutros.njk +12 -12
  11. package/docs/ds/_ds.example.layout.njk +2 -2
  12. package/docs/ds/_ds.example.typography.njk +1 -1
  13. package/docs/ds/_ds.macro.code-snippet.njk +28 -9
  14. package/docs/ds/_ds.section.color.njk +7 -65
  15. package/docs/ds/_ds.section.espaciado.njk +4 -295
  16. package/docs/ds/_ds.section.layout.njk +5 -5
  17. package/docs/ds/_ds.section.textos.njk +32 -54
  18. package/docs/ds/_ds.section.typography.njk +239 -236
  19. package/docs/index.html +12 -0
  20. package/docs/pagina-accesibilidad.html +104 -0
  21. package/docs/pagina-mapa-web.html +131 -0
  22. package/docs/pagina-prueba.html +95 -0
  23. package/docs/plantilla-con-header-advanced.html +7 -0
  24. package/docs/plantilla-editar-con-cabecera-fija-y-sidebar-sticky.html +147 -0
  25. package/docs/plantilla-editar-con-cabecera-fija.html +10 -0
  26. package/docs/plantilla-logueado-con-cabecera-fija-headroom.html +8 -0
  27. package/docs/plantilla-logueado-con-cabecera-fija.html +8 -0
  28. package/docs/plantilla-logueado-con-selector-de-app-y-sidebar.html +157 -0
  29. package/docs/plantilla-logueado-con-selector-de-app-y-subheader.html +9 -0
  30. package/docs/plantilla-logueado-con-selector-de-app.html +7 -0
  31. package/docs/plantilla-logueado-con-titulo-de-app.html +7 -0
  32. package/docs/plantilla-sin-loguear.html +7 -0
  33. package/docs/plantillas.html +88 -0
  34. package/docs/spinner-plantilla-con-header-advanced.html +2 -0
  35. package/docs/spinner-plantilla-editar-con-cabecera-fija.html +5 -0
  36. package/docs/spinner-plantilla-logueado-con-cabecera-fija.html +2 -0
  37. package/docs/spinner-plantilla-logueado-con-selector-de-app-y-subheader.html +4 -0
  38. package/docs/spinner-plantilla-logueado-con-titulo-de-app.html +2 -0
  39. package/docs/spinner-plantilla-sin-loguear.html +18 -0
  40. package/package.json +1 -1
  41. package/src/css/component.headroom.css +31 -0
  42. package/src/css/styles.css +1 -0
  43. package/src/js/aria/dataGrid.js +21 -6
  44. package/src/js/headroom.min.js +7 -0
  45. package/src/js/index.js +0 -7
  46. package/src/js/popper.min.js +6 -0
  47. package/src/js/prism/clipboard.min.js +7 -0
  48. package/src/js/prism/prism-copy-to-clipboard.min.js +1 -0
  49. package/src/js/prism/prism-normalize-whitespace.min.js +1 -0
  50. package/src/js/prism/prism-toolbar.min.js +1 -0
  51. package/src/js/prism/prism-twig.min.js +1 -0
  52. package/src/js/prism/prism-yaml.min.js +1 -0
  53. package/src/js/prism/prism.min.js +1 -0
  54. package/src/js/tippy-bundle.umd.min.js +2 -0
  55. package/src/templates/components/accordion/_template.accordion.njk +95 -84
  56. package/src/templates/components/accordion-history/_template.accordion-history.njk +134 -123
  57. package/src/templates/components/alert/_template.alert.njk +6 -6
  58. package/src/templates/components/breadcrumbs/_template.breadcrumbs.njk +15 -30
  59. package/src/templates/components/button/_template.button.njk +4 -0
  60. package/src/templates/components/button-loader/_template.button-loader.njk +11 -7
  61. package/src/templates/components/card/_examples.card.njk +76 -76
  62. package/src/templates/components/card/_template.card.njk +14 -14
  63. package/src/templates/components/character-count/_template.character-count.njk +3 -6
  64. package/src/templates/components/checkboxes/_examples.checkboxes.njk +49 -10
  65. package/src/templates/components/checkboxes/_template.checkboxes.njk +17 -11
  66. package/src/templates/components/collapsible/_template.collapsible.njk +4 -4
  67. package/src/templates/components/date-input/_template.date-input.njk +46 -40
  68. package/src/templates/components/dialog/_template.dialog.njk +2 -2
  69. package/src/templates/components/error-message/_template.error-message.njk +3 -3
  70. package/src/templates/components/error-summary/_template.error-summary.njk +18 -6
  71. package/src/templates/components/fieldset/_examples.fieldset.njk +32 -6
  72. package/src/templates/components/fieldset/_template.fieldset.njk +28 -16
  73. package/src/templates/components/footer/_examples.footer.njk +14 -9
  74. package/src/templates/components/footer/_template.footer.njk +62 -66
  75. package/src/templates/components/footer/params.footer.yaml +4 -26
  76. package/src/templates/components/header/_examples.header.njk +6 -4
  77. package/src/templates/components/header/_template.header.header__dropdown.njk +27 -22
  78. package/src/templates/components/header/_template.header.header__navigation.njk +4 -1
  79. package/src/templates/components/header/_template.header.header__offcanvas.njk +18 -16
  80. package/src/templates/components/header/_template.header.header__offcanvasButton.njk +2 -1
  81. package/src/templates/components/header/_template.header.header__subnav.njk +33 -29
  82. package/src/templates/components/header/_template.header.njk +70 -60
  83. package/src/templates/components/header-advanced/_examples.header-advanced.njk +46 -32
  84. package/src/templates/components/header-advanced/_template.header-advanced.njk +93 -90
  85. package/src/templates/components/header-mini/_examples.header-mini.njk +1 -1
  86. package/src/templates/components/hint/_examples.hint.njk +2 -2
  87. package/src/templates/components/hint/_template.hint.njk +1 -3
  88. package/src/templates/components/input-group/_template.input-group.njk +72 -68
  89. package/src/templates/components/item/_template.item.njk +23 -23
  90. package/src/templates/components/label/_template.label.njk +25 -14
  91. package/src/templates/components/links-list/_examples.links-list.njk +10 -12
  92. package/src/templates/components/links-list/_template.links-list.njk +35 -37
  93. package/src/templates/components/listbox/_template.listbox.njk +11 -11
  94. package/src/templates/components/menu-navigation/_template.menu-navigation.njk +62 -63
  95. package/src/templates/components/menu-vertical/_template.menu-vertical.njk +41 -41
  96. package/src/templates/components/menubar/_template.menubar.njk +91 -91
  97. package/src/templates/components/modal/_template.modal.njk +63 -53
  98. package/src/templates/components/nav/_template.nav.njk +13 -13
  99. package/src/templates/components/notification/_examples.notification.njk +0 -9
  100. package/src/templates/components/notification/_template.notification.njk +54 -44
  101. package/src/templates/components/pagination/_template.pagination.njk +37 -42
  102. package/src/templates/components/radios/_examples.radios.njk +49 -12
  103. package/src/templates/components/radios/_template.radios.njk +90 -84
  104. package/src/templates/components/searchbar/_template.searchbar.njk +6 -6
  105. package/src/templates/components/select/_template.select.njk +12 -12
  106. package/src/templates/components/status-item/_template.status-item.njk +23 -25
  107. package/src/templates/components/table/_template.table.njk +4 -4
  108. package/src/templates/components/table-advanced/_examples.table-advanced.njk +9 -9
  109. package/src/templates/components/table-advanced/_styles.table-advanced.css +3 -3
  110. package/src/templates/components/table-advanced/_template.table-advanced.njk +85 -83
  111. package/src/templates/components/tabs/_template.tabs.njk +39 -39
  112. package/src/templates/components/toggle/_template.toggle.njk +1 -2
  113. package/src/templates/components/tooltip/_template.tooltip.njk +19 -19
  114. package/src/templates/components/tree/_template.tree.njk +46 -42
  115. package/src/templates/includes/_abrir-notificaciones.njk +3 -0
  116. package/src/templates/includes/_acciones-de-cabecera.njk +28 -0
  117. package/src/templates/includes/_ejemplo-titulo-h2-parrafo.njk +5 -0
  118. package/src/templates/includes/_ejemplo-titulo-parrafo.njk +5 -0
  119. package/src/templates/includes/_loremipsum-large.njk +1 -0
  120. package/src/templates/includes/_test-include.njk +14 -0
  121. package/src/templates/pages/_page.foot-headroom.njk +32 -0
  122. package/src/templates/pages/_page.foot.njk +7 -0
  123. package/src/templates/pages/_page.footer.njk +20 -0
  124. package/src/templates/pages/_page.head.njk +13 -0
  125. package/src/templates/pages/_page.notification-edit-inner-content.njk +31 -0
  126. package/src/templates/pages/_page.notification-edit.njk +31 -0
  127. package/src/templates/pages/_page.notification-footer.njk +33 -0
  128. package/src/templates/pages/_page.notification-header-fixed.njk +31 -0
  129. package/src/templates/pages/_page.notification-header.njk +31 -0
  130. package/src/templates/pages/_page.sidebar-content.njk +21 -0
  131. package/src/templates/pages/_page.spinner-block.njk +15 -0
  132. package/src/templates/pages/_page.spinner-show.njk +16 -0
  133. package/src/templates/pages/_page.spinner.njk +16 -0
  134. package/src/templates/pages/_template.edit-fixed-with-sticky-sidebar.njk +36 -0
  135. package/src/templates/pages/_template.edit-fixed.njk +74 -0
  136. package/src/templates/pages/_template.home.njk +109 -0
  137. package/src/templates/pages/_template.logged-out.njk +53 -0
  138. package/src/templates/pages/_template.logged-selector-fixed-headroom.njk +195 -0
  139. package/src/templates/pages/_template.logged-selector-fixed.njk +192 -0
  140. package/src/templates/pages/_template.logged-selector-subheader.njk +80 -0
  141. package/src/templates/pages/_template.logged-selector-with-sidebar.njk +29 -0
  142. package/src/templates/pages/_template.logged-selector.njk +195 -0
  143. package/src/templates/pages/_template.logged.njk +138 -0
  144. package/src/templates/pages/_template.mfe-iframe-content.njk +31 -0
  145. package/src/templates/pages/_template.mfe.njk +80 -0
  146. package/src/templates/pages/_template.test.njk +45 -0
  147. package/src/templates/pages/_template.with-header-advanced.njk +130 -0
@@ -0,0 +1 @@
1
+ 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()}));
@@ -0,0 +1,2 @@
1
+ !function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("@popperjs/core")):"function"==typeof define&&define.amd?define(["@popperjs/core"],e):(t=t||self).tippy=e(t.Popper)}(this,(function(t){"use strict";var e="undefined"!=typeof window&&"undefined"!=typeof document,n=e?navigator.userAgent:"",r=/MSIE |Trident\//.test(n),i={passive:!0,capture:!0};function o(t,e,n){if(Array.isArray(t)){var r=t[e];return null==r?Array.isArray(n)?n[e]:n:r}return t}function a(t,e){var n={}.toString.call(t);return 0===n.indexOf("[object")&&n.indexOf(e+"]")>-1}function s(t,e){return"function"==typeof t?t.apply(void 0,e):t}function p(t,e){return 0===e?t:function(r){clearTimeout(n),n=setTimeout((function(){t(r)}),e)};var n}function u(t,e){var n=Object.assign({},t);return e.forEach((function(t){delete n[t]})),n}function c(t){return[].concat(t)}function f(t,e){-1===t.indexOf(e)&&t.push(e)}function l(t){return t.split("-")[0]}function d(t){return[].slice.call(t)}function v(){return document.createElement("div")}function m(t){return["Element","Fragment"].some((function(e){return a(t,e)}))}function g(t){return a(t,"MouseEvent")}function h(t){return!(!t||!t._tippy||t._tippy.reference!==t)}function b(t){return m(t)?[t]:function(t){return a(t,"NodeList")}(t)?d(t):Array.isArray(t)?t:d(document.querySelectorAll(t))}function y(t,e){t.forEach((function(t){t&&(t.style.transitionDuration=e+"ms")}))}function x(t,e){t.forEach((function(t){t&&t.setAttribute("data-state",e)}))}function w(t){var e=c(t)[0];return e&&e.ownerDocument||document}function E(t,e,n){var r=e+"EventListener";["transitionend","webkitTransitionEnd"].forEach((function(e){t[r](e,n)}))}var T={isTouch:!1},C=0;function A(){T.isTouch||(T.isTouch=!0,window.performance&&document.addEventListener("mousemove",O))}function O(){var t=performance.now();t-C<20&&(T.isTouch=!1,document.removeEventListener("mousemove",O)),C=t}function L(){var t=document.activeElement;if(h(t)){var e=t._tippy;t.blur&&!e.state.isVisible&&t.blur()}}var D=Object.assign({appendTo:function(){return document.body},aria:{content:"auto",expanded:"auto"},delay:0,duration:[300,250],getReferenceClientRect:null,hideOnClick:!0,ignoreAttributes:!1,interactive:!1,interactiveBorder:2,interactiveDebounce:0,moveTransition:"",offset:[0,10],onAfterUpdate:function(){},onBeforeUpdate:function(){},onCreate:function(){},onDestroy:function(){},onHidden:function(){},onHide:function(){},onMount:function(){},onShow:function(){},onShown:function(){},onTrigger:function(){},onUntrigger:function(){},onClickOutside:function(){},placement:"top",plugins:[],popperOptions:{},render:null,showOnCreate:!1,touch:!0,trigger:"mouseenter focus",triggerTarget:null},{animateFill:!1,followCursor:!1,inlinePositioning:!1,sticky:!1},{},{allowHTML:!1,animation:"fade",arrow:!0,content:"",inertia:!1,maxWidth:350,role:"tooltip",theme:"",zIndex:9999}),k=Object.keys(D);function M(t){var e=(t.plugins||[]).reduce((function(e,n){var r=n.name,i=n.defaultValue;return r&&(e[r]=void 0!==t[r]?t[r]:i),e}),{});return Object.assign({},t,{},e)}function V(t,e){var n=Object.assign({},e,{content:s(e.content,[t])},e.ignoreAttributes?{}:function(t,e){return(e?Object.keys(M(Object.assign({},D,{plugins:e}))):k).reduce((function(e,n){var r=(t.getAttribute("data-tippy-"+n)||"").trim();if(!r)return e;if("content"===n)e[n]=r;else try{e[n]=JSON.parse(r)}catch(t){e[n]=r}return e}),{})}(t,e.plugins));return n.aria=Object.assign({},D.aria,{},n.aria),n.aria={expanded:"auto"===n.aria.expanded?e.interactive:n.aria.expanded,content:"auto"===n.aria.content?e.interactive?null:"describedby":n.aria.content},n}function R(t,e){t.innerHTML=e}function j(t){var e=v();return!0===t?e.className="tippy-arrow":(e.className="tippy-svg-arrow",m(t)?e.appendChild(t):R(e,t)),e}function P(t,e){m(e.content)?(R(t,""),t.appendChild(e.content)):"function"!=typeof e.content&&(e.allowHTML?R(t,e.content):t.textContent=e.content)}function I(t){var e=t.firstElementChild,n=d(e.children);return{box:e,content:n.find((function(t){return t.classList.contains("tippy-content")})),arrow:n.find((function(t){return t.classList.contains("tippy-arrow")||t.classList.contains("tippy-svg-arrow")})),backdrop:n.find((function(t){return t.classList.contains("tippy-backdrop")}))}}function S(t){var e=v(),n=v();n.className="tippy-box",n.setAttribute("data-state","hidden"),n.setAttribute("tabindex","-1");var r=v();function i(n,r){var i=I(e),o=i.box,a=i.content,s=i.arrow;r.theme?o.setAttribute("data-theme",r.theme):o.removeAttribute("data-theme"),"string"==typeof r.animation?o.setAttribute("data-animation",r.animation):o.removeAttribute("data-animation"),r.inertia?o.setAttribute("data-inertia",""):o.removeAttribute("data-inertia"),o.style.maxWidth="number"==typeof r.maxWidth?r.maxWidth+"px":r.maxWidth,r.role?o.setAttribute("role",r.role):o.removeAttribute("role"),n.content===r.content&&n.allowHTML===r.allowHTML||P(a,t.props),r.arrow?s?n.arrow!==r.arrow&&(o.removeChild(s),o.appendChild(j(r.arrow))):o.appendChild(j(r.arrow)):s&&o.removeChild(s)}return r.className="tippy-content",r.setAttribute("data-state","hidden"),P(r,t.props),e.appendChild(n),n.appendChild(r),i(t.props,t.props),{popper:e,onUpdate:i}}S.$$tippy=!0;var B=1,H=[],U=[];function N(e,n){var a,u,m,h,b,C,A,O,L,k=V(e,Object.assign({},D,{},M((a=n,Object.keys(a).reduce((function(t,e){return void 0!==a[e]&&(t[e]=a[e]),t}),{}))))),R=!1,j=!1,P=!1,S=!1,N=[],_=p(bt,k.interactiveDebounce),z=w(k.triggerTarget||e),F=B++,W=(L=k.plugins).filter((function(t,e){return L.indexOf(t)===e})),X={id:F,reference:e,popper:v(),popperInstance:null,props:k,state:{isEnabled:!0,isVisible:!1,isDestroyed:!1,isMounted:!1,isShown:!1},plugins:W,clearDelayTimeouts:function(){clearTimeout(u),clearTimeout(m),cancelAnimationFrame(h)},setProps:function(t){if(X.state.isDestroyed)return;it("onBeforeUpdate",[X,t]),gt();var n=X.props,r=V(e,Object.assign({},X.props,{},t,{ignoreAttributes:!0}));X.props=r,mt(),n.interactiveDebounce!==r.interactiveDebounce&&(st(),_=p(bt,r.interactiveDebounce));n.triggerTarget&&!r.triggerTarget?c(n.triggerTarget).forEach((function(t){t.removeAttribute("aria-expanded")})):r.triggerTarget&&e.removeAttribute("aria-expanded");at(),rt(),$&&$(n,r);X.popperInstance&&(Et(),Ct().forEach((function(t){requestAnimationFrame(t._tippy.popperInstance.forceUpdate)})));it("onAfterUpdate",[X,t])},setContent:function(t){X.setProps({content:t})},show:function(){var t=X.state.isVisible,e=X.state.isDestroyed,n=!X.state.isEnabled,r=T.isTouch&&!X.props.touch,i=o(X.props.duration,0,D.duration);if(t||e||n||r)return;if(tt().hasAttribute("disabled"))return;if(it("onShow",[X],!1),!1===X.props.onShow(X))return;X.state.isVisible=!0,Z()&&(q.style.visibility="visible");rt(),ft(),X.state.isMounted||(q.style.transition="none");if(Z()){var a=et(),p=a.box,u=a.content;y([p,u],0)}A=function(){if(X.state.isVisible&&!S){if(S=!0,q.offsetHeight,q.style.transition=X.props.moveTransition,Z()&&X.props.animation){var t=et(),e=t.box,n=t.content;y([e,n],i),x([e,n],"visible")}ot(),at(),f(U,X),X.state.isMounted=!0,it("onMount",[X]),X.props.animation&&Z()&&function(t,e){dt(t,e)}(i,(function(){X.state.isShown=!0,it("onShown",[X])}))}},function(){var t,e=X.props.appendTo,n=tt();t=X.props.interactive&&e===D.appendTo||"parent"===e?n.parentNode:s(e,[n]);t.contains(q)||t.appendChild(q);Et()}()},hide:function(){var t=!X.state.isVisible,e=X.state.isDestroyed,n=!X.state.isEnabled,r=o(X.props.duration,1,D.duration);if(t||e||n)return;if(it("onHide",[X],!1),!1===X.props.onHide(X))return;X.state.isVisible=!1,X.state.isShown=!1,S=!1,R=!1,Z()&&(q.style.visibility="hidden");if(st(),lt(),rt(),Z()){var i=et(),a=i.box,s=i.content;X.props.animation&&(y([a,s],r),x([a,s],"hidden"))}ot(),at(),X.props.animation?Z()&&function(t,e){dt(t,(function(){!X.state.isVisible&&q.parentNode&&q.parentNode.contains(q)&&e()}))}(r,X.unmount):X.unmount()},hideWithInteractivity:function(t){z.addEventListener("mousemove",_),f(H,_),_(t)},enable:function(){X.state.isEnabled=!0},disable:function(){X.hide(),X.state.isEnabled=!1},unmount:function(){X.state.isVisible&&X.hide();if(!X.state.isMounted)return;Tt(),Ct().forEach((function(t){t._tippy.unmount()})),q.parentNode&&q.parentNode.removeChild(q);U=U.filter((function(t){return t!==X})),X.state.isMounted=!1,it("onHidden",[X])},destroy:function(){if(X.state.isDestroyed)return;X.clearDelayTimeouts(),X.unmount(),gt(),delete e._tippy,X.state.isDestroyed=!0,it("onDestroy",[X])}};if(!k.render)return X;var Y=k.render(X),q=Y.popper,$=Y.onUpdate;q.setAttribute("data-tippy-root",""),q.id="tippy-"+X.id,X.popper=q,e._tippy=X,q._tippy=X;var J=W.map((function(t){return t.fn(X)})),G=e.hasAttribute("aria-expanded");return mt(),at(),rt(),it("onCreate",[X]),k.showOnCreate&&At(),q.addEventListener("mouseenter",(function(){X.props.interactive&&X.state.isVisible&&X.clearDelayTimeouts()})),q.addEventListener("mouseleave",(function(t){X.props.interactive&&X.props.trigger.indexOf("mouseenter")>=0&&(z.addEventListener("mousemove",_),_(t))})),X;function K(){var t=X.props.touch;return Array.isArray(t)?t:[t,0]}function Q(){return"hold"===K()[0]}function Z(){var t;return!!(null==(t=X.props.render)?void 0:t.$$tippy)}function tt(){return O||e}function et(){return I(q)}function nt(t){return X.state.isMounted&&!X.state.isVisible||T.isTouch||b&&"focus"===b.type?0:o(X.props.delay,t?0:1,D.delay)}function rt(){q.style.pointerEvents=X.props.interactive&&X.state.isVisible?"":"none",q.style.zIndex=""+X.props.zIndex}function it(t,e,n){var r;(void 0===n&&(n=!0),J.forEach((function(n){n[t]&&n[t].apply(void 0,e)})),n)&&(r=X.props)[t].apply(r,e)}function ot(){var t=X.props.aria;if(t.content){var n="aria-"+t.content,r=q.id;c(X.props.triggerTarget||e).forEach((function(t){var e=t.getAttribute(n);if(X.state.isVisible)t.setAttribute(n,e?e+" "+r:r);else{var i=e&&e.replace(r,"").trim();i?t.setAttribute(n,i):t.removeAttribute(n)}}))}}function at(){!G&&X.props.aria.expanded&&c(X.props.triggerTarget||e).forEach((function(t){X.props.interactive?t.setAttribute("aria-expanded",X.state.isVisible&&t===tt()?"true":"false"):t.removeAttribute("aria-expanded")}))}function st(){z.removeEventListener("mousemove",_),H=H.filter((function(t){return t!==_}))}function pt(t){if(!(T.isTouch&&(P||"mousedown"===t.type)||X.props.interactive&&q.contains(t.target))){if(tt().contains(t.target)){if(T.isTouch)return;if(X.state.isVisible&&X.props.trigger.indexOf("click")>=0)return}else it("onClickOutside",[X,t]);!0===X.props.hideOnClick&&(X.clearDelayTimeouts(),X.hide(),j=!0,setTimeout((function(){j=!1})),X.state.isMounted||lt())}}function ut(){P=!0}function ct(){P=!1}function ft(){z.addEventListener("mousedown",pt,!0),z.addEventListener("touchend",pt,i),z.addEventListener("touchstart",ct,i),z.addEventListener("touchmove",ut,i)}function lt(){z.removeEventListener("mousedown",pt,!0),z.removeEventListener("touchend",pt,i),z.removeEventListener("touchstart",ct,i),z.removeEventListener("touchmove",ut,i)}function dt(t,e){var n=et().box;function r(t){t.target===n&&(E(n,"remove",r),e())}if(0===t)return e();E(n,"remove",C),E(n,"add",r),C=r}function vt(t,n,r){void 0===r&&(r=!1),c(X.props.triggerTarget||e).forEach((function(e){e.addEventListener(t,n,r),N.push({node:e,eventType:t,handler:n,options:r})}))}function mt(){var t;Q()&&(vt("touchstart",ht,{passive:!0}),vt("touchend",yt,{passive:!0})),(t=X.props.trigger,t.split(/\s+/).filter(Boolean)).forEach((function(t){if("manual"!==t)switch(vt(t,ht),t){case"mouseenter":vt("mouseleave",yt);break;case"focus":vt(r?"focusout":"blur",xt);break;case"focusin":vt("focusout",xt)}}))}function gt(){N.forEach((function(t){var e=t.node,n=t.eventType,r=t.handler,i=t.options;e.removeEventListener(n,r,i)})),N=[]}function ht(t){var e,n=!1;if(X.state.isEnabled&&!wt(t)&&!j){var r="focus"===(null==(e=b)?void 0:e.type);b=t,O=t.currentTarget,at(),!X.state.isVisible&&g(t)&&H.forEach((function(e){return e(t)})),"click"===t.type&&(X.props.trigger.indexOf("mouseenter")<0||R)&&!1!==X.props.hideOnClick&&X.state.isVisible?n=!0:At(t),"click"===t.type&&(R=!n),n&&!r&&Ot(t)}}function bt(t){var e=t.target,n=tt().contains(e)||q.contains(e);"mousemove"===t.type&&n||function(t,e){var n=e.clientX,r=e.clientY;return t.every((function(t){var e=t.popperRect,i=t.popperState,o=t.props.interactiveBorder,a=l(i.placement),s=i.modifiersData.offset;if(!s)return!0;var p="bottom"===a?s.top.y:0,u="top"===a?s.bottom.y:0,c="right"===a?s.left.x:0,f="left"===a?s.right.x:0,d=e.top-r+p>o,v=r-e.bottom-u>o,m=e.left-n+c>o,g=n-e.right-f>o;return d||v||m||g}))}(Ct().concat(q).map((function(t){var e,n=null==(e=t._tippy.popperInstance)?void 0:e.state;return n?{popperRect:t.getBoundingClientRect(),popperState:n,props:k}:null})).filter(Boolean),t)&&(st(),Ot(t))}function yt(t){wt(t)||X.props.trigger.indexOf("click")>=0&&R||(X.props.interactive?X.hideWithInteractivity(t):Ot(t))}function xt(t){X.props.trigger.indexOf("focusin")<0&&t.target!==tt()||X.props.interactive&&t.relatedTarget&&q.contains(t.relatedTarget)||Ot(t)}function wt(t){return!!T.isTouch&&Q()!==t.type.indexOf("touch")>=0}function Et(){Tt();var n=X.props,r=n.popperOptions,i=n.placement,o=n.offset,a=n.getReferenceClientRect,s=n.moveTransition,p=Z()?I(q).arrow:null,u=a?{getBoundingClientRect:a,contextElement:a.contextElement||tt()}:e,c=[{name:"offset",options:{offset:o}},{name:"preventOverflow",options:{padding:{top:2,bottom:2,left:5,right:5}}},{name:"flip",options:{padding:5}},{name:"computeStyles",options:{adaptive:!s}},{name:"$$tippy",enabled:!0,phase:"beforeWrite",requires:["computeStyles"],fn:function(t){var e=t.state;if(Z()){var n=et().box;["placement","reference-hidden","escaped"].forEach((function(t){"placement"===t?n.setAttribute("data-placement",e.placement):e.attributes.popper["data-popper-"+t]?n.setAttribute("data-"+t,""):n.removeAttribute("data-"+t)})),e.attributes.popper={}}}}];Z()&&p&&c.push({name:"arrow",options:{element:p,padding:3}}),c.push.apply(c,(null==r?void 0:r.modifiers)||[]),X.popperInstance=t.createPopper(u,q,Object.assign({},r,{placement:i,onFirstUpdate:A,modifiers:c}))}function Tt(){X.popperInstance&&(X.popperInstance.destroy(),X.popperInstance=null)}function Ct(){return d(q.querySelectorAll("[data-tippy-root]"))}function At(t){X.clearDelayTimeouts(),t&&it("onTrigger",[X,t]),ft();var e=nt(!0),n=K(),r=n[0],i=n[1];T.isTouch&&"hold"===r&&i&&(e=i),e?u=setTimeout((function(){X.show()}),e):X.show()}function Ot(t){if(X.clearDelayTimeouts(),it("onUntrigger",[X,t]),X.state.isVisible){if(!(X.props.trigger.indexOf("mouseenter")>=0&&X.props.trigger.indexOf("click")>=0&&["mouseleave","mousemove"].indexOf(t.type)>=0&&R)){var e=nt(!1);e?m=setTimeout((function(){X.state.isVisible&&X.hide()}),e):h=requestAnimationFrame((function(){X.hide()}))}}else lt()}}function _(t,e){void 0===e&&(e={});var n=D.plugins.concat(e.plugins||[]);document.addEventListener("touchstart",A,i),window.addEventListener("blur",L);var r=Object.assign({},e,{plugins:n}),o=b(t).reduce((function(t,e){var n=e&&N(e,r);return n&&t.push(n),t}),[]);return m(t)?o[0]:o}_.defaultProps=D,_.setDefaultProps=function(t){Object.keys(t).forEach((function(e){D[e]=t[e]}))},_.currentInput=T;var z={mouseover:"mouseenter",focusin:"focus",click:"click"};var F={name:"animateFill",defaultValue:!1,fn:function(t){var e;if(!(null==(e=t.props.render)?void 0:e.$$tippy))return{};var n=I(t.popper),r=n.box,i=n.content,o=t.props.animateFill?function(){var t=v();return t.className="tippy-backdrop",x([t],"hidden"),t}():null;return{onCreate:function(){o&&(r.insertBefore(o,r.firstElementChild),r.setAttribute("data-animatefill",""),r.style.overflow="hidden",t.setProps({arrow:!1,animation:"shift-away"}))},onMount:function(){if(o){var t=r.style.transitionDuration,e=Number(t.replace("ms",""));i.style.transitionDelay=Math.round(e/10)+"ms",o.style.transitionDuration=t,x([o],"visible")}},onShow:function(){o&&(o.style.transitionDuration="0ms")},onHide:function(){o&&x([o],"hidden")}}}};var W={clientX:0,clientY:0},X=[];function Y(t){var e=t.clientX,n=t.clientY;W={clientX:e,clientY:n}}var q={name:"followCursor",defaultValue:!1,fn:function(t){var e=t.reference,n=w(t.props.triggerTarget||e),r=!1,i=!1,o=!0,a=t.props;function s(){return"initial"===t.props.followCursor&&t.state.isVisible}function p(){n.addEventListener("mousemove",f)}function u(){n.removeEventListener("mousemove",f)}function c(){r=!0,t.setProps({getReferenceClientRect:null}),r=!1}function f(n){var r=!n.target||e.contains(n.target),i=t.props.followCursor,o=n.clientX,a=n.clientY,s=e.getBoundingClientRect(),p=o-s.left,u=a-s.top;!r&&t.props.interactive||t.setProps({getReferenceClientRect:function(){var t=e.getBoundingClientRect(),n=o,r=a;"initial"===i&&(n=t.left+p,r=t.top+u);var s="horizontal"===i?t.top:r,c="vertical"===i?t.right:n,f="horizontal"===i?t.bottom:r,l="vertical"===i?t.left:n;return{width:c-l,height:f-s,top:s,right:c,bottom:f,left:l}}})}function l(){t.props.followCursor&&(X.push({instance:t,doc:n}),function(t){t.addEventListener("mousemove",Y)}(n))}function d(){0===(X=X.filter((function(e){return e.instance!==t}))).filter((function(t){return t.doc===n})).length&&function(t){t.removeEventListener("mousemove",Y)}(n)}return{onCreate:l,onDestroy:d,onBeforeUpdate:function(){a=t.props},onAfterUpdate:function(e,n){var o=n.followCursor;r||void 0!==o&&a.followCursor!==o&&(d(),o?(l(),!t.state.isMounted||i||s()||p()):(u(),c()))},onMount:function(){t.props.followCursor&&!i&&(o&&(f(W),o=!1),s()||p())},onTrigger:function(t,e){g(e)&&(W={clientX:e.clientX,clientY:e.clientY}),i="focus"===e.type},onHidden:function(){t.props.followCursor&&(c(),u(),o=!0)}}}};var $={name:"inlinePositioning",defaultValue:!1,fn:function(t){var e,n=t.reference;var r=-1,i=!1,o={name:"tippyInlinePositioning",enabled:!0,phase:"afterWrite",fn:function(i){var o=i.state;t.props.inlinePositioning&&(e!==o.placement&&t.setProps({getReferenceClientRect:function(){return function(t){return function(t,e,n,r){if(n.length<2||null===t)return e;if(2===n.length&&r>=0&&n[0].left>n[1].right)return n[r]||e;switch(t){case"top":case"bottom":var i=n[0],o=n[n.length-1],a="top"===t,s=i.top,p=o.bottom,u=a?i.left:o.left,c=a?i.right:o.right;return{top:s,bottom:p,left:u,right:c,width:c-u,height:p-s};case"left":case"right":var f=Math.min.apply(Math,n.map((function(t){return t.left}))),l=Math.max.apply(Math,n.map((function(t){return t.right}))),d=n.filter((function(e){return"left"===t?e.left===f:e.right===l})),v=d[0].top,m=d[d.length-1].bottom;return{top:v,bottom:m,left:f,right:l,width:l-f,height:m-v};default:return e}}(l(t),n.getBoundingClientRect(),d(n.getClientRects()),r)}(o.placement)}}),e=o.placement)}};function a(){var e;i||(e=function(t,e){var n;return{popperOptions:Object.assign({},t.popperOptions,{modifiers:[].concat(((null==(n=t.popperOptions)?void 0:n.modifiers)||[]).filter((function(t){return t.name!==e.name})),[e])})}}(t.props,o),i=!0,t.setProps(e),i=!1)}return{onCreate:a,onAfterUpdate:a,onTrigger:function(e,n){if(g(n)){var i=d(t.reference.getClientRects()),o=i.find((function(t){return t.left-2<=n.clientX&&t.right+2>=n.clientX&&t.top-2<=n.clientY&&t.bottom+2>=n.clientY}));r=i.indexOf(o)}},onUntrigger:function(){r=-1}}}};var J={name:"sticky",defaultValue:!1,fn:function(t){var e=t.reference,n=t.popper;function r(e){return!0===t.props.sticky||t.props.sticky===e}var i=null,o=null;function a(){var s=r("reference")?(t.popperInstance?t.popperInstance.state.elements.reference:e).getBoundingClientRect():null,p=r("popper")?n.getBoundingClientRect():null;(s&&G(i,s)||p&&G(o,p))&&t.popperInstance&&t.popperInstance.update(),i=s,o=p,t.state.isMounted&&requestAnimationFrame(a)}return{onMount:function(){t.props.sticky&&a()}}}};function G(t,e){return!t||!e||(t.top!==e.top||t.right!==e.right||t.bottom!==e.bottom||t.left!==e.left)}return e&&function(t){var e=document.createElement("style");e.textContent=t,e.setAttribute("data-tippy-stylesheet","");var n=document.head,r=document.querySelector("head>style,head>link");r?n.insertBefore(e,r):n.appendChild(e)}('.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}'),_.setDefaultProps({plugins:[F,q,$,J],render:S}),_.createSingleton=function(t,e){void 0===e&&(e={});var n,r=t,i=[],o=e.overrides;function a(){i=r.map((function(t){return t.reference}))}function s(t){r.forEach((function(e){t?e.enable():e.disable()}))}s(!1),a();var p={fn:function(){return{onDestroy:function(){s(!0)},onTrigger:function(t,e){var a=e.currentTarget,s=i.indexOf(a);if(a!==n){n=a;var p=(o||[]).concat("content").reduce((function(t,e){return t[e]=r[s].props[e],t}),{});t.setProps(Object.assign({},p,{getReferenceClientRect:function(){return a.getBoundingClientRect()}}))}}}}},c=_(v(),Object.assign({},u(e,["overrides"]),{plugins:[p].concat(e.plugins||[]),triggerTarget:i})),f=c.setProps;return c.setProps=function(t){o=t.overrides||o,f(t)},c.setInstances=function(t){s(!0),r=t,s(!1),a(),c.setProps({triggerTarget:i})},c},_.delegate=function(t,e){var n=[],r=[],i=e.target,o=u(e,["target"]),a=Object.assign({},o,{trigger:"manual",touch:!1}),s=Object.assign({},o,{showOnCreate:!0}),p=_(t,a);function f(t){if(t.target){var n=t.target.closest(i);if(n){var o=n.getAttribute("data-tippy-trigger")||e.trigger||D.trigger;if(!n._tippy&&!("touchstart"===t.type&&"boolean"==typeof s.touch||"touchstart"!==t.type&&o.indexOf(z[t.type])<0)){var a=_(n,s);a&&(r=r.concat(a))}}}}function l(t,e,r,i){void 0===i&&(i=!1),t.addEventListener(e,r,i),n.push({node:t,eventType:e,handler:r,options:i})}return c(p).forEach((function(t){var e=t.destroy;t.destroy=function(t){void 0===t&&(t=!0),t&&r.forEach((function(t){t.destroy()})),r=[],n.forEach((function(t){var e=t.node,n=t.eventType,r=t.handler,i=t.options;e.removeEventListener(n,r,i)})),n=[],e()},function(t){var e=t.reference;l(e,"touchstart",f),l(e,"mouseover",f),l(e,"focusin",f),l(e,"click",f)}(t)})),p},_.hideAll=function(t){var e=void 0===t?{}:t,n=e.exclude,r=e.duration;U.forEach((function(t){var e=!1;if(n&&(e=h(n)?t.reference===n:t.popper===n.popper),!e){var i=t.props.duration;t.setProps({duration:r}),t.hide(),t.state.isDestroyed||t.setProps({duration:i})}}))},_.roundArrow='<svg width="16" height="6" xmlns="http://www.w3.org/2000/svg"><path d="M0 6s1.796-.013 4.67-3.615C5.851.9 6.93.006 8 0c1.07-.006 2.148.887 3.343 2.385C14.233 6.005 16 6 16 6H0z"></svg>',_}));
2
+ //# sourceMappingURL=tippy-bundle.umd.min.js.map
@@ -25,103 +25,114 @@
25
25
  <!-- accordion -->
26
26
  <div class="c-accordion {%- if params.classes %} {{ params.classes }}{% endif %}" {%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %} {%- if params.allowToggle == true %} data-allow-toggle{% endif %} {%- if params.allowMultiple == true %} data-allow-multiple{% endif %}>
27
27
  <div class="flex justify-between">
28
- {% if params.heading.html or params.heading.text %}
29
- {% set headingAttributes %}class="{% if params.heading.classes %}{{ params.heading.classes }}{% else %}c-h2 mb-base{% endif %}"{% endset %}
30
- {% set headingContent %}{{ params.heading.html | safe if params.heading.html else params.heading.text }}{% endset %}
31
- {% if params.headingLevel == "1" %}
32
- <h1 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h1>
33
- {% elseif params.headingLevel == "2" %}
34
- <h2 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h2>
35
- {% elseif params.headingLevel == "3" %}
36
- <h3 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h3>
37
- {% elseif params.headingLevel == "4" %}
38
- <h4 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h4>
39
- {% elseif params.headingLevel == "5" %}
40
- <h5 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h5>
41
- {% else %}
42
- <h2 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h2>
28
+ {% if params.heading.html or params.heading.text %}
29
+ {% set headingAttributes %}class="{% if params.heading.classes %}{{ params.heading.classes }}{% else %}c-h2 mb-base{% endif %}"{% endset %}
30
+ {% set headingContent %}{{ params.heading.html | safe if params.heading.html else params.heading.text }}{% endset %}
31
+ {% if params.headingLevel == "1" %}
32
+ <h1 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h1>
33
+ {% elseif params.headingLevel == "2" %}
34
+ <h2 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h2>
35
+ {% elseif params.headingLevel == "3" %}
36
+ <h3 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h3>
37
+ {% elseif params.headingLevel == "4" %}
38
+ <h4 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h4>
39
+ {% elseif params.headingLevel == "5" %}
40
+ <h5 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h5>
41
+ {% else %}
42
+ <h2 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h2>
43
+ {% endif %}
43
44
  {% endif %}
44
- {% endif %}
45
- {% if params.showControl %}
46
- <button
47
- class="c-accordion__toggle-all ml-auto py-base text-sm text-neutral-dark underline focus:text-black focus:bg-warning-base focus:outline-none focus:shadow-outline-focus text-right">
45
+ {% if params.showControl %}
46
+ <button class="c-accordion__toggle-all ml-auto py-base text-sm text-neutral-dark underline focus:text-black focus:bg-warning-base focus:outline-none focus:shadow-outline-focus text-right">
48
47
  Mostrar todo
49
48
  </button>
50
- {% endif %}
49
+ {% endif %}
51
50
  </div>
52
51
  <div>
53
- {% for item in params.items %}
52
+ {%- for item in params.items %}
54
53
  {% if item %}
55
- {%- if item.id -%}
56
- {%- set id = item.id -%}
57
- {%- else -%}
58
- {#- The first id should not have a number suffix so it's easy to link to from the error summary component -#}
59
- {%- if loop.first -%}
60
- {%- set id = idPrefix %}
54
+ {%- if item.id -%}
55
+ {%- set id = item.id -%}
61
56
  {%- else -%}
62
- {%- set id = idPrefix + "-" + loop.index0 -%}
63
- {%- endif -%}
64
- {%- endif -%}
57
+ {#- The first id should not have a number suffix so it's easy to link to from the error summary component -#}
58
+ {%- if loop.first -%}
59
+ {%- set id = idPrefix %}
60
+ {%- else -%}
61
+ {%- set id = idPrefix + "-" + loop.index0 -%}
62
+ {%- endif -%}
63
+ {%- endif %}
65
64
 
66
- <div class="-my-px px-xs py-sm border-t border-b border-neutral-base">
65
+ <div class="-my-px px-xs py-sm border-t border-b border-neutral-base">
67
66
  {% set insideContent %}
68
- <button
69
- id="{{ id }}-title"
70
- class="c-accordion__trigger group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black {%- if item.disabled %} cursor-not-allowed{% endif %}"
71
- aria-controls="{{ id }}"
72
- {% if item.open %}
73
- aria-expanded = "true"
74
- {% else %}
75
- aria-expanded = "false"
76
- {% endif %}
77
- {% if item.disabled %} disabled{% endif %}
78
- >
79
- {{ item.headerHtml | safe if item.headerHtml else item.headerText }}
80
- <span
81
- class="absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black pointer-events-none {%- if item.disabled %} hidden{% endif %}" aria-hidden="true">
82
- <span class="c-accordion__show {%- if item.open %} hidden{%else%}{%endif%} {%- if item.show.classes %} {{ item.show.classes }}{%endif%}">
83
- {% if item.show %}
84
- {{ item.show.html | safe if item.show.html else item.show.text }}
85
- {% else %}
86
- Mostrar
87
- {% endif %}
88
- </span>
89
- <span class="c-accordion__hide {%- if item.open %}{%else%} hidden{%endif%} {%- if item.hide.classes %} {{ item.hide.classes }}{%endif%}">
90
- {% if item.hide %}
91
- {{ item.hide.html | safe if item.hide.html else item.hide.text }}
92
- {% else %}
93
- Ocultar
94
- {% endif %}
95
- </span>
96
- </span>
97
- </button>
98
- {% endset %}
99
- {% if params.headingLevel == "1" %}
100
- <h2>{{ insideContent | safe }}</h2>
101
- {% elseif params.headingLevel == "2" %}
102
- <h3>{{ insideContent | safe }}</h3>
103
- {% elseif params.headingLevel == "3" %}
104
- <h4>{{ insideContent | safe }}</h4>
105
- {% elseif params.headingLevel == "4" %}
106
- <h5>{{ insideContent | safe }}</h5>
107
- {% elseif params.headingLevel == "5" %}
108
- <h6>{{ insideContent | safe }}</h6>
67
+
68
+ <button
69
+ id="{{ id }}-title"
70
+ class="c-accordion__trigger group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black {%- if item.disabled %} cursor-not-allowed{% endif %}"
71
+ aria-controls="{{ id }}"
72
+ {% if item.open %}
73
+ aria-expanded = "true"
109
74
  {% else %}
110
- <h3>{{ insideContent | safe }}</h3>
111
- {% endif %}
112
- <p class="sr-only" aria-hidden="true">Haz click en el botón anterior para mostrar u ocultar</p>
113
- <div
114
- {% if not item.open %}
115
- hidden = ""
116
- {% endif %}
117
- {%- if id %}
118
- id="{{ id }}"
75
+ aria-expanded = "false"
119
76
  {% endif %}
77
+ {% if item.disabled %} disabled{% endif %}
78
+ >
79
+ {{ item.headerHtml | safe if item.headerHtml else item.headerText }}
80
+ <span class="absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black pointer-events-none {%- if item.disabled %} hidden{% endif %}" aria-hidden="true">
81
+ <span class="c-accordion__show {%- if item.open %} hidden{%else%}{%endif%} {%- if item.show.classes %} {{ item.show.classes }}{%endif%}">
82
+ {% if item.show %}
83
+ {{ item.show.html | safe if item.show.html else item.show.text }}
84
+ {% else %}
85
+ Mostrar
86
+ {% endif %}
87
+ </span>
88
+ <span class="c-accordion__hide {%- if item.open %}{%else%} hidden{%endif%} {%- if item.hide.classes %} {{ item.hide.classes }}{%endif%}">
89
+ {% if item.hide %}
90
+ {{ item.hide.html | safe if item.hide.html else item.hide.text }}
91
+ {% else %}
92
+ Ocultar
93
+ {% endif %}
94
+ </span>
95
+ </span>
96
+ </button>
97
+ {% endset %}
98
+ {% if params.headingLevel == "1" %}
99
+ <h2>
100
+ {{ insideContent | safe }}
101
+ </h2>
102
+ {% elseif params.headingLevel == "2" %}
103
+ <h3>
104
+ {{ insideContent | safe }}
105
+ </h3>
106
+ {% elseif params.headingLevel == "3" %}
107
+ <h4>
108
+ {{ insideContent | safe }}
109
+ </h4>
110
+ {% elseif params.headingLevel == "4" %}
111
+ <h5>
112
+ {{ insideContent | safe }}
113
+ </h5>
114
+ {% elseif params.headingLevel == "5" %}
115
+ <h6>
116
+ {{ insideContent | safe }}
117
+ </h6>
118
+ {% else %}
119
+ <h3>
120
+ {{ insideContent | safe }}
121
+ </h3>
122
+ {% endif %}
123
+ <p class="sr-only" aria-hidden="true">Haz click en el botón anterior para mostrar u ocultar</p>
124
+ <div
125
+ {% if not item.open %}
126
+ hidden = ""
127
+ {% endif %}
128
+ {%- if id %}
129
+ id="{{ id }}"
130
+ {% endif %}
120
131
  class="c-accordion__panel {%- if item.classes %} {{ item.classes }}{% endif %}"
121
- {%- for attribute, value in item.attributes %} {{attribute}}="{{value}}"{% endfor %}>
122
- {{ item.html | safe if item.html else item.text }}
123
- </div>
132
+ {%- for attribute, value in item.attributes %} {{attribute}}="{{value}}"{% endfor %}>
133
+ {{ item.html | safe if item.html else item.text }}
124
134
  </div>
135
+ </div>
125
136
  {% endif %}
126
137
  {% endfor %}
127
138
  </div>
@@ -25,33 +25,32 @@
25
25
  <!-- accordion-history -->
26
26
  <div class="c-accordion {%- if params.classes %} {{ params.classes }} {% endif %}"
27
27
  {%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %} {%- if params.allowToggle == true %} data-allow-toggle{% endif %} {%- if params.allowMultiple == true %} data-allow-multiple{% endif %}>
28
- <div class="flex justify-between">
29
- {% if params.heading.html or params.heading.text %}
30
- {% set headingAttributes %}class="{% if params.heading.classes %}{{ params.heading.classes }}{% else %}c-h2 mb-base{% endif %}"{% endset %}
31
- {% set headingContent %}{{ params.heading.html | safe if params.heading.html else params.heading.text }}{% endset %}
32
- {% if params.headingLevel == "1" %}
33
- <h1 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h1>
34
- {% elseif params.headingLevel == "2" %}
35
- <h2 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h2>
36
- {% elseif params.headingLevel == "3" %}
37
- <h3 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h3>
38
- {% elseif params.headingLevel == "4" %}
39
- <h4 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h4>
40
- {% elseif params.headingLevel == "5" %}
41
- <h5 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h5>
42
- {% else %}
43
- <h2 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h2>
28
+ <div class="flex justify-between">
29
+ {% if params.heading.html or params.heading.text %}
30
+ {% set headingAttributes %}class="{% if params.heading.classes %}{{ params.heading.classes }}{% else %}c-h2 mb-base{% endif %}"{% endset %}
31
+ {% set headingContent %}{{ params.heading.html | safe if params.heading.html else params.heading.text }}{% endset %}
32
+ {% if params.headingLevel == "1" %}
33
+ <h1 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h1>
34
+ {% elseif params.headingLevel == "2" %}
35
+ <h2 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h2>
36
+ {% elseif params.headingLevel == "3" %}
37
+ <h3 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h3>
38
+ {% elseif params.headingLevel == "4" %}
39
+ <h4 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h4>
40
+ {% elseif params.headingLevel == "5" %}
41
+ <h5 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h5>
42
+ {% else %}
43
+ <h2 {{ headingAttributes | safe }}>{{ headingContent | safe }}</h2>
44
+ {% endif %}
44
45
  {% endif %}
45
- {% endif %}
46
- {% if params.showControl %}
47
- <button
48
- class="c-accordion__toggle-all ml-auto py-base text-sm text-neutral-dark underline focus:text-black focus:bg-warning-base focus:outline-none focus:shadow-outline-focus text-right">
46
+ {% if params.showControl %}
47
+ <button class="c-accordion__toggle-all ml-auto py-base text-sm text-neutral-dark underline focus:text-black focus:bg-warning-base focus:outline-none focus:shadow-outline-focus text-right">
49
48
  Mostrar todo
50
49
  </button>
51
- {% endif %}
50
+ {% endif %}
52
51
  </div>
53
52
  <div class="pl-lg">
54
- {% for item in params.items %}
53
+ {%- for item in params.items %}
55
54
  {% if item %}
56
55
  {%- if item.id -%}
57
56
  {%- set id = item.id -%}
@@ -62,128 +61,140 @@
62
61
  {%- else -%}
63
62
  {%- set id = idPrefix + "-" + loop.index0 -%}
64
63
  {%- endif -%}
65
- {%- endif -%}
64
+ {%- endif %}
66
65
 
67
- <div class="relative -my-px px-xs py-sm border-t border-b border-neutral-base">
66
+ <div class="relative -my-px px-xs py-sm border-t border-b border-neutral-base">
68
67
  {% set insideContent %}
69
- <button
70
- id="{{ id }}-title"
71
- class="c-accordion__trigger group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black {%- if item.disabled %} cursor-not-allowed{% endif %}"
72
- aria-controls="{{ id }}"
73
- {% if item.open %}
74
- aria-expanded = "true"
75
- {% else %}
76
- aria-expanded = "false"
77
- {% endif %}
78
- {% if item.disabled %} disabled{% endif %}
79
- >
80
- {{ item.headerHtml | safe if item.headerHtml else item.headerText }}
81
- {% if item.status == 'current' %}
82
- <span class="sr-only">(Estado: actual) </span>
83
- {% elseif item.status == 'pending' %}
84
- <span class="sr-only">(Estado: pendiente) </span>
85
- {% elseif item.status == 'muted' %}
86
- <span class="sr-only">(Estado: pasado) </span>
87
- {% elseif item.status == 'currentmuted' %}
88
- <span class="sr-only">(Estado: actual) </span>
89
- {% else %}
90
- <span class="sr-only">(Estado: pasado) </span>
91
- {% endif %}
92
- <span
93
- class="absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black pointer-events-none {%- if item.disabled %} hidden{% endif %}" aria-hidden="true">
94
- <span class="c-accordion__show {%- if item.open %} hidden{%else%}{%endif%} {%- if item.show.classes %} {{ item.show.classes }}{%endif%}">
95
- {% if item.show %}
96
- {{ item.show.html | safe if item.show.html else item.show.text }}
97
- {% else %}
98
- Mostrar
99
- {% endif %}
100
- </span>
101
- <span class="c-accordion__hide {%- if item.open %}{%else%} hidden{%endif%} {%- if item.hide.classes %} {{ item.hide.classes }}{%endif%}">
102
- {% if item.hide %}
103
- {{ item.hide.html | safe if item.hide.html else item.hide.text }}
104
- {% else %}
105
- Ocultar
106
- {% endif %}
107
- </span>
108
- </span>
109
- </button>
110
- {% endset %}
111
- {% if params.headingLevel == "1" %}
112
- <h2>{{ insideContent | safe }}</h2>
113
- {% elseif params.headingLevel == "2" %}
114
- <h3>{{ insideContent | safe }}</h3>
115
- {% elseif params.headingLevel == "3" %}
116
- <h4>{{ insideContent | safe }}</h4>
117
- {% elseif params.headingLevel == "4" %}
118
- <h5>{{ insideContent | safe }}</h5>
119
- {% elseif params.headingLevel == "5" %}
120
- <h6>{{ insideContent | safe }}</h6>
68
+
69
+ <button
70
+ id="{{ id }}-title"
71
+ class="c-accordion__trigger group relative w-full py-sm font-semibold text-left cursor-pointer focus:bg-warning-base focus:outline-none focus:shadow-outline-focus focus:text-black {%- if item.disabled %} cursor-not-allowed{% endif %}"
72
+ aria-controls="{{ id }}"
73
+ {% if item.open %}
74
+ aria-expanded = "true"
121
75
  {% else %}
122
- <h3>{{ insideContent | safe }}</h3>
76
+ aria-expanded = "false"
123
77
  {% endif %}
124
- <p class="sr-only" aria-hidden="true">Haz click en el botón anterior para mostrar u ocultar</p>
125
- {% if not loop.first %}
78
+ {% if item.disabled %} disabled{% endif %}
79
+ >
80
+ {{ item.headerHtml | safe if item.headerHtml else item.headerText }}
126
81
  {% if item.status == 'current' %}
127
- <div class="absolute -top-px -left-5 h-6 border-2 border-primary-base"></div>
82
+ <span class="sr-only">(Estado: actual) </span>
128
83
  {% elseif item.status == 'pending' %}
129
- <div class="absolute -top-px -left-5 h-6 border-2 border-neutral-light"></div>
84
+ <span class="sr-only">(Estado: pendiente) </span>
130
85
  {% elseif item.status == 'muted' %}
131
- <div class="absolute -top-px -left-5 h-6 border-2 border-neutral-base"></div>
132
- {% elseif item.status == 'currentmuted' %}
133
- <div class="absolute -top-px -left-5 h-6 border-2 border-neutral-base"></div>
134
- {% else %}
135
- <div class="absolute -top-px -left-5 h-6 border-2 border-primary-base"></div>
136
- {% endif %}
137
- {% endif %}
138
- {% if not loop.last %}
139
- {% if item.status == 'current' %}
140
- <div class="absolute top-6 bottom-0 -left-5 border-2 border-neutral-light"></div>
141
- {% elseif item.status == 'pending' %}
142
- <div class="absolute top-6 bottom-0 -left-5 border-2 border-neutral-light"></div>
143
- {% elseif item.status == 'muted' %}
144
- <div class="absolute top-6 bottom-0 -left-5 border-2 border-neutral-base"></div>
86
+ <span class="sr-only">(Estado: pasado) </span>
145
87
  {% elseif item.status == 'currentmuted' %}
146
- <div class="absolute top-6 bottom-0 -left-5 border-2 border-neutral-light"></div>
88
+ <span class="sr-only">(Estado: actual) </span>
147
89
  {% else %}
148
- <div class="absolute top-6 bottom-0 -left-5 border-2 border-primary-base"></div>
90
+ <span class="sr-only">(Estado: pasado) </span>
149
91
  {% endif %}
92
+ <span class="absolute inset-y-0 right-0 py-sm font-normal text-sm text-neutral-dark underline group-focus:text-black pointer-events-none {%- if item.disabled %} hidden{% endif %}" aria-hidden="true">
93
+ <span class="c-accordion__show {%- if item.open %} hidden{%else%}{%endif%} {%- if item.show.classes %} {{ item.show.classes }}{%endif%}">
94
+ {% if item.show %}
95
+ {{ item.show.html | safe if item.show.html else item.show.text }}
96
+ {% else %}
97
+ Mostrar
98
+ {% endif %}
99
+ </span>
100
+ <span class="c-accordion__hide {%- if item.open %}{%else%} hidden{%endif%} {%- if item.hide.classes %} {{ item.hide.classes }}{%endif%}">
101
+ {% if item.hide %}
102
+ {{ item.hide.html | safe if item.hide.html else item.hide.text }}
103
+ {% else %}
104
+ Ocultar
105
+ {% endif %}
106
+ </span>
107
+ </span>
108
+ </button>
109
+ {% endset %}
110
+ {% if params.headingLevel == "1" %}
111
+ <h2>
112
+ {{ insideContent | safe }}
113
+ </h2>
114
+ {% elseif params.headingLevel == "2" %}
115
+ <h3>
116
+ {{ insideContent | safe }}
117
+ </h3>
118
+ {% elseif params.headingLevel == "3" %}
119
+ <h4>
120
+ {{ insideContent | safe }}
121
+ </h4>
122
+ {% elseif params.headingLevel == "4" %}
123
+ <h5>
124
+ {{ insideContent | safe }}
125
+ </h5>
126
+ {% elseif params.headingLevel == "5" %}
127
+ <h6>
128
+ {{ insideContent | safe }}
129
+ </h6>
130
+ {% else %}
131
+ <h3>
132
+ {{ insideContent | safe }}
133
+ </h3>
134
+ {% endif %}
135
+ <p class="sr-only" aria-hidden="true">Haz click en el botón anterior para mostrar u ocultar</p>
136
+ {% if not loop.first %}
137
+ {% if item.status == 'current' %}
138
+ <div class="absolute -top-px -left-5 h-6 border-2 border-primary-base"></div>
139
+ {% elseif item.status == 'pending' %}
140
+ <div class="absolute -top-px -left-5 h-6 border-2 border-neutral-light"></div>
141
+ {% elseif item.status == 'muted' %}
142
+ <div class="absolute -top-px -left-5 h-6 border-2 border-neutral-base"></div>
143
+ {% elseif item.status == 'currentmuted' %}
144
+ <div class="absolute -top-px -left-5 h-6 border-2 border-neutral-base"></div>
145
+ {% else %}
146
+ <div class="absolute -top-px -left-5 h-6 border-2 border-primary-base"></div>
150
147
  {% endif %}
148
+ {% endif %}
149
+ {% if not loop.last %}
151
150
  {% if item.status == 'current' %}
152
- <div class="absolute top-5 -left-6 w-3 h-3 bg-white ring-2 ring-primary-base rounded-full" role="img"><p class="sr-only">Estado: actual</p></div>
151
+ <div class="absolute top-6 bottom-0 -left-5 border-2 border-neutral-light"></div>
153
152
  {% elseif item.status == 'pending' %}
154
- <div class="absolute top-5 -left-6 w-3 h-3 bg-white border-2 border-neutral-base rounded-full" role="img"><p class="sr-only">Estado: pendiente</p></div>
153
+ <div class="absolute top-6 bottom-0 -left-5 border-2 border-neutral-light"></div>
155
154
  {% elseif item.status == 'muted' %}
156
- <div class="absolute top-5 -left-6 w-3 h-3 bg-neutral-base border-2 border-neutral-base rounded-full" role="img"><p class="sr-only">Estado: pasado</p></div>
155
+ <div class="absolute top-6 bottom-0 -left-5 border-2 border-neutral-base"></div>
157
156
  {% elseif item.status == 'currentmuted' %}
158
- <div class="absolute top-5 -left-6 w-3 h-3 bg-neutral-base ring-2 ring-neutral-base rounded-full" role="img"><p class="sr-only">Estado: actual</p></div>
157
+ <div class="absolute top-6 bottom-0 -left-5 border-2 border-neutral-light"></div>
159
158
  {% else %}
160
- <div class="absolute top-5 -left-6 w-3 h-3 bg-primary-base border-2 border-primary-base rounded-full" role="img"><p class="sr-only">Estado: pasado</p></div>
161
- {% endif %}
162
- <div
163
- {% if not item.open %}
164
- hidden = ""
165
- {% endif %}
166
- {%- if id %}
167
- id="{{ id }}"
159
+ <div class="absolute top-6 bottom-0 -left-5 border-2 border-primary-base"></div>
168
160
  {% endif %}
161
+ {% endif %}
162
+ {% if item.status == 'current' %}
163
+ <div class="absolute top-5 -left-6 w-3 h-3 bg-white ring-2 ring-primary-base rounded-full" role="img"><p class="sr-only">Estado: actual</p></div>
164
+ {% elseif item.status == 'pending' %}
165
+ <div class="absolute top-5 -left-6 w-3 h-3 bg-white border-2 border-neutral-base rounded-full" role="img"><p class="sr-only">Estado: pendiente</p></div>
166
+ {% elseif item.status == 'muted' %}
167
+ <div class="absolute top-5 -left-6 w-3 h-3 bg-neutral-base border-2 border-neutral-base rounded-full" role="img"><p class="sr-only">Estado: pasado</p></div>
168
+ {% elseif item.status == 'currentmuted' %}
169
+ <div class="absolute top-5 -left-6 w-3 h-3 bg-neutral-base ring-2 ring-neutral-base rounded-full" role="img"><p class="sr-only">Estado: actual</p></div>
170
+ {% else %}
171
+ <div class="absolute top-5 -left-6 w-3 h-3 bg-primary-base border-2 border-primary-base rounded-full" role="img"><p class="sr-only">Estado: pasado</p></div>
172
+ {% endif %}
173
+ <div
174
+ {% if not item.open %}
175
+ hidden=""
176
+ {% endif %}
177
+ {%- if id %}
178
+ id="{{ id }}"
179
+ {% endif %}
169
180
  class="c-accordion__panel relative {%- if item.classes %} {{ item.classes }}{% endif %}"
170
181
  {%- for attribute, value in item.attributes %} {{attribute}}="{{value}}"{% endfor %}>
171
- {% if not loop.last %}
172
- {% if item.status == 'current' %}
173
- <div class="absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light"></div>
174
- {% elseif item.status == 'pending' %}
175
- <div class="absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light"></div>
176
- {% elseif item.status == 'muted' %}
177
- <div class="absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-base"></div>
178
- {% elseif item.status == 'currentmuted' %}
179
- <div class="absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light"></div>
180
- {% else %}
181
- <div class="absolute top-4 bottom-0 -left-6 -my-sm border-2 border-primary-base"></div>
182
- {% endif %}
182
+ {% if not loop.last %}
183
+ {% if item.status == 'current' %}
184
+ <div class="absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light"></div>
185
+ {% elseif item.status == 'pending' %}
186
+ <div class="absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light"></div>
187
+ {% elseif item.status == 'muted' %}
188
+ <div class="absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-base"></div>
189
+ {% elseif item.status == 'currentmuted' %}
190
+ <div class="absolute top-4 bottom-0 -left-6 -my-sm border-2 border-neutral-light"></div>
191
+ {% else %}
192
+ <div class="absolute top-4 bottom-0 -left-6 -my-sm border-2 border-primary-base"></div>
183
193
  {% endif %}
184
- {{ item.html | safe if item.html else item.text }}
185
- </div>
194
+ {% endif %}
195
+ {{ item.html | safe if item.html else item.text }}
186
196
  </div>
197
+ </div>
187
198
  {% endif %}
188
199
  {% endfor %}
189
200
  </div>
@@ -2,15 +2,15 @@
2
2
 
3
3
  <!-- alert -->
4
4
  <div>
5
- {{ componentButton(params.button) }}
5
+ {{ componentButton(params.button) | indent(2) }}
6
6
  <div id="{{ params.id }}" {%- if params.classes %} class="{{ params.classes }}"{% endif %} {%- for attribute, value in params.attributes %} {{attribute}}="{{value}}"{% endfor %}>
7
7
  </div>
8
8
  <div class="hidden" id="{{ 'template-' + params.id }}">
9
- {% if caller %}
10
- {{ caller() }} {#- if statement allows usage of `call` to be optional -#}
11
- {% elseif params.caller %}
12
- {{ params.caller | safe }}
13
- {% endif %}
9
+ {% if caller %}
10
+ {{ caller() | indent(6) }} {#- if statement allows usage of `call` to be optional -#}
11
+ {% elseif params.caller %}
12
+ {{ params.caller | safe | indent(6) }}
13
+ {% endif %}
14
14
  </div>
15
15
  </div>
16
16
  <!-- /alert -->