npm - @postnord/pn-marketweb-components - Versions diffs - 3.5.2 → 3.5.3 - Mend

@postnord/pn-marketweb-components 3.5.2 → 3.5.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (400) hide show

package/umd/modules/@postnord/web-components/postnord-web-components/{p-9bc1d14f.entry.js → p-6f9a21be.entry.js} RENAMED Viewed

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as a,c as e,g as n,h as t,a as r}from"./p-43660913.js";import{a as i}from"./p-d82ef4a1.js";import{o as c}from"./p-773aa70a.js";import{u as d,o}from"./p-f64d17a6.js";const s='pn-card{position:relative;display:block}pn-card .pn-card{position:relative;background-color:#ffffff;color:#2d2013;border-radius:0.5em;display:flex;flex-direction:column;height:100%;overflow:hidden;box-shadow:0em 0.0625em 0.125em 0em rgba(20, 20, 20, 0.11), 0em 0.1875em 0.4375em 0em rgba(0, 0, 0, 0.13);outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);}@media (prefers-reduced-motion: reduce){pn-card .pn-card{transition-duration:0s;transition-delay:0s}}pn-card .pn-card[data-link]:hover{background-color:#e0f8ff}pn-card .pn-card[data-link][data-focus]{outline-color:#005d92}pn-card .pn-card[data-link] .pn-card-navigation>[slot=navigation]{display:none}pn-card .pn-card[data-horizontal]{flex-direction:row}pn-card .pn-card[data-horizontal][data-reverse]{flex-direction:row-reverse}pn-card .pn-card[data-horizontal][data-reverse] .pn-card-picture{clip-path:ellipse(100% 175% at right center)}pn-card .pn-card[data-horizontal] .pn-card-content{flex:1 1 50%}pn-card .pn-card[data-horizontal] .pn-card-image{flex:1 1 50%;flex-direction:row}pn-card .pn-card[data-horizontal] .pn-card-picture{width:100%;clip-path:ellipse(100% 175% at left center)}pn-card .pn-card[data-reverse]{flex-direction:column-reverse}pn-card .pn-card[data-reverse] .pn-card-picture{clip-path:ellipse(175% 100% at bottom center)}pn-card .pn-card-header{display:flex;flex-direction:column;gap:clamp(0.5em, 5vw, 0.75em)}pn-card .pn-card-label{font-size:clamp(1.125em, 5vw, 1.5em);font-weight:700;margin:0}pn-card .pn-card-label-overline{color:#5e554a;font-size:0.875em;font-weight:400;margin:0}pn-card .pn-card-link{display:inline-flex;align-items:center;gap:0.25em;color:#005d92;text-decoration-color:transparent;-webkit-tap-highlight-color:transparent;transition-property:color, text-decoration-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-card .pn-card-link{transition-duration:0s;transition-delay:0s}}pn-card .pn-card-link:hover{color:#0d234b;text-decoration-color:#0d234b}pn-card .pn-card-link:hover>pn-icon>.pn-icon-svg>path{fill:#0d234b}pn-card .pn-card-link:focus{outline:0;color:#0d234b;text-decoration-color:#0d234b}pn-card .pn-card-link:focus>pn-icon>.pn-icon-svg>path{fill:#0d234b}pn-card .pn-card-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}pn-card .pn-card-content{display:flex;flex-direction:column;flex-wrap:nowrap;flex:1;gap:clamp(0.5em, 5vw, 0.75em);padding:clamp(0.75em, 5vw, 1.5em) clamp(0.75em, 5vw, 1.5em)}pn-card .pn-card-section{display:flex;flex-direction:column;gap:0.5em;color:#5e554a}pn-card .pn-card-section-paragraph,pn-card .pn-card-section p{margin:0 0 0.25em}pn-card .pn-card-section-paragraph:last-child,pn-card .pn-card-section p:last-child{margin:0em}pn-card .pn-card-navigation{margin-top:auto;padding-top:clamp(0.5em, 5vw, 0.75em);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5em}pn-card .pn-card-navigation>pn-button{flex:1 1 12em}pn-card .pn-card-navigation:empty{display:none}pn-card .pn-card-image{position:relative;display:flex;flex-direction:column}pn-card .pn-card-picture{margin:0;padding:0;display:block;overflow:hidden;clip-path:ellipse(175% 100% at top center);aspect-ratio:var(--pn-card-aspect-ratio)}pn-card .pn-card-picture:empty{display:none}pn-card .pn-card-picture>*[slot=image]{display:block;height:100%;width:100%;object-fit:cover}pn-card .pn-card-tags{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5em}pn-card .pn-card-tags:empty{display:none}pn-card .pn-card>.pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}';const p=s;const l=class{constructor(n){a(this,n);this.pnCard=e(this,"pnCard",7);this.visibleOutline=false;this.label=undefined;this.labelTag="h3";this.overline=undefined;this.text=undefined;this.cardId=null;this.horizontal=false;this.reverse=false;this.aspectRatio="";this.href=undefined;this.hrefLabel=undefined;this.target=undefined;this.rel="noopener noreferrer";this.icon=null}id=`pn-card-${d()}`;idTitle=`${this.id}-title`;get hostElement(){return n(this)}watchCardId(){const a=this.cardId||this.id;this.idTitle=`${a}-title`}pnCard;componentWillLoad(){this.watchCardId()}isExternal(){return this.target==="_blank"}showTitle(){return!!this.label}showHref(){return!!this.href&&(this.hrefLabel||this.showTitle())}getTitleId(){return this.hrefLabel?null:this.idTitle}getLabelledby(){return this.hrefLabel?null:this.showTitle()?this.idTitle:null}getIcon(){if(!!this.icon)return this.icon;return this.isExternal()?c:i}getHeadingTag(){const a=["h2","h3","h4","h5","h6","p"];return a.includes(this.labelTag)?this.labelTag:"h3"}handleFocus({type:a,target:e}){this.visibleOutline=a==="focus"&&e.matches(":focus-visible")}handleClick(a){o(a,this.hostElement,".pn-card");this.pnCard.emit({click:a})}render(){const a=this.getHeadingTag();return t(r,{key:"4c1a897e5b6fd69663aa076de44231cbde9b85b1"},t("article",{key:"a93fb7255cd352eed29814f010f0111eebcf0d46",id:this.cardId,class:"pn-card","data-link":!!this.href,"data-horizontal":this.horizontal,"data-reverse":this.reverse,"data-focus":this.visibleOutline},t("div",{key:"1861f3a85267df00d8d974ed2f014fb097288d4c",class:"pn-card-image"},t("picture",{key:"d0acfe747efd63762ddb0dd7cbe67baadb7ad4e1",class:"pn-card-picture",style:{"--pn-card-aspect-ratio":this.aspectRatio||"unset"}},t("slot",{key:"e8360ba8b54d5ad376b549189102eb6412fb6a3e",name:"image"}))),t("div",{key:"1b613813ac38d257cd2c64cb3e7f053950b8d58a",class:"pn-card-content"},t("header",{key:"4048f0f93b62c71f3caa553ba0f217064f1f8b80",class:"pn-card-header"},t("div",{key:"071f1f13e492909e27aa4fb860c8ba3a9e88efc4",class:"pn-card-tags"},t("slot",{key:"bb4ad165fc8443b55784fcad35d8733f89e34b55",name:"tags"})),!!this.overline&&t("p",{key:"c75cfc0045739d7dfa4c2c6aef79dd57d64ccbc1",class:"pn-card-label-overline"},this.overline),!!this.label&&t(a,{key:"e65289e4307c08f8c92e9b83b3981cd8413a63d4",id:this.getTitleId(),class:"pn-card-label"},this.label),t("slot",{key:"d901c192ed2e029f9b2a0a7df421d6c008f80ea6",name:"header"})),t("section",{key:"da99e7c8a01924e670a9cbee424ac899870c1a8f",class:"pn-card-section"},!!this.text&&t("p",{key:"c27938d4704111825dca3ab621133bdd99e401f0",class:"pn-card-section-paragraph"},this.text),t("slot",{key:"6dfd91ac2b404b23522812c22247d01c5da6a557"})),t("nav",{key:"10252f1454848d360a727c2a85b9ab5461d73b0b",class:"pn-card-navigation"},this.showHref()&&t("a",{key:"82640b1972e9f740694a5c135857e8b3c87e7a2b",class:"pn-card-link",href:this.href,target:this.target,rel:this.rel,"aria-labelledby":this.getLabelledby(),onClick:a=>this.handleClick(a),onFocus:a=>this.handleFocus(a),onBlur:a=>this.handleFocus(a)},this.hrefLabel,t("pn-icon",{key:"50d3021b2f7f2722426f5299fea249b596e8f28b",color:"blue700",icon:this.getIcon()})),t("slot",{key:"be97f6fc934ccd5f55fb577028c52757ada6c128",name:"navigation"})))))}static get watchers(){return{cardId:["watchCardId"]}}};l.style=p;export{l as pn_card};
-//# sourceMappingURL=p-9bc1d14f.entry.js.map
+import{r as a,c as e,g as n,h as t,a as r}from"./p-43660913.js";import{a as i}from"./p-d82ef4a1.js";import{o as c}from"./p-773aa70a.js";import{u as d,o}from"./p-f64d17a6.js";const s='pn-card{position:relative;display:block}pn-card .pn-card{position:relative;background-color:#ffffff;color:#2d2013;border-radius:0.5em;display:flex;flex-direction:column;height:100%;overflow:hidden;box-shadow:0em 0.0625em 0.125em 0em rgba(20, 20, 20, 0.11), 0em 0.1875em 0.4375em 0em rgba(0, 0, 0, 0.13);outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);}@media (prefers-reduced-motion: reduce){pn-card .pn-card{transition-duration:0s;transition-delay:0s}}pn-card .pn-card[data-link]:hover{background-color:#e0f8ff}pn-card .pn-card[data-link][data-focus]{outline-color:#005d92}pn-card .pn-card[data-link] .pn-card-navigation>[slot=navigation]{display:none}pn-card .pn-card[data-horizontal]{flex-direction:row}pn-card .pn-card[data-horizontal][data-reverse]{flex-direction:row-reverse}pn-card .pn-card[data-horizontal][data-reverse] .pn-card-picture{clip-path:ellipse(100% 175% at right center)}pn-card .pn-card[data-horizontal] .pn-card-content{flex:1 1 50%}pn-card .pn-card[data-horizontal] .pn-card-image{flex:1 1 50%;flex-direction:row}pn-card .pn-card[data-horizontal] .pn-card-picture{width:100%;clip-path:ellipse(100% 175% at left center)}pn-card .pn-card[data-reverse]{flex-direction:column-reverse}pn-card .pn-card[data-reverse] .pn-card-picture{clip-path:ellipse(175% 100% at bottom center)}pn-card .pn-card-header{display:flex;flex-direction:column;gap:clamp(0.5em, 5vw, 0.75em)}pn-card .pn-card-label{font-size:clamp(1.125em, 5vw, 1.5em);font-weight:700;margin:0}pn-card .pn-card-label-overline{color:#5e554a;font-size:0.875em;font-weight:400;margin:0}pn-card .pn-card-link{display:inline-flex;align-items:center;gap:0.25em;color:#005d92;text-decoration-color:transparent;-webkit-tap-highlight-color:transparent;transition-property:color, text-decoration-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-card .pn-card-link{transition-duration:0s;transition-delay:0s}}pn-card .pn-card-link:hover{color:#0d234b;text-decoration-color:#0d234b}pn-card .pn-card-link:hover>pn-icon>.pn-icon-svg>path{fill:#0d234b}pn-card .pn-card-link:focus{outline:0;color:#0d234b;text-decoration-color:#0d234b}pn-card .pn-card-link:focus>pn-icon>.pn-icon-svg>path{fill:#0d234b}pn-card .pn-card-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}pn-card .pn-card-content{display:flex;flex-direction:column;flex-wrap:nowrap;flex:1;gap:clamp(0.5em, 5vw, 0.75em);padding:clamp(0.75em, 5vw, 1.5em) clamp(0.75em, 5vw, 1.5em)}pn-card .pn-card-section{display:flex;flex-direction:column;gap:0.5em;color:#5e554a}pn-card .pn-card-section-paragraph,pn-card .pn-card-section p{margin:0 0 0.25em}pn-card .pn-card-section-paragraph:last-child,pn-card .pn-card-section p:last-child{margin:0em}pn-card .pn-card-navigation{margin-top:auto;padding-top:clamp(0.5em, 5vw, 0.75em);display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5em}pn-card .pn-card-navigation>pn-button{flex:1 1 12em}pn-card .pn-card-navigation:empty{display:none}pn-card .pn-card-image{position:relative;display:flex;flex-direction:column}pn-card .pn-card-picture{margin:0;padding:0;display:block;overflow:hidden;clip-path:ellipse(175% 100% at top center);aspect-ratio:var(--pn-card-aspect-ratio)}pn-card .pn-card-picture:empty{display:none}pn-card .pn-card-picture>*[slot=image]{display:block;height:100%;width:100%;object-fit:cover}pn-card .pn-card-tags{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:0.5em}pn-card .pn-card-tags:empty{display:none}pn-card .pn-card>.pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}';const p=s;const l=class{constructor(n){a(this,n);this.pnCard=e(this,"pnCard",7);this.visibleOutline=false;this.label=undefined;this.labelTag="h3";this.overline=undefined;this.text=undefined;this.cardId=null;this.horizontal=false;this.reverse=false;this.aspectRatio="";this.href=undefined;this.hrefLabel=undefined;this.target=undefined;this.rel="noopener noreferrer";this.icon=null}id=`pn-card-${d()}`;idTitle=`${this.id}-title`;get hostElement(){return n(this)}watchCardId(){const a=this.cardId||this.id;this.idTitle=`${a}-title`}pnCard;componentWillLoad(){this.watchCardId()}isExternal(){return this.target==="_blank"}showTitle(){return!!this.label}showHref(){return!!this.href&&(this.hrefLabel||this.showTitle())}getTitleId(){return this.hrefLabel?null:this.idTitle}getLabelledby(){return this.hrefLabel?null:this.showTitle()?this.idTitle:null}getIcon(){if(!!this.icon)return this.icon;return this.isExternal()?c:i}getHeadingTag(){const a=["h2","h3","h4","h5","h6","p"];return a.includes(this.labelTag)?this.labelTag:"h3"}handleFocus({type:a,target:e}){this.visibleOutline=a==="focus"&&e.matches(":focus-visible")}handleClick(a){o(a,this.hostElement,".pn-card");this.pnCard.emit({click:a})}render(){const a=this.getHeadingTag();return t(r,{key:"821cee3f202421ab0e60bbba012b8ad8dbb05793"},t("article",{key:"41ff1c612af9e2be99b446b549088e5892771fb2",id:this.cardId,class:"pn-card","data-link":!!this.href,"data-horizontal":this.horizontal,"data-reverse":this.reverse,"data-focus":this.visibleOutline},t("div",{key:"780140151f04b678c9c74bb722a9b45447f66645",class:"pn-card-image"},t("picture",{key:"94f932a7b6bf22e6f13789c1bae776cbcf99291d",class:"pn-card-picture",style:{"--pn-card-aspect-ratio":this.aspectRatio||"unset"}},t("slot",{key:"ccb5f90249e4f5cd73924a15fcd86ccb1ce08f87",name:"image"}))),t("div",{key:"2cc59cc4c75444be12802a3bc723f59c225b4336",class:"pn-card-content"},t("header",{key:"4f5824bad2bff67c416c177138703ec6b2e9baeb",class:"pn-card-header"},t("div",{key:"cef69f9a720f8cd69df4f5dbc34973b3ebc2750a",class:"pn-card-tags"},t("slot",{key:"c6b93db08c9b0bcd268b6d9faaf9f4a8d9cd86c6",name:"tags"})),!!this.overline&&t("p",{key:"ca27f600423daf37e77cfefec9e8ab9710998d98",class:"pn-card-label-overline"},this.overline),!!this.label&&t(a,{key:"c6c4803f194c727c9bc3f0bf6592a4ea77e99a4a",id:this.getTitleId(),class:"pn-card-label"},this.label),t("slot",{key:"cb5757f5575590542047bd07282481601c5f399f",name:"header"})),t("section",{key:"19c80b379dff1a6c3f734498b6b32a0a486d0183",class:"pn-card-section"},!!this.text&&t("p",{key:"b807218d4d0554ea65462caf013e0208dcfd340d",class:"pn-card-section-paragraph"},this.text),t("slot",{key:"15638a8de80d16b8779415aa2d23cdf0a56e08c9"})),t("nav",{key:"ff50a2c165936be2feff4cb0f1f821c60e6da204",class:"pn-card-navigation"},this.showHref()&&t("a",{key:"7994139742f0a623e0e9ce17a8cd3f1088f9753d",class:"pn-card-link",href:this.href,target:this.target,rel:this.rel,"aria-labelledby":this.getLabelledby(),onClick:a=>this.handleClick(a),onFocus:a=>this.handleFocus(a),onBlur:a=>this.handleFocus(a)},this.hrefLabel,t("pn-icon",{key:"bfac7739393db47a446b987a631143601ca33ceb",color:"blue700",icon:this.getIcon()})),t("slot",{key:"3fab25b3c69c45c6b09536a6454f20a0735f80e2",name:"navigation"})))))}static get watchers(){return{cardId:["watchCardId"]}}};l.style=p;export{l as pn_card};
+//# sourceMappingURL=p-6f9a21be.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/p-75c5fb41.entry.js ADDED Viewed

@@ -0,0 +1,6 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+import{r as n,c as a,g as t,f as o,h as e,a as i}from"./p-43660913.js";import{r as l,k as d,e as s,i as r}from"./p-f64d17a6.js";import{c as m}from"./p-92b0338a.js";const c={CLOSE_MODAL:{en:"Close dialog",sv:"Stäng dialogrutan",da:"Luk dialogboks",fi:"Sulje valintaikkuna",no:"Lukk dialogboksen"}};const p="/* Global utility variables */\n/* Input styles */\n/* Transition variables */\npn-modal .pn-modal {\n  --pn-modal-max-width: 45em;\n  z-index: 10000;\n  position: fixed;\n  top: 0;\n  inset-block-start: 0;\n  inset-block-end: 0;\n  margin: auto;\n  padding: 0;\n  max-width: var(--pn-modal-max-width);\n  overflow: hidden;\n  border: 0;\n  border-radius: 1.5em;\n  box-shadow: 0 0.25em 0.875em rgba(0, 0, 0, 0.18), 0 1.625em 3.5em rgba(0, 0, 0, 0.22);\n  background-color: #ffffff;\n  display: none;\n  opacity: 0;\n  transform: translate(0%, 20%);\n  outline: 0.2rem solid transparent;\n  outline-offset: 0.2rem;\n  transition-property: opacity, overlay, display, transform, outline-color, border-radius;\n  transition-duration: 0.4s;\n  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);\n  transition-behavior: allow-discrete;\n}\npn-modal .pn-modal:focus-visible {\n  outline-color: #ffffff;\n}\n@media (prefers-reduced-motion: reduce) {\n  pn-modal .pn-modal {\n    transition-duration: 0s;\n    transition-delay: 0s;\n  }\n}\npn-modal .pn-modal[data-allow-overflow] {\n  overflow: unset;\n}\npn-modal .pn-modal[data-allow-overflow] .pn-modal-container {\n  overflow: unset;\n}\npn-modal .pn-modal[data-allow-overflow] .pn-modal-picture {\n  border-top-right-radius: 1.5em;\n}\npn-modal .pn-modal[data-image] {\n  padding-top: 0;\n}\npn-modal .pn-modal[data-sheet] {\n  margin: 0 0 0 auto;\n  height: 100%;\n  max-height: unset;\n  border-radius: 1.5em 0 0 1.5em;\n  transform: translate(20%, 0%);\n}\npn-modal .pn-modal[data-sheet] .pn-modal-container {\n  max-height: unset;\n}\npn-modal .pn-modal[open] {\n  display: flex;\n  opacity: 1;\n  transform: translate(0%, 0%);\n}\n@starting-style {\n  pn-modal .pn-modal[open] {\n    display: flex;\n    opacity: 0;\n    transform: translate(0%, 20%);\n  }\n}\npn-modal .pn-modal[open][data-sheet] {\n  transform: translate(0%, 0%);\n}\n@starting-style {\n  pn-modal .pn-modal[open][data-sheet] {\n    transform: translate(20%, 0%);\n  }\n}\npn-modal .pn-modal::backdrop {\n  background-color: rgba(0, 0, 0, 0);\n  transition-property: opacity, background-color, overlay, display;\n  transition-duration: 0.4s;\n  transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1);\n  transition-behavior: allow-discrete;\n}\n@media (prefers-reduced-motion: reduce) {\n  pn-modal .pn-modal::backdrop {\n    transition-duration: 0s;\n    transition-delay: 0s;\n  }\n}\npn-modal .pn-modal[open]::backdrop {\n  background-color: rgba(0, 0, 0, 0.55);\n}\n@starting-style {\n  pn-modal .pn-modal[open]::backdrop {\n    background-color: rgba(0, 0, 0, 0);\n  }\n}\npn-modal .pn-modal-container {\n  max-height: 85vh;\n  display: flex;\n  flex-direction: column;\n  align-items: stretch;\n  height: 100%;\n  overflow: hidden auto;\n}\npn-modal .pn-modal-container::-webkit-scrollbar {\n  background-color: #ffffff;\n  width: 0.875em;\n  border-radius: 0.5em;\n}\npn-modal .pn-modal-container::-webkit-scrollbar-track {\n  background-color: #ffffff;\n  border-radius: 0.5em;\n}\npn-modal .pn-modal-container::-webkit-scrollbar-thumb {\n  cursor: pointer;\n  background-color: #969087;\n  border-radius: 1em;\n  border: 0.25em solid #ffffff;\n}\npn-modal .pn-modal-container::-webkit-scrollbar-thumb:hover {\n  background-color: #5e554a;\n}\npn-modal .pn-modal-container::-webkit-scrollbar-corner, pn-modal .pn-modal-container::-webkit-scrollbar-button {\n  display: none;\n}\npn-modal .pn-modal-close-button {\n  position: absolute;\n  z-index: 10;\n  right: 0.75em;\n  top: 0.75em;\n}\npn-modal .pn-modal-header {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5em;\n  padding: clamp(1em, 5vw, 1.5em);\n}\npn-modal .pn-modal-header[hidden] {\n  display: none;\n}\npn-modal .pn-modal-header:not([hidden]) + .pn-modal-content:not([hidden]) {\n  padding-top: 0;\n}\npn-modal .pn-modal-label {\n  line-height: 1.5;\n  padding-right: 1.5em;\n  margin: 0;\n}\npn-modal .pn-modal-text {\n  margin: 0;\n}\npn-modal .pn-modal-content {\n  padding: clamp(1em, 5vw, 1.5em);\n}\npn-modal .pn-modal-image {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n}\npn-modal .pn-modal-image[hidden] {\n  display: none;\n}\npn-modal .pn-modal-picture {\n  margin: 0;\n  padding: 0;\n  display: block;\n  overflow: hidden;\n  border-radius: 1.5em 0 0 0;\n}\npn-modal .pn-modal-picture > *[slot=image] {\n  display: block;\n  height: 100%;\n  width: 100%;\n  object-fit: cover;\n}\npn-modal .pn-modal-buttons {\n  background-color: #ffffff;\n  border-top: 0.0625em solid #d3cecb;\n  padding: clamp(1em, 5vw, 1.5em);\n  display: flex;\n  justify-content: flex-end;\n  gap: 0.5em;\n  border-radius: 0 0 1.5em 1.5em;\n}\npn-modal .pn-modal-buttons > [slot=buttons]:not(pn-button) {\n  display: flex;\n  justify-content: flex-end;\n  gap: 0.5em;\n}\npn-modal .pn-modal-buttons > [slot=buttons]:not(pn-button) > [data-left] {\n  margin-right: auto;\n}\npn-modal .pn-modal-buttons > [data-left] {\n  margin-right: auto;\n}\npn-modal .pn-modal-buttons:empty {\n  display: none;\n}\n\n@media (max-width: 55em) {\n  pn-modal .pn-modal {\n    max-height: 95vh;\n    margin-bottom: 0;\n    bottom: 0;\n    transform: translate(0%, 20%);\n    border-bottom-left-radius: 0;\n    border-bottom-right-radius: 0;\n  }\n}";const h=p;const f=class{constructor(t){n(this,t);this.modalToggle=a(this,"modalToggle",7);this.modalVisiblity=a(this,"modalVisiblity",7);this.close=a(this,"close",7);this.isClosing=false;this.isOpening=false;this.removeOverflow=false;this.label=undefined;this.helpertext=undefined;this.language=null;this.open=false;this.persistent=false;this.hideClose=false;this.allowOverflow=false;this.sheet=false;this.maxWidth=null}mo;standardAnimationDuration=400;animationDuration=this.standardAnimationDuration;modalTimeout;modalElement;modalContainer;modalPicture;get hostElement(){return t(this)}handleOpen(){if(this.open)this.openModal();else{this.closeModal();this.close.emit(true)}this.handleOverflow();clearTimeout(this.modalTimeout);this.isClosing=!this.open&&true;if(l())this.animationDuration=0;else this.animationDuration=this.standardAnimationDuration;this.modalTimeout=setTimeout((()=>{this.isClosing=false;this.modalVisiblity.emit({visible:this.open})}),this.animationDuration)}handleMaxWidth(){const n=this.maxWidth||"45em";this.modalElement.style.setProperty("--pn-modal-max-width",n)}handleOverflow(){if(this.allowOverflow)this.setOverflow()}modalToggle;modalVisiblity;close;connectedCallback(){this.mo=new MutationObserver((()=>o(this.hostElement)));this.mo.observe(this.hostElement,{childList:true,subtree:true})}disconnectedCallback(){if(this.mo)this.mo.disconnect()}async componentWillLoad(){if(this.language===null)await d(this.hostElement)}componentDidLoad(){this.handleMaxWidth();if(this.open)this.openModal()}translate(n){return c?.[n]?.[this.language||s]||n}showImage(){return!!this.modalPicture?.innerHTML}showHeader(){return!!(this.label||this.helpertext||this.hostElement.querySelector('[slot="header"]')?.textContent)}setOverflow(){this.removeOverflow=!this.hasOverflow()}hasOverflow(){const n=r()?.95:.85;return this.modalContainer?.scrollHeight>innerHeight*n}isSameModal(n){return this.modalElement.isSameNode(n)}handleKeyboard(n){if(n.key!=="Escape")return;n.preventDefault();n.stopImmediatePropagation();if(!this.persistent)this.setModalClose()}clickModalBackground(n){const{clientY:a,clientX:t}=n;const o=n.target.localName!==this.modalElement.localName;const e=!this.isSameModal(n.target);if(o||e)return;const{top:i,left:l,height:d,width:s}=this.modalElement.getBoundingClientRect();const r=i<=a&&a<=i+d&&l<=t&&t<=l+s;if(!r&&!this.persistent)this.toggleOpen(false)}setModalClose(){this.toggleOpen(false)}closeModal(){this.modalElement.close()}openModal(){this.modalElement.showModal()}toggleOpen(n){this.open=n??!this.open}render(){return e(i,{key:"d24c1b43f9eebc2d2759e4b6b15982889c559c08"},e("dialog",{key:"4111d8ae6c9eb198cb74744dce15b37ec1a4157c",class:"pn-modal","data-closing":this.isClosing,"data-sheet":this.sheet,"data-image":this.showImage(),"data-allow-overflow":this.removeOverflow,onClose:()=>this.setModalClose(),onCancel:()=>this.setModalClose(),onToggle:()=>this.modalToggle.emit({open:this.open}),onKeyDown:n=>this.handleKeyboard(n),onClick:n=>this.clickModalBackground(n),ref:n=>this.modalElement=n},!this.hideClose&&e("pn-button",{key:"9411bdbf12899d1913f5094981d08e8161277408",small:true,class:"pn-modal-close-button",icon:m,iconOnly:true,arialabel:this.translate("CLOSE_MODAL"),appearance:"light",variant:"borderless",type:"button",onPnClick:()=>this.setModalClose()}),e("div",{key:"917803e1f7847c4b4609fd121391fc33919ea5d3",class:"pn-modal-container",ref:n=>this.modalContainer=n},e("div",{key:"3241e14d8647278032ecb4274c39ab6e3615cf6b",class:"pn-modal-image",hidden:!this.showImage()},e("picture",{key:"6a830c0e51a4c1a9870dd06509a3eaa5a06ce048",class:"pn-modal-picture",ref:n=>this.modalPicture=n},e("slot",{key:"098e962a7cc8ac57309ba74951e4a8b0c0aebf08",name:"image"}))),e("header",{key:"41697c436ba9431fe4fa2ae11ca270852f7db309",class:"pn-modal-header",hidden:!this.showHeader()},this.label&&e("h2",{key:"1fcb37a181cfcb6315f2e470eef006842b1ccf53",class:"pn-modal-label"},this.label),this.helpertext&&e("p",{key:"7907955b0d34a729eb142985be24a85fcf5b0c73",class:"pn-modal-text"},this.helpertext),e("slot",{key:"c4c8d17830001c3e8df504de9006bcc3cd448549",name:"header"})),e("section",{key:"266f424be0a181433d50cb08904133c9f2aaa67e",class:"pn-modal-content"},e("slot",{key:"030bb328e6fc00a14305b4134861b38a8fc8f426"})),e("nav",{key:"05d67c40c30af133a7037c3ed57a72b5e5b9de2f",class:"pn-modal-buttons"},e("slot",{key:"a12fd530166c6d08aa1a50f0393c4ca2b22b1fc0",name:"buttons"})))))}static get watchers(){return{open:["handleOpen"],maxWidth:["handleMaxWidth"]}}};f.style=h;export{f as pn_modal};
+//# sourceMappingURL=p-75c5fb41.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/p-75c5fb41.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["translations","CLOSE_MODAL","en","sv","da","fi","no","pnModalCss","PnModalStyle0","PnModal","mo","standardAnimationDuration","animationDuration","this","modalTimeout","modalElement","modalContainer","modalPicture","handleOpen","open","openModal","closeModal","close","emit","handleOverflow","clearTimeout","isClosing","reduceMotion","setTimeout","modalVisiblity","visible","handleMaxWidth","width","maxWidth","style","setProperty","allowOverflow","setOverflow","modalToggle","connectedCallback","MutationObserver","forceUpdate","hostElement","observe","childList","subtree","disconnectedCallback","disconnect","componentWillLoad","language","awaitTopbar","componentDidLoad","translate","prop","showImage","innerHTML","showHeader","label","helpertext","querySelector","textContent","removeOverflow","hasOverflow","multiplyWith","isSmallScreen","scrollHeight","innerHeight","isSameModal","target","isSameNode","handleKeyboard","event","key","preventDefault","stopImmediatePropagation","persistent","setModalClose","clickModalBackground","clientY","clientX","notInsideAnyModal","localName","notThisModal","top","left","height","getBoundingClientRect","isInModal","toggleOpen","showModal","state","render","h","Host","class","sheet","onClose","onCancel","onToggle","onKeyDown","onClick","ref","el","hideClose","small","icon","closeIcon","iconOnly","arialabel","appearance","variant","type","onPnClick","hidden","name"],"sources":["src/components/feedback/pn-modal/translation.ts","src/components/feedback/pn-modal/pn-modal.scss?tag=pn-modal","src/components/feedback/pn-modal/pn-modal.tsx"],"sourcesContent":["export const translations = {\n CLOSE_MODAL: {\n en: 'Close dialog',\n sv: 'Stäng dialogrutan',\n da: 'Luk dialogboks',\n fi: 'Sulje valintaikkuna',\n no: 'Lukk dialogboksen',\n },\n};\n\nexport type PnTranslations = keyof typeof translations;\n","@use 'sass:string';\n@use 'src/globals/main';\n\npn-modal .pn-modal {\n --pn-modal-max-width: 45em;\n\n z-index: 10000;\n position: fixed;\n top: 0;\n\n inset-block-start: 0;\n inset-block-end: 0;\n\n margin: auto;\n padding: 0;\n\n max-width: var(--pn-modal-max-width);\n\n overflow: hidden;\n border: 0;\n border-radius: 1.5em;\n\n box-shadow:\n 0 0.25em 0.875em rgba(0, 0, 0, 0.18),\n 0 1.625em 3.5em rgba(0, 0, 0, 0.22);\n background-color: main.$white;\n\n display: none;\n opacity: 0;\n transform: translate(0%, 20%);\n\n @include main.pn-focus(main.$white);\n\n @include main.pn-transition(\n 'opacity, overlay, display, transform, outline-color, border-radius',\n main.$timing-layout\n );\n transition-behavior: allow-discrete;\n\n &[data-allow-overflow] {\n overflow: unset;\n .pn-modal-container {\n overflow: unset;\n }\n .pn-modal-picture {\n border-top-right-radius: 1.5em;\n }\n }\n\n &[data-image] {\n padding-top: 0;\n }\n\n &[data-sheet] {\n margin: 0 0 0 auto;\n height: 100%;\n max-height: unset;\n border-radius: 1.5em 0 0 1.5em;\n transform: translate(20%, 0%);\n .pn-modal-container {\n max-height: unset;\n }\n }\n\n &[open] {\n display: flex;\n opacity: 1;\n transform: translate(0%, 0%);\n\n @starting-style {\n display: flex;\n opacity: 0;\n transform: translate(0%, 20%);\n }\n\n &[data-sheet] {\n transform: translate(0%, 0%);\n @starting-style {\n transform: translate(20%, 0%);\n }\n }\n }\n\n &::backdrop {\n background-color: rgba(main.$black, 0);\n\n @include main.pn-transition('opacity, background-color, overlay, display', main.$timing-layout);\n transition-behavior: allow-discrete;\n }\n\n &[open]::backdrop {\n background-color: rgba(main.$black, 0.55);\n @starting-style {\n background-color: rgba(main.$black, 0);\n }\n }\n\n &-container {\n max-height: 85vh;\n\n display: flex;\n flex-direction: column;\n align-items: stretch;\n\n height: 100%;\n overflow: hidden auto;\n @include main.pn-scrollbar;\n }\n\n &-close-button {\n position: absolute;\n z-index: 10;\n right: 0.75em;\n top: 0.75em;\n }\n\n &-header {\n display: flex;\n flex-direction: column;\n gap: 0.5em;\n padding: clamp(1em, 5vw, 1.5em);\n &[hidden] {\n display: none;\n }\n &:not([hidden]) + .pn-modal-content:not([hidden]) {\n padding-top: 0;\n }\n }\n\n &-label {\n line-height: 1.5;\n padding-right: 1.5em;\n margin: 0;\n }\n\n &-text {\n margin: 0;\n }\n\n &-content {\n padding: clamp(1em, 5vw, 1.5em);\n }\n\n &-image {\n position: relative;\n display: flex;\n flex-direction: column;\n &[hidden] {\n display: none;\n }\n }\n\n &-picture {\n margin: 0;\n padding: 0;\n display: block;\n overflow: hidden;\n border-radius: 1.5em 0 0 0;\n > *[slot='image'] {\n display: block;\n height: 100%;\n width: 100%;\n object-fit: cover;\n }\n }\n\n &-buttons {\n background-color: main.$white;\n border-top: 0.0625em solid main.$gray200;\n padding: clamp(1em, 5vw, 1.5em);\n display: flex;\n justify-content: flex-end;\n gap: 0.5em;\n border-radius: 0 0 1.5em 1.5em;\n\n > [slot='buttons']:not(pn-button) {\n display: flex;\n justify-content: flex-end;\n gap: 0.5em;\n > [data-left] {\n margin-right: auto;\n }\n }\n\n > [data-left] {\n margin-right: auto;\n }\n\n &:empty {\n display: none;\n }\n }\n}\n\n@media (max-width: 55em) {\n pn-modal .pn-modal {\n max-height: 95vh;\n margin-bottom: 0;\n bottom: 0;\n transform: translate(0%, 20%);\n border-bottom-left-radius: 0;\n border-bottom-right-radius: 0;\n }\n}\n","import {\n Component,\n Element,\n h,\n Host,\n Prop,\n Watch,\n Event,\n EventEmitter,\n forceUpdate,\n State,\n Listen,\n} from '@stencil/core';\nimport { awaitTopbar, en, isSmallScreen, reduceMotion } from '@/index';\nimport type { PnLanguages } from '@/index';\n\nimport { close as closeIcon } from 'pn-design-assets/pn-assets/icons.js';\nimport { PnTranslations, translations } from './translation';\n\n/**\n * Present content in a modal that overlays everything on the current page.\n * Use the prop `open` to toggle the visiblity.\n * Use the event `modalToggle` to determine when the modal is being closed/opened by the user.\n *\n * @slot - The default slot, will be placed in the middle content area.\n * @slot image - Place an image or illustration at the top of the modal.\n * @slot header - Place the title + lead text in the header.\n * @slot buttons - Place buttons inside the modal at the bottom.\n * pn-buttons aligns automatically to the right, set the data-left attribute on the button you want to align to the left.\n */\n@Component({\n tag: 'pn-modal',\n styleUrl: 'pn-modal.scss',\n})\nexport class PnModal {\n private mo: MutationObserver;\n\n private readonly standardAnimationDuration = 400;\n private animationDuration: number = this.standardAnimationDuration;\n\n private modalTimeout: NodeJS.Timeout;\n\n private modalElement: HTMLDialogElement;\n private modalContainer: HTMLDivElement;\n private modalPicture: HTMLPictureElement;\n\n @Element() hostElement: HTMLElement;\n\n @State() isClosing: boolean = false;\n @State() isOpening: boolean = false;\n\n /** If true, the modal content will remove overflow CSS property. */\n @State() removeOverflow: boolean = false;\n\n /** Set a label for the modal. */\n @Prop() label?: string;\n /** Set a descriptive text for the modal. */\n @Prop() helpertext?: string;\n /** Set the language. */\n @Prop() language?: PnLanguages = null;\n\n /** Bind to this property if you want to control the visibility of the modal from your own data. @category Features */\n @Prop({ mutable: true, reflect: true }) open?: boolean = false;\n /** Prevent users from closing the modal by clicking on the backdrop or the `ESC` key. @category Features */\n @Prop() persistent?: boolean = false;\n /** Hide the close button. If you disable this, make sure you build your own cancel button. @category Features */\n @Prop() hideClose?: boolean = false;\n /**\n * Allow overflow if possible. When the modal opens, it will check scrollHeight > offsetHeight.\n * Do not use if you have a lot of conditional rendering inside the modal.\n */\n @Prop() allowOverflow?: boolean = false;\n\n /** Use the `sheet` visual. Aligns the modal to the right. @category Visual */\n @Prop() sheet?: boolean = false;\n /** Define your own max width of the modal. Default is `45em`. @category Visual */\n @Prop() maxWidth?: string = null;\n\n @Watch('open')\n handleOpen() {\n if (this.open) this.openModal();\n else {\n this.closeModal();\n /** In the next update, we can remove this one so you can finally stack modals. */\n this.close.emit(true);\n }\n\n this.handleOverflow();\n\n clearTimeout(this.modalTimeout);\n this.isClosing = !this.open && true;\n\n if (reduceMotion()) this.animationDuration = 0;\n else this.animationDuration = this.standardAnimationDuration;\n\n this.modalTimeout = setTimeout(() => {\n this.isClosing = false;\n this.modalVisiblity.emit({ visible: this.open });\n }, this.animationDuration);\n }\n\n @Watch('maxWidth')\n handleMaxWidth() {\n const width = this.maxWidth || '45em';\n this.modalElement.style.setProperty('--pn-modal-max-width', width);\n }\n\n @Listen('resize', { target: 'window' })\n handleOverflow() {\n if (this.allowOverflow) this.setOverflow();\n }\n\n /** This event is fired when the modal is toggled. */\n @Event() modalToggle: EventEmitter<{ open: boolean }>;\n /** This event is dispatched after the opening/closing animation has finished playing. */\n @Event() modalVisiblity: EventEmitter<{ visible: boolean }>;\n /**\n * Event fired when the modal is closed, either by clicking on the dark background or by clicking on the close button.\n * @deprecated Use the new `modalToggle` event instead.\n */\n @Event() close: EventEmitter<boolean>;\n\n connectedCallback() {\n this.mo = new MutationObserver(() => forceUpdate(this.hostElement));\n this.mo.observe(this.hostElement, { childList: true, subtree: true });\n }\n\n disconnectedCallback() {\n if (this.mo) this.mo.disconnect();\n }\n\n async componentWillLoad() {\n if (this.language === null) await awaitTopbar(this.hostElement);\n }\n\n componentDidLoad() {\n this.handleMaxWidth();\n if (this.open) this.openModal();\n }\n\n private translate(prop: PnTranslations) {\n return translations?.[prop]?.[this.language || en] || prop;\n }\n\n private showImage() {\n return !!this.modalPicture?.innerHTML;\n }\n\n private showHeader() {\n return !!(this.label || this.helpertext || this.hostElement.querySelector('[slot=\"header\"]')?.textContent);\n }\n\n private setOverflow() {\n this.removeOverflow = !this.hasOverflow();\n }\n\n private hasOverflow(): boolean {\n const multiplyWith = isSmallScreen() ? 0.95 : 0.85;\n return this.modalContainer?.scrollHeight > innerHeight * multiplyWith;\n }\n\n private isSameModal(target: HTMLElement): boolean {\n return this.modalElement.isSameNode(target);\n }\n\n private handleKeyboard(event: KeyboardEvent) {\n if (event.key !== 'Escape') return;\n\n event.preventDefault();\n event.stopImmediatePropagation();\n\n if (!this.persistent) this.setModalClose();\n }\n\n private clickModalBackground(event: MouseEvent) {\n const { clientY, clientX } = event;\n\n const notInsideAnyModal = (event.target as HTMLDialogElement).localName !== this.modalElement.localName;\n const notThisModal = !this.isSameModal(event.target as HTMLElement);\n\n if (notInsideAnyModal || notThisModal) return;\n\n const { top, left, height, width } = this.modalElement.getBoundingClientRect();\n const isInModal = top <= clientY && clientY <= top + height && left <= clientX && clientX <= left + width;\n\n if (!isInModal && !this.persistent) this.toggleOpen(false);\n }\n\n private setModalClose() {\n this.toggleOpen(false);\n }\n\n private closeModal() {\n this.modalElement.close();\n }\n\n private openModal() {\n this.modalElement.showModal();\n }\n\n private toggleOpen(state?: boolean) {\n this.open = state ?? !this.open;\n }\n\n render() {\n return (\n <Host>\n <dialog\n class=\"pn-modal\"\n data-closing={this.isClosing}\n data-sheet={this.sheet}\n data-image={this.showImage()}\n data-allow-overflow={this.removeOverflow}\n onClose={() => this.setModalClose()}\n onCancel={() => this.setModalClose()}\n onToggle={() => this.modalToggle.emit({ open: this.open })}\n onKeyDown={event => this.handleKeyboard(event)}\n onClick={event => this.clickModalBackground(event)}\n ref={el => (this.modalElement = el)}\n >\n {!this.hideClose && (\n <pn-button\n small\n class=\"pn-modal-close-button\"\n icon={closeIcon}\n iconOnly={true}\n arialabel={this.translate('CLOSE_MODAL')}\n appearance=\"light\"\n variant=\"borderless\"\n type=\"button\"\n onPnClick={() => this.setModalClose()}\n />\n )}\n <div class=\"pn-modal-container\" ref={el => (this.modalContainer = el)}>\n <div class=\"pn-modal-image\" hidden={!this.showImage()}>\n <picture class=\"pn-modal-picture\" ref={el => (this.modalPicture = el)}>\n <slot name=\"image\"></slot>\n </picture>\n </div>\n <header class=\"pn-modal-header\" hidden={!this.showHeader()}>\n {this.label && <h2 class=\"pn-modal-label\">{this.label}</h2>}\n {this.helpertext && <p class=\"pn-modal-text\">{this.helpertext}</p>}\n\n <slot name=\"header\"></slot>\n </header>\n <section class=\"pn-modal-content\">\n <slot></slot>\n </section>\n <nav class=\"pn-modal-buttons\">\n <slot name=\"buttons\"></slot>\n </nav>\n </div>\n </dialog>\n </Host>\n );\n }\n}\n"],"mappings":";;;;oKAAO,MAAMA,EAAe,CAC1BC,YAAa,CACXC,GAAI,eACJC,GAAI,oBACJC,GAAI,iBACJC,GAAI,sBACJC,GAAI,sBCNR,MAAMC,EAAa,uoKACnB,MAAAC,EAAeD,E,MCiCFE,EAAO,M,6JAcY,M,eACA,M,oBAGK,M,6DAOF,K,UAGwB,M,gBAE1B,M,eAED,M,mBAKI,M,WAGR,M,cAEE,I,CAzCpBC,GAESC,0BAA4B,IACrCC,kBAA4BC,KAAKF,0BAEjCG,aAEAC,aACAC,eACAC,a,iCAmCR,UAAAC,GACE,GAAIL,KAAKM,KAAMN,KAAKO,gBACf,CACHP,KAAKQ,aAELR,KAAKS,MAAMC,KAAK,K,CAGlBV,KAAKW,iBAELC,aAAaZ,KAAKC,cAClBD,KAAKa,WAAab,KAAKM,MAAQ,KAE/B,GAAIQ,IAAgBd,KAAKD,kBAAoB,OACxCC,KAAKD,kBAAoBC,KAAKF,0BAEnCE,KAAKC,aAAec,YAAW,KAC7Bf,KAAKa,UAAY,MACjBb,KAAKgB,eAAeN,KAAK,CAAEO,QAASjB,KAAKM,MAAO,GAC/CN,KAAKD,kB,CAIV,cAAAmB,GACE,MAAMC,EAAQnB,KAAKoB,UAAY,OAC/BpB,KAAKE,aAAamB,MAAMC,YAAY,uBAAwBH,E,CAI9D,cAAAR,GACE,GAAIX,KAAKuB,cAAevB,KAAKwB,a,CAItBC,YAEAT,eAKAP,MAET,iBAAAiB,GACE1B,KAAKH,GAAK,IAAI8B,kBAAiB,IAAMC,EAAY5B,KAAK6B,eACtD7B,KAAKH,GAAGiC,QAAQ9B,KAAK6B,YAAa,CAAEE,UAAW,KAAMC,QAAS,M,CAGhE,oBAAAC,GACE,GAAIjC,KAAKH,GAAIG,KAAKH,GAAGqC,Y,CAGvB,uBAAMC,GACJ,GAAInC,KAAKoC,WAAa,WAAYC,EAAYrC,KAAK6B,Y,CAGrD,gBAAAS,GACEtC,KAAKkB,iBACL,GAAIlB,KAAKM,KAAMN,KAAKO,W,CAGd,SAAAgC,CAAUC,GAChB,OAAOrD,IAAeqD,KAAQxC,KAAKoC,UAAY/C,IAAOmD,C,CAGhD,SAAAC,GACN,QAASzC,KAAKI,cAAcsC,S,CAGtB,UAAAC,GACN,SAAU3C,KAAK4C,OAAS5C,KAAK6C,YAAc7C,KAAK6B,YAAYiB,cAAc,oBAAoBC,Y,CAGxF,WAAAvB,GACNxB,KAAKgD,gBAAkBhD,KAAKiD,a,CAGtB,WAAAA,GACN,MAAMC,EAAeC,IAAkB,IAAO,IAC9C,OAAOnD,KAAKG,gBAAgBiD,aAAeC,YAAcH,C,CAGnD,WAAAI,CAAYC,GAClB,OAAOvD,KAAKE,aAAasD,WAAWD,E,CAG9B,cAAAE,CAAeC,GACrB,GAAIA,EAAMC,MAAQ,SAAU,OAE5BD,EAAME,iBACNF,EAAMG,2BAEN,IAAK7D,KAAK8D,WAAY9D,KAAK+D,e,CAGrB,oBAAAC,CAAqBN,GAC3B,MAAMO,QAAEA,EAAOC,QAAEA,GAAYR,EAE7B,MAAMS,EAAqBT,EAAMH,OAA6Ba,YAAcpE,KAAKE,aAAakE,UAC9F,MAAMC,GAAgBrE,KAAKsD,YAAYI,EAAMH,QAE7C,GAAIY,GAAqBE,EAAc,OAEvC,MAAMC,IAAEA,EAAGC,KAAEA,EAAIC,OAAEA,EAAMrD,MAAEA,GAAUnB,KAAKE,aAAauE,wBACvD,MAAMC,EAAYJ,GAAOL,GAAWA,GAAWK,EAAME,GAAUD,GAAQL,GAAWA,GAAWK,EAAOpD,EAEpG,IAAKuD,IAAc1E,KAAK8D,WAAY9D,KAAK2E,WAAW,M,CAG9C,aAAAZ,GACN/D,KAAK2E,WAAW,M,CAGV,UAAAnE,GACNR,KAAKE,aAAaO,O,CAGZ,SAAAF,GACNP,KAAKE,aAAa0E,W,CAGZ,UAAAD,CAAWE,GACjB7E,KAAKM,KAAOuE,IAAU7E,KAAKM,I,CAG7B,MAAAwE,GACE,OACEC,EAACC,EAAI,CAAArB,IAAA,4CACHoB,EAAA,UAAApB,IAAA,2CACEsB,MAAM,WAAU,eACFjF,KAAKa,UAAS,aAChBb,KAAKkF,MAAK,aACVlF,KAAKyC,YAAW,sBACPzC,KAAKgD,eAC1BmC,QAAS,IAAMnF,KAAK+D,gBACpBqB,SAAU,IAAMpF,KAAK+D,gBACrBsB,SAAU,IAAMrF,KAAKyB,YAAYf,KAAK,CAAEJ,KAAMN,KAAKM,OACnDgF,UAAW5B,GAAS1D,KAAKyD,eAAeC,GACxC6B,QAAS7B,GAAS1D,KAAKgE,qBAAqBN,GAC5C8B,IAAKC,GAAOzF,KAAKE,aAAeuF,IAE9BzF,KAAK0F,WACLX,EAAA,aAAApB,IAAA,2CACEgC,MAAK,KACLV,MAAM,wBACNW,KAAMC,EACNC,SAAU,KACVC,UAAW/F,KAAKuC,UAAU,eAC1ByD,WAAW,QACXC,QAAQ,aACRC,KAAK,SACLC,UAAW,IAAMnG,KAAK+D,kBAG1BgB,EAAA,OAAApB,IAAA,2CAAKsB,MAAM,qBAAqBO,IAAKC,GAAOzF,KAAKG,eAAiBsF,GAChEV,EAAA,OAAApB,IAAA,2CAAKsB,MAAM,iBAAiBmB,QAASpG,KAAKyC,aACxCsC,EAAA,WAAApB,IAAA,2CAASsB,MAAM,mBAAmBO,IAAKC,GAAOzF,KAAKI,aAAeqF,GAChEV,EAAA,QAAApB,IAAA,2CAAM0C,KAAK,YAGftB,EAAA,UAAApB,IAAA,2CAAQsB,MAAM,kBAAkBmB,QAASpG,KAAK2C,cAC3C3C,KAAK4C,OAASmC,EAAA,MAAApB,IAAA,2CAAIsB,MAAM,kBAAkBjF,KAAK4C,OAC/C5C,KAAK6C,YAAckC,EAAA,KAAApB,IAAA,2CAAGsB,MAAM,iBAAiBjF,KAAK6C,YAEnDkC,EAAA,QAAApB,IAAA,2CAAM0C,KAAK,YAEbtB,EAAA,WAAApB,IAAA,2CAASsB,MAAM,oBACbF,EAAA,QAAApB,IAAA,8CAEFoB,EAAA,OAAApB,IAAA,2CAAKsB,MAAM,oBACTF,EAAA,QAAApB,IAAA,2CAAM0C,KAAK,e","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/{p-bd14cdca.entry.js → p-8e07bc17.entry.js} RENAMED Viewed

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as t,g as o,h as s,a as n}from"./p-43660913.js";import{o as e}from"./p-773aa70a.js";import{k as i,S as r,e as p,N as a}from"./p-f64d17a6.js";const d={SE:{domain:{sv:"https://www.postnord.se",en:"https://www.postnord.se/en"},contact:{sv:"https://www.postnord.se/kundservice",en:"https://www.postnord.se/en/help-and-support/contact-us"},cookies:{sv:"https://www.postnord.se/cookies",en:"https://www.postnord.se/en/cookies"},privacy:{sv:"https://www.postnord.se/integritetspolicy",en:"https://www.postnord.se/en/privacy-policy"},terms:{sv:"https://www.postnord.se/siteassets/pdf/villkor/anvandarvillkor-postnord-konto.pdf",en:"https://www.postnord.se/siteassets/pdf/villkor/anvandarvillkor-postnord-konto.pdf"}},DK:{domain:{da:"https://www.postnord.dk",en:"https://www.postnord.com/en"},contact:{da:"https://www.postnord.dk/kundeservice",en:"https://www.postnord.dk/en/help-and-support"},cookies:{da:"https://www.postnord.dk/cookies",en:"https://www.postnord.dk/en/cookies"},privacy:{da:"https://www.postnord.dk/personlige-oplysninger",en:"https://www.postnord.se/en/privacy-policy"},terms:{da:"https://www.postnord.dk/contentassets/4806069a7d6c44959c94b13417d78f22/kundeportalen.pdf",en:"https://www.postnord.dk/kundeservice/kundeservice-erhverv/forretningsbetingelser"}},FI:{domain:{fi:"https://www.postnord.fi",sv:"https://www.postnord.fi/sv",en:"https://www.postnord.fi/en"},contact:{fi:"https://www.postnord.fi/asiakaspalvelu/ota-yhteytta",sv:"https://www.postnord.fi/sv/kundtjanst",en:"https://www.postnord.fi/en/customer-service"},cookies:{fi:"https://www.postnord.fi/yksityisyydensuoja/tietoa-evasteista",sv:"https://www.postnord.fi/sv/integritetspolicy/information-om-cookies",en:"https://www.postnord.fi/en/privacy-policy/information-about-the-cookies"},privacy:{fi:"https://www.postnord.fi/yksityisyydensuoja",sv:"https://www.postnord.fi/sv/integritetspolicy",en:"https://www.postnord.se/en/privacy-policy"},terms:{fi:"https://www.postnord.fi/laheta/sopimusehdot",sv:"https://www.postnord.fi/sv/skicka/villkor",en:"https://www.postnord.fi/en/sending/terms"}},NO:{domain:{no:"https://www.postnord.no",en:"https://www.postnord.no/en"},contact:{no:"https://www.postnord.no/kundeservice",en:"https://www.postnord.no/en/contact-postnord"},cookies:{no:"https://www.postnord.no/cookies",en:"https://www.postnord.no/en/cookies"},privacy:{no:"https://www.postnord.no/personvernerklaering",en:"https://www.postnord.se/en/privacy-policy"}},contact:"https://portal.postnord.com/customerservice"};const w={cookies:{sv:"Cookies",en:"Cookies",da:"Cookies",fi:"Evästeet",no:"Cookies"},questions:{sv:"Undrar du över något?",en:"Do you have any questions?",da:"Har du nogen spørgsmål?",fi:"Onko sinulla kysyttävää?",no:"Har du noen spørsmål?"},contact:{sv:"Kontakta oss",en:"Get in touch",da:"Kontakt os",fi:"Ota yhteyttä",no:"Ta kontakt"},info:{sv:"Mer information om PostNord hittar du på",en:"More information about PostNord can be found at",da:"Mere information om PostNord findes på",fi:"Lisää tietoa PostNordista löydät osoitteesta",no:"Du finner mer informasjon om PostNord på"},privacy:{sv:"Integritetspolicy",en:"Privacy policy",da:"Integritetspolitik",fi:"Yksityisyysasetukset",no:"Privacy policy"},terms:{sv:"Villkor",en:"Terms and conditions",da:"Vilkår og betingelser",fi:"Sopimusehdot",no:"Betingelser og vilkår"}};const c="pn-footer{color:#5e554a;padding-bottom:2em;display:block}pn-footer .pn-footer-row{padding:0.2em 0;font-size:0.9em;text-align:center}pn-footer .pn-footer-row p{margin:0 0.2em 0 0;display:inline-block}pn-footer pn-text-link{margin-right:0.5em}pn-footer pn-text-link:last-child{margin-right:0}";const h=c;const f=class{constructor(o){t(this,o);this.market=null;this.language=null}get hostElement(){return o(this)}async componentWillLoad(){if(this.market&&this.language)return;await i(this.hostElement)}getLink(t){return d?.[this.market||r]?.[t]?.[this.language||p]}getText(t){if(t==="domain")return this.getLink(t)?.replace("https://www.","");return w?.[t]?.[this.language]}renderLink(t){const o=this.getLink(t);const n=this.getText(t);if(o&&n){return s("pn-text-link",{label:n,target:"_blank",rel:"noopener noreferrer",href:o,icon:e})}}render(){return s(n,{key:"058cc2657df17548123ef669430f182ca5938fb3"},s("div",{key:"342b9994cd820a210c6a2340a7f380cd413dd445",class:"pn-footer-row"},s("p",{key:"32fc92b37a3a30cc713ad95f3e76089fcd5555c2"},this.getText("questions")),this.renderLink("contact")),s("div",{key:"dbe0d3496fb83b2a437ea52a6c7785c30fbd7a2c",class:"pn-footer-row"},this.market!==a&&this.renderLink("terms"),this.renderLink("privacy"),this.renderLink("cookies")),s("div",{key:"41bccfb8d19a869f15622be57e7b03beccc43d90",class:"pn-footer-row"},s("p",{key:"b9d133af8a47f8a97925200994a91a174595dea1"},this.getText("info")),this.renderLink("domain")))}};f.style=h;export{f as pn_footer};
-//# sourceMappingURL=p-bd14cdca.entry.js.map
+import{r as t,g as o,h as s,a as n}from"./p-43660913.js";import{o as e}from"./p-773aa70a.js";import{k as i,S as r,e as p,N as a}from"./p-f64d17a6.js";const w={SE:{domain:{sv:"https://www.postnord.se",en:"https://www.postnord.se/en"},contact:{sv:"https://www.postnord.se/kundservice",en:"https://www.postnord.se/en/help-and-support/contact-us"},cookies:{sv:"https://www.postnord.se/cookies",en:"https://www.postnord.se/en/cookies"},privacy:{sv:"https://www.postnord.se/integritetspolicy",en:"https://www.postnord.se/en/privacy-policy"},terms:{sv:"https://www.postnord.se/siteassets/pdf/villkor/anvandarvillkor-postnord-konto.pdf",en:"https://www.postnord.se/siteassets/pdf/villkor/anvandarvillkor-postnord-konto.pdf"}},DK:{domain:{da:"https://www.postnord.dk",en:"https://www.postnord.com/en"},contact:{da:"https://www.postnord.dk/kundeservice",en:"https://www.postnord.dk/en/help-and-support"},cookies:{da:"https://www.postnord.dk/cookies",en:"https://www.postnord.dk/en/cookies"},privacy:{da:"https://www.postnord.dk/personlige-oplysninger",en:"https://www.postnord.se/en/privacy-policy"},terms:{da:"https://www.postnord.dk/contentassets/4806069a7d6c44959c94b13417d78f22/kundeportalen.pdf",en:"https://www.postnord.dk/kundeservice/kundeservice-erhverv/forretningsbetingelser"}},FI:{domain:{fi:"https://www.postnord.fi",sv:"https://www.postnord.fi/sv",en:"https://www.postnord.fi/en"},contact:{fi:"https://www.postnord.fi/asiakaspalvelu/ota-yhteytta",sv:"https://www.postnord.fi/sv/kundtjanst",en:"https://www.postnord.fi/en/customer-service"},cookies:{fi:"https://www.postnord.fi/yksityisyydensuoja/tietoa-evasteista",sv:"https://www.postnord.fi/sv/integritetspolicy/information-om-cookies",en:"https://www.postnord.fi/en/privacy-policy/information-about-the-cookies"},privacy:{fi:"https://www.postnord.fi/yksityisyydensuoja",sv:"https://www.postnord.fi/sv/integritetspolicy",en:"https://www.postnord.se/en/privacy-policy"},terms:{fi:"https://www.postnord.fi/laheta/sopimusehdot",sv:"https://www.postnord.fi/sv/skicka/villkor",en:"https://www.postnord.fi/en/sending/terms"}},NO:{domain:{no:"https://www.postnord.no",en:"https://www.postnord.no/en"},contact:{no:"https://www.postnord.no/kundeservice",en:"https://www.postnord.no/en/contact-postnord"},cookies:{no:"https://www.postnord.no/cookies",en:"https://www.postnord.no/en/cookies"},privacy:{no:"https://www.postnord.no/personvernerklaering",en:"https://www.postnord.se/en/privacy-policy"}},contact:"https://portal.postnord.com/customerservice"};const d={cookies:{sv:"Cookies",en:"Cookies",da:"Cookies",fi:"Evästeet",no:"Cookies"},questions:{sv:"Undrar du över något?",en:"Do you have any questions?",da:"Har du nogen spørgsmål?",fi:"Onko sinulla kysyttävää?",no:"Har du noen spørsmål?"},contact:{sv:"Kontakta oss",en:"Get in touch",da:"Kontakt os",fi:"Ota yhteyttä",no:"Ta kontakt"},info:{sv:"Mer information om PostNord hittar du på",en:"More information about PostNord can be found at",da:"Mere information om PostNord findes på",fi:"Lisää tietoa PostNordista löydät osoitteesta",no:"Du finner mer informasjon om PostNord på"},privacy:{sv:"Integritetspolicy",en:"Privacy policy",da:"Integritetspolitik",fi:"Yksityisyysasetukset",no:"Privacy policy"},terms:{sv:"Villkor",en:"Terms and conditions",da:"Vilkår og betingelser",fi:"Sopimusehdot",no:"Betingelser og vilkår"}};const c="pn-footer{color:#5e554a;padding-bottom:2em;display:block}pn-footer .pn-footer-row{padding:0.2em 0;font-size:0.9em;text-align:center}pn-footer .pn-footer-row p{margin:0 0.2em 0 0;display:inline-block}pn-footer pn-text-link{margin-right:0.5em}pn-footer pn-text-link:last-child{margin-right:0}";const h=c;const f=class{constructor(o){t(this,o);this.market=null;this.language=null}get hostElement(){return o(this)}async componentWillLoad(){if(this.market&&this.language)return;await i(this.hostElement)}getLink(t){return w?.[this.market||r]?.[t]?.[this.language||p]}getText(t){if(t==="domain")return this.getLink(t)?.replace("https://www.","");return d?.[t]?.[this.language]}renderLink(t){const o=this.getLink(t);const n=this.getText(t);if(o&&n){return s("pn-text-link",{label:n,target:"_blank",rel:"noopener noreferrer",href:o,icon:e})}}render(){return s(n,{key:"eb51a2359d790d67d2a655fe98b1315e57558cb9"},s("div",{key:"e5c3ca2d99668b56a51f4cff35512c87a649fc8e",class:"pn-footer-row"},s("p",{key:"e0e95967f2f2a58875109acf64682ab6c34df81d"},this.getText("questions")),this.renderLink("contact")),s("div",{key:"c8c8770491f39445575f0770a2d52bb392d7095e",class:"pn-footer-row"},this.market!==a&&this.renderLink("terms"),this.renderLink("privacy"),this.renderLink("cookies")),s("div",{key:"944d4f4f3a3baa245da8a6ba25837314d385b4f8",class:"pn-footer-row"},s("p",{key:"3e35f3e9f882c07ba3b074a02c7752dc021d31b3"},this.getText("info")),this.renderLink("domain")))}};f.style=h;export{f as pn_footer};
+//# sourceMappingURL=p-8e07bc17.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-7bd6d804.entry.js → p-8eaa2540.entry.js} RENAMED Viewed

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as e,g as a,f as t,h as s,a as d}from"./p-43660913.js";import{e as i,k as n}from"./p-f64d17a6.js";import{a as h}from"./p-2e6481e5.js";const c="pn-header{display:block}pn-header h1{color:#2d2013;margin:0}pn-header p{color:#5e554a;margin:0}pn-header .pn-header-breadcrumbs{width:100%}pn-header .pn-header-container{position:relative;width:100%;max-width:var(--max-width);margin:0 auto;padding:clamp(1em, 3vw, 2em) clamp(0.5em, 3vw, 2em);display:flex;flex-wrap:wrap;align-items:center;gap:1.5em}pn-header .pn-header-container>pn-text-link{display:block}pn-header .pn-header-content{flex:1 1 auto;display:flex;flex-direction:column;gap:1em}pn-header .pn-header [slot=buttons]{display:flex;flex-direction:column;gap:1em}";const r=c;const b={sv:"Tillbaka",en:"Back",da:"Tilbage",fi:"Takaisin",no:"Tilbake"};const l=class{constructor(a){e(this,a);this.heading=undefined;this.maxWidth=undefined;this.goBackHref=undefined;this.goBackText=undefined;this.language=null;this.goBackTextTranslated=undefined}mo;hasBreadcrumb=false;hasMenu=false;hasButtons=false;get hostElement(){return a(this)}setMaxWidth(){if(!this.maxWidth)return;this.hostElement.style.setProperty("--max-width",this.maxWidth)}setLanguage(){this.goBackTextTranslated=this.goBackText||b[this.language||i]}async componentWillLoad(){if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>{t(this.hostElement);this.checkSlots()}));this.mo.observe(this.hostElement,{childList:true,subtree:true});this.checkSlots();this.setMaxWidth();this.setLanguage();if(this.language)return;await n(this.hostElement)}checkSlots(){this.hasBreadcrumb=!!this.hostElement.querySelector('[slot="breadcrumb"]');this.hasMenu=!!this.hostElement.querySelector('[slot="menu"]');this.hasButtons=!!this.hostElement.querySelector('[slot="buttons"]')}showBreadcrumb(){return this.hasBreadcrumb||!!this.goBackHref?.length}render(){return s(d,{key:"8493b17c1f553672941e7bddf7382e3e80377c71"},s("header",{key:"2026f9c75dde59abda45a0e376c24907657fe8e7",class:"pn-header"},s("div",{key:"dbf01bc588ed38cccb0f951fed4047c9e8192354",class:"pn-header-container"},s("div",{key:"115a52c44b0e5addf49e4807b21adeb84a531de9",class:"pn-header-breadcrumbs",hidden:!this.showBreadcrumb()},this.goBackHref&&s("pn-text-link",{key:"b2cce5ed46b6dcdb10a72bb806c5a406b6ff5e15",label:this.goBackTextTranslated,href:this.goBackHref,icon:h,leftIcon:true}),s("slot",{key:"27a3d3c38b30cba6d51c79a2c0bd18c6afa13a4c",name:"breadcrumb"})),s("div",{key:"8134ae8b844e9db548cb3db6bf995479c404fff1",class:"pn-header-content"},this.heading&&s("h1",{key:"3bf46740c66ca137adbc50fe6cdde178e82bfdbc"},this.heading),s("slot",{key:"94ee53b3dee5a388ef84ae91c54a5b96c14a2661"})),s("div",{key:"d44728888d295fd84285b28102b348da90ba5d80",class:"pn-header-buttons",hidden:!this.hasButtons},s("slot",{key:"7af9da3f81bedb69639f7f723c24d93caebaba24",name:"buttons"})),s("slot",{key:"6c55a22b94293e59c8fdb33906c2d4612d067cc4",name:"menu"}))))}static get watchers(){return{maxWidth:["setMaxWidth"],language:["setLanguage"]}}};l.style=r;export{l as pn_header};
-//# sourceMappingURL=p-7bd6d804.entry.js.map
+import{r as e,g as a,f as t,h as s,a as i}from"./p-43660913.js";import{e as d,k as n}from"./p-f64d17a6.js";import{a as h}from"./p-2e6481e5.js";const c="pn-header{display:block}pn-header h1{color:#2d2013;margin:0}pn-header p{color:#5e554a;margin:0}pn-header .pn-header-breadcrumbs{width:100%}pn-header .pn-header-container{position:relative;width:100%;max-width:var(--max-width);margin:0 auto;padding:clamp(1em, 3vw, 2em) clamp(0.5em, 3vw, 2em);display:flex;flex-wrap:wrap;align-items:center;gap:1.5em}pn-header .pn-header-container>pn-text-link{display:block}pn-header .pn-header-content{flex:1 1 auto;display:flex;flex-direction:column;gap:1em}pn-header .pn-header [slot=buttons]{display:flex;flex-direction:column;gap:1em}";const r=c;const l={sv:"Tillbaka",en:"Back",da:"Tilbage",fi:"Takaisin",no:"Tilbake"};const o=class{constructor(a){e(this,a);this.heading=undefined;this.maxWidth=undefined;this.goBackHref=undefined;this.goBackText=undefined;this.language=null;this.goBackTextTranslated=undefined}mo;hasBreadcrumb=false;hasMenu=false;hasButtons=false;get hostElement(){return a(this)}setMaxWidth(){if(!this.maxWidth)return;this.hostElement.style.setProperty("--max-width",this.maxWidth)}setLanguage(){this.goBackTextTranslated=this.goBackText||l[this.language||d]}async componentWillLoad(){if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>{t(this.hostElement);this.checkSlots()}));this.mo.observe(this.hostElement,{childList:true,subtree:true});this.checkSlots();this.setMaxWidth();this.setLanguage();if(this.language)return;await n(this.hostElement)}checkSlots(){this.hasBreadcrumb=!!this.hostElement.querySelector('[slot="breadcrumb"]');this.hasMenu=!!this.hostElement.querySelector('[slot="menu"]');this.hasButtons=!!this.hostElement.querySelector('[slot="buttons"]')}showBreadcrumb(){return this.hasBreadcrumb||!!this.goBackHref?.length}render(){return s(i,{key:"0c5653c92c6502f2f3ee2db0595be669a5588dd7"},s("header",{key:"fdc4a48ee31a83e86cbba171677d09d5845c6e0f",class:"pn-header"},s("div",{key:"dca702aad4ca3c0b658bf16ecd2621094db8e893",class:"pn-header-container"},s("div",{key:"6da162eb32c0a76e9cd631559d522c82b8e682b9",class:"pn-header-breadcrumbs",hidden:!this.showBreadcrumb()},this.goBackHref&&s("pn-text-link",{key:"02e7658941132a034bd058b0e3e716f32cba7f98",label:this.goBackTextTranslated,href:this.goBackHref,icon:h,leftIcon:true}),s("slot",{key:"1f358d45875bc7e7382e34eb00d845f34c3ae33f",name:"breadcrumb"})),s("div",{key:"402dcd759dc7e200899a61ac5f198105e28c8202",class:"pn-header-content"},this.heading&&s("h1",{key:"6b5755ad86d300f4e070b5444a04399fa497ac6f"},this.heading),s("slot",{key:"c51eb23c6e206762395cf40f86fe870ae8eb8afb"})),s("div",{key:"5beec993b7da17304cdeb31cafb5850adb878611",class:"pn-header-buttons",hidden:!this.hasButtons},s("slot",{key:"d38cec8bea8f49c85a1ed504f197aad06c8fee6d",name:"buttons"})),s("slot",{key:"31c06cf9cfbcf4b0b76bb0356db4b736aa8a9a81",name:"menu"}))))}static get watchers(){return{maxWidth:["setMaxWidth"],language:["setLanguage"]}}};o.style=r;export{o as pn_header};
+//# sourceMappingURL=p-8eaa2540.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-bf967b50.js → p-99600bc7.js} RENAMED Viewed

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-const l='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M12.707 16.707a1 1 0 0 1-1.414 0l-8-8a1 1 0 0 1 1.414-1.414L12 14.586l7.293-7.293a1 1 0 1 1 1.414 1.414z" clip-rule="evenodd"/></svg>';const s=l;export{s as a};
-//# sourceMappingURL=p-bf967b50.js.map
+const l='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M12.707 16.707a1 1 0 0 1-1.414 0l-8-8a1 1 0 0 1 1.414-1.414L12 14.586l7.293-7.293a1 1 0 1 1 1.414 1.414z" clip-rule="evenodd"/></svg>';const s=l;export{s as c};
+//# sourceMappingURL=p-99600bc7.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/p-99600bc7.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["icon","chevron_down"],"sources":["node_modules/pn-design-assets/pn-assets/icons/chevron_down.js"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M12.707 16.707a1 1 0 0 1-1.414 0l-8-8a1 1 0 0 1 1.414-1.414L12 14.586l7.293-7.293a1 1 0 1 1 1.414 1.414z\" clip-rule=\"evenodd\"/></svg>';\nexport const chevron_down = icon;\nexport const chevronDown = icon;\n"],"mappings":";;;;AAAA,MAAMA,EAAO,6QACD,MAACC,EAAeD,S","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/{p-ff068744.entry.js → p-9cecd28d.entry.js} RENAMED Viewed

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as n,c as t,g as e,h as i,a as s}from"./p-43660913.js";import{u as a,k as o,e as r}from"./p-f64d17a6.js";const l='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414" clip-rule="evenodd"/></svg>';const c=l;const d='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M4 11.442A7.44 7.44 0 0 1 11.44 4c6.24 0 9.617 7.154 5.923 11.949l2.844 2.844a1 1 0 0 1-1.414 1.414l-2.837-2.837C11.21 21.045 4 17.73 4 11.441m11.277 3.867C11.846 18.714 6 16.284 6 11.442A5.44 5.44 0 0 1 11.44 6c4.724 0 7.204 5.605 4.026 9.1z" clip-rule="evenodd"/></svg>';const h=d;const f={SEARCH:{en:"Search",sv:"Sök",da:"Søg",fi:"Hae",no:"Søk"},CLEAR:{en:"Clear search field",sv:"Rensa sökfältet",da:"Ryd søgefeltet",fi:"Tyhjennä hakukenttä",no:"Tøm søkefeltet"}};const p="pn-search-field{display:inline-flex;gap:0.5em}pn-search-field input{color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);min-height:3em;height:100%;width:100%;border-radius:3em}pn-search-field input:-webkit-autofill,pn-search-field input:-webkit-autofill:hover,pn-search-field input:-webkit-autofill:focus,pn-search-field input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}pn-search-field input:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}@media (prefers-reduced-motion: reduce){pn-search-field input{transition-duration:0s;transition-delay:0s}}pn-search-field input::placeholder{color:#5e554a;font-weight:normal}pn-search-field input:hover{border-color:#005d92}pn-search-field input:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-search-field input::-webkit-search-cancel-button{display:none}pn-search-field>.input-container{width:100%;position:relative}pn-search-field>.input-container .button-container{position:absolute;top:0;right:0;background:transparent;width:3em;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}pn-search-field>.input-container pn-button{position:absolute;left:50%;top:50%;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.2s;transform:translate(100%, -50%)}@media (prefers-reduced-motion: reduce){pn-search-field>.input-container pn-button{transition-duration:0s;transition-delay:0s}}pn-search-field.searching pn-button.search{transform:translate(150%, -50%)}pn-search-field.searching pn-button.clear{transform:translate(-50%, -50%)}pn-search-field.button-none input,pn-search-field.button-icon-inline input{padding-right:2em}pn-search-field.button-none pn-spinner,pn-search-field.button-icon-inline pn-spinner{position:absolute;left:50%;top:50%;transition:transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transform:translate(100%, -50%)}pn-search-field.button-none pn-button.search,pn-search-field.button-icon-inline pn-button.search{transform:translate(-50%, -50%)}pn-search-field.button-none.loading pn-button,pn-search-field.button-icon-inline.loading pn-button{transform:translate(100%, -50%)}pn-search-field.button-none.loading pn-spinner,pn-search-field.button-icon-inline.loading pn-spinner{transform:translate(-50%, -50%)}pn-search-field.button-none.searching pn-button.search{transform:translate(100%, -50%)}pn-search-field.button-icon>pn-button[data-loading=true] .pn-button-bg{left:50%;transform:translateX(-50%)}";const u=p;const b=class{constructor(e){n(this,e);this.search=t(this,"search",7);this.update=t(this,"update",7);this.label=undefined;this.value="";this.placeholder=undefined;this.searchid=this.id;this.name=undefined;this.autocomplete=undefined;this.list=undefined;this.language=null;this.disabled=false;this.required=false;this.loading=false;this.button="";this.buttonLabel=undefined;this.buttonLight=false}id=`pn-search-field-${a()}`;searchElement;get hostElement(){return e(this)}search;update;inputHandler(){this.update.emit(this.value)}async componentWillLoad(){if(this.language)return;await o(this.hostElement)}translate(n){return f?.[n]?.[this.language||r]}emitSearch({click:n,button:t}){if(n?.type==="click"||t?.type==="keydown"&&t?.key==="Enter"){const e=n||t;e.preventDefault();this.search.emit(this.value)}}setVal(n){this.value=n.target.value}clearInput(){this.value="";this.update.emit(this.value);this.hostElement.querySelector("input").focus()}getClassNames(){let n="";const t=["none","icon","icon-inline"];if(this.value)n+="searching ";if(this.loading)n+="loading ";if(t.includes(this.button))n+=`button-${this.button} `;return n}render(){return i(s,{key:"e37e5e244250cfa6f2f042b2c4b78952fa7d9a79",class:this.getClassNames()},i("div",{key:"eed981fb9d9fb396fbd18242e54efb2f7d7045aa",class:"input-container"},i("input",{key:"218ba7784220d2709d65ed94b818e14d9d49c08a",type:"search",value:this.value,id:this.searchid,name:this.name,"aria-label":this.label,placeholder:this.placeholder,disabled:this.disabled,required:this.required,autocomplete:this.autocomplete,list:this.list,ref:n=>this.searchElement=n,onKeyDown:n=>this.emitSearch({button:n}),onInput:n=>this.setVal(n)}),i("div",{key:"90487db137ea5f86500d4cebe40c101085aa6dff",class:"button-container"},(this.button==="none"||this.button==="icon-inline")&&i("pn-button",{key:"db7bd6327c382b49b3a3f1d4ae355273b64f01b3",small:true,class:"search",type:"button",appearance:"light",icon:h,iconOnly:true,noTab:this.button!=="icon-inline",arialabel:this.translate("SEARCH"),onPnClick:n=>this.emitSearch({click:n.detail})}),this.button!=="icon-inline"&&i("pn-button",{key:"44b876f97d6a961b12363c0e3e342399ddccad1f",small:true,class:"clear",type:"button",appearance:"light",icon:c,iconOnly:true,arialabel:this.translate("CLEAR"),noTab:this.value&&(!this.loading||this.button!=="none"),onPnClick:()=>this.clearInput()}),this.button==="none"||this.button==="icon-inline"&&i("pn-spinner",{key:"8f116b75dee2226c3efb89bbc4df1a1cf1e21175"}))),this.button!=="none"&&this.button!=="icon-inline"&&i("pn-button",{key:"a952f2dce26f841f3e934d2195649ab8c584c297",label:this.buttonLabel,appearance:this.buttonLight?"light":null,icon:h,iconOnly:true,arialabel:this.button==="icon"?this.buttonLabel:null,loading:this.loading,onPnClick:n=>this.emitSearch({click:n.detail})}))}};b.style=u;export{b as pn_search_field};
-//# sourceMappingURL=p-ff068744.entry.js.map
+import{r as n,c as t,g as e,h as i,a as s}from"./p-43660913.js";import{u as a,k as o,e as r}from"./p-f64d17a6.js";const l='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414" clip-rule="evenodd"/></svg>';const c=l;const h='<svg class="pn-icon-svg" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"><path fill="#000" fill-rule="evenodd" d="M4 11.442A7.44 7.44 0 0 1 11.44 4c6.24 0 9.617 7.154 5.923 11.949l2.844 2.844a1 1 0 0 1-1.414 1.414l-2.837-2.837C11.21 21.045 4 17.73 4 11.441m11.277 3.867C11.846 18.714 6 16.284 6 11.442A5.44 5.44 0 0 1 11.44 6c4.724 0 7.204 5.605 4.026 9.1z" clip-rule="evenodd"/></svg>';const d=h;const f={SEARCH:{en:"Search",sv:"Sök",da:"Søg",fi:"Hae",no:"Søk"},CLEAR:{en:"Clear search field",sv:"Rensa sökfältet",da:"Ryd søgefeltet",fi:"Tyhjennä hakukenttä",no:"Tøm søkefeltet"}};const p="pn-search-field{display:inline-flex;gap:0.5em}pn-search-field input{color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);min-height:3em;height:100%;width:100%;border-radius:3em}pn-search-field input:-webkit-autofill,pn-search-field input:-webkit-autofill:hover,pn-search-field input:-webkit-autofill:focus,pn-search-field input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}pn-search-field input:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}@media (prefers-reduced-motion: reduce){pn-search-field input{transition-duration:0s;transition-delay:0s}}pn-search-field input::placeholder{color:#5e554a;font-weight:normal}pn-search-field input:hover{border-color:#005d92}pn-search-field input:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-search-field input::-webkit-search-cancel-button{display:none}pn-search-field>.input-container{width:100%;position:relative}pn-search-field>.input-container .button-container{position:absolute;top:0;right:0;background:transparent;width:3em;height:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}pn-search-field>.input-container pn-button{position:absolute;left:50%;top:50%;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.2s;transform:translate(100%, -50%)}@media (prefers-reduced-motion: reduce){pn-search-field>.input-container pn-button{transition-duration:0s;transition-delay:0s}}pn-search-field.searching pn-button.search{transform:translate(150%, -50%)}pn-search-field.searching pn-button.clear{transform:translate(-50%, -50%)}pn-search-field.button-none input,pn-search-field.button-icon-inline input{padding-right:2em}pn-search-field.button-none pn-spinner,pn-search-field.button-icon-inline pn-spinner{position:absolute;left:50%;top:50%;transition:transform cubic-bezier(0.7, 0, 0.3, 1) 0.2s;transform:translate(100%, -50%)}pn-search-field.button-none pn-button.search,pn-search-field.button-icon-inline pn-button.search{transform:translate(-50%, -50%)}pn-search-field.button-none.loading pn-button,pn-search-field.button-icon-inline.loading pn-button{transform:translate(100%, -50%)}pn-search-field.button-none.loading pn-spinner,pn-search-field.button-icon-inline.loading pn-spinner{transform:translate(-50%, -50%)}pn-search-field.button-none.searching pn-button.search{transform:translate(100%, -50%)}pn-search-field.button-icon>pn-button[data-loading=true] .pn-button-bg{left:50%;transform:translateX(-50%)}";const u=p;const b=class{constructor(e){n(this,e);this.search=t(this,"search",7);this.update=t(this,"update",7);this.label=undefined;this.value="";this.placeholder=undefined;this.searchid=this.id;this.name=undefined;this.autocomplete=undefined;this.list=undefined;this.language=null;this.disabled=false;this.required=false;this.loading=false;this.button="";this.buttonLabel=undefined;this.buttonLight=false}id=`pn-search-field-${a()}`;searchElement;get hostElement(){return e(this)}search;update;inputHandler(){this.update.emit(this.value)}async componentWillLoad(){if(this.language)return;await o(this.hostElement)}translate(n){return f?.[n]?.[this.language||r]}emitSearch({click:n,button:t}){if(n?.type==="click"||t?.type==="keydown"&&t?.key==="Enter"){const e=n||t;e.preventDefault();this.search.emit(this.value)}}setVal(n){this.value=n.target.value}clearInput(){this.value="";this.update.emit(this.value);this.hostElement.querySelector("input").focus()}getClassNames(){let n="";const t=["none","icon","icon-inline"];if(this.value)n+="searching ";if(this.loading)n+="loading ";if(t.includes(this.button))n+=`button-${this.button} `;return n}render(){return i(s,{key:"8326d2235579e0cb7a92c864c373bfe10ac93f98",class:this.getClassNames()},i("div",{key:"51875e4b1e11e77646b1f81f25d57472acb61c93",class:"input-container"},i("input",{key:"04fb6a318e2ba6afa3e20b9a132f0b1d84775fc9",type:"search",value:this.value,id:this.searchid,name:this.name,"aria-label":this.label,placeholder:this.placeholder,disabled:this.disabled,required:this.required,autocomplete:this.autocomplete,list:this.list,ref:n=>this.searchElement=n,onKeyDown:n=>this.emitSearch({button:n}),onInput:n=>this.setVal(n)}),i("div",{key:"0ff204aee2d455d3800d5b2fa8107b27db647587",class:"button-container"},(this.button==="none"||this.button==="icon-inline")&&i("pn-button",{key:"f820315a99ae3ec92ffd3c7e82098442722a6be0",small:true,class:"search",type:"button",appearance:"light",icon:d,iconOnly:true,noTab:this.button!=="icon-inline",arialabel:this.translate("SEARCH"),onPnClick:n=>this.emitSearch({click:n.detail})}),this.button!=="icon-inline"&&i("pn-button",{key:"2cb9544a3339ed88bc966b2e01430bc49238d885",small:true,class:"clear",type:"button",appearance:"light",icon:c,iconOnly:true,arialabel:this.translate("CLEAR"),noTab:this.value&&(!this.loading||this.button!=="none"),onPnClick:()=>this.clearInput()}),this.button==="none"||this.button==="icon-inline"&&i("pn-spinner",{key:"019aaa565d24b635a012ae8c4f6ceaebbc0b74c6"}))),this.button!=="none"&&this.button!=="icon-inline"&&i("pn-button",{key:"e0567545bdb6982aaf9dbf989cd5cbbae72c2054",label:this.buttonLabel,appearance:this.buttonLight?"light":null,icon:d,iconOnly:true,arialabel:this.button==="icon"?this.buttonLabel:null,loading:this.loading,onPnClick:n=>this.emitSearch({click:n.detail})}))}};b.style=u;export{b as pn_search_field};
+//# sourceMappingURL=p-9cecd28d.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-605d99df.entry.js → p-a440734f.entry.js} RENAMED Viewed

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as t,c as e,g as i,f as n,h as l,a}from"./p-43660913.js";import{o}from"./p-773aa70a.js";import{o as r}from"./p-f64d17a6.js";const s='pn-tile{position:relative;display:block}pn-tile .pn-tile{position:relative;overflow:hidden;word-break:break-word;text-align:center;border-radius:0.5em;padding:clamp(0.75em, 3vw, 1.5em);height:100%;color:#2d2013;background-color:#ffffff;box-shadow:0em 0.0625em 0.125em 0em rgba(20, 20, 20, 0.11), 0em 0.1875em 0.4375em 0em rgba(0, 0, 0, 0.13);display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(1em, 5vw, 1.5em);outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:box-shadow, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-tile .pn-tile{transition-duration:0s;transition-delay:0s}}pn-tile .pn-tile .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}pn-tile .pn-tile[data-horizontal]{text-align:left;flex-direction:row;flex-wrap:nowrap;gap:clamp(1em, 5vw, 1.5em)}pn-tile .pn-tile[data-horizontal] .pn-tile-illustration[data-circle]:before{clip-path:ellipse(0% 100% at 0% 50%)}pn-tile .pn-tile[data-horizontal] .pn-tile-text{flex-grow:2}pn-tile .pn-tile[data-href][data-focus]{outline-color:#005d92;box-shadow:0em 0em 0em 0em rgba(20, 20, 20, 0.11), 0em 0em 0em 0em rgba(0, 0, 0, 0.13)}pn-tile .pn-tile[data-href]:hover{background-color:rgba(183, 235, 252, 0.3)}pn-tile .pn-tile[data-href]:hover .pn-tile-illustration[data-circle]:before,pn-tile .pn-tile[data-href]:focus-within .pn-tile-illustration[data-circle]:before{clip-path:ellipse(100% 50% at 50% -25%)}pn-tile .pn-tile[data-href]:hover[data-horizontal] .pn-tile-illustration[data-circle]:before,pn-tile .pn-tile[data-href]:focus-within[data-horizontal] .pn-tile-illustration[data-circle]:before{clip-path:ellipse(50% 100% at -25% 50%)}pn-tile .pn-tile[data-href]:hover .pn-tile-link,pn-tile .pn-tile[data-href]:focus-within .pn-tile-link{color:#0d234b;text-decoration-color:#0d234b}pn-tile .pn-tile[data-href]:hover pn-icon .pn-icon-svg path,pn-tile .pn-tile[data-href]:focus-within pn-icon .pn-icon-svg path{fill:#0d234b}pn-tile .pn-tile-illustration{z-index:2;flex:1 1;max-width:7.5em;max-height:7.5em}pn-tile .pn-tile-illustration[data-icon]{flex:0 0}pn-tile .pn-tile-illustration[data-icon] pn-icon{padding:1em;border-radius:50%;background-color:#e0f8ff}pn-tile .pn-tile-illustration[data-icon] pn-icon>svg{font-size:2em}pn-tile .pn-tile-illustration-slot{display:block;height:100%;width:100%}pn-tile .pn-tile-illustration[data-circle]:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background-color:rgba(183, 235, 252, 0.7);background-color:rgba(183, 235, 252, 0.7);clip-path:ellipse(100% 0% at 50% 0%);transition-property:clip-path;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-tile .pn-tile-illustration[data-circle]:before{transition-duration:0s;transition-delay:0s}}pn-tile .pn-tile-text{z-index:3;flex:1 1;display:flex;flex-direction:column;gap:0.5em}pn-tile .pn-tile-link{cursor:pointer;color:#005d92;text-decoration:underline;text-decoration-color:transparent;-webkit-tap-highlight-color:transparent;transition-property:color, text-decoration-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-tile .pn-tile-link{transition-duration:0s;transition-delay:0s}}pn-tile .pn-tile-link:focus{outline:0;text-decoration-color:#0d234b;color:#0d234b}pn-tile .pn-tile-link:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;opacity:0}pn-tile .pn-tile-title{font-family:inherit;font-weight:700;font-size:clamp(1.25em, 3vw, 1.5em);margin:0em}pn-tile .pn-tile-title pn-icon{margin-left:0.25em;vertical-align:middle}pn-tile .pn-tile-slot{font-weight:400;color:#5e554a;display:flex;flex-direction:column;gap:0.25em}pn-tile .pn-tile-paragraph,pn-tile .pn-tile p{font-size:0.875em}pn-tile .pn-tile-paragraph:last-child,pn-tile .pn-tile p:last-child{margin:0em}';const p=s;const c=class{constructor(i){t(this,i);this.pnTile=e(this,"pnTile",7);this.visibleOutline=false;this.label=undefined;this.text=undefined;this.url=undefined;this.target=undefined;this.rel="noopener noreferrer";this.illustration=undefined;this.icon=undefined;this.horizontal=false}mo;tile;illustrationSlot;get hostElement(){return i(this)}pnTile;connectedCallback(){this.mo=new MutationObserver((()=>n(this.hostElement)));this.mo.observe(this.hostElement,{subtree:true,childList:true})}disconnectedCallback(){this.mo?.disconnect()}isExternal(){return this.target==="_blank"}showIcon(){return!!this.icon&&!this.showSlotIllustration()}showPropIllustration(){return!!this.illustration&&!this.showSlotIllustration()}showSlotIllustration(){return!!this.illustrationSlot?.querySelector('[slot="illustration"]')}showImage(){return this.showIcon()||this.showPropIllustration()||this.showSlotIllustration()}handleFocus({type:t,target:e}){this.visibleOutline=t==="focus"&&e.matches(":focus-visible")}clickHandler(t){r(t,this.tile);this.pnTile.emit({click:t})}render(){return l(a,{key:"3aad61d5d06a72a5f2a5cd1808b18c3f7d8e437b"},l("div",{key:"15c10f8f668544caa32385121caf382626aa1b8f",class:"pn-tile","data-horizontal":this.horizontal,"data-href":!!this.url,"data-focus":this.visibleOutline,ref:t=>this.tile=t},l("div",{key:"9e61d1919dff7343e394ed86b1800284eb750121",class:"pn-tile-illustration","data-circle":!!this.url,"data-icon":this.showIcon(),role:"presentation",hidden:!this.showImage()},this.showPropIllustration()?l("pn-illustration",{illustration:this.illustration}):this.showIcon()&&l("pn-icon",{color:"blue700",icon:this.icon}),l("div",{key:"59e5cdf5d9fb09045e215758692d5dc402a2a49a",class:"pn-tile-illustration-slot",hidden:!this.showSlotIllustration(),ref:t=>this.illustrationSlot=t},l("slot",{key:"00bc0dafa3ae0f89959d0a61d8221ce1e4bc8c2f",name:"illustration"}))),l("div",{key:"c88f8daa6ee6f309d71a3205299ab98a1157a9a9",class:"pn-tile-text"},l("h3",{key:"2cb429bf55430c1fcea8965c4cc73b511738d89d",class:"pn-tile-title"},this.url?l("a",{class:"pn-tile-link",href:this.url,target:this.target,rel:!this.rel&&this.isExternal()?"noopener noreferrer":this.rel,onClick:t=>this.clickHandler(t),onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleFocus(t)},this.label):this.label,this.isExternal()&&l("pn-icon",{key:"5ea4aae5bf9328d68da0ee75990d95c590dc6749",icon:o,small:true,color:"blue700"})),l("div",{key:"b9d56f8d2ee862215ef7ae7143d3da8073274fe5",class:"pn-tile-slot"},!!this.text&&l("p",{key:"76b95108a202c183f270868959cb4a7bb5fe0c57",class:"pn-tile-paragraph"},this.text),l("slot",{key:"fb3b513fd684adbcbd2af81360437ceec1ff9928"})))))}};c.style=p;export{c as pn_tile};
-//# sourceMappingURL=p-605d99df.entry.js.map
+import{r as t,c as e,g as i,f as n,h as l,a}from"./p-43660913.js";import{o}from"./p-773aa70a.js";import{o as r}from"./p-f64d17a6.js";const s='pn-tile{position:relative;display:block}pn-tile .pn-tile{position:relative;overflow:hidden;word-break:break-word;text-align:center;border-radius:0.5em;padding:clamp(0.75em, 3vw, 1.5em);height:100%;color:#2d2013;background-color:#ffffff;box-shadow:0em 0.0625em 0.125em 0em rgba(20, 20, 20, 0.11), 0em 0.1875em 0.4375em 0em rgba(0, 0, 0, 0.13);display:flex;flex-wrap:wrap;flex-direction:column;align-items:center;justify-content:flex-start;gap:clamp(1em, 5vw, 1.5em);outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:box-shadow, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-tile .pn-tile{transition-duration:0s;transition-delay:0s}}pn-tile .pn-tile .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}pn-tile .pn-tile[data-horizontal]{text-align:left;flex-direction:row;flex-wrap:nowrap;gap:clamp(1em, 5vw, 1.5em)}pn-tile .pn-tile[data-horizontal] .pn-tile-illustration[data-circle]:before{clip-path:ellipse(0% 100% at 0% 50%)}pn-tile .pn-tile[data-horizontal] .pn-tile-text{flex-grow:2}pn-tile .pn-tile[data-href][data-focus]{outline-color:#005d92;box-shadow:0em 0em 0em 0em rgba(20, 20, 20, 0.11), 0em 0em 0em 0em rgba(0, 0, 0, 0.13)}pn-tile .pn-tile[data-href]:hover{background-color:rgba(183, 235, 252, 0.3)}pn-tile .pn-tile[data-href]:hover .pn-tile-illustration[data-circle]:before,pn-tile .pn-tile[data-href]:focus-within .pn-tile-illustration[data-circle]:before{clip-path:ellipse(100% 50% at 50% -25%)}pn-tile .pn-tile[data-href]:hover[data-horizontal] .pn-tile-illustration[data-circle]:before,pn-tile .pn-tile[data-href]:focus-within[data-horizontal] .pn-tile-illustration[data-circle]:before{clip-path:ellipse(50% 100% at -25% 50%)}pn-tile .pn-tile[data-href]:hover .pn-tile-link,pn-tile .pn-tile[data-href]:focus-within .pn-tile-link{color:#0d234b;text-decoration-color:#0d234b}pn-tile .pn-tile[data-href]:hover pn-icon .pn-icon-svg path,pn-tile .pn-tile[data-href]:focus-within pn-icon .pn-icon-svg path{fill:#0d234b}pn-tile .pn-tile-illustration{z-index:2;flex:1 1;max-width:7.5em;max-height:7.5em}pn-tile .pn-tile-illustration[data-icon]{flex:0 0}pn-tile .pn-tile-illustration[data-icon] pn-icon{padding:1em;border-radius:50%;background-color:#e0f8ff}pn-tile .pn-tile-illustration[data-icon] pn-icon>svg{font-size:2em}pn-tile .pn-tile-illustration-slot{display:block;height:100%;width:100%}pn-tile .pn-tile-illustration[data-circle]:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background-color:rgba(183, 235, 252, 0.7);background-color:rgba(183, 235, 252, 0.7);clip-path:ellipse(100% 0% at 50% 0%);transition-property:clip-path;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-tile .pn-tile-illustration[data-circle]:before{transition-duration:0s;transition-delay:0s}}pn-tile .pn-tile-text{z-index:3;flex:1 1;display:flex;flex-direction:column;gap:0.5em}pn-tile .pn-tile-link{cursor:pointer;color:#005d92;text-decoration:underline;text-decoration-color:transparent;-webkit-tap-highlight-color:transparent;transition-property:color, text-decoration-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-tile .pn-tile-link{transition-duration:0s;transition-delay:0s}}pn-tile .pn-tile-link:focus{outline:0;text-decoration-color:#0d234b;color:#0d234b}pn-tile .pn-tile-link:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;opacity:0}pn-tile .pn-tile-title{font-family:inherit;font-weight:700;font-size:clamp(1.25em, 3vw, 1.5em);margin:0em}pn-tile .pn-tile-title pn-icon{margin-left:0.25em;vertical-align:middle}pn-tile .pn-tile-slot{font-weight:400;color:#5e554a;display:flex;flex-direction:column;gap:0.25em}pn-tile .pn-tile-paragraph,pn-tile .pn-tile p{font-size:0.875em}pn-tile .pn-tile-paragraph:last-child,pn-tile .pn-tile p:last-child{margin:0em}';const p=s;const c=class{constructor(i){t(this,i);this.pnTile=e(this,"pnTile",7);this.visibleOutline=false;this.label=undefined;this.text=undefined;this.url=undefined;this.target=undefined;this.rel="noopener noreferrer";this.illustration=undefined;this.icon=undefined;this.horizontal=false}mo;tile;illustrationSlot;get hostElement(){return i(this)}pnTile;connectedCallback(){this.mo=new MutationObserver((()=>n(this.hostElement)));this.mo.observe(this.hostElement,{subtree:true,childList:true})}disconnectedCallback(){this.mo?.disconnect()}isExternal(){return this.target==="_blank"}showIcon(){return!!this.icon&&!this.showSlotIllustration()}showPropIllustration(){return!!this.illustration&&!this.showSlotIllustration()}showSlotIllustration(){return!!this.illustrationSlot?.querySelector('[slot="illustration"]')}showImage(){return this.showIcon()||this.showPropIllustration()||this.showSlotIllustration()}handleFocus({type:t,target:e}){this.visibleOutline=t==="focus"&&e.matches(":focus-visible")}clickHandler(t){r(t,this.tile);this.pnTile.emit({click:t})}render(){return l(a,{key:"c24ec58a47482a67e27c1266accd657cf3e8c54a"},l("div",{key:"23727e1b4212192010c81fcb7af59f60fede0152",class:"pn-tile","data-horizontal":this.horizontal,"data-href":!!this.url,"data-focus":this.visibleOutline,ref:t=>this.tile=t},l("div",{key:"b4bd44255ab53ef2dfb130e02aac7809aebcc16b",class:"pn-tile-illustration","data-circle":!!this.url,"data-icon":this.showIcon(),role:"presentation",hidden:!this.showImage()},this.showPropIllustration()?l("pn-illustration",{illustration:this.illustration}):this.showIcon()&&l("pn-icon",{color:"blue700",icon:this.icon}),l("div",{key:"3133bd22a2be6d3625dcbe879f98d6aa0c0de723",class:"pn-tile-illustration-slot",hidden:!this.showSlotIllustration(),ref:t=>this.illustrationSlot=t},l("slot",{key:"6a87734eb323047682be191c51d58c1f857df589",name:"illustration"}))),l("div",{key:"2a96a865bc30e22c0d4133273b7bbeea81564bce",class:"pn-tile-text"},l("h3",{key:"bb9762e899ddb2b879151031b0ad65e61521956e",class:"pn-tile-title"},this.url?l("a",{class:"pn-tile-link",href:this.url,target:this.target,rel:!this.rel&&this.isExternal()?"noopener noreferrer":this.rel,onClick:t=>this.clickHandler(t),onFocus:t=>this.handleFocus(t),onBlur:t=>this.handleFocus(t)},this.label):this.label,this.isExternal()&&l("pn-icon",{key:"97a513fdb9c6daedbf5a8b2614a06bbc5baafb01",icon:o,small:true,color:"blue700"})),l("div",{key:"9d136471d950acd8c7934da681a9a5f332f0fa95",class:"pn-tile-slot"},!!this.text&&l("p",{key:"abc6a5b7bef04f7708ff22550a8354db625ad94c",class:"pn-tile-paragraph"},this.text),l("slot",{key:"7df167c895e2b9cde15326b5f22f222e89690971"})))))}};c.style=p;export{c as pn_tile};
+//# sourceMappingURL=p-a440734f.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-b9a494ae.entry.js → p-ab553e80.entry.js} RENAMED Viewed

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as o,g as i,h as a,a as n}from"./p-43660913.js";import{u as r}from"./p-f64d17a6.js";const d="pn-radio-button{position:relative;display:inline-block}pn-radio-button .pn-radio{position:relative;display:flex;gap:0.75em}pn-radio-button .pn-radio-label{color:#2d2013}pn-radio-button .pn-radio-helpertext{color:#5e554a}pn-radio-button .pn-radio-content{margin:0;flex:1 1 100%;display:flex;flex-direction:column;justify-content:center}pn-radio-button .pn-radio-container{display:flex;gap:0.75em;padding:0}pn-radio-button .pn-radio-outer{background-color:#ffffff;border:0.0625em solid #969087;border-radius:50%;height:1.5em;width:1.5em;display:flex;justify-content:center;align-items:center;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:border-color, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-radio-button .pn-radio-outer{transition-duration:0s;transition-delay:0s}}pn-radio-button .pn-radio-inner{height:0.75em;width:0.75em;background-color:#005d92;border-radius:50%;transform:scale(0);transform-origin:center center;transition-property:background-color, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-radio-button .pn-radio-inner{transition-duration:0s;transition-delay:0s}}pn-radio-button .pn-radio[data-tile]{padding:1em;border:0.0625em solid #969087;border-radius:0.5em;background-color:#ffffff;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:border-color, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-radio-button .pn-radio[data-tile]{transition-duration:0s;transition-delay:0s}}pn-radio-button .pn-radio[data-tile] .pn-radio-outer{outline:none}pn-radio-button .pn-radio[data-invalid]{border-color:#a70707}pn-radio-button .pn-radio[data-invalid] .pn-radio-outer{border-color:#a70707}pn-radio-button .pn-radio[data-invalid] .pn-radio-inner{background-color:#a70707}pn-radio-button>input[type=radio]{cursor:pointer;opacity:0;position:absolute;margin:0;z-index:1;top:0;left:0;width:100%;height:100%;-webkit-tap-highlight-color:transparent}pn-radio-button>input[type=radio][aria-describedby]+.pn-radio[data-tile] .pn-radio-label{font-weight:500}pn-radio-button>input[type=radio]:hover+.pn-radio[data-tile]{border-color:#005d92;background-color:#e0f8ff}pn-radio-button>input[type=radio]:hover+.pn-radio[data-tile] .pn-radio-outer{background-color:#e0f8ff}pn-radio-button>input[type=radio]:hover+.pn-radio[data-tile][data-invalid]{border-color:#a70707;background-color:#fdefee}pn-radio-button>input[type=radio]:hover+.pn-radio[data-tile][data-invalid] .pn-radio-outer{background-color:#fdefee}pn-radio-button>input[type=radio]:hover+.pn-radio[data-invalid] .pn-radio-outer{border-color:#a70707;background-color:#fdefee}pn-radio-button>input[type=radio]:hover+.pn-radio .pn-radio-outer{border-color:#005d92;background-color:#e0f8ff}pn-radio-button>input[type=radio]:checked:hover+.pn-radio[data-tile][data-invalid]{border-color:#500715}pn-radio-button>input[type=radio]:checked:hover+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer{border-color:#500715}pn-radio-button>input[type=radio]:disabled:hover+.pn-radio[data-invalid]{border-color:#f3f2f2}pn-radio-button>input[type=radio]:disabled:hover+.pn-radio>.pn-radio-container>.pn-radio-outer{background-color:#f3f2f2}pn-radio-button>input[type=radio]:disabled:checked:hover+.pn-radio[data-invalid]{border-color:#f3f2f2}pn-radio-button>input[type=radio]:disabled:checked:hover+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer{background-color:#f3f2f2}pn-radio-button>input[type=radio]:disabled:checked:hover+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer>.pn-radio-inner{background-color:#969087}pn-radio-button>input[type=radio]:disabled:checked:hover+.pn-radio>.pn-radio-container>.pn-radio-outer{background-color:#f3f2f2}pn-radio-button>input[type=radio]:focus-visible+.pn-radio .pn-radio-outer{outline-color:#005d92}pn-radio-button>input[type=radio]:focus-visible+.pn-radio[data-invalid] .pn-radio-outer{outline-color:#a70707}pn-radio-button>input[type=radio]:focus-visible+.pn-radio[data-tile]{outline-color:#005d92;border-color:#005d92}pn-radio-button>input[type=radio]:focus-visible+.pn-radio[data-tile][data-invalid]{outline-color:#a70707;border-color:#a70707}pn-radio-button>input[type=radio]:focus-visible+.pn-radio[data-tile]>.pn-radio-container>.pn-radio-outer{outline:none}pn-radio-button>input[type=radio]:checked+.pn-radio[data-tile]{border-color:#005d92;background-color:#e0f8ff}pn-radio-button>input[type=radio]:checked+.pn-radio[data-tile][data-invalid]{border-color:#a70707;background-color:#fdefee}pn-radio-button>input[type=radio]:checked+.pn-radio>.pn-radio-container>.pn-radio-outer{border-color:#005d92}pn-radio-button>input[type=radio]:checked+.pn-radio>.pn-radio-container>.pn-radio-outer>.pn-radio-inner{transform:scale(1);background-color:#005d92}pn-radio-button>input[type=radio]:checked+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer{border-color:#a70707}pn-radio-button>input[type=radio]:checked+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer>.pn-radio-inner{background-color:#a70707}pn-radio-button>input[type=radio]:disabled{cursor:not-allowed}pn-radio-button>input[type=radio]:disabled:active+.pn-radio{outline:none}pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile],pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile][data-invalid]{background-color:#f3f2f2;border-color:#f3f2f2}pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile]>pn-icon>.pn-icon-svg path,pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile][data-invalid]>pn-icon>.pn-icon-svg path{fill:#5e554a}pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile]>.pn-radio-content>.pn-radio-label,pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile][data-invalid]>.pn-radio-content>.pn-radio-label{color:#5e554a}pn-radio-button>input[type=radio]:disabled+.pn-radio>.pn-radio-container>.pn-radio-outer{background-color:#f3f2f2;border-color:#969087;outline:none}pn-radio-button>input[type=radio]:disabled+.pn-radio>.pn-radio-container>.pn-radio-outer>.pn-radio-inner{background-color:#969087}pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer,pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-tile]>.pn-radio-container>.pn-radio-outer,pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-tile][data-invalid]>.pn-radio-container>.pn-radio-outer{background-color:#f3f2f2;border-color:#969087;outline:none}pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer>.pn-radio-inner,pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-tile]>.pn-radio-container>.pn-radio-outer>.pn-radio-inner,pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-tile][data-invalid]>.pn-radio-container>.pn-radio-outer>.pn-radio-inner{background-color:#969087}";const t=d;const e=class{constructor(i){o(this,i);this.label="";this.value=undefined;this.name=undefined;this.checked=false;this.helpertext=undefined;this.radioid=this.id;this.disabled=false;this.required=false;this.invalid=false;this.tile=false;this.icon=null}id=`pn-radio-button-${r()}`;idHelper=`${this.id}-helpertext`;get hostElement(){return i(this)}handleId(){this.idHelper=`${this.radioid}-helpertext`}componentWillLoad(){this.handleId()}render(){return a(n,{key:"ae520e0cfb3de29899ac40377cbb55061cd01b68"},a("input",{key:"d2195982014090f751f36f46687dc9c1e049e32d",type:"radio",id:this.radioid,value:this.value,name:this.name,disabled:this.disabled,required:this.required,checked:this.checked,"aria-describedby":!!this.helpertext&&this.idHelper,"aria-invalid":this.invalid?.toString()}),a("div",{key:"0ebb9fa07ebb3b896e8efd3545bc7fe295c56d05",class:"pn-radio","data-tile":this.tile,"data-invalid":this.invalid},a("div",{key:"a76dd992f2b3f2afb54e1db31ee50638002d5b4a",class:"pn-radio-container"},a("div",{key:"e456252ee2011d1dee97aff66f6ba4c122a5ca80",class:"pn-radio-outer"},a("div",{key:"dd7aee8305f27590d524b63336c619d7b440a781",class:"pn-radio-inner"}))),(this.label||this.helpertext)&&a("p",{key:"664c532213f996509cf6abe4a9d557b21ba60464",class:"pn-radio-content"},this.label&&a("label",{key:"090e79852aa459100d0a382778bc30b75e61fe32",htmlFor:this.radioid,class:"pn-radio-label"},this.label),this.helpertext&&a("span",{key:"1785f82b7d25eff5117587777db5d02584609885",id:this.idHelper,class:"pn-radio-helpertext"},this.helpertext)),this.tile&&this.icon&&a("pn-icon",{key:"2902b6b37407a1b3dc7b60d47405de5ead710a57",color:"gray900",icon:this.icon})))}static get watchers(){return{radioid:["handleId"]}}};e.style=t;export{e as pn_radio_button};
-//# sourceMappingURL=p-b9a494ae.entry.js.map
+import{r as o,g as i,h as a,a as n}from"./p-43660913.js";import{u as r}from"./p-f64d17a6.js";const d="pn-radio-button{position:relative;display:inline-block}pn-radio-button .pn-radio{position:relative;display:flex;gap:0.75em}pn-radio-button .pn-radio-label{color:#2d2013}pn-radio-button .pn-radio-helpertext{color:#5e554a}pn-radio-button .pn-radio-content{margin:0;flex:1 1 100%;display:flex;flex-direction:column;justify-content:center}pn-radio-button .pn-radio-container{display:flex;gap:0.75em;padding:0}pn-radio-button .pn-radio-outer{background-color:#ffffff;border:0.0625em solid #969087;border-radius:50%;height:1.5em;width:1.5em;display:flex;justify-content:center;align-items:center;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:border-color, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-radio-button .pn-radio-outer{transition-duration:0s;transition-delay:0s}}pn-radio-button .pn-radio-inner{height:0.75em;width:0.75em;background-color:#005d92;border-radius:50%;transform:scale(0);transform-origin:center center;transition-property:background-color, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-radio-button .pn-radio-inner{transition-duration:0s;transition-delay:0s}}pn-radio-button .pn-radio[data-tile]{padding:1em;border:0.0625em solid #969087;border-radius:0.5em;background-color:#ffffff;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:border-color, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-radio-button .pn-radio[data-tile]{transition-duration:0s;transition-delay:0s}}pn-radio-button .pn-radio[data-tile] .pn-radio-outer{outline:none}pn-radio-button .pn-radio[data-invalid]{border-color:#a70707}pn-radio-button .pn-radio[data-invalid] .pn-radio-outer{border-color:#a70707}pn-radio-button .pn-radio[data-invalid] .pn-radio-inner{background-color:#a70707}pn-radio-button>input[type=radio]{cursor:pointer;opacity:0;position:absolute;margin:0;z-index:1;top:0;left:0;width:100%;height:100%;-webkit-tap-highlight-color:transparent}pn-radio-button>input[type=radio][aria-describedby]+.pn-radio[data-tile] .pn-radio-label{font-weight:500}pn-radio-button>input[type=radio]:hover+.pn-radio[data-tile]{border-color:#005d92;background-color:#e0f8ff}pn-radio-button>input[type=radio]:hover+.pn-radio[data-tile] .pn-radio-outer{background-color:#e0f8ff}pn-radio-button>input[type=radio]:hover+.pn-radio[data-tile][data-invalid]{border-color:#a70707;background-color:#fdefee}pn-radio-button>input[type=radio]:hover+.pn-radio[data-tile][data-invalid] .pn-radio-outer{background-color:#fdefee}pn-radio-button>input[type=radio]:hover+.pn-radio[data-invalid] .pn-radio-outer{border-color:#a70707;background-color:#fdefee}pn-radio-button>input[type=radio]:hover+.pn-radio .pn-radio-outer{border-color:#005d92;background-color:#e0f8ff}pn-radio-button>input[type=radio]:checked:hover+.pn-radio[data-tile][data-invalid]{border-color:#500715}pn-radio-button>input[type=radio]:checked:hover+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer{border-color:#500715}pn-radio-button>input[type=radio]:disabled:hover+.pn-radio[data-invalid]{border-color:#f3f2f2}pn-radio-button>input[type=radio]:disabled:hover+.pn-radio>.pn-radio-container>.pn-radio-outer{background-color:#f3f2f2}pn-radio-button>input[type=radio]:disabled:checked:hover+.pn-radio[data-invalid]{border-color:#f3f2f2}pn-radio-button>input[type=radio]:disabled:checked:hover+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer{background-color:#f3f2f2}pn-radio-button>input[type=radio]:disabled:checked:hover+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer>.pn-radio-inner{background-color:#969087}pn-radio-button>input[type=radio]:disabled:checked:hover+.pn-radio>.pn-radio-container>.pn-radio-outer{background-color:#f3f2f2}pn-radio-button>input[type=radio]:focus-visible+.pn-radio .pn-radio-outer{outline-color:#005d92}pn-radio-button>input[type=radio]:focus-visible+.pn-radio[data-invalid] .pn-radio-outer{outline-color:#a70707}pn-radio-button>input[type=radio]:focus-visible+.pn-radio[data-tile]{outline-color:#005d92;border-color:#005d92}pn-radio-button>input[type=radio]:focus-visible+.pn-radio[data-tile][data-invalid]{outline-color:#a70707;border-color:#a70707}pn-radio-button>input[type=radio]:focus-visible+.pn-radio[data-tile]>.pn-radio-container>.pn-radio-outer{outline:none}pn-radio-button>input[type=radio]:checked+.pn-radio[data-tile]{border-color:#005d92;background-color:#e0f8ff}pn-radio-button>input[type=radio]:checked+.pn-radio[data-tile][data-invalid]{border-color:#a70707;background-color:#fdefee}pn-radio-button>input[type=radio]:checked+.pn-radio>.pn-radio-container>.pn-radio-outer{border-color:#005d92}pn-radio-button>input[type=radio]:checked+.pn-radio>.pn-radio-container>.pn-radio-outer>.pn-radio-inner{transform:scale(1);background-color:#005d92}pn-radio-button>input[type=radio]:checked+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer{border-color:#a70707}pn-radio-button>input[type=radio]:checked+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer>.pn-radio-inner{background-color:#a70707}pn-radio-button>input[type=radio]:disabled{cursor:not-allowed}pn-radio-button>input[type=radio]:disabled:active+.pn-radio{outline:none}pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile],pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile][data-invalid]{background-color:#f3f2f2;border-color:#f3f2f2}pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile]>pn-icon>.pn-icon-svg path,pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile][data-invalid]>pn-icon>.pn-icon-svg path{fill:#5e554a}pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile]>.pn-radio-content>.pn-radio-label,pn-radio-button>input[type=radio]:disabled+.pn-radio[data-tile][data-invalid]>.pn-radio-content>.pn-radio-label{color:#5e554a}pn-radio-button>input[type=radio]:disabled+.pn-radio>.pn-radio-container>.pn-radio-outer{background-color:#f3f2f2;border-color:#969087;outline:none}pn-radio-button>input[type=radio]:disabled+.pn-radio>.pn-radio-container>.pn-radio-outer>.pn-radio-inner{background-color:#969087}pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer,pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-tile]>.pn-radio-container>.pn-radio-outer,pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-tile][data-invalid]>.pn-radio-container>.pn-radio-outer{background-color:#f3f2f2;border-color:#969087;outline:none}pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-invalid]>.pn-radio-container>.pn-radio-outer>.pn-radio-inner,pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-tile]>.pn-radio-container>.pn-radio-outer>.pn-radio-inner,pn-radio-button>input[type=radio]:disabled:checked+.pn-radio[data-tile][data-invalid]>.pn-radio-container>.pn-radio-outer>.pn-radio-inner{background-color:#969087}";const t=d;const e=class{constructor(i){o(this,i);this.label="";this.value=undefined;this.name=undefined;this.checked=false;this.helpertext=undefined;this.radioid=this.id;this.disabled=false;this.required=false;this.invalid=false;this.tile=false;this.icon=null}id=`pn-radio-button-${r()}`;idHelper=`${this.id}-helpertext`;get hostElement(){return i(this)}handleId(){this.idHelper=`${this.radioid}-helpertext`}componentWillLoad(){this.handleId()}render(){return a(n,{key:"8bb634e145b549e4cd83b716dee01ef0473d6ab0"},a("input",{key:"b3d28e2d722957d18f9ea2f6567917627f54c1f1",type:"radio",id:this.radioid,value:this.value,name:this.name,disabled:this.disabled,required:this.required,checked:this.checked,"aria-describedby":!!this.helpertext&&this.idHelper,"aria-invalid":this.invalid?.toString()}),a("div",{key:"84789bb4bdb07b5c9ae2a5512e70b22236b9efba",class:"pn-radio","data-tile":this.tile,"data-invalid":this.invalid},a("div",{key:"3a8d38272a31df6d779dbc0c04f25d7d514405c2",class:"pn-radio-container"},a("div",{key:"1c13d1d254e1fe915604acd957ba21bd6217b345",class:"pn-radio-outer"},a("div",{key:"6b576e1ae441544ad56f14d4cae0ab3f407a4200",class:"pn-radio-inner"}))),(this.label||this.helpertext)&&a("p",{key:"2f03734659b55b522e49f5daca3f9e494fa873f5",class:"pn-radio-content"},this.label&&a("label",{key:"0fd0b95621317be2f320e359118abdb9c3556100",htmlFor:this.radioid,class:"pn-radio-label"},this.label),this.helpertext&&a("span",{key:"8a0dea7825a3e71f54b896a93331f374f1811c65",id:this.idHelper,class:"pn-radio-helpertext"},this.helpertext)),this.tile&&this.icon&&a("pn-icon",{key:"695a8edf949944d8a86cbdaba665a048fafed99b",color:"gray900",icon:this.icon})))}static get watchers(){return{radioid:["handleId"]}}};e.style=t;export{e as pn_radio_button};
+//# sourceMappingURL=p-ab553e80.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-936ed2a1.entry.js → p-ae04e001.entry.js} RENAMED Viewed

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as e,g as t,f as n,h as s,a as o}from"./p-43660913.js";import{a as i}from"./p-9a18b612.js";import{a as l}from"./p-bf967b50.js";import{u as c}from"./p-f64d17a6.js";const r="pn-select{display:inline-block}pn-select .pn-select-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-select .pn-select-label{transition-duration:0s;transition-delay:0s}}pn-select .pn-select-label>span{font-size:0.875em}pn-select .pn-select-input{position:relative}pn-select .pn-select-icon{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1.5em;height:1.5em;border-radius:50%;background-color:transparent}pn-select .pn-select-icon[data-default]{right:0.75em}pn-select .pn-select-icon[data-custom]{left:0.75em}pn-select .pn-select-icon[data-custom]~.pn-select-element{padding-left:3em}pn-select .pn-select-icon[data-error]{right:3em}pn-select .pn-select-icon[data-error]~.pn-select-element{padding-right:5em}pn-select .pn-select-icon>.pn-icon-svg{transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-select .pn-select-icon>.pn-icon-svg{transition-duration:0s;transition-delay:0s}}pn-select .pn-select-element{cursor:pointer;color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);width:100%;padding-right:3em;-webkit-appearance:none;-moz-appearance:none;appearance:none}pn-select .pn-select-element:-webkit-autofill,pn-select .pn-select-element:-webkit-autofill:hover,pn-select .pn-select-element:-webkit-autofill:focus,pn-select .pn-select-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}pn-select .pn-select-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}@media (prefers-reduced-motion: reduce){pn-select .pn-select-element{transition-duration:0s;transition-delay:0s}}pn-select .pn-select-element::placeholder{color:#5e554a;font-weight:normal}pn-select .pn-select-element:hover{border-color:#005d92}pn-select .pn-select-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-select .pn-select-element:open+pn-icon .pn-icon-svg{transform:rotate(180deg)}pn-select .pn-select-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-select .pn-select-element[data-placeholder]{color:#5e554a;font-weight:normal}pn-select .pn-select-element:hover{color:#2d2013;background-color:#effbff}pn-select .pn-select-no-results{margin:0;padding:0.75em}pn-select .pn-select-helper{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}pn-select .pn-select-helper[role=alert]{color:#a70707}pn-select .pn-select[data-error]>.pn-select-label{color:#a70707}pn-select .pn-select[data-error]>.pn-select-input>.pn-select-element{border-color:#a70707}pn-select .pn-select[data-error]>.pn-select-input>.pn-select-element:hover{border-color:#500715}pn-select .pn-select[data-error]>.pn-select-input>.pn-select-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}pn-select .pn-select[data-error]>.pn-select-input>.pn-select-element:hover{background-color:#fdefee}";const a=r;const d=class{constructor(t){e(this,t);this.label=undefined;this.helpertext=undefined;this.selectId=this.id;this.icon=undefined;this.name=undefined;this.form=undefined;this.autocomplete=undefined;this.required=false;this.disabled=false;this.invalid=false;this.error=undefined}id=`pn-select-${c()}`;idHelpertext=`${this.id}-text`;select;mo;get hostElement(){return t(this)}componentDidLoad(){if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>n(this.hostElement)));this.mo.observe(this.hostElement,{childList:true,subtree:true})}hasError(){return this.invalid||!!this.error}hasMessage(){return!!this.helpertext||!!this.error}render(){return s(o,{key:"1e9048eda53ecaa901689f0164cba2a389f543df"},s("div",{key:"e24db0f74c4d3657bb1ee6903160fcdaf2910da4",class:"pn-select","data-error":this.hasError()},this.label&&s("label",{key:"c4e6c6c613df6392b0a67123d46f9474ae0e305f",htmlFor:this.selectId,class:"pn-select-label"},s("span",{key:"58965840227667a57d624538702990125c5f7dca"},this.label)),s("div",{key:"d48cef7cd8ceb7cc7fafce1da20574d933d9413f",class:"pn-select-input"},this.icon&&s("pn-icon",{key:"f4021fd781fb67e2df267606b165607369fd0371",class:"pn-select-icon",icon:this.icon,"data-custom":true,"aria-hidden":"true"}),this.hasError()&&s("pn-icon",{key:"e7d35d9f8191aec7c0ced7442b2419c9dc88fb44",class:"pn-select-icon",icon:i,color:"warning","data-error":true,"aria-hidden":"true"}),s("select",{key:"1b2bd070a7d12e7504bfddfb389d1cb3e9a9053f",id:this.selectId,class:"pn-select-element",name:this.name,form:this.form,autocomplete:this.autocomplete,"aria-describedby":this.hasMessage()&&this.idHelpertext,"aria-invalid":this.hasError().toString(),disabled:this.disabled,"data-placeholder":this.select?.value==="",ref:e=>this.select=e},s("slot",{key:"b9d68ad6844d3c0444f4a4c0f53e7f4c98ce41f7"})),s("pn-icon",{key:"66bc82e862821f70b7f62559c00a9937301b3715",class:"pn-select-icon",icon:l,color:"blue700","data-default":true,"aria-hidden":"true"})),this.hasMessage()&&s("p",{key:"100c25db7cb319a1ae7389bc862ffbcdb6b8f6d3",id:this.idHelpertext,class:"pn-select-helper",role:!!this.error?"alert":null},s("span",{key:"73a0373c059ee9d0ec9abd4bcbf99a48409d8112"},this.error||this.helpertext))))}};d.style=a;export{d as pn_select};
-//# sourceMappingURL=p-936ed2a1.entry.js.map
+import{r as e,g as t,f as n,h as s,a as o}from"./p-43660913.js";import{a as c}from"./p-9a18b612.js";import{c as i}from"./p-99600bc7.js";import{u as l}from"./p-f64d17a6.js";const r="pn-select{display:inline-block}pn-select .pn-select-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-select .pn-select-label{transition-duration:0s;transition-delay:0s}}pn-select .pn-select-label>span{font-size:0.875em}pn-select .pn-select-input{position:relative}pn-select .pn-select-icon{pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:1.5em;height:1.5em;border-radius:50%;background-color:transparent}pn-select .pn-select-icon[data-default]{right:0.75em}pn-select .pn-select-icon[data-custom]{left:0.75em}pn-select .pn-select-icon[data-custom]~.pn-select-element{padding-left:3em}pn-select .pn-select-icon[data-error]{right:3em}pn-select .pn-select-icon[data-error]~.pn-select-element{padding-right:5em}pn-select .pn-select-icon>.pn-icon-svg{transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-select .pn-select-icon>.pn-icon-svg{transition-duration:0s;transition-delay:0s}}pn-select .pn-select-element{cursor:pointer;color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);width:100%;padding-right:3em;-webkit-appearance:none;-moz-appearance:none;appearance:none}pn-select .pn-select-element:-webkit-autofill,pn-select .pn-select-element:-webkit-autofill:hover,pn-select .pn-select-element:-webkit-autofill:focus,pn-select .pn-select-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}pn-select .pn-select-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}@media (prefers-reduced-motion: reduce){pn-select .pn-select-element{transition-duration:0s;transition-delay:0s}}pn-select .pn-select-element::placeholder{color:#5e554a;font-weight:normal}pn-select .pn-select-element:hover{border-color:#005d92}pn-select .pn-select-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-select .pn-select-element:open+pn-icon .pn-icon-svg{transform:rotate(180deg)}pn-select .pn-select-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-select .pn-select-element[data-placeholder]{color:#5e554a;font-weight:normal}pn-select .pn-select-element:hover{color:#2d2013;background-color:#effbff}pn-select .pn-select-no-results{margin:0;padding:0.75em}pn-select .pn-select-helper{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}pn-select .pn-select-helper[role=alert]{color:#a70707}pn-select .pn-select[data-error]>.pn-select-label{color:#a70707}pn-select .pn-select[data-error]>.pn-select-input>.pn-select-element{border-color:#a70707}pn-select .pn-select[data-error]>.pn-select-input>.pn-select-element:hover{border-color:#500715}pn-select .pn-select[data-error]>.pn-select-input>.pn-select-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}pn-select .pn-select[data-error]>.pn-select-input>.pn-select-element:hover{background-color:#fdefee}";const a=r;const p=class{constructor(t){e(this,t);this.label=undefined;this.helpertext=undefined;this.selectId=this.id;this.icon=undefined;this.name=undefined;this.form=undefined;this.autocomplete=undefined;this.required=false;this.disabled=false;this.invalid=false;this.error=undefined}id=`pn-select-${l()}`;idHelpertext=`${this.id}-text`;select;mo;get hostElement(){return t(this)}componentDidLoad(){if(this.mo)this.mo.disconnect();this.mo=new MutationObserver((()=>n(this.hostElement)));this.mo.observe(this.hostElement,{childList:true,subtree:true})}hasError(){return this.invalid||!!this.error}hasMessage(){return!!this.helpertext||!!this.error}render(){return s(o,{key:"557d5e0407e14089b58198108c6ac44f90db21ab"},s("div",{key:"d322762f5c51b96cb35a9e023b4082812113a273",class:"pn-select","data-error":this.hasError()},this.label&&s("label",{key:"2dcf2247ba943591055418cdf38735be3e8386f8",htmlFor:this.selectId,class:"pn-select-label"},s("span",{key:"29401388d7065dc6ade239f0307c5df9cc61629b"},this.label)),s("div",{key:"725851becae25fd36ebaeed7262b732c7a2cd05e",class:"pn-select-input"},this.icon&&s("pn-icon",{key:"4c40b12865b8019bdeca9dcae62bf4767f3cdb90",class:"pn-select-icon",icon:this.icon,"data-custom":true,"aria-hidden":"true"}),this.hasError()&&s("pn-icon",{key:"8b0d2445db71a83aafbcf7ad34a08aea692cab5c",class:"pn-select-icon",icon:c,color:"warning","data-error":true,"aria-hidden":"true"}),s("select",{key:"8d1555e92ceaffa72a7c12e1911c683a60a4fe42",id:this.selectId,class:"pn-select-element",name:this.name,form:this.form,autocomplete:this.autocomplete,"aria-describedby":this.hasMessage()&&this.idHelpertext,"aria-invalid":this.hasError().toString(),disabled:this.disabled,"data-placeholder":this.select?.value==="",ref:e=>this.select=e},s("slot",{key:"e0ca451783c2e2736c06b13097331058fec82118"})),s("pn-icon",{key:"37d957e3319d281848cfa35b68cc5fa6cb0789cc",class:"pn-select-icon",icon:i,color:"blue700","data-default":true,"aria-hidden":"true"})),this.hasMessage()&&s("p",{key:"f98839737c466c368f1f5e4db3aaf77ec45ab236",id:this.idHelpertext,class:"pn-select-helper",role:!!this.error?"alert":null},s("span",{key:"8622d967db51059efb8a96e4bc661ede16e36730"},this.error||this.helpertext))))}};p.style=a;export{p as pn_select};
+//# sourceMappingURL=p-ae04e001.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/p-ae04e001.entry.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["pnSelectCss","PnSelectStyle0","PnSelect","this","id","uuidv4","idHelpertext","select","mo","componentDidLoad","disconnect","MutationObserver","forceUpdate","hostElement","observe","childList","subtree","hasError","invalid","error","hasMessage","helpertext","render","h","Host","key","class","label","htmlFor","selectId","icon","alert_exclamation_circle","color","name","form","autocomplete","toString","disabled","value","ref","el","chevron_down","role"],"sources":["src/components/input/pn-select/pn-select.scss?tag=pn-select","src/components/input/pn-select/pn-select.tsx"],"sourcesContent":["@use 'src/globals/main';\n\n$border: 0.0625em;\n$radius: 0.5em;\n\n$timing: 0.3s;\n\npn-select {\n display: inline-block;\n}\n\npn-select .pn-select {\n &-label {\n @include main.pn-input-label;\n }\n\n &-input {\n position: relative;\n }\n\n &-icon {\n pointer-events: none;\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 1.5em;\n height: 1.5em;\n border-radius: 50%;\n background-color: transparent;\n &[data-default] {\n right: 0.75em;\n }\n &[data-custom] {\n left: 0.75em;\n ~ .pn-select-element {\n padding-left: 3em;\n }\n }\n &[data-error] {\n right: 3em;\n ~ .pn-select-element {\n padding-right: 5em;\n }\n }\n\n > .pn-icon-svg {\n @include main.pn-transition('transform');\n }\n }\n\n &-element {\n cursor: pointer;\n\n @include main.pn-input-field;\n width: 100%;\n padding-right: 3em;\n\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n\n &:open + pn-icon .pn-icon-svg {\n transform: rotate(180deg);\n }\n\n &:disabled {\n @include main.pn-disabled;\n }\n\n &[data-placeholder] {\n @include main.pn-placeholder;\n }\n\n &:hover {\n color: main.$input-color;\n background-color: main.$input-background-hover;\n }\n }\n\n &-no-results {\n margin: 0;\n padding: 0.75em;\n }\n\n &-helper {\n @include main.pn-input-helpertext;\n &[role='alert'] {\n color: main.$helpertext-color-error;\n }\n }\n\n &[data-error] {\n > .pn-select-label {\n color: main.$warning;\n }\n > .pn-select-input > .pn-select-element {\n @include main.pn-input-field-error;\n &:hover {\n background-color: main.$input-background-error-hover;\n }\n }\n }\n}\n","import { Component, h, Host, Element, Prop, forceUpdate } from '@stencil/core';\nimport { alert_exclamation_circle, chevron_down } from 'pn-design-assets/pn-assets/icons.js';\nimport { uuidv4 } from '@/index';\n\n/**\n * The `pn-select` uses a native `select` element under the hood.\n * Use the slot to include `option` elements.\n *\n * Just like a regular `select`, you can use the `selected` prop on the nested option elements to preselect an option.\n *\n * @slot - This is the default slot, where the `option` elements go.\n *\n * @nativeChange Use the `change` event to listen to changes on the select element.\n */\n@Component({\n tag: 'pn-select',\n styleUrl: 'pn-select.scss',\n})\nexport class PnSelect {\n id: string = `pn-select-${uuidv4()}`;\n idHelpertext: string = `${this.id}-text`;\n\n select: HTMLSelectElement;\n\n mo: MutationObserver;\n\n @Element() hostElement: HTMLElement;\n\n /** Label placed above the select. */\n @Prop() label!: string;\n /** Display a helper text underneath the select. */\n @Prop() helpertext?: string;\n /** Select HTML id */\n @Prop() selectId: string = this.id;\n /** Display an icon to the left of the select input. */\n @Prop() icon?: string;\n\n /** HTML select name. @category HTML */\n @Prop() name: string;\n /** HTML form name. @category HTML */\n @Prop() form: string;\n /** HTML autocomplete. @category HTML */\n @Prop() autocomplete: string;\n /**\n * Set the select as required.\n * @category Validation\n */\n @Prop() required?: boolean = false;\n /**\n * Disable the select.\n * @category Validation\n */\n @Prop() disabled?: boolean = false;\n /**\n * Trigger the invalid state.\n * @category Validation\n */\n @Prop() invalid?: boolean = false;\n /**\n * Display an error message and trigger the invalid state.\n * @category Validation\n */\n @Prop() error?: string;\n\n componentDidLoad() {\n if (this.mo) this.mo.disconnect();\n\n this.mo = new MutationObserver(() => forceUpdate(this.hostElement));\n\n this.mo.observe(this.hostElement, { childList: true, subtree: true });\n }\n\n hasError() {\n return this.invalid || !!this.error;\n }\n\n hasMessage() {\n return !!this.helpertext || !!this.error;\n }\n\n render() {\n return (\n <Host>\n <div class=\"pn-select\" data-error={this.hasError()}>\n {this.label && (\n <label htmlFor={this.selectId} class=\"pn-select-label\">\n <span>{this.label}</span>\n </label>\n )}\n <div class=\"pn-select-input\">\n {this.icon && <pn-icon class=\"pn-select-icon\" icon={this.icon} data-custom aria-hidden=\"true\" />}\n\n {this.hasError() && (\n <pn-icon\n class=\"pn-select-icon\"\n icon={alert_exclamation_circle}\n color=\"warning\"\n data-error\n aria-hidden=\"true\"\n />\n )}\n\n <select\n id={this.selectId}\n class=\"pn-select-element\"\n name={this.name}\n form={this.form}\n autocomplete={this.autocomplete}\n aria-describedby={this.hasMessage() && this.idHelpertext}\n aria-invalid={this.hasError().toString()}\n disabled={this.disabled}\n data-placeholder={this.select?.value === ''}\n ref={el => (this.select = el)}\n >\n <slot />\n </select>\n\n <pn-icon class=\"pn-select-icon\" icon={chevron_down} color=\"blue700\" data-default aria-hidden=\"true\" />\n </div>\n\n {this.hasMessage() && (\n <p id={this.idHelpertext} class=\"pn-select-helper\" role={!!this.error ? 'alert' : null}>\n <span>{this.error || this.helpertext}</span>\n </p>\n )}\n </div>\n </Host>\n );\n }\n}\n"],"mappings":";;;;4KAAA,MAAMA,EAAc,0nHACpB,MAAAC,EAAeD,E,MCiBFE,EAAQ,M,sFAeQC,KAAKC,G,sGAcH,M,cAKA,M,aAKD,M,qBAtC5BA,GAAa,aAAaC,MAC1BC,aAAuB,GAAGH,KAAKC,UAE/BG,OAEAC,G,iCAwCA,gBAAAC,GACE,GAAIN,KAAKK,GAAIL,KAAKK,GAAGE,aAErBP,KAAKK,GAAK,IAAIG,kBAAiB,IAAMC,EAAYT,KAAKU,eAEtDV,KAAKK,GAAGM,QAAQX,KAAKU,YAAa,CAAEE,UAAW,KAAMC,QAAS,M,CAGhE,QAAAC,GACE,OAAOd,KAAKe,WAAaf,KAAKgB,K,CAGhC,UAAAC,GACE,QAASjB,KAAKkB,cAAgBlB,KAAKgB,K,CAGrC,MAAAG,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,YAAW,aAAavB,KAAKc,YACrCd,KAAKwB,OACJJ,EAAA,SAAAE,IAAA,2CAAOG,QAASzB,KAAK0B,SAAUH,MAAM,mBACnCH,EAAA,QAAAE,IAAA,4CAAOtB,KAAKwB,QAGhBJ,EAAA,OAAAE,IAAA,2CAAKC,MAAM,mBACRvB,KAAK2B,MAAQP,EAAA,WAAAE,IAAA,2CAASC,MAAM,iBAAiBI,KAAM3B,KAAK2B,KAAI,iCAA0B,SAEtF3B,KAAKc,YACJM,EAAA,WAAAE,IAAA,2CACEC,MAAM,iBACNI,KAAMC,EACNC,MAAM,UAAS,gCAEH,SAIhBT,EAAA,UAAAE,IAAA,2CACErB,GAAID,KAAK0B,SACTH,MAAM,oBACNO,KAAM9B,KAAK8B,KACXC,KAAM/B,KAAK+B,KACXC,aAAchC,KAAKgC,aAAY,mBACbhC,KAAKiB,cAAgBjB,KAAKG,aAAY,eAC1CH,KAAKc,WAAWmB,WAC9BC,SAAUlC,KAAKkC,SAAQ,mBACLlC,KAAKI,QAAQ+B,QAAU,GACzCC,IAAKC,GAAOrC,KAAKI,OAASiC,GAE1BjB,EAAA,QAAAE,IAAA,8CAGFF,EAAA,WAAAE,IAAA,2CAASC,MAAM,iBAAiBI,KAAMW,EAAcT,MAAM,UAAS,kCAA0B,UAG9F7B,KAAKiB,cACJG,EAAA,KAAAE,IAAA,2CAAGrB,GAAID,KAAKG,aAAcoB,MAAM,mBAAmBgB,OAAQvC,KAAKgB,MAAQ,QAAU,MAChFI,EAAA,QAAAE,IAAA,4CAAOtB,KAAKgB,OAAShB,KAAKkB,c","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/{p-a4df55c4.entry.js → p-b202a599.entry.js} RENAMED Viewed

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as e,g as t,h as n,a as i}from"./p-43660913.js";import{u as o}from"./p-f64d17a6.js";const g="pn-toggle-switch{display:inline-block;position:relative}pn-toggle-switch .pn-toggle{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1em}pn-toggle-switch .pn-toggle-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:500;color:#2d2013;margin:0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle-label{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle-label>span{font-size:1em}pn-toggle-switch .pn-toggle-helper{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}pn-toggle-switch .pn-toggle-content{flex:1 0}pn-toggle-switch .pn-toggle-button{position:relative;font-size:1em;width:3.625em;height:2em;padding:0.1875em;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle-button{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle-button[data-small]{width:2.625em;height:1.5em}pn-toggle-switch .pn-toggle-button[data-small] .pn-toggle-circle{width:1.125em;height:1.125em}pn-toggle-switch .pn-toggle-button[data-small][data-loading]>.pn-toggle-bg{width:1.5em}pn-toggle-switch .pn-toggle-button[data-large]{width:4.625em;height:2.5em}pn-toggle-switch .pn-toggle-button[data-large] .pn-toggle-circle{width:2.125em;height:2.125em}pn-toggle-switch .pn-toggle-button[data-large][data-loading]>.pn-toggle-bg{width:2.5em}pn-toggle-switch .pn-toggle-button[data-loading] .pn-toggle-bg{width:2em}pn-toggle-switch .pn-toggle-button[data-loading] .pn-toggle-circle,pn-toggle-switch .pn-toggle-button[data-loading] .pn-toggle-element:checked~.pn-toggle-circle{transform:translateX(50%)}pn-toggle-switch .pn-toggle-button[data-loading] .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check{opacity:0}pn-toggle-switch .pn-toggle-button[data-loading] .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check polyline{stroke-dashoffset:23;transition-delay:0s}pn-toggle-switch .pn-toggle-button[data-loading] pn-spinner{opacity:1}pn-toggle-switch .pn-toggle-bg{position:absolute;top:0;left:50%;width:100%;height:100%;z-index:0;border-radius:2em;background-color:#969087;transform:translateX(-50%);outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:width, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle-bg{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle-circle{position:relative;z-index:1;width:1.625em;height:1.625em;background-color:#ffffff;box-shadow:0 0.25em 0.5em rgba(0, 0, 0, 0.1);border-radius:50%;padding:0.25em;transition-property:transform, background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transform:translateX(0%)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle-circle{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle-element{position:absolute;z-index:3;top:0;left:0;cursor:pointer;width:100%;height:100%;opacity:0;margin:0;}pn-toggle-switch .pn-toggle-element:focus-visible+.pn-toggle-bg{outline-color:#005d92}pn-toggle-switch .pn-toggle-element:hover+.pn-toggle-bg{background-color:#5e554a}pn-toggle-switch .pn-toggle-element:hover:checked+.pn-toggle-bg{background-color:#0d234b}pn-toggle-switch .pn-toggle-element:hover:checked~.pn-toggle-circle .pn-toggle-check polyline{stroke:#0d234b}pn-toggle-switch .pn-toggle-element:checked~.pn-toggle-bg{background-color:#005d92}pn-toggle-switch .pn-toggle-element:checked~.pn-toggle-circle{transform:translateX(100%)}pn-toggle-switch .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check{opacity:1}pn-toggle-switch .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check polyline{transition-delay:0.2s, 0s;stroke-dashoffset:0}pn-toggle-switch .pn-toggle-element:disabled{cursor:not-allowed}pn-toggle-switch .pn-toggle-element:disabled+.pn-toggle-bg{background-color:#d3cecb;box-shadow:none}pn-toggle-switch .pn-toggle-element:disabled~.pn-toggle-circle{background-color:#f3f2f2}pn-toggle-switch .pn-toggle-element:disabled~.pn-toggle-circle .pn-toggle-check polyline{stroke:#969087}pn-toggle-switch .pn-toggle-element:disabled~.pn-toggle-circle pn-spinner .pn-spinner-circle{stroke:#969087}pn-toggle-switch .pn-toggle-element:disabled~.pn-toggle-circle pn-spinner .pn-spinner-dot{fill:#969087}pn-toggle-switch .pn-toggle-element:disabled:hover+.pn-toggle-bg,pn-toggle-switch .pn-toggle-element:disabled:hover:checked+.pn-toggle-bg{background-color:#d3cecb}pn-toggle-switch .pn-toggle-element:disabled:hover~.pn-toggle-circle .pn-toggle-check polyline,pn-toggle-switch .pn-toggle-element:disabled:hover:checked~.pn-toggle-circle .pn-toggle-check polyline{stroke:#969087}pn-toggle-switch .pn-toggle-check{position:absolute;left:50%;top:50%;height:1.5em;width:1.5em;padding:0.25em;transform:translate(-50%, -50%);opacity:0;transition-property:opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle-check{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle-check polyline{stroke:#005d92;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;transition-property:stroke-dashoffset, stroke;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle-check polyline{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle pn-spinner{opacity:0;transition-property:opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle pn-spinner{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle pn-spinner .pn-spinner-circle{transition-property:stroke;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle pn-spinner .pn-spinner-circle{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle pn-spinner .pn-spinner-dot{transition-property:fill;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle pn-spinner .pn-spinner-dot{transition-duration:0s;transition-delay:0s}}";const l=g;const s=class{constructor(t){e(this,t);this.label=undefined;this.helpertext=undefined;this.checked=false;this.toggleid=this.id;this.name=null;this.value=null;this.small=false;this.large=false;this.disabled=false;this.loading=false}id=`pn-toggle-${o()}`;idHelper=`${this.id}-helper`;get hostElement(){return t(this)}handleHelperId(){if(this.id!==this.toggleid)this.idHelper=`${this.toggleid}-helper`}componentWillLoad(){this.handleHelperId()}hasHelpertextProp(){return!!this.helpertext}hasHelpertextSlot(){return!!this.hostElement.querySelector('[slot="helpertext"]')}showHelpertext(){return this.hasHelpertextProp()||this.hasHelpertextSlot()}describedBy(){return this.showHelpertext()?this.idHelper:null}render(){return n(i,{key:"9806bc50780935f442660701539941efd05d92d5"},n("div",{key:"a2babfadbf6443da619b35f9d8cb09a7b0bd4a59",class:"pn-toggle"},this.label&&n("div",{key:"525510807f8f7e505b589c8055f277b196f813cd",class:"pn-toggle-content"},n("label",{key:"cc58536e57de5a852762de90c5edf0ad2f92a05f",htmlFor:this.toggleid,class:"pn-toggle-label"},n("span",{key:"a43dba51d8becebf1f508300ccb72530400535c7"},this.label)),n("p",{key:"d86c250e53ceb45830444a13a8f2c609173542de",id:this.idHelper,class:"pn-toggle-helper",hidden:!this.showHelpertext()},this.hasHelpertextProp()&&n("span",{key:"02a55f8a4c9da87b33b31ecd3d30ad6a73d70714"},this.helpertext),n("slot",{key:"065675c0046d2cbdd581ef0c5ec745a5b03393eb",name:"helpertext"}))),n("div",{key:"6cbc83780caacb03d778aa2b9f882858231206ca",class:"pn-toggle-button","data-small":this.small,"data-large":this.large,"data-loading":this.loading},n("input",{key:"1a7062923c2668cb41b4c4b14f948c4074cf416e",id:this.toggleid,class:"pn-toggle-element",type:"checkbox",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-describedby":this.describedBy()}),n("div",{key:"3a85ff013cb29f5c7bef3d088ec782a53b3924ac",class:"pn-toggle-bg"}),n("div",{key:"955a78cfd16980bd437e03e51f3cde49185fe954",class:"pn-toggle-circle"},n("svg",{key:"fc0802cf056f5413c1228584c53abae8b21a8813",class:"pn-toggle-check",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},n("polyline",{key:"e881ac5ae0b5838293ac2e5af74a0c56ddd85687",points:"4,12 9,17 20,6","stroke-width":"3"})),n("pn-spinner",{key:"78e5dd0484be70fc75315475daffed5b2e63c8bb",size:1.125})))))}static get watchers(){return{toggleid:["handleHelperId"]}}};s.style=l;export{s as pn_toggle_switch};
-//# sourceMappingURL=p-a4df55c4.entry.js.map
+import{r as e,g as t,h as n,a as i}from"./p-43660913.js";import{u as o}from"./p-f64d17a6.js";const g="pn-toggle-switch{display:inline-block;position:relative}pn-toggle-switch .pn-toggle{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1em}pn-toggle-switch .pn-toggle-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:500;color:#2d2013;margin:0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle-label{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle-label>span{font-size:1em}pn-toggle-switch .pn-toggle-helper{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}pn-toggle-switch .pn-toggle-content{flex:1 0}pn-toggle-switch .pn-toggle-button{position:relative;font-size:1em;width:3.625em;height:2em;padding:0.1875em;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle-button{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle-button[data-small]{width:2.625em;height:1.5em}pn-toggle-switch .pn-toggle-button[data-small] .pn-toggle-circle{width:1.125em;height:1.125em}pn-toggle-switch .pn-toggle-button[data-small][data-loading]>.pn-toggle-bg{width:1.5em}pn-toggle-switch .pn-toggle-button[data-large]{width:4.625em;height:2.5em}pn-toggle-switch .pn-toggle-button[data-large] .pn-toggle-circle{width:2.125em;height:2.125em}pn-toggle-switch .pn-toggle-button[data-large][data-loading]>.pn-toggle-bg{width:2.5em}pn-toggle-switch .pn-toggle-button[data-loading] .pn-toggle-bg{width:2em}pn-toggle-switch .pn-toggle-button[data-loading] .pn-toggle-circle,pn-toggle-switch .pn-toggle-button[data-loading] .pn-toggle-element:checked~.pn-toggle-circle{transform:translateX(50%)}pn-toggle-switch .pn-toggle-button[data-loading] .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check{opacity:0}pn-toggle-switch .pn-toggle-button[data-loading] .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check polyline{stroke-dashoffset:23;transition-delay:0s}pn-toggle-switch .pn-toggle-button[data-loading] pn-spinner{opacity:1}pn-toggle-switch .pn-toggle-bg{position:absolute;top:0;left:50%;width:100%;height:100%;z-index:0;border-radius:2em;background-color:#969087;transform:translateX(-50%);outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:width, background-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle-bg{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle-circle{position:relative;z-index:1;width:1.625em;height:1.625em;background-color:#ffffff;box-shadow:0 0.25em 0.5em rgba(0, 0, 0, 0.1);border-radius:50%;padding:0.25em;transition-property:transform, background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transform:translateX(0%)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle-circle{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle-element{position:absolute;z-index:3;top:0;left:0;cursor:pointer;width:100%;height:100%;opacity:0;margin:0;}pn-toggle-switch .pn-toggle-element:focus-visible+.pn-toggle-bg{outline-color:#005d92}pn-toggle-switch .pn-toggle-element:hover+.pn-toggle-bg{background-color:#5e554a}pn-toggle-switch .pn-toggle-element:hover:checked+.pn-toggle-bg{background-color:#0d234b}pn-toggle-switch .pn-toggle-element:hover:checked~.pn-toggle-circle .pn-toggle-check polyline{stroke:#0d234b}pn-toggle-switch .pn-toggle-element:checked~.pn-toggle-bg{background-color:#005d92}pn-toggle-switch .pn-toggle-element:checked~.pn-toggle-circle{transform:translateX(100%)}pn-toggle-switch .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check{opacity:1}pn-toggle-switch .pn-toggle-element:checked~.pn-toggle-circle .pn-toggle-check polyline{transition-delay:0.2s, 0s;stroke-dashoffset:0}pn-toggle-switch .pn-toggle-element:disabled{cursor:not-allowed}pn-toggle-switch .pn-toggle-element:disabled+.pn-toggle-bg{background-color:#d3cecb;box-shadow:none}pn-toggle-switch .pn-toggle-element:disabled~.pn-toggle-circle{background-color:#f3f2f2}pn-toggle-switch .pn-toggle-element:disabled~.pn-toggle-circle .pn-toggle-check polyline{stroke:#969087}pn-toggle-switch .pn-toggle-element:disabled~.pn-toggle-circle pn-spinner .pn-spinner-circle{stroke:#969087}pn-toggle-switch .pn-toggle-element:disabled~.pn-toggle-circle pn-spinner .pn-spinner-dot{fill:#969087}pn-toggle-switch .pn-toggle-element:disabled:hover+.pn-toggle-bg,pn-toggle-switch .pn-toggle-element:disabled:hover:checked+.pn-toggle-bg{background-color:#d3cecb}pn-toggle-switch .pn-toggle-element:disabled:hover~.pn-toggle-circle .pn-toggle-check polyline,pn-toggle-switch .pn-toggle-element:disabled:hover:checked~.pn-toggle-circle .pn-toggle-check polyline{stroke:#969087}pn-toggle-switch .pn-toggle-check{position:absolute;left:50%;top:50%;height:1.5em;width:1.5em;padding:0.25em;transform:translate(-50%, -50%);opacity:0;transition-property:opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle-check{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle-check polyline{stroke:#005d92;stroke-linecap:round;stroke-dasharray:23;stroke-dashoffset:23;transition-property:stroke-dashoffset, stroke;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle-check polyline{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle pn-spinner{opacity:0;transition-property:opacity;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle pn-spinner{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle pn-spinner .pn-spinner-circle{transition-property:stroke;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle pn-spinner .pn-spinner-circle{transition-duration:0s;transition-delay:0s}}pn-toggle-switch .pn-toggle pn-spinner .pn-spinner-dot{transition-property:fill;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-toggle-switch .pn-toggle pn-spinner .pn-spinner-dot{transition-duration:0s;transition-delay:0s}}";const l=g;const s=class{constructor(t){e(this,t);this.label=undefined;this.helpertext=undefined;this.checked=false;this.toggleid=this.id;this.name=null;this.value=null;this.small=false;this.large=false;this.disabled=false;this.loading=false}id=`pn-toggle-${o()}`;idHelper=`${this.id}-helper`;get hostElement(){return t(this)}handleHelperId(){if(this.id!==this.toggleid)this.idHelper=`${this.toggleid}-helper`}componentWillLoad(){this.handleHelperId()}hasHelpertextProp(){return!!this.helpertext}hasHelpertextSlot(){return!!this.hostElement.querySelector('[slot="helpertext"]')}showHelpertext(){return this.hasHelpertextProp()||this.hasHelpertextSlot()}describedBy(){return this.showHelpertext()?this.idHelper:null}render(){return n(i,{key:"ab6fe1d4472bf8a817d28c503dd4268af259c34d"},n("div",{key:"f16a8d97ba68161a192f1b1b3b254c21f0ff804b",class:"pn-toggle"},this.label&&n("div",{key:"c3666dc49b09637cc10b0bdc12e573d57e005268",class:"pn-toggle-content"},n("label",{key:"977c13dfd61a8b10a8dd2606a750d0716fe30adb",htmlFor:this.toggleid,class:"pn-toggle-label"},n("span",{key:"3c4399a7456fc446f8279dd7d46b06e5fe663e06"},this.label)),n("p",{key:"e300cfac23f9f290641f8fc345611a1cebf5b173",id:this.idHelper,class:"pn-toggle-helper",hidden:!this.showHelpertext()},this.hasHelpertextProp()&&n("span",{key:"15f3b3bceafb9f868d16d4623cc977b58add2a6c"},this.helpertext),n("slot",{key:"6a19bcbc616bf74371d145545605bfbe6873a707",name:"helpertext"}))),n("div",{key:"6b4590a7e6b32a684d11661baa9ced6b482b17d3",class:"pn-toggle-button","data-small":this.small,"data-large":this.large,"data-loading":this.loading},n("input",{key:"afa8576dfd3ae59631ae54049b95a268dc139e95",id:this.toggleid,class:"pn-toggle-element",type:"checkbox",name:this.name,value:this.value,checked:this.checked,disabled:this.disabled,"aria-describedby":this.describedBy()}),n("div",{key:"ad9ae48c3b5f2a72b5067f71b34f8410766f09c8",class:"pn-toggle-bg"}),n("div",{key:"644f991914000783c81dc3f3c0a84406e117c177",class:"pn-toggle-circle"},n("svg",{key:"9d6c808e21fb87486ceec83deb990fcbc738a8f7",class:"pn-toggle-check",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},n("polyline",{key:"796e5a93439baf1bbb88cf7ac50f2960a7ca819c",points:"4,12 9,17 20,6","stroke-width":"3"})),n("pn-spinner",{key:"55995adf95f2de9658a54f06dd6156fd006aed4b",size:1.125})))))}static get watchers(){return{toggleid:["handleHelperId"]}}};s.style=l;export{s as pn_toggle_switch};
+//# sourceMappingURL=p-b202a599.entry.js.map