@postnord/pn-marketweb-components 3.5.2 → 3.5.3

package/umd/modules/@postnord/web-components/postnord-web-components/{p-bc95d4b0.entry.js → p-49f5fdd2.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as n,c as t,g as e,f as a,h as i,a as s}from"./p-43660913.js";import{u as o}from"./p-f64d17a6.js";import{a as r}from"./p-bf967b50.js";import{a as p}from"./p-2e6481e5.js";import{a as d}from"./p-d82ef4a1.js";const h="pn-page-nav{display:block;position:relative;font-size:clamp(0.8em, 2vw, 1em);z-index:5}.pn-page-nav-wrapper{transform:translateZ(0);font-size:inherit;max-width:100%;overflow:hidden;position:relative;display:inline-flex;border-radius:3em}.pn-page-nav{display:flex;align-items:center;border-radius:3em;min-height:3em;background:#0d234b;border:0.0625em solid #d3cecb;position:relative;overflow-x:auto;scroll-snap-type:x mandatory}.pn-page-nav::-webkit-scrollbar{display:none}.pn-page-nav ul.pn-page-nav-items{display:flex;list-style-type:none;padding:0.25em;margin:0;position:relative}.pn-page-nav-items>.pn-pn-bg{position:absolute;top:50%;transform:translateY(-50%);will-change:transform;left:0;border-radius:3em;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s}.pn-page-nav-items>.pn-pn-bg.pn-pn-active{box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);background:#005d92;z-index:1}.pn-page-nav-items>.pn-pn-bg.pn-pn-hover{background:#ffffff;opacity:0;border:0.0625em solid transparent;z-index:0}.pn-page-nav-items>.pn-pn-bg.hidden{opacity:0}@media (hover: hover){ul.pn-page-nav-items:focus-within .pn-pn-hover,ul.pn-page-nav-items:hover .pn-pn-hover{opacity:0.12}}pn-page-nav .pn-pn-arrows{position:absolute;top:50%;transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:flex;justify-content:space-between;align-items:center;pointer-events:none;padding:0.125em 0.1em}pn-page-nav .pn-pn-arrows svg{width:1.5em}pn-page-nav .pn-pn-arrows svg.pn-icon-svg path{fill:#005d92}pn-page-nav .pn-pn-arrows>*{transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;pointer-events:all;height:100%;aspect-ratio:1;background:#ffffff;display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent;border-radius:50%;border:0.0625em solid #0d234b}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-left{transform:translateX(-100%)}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-right{transform:translateX(100%)}@media screen and (max-width: 30em){pn-page-nav .pn-pn-arrows>*{border:none}pn-page-nav .pn-pn-arrows>* pn-icon .pn-icon-svg{width:100%;height:2em;animation:arrow 0.6s ease-in-out alternate infinite}pn-page-nav .pn-pn-arrows>* pn-icon .pn-icon-svg path{fill:#ffffff}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-left{background:linear-gradient(to left, transparent, #0d234b 60%);border-radius:50% 0 0 50%}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-right{background:linear-gradient(to right, transparent, #0d234b 40%);border-radius:0 50% 50% 0}}pn-page-nav .pn-pn-arrows.pn-pn-left-visible .pn-pn-arrow-left,pn-page-nav .pn-pn-arrows.pn-pn-right-visible .pn-pn-arrow-right{opacity:1;transform:translateX(0)}@keyframes arrow{to{transform:translateX(10%)}}button.pn-page-nav-dropdown-button{font-size:1em;border-radius:3em 0 0 3em;background:#0d234b;color:#ffffff;padding:0.5em 1em 0.5em 1.5em;cursor:pointer;display:flex;align-items:center;border:none;transition:background 0.15s;outline:none;height:100%;position:relative;margin:0 0.5em 0 0;font-weight:500}button.pn-page-nav-dropdown-button pn-icon{margin-left:0.5em}button.pn-page-nav-dropdown-button:hover,button.pn-page-nav-dropdown-button:focus{background:#263655}button.pn-page-nav-dropdown-button:focus{box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb}button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active{background:#005d92}button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:hover,button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:focus{background:#005d92}.pn-page-nav-divider{height:60%;background:#d3cecb;width:0.1em;position:absolute;right:0;transform:translateX(50%)}ul.pn-page-nav-dropdown{position:absolute;left:0;top:110%;background:#0d234b;border-radius:0.5em;margin:0;padding:0;list-style-type:none;box-shadow:0px 6.4000000954px 14.3999996185px 0px rgba(0, 0, 0, 0.1294117647), 0px 1.2000000477px 3.5999999046px 0px rgba(0, 0, 0, 0.1019607843);font-size:inherit;display:none}ul.pn-page-nav-dropdown.pn-page-nav-dropdown-open{display:block}";const l=h;const c=class{constructor(e){n(this,e);this.navchange=t(this,"navchange",7);this.currentSelection=undefined;this.showScrollArrows=false;this.showLeftArrow=false;this.showRightArrow=false;this.dropdownOpen=false;this.dropdownLinks=[];this.dropdownActive=false;this.value=undefined;this.dropdown=false;this.navid=`pn-page-nav-${o()}`}mo;navContainer;navWrapper;navItems=[];dropdownButton;dropdownEl;dropdownItems;dropdownEls;eventHandler=this.keyboardEvents.bind(this);globalEventHandler=this.globalEvents.bind(this);activeBg;hoverBg;scrollRegistered=false;get hostElement(){return e(this)}navchange;changeHandler({target:n}){this.currentSelection=n.closest("pn-page-nav-item");if(n.value)this.value=n.value;if(this.dropdownOpen)this.dropdownOpen=false}handleResize(){this.rerender()}valueHandler(){if(!this.value)this.currentSelection=null;this.calcHighlight(this.currentSelection,this.activeBg);this.navchange.emit(this.value);if(!this.dropdownActive)return;this.isDropdownItemActive()}dropdownHandler(){if(this.dropdownOpen){requestAnimationFrame((()=>{this.addGlobalEventListeners()}));return}this.removeGlobalEventListeners()}componentWillLoad(){if(!this.dropdown)return;this.dropdownEls=Array.from(this.hostElement.querySelectorAll("pn-page-nav-dropdown-item"));if(this.dropdownEls.length){this.dropdownActive=true;this.initiateDropdown()}}componentDidLoad(){if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>{a(this.hostElement);this.setActiveNavItem();this.rerender()}));this.mo.observe(this.hostElement,{childList:true,subtree:true});this.navWrapper=this.hostElement.querySelector(".pn-page-nav");this.navContainer=this.hostElement.querySelector(".pn-page-nav-items");this.activeBg=this.hostElement.querySelector(".pn-pn-active");this.hoverBg=this.hostElement.querySelector(".pn-pn-hover");this.hostElement.addEventListener("mouseover",(({target:n})=>this.calcHighlight(n,this.hoverBg)));this.setActiveNavItem();this.rerender()}setActiveNavItem(){this.navItems=Array.from(this.hostElement.querySelectorAll("pn-page-nav-item"));this.navItems.forEach((n=>{if(this.value===n.value){this.currentSelection=n}else{n.removeAttribute("selected")}n.querySelector("a").addEventListener("focus",(({target:n})=>this.calcHighlight(n,this.hoverBg)))}));if(!this.dropdownActive)return;this.dropdownItems=Array.from(this.hostElement.querySelectorAll(".pn-page-nav-dropdown-item"));this.isDropdownItemActive();this.dropdownLinks=this.dropdownItems.map(((n,t)=>{n.setAttribute("data-index",`${t}`);return n.closest("pn-page-nav-dropdown-item").value}))}rerender(){requestAnimationFrame((()=>{this.calcHighlight(this.currentSelection,this.activeBg);this.scrollArrowRender()}))}calcHighlight(n,t){if(!n?.closest("pn-page-nav-item")){t?.classList.add("hidden");return}if(t)t.classList.remove("hidden");const e=n.closest("pn-page-nav-item").getBoundingClientRect();const{left:a}=this.navContainer.getBoundingClientRect();const{left:i,height:s,width:o}=e;const r=i-a+this.navContainer.scrollLeft;t.style.setProperty("transform",`translate(${r}px, -50%`);t.style.setProperty("width",`${o}px`);t.style.setProperty("height",`${s}px`)}scrollArrowRender(){if(!this.navWrapper)return;if(this.navWrapper.scrollWidth>this.navWrapper.clientWidth){this.showScrollArrows=true;if(!this.scrollRegistered){this.navWrapper.addEventListener("scroll",this.scrollArrowRender.bind(this));this.scrollRegistered=true}const n=Math.round(this.navWrapper.scrollWidth-this.navWrapper.scrollLeft);const t=n-this.navWrapper.clientWidth;const e=this.navWrapper.scrollLeft;this.showLeftArrow=e>0;this.showRightArrow=t>0;return}this.showLeftArrow=false;this.showRightArrow=false;this.showScrollArrows=false}scroll(n){let t=this.navWrapper.scrollLeft+n;this.navWrapper.scroll({left:t,behavior:"smooth"})}scrollArrowClasses(){let n="pn-pn-arrows ";if(this.showLeftArrow)n+="pn-pn-left-visible ";if(this.showRightArrow)n+="pn-pn-right-visible ";return n}initiateDropdown(){requestAnimationFrame((()=>{this.dropdownButton=this.hostElement.querySelector(".pn-page-nav-dropdown-button");this.dropdownEl=this.hostElement.querySelector(".pn-page-nav-dropdown");this.addDropdownEventListeners()}))}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}isDropdownItemActive(){this.dropdownEls.forEach((n=>{if(n.value&&this.value===n.value){n.setAttribute("active","true");return}n.removeAttribute("active")}))}addDropdownEventListeners(){this.hostElement.addEventListener("keydown",this.eventHandler);this.hostElement.addEventListener("click",this.eventHandler)}addGlobalEventListeners(){const n=this.hostElement.getRootNode();n.addEventListener("focusin",this.globalEventHandler);n.addEventListener("keydown",this.globalEventHandler);n.addEventListener("click",this.globalEventHandler)}removeGlobalEventListeners(){const n=this.hostElement.getRootNode();n.removeEventListener("focusin",this.globalEventHandler);n.removeEventListener("keydown",this.globalEventHandler);n.removeEventListener("click",this.globalEventHandler)}keyboardEvents(n){const t=n.composedPath()[0];if(n.type==="keydown"){if(!this.dropdownOpen&&t===this.dropdownButton&&["ArrowUp","ArrowDown"].includes(n.code)){this.dropdownOpen=true;requestAnimationFrame((()=>{this.focusNextDropdownItem()}))}}}globalEvents(n){const t=n.composedPath()[0];if(n.type==="keydown"&&n.code==="Escape"){this.dropdownOpen=false;this.dropdownButton.focus()}if(n.code==="ArrowDown")this.focusNextDropdownItem();if(n.code==="ArrowUp")this.focusPrevDropdownItem();if((n.type==="click"||n.type==="focusin")&&!this.dropdownEl.contains(t)){this.dropdownOpen=false}}focusNextDropdownItem(){const{activeElement:n}=this.hostElement.getRootNode();if(!n.classList.contains("pn-page-nav-dropdown-item")){this.dropdownItems[0].focus();return}const t=parseInt(n.getAttribute("data-index"));if(t<this.dropdownItems.length-1){this.dropdownItems[t+1].focus()}}focusPrevDropdownItem(){const{activeElement:n}=this.hostElement.getRootNode();if(!n.classList.contains("dropdown-item")){this.dropdownItems[this.dropdownItems.length-1].focus()}const t=parseInt(n.getAttribute("data-index"));if(t>0){this.dropdownItems[t-1].focus();return}this.dropdownButton.focus()}dropdownButtonClasses(){let n="pn-page-nav-dropdown-button ";if(this.dropdownLinks.includes(this.value))n+="pn-page-nav-dropdown-active ";return n}dropdownClasses(){let n="pn-page-nav-dropdown ";if(this.dropdownOpen)n+="pn-page-nav-dropdown-open ";return n}render(){return i(s,{key:"78363e8727ce2d9b1525572a8d909b65141c4932"},i("div",{key:"1cdb635b439f40cf77df3a77432d542f3055e952",class:"pn-page-nav-wrapper"},i("nav",{key:"13ae19bf916612a04990edade8d7325665a91060",class:"pn-page-nav"},this.dropdownActive&&i("button",{key:"802fbae4d73a7b26a34ed4e41e5b5a6efd3ba101",type:"button",class:this.dropdownButtonClasses(),onClick:()=>this.toggleDropdown(),"aria-controls":"page-nav-dropdown","aria-expanded":`${this.dropdownOpen}`},this.dropdown,i("pn-icon",{key:"ac26e1ec6b9feeb52a898d7f80d2c4356423e93d",icon:r,color:"white",small:true}),i("div",{key:"c040e7c7ac1db10687b53ad6f59f6c3ded1d8e8a",class:"pn-page-nav-divider"})),i("ul",{key:"4bf5dc223bd55b0fb81fedebfa09fbe5db42569d",class:"pn-page-nav-items"},i("slot",{key:"3b77f7bd7a09700b860df10927b3889072e3bc34"}),i("li",{key:"71f85348e913043ca037efbe523f25a00bf8d211",class:"pn-pn-bg pn-pn-active",role:"presentation"}),i("li",{key:"462f8b0e8e1c788143d4ffaf5011b030ff100f5f",class:"pn-pn-bg pn-pn-hover",role:"presentation"}))),this.showScrollArrows&&i("div",{key:"c69db4a2202a5b5f9da49f72466bfa2d68eec0c8",class:this.scrollArrowClasses()},i("button",{key:"eb809646459a703b8ea984ef6f9ec8b23ea34029",class:"pn-pn-arrow-left",onClick:()=>this.scroll(-120),tabindex:"-1"},i("pn-icon",{key:"4d797edf6525213134b3acc0e36876ade74952a8",icon:p,color:"white"})),i("button",{key:"612286fcac6b7608a1162aa5b8ad3d6ff401bf87",class:"pn-pn-arrow-right",onClick:()=>this.scroll(120),tabindex:"-1"},i("pn-icon",{key:"5a336276c0b4256fb976fc2bdc9037ec25cbc382",icon:d,color:"blue700"})))),this.dropdownActive&&i("ul",{key:"518b79ad7c1a7ff8652a5fb909f8285f94405a4a",id:this.navid,class:this.dropdownClasses()},i("slot",{key:"7d03ba12daffea62b0b0a7c0f1a1c1c006a125c4",name:"dropdown-item"})))}static get watchers(){return{value:["valueHandler"],dropdownOpen:["dropdownHandler"]}}};c.style=l;export{c as pn_page_nav};
-//# sourceMappingURL=p-bc95d4b0.entry.js.map
+import{r as n,c as t,g as e,f as a,h as i,a as s}from"./p-43660913.js";import{u as o}from"./p-f64d17a6.js";import{a as r}from"./p-2e6481e5.js";import{a as p}from"./p-d82ef4a1.js";import{c as d}from"./p-99600bc7.js";const h="pn-page-nav{display:block;position:relative;font-size:clamp(0.8em, 2vw, 1em);z-index:5}.pn-page-nav-wrapper{transform:translateZ(0);font-size:inherit;max-width:100%;overflow:hidden;position:relative;display:inline-flex;border-radius:3em}.pn-page-nav{display:flex;align-items:center;border-radius:3em;min-height:3em;background:#0d234b;border:0.0625em solid #d3cecb;position:relative;overflow-x:auto;scroll-snap-type:x mandatory}.pn-page-nav::-webkit-scrollbar{display:none}.pn-page-nav ul.pn-page-nav-items{display:flex;list-style-type:none;padding:0.25em;margin:0;position:relative}.pn-page-nav-items>.pn-pn-bg{position:absolute;top:50%;transform:translateY(-50%);will-change:transform;left:0;border-radius:3em;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, box-shadow 0.15s}.pn-page-nav-items>.pn-pn-bg.pn-pn-active{box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);background:#005d92;z-index:1}.pn-page-nav-items>.pn-pn-bg.pn-pn-hover{background:#ffffff;opacity:0;border:0.0625em solid transparent;z-index:0}.pn-page-nav-items>.pn-pn-bg.hidden{opacity:0}@media (hover: hover){ul.pn-page-nav-items:focus-within .pn-pn-hover,ul.pn-page-nav-items:hover .pn-pn-hover{opacity:0.12}}pn-page-nav .pn-pn-arrows{position:absolute;top:50%;transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:flex;justify-content:space-between;align-items:center;pointer-events:none;padding:0.125em 0.1em}pn-page-nav .pn-pn-arrows svg{width:1.5em}pn-page-nav .pn-pn-arrows svg.pn-icon-svg path{fill:#005d92}pn-page-nav .pn-pn-arrows>*{transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;pointer-events:all;height:100%;aspect-ratio:1;background:#ffffff;display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent;border-radius:50%;border:0.0625em solid #0d234b}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-left{transform:translateX(-100%)}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-right{transform:translateX(100%)}@media screen and (max-width: 30em){pn-page-nav .pn-pn-arrows>*{border:none}pn-page-nav .pn-pn-arrows>* pn-icon .pn-icon-svg{width:100%;height:2em;animation:arrow 0.6s ease-in-out alternate infinite}pn-page-nav .pn-pn-arrows>* pn-icon .pn-icon-svg path{fill:#ffffff}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-left{background:linear-gradient(to left, transparent, #0d234b 60%);border-radius:50% 0 0 50%}pn-page-nav .pn-pn-arrows>*.pn-pn-arrow-right{background:linear-gradient(to right, transparent, #0d234b 40%);border-radius:0 50% 50% 0}}pn-page-nav .pn-pn-arrows.pn-pn-left-visible .pn-pn-arrow-left,pn-page-nav .pn-pn-arrows.pn-pn-right-visible .pn-pn-arrow-right{opacity:1;transform:translateX(0)}@keyframes arrow{to{transform:translateX(10%)}}button.pn-page-nav-dropdown-button{font-size:1em;border-radius:3em 0 0 3em;background:#0d234b;color:#ffffff;padding:0.5em 1em 0.5em 1.5em;cursor:pointer;display:flex;align-items:center;border:none;transition:background 0.15s;outline:none;height:100%;position:relative;margin:0 0.5em 0 0;font-weight:500}button.pn-page-nav-dropdown-button pn-icon{margin-left:0.5em}button.pn-page-nav-dropdown-button:hover,button.pn-page-nav-dropdown-button:focus{background:#263655}button.pn-page-nav-dropdown-button:focus{box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb}button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active{background:#005d92}button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:hover,button.pn-page-nav-dropdown-button.pn-page-nav-dropdown-active:focus{background:#005d92}.pn-page-nav-divider{height:60%;background:#d3cecb;width:0.1em;position:absolute;right:0;transform:translateX(50%)}ul.pn-page-nav-dropdown{position:absolute;left:0;top:110%;background:#0d234b;border-radius:0.5em;margin:0;padding:0;list-style-type:none;box-shadow:0px 6.4000000954px 14.3999996185px 0px rgba(0, 0, 0, 0.1294117647), 0px 1.2000000477px 3.5999999046px 0px rgba(0, 0, 0, 0.1019607843);font-size:inherit;display:none}ul.pn-page-nav-dropdown.pn-page-nav-dropdown-open{display:block}";const c=h;const l=class{constructor(e){n(this,e);this.navchange=t(this,"navchange",7);this.currentSelection=undefined;this.showScrollArrows=false;this.showLeftArrow=false;this.showRightArrow=false;this.dropdownOpen=false;this.dropdownLinks=[];this.dropdownActive=false;this.value=undefined;this.dropdown=false;this.navid=`pn-page-nav-${o()}`}mo;navContainer;navWrapper;navItems=[];dropdownButton;dropdownEl;dropdownItems;dropdownEls;eventHandler=this.keyboardEvents.bind(this);globalEventHandler=this.globalEvents.bind(this);activeBg;hoverBg;scrollRegistered=false;get hostElement(){return e(this)}navchange;changeHandler({target:n}){this.currentSelection=n.closest("pn-page-nav-item");if(n.value)this.value=n.value;if(this.dropdownOpen)this.dropdownOpen=false}handleResize(){this.rerender()}valueHandler(){if(!this.value)this.currentSelection=null;this.calcHighlight(this.currentSelection,this.activeBg);this.navchange.emit(this.value);if(!this.dropdownActive)return;this.isDropdownItemActive()}dropdownHandler(){if(this.dropdownOpen){requestAnimationFrame((()=>{this.addGlobalEventListeners()}));return}this.removeGlobalEventListeners()}componentWillLoad(){if(!this.dropdown)return;this.dropdownEls=Array.from(this.hostElement.querySelectorAll("pn-page-nav-dropdown-item"));if(this.dropdownEls.length){this.dropdownActive=true;this.initiateDropdown()}}componentDidLoad(){if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>{a(this.hostElement);this.setActiveNavItem();this.rerender()}));this.mo.observe(this.hostElement,{childList:true,subtree:true});this.navWrapper=this.hostElement.querySelector(".pn-page-nav");this.navContainer=this.hostElement.querySelector(".pn-page-nav-items");this.activeBg=this.hostElement.querySelector(".pn-pn-active");this.hoverBg=this.hostElement.querySelector(".pn-pn-hover");this.hostElement.addEventListener("mouseover",(({target:n})=>this.calcHighlight(n,this.hoverBg)));this.setActiveNavItem();this.rerender()}setActiveNavItem(){this.navItems=Array.from(this.hostElement.querySelectorAll("pn-page-nav-item"));this.navItems.forEach((n=>{if(this.value===n.value){this.currentSelection=n}else{n.removeAttribute("selected")}n.querySelector("a").addEventListener("focus",(({target:n})=>this.calcHighlight(n,this.hoverBg)))}));if(!this.dropdownActive)return;this.dropdownItems=Array.from(this.hostElement.querySelectorAll(".pn-page-nav-dropdown-item"));this.isDropdownItemActive();this.dropdownLinks=this.dropdownItems.map(((n,t)=>{n.setAttribute("data-index",`${t}`);return n.closest("pn-page-nav-dropdown-item").value}))}rerender(){requestAnimationFrame((()=>{this.calcHighlight(this.currentSelection,this.activeBg);this.scrollArrowRender()}))}calcHighlight(n,t){if(!n?.closest("pn-page-nav-item")){t?.classList.add("hidden");return}if(t)t.classList.remove("hidden");const e=n.closest("pn-page-nav-item").getBoundingClientRect();const{left:a}=this.navContainer.getBoundingClientRect();const{left:i,height:s,width:o}=e;const r=i-a+this.navContainer.scrollLeft;t.style.setProperty("transform",`translate(${r}px, -50%`);t.style.setProperty("width",`${o}px`);t.style.setProperty("height",`${s}px`)}scrollArrowRender(){if(!this.navWrapper)return;if(this.navWrapper.scrollWidth>this.navWrapper.clientWidth){this.showScrollArrows=true;if(!this.scrollRegistered){this.navWrapper.addEventListener("scroll",this.scrollArrowRender.bind(this));this.scrollRegistered=true}const n=Math.round(this.navWrapper.scrollWidth-this.navWrapper.scrollLeft);const t=n-this.navWrapper.clientWidth;const e=this.navWrapper.scrollLeft;this.showLeftArrow=e>0;this.showRightArrow=t>0;return}this.showLeftArrow=false;this.showRightArrow=false;this.showScrollArrows=false}scroll(n){let t=this.navWrapper.scrollLeft+n;this.navWrapper.scroll({left:t,behavior:"smooth"})}scrollArrowClasses(){let n="pn-pn-arrows ";if(this.showLeftArrow)n+="pn-pn-left-visible ";if(this.showRightArrow)n+="pn-pn-right-visible ";return n}initiateDropdown(){requestAnimationFrame((()=>{this.dropdownButton=this.hostElement.querySelector(".pn-page-nav-dropdown-button");this.dropdownEl=this.hostElement.querySelector(".pn-page-nav-dropdown");this.addDropdownEventListeners()}))}toggleDropdown(){this.dropdownOpen=!this.dropdownOpen}isDropdownItemActive(){this.dropdownEls.forEach((n=>{if(n.value&&this.value===n.value){n.setAttribute("active","true");return}n.removeAttribute("active")}))}addDropdownEventListeners(){this.hostElement.addEventListener("keydown",this.eventHandler);this.hostElement.addEventListener("click",this.eventHandler)}addGlobalEventListeners(){const n=this.hostElement.getRootNode();n.addEventListener("focusin",this.globalEventHandler);n.addEventListener("keydown",this.globalEventHandler);n.addEventListener("click",this.globalEventHandler)}removeGlobalEventListeners(){const n=this.hostElement.getRootNode();n.removeEventListener("focusin",this.globalEventHandler);n.removeEventListener("keydown",this.globalEventHandler);n.removeEventListener("click",this.globalEventHandler)}keyboardEvents(n){const t=n.composedPath()[0];if(n.type==="keydown"){if(!this.dropdownOpen&&t===this.dropdownButton&&["ArrowUp","ArrowDown"].includes(n.code)){this.dropdownOpen=true;requestAnimationFrame((()=>{this.focusNextDropdownItem()}))}}}globalEvents(n){const t=n.composedPath()[0];if(n.type==="keydown"&&n.code==="Escape"){this.dropdownOpen=false;this.dropdownButton.focus()}if(n.code==="ArrowDown")this.focusNextDropdownItem();if(n.code==="ArrowUp")this.focusPrevDropdownItem();if((n.type==="click"||n.type==="focusin")&&!this.dropdownEl.contains(t)){this.dropdownOpen=false}}focusNextDropdownItem(){const{activeElement:n}=this.hostElement.getRootNode();if(!n.classList.contains("pn-page-nav-dropdown-item")){this.dropdownItems[0].focus();return}const t=parseInt(n.getAttribute("data-index"));if(t<this.dropdownItems.length-1){this.dropdownItems[t+1].focus()}}focusPrevDropdownItem(){const{activeElement:n}=this.hostElement.getRootNode();if(!n.classList.contains("dropdown-item")){this.dropdownItems[this.dropdownItems.length-1].focus()}const t=parseInt(n.getAttribute("data-index"));if(t>0){this.dropdownItems[t-1].focus();return}this.dropdownButton.focus()}dropdownButtonClasses(){let n="pn-page-nav-dropdown-button ";if(this.dropdownLinks.includes(this.value))n+="pn-page-nav-dropdown-active ";return n}dropdownClasses(){let n="pn-page-nav-dropdown ";if(this.dropdownOpen)n+="pn-page-nav-dropdown-open ";return n}render(){return i(s,{key:"2d472afc87973db1b342badc82b707f5767834e9"},i("div",{key:"a76c352f5e14f65d8bec6fa42ed25b2b287d7280",class:"pn-page-nav-wrapper"},i("nav",{key:"20ed1bb324c0fb4800c9f8f07d0d40100721e5e9",class:"pn-page-nav"},this.dropdownActive&&i("button",{key:"7dbbafa6c70b16cbad1fe832df007aa65c077ec7",type:"button",class:this.dropdownButtonClasses(),onClick:()=>this.toggleDropdown(),"aria-controls":"page-nav-dropdown","aria-expanded":`${this.dropdownOpen}`},this.dropdown,i("pn-icon",{key:"b2785a4afaa0f2f9ce19c890c6aebb0d2b7e0042",icon:d,color:"white",small:true}),i("div",{key:"876b33ce6d6a3bd0b83d5f8d97d63d24c0530074",class:"pn-page-nav-divider"})),i("ul",{key:"b4a29a198ac5e38baef3ed74b12e3aca14c8cc9b",class:"pn-page-nav-items"},i("slot",{key:"947c3412a48a441a0677a7815d7973ca448515c3"}),i("li",{key:"90141ec24493bcda61698d15b448f9910d70e2ed",class:"pn-pn-bg pn-pn-active",role:"presentation"}),i("li",{key:"02f007fe38b1512749971b0b4c006a3589517788",class:"pn-pn-bg pn-pn-hover",role:"presentation"}))),this.showScrollArrows&&i("div",{key:"ca4ea70291ecf8d9b7d3dc59b27c72176cc96938",class:this.scrollArrowClasses()},i("button",{key:"f6ff58345a9e44be31fbf8c22492710fb76e24a3",class:"pn-pn-arrow-left",onClick:()=>this.scroll(-120),tabindex:"-1"},i("pn-icon",{key:"c1b090b80ab3b3aa387bc7d550ee8ffdb7c769ad",icon:r,color:"white"})),i("button",{key:"2be256cd45c2355563a9ad239f3709619790f1ad",class:"pn-pn-arrow-right",onClick:()=>this.scroll(120),tabindex:"-1"},i("pn-icon",{key:"afb76fc849b335ef1c216273301dd4d95a0b4cee",icon:p,color:"blue700"})))),this.dropdownActive&&i("ul",{key:"941559a72118dd220f684ece2151ace9c4c3e292",id:this.navid,class:this.dropdownClasses()},i("slot",{key:"9e546d81c3f8f98ac3978646a865f406e673d0e3",name:"dropdown-item"})))}static get watchers(){return{value:["valueHandler"],dropdownOpen:["dropdownHandler"]}}};l.style=c;export{l as pn_page_nav};
+//# sourceMappingURL=p-49f5fdd2.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/p-49f5fdd2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pnPageNavCss","PnPageNavStyle0","PnPageNav","uuidv4","mo","navContainer","navWrapper","navItems","dropdownButton","dropdownEl","dropdownItems","dropdownEls","eventHandler","this","keyboardEvents","bind","globalEventHandler","globalEvents","activeBg","hoverBg","scrollRegistered","navchange","changeHandler","target","currentSelection","closest","value","dropdownOpen","handleResize","rerender","valueHandler","calcHighlight","emit","dropdownActive","isDropdownItemActive","dropdownHandler","requestAnimationFrame","addGlobalEventListeners","removeGlobalEventListeners","componentWillLoad","dropdown","Array","from","hostElement","querySelectorAll","length","initiateDropdown","componentDidLoad","disconnect","MutationObserver","forceUpdate","setActiveNavItem","observe","childList","subtree","querySelector","addEventListener","forEach","navItemEl","removeAttribute","dropdownLinks","map","el","i","setAttribute","scrollArrowRender","bgEl","classList","add","remove","elRect","getBoundingClientRect","left","hostLeft","navLeft","height","navHeight","width","navWidth","offset","scrollLeft","style","setProperty","scrollWidth","clientWidth","showScrollArrows","amountScrolled","Math","round","distanceToEnd","distanceToStart","showLeftArrow","showRightArrow","scroll","val","amount","behavior","scrollArrowClasses","classNames","addDropdownEventListeners","toggleDropdown","root","getRootNode","removeEventListener","e","composedPath","type","includes","code","focusNextDropdownItem","focus","focusPrevDropdownItem","contains","activeElement","index","parseInt","getAttribute","dropdownButtonClasses","dropdownClasses","render","h","Host","key","class","onClick","icon","chevron_down","color","small","role","tabindex","arrow_left","arrow_right","id","navid","name"],"sources":["src/components/navigation/pn-page-nav/menu/pn-page-nav.scss?tag=pn-page-nav","src/components/navigation/pn-page-nav/menu/pn-page-nav.tsx"],"sourcesContent":["@use 'src/globals/main';\n\npn-page-nav {\n  display: block;\n  position: relative;\n  font-size: clamp(0.8em, 2vw, 1em);\n  z-index: 5;\n}\n\n.pn-page-nav-wrapper {\n  transform: translateZ(0);\n  font-size: inherit;\n  max-width: 100%;\n  overflow: hidden;\n  position: relative;\n  display: inline-flex;\n  border-radius: 3em;\n}\n\n.pn-page-nav {\n  display: flex;\n  align-items: center;\n  border-radius: 3em;\n  min-height: 3em;\n  background: main.$blue900;\n  border: 0.0625em solid main.$gray200;\n  position: relative;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n\n  &::-webkit-scrollbar {\n    display: none;\n  }\n}\n\n.pn-page-nav ul.pn-page-nav-items {\n  display: flex;\n  list-style-type: none;\n  padding: 0.25em;\n  margin: 0;\n  position: relative;\n}\n\n.pn-page-nav-items > .pn-pn-bg {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  will-change: transform;\n  left: 0;\n  border-radius: 3em;\n  transition:\n    width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97),\n    transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97),\n    background 0.15s,\n    opacity 0.15s,\n    box-shadow 0.15s;\n\n  &.pn-pn-active {\n    box-shadow:\n      0px 0.3px 0.9px rgba(0, 0, 0, 0.1),\n      0px 1.6px 3.6px rgba(0, 0, 0, 0.13);\n    background: main.$blue700;\n    z-index: 1;\n  }\n\n  &.pn-pn-hover {\n    background: main.$white;\n    opacity: 0;\n    border: 0.0625em solid transparent;\n    z-index: 0;\n  }\n\n  &.hidden {\n    opacity: 0;\n  }\n}\n\n@media (hover: hover) {\n  ul.pn-page-nav-items:focus-within .pn-pn-hover,\n  ul.pn-page-nav-items:hover .pn-pn-hover {\n    opacity: 0.12;\n  }\n}\n\n/*---------------------------------------ARROWS-------------------------------------------*/\npn-page-nav .pn-pn-arrows {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 3;\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  pointer-events: none;\n  padding: 0.125em 0.1em;\n\n  svg {\n    width: 1.5em;\n\n    &.pn-icon-svg path {\n      fill: main.$blue700;\n    }\n  }\n\n  > * {\n    transition:\n      transform 0.2s,\n      opacity 0.2s,\n      background 0.1s,\n      box-shadow 0.1s;\n    pointer-events: all;\n    height: 100%;\n    aspect-ratio: 1;\n    background: main.$white;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    outline: none;\n    cursor: pointer;\n    opacity: 0;\n    will-change: transform;\n    -webkit-tap-highlight-color: transparent;\n    border-radius: 50%;\n    border: 0.0625em solid main.$blue900;\n\n    &.pn-pn-arrow-left {\n      transform: translateX(-100%);\n    }\n\n    &.pn-pn-arrow-right {\n      transform: translateX(100%);\n    }\n\n    @media screen and (max-width: 30em) {\n      border: none;\n\n      pn-icon .pn-icon-svg {\n        width: 100%;\n        height: 2em;\n        animation: arrow 0.6s ease-in-out alternate infinite;\n\n        path {\n          fill: main.$white;\n        }\n      }\n\n      &.pn-pn-arrow-left {\n        background: linear-gradient(to left, transparent, main.$blue900 60%);\n        border-radius: 50% 0 0 50%;\n      }\n\n      &.pn-pn-arrow-right {\n        background: linear-gradient(to right, transparent, main.$blue900 40%);\n        border-radius: 0 50% 50% 0;\n      }\n    }\n  }\n\n  &.pn-pn-left-visible .pn-pn-arrow-left,\n  &.pn-pn-right-visible .pn-pn-arrow-right {\n    opacity: 1;\n    transform: translateX(0);\n  }\n}\n\n@keyframes arrow {\n  to {\n    transform: translateX(10%);\n  }\n}\n/*---------------------------------------/ARROWS-------------------------------------------*/\n\n/*---------------------------------------DROPDOWN-------------------------------------------*/\nbutton.pn-page-nav-dropdown-button {\n  font-size: 1em;\n  border-radius: 3em 0 0 3em;\n  background: main.$blue900;\n  color: main.$white;\n  padding: 0.5em 1em 0.5em 1.5em;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  border: none;\n  transition: background 0.15s;\n  outline: none;\n  height: 100%;\n  position: relative;\n  margin: 0 0.5em 0 0;\n  font-weight: 500;\n\n  pn-icon {\n    margin-left: 0.5em;\n  }\n\n  &:hover,\n  &:focus {\n    background: #263655;\n  }\n\n  &:focus {\n    box-shadow:\n      inset 0 0 0 0.1em main.$blue700,\n      inset 0 0 0 0.2em main.$gray200;\n  }\n\n  &.pn-page-nav-dropdown-active {\n    background: main.$blue700;\n\n    &:hover,\n    &:focus {\n      background: main.$blue700;\n    }\n  }\n}\n\n.pn-page-nav-divider {\n  height: 60%;\n  background: main.$gray200;\n  width: 0.1em;\n  position: absolute;\n  right: 0;\n  transform: translateX(50%);\n}\n\nul.pn-page-nav-dropdown {\n  position: absolute;\n  left: 0;\n  top: 110%;\n  background: main.$blue900;\n  border-radius: 0.5em;\n  margin: 0;\n  padding: 0;\n  list-style-type: none;\n  box-shadow:\n    0px 6.400000095367432px 14.399999618530273px 0px #00000021,\n    0px 1.2000000476837158px 3.5999999046325684px 0px #0000001a;\n  font-size: inherit;\n  display: none;\n}\n\nul.pn-page-nav-dropdown.pn-page-nav-dropdown-open {\n  display: block;\n}\n/*---------------------------------------/DROPDOWN-------------------------------------------*/\n","import {\n  Component,\n  Element,\n  Prop,\n  h,\n  Host,\n  Listen,\n  State,\n  Watch,\n  forceUpdate,\n  EventEmitter,\n  Event,\n} from '@stencil/core';\nimport { uuidv4 } from '@/globals/helpers';\nimport { chevron_down, arrow_left, arrow_right } from 'pn-design-assets/pn-assets/icons.js';\n\n/**\n * @deprecated This component will be removed in v8. Please use the `pn-tablist` instead.\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-navigation-tablist--docs} Use `pn-tablist` instead.\n *\n * @slot dropdown-item - Place your `pn-page-nav-dropdown-item` components here.\n */\n@Component({\n  tag: 'pn-page-nav',\n  styleUrl: 'pn-page-nav.scss',\n})\nexport class PnPageNav {\n  mo: MutationObserver;\n\n  navContainer: HTMLUListElement;\n  navWrapper: HTMLElement;\n  navItems: HTMLPnPageNavItemElement[] = [];\n\n  dropdownButton: HTMLElement;\n  dropdownEl: HTMLElement;\n  dropdownItems: HTMLPnPageNavItemElement[];\n  dropdownEls: HTMLPnPageNavDropdownItemElement[];\n\n  eventHandler = this.keyboardEvents.bind(this);\n  globalEventHandler = this.globalEvents.bind(this);\n\n  activeBg: HTMLDivElement;\n  hoverBg: HTMLDivElement;\n\n  scrollRegistered: boolean = false;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() currentSelection: HTMLElement;\n  @State() showScrollArrows: boolean = false;\n  @State() showLeftArrow: boolean = false;\n  @State() showRightArrow: boolean = false;\n  @State() dropdownOpen: boolean = false;\n  @State() dropdownLinks: Array<string> = [];\n  @State() dropdownActive: boolean = false;\n\n  /** Currently active menu item value */\n  @Prop({ mutable: true }) value: string;\n  /** Pass a string which will be the text on the dropdown button. */\n  @Prop() dropdown: string | boolean = false;\n  /** Set a unique HTML ID. */\n  @Prop() navid: string = `pn-page-nav-${uuidv4()}`;\n\n  /** Emits the value of the selected item. */\n  @Event() navchange: EventEmitter<string>;\n\n  @Listen('itemselection')\n  changeHandler({ target }) {\n    this.currentSelection = target.closest('pn-page-nav-item');\n    if (target.value) this.value = target.value;\n\n    if (this.dropdownOpen) this.dropdownOpen = false;\n  }\n\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    this.rerender();\n  }\n\n  @Watch('value')\n  valueHandler() {\n    if (!this.value) this.currentSelection = null;\n    this.calcHighlight(this.currentSelection, this.activeBg);\n\n    this.navchange.emit(this.value);\n\n    if (!this.dropdownActive) return;\n    this.isDropdownItemActive();\n  }\n\n  @Watch('dropdownOpen')\n  dropdownHandler() {\n    if (this.dropdownOpen) {\n      requestAnimationFrame(() => {\n        this.addGlobalEventListeners();\n      });\n\n      return;\n    }\n\n    this.removeGlobalEventListeners();\n  }\n\n  /* ---------------------------------------LIFECYCLE--------------------------------------- */\n  componentWillLoad() {\n    if (!this.dropdown) return;\n    this.dropdownEls = Array.from(this.hostElement.querySelectorAll('pn-page-nav-dropdown-item'));\n    if (this.dropdownEls.length) {\n      this.dropdownActive = true;\n      this.initiateDropdown();\n    }\n  }\n\n  componentDidLoad() {\n    if (this.mo) this.mo.disconnect();\n    this.mo = new MutationObserver(() => {\n      forceUpdate(this.hostElement);\n      this.setActiveNavItem();\n      this.rerender();\n    });\n    this.mo.observe(this.hostElement, { childList: true, subtree: true });\n\n    this.navWrapper = this.hostElement.querySelector('.pn-page-nav');\n    this.navContainer = this.hostElement.querySelector('.pn-page-nav-items');\n    this.activeBg = this.hostElement.querySelector('.pn-pn-active');\n    this.hoverBg = this.hostElement.querySelector('.pn-pn-hover');\n\n    this.hostElement.addEventListener('mouseover', ({ target }) =>\n      this.calcHighlight(target as HTMLElement, this.hoverBg),\n    );\n\n    this.setActiveNavItem();\n    this.rerender();\n  }\n  /* ---------------------------------------/LIFECYCLE--------------------------------------- */\n\n  setActiveNavItem() {\n    this.navItems = Array.from(this.hostElement.querySelectorAll('pn-page-nav-item'));\n    this.navItems.forEach(navItemEl => {\n      if (this.value === navItemEl.value) {\n        this.currentSelection = navItemEl;\n      } else {\n        navItemEl.removeAttribute('selected');\n      }\n\n      navItemEl\n        .querySelector('a')\n        .addEventListener('focus', ({ target }) => this.calcHighlight(target as HTMLElement, this.hoverBg));\n    });\n\n    /* -----------------dropdown------------------ */\n    if (!this.dropdownActive) return;\n    this.dropdownItems = Array.from(this.hostElement.querySelectorAll('.pn-page-nav-dropdown-item'));\n\n    //Check active state on each item\n    this.isDropdownItemActive();\n\n    //Store all values to check if dropdown button should be active\n    this.dropdownLinks = this.dropdownItems.map((el, i) => {\n      el.setAttribute('data-index', `${i}`);\n      return (el.closest('pn-page-nav-dropdown-item') as any).value;\n    });\n    /* -----------------/dropdown------------------ */\n  }\n\n  rerender() {\n    requestAnimationFrame(() => {\n      this.calcHighlight(this.currentSelection, this.activeBg);\n      this.scrollArrowRender();\n    });\n  }\n\n  /*---------------------------------------HIGHLIGHT LOGIC-------------------------------------------*/\n  calcHighlight(el: HTMLElement, bgEl: HTMLElement) {\n    if (!el?.closest('pn-page-nav-item')) {\n      bgEl?.classList.add('hidden');\n      return;\n    }\n\n    if (bgEl) bgEl.classList.remove('hidden');\n\n    const elRect = el.closest('pn-page-nav-item').getBoundingClientRect();\n    const { left: hostLeft } = this.navContainer.getBoundingClientRect();\n    const { left: navLeft, height: navHeight, width: navWidth } = elRect;\n\n    const offset = navLeft - hostLeft + this.navContainer.scrollLeft;\n\n    bgEl.style.setProperty('transform', `translate(${offset}px, -50%`);\n    bgEl.style.setProperty('width', `${navWidth}px`);\n    bgEl.style.setProperty('height', `${navHeight}px`);\n  }\n  /*---------------------------------------/HIGHLIGHT LOGIC-------------------------------------------*/\n\n  /*---------------------------------------SCROLL ARROW LOGIC-------------------------------------------*/\n  scrollArrowRender() {\n    if (!this.navWrapper) return;\n    if (this.navWrapper.scrollWidth > this.navWrapper.clientWidth) {\n      this.showScrollArrows = true;\n\n      if (!this.scrollRegistered) {\n        this.navWrapper.addEventListener('scroll', this.scrollArrowRender.bind(this));\n        this.scrollRegistered = true;\n      }\n\n      const amountScrolled = Math.round(this.navWrapper.scrollWidth - this.navWrapper.scrollLeft);\n      const distanceToEnd = amountScrolled - this.navWrapper.clientWidth;\n      const distanceToStart = this.navWrapper.scrollLeft;\n\n      this.showLeftArrow = distanceToStart > 0;\n      this.showRightArrow = distanceToEnd > 0;\n\n      return;\n    }\n\n    this.showLeftArrow = false;\n    this.showRightArrow = false;\n    this.showScrollArrows = false;\n  }\n\n  scroll(val: number) {\n    let amount = this.navWrapper.scrollLeft + val;\n\n    this.navWrapper.scroll({\n      left: amount,\n      behavior: 'smooth',\n    });\n  }\n\n  scrollArrowClasses() {\n    let classNames = 'pn-pn-arrows ';\n\n    if (this.showLeftArrow) classNames += 'pn-pn-left-visible ';\n    if (this.showRightArrow) classNames += 'pn-pn-right-visible ';\n\n    return classNames;\n  }\n  /*---------------------------------------/SCROLL ARROW LOGIC-------------------------------------------*/\n\n  /* ---------------------------------------DROPDOWN LOGIC--------------------------------------- */\n\n  initiateDropdown() {\n    requestAnimationFrame(() => {\n      this.dropdownButton = this.hostElement.querySelector('.pn-page-nav-dropdown-button');\n      this.dropdownEl = this.hostElement.querySelector('.pn-page-nav-dropdown');\n\n      this.addDropdownEventListeners();\n    });\n  }\n\n  toggleDropdown() {\n    this.dropdownOpen = !this.dropdownOpen;\n  }\n\n  isDropdownItemActive() {\n    this.dropdownEls.forEach(el => {\n      if (el.value && this.value === el.value) {\n        el.setAttribute('active', 'true');\n        return;\n      }\n\n      el.removeAttribute('active');\n    });\n  }\n\n  /* -----------------events------------------ */\n  /* -----------------temporary events------------------ */\n  addDropdownEventListeners() {\n    this.hostElement.addEventListener('keydown', this.eventHandler);\n    this.hostElement.addEventListener('click', this.eventHandler);\n  }\n\n  addGlobalEventListeners() {\n    const root: Document = this.hostElement.getRootNode() as Document;\n\n    root.addEventListener('focusin', this.globalEventHandler);\n    root.addEventListener('keydown', this.globalEventHandler);\n    root.addEventListener('click', this.globalEventHandler);\n  }\n\n  removeGlobalEventListeners() {\n    const root: Document = this.hostElement.getRootNode() as Document;\n\n    root.removeEventListener('focusin', this.globalEventHandler);\n    root.removeEventListener('keydown', this.globalEventHandler);\n    root.removeEventListener('click', this.globalEventHandler);\n  }\n  /* -----------------/temporary events------------------ */\n\n  /* -----------------Open dropdown with keyboard------------------ */\n  keyboardEvents(e: KeyboardEvent) {\n    const target: Element = e.composedPath()[0] as Element;\n\n    // As long as the dropdown is closed, we only want it to react to keyboard input\n    // is the user has focus on the button\n    if (e.type === 'keydown') {\n      if (!this.dropdownOpen && target === this.dropdownButton && ['ArrowUp', 'ArrowDown'].includes(e.code)) {\n        this.dropdownOpen = true;\n\n        requestAnimationFrame(() => {\n          this.focusNextDropdownItem();\n        });\n      }\n    }\n  }\n  /* -----------------/Open dropdown with keyboard------------------ */\n\n  globalEvents(e) {\n    const target: Element = e.composedPath()[0] as Element;\n\n    if (e.type === 'keydown' && e.code === 'Escape') {\n      this.dropdownOpen = false;\n      this.dropdownButton.focus();\n    }\n\n    if (e.code === 'ArrowDown') this.focusNextDropdownItem();\n    if (e.code === 'ArrowUp') this.focusPrevDropdownItem();\n\n    if ((e.type === 'click' || e.type === 'focusin') && !this.dropdownEl.contains(target)) {\n      this.dropdownOpen = false;\n    }\n  }\n  /* -----------------/events------------------ */\n\n  /* -----------------focusing------------------ */\n  focusNextDropdownItem() {\n    const { activeElement }: Document = this.hostElement.getRootNode() as Document;\n\n    if (!activeElement.classList.contains('pn-page-nav-dropdown-item')) {\n      this.dropdownItems[0].focus();\n      return;\n    }\n\n    // focus next item\n    const index = parseInt(activeElement.getAttribute('data-index'));\n\n    if (index < this.dropdownItems.length - 1) {\n      this.dropdownItems[index + 1].focus();\n    }\n  }\n\n  focusPrevDropdownItem() {\n    const { activeElement }: Document = this.hostElement.getRootNode() as Document;\n\n    if (!activeElement.classList.contains('dropdown-item')) {\n      this.dropdownItems[this.dropdownItems.length - 1].focus();\n    }\n\n    // focus previous item\n    const index = parseInt(activeElement.getAttribute('data-index'));\n\n    if (index > 0) {\n      this.dropdownItems[index - 1].focus();\n      return;\n    }\n\n    this.dropdownButton.focus();\n  }\n  /* -----------------/focusing------------------ */\n\n  dropdownButtonClasses() {\n    let classList = 'pn-page-nav-dropdown-button ';\n    if (this.dropdownLinks.includes(this.value)) classList += 'pn-page-nav-dropdown-active ';\n\n    return classList;\n  }\n\n  dropdownClasses() {\n    let classList = 'pn-page-nav-dropdown ';\n\n    if (this.dropdownOpen) classList += 'pn-page-nav-dropdown-open ';\n\n    return classList;\n  }\n  /* ---------------------------------------/DROPDOWN LOGIC--------------------------------------- */\n\n  render() {\n    return (\n      <Host>\n        <div class=\"pn-page-nav-wrapper\">\n          <nav class=\"pn-page-nav\">\n            {this.dropdownActive && (\n              <button\n                type=\"button\"\n                class={this.dropdownButtonClasses()}\n                onClick={() => this.toggleDropdown()}\n                aria-controls=\"page-nav-dropdown\"\n                aria-expanded={`${this.dropdownOpen}`}\n              >\n                {this.dropdown}\n                <pn-icon icon={chevron_down} color=\"white\" small></pn-icon>\n                <div class=\"pn-page-nav-divider\"></div>\n              </button>\n            )}\n\n            <ul class=\"pn-page-nav-items\">\n              <slot />\n              <li class=\"pn-pn-bg pn-pn-active\" role=\"presentation\"></li>\n              <li class=\"pn-pn-bg pn-pn-hover\" role=\"presentation\"></li>\n            </ul>\n          </nav>\n\n          {this.showScrollArrows && (\n            <div class={this.scrollArrowClasses()}>\n              <button class=\"pn-pn-arrow-left\" onClick={() => this.scroll(-120)} tabindex=\"-1\">\n                <pn-icon icon={arrow_left} color=\"white\"></pn-icon>\n              </button>\n\n              <button class=\"pn-pn-arrow-right\" onClick={() => this.scroll(120)} tabindex=\"-1\">\n                <pn-icon icon={arrow_right} color=\"blue700\"></pn-icon>\n              </button>\n            </div>\n          )}\n        </div>\n\n        {this.dropdownActive && (\n          <ul id={this.navid} class={this.dropdownClasses()}>\n            <slot name=\"dropdown-item\" />\n          </ul>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":";;;;uNAAA,MAAMA,EAAe,0mIACrB,MAAAC,EAAeD,E,MCyBFE,EAAS,M,oHAuBiB,M,mBACH,M,oBACC,M,kBACF,M,mBACO,G,oBACL,M,mCAKE,M,WAEb,eAAeC,K,CAlCvCC,GAEAC,aACAC,WACAC,SAAuC,GAEvCC,eACAC,WACAC,cACAC,YAEAC,aAAeC,KAAKC,eAAeC,KAAKF,MACxCG,mBAAqBH,KAAKI,aAAaF,KAAKF,MAE5CK,SACAC,QAEAC,iBAA4B,M,iCAoBnBC,UAGT,aAAAC,EAAcC,OAAEA,IACdV,KAAKW,iBAAmBD,EAAOE,QAAQ,oBACvC,GAAIF,EAAOG,MAAOb,KAAKa,MAAQH,EAAOG,MAEtC,GAAIb,KAAKc,aAAcd,KAAKc,aAAe,K,CAI7C,YAAAC,GACEf,KAAKgB,U,CAIP,YAAAC,GACE,IAAKjB,KAAKa,MAAOb,KAAKW,iBAAmB,KACzCX,KAAKkB,cAAclB,KAAKW,iBAAkBX,KAAKK,UAE/CL,KAAKQ,UAAUW,KAAKnB,KAAKa,OAEzB,IAAKb,KAAKoB,eAAgB,OAC1BpB,KAAKqB,sB,CAIP,eAAAC,GACE,GAAItB,KAAKc,aAAc,CACrBS,uBAAsB,KACpBvB,KAAKwB,yBAAyB,IAGhC,M,CAGFxB,KAAKyB,4B,CAIP,iBAAAC,GACE,IAAK1B,KAAK2B,SAAU,OACpB3B,KAAKF,YAAc8B,MAAMC,KAAK7B,KAAK8B,YAAYC,iBAAiB,8BAChE,GAAI/B,KAAKF,YAAYkC,OAAQ,CAC3BhC,KAAKoB,eAAiB,KACtBpB,KAAKiC,kB,EAIT,gBAAAC,GACE,GAAIlC,KAAKT,GAAIS,KAAKT,GAAG4C,aACrBnC,KAAKT,GAAK,IAAI6C,kBAAiB,KAC7BC,EAAYrC,KAAK8B,aACjB9B,KAAKsC,mBACLtC,KAAKgB,UAAU,IAEjBhB,KAAKT,GAAGgD,QAAQvC,KAAK8B,YAAa,CAAEU,UAAW,KAAMC,QAAS,OAE9DzC,KAAKP,WAAaO,KAAK8B,YAAYY,cAAc,gBACjD1C,KAAKR,aAAeQ,KAAK8B,YAAYY,cAAc,sBACnD1C,KAAKK,SAAWL,KAAK8B,YAAYY,cAAc,iBAC/C1C,KAAKM,QAAUN,KAAK8B,YAAYY,cAAc,gBAE9C1C,KAAK8B,YAAYa,iBAAiB,aAAa,EAAGjC,YAChDV,KAAKkB,cAAcR,EAAuBV,KAAKM,WAGjDN,KAAKsC,mBACLtC,KAAKgB,U,CAIP,gBAAAsB,GACEtC,KAAKN,SAAWkC,MAAMC,KAAK7B,KAAK8B,YAAYC,iBAAiB,qBAC7D/B,KAAKN,SAASkD,SAAQC,IACpB,GAAI7C,KAAKa,QAAUgC,EAAUhC,MAAO,CAClCb,KAAKW,iBAAmBkC,C,KACnB,CACLA,EAAUC,gBAAgB,W,CAG5BD,EACGH,cAAc,KACdC,iBAAiB,SAAS,EAAGjC,YAAaV,KAAKkB,cAAcR,EAAuBV,KAAKM,UAAS,IAIvG,IAAKN,KAAKoB,eAAgB,OAC1BpB,KAAKH,cAAgB+B,MAAMC,KAAK7B,KAAK8B,YAAYC,iBAAiB,+BAGlE/B,KAAKqB,uBAGLrB,KAAK+C,cAAgB/C,KAAKH,cAAcmD,KAAI,CAACC,EAAIC,KAC/CD,EAAGE,aAAa,aAAc,GAAGD,KACjC,OAAQD,EAAGrC,QAAQ,6BAAqCC,KAAK,G,CAKjE,QAAAG,GACEO,uBAAsB,KACpBvB,KAAKkB,cAAclB,KAAKW,iBAAkBX,KAAKK,UAC/CL,KAAKoD,mBAAmB,G,CAK5B,aAAAlC,CAAc+B,EAAiBI,GAC7B,IAAKJ,GAAIrC,QAAQ,oBAAqB,CACpCyC,GAAMC,UAAUC,IAAI,UACpB,M,CAGF,GAAIF,EAAMA,EAAKC,UAAUE,OAAO,UAEhC,MAAMC,EAASR,EAAGrC,QAAQ,oBAAoB8C,wBAC9C,MAAQC,KAAMC,GAAa5D,KAAKR,aAAakE,wBAC7C,MAAQC,KAAME,EAASC,OAAQC,EAAWC,MAAOC,GAAaR,EAE9D,MAAMS,EAASL,EAAUD,EAAW5D,KAAKR,aAAa2E,WAEtDd,EAAKe,MAAMC,YAAY,YAAa,aAAaH,aACjDb,EAAKe,MAAMC,YAAY,QAAS,GAAGJ,OACnCZ,EAAKe,MAAMC,YAAY,SAAU,GAAGN,M,CAKtC,iBAAAX,GACE,IAAKpD,KAAKP,WAAY,OACtB,GAAIO,KAAKP,WAAW6E,YAActE,KAAKP,WAAW8E,YAAa,CAC7DvE,KAAKwE,iBAAmB,KAExB,IAAKxE,KAAKO,iBAAkB,CAC1BP,KAAKP,WAAWkD,iBAAiB,SAAU3C,KAAKoD,kBAAkBlD,KAAKF,OACvEA,KAAKO,iBAAmB,I,CAG1B,MAAMkE,EAAiBC,KAAKC,MAAM3E,KAAKP,WAAW6E,YAActE,KAAKP,WAAW0E,YAChF,MAAMS,EAAgBH,EAAiBzE,KAAKP,WAAW8E,YACvD,MAAMM,EAAkB7E,KAAKP,WAAW0E,WAExCnE,KAAK8E,cAAgBD,EAAkB,EACvC7E,KAAK+E,eAAiBH,EAAgB,EAEtC,M,CAGF5E,KAAK8E,cAAgB,MACrB9E,KAAK+E,eAAiB,MACtB/E,KAAKwE,iBAAmB,K,CAG1B,MAAAQ,CAAOC,GACL,IAAIC,EAASlF,KAAKP,WAAW0E,WAAac,EAE1CjF,KAAKP,WAAWuF,OAAO,CACrBrB,KAAMuB,EACNC,SAAU,U,CAId,kBAAAC,GACE,IAAIC,EAAa,gBAEjB,GAAIrF,KAAK8E,cAAeO,GAAc,sBACtC,GAAIrF,KAAK+E,eAAgBM,GAAc,uBAEvC,OAAOA,C,CAMT,gBAAApD,GACEV,uBAAsB,KACpBvB,KAAKL,eAAiBK,KAAK8B,YAAYY,cAAc,gCACrD1C,KAAKJ,WAAaI,KAAK8B,YAAYY,cAAc,yBAEjD1C,KAAKsF,2BAA2B,G,CAIpC,cAAAC,GACEvF,KAAKc,cAAgBd,KAAKc,Y,CAG5B,oBAAAO,GACErB,KAAKF,YAAY8C,SAAQK,IACvB,GAAIA,EAAGpC,OAASb,KAAKa,QAAUoC,EAAGpC,MAAO,CACvCoC,EAAGE,aAAa,SAAU,QAC1B,M,CAGFF,EAAGH,gBAAgB,SAAS,G,CAMhC,yBAAAwC,GACEtF,KAAK8B,YAAYa,iBAAiB,UAAW3C,KAAKD,cAClDC,KAAK8B,YAAYa,iBAAiB,QAAS3C,KAAKD,a,CAGlD,uBAAAyB,GACE,MAAMgE,EAAiBxF,KAAK8B,YAAY2D,cAExCD,EAAK7C,iBAAiB,UAAW3C,KAAKG,oBACtCqF,EAAK7C,iBAAiB,UAAW3C,KAAKG,oBACtCqF,EAAK7C,iBAAiB,QAAS3C,KAAKG,mB,CAGtC,0BAAAsB,GACE,MAAM+D,EAAiBxF,KAAK8B,YAAY2D,cAExCD,EAAKE,oBAAoB,UAAW1F,KAAKG,oBACzCqF,EAAKE,oBAAoB,UAAW1F,KAAKG,oBACzCqF,EAAKE,oBAAoB,QAAS1F,KAAKG,mB,CAKzC,cAAAF,CAAe0F,GACb,MAAMjF,EAAkBiF,EAAEC,eAAe,GAIzC,GAAID,EAAEE,OAAS,UAAW,CACxB,IAAK7F,KAAKc,cAAgBJ,IAAWV,KAAKL,gBAAkB,CAAC,UAAW,aAAamG,SAASH,EAAEI,MAAO,CACrG/F,KAAKc,aAAe,KAEpBS,uBAAsB,KACpBvB,KAAKgG,uBAAuB,G,GAOpC,YAAA5F,CAAauF,GACX,MAAMjF,EAAkBiF,EAAEC,eAAe,GAEzC,GAAID,EAAEE,OAAS,WAAaF,EAAEI,OAAS,SAAU,CAC/C/F,KAAKc,aAAe,MACpBd,KAAKL,eAAesG,O,CAGtB,GAAIN,EAAEI,OAAS,YAAa/F,KAAKgG,wBACjC,GAAIL,EAAEI,OAAS,UAAW/F,KAAKkG,wBAE/B,IAAKP,EAAEE,OAAS,SAAWF,EAAEE,OAAS,aAAe7F,KAAKJ,WAAWuG,SAASzF,GAAS,CACrFV,KAAKc,aAAe,K,EAMxB,qBAAAkF,GACE,MAAMI,cAAEA,GAA4BpG,KAAK8B,YAAY2D,cAErD,IAAKW,EAAc9C,UAAU6C,SAAS,6BAA8B,CAClEnG,KAAKH,cAAc,GAAGoG,QACtB,M,CAIF,MAAMI,EAAQC,SAASF,EAAcG,aAAa,eAElD,GAAIF,EAAQrG,KAAKH,cAAcmC,OAAS,EAAG,CACzChC,KAAKH,cAAcwG,EAAQ,GAAGJ,O,EAIlC,qBAAAC,GACE,MAAME,cAAEA,GAA4BpG,KAAK8B,YAAY2D,cAErD,IAAKW,EAAc9C,UAAU6C,SAAS,iBAAkB,CACtDnG,KAAKH,cAAcG,KAAKH,cAAcmC,OAAS,GAAGiE,O,CAIpD,MAAMI,EAAQC,SAASF,EAAcG,aAAa,eAElD,GAAIF,EAAQ,EAAG,CACbrG,KAAKH,cAAcwG,EAAQ,GAAGJ,QAC9B,M,CAGFjG,KAAKL,eAAesG,O,CAItB,qBAAAO,GACE,IAAIlD,EAAY,+BAChB,GAAItD,KAAK+C,cAAc+C,SAAS9F,KAAKa,OAAQyC,GAAa,+BAE1D,OAAOA,C,CAGT,eAAAmD,GACE,IAAInD,EAAY,wBAEhB,GAAItD,KAAKc,aAAcwC,GAAa,6BAEpC,OAAOA,C,CAIT,MAAAoD,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,uBACTH,EAAA,OAAAE,IAAA,2CAAKC,MAAM,eACR9G,KAAKoB,gBACJuF,EAAA,UAAAE,IAAA,2CACEhB,KAAK,SACLiB,MAAO9G,KAAKwG,wBACZO,QAAS,IAAM/G,KAAKuF,iBAAgB,gBACtB,oBAAmB,gBAClB,GAAGvF,KAAKc,gBAEtBd,KAAK2B,SACNgF,EAAA,WAAAE,IAAA,2CAASG,KAAMC,EAAcC,MAAM,QAAQC,MAAK,OAChDR,EAAA,OAAAE,IAAA,2CAAKC,MAAM,yBAIfH,EAAA,MAAAE,IAAA,2CAAIC,MAAM,qBACRH,EAAA,QAAAE,IAAA,6CACAF,EAAA,MAAAE,IAAA,2CAAIC,MAAM,wBAAwBM,KAAK,iBACvCT,EAAA,MAAAE,IAAA,2CAAIC,MAAM,uBAAuBM,KAAK,mBAIzCpH,KAAKwE,kBACJmC,EAAA,OAAAE,IAAA,2CAAKC,MAAO9G,KAAKoF,sBACfuB,EAAA,UAAAE,IAAA,2CAAQC,MAAM,mBAAmBC,QAAS,IAAM/G,KAAKgF,QAAQ,KAAMqC,SAAS,MAC1EV,EAAA,WAAAE,IAAA,2CAASG,KAAMM,EAAYJ,MAAM,WAGnCP,EAAA,UAAAE,IAAA,2CAAQC,MAAM,oBAAoBC,QAAS,IAAM/G,KAAKgF,OAAO,KAAMqC,SAAS,MAC1EV,EAAA,WAAAE,IAAA,2CAASG,KAAMO,EAAaL,MAAM,eAMzClH,KAAKoB,gBACJuF,EAAA,MAAAE,IAAA,2CAAIW,GAAIxH,KAAKyH,MAAOX,MAAO9G,KAAKyG,mBAC9BE,EAAA,QAAAE,IAAA,2CAAMa,KAAK,mB","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/{p-b556b835.entry.js → p-4d371963.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as e,g as t,f as n,h as s,a as r}from"./p-43660913.js";import{a as o}from"./p-2e6481e5.js";import{a as i}from"./p-d82ef4a1.js";const a="pn-segmented-control{position:relative;display:inline-block;max-width:100%;overflow:hidden;border-radius:3em;transform:translateZ(0);transition-property:outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);outline:0.2rem solid transparent;outline-offset:0.2rem}@media (prefers-reduced-motion: reduce){pn-segmented-control{transition-duration:0s;transition-delay:0s}}pn-segmented-control:focus-within,pn-segmented-control:active{outline-color:#005d92}pn-segmented-control .pn-segmented-control{display:flex;align-items:center;border-radius:3em;min-height:3em;padding:0.25em;background:#f3f2f2;position:relative;overflow-x:auto;scroll-snap-type:x mandatory}pn-segmented-control .pn-segmented-control:hover .pn-sc-bg[data-hover]{opacity:1}pn-segmented-control .pn-segmented-control::-webkit-scrollbar{display:none}pn-segmented-control .pn-segmented-control .pn-sc-bg{position:absolute;top:50%;transform:translateY(-50%);will-change:transform;left:0;border-radius:inherit;transition-property:width, transform, background-color, opacity, box-shadow;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-segmented-control .pn-segmented-control .pn-sc-bg{transition-duration:0s;transition-delay:0s}}pn-segmented-control .pn-segmented-control .pn-sc-bg[data-active]{box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);border:0.0625em solid #005d92;background-color:#ffffff;z-index:1}pn-segmented-control .pn-segmented-control .pn-sc-bg[data-hover]{background-color:#e0f8ff;opacity:0;border:0.25em solid transparent;z-index:0}pn-segmented-control .pn-segmented-control .pn-sc-bg[data-hover][data-disabled]{border-color:#e9e6e5;background-color:#e9e6e5}pn-segmented-control .pn-segmented-control .pn-sc-bg[data-disabled]{border-color:#e9e6e5;background-color:#e9e6e5}pn-segmented-control .pn-sc-arrows{position:absolute;top:50%;transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:flex;justify-content:space-between;align-items:center;pointer-events:none}pn-segmented-control .pn-sc-arrows svg{width:1.5em}pn-segmented-control .pn-sc-arrows svg.pn-icon-svg path{fill:#005d92}pn-segmented-control .pn-sc-arrows>.pn-sc-arrow{cursor:pointer;pointer-events:all;width:2.5em;height:2.5em;background:#ffffff;border:none;outline:none;display:flex;align-items:center;justify-content:center;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent;transition-property:transform, opacity, background-color, box-shadow;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-segmented-control .pn-sc-arrows>.pn-sc-arrow{transition-duration:0s;transition-delay:0s}}pn-segmented-control .pn-sc-arrows>.pn-sc-arrow.pn-sc-arrow-left{transform:translateX(-100%);border-radius:0 50% 50% 0;padding:0 0.3em 0 0;box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows>.pn-sc-arrow.pn-sc-arrow-right{transform:translateX(100%);border-radius:50% 0 0 50%;box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows.pn-sc-left-visible .pn-sc-arrow-left,pn-segmented-control .pn-sc-arrows.pn-sc-right-visible .pn-sc-arrow-right{opacity:1;transform:translateX(0)}";const c=a;const d=class{constructor(t){e(this,t);this.showScrollArrows=false;this.showLeftArrow=false;this.showRightArrow=false;this.name=undefined;this.value=undefined}mo;segmentContainer;segments=[];activeBg;hoverBg;scrollRegistered=false;get hostElement(){return t(this)}valueHandler(){this.setActiveSegment()}changeHandler(e){const t=e.target;this.value=t.value;this.setActiveSegment()}handleResize(){this.rerender()}handleHover(e){const{target:t}=e.detail;this.calcHighlight(t,true)}componentDidLoad(){if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>{n(this.hostElement);this.setSegments()}));this.mo.observe(this.hostElement,{childList:true});this.setSegments()}setSegments(){this.segments=Array.from(this.hostElement.querySelectorAll("pn-segment"));this.setActiveSegment()}setActiveSegment(){this.segments.forEach((e=>{if(this.value===e.value)e.setAttribute("selected","true");else e.removeAttribute("selected")}));this.rerender()}rerender(){requestAnimationFrame((()=>{this.calcHighlight();this.scrollArrowRender()}))}calcHighlight(e,t){const n=t?this.hoverBg:this.activeBg;requestAnimationFrame((()=>{const t=e||this.segments.find((({value:e})=>e===this.value));const s=t?.closest("pn-segment");if(!s)return;const r=s.getBoundingClientRect();const{left:o}=this.segmentContainer.getBoundingClientRect();const{left:i,height:a,width:c}=r;const d=i-o+this.segmentContainer.scrollLeft;n.style.setProperty("transform",`translate(${d}px, -50%`);n.style.setProperty("width",`${c}px`);n.style.setProperty("height",`${a}px`);t.disabled?n.dataset.disabled="":delete n.dataset.disabled}))}scrollArrowRender(){if(this.segmentContainer.scrollWidth>this.segmentContainer.clientWidth){this.showScrollArrows=true;if(!this.scrollRegistered){this.segmentContainer.addEventListener("scroll",this.scrollArrowRender.bind(this));this.scrollRegistered=true}const e=Math.round(this.segmentContainer.scrollWidth-this.segmentContainer.scrollLeft);const t=e-this.segmentContainer.clientWidth;const n=this.segmentContainer.scrollLeft;this.showLeftArrow=n>0;this.showRightArrow=t>0;return}this.showLeftArrow=false;this.showRightArrow=false;this.showScrollArrows=false}scroll(e){let t=this.segmentContainer.scrollLeft+e;this.segmentContainer.scroll({left:t,behavior:"smooth"})}scrollArrowClasses(){const e=["pn-sc-arrows"];if(this.showLeftArrow)e.push("pn-sc-left-visible");if(this.showRightArrow)e.push("pn-sc-right-visible");return e.join(" ")}render(){return s(r,{key:"58ff89aa0cbb4ee126d5b61f5061df51eef69df0"},s("div",{key:"45e92ad1f5169facf2681d831cfee5c36a6696ca",class:"pn-segmented-control",ref:e=>this.segmentContainer=e},s("slot",{key:"80561deedd796d18ca9fde389fbcfb0f8d761403"}),s("div",{key:"b4e95afa434f77eb399616732afc9d3434dc724e",class:"pn-sc-bg","data-active":true,ref:e=>this.activeBg=e}),s("div",{key:"6889b7c2306eac3c0028c53736ce1cd279fc113f",class:"pn-sc-bg","data-hover":true,ref:e=>this.hoverBg=e})),s("div",{key:"5afb0f9778f422b093f3137e1a1af7cbbaef6dcc",class:this.scrollArrowClasses(),hidden:!this.showScrollArrows},s("button",{key:"12a9a28a37b94a2bcd6021874add132ef5d1e9fe","aria-label":"Left",class:"pn-sc-arrow pn-sc-arrow-left",onClick:()=>this.scroll(-120),tabindex:"-1"},s("pn-icon",{key:"9013d57af659c0e90442c4773e9b1632cea91a94",icon:o})),s("button",{key:"6eb71575e552897cb49dda3011e61b6ce8016198","aria-label":"Right",class:"pn-sc-arrow pn-sc-arrow-right",onClick:()=>this.scroll(120),tabindex:"-1"},s("pn-icon",{key:"8729b2e9885ec045bb3c847347dc34c44042a824",icon:i}))))}static get watchers(){return{value:["valueHandler"]}}};d.style=c;export{d as pn_segmented_control};
-//# sourceMappingURL=p-b556b835.entry.js.map
+import{r as e,g as t,f as n,h as s,a as r}from"./p-43660913.js";import{a as o}from"./p-2e6481e5.js";import{a as i}from"./p-d82ef4a1.js";const a="pn-segmented-control{position:relative;display:inline-block;max-width:100%;overflow:hidden;border-radius:3em;transform:translateZ(0);transition-property:outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);outline:0.2rem solid transparent;outline-offset:0.2rem}@media (prefers-reduced-motion: reduce){pn-segmented-control{transition-duration:0s;transition-delay:0s}}pn-segmented-control:focus-within,pn-segmented-control:active{outline-color:#005d92}pn-segmented-control .pn-segmented-control{display:flex;align-items:center;border-radius:3em;min-height:3em;padding:0.25em;background:#f3f2f2;position:relative;overflow-x:auto;scroll-snap-type:x mandatory}pn-segmented-control .pn-segmented-control:hover .pn-sc-bg[data-hover]{opacity:1}pn-segmented-control .pn-segmented-control::-webkit-scrollbar{display:none}pn-segmented-control .pn-segmented-control .pn-sc-bg{position:absolute;top:50%;transform:translateY(-50%);will-change:transform;left:0;border-radius:inherit;transition-property:width, transform, background-color, opacity, box-shadow;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-segmented-control .pn-segmented-control .pn-sc-bg{transition-duration:0s;transition-delay:0s}}pn-segmented-control .pn-segmented-control .pn-sc-bg[data-active]{box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);border:0.0625em solid #005d92;background-color:#ffffff;z-index:1}pn-segmented-control .pn-segmented-control .pn-sc-bg[data-hover]{background-color:#e0f8ff;opacity:0;border:0.25em solid transparent;z-index:0}pn-segmented-control .pn-segmented-control .pn-sc-bg[data-hover][data-disabled]{border-color:#e9e6e5;background-color:#e9e6e5}pn-segmented-control .pn-segmented-control .pn-sc-bg[data-disabled]{border-color:#e9e6e5;background-color:#e9e6e5}pn-segmented-control .pn-sc-arrows{position:absolute;top:50%;transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:flex;justify-content:space-between;align-items:center;pointer-events:none}pn-segmented-control .pn-sc-arrows svg{width:1.5em}pn-segmented-control .pn-sc-arrows svg.pn-icon-svg path{fill:#005d92}pn-segmented-control .pn-sc-arrows>.pn-sc-arrow{cursor:pointer;pointer-events:all;width:2.5em;height:2.5em;background:#ffffff;border:none;outline:none;display:flex;align-items:center;justify-content:center;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent;transition-property:transform, opacity, background-color, box-shadow;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-segmented-control .pn-sc-arrows>.pn-sc-arrow{transition-duration:0s;transition-delay:0s}}pn-segmented-control .pn-sc-arrows>.pn-sc-arrow.pn-sc-arrow-left{transform:translateX(-100%);border-radius:0 50% 50% 0;padding:0 0.3em 0 0;box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows>.pn-sc-arrow.pn-sc-arrow-right{transform:translateX(100%);border-radius:50% 0 0 50%;box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows.pn-sc-left-visible .pn-sc-arrow-left,pn-segmented-control .pn-sc-arrows.pn-sc-right-visible .pn-sc-arrow-right{opacity:1;transform:translateX(0)}";const c=a;const d=class{constructor(t){e(this,t);this.showScrollArrows=false;this.showLeftArrow=false;this.showRightArrow=false;this.name=undefined;this.value=undefined}mo;segmentContainer;segments=[];activeBg;hoverBg;scrollRegistered=false;get hostElement(){return t(this)}valueHandler(){this.setActiveSegment()}changeHandler(e){const t=e.target;this.value=t.value;this.setActiveSegment()}handleResize(){this.rerender()}handleHover(e){const{target:t}=e.detail;this.calcHighlight(t,true)}componentDidLoad(){if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>{n(this.hostElement);this.setSegments()}));this.mo.observe(this.hostElement,{childList:true});this.setSegments()}setSegments(){this.segments=Array.from(this.hostElement.querySelectorAll("pn-segment"));this.setActiveSegment()}setActiveSegment(){this.segments.forEach((e=>{if(this.value===e.value)e.setAttribute("selected","true");else e.removeAttribute("selected")}));this.rerender()}rerender(){requestAnimationFrame((()=>{this.calcHighlight();this.scrollArrowRender()}))}calcHighlight(e,t){const n=t?this.hoverBg:this.activeBg;requestAnimationFrame((()=>{const t=e||this.segments.find((({value:e})=>e===this.value));const s=t?.closest("pn-segment");if(!s)return;const r=s.getBoundingClientRect();const{left:o}=this.segmentContainer.getBoundingClientRect();const{left:i,height:a,width:c}=r;const d=i-o+this.segmentContainer.scrollLeft;n.style.setProperty("transform",`translate(${d}px, -50%`);n.style.setProperty("width",`${c}px`);n.style.setProperty("height",`${a}px`);t.disabled?n.dataset.disabled="":delete n.dataset.disabled}))}scrollArrowRender(){if(this.segmentContainer.scrollWidth>this.segmentContainer.clientWidth){this.showScrollArrows=true;if(!this.scrollRegistered){this.segmentContainer.addEventListener("scroll",this.scrollArrowRender.bind(this));this.scrollRegistered=true}const e=Math.round(this.segmentContainer.scrollWidth-this.segmentContainer.scrollLeft);const t=e-this.segmentContainer.clientWidth;const n=this.segmentContainer.scrollLeft;this.showLeftArrow=n>0;this.showRightArrow=t>0;return}this.showLeftArrow=false;this.showRightArrow=false;this.showScrollArrows=false}scroll(e){let t=this.segmentContainer.scrollLeft+e;this.segmentContainer.scroll({left:t,behavior:"smooth"})}scrollArrowClasses(){const e=["pn-sc-arrows"];if(this.showLeftArrow)e.push("pn-sc-left-visible");if(this.showRightArrow)e.push("pn-sc-right-visible");return e.join(" ")}render(){return s(r,{key:"aea003dbcf14cb96c8c3e7820918e1363dcdfca8"},s("div",{key:"42ecbc84057db97c23a7c25b9d687134a75cfcce",class:"pn-segmented-control",ref:e=>this.segmentContainer=e},s("slot",{key:"5f32c7aca5758f22d940c8940c2b7f23742f9631"}),s("div",{key:"a9a1726d5de7a5732b154c6614e8156ad9ad458c",class:"pn-sc-bg","data-active":true,ref:e=>this.activeBg=e}),s("div",{key:"d93f75665a4a1c8d8e1e9d65ea1a6aa7adc9b2e5",class:"pn-sc-bg","data-hover":true,ref:e=>this.hoverBg=e})),s("div",{key:"10d3355188c2e76da5cfa78a98917491002427df",class:this.scrollArrowClasses(),hidden:!this.showScrollArrows},s("button",{key:"cfea6659a62e3dba6a8b294e8cffd423f39a97f6","aria-label":"Left",class:"pn-sc-arrow pn-sc-arrow-left",onClick:()=>this.scroll(-120),tabindex:"-1"},s("pn-icon",{key:"e14140c5d410a33d2f2ea826d636a350463b4437",icon:o})),s("button",{key:"c0bad9bdf701ae1cc1e31f39478cfafc87be8ec6","aria-label":"Right",class:"pn-sc-arrow pn-sc-arrow-right",onClick:()=>this.scroll(120),tabindex:"-1"},s("pn-icon",{key:"3ac708d78f09c4b3ac6cc6b2ab3de79ebfbb9920",icon:i}))))}static get watchers(){return{value:["valueHandler"]}}};d.style=c;export{d as pn_segmented_control};
+//# sourceMappingURL=p-4d371963.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-ab29b9c0.entry.js → p-4eaab357.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as t,c as i,g as e,h as a,a as n}from"./p-43660913.js";import{a as s}from"./p-2e6481e5.js";import{a as r}from"./p-d82ef4a1.js";import{k as o,e as p}from"./p-f64d17a6.js";const h={PAGINATION:{sv:"Paginering",en:"Pagination",da:"Paginering",fi:"Sivunumerointi",no:"Paginering"},PAGE:{sv:"Sida",en:"Page",da:"Side",fi:"Sivu",no:"Side"},PREVIOUS_PAGE:{sv:"Föregående sida",en:"Previous page",da:"Forrige side",fi:"Edellinen sivu",no:"Forrige side"},NEXT_PAGE:{sv:"Nästa sida",en:"Next page",da:"Næste side",fi:"Seuraava sivu",no:"Neste side"},ROWS_PAGE:{sv:"Object per sida",en:"Items per page",da:"Varer pr. side",fi:"Kohteita per sivu",no:"Elementer per side"}};const l="pn-pagination{display:block;margin-top:1.5em}pn-pagination .pn-pagination{display:flex;gap:1em;flex-wrap:wrap;padding-top:1em;border-top:0.0625em solid #e9e6e5}pn-pagination .pn-pagination-container{display:flex;align-items:center;flex-wrap:wrap;gap:0.5em;margin:0 auto}pn-pagination .pn-pagination-container[data-right]{margin-right:0}pn-pagination .pn-pagination-container>[data-arrow]{display:none}pn-pagination .pn-pagination-container>[data-arrow][data-show]{display:inline-block}pn-pagination .pn-pagination-rows{flex:0 0 auto;margin-right:auto}pn-pagination .pn-pagination-pages{flex:0 0 auto;margin-left:auto}pn-pagination .pn-pagination-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:0.5em}pn-pagination .pn-pagination-list pn-button>.pn-button{padding:0.375em 0.75em}pn-pagination .pn-pagination-dot{display:none;padding:0.375em 0.5em;height:2em;width:2.5em;text-align:center}pn-pagination .pn-pagination-dot[data-show]{display:inline-block}";const g=l;const d=class{constructor(e){t(this,e);this.pageSelected=i(this,"pageSelected",7);this.rowsSelected=i(this,"rowsSelected",7);this.list=undefined;this.label=undefined;this.urlTemplate="?page={page}";this.paginationId=null;this.language=null;this.page=1;this.pages=undefined;this.pagesVisible=5;this.rows=null;this.rowsList="10,25,50";this.rowsLabel=null}listElement;get hostElement(){return e(this)}handlePage(){if(this.page>this.pages)this.page=this.pages;else if(this.page<1)this.page=1}handlePages(){const t=[];if(this.pages>1e4){console.error(`${this.hostElement.localName}: Invalid page count ${this.pages}. Maximum is 10000.`);this.pages=1e4}for(let i=0;this.pages>i;i++){const e=i+1;t.push({index:i,page:e})}this.list=t;this.handlePage()}handlePagesVisible(){if(5>this.pagesVisible)this.pagesVisible=5;if(this.pagesVisible%2===0)this.pagesVisible=Math.round(this.pagesVisible)-1}pageSelected;rowsSelected;async componentWillLoad(){this.handlePagesVisible();this.handlePages();if(this.language===null)await o(this.hostElement)}translate(t){return h[t][this.language||p]}isActivePage(t){return t===this.page}navigate({page:t,event:i,focus:e}){if(typeof t==="number"&&t>=1&&this.pages>=t)this.page=t;this.pageSelected.emit({page:this.page,mouse:i});if(e)requestAnimationFrame((()=>{const t=this.listElement.querySelector('a[aria-current="page"]');t?.focus({preventScroll:true})}))}useRowList(){return!!this.rows&&!!this.rowsList}setRows(t){const i=t.target;this.rows=Number(i.value);this.rowsSelected.emit({rows:this.rows,change:t})}getRowList(){return this.rowsList.split(",").map((t=>Number(t.trim())))}getPaginationIndex(){const t=this.page;let i=t-Math.ceil(this.pagesVisible/2);let e=t+Math.floor(this.pagesVisible/2);for(let t=0;this.pagesVisible>t;t++){if(i<0){e++;i++}else if(e>this.pages){e--;i--}}const a=0>i?0:i;const n=a>=1;const s=this.pages>e;return{low:s&&n?a+1:a,high:s&&n?e-1:e,leftIndent:n,rightIndent:s}}getPagination(){const{low:t,high:i}=this.getPaginationIndex();return this.list.slice(t,i)}getUrl(t){return this.setPageText(this.urlTemplate,t)}setPageText(t,i){return t.replace("{page}",i.toString())}getPrevPage(){let t=this.page;return t>1?t-=1:1}getNextPage(){let t=this.page;return this.pages>t?t+=1:this.pages}showIntendation(t=false){const{leftIndent:i,rightIndent:e}=this.getPaginationIndex();return t?e:i}renderDivider(t=false){return a("span",{class:"pn-pagination-dot","data-show":this.showIntendation(t)},"...")}renderButton({page:t,dataAttr:i}){const e=this.isActivePage(t);return a("pn-button",{label:t.toString(),arialabel:`${this.translate("PAGE")} ${t}`,ariacurrent:e?"page":null,href:this.getUrl(t),variant:e?"outlined":"",appearance:"light",small:true,"data-arrow":i,"data-show":i&&this.showIntendation(i==="last"),onPnClick:({detail:i})=>this.navigate({page:t,event:i,focus:true})})}renderItem({page:t}){return a("li",{class:"pn-pagination-list-item","aria-setsize":this.pages,"aria-posinset":t},this.renderButton({page:t}))}renderJumpButton(t=false){const i=t?"next":"prev";const e=t?r:s;const n=t?this.getNextPage():this.getPrevPage();const o=t?this.pages===this.page:1===this.page;const p=t?"NEXT_PAGE":"PREVIOUS_PAGE";const h=o?"":` (${n})`;const l=`${this.translate(p)}${h}`;return a("pn-button",{arialabel:l,ariacurrent:o?"page":null,href:this.getUrl(n),rel:o?null:i,appearance:"light",small:true,icon:e,iconOnly:true,onPnClick:({detail:t})=>this.navigate({page:n,event:t})})}render(){return a(n,{key:"d1cd7756a1bf0a5e5d4d59e8a5c8c6f759cee285"},a("nav",{key:"f7c4d02b8a1f147f849bf7c8b3093098745933c1",id:this.paginationId,class:"pn-pagination","aria-label":this.label||this.translate("PAGINATION")},this.useRowList()&&a("pn-select",{key:"1297805c338445d019524d2a51e11e786529d899",class:"pn-pagination-rows",label:this.rowsLabel||this.translate("ROWS_PAGE"),onChange:t=>this.setRows(t)},this.getRowList().map((t=>a("option",{value:t,selected:this.rows===Number(t),innerHTML:`${t}`})))),a("div",{key:"fdb8a131a50ed56deca325db959042a32f8d335b",class:"pn-pagination-container","data-right":this.useRowList()},this.renderJumpButton(),this.renderButton({page:1,dataAttr:"first"}),this.renderDivider(),a("ol",{key:"6bb693d0b87cc6d95368525288dc1eaa2eef67fa",class:"pn-pagination-list",ref:t=>this.listElement=t},this.getPagination().map((t=>this.renderItem(t)))),this.renderDivider(true),this.renderButton({page:this.pages,dataAttr:"last"}),this.renderJumpButton(true))))}static get watchers(){return{page:["handlePage"],pages:["handlePages"],pagesVisible:["handlePagesVisible"]}}};d.style=g;export{d as pn_pagination};
-//# sourceMappingURL=p-ab29b9c0.entry.js.map
+import{r as t,c as i,g as e,h as a,a as n}from"./p-43660913.js";import{a as s}from"./p-2e6481e5.js";import{a as r}from"./p-d82ef4a1.js";import{k as o,e as p}from"./p-f64d17a6.js";const h={PAGINATION:{sv:"Paginering",en:"Pagination",da:"Paginering",fi:"Sivunumerointi",no:"Paginering"},PAGE:{sv:"Sida",en:"Page",da:"Side",fi:"Sivu",no:"Side"},PREVIOUS_PAGE:{sv:"Föregående sida",en:"Previous page",da:"Forrige side",fi:"Edellinen sivu",no:"Forrige side"},NEXT_PAGE:{sv:"Nästa sida",en:"Next page",da:"Næste side",fi:"Seuraava sivu",no:"Neste side"},ROWS_PAGE:{sv:"Object per sida",en:"Items per page",da:"Varer pr. side",fi:"Kohteita per sivu",no:"Elementer per side"}};const l="pn-pagination{display:block;margin-top:1.5em}pn-pagination .pn-pagination{display:flex;gap:1em;flex-wrap:wrap;padding-top:1em;border-top:0.0625em solid #e9e6e5}pn-pagination .pn-pagination-container{display:flex;align-items:center;flex-wrap:wrap;gap:0.5em;margin:0 auto}pn-pagination .pn-pagination-container[data-right]{margin-right:0}pn-pagination .pn-pagination-container>[data-arrow]{display:none}pn-pagination .pn-pagination-container>[data-arrow][data-show]{display:inline-block}pn-pagination .pn-pagination-rows{flex:0 0 auto;margin-right:auto}pn-pagination .pn-pagination-pages{flex:0 0 auto;margin-left:auto}pn-pagination .pn-pagination-list{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;justify-content:center;gap:0.5em}pn-pagination .pn-pagination-list pn-button>.pn-button{padding:0.375em 0.75em}pn-pagination .pn-pagination-dot{display:none;padding:0.375em 0.5em;height:2em;width:2.5em;text-align:center}pn-pagination .pn-pagination-dot[data-show]{display:inline-block}";const g=l;const d=class{constructor(e){t(this,e);this.pageSelected=i(this,"pageSelected",7);this.rowsSelected=i(this,"rowsSelected",7);this.list=undefined;this.label=undefined;this.urlTemplate="?page={page}";this.paginationId=null;this.language=null;this.page=1;this.pages=undefined;this.pagesVisible=5;this.rows=null;this.rowsList="10,25,50";this.rowsLabel=null}listElement;get hostElement(){return e(this)}handlePage(){if(this.page>this.pages)this.page=this.pages;else if(this.page<1)this.page=1}handlePages(){const t=[];if(this.pages>1e4){console.error(`${this.hostElement.localName}: Invalid page count ${this.pages}. Maximum is 10000.`);this.pages=1e4}for(let i=0;this.pages>i;i++){const e=i+1;t.push({index:i,page:e})}this.list=t;this.handlePage()}handlePagesVisible(){if(5>this.pagesVisible)this.pagesVisible=5;if(this.pagesVisible%2===0)this.pagesVisible=Math.round(this.pagesVisible)-1}pageSelected;rowsSelected;async componentWillLoad(){this.handlePagesVisible();this.handlePages();if(this.language===null)await o(this.hostElement)}translate(t){return h[t][this.language||p]}isActivePage(t){return t===this.page}navigate({page:t,event:i,focus:e}){if(typeof t==="number"&&t>=1&&this.pages>=t)this.page=t;this.pageSelected.emit({page:this.page,mouse:i});if(e)requestAnimationFrame((()=>{const t=this.listElement.querySelector('a[aria-current="page"]');t?.focus({preventScroll:true})}))}useRowList(){return!!this.rows&&!!this.rowsList}setRows(t){const i=t.target;this.rows=Number(i.value);this.rowsSelected.emit({rows:this.rows,change:t})}getRowList(){return this.rowsList.split(",").map((t=>Number(t.trim())))}getPaginationIndex(){const t=this.page;let i=t-Math.ceil(this.pagesVisible/2);let e=t+Math.floor(this.pagesVisible/2);for(let t=0;this.pagesVisible>t;t++){if(i<0){e++;i++}else if(e>this.pages){e--;i--}}const a=0>i?0:i;const n=a>=1;const s=this.pages>e;return{low:s&&n?a+1:a,high:s&&n?e-1:e,leftIndent:n,rightIndent:s}}getPagination(){const{low:t,high:i}=this.getPaginationIndex();return this.list.slice(t,i)}getUrl(t){return this.setPageText(this.urlTemplate,t)}setPageText(t,i){return t.replace("{page}",i.toString())}getPrevPage(){let t=this.page;return t>1?t-=1:1}getNextPage(){let t=this.page;return this.pages>t?t+=1:this.pages}showIntendation(t=false){const{leftIndent:i,rightIndent:e}=this.getPaginationIndex();return t?e:i}renderDivider(t=false){return a("span",{class:"pn-pagination-dot","data-show":this.showIntendation(t)},"...")}renderButton({page:t,dataAttr:i}){const e=this.isActivePage(t);return a("pn-button",{label:t.toString(),arialabel:`${this.translate("PAGE")} ${t}`,ariacurrent:e?"page":null,href:this.getUrl(t),variant:e?"outlined":"",appearance:"light",small:true,"data-arrow":i,"data-show":i&&this.showIntendation(i==="last"),onPnClick:({detail:i})=>this.navigate({page:t,event:i,focus:true})})}renderItem({page:t}){return a("li",{class:"pn-pagination-list-item","aria-setsize":this.pages,"aria-posinset":t},this.renderButton({page:t}))}renderJumpButton(t=false){const i=t?"next":"prev";const e=t?r:s;const n=t?this.getNextPage():this.getPrevPage();const o=t?this.pages===this.page:1===this.page;const p=t?"NEXT_PAGE":"PREVIOUS_PAGE";const h=o?"":` (${n})`;const l=`${this.translate(p)}${h}`;return a("pn-button",{arialabel:l,ariacurrent:o?"page":null,href:this.getUrl(n),rel:o?null:i,appearance:"light",small:true,icon:e,iconOnly:true,onPnClick:({detail:t})=>this.navigate({page:n,event:t})})}render(){return a(n,{key:"1f33db59423d42f0e7803588c1792eab786b8de7"},a("nav",{key:"540f96e45b8d9f57ee74fa64873c4386ec5c5886",id:this.paginationId,class:"pn-pagination","aria-label":this.label||this.translate("PAGINATION")},this.useRowList()&&a("pn-select",{key:"4819db7a03b6ce337210679a72d0e33b684015e3",class:"pn-pagination-rows",label:this.rowsLabel||this.translate("ROWS_PAGE"),onChange:t=>this.setRows(t)},this.getRowList().map((t=>a("option",{value:t,selected:this.rows===Number(t),innerHTML:`${t}`})))),a("div",{key:"653ae1faeda706b1f58b10597f392f582e758e52",class:"pn-pagination-container","data-right":this.useRowList()},this.renderJumpButton(),this.renderButton({page:1,dataAttr:"first"}),this.renderDivider(),a("ol",{key:"df640b8caf32ae986dbd0523b1a782df4910026f",class:"pn-pagination-list",ref:t=>this.listElement=t},this.getPagination().map((t=>this.renderItem(t)))),this.renderDivider(true),this.renderButton({page:this.pages,dataAttr:"last"}),this.renderJumpButton(true))))}static get watchers(){return{page:["handlePage"],pages:["handlePages"],pagesVisible:["handlePagesVisible"]}}};d.style=g;export{d as pn_pagination};
+//# sourceMappingURL=p-4eaab357.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-da713fc1.entry.js → p-5ed7e9b7.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r,g as e,h as s,a as t}from"./p-43660913.js";import{a}from"./p-9a18b612.js";import{c as i}from"./p-ffa37a87.js";import{u as o}from"./p-f64d17a6.js";const n="pn-progress-bar .pn-progress-bar-label{margin-bottom:0.5em;color:#2d2013;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:0.5em}pn-progress-bar .pn-progress-bar-subtext{margin-top:0.5em;color:#5e554a;font-weight:400}pn-progress-bar .pn-progress-bar-container{overflow:hidden;padding:0.0625em;height:0.75em;border-radius:0.5em}pn-progress-bar .pn-progress-bar-meter{position:relative;width:100%;background:#f3f2f2;height:0.625em;border-radius:0.5em;box-shadow:0 0 0 0.0625em #969087}pn-progress-bar .pn-progress-bar-value{position:absolute;top:-0.0625em;left:-0.0625em;height:0.75em;background-color:#005d92;width:var(--progress-value);border-radius:0.5em 0 0 0.5em;transition-property:width, border-radius, background-color;transition-duration:0.2s, 0.2s, 0.5s;transition-timing-function:linear}@media (prefers-reduced-motion: reduce){pn-progress-bar .pn-progress-bar-value{transition-duration:0s}}pn-progress-bar .pn-progress-bar-value[data-valid]{width:calc(var(--progress-value) + 0.125em);background-color:#0aa85c;border-top-right-radius:0.5em;border-bottom-right-radius:0.5em}pn-progress-bar .pn-progress-bar-value[data-error]{background-color:#a70707}";const d=n;const b=class{constructor(e){r(this,e);this.progressPercentage=undefined;this.label=undefined;this.progress=0;this.progressText=undefined;this.successText=undefined;this.error=undefined;this.progressId=this.idProgress}uniqueId=o();idProgress=`pn-progress-bar-${this.uniqueId}`;idLabel=`${this.idProgress}-label`;idText=`${this.idProgress}-text`;get hostElement(){return e(this)}setProgress(){if(!Number.isInteger(this.progress))return;const r=this.progress<100?Math.ceil(this.progress):100;this.progressPercentage=`${r.toString()}%`;this.hostElement.style.setProperty("--progress-value",this.progressPercentage)}componentWillLoad(){this.setProgress()}hasLabel(){return!!this.label?.length}hasText(){return!!this.successText?.length}hasError(){return!!this.error?.length}isValid(){return this.progress===100}hasIcon(){return this.isValid()||this.hasError()}getSubtext(){if(this.hasError())return this.error;if(this.isValid()&&this.hasText())return this.successText;return this.progressText?this.progressText:this.progressPercentage}getIconSvg(){if(this.hasError())return a;return i}getIconColor(){if(this.hasError())return"warning";return"green500"}render(){return s(t,{key:"e5e7d6c7ac2b3e2cc8838a616d697281c299ef21"},this.hasLabel()&&s("p",{key:"23155051cf0606bee3bf96c4be40cf1549b6ab44",id:this.idLabel,class:"pn-progress-bar-label"},s("span",{key:"98723d9fcc0e8a43ceaf4969a70046418d9d08bf"},this.label),this.hasIcon()&&s("pn-icon",{key:"402eea95c3733057d94df1b7abe92d02e7ef1dc8",icon:this.getIconSvg(),color:this.getIconColor()})),s("div",{key:"5d82dfaf2b4ca4ac5ec6aefc83b6422dc8c632fe",id:this.progressId,class:"pn-progress-bar-container",role:"progressbar","aria-labelledby":this.idLabel,"aria-describedby":this.hasIcon()?this.idText:null,"aria-valuenow":this.progress,"aria-valuetext":this.progressPercentage},s("div",{key:"7340eb78ac7cbcd5798e804dc173a1d7c0696f49",class:"pn-progress-bar-meter"},s("div",{key:"a9d2ab1009731727f98d349b9bf04bf39433c478",class:"pn-progress-bar-value","data-error":this.hasError(),"data-valid":this.isValid()}))),s("p",{key:"6f10b1183b320c1e1e4b03bf893a62135779a870",id:this.idText,class:"pn-progress-bar-subtext",role:this.hasError()?"alert":null},s("span",{key:"d6b8b56cf9853fa1f88aea6c6a43bf9999fa09cd"},this.getSubtext())))}static get watchers(){return{progress:["setProgress"]}}};b.style=d;export{b as pn_progress_bar};
-//# sourceMappingURL=p-da713fc1.entry.js.map
+import{r,g as e,h as s,a as t}from"./p-43660913.js";import{a}from"./p-9a18b612.js";import{c as i}from"./p-ffa37a87.js";import{u as o}from"./p-f64d17a6.js";const n="pn-progress-bar .pn-progress-bar-label{margin-bottom:0.5em;color:#2d2013;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:0.5em}pn-progress-bar .pn-progress-bar-subtext{margin-top:0.5em;color:#5e554a;font-weight:400}pn-progress-bar .pn-progress-bar-container{overflow:hidden;padding:0.0625em;height:0.75em;border-radius:0.5em}pn-progress-bar .pn-progress-bar-meter{position:relative;width:100%;background:#f3f2f2;height:0.625em;border-radius:0.5em;box-shadow:0 0 0 0.0625em #969087}pn-progress-bar .pn-progress-bar-value{position:absolute;top:-0.0625em;left:-0.0625em;height:0.75em;background-color:#005d92;width:var(--progress-value);border-radius:0.5em 0 0 0.5em;transition-property:width, border-radius, background-color;transition-duration:0.2s, 0.2s, 0.5s;transition-timing-function:linear}@media (prefers-reduced-motion: reduce){pn-progress-bar .pn-progress-bar-value{transition-duration:0s}}pn-progress-bar .pn-progress-bar-value[data-valid]{width:calc(var(--progress-value) + 0.125em);background-color:#0aa85c;border-top-right-radius:0.5em;border-bottom-right-radius:0.5em}pn-progress-bar .pn-progress-bar-value[data-error]{background-color:#a70707}";const d=n;const p=class{constructor(e){r(this,e);this.progressPercentage=undefined;this.label=undefined;this.progress=0;this.progressText=undefined;this.successText=undefined;this.error=undefined;this.progressId=this.idProgress}uniqueId=o();idProgress=`pn-progress-bar-${this.uniqueId}`;idLabel=`${this.idProgress}-label`;idText=`${this.idProgress}-text`;get hostElement(){return e(this)}setProgress(){if(!Number.isInteger(this.progress))return;const r=this.progress<100?Math.ceil(this.progress):100;this.progressPercentage=`${r.toString()}%`;this.hostElement.style.setProperty("--progress-value",this.progressPercentage)}componentWillLoad(){this.setProgress()}hasLabel(){return!!this.label?.length}hasText(){return!!this.successText?.length}hasError(){return!!this.error?.length}isValid(){return this.progress===100}hasIcon(){return this.isValid()||this.hasError()}getSubtext(){if(this.hasError())return this.error;if(this.isValid()&&this.hasText())return this.successText;return this.progressText?this.progressText:this.progressPercentage}getIconSvg(){if(this.hasError())return a;return i}getIconColor(){if(this.hasError())return"warning";return"green500"}render(){return s(t,{key:"141fef1da768dc423cf53dfa8088f1b98429236c"},this.hasLabel()&&s("p",{key:"294199499037e6ed0e816f8a68850dfede795884",id:this.idLabel,class:"pn-progress-bar-label"},s("span",{key:"f292e951e29878d186b7f7896d7346fd41677006"},this.label),this.hasIcon()&&s("pn-icon",{key:"47b8065b97a8cd0f0d3e57ea4f68b07ad09c12a5",icon:this.getIconSvg(),color:this.getIconColor()})),s("div",{key:"0dd5189948aad2e501ee10076ed212987a52e4d8",id:this.progressId,class:"pn-progress-bar-container",role:"progressbar","aria-labelledby":this.idLabel,"aria-describedby":this.hasIcon()?this.idText:null,"aria-valuenow":this.progress,"aria-valuetext":this.progressPercentage},s("div",{key:"51ceae38d589385687dd3e25c86526b4758f2792",class:"pn-progress-bar-meter"},s("div",{key:"714d0aa19a487bf625ae10bcdd68d21d54b6f48a",class:"pn-progress-bar-value","data-error":this.hasError(),"data-valid":this.isValid()}))),s("p",{key:"b540a56c9d7fdfae49f508472d315ce1eeda5e99",id:this.idText,class:"pn-progress-bar-subtext",role:this.hasError()?"alert":null},s("span",{key:"35d515a823d117a6ab31e3cda778a2ada8093233"},this.getSubtext())))}static get watchers(){return{progress:["setProgress"]}}};p.style=d;export{p as pn_progress_bar};
+//# sourceMappingURL=p-5ed7e9b7.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/p-617a946d.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+import{r as s,c as e,g as t,h as r}from"./p-43660913.js";const i=".pn-progress-indicator{display:flex;padding:2.8em 1em 0}";const o=i;const n=class{constructor(t){s(this,t);this.progresschange=e(this,"progresschange",7);this.activeStep=0}get hostElement(){return t(this)}progresschange;setActiveStepHandler({detail:s}){this.activeStep=s;this.progresschange.emit(this.activeStep)}componentWillLoad(){this.passPropsToChildren()}componentDidUpdate(){this.passPropsToChildren()}passPropsToChildren(){const s=Array.from(this.hostElement.querySelectorAll("pn-progress-indicator-step"));s.forEach(((s,e)=>{s.activeStep=this.activeStep;s.index=e}))}render(){return r("div",{key:"1108f70edf525c6e7e0e45d34a6d58e69c5b9ab2",class:"pn-progress-indicator"},r("slot",{key:"c4035cf9fadb46f4e573c0225bebb2f8f7187da6"}))}};n.style=o;export{n as pn_progress_indicator};
+//# sourceMappingURL=p-617a946d.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/p-617a946d.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["pnProgressIndicatorCss","PnProgressIndicatorStyle0","PnProgressIndicator","progresschange","setActiveStepHandler","detail","this","activeStep","emit","componentWillLoad","passPropsToChildren","componentDidUpdate","children","Array","from","hostElement","querySelectorAll","forEach","child","i","index","render","h","key","class"],"sources":["src/components/feedback/pn-progress-indicator/pn-progress-indicator.scss?tag=pn-progress-indicator","src/components/feedback/pn-progress-indicator/pn-progress-indicator.tsx"],"sourcesContent":[".pn-progress-indicator {\n  display: flex;\n  padding: 2.8em 1em 0;\n}\n","import { Component, Prop, Element, Listen, Event, EventEmitter, h } from '@stencil/core';\n\n/**\n * @deprecated This component will be removed in v8. Please use the `pn-progress-stepper` instead.\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-feedback-progress-stepper--docs Use `pn-progress-stepper` instead.}\n */\n@Component({\n  tag: 'pn-progress-indicator',\n  styleUrl: 'pn-progress-indicator.scss',\n})\nexport class PnProgressIndicator {\n  @Element() hostElement: HTMLElement;\n\n  /** Takes the index of the active step */\n  @Prop({ mutable: true }) activeStep: number = 0;\n\n  /** This will emit when progress is changed and is the value you want to bind to your VM state */\n  @Event() progresschange: EventEmitter<number>;\n\n  @Listen('setactivestep')\n  setActiveStepHandler({ detail }) {\n    this.activeStep = detail;\n    this.progresschange.emit(this.activeStep);\n  }\n\n  componentWillLoad() {\n    this.passPropsToChildren();\n  }\n\n  componentDidUpdate() {\n    this.passPropsToChildren();\n  }\n\n  passPropsToChildren() {\n    const children = Array.from(\n      this.hostElement.querySelectorAll<HTMLPnProgressIndicatorStepElement>('pn-progress-indicator-step'),\n    );\n\n    children.forEach((child, i) => {\n      child.activeStep = this.activeStep;\n      child.index = i;\n    });\n  }\n\n  render() {\n    return (\n      <div class=\"pn-progress-indicator\">\n        <slot />\n      </div>\n    );\n  }\n}\n"],"mappings":";;;;yDAAA,MAAMA,EAAyB,2DAC/B,MAAAC,EAAeD,E,MCSFE,EAAmB,M,wFAIgB,C,kCAGrCC,eAGT,oBAAAC,EAAqBC,OAAEA,IACrBC,KAAKC,WAAaF,EAClBC,KAAKH,eAAeK,KAAKF,KAAKC,W,CAGhC,iBAAAE,GACEH,KAAKI,qB,CAGP,kBAAAC,GACEL,KAAKI,qB,CAGP,mBAAAA,GACE,MAAME,EAAWC,MAAMC,KACrBR,KAAKS,YAAYC,iBAAqD,+BAGxEJ,EAASK,SAAQ,CAACC,EAAOC,KACvBD,EAAMX,WAAaD,KAAKC,WACxBW,EAAME,MAAQD,CAAC,G,CAInB,MAAAE,GACE,OACEC,EAAA,OAAAC,IAAA,2CAAKC,MAAM,yBACTF,EAAA,QAAAC,IAAA,6C","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/{p-e087c5c5.entry.js → p-63aa3911.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as e,g as t,h as n,a as i}from"./p-43660913.js";import{u as s,k as a,e as p}from"./p-f64d17a6.js";import{a as r}from"./p-9a18b612.js";import{c as o}from"./p-aae10869.js";import{c as l}from"./p-92b0338a.js";const d='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M1.81 11.727a1 1 0 0 1 1.363.378c.29.513.835 1.343 1.7 2.174a9.5 9.5 0 0 0 3.457 2.128c1.03.361 2.244.593 3.67.593s2.64-.232 3.67-.593a9.5 9.5 0 0 0 3.458-2.128 9.7 9.7 0 0 0 1.698-2.174 1 1 0 0 1 1.742.984 11.5 11.5 0 0 1-1.445 2.001l1.686 2.322a1 1 0 1 1-1.618 1.175l-1.537-2.116a11.4 11.4 0 0 1-2.453 1.48l.763 2.785a1 1 0 1 1-1.928.528l-.73-2.661c-.993.251-2.093.397-3.306.397s-2.313-.146-3.306-.397l-.73 2.661a1 1 0 1 1-1.928-.528l.763-2.786a11.4 11.4 0 0 1-2.453-1.479L2.81 18.587a1 1 0 0 1-1.618-1.175l1.686-2.322a11.5 11.5 0 0 1-1.445-2 1 1 0 0 1 .379-1.363" clip-rule="evenodd"/></svg>';const u=d;const h='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M12 7c-5.382 0-7.908 3.33-8.758 4.775a.43.43 0 0 0 0 .45C4.092 13.67 6.618 17 12 17s7.908-3.33 8.758-4.775a.43.43 0 0 0 0-.45C19.908 10.33 17.382 7 12 7M1.518 10.761C2.55 9.005 5.618 5 12 5s9.45 4.005 10.482 5.761a2.43 2.43 0 0 1 0 2.478C21.45 14.995 18.382 19 12 19s-9.45-4.005-10.482-5.761a2.43 2.43 0 0 1 0-2.478M8 12a4 4 0 1 1 8 0 4 4 0 0 1-8 0m4-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4" clip-rule="evenodd"/></svg>';const c=h;const f={SHOW:{sv:"Visa",en:"Show",da:"At vise",fi:"Näytä",no:"Vise"},HIDE:{sv:"Dölj",en:"Hide",da:"Skjule",fi:"Piilottaa",no:"Gjemme seg"},CLEAR:{sv:"Rensa",en:"Clear",da:"Klar",fi:"Asia selvä",no:"Klar"}};const b="pn-input{display:inline-flex;flex-direction:column}pn-input .pn-input-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-input .pn-input-label{transition-duration:0s;transition-delay:0s}}pn-input .pn-input-label>span{font-size:0.875em}pn-input .pn-input-group{position:relative}pn-input .pn-input-element{--pn-input-offset-left:0em;--pn-input-offset-right:0em;color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);width:100%;padding-left:calc(var(--pn-input-offset-left) + 0.75em);padding-right:calc(var(--pn-input-offset-right) + 0.75em)}pn-input .pn-input-element:-webkit-autofill,pn-input .pn-input-element:-webkit-autofill:hover,pn-input .pn-input-element:-webkit-autofill:focus,pn-input .pn-input-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}pn-input .pn-input-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}@media (prefers-reduced-motion: reduce){pn-input .pn-input-element{transition-duration:0s;transition-delay:0s}}pn-input .pn-input-element::placeholder{color:#5e554a;font-weight:normal}pn-input .pn-input-element:hover{border-color:#005d92}pn-input .pn-input-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-input .pn-input-element:read-only{border-color:#ffffff}pn-input .pn-input-element:disabled~.pn-input-eyecandy>pn-icon>.pn-icon-svg>path{fill:#969087}pn-input .pn-input-element::-webkit-calendar-picker-indicator{visibility:hidden;display:none}pn-input .pn-input-element::-webkit-textfield-decoration-container,pn-input .pn-input-element::-webkit-search-cancel-button,pn-input .pn-input-element::-webkit-inner-spin-button,pn-input .pn-input-element::-webkit-outer-spin-button,pn-input .pn-input-element::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}pn-input .pn-input-element[type=number]{appearance:textfield}pn-input .pn-input-eyecandy{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:0.5em;height:1.5em}pn-input .pn-input-eyecandy[data-prefix]{left:0.75em}pn-input .pn-input-eyecandy[data-suffix]{right:0.75em}pn-input .pn-input-text{color:#5e554a;font-weight:400;line-height:1.5em}pn-input .pn-input-message{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}pn-input .pn-input-message[hidden],pn-input .pn-input-message>span[hidden]{display:none}pn-input .pn-input[data-error]>.pn-input-label{color:#a70707}pn-input .pn-input[data-error]>.pn-input-group>.pn-input-element{border-color:#a70707}pn-input .pn-input[data-error]>.pn-input-group>.pn-input-element:hover{border-color:#500715}pn-input .pn-input[data-error]>.pn-input-group>.pn-input-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}pn-input .pn-input[data-error]>.pn-input-message[role=alert]{color:#a70707}pn-input .pn-input[data-valid]>.pn-input-label{color:#005e41}pn-input .pn-input[data-valid]>.pn-input-group>.pn-input-element{border-color:#005e41}pn-input .pn-input[data-valid]>.pn-input-group>.pn-input-element:hover{border-color:#002f24}pn-input .pn-input[data-valid]>.pn-input-group>.pn-input-element:focus-visible{background-color:#ffffff;border-color:#005e41;outline-color:#005e41}";const m=b;const g=class{constructor(t){e(this,t);this.offsetLeft=0;this.offsetRight=0;this.showHelperSlot=false;this.showErrorSlot=false;this.showPassword=false;this.label=undefined;this.helpertext=undefined;this.inputid=this.id;this.value="";this.language=null;this.icon=undefined;this.textPrefix=undefined;this.textSuffix=undefined;this.type="text";this.name=undefined;this.placeholder=undefined;this.autocomplete=undefined;this.maxlength=undefined;this.inputmode=undefined;this.list=undefined;this.pattern=undefined;this.min=undefined;this.max=undefined;this.step=undefined;this.arialabel=undefined;this.ariacontrols=undefined;this.required=false;this.disabled=false;this.readonly=false;this.valid=false;this.invalid=false;this.error=undefined}id=`pn-input-${s()}`;idMessage=`${this.id}-message`;prefix;suffix;mo;get hostElement(){return t(this)}togglePassword(){this.showPassword=!this.showPassword}handleOffset(){requestAnimationFrame((()=>requestAnimationFrame((()=>{const e=this.prefix?.clientWidth?this.prefix.clientWidth+8:0;const t=this.suffix?.clientWidth?this.suffix.clientWidth+8:0;this.offsetLeft=e;this.offsetRight=t}))))}handleMessage(){this.checkSlottedHelper();this.checkSlottedError()}async componentWillLoad(){this.handleMessage();if(this.inputid!==this.id)this.idMessage=`${this.inputid}-message`;if(this.language===null)await a(this.hostElement)}componentDidLoad(){this.handleOffset();if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>{this.handleOffset();this.handleMessage()}));this.mo.observe(this.hostElement,{subtree:true,childList:true})}setVal(e){const t=e.composedPath?.()[0];this.value=t.value}clearVal(){const e=new InputEvent("input",{bubbles:true,data:""});const t=this.hostElement.querySelector("input");this.value="";t.focus();t.value=this.value;t.dispatchEvent(e)}translate(e){return f?.[e]?.[this.language||p]}hasHelperText(){return this.helpertext?.length>0||this.showHelperSlot}hasErrorMessage(){return this.error?.length>0||this.showErrorSlot}hasError(){return this.hasErrorMessage()||this.invalid||this.showErrorSlot}hasMessage(){return this.hasHelperText()||this.hasErrorMessage()}checkSlottedHelper(){const e=this.hostElement.querySelector("[slot=helpertext]")?.textContent;this.showHelperSlot=!!e?.length}checkSlottedError(){const e=this.hostElement.querySelector("[slot=error]")?.textContent;this.showErrorSlot=!!e?.length}getInputType(){const e=["text","password","url","tel","search","number","email"];return e.includes(this.type)&&!this.showPassword?this.type:"text"}isPassword(){if(this.disabled)return false;return this.type==="password"||this.type==="text"&&this.showPassword}isSearch(){if(this.disabled)return false;return this.type==="search"&&!!this.value?.length}passwordText(){return this.translate(this.showPassword?"HIDE":"SHOW")}stateDisplay(){return this.valid||this.hasError()}stateIcon(){if(this.valid)return o;return r}stateColor(){if(this.valid)return"green700";return"warning"}showPrefix(){return this.textPrefix&&!this.icon}showSuffix(){return!this.showPrefix()&&!!this.textSuffix?.length&&!this.isPassword()&&this.type!=="search"}render(){return n(i,{key:"6b2db20d9aa3c3d300814a71022a6fe314fa6d03"},n("div",{key:"419fa861a5748d0c95e9e69b9defd48f50975683",class:"pn-input","data-valid":this.valid,"data-error":this.hasError()},(this.label||this.maxlength>=1)&&n("label",{key:"06576cf8fe7613382cb7aa64d00ece94556a1304",htmlFor:this.inputid,class:"pn-input-label"},this.label&&n("span",{key:"2c534cf97da3005b773e57ea6623240afea8186d"},this.label),this.maxlength>=0&&n("span",{key:"ab2626d9046b75f372a4e01a7234969017837f2f"},`${this.value.length}/${this.maxlength}`)),n("div",{key:"e236d0a4dc4c7c719ea2f4be51cd81def68ca53b",class:"pn-input-group"},n("input",{key:"8aeb20eaa6fe21732c813bb5f9a8028cc0dcbc76",type:this.getInputType(),id:this.inputid,class:"pn-input-element",name:this.name,placeholder:this.placeholder,autocomplete:this.autocomplete,maxlength:this.maxlength,list:this.list,pattern:this.pattern,min:this.min,max:this.max,step:this.step,value:this.value,inputmode:this.inputmode,disabled:this.disabled,required:this.required,readonly:this.readonly,"aria-label":this.arialabel,"aria-describedby":this.hasMessage()?this.idMessage:null,"aria-controls":this.ariacontrols,"aria-invalid":this.hasError()?.toString(),style:{"--pn-input-offset-left":`${this.offsetLeft}px`,"--pn-input-offset-right":`${this.offsetRight}px`},onInput:e=>this.setVal(e)}),n("div",{key:"409947a09fe6960778458060590c47ee204ea534",class:"pn-input-eyecandy","data-prefix":true,ref:e=>this.prefix=e},!!this.icon&&n("pn-icon",{key:"0e914746aecea9a37c4f66304e89a82197defd7a",icon:this.icon,"aria-hidden":"true"}),this.showPrefix()&&n("span",{key:"e6a7eb7f10ac9d5cf5de4f2064e3922038dfc9e0",class:"pn-input-text"},this.textPrefix)),n("div",{key:"f97005264aca3330f9b7c4eb0489c36f7bd31842",class:"pn-input-eyecandy","data-suffix":true,ref:e=>this.suffix=e},this.showSuffix()&&n("span",{key:"769efb326ce6d4058ee4d8d6c5d2f3b781c65c11",class:"pn-input-text"},this.textSuffix),this.stateDisplay()&&n("pn-icon",{key:"fe18921f222fd14d91edc799da3f50c6d1c7dff8","aria-hidden":"true",icon:this.stateIcon(),color:this.stateColor()}),this.isPassword()&&n("pn-button",{key:"7e10d1c4502d9abc9fd8156652718e04cdfa9955",icon:this.showPassword?c:u,iconOnly:true,arialabel:this.passwordText(),small:true,appearance:"light",variant:"borderless",onClick:()=>this.togglePassword()}),this.isSearch()&&n("pn-button",{key:"841edb1592c21de8315a0b1c4a8a7c9815c61e01",icon:l,iconOnly:true,arialabel:this.translate("CLEAR"),small:true,appearance:"light",variant:"borderless",onClick:()=>this.clearVal()}))),n("p",{key:"fb41bb4f2559b05cae5b80d214c218429493b5ba",class:"pn-input-message",id:this.idMessage,role:this.hasErrorMessage()?"alert":null,hidden:!this.hasMessage()},this.hasHelperText()&&!this.hasError()&&n("span",{key:"a4b226408274dc3fc6788af3932edd5b05f398f3",class:"pn-input-helper"},this.helpertext),n("span",{key:"488b39c606ca027df73153a9e6e83b4d59360814",class:"pn-input-helper-slot",hidden:!this.showHelperSlot||this.hasError()},n("slot",{key:"3cf5c96a8ee99d1d1954a3075862119512ef589c",name:"helpertext"})),this.hasErrorMessage()&&n("span",{key:"b6907bee94961eeb0f4c8c3c59d4f8cc30080754",class:"pn-input-error"},this.error),n("span",{key:"0193a2c21c1d248f762207351b7bba336368cd6c",class:"pn-input-error-slot",hidden:!this.showErrorSlot},n("slot",{key:"9e7b771c38bbdd7b3fd75bdc0587c21dcfef2857",name:"error"})))))}static get watchers(){return{textPrefix:["handleOffset"],textSuffix:["handleOffset"],helpertext:["handleMessage"],error:["handleMessage"]}}};g.style=m;export{g as pn_input};
-//# sourceMappingURL=p-e087c5c5.entry.js.map
+import{r as e,g as t,h as n,a as i}from"./p-43660913.js";import{u as s,k as a,e as p}from"./p-f64d17a6.js";import{a as r}from"./p-9a18b612.js";import{c as o}from"./p-aae10869.js";import{c as l}from"./p-92b0338a.js";const d='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M1.81 11.727a1 1 0 0 1 1.363.378c.29.513.835 1.343 1.7 2.174a9.5 9.5 0 0 0 3.457 2.128c1.03.361 2.244.593 3.67.593s2.64-.232 3.67-.593a9.5 9.5 0 0 0 3.458-2.128 9.7 9.7 0 0 0 1.698-2.174 1 1 0 0 1 1.742.984 11.5 11.5 0 0 1-1.445 2.001l1.686 2.322a1 1 0 1 1-1.618 1.175l-1.537-2.116a11.4 11.4 0 0 1-2.453 1.48l.763 2.785a1 1 0 1 1-1.928.528l-.73-2.661c-.993.251-2.093.397-3.306.397s-2.313-.146-3.306-.397l-.73 2.661a1 1 0 1 1-1.928-.528l.763-2.786a11.4 11.4 0 0 1-2.453-1.479L2.81 18.587a1 1 0 0 1-1.618-1.175l1.686-2.322a11.5 11.5 0 0 1-1.445-2 1 1 0 0 1 .379-1.363" clip-rule="evenodd"/></svg>';const u=d;const h='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M12 7c-5.382 0-7.908 3.33-8.758 4.775a.43.43 0 0 0 0 .45C4.092 13.67 6.618 17 12 17s7.908-3.33 8.758-4.775a.43.43 0 0 0 0-.45C19.908 10.33 17.382 7 12 7M1.518 10.761C2.55 9.005 5.618 5 12 5s9.45 4.005 10.482 5.761a2.43 2.43 0 0 1 0 2.478C21.45 14.995 18.382 19 12 19s-9.45-4.005-10.482-5.761a2.43 2.43 0 0 1 0-2.478M8 12a4 4 0 1 1 8 0 4 4 0 0 1-8 0m4-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4" clip-rule="evenodd"/></svg>';const c=h;const f={SHOW:{sv:"Visa",en:"Show",da:"At vise",fi:"Näytä",no:"Vise"},HIDE:{sv:"Dölj",en:"Hide",da:"Skjule",fi:"Piilottaa",no:"Gjemme seg"},CLEAR:{sv:"Rensa",en:"Clear",da:"Klar",fi:"Asia selvä",no:"Klar"}};const b="pn-input{display:inline-flex;flex-direction:column}pn-input .pn-input-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-input .pn-input-label{transition-duration:0s;transition-delay:0s}}pn-input .pn-input-label>span{font-size:0.875em}pn-input .pn-input-group{position:relative}pn-input .pn-input-element{--pn-input-offset-left:0em;--pn-input-offset-right:0em;color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);width:100%;padding-left:calc(var(--pn-input-offset-left) + 0.75em);padding-right:calc(var(--pn-input-offset-right) + 0.75em)}pn-input .pn-input-element:-webkit-autofill,pn-input .pn-input-element:-webkit-autofill:hover,pn-input .pn-input-element:-webkit-autofill:focus,pn-input .pn-input-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}pn-input .pn-input-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}@media (prefers-reduced-motion: reduce){pn-input .pn-input-element{transition-duration:0s;transition-delay:0s}}pn-input .pn-input-element::placeholder{color:#5e554a;font-weight:normal}pn-input .pn-input-element:hover{border-color:#005d92}pn-input .pn-input-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-input .pn-input-element:read-only{border-color:#ffffff}pn-input .pn-input-element:disabled~.pn-input-eyecandy>pn-icon>.pn-icon-svg>path{fill:#969087}pn-input .pn-input-element::-webkit-calendar-picker-indicator{visibility:hidden;display:none}pn-input .pn-input-element::-webkit-textfield-decoration-container,pn-input .pn-input-element::-webkit-search-cancel-button,pn-input .pn-input-element::-webkit-inner-spin-button,pn-input .pn-input-element::-webkit-outer-spin-button,pn-input .pn-input-element::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}pn-input .pn-input-element[type=number]{appearance:textfield}pn-input .pn-input-eyecandy{position:absolute;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:0.5em;height:1.5em}pn-input .pn-input-eyecandy[data-prefix]{left:0.75em}pn-input .pn-input-eyecandy[data-suffix]{right:0.75em}pn-input .pn-input-text{color:#5e554a;font-weight:400;line-height:1.5em}pn-input .pn-input-message{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}pn-input .pn-input-message[hidden],pn-input .pn-input-message>span[hidden]{display:none}pn-input .pn-input[data-error]>.pn-input-label{color:#a70707}pn-input .pn-input[data-error]>.pn-input-group>.pn-input-element{border-color:#a70707}pn-input .pn-input[data-error]>.pn-input-group>.pn-input-element:hover{border-color:#500715}pn-input .pn-input[data-error]>.pn-input-group>.pn-input-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}pn-input .pn-input[data-error]>.pn-input-message[role=alert]{color:#a70707}pn-input .pn-input[data-valid]>.pn-input-label{color:#005e41}pn-input .pn-input[data-valid]>.pn-input-group>.pn-input-element{border-color:#005e41}pn-input .pn-input[data-valid]>.pn-input-group>.pn-input-element:hover{border-color:#002f24}pn-input .pn-input[data-valid]>.pn-input-group>.pn-input-element:focus-visible{background-color:#ffffff;border-color:#005e41;outline-color:#005e41}";const m=b;const g=class{constructor(t){e(this,t);this.offsetLeft=0;this.offsetRight=0;this.showHelperSlot=false;this.showErrorSlot=false;this.showPassword=false;this.label=undefined;this.helpertext=undefined;this.inputid=this.id;this.value="";this.language=null;this.icon=undefined;this.textPrefix=undefined;this.textSuffix=undefined;this.type="text";this.name=undefined;this.placeholder=undefined;this.autocomplete=undefined;this.maxlength=undefined;this.inputmode=undefined;this.list=undefined;this.pattern=undefined;this.min=undefined;this.max=undefined;this.step=undefined;this.arialabel=undefined;this.ariacontrols=undefined;this.required=false;this.disabled=false;this.readonly=false;this.valid=false;this.invalid=false;this.error=undefined}id=`pn-input-${s()}`;idMessage=`${this.id}-message`;prefix;suffix;mo;get hostElement(){return t(this)}togglePassword(){this.showPassword=!this.showPassword}handleOffset(){requestAnimationFrame((()=>requestAnimationFrame((()=>{const e=this.prefix?.clientWidth?this.prefix.clientWidth+8:0;const t=this.suffix?.clientWidth?this.suffix.clientWidth+8:0;this.offsetLeft=e;this.offsetRight=t}))))}handleMessage(){this.checkSlottedHelper();this.checkSlottedError()}async componentWillLoad(){this.handleMessage();if(this.inputid!==this.id)this.idMessage=`${this.inputid}-message`;if(this.language===null)await a(this.hostElement)}componentDidLoad(){this.handleOffset();if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>{this.handleOffset();this.handleMessage()}));this.mo.observe(this.hostElement,{subtree:true,childList:true})}setVal(e){const t=e.composedPath?.()[0];this.value=t.value}clearVal(){const e=new InputEvent("input",{bubbles:true,data:""});const t=this.hostElement.querySelector("input");this.value="";t.focus();t.value=this.value;t.dispatchEvent(e)}translate(e){return f?.[e]?.[this.language||p]}hasHelperText(){return this.helpertext?.length>0||this.showHelperSlot}hasErrorMessage(){return this.error?.length>0||this.showErrorSlot}hasError(){return this.hasErrorMessage()||this.invalid||this.showErrorSlot}hasMessage(){return this.hasHelperText()||this.hasErrorMessage()}checkSlottedHelper(){const e=this.hostElement.querySelector("[slot=helpertext]")?.textContent;this.showHelperSlot=!!e?.length}checkSlottedError(){const e=this.hostElement.querySelector("[slot=error]")?.textContent;this.showErrorSlot=!!e?.length}getInputType(){const e=["text","password","url","tel","search","number","email"];return e.includes(this.type)&&!this.showPassword?this.type:"text"}isPassword(){if(this.disabled)return false;return this.type==="password"||this.type==="text"&&this.showPassword}isSearch(){if(this.disabled)return false;return this.type==="search"&&!!this.value?.length}passwordText(){return this.translate(this.showPassword?"HIDE":"SHOW")}stateDisplay(){return this.valid||this.hasError()}stateIcon(){if(this.valid)return o;return r}stateColor(){if(this.valid)return"green700";return"warning"}showPrefix(){return this.textPrefix&&!this.icon}showSuffix(){return!this.showPrefix()&&!!this.textSuffix?.length&&!this.isPassword()&&this.type!=="search"}render(){return n(i,{key:"7f8348da79171fdb3f3b48733a746d6bd531adee"},n("div",{key:"4867fbb2418edcab774c6cd8c7d98c2431243ac1",class:"pn-input","data-valid":this.valid,"data-error":this.hasError()},(this.label||this.maxlength>=1)&&n("label",{key:"b8978f74d228ab484d3eb4abcba54f693781f4cf",htmlFor:this.inputid,class:"pn-input-label"},this.label&&n("span",{key:"1d28ce32a353c180a8cb4c2e0011362c9911a1f3"},this.label),this.maxlength>=0&&n("span",{key:"aa862bff99623ec29fa4252c6b2a352900726bef"},`${this.value.length}/${this.maxlength}`)),n("div",{key:"595c30428744da15ef835ced9a9d2eec8d866fda",class:"pn-input-group"},n("input",{key:"343c997a23eb23b28daad30e19e26e7685eda62e",type:this.getInputType(),id:this.inputid,class:"pn-input-element",name:this.name,placeholder:this.placeholder,autocomplete:this.autocomplete,maxlength:this.maxlength,list:this.list,pattern:this.pattern,min:this.min,max:this.max,step:this.step,value:this.value,inputmode:this.inputmode,disabled:this.disabled,required:this.required,readonly:this.readonly,"aria-label":this.arialabel,"aria-describedby":this.hasMessage()?this.idMessage:null,"aria-controls":this.ariacontrols,"aria-invalid":this.hasError()?.toString(),style:{"--pn-input-offset-left":`${this.offsetLeft}px`,"--pn-input-offset-right":`${this.offsetRight}px`},onInput:e=>this.setVal(e)}),n("div",{key:"b6442450590e1a5e26322e7c2e5664dc645a2338",class:"pn-input-eyecandy","data-prefix":true,ref:e=>this.prefix=e},!!this.icon&&n("pn-icon",{key:"9e832e7d92c500a8b999570334386567da7bdfb2",icon:this.icon,"aria-hidden":"true"}),this.showPrefix()&&n("span",{key:"06d7d276a732e8506524fd4e04389e6d7a779724",class:"pn-input-text"},this.textPrefix)),n("div",{key:"4fddb9d6b0112af9f194d548cfa45013d55d5345",class:"pn-input-eyecandy","data-suffix":true,ref:e=>this.suffix=e},this.showSuffix()&&n("span",{key:"a1979b08de663081b527cff264b44da4bc4eed9c",class:"pn-input-text"},this.textSuffix),this.stateDisplay()&&n("pn-icon",{key:"4439c0e48081e602e632438948bd4aad7df271dd","aria-hidden":"true",icon:this.stateIcon(),color:this.stateColor()}),this.isPassword()&&n("pn-button",{key:"263f37a02ef2774ced61547355fd1646b42ca465",icon:this.showPassword?c:u,iconOnly:true,arialabel:this.passwordText(),small:true,appearance:"light",variant:"borderless",onClick:()=>this.togglePassword()}),this.isSearch()&&n("pn-button",{key:"d623852137ec384fb10144253f2e8fc48a2cc0b2",icon:l,iconOnly:true,arialabel:this.translate("CLEAR"),small:true,appearance:"light",variant:"borderless",onClick:()=>this.clearVal()}))),n("p",{key:"f88d31f6be9ca8bc1bf96eb58020dcf34c657730",class:"pn-input-message",id:this.idMessage,role:this.hasErrorMessage()?"alert":null,hidden:!this.hasMessage()},this.hasHelperText()&&!this.hasError()&&n("span",{key:"2e255d5201e9485e9f594ad9c4c68cfc123d36fa",class:"pn-input-helper"},this.helpertext),n("span",{key:"a7e6b9cb46357227d0b1c318522b43e866383aea",class:"pn-input-helper-slot",hidden:!this.showHelperSlot||this.hasError()},n("slot",{key:"6e614ea8cf861d78cb63ffb6d3eaa54053b45017",name:"helpertext"})),this.hasErrorMessage()&&n("span",{key:"545331e7c33cbbbb8f9d1952228dcf1819a48a66",class:"pn-input-error"},this.error),n("span",{key:"e446082015c2a97a3317f0b251e52b64d114de59",class:"pn-input-error-slot",hidden:!this.showErrorSlot},n("slot",{key:"7827f003bf9eb49991776dabd9567d603562bec2",name:"error"})))))}static get watchers(){return{textPrefix:["handleOffset"],textSuffix:["handleOffset"],helpertext:["handleMessage"],error:["handleMessage"]}}};g.style=m;export{g as pn_input};
+//# sourceMappingURL=p-63aa3911.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/p-65ae6360.entry.js

@@ -0,0 +1,6 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+import{r as n,c as t,g as i,h as e,a as o}from"./p-43660913.js";import{u as a,k as s,e as c,r,j as u,h as p,o as m,i as l}from"./p-f64d17a6.js";import{c as d}from"./p-99600bc7.js";import{c as h,a as b}from"./p-2f7bb5e8.js";import{o as f}from"./p-773aa70a.js";const g={BACK:{sv:"Tillbaka",en:"Back",da:"Tilbage",fi:"Takaisin",no:"Tilbake"}};const k="pn-action-menu{--pn-menu-height:unset;display:inline-block;position:relative}pn-action-menu .pn-action-menu{position:relative}pn-action-menu .pn-action-menu-container{--pn-action-menu-offset:0;scroll-behavior:smooth;list-style:none;text-align:left;position:absolute;z-index:100;top:calc(100% + 0.5em);left:var(--pn-action-menu-offset);right:0;background-color:#ffffff;box-shadow:0em 0.075em 0.225em 0em rgba(0, 0, 0, 0.1), 0em 0.4em 0.9em 0em rgba(0, 0, 0, 0.13);border-radius:0.5em;margin:0;padding:0;width:16em;visibility:hidden;overflow:hidden;}pn-action-menu .pn-action-menu-container[data-open]{visibility:visible;overflow:unset}pn-action-menu .pn-action-menu-container[data-left]{right:0;left:unset}pn-action-menu .pn-action-menu-container[data-upwards]{top:unset;bottom:calc(100% + 0.5em);transform-origin:bottom left}pn-action-menu .pn-action-menu-container[data-moving]{overflow:hidden;visibility:visible;pointer-events:none}pn-action-menu .pn-action-menu-container[data-small] .pn-action-menu-list{border-radius:0.5em;visibility:hidden;transition-property:visibility;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.2s}@media (prefers-reduced-motion: reduce){pn-action-menu .pn-action-menu-container[data-small] .pn-action-menu-list{transition-duration:0s;transition-delay:0s}}pn-action-menu .pn-action-menu-container[data-small] .pn-action-menu-list[data-current]{overflow-x:auto;visibility:visible;transition-delay:0s}pn-action-menu .pn-action-menu-container[data-small][data-moving]>.pn-action-menu-list{visibility:visible}pn-action-menu .pn-action-menu-container[data-small] .pn-action-menu-item{position:unset}pn-action-menu .pn-action-menu-container[data-small] .pn-action-menu-sub{left:0;height:100%;box-shadow:unset;transform:translateX(0);visibility:hidden}pn-action-menu .pn-action-menu-container[data-small] .pn-action-menu-sub[data-current]{visibility:visible;overflow-x:auto}pn-action-menu .pn-action-menu-container::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}pn-action-menu .pn-action-menu-container::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}pn-action-menu .pn-action-menu-container::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}pn-action-menu .pn-action-menu-container::-webkit-scrollbar-thumb:hover{background-color:#5e554a}pn-action-menu .pn-action-menu-container::-webkit-scrollbar-corner,pn-action-menu .pn-action-menu-container::-webkit-scrollbar-button{display:none}pn-action-menu .pn-action-menu-list{margin:0;padding:0;list-style:none;height:var(--pn-menu-height)}pn-action-menu .pn-action-menu-list::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}pn-action-menu .pn-action-menu-list::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}pn-action-menu .pn-action-menu-list::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}pn-action-menu .pn-action-menu-list::-webkit-scrollbar-thumb:hover{background-color:#5e554a}pn-action-menu .pn-action-menu-list::-webkit-scrollbar-corner,pn-action-menu .pn-action-menu-list::-webkit-scrollbar-button{display:none}pn-action-menu .pn-action-menu-group{margin:0;padding:0;list-style:none}pn-action-menu .pn-action-menu-group-label{display:block;color:#2d2013;font-weight:700;font-size:0.875em;padding:1em 1em 0.5em}pn-action-menu .pn-action-menu-group-helpertext{display:block;color:#5e554a;font-weight:400;margin:0.25em 0 0}pn-action-menu .pn-action-menu-sub{z-index:110;position:absolute;top:0;width:100%;min-width:12em;margin:0;padding:0;list-style:none;background:#ffffff;border-radius:0.5em;box-shadow:0em 0.075em 0.225em 0em rgba(0, 0, 0, 0.1), 0em 0.4em 0.9em 0em rgba(0, 0, 0, 0.13);transform:translateX(-0.5em);opacity:0;visibility:hidden;transition-property:transform, opacity, visibility;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0s, 0s, 0.2s}pn-action-menu .pn-action-menu-sub::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}pn-action-menu .pn-action-menu-sub::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}pn-action-menu .pn-action-menu-sub::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}pn-action-menu .pn-action-menu-sub::-webkit-scrollbar-thumb:hover{background-color:#5e554a}pn-action-menu .pn-action-menu-sub::-webkit-scrollbar-corner,pn-action-menu .pn-action-menu-sub::-webkit-scrollbar-button{display:none}@media (prefers-reduced-motion: reduce){pn-action-menu .pn-action-menu-sub{transition-duration:0s;transition-delay:0s}}pn-action-menu .pn-action-menu-sub[data-open=true]{transform:translateX(0);opacity:1;visibility:visible;transition-delay:0s, 0s, 0s}pn-action-menu .pn-action-menu-sub[data-open=false]{pointer-events:none}pn-action-menu .pn-action-menu-sub[data-x=left]{left:-100%}pn-action-menu .pn-action-menu-sub[data-x=center]{left:0}pn-action-menu .pn-action-menu-sub[data-x=right]{left:100%}pn-action-menu .pn-action-menu-sub[data-y=top]{top:unset;bottom:0}pn-action-menu .pn-action-menu-sub[data-y=bottom]{top:0}pn-action-menu .pn-action-menu-item{position:relative}pn-action-menu .pn-action-menu-item:first-child>.pn-action-menu-item-content>.pn-action-menu-button{border-top-left-radius:0.5em;border-top-right-radius:0.5em}pn-action-menu .pn-action-menu-item:last-child>.pn-action-menu-item-content>.pn-action-menu-button{border-bottom-right-radius:0.5em;border-bottom-left-radius:0.5em}pn-action-menu .pn-action-menu-item-text{display:flex;flex-direction:column;margin-right:auto}pn-action-menu .pn-action-menu-item-label{color:#005d92;font-weight:500;text-decoration:none}pn-action-menu .pn-action-menu-item-suffix{margin-left:auto;font-weight:400;color:#5e554a}pn-action-menu .pn-action-menu-item-helpertext{color:#5e554a;font-weight:400}pn-action-menu .pn-action-menu-item-content{display:flex;align-items:center;flex-direction:row;flex:1 1 100%;gap:0.5em;position:relative}pn-action-menu .pn-action-menu-item-content[data-close]{border-bottom:0.0625em solid #d3cecb}pn-action-menu .pn-action-menu-item-content>pn-icon{padding:0 0.25em}pn-action-menu .pn-action-menu-item[data-group],pn-action-menu .pn-action-menu-item[data-sub]{flex-direction:column}pn-action-menu .pn-action-menu-button{cursor:pointer;position:relative;-webkit-tap-highlight-color:transparent;line-height:1.5;padding:0.75em 1em;border:0;width:100%;text-align:left;text-decoration-color:transparent;overflow:hidden;display:flex;align-items:center;flex:1 1 100%;gap:0.5em;font-size:1em;min-height:1.5em;background-color:#ffffff;transition-property:background-color, color, outline-color, text-decoration-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);outline:0.2rem solid transparent;outline-offset:0.2rem;outline-offset:-0.2rem;}@media (prefers-reduced-motion: reduce){pn-action-menu .pn-action-menu-button{transition-duration:0s;transition-delay:0s}}pn-action-menu .pn-action-menu-button .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#0d234b;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}pn-action-menu .pn-action-menu-button:focus-visible{outline-color:#005d92}pn-action-menu .pn-action-menu-button>pn-icon .pn-icon-svg>path{transform-origin:center;transform:rotate(0deg);transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-action-menu .pn-action-menu-button>pn-icon .pn-icon-svg>path{transition-duration:0s;transition-delay:0s}}pn-action-menu .pn-action-menu-button>pn-icon[data-suffix][data-active]>.pn-icon-svg>path{transform:rotate(180deg)}pn-action-menu .pn-action-menu-button>pn-icon:last-child{margin-left:auto}pn-action-menu .pn-action-menu-button:disabled{pointer-events:none;color:#5e554a;background-color:#f3f2f2}pn-action-menu .pn-action-menu-button:hover{background-color:#effbff}pn-action-menu .pn-action-menu-button:focus{background-color:#e0f8ff}pn-action-menu .pn-action-menu-button[href]:hover,pn-action-menu .pn-action-menu-button[href]:focus{text-decoration-color:#005d92}pn-action-menu .pn-action-menu-checkbox{background-color:#ffffff;flex:0 0 1.5em;width:1.5em;height:1.5em;border:0.0625em solid #969087;border-radius:0.25em;margin-left:auto;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, border-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-action-menu .pn-action-menu-checkbox{transition-duration:0s;transition-delay:0s}}pn-action-menu .pn-action-menu-checkbox svg polyline{stroke:#ffffff;stroke-linecap:round;stroke-dasharray:23;transition-property:stroke-dashoffset;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0s}@media (prefers-reduced-motion: reduce){pn-action-menu .pn-action-menu-checkbox svg polyline{transition-duration:0s;transition-delay:0s}}pn-action-menu .pn-action-menu-checkbox svg polyline.pn-action-menu-checkbox-checkmark-path{stroke-dashoffset:23}pn-action-menu .pn-action-menu-radio{display:flex;gap:0.75em;padding:0;margin-left:auto}pn-action-menu .pn-action-menu-radio-outer{background-color:#ffffff;border:0.0625em solid #969087;border-radius:50%;height:1.5em;width:1.5em;display:flex;justify-content:center;align-items:center;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:border-color, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-action-menu .pn-action-menu-radio-outer{transition-duration:0s;transition-delay:0s}}pn-action-menu .pn-action-menu-radio-inner{transform:scale(0);height:0.75em;width:0.75em;background-color:#005d92;border-radius:50%;transform-origin:center center;transition-property:background-color, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-action-menu .pn-action-menu-radio-inner{transition-duration:0s;transition-delay:0s}}pn-action-menu .pn-action-menu-input{position:absolute;z-index:10;cursor:pointer;height:100%;width:100%;top:0;left:0;margin:0;opacity:0;-webkit-tap-highlight-color:transparent}pn-action-menu .pn-action-menu-input:checked+.pn-action-menu-button{background-color:#effbff}pn-action-menu .pn-action-menu-input:checked+.pn-action-menu-button .pn-action-menu-checkbox{border-color:#005d92;background-color:#005d92}pn-action-menu .pn-action-menu-input:checked+.pn-action-menu-button .pn-action-menu-checkbox polyline.pn-action-menu-checkbox-checkmark-path{transition-delay:0.2s;stroke-dashoffset:0}pn-action-menu .pn-action-menu-input:checked+.pn-action-menu-button .pn-action-menu-radio-outer{border-color:#005d92}pn-action-menu .pn-action-menu-input:checked+.pn-action-menu-button .pn-action-menu-radio-inner{transform:scale(1);background-color:#005d92}pn-action-menu .pn-action-menu-input:checked:hover{background-color:#e0f8ff}pn-action-menu .pn-action-menu-input:focus-visible+.pn-action-menu-button{background-color:#e0f8ff}pn-action-menu .pn-action-menu-input:disabled{pointer-events:none}pn-action-menu .pn-action-menu-input:disabled+.pn-action-menu-button{pointer-events:none;color:#5e554a;background-color:#f3f2f2}pn-action-menu .pn-action-menu-input:disabled+.pn-action-menu-button .pn-action-menu-item-label{color:#5e554a}pn-action-menu .pn-action-menu-input:disabled+.pn-action-menu-button .pn-action-menu-checkbox{background-color:#f3f2f2}pn-action-menu .pn-action-menu-input:disabled+.pn-action-menu-button .pn-action-menu-radio-outer{border-color:#969087;background-color:#f3f2f2}pn-action-menu .pn-action-menu-input:disabled+.pn-action-menu-button .pn-icon-svg path{fill:#5e554a}pn-action-menu .pn-action-menu-input:disabled:checked+.pn-action-menu-button .pn-action-menu-radio-inner{background-color:#969087}pn-action-menu .pn-action-menu-input:disabled:checked+.pn-action-menu-button .pn-action-menu-checkbox{border-color:#969087;background-color:#969087}pn-action-menu .pn-action-menu-input:hover+.pn-action-menu-button{background-color:#e0f8ff}pn-action-menu .pn-action-menu-input:hover+.pn-action-menu-button .pn-action-menu-radio-outer{border-color:#005d92;background-color:#e0f8ff}pn-action-menu .pn-action-menu-input:focus-visible+.pn-action-menu-button{background-color:#e0f8ff}pn-action-menu .pn-action-menu-input:focus-visible+.pn-action-menu-button .pn-action-menu-checkbox,pn-action-menu .pn-action-menu-input:focus-visible+.pn-action-menu-button .pn-action-menu-radio .pn-action-menu-radio-outer{outline-color:#005d92}pn-action-menu .pn-action-menu-p{margin:0}pn-action-menu .pn-action-menu>pn-button[data-default-icon] .pn-button[aria-expanded=true] .pn-icon-svg{transform:rotate(180deg);transition-delay:0s}pn-action-menu .pn-action-menu>pn-button[data-default-icon] .pn-button .pn-icon-svg{transform:rotate(0deg);transition-delay:0.2s;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-action-menu .pn-action-menu>pn-button[data-default-icon] .pn-button .pn-icon-svg{transition-duration:0s;transition-delay:0s}}";const v=k;const y=class{constructor(i){n(this,i);this.menuToggle=t(this,"menuToggle",7);this.menuVisible=t(this,"menuVisible",7);this.menuOption=t(this,"menuOption",7);this.smallMenu=null;this.upwards=false;this.activeSubmenu=[];this.isClosing=false;this.isExpanding=false;this.options=[];this.button=undefined;this.menuId=this.id;this.language=null;this.open=false;this.menuUp=false;this.menuLeft=false}id=`pn-action-menu-${a()}`;menuButtonId=`${this.id}-button`;menuListId=`${this.id}-list`;menuTrigger;menuContainer;menuList;animation;duration=400;animationDuration=this.duration;timeout;menuWidth=256;get hostElement(){return i(this)}menuToggle;menuVisible;menuOption;handleOptions(){this.setMenuLayout()}openHandler(){this.setAnimationDuration();requestAnimationFrame((()=>{if(this.open&&!(this.isClosing||this.isExpanding)){this.setOffset();this.setMenuLayout()}this.gridHandler();this.menuToggle.emit({open:this.open});clearTimeout(this.timeout);this.timeout=setTimeout((()=>{if(!this.open){this.activeSubmenu=[];const n=this.hostElement.querySelectorAll("[data-x]");Array.from(n).forEach((n=>{n.removeAttribute("data-x");n.removeAttribute("data-y")}))}this.menuVisible.emit({visible:this.open})}),this.animationDuration)}))}handleMenuId(){this.menuButtonId=`${this.menuId}-button`;this.menuListId=`${this.menuId}-list`}handleResize(){if(this.open)this.toggleActionMenu(false)}async componentWillLoad(){if(!this.options.length)console.warn(`${this.hostElement.localName}: No options set.`);this.handleMenuId();this.setAnimationDuration();if(this.language!==null)await s(this.hostElement)}componentDidLoad(){this.setOffset();if(this.open)this.gridHandler()}translate(n){return g[n][this.language||c]}globalEvents=n=>{const t=n.target;const i=t?.closest(this.hostElement.localName);if(!i)this.closeEachSubMenu(true)};addGlobalEventListeners(){const n=this.hostElement.getRootNode();n.addEventListener("click",this.globalEvents)}removeGlobalEventListeners(){const n=this.hostElement.getRootNode();n.removeEventListener("click",this.globalEvents)}toggleActionMenu(n){this.open=n??!this.open}setMenuLayout(){if(!this.menuContainer)return;if(!(this.isClosing||this.isExpanding))this.resetMaxHeight();const n=this.getMenuMeasurements();this.setDirection(n);this.setMenuSize(n);this.setMaxHeight(n)}setDirection({hUp:n,hDown:t,sUp:i,sDown:e}){const o=i>n;const a=e>t;const s=e>i;this.upwards=this.menuUp&&o||!a&&!s}setMenuSize({hUp:n,hDown:t,sUp:i,sDown:e}){const o=l();const a=this.upwards?i>n:e>t;const s=o||!a;if(s!==this.smallMenu){this.smallMenu=s}}setMaxHeight({hUp:n,hDown:t,sUp:i,sDown:e}){if(this.smallMenu){const o=n>i?n-16:n;const a=t>e?t-8:t;this.hostElement.style.setProperty("--pn-menu-height",`${this.upwards?o:a}px`)}else this.resetMaxHeight()}resetMaxHeight(){this.hostElement.style.setProperty("--pn-menu-height","unset")}setAnimationDuration(){if(r())this.animationDuration=0;else this.animationDuration=this.duration}getRect(n){return n.getBoundingClientRect()}getMenuMeasurements(){const n=Array.from(this.menuContainer.querySelectorAll("menu"));const t=Math.max(...n.map((n=>n.scrollHeight)));const i=this.getRect(this.menuTrigger);const e=this.getRect(this.menuContainer);const o=i.top-u();const a=o>t?t:o;const s=innerHeight-e.top;const c=s>t?t:s;return{hUp:a,hDown:c,sUp:o,sDown:s}}setOffset(){const n=this.getRect(this.hostElement);const t=p();const i=n.left;const e=n.left+this.menuWidth;const o=t+16;const a=innerWidth-16;let s=0;if(i<o){s=o-i}else if(e>a){s=a-e}if(this.menuContainer)this.menuContainer.style.setProperty("--pn-action-menu-offset",`${s}px`)}getListId(n){return`pn-menu-${n.value}-list`}getButtonId(n){return`pn-menu-${n.value}-button`}getTriggerIcon(){if(this.button?.icon)return;return d}getSubMenuPath(n,t,i=[]){for(const e of n){const n=[...i,e.value];if(e.value===t)return n;if(e.options||e.group){const i=this.getSubMenuPath(e.options||e.group,t,n);if(i)return i}}return null}closeEachSubMenu(n=false){if(!n)this.menuTrigger?.querySelector("button")?.focus({preventScroll:true});const t=setInterval((()=>{if(this.smallMenu||this.activeSubmenu.length===0){clearInterval(t);this.toggleActionMenu(false)}else{this.activeSubmenu.pop();this.activeSubmenu=[...this.activeSubmenu]}}),150)}escButton(n,t){const{key:i}=n;if(i==="Escape"){n.preventDefault();n.stopImmediatePropagation();this.isSubmenuActive(t.value)?this.toggleSub(t):this.toggleActionMenu()}}gridHandler(){if(this.open)this.openGrid();else this.closeGrid()}openGrid(){this.addGlobalEventListeners();const n=this.getRect(this.menuList);const{clientHeight:t}=this.menuContainer;const i=this.isClosing?t:0;this.menuContainer.style.height=`${n.height}px`;this.isExpanding=true;this.animateGrid(true,`${i}px`,`${n.height}px`)}closeGrid(){this.removeGlobalEventListeners();const n=this.getRect(this.menuList);const{clientHeight:t}=this.menuContainer;const i=this.isExpanding?t:n.height;this.menuContainer.style.height=`0px`;this.isClosing=true;this.animateGrid(false,`${i}px`,`0px`)}animateGrid(n,t,i){this.cancelAnimations();this.animation=this.menuContainer.animate({height:[t,i]},{duration:this.animationDuration,easing:"cubic-bezier(0.6, 0, 0.2, 1)"});this.animation.onfinish=()=>this.animationFinish();this.animation.oncancel=()=>n?this.isExpanding=false:this.isClosing=false}animationFinish(){this.cancelAnimations();this.menuContainer.style.height=this.isClosing?"0px":"";this.isClosing=false;this.isExpanding=false}cancelAnimations(){if(this.animation)this.animation.cancel()}async optionSelect(n,t){const i=n?.options?.length?"submenu":!!n.input?"input":n.href?"link":"button";const e=i==="submenu";if(e)this.toggleSub(n);else if(i==="button")this.closeEachSubMenu();else if(i==="input")n.checked=t.target.checked;this.menuOption.emit({option:n,type:i,click:t,open:e?this.isSubmenuActive(n.value):null});const o=t.target;const a=o.localName==="input"?o.nextElementSibling:o.className==="pn-action-menu-button"?o:o.closest(".pn-action-menu-button");const{x:s,width:c,y:r,top:u}=this.getRect(a);const p={clientX:s+c-24,clientY:r-u};m(t.type==="click"?t:p,a);this.menuContainer.scrollTo({top:0})}toggleSub(n){const{value:t}=n;const i=this.getSubMenuPath(this.options,t);const e=this.activeSubmenu.includes(t);e&&i.splice(this.activeSubmenu.indexOf(t),1);const o=this.hostElement.querySelector(`#${this.getListId(n)}`);const a=this.getRect(o);const s=a.left;const c=innerWidth-a.right-8;const r=s>a.width;const u=c>a.width;const p=this.menuUp&&a.top-a.height>0;const m=p?"top":"bottom";if(!e&&!o.dataset.x)o.setAttribute("data-x",this.menuLeft&&r?"left":u?"right":r?"left":"center");if(!e&&!o.dataset.y)o.setAttribute("data-y",m);if(JSON.stringify(i)===JSON.stringify(this.activeSubmenu))this.activeSubmenu=this.activeSubmenu.filter((n=>n!==t));else this.activeSubmenu=[...i]}isSubmenuActive(n){return this.activeSubmenu.includes(n)}isMenuActive(){const n=this.options.find((({value:n})=>this.activeSubmenu.every((t=>t===n))));return this.smallMenu&&(this.activeSubmenu?.length===0||n)}isCurrentSubMenu(n){return Boolean(this.activeSubmenu[this.activeSubmenu.length-1]===n)}getOptionTrailing(n){const t=n.options?.length&&b;const i=n.trailingIcon;const o=n.target==="_blank"&&f;const a=t||i||o;if(a){return e("pn-icon",{icon:a,color:"blue700","data-suffix":true,"data-active":this.isSubmenuActive(n.value)})}if(n.suffix){return e("span",{class:"pn-action-menu-item-suffix"},n.suffix)}}renderCheckbox(n){const t=`pn-menu-${n.value}-label`;const i=`pn-menu-${n.value}-helpertext`;return e("div",{class:"pn-action-menu-item-content"},e("input",{type:n.input,id:t,class:"pn-action-menu-input",name:n.name,value:n.value,checked:n.checked,disabled:n.disabled,"aria-describedby":n.helpertext?i:null,onInput:t=>this.optionSelect(n,t),tabIndex:this.open?null:-1}),e("div",{class:"pn-action-menu-button"},!!n.icon&&e("pn-icon",{icon:n.icon,color:"blue700"}),e("div",{class:"pn-action-menu-item-text"},e("label",{htmlFor:t,class:"pn-action-menu-item-label"},n.label),n.helpertext&&e("p",{id:i,class:"pn-action-menu-item-helpertext"},e("span",null,n.helpertext))),n.input==="checkbox"?e("div",{class:"pn-action-menu-checkbox"},e("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},e("polyline",{class:"pn-action-menu-checkbox-checkmark-path",points:"4,12 9,17 20,6","stroke-width":"3"}))):e("div",{class:"pn-action-menu-radio"},e("div",{class:"pn-action-menu-radio-outer"},e("div",{class:"pn-action-menu-radio-inner"})))))}renderButton(n){const t=n.label==="BACK";const i=!!n?.options?.length;const o=!!n?.group?.length;const a=!!n.href&&!i&&!o;const s=t?"-close":"";const c=t||!!n.icon;const r=t?null:this.getOptionTrailing(n);const u=this.isSubmenuActive(n.value);const p=i?{"aria-haspopup":"true","aria-controls":u?this.getListId(n):null,"aria-expanded":u?.toString()}:{};const m=a?{href:n.href,target:n.target}:{disabled:n.disabled};const l=a?"a":"button";return o?e("div",{class:"pn-action-menu-group-label"},e("p",{class:"pn-action-menu-p"},n.label),n.helpertext&&e("p",{class:"pn-action-menu-group-helpertext"},n.helpertext)):e("div",{class:"pn-action-menu-item-content","data-close":t},e(l,{id:this.getButtonId(n)+s,class:"pn-action-menu-button",...p,...m,tabIndex:this.open?null:-1,onClick:t=>this.optionSelect(n,t),onKeyDown:t=>this.escButton(t,n)},c&&e("pn-icon",{icon:t?h:n.icon,color:"blue700"}),e("div",{class:"pn-action-menu-item-text"},e("span",{class:"pn-action-menu-item-label"},t?this.translate("BACK"):n.label),n.helpertext&&!a&&e("span",{class:"pn-action-menu-item-helpertext"},n.helpertext)),r))}renderSub(n){return e("menu",{id:this.getListId(n),"aria-labelledby":this.getButtonId(n),class:"pn-action-menu-sub","data-open":this.isSubmenuActive(n.value)?.toString(),"data-current":this.isCurrentSubMenu(n.value)},this.smallMenu&&e("li",{class:"pn-action-menu-item"},this.renderButton({label:"BACK",value:n.value,options:n.options})),n.options.map((n=>this.renderMenuItem(n))))}renderGroup(n){return e("menu",{class:"pn-action-menu-group"},n.group.map((n=>this.renderMenuItem(n))))}renderMenuItem(n){const t=!!n?.options?.length;const i=!t&&!!n?.group?.length;const o=!!n.input&&!t&&!i;return e("li",{class:"pn-action-menu-item","data-group":i,"data-sub":t},o?this.renderCheckbox(n):this.renderButton(n),t?this.renderSub(n):i&&this.renderGroup(n))}renderMenu(){return e("div",{id:this.menuListId,class:"pn-action-menu-container",role:"region","aria-labelledby":this.menuButtonId,"data-open":this.open,"data-moving":this.isClosing||this.isExpanding,"data-upwards":this.upwards,"data-small":this.smallMenu,style:{height:"0px"},ref:n=>this.menuContainer=n},e("menu",{class:"pn-action-menu-list",ref:n=>this.menuList=n,"data-current":this.isMenuActive()},this.options?.map((n=>this.renderMenuItem(n)))))}render(){return e(o,{key:"474e0e58bfa5f3105b98e3bee9d2d0b39f450dac"},e("div",{key:"262f0895ad57b5edeffa360530cda0a7144cfe33",id:this.menuId!==this.id?this.menuId:null,class:"pn-action-menu"},e("pn-button",{key:"b77ec7bd057e59c795eea8a16db6cba68c5c527c",icon:this.getTriggerIcon(),...this.button,buttonId:this.menuButtonId,tooltipUp:!this.upwards,ariahaspopup:"true",ariacontrols:this.open?this.menuListId:null,ariaexpanded:this.open.toString(),"data-default-icon":!this.button?.icon,onPnClick:()=>this.toggleActionMenu(),ref:n=>this.menuTrigger=n}),this.renderMenu()))}static get watchers(){return{options:["handleOptions"],open:["openHandler"],menuId:["handleMenuId"]}}};y.style=v;export{y as pn_action_menu};
+//# sourceMappingURL=p-65ae6360.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/p-65ae6360.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["translations","BACK","sv","en","da","fi","no","pnActionMenuCss","PnActionMenuStyle0","PnActionMenu","this","id","uuidv4","menuButtonId","menuListId","menuTrigger","menuContainer","menuList","animation","duration","animationDuration","timeout","menuWidth","menuToggle","menuVisible","menuOption","handleOptions","setMenuLayout","openHandler","setAnimationDuration","requestAnimationFrame","open","isClosing","isExpanding","setOffset","gridHandler","emit","clearTimeout","setTimeout","activeSubmenu","subMenus","hostElement","querySelectorAll","Array","from","forEach","el","removeAttribute","visible","handleMenuId","menuId","handleResize","toggleActionMenu","componentWillLoad","options","length","console","warn","localName","language","awaitTopbar","componentDidLoad","translate","prop","globalEvents","event","target","isWithinActionMenu","closest","closeEachSubMenu","addGlobalEventListeners","root","getRootNode","addEventListener","removeGlobalEventListeners","removeEventListener","state","resetMaxHeight","measurements","getMenuMeasurements","setDirection","setMenuSize","setMaxHeight","hUp","hDown","sUp","sDown","fitsUpwards","fitsDownards","moreSpaceDown","upwards","menuUp","isWidthSmall","isSmallScreen","menuFits","isSmall","smallMenu","heightUp","heightDown","style","setProperty","reduceMotion","getRect","element","getBoundingClientRect","allLists","maxHeight","Math","max","map","scrollHeight","rectButton","rectMenu","top","getTotalHeightOffset","innerHeight","data","sideMenuWidth","getMenuWidth","menuLeft","left","menuRight","leftBoundary","rightBoundary","innerWidth","offset","getListId","option","value","getButtonId","getTriggerIcon","button","icon","chevron_down","getSubMenuPath","path","item","newPath","group","result","preventFocus","querySelector","focus","preventScroll","interval","setInterval","clearInterval","pop","escButton","key","preventDefault","stopImmediatePropagation","isSubmenuActive","toggleSub","openGrid","closeGrid","list","clientHeight","height","animateGrid","startHeight","endHeight","cancelAnimations","animate","easing","onfinish","animationFinish","oncancel","cancel","optionSelect","click","type","input","href","isSubMenu","checked","nextElementSibling","className","x","width","y","clientCor","clientX","clientY","ripple","scrollTo","isActive","includes","splice","indexOf","spaceLeft","spaceRight","right","fitsLeft","fitsRight","climbUp","yDirection","dataset","setAttribute","JSON","stringify","filter","isMenuActive","isRootSubInsideGroup","find","every","val","isCurrentSubMenu","Boolean","getOptionTrailing","useButtonIcon","chevron_right","useTrailingIcon","trailingIcon","useLinkIcon","open_in_new","h","color","suffix","class","renderCheckbox","idHelper","name","disabled","helpertext","onInput","tabIndex","htmlFor","label","xmlns","viewBox","fill","points","renderButton","isCloseButton","isSub","isGroup","isLink","appendedId","hasIcon","trailingObject","subMenuAttrs","toString","attrs","Tag","onClick","onKeyDown","chevron_left","renderSub","renderMenuItem","renderGroup","isCheckbox","renderMenu","role","ref","render","Host","buttonId","tooltipUp","ariahaspopup","ariacontrols","ariaexpanded","onPnClick"],"sources":["src/components/buttons/pn-action-menu/translation.ts","src/components/buttons/pn-action-menu/pn-action-menu.scss?tag=pn-action-menu","src/components/buttons/pn-action-menu/pn-action-menu.tsx"],"sourcesContent":["export const translations = {\n  BACK: {\n    sv: 'Tillbaka',\n    en: 'Back',\n    da: 'Tilbage',\n    fi: 'Takaisin',\n    no: 'Tilbake',\n  },\n};\n\nexport type PnMenuTextProp = keyof typeof translations;\n","@use 'src/globals/main';\n\npn-action-menu {\n  --pn-menu-height: unset;\n  display: inline-block;\n  position: relative;\n}\n\npn-action-menu .pn-action-menu {\n  position: relative;\n\n  &-container {\n    --pn-action-menu-offset: 0;\n\n    scroll-behavior: smooth;\n    list-style: none;\n    text-align: left;\n\n    position: absolute;\n    z-index: 100;\n\n    top: calc(100% + 0.5em);\n    left: var(--pn-action-menu-offset);\n    right: 0;\n\n    background-color: main.$white;\n    box-shadow:\n      0em 0.075em 0.225em 0em rgba(0, 0, 0, 0.1),\n      0em 0.4em 0.9em 0em rgba(0, 0, 0, 0.13);\n\n    border-radius: main.$border-radius;\n    margin: 0;\n    padding: 0;\n    width: 16em;\n\n    visibility: hidden;\n    overflow: hidden;\n\n    &[data-open] {\n      visibility: visible;\n      overflow: unset;\n    }\n\n    &[data-left] {\n      right: 0;\n      left: unset;\n    }\n\n    &[data-upwards] {\n      top: unset;\n      bottom: calc(100% + 0.5em);\n      transform-origin: bottom left;\n    }\n\n    &[data-moving] {\n      overflow: hidden;\n      visibility: visible;\n      pointer-events: none;\n    }\n\n    /** Special rules for the small menu */\n    &[data-small] {\n      .pn-action-menu-list {\n        border-radius: 0.5em;\n        visibility: hidden;\n        @include main.pn-transition('visibility');\n        transition-delay: main.$timing;\n        &[data-current] {\n          overflow-x: auto;\n          visibility: visible;\n          transition-delay: 0s;\n        }\n      }\n\n      &[data-moving] > .pn-action-menu-list {\n        visibility: visible;\n      }\n\n      .pn-action-menu-item {\n        position: unset;\n      }\n\n      .pn-action-menu-sub {\n        left: 0;\n        height: 100%;\n        box-shadow: unset;\n        transform: translateX(0);\n        visibility: hidden;\n        &[data-current] {\n          visibility: visible;\n          overflow-x: auto;\n        }\n      }\n    }\n\n    @include main.pn-scrollbar();\n  }\n\n  &-list {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    height: var(--pn-menu-height);\n    @include main.pn-scrollbar();\n  }\n\n  &-group {\n    margin: 0;\n    padding: 0;\n    list-style: none;\n    &-label {\n      display: block;\n      color: main.$gray900;\n      font-weight: 700;\n      font-size: 0.875em;\n      padding: 1em 1em 0.5em;\n    }\n    &-helpertext {\n      display: block;\n      color: main.$gray700;\n      font-weight: 400;\n      margin: 0.25em 0 0;\n    }\n  }\n\n  &-sub {\n    z-index: 110;\n    position: absolute;\n    top: 0;\n\n    width: 100%;\n    min-width: 12em;\n\n    margin: 0;\n    padding: 0;\n\n    list-style: none;\n    background: main.$white;\n    border-radius: main.$border-radius;\n    box-shadow:\n      0em 0.075em 0.225em 0em rgba(0, 0, 0, 0.1),\n      0em 0.4em 0.9em 0em rgba(0, 0, 0, 0.13);\n\n    transform: translateX(-0.5em);\n    opacity: 0;\n    visibility: hidden;\n\n    @include main.pn-scrollbar();\n    @include main.pn-transition('transform, opacity, visibility');\n    transition-delay: 0s, 0s, main.$timing;\n\n    &[data-open='true'] {\n      transform: translateX(0);\n      opacity: 1;\n      visibility: visible;\n      transition-delay: 0s, 0s, 0s;\n    }\n\n    &[data-open='false'] {\n      pointer-events: none;\n    }\n\n    &[data-x='left'] {\n      left: -100%;\n    }\n\n    &[data-x='center'] {\n      left: 0;\n    }\n\n    &[data-x='right'] {\n      left: 100%;\n    }\n\n    &[data-y='top'] {\n      top: unset;\n      bottom: 0;\n    }\n\n    &[data-y='bottom'] {\n      top: 0;\n    }\n  }\n\n  &-item {\n    position: relative;\n\n    &:first-child > .pn-action-menu-item-content > .pn-action-menu-button {\n      border-top-left-radius: 0.5em;\n      border-top-right-radius: 0.5em;\n    }\n    &:last-child > .pn-action-menu-item-content > .pn-action-menu-button {\n      border-bottom-right-radius: 0.5em;\n      border-bottom-left-radius: 0.5em;\n    }\n\n    &-text {\n      display: flex;\n      flex-direction: column;\n      margin-right: auto;\n    }\n\n    &-label {\n      color: main.$blue700;\n      font-weight: 500;\n      text-decoration: none;\n    }\n\n    &-suffix {\n      margin-left: auto;\n      font-weight: 400;\n      color: main.$gray700;\n    }\n\n    &-helpertext {\n      color: main.$gray700;\n      font-weight: 400;\n    }\n\n    &-content {\n      display: flex;\n      align-items: center;\n      flex-direction: row;\n      flex: 1 1 100%;\n      gap: 0.5em;\n      position: relative;\n\n      &[data-close] {\n        border-bottom: 0.0625em solid main.$gray200;\n      }\n\n      > pn-icon {\n        padding: 0 0.25em;\n      }\n    }\n\n    &[data-group],\n    &[data-sub] {\n      flex-direction: column;\n    }\n  }\n\n  &-button {\n    cursor: pointer;\n    position: relative;\n    -webkit-tap-highlight-color: transparent;\n\n    line-height: 1.5;\n    padding: 0.75em 1em;\n    border: 0;\n    width: 100%;\n    text-align: left;\n    text-decoration-color: transparent;\n\n    overflow: hidden;\n\n    display: flex;\n    align-items: center;\n    flex: 1 1 100%;\n    gap: 0.5em;\n\n    font-size: 1em;\n    min-height: 1.5em;\n    background-color: main.$white;\n\n    @include main.pn-transition('background-color, color, outline-color, text-decoration-color');\n    @include main.pn-ripple(main.$blue900);\n    @include main.pn-focus();\n    outline-offset: -0.2rem;\n\n    > pn-icon {\n      .pn-icon-svg > path {\n        transform-origin: center;\n        transform: rotate(0deg);\n        @include main.pn-transition('transform');\n      }\n\n      &[data-suffix][data-active] > .pn-icon-svg > path {\n        transform: rotate(180deg);\n      }\n\n      &:last-child {\n        margin-left: auto;\n      }\n    }\n\n    &:disabled {\n      pointer-events: none;\n      color: main.$gray700;\n      background-color: main.$gray50;\n    }\n\n    &:hover {\n      background-color: main.$blue25;\n    }\n\n    &:focus {\n      background-color: main.$blue50;\n    }\n\n    &[href] {\n      &:hover,\n      &:focus {\n        text-decoration-color: main.$blue700;\n      }\n    }\n\n    /*\n    &::before {\n      content: '';\n      position: absolute;\n      left: 0;\n      top: 0;\n      width: 0.25em;\n      height: 100%;\n      background-color: transparent;\n      @include main.pn-transition('background-color');\n    }\n\n    &[aria-expanded='true']::before {\n      background-color: main.$blue700;\n    }\n    */\n  }\n\n  &-checkbox {\n    background-color: main.$white;\n    flex: 0 0 1.5em;\n    width: 1.5em;\n    height: 1.5em;\n    border: 0.0625em solid main.$gray400;\n    border-radius: 0.25em;\n    margin-left: auto;\n\n    @include main.pn-focus-base;\n    @include main.pn-transition('background-color, border-color, outline-color');\n\n    svg polyline {\n      stroke: main.$white;\n      stroke-linecap: round;\n      stroke-dasharray: 23;\n      @include main.pn-transition('stroke-dashoffset');\n      transition-delay: 0s;\n\n      &.pn-action-menu-checkbox-checkmark-path {\n        stroke-dashoffset: 23;\n      }\n    }\n  }\n\n  &-radio {\n    display: flex;\n    gap: 0.75em;\n    padding: 0;\n    margin-left: auto;\n\n    &-outer {\n      background-color: main.$input-background;\n      border: main.$input-border;\n      border-radius: 50%;\n      height: 1.5em;\n      width: 1.5em;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n\n      @include main.pn-focus-base;\n      @include main.pn-transition('border-color, background-color, outline-color');\n    }\n\n    &-inner {\n      transform: scale(0);\n      height: 0.75em;\n      width: 0.75em;\n      background-color: main.$input-button-background-box-active;\n      border-radius: 50%;\n      transform-origin: center center;\n      @include main.pn-transition('background-color, transform');\n    }\n  }\n\n  &-input {\n    position: absolute;\n    z-index: 10;\n    cursor: pointer;\n    height: 100%;\n    width: 100%;\n    top: 0;\n    left: 0;\n    margin: 0;\n    opacity: 0;\n    -webkit-tap-highlight-color: transparent;\n\n    &:checked {\n      + .pn-action-menu-button {\n        background-color: main.$blue25;\n        .pn-action-menu-checkbox {\n          border-color: main.$blue700;\n          background-color: main.$blue700;\n          polyline.pn-action-menu-checkbox-checkmark-path {\n            transition-delay: main.$timing;\n            stroke-dashoffset: 0;\n          }\n        }\n        .pn-action-menu-radio {\n          &-outer {\n            border-color: main.$border-color-default-active;\n          }\n          &-inner {\n            transform: scale(1);\n            background-color: main.$input-button-background-box-active;\n          }\n        }\n      }\n\n      &:hover {\n        background-color: main.$blue50;\n      }\n    }\n\n    &:focus-visible + .pn-action-menu-button {\n      background-color: main.$blue50;\n    }\n\n    &:disabled {\n      pointer-events: none;\n      + .pn-action-menu-button {\n        pointer-events: none;\n        color: main.$gray700;\n        background-color: main.$gray50;\n\n        .pn-action-menu-item-label {\n          color: main.$gray700;\n        }\n        .pn-action-menu-checkbox {\n          background-color: main.$gray50;\n        }\n        .pn-action-menu-radio-outer {\n          border-color: main.$gray400;\n          background-color: main.$gray50;\n        }\n        .pn-icon-svg path {\n          fill: main.$gray700;\n        }\n      }\n\n      &:checked + .pn-action-menu-button {\n        .pn-action-menu-radio-inner {\n          background-color: main.$gray400;\n        }\n        .pn-action-menu-checkbox {\n          border-color: main.$gray400;\n          background-color: main.$gray400;\n        }\n      }\n    }\n\n    &:hover + .pn-action-menu-button {\n      background-color: main.$blue50;\n      .pn-action-menu-radio-outer {\n        border-color: main.$input-button-background-box-active;\n        background-color: main.$input-button-background-hover;\n      }\n    }\n\n    &:focus-visible + .pn-action-menu-button {\n      background-color: main.$blue50;\n      .pn-action-menu-checkbox,\n      .pn-action-menu-radio .pn-action-menu-radio-outer {\n        @include main.pn-focus-visible();\n      }\n    }\n  }\n\n  &-p {\n    margin: 0;\n  }\n\n  > pn-button[data-default-icon] .pn-button {\n    &[aria-expanded='true'] .pn-icon-svg {\n      transform: rotate(180deg);\n      transition-delay: 0s;\n    }\n    .pn-icon-svg {\n      transform: rotate(0deg);\n      transition-delay: main.$timing;\n      @include main.pn-transition('transform');\n    }\n  }\n}\n","import { Component, Prop, State, Watch, Element, h, Host, Event, EventEmitter, Listen } from '@stencil/core';\n\nimport {\n  awaitTopbar,\n  en,\n  getMenuWidth,\n  getTotalHeightOffset,\n  isSmallScreen,\n  reduceMotion,\n  ripple,\n  uuidv4,\n} from '@/index';\nimport type {\n  PnLanguages,\n  PnActionMenuItem,\n  Components,\n  PnActionMenuInput,\n  PnActionMenuGroup,\n  PnMeasurements,\n} from '@/index';\n\nimport { translations, PnMenuTextProp } from './translation';\n\nimport { chevron_down, chevron_left, chevron_right, open_in_new } from 'pn-design-assets/pn-assets/icons.js';\n\n/**\n * Create a list of actions in an accessible way.\n *\n * Option types include:\n *\n * - Regular button, click and it will collapse the menu,\n * - Checkbox/radio, toggle the option on/off\n * - Link, behaves like a regular `a[href]` element.\n *\n * You can group these actions in groups and/or sub menus.\n *\n * - `group`, an array of options. The label will act as a title for the items.\n * - `options`, an array of options. These items will appear in a sub-menu that can be toggled.\n *\n * @see {@link PnActionMenuItem}\n */\n@Component({\n  tag: 'pn-action-menu',\n  styleUrl: 'pn-action-menu.scss',\n})\nexport class PnActionMenu {\n  private readonly id: string = `pn-action-menu-${uuidv4()}`;\n\n  private menuButtonId: string = `${this.id}-button`;\n  private menuListId: string = `${this.id}-list`;\n\n  private menuTrigger: HTMLPnButtonElement;\n  private menuContainer: HTMLDivElement;\n  private menuList: HTMLMenuElement;\n\n  private animation: Animation;\n  private readonly duration: number = 400;\n  private animationDuration: number = this.duration;\n\n  private timeout: NodeJS.Timeout;\n\n  /** 16em */\n  private readonly menuWidth: number = 256;\n\n  @Element() private hostElement: HTMLElement;\n\n  @State() private smallMenu: boolean = null;\n  @State() private upwards: boolean = false;\n\n  @State() private activeSubmenu: PnActionMenuItem['value'][] = [];\n\n  @State() private isClosing = false;\n  @State() private isExpanding = false;\n\n  /** Array of action menu options. @see {@link PnActionMenuItem} */\n  @Prop() options: PnActionMenuItem[] = [];\n  /** Set any prop from the `pn-button` component here. @see {@link Components.PnButton} */\n  @Prop() button: Components.PnButton;\n\n  /** Set a custom ID for the menu. */\n  @Prop() menuId?: string = this.id;\n  /** Manually set the language. */\n  @Prop({ mutable: true }) language?: PnLanguages = null;\n\n  /** Open/close the action menu manually. @category Features */\n  @Prop({ mutable: true, reflect: true }) open?: boolean = false;\n  /** Prefer that the menu open upwards, if there is enough space. @category Features */\n  @Prop() menuUp?: boolean = false;\n  /** Prefer that the submenus opens to the left, if there is enough space. @category Features */\n  @Prop() menuLeft?: boolean = false;\n\n  /** Emitted when the menu is opened or closed. */\n  @Event() private menuToggle: EventEmitter<{ open: boolean }>;\n  /** Emitted when the menu is fully hidden/visible after the animation has played. */\n  @Event() private menuVisible: EventEmitter<{ visible: boolean }>;\n  /** Emitted when an option is clicked (button, link, input or submenus). */\n  @Event() private menuOption: EventEmitter<{\n    /** Which type of menu item was clicked. */\n    type: 'button' | 'link' | 'input' | 'submenu';\n    /** If its an `input` type (checkbox/radio), it will be a generic `Event` (ChangeEvent) instead of `MouseEvent`. */\n    click: MouseEvent | Event;\n    /** The full {@link PnActionMenuItem} object. */\n    option: PnActionMenuItem;\n    /** If the submenu is open/closed. */\n    open?: Boolean;\n  }>;\n\n  @Watch('options')\n  handleOptions() {\n    this.setMenuLayout();\n  }\n\n  @Watch('open')\n  openHandler() {\n    this.setAnimationDuration();\n\n    requestAnimationFrame(() => {\n      if (this.open && !(this.isClosing || this.isExpanding)) {\n        this.setOffset();\n        this.setMenuLayout();\n      }\n\n      this.gridHandler();\n\n      this.menuToggle.emit({ open: this.open });\n\n      clearTimeout(this.timeout);\n      this.timeout = setTimeout(() => {\n        if (!this.open) {\n          this.activeSubmenu = [];\n          const subMenus = this.hostElement.querySelectorAll<HTMLUListElement>('[data-x]');\n          Array.from(subMenus).forEach(el => {\n            el.removeAttribute('data-x');\n            el.removeAttribute('data-y');\n          });\n        }\n\n        this.menuVisible.emit({ visible: this.open });\n      }, this.animationDuration);\n    });\n  }\n\n  @Watch('menuId')\n  handleMenuId() {\n    this.menuButtonId = `${this.menuId}-button`;\n    this.menuListId = `${this.menuId}-list`;\n  }\n\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    if (this.open) this.toggleActionMenu(false);\n  }\n\n  async componentWillLoad() {\n    if (!this.options.length) console.warn(`${this.hostElement.localName}: No options set.`);\n\n    this.handleMenuId();\n    this.setAnimationDuration();\n\n    if (this.language !== null) await awaitTopbar(this.hostElement);\n  }\n\n  componentDidLoad() {\n    this.setOffset();\n\n    if (this.open) this.gridHandler();\n  }\n\n  private translate(prop: PnMenuTextProp) {\n    return translations[prop][this.language || en];\n  }\n\n  private globalEvents = (event: PointerEvent | KeyboardEvent) => {\n    const target = event.target as HTMLElement;\n    const isWithinActionMenu = target?.closest(this.hostElement.localName);\n    if (!isWithinActionMenu) this.closeEachSubMenu(true);\n  };\n\n  private addGlobalEventListeners() {\n    const root: Document = this.hostElement.getRootNode() as Document;\n\n    root.addEventListener('click', this.globalEvents);\n  }\n\n  private removeGlobalEventListeners() {\n    const root: Document = this.hostElement.getRootNode() as Document;\n\n    root.removeEventListener('click', this.globalEvents);\n  }\n\n  /** Open/close the action menu. */\n  private toggleActionMenu(state?: boolean) {\n    this.open = state ?? !this.open;\n  }\n\n  private setMenuLayout() {\n    if (!this.menuContainer) return;\n\n    if (!(this.isClosing || this.isExpanding)) this.resetMaxHeight();\n\n    const measurements = this.getMenuMeasurements();\n\n    this.setDirection(measurements);\n    this.setMenuSize(measurements);\n    this.setMaxHeight(measurements);\n  }\n\n  private setDirection({ hUp, hDown, sUp, sDown }: PnMeasurements) {\n    const fitsUpwards = sUp > hUp;\n    const fitsDownards = sDown > hDown;\n    const moreSpaceDown = sDown > sUp;\n    this.upwards = (this.menuUp && fitsUpwards) || (!fitsDownards && !moreSpaceDown);\n  }\n\n  private setMenuSize({ hUp, hDown, sUp, sDown }: PnMeasurements) {\n    const isWidthSmall = isSmallScreen();\n    const menuFits = this.upwards ? sUp > hUp : sDown > hDown;\n    const isSmall = isWidthSmall || !menuFits;\n\n    if (isSmall !== this.smallMenu) {\n      this.smallMenu = isSmall;\n    }\n  }\n\n  private setMaxHeight({ hUp, hDown, sUp, sDown }: PnMeasurements) {\n    if (this.smallMenu) {\n      const heightUp = hUp > sUp ? hUp - 16 : hUp;\n      const heightDown = hDown > sDown ? hDown - 8 : hDown;\n      this.hostElement.style.setProperty('--pn-menu-height', `${this.upwards ? heightUp : heightDown}px`);\n    } else this.resetMaxHeight();\n  }\n\n  private resetMaxHeight() {\n    this.hostElement.style.setProperty('--pn-menu-height', 'unset');\n  }\n\n  private setAnimationDuration() {\n    if (reduceMotion()) this.animationDuration = 0;\n    else this.animationDuration = this.duration;\n  }\n\n  private getRect(element: HTMLElement): DOMRect {\n    return element.getBoundingClientRect();\n  }\n\n  private getMenuMeasurements(): PnMeasurements {\n    const allLists = Array.from(this.menuContainer.querySelectorAll('menu'));\n    const maxHeight = Math.max(...allLists.map(el => el.scrollHeight));\n\n    const rectButton = this.getRect(this.menuTrigger);\n    const rectMenu = this.getRect(this.menuContainer);\n\n    /** Measurements upwards. */\n    const sUp = rectButton.top - getTotalHeightOffset();\n    const hUp = sUp > maxHeight ? maxHeight : sUp;\n\n    /** Measurements downwards. */\n    const sDown = innerHeight - rectMenu.top;\n    const hDown = sDown > maxHeight ? maxHeight : sDown;\n\n    return {\n      hUp,\n      hDown,\n      sUp,\n      sDown,\n    };\n  }\n\n  private setOffset() {\n    const data = this.getRect(this.hostElement);\n    const sideMenuWidth = getMenuWidth();\n\n    // Calculate potential menu position\n    const menuLeft = data.left;\n    const menuRight = data.left + this.menuWidth;\n\n    // Define boundaries\n    const leftBoundary = sideMenuWidth + 16; // Left menu + buffer\n    const rightBoundary = innerWidth - 16; // Right edge - buffer\n\n    let offset = 0;\n\n    // Check if menu would overlap left menu or go off left edge\n    if (menuLeft < leftBoundary) {\n      offset = leftBoundary - menuLeft;\n    }\n    // Check if menu would go off right edge\n    else if (menuRight > rightBoundary) {\n      offset = rightBoundary - menuRight;\n    }\n\n    if (this.menuContainer) this.menuContainer.style.setProperty('--pn-action-menu-offset', `${offset}px`);\n  }\n\n  private getListId(option: PnActionMenuItem) {\n    return `pn-menu-${option.value}-list`;\n  }\n\n  private getButtonId(option: PnActionMenuItem) {\n    return `pn-menu-${option.value}-button`;\n  }\n\n  private getTriggerIcon() {\n    if (this.button?.icon) return;\n    return chevron_down;\n  }\n\n  /** Set the path of open sub menus. */\n  private getSubMenuPath(options: PnActionMenuItem[], value: string, path = []): string[] {\n    for (const item of options) {\n      const newPath = [...path, item.value];\n      if (item.value === value) return newPath;\n\n      if (item.options || item.group) {\n        const result = this.getSubMenuPath(item.options || item.group, value, newPath);\n        if (result) return result;\n      }\n    }\n    return null;\n  }\n\n  private closeEachSubMenu(preventFocus: boolean = false) {\n    if (!preventFocus) this.menuTrigger?.querySelector('button')?.focus({ preventScroll: true });\n\n    const interval = setInterval(() => {\n      if (this.smallMenu || this.activeSubmenu.length === 0) {\n        clearInterval(interval);\n        this.toggleActionMenu(false);\n      } else {\n        this.activeSubmenu.pop();\n        this.activeSubmenu = [...this.activeSubmenu];\n      }\n    }, 150);\n  }\n\n  private escButton(event: KeyboardEvent, option: PnActionMenuItem) {\n    const { key } = event;\n\n    if (key === 'Escape') {\n      event.preventDefault();\n      event.stopImmediatePropagation();\n\n      this.isSubmenuActive(option.value) ? this.toggleSub(option) : this.toggleActionMenu();\n    }\n  }\n\n  // Animation Start\n\n  private gridHandler() {\n    if (this.open) this.openGrid();\n    else this.closeGrid();\n  }\n\n  private openGrid() {\n    this.addGlobalEventListeners();\n\n    const list = this.getRect(this.menuList);\n\n    const { clientHeight } = this.menuContainer;\n    const height = this.isClosing ? clientHeight : 0;\n    this.menuContainer.style.height = `${list.height}px`;\n\n    this.isExpanding = true;\n    this.animateGrid(true, `${height}px`, `${list.height}px`);\n  }\n\n  private closeGrid() {\n    this.removeGlobalEventListeners();\n\n    const list = this.getRect(this.menuList);\n\n    const { clientHeight } = this.menuContainer;\n    const height = this.isExpanding ? clientHeight : list.height;\n    this.menuContainer.style.height = `0px`;\n\n    this.isClosing = true;\n    this.animateGrid(false, `${height}px`, `0px`);\n  }\n\n  private animateGrid(open: boolean, startHeight: string, endHeight: string) {\n    this.cancelAnimations();\n    this.animation = this.menuContainer.animate(\n      {\n        height: [startHeight, endHeight],\n      },\n      {\n        duration: this.animationDuration,\n        easing: 'cubic-bezier(0.6, 0, 0.2, 1)',\n      },\n    );\n    this.animation.onfinish = () => this.animationFinish();\n    this.animation.oncancel = () => (open ? (this.isExpanding = false) : (this.isClosing = false));\n  }\n\n  private animationFinish() {\n    this.cancelAnimations();\n    this.menuContainer.style.height = this.isClosing ? '0px' : '';\n    this.isClosing = false;\n    this.isExpanding = false;\n  }\n\n  private cancelAnimations() {\n    if (this.animation) this.animation.cancel();\n  }\n\n  // Animation end\n\n  private async optionSelect(option: PnActionMenuItem, click: MouseEvent | Event) {\n    const type = option?.options?.length ? 'submenu' : !!option.input ? 'input' : option.href ? 'link' : 'button';\n    const isSubMenu = type === 'submenu';\n\n    if (isSubMenu) this.toggleSub(option);\n    else if (type === 'button') this.closeEachSubMenu();\n    else if (type === 'input') option.checked = (click.target as HTMLInputElement).checked;\n\n    this.menuOption.emit({\n      option,\n      type,\n      click,\n      open: isSubMenu ? this.isSubmenuActive(option.value) : null,\n    });\n\n    const target = click.target as HTMLElement;\n    const element =\n      target.localName === 'input'\n        ? (target.nextElementSibling as HTMLElement)\n        : target.className === 'pn-action-menu-button'\n          ? target\n          : target.closest<HTMLElement>('.pn-action-menu-button');\n\n    const { x, width, y, top } = this.getRect(element as HTMLElement);\n    const clientCor = { clientX: x + width - 24, clientY: y - top };\n\n    ripple(click.type === 'click' ? (click as MouseEvent) : clientCor, element);\n\n    this.menuContainer.scrollTo({ top: 0 });\n  }\n\n  /** Toggle individual sub-menus inside the action menu by using the `option['value']`. */\n  private toggleSub(option: PnActionMenuItem) {\n    const { value } = option;\n\n    const path = this.getSubMenuPath(this.options, value);\n    const isActive = this.activeSubmenu.includes(value);\n    isActive && path.splice(this.activeSubmenu.indexOf(value), 1);\n\n    const item = this.hostElement.querySelector<HTMLElement>(`#${this.getListId(option)}`);\n    const data = this.getRect(item);\n\n    const spaceLeft = data.left;\n    const spaceRight = innerWidth - data.right - 8;\n\n    const fitsLeft = spaceLeft > data.width;\n    const fitsRight = spaceRight > data.width;\n\n    const climbUp = this.menuUp && data.top - data.height > 0;\n    const yDirection = climbUp ? 'top' : 'bottom';\n\n    if (!isActive && !item.dataset.x)\n      item.setAttribute(\n        'data-x',\n        this.menuLeft && fitsLeft ? 'left' : fitsRight ? 'right' : fitsLeft ? 'left' : 'center',\n      );\n    if (!isActive && !item.dataset.y) item.setAttribute('data-y', yDirection);\n\n    if (JSON.stringify(path) === JSON.stringify(this.activeSubmenu))\n      this.activeSubmenu = this.activeSubmenu.filter(item => item !== value);\n    else this.activeSubmenu = [...path];\n  }\n\n  /** Check if a sub-menu is active. */\n  private isSubmenuActive(value: string): boolean {\n    return this.activeSubmenu.includes(value);\n  }\n\n  private isMenuActive() {\n    const isRootSubInsideGroup = this.options.find(({ value }) => this.activeSubmenu.every(val => val === value));\n    return this.smallMenu && (this.activeSubmenu?.length === 0 || isRootSubInsideGroup);\n  }\n\n  private isCurrentSubMenu(value: string) {\n    return Boolean(this.activeSubmenu[this.activeSubmenu.length - 1] === value);\n  }\n\n  private getOptionTrailing(option: PnActionMenuItem) {\n    const useButtonIcon = option.options?.length && chevron_right;\n    const useTrailingIcon = option.trailingIcon;\n    const useLinkIcon = option.target === '_blank' && open_in_new;\n\n    /** If the user has defined a trialing icon, use it first. */\n    const icon = useButtonIcon || useTrailingIcon || useLinkIcon;\n\n    if (icon) {\n      return <pn-icon icon={icon} color=\"blue700\" data-suffix data-active={this.isSubmenuActive(option.value)} />;\n    }\n    if (option.suffix) {\n      return <span class=\"pn-action-menu-item-suffix\">{option.suffix}</span>;\n    }\n  }\n\n  private renderCheckbox(option: PnActionMenuInput) {\n    const id = `pn-menu-${option.value}-label`;\n    const idHelper = `pn-menu-${option.value}-helpertext`;\n    return (\n      <div class=\"pn-action-menu-item-content\">\n        <input\n          type={option.input}\n          id={id}\n          class=\"pn-action-menu-input\"\n          name={option.name}\n          value={option.value}\n          checked={option.checked}\n          disabled={option.disabled}\n          aria-describedby={option.helpertext ? idHelper : null}\n          onInput={event => this.optionSelect(option, event)}\n          tabIndex={this.open ? null : -1}\n        />\n\n        <div class=\"pn-action-menu-button\">\n          {!!option.icon && <pn-icon icon={option.icon} color=\"blue700\" />}\n\n          <div class=\"pn-action-menu-item-text\">\n            <label htmlFor={id} class=\"pn-action-menu-item-label\">\n              {option.label}\n            </label>\n            {option.helpertext && (\n              <p id={idHelper} class=\"pn-action-menu-item-helpertext\">\n                <span>{option.helpertext}</span>\n              </p>\n            )}\n          </div>\n          {option.input === 'checkbox' ? (\n            <div class=\"pn-action-menu-checkbox\">\n              <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n                <polyline class=\"pn-action-menu-checkbox-checkmark-path\" points=\"4,12 9,17 20,6\" stroke-width=\"3\" />\n              </svg>\n            </div>\n          ) : (\n            <div class=\"pn-action-menu-radio\">\n              <div class=\"pn-action-menu-radio-outer\">\n                <div class=\"pn-action-menu-radio-inner\" />\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n    );\n  }\n\n  private renderButton(option: PnActionMenuItem) {\n    const isCloseButton = option.label === 'BACK';\n    const isSub = !!option?.options?.length;\n    const isGroup = !!option?.group?.length;\n    const isLink = !!option.href && !isSub && !isGroup;\n\n    const appendedId = isCloseButton ? '-close' : '';\n    const hasIcon = isCloseButton || !!option.icon;\n\n    const trailingObject = isCloseButton ? null : this.getOptionTrailing(option);\n    const open = this.isSubmenuActive(option.value);\n    const subMenuAttrs = isSub\n      ? {\n          'aria-haspopup': 'true',\n          'aria-controls': open ? this.getListId(option) : null,\n          'aria-expanded': open?.toString(),\n        }\n      : {};\n\n    const attrs = isLink\n      ? {\n          href: option.href,\n          target: option.target,\n        }\n      : {\n          disabled: option.disabled,\n        };\n\n    const Tag = isLink ? 'a' : 'button';\n\n    return isGroup ? (\n      <div class=\"pn-action-menu-group-label\">\n        <p class=\"pn-action-menu-p\">{option.label}</p>\n        {option.helpertext && <p class=\"pn-action-menu-group-helpertext\">{option.helpertext}</p>}\n      </div>\n    ) : (\n      <div class=\"pn-action-menu-item-content\" data-close={isCloseButton}>\n        <Tag\n          id={this.getButtonId(option) + appendedId}\n          class=\"pn-action-menu-button\"\n          {...subMenuAttrs}\n          {...attrs}\n          tabIndex={this.open ? null : -1}\n          onClick={event => this.optionSelect(option, event)}\n          onKeyDown={(event: KeyboardEvent) => this.escButton(event, option)}\n        >\n          {hasIcon && <pn-icon icon={isCloseButton ? chevron_left : option.icon} color=\"blue700\" />}\n          <div class=\"pn-action-menu-item-text\">\n            <span class=\"pn-action-menu-item-label\">{isCloseButton ? this.translate('BACK') : option.label}</span>\n            {option.helpertext && !isLink && <span class=\"pn-action-menu-item-helpertext\">{option.helpertext}</span>}\n          </div>\n          {trailingObject}\n        </Tag>\n      </div>\n    );\n  }\n\n  private renderSub(option: PnActionMenuItem) {\n    return (\n      <menu\n        id={this.getListId(option)}\n        aria-labelledby={this.getButtonId(option)}\n        class=\"pn-action-menu-sub\"\n        data-open={this.isSubmenuActive(option.value)?.toString()}\n        data-current={this.isCurrentSubMenu(option.value)}\n      >\n        {this.smallMenu && (\n          <li class=\"pn-action-menu-item\">\n            {this.renderButton({\n              label: 'BACK',\n              value: option.value,\n              options: option.options,\n            })}\n          </li>\n        )}\n        {option.options.map(item => this.renderMenuItem(item))}\n      </menu>\n    );\n  }\n\n  private renderGroup(option: PnActionMenuGroup) {\n    return <menu class=\"pn-action-menu-group\">{option.group.map(item => this.renderMenuItem(item))}</menu>;\n  }\n\n  private renderMenuItem(option: PnActionMenuItem) {\n    const isSub = !!option?.options?.length;\n    const isGroup = !isSub && !!option?.group?.length;\n\n    const isCheckbox = !!option.input && !isSub && !isGroup;\n\n    return (\n      <li class=\"pn-action-menu-item\" data-group={isGroup} data-sub={isSub}>\n        {isCheckbox ? this.renderCheckbox(option) : this.renderButton(option)}\n        {isSub ? this.renderSub(option) : isGroup && this.renderGroup(option)}\n      </li>\n    );\n  }\n\n  private renderMenu() {\n    return (\n      <div\n        id={this.menuListId}\n        class=\"pn-action-menu-container\"\n        role=\"region\"\n        aria-labelledby={this.menuButtonId}\n        data-open={this.open}\n        data-moving={this.isClosing || this.isExpanding}\n        data-upwards={this.upwards}\n        data-small={this.smallMenu}\n        style={{ height: '0px' }}\n        ref={el => (this.menuContainer = el)}\n      >\n        <menu class=\"pn-action-menu-list\" ref={el => (this.menuList = el)} data-current={this.isMenuActive()}>\n          {this.options?.map(option => this.renderMenuItem(option))}\n        </menu>\n      </div>\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        <div id={this.menuId !== this.id ? this.menuId : null} class=\"pn-action-menu\">\n          <pn-button\n            icon={this.getTriggerIcon()}\n            {...this.button}\n            buttonId={this.menuButtonId}\n            tooltipUp={!this.upwards}\n            ariahaspopup=\"true\"\n            ariacontrols={this.open ? this.menuListId : null}\n            ariaexpanded={this.open.toString()}\n            data-default-icon={!this.button?.icon}\n            onPnClick={() => this.toggleActionMenu()}\n            ref={el => (this.menuTrigger = el)}\n          />\n          {this.renderMenu()}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/{p-bf015c0f.entry.js → p-699b7bde.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as t,g as n,h as i}from"./p-43660913.js";const e="pn-text-link{display:inline}pn-text-link .pn-text-link{border-radius:0.25em;color:#005d92;font-weight:500;text-decoration:underline;font-size:1em;transition-property:color, outline-color, text-decoration-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);outline:0.2rem solid transparent;outline-offset:0.2rem}@media (prefers-reduced-motion: reduce){pn-text-link .pn-text-link{transition-duration:0s;transition-delay:0s}}pn-text-link .pn-text-link:focus-visible{outline-color:#005d92}pn-text-link .pn-text-link:hover{color:#0d234b;text-decoration-color:#0d234b}pn-text-link .pn-text-link[data-icon]{display:inline-flex;gap:0.25em;align-items:center;text-decoration-color:transparent;padding:0.1em;border-radius:0.5em}pn-text-link .pn-text-link[data-icon] .pn-icon-svg path{fill:#005d92}pn-text-link .pn-text-link[data-icon]:hover{text-decoration-color:#0d234b}pn-text-link .pn-text-link[data-icon]:hover .pn-icon-svg path,pn-text-link .pn-text-link[data-icon]:focus-visible .pn-icon-svg path{fill:#0d234b}pn-text-link .pn-text-link[data-icon][data-icon-left]{flex-direction:row-reverse}pn-text-link .pn-text-link[data-light]{color:#ffffff}pn-text-link .pn-text-link[data-light]:focus-visible{outline-color:#ffffff}pn-text-link .pn-text-link[data-light]:hover{text-decoration-color:#ffffff}pn-text-link .pn-text-link[data-light][data-icon] pn-icon .pn-icon-svg path{fill:#ffffff}";const o=e;const l=class{constructor(n){t(this,n);this.label=undefined;this.href=undefined;this.light=false;this.icon=undefined;this.leftIcon=false;this.download=undefined;this.hreflang=undefined;this.media=undefined;this.referrerpolicy=undefined;this.rel="noopener noreferrer";this.target=undefined;this.linkid=undefined}get hostElement(){return n(this)}render(){return i("a",{key:"e3eedcb07dbfb7530142b37f6fa11c2df8eabd08",id:this.linkid,class:"pn-text-link",href:this.href,rel:this.rel,target:this.target,download:this.download,hreflang:this.hreflang,media:this.media,referrerPolicy:this.referrerpolicy,"data-icon":!!this.icon,"data-icon-left":this.leftIcon,"data-light":this.light},this.label,i("slot",{key:"830b2a522a8c296540c2831d0b5fae2b35933337"}),this.icon&&i("pn-icon",{key:"97b8e1c3037cad1d5bd3b9910762508615a9e191",icon:this.icon}))}};l.style=o;export{l as pn_text_link};
-//# sourceMappingURL=p-bf015c0f.entry.js.map
+import{r as t,g as n,h as i}from"./p-43660913.js";const e="pn-text-link{display:inline}pn-text-link .pn-text-link{border-radius:0.25em;color:#005d92;font-weight:500;text-decoration:underline;font-size:1em;transition-property:color, outline-color, text-decoration-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);outline:0.2rem solid transparent;outline-offset:0.2rem}@media (prefers-reduced-motion: reduce){pn-text-link .pn-text-link{transition-duration:0s;transition-delay:0s}}pn-text-link .pn-text-link:focus-visible{outline-color:#005d92}pn-text-link .pn-text-link:hover{color:#0d234b;text-decoration-color:#0d234b}pn-text-link .pn-text-link[data-icon]{display:inline-flex;gap:0.25em;align-items:center;text-decoration-color:transparent;padding:0.1em;border-radius:0.5em}pn-text-link .pn-text-link[data-icon] .pn-icon-svg path{fill:#005d92}pn-text-link .pn-text-link[data-icon]:hover{text-decoration-color:#0d234b}pn-text-link .pn-text-link[data-icon]:hover .pn-icon-svg path,pn-text-link .pn-text-link[data-icon]:focus-visible .pn-icon-svg path{fill:#0d234b}pn-text-link .pn-text-link[data-icon][data-icon-left]{flex-direction:row-reverse}pn-text-link .pn-text-link[data-light]{color:#ffffff}pn-text-link .pn-text-link[data-light]:focus-visible{outline-color:#ffffff}pn-text-link .pn-text-link[data-light]:hover{text-decoration-color:#ffffff}pn-text-link .pn-text-link[data-light][data-icon] pn-icon .pn-icon-svg path{fill:#ffffff}";const o=e;const l=class{constructor(n){t(this,n);this.label=undefined;this.href=undefined;this.light=false;this.icon=undefined;this.leftIcon=false;this.download=undefined;this.hreflang=undefined;this.media=undefined;this.referrerpolicy=undefined;this.rel="noopener noreferrer";this.target=undefined;this.linkid=undefined}get hostElement(){return n(this)}render(){return i("a",{key:"88ee2cf28a906eecb3b77f3bb4c25103368a6be1",id:this.linkid,class:"pn-text-link",href:this.href,rel:this.rel,target:this.target,download:this.download,hreflang:this.hreflang,media:this.media,referrerPolicy:this.referrerpolicy,"data-icon":!!this.icon,"data-icon-left":this.leftIcon,"data-light":this.light},this.label,i("slot",{key:"a0ceda16a5282b86356334e0f68872bdf6ddc8dd"}),this.icon&&i("pn-icon",{key:"85a9dc141e364134bb258bbdb5a7b76ad76b37bf",icon:this.icon}))}};l.style=o;export{l as pn_text_link};
+//# sourceMappingURL=p-699b7bde.entry.js.map