website-utilities 1.0.439 → 1.0.442

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 (6) hide show
  1. package/index.compiled.css +1 -1
  2. package/index.d.ts +5 -4
  3. package/index.js +1 -1
  4. package/index.scss +227 -229
  5. package/package.json +7 -7
  6. package/type.d.ts +3 -0
package/index.compiled.css CHANGED
@@ -1 +1 @@
1
- :root{--wu-default-space:20px;--wu-overflow-navigation-height-estimation:400px;--wu-extra-extra-small-width:360px;--wu-extra-small-width:500px;--wu-small-width:768px;--wu-medium-width:992px;--wu-large-width:1200px;--wu-theme-background:#fff;--wu-theme-primary:#76b82a;--wu-theme-on-primary:#f0f6fc;--wu-theme-secondary:#238636;--wu-theme-on-secondary:#d6e9da;--wu-theme-error:#723637;--wu-theme-on-error:#fff;--wu-theme-surface:#21262d;--wu-theme-on-surface:#bbc2ca;--wu-typography-font-family:Open Sans,open-sans,sans-serif;--wu-typography-font-family-headline:Open Sans Condensed,open-sans-condensed,sans-serif;--wu-toggle-mobile-menu-animation-duration:0.25s}website-utilities h1,website-utilities h2,website-utilities h3,website-utilities h4,website-utilities h5,website-utilities h6{font-family:var(--wu-typography-font-family,"Open Sans",open-sans,sans-serif);line-height:1.1}website-utilities h1,website-utilities h2{font-family:var(--wu-typography-font-family-headline,"Open Sans Condensed",open-sans-condensed,sans-serif);font-weight:400;font-size:3em}website-utilities h2{font-size:2em}website-utilities a,website-utilities a:focus,website-utilities a:hover,website-utilities a:visited{outline:none;-webkit-text-decoration:none;text-decoration:none}website-utilities .wu-action{cursor:pointer}website-utilities .wu-disable-scrolling{height:100%!important;overflow:hidden!important}website-utilities .wu-section-active{display:block}website-utilities .wu-section-inactive{display:none}website-utilities .wu-select{position:relative}website-utilities .wu-select__arrow{position:absolute;top:3px;right:15px;pointer-events:none}website-utilities .wu-select__arrow span{vertical-align:bottom;font-size:10px}website-utilities .wu-select select{position:static!important;padding-left:7px!important;padding-right:25px!important}website-utilities .wu-select select::-ms-expand{display:none}website-utilities .wu-checkbox{margin-top:2px;padding-top:3px}website-utilities .wu-checkbox label{padding-left:40px}website-utilities .wu-checkbox label .wu-checkbox__wrapper{margin-top:-2px;margin-left:-40px;position:absolute}website-utilities .wu-checkbox label .wu-checkbox__wrapper .wu-checkbox__wrapper__styled{border-radius:4px;border:2px solid var(--wu-theme-primary,#76b82a);cursor:pointer;float:right;height:25px;padding:0;width:25px}website-utilities .wu-checkbox label .wu-checkbox__wrapper .wu-checkbox__wrapper__styled .wu-checkbox__wrapper__styled__checked{background:transparent;border:3px solid var(--wu-theme-on-primary,#f0f6fc);border-top:none;border-right:none;height:8px;left:4px;opacity:0;position:absolute;top:5px;transform:rotate(-45deg);width:13px}website-utilities .wu-checkbox label .wu-checkbox__wrapper input[type=checkbox]{display:none}website-utilities .wu-checkbox label .wu-checkbox__wrapper input[type=checkbox]:checked~.wu-checkbox-styled>.wu-checkbox-styled-checked{opacity:1}website-utilities .wu-checkbox label .wu-checkbox__wrapper input[type=checkbox]:disabled~.wu-checkbox-styled{background-color:var(--wu-theme-surface,#21262d)}website-utilities .wu-scroll-to-top{display:block;transition-property:bottom,opacity;transition-duration:.5s;position:fixed;right:var(--wu-default-space,20px)}website-utilities .wu-scroll-to-top.wu-scroll-up{bottom:calc(var(--wu-default-space, 20px)*3);opacity:0}website-utilities .wu-scroll-to-top.wu-scroll-down{bottom:var(--wu-default-space,20px);opacity:1}website-utilities .wu-scroll-to-top.wu-top-settled{display:none}website-utilities .wu-priority-navigation{position:relative;overflow:visible}website-utilities .wu-priority-navigation.wu-priority-navigation--resizing{overflow:hidden}website-utilities .wu-priority-navigation .wu-priority-navigation__list,website-utilities .wu-priority-navigation .wu-priority-navigation__overflow-list li{position:relative}website-utilities .wu-priority-navigation .wu-priority-navigation__link{display:inline-block}website-utilities .wu-priority-navigation .wu-priority-navigation__link:after{content:" ";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box}website-utilities .wu-priority-navigation .wu-priority-navigation__list{list-style:none}website-utilities .wu-priority-navigation .wu-priority-navigation__list li{display:inline-block;position:relative}website-utilities .wu-priority-navigation .wu-priority-navigation__list li.wu-priority-navigation__list__overflow-indicator{display:none}website-utilities .wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator{cursor:pointer;width:2rem;height:2rem;position:absolute!important;padding-top:1rem}website-utilities .wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title{transition:all var(--wu-toggle-mobile-menu-animation-duration);position:absolute;width:2rem;height:2rem}website-utilities .wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon{transition:all var(--wu-toggle-mobile-menu-animation-duration);position:relative;transform:rotate(0deg);width:30px;height:1px}website-utilities .wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:after,website-utilities .wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:before{position:absolute;transition:all var(--wu-toggle-mobile-menu-animation-duration);content:"";transform:rotate(0deg);width:30px;height:1px}website-utilities .wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:before{top:-10px}website-utilities .wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:after{top:10px}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__overflow-list{transition:all var(--wu-toggle-mobile-menu-animation-duration);height:0;max-height:0;width:-moz-max-content;width:max-content;list-style:none;overflow:hidden}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__overflow-list ul{list-style:none;padding:0;letter-spacing:.4em}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__overflow-list li:first-child{margin-top:0}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__overflow-list li{transition:all var(--wu-toggle-mobile-menu-animation-duration);color:#fff}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__overflow-list a{cursor:pointer}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__list__overflow-indicator{display:inline-block!important}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__overflow-list{height:100%;width:100%;max-height:var(--wu-overflow-navigation-height-estimation)}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon{transform:rotate(180deg);background-color:transparent!important}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:after,website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:before{top:0}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:before{transform:rotate(45deg)}website-utilities .wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:after{transform:rotate(-45deg)}website-utilities .wu-priority-navigation .wu-priority-navigation__list__item--hide{display:none!important}.wu-window-loading-cover{background-color:var(--wu-surface-color,#21262d);top:0;left:0;position:fixed;height:100%;width:100%;z-index:1002!important}.wu-window-loading-cover .loading-text{position:absolute;inset:0;margin:auto;text-align:center;width:100%;height:100px;line-height:100px}.wu-window-loading-cover .loading-text span{display:inline-block;margin:0 5px;color:var(--wu-on-surface-color,#bbc2ca)}.wu-window-loading-cover .loading-text span:first-child{filter:blur(0);animation:blur-text 1.5s linear 0s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(2){filter:blur(0);animation:blur-text 1.5s linear .2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(3){filter:blur(0);animation:blur-text 1.5s linear .4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(4){filter:blur(0);animation:blur-text 1.5s linear .6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(5){filter:blur(0);animation:blur-text 1.5s linear .8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(6){filter:blur(0);animation:blur-text 1.5s linear 1s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(7){filter:blur(0);animation:blur-text 1.5s linear 1.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(8){filter:blur(0);animation:blur-text 1.5s linear 1.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(9){filter:blur(0);animation:blur-text 1.5s linear 1.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(10){filter:blur(0);animation:blur-text 1.5s linear 1.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(11){filter:blur(0);animation:blur-text 1.5s linear 2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(12){filter:blur(0);animation:blur-text 1.5s linear 2.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(13){filter:blur(0);animation:blur-text 1.5s linear 2.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(14){filter:blur(0);animation:blur-text 1.5s linear 2.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(15){filter:blur(0);animation:blur-text 1.5s linear 2.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(16){filter:blur(0);animation:blur-text 1.5s linear 3s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(17){filter:blur(0);animation:blur-text 1.5s linear 3.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(18){filter:blur(0);animation:blur-text 1.5s linear 3.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(19){filter:blur(0);animation:blur-text 1.5s linear 3.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(20){filter:blur(0);animation:blur-text 1.5s linear 3.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(21){filter:blur(0);animation:blur-text 1.5s linear 4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(22){filter:blur(0);animation:blur-text 1.5s linear 4.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(23){filter:blur(0);animation:blur-text 1.5s linear 4.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(24){filter:blur(0);animation:blur-text 1.5s linear 4.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(25){filter:blur(0);animation:blur-text 1.5s linear 4.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(26){filter:blur(0);animation:blur-text 1.5s linear 5s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(27){filter:blur(0);animation:blur-text 1.5s linear 5.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(28){filter:blur(0);animation:blur-text 1.5s linear 5.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(29){filter:blur(0);animation:blur-text 1.5s linear 5.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(30){filter:blur(0);animation:blur-text 1.5s linear 5.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(31){filter:blur(0);animation:blur-text 1.5s linear 6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(32){filter:blur(0);animation:blur-text 1.5s linear 6.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(33){filter:blur(0);animation:blur-text 1.5s linear 6.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(34){filter:blur(0);animation:blur-text 1.5s linear 6.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(35){filter:blur(0);animation:blur-text 1.5s linear 6.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(36){filter:blur(0);animation:blur-text 1.5s linear 7s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(37){filter:blur(0);animation:blur-text 1.5s linear 7.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(38){filter:blur(0);animation:blur-text 1.5s linear 7.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(39){filter:blur(0);animation:blur-text 1.5s linear 7.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(40){filter:blur(0);animation:blur-text 1.5s linear 7.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(41){filter:blur(0);animation:blur-text 1.5s linear 8s infinite alternate}::view-transition-old(wu-menu-highlight){height:100%}::view-transition-new(wu-menu-highlight){height:100%}@keyframes blur-text{0%{filter:blur(0)}to{filter:blur(4px)}}
1
+ :root{--wu-default-space:20px;--wu-overflow-navigation-height-estimation:400px;--wu-extra-extra-small-width:360px;--wu-extra-small-width:500px;--wu-small-width:768px;--wu-medium-width:992px;--wu-large-width:1200px;--wu-theme-background:#fff;--wu-theme-primary:#76b82a;--wu-theme-on-primary:#f0f6fc;--wu-theme-secondary:#238636;--wu-theme-on-secondary:#d6e9da;--wu-theme-error:#723637;--wu-theme-on-error:#fff;--wu-theme-surface:#21262d;--wu-theme-on-surface:#bbc2ca;--wu-typography-font-family:Open Sans,open-sans,sans-serif;--wu-typography-font-family-headline:Open Sans Condensed,open-sans-condensed,sans-serif;--wu-toggle-mobile-menu-animation-duration:0.25s}.wu h1,.wu h2,.wu h3,.wu h4,.wu h5,.wu h6{font-family:var(--wu-typography-font-family,"Open Sans",open-sans,sans-serif);line-height:1.1}.wu h1,.wu h2{font-family:var(--wu-typography-font-family-headline,"Open Sans Condensed",open-sans-condensed,sans-serif);font-weight:400;font-size:3em}.wu h2{font-size:2em}.wu a,.wu a:focus,.wu a:hover,.wu a:visited{outline:none;-webkit-text-decoration:none;text-decoration:none}.wu-action{cursor:pointer}.wu-disable-scrolling{height:100%!important;overflow:hidden!important}.wu-section-active{display:block}.wu-section-inactive{display:none}.wu-select{position:relative}.wu-select__arrow{position:absolute;top:3px;right:15px;pointer-events:none}.wu-select__arrow span{vertical-align:bottom;font-size:10px}.wu-select select{position:static!important;padding-left:7px!important;padding-right:25px!important}.wu-select select::-ms-expand{display:none}.wu-checkbox{margin-top:2px;padding-top:3px}.wu-checkbox label{padding-left:40px}.wu-checkbox label .wu-checkbox__wrapper{margin-top:-2px;margin-left:-40px;position:absolute}.wu-checkbox label .wu-checkbox__wrapper .wu-checkbox__wrapper__styled{border-radius:4px;border:2px solid var(--wu-theme-primary,#76b82a);cursor:pointer;float:right;height:25px;padding:0;width:25px}.wu-checkbox label .wu-checkbox__wrapper .wu-checkbox__wrapper__styled .wu-checkbox__wrapper__styled__checked{background:transparent;border:3px solid var(--wu-theme-on-primary,#f0f6fc);border-top:none;border-right:none;height:8px;left:4px;opacity:0;position:absolute;top:5px;transform:rotate(-45deg);width:13px}.wu-checkbox label .wu-checkbox__wrapper input[type=checkbox]{display:none}.wu-checkbox label .wu-checkbox__wrapper input[type=checkbox]:checked~.wu-checkbox-styled>.wu-checkbox-styled-checked{opacity:1}.wu-checkbox label .wu-checkbox__wrapper input[type=checkbox]:disabled~.wu-checkbox-styled{background-color:var(--wu-theme-surface,#21262d)}.wu-scroll-to-top{display:block;transition-property:bottom,opacity;transition-duration:.5s;position:fixed;right:var(--wu-default-space,20px)}.wu-scroll-to-top.wu-scroll-up{bottom:calc(var(--wu-default-space, 20px)*3);opacity:0}.wu-scroll-to-top.wu-scroll-down{bottom:var(--wu-default-space,20px);opacity:1}.wu-scroll-to-top.wu-top-settled{display:none}.wu-priority-navigation{position:relative;overflow:visible}.wu-priority-navigation.wu-priority-navigation--resizing{overflow:hidden}.wu-priority-navigation .wu-priority-navigation__list,.wu-priority-navigation .wu-priority-navigation__overflow-list li{position:relative}.wu-priority-navigation .wu-priority-navigation__link{display:inline-block}.wu-priority-navigation .wu-priority-navigation__link:after{content:" ";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box}.wu-priority-navigation .wu-priority-navigation__list{list-style:none}.wu-priority-navigation .wu-priority-navigation__list li{display:inline-block;position:relative}.wu-priority-navigation .wu-priority-navigation__list li.wu-priority-navigation__list__overflow-indicator{display:none}.wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator{cursor:pointer;width:2rem;height:2rem;position:absolute!important;padding-top:1rem}.wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title{transition:all var(--wu-toggle-mobile-menu-animation-duration);position:absolute;width:2rem;height:2rem}.wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon{transition:all var(--wu-toggle-mobile-menu-animation-duration);position:relative;transform:rotate(0deg);width:30px;height:1px}.wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:after,.wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:before{position:absolute;transition:all var(--wu-toggle-mobile-menu-animation-duration);content:"";transform:rotate(0deg);width:30px;height:1px}.wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:before{top:-10px}.wu-priority-navigation .wu-priority-navigation__list .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:after{top:10px}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__overflow-list{transition:all var(--wu-toggle-mobile-menu-animation-duration);height:0;max-height:0;width:-moz-max-content;width:max-content;list-style:none;overflow:hidden}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__overflow-list ul{list-style:none;padding:0;letter-spacing:.4em}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__overflow-list li:first-child{margin-top:0}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__overflow-list li{transition:all var(--wu-toggle-mobile-menu-animation-duration);color:#fff}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__overflow-list a{cursor:pointer}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator .wu-priority-navigation__list__overflow-indicator{display:inline-block!important}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__overflow-list{height:100%;width:100%;max-height:var(--wu-overflow-navigation-height-estimation)}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon{transform:rotate(180deg);background-color:transparent!important}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:after,.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:before{top:0}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:before{transform:rotate(45deg)}.wu-priority-navigation.wu-priority-navigation--show-overflow-indicator.wu-priority-navigation--overflow-open .wu-priority-navigation__list__overflow-indicator .wu-priority-navigation__list__overflow-indicator__title .wu-priority-navigation__list__overflow-indicator__title__icon:after{transform:rotate(-45deg)}.wu-priority-navigation .wu-priority-navigation__list__item--hide{display:none!important}.wu-window-loading-cover{background-color:var(--wu-surface-color,#21262d);top:0;left:0;position:fixed;height:100%;width:100%;z-index:1002!important}.wu-window-loading-cover .loading-text{position:absolute;inset:0;margin:auto;text-align:center;width:100%;height:100px;line-height:100px}.wu-window-loading-cover .loading-text span{display:inline-block;margin:0 5px;color:var(--wu-on-surface-color,#bbc2ca)}.wu-window-loading-cover .loading-text span:first-child{filter:blur(0);animation:blur-text 1.5s linear 0s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(2){filter:blur(0);animation:blur-text 1.5s linear .2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(3){filter:blur(0);animation:blur-text 1.5s linear .4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(4){filter:blur(0);animation:blur-text 1.5s linear .6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(5){filter:blur(0);animation:blur-text 1.5s linear .8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(6){filter:blur(0);animation:blur-text 1.5s linear 1s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(7){filter:blur(0);animation:blur-text 1.5s linear 1.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(8){filter:blur(0);animation:blur-text 1.5s linear 1.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(9){filter:blur(0);animation:blur-text 1.5s linear 1.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(10){filter:blur(0);animation:blur-text 1.5s linear 1.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(11){filter:blur(0);animation:blur-text 1.5s linear 2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(12){filter:blur(0);animation:blur-text 1.5s linear 2.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(13){filter:blur(0);animation:blur-text 1.5s linear 2.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(14){filter:blur(0);animation:blur-text 1.5s linear 2.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(15){filter:blur(0);animation:blur-text 1.5s linear 2.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(16){filter:blur(0);animation:blur-text 1.5s linear 3s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(17){filter:blur(0);animation:blur-text 1.5s linear 3.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(18){filter:blur(0);animation:blur-text 1.5s linear 3.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(19){filter:blur(0);animation:blur-text 1.5s linear 3.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(20){filter:blur(0);animation:blur-text 1.5s linear 3.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(21){filter:blur(0);animation:blur-text 1.5s linear 4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(22){filter:blur(0);animation:blur-text 1.5s linear 4.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(23){filter:blur(0);animation:blur-text 1.5s linear 4.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(24){filter:blur(0);animation:blur-text 1.5s linear 4.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(25){filter:blur(0);animation:blur-text 1.5s linear 4.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(26){filter:blur(0);animation:blur-text 1.5s linear 5s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(27){filter:blur(0);animation:blur-text 1.5s linear 5.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(28){filter:blur(0);animation:blur-text 1.5s linear 5.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(29){filter:blur(0);animation:blur-text 1.5s linear 5.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(30){filter:blur(0);animation:blur-text 1.5s linear 5.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(31){filter:blur(0);animation:blur-text 1.5s linear 6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(32){filter:blur(0);animation:blur-text 1.5s linear 6.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(33){filter:blur(0);animation:blur-text 1.5s linear 6.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(34){filter:blur(0);animation:blur-text 1.5s linear 6.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(35){filter:blur(0);animation:blur-text 1.5s linear 6.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(36){filter:blur(0);animation:blur-text 1.5s linear 7s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(37){filter:blur(0);animation:blur-text 1.5s linear 7.2s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(38){filter:blur(0);animation:blur-text 1.5s linear 7.4s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(39){filter:blur(0);animation:blur-text 1.5s linear 7.6s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(40){filter:blur(0);animation:blur-text 1.5s linear 7.8s infinite alternate}.wu-window-loading-cover .loading-text span:nth-child(41){filter:blur(0);animation:blur-text 1.5s linear 8s infinite alternate}::view-transition-old(wu-menu-highlight){height:100%}::view-transition-new(wu-menu-highlight){height:100%}@keyframes blur-text{0%{filter:blur(0)}to{filter:blur(4px)}}
package/index.d.ts CHANGED
@@ -108,9 +108,11 @@ export declare class WebsiteUtilities<TElement = HTMLElement, ExternalProperties
108
108
  */
109
109
  render(reason?: string, resolveRendering?: boolean): Promise<void>;
110
110
  /**
111
- * Frees some memory.
111
+ * Should free up memory listeners related to deprecated HTML.
112
+ * @param reason - Description why rendering is necessary.
113
+ * @param reRenderReason - Description why a re-rendering is necessary.
112
114
  */
113
- disconnectedCallback(): void;
115
+ unRender(reason?: string, reRenderReason?: string): void;
114
116
  grabDomNodes(): void;
115
117
  /**
116
118
  * This method disables scrolling on the given web view.
@@ -166,9 +168,8 @@ export declare class WebsiteUtilities<TElement = HTMLElement, ExternalProperties
166
168
  /**
167
169
  * Removes class names from scroll-to-top buttons to stop running
168
170
  * transitions.
169
- * @param classNames - Optional class names to remove.
170
171
  */
171
- _finishScrollToTopButtonTransition(classNames?: Array<string> | string): void;
172
+ _finishScrollToTopButtonTransition(): void;
172
173
  /**
173
174
  * This method triggers if the view port arrives at special areas.
174
175
  */
package/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";if("undefined"!=typeof module&&null!==module&&"undefined"!==eval("typeof require")&&null!==eval("require")&&"main"in eval("require")&&"undefined"!==eval("typeof require.main")&&null!==eval("require.main")){var ORIGINAL_MAIN_MODULE=module;module!==eval("require.main")&&"paths"in module&&"paths"in eval("require.main")&&"undefined"!=typeof __dirname&&null!==__dirname&&(module.paths=eval("require.main.paths").concat(module.paths.filter((function(path){return eval("require.main.paths").includes(path)}))))}if(null==window)var window="undefined"==typeof global||null===global?{}:global;!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@babel/runtime/helpers/applyDecoratedDescriptor"),require("@babel/runtime/helpers/initializerDefineProperty"),require("@babel/runtime/helpers/initializerWarningHelper"),require("clientnode"),require("clientnode/property-types"),require("web-component-wrapper/Web"),require("web-component-wrapper/decorator"));else if("function"==typeof define&&define.amd)define(["@babel/runtime/helpers/applyDecoratedDescriptor","@babel/runtime/helpers/initializerDefineProperty","@babel/runtime/helpers/initializerWarningHelper","clientnode","clientnode/property-types","web-component-wrapper/Web","web-component-wrapper/decorator"],t);else{var o="object"==typeof exports?t(require("@babel/runtime/helpers/applyDecoratedDescriptor"),require("@babel/runtime/helpers/initializerDefineProperty"),require("@babel/runtime/helpers/initializerWarningHelper"),require("clientnode"),require("clientnode/property-types"),require("web-component-wrapper/Web"),require("web-component-wrapper/decorator")):t(e["@babel/runtime/helpers/applyDecoratedDescriptor"],e["@babel/runtime/helpers/initializerDefineProperty"],e["@babel/runtime/helpers/initializerWarningHelper"],e.clientnode,e["clientnode/property-types"],e["web-component-wrapper/Web"],e["web-component-wrapper/decorator"]);for(var i in o)("object"==typeof exports?exports:e)[i]=o[i]}}(this,((e,t,o,i,n,r,s)=>(()=>{var a=[,,,e=>{e.exports=t},t=>{t.exports=e},e=>{e.exports=o},e=>{e.exports=i},e=>{e.exports=n},e=>{e.exports=s},e=>{e.exports=r}],l={};function c(e){var t=l[e];if(void 0!==t)return t.exports;var o=l[e]={exports:{}};return a[e](o,o.exports,c),o.exports}c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var o in t)c.o(t,o)&&!c.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var p={};return(()=>{c.r(p),c.d(p,{WebsiteUtilities:()=>P,api:()=>M,default:()=>z,log:()=>E});var e,t,o,i,n,r,s,a,l,u,d,h,m,v,w,f,g,b,y,N,S,T,C,L,D=c(3),O=c.n(D),_=c(4),k=c.n(_),x=(c(5),c(6)),I=c(7),A=c(8),q=c(9);const E=new x.Logger({name:"website-utilities"});let P=(e=(0,A.property)({type:I.object}),t=(0,A.property)({type:I.func}),o=(0,A.property)({type:I.func}),i=(0,A.property)({type:I.func}),n=(0,A.property)({type:I.func}),r=(0,A.property)({type:I.func}),s=(0,A.property)({type:I.func}),a=(0,A.property)({type:I.func}),l=(0,A.property)({type:I.func}),u=(0,A.property)({type:I.func}),d=(0,A.property)({type:I.func}),L=class e extends q.Web{constructor(){super(),this.self=e,O()(this,"options",m,this),O()(this,"onStartUpAnimationComplete",v,this),O()(this,"onSwitchSection",w,this),O()(this,"onViewportMovesAwayFromTop",f,this),O()(this,"onViewportMovesToTop",g,this),O()(this,"onUnfocusResponsiveMenu",b,this),O()(this,"onLoaded",y,this),O()(this,"onButtonClick",N,this),O()(this,"onSectionSwitch",S,this),O()(this,"onLinkClick",T,this),O()(this,"onTrack",C,this),this.currentSectionName="",this.startUpAnimationIsComplete=!1,this.viewportIsOnTop=void 0,this.observerDeregisters=[],this.windowLoadingCoverDomNode=null,this.topDomNode=null,this.priorityNavigationDomNodes=null,this.routerOutletDomNode=null,this.sectionDomNodes={},this.scrollToTopButtonDomNodes=null,this.defineGetterAndSetterInterface()}async onUpdateAttribute(e,t){await super.onUpdateAttribute(e,t),"options"===e&&this._extendOptions()}async render(e="unknown",t=!0){if(await super.render(e,!1),0===Object.keys(this.options).length&&this._extendOptions(),this.disableScrolling(),!this.self.windowLoaded){const e=()=>{this.self.windowLoaded||(this.self.windowLoaded=!0,this._removeLoadingCover().then((()=>{this.enableScrolling(),this._performStartUpEffects().then((()=>{this.addMenuHighlighterViewTransition()})),this.onLoaded()})))};(0,x.onDocumentReady)((()=>{(0,x.timeout)(e,this.options.windowLoadedTimeoutAfterDocLoadedInMSec)})),x.globalContext.window&&this.addSecureEventListener(x.globalContext.window,"load",e)}await this.waitForNestedComponentRendering(),this.grabDomNodes(),this._bindScrollEvents(),this._bindClickTracking(),await this._initializeRouting(),this.initializePriorityNavigation(),await this.resolveRenderingPromiseIfSet(e,t)}disconnectedCallback(){super.disconnectedCallback();for(const e of this.observerDeregisters)e()}grabDomNodes(){var e,t,o;this.topDomNode=this.hostDomNode.querySelector(this.options.selectors.top),this.scrollToTopButtonDomNodes=this.hostDomNode.querySelectorAll(this.options.selectors.scrollToTopButtons),this.priorityNavigationDomNodes=this.hostDomNode.querySelectorAll(`.${this.options.selectors.priorityNavigationClassName}`),this.routerOutletDomNode=this.hostDomNode.querySelector(this.options.selectors.routerOutlet);for(const e of null!==(i=this.routerOutletDomNode?.children)&&void 0!==i?i:[]){var i;const t=e.getAttribute("data-website-utilities-section");""===t?this.sectionDomNodes.default=e:t&&this.options.sectionNames.managed.includes(t)&&(this.sectionDomNodes[t]=e)}this.windowLoadingCoverDomNode=null!==(e=null!==(t=null!==(o=this.hostDomNode.querySelector(this.options.selectors.windowLoadingCover))&&void 0!==o?o:this.hostDomNode.parentElement?.querySelector(this.options.selectors.windowLoadingCover))&&void 0!==t?t:x.globalContext.document?.body.querySelector(this.options.selectors.windowLoadingCover))&&void 0!==e?e:null}disableScrolling(){this.hostDomNode.parentElement&&(this.hostDomNode.parentElement.classList.add("wu-disable-scrolling"),this.addSecureEventListener(this.hostDomNode.parentElement,"touchmove",x.preventDefault))}enableScrolling(){this.hostDomNode.parentElement&&(this.hostDomNode.parentElement.classList.remove("wu-disable-scrolling"),this.hostDomNode.parentElement.classList.remove("touchmove"),this.hostDomNode.parentElement.removeEventListener("touchmove",x.preventDefault))}async track(e){if(x.globalContext.window?.location&&this.options.tracking){const t={context:`${x.globalContext.window.location.pathname}#`+this.currentSectionName,...e};("number"!=typeof t.value||isNaN(t.value))&&(t.value=1),E.debug('Run tracking code: "event" with arguments:'),E.debug(t);try{await this._onTrack(t)}catch(e){E.warn(`Problem in tracking "${(0,x.represent)(t)}":`,(0,x.represent)(e))}}}initializePriorityNavigation(){const{selectors:e}=this.options,t=e.priorityNavigationOverflowIndicatorClassName;if(0===this.priorityNavigationDomNodes?.length)return;for(const t of this.priorityNavigationDomNodes||[])for(const o of t.querySelectorAll(`[href="#${this.currentSectionName}"]`))o.classList.add(e.activeNavigationItemClassName);const o=()=>{for(const o of this.priorityNavigationDomNodes||[]){const i=o.querySelectorAll("ul > li"),n=Array.from(i).filter((e=>!e.classList.contains(t))),r=i[0].offsetTop;let s=[];for(const e of n){e.offsetTop!==r&&s.push(e)}n.length-s.length<this.options.minimumNumberOfMenuItems&&(s=n.slice());const a=o.querySelector(`.${t}`);if(s.length){const t=s.map((e=>{const t=e.cloneNode(!0);for(const e of t.querySelectorAll("[style]"))e.removeAttribute("style");return t}));for(const t of s)t.classList.add(e.priorityNavigationListItemHideClassName);const i=o.querySelector(e.priorityNavigationOverflowList);if(i)for(const e of t)i.append(e);if(a){const e=this.options.selectors.priorityNavigationShowOverflowIndicatorClassName;o.classList.add(e)}}else a&&o.classList.remove(this.options.selectors.priorityNavigationShowOverflowIndicatorClassName)}};for(const o of this.hostDomNode.querySelectorAll(`.${t}`)){const t=o.closest(`.${e.priorityNavigationClassName}`);this.addSecureEventListener(o,"click",(()=>{t?.classList.toggle(e.priorityNavigationOverflowOpenClassName)})),x.globalContext.document&&this.addSecureEventListener(x.globalContext.document,"click",(o=>{if(t?.classList.contains(e.priorityNavigationOverflowOpenClassName)){const i=Boolean(o.target&&(0,x.getParents)(o.target).some((e=>t===e))),n=this.onUnfocusResponsiveMenu(o,i);(!0===n||!i&&!1!==n)&&t.classList.remove(e.priorityNavigationOverflowOpenClassName)}}))}for(const t of this.priorityNavigationDomNodes||[]){const i=(0,x.trailingThrottle)((()=>{if(!t.classList.contains(e.priorityNavigationOverflowOpenClassName)){t.classList.add(e.priorityNavigationOverflowResizingClassName);for(const o of t.querySelectorAll(e.priorityNavigationOverflowList))for(;o.firstChild;)o.removeChild(o.firstChild);t.classList.remove(this.options.selectors.priorityNavigationShowOverflowIndicatorClassName);for(const o of t.querySelectorAll("ul > li"))o.classList.contains(e.priorityNavigationOverflowIndicatorClassName)||o.classList.remove(e.priorityNavigationListItemHideClassName);o(),t.classList.remove(e.priorityNavigationOverflowResizingClassName)}}),20),n=new ResizeObserver(i);this.observerDeregisters.push((()=>{n.unobserve(t)})),n.observe(t)}o()}addMenuHighlighterViewTransition(){if(!x.globalContext.document)return;const e=document.createElement("style");e.type="text/css";e.appendChild(x.globalContext.document.createTextNode("\n .wu-priority-navigation\n .wu-priority-navigation__link--active::after {\n view-transition-name: wu-menu-highlight;\n }\n ")),x.globalContext.document.getElementsByTagName("head")[0].appendChild(e)}activateNavigationItemHighlighters(e){const t=this.options.selectors.activeNavigationItemClassName;for(const o of this.priorityNavigationDomNodes||[]){for(const e of o.querySelectorAll(`.${t}`))e.classList.remove(t);for(const i of o.querySelectorAll(`[href="#${e}"]`))i.classList.add(t)}}triggerNavigationItemHighlighterSwitching(e){x.globalContext.document?.startViewTransition?x.globalContext.document.startViewTransition((()=>{this.activateNavigationItemHighlighters(e)})):this.activateNavigationItemHighlighters(e)}async _onButtonClick(e){if(!1===await this.onButtonClick(e))return;const t=e.target,o=(0,x.getText)(t).join(" ");this._onTrack({event:"buttonClick",eventType:"click",label:o,reference:t.getAttribute("action")||t.getAttribute("target")||t.getAttribute("type")||o,subject:"button",value:parseInt(t.getAttribute("website-analytics-value")||"1"),userInteraction:!0})}async _onSectionSwitch(e,t,o){!1!==await this.onSectionSwitch(e,t,o)&&x.globalContext.window?.location&&await this._onTrack({event:"sectionSwitch",eventType:"sectionSwitch",label:e,reference:`${x.globalContext.window.location.pathname}#${e}`,subject:"url",userInteraction:!1})}async _onLinkClick(e){if(!1===await this.onLinkClick(e))return;const t=e.target,o=(0,x.getText)(t).join(" ");this._onTrack({event:"linkClick",eventType:"click",label:o,reference:t.getAttribute("href")||t.getAttribute("action")||t.getAttribute("target")||t.getAttribute("type")||o,subject:"link",value:parseInt(t.getAttribute("website-analytics-value")||"1"),userInteraction:!0})}async _onTrack(e){!1!==await this.onTrack(e)&&this.options.tracking&&x.globalContext.dataLayer?.push(e)}_onViewportMovesToTop(){this._finishScrollToTopButtonTransition();for(const t of null!==(e=this.scrollToTopButtonDomNodes)&&void 0!==e?e:[]){var e;const o=()=>{t.removeEventListener("transitionend",i),t.removeEventListener("transitioncancel",o)},i=()=>{this.viewportIsOnTop&&t.classList.add("wu-top-settled"),o()};t.addEventListener("transitionend",i,{once:!0}),t.addEventListener("transitioncancel",o,{once:!0}),t.classList.add("wu-scroll-up")}}async _onViewportMovesAwayFromTop(){this._finishScrollToTopButtonTransition("wu-top-settled"),await(0,x.timeout)(),this._finishScrollToTopButtonTransition();for(const t of null!==(e=this.scrollToTopButtonDomNodes)&&void 0!==e?e:[]){var e;t.classList.add("wu-scroll-down")}}async switchSection(e,t){if(x.globalContext.window&&"location"in x.globalContext.window&&(""===e||this.options.sectionNames.managed.includes(e)||this.options.sectionNames.unmanaged.includes(e))){var o,i;const n=Object.prototype.hasOwnProperty.call(this.sectionDomNodes,this.currentSectionName)?this.sectionDomNodes[this.currentSectionName]:null!==(o=this.sectionDomNodes.default)&&void 0!==o?o:null,r=Object.prototype.hasOwnProperty.call(this.sectionDomNodes,e)?this.sectionDomNodes[e]:null!==(i=this.sectionDomNodes.default)&&void 0!==i?i:null;await this.self.switchSectionLock.acquire(),this.triggerNavigationItemHighlighterSwitching(e),E.debug(`Run section switch from "${this.currentSectionName}" to`,`"${e}".`),this.currentSectionName===e?(n&&(n.classList.remove("wu-section-active"),n.classList.add("wu-section-inactive")),r&&(r.classList.remove("wu-section-inactive"),r.classList.add("wu-section-active"))):this.options.sectionNames.unmanaged.includes(e)&&this.options.sectionNames.unmanaged.includes(this.currentSectionName)||((0,x.interruptableScrollTo)(),n&&(await(0,x.fadeOut)(n),n.classList.remove("wu-section-active"),n.classList.add("wu-section-inactive")),r&&(r.classList.remove("wu-section-inactive"),r.classList.add("wu-section-active"),await(0,x.fadeIn)(r)));const s=this.currentSectionName;this.currentSectionName=e;try{await this._onSectionSwitch(this.currentSectionName,s,t)}catch(e){E.warn("Problem due to call section switch callback on section",`"${this.currentSectionName}": ${(0,x.represent)(e)}`)}await this.self.switchSectionLock.release()}}_extendOptions(){this.setPropertyValue("options",(0,x.extend)(!0,{},this.self._defaultOptions,this.options))}_initializeRouting(){""===this.currentSectionName&&(this.currentSectionName=this.options.sectionNames.default),this._bindNavigationEvents();const e=x.globalContext.location?.hash&&x.globalContext.location.hash.substring(1);e&&(this.options.sectionNames.managed.includes(e)||this.options.sectionNames.unmanaged.includes(e))&&(this.currentSectionName=e);for(const e of Object.values(this.sectionDomNodes))e.classList.add("wu-section-inactive");return this.switchSection(e||this.currentSectionName)}_finishScrollToTopButtonTransition(e=["wu-scroll-down","wu-scroll-up"]){for(const o of null!==(t=this.scrollToTopButtonDomNodes)&&void 0!==t?t:[]){var t;o.classList.remove(...[].concat(e))}}_bindScrollEvents(){if(x.globalContext.document)if(x.globalContext.window&&this.addSecureEventListener(x.globalContext.window,"scroll",(e=>{x.globalContext.window?.scrollY?this.viewportIsOnTop&&(this.viewportIsOnTop=!1,this._onViewportMovesAwayFromTop().then(this.onViewportMovesAwayFromTop.bind(this,e))):this.viewportIsOnTop||(this.viewportIsOnTop=!0,this._onViewportMovesToTop(),this.onViewportMovesToTop(e))})),x.globalContext.window?.scrollY)this.viewportIsOnTop=!1,this._onViewportMovesAwayFromTop().then((()=>{this.onViewportMovesAwayFromTop()}));else{this.viewportIsOnTop=!0;for(const t of null!==(e=this.scrollToTopButtonDomNodes)&&void 0!==e?e:[]){var e;t.classList.add("wu-top-settled")}this._onViewportMovesToTop(),this.onViewportMovesToTop()}}async _removeLoadingCover(){await(0,x.timeout)(this.options.additionalPageLoadingTimeInMilliseconds);for(const e of this.hostDomNode.querySelectorAll(`[class^="${this.options.selectors.startUpAnimationClassPrefix}"], [class*=" ${this.options.selectors.startUpAnimationClassPrefix}"]`))e.style.opacity="0";this.windowLoadingCoverDomNode&&await(0,x.fadeOut)(this.windowLoadingCoverDomNode)}async _performStartUpEffects(){const e=[];let t=1;for(;;){const o=this.hostDomNode.querySelectorAll("."+this.options.selectors.startUpAnimationClassPrefix+String(t));if(0===o.length){await Promise.all(e),this.startUpAnimationIsComplete=!0,this.onStartUpAnimationComplete();break}await(0,x.timeout)(this.options.startUpAnimationElementDelayInMilliseconds);for(const t of o){t.style.removeProperty("opacity");const o=(0,x.fadeIn)(t);e.push(o.then((()=>{o.resetStyles()})))}t+=1}}_bindNavigationEvents(){x.globalContext.window&&this.addSecureEventListener(x.globalContext.window,"hashchange",(e=>{if(this.startUpAnimationIsComplete){const t=location.hash.substring(1);this.switchSection(t,e)}})),this._bindScrollToTopButton()}_bindScrollToTopButton(){for(const e of this.scrollToTopButtonDomNodes||[])this.addSecureEventListener(e,"click",(e=>{e.preventDefault(),(0,x.interruptableScrollTo)()}))}_bindClickTracking(){if(this.options.tracking){for(const e of this.hostDomNode.querySelectorAll("a"))this.addSecureEventListener(e,"click",(e=>{this._onLinkClick(e)}));for(const e of this.hostDomNode.querySelectorAll("button"))this.addSecureEventListener(e,"click",(e=>{this._onButtonClick(e)}))}}},L._name="WebsiteUtilities",L._defaultOptions={additionalPageLoadingTimeInMilliseconds:0,startUpAnimationElementDelayInMilliseconds:100,windowLoadedTimeoutAfterDocLoadedInMSec:2e3,domain:"auto",sectionNames:{default:"",managed:["home"],unmanaged:[]},selectors:{windowLoadingCover:".wu-window-loading-cover",startUpAnimationClassPrefix:"wu-start-up-animation-number-",top:".wu-header",routerOutlet:".wu-router-outlet",scrollToTopButtons:".wu-scroll-to-top",priorityNavigationClassName:"wu-priority-navigation",priorityNavigationOverflowOpenClassName:"wu-priority-navigation--overflow-open",priorityNavigationShowOverflowIndicatorClassName:"wu-priority-navigation--show-overflow-indicator",priorityNavigationOverflowResizingClassName:"wu-priority-navigation--resizing",activeNavigationItemClassName:"wu-priority-navigation__link--active",priorityNavigationListItemHideClassName:"wu-priority-navigation__list__item--hide",priorityNavigationOverflowIndicatorClassName:"wu-priority-navigation__list__overflow-indicator",priorityNavigationOverflowList:".wu-priority-navigation__overflow-list"},minimumNumberOfMenuItems:3,tracking:!1},L.windowLoaded=!1,L.switchSectionLock=new x.Lock,h=L,m=k()(h.prototype,"options",[e],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return{}}}),v=k()(h.prototype,"onStartUpAnimationComplete",[t],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return x.NOOP}}),w=k()(h.prototype,"onSwitchSection",[o],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return x.NOOP}}),f=k()(h.prototype,"onViewportMovesAwayFromTop",[i],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return x.NOOP}}),g=k()(h.prototype,"onViewportMovesToTop",[n],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return x.NOOP}}),b=k()(h.prototype,"onUnfocusResponsiveMenu",[r],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return x.NOOP}}),y=k()(h.prototype,"onLoaded",[s],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return x.NOOP}}),N=k()(h.prototype,"onButtonClick",[a],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(e){return Promise.resolve(void 0)}}}),S=k()(h.prototype,"onSectionSwitch",[l],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(e,t,o){return Promise.resolve(void 0)}}}),T=k()(h.prototype,"onLinkClick",[u],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(e){return Promise.resolve(void 0)}}}),C=k()(h.prototype,"onTrack",[d],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(e){return Promise.resolve(void 0)}}}),h);const M={component:P,register:(e=(0,x.camelCaseToDelimited)(P._name))=>{customElements.define(e,P)}},z=P;x.globalContext.AUTO_DEFINE_WEBSITE_UTILITIES&&M.register()})(),p})()));
1
+ "use strict";if("undefined"!=typeof module&&null!==module&&"undefined"!==eval("typeof require")&&null!==eval("require")&&"main"in eval("require")&&"undefined"!==eval("typeof require.main")&&null!==eval("require.main")){var ORIGINAL_MAIN_MODULE=module;module!==eval("require.main")&&"paths"in module&&"paths"in eval("require.main")&&"undefined"!=typeof __dirname&&null!==__dirname&&(module.paths=eval("require.main.paths").concat(module.paths.filter((function(path){return eval("require.main.paths").includes(path)}))))}if(null==window)var window="undefined"==typeof global||null===global?{}:global;!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("@babel/runtime/helpers/applyDecoratedDescriptor"),require("@babel/runtime/helpers/initializerDefineProperty"),require("@babel/runtime/helpers/initializerWarningHelper"),require("clientnode"),require("clientnode/property-types"),require("web-component-wrapper/Web"),require("web-component-wrapper/decorator"));else if("function"==typeof define&&define.amd)define(["@babel/runtime/helpers/applyDecoratedDescriptor","@babel/runtime/helpers/initializerDefineProperty","@babel/runtime/helpers/initializerWarningHelper","clientnode","clientnode/property-types","web-component-wrapper/Web","web-component-wrapper/decorator"],t);else{var o="object"==typeof exports?t(require("@babel/runtime/helpers/applyDecoratedDescriptor"),require("@babel/runtime/helpers/initializerDefineProperty"),require("@babel/runtime/helpers/initializerWarningHelper"),require("clientnode"),require("clientnode/property-types"),require("web-component-wrapper/Web"),require("web-component-wrapper/decorator")):t(e["@babel/runtime/helpers/applyDecoratedDescriptor"],e["@babel/runtime/helpers/initializerDefineProperty"],e["@babel/runtime/helpers/initializerWarningHelper"],e.clientnode,e["clientnode/property-types"],e["web-component-wrapper/Web"],e["web-component-wrapper/decorator"]);for(var i in o)("object"==typeof exports?exports:e)[i]=o[i]}}(this,((e,t,o,i,n,s,r)=>(()=>{var a=[,,,e=>{e.exports=t},t=>{t.exports=e},e=>{e.exports=o},e=>{e.exports=i},e=>{e.exports=n},e=>{e.exports=r},e=>{e.exports=s}],l={};function c(e){var t=l[e];if(void 0!==t)return t.exports;var o=l[e]={exports:{}};return a[e](o,o.exports,c),o.exports}c.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return c.d(t,{a:t}),t},c.d=(e,t)=>{for(var o in t)c.o(t,o)&&!c.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},c.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),c.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var p={};return(()=>{c.r(p),c.d(p,{WebsiteUtilities:()=>P,api:()=>M,default:()=>z,log:()=>E});var e,t,o,i,n,s,r,a,l,u,d,h,m,v,w,f,g,b,y,N,S,T,C,L,D=c(3),O=c.n(D),_=c(4),x=c.n(_),k=(c(5),c(6)),I=c(7),A=c(8),q=c(9);const E=new k.Logger({name:"website-utilities"});let P=(e=(0,A.property)({type:I.object}),t=(0,A.property)({type:I.func}),o=(0,A.property)({type:I.func}),i=(0,A.property)({type:I.func}),n=(0,A.property)({type:I.func}),s=(0,A.property)({type:I.func}),r=(0,A.property)({type:I.func}),a=(0,A.property)({type:I.func}),l=(0,A.property)({type:I.func}),u=(0,A.property)({type:I.func}),d=(0,A.property)({type:I.func}),L=class e extends q.Web{constructor(){super(),this.self=e,O()(this,"options",m,this),O()(this,"onStartUpAnimationComplete",v,this),O()(this,"onSwitchSection",w,this),O()(this,"onViewportMovesAwayFromTop",f,this),O()(this,"onViewportMovesToTop",g,this),O()(this,"onUnfocusResponsiveMenu",b,this),O()(this,"onLoaded",y,this),O()(this,"onButtonClick",N,this),O()(this,"onSectionSwitch",S,this),O()(this,"onLinkClick",T,this),O()(this,"onTrack",C,this),this.currentSectionName="",this.startUpAnimationIsComplete=!1,this.viewportIsOnTop=void 0,this.observerDeregisters=[],this.windowLoadingCoverDomNode=null,this.topDomNode=null,this.priorityNavigationDomNodes=null,this.routerOutletDomNode=null,this.sectionDomNodes={},this.scrollToTopButtonDomNodes=null,this.defineGetterAndSetterInterface()}async onUpdateAttribute(e,t){await super.onUpdateAttribute(e,t),"options"===e&&this._extendOptions()}async render(e="unknown",t=!0){if(await super.render(e,!1),0===Object.keys(this.options).length&&this._extendOptions(),this.disableScrolling(),!this.self.windowLoaded){const e=()=>{this.self.windowLoaded||(this.self.windowLoaded=!0,this._removeLoadingCover().then((()=>{this.enableScrolling(),this._performStartUpEffects().then((()=>{this.addMenuHighlighterViewTransition()})),this.onLoaded()})))};(0,k.onDocumentReady)((()=>{(0,k.timeout)(e,this.options.windowLoadedTimeoutAfterDocLoadedInMSec)})),k.globalContext.window&&this.addSecureEventListener(k.globalContext.window,"load",e)}await this.waitForNestedComponentRendering(),this.grabDomNodes(),this._bindScrollEvents(),this._bindClickTracking(),await this._initializeRouting(),this.initializePriorityNavigation(),await this.resolveRenderingPromiseIfSet(e,t)}unRender(e="unknown",t){super.unRender(e,t);for(const e of this.observerDeregisters)e()}grabDomNodes(){var e,t,o;this.topDomNode=this.hostDomNode.querySelector(this.options.selectors.top),this.scrollToTopButtonDomNodes=this.hostDomNode.querySelectorAll(this.options.selectors.scrollToTopButtons),this.priorityNavigationDomNodes=this.hostDomNode.querySelectorAll(`.${this.options.selectors.priorityNavigationClassName}`),this.routerOutletDomNode=this.hostDomNode.querySelector(this.options.selectors.routerOutlet);for(const e of null!==(i=this.routerOutletDomNode?.children)&&void 0!==i?i:[]){var i;const t=e.getAttribute("data-website-utilities-section");""===t?this.sectionDomNodes.default=e:t&&this.options.sectionNames.managed.includes(t)&&(this.sectionDomNodes[t]=e)}this.windowLoadingCoverDomNode=null!==(e=null!==(t=null!==(o=this.hostDomNode.querySelector(this.options.selectors.windowLoadingCover))&&void 0!==o?o:this.hostDomNode.parentElement?.querySelector(this.options.selectors.windowLoadingCover))&&void 0!==t?t:k.globalContext.document?.body.querySelector(this.options.selectors.windowLoadingCover))&&void 0!==e?e:null}disableScrolling(){this.hostDomNode.parentElement&&(this.hostDomNode.parentElement.classList.add("wu-disable-scrolling"),this.addSecureEventListener(this.hostDomNode.parentElement,"touchmove",k.preventDefault))}enableScrolling(){this.hostDomNode.parentElement&&(this.hostDomNode.parentElement.classList.remove("wu-disable-scrolling"),this.hostDomNode.parentElement.classList.remove("touchmove"),this.hostDomNode.parentElement.removeEventListener("touchmove",k.preventDefault))}async track(e){if(k.globalContext.window?.location&&this.options.tracking){const t={context:`${k.globalContext.window.location.pathname}#`+this.currentSectionName,...e};("number"!=typeof t.value||isNaN(t.value))&&(t.value=1),E.debug('Run tracking code: "event" with arguments:'),E.debug(t);try{await this._onTrack(t)}catch(e){E.warn(`Problem in tracking "${(0,k.represent)(t)}":`,(0,k.represent)(e))}}}initializePriorityNavigation(){const{selectors:e}=this.options,t=e.priorityNavigationOverflowIndicatorClassName;if(0===this.priorityNavigationDomNodes?.length)return;for(const t of this.priorityNavigationDomNodes||[])for(const o of t.querySelectorAll(`[href="#${this.currentSectionName}"]`))o.classList.add(e.activeNavigationItemClassName);const o=()=>{for(const o of this.priorityNavigationDomNodes||[]){const i=o.querySelectorAll("ul > li"),n=Array.from(i).filter((e=>!e.classList.contains(t))),s=i[0].offsetTop;let r=[];for(const e of n){e.offsetTop!==s&&r.push(e)}n.length-r.length<this.options.minimumNumberOfMenuItems&&(r=n.slice());const a=o.querySelector(`.${t}`);if(r.length){const t=r.map((e=>{const t=e.cloneNode(!0);for(const e of t.querySelectorAll("[style]"))e.removeAttribute("style");return t}));for(const t of r)t.classList.add(e.priorityNavigationListItemHideClassName);const i=o.querySelector(e.priorityNavigationOverflowList);if(i)for(const e of t)i.append(e);if(a){const e=this.options.selectors.priorityNavigationShowOverflowIndicatorClassName;o.classList.add(e)}}else a&&o.classList.remove(this.options.selectors.priorityNavigationShowOverflowIndicatorClassName)}};for(const o of this.hostDomNode.querySelectorAll(`.${t}`)){const t=o.closest(`.${e.priorityNavigationClassName}`);this.addSecureEventListener(o,"click",(()=>{t?.classList.toggle(e.priorityNavigationOverflowOpenClassName)})),k.globalContext.document&&this.addSecureEventListener(k.globalContext.document,"click",(o=>{if(t?.classList.contains(e.priorityNavigationOverflowOpenClassName)){const i=Boolean(o.target&&(0,k.getParents)(o.target).some((e=>t===e))),n=this.onUnfocusResponsiveMenu(o,i);(!0===n||!i&&!1!==n)&&t.classList.remove(e.priorityNavigationOverflowOpenClassName)}}))}for(const t of this.priorityNavigationDomNodes||[]){const i=(0,k.trailingThrottle)((()=>{if(!t.classList.contains(e.priorityNavigationOverflowOpenClassName)){t.classList.add(e.priorityNavigationOverflowResizingClassName);for(const o of t.querySelectorAll(e.priorityNavigationOverflowList))for(;o.firstChild;)o.removeChild(o.firstChild);t.classList.remove(this.options.selectors.priorityNavigationShowOverflowIndicatorClassName);for(const o of t.querySelectorAll("ul > li"))o.classList.contains(e.priorityNavigationOverflowIndicatorClassName)||o.classList.remove(e.priorityNavigationListItemHideClassName);o(),t.classList.remove(e.priorityNavigationOverflowResizingClassName)}}),20),n=new ResizeObserver(i);this.observerDeregisters.push((()=>{n.unobserve(t)})),n.observe(t)}o()}addMenuHighlighterViewTransition(){if(!k.globalContext.document)return;const e=document.createElement("style");e.type="text/css";e.appendChild(k.globalContext.document.createTextNode("\n .wu-priority-navigation\n .wu-priority-navigation__link--active::after {\n view-transition-name: wu-menu-highlight;\n }\n ")),k.globalContext.document.getElementsByTagName("head")[0].appendChild(e)}activateNavigationItemHighlighters(e){const t=this.options.selectors.activeNavigationItemClassName;for(const o of this.priorityNavigationDomNodes||[]){for(const e of o.querySelectorAll(`.${t}`))e.classList.remove(t);for(const i of o.querySelectorAll(`[href="#${e}"]`))i.classList.add(t)}}triggerNavigationItemHighlighterSwitching(e){k.globalContext.document?.startViewTransition?k.globalContext.document.startViewTransition((()=>{this.activateNavigationItemHighlighters(e)})):this.activateNavigationItemHighlighters(e)}async _onButtonClick(e){if(!1===await this.onButtonClick(e))return;const t=e.target,o=(0,k.getText)(t).join(" ");this._onTrack({event:"buttonClick",eventType:"click",label:o,reference:t.getAttribute("action")||t.getAttribute("target")||t.getAttribute("type")||o,subject:"button",value:parseInt(t.getAttribute("website-analytics-value")||"1"),userInteraction:!0})}async _onSectionSwitch(e,t,o){!1!==await this.onSectionSwitch(e,t,o)&&k.globalContext.window?.location&&await this._onTrack({event:"sectionSwitch",eventType:"sectionSwitch",label:e,reference:`${k.globalContext.window.location.pathname}#${e}`,subject:"url",userInteraction:!1})}async _onLinkClick(e){if(!1===await this.onLinkClick(e))return;const t=e.target,o=(0,k.getText)(t).join(" ");this._onTrack({event:"linkClick",eventType:"click",label:o,reference:t.getAttribute("href")||t.getAttribute("action")||t.getAttribute("target")||t.getAttribute("type")||o,subject:"link",value:parseInt(t.getAttribute("website-analytics-value")||"1"),userInteraction:!0})}async _onTrack(e){!1!==await this.onTrack(e)&&this.options.tracking&&k.globalContext.dataLayer?.push(e)}_onViewportMovesToTop(){this._finishScrollToTopButtonTransition();for(const t of null!==(e=this.scrollToTopButtonDomNodes)&&void 0!==e?e:[]){var e;const o=()=>{t.removeEventListener("transitionend",i),t.removeEventListener("transitioncancel",o)},i=()=>{this.viewportIsOnTop&&t.classList.add(this.options.selectors.scrollToTopScrollTopSettledStateClassName),o()};t.addEventListener("transitionend",i,{once:!0}),t.addEventListener("transitioncancel",o,{once:!0}),t.classList.add(this.options.selectors.scrollToTopScrollUpStateClassName)}}async _onViewportMovesAwayFromTop(){for(const t of null!==(e=this.scrollToTopButtonDomNodes)&&void 0!==e?e:[]){var e;t.classList.remove(this.options.selectors.scrollToTopScrollTopSettledStateClassName)}await(0,k.timeout)(),this._finishScrollToTopButtonTransition();for(const e of null!==(t=this.scrollToTopButtonDomNodes)&&void 0!==t?t:[]){var t;e.classList.add(this.options.selectors.scrollToTopScrollDownStateClassName)}}async switchSection(e,t){if(k.globalContext.window&&"location"in k.globalContext.window&&(""===e||this.options.sectionNames.managed.includes(e)||this.options.sectionNames.unmanaged.includes(e))){var o,i;const n=Object.prototype.hasOwnProperty.call(this.sectionDomNodes,this.currentSectionName)?this.sectionDomNodes[this.currentSectionName]:null!==(o=this.sectionDomNodes.default)&&void 0!==o?o:null,s=Object.prototype.hasOwnProperty.call(this.sectionDomNodes,e)?this.sectionDomNodes[e]:null!==(i=this.sectionDomNodes.default)&&void 0!==i?i:null;await this.self.switchSectionLock.acquire(),this.triggerNavigationItemHighlighterSwitching(e),E.debug(`Run section switch from "${this.currentSectionName}" to`,`"${e}".`),this.currentSectionName===e?(n&&(n.classList.remove("wu-section-active"),n.classList.add("wu-section-inactive")),s&&(s.classList.remove("wu-section-inactive"),s.classList.add("wu-section-active"))):this.options.sectionNames.unmanaged.includes(e)&&this.options.sectionNames.unmanaged.includes(this.currentSectionName)||((0,k.interruptableScrollTo)(),n&&(await(0,k.fadeOut)(n),n.classList.remove("wu-section-active"),n.classList.add("wu-section-inactive")),s&&(s.classList.remove("wu-section-inactive"),s.classList.add("wu-section-active"),await(0,k.fadeIn)(s)));const r=this.currentSectionName;this.currentSectionName=e;try{await this._onSectionSwitch(this.currentSectionName,r,t)}catch(e){E.warn("Problem due to call section switch callback on section",`"${this.currentSectionName}": ${(0,k.represent)(e)}`)}await this.self.switchSectionLock.release()}}_extendOptions(){this.setPropertyValue("options",(0,k.extend)(!0,{},this.self._defaultOptions,this.options))}_initializeRouting(){""===this.currentSectionName&&(this.currentSectionName=this.options.sectionNames.default),this._bindNavigationEvents();const e=k.globalContext.location?.hash&&k.globalContext.location.hash.substring(1);e&&(this.options.sectionNames.managed.includes(e)||this.options.sectionNames.unmanaged.includes(e))&&(this.currentSectionName=e);for(const e of Object.values(this.sectionDomNodes))e.classList.add("wu-section-inactive");return this.switchSection(e||this.currentSectionName)}_finishScrollToTopButtonTransition(){for(const t of null!==(e=this.scrollToTopButtonDomNodes)&&void 0!==e?e:[]){var e;t.classList.remove(this.options.selectors.scrollToTopScrollUpStateClassName,this.options.selectors.scrollToTopScrollDownStateClassName)}}_bindScrollEvents(){if(k.globalContext.document)if(k.globalContext.window&&this.addSecureEventListener(k.globalContext.window,"scroll",(e=>{k.globalContext.window?.scrollY?this.viewportIsOnTop&&(this.viewportIsOnTop=!1,this._onViewportMovesAwayFromTop().then(this.onViewportMovesAwayFromTop.bind(this,e))):this.viewportIsOnTop||(this.viewportIsOnTop=!0,this._onViewportMovesToTop(),this.onViewportMovesToTop(e))})),k.globalContext.window?.scrollY)this.viewportIsOnTop=!1,this._onViewportMovesAwayFromTop().then((()=>{this.onViewportMovesAwayFromTop()}));else{this.viewportIsOnTop=!0;for(const t of null!==(e=this.scrollToTopButtonDomNodes)&&void 0!==e?e:[]){var e;t.classList.add(this.options.selectors.scrollToTopScrollTopSettledStateClassName)}this._onViewportMovesToTop(),this.onViewportMovesToTop()}}async _removeLoadingCover(){await(0,k.timeout)(this.options.additionalPageLoadingTimeInMilliseconds);for(const e of this.hostDomNode.querySelectorAll(`[class^="${this.options.selectors.startUpAnimationClassPrefix}"], [class*=" ${this.options.selectors.startUpAnimationClassPrefix}"]`))e.style.opacity="0";this.windowLoadingCoverDomNode&&await(0,k.fadeOut)(this.windowLoadingCoverDomNode)}async _performStartUpEffects(){const e=[];let t=1;for(;;){const o=this.hostDomNode.querySelectorAll("."+this.options.selectors.startUpAnimationClassPrefix+String(t));if(0===o.length){await Promise.all(e),this.startUpAnimationIsComplete=!0,this.onStartUpAnimationComplete();break}await(0,k.timeout)(this.options.startUpAnimationElementDelayInMilliseconds);for(const t of o){t.style.removeProperty("opacity");const o=(0,k.fadeIn)(t);e.push(o.then((()=>{o.resetStyles()})))}t+=1}}_bindNavigationEvents(){k.globalContext.window&&this.addSecureEventListener(k.globalContext.window,"hashchange",(e=>{if(this.startUpAnimationIsComplete){const t=location.hash.substring(1);this.switchSection(t,e)}})),this._bindScrollToTopButton()}_bindScrollToTopButton(){for(const e of this.scrollToTopButtonDomNodes||[])this.addSecureEventListener(e,"click",(e=>{e.preventDefault(),(0,k.interruptableScrollTo)()}))}_bindClickTracking(){if(this.options.tracking){for(const e of this.hostDomNode.querySelectorAll("a"))this.addSecureEventListener(e,"click",(e=>{this._onLinkClick(e)}));for(const e of this.hostDomNode.querySelectorAll("button"))this.addSecureEventListener(e,"click",(e=>{this._onButtonClick(e)}))}}},L._name="WebsiteUtilities",L._defaultOptions={additionalPageLoadingTimeInMilliseconds:0,startUpAnimationElementDelayInMilliseconds:100,windowLoadedTimeoutAfterDocLoadedInMSec:2e3,domain:"auto",sectionNames:{default:"",managed:["home"],unmanaged:[]},selectors:{windowLoadingCover:".wu-window-loading-cover",startUpAnimationClassPrefix:"wu-start-up-animation-number-",top:".wu-header",routerOutlet:".wu-router-outlet",scrollToTopButtons:".wu-scroll-to-top",scrollToTopScrollTopSettledStateClassName:"wu-top-settled",scrollToTopScrollUpStateClassName:"wu-scroll-up",scrollToTopScrollDownStateClassName:"wu-scroll-down",priorityNavigationClassName:"wu-priority-navigation",priorityNavigationOverflowOpenClassName:"wu-priority-navigation--overflow-open",priorityNavigationShowOverflowIndicatorClassName:"wu-priority-navigation--show-overflow-indicator",priorityNavigationOverflowResizingClassName:"wu-priority-navigation--resizing",activeNavigationItemClassName:"wu-priority-navigation__link--active",priorityNavigationListItemHideClassName:"wu-priority-navigation__list__item--hide",priorityNavigationOverflowIndicatorClassName:"wu-priority-navigation__list__overflow-indicator",priorityNavigationOverflowList:".wu-priority-navigation__overflow-list"},minimumNumberOfMenuItems:3,tracking:!1},L.windowLoaded=!1,L.switchSectionLock=new k.Lock,h=L,m=x()(h.prototype,"options",[e],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return{}}}),v=x()(h.prototype,"onStartUpAnimationComplete",[t],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return k.NOOP}}),w=x()(h.prototype,"onSwitchSection",[o],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return k.NOOP}}),f=x()(h.prototype,"onViewportMovesAwayFromTop",[i],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return k.NOOP}}),g=x()(h.prototype,"onViewportMovesToTop",[n],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return k.NOOP}}),b=x()(h.prototype,"onUnfocusResponsiveMenu",[s],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return k.NOOP}}),y=x()(h.prototype,"onLoaded",[r],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return k.NOOP}}),N=x()(h.prototype,"onButtonClick",[a],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(e){return Promise.resolve(void 0)}}}),S=x()(h.prototype,"onSectionSwitch",[l],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(e,t,o){return Promise.resolve(void 0)}}}),T=x()(h.prototype,"onLinkClick",[u],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(e){return Promise.resolve(void 0)}}}),C=x()(h.prototype,"onTrack",[d],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(e){return Promise.resolve(void 0)}}}),h);const M={component:P,register:(e=(0,k.camelCaseToDelimited)(P._name))=>{customElements.define(e,P)}},z=P;k.globalContext.AUTO_DEFINE_WEBSITE_UTILITIES&&M.register()})(),p})()));
package/index.scss CHANGED
@@ -55,9 +55,8 @@ endregion
55
55
  /* endregion */
56
56
  }
57
57
 
58
- website-utilities {
59
- /* region generic dom nodes */
60
- /** region headline */
58
+ .wu {
59
+ /* region headline */
61
60
  h1,
62
61
  h2,
63
62
  h3,
@@ -81,8 +80,8 @@ website-utilities {
81
80
  h2 {
82
81
  font-size: 2em;
83
82
  }
84
- /** endregion */
85
- /** region link */
83
+ /* endregion */
84
+ /* region link */
86
85
  a,
87
86
  a:hover,
88
87
  a:focus,
@@ -90,307 +89,306 @@ website-utilities {
90
89
  outline: none;
91
90
  text-decoration: none;
92
91
  }
93
- /** endregion */
94
92
  /* endregion */
95
- /* region generic classes */
96
- /* Disables and hides a scrolling and scrollbar. */
97
- .wu-action {
98
- cursor: pointer;
99
- }
93
+ }
94
+ /* region generic classes */
95
+ /* Disables and hides a scrolling and scrollbar. */
96
+ .wu-action {
97
+ cursor: pointer;
98
+ }
100
99
 
101
- .wu-disable-scrolling {
102
- height: 100% !important;
103
- overflow: hidden !important;
104
- }
100
+ .wu-disable-scrolling {
101
+ height: 100% !important;
102
+ overflow: hidden !important;
103
+ }
105
104
 
106
- .wu-section-active {
107
- display: block;
108
- }
105
+ .wu-section-active {
106
+ display: block;
107
+ }
109
108
 
110
- .wu-section-inactive {
111
- display: none;
112
- }
113
- /** region form */
114
- /*** region styled select */
115
- .wu-select {
116
- position: relative;
109
+ .wu-section-inactive {
110
+ display: none;
111
+ }
112
+ /** region form */
113
+ /*** region styled select */
114
+ .wu-select {
115
+ position: relative;
117
116
 
118
- &__arrow {
119
- position: absolute;
120
- top: 3px;
121
- right: 15px;
122
- pointer-events: none;
117
+ &__arrow {
118
+ position: absolute;
119
+ top: 3px;
120
+ right: 15px;
121
+ pointer-events: none;
123
122
 
124
- span {
125
- vertical-align: bottom;
126
- font-size: 10px;
127
- }
123
+ span {
124
+ vertical-align: bottom;
125
+ font-size: 10px;
128
126
  }
127
+ }
129
128
 
130
- select {
131
- position: initial !important;
132
- padding-left: 7px !important;
133
- padding-right: 25px !important;
134
- /* hide default down arrow in IE10 */
135
- &::-ms-expand {
136
- display: none;
137
- }
129
+ select {
130
+ position: initial !important;
131
+ padding-left: 7px !important;
132
+ padding-right: 25px !important;
133
+ /* hide default down arrow in IE10 */
134
+ &::-ms-expand {
135
+ display: none;
138
136
  }
139
137
  }
140
- /*** endregion */
141
- /*** region styled checkbox */
142
- .wu-checkbox {
143
- margin-top: 2px;
144
- padding-top: 3px;
145
-
146
- label {
147
- padding-left: 40px;
148
-
149
- .wu-checkbox__wrapper {
150
- margin-top: -2px;
151
- margin-left: -40px;
152
- position: absolute;
138
+ }
139
+ /*** endregion */
140
+ /*** region styled checkbox */
141
+ .wu-checkbox {
142
+ margin-top: 2px;
143
+ padding-top: 3px;
144
+
145
+ label {
146
+ padding-left: 40px;
147
+
148
+ .wu-checkbox__wrapper {
149
+ margin-top: -2px;
150
+ margin-left: -40px;
151
+ position: absolute;
153
152
 
154
- .wu-checkbox__wrapper__styled {
155
- border-radius: 4px;
156
- border: 2px solid var(--wu-theme-primary, v.$theme-primary);
157
- cursor: pointer;
158
- float: right;
159
- height: 25px;
160
- padding: 0;
161
- width: 25px;
162
-
163
- .wu-checkbox__wrapper__styled__checked {
164
- background: transparent;
165
- border: 3px solid var(--wu-theme-on-primary, v.$theme-on-primary);
166
- border-top: none;
167
- border-right: none;
168
- height: 8px;
169
- left: 4px;
170
- opacity: 0;
171
- position: absolute;
172
- top: 5px;
173
- transform: rotate(-45deg);
174
- width: 13px;
175
- }
153
+ .wu-checkbox__wrapper__styled {
154
+ border-radius: 4px;
155
+ border: 2px solid var(--wu-theme-primary, v.$theme-primary);
156
+ cursor: pointer;
157
+ float: right;
158
+ height: 25px;
159
+ padding: 0;
160
+ width: 25px;
161
+
162
+ .wu-checkbox__wrapper__styled__checked {
163
+ background: transparent;
164
+ border: 3px solid var(--wu-theme-on-primary, v.$theme-on-primary);
165
+ border-top: none;
166
+ border-right: none;
167
+ height: 8px;
168
+ left: 4px;
169
+ opacity: 0;
170
+ position: absolute;
171
+ top: 5px;
172
+ transform: rotate(-45deg);
173
+ width: 13px;
176
174
  }
175
+ }
177
176
 
178
- input[type="checkbox"] {
179
- display: none;
177
+ input[type="checkbox"] {
178
+ display: none;
180
179
 
181
- &:checked ~ .wu-checkbox-styled > .wu-checkbox-styled-checked {
182
- opacity: 1;
183
- }
180
+ &:checked ~ .wu-checkbox-styled > .wu-checkbox-styled-checked {
181
+ opacity: 1;
182
+ }
184
183
 
185
- &:disabled ~ .wu-checkbox-styled {
186
- background-color: var(--wu-theme-surface, v.$theme-surface);
187
- }
184
+ &:disabled ~ .wu-checkbox-styled {
185
+ background-color: var(--wu-theme-surface, v.$theme-surface);
188
186
  }
189
187
  }
190
188
  }
191
189
  }
192
- /*** endregion */
193
- /** endregion */
194
- /* endregion */
195
- /* region move to top button animation */
196
- .wu-scroll-to-top {
197
- display: block;
190
+ }
191
+ /*** endregion */
192
+ /** endregion */
193
+ /* endregion */
194
+ /* region move to top button animation */
195
+ .wu-scroll-to-top {
196
+ display: block;
197
+
198
+ transition-property: bottom, opacity;
199
+ transition-duration: .5s;
198
200
 
199
- transition-property: bottom, opacity;
200
- transition-duration: .5s;
201
+ position: fixed;
201
202
 
202
- position: fixed;
203
+ right: var(--wu-default-space, #{v.$default-space});
204
+ }
203
205
 
204
- right: var(--wu-default-space, #{v.$default-space});
205
- }
206
+ .wu-scroll-to-top.wu-scroll-up {
207
+ bottom: calc(3 * var(--wu-default-space, #{v.$default-space}));
208
+ opacity: 0;
209
+ }
206
210
 
207
- .wu-scroll-to-top.wu-scroll-up {
208
- bottom: calc(3 * var(--wu-default-space, #{v.$default-space}));
209
- opacity: 0;
210
- }
211
+ .wu-scroll-to-top.wu-scroll-down {
212
+ bottom: var(--wu-default-space, #{v.$default-space});
213
+ opacity: 1;
214
+ }
211
215
 
212
- .wu-scroll-to-top.wu-scroll-down {
213
- bottom: var(--wu-default-space, #{v.$default-space});
214
- opacity: 1;
215
- }
216
+ .wu-scroll-to-top.wu-top-settled {
217
+ display: none;
218
+ }
219
+ /* endregion */
220
+ /* region priority navigation */
221
+ .wu-priority-navigation {
222
+ position: relative;
216
223
 
217
- .wu-scroll-to-top.wu-top-settled {
218
- display: none;
224
+ // NOTE: Important to detect item which where pushed below.
225
+ overflow: visible;
226
+
227
+ &.wu-priority-navigation--resizing {
228
+ overflow: hidden;
219
229
  }
220
- /* endregion */
221
- /* region priority navigation */
222
- .wu-priority-navigation {
223
- position: relative;
224
230
 
225
- // NOTE: Important to detect item which where pushed below.
226
- overflow: visible;
231
+ .wu-priority-navigation__list,
232
+ .wu-priority-navigation__overflow-list li {
233
+ position: relative;
234
+ }
227
235
 
228
- &.wu-priority-navigation--resizing {
229
- overflow: hidden;
236
+ .wu-priority-navigation__link {
237
+ display: inline-block;
238
+ /* region menu highlighter */
239
+ &::after {
240
+ content: " ";
241
+ position: absolute;
242
+ left: 0;
243
+ top: 0;
244
+ width: 100%;
245
+ height: 100%;
246
+ box-sizing: border-box;
230
247
  }
248
+ /*
249
+ NOTE: Will be set to when startup animations have been finished.
231
250
 
232
- .wu-priority-navigation__list,
233
- .wu-priority-navigation__overflow-list li {
234
- position: relative;
235
- }
251
+ &.wu-priority-navigation__link--active::after {
252
+ view-transition-name: wu-menu-highlight;
253
+ }
254
+ */
255
+ /* endregion */
256
+ }
257
+
258
+ .wu-priority-navigation__list {
259
+ list-style: none;
236
260
 
237
- .wu-priority-navigation__link {
261
+ li {
238
262
  display: inline-block;
239
- /* region menu highlighter */
240
- &::after {
241
- content: " ";
242
- position: absolute;
243
- left: 0;
244
- top: 0;
245
- width: 100%;
246
- height: 100%;
247
- box-sizing: border-box;
248
- }
249
- /*
250
- NOTE: Will be set to when startup animations have been finished.
263
+ position: relative;
251
264
 
252
- &.wu-priority-navigation__link--active::after {
253
- view-transition-name: wu-menu-highlight;
254
- }
255
- */
256
- /* endregion */
265
+ &.wu-priority-navigation__list__overflow-indicator {
266
+ display: none;
267
+ }
257
268
  }
258
269
 
259
- .wu-priority-navigation__list {
260
- list-style: none;
270
+ .wu-priority-navigation__list__overflow-indicator {
271
+ cursor: pointer;
261
272
 
262
- li {
263
- display: inline-block;
264
- position: relative;
273
+ width: 2rem;
274
+ height: 2rem;
275
+ position: absolute !important;
276
+ padding-top: 1rem;
265
277
 
266
- &.wu-priority-navigation__list__overflow-indicator {
267
- display: none;
268
- }
269
- }
278
+ .wu-priority-navigation__list__overflow-indicator__title {
279
+ transition: all var(--wu-toggle-mobile-menu-animation-duration);
270
280
 
271
- .wu-priority-navigation__list__overflow-indicator {
272
- cursor: pointer;
281
+ position: absolute;
273
282
 
274
283
  width: 2rem;
275
284
  height: 2rem;
276
- position: absolute !important;
277
- padding-top: 1rem;
278
285
 
279
- .wu-priority-navigation__list__overflow-indicator__title {
286
+ .wu-priority-navigation__list__overflow-indicator__title__icon {
280
287
  transition: all var(--wu-toggle-mobile-menu-animation-duration);
281
288
 
282
- position: absolute;
289
+ position: relative;
290
+ transform: rotate(0deg);
283
291
 
284
- width: 2rem;
285
- height: 2rem;
292
+ width: 30px;
293
+ height: 1px;
286
294
 
287
- .wu-priority-navigation__list__overflow-indicator__title__icon {
295
+ &::before,
296
+ &::after {
297
+ position: absolute;
288
298
  transition: all var(--wu-toggle-mobile-menu-animation-duration);
299
+ content: '';
289
300
 
290
- position: relative;
291
301
  transform: rotate(0deg);
292
302
 
293
303
  width: 30px;
294
304
  height: 1px;
305
+ }
295
306
 
296
- &::before,
297
- &::after {
298
- position: absolute;
299
- transition: all var(--wu-toggle-mobile-menu-animation-duration);
300
- content: '';
301
-
302
- transform: rotate(0deg);
303
-
304
- width: 30px;
305
- height: 1px;
306
- }
307
-
308
- &::before {
309
- top: -10px;
310
- }
307
+ &::before {
308
+ top: -10px;
309
+ }
311
310
 
312
- &::after {
313
- top: 10px;
314
- }
311
+ &::after {
312
+ top: 10px;
315
313
  }
316
314
  }
317
315
  }
318
316
  }
317
+ }
319
318
 
320
- &.wu-priority-navigation--show-overflow-indicator {
321
- .wu-priority-navigation__overflow-list {
322
- transition: all var(--wu-toggle-mobile-menu-animation-duration);
323
- height: 0;
324
- max-height: 0;
325
- width: max-content;
326
-
327
- list-style: none;
328
- overflow: hidden;
319
+ &.wu-priority-navigation--show-overflow-indicator {
320
+ .wu-priority-navigation__overflow-list {
321
+ transition: all var(--wu-toggle-mobile-menu-animation-duration);
322
+ height: 0;
323
+ max-height: 0;
324
+ width: max-content;
329
325
 
330
- ul {
331
- list-style: none;
332
- padding: 0;
333
- letter-spacing: 0.4em;
334
- }
326
+ list-style: none;
327
+ overflow: hidden;
335
328
 
336
- li:first-child {
337
- margin-top: 0;
338
- }
329
+ ul {
330
+ list-style: none;
331
+ padding: 0;
332
+ letter-spacing: 0.4em;
333
+ }
339
334
 
340
- li {
341
- transition: all var(--wu-toggle-mobile-menu-animation-duration);
342
- color: white;
343
- }
335
+ li:first-child {
336
+ margin-top: 0;
337
+ }
344
338
 
345
- a {
346
- cursor: pointer;
347
- }
339
+ li {
340
+ transition: all var(--wu-toggle-mobile-menu-animation-duration);
341
+ color: white;
348
342
  }
349
343
 
350
- .wu-priority-navigation__list__overflow-indicator {
351
- display: inline-block !important;
344
+ a {
345
+ cursor: pointer;
352
346
  }
347
+ }
353
348
 
354
- &.wu-priority-navigation--overflow-open {
355
- .wu-priority-navigation__overflow-list {
356
- height: 100%;
357
- width: 100%;
358
- /*
359
- NOTE: Workaround to enable transition. This value should
360
- represent an upper bound for the maximum overflow menu
361
- height.
362
- */
363
- max-height: var(--wu-overflow-navigation-height-estimation);
364
- }
349
+ .wu-priority-navigation__list__overflow-indicator {
350
+ display: inline-block !important;
351
+ }
365
352
 
366
- .wu-priority-navigation__list__overflow-indicator
367
- .wu-priority-navigation__list__overflow-indicator__title
368
- .wu-priority-navigation__list__overflow-indicator__title__icon {
369
- transform: rotate(180deg);
370
- background-color: transparent !important;
353
+ &.wu-priority-navigation--overflow-open {
354
+ .wu-priority-navigation__overflow-list {
355
+ height: 100%;
356
+ width: 100%;
357
+ /*
358
+ NOTE: Workaround to enable transition. This value should
359
+ represent an upper bound for the maximum overflow menu
360
+ height.
361
+ */
362
+ max-height: var(--wu-overflow-navigation-height-estimation);
363
+ }
371
364
 
372
- &::before,
373
- &::after {
374
- top: 0;
375
- }
365
+ .wu-priority-navigation__list__overflow-indicator
366
+ .wu-priority-navigation__list__overflow-indicator__title
367
+ .wu-priority-navigation__list__overflow-indicator__title__icon {
368
+ transform: rotate(180deg);
369
+ background-color: transparent !important;
376
370
 
377
- &::before {
378
- transform: rotate(45deg);
379
- }
371
+ &::before,
372
+ &::after {
373
+ top: 0;
374
+ }
380
375
 
381
- &::after {
382
- transform: rotate(-45deg);
383
- }
376
+ &::before {
377
+ transform: rotate(45deg);
378
+ }
379
+
380
+ &::after {
381
+ transform: rotate(-45deg);
384
382
  }
385
383
  }
386
384
  }
385
+ }
387
386
 
388
- .wu-priority-navigation__list__item--hide {
389
- display: none !important;
390
- }
387
+ .wu-priority-navigation__list__item--hide {
388
+ display: none !important;
391
389
  }
392
- /* endregion */
393
390
  }
391
+ /* endregion */
394
392
  /* Overlay the whole page till everything is loaded completely. */
395
393
  .wu-window-loading-cover {
396
394
  background-color: var(--wu-surface-color, v.$theme-surface);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "website-utilities",
3
- "version": "1.0.439",
3
+ "version": "1.0.442",
4
4
  "description": "extend your web app",
5
5
  "keywords": [
6
6
  "website",
@@ -70,11 +70,11 @@
70
70
  "@types/jsdom": "^28.0.3",
71
71
  "@types/node": "^25.9.2",
72
72
  "@types/webpack-env": "^1.18.8",
73
- "@typescript-eslint/eslint-plugin": "^8.60.1",
74
- "@typescript-eslint/parser": "^8.60.1",
73
+ "@typescript-eslint/eslint-plugin": "^8.61.0",
74
+ "@typescript-eslint/parser": "^8.61.0",
75
75
  "@webcomponents/webcomponentsjs": "^2.8.0",
76
76
  "bootstrap-icons": "^1.13.1",
77
- "clientnode": "^4.0.1411",
77
+ "clientnode": "^4.0.1421",
78
78
  "css-loader": "^7.1.4",
79
79
  "cssnano": "^8.0.1",
80
80
  "eslint": "^10.4.1",
@@ -97,9 +97,9 @@
97
97
  "style-loader": "^4.0.0",
98
98
  "stylelint": "^17.13.0",
99
99
  "stylelint-config-standard-scss": "^17.0.0",
100
- "typescript-eslint": "^8.60.1",
101
- "web-component-wrapper": "^0.0.593",
102
- "web-documentation": "^1.0.20",
100
+ "typescript-eslint": "^8.61.0",
101
+ "web-component-wrapper": "^0.0.596",
102
+ "web-documentation": "^1.0.32",
103
103
  "weboptimizer": "^3.0.24",
104
104
  "webpack-dev-server": "^5.2.4"
105
105
  },
package/type.d.ts CHANGED
@@ -14,6 +14,9 @@ export interface DefaultOptions {
14
14
  top: string;
15
15
  routerOutlet: string;
16
16
  scrollToTopButtons: string;
17
+ scrollToTopScrollTopSettledStateClassName: string;
18
+ scrollToTopScrollUpStateClassName: string;
19
+ scrollToTopScrollDownStateClassName: string;
17
20
  priorityNavigationClassName: string;
18
21
  priorityNavigationOverflowOpenClassName: string;
19
22
  priorityNavigationShowOverflowIndicatorClassName: string;