website-utilities 1.0.415 → 1.0.417
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.
- package/_variables.scss +0 -1
- package/fonts.compiled.css +1 -1
- package/fonts.scss +0 -16
- package/index.compiled.css +1 -1
- package/index.js +1 -1
- package/index.scss +0 -256
- package/package.json +7 -2
- package/fonts/glyphicons-halflings/glyphicons-halflings-regular.woff +0 -0
- package/fonts/glyphicons-halflings/glyphicons-halflings-regular.woff2 +0 -0
- package/fonts/glyphicons-halflings/glyphicons-halflings-social-regular.woff +0 -0
- package/fonts/glyphicons-halflings/glyphicons-halflings-social-regular.woff2 +0 -0
- package/fonts.compiled/glyphicons-halflings-regular.woff +0 -0
- package/fonts.compiled/glyphicons-halflings-regular.woff2 +0 -0
- package/fonts.compiled/glyphicons-halflings-social-regular.woff +0 -0
- package/fonts.compiled/glyphicons-halflings-social-regular.woff2 +0 -0
package/_variables.scss
CHANGED
|
@@ -24,7 +24,6 @@ $theme-on-surface: #bbc2ca !default;
|
|
|
24
24
|
*/
|
|
25
25
|
$typography-font-family: "Open Sans", open-sans, sans-serif !default;
|
|
26
26
|
$typography-font-family-headline: "Open Sans Condensed", open-sans-condensed, sans-serif !default;
|
|
27
|
-
$typography-font-family-social: "Glyphicons Halflings", sans-serif !default;
|
|
28
27
|
/* spaces */
|
|
29
28
|
$default-space: 20px !default;
|
|
30
29
|
$extra-extra-small-width: 360px !default;
|
package/fonts.compiled.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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}
|
|
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}
|
package/fonts.scss
CHANGED
|
@@ -132,19 +132,3 @@
|
|
|
132
132
|
}
|
|
133
133
|
/*** endregion */
|
|
134
134
|
/** endregion */
|
|
135
|
-
/** region glyphicons halflings */
|
|
136
|
-
@font-face {
|
|
137
|
-
font-family: "Glyphicons Halflings";
|
|
138
|
-
/* stylelint-disable property-no-unknown */
|
|
139
|
-
font-path: "fonts/glyphicons-halflings/glyphicons-halflings-regular";
|
|
140
|
-
/* stylelint-enable property-no-unknown */
|
|
141
|
-
}
|
|
142
|
-
/** endregion */
|
|
143
|
-
/** region glyphicons social regular */
|
|
144
|
-
@font-face {
|
|
145
|
-
font-family: "Glyphicons Social Regular";
|
|
146
|
-
/* stylelint-disable property-no-unknown */
|
|
147
|
-
font-path: "fonts/glyphicons-halflings/glyphicons-halflings-social-regular";
|
|
148
|
-
/* stylelint-enable property-no-unknown */
|
|
149
|
-
}
|
|
150
|
-
/** endregion */
|
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 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}website-utilities .wu-priority-navigation>ul{list-style:none}website-utilities .wu-priority-navigation>ul>li{display:inline-block;position:relative}website-utilities .wu-priority-navigation>ul>li.wu-priority-navigation__overflow{display:none}website-utilities .wu-priority-navigation a{-webkit-text-decoration:none;text-decoration:none;color:#fff;display:inline-block;padding:10px 15px}website-utilities .wu-priority-navigation a:after{content:" ";position:absolute;left:0;top:0;width:100%;height:100%;border:none;box-sizing:border-box}website-utilities .wu-priority-navigation.resizing{overflow:hidden}website-utilities .wu-priority-navigation__overflow__list{display:block;width:-moz-max-content;width:max-content;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.35);position:absolute;top:95%;right:-20px;opacity:0;visibility:hidden;padding:5px 0;list-style:none}website-utilities .wu-priority-navigation__overflow__list.wu-priority-navigation__overflow__list--show{opacity:1;visibility:visible}website-utilities .wu-priority-navigation__overflow__list>li>a{color:#000;display:block}website-utilities .wu-priority-navigation__overflow__title{cursor:pointer;text-align:center;color:#222;border-radius:50%;font-size:10px;width:2em;height:2em;line-height:2.2em;vertical-align:top;display:inline-block}website-utilities .wu-priority-navigation__list__item--hide{display:none!important}website-utilities .wu-priority-navigation__overflow--inline-block{display:inline-block!important}.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}::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{--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 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 .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}website-utilities .wu-priority-navigation>ul{list-style:none}website-utilities .wu-priority-navigation>ul>li{display:inline-block;position:relative}website-utilities .wu-priority-navigation>ul>li.wu-priority-navigation__overflow{display:none}website-utilities .wu-priority-navigation a{-webkit-text-decoration:none;text-decoration:none;color:#fff;display:inline-block;padding:10px 15px}website-utilities .wu-priority-navigation a:after{content:" ";position:absolute;left:0;top:0;width:100%;height:100%;border:none;box-sizing:border-box}website-utilities .wu-priority-navigation.resizing{overflow:hidden}website-utilities .wu-priority-navigation__overflow__list{display:block;width:-moz-max-content;width:max-content;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.35);position:absolute;top:95%;right:-20px;opacity:0;visibility:hidden;padding:5px 0;list-style:none}website-utilities .wu-priority-navigation__overflow__list.wu-priority-navigation__overflow__list--show{opacity:1;visibility:visible}website-utilities .wu-priority-navigation__overflow__list>li>a{color:#000;display:block}website-utilities .wu-priority-navigation__overflow__title{cursor:pointer;text-align:center;color:#222;border-radius:50%;font-size:10px;width:2em;height:2em;line-height:2.2em;vertical-align:top;display:inline-block}website-utilities .wu-priority-navigation__list__item--hide{display:none!important}website-utilities .wu-priority-navigation__overflow--inline-block{display:inline-block!important}.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}::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.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(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(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"],e);else{var o="object"==typeof exports?e(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")):e(t["@babel/runtime/helpers/applyDecoratedDescriptor"],t["@babel/runtime/helpers/initializerDefineProperty"],t["@babel/runtime/helpers/initializerWarningHelper"],t.clientnode,t["clientnode/property-types"],t["web-component-wrapper/Web"],t["web-component-wrapper/decorator"]);for(var i in o)("object"==typeof exports?exports:t)[i]=o[i]}}(this,((t,e,o,i,n,r,s)=>(()=>{var a=[,,,t=>{t.exports=e},e=>{e.exports=t},t=>{t.exports=o},t=>{t.exports=i},t=>{t.exports=n},t=>{t.exports=s},t=>{t.exports=r}],l={};function c(t){var e=l[t];if(void 0!==e)return e.exports;var o=l[t]={exports:{}};return a[t](o,o.exports,c),o.exports}c.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return c.d(e,{a:e}),e},c.d=(t,e)=>{for(var o in e)c.o(e,o)&&!c.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},c.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),c.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var u={};return(()=>{c.r(u),c.d(u,{WebsiteUtilities:()=>M,api:()=>P,default:()=>z,log:()=>E});var t,e,o,i,n,r,s,a,l,p,d,h,m,w,f,v,g,b,y,N,S,T,_,L,D=c(3),C=c.n(D),k=c(4),A=c.n(k),x=(c(5),c(6)),O=c(7),q=c(8),I=c(9);const E=new x.Logger({name:"website-utilities"});let M=(t=(0,q.property)({type:O.object}),e=(0,q.property)({type:O.func}),o=(0,q.property)({type:O.func}),i=(0,q.property)({type:O.func}),n=(0,q.property)({type:O.func}),r=(0,q.property)({type:O.func}),s=(0,q.property)({type:O.func}),a=(0,q.property)({type:O.func}),l=(0,q.property)({type:O.func}),p=(0,q.property)({type:O.func}),d=(0,q.property)({type:O.func}),L=class t extends I.Web{constructor(){super(),this.self=t,C()(this,"options",m,this),C()(this,"onStartUpAnimationComplete",w,this),C()(this,"onSwitchSection",f,this),C()(this,"onViewportMovesAwayFromTop",v,this),C()(this,"onViewportMovesToTop",g,this),C()(this,"onSwitchToManualScrollingIndicator",b,this),C()(this,"onLoaded",y,this),C()(this,"onButtonClick",N,this),C()(this,"onSectionSwitch",S,this),C()(this,"onLinkClick",T,this),C()(this,"onTrack",_,this),this.currentSectionName="",this.startUpAnimationIsComplete=!1,this.continueAutoScrolling=!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(t,e){await super.onUpdateAttribute(t,e),"options"===t&&this._extendOptions()}async render(t="unknown",e=!0){if(await super.render(t,!1),0===Object.keys(this.options).length&&this._extendOptions(),this.disableScrolling(),!this.self.windowLoaded){const t=()=>{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)(t,this.options.windowLoadedTimeoutAfterDocLoadedInMSec)})),x.globalContext.window&&this.addSecureEventListener(x.globalContext.window,"load",t)}await this.waitForNestedComponentRendering(),this.grabDomNodes(),this._bindScrollEvents(),this._bindClickTracking(),await this._initializeRouting(),this.initializePriorityNavigation(),await this.resolveRenderingPromiseIfSet(t,e)}disconnectedCallback(){super.disconnectedCallback();for(const t of this.observerDeregisters)t()}grabDomNodes(){var t,e,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.priorityNavigation),this.routerOutletDomNode=this.hostDomNode.querySelector(this.options.selectors.routerOutlet);for(const t of null!==(i=this.routerOutletDomNode?.children)&&void 0!==i?i:[]){var i;const e=t.getAttribute("data-website-utilities-section");""===e?this.sectionDomNodes.default=t:e&&this.options.sectionNames.managed.includes(e)&&(this.sectionDomNodes[e]=t)}this.windowLoadingCoverDomNode=null!==(t=null!==(e=null!==(o=this.hostDomNode.querySelector(this.options.selectors.windowLoadingCover))&&void 0!==o?o:this.hostDomNode.parentElement?.querySelector(this.options.selectors.windowLoadingCover))&&void 0!==e?e:x.globalContext.document?.body.querySelector(this.options.selectors.windowLoadingCover))&&void 0!==t?t:null}interruptableScrollToTop(){const t=window.pageYOffset,e=performance.now();this.continueAutoScrolling=!0;const o=i=>{if(!this.continueAutoScrolling)return;const n=i-e,r=Math.min(n/500,1),s=r*(2-r);window.scrollTo(0,t*(1-s)),r<1?requestAnimationFrame(o):this.continueAutoScrolling=!1};requestAnimationFrame(o)}scrollToTop(){x.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",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(t){if(x.globalContext.window?.location&&this.options.tracking){const e={context:`${x.globalContext.window.location.pathname}#`+this.currentSectionName,...t};("number"!=typeof e.value||isNaN(e.value))&&(e.value=1),E.debug('Run tracking code: "event" with arguments:'),E.debug(e);try{await this._onTrack(e)}catch(t){E.warn(`Problem in tracking "${(0,x.represent)(e)}":`,(0,x.represent)(t))}}}initializePriorityNavigation(){if(0===this.priorityNavigationDomNodes?.length)return;for(const t of this.priorityNavigationDomNodes||[])for(const e of t.querySelectorAll(`[href="#${this.currentSectionName}"]`))e.classList.add(this.options.selectors.activeNavigationItemClassName);const t=()=>{for(const t of this.priorityNavigationDomNodes||[]){const e=t.querySelectorAll("ul > li"),o=Array.from(e).filter((t=>!t.classList.contains(this.options.selectors.priorityNavigationOverflow.substring(1)))),i=t.querySelector("ul > li").offsetTop,n=[];let r=!0,s=0;for(const t of o){t.offsetTop!==i&&(n.push(t),r&&(n.push(o[s-1]),r=!1)),s+=1}if(n.length){const e=n.map((t=>t.cloneNode(!0)));for(const t of n)t.classList.add("wu-priority-navigation__list__item--hide");const o=t.querySelector(this.options.selectors.priorityNavigationOverflowList);if(o)for(const t of e)o.append(t);const i=t.querySelector(this.options.selectors.priorityNavigationOverflow);i&&i.classList.add("wu-priority-navigation__overflow--inline-block"),t.style.overflow="visible"}}};for(const t of this.hostDomNode.querySelectorAll(this.options.selectors.priorityNavigationOverflowTitle))this.addSecureEventListener(t,"click",(()=>{for(const t of this.hostDomNode.querySelectorAll(this.options.selectors.priorityNavigationOverflowList))t.classList.toggle("wu-priority-navigation__overflow__list--show")}));for(const e of this.priorityNavigationDomNodes||[]){const o=(0,x.trailingThrottle)((()=>{for(const t of e.querySelectorAll(this.options.selectors.priorityNavigationOverflowList))for(;t.firstChild;)t.removeChild(t.firstChild);for(const t of e.querySelectorAll(this.options.selectors.priorityNavigationOverflow))t.classList.remove("wu-priority-navigation__overflow--show-inline-block");for(const t of e.querySelectorAll("ul > li"))t.classList.contains(this.options.selectors.priorityNavigationOverflow.substring(1))||t.classList.remove("wu-priority-navigation__list__item--hide");t(),e.classList.remove("wu-priority-navigation--resizing")}),20),i=new ResizeObserver((()=>{e.classList.add("wu-priority-navigation--resizing"),o()}));this.observerDeregisters.push((()=>{i.unobserve(e)})),i.observe(e)}t()}addMenuHighlighterViewTransition(){if(!x.globalContext.document)return;const t=document.createElement("style");t.type="text/css";t.appendChild(x.globalContext.document.createTextNode("\n a.wu-priority-navigation__link--active::after {\n view-transition-name: wu-menu-highlight;\n }\n ")),x.globalContext.document.getElementsByTagName("head")[0].appendChild(t)}activateNavigationItemHighlighters(t){const e=this.options.selectors.activeNavigationItemClassName;for(const o of this.priorityNavigationDomNodes||[]){for(const t of o.querySelectorAll(`.${e}`))t.classList.remove(e);for(const i of o.querySelectorAll(`[href="#${t}"]`))i.classList.add(e)}}triggerNavigationItemHighlighterSwitching(t){x.globalContext.document?.startViewTransition?x.globalContext.document.startViewTransition((()=>{this.activateNavigationItemHighlighters(t)})):this.activateNavigationItemHighlighters(t)}async _onButtonClick(t){if(!1===await this.onButtonClick(t))return;const e=t.target,o=(0,x.getText)(e).join(" ");this._onTrack({event:"buttonClick",eventType:"click",label:o,reference:e.getAttribute("action")||e.getAttribute("target")||e.getAttribute("type")||o,subject:"button",value:parseInt(e.getAttribute("website-analytics-value")||"1"),userInteraction:!0})}async _onSectionSwitch(t,e,o){!1!==await this.onSectionSwitch(t,e,o)&&x.globalContext.window?.location&&await this._onTrack({event:"sectionSwitch",eventType:"sectionSwitch",label:t,reference:`${x.globalContext.window.location.pathname}#${t}`,subject:"url",userInteraction:!1})}async _onLinkClick(t){if(!1===await this.onLinkClick(t))return;const e=t.target,o=(0,x.getText)(e).join(" ");this._onTrack({event:"linkClick",eventType:"click",label:o,reference:e.getAttribute("href")||e.getAttribute("action")||e.getAttribute("target")||e.getAttribute("type")||o,subject:"link",value:parseInt(e.getAttribute("website-analytics-value")||"1"),userInteraction:!0})}async _onTrack(t){!1!==await this.onTrack(t)&&this.options.tracking&&x.globalContext.dataLayer?.push(t)}_onViewportMovesToTop(){this._finishScrollToTopButtonTransition();for(const e of null!==(t=this.scrollToTopButtonDomNodes)&&void 0!==t?t:[]){var t;const o=()=>{e.removeEventListener("transitionend",i),e.removeEventListener("transitioncancel",o)},i=()=>{this.viewportIsOnTop&&e.classList.add("wu-top-settled"),o()};e.addEventListener("transitionend",i,{once:!0}),e.addEventListener("transitioncancel",o,{once:!0}),e.classList.add("wu-scroll-up")}}async _onViewportMovesAwayFromTop(){this._finishScrollToTopButtonTransition("wu-top-settled"),await(0,x.timeout)(),this._finishScrollToTopButtonTransition();for(const e of null!==(t=this.scrollToTopButtonDomNodes)&&void 0!==t?t:[]){var t;e.classList.add("wu-scroll-down")}}async switchSection(t,e){if(x.globalContext.window&&"location"in x.globalContext.window&&(""===t||this.options.sectionNames.managed.includes(t)||this.options.sectionNames.unmanaged.includes(t))){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,t)?this.sectionDomNodes[t]:null!==(i=this.sectionDomNodes.default)&&void 0!==i?i:null;await this.self.switchSectionLock.acquire(),this.triggerNavigationItemHighlighterSwitching(t),E.debug(`Run section switch from "${this.currentSectionName}" to`,`"${t}".`),this.currentSectionName===t?(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(t)&&this.options.sectionNames.unmanaged.includes(this.currentSectionName)||(this.interruptableScrollToTop(),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=t;try{await this._onSectionSwitch(this.currentSectionName,s,e)}catch(t){E.warn("Problem due to call section switch callback on section",`"${this.currentSectionName}": ${(0,x.represent)(t)}`)}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 t=x.globalContext.location?.hash&&x.globalContext.location.hash.substring(1);t&&(this.options.sectionNames.managed.includes(t)||this.options.sectionNames.unmanaged.includes(t))&&(this.currentSectionName=t);for(const t of Object.values(this.sectionDomNodes))t.classList.add("wu-section-inactive");return this.switchSection(null!=t?t:this.currentSectionName)}_finishScrollToTopButtonTransition(t=["wu-scroll-down","wu-scroll-up"]){for(const o of null!==(e=this.scrollToTopButtonDomNodes)&&void 0!==e?e:[]){var e;o.classList.remove(...[].concat(t))}}_bindScrollEvents(){if(x.globalContext.document){for(const t of[x.globalContext.document.body,x.globalContext.document.querySelector("html"),x.globalContext.window])for(const e of this.options.knownScrollEventNames)t&&this.addSecureEventListener(t,e,(t=>{this.onSwitchToManualScrollingIndicator(t)&&(this.continueAutoScrolling=!1)}));if(x.globalContext.window&&this.addSecureEventListener(x.globalContext.window,"scroll",(t=>{x.globalContext.window?.scrollY?this.viewportIsOnTop&&(this.viewportIsOnTop=!1,this._onViewportMovesAwayFromTop().then(this.onViewportMovesAwayFromTop.bind(this,t))):this.viewportIsOnTop||(this.viewportIsOnTop=!0,this._onViewportMovesToTop(),this.onViewportMovesToTop(t))})),x.globalContext.window?.scrollY)this.viewportIsOnTop=!1,this._onViewportMovesAwayFromTop().then((()=>{this.onViewportMovesAwayFromTop()}));else{this.viewportIsOnTop=!0;for(const e of null!==(t=this.scrollToTopButtonDomNodes)&&void 0!==t?t:[]){var t;e.classList.add("wu-top-settled")}this._onViewportMovesToTop(),this.onViewportMovesToTop()}}}async _removeLoadingCover(){await(0,x.timeout)(this.options.additionalPageLoadingTimeInMilliseconds);for(const t of this.hostDomNode.querySelectorAll(`[class^="${this.options.selectors.startUpAnimationClassPrefix}"], [class*=" ${this.options.selectors.startUpAnimationClassPrefix}"]`))t.style.opacity="0";this.windowLoadingCoverDomNode&&await(0,x.fadeOut)(this.windowLoadingCoverDomNode)}async _performStartUpEffects(){const t=[];let e=1;for(;;){const o=this.hostDomNode.querySelectorAll("."+this.options.selectors.startUpAnimationClassPrefix+String(e));if(0===o.length){await Promise.all(t),this.startUpAnimationIsComplete=!0,this.onStartUpAnimationComplete();break}await(0,x.timeout)(this.options.startUpAnimationElementDelayInMilliseconds);for(const e of o)t.push((0,x.fadeIn)(e));e+=1}}_bindNavigationEvents(){x.globalContext.window&&this.addSecureEventListener(x.globalContext.window,"hashchange",(t=>{if(this.startUpAnimationIsComplete){const e=location.hash.substring(1);this.switchSection(e,t)}})),this._bindScrollToTopButton()}_bindScrollToTopButton(){for(const t of this.scrollToTopButtonDomNodes||[])this.addSecureEventListener(t,"click",(t=>{t.preventDefault(),this.interruptableScrollToTop()}))}_bindClickTracking(){if(this.options.tracking){for(const t of this.hostDomNode.querySelectorAll("a"))this.addSecureEventListener(t,"click",(t=>{this._onLinkClick(t)}));for(const t of this.hostDomNode.querySelectorAll("button"))this.addSecureEventListener(t,"click",(t=>{this._onButtonClick(t)}))}}},L._name="WebsiteUtilities",L._defaultOptions={additionalPageLoadingTimeInMilliseconds:0,startUpAnimationElementDelayInMilliseconds:100,windowLoadedTimeoutAfterDocLoadedInMSec:2e3,domain:"auto",knownScrollEventNames:["DOMMouseScroll","keyup","mousedown","mousewheel","scroll","touchmove","wheel"],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",activeNavigationItemClassName:"wu-priority-navigation__link--active",priorityNavigation:".wu-priority-navigation",priorityNavigationOverflow:".wu-priority-navigation__overflow",priorityNavigationOverflowTitle:".wu-priority-navigation__overflow__title",priorityNavigationOverflowList:".wu-priority-navigation__overflow__list"},tracking:!1},L.windowLoaded=!1,L.switchSectionLock=new x.Lock,h=L,m=A()(h.prototype,"options",[t],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return{}}}),w=A()(h.prototype,"onStartUpAnimationComplete",[e],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return x.NOOP}}),f=A()(h.prototype,"onSwitchSection",[o],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return x.NOOP}}),v=A()(h.prototype,"onViewportMovesAwayFromTop",[i],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return x.NOOP}}),g=A()(h.prototype,"onViewportMovesToTop",[n],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return x.NOOP}}),b=A()(h.prototype,"onSwitchToManualScrollingIndicator",[r],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return()=>!0}}),y=A()(h.prototype,"onLoaded",[s],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return x.NOOP}}),N=A()(h.prototype,"onButtonClick",[a],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(t){return Promise.resolve(void 0)}}}),S=A()(h.prototype,"onSectionSwitch",[l],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(t,e,o){return Promise.resolve(void 0)}}}),T=A()(h.prototype,"onLinkClick",[p],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(t){return Promise.resolve(void 0)}}}),_=A()(h.prototype,"onTrack",[d],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(t){return Promise.resolve(void 0)}}}),h);const P={component:M,register:(t=(0,x.camelCaseToDelimited)(M._name))=>{customElements.define(t,M)}},z=M;x.globalContext.AUTO_DEFINE_WEBSITE_UTILITIES&&P.register()})(),u})()));
|
|
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(t,e){if("object"==typeof exports&&"object"==typeof module)module.exports=e(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"],e);else{var o="object"==typeof exports?e(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")):e(t["@babel/runtime/helpers/applyDecoratedDescriptor"],t["@babel/runtime/helpers/initializerDefineProperty"],t["@babel/runtime/helpers/initializerWarningHelper"],t.clientnode,t["clientnode/property-types"],t["web-component-wrapper/Web"],t["web-component-wrapper/decorator"]);for(var i in o)("object"==typeof exports?exports:t)[i]=o[i]}}(this,((t,e,o,i,n,r,s)=>(()=>{var a=[,,,t=>{t.exports=e},e=>{e.exports=t},t=>{t.exports=o},t=>{t.exports=i},t=>{t.exports=n},t=>{t.exports=s},t=>{t.exports=r}],l={};function c(t){var e=l[t];if(void 0!==e)return e.exports;var o=l[t]={exports:{}};return a[t](o,o.exports,c),o.exports}c.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return c.d(e,{a:e}),e},c.d=(t,e)=>{for(var o in e)c.o(e,o)&&!c.o(t,o)&&Object.defineProperty(t,o,{enumerable:!0,get:e[o]})},c.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),c.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var u={};return(()=>{c.r(u),c.d(u,{WebsiteUtilities:()=>M,api:()=>P,default:()=>z,log:()=>E});var t,e,o,i,n,r,s,a,l,p,d,h,m,w,f,v,g,b,y,N,S,T,_,L,D=c(3),C=c.n(D),k=c(4),A=c.n(k),x=(c(5),c(6)),O=c(7),q=c(8),I=c(9);const E=new x.Logger({name:"website-utilities"});let M=(t=(0,q.property)({type:O.object}),e=(0,q.property)({type:O.func}),o=(0,q.property)({type:O.func}),i=(0,q.property)({type:O.func}),n=(0,q.property)({type:O.func}),r=(0,q.property)({type:O.func}),s=(0,q.property)({type:O.func}),a=(0,q.property)({type:O.func}),l=(0,q.property)({type:O.func}),p=(0,q.property)({type:O.func}),d=(0,q.property)({type:O.func}),L=class t extends I.Web{constructor(){super(),this.self=t,C()(this,"options",m,this),C()(this,"onStartUpAnimationComplete",w,this),C()(this,"onSwitchSection",f,this),C()(this,"onViewportMovesAwayFromTop",v,this),C()(this,"onViewportMovesToTop",g,this),C()(this,"onSwitchToManualScrollingIndicator",b,this),C()(this,"onLoaded",y,this),C()(this,"onButtonClick",N,this),C()(this,"onSectionSwitch",S,this),C()(this,"onLinkClick",T,this),C()(this,"onTrack",_,this),this.currentSectionName="",this.startUpAnimationIsComplete=!1,this.continueAutoScrolling=!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(t,e){await super.onUpdateAttribute(t,e),"options"===t&&this._extendOptions()}async render(t="unknown",e=!0){if(await super.render(t,!1),0===Object.keys(this.options).length&&this._extendOptions(),this.disableScrolling(),!this.self.windowLoaded){const t=()=>{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)(t,this.options.windowLoadedTimeoutAfterDocLoadedInMSec)})),x.globalContext.window&&this.addSecureEventListener(x.globalContext.window,"load",t)}await this.waitForNestedComponentRendering(),this.grabDomNodes(),this._bindScrollEvents(),this._bindClickTracking(),await this._initializeRouting(),this.initializePriorityNavigation(),await this.resolveRenderingPromiseIfSet(t,e)}disconnectedCallback(){super.disconnectedCallback();for(const t of this.observerDeregisters)t()}grabDomNodes(){var t,e,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.priorityNavigation),this.routerOutletDomNode=this.hostDomNode.querySelector(this.options.selectors.routerOutlet);for(const t of null!==(i=this.routerOutletDomNode?.children)&&void 0!==i?i:[]){var i;const e=t.getAttribute("data-website-utilities-section");""===e?this.sectionDomNodes.default=t:e&&this.options.sectionNames.managed.includes(e)&&(this.sectionDomNodes[e]=t)}this.windowLoadingCoverDomNode=null!==(t=null!==(e=null!==(o=this.hostDomNode.querySelector(this.options.selectors.windowLoadingCover))&&void 0!==o?o:this.hostDomNode.parentElement?.querySelector(this.options.selectors.windowLoadingCover))&&void 0!==e?e:x.globalContext.document?.body.querySelector(this.options.selectors.windowLoadingCover))&&void 0!==t?t:null}interruptableScrollToTop(){const t=window.pageYOffset,e=performance.now();this.continueAutoScrolling=!0;const o=i=>{if(!this.continueAutoScrolling)return;const n=i-e,r=Math.min(n/500,1),s=r*(2-r);window.scrollTo(0,t*(1-s)),r<1?requestAnimationFrame(o):this.continueAutoScrolling=!1};requestAnimationFrame(o)}scrollToTop(){x.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",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(t){if(x.globalContext.window?.location&&this.options.tracking){const e={context:`${x.globalContext.window.location.pathname}#`+this.currentSectionName,...t};("number"!=typeof e.value||isNaN(e.value))&&(e.value=1),E.debug('Run tracking code: "event" with arguments:'),E.debug(e);try{await this._onTrack(e)}catch(t){E.warn(`Problem in tracking "${(0,x.represent)(e)}":`,(0,x.represent)(t))}}}initializePriorityNavigation(){if(0===this.priorityNavigationDomNodes?.length)return;for(const t of this.priorityNavigationDomNodes||[])for(const e of t.querySelectorAll(`[href="#${this.currentSectionName}"]`))e.classList.add(this.options.selectors.activeNavigationItemClassName);const t=()=>{for(const t of this.priorityNavigationDomNodes||[]){const e=t.querySelectorAll("ul > li"),o=Array.from(e).filter((t=>!t.classList.contains(this.options.selectors.priorityNavigationOverflow.substring(1)))),i=t.querySelector("ul > li").offsetTop,n=[];let r=!0,s=0;for(const t of o){t.offsetTop!==i&&(n.push(t),r&&(n.push(o[s-1]),r=!1)),s+=1}if(n.length){const e=n.map((t=>t.cloneNode(!0)));for(const t of n)t.classList.add("wu-priority-navigation__list__item--hide");const o=t.querySelector(this.options.selectors.priorityNavigationOverflowList);if(o)for(const t of e)o.append(t);const i=t.querySelector(this.options.selectors.priorityNavigationOverflow);i&&i.classList.add("wu-priority-navigation__overflow--inline-block"),t.style.overflow="visible"}}};for(const t of this.hostDomNode.querySelectorAll(this.options.selectors.priorityNavigationOverflowTitle))this.addSecureEventListener(t,"click",(()=>{for(const t of this.hostDomNode.querySelectorAll(this.options.selectors.priorityNavigationOverflowList))t.classList.toggle("wu-priority-navigation__overflow__list--show")}));for(const e of this.priorityNavigationDomNodes||[]){const o=(0,x.trailingThrottle)((()=>{for(const t of e.querySelectorAll(this.options.selectors.priorityNavigationOverflowList))for(;t.firstChild;)t.removeChild(t.firstChild);for(const t of e.querySelectorAll(this.options.selectors.priorityNavigationOverflow))t.classList.remove("wu-priority-navigation__overflow--show-inline-block");for(const t of e.querySelectorAll("ul > li"))t.classList.contains(this.options.selectors.priorityNavigationOverflow.substring(1))||t.classList.remove("wu-priority-navigation__list__item--hide");t(),e.classList.remove("wu-priority-navigation--resizing")}),20),i=new ResizeObserver((()=>{e.classList.add("wu-priority-navigation--resizing"),o()}));this.observerDeregisters.push((()=>{i.unobserve(e)})),i.observe(e)}t()}addMenuHighlighterViewTransition(){if(!x.globalContext.document)return;const t=document.createElement("style");t.type="text/css";t.appendChild(x.globalContext.document.createTextNode("\n a.wu-priority-navigation__link--active::after {\n view-transition-name: wu-menu-highlight;\n }\n ")),x.globalContext.document.getElementsByTagName("head")[0].appendChild(t)}activateNavigationItemHighlighters(t){const e=this.options.selectors.activeNavigationItemClassName;for(const o of this.priorityNavigationDomNodes||[]){for(const t of o.querySelectorAll(`.${e}`))t.classList.remove(e);for(const i of o.querySelectorAll(`[href="#${t}"]`))i.classList.add(e)}}triggerNavigationItemHighlighterSwitching(t){x.globalContext.document?.startViewTransition?x.globalContext.document.startViewTransition((()=>{this.activateNavigationItemHighlighters(t)})):this.activateNavigationItemHighlighters(t)}async _onButtonClick(t){if(!1===await this.onButtonClick(t))return;const e=t.target,o=(0,x.getText)(e).join(" ");this._onTrack({event:"buttonClick",eventType:"click",label:o,reference:e.getAttribute("action")||e.getAttribute("target")||e.getAttribute("type")||o,subject:"button",value:parseInt(e.getAttribute("website-analytics-value")||"1"),userInteraction:!0})}async _onSectionSwitch(t,e,o){!1!==await this.onSectionSwitch(t,e,o)&&x.globalContext.window?.location&&await this._onTrack({event:"sectionSwitch",eventType:"sectionSwitch",label:t,reference:`${x.globalContext.window.location.pathname}#${t}`,subject:"url",userInteraction:!1})}async _onLinkClick(t){if(!1===await this.onLinkClick(t))return;const e=t.target,o=(0,x.getText)(e).join(" ");this._onTrack({event:"linkClick",eventType:"click",label:o,reference:e.getAttribute("href")||e.getAttribute("action")||e.getAttribute("target")||e.getAttribute("type")||o,subject:"link",value:parseInt(e.getAttribute("website-analytics-value")||"1"),userInteraction:!0})}async _onTrack(t){!1!==await this.onTrack(t)&&this.options.tracking&&x.globalContext.dataLayer?.push(t)}_onViewportMovesToTop(){this._finishScrollToTopButtonTransition();for(const e of null!==(t=this.scrollToTopButtonDomNodes)&&void 0!==t?t:[]){var t;const o=()=>{e.removeEventListener("transitionend",i),e.removeEventListener("transitioncancel",o)},i=()=>{this.viewportIsOnTop&&e.classList.add("wu-top-settled"),o()};e.addEventListener("transitionend",i,{once:!0}),e.addEventListener("transitioncancel",o,{once:!0}),e.classList.add("wu-scroll-up")}}async _onViewportMovesAwayFromTop(){this._finishScrollToTopButtonTransition("wu-top-settled"),await(0,x.timeout)(),this._finishScrollToTopButtonTransition();for(const e of null!==(t=this.scrollToTopButtonDomNodes)&&void 0!==t?t:[]){var t;e.classList.add("wu-scroll-down")}}async switchSection(t,e){if(x.globalContext.window&&"location"in x.globalContext.window&&(""===t||this.options.sectionNames.managed.includes(t)||this.options.sectionNames.unmanaged.includes(t))){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,t)?this.sectionDomNodes[t]:null!==(i=this.sectionDomNodes.default)&&void 0!==i?i:null;await this.self.switchSectionLock.acquire(),this.triggerNavigationItemHighlighterSwitching(t),E.debug(`Run section switch from "${this.currentSectionName}" to`,`"${t}".`),this.currentSectionName===t?(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(t)&&this.options.sectionNames.unmanaged.includes(this.currentSectionName)||(this.interruptableScrollToTop(),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=t;try{await this._onSectionSwitch(this.currentSectionName,s,e)}catch(t){E.warn("Problem due to call section switch callback on section",`"${this.currentSectionName}": ${(0,x.represent)(t)}`)}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 t=x.globalContext.location?.hash&&x.globalContext.location.hash.substring(1);t&&(this.options.sectionNames.managed.includes(t)||this.options.sectionNames.unmanaged.includes(t))&&(this.currentSectionName=t);for(const t of Object.values(this.sectionDomNodes))t.classList.add("wu-section-inactive");return this.switchSection(t||this.currentSectionName)}_finishScrollToTopButtonTransition(t=["wu-scroll-down","wu-scroll-up"]){for(const o of null!==(e=this.scrollToTopButtonDomNodes)&&void 0!==e?e:[]){var e;o.classList.remove(...[].concat(t))}}_bindScrollEvents(){if(x.globalContext.document){for(const t of[x.globalContext.document.body,x.globalContext.document.querySelector("html"),x.globalContext.window])for(const e of this.options.knownScrollEventNames)t&&this.addSecureEventListener(t,e,(t=>{this.onSwitchToManualScrollingIndicator(t)&&(this.continueAutoScrolling=!1)}));if(x.globalContext.window&&this.addSecureEventListener(x.globalContext.window,"scroll",(t=>{x.globalContext.window?.scrollY?this.viewportIsOnTop&&(this.viewportIsOnTop=!1,this._onViewportMovesAwayFromTop().then(this.onViewportMovesAwayFromTop.bind(this,t))):this.viewportIsOnTop||(this.viewportIsOnTop=!0,this._onViewportMovesToTop(),this.onViewportMovesToTop(t))})),x.globalContext.window?.scrollY)this.viewportIsOnTop=!1,this._onViewportMovesAwayFromTop().then((()=>{this.onViewportMovesAwayFromTop()}));else{this.viewportIsOnTop=!0;for(const e of null!==(t=this.scrollToTopButtonDomNodes)&&void 0!==t?t:[]){var t;e.classList.add("wu-top-settled")}this._onViewportMovesToTop(),this.onViewportMovesToTop()}}}async _removeLoadingCover(){await(0,x.timeout)(this.options.additionalPageLoadingTimeInMilliseconds);for(const t of this.hostDomNode.querySelectorAll(`[class^="${this.options.selectors.startUpAnimationClassPrefix}"], [class*=" ${this.options.selectors.startUpAnimationClassPrefix}"]`))t.style.opacity="0";this.windowLoadingCoverDomNode&&await(0,x.fadeOut)(this.windowLoadingCoverDomNode)}async _performStartUpEffects(){const t=[];let e=1;for(;;){const o=this.hostDomNode.querySelectorAll("."+this.options.selectors.startUpAnimationClassPrefix+String(e));if(0===o.length){await Promise.all(t),this.startUpAnimationIsComplete=!0,this.onStartUpAnimationComplete();break}await(0,x.timeout)(this.options.startUpAnimationElementDelayInMilliseconds);for(const e of o)t.push((0,x.fadeIn)(e));e+=1}}_bindNavigationEvents(){x.globalContext.window&&this.addSecureEventListener(x.globalContext.window,"hashchange",(t=>{if(this.startUpAnimationIsComplete){const e=location.hash.substring(1);this.switchSection(e,t)}})),this._bindScrollToTopButton()}_bindScrollToTopButton(){for(const t of this.scrollToTopButtonDomNodes||[])this.addSecureEventListener(t,"click",(t=>{t.preventDefault(),this.interruptableScrollToTop()}))}_bindClickTracking(){if(this.options.tracking){for(const t of this.hostDomNode.querySelectorAll("a"))this.addSecureEventListener(t,"click",(t=>{this._onLinkClick(t)}));for(const t of this.hostDomNode.querySelectorAll("button"))this.addSecureEventListener(t,"click",(t=>{this._onButtonClick(t)}))}}},L._name="WebsiteUtilities",L._defaultOptions={additionalPageLoadingTimeInMilliseconds:0,startUpAnimationElementDelayInMilliseconds:100,windowLoadedTimeoutAfterDocLoadedInMSec:2e3,domain:"auto",knownScrollEventNames:["DOMMouseScroll","keyup","mousedown","mousewheel","scroll","touchmove","wheel"],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",activeNavigationItemClassName:"wu-priority-navigation__link--active",priorityNavigation:".wu-priority-navigation",priorityNavigationOverflow:".wu-priority-navigation__overflow",priorityNavigationOverflowTitle:".wu-priority-navigation__overflow__title",priorityNavigationOverflowList:".wu-priority-navigation__overflow__list"},tracking:!1},L.windowLoaded=!1,L.switchSectionLock=new x.Lock,h=L,m=A()(h.prototype,"options",[t],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return{}}}),w=A()(h.prototype,"onStartUpAnimationComplete",[e],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return x.NOOP}}),f=A()(h.prototype,"onSwitchSection",[o],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return x.NOOP}}),v=A()(h.prototype,"onViewportMovesAwayFromTop",[i],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return x.NOOP}}),g=A()(h.prototype,"onViewportMovesToTop",[n],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return x.NOOP}}),b=A()(h.prototype,"onSwitchToManualScrollingIndicator",[r],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return()=>!0}}),y=A()(h.prototype,"onLoaded",[s],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return x.NOOP}}),N=A()(h.prototype,"onButtonClick",[a],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(t){return Promise.resolve(void 0)}}}),S=A()(h.prototype,"onSectionSwitch",[l],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(t,e,o){return Promise.resolve(void 0)}}}),T=A()(h.prototype,"onLinkClick",[p],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(t){return Promise.resolve(void 0)}}}),_=A()(h.prototype,"onTrack",[d],{configurable:!0,enumerable:!0,writable:!0,initializer:function(){return function(t){return Promise.resolve(void 0)}}}),h);const P={component:M,register:(t=(0,x.camelCaseToDelimited)(M._name))=>{customElements.define(t,M)}},z=M;x.globalContext.AUTO_DEFINE_WEBSITE_UTILITIES&&P.register()})(),u})()));
|
package/index.scss
CHANGED
|
@@ -108,262 +108,6 @@ website-utilities {
|
|
|
108
108
|
.wu-section-inactive {
|
|
109
109
|
display: none;
|
|
110
110
|
}
|
|
111
|
-
/** region icons */
|
|
112
|
-
.icon,
|
|
113
|
-
.icon-social {
|
|
114
|
-
font-family: var(
|
|
115
|
-
--w-typography-font-family-social,
|
|
116
|
-
v.$typography-font-family-social
|
|
117
|
-
);
|
|
118
|
-
font-style: normal;
|
|
119
|
-
font-weight: 400;
|
|
120
|
-
|
|
121
|
-
line-height: 1;
|
|
122
|
-
|
|
123
|
-
display: inline-block;
|
|
124
|
-
position: relative;
|
|
125
|
-
|
|
126
|
-
text-decoration: none;
|
|
127
|
-
|
|
128
|
-
top: 1px;
|
|
129
|
-
vertical-align: middle;
|
|
130
|
-
|
|
131
|
-
zoom: 1;
|
|
132
|
-
|
|
133
|
-
-webkit-font-smoothing: antialiased;
|
|
134
|
-
-moz-osx-font-smoothing: grayscale;
|
|
135
|
-
|
|
136
|
-
&::before {
|
|
137
|
-
font-family: var(
|
|
138
|
-
--w-typography-font-family-social,
|
|
139
|
-
v.$typography-font-family-social
|
|
140
|
-
);
|
|
141
|
-
|
|
142
|
-
display: inline-block;
|
|
143
|
-
|
|
144
|
-
left: 0;
|
|
145
|
-
margin: 0 5px 0 0;
|
|
146
|
-
position: absolute;
|
|
147
|
-
top: 0;
|
|
148
|
-
}
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
.icon {
|
|
152
|
-
&-arrow-left::before {
|
|
153
|
-
content: "\E091";
|
|
154
|
-
}
|
|
155
|
-
}
|
|
156
|
-
|
|
157
|
-
.icon-social {
|
|
158
|
-
&::before {
|
|
159
|
-
font: 24px/1em "Glyphicons Social Regular", sans-serif;
|
|
160
|
-
}
|
|
161
|
-
|
|
162
|
-
&-white::before {
|
|
163
|
-
color: #fff;
|
|
164
|
-
}
|
|
165
|
-
|
|
166
|
-
&-pinterest::before {
|
|
167
|
-
content: "\E001";
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
&-dropbox::before {
|
|
171
|
-
content: "\E002";
|
|
172
|
-
}
|
|
173
|
-
|
|
174
|
-
&-google_plus::before {
|
|
175
|
-
content: "\E003";
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
&-jolicloud::before {
|
|
179
|
-
content: "\E004";
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
&-yahoo::before {
|
|
183
|
-
content: "\E005";
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
&-blogger::before {
|
|
187
|
-
content: "\E006";
|
|
188
|
-
}
|
|
189
|
-
|
|
190
|
-
&-picasa::before {
|
|
191
|
-
content: "\E007";
|
|
192
|
-
}
|
|
193
|
-
|
|
194
|
-
&-amazon::before {
|
|
195
|
-
content: "\E008";
|
|
196
|
-
}
|
|
197
|
-
|
|
198
|
-
&-tumblr::before {
|
|
199
|
-
content: "\E009";
|
|
200
|
-
}
|
|
201
|
-
|
|
202
|
-
&-wordpress::before {
|
|
203
|
-
content: "\E010";
|
|
204
|
-
}
|
|
205
|
-
|
|
206
|
-
&-instapaper::before {
|
|
207
|
-
content: "\E011";
|
|
208
|
-
}
|
|
209
|
-
|
|
210
|
-
&-evernote::before {
|
|
211
|
-
content: "\E012";
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
&-xing::before {
|
|
215
|
-
content: "\E013";
|
|
216
|
-
}
|
|
217
|
-
|
|
218
|
-
&-zootool::before {
|
|
219
|
-
content: "\E014";
|
|
220
|
-
}
|
|
221
|
-
|
|
222
|
-
&-dribbble::before {
|
|
223
|
-
content: "\E015";
|
|
224
|
-
}
|
|
225
|
-
|
|
226
|
-
&-deviantart::before {
|
|
227
|
-
content: "\E016";
|
|
228
|
-
}
|
|
229
|
-
|
|
230
|
-
&-read_it_later::before {
|
|
231
|
-
content: "\E017";
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
&-linked_in::before {
|
|
235
|
-
content: "\E018";
|
|
236
|
-
}
|
|
237
|
-
|
|
238
|
-
&-forrst::before {
|
|
239
|
-
content: "\E019";
|
|
240
|
-
}
|
|
241
|
-
|
|
242
|
-
&-pinboard::before {
|
|
243
|
-
content: "\E020";
|
|
244
|
-
}
|
|
245
|
-
|
|
246
|
-
&-behance::before {
|
|
247
|
-
content: "\E021";
|
|
248
|
-
}
|
|
249
|
-
|
|
250
|
-
&-github::before {
|
|
251
|
-
content: "\E022";
|
|
252
|
-
}
|
|
253
|
-
|
|
254
|
-
&-youtube::before {
|
|
255
|
-
content: "\E023";
|
|
256
|
-
}
|
|
257
|
-
|
|
258
|
-
&-skitch::before {
|
|
259
|
-
content: "\E024";
|
|
260
|
-
}
|
|
261
|
-
|
|
262
|
-
&-foursquare::before {
|
|
263
|
-
content: "\E025";
|
|
264
|
-
}
|
|
265
|
-
|
|
266
|
-
&-quora::before {
|
|
267
|
-
content: "\E026";
|
|
268
|
-
}
|
|
269
|
-
|
|
270
|
-
&-badoo::before {
|
|
271
|
-
content: "\E027";
|
|
272
|
-
}
|
|
273
|
-
|
|
274
|
-
&-spotify::before {
|
|
275
|
-
content: "\E028";
|
|
276
|
-
}
|
|
277
|
-
|
|
278
|
-
&-stumbleupon::before {
|
|
279
|
-
content: "\E029";
|
|
280
|
-
}
|
|
281
|
-
|
|
282
|
-
&-readability::before {
|
|
283
|
-
content: "\E030";
|
|
284
|
-
}
|
|
285
|
-
|
|
286
|
-
&-facebook::before {
|
|
287
|
-
content: "\E031";
|
|
288
|
-
}
|
|
289
|
-
|
|
290
|
-
&-twitter::before {
|
|
291
|
-
content: "\E032";
|
|
292
|
-
}
|
|
293
|
-
|
|
294
|
-
&-instagram::before {
|
|
295
|
-
content: "\E033";
|
|
296
|
-
}
|
|
297
|
-
|
|
298
|
-
&-posterous_spaces::before {
|
|
299
|
-
content: "\E034";
|
|
300
|
-
}
|
|
301
|
-
|
|
302
|
-
&-vimeo::before {
|
|
303
|
-
content: "\E035";
|
|
304
|
-
}
|
|
305
|
-
|
|
306
|
-
&-flickr::before {
|
|
307
|
-
content: "\E036";
|
|
308
|
-
}
|
|
309
|
-
|
|
310
|
-
&-last_fm::before {
|
|
311
|
-
content: "\E037";
|
|
312
|
-
}
|
|
313
|
-
|
|
314
|
-
&-rss::before {
|
|
315
|
-
content: "\E038";
|
|
316
|
-
}
|
|
317
|
-
|
|
318
|
-
&-skype::before {
|
|
319
|
-
content: "\E039";
|
|
320
|
-
}
|
|
321
|
-
|
|
322
|
-
&-e-mail::before {
|
|
323
|
-
content: "\E040";
|
|
324
|
-
}
|
|
325
|
-
|
|
326
|
-
&-vine::before {
|
|
327
|
-
content: "\E041";
|
|
328
|
-
}
|
|
329
|
-
|
|
330
|
-
&-myspace::before {
|
|
331
|
-
content: "\E042";
|
|
332
|
-
}
|
|
333
|
-
|
|
334
|
-
&-goodreads::before {
|
|
335
|
-
content: "\E043";
|
|
336
|
-
}
|
|
337
|
-
|
|
338
|
-
&-apple::before {
|
|
339
|
-
content: "\F8FF";
|
|
340
|
-
}
|
|
341
|
-
|
|
342
|
-
&-windows::before {
|
|
343
|
-
content: "\E045";
|
|
344
|
-
}
|
|
345
|
-
|
|
346
|
-
&-yelp::before {
|
|
347
|
-
content: "\E046";
|
|
348
|
-
}
|
|
349
|
-
|
|
350
|
-
&-playstation::before {
|
|
351
|
-
content: "\E047";
|
|
352
|
-
}
|
|
353
|
-
|
|
354
|
-
&-xbox::before {
|
|
355
|
-
content: "\E048";
|
|
356
|
-
}
|
|
357
|
-
|
|
358
|
-
&-android::before {
|
|
359
|
-
content: "\E049";
|
|
360
|
-
}
|
|
361
|
-
|
|
362
|
-
&-ios::before {
|
|
363
|
-
content: "\E050";
|
|
364
|
-
}
|
|
365
|
-
}
|
|
366
|
-
/** endregion */
|
|
367
111
|
/** region form */
|
|
368
112
|
/*** region styled select */
|
|
369
113
|
.wu-select {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "website-utilities",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.417",
|
|
4
4
|
"description": "extend your web app",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"website",
|
|
@@ -73,10 +73,11 @@
|
|
|
73
73
|
"@typescript-eslint/eslint-plugin": "^8.59.3",
|
|
74
74
|
"@typescript-eslint/parser": "^8.59.3",
|
|
75
75
|
"@webcomponents/webcomponentsjs": "^2.8.0",
|
|
76
|
+
"bootstrap-icons": "^1.13.1",
|
|
76
77
|
"clientnode": "^4.0.1396",
|
|
77
78
|
"css-loader": "^7.1.4",
|
|
78
79
|
"cssnano": "^8.0.1",
|
|
79
|
-
"eslint": "^10.
|
|
80
|
+
"eslint": "^10.4.0",
|
|
80
81
|
"eslint-config-google": "^0.14.0",
|
|
81
82
|
"eslint-plugin-jsdoc": "^62.9.0",
|
|
82
83
|
"jest": "^30.3.0",
|
|
@@ -104,12 +105,16 @@
|
|
|
104
105
|
},
|
|
105
106
|
"peerDependencies": {
|
|
106
107
|
"@babel/runtime": "*",
|
|
108
|
+
"bootstrap-icons": "*",
|
|
107
109
|
"clientnode": "*",
|
|
108
110
|
"web-component-wrapper": "*"
|
|
109
111
|
},
|
|
110
112
|
"peerDependenciesMeta": {
|
|
111
113
|
"@babel/runtime": {
|
|
112
114
|
"optional": true
|
|
115
|
+
},
|
|
116
|
+
"bootstrap-icons": {
|
|
117
|
+
"optional": true
|
|
113
118
|
}
|
|
114
119
|
},
|
|
115
120
|
"engines": {
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|