@postnord/pn-marketweb-components 2.0.74 → 2.0.76

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

@@ -1 +1 @@
-var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var s=0,n=t.length,o;s<n;s++){if(o||!(s in t)){if(!o)o=Array.prototype.slice.call(t,0,s);o[s]=t[s]}}return e.concat(o||Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,f as forceUpdate,h,a as Host,g as getElement}from"./index-602e59ea.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=this;var i=e.composedPath()[0];var s=this.hostElement.querySelector(".current-selection pn-option");var n=i.innerHTML;s.innerHTML=n;this.options.forEach((function(e){if(e!==i&&e.getAttribute("value")!==t.value){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 i=this.hostElement.getBoundingClientRect().top;var s=window.innerHeight-this.hostElement.getBoundingClientRect().bottom;if(s<=0||i<=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,i){t.dataset.index="".concat(i);i=e.searchable?i+1:i;t.style.setProperty("--i","".concat(i));t.setAttribute("index","".concat(i));t.setAttribute("select-has-loaded","".concat(e.loaded));if(e.value)t.setAttribute("parent-value","".concat(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,i){if(i>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,i){if(i<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 i=t.composedPath()[0];if(i.nodeName!=="PN-OPTION"&&i.closest(".pn-option-content")===null&&i.closest("pn-checkbox")===null&&i.closest(".select-search")===null||i.closest("pn-option")!==null&&i.closest("pn-option").hasAttribute("selected")){e.open=!e.open}}));var t=["Enter","Space","ArrowUp","ArrowDown"];this.hostElement.addEventListener("keydown",(function(i){var s=i.composedPath()[0];if(t.includes(i.code)){if(s.closest(".select-search")===null){i.preventDefault()}else if(["ArrowUp","ArrowDown"].includes(i.code)){i.preventDefault()}if(!e.open){e.open=true;e.setFocusToList();return}if(["Space","Enter"].includes(i.code)&&(s.nodeName!=="PN-OPTION"||s.hasAttribute("selected"))&&s.closest(".select-search")===null){e.open=false}if(["ArrowUp","ArrowDown"].includes(i.code)){if(e.upwards){if(i.code==="ArrowUp"){e.focusNextOption()}if(i.code==="ArrowDown"){e.focusPrevOption()}}else{if(i.code==="ArrowUp"){e.focusPrevOption()}if(i.code==="ArrowDown"){e.focusNextOption()}}}}if(i.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 i=this.hostElement.getBoundingClientRect().top;var s=this.selectContent.getBoundingClientRect().height;if(window.innerHeight-e<s&&i>window.innerHeight-e){this.upwards=true;this.hostElement.classList.add("upwards");if(i<s){if(i-50<250){this.optionsList.style.setProperty("max-height","250px");return}if(i-50>600){this.optionsList.style.setProperty("max-height","600px");return}this.optionsList.style.setProperty("max-height","".concat(i-50,"px"))}}else{this.upwards=false;this.hostElement.classList.remove("upwards");if(t<s){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","".concat(t-50,"px"))}}};e.prototype.getRect=function(e){return e.getBoundingClientRect()};e.prototype.flip=function(e,t,i){var s=this;if(i===void 0){i=function(){return t}}var n=Array.from(t).map((function(e){return[e,s.getRect(e)]}));requestAnimationFrame((function(){e();var t=Array.from(i()).map((function(e){return[e,s.getRect(e)]}));n.forEach((function(e,i){var s=e[0],n=e[1];var o=t[i],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 i=this;if(e){this.flip((function(){i.optionsList.dataset.hidden="true"}),__spreadArray(__spreadArray([],this.options,true),this.animatedEls,true))}else{this.flip((function(){delete i.optionsList.dataset.hidden}),__spreadArray(__spreadArray([],this.options,true),this.animatedEls,true));t.forEach((function(e){e.classList.remove("hidden")}))}};e.prototype.filterSearch=function(e){var t=this;var i=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(i.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};
+var __spreadArray=this&&this.__spreadArray||function(e,t,i){if(i||arguments.length===2)for(var s=0,n=t.length,o;s<n;s++){if(o||!(s in t)){if(!o)o=Array.prototype.slice.call(t,0,s);o[s]=t[s]}}return e.concat(o||Array.prototype.slice.call(t))};import{r as registerInstance,c as createEvent,f as forceUpdate,h,a as Host,g as getElement}from"./index-602e59ea.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=this;var i=e.composedPath()[0];var s=this.hostElement.querySelector(".current-selection pn-option");var n=i.innerHTML;s.innerHTML=n;this.options.forEach((function(e){if(e!==i&&e.getAttribute("value")!==t.value){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 i=this.hostElement.getBoundingClientRect().top;var s=window.innerHeight-this.hostElement.getBoundingClientRect().bottom;if(s<=0||i<=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,i){t.dataset.index="".concat(i);i=e.searchable?i+1:i;t.style.setProperty("--i","".concat(i));t.setAttribute("index","".concat(i));t.setAttribute("select-has-loaded","".concat(e.loaded));if(e.value)t.setAttribute("parent-value","".concat(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,i){if(i>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,i){if(i<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 i=t.composedPath()[0];if(i.nodeName!=="PN-OPTION"&&i.closest(".pn-option-content")===null&&i.closest("pn-checkbox")===null&&i.closest(".select-search")===null||i.closest("pn-option")!==null&&i.closest("pn-option").hasAttribute("selected")){e.open=!e.open}}));var t=["Enter","Space","ArrowUp","ArrowDown"];this.hostElement.addEventListener("keydown",(function(i){var s=i.composedPath()[0];if(t.includes(i.code)){if(s.closest(".select-search")===null){i.preventDefault()}else if(["ArrowUp","ArrowDown"].includes(i.code)){i.preventDefault()}if(!e.open){e.open=true;e.setFocusToList();return}if(["Space","Enter"].includes(i.code)&&(s.nodeName!=="PN-OPTION"||s.hasAttribute("selected"))&&s.closest(".select-search")===null){e.open=false}if(["ArrowUp","ArrowDown"].includes(i.code)){if(e.upwards){if(i.code==="ArrowUp"){e.focusNextOption()}if(i.code==="ArrowDown"){e.focusPrevOption()}}else{if(i.code==="ArrowUp"){e.focusPrevOption()}if(i.code==="ArrowDown"){e.focusNextOption()}}}}if(i.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 i=this.hostElement.getBoundingClientRect().top;var s=this.selectContent.getBoundingClientRect().height;if(window.innerHeight-e<s&&i>window.innerHeight-e){this.upwards=true;this.hostElement.classList.add("upwards");if(i<s){if(i-50<250){this.optionsList.style.setProperty("max-height","250px");return}if(i-50>600){this.optionsList.style.setProperty("max-height","600px");return}this.optionsList.style.setProperty("max-height","".concat(i-50,"px"))}}else{this.upwards=false;this.hostElement.classList.remove("upwards");if(t<s){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","".concat(t-50,"px"))}}};e.prototype.getRect=function(e){return e.getBoundingClientRect()};e.prototype.flip=function(e,t,i){var s=this;if(i===void 0){i=function(){return t}}var n=Array.from(t).map((function(e){return[e,s.getRect(e)]}));requestAnimationFrame((function(){e();var t=Array.from(i()).map((function(e){return[e,s.getRect(e)]}));n.forEach((function(e,i){var s=e[0],n=e[1];var o=t[i],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 i=this;if(e){this.flip((function(){i.optionsList.dataset.hidden="true"}),__spreadArray(__spreadArray([],this.options,true),this.animatedEls,true))}else{this.flip((function(){delete i.optionsList.dataset.hidden}),__spreadArray(__spreadArray([],this.options,true),this.animatedEls,true));t.forEach((function(e){e.classList.remove("hidden")}))}};e.prototype.filterSearch=function(e){var t=this;var i=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(i.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

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-602e59ea.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};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-602e59ea.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

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-602e59ea.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{margin-right:0}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};
+import{r as registerInstance,c as createEvent,h,g as getElement}from"./index-602e59ea.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{margin-right:0}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

@@ -1 +1 @@
-import{r as registerInstance,h,g as getElement}from"./index-602e59ea.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:#005D92}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:#005D92}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:#005D92}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:#005D92}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:#005D92}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:#005D92;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};
+import{r as registerInstance,h,g as getElement}from"./index-602e59ea.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:#005d92}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:#005d92}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:#005d92}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:#005d92}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:#005d92}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:#005d92;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

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,f as forceUpdate,h,a as Host,g as getElement}from"./index-602e59ea.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(".concat(i.offset,"px) scaleX(").concat(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(".concat(i.offset,"px) scaleX(").concat(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};
+import{r as registerInstance,c as createEvent,f as forceUpdate,h,a as Host,g as getElement}from"./index-602e59ea.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(".concat(i.offset,"px) scaleX(").concat(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(".concat(i.offset,"px) scaleX(").concat(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

@@ -1 +1 @@
-import{r as registerInstance,f as forceUpdate,h,a as Host,g as getElement}from"./index-602e59ea.js";import{a as allIllustrations}from"./illustrations-5dd6b6a9.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, 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((32rem - 100%) * 999);flex:0.5 3 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((32rem - 100%) * 999);flex:1 1 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"".concat(i,"em")};e.forEach((function(e){var n=e.contentRect.width;e.target.classList.toggle("vertical",n<t.remToPx(31.99));requestAnimationFrame((function(){e.target.style.setProperty("--w",i(n))}))}))}));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 n=this.hostElement.querySelector(".pn-tile-link");this.checkCardSize.observe(i);this.clickHandler([n,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 n=i.left;var l=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="".concat(s*2,"px");r.style.width="".concat(s*2,"px");r.style.left=e.clientX>0?"".concat(e.clientX-n,"px"):"50%";r.style.top=e.clientY>0?"".concat(e.clientY-l,"px"):"50%";setTimeout((function(){return r.remove()}),400)};e.prototype.clickHandler=function(e,t){var i=this;var n=["mouseup","mousedown"];var l=["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{n.forEach((function(n){e.addEventListener(n,(function(e){var n=l.some((function(t){return e.target.closest(t)}));if(n)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};
+import{r as registerInstance,f as forceUpdate,h,a as Host,g as getElement}from"./index-602e59ea.js";import{a as allIllustrations}from"./illustrations-5dd6b6a9.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, 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((32rem - 100%) * 999);flex:0.5 3 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((32rem - 100%) * 999);flex:1 1 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"".concat(i,"em")};e.forEach((function(e){var n=e.contentRect.width;e.target.classList.toggle("vertical",n<t.remToPx(31.99));requestAnimationFrame((function(){e.target.style.setProperty("--w",i(n))}))}))}));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 n=this.hostElement.querySelector(".pn-tile-link");this.checkCardSize.observe(i);this.clickHandler([n,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 n=i.left;var l=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="".concat(s*2,"px");r.style.width="".concat(s*2,"px");r.style.left=e.clientX>0?"".concat(e.clientX-n,"px"):"50%";r.style.top=e.clientY>0?"".concat(e.clientY-l,"px"):"50%";setTimeout((function(){return r.remove()}),400)};e.prototype.clickHandler=function(e,t){var i=this;var n=["mouseup","mousedown"];var l=["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{n.forEach((function(n){e.addEventListener(n,(function(e){var n=l.some((function(t){return e.target.closest(t)}));if(n)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

@@ -1 +1 @@
-import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-602e59ea.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-".concat(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};
+import{r as registerInstance,c as createEvent,h,a as Host,g as getElement}from"./index-602e59ea.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-".concat(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

@@ -1 +1 @@
-import{r as registerInstance,h,a as Host,g as getElement}from"./index-602e59ea.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("#".concat(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};
+import{r as registerInstance,h,a as Host,g as getElement}from"./index-602e59ea.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("#".concat(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

@@ -1 +1 @@
-var __spreadArray=this&&this.__spreadArray||function(t,o,e){if(e||arguments.length===2)for(var n=0,i=o.length,r;n<i;n++){if(r||!(n in o)){if(!r)r=Array.prototype.slice.call(o,0,n);r[n]=o[n]}}return t.concat(r||Array.prototype.slice.call(o))};import{r as registerInstance,h,g as getElement}from"./index-602e59ea.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,true),e,true);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(".concat(Number(this.open),") translateX(-50%) translateX(").concat(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="".concat(e*-1+r);if(i>window.innerWidth)t.deltaX="".concat(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};
+var __spreadArray=this&&this.__spreadArray||function(t,o,e){if(e||arguments.length===2)for(var n=0,i=o.length,r;n<i;n++){if(r||!(n in o)){if(!r)r=Array.prototype.slice.call(o,0,n);r[n]=o[n]}}return t.concat(r||Array.prototype.slice.call(o))};import{r as registerInstance,h,g as getElement}from"./index-602e59ea.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,true),e,true);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(".concat(Number(this.open),") translateX(-50%) translateX(").concat(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="".concat(e*-1+r);if(i>window.innerWidth)t.deltaX="".concat(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-zipcode-search.entry.js

@@ -1 +1 @@
-var __awaiter=this&&this.__awaiter||function(e,t,r,n){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function o(e){try{l(n.next(e))}catch(t){i(t)}}function s(e){try{l(n["throw"](e))}catch(t){i(t)}}function l(e){e.done?r(e.value):a(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(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,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(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,a&&(i=o[0]&2?a["return"]:o[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,o[1])).done)return i;if(a=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:r.label++;return{value:o[1],done:false};case 5:r.label++;a=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){r=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){r.label=o[1];break}if(o[0]===6&&r.label<i[1]){r.label=i[1];i=o;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(o);break}if(i[2])r.ops.pop();r.trys.pop();continue}o=t.call(e,r)}catch(s){o=[6,s];a=0}finally{n=i=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-602e59ea.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 a=n[r],i=a[0],o=a[1];if(i===e.toUpperCase()){var s=translations[i].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=".concat(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};
+var __awaiter=this&&this.__awaiter||function(e,t,r,n){function a(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,i){function o(e){try{l(n.next(e))}catch(t){i(t)}}function s(e){try{l(n["throw"](e))}catch(t){i(t)}}function l(e){e.done?r(e.value):a(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(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},n,a,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(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,a&&(i=o[0]&2?a["return"]:o[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,o[1])).done)return i;if(a=0,i)o=[o[0]&2,i.value];switch(o[0]){case 0:case 1:i=o;break;case 4:r.label++;return{value:o[1],done:false};case 5:r.label++;a=o[1];o=[0];continue;case 7:o=r.ops.pop();r.trys.pop();continue;default:if(!(i=r.trys,i=i.length>0&&i[i.length-1])&&(o[0]===6||o[0]===2)){r=0;continue}if(o[0]===3&&(!i||o[1]>i[0]&&o[1]<i[3])){r.label=o[1];break}if(o[0]===6&&r.label<i[1]){r.label=i[1];i=o;break}if(i&&r.label<i[2]){r.label=i[2];r.ops.push(o);break}if(i[2])r.ops.pop();r.trys.pop();continue}o=t.call(e,r)}catch(s){o=[6,s];a=0}finally{n=i=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-602e59ea.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 a=n[r],i=a[0],o=a[1];if(i===e.toUpperCase()){var s=translations[i].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=".concat(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

@@ -1 +1 @@
-import{d as doc,N as NAMESPACE,w as win,p as promiseResolve,H,b as bootstrapLazy}from"./index-602e59ea.js";var patchBrowser=function(){{patchCloneNodeFix(H.prototype)}var e=Array.from(doc.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(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 o=0;o<t.length;o++){if(t[o].nodeType!==2){n.appendChild(t[o].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-old",[[0,"pn-date-picker-old",{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-check-tile",[[4,"pn-check-tile",{checkboxid:[1],value:[8],checked:[4],illustration:[1]}]]],["pn-date-picker",[[0,"pn-date-picker",{language:[1],start:[1],end:[1],minDate:[1,"min-date"],maxDate:[1,"max-date"],range:[4],disableWeekends:[4,"disable-weekends"],placeholder:[1],endPlaceholder:[1,"end-placeholder"],currentState:[32],week:[32],months:[32],startDate:[32],endDate:[32],open:[32],selectionMade:[32],machine:[32]},[[0,"dateselection","dateSelectionHandler"]]]]],["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],min:[2],max:[2],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-page-nav",[[4,"pn-page-nav",{value:[1025],dropdown:[8],currentSelection:[32],showScrollArrows:[32],showLeftArrow:[32],showRightArrow:[32],dropdownOpen:[32],dropdownLinks:[32],dropdownActive:[32]},[[0,"itemselection","changeHandler"],[9,"resize","handleResize"]]]]],["pn-page-nav-dropdown-item",[[4,"pn-page-nav-dropdown-item",{value:[1],href:[1],active:[4]}]]],["pn-page-nav-item",[[4,"pn-page-nav-item",{value:[1],icon:[1],href:[1]}]]],["pn-radio-tile",[[4,"pn-radio-tile",{name:[1],radioid:[1],value:[8],checked:[4],illustration:[1]}]]],["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-spinner",[[0,"pn-spinner",{light:[4],size:[1]}]]],["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-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-checkbox",[[0,"pn-checkbox",{value:[520],name:[1],checkboxid:[1],disabled:[4],checked:[4],indeterminate:[1028]},[[0,"change","handlechange"]]]]],["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-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-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],list:[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],tooltipUpwards:[32]}]]]],e)}));
+import{d as doc,N as NAMESPACE,w as win,p as promiseResolve,H,b as bootstrapLazy}from"./index-602e59ea.js";var patchBrowser=function(){{patchCloneNodeFix(H.prototype)}var e=Array.from(doc.querySelectorAll("script")).find((function(e){return new RegExp("/".concat(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 i=0;i<t.length;i++){if(t[i].nodeType!==2){n.appendChild(t[i].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-old",[[0,"pn-date-picker-old",{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-check-tile",[[4,"pn-check-tile",{checkboxid:[1],value:[8],checked:[4],illustration:[1]}]]],["pn-icon",[[0,"pn-icon",{symbol:[1],small:[4],color:[1]}]]],["pn-date-picker",[[0,"pn-date-picker",{language:[1],start:[1],end:[1],minDate:[1,"min-date"],maxDate:[1,"max-date"],range:[4],disableWeekends:[4,"disable-weekends"],placeholder:[1],endPlaceholder:[1,"end-placeholder"],currentState:[32],week:[32],months:[32],startDate:[32],endDate:[32],open:[32],selectionMade:[32],machine:[32]},[[0,"dateselection","dateSelectionHandler"]]]]],["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],min:[2],max:[2],ariaLabel:[1,"aria-label"],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-page-nav",[[4,"pn-page-nav",{value:[1025],dropdown:[8],currentSelection:[32],showScrollArrows:[32],showLeftArrow:[32],showRightArrow:[32],dropdownOpen:[32],dropdownLinks:[32],dropdownActive:[32]},[[0,"itemselection","changeHandler"],[9,"resize","handleResize"]]]]],["pn-page-nav-dropdown-item",[[4,"pn-page-nav-dropdown-item",{value:[1],href:[1],active:[4]}]]],["pn-page-nav-item",[[4,"pn-page-nav-item",{value:[1],icon:[1],href:[1]}]]],["pn-radio-tile",[[4,"pn-radio-tile",{name:[1],radioid:[1],value:[8],checked:[4],illustration:[1]}]]],["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-header",[[4,"pn-header",{heading:[1],color:[1025],maxWidth:[1,"max-width"]}]]],["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-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-checkbox",[[0,"pn-checkbox",{value:[520],name:[1],checkboxid:[1],disabled:[4],checked:[4],indeterminate:[1028],ariaLabel:[1,"aria-label"],ariaDescribedby:[1,"aria-describedby"]},[[0,"change","handlechange"]]]]],["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-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-spinner",[[0,"pn-spinner",{light:[4],size:[1]}]]],["pn-button_2",[[0,"pn-search-field",{disabled:[4],placeholder:[1],inputid:[1],name:[1],autocomplete:[1],list:[1],value:[1],label:[1],loading:[4],button:[1],light:[4],ariaLabel:[1,"aria-label"]},[[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],tooltipUpwards:[32]}]]]],e)}));

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

@@ -1,33 +1,33 @@
 {
   "_args": [
     [
-      "@postnord/web-components@4.0.3",
+      "@postnord/web-components@4.0.8",
       "/opt/atlassian/pipelines/agent/build"
     ]
   ],
   "_development": true,
-  "_from": "@postnord/web-components@4.0.3",
-  "_id": "@postnord/web-components@4.0.3",
+  "_from": "@postnord/web-components@4.0.8",
+  "_id": "@postnord/web-components@4.0.8",
   "_inBundle": false,
-  "_integrity": "sha512-wqRLla1mbzVY/dXhWxkW4WdNviKX1h6fKYJ8uicxkdP7FuFr8cBZD2AXJUBkAp2pcGteLJv2eDXYbYl/FqnBgA==",
+  "_integrity": "sha512-H7P0niB3+FjeGCYn6Obw3QlBP6LBR+Ae8oyRqRZnLHiNGA9PjOVMEuYb9QpNnJId5Kn80i6dlraWSMmrAH47Ug==",
   "_location": "/@postnord/web-components",
   "_phantomChildren": {},
   "_requested": {
     "type": "version",
     "registry": true,
-    "raw": "@postnord/web-components@4.0.3",
+    "raw": "@postnord/web-components@4.0.8",
     "name": "@postnord/web-components",
     "escapedName": "@postnord%2fweb-components",
     "scope": "@postnord",
-    "rawSpec": "4.0.3",
+    "rawSpec": "4.0.8",
     "saveSpec": null,
-    "fetchSpec": "4.0.3"
+    "fetchSpec": "4.0.8"
   },
   "_requiredBy": [
     "#DEV:/"
   ],
-  "_resolved": "https://registry.npmjs.org/@postnord/web-components/-/web-components-4.0.3.tgz",
-  "_spec": "4.0.3",
+  "_resolved": "https://registry.npmjs.org/@postnord/web-components/-/web-components-4.0.8.tgz",
+  "_spec": "4.0.8",
   "_where": "/opt/atlassian/pipelines/agent/build",
   "collection": "./collection/collection-manifest.json",
   "collection:main": "./collection/index.js",
@@ -65,7 +65,7 @@
     "node-readfiles": "^0.2.0",
     "npm-run-all": "^4.1.5",
     "plop": "^3.1.0",
-    "pn-design-assets": "^1.6.25",
+    "pn-design-assets": "^1.6.27",
     "prettier": "2.6.2",
     "promisify-child-process": "^4.1.1",
     "react": "^17.0.0",
@@ -107,5 +107,5 @@
   },
   "types": "./types/index.d.ts",
   "unpkg": "./postnord-web-components/postnord-web-components.esm.js",
-  "version": "4.0.3"
+  "version": "4.0.8"
 }

package/umd/modules/@postnord/web-components/postnord-web-components/{p-817d5d17.system.entry.js → p-02c2741f.system.entry.js}

@@ -1 +1 @@
-System.register(["./p-71eafea4.system.js","./p-c372c8ce.system.js"],(function(e){"use strict";var t,i,n,l,r,s;return{setters:[function(e){t=e.r;i=e.f;n=e.h;l=e.a;r=e.g},function(e){s=e.a}],execute:function(){var o="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, 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((32rem - 100%) * 999);flex:0.5 3 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((32rem - 100%) * 999);flex:1 1 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 a=e("pn_tile",function(){function e(e){var i=this;t(this,e);this.rel="noopener";this.illustration=null;this.simple=false;this.emInPx=16;this.titleEl=null;this.checkCardSize=new ResizeObserver((function(e){var t=function(e){var t=e*.1/i.emInPx;return"".concat(t,"em")};e.forEach((function(e){var n=e.contentRect.width;e.target.classList.toggle("vertical",n<i.remToPx(31.99));requestAnimationFrame((function(){e.target.style.setProperty("--w",t(n))}))}))}));this.longpress=false}e.prototype.setIllustration=function(){var e=this.hostElement.querySelector(".tile-illustration");if(!this.illustration){e.remove();return}var t=s[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 i(e.hostElement)}));t.observe(this.hostElement,{childList:true});this.setIllustration();var n=this.hostElement.querySelector(".pn-tile");var l=this.hostElement.querySelector(".pn-tile-link");this.checkCardSize.observe(n);this.clickHandler([l,n],(function(t){return e.ripple(t,n)}));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 n=i.left;var l=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="".concat(s*2,"px");r.style.width="".concat(s*2,"px");r.style.left=e.clientX>0?"".concat(e.clientX-n,"px"):"50%";r.style.top=e.clientY>0?"".concat(e.clientY-l,"px"):"50%";setTimeout((function(){return r.remove()}),400)};e.prototype.clickHandler=function(e,t){var i=this;var n=["mouseup","mousedown"];var l=["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{n.forEach((function(n){e.addEventListener(n,(function(e){var n=l.some((function(t){return e.target.closest(t)}));if(n)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 n(l,null,n("a",Object.assign({class:"pn-tile-link"},e),this.label),n("div",{class:this.getClassNames()},n("div",{class:"tile-circle"}),n("div",{class:"tile-illustration"}),!this.illustration&&n("div",{class:"tile-illustration-slot"},n("slot",{name:"illustration"})),n("div",{class:"text-cont"},n("h3",null,this.label,this.target==="_blank"?n("pn-icon",{symbol:"open-in-new",small:true,color:"blue700"}):null),n("div",{class:"tile-slot"},n("slot",null)))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());a.style=o}}}));
+System.register(["./p-71eafea4.system.js","./p-c372c8ce.system.js"],(function(e){"use strict";var t,i,n,l,r,s;return{setters:[function(e){t=e.r;i=e.f;n=e.h;l=e.a;r=e.g},function(e){s=e.a}],execute:function(){var o="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, 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((32rem - 100%) * 999);flex:0.5 3 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((32rem - 100%) * 999);flex:1 1 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 a=e("pn_tile",function(){function e(e){var i=this;t(this,e);this.rel="noopener";this.illustration=null;this.simple=false;this.emInPx=16;this.titleEl=null;this.checkCardSize=new ResizeObserver((function(e){var t=function(e){var t=e*.1/i.emInPx;return"".concat(t,"em")};e.forEach((function(e){var n=e.contentRect.width;e.target.classList.toggle("vertical",n<i.remToPx(31.99));requestAnimationFrame((function(){e.target.style.setProperty("--w",t(n))}))}))}));this.longpress=false}e.prototype.setIllustration=function(){var e=this.hostElement.querySelector(".tile-illustration");if(!this.illustration){e.remove();return}var t=s[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 i(e.hostElement)}));t.observe(this.hostElement,{childList:true});this.setIllustration();var n=this.hostElement.querySelector(".pn-tile");var l=this.hostElement.querySelector(".pn-tile-link");this.checkCardSize.observe(n);this.clickHandler([l,n],(function(t){return e.ripple(t,n)}));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 n=i.left;var l=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="".concat(s*2,"px");r.style.width="".concat(s*2,"px");r.style.left=e.clientX>0?"".concat(e.clientX-n,"px"):"50%";r.style.top=e.clientY>0?"".concat(e.clientY-l,"px"):"50%";setTimeout((function(){return r.remove()}),400)};e.prototype.clickHandler=function(e,t){var i=this;var n=["mouseup","mousedown"];var l=["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{n.forEach((function(n){e.addEventListener(n,(function(e){var n=l.some((function(t){return e.target.closest(t)}));if(n)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 n(l,null,n("a",Object.assign({class:"pn-tile-link"},e),this.label),n("div",{class:this.getClassNames()},n("div",{class:"tile-circle"}),n("div",{class:"tile-illustration"}),!this.illustration&&n("div",{class:"tile-illustration-slot"},n("slot",{name:"illustration"})),n("div",{class:"text-cont"},n("h3",null,this.label,this.target==="_blank"?n("pn-icon",{symbol:"open-in-new",small:true,color:"blue700"}):null),n("div",{class:"tile-slot"},n("slot",null)))))};Object.defineProperty(e.prototype,"hostElement",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());a.style=o}}}));