@postnord/pn-marketweb-components 4.3.5 → 4.3.7

package/umd/modules/@postnord/web-components/postnord-web-components/p-3db02038.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+import{t as e,r as t,g as n,f as l,h as s,a}from"./p-XKg-ydzH.js";import{a as r}from"./p-B88w-Zxn.js";import{c}from"./p-DrYFvs2M.js";import{uuidv4 as i}from"./index.esm.js";const o=class{constructor(e){t(this,e)}id=`pn-select-${i()}`;idHelper=`${this.id}-text`;idError=`${this.id}-error`;mo;get hostElement(){return n(this)}label;helpertext;name;form;autocomplete;required=!1;disabled=!1;compact=!1;icon;invalid=!1;error;pnId;pnAriaLabel;pnAriaLabelledby;selectId;handleId(){this.idHelper=`${this.getId()}-text`,this.idError=`${this.getId()}-error`}connectedCallback(){this.mo=new MutationObserver((()=>l(this.hostElement))),this.mo.observe(this.hostElement,{childList:!0,subtree:!0})}disconnectedCallback(){this.mo&&this.mo.disconnect()}hasHelperText(){return this.helpertext?.length>0||this.checkSlottedHelper()}hasErrorMessage(){return this.error?.length>0||this.checkSlottedError()}hasError(){return this.hasErrorMessage()||this.invalid||this.checkSlottedError()}checkSlottedHelper(){return!!this.hostElement.querySelector("[slot=helpertext]")}checkSlottedError(){return!!this.hostElement.querySelector("[slot=error]")}hideHelpertext(){return this.hasErrorMessage()||!this.hasHelperText()}hideError(){return!this.hasErrorMessage()}getId(){return this.pnId||this.selectId||this.id}displayLabel(){return!!this.label}getAriaLabel(){return this.displayLabel()||this.pnAriaLabelledby?null:this.pnAriaLabel}getAriaLabelledby(){return this.displayLabel()||this.pnAriaLabel?null:this.pnAriaLabelledby}getAriaDescribedby(){const e=[];return this.hasErrorMessage()?e.push(this.idError):this.hasHelperText()&&e.push(this.idHelper),e.length?e.join(" "):null}renderLabel(){return this.label?s("label",{htmlFor:this.getId(),class:"pn-select-label","data-compact":this.compact,"data-icon":!!this.icon},s("span",null,this.label)):null}render(){return s(a,{key:"dfd4d3814426a88b975bd86948c7ac2207255f4b"},s("div",{key:"5423289d1771840d08ab1de18ab3af4a31cb98f1",class:"pn-select","data-error":this.hasError()},!this.compact&&this.renderLabel(),s("div",{key:"164933a196821353cf7ca31d6d12b65a84da012a",class:"pn-select-input"},this.icon&&s("pn-icon",{key:"da732b9152cba5035039a9761f38471d5885ddb1",class:"pn-select-icon",icon:this.icon,"data-custom":!0,"aria-hidden":"true"}),this.hasError()&&s("pn-icon",{key:"3370ffc0f4f6de399762bf5d854433020830ff2e",class:"pn-select-icon",icon:r,color:"warning","data-error":!0,"aria-hidden":"true"}),s("select",{key:"2a31f44242dd230d68c8d10ed461aeb25f8ec231",id:this.getId(),class:"pn-select-element",name:this.name,form:this.form,autocomplete:this.autocomplete,"aria-label":this.getAriaLabel(),"aria-labelledby":this.getAriaLabelledby(),"aria-describedby":this.getAriaDescribedby(),"aria-invalid":this.hasError().toString(),disabled:this.disabled,"data-compact":this.compact},s("slot",{key:"8130b7ac6969e2fa0c801e0b10a47e97cf6505bf"})),this.compact&&this.renderLabel(),s("pn-icon",{key:"c2167ea78e00914296efd758d044a9ea24e428da",class:"pn-select-icon",icon:c,color:"blue700","data-default":!0,"aria-hidden":"true"})),s("p",{key:"528f5a13255b52009b6b291eff57a164b3650f07",id:this.idHelper,class:"pn-select-text",hidden:this.hideHelpertext()},s("span",{key:"0a802a236cef453ef78783a051b29ccfd0efd997"},this.helpertext),s("slot",{key:"b23ef510ec48ac499ab6c589d0be1b71517a9496",name:"helpertext"})),s("p",{key:"026c3978d58c24193731048373e83510002dd116",id:this.idError,class:"pn-select-text",role:"alert",hidden:this.hideError()},s("span",{key:"b8724dfc973607a0f4776aa40846c2c86c33c8af"},this.error),s("slot",{key:"90b29ba6d58e629783c4c8264c9aeaf3d84ffce8",name:"error"}))))}static get watchers(){return{selectId:[{handleId:0}],pnId:[{handleId:1}]}}};o.style=`${e("pn-select")}{display:inline-block}${e("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, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-select")} .pn-select-label{transition-duration:0s;transition-delay:0s}}${e("pn-select")} .pn-select-label[data-compact]{position:absolute;top:1.5625em;left:calc(var(--pn-input-offset-left, 0px) + 0.75em + 0.0625em);margin:0;pointer-events:none;align-items:center;height:1.5em;max-width:calc(100% - (var(--pn-input-offset-left, 0px) + 0.75em) - (var(--pn-input-offset-right, 0px) + 0.75em));transform:translateY(-50%) scale(1) translateZ(0);transform-origin:0 0;transition-delay:0.2s}${e("pn-select")} .pn-select-label[data-compact]>span{font-size:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.5em}${e("pn-select")} .pn-select-label>span{font-size:0.875em}${e("pn-select")} .pn-select-label[data-compact][data-icon]{--pn-input-offset-left:calc(2em)}${e("pn-select")} .pn-select-input{position:relative}${e("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}${e("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){${e("pn-select")} .pn-select-icon .pn-icon-svg{transition-duration:0s;transition-delay:0s}}${e("pn-select")} .pn-select-icon[data-default]{right:1em}${e("pn-select")} .pn-select-icon[data-custom]{left:0.75em}${e("pn-select")} .pn-select-icon[data-custom]~.pn-select-element{padding-left:2.75em}${e("pn-select")} .pn-select-icon[data-error]{right:3.5em}${e("pn-select")} .pn-select-icon[data-error]~.pn-select-element{padding-right:5.5em}${e("pn-select")} .pn-select-element{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;text-overflow:ellipsis;white-space:nowrap;color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em 3em 0.75em 0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}${e("pn-select")} .pn-select-element:-webkit-autofill,${e("pn-select")} .pn-select-element:-webkit-autofill:hover,${e("pn-select")} .pn-select-element:-webkit-autofill:focus,${e("pn-select")} .pn-select-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}${e("pn-select")} .pn-select-element{outline:0.2rem solid transparent;outline-offset:0.2rem}${e("pn-select")} .pn-select-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${e("pn-select")} .pn-select-element{transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-select")} .pn-select-element{transition-duration:0s;transition-delay:0s}}${e("pn-select")} .pn-select-element[data-compact]{text-align:left;padding-top:1.125em;padding-bottom:0.375em;max-width:unset}${e("pn-select")} .pn-select-element[data-compact]::placeholder{color:transparent}${e("pn-select")} .pn-select-element[data-compact]:focus+.pn-select-label,${e("pn-select")} .pn-select-element[data-compact]:not(:placeholder-shown)+.pn-select-label{transform:translateY(-85%) scale(0.75);transition-delay:0s}${e("pn-select")} .pn-select-element::placeholder{color:#5e554a;font-weight:normal}${e("pn-select")} .pn-select-element:hover{border-color:#005d92}${e("pn-select")} .pn-select-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${e("pn-select")} .pn-select-element:open~.pn-select-icon .pn-icon-svg{transform:rotate(180deg)}${e("pn-select")} .pn-select-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2;pointer-events:none}${e("pn-select")} .pn-select-element:disabled:hover{background-color:#f3f2f2}${e("pn-select")} .pn-select-element:has(option[value=""]:checked){color:#5e554a;font-weight:normal}${e("pn-select")} .pn-select-element:hover{color:#2d2013;background-color:#effbff}${e("pn-select")} .pn-select-no-results{margin:0;padding:0.75em}${e("pn-select")} .pn-select-text{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}${e("pn-select")} .pn-select-text[role=alert]{color:#a70707}${e("pn-select")} .pn-select[data-error]>.pn-select-label{color:#a70707}${e("pn-select")} .pn-select[data-error]>.pn-select-input>.pn-select-element{border-color:#a70707}${e("pn-select")} .pn-select[data-error]>.pn-select-input>.pn-select-element:hover{border-color:#500715}${e("pn-select")} .pn-select[data-error]>.pn-select-input>.pn-select-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}${e("pn-select")} .pn-select[data-error]>.pn-select-input>.pn-select-element:-webkit-autofill,${e("pn-select")} .pn-select[data-error]>.pn-select-input>.pn-select-element:-webkit-autofill:hover,${e("pn-select")} .pn-select[data-error]>.pn-select-input>.pn-select-element:-webkit-autofill:focus,${e("pn-select")} .pn-select[data-error]>.pn-select-input>.pn-select-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #fef7f6 inset;-webkit-text-fill-color:#2d2013}${e("pn-select")} .pn-select[data-error]>.pn-select-input>.pn-select-element:hover{background-color:#fdefee}`;export{o as pn_select}

package/umd/modules/@postnord/web-components/postnord-web-components/{p-2f4ad4a4.entry.js → p-4b9fb0fc.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import{t as e,r as s,g as t,h as r,a}from"./p-CAEP792y.js";import{uuidv4 as o,en as i,awaitTopbar as n}from"./index.esm.js";const p={STEP:{da:"Trin",en:"Step",fi:"Vaihe",no:"Trinn",sv:"Steg"}},l=class{constructor(e){s(this,e)}id=`pn-progress-stepper-${o()}`;minStep=1;maxStep=7;get hostElement(){return t(this)}builtInLabel;progressValue=0;label="";progressStepperId="";language=null;totalSteps=this.maxStep;currentStep=this.minStep;stepName;dots=!1;stepWatchers(e,s,t){"currentStep"===t&&this.validate(e,"currentStep"),"totalSteps"===t&&this.validate(s,"totalSteps"),this.calculateProgress()}watchLanguage(){this.builtInLabel=p.STEP[this.language||i]}async componentWillLoad(){this.watchLanguage(),this.validate(this.currentStep,"currentStep"),this.validate(this.totalSteps,"totalSteps"),this.calculateProgress(),null===this.language&&await n(this.hostElement)}validate(e,s){const t=this.hostElement.localName;e<this.minStep&&(console.warn(`${t}: The ${s} ${e} is below the minimum allowed steps of ${this.minStep}. ${s} will default to ${this.minStep}.`),this[s]=this.minStep),"currentStep"===s&&e>this.totalSteps&&(console.warn(`${t}: The ${s} ${e} is above totalSteps ${this.totalSteps}, ${s} will default to ${this.totalSteps}.`),this[s]=this.totalSteps),e>this.maxStep&&(console.warn(`${t}: The ${s} ${e} is above the maximum allowed steps of ${this.maxStep}. ${s} will default to ${this.maxStep}.`),this[s]=this.maxStep)}calculateProgress(){try{this.progressValue=Math.floor(this.currentStep/this.totalSteps*100),this.hostElement.style.setProperty("--pn-progress-value",`${this.progressValue}%`)}catch(e){console.error(`${this.hostElement.localName}:`,e.message)}}getLabel(){return this.label||this.builtInLabel}getId(){return this.progressStepperId||this.id}render(){return r(a,{key:"a93457e5c8ec35858e7f15e45578feb67ec37f4e"},r("label",{key:"86a36ba455f7433f072a9b38b8af09c9fda45fc4",htmlFor:this.getId(),class:"pn-progress-label"+(this.dots?" pn-progress-sr-only":"")},r("span",{key:"eeb9163062bd19b03c394fe6c936440f040dd246"},this.getLabel()," ",this.currentStep,"/",this.totalSteps),this.stepName&&r("span",{key:"f43fd84597ee5adcee54f8d16c3cba9c4fe3f2cf"}," - ",this.stepName)),r("progress",{key:"81658eb2942d0b1712bbbb4e22904d0b4c3a5229",id:this.getId(),class:"pn-progress-sr-only",max:"100",value:this.progressValue}),this.dots?r("div",{class:"pn-progress-dots","aria-hidden":"true"},[...Array(this.totalSteps)].map(((e,s)=>r("div",{class:"pn-progress-dot","data-active":s+1<=this.currentStep,key:s})))):r("div",{"aria-hidden":"true",class:"pn-progress"},r("div",{class:"pn-progress-value","data-full":this.currentStep===this.totalSteps})))}static get watchers(){return{currentStep:[{stepWatchers:0}],totalSteps:[{stepWatchers:0}],language:[{watchLanguage:0}]}}};l.style=`${e("pn-progress-stepper")}{display:block}${e("pn-progress-stepper")} .pn-progress{position:relative;width:100%;background:#f3f2f2;height:0.5em;border-radius:0.5em;box-shadow:0 0 0 0.0625em #969087}${e("pn-progress-stepper")} .pn-progress-label{display:block;color:#2d2013;font-size:1em;margin-bottom:0.5em}${e("pn-progress-stepper")} .pn-progress-value{position:absolute;top:-0.0625em;left:-0.0625em;height:0.625em;background-color:#005d92;width:calc(var(--pn-progress-value) + 0.125em);border-radius:0.5em 0 0 0.5em;transition-property:width, border-radius;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-progress-stepper")} .pn-progress-value{transition-duration:0s;transition-delay:0s}}${e("pn-progress-stepper")} .pn-progress-value[data-full]{border-top-right-radius:0.5em;border-bottom-right-radius:0.5em}${e("pn-progress-stepper")} .pn-progress-dots{display:flex;align-items:center;justify-content:center;gap:1em}${e("pn-progress-stepper")} .pn-progress-dot{width:0.875em;height:0.875em;background-color:#f3f2f2;border:0.0625em solid #d3cecb;border-radius:50%;transform:scale(1) translateY(0%);transition-property:background-color, border-color;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-progress-stepper")} .pn-progress-dot{transition-duration:0s;transition-delay:0s}}${e("pn-progress-stepper")} .pn-progress-dot{animation:pnBackwards 0.2s cubic-bezier(0.7, 0, 0.3, 1);animation-fill-mode:forwards}${e("pn-progress-stepper")} .pn-progress-dot[data-active]{background-color:#005d92;border-color:#005d92;animation:pnForward 0.2s cubic-bezier(0.7, 0, 0.3, 1);animation-fill-mode:forwards}${e("pn-progress-stepper")} .pn-progress-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}@keyframes pnForward{0%{transform:scale(1) translateY(0%)}50%{transform:scale(1) translateY(20%)}75%{transform:scale(1.1) translateY(10%)}100%{transform:scale(1) translateY(0%)}}@keyframes pnBackwards{0%{transform:scale(1) translateY(0%)}50%{transform:scale(1) translateY(-20%)}75%{transform:scale(0.9) translateY(-10%)}100%{transform:scale(1) translateY(0%)}}`;export{l as pn_progress_stepper}
+import{t as s,r as e,g as t,h as r,a}from"./p-XKg-ydzH.js";import{uuidv4 as o,en as i,awaitTopbar as n}from"./index.esm.js";const p={STEP:{da:"Trin",en:"Step",fi:"Vaihe",no:"Trinn",sv:"Steg"}},l=class{constructor(s){e(this,s)}id=`pn-progress-stepper-${o()}`;minStep=1;maxStep=7;get hostElement(){return t(this)}builtInLabel;progressValue=0;label="";progressStepperId="";language=null;totalSteps=this.maxStep;currentStep=this.minStep;stepName;dots=!1;stepWatchers(s,e,t){"currentStep"===t&&this.validate(s,"currentStep"),"totalSteps"===t&&this.validate(e,"totalSteps"),this.calculateProgress()}watchLanguage(){this.builtInLabel=p.STEP[this.language||i]}async componentWillLoad(){this.watchLanguage(),this.validate(this.currentStep,"currentStep"),this.validate(this.totalSteps,"totalSteps"),this.calculateProgress(),null===this.language&&await n(this.hostElement)}validate(s,e){const t=this.hostElement.localName;s<this.minStep&&(console.warn(`${t}: The ${e} ${s} is below the minimum allowed steps of ${this.minStep}. ${e} will default to ${this.minStep}.`),this[e]=this.minStep),"currentStep"===e&&s>this.totalSteps&&(console.warn(`${t}: The ${e} ${s} is above totalSteps ${this.totalSteps}, ${e} will default to ${this.totalSteps}.`),this[e]=this.totalSteps),s>this.maxStep&&(console.warn(`${t}: The ${e} ${s} is above the maximum allowed steps of ${this.maxStep}. ${e} will default to ${this.maxStep}.`),this[e]=this.maxStep)}calculateProgress(){try{this.progressValue=Math.floor(this.currentStep/this.totalSteps*100),this.hostElement.style.setProperty("--pn-progress-value",`${this.progressValue}%`)}catch(s){console.error(`${this.hostElement.localName}:`,s.message)}}getLabel(){return this.label||this.builtInLabel}getId(){return this.progressStepperId||this.id}render(){return r(a,{key:"eae49d6f5d3085e714bff2e668694523185c6fb6"},r("label",{key:"d5ec64934b8e8eab33b771d20aa34cdfb595f600",htmlFor:this.getId(),class:"pn-progress-label"+(this.dots?" pn-progress-sr-only":"")},r("span",{key:"a30465882d45cdc3ee6513c79a9b9a0cacb68a88"},this.getLabel()," ",this.currentStep,"/",this.totalSteps),this.stepName&&r("span",{key:"fb4f2eb25ccd60c648c7a2d077dfce35b6888f52"}," - ",this.stepName)),r("progress",{key:"6822b750b6d86644f5a77115d449c050b7be418d",id:this.getId(),class:"pn-progress-sr-only",max:"100",value:this.progressValue}),this.dots?r("div",{class:"pn-progress-dots","aria-hidden":"true"},[...Array(this.totalSteps)].map(((s,e)=>r("div",{class:"pn-progress-dot","data-active":e+1<=this.currentStep,key:e})))):r("div",{"aria-hidden":"true",class:"pn-progress"},r("div",{class:"pn-progress-value","data-full":this.currentStep===this.totalSteps})))}static get watchers(){return{currentStep:[{stepWatchers:0}],totalSteps:[{stepWatchers:0}],language:[{watchLanguage:0}]}}};l.style=`${s("pn-progress-stepper")}{display:block}${s("pn-progress-stepper")} .pn-progress{position:relative;width:100%;background:#f3f2f2;height:0.5em;border-radius:0.5em;box-shadow:0 0 0 0.0625em #969087}${s("pn-progress-stepper")} .pn-progress-label{display:block;color:#2d2013;font-size:1em;margin-bottom:0.5em}${s("pn-progress-stepper")} .pn-progress-value{position:absolute;top:-0.0625em;left:-0.0625em;height:0.625em;background-color:#005d92;width:calc(var(--pn-progress-value) + 0.125em);border-radius:0.5em 0 0 0.5em;transition-property:width, border-radius;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${s("pn-progress-stepper")} .pn-progress-value{transition-duration:0s;transition-delay:0s}}${s("pn-progress-stepper")} .pn-progress-value[data-full]{border-top-right-radius:0.5em;border-bottom-right-radius:0.5em}${s("pn-progress-stepper")} .pn-progress-dots{display:flex;align-items:center;justify-content:center;gap:1em}${s("pn-progress-stepper")} .pn-progress-dot{width:0.875em;height:0.875em;background-color:#f3f2f2;border:0.0625em solid #d3cecb;border-radius:50%;transform:scale(1) translateY(0%);transition-property:background-color, border-color;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${s("pn-progress-stepper")} .pn-progress-dot{transition-duration:0s;transition-delay:0s}}${s("pn-progress-stepper")} .pn-progress-dot{animation:pnBackwards 0.2s cubic-bezier(0.7, 0, 0.3, 1);animation-fill-mode:forwards}${s("pn-progress-stepper")} .pn-progress-dot[data-active]{background-color:#005d92;border-color:#005d92;animation:pnForward 0.2s cubic-bezier(0.7, 0, 0.3, 1);animation-fill-mode:forwards}${s("pn-progress-stepper")} .pn-progress-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}@keyframes pnForward{0%{transform:scale(1) translateY(0%)}50%{transform:scale(1) translateY(20%)}75%{transform:scale(1.1) translateY(10%)}100%{transform:scale(1) translateY(0%)}}@keyframes pnBackwards{0%{transform:scale(1) translateY(0%)}50%{transform:scale(1) translateY(-20%)}75%{transform:scale(0.9) translateY(-10%)}100%{transform:scale(1) translateY(0%)}}`;export{l as pn_progress_stepper}

package/umd/modules/@postnord/web-components/postnord-web-components/p-506a801d.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+import{r as s,c as e,g as t,t as r,h as i}from"./p-XKg-ydzH.js";const a=class{constructor(t){s(this,t),this.progresschange=e(this,"progresschange",7)}get hostElement(){return t(this)}activeStep=0;progresschange;setActiveStepHandler({detail:s}){this.activeStep=s,this.progresschange.emit(this.activeStep)}componentWillLoad(){this.passPropsToChildren()}componentDidUpdate(){this.passPropsToChildren()}passPropsToChildren(){Array.from(this.hostElement.querySelectorAll(`${r("pn-progress-indicator-step")}`)).forEach(((s,e)=>{s.activeStep=this.activeStep,s.index=e}))}render(){return i("div",{key:"55eb279175a09345ebcb087ac6b0f819d5032a1e",class:"pn-progress-indicator"},i("slot",{key:"70f0273b605df274663752dadde8585411a74bd7"}))}};a.style=".pn-progress-indicator{display:flex;padding:2.8em 1em 0}";export{a as pn_progress_indicator}

package/umd/modules/@postnord/web-components/postnord-web-components/p-518651ad.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+import{t as o,r as i,c as t,g as n,h as r,a}from"./p-XKg-ydzH.js";import{c as e}from"./p-DrYFvs2M.js";import{ripple as c,reduceMotion as s}from"./index.esm.js";const d=class{constructor(o){i(this,o),this.togglerow=t(this,"togglerow",7)}details;summary;content;animation;defaultAnimationDuration=400;animationDuration=this.defaultAnimationDuration;get hostElement(){return n(this)}isClosing=!1;isExpanding=!1;label;state=!1;buttonid;contentid;transparent=!1;togglerow;handleRowState(o){o.detail!==this.state&&(this.details.style.overflow="hidden",this.closeAccordion())}componentWillLoad(){const o=!!this.hostElement.querySelector('[slot="label"]');this.label=o?null:this.label}toggleOpen(o){const i=o??!this.state;this.state!==o&&this.togglerow.emit({element:this.details,state:i}),this.state=i}clickHandler(o){o.preventDefault(),this.details.style.overflow="hidden",this.isClosing||!this.state?this.openAccordion():(this.isClosing||this.state)&&this.closeAccordion();const{x:i,width:t,y:n,top:r}=this.hostElement.getBoundingClientRect();c(0===o.clientX&&0===o.clientY?{clientX:i+t-24,clientY:n-r}:o,this.hostElement,".pn-accordion-row-text")}openAccordion(){this.details.style.height=`${this.details.offsetHeight}px`,this.toggleOpen(!0),requestAnimationFrame((()=>{this.isExpanding=!0;const o=`${this.details.offsetHeight}px`,i=`${this.summary.offsetHeight+this.content.offsetHeight}px`;this.cancelAnimations(),this.animate(!0,o,i)}))}closeAccordion(){this.isClosing=!0;const o=`${this.details.offsetHeight}px`,i=`${this.summary.offsetHeight}px`;this.cancelAnimations(),this.animate(!1,o,i)}animate(o,i,t){this.animationDuration=s()?0:this.defaultAnimationDuration,this.animation=this.details.animate({height:[i,t]},{duration:this.animationDuration,easing:"cubic-bezier(0.6, 0, 0.2, 1)"}),this.animation.onfinish=()=>this.animationFinish(o),this.animation.oncancel=()=>{o?this.isExpanding=!1:this.isClosing=!1}}animationFinish(o){this.toggleOpen(o),this.cancelAnimations(),this.isClosing=!1,this.isExpanding=!1,this.details.style.height="",this.details.style.overflow=""}cancelAnimations(){this.animation&&this.animation.cancel()}render(){return r(a,{key:"2b50f9026275b623128e0a441ec4434c50a54338"},r("details",{key:"d60df44b58cd5c27306ec97dd42750bf1f01486c",class:"pn-accordion-row",open:this.state,ref:o=>this.details=o},r("summary",{key:"448587e8102df440a0d633702ea4af8cfe1d9da3",id:this.buttonid,class:"pn-accordion-row-summary",onClick:o=>this.clickHandler(o),ref:o=>this.summary=o},r("div",{key:"bef1fa9595b890919445a6631742c03fd7e18f3f",class:"pn-accordion-row-text","data-transparent":this.transparent},this.label?this.label:"",r("slot",{key:"30742c10f2f557f39f80e97ec3e1c5473400d128",name:"label"}),r("pn-icon",{key:"cfde3e68aab8348a0773c7aa41e02bb905a47e07",class:"pn-accordion-row-icon",icon:e}))),r("div",{key:"054aae1bcf9fb3bf9a050c9fdf7cefef38f164d0",id:this.contentid,class:"pn-accordion-row-content",ref:o=>this.content=o},r("slot",{key:"69378af205ca6c4c159c718f497a2ecf319be959"}))))}};d.style=`${o("pn-accordion-row")}{position:relative;margin:0 -0.25em 0}${o("pn-accordion-row")} .pn-accordion-row{width:100%;display:flex;flex-direction:column}${o("pn-accordion-row")} .pn-accordion-row-summary{color:#2d2013;position:relative;border:none;outline:0;cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;padding:0.25em;font-size:1em;font-weight:400;border-radius:0.5em;list-style:none}${o("pn-accordion-row")} .pn-accordion-row-summary:hover>.pn-accordion-row-text{background-color:#e0f8ff}${o("pn-accordion-row")} .pn-accordion-row-summary:focus-visible>.pn-accordion-row-text{outline-color:#005d92}${o("pn-accordion-row")} .pn-accordion-row-summary::-webkit-details-marker{display:none}${o("pn-accordion-row")} .pn-accordion-row-text{position:relative;overflow:hidden;display:flex;align-items:center;padding:0.75em;background-color:#ffffff;border-radius:0.5em;-webkit-tap-highlight-color:transparent}${o("pn-accordion-row")} .pn-accordion-row-text[data-transparent]{background-color:transparent}${o("pn-accordion-row")} .pn-accordion-row-text{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){${o("pn-accordion-row")} .pn-accordion-row-text{transition-duration:0s;transition-delay:0s}}${o("pn-accordion-row")} .pn-accordion-row-text .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}}${o("pn-accordion-row")} .pn-accordion-row-icon{margin-left:auto;flex-shrink:0;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${o("pn-accordion-row")} .pn-accordion-row-icon{transition-duration:0s;transition-delay:0s}}${o("pn-accordion-row")} .pn-accordion-row-icon path{fill:#005d92}${o("pn-accordion-row")} .pn-accordion-row[open] .pn-accordion-row-icon{transform:rotate(-180deg)}${o("pn-accordion-row")} .pn-accordion-row-content{color:#2d2013;display:block;padding:1em}`;export{d as pn_accordion_row}

package/umd/modules/@postnord/web-components/postnord-web-components/p-54917d9f.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+import{t as r,r as e,g as s,h as t,a}from"./p-XKg-ydzH.js";import{a as i}from"./p-B88w-Zxn.js";import{c as o}from"./p-D4GZ__oQ.js";import{uuidv4 as n}from"./index.esm.js";const d=class{constructor(r){e(this,r)}uniqueId=n();idProgress=`pn-progress-bar-${this.uniqueId}`;idLabel=`${this.idProgress}-label`;idText=`${this.idProgress}-text`;get hostElement(){return s(this)}progressPercentage;label;progress=0;progressText;successText;error;progressId=this.idProgress;setProgress(){if(!Number.isInteger(this.progress))return;const r=this.progress<100?Math.ceil(this.progress):100;this.progressPercentage=`${r.toString()}%`,this.hostElement.style.setProperty("--progress-value",this.progressPercentage)}componentWillLoad(){this.setProgress()}hasLabel(){return!!this.label?.length}hasText(){return!!this.successText?.length}hasError(){return!!this.error?.length}isValid(){return 100===this.progress}hasIcon(){return this.isValid()||this.hasError()}getSubtext(){return this.hasError()?this.error:this.isValid()&&this.hasText()?this.successText:this.progressText?this.progressText:this.progressPercentage}getIconSvg(){return this.hasError()?i:o}getIconColor(){return this.hasError()?"warning":"green500"}render(){return t(a,{key:"09b5b426ac2b3b5ac6da052516f02a37e86a5ae6"},this.hasLabel()&&t("p",{key:"f63e4d6fcf21e46e809866fa9f25e92975665c60",id:this.idLabel,class:"pn-progress-bar-label"},t("span",{key:"731610df6161f9d7724f85e1fc849983dd2c9e30"},this.label),this.hasIcon()&&t("pn-icon",{key:"a9a823e21c9a6192ecd476fa7f993e2dc508f292",icon:this.getIconSvg(),color:this.getIconColor()})),t("div",{key:"b38c51cbc3bf30d73cc169053a97fd62acd95972",id:this.progressId,class:"pn-progress-bar-container",role:"progressbar","aria-labelledby":this.idLabel,"aria-describedby":this.hasIcon()?this.idText:null,"aria-valuenow":this.progress,"aria-valuetext":this.progressPercentage},t("div",{key:"91f89839bf307d1b32f3735690ae6894b845fcc2",class:"pn-progress-bar-meter"},t("div",{key:"01dd3151497db0d7a4bfaa401fb132e015708ca6",class:"pn-progress-bar-value","data-error":this.hasError(),"data-valid":this.isValid()}))),t("p",{key:"fe4122adfd2d4e1ea043f161bc217b59f3164cf0",id:this.idText,class:"pn-progress-bar-subtext",role:this.hasError()?"alert":null},t("span",{key:"7094b7dd7cf15e29cec6f710927a3b62151d8709"},this.getSubtext())))}static get watchers(){return{progress:[{setProgress:0}]}}};d.style=`${r("pn-progress-bar")} .pn-progress-bar-label{margin-bottom:0.5em;color:#2d2013;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:0.5em}${r("pn-progress-bar")} .pn-progress-bar-subtext{margin-top:0.5em;color:#5e554a;font-weight:400}${r("pn-progress-bar")} .pn-progress-bar-container{overflow:hidden;padding:0.0625em;height:0.75em;border-radius:0.5em}${r("pn-progress-bar")} .pn-progress-bar-meter{position:relative;width:100%;background:#f3f2f2;height:0.625em;border-radius:0.5em;box-shadow:0 0 0 0.0625em #969087}${r("pn-progress-bar")} .pn-progress-bar-value{position:absolute;top:-0.0625em;left:-0.0625em;height:0.75em;background-color:#005d92;width:var(--progress-value);border-radius:0.5em 0 0 0.5em;transition-property:width, border-radius, background-color;transition-duration:0.2s, 0.2s, 0.5s;transition-timing-function:linear}@media (prefers-reduced-motion: reduce){${r("pn-progress-bar")} .pn-progress-bar-value{transition-duration:0s}}${r("pn-progress-bar")} .pn-progress-bar-value[data-valid]{width:calc(var(--progress-value) + 0.125em);background-color:#0aa85c;border-top-right-radius:0.5em;border-bottom-right-radius:0.5em}${r("pn-progress-bar")} .pn-progress-bar-value[data-error]{background-color:#a70707}`;export{d as pn_progress_bar}

package/umd/modules/@postnord/web-components/postnord-web-components/p-56ade97b.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+import{t as e,r as i,c as t,g as l,h as a,a as s}from"./p-XKg-ydzH.js";import{uuidv4 as o,getBytesFromHumanReadableFileSize as n,awaitTopbar as r,ripple as d,en as p}from"./index.esm.js";import{a as h}from"./p-B88w-Zxn.js";import{c as f}from"./p-BpI8peGn.js";class c extends Error{element;code;data;constructor(e,i,t="INVALID",l=null){super(e),this.name="PNFileUploadError",this.element=i,this.code=t,this.data=l}}const u={CLICKORDRAG:{sv:"Klicka eller dra en fil hit",en:"Click or drag a file here",da:"Klik eller træk en fil hertil",fi:"Klikkaa tai vedä tiedosto tähän",no:"Klikk eller dra en fil hit"},ACCEPTEDFORMATS:{sv:"Filformat som stöds",en:"Supported formats",da:"Støttede filformater",fi:"Tuetut tiedostomuodot",no:"Understøttede filformater"},MAXFILESIZE:{sv:"Max filstorlek",en:"Max filesize",da:"Max filstørrelse",fi:"Maksimitiedostokoko",no:"Maks filstørrelse"},REMOVE_FILE:{sv:"Ta bort filen",en:"Remove file",da:"Fjern fil",fi:"Poista tiedosto",no:"Fjern fil"},LIMIT:{sv:"Max antal filer",en:"Max number of files",da:"Maks antal filer",fi:"Maksimimäärä tiedostoja",no:"Maks antall filer"}},m=class{constructor(e){i(this,e),this.filesAdded=t(this,"filesAdded",7),this.update=t(this,"update",7),this.fileuploaderror=t(this,"fileuploaderror",7),this.valid=t(this,"valid",7),this.uploadFile=t(this,"uploadFile",7),this.uploadCancelled=t(this,"uploadCancelled",7),this.uploadCompleted=t(this,"uploadCompleted",7)}id=`pn-file-upload-${o()}`;idHelpertext=`${this.id}-helpertext`;idAccepttext=`${this.id}-accept`;fileInputElement;invalid=!1;maxSizeInBytes=0;rippleClass=".pn-file-upload-dropzone";get hostElement(){return l(this)}files=[];isHovering=!1;label;helpertext;language=void 0;name;accept;capture;multiple;required=!1;disabled=!1;limit=1;maxSize="";hideProgress=!1;pnId=this.id;handleId(){this.idHelpertext=`${this.getId()}-helpertext`,this.idAccepttext=`${this.getId()}-accept`}handleLimit(){this.multiple=this.limit>1}handleMaxBytes(){this.maxSizeInBytes=n(this.maxSize)}filesAdded;update;fileuploaderror;valid;uploadFile;uploadCancelled;uploadCompleted;async componentWillLoad(){void 0===this.language&&await r(this.hostElement)}getId(){return this.pnId||this.id}async startUpload(){if(!this.files.length)return;this.files=this.files.map(((e,i)=>("queue"===e.status&&(e.status="start",this.uploadFile.emit({file:e,index:i,uploader:this})),e)));const e=this.files.map((e=>e.xhrPromise().catch((()=>{}))));return Promise.all(e).then((e=>{const i=e.filter((e=>e));this.uploadCompleted.emit(i)}))}async clearUpload(){this.files=[],this.fileInputElement.value="",this.invalid=!1,this.filesAdded.emit([])}async removeFile(e){let i=!0;const t=[];for(const l in this.files){const a=this.files[l];if(a.filename)if(a.uuid!==e.uuid){try{this._validateFileSize(a),this._validateFileType(a),i=!0}catch(e){i=!1,a.error=e,a.progress=0,a.status="error"}t.push(a)}else"start"===a.status&&(a.xhr.abort(),this.uploadCancelled.emit(a))}this.filesAdded.emit(t),this.files=t,this.invalid=!i||!this._isNotGreaterThanLimit(),this._checkValidity(),this._emitUpdateEvent()}async updateFile(e,i=null){let t=this.files;if(null===i)for(const l in t)if(t[l].uuid===e.uuid){i=l;break}t[i]&&(e.progress>=100?(e.progress=100,e.status="completed"):e.progress<0&&(e.status="start",e.progress=0),e.error&&(e.progress=0,e.status="error",e.errorMessage=e.errorMessage||"There was an error uploading your file, please try again"),t[i]=e),this.files=[...t]}async _addFilesFromFileList(e){if(this.disabled||this.invalid)return;const i=Array.from(e),t=[];if(this.multiple)i.forEach((e=>t.push(this._addFile(e))));else{const e=i[0];1===this.limit?(this.files=[],t.push(this._addFile(e))):t.push(this._addFile(e))}return Promise.all(t).then((()=>{this.filesAdded.emit(this.files),this._isNotGreaterThanLimit(),this._checkValidity(),this._emitUpdateEvent()}))}async _onAddFile(){const e=this.fileInputElement.files;return await this._addFilesFromFileList(e)}_onDragOverFile(e){e.preventDefault(),e.stopPropagation(),this.isHovering=!0}_onDragLeaveFile(e){e.preventDefault(),e.stopPropagation(),this.isHovering=!1}_onDropFile(e){e.preventDefault(),e.stopPropagation(),this.isHovering=!1,d(e,this.hostElement,this.rippleClass),this._addFilesFromFileList(e.dataTransfer.files)}_validateFileType(e){const i=this.accept?this.accept.split(","):[];if(i.length){let t=!1;for(const l of i){const i=l.trim().toLowerCase(),a=/^\w+\/[a-z\.\-]+$/i,s=e.filename.match(/\.\w{3,4}($|\?)/)?.[0]?.toLowerCase();if(a.test(i)&&e.contentType===i||s===i){t=!0;break}}if(!t){const i=new c("Invalid file type.",this.hostElement,"INVALID_FILE_TYPE",e);throw this.invalid=!0,this.fileuploaderror.emit(i),i}}}_validateFileSize(e){if(this.maxSizeInBytes>0&&e.filesize>this.maxSizeInBytes){const i=new c(`You can only add up to ${this.maxSize}.`,this.hostElement,"MAX_FILE_SIZE",e);throw this.invalid=!0,this.fileuploaderror.emit(i),i}}_validateLimit(){if(this.limit&&this.files.length>this.limit){const e=new c(`You can only add up to ${this.limit} files.`,this.hostElement,"MAX_LIMIT",this.files);throw this.invalid=!0,this.fileuploaderror.emit(e),e}}_isNotGreaterThanLimit(){try{return this._validateLimit(),!0}catch(e){return!1}}_checkValidity(){return this.invalid||this.valid.emit(this),!this.invalid}_createBase64FromFile(e){return new Promise(((i,t)=>{const l=new FileReader;l.onload=()=>i(l.result),l.onerror=e=>t(e),l.onabort=()=>t("ABORTED"),l.readAsDataURL(e)}))}async _addFile(e){return this._createBase64FromFile(e).then((i=>{const t=i.split(","),l=t[1],a=t[0].split(":")[1].split(";")[0],s=new XMLHttpRequest,n={uuid:o(),filename:e.name,filesize:e.size,progress:0,status:"queue",base64:l,contentType:a,error:null,errorMessage:"",file:e,xhr:s};try{this._validateFileSize(n),this._validateFileType(n)}catch(e){n.error=e,n.progress=0,n.status="error"}return n.xhrPromise=()=>new Promise(((e,i)=>{s.responseType="json",s.addEventListener("progress",(e=>{e.lengthComputable?(n.progress=e.loaded/e.total*100,this.updateFile(n)):(n.progress=100,this.updateFile(n))})),s.addEventListener("load",(i=>e(i.target.response))),s.addEventListener("error",(e=>{n.error=e,n.errorMessage="There was an error uploading your file, please try again",this.updateFile(n);const t=new c("There was an error uploading your file, please try again",this.hostElement,"UPLOAD_SERVER_ERROR",n);this.fileuploaderror.emit(t),i(e)}))})),this.files=[...this.files,n],n}))}_emitUpdateEvent(){this.update.emit({files:this.files,element:this.hostElement})}translate(e){return u?.[e]?.[this.language||p]||e}isLoading(e){return"start"===e.status}getFileIcon(e){return e.error?h:100===e.progress?f:'<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="M9 7.5a4.5 4.5 0 1 1 9 0V16a6 6 0 0 1-12 0v-3a1 1 0 1 1 2 0v3a4 4 0 0 0 8 0V7.5a2.5 2.5 0 0 0-5 0V16a1 1 0 1 0 2 0v-6a1 1 0 1 1 2 0v6a3 3 0 1 1-6 0zM7 9a1 1 0 0 1 1 1v.1a1 1 0 1 1-2 0V10a1 1 0 0 1 1-1" clip-rule="evenodd"/></svg>'}getFileColor(e){return e.error?"warning":100===e.progress?"green700":"gray900"}describedBy(){const e=[this.showAcceptText()&&this.idAccepttext,this.helpertext&&this.idHelpertext].filter(Boolean);return e.length?e.join(" "):null}showAcceptText(){return!!this.accept||!!this.maxSize||this.limit>1}getAcceptText(){const e=[];if(this.accept&&e.push(`${this.translate("ACCEPTEDFORMATS")}: ${this.accept}`),this.maxSize){const i=this.translate("MAXFILESIZE");e.push(`${e.length?i.toLowerCase():i}: ${this.maxSize}`)}if(this.limit>1){const i=this.translate("LIMIT");e.push(`${e.length?i.toLowerCase():i}: ${this.limit}`)}return e.join(", ")}render(){return a(s,{key:"bda8680e48b7537469f7a348134552cc40201ff3"},a("div",{key:"6e661705703b2b2d50a794619f1ed4ad123a05e0",class:"pn-file-upload"},a("div",{key:"d2d17b3cd8cd15564a63a82d544af8c06b9e6fb5",class:"pn-file-upload-container"},a("input",{key:"0e8801c1478852c946e8f31d1dd6dde1ee5b4441",id:this.getId(),class:"pn-file-upload-input",type:"file",name:this.name,multiple:this.multiple,accept:this.accept,capture:this.capture,disabled:this.disabled,required:this.required,"aria-describedby":this.describedBy(),"aria-invalid":this.invalid?.toString(),onClick:e=>d(e,this.hostElement,this.rippleClass),onChange:()=>this._onAddFile(),onDragOver:e=>this._onDragOverFile(e),onDragLeave:e=>this._onDragLeaveFile(e),onDrop:e=>this._onDropFile(e),ref:e=>this.fileInputElement=e}),a("div",{key:"802d986996b9cdc9f577906631dfa1d3eed8f8e4",class:"pn-file-upload-dropzone","data-hover":this.isHovering,"data-invalid":this.invalid},a("pn-icon",{key:"1c4e0120ebdf2f06401f130549fb9e8c9e97c920",class:"pn-file-upload-icon-element",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="M3 8a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v7a3 3 0 0 1-3 3h-2a1 1 0 1 1 0-2h2a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H6a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h2a1 1 0 1 1 0 2H6a3 3 0 0 1-3-3zm9 0a1 1 0 0 1 .707.293l4 4a1 1 0 0 1-1.414 1.414L13 11.414V17a1 1 0 1 1-2 0v-5.586l-2.293 2.293a1 1 0 0 1-1.414-1.414l4-4A1 1 0 0 1 12 8m-1 12.1V20a1 1 0 1 1 2 0v.1a1 1 0 1 1-2 0" clip-rule="evenodd"/></svg>',color:"blue700"}),a("label",{key:"8f5275d7e7591aee9167cf3fc858b8ec22070d4f",class:"pn-file-upload-title",htmlFor:this.getId()},this.label||this.translate("CLICKORDRAG")),this.helpertext&&a("p",{key:"f0a1bc0aaece7c470a756c46aefee84f7059b548",class:"pn-file-upload-subtitle",id:this.idHelpertext},this.helpertext),this.showAcceptText()&&a("p",{key:"4d8d595fe7e10bdf5cb01c4b7b448b3b11458c15",class:"pn-file-upload-subtitle",id:this.idAccepttext},this.getAcceptText()))),!!this.files.length&&a("ul",{key:"55bb12c9e21aceae0bffd49b400f1902f7edb564",class:"pn-file-upload-files"},this.files.map((e=>a("li",{class:"pn-file-upload-files-item",key:e.uuid},a("div",{class:"pn-file-upload-file","data-error":!!e.error},a("div",{class:"pn-file-upload-file-title"},a("pn-icon",{icon:this.getFileIcon(e),color:this.getFileColor(e)}),this.hideProgress||0===e.progress?a("div",{class:"pn-file-upload-file-name"},e.filename):a("pn-progress-bar",{label:e.filename,progress:e.progress,error:e.error&&e.errorMessage})),a("pn-button",{small:!0,variant:"borderless",arialabel:`${this.translate("REMOVE_FILE")} ${e.filename}`,appearance:e.error?"warning":"light",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="M10.5 4a1 1 0 0 0-1 1h5a1 1 0 0 0-1-1zm6 1a3 3 0 0 0-3-3h-3a3 3 0 0 0-3 3h-2A2.5 2.5 0 0 0 5 9.95V19a3 3 0 0 0 3 3h8a3 3 0 0 0 3-3V9.95A2.5 2.5 0 0 0 18.5 5zm.5 5H7v9a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1zM5.5 7a.5.5 0 0 0 0 1h13a.5.5 0 0 0 0-1zm4.5 5a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1m4 0a1 1 0 0 1 1 1v4a1 1 0 1 1-2 0v-4a1 1 0 0 1 1-1" clip-rule="evenodd"/></svg>',iconOnly:!0,tooltip:this.translate("REMOVE_FILE"),loading:this.isLoading(e),onClick:()=>this.removeFile(e)})),e.error?a("div",{class:"pn-file-upload-file-error"},e.errorMessage||e.error.message):null)))),a("slot",{key:"d5e2793ee8d72550129b38825dde9d25768d8528"})))}static get watchers(){return{pnId:[{handleId:1}],limit:[{handleLimit:1}],maxSize:[{handleMaxBytes:1}]}}};m.style=`${e("pn-file-upload")} .pn-file-upload{position:relative;display:flex;flex-direction:column;gap:1em}${e("pn-file-upload")} .pn-file-upload-container{position:relative}${e("pn-file-upload")} .pn-file-upload-input{position:absolute;z-index:1;left:0;top:0;opacity:0;height:100%;width:100%;-webkit-tap-highlight-color:transparent}${e("pn-file-upload")} .pn-file-upload-input:hover{cursor:pointer}${e("pn-file-upload")} .pn-file-upload-input:hover+.pn-file-upload-dropzone{border-color:#005d92;background-color:#e0f8ff}${e("pn-file-upload")} .pn-file-upload-input:focus-visible+.pn-file-upload-dropzone{border-color:#005d92;outline-color:#005d92}${e("pn-file-upload")} .pn-file-upload-input:disabled{pointer-events:none}${e("pn-file-upload")} .pn-file-upload-input:disabled+.pn-file-upload-dropzone{pointer-events:none;background-color:#f3f2f2;border-color:#2d2013}${e("pn-file-upload")} .pn-file-upload-input:disabled+.pn-file-upload-dropzone .pn-icon-svg path{fill:#5e554a}${e("pn-file-upload")} .pn-file-upload-dropzone{position:relative;text-align:center;overflow:hidden;padding:clamp(1em, 5vw, 2.5em);border:0.0625em #969087 dashed;border-radius:0.5em;display:flex;flex-direction:column;align-items:center;gap:0.5em;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color, border-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${e("pn-file-upload")} .pn-file-upload-dropzone{transition-duration:0s;transition-delay:0s}}${e("pn-file-upload")} .pn-file-upload-dropzone .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}}${e("pn-file-upload")} .pn-file-upload-dropzone[data-hover]{background-color:#e0f8ff;border-color:#005d92}${e("pn-file-upload")} .pn-file-upload-dropzone[data-invalid]{border-color:#a70707}${e("pn-file-upload")} .pn-file-upload-title{color:#2d2013}${e("pn-file-upload")} .pn-file-upload-subtitle{color:#5e554a;font-size:0.75em}${e("pn-file-upload")} .pn-file-upload-files{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1em}${e("pn-file-upload")} .pn-file-upload-file{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center;background:#f9f8f8;padding:1em;border-radius:0.5em}${e("pn-file-upload")} .pn-file-upload-file-title{display:flex;align-items:center;gap:0.5em;flex:1;margin-right:0.5em}${e("pn-file-upload")} .pn-file-upload-file-name{font-weight:400;font-size:0.75em}${e("pn-file-upload")} .pn-file-upload-file-error{color:#a70707;font-size:0.875em;font-weight:300;margin-top:0.25em}${e("pn-file-upload")} .pn-file-upload-file[data-error]{color:#a70707;background-color:#fdefee}${e("pn-file-upload")} .pn-file-upload-file ${e("pn-progress-bar")}{flex:1}`;export{m as pn_file_upload}

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

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+import{t,r as e,c as n,g as i,f as a,h as r,a as o}from"./p-XKg-ydzH.js";import{ripple as s}from"./index.esm.js";const c=class{constructor(t){e(this,t),this.setActiveTab=n(this,"setActiveTab",7),this.tabEnter=n(this,"tabEnter",7),this.tabLeave=n(this,"tabLeave",7)}mo;tag="button";get hostElement(){return i(this)}label;value;href;icon;ariacontrols;tabid;activeTab;setActiveTab;setActiveTabHandler({click:t=!1,element:e}={}){(t||this.isActive())&&this.setActiveTab.emit({val:e?.value||this.value,el:e?.value&&e||this.hostElement})}tabEnter;triggerEnter(t){this.tabEnter.emit(t)}tabLeave;triggerLeave(t){this.tabLeave.emit(t)}connectedCallback(){this.mo=new MutationObserver((()=>a(this.hostElement))),this.mo.observe(this.hostElement,{subtree:!0,childList:!0})}disconnectedCallback(){this.mo?.disconnect()}componentWillLoad(){this.tabTag()}componentDidUpdate(){this.setActiveTabHandler()}componentDidLoad(){this.setActiveTabHandler()}arrowKeyNav(e){if(!/^(ArrowRight|ArrowLeft|Home|End)$/.test(e.key))return;const n=t("pn-tab"),i=t("pn-tablist");e.preventDefault();const a=e.target.closest(i);if(!a)return;const r=Array.from(a.querySelectorAll(n)),o=r[0],s=r[r.length-1],c=this.hostElement.nextElementSibling,l=this.hostElement.previousElementSibling;"Home"===e.key&&this.setActiveTabHandler({element:o}),"End"===e.key&&this.setActiveTabHandler({element:s}),"ArrowRight"===e.key&&this.setActiveTabHandler({element:c?.value?c:o}),"ArrowLeft"===e.key&&this.setActiveTabHandler({element:l?.value?l:s})}isActive(){return this.activeTab===this.value}tabTag(){const e=t("pn-tablist"),n=this.hostElement.closest(e);this.tag="menu"===n?.slot?"a":"button"}renderProperties(){return"a"===this.tag?{href:this.href,"aria-current":this.isActive()?"page":"false"}:{tabindex:this.isActive()?0:-1,type:"button",role:"tab","aria-selected":this.isActive().toString(),"aria-controls":this.ariacontrols}}iconColor(){return this.isActive()?"blue700":"gray900"}handleClick(t){this.setActiveTabHandler({click:!0}),s(t,this.hostElement,".pn-tab")}render(){return r(o,{key:"37a1d2234aa0d4fe1f5f1af6f8334f9e4109eff6"},r(this.tag,{key:"17e8e25c54b556f65b7c98ac4eaef07f1bc131ac",id:this.tabid,class:"pn-tab",...this.renderProperties(),onClick:t=>this.handleClick(t),onMouseEnter:t=>this.triggerEnter(t),onFocus:t=>this.triggerEnter(t),onMouseLeave:t=>this.triggerLeave(t),onBlur:t=>this.triggerLeave(t),onKeyDown:t=>this.arrowKeyNav(t)},!!this.icon&&r("pn-icon",{key:"42c7473fd8b573ec47e8e2074a4ded3ff3e40249",icon:this.icon,color:this.iconColor()}),r("slot",{key:"c39be583c461850d49f7e5a96c071c80b7b132da"}),r("span",{key:"ce995d860775c71e8fda7dc4e94c2a7896759f62",class:"pn-tab-label"},this.label)))}};c.style=`${t("pn-tab")}{position:relative;overflow:hidden;flex-shrink:0;scroll-snap-align:center;display:inline-block;border-radius:0.5em}${t("pn-tab")} .pn-tab{position:relative;cursor:pointer;margin:1em 0.25em;padding:0 0.25em;border:none;border-radius:0.5em;color:#2d2013;background-color:transparent;font-family:inherit;font-size:1em;font-weight:500;text-decoration:none;display:flex;gap:0.5em;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}${t("pn-tab")} .pn-tab .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}}${t("pn-tab")} .pn-tab{transition-property:color, outline-color, background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-tab")} .pn-tab{transition-duration:0s;transition-delay:0s}}${t("pn-tab")} .pn-tab{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-tab")} .pn-tab-label{line-height:1.5em}${t("pn-tab")} .pn-tab:focus-visible{overflow:hidden;outline-color:#005d92;background-color:#ffffff}${t("pn-tab")} .pn-tab[aria-selected=true],${t("pn-tab")} .pn-tab[aria-current=page]{color:#005d92}${t("pn-tab")} .pn-tab[aria-selected=true]:focus,${t("pn-tab")} .pn-tab[aria-current=page]:focus{color:#0d234b}${t("pn-tab")} .pn-tab[aria-selected=true]:focus ${t("pn-icon")} .pn-icon-svg path,${t("pn-tab")} .pn-tab[aria-selected=true]:focus ${t("pn-icon")} .pn-icon-svg polygon,${t("pn-tab")} .pn-tab[aria-current=page]:focus ${t("pn-icon")} .pn-icon-svg path,${t("pn-tab")} .pn-tab[aria-current=page]:focus ${t("pn-icon")} .pn-icon-svg polygon{fill:#0d234b}`;export{c as pn_tab}

package/umd/modules/@postnord/web-components/postnord-web-components/p-665af57e.entry.js

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

package/umd/modules/@postnord/web-components/postnord-web-components/p-6d85c967.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+import{t,M as e,r as i,c as n,g as a,f as r,h as s,a as d}from"./p-XKg-ydzH.js";import{uuidv4 as o,getTotalHeightOffset as c,getMenuWidth as p,awaitTopbar as h,en as l}from"./index.esm.js";import{a as u}from"./p-BWAVaTWQ.js";import{a as f}from"./p-CQaMdITw.js";import{a as k}from"./p-D_UyW-KH.js";const m={CALENDAR_NAVIGATION:{en:"Calendar",sv:"Kalender",da:"Kalender",fi:"Kalenteri",no:"Kalender"},NEXT_YEAR:{en:"Scroll forward",sv:"Bläddra framåt",da:"Rul frem",fi:"Vieritä eteenpäin",no:"Rull fremover"},PREVIOUS_YEAR:{en:"Scroll backwards",sv:"Bläddra bakåt",da:"Rul baglæns",fi:"Vieritä taaksepäin",no:"Bla bakover"},NEXT_DATE:{en:"Next month",sv:"Nästa månad",da:"Næste måned",fi:"Ensi kuussa",no:"Neste måned"},PREVIOUS_DATE:{en:"Previous month",sv:"Föregående månad",da:"Forrige måned",fi:"Edellinen kuukausi",no:"Forrige måned"},SELECT_YEAR:{en:"Choose year",sv:"Välj år",da:"Vælg år",fi:"Valitse vuosi",no:"Velg år"},SELECT_MONTH:{en:"Choose month",sv:"Välj månad",da:"Vælg måned",fi:"Valitse kuukausi",no:"Velg måned"},SELECT_DATE:{en:"Choose date",sv:"Välj datum",da:"Vælg dato",fi:"Valitse päivämäärä",no:"Velg dato"},SELECTED_DATE:{en:"selected date is {date}.",sv:"valt datum är {date}.",da:"den valgte dato er {date}.",fi:"valittu päivämäärä on {date}.",no:"valgt dato er {date}."},SELECTED_START_DATE:{en:"selected start date is {date}.",sv:"valt startdatum är {date}.",da:"den valgte startdato er {date}.",fi:"valittu aloituspäivä on {date}.",no:"valgt startdato er {date}."},SELECTED_END_DATE:{en:"selected end date is {date}.",sv:"valt slutdatum är {date}.",da:"den valgte slutdato er {date}.",fi:"valittu lopetuspäivä on {date}.",no:"valgt sluttdato er {date}."},WEEK_NAME:{en:"Week",sv:"Vecka",da:"Uge",fi:"Viikko",no:"Uke"},GO_CALENDAR:{en:"Calendar view",sv:"Kalendervyn",da:"Kalendervisning",fi:"Kalenterinäkymä",no:"Kalendervisning"}};function b(t){return t&&t.__esModule&&Object.prototype.hasOwnProperty.call(t,"default")?t.default:t}var g,_={exports:{}};function y(){return g||(g=1,_.exports=function(){var t=6e4,e=36e5,i="millisecond",n="second",a="minute",r="hour",s="day",d="week",o="month",c="quarter",p="year",h="date",l="Invalid Date",u=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,f=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,k={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],i=t%100;return"["+t+(e[(i-20)%10]||e[i]||e[0])+"]"}},m=function(t,e,i){var n=String(t);return!n||n.length>=e?t:""+Array(e+1-n.length).join(i)+t},b={s:m,z:function(t){var e=-t.utcOffset(),i=Math.abs(e),n=Math.floor(i/60),a=i%60;return(e<=0?"+":"-")+m(n,2,"0")+":"+m(a,2,"0")},m:function t(e,i){if(e.date()<i.date())return-t(i,e);var n=12*(i.year()-e.year())+(i.month()-e.month()),a=e.clone().add(n,o),r=i-a<0,s=e.clone().add(n+(r?-1:1),o);return+(-(n+(i-a)/(r?a-s:s-a))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return{M:o,y:p,w:d,d:s,D:h,h:r,m:a,s:n,ms:i,Q:c}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",_={};_[g]=k;var y="$isDayjsObject",v=function(t){return t instanceof Y||!(!t||!t[y])},w=function t(e,i,n){var a;if(!e)return g;if("string"==typeof e){var r=e.toLowerCase();_[r]&&(a=r),i&&(_[r]=i,a=r);var s=e.split("-");if(!a&&s.length>1)return t(s[0])}else{var d=e.name;_[d]=e,a=d}return!n&&a&&(g=a),a||!n&&g},M=function(t,e){if(v(t))return t.clone();var i="object"==typeof e?e:{};return i.date=t,i.args=arguments,new Y(i)},$=b;$.l=w,$.i=v,$.w=function(t,e){return M(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var Y=function(){function k(t){this.$L=w(t.locale,null,!0),this.parse(t),this.$x=this.$x||t.x||{},this[y]=!0}var m=k.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,i=t.utc;if(null===e)return new Date(NaN);if($.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var n=e.match(u);if(n){var a=n[2]-1||0,r=(n[7]||"0").substring(0,3);return i?new Date(Date.UTC(n[1],a,n[3]||1,n[4]||0,n[5]||0,n[6]||0,r)):new Date(n[1],a,n[3]||1,n[4]||0,n[5]||0,n[6]||0,r)}}return new Date(e)}(t),this.init()},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds()},m.$utils=function(){return $},m.isValid=function(){return!(this.$d.toString()===l)},m.isSame=function(t,e){var i=M(t);return this.startOf(e)<=i&&i<=this.endOf(e)},m.isAfter=function(t,e){return M(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<M(t)},m.$g=function(t,e,i){return $.u(t)?this[e]:this.set(i,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var i=this,c=!!$.u(e)||e,l=$.p(t),u=function(t,e){var n=$.w(i.$u?Date.UTC(i.$y,e,t):new Date(i.$y,e,t),i);return c?n:n.endOf(s)},f=function(t,e){return $.w(i.toDate()[t].apply(i.toDate("s"),(c?[0,0,0,0]:[23,59,59,999]).slice(e)),i)},k=this.$W,m=this.$M,b=this.$D,g="set"+(this.$u?"UTC":"");switch(l){case p:return c?u(1,0):u(31,11);case o:return c?u(1,m):u(0,m+1);case d:var _=this.$locale().weekStart||0,y=(k<_?k+7:k)-_;return u(c?b-y:b+(6-y),m);case s:case h:return f(g+"Hours",0);case r:return f(g+"Minutes",1);case a:return f(g+"Seconds",2);case n:return f(g+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var d,c=$.p(t),l="set"+(this.$u?"UTC":""),u=(d={},d[s]=l+"Date",d[h]=l+"Date",d[o]=l+"Month",d[p]=l+"FullYear",d[r]=l+"Hours",d[a]=l+"Minutes",d[n]=l+"Seconds",d[i]=l+"Milliseconds",d)[c],f=c===s?this.$D+(e-this.$W):e;if(c===o||c===p){var k=this.clone().set(h,1);k.$d[u](f),k.init(),this.$d=k.set(h,Math.min(this.$D,k.daysInMonth())).$d}else u&&this.$d[u](f);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[$.p(t)]()},m.add=function(i,c){var h,l=this;i=Number(i);var u=$.p(c),f=function(t){var e=M(l);return $.w(e.date(e.date()+Math.round(t*i)),l)};if(u===o)return this.set(o,this.$M+i);if(u===p)return this.set(p,this.$y+i);if(u===s)return f(1);if(u===d)return f(7);var k=(h={},h[a]=t,h[r]=e,h[n]=1e3,h)[u]||1,m=this.$d.getTime()+i*k;return $.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,i=this.$locale();if(!this.isValid())return i.invalidDate||l;var n=t||"YYYY-MM-DDTHH:mm:ssZ",a=$.z(this),r=this.$H,s=this.$m,d=this.$M,o=i.weekdays,c=i.months,p=function(t,i,a,r){return t&&(t[i]||t(e,n))||a[i].slice(0,r)},h=function(t){return $.s(r%12||12,t,"0")},u=i.meridiem||function(t,e,i){var n=t<12?"AM":"PM";return i?n.toLowerCase():n};return n.replace(f,(function(t,n){return n||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return $.s(e.$y,4,"0");case"M":return d+1;case"MM":return $.s(d+1,2,"0");case"MMM":return p(i.monthsShort,d,c,3);case"MMMM":return p(c,d);case"D":return e.$D;case"DD":return $.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return p(i.weekdaysMin,e.$W,o,2);case"ddd":return p(i.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(r);case"HH":return $.s(r,2,"0");case"h":return h(1);case"hh":return h(2);case"a":return u(r,s,!0);case"A":return u(r,s,!1);case"m":return String(s);case"mm":return $.s(s,2,"0");case"s":return String(e.$s);case"ss":return $.s(e.$s,2,"0");case"SSS":return $.s(e.$ms,3,"0");case"Z":return a}return null}(t)||a.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(i,h,l){var u,f=this,k=$.p(h),m=M(i),b=(m.utcOffset()-this.utcOffset())*t,g=this-m,_=function(){return $.m(f,m)};switch(k){case p:u=_()/12;break;case o:u=_();break;case c:u=_()/3;break;case d:u=(g-b)/6048e5;break;case s:u=(g-b)/864e5;break;case r:u=g/e;break;case a:u=g/t;break;case n:u=g/1e3;break;default:u=g}return l?u:$.a(u)},m.daysInMonth=function(){return this.endOf(o).$D},m.$locale=function(){return _[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var i=this.clone(),n=w(t,e,!0);return n&&(i.$L=n),i},m.clone=function(){return $.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},k}(),D=Y.prototype;return M.prototype=D,[["$ms",i],["$s",n],["$m",a],["$H",r],["$W",s],["$M",o],["$y",p],["$D",h]].forEach((function(t){D[t[1]]=function(e){return this.$g(e,t[0],t[1])}})),M.extend=function(t,e){return t.$i||(t(e,Y,M),t.$i=!0),M},M.locale=w,M.isDayjs=v,M.unix=function(t){return M(1e3*t)},M.en=_[g],M.Ls=_,M.p={},M}()),_.exports}var v,w,M,$,Y,D,x,L,S,E,H=b(y()),A={exports:{}},T=b(v?A.exports:(v=1,A.exports=(w="week",M="year",function(t,e,i){var n=e.prototype;n.week=function(t){if(void 0===t&&(t=null),null!==t)return this.add(7*(t-this.week()),"day");var e=this.$locale().yearStart||1;if(11===this.month()&&this.date()>25){var n=i(this).startOf(M).add(1,M).date(e),a=i(this).endOf(w);if(n.isBefore(a))return 1}var r=i(this).startOf(M).date(e).startOf(w).subtract(1,"millisecond"),s=this.diff(r,w,!0);return s<0?i(this).startOf("week").week():Math.ceil(s)},n.weeks=function(t){return void 0===t&&(t=null),this.week(t)}}))),V={exports:{}},j=($||($=1,V.exports=function(){var t={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},e=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,i=/\d/,n=/\d\d/,a=/\d\d?/,r=/\d*[^-_:/,()\s\d]+/,s={},d=function(t){return(t=+t)+(t>68?1900:2e3)},o=function(t){return function(e){this[t]=+e}},c=[/[+-]\d\d:?(\d\d)?|Z/,function(t){(this.zone||(this.zone={})).offset=function(t){if(!t)return 0;if("Z"===t)return 0;var e=t.match(/([+-]|\d\d)/g),i=60*e[1]+(+e[2]||0);return 0===i?0:"+"===e[0]?-i:i}(t)}],p=function(t){var e=s[t];return e&&(e.indexOf?e:e.s.concat(e.f))},h=function(t,e){var i,n=s.meridiem;if(n){for(var a=1;a<=24;a+=1)if(t.indexOf(n(a,0,e))>-1){i=a>12;break}}else i=t===(e?"pm":"PM");return i},l={A:[r,function(t){this.afternoon=h(t,!1)}],a:[r,function(t){this.afternoon=h(t,!0)}],Q:[i,function(t){this.month=3*(t-1)+1}],S:[i,function(t){this.milliseconds=100*+t}],SS:[n,function(t){this.milliseconds=10*+t}],SSS:[/\d{3}/,function(t){this.milliseconds=+t}],s:[a,o("seconds")],ss:[a,o("seconds")],m:[a,o("minutes")],mm:[a,o("minutes")],H:[a,o("hours")],h:[a,o("hours")],HH:[a,o("hours")],hh:[a,o("hours")],D:[a,o("day")],DD:[n,o("day")],Do:[r,function(t){var e=s.ordinal,i=t.match(/\d+/);if(this.day=i[0],e)for(var n=1;n<=31;n+=1)e(n).replace(/\[|\]/g,"")===t&&(this.day=n)}],w:[a,o("week")],ww:[n,o("week")],M:[a,o("month")],MM:[n,o("month")],MMM:[r,function(t){var e=p("months"),i=(p("monthsShort")||e.map((function(t){return t.slice(0,3)}))).indexOf(t)+1;if(i<1)throw new Error;this.month=i%12||i}],MMMM:[r,function(t){var e=p("months").indexOf(t)+1;if(e<1)throw new Error;this.month=e%12||e}],Y:[/[+-]?\d+/,o("year")],YY:[n,function(t){this.year=d(t)}],YYYY:[/\d{4}/,o("year")],Z:c,ZZ:c};function u(i){var n;n=s&&s.formats;for(var a=(i=i.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(e,i,a){var r=a&&a.toUpperCase();return i||n[a]||t[a]||n[r].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(t,e,i){return e||i.slice(1)}))}))).match(e),r=a.length,d=0;d<r;d+=1){var o=a[d],c=l[o],p=c&&c[1];a[d]=p?{regex:c&&c[0],parser:p}:o.replace(/^\[|\]$/g,"")}return function(t){for(var e={},i=0,n=0;i<r;i+=1){var s=a[i];if("string"==typeof s)n+=s.length;else{var d=s.regex,o=s.parser,c=t.slice(n),p=d.exec(c)[0];o.call(e,p),t=t.replace(p,"")}}return function(t){var e=t.afternoon;if(void 0!==e){var i=t.hours;e?i<12&&(t.hours+=12):12===i&&(t.hours=0),delete t.afternoon}}(e),e}}return function(t,e,i){i.p.customParseFormat=!0,t&&t.parseTwoDigitYear&&(d=t.parseTwoDigitYear);var n=e.prototype,a=n.parse;n.parse=function(t){var e=t.date,n=t.utc,r=t.args;this.$u=n;var d=r[1];if("string"==typeof d){var o=!0===r[2],c=!0===r[3],p=o||c,h=r[2];c&&(h=r[2]),s=this.$locale(),!o&&h&&(s=i.Ls[h]),this.$d=function(t,e,i,n){try{if(["x","X"].indexOf(e)>-1)return new Date(("X"===e?1e3:1)*t);var a=u(e)(t),r=a.year,s=a.month,d=a.day,o=a.hours,c=a.minutes,p=a.seconds,h=a.milliseconds,l=a.zone,f=a.week,k=new Date,m=d||(r||s?1:k.getDate()),b=r||k.getFullYear(),g=0;r&&!s||(g=s>0?s-1:k.getMonth());var _,y=o||0,v=c||0,w=p||0,M=h||0;return l?new Date(Date.UTC(b,g,m,y,v,w,M+60*l.offset*1e3)):i?new Date(Date.UTC(b,g,m,y,v,w,M)):(_=new Date(b,g,m,y,v,w,M),f&&(_=n(_).week(f).toDate()),_)}catch(t){return new Date("")}}(e,d,n,i),this.init(),h&&!0!==h&&(this.$L=this.locale(h).$L),p&&e!=this.format(d)&&(this.$d=new Date("")),s={}}else if(d instanceof Array)for(var l=d.length,f=1;f<=l;f+=1){r[1]=d[f-1];var k=i.apply(this,r);if(k.isValid()){this.$d=k.$d,this.$L=k.$L,this.init();break}f===l&&(this.$d=new Date(""))}else a.call(this,t)}}}()),V.exports),C=b(j),N={exports:{}},z=(Y||(Y=1,N.exports=function(t,e){e.prototype.isSameOrBefore=function(t,e){return this.isSame(t,e)||this.isBefore(t,e)}}),N.exports),I=b(z),R={exports:{}},O=(D||(D=1,R.exports=function(t,e){e.prototype.isSameOrAfter=function(t,e){return this.isSame(t,e)||this.isAfter(t,e)}}),R.exports),P=b(O),F={exports:{}},U=(x||(x=1,F.exports=function(t,e){e.prototype.toObject=function(){return{years:this.$y,months:this.$M,date:this.$D,hours:this.$H,minutes:this.$m,seconds:this.$s,milliseconds:this.$ms}}}),F.exports),K=b(U);L||(L=1,S=function(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}(y()),E={name:"sv",weekdays:"söndag_måndag_tisdag_onsdag_torsdag_fredag_lördag".split("_"),weekdaysShort:"sön_mån_tis_ons_tor_fre_lör".split("_"),weekdaysMin:"sö_må_ti_on_to_fr_lö".split("_"),months:"januari_februari_mars_april_maj_juni_juli_augusti_september_oktober_november_december".split("_"),monthsShort:"jan_feb_mar_apr_maj_jun_jul_aug_sep_okt_nov_dec".split("_"),weekStart:1,yearStart:4,ordinal:function(t){var e=t%10;return"["+t+(1===e||2===e?"a":"e")+"]"},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"YYYY-MM-DD",LL:"D MMMM YYYY",LLL:"D MMMM YYYY [kl.] HH:mm",LLLL:"dddd D MMMM YYYY [kl.] HH:mm",lll:"D MMM YYYY HH:mm",llll:"ddd D MMM YYYY HH:mm"},relativeTime:{future:"om %s",past:"för %s sedan",s:"några sekunder",m:"en minut",mm:"%d minuter",h:"en timme",hh:"%d timmar",d:"en dag",dd:"%d dagar",M:"en månad",MM:"%d månader",y:"ett år",yy:"%d år"}},S.default.locale(E,null,!0));var W;W||(W=1,"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),"January_February_March_April_May_June_July_August_September_October_November_December".split("_"));var Z;Z||(Z=1,function(){var t=function(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}(y()),e={name:"da",weekdays:"søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag".split("_"),weekdaysShort:"søn._man._tirs._ons._tors._fre._lør.".split("_"),weekdaysMin:"sø._ma._ti._on._to._fr._lø.".split("_"),months:"januar_februar_marts_april_maj_juni_juli_august_september_oktober_november_december".split("_"),monthsShort:"jan._feb._mar._apr._maj_juni_juli_aug._sept._okt._nov._dec.".split("_"),weekStart:1,yearStart:4,ordinal:function(t){return t+"."},formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY HH:mm",LLLL:"dddd [d.] D. MMMM YYYY [kl.] HH:mm"},relativeTime:{future:"om %s",past:"%s siden",s:"få sekunder",m:"et minut",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dage",M:"en måned",MM:"%d måneder",y:"et år",yy:"%d år"}};t.default.locale(e,null,!0)}());var B;B||(B=1,function(){var t=function(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}(y());function e(t,e,i,n){var a={s:"muutama sekunti",m:"minuutti",mm:"%d minuuttia",h:"tunti",hh:"%d tuntia",d:"päivä",dd:"%d päivää",M:"kuukausi",MM:"%d kuukautta",y:"vuosi",yy:"%d vuotta",numbers:"nolla_yksi_kaksi_kolme_neljä_viisi_kuusi_seitsemän_kahdeksan_yhdeksän".split("_")},r={s:"muutaman sekunnin",m:"minuutin",mm:"%d minuutin",h:"tunnin",hh:"%d tunnin",d:"päivän",dd:"%d päivän",M:"kuukauden",MM:"%d kuukauden",y:"vuoden",yy:"%d vuoden",numbers:"nollan_yhden_kahden_kolmen_neljän_viiden_kuuden_seitsemän_kahdeksan_yhdeksän".split("_")},s=n&&!e?r:a;return s[i].replace("%d",t<10?s.numbers[t]:t)}var i={name:"fi",weekdays:"sunnuntai_maanantai_tiistai_keskiviikko_torstai_perjantai_lauantai".split("_"),weekdaysShort:"su_ma_ti_ke_to_pe_la".split("_"),weekdaysMin:"su_ma_ti_ke_to_pe_la".split("_"),months:"tammikuu_helmikuu_maaliskuu_huhtikuu_toukokuu_kesäkuu_heinäkuu_elokuu_syyskuu_lokakuu_marraskuu_joulukuu".split("_"),monthsShort:"tammi_helmi_maalis_huhti_touko_kesä_heinä_elo_syys_loka_marras_joulu".split("_"),ordinal:function(t){return t+"."},weekStart:1,yearStart:4,relativeTime:{future:"%s päästä",past:"%s sitten",s:e,m:e,mm:e,h:e,hh:e,d:e,dd:e,M:e,MM:e,y:e,yy:e},formats:{LT:"HH.mm",LTS:"HH.mm.ss",L:"DD.MM.YYYY",LL:"D. MMMM[ta] YYYY",LLL:"D. MMMM[ta] YYYY, [klo] HH.mm",LLLL:"dddd, D. MMMM[ta] YYYY, [klo] HH.mm",l:"D.M.YYYY",ll:"D. MMM YYYY",lll:"D. MMM YYYY, [klo] HH.mm",llll:"ddd, D. MMM YYYY, [klo] HH.mm"}};t.default.locale(i,null,!0)}());var G;G||(G=1,function(){var t=function(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}(y()),e={name:"nb",weekdays:"søndag_mandag_tirsdag_onsdag_torsdag_fredag_lørdag".split("_"),weekdaysShort:"sø._ma._ti._on._to._fr._lø.".split("_"),weekdaysMin:"sø_ma_ti_on_to_fr_lø".split("_"),months:"januar_februar_mars_april_mai_juni_juli_august_september_oktober_november_desember".split("_"),monthsShort:"jan._feb._mars_april_mai_juni_juli_aug._sep._okt._nov._des.".split("_"),ordinal:function(t){return t+"."},weekStart:1,yearStart:4,formats:{LT:"HH:mm",LTS:"HH:mm:ss",L:"DD.MM.YYYY",LL:"D. MMMM YYYY",LLL:"D. MMMM YYYY [kl.] HH:mm",LLLL:"dddd D. MMMM YYYY [kl.] HH:mm"},relativeTime:{future:"om %s",past:"%s siden",s:"noen sekunder",m:"ett minutt",mm:"%d minutter",h:"en time",hh:"%d timer",d:"en dag",dd:"%d dager",M:"en måned",MM:"%d måneder",y:"ett år",yy:"%d år"}};t.default.locale(e,null,!0)}()),H.extend(T),H.extend(C),H.extend(I),H.extend(P),H.extend(K);const q="calendar",X="months",J="years";function Q({year:t,month:e,date:i}){return H().set("year",t).set("month",e).set("date",i)}function tt(t,e){if(!t)return!1;const i="string"==typeof t?t:Q(t);return H(i,e,!0).isValid()}function et(t,e){const i="string"==typeof t?t:Q(t);return H(i,e)}function it(t,e,i){const n=function({year:t,month:e,date:i,day:n}){const a=H().set("y",t).set("M",e).set("D",i);return"number"==typeof n?a.set("d",n):a}(t);return n.locale("no"===e?"nb":e).format(i)}function nt(t,e){const i="string"==typeof t?et(t,e):t;return{year:i.get("year"),month:i.get("month"),date:i.get("date"),day:i.get("day")}}function at(t,e,i,n){const a=et(t,i),r=et(e,i);return a.isSameOrBefore(r,n)}function rt(t,e,i,n){const a=et(t,i),r=et(e,i);return a.isSameOrAfter(r,n)}function st(t,e,i,n){if(!tt(t,i)||!tt(e,i))return!1;let a=et(t,i),r=et(e,i);return"month"===n&&(a=a.set("year",2e3),r=r.set("year",2e3)),a.isSame(r,n)}function dt({data:t,amount:e=1,unit:i,minus:n,plus:a}){return n?t.subtract(e,i):a?t.add(e,i):t}const ot=class extends(e(u)){constructor(t){super(),i(this,t),this.dateselection=n(this,"dateselection",7),this.dateSelection=n(this,"dateSelection",7),this.dateInvalid=n(this,"dateInvalid",7),this.toggleCalendar=n(this,"toggleCalendar",7),this.currentView=n(this,"currentView",7)}id=`pn-date-picker-${o()}`;idStart=`${this.id}-from`;idEnd=`${this.id}-to`;idStartButton=`${this.id}-from-button`;idEndButton=`${this.id}-to-button`;idHelper=`${this.id}-helper`;idError=`${this.id}-error`;idCalendar=`${this.id}-calendar`;mo;calendarElement;today=function(){return H()}();separators=[];separatorRegex=/[^a-zA-Z\d\s:]/g;listMonths=[0,1,2,3,4,5,6,7,8,9,10,11];listWeek=[1,2,3,4,5,6,0];get hostElement(){return a(this)}open=!1;openUp=!1;selectingEnd=!1;grid;viewYearStart=null;dateViewYear;dateViewMonth;dateViewDate;showHelperSlot;showErrorSlot;labelFrom;labelTo;helpertext;language=void 0;start="";end="";name;nameEnd;placeholder;endPlaceholder;placeholderEnd;autocomplete;list;listEnd;pattern;required=!1;readonly=!1;disabled=!1;format="YYYY-MM-DD";disableTypeAhead=!1;disableWeekends=!1;disabledDates;disableMaxLength=!1;range=!1;rangeLimit;weekNumbers=!1;compact=!1;calendarUp=!1;view="calendar";invalid=!1;error;pnId;pnAriaLabel;pnAriaLabelEnd;pnAriaLabelledby;pnAriaLabelledbyEnd;dateId;minDate=null;watchMin(){null!==this.minDate&&(tt(this.minDate,this.format)||(this.minDate=null))}maxDate=null;watchMax(){null!==this.maxDate&&(tt(this.maxDate,this.format)||(this.maxDate=null))}watchValue(){if(!tt(this.start,this.format))return this.dateInvalid.emit({start:this.start});const{year:t,month:e,date:i}=nt(this.start,this.format);this.setViewYear({year:t}),this.setViewMonth({month:e}),this.setViewDate({date:i}),this.range&&rt(this.start,this.end,this.format,"date")&&(this.end=""),this.emitSelection()}watchValueTo(){if(!this.range)return;if(!tt(this.end,this.format))return this.dateInvalid.emit({end:this.end});const t=et(this.end,this.format);if(this.setViewYear({year:t.year()}),this.setViewMonth({month:t.month()}),this.setViewDate({date:t.date()}),rt(this.start,this.end,this.format,"date")){const t=this.start;this.start=this.end,this.end=t}this.emitSelection()}handleFormat(){this.separators.length=0,this.format.split("").forEach(((t,e)=>this.separatorRegex.exec(t)&&this.separators.push({name:t,index:e})))}watchId(){this.idStart=this.getId(),this.idEnd=`${this.getId()}-end`,this.idStartButton=`${this.idStart}-from-button`,this.idEndButton=`${this.idEnd}-to-button`,this.idHelper=`${this.idStart}-helper`,this.idError=`${this.idStart}-error`,this.idCalendar=`${this.idStart}-calendar`}watchView(){tt(this.getCurrentDateObject(),this.format)&&this.updateGrid()}watchOpen(){if(this.toggleCalendar.emit(this.open),this.dropdownHandler(),!this.open)return this.removeGlobalEventListeners();this.addGlobalEventListeners(),this.calendarElement.style.removeProperty("--pn-calendar-offset-left"),this.openUp=this.calendarUp,requestAnimationFrame((()=>{const t=this.getRect(this.hostElement),{scrollHeight:e}=this.calendarElement,{innerHeight:i,innerWidth:n}=window,a=c(),r=t.y-a,s=i-t.bottom,d=r>e;this.openUp=this.openUp&&(d||r>s)||!(s>e)&&d;const o=this.getRect(this.calendarElement),h=p(),l=t.x+t.width/2-o.width/2-o.x,u=o.x+l,f=h+16;let k=l;u<f?k=f-o.x:u+o.width>n-16&&(k=n-16-o.width-o.x),this.calendarElement.style.setProperty("--pn-calendar-offset-left",`${Math.floor(k)}px`)}))}handleMessage(){this.checkSlottedHelper(),this.checkSlottedError()}handleView(){this.currentView.emit(this.view)}dateselection;dateSelection;emitSelection(){const t={start:this.start};if(this.range){const e=function(t,e,i){const n=et(t,i);return et(e,i).diff(n,"d")}(this.start,this.end,this.format);t.end=this.end,t.days="number"==typeof e?e+1:null}this.dateSelection.emit(t),this.dateselection.emit(t)}dateInvalid;toggleCalendar;currentView;handleResize(){this.open&&this.toggleGrid(!1)}connectedCallback(){this.mo=new MutationObserver((()=>{r(this.hostElement),this.handleMessage()})),this.mo.observe(this.hostElement,{childList:!0,subtree:!0})}disconnectedCallback(){this.mo&&this.mo.disconnect()}async componentWillLoad(){this.handleFormat(),this.handleMessage();const t=tt(this.start||this.end,this.format)&&nt(this.start||this.end,this.format),{year:e,month:i,date:n}=nt(this.today);this.setViewDate({date:t.date||n}),this.setViewMonth({month:t.month||i}),this.setViewYear({year:t.year||e}),void 0===this.language&&await h(this.hostElement)}getId(){return this.pnId||this.dateId||this.id}getAriaLabel(t){return t?this.labelTo||this.pnAriaLabelledbyEnd?null:this.pnAriaLabelEnd:this.labelFrom||this.pnAriaLabelledby?null:this.pnAriaLabel}getAriaLabelledby(t){return t?this.labelTo||this.pnAriaLabelEnd?null:this.pnAriaLabelledbyEnd:this.labelFrom||this.pnAriaLabel?null:this.pnAriaLabelledby}getPlaceholder(t){return this.compact?" ":t?this.placeholderEnd||this.endPlaceholder||this.format:this.placeholder||this.format}dropdownHandler(){this.open?this.openDropdown(this.calendarElement):this.closeDropdown(this.calendarElement)}globalEvents=t=>{const e=t.target,i=e?.closest(this.hostElement.localName);i||this.toggleGrid(!1)};addGlobalEventListeners(){this.hostElement.getRootNode().addEventListener("click",this.globalEvents)}removeGlobalEventListeners(){this.hostElement.getRootNode().removeEventListener("click",this.globalEvents)}translate(t){return m?.[t?.toUpperCase()]?.[this.language||l]||t?.toUpperCase()}translateDateText(t,e){return it({...this.getCurrentDateObject(),...t},this.language,e)}getRect(t){return t.getBoundingClientRect()}toggleGrid(t,e){this.open=t??!this.open,this.selectingEnd=e}hasHelperText(){return this.helpertext?.length>0||this.showHelperSlot}hasErrorMessage(){return this.error?.length>0||this.showErrorSlot}hasError(){return this.hasErrorMessage()||this.invalid||this.showErrorSlot}checkSlottedHelper(){const t=this.hostElement.querySelector("[slot=helpertext]")?.textContent;this.showHelperSlot=!!t?.length}checkSlottedError(){const t=this.hostElement.querySelector("[slot=error]")?.textContent;this.showErrorSlot=!!t?.length}hideHelpertext(){return this.hasErrorMessage()||!this.hasHelperText()}hideError(){return!this.hasErrorMessage()}viewingCalendar(){return this.view===q}viewingMonth(){return this.view===X}viewingYears(){return this.view===J}viewType(){return this.viewingCalendar()?"date":this.viewingMonth()?"month":"year"}isBeforeMax(t){return!this.maxDate||at(t,this.maxDate,this.format,this.viewType())}isAfterMin(t){return!this.minDate||rt(t,this.minDate,this.format,this.viewType())}isDisabledWeekend(t){return!!this.viewingCalendar()&&!!this.disableWeekends&&t>=6}isDisabledDate(t){return!(!this.disabledDates?.length||!this.viewingCalendar())&&!!this.disabledDates.split(",").find((e=>st(e,t,this.format,this.viewType())))}isDisabled(t){const e=!this.isBeforeMax(t),i=!this.isAfterMin(t),n=this.viewingCalendar()&&this.isDisabledWeekend(t.day),a=this.isDisabledDate(t);return{disabled:e||i||n||a,manualDisable:a,weekendDisable:n,minMaxDisable:e||i}}updateGrid(){this.grid=function(t,e){const i=[],n=[],a=H().set("year",t).set("month",e),r=a.daysInMonth();for(let t=0;r>t;t++){const e=a.set("date",t),n=e.week();i.push({week:n,day:e.day()+1,date:t+1})}const s=[...new Set(i.map((({week:t})=>t)))];return s.forEach(((t,e)=>{const a=i.filter((e=>e.week===t));if(0===e&&7!==a.length){const e=7-a.length;for(let i=0;e>i;i++)a.unshift({week:t,blank:!0})}if(e+1===s.length&&7!==a.length){const e=7-a.length;for(let i=0;e>i;i++)a.push({week:t,blank:!0})}n.push({week:t,list:a})})),n}(this.dateViewYear,this.dateViewMonth)}getCurrentViewDate(t=this.getCurrentDateObject()){return it(t,this.language,"MMMM YYYY")}isSelected(t,e=!1){return st(e?this.end:this.start,this.getCurrentDateObject(t),this.format,this.viewType())}isToday(t){return st(this.today.format(this.format),this.getCurrentDateObject(t),this.format,this.viewType())}getCurrentDateObject({year:t=this.dateViewYear,month:e=this.dateViewMonth,date:i=this.dateViewDate,day:n}={}){return{year:t,month:e,date:i,day:n}}calendarKeyboardNavigation(t,e,i=!1){if(!["Enter","Space","ArrowRight","ArrowLeft","ArrowUp","ArrowDown","Home","End","PageDown","PageUp","Escape"].includes(t.code))return;if(t.preventDefault(),"Escape"===t.code)return this.toggleGrid(!1);const n=!i&&t.code.match(/^(Enter|Space)$/);if(n&&this.viewingYears())return this.setViewYear({year:e.year,reset:!0});if(n&&this.viewingMonth())return this.setViewMonth({month:e.month,grid:!0,reset:!0});if(n&&this.viewingCalendar())return this.setValue(e.date);const a=this.navDirection(t,e);if(!a)return;const{year:r,month:s,date:d}=a;this.setViewYear({year:r}),this.setViewMonth({month:s,grid:!0}),this.setViewDate({date:d}),this.resetFocus()}navDirection(t,e){const{code:i}=t;return nt(function(t,e,i,n){return"date"===n?function(t,e,i){const n=Q(e),{space:a,enter:r,next:s,down:d,previous:o,upwards:c,pageDown:p,pageUp:h,end:l,home:u}=function(t){return{enter:"Enter"===t,space:"Space"===t,next:"ArrowRight"===t,previous:"ArrowLeft"===t,down:"ArrowDown"===t,upwards:"ArrowUp"===t,pageDown:"PageDown"===t,pageUp:"PageUp"===t,end:"End"===t,home:"Home"===t}}(t);if(a||r)return n;if(s||d)return n.add(s?1:7,"day");if(o||c)return n.subtract(o?1:7,"day");if(p)return n.add(1,"month");if(h)return n.subtract(1,"month");const f=n.get("day"),k=0===f?-6:1;return l&&0!==f?n.set("day",i?5:7):u&&1!==f?n.set("day",k):n}(t,e,i):function(t,e,i){const n=Q(e);if(t.match(/^(Enter|Space)$/))return n;const a="ArrowRight"===t,r="ArrowLeft"===t,s="ArrowDown"===t,d="ArrowUp"===t,o=a||r?1:3,{years:c,months:p}=n.toObject(),h="year"===i?c:p,l="year"===i?"month":"year";return a||s?n.set(i,h+o).set(l,e[l]):r||d?n.set(i,h-o).set(l,e[l]):n}(t,e,n)}(i,e,this.disableWeekends,this.viewType()))}getYearGrid(){const t=[];let e=this.viewYearStart-7;for(let i=0;15>i;i++)t.push(e++);return t}setView(t){this.view=t,requestAnimationFrame((()=>this.focusCalendar()))}setNavView(t){return this.viewingYears()?this.setViewYear({...t,grid:!0}):this.setViewMonth(t)}setViewYear({year:t=this.dateViewYear,minus:e=!1,plus:i=!1,reset:n=!1,grid:a=!1}){const r=function({year:t,minus:e=!1,plus:i=!1}){return dt({data:H().set("year",t),unit:"y",plus:i,minus:e}).year()}({year:t,minus:e,plus:i}),s=this.viewYearStart,d=s+7,o=s-7;a?(this.viewYearStart=e?this.viewYearStart-15:this.viewYearStart+15,this.dateViewYear=this.viewYearStart):this.dateViewYear=r,(null===s||r>d||o>r)&&(this.viewYearStart=r),n&&this.setView(q)}setViewMonth({month:t=this.dateViewMonth,minus:e=!1,plus:i=!1,reset:n=!1,grid:a=!1}){const r=function({month:t,minus:e=!1,plus:i=!1}){return dt({data:H().set("month",t),unit:"M",plus:i,minus:e}).month()}({month:t,minus:e,plus:i});this.dateViewMonth=r,!a&&0===t&&e&&this.setViewYear({minus:!0}),!a&&11===t&&i&&this.setViewYear({plus:!0}),n&&this.setView(q)}setViewDate({date:t}){this.dateViewDate=t}handleSeparator(t){let e=t.target.value;const i=this.separators.find((({index:t})=>t===e.length));return i?.name&&(e+=i.name),e}inputHandler(t,e=!1){const i=e?"end":"start",n=this.disableTypeAhead?t.target.value:this.handleSeparator(t);this[i]=n}setValue(t){const e=it(this.getCurrentDateObject({date:t}),this.language,this.format);this.selectingEnd?this.end=e:this.start=e,this.setViewDate({date:t}),this.range&&!this.selectingEnd||(this.toggleGrid(!1),this.focusToggleCalendarButton()),this.range&&!this.selectingEnd&&(this.selectingEnd=!0)}getDayAttributes(t,e){const i=this.getCurrentDateObject(t),{disabled:n}=this.isDisabled(i);if(e)return{"data-blank":!0};const a=this.viewType(),r=i[a],s="date"!==a?"disabled":"aria-disabled",d="date"!==a?"aria-pressed":"aria-selected",o=this.isSelected(i),c=this.isSelected(i,!0),p=o||c,h=this.range&&rt(i,this.start,this.format,this.viewType()),l=this.range&&at(i,this.end,this.format,this.viewType()),u=h&&l,f=n&&("date"===a||!p);var k;const m={onKeyDown:t=>this.calendarKeyboardNavigation(t,i,f),tabindex:this[`dateView${k=a,k.charAt(0).toUpperCase()+k.slice(1)}`]===r?"0":"-1",[d]:(p||u)?.toString(),"aria-current":this.isToday(i)?"date":null,"data-active":f?null:p,"data-today":this.isToday(i),"data-option":"true",[`data-${a}`]:r,[s]:f?"true":null},b=st(this.start,this.end,this.format,"date");return this.range&&!b?(m["data-range"]=u,m["data-range-from"]=o&&""!==this.end,m["data-range-to"]=c&&""!==this.start):m["data-single"]=!0,this.viewingCalendar()&&(m.onClick=()=>this.setValue(i.date)),this.viewingMonth()&&(m.onClick=()=>this.setViewMonth({month:i.month,reset:!0})),this.viewingYears()&&(m.onClick=()=>this.setViewYear({year:i.year,reset:!0})),f&&delete m.onClick,m}focusToggleCalendarButton(){requestAnimationFrame((()=>{this.hostElement.querySelector(`#${this.range?this.idEndButton:this.idStartButton}`).focus({preventScroll:!0})}))}focusCalendar(){requestAnimationFrame((()=>{const t=this.calendarTabElement({first:!0,grid:!0});t?.focus({preventScroll:!0})}))}resetFocus(){if(this.open)return this.focusCalendar();this.focusToggleCalendarButton()}handleButtonBlur(t){if("Escape"===t.code&&(t.preventDefault(),t.stopImmediatePropagation()),this.open&&"Tab"===t.key)return this.focusCalendar()}calendarTabElement({first:t,grid:e}){const i=':is(input, select, button:not([tabindex="-1"]), td[tabindex="0"])',n=this.calendarElement.querySelectorAll(i),a=Array.from(n).filter((({localName:t,offsetParent:e})=>i.includes(t)&&null!==e)),r=a.find((({dataset:t,tabIndex:e})=>t.option&&0===e));return e&&r?r:t?a.shift():a.pop()}handleCalendarTabEsc(t){const e=t.target,i=this.calendarTabElement({first:t.shiftKey});if(t.stopImmediatePropagation(),"Escape"===t.code)return t.preventDefault(),this.toggleGrid(!1),void this.focusToggleCalendarButton();"Tab"===t.code&&e.isEqualNode(i)&&(t.preventDefault(),this.calendarTabElement({first:!t.shiftKey}).focus({preventScroll:!0}))}ariaDescribedby(){const t=[];return this.hasErrorMessage()?t.push(this.idError):this.hasHelperText()&&t.push(this.idHelper),t.length?t.join(" "):null}renderDateGrid(){return s("table",{role:"grid",class:"pn-date-picker-table","aria-multiselectable":this.range?"true":null},s("caption",{class:"pn-date-picker-sr-only",key:this.getCurrentViewDate()},this.getCurrentViewDate()),s("thead",{class:"pn-date-picker-thead"},s("tr",{class:"pn-date-picker-tr"},this.weekNumbers&&s("th",{class:"pn-date-picker-th",scope:"col","aria-hidden":"true"}),this.listWeek.map((t=>s("th",{class:"pn-date-picker-th",scope:"col",abbr:this.translateDateText({day:t},"dddd")},this.translateDateText({day:t},"ddd")))))),s("tbody",{class:"pn-date-picker-tbody"},this.grid?.map((({week:t,list:e})=>s("tr",{key:`${this.dateViewYear}-${t}`,class:"pn-date-picker-tr"},this.weekNumbers&&s("td",{class:"pn-date-picker-td","data-blank":!0,"data-week":!0,title:`${this.translate("WEEK_NAME")} ${t}`,"aria-hidden":"true"},s("span",{class:"pn-date-picker-td-week"},t)),e.map((({day:t,date:e,blank:i})=>s("td",{key:`${this.dateViewYear}-${this.dateViewMonth}-${e}`,class:"pn-date-picker-td",...this.getDayAttributes({date:e,day:t},i)},s("span",{class:"pn-date-picker-td-text"},e)))))))))}renderMonthGrid(){return s("ul",{class:"pn-date-picker-list"},this.listMonths.map((t=>s("li",{key:t,class:"pn-date-picker-item","data-item":"month"},s("button",{type:"button",class:"pn-date-picker-button",...this.getDayAttributes({month:t},!1)},s("span",{class:"pn-date-picker-month","data-full":!0},this.translateDateText({month:t},"MMMM")),s("span",{class:"pn-date-picker-month","data-abbr":!0},this.translateDateText({month:t},"MMM")))))))}renderYearGrid(){return s("ul",{class:"pn-date-picker-list"},this.getYearGrid()?.map((t=>s("li",{key:t,class:"pn-date-picker-item","data-item":"year"},s("button",{type:"button",class:"pn-date-picker-button",...this.getDayAttributes({year:t},!1)},s("span",null,t))))))}renderLabel(t=!1){const e=t?this.labelTo:this.labelFrom;return e?s("label",{class:"pn-date-picker-label",htmlFor:t?this.idEnd:this.idStart,"data-compact":this.compact},s("span",null,e)):null}renderInput({end:t=!1}={}){const e=t?this.idEnd:this.idStart,i=t?this.idEndButton:this.idStartButton,n=t?this.end:this.start,a=t?this.listEnd:this.list,r=t?this.nameEnd:this.name,d=!!this.open&&(this.selectingEnd?t:!t),o=this.translate("SELECT_DATE"),c=this.translate(`SELECTED_${this.range?t?"END_":"START_":""}DATE`);let p=o;n&&(p+=`, ${c.replace("{date}",n)}`);const h=!(this.disabled||this.readonly);return s("div",{class:"pn-date-picker-container","data-error":this.hasError()},!this.compact&&this.renderLabel(t),s("div",{class:"pn-date-picker-field"},s("input",{type:"text",id:e,class:"pn-date-picker-input",name:r,placeholder:this.getPlaceholder(t),autocomplete:this.autocomplete,maxlength:this.disableMaxLength?null:this.format.length,list:a,pattern:this.pattern,value:n,disabled:this.disabled,required:this.required,readonly:this.readonly,"aria-label":this.getAriaLabel(t),"aria-labelledby":this.getAriaLabelledby(t),"aria-describedby":this.ariaDescribedby(),"aria-invalid":this.hasError()?.toString(),"data-active":d,"data-compact":this.compact,onInput:e=>this.inputHandler(e,t)}),this.compact&&this.renderLabel(t),h&&s("pn-button",{class:"pn-date-picker-toggle",buttonId:i,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="M9 3.5a1 1 0 0 1 1 1V5h4v-.5a1 1 0 1 1 2 0V5h2a3 3 0 0 1 3 3v9a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3V8a3 3 0 0 1 3-3h2v-.5a1 1 0 0 1 1-1M8 7H6a1 1 0 0 0-1 1v1.5h14V8a1 1 0 0 0-1-1h-2v.5a1 1 0 1 1-2 0V7h-4v.5a1 1 0 0 1-2 0zm11 4.5H5V17a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1z" clip-rule="evenodd"/></svg>',iconOnly:!0,appearance:"light",arialabel:p,ariaexpanded:this.open.toString(),ariacontrols:this.idCalendar,"data-active":this.open,"data-input":!0,small:!0,onPnClick:()=>this.toggleGrid(null,t),onKeyDown:t=>this.handleButtonBlur(t)})))}render(){return s(d,{key:"dbe09316ddf6365ad119afe9fd01a363aa3cf9bf"},s("div",{key:"b6aa1c922859c282529ff9e1297aacc79111a0f9",class:"pn-date-picker"},this.renderInput(),this.range&&s("div",{key:"48d050a834a2df16b33759bbe117a5c378dfa069",class:"pn-date-picker-range-icon test"},s("pn-icon",{key:"6b6507409ba5eaf3de232dff28785d9c7c0a85f0",icon:k})),this.range&&this.renderInput({end:this.range})),s("div",{key:"9a9d31f221aabbf0927bcc8ae602d1330d75b4d3",id:this.idCalendar,class:"pn-date-picker-calendar",role:"dialog","aria-label":this.translate("CALENDAR_NAVIGATION"),"data-open":this.open,"data-direction":this.openUp?"top":"bottom","data-range":this.range,style:{height:"0px"},ref:t=>this.calendarElement=t,onKeyDown:t=>this.handleCalendarTabEsc(t)},s("div",{key:"56137ab966418bda3abd61bbcc12ff004feca5c0",class:"pn-date-picker-wrapper"},s("nav",{key:"67a2fea072a8e4953fa9803e77d0245760b7195a",class:"pn-date-picker-nav","aria-labelledby":this.idCalendar},s("pn-button",{key:"9d9d0aa471baa6d6183a4b3b920cf8d05737e8a1",hidden:this.viewingMonth(),small:!0,appearance:"light",arialabel:this.translate(`PREVIOUS_${this.viewType().toUpperCase()}`),icon:f,iconOnly:!0,onPnClick:()=>this.setNavView({minus:!0})}),s("pn-button",{key:"57988169fdd38cb05c18c6d4f8e71ded23f97f5f",hidden:!this.viewingCalendar(),small:!0,appearance:"light",onPnClick:()=>this.setView(X)},s("span",{key:"93c98b9aeabdc4b08e59afdaf8655dfe3c440b13",class:"pn-date-picker-month","data-full":!0},this.translateDateText({date:1},"MMMM")),s("span",{key:"9c0b0c3378f00755ef84e5e87426c1a9bedb0651",class:"pn-date-picker-month","data-abbr":!0},this.translateDateText({date:1},"MMM"))),s("h2",{key:"02d40d1aa03dd69f5b344295713ec9c45431b3e9",hidden:this.viewingCalendar(),class:"pn-date-picker-title"},this.translate(`SELECT_${this.viewType().toUpperCase()}`)),s("pn-button",{key:"4f953719a89967b10c98472b24f732c42cd61e3c",hidden:!this.viewingCalendar(),small:!0,appearance:"light",onPnClick:()=>this.setView(J)},s("span",{key:"a91a0dd940b94d0f71d887508644d6acfa3ef098"},this.dateViewYear)),s("pn-button",{key:"3eabe547992de22014f3e229c9e7e17eab395d56",hidden:this.viewingMonth(),small:!0,appearance:"light",arialabel:this.translate(`NEXT_${this.viewType().toUpperCase()}`),icon:k,iconOnly:!0,onPnClick:()=>this.setNavView({plus:!0})})),this.viewingYears()&&this.renderYearGrid(),this.viewingMonth()&&this.renderMonthGrid(),this.viewingCalendar()&&this.renderDateGrid(),s("aside",{key:"6eaefead16141908688578834b1e6a2ba87e8161",class:"pn-date-picker-chips"},s("slot",{key:"43bcfa9bb50d6dbd912ae8cfee339b642b9363a5",name:"chips"})),s("nav",{key:"b22d7112ba5d3d012f5d2617586bd251547f4ed7",class:"pn-date-picker-bottom",hidden:this.viewingCalendar()},s("pn-button",{key:"41031640dbac5130b3fb9029b36c5e732068c78f",appearance:"light",variant:"outlined",small:!0,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="M11.707 21.707a1 1 0 0 0 0-1.414L8.414 17H11.5a7.5 7.5 0 0 0 0-15H11a1 1 0 1 0 0 2h.5a5.5 5.5 0 1 1 0 11H8.414l3.293-3.293a1 1 0 0 0-1.414-1.414l-5 5a1 1 0 0 0 0 1.414l5 5a1 1 0 0 0 1.414 0M7 3a1 1 0 0 0 1 1h.01a1 1 0 0 0 0-2H8a1 1 0 0 0-1 1" clip-rule="evenodd"/></svg>',onPnClick:()=>this.setView(q)},s("span",{key:"08568a439547db8728c3f110c00854d49ec7eb77"},this.translate("GO_CALENDAR")))))),s("p",{key:"e890351198e9eaa85e9db3bcc55bc8bdd48f3538",id:this.idHelper,class:"pn-date-picker-helpertext",hidden:this.hideHelpertext()},s("span",{key:"0b776595b33ed64cb73b5060d023eb89421ad758"},this.helpertext),s("slot",{key:"e9ef3797e3baae78dca7efc2313e1b6cf9c7efd7",name:"helpertext"})),s("p",{key:"aa43fb6eaf42251bb7dadab0f724edee0e6d42b2",id:this.idError,class:"pn-date-picker-error",role:"alert",hidden:this.hideError()},s("span",{key:"556bfbb5e5ba697234734eb601445150b23ddcf2"},this.error),s("slot",{key:"21dd12fd2c3f1ac814699f4785ece567136cedd2",name:"error"})))}static get watchers(){return{minDate:[{watchMin:1}],maxDate:[{watchMax:1}],start:[{watchValue:0}],end:[{watchValueTo:0}],format:[{handleFormat:0}],dateId:[{watchId:0}],pnId:[{watchId:1}],dateViewYear:[{watchView:0}],dateViewMonth:[{watchView:0}],dateViewDate:[{watchView:0}],open:[{watchOpen:0}],helpertext:[{handleMessage:0}],error:[{handleMessage:0}],view:[{handleView:0}]}}};ot.style=`${t("pn-date-picker")}{position:relative;display:block}${t("pn-date-picker")} .pn-date-picker{width:100%;display:flex;flex-wrap:wrap;gap:0.25em;container-type:inline-size}@container (max-width: 24em){${t("pn-date-picker")} .pn-date-picker .pn-date-picker-container{flex:1 1 20em}${t("pn-date-picker")} .pn-date-picker .pn-date-picker-range-icon{display:none}}${t("pn-date-picker")} .pn-date-picker-container{display:block;flex:1 1 11em}${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-label{color:#a70707}${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input{border-color:#a70707}${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input:hover{border-color:#500715}${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input:-webkit-autofill,${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input:-webkit-autofill:hover,${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input:-webkit-autofill:focus,${t("pn-date-picker")} .pn-date-picker-container[data-error]>.pn-date-picker-field .pn-date-picker-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #fef7f6 inset;-webkit-text-fill-color:#2d2013}${t("pn-date-picker")} .pn-date-picker-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, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-date-picker")} .pn-date-picker-label{transition-duration:0s;transition-delay:0s}}${t("pn-date-picker")} .pn-date-picker-label[data-compact]{position:absolute;top:1.5625em;left:calc(var(--pn-input-offset-left, 0px) + 0.75em + 0.0625em);margin:0;pointer-events:none;align-items:center;height:1.5em;max-width:calc(100% - (var(--pn-input-offset-left, 0px) + 0.75em) - (var(--pn-input-offset-right, 0px) + 0.75em));transform:translateY(-50%) scale(1) translateZ(0);transform-origin:0 0;transition-delay:0.2s}${t("pn-date-picker")} .pn-date-picker-label[data-compact]>span{font-size:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.5em}${t("pn-date-picker")} .pn-date-picker-label>span{font-size:0.875em}${t("pn-date-picker")} .pn-date-picker-field{position:relative;display:flex}${t("pn-date-picker")} .pn-date-picker-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}${t("pn-date-picker")} .pn-date-picker-input:-webkit-autofill,${t("pn-date-picker")} .pn-date-picker-input:-webkit-autofill:hover,${t("pn-date-picker")} .pn-date-picker-input:-webkit-autofill:focus,${t("pn-date-picker")} .pn-date-picker-input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}${t("pn-date-picker")} .pn-date-picker-input{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-date-picker")} .pn-date-picker-input:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${t("pn-date-picker")} .pn-date-picker-input{transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-date-picker")} .pn-date-picker-input{transition-duration:0s;transition-delay:0s}}${t("pn-date-picker")} .pn-date-picker-input[data-compact]{text-align:left;padding-top:1.125em;padding-bottom:0.375em;max-width:unset}${t("pn-date-picker")} .pn-date-picker-input[data-compact]::placeholder{color:transparent}${t("pn-date-picker")} .pn-date-picker-input[data-compact]:focus+.pn-date-picker-label,${t("pn-date-picker")} .pn-date-picker-input[data-compact]:not(:placeholder-shown)+.pn-date-picker-label{transform:translateY(-85%) scale(0.75);transition-delay:0s}${t("pn-date-picker")} .pn-date-picker-input::placeholder{color:#5e554a;font-weight:normal}${t("pn-date-picker")} .pn-date-picker-input:hover{border-color:#005d92}${t("pn-date-picker")} .pn-date-picker-input:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${t("pn-date-picker")} .pn-date-picker-input{padding-right:3em;flex:auto;width:100%}${t("pn-date-picker")} .pn-date-picker-input::-webkit-calendar-picker-indicator{visibility:hidden;inline-size:0}${t("pn-date-picker")} .pn-date-picker-input::-webkit-textfield-decoration-container,${t("pn-date-picker")} .pn-date-picker-input::-webkit-search-cancel-button,${t("pn-date-picker")} .pn-date-picker-input::-webkit-inner-spin-button,${t("pn-date-picker")} .pn-date-picker-input::-webkit-outer-spin-button,${t("pn-date-picker")} .pn-date-picker-input::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}${t("pn-date-picker")} .pn-date-picker-input[data-active]{border-color:#005d92}${t("pn-date-picker")} .pn-date-picker-input:read-only{border-color:#ffffff}${t("pn-date-picker")} .pn-date-picker-range-icon{width:1.5em;margin-bottom:0.8125em;align-self:end}${t("pn-date-picker")} .pn-date-picker-helpertext,${t("pn-date-picker")} .pn-date-picker-error{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em;text-align:left}${t("pn-date-picker")} .pn-date-picker-helpertext[hidden],${t("pn-date-picker")} .pn-date-picker-error[hidden]{display:none}${t("pn-date-picker")} .pn-date-picker-error{color:#a70707}${t("pn-date-picker")} .pn-date-picker-toggle{position:absolute;top:0.5em;right:0.5em;border-radius:50%}${t("pn-date-picker")} .pn-date-picker-button{cursor:pointer;font-size:1em;background-color:transparent;border:0.0625em solid #969087;border-color:transparent;padding:0.25em;margin:0;flex:auto;border-radius:3em}${t("pn-date-picker")} .pn-date-picker-button:first-child,${t("pn-date-picker")} .pn-date-picker-button:last-child{flex:0 0 auto}${t("pn-date-picker")} .pn-date-picker-button{transition-property:outline-color, background-color, border-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-date-picker")} .pn-date-picker-button{transition-duration:0s;transition-delay:0s}}${t("pn-date-picker")} .pn-date-picker-button{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-date-picker")} .pn-date-picker-button:focus{background-color:#ffffff;outline-color:#005d92}${t("pn-date-picker")} .pn-date-picker-button:hover{background-color:#e0f8ff}${t("pn-date-picker")} .pn-date-picker-button[data-active],${t("pn-date-picker")} .pn-date-picker-button[data-range]{background-color:#e0f8ff;border-color:#005d92}${t("pn-date-picker")} .pn-date-picker-button:disabled{cursor:not-allowed}${t("pn-date-picker")} .pn-date-picker-button:disabled:hover{background-color:transparent}${t("pn-date-picker")} .pn-date-picker-month{text-transform:capitalize}${t("pn-date-picker")} .pn-date-picker-month[data-full]{display:none}@media (min-width: 25em){${t("pn-date-picker")} .pn-date-picker-month[data-full]{display:inline}}${t("pn-date-picker")} .pn-date-picker-month[data-abbr]{display:inline}@media (min-width: 25em){${t("pn-date-picker")} .pn-date-picker-month[data-abbr]{display:none}}${t("pn-date-picker")} .pn-date-picker-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}${t("pn-date-picker")} .pn-date-picker{}${t("pn-date-picker")} .pn-date-picker-calendar{position:absolute;z-index:4;top:calc(100% + 0.5em);left:var(--pn-calendar-offset-left);width:clamp(100%, 95vw, 20em);max-width:20em;text-align:center;border-radius:0.5em;background-color:#ffffff;overflow:hidden;visibility:hidden;box-shadow:0 0.25em 0.5em rgba(0, 0, 0, 0.1)}${t("pn-date-picker")} .pn-date-picker-calendar[data-range]{max-width:unset}${t("pn-date-picker")} .pn-date-picker-calendar[data-open],${t("pn-date-picker")} .pn-date-picker-calendar[data-moving]{visibility:visible}${t("pn-date-picker")} .pn-date-picker-calendar[data-direction=top]{top:unset;bottom:calc(100% + 0.5em);transform-origin:bottom left}${t("pn-date-picker")} .pn-date-picker-calendar ${t("pn-button")}[hidden]{display:none}${t("pn-date-picker")} .pn-date-picker-calendar ${t("pn-button")} span{text-transform:capitalize}${t("pn-date-picker")} .pn-date-picker-wrapper{padding:0.5em}${t("pn-date-picker")} .pn-date-picker-title{margin:0.5em auto 0;font-size:0.875em;font-weight:500;color:#2d2013}${t("pn-date-picker")} .pn-date-picker-nav{display:flex;flex-direction:row;justify-content:space-between;margin-bottom:1em}${t("pn-date-picker")} .pn-date-picker-table{width:100%;table-layout:fixed;border-spacing:0;border:0;margin:0 0 0.5em}${t("pn-date-picker")} .pn-date-picker-th{font-size:0.75em;font-weight:500;color:#5e554a;padding:0.25em;border:0;text-transform:capitalize}${t("pn-date-picker")} .pn-date-picker-td{cursor:pointer;position:relative;padding:0.25em;outline:0;border:0;line-height:0;width:2em;height:2em;-webkit-tap-highlight-color:transparent}${t("pn-date-picker")} .pn-date-picker-td-text{position:relative;display:block;line-height:1.5em;border-radius:0.5em;color:#2d2013;padding:0.25em;transition-property: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){${t("pn-date-picker")} .pn-date-picker-td-text{transition-duration:0s;transition-delay:0s}}${t("pn-date-picker")} .pn-date-picker-td-text{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-date-picker")} .pn-date-picker-td[data-blank]{cursor:auto}${t("pn-date-picker")} .pn-date-picker-td[data-blank] .pn-date-picker-td-text{background-color:transparent}${t("pn-date-picker")} .pn-date-picker-td-week{font-size:0.75em;color:#5e554a;display:block}${t("pn-date-picker")} .pn-date-picker-td:before{content:"";position:absolute;left:0;top:0.25em;height:calc(100% - 0.5em);width:100%;background-color:transparent;border:0.0625em solid transparent;border-radius:0.5em;transition-property:border-color, background-color, width, transform, left;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-date-picker")} .pn-date-picker-td:before{transition-duration:0s;transition-delay:0s}}${t("pn-date-picker")} .pn-date-picker-td[aria-disabled=true]{cursor:not-allowed;pointer-events:none}${t("pn-date-picker")} .pn-date-picker-td[aria-disabled=true]>.pn-date-picker-td-text{color:#5e554a;background-color:#f3f2f2}${t("pn-date-picker")} .pn-date-picker-td[aria-disabled=true]:focus>.pn-date-picker-td-text{outline-color:#a70707}${t("pn-date-picker")} .pn-date-picker-td[aria-disabled=true]:hover>.pn-date-picker-td-text,${t("pn-date-picker")} .pn-date-picker-td[aria-disabled=true]:focus>.pn-date-picker-td-text{background-color:#f3f2f2}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true] .pn-date-picker-td-text{font-weight:500}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true]:before{border-color:#005d92;background-color:#effbff}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][data-single]:before{width:2em;left:50%;transform:translateX(-50%)}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][data-range]:before{border-radius:0;border-left-width:0;border-right-width:0}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][data-range-from]:before{border-radius:0.5em 0 0 0.5em;border-right-width:0;border-left-width:0.0625em}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][data-range-to]:before{border-radius:0 0.5em 0.5em 0;border-right-width:0.0625em;border-left-width:0}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][aria-disabled=true]:before{border-color:#a70707;background-color:#fdefee}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][aria-disabled=true]>.pn-date-picker-td-text{background-color:unset}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=true][aria-disabled=true]:focus>.pn-date-picker-td-text{background-color:#f3f2f2}${t("pn-date-picker")} .pn-date-picker-td[aria-selected=false]:hover>.pn-date-picker-td-text{background-color:#e0f8ff}${t("pn-date-picker")} .pn-date-picker-td[data-today]>.pn-date-picker-td-text{font-weight:500}${t("pn-date-picker")} .pn-date-picker-td[data-today]>.pn-date-picker-td-text::after{content:"";position:absolute;bottom:0.25em;left:calc(50% - 0.125em);height:0.25em;width:0.25em;background-color:#005d92;border-radius:50%}${t("pn-date-picker")} .pn-date-picker-td[data-today]>.pn-date-picker-td-text:after{bottom:0.15em}${t("pn-date-picker")} .pn-date-picker-td[data-active][data-today]>.pn-date-picker-td-text:after{background-color:#005d92}${t("pn-date-picker")} .pn-date-picker-td:focus-visible>.pn-date-picker-td-text{outline-color:#005d92}${t("pn-date-picker")} .pn-date-picker{}${t("pn-date-picker")} .pn-date-picker-list{margin:0 0 1em;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:0.5em}${t("pn-date-picker")} .pn-date-picker-item>.pn-date-picker-button{display:block;width:100%;border-radius:0.5em;padding:0.5em 0.25em}${t("pn-date-picker")} .pn-date-picker-item>.pn-date-picker-button[data-today]{position:relative;font-weight:500}${t("pn-date-picker")} .pn-date-picker-item>.pn-date-picker-button[data-today]::after{content:"";position:absolute;bottom:0.25em;left:calc(50% - 0.125em);height:0.25em;width:0.25em;background-color:#005d92;border-radius:50%}${t("pn-date-picker")} .pn-date-picker-chips>[slot=chips]{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:0.5em;margin-bottom:0.5em}${t("pn-date-picker")} .pn-date-picker-chips>[slot=chips]:empty{display:none}${t("pn-date-picker")} .pn-date-picker-bottom{display:flex;justify-content:flex-end;gap:0.5em}${t("pn-date-picker")} .pn-date-picker-bottom[hidden]{display:none}`;export{ot as pn_date_picker}

package/umd/modules/@postnord/web-components/postnord-web-components/p-6e407015.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+import{t,r as i,c as e,g as r,h as a,a as n}from"./p-XKg-ydzH.js";import{uuidv4 as s,reduceMotion as o,awaitTopbar as d,en as h,isSmallScreen as p}from"./index.esm.js";import{a as l}from"./p-D_UyW-KH.js";import{c}from"./p-BvuWkoyY.js";const w={NEXT:{sv:"Nästa",en:"Next",da:"Næste",fi:"Seuraava",no:"Neste"},PREV:{sv:"Föregående",en:"Previous",da:"Forrige",fi:"Edellinen",no:"Forrige"},FINISH:{sv:"Slutför",en:"Finish",da:"Afslut",fi:"Valmis",no:"Fullfør"},CANCEL:{sv:"Avbryt",en:"Cancel",da:"Annuller",fi:"Peruuta",no:"Avbryt"}},f=class{constructor(t){i(this,t),this.wizardStep=e(this,"wizardStep",7),this.wizardHighlightClick=e(this,"wizardHighlightClick",7),this.wizardClose=e(this,"wizardClose",7)}id=`pn-wizard-${s()}`;wizardIdLabel;wizardIdHelpertext;wizardElement;wizardContent;wizardArrow;timeoutRerender;get hostElement(){return r(this)}label="";helpertext="";language=null;pnId=this.id;step=-1;steps=[];progress="";scrollBlock="center";displayOverflow=!1;hideBack=!1;hideNext=!1;hideFinish=!1;labelBack="";labelNext="";labelFinish="";wizardStep;wizardHighlightClick;wizardClose;handleStepChange(t,i){if(-1===t){const t=i===this.steps.length;this.wizardClose.emit({step:t?i-1:i,finished:t})}if(!this.isActive())return this.wizardElement?.close(),void setTimeout((()=>this.handleDisplayOverflow()),o()?0:400);this.wizardElement.open||(this.runStepLogic(),requestAnimationFrame((()=>{this.handleDisplayOverflow(),this.wizardElement?.showModal()}))),this.wizardStep.emit({step:t,next:t>(i??-1),prev:t<(i??-1)})}handleIdChange(){this.wizardIdLabel=`${this.pnId||this.id}-label`,this.wizardIdHelpertext=`${this.pnId||this.id}-helpertext`}handleOverflow(){this.isActive()&&(clearTimeout(this.timeoutRerender),this.timeoutRerender=setTimeout((()=>this.runStepLogic()),250))}async componentWillLoad(){null===this.language&&await d(this.hostElement)}componentDidRender(){requestAnimationFrame((()=>this.isActive()&&this.runStepLogic()))}getRect(t){return t.getBoundingClientRect()}translate(t){return w?.[t]?.[this.language||h]||t}runStepLogic(){this.isOpen()&&this.scrollToElement(),this.highlightElement(),this.positionModal()}handleDisplayOverflow(){if(this.displayOverflow)return;const t=document.body,i=innerWidth-document.documentElement.clientWidth;this.isActive()?(t.style.setProperty("overflow","hidden"),t.style.setProperty("margin-right",`${i}px`)):(t.style.removeProperty("overflow"),t.style.removeProperty("margin-right"))}isActive(t=this.step){return t>=0&&t<this.steps.length}isOpen(){return this.isActive()&&this.wizardElement?.open}isClosed(t=this.step){return-1===t}isFirstStep(){return 0===this.step}isLastStep(t=this.step){return 1===this.steps.length||t===this.steps.length-1}isProgressDots(){return"dots"===this.progress}isProgressText(){return"text"===this.progress}renderProgress(){return 7>=this.steps.length&&(this.isProgressDots()||this.isProgressText())}showBackButton(){return!(this.hideBack||this.isClosed()||this.isFirstStep())}showNextButton(){return!this.hideNext&&(!this.isLastStep()||this.showFinishButton())}showFinishButton(){return!this.hideFinish&&this.isLastStep()}nextStep(){this.step=this.step+1}prevStep(){this.step=this.step-1}endWizard(){this.step=-1}getNextLabel(){const t=this.labelFinish||"FINISH",i=this.labelNext||"NEXT",e=this.isLastStep()?t:i;return this.translate(e)}getHighlightTarget(){const t=this.steps[this.step];return t?document.querySelector(t):null}getHighlightRect(){const t=this.getHighlightTarget();if(!t)return void this.resetToCenter();const i=this.getRect(t),e=parseFloat(getComputedStyle(t).margin)||0;return{top:i.top+window.scrollY-e,left:i.left+window.scrollX-e,width:i.width+2*e,height:i.height+2*e,radius:parseFloat(getComputedStyle(t).borderRadius)||4}}isInViewport(t){const{top:i,left:e,bottom:r,right:a}=t.getBoundingClientRect();return i>=0&&e>=0&&r<=(window.innerHeight||document.documentElement.clientHeight)&&a<=(window.innerWidth||document.documentElement.clientWidth)}scrollToElement(){const t=this.getHighlightTarget();t&&!this.isInViewport(t)&&t.scrollIntoView({behavior:"instant",block:this.scrollBlock})}highlightElement(){if(!this.getHighlightTarget())return this.resetToCenter();this.setHighlightVars(this.getHighlightRect())}resetToCenter(){const{width:t,height:i}=this.getWizardContentRect(),e=window.scrollY+window.innerHeight/2-i/2,r=window.scrollX+window.innerWidth/2-t/2;this.setHighlightVars({top:e,left:r,width:0,height:0,radius:0}),this.setModalVars({top:e,left:r}),this.setArrowVars("none",0)}getWizardContentRect(){return this.wizardContent?this.getRect(this.wizardContent):{width:0,height:0}}positionModal(){if(!this.getHighlightTarget())return;const t=16,{top:i,left:e,width:r,height:a}=this.getHighlightRect(),n=e+r/2,{width:s,height:o}=this.getWizardContentRect();let d=0,h=0;const{scrollY:l,scrollX:c,innerWidth:w,innerHeight:f}=window,b=w-document.documentElement.clientWidth,u=i+a+t+o<l+f,g=i-l>o+t,m=e-t-s>c,z=e+r+t+s<c+w;let x=8,y=8;x=u?i+a+t:i-o-t,y=c+w-s-b-8;let v=0,$="top";u||g?(d=n-s/2,h=u?i+a+t:i-o-t,$=u?"top":"bottom",v=n-d):m||z?(d=z?e+r+t:e-s-t,h=i+a/2-o/2,x=l+f-o-8,$=z?"left":"right",v=o/2):!(u||g||m||z)&&(d=n-s/2,h=i+a-o/2,x=l-o-8,$="top",v=n-d),d=Math.max(c+b||8,Math.min(d,y)),h=Math.max(8,Math.min(h,x)),this.setModalVars({top:h,left:d}),p()&&($="top"),v="top"===$||"bottom"===$?n-d:i+a/2-h,v=Math.max(32,Math.min(v-8,("top"===$||"bottom"===$?s:o)-32)),this.setArrowVars($,v)}setHighlightVars({top:t,left:i,width:e,height:r,radius:a}){this.hostElement.style.setProperty("--pn-spotlight-x",`${Math.round(i)}px`),this.hostElement.style.setProperty("--pn-spotlight-y",`${Math.round(t)}px`),this.hostElement.style.setProperty("--pn-spotlight-width",`${Math.round(e)}px`),this.hostElement.style.setProperty("--pn-spotlight-height",`${Math.round(r)}px`),this.hostElement.style.setProperty("--pn-spotlight-radius",`${Math.round(a)}px`)}setModalVars({top:t,left:i}){this.hostElement.style.setProperty("--pn-wizard-content-x",`${Math.round(i)}px`),this.hostElement.style.setProperty("--pn-wizard-content-y",`${Math.round(t)}px`)}setArrowVars(t,i){this.wizardArrow.setAttribute("data-arrow",t),this.hostElement.style.setProperty("--pn-arrow-offset",`${Math.round(i)}px`)}render(){return a(n,{key:"3fbeaf58c3adc8ea380a81b93dc66fb8a6bece5c"},a("dialog",{key:"f0f94968cba2e2dc8baba4752d80a7bea862c929",id:this.pnId,"aria-labelledby":this.label?this.wizardIdLabel:null,"aria-describedby":this.helpertext?this.wizardIdHelpertext:null,class:"pn-wizard",ref:t=>this.wizardElement=t,onCancel:()=>this.endWizard(),onClose:()=>this.endWizard()},a("div",{key:"737f8207c19876c82c6a3d2418305fc7268ee251",class:"pn-wizard-overlay"},a("div",{key:"d420a48ad3b30828b4dd496f56073eea375bbe34",class:"pn-wizard-highlight",onClick:t=>this.wizardHighlightClick.emit(t)})),a("div",{key:"03d6e169d95b7fe7bdb65a31e839b5744db190d0",class:"pn-wizard-content",ref:t=>this.wizardContent=t},a("pn-button",{key:"3534ecbbd28f9171b0ba1adfa07a91a4a20a1dd1",class:"pn-wizard-cancel",arialabel:this.translate("CANCEL"),icon:c,iconOnly:!0,small:!0,appearance:"light",variant:"borderless",onPnClick:()=>this.endWizard()}),a("div",{key:"b1f3f3ddb93efe5201091d19df4ff22acde76391",class:"pn-wizard-text"},this.label&&a("h2",{key:"b689ff85832dd65814d30ca85c00b59281aef1d1",class:"pn-wizard-label",id:this.wizardIdLabel},this.label),this.helpertext&&a("p",{key:"6a978db802f3faa402435c84c233e84c3456f657",class:"pn-wizard-helpertext",id:this.wizardIdHelpertext},this.helpertext),a("slot",{key:"52d0440d5b470fd06eb3a0c21921d540c79c0ac9"}),this.renderProgress()&&a("pn-progress-stepper",{key:"63f08858ddef511b92d622a559fe3888b5a6508a",class:!this.isProgressDots()&&"pn-wizard-sr-only",totalSteps:this.steps.length,currentStep:this.step>0?this.step+1:1,dots:!0})),a("div",{key:"c5b266d5421f09bbc2ab199d6d71f5938dc8ae72",class:"pn-wizard-arrow",ref:t=>this.wizardArrow=t}),a("div",{key:"00aef3606f751ca56142fe2b0a6a08a36e4f92f3",class:"pn-wizard-controls"},this.isProgressText()&&a("span",{key:"d6c0c85554253580d65aa42742cdabf55158bfe5",class:"pn-wizard-indicator","aria-hidden":"true"},this.step+1,"/",this.steps.length),a("slot",{key:"76a1b7c69280ffbbc81f210acdfb8812b241329d",name:"buttons"}),this.showBackButton()&&a("pn-button",{key:"560aa03d06aec0b32ae94ee2264b6bd059b5f305",label:this.labelBack||this.translate("PREV"),small:!0,appearance:"light",variant:"outlined",onPnClick:()=>this.prevStep()}),this.showNextButton()&&a("pn-button",{key:"00d8a13c7ee3413aa2e3d751d101de41e228f866",label:this.getNextLabel(),small:!0,icon:l,onPnClick:()=>this.nextStep()})))))}static get watchers(){return{step:[{handleStepChange:0}],pnId:[{handleIdChange:1}]}}};f.style=`${t("pn-wizard")} .pn-wizard{z-index:10000;position:absolute;top:0;border:none;margin:0;padding:0;background-color:transparent;outline:none;overflow:unset;height:100%;width:100%;max-width:unset;max-height:unset;display:none;opacity:0;transition-property:display, opacity;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-wizard")} .pn-wizard{transition-duration:0s;transition-delay:0s}}${t("pn-wizard")} .pn-wizard{transition-behavior:allow-discrete}${t("pn-wizard")} .pn-wizard[open]{display:block;opacity:1}@starting-style{${t("pn-wizard")} .pn-wizard[open]{display:block;opacity:0}}${t("pn-wizard")} .pn-wizard::backdrop{background-color:transparent}${t("pn-wizard")} .pn-wizard-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}${t("pn-wizard")} .pn-wizard-overlay{z-index:0}${t("pn-wizard")} .pn-wizard-highlight{position:absolute;left:0;top:0;width:var(--pn-spotlight-width, 0%);height:var(--pn-spotlight-height, 0%);border-radius:var(--pn-spotlight-radius, 0.25em);box-shadow:0 0 0 9999px rgba(0, 0, 0, 0.55);z-index:0;transform:translate(var(--pn-spotlight-x, 0%), var(--pn-spotlight-y, 0%));transition-property:transform, width, height, border-radius;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-wizard")} .pn-wizard-highlight{transition-duration:0s;transition-delay:0s}}${t("pn-wizard")} .pn-wizard-content{position:absolute;z-index:1;background:#ffffff;border-radius:2em;max-width:20em;box-shadow:0 0 0.5em rgba(0, 0, 0, 0.3);left:0;top:0;transform:translate(var(--pn-wizard-content-x), var(--pn-wizard-content-y));transition-property:transform;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-wizard")} .pn-wizard-content{transition-duration:0s;transition-delay:0s}}@media (max-width: 55em){${t("pn-wizard")} .pn-wizard-content{position:fixed;top:unset;bottom:0;left:0.5em;border-radius:2em 2em 0 0;width:calc(100vw - 1em);max-width:unset;transform:none}}${t("pn-wizard")} .pn-wizard-cancel{position:absolute;top:1em;right:1em;z-index:10}${t("pn-wizard")} .pn-wizard-text{padding:3em 1em 1em;text-align:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:clamp(0.5em, 5vw, 1em)}${t("pn-wizard")} .pn-wizard-label{margin:0;font-size:clamp(1.25em, 5vw, 1.5em);font-weight:700;color:#2d2013}${t("pn-wizard")} .pn-wizard-helpertext{margin:0;font-size:clamp(0.875em, 5vw, 1em);font-weight:400;color:#5e554a}${t("pn-wizard")} .pn-wizard-controls{border-top:0.0625em solid #d3cecb;padding:1em;display:flex;justify-content:end;gap:0.5em;flex-wrap:wrap}${t("pn-wizard")} .pn-wizard-indicator{margin-right:auto;align-self:center;font-size:1em;color:#5e554a;padding:0 0.625em}${t("pn-wizard")} .pn-wizard-arrow{position:absolute;width:0;height:0;border:0.5em solid transparent;top:0;right:0;bottom:0;left:0;transition-property:top, right, bottom, left, border-color;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-wizard")} .pn-wizard-arrow{transition-duration:0s;transition-delay:0s}}${t("pn-wizard")} .pn-wizard-arrow[data-arrow=bottom]{top:100%;bottom:-0.9375em;left:var(--pn-arrow-offset);border-top-color:#ffffff}${t("pn-wizard")} .pn-wizard-arrow[data-arrow=top]{top:-0.9375em;left:var(--pn-arrow-offset);border-bottom-color:#ffffff}${t("pn-wizard")} .pn-wizard-arrow[data-arrow=right]{right:-0.9375em;left:100%;top:var(--pn-arrow-offset);border-left-color:#ffffff}${t("pn-wizard")} .pn-wizard-arrow[data-arrow=left]{left:-0.9375em;top:var(--pn-arrow-offset);border-right-color:#ffffff}${t("pn-wizard")} .pn-wizard-arrow[data-arrow=none]{border-color:transparent}`;export{f as pn_wizard}

package/umd/modules/@postnord/web-components/postnord-web-components/{p-01ac1c67.entry.js → p-720b8b90.entry.js}

@@ -2,4 +2,4 @@
  * Built with Stencil
  * By PostNord.
  */
-import{t,r as n,g as o,h as i,a as e}from"./p-CAEP792y.js";import{uuidv4 as d}from"./index.esm.js";const r=class{constructor(t){n(this,t)}id=`pn-button-${d()}`;focusableElements;container;dropdownButtonId=`${this.id}-dropdown`;dropdownContentId=`${this.id}-content`;get hostElement(){return o(this)}right=!1;top=!1;label;icon;appearance="";variant="";small=!1;tooltip;open=!1;openHandler(){this.toggleDropdown(),this.open?(document.addEventListener("click",this.globalHandler),document.addEventListener("keyup",this.globalHandler)):(document.removeEventListener("click",this.globalHandler),document.removeEventListener("keyup",this.globalHandler))}componentDidLoad(){this.open&&this.openHandler()}getRect(t){return t.getBoundingClientRect()}globalHandler=t=>{this.hostElement.contains(t.target)&&"Escape"!==t?.key||(this.open=!1)};toggleDropdown(){this.right=this.hostElement.offsetLeft>window.innerWidth/2,requestAnimationFrame((()=>{this.open&&(this.container.style.transition="none",this.container.style.transform="none");const t=this.getRect(this.container),n=this.getRect(this.hostElement),o=n.top>t.height+.025*window.innerWidth;this.top=o&&n.top+n.height+t.height>window.innerHeight-.025*window.innerWidth;let i=0;(t.right>window.innerWidth||t.x<0)&&(i=t.x+t.width+.025*window.innerWidth-window.innerWidth),this.container.style.transform="",requestAnimationFrame((()=>{this.container.style.transition="",this.container.style.transform=this.open?`scale(1) translateX(-${i}px)`:"",requestAnimationFrame((()=>{this.hostElement.querySelector(".pn-button-dropdown").dataset.open=`${this.open}`}))}))}))}toggle=()=>{this.open=!this.open};render(){return i(e,{key:"0b6deb752a9f01bea9571627205b5cd3efbc1c66"},i("div",{key:"c7833d539d682a980bb7cc529f17d9942ffd7eb2",class:"pn-button-dropdown"},i("pn-button",{key:"42d252b99f98b0c3f51795c894e899c6489839c2",label:this.label,buttonId:this.dropdownButtonId,class:"pn-button-dropdown-label",appearance:this.appearance,variant:this.variant,small:this.small,icon:this.icon,iconOnly:!!this.tooltip&&!!this.icon&&!this.label,ariacontrols:this.dropdownContentId,ariahaspopup:"true",ariaexpanded:this.open.toString(),tooltip:this.tooltip,tooltipUp:!this.top,onPnClick:this.toggle}),i("div",{key:"dd494c992ef2b51f31ed5c48d87fb3044ed40009",ref:t=>this.container=t,id:this.dropdownContentId,class:"pn-button-dropdown-container",role:"region","aria-labelledby":this.dropdownButtonId,"data-right":this.right,"data-top":this.top},i("div",{key:"e217ae843fa641335ce0714272f68f9a080afe7d",class:"pn-button-dropdown-content"},i("slot",{key:"f52ad763a52e9ee17d9a95a1e3a959d61fae2fe1"})))))}static get watchers(){return{open:[{openHandler:0}]}}};r.style=`${t("pn-button-dropdown")}{display:inline-block;position:relative}${t("pn-button-dropdown")} .pn-button-dropdown-container{z-index:10;position:absolute;top:130%;left:0;background-color:#ffffff;border-radius:1em;box-shadow:0 0.125em 1em rgba(0, 0, 0, 0.2);overflow-y:auto;max-width:95vw;max-width:min(95vw, 40em);max-height:80vh;transform:scale(0);transform-origin:top left;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-button-dropdown")} .pn-button-dropdown-container{transition-duration:0s;transition-delay:0s}}${t("pn-button-dropdown")} .pn-button-dropdown-container{transition-delay:0.2s}${t("pn-button-dropdown")} .pn-button-dropdown-container[data-right]{left:unset;right:0;transform-origin:top right}${t("pn-button-dropdown")} .pn-button-dropdown-container[data-top]{top:unset;bottom:130%;transform-origin:bottom left}${t("pn-button-dropdown")} .pn-button-dropdown-content{position:relative;padding:1em;opacity:0;width:max-content;max-width:100%;visibility:hidden;transition-property:opacity, visibility;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-button-dropdown")} .pn-button-dropdown-content{transition-duration:0s;transition-delay:0s}}${t("pn-button-dropdown")} .pn-button-dropdown-content{transition-delay:0s, 0.2s}${t("pn-button-dropdown")} .pn-button-dropdown[data-open=true] .pn-button-dropdown-container{transition-delay:0s}${t("pn-button-dropdown")} .pn-button-dropdown[data-open=true] .pn-button-dropdown-content{opacity:1;visibility:visible}`;export{r as pn_button_dropdown}
+import{t,r as n,g as o,h as i,a as e}from"./p-XKg-ydzH.js";import{uuidv4 as d}from"./index.esm.js";const r=class{constructor(t){n(this,t)}id=`pn-button-${d()}`;focusableElements;container;dropdownButtonId=`${this.id}-dropdown`;dropdownContentId=`${this.id}-content`;get hostElement(){return o(this)}right=!1;top=!1;label;icon;appearance="";variant="";small=!1;tooltip;open=!1;openHandler(){this.toggleDropdown(),this.open?(document.addEventListener("click",this.globalHandler),document.addEventListener("keyup",this.globalHandler)):(document.removeEventListener("click",this.globalHandler),document.removeEventListener("keyup",this.globalHandler))}componentDidLoad(){this.open&&this.openHandler()}getRect(t){return t.getBoundingClientRect()}globalHandler=t=>{this.hostElement.contains(t.target)&&"Escape"!==t?.key||(this.open=!1)};toggleDropdown(){this.right=this.hostElement.offsetLeft>window.innerWidth/2,requestAnimationFrame((()=>{this.open&&(this.container.style.transition="none",this.container.style.transform="none");const t=this.getRect(this.container),n=this.getRect(this.hostElement),o=n.top>t.height+.025*window.innerWidth;this.top=o&&n.top+n.height+t.height>window.innerHeight-.025*window.innerWidth;let i=0;(t.right>window.innerWidth||t.x<0)&&(i=t.x+t.width+.025*window.innerWidth-window.innerWidth),this.container.style.transform="",requestAnimationFrame((()=>{this.container.style.transition="",this.container.style.transform=this.open?`scale(1) translateX(-${i}px)`:"",requestAnimationFrame((()=>{this.hostElement.querySelector(".pn-button-dropdown").dataset.open=`${this.open}`}))}))}))}toggle=()=>{this.open=!this.open};render(){return i(e,{key:"0b6deb752a9f01bea9571627205b5cd3efbc1c66"},i("div",{key:"c7833d539d682a980bb7cc529f17d9942ffd7eb2",class:"pn-button-dropdown"},i("pn-button",{key:"42d252b99f98b0c3f51795c894e899c6489839c2",label:this.label,buttonId:this.dropdownButtonId,class:"pn-button-dropdown-label",appearance:this.appearance,variant:this.variant,small:this.small,icon:this.icon,iconOnly:!!this.tooltip&&!!this.icon&&!this.label,ariacontrols:this.dropdownContentId,ariahaspopup:"true",ariaexpanded:this.open.toString(),tooltip:this.tooltip,tooltipUp:!this.top,onPnClick:this.toggle}),i("div",{key:"dd494c992ef2b51f31ed5c48d87fb3044ed40009",ref:t=>this.container=t,id:this.dropdownContentId,class:"pn-button-dropdown-container",role:"region","aria-labelledby":this.dropdownButtonId,"data-right":this.right,"data-top":this.top},i("div",{key:"e217ae843fa641335ce0714272f68f9a080afe7d",class:"pn-button-dropdown-content"},i("slot",{key:"f52ad763a52e9ee17d9a95a1e3a959d61fae2fe1"})))))}static get watchers(){return{open:[{openHandler:0}]}}};r.style=`${t("pn-button-dropdown")}{display:inline-block;position:relative}${t("pn-button-dropdown")} .pn-button-dropdown-container{z-index:10;position:absolute;top:130%;left:0;background-color:#ffffff;border-radius:1em;box-shadow:0 0.125em 1em rgba(0, 0, 0, 0.2);overflow-y:auto;max-width:95vw;max-width:min(95vw, 40em);max-height:80vh;transform:scale(0);transform-origin:top left;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-button-dropdown")} .pn-button-dropdown-container{transition-duration:0s;transition-delay:0s}}${t("pn-button-dropdown")} .pn-button-dropdown-container{transition-delay:0.2s}${t("pn-button-dropdown")} .pn-button-dropdown-container[data-right]{left:unset;right:0;transform-origin:top right}${t("pn-button-dropdown")} .pn-button-dropdown-container[data-top]{top:unset;bottom:130%;transform-origin:bottom left}${t("pn-button-dropdown")} .pn-button-dropdown-content{position:relative;padding:1em;opacity:0;width:max-content;max-width:100%;visibility:hidden;transition-property:opacity, visibility;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-button-dropdown")} .pn-button-dropdown-content{transition-duration:0s;transition-delay:0s}}${t("pn-button-dropdown")} .pn-button-dropdown-content{transition-delay:0s, 0.2s}${t("pn-button-dropdown")} .pn-button-dropdown[data-open=true] .pn-button-dropdown-container{transition-delay:0s}${t("pn-button-dropdown")} .pn-button-dropdown[data-open=true] .pn-button-dropdown-content{opacity:1;visibility:visible}`;export{r as pn_button_dropdown}

package/umd/modules/@postnord/web-components/postnord-web-components/p-7aea3de5.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+import{t as a,r as n,g as t,h as e,a as p}from"./p-XKg-ydzH.js";import{c as i,g as o}from"./p-C_nYl55V.js";const c=class{constructor(a){n(this,a)}get hostElement(){return t(this)}icon="";small=!1;color="gray900";handleColor(){this.hostElement.style.setProperty("--pn-icon-color",i[this.color]||o)}componentWillLoad(){this.handleColor()}render(){return e(p,{key:"f4d252ce71c0e0c83d352447bdd0c195de49196f"},e("span",{key:"adc6e3dd5d4d45ed9a154f07bd3e3fce8dbf6981",role:"presentation",class:"pn-icon","data-small":this.small,innerHTML:this.icon}))}static get watchers(){return{color:[{handleColor:0}]}}};c.style=`${a("pn-icon")}{display:inline-block;vertical-align:top;--pn-icon-color:main.$gray900}${a("pn-icon")} .pn-icon{margin:0}${a("pn-icon")} .pn-icon svg{display:block;height:1.5em;width:1.5em}${a("pn-icon")} .pn-icon svg>circle,${a("pn-icon")} .pn-icon svg>path{fill:var(--pn-icon-color);transition-property:fill, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${a("pn-icon")} .pn-icon svg>circle,${a("pn-icon")} .pn-icon svg>path{transition-duration:0s;transition-delay:0s}}${a("pn-icon")} .pn-icon[data-small] svg{height:1em;width:1em}`;const r=class{constructor(a){n(this,a)}label;icon;appearance="";dark=!1;large=!1;small=!1;xsmall=!1;componentWillRender(){this.icon&&this.xsmall&&console.warn("pn-tag: Icon was not rendered because tag size is set to xsmall")}showIcon(){return!!this.icon&&!this.xsmall}render(){return e(p,{key:"25baf496ed00dccf72f5eb7cb8f8623814c67452"},e("div",{key:"beee7ac3dc693e1c8cb5653e2fce3af01566c4e9",class:"pn-tag","data-appearance":this.appearance,"data-icon":!!this.icon,"data-dark":this.dark,"data-small":this.small,"data-xsmall":this.xsmall,"data-large":this.large},this.showIcon()&&e("pn-icon",{key:"64f9df4e0906c8897045a08edce51f8015a1be56",icon:this.icon}),e("span",{key:"a43a26db7b5e7b28eb49f8ac76eab9ebd8b7ee25",class:"pn-tag-label"},this.label)))}};r.style=`${a("pn-tag")}{display:inline-block}${a("pn-tag")} .pn-tag{display:inline-flex;flex-direction:row;gap:0.5em;justify-content:center;align-items:center;border-radius:0.5em;padding:0.5em 1em}${a("pn-tag")} .pn-tag[data-icon]{padding-left:0.75em}${a("pn-tag")} .pn-tag{background-color:rgba(142, 221, 249, 0.3);color:#0d234b}${a("pn-tag")} .pn-tag[data-dark]{background-color:#8eddf9}${a("pn-tag")} .pn-tag ${a("pn-icon")} .pn-icon-svg path{fill:#0d234b}${a("pn-tag")} .pn-tag-label{line-height:1.5em;font-weight:400}${a("pn-tag")} .pn-tag{}${a("pn-tag")} .pn-tag[data-xsmall]{padding:0 0.5em}${a("pn-tag")} .pn-tag[data-xsmall] .pn-tag-label{font-size:0.875em;line-height:1.715em}${a("pn-tag")} .pn-tag{}${a("pn-tag")} .pn-tag[data-small]{padding:0.125em 0.5em}${a("pn-tag")} .pn-tag[data-small] .pn-tag-label{font-size:0.875em;line-height:1.715em}${a("pn-tag")} .pn-tag[data-small][data-icon]{padding-left:0.5em}${a("pn-tag")} .pn-tag{}${a("pn-tag")} .pn-tag[data-large]{padding:0.75em 1.25em}${a("pn-tag")} .pn-tag{}${a("pn-tag")} .pn-tag[data-appearance=discrete]{background-color:rgba(211, 206, 203, 0.3);color:#2d2013}${a("pn-tag")} .pn-tag[data-appearance=discrete][data-dark]{background-color:#d3cecb}${a("pn-tag")} .pn-tag[data-appearance=discrete] ${a("pn-icon")} .pn-icon-svg path{fill:#2d2013}${a("pn-tag")} .pn-tag[data-appearance=positive]{background-color:rgba(171, 227, 187, 0.3);color:#002f24}${a("pn-tag")} .pn-tag[data-appearance=positive][data-dark]{background-color:#abe3bb}${a("pn-tag")} .pn-tag[data-appearance=positive] ${a("pn-icon")} .pn-icon-svg path{fill:#002f24}${a("pn-tag")} .pn-tag[data-appearance=warning]{background-color:rgba(255, 200, 163, 0.3);color:#99290a}${a("pn-tag")} .pn-tag[data-appearance=warning][data-dark]{background-color:#ffc8a3}${a("pn-tag")} .pn-tag[data-appearance=warning] ${a("pn-icon")} .pn-icon-svg path{fill:#99290a}${a("pn-tag")} .pn-tag[data-appearance=error]{background-color:rgba(251, 194, 193, 0.3);color:#a70707}${a("pn-tag")} .pn-tag[data-appearance=error][data-dark]{background-color:#fbc2c1}${a("pn-tag")} .pn-tag[data-appearance=error] ${a("pn-icon")} .pn-icon-svg path{fill:#a70707}${a("pn-tag")} .pn-tag{}`;export{c as pn_icon,r as pn_tag}

package/umd/modules/@postnord/web-components/postnord-web-components/p-7b6ae520.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+import{t,r as n,c as o,g as a,h as e,a as i}from"./p-XKg-ydzH.js";import{ripple as r}from"./index.esm.js";const p=class{constructor(t){n(this,t),this.pnClick=o(this,"pnClick",7)}buttonEl;tooltipEl;tooltipDx;openEvents=["mouseover","focus"];closeEvents=["mouseleave","blur","touchcancel","touchleave"];eventListeners=[...this.openEvents,...this.closeEvents];get hostElement(){return a(this)}tooltipOpen=!1;tooltipUpwards=!1;label="";appearance="";variant="";small=!1;loading=!1;icon;iconOnly=!1;leftIcon=!1;tooltip;tooltipUp=!1;type="button";form;href;rel;target;download;buttonId=null;arialabel=null;arialabelledby=null;ariacurrent=null;ariacontrols=null;ariapressed=null;ariahaspopup=null;ariaexpanded=null;noTab=!1;openHandler(){this.tooltipOpen&&this.checkTooltipPosition()}iconOnlyHandler(){this.checkTooltipPosition(),this.tooltip?this.initTooltip():this.removeTooltip()}pnClick;componentWillLoad(){this.tooltipUpwards=this.tooltipUp}componentDidLoad(){this.iconOnlyHandler()}getRect(t){return t.getBoundingClientRect()}initTooltip(){this.eventListeners.forEach((t=>this.buttonEl.addEventListener(t,this.toggleTooltip)))}removeTooltip(){this.eventListeners.forEach((t=>this.buttonEl.removeEventListener(t,this.toggleTooltip)))}toggleTooltip=t=>{this.tooltipOpen=this.openEvents.includes(t.type)};setTooltipOffset(){this.tooltipEl.style.setProperty("--pn-dx",`${this.tooltipDx}px`)}checkTooltipPosition(){this.tooltipEl.style.transform="translateX(-50%)",this.tooltipUpwards=this.tooltipUp,requestAnimationFrame((()=>{const{top:t,x:n,y:o,right:a,height:e}=this.getRect(this.tooltipEl);this.tooltipDx=0,this.tooltipUpwards=this.tooltipUp?t>e:o+e>window.innerHeight,this.tooltipEl.style.transform="",n<0&&(this.tooltipDx=-1*n+16),a>window.innerWidth&&(this.tooltipDx=window.innerWidth-a-16-8),requestAnimationFrame((()=>this.setTooltipOffset()))}))}getAttributes(){const t=this.href?{href:this.href,rel:this.rel||"_blank"!==this.target?this.rel:"noopener",target:this.target??null,download:this.download??null,"aria-current":this.ariacurrent,"aria-disabled":this.loading?"true":null}:{type:this.type,form:this.form,disabled:this.loading,"aria-pressed":this.ariapressed,"aria-controls":this.ariacontrols,"aria-haspopup":this.ariahaspopup,"aria-expanded":this.ariaexpanded};return{tabindex:this.noTab||this.href&&this.loading?"-1":null,"data-small":this.small,"data-loading":this.loading,"data-tooltip-open":this.tooltipOpen,"data-tooltip-upwards":this.tooltipUpwards,"data-icon-only":this.showIconOnly(),"data-left-icon":this.leftIcon,"data-appearance":["light","warning"].includes(this.appearance)?this.appearance:null,"data-variant":["borderless","outlined"].includes(this.variant)?this.variant:null,...t}}getTagName(){return this.href?"a":"button"}showIconOnly(){return!!this.icon&&this.iconOnly&&!!(this.tooltip||this.arialabel||this.arialabelledby)}handleClick(t){r(t,this.hostElement,".pn-button-bg"),this.pnClick.emit(t)}render(){const t=this.getTagName();return e(i,{key:"9fd62df52e09b5f7915c1652c3bd23c47c40db42"},e(t,{key:"aecef05e4c20bb9c501399f18b7290a33e5d82e7",class:"pn-button",id:this.buttonId,"aria-label":this.arialabel,"aria-labelledby":this.arialabelledby,onClick:t=>this.handleClick(t),...this.getAttributes(),ref:t=>this.buttonEl=t},e("div",{key:"9cb56181926a77cd985be9447dd5277720370bf6",class:"pn-button-bg"}),e("div",{key:"f81963c493162009d2219d72171f753c3ba5dcb8",class:"pn-button-content"},e("div",{key:"d6cc476c9bb3eaa59ae9cf80700b33e4bc836494",class:"pn-button-text",hidden:this.showIconOnly()},this.label,e("slot",{key:"83b07110e17088f980e4a7f0094f5330f7dcc17b"})),!!this.icon&&e("pn-icon",{key:"6d352caac885f7f5cf3819a7b555e278e7761259",icon:this.icon})),e("pn-spinner",{key:"3176c1f592b5e48c14f7baccc9366bf0fc0187dd",light:!0}),e("div",{key:"b97ecf99cdf1c4fa0c8db3b26c2eac33c5c9bba4",class:"pn-button-tooltip",hidden:!this.tooltip,ref:t=>this.tooltipEl=t},e("span",{key:"7825cd9635f5897db28ee4b32d2ac56a8c9a9b0d",class:"pn-button-tooltip-text"},this.tooltip))))}static get watchers(){return{tooltipOpen:[{openHandler:0}],tooltip:[{iconOnlyHandler:0}]}}};p.style=`${t("pn-button")}{display:inline-block}${t("pn-button")} .pn-button{position:relative;cursor:pointer;padding:0.75em 1.5em;width:round(up, 100%, 1px);min-height:3em;min-width:5.5em;border:none;border-radius:3em;font-family:inherit;font-size:1em;font-weight:500;color:#ffffff;background-color:transparent;display:flex;justify-content:center;align-items:center;text-decoration:none;line-height:1.5em;-webkit-tap-highlight-color:transparent;transition-property:color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-button")} .pn-button{transition-duration:0s;transition-delay:0s}}${t("pn-button")} .pn-button{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-button")} .pn-button:focus-visible{outline-color:#005d92}${t("pn-button")} .pn-button:disabled,${t("pn-button")} .pn-button[aria-disabled]{cursor:auto;pointer-events:none}${t("pn-button")} .pn-button-content{z-index:2;display:flex;justify-content:center;align-items:center;gap:0.5em;transition-property:opacity, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-button")} .pn-button-content{transition-duration:0s;transition-delay:0s}}${t("pn-button")} .pn-button-content{transition-delay:0.2s}${t("pn-button")} .pn-button-bg{position:absolute;width:100%;height:100%;top:0;left:50%;transform:translateX(-50%) translateY(0);border-radius:3em;border:none;background-color:#005d92;overflow:hidden;transition-property:width, background-color, border-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-button")} .pn-button-bg{transition-duration:0s;transition-delay:0s}}${t("pn-button")} .pn-button-bg{transition-delay:0.2s, 0s, 0s}${t("pn-button")} .pn-button-bg::after{content:"";position:absolute;will-change:transform;width:100%;height:100%;background-color:#0d234b;border-radius:inherit;left:0;transform:translateX(-103%);opacity:0.5;transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-button")} .pn-button-bg::after{transition-duration:0s;transition-delay:0s}}${t("pn-button")} .pn-button .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#ffffff;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}}${t("pn-button")} .pn-button-tooltip{z-index:5;position:absolute;top:calc(100% + 0.35em);left:50%;pointer-events:none;color:#ffffff;background-color:#0d234b;box-shadow:0 0.075em 0.225em rgba(0, 0, 0, 0.1), 0 0.4em 0.9em rgba(0, 0, 0, 0.13);padding:0.25em 0.75em;border-radius:inherit;max-width:min(95vw, 40em);transform:translateX(-50%) translateX(var(--pn-dx));width:max-content;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){${t("pn-button")} .pn-button-tooltip{transition-duration:0s;transition-delay:0s}}${t("pn-button")} .pn-button-tooltip-text{font-size:0.875em;font-weight:300}${t("pn-button")} .pn-button ${t("pn-icon")}{flex-shrink:0}${t("pn-button")} .pn-button ${t("pn-icon")} .pn-icon-svg path{fill:#ffffff}${t("pn-button")} .pn-button ${t("pn-spinner")}{position:absolute;transform:scale(0)}${t("pn-button")} .pn-button:hover .pn-button-bg:after,${t("pn-button")} .pn-button:focus .pn-button-bg:after{transform:translateX(0)}${t("pn-button")} .pn-button[data-appearance=light]{color:#005d92}${t("pn-button")} .pn-button[data-appearance=light] ${t("pn-icon")} .pn-icon-svg path{fill:#005d92}${t("pn-button")} .pn-button[data-appearance=light] ${t("pn-spinner")} .pn-spinner-circle{stroke:#005d92}${t("pn-button")} .pn-button[data-appearance=light] ${t("pn-spinner")} .pn-spinner-dot{fill:#005d92}${t("pn-button")} .pn-button[data-appearance=light] .pn-button-bg{border-color:#005d92;background-color:#ffffff}${t("pn-button")} .pn-button[data-appearance=light] .pn-button-bg:after{background-color:#e0f8ff;opacity:1}${t("pn-button")} .pn-button[data-appearance=light] .pn-button-bg .pn-ripple{background-color:#005d92}${t("pn-button")} .pn-button[data-appearance=warning]{color:#a70707}${t("pn-button")} .pn-button[data-appearance=warning] ${t("pn-icon")} .pn-icon-svg path{fill:#a70707}${t("pn-button")} .pn-button[data-appearance=warning] ${t("pn-spinner")} .pn-spinner-circle{stroke:#a70707}${t("pn-button")} .pn-button[data-appearance=warning] ${t("pn-spinner")} .pn-spinner-dot{fill:#a70707}${t("pn-button")} .pn-button[data-appearance=warning] .pn-button-bg{border:0.0625em solid #a70707;background-color:#fdefee}${t("pn-button")} .pn-button[data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}${t("pn-button")} .pn-button[data-appearance=warning]:hover,${t("pn-button")} .pn-button[data-appearance=warning]:focus{color:#ffffff}${t("pn-button")} .pn-button[data-appearance=warning]:hover ${t("pn-icon")} .pn-icon-svg path,${t("pn-button")} .pn-button[data-appearance=warning]:focus ${t("pn-icon")} .pn-icon-svg path{fill:#ffffff}${t("pn-button")} .pn-button[data-appearance=warning]:hover ${t("pn-spinner")} .pn-spinner-circle,${t("pn-button")} .pn-button[data-appearance=warning]:focus ${t("pn-spinner")} .pn-spinner-circle{stroke:#ffffff}${t("pn-button")} .pn-button[data-appearance=warning]:hover ${t("pn-spinner")} .pn-spinner-dot,${t("pn-button")} .pn-button[data-appearance=warning]:focus ${t("pn-spinner")} .pn-spinner-dot{fill:#ffffff}${t("pn-button")} .pn-button[data-appearance=warning]{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-button")} .pn-button[data-appearance=warning]:focus-visible{outline-color:#a70707}${t("pn-button")} .pn-button[data-variant=borderless] .pn-button-bg{border:none;background-color:transparent}${t("pn-button")} .pn-button[data-variant=borderless] .pn-button-bg:after{background-color:#ffffff;opacity:0.1}${t("pn-button")} .pn-button[data-variant=borderless][data-appearance=light] .pn-button-bg:after{background-color:#e0f8ff;opacity:1}${t("pn-button")} .pn-button[data-variant=borderless][data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}${t("pn-button")} .pn-button[data-variant=outlined] .pn-button-bg{border:0.0625em solid #ffffff;background-color:transparent}${t("pn-button")} .pn-button[data-variant=outlined] .pn-button-bg:after{background-color:#ffffff;opacity:0.1}${t("pn-button")} .pn-button[data-variant=outlined][data-appearance=light] .pn-button-bg{border-color:#005d92;background-color:#ffffff}${t("pn-button")} .pn-button[data-variant=outlined][data-appearance=light] .pn-button-bg:after{background-color:#00a0d6;opacity:0.1}${t("pn-button")} .pn-button[data-variant=outlined][data-appearance=warning] .pn-button-bg{border-color:#a70707}${t("pn-button")} .pn-button[data-variant=outlined][data-appearance=warning] .pn-button-bg:after{background-color:#a70707;opacity:1}${t("pn-button")} .pn-button[data-left-icon] .pn-button-content{flex-direction:row-reverse}${t("pn-button")} .pn-button[data-icon-only]{width:3em;min-width:0}${t("pn-button")} .pn-button[data-icon-only][data-small]{width:2em;min-width:0;padding:0}${t("pn-button")} .pn-button[data-small]{padding:0.375em 1em;min-height:2em;min-width:unset;line-height:1.25em}${t("pn-button")} .pn-button[data-small] .pn-button-content{gap:0.25em}${t("pn-button")} .pn-button[data-small] .pn-button-text{font-size:0.875em}${t("pn-button")} .pn-button[data-small] ${t("pn-icon")} .pn-icon-svg{height:1.25em;width:1.25em}${t("pn-button")} .pn-button[data-tooltip-open] .pn-button-tooltip{opacity:1}${t("pn-button")} .pn-button[data-tooltip-upwards] .pn-button-tooltip{top:auto;bottom:calc(100% + 0.35em)}${t("pn-button")} .pn-button[data-loading] ${t("pn-spinner")}{transform:scale(1);transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-button")} .pn-button[data-loading] ${t("pn-spinner")}{transition-duration:0s;transition-delay:0s}}${t("pn-button")} .pn-button[data-loading] ${t("pn-spinner")}{transition-delay:0.2s}${t("pn-button")} .pn-button[data-loading] .pn-button-content{pointer-events:none;opacity:0;transition-delay:0s;transform:translateY(100%)}${t("pn-button")} .pn-button[data-loading] .pn-button-bg{width:3em}${t("pn-button")} .pn-button[data-loading][data-small] .pn-button-bg{width:2em}`;const s=class{constructor(t){n(this,t)}get hostElement(){return a(this)}light=!1;size=1.5;getColor(){return this.light?"#fff":"#005d92"}getSize(){return`${this.size}em`}render(){return e(i,{key:"a143e0f8959099811a49a4772809bea95ac7b3c5"},e("svg",{key:"14d49833b52a340b3b3d1a3c1dfdfb8e9c176858",class:"pn-spinner",style:{"--pn-spinner-size":this.getSize(),"--pn-spinner-color":this.getColor()},xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},e("circle",{key:"b66d19a748cf83364f508956c9c3e1a487de96fc",class:"pn-spinner-circle",cx:"12",cy:"12",r:"10","stroke-width":"3"}),e("circle",{key:"e576947e99cd98ead97e4a49327fcce9e5811af3",class:"pn-spinner-dot",cx:"21.3",cy:"16",r:"1.48"})))}};s.style=`${t("pn-spinner")}{display:inline-block}${t("pn-spinner")} .pn-spinner{--pn-spinner-size:1.5em;--pn-spinner-color:main.$blue700;height:var(--pn-spinner-size);width:var(--pn-spinner-size);display:block;animation:rotate 1s infinite;animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-spinner")} .pn-spinner{animation-duration:2s}}${t("pn-spinner")} .pn-spinner-circle{stroke:var(--pn-spinner-color);transform-origin:center center;transform:rotate(-310deg);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:64;animation:loading 2s infinite;animation-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-spinner")} .pn-spinner-circle{animation-duration:4s}}${t("pn-spinner")} .pn-spinner-dot{fill:var(--pn-spinner-color)}@keyframes loading{0%{stroke-dashoffset:55}50%{stroke-dashoffset:12}100%{stroke-dashoffset:55}}@keyframes rotate{from{transform:rotate(-180deg) scaleX(-1)}to{transform:rotate(180deg) scaleX(-1)}}`;export{p as pn_button,s as pn_spinner}

package/umd/modules/@postnord/web-components/postnord-web-components/p-83d02093.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+import{t,M as a,r as o,c as n,g as e,h as s,a as i}from"./p-XKg-ydzH.js";import{a as r}from"./p-BWAVaTWQ.js";import{awaitTopbar as p,ripple as c,en as d}from"./index.esm.js";import{a as l}from"./p-B88w-Zxn.js";import{a as u}from"./p-BTqkgfeH.js";import{c as h}from"./p-D4GZ__oQ.js";import{c as b}from"./p-BvuWkoyY.js";const f={HIDE:{sv:"Stäng meddelande",en:"Dismiss message",da:"Afvis besked",fi:"Hylkää viesti",no:"Avvis meldingen"}},m=class extends(a(r)){constructor(t){super(),o(this,t),this.close=n(this,"close",7),this.hidden=n(this,"hidden",7)}toast;button;get hostElement(){return e(this)}hasSlottedContent=!1;heading="";text="";toastId;appearance;temporary=!1;icon;illustration;hide=!1;closable=!1;language=null;handleHide(){this.hostElement.style.overflow="hidden",requestAnimationFrame((()=>this.toggleToastVisibility()))}close;hidden;async componentWillLoad(){this.hide&&(this.hostElement.style.height="0",this.hostElement.style.overflow="hidden"),this.hasSlottedContent=!!this.hostElement.textContent,null===this.language&&await p(this.hostElement)}componentDidLoad(){!this.heading||this.text||this.hasSlottedContent||console.warn("The %s prop is only available if you use the %s prop or slotted content.","heading","text")}toggleToastVisibility(){this.hide?this.closeDropdown(this.hostElement,this.toast.clientHeight):this.openDropdown(this.hostElement,this.toast.clientHeight)}handleClick(t){this.hide=!0,this.close.emit(this.hide),c(t,this.toast)}getIcon(){return this.illustration?"":this.icon?this.icon:"success"===this.appearance?h:"warning"===this.appearance?'<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.874 2.514a1 1 0 0 0-1.748 0l-10 18A1 1 0 0 0 2 22h20a1 1 0 0 0 .874-1.486zM12 5.06 20.3 20H3.7zm-1.375 4.936a1.38 1.38 0 1 1 2.75 0l-.292 3.509a1.087 1.087 0 0 1-2.166 0zM12 15.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3" clip-rule="evenodd"/></svg>':"error"===this.appearance?l:u}getRole(){return"error"===this.appearance?"alert":"status"}showIcon(){return!this.illustration}showIllustration(){return!this.showIcon()}showTitle(){return(this.hasSlottedContent||!!this.text)&&!!this.heading}translate(t){return f?.[t]?.[this.language||d]||t}hideToast(){return this.hide&&!this.isMoving()}render(){return s(i,{key:"8fc8af6de122bae90d2909840a3d2c412cc3181d"},s("div",{key:"ad45d0c295ea660c6e03f1b98e91294519003886",id:this.toastId,class:"pn-toast",role:this.getRole(),"data-appearance":this.appearance,"data-temporary":this.temporary,"data-hide":this.hideToast(),ref:t=>this.toast=t},this.showIcon()&&s("pn-icon",{key:"7e856fb052f535e72b15044347eb2a20dc141297",class:"pn-toast-icon",icon:this.getIcon()}),s("div",{key:"b8549738d389bb4b3269192c9a6fa606e6500e25",class:"pn-toast-content"},this.showTitle()&&s("h4",{key:"ef243b8a4d842c8583308bd8cd75a3c640ba811a",class:"pn-toast-heading"},this.heading),this.text&&s("p",{key:"7d4a03a243567f881ddaa826959c36cebd84ad00",class:"pn-toast-text"},this.text),s("slot",{key:"1cf28e44d6f37c053b33634529ee0a2d1d7dc58d"})),this.showIllustration()&&s("pn-illustration",{key:"f219657a26c48361d1f31cccf947a13f749f6e7b",illustration:this.illustration,width:"5.5em",height:"5.5em"}),this.closable&&s("button",{key:"1bebf8881b20963d9a611cdcf8e293fb6f035cc7",class:"pn-toast-button",type:"button","aria-label":this.translate("HIDE"),onClick:t=>this.handleClick(t),ref:t=>this.button=t},s("pn-icon",{key:"14b4fee29de5810bd9d04476500e6d806fe3a2eb",icon:b}))))}static get watchers(){return{hide:[{handleHide:0}]}}};m.style=`${t("pn-toast")}{position:relative;display:block}${t("pn-toast")} .pn-toast{position:relative;color:#2d2013;padding:1em;border-radius:0.5em;outline:none;font-size:1em;font-weight:400;background-color:#e0f8ff;border-color:#005d92;display:flex;align-items:center;gap:0.75em;visibility:visible;transition-property:visibility;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-toast")} .pn-toast{transition-duration:0s;transition-delay:0s}}${t("pn-toast")} .pn-toast .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}}${t("pn-toast")} .pn-toast[data-hide]{visibility:hidden;transition-delay:0.2s}${t("pn-toast")} .pn-toast-heading{font-size:1em;font-style:normal;font-weight:500;margin:0}${t("pn-toast")} .pn-toast-text{font-size:1em;font-style:normal;font-weight:400;margin:0 0 0.25em 0}${t("pn-toast")} .pn-toast-text:last-child{margin-bottom:0}${t("pn-toast")} .pn-toast-icon .pn-icon-svg path{fill:#2d2013}${t("pn-toast")} .pn-toast-content{display:flex;flex-direction:column;align-self:center;align-items:flex-start;gap:0.25em;margin:0 auto 0 0}${t("pn-toast")} .pn-toast-button{cursor:pointer;border-radius:50%;border:none;background:none;padding:0.25em;font-size:1em;display:flex;align-items:center;justify-content:center;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){${t("pn-toast")} .pn-toast-button{transition-duration:0s;transition-delay:0s}}${t("pn-toast")} .pn-toast-button{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-toast")} .pn-toast-button:focus-visible{outline-color:#005d92;background-color:#8eddf9}${t("pn-toast")} .pn-toast-button:hover{background-color:#8eddf9}${t("pn-toast")} .pn-toast[data-appearance=success]{background-color:#dcf6e7}${t("pn-toast")} .pn-toast[data-appearance=success] .pn-toast-button{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-toast")} .pn-toast[data-appearance=success] .pn-toast-button:focus-visible{outline-color:#005e41;background-color:#abe3bb}${t("pn-toast")} .pn-toast[data-appearance=success] .pn-toast-button:hover{background-color:#abe3bb}${t("pn-toast")} .pn-toast[data-appearance=success] .pn-ripple{background-color:#005e41}${t("pn-toast")} .pn-toast[data-appearance=success] .pn-toast-icon .pn-icon-svg path{fill:#005e41}${t("pn-toast")} .pn-toast[data-appearance=success][data-temporary]{border-color:#005e41}${t("pn-toast")} .pn-toast[data-appearance=warning]{background-color:#fff1e3}${t("pn-toast")} .pn-toast[data-appearance=warning] .pn-toast-button{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-toast")} .pn-toast[data-appearance=warning] .pn-toast-button:focus-visible{outline-color:#99290a;background-color:#ffc8a3}${t("pn-toast")} .pn-toast[data-appearance=warning] .pn-toast-button:hover{background-color:#ffc8a3}${t("pn-toast")} .pn-toast[data-appearance=warning] .pn-ripple{background-color:#99290a}${t("pn-toast")} .pn-toast[data-appearance=warning] .pn-toast-icon .pn-icon-svg path{fill:#99290a}${t("pn-toast")} .pn-toast[data-appearance=warning][data-temporary]{border-color:#ed7123}${t("pn-toast")} .pn-toast[data-appearance=error]{background-color:#fdefee}${t("pn-toast")} .pn-toast[data-appearance=error] .pn-toast-button{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-toast")} .pn-toast[data-appearance=error] .pn-toast-button:focus-visible{outline-color:#a70707;background-color:#fbc2c1}${t("pn-toast")} .pn-toast[data-appearance=error] .pn-toast-button:hover{background-color:#fbc2c1}${t("pn-toast")} .pn-toast[data-appearance=error] .pn-ripple{background-color:#a70707}${t("pn-toast")} .pn-toast[data-appearance=error] .pn-toast-icon .pn-icon-svg path{fill:#a70707}${t("pn-toast")} .pn-toast[data-appearance=error][data-temporary]{border-color:#a70707}${t("pn-toast")} .pn-toast[data-temporary]{border-style:solid;border-width:0.0625em;box-shadow:0 0.125em 0.25em rgba(0, 0, 0, 0.2)}`;export{m as pn_toast}

package/umd/modules/@postnord/web-components/postnord-web-components/p-88344f8d.entry.js

@@ -0,0 +1,5 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+import{t,r as i,c as a,g as s,f as e,h as n,a as l}from"./p-XKg-ydzH.js";import{a as o,c as r}from"./p-B6SVpr61.js";import{awaitTopbar as c,en as b}from"./index.esm.js";var d={LEFT:{sv:"Bläddra åt vänster",en:"Scroll to the left",da:"Rul til venstre",fi:"Vieritä vasemmalle",no:"Rull til venstre"},RIGHT:{sv:"Bläddra åt höger",en:"Scroll to the right",da:"Rul til højre",fi:"Vieritä oikealle",no:"Rull til høyre"}};const p=class{constructor(t){i(this,t),this.tabchange=a(this,"tabchange",7)}mo;isMenu=!1;isTabHovered=!1;tabListEl;lineActive;lineHovered;tabElement;get hostElement(){return s(this)}showScrollArrows=!1;arrowLeft=!1;arrowRight=!1;label;value;small;stackedicons=!1;language=null;tabchange;setValue(){const i=t("pn-tab");Array.from(this.hostElement.querySelectorAll(i)).forEach((t=>{t.activeTab=this.value}))}scrollHandler(){this.showScrollArrows?this.tabListEl.addEventListener("scroll",this.scrollIndicators.bind(this)):this.tabListEl.removeEventListener("scroll",this.scrollIndicators)}setActiveTabHandler({detail:t}){this.tabElement=t.el,requestAnimationFrame((()=>this.activateTab(t.el))),this.value!==t.val&&(this.value=t.val,this.tabchange.emit(this.value),this.tabElement.querySelector(".pn-tab").focus())}rerender(){requestAnimationFrame((()=>{this.scrollIndicators(),this.isTabHovered=!1}))}handleEnter(t){this.isTabHovered=!0,this.styleLines(t.target)}handleLeave(){this.isTabHovered=!1,setTimeout((()=>{this.isTabHovered||this.lineHovered.style.setProperty("--pn-hover-opacity","0")}),500)}connectedCallback(){this.mo=new MutationObserver((()=>{e(this.hostElement),this.setValue(),this.rerender()})),this.mo.observe(this.hostElement,{subtree:!0,childList:!0})}disconnectedCallback(){this.mo?.disconnect()}async componentWillLoad(){this.isMenu="menu"===this.hostElement.slot,null===this.language&&await c(this.hostElement)}componentDidRender(){this.setValue(),this.rerender()}getRect(t){return t.getBoundingClientRect()}activateTab(t){this.styleLines(t,!0),this.styleLines(t,!1)}styleLines(t,i=!1){const a=this.getRect(this.tabListEl),s=this.tabListEl.scrollLeft,e=this.getRect(t),n=e.left+s-a.left,l=i?"active":"hover",o=i?"lineActive":"lineHovered";this[o].style.setProperty(`--pn-${l}-width`,`${e.width}px`),this[o].style.setProperty(`--pn-${l}-offset`,`${n}px`),this[o].style.setProperty(`--pn-${l}-opacity`,"1")}scrollIndicators(){const{scrollWidth:t,scrollLeft:i}=this.tabListEl,{clientWidth:a}=this.hostElement;this.showScrollArrows=t>a,this.arrowLeft=this.showScrollArrows&&i>0,this.arrowRight=this.showScrollArrows&&a+16+i<t}scroll({right:t=!1}={}){const i=this.tabListEl,{scrollLeft:a,clientWidth:s}=i;let e=a;const n=s-64;t?e+=n:e-=n,i.scrollTo({left:e,behavior:"smooth"})}translate(t){return d?.[t]?.[this.language||b]}render(){return n(l,{key:"7dca608244acd89c6506d10db8bd774055623f77"},n("nav",{key:"263e6774e93dd98d82282d9f591b4f2053c0421c",class:"pn-tablist",role:this.isMenu?null:"tablist","aria-label":this.label,"data-stacked":this.stackedicons,"data-small":!this.isMenu&&this.small,"data-large":this.isMenu,"data-scroll":this.showScrollArrows,ref:t=>this.tabListEl=t},n("slot",{key:"3a5a6f587b750c035f1b61b1184bf7d9fd843cd2"}),n("div",{key:"a21c49db6f1f38066d7b54d11faeb441cfbd52b1",class:"pn-tablist-line"},n("div",{key:"35f4d30ba1e7de4737dd65d38febd6cf0dc0ab41",ref:t=>this.lineActive=t,class:"pn-tablist-line-item pn-tablist-line-active"}),n("div",{key:"ab05a4b61abac290894cd93e89bd9de80c710189",ref:t=>this.lineHovered=t,class:"pn-tablist-line-item pn-tablist-line-hovered"}))),n("div",{key:"1845500af4535f9a7d4006fc781f52c7a31776d9",class:"pn-tablist-scroll"},n("pn-button",{key:"c7421e16d531fe9559b46a3e0fa8bdcb4bf5a142",class:"pn-tablist-arrow","data-show":this.arrowLeft,onClick:()=>this.scroll(),noTab:!0,appearance:"light",variant:"outlined",icon:o,iconOnly:!0,arialabel:this.translate("LEFT"),small:!0}),n("pn-button",{key:"a79c5096ee1f9ca79755b54db6bc0b05d3c8ac5a",class:"pn-tablist-arrow","data-show":this.arrowRight,onClick:()=>this.scroll({right:!0}),noTab:!0,appearance:"light",variant:"outlined",icon:r,iconOnly:!0,arialabel:this.translate("RIGHT"),small:!0})))}static get watchers(){return{value:[{setValue:0}],showScrollArrows:[{scrollHandler:0}]}}};p.style=`${t("pn-tablist")}{width:100%;min-width:0;position:relative;border-bottom:0.0625em solid #d3cecb;display:block}${t("pn-tablist")} .pn-tablist,${t("pn-tablist")} ol,${t("pn-tablist")} ul{display:flex;width:100%;flex-direction:row;gap:1em;position:relative;list-style:none;padding:0;margin:0}${t("pn-tablist")} .pn-tablist[data-stacked] .pn-tab,${t("pn-tablist")} ol[data-stacked] .pn-tab,${t("pn-tablist")} ul[data-stacked] .pn-tab{margin:0.5em 0.25em 0.75em;gap:0.25em;flex-direction:column}${t("pn-tablist")} .pn-tablist[data-small] .pn-tab,${t("pn-tablist")} ol[data-small] .pn-tab,${t("pn-tablist")} ul[data-small] .pn-tab{margin:0.25em 0.25em 0.75em}${t("pn-tablist")} .pn-tablist[data-small] .pn-tab>*:not(${t("pn-icon")}),${t("pn-tablist")} ol[data-small] .pn-tab>*:not(${t("pn-icon")}),${t("pn-tablist")} ul[data-small] .pn-tab>*:not(${t("pn-icon")}){font-size:0.875em}${t("pn-tablist")} .pn-tablist[data-large] .pn-tab>*:not(${t("pn-icon")}),${t("pn-tablist")} ol[data-large] .pn-tab>*:not(${t("pn-icon")}),${t("pn-tablist")} ul[data-large] .pn-tab>*:not(${t("pn-icon")}){font-size:1.25em}${t("pn-tablist")} .pn-tablist[data-scroll],${t("pn-tablist")} ol[data-scroll],${t("pn-tablist")} ul[data-scroll]{overflow-y:hidden;overflow-x:auto;scroll-snap-type:x mandatory}${t("pn-tablist")} .pn-tablist::-webkit-scrollbar,${t("pn-tablist")} ol::-webkit-scrollbar,${t("pn-tablist")} ul::-webkit-scrollbar{display:none}${t("pn-tablist")} .pn-tablist-line{height:0.25em;position:absolute;bottom:0}${t("pn-tablist")} .pn-tablist-line-item{position:absolute;width:100%;height:inherit;border-radius:0.25em 0.25em 0 0;transform-origin:left center;opacity:0;transition-property:transform, opacity, width;transition-duration:0.4s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-tablist")} .pn-tablist-line-item{transition-duration:0s;transition-delay:0s}}${t("pn-tablist")} .pn-tablist-line-active{z-index:1;background-color:#005d92;width:var(--pn-active-width);transform:translateX(var(--pn-active-offset));opacity:var(--pn-active-opacity)}${t("pn-tablist")} .pn-tablist-line-hovered{background-color:#00a0d6;width:var(--pn-hover-width);transform:translateX(var(--pn-hover-offset));opacity:var(--pn-hover-opacity)}${t("pn-tablist")} .pn-tablist-scroll{position:absolute;top:50%;left:0;right:0;pointer-events:none;transform:translateY(-50%);display:flex;justify-content:space-between;align-items:center;z-index:1;height:100%}${t("pn-tablist")} .pn-tablist-arrow{pointer-events:all;transform:scaleY(0);opacity:0;visibility:hidden;transition-property:transform, opacity, visibility;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-tablist")} .pn-tablist-arrow{transition-duration:0s;transition-delay:0s}}${t("pn-tablist")} .pn-tablist-arrow[data-show]{opacity:1;visibility:visible;transform:scaleY(1)}`;export{p as pn_tablist}