@aarhus-university/au-designsystem-delphinus 1.0.2 → 1.0.3
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/CHANGELOG.md +17 -0
- package/package.json +2 -2
- package/public/js/app.js +1 -1
- package/public/js/demo.js +2 -2
- package/public/projects/bachelor-applications/js/app.js +1 -1
- package/public/projects/course-catalogue/js/app.js +1 -1
- package/public/projects/medarbejdere/js/app.js +1 -1
- package/public/projects/medarbejdere/style.css +75 -0
- package/public/projects/mitstudie/js/app.js +1 -1
- package/public/projects/typo3/js/app.js +1 -1
- package/source/js/components/affiliate-expand.ts +17 -3
- package/source/js/components/helpers.ts +8 -69
- package/source/js/components/horizontal-scroll-btn.ts +91 -0
- package/source/js/production/app.ts +3 -5
- package/source/js/production/typo3.ts +3 -6
- package/source/projects/course-catalogue/markup/_course-details.pug +1 -1
- package/source/projects/medarbejdere/markup/_pure-profile-editor.pug +41 -34
- package/source/projects/medarbejdere/style/_profile-text-selector.scss +67 -0
- package/source/projects/medarbejdere/style.scss +1 -0
- package/source/projects/typo3/employee-profiles/mixins/_person-profile.pug +3 -2
- package/source/projects/typo3/employee-profiles/mixins/_profile-header-variants.pug +5 -0
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,20 @@
|
|
|
1
|
+
## 1.0.3 (July 28, 2023)
|
|
2
|
+
|
|
3
|
+
### Core Delphinus Updates
|
|
4
|
+
* Restores minification for all compiled css files.
|
|
5
|
+
* Adjust JavaScript for [horizontal scroll](https://delphinus.au.dk/components/horizontal-scroll), so that the component now needs modifier `.horizontal-scroll--check-overflow` before JS will check for overflow and set the `.horizontal-scroll--no-overflow` modifier if the panel has no overflow.
|
|
6
|
+
* Adds support for scroll buttons, when [horizontal scroll](https://delphinus.au.dk/components/horizontal-scroll) is combined with [tabbed-content](https://delphinus.au.dk/components/tabbed-content).
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### Delphinus Projects Updates
|
|
10
|
+
#### Medarbejdere
|
|
11
|
+
* Adds style and markup for selecting which profile text to add in Pure editor.
|
|
12
|
+
|
|
13
|
+
#### Typo3
|
|
14
|
+
* Improvements for secondary affiliations-toggle in profile header.
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
|
|
1
18
|
## 1.0.2 (July 27, 2023)
|
|
2
19
|
|
|
3
20
|
### Core Delphinus Updates
|
package/package.json
CHANGED
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@aarhus-university/au-designsystem-delphinus",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.3",
|
|
4
4
|
"private": false,
|
|
5
5
|
"scripts": {
|
|
6
6
|
"start": "concurrently \"npm run nodemon\" \"npm run sass\" \"npm run build\"",
|
|
7
7
|
"nodemon": "nodemon ./bin/www",
|
|
8
|
-
"sass": "sass --watch source/style.scss:public/style.css source/projects/bachelor-applications/style.scss:public/projects/bachelor-applications/style.css source/projects/brightspace/style.scss:public/projects/brightspace/style.css source/projects/course-catalogue/style.scss:public/projects/course-catalogue/style.css source/projects/medarbejdere/style.scss:public/projects/medarbejdere/style.css source/projects/mitstudie/style.scss:public/projects/mitstudie/style.css source/projects/queue-it/style.scss:public/projects/queue-it/style.css source/projects/typo3/style.scss:public/projects/typo3/style.css source/demo-style.scss:public/demo-style.css source/atoms/misc/atoms-style.scss:public/atoms/atoms-style.css source/atoms/misc/atom-iframe.scss:source/atoms/misc/atom-iframe.css source/atoms/fonts/atom-fonts.scss:public/atoms/fonts/atom-fonts.css source/atoms/colors/atom-colors.scss:public/atoms/colors/atom-colors.css source/atoms/spacing/atom-spacing.scss:public/atoms/spacing/atom-spacing.css source/style/module-demo/demo-component.scss:public/demo/demo-component.css source/figma-tokens/cssvars/figma-tokens.scss:public/figma-tokens/style.css",
|
|
8
|
+
"sass": "sass --style compressed --watch source/style.scss:public/style.css source/projects/bachelor-applications/style.scss:public/projects/bachelor-applications/style.css source/projects/brightspace/style.scss:public/projects/brightspace/style.css source/projects/course-catalogue/style.scss:public/projects/course-catalogue/style.css source/projects/medarbejdere/style.scss:public/projects/medarbejdere/style.css source/projects/mitstudie/style.scss:public/projects/mitstudie/style.css source/projects/queue-it/style.scss:public/projects/queue-it/style.css source/projects/typo3/style.scss:public/projects/typo3/style.css source/demo-style.scss:public/demo-style.css source/atoms/misc/atoms-style.scss:public/atoms/atoms-style.css source/atoms/misc/atom-iframe.scss:source/atoms/misc/atom-iframe.css source/atoms/fonts/atom-fonts.scss:public/atoms/fonts/atom-fonts.css source/atoms/colors/atom-colors.scss:public/atoms/colors/atom-colors.css source/atoms/spacing/atom-spacing.scss:public/atoms/spacing/atom-spacing.css source/style/module-demo/demo-component.scss:public/demo/demo-component.css source/figma-tokens/cssvars/figma-tokens.scss:public/figma-tokens/style.css",
|
|
9
9
|
"build": "node ./esbuild.mjs"
|
|
10
10
|
},
|
|
11
11
|
"dependencies": {
|
package/public/js/app.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{var B=t=>{document.readyState!=="loading"?t():document.addEventListener("DOMContentLoaded",t)},S=B;var b=(t,e)=>{let n=!1;return t.composedPath().forEach(l=>{l.classList&&l.classList.contains(e)&&(n=!0)}),n},H=()=>{let t=document.querySelector("body");if(t){let e=window.getComputedStyle(t).getPropertyValue("--color-background"),n=document.querySelector('meta[name="theme-color"]');if(n)n.content=e;else{let o=document.createElement("meta");o.name="theme-color",o.content=e,document.getElementsByTagName("head")[0].appendChild(o)}}},x=()=>parseInt(window.getComputedStyle(document.documentElement).fontSize.replace("px",""),10),y=t=>t*parseFloat(getComputedStyle(document.documentElement).fontSize),L=t=>{let e=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0),n=y(parseInt(getComputedStyle(document.documentElement).getPropertyValue(t).replace("rem",""),10));return e<n};var C=t=>{t&&t.forEach(e=>{let n=e?.parentElement?.parentElement?.parentElement?.parentElement;if(n){let o=n.querySelector(".horizontal-scroll__scrollable-content");o&&(e.addEventListener("click",()=>{let l=.8*o.clientWidth;o.scrollLeft+=l}),o.addEventListener("scroll",()=>{o.scrollLeft+o.clientWidth>=o.scrollWidth*.98?(e.classList.add("visually-disabled"),e.setAttribute("aria-disabled","true")):o.scrollLeft+o.clientWidth<o.scrollWidth&&(e.classList.remove("visually-disabled"),e.setAttribute("aria-disabled","false"))}))}})},q=t=>{t&&t.forEach(e=>{let n=e?.parentElement?.parentElement?.parentElement?.parentElement;if(n){let o=n.querySelector(".horizontal-scroll__scrollable-content");o&&(e.addEventListener("click",()=>{let l=.8*o.clientWidth;o.scrollLeft-=l}),o.addEventListener("scroll",()=>{o.scrollLeft<=0?(e.classList.add("visually-disabled"),e.setAttribute("aria-disabled","true")):o.scrollLeft>0&&(e.classList.remove("visually-disabled"),e.setAttribute("aria-disabled","false"))}))}})};var k=t=>{let e=t.parentElement;return e?e.classList.contains("nav")?e:k(e):t},W=(t,e=null)=>{let n="nav--toggled";t.forEach(o=>{let l=o.querySelector(".nav__toggle");o!==e&&(o.classList.contains(n)&&(l.focus(),l.setAttribute("aria-expanded","false")),o.classList.remove(n))})},I=t=>{let e=l=>{let r=k(l),s=r.querySelector(".nav__items"),i=s?.querySelector(".nav__item:last-of-type");s?.classList.add("nav__items--fadeout");let d=s?.querySelector(".nav__item--is-overflown");d&&d.focus();let a=()=>{r.classList.toggle("nav--toggled"),s?.classList.remove("nav__items--fadeout"),i?.removeEventListener("transitionend",a)};return i?.addEventListener("transitionend",a),r},n=[];return document.querySelectorAll(".nav__toggle").forEach(l=>{let r=()=>{let s=e(l),i=l.getAttribute("aria-expanded");l.setAttribute("aria-expanded",i==="false"?"true":"false"),W(t,s)};n.push({element:l,clickEvent:r}),l.addEventListener("click",r)}),n},T=(t,e)=>{let n="nav--toggled",o="nav__items";e.classList.remove(n);let l=e.querySelector(`.${o}`);if(l){let s=l.querySelectorAll(".nav__item"),i="nav__item--is-overflown",d="nav--has-overflow",a="nav__item--active",c=!1;for(let u=s.length-1;u>=0;u-=1){let m=s[u];m.offsetTop>0?(m.classList.add(i),e.classList.add(d),c=!0):m.classList.contains(a)||m.classList.remove(i)}if(!c){e.classList.remove(d);let u=e.querySelector(`.${a}`);u&&u.classList.remove(i)}}let r=s=>{!s.target.classList.contains("nav__toggle")&&!b(s,o)&&W(t)};return document.querySelector("body")?.addEventListener("click",r),{element:document.querySelector("body"),clickEvent:r}};var N=t=>{let e=t.querySelector("thead"),n=t.querySelector("tbody"),o=t.querySelector("tfoot");if(e){let l=[];e.querySelectorAll("th").forEach(i=>{i.classList.contains("table__cell--self-explanatory")?l.push(""):l.push(i.innerHTML)});let s=[];n&&s.push(n),o&&s.push(o),s.forEach(i=>{i.querySelectorAll("tr").forEach(a=>{a.querySelectorAll("td, th").forEach((u,m)=>{l[m]&&u.setAttribute("data-label",l[m])})})})}};var R=t=>t.contains("tabbed-content--hide-tabs-on-medium-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-medium").replace("rem",""),10):t.contains("tabbed-content--hide-tabs-on-wide-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-wide").replace("rem",""),10):-1,V=t=>{let n=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0)/x(),o=R(t);return o>-1?n<o:!0},$=t=>{let n=t.querySelector(".nav__items")?.querySelectorAll("a"),o=[];t.querySelectorAll("section").forEach(r=>{r.parentNode===t&&o.push(r)}),n?.forEach(r=>{r.removeAttribute("aria-selected"),r.classList.remove("nav__item--active")}),o.forEach(r=>{r.hidden=!1,r.removeAttribute("role")})};var _=(t,e,n,o,l,r=!0,s=i=>console.log(i))=>{r&&o.focus(),o.removeAttribute("tabindex"),o.setAttribute("aria-selected","true"),o.classList.contains("switch__segment")?o.classList.add("switch__segment--active"):o.classList.add("nav__item--active"),n&&(n.removeAttribute("aria-selected"),n.setAttribute("tabindex","-1"),n.classList.contains("switch__segment")?n.classList.remove("switch__segment--active"):n.classList.remove("nav__item--active"));let i=Array.prototype.indexOf.call(t,o);if(Array.from(document.querySelectorAll(`[data-for="${e[i].id}"]`)).forEach(a=>{a.classList.add("tabbed-content-peripheral--active"),a.hidden=!1}),e[i].hidden=!1,n){let a=Array.prototype.indexOf.call(t,n);Array.from(document.querySelectorAll(`[data-for="${e[a].id}"]`)).forEach(u=>{u.classList.remove("tabbed-content-peripheral--active"),u.hidden=!0}),e[a].hidden=!0}o.dispatchEvent(new CustomEvent("switch-tab",{bubbles:!0,detail:{tab:i}})),s(i)},D=(t,e,n=0,o=!0,l=r=>console.log(r))=>{let r=e.querySelector(".switch,.nav__items"),s=r.querySelectorAll("a"),i=[];e.querySelectorAll("section").forEach(c=>{c.parentNode===e&&i.push(c)});let a=e.querySelector("button.tabbed-content__expand-all");if(a){let c=()=>{r.hidden=!0,i.forEach(u=>{u.hidden=!1})};a.removeEventListener("click",c),a.addEventListener("click",c)}r.setAttribute("role","tablist"),s.forEach((c,u)=>{c.setAttribute("role","tab"),c.setAttribute("id",`tab${t}_${u+1}`),c.setAttribute("tabindex","-1"),c.parentElement?.setAttribute("role","presentation");let m=f=>{f.preventDefault();let p=r.querySelector("[aria-selected]");f.currentTarget!==p&&_(s,i,p,f.currentTarget,e.classList,!0,v=>{l(v)})};c.removeEventListener("click",m),c.addEventListener("click",m);let E=f=>{let p=Array.prototype.indexOf.call(s,f.currentTarget),v=null;f.key==="ArrowLeft"&&(v=p-1),f.key==="ArrowRight"&&(v=p+1),f.key==="ArrowDown"&&(v="down"),v!==null&&(f.preventDefault(),v==="down"?i[u].focus():s[v]&&_(s,i,f.currentTarget,s[v],e.classList,!0,z=>{l(z)}))};c.removeEventListener("keydown",E),c.addEventListener("keydown",E)}),i.forEach((c,u)=>{c.setAttribute("tabindex","-1"),c.setAttribute("aria-labelledby",s[u].id),c.hidden=!0,c.setAttribute("role","tabpanel")}),n>-1&&_(s,i,null,s[n],e.classList,o)},w=t=>{t.forEach((e,n)=>{let{rendered:o,domElement:l}=e;if(V(l.classList)){if(!o){let r=l.getAttribute("data-focus-onload"),s=l.getAttribute("data-initial-tab"),i=s?parseInt(s,10):0;D(n,l,i,r!=="false"),e.rendered=!0}}else o&&($(l),e.rendered=!1)})};var M=(t,e,n,o)=>{let l=[],r=(d,a,c)=>{c&&a.focus();let u=()=>{t.setAttribute("hidden","hidden"),d.removeAttribute("hidden"),d.setAttribute("aria-expanded","false"),d.focus()};return a.addEventListener("click",u),u},s=t?.parentElement?.querySelector(".content-toggle__toggle"),i=t.querySelectorAll(".content-toggle__close");if(s){let d=()=>{let a=s.getAttribute("aria-expanded");typeof n=="function"&&a==="false"&&n(t,s),s.setAttribute("aria-expanded",a==="false"?"true":"false"),a==="true"?t.setAttribute("hidden","hidden"):t.removeAttribute("hidden"),typeof e=="function"&&e(t,s),s.hasAttribute("aria-haspopup")&&(s.setAttribute("hidden","hidden"),i.forEach(c=>{r(s,c,!0)})),typeof o=="function"&&o(t,s)};s.addEventListener("click",d),l.push({element:s,clickEvent:d}),i.forEach(a=>{let c=r(s,a,!1);l.push({element:a,clickEvent:c})})}return l};var O=()=>{let t=document.querySelector("body");(L("--bp-medium")||L("--bp-low-height"))&&t?.classList.add("body--no-scroll")},P=()=>{document.querySelector("body")?.classList.remove("body--no-scroll")},A=t=>{t.querySelectorAll(".content-toggle__toggle").forEach(n=>{let o=n.parentElement?.querySelector(".content-toggle__content");n.setAttribute("aria-expanded","false"),o?.setAttribute("hidden","hidden")})};var h=t=>{let e=t.parentElement;return e?e.classList.contains("toolbar")?e:h(e):t},U=t=>{if(!L("--bp-medium")&&!L("--bp-low-height")){let e=y(parseInt(getComputedStyle(document.documentElement).getPropertyValue("--toolbar-popout-allowed-edge-distance").replace("rem,",""),10)),n=parseInt(getComputedStyle(t).width.replace("px",""),10),o=t.getBoundingClientRect().x,l=document.body.offsetWidth-e-n-o;l<0&&t.style.setProperty("--toolbar-popout-edge-overflow",`${l}px`)}};var g=0;S(()=>{let t=document.querySelectorAll(".tabbed-content"),e=[];t.forEach(d=>e.push({domElement:d,rendered:!1})),w(e),H();let n=document.querySelectorAll(".nav:not(.nav--vertical)");n.forEach(d=>T(n,d)),I(n),document.querySelectorAll(".table--wrap-medium-width, .table--wrap-default-width").forEach(d=>N(d)),document.querySelectorAll(".box .content-toggle__content").forEach(d=>{M(d)});let r=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-next"),s=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-previous");C(r),q(s),document.querySelectorAll(".toolbar .content-toggle__content").forEach(d=>{M(d,a=>{U(a),O()},a=>A(h(a)),(a,c)=>{let u=c.getAttribute("aria-expanded"),m=h(a);u==="true"?m?.classList.add("toolbar--has-popout"):m?.classList.remove("toolbar--has-popout"),a.addEventListener("click",E=>{E.target.classList.contains("toolbar__popout")&&!b(E,"toolbar__filter__content")&&(A(m),P())})})}),window.addEventListener("load",()=>{g=window.innerWidth}),window.addEventListener("resize",()=>{g>0&&window.innerWidth!==g&&(g=window.innerWidth,n.forEach(d=>T(n,d)),w(e))})});})();
|
|
1
|
+
(()=>{var V=e=>{document.readyState!=="loading"?e():document.addEventListener("DOMContentLoaded",e)},x=V;var h=(e,t)=>{let o=!1;return e.composedPath().forEach(r=>{r.classList&&r.classList.contains(t)&&(o=!0)}),o},q=()=>{let e=document.querySelector("body");if(e){let t=window.getComputedStyle(e).getPropertyValue("--color-background"),o=document.querySelector('meta[name="theme-color"]');if(o)o.content=t;else{let l=document.createElement("meta");l.name="theme-color",l.content=t,document.getElementsByTagName("head")[0].appendChild(l)}}},C=()=>parseInt(window.getComputedStyle(document.documentElement).fontSize.replace("px",""),10),y=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),L=e=>{let t=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0),o=y(parseInt(getComputedStyle(document.documentElement).getPropertyValue(e).replace("rem",""),10));return t<o};var k=e=>{let t=e.parentElement;return t?t.classList.contains("nav")?t:k(t):e},W=(e,t=null)=>{let o="nav--toggled";e.forEach(l=>{let r=l.querySelector(".nav__toggle");l!==t&&(l.classList.contains(o)&&(r.focus(),r.setAttribute("aria-expanded","false")),l.classList.remove(o))})},I=e=>{let t=r=>{let n=k(r),s=n.querySelector(".nav__items"),i=s?.querySelector(".nav__item:last-of-type");s?.classList.add("nav__items--fadeout");let d=s?.querySelector(".nav__item--is-overflown");d&&d.focus();let a=()=>{n.classList.toggle("nav--toggled"),s?.classList.remove("nav__items--fadeout"),i?.removeEventListener("transitionend",a)};return i?.addEventListener("transitionend",a),n},o=[];return document.querySelectorAll(".nav__toggle").forEach(r=>{let n=()=>{let s=t(r),i=r.getAttribute("aria-expanded");r.setAttribute("aria-expanded",i==="false"?"true":"false"),W(e,s)};o.push({element:r,clickEvent:n}),r.addEventListener("click",n)}),o},_=(e,t)=>{let o="nav--toggled",l="nav__items";t.classList.remove(o);let r=t.querySelector(`.${l}`);if(r){let s=r.querySelectorAll(".nav__item"),i="nav__item--is-overflown",d="nav--has-overflow",a="nav__item--active",c=!1;for(let u=s.length-1;u>=0;u-=1){let m=s[u];m.offsetTop>0?(m.classList.add(i),t.classList.add(d),c=!0):m.classList.contains(a)||m.classList.remove(i)}if(!c){t.classList.remove(d);let u=t.querySelector(`.${a}`);u&&u.classList.remove(i)}}let n=s=>{!s.target.classList.contains("nav__toggle")&&!h(s,l)&&W(e)};return document.querySelector("body")?.addEventListener("click",n),{element:document.querySelector("body"),clickEvent:n}};var N=e=>{let t=e.querySelector("thead"),o=e.querySelector("tbody"),l=e.querySelector("tfoot");if(t){let r=[];t.querySelectorAll("th").forEach(i=>{i.classList.contains("table__cell--self-explanatory")?r.push(""):r.push(i.innerHTML)});let s=[];o&&s.push(o),l&&s.push(l),s.forEach(i=>{i.querySelectorAll("tr").forEach(a=>{a.querySelectorAll("td, th").forEach((u,m)=>{r[m]&&u.setAttribute("data-label",r[m])})})})}};var $=e=>e.contains("tabbed-content--hide-tabs-on-medium-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-medium").replace("rem",""),10):e.contains("tabbed-content--hide-tabs-on-wide-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-wide").replace("rem",""),10):-1,D=e=>{let o=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0)/C(),l=$(e);return l>-1?o<l:!0},K=e=>{let o=e.querySelector(".nav__items")?.querySelectorAll("a"),l=[];e.querySelectorAll("section").forEach(n=>{n.parentNode===e&&l.push(n)}),o?.forEach(n=>{n.removeAttribute("aria-selected"),n.classList.remove("nav__item--active")}),l.forEach(n=>{n.hidden=!1,n.removeAttribute("role")})};var T=(e,t,o,l,r,n=!0,s=i=>console.log(i))=>{n&&l.focus(),l.removeAttribute("tabindex"),l.setAttribute("aria-selected","true"),l.classList.contains("switch__segment")?l.classList.add("switch__segment--active"):l.classList.add("nav__item--active"),o&&(o.removeAttribute("aria-selected"),o.setAttribute("tabindex","-1"),o.classList.contains("switch__segment")?o.classList.remove("switch__segment--active"):o.classList.remove("nav__item--active"));let i=Array.prototype.indexOf.call(e,l);if(Array.from(document.querySelectorAll(`[data-for="${t[i].id}"]`)).forEach(a=>{a.classList.add("tabbed-content-peripheral--active"),a.hidden=!1}),t[i].hidden=!1,o){let a=Array.prototype.indexOf.call(e,o);Array.from(document.querySelectorAll(`[data-for="${t[a].id}"]`)).forEach(u=>{u.classList.remove("tabbed-content-peripheral--active"),u.hidden=!0}),t[a].hidden=!0}l.dispatchEvent(new CustomEvent("switch-tab",{bubbles:!0,detail:{tab:i}})),s(i)},F=(e,t,o=0,l=!0,r=n=>console.log(n))=>{let n=t.querySelector(".switch,.nav__items"),s=n.querySelectorAll("a"),i=[];t.querySelectorAll("section").forEach(c=>{c.parentNode===t&&i.push(c)});let a=t.querySelector("button.tabbed-content__expand-all");if(a){let c=()=>{n.hidden=!0,i.forEach(u=>{u.hidden=!1})};a.removeEventListener("click",c),a.addEventListener("click",c)}n.setAttribute("role","tablist"),s.forEach((c,u)=>{c.setAttribute("role","tab"),c.setAttribute("id",`tab${e}_${u+1}`),c.setAttribute("tabindex","-1"),c.parentElement?.setAttribute("role","presentation");let m=f=>{f.preventDefault();let E=n.querySelector("[aria-selected]");f.currentTarget!==E&&T(s,i,E,f.currentTarget,t.classList,!0,v=>{r(v)})};c.removeEventListener("click",m),c.addEventListener("click",m);let p=f=>{let E=Array.prototype.indexOf.call(s,f.currentTarget),v=null;f.key==="ArrowLeft"&&(v=E-1),f.key==="ArrowRight"&&(v=E+1),f.key==="ArrowDown"&&(v="down"),v!==null&&(f.preventDefault(),v==="down"?i[u].focus():s[v]&&T(s,i,f.currentTarget,s[v],t.classList,!0,R=>{r(R)}))};c.removeEventListener("keydown",p),c.addEventListener("keydown",p)}),i.forEach((c,u)=>{c.setAttribute("tabindex","-1"),c.setAttribute("aria-labelledby",s[u].id),c.hidden=!0,c.setAttribute("role","tabpanel")}),o>-1&&T(s,i,null,s[o],t.classList,l)},w=e=>{e.forEach((t,o)=>{let{rendered:l,domElement:r}=t;if(D(r.classList)){if(!l){let n=r.getAttribute("data-focus-onload"),s=r.getAttribute("data-initial-tab"),i=s?parseInt(s,10):0;F(o,r,i,n!=="false"),t.rendered=!0}}else l&&(K(r),t.rendered=!1)})};var M=(e,t,o,l)=>{let r=[],n=(d,a,c)=>{c&&a.focus();let u=()=>{e.setAttribute("hidden","hidden"),d.removeAttribute("hidden"),d.setAttribute("aria-expanded","false"),d.focus()};return a.addEventListener("click",u),u},s=e?.parentElement?.querySelector(".content-toggle__toggle"),i=e.querySelectorAll(".content-toggle__close");if(s){let d=()=>{let a=s.getAttribute("aria-expanded");typeof o=="function"&&a==="false"&&o(e,s),s.setAttribute("aria-expanded",a==="false"?"true":"false"),a==="true"?e.setAttribute("hidden","hidden"):e.removeAttribute("hidden"),typeof t=="function"&&t(e,s),s.hasAttribute("aria-haspopup")&&(s.setAttribute("hidden","hidden"),i.forEach(c=>{n(s,c,!0)})),typeof l=="function"&&l(e,s)};s.addEventListener("click",d),r.push({element:s,clickEvent:d}),i.forEach(a=>{let c=n(s,a,!1);r.push({element:a,clickEvent:c})})}return r};var O=()=>{let e=document.querySelector("body");(L("--bp-medium")||L("--bp-low-height"))&&e?.classList.add("body--no-scroll")},P=()=>{document.querySelector("body")?.classList.remove("body--no-scroll")},A=e=>{e.querySelectorAll(".content-toggle__toggle").forEach(o=>{let l=o.parentElement?.querySelector(".content-toggle__content");o.setAttribute("aria-expanded","false"),l?.setAttribute("hidden","hidden")})};var b=e=>{let t=e.parentElement;return t?t.classList.contains("toolbar")?t:b(t):e},B=e=>{if(!L("--bp-medium")&&!L("--bp-low-height")){let t=y(parseInt(getComputedStyle(document.documentElement).getPropertyValue("--toolbar-popout-allowed-edge-distance").replace("rem,",""),10)),o=parseInt(getComputedStyle(e).width.replace("px",""),10),l=e.getBoundingClientRect().x,r=document.body.offsetWidth-t-o-l;r<0&&e.style.setProperty("--toolbar-popout-edge-overflow",`${r}px`)}};var z=e=>{e&&e.forEach(t=>{let o=t?.parentElement?.parentElement?.parentElement?.parentElement;if(o){let l=o.querySelectorAll(".horizontal-scroll__scrollable-content"),r=o.querySelectorAll(".switch__segment");l.forEach(n=>{n&&(t.addEventListener("click",()=>{let s=.8*n.clientWidth;n.scrollLeft+=s}),n.addEventListener("scroll",()=>{n.scrollLeft+n.clientWidth>=n.scrollWidth*.98?H(t):n.scrollLeft+n.clientWidth<n.scrollWidth&&S(t)}),r&&r.forEach(s=>{s.addEventListener("click",()=>{S(t),n.scrollLeft=0})}))})}})},U=e=>{e&&e.forEach(t=>{let o=t?.parentElement?.parentElement?.parentElement?.parentElement;if(o){let l=o.querySelectorAll(".horizontal-scroll__scrollable-content"),r=o.querySelectorAll(".switch__segment");l.forEach(n=>{n&&(t.addEventListener("click",()=>{let s=.8*n.clientWidth;n.scrollLeft-=s}),n.addEventListener("scroll",()=>{n.scrollLeft<=0?H(t):n.scrollLeft>0&&S(t)})),r&&r.forEach(s=>{s.addEventListener("click",()=>{H(t)})})})}})};function S(e){e.classList.remove("visually-disabled"),e.setAttribute("aria-disabled","false")}function H(e){e.classList.add("visually-disabled"),e.setAttribute("aria-disabled","true")}var g=0;x(()=>{let e=document.querySelectorAll(".tabbed-content"),t=[];e.forEach(d=>t.push({domElement:d,rendered:!1})),w(t),q();let o=document.querySelectorAll(".nav:not(.nav--vertical)");o.forEach(d=>_(o,d)),I(o),document.querySelectorAll(".table--wrap-medium-width, .table--wrap-default-width").forEach(d=>N(d)),document.querySelectorAll(".box .content-toggle__content").forEach(d=>{M(d)});let n=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-next"),s=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-previous");z(n),U(s),document.querySelectorAll(".toolbar .content-toggle__content").forEach(d=>{M(d,a=>{B(a),O()},a=>A(b(a)),(a,c)=>{let u=c.getAttribute("aria-expanded"),m=b(a);u==="true"?m?.classList.add("toolbar--has-popout"):m?.classList.remove("toolbar--has-popout"),a.addEventListener("click",p=>{p.target.classList.contains("toolbar__popout")&&!h(p,"toolbar__filter__content")&&(A(m),P())})})}),window.addEventListener("load",()=>{g=window.innerWidth}),window.addEventListener("resize",()=>{g>0&&window.innerWidth!==g&&(g=window.innerWidth,o.forEach(d=>_(o,d)),w(t))})});})();
|
package/public/js/demo.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
(()=>{var oe=e=>{document.readyState!=="loading"?e():document.addEventListener("DOMContentLoaded",e)},P=oe;var w=e=>{navigator.clipboard.writeText(e).then(()=>console.log(`${e} written to clipboard`))},y=(e,t)=>{let s=!1;return e.composedPath().forEach(i=>{i.classList&&i.classList.contains(t)&&(s=!0)}),s},T=()=>{let e=document.querySelector("body");if(e){let t=window.getComputedStyle(e).getPropertyValue("--color-background"),s=document.querySelector('meta[name="theme-color"]');if(s)s.content=t;else{let n=document.createElement("meta");n.name="theme-color",n.content=t,document.getElementsByTagName("head")[0].appendChild(n)}}};var k=()=>{let e=window.innerWidth-document.body.clientWidth;document.documentElement.style.setProperty("--vertical-scrollbar-width",`${e}px`)},I=e=>e.offsetHeight!==e.scrollHeight,se=e=>e.offsetWidth!==e.scrollWidth;var N=e=>{let t=e.querySelector(".horizontal-scroll__scrollable-content");se(t)?t?.setAttribute("tabindex","0"):(e.classList.add("horizontal-scroll--no-overflow"),t?.removeAttribute("tabindex"))},W='a[href]:not([tabindex="-1"]), area[href]:not([tabindex="-1"]), input:not([disabled]):not([tabindex="-1"]), select:not([disabled]):not([tabindex="-1"]), textarea:not([disabled]):not([tabindex="-1"]), button:not([disabled]):not([tabindex="-1"]), iframe:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"]), [contentEditable=true]:not([tabindex="-1"])';var R=(e,t=null)=>{let s="sub-nav--toggled";e.forEach(n=>{n!==t&&(n?.parentElement?.classList.contains(s)&&(n.focus(),n.setAttribute("aria-expanded","false")),n?.parentElement?.classList.remove(s))})},D=(e,t)=>{let s="sub-nav--toggled",n=()=>{t?.parentElement?.classList.toggle(s),t?.parentElement?.classList.contains(s)?t.setAttribute("aria-expanded","true"):t.setAttribute("aria-expanded","false"),R(e,t)};t.addEventListener("click",n);let i=m=>{y(m,"sub-nav")||R(e)};return document.querySelector("body")?.addEventListener("click",i),{buttonClickEvent:n,element:document.querySelector("body"),bodyClickEvent:i}},U=(e,t,s,n,i)=>{if(n&&s){w(n.innerText),t.classList.add("copy-to-clipboard--confirm"),t===s&&t.classList.add("copy-to-clipboard--done");let m=document.createElement("span");m.classList.add("copy-to-clipboard__this__confirm-message"),m.innerText=e,n.appendChild(m),s.removeEventListener("click",i),setTimeout(()=>{t.classList.remove("copy-to-clipboard--confirm"),m.remove(),s.addEventListener("click",i)},1200)}},z=(e,t="Kopieret!")=>{let s=e.querySelector(".copy-to-clipboard__this");if(e.type==="button"){let n=()=>{U(t,e,e,s,n)};e.addEventListener("click",n)}else{let n=e.querySelector(".copy-to-clipboard__execute"),i=()=>{U(t,e,n,s,i)};n?.addEventListener("click",i)}},$=(e,t)=>{let s="nav__search--toggled";t.addEventListener("click",()=>{e.classList.contains(s)?(t.setAttribute("aria-expanded","false"),e.classList.remove(s)):(t.setAttribute("aria-expanded","true"),e.classList.add(s))})};var A=["blue","purple","cyan","turquoise","green","yellow","red","magenta","orange","dark-blue","dark-purple","dark-cyan","dark-turquoise","dark-green","dark-yellow","dark-red","dark-magenta","dark-orange"],j=["default","medium","wide","reset"],b=(e,t)=>{t==null?window.localStorage.removeItem(e):window.localStorage.setItem(e,t)},ie=()=>{let e=window.localStorage;return[e.getItem("atom-picker-theme"),e.getItem("atom-picker-style"),e.getItem("atom-picker-position"),e.getItem("atom-picker-scale")]},X=e=>{document.querySelector("body")?.classList.remove(`theme--${e}`)},B=e=>{A.forEach(X),e!=="theme--blue"&&document.querySelector("body")?.classList.add(e),b("atom-picker-theme",e)},V=()=>{let e=document.querySelector("body"),t=document.getElementById("content"),s=document.getElementById("aside"),n="theme--normal",i="theme--dark";e?.classList.remove("body--scrollbar-dark"),t?.classList.contains(n)||e?.classList.toggle(i),t?.classList.remove(n),s&&s.classList.remove(n),b("atom-picker-style",e?.classList.contains(i)?i:null)},F=()=>{let e=document.getElementById("atom-picker"),t="atom-picker--at-top";e?.classList.toggle(t),b("atom-picker-position",e?.classList.contains(t)?t:null)},re=e=>{document.querySelector("body")?.classList.remove(`view--${e}`)},K=e=>{if(j.forEach(re),e!=="reset")document.querySelector("body")?.classList.add(e),b("atom-picker-scale",e);else{A.forEach(X),document.querySelector("body")?.classList.add("theme--dark"),document.querySelector("body")?.classList.add("body--scrollbar-dark"),document.getElementById("content")?.classList.add("theme--normal");let t=document.getElementById("aside");t&&t.classList.add("theme--normal"),b("atom-picker-theme",null),b("atom-picker-scale",null),b("atom-picker-position",null),b("atom-picker-style",null),T()}},Y=()=>{let[e,t,s,n]=ie();e&&B(e),t&&V(),s&&F(),n&&K(n);let i=document.querySelector(".atom-picker__scale__item__position-toggle");i&&i.addEventListener("click",()=>{F()});let m=document.querySelector(".atom-picker__scale__item__theme-style");m&&m.addEventListener("click",()=>{V(),T()}),j.forEach(u=>{let h=document.querySelector(`.atom-picker__scale__item__${u}`);h&&h.addEventListener("click",()=>{K(u==="reset"?"reset":`view--${u}`)})}),A.forEach(u=>{let h=document.querySelector(`.atom-picker__color__item.theme--${u}`);h&&h.addEventListener("click",()=>{B(`theme--${u}`),T()})})};var ae=()=>{document.querySelectorAll(".color-atom__colors > div").forEach(t=>{t.addEventListener("click",()=>{let s=window.getComputedStyle(t,":before").getPropertyValue("content");w(s.replace(/"/g,""))})})},G=ae;var H=function(){function e(t,s){for(var n=0;n<s.length;n++){var i=s[n];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}return function(t,s,n){return s&&e(t.prototype,s),n&&e(t,n),t}}();function x(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(function(){if(typeof window>"u")return;var e=Array.prototype.slice,t=Element.prototype.matches||Element.prototype.msMatchesSelector,s=["a[href]","area[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","details","summary","iframe","object","embed","[contenteditable]"].join(","),n=function(){function l(r,o){x(this,l),this._inertManager=o,this._rootElement=r,this._managedNodes=new Set,this._rootElement.hasAttribute("aria-hidden")?this._savedAriaHidden=this._rootElement.getAttribute("aria-hidden"):this._savedAriaHidden=null,this._rootElement.setAttribute("aria-hidden","true"),this._makeSubtreeUnfocusable(this._rootElement),this._observer=new MutationObserver(this._onMutation.bind(this)),this._observer.observe(this._rootElement,{attributes:!0,childList:!0,subtree:!0})}return H(l,[{key:"destructor",value:function(){this._observer.disconnect(),this._rootElement&&(this._savedAriaHidden!==null?this._rootElement.setAttribute("aria-hidden",this._savedAriaHidden):this._rootElement.removeAttribute("aria-hidden")),this._managedNodes.forEach(function(o){this._unmanageNode(o.node)},this),this._observer=null,this._rootElement=null,this._managedNodes=null,this._inertManager=null}},{key:"_makeSubtreeUnfocusable",value:function(o){var c=this;u(o,function(v){return c._visitNode(v)});var d=document.activeElement;if(!document.body.contains(o)){for(var f=o,E=void 0;f;){if(f.nodeType===Node.DOCUMENT_FRAGMENT_NODE){E=f;break}f=f.parentNode}E&&(d=E.activeElement)}o.contains(d)&&(d.blur(),d===document.activeElement&&document.body.focus())}},{key:"_visitNode",value:function(o){if(o.nodeType===Node.ELEMENT_NODE){var c=o;c!==this._rootElement&&c.hasAttribute("inert")&&this._adoptInertRoot(c),(t.call(c,s)||c.hasAttribute("tabindex"))&&this._manageNode(c)}}},{key:"_manageNode",value:function(o){var c=this._inertManager.register(o,this);this._managedNodes.add(c)}},{key:"_unmanageNode",value:function(o){var c=this._inertManager.deregister(o,this);c&&this._managedNodes.delete(c)}},{key:"_unmanageSubtree",value:function(o){var c=this;u(o,function(d){return c._unmanageNode(d)})}},{key:"_adoptInertRoot",value:function(o){var c=this._inertManager.getInertRoot(o);c||(this._inertManager.setInert(o,!0),c=this._inertManager.getInertRoot(o)),c.managedNodes.forEach(function(d){this._manageNode(d.node)},this)}},{key:"_onMutation",value:function(o,c){o.forEach(function(d){var f=d.target;if(d.type==="childList")e.call(d.addedNodes).forEach(function(v){this._makeSubtreeUnfocusable(v)},this),e.call(d.removedNodes).forEach(function(v){this._unmanageSubtree(v)},this);else if(d.type==="attributes"){if(d.attributeName==="tabindex")this._manageNode(f);else if(f!==this._rootElement&&d.attributeName==="inert"&&f.hasAttribute("inert")){this._adoptInertRoot(f);var E=this._inertManager.getInertRoot(f);this._managedNodes.forEach(function(v){f.contains(v.node)&&E._manageNode(v.node)})}}},this)}},{key:"managedNodes",get:function(){return new Set(this._managedNodes)}},{key:"hasSavedAriaHidden",get:function(){return this._savedAriaHidden!==null}},{key:"savedAriaHidden",set:function(o){this._savedAriaHidden=o},get:function(){return this._savedAriaHidden}}]),l}(),i=function(){function l(r,o){x(this,l),this._node=r,this._overrodeFocusMethod=!1,this._inertRoots=new Set([o]),this._savedTabIndex=null,this._destroyed=!1,this.ensureUntabbable()}return H(l,[{key:"destructor",value:function(){if(this._throwIfDestroyed(),this._node&&this._node.nodeType===Node.ELEMENT_NODE){var o=this._node;this._savedTabIndex!==null?o.setAttribute("tabindex",this._savedTabIndex):o.removeAttribute("tabindex"),this._overrodeFocusMethod&&delete o.focus}this._node=null,this._inertRoots=null,this._destroyed=!0}},{key:"_throwIfDestroyed",value:function(){if(this.destroyed)throw new Error("Trying to access destroyed InertNode")}},{key:"ensureUntabbable",value:function(){if(this.node.nodeType===Node.ELEMENT_NODE){var o=this.node;if(t.call(o,s)){if(o.tabIndex===-1&&this.hasSavedTabIndex)return;o.hasAttribute("tabindex")&&(this._savedTabIndex=o.tabIndex),o.setAttribute("tabindex","-1"),o.nodeType===Node.ELEMENT_NODE&&(o.focus=function(){},this._overrodeFocusMethod=!0)}else o.hasAttribute("tabindex")&&(this._savedTabIndex=o.tabIndex,o.removeAttribute("tabindex"))}}},{key:"addInertRoot",value:function(o){this._throwIfDestroyed(),this._inertRoots.add(o)}},{key:"removeInertRoot",value:function(o){this._throwIfDestroyed(),this._inertRoots.delete(o),this._inertRoots.size===0&&this.destructor()}},{key:"destroyed",get:function(){return this._destroyed}},{key:"hasSavedTabIndex",get:function(){return this._savedTabIndex!==null}},{key:"node",get:function(){return this._throwIfDestroyed(),this._node}},{key:"savedTabIndex",set:function(o){this._throwIfDestroyed(),this._savedTabIndex=o},get:function(){return this._throwIfDestroyed(),this._savedTabIndex}}]),l}(),m=function(){function l(r){if(x(this,l),!r)throw new Error("Missing required argument; InertManager needs to wrap a document.");this._document=r,this._managedNodes=new Map,this._inertRoots=new Map,this._observer=new MutationObserver(this._watchForInert.bind(this)),h(r.head||r.body||r.documentElement),r.readyState==="loading"?r.addEventListener("DOMContentLoaded",this._onDocumentLoaded.bind(this)):this._onDocumentLoaded()}return H(l,[{key:"setInert",value:function(o,c){if(c){if(this._inertRoots.has(o))return;var d=new n(o,this);if(o.setAttribute("inert",""),this._inertRoots.set(o,d),!this._document.body.contains(o))for(var f=o.parentNode;f;)f.nodeType===11&&h(f),f=f.parentNode}else{if(!this._inertRoots.has(o))return;var E=this._inertRoots.get(o);E.destructor(),this._inertRoots.delete(o),o.removeAttribute("inert")}}},{key:"getInertRoot",value:function(o){return this._inertRoots.get(o)}},{key:"register",value:function(o,c){var d=this._managedNodes.get(o);return d!==void 0?d.addInertRoot(c):d=new i(o,c),this._managedNodes.set(o,d),d}},{key:"deregister",value:function(o,c){var d=this._managedNodes.get(o);return d?(d.removeInertRoot(c),d.destroyed&&this._managedNodes.delete(o),d):null}},{key:"_onDocumentLoaded",value:function(){var o=e.call(this._document.querySelectorAll("[inert]"));o.forEach(function(c){this.setInert(c,!0)},this),this._observer.observe(this._document.body||this._document.documentElement,{attributes:!0,subtree:!0,childList:!0})}},{key:"_watchForInert",value:function(o,c){var d=this;o.forEach(function(f){switch(f.type){case"childList":e.call(f.addedNodes).forEach(function(g){if(g.nodeType===Node.ELEMENT_NODE){var p=e.call(g.querySelectorAll("[inert]"));t.call(g,"[inert]")&&p.unshift(g),p.forEach(function(_){this.setInert(_,!0)},d)}},d);break;case"attributes":if(f.attributeName!=="inert")return;var E=f.target,v=E.hasAttribute("inert");d.setInert(E,v);break}},this)}}]),l}();function u(l,r,o){if(l.nodeType==Node.ELEMENT_NODE){var c=l;r&&r(c);var d=c.shadowRoot;if(d){u(d,r,d);return}if(c.localName=="content"){for(var f=c,E=f.getDistributedNodes?f.getDistributedNodes():[],v=0;v<E.length;v++)u(E[v],r,o);return}if(c.localName=="slot"){for(var g=c,p=g.assignedNodes?g.assignedNodes({flatten:!0}):[],_=0;_<p.length;_++)u(p[_],r,o);return}}for(var L=l.firstChild;L!=null;)u(L,r,o),L=L.nextSibling}function h(l){if(!l.querySelector("style#inert-style, link#inert-style")){var r=document.createElement("style");r.setAttribute("id","inert-style"),r.textContent=`
|
|
1
|
+
(()=>{var oe=e=>{document.readyState!=="loading"?e():document.addEventListener("DOMContentLoaded",e)},P=oe;var w=e=>{navigator.clipboard.writeText(e).then(()=>console.log(`${e} written to clipboard`))},y=(e,t)=>{let s=!1;return e.composedPath().forEach(r=>{r.classList&&r.classList.contains(t)&&(s=!0)}),s},T=()=>{let e=document.querySelector("body");if(e){let t=window.getComputedStyle(e).getPropertyValue("--color-background"),s=document.querySelector('meta[name="theme-color"]');if(s)s.content=t;else{let n=document.createElement("meta");n.name="theme-color",n.content=t,document.getElementsByTagName("head")[0].appendChild(n)}}};var k=()=>{let e=window.innerWidth-document.body.clientWidth;document.documentElement.style.setProperty("--vertical-scrollbar-width",`${e}px`)},I=e=>e.offsetHeight!==e.scrollHeight,se=e=>e.offsetWidth!==e.scrollWidth;var N=e=>{let t=e.querySelector(".horizontal-scroll--check-overflow .horizontal-scroll__scrollable-content");t&&(se(t)?t?.setAttribute("tabindex","0"):(e.classList.add("horizontal-scroll--no-overflow"),t?.removeAttribute("tabindex")))},R='a[href]:not([tabindex="-1"]), area[href]:not([tabindex="-1"]), input:not([disabled]):not([tabindex="-1"]), select:not([disabled]):not([tabindex="-1"]), textarea:not([disabled]):not([tabindex="-1"]), button:not([disabled]):not([tabindex="-1"]), iframe:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"]), [contentEditable=true]:not([tabindex="-1"])';var W=(e,t=null)=>{let s="sub-nav--toggled";e.forEach(n=>{n!==t&&(n?.parentElement?.classList.contains(s)&&(n.focus(),n.setAttribute("aria-expanded","false")),n?.parentElement?.classList.remove(s))})},D=(e,t)=>{let s="sub-nav--toggled",n=()=>{t?.parentElement?.classList.toggle(s),t?.parentElement?.classList.contains(s)?t.setAttribute("aria-expanded","true"):t.setAttribute("aria-expanded","false"),W(e,t)};t.addEventListener("click",n);let r=m=>{y(m,"sub-nav")||W(e)};return document.querySelector("body")?.addEventListener("click",r),{buttonClickEvent:n,element:document.querySelector("body"),bodyClickEvent:r}},U=(e,t,s,n,r)=>{if(n&&s){w(n.innerText),t.classList.add("copy-to-clipboard--confirm"),t===s&&t.classList.add("copy-to-clipboard--done");let m=document.createElement("span");m.classList.add("copy-to-clipboard__this__confirm-message"),m.innerText=e,n.appendChild(m),s.removeEventListener("click",r),setTimeout(()=>{t.classList.remove("copy-to-clipboard--confirm"),m.remove(),s.addEventListener("click",r)},1200)}},B=(e,t="Kopieret!")=>{let s=e.querySelector(".copy-to-clipboard__this");if(e.type==="button"){let n=()=>{U(t,e,e,s,n)};e.addEventListener("click",n)}else{let n=e.querySelector(".copy-to-clipboard__execute"),r=()=>{U(t,e,n,s,r)};n?.addEventListener("click",r)}},z=(e,t)=>{let s="nav__search--toggled";t.addEventListener("click",()=>{e.classList.contains(s)?(t.setAttribute("aria-expanded","false"),e.classList.remove(s)):(t.setAttribute("aria-expanded","true"),e.classList.add(s))})};var x=["blue","purple","cyan","turquoise","green","yellow","red","magenta","orange","dark-blue","dark-purple","dark-cyan","dark-turquoise","dark-green","dark-yellow","dark-red","dark-magenta","dark-orange"],j=["default","medium","wide","reset"],E=(e,t)=>{t==null?window.localStorage.removeItem(e):window.localStorage.setItem(e,t)},re=()=>{let e=window.localStorage;return[e.getItem("atom-picker-theme"),e.getItem("atom-picker-style"),e.getItem("atom-picker-position"),e.getItem("atom-picker-scale")]},X=e=>{document.querySelector("body")?.classList.remove(`theme--${e}`)},$=e=>{x.forEach(X),e!=="theme--blue"&&document.querySelector("body")?.classList.add(e),E("atom-picker-theme",e)},V=()=>{let e=document.querySelector("body"),t=document.getElementById("content"),s=document.getElementById("aside"),n="theme--normal",r="theme--dark";e?.classList.remove("body--scrollbar-dark"),t?.classList.contains(n)||e?.classList.toggle(r),t?.classList.remove(n),s&&s.classList.remove(n),E("atom-picker-style",e?.classList.contains(r)?r:null)},F=()=>{let e=document.getElementById("atom-picker"),t="atom-picker--at-top";e?.classList.toggle(t),E("atom-picker-position",e?.classList.contains(t)?t:null)},ie=e=>{document.querySelector("body")?.classList.remove(`view--${e}`)},K=e=>{if(j.forEach(ie),e!=="reset")document.querySelector("body")?.classList.add(e),E("atom-picker-scale",e);else{x.forEach(X),document.querySelector("body")?.classList.add("theme--dark"),document.querySelector("body")?.classList.add("body--scrollbar-dark"),document.getElementById("content")?.classList.add("theme--normal");let t=document.getElementById("aside");t&&t.classList.add("theme--normal"),E("atom-picker-theme",null),E("atom-picker-scale",null),E("atom-picker-position",null),E("atom-picker-style",null),T()}},Y=()=>{let[e,t,s,n]=re();e&&$(e),t&&V(),s&&F(),n&&K(n);let r=document.querySelector(".atom-picker__scale__item__position-toggle");r&&r.addEventListener("click",()=>{F()});let m=document.querySelector(".atom-picker__scale__item__theme-style");m&&m.addEventListener("click",()=>{V(),T()}),j.forEach(u=>{let v=document.querySelector(`.atom-picker__scale__item__${u}`);v&&v.addEventListener("click",()=>{K(u==="reset"?"reset":`view--${u}`)})}),x.forEach(u=>{let v=document.querySelector(`.atom-picker__color__item.theme--${u}`);v&&v.addEventListener("click",()=>{$(`theme--${u}`),T()})})};var ae=()=>{document.querySelectorAll(".color-atom__colors > div").forEach(t=>{t.addEventListener("click",()=>{let s=window.getComputedStyle(t,":before").getPropertyValue("content");w(s.replace(/"/g,""))})})},G=ae;var H=function(){function e(t,s){for(var n=0;n<s.length;n++){var r=s[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}return function(t,s,n){return s&&e(t.prototype,s),n&&e(t,n),t}}();function A(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(function(){if(typeof window>"u")return;var e=Array.prototype.slice,t=Element.prototype.matches||Element.prototype.msMatchesSelector,s=["a[href]","area[href]","input:not([disabled])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","details","summary","iframe","object","embed","[contenteditable]"].join(","),n=function(){function l(i,o){A(this,l),this._inertManager=o,this._rootElement=i,this._managedNodes=new Set,this._rootElement.hasAttribute("aria-hidden")?this._savedAriaHidden=this._rootElement.getAttribute("aria-hidden"):this._savedAriaHidden=null,this._rootElement.setAttribute("aria-hidden","true"),this._makeSubtreeUnfocusable(this._rootElement),this._observer=new MutationObserver(this._onMutation.bind(this)),this._observer.observe(this._rootElement,{attributes:!0,childList:!0,subtree:!0})}return H(l,[{key:"destructor",value:function(){this._observer.disconnect(),this._rootElement&&(this._savedAriaHidden!==null?this._rootElement.setAttribute("aria-hidden",this._savedAriaHidden):this._rootElement.removeAttribute("aria-hidden")),this._managedNodes.forEach(function(o){this._unmanageNode(o.node)},this),this._observer=null,this._rootElement=null,this._managedNodes=null,this._inertManager=null}},{key:"_makeSubtreeUnfocusable",value:function(o){var c=this;u(o,function(h){return c._visitNode(h)});var d=document.activeElement;if(!document.body.contains(o)){for(var f=o,g=void 0;f;){if(f.nodeType===Node.DOCUMENT_FRAGMENT_NODE){g=f;break}f=f.parentNode}g&&(d=g.activeElement)}o.contains(d)&&(d.blur(),d===document.activeElement&&document.body.focus())}},{key:"_visitNode",value:function(o){if(o.nodeType===Node.ELEMENT_NODE){var c=o;c!==this._rootElement&&c.hasAttribute("inert")&&this._adoptInertRoot(c),(t.call(c,s)||c.hasAttribute("tabindex"))&&this._manageNode(c)}}},{key:"_manageNode",value:function(o){var c=this._inertManager.register(o,this);this._managedNodes.add(c)}},{key:"_unmanageNode",value:function(o){var c=this._inertManager.deregister(o,this);c&&this._managedNodes.delete(c)}},{key:"_unmanageSubtree",value:function(o){var c=this;u(o,function(d){return c._unmanageNode(d)})}},{key:"_adoptInertRoot",value:function(o){var c=this._inertManager.getInertRoot(o);c||(this._inertManager.setInert(o,!0),c=this._inertManager.getInertRoot(o)),c.managedNodes.forEach(function(d){this._manageNode(d.node)},this)}},{key:"_onMutation",value:function(o,c){o.forEach(function(d){var f=d.target;if(d.type==="childList")e.call(d.addedNodes).forEach(function(h){this._makeSubtreeUnfocusable(h)},this),e.call(d.removedNodes).forEach(function(h){this._unmanageSubtree(h)},this);else if(d.type==="attributes"){if(d.attributeName==="tabindex")this._manageNode(f);else if(f!==this._rootElement&&d.attributeName==="inert"&&f.hasAttribute("inert")){this._adoptInertRoot(f);var g=this._inertManager.getInertRoot(f);this._managedNodes.forEach(function(h){f.contains(h.node)&&g._manageNode(h.node)})}}},this)}},{key:"managedNodes",get:function(){return new Set(this._managedNodes)}},{key:"hasSavedAriaHidden",get:function(){return this._savedAriaHidden!==null}},{key:"savedAriaHidden",set:function(o){this._savedAriaHidden=o},get:function(){return this._savedAriaHidden}}]),l}(),r=function(){function l(i,o){A(this,l),this._node=i,this._overrodeFocusMethod=!1,this._inertRoots=new Set([o]),this._savedTabIndex=null,this._destroyed=!1,this.ensureUntabbable()}return H(l,[{key:"destructor",value:function(){if(this._throwIfDestroyed(),this._node&&this._node.nodeType===Node.ELEMENT_NODE){var o=this._node;this._savedTabIndex!==null?o.setAttribute("tabindex",this._savedTabIndex):o.removeAttribute("tabindex"),this._overrodeFocusMethod&&delete o.focus}this._node=null,this._inertRoots=null,this._destroyed=!0}},{key:"_throwIfDestroyed",value:function(){if(this.destroyed)throw new Error("Trying to access destroyed InertNode")}},{key:"ensureUntabbable",value:function(){if(this.node.nodeType===Node.ELEMENT_NODE){var o=this.node;if(t.call(o,s)){if(o.tabIndex===-1&&this.hasSavedTabIndex)return;o.hasAttribute("tabindex")&&(this._savedTabIndex=o.tabIndex),o.setAttribute("tabindex","-1"),o.nodeType===Node.ELEMENT_NODE&&(o.focus=function(){},this._overrodeFocusMethod=!0)}else o.hasAttribute("tabindex")&&(this._savedTabIndex=o.tabIndex,o.removeAttribute("tabindex"))}}},{key:"addInertRoot",value:function(o){this._throwIfDestroyed(),this._inertRoots.add(o)}},{key:"removeInertRoot",value:function(o){this._throwIfDestroyed(),this._inertRoots.delete(o),this._inertRoots.size===0&&this.destructor()}},{key:"destroyed",get:function(){return this._destroyed}},{key:"hasSavedTabIndex",get:function(){return this._savedTabIndex!==null}},{key:"node",get:function(){return this._throwIfDestroyed(),this._node}},{key:"savedTabIndex",set:function(o){this._throwIfDestroyed(),this._savedTabIndex=o},get:function(){return this._throwIfDestroyed(),this._savedTabIndex}}]),l}(),m=function(){function l(i){if(A(this,l),!i)throw new Error("Missing required argument; InertManager needs to wrap a document.");this._document=i,this._managedNodes=new Map,this._inertRoots=new Map,this._observer=new MutationObserver(this._watchForInert.bind(this)),v(i.head||i.body||i.documentElement),i.readyState==="loading"?i.addEventListener("DOMContentLoaded",this._onDocumentLoaded.bind(this)):this._onDocumentLoaded()}return H(l,[{key:"setInert",value:function(o,c){if(c){if(this._inertRoots.has(o))return;var d=new n(o,this);if(o.setAttribute("inert",""),this._inertRoots.set(o,d),!this._document.body.contains(o))for(var f=o.parentNode;f;)f.nodeType===11&&v(f),f=f.parentNode}else{if(!this._inertRoots.has(o))return;var g=this._inertRoots.get(o);g.destructor(),this._inertRoots.delete(o),o.removeAttribute("inert")}}},{key:"getInertRoot",value:function(o){return this._inertRoots.get(o)}},{key:"register",value:function(o,c){var d=this._managedNodes.get(o);return d!==void 0?d.addInertRoot(c):d=new r(o,c),this._managedNodes.set(o,d),d}},{key:"deregister",value:function(o,c){var d=this._managedNodes.get(o);return d?(d.removeInertRoot(c),d.destroyed&&this._managedNodes.delete(o),d):null}},{key:"_onDocumentLoaded",value:function(){var o=e.call(this._document.querySelectorAll("[inert]"));o.forEach(function(c){this.setInert(c,!0)},this),this._observer.observe(this._document.body||this._document.documentElement,{attributes:!0,subtree:!0,childList:!0})}},{key:"_watchForInert",value:function(o,c){var d=this;o.forEach(function(f){switch(f.type){case"childList":e.call(f.addedNodes).forEach(function(b){if(b.nodeType===Node.ELEMENT_NODE){var p=e.call(b.querySelectorAll("[inert]"));t.call(b,"[inert]")&&p.unshift(b),p.forEach(function(_){this.setInert(_,!0)},d)}},d);break;case"attributes":if(f.attributeName!=="inert")return;var g=f.target,h=g.hasAttribute("inert");d.setInert(g,h);break}},this)}}]),l}();function u(l,i,o){if(l.nodeType==Node.ELEMENT_NODE){var c=l;i&&i(c);var d=c.shadowRoot;if(d){u(d,i,d);return}if(c.localName=="content"){for(var f=c,g=f.getDistributedNodes?f.getDistributedNodes():[],h=0;h<g.length;h++)u(g[h],i,o);return}if(c.localName=="slot"){for(var b=c,p=b.assignedNodes?b.assignedNodes({flatten:!0}):[],_=0;_<p.length;_++)u(p[_],i,o);return}}for(var L=l.firstChild;L!=null;)u(L,i,o),L=L.nextSibling}function v(l){if(!l.querySelector("style#inert-style, link#inert-style")){var i=document.createElement("style");i.setAttribute("id","inert-style"),i.textContent=`
|
|
2
2
|
[inert] {
|
|
3
3
|
pointer-events: none;
|
|
4
4
|
cursor: default;
|
|
@@ -10,4 +10,4 @@
|
|
|
10
10
|
-ms-user-select: none;
|
|
11
11
|
user-select: none;
|
|
12
12
|
}
|
|
13
|
-
`,l.appendChild(
|
|
13
|
+
`,l.appendChild(i)}}if(!HTMLElement.prototype.hasOwnProperty("inert")){var a=new m(document);Object.defineProperty(HTMLElement.prototype,"inert",{enumerable:!0,get:function(){return this.hasAttribute("inert")},set:function(i){a.setInert(this,i)}})}})();var S=(e,t,s=()=>{})=>{let n=document.getElementById(e);if(n){n.classList.remove("modal-view--visible"),n.inert=!0;let r=document.querySelector(".page");r.classList.remove("page--blur"),r.inert=!1,document.querySelector("body")?.classList.remove("body--no-scroll"),t.focus(),t.setAttribute("aria-expanded","false"),s()}},Q=(e,t,s=()=>{},n=!0)=>{let r=document.getElementById(e),m=[];if(r){r.classList.add("modal-view--visible"),r.inert=!1;let u=document.querySelector(".page");u.classList.add("page--blur"),u.inert=!0,document.querySelector("body")?.classList.add("body--no-scroll"),t.setAttribute("aria-expanded","true"),r.focus();let v=l=>{l.target===r&&S(e,t,s)},a=l=>{l.key==="Escape"&&S(e,t,s)};n&&(r.addEventListener("click",v),window.addEventListener("keyup",a),m.push({element:r,clickEvent:v}),m.push({element:window,keyUpEvent:a}))}return m};var q=e=>{e.querySelectorAll(".content-toggle__toggle").forEach(s=>{let n=s.parentElement?.querySelector(".content-toggle__content");s.setAttribute("aria-expanded","false"),n?.setAttribute("hidden","hidden")})},C=e=>{e.classList.contains("toolbar--no-collapse")||e.classList.remove("toolbar--toggled"),e.classList.remove("toolbar--fully-overflown"),e.classList.remove("toolbar--has-popout");let s=e.querySelector(".toolbar__items")?.children,n="toolbar__item--is-overflown",r="toolbar--has-overflow",m=!1,u=0,v=(a,l)=>{a&&(a.offsetTop>25?(a.classList.add(n),e.classList.add(r),m=!0,u+=1):a.classList.remove(n),m?l-1>=0&&v(s[l-1],l-1):e.classList.remove(r))};v(s[s.length-1],s.length-1),u>0&&u===s.length&&e.classList.add("toolbar--fully-overflown")},le=e=>{let t=[];return e.querySelectorAll(".toolbar__toggle").forEach(n=>{let r=()=>{n?.parentElement?.classList.toggle("toolbar--toggled");let m=n.getAttribute("aria-expanded");if(m!=="true"){let u="a.toolbar__item--is-overflown, button.toolbar__item--is-overflown, input.toolbar__item--is-overflown, select.toolbar__item--is-overflown, .toolbar__item--is-overflown a, .toolbar__item--is-overflown button, .toolbar__item--is-overflown input, .toolbar__item--is-overflown select",v=n?.parentElement?.querySelector(u);v&&setTimeout(()=>{v.focus()},0)}n.setAttribute("aria-expanded",m==="false"?"true":"false")};t.push({element:n,clickEvent:r}),n.addEventListener("click",r)}),t},J=(e,t,s=!0)=>{let n=[];if(C(e),t(e),n=n.concat(le(e)),!s){let r=v=>{!v.target.classList.contains("content-toggle__toggle")&&!y(v,"content-toggle__content")&&t(e)},m=v=>{v.key==="Escape"&&v.target&&v.target.getAttribute("type")!=="search"&&t(e)},u=document.querySelector("body");n.push({element:u,clickEvent:r}),n.push({element:window,keyUpEvent:m}),u?.addEventListener("click",r),window.addEventListener("keyup",m)}return n};var Z=e=>{e.forEach(t=>{t.querySelectorAll(".selection-list").forEach(n=>{n.classList.remove("selection-list--toggled")})})},ee=()=>{let e=[],t=document.querySelectorAll(".selection-list-overlay-container");t.forEach(n=>{let r=n.querySelector("button"),m=()=>{Z(t);let u=r.nextSibling;u&&u.classList.add("selection-list--toggled")};e.push({element:r,clickEvent:m}),r.addEventListener("click",m)});let s=n=>{!n.target.classList.contains("selection-list--overlay")&&!y(n,"selection-list-overlay-container")&&Z(t)};return document.querySelector("body")?.addEventListener("click",s),{pairs:e,element:document.querySelector("body"),clickEvent:s}};var O=e=>{let t=e.querySelector("select"),s=e.querySelector(`label[for="${t?.getAttribute("id")}"]`);if(s){let n=getComputedStyle(s).width;t?.style.setProperty("--label-width",n)}};var te=(e,t)=>{I(t)?e.removeAttribute("hidden"):e.parentElement?.classList.add("truncator--no-truncation")},ne=e=>{let t=e.querySelector(".truncator__expand"),s=e.querySelector(".truncator__content");if(t&&s){t.addEventListener("click",()=>{t.removeAttribute("hidden"),e.classList.add("truncator--no-truncation")}),te(t,s),window.addEventListener("resize",()=>{t.setAttribute("hidden","hidden"),e.classList.remove("truncator--no-truncation"),te(t,s)});let n=s.querySelectorAll(R);n&&n.forEach(r=>{r.addEventListener("focus",()=>{I(r)&&(t.removeAttribute("hidden"),e.classList.add("truncator--no-truncation"))})})}};var M=0;P(()=>{window.top===window.self&&document.querySelector(".atom-picker")&&Y();let e=document.querySelectorAll(".form__field--inline-label--select");e.forEach(a=>{O(a)}),document.querySelectorAll(".nav").forEach(a=>{let l=a.querySelector(".nav__search"),i=a.querySelector(".nav__search-toggle");l&&i&&z(l,i)}),document.querySelectorAll(".copy-to-clipboard").forEach(a=>B(a,document.querySelector("html")?.getAttribute("lang")==="en"?"Copied!":"Kopieret!"));let n=document.querySelectorAll(".horizontal-scroll");n.forEach(a=>{N(a)}),G(),ee();let r=document.querySelectorAll(".sub-nav > button.nav__item");r.forEach(a=>{D(r,a)}),document.querySelectorAll("[data-modal]").forEach(a=>{let l=a.getAttribute("data-modal");document.getElementById(l)?.querySelector(".modal-view__close")?.addEventListener("click",()=>{S(l,a)}),a.addEventListener("click",()=>{Q(l,a)})});let u=document.querySelectorAll(".toolbar");u.forEach(a=>J(a,l=>{q(l)},!1)),document.querySelectorAll(".truncator").forEach(a=>ne(a)),document.documentElement.style.setProperty("--window-inner-height",`${window.innerHeight}px`),k(),window.addEventListener("load",()=>{M=window.innerWidth}),window.addEventListener("resize",()=>{M>0&&window.innerWidth!==M&&(M=window.innerWidth,e.forEach(a=>{O(a)}),u.forEach(a=>{q(a),C(a)}),k(),n.forEach(a=>{a.classList.remove("horizontal-scroll--no-overflow"),N(a)})),document.documentElement.style.setProperty("--window-inner-height",`${window.innerHeight}px`)})});})();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{var B=t=>{document.readyState!=="loading"?t():document.addEventListener("DOMContentLoaded",t)},S=B;var b=(t,e)=>{let n=!1;return t.composedPath().forEach(l=>{l.classList&&l.classList.contains(e)&&(n=!0)}),n},H=()=>{let t=document.querySelector("body");if(t){let e=window.getComputedStyle(t).getPropertyValue("--color-background"),n=document.querySelector('meta[name="theme-color"]');if(n)n.content=e;else{let o=document.createElement("meta");o.name="theme-color",o.content=e,document.getElementsByTagName("head")[0].appendChild(o)}}},x=()=>parseInt(window.getComputedStyle(document.documentElement).fontSize.replace("px",""),10),y=t=>t*parseFloat(getComputedStyle(document.documentElement).fontSize),L=t=>{let e=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0),n=y(parseInt(getComputedStyle(document.documentElement).getPropertyValue(t).replace("rem",""),10));return e<n};var C=t=>{t&&t.forEach(e=>{let n=e?.parentElement?.parentElement?.parentElement?.parentElement;if(n){let o=n.querySelector(".horizontal-scroll__scrollable-content");o&&(e.addEventListener("click",()=>{let l=.8*o.clientWidth;o.scrollLeft+=l}),o.addEventListener("scroll",()=>{o.scrollLeft+o.clientWidth>=o.scrollWidth*.98?(e.classList.add("visually-disabled"),e.setAttribute("aria-disabled","true")):o.scrollLeft+o.clientWidth<o.scrollWidth&&(e.classList.remove("visually-disabled"),e.setAttribute("aria-disabled","false"))}))}})},q=t=>{t&&t.forEach(e=>{let n=e?.parentElement?.parentElement?.parentElement?.parentElement;if(n){let o=n.querySelector(".horizontal-scroll__scrollable-content");o&&(e.addEventListener("click",()=>{let l=.8*o.clientWidth;o.scrollLeft-=l}),o.addEventListener("scroll",()=>{o.scrollLeft<=0?(e.classList.add("visually-disabled"),e.setAttribute("aria-disabled","true")):o.scrollLeft>0&&(e.classList.remove("visually-disabled"),e.setAttribute("aria-disabled","false"))}))}})};var k=t=>{let e=t.parentElement;return e?e.classList.contains("nav")?e:k(e):t},W=(t,e=null)=>{let n="nav--toggled";t.forEach(o=>{let l=o.querySelector(".nav__toggle");o!==e&&(o.classList.contains(n)&&(l.focus(),l.setAttribute("aria-expanded","false")),o.classList.remove(n))})},I=t=>{let e=l=>{let r=k(l),s=r.querySelector(".nav__items"),i=s?.querySelector(".nav__item:last-of-type");s?.classList.add("nav__items--fadeout");let d=s?.querySelector(".nav__item--is-overflown");d&&d.focus();let a=()=>{r.classList.toggle("nav--toggled"),s?.classList.remove("nav__items--fadeout"),i?.removeEventListener("transitionend",a)};return i?.addEventListener("transitionend",a),r},n=[];return document.querySelectorAll(".nav__toggle").forEach(l=>{let r=()=>{let s=e(l),i=l.getAttribute("aria-expanded");l.setAttribute("aria-expanded",i==="false"?"true":"false"),W(t,s)};n.push({element:l,clickEvent:r}),l.addEventListener("click",r)}),n},T=(t,e)=>{let n="nav--toggled",o="nav__items";e.classList.remove(n);let l=e.querySelector(`.${o}`);if(l){let s=l.querySelectorAll(".nav__item"),i="nav__item--is-overflown",d="nav--has-overflow",a="nav__item--active",c=!1;for(let u=s.length-1;u>=0;u-=1){let m=s[u];m.offsetTop>0?(m.classList.add(i),e.classList.add(d),c=!0):m.classList.contains(a)||m.classList.remove(i)}if(!c){e.classList.remove(d);let u=e.querySelector(`.${a}`);u&&u.classList.remove(i)}}let r=s=>{!s.target.classList.contains("nav__toggle")&&!b(s,o)&&W(t)};return document.querySelector("body")?.addEventListener("click",r),{element:document.querySelector("body"),clickEvent:r}};var N=t=>{let e=t.querySelector("thead"),n=t.querySelector("tbody"),o=t.querySelector("tfoot");if(e){let l=[];e.querySelectorAll("th").forEach(i=>{i.classList.contains("table__cell--self-explanatory")?l.push(""):l.push(i.innerHTML)});let s=[];n&&s.push(n),o&&s.push(o),s.forEach(i=>{i.querySelectorAll("tr").forEach(a=>{a.querySelectorAll("td, th").forEach((u,m)=>{l[m]&&u.setAttribute("data-label",l[m])})})})}};var R=t=>t.contains("tabbed-content--hide-tabs-on-medium-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-medium").replace("rem",""),10):t.contains("tabbed-content--hide-tabs-on-wide-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-wide").replace("rem",""),10):-1,V=t=>{let n=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0)/x(),o=R(t);return o>-1?n<o:!0},$=t=>{let n=t.querySelector(".nav__items")?.querySelectorAll("a"),o=[];t.querySelectorAll("section").forEach(r=>{r.parentNode===t&&o.push(r)}),n?.forEach(r=>{r.removeAttribute("aria-selected"),r.classList.remove("nav__item--active")}),o.forEach(r=>{r.hidden=!1,r.removeAttribute("role")})};var _=(t,e,n,o,l,r=!0,s=i=>console.log(i))=>{r&&o.focus(),o.removeAttribute("tabindex"),o.setAttribute("aria-selected","true"),o.classList.contains("switch__segment")?o.classList.add("switch__segment--active"):o.classList.add("nav__item--active"),n&&(n.removeAttribute("aria-selected"),n.setAttribute("tabindex","-1"),n.classList.contains("switch__segment")?n.classList.remove("switch__segment--active"):n.classList.remove("nav__item--active"));let i=Array.prototype.indexOf.call(t,o);if(Array.from(document.querySelectorAll(`[data-for="${e[i].id}"]`)).forEach(a=>{a.classList.add("tabbed-content-peripheral--active"),a.hidden=!1}),e[i].hidden=!1,n){let a=Array.prototype.indexOf.call(t,n);Array.from(document.querySelectorAll(`[data-for="${e[a].id}"]`)).forEach(u=>{u.classList.remove("tabbed-content-peripheral--active"),u.hidden=!0}),e[a].hidden=!0}o.dispatchEvent(new CustomEvent("switch-tab",{bubbles:!0,detail:{tab:i}})),s(i)},D=(t,e,n=0,o=!0,l=r=>console.log(r))=>{let r=e.querySelector(".switch,.nav__items"),s=r.querySelectorAll("a"),i=[];e.querySelectorAll("section").forEach(c=>{c.parentNode===e&&i.push(c)});let a=e.querySelector("button.tabbed-content__expand-all");if(a){let c=()=>{r.hidden=!0,i.forEach(u=>{u.hidden=!1})};a.removeEventListener("click",c),a.addEventListener("click",c)}r.setAttribute("role","tablist"),s.forEach((c,u)=>{c.setAttribute("role","tab"),c.setAttribute("id",`tab${t}_${u+1}`),c.setAttribute("tabindex","-1"),c.parentElement?.setAttribute("role","presentation");let m=f=>{f.preventDefault();let p=r.querySelector("[aria-selected]");f.currentTarget!==p&&_(s,i,p,f.currentTarget,e.classList,!0,v=>{l(v)})};c.removeEventListener("click",m),c.addEventListener("click",m);let E=f=>{let p=Array.prototype.indexOf.call(s,f.currentTarget),v=null;f.key==="ArrowLeft"&&(v=p-1),f.key==="ArrowRight"&&(v=p+1),f.key==="ArrowDown"&&(v="down"),v!==null&&(f.preventDefault(),v==="down"?i[u].focus():s[v]&&_(s,i,f.currentTarget,s[v],e.classList,!0,z=>{l(z)}))};c.removeEventListener("keydown",E),c.addEventListener("keydown",E)}),i.forEach((c,u)=>{c.setAttribute("tabindex","-1"),c.setAttribute("aria-labelledby",s[u].id),c.hidden=!0,c.setAttribute("role","tabpanel")}),n>-1&&_(s,i,null,s[n],e.classList,o)},w=t=>{t.forEach((e,n)=>{let{rendered:o,domElement:l}=e;if(V(l.classList)){if(!o){let r=l.getAttribute("data-focus-onload"),s=l.getAttribute("data-initial-tab"),i=s?parseInt(s,10):0;D(n,l,i,r!=="false"),e.rendered=!0}}else o&&($(l),e.rendered=!1)})};var M=(t,e,n,o)=>{let l=[],r=(d,a,c)=>{c&&a.focus();let u=()=>{t.setAttribute("hidden","hidden"),d.removeAttribute("hidden"),d.setAttribute("aria-expanded","false"),d.focus()};return a.addEventListener("click",u),u},s=t?.parentElement?.querySelector(".content-toggle__toggle"),i=t.querySelectorAll(".content-toggle__close");if(s){let d=()=>{let a=s.getAttribute("aria-expanded");typeof n=="function"&&a==="false"&&n(t,s),s.setAttribute("aria-expanded",a==="false"?"true":"false"),a==="true"?t.setAttribute("hidden","hidden"):t.removeAttribute("hidden"),typeof e=="function"&&e(t,s),s.hasAttribute("aria-haspopup")&&(s.setAttribute("hidden","hidden"),i.forEach(c=>{r(s,c,!0)})),typeof o=="function"&&o(t,s)};s.addEventListener("click",d),l.push({element:s,clickEvent:d}),i.forEach(a=>{let c=r(s,a,!1);l.push({element:a,clickEvent:c})})}return l};var O=()=>{let t=document.querySelector("body");(L("--bp-medium")||L("--bp-low-height"))&&t?.classList.add("body--no-scroll")},P=()=>{document.querySelector("body")?.classList.remove("body--no-scroll")},A=t=>{t.querySelectorAll(".content-toggle__toggle").forEach(n=>{let o=n.parentElement?.querySelector(".content-toggle__content");n.setAttribute("aria-expanded","false"),o?.setAttribute("hidden","hidden")})};var h=t=>{let e=t.parentElement;return e?e.classList.contains("toolbar")?e:h(e):t},U=t=>{if(!L("--bp-medium")&&!L("--bp-low-height")){let e=y(parseInt(getComputedStyle(document.documentElement).getPropertyValue("--toolbar-popout-allowed-edge-distance").replace("rem,",""),10)),n=parseInt(getComputedStyle(t).width.replace("px",""),10),o=t.getBoundingClientRect().x,l=document.body.offsetWidth-e-n-o;l<0&&t.style.setProperty("--toolbar-popout-edge-overflow",`${l}px`)}};var g=0;S(()=>{let t=document.querySelectorAll(".tabbed-content"),e=[];t.forEach(d=>e.push({domElement:d,rendered:!1})),w(e),H();let n=document.querySelectorAll(".nav:not(.nav--vertical)");n.forEach(d=>T(n,d)),I(n),document.querySelectorAll(".table--wrap-medium-width, .table--wrap-default-width").forEach(d=>N(d)),document.querySelectorAll(".box .content-toggle__content").forEach(d=>{M(d)});let r=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-next"),s=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-previous");C(r),q(s),document.querySelectorAll(".toolbar .content-toggle__content").forEach(d=>{M(d,a=>{U(a),O()},a=>A(h(a)),(a,c)=>{let u=c.getAttribute("aria-expanded"),m=h(a);u==="true"?m?.classList.add("toolbar--has-popout"):m?.classList.remove("toolbar--has-popout"),a.addEventListener("click",E=>{E.target.classList.contains("toolbar__popout")&&!b(E,"toolbar__filter__content")&&(A(m),P())})})}),window.addEventListener("load",()=>{g=window.innerWidth}),window.addEventListener("resize",()=>{g>0&&window.innerWidth!==g&&(g=window.innerWidth,n.forEach(d=>T(n,d)),w(e))})});})();
|
|
1
|
+
(()=>{var V=e=>{document.readyState!=="loading"?e():document.addEventListener("DOMContentLoaded",e)},x=V;var h=(e,t)=>{let o=!1;return e.composedPath().forEach(r=>{r.classList&&r.classList.contains(t)&&(o=!0)}),o},q=()=>{let e=document.querySelector("body");if(e){let t=window.getComputedStyle(e).getPropertyValue("--color-background"),o=document.querySelector('meta[name="theme-color"]');if(o)o.content=t;else{let l=document.createElement("meta");l.name="theme-color",l.content=t,document.getElementsByTagName("head")[0].appendChild(l)}}},C=()=>parseInt(window.getComputedStyle(document.documentElement).fontSize.replace("px",""),10),y=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),L=e=>{let t=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0),o=y(parseInt(getComputedStyle(document.documentElement).getPropertyValue(e).replace("rem",""),10));return t<o};var k=e=>{let t=e.parentElement;return t?t.classList.contains("nav")?t:k(t):e},W=(e,t=null)=>{let o="nav--toggled";e.forEach(l=>{let r=l.querySelector(".nav__toggle");l!==t&&(l.classList.contains(o)&&(r.focus(),r.setAttribute("aria-expanded","false")),l.classList.remove(o))})},I=e=>{let t=r=>{let n=k(r),s=n.querySelector(".nav__items"),i=s?.querySelector(".nav__item:last-of-type");s?.classList.add("nav__items--fadeout");let d=s?.querySelector(".nav__item--is-overflown");d&&d.focus();let a=()=>{n.classList.toggle("nav--toggled"),s?.classList.remove("nav__items--fadeout"),i?.removeEventListener("transitionend",a)};return i?.addEventListener("transitionend",a),n},o=[];return document.querySelectorAll(".nav__toggle").forEach(r=>{let n=()=>{let s=t(r),i=r.getAttribute("aria-expanded");r.setAttribute("aria-expanded",i==="false"?"true":"false"),W(e,s)};o.push({element:r,clickEvent:n}),r.addEventListener("click",n)}),o},_=(e,t)=>{let o="nav--toggled",l="nav__items";t.classList.remove(o);let r=t.querySelector(`.${l}`);if(r){let s=r.querySelectorAll(".nav__item"),i="nav__item--is-overflown",d="nav--has-overflow",a="nav__item--active",c=!1;for(let u=s.length-1;u>=0;u-=1){let m=s[u];m.offsetTop>0?(m.classList.add(i),t.classList.add(d),c=!0):m.classList.contains(a)||m.classList.remove(i)}if(!c){t.classList.remove(d);let u=t.querySelector(`.${a}`);u&&u.classList.remove(i)}}let n=s=>{!s.target.classList.contains("nav__toggle")&&!h(s,l)&&W(e)};return document.querySelector("body")?.addEventListener("click",n),{element:document.querySelector("body"),clickEvent:n}};var N=e=>{let t=e.querySelector("thead"),o=e.querySelector("tbody"),l=e.querySelector("tfoot");if(t){let r=[];t.querySelectorAll("th").forEach(i=>{i.classList.contains("table__cell--self-explanatory")?r.push(""):r.push(i.innerHTML)});let s=[];o&&s.push(o),l&&s.push(l),s.forEach(i=>{i.querySelectorAll("tr").forEach(a=>{a.querySelectorAll("td, th").forEach((u,m)=>{r[m]&&u.setAttribute("data-label",r[m])})})})}};var $=e=>e.contains("tabbed-content--hide-tabs-on-medium-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-medium").replace("rem",""),10):e.contains("tabbed-content--hide-tabs-on-wide-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-wide").replace("rem",""),10):-1,D=e=>{let o=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0)/C(),l=$(e);return l>-1?o<l:!0},K=e=>{let o=e.querySelector(".nav__items")?.querySelectorAll("a"),l=[];e.querySelectorAll("section").forEach(n=>{n.parentNode===e&&l.push(n)}),o?.forEach(n=>{n.removeAttribute("aria-selected"),n.classList.remove("nav__item--active")}),l.forEach(n=>{n.hidden=!1,n.removeAttribute("role")})};var T=(e,t,o,l,r,n=!0,s=i=>console.log(i))=>{n&&l.focus(),l.removeAttribute("tabindex"),l.setAttribute("aria-selected","true"),l.classList.contains("switch__segment")?l.classList.add("switch__segment--active"):l.classList.add("nav__item--active"),o&&(o.removeAttribute("aria-selected"),o.setAttribute("tabindex","-1"),o.classList.contains("switch__segment")?o.classList.remove("switch__segment--active"):o.classList.remove("nav__item--active"));let i=Array.prototype.indexOf.call(e,l);if(Array.from(document.querySelectorAll(`[data-for="${t[i].id}"]`)).forEach(a=>{a.classList.add("tabbed-content-peripheral--active"),a.hidden=!1}),t[i].hidden=!1,o){let a=Array.prototype.indexOf.call(e,o);Array.from(document.querySelectorAll(`[data-for="${t[a].id}"]`)).forEach(u=>{u.classList.remove("tabbed-content-peripheral--active"),u.hidden=!0}),t[a].hidden=!0}l.dispatchEvent(new CustomEvent("switch-tab",{bubbles:!0,detail:{tab:i}})),s(i)},F=(e,t,o=0,l=!0,r=n=>console.log(n))=>{let n=t.querySelector(".switch,.nav__items"),s=n.querySelectorAll("a"),i=[];t.querySelectorAll("section").forEach(c=>{c.parentNode===t&&i.push(c)});let a=t.querySelector("button.tabbed-content__expand-all");if(a){let c=()=>{n.hidden=!0,i.forEach(u=>{u.hidden=!1})};a.removeEventListener("click",c),a.addEventListener("click",c)}n.setAttribute("role","tablist"),s.forEach((c,u)=>{c.setAttribute("role","tab"),c.setAttribute("id",`tab${e}_${u+1}`),c.setAttribute("tabindex","-1"),c.parentElement?.setAttribute("role","presentation");let m=f=>{f.preventDefault();let E=n.querySelector("[aria-selected]");f.currentTarget!==E&&T(s,i,E,f.currentTarget,t.classList,!0,v=>{r(v)})};c.removeEventListener("click",m),c.addEventListener("click",m);let p=f=>{let E=Array.prototype.indexOf.call(s,f.currentTarget),v=null;f.key==="ArrowLeft"&&(v=E-1),f.key==="ArrowRight"&&(v=E+1),f.key==="ArrowDown"&&(v="down"),v!==null&&(f.preventDefault(),v==="down"?i[u].focus():s[v]&&T(s,i,f.currentTarget,s[v],t.classList,!0,R=>{r(R)}))};c.removeEventListener("keydown",p),c.addEventListener("keydown",p)}),i.forEach((c,u)=>{c.setAttribute("tabindex","-1"),c.setAttribute("aria-labelledby",s[u].id),c.hidden=!0,c.setAttribute("role","tabpanel")}),o>-1&&T(s,i,null,s[o],t.classList,l)},w=e=>{e.forEach((t,o)=>{let{rendered:l,domElement:r}=t;if(D(r.classList)){if(!l){let n=r.getAttribute("data-focus-onload"),s=r.getAttribute("data-initial-tab"),i=s?parseInt(s,10):0;F(o,r,i,n!=="false"),t.rendered=!0}}else l&&(K(r),t.rendered=!1)})};var M=(e,t,o,l)=>{let r=[],n=(d,a,c)=>{c&&a.focus();let u=()=>{e.setAttribute("hidden","hidden"),d.removeAttribute("hidden"),d.setAttribute("aria-expanded","false"),d.focus()};return a.addEventListener("click",u),u},s=e?.parentElement?.querySelector(".content-toggle__toggle"),i=e.querySelectorAll(".content-toggle__close");if(s){let d=()=>{let a=s.getAttribute("aria-expanded");typeof o=="function"&&a==="false"&&o(e,s),s.setAttribute("aria-expanded",a==="false"?"true":"false"),a==="true"?e.setAttribute("hidden","hidden"):e.removeAttribute("hidden"),typeof t=="function"&&t(e,s),s.hasAttribute("aria-haspopup")&&(s.setAttribute("hidden","hidden"),i.forEach(c=>{n(s,c,!0)})),typeof l=="function"&&l(e,s)};s.addEventListener("click",d),r.push({element:s,clickEvent:d}),i.forEach(a=>{let c=n(s,a,!1);r.push({element:a,clickEvent:c})})}return r};var O=()=>{let e=document.querySelector("body");(L("--bp-medium")||L("--bp-low-height"))&&e?.classList.add("body--no-scroll")},P=()=>{document.querySelector("body")?.classList.remove("body--no-scroll")},A=e=>{e.querySelectorAll(".content-toggle__toggle").forEach(o=>{let l=o.parentElement?.querySelector(".content-toggle__content");o.setAttribute("aria-expanded","false"),l?.setAttribute("hidden","hidden")})};var b=e=>{let t=e.parentElement;return t?t.classList.contains("toolbar")?t:b(t):e},B=e=>{if(!L("--bp-medium")&&!L("--bp-low-height")){let t=y(parseInt(getComputedStyle(document.documentElement).getPropertyValue("--toolbar-popout-allowed-edge-distance").replace("rem,",""),10)),o=parseInt(getComputedStyle(e).width.replace("px",""),10),l=e.getBoundingClientRect().x,r=document.body.offsetWidth-t-o-l;r<0&&e.style.setProperty("--toolbar-popout-edge-overflow",`${r}px`)}};var z=e=>{e&&e.forEach(t=>{let o=t?.parentElement?.parentElement?.parentElement?.parentElement;if(o){let l=o.querySelectorAll(".horizontal-scroll__scrollable-content"),r=o.querySelectorAll(".switch__segment");l.forEach(n=>{n&&(t.addEventListener("click",()=>{let s=.8*n.clientWidth;n.scrollLeft+=s}),n.addEventListener("scroll",()=>{n.scrollLeft+n.clientWidth>=n.scrollWidth*.98?H(t):n.scrollLeft+n.clientWidth<n.scrollWidth&&S(t)}),r&&r.forEach(s=>{s.addEventListener("click",()=>{S(t),n.scrollLeft=0})}))})}})},U=e=>{e&&e.forEach(t=>{let o=t?.parentElement?.parentElement?.parentElement?.parentElement;if(o){let l=o.querySelectorAll(".horizontal-scroll__scrollable-content"),r=o.querySelectorAll(".switch__segment");l.forEach(n=>{n&&(t.addEventListener("click",()=>{let s=.8*n.clientWidth;n.scrollLeft-=s}),n.addEventListener("scroll",()=>{n.scrollLeft<=0?H(t):n.scrollLeft>0&&S(t)})),r&&r.forEach(s=>{s.addEventListener("click",()=>{H(t)})})})}})};function S(e){e.classList.remove("visually-disabled"),e.setAttribute("aria-disabled","false")}function H(e){e.classList.add("visually-disabled"),e.setAttribute("aria-disabled","true")}var g=0;x(()=>{let e=document.querySelectorAll(".tabbed-content"),t=[];e.forEach(d=>t.push({domElement:d,rendered:!1})),w(t),q();let o=document.querySelectorAll(".nav:not(.nav--vertical)");o.forEach(d=>_(o,d)),I(o),document.querySelectorAll(".table--wrap-medium-width, .table--wrap-default-width").forEach(d=>N(d)),document.querySelectorAll(".box .content-toggle__content").forEach(d=>{M(d)});let n=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-next"),s=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-previous");z(n),U(s),document.querySelectorAll(".toolbar .content-toggle__content").forEach(d=>{M(d,a=>{B(a),O()},a=>A(b(a)),(a,c)=>{let u=c.getAttribute("aria-expanded"),m=b(a);u==="true"?m?.classList.add("toolbar--has-popout"):m?.classList.remove("toolbar--has-popout"),a.addEventListener("click",p=>{p.target.classList.contains("toolbar__popout")&&!h(p,"toolbar__filter__content")&&(A(m),P())})})}),window.addEventListener("load",()=>{g=window.innerWidth}),window.addEventListener("resize",()=>{g>0&&window.innerWidth!==g&&(g=window.innerWidth,o.forEach(d=>_(o,d)),w(t))})});})();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{var B=t=>{document.readyState!=="loading"?t():document.addEventListener("DOMContentLoaded",t)},S=B;var b=(t,e)=>{let n=!1;return t.composedPath().forEach(l=>{l.classList&&l.classList.contains(e)&&(n=!0)}),n},H=()=>{let t=document.querySelector("body");if(t){let e=window.getComputedStyle(t).getPropertyValue("--color-background"),n=document.querySelector('meta[name="theme-color"]');if(n)n.content=e;else{let o=document.createElement("meta");o.name="theme-color",o.content=e,document.getElementsByTagName("head")[0].appendChild(o)}}},x=()=>parseInt(window.getComputedStyle(document.documentElement).fontSize.replace("px",""),10),y=t=>t*parseFloat(getComputedStyle(document.documentElement).fontSize),L=t=>{let e=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0),n=y(parseInt(getComputedStyle(document.documentElement).getPropertyValue(t).replace("rem",""),10));return e<n};var C=t=>{t&&t.forEach(e=>{let n=e?.parentElement?.parentElement?.parentElement?.parentElement;if(n){let o=n.querySelector(".horizontal-scroll__scrollable-content");o&&(e.addEventListener("click",()=>{let l=.8*o.clientWidth;o.scrollLeft+=l}),o.addEventListener("scroll",()=>{o.scrollLeft+o.clientWidth>=o.scrollWidth*.98?(e.classList.add("visually-disabled"),e.setAttribute("aria-disabled","true")):o.scrollLeft+o.clientWidth<o.scrollWidth&&(e.classList.remove("visually-disabled"),e.setAttribute("aria-disabled","false"))}))}})},q=t=>{t&&t.forEach(e=>{let n=e?.parentElement?.parentElement?.parentElement?.parentElement;if(n){let o=n.querySelector(".horizontal-scroll__scrollable-content");o&&(e.addEventListener("click",()=>{let l=.8*o.clientWidth;o.scrollLeft-=l}),o.addEventListener("scroll",()=>{o.scrollLeft<=0?(e.classList.add("visually-disabled"),e.setAttribute("aria-disabled","true")):o.scrollLeft>0&&(e.classList.remove("visually-disabled"),e.setAttribute("aria-disabled","false"))}))}})};var k=t=>{let e=t.parentElement;return e?e.classList.contains("nav")?e:k(e):t},W=(t,e=null)=>{let n="nav--toggled";t.forEach(o=>{let l=o.querySelector(".nav__toggle");o!==e&&(o.classList.contains(n)&&(l.focus(),l.setAttribute("aria-expanded","false")),o.classList.remove(n))})},I=t=>{let e=l=>{let r=k(l),s=r.querySelector(".nav__items"),i=s?.querySelector(".nav__item:last-of-type");s?.classList.add("nav__items--fadeout");let d=s?.querySelector(".nav__item--is-overflown");d&&d.focus();let a=()=>{r.classList.toggle("nav--toggled"),s?.classList.remove("nav__items--fadeout"),i?.removeEventListener("transitionend",a)};return i?.addEventListener("transitionend",a),r},n=[];return document.querySelectorAll(".nav__toggle").forEach(l=>{let r=()=>{let s=e(l),i=l.getAttribute("aria-expanded");l.setAttribute("aria-expanded",i==="false"?"true":"false"),W(t,s)};n.push({element:l,clickEvent:r}),l.addEventListener("click",r)}),n},T=(t,e)=>{let n="nav--toggled",o="nav__items";e.classList.remove(n);let l=e.querySelector(`.${o}`);if(l){let s=l.querySelectorAll(".nav__item"),i="nav__item--is-overflown",d="nav--has-overflow",a="nav__item--active",c=!1;for(let u=s.length-1;u>=0;u-=1){let m=s[u];m.offsetTop>0?(m.classList.add(i),e.classList.add(d),c=!0):m.classList.contains(a)||m.classList.remove(i)}if(!c){e.classList.remove(d);let u=e.querySelector(`.${a}`);u&&u.classList.remove(i)}}let r=s=>{!s.target.classList.contains("nav__toggle")&&!b(s,o)&&W(t)};return document.querySelector("body")?.addEventListener("click",r),{element:document.querySelector("body"),clickEvent:r}};var N=t=>{let e=t.querySelector("thead"),n=t.querySelector("tbody"),o=t.querySelector("tfoot");if(e){let l=[];e.querySelectorAll("th").forEach(i=>{i.classList.contains("table__cell--self-explanatory")?l.push(""):l.push(i.innerHTML)});let s=[];n&&s.push(n),o&&s.push(o),s.forEach(i=>{i.querySelectorAll("tr").forEach(a=>{a.querySelectorAll("td, th").forEach((u,m)=>{l[m]&&u.setAttribute("data-label",l[m])})})})}};var R=t=>t.contains("tabbed-content--hide-tabs-on-medium-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-medium").replace("rem",""),10):t.contains("tabbed-content--hide-tabs-on-wide-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-wide").replace("rem",""),10):-1,V=t=>{let n=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0)/x(),o=R(t);return o>-1?n<o:!0},$=t=>{let n=t.querySelector(".nav__items")?.querySelectorAll("a"),o=[];t.querySelectorAll("section").forEach(r=>{r.parentNode===t&&o.push(r)}),n?.forEach(r=>{r.removeAttribute("aria-selected"),r.classList.remove("nav__item--active")}),o.forEach(r=>{r.hidden=!1,r.removeAttribute("role")})};var _=(t,e,n,o,l,r=!0,s=i=>console.log(i))=>{r&&o.focus(),o.removeAttribute("tabindex"),o.setAttribute("aria-selected","true"),o.classList.contains("switch__segment")?o.classList.add("switch__segment--active"):o.classList.add("nav__item--active"),n&&(n.removeAttribute("aria-selected"),n.setAttribute("tabindex","-1"),n.classList.contains("switch__segment")?n.classList.remove("switch__segment--active"):n.classList.remove("nav__item--active"));let i=Array.prototype.indexOf.call(t,o);if(Array.from(document.querySelectorAll(`[data-for="${e[i].id}"]`)).forEach(a=>{a.classList.add("tabbed-content-peripheral--active"),a.hidden=!1}),e[i].hidden=!1,n){let a=Array.prototype.indexOf.call(t,n);Array.from(document.querySelectorAll(`[data-for="${e[a].id}"]`)).forEach(u=>{u.classList.remove("tabbed-content-peripheral--active"),u.hidden=!0}),e[a].hidden=!0}o.dispatchEvent(new CustomEvent("switch-tab",{bubbles:!0,detail:{tab:i}})),s(i)},D=(t,e,n=0,o=!0,l=r=>console.log(r))=>{let r=e.querySelector(".switch,.nav__items"),s=r.querySelectorAll("a"),i=[];e.querySelectorAll("section").forEach(c=>{c.parentNode===e&&i.push(c)});let a=e.querySelector("button.tabbed-content__expand-all");if(a){let c=()=>{r.hidden=!0,i.forEach(u=>{u.hidden=!1})};a.removeEventListener("click",c),a.addEventListener("click",c)}r.setAttribute("role","tablist"),s.forEach((c,u)=>{c.setAttribute("role","tab"),c.setAttribute("id",`tab${t}_${u+1}`),c.setAttribute("tabindex","-1"),c.parentElement?.setAttribute("role","presentation");let m=f=>{f.preventDefault();let p=r.querySelector("[aria-selected]");f.currentTarget!==p&&_(s,i,p,f.currentTarget,e.classList,!0,v=>{l(v)})};c.removeEventListener("click",m),c.addEventListener("click",m);let E=f=>{let p=Array.prototype.indexOf.call(s,f.currentTarget),v=null;f.key==="ArrowLeft"&&(v=p-1),f.key==="ArrowRight"&&(v=p+1),f.key==="ArrowDown"&&(v="down"),v!==null&&(f.preventDefault(),v==="down"?i[u].focus():s[v]&&_(s,i,f.currentTarget,s[v],e.classList,!0,z=>{l(z)}))};c.removeEventListener("keydown",E),c.addEventListener("keydown",E)}),i.forEach((c,u)=>{c.setAttribute("tabindex","-1"),c.setAttribute("aria-labelledby",s[u].id),c.hidden=!0,c.setAttribute("role","tabpanel")}),n>-1&&_(s,i,null,s[n],e.classList,o)},w=t=>{t.forEach((e,n)=>{let{rendered:o,domElement:l}=e;if(V(l.classList)){if(!o){let r=l.getAttribute("data-focus-onload"),s=l.getAttribute("data-initial-tab"),i=s?parseInt(s,10):0;D(n,l,i,r!=="false"),e.rendered=!0}}else o&&($(l),e.rendered=!1)})};var M=(t,e,n,o)=>{let l=[],r=(d,a,c)=>{c&&a.focus();let u=()=>{t.setAttribute("hidden","hidden"),d.removeAttribute("hidden"),d.setAttribute("aria-expanded","false"),d.focus()};return a.addEventListener("click",u),u},s=t?.parentElement?.querySelector(".content-toggle__toggle"),i=t.querySelectorAll(".content-toggle__close");if(s){let d=()=>{let a=s.getAttribute("aria-expanded");typeof n=="function"&&a==="false"&&n(t,s),s.setAttribute("aria-expanded",a==="false"?"true":"false"),a==="true"?t.setAttribute("hidden","hidden"):t.removeAttribute("hidden"),typeof e=="function"&&e(t,s),s.hasAttribute("aria-haspopup")&&(s.setAttribute("hidden","hidden"),i.forEach(c=>{r(s,c,!0)})),typeof o=="function"&&o(t,s)};s.addEventListener("click",d),l.push({element:s,clickEvent:d}),i.forEach(a=>{let c=r(s,a,!1);l.push({element:a,clickEvent:c})})}return l};var O=()=>{let t=document.querySelector("body");(L("--bp-medium")||L("--bp-low-height"))&&t?.classList.add("body--no-scroll")},P=()=>{document.querySelector("body")?.classList.remove("body--no-scroll")},A=t=>{t.querySelectorAll(".content-toggle__toggle").forEach(n=>{let o=n.parentElement?.querySelector(".content-toggle__content");n.setAttribute("aria-expanded","false"),o?.setAttribute("hidden","hidden")})};var h=t=>{let e=t.parentElement;return e?e.classList.contains("toolbar")?e:h(e):t},U=t=>{if(!L("--bp-medium")&&!L("--bp-low-height")){let e=y(parseInt(getComputedStyle(document.documentElement).getPropertyValue("--toolbar-popout-allowed-edge-distance").replace("rem,",""),10)),n=parseInt(getComputedStyle(t).width.replace("px",""),10),o=t.getBoundingClientRect().x,l=document.body.offsetWidth-e-n-o;l<0&&t.style.setProperty("--toolbar-popout-edge-overflow",`${l}px`)}};var g=0;S(()=>{let t=document.querySelectorAll(".tabbed-content"),e=[];t.forEach(d=>e.push({domElement:d,rendered:!1})),w(e),H();let n=document.querySelectorAll(".nav:not(.nav--vertical)");n.forEach(d=>T(n,d)),I(n),document.querySelectorAll(".table--wrap-medium-width, .table--wrap-default-width").forEach(d=>N(d)),document.querySelectorAll(".box .content-toggle__content").forEach(d=>{M(d)});let r=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-next"),s=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-previous");C(r),q(s),document.querySelectorAll(".toolbar .content-toggle__content").forEach(d=>{M(d,a=>{U(a),O()},a=>A(h(a)),(a,c)=>{let u=c.getAttribute("aria-expanded"),m=h(a);u==="true"?m?.classList.add("toolbar--has-popout"):m?.classList.remove("toolbar--has-popout"),a.addEventListener("click",E=>{E.target.classList.contains("toolbar__popout")&&!b(E,"toolbar__filter__content")&&(A(m),P())})})}),window.addEventListener("load",()=>{g=window.innerWidth}),window.addEventListener("resize",()=>{g>0&&window.innerWidth!==g&&(g=window.innerWidth,n.forEach(d=>T(n,d)),w(e))})});})();
|
|
1
|
+
(()=>{var V=e=>{document.readyState!=="loading"?e():document.addEventListener("DOMContentLoaded",e)},x=V;var h=(e,t)=>{let o=!1;return e.composedPath().forEach(r=>{r.classList&&r.classList.contains(t)&&(o=!0)}),o},q=()=>{let e=document.querySelector("body");if(e){let t=window.getComputedStyle(e).getPropertyValue("--color-background"),o=document.querySelector('meta[name="theme-color"]');if(o)o.content=t;else{let l=document.createElement("meta");l.name="theme-color",l.content=t,document.getElementsByTagName("head")[0].appendChild(l)}}},C=()=>parseInt(window.getComputedStyle(document.documentElement).fontSize.replace("px",""),10),y=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),L=e=>{let t=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0),o=y(parseInt(getComputedStyle(document.documentElement).getPropertyValue(e).replace("rem",""),10));return t<o};var k=e=>{let t=e.parentElement;return t?t.classList.contains("nav")?t:k(t):e},W=(e,t=null)=>{let o="nav--toggled";e.forEach(l=>{let r=l.querySelector(".nav__toggle");l!==t&&(l.classList.contains(o)&&(r.focus(),r.setAttribute("aria-expanded","false")),l.classList.remove(o))})},I=e=>{let t=r=>{let n=k(r),s=n.querySelector(".nav__items"),i=s?.querySelector(".nav__item:last-of-type");s?.classList.add("nav__items--fadeout");let d=s?.querySelector(".nav__item--is-overflown");d&&d.focus();let a=()=>{n.classList.toggle("nav--toggled"),s?.classList.remove("nav__items--fadeout"),i?.removeEventListener("transitionend",a)};return i?.addEventListener("transitionend",a),n},o=[];return document.querySelectorAll(".nav__toggle").forEach(r=>{let n=()=>{let s=t(r),i=r.getAttribute("aria-expanded");r.setAttribute("aria-expanded",i==="false"?"true":"false"),W(e,s)};o.push({element:r,clickEvent:n}),r.addEventListener("click",n)}),o},_=(e,t)=>{let o="nav--toggled",l="nav__items";t.classList.remove(o);let r=t.querySelector(`.${l}`);if(r){let s=r.querySelectorAll(".nav__item"),i="nav__item--is-overflown",d="nav--has-overflow",a="nav__item--active",c=!1;for(let u=s.length-1;u>=0;u-=1){let m=s[u];m.offsetTop>0?(m.classList.add(i),t.classList.add(d),c=!0):m.classList.contains(a)||m.classList.remove(i)}if(!c){t.classList.remove(d);let u=t.querySelector(`.${a}`);u&&u.classList.remove(i)}}let n=s=>{!s.target.classList.contains("nav__toggle")&&!h(s,l)&&W(e)};return document.querySelector("body")?.addEventListener("click",n),{element:document.querySelector("body"),clickEvent:n}};var N=e=>{let t=e.querySelector("thead"),o=e.querySelector("tbody"),l=e.querySelector("tfoot");if(t){let r=[];t.querySelectorAll("th").forEach(i=>{i.classList.contains("table__cell--self-explanatory")?r.push(""):r.push(i.innerHTML)});let s=[];o&&s.push(o),l&&s.push(l),s.forEach(i=>{i.querySelectorAll("tr").forEach(a=>{a.querySelectorAll("td, th").forEach((u,m)=>{r[m]&&u.setAttribute("data-label",r[m])})})})}};var $=e=>e.contains("tabbed-content--hide-tabs-on-medium-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-medium").replace("rem",""),10):e.contains("tabbed-content--hide-tabs-on-wide-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-wide").replace("rem",""),10):-1,D=e=>{let o=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0)/C(),l=$(e);return l>-1?o<l:!0},K=e=>{let o=e.querySelector(".nav__items")?.querySelectorAll("a"),l=[];e.querySelectorAll("section").forEach(n=>{n.parentNode===e&&l.push(n)}),o?.forEach(n=>{n.removeAttribute("aria-selected"),n.classList.remove("nav__item--active")}),l.forEach(n=>{n.hidden=!1,n.removeAttribute("role")})};var T=(e,t,o,l,r,n=!0,s=i=>console.log(i))=>{n&&l.focus(),l.removeAttribute("tabindex"),l.setAttribute("aria-selected","true"),l.classList.contains("switch__segment")?l.classList.add("switch__segment--active"):l.classList.add("nav__item--active"),o&&(o.removeAttribute("aria-selected"),o.setAttribute("tabindex","-1"),o.classList.contains("switch__segment")?o.classList.remove("switch__segment--active"):o.classList.remove("nav__item--active"));let i=Array.prototype.indexOf.call(e,l);if(Array.from(document.querySelectorAll(`[data-for="${t[i].id}"]`)).forEach(a=>{a.classList.add("tabbed-content-peripheral--active"),a.hidden=!1}),t[i].hidden=!1,o){let a=Array.prototype.indexOf.call(e,o);Array.from(document.querySelectorAll(`[data-for="${t[a].id}"]`)).forEach(u=>{u.classList.remove("tabbed-content-peripheral--active"),u.hidden=!0}),t[a].hidden=!0}l.dispatchEvent(new CustomEvent("switch-tab",{bubbles:!0,detail:{tab:i}})),s(i)},F=(e,t,o=0,l=!0,r=n=>console.log(n))=>{let n=t.querySelector(".switch,.nav__items"),s=n.querySelectorAll("a"),i=[];t.querySelectorAll("section").forEach(c=>{c.parentNode===t&&i.push(c)});let a=t.querySelector("button.tabbed-content__expand-all");if(a){let c=()=>{n.hidden=!0,i.forEach(u=>{u.hidden=!1})};a.removeEventListener("click",c),a.addEventListener("click",c)}n.setAttribute("role","tablist"),s.forEach((c,u)=>{c.setAttribute("role","tab"),c.setAttribute("id",`tab${e}_${u+1}`),c.setAttribute("tabindex","-1"),c.parentElement?.setAttribute("role","presentation");let m=f=>{f.preventDefault();let E=n.querySelector("[aria-selected]");f.currentTarget!==E&&T(s,i,E,f.currentTarget,t.classList,!0,v=>{r(v)})};c.removeEventListener("click",m),c.addEventListener("click",m);let p=f=>{let E=Array.prototype.indexOf.call(s,f.currentTarget),v=null;f.key==="ArrowLeft"&&(v=E-1),f.key==="ArrowRight"&&(v=E+1),f.key==="ArrowDown"&&(v="down"),v!==null&&(f.preventDefault(),v==="down"?i[u].focus():s[v]&&T(s,i,f.currentTarget,s[v],t.classList,!0,R=>{r(R)}))};c.removeEventListener("keydown",p),c.addEventListener("keydown",p)}),i.forEach((c,u)=>{c.setAttribute("tabindex","-1"),c.setAttribute("aria-labelledby",s[u].id),c.hidden=!0,c.setAttribute("role","tabpanel")}),o>-1&&T(s,i,null,s[o],t.classList,l)},w=e=>{e.forEach((t,o)=>{let{rendered:l,domElement:r}=t;if(D(r.classList)){if(!l){let n=r.getAttribute("data-focus-onload"),s=r.getAttribute("data-initial-tab"),i=s?parseInt(s,10):0;F(o,r,i,n!=="false"),t.rendered=!0}}else l&&(K(r),t.rendered=!1)})};var M=(e,t,o,l)=>{let r=[],n=(d,a,c)=>{c&&a.focus();let u=()=>{e.setAttribute("hidden","hidden"),d.removeAttribute("hidden"),d.setAttribute("aria-expanded","false"),d.focus()};return a.addEventListener("click",u),u},s=e?.parentElement?.querySelector(".content-toggle__toggle"),i=e.querySelectorAll(".content-toggle__close");if(s){let d=()=>{let a=s.getAttribute("aria-expanded");typeof o=="function"&&a==="false"&&o(e,s),s.setAttribute("aria-expanded",a==="false"?"true":"false"),a==="true"?e.setAttribute("hidden","hidden"):e.removeAttribute("hidden"),typeof t=="function"&&t(e,s),s.hasAttribute("aria-haspopup")&&(s.setAttribute("hidden","hidden"),i.forEach(c=>{n(s,c,!0)})),typeof l=="function"&&l(e,s)};s.addEventListener("click",d),r.push({element:s,clickEvent:d}),i.forEach(a=>{let c=n(s,a,!1);r.push({element:a,clickEvent:c})})}return r};var O=()=>{let e=document.querySelector("body");(L("--bp-medium")||L("--bp-low-height"))&&e?.classList.add("body--no-scroll")},P=()=>{document.querySelector("body")?.classList.remove("body--no-scroll")},A=e=>{e.querySelectorAll(".content-toggle__toggle").forEach(o=>{let l=o.parentElement?.querySelector(".content-toggle__content");o.setAttribute("aria-expanded","false"),l?.setAttribute("hidden","hidden")})};var b=e=>{let t=e.parentElement;return t?t.classList.contains("toolbar")?t:b(t):e},B=e=>{if(!L("--bp-medium")&&!L("--bp-low-height")){let t=y(parseInt(getComputedStyle(document.documentElement).getPropertyValue("--toolbar-popout-allowed-edge-distance").replace("rem,",""),10)),o=parseInt(getComputedStyle(e).width.replace("px",""),10),l=e.getBoundingClientRect().x,r=document.body.offsetWidth-t-o-l;r<0&&e.style.setProperty("--toolbar-popout-edge-overflow",`${r}px`)}};var z=e=>{e&&e.forEach(t=>{let o=t?.parentElement?.parentElement?.parentElement?.parentElement;if(o){let l=o.querySelectorAll(".horizontal-scroll__scrollable-content"),r=o.querySelectorAll(".switch__segment");l.forEach(n=>{n&&(t.addEventListener("click",()=>{let s=.8*n.clientWidth;n.scrollLeft+=s}),n.addEventListener("scroll",()=>{n.scrollLeft+n.clientWidth>=n.scrollWidth*.98?H(t):n.scrollLeft+n.clientWidth<n.scrollWidth&&S(t)}),r&&r.forEach(s=>{s.addEventListener("click",()=>{S(t),n.scrollLeft=0})}))})}})},U=e=>{e&&e.forEach(t=>{let o=t?.parentElement?.parentElement?.parentElement?.parentElement;if(o){let l=o.querySelectorAll(".horizontal-scroll__scrollable-content"),r=o.querySelectorAll(".switch__segment");l.forEach(n=>{n&&(t.addEventListener("click",()=>{let s=.8*n.clientWidth;n.scrollLeft-=s}),n.addEventListener("scroll",()=>{n.scrollLeft<=0?H(t):n.scrollLeft>0&&S(t)})),r&&r.forEach(s=>{s.addEventListener("click",()=>{H(t)})})})}})};function S(e){e.classList.remove("visually-disabled"),e.setAttribute("aria-disabled","false")}function H(e){e.classList.add("visually-disabled"),e.setAttribute("aria-disabled","true")}var g=0;x(()=>{let e=document.querySelectorAll(".tabbed-content"),t=[];e.forEach(d=>t.push({domElement:d,rendered:!1})),w(t),q();let o=document.querySelectorAll(".nav:not(.nav--vertical)");o.forEach(d=>_(o,d)),I(o),document.querySelectorAll(".table--wrap-medium-width, .table--wrap-default-width").forEach(d=>N(d)),document.querySelectorAll(".box .content-toggle__content").forEach(d=>{M(d)});let n=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-next"),s=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-previous");z(n),U(s),document.querySelectorAll(".toolbar .content-toggle__content").forEach(d=>{M(d,a=>{B(a),O()},a=>A(b(a)),(a,c)=>{let u=c.getAttribute("aria-expanded"),m=b(a);u==="true"?m?.classList.add("toolbar--has-popout"):m?.classList.remove("toolbar--has-popout"),a.addEventListener("click",p=>{p.target.classList.contains("toolbar__popout")&&!h(p,"toolbar__filter__content")&&(A(m),P())})})}),window.addEventListener("load",()=>{g=window.innerWidth}),window.addEventListener("resize",()=>{g>0&&window.innerWidth!==g&&(g=window.innerWidth,o.forEach(d=>_(o,d)),w(t))})});})();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{var B=t=>{document.readyState!=="loading"?t():document.addEventListener("DOMContentLoaded",t)},S=B;var b=(t,e)=>{let n=!1;return t.composedPath().forEach(l=>{l.classList&&l.classList.contains(e)&&(n=!0)}),n},H=()=>{let t=document.querySelector("body");if(t){let e=window.getComputedStyle(t).getPropertyValue("--color-background"),n=document.querySelector('meta[name="theme-color"]');if(n)n.content=e;else{let o=document.createElement("meta");o.name="theme-color",o.content=e,document.getElementsByTagName("head")[0].appendChild(o)}}},x=()=>parseInt(window.getComputedStyle(document.documentElement).fontSize.replace("px",""),10),y=t=>t*parseFloat(getComputedStyle(document.documentElement).fontSize),L=t=>{let e=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0),n=y(parseInt(getComputedStyle(document.documentElement).getPropertyValue(t).replace("rem",""),10));return e<n};var C=t=>{t&&t.forEach(e=>{let n=e?.parentElement?.parentElement?.parentElement?.parentElement;if(n){let o=n.querySelector(".horizontal-scroll__scrollable-content");o&&(e.addEventListener("click",()=>{let l=.8*o.clientWidth;o.scrollLeft+=l}),o.addEventListener("scroll",()=>{o.scrollLeft+o.clientWidth>=o.scrollWidth*.98?(e.classList.add("visually-disabled"),e.setAttribute("aria-disabled","true")):o.scrollLeft+o.clientWidth<o.scrollWidth&&(e.classList.remove("visually-disabled"),e.setAttribute("aria-disabled","false"))}))}})},q=t=>{t&&t.forEach(e=>{let n=e?.parentElement?.parentElement?.parentElement?.parentElement;if(n){let o=n.querySelector(".horizontal-scroll__scrollable-content");o&&(e.addEventListener("click",()=>{let l=.8*o.clientWidth;o.scrollLeft-=l}),o.addEventListener("scroll",()=>{o.scrollLeft<=0?(e.classList.add("visually-disabled"),e.setAttribute("aria-disabled","true")):o.scrollLeft>0&&(e.classList.remove("visually-disabled"),e.setAttribute("aria-disabled","false"))}))}})};var k=t=>{let e=t.parentElement;return e?e.classList.contains("nav")?e:k(e):t},W=(t,e=null)=>{let n="nav--toggled";t.forEach(o=>{let l=o.querySelector(".nav__toggle");o!==e&&(o.classList.contains(n)&&(l.focus(),l.setAttribute("aria-expanded","false")),o.classList.remove(n))})},I=t=>{let e=l=>{let r=k(l),s=r.querySelector(".nav__items"),i=s?.querySelector(".nav__item:last-of-type");s?.classList.add("nav__items--fadeout");let d=s?.querySelector(".nav__item--is-overflown");d&&d.focus();let a=()=>{r.classList.toggle("nav--toggled"),s?.classList.remove("nav__items--fadeout"),i?.removeEventListener("transitionend",a)};return i?.addEventListener("transitionend",a),r},n=[];return document.querySelectorAll(".nav__toggle").forEach(l=>{let r=()=>{let s=e(l),i=l.getAttribute("aria-expanded");l.setAttribute("aria-expanded",i==="false"?"true":"false"),W(t,s)};n.push({element:l,clickEvent:r}),l.addEventListener("click",r)}),n},T=(t,e)=>{let n="nav--toggled",o="nav__items";e.classList.remove(n);let l=e.querySelector(`.${o}`);if(l){let s=l.querySelectorAll(".nav__item"),i="nav__item--is-overflown",d="nav--has-overflow",a="nav__item--active",c=!1;for(let u=s.length-1;u>=0;u-=1){let m=s[u];m.offsetTop>0?(m.classList.add(i),e.classList.add(d),c=!0):m.classList.contains(a)||m.classList.remove(i)}if(!c){e.classList.remove(d);let u=e.querySelector(`.${a}`);u&&u.classList.remove(i)}}let r=s=>{!s.target.classList.contains("nav__toggle")&&!b(s,o)&&W(t)};return document.querySelector("body")?.addEventListener("click",r),{element:document.querySelector("body"),clickEvent:r}};var N=t=>{let e=t.querySelector("thead"),n=t.querySelector("tbody"),o=t.querySelector("tfoot");if(e){let l=[];e.querySelectorAll("th").forEach(i=>{i.classList.contains("table__cell--self-explanatory")?l.push(""):l.push(i.innerHTML)});let s=[];n&&s.push(n),o&&s.push(o),s.forEach(i=>{i.querySelectorAll("tr").forEach(a=>{a.querySelectorAll("td, th").forEach((u,m)=>{l[m]&&u.setAttribute("data-label",l[m])})})})}};var R=t=>t.contains("tabbed-content--hide-tabs-on-medium-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-medium").replace("rem",""),10):t.contains("tabbed-content--hide-tabs-on-wide-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-wide").replace("rem",""),10):-1,V=t=>{let n=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0)/x(),o=R(t);return o>-1?n<o:!0},$=t=>{let n=t.querySelector(".nav__items")?.querySelectorAll("a"),o=[];t.querySelectorAll("section").forEach(r=>{r.parentNode===t&&o.push(r)}),n?.forEach(r=>{r.removeAttribute("aria-selected"),r.classList.remove("nav__item--active")}),o.forEach(r=>{r.hidden=!1,r.removeAttribute("role")})};var _=(t,e,n,o,l,r=!0,s=i=>console.log(i))=>{r&&o.focus(),o.removeAttribute("tabindex"),o.setAttribute("aria-selected","true"),o.classList.contains("switch__segment")?o.classList.add("switch__segment--active"):o.classList.add("nav__item--active"),n&&(n.removeAttribute("aria-selected"),n.setAttribute("tabindex","-1"),n.classList.contains("switch__segment")?n.classList.remove("switch__segment--active"):n.classList.remove("nav__item--active"));let i=Array.prototype.indexOf.call(t,o);if(Array.from(document.querySelectorAll(`[data-for="${e[i].id}"]`)).forEach(a=>{a.classList.add("tabbed-content-peripheral--active"),a.hidden=!1}),e[i].hidden=!1,n){let a=Array.prototype.indexOf.call(t,n);Array.from(document.querySelectorAll(`[data-for="${e[a].id}"]`)).forEach(u=>{u.classList.remove("tabbed-content-peripheral--active"),u.hidden=!0}),e[a].hidden=!0}o.dispatchEvent(new CustomEvent("switch-tab",{bubbles:!0,detail:{tab:i}})),s(i)},D=(t,e,n=0,o=!0,l=r=>console.log(r))=>{let r=e.querySelector(".switch,.nav__items"),s=r.querySelectorAll("a"),i=[];e.querySelectorAll("section").forEach(c=>{c.parentNode===e&&i.push(c)});let a=e.querySelector("button.tabbed-content__expand-all");if(a){let c=()=>{r.hidden=!0,i.forEach(u=>{u.hidden=!1})};a.removeEventListener("click",c),a.addEventListener("click",c)}r.setAttribute("role","tablist"),s.forEach((c,u)=>{c.setAttribute("role","tab"),c.setAttribute("id",`tab${t}_${u+1}`),c.setAttribute("tabindex","-1"),c.parentElement?.setAttribute("role","presentation");let m=f=>{f.preventDefault();let p=r.querySelector("[aria-selected]");f.currentTarget!==p&&_(s,i,p,f.currentTarget,e.classList,!0,v=>{l(v)})};c.removeEventListener("click",m),c.addEventListener("click",m);let E=f=>{let p=Array.prototype.indexOf.call(s,f.currentTarget),v=null;f.key==="ArrowLeft"&&(v=p-1),f.key==="ArrowRight"&&(v=p+1),f.key==="ArrowDown"&&(v="down"),v!==null&&(f.preventDefault(),v==="down"?i[u].focus():s[v]&&_(s,i,f.currentTarget,s[v],e.classList,!0,z=>{l(z)}))};c.removeEventListener("keydown",E),c.addEventListener("keydown",E)}),i.forEach((c,u)=>{c.setAttribute("tabindex","-1"),c.setAttribute("aria-labelledby",s[u].id),c.hidden=!0,c.setAttribute("role","tabpanel")}),n>-1&&_(s,i,null,s[n],e.classList,o)},w=t=>{t.forEach((e,n)=>{let{rendered:o,domElement:l}=e;if(V(l.classList)){if(!o){let r=l.getAttribute("data-focus-onload"),s=l.getAttribute("data-initial-tab"),i=s?parseInt(s,10):0;D(n,l,i,r!=="false"),e.rendered=!0}}else o&&($(l),e.rendered=!1)})};var M=(t,e,n,o)=>{let l=[],r=(d,a,c)=>{c&&a.focus();let u=()=>{t.setAttribute("hidden","hidden"),d.removeAttribute("hidden"),d.setAttribute("aria-expanded","false"),d.focus()};return a.addEventListener("click",u),u},s=t?.parentElement?.querySelector(".content-toggle__toggle"),i=t.querySelectorAll(".content-toggle__close");if(s){let d=()=>{let a=s.getAttribute("aria-expanded");typeof n=="function"&&a==="false"&&n(t,s),s.setAttribute("aria-expanded",a==="false"?"true":"false"),a==="true"?t.setAttribute("hidden","hidden"):t.removeAttribute("hidden"),typeof e=="function"&&e(t,s),s.hasAttribute("aria-haspopup")&&(s.setAttribute("hidden","hidden"),i.forEach(c=>{r(s,c,!0)})),typeof o=="function"&&o(t,s)};s.addEventListener("click",d),l.push({element:s,clickEvent:d}),i.forEach(a=>{let c=r(s,a,!1);l.push({element:a,clickEvent:c})})}return l};var O=()=>{let t=document.querySelector("body");(L("--bp-medium")||L("--bp-low-height"))&&t?.classList.add("body--no-scroll")},P=()=>{document.querySelector("body")?.classList.remove("body--no-scroll")},A=t=>{t.querySelectorAll(".content-toggle__toggle").forEach(n=>{let o=n.parentElement?.querySelector(".content-toggle__content");n.setAttribute("aria-expanded","false"),o?.setAttribute("hidden","hidden")})};var h=t=>{let e=t.parentElement;return e?e.classList.contains("toolbar")?e:h(e):t},U=t=>{if(!L("--bp-medium")&&!L("--bp-low-height")){let e=y(parseInt(getComputedStyle(document.documentElement).getPropertyValue("--toolbar-popout-allowed-edge-distance").replace("rem,",""),10)),n=parseInt(getComputedStyle(t).width.replace("px",""),10),o=t.getBoundingClientRect().x,l=document.body.offsetWidth-e-n-o;l<0&&t.style.setProperty("--toolbar-popout-edge-overflow",`${l}px`)}};var g=0;S(()=>{let t=document.querySelectorAll(".tabbed-content"),e=[];t.forEach(d=>e.push({domElement:d,rendered:!1})),w(e),H();let n=document.querySelectorAll(".nav:not(.nav--vertical)");n.forEach(d=>T(n,d)),I(n),document.querySelectorAll(".table--wrap-medium-width, .table--wrap-default-width").forEach(d=>N(d)),document.querySelectorAll(".box .content-toggle__content").forEach(d=>{M(d)});let r=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-next"),s=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-previous");C(r),q(s),document.querySelectorAll(".toolbar .content-toggle__content").forEach(d=>{M(d,a=>{U(a),O()},a=>A(h(a)),(a,c)=>{let u=c.getAttribute("aria-expanded"),m=h(a);u==="true"?m?.classList.add("toolbar--has-popout"):m?.classList.remove("toolbar--has-popout"),a.addEventListener("click",E=>{E.target.classList.contains("toolbar__popout")&&!b(E,"toolbar__filter__content")&&(A(m),P())})})}),window.addEventListener("load",()=>{g=window.innerWidth}),window.addEventListener("resize",()=>{g>0&&window.innerWidth!==g&&(g=window.innerWidth,n.forEach(d=>T(n,d)),w(e))})});})();
|
|
1
|
+
(()=>{var V=e=>{document.readyState!=="loading"?e():document.addEventListener("DOMContentLoaded",e)},x=V;var h=(e,t)=>{let o=!1;return e.composedPath().forEach(r=>{r.classList&&r.classList.contains(t)&&(o=!0)}),o},q=()=>{let e=document.querySelector("body");if(e){let t=window.getComputedStyle(e).getPropertyValue("--color-background"),o=document.querySelector('meta[name="theme-color"]');if(o)o.content=t;else{let l=document.createElement("meta");l.name="theme-color",l.content=t,document.getElementsByTagName("head")[0].appendChild(l)}}},C=()=>parseInt(window.getComputedStyle(document.documentElement).fontSize.replace("px",""),10),y=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),L=e=>{let t=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0),o=y(parseInt(getComputedStyle(document.documentElement).getPropertyValue(e).replace("rem",""),10));return t<o};var k=e=>{let t=e.parentElement;return t?t.classList.contains("nav")?t:k(t):e},W=(e,t=null)=>{let o="nav--toggled";e.forEach(l=>{let r=l.querySelector(".nav__toggle");l!==t&&(l.classList.contains(o)&&(r.focus(),r.setAttribute("aria-expanded","false")),l.classList.remove(o))})},I=e=>{let t=r=>{let n=k(r),s=n.querySelector(".nav__items"),i=s?.querySelector(".nav__item:last-of-type");s?.classList.add("nav__items--fadeout");let d=s?.querySelector(".nav__item--is-overflown");d&&d.focus();let a=()=>{n.classList.toggle("nav--toggled"),s?.classList.remove("nav__items--fadeout"),i?.removeEventListener("transitionend",a)};return i?.addEventListener("transitionend",a),n},o=[];return document.querySelectorAll(".nav__toggle").forEach(r=>{let n=()=>{let s=t(r),i=r.getAttribute("aria-expanded");r.setAttribute("aria-expanded",i==="false"?"true":"false"),W(e,s)};o.push({element:r,clickEvent:n}),r.addEventListener("click",n)}),o},_=(e,t)=>{let o="nav--toggled",l="nav__items";t.classList.remove(o);let r=t.querySelector(`.${l}`);if(r){let s=r.querySelectorAll(".nav__item"),i="nav__item--is-overflown",d="nav--has-overflow",a="nav__item--active",c=!1;for(let u=s.length-1;u>=0;u-=1){let m=s[u];m.offsetTop>0?(m.classList.add(i),t.classList.add(d),c=!0):m.classList.contains(a)||m.classList.remove(i)}if(!c){t.classList.remove(d);let u=t.querySelector(`.${a}`);u&&u.classList.remove(i)}}let n=s=>{!s.target.classList.contains("nav__toggle")&&!h(s,l)&&W(e)};return document.querySelector("body")?.addEventListener("click",n),{element:document.querySelector("body"),clickEvent:n}};var N=e=>{let t=e.querySelector("thead"),o=e.querySelector("tbody"),l=e.querySelector("tfoot");if(t){let r=[];t.querySelectorAll("th").forEach(i=>{i.classList.contains("table__cell--self-explanatory")?r.push(""):r.push(i.innerHTML)});let s=[];o&&s.push(o),l&&s.push(l),s.forEach(i=>{i.querySelectorAll("tr").forEach(a=>{a.querySelectorAll("td, th").forEach((u,m)=>{r[m]&&u.setAttribute("data-label",r[m])})})})}};var $=e=>e.contains("tabbed-content--hide-tabs-on-medium-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-medium").replace("rem",""),10):e.contains("tabbed-content--hide-tabs-on-wide-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-wide").replace("rem",""),10):-1,D=e=>{let o=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0)/C(),l=$(e);return l>-1?o<l:!0},K=e=>{let o=e.querySelector(".nav__items")?.querySelectorAll("a"),l=[];e.querySelectorAll("section").forEach(n=>{n.parentNode===e&&l.push(n)}),o?.forEach(n=>{n.removeAttribute("aria-selected"),n.classList.remove("nav__item--active")}),l.forEach(n=>{n.hidden=!1,n.removeAttribute("role")})};var T=(e,t,o,l,r,n=!0,s=i=>console.log(i))=>{n&&l.focus(),l.removeAttribute("tabindex"),l.setAttribute("aria-selected","true"),l.classList.contains("switch__segment")?l.classList.add("switch__segment--active"):l.classList.add("nav__item--active"),o&&(o.removeAttribute("aria-selected"),o.setAttribute("tabindex","-1"),o.classList.contains("switch__segment")?o.classList.remove("switch__segment--active"):o.classList.remove("nav__item--active"));let i=Array.prototype.indexOf.call(e,l);if(Array.from(document.querySelectorAll(`[data-for="${t[i].id}"]`)).forEach(a=>{a.classList.add("tabbed-content-peripheral--active"),a.hidden=!1}),t[i].hidden=!1,o){let a=Array.prototype.indexOf.call(e,o);Array.from(document.querySelectorAll(`[data-for="${t[a].id}"]`)).forEach(u=>{u.classList.remove("tabbed-content-peripheral--active"),u.hidden=!0}),t[a].hidden=!0}l.dispatchEvent(new CustomEvent("switch-tab",{bubbles:!0,detail:{tab:i}})),s(i)},F=(e,t,o=0,l=!0,r=n=>console.log(n))=>{let n=t.querySelector(".switch,.nav__items"),s=n.querySelectorAll("a"),i=[];t.querySelectorAll("section").forEach(c=>{c.parentNode===t&&i.push(c)});let a=t.querySelector("button.tabbed-content__expand-all");if(a){let c=()=>{n.hidden=!0,i.forEach(u=>{u.hidden=!1})};a.removeEventListener("click",c),a.addEventListener("click",c)}n.setAttribute("role","tablist"),s.forEach((c,u)=>{c.setAttribute("role","tab"),c.setAttribute("id",`tab${e}_${u+1}`),c.setAttribute("tabindex","-1"),c.parentElement?.setAttribute("role","presentation");let m=f=>{f.preventDefault();let E=n.querySelector("[aria-selected]");f.currentTarget!==E&&T(s,i,E,f.currentTarget,t.classList,!0,v=>{r(v)})};c.removeEventListener("click",m),c.addEventListener("click",m);let p=f=>{let E=Array.prototype.indexOf.call(s,f.currentTarget),v=null;f.key==="ArrowLeft"&&(v=E-1),f.key==="ArrowRight"&&(v=E+1),f.key==="ArrowDown"&&(v="down"),v!==null&&(f.preventDefault(),v==="down"?i[u].focus():s[v]&&T(s,i,f.currentTarget,s[v],t.classList,!0,R=>{r(R)}))};c.removeEventListener("keydown",p),c.addEventListener("keydown",p)}),i.forEach((c,u)=>{c.setAttribute("tabindex","-1"),c.setAttribute("aria-labelledby",s[u].id),c.hidden=!0,c.setAttribute("role","tabpanel")}),o>-1&&T(s,i,null,s[o],t.classList,l)},w=e=>{e.forEach((t,o)=>{let{rendered:l,domElement:r}=t;if(D(r.classList)){if(!l){let n=r.getAttribute("data-focus-onload"),s=r.getAttribute("data-initial-tab"),i=s?parseInt(s,10):0;F(o,r,i,n!=="false"),t.rendered=!0}}else l&&(K(r),t.rendered=!1)})};var M=(e,t,o,l)=>{let r=[],n=(d,a,c)=>{c&&a.focus();let u=()=>{e.setAttribute("hidden","hidden"),d.removeAttribute("hidden"),d.setAttribute("aria-expanded","false"),d.focus()};return a.addEventListener("click",u),u},s=e?.parentElement?.querySelector(".content-toggle__toggle"),i=e.querySelectorAll(".content-toggle__close");if(s){let d=()=>{let a=s.getAttribute("aria-expanded");typeof o=="function"&&a==="false"&&o(e,s),s.setAttribute("aria-expanded",a==="false"?"true":"false"),a==="true"?e.setAttribute("hidden","hidden"):e.removeAttribute("hidden"),typeof t=="function"&&t(e,s),s.hasAttribute("aria-haspopup")&&(s.setAttribute("hidden","hidden"),i.forEach(c=>{n(s,c,!0)})),typeof l=="function"&&l(e,s)};s.addEventListener("click",d),r.push({element:s,clickEvent:d}),i.forEach(a=>{let c=n(s,a,!1);r.push({element:a,clickEvent:c})})}return r};var O=()=>{let e=document.querySelector("body");(L("--bp-medium")||L("--bp-low-height"))&&e?.classList.add("body--no-scroll")},P=()=>{document.querySelector("body")?.classList.remove("body--no-scroll")},A=e=>{e.querySelectorAll(".content-toggle__toggle").forEach(o=>{let l=o.parentElement?.querySelector(".content-toggle__content");o.setAttribute("aria-expanded","false"),l?.setAttribute("hidden","hidden")})};var b=e=>{let t=e.parentElement;return t?t.classList.contains("toolbar")?t:b(t):e},B=e=>{if(!L("--bp-medium")&&!L("--bp-low-height")){let t=y(parseInt(getComputedStyle(document.documentElement).getPropertyValue("--toolbar-popout-allowed-edge-distance").replace("rem,",""),10)),o=parseInt(getComputedStyle(e).width.replace("px",""),10),l=e.getBoundingClientRect().x,r=document.body.offsetWidth-t-o-l;r<0&&e.style.setProperty("--toolbar-popout-edge-overflow",`${r}px`)}};var z=e=>{e&&e.forEach(t=>{let o=t?.parentElement?.parentElement?.parentElement?.parentElement;if(o){let l=o.querySelectorAll(".horizontal-scroll__scrollable-content"),r=o.querySelectorAll(".switch__segment");l.forEach(n=>{n&&(t.addEventListener("click",()=>{let s=.8*n.clientWidth;n.scrollLeft+=s}),n.addEventListener("scroll",()=>{n.scrollLeft+n.clientWidth>=n.scrollWidth*.98?H(t):n.scrollLeft+n.clientWidth<n.scrollWidth&&S(t)}),r&&r.forEach(s=>{s.addEventListener("click",()=>{S(t),n.scrollLeft=0})}))})}})},U=e=>{e&&e.forEach(t=>{let o=t?.parentElement?.parentElement?.parentElement?.parentElement;if(o){let l=o.querySelectorAll(".horizontal-scroll__scrollable-content"),r=o.querySelectorAll(".switch__segment");l.forEach(n=>{n&&(t.addEventListener("click",()=>{let s=.8*n.clientWidth;n.scrollLeft-=s}),n.addEventListener("scroll",()=>{n.scrollLeft<=0?H(t):n.scrollLeft>0&&S(t)})),r&&r.forEach(s=>{s.addEventListener("click",()=>{H(t)})})})}})};function S(e){e.classList.remove("visually-disabled"),e.setAttribute("aria-disabled","false")}function H(e){e.classList.add("visually-disabled"),e.setAttribute("aria-disabled","true")}var g=0;x(()=>{let e=document.querySelectorAll(".tabbed-content"),t=[];e.forEach(d=>t.push({domElement:d,rendered:!1})),w(t),q();let o=document.querySelectorAll(".nav:not(.nav--vertical)");o.forEach(d=>_(o,d)),I(o),document.querySelectorAll(".table--wrap-medium-width, .table--wrap-default-width").forEach(d=>N(d)),document.querySelectorAll(".box .content-toggle__content").forEach(d=>{M(d)});let n=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-next"),s=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-previous");z(n),U(s),document.querySelectorAll(".toolbar .content-toggle__content").forEach(d=>{M(d,a=>{B(a),O()},a=>A(b(a)),(a,c)=>{let u=c.getAttribute("aria-expanded"),m=b(a);u==="true"?m?.classList.add("toolbar--has-popout"):m?.classList.remove("toolbar--has-popout"),a.addEventListener("click",p=>{p.target.classList.contains("toolbar__popout")&&!h(p,"toolbar__filter__content")&&(A(m),P())})})}),window.addEventListener("load",()=>{g=window.innerWidth}),window.addEventListener("resize",()=>{g>0&&window.innerWidth!==g&&(g=window.innerWidth,o.forEach(d=>_(o,d)),w(t))})});})();
|
|
@@ -11842,4 +11842,79 @@ blockquote:not(.links--plain) .pure-profile-editor__contact__details > .contact-
|
|
|
11842
11842
|
width: auto;
|
|
11843
11843
|
}
|
|
11844
11844
|
|
|
11845
|
+
.profile-text-selector {
|
|
11846
|
+
display: grid;
|
|
11847
|
+
row-gap: 2px;
|
|
11848
|
+
margin: var(--spacing-m2) 0 var(--spacing-0);
|
|
11849
|
+
}
|
|
11850
|
+
.profile-text-selector li {
|
|
11851
|
+
margin: 0;
|
|
11852
|
+
padding: 0;
|
|
11853
|
+
}
|
|
11854
|
+
.profile-text-selector li::before {
|
|
11855
|
+
content: none;
|
|
11856
|
+
}
|
|
11857
|
+
.profile-text-selector__item {
|
|
11858
|
+
display: flex;
|
|
11859
|
+
justify-content: space-between;
|
|
11860
|
+
align-items: center;
|
|
11861
|
+
position: relative;
|
|
11862
|
+
background-color: var(--color-background-secondary);
|
|
11863
|
+
color: var(--color-foreground);
|
|
11864
|
+
padding: var(--spacing-m2) var(--spacing-m1);
|
|
11865
|
+
font-size: var(--font-size-0);
|
|
11866
|
+
line-height: calc(1.1em + 0.3rem);
|
|
11867
|
+
font-weight: 400;
|
|
11868
|
+
}
|
|
11869
|
+
.profile-text-selector__item:hover {
|
|
11870
|
+
background-color: var(--color-background-secondary-hover);
|
|
11871
|
+
}
|
|
11872
|
+
.profile-text-selector__item:hover .button {
|
|
11873
|
+
background-color: var(--color-theme-hover);
|
|
11874
|
+
}
|
|
11875
|
+
.profile-text-selector__item:hover .button--text {
|
|
11876
|
+
background-color: transparent;
|
|
11877
|
+
box-shadow: 0 0.2rem 0.6rem 0 var(--color-shadow);
|
|
11878
|
+
}
|
|
11879
|
+
.profile-text-selector__item:active {
|
|
11880
|
+
color: var(--color-foreground-theme);
|
|
11881
|
+
}
|
|
11882
|
+
.profile-text-selector__item:active .button {
|
|
11883
|
+
box-shadow: 0 0.05rem 0.2rem 0 var(--color-shadow);
|
|
11884
|
+
}
|
|
11885
|
+
.profile-text-selector__item:active .button--text {
|
|
11886
|
+
box-shadow: 0 0.05rem 0.2rem 0 var(--color-shadow);
|
|
11887
|
+
}
|
|
11888
|
+
.profile-text-selector__item:active .profile-text-selector__item__title::before {
|
|
11889
|
+
color: var(--color-foreground-theme);
|
|
11890
|
+
}
|
|
11891
|
+
.profile-text-selector__item:focus-visible {
|
|
11892
|
+
outline: 2px solid var(--color-utility-focus);
|
|
11893
|
+
outline-offset: 1px;
|
|
11894
|
+
z-index: 1;
|
|
11895
|
+
}
|
|
11896
|
+
.profile-text-selector__item__title {
|
|
11897
|
+
display: flex;
|
|
11898
|
+
align-items: center;
|
|
11899
|
+
}
|
|
11900
|
+
.profile-text-selector__item__title::before {
|
|
11901
|
+
font-family: "font-awesome";
|
|
11902
|
+
font-weight: 300;
|
|
11903
|
+
-moz-osx-font-smoothing: grayscale;
|
|
11904
|
+
-webkit-font-smoothing: antialiased;
|
|
11905
|
+
text-rendering: auto;
|
|
11906
|
+
display: inline-block;
|
|
11907
|
+
text-align: center;
|
|
11908
|
+
color: var(--color-foreground-theme);
|
|
11909
|
+
margin-right: var(--spacing-m4);
|
|
11910
|
+
font-size: var(--font-size-p2);
|
|
11911
|
+
width: calc(1.1em + 0.3rem);
|
|
11912
|
+
}
|
|
11913
|
+
.profile-text-selector__item--filled-in {
|
|
11914
|
+
color: var(--color-foreground-secondary);
|
|
11915
|
+
}
|
|
11916
|
+
.profile-text-selector__item--filled-in .profile-text-selector__item__title::before {
|
|
11917
|
+
color: var(--color-foreground-secondary);
|
|
11918
|
+
}
|
|
11919
|
+
|
|
11845
11920
|
/*# sourceMappingURL=style.css.map */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{var B=t=>{document.readyState!=="loading"?t():document.addEventListener("DOMContentLoaded",t)},S=B;var b=(t,e)=>{let n=!1;return t.composedPath().forEach(l=>{l.classList&&l.classList.contains(e)&&(n=!0)}),n},H=()=>{let t=document.querySelector("body");if(t){let e=window.getComputedStyle(t).getPropertyValue("--color-background"),n=document.querySelector('meta[name="theme-color"]');if(n)n.content=e;else{let o=document.createElement("meta");o.name="theme-color",o.content=e,document.getElementsByTagName("head")[0].appendChild(o)}}},x=()=>parseInt(window.getComputedStyle(document.documentElement).fontSize.replace("px",""),10),y=t=>t*parseFloat(getComputedStyle(document.documentElement).fontSize),L=t=>{let e=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0),n=y(parseInt(getComputedStyle(document.documentElement).getPropertyValue(t).replace("rem",""),10));return e<n};var C=t=>{t&&t.forEach(e=>{let n=e?.parentElement?.parentElement?.parentElement?.parentElement;if(n){let o=n.querySelector(".horizontal-scroll__scrollable-content");o&&(e.addEventListener("click",()=>{let l=.8*o.clientWidth;o.scrollLeft+=l}),o.addEventListener("scroll",()=>{o.scrollLeft+o.clientWidth>=o.scrollWidth*.98?(e.classList.add("visually-disabled"),e.setAttribute("aria-disabled","true")):o.scrollLeft+o.clientWidth<o.scrollWidth&&(e.classList.remove("visually-disabled"),e.setAttribute("aria-disabled","false"))}))}})},q=t=>{t&&t.forEach(e=>{let n=e?.parentElement?.parentElement?.parentElement?.parentElement;if(n){let o=n.querySelector(".horizontal-scroll__scrollable-content");o&&(e.addEventListener("click",()=>{let l=.8*o.clientWidth;o.scrollLeft-=l}),o.addEventListener("scroll",()=>{o.scrollLeft<=0?(e.classList.add("visually-disabled"),e.setAttribute("aria-disabled","true")):o.scrollLeft>0&&(e.classList.remove("visually-disabled"),e.setAttribute("aria-disabled","false"))}))}})};var k=t=>{let e=t.parentElement;return e?e.classList.contains("nav")?e:k(e):t},W=(t,e=null)=>{let n="nav--toggled";t.forEach(o=>{let l=o.querySelector(".nav__toggle");o!==e&&(o.classList.contains(n)&&(l.focus(),l.setAttribute("aria-expanded","false")),o.classList.remove(n))})},I=t=>{let e=l=>{let r=k(l),s=r.querySelector(".nav__items"),i=s?.querySelector(".nav__item:last-of-type");s?.classList.add("nav__items--fadeout");let d=s?.querySelector(".nav__item--is-overflown");d&&d.focus();let a=()=>{r.classList.toggle("nav--toggled"),s?.classList.remove("nav__items--fadeout"),i?.removeEventListener("transitionend",a)};return i?.addEventListener("transitionend",a),r},n=[];return document.querySelectorAll(".nav__toggle").forEach(l=>{let r=()=>{let s=e(l),i=l.getAttribute("aria-expanded");l.setAttribute("aria-expanded",i==="false"?"true":"false"),W(t,s)};n.push({element:l,clickEvent:r}),l.addEventListener("click",r)}),n},T=(t,e)=>{let n="nav--toggled",o="nav__items";e.classList.remove(n);let l=e.querySelector(`.${o}`);if(l){let s=l.querySelectorAll(".nav__item"),i="nav__item--is-overflown",d="nav--has-overflow",a="nav__item--active",c=!1;for(let u=s.length-1;u>=0;u-=1){let m=s[u];m.offsetTop>0?(m.classList.add(i),e.classList.add(d),c=!0):m.classList.contains(a)||m.classList.remove(i)}if(!c){e.classList.remove(d);let u=e.querySelector(`.${a}`);u&&u.classList.remove(i)}}let r=s=>{!s.target.classList.contains("nav__toggle")&&!b(s,o)&&W(t)};return document.querySelector("body")?.addEventListener("click",r),{element:document.querySelector("body"),clickEvent:r}};var N=t=>{let e=t.querySelector("thead"),n=t.querySelector("tbody"),o=t.querySelector("tfoot");if(e){let l=[];e.querySelectorAll("th").forEach(i=>{i.classList.contains("table__cell--self-explanatory")?l.push(""):l.push(i.innerHTML)});let s=[];n&&s.push(n),o&&s.push(o),s.forEach(i=>{i.querySelectorAll("tr").forEach(a=>{a.querySelectorAll("td, th").forEach((u,m)=>{l[m]&&u.setAttribute("data-label",l[m])})})})}};var R=t=>t.contains("tabbed-content--hide-tabs-on-medium-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-medium").replace("rem",""),10):t.contains("tabbed-content--hide-tabs-on-wide-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-wide").replace("rem",""),10):-1,V=t=>{let n=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0)/x(),o=R(t);return o>-1?n<o:!0},$=t=>{let n=t.querySelector(".nav__items")?.querySelectorAll("a"),o=[];t.querySelectorAll("section").forEach(r=>{r.parentNode===t&&o.push(r)}),n?.forEach(r=>{r.removeAttribute("aria-selected"),r.classList.remove("nav__item--active")}),o.forEach(r=>{r.hidden=!1,r.removeAttribute("role")})};var _=(t,e,n,o,l,r=!0,s=i=>console.log(i))=>{r&&o.focus(),o.removeAttribute("tabindex"),o.setAttribute("aria-selected","true"),o.classList.contains("switch__segment")?o.classList.add("switch__segment--active"):o.classList.add("nav__item--active"),n&&(n.removeAttribute("aria-selected"),n.setAttribute("tabindex","-1"),n.classList.contains("switch__segment")?n.classList.remove("switch__segment--active"):n.classList.remove("nav__item--active"));let i=Array.prototype.indexOf.call(t,o);if(Array.from(document.querySelectorAll(`[data-for="${e[i].id}"]`)).forEach(a=>{a.classList.add("tabbed-content-peripheral--active"),a.hidden=!1}),e[i].hidden=!1,n){let a=Array.prototype.indexOf.call(t,n);Array.from(document.querySelectorAll(`[data-for="${e[a].id}"]`)).forEach(u=>{u.classList.remove("tabbed-content-peripheral--active"),u.hidden=!0}),e[a].hidden=!0}o.dispatchEvent(new CustomEvent("switch-tab",{bubbles:!0,detail:{tab:i}})),s(i)},D=(t,e,n=0,o=!0,l=r=>console.log(r))=>{let r=e.querySelector(".switch,.nav__items"),s=r.querySelectorAll("a"),i=[];e.querySelectorAll("section").forEach(c=>{c.parentNode===e&&i.push(c)});let a=e.querySelector("button.tabbed-content__expand-all");if(a){let c=()=>{r.hidden=!0,i.forEach(u=>{u.hidden=!1})};a.removeEventListener("click",c),a.addEventListener("click",c)}r.setAttribute("role","tablist"),s.forEach((c,u)=>{c.setAttribute("role","tab"),c.setAttribute("id",`tab${t}_${u+1}`),c.setAttribute("tabindex","-1"),c.parentElement?.setAttribute("role","presentation");let m=f=>{f.preventDefault();let p=r.querySelector("[aria-selected]");f.currentTarget!==p&&_(s,i,p,f.currentTarget,e.classList,!0,v=>{l(v)})};c.removeEventListener("click",m),c.addEventListener("click",m);let E=f=>{let p=Array.prototype.indexOf.call(s,f.currentTarget),v=null;f.key==="ArrowLeft"&&(v=p-1),f.key==="ArrowRight"&&(v=p+1),f.key==="ArrowDown"&&(v="down"),v!==null&&(f.preventDefault(),v==="down"?i[u].focus():s[v]&&_(s,i,f.currentTarget,s[v],e.classList,!0,z=>{l(z)}))};c.removeEventListener("keydown",E),c.addEventListener("keydown",E)}),i.forEach((c,u)=>{c.setAttribute("tabindex","-1"),c.setAttribute("aria-labelledby",s[u].id),c.hidden=!0,c.setAttribute("role","tabpanel")}),n>-1&&_(s,i,null,s[n],e.classList,o)},w=t=>{t.forEach((e,n)=>{let{rendered:o,domElement:l}=e;if(V(l.classList)){if(!o){let r=l.getAttribute("data-focus-onload"),s=l.getAttribute("data-initial-tab"),i=s?parseInt(s,10):0;D(n,l,i,r!=="false"),e.rendered=!0}}else o&&($(l),e.rendered=!1)})};var M=(t,e,n,o)=>{let l=[],r=(d,a,c)=>{c&&a.focus();let u=()=>{t.setAttribute("hidden","hidden"),d.removeAttribute("hidden"),d.setAttribute("aria-expanded","false"),d.focus()};return a.addEventListener("click",u),u},s=t?.parentElement?.querySelector(".content-toggle__toggle"),i=t.querySelectorAll(".content-toggle__close");if(s){let d=()=>{let a=s.getAttribute("aria-expanded");typeof n=="function"&&a==="false"&&n(t,s),s.setAttribute("aria-expanded",a==="false"?"true":"false"),a==="true"?t.setAttribute("hidden","hidden"):t.removeAttribute("hidden"),typeof e=="function"&&e(t,s),s.hasAttribute("aria-haspopup")&&(s.setAttribute("hidden","hidden"),i.forEach(c=>{r(s,c,!0)})),typeof o=="function"&&o(t,s)};s.addEventListener("click",d),l.push({element:s,clickEvent:d}),i.forEach(a=>{let c=r(s,a,!1);l.push({element:a,clickEvent:c})})}return l};var O=()=>{let t=document.querySelector("body");(L("--bp-medium")||L("--bp-low-height"))&&t?.classList.add("body--no-scroll")},P=()=>{document.querySelector("body")?.classList.remove("body--no-scroll")},A=t=>{t.querySelectorAll(".content-toggle__toggle").forEach(n=>{let o=n.parentElement?.querySelector(".content-toggle__content");n.setAttribute("aria-expanded","false"),o?.setAttribute("hidden","hidden")})};var h=t=>{let e=t.parentElement;return e?e.classList.contains("toolbar")?e:h(e):t},U=t=>{if(!L("--bp-medium")&&!L("--bp-low-height")){let e=y(parseInt(getComputedStyle(document.documentElement).getPropertyValue("--toolbar-popout-allowed-edge-distance").replace("rem,",""),10)),n=parseInt(getComputedStyle(t).width.replace("px",""),10),o=t.getBoundingClientRect().x,l=document.body.offsetWidth-e-n-o;l<0&&t.style.setProperty("--toolbar-popout-edge-overflow",`${l}px`)}};var g=0;S(()=>{let t=document.querySelectorAll(".tabbed-content"),e=[];t.forEach(d=>e.push({domElement:d,rendered:!1})),w(e),H();let n=document.querySelectorAll(".nav:not(.nav--vertical)");n.forEach(d=>T(n,d)),I(n),document.querySelectorAll(".table--wrap-medium-width, .table--wrap-default-width").forEach(d=>N(d)),document.querySelectorAll(".box .content-toggle__content").forEach(d=>{M(d)});let r=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-next"),s=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-previous");C(r),q(s),document.querySelectorAll(".toolbar .content-toggle__content").forEach(d=>{M(d,a=>{U(a),O()},a=>A(h(a)),(a,c)=>{let u=c.getAttribute("aria-expanded"),m=h(a);u==="true"?m?.classList.add("toolbar--has-popout"):m?.classList.remove("toolbar--has-popout"),a.addEventListener("click",E=>{E.target.classList.contains("toolbar__popout")&&!b(E,"toolbar__filter__content")&&(A(m),P())})})}),window.addEventListener("load",()=>{g=window.innerWidth}),window.addEventListener("resize",()=>{g>0&&window.innerWidth!==g&&(g=window.innerWidth,n.forEach(d=>T(n,d)),w(e))})});})();
|
|
1
|
+
(()=>{var V=e=>{document.readyState!=="loading"?e():document.addEventListener("DOMContentLoaded",e)},x=V;var h=(e,t)=>{let o=!1;return e.composedPath().forEach(r=>{r.classList&&r.classList.contains(t)&&(o=!0)}),o},q=()=>{let e=document.querySelector("body");if(e){let t=window.getComputedStyle(e).getPropertyValue("--color-background"),o=document.querySelector('meta[name="theme-color"]');if(o)o.content=t;else{let l=document.createElement("meta");l.name="theme-color",l.content=t,document.getElementsByTagName("head")[0].appendChild(l)}}},C=()=>parseInt(window.getComputedStyle(document.documentElement).fontSize.replace("px",""),10),y=e=>e*parseFloat(getComputedStyle(document.documentElement).fontSize),L=e=>{let t=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0),o=y(parseInt(getComputedStyle(document.documentElement).getPropertyValue(e).replace("rem",""),10));return t<o};var k=e=>{let t=e.parentElement;return t?t.classList.contains("nav")?t:k(t):e},W=(e,t=null)=>{let o="nav--toggled";e.forEach(l=>{let r=l.querySelector(".nav__toggle");l!==t&&(l.classList.contains(o)&&(r.focus(),r.setAttribute("aria-expanded","false")),l.classList.remove(o))})},I=e=>{let t=r=>{let n=k(r),s=n.querySelector(".nav__items"),i=s?.querySelector(".nav__item:last-of-type");s?.classList.add("nav__items--fadeout");let d=s?.querySelector(".nav__item--is-overflown");d&&d.focus();let a=()=>{n.classList.toggle("nav--toggled"),s?.classList.remove("nav__items--fadeout"),i?.removeEventListener("transitionend",a)};return i?.addEventListener("transitionend",a),n},o=[];return document.querySelectorAll(".nav__toggle").forEach(r=>{let n=()=>{let s=t(r),i=r.getAttribute("aria-expanded");r.setAttribute("aria-expanded",i==="false"?"true":"false"),W(e,s)};o.push({element:r,clickEvent:n}),r.addEventListener("click",n)}),o},_=(e,t)=>{let o="nav--toggled",l="nav__items";t.classList.remove(o);let r=t.querySelector(`.${l}`);if(r){let s=r.querySelectorAll(".nav__item"),i="nav__item--is-overflown",d="nav--has-overflow",a="nav__item--active",c=!1;for(let u=s.length-1;u>=0;u-=1){let m=s[u];m.offsetTop>0?(m.classList.add(i),t.classList.add(d),c=!0):m.classList.contains(a)||m.classList.remove(i)}if(!c){t.classList.remove(d);let u=t.querySelector(`.${a}`);u&&u.classList.remove(i)}}let n=s=>{!s.target.classList.contains("nav__toggle")&&!h(s,l)&&W(e)};return document.querySelector("body")?.addEventListener("click",n),{element:document.querySelector("body"),clickEvent:n}};var N=e=>{let t=e.querySelector("thead"),o=e.querySelector("tbody"),l=e.querySelector("tfoot");if(t){let r=[];t.querySelectorAll("th").forEach(i=>{i.classList.contains("table__cell--self-explanatory")?r.push(""):r.push(i.innerHTML)});let s=[];o&&s.push(o),l&&s.push(l),s.forEach(i=>{i.querySelectorAll("tr").forEach(a=>{a.querySelectorAll("td, th").forEach((u,m)=>{r[m]&&u.setAttribute("data-label",r[m])})})})}};var $=e=>e.contains("tabbed-content--hide-tabs-on-medium-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-medium").replace("rem",""),10):e.contains("tabbed-content--hide-tabs-on-wide-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-wide").replace("rem",""),10):-1,D=e=>{let o=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0)/C(),l=$(e);return l>-1?o<l:!0},K=e=>{let o=e.querySelector(".nav__items")?.querySelectorAll("a"),l=[];e.querySelectorAll("section").forEach(n=>{n.parentNode===e&&l.push(n)}),o?.forEach(n=>{n.removeAttribute("aria-selected"),n.classList.remove("nav__item--active")}),l.forEach(n=>{n.hidden=!1,n.removeAttribute("role")})};var T=(e,t,o,l,r,n=!0,s=i=>console.log(i))=>{n&&l.focus(),l.removeAttribute("tabindex"),l.setAttribute("aria-selected","true"),l.classList.contains("switch__segment")?l.classList.add("switch__segment--active"):l.classList.add("nav__item--active"),o&&(o.removeAttribute("aria-selected"),o.setAttribute("tabindex","-1"),o.classList.contains("switch__segment")?o.classList.remove("switch__segment--active"):o.classList.remove("nav__item--active"));let i=Array.prototype.indexOf.call(e,l);if(Array.from(document.querySelectorAll(`[data-for="${t[i].id}"]`)).forEach(a=>{a.classList.add("tabbed-content-peripheral--active"),a.hidden=!1}),t[i].hidden=!1,o){let a=Array.prototype.indexOf.call(e,o);Array.from(document.querySelectorAll(`[data-for="${t[a].id}"]`)).forEach(u=>{u.classList.remove("tabbed-content-peripheral--active"),u.hidden=!0}),t[a].hidden=!0}l.dispatchEvent(new CustomEvent("switch-tab",{bubbles:!0,detail:{tab:i}})),s(i)},F=(e,t,o=0,l=!0,r=n=>console.log(n))=>{let n=t.querySelector(".switch,.nav__items"),s=n.querySelectorAll("a"),i=[];t.querySelectorAll("section").forEach(c=>{c.parentNode===t&&i.push(c)});let a=t.querySelector("button.tabbed-content__expand-all");if(a){let c=()=>{n.hidden=!0,i.forEach(u=>{u.hidden=!1})};a.removeEventListener("click",c),a.addEventListener("click",c)}n.setAttribute("role","tablist"),s.forEach((c,u)=>{c.setAttribute("role","tab"),c.setAttribute("id",`tab${e}_${u+1}`),c.setAttribute("tabindex","-1"),c.parentElement?.setAttribute("role","presentation");let m=f=>{f.preventDefault();let E=n.querySelector("[aria-selected]");f.currentTarget!==E&&T(s,i,E,f.currentTarget,t.classList,!0,v=>{r(v)})};c.removeEventListener("click",m),c.addEventListener("click",m);let p=f=>{let E=Array.prototype.indexOf.call(s,f.currentTarget),v=null;f.key==="ArrowLeft"&&(v=E-1),f.key==="ArrowRight"&&(v=E+1),f.key==="ArrowDown"&&(v="down"),v!==null&&(f.preventDefault(),v==="down"?i[u].focus():s[v]&&T(s,i,f.currentTarget,s[v],t.classList,!0,R=>{r(R)}))};c.removeEventListener("keydown",p),c.addEventListener("keydown",p)}),i.forEach((c,u)=>{c.setAttribute("tabindex","-1"),c.setAttribute("aria-labelledby",s[u].id),c.hidden=!0,c.setAttribute("role","tabpanel")}),o>-1&&T(s,i,null,s[o],t.classList,l)},w=e=>{e.forEach((t,o)=>{let{rendered:l,domElement:r}=t;if(D(r.classList)){if(!l){let n=r.getAttribute("data-focus-onload"),s=r.getAttribute("data-initial-tab"),i=s?parseInt(s,10):0;F(o,r,i,n!=="false"),t.rendered=!0}}else l&&(K(r),t.rendered=!1)})};var M=(e,t,o,l)=>{let r=[],n=(d,a,c)=>{c&&a.focus();let u=()=>{e.setAttribute("hidden","hidden"),d.removeAttribute("hidden"),d.setAttribute("aria-expanded","false"),d.focus()};return a.addEventListener("click",u),u},s=e?.parentElement?.querySelector(".content-toggle__toggle"),i=e.querySelectorAll(".content-toggle__close");if(s){let d=()=>{let a=s.getAttribute("aria-expanded");typeof o=="function"&&a==="false"&&o(e,s),s.setAttribute("aria-expanded",a==="false"?"true":"false"),a==="true"?e.setAttribute("hidden","hidden"):e.removeAttribute("hidden"),typeof t=="function"&&t(e,s),s.hasAttribute("aria-haspopup")&&(s.setAttribute("hidden","hidden"),i.forEach(c=>{n(s,c,!0)})),typeof l=="function"&&l(e,s)};s.addEventListener("click",d),r.push({element:s,clickEvent:d}),i.forEach(a=>{let c=n(s,a,!1);r.push({element:a,clickEvent:c})})}return r};var O=()=>{let e=document.querySelector("body");(L("--bp-medium")||L("--bp-low-height"))&&e?.classList.add("body--no-scroll")},P=()=>{document.querySelector("body")?.classList.remove("body--no-scroll")},A=e=>{e.querySelectorAll(".content-toggle__toggle").forEach(o=>{let l=o.parentElement?.querySelector(".content-toggle__content");o.setAttribute("aria-expanded","false"),l?.setAttribute("hidden","hidden")})};var b=e=>{let t=e.parentElement;return t?t.classList.contains("toolbar")?t:b(t):e},B=e=>{if(!L("--bp-medium")&&!L("--bp-low-height")){let t=y(parseInt(getComputedStyle(document.documentElement).getPropertyValue("--toolbar-popout-allowed-edge-distance").replace("rem,",""),10)),o=parseInt(getComputedStyle(e).width.replace("px",""),10),l=e.getBoundingClientRect().x,r=document.body.offsetWidth-t-o-l;r<0&&e.style.setProperty("--toolbar-popout-edge-overflow",`${r}px`)}};var z=e=>{e&&e.forEach(t=>{let o=t?.parentElement?.parentElement?.parentElement?.parentElement;if(o){let l=o.querySelectorAll(".horizontal-scroll__scrollable-content"),r=o.querySelectorAll(".switch__segment");l.forEach(n=>{n&&(t.addEventListener("click",()=>{let s=.8*n.clientWidth;n.scrollLeft+=s}),n.addEventListener("scroll",()=>{n.scrollLeft+n.clientWidth>=n.scrollWidth*.98?H(t):n.scrollLeft+n.clientWidth<n.scrollWidth&&S(t)}),r&&r.forEach(s=>{s.addEventListener("click",()=>{S(t),n.scrollLeft=0})}))})}})},U=e=>{e&&e.forEach(t=>{let o=t?.parentElement?.parentElement?.parentElement?.parentElement;if(o){let l=o.querySelectorAll(".horizontal-scroll__scrollable-content"),r=o.querySelectorAll(".switch__segment");l.forEach(n=>{n&&(t.addEventListener("click",()=>{let s=.8*n.clientWidth;n.scrollLeft-=s}),n.addEventListener("scroll",()=>{n.scrollLeft<=0?H(t):n.scrollLeft>0&&S(t)})),r&&r.forEach(s=>{s.addEventListener("click",()=>{H(t)})})})}})};function S(e){e.classList.remove("visually-disabled"),e.setAttribute("aria-disabled","false")}function H(e){e.classList.add("visually-disabled"),e.setAttribute("aria-disabled","true")}var g=0;x(()=>{let e=document.querySelectorAll(".tabbed-content"),t=[];e.forEach(d=>t.push({domElement:d,rendered:!1})),w(t),q();let o=document.querySelectorAll(".nav:not(.nav--vertical)");o.forEach(d=>_(o,d)),I(o),document.querySelectorAll(".table--wrap-medium-width, .table--wrap-default-width").forEach(d=>N(d)),document.querySelectorAll(".box .content-toggle__content").forEach(d=>{M(d)});let n=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-next"),s=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-previous");z(n),U(s),document.querySelectorAll(".toolbar .content-toggle__content").forEach(d=>{M(d,a=>{B(a),O()},a=>A(b(a)),(a,c)=>{let u=c.getAttribute("aria-expanded"),m=b(a);u==="true"?m?.classList.add("toolbar--has-popout"):m?.classList.remove("toolbar--has-popout"),a.addEventListener("click",p=>{p.target.classList.contains("toolbar__popout")&&!h(p,"toolbar__filter__content")&&(A(m),P())})})}),window.addEventListener("load",()=>{g=window.innerWidth}),window.addEventListener("resize",()=>{g>0&&window.innerWidth!==g&&(g=window.innerWidth,o.forEach(d=>_(o,d)),w(t))})});})();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{var
|
|
1
|
+
(()=>{var T=(e,t,o,s)=>{let r=[],n=(m,l,a)=>{a&&l.focus();let d=()=>{e.setAttribute("hidden","hidden"),m.removeAttribute("hidden"),m.setAttribute("aria-expanded","false"),m.focus()};return l.addEventListener("click",d),d},i=e?.parentElement?.querySelector(".content-toggle__toggle"),c=e.querySelectorAll(".content-toggle__close");if(i){let m=()=>{let l=i.getAttribute("aria-expanded");typeof o=="function"&&l==="false"&&o(e,i),i.setAttribute("aria-expanded",l==="false"?"true":"false"),l==="true"?e.setAttribute("hidden","hidden"):e.removeAttribute("hidden"),typeof t=="function"&&t(e,i),i.hasAttribute("aria-haspopup")&&(i.setAttribute("hidden","hidden"),c.forEach(a=>{n(i,a,!0)})),typeof s=="function"&&s(e,i)};i.addEventListener("click",m),r.push({element:i,clickEvent:m}),c.forEach(l=>{let a=n(i,l,!1);r.push({element:l,clickEvent:a})})}return r};var A=e=>{navigator.clipboard.writeText(e).then(()=>console.log(`${e} written to clipboard`))};var M=()=>parseInt(window.getComputedStyle(document.documentElement).fontSize.replace("px",""),10);var w=()=>{let e=window.innerWidth-document.body.clientWidth;document.documentElement.style.setProperty("--vertical-scrollbar-width",`${e}px`)},L=e=>e.offsetHeight!==e.scrollHeight,P=e=>e.offsetWidth!==e.scrollWidth;var S=e=>{let t=e.querySelector(".horizontal-scroll--check-overflow .horizontal-scroll__scrollable-content");t&&(P(t)?t?.setAttribute("tabindex","0"):(e.classList.add("horizontal-scroll--no-overflow"),t?.removeAttribute("tabindex")))},H='a[href]:not([tabindex="-1"]), area[href]:not([tabindex="-1"]), input:not([disabled]):not([tabindex="-1"]), select:not([disabled]):not([tabindex="-1"]), textarea:not([disabled]):not([tabindex="-1"]), button:not([disabled]):not([tabindex="-1"]), iframe:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"]), [contentEditable=true]:not([tabindex="-1"])';var x=(e,t,o,s,r)=>{if(s&&o){A(s.innerText),t.classList.add("copy-to-clipboard--confirm"),t===o&&t.classList.add("copy-to-clipboard--done");let n=document.createElement("span");n.classList.add("copy-to-clipboard__this__confirm-message"),n.innerText=e,s.appendChild(n),o.removeEventListener("click",r),setTimeout(()=>{t.classList.remove("copy-to-clipboard--confirm"),n.remove(),o.addEventListener("click",r)},1200)}},q=(e,t="Kopieret!")=>{let o=e.querySelector(".copy-to-clipboard__this");if(e.type==="button"){let s=()=>{x(t,e,e,o,s)};e.addEventListener("click",s)}else{let s=e.querySelector(".copy-to-clipboard__execute"),r=()=>{x(t,e,s,o,r)};s?.addEventListener("click",r)}};var V=e=>{document.readyState!=="loading"?e():document.addEventListener("DOMContentLoaded",e)},C=V;var $=e=>e.contains("tabbed-content--hide-tabs-on-medium-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-medium").replace("rem",""),10):e.contains("tabbed-content--hide-tabs-on-wide-width")?parseInt(getComputedStyle(document.documentElement).getPropertyValue("--bp-wide").replace("rem",""),10):-1,B=e=>{let o=Math.max(document.documentElement.clientWidth||0,window.innerWidth||0)/M(),s=$(e);return s>-1?o<s:!0},U=e=>{let o=e.querySelector(".nav__items")?.querySelectorAll("a"),s=[];e.querySelectorAll("section").forEach(n=>{n.parentNode===e&&s.push(n)}),o?.forEach(n=>{n.removeAttribute("aria-selected"),n.classList.remove("nav__item--active")}),s.forEach(n=>{n.hidden=!1,n.removeAttribute("role")})};var p=(e,t,o,s,r,n=!0,i=c=>console.log(c))=>{n&&s.focus(),s.removeAttribute("tabindex"),s.setAttribute("aria-selected","true"),s.classList.contains("switch__segment")?s.classList.add("switch__segment--active"):s.classList.add("nav__item--active"),o&&(o.removeAttribute("aria-selected"),o.setAttribute("tabindex","-1"),o.classList.contains("switch__segment")?o.classList.remove("switch__segment--active"):o.classList.remove("nav__item--active"));let c=Array.prototype.indexOf.call(e,s);if(Array.from(document.querySelectorAll(`[data-for="${t[c].id}"]`)).forEach(l=>{l.classList.add("tabbed-content-peripheral--active"),l.hidden=!1}),t[c].hidden=!1,o){let l=Array.prototype.indexOf.call(e,o);Array.from(document.querySelectorAll(`[data-for="${t[l].id}"]`)).forEach(d=>{d.classList.remove("tabbed-content-peripheral--active"),d.hidden=!0}),t[l].hidden=!0}s.dispatchEvent(new CustomEvent("switch-tab",{bubbles:!0,detail:{tab:c}})),i(c)},D=(e,t,o=0,s=!0,r=n=>console.log(n))=>{let n=t.querySelector(".switch,.nav__items"),i=n.querySelectorAll("a"),c=[];t.querySelectorAll("section").forEach(a=>{a.parentNode===t&&c.push(a)});let l=t.querySelector("button.tabbed-content__expand-all");if(l){let a=()=>{n.hidden=!0,c.forEach(d=>{d.hidden=!1})};l.removeEventListener("click",a),l.addEventListener("click",a)}n.setAttribute("role","tablist"),i.forEach((a,d)=>{a.setAttribute("role","tab"),a.setAttribute("id",`tab${e}_${d+1}`),a.setAttribute("tabindex","-1"),a.parentElement?.setAttribute("role","presentation");let y=u=>{u.preventDefault();let E=n.querySelector("[aria-selected]");u.currentTarget!==E&&p(i,c,E,u.currentTarget,t.classList,!0,f=>{r(f)})};a.removeEventListener("click",y),a.addEventListener("click",y);let _=u=>{let E=Array.prototype.indexOf.call(i,u.currentTarget),f=null;u.key==="ArrowLeft"&&(f=E-1),u.key==="ArrowRight"&&(f=E+1),u.key==="ArrowDown"&&(f="down"),f!==null&&(u.preventDefault(),f==="down"?c[d].focus():i[f]&&p(i,c,u.currentTarget,i[f],t.classList,!0,z=>{r(z)}))};a.removeEventListener("keydown",_),a.addEventListener("keydown",_)}),c.forEach((a,d)=>{a.setAttribute("tabindex","-1"),a.setAttribute("aria-labelledby",i[d].id),a.hidden=!0,a.setAttribute("role","tabpanel")}),o>-1&&p(i,c,null,i[o],t.classList,s)},h=e=>{e.forEach((t,o)=>{let{rendered:s,domElement:r}=t;if(B(r.classList)){if(!s){let n=r.getAttribute("data-focus-onload"),i=r.getAttribute("data-initial-tab"),c=i?parseInt(i,10):0;D(o,r,c,n!=="false"),t.rendered=!0}}else s&&(U(r),t.rendered=!1)})};var k=(e,t)=>{L(t)?e.removeAttribute("hidden"):e.parentElement?.classList.add("truncator--no-truncation")},N=e=>{let t=e.querySelector(".truncator__expand"),o=e.querySelector(".truncator__content");if(t&&o){t.addEventListener("click",()=>{t.removeAttribute("hidden"),e.classList.add("truncator--no-truncation")}),k(t,o),window.addEventListener("resize",()=>{t.setAttribute("hidden","hidden"),e.classList.remove("truncator--no-truncation"),k(t,o)});let s=o.querySelectorAll(H);s&&s.forEach(r=>{r.addEventListener("focus",()=>{L(r)&&(t.removeAttribute("hidden"),e.classList.add("truncator--no-truncation"))})})}};var R=e=>{e&&e.forEach(t=>{t?.addEventListener("click",o=>{o.stopPropagation();let s=t?.getAttribute("aria-expanded")==="true";t?.setAttribute("aria-expanded",s?"false":"true");let r=o.target;if(r){let n=r.parentElement?.parentElement;n&&(n?.classList.contains("profile-header__secondary-affiliations--show-all")?n.classList.remove("profile-header__secondary-affiliations--show-all"):n.classList.add("profile-header__secondary-affiliations--show-all"))}}),document.addEventListener("click",o=>{let s=o.target;s&&(s.closest(".profile-header__secondary-affiliations__content")||e.forEach(n=>{let i=n.parentElement?.parentElement;i?.classList.contains("profile-header__secondary-affiliations--show-all")&&i.classList.remove("profile-header__secondary-affiliations--show-all")}))})})},W=R;var O=e=>{e&&e.forEach(t=>{let o=t?.parentElement?.parentElement?.parentElement?.parentElement;if(o){let s=o.querySelectorAll(".horizontal-scroll__scrollable-content"),r=o.querySelectorAll(".switch__segment");s.forEach(n=>{n&&(t.addEventListener("click",()=>{let i=.8*n.clientWidth;n.scrollLeft+=i}),n.addEventListener("scroll",()=>{n.scrollLeft+n.clientWidth>=n.scrollWidth*.98?g(t):n.scrollLeft+n.clientWidth<n.scrollWidth&&b(t)}),r&&r.forEach(i=>{i.addEventListener("click",()=>{b(t),n.scrollLeft=0})}))})}})},I=e=>{e&&e.forEach(t=>{let o=t?.parentElement?.parentElement?.parentElement?.parentElement;if(o){let s=o.querySelectorAll(".horizontal-scroll__scrollable-content"),r=o.querySelectorAll(".switch__segment");s.forEach(n=>{n&&(t.addEventListener("click",()=>{let i=.8*n.clientWidth;n.scrollLeft-=i}),n.addEventListener("scroll",()=>{n.scrollLeft<=0?g(t):n.scrollLeft>0&&b(t)})),r&&r.forEach(i=>{i.addEventListener("click",()=>{g(t)})})})}})};function b(e){e.classList.remove("visually-disabled"),e.setAttribute("aria-disabled","false")}function g(e){e.classList.add("visually-disabled"),e.setAttribute("aria-disabled","true")}var v=0;C(()=>{let e=document.querySelectorAll(".profile-header__secondary-affiliations__overflow-toggle");W(e);let t=document.querySelectorAll(".tabbed-content"),o=[];t.forEach(l=>o.push({domElement:l,rendered:!1})),h(o),document.querySelectorAll(".copy-to-clipboard").forEach(l=>q(l,document.querySelector("html")?.getAttribute("lang")==="en"?"Copied!":"Kopieret!")),document.querySelectorAll(".profile-header .content-toggle__content").forEach(l=>{T(l)});let n=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-next"),i=document.querySelectorAll(".button.button--small.button--icon.button--icon--hide-label.icon-previous");O(n),I(i),document.querySelectorAll(".horizontal-scroll").forEach(l=>{S(l)}),document.querySelectorAll(".truncator").forEach(l=>N(l)),document.documentElement.style.setProperty("--window-inner-height",`${window.innerHeight}px`),w(),window.addEventListener("load",()=>{v=window.innerWidth}),window.addEventListener("resize",()=>{v>0&&window.innerWidth!==v&&(v=window.innerWidth,h(o))})});})();
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/* Adds the class profile-header__secondary-affiliations--show-all
|
|
2
2
|
to the grandparent of the button clicked */
|
|
3
3
|
|
|
4
|
-
const setAffiliationExpand = (elementButtons: NodeListOf<Element
|
|
4
|
+
const setAffiliationExpand = (elementButtons: NodeListOf<Element> | null): void => {
|
|
5
5
|
if (elementButtons) {
|
|
6
6
|
elementButtons.forEach((elementButton) => {
|
|
7
7
|
elementButton?.addEventListener('click', (event: Event) => {
|
|
8
|
+
event.stopPropagation();
|
|
8
9
|
const isExpanded = elementButton?.getAttribute('aria-expanded') === 'true';
|
|
9
10
|
elementButton?.setAttribute('aria-expanded', isExpanded ? 'false' : 'true');
|
|
10
11
|
const target: HTMLElement | null = event.target as HTMLElement;
|
|
@@ -20,9 +21,22 @@ const setAffiliationExpand = (elementButtons: NodeListOf<Element>| null):void =>
|
|
|
20
21
|
}
|
|
21
22
|
}
|
|
22
23
|
});
|
|
23
|
-
|
|
24
|
+
document.addEventListener('click', (event: Event) => {
|
|
25
|
+
const target: HTMLElement | null = event.target as HTMLElement;
|
|
26
|
+
if (target) {
|
|
27
|
+
const isInsideAffiliate = target.closest(".profile-header__secondary-affiliations__content")
|
|
28
|
+
if (!isInsideAffiliate) {
|
|
29
|
+
elementButtons.forEach((elementButton) => {
|
|
30
|
+
const grandparent: HTMLElement | null | undefined = elementButton.parentElement?.parentElement;
|
|
31
|
+
if (grandparent?.classList.contains('profile-header__secondary-affiliations--show-all')) {
|
|
32
|
+
grandparent.classList.remove('profile-header__secondary-affiliations--show-all');
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
});
|
|
24
39
|
}
|
|
25
40
|
};
|
|
26
41
|
|
|
27
|
-
|
|
28
42
|
export default setAffiliationExpand;
|
|
@@ -57,78 +57,19 @@ const overflowsX = (element: HTMLElement): boolean => element.offsetWidth !== el
|
|
|
57
57
|
const elementOverflows = (element: HTMLElement): boolean => overflowsY(element) || overflowsX(element);
|
|
58
58
|
|
|
59
59
|
const setHorizontalScroll = (element: HTMLElement): void => {
|
|
60
|
-
const content = element.querySelector('.horizontal-scroll__scrollable-content');
|
|
61
|
-
if (
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
60
|
+
const content = element.querySelector('.horizontal-scroll--check-overflow .horizontal-scroll__scrollable-content');
|
|
61
|
+
if (content) {
|
|
62
|
+
if (!overflowsX(content as HTMLElement)) {
|
|
63
|
+
element.classList.add('horizontal-scroll--no-overflow');
|
|
64
|
+
content?.removeAttribute('tabindex');
|
|
65
|
+
} else {
|
|
66
|
+
content?.setAttribute('tabindex', '0');
|
|
67
|
+
}
|
|
66
68
|
}
|
|
67
69
|
};
|
|
68
70
|
|
|
69
71
|
const focusableSelector = 'a[href]:not([tabindex="-1"]), area[href]:not([tabindex="-1"]), input:not([disabled]):not([tabindex="-1"]), select:not([disabled]):not([tabindex="-1"]), textarea:not([disabled]):not([tabindex="-1"]), button:not([disabled]):not([tabindex="-1"]), iframe:not([tabindex="-1"]), [tabindex]:not([tabindex="-1"]), [contentEditable=true]:not([tabindex="-1"])';
|
|
70
72
|
|
|
71
|
-
// Scroller 80% på horisontal scroll til højre og sætter knappen disabled når man rammer bunden
|
|
72
|
-
const horizontalScrollButtonNext = (nextButtons: NodeListOf<Element>): void => {
|
|
73
|
-
if (nextButtons) {
|
|
74
|
-
nextButtons.forEach((nextButton) => {
|
|
75
|
-
const topElem = nextButton?.parentElement?.parentElement?.parentElement?.parentElement;
|
|
76
|
-
if (topElem) {
|
|
77
|
-
const scrollElement = topElem.querySelector('.horizontal-scroll__scrollable-content');
|
|
78
|
-
if (scrollElement) {
|
|
79
|
-
nextButton.addEventListener('click', () => {
|
|
80
|
-
// Scroller 80% af den synlige bredde på horizontal scroll til højre
|
|
81
|
-
const scrollAmount = 0.8 * scrollElement.clientWidth;
|
|
82
|
-
scrollElement.scrollLeft += scrollAmount;
|
|
83
|
-
});
|
|
84
|
-
// Sætter Aria-label og visually-disabled klassen på knappen hvis scroll har ramt bunden
|
|
85
|
-
scrollElement.addEventListener('scroll', () => {
|
|
86
|
-
if ((scrollElement.scrollLeft
|
|
87
|
-
+ scrollElement.clientWidth) >= (scrollElement.scrollWidth * 0.98)) {
|
|
88
|
-
nextButton.classList.add('visually-disabled');
|
|
89
|
-
nextButton.setAttribute('aria-disabled', 'true');
|
|
90
|
-
} else if (scrollElement.scrollLeft
|
|
91
|
-
+ scrollElement.clientWidth < scrollElement.scrollWidth) {
|
|
92
|
-
nextButton.classList.remove('visually-disabled');
|
|
93
|
-
nextButton.setAttribute('aria-disabled', 'false');
|
|
94
|
-
}
|
|
95
|
-
});
|
|
96
|
-
}
|
|
97
|
-
}
|
|
98
|
-
});
|
|
99
|
-
}
|
|
100
|
-
};
|
|
101
|
-
|
|
102
|
-
// Scroller 80% på horisontal scroll til venstre og sætter knappen disabled når man rammer toppen
|
|
103
|
-
const horizontalScrollButtonPrevious = (previousButtons: NodeListOf<Element>): void => {
|
|
104
|
-
if (previousButtons) {
|
|
105
|
-
previousButtons.forEach((previousButton) => {
|
|
106
|
-
const topElem = previousButton?.parentElement?.parentElement?.parentElement?.parentElement;
|
|
107
|
-
if (topElem) {
|
|
108
|
-
const scrollElement = topElem.querySelector('.horizontal-scroll__scrollable-content');
|
|
109
|
-
if (scrollElement) {
|
|
110
|
-
previousButton.addEventListener('click', () => {
|
|
111
|
-
// Scroller 80% af den synlige bredde på horizontal scroll til venstre
|
|
112
|
-
const scrollAmount = 0.8 * scrollElement.clientWidth;
|
|
113
|
-
scrollElement.scrollLeft -= scrollAmount;
|
|
114
|
-
});
|
|
115
|
-
// Sætter Aria-label og visually-disabled klassen på knappen hvis scroll har ramt toppen
|
|
116
|
-
scrollElement.addEventListener('scroll', () => {
|
|
117
|
-
if (scrollElement.scrollLeft <= 0) {
|
|
118
|
-
previousButton.classList.add('visually-disabled');
|
|
119
|
-
previousButton.setAttribute('aria-disabled', 'true');
|
|
120
|
-
} else if (scrollElement.scrollLeft > 0) {
|
|
121
|
-
previousButton.classList.remove('visually-disabled');
|
|
122
|
-
previousButton.setAttribute('aria-disabled', 'false');
|
|
123
|
-
}
|
|
124
|
-
});
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
});
|
|
128
|
-
}
|
|
129
|
-
};
|
|
130
|
-
|
|
131
|
-
|
|
132
73
|
export {
|
|
133
74
|
copyToClipboard,
|
|
134
75
|
isElementWithClassNameInEventPath,
|
|
@@ -142,6 +83,4 @@ export {
|
|
|
142
83
|
elementOverflows,
|
|
143
84
|
setHorizontalScroll,
|
|
144
85
|
focusableSelector,
|
|
145
|
-
horizontalScrollButtonNext,
|
|
146
|
-
horizontalScrollButtonPrevious,
|
|
147
86
|
};
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
// Scroller 80% på horisontal scroll til højre og sætter knappen disabled når man rammer bunden
|
|
2
|
+
const horizontalScrollButtonNext = (nextButtons: NodeListOf<Element>): void => {
|
|
3
|
+
if (nextButtons) {
|
|
4
|
+
nextButtons.forEach((nextButton) => {
|
|
5
|
+
const topElem = nextButton?.parentElement?.parentElement?.parentElement?.parentElement;
|
|
6
|
+
if (topElem) {
|
|
7
|
+
const scrollElements = topElem.querySelectorAll('.horizontal-scroll__scrollable-content');
|
|
8
|
+
const switch__segments = topElem.querySelectorAll('.switch__segment');
|
|
9
|
+
scrollElements.forEach((scrollElement) => {
|
|
10
|
+
if (scrollElement) {
|
|
11
|
+
nextButton.addEventListener('click', () => {
|
|
12
|
+
// Scroller 80% af den synlige bredde på horizontal scroll til højre
|
|
13
|
+
const scrollAmount = 0.8 * scrollElement.clientWidth;
|
|
14
|
+
scrollElement.scrollLeft += scrollAmount;
|
|
15
|
+
});
|
|
16
|
+
// Gør knappen aktiv hvis scroll har ramt bunden
|
|
17
|
+
scrollElement.addEventListener('scroll', () => {
|
|
18
|
+
if ((scrollElement.scrollLeft + scrollElement.clientWidth) >= (scrollElement.scrollWidth * 0.98)) {
|
|
19
|
+
disableButton(nextButton);
|
|
20
|
+
} else if (scrollElement.scrollLeft + scrollElement.clientWidth < scrollElement.scrollWidth) {
|
|
21
|
+
activateButton(nextButton);
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
// Reset af knap ved flere tabs af horizontal scroll
|
|
25
|
+
if (switch__segments) {
|
|
26
|
+
switch__segments.forEach(switch__segment => {
|
|
27
|
+
switch__segment.addEventListener('click', () => {
|
|
28
|
+
activateButton(nextButton);
|
|
29
|
+
scrollElement.scrollLeft = 0;
|
|
30
|
+
})
|
|
31
|
+
});
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
});
|
|
35
|
+
}
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
};
|
|
39
|
+
|
|
40
|
+
// Scroller 80% på horisontal scroll til venstre og sætter knappen disabled når man rammer toppen
|
|
41
|
+
const horizontalScrollButtonPrevious = (previousButtons: NodeListOf<Element>): void => {
|
|
42
|
+
if (previousButtons) {
|
|
43
|
+
previousButtons.forEach((previousButton) => {
|
|
44
|
+
const topElem = previousButton?.parentElement?.parentElement?.parentElement?.parentElement;
|
|
45
|
+
if (topElem) {
|
|
46
|
+
const scrollElements = topElem.querySelectorAll('.horizontal-scroll__scrollable-content');
|
|
47
|
+
const switch__segments = topElem.querySelectorAll('.switch__segment');
|
|
48
|
+
scrollElements.forEach((scrollElement) => {
|
|
49
|
+
if (scrollElement) {
|
|
50
|
+
previousButton.addEventListener('click', () => {
|
|
51
|
+
// Scroller 80% af den synlige bredde på horizontal scroll til venstre
|
|
52
|
+
const scrollAmount = 0.8 * scrollElement.clientWidth;
|
|
53
|
+
scrollElement.scrollLeft -= scrollAmount;
|
|
54
|
+
});
|
|
55
|
+
// Gør knappen aktiv hvis scroll har ramt toppen
|
|
56
|
+
scrollElement.addEventListener('scroll', () => {
|
|
57
|
+
if (scrollElement.scrollLeft <= 0) {
|
|
58
|
+
disableButton(previousButton);
|
|
59
|
+
} else if (scrollElement.scrollLeft > 0) {
|
|
60
|
+
activateButton(previousButton);
|
|
61
|
+
}
|
|
62
|
+
});
|
|
63
|
+
}
|
|
64
|
+
// Reset af knap ved flere tabs af horizontal scroll
|
|
65
|
+
if (switch__segments) {
|
|
66
|
+
switch__segments.forEach(switch__segment => {
|
|
67
|
+
switch__segment.addEventListener('click', () => {
|
|
68
|
+
disableButton(previousButton);
|
|
69
|
+
});
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
}
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
function activateButton(button) {
|
|
79
|
+
button.classList.remove('visually-disabled');
|
|
80
|
+
button.setAttribute('aria-disabled', 'false');
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
function disableButton(button) {
|
|
84
|
+
button.classList.add('visually-disabled');
|
|
85
|
+
button.setAttribute('aria-disabled', 'true');
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
export {
|
|
89
|
+
horizontalScrollButtonNext,
|
|
90
|
+
horizontalScrollButtonPrevious,
|
|
91
|
+
};
|
|
@@ -5,10 +5,7 @@ import {
|
|
|
5
5
|
setResponsiveNav,
|
|
6
6
|
setResponsiveToggle,
|
|
7
7
|
} from '../components/nav';
|
|
8
|
-
import {
|
|
9
|
-
isElementWithClassNameInEventPath, setMetaThemeColor,
|
|
10
|
-
horizontalScrollButtonNext, horizontalScrollButtonPrevious,
|
|
11
|
-
} from '../components/helpers';
|
|
8
|
+
import { isElementWithClassNameInEventPath, setMetaThemeColor } from '../components/helpers';
|
|
12
9
|
import { setResponsiveTable } from '../components/table';
|
|
13
10
|
import { setTabs } from '../components/tabs';
|
|
14
11
|
import { setContentToggle } from '../components/content-toggle';
|
|
@@ -19,6 +16,7 @@ import {
|
|
|
19
16
|
lockBodyScroll,
|
|
20
17
|
unlockBodyScroll,
|
|
21
18
|
} from '../components/toolbar';
|
|
19
|
+
import { horizontalScrollButtonNext, horizontalScrollButtonPrevious } from '../components/horizontal-scroll-btn';
|
|
22
20
|
|
|
23
21
|
let windowInnerWidth = 0;
|
|
24
22
|
|
|
@@ -45,7 +43,7 @@ ready(() => {
|
|
|
45
43
|
setContentToggle(toggle);
|
|
46
44
|
});
|
|
47
45
|
|
|
48
|
-
// Hortizontal scroll
|
|
46
|
+
// Hortizontal scroll buttons
|
|
49
47
|
const scrollButtonsNext = document.querySelectorAll('.button.button--small.button--icon.button--icon--hide-label.icon-next');
|
|
50
48
|
const scrollButtonsPrevious = document.querySelectorAll('.button.button--small.button--icon.button--icon--hide-label.icon-previous');
|
|
51
49
|
horizontalScrollButtonNext(scrollButtonsNext);
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
import { setContentToggle } from '../components/content-toggle';
|
|
2
|
-
import {
|
|
3
|
-
setHorizontalScroll, setScrollbarWidthVariable,
|
|
4
|
-
horizontalScrollButtonNext, horizontalScrollButtonPrevious,
|
|
5
|
-
} from '../components/helpers';
|
|
2
|
+
import { setHorizontalScroll, setScrollbarWidthVariable } from '../components/helpers';
|
|
6
3
|
import { setCopyToClipboard } from '../components/nav';
|
|
7
4
|
import ready from '../components/ready';
|
|
8
5
|
import { setTabs } from '../components/tabs';
|
|
9
6
|
import { setTruncate } from '../components/truncator';
|
|
10
7
|
import setAffiliationExpand from '../components/affiliate-expand';
|
|
11
|
-
|
|
8
|
+
import { horizontalScrollButtonNext, horizontalScrollButtonPrevious } from '../components/horizontal-scroll-btn';
|
|
12
9
|
|
|
13
10
|
let windowInnerWidth = 0;
|
|
14
11
|
ready(() => {
|
|
@@ -31,7 +28,7 @@ ready(() => {
|
|
|
31
28
|
setContentToggle(toggle);
|
|
32
29
|
});
|
|
33
30
|
|
|
34
|
-
// Hortizontal scroll
|
|
31
|
+
// Hortizontal scroll buttons
|
|
35
32
|
const scrollButtonsNext = document.querySelectorAll('.button.button--small.button--icon.button--icon--hide-label.icon-next');
|
|
36
33
|
const scrollButtonsPrevious = document.querySelectorAll('.button.button--small.button--icon.button--icon--hide-label.icon-previous');
|
|
37
34
|
horizontalScrollButtonNext(scrollButtonsNext);
|
|
@@ -10,7 +10,7 @@ mixin course-details(multiexams = false, multiforms = false, bookmarked = false,
|
|
|
10
10
|
- var pressed = "true"
|
|
11
11
|
button(aria-pressed=pressed).list-navigator__toggle.icon-bookmark Gem kursus
|
|
12
12
|
.page__content__block.page__content__block--no-padding.page__content__block--small-vertical-padding.page__content__block--extra-small-gap-above.page__content__block--extent-background.theme--background-secondary
|
|
13
|
-
+horizontal-scroll()
|
|
13
|
+
+horizontal-scroll().horizontal-scroll--check-overflow
|
|
14
14
|
ul.fact-list
|
|
15
15
|
li.fact-list__item
|
|
16
16
|
h2.fact-list__item__label ECTS
|
|
@@ -373,55 +373,62 @@ mixin pure-editor-modal-views(content="VIP", empty = false)
|
|
|
373
373
|
a(href="#") pure.au.dk
|
|
374
374
|
|. Når du har logget ind skal du vælge "Rediger profil" og derefter "Tilføj titel". Her kan du operette en titel af typen "Akademisk grad", som vil bliver vist på din Pure profil.
|
|
375
375
|
|
|
376
|
-
+modal-view("Tilføj profiltekst")#freeformmodal
|
|
377
|
-
+notification().notification--attention
|
|
378
|
-
h3.notification__header Dette er ikke det endelige design
|
|
379
|
-
p Se det endelige design i
|
|
380
|
-
a(href="https://www.figma.com/file/XvMMYqgDhLXaZwj9fl2DJ9/Pure-editor?type=design&node-id=3096%3A77872&mode=design&t=uUSQi9S06x0SUBRz-1") Figma
|
|
381
|
-
|
|
|
382
|
-
| og afvent implementering i Delphinus.
|
|
383
|
-
|
|
376
|
+
+modal-view("Tilføj profiltekst")#freeformmodal
|
|
384
377
|
h3 Anbefalet til dig
|
|
385
|
-
|
|
378
|
+
if content == "TAP"
|
|
379
|
+
p.text--pull Nedenstående tekster er tiltænkt dig der er TAP.
|
|
380
|
+
else
|
|
381
|
+
p.text--pull Nedenstående tekster er tiltænkt dig der er VIP.
|
|
382
|
+
ul.profile-text-selector.links--plain
|
|
386
383
|
if content == "TAP"
|
|
387
384
|
li
|
|
388
|
-
|
|
389
|
-
|
|
390
|
-
|
|
391
|
-
span.text--disabled Arbejdsområder
|
|
385
|
+
a(href="/projects/medarbejdere/pure-profile-editor-free-form-text" class=empty ? null : 'profile-text-selector__item--filled-in' aria-label="Tilføj profiltekst om arbejdsområder").profile-text-selector__item
|
|
386
|
+
.profile-text-selector__item__title.icon-job-responsibilities Arbejdsområder
|
|
387
|
+
.button.button--small.button--icon.button--icon--hide-label(class=empty ? 'icon-add' : 'icon-edit button--text')
|
|
392
388
|
else
|
|
393
389
|
li
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
span.text--disabled Forskning
|
|
390
|
+
a(href="/projects/medarbejdere/pure-profile-editor-free-form-text" class=empty ? null : 'profile-text-selector__item--filled-in' aria-label="Tilføj profiltekst om forskning").profile-text-selector__item
|
|
391
|
+
.profile-text-selector__item__title.icon-research Forskning
|
|
392
|
+
.button.button--small.button--icon.button--icon--hide-label(class=empty ? 'icon-add' : 'icon-edit button--text')
|
|
398
393
|
li
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
span.text--disabled Uddannelse
|
|
394
|
+
a(href="/projects/medarbejdere/pure-profile-editor-free-form-text" class=empty ? null : 'profile-text-selector__item--filled-in' aria-label="Tilføj profiltekst om uddannelse").profile-text-selector__item
|
|
395
|
+
.profile-text-selector__item__title.icon-instructor Uddannelse
|
|
396
|
+
.button.button--small.button--icon.button--icon--hide-label(class=empty ? 'icon-add' : 'icon-edit button--text')
|
|
403
397
|
li
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
span.text--disabled Samarbejder
|
|
398
|
+
a(href="/projects/medarbejdere/pure-profile-editor-free-form-text" class=empty ? null : 'profile-text-selector__item--filled-in' aria-label="Tilføj profiltekst om samarbejder").profile-text-selector__item
|
|
399
|
+
.profile-text-selector__item__title.icon-collaboration Samarbejder
|
|
400
|
+
.button.button--small.button--icon.button--icon--hide-label(class=empty ? 'icon-add' : 'icon-edit button--text')
|
|
408
401
|
li
|
|
409
|
-
a(href="/projects/medarbejdere/pure-profile-editor-free-form-text")
|
|
402
|
+
a(href="/projects/medarbejdere/pure-profile-editor-free-form-text" aria-label="Tilføj profiltekst om rådgivning").profile-text-selector__item
|
|
403
|
+
.profile-text-selector__item__title.icon-consultancy Rådgivning
|
|
404
|
+
.button.button--small.button--icon.button--icon--hide-label.icon-add
|
|
410
405
|
|
|
411
406
|
h3 Andre tekster
|
|
412
|
-
p Anvend disse, hvis ovenstående ikke passer på dig. Profil og Arbejdsområder vises som de første tekster på din profil.
|
|
413
|
-
ul
|
|
407
|
+
p.text--pull Anvend disse, hvis ovenstående ikke passer på dig. Profil og Arbejdsområder vises som de første tekster på din profil.
|
|
408
|
+
ul.profile-text-selector.links--plain
|
|
414
409
|
li
|
|
415
|
-
|
|
410
|
+
a(href="/projects/medarbejdere/pure-profile-editor-free-form-text" aria-label="Tilføj tekst om din profil").profile-text-selector__item
|
|
411
|
+
.profile-text-selector__item__title.icon-user Profil
|
|
412
|
+
.button.button--small.button--icon.button--icon--hide-label.icon-add
|
|
416
413
|
if content == "VIP"
|
|
417
414
|
li
|
|
418
|
-
|
|
415
|
+
a(href="/projects/medarbejdere/pure-profile-editor-free-form-text" aria-label="Tilføj profiltekst om dine arbejdsområder").profile-text-selector__item
|
|
416
|
+
.profile-text-selector__item__title.icon-job-responsibilities Arbejdsområder
|
|
417
|
+
.button.button--small.button--icon.button--icon--hide-label.icon-add
|
|
419
418
|
else
|
|
420
419
|
li
|
|
421
|
-
|
|
420
|
+
a(href="/projects/medarbejdere/pure-profile-editor-free-form-text" aria-label="Tilføj profiltekst om forskning").profile-text-selector__item
|
|
421
|
+
.profile-text-selector__item__title.icon-collaboration Forskning
|
|
422
|
+
.button.button--small.button--icon.button--icon--hide-label.icon-add
|
|
422
423
|
li
|
|
423
|
-
|
|
424
|
+
a(href="/projects/medarbejdere/pure-profile-editor-free-form-text" aria-label="Tilføj profiltekst om uddannelse").profile-text-selector__item
|
|
425
|
+
.profile-text-selector__item__title.icon-instructor Uddannelse
|
|
426
|
+
.button.button--small.button--icon.button--icon--hide-label.icon-add
|
|
424
427
|
li
|
|
425
|
-
|
|
428
|
+
a(href="/projects/medarbejdere/pure-profile-editor-free-form-text" aria-label="Tilføj profiltekst om samarbejde").profile-text-selector__item
|
|
429
|
+
.profile-text-selector__item__title.icon-collaboration Samarbejder
|
|
430
|
+
.button.button--small.button--icon.button--icon--hide-label.icon-add
|
|
426
431
|
li
|
|
427
|
-
|
|
432
|
+
a(href="/projects/medarbejdere/pure-profile-editor-free-form-text" aria-label="Tilføj profiltekst om rådgivning").profile-text-selector__item
|
|
433
|
+
.profile-text-selector__item__title.icon-consultancy Rådgivning
|
|
434
|
+
.button.button--small.button--icon.button--icon--hide-label.icon-add
|
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
.profile-text-selector {
|
|
2
|
+
display: grid;
|
|
3
|
+
row-gap: $width-border;
|
|
4
|
+
margin: spacing(-2) 0 spacing(0);
|
|
5
|
+
li {
|
|
6
|
+
margin: 0;
|
|
7
|
+
padding: 0;
|
|
8
|
+
&::before {
|
|
9
|
+
content: none;
|
|
10
|
+
}
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
&__item {
|
|
14
|
+
display: flex;
|
|
15
|
+
justify-content: space-between;
|
|
16
|
+
align-items: center;
|
|
17
|
+
position: relative;
|
|
18
|
+
@include set-colors('background-secondary');
|
|
19
|
+
padding: spacing(-2) spacing(-1);
|
|
20
|
+
@include set-font(0, 'single');
|
|
21
|
+
&:hover {
|
|
22
|
+
background-color: color('background-secondary-hover');
|
|
23
|
+
.button {
|
|
24
|
+
background-color: color('theme-hover');
|
|
25
|
+
}
|
|
26
|
+
.button--text {
|
|
27
|
+
background-color: transparent;
|
|
28
|
+
box-shadow: $shadow-style-front color("shadow");
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
&:active {
|
|
32
|
+
color: color('foreground-theme');
|
|
33
|
+
.button {
|
|
34
|
+
box-shadow: $shadow-style-back color("shadow");
|
|
35
|
+
}
|
|
36
|
+
.button--text {
|
|
37
|
+
box-shadow: $shadow-style-back color("shadow");
|
|
38
|
+
}
|
|
39
|
+
.profile-text-selector__item__title::before {
|
|
40
|
+
color: color('foreground-theme');
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
&:focus-visible {
|
|
44
|
+
outline: $outline-width solid color("utility-focus");
|
|
45
|
+
outline-offset: $outline-offset;
|
|
46
|
+
z-index: $z-index-just-above-static;
|
|
47
|
+
}
|
|
48
|
+
&__title {
|
|
49
|
+
display: flex;
|
|
50
|
+
align-items: center;
|
|
51
|
+
@include icon-style {
|
|
52
|
+
display: inline-block;
|
|
53
|
+
text-align: center;
|
|
54
|
+
color: color('foreground-theme');
|
|
55
|
+
margin-right: spacing(-4);
|
|
56
|
+
font-size: font-size(2);
|
|
57
|
+
width: line-height('single');
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
&--filled-in {
|
|
61
|
+
color: color('foreground-secondary');
|
|
62
|
+
.profile-text-selector__item__title::before {
|
|
63
|
+
color: color('foreground-secondary');
|
|
64
|
+
}
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
@@ -56,7 +56,7 @@ mixin person-profile(keywords = null, type = "VIP", affiliations = 1, processing
|
|
|
56
56
|
|
|
57
57
|
if cards
|
|
58
58
|
.page__content__block.page__content__block--no-padding
|
|
59
|
-
+horizontal-scroll(true, "Udvalgte publikationer", "Flere", 2).horizontal-scroll--snap
|
|
59
|
+
+horizontal-scroll(true, "Udvalgte publikationer", "Flere", 2)(class= !processing ? "horizontal-scroll--check-overflow" : null).horizontal-scroll--snap
|
|
60
60
|
if !processing
|
|
61
61
|
ul.cards-container.cards-container--row
|
|
62
62
|
if type == "TAP"
|
|
@@ -66,7 +66,7 @@ mixin person-profile(keywords = null, type = "VIP", affiliations = 1, processing
|
|
|
66
66
|
else
|
|
67
67
|
.processing-state.processing-state--init-cards(style="height: 20rem")
|
|
68
68
|
|
|
69
|
-
.tabbed-content.horizontal-scroll.horizontal-scroll--snap(data-initial-tab="0" data-focus-onload="false")
|
|
69
|
+
.tabbed-content.horizontal-scroll.horizontal-scroll--snap(data-initial-tab="0" data-focus-onload="false" class= !processing ? "horizontal-scroll--check-overflow" : null)
|
|
70
70
|
.horizontal-scroll__header
|
|
71
71
|
.horizontal-scroll__header__content
|
|
72
72
|
+switch()
|
|
@@ -102,6 +102,7 @@ mixin person-profile(keywords = null, type = "VIP", affiliations = 1, processing
|
|
|
102
102
|
+horizontal-scroll(true, "Mine kollegaer", "Flere", 2).horizontal-scroll--snap
|
|
103
103
|
ul.cards-container.cards-container--row.cards-container--row--wide-cards
|
|
104
104
|
+pure-cards(6, true, "person")
|
|
105
|
+
|
|
105
106
|
|
|
106
107
|
|
|
107
108
|
|
|
@@ -22,6 +22,11 @@ mixin profile-header-variants()
|
|
|
22
22
|
p.text--strong 5 affiliations
|
|
23
23
|
.page__content__block__full-width-item
|
|
24
24
|
+profile-header("VIP", 5)
|
|
25
|
+
|
|
26
|
+
.page__content__block.page__content__block--no-padding
|
|
27
|
+
p.text--strong 5 affiliations
|
|
28
|
+
.page__content__block__full-width-item
|
|
29
|
+
+profile-header("VIP", 5, "VIP", true, true, true, false, false)
|
|
25
30
|
|
|
26
31
|
.page__content__block.page__content__block--no-padding
|
|
27
32
|
p.text--strong No subject areas
|