@ilo-org/twig 1.11.0 → 1.11.1

package/dist/components/localnav/localnav.behavior.js

@@ -3,6 +3,6 @@
 
   class Navigation{constructor(element,callback=null){this.element=element;this.prefix=this.element.dataset.prefix;this.callback=callback;this.init();}init(){this.cacheDomReferences().setupHandlers().enable();return this}cacheDomReferences(){this.subNav=this.element.querySelector(`.${this.prefix}--subnav`);this.subnavButton=this.element.querySelector(`.${this.prefix}--nav--trigger`);this.menuCloseSet=this.element.querySelectorAll(`.${this.prefix}--header--menu--close`);this.subnavBack=this.element.querySelectorAll(`.${this.prefix}--mobile--subnav--back`);this.menuOpen=this.element.querySelector(`.${this.prefix}--header--menu`);this.searchButton=this.element.querySelector(`.${this.prefix}--search--button`);this.searchBox=this.element.querySelector(`.${this.prefix}--search-box`);this.searchInput=this.searchBox?this.searchBox.querySelector("input"):null;this.contextButton=this.element.querySelector(`.${this.prefix}--language-switcher--button`);this.languageButton=this.element.querySelector(`.${this.prefix}--mobile--nav--language--switcher--button`);this.contextLinks=this.element.querySelectorAll(`.${this.prefix}--context-menu--link`);this.languageLinks=this.element.querySelectorAll(`.${this.prefix}--nav--language`);this.body=document.body;return this}setupHandlers(){this.subnavClick=this.handleSubnavClick.bind(this);this.subnavClickOff=this.handleSubnavClickOff.bind(this);this.subnavClickOn=this.handleSubnavClickOn.bind(this);this.subnavBackClick=this.handleSubnavBackClick.bind(this);this.menuCloseClick=this.handleMenuCloseClick.bind(this);this.menuOpenClick=this.handleMenuOpenClick.bind(this);this.languageButtonClick=this.handleLanguageButtonClick.bind(this);this.contextLinkClick=this.handleContextLinkClick.bind(this);this.onResize=this.handleResize.bind(this);this.keyPress=this.handleKeyPress.bind(this);this.contextButtonClick=this.handleContextButtonClick.bind(this);this.contextButtonClickOff=this.handleContextButtonClickOff.bind(this);this.contextButtonClickOn=this.handleContextButtonClickOn.bind(this);this.searchButtonClick=this.handleSearchButtonClick.bind(this);this.searchButtonClickOff=this.handleSearchButtonClickOff.bind(this);this.searchButtonClickOn=this.handleSearchButtonClickOn.bind(this);return this}enable(){if(this.subnavButton){this.subnavButton.addEventListener("click",e=>this.subnavClick(e));this.subnavButton.addEventListener("touchstart",e=>this.subnavClick(e));}if(this.subnavBack.length>0){this.subnavBack.forEach(button=>{button.addEventListener("click",e=>this.subnavBackClick(e));button.addEventListener("touchstart",e=>this.subnavBackClick(e));});}if(this.searchButton){this.searchButton.addEventListener("click",e=>this.searchButtonClick(e));this.searchButton.addEventListener("touchstart",e=>this.searchButtonClick(e));}if(this.menuCloseSet.length>0){this.menuCloseSet.forEach((closeButton,i)=>{closeButton.addEventListener("click",e=>this.menuCloseClick(i,e));closeButton.addEventListener("touchstart",e=>this.menuCloseClick(i,e));});}if(this.menuOpen){this.menuOpen.addEventListener("click",e=>this.menuOpenClick(e));this.menuOpen.addEventListener("touchstart",e=>this.menuOpenClick(e));}if(this.contextButton){this.contextButton.addEventListener("click",e=>this.contextButtonClick(e));this.contextButton.addEventListener("touchstart",e=>this.contextButtonClick(e));}if(this.languageButton){this.languageButton.addEventListener("click",e=>this.languageButtonClick(e));this.languageButton.addEventListener("touchstart",e=>this.languageButtonClick(e));}if(this.contextLinks.length>0&&this.callback){this.contextLinks.forEach(contextLink=>{contextLink.addEventListener("click",e=>this.contextLinkClick(e));contextLink.addEventListener("touchstart",e=>this.contextLinkClick(e));});}if(this.languageLinks.length>0&&this.callback){this.languageLinks.forEach(languageLink=>{languageLink.addEventListener("click",e=>this.contextLinkClick(e));languageLink.addEventListener("touchstart",e=>this.contextLinkClick(e));});}if(this.searchBox){this.searchBox.addEventListener("click",ev=>{ev.stopPropagation();},false);}if(this.subNav){this.subNav.addEventListener("click",ev=>{ev.stopPropagation();},false);}window.addEventListener("resize",e=>{if(window.innerWidth>=1024){this.onResize(e);}});return this}handleContextLinkClick(event){event.preventDefault();this.callback(event);return this}handleKeyPress(e,callback){if(e.key==="Escape"){callback(e);}return this}handleLanguageButtonClick(e){e.preventDefault();e.stopImmediatePropagation();this.element.classList.toggle(`${this.prefix}--select--open`);return this}handleContextButtonClickOn(e){e.stopImmediatePropagation();this.element.classList.add(`${this.prefix}--context--open`);window.addEventListener("keydown",ev=>this.keyPress(ev,this.contextButtonClickOff),false);window.addEventListener("click",this.contextButtonClickOff);return this}handleContextButtonClickOff(e){e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--context--open`);window.removeEventListener("keydown",ev=>this.keyPress(ev,this.contextButtonClickOff),false);window.removeEventListener("click",this.contextButtonClickOff);return this}handleContextButtonClick(e){if(this.element.classList.contains(`${this.prefix}--context--open`)){this.contextButtonClickOff(e);}else {this.contextButtonClickOn(e);}return this}handleSearchButtonClickOn(e){e.stopImmediatePropagation();this.searchBox.style.display="block";window.setTimeout(()=>{this.element.classList.add(`${this.prefix}--search--open`);},10);setTimeout(()=>{this.searchInput.focus();},50);window.addEventListener("keydown",ev=>this.keyPress(ev,this.searchButtonClickOff),false);if(window.innerWidth>=1024){window.addEventListener("click",this.searchButtonClickOff,false);}return this}handleSearchButtonClickOff(e){e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--search--open`);window.setTimeout(()=>{this.searchBox.style.display="none";},225);window.removeEventListener("keydown",ev=>this.keyPress(ev,this.searchButtonClickOff),false);window.removeEventListener("click",this.searchButtonClickOff,false);return this}handleSearchButtonClick(e){this.element.classList.remove(`${this.prefix}--subnav--open`);if(this.element.classList.contains(`${this.prefix}--search--open`)){this.searchButtonClickOff(e);}else {this.searchButtonClickOn(e);}return this}handleMenuOpenClick(e){e.preventDefault();e.stopImmediatePropagation();this.element.classList.add(`${this.prefix}--mobile--open`);this.body.classList.add(`${this.prefix}--menu--open`);return this}handleSubnavClickOn(e){e.stopImmediatePropagation();this.subNav.style.display="block";window.setTimeout(()=>{this.element.classList.add(`${this.prefix}--subnav--open`);},10);window.addEventListener("keydown",ev=>this.keyPress(ev,this.subnavClickOff),false);if(window.innerWidth>=1024){window.addEventListener("click",this.subnavClickOff);}return this}handleSubnavClickOff(e){e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--subnav--open`);window.setTimeout(()=>{this.subNav.style.display="none";},150);window.removeEventListener("keydown",ev=>this.keyPress(ev,this.subnavClickOff),false);window.removeEventListener("click",this.subnavClickOff);return this}handleSubnavClick(e){e.preventDefault();e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--search--open`);if(this.element.classList.contains(`${this.prefix}--subnav--open`)){this.subnavClickOff(e);}else {this.subnavClickOn(e);}return this}handleSubnavBackClick(e){e.stopImmediatePropagation();e.preventDefault();this.subnavClickOff(e);this.element.classList.remove(`${this.prefix}--select--open`);return this}handleMenuCloseClick(i,e){e.preventDefault();e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--mobile--open`);this.element.classList.remove(`${this.prefix}--subnav--open`);this.body.classList.remove(`${this.prefix}--menu--open`);return this}handleResize(){this.element.classList.remove(`${this.prefix}--context--open`);this.element.classList.remove(`${this.prefix}--mobile--open`);this.element.classList.remove(`${this.prefix}--subnav--open`);this.element.classList.remove(`${this.prefix}--search--open`);return this}}
 
-  Drupal.behaviors.navigation={attach(){Array.prototype.forEach.call(document.querySelectorAll(`[data-loadcomponent="Navigation"]`),element=>{if(!element.dataset.jsProcessed){new Navigation(element);element.dataset.jsProcessed=true;}});}};
+  const warnNavigationDeprecated=(()=>{let warned=false;return ()=>{if(!warned&&typeof console!=="undefined"&&console.warn){console.warn("ILO Design System: The navigation.twig component is deprecated and will be removed in a future release. Switch to the SubsiteNav component with type=main.");warned=true;}}})();Drupal.behaviors.navigation={attach(){warnNavigationDeprecated();Array.prototype.forEach.call(document.querySelectorAll(`[data-loadcomponent="Navigation"]`),element=>{if(!element.dataset.jsProcessed){new Navigation(element);element.dataset.jsProcessed=true;}});}};
 
 })();

package/dist/components/navigation/navigation.behavior.js

@@ -3,6 +3,6 @@
 
   class Navigation{constructor(element,callback=null){this.element=element;this.prefix=this.element.dataset.prefix;this.callback=callback;this.init();}init(){this.cacheDomReferences().setupHandlers().enable();return this}cacheDomReferences(){this.subNav=this.element.querySelector(`.${this.prefix}--subnav`);this.subnavButton=this.element.querySelector(`.${this.prefix}--nav--trigger`);this.menuCloseSet=this.element.querySelectorAll(`.${this.prefix}--header--menu--close`);this.subnavBack=this.element.querySelectorAll(`.${this.prefix}--mobile--subnav--back`);this.menuOpen=this.element.querySelector(`.${this.prefix}--header--menu`);this.searchButton=this.element.querySelector(`.${this.prefix}--search--button`);this.searchBox=this.element.querySelector(`.${this.prefix}--search-box`);this.searchInput=this.searchBox?this.searchBox.querySelector("input"):null;this.contextButton=this.element.querySelector(`.${this.prefix}--language-switcher--button`);this.languageButton=this.element.querySelector(`.${this.prefix}--mobile--nav--language--switcher--button`);this.contextLinks=this.element.querySelectorAll(`.${this.prefix}--context-menu--link`);this.languageLinks=this.element.querySelectorAll(`.${this.prefix}--nav--language`);this.body=document.body;return this}setupHandlers(){this.subnavClick=this.handleSubnavClick.bind(this);this.subnavClickOff=this.handleSubnavClickOff.bind(this);this.subnavClickOn=this.handleSubnavClickOn.bind(this);this.subnavBackClick=this.handleSubnavBackClick.bind(this);this.menuCloseClick=this.handleMenuCloseClick.bind(this);this.menuOpenClick=this.handleMenuOpenClick.bind(this);this.languageButtonClick=this.handleLanguageButtonClick.bind(this);this.contextLinkClick=this.handleContextLinkClick.bind(this);this.onResize=this.handleResize.bind(this);this.keyPress=this.handleKeyPress.bind(this);this.contextButtonClick=this.handleContextButtonClick.bind(this);this.contextButtonClickOff=this.handleContextButtonClickOff.bind(this);this.contextButtonClickOn=this.handleContextButtonClickOn.bind(this);this.searchButtonClick=this.handleSearchButtonClick.bind(this);this.searchButtonClickOff=this.handleSearchButtonClickOff.bind(this);this.searchButtonClickOn=this.handleSearchButtonClickOn.bind(this);return this}enable(){if(this.subnavButton){this.subnavButton.addEventListener("click",e=>this.subnavClick(e));this.subnavButton.addEventListener("touchstart",e=>this.subnavClick(e));}if(this.subnavBack.length>0){this.subnavBack.forEach(button=>{button.addEventListener("click",e=>this.subnavBackClick(e));button.addEventListener("touchstart",e=>this.subnavBackClick(e));});}if(this.searchButton){this.searchButton.addEventListener("click",e=>this.searchButtonClick(e));this.searchButton.addEventListener("touchstart",e=>this.searchButtonClick(e));}if(this.menuCloseSet.length>0){this.menuCloseSet.forEach((closeButton,i)=>{closeButton.addEventListener("click",e=>this.menuCloseClick(i,e));closeButton.addEventListener("touchstart",e=>this.menuCloseClick(i,e));});}if(this.menuOpen){this.menuOpen.addEventListener("click",e=>this.menuOpenClick(e));this.menuOpen.addEventListener("touchstart",e=>this.menuOpenClick(e));}if(this.contextButton){this.contextButton.addEventListener("click",e=>this.contextButtonClick(e));this.contextButton.addEventListener("touchstart",e=>this.contextButtonClick(e));}if(this.languageButton){this.languageButton.addEventListener("click",e=>this.languageButtonClick(e));this.languageButton.addEventListener("touchstart",e=>this.languageButtonClick(e));}if(this.contextLinks.length>0&&this.callback){this.contextLinks.forEach(contextLink=>{contextLink.addEventListener("click",e=>this.contextLinkClick(e));contextLink.addEventListener("touchstart",e=>this.contextLinkClick(e));});}if(this.languageLinks.length>0&&this.callback){this.languageLinks.forEach(languageLink=>{languageLink.addEventListener("click",e=>this.contextLinkClick(e));languageLink.addEventListener("touchstart",e=>this.contextLinkClick(e));});}if(this.searchBox){this.searchBox.addEventListener("click",ev=>{ev.stopPropagation();},false);}if(this.subNav){this.subNav.addEventListener("click",ev=>{ev.stopPropagation();},false);}window.addEventListener("resize",e=>{if(window.innerWidth>=1024){this.onResize(e);}});return this}handleContextLinkClick(event){event.preventDefault();this.callback(event);return this}handleKeyPress(e,callback){if(e.key==="Escape"){callback(e);}return this}handleLanguageButtonClick(e){e.preventDefault();e.stopImmediatePropagation();this.element.classList.toggle(`${this.prefix}--select--open`);return this}handleContextButtonClickOn(e){e.stopImmediatePropagation();this.element.classList.add(`${this.prefix}--context--open`);window.addEventListener("keydown",ev=>this.keyPress(ev,this.contextButtonClickOff),false);window.addEventListener("click",this.contextButtonClickOff);return this}handleContextButtonClickOff(e){e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--context--open`);window.removeEventListener("keydown",ev=>this.keyPress(ev,this.contextButtonClickOff),false);window.removeEventListener("click",this.contextButtonClickOff);return this}handleContextButtonClick(e){if(this.element.classList.contains(`${this.prefix}--context--open`)){this.contextButtonClickOff(e);}else {this.contextButtonClickOn(e);}return this}handleSearchButtonClickOn(e){e.stopImmediatePropagation();this.searchBox.style.display="block";window.setTimeout(()=>{this.element.classList.add(`${this.prefix}--search--open`);},10);setTimeout(()=>{this.searchInput.focus();},50);window.addEventListener("keydown",ev=>this.keyPress(ev,this.searchButtonClickOff),false);if(window.innerWidth>=1024){window.addEventListener("click",this.searchButtonClickOff,false);}return this}handleSearchButtonClickOff(e){e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--search--open`);window.setTimeout(()=>{this.searchBox.style.display="none";},225);window.removeEventListener("keydown",ev=>this.keyPress(ev,this.searchButtonClickOff),false);window.removeEventListener("click",this.searchButtonClickOff,false);return this}handleSearchButtonClick(e){this.element.classList.remove(`${this.prefix}--subnav--open`);if(this.element.classList.contains(`${this.prefix}--search--open`)){this.searchButtonClickOff(e);}else {this.searchButtonClickOn(e);}return this}handleMenuOpenClick(e){e.preventDefault();e.stopImmediatePropagation();this.element.classList.add(`${this.prefix}--mobile--open`);this.body.classList.add(`${this.prefix}--menu--open`);return this}handleSubnavClickOn(e){e.stopImmediatePropagation();this.subNav.style.display="block";window.setTimeout(()=>{this.element.classList.add(`${this.prefix}--subnav--open`);},10);window.addEventListener("keydown",ev=>this.keyPress(ev,this.subnavClickOff),false);if(window.innerWidth>=1024){window.addEventListener("click",this.subnavClickOff);}return this}handleSubnavClickOff(e){e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--subnav--open`);window.setTimeout(()=>{this.subNav.style.display="none";},150);window.removeEventListener("keydown",ev=>this.keyPress(ev,this.subnavClickOff),false);window.removeEventListener("click",this.subnavClickOff);return this}handleSubnavClick(e){e.preventDefault();e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--search--open`);if(this.element.classList.contains(`${this.prefix}--subnav--open`)){this.subnavClickOff(e);}else {this.subnavClickOn(e);}return this}handleSubnavBackClick(e){e.stopImmediatePropagation();e.preventDefault();this.subnavClickOff(e);this.element.classList.remove(`${this.prefix}--select--open`);return this}handleMenuCloseClick(i,e){e.preventDefault();e.stopImmediatePropagation();this.element.classList.remove(`${this.prefix}--mobile--open`);this.element.classList.remove(`${this.prefix}--subnav--open`);this.body.classList.remove(`${this.prefix}--menu--open`);return this}handleResize(){this.element.classList.remove(`${this.prefix}--context--open`);this.element.classList.remove(`${this.prefix}--mobile--open`);this.element.classList.remove(`${this.prefix}--subnav--open`);this.element.classList.remove(`${this.prefix}--search--open`);return this}}
 
-  Drupal.behaviors.navigation={attach(){Array.prototype.forEach.call(document.querySelectorAll(`[data-loadcomponent="Navigation"]`),element=>{if(!element.dataset.jsProcessed){new Navigation(element);element.dataset.jsProcessed=true;}});}};
+  const warnNavigationDeprecated=(()=>{let warned=false;return ()=>{if(!warned&&typeof console!=="undefined"&&console.warn){console.warn("ILO Design System: The navigation.twig component is deprecated and will be removed in a future release. Switch to the SubsiteNav component with type=main.");warned=true;}}})();Drupal.behaviors.navigation={attach(){warnNavigationDeprecated();Array.prototype.forEach.call(document.querySelectorAll(`[data-loadcomponent="Navigation"]`),element=>{if(!element.dataset.jsProcessed){new Navigation(element);element.dataset.jsProcessed=true;}});}};
 
 })();

package/dist/styles/components/linklist.css

@@ -1 +1 @@
-@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--link-list{--ilo-link-list-color-icon:var(--ilo-color-blue-dark);--ilo-link-list-color-indent-icon:var(--ilo-color-gray-base)}.ilo--link-list--headline{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-xlg);font-weight:700;font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md);margin-bottom:1.0404340836rem}.ilo--link-list--links--headline{font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-lg);font-weight:700;font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);margin-bottom:.9782761332rem;margin-top:2.1036780625rem}.ilo--link-list--links--item.indented{padding-left:calc(var(--ilo-spacing-base)*8)}.ilo--link-list--links--item.indented .ilo--link-list--label{padding-left:calc(var(--ilo-spacing-base)*8);position:relative}.ilo--link-list--links--item.indented .ilo--link-list--label:before{background-color:var(--ilo-link-list-color-indent-icon);content:"";display:block;height:1.2861736334rem;left:0;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;top:50%;transform:translateY(-50%);transform-origin:center;width:1.2861736334rem}[dir=rtl] .ilo--link-list--links--item.indented .ilo--link-list--label{padding-right:calc(var(--ilo-spacing-base)*6)}[dir=rtl] .ilo--link-list--links--item.indented .ilo--link-list--label:before{background-color:var(--ilo-link-list-color-indent-icon);left:unset;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='m7 12 8 6V6z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='m7 12 8 6V6z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;right:0;transform:translateY(-50%)}.ilo--link-list--links--item.indented .ilo--link-list--link:focus,.ilo--link-list--links--item.indented .ilo--link-list--link:hover,.ilo--link-list--links--item.indented:focus,.ilo--link-list--links--item.indented:hover{--ilo-link-list-color-indent-icon:var(--ilo-color-blue)}.ilo--link-list .ilo--link-list--icon{background-color:var(--ilo-link-list-color-icon);height:1.2861736334rem;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.884 3.116 17.768 12l-8.884 8.884-1.768-1.768L14.232 12 7.116 4.884z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.884 3.116 17.768 12l-8.884 8.884-1.768-1.768L14.232 12 7.116 4.884z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;width:1.2861736334rem}.ilo--link-list .ilo--link-list--label{flex-basis:90%}.ilo--link-list--link{align-items:center;border-bottom:.1071811361rem solid #edf0f2;color:#230050;display:flex;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:500;font-weight:var(--ilo-font-weight-bold);justify-content:space-between;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding-bottom:calc(var(--ilo-spacing-base)*4);padding-top:calc(var(--ilo-spacing-base)*4);text-decoration:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--link-list--link:active,.ilo--link-list--link:visited{color:#230050;transition-duration:.15s;transition-property:color;transition-timing-function:ease-out}.ilo--link-list--link:active{outline:0}.ilo--link-list--link:focus,.ilo--link-list--link:hover{--ilo-link-list-color-icon:var(--ilo-color-blue);background-color:#ebf5fd;border-bottom:.1071811361rem solid #1e2dbe;color:#1e2dbe;outline:0;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}[dir=rtl] .ilo--link-list--link .ilo--link-list--icon{background-color:var(--ilo-link-list-color-icon);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='m15.116 3.116 1.768 1.768L9.768 12l7.116 7.116-1.768 1.768L6.232 12z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='m15.116 3.116 1.768 1.768L9.768 12l7.116 7.116-1.768 1.768L6.232 12z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--link-list--dark{--ilo-link-list-color-icon:var(--ilo-color-white);--ilo-link-list-color-indent-icon:var(--ilo-color-white)}.ilo--link-list--dark .ilo--link-list--headline,.ilo--link-list--dark .ilo--link-list--links--headline{color:#fff}.ilo--link-list--dark .ilo--link-list--link{border-bottom:.1071811361rem solid rgba(237,240,242,.4)}.ilo--link-list--dark .ilo--link-list--link .ilo--link-list--label{color:#fff}.ilo--link-list--dark .ilo--link-list--link:visited .ilo--link-list--label{color:#fff;transition-duration:.15s;transition-property:color;transition-timing-function:ease-out}.ilo--link-list--dark .ilo--link-list--link:active{outline:0}.ilo--link-list--dark .ilo--link-list--link:active .ilo--link-list--label{color:#230050;transition-duration:.15s;transition-property:color;transition-timing-function:ease-out}.ilo--link-list--dark .ilo--link-list--link:focus,.ilo--link-list--dark .ilo--link-list--link:hover{outline:0}.ilo--link-list--dark .ilo--link-list--link:focus .ilo--link-list--label,.ilo--link-list--dark .ilo--link-list--link:hover .ilo--link-list--label{color:#1e2dbe;transition-duration:.15s;transition-property:color;transition-timing-function:ease-out}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--link-list{--ilo-link-list-color-icon:var(--ilo-color-blue-dark);--ilo-link-list-color-indent-icon:var(--ilo-color-gray-base)}.ilo--link-list--headline{font-size:var(--ilo-font-size-xlg);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md);margin-bottom:1.0404340836rem}.ilo--link-list--headline,.ilo--link-list--links--headline{font-family:var(--ilo-fonts-display);font-weight:700;font-weight:var(--ilo-font-weight-bold)}.ilo--link-list--links--headline{font-size:var(--ilo-font-size-lg);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-lg);margin-bottom:.9782761332rem;margin-top:2.1036780625rem}.ilo--link-list--links--item.indented{padding-left:calc(var(--ilo-spacing-base)*8)}.ilo--link-list--links--item.indented .ilo--link-list--label{padding-left:calc(var(--ilo-spacing-base)*8);position:relative}.ilo--link-list--links--item.indented .ilo--link-list--label:before{background-color:var(--ilo-link-list-color-indent-icon);content:"";display:block;height:1.2861736334rem;left:0;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='M17 12 9 6v12z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;position:absolute;top:50%;transform:translateY(-50%);transform-origin:center;width:1.2861736334rem}[dir=rtl] .ilo--link-list--links--item.indented .ilo--link-list--label{padding-right:calc(var(--ilo-spacing-base)*6)}[dir=rtl] .ilo--link-list--links--item.indented .ilo--link-list--label:before{background-color:var(--ilo-link-list-color-indent-icon);left:unset;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='m7 12 8 6V6z'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath d='m7 12 8 6V6z'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;right:0;transform:translateY(-50%)}.ilo--link-list--links--item.indented .ilo--link-list--link:focus,.ilo--link-list--links--item.indented .ilo--link-list--link:hover,.ilo--link-list--links--item.indented:focus,.ilo--link-list--links--item.indented:hover{--ilo-link-list-color-indent-icon:var(--ilo-color-blue)}.ilo--link-list .ilo--link-list--icon{background-color:var(--ilo-link-list-color-icon);height:1.2861736334rem;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.884 3.116 17.768 12l-8.884 8.884-1.768-1.768L14.232 12 7.116 4.884z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='M8.884 3.116 17.768 12l-8.884 8.884-1.768-1.768L14.232 12 7.116 4.884z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;width:1.2861736334rem}.ilo--link-list .ilo--link-list--label{flex-basis:90%}.ilo--link-list--link{align-items:center;border-bottom:.1071811361rem solid #edf0f2;color:#230050;display:flex;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:500;font-weight:var(--ilo-font-weight-medium);justify-content:space-between;letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding-bottom:calc(var(--ilo-spacing-base)*4);padding-top:calc(var(--ilo-spacing-base)*4);text-decoration:none;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}.ilo--link-list--link:active,.ilo--link-list--link:visited{color:#230050;transition-duration:.15s;transition-property:color;transition-timing-function:ease-out}.ilo--link-list--link:active{outline:0}.ilo--link-list--link:focus,.ilo--link-list--link:hover{--ilo-link-list-color-icon:var(--ilo-color-blue);background-color:#ebf5fd;border-bottom:.1071811361rem solid #1e2dbe;color:#1e2dbe;outline:0;transition-duration:.15s;transition-property:color,background-color,border-color;transition-timing-function:ease-out}[dir=rtl] .ilo--link-list--link .ilo--link-list--icon{background-color:var(--ilo-link-list-color-icon);mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='m15.116 3.116 1.768 1.768L9.768 12l7.116 7.116-1.768 1.768L6.232 12z' clip-rule='evenodd'/%3E%3C/svg%3E");-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'%3E%3Cpath fill-rule='evenodd' d='m15.116 3.116 1.768 1.768L9.768 12l7.116 7.116-1.768 1.768L6.232 12z' clip-rule='evenodd'/%3E%3C/svg%3E");mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat}.ilo--link-list--dark{--ilo-link-list-color-icon:var(--ilo-color-white);--ilo-link-list-color-indent-icon:var(--ilo-color-white)}.ilo--link-list--dark .ilo--link-list--headline,.ilo--link-list--dark .ilo--link-list--links--headline{color:#fff}.ilo--link-list--dark .ilo--link-list--link{border-bottom:.1071811361rem solid rgba(237,240,242,.4)}.ilo--link-list--dark .ilo--link-list--link .ilo--link-list--label{color:#fff}.ilo--link-list--dark .ilo--link-list--link:visited .ilo--link-list--label{color:#fff;transition-duration:.15s;transition-property:color;transition-timing-function:ease-out}.ilo--link-list--dark .ilo--link-list--link:active{outline:0}.ilo--link-list--dark .ilo--link-list--link:active .ilo--link-list--label{color:#230050;transition-duration:.15s;transition-property:color;transition-timing-function:ease-out}.ilo--link-list--dark .ilo--link-list--link:focus,.ilo--link-list--dark .ilo--link-list--link:hover{outline:0}.ilo--link-list--dark .ilo--link-list--link:focus .ilo--link-list--label,.ilo--link-list--dark .ilo--link-list--link:hover .ilo--link-list--label{color:#1e2dbe;transition-duration:.15s;transition-property:color;transition-timing-function:ease-out}

package/dist/styles/components/tableofcontents.css

@@ -1 +1 @@
-@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--table-of-contents{background-color:#edf0f2;display:none;padding:0}.ilo--table-of-contents>*{opacity:0}.ilo--table-of-contents.show{display:block}.ilo--table-of-contents.show.fadein>*{opacity:1;transition-delay:125ms;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out}.ilo--table-of-contents--headline{border-bottom:.1607717042rem solid #edf0f2;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-xlg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md);margin-bottom:calc(var(--ilo-spacing-base)*6);margin-top:calc(var(--ilo-spacing-base)*2);padding-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--table-of-contents--wrapper.show{display:block;height:100vh;left:0;padding:calc(var(--ilo-spacing-base)*6);position:fixed;top:0;width:100vw;z-index:10001}@media screen and (min-width:1024px){.ilo--table-of-contents--wrapper.show{padding:0}}.ilo--table-of-contents--trigger{align-items:center;display:flex;justify-content:center;margin:calc(var(--ilo-spacing-base)*6) auto}.ilo--table-of-contents--trigger.hide{display:none}@media screen and (min-width:1024px){.ilo--table-of-contents{display:block}.ilo--table-of-contents>*{opacity:1}.ilo--table-of-contents--trigger{display:none}}.ilo--table-of-contents--modal{display:none}.ilo--table-of-contents--modal>*{opacity:0}.ilo--table-of-contents--modal.show{display:block}.ilo--table-of-contents--modal.show.fadein>*{opacity:1;transition-delay:125ms;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out}@media screen and (min-width:1024px){.ilo--table-of-contents--modal,.ilo--table-of-contents--modal.show{display:none}}.ilo--table-of-contents--modal .toc--modal--close{height:2.1436227224rem;position:absolute;right:0;top:0;width:2.1436227224rem;z-index:10004}.ilo--table-of-contents--modal .toc--modal--close .ilo--icon{left:.1607717042rem;top:.1607717042rem}.ilo--table-of-contents--link{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23230050' viewBox='0 0 24 24'%3E%3Cpath d='m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z'/%3E%3C/svg%3E");background-position:calc(100% - 16px);background-size:1.2861736334rem 1.2861736334rem;border-bottom:.1071811361rem solid #fff;color:#230050;display:block;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:500;font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*4);text-decoration:none}.ilo--table-of-contents--link,.ilo--table-of-contents--link:focus,.ilo--table-of-contents--link:hover{background-repeat:no-repeat;transition-duration:.15s;transition-property:background-color,border,color;transition-timing-function:ease-out}.ilo--table-of-contents--link:focus,.ilo--table-of-contents--link:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z'/%3E%3C/svg%3E");border-bottom:.1071811361rem solid #1e2dbe;color:#1e2dbe}.ilo--table-of-contents--link:active{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23230050' viewBox='0 0 24 24'%3E%3Cpath d='m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z'/%3E%3C/svg%3E");background-repeat:no-repeat;border-bottom:.1071811361rem solid #230050;color:#230050}[dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link{background-position:16px}[dir=rtl] .ilo--table-of-contents--modal .toc--modal--close{left:0;right:auto}
+@keyframes emptygradient{0%{opacity:1}to{opacity:0}}@keyframes spin{to{-moz-transform:rotate(1turn);-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.ilo--table-of-contents{background-color:#edf0f2;display:none;padding:0}.ilo--table-of-contents>*{opacity:0}.ilo--table-of-contents.show{display:block}.ilo--table-of-contents.show.fadein>*{opacity:1;transition-delay:125ms;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out}.ilo--table-of-contents--headline{border-bottom:.1607717042rem solid #edf0f2;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-xlg);font-weight:var(--ilo-font-weight-bold);letter-spacing:var(--ilo-letter-spacing-xsm);line-height:var(--ilo-line-height-md);margin-bottom:calc(var(--ilo-spacing-base)*6);margin-top:calc(var(--ilo-spacing-base)*2);padding-bottom:calc(var(--ilo-spacing-base)*4)}.ilo--table-of-contents--wrapper.show{display:block;height:100vh;left:0;padding:calc(var(--ilo-spacing-base)*6);position:fixed;top:0;width:100vw;z-index:10001}@media screen and (min-width:1024px){.ilo--table-of-contents--wrapper.show{padding:0}}.ilo--table-of-contents--trigger{align-items:center;display:flex;justify-content:center;margin:calc(var(--ilo-spacing-base)*6) auto}.ilo--table-of-contents--trigger.hide{display:none}@media screen and (min-width:1024px){.ilo--table-of-contents{display:block}.ilo--table-of-contents>*{opacity:1}.ilo--table-of-contents--trigger{display:none}}.ilo--table-of-contents--modal{display:none}.ilo--table-of-contents--modal>*{opacity:0}.ilo--table-of-contents--modal.show{display:block}.ilo--table-of-contents--modal.show.fadein>*{opacity:1;transition-delay:125ms;transition-duration:.15s;transition-property:opacity;transition-timing-function:ease-out}@media screen and (min-width:1024px){.ilo--table-of-contents--modal,.ilo--table-of-contents--modal.show{display:none}}.ilo--table-of-contents--modal .toc--modal--close{height:2.1436227224rem;position:absolute;right:0;top:0;width:2.1436227224rem;z-index:10004}.ilo--table-of-contents--modal .toc--modal--close .ilo--icon{left:.1607717042rem;top:.1607717042rem}.ilo--table-of-contents--link{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23230050' viewBox='0 0 24 24'%3E%3Cpath d='m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z'/%3E%3C/svg%3E");background-position:calc(100% - 16px);background-size:1.2861736334rem 1.2861736334rem;border-bottom:.1071811361rem solid #fff;color:#230050;display:block;font-family:var(--ilo-fonts-display);font-size:var(--ilo-font-size-md);font-weight:500;font-weight:var(--ilo-font-weight-medium);letter-spacing:var(--ilo-letter-spacing-sm);line-height:var(--ilo-line-height-xlg);padding-block:calc(var(--ilo-spacing-base)*4);padding-inline:calc(var(--ilo-spacing-base)*4) calc(var(--ilo-spacing-base)*12);text-decoration:none}.ilo--table-of-contents--link,.ilo--table-of-contents--link:focus,.ilo--table-of-contents--link:hover{background-repeat:no-repeat;transition-duration:.15s;transition-property:background-color,border,color;transition-timing-function:ease-out}.ilo--table-of-contents--link:focus,.ilo--table-of-contents--link:hover{background-color:#ebf5fd;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231E2DBE' viewBox='0 0 24 24'%3E%3Cpath d='m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z'/%3E%3C/svg%3E");border-bottom:.1071811361rem solid #1e2dbe;color:#1e2dbe}.ilo--table-of-contents--link:active{background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23230050' viewBox='0 0 24 24'%3E%3Cpath d='m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z'/%3E%3C/svg%3E");background-repeat:no-repeat;border-bottom:.1071811361rem solid #230050;color:#230050}[dir=rtl] .ilo--table-of-contents .ilo--table-of-contents--link{background-position:16px}[dir=rtl] .ilo--table-of-contents--modal .toc--modal--close{left:0;right:auto}