@postnord/pn-marketweb-components 2.0.3-beta3 → 2.0.4

package/umd/modules/@postnord/web-components/esm-es5/pn-select.entry.js

@@ -0,0 +1 @@
+var __spreadArray=this&&this.__spreadArray||function(e,t){for(var s=0,i=t.length,n=e.length;s<i;s++,n++)e[n]=t[s];return e};import{r as registerInstance,c as createEvent,f as forceUpdate,h,a as Host,g as getElement}from"./index-1b1c55fe.js";var pnSelectCss="pn-select{cursor:pointer;outline:none;position:relative;display:-ms-flexbox;display:flex;padding:0.6em 1em;z-index:0;-webkit-transition:z-index 0s 0.5s;transition:z-index 0s 0.5s;}pn-select.select-label{padding-top:1.9em}pn-select.select-label .select-content{margin-top:1.9em}pn-select.select-label>label{position:absolute;top:1.25em;left:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);font-size:0.875em;color:#5E554A}pn-select.select-error{color:#A70707}pn-select.select-error.select-error-message{padding-bottom:1.9em}pn-select.select-error.select-error-message .select-content{margin-bottom:1.9em}pn-select.select-error>label{color:#A70707}pn-select.select-error .current-selection>pn-option{color:#A70707}pn-select.select-error .current-selection>svg.arrow{fill:#A70707}pn-select.select-error>small{color:#A70707;font-size:0.75em;font-size:max(.6em, 1.2rem);position:absolute;bottom:1.25em;left:0;-webkit-transform:translateY(100%);transform:translateY(100%)}pn-select.select-error>small>pn-icon{margin-right:0.25em}pn-select.select-error .select-bg-top,pn-select.select-error .select-bg-bottom,pn-select.select-error .select-bg{border-color:#A70707}pn-select>span{min-height:1.5em;display:block;width:100%;white-space:nowrap;opacity:0;padding-right:2em}pn-select:hover .select-bg,pn-select:hover .select-bg-top,pn-select:hover .select-bg-bottom{border-color:#00A0D6}pn-select:focus .select-bg-top,pn-select:focus-within .select-bg-top,pn-select:not(.search):active .select-bg-top{border-color:#005D92;-webkit-box-shadow:-0.1rem -0.1rem 0 0 #005D92, 0.1rem -0.1rem 0 0 #005D92;box-shadow:-0.1rem -0.1rem 0 0 #005D92, 0.1rem -0.1rem 0 0 #005D92}pn-select:focus .select-bg,pn-select:focus-within .select-bg,pn-select:not(.search):active .select-bg{border-color:#005D92;-webkit-box-shadow:-0.1rem 0 0 0 #005D92, -0.1rem 0 0 0 #005D92, 0.1rem 0 0 0 #005D92, 0.1rem 0 0 0 #005D92;box-shadow:-0.1rem 0 0 0 #005D92, -0.1rem 0 0 0 #005D92, 0.1rem 0 0 0 #005D92, 0.1rem 0 0 0 #005D92}pn-select:focus .select-bg-bottom,pn-select:focus-within .select-bg-bottom,pn-select:not(.search):active .select-bg-bottom{border-color:#005D92;-webkit-box-shadow:0.1rem 0.1rem 0 0 #005D92, -0.1rem 0.1rem 0 0 #005D92;box-shadow:0.1rem 0.1rem 0 0 #005D92, -0.1rem 0.1rem 0 0 #005D92}.current-selection{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 1em;position:relative;z-index:2;min-height:1.5em}.current-selection pn-checkbox{margin-right:0.5em}.current-selection pn-option{pointer-events:none;color:#005D92;font-weight:500;overflow:hidden;white-space:nowrap;-ms-flex:1 1;flex:1 1}.current-selection pn-option .pn-option-content{width:100%;overflow-x:hidden;text-overflow:ellipsis}.current-selection>svg.arrow{-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s;fill:#005D92;-ms-flex-negative:0;flex-shrink:0;margin-left:0.5em}.select-content{position:absolute;z-index:3;top:0;left:0;margin:0.6em 0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition:border 0.1s, -webkit-transform 0.2s 0.2s cubic-bezier(0.7, 0, 0.3, 1), -webkit-box-shadow 0.1s;transition:border 0.1s, -webkit-transform 0.2s 0.2s cubic-bezier(0.7, 0, 0.3, 1), -webkit-box-shadow 0.1s;transition:transform 0.2s 0.2s cubic-bezier(0.7, 0, 0.3, 1), border 0.1s, box-shadow 0.1s;transition:transform 0.2s 0.2s cubic-bezier(0.7, 0, 0.3, 1), border 0.1s, box-shadow 0.1s, -webkit-transform 0.2s 0.2s cubic-bezier(0.7, 0, 0.3, 1), -webkit-box-shadow 0.1s}.select-content[data-flipping]{-webkit-transition:none;transition:none}div.select-options{position:absolute;left:0;right:0;top:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;pointer-events:none;padding:0.1em;z-index:3;overflow-y:auto;visibility:hidden;-webkit-transition:visibility 0s 0.2s;transition:visibility 0s 0.2s}div.select-options>*{width:100%}div.select-options>hr{border:0.1rem solid #005D92;border-bottom:0;margin:0.6em 0 0;opacity:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s}div.select-options input[type=text]{border:0.1rem solid #5E554A;width:100%;padding:0.5em;border-radius:0.8rem;outline:none;-webkit-transition:border 0.1s, -webkit-box-shadow 0.1s ease-in-out;transition:border 0.1s, -webkit-box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out, border 0.1s;transition:box-shadow 0.1s ease-in-out, border 0.1s, -webkit-box-shadow 0.1s ease-in-out}div.select-options input[type=text]:hover{border:0.1rem solid #00A0D6}div.select-options input[type=text]:focus{-webkit-box-shadow:0 0 0 0.1rem #005D92;box-shadow:0 0 0 0.1rem #005D92;border:0.1rem solid #005D92}div.select-options .select-search,div.select-options pn-option{-webkit-transition:opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s;transition:opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s;transition:transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, opacity 0.4s;transition:transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s;opacity:0;padding:1em}div.select-options .select-search[data-flipping],div.select-options pn-option[data-flipping]{-webkit-transition:opacity 0.4s, -webkit-transform 0s;transition:opacity 0.4s, -webkit-transform 0s;transition:transform 0s, opacity 0.4s;transition:transform 0s, opacity 0.4s, -webkit-transform 0s;-webkit-transform:translate(calc(-1px * var(--dx)), calc(-1px * var(--dy)));transform:translate(calc(-1px * var(--dx)), calc(-1px * var(--dy)))}div.select-options .select-search{z-index:2}div.select-options .select-search+pn-option{margin-top:0.1em}div.select-options pn-option{z-index:1}div.select-options pn-option+pn-option{margin-top:0.1em}div.select-options[data-hidden=true] pn-option.hidden{position:absolute;top:1.1em;opacity:0;width:100%;z-index:0;pointer-events:none;background:transparent}.select-bg{border-right:0.1rem solid black;border-left:0.1rem solid black;position:absolute;left:0;right:0;top:0;bottom:0;background-color:#fff;-webkit-transition:inherit;transition:inherit;-webkit-transform-origin:top left;transform-origin:top left;pointer-events:none}[data-flipping]>.select-bg{-webkit-transform:scaleY(calc(1 / var(--dh)));transform:scaleY(calc(1 / var(--dh)))}.select-bg-top,.select-bg-bottom{position:absolute;left:0;right:0;height:1.3em;border:0.1rem solid black;background-color:white}.select-bg-top{border-radius:0.8rem 0.8rem 0 0;top:-0.6em;border-bottom:none;-webkit-transition:inherit;transition:inherit}[data-flipping]>.select-bg-top{-webkit-transform:translateY(calc(-1px * var(--dy)));transform:translateY(calc(-1px * var(--dy)))}.select-bg-bottom{border-radius:0 0 0.8rem 0.8rem;border-top:none;-webkit-transition:inherit;transition:inherit;bottom:-0.6em;z-index:2}[data-flipping]>.select-bg-bottom{-webkit-transform:translateY(calc(-1px * var(--dy)));transform:translateY(calc(-1px * var(--dy)))}.pn-select.upwards .select-content{top:unset;bottom:0;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.pn-select.upwards .select-content div.select-options{bottom:100%;top:unset;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.pn-select.upwards .select-content div.select-options>hr{margin:0 0 0.6em}.pn-select.upwards .select-content div.select-options[data-hidden=true] pn-option.hidden{top:unset;bottom:1.3em}.pn-select.upwards .select-content .select-bg{-webkit-transform-origin:bottom left;transform-origin:bottom left}.pn-select.upwards .select-content .select-bg-bottom{-webkit-transition:none;transition:none}.pn-select.upwards pn-option+pn-option{margin-top:0;margin-bottom:0.1em}.pn-select[data-state=open]{z-index:5;-webkit-transition-delay:0s;transition-delay:0s}.pn-select[data-state=open] div.select-options{position:relative;pointer-events:unset;-webkit-transition:none;transition:none;visibility:visible}.pn-select[data-state=open] div.select-options[data-hidden=true] pn-option{-webkit-transition:opacity 0.2s, background 0.2s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.1, 1), -webkit-box-shadow 0.1s;transition:opacity 0.2s, background 0.2s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.1, 1), -webkit-box-shadow 0.1s;transition:opacity 0.2s, transform 0.2s cubic-bezier(0.7, 0, 0.1, 1), background 0.2s, box-shadow 0.1s;transition:opacity 0.2s, transform 0.2s cubic-bezier(0.7, 0, 0.1, 1), background 0.2s, box-shadow 0.1s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.1, 1), -webkit-box-shadow 0.1s}.pn-select[data-state=open] div.select-options[data-hidden=true] pn-option+.select-search{margin-top:0}.pn-select[data-state=open] div.select-options[data-hidden=true] pn-option[data-flipping]{-webkit-transition:opacity 3s, -webkit-transform 0s;transition:opacity 3s, -webkit-transform 0s;transition:transform 0s, opacity 3s;transition:transform 0s, opacity 3s, -webkit-transform 0s}.pn-select[data-state=open] pn-option,.pn-select[data-state=open] .select-search,.pn-select[data-state=open] hr{opacity:1;-webkit-transition:opacity 0.4s calc(0.2s + (var(--i) * 0.03s)), background 0.2s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, -webkit-box-shadow 0.2s;transition:opacity 0.4s calc(0.2s + (var(--i) * 0.03s)), background 0.2s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, -webkit-box-shadow 0.2s;transition:opacity 0.4s calc(0.2s + (var(--i) * 0.03s)), transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, background 0.2s, box-shadow 0.2s;transition:opacity 0.4s calc(0.2s + (var(--i) * 0.03s)), transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, background 0.2s, box-shadow 0.2s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, -webkit-box-shadow 0.2s}.pn-select[data-state=open] .select-content{-webkit-transition-delay:0s;transition-delay:0s}.pn-select[data-state=open] .current-selection svg.arrow{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition-delay:0s;transition-delay:0s}";var Pnselect=function(){function e(e){registerInstance(this,e);this.selectchange=createEvent(this,"selectchange",7);this.checkchange=createEvent(this,"checkchange",7);this.searchable=false;this.label=null;this.placeholder=null;this.checkbox=false;this.checkboxid="";this.checked=false;this.indeterminate=false;this.error="";this.invalid=false;this.value=null;this.internalValue=null;this.open=false;this.upwards=false;this.loaded=false;this.handleGlobalEvents=this.globalHandler.bind(this);this.hiddenOptions=[];this.visibleOptions=[];this.searchDebounce=null}e.prototype.componentWillLoad=function(){this.loaded=true};e.prototype.componentDidLoad=function(){var e=this;this.registerEventHandlers();if(this.mo)this.mo.disconnect();var t=this.mo=new MutationObserver((function(){forceUpdate(e.hostElement);e.elementInit()}));t.observe(this.hostElement,{childList:true});this.initialize()};e.prototype.initialize=function(){this.elementInit()};e.prototype.changeHandler=function(e){var t=e.composedPath()[0];if(t===this.parentCheckbox){this.checked=t.checked;this.indeterminate=false;this.checkchange.emit(e)}};e.prototype.selectOptionHandler=function(e){var t=e.composedPath()[0];var s=this.hostElement.querySelector(".current-selection pn-option");var i=t.innerHTML;s.innerHTML=i;this.options.forEach((function(e){if(e!==t){e.removeAttribute("selected")}}));this.internalValue=e.detail;this.selectchange.emit(this.internalValue);this.open=false};e.prototype.stateHandler=function(){var e=this;this.flip((function(){e.hostElement.dataset.state=e.open?"open":"collapsed";if(e.open)e.checkOrientation()}),this.animatedEls);if(this.open){document.addEventListener("click",this.handleGlobalEvents);document.addEventListener("keyup",this.handleGlobalEvents);document.addEventListener("scroll",this.handleGlobalEvents)}if(!this.open){document.removeEventListener("click",this.handleGlobalEvents);document.removeEventListener("keyup",this.handleGlobalEvents);document.removeEventListener("scroll",this.handleGlobalEvents);this.hostElement.focus()}};e.prototype.globalHandler=function(e){var t=e.composedPath()[0];if(!this.hostElement.contains(t)&&e.type!=="scroll"){this.open=false}else if(e.type==="scroll"){var s=this.hostElement.getBoundingClientRect().top;var i=window.innerHeight-this.hostElement.getBoundingClientRect().bottom;if(i<=0||s<=0){this.open=false}}};e.prototype.elementInit=function(){var e=this;this.options=Array.from(this.hostElement.querySelectorAll(".select-options pn-option"));this.selectEl=this.hostElement.querySelector(".pn-select");this.selectContent=this.hostElement.querySelector(".select-content");this.animatedEls=this.hostElement.querySelectorAll("[data-select-flip]");this.optionsList=this.hostElement.querySelector(".select-options");if(this.searchable){this.searchField=this.hostElement.querySelector(".select-search-input")}if(this.checkbox){this.parentCheckbox=this.hostElement.querySelector(".current-selection pn-checkbox input");var t=Array.from(this.hostElement.querySelectorAll(".select-options pn-checkbox input"));if(t.length<=0)return;t.forEach((function(e){e.setAttribute("tabindex","-1")}))}this.options.forEach((function(t,s){t.dataset.index=""+s;s=e.searchable?s+1:s;t.style.setProperty("--i",""+s);t.setAttribute("index",""+s);t.setAttribute("select-has-loaded",""+e.loaded);if(e.value)t.setAttribute("parent-value",""+e.value)}))};e.prototype.setFocusToList=function(){var e=this;var t=this.hostElement.getRootNode().activeElement;requestAnimationFrame((function(){if(t.nodeName!=="PN-OPTION"){if(e.searchable){e.searchField.focus();return}if(e.visibleOptions.length>0){e.visibleOptions[0].focus();return}e.options[0].focus()}}))};e.prototype.focusNextOption=function(){var e=this.hostElement.getRootNode().activeElement;if(e===this.hostElement.querySelector(".select-search-input")){var t=this.options.find((function(e){if(!e.classList.contains("hidden")){return e}}));t.focus();return}if(e.nextElementSibling&&e.nextElementSibling.nodeName==="PN-OPTION"){if(e.nextElementSibling.classList.contains("hidden")){var t=this.options.find((function(t,s){if(s>parseInt(e.dataset.index)&&!t.classList.contains("hidden")){return t}}));if(t)t.focus();return}e.nextElementSibling.focus();return}this.setFocusToList()};e.prototype.focusPrevOption=function(){var e=this.hostElement.getRootNode().activeElement;if(e===this.hostElement.querySelector(".select-search-input")){var t=this.options.find((function(e){if(!e.classList.contains("hidden")){return e}}));t.focus();return}if(this.searchable&&(e===this.visibleOptions[0]||e.previousElementSibling.classList.contains("select-search"))){this.searchField.focus();return}if(e.previousElementSibling&&e.previousElementSibling.nodeName==="PN-OPTION"){if(e.previousElementSibling.classList.contains("hidden")){var t=this.options.find((function(t,s){if(s<parseInt(e.dataset.index)&&!t.classList.contains("hidden")){return t}}));if(t)t.focus();return}e.previousElementSibling.focus();return}this.setFocusToList()};e.prototype.registerEventHandlers=function(){var e=this;this.hostElement.addEventListener("click",(function(t){var s=t.composedPath()[0];if(s.nodeName!=="PN-OPTION"&&s.closest(".pn-option-content")===null&&s.closest("pn-checkbox")===null&&s.closest(".select-search")===null||s.closest("pn-option")!==null&&s.closest("pn-option").hasAttribute("selected")){e.open=!e.open}}));var t=["Enter","Space","ArrowUp","ArrowDown"];this.hostElement.addEventListener("keydown",(function(s){var i=s.composedPath()[0];if(t.includes(s.code)){if(i.closest(".select-search")===null){s.preventDefault()}else if(["ArrowUp","ArrowDown"].includes(s.code)){s.preventDefault()}if(!e.open){e.open=true;e.setFocusToList();return}if(["Space","Enter"].includes(s.code)&&(i.nodeName!=="PN-OPTION"||i.hasAttribute("selected"))&&i.closest(".select-search")===null){e.open=false}if(["ArrowUp","ArrowDown"].includes(s.code)){if(e.upwards){if(s.code==="ArrowUp"){e.focusNextOption()}if(s.code==="ArrowDown"){e.focusPrevOption()}}else{if(s.code==="ArrowUp"){e.focusPrevOption()}if(s.code==="ArrowDown"){e.focusNextOption()}}}}if(s.code==="Escape"){e.open=false}}))};e.prototype.checkOrientation=function(){this.optionsList.style.removeProperty("max-height");var e=this.hostElement.getBoundingClientRect().bottom;var t=window.innerHeight-e;var s=this.hostElement.getBoundingClientRect().top;var i=this.selectContent.getBoundingClientRect().height;if(window.innerHeight-e<i&&s>window.innerHeight-e){this.upwards=true;this.hostElement.classList.add("upwards");if(s<i){if(s-50<250){this.optionsList.style.setProperty("max-height","250px");return}if(s-50>600){this.optionsList.style.setProperty("max-height","600px");return}this.optionsList.style.setProperty("max-height",s-50+"px")}}else{this.upwards=false;this.hostElement.classList.remove("upwards");if(t<i){if(t-50<250){this.optionsList.style.setProperty("max-height","250px");return}if(t-50>600){this.optionsList.style.setProperty("max-height","600px");return}this.optionsList.style.setProperty("max-height",t-50+"px")}}};e.prototype.getRect=function(e){return e.getBoundingClientRect()};e.prototype.flip=function(e,t,s){var i=this;if(s===void 0){s=function(){return t}}var n=Array.from(t).map((function(e){return[e,i.getRect(e)]}));requestAnimationFrame((function(){e();var t=Array.from(s()).map((function(e){return[e,i.getRect(e)]}));n.forEach((function(e,s){var i=e[0],n=e[1];var o=t[s],r=o[0],a=o[1];var l=a.x-n.x;var c=a.y-n.y;var p=a.width/n.width;var d=a.height/n.height;r.dataset.flipping=true;r.style.setProperty("--dx",l);r.style.setProperty("--dy",c);r.style.setProperty("--dw",p);r.style.setProperty("--dh",d);requestAnimationFrame((function(){return delete r.dataset.flipping}))}))}))};e.prototype.manageOptionVisibility=function(e,t){var s=this;if(e){this.flip((function(){s.optionsList.dataset.hidden="true"}),__spreadArray(__spreadArray([],this.options),this.animatedEls))}else{this.flip((function(){delete s.optionsList.dataset.hidden}),__spreadArray(__spreadArray([],this.options),this.animatedEls));t.forEach((function(e){e.classList.remove("hidden")}))}};e.prototype.filterSearch=function(e){var t=this;var s=e.target;if(this.searchDebounce!==null){clearTimeout(this.searchDebounce);this.searchDebounce=null}this.searchDebounce=setTimeout((function(){t.hiddenOptions=[];t.visibleOptions=[];t.options.forEach((function(e){if(!e.innerText.toLowerCase().includes(s.value.toLowerCase())){e.classList.add("hidden");e.removeAttribute("tabindex");t.hiddenOptions.push(e)}else{e.setAttribute("tabindex","-1");t.visibleOptions.push(e)}}));if(t.hiddenOptions.length>0){t.manageOptionVisibility(true,null)}else{t.manageOptionVisibility(false,t.visibleOptions)}}),200)};e.prototype.getClassNames=function(){var e="pn-select ";if(this.searchable)e+="search ";if(this.label)e+="select-label ";if(this.error||this.invalid)e+="select-error ";if(this.error)e+="select-error-message ";return e};e.prototype.render=function(){var e=this;return h(Host,{class:this.getClassNames(),tabindex:"0","data-state":"collapsed"},this.label&&h("label",null,this.label),h("span",null,this.placeholder||""),h("div",{class:"select-content","data-select-flip":true},h("div",{class:"select-bg-top","data-select-flip":true}),h("div",{class:"select-bg-bottom","data-select-flip":true}),h("div",{class:"select-bg"}),h("div",{class:"current-selection"},this.checkbox&&h("pn-checkbox",{checkboxid:this.checkboxid,checked:this.checked,indeterminate:this.indeterminate}),h("pn-option",null,this.placeholder),h("svg",{class:"arrow",width:"18",height:"10",viewBox:"0 0 18 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L0.292892 1.70711C-0.0976315 1.31658 -0.0976315 0.683417 0.292892 0.292893C0.683418 -0.0976315 1.31658 -0.0976315 1.70711 0.292893L9 7.58579L16.2929 0.292893C16.6834 -0.0976315 17.3166 -0.0976315 17.7071 0.292893C18.0976 0.683417 18.0976 1.31658 17.7071 1.70711L9.70711 9.70711Z"}))),h("div",{class:"select-options","aria-hidden":!this.open},h("hr",null),this.searchable&&h("div",{class:"select-search",style:{"--i":"0"}},h("input",{class:"select-search-input",tabindex:!this.open?"-1":"0",onInput:function(t){return e.filterSearch(t)},type:"text",placeholder:"search"})),h("slot",null))),this.error&&h("small",null,h("pn-icon",{symbol:"alert-exclamation-circle",small:true,color:"warning"}),this.error))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{open:["stateHandler"]}},enumerable:false,configurable:true});return e}();Pnselect.style=pnSelectCss;export{Pnselect as pn_select};

package/umd/modules/@postnord/web-components/esm-es5/pn-spinner.entry.js

@@ -0,0 +1 @@
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-1b1c55fe.js";var pnSpinnerCss="pn-spinner{height:1.5em;width:1.5em;height:var(--size);width:var(--size);display:block}pn-spinner svg{-webkit-animation:rotate 1s infinite;animation:rotate 1s infinite;display:block}pn-spinner svg .circle{stroke:#005D92;-webkit-transform-origin:center center;transform-origin:center center;-webkit-transform:rotate(-310deg);transform:rotate(-310deg);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:64;-webkit-animation:loading 2s infinite;animation:loading 2s infinite}pn-spinner svg .dot{fill:#005D92}pn-spinner.light .circle{stroke:#fff}pn-spinner.light .dot{fill:#fff}pn-spinner svg,pn-spinner svg .circle{-webkit-animation-timing-function:cubic-bezier(0.5, 0, 0.5, 1);animation-timing-function:cubic-bezier(0.5, 0, 0.5, 1)}@-webkit-keyframes loading{0%{stroke-dashoffset:55}50%{stroke-dashoffset:12}100%{stroke-dashoffset:55}}@keyframes loading{0%{stroke-dashoffset:55}50%{stroke-dashoffset:12}100%{stroke-dashoffset:55}}@-webkit-keyframes rotate{from{-webkit-transform:rotate(-180deg) scaleX(-1);transform:rotate(-180deg) scaleX(-1)}to{-webkit-transform:rotate(180deg) scaleX(-1);transform:rotate(180deg) scaleX(-1)}}@keyframes rotate{from{-webkit-transform:rotate(-180deg) scaleX(-1);transform:rotate(-180deg) scaleX(-1)}to{-webkit-transform:rotate(180deg) scaleX(-1);transform:rotate(180deg) scaleX(-1)}}";var PnSpinner=function(){function e(e){registerInstance(this,e);this.light=false;this.size="1.5"}e.prototype.render=function(){return h(Host,{class:this.light?"light":"",style:{"--size":this.size+"em"}},h("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},h("circle",{class:"circle",cx:"12",cy:"12",r:"10","stroke-width":"3"}),h("circle",{class:"dot",cx:"21.3",cy:"16",r:"1.48"})))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();PnSpinner.style=pnSpinnerCss;export{PnSpinner as pn_spinner};

package/umd/modules/@postnord/web-components/esm-es5/pn-tab.entry.js

@@ -0,0 +1 @@
+import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-1b1c55fe.js";var pnTabCss="pn-tab{margin-right:2.5em;-ms-flex-negative:0;flex-shrink:0;scroll-snap-align:center}pn-tab:last-of-type{padding-right:1.5em;margin-right:0}pn-tab:first-child{padding-left:1.5em}button.pn-tab{padding:0 0.5em 0.5em;border:none;font:inherit;background-color:transparent;cursor:pointer;font-size:0.9em;color:#000;font-weight:300;outline:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition:color 0.3s ease-in-out;transition:color 0.3s ease-in-out}button.pn-tab svg{margin-right:0.4em;width:1.7em;height:1.7em}button.pn-tab svg path,button.pn-tab svg polygon{-webkit-transition:fill 0.3s ease-in-out;transition:fill 0.3s ease-in-out;fill:#000}button.pn-tab.active{color:#005D92}button.pn-tab.active svg path,button.pn-tab.active svg polygon{fill:#005D92}";var PnTab=function(){function t(t){registerInstance(this,t);this.setactivetab=createEvent(this,"setactivetab",7)}t.prototype.setActiveTabHandler=function(){this.setactivetab.emit({val:this.value,el:this.hostElement})};t.prototype.componentDidUpdate=function(){if(this.activeTab===this.value){this.setActiveTabHandler()}};t.prototype.getClassNames=function(){var t="pn-tab";if(this.activeTab===this.value)t+=" active";return t};t.prototype.render=function(){var t=this;return h("button",{class:this.getClassNames(),onClick:function(){return t.setActiveTabHandler()}},h("slot",null),this.label)};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PnTab.style=pnTabCss;export{PnTab as pn_tab};

package/umd/modules/@postnord/web-components/esm-es5/pn-table.entry.js

@@ -0,0 +1 @@
+import{r as registerInstance,h,g as getElement}from"./index-1b1c55fe.js";var pnTableCss="pn-table{display:block;margin-bottom:16px}pn-table.bordered .pn-table-container table thead tr:last-child th,pn-table.bordered .pn-table-container table thead tr:last-child td{border-bottom-width:2px}pn-table.bordered .pn-table-container table thead tr:first-child th,pn-table.bordered .pn-table-container table thead tr:first-child td{border-top:1px solid #F3F2F2}pn-table.bordered .pn-table-container table thead tr th,pn-table.bordered .pn-table-container table thead tr td{border-right:1px solid #F3F2F2;border-bottom:1px solid #F3F2F2}pn-table.bordered .pn-table-container table thead tr th:first-child,pn-table.bordered .pn-table-container table thead tr td:first-child{border-left:1px solid #F3F2F2}pn-table.bordered .pn-table-container table tbody tr.hover-before th,pn-table.bordered .pn-table-container table tbody tr.hover-before td{border-bottom-color:#E0F8FF}pn-table.bordered .pn-table-container table tbody tr.hover th,pn-table.bordered .pn-table-container table tbody tr.hover td{border-bottom-color:#E0F8FF}pn-table.bordered .pn-table-container table tbody tr.hover th:first-child,pn-table.bordered .pn-table-container table tbody tr.hover td:first-child{border-left-color:#E0F8FF}pn-table.bordered .pn-table-container table tbody tr.hover th:last-child,pn-table.bordered .pn-table-container table tbody tr.hover td:last-child{border-right-color:#E0F8FF}pn-table.bordered .pn-table-container table tbody tr th,pn-table.bordered .pn-table-container table tbody tr td{border-bottom:1px solid #F3F2F2}pn-table.bordered .pn-table-container table tbody tr th:first-child,pn-table.bordered .pn-table-container table tbody tr td:first-child{border-left:1px solid #F3F2F2}pn-table.bordered .pn-table-container table tbody tr th:last-child,pn-table.bordered .pn-table-container table tbody tr td:last-child{border-right:1px solid #F3F2F2}pn-table.bordered.no-prev.hover .pn-table-container table thead tr th,pn-table.bordered.no-prev.hover .pn-table-container table thead tr td{border-bottom-color:#E0F8FF}pn-table.bordered.clicked.no-prev .pn-table-container table thead tr th,pn-table.bordered.clicked.no-prev .pn-table-container table thead tr td{border-bottom-color:#00A0D6}pn-table.bordered.clicked .pn-table-container table tbody tr.hover-before th,pn-table.bordered.clicked .pn-table-container table tbody tr.hover-before td{border-bottom-color:#00A0D6}pn-table.bordered.clicked .pn-table-container table tbody tr.hover th,pn-table.bordered.clicked .pn-table-container table tbody tr.hover td{border-bottom-color:#00A0D6}pn-table.bordered.clicked .pn-table-container table tbody tr.hover th:first-child,pn-table.bordered.clicked .pn-table-container table tbody tr.hover td:first-child{border-left-color:#00A0D6}pn-table.bordered.clicked .pn-table-container table tbody tr.hover th:last-child,pn-table.bordered.clicked .pn-table-container table tbody tr.hover td:last-child{border-right-color:#00A0D6}pn-table.bordered.striped .pn-table-container table tbody tr th,pn-table.bordered.striped .pn-table-container table tbody tr td{border-bottom-width:0}pn-table.bordered.striped .pn-table-container table tbody tr:last-child th,pn-table.bordered.striped .pn-table-container table tbody tr:last-child td{border-bottom-width:1px}pn-table.striped .pn-table-container table tbody tr:nth-child(odd) th,pn-table.striped .pn-table-container table tbody tr:nth-child(odd) td{background-color:#E0F8FF}pn-table.striped.disabled .pn-table-container table tbody tr:nth-child(odd) th,pn-table.striped.disabled .pn-table-container table tbody tr:nth-child(odd) td{background-color:#F3F2F2}pn-table .pn-table-container table{width:100%}pn-table .pn-table-container table,pn-table .pn-table-container table th,pn-table .pn-table-container table td{padding:0;margin:0;border:0;outline:0;border-collapse:collapse;max-width:100%}pn-table .pn-table-container table th,pn-table .pn-table-container table td{text-align:left;font-size:14px;line-height:20px;vertical-align:middle;padding:14px 16px}pn-table .pn-table-container table th pn-icon,pn-table .pn-table-container table td pn-icon{vertical-align:middle}pn-table .pn-table-container table thead tr th,pn-table .pn-table-container table thead tr td{color:#00A0D6;font-weight:500}pn-table .pn-table-container table thead tr th .column-wrapper,pn-table .pn-table-container table thead tr td .column-wrapper{display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}pn-table .pn-table-container table thead tr th .column-wrapper pn-icon,pn-table .pn-table-container table thead tr td .column-wrapper pn-icon{cursor:pointer}pn-table .pn-table-container table tbody tr th,pn-table .pn-table-container table tbody tr td{color:#5E554A;font-weight:300}pn-table .pn-table-container table tbody tr th{font-weight:500;color:#2D2013}";var PnTable=function(){function t(t){registerInstance(this,t)}t.prototype.componentWillLoad=function(){var t=this;if(this.bordered&&!this.striped){var e=Array.from(this.hostElement.querySelectorAll("tbody tr"));e.forEach((function(r,n){r.addEventListener("mousedown",(function(){t.hostElement.classList.add("clicked")}));r.addEventListener("mouseup",(function(){t.hostElement.classList.remove("clicked")}));r.addEventListener("mouseover",(function(){if(n){e[n-1].classList.add("hover-before")}else{t.hostElement.classList.add("no-prev")}t.hostElement.classList.add("hover");r.classList.add("hover")}));r.addEventListener("mouseout",(function(){if(n){e[n-1].classList.remove("hover-before")}else{t.hostElement.classList.remove("no-prev")}t.hostElement.classList.remove("hover");r.classList.remove("hover")}))}))}if(this.disabled){this.hostElement.classList.add("disabled")}else{this.hostElement.classList.remove("disabled")}if(this.bordered){this.hostElement.classList.add("bordered")}else{this.hostElement.classList.remove("bordered")}if(this.striped){this.hostElement.classList.add("striped")}else{this.hostElement.classList.remove("striped")}};t.prototype.render=function(){return h("div",{class:"pn-table-container"},h("slot",null))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PnTable.style=pnTableCss;export{PnTable as pn_table};

package/umd/modules/@postnord/web-components/esm-es5/pn-tablist.entry.js

@@ -0,0 +1 @@
+import{r as registerInstance,c as createEvent,f as forceUpdate,h,a as Host,g as getElement}from"./index-1b1c55fe.js";var pnTablistCss=".pn-tablist{width:100%;position:relative;border-bottom:0.1em solid #D4CECB;display:block}.pn-tablist>.tablist{overflow-y:hidden;overflow-x:auto;display:-ms-flexbox;display:flex;position:relative;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.pn-tablist>.tablist::-webkit-scrollbar{display:none}.pn-tablist.stacked button.pn-tab{-ms-flex-direction:column;flex-direction:column}.pn-tablist.stacked button.pn-tab svg{margin:0 0 0.2em}.pn-tablist .scroll-arrows{position:absolute;top:50%;left:0;right:0;overflow:hidden;pointer-events:none;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;z-index:1;height:100%}.pn-tablist .scroll-arrows.left>.arrow-left{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.pn-tablist .scroll-arrows.right>.arrow-right{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.pn-tablist .scroll-arrows svg{width:1.5em}.pn-tablist .scroll-arrows svg path{fill:#005D92}.pn-tablist .scroll-arrows>*{-webkit-transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;pointer-events:all;width:2.5em;height:2.5em;background:white;border:none;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;cursor:pointer}.pn-tablist .scroll-arrows>*.arrow-left{-webkit-transform:translateX(-100%);transform:translateX(-100%);border-radius:0 50% 50% 0;padding:0 0.3em 0 0;-webkit-box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}.pn-tablist .scroll-arrows>*.arrow-right{-webkit-transform:translateX(100%);transform:translateX(100%);border-radius:50% 0 0 50%;padding:0 0 0 0.3em;-webkit-box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}.pn-tablist .scroll-arrows>*:active{background:#F3F2F2}.pn-tablist .line{height:0.1em;width:100%;position:absolute;bottom:0}.pn-tablist .line .active-line,.pn-tablist .line .hovered-line{position:absolute;-webkit-transform-origin:left center;transform-origin:left center;width:100%;-webkit-transition:opacity 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97);transition:opacity 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97);transition:transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97), opacity 0.2s ease-in-out;transition:transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97), opacity 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97)}.pn-tablist .line .active-line{background-color:#005D92;height:0.5em;bottom:-0.3em;z-index:1;opacity:0}.pn-tablist .line .hovered-line{background-color:#00A0D6;height:0.1em;opacity:0}";var PnTablist=function(){function t(t){registerInstance(this,t);this.tabchange=createEvent(this,"tabchange",7);this.value=null;this.stackedicons=false;this.showScrollArrows=false;this.isTabHovered=false;this.enterHandler=this.handleEnter.bind(this);this.leaveHandler=this.handleLeave.bind(this);this.scrollArrowClasses="scroll-arrows "}t.prototype.valueWatcher=function(){this.setValue()};t.prototype.setActiveTabHandler=function(t){var e=this;var r=t.detail;this.tabElement=r.el;requestAnimationFrame((function(){return e.activateTab()}));if(this.value===r.val)return;this.value=r.val;this.tabchange.emit(this.value)};t.prototype.handleResize=function(){this.rerender()};t.prototype.componentDidLoad=function(){var t=this;this.rerender();this.setValue();this.registerEvents();if(this.mo)this.mo.disconnect();var e=this.mo=new MutationObserver((function(){forceUpdate(t.hostElement);t.rerender();t.registerEvents()}));e.observe(this.hostElement,{childList:true})};t.prototype.setValue=function(){var t=this;var e=Array.from(this.hostElement.querySelectorAll("pn-tab"));e.forEach((function(e){e.activeTab=t.value}))};t.prototype.rerender=function(){var t=this;requestAnimationFrame((function(){t.scrollIndicators();t.calcActiveItemHighlight()}))};t.prototype.activateTab=function(){var t=this.hostElement.getBoundingClientRect();var e=this.tabElement.querySelector("button").getBoundingClientRect();var r=this.hostElement.querySelector(".tablist").scrollLeft;var s=this.hostElement.querySelector(".line .active-line");var i={scale:e.width/t.width,offset:e.left+r-t.left};s.style.setProperty("transform","translateX("+i.offset+"px) scaleX("+i.scale+")");s.style.setProperty("opacity","1")};t.prototype.calcActiveItemHighlight=function(){this.isTabHovered=false;this.tabListEl=this.hostElement.querySelector(".tablist");this.hoveredLine=this.tabListEl.querySelector(".hovered-line")};t.prototype.handleEnter=function(t){this.isTabHovered=true;var e=t.target.getBoundingClientRect();var r=this.tabListEl.getBoundingClientRect();var s=this.tabListEl.scrollLeft;var i={scale:e.width/r.width,offset:e.left+s-r.left};this.hoveredLine.style.setProperty("transform","translateX("+i.offset+"px) scaleX("+i.scale+")");this.hoveredLine.style.setProperty("opacity","1")};t.prototype.handleLeave=function(){var t=this;this.isTabHovered=false;setTimeout((function(){if(!t.isTabHovered)t.hoveredLine.style.setProperty("opacity","0")}),500)};t.prototype.registerEvents=function(){var t=this;var e=this.availableTabs?this.availableTabs:null;this.availableTabs=this.hostElement.querySelectorAll("button.pn-tab");if(e){this.availableTabs.forEach((function(e){e.removeEventListener("mouseenter",t.enterHandler);e.removeEventListener("focus",t.enterHandler);e.removeEventListener("mouseleave",t.leaveHandler);e.removeEventListener("blur",t.leaveHandler)}))}this.availableTabs.forEach((function(e){e.addEventListener("mouseenter",t.enterHandler);e.addEventListener("focus",t.enterHandler);e.addEventListener("mouseleave",t.leaveHandler);e.addEventListener("blur",t.leaveHandler)}))};t.prototype.scrollHandler=function(){var t=this;if(this.showScrollArrows){this.hostElement.querySelector(".tablist").addEventListener("scroll",(function(){return t.scrollIndicators()}))}else{this.hostElement.querySelector(".tablist").removeEventListener("scroll",(function(){return t.scrollIndicators()}))}};t.prototype.scrollIndicators=function(){var t=this.hostElement.querySelector(".tablist").scrollWidth;var e=this.hostElement.clientWidth+15;var r=this.hostElement.querySelector(".tablist").scrollLeft;this.showScrollArrows=t>e;this.scrollArrowClasses="scroll-arrows ";if(this.showScrollArrows){if(r>0)this.scrollArrowClasses+="left ";if(e+r<t)this.scrollArrowClasses+="right "}};t.prototype.scroll=function(t){var e=this.hostElement.querySelector(".tablist");var r=e.scrollLeft+t;e.scroll({left:r,behavior:"smooth"})};t.prototype.getClassNames=function(){var t="pn-tablist";if(this.stackedicons)t+=" stacked";return t};t.prototype.render=function(){var t=this;return h(Host,{role:"tablist","aria-label":"tablist",class:this.getClassNames()},h("div",{class:"tablist"},h("slot",null),h("div",{class:"line"},h("div",{class:"active-line"}),h("div",{class:"hovered-line"}))),this.showScrollArrows&&h("div",{class:this.scrollArrowClasses},h("button",{class:"arrow-left",onClick:function(){return t.scroll(-120)},tabindex:"-1"},h("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.414 12l7.293-7.293-1.414-1.414L6.586 12l8.707 8.707 1.414-1.414L9.414 12z"}))),h("button",{class:"arrow-right",onClick:function(){return t.scroll(120)},tabindex:"-1"},h("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},h("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.707 3.293L17.414 12l-8.707 8.707-1.414-1.414L14.586 12 7.293 4.707l1.414-1.414z"})))))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueWatcher"],showScrollArrows:["scrollHandler"]}},enumerable:false,configurable:true});return t}();PnTablist.style=pnTablistCss;export{PnTablist as pn_tablist};

package/umd/modules/@postnord/web-components/esm-es5/pn-tile.entry.js

@@ -0,0 +1 @@
+import{r as registerInstance,f as forceUpdate,h,a as Host,g as getElement}from"./index-1b1c55fe.js";import{a as allIllustrations}from"./illustrations-3ebd7a9b.js";var pnTileCss="pn-tile{position:relative;font-size:1em;}pn-tile a.pn-tile-link{position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;opacity:0}pn-tile .pn-tile{border:0.1rem solid #D3CECB;outline:none;background:white;-webkit-box-shadow:0 0.1rem 0.2rem rgba(0, 0, 0, 0.2);box-shadow:0 0.1rem 0.2rem rgba(0, 0, 0, 0.2);cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center;padding:1.5em;padding:min(7%, 1.5em);word-break:break-word;text-decoration:none;border-radius:0.8rem;-webkit-transition:background 0.2s linear, border 0.1s linear, -webkit-box-shadow 0.1s cubic-bezier(0.6, 0, 0.2, 1) 0.1s;transition:background 0.2s linear, border 0.1s linear, -webkit-box-shadow 0.1s cubic-bezier(0.6, 0, 0.2, 1) 0.1s;transition:box-shadow 0.1s cubic-bezier(0.6, 0, 0.2, 1) 0.1s, background 0.2s linear, border 0.1s linear;transition:box-shadow 0.1s cubic-bezier(0.6, 0, 0.2, 1) 0.1s, background 0.2s linear, border 0.1s linear, -webkit-box-shadow 0.1s cubic-bezier(0.6, 0, 0.2, 1) 0.1s;position:relative;overflow:hidden;text-align:left;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;height:100%}pn-tile .pn-tile.vertical,pn-tile .pn-tile.simple{text-align:center}pn-tile .pn-tile.vertical h3,pn-tile .pn-tile.simple h3{font-size:1.5em;font-size:clamp(1em, calc(var(--w) * 1.4), 1.5em)}pn-tile .pn-tile.vertical .tile-slot,pn-tile .pn-tile.simple .tile-slot{font-size:1em;font-size:clamp(1.2rem, var(--w), 1em)}pn-tile .pn-tile.vertical>*,pn-tile .pn-tile.simple>*{margin:0.5em 0}pn-tile .pn-tile.simple{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}pn-tile .pn-tile.simple .tile-slot{display:none}pn-tile .pn-tile.simple h3>pn-icon{margin-left:0.1em;vertical-align:bottom}pn-tile .pn-tile.simple>*{margin:0.5em}pn-tile .pn-tile.simple>.text-cont{margin:0.5em}pn-tile .pn-tile.simple>svg,pn-tile .pn-tile.simple>.tile-illustration-slot{max-width:clamp(3em, 70%, 10em)}pn-tile .pn-tile.simple>svg,pn-tile .pn-tile.simple>.tile-illustration-slot,pn-tile .pn-tile.simple>.text-cont{-ms-flex:auto;flex:auto}pn-tile .pn-tile>*{margin:0.5em;z-index:2}pn-tile .pn-tile>svg,pn-tile .pn-tile>.tile-illustration-slot{width:100%;max-width:8em;-ms-flex:0.5 3 calc(calc(32rem - 100%) * 999);flex:0.5 3 calc(calc(32rem - 100%) * 999);z-index:2}pn-tile .pn-tile>.tile-illustration-slot{max-width:13em}pn-tile .pn-tile>.tile-illustration-slot>*{width:100%;display:block}pn-tile .pn-tile>.text-cont{-ms-flex:1 1 calc(calc(32rem - 100%) * 999);flex:1 1 calc(calc(32rem - 100%) * 999)}pn-tile .pn-tile h3{color:#005D92;font-size:1.5em}pn-tile .pn-tile .tile-slot{color:#5E554A;margin-top:0.25em}pn-tile a:focus+.pn-tile{-webkit-box-shadow:0 0 0 0.3rem white, 0 0 0 0.6rem #005D92;box-shadow:0 0 0 0.3rem white, 0 0 0 0.6rem #005D92}pn-tile a:focus+.pn-tile,pn-tile .pn-tile:hover{background:#EFFBFF}pn-tile .pn-tile:hover,pn-tile a:focus+.pn-tile{border:0.1rem solid #8EDDF9}pn-tile .pn-tile:hover.vertical .tile-circle,pn-tile .pn-tile:hover.simple .tile-circle,pn-tile a:focus+.pn-tile.vertical .tile-circle,pn-tile a:focus+.pn-tile.simple .tile-circle{-webkit-transform:translate(-50%, -90%);transform:translate(-50%, -90%);-webkit-transform:translate(-50%, calc(var(--w) * 2 - 90%));transform:translate(-50%, calc(var(--w) * 2 - 90%));opacity:1}pn-tile .pn-tile .tile-circle{position:absolute;top:0;left:50%;width:40em;height:40em;margin:0;background-color:#005D92;border-radius:50%;z-index:1;-webkit-transform:translate(-50%, -100%);transform:translate(-50%, -100%);-webkit-transition:opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);transition:opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.5s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.5s cubic-bezier(0.7, 0, 0.3, 1), opacity 0.4s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.5s cubic-bezier(0.7, 0, 0.3, 1);opacity:0}pn-tile .pn-ripple{-webkit-animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background:#005D92;-webkit-transform:translate(-50%, -50%) scale(0);transform:translate(-50%, -50%) scale(0);opacity:0.05}@-webkit-keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}@keyframes ripple{to{-webkit-transform:translate(-50%, -50%) scale(1);transform:translate(-50%, -50%) scale(1);opacity:0}}";var Pntile=function(){function e(e){var t=this;registerInstance(this,e);this.rel="noopener";this.illustration=null;this.simple=false;this.emInPx=16;this.titleEl=null;this.checkCardSize=new ResizeObserver((function(e){var i=function(e){var i=e*.1/t.emInPx;return i+"em"};e.forEach((function(e){var l=e.contentRect.width;e.target.classList.toggle("vertical",l<t.remToPx(31.99));requestAnimationFrame((function(){e.target.style.setProperty("--w",i(l))}))}))}));this.longpress=false}e.prototype.setIllustration=function(){var e=this.hostElement.querySelector(".tile-illustration");if(!this.illustration){e.remove();return}var t=allIllustrations[this.illustration];e.outerHTML=t};e.prototype.componentWillLoad=function(){var e=this.hostElement.querySelector('[slot="illustration"]');this.illustration=e?null:this.illustration};e.prototype.componentDidLoad=function(){var e=this;if(this.mo)this.mo.disconnect();var t=this.mo=new MutationObserver((function(){return forceUpdate(e.hostElement)}));t.observe(this.hostElement,{childList:true});this.setIllustration();var i=this.hostElement.querySelector(".pn-tile");var l=this.hostElement.querySelector(".pn-tile-link");this.checkCardSize.observe(i);this.clickHandler([l,i],(function(t){return e.ripple(t,i)}));this.simple=!this.hostElement.querySelector(".tile-slot").textContent.trim();this.emInPx=parseFloat(window.getComputedStyle(this.hostElement).fontSize)};e.prototype.remToPx=function(e){return e*parseFloat(getComputedStyle(document.documentElement).fontSize)};e.prototype.ripple=function(e,t){if(!e.isTrusted)return;var i=t.getBoundingClientRect();var l=i.left;var n=i.top;var r=document.createElement("div");var s=i.width>i.height?i.width:i.height;r.classList.add("pn-ripple");t.appendChild(r);r.style.height=s*2+"px";r.style.width=s*2+"px";r.style.left=e.clientX>0?e.clientX-l+"px":"50%";r.style.top=e.clientY>0?e.clientY-n+"px":"50%";setTimeout((function(){return r.remove()}),400)};e.prototype.clickHandler=function(e,t){var i=this;var l=["mouseup","mousedown"];var n=["pn-button","button","a","input","pn-checkbox","pn-radio-button"];e.forEach((function(e){if(e.tagName==="A"){e.addEventListener("click",(function(e){t(e)}))}else{l.forEach((function(l){e.addEventListener(l,(function(e){var l=n.some((function(t){return e.target.closest(t)}));if(l)return;if(e.type==="mousedown"){i.longpress=false;i.timer=setTimeout((function(){return i.longpress=true}),200)}if(e.type==="mouseup"){clearTimeout(i.timer);if(i.longpress||e.button===2)return;var r=e.target.closest("pn-tile").querySelector("a");e.preventDefault();t(e);if(!r.matches(":focus"))r.focus();if(e.ctrlKey||e.metaKey||e.button===1){window.open(r.getAttribute("href"),"_blank");return}r.click()}}))}))}}))};e.prototype.getClassNames=function(){var e="pn-tile ";if(this.simple)e+="simple ";return e};e.prototype.render=function(){var e={href:this.url,target:this.target,rel:!this.rel&&this.target==="_blank"?"noopener":this.rel};return h(Host,null,h("a",Object.assign({class:"pn-tile-link"},e),this.label),h("div",{class:this.getClassNames()},h("div",{class:"tile-circle"}),h("div",{class:"tile-illustration"}),!this.illustration&&h("div",{class:"tile-illustration-slot"},h("slot",{name:"illustration"})),h("div",{class:"text-cont"},h("h3",null,this.label,this.target==="_blank"?h("pn-icon",{symbol:"open-in-new",small:true,color:"blue700"}):null),h("div",{class:"tile-slot"},h("slot",null)))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();Pntile.style=pnTileCss;export{Pntile as pn_tile};

package/umd/modules/@postnord/web-components/esm-es5/pn-toast.entry.js

@@ -0,0 +1 @@
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-1b1c55fe.js";var pnToastCss="pn-toast.pn-toast{color:#000;padding:1em;border:0.1rem solid #005D92;border-radius:0.8rem;outline:none;font-size:1em;font-weight:400;background:#E0F8FF;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:start;align-items:flex-start;opacity:1;visibility:visible;-webkit-transition:visibility 0s linear 0s, opacity 0.35s, -webkit-box-shadow 0.2s;transition:visibility 0s linear 0s, opacity 0.35s, -webkit-box-shadow 0.2s;transition:visibility 0s linear 0s, opacity 0.35s, box-shadow 0.2s;transition:visibility 0s linear 0s, opacity 0.35s, box-shadow 0.2s, -webkit-box-shadow 0.2s;z-index:10;}pn-toast.pn-toast[data-hidden]{opacity:0;visibility:hidden;-webkit-transition:visibility 0s linear 0.35s, opacity 0.35s, -webkit-box-shadow 0.2s;transition:visibility 0s linear 0.35s, opacity 0.35s, -webkit-box-shadow 0.2s;transition:visibility 0s linear 0.35s, opacity 0.35s, box-shadow 0.2s;transition:visibility 0s linear 0.35s, opacity 0.35s, box-shadow 0.2s, -webkit-box-shadow 0.2s}pn-toast.pn-toast pn-icon svg path{fill:#005D92;-webkit-transition:fill 0.3s;transition:fill 0.3s}pn-toast.pn-toast>.content{margin-right:0.5em;-ms-flex-item-align:center;align-self:center}pn-toast.pn-toast>pn-icon{margin-right:0.5em}pn-toast.pn-toast button{cursor:pointer;border-radius:50%;border:none;background:none;padding:0.1em;font-size:1.2em;margin-left:auto;outline:none;-webkit-transition:background 0.2s, -webkit-box-shadow 0.2s;transition:background 0.2s, -webkit-box-shadow 0.2s;transition:background 0.2s, box-shadow 0.2s;transition:background 0.2s, box-shadow 0.2s, -webkit-box-shadow 0.2s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}pn-toast.pn-toast button:hover{background:#8EDDF9}pn-toast.pn-toast button:focus{background:#8EDDF9;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}pn-toast.pn-toast.pn-toast-warning{border:0.1rem solid #A70707;background:#FDEFEE}pn-toast.pn-toast.pn-toast-warning button:hover{background:#FBC2C1}pn-toast.pn-toast.pn-toast-warning button:focus{background:#FBC2C1;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #A70707;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #A70707}pn-toast.pn-toast.pn-toast-warning pn-icon svg path{fill:#A70707;-webkit-transition:fill 0.3s;transition:fill 0.3s}pn-toast.pn-toast.pn-toast-success{border:0.1rem solid #005E41;background:#DCF6E7}pn-toast.pn-toast.pn-toast-success button:focus{background:#ABE3BB;-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005E41;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005E41}pn-toast.pn-toast.pn-toast-success button:hover{background:#ABE3BB}pn-toast.pn-toast.pn-toast-success pn-icon svg path{fill:#005E41;-webkit-transition:fill 0.3s;transition:fill 0.3s}pn-toast.pn-toast.pn-toast-temporary{-webkit-box-shadow:0px 1.2px 3.6px rgba(0, 0, 0, 0.1), 0px 6.4px 14.4px rgba(0, 0, 0, 0.13);box-shadow:0px 1.2px 3.6px rgba(0, 0, 0, 0.1), 0px 6.4px 14.4px rgba(0, 0, 0, 0.13)}";var Pntoast=function(){function t(t){registerInstance(this,t);this.close=createEvent(this,"close",7);this.icon=null;this.closable=true;this.temporary=false;this.hidden=false}t.prototype.componentDidLoad=function(){if(this.temporary){var t=this.hostElement.querySelector(".content");var s=t.textContent.split(" ").length/4*1e3;this.hidden=true;this.timer=s>3e3?s:3e3;if(this.manualDuration)this.timer=this.manualDuration;this.closable=this.timer>6e3}};t.prototype.visibilityHandler=function(){var t=this;if(!this.temporary)return;if(this.timeout&&this.hidden){clearTimeout(this.timeout);return}this.timeout=setTimeout((function(){t.closeToast()}),this.timer)};t.prototype.closeToast=function(){this.hidden=true;this.close.emit()};t.prototype.getClassNames=function(){var t="pn-toast ";if(this.appearance)t+="pn-toast-"+this.appearance+" ";if(this.temporary)t+="pn-toast-temporary ";return t};t.prototype.render=function(){var t=this;return h(Host,{"data-hidden":this.hidden,class:this.getClassNames()},this.icon&&h("pn-icon",{symbol:this.icon}),h("div",{class:"content"},h("slot",null)),this.closable&&h("button",{onClick:function(){return t.closeToast()},type:"button",title:"close","aria-label":"close"},h("pn-icon",{symbol:"close",small:true})))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{hidden:["visibilityHandler"]}},enumerable:false,configurable:true});return t}();Pntoast.style=pnToastCss;export{Pntoast as pn_toast};

package/umd/modules/@postnord/web-components/esm-es5/pn-toggle-switch.entry.js

@@ -0,0 +1 @@
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-1b1c55fe.js";var pnToggleSwitchCss="pn-toggle-switch{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;position:relative;font-size:3rem}pn-toggle-switch .pn-toggle-switch{width:100%;height:100%;opacity:0;margin:0;position:absolute}.pn-toggle{width:1em;height:1em;padding:0.2em;position:relative;cursor:pointer;-webkit-box-sizing:content-box;box-sizing:content-box;margin-right:1.4em;-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.5, 0, 0.5, 1);transition:-webkit-transform 0.2s cubic-bezier(0.5, 0, 0.5, 1);transition:transform 0.2s cubic-bezier(0.5, 0, 0.5, 1);transition:transform 0.2s cubic-bezier(0.5, 0, 0.5, 1), -webkit-transform 0.2s cubic-bezier(0.5, 0, 0.5, 1);-webkit-tap-highlight-color:transparent}.pn-toggle .bg{position:absolute;top:0;left:0;width:175%;height:100%;z-index:0;border-radius:2em;-webkit-transition:width 0.2s cubic-bezier(0.5, 0, 0.5, 1), background-color 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.5, 0, 0.5, 1), background-color 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s, -webkit-box-shadow 0.1s;transition:width 0.2s cubic-bezier(0.5, 0, 0.5, 1), box-shadow 0.1s, background-color 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s;transition:width 0.2s cubic-bezier(0.5, 0, 0.5, 1), box-shadow 0.1s, background-color 0.2s cubic-bezier(0.5, 0, 0.5, 1), opacity 0.1s, -webkit-box-shadow 0.1s}.pn-toggle>.circle{width:1em;height:1em;background:white;-webkit-box-shadow:0 0.25em 0.5em rgba(0, 0, 0, 0.1);box-shadow:0 0.25em 0.5em rgba(0, 0, 0, 0.1);border-radius:50%;-webkit-transition:inherit;transition:inherit;z-index:1;position:relative;padding:0.1em}.pn-toggle>.circle>svg{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);margin:-0.1em}.pn-toggle pn-spinner{opacity:0;-webkit-transition:opacity 0.15s cubic-bezier(0.5, 0, 0.5, 1);transition:opacity 0.15s cubic-bezier(0.5, 0, 0.5, 1);width:100%;height:100%}pn-toggle-switch .pn-toggle-switch{}pn-toggle-switch .pn-toggle-switch+.pn-toggle .bg{background:#969087}pn-toggle-switch .pn-toggle-switch:focus+.pn-toggle .bg,pn-toggle-switch .pn-toggle-switch:active+.pn-toggle .bg{-webkit-box-shadow:0 0 0 0.3rem white, 0 0 0 0.6rem #005D92;box-shadow:0 0 0 0.3rem white, 0 0 0 0.6rem #005D92}pn-toggle-switch .pn-toggle-switch:hover+.pn-toggle .bg{background:#5E554A}pn-toggle-switch .pn-toggle-switch:hover:checked+.pn-toggle .bg{background:#0D234B;opacity:1}pn-toggle-switch .pn-toggle-switch:indeterminate+.pn-toggle{-webkit-transform:translateX(50%);transform:translateX(50%)}pn-toggle-switch .pn-toggle-switch:indeterminate+.pn-toggle .bg{width:100%}pn-toggle-switch .pn-toggle-switch:indeterminate+.pn-toggle pn-spinner{opacity:1;-webkit-transition-delay:0.3s;transition-delay:0.3s}pn-toggle-switch .pn-toggle-switch:checked+.pn-toggle .bg{background:#005D92}pn-toggle-switch .pn-toggle-switch:checked+.pn-toggle>.circle{-webkit-transform:translateX(100%);transform:translateX(100%)}pn-toggle-switch .pn-toggle-switch:disabled+.pn-toggle{cursor:not-allowed}pn-toggle-switch .pn-toggle-switch:disabled+.pn-toggle .bg{-webkit-box-shadow:none;box-shadow:none;opacity:0.5}pn-toggle-switch .pn-toggle-switch:disabled:hover+.pn-toggle .bg{opacity:0.5;background:#969087}pn-toggle-switch .pn-toggle-switch:disabled:hover:checked+.pn-toggle .bg{background:#005D92}";var PnToggleSwitch=function(){function t(t){registerInstance(this,t);this.checked=false;this.disabled=false;this.indeterminate=false;this.name=null}t.prototype.componentDidUpdate=function(){this.checkIndeterminateState()};t.prototype.componentDidLoad=function(){this.checkIndeterminateState()};t.prototype.checkIndeterminateState=function(){var t=this.hostElement.querySelector("#"+this.toggleid);if(t)t.indeterminate=this.indeterminate};t.prototype.render=function(){return h(Host,null,h("input",{id:this.toggleid,name:this.name||this.toggleid,type:"checkbox",checked:this.checked,class:"pn-toggle-switch",disabled:this.disabled}),h("label",{htmlFor:this.toggleid,class:"pn-toggle"},h("div",{class:"bg"}),h("div",{class:"circle"},h("pn-spinner",null))))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();PnToggleSwitch.style=pnToggleSwitchCss;export{PnToggleSwitch as pn_toggle_switch};

package/umd/modules/@postnord/web-components/esm-es5/pn-tooltip.entry.js

@@ -0,0 +1 @@
+var __spreadArray=this&&this.__spreadArray||function(t,o){for(var e=0,n=o.length,i=t.length;e<n;e++,i++)t[i]=o[e];return t};import{r as registerInstance,h,g as getElement}from"./index-1b1c55fe.js";var pnTooltipCss='pn-tooltip{display:inline-block;font-size:1em}button.pn-tooltip{background:none;outline:none;border:none;position:relative;padding:0;border-radius:50%;-webkit-transition:background 0.15s cubic-bezier(0.5, 0.5, 0.2, 1), -webkit-box-shadow 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);transition:background 0.15s cubic-bezier(0.5, 0.5, 0.2, 1), -webkit-box-shadow 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);transition:box-shadow 0.15s cubic-bezier(0.5, 0.5, 0.2, 1), background 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);transition:box-shadow 0.15s cubic-bezier(0.5, 0.5, 0.2, 1), background 0.15s cubic-bezier(0.5, 0.5, 0.2, 1), -webkit-box-shadow 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);cursor:pointer;font-size:inherit}button.pn-tooltip:focus{-webkit-box-shadow:0 0 0 0.1rem #FFFFFF, 0 0 0 0.3rem #005D92;box-shadow:0 0 0 0.1rem #FFFFFF, 0 0 0 0.3rem #005D92;background:#E0F8FF}button.pn-tooltip:hover{background:#E0F8FF}button.pn-tooltip.tooltip-white:focus,button.pn-tooltip.tooltip-white:hover{background:#0D234B}button.pn-tooltip>.pn-tooltip-content{position:absolute;bottom:calc(100% + 0.75em);left:50%;background:#FFFFFF;padding:1em;border-radius:0.8rem;-webkit-box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);box-shadow:0 1.2px 3.6px rgba(0, 0, 0, 0.1), 0 6.4px 14.4px rgba(0, 0, 0, 0.13);z-index:1;max-width:min(95vw, 40em);-webkit-transition:-webkit-transform 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);transition:-webkit-transform 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);transition:transform 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);transition:transform 0.15s cubic-bezier(0.5, 0.5, 0.2, 1), -webkit-transform 0.15s cubic-bezier(0.5, 0.5, 0.2, 1);-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:scale(0) translateX(-50%);transform:scale(0) translateX(-50%);-webkit-transform-origin:bottom left;transform-origin:bottom left;width:-webkit-max-content;width:-moz-max-content;width:max-content;color:#000}button.pn-tooltip>pn-icon{position:relative;pointer-events:none}button.pn-tooltip>pn-icon:before{content:"";width:0;height:0;border-left:0.75em solid transparent;border-right:0.75em solid transparent;border-top:0.75em solid #FFFFFF;-webkit-filter:drop-shadow(0 0.3rem 0.1rem rgba(0, 0, 0, 0.075));filter:drop-shadow(0 0.3rem 0.1rem rgba(0, 0, 0, 0.075));-webkit-transform:scale(0) translateX(-50%);transform:scale(0) translateX(-50%);bottom:102%;left:50%;position:absolute;z-index:2;-webkit-transition:-webkit-transform 0.15s linear;transition:-webkit-transform 0.15s linear;transition:transform 0.15s linear;transition:transform 0.15s linear, -webkit-transform 0.15s linear;-webkit-transition-delay:0.14s;transition-delay:0.14s;-webkit-transform-origin:bottom left;transform-origin:bottom left;pointer-events:none}button.pn-tooltip.pn-tooltip-downwards .pn-tooltip-content{bottom:unset;top:calc(100% + 0.75em);-webkit-transform-origin:top left;transform-origin:top left}button.pn-tooltip.pn-tooltip-downwards pn-icon:before{top:102%;-webkit-transform-origin:top left;transform-origin:top left;-webkit-filter:drop-shadow(0 -0.3rem 0.1rem rgba(0, 0, 0, 0.02));filter:drop-shadow(0 -0.3rem 0.1rem rgba(0, 0, 0, 0.02));border-top:none;border-bottom:0.75em solid #FFFFFF}button.pn-tooltip[data-open] .pn-tooltip-content{-webkit-transition-delay:0.1s;transition-delay:0.1s}button.pn-tooltip[data-open] pn-icon:before{-webkit-transform:scale(1) translateX(-50%);transform:scale(1) translateX(-50%);-webkit-transition-delay:0s;transition-delay:0s;pointer-events:auto}';var PnTooltip=function(){function t(t){registerInstance(this,t);this.warning=false;this.color="blue700";this.downwards=false;this.open=false;this.deltaX="0"}t.prototype.componentWillLoad=function(){var t=["warning","white"];this.color=t.includes(this.color)?this.color:"blue700"};t.prototype.componentDidLoad=function(){this.initialize();this.eventHandler()};t.prototype.initialize=function(){this.pnTooltipContent=this.hostElement.querySelector(".pn-tooltip-content")};t.prototype.openHandler=function(){if(this.open){this.checkPosition();return}this.setTransform()};t.prototype.eventHandler=function(){var t=this;var o=["mouseover","focus"];var e=["mouseleave","blur"];var n=__spreadArray(__spreadArray(["click"],o),e);n.forEach((function(n){t.hostElement.querySelector(".pn-tooltip").addEventListener(n,(function(n){if(n.type==="click"){t.toggle();return}if(o.includes(n.type)){if(n.type==="mouseover"&&t.timeout)clearTimeout(t.timeout);t.open=true;return}if(e.includes(n.type)){if(n.type==="mouseleave"){t.timeout=setTimeout((function(){return t.open=false}),800)}else{t.open=false}}}))}))};t.prototype.setTransform=function(){this.pnTooltipContent.style.transform="scale("+Number(this.open)+") translateX(-50%) translateX("+this.deltaX+"px)"};t.prototype.checkPosition=function(){var t=this;this.pnTooltipContent.style.transition="none";this.pnTooltipContent.style.transform="scale(1) translateX(-50%)";this.downwards=false;requestAnimationFrame((function(){var o=t.pnTooltipContent.getBoundingClientRect(),e=o.x,n=o.y,i=o.right;var r=8;t.deltaX="0";t.downwards=n<0;t.pnTooltipContent.style.transform="";if(e<0)t.deltaX=""+(e*-1+r);if(i>window.innerWidth)t.deltaX=""+(window.innerWidth-i-r);requestAnimationFrame((function(){t.pnTooltipContent.style.transition="";t.setTransform()}))}))};t.prototype.getSymbol=function(){return this.warning?"alert-info-circle":"alert-question-circle"};t.prototype.toggle=function(){this.open=!this.open};t.prototype.getClassNames=function(){var t="pn-tooltip ";if(this.color==="white")t+="tooltip-white ";if(this.downwards)t+="pn-tooltip-downwards ";return t};t.prototype.render=function(){return h("button",{class:this.getClassNames(),"data-open":this.open},h("pn-icon",{symbol:this.getSymbol(),color:this.color}),h("div",{class:"pn-tooltip-content"},h("slot",null)))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{open:["openHandler"]}},enumerable:false,configurable:true});return t}();PnTooltip.style=pnTooltipCss;export{PnTooltip as pn_tooltip};

package/umd/modules/@postnord/web-components/esm-es5/pn-virtual-agent.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(t,e,n,a){function r(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,i){function o(t){try{l(a.next(t))}catch(e){i(e)}}function s(t){try{l(a["throw"](t))}catch(e){i(e)}}function l(t){t.done?n(t.value):r(t.value).then(o,s)}l((a=a.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},a,r,i,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(t){return function(e){return l([t,e])}}function l(o){if(a)throw new TypeError("Generator is already executing.");while(n)try{if(a=1,r&&(i=o[0]&2?r["return"]:o[0]?r["throw"]||((i=r["return"])&&i.call(r),0):r.next)&&!(i=i.call(r,o[1])).done)return i;if(r=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:n.label++;return{value:o[1],done:false};case 5:n.label++;r=o[1];o=[0];continue;case 7:o=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){n=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){n.label=o[1];break}if(o[0]===6&&n.label<i[1]){n.label=i[1];i=o;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(o);break}if(i[2])n.ops.pop();n.trys.pop();continue}o=e.call(t,n)}catch(s){o=[6,s];r=0}finally{a=i=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,h}from"./index-1b1c55fe.js";var pnVirtualAgentCss="#CentionChatList .message .info{display:none}.pn-virtual-agent{position:fixed;bottom:1em;right:10vw;z-index:1}.pn-virtual-agent #CentionWidgetFooter{display:none}.pn-virtual-agent #CentionChatHeader{-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px;box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px}.pn-virtual-agent #CentionChatQuestion{-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px inset;box-shadow:rgba(0, 0, 0, 0.1) 0 0 0 1px inset;height:24px;padding:5px 10px}";var PnVirtualAgent=function(){function t(t){registerInstance(this,t);this.parcelid="";this.areaid=23;this.show=true;this.instanceActive=false}t.prototype.loadVirtualAgentScripts=function(){window.CentionBaseURL="https://chat-postnord.clearinteract.se";function t(t){var e=document.createElement("script");document.head.appendChild(e);e.src=t}t("https://code.jquery.com/jquery-1.12.0.min.js");t("https://chat-postnord.clearinteract.se/cention/chat/js/widget.js")};t.prototype.checkStatus=function(){return __awaiter(this,void 0,void 0,(function(){var t,e;return __generator(this,(function(n){switch(n.label){case 0:return[4,fetch("https://app.iva-pncs.prod.postnord.services/api/can_handle?id="+this.parcelid)];case 1:t=n.sent();e=this;return[4,t.json()];case 2:e.status=n.sent();return[2]}}))}))};t.prototype.initVirtualAgent=function(){return __awaiter(this,void 0,void 0,(function(){var t,e,n;var a=this;return __generator(this,(function(r){if(document.getElementById("CentionChat")){this.instanceActive=true;return[2]}this.instanceActive=true;this.checkStatus();t=function(){var t=setInterval((function(){if(typeof CentionChat!=="undefined"){clearInterval(t);var e=a.areaid;CentionChat("cention-chat-container",{translation:{"*Please allow cookie from {CENTION_BASE_URL} to make sure your chat continues if you browse to other pages during the chat.":"","En kopia av konversationen kommer att skickas till {CLIENT_EMAIL}":"","PostNord skriver...":"","Agent(s) har bjudit in: {AGENT_NAMES}":"","Agent(s) tog bort: {AGENT_NAMES}":"","Chatten har avslutats.":"","Återansluter, vänligen vänta ...":"",System:"","Den uppladdade filen är för stor.":"","Denna session har löpt ut.":"","Ett fel har inträffat vid uppladdningen av filen.":"","Ställ din fråga...":"","{AGENT_NAME} har avslutat chatten.":"","{AGENT_NAME} har lämnat chatten.":"","{AGENT_NAME} har anslutit till chatten.":"","Väntar på medarbetare":"","{FROM_AGENT} har skickat vidare chatten till {TO_AGENT}":"","Du har avslutat chatten.":""},css:{logo:"<i class='fa fa-comments'></i>",headerColor:"#00A0D6",headerBorderColor:"#00A0D6",headerTextColor:"#fff",mainColor:"#FFF",mainBorderColor:"#00A0D6",fontColor:"#000",buttonStartColor:"#00A0D6",buttonStartBorderColor:"#00A0D6",buttonStartTextColor:"#fff",buttonAwayColor:"#BEBEBE",buttonAwayTextColor:"#000000",buttonAwayBorderColor:"#BEBEBE",buttonAwayCustomClass:"CentionAwayButton",buttonRetryTextColor:"#000",messageBackgroundColor:"",messageAwayTextColor:"#000",menuTextColor:"#25335E",footerTextColor:"#000",tickKerningOffset:"-6px",tickUnsentColor:"lightgray",tickUnreadColor:"lightgray",tickSentColor:"green",tickReadColor:"green"},text:{textTitle:"Chatt",textTitleProactive:"Behöver du lite hjälp?",textButtonStart:"Börja chatta",textButtonAway:"Kontakta oss",textButtonRetry:"Försök igen",textButtonProactiveStart:"Chatta",textButtonProactiveLater:"Kanske senare",textInputName:"Namn",textInputEmail:"Email",textInputQuestion:"Fråga",textStatusConnecting:"Ansluter...",textStatusQueue:"Vänligen vänta, vi hjälper dig strax...",textStatusConnected:"Du har anslutits till",textMessageCurrentQueue:"Din nuvarande plats i kön är:",textMessageAgentBusy:"Tyvärr är alla agenter upptagna för tillfället.",textMessageAway:"Vi ber om ursäkt, antingen är chatten stängd eller så är alla agenter upptagna för tillfället.",textMessageEmailInvalid:"Du måste ange en giltig mailadress",textMessageChatEnded:"Chatten är avslutad.",textMessageProactive:"Har du en fråga? Skriv här för att få hjälp.",textMenuSendFile:"Skicka fil",textMenuNewChat:"Ny chatt",textMenuFinishChat:"Avsluta chatt",textMenuPrintChat:"Skriv ut",textMenuSaveChat:"Spara utdrag",textTickSent:"✓",textTickRead:"✓",textEULA:"I consent to that information about this chat will be collected and stored in accordance with Data Protections laws and directives."},ui:{buttonAwayEnable:false,buttonAwayLink:"#",position:"bottomRight",bottomPosition:0,rightPosition:0,extraFieldEnabled:false,extraFieldMandatory:false,extraFieldDisplayName:"",loadFontAwesome:true,proactiveEnable:false,proactiveDelayTime:30,proactiveTimeAfterDecline:45,proactiveRepeatedContact:2,proactiveTimeout:20,proactiveImmediateStart:false,askEULA:false,hideChatWhenOffline:true},hooks:{onChatMaximize:function(){},onChatMinimize:function(){}},areaId:e})}}),150);return};if(this.status){t();e=0;n=setInterval((function(){var t=document.getElementById("textButtonStart");if(!!t){var r=document.getElementById("textInputName");r.value="Du";var i=document.getElementById("textInputEmail");i.value="Guest@postnord.se";var o=document.getElementById("textInputQuestion");o.innerText=a.parcelid;t.click();clearInterval(n)}e++;if(e>15)clearInterval(n)}),250)}return[2]}))}))};t.prototype.componentWillLoad=function(){this.loadVirtualAgentScripts();this.checkStatus()};t.prototype.componentDidUpdate=function(){this.checkStatus()};t.prototype.render=function(){var t=this;if(this.status&&this.show){return h("div",{class:"pn-virtual-agent"},h("div",{id:"cention-chat-container"}),h("pn-button-container",{appearance:"secondary",style:{display:this.instanceActive?"none":"block"}},h("button",{onClick:function(){return t.initVirtualAgent()}},"Chatta om ditt paket")))}};return t}();PnVirtualAgent.style=pnVirtualAgentCss;export{PnVirtualAgent as pn_virtual_agent};

package/umd/modules/@postnord/web-components/esm-es5/pn-zipcode-search.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,t,r,n){function i(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,a){function o(e){try{l(n.next(e))}catch(t){a(t)}}function s(e){try{l(n["throw"](e))}catch(t){a(t)}}function l(e){e.done?r(e.value):i(e.value).then(o,s)}l((n=n.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var r={label:0,sent:function(){if(a[0]&1)throw a[1];return a[1]},trys:[],ops:[]},n,i,a,o;return o={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function s(e){return function(t){return l([e,t])}}function l(o){if(n)throw new TypeError("Generator is already executing.");while(r)try{if(n=1,i&&(a=o[0]&2?i["return"]:o[0]?i["throw"]||((a=i["return"])&&a.call(i),0):i.next)&&!(a=a.call(i,o[1])).done)return a;if(i=0,a)o=[o[0]&2,a.value];switch(o[0]){case 0:case 1:a=o;break;case 4:r.label++;return{value:o[1],done:false};case 5:r.label++;i=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(a=r.trys,a=a.length>0&&a[a.length-1])&&(o[0]===6||o[0]===2)){r=0;continue}if(o[0]===3&&(!a||o[1]>a[0]&&o[1]<a[3])){r.label=o[1];break}if(o[0]===6&&r.label<a[1]){r.label=a[1];a=o;break}if(a&&r.label<a[2]){r.label=a[2];r.ops.push(o);break}if(a[2])r.ops.pop();r.trys.pop();continue}o=t.call(e,r)}catch(s){o=[6,s];i=0}finally{n=a=0}if(o[0]&5)throw o[1];return{value:o[0]?o[1]:void 0,done:true}}};import{r as registerInstance,c as createEvent,h,a as Host}from"./index-1b1c55fe.js";var translations={CLOSEST_DELIVERY_DATE:{da:"Closest delivery date:",en:"Closest delivery date:",fi:"Closest delivery date:",no:"Closest delivery date:",sv:"Nästa utdelningsdag:"},NEXT_DELIVERY_DATE:{da:"Next delivery date:",en:"Next delivery date:",fi:"Next delivery date:",no:"Next delivery date:",sv:"Kommande utdelningsdag:"},ZIP_CODE:{da:"Zip code:",en:"Zip code:",fi:"Zip code:",no:"Zip code:",sv:"Postnummer:"},VALIDATION_ERROR_MESSAGE:{da:"Zip code not valid",en:"Zip code not valid",fi:"Zip code not valid",no:"Zip code not valid",sv:"Postnumret är inte giltigt"},SERVER_ERROR_MESSAGE:{da:"Could not find zip code",en:"Could not find zip code",fi:"Could not find zip code",no:"Could not find zip code",sv:"Kan inte hitta postnumret"},PLACEHOLDER_TEXT:{da:"Search for a zip code",en:"Search for a zip code",fi:"Search for a zip code",no:"Search for a zip code",sv:"Sök på ett postnummer"}};var pnZipcodeSearchCss="pn-zipcode-search{display:block;color:#5E554A}pn-zipcode-search .search-results{margin-top:1em;padding:0.5em}pn-zipcode-search .search-results>h3,pn-zipcode-search .search-results h2{font-weight:normal}pn-zipcode-search .text-row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}pn-zipcode-search .text-row+.text-row{margin-top:1em}pn-zipcode-search .text-row>*+*{margin-left:0.25em}pn-zipcode-search .error-text{color:#A70707;padding:0.5em 1em}pn-zipcode-search pn-search-field{width:100%}@media screen and (max-width: 30em){pn-zipcode-search .text-row:nth-child(-n+2){-ms-flex-direction:column;flex-direction:column;-ms-flex-align:unset;align-items:unset}pn-zipcode-search .text-row:nth-child(-n+2) .delivery-date{margin-left:auto;margin-top:0.25em}}";var PnZipCodeSearch=function(){function e(e){registerInstance(this,e);this.searchsuccessful=createEvent(this,"searchsuccessful",7);this.marketwebLanguage="";this.language="sv";this.loading=false;this.error=false;this.errorMessage="";this.showResult=false;this.zipCodeSearchResult={delivery:"",upcoming:"",city:"",postalCode:""}}e.prototype.componentWillLoad=function(){var e=this;var t=window.pnTopbar;if(t){this.init()}else{window.addEventListener("topbarLoaded",(function(){e.init()}))}};e.prototype.init=function(){var e=this;var t=window.pnTopbar;if(t){this.language=t.language;t.onChangeLanguage=function(t){e.language=t}}};e.prototype.isEmpty=function(e){var t=!e;if(t){return true}var r=e.trim().length===0;if(r){return true}else{return false}};e.prototype.getTranslation=function(e,t){for(var r=0,n=Object.entries(translations);r<n.length;r++){var i=n[r],a=i[0],o=i[1];if(a===e.toUpperCase()){var s=translations[a].en;for(var l=0,c=Object.entries(o);l<c.length;l++){var h=c[l],d=h[0],u=h[1];if(d===t.toLowerCase()){if(this.isEmpty(u)){return s}else{return u}}}return s}}return e};e.prototype.handleSearch=function(e){var t=this.validateZipCode(e.detail);if(t.error){this.error=true;this.errorMessage="VALIDATION_ERROR_MESSAGE";return}this.zipCodeSearch(t.value)};e.prototype.zipCodeSearch=function(e){return __awaiter(this,void 0,void 0,(function(){var t=this;return __generator(this,(function(r){switch(r.label){case 0:this.loading=true;return[4,fetch("https://portal.postnord.com/api/sendoutarrival/closest?postalCode="+e).then((function(e){return e.json()})).then((function(e){t.error=false;t.loading=false;t.showResult=true;t.zipCodeSearchResult=e;t.searchsuccessful.emit(true)})).catch((function(){t.error=true;t.errorMessage="SERVER_ERROR_MESSAGE";t.loading=false;t.searchsuccessful.emit(false)}))];case 1:r.sent();return[2]}}))}))};e.prototype.validateZipCode=function(e){var t=e?e.replace(/[ -]/gi,""):"";var r=new RegExp(/\D+/);var n=r.test(t)||t.length!==5;return{error:n,value:t}};e.prototype.renderSearchResult=function(){if(!this.loading&&!this.error&&this.showResult){return h("div",{class:"search-results"},h("div",{class:"text-row"},h("h3",null,this.getTranslation("CLOSEST_DELIVERY_DATE",this.marketwebLanguage||this.language)," "),h("h2",{class:"delivery-date"},this.zipCodeSearchResult.delivery)),h("div",{class:"text-row"},h("h3",null,this.getTranslation("NEXT_DELIVERY_DATE",this.marketwebLanguage||this.language)," "),h("h2",{class:"delivery-date"},this.zipCodeSearchResult.upcoming)),h("div",{class:"text-row"},h("h3",null,this.getTranslation("ZIP_CODE",this.marketwebLanguage||this.language)),h("h2",null," ",this.zipCodeSearchResult.postalCode)),h("h3",null,this.zipCodeSearchResult.city))}};e.prototype.renderErrorMessage=function(){if(this.error&&!this.loading){return h("p",{class:"error-text pn-tiny"},this.getTranslation(this.errorMessage,this.marketwebLanguage||this.language))}};e.prototype.render=function(){var e=this;return h(Host,null,h("pn-search-field",{loading:this.loading,button:"none",placeholder:this.getTranslation("PLACEHOLDER_TEXT",this.marketwebLanguage||this.language),onSearch:function(t){return e.handleSearch(t)}}),this.renderSearchResult(),this.renderErrorMessage())};return e}();PnZipCodeSearch.style=pnZipcodeSearchCss;export{PnZipCodeSearch as pn_zipcode_search};

package/umd/modules/@postnord/web-components/esm-es5/postnord-web-components.js

@@ -0,0 +1 @@
+import{d as doc,N as NAMESPACE,w as win,p as promiseResolve,H,b as bootstrapLazy}from"./index-1b1c55fe.js";var patchBrowser=function(){{patchCloneNodeFix(H.prototype)}var e=Array.from(doc.querySelectorAll("script")).find((function(e){return new RegExp("/"+NAMESPACE+"(\\.esm)?\\.js($|\\?|#)").test(e.src)||e.getAttribute("data-stencil-namespace")===NAMESPACE}));var a={};if("onbeforeload"in e&&!history.scrollRestoration){return{then:function(){}}}{a.resourcesUrl=new URL(".",new URL(e.getAttribute("data-resources-url")||e.src,win.location.href)).href}return promiseResolve(a)};var patchCloneNodeFix=function(e){var a=e.cloneNode;e.cloneNode=function(e){if(this.nodeName==="TEMPLATE"){return a.call(this,e)}var n=a.call(this,false);var t=this.childNodes;if(e){for(var r=0;r<t.length;r++){if(t[r].nodeType!==2){n.appendChild(t[r].cloneNode(true))}}}return n}};patchBrowser().then((function(e){return bootstrapLazy([["pn-ocr-search",[[0,"pn-ocr-search",{language:[1],loading:[32],error:[32],ocrNumber:[32],searchSuccess:[32],invalidOcrNumber:[32]}]]],["pn-zipcode-search",[[0,"pn-zipcode-search",{marketwebLanguage:[1,"marketweb-language"],language:[32],loading:[32],error:[32],errorMessage:[32],showResult:[32],zipCodeSearchResult:[32]}]]],["pn-file-upload",[[4,"pn-file-upload",{disabled:[4],showSpinner:[4,"show-spinner"],accept:[1],maxSize:[1,"max-size"],limit:[2],multiple:[1028],triggerElements:[32],renders:[32],startUpload:[64],clearUpload:[64],removeFile:[64],updateFile:[64]}]]],["pn-select",[[4,"pn-select",{searchable:[4],label:[1],placeholder:[1],checkbox:[4],checkboxid:[1],checked:[1028],indeterminate:[1028],error:[1],invalid:[4],value:[1],internalValue:[32],open:[32],upwards:[32],loaded:[32]},[[0,"change","changeHandler"],[0,"selectOption","selectOptionHandler"]]]]],["pn-date-picker",[[0,"pn-date-picker",{language:[1],disabled:[4],emitErrors:[4,"emit-errors"],label:[1],min:[1],max:[1],invalid:[4],disableWeekends:[4,"disable-weekends"],disableDays:[1,"disable-days"],disableInput:[4,"disable-input"],startOfWeek:[2,"start-of-week"],dispatchChangeOnBlur:[4,"dispatch-change-on-blur"],position:[1],value:[1025]},[[0,"daychange","dateChanged"]]]]],["pn-footer",[[0,"pn-footer",{market:[32],language:[32],isLoggedIn:[32],isBusinessUser:[32]}]]],["pn-icon-grid",[[0,"pn-icon-grid",{small:[4],color:[1],activeSymbol:[32]}]]],["pn-illustration-grid",[[0,"pn-illustration-grid",{size:[1],color:[1],activeIllustration:[32]}]]],["pn-input",[[0,"pn-input",{disabled:[4],error:[1],invalid:[4],helpertext:[1],label:[1],placeholder:[1],inputid:[1],name:[1],required:[4],type:[1025],autocomplete:[1],valid:[4],value:[1],maxlength:[1],showText:[32]}]]],["pn-modal",[[4,"pn-modal",{open:[1028],focusableEls:[32]}]]],["pn-nav-dropdown",[[4,"pn-nav-dropdown",{label:[1],icon:[1],open:[32],position:[32],right:[32]}]]],["pn-segment",[[4,"pn-segment",{segmentid:[1],name:[1],value:[1],selected:[4],icon:[1]}]]],["pn-tile",[[4,"pn-tile",{label:[1],url:[1],target:[1],rel:[1],illustration:[1025],simple:[32],checkCardSize:[32],longpress:[32],timer:[32]}]]],["pn-toast",[[4,"pn-toast",{appearance:[1],icon:[1],closable:[4],temporary:[4],manualDuration:[2,"manual-duration"],hidden:[1028],timeout:[32]}]]],["pn-toggle-switch",[[0,"pn-toggle-switch",{checked:[1028],disabled:[4],indeterminate:[4],toggleid:[1],name:[1]}]]],["pn-tooltip",[[4,"pn-tooltip",{warning:[4],color:[1025],downwards:[32],open:[32],deltaX:[32]}]]],["pn-accordion",[[4,"pn-accordion",{accordionRows:[32]},[[0,"togglerow","toggleHandler"]]]]],["pn-accordion-row",[[4,"pn-accordion-row",{label:[1025]}]]],["pn-choice-chip",[[4,"pn-choice-chip",{value:[520],name:[1],choiceid:[1],disabled:[4],checked:[4],indeterminate:[1028]},[[0,"change","handlechange"]]]]],["pn-color",[[0,"pn-color",{name:[1],defaultColor:[1,"default-color"],palette:[16]}]]],["pn-colors",[[0,"pn-colors"]]],["pn-progress-indicator",[[4,"pn-progress-indicator",{activeStep:[1026,"active-step"]},[[0,"setactivestep","setActiveStepHandler"]]]]],["pn-progress-indicator-step",[[4,"pn-progress-indicator-step",{activeStep:[2,"active-step"],index:[2],name:[1],checked:[4],active:[1],activated:[32],done:[32]}]]],["pn-radio-button",[[0,"pn-radio-button",{value:[520],name:[1],radioid:[1],disabled:[4],checked:[4]}]]],["pn-range-date-picker",[[0,"pn-range-date-picker",{startDate:[1040],currentDate:[1040],endDate:[1040],single:[4],year:[1026],currentState:[32],week:[32],months:[32],machine:[32]},[[0,"dateselection","dateSelectionHandler"]]]]],["pn-segmented-control",[[4,"pn-segmented-control",{name:[1],value:[1025],currentSelection:[32],showScrollArrows:[32],showLeftArrow:[32],showRightArrow:[32]},[[0,"change","changeHandler"],[9,"resize","handleResize"]]]]],["pn-tab",[[4,"pn-tab",{activeTab:[1,"active-tab"],label:[1],value:[1]}]]],["pn-table",[[4,"pn-table",{disabled:[4],bordered:[4],striped:[4]}]]],["pn-tablist",[[4,"pn-tablist",{value:[1025],stackedicons:[4],tabElement:[32],showScrollArrows:[32],scrollArrowClasses:[32]},[[0,"setactivetab","setActiveTabHandler"],[9,"resize","handleResize"]]]]],["pn-virtual-agent",[[0,"pn-virtual-agent",{parcelid:[1],areaid:[2],show:[4],status:[32],instanceActive:[32]}]]],["pn-calendar",[[0,"pn-calendar",{language:[1],min:[1],max:[1],startOfWeek:[2,"start-of-week"],value:[1025],disableWeekends:[4,"disable-weekends"],disableDays:[1,"disable-days"],minActiveDate:[1,"min-active-date"],maxActiveDate:[1,"max-active-date"],defaultDate:[1,"default-date"],disableMonthsView:[4,"disable-months-view"],monthView:[4,"month-view"]}]]],["pn-option",[[4,"pn-option",{value:[1],selected:[1540],selectHasLoaded:[4,"select-has-loaded"],parentValue:[8,"parent-value"],checked:[1028],checkbox:[4],index:[1]},[[0,"change","changeHandler"]]]]],["pn-spinner",[[0,"pn-spinner",{light:[4],size:[1]}]]],["pn-progress-bar",[[0,"pn-progress-bar",{progress:[2],size:[1],color:[1],width:[1],label:[1],showSpinner:[4,"show-spinner"],showPercentage:[4,"show-percentage"]}]]],["pn-illustration",[[0,"pn-illustration",{illustration:[1]}]]],["pn-checkbox",[[0,"pn-checkbox",{value:[520],name:[1],checkboxid:[1],disabled:[4],checked:[4],indeterminate:[1028]},[[0,"change","handlechange"]]]]],["pn-icon",[[0,"pn-icon",{symbol:[1],small:[4],color:[1]}]]],["pn-button_2",[[0,"pn-search-field",{disabled:[4],placeholder:[1],inputid:[1],name:[1],autocomplete:[1],value:[1],label:[1],loading:[4],button:[1],light:[4]},[[0,"input","inputHandler"]]],[4,"pn-button",{small:[4],appearance:[1],variant:[1],loading:[516],leftIcon:[4,"left-icon"],icon:[1],type:[1],iconOnly:[4,"icon-only"],ariaLabel:[1,"aria-label"],ariaLabelledby:[1,"aria-labelledby"],ariaControls:[1,"aria-controls"],ariaPressed:[1,"aria-pressed"],href:[1],rel:[1],target:[1],download:[4],tooltipOpen:[32],tooltipDownwards:[32]}]]]],e)}));

package/umd/modules/@postnord/web-components/index.cjs.js

@@ -0,0 +1 @@
+module.exports = require('./cjs/index.cjs.js');

package/umd/modules/@postnord/web-components/index.js

@@ -0,0 +1 @@
+export * from './esm-es5/index.js';

package/umd/modules/@postnord/web-components/loader/cdn.js

@@ -0,0 +1,3 @@
+
+module.exports = require('../cjs/loader.cjs.js');
+module.exports.applyPolyfills = function() { return Promise.resolve() };

package/umd/modules/@postnord/web-components/loader/index.cjs.js

@@ -0,0 +1,3 @@
+
+module.exports = require('../cjs/loader.cjs.js');
+module.exports.applyPolyfills = function() { return Promise.resolve() };

package/umd/modules/@postnord/web-components/loader/index.d.ts

@@ -0,0 +1,12 @@
+export * from '../types/components';
+export interface CustomElementsDefineOptions {
+  exclude?: string[];
+  resourcesUrl?: string;
+  syncQueue?: boolean;
+  jmp?: (c: Function) => any;
+  raf?: (c: FrameRequestCallback) => number;
+  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
+}
+export declare function defineCustomElements(win?: Window, opts?: CustomElementsDefineOptions): Promise<void>;
+export declare function applyPolyfills(): Promise<void>;

package/umd/modules/@postnord/web-components/loader/index.es2017.js

@@ -0,0 +1,3 @@
+
+export * from '../esm/polyfills/index.js';
+export * from '../esm/loader.js';

package/umd/modules/@postnord/web-components/loader/index.js

@@ -0,0 +1,4 @@
+
+(function(){if("undefined"!==typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var a=HTMLElement;window.HTMLElement=function(){return Reflect.construct(a,[],this.constructor)};HTMLElement.prototype=a.prototype;HTMLElement.prototype.constructor=HTMLElement;Object.setPrototypeOf(HTMLElement,a)}})();
+export * from '../esm/polyfills/index.js';
+export * from '../esm-es5/loader.js';

package/umd/modules/@postnord/web-components/loader/package.json

@@ -0,0 +1,10 @@
+{
+  "name": "postnord-web-components-loader",
+  "typings": "./index.d.ts",
+  "module": "./index.js",
+  "main": "./index.cjs.js",
+  "jsnext:main": "./index.es2017.js",
+  "es2015": "./index.es2017.js",
+  "es2017": "./index.es2017.js",
+  "unpkg": "./cdn.js"
+}

package/umd/modules/@postnord/web-components/package.json

@@ -0,0 +1,122 @@
+{
+  "_args": [
+    [
+      "@postnord/web-components@3.0.16",
+      "/opt/atlassian/pipelines/agent/build"
+    ]
+  ],
+  "_development": true,
+  "_from": "@postnord/web-components@3.0.16",
+  "_id": "@postnord/web-components@3.0.16",
+  "_inBundle": false,
+  "_integrity": "sha512-tB72YBL9Y7BQbg/74hjxi9h9Sg9UpLO3zTFSSwDf0XAmoXVZeBKa5nO4EyVIILeHdIXf/tO/UK93se/A2k+ysQ==",
+  "_location": "/@postnord/web-components",
+  "_phantomChildren": {},
+  "_requested": {
+    "type": "version",
+    "registry": true,
+    "raw": "@postnord/web-components@3.0.16",
+    "name": "@postnord/web-components",
+    "escapedName": "@postnord%2fweb-components",
+    "scope": "@postnord",
+    "rawSpec": "3.0.16",
+    "saveSpec": null,
+    "fetchSpec": "3.0.16"
+  },
+  "_requiredBy": [
+    "#DEV:/"
+  ],
+  "_resolved": "https://registry.npmjs.org/@postnord/web-components/-/web-components-3.0.16.tgz",
+  "_spec": "3.0.16",
+  "_where": "/opt/atlassian/pipelines/agent/build",
+  "collection": "./collection/collection-manifest.json",
+  "collection:main": "./collection/index.js",
+  "dependencies": {
+    "@stencil/core": "^2.12.1"
+  },
+  "description": "PostNord Web Components",
+  "devDependencies": {
+    "@alisowski/storybook-addon-notes": "^6.0.1",
+    "@babel/core": "^7.12.10",
+    "@stencil/postcss": "^2.1.0",
+    "@stencil/sass": "^1.4.1",
+    "@stencil/store": "^1.4.1",
+    "@storybook/addon-a11y": "^6.1.11",
+    "@storybook/addon-actions": "^6.1.11",
+    "@storybook/addon-backgrounds": "^6.1.15",
+    "@storybook/addon-centered": "^5.3.21",
+    "@storybook/addon-docs": "^6.1.11",
+    "@storybook/addon-knobs": "^6.1.11",
+    "@storybook/addon-links": "^6.1.11",
+    "@storybook/addon-notes": "^5.3.21",
+    "@storybook/addon-viewport": "^6.1.15",
+    "@storybook/addons": "^6.1.11",
+    "@storybook/html": "^6.1.11",
+    "@storybook/preset-scss": "^1.0.3",
+    "@types/autoprefixer": "^10.2.0",
+    "@types/jest": "^26.0.20",
+    "@types/node": "^14.14.20",
+    "api-now": "^0.5.4",
+    "autoprefixer": "^10.4.0",
+    "babel-loader": "^8.2.2",
+    "chalk": "^4.1.0",
+    "cross-env": "^7.0.3",
+    "css-loader": "^5.0.1",
+    "del-cli": "^3.0.1",
+    "file-loader": "^6.2.0",
+    "fs-extra": "^9.0.1",
+    "lodash.kebabcase": "^4.1.1",
+    "node-readfiles": "^0.2.0",
+    "node-sass": "^5.0.0",
+    "npm-run-all": "^4.1.5",
+    "plop": "^2.7.4",
+    "pn-design-assets": "^1.6.24",
+    "promisify-child-process": "^4.1.1",
+    "react": "^17.0.1",
+    "sass-loader": "^10.1.0",
+    "sonarqube-scanner": "^2.8.1",
+    "stencil": "0.0.5",
+    "storybook": "^6.1.11",
+    "style-loader": "^2.0.0",
+    "svgo": "^1.3.2"
+  },
+  "es2015": "./esm/index.mjs",
+  "es2017": "./esm/index.mjs",
+  "files": [
+    "*"
+  ],
+  "license": "MIT",
+  "main": "./index.cjs.js",
+  "module": "./index.js",
+  "name": "@postnord/web-components",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "scripts": {
+    "build": "npm-run-all build:assets clean build:stencil build:storybook post:build",
+    "build:assets": "node ./scripts/createIconFile.js && node ./scripts/createColorFile.js && node ./scripts/createIllustrationsFile.js",
+    "build:stencil": "cross-env STENCIL_ENV=prod stencil build --docs",
+    "build:storybook": "build-storybook",
+    "clean": "del-cli dist storybook-static",
+    "exposed": "npm-run-all --parallel start script:exposed",
+    "generate": "plop",
+    "post:build": "node ./stencil-utilities/post-build.js",
+    "prestart": "npm-run-all build:assets build:stencil",
+    "script:exposed": "./scripts/expose_server.sh",
+    "script:pack": "npm run build && ./scripts/pack_package.sh",
+    "start": "npm-run-all --parallel stencil storybook",
+    "stencil": "cross-env STENCIL_ENV=dev stencil build --dev --watch --serve --docs",
+    "storybook": "start-storybook -p 6007 -s ./stencil-utilities/public-assets",
+    "test": "cross-env STENCIL_ENV=dev stencil test --spec --e2e",
+    "test:watch": "cross-env STENCIL_ENV=dev stencil test --spec --e2e --watchAll"
+  },
+  "stencil": {
+    "protocol": "http",
+    "host": "localhost",
+    "port": 3333,
+    "buildDir": "build"
+  },
+  "types": "./types/index.d.ts",
+  "unpkg": "./postnord-web-components/postnord-web-components-stencil.js",
+  "version": "3.0.16"
+}

package/umd/modules/@postnord/web-components/postnord-web-components/p-07b66679.system.entry.js

@@ -0,0 +1 @@
+var __awaiter=this&&this.__awaiter||function(e,t,n,r){function o(e){return e instanceof n?e:new n((function(t){t(e)}))}return new(n||(n=Promise))((function(n,i){function a(e){try{c(r.next(e))}catch(t){i(t)}}function s(e){try{c(r["throw"](e))}catch(t){i(t)}}function c(e){e.done?n(e.value):o(e.value).then(a,s)}c((r=r.apply(e,t||[])).next())}))};var __generator=this&&this.__generator||function(e,t){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,o,i,a;return a={next:s(0),throw:s(1),return:s(2)},typeof Symbol==="function"&&(a[Symbol.iterator]=function(){return this}),a;function s(e){return function(t){return c([e,t])}}function c(a){if(r)throw new TypeError("Generator is already executing.");while(n)try{if(r=1,o&&(i=a[0]&2?o["return"]:a[0]?o["throw"]||((i=o["return"])&&i.call(o),0):o.next)&&!(i=i.call(o,a[1])).done)return i;if(o=0,i)a=[a[0]&2,i.value];switch(a[0]){case 0:case 1:i=a;break;case 4:n.label++;return{value:a[1],done:false};case 5:n.label++;o=a[1];a=[0];continue;case 7:a=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(a[0]===6||a[0]===2)){n=0;continue}if(a[0]===3&&(!i||a[1]>i[0]&&a[1]<i[3])){n.label=a[1];break}if(a[0]===6&&n.label<i[1]){n.label=i[1];i=a;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(a);break}if(i[2])n.ops.pop();n.trys.pop();continue}a=t.call(e,n)}catch(s){a=[6,s];o=0}finally{r=i=0}if(a[0]&5)throw a[1];return{value:a[0]?a[1]:void 0,done:true}}};System.register(["./p-38222b64.system.js","./p-a9ab23a3.system.js","./p-aa1ec8d3.system.js"],(function(e){"use strict";var t,n,r,o;return{setters:[function(e){t=e.r;n=e.h},function(e){r=e.a},function(e){o=e.c}],execute:function(){var i='#sb-addon-centered-wrapper{background-color:#f2f2f2}.sb-show-main{background-color:#f2f2f2}.icon-grid{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:5rem auto;width:100%;display:grid;grid-template-columns:repeat(auto-fill, 17rem);grid-gap:5rem;max-width:120rem}.icon-grid .icon{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;border-radius:2.5rem;background-color:#f2f2f2;-webkit-box-shadow:0px -6px 10px white, 0px 4px 15px rgba(0, 0, 0, 0.15);box-shadow:0px -6px 10px white, 0px 4px 15px rgba(0, 0, 0, 0.15);height:14rem;position:relative;cursor:pointer;overflow:hidden}.icon-grid .icon:after{content:"";position:absolute;left:0;top:0;width:100%;height:100%;z-index:2;-webkit-transition:all 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92);transition:all 0.1s cubic-bezier(0.64, 0.01, 0.67, 0.92)}.icon-grid .icon.active{-webkit-box-shadow:0 15px 20px rgba(0, 0, 0, 0.02);box-shadow:0 15px 20px rgba(0, 0, 0, 0.02)}.icon-grid .icon.active:after{-webkit-box-shadow:inset 0px -2px 5px white, inset 0px 2px 5px rgba(0, 0, 0, 0.15);box-shadow:inset 0px -2px 5px white, inset 0px 2px 5px rgba(0, 0, 0, 0.15)}.icon-grid .icon span{position:absolute;top:1.5rem;right:1.5rem;color:#5E554A;font-size:0.9em}.icon-grid .icon p{position:absolute;padding:0 0.5rem 1rem;text-align:center;bottom:0.5rem;font-size:0.9em;color:#5E554A;-webkit-transition:opacity 0.2s ease, -webkit-transform 0.3s ease-in-out;transition:opacity 0.2s ease, -webkit-transform 0.3s ease-in-out;transition:transform 0.3s ease-in-out, opacity 0.2s ease;transition:transform 0.3s ease-in-out, opacity 0.2s ease, -webkit-transform 0.3s ease-in-out}.icon-grid .icon p.copy{-webkit-transform:translateY(3.5rem);transform:translateY(3.5rem);opacity:0}.icon-grid .icon:hover p.symbol-name{-webkit-transform:translateY(3.5rem);transform:translateY(3.5rem);opacity:0}.icon-grid .icon:hover p.copy{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}';var a=e("pn_icon_grid",function(){function e(e){t(this,e);this.small=false;this.color=o["grey-08-night"];this.activeSymbol=null}e.prototype.copySymbolName=function(e){return __awaiter(this,void 0,void 0,(function(){var t;var n=this;return __generator(this,(function(r){switch(r.label){case 0:if(!navigator.clipboard){return[2]}r.label=1;case 1:r.trys.push([1,3,,4]);return[4,navigator.clipboard.writeText('<pn-icon symbol="'+e+'" small="'+this.small+'" color="'+this.color+'" />')];case 2:r.sent();this.activeSymbol=e;setTimeout((function(){n.activeSymbol=null}),3e3);return[3,4];case 3:t=r.sent();console.error("Failed to copy!",t);return[3,4];case 4:return[2]}}))}))};e.prototype.render=function(){var e=this;return n("div",{class:"icon-grid"},Object.keys(r).map((function(t){return n("div",{class:t===e.activeSymbol?"active icon":"icon",onClick:function(){return e.copySymbolName(t)}},t===e.activeSymbol&&n("span",{class:"copied"},"Copied"),n("pn-icon",{symbol:t,color:e.color,small:e.small}),n("p",{class:"symbol-name"},t),n("p",{class:"copy"},"Click to copy"))})))};return e}());a.style=i}}}));

package/umd/modules/@postnord/web-components/postnord-web-components/p-09ea979b.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-38222b64.system.js"],(function(e){"use strict";var t,n,o,c;return{setters:[function(e){t=e.r;n=e.h;o=e.a;c=e.g}],execute:function(){var i="pn-checkbox{display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}pn-checkbox input{opacity:0;position:absolute}pn-checkbox input[type=checkbox]+label.pn-checkbox{width:1.5em;min-width:1.5em;height:1.5em;min-height:1.5em;background:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;position:relative;border:0.1rem solid #969087;cursor:pointer;border-radius:0.4rem;cursor:pointer;-webkit-transition-duration:220ms;transition-duration:220ms;-webkit-transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);transition-timing-function:cubic-bezier(0.79, 0.14, 0.15, 0.86);-webkit-transition-property:border, background, -webkit-box-shadow;transition-property:border, background, -webkit-box-shadow;transition-property:border, background, box-shadow;transition-property:border, background, box-shadow, -webkit-box-shadow}pn-checkbox input[type=checkbox]+label.pn-checkbox svg{width:80%;fill:none}pn-checkbox input[type=checkbox]+label.pn-checkbox svg polyline{stroke:#FFF;-webkit-transform-origin:0 0;transform-origin:0 0;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;-webkit-transition-delay:none;transition-delay:none;-webkit-transition:stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86);transition:stroke-dashoffset 180ms cubic-bezier(0.79, 0.14, 0.15, 0.86)}pn-checkbox input[type=checkbox]:hover+label.pn-checkbox{border:0.1rem solid #005D92;background:#E0F8FF}pn-checkbox input[type=checkbox]:checked+label.pn-checkbox,pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox{background:#005D92;border:0.1rem solid #005D92}pn-checkbox input[type=checkbox]:checked+label.pn-checkbox svg polyline,pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline{-webkit-transition-delay:220ms;transition-delay:220ms}pn-checkbox input[type=checkbox]:checked+label.pn-checkbox svg polyline.checkmark-path{stroke-dashoffset:0}pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline.checkmark-path{stroke-dashoffset:23}pn-checkbox input[type=checkbox]:indeterminate+label.pn-checkbox svg polyline.indeterminate-path{stroke-dashoffset:0}pn-checkbox input[type=checkbox]:focus+label.pn-checkbox,pn-checkbox input[type=checkbox]:active+label.pn-checkbox{-webkit-box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005D92;box-shadow:0 0 0 0.1rem white, 0 0 0 0.3rem #005D92}pn-checkbox input[type=checkbox]:disabled+label.pn-checkbox{background-color:#D3CECB;border:0.1rem solid #969087;cursor:not-allowed}pn-checkbox input[type=checkbox]:disabled+label.pn-checkbox svg polyline{stroke:#969087}pn-checkbox input[type=checkbox]:disabled:checked+label.pn-checkbox{border:0.1rem solid transparent}pn-checkbox input[type=checkbox]:disabled:active+label.pn-checkbox{-webkit-box-shadow:none;box-shadow:none}";var r=e("pn_checkbox",function(){function e(e){t(this,e);this.disabled=false;this.checked=false;this.indeterminate=false}e.prototype.handlechange=function(){this.indeterminate=false};e.prototype.componentDidLoad=function(){this.checkAndSetIndeterminateState()};e.prototype.componentDidUpdate=function(){this.checkAndSetIndeterminateState()};e.prototype.checkAndSetIndeterminateState=function(){var e=this.hostElement.querySelector("#"+this.checkboxid);if(e){e.indeterminate=this.indeterminate}};e.prototype.render=function(){return n(o,null,n("input",{type:"checkbox",id:this.checkboxid,value:this.value,name:this.name||this.checkboxid,disabled:this.disabled,checked:this.checked}),n("label",{htmlFor:this.checkboxid,class:"pn-checkbox"},n("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},n("polyline",{class:"checkmark-path",points:"4,12 9,17 20,6","stroke-width":"3"}),n("polyline",{class:"indeterminate-path",points:"4,12 20,12","stroke-width":"3"}))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return c(this)},enumerable:false,configurable:true});return e}());r.style=i}}}));

package/umd/modules/@postnord/web-components/postnord-web-components/p-0bc2959f.entry.js

@@ -0,0 +1 @@
+import{r as t,c as e,f as s,h as i,a as o,g as n}from"./p-4c1b3cc3.js";let r=class{constructor(s){t(this,s),this.selectchange=e(this,"selectchange",7),this.checkchange=e(this,"checkchange",7),this.searchable=!1,this.label=null,this.placeholder=null,this.checkbox=!1,this.checkboxid="",this.checked=!1,this.indeterminate=!1,this.error="",this.invalid=!1,this.value=null,this.internalValue=null,this.open=!1,this.upwards=!1,this.loaded=!1,this.handleGlobalEvents=this.globalHandler.bind(this),this.hiddenOptions=[],this.visibleOptions=[],this.searchDebounce=null}componentWillLoad(){this.loaded=!0}componentDidLoad(){this.registerEventHandlers(),this.mo&&this.mo.disconnect(),(this.mo=new MutationObserver((()=>{s(this.hostElement),this.elementInit()}))).observe(this.hostElement,{childList:!0}),this.initialize()}initialize(){this.elementInit()}changeHandler(t){const e=t.composedPath()[0];e===this.parentCheckbox&&(this.checked=e.checked,this.indeterminate=!1,this.checkchange.emit(t))}selectOptionHandler(t){const e=t.composedPath()[0];this.hostElement.querySelector(".current-selection pn-option").innerHTML=e.innerHTML,this.options.forEach((t=>{t!==e&&t.removeAttribute("selected")})),this.internalValue=t.detail,this.selectchange.emit(this.internalValue),this.open=!1}stateHandler(){this.flip((()=>{this.hostElement.dataset.state=this.open?"open":"collapsed",this.open&&this.checkOrientation()}),this.animatedEls),this.open&&(document.addEventListener("click",this.handleGlobalEvents),document.addEventListener("keyup",this.handleGlobalEvents),document.addEventListener("scroll",this.handleGlobalEvents)),this.open||(document.removeEventListener("click",this.handleGlobalEvents),document.removeEventListener("keyup",this.handleGlobalEvents),document.removeEventListener("scroll",this.handleGlobalEvents),this.hostElement.focus())}globalHandler(t){const e=t.composedPath()[0];if(this.hostElement.contains(e)||"scroll"===t.type){if("scroll"===t.type){const t=this.hostElement.getBoundingClientRect().top;(window.innerHeight-this.hostElement.getBoundingClientRect().bottom<=0||t<=0)&&(this.open=!1)}}else this.open=!1}elementInit(){if(this.options=Array.from(this.hostElement.querySelectorAll(".select-options pn-option")),this.selectEl=this.hostElement.querySelector(".pn-select"),this.selectContent=this.hostElement.querySelector(".select-content"),this.animatedEls=this.hostElement.querySelectorAll("[data-select-flip]"),this.optionsList=this.hostElement.querySelector(".select-options"),this.searchable&&(this.searchField=this.hostElement.querySelector(".select-search-input")),this.checkbox){this.parentCheckbox=this.hostElement.querySelector(".current-selection pn-checkbox input");const t=Array.from(this.hostElement.querySelectorAll(".select-options pn-checkbox input"));if(t.length<=0)return;t.forEach((t=>{t.setAttribute("tabindex","-1")}))}this.options.forEach(((t,e)=>{t.dataset.index=`${e}`,t.style.setProperty("--i",`${e=this.searchable?e+1:e}`),t.setAttribute("index",`${e}`),t.setAttribute("select-has-loaded",`${this.loaded}`),this.value&&t.setAttribute("parent-value",`${this.value}`)}))}setFocusToList(){const{activeElement:t}=this.hostElement.getRootNode();requestAnimationFrame((()=>{if("PN-OPTION"!==t.nodeName){if(this.searchable)return void this.searchField.focus();if(this.visibleOptions.length>0)return void this.visibleOptions[0].focus();this.options[0].focus()}}))}focusNextOption(){const{activeElement:t}=this.hostElement.getRootNode();if(t!==this.hostElement.querySelector(".select-search-input"))if(t.nextElementSibling&&"PN-OPTION"===t.nextElementSibling.nodeName){if(t.nextElementSibling.classList.contains("hidden")){const e=this.options.find(((e,s)=>{if(s>parseInt(t.dataset.index)&&!e.classList.contains("hidden"))return e}));return void(e&&e.focus())}t.nextElementSibling.focus()}else this.setFocusToList();else this.options.find((t=>{if(!t.classList.contains("hidden"))return t})).focus()}focusPrevOption(){const{activeElement:t}=this.hostElement.getRootNode();if(t!==this.hostElement.querySelector(".select-search-input"))if(!this.searchable||t!==this.visibleOptions[0]&&!t.previousElementSibling.classList.contains("select-search"))if(t.previousElementSibling&&"PN-OPTION"===t.previousElementSibling.nodeName){if(t.previousElementSibling.classList.contains("hidden")){const e=this.options.find(((e,s)=>{if(s<parseInt(t.dataset.index)&&!e.classList.contains("hidden"))return e}));return void(e&&e.focus())}t.previousElementSibling.focus()}else this.setFocusToList();else this.searchField.focus();else this.options.find((t=>{if(!t.classList.contains("hidden"))return t})).focus()}registerEventHandlers(){this.hostElement.addEventListener("click",(t=>{const e=t.composedPath()[0];("PN-OPTION"!==e.nodeName&&null===e.closest(".pn-option-content")&&null===e.closest("pn-checkbox")&&null===e.closest(".select-search")||null!==e.closest("pn-option")&&e.closest("pn-option").hasAttribute("selected"))&&(this.open=!this.open)}));const t=["Enter","Space","ArrowUp","ArrowDown"];this.hostElement.addEventListener("keydown",(e=>{const s=e.composedPath()[0];if(t.includes(e.code)){if((null===s.closest(".select-search")||["ArrowUp","ArrowDown"].includes(e.code))&&e.preventDefault(),!this.open)return this.open=!0,void this.setFocusToList();["Space","Enter"].includes(e.code)&&("PN-OPTION"!==s.nodeName||s.hasAttribute("selected"))&&null===s.closest(".select-search")&&(this.open=!1),["ArrowUp","ArrowDown"].includes(e.code)&&(this.upwards?("ArrowUp"===e.code&&this.focusNextOption(),"ArrowDown"===e.code&&this.focusPrevOption()):("ArrowUp"===e.code&&this.focusPrevOption(),"ArrowDown"===e.code&&this.focusNextOption()))}"Escape"===e.code&&(this.open=!1)}))}checkOrientation(){this.optionsList.style.removeProperty("max-height");const t=this.hostElement.getBoundingClientRect().bottom,e=window.innerHeight-t,s=this.hostElement.getBoundingClientRect().top,i=this.selectContent.getBoundingClientRect().height;if(window.innerHeight-t<i&&s>window.innerHeight-t){if(this.upwards=!0,this.hostElement.classList.add("upwards"),s<i){if(s-50<250)return void this.optionsList.style.setProperty("max-height","250px");if(s-50>600)return void this.optionsList.style.setProperty("max-height","600px");this.optionsList.style.setProperty("max-height",s-50+"px")}}else if(this.upwards=!1,this.hostElement.classList.remove("upwards"),e<i){if(e-50<250)return void this.optionsList.style.setProperty("max-height","250px");if(e-50>600)return void this.optionsList.style.setProperty("max-height","600px");this.optionsList.style.setProperty("max-height",e-50+"px")}}getRect(t){return t.getBoundingClientRect()}flip(t,e,s=(()=>e)){const i=Array.from(e).map((t=>[t,this.getRect(t)]));requestAnimationFrame((()=>{t();const e=Array.from(s()).map((t=>[t,this.getRect(t)]));i.forEach((([t,s],i)=>{let[o,n]=e[i];const r=n.x-s.x,a=n.y-s.y,c=n.width/s.width,l=n.height/s.height;o.dataset.flipping=!0,o.style.setProperty("--dx",r),o.style.setProperty("--dy",a),o.style.setProperty("--dw",c),o.style.setProperty("--dh",l),requestAnimationFrame((()=>delete o.dataset.flipping))}))}))}manageOptionVisibility(t,e){t?this.flip((()=>{this.optionsList.dataset.hidden="true"}),[...this.options,...this.animatedEls]):(this.flip((()=>{delete this.optionsList.dataset.hidden}),[...this.options,...this.animatedEls]),e.forEach((t=>{t.classList.remove("hidden")})))}filterSearch({target:t}){null!==this.searchDebounce&&(clearTimeout(this.searchDebounce),this.searchDebounce=null),this.searchDebounce=setTimeout((()=>{this.hiddenOptions=[],this.visibleOptions=[],this.options.forEach((e=>{e.innerText.toLowerCase().includes(t.value.toLowerCase())?(e.setAttribute("tabindex","-1"),this.visibleOptions.push(e)):(e.classList.add("hidden"),e.removeAttribute("tabindex"),this.hiddenOptions.push(e))})),this.hiddenOptions.length>0?this.manageOptionVisibility(!0,null):this.manageOptionVisibility(!1,this.visibleOptions)}),200)}getClassNames(){let t="pn-select ";return this.searchable&&(t+="search "),this.label&&(t+="select-label "),(this.error||this.invalid)&&(t+="select-error "),this.error&&(t+="select-error-message "),t}render(){return i(o,{class:this.getClassNames(),tabindex:"0","data-state":"collapsed"},this.label&&i("label",null,this.label),i("span",null,this.placeholder||""),i("div",{class:"select-content","data-select-flip":!0},i("div",{class:"select-bg-top","data-select-flip":!0}),i("div",{class:"select-bg-bottom","data-select-flip":!0}),i("div",{class:"select-bg"}),i("div",{class:"current-selection"},this.checkbox&&i("pn-checkbox",{checkboxid:this.checkboxid,checked:this.checked,indeterminate:this.indeterminate}),i("pn-option",null,this.placeholder),i("svg",{class:"arrow",width:"18",height:"10",viewBox:"0 0 18 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.70711 9.70711C9.31658 10.0976 8.68342 10.0976 8.29289 9.70711L0.292892 1.70711C-0.0976315 1.31658 -0.0976315 0.683417 0.292892 0.292893C0.683418 -0.0976315 1.31658 -0.0976315 1.70711 0.292893L9 7.58579L16.2929 0.292893C16.6834 -0.0976315 17.3166 -0.0976315 17.7071 0.292893C18.0976 0.683417 18.0976 1.31658 17.7071 1.70711L9.70711 9.70711Z"}))),i("div",{class:"select-options","aria-hidden":!this.open},i("hr",null),this.searchable&&i("div",{class:"select-search",style:{"--i":"0"}},i("input",{class:"select-search-input",tabindex:this.open?"0":"-1",onInput:t=>this.filterSearch(t),type:"text",placeholder:"search"})),i("slot",null))),this.error&&i("small",null,i("pn-icon",{symbol:"alert-exclamation-circle",small:!0,color:"warning"}),this.error))}get hostElement(){return n(this)}static get watchers(){return{open:["stateHandler"]}}};r.style="pn-select{cursor:pointer;outline:none;position:relative;display:-ms-flexbox;display:flex;padding:0.6em 1em;z-index:0;-webkit-transition:z-index 0s 0.5s;transition:z-index 0s 0.5s;}pn-select.select-label{padding-top:1.9em}pn-select.select-label .select-content{margin-top:1.9em}pn-select.select-label>label{position:absolute;top:1.25em;left:0;-webkit-transform:translateY(-100%);transform:translateY(-100%);font-size:0.875em;color:#5E554A}pn-select.select-error{color:#A70707}pn-select.select-error.select-error-message{padding-bottom:1.9em}pn-select.select-error.select-error-message .select-content{margin-bottom:1.9em}pn-select.select-error>label{color:#A70707}pn-select.select-error .current-selection>pn-option{color:#A70707}pn-select.select-error .current-selection>svg.arrow{fill:#A70707}pn-select.select-error>small{color:#A70707;font-size:0.75em;font-size:max(.6em, 1.2rem);position:absolute;bottom:1.25em;left:0;-webkit-transform:translateY(100%);transform:translateY(100%)}pn-select.select-error>small>pn-icon{margin-right:0.25em}pn-select.select-error .select-bg-top,pn-select.select-error .select-bg-bottom,pn-select.select-error .select-bg{border-color:#A70707}pn-select>span{min-height:1.5em;display:block;width:100%;white-space:nowrap;opacity:0;padding-right:2em}pn-select:hover .select-bg,pn-select:hover .select-bg-top,pn-select:hover .select-bg-bottom{border-color:#00A0D6}pn-select:focus .select-bg-top,pn-select:focus-within .select-bg-top,pn-select:not(.search):active .select-bg-top{border-color:#005D92;-webkit-box-shadow:-0.1rem -0.1rem 0 0 #005D92, 0.1rem -0.1rem 0 0 #005D92;box-shadow:-0.1rem -0.1rem 0 0 #005D92, 0.1rem -0.1rem 0 0 #005D92}pn-select:focus .select-bg,pn-select:focus-within .select-bg,pn-select:not(.search):active .select-bg{border-color:#005D92;-webkit-box-shadow:-0.1rem 0 0 0 #005D92, -0.1rem 0 0 0 #005D92, 0.1rem 0 0 0 #005D92, 0.1rem 0 0 0 #005D92;box-shadow:-0.1rem 0 0 0 #005D92, -0.1rem 0 0 0 #005D92, 0.1rem 0 0 0 #005D92, 0.1rem 0 0 0 #005D92}pn-select:focus .select-bg-bottom,pn-select:focus-within .select-bg-bottom,pn-select:not(.search):active .select-bg-bottom{border-color:#005D92;-webkit-box-shadow:0.1rem 0.1rem 0 0 #005D92, -0.1rem 0.1rem 0 0 #005D92;box-shadow:0.1rem 0.1rem 0 0 #005D92, -0.1rem 0.1rem 0 0 #005D92}.current-selection{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:0 1em;position:relative;z-index:2;min-height:1.5em}.current-selection pn-checkbox{margin-right:0.5em}.current-selection pn-option{pointer-events:none;color:#005D92;font-weight:500;overflow:hidden;white-space:nowrap;-ms-flex:1 1;flex:1 1}.current-selection pn-option .pn-option-content{width:100%;overflow-x:hidden;text-overflow:ellipsis}.current-selection>svg.arrow{-webkit-transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:-webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transition:transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.3, 1) 0.2s;fill:#005D92;-ms-flex-negative:0;flex-shrink:0;margin-left:0.5em}.select-content{position:absolute;z-index:3;top:0;left:0;margin:0.6em 0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition:border 0.1s, -webkit-transform 0.2s 0.2s cubic-bezier(0.7, 0, 0.3, 1), -webkit-box-shadow 0.1s;transition:border 0.1s, -webkit-transform 0.2s 0.2s cubic-bezier(0.7, 0, 0.3, 1), -webkit-box-shadow 0.1s;transition:transform 0.2s 0.2s cubic-bezier(0.7, 0, 0.3, 1), border 0.1s, box-shadow 0.1s;transition:transform 0.2s 0.2s cubic-bezier(0.7, 0, 0.3, 1), border 0.1s, box-shadow 0.1s, -webkit-transform 0.2s 0.2s cubic-bezier(0.7, 0, 0.3, 1), -webkit-box-shadow 0.1s}.select-content[data-flipping]{-webkit-transition:none;transition:none}div.select-options{position:absolute;left:0;right:0;top:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;pointer-events:none;padding:0.1em;z-index:3;overflow-y:auto;visibility:hidden;-webkit-transition:visibility 0s 0.2s;transition:visibility 0s 0.2s}div.select-options>*{width:100%}div.select-options>hr{border:0.1rem solid #005D92;border-bottom:0;margin:0.6em 0 0;opacity:0;-webkit-transition:opacity 0.4s;transition:opacity 0.4s}div.select-options input[type=text]{border:0.1rem solid #5E554A;width:100%;padding:0.5em;border-radius:0.8rem;outline:none;-webkit-transition:border 0.1s, -webkit-box-shadow 0.1s ease-in-out;transition:border 0.1s, -webkit-box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out, border 0.1s;transition:box-shadow 0.1s ease-in-out, border 0.1s, -webkit-box-shadow 0.1s ease-in-out}div.select-options input[type=text]:hover{border:0.1rem solid #00A0D6}div.select-options input[type=text]:focus{-webkit-box-shadow:0 0 0 0.1rem #005D92;box-shadow:0 0 0 0.1rem #005D92;border:0.1rem solid #005D92}div.select-options .select-search,div.select-options pn-option{-webkit-transition:opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s;transition:opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s;transition:transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, opacity 0.4s;transition:transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, opacity 0.4s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s;opacity:0;padding:1em}div.select-options .select-search[data-flipping],div.select-options pn-option[data-flipping]{-webkit-transition:opacity 0.4s, -webkit-transform 0s;transition:opacity 0.4s, -webkit-transform 0s;transition:transform 0s, opacity 0.4s;transition:transform 0s, opacity 0.4s, -webkit-transform 0s;-webkit-transform:translate(calc(-1px * var(--dx)), calc(-1px * var(--dy)));transform:translate(calc(-1px * var(--dx)), calc(-1px * var(--dy)))}div.select-options .select-search{z-index:2}div.select-options .select-search+pn-option{margin-top:0.1em}div.select-options pn-option{z-index:1}div.select-options pn-option+pn-option{margin-top:0.1em}div.select-options[data-hidden=true] pn-option.hidden{position:absolute;top:1.1em;opacity:0;width:100%;z-index:0;pointer-events:none;background:transparent}.select-bg{border-right:0.1rem solid black;border-left:0.1rem solid black;position:absolute;left:0;right:0;top:0;bottom:0;background-color:#fff;-webkit-transition:inherit;transition:inherit;-webkit-transform-origin:top left;transform-origin:top left;pointer-events:none}[data-flipping]>.select-bg{-webkit-transform:scaleY(calc(1 / var(--dh)));transform:scaleY(calc(1 / var(--dh)))}.select-bg-top,.select-bg-bottom{position:absolute;left:0;right:0;height:1.3em;border:0.1rem solid black;background-color:white}.select-bg-top{border-radius:0.8rem 0.8rem 0 0;top:-0.6em;border-bottom:none;-webkit-transition:inherit;transition:inherit}[data-flipping]>.select-bg-top{-webkit-transform:translateY(calc(-1px * var(--dy)));transform:translateY(calc(-1px * var(--dy)))}.select-bg-bottom{border-radius:0 0 0.8rem 0.8rem;border-top:none;-webkit-transition:inherit;transition:inherit;bottom:-0.6em;z-index:2}[data-flipping]>.select-bg-bottom{-webkit-transform:translateY(calc(-1px * var(--dy)));transform:translateY(calc(-1px * var(--dy)))}.pn-select.upwards .select-content{top:unset;bottom:0;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.pn-select.upwards .select-content div.select-options{bottom:100%;top:unset;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.pn-select.upwards .select-content div.select-options>hr{margin:0 0 0.6em}.pn-select.upwards .select-content div.select-options[data-hidden=true] pn-option.hidden{top:unset;bottom:1.3em}.pn-select.upwards .select-content .select-bg{-webkit-transform-origin:bottom left;transform-origin:bottom left}.pn-select.upwards .select-content .select-bg-bottom{-webkit-transition:none;transition:none}.pn-select.upwards pn-option+pn-option{margin-top:0;margin-bottom:0.1em}.pn-select[data-state=open]{z-index:5;-webkit-transition-delay:0s;transition-delay:0s}.pn-select[data-state=open] div.select-options{position:relative;pointer-events:unset;-webkit-transition:none;transition:none;visibility:visible}.pn-select[data-state=open] div.select-options[data-hidden=true] pn-option{-webkit-transition:opacity 0.2s, background 0.2s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.1, 1), -webkit-box-shadow 0.1s;transition:opacity 0.2s, background 0.2s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.1, 1), -webkit-box-shadow 0.1s;transition:opacity 0.2s, transform 0.2s cubic-bezier(0.7, 0, 0.1, 1), background 0.2s, box-shadow 0.1s;transition:opacity 0.2s, transform 0.2s cubic-bezier(0.7, 0, 0.1, 1), background 0.2s, box-shadow 0.1s, -webkit-transform 0.2s cubic-bezier(0.7, 0, 0.1, 1), -webkit-box-shadow 0.1s}.pn-select[data-state=open] div.select-options[data-hidden=true] pn-option+.select-search{margin-top:0}.pn-select[data-state=open] div.select-options[data-hidden=true] pn-option[data-flipping]{-webkit-transition:opacity 3s, -webkit-transform 0s;transition:opacity 3s, -webkit-transform 0s;transition:transform 0s, opacity 3s;transition:transform 0s, opacity 3s, -webkit-transform 0s}.pn-select[data-state=open] pn-option,.pn-select[data-state=open] .select-search,.pn-select[data-state=open] hr{opacity:1;-webkit-transition:opacity 0.4s calc(0.2s + (var(--i) * 0.03s)), background 0.2s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, -webkit-box-shadow 0.2s;transition:opacity 0.4s calc(0.2s + (var(--i) * 0.03s)), background 0.2s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, -webkit-box-shadow 0.2s;transition:opacity 0.4s calc(0.2s + (var(--i) * 0.03s)), transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, background 0.2s, box-shadow 0.2s;transition:opacity 0.4s calc(0.2s + (var(--i) * 0.03s)), transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, background 0.2s, box-shadow 0.2s, -webkit-transform 0.4s cubic-bezier(0.7, 0, 0.1, 1) 0.2s, -webkit-box-shadow 0.2s}.pn-select[data-state=open] .select-content{-webkit-transition-delay:0s;transition-delay:0s}.pn-select[data-state=open] .current-selection svg.arrow{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);-webkit-transition-delay:0s;transition-delay:0s}";export{r as pn_select}

package/umd/modules/@postnord/web-components/postnord-web-components/p-0e3cf22d.entry.js

@@ -0,0 +1 @@
+import{r as t,f as s,h as e,a as r,g as n}from"./p-4c1b3cc3.js";let i=class{constructor(s){t(this,s),this.name="example-id",this.showScrollArrows=!1,this.showLeftArrow=!1,this.showRightArrow=!1,this.segments=[],this.scrollRegistered=!1}changeHandler({target:t}){this.value=t.value,this.currentSelection=t.closest("pn-segment")}handleResize(){this.rerender()}selectionHandler(){this.rerender()}componentDidLoad(){this.mo&&this.mo.disconnect(),(this.mo=new MutationObserver((()=>{s(this.hostElement),this.setActiveSegment(),this.rerender()}))).observe(this.hostElement,{childList:!0}),this.segmentContainer=this.hostElement.querySelector(".pn-segmented-control"),this.activeBg=this.hostElement.querySelector(".pn-sc-active"),this.hoverBg=this.hostElement.querySelector(".pn-sc-hover"),this.hostElement.addEventListener("mouseover",(({target:t})=>this.calcHighlight(t,this.hoverBg))),this.setActiveSegment()}setActiveSegment(){this.segments=Array.from(this.hostElement.querySelectorAll("pn-segment")),this.segments.forEach((t=>{this.value===t.value&&(this.currentSelection=t,t.setAttribute("selected","true")),t.setAttribute("name",this.name)}))}rerender(){requestAnimationFrame((()=>{this.calcHighlight(this.currentSelection,this.activeBg),this.scrollArrowRender()}))}calcHighlight(t,s){if(!(null==t?void 0:t.closest("pn-segment")))return;const e=t.closest("pn-segment").getBoundingClientRect(),{left:r}=this.segmentContainer.getBoundingClientRect(),{left:n,height:i,width:o}=e;s.style.setProperty("transform",`translate(${n-r+this.segmentContainer.scrollLeft}px, -50%`),s.style.setProperty("width",`${o}px`),s.style.setProperty("height",`${i}px`)}scrollArrowRender(){if(this.segmentContainer.scrollWidth>this.segmentContainer.clientWidth){this.showScrollArrows=!0,this.scrollRegistered||(this.segmentContainer.addEventListener("scroll",this.scrollArrowRender.bind(this)),this.scrollRegistered=!0);const t=Math.round(this.segmentContainer.scrollWidth-this.segmentContainer.scrollLeft)-this.segmentContainer.clientWidth;return this.showLeftArrow=this.segmentContainer.scrollLeft>0,void(this.showRightArrow=t>0)}this.showLeftArrow=!1,this.showRightArrow=!1,this.showScrollArrows=!1}scroll(t){this.segmentContainer.scroll({left:this.segmentContainer.scrollLeft+t,behavior:"smooth"})}scrollArrowClasses(){let t="pn-sc-arrows ";return this.showLeftArrow&&(t+="pn-sc-left-visible "),this.showRightArrow&&(t+="pn-sc-right-visible "),t}render(){return e(r,null,e("div",{class:"pn-segmented-control"},e("slot",null),e("div",{class:"pn-sc-bg pn-sc-active"}),e("div",{class:"pn-sc-bg pn-sc-hover"})),this.showScrollArrows&&e("div",{class:this.scrollArrowClasses()},e("button",{class:"pn-sc-arrow-left",onClick:()=>this.scroll(-120),tabindex:"-1"},e("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.414 12l7.293-7.293-1.414-1.414L6.586 12l8.707 8.707 1.414-1.414L9.414 12z"}))),e("button",{class:"pn-sc-arrow-right",onClick:()=>this.scroll(120),tabindex:"-1"},e("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.707 3.293L17.414 12l-8.707 8.707-1.414-1.414L14.586 12 7.293 4.707l1.414-1.414z"})))))}get hostElement(){return n(this)}static get watchers(){return{currentSelection:["selectionHandler"]}}};i.style="pn-segmented-control{position:relative;display:inline-block;max-width:100%;overflow:hidden;border-radius:3em;-webkit-transition:-webkit-box-shadow 0.15s;transition:-webkit-box-shadow 0.15s;transition:box-shadow 0.15s;transition:box-shadow 0.15s, -webkit-box-shadow 0.15s;-webkit-transform:translateZ(0);transform:translateZ(0)}.pn-segmented-control{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;border-radius:3em;min-height:3em;padding:0.25em;background:#F3F2F2;position:relative;overflow-x:auto;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.pn-segmented-control::-webkit-scrollbar{display:none}.pn-segmented-control>.pn-sc-bg{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);will-change:transform;left:0;border-radius:inherit;-webkit-transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;transition:width 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), background 0.15s, opacity 0.15s, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s;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;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, -webkit-transform 0.25s cubic-bezier(0.29, 0.15, 0.24, 0.97), -webkit-box-shadow 0.15s}.pn-segmented-control>.pn-sc-bg.pn-sc-active{-webkit-box-shadow:0px 0.3px 0.9px rgba(0, 0, 0, 0.1), 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);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.1rem solid #005D92;background:#FFFFFF;z-index:1}.pn-segmented-control>.pn-sc-bg.pn-sc-hover{background:#E0F8FF;opacity:0;border:0.5rem solid transparent;z-index:0}@media (hover: hover){.pn-segmented-control:hover .pn-sc-hover{opacity:1}}pn-segmented-control:focus-within,pn-segmented-control:active{-webkit-box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92;box-shadow:0 0 0 0.2rem #fff, 0 0 0 0.4rem #005D92}pn-segmented-control .pn-sc-arrows{position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;height:100%;width:100%;z-index:3;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;pointer-events:none}pn-segmented-control .pn-sc-arrows svg{width:1.5em}pn-segmented-control .pn-sc-arrows svg path{fill:#005D92}pn-segmented-control .pn-sc-arrows>*{-webkit-transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;pointer-events:all;width:2.5em;height:2.5em;background:white;border:none;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;cursor:pointer;opacity:0;will-change:transform;-webkit-tap-highlight-color:transparent}pn-segmented-control .pn-sc-arrows>*.pn-sc-arrow-left{-webkit-transform:translateX(-100%);transform:translateX(-100%);border-radius:0 50% 50% 0;padding:0 0.3em 0 0;-webkit-box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}pn-segmented-control .pn-sc-arrows>*.pn-sc-arrow-right{-webkit-transform:translateX(100%);transform:translateX(100%);border-radius:50% 0 0 50%;padding:0 0 0 0.3em;-webkit-box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);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;-webkit-transform:translateX(0);transform:translateX(0)}";export{i as pn_segmented_control}

package/umd/modules/@postnord/web-components/postnord-web-components/p-184baf7c.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-38222b64.system.js"],(function(t){"use strict";var e,r,s,i,o,a;return{setters:[function(t){e=t.r;r=t.c;s=t.f;i=t.h;o=t.a;a=t.g}],execute:function(){var n=".pn-tablist{width:100%;position:relative;border-bottom:0.1em solid #D4CECB;display:block}.pn-tablist>.tablist{overflow-y:hidden;overflow-x:auto;display:-ms-flexbox;display:flex;position:relative;-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.pn-tablist>.tablist::-webkit-scrollbar{display:none}.pn-tablist.stacked button.pn-tab{-ms-flex-direction:column;flex-direction:column}.pn-tablist.stacked button.pn-tab svg{margin:0 0 0.2em}.pn-tablist .scroll-arrows{position:absolute;top:50%;left:0;right:0;overflow:hidden;pointer-events:none;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;z-index:1;height:100%}.pn-tablist .scroll-arrows.left>.arrow-left{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.pn-tablist .scroll-arrows.right>.arrow-right{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.pn-tablist .scroll-arrows svg{width:1.5em}.pn-tablist .scroll-arrows svg path{fill:#005D92}.pn-tablist .scroll-arrows>*{-webkit-transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:opacity 0.2s, background 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s;transition:transform 0.2s, opacity 0.2s, background 0.1s, box-shadow 0.1s, -webkit-transform 0.2s, -webkit-box-shadow 0.1s;pointer-events:all;width:2.5em;height:2.5em;background:white;border:none;opacity:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;outline:none;cursor:pointer}.pn-tablist .scroll-arrows>*.arrow-left{-webkit-transform:translateX(-100%);transform:translateX(-100%);border-radius:0 50% 50% 0;padding:0 0.3em 0 0;-webkit-box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}.pn-tablist .scroll-arrows>*.arrow-right{-webkit-transform:translateX(100%);transform:translateX(100%);border-radius:50% 0 0 50%;padding:0 0 0 0.3em;-webkit-box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4);box-shadow:-0.2rem 0.3rem 0.2rem rgba(0, 0, 0, 0.4)}.pn-tablist .scroll-arrows>*:active{background:#F3F2F2}.pn-tablist .line{height:0.1em;width:100%;position:absolute;bottom:0}.pn-tablist .line .active-line,.pn-tablist .line .hovered-line{position:absolute;-webkit-transform-origin:left center;transform-origin:left center;width:100%;-webkit-transition:opacity 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97);transition:opacity 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97);transition:transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97), opacity 0.2s ease-in-out;transition:transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97), opacity 0.2s ease-in-out, -webkit-transform 0.3s cubic-bezier(0.29, 0.15, 0.24, 0.97)}.pn-tablist .line .active-line{background-color:#005D92;height:0.5em;bottom:-0.3em;z-index:1;opacity:0}.pn-tablist .line .hovered-line{background-color:#00A0D6;height:0.1em;opacity:0}";var l=t("pn_tablist",function(){function t(t){e(this,t);this.tabchange=r(this,"tabchange",7);this.value=null;this.stackedicons=false;this.showScrollArrows=false;this.isTabHovered=false;this.enterHandler=this.handleEnter.bind(this);this.leaveHandler=this.handleLeave.bind(this);this.scrollArrowClasses="scroll-arrows "}t.prototype.valueWatcher=function(){this.setValue()};t.prototype.setActiveTabHandler=function(t){var e=this;var r=t.detail;this.tabElement=r.el;requestAnimationFrame((function(){return e.activateTab()}));if(this.value===r.val)return;this.value=r.val;this.tabchange.emit(this.value)};t.prototype.handleResize=function(){this.rerender()};t.prototype.componentDidLoad=function(){var t=this;this.rerender();this.setValue();this.registerEvents();if(this.mo)this.mo.disconnect();var e=this.mo=new MutationObserver((function(){s(t.hostElement);t.rerender();t.registerEvents()}));e.observe(this.hostElement,{childList:true})};t.prototype.setValue=function(){var t=this;var e=Array.from(this.hostElement.querySelectorAll("pn-tab"));e.forEach((function(e){e.activeTab=t.value}))};t.prototype.rerender=function(){var t=this;requestAnimationFrame((function(){t.scrollIndicators();t.calcActiveItemHighlight()}))};t.prototype.activateTab=function(){var t=this.hostElement.getBoundingClientRect();var e=this.tabElement.querySelector("button").getBoundingClientRect();var r=this.hostElement.querySelector(".tablist").scrollLeft;var s=this.hostElement.querySelector(".line .active-line");var i={scale:e.width/t.width,offset:e.left+r-t.left};s.style.setProperty("transform","translateX("+i.offset+"px) scaleX("+i.scale+")");s.style.setProperty("opacity","1")};t.prototype.calcActiveItemHighlight=function(){this.isTabHovered=false;this.tabListEl=this.hostElement.querySelector(".tablist");this.hoveredLine=this.tabListEl.querySelector(".hovered-line")};t.prototype.handleEnter=function(t){this.isTabHovered=true;var e=t.target.getBoundingClientRect();var r=this.tabListEl.getBoundingClientRect();var s=this.tabListEl.scrollLeft;var i={scale:e.width/r.width,offset:e.left+s-r.left};this.hoveredLine.style.setProperty("transform","translateX("+i.offset+"px) scaleX("+i.scale+")");this.hoveredLine.style.setProperty("opacity","1")};t.prototype.handleLeave=function(){var t=this;this.isTabHovered=false;setTimeout((function(){if(!t.isTabHovered)t.hoveredLine.style.setProperty("opacity","0")}),500)};t.prototype.registerEvents=function(){var t=this;var e=this.availableTabs?this.availableTabs:null;this.availableTabs=this.hostElement.querySelectorAll("button.pn-tab");if(e){this.availableTabs.forEach((function(e){e.removeEventListener("mouseenter",t.enterHandler);e.removeEventListener("focus",t.enterHandler);e.removeEventListener("mouseleave",t.leaveHandler);e.removeEventListener("blur",t.leaveHandler)}))}this.availableTabs.forEach((function(e){e.addEventListener("mouseenter",t.enterHandler);e.addEventListener("focus",t.enterHandler);e.addEventListener("mouseleave",t.leaveHandler);e.addEventListener("blur",t.leaveHandler)}))};t.prototype.scrollHandler=function(){var t=this;if(this.showScrollArrows){this.hostElement.querySelector(".tablist").addEventListener("scroll",(function(){return t.scrollIndicators()}))}else{this.hostElement.querySelector(".tablist").removeEventListener("scroll",(function(){return t.scrollIndicators()}))}};t.prototype.scrollIndicators=function(){var t=this.hostElement.querySelector(".tablist").scrollWidth;var e=this.hostElement.clientWidth+15;var r=this.hostElement.querySelector(".tablist").scrollLeft;this.showScrollArrows=t>e;this.scrollArrowClasses="scroll-arrows ";if(this.showScrollArrows){if(r>0)this.scrollArrowClasses+="left ";if(e+r<t)this.scrollArrowClasses+="right "}};t.prototype.scroll=function(t){var e=this.hostElement.querySelector(".tablist");var r=e.scrollLeft+t;e.scroll({left:r,behavior:"smooth"})};t.prototype.getClassNames=function(){var t="pn-tablist";if(this.stackedicons)t+=" stacked";return t};t.prototype.render=function(){var t=this;return i(o,{role:"tablist","aria-label":"tablist",class:this.getClassNames()},i("div",{class:"tablist"},i("slot",null),i("div",{class:"line"},i("div",{class:"active-line"}),i("div",{class:"hovered-line"}))),this.showScrollArrows&&i("div",{class:this.scrollArrowClasses},i("button",{class:"arrow-left",onClick:function(){return t.scroll(-120)},tabindex:"-1"},i("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M9.414 12l7.293-7.293-1.414-1.414L6.586 12l8.707 8.707 1.414-1.414L9.414 12z"}))),i("button",{class:"arrow-right",onClick:function(){return t.scroll(120)},tabindex:"-1"},i("svg",{viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},i("path",{"fill-rule":"evenodd","clip-rule":"evenodd",d:"M8.707 3.293L17.414 12l-8.707 8.707-1.414-1.414L14.586 12 7.293 4.707l1.414-1.414z"})))))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return a(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{value:["valueWatcher"],showScrollArrows:["scrollHandler"]}},enumerable:false,configurable:true});return t}());l.style=n}}}));

package/umd/modules/@postnord/web-components/postnord-web-components/p-22eb644f.system.entry.js

@@ -0,0 +1 @@
+var __spreadArray=this&&this.__spreadArray||function(t,e){for(var r=0,n=e.length,o=t.length;r<n;r++,o++)t[o]=e[r];return t};System.register(["./p-38222b64.system.js"],(function(t){"use strict";var e,r,n,o,i;return{setters:[function(t){e=t.r;r=t.f;n=t.h;o=t.a;i=t.g}],execute:function(){var a="pn-accordion{display:block;position:relative}pn-accordion .accordion-bg{position:absolute;left:0;right:0;top:0;bottom:0;-webkit-transform-origin:top left;transform-origin:top left;-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:-webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);transition:transform 0.3s cubic-bezier(0.7, 0, 0.3, 1), -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1);pointer-events:none}[data-flipping]>pn-accordion .accordion-bg{-webkit-transition:none;transition:none;-webkit-transform:scaleY(calc(1 / var(--dh)));transform:scaleY(calc(1 / var(--dh)))}";var s=t("pn_accordion",function(){function t(t){e(this,t);this.accordionRows=Array.from(document.querySelectorAll("pn-accordion-row"))}t.prototype.componentDidLoad=function(){var t=this;if(this.mo)this.mo.disconnect();var e=this.mo=new MutationObserver((function(){r(t.hostElement)}));e.observe(this.hostElement,{childList:true})};t.prototype.toggleHandler=function(t){var e=this;var r=t.detail;var n=this.accordionRows.slice(this.accordionRows.indexOf(r)+1);this.animate((function(){return e.toggleState(r)}),__spreadArray([this.hostElement],n))};t.prototype.toggleState=function(t){t.dataset.state==="collapsed"?t.dataset.state="open":t.dataset.state="collapsed"};t.prototype.getRect=function(t){return t.getBoundingClientRect()};t.prototype.animate=function(t,e,r){var n=this;if(r===void 0){r=function(){return e}}var o=Array.from(e).map((function(t){return[t,n.getRect(t)]}));requestAnimationFrame((function(){t();var e=Array.from(r()).map((function(t){return[t,n.getRect(t)]}));o.forEach((function(t,r){var n=t[0],o=t[1];var i=e[r],a=i[0],s=i[1];var c=s.x-o.x;var u=s.y-o.y;var l=s.width/o.width;var f=s.height/o.height;a.dataset.flipping=true;a.style.setProperty("--dx",c);a.style.setProperty("--dy",u);a.style.setProperty("--dw",l);a.style.setProperty("--dh",f);requestAnimationFrame((function(){return delete a.dataset.flipping}))}))}))};t.prototype.render=function(){return n(o,null,n("div",{class:"accordion-bg"}),n("slot",null))};Object.defineProperty(t.prototype,"hostElement",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());s.style=a}}}));