website-utilities 1.0.399 → 1.0.401

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 (7) hide show
  1. package/fonts.compiled.css +1 -1
  2. package/index.compiled.css +1 -1
  3. package/index.d.ts +28 -26
  4. package/index.js +1 -1
  5. package/index.scss +15 -5
  6. package/package.json +11 -11
  7. package/type.d.ts +2 -1
package/fonts.compiled.css CHANGED
@@ -1 +1 @@
1
- @font-face{font-family:open-sans;font-style:normal;font-weight:300;src:url(fonts.compiled/open-sans-light.woff2?md5=ded2efe0682deca1e711) format("woff2"),url(fonts.compiled/open-sans-light.woff?md5=5f5617ab2d7f7ae9d8a5) format("woff")}@font-face{font-family:open-sans;font-style:italic;font-weight:300;src:url(fonts.compiled/open-sans-light-italic.woff2?md5=2c80dd810ca80ed7441f) format("woff2"),url(fonts.compiled/open-sans-light-italic.woff?md5=c246bd09361a014795ae) format("woff")}@font-face{font-family:open-sans;font-style:normal;font-weight:400;src:url(fonts.compiled/open-sans-regular.woff2?md5=6399f5b3b46842462174) format("woff2"),url(fonts.compiled/open-sans-regular.woff?md5=d02e6dd3b1bbbc101343) format("woff")}@font-face{font-family:open-sans;font-style:italic;font-weight:400;src:url(fonts.compiled/open-sans-italic.woff2?md5=473eeb886be6660b9a86) format("woff2"),url(fonts.compiled/open-sans-italic.woff?md5=d78071284e62fcd478af) format("woff")}@font-face{font-family:open-sans;font-style:normal;font-weight:600;src:url(fonts.compiled/open-sans-semi-bold.woff2?md5=ae33326b599cfd071cfc) format("woff2"),url(fonts.compiled/open-sans-semi-bold.woff?md5=f90df377945fccdef88f) format("woff")}@font-face{font-family:open-sans;font-style:italic;font-weight:600;src:url(fonts.compiled/open-sans-semi-bold-italic.woff2?md5=0f73259fcbe5b12157ce) format("woff2"),url(fonts.compiled/open-sans-semi-bold-italic.woff?md5=1e25c8a28fdf9a87ff38) format("woff")}@font-face{font-family:open-sans;font-style:normal;font-weight:700;src:url(fonts.compiled/open-sans-bold.woff2?md5=50cc1a94a36420ff2bcd) format("woff2"),url(fonts.compiled/open-sans-bold.woff?md5=40084899144c3b75bcdd) format("woff")}@font-face{font-family:open-sans;font-style:italic;font-weight:700;src:url(fonts.compiled/open-sans-bold-italic.woff2?md5=89b1196ae05d10f50fbc) format("woff2"),url(fonts.compiled/open-sans-bold-italic.woff?md5=41c0cadf1dd0548086ae) format("woff")}@font-face{font-family:open-sans;font-style:normal;font-weight:800;src:url(fonts.compiled/open-sans-extra-bold.woff2?md5=6ef03d4820d032580837) format("woff2"),url(fonts.compiled/open-sans-extra-bold.woff?md5=e640a97717802cc57574) format("woff")}@font-face{font-family:open-sans;font-style:italic;font-weight:800;src:url(fonts.compiled/open-sans-extra-bold-italic.woff2?md5=b3979a57edfd488799d4) format("woff2"),url(fonts.compiled/open-sans-extra-bold-italic.woff?md5=adb47ef059f0de41b7d4) format("woff")}@font-face{font-family:open-sans-condensed;font-style:normal;font-weight:700;src:url(fonts.compiled/open-sans-condensed-bold.woff2?md5=317baafbc9215400181a) format("woff2"),url(fonts.compiled/open-sans-condensed-bold.woff?md5=c8139621e15d27cd8855) format("woff")}@font-face{font-family:open-sans-condensed;font-style:normal;font-weight:300;src:url(fonts.compiled/open-sans-condensed-light.woff2?md5=f517762310d125f06126) format("woff2"),url(fonts.compiled/open-sans-condensed-light.woff?md5=607164d33679b5de46cf) format("woff")}@font-face{font-family:open-sans-condensed;font-style:italic;font-weight:300;src:url(fonts.compiled/open-sans-condensed-light-italic.woff2?md5=796dc8ebbf7a438a6764) format("woff2"),url(fonts.compiled/open-sans-condensed-light-italic.woff?md5=f3677299a479a3de0867) format("woff")}@font-face{font-family:Glyphicons Halflings;src:url(fonts.compiled/glyphicons-halflings-regular.woff2?md5=fc23729e157a16266ab6) format("woff2"),url(fonts.compiled/glyphicons-halflings-regular.woff?md5=fa2772327f55d8198301) format("woff")}@font-face{font-family:Glyphicons Social Regular;src:url(fonts.compiled/glyphicons-halflings-social-regular.woff2?md5=77ecb63f7ef6ad236696) format("woff2"),url(fonts.compiled/glyphicons-halflings-social-regular.woff?md5=b8cd97250d7a149a69ca) format("woff")}
1
+ @font-face{font-family:open-sans;src:url(fonts.compiled/open-sans-light.woff2?md5=ded2efe0682deca1e711) format("woff2"),url(fonts.compiled/open-sans-light.woff?md5=5f5617ab2d7f7ae9d8a5) format("woff");font-weight:300;font-style:normal}@font-face{font-family:open-sans;src:url(fonts.compiled/open-sans-light-italic.woff2?md5=2c80dd810ca80ed7441f) format("woff2"),url(fonts.compiled/open-sans-light-italic.woff?md5=c246bd09361a014795ae) format("woff");font-weight:300;font-style:italic}@font-face{font-family:open-sans;src:url(fonts.compiled/open-sans-regular.woff2?md5=6399f5b3b46842462174) format("woff2"),url(fonts.compiled/open-sans-regular.woff?md5=d02e6dd3b1bbbc101343) format("woff");font-weight:400;font-style:normal}@font-face{font-family:open-sans;src:url(fonts.compiled/open-sans-italic.woff2?md5=473eeb886be6660b9a86) format("woff2"),url(fonts.compiled/open-sans-italic.woff?md5=d78071284e62fcd478af) format("woff");font-weight:400;font-style:italic}@font-face{font-family:open-sans;src:url(fonts.compiled/open-sans-semi-bold.woff2?md5=ae33326b599cfd071cfc) format("woff2"),url(fonts.compiled/open-sans-semi-bold.woff?md5=f90df377945fccdef88f) format("woff");font-weight:600;font-style:normal}@font-face{font-family:open-sans;src:url(fonts.compiled/open-sans-semi-bold-italic.woff2?md5=0f73259fcbe5b12157ce) format("woff2"),url(fonts.compiled/open-sans-semi-bold-italic.woff?md5=1e25c8a28fdf9a87ff38) format("woff");font-weight:600;font-style:italic}@font-face{font-family:open-sans;src:url(fonts.compiled/open-sans-bold.woff2?md5=50cc1a94a36420ff2bcd) format("woff2"),url(fonts.compiled/open-sans-bold.woff?md5=40084899144c3b75bcdd) format("woff");font-weight:700;font-style:normal}@font-face{font-family:open-sans;src:url(fonts.compiled/open-sans-bold-italic.woff2?md5=89b1196ae05d10f50fbc) format("woff2"),url(fonts.compiled/open-sans-bold-italic.woff?md5=41c0cadf1dd0548086ae) format("woff");font-weight:700;font-style:italic}@font-face{font-family:open-sans;src:url(fonts.compiled/open-sans-extra-bold.woff2?md5=6ef03d4820d032580837) format("woff2"),url(fonts.compiled/open-sans-extra-bold.woff?md5=e640a97717802cc57574) format("woff");font-weight:800;font-style:normal}@font-face{font-family:open-sans;src:url(fonts.compiled/open-sans-extra-bold-italic.woff2?md5=b3979a57edfd488799d4) format("woff2"),url(fonts.compiled/open-sans-extra-bold-italic.woff?md5=adb47ef059f0de41b7d4) format("woff");font-weight:800;font-style:italic}@font-face{font-family:open-sans-condensed;src:url(fonts.compiled/open-sans-condensed-bold.woff2?md5=317baafbc9215400181a) format("woff2"),url(fonts.compiled/open-sans-condensed-bold.woff?md5=c8139621e15d27cd8855) format("woff");font-weight:700;font-style:normal}@font-face{font-family:open-sans-condensed;src:url(fonts.compiled/open-sans-condensed-light.woff2?md5=f517762310d125f06126) format("woff2"),url(fonts.compiled/open-sans-condensed-light.woff?md5=607164d33679b5de46cf) format("woff");font-weight:300;font-style:normal}@font-face{font-family:open-sans-condensed;src:url(fonts.compiled/open-sans-condensed-light-italic.woff2?md5=796dc8ebbf7a438a6764) format("woff2"),url(fonts.compiled/open-sans-condensed-light-italic.woff?md5=f3677299a479a3de0867) format("woff");font-weight:300;font-style:italic}@font-face{font-family:Glyphicons Halflings;src:url(fonts.compiled/glyphicons-halflings-regular.woff2?md5=fc23729e157a16266ab6) format("woff2"),url(fonts.compiled/glyphicons-halflings-regular.woff?md5=fa2772327f55d8198301) format("woff")}@font-face{font-family:Glyphicons Social Regular;src:url(fonts.compiled/glyphicons-halflings-social-regular.woff2?md5=77ecb63f7ef6ad236696) format("woff2"),url(fonts.compiled/glyphicons-halflings-social-regular.woff?md5=b8cd97250d7a149a69ca) format("woff")}
package/index.compiled.css CHANGED
@@ -1 +1 @@
1
- :root{--w-default-space:20px;--w-extra-extra-small-width:360px;--w-extra-small-width:500px;--w-small-width:768px;--w-medium-width:992px;--w-large-width:1200px;--w-theme-background:#fff;--w-theme-primary:#76b82a;--w-theme-on-primary:#f0f6fc;--w-theme-secondary:#238636;--w-theme-on-secondary:#d6e9da;--w-theme-error:#723637;--w-theme-on-error:#fff;--w-theme-surface:#21262d;--w-theme-on-surface:#bbc2ca;--w-typography-font-family:Open Sans,open-sans,sans-serif;--w-typography-font-family-headline:Open Sans Condensed,open-sans-condensed,sans-serif}website-utilities{font-family:var(--w-typography-font-family,"Open Sans",open-sans,sans-serif);font-size:14px}website-utilities lang-replacement{display:none}website-utilities h1,website-utilities h2,website-utilities h3,website-utilities h4,website-utilities h5,website-utilities h6{font-family:var(--w-typography-font-family,"Open Sans",open-sans,sans-serif);line-height:1.1}website-utilities h1,website-utilities h2{font-family:var(--w-typography-font-family-headline,"Open Sans Condensed",open-sans-condensed,sans-serif);font-size:3em;font-weight:400}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-disable-scrolling{height:100%!important;overflow:hidden!important}website-utilities .wu-action{cursor:pointer}website-utilities .icon,website-utilities .icon-social{display:inline-block;font-family:var(--w-typography-font-family-social,"Glyphicons Halflings",sans-serif);font-style:normal;font-weight:400;line-height:1;position:relative;-webkit-text-decoration:none;text-decoration:none;top:1px;vertical-align:middle;zoom:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}website-utilities .icon-social:before,website-utilities .icon:before{display:inline-block;font-family:var(--w-typography-font-family-social,"Glyphicons Halflings",sans-serif);left:0;margin:0 5px 0 0;position:absolute;top:0}website-utilities .icon-arrow-left:before{content:""}website-utilities .icon-social:before{font:24px/1em Glyphicons Social Regular,sans-serif}website-utilities .icon-social-white:before{color:#fff}website-utilities .icon-social-pinterest:before{content:""}website-utilities .icon-social-dropbox:before{content:""}website-utilities .icon-social-google_plus:before{content:""}website-utilities .icon-social-jolicloud:before{content:""}website-utilities .icon-social-yahoo:before{content:""}website-utilities .icon-social-blogger:before{content:""}website-utilities .icon-social-picasa:before{content:""}website-utilities .icon-social-amazon:before{content:""}website-utilities .icon-social-tumblr:before{content:""}website-utilities .icon-social-wordpress:before{content:""}website-utilities .icon-social-instapaper:before{content:""}website-utilities .icon-social-evernote:before{content:""}website-utilities .icon-social-xing:before{content:""}website-utilities .icon-social-zootool:before{content:""}website-utilities .icon-social-dribbble:before{content:""}website-utilities .icon-social-deviantart:before{content:""}website-utilities .icon-social-read_it_later:before{content:""}website-utilities .icon-social-linked_in:before{content:""}website-utilities .icon-social-forrst:before{content:""}website-utilities .icon-social-pinboard:before{content:""}website-utilities .icon-social-behance:before{content:""}website-utilities .icon-social-github:before{content:""}website-utilities .icon-social-youtube:before{content:""}website-utilities .icon-social-skitch:before{content:""}website-utilities .icon-social-foursquare:before{content:""}website-utilities .icon-social-quora:before{content:""}website-utilities .icon-social-badoo:before{content:""}website-utilities .icon-social-spotify:before{content:""}website-utilities .icon-social-stumbleupon:before{content:""}website-utilities .icon-social-readability:before{content:""}website-utilities .icon-social-facebook:before{content:""}website-utilities .icon-social-twitter:before{content:""}website-utilities .icon-social-instagram:before{content:""}website-utilities .icon-social-posterous_spaces:before{content:""}website-utilities .icon-social-vimeo:before{content:""}website-utilities .icon-social-flickr:before{content:""}website-utilities .icon-social-last_fm:before{content:""}website-utilities .icon-social-rss:before{content:""}website-utilities .icon-social-skype:before{content:""}website-utilities .icon-social-e-mail:before{content:""}website-utilities .icon-social-vine:before{content:""}website-utilities .icon-social-myspace:before{content:""}website-utilities .icon-social-goodreads:before{content:""}website-utilities .icon-social-apple:before{content:""}website-utilities .icon-social-windows:before{content:""}website-utilities .icon-social-yelp:before{content:""}website-utilities .icon-social-playstation:before{content:""}website-utilities .icon-social-xbox:before{content:""}website-utilities .icon-social-android:before{content:""}website-utilities .icon-social-ios:before{content:""}website-utilities .wu-select{position:relative}website-utilities .wu-select__arrow{pointer-events:none;position:absolute;right:15px;top:3px}website-utilities .wu-select__arrow span{font-size:10px;vertical-align:bottom}website-utilities .wu-select select{padding-left:7px!important;padding-right:25px!important;position:static!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-left:-40px;margin-top:-2px;position:absolute}website-utilities .wu-checkbox label .wu-checkbox__wrapper .wu-checkbox__wrapper__styled{border:2px solid var(--w-theme-primary,#76b82a);border-radius:4px;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(--w-theme-on-primary,#f0f6fc);border-right:none;border-top: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(--w-theme-surface,#21262d)}website-utilities .wu-scroll-to-top{display:block;position:fixed;right:var(--w-default-space,20px);transition-duration:.5s;transition-property:bottom,opacity}website-utilities .wu-scroll-to-top.wu-scroll-up{bottom:calc(var(--w-default-space, 20px)*3);opacity:0}website-utilities .wu-scroll-to-top.wu-scroll-down{bottom:var(--w-default-space,20px);opacity:1}website-utilities .wu-scroll-to-top.wu-top-settled{display:none}.wu-window-loading-cover{background-color:var(--w-surface-color,#21262d);height:100%;left:0;position:fixed;top:0;width:100%;z-index:1002!important}.wu-window-loading-cover .loading-text{height:100px;inset:0;line-height:100px;margin:auto;position:absolute;text-align:center;width:100%}.wu-window-loading-cover .loading-text span{color:var(--w-on-surface-color,#bbc2ca);display:inline-block;margin:0 5px}.wu-window-loading-cover .loading-text span:first-child{animation:blur-text 1.5s linear 0s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(2){animation:blur-text 1.5s linear .2s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(3){animation:blur-text 1.5s linear .4s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(4){animation:blur-text 1.5s linear .6s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(5){animation:blur-text 1.5s linear .8s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(6){animation:blur-text 1.5s linear 1s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(7){animation:blur-text 1.5s linear 1.2s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(8){animation:blur-text 1.5s linear 1.4s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(9){animation:blur-text 1.5s linear 1.6s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(10){animation:blur-text 1.5s linear 1.8s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(11){animation:blur-text 1.5s linear 2s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(12){animation:blur-text 1.5s linear 2.2s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(13){animation:blur-text 1.5s linear 2.4s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(14){animation:blur-text 1.5s linear 2.6s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(15){animation:blur-text 1.5s linear 2.8s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(16){animation:blur-text 1.5s linear 3s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(17){animation:blur-text 1.5s linear 3.2s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(18){animation:blur-text 1.5s linear 3.4s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(19){animation:blur-text 1.5s linear 3.6s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(20){animation:blur-text 1.5s linear 3.8s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(21){animation:blur-text 1.5s linear 4s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(22){animation:blur-text 1.5s linear 4.2s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(23){animation:blur-text 1.5s linear 4.4s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(24){animation:blur-text 1.5s linear 4.6s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(25){animation:blur-text 1.5s linear 4.8s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(26){animation:blur-text 1.5s linear 5s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(27){animation:blur-text 1.5s linear 5.2s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(28){animation:blur-text 1.5s linear 5.4s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(29){animation:blur-text 1.5s linear 5.6s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(30){animation:blur-text 1.5s linear 5.8s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(31){animation:blur-text 1.5s linear 6s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(32){animation:blur-text 1.5s linear 6.2s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(33){animation:blur-text 1.5s linear 6.4s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(34){animation:blur-text 1.5s linear 6.6s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(35){animation:blur-text 1.5s linear 6.8s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(36){animation:blur-text 1.5s linear 7s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(37){animation:blur-text 1.5s linear 7.2s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(38){animation:blur-text 1.5s linear 7.4s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(39){animation:blur-text 1.5s linear 7.6s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(40){animation:blur-text 1.5s linear 7.8s infinite alternate;filter:blur(0)}.wu-window-loading-cover .loading-text span:nth-child(41){animation:blur-text 1.5s linear 8s infinite alternate;filter:blur(0)}@keyframes blur-text{0%{filter:blur(0)}to{filter:blur(4px)}}
1
+ :root{--w-default-space:20px;--w-extra-extra-small-width:360px;--w-extra-small-width:500px;--w-small-width:768px;--w-medium-width:992px;--w-large-width:1200px;--w-theme-background:#fff;--w-theme-primary:#76b82a;--w-theme-on-primary:#f0f6fc;--w-theme-secondary:#238636;--w-theme-on-secondary:#d6e9da;--w-theme-error:#723637;--w-theme-on-error:#fff;--w-theme-surface:#21262d;--w-theme-on-surface:#bbc2ca;--w-typography-font-family:Open Sans,open-sans,sans-serif;--w-typography-font-family-headline:Open Sans Condensed,open-sans-condensed,sans-serif}website-utilities{font-family:var(--w-typography-font-family,"Open Sans",open-sans,sans-serif);font-size:14px}website-utilities lang-replacement{display:none}website-utilities h1,website-utilities h2,website-utilities h3,website-utilities h4,website-utilities h5,website-utilities h6{font-family:var(--w-typography-font-family,"Open Sans",open-sans,sans-serif);line-height:1.1}website-utilities h1,website-utilities h2{font-family:var(--w-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 .icon,website-utilities .icon-social{font-family:var(--w-typography-font-family-social,"Glyphicons Halflings",sans-serif);font-style:normal;font-weight:400;line-height:1;display:inline-block;position:relative;-webkit-text-decoration:none;text-decoration:none;top:1px;vertical-align:middle;zoom:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}website-utilities .icon-social:before,website-utilities .icon:before{font-family:var(--w-typography-font-family-social,"Glyphicons Halflings",sans-serif);display:inline-block;left:0;margin:0 5px 0 0;position:absolute;top:0}website-utilities .icon-arrow-left:before{content:""}website-utilities .icon-social:before{font:24px/1em Glyphicons Social Regular,sans-serif}website-utilities .icon-social-white:before{color:#fff}website-utilities .icon-social-pinterest:before{content:""}website-utilities .icon-social-dropbox:before{content:""}website-utilities .icon-social-google_plus:before{content:""}website-utilities .icon-social-jolicloud:before{content:""}website-utilities .icon-social-yahoo:before{content:""}website-utilities .icon-social-blogger:before{content:""}website-utilities .icon-social-picasa:before{content:""}website-utilities .icon-social-amazon:before{content:""}website-utilities .icon-social-tumblr:before{content:""}website-utilities .icon-social-wordpress:before{content:""}website-utilities .icon-social-instapaper:before{content:""}website-utilities .icon-social-evernote:before{content:""}website-utilities .icon-social-xing:before{content:""}website-utilities .icon-social-zootool:before{content:""}website-utilities .icon-social-dribbble:before{content:""}website-utilities .icon-social-deviantart:before{content:""}website-utilities .icon-social-read_it_later:before{content:""}website-utilities .icon-social-linked_in:before{content:""}website-utilities .icon-social-forrst:before{content:""}website-utilities .icon-social-pinboard:before{content:""}website-utilities .icon-social-behance:before{content:""}website-utilities .icon-social-github:before{content:""}website-utilities .icon-social-youtube:before{content:""}website-utilities .icon-social-skitch:before{content:""}website-utilities .icon-social-foursquare:before{content:""}website-utilities .icon-social-quora:before{content:""}website-utilities .icon-social-badoo:before{content:""}website-utilities .icon-social-spotify:before{content:""}website-utilities .icon-social-stumbleupon:before{content:""}website-utilities .icon-social-readability:before{content:""}website-utilities .icon-social-facebook:before{content:""}website-utilities .icon-social-twitter:before{content:""}website-utilities .icon-social-instagram:before{content:""}website-utilities .icon-social-posterous_spaces:before{content:""}website-utilities .icon-social-vimeo:before{content:""}website-utilities .icon-social-flickr:before{content:""}website-utilities .icon-social-last_fm:before{content:""}website-utilities .icon-social-rss:before{content:""}website-utilities .icon-social-skype:before{content:""}website-utilities .icon-social-e-mail:before{content:""}website-utilities .icon-social-vine:before{content:""}website-utilities .icon-social-myspace:before{content:""}website-utilities .icon-social-goodreads:before{content:""}website-utilities .icon-social-apple:before{content:""}website-utilities .icon-social-windows:before{content:""}website-utilities .icon-social-yelp:before{content:""}website-utilities .icon-social-playstation:before{content:""}website-utilities .icon-social-xbox:before{content:""}website-utilities .icon-social-android:before{content:""}website-utilities .icon-social-ios:before{content:""}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(--w-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(--w-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(--w-theme-surface,#21262d)}website-utilities .wu-scroll-to-top{display:block;transition-property:bottom,opacity;transition-duration:.5s;position:fixed;right:var(--w-default-space,20px)}website-utilities .wu-scroll-to-top.wu-scroll-up{bottom:calc(var(--w-default-space, 20px)*3);opacity:0}website-utilities .wu-scroll-to-top.wu-scroll-down{bottom:var(--w-default-space,20px);opacity:1}website-utilities .wu-scroll-to-top.wu-top-settled{display:none}.wu-window-loading-cover{background-color:var(--w-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(--w-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}@keyframes blur-text{0%{filter:blur(0)}to{filter:blur(4px)}}
package/index.d.ts CHANGED
@@ -4,14 +4,14 @@ import { Web } from 'web-component-wrapper/Web';
4
4
  import { DefaultOptions, Options, TrackingItem } from './type';
5
5
  export declare const log: Logger;
6
6
  /**
7
- * This plugin holds all needed methods to extend a whole website.
7
+ * This plugin holds common methods to extend a whole website.
8
8
  * @property _defaultOptions - Options extended by the options given to the
9
9
  * initializer method.
10
10
  * @property _defaultOptions.additionalPageLoadingTimeInMilliseconds -
11
11
  * Additional time to wait until page will be indicated as loaded.
12
12
  * @property _defaultOptions.initialSectionName - Pre-selected section name.
13
13
  * @property _defaultOptions.knownScrollEventNames - Saves all known scroll
14
- * events in a space separated string.
14
+ * events in a space-separated string.
15
15
  * @property _defaultOptions.language - Options for client side
16
16
  * internationalization handler.
17
17
  * @property _defaultOptions.mediaQueryClassNameIndicator - Mapping of media
@@ -23,7 +23,7 @@ export declare const log: Logger;
23
23
  * @property _defaultOptions.selectors.scrollToTopButtons - Selectors for
24
24
  * starting an animated scroll to top.
25
25
  * @property _defaultOptions.selectors.startUpAnimationClassPrefix - Class name
26
- * selector prefix for all dom nodes to appear during start up animations.
26
+ * selector prefix for all dom nodes to appear during startup animations.
27
27
  * @property _defaultOptions.selectors.windowLoadingCover - Selector to the full
28
28
  * window loading cover dom node.
29
29
  * @property _defaultOptions.startUpAnimationElementDelayInMilliseconds - Delay
@@ -34,12 +34,12 @@ export declare const log: Logger;
34
34
  * after loading cover should be removed.
35
35
  * @property options - Finally configured given options.
36
36
  * @property currentSectionName - Saves current section hash name.
37
- * @property startUpAnimationIsComplete - Indicates whether start up animations
38
- * has finished.
37
+ * @property startUpAnimationIsComplete - Indicates whether startup animations
38
+ * have finished.
39
39
  * @property continueAutoScrolling - Indicates whether auto scrolling should
40
- * continue or not. Gets set to "false" if user wants to scroll manually.
40
+ * continue or not. Gets set to "false" if the user wants to scroll manually.
41
41
  * @property viewportIsOnTop - Indicates whether current viewport is on top.
42
- * @property windowLoaded - Indicates whether window is already loaded.
42
+ * @property windowLoaded - Indicates whether the window is already loaded.
43
43
  * @property onChangeMediaQueryMode - Callback to trigger if media query mode
44
44
  * changes.
45
45
  * @property onChangeToExtraSmallMode - Callback to trigger if media query mode
@@ -50,9 +50,10 @@ export declare const log: Logger;
50
50
  * changes to medium mode.
51
51
  * @property onChangeToSmallMode - Callback to trigger if media query mode
52
52
  * changes to small mode.
53
- * @property onStartUpAnimationComplete - Callback to trigger if all start up
54
- * animations has finished.
55
- * @property onSwitchSection - Callback to trigger if current section switches.
53
+ * @property onStartUpAnimationComplete - Callback to trigger if all startup
54
+ * animations have finished.
55
+ * @property onSwitchSection - Callback to trigger if the current section
56
+ * switches.
56
57
  * @property onViewportMovesAwayFromTop - Callback to trigger when viewport
57
58
  * moves away from top.
58
59
  * @property onViewportMovesToTop - Callback to trigger when viewport arrives
@@ -60,7 +61,7 @@ export declare const log: Logger;
60
61
  * @property onSwitchToManualScrollingIndicator - Indicator
61
62
  * function to stop currently running scroll animations to let the user get
62
63
  * control of current scrolling behavior. Given callback gets an event object.
63
- * If the function returns "true" current animated scrolls will be stopped.
64
+ * If the function returns "true", current animated scrolls will be stopped.
64
65
  * @property onButtonClick - Function to call on button click events.
65
66
  * @property onLinkClick - Function to call on link click events.
66
67
  * @property onSectionSwitch - Function to call on section switches.
@@ -98,8 +99,8 @@ export declare class WebsiteUtilities<TElement = HTMLElement, ExternalProperties
98
99
  sectionDomNodes: Mapping<HTMLElement>;
99
100
  scrollToTopButtonDomNodes: NodeListOf<HTMLElement> | null;
100
101
  /**
101
- * Defines dynamic getter and setter interface and resolves configuration
102
- * object. Initializes the map implementation.
102
+ * Defines dynamic getter and setter interface and resolves the
103
+ * configuration object. Initializes the map implementation.
103
104
  */
104
105
  constructor();
105
106
  /**
@@ -114,7 +115,7 @@ export declare class WebsiteUtilities<TElement = HTMLElement, ExternalProperties
114
115
  * @param reason - Why an update has been triggered.
115
116
  * @param resolveRendering - Indicates whether rendering should be resolved
116
117
  * finally. Should be set to "false" via super calls in inherited render
117
- * methods which do further dom manipulations afterwards and resolve the
118
+ * methods which do further dom manipulations afterward and resolve the
118
119
  * rendering process by their own.
119
120
  * @returns A promise resolving when rendering has finished. A promise may
120
121
  * be needed for classes inheriting from this class.
@@ -122,11 +123,11 @@ export declare class WebsiteUtilities<TElement = HTMLElement, ExternalProperties
122
123
  render(reason?: string, resolveRendering?: boolean): Promise<void>;
123
124
  grabDomNodes(): void;
124
125
  /**
125
- * Scrolls to top of page smoothly via being interruptible.
126
+ * Scrolls to the top of the page smoothly via being interruptible.
126
127
  */
127
128
  interruptableScrollToTop(): void;
128
129
  /**
129
- * Scrolls to top of page smoothly.
130
+ * Scrolls to the top of the page smoothly.
130
131
  */
131
132
  scrollToTop(): void;
132
133
  /**
@@ -139,7 +140,8 @@ export declare class WebsiteUtilities<TElement = HTMLElement, ExternalProperties
139
140
  enableScrolling(): void;
140
141
  /**
141
142
  * Triggers an analytics event. All given arguments are forwarded to
142
- * configured analytics event code to defined their environment variables.
143
+ * configured analytics event code to define to their environment
144
+ * variables.
143
145
  * @param properties - Event tracking information.
144
146
  */
145
147
  track(properties: Omit<TrackingItem, 'context' | 'value'> & {
@@ -147,17 +149,17 @@ export declare class WebsiteUtilities<TElement = HTMLElement, ExternalProperties
147
149
  value?: number;
148
150
  }): Promise<void>;
149
151
  /**
150
- * This method triggers if the viewport moves to top.
152
+ * This method triggers if the viewport moves to the top.
151
153
  */
152
154
  _onViewportMovesToTop(): void;
153
155
  /**
154
- * This method triggers if the viewport moves away from top.
156
+ * This method triggers if the viewport moves away from the top.
155
157
  */
156
158
  _onViewportMovesAwayFromTop(): Promise<void>;
157
159
  /**
158
160
  * This method triggers if we change the current section.
159
161
  * @param sectionName - Contains the new section name.
160
- * @param event - Optional event which triggered the switch.
162
+ * @param event - Optional event that triggered the switch.
161
163
  */
162
164
  switchSection(sectionName: string, event?: Event): Promise<void>;
163
165
  /**
@@ -171,29 +173,29 @@ export declare class WebsiteUtilities<TElement = HTMLElement, ExternalProperties
171
173
  */
172
174
  _initializeRouting(): Promise<void>;
173
175
  /**
174
- * Removes class names from scroll to top buttons to stop running
176
+ * Removes class names from scroll-to-top buttons to stop running
175
177
  * transitions.
176
178
  * @param classNames - Optional class names to remove.
177
179
  */
178
180
  _finishScrollToTopButtonTransition(classNames?: Array<string> | string): void;
179
181
  /**
180
- * This method triggers if view port arrives at special areas.
182
+ * This method triggers if the view port arrives at special areas.
181
183
  */
182
184
  _bindScrollEvents(): void;
183
185
  /**
184
- * This method triggers after window is loaded.
186
+ * This method triggers after the window is loaded.
185
187
  * @returns Promise resolving to nothing when loading cover has been
186
188
  * removed.
187
189
  */
188
190
  _removeLoadingCover(): Promise<void>;
189
191
  /**
190
- * This method handles the given start up effect step.
191
- * @returns Promise resolving to nothing when start up effects have been
192
+ * This method handles the given startup effect step.
193
+ * @returns Promise resolving to nothing when startup effects have been
192
194
  * finished.
193
195
  */
194
196
  _performStartUpEffects(): Promise<void>;
195
197
  /**
196
- * This method adds triggers to switch section.
198
+ * This method adds triggers to switch the section.
197
199
  */
198
200
  _bindNavigationEvents(): void;
199
201
  /**
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 l=[,,,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}],a={};function c(e){var t=a[e];if(void 0!==t)return t.exports;var o=a[e]={exports:{}};return l[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:()=>R,api:()=>H,default:()=>Q,log:()=>$});var e,t,o,i,n,r,s,l,a,u,d,h,m,w,b,f,y,g,v,T,S,N,C,D,O,L,x,A,k,M,_,E,I,q,P=c(3),z=c.n(P),U=c(4),B=c.n(U),j=(c(5),c(6)),V=c(7),W=c(8),F=c(9);const $=new j.Logger({name:"website-utilities"});let R=(e=(0,W.property)({type:V.object}),t=(0,W.property)({type:V.func}),o=(0,W.property)({type:V.func}),i=(0,W.property)({type:V.func}),n=(0,W.property)({type:V.func}),r=(0,W.property)({type:V.func}),s=(0,W.property)({type:V.func}),l=(0,W.property)({type:V.func}),a=(0,W.property)({type:V.func}),u=(0,W.property)({type:V.func}),d=(0,W.property)({type:V.func}),h=(0,W.property)({type:V.func}),m=(0,W.property)({type:V.func}),w=(0,W.property)({type:V.func}),b=(0,W.property)({type:V.func}),f=(0,W.property)({type:V.func}),q=class e extends F.Web{constructor(){super(),this.self=e,z()(this,"options",g,this),z()(this,"onChangeMediaQueryMode",v,this),z()(this,"onChangeToExtraSmallMode",T,this),z()(this,"onChangeToLargeMode",S,this),z()(this,"onChangeToMediumMode",N,this),z()(this,"onChangeToSmallMode",C,this),z()(this,"onStartUpAnimationComplete",D,this),z()(this,"onSwitchSection",O,this),z()(this,"onViewportMovesAwayFromTop",L,this),z()(this,"onViewportMovesToTop",x,this),z()(this,"onSwitchToManualScrollingIndicator",A,this),z()(this,"onLoaded",k,this),z()(this,"onButtonClick",M,this),z()(this,"onSectionSwitch",_,this),z()(this,"onLinkClick",E,this),z()(this,"onTrack",I,this),this.currentSectionName="home",this.startUpAnimationIsComplete=!1,this.continueAutoScrolling=!1,this.viewportIsOnTop=void 0,this.windowLoadingCoverDomNode=null,this.topDomNode=null,this.routerOutletDomNode=null,this.sectionDomNodes={},this.scrollToTopButtonDomNodes=null,this.defineGetterAndSetterInterface()}onUpdateAttribute(e,t){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(),this.onLoaded()})))};(0,j.onDocumentReady)((()=>{(0,j.timeout)(e,this.options.windowLoadedTimeoutAfterDocLoadedInMSec)})),j.globalContext.window&&this.addSecureEventListener(j.globalContext.window,"load",e)}await this.waitForNestedComponentRendering(),this.grabDomNodes(),this._bindScrollEvents(),this._bindClickTracking(),await this._initializeRouting(),await this.resolveRenderingPromiseIfSet(e,t)}grabDomNodes(){var e,t,o;this.topDomNode=this.hostDomNode.querySelector(this.options.selectors.top),this.scrollToTopButtonDomNodes=this.hostDomNode.querySelectorAll(this.options.selectors.scrollToTopButtons),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.options.sectionNames.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:j.globalContext.document?.body.querySelector(this.options.selectors.windowLoadingCover))&&void 0!==e?e:null}interruptableScrollToTop(){const e=window.pageYOffset,t=performance.now();this.continueAutoScrolling=!0;const o=i=>{if(!this.continueAutoScrolling)return;const n=i-t,r=Math.min(n/500,1),s=r*(2-r);window.scrollTo(0,e*(1-s)),r<1?requestAnimationFrame(o):this.continueAutoScrolling=!1};requestAnimationFrame(o)}scrollToTop(){j.globalContext.document&&window.scrollTo({top:0,behavior:"smooth"})}disableScrolling(){this.hostDomNode.parentElement&&(this.hostDomNode.parentElement.classList.add("wu-disable-scrolling"),this.addSecureEventListener(this.hostDomNode.parentElement,"touchmove",j.preventDefault))}enableScrolling(){this.hostDomNode.parentElement&&(this.hostDomNode.parentElement.classList.remove("wu-disable-scrolling"),this.hostDomNode.parentElement.classList.remove("touchmove"),this.hostDomNode.parentElement.removeEventListener("touchmove",j.preventDefault))}async track(e){if(j.globalContext.window?.location&&this.options.tracking){const t={context:`${j.globalContext.window.location.pathname}#`+this.currentSectionName,...e};("number"!=typeof t.value||isNaN(t.value))&&(t.value=1),$.debug('Run tracking code: "event" with arguments:'),$.debug(t);try{await this.onTrack(t)}catch(e){$.warn(`Problem in tracking "${(0,j.represent)(t)}":`,(0,j.represent)(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,j.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(j.globalContext.window&&"location"in j.globalContext.window&&Object.prototype.hasOwnProperty.call(this.sectionDomNodes,e)){const o=this.sectionDomNodes[this.currentSectionName],i=this.sectionDomNodes[e];await this.self.switchSectionLock.acquire(),$.debug(`Run section switch from "${this.currentSectionName}" to`,`"${e}".`),this.currentSectionName===e?(o.style.display="none",i.style.display="block"):(this.interruptableScrollToTop(),await(0,j.fadeOut)(o),o.style.display="none",i.style.display="block",await(0,j.fadeIn)(i));const n=this.currentSectionName;this.currentSectionName=e;try{await this.onSectionSwitch.call(this,this.currentSectionName,n,t)}catch(e){$.warn("Problem due to call section switch callback on section",`"${this.currentSectionName}": ${(0,j.represent)(e)}`)}await this.self.switchSectionLock.release()}}_extendOptions(){this.setPropertyValue("options",(0,j.extend)(!0,{},this.self._defaultOptions,this.options))}_initializeRouting(){this._bindNavigationEvents(),this.currentSectionName=this.options.initialSectionName;const e=j.globalContext.location?.hash&&j.globalContext.location.hash.substring(1),t=e&&this.options.initialSectionName!==e&&Object.prototype.hasOwnProperty.call(this.sectionDomNodes,e)?e:this.currentSectionName;for(const e of Object.values(this.sectionDomNodes))e.style.display="none";return this.switchSection(t)}_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(j.globalContext.document){for(const e of[j.globalContext.document.body,j.globalContext.document.querySelector("html"),j.globalContext.window])for(const t of this.options.knownScrollEventNames)e&&this.addSecureEventListener(e,t,(e=>{this.onSwitchToManualScrollingIndicator(e)&&(this.continueAutoScrolling=!1)}));if(j.globalContext.window&&this.addSecureEventListener(j.globalContext.window,"scroll",(e=>{j.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.call(this,e))})),j.globalContext.window?.scrollY)this.viewportIsOnTop=!1,this._onViewportMovesAwayFromTop().then((()=>{this.onViewportMovesAwayFromTop.call(this)}));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.call(this)}}}async _removeLoadingCover(){await(0,j.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,j.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.call(this);break}await(0,j.timeout)(this.options.startUpAnimationElementDelayInMilliseconds);for(const t of o)e.push((0,j.fadeIn)(t));t+=1}}_bindNavigationEvents(){j.globalContext.window&&this.addSecureEventListener(j.globalContext.window,"hashchange",(e=>{if(this.startUpAnimationIsComplete){const t=location.hash.substring(1);Object.prototype.hasOwnProperty.call(this.sectionDomNodes,t)&&this.switchSection(t,e)}})),this._bindScrollToTopButton()}_bindScrollToTopButton(){for(const e of this.scrollToTopButtonDomNodes||[])this.addSecureEventListener(e,"click",(e=>{e.preventDefault(),this.interruptableScrollToTop()}))}_bindClickTracking(){if(this.options.tracking){for(const e of this.hostDomNode.querySelectorAll("a"))this.addSecureEventListener(e,"click",this.onButtonClick.bind(this));for(const e of this.hostDomNode.querySelectorAll("button"))this.addSecureEventListener(e,"click",this.onButtonClick.bind(this))}}},q._name="WebsiteUtilities",q._defaultOptions={additionalPageLoadingTimeInMilliseconds:0,startUpAnimationElementDelayInMilliseconds:100,windowLoadedTimeoutAfterDocLoadedInMSec:2e3,domain:"auto",initialSectionName:"home",knownScrollEventNames:["DOMMouseScroll","keyup","mousedown","mousewheel","scroll","touchmove","wheel"],mediaQueryClassNameIndicator:[["extraSmall","xs"],["small","sm"],["medium","md"],["large","lg"]],sectionNames:["home"],selectors:{windowLoadingCover:".wu-window-loading-cover",startUpAnimationClassPrefix:"wu-start-up-animation-number-",top:".wu-header",routerOutlet:".wu-router-outlet",scrollToTopButtons:".wu-scroll-to-top"},tracking:!1},q.windowLoaded=!1,q.switchSectionLock=new j.Lock,y=q,g=B()(y.prototype,"options",[e],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return{}}}),v=B()(y.prototype,"onChangeMediaQueryMode",[t],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return j.NOOP}}),T=B()(y.prototype,"onChangeToExtraSmallMode",[o],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return j.NOOP}}),S=B()(y.prototype,"onChangeToLargeMode",[i],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return j.NOOP}}),N=B()(y.prototype,"onChangeToMediumMode",[n],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return j.NOOP}}),C=B()(y.prototype,"onChangeToSmallMode",[r],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return j.NOOP}}),D=B()(y.prototype,"onStartUpAnimationComplete",[s],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return j.NOOP}}),O=B()(y.prototype,"onSwitchSection",[l],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return j.NOOP}}),L=B()(y.prototype,"onViewportMovesAwayFromTop",[a],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return j.NOOP}}),x=B()(y.prototype,"onViewportMovesToTop",[u],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return j.NOOP}}),A=B()(y.prototype,"onSwitchToManualScrollingIndicator",[d],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return()=>!0}}),k=B()(y.prototype,"onLoaded",[h],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return j.NOOP}}),M=B()(y.prototype,"onButtonClick",[m],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(e){const t=e.target,o=(0,j.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})}}}),_=B()(y.prototype,"onSectionSwitch",[w],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return async function(e,t,o){j.globalContext.window?.location&&await this.onTrack({event:"sectionSwitch",eventType:"sectionSwitch",label:e,reference:`${j.globalContext.window.location.pathname}#${e}`,subject:"url",userInteraction:!1})}}}),E=B()(y.prototype,"onLinkClick",[b],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(e){const t=e.target,o=(0,j.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})}}}),I=B()(y.prototype,"onTrack",[f],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(e){return this.options.tracking&&j.globalContext.dataLayer?.push(e),Promise.resolve()}}}),y);const H={component:R,register:(e=(0,j.camelCaseToDelimited)(R._name))=>{customElements.define(e,R)}},Q=R;j.globalContext.AUTO_DEFINE_WEBSITE_UTILITIES&&H.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,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 u={};return(()=>{c.r(u),c.d(u,{WebsiteUtilities:()=>R,api:()=>H,default:()=>Q,log:()=>$});var e,t,o,i,n,r,s,a,l,p,d,h,m,w,b,f,g,v,y,T,S,N,C,D,L,O,x,A,k,M,_,E,I,q,P=c(3),z=c.n(P),U=c(4),B=c.n(U),j=(c(5),c(6)),V=c(7),W=c(8),F=c(9);const $=new j.Logger({name:"website-utilities"});let R=(e=(0,W.property)({type:V.object}),t=(0,W.property)({type:V.func}),o=(0,W.property)({type:V.func}),i=(0,W.property)({type:V.func}),n=(0,W.property)({type:V.func}),r=(0,W.property)({type:V.func}),s=(0,W.property)({type:V.func}),a=(0,W.property)({type:V.func}),l=(0,W.property)({type:V.func}),p=(0,W.property)({type:V.func}),d=(0,W.property)({type:V.func}),h=(0,W.property)({type:V.func}),m=(0,W.property)({type:V.func}),w=(0,W.property)({type:V.func}),b=(0,W.property)({type:V.func}),f=(0,W.property)({type:V.func}),q=class e extends F.Web{constructor(){super(),this.self=e,z()(this,"options",v,this),z()(this,"onChangeMediaQueryMode",y,this),z()(this,"onChangeToExtraSmallMode",T,this),z()(this,"onChangeToLargeMode",S,this),z()(this,"onChangeToMediumMode",N,this),z()(this,"onChangeToSmallMode",C,this),z()(this,"onStartUpAnimationComplete",D,this),z()(this,"onSwitchSection",L,this),z()(this,"onViewportMovesAwayFromTop",O,this),z()(this,"onViewportMovesToTop",x,this),z()(this,"onSwitchToManualScrollingIndicator",A,this),z()(this,"onLoaded",k,this),z()(this,"onButtonClick",M,this),z()(this,"onSectionSwitch",_,this),z()(this,"onLinkClick",E,this),z()(this,"onTrack",I,this),this.currentSectionName="home",this.startUpAnimationIsComplete=!1,this.continueAutoScrolling=!1,this.viewportIsOnTop=void 0,this.windowLoadingCoverDomNode=null,this.topDomNode=null,this.routerOutletDomNode=null,this.sectionDomNodes={},this.scrollToTopButtonDomNodes=null,this.defineGetterAndSetterInterface()}onUpdateAttribute(e,t){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(),this.onLoaded()})))};(0,j.onDocumentReady)((()=>{(0,j.timeout)(e,this.options.windowLoadedTimeoutAfterDocLoadedInMSec)})),j.globalContext.window&&this.addSecureEventListener(j.globalContext.window,"load",e)}await this.waitForNestedComponentRendering(),this.grabDomNodes(),this._bindScrollEvents(),this._bindClickTracking(),await this._initializeRouting(),await this.resolveRenderingPromiseIfSet(e,t)}grabDomNodes(){var e,t,o;this.topDomNode=this.hostDomNode.querySelector(this.options.selectors.top),this.scrollToTopButtonDomNodes=this.hostDomNode.querySelectorAll(this.options.selectors.scrollToTopButtons),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.options.sectionNames.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:j.globalContext.document?.body.querySelector(this.options.selectors.windowLoadingCover))&&void 0!==e?e:null}interruptableScrollToTop(){const e=window.pageYOffset,t=performance.now();this.continueAutoScrolling=!0;const o=i=>{if(!this.continueAutoScrolling)return;const n=i-t,r=Math.min(n/500,1),s=r*(2-r);window.scrollTo(0,e*(1-s)),r<1?requestAnimationFrame(o):this.continueAutoScrolling=!1};requestAnimationFrame(o)}scrollToTop(){j.globalContext.document&&window.scrollTo({top:0,behavior:"smooth"})}disableScrolling(){this.hostDomNode.parentElement&&(this.hostDomNode.parentElement.classList.add("wu-disable-scrolling"),this.addSecureEventListener(this.hostDomNode.parentElement,"touchmove",j.preventDefault))}enableScrolling(){this.hostDomNode.parentElement&&(this.hostDomNode.parentElement.classList.remove("wu-disable-scrolling"),this.hostDomNode.parentElement.classList.remove("touchmove"),this.hostDomNode.parentElement.removeEventListener("touchmove",j.preventDefault))}async track(e){if(j.globalContext.window?.location&&this.options.tracking){const t={context:`${j.globalContext.window.location.pathname}#`+this.currentSectionName,...e};("number"!=typeof t.value||isNaN(t.value))&&(t.value=1),$.debug('Run tracking code: "event" with arguments:'),$.debug(t);try{await this.onTrack(t)}catch(e){$.warn(`Problem in tracking "${(0,j.represent)(t)}":`,(0,j.represent)(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,j.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(j.globalContext.window&&"location"in j.globalContext.window&&Object.prototype.hasOwnProperty.call(this.sectionDomNodes,e)){const o=this.sectionDomNodes[this.currentSectionName],i=this.sectionDomNodes[e];await this.self.switchSectionLock.acquire(),$.debug(`Run section switch from "${this.currentSectionName}" to`,`"${e}".`),this.currentSectionName===e?(o.classList.remove("wu-section-active"),o.classList.add("wu-section-inactive"),i.classList.remove("wu-section-inactive"),i.classList.add("wu-section-active")):(this.interruptableScrollToTop(),await(0,j.fadeOut)(o),o.classList.remove("wu-section-active"),o.classList.add("wu-section-inactive"),i.classList.remove("wu-section-inactive"),i.classList.add("wu-section-active"),await(0,j.fadeIn)(i));const n=this.currentSectionName;this.currentSectionName=e;try{await this.onSectionSwitch.call(this,this.currentSectionName,n,t)}catch(e){$.warn("Problem due to call section switch callback on section",`"${this.currentSectionName}": ${(0,j.represent)(e)}`)}await this.self.switchSectionLock.release()}}_extendOptions(){this.setPropertyValue("options",(0,j.extend)(!0,{},this.self._defaultOptions,this.options))}_initializeRouting(){this._bindNavigationEvents(),this.currentSectionName=this.options.initialSectionName;const e=j.globalContext.location?.hash&&j.globalContext.location.hash.substring(1),t=e&&this.options.initialSectionName!==e&&Object.prototype.hasOwnProperty.call(this.sectionDomNodes,e)?e:this.currentSectionName;for(const e of Object.values(this.sectionDomNodes))e.classList.add("wu-section-inactive");return this.switchSection(t)}_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(j.globalContext.document){for(const e of[j.globalContext.document.body,j.globalContext.document.querySelector("html"),j.globalContext.window])for(const t of this.options.knownScrollEventNames)e&&this.addSecureEventListener(e,t,(e=>{this.onSwitchToManualScrollingIndicator(e)&&(this.continueAutoScrolling=!1)}));if(j.globalContext.window&&this.addSecureEventListener(j.globalContext.window,"scroll",(e=>{j.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.call(this,e))})),j.globalContext.window?.scrollY)this.viewportIsOnTop=!1,this._onViewportMovesAwayFromTop().then((()=>{this.onViewportMovesAwayFromTop.call(this)}));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.call(this)}}}async _removeLoadingCover(){await(0,j.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,j.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.call(this);break}await(0,j.timeout)(this.options.startUpAnimationElementDelayInMilliseconds);for(const t of o)e.push((0,j.fadeIn)(t));t+=1}}_bindNavigationEvents(){j.globalContext.window&&this.addSecureEventListener(j.globalContext.window,"hashchange",(e=>{if(this.startUpAnimationIsComplete){const t=location.hash.substring(1);Object.prototype.hasOwnProperty.call(this.sectionDomNodes,t)&&this.switchSection(t,e)}})),this._bindScrollToTopButton()}_bindScrollToTopButton(){for(const e of this.scrollToTopButtonDomNodes||[])this.addSecureEventListener(e,"click",(e=>{e.preventDefault(),this.interruptableScrollToTop()}))}_bindClickTracking(){if(this.options.tracking){for(const e of this.hostDomNode.querySelectorAll("a"))this.addSecureEventListener(e,"click",this.onButtonClick.bind(this));for(const e of this.hostDomNode.querySelectorAll("button"))this.addSecureEventListener(e,"click",this.onButtonClick.bind(this))}}},q._name="WebsiteUtilities",q._defaultOptions={additionalPageLoadingTimeInMilliseconds:0,startUpAnimationElementDelayInMilliseconds:100,windowLoadedTimeoutAfterDocLoadedInMSec:2e3,domain:"auto",initialSectionName:"home",knownScrollEventNames:["DOMMouseScroll","keyup","mousedown","mousewheel","scroll","touchmove","wheel"],mediaQueryClassNameIndicator:[["extraSmall","xs"],["small","sm"],["medium","md"],["large","lg"]],sectionNames:["home"],selectors:{windowLoadingCover:".wu-window-loading-cover",startUpAnimationClassPrefix:"wu-start-up-animation-number-",top:".wu-header",routerOutlet:".wu-router-outlet",scrollToTopButtons:".wu-scroll-to-top"},tracking:!1},q.windowLoaded=!1,q.switchSectionLock=new j.Lock,g=q,v=B()(g.prototype,"options",[e],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return{}}}),y=B()(g.prototype,"onChangeMediaQueryMode",[t],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return j.NOOP}}),T=B()(g.prototype,"onChangeToExtraSmallMode",[o],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return j.NOOP}}),S=B()(g.prototype,"onChangeToLargeMode",[i],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return j.NOOP}}),N=B()(g.prototype,"onChangeToMediumMode",[n],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return j.NOOP}}),C=B()(g.prototype,"onChangeToSmallMode",[r],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return j.NOOP}}),D=B()(g.prototype,"onStartUpAnimationComplete",[s],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return j.NOOP}}),L=B()(g.prototype,"onSwitchSection",[a],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return j.NOOP}}),O=B()(g.prototype,"onViewportMovesAwayFromTop",[l],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return j.NOOP}}),x=B()(g.prototype,"onViewportMovesToTop",[p],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return j.NOOP}}),A=B()(g.prototype,"onSwitchToManualScrollingIndicator",[d],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return()=>!0}}),k=B()(g.prototype,"onLoaded",[h],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return j.NOOP}}),M=B()(g.prototype,"onButtonClick",[m],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(e){const t=e.target,o=(0,j.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})}}}),_=B()(g.prototype,"onSectionSwitch",[w],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return async function(e,t,o){j.globalContext.window?.location&&await this.onTrack({event:"sectionSwitch",eventType:"sectionSwitch",label:e,reference:`${j.globalContext.window.location.pathname}#${e}`,subject:"url",userInteraction:!1})}}}),E=B()(g.prototype,"onLinkClick",[b],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(e){const t=e.target,o=(0,j.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})}}}),I=B()(g.prototype,"onTrack",[f],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(e){return this.options.tracking&&j.globalContext.dataLayer?.push(e),Promise.resolve()}}}),g);const H={component:R,register:(e=(0,j.camelCaseToDelimited)(R._name))=>{customElements.define(e,R)}},Q=R;j.globalContext.AUTO_DEFINE_WEBSITE_UTILITIES&&H.register()})(),u})()));
package/index.scss CHANGED
@@ -1,14 +1,16 @@
1
1
  /* !/usr/bin/env css
2
2
  -*- coding: utf-8 -*- */
3
- /* region header
3
+ /*
4
+ region header
4
5
  Copyright Torben Sickert (info["~at~"]torben.website) 16.12.2012
5
6
 
6
7
  License
7
8
  -------
8
9
 
9
- This library written by Torben Sickert stand under a creative commons naming
10
+ This library written by Torben Sickert stands under a creative commons naming
10
11
  3.0 unported license. See https://creativecommons.org/licenses/by/3.0/deed.de
11
- endregion */
12
+ endregion
13
+ */
12
14
  @use "variables" as v;
13
15
 
14
16
  :root {
@@ -94,13 +96,21 @@ website-utilities {
94
96
  /* endregion */
95
97
  /* region generic classes */
96
98
  /* Disables and hides a scrolling and scrollbar. */
99
+ .wu-action {
100
+ cursor: pointer;
101
+ }
102
+
97
103
  .wu-disable-scrolling {
98
104
  height: 100% !important;
99
105
  overflow: hidden !important;
100
106
  }
101
107
 
102
- .wu-action {
103
- cursor: pointer;
108
+ .wu-section-active {
109
+ display: block;
110
+ }
111
+
112
+ .wu-section-inactive {
113
+ display: none;
104
114
  }
105
115
  /** region icons */
106
116
  .icon,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "website-utilities",
3
- "version": "1.0.399",
3
+ "version": "1.0.401",
4
4
  "description": "extend your web app",
5
5
  "keywords": [
6
6
  "website",
@@ -70,19 +70,19 @@
70
70
  "@types/jsdom": "^28.0.1",
71
71
  "@types/node": "^25.6.0",
72
72
  "@types/webpack-env": "^1.18.8",
73
- "@typescript-eslint/eslint-plugin": "^8.59.1",
74
- "@typescript-eslint/parser": "^8.59.1",
73
+ "@typescript-eslint/eslint-plugin": "^8.59.2",
74
+ "@typescript-eslint/parser": "^8.59.2",
75
75
  "@webcomponents/webcomponentsjs": "^2.8.0",
76
- "clientnode": "^4.0.1392",
76
+ "clientnode": "^4.0.1394",
77
77
  "css-loader": "^7.1.4",
78
- "cssnano": "^7.1.7",
79
- "eslint": "^10.2.1",
78
+ "cssnano": "^8.0.0",
79
+ "eslint": "^10.3.0",
80
80
  "eslint-config-google": "^0.14.0",
81
81
  "eslint-plugin-jsdoc": "^62.9.0",
82
82
  "jest": "^30.3.0",
83
83
  "jsdoc": "^4.0.5",
84
84
  "mini-css-extract-plugin": "^2.10.2",
85
- "postcss": "^8.5.12",
85
+ "postcss": "^8.5.14",
86
86
  "postcss-fontpath": "^1.0.0",
87
87
  "postcss-import": "^16.1.1",
88
88
  "postcss-loader": "^8.2.1",
@@ -94,11 +94,11 @@
94
94
  "sass": "^1.99.0",
95
95
  "sass-loader": "^16.0.7",
96
96
  "style-loader": "^4.0.0",
97
- "stylelint": "^17.9.1",
97
+ "stylelint": "^17.11.0",
98
98
  "stylelint-config-standard-scss": "^17.0.0",
99
- "typescript-eslint": "^8.59.1",
100
- "web-component-wrapper": "^0.0.579",
101
- "web-documentation": "^1.0.5",
99
+ "typescript-eslint": "^8.59.2",
100
+ "web-component-wrapper": "^0.0.586",
101
+ "web-documentation": "^1.0.8",
102
102
  "weboptimizer": "^3.0.22",
103
103
  "webpack-dev-server": "^5.2.3"
104
104
  },
package/type.d.ts CHANGED
@@ -1,8 +1,9 @@
1
+ import { KnownEventName } from 'web-component-wrapper/type';
1
2
  export interface DefaultOptions {
2
3
  additionalPageLoadingTimeInMilliseconds: number;
3
4
  domain: string;
4
5
  initialSectionName: string;
5
- knownScrollEventNames: Array<string>;
6
+ knownScrollEventNames: Array<KnownEventName>;
6
7
  mediaQueryClassNameIndicator: Array<Array<string>>;
7
8
  sectionNames: Array<string>;
8
9
  selectors: {