gent_styleguide 6.0.0-alpha2 → 6.0.0-alpha21

package/build/styleguide/js/checkbox_dynamic.functions-min.js

@@ -1 +1 @@
-"use strict";function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}!function(e,t){"function"==typeof define&&define.amd?define(t):"object"===("undefined"==typeof exports?"undefined":_typeof(exports))?module.exports=t():e.CheckboxFilterDynamic=t()}(window,function(){return function(c,l){(l=l||{}).filterField=l.filterField||".checkbox-filter__filter",l.modalPreview=l.modalPreview||".modal-preview",l.accordionPreview=l.accordionPreview||".accordion-preview",l.accordionBtn=l.accordionBtn||"button.accordion--button",l.previewCheckboxes=l.previewCheckboxes||"div.checkbox.preview",l.checkboxes=l.checkboxes||"div.checkbox:not(.preview)",l.selectedContainer=l.selectedContainer||".checkbox-filter__selected",l.checkboxContainers=l.checkboxContainers||".checkbox-filter__checkboxes",l.openBtn=l.openBtn||".checkbox-filter__open",l.submitBtn=l.submitBtn||".checkbox-filter__submit",l.closeBtns=l.closeBtns||".checkbox-filter__close",l.resultSpan=l.resultSpan||".checkbox-filter__result",l.makeTags=!1!==l.makeTags,l.hiddenTagText=l.hiddenTagText||"remove tag",l.onRemoveTag=l.onRemoveTag||function(){};function a(e,t){l.makeTags&&s&&s.appendChild(x(e,t))}function e(){if(i.length)for(var n=i.length;n--;)!function(){var e=i[n].querySelector("input[type=checkbox]"),t=c.querySelector("#"+e.getAttribute("data-original"));e&&(e.addEventListener("change",function(){return g(t,e)}),t.addEventListener("change",function(){return g(e,t)}))}()}var t,o=c.querySelector(l.filterField),u=c.querySelector(l.modalPreview),n=c.querySelector(l.accordionPreview),r=c.querySelector(l.accordionBtn),i=c.querySelectorAll(l.previewCheckboxes)||[],d=c.querySelectorAll(l.checkboxes)||[],s=c.querySelector(l.selectedContainer),f=c.querySelectorAll(l.checkboxContainers),h=c.querySelector(l.openBtn),p=c.querySelector(l.submitBtn),v=c.querySelectorAll(l.closeBtns),b=c.querySelector(l.resultSpan),k=[],y=function(e){var c;o&&(e&&(o.value=""),c=0,[].slice.call(f).forEach(function(e){e.style.display="none"}),m(function(e){var t=e.checkboxWrapper,n=e.checkbox,e=e.label;e&&-1!==e.textContent.toUpperCase().indexOf(o.value.toUpperCase())?(t.removeAttribute("hidden"),n.removeAttribute("hidden"),c++):(t.setAttribute("hidden","true"),n.setAttribute("hidden","true"))}),[].slice.call(f).forEach(function(e){e.querySelectorAll("".concat(l.checkboxes,":not([hidden])")).length&&(e.style.display="")}),b)&&(b.textContent=""+c)},x=function(e,t){var n=document.createElement("li"),c=document.createElement("span"),o=(c.className="tag filter",c.textContent=t.textContent,c.setAttribute("data-value",e.value),document.createElement("button"));return o.type="button",o.innerHTML='<span class="visually-hidden">'.concat(l.hiddenTagText," ").concat(t.textContent,"</span>"),o.addEventListener("click",function(){return e.click()}),c.appendChild(o),n.appendChild(c),n},m=function(e){for(var t=0;t<d.length;t++){var n=d[t],c=n.querySelector("input[type=checkbox]"),o=n.querySelector("label");c&&o&&e({checkboxWrapper:n,checkbox:c,label:o})}},S=function(){m(function(e){var e=e.checkbox,t=-1!==k.indexOf(e);(t&&!e.checked||!t&&e.checked)&&e.click()})},g=function(e,t){e.checked!==t.checked&&e.click()},C=function(e){27===(e.keyCode||e.which)&&(e.preventDefault(),S())};if(m(function(e){var t=e.checkbox,e=e.label;t.checked&&!t.indeterminate&&a(t,e)}),y(!0),h&&h.addEventListener("click",function(){k=[],m(function(e){e=e.checkbox;e.checked&&k.push(e)}),document.addEventListener("keydown",C)}),v)for(var w=v.length;w--;)v[w].addEventListener("click",function(){S(),document.removeEventListener("keydown",C)});return p&&p.addEventListener("click",function(){document.removeEventListener("keydown",C)}),o&&(t=null,o.addEventListener("input",function(){t&&clearTimeout(t),t=setTimeout(y,200)})),e(),r&&n&&r.addEventListener("click",function(){return m(function(e){var t=e.checkboxWrapper;e.checkbox.checked&&!n.contains(t)&&n.appendChild(t)})}),m(function(e){var o=e.checkboxWrapper,r=e.checkbox,i=e.label;r.addEventListener("change",function(){var e,t,n,c;r.checked?(a(r,i),e=o,t=r,u&&!u.querySelector("#"+t.id+"-preview")&&(e=e.cloneNode(!0),n=e.querySelector("input"),c=e.querySelector("label"),n.name=null,n.id+="-preview",c.for+="-preview",t.addEventListener("change",function(){return g(n,t)}),n.addEventListener("change",function(){return g(t,n)}),u.appendChild(e))):(c=r,l.makeTags&&s&&(e=s.querySelector('.filter[data-value="'+c.value+'"]'))&&(s.removeChild(e.parentElement),l.onRemoveTag(c,e)))})}),{}}});
+"use strict";!function(e,t){"function"==typeof define&&define.amd?define(t):"object"==typeof exports?module.exports=t():e.CheckboxFilterDynamic=t()}(window,function(){return function(t,i){(i=i||{}).filterField=i.filterField||".checkbox-filter__filter",i.modalPreview=i.modalPreview||".modal-preview",i.accordionPreview=i.accordionPreview||".accordion-preview",i.accordionBtn=i.accordionBtn||"button.accordion--button",i.previewCheckboxes=i.previewCheckboxes||"div.checkbox.preview",i.checkboxes=i.checkboxes||"div.checkbox:not(.preview)",i.selectedContainer=i.selectedContainer||".checkbox-filter__selected",i.checkboxContainers=i.checkboxContainers||".checkbox-filter__checkboxes",i.openBtn=i.openBtn||".checkbox-filter__open",i.submitBtn=i.submitBtn||".checkbox-filter__submit",i.closeBtns=i.closeBtns||".checkbox-filter__close",i.resultSpan=i.resultSpan||".checkbox-filter__result",i.makeTags=!1!==i.makeTags,i.hiddenTagText=i.hiddenTagText||"remove tag",i.onRemoveTag=i.onRemoveTag||function(){};const r=t.querySelector(i.filterField),a=t.querySelector(i.modalPreview),c=t.querySelector(i.accordionPreview),e=t.querySelector(i.accordionBtn),n=t.querySelectorAll(i.previewCheckboxes)||[],o=t.querySelectorAll(i.checkboxes)||[],d=t.querySelector(i.selectedContainer),l=t.querySelectorAll(i.checkboxContainers),s=t.querySelector(i.openBtn),u=t.querySelector(i.submitBtn),h=t.querySelectorAll(i.closeBtns),k=t.querySelector(i.resultSpan);let p=[];const v=e=>{if(r){e&&(r.value="");let n=0;[].slice.call(l).forEach(e=>{e.style.display="none"}),m(e=>{var{checkboxWrapper:e,checkbox:t,label:c}=e;c&&-1!==c.textContent.toUpperCase().indexOf(r.value.toUpperCase())?(e.removeAttribute("hidden"),t.removeAttribute("hidden"),n++):(e.setAttribute("hidden","true"),t.setAttribute("hidden","true"))}),[].slice.call(l).forEach(e=>{e.querySelectorAll(i.checkboxes+":not([hidden])").length&&(e.style.display="")}),k&&(k.textContent=""+n)}},b=(e,t)=>{var c=document.createElement("li"),n=document.createElement("span"),r=(n.className="tag filter",n.textContent=t.textContent,n.setAttribute("data-value",e.value),document.createElement("button"));return r.type="button",r.innerHTML=`<span class="visually-hidden">${i.hiddenTagText} ${t.textContent}</span>`,r.addEventListener("click",()=>e.click()),n.appendChild(r),c.appendChild(n),c},x=(e,t)=>{i.makeTags&&d&&d.appendChild(b(e,t))},m=t=>{for(let e=0;e<o.length;e++){var c=o[e],n=c.querySelector("input[type=checkbox]"),r=c.querySelector("label");n&&r&&t({checkboxWrapper:c,checkbox:n,label:r})}},f=()=>{m(e=>{var e=e["checkbox"],t=-1!==p.indexOf(e);(t&&!e.checked||!t&&e.checked)&&e.click()})};const y=(e,t)=>{e.checked!==t.checked&&e.click()};const g=e=>{27===(e.keyCode||e.which)&&(e.preventDefault(),f())};if(m(e=>{var{checkbox:e,label:t}=e;e.checked&&!e.indeterminate&&x(e,t)}),v(!0),s&&s.addEventListener("click",()=>{p=[],m(e=>{e=e.checkbox;e.checked&&p.push(e)}),document.addEventListener("keydown",g)}),h)for(let e=h.length;e--;)h[e].addEventListener("click",()=>{f(),document.removeEventListener("keydown",g)});if(u&&u.addEventListener("click",()=>{document.removeEventListener("keydown",g)}),r){let e=null;r.addEventListener("input",()=>{e&&clearTimeout(e),e=setTimeout(v,200)})}if(n.length)for(let e=n.length;e--;){const C=n[e].querySelector("input[type=checkbox]"),S=t.querySelector("#"+C.getAttribute("data-original"));C&&(C.addEventListener("change",()=>y(S,C)),S.addEventListener("change",()=>y(C,S)))}return e&&c&&e.addEventListener("click",()=>m(e=>{var{checkboxWrapper:e,checkbox:t}=e;t.checked&&!c.contains(e)&&c.appendChild(e)})),m(e=>{let{checkboxWrapper:r,checkbox:o,label:l}=e;o.addEventListener("change",()=>{if(o.checked){x(o,l);var e=r,t=o;if(a&&!a.querySelector("#"+t.id+"-preview")){e=e.cloneNode(!0);const n=e.querySelector("input");var c=e.querySelector("label");n.name=null,n.id+="-preview",c.for+="-preview",t.addEventListener("change",()=>y(n,t)),n.addEventListener("change",()=>y(t,n)),a.appendChild(e)}}else c=o,i.makeTags&&d&&(e=d.querySelector('.filter[data-value="'+c.value+'"]'))&&(d.removeChild(e.parentElement),i.onRemoveTag(c,e))})}),{}}});

package/build/styleguide/js/checkbox_filter.bindings-min.js

@@ -1 +1 @@
-"use strict";!function(){if(CheckboxFilter)for(var e=document.querySelectorAll(".checkbox-filter"),t=e.length;t--;)new CheckboxFilter(e[t],{hiddenTagText:"Remove tag"})}();
+"use strict";!function(){if(CheckboxFilter){var t=document.querySelectorAll(".checkbox-filter");for(let e=t.length;e--;)new CheckboxFilter(t[e],{hiddenTagText:"Remove tag"})}}();

package/build/styleguide/js/checkbox_filter.functions-min.js

@@ -1 +1 @@
-"use strict";function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}!function(e,t){"function"==typeof define&&define.amd?define(t):"object"===("undefined"==typeof exports?"undefined":_typeof(exports))?module.exports=t():e.CheckboxFilter=t()}(window,function(){return function(e,o){o=o||{};function t(e){var c;r&&(e&&(r.value=""),c=0,[].slice.call(u).forEach(function(e){e.style.display="none"}),m(function(e){var t=e.checkboxWrapper,n=e.checkbox,e=e.label;e&&-1!==e.textContent.toUpperCase().indexOf(r.value.toUpperCase())?(t.removeAttribute("hidden"),n.removeAttribute("hidden"),c++):(t.setAttribute("hidden","true"),n.setAttribute("hidden","true"))}),[].slice.call(u).forEach(function(e){e.querySelectorAll("".concat(o.checkboxes||"div.checkbox",":not([hidden])")).length&&(e.style.display="")}),x(c))}function n(e){27===(e.keyCode||e.which)&&(e.preventDefault(),S(),v())}var c,r=e.querySelector(o.filterfield||".checkbox-filter__filter"),i=e.querySelectorAll(o.checkboxes||"div.checkbox")||[],l=e.querySelector(o.selectedContainer||".checkbox-filter__selected"),u=e.querySelectorAll(o.checkboxContainers||".checkbox-filter__checkboxes"),a=e.querySelector(o.openBtn||".checkbox-filter__open"),d=e.querySelector(o.submitBtn||".checkbox-filter__submit"),f=e.querySelectorAll(o.closeBtns||".checkbox-filter__close"),s=e.querySelector(o.resultSpan||".checkbox-filter__result"),h=e.querySelector(o.countSpanWrapper||".checkbox-filter__count-wrapper"),p=e.querySelector(o.countSpan||".checkbox-filter__count"),b=[],y=!1!==o.makeTags||o.makeTags,k=function(e,t){var n=document.createElement("span"),t=(n.className="tag filter",n.textContent=t.textContent,n.setAttribute("data-value",e.value),document.createElement("button"));return t.type="button",t.innerHTML='<span class="visually-hidden">'.concat(o.hiddenTagText||"Remove tag","</span>"),t.addEventListener("click",function(){e.checked=!1,l.removeChild(n),"function"==typeof o.onRemoveTag&&o.onRemoveTag(e,n)}),n.appendChild(t),n},v=function(){var e=l.children.length;p&&(p.textContent=e),h&&(0<e?h.classList.remove("hidden"):h.classList.add("hidden"))},x=function(e){s&&(s.textContent=e)},m=function(e){for(var t=i.length;t--;){var n=i[t],c=n.querySelector("input[type=checkbox]"),o=n.querySelector("label");c&&o&&e({checkboxWrapper:n,checkbox:c,label:o})}},S=function(){y&&(l.innerHTML=""),m(function(e){var t=e.checkbox,e=e.label;-1!==b.indexOf(t)?t.checked=!0:t.checked=!1,t.checked&&y&&l.appendChild(k(t,e))})};if(b=[],m(function(e){var t=e.checkbox,e=e.label;t.checked&&!t.indeterminate&&y&&l.appendChild(k(t,e))}),v(),t(!0),r&&(c=null,r.addEventListener("input",function(){c&&clearTimeout(c),c=setTimeout(t,200)})),m(function(e){var c=e.checkbox,o=e.label;c.addEventListener("change",function(){if(c.checked)y&&l.appendChild(k(c,o));else if(y)for(var e=c,t=l.querySelectorAll(".filter"),n=t.length;n--;)t[n].getAttribute("data-value")===e.value&&l.removeChild(t[n])})}),a&&a.addEventListener("click",function(e){b=[];var t=0;m(function(e){e=e.checkbox;e.checked&&b.push(e),t++}),x(t),document.addEventListener("keydown",n)}),f)for(var _=f.length;_--;)f[_].addEventListener("click",function(){S(),v(),document.removeEventListener("keydown",n)});return d&&d.addEventListener("click",function(){v(),document.removeEventListener("keydown",n)}),{}}});
+"use strict";!function(e,t){"function"==typeof define&&define.amd?define(t):"object"==typeof exports?module.exports=t():e.CheckboxFilter=t()}(window,function(){return function(e,l){l=l||{};const r=e.querySelector(l.filterfield||".checkbox-filter__filter"),o=e.querySelectorAll(l.checkboxes||"div.checkbox")||[],i=e.querySelector(l.selectedContainer||".checkbox-filter__selected"),t=e.querySelectorAll(l.checkboxContainers||".checkbox-filter__checkboxes"),c=e.querySelector(l.openBtn||".checkbox-filter__open"),n=e.querySelector(l.submitBtn||".checkbox-filter__submit"),d=e.querySelectorAll(l.closeBtns||".checkbox-filter__close"),a=e.querySelector(l.resultSpan||".checkbox-filter__result"),u=e.querySelector(l.countSpanWrapper||".checkbox-filter__count-wrapper"),h=e.querySelector(l.countSpan||".checkbox-filter__count");let s=[];const b=!1!==l.makeTags||l.makeTags,k=e=>{if(r){e&&(r.value="");let n=0;[].slice.call(t).forEach(e=>{e.style.display="none"}),x(e=>{var{checkboxWrapper:e,checkbox:t,label:c}=e;c&&-1!==c.textContent.toUpperCase().indexOf(r.value.toUpperCase())?(e.removeAttribute("hidden"),t.removeAttribute("hidden"),n++):(e.setAttribute("hidden","true"),t.setAttribute("hidden","true"))}),[].slice.call(t).forEach(e=>{e.querySelectorAll(`${l.checkboxes||"div.checkbox"}:not([hidden])`).length&&(e.style.display="")}),v(n)}},p=(e,t)=>{let c=document.createElement("span");c.className="tag filter",c.textContent=t.textContent,c.setAttribute("data-value",e.value);t=document.createElement("button");return t.type="button",t.innerHTML=`<span class="visually-hidden">${l.hiddenTagText||"Remove tag"}</span>`,t.addEventListener("click",()=>{e.checked=!1,i.removeChild(c),"function"==typeof l.onRemoveTag&&l.onRemoveTag(e,c)}),c.appendChild(t),c},f=()=>{var e=i.children.length;h&&(h.textContent=e),u&&(0<e?u.classList.remove("hidden"):u.classList.add("hidden"))},v=e=>{a&&(a.textContent=e)},x=t=>{for(let e=o.length;e--;){var c=o[e],n=c.querySelector("input[type=checkbox]"),l=c.querySelector("label");n&&l&&t({checkboxWrapper:c,checkbox:n,label:l})}},y=()=>{b&&(i.innerHTML=""),x(e=>{var{checkbox:e,label:t}=e;-1!==s.indexOf(e)?e.checked=!0:e.checked=!1,e.checked&&b&&i.appendChild(p(e,t))})};const m=e=>{27===(e.keyCode||e.which)&&(e.preventDefault(),y(),f())};if(s=[],x(e=>{var{checkbox:e,label:t}=e;e.checked&&!e.indeterminate&&b&&i.appendChild(p(e,t))}),f(),k(!0),r){let e=null;r.addEventListener("input",()=>{e&&clearTimeout(e),e=setTimeout(k,200)})}if(x(e=>{let{checkbox:n,label:l}=e;n.addEventListener("change",()=>{if(n.checked)b&&i.appendChild(p(n,l));else if(b){var t=n,c=i.querySelectorAll(".filter");for(let e=c.length;e--;)c[e].getAttribute("data-value")===t.value&&i.removeChild(c[e])}})}),c&&c.addEventListener("click",e=>{s=[];let t=0;x(e=>{e=e.checkbox;e.checked&&s.push(e),t++}),v(t),document.addEventListener("keydown",m)}),d)for(let e=d.length;e--;)d[e].addEventListener("click",()=>{y(),f(),document.removeEventListener("keydown",m)});return n&&n.addEventListener("click",()=>{f(),document.removeEventListener("keydown",m)}),{}}});

package/build/styleguide/js/file.bindings-min.js

@@ -1 +1 @@
-"use strict";!function(){if(File)for(var e=document.querySelectorAll(".file"),l=e.length;l--;)new File(e[l])}();
+"use strict";!function(){if(File){var l=document.querySelectorAll(".file");for(let e=l.length;e--;)new File(l[e])}}();

package/build/styleguide/js/file.functions-min.js

@@ -1 +1 @@
-"use strict";function _typeof(e){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}!function(e,t){"function"==typeof define&&define.amd?define(t):"object"===("undefined"==typeof exports?"undefined":_typeof(exports))?module.exports=t():e.File=t()}(window,function(){return function(t,n){var o=t.querySelector('input[type="file"]');if(!o)throw new Error('Element input[type="file"] not found.');n=n||{};function e(e){o.files.length?1<o.files.length?t.dataset.file=n.multipleText||t.dataset.multipleText||"Multiple files.":t.dataset.file=o.files[0].name:t.dataset.file=n.emptyText||t.dataset.emptyText||"No file chosen."}return o.hasAttribute("multiple")||(o.addEventListener("change",e),e()),{updateFile:e}}});
+"use strict";!function(e,t){"function"==typeof define&&define.amd?define(t):"object"==typeof exports?module.exports=t():e.File=t()}(window,function(){return function(t,i){const n=t.querySelector('input[type="file"]');if(!n)throw new Error('Element input[type="file"] not found.');i=i||{};const e=e=>{n.files.length?1<n.files.length?t.dataset.file=i.multipleText||t.dataset.multipleText||"Multiple files":t.dataset.file=n.files[0].name:t.dataset.file=i.emptyText||t.dataset.emptyText||"No file chosen"};return n.hasAttribute("multiple")||(n.addEventListener("change",e),e()),{updateFile:e}}});

package/build/styleguide/js/file.functions.js

@@ -31,12 +31,12 @@
      */
     const updateFile = e => {
       if (!input.files.length) {
-        elem.dataset.file = options.emptyText || elem.dataset.emptyText || 'No file chosen.';
+        elem.dataset.file = options.emptyText || elem.dataset.emptyText || 'No file chosen';
         return;
       }
 
       if (input.files.length > 1) {
-        elem.dataset.file = options.multipleText || elem.dataset.multipleText || 'Multiple files.';
+        elem.dataset.file = options.multipleText || elem.dataset.multipleText || 'Multiple files';
         return;
       }
 

package/build/styleguide/js/filter.bindings-min.js

@@ -1 +1 @@
-"use strict";!function(){var i;Modal&&(i=document.querySelector("#filter"),new Modal(i,{resizeEvent:function(e,t){960<window.innerWidth?(t(),i.setAttribute("aria-hidden","false")):i.classList.contains("visible")||i.setAttribute("aria-hidden","true")}}))}();
+"use strict";!function(){if(Modal){const i=document.querySelector("#filter");new Modal(i,{resizeEvent:(e,t)=>{960<window.innerWidth?(t(),i.setAttribute("aria-hidden","false")):i.classList.contains("visible")||i.setAttribute("aria-hidden","true")}})}}();

package/build/styleguide/js/image-wall.bindings-min.js

@@ -1 +1 @@
-"use strict";!function(){var e,o;Masonry&&imagesLoaded&&(e=document.querySelector(".image-wall"))&&(o=new Masonry(e,{columnWidth:"li:not(.hidden)",itemSelector:"li",transitionDuration:0,gutter:24}),imagesLoaded(e).on("progress",function(){o.layout()}))}();
+"use strict";!function(){if(Masonry&&imagesLoaded){var e=document.querySelector(".image-wall");if(e){const o=new Masonry(e,{columnWidth:"li:not(.hidden)",itemSelector:"li",transitionDuration:0,gutter:24});imagesLoaded(e).on("progress",()=>{o.layout()})}}}();

package/build/styleguide/js/menu.bindings-min.js

@@ -1 +1 @@
-"use strict";!function(){if(Modal)for(var e=document.querySelectorAll(".modal.menu"),t=e.length;t--;)!function(i){new Modal(i,{resizeEvent:function(e,t){960<window.innerWidth?(t(),i.setAttribute("aria-hidden","false")):i.classList.contains("visible")||i.setAttribute("aria-hidden","true")}})}(e[t])}();
+"use strict";!function(){if(Modal)for(var e=document.querySelectorAll(".modal.menu"),t=e.length;t--;)!function(i){new Modal(i,{resizeEvent:(e,t)=>{960<window.innerWidth?(t(),i.setAttribute("aria-hidden","false")):i.classList.contains("visible")||i.setAttribute("aria-hidden","true")}})}(e[t])}();

package/build/styleguide/js/modal.bindings-min.js

@@ -1 +1 @@
-"use strict";!function(){if(Modal)for(var o=document.querySelectorAll(".modal:not(.has-custom-binding)"),n=o.length;n--;)new Modal(o[n])}();
+"use strict";!function(){if(Modal){var t=document.querySelectorAll(".modal:not(.has-custom-binding)");for(let o=t.length;o--;)new Modal(t[o])}}();

package/build/styleguide/js/table.functions-min.js

@@ -1 +1 @@
-"use strict";function _typeof(t){return(_typeof="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})(t)}!function(t,e){"function"==typeof define&&define.amd?define(e):"object"===("undefined"==typeof exports?"undefined":_typeof(exports))?module.exports=e():t.ResponsiveTable=e()}(window,function(){return function(t,e){var o=null,r=function(){t.parentNode.querySelector("table").scrollWidth<=t.parentNode.clientWidth?t.removeAttribute("tabindex"):o&&(o.innerText+=" "+e.scrollableText)};if(t){(o=t.querySelector("caption"))&&!o.hasAttribute("id")&&(n=Math.random().toString(36).substr(2,16),o.setAttribute("id","responsive-table-caption-caption-"+n),t.setAttribute("aria-labelledby",o.getAttribute("id"))),t.setAttribute("tabindex","0"),t.setAttribute("role","group");var n=t.querySelector("tr"),i=n.querySelectorAll("th");if(n.getElementsByTagName("th").length===n.querySelectorAll("*").length)for(var l=0;l<i.length;l++)i[l].hasAttribute("scope")||i[l].setAttribute("scope","col");for(var u=t.querySelectorAll("tr"),c=0;c<u.length;c++){var s=u[c].firstElementChild;s.hasAttribute("scope")||s.setAttribute("scope","row")}r()}return{}}});
+"use strict";!function(t,e){"function"==typeof define&&define.amd?define(e):"object"==typeof exports?module.exports=e():t.ResponsiveTable=e()}(window,function(){return function(t,e){let r=null;const i=()=>{t.parentNode.querySelector("table").scrollWidth<=t.parentNode.clientWidth?t.removeAttribute("tabindex"):r&&(r.innerText+=" "+e.scrollableText)};if(t){(r=t.querySelector("caption"))&&!r.hasAttribute("id")&&(o=Math.random().toString(36).substr(2,16),r.setAttribute("id","responsive-table-caption-caption-"+o),t.setAttribute("aria-labelledby",r.getAttribute("id"))),t.setAttribute("tabindex","0"),t.setAttribute("role","group");var o=t.querySelector("tr"),l=o.querySelectorAll("th");if(o.getElementsByTagName("th").length===o.querySelectorAll("*").length)for(let t=0;t<l.length;t++)l[t].hasAttribute("scope")||l[t].setAttribute("scope","col");var n=t.querySelectorAll("tr");for(let t=0;t<n.length;t++){var s=n[t].firstElementChild;s.hasAttribute("scope")||s.setAttribute("scope","row")}i()}return{}}});

package/build/styleguide/sass/00-mixins/element-styles/_abstract-shadow.scss

@@ -0,0 +1,69 @@
+
+///
+/// Add an abstract shadow to an element (different-colored element below).
+///
+/// Note that the element can't have a defined z-index.
+/// The parent element should have a z-index of at least 0.
+/// The default values will produce something like this:
+///
+///   --------------------------------------
+///   |                                    |
+///   |                                    |---
+///   -------------------------------------   |
+///        |__________________________________|
+///
+///
+/// @since 6.0.0
+/// @group tools
+/// @access public
+/// @author Lennart Van Vaerenbergh
+///
+/// @param {string} $v-position - The vertical position of the shadow.
+/// @param {string} $h-position - The horizontal position of the shadow.
+/// @param {string} $background-color - The background theme color.
+/// @param {string} $offset - The offset of the shadow, defaults to 1rem mobile and 1.5rem from tablet and up.
+/// @param {string} $width - The width of the shadow, defaults to 100%.
+/// @param {string} $height - The height: of the shadow, defaults to 100%.
+///
+@mixin abstract-shadow($v-position: "bottom", $h-position: "right", $background-color: "color-secondary", $offset: null, $width: 100%, $height: 100%) {
+  position: relative;
+  z-index: auto;
+
+  @if $offset {
+    margin-#{$h-position}: $offset;
+    margin-#{$v-position}: $offset;
+  }
+  @else {
+    margin-#{$h-position}: 1rem;
+    margin-#{$v-position}: 1rem;
+
+    @include tablet {
+      margin-#{$h-position}: 1.5rem;
+      margin-#{$v-position}: 1.5rem;
+    }
+  }
+
+  &::after {
+    @if $offset {
+      #{$v-position}: -$offset;
+      #{$h-position}: -$offset;
+    }
+    @else {
+      #{$v-position}: -1rem;
+      #{$h-position}: -1rem;
+
+      @include tablet {
+        #{$v-position}: -1.5rem;
+        #{$h-position}: -1.5rem;
+      }
+    }
+    position: absolute;
+    width: $width;
+    max-width: 100%;
+    height: $height;
+    max-height: 100%;
+    background-color: $background-color;
+    content: "";
+    z-index: -1;
+  }
+}

package/build/styleguide/sass/00-mixins/element-styles/_accolade.scss

@@ -0,0 +1,49 @@
+
+///
+/// Convert an element to a box with outside accolade.
+///
+/// @since 6.0.0
+/// @group tools
+/// @access public
+/// @author Lennart Van Vaerenbergh
+///
+/// @param {string} $v-position - The vertical position of the accolade.
+/// @param {string} $h-position - The horizontal position of the accolade.
+/// @param {string} $width - The accolade width.
+/// @param {string} $height - The accolade height.
+/// @param {string} $color - Text theme color.
+/// @param {string} $background-color - The background theme color.
+///
+@mixin accolade($v-position: "top", $h-position: "right", $width: 2.25rem, $height: .9rem, $color: "color-zero", $background-color: "color-secondary") {
+  @include theme('color', $color, 'caption-color');
+  @include theme('background-color', $background-color, 'caption-background-color');
+
+  display: inline-block;
+  position: relative;
+  width: fit-content;
+  padding: .1rem .5rem;
+  z-index: 1;
+
+  @if $v-position == bottom {
+    margin-bottom: $height;
+  }
+
+  &::before {
+    @include theme-content($background-color, 'caption-background-color') {
+      background: transparent svg-as-background('accolade', $theme-color, $width, $height);
+      background-repeat: no-repeat;
+      background-position: right;
+      background-size: 100%;
+    }
+
+    position: absolute;
+    #{$v-position}: -$height;
+    #{$h-position}: 0;
+    width: $width;
+    height: $height;
+    content: '';
+    @if $v-position == bottom {
+      transform: rotate(180deg);
+    }
+  }
+}

package/build/styleguide/sass/00-mixins/element-styles/_read-more-icon-link.scss

@@ -0,0 +1,38 @@
+
+///
+/// Convert a link to a square read more button, given it has an "after" icon.
+///
+/// @since 6.0.0
+/// @group tools
+/// @access public
+/// @author Lennart Van Vaerenbergh
+///
+@mixin read-more-icon-link() {
+  @include reset-link-background;
+  @include large-text();
+  @include theme('color', 'color-zero', 'button-secondary-color');
+  @include theme('background-color', 'color-tertiary', 'button-secondary-background');
+
+  display: block;
+  width: 2.2rem;
+  height: 2.2rem;
+  margin: 0;
+  text-align: left;
+  text-indent: -9999999px;
+
+  &.standalone-link:not([href^="mailto:"]):not([href^="tel:"]):not([download]):not([href^="http://"]):not([href^="https://"]):not(.back) {
+    margin: 0;
+  }
+
+  &:hover {
+    @include theme('background-color', 'color-quaternary', 'button-secondary-hover-background');
+  }
+
+  &::after {
+    display: block;
+    position: relative;
+    top: -1.1rem;
+    left: .25rem;
+    text-indent: 0;
+  }
+}

package/build/styleguide/sass/00-mixins/general/_mixins.scss

@@ -1,32 +1,21 @@
 ////
-///
 /// Globally defined general purpose mixins.
 /// These mixins can be used by multiple components.
 ///
 /// @group tools
 /// @author Gert-Jan Meire
-///
 ////
+@use "sass:math";
 
-///
 ///  Helper function to replace characters in a string.
-///
 /// @since 3.0.0
 /// @group tools
 /// @access public
 /// @author Gert-Jan Meire
 ///
-/// @param {string} $string
-///   The needle.
-///
-/// @param {string} $search
-///   The haystack.
-///
-/// @param {string} $replace ['']
-///   The separator.
-///
-@use "sass:math";
-
+/// @param {string} $string - The needle
+/// @param {string} $search - The haystack
+/// @param {string} $replace [''] - The separator
 @function str-replace($string, $search, $replace: '') {
   $index: str-index($string, $search);
   @return if($index,
@@ -34,21 +23,14 @@
     $string);
 }
 
-///
 ///  Helper function to get a border radius.
-///
 /// @since 3.0.0
 /// @group tools
 /// @access public
 /// @author Gert-Jan Meire
 ///
-/// @param {string} $name
-///   The name of the requested border radius.
-///
-/// @param {map} $border-radius [$border-radius]
-///   The map with border radiuses defined in it.
-///
-///
+/// @param {string} $name - The name of the requested border radius.
+/// @param {map} $border-radius [$border-radius] - The map with border radiuses defined in it.
 @function border-radius($name, $border-radius: $border-radius) {
   @return map-get($border-radius, $name);
 }
@@ -91,14 +73,9 @@
 /// @access public
 /// @author Gert-Jan Meire
 ///
-/// @param {string} $state
-///   The default state of the element.
-///
-/// @param {string} $state-hover
-///   The hover state of the element.
-///
-/// @param {string} $property
-///   The property to be styled.
+/// @param {string} $state - The default state of the element.
+/// @param {string} $state-hover - The hover state of the element.
+/// @param {string} $property - The property to be styled.
 ///
 @mixin element-states($state, $state-hover, $property: "color") {
   #{$property}: $state;
@@ -136,11 +113,8 @@
 /// @access private
 /// @author Gert-Jan Meire
 ///
-/// @param {string} $string
-///   The string to be split.
-///
-/// @param {string} $separator
-///   The separator by which to split the $string.
+/// @param {string} $string - The string to be split.
+/// @param {string} $separator - The separator by which to split the $string.
 ///
 @function str-split($string, $separator: '--') {
   // empty array/list
@@ -179,14 +153,13 @@
 /// @access private
 /// @author Gert-Jan Meire
 ///
-/// @param {string} $value
-///   The string to turn into a number.
+/// @param {string} $value - The string to turn into a number.
 ///
 @function number($value) {
   @if type-of($value) == 'number' {
     @return $value;
   } @else if type-of($value) != 'string' {
-    $_: log('Value for `to-number` should be a number or a string.');
+    @warn 'Value for `to-number` should be a number or a string.';
   }
 
   $result: 0;
@@ -225,7 +198,7 @@
 /// @author Gert-Jan Meire
 ///
 @mixin small-text {
-  font-size: .6rem;
+  font-size: .7rem;
 }
 
 ///
@@ -237,7 +210,7 @@
 /// @author Gert-Jan Meire
 ///
 @mixin medium-text {
-  font-size: .7rem;
+  font-size: .8rem;
 }
 
 ///
@@ -249,7 +222,7 @@
 /// @author Gert-Jan Meire
 ///
 @mixin large-text {
-  font-size: .8rem;
+  font-size: .9rem;
 }
 
 ///
@@ -261,25 +234,53 @@
 /// @author Gert-Jan Meire
 ///
 @mixin extra-large-text {
-  font-size: .9rem;
+  font-size: 1rem;
 }
 
 ///
-/// Defines bold text.
+/// Defines normal text weight.
 ///
-/// @since 3.0.0
+/// @since 6.0.0
 /// @group tools
 /// @access private
-/// @author Helena Standaert
+/// @author Lennart Van Vaerenbergh
+///
+@mixin normal-text {
+  font-weight: 400;
+}
+
+///
+/// Defines semi bold text.
+///
+/// @since 6.0.0
+/// @group tools
+/// @access private
+/// @author Dimitri Baudonck
 ///
 @mixin semi-bold-text {
   font-weight: 600;
 }
 
+///
+/// Defines semi bold text.
+///
+/// @since 3.0.0
+/// @group tools
+/// @access private
+/// @author Helena Standaert
+///
 @mixin bold-text {
   font-weight: 700;
 }
 
+///
+/// Defines semi bold text.
+///
+/// @since 6.0.0
+/// @group tools
+/// @access private
+/// @author Dimitri Baudonck
+///
 @mixin extra-bold-text {
   font-weight: 800;
 }

package/build/styleguide/sass/00-mixins/link/_link.scss

@@ -24,8 +24,8 @@
 @mixin link-background($underline, $hover: null, $underline-exception: null, $hover-exception: null) {
   @include theme('border-color', $underline, $underline-exception);
   transition: background-image 1s;
-  border-bottom: 1px solid;
-  background-repeat: repeat-x;
+  border-bottom: 2px solid;
+  background-repeat: repeat-y;
   background-position: 0 100%;
 
   @if $hover {
@@ -35,11 +35,11 @@
         $theme-color 100%);
     }
     transition: background-size .2s;
-    background-size: 1px 0;
+    background-size: 0 100%;
 
     &:hover,
     &:focus {
-      background-size: 1px 100%;
+      background-size: 100% 100%;
     }
   }
 }

package/build/styleguide/sass/00-mixins/svg/_svg-icons.scss

@@ -1,13 +1,11 @@
 ////
-///
 /// This file defines SVG related functions and mixins.
 ///
 /// @group tools
 /// @author Gert-Jan Meire
-///
 ////
+@use "sass:math";
 
-///
 ///  Function to create an optimized svg url.
 ///
 /// @since 3.0.0
@@ -16,11 +14,7 @@
 /// @author Gert-Jan Meire
 /// @require str-replace
 ///
-/// @param {string} $svg
-///   The SVG code string to be converted for use in SASS.
-///
-@use "sass:math";
-
+/// @param {string} $svg - The SVG code string to be converted for use in SASS.
 @function svg-url($svg) {
   //
   //  Add missing namespace
@@ -73,7 +67,6 @@
   @return url("data:image/svg+xml,#{$encoded}");
 }
 
-///
 /// Return a colored svg icon.
 ///
 /// @since 3.0.0
@@ -92,7 +85,6 @@
 ///
 /// @param {int} $height
 ///   The height of the bounding box of the icon.
-///
 @function svg-icon($icon, $fill-color, $width, $height) {
   @if $icon == 'cross' {
     @return '<svg xmlns="http://www.w3.org/2000/svg" width="#{$width}" height="#{$height}" viewBox="0 0 32 32"><path fill="#{$fill-color}" fill-rule="evenodd" d="M18.121 16l6.44-6.439a1.5 1.5 0 0 0-2.122-2.122L16 13.879l-6.44-6.44a1.501 1.501 0 0 0-2.12 2.122L13.88 16l-6.44 6.439a1.5 1.5 0 0 0 2.12 2.122l6.44-6.44 6.44 6.44c.292.293.676.439 1.06.439s.767-.146 1.06-.439a1.5 1.5 0 0 0 0-2.122L18.121 16z"/></svg>';
@@ -141,9 +133,20 @@
   @if $icon == 'search' {
     @return '<svg xmlns="http://www.w3.org/2000/svg" width="#{$width}" height="#{$height}" viewBox="0 0 32 32"><path fill="#{$fill-color}" fill-rule="evenodd" d="M15 22c-3.86 0-7-3.14-7-7s3.14-7 7-7 7 3.14 7 7-3.14 7-7 7m12.061 2.939l-4.017-4.016A9.94 9.94 0 0 0 25 15c0-5.523-4.477-10-10-10S5 9.477 5 15s4.477 10 10 10a9.94 9.94 0 0 0 5.923-1.956l4.016 4.017c.293.293.677.439 1.061.439a1.502 1.502 0 0 0 1.061-2.561"/></svg>';
   }
+
+  @if $icon == 'calendar' {
+    @return '<svg xmlns="http://www.w3.org/2000/svg" width="#{$width}" height="#{$height}" viewBox="0 0 32 32"><path fill="#{$fill-color}" fill-rule="evenodd" d="M18 22.084a1.5 1.5 0 0 1-1.5 1.5h-5a1.5 1.5 0 1 1 0-3h5a1.5 1.5 0 0 1 1.5 1.5zM22.5 17a1.5 1.5 0 0 1-1.5 1.5h-9.5a1.5 1.5 0 1 1 0-3H21a1.5 1.5 0 0 1 1.5 1.5zm2.5 8.5H8c-.542 0-1-.459-1-1v-11h19v11c0 .541-.458 1-1 1zM7 8.5c0-.542.458-1 1-1h2a1.5 1.5 0 1 0 3 0h7.5a1.5 1.5 0 1 0 3 0H25c.542 0 1 .458 1 1v2H7v-2zm18-4h-1.5a1.5 1.5 0 1 0-3 0H13a1.5 1.5 0 1 0-3 0H8c-2.2 0-4 1.8-4 4v16c0 2.2 1.8 4 4 4h17c2.2 0 4-1.8 4-4v-16c0-2.2-1.8-4-4-4z"/></svg>';
+  }
+
+  @if $icon == 'image' {
+    @return '<svg xmlns="http://www.w3.org/2000/svg" width="#{$width}" height="#{$height}" viewBox="0 0 32 32"><path fill="#{$fill-color}" fill-rule="nonzero" d="M7.5 5h18A4.5 4.5 0 0 1 30 9.5v14a4.5 4.5 0 0 1-4.5 4.5h-18A4.5 4.5 0 0 1 3 23.5v-14A4.5 4.5 0 0 1 7.5 5zm0 3A1.5 1.5 0 0 0 6 9.5v14A1.5 1.5 0 0 0 7.5 25h18a1.5 1.5 0 0 0 1.5-1.5v-14A1.5 1.5 0 0 0 25.5 8h-18zm2.575 13.123a1 1 0 0 1-.918-1.397l3.023-6.976a1 1 0 0 1 1.768-.129l3.528 5.703a.998.998 0 0 0 1.293.37l2.631-1.299a1 1 0 0 1 1.323.423l.985 1.832a1 1 0 0 1-.88 1.473H10.074zm9.594-9.493c.328-.32.718-.48 1.169-.48.468 0 .86.16 1.182.48.32.32.48.714.48 1.182 0 .45-.16.84-.48 1.169a1.587 1.587 0 0 1-1.182.493c-.451 0-.841-.164-1.17-.493a1.596 1.596 0 0 1-.492-1.17c0-.467.164-.86.493-1.181z"/></svg>';
+  }
+
+  @if $icon == 'square' {
+    @return '<svg xmlns="http://www.w3.org/2000/svg" width="#{$width}" height="#{$height}" viewBox="0 0 32 32"><rect width="#{$width}" height="#{$height}" fill="#{$fill-color}" /></svg>';
+  }
 }
 
-///
 /// Return a colored svg icon as a background image.
 ///
 /// @since 3.0.0
@@ -163,7 +166,6 @@
 ///
 /// @param {int} $height
 ///   The height of the bounding box of the icon.
-///
 @function svg-as-background($svg, $fill-color, $width, $height) {
   @return svg-url(svg-icon($svg, $fill-color, $width, $height));
 }

package/build/styleguide/sass/00-mixins/themify/_themify.scss

@@ -131,7 +131,7 @@
 }
 
 ///
-/// This mixin is similare to the theme-mixin, but uses the @content directive
+/// This mixin is similar to the theme-mixin, but uses the @content directive
 /// to make it possible to pass in custom values for a property (as often seen
 /// in borders, shadows, ...)
 ///