@postnord/pn-marketweb-components 3.5.2 → 3.5.3

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

@@ -1,10 +1,7 @@
 {
   "name": "@postnord/web-components",
-  "version": "7.14.0",
+  "version": "7.16.0",
   "description": "PostNord Web Components",
-  "publishConfig": {
-    "registry": "https://registry.npmjs.org/"
-  },
   "main": "index.cjs.js",
   "module": "components/index.js",
   "es2017": "esm/index.js",
@@ -12,6 +9,10 @@
   "collection": "collection/collection-manifest.json",
   "collection:main": "collection/index.js",
   "unpkg": "postnord-web-components/postnord-web-components.esm.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/postnord-group/web-components.git"
+  },
   "scripts": {
     "start": "wireit",
     "build": "wireit",
@@ -27,25 +28,26 @@
     "@babel/core": "^7.27.7",
     "@cyclonedx/bom": "^3.10.6",
     "@stencil/sass": "3.2.1",
-    "@storybook/addon-a11y": "^9.0.13",
-    "@storybook/addon-designs": "^10.0.1",
-    "@storybook/builder-vite": "^9.0.13",
-    "@storybook/cli": "^9.0.13",
-    "@storybook/web-components-vite": "^9.0.13",
+    "@storybook/addon-a11y": "^9.1.8",
+    "@storybook/addon-designs": "^10.0.2",
+    "@storybook/addon-docs": "^9.1.8",
+    "@storybook/builder-vite": "^9.1.8",
+    "@storybook/cli": "^9.1.8",
+    "@storybook/web-components-vite": "^9.1.8",
     "api-now": "^0.5.4",
     "dayjs": "1.11.13",
-    "lodash.kebabcase": "^4.1.1",
+    "osls": "^3.54.0",
     "plop": "^4.0.1",
-    "pn-design-assets": "2.2.0",
+    "pn-design-assets": "3.0.0",
     "prettier": "3.6.2",
     "sass": "^1.89.2",
-    "storybook": "^9.0.13",
+    "serverless-plugin-scripts": "^1.0.2",
+    "storybook": "^9.1.8",
     "typescript": "^5.8.3",
     "uuid": "^11.1.0",
     "vite": "^6.3.5",
     "vite-tsconfig-paths": "^5.1.4",
-    "wireit": "^0.14.12",
-    "@storybook/addon-docs": "^9.0.13"
+    "wireit": "^0.14.12"
   },
   "license": "MIT",
   "type": "module",

package/umd/modules/@postnord/web-components/postnord-web-components/{p-7e88df1f.entry.js → p-01472170.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as s,c as t,g as e,h as i,a}from"./p-43660913.js";import{u as h,k as r,s as n}from"./p-f64d17a6.js";const o={CLOSEST_DELIVERY_DATE:{en:"Closest delivery date:",sv:"Nästa utdelningsdag:"},NEXT_DELIVERY_DATE:{en:"Next delivery date:",sv:"Kommande utdelningsdag:"},ZIP_CODE:{en:"Zip code:",sv:"Postnummer:"},VALIDATION_ERROR_MESSAGE:{en:"Zip code not valid",sv:"Postnumret är inte giltigt"},SERVER_ERROR_MESSAGE:{en:"Could not find zip code",sv:"Kan inte hitta postnumret"},PLACEHOLDER_TEXT:{en:"Search for a zip code",sv:"Sök på ett postnummer"},SEARCH:{en:"Search",sv:"Sök"}};const l="pn-zipcode-search{display:block;color:#5e554a}pn-zipcode-search .pn-search-results{display:flex;flex-direction:column;gap:1em;padding:0 0.75em}pn-zipcode-search .pn-search-results span{color:#5e554a}pn-zipcode-search .pn-search-results h3{color:#2d2013}pn-zipcode-search .pn-error-text{color:#a70707;padding:0 0.75em}pn-zipcode-search>pn-search-field{width:100%;margin-bottom:1em}";const c=l;const d=class{constructor(e){s(this,e);this.searchsuccessful=t(this,"searchsuccessful",7);this.validZipCode=undefined;this.loading=false;this.showResult=false;this.zipCodeSearchResult={delivery:"",upcoming:"",city:"",postalCode:""};this.error=false;this.errorMessage=undefined;this.language=null;this.value=undefined}searchId=`pn-zipcode-${h()}`;get hostElement(){return e(this)}searchsuccessful;async componentWillLoad(){if(this.language===null)await r(this.hostElement);if(!!this.value)this.handleSearch(this.value)}translation(s){return o[s][this.language||n]}handleSearch(s){this.value=s;this.validateZipCode();if(this.error){this.errorMessage="VALIDATION_ERROR_MESSAGE";return}this.zipCodeSearch()}async zipCodeSearch(){this.loading=true;await fetch(`https://portal.postnord.com/api/sendoutarrival/closest?postalCode=${this.validZipCode}`).then((s=>s.json())).then((s=>{this.showResult=true;this.zipCodeSearchResult=s;this.searchsuccessful.emit(true)})).catch((()=>{this.error=true;this.errorMessage="SERVER_ERROR_MESSAGE";this.searchsuccessful.emit(false)})).finally((()=>{this.loading=false}))}validateZipCode(){const s=this.value?this.value.replace(/[ -]/gi,""):"";const t=/^\d{5}$/;const e=t.test(s);this.error=!e;if(e){this.validZipCode=s}}renderSearchResult(){if(!this.loading&&!this.error&&this.showResult){return i("output",{class:"pn-search-results",htmlFor:this.searchId},i("p",{class:"text-row"},i("span",null,this.translation("CLOSEST_DELIVERY_DATE")),i("h3",{class:"delivery-date"},this.zipCodeSearchResult.delivery)),i("p",{class:"text-row"},i("span",null,this.translation("NEXT_DELIVERY_DATE")),i("h3",{class:"delivery-date"},this.zipCodeSearchResult.upcoming)),i("p",{class:"text-row"},i("span",null,this.translation("ZIP_CODE")),i("h3",null,this.zipCodeSearchResult.postalCode,", ",this.zipCodeSearchResult.city||"N/A")))}}renderErrorMessage(){if(this.error&&!this.loading){return i("p",{class:"pn-error-text",role:"alert"},i("small",null,this.translation(this.errorMessage)))}}render(){return i(a,{key:"ab60b367efe4208942f13a524f10325323d1f499"},i("pn-search-field",{key:"6449ae03e55e4bb228b70245863aa0448ce87957",label:this.translation("PLACEHOLDER_TEXT"),value:this.value,searchid:this.searchId,loading:this.loading,button:"icon",buttonLabel:this.translation("SEARCH"),placeholder:this.translation("PLACEHOLDER_TEXT"),onSearch:s=>this.handleSearch(s.detail)}),this.renderSearchResult(),this.renderErrorMessage())}};d.style=c;export{d as pn_zipcode_search};
-//# sourceMappingURL=p-7e88df1f.entry.js.map
+import{r as s,c as t,g as e,h as i,a}from"./p-43660913.js";import{u as h,k as r,s as n}from"./p-f64d17a6.js";const o={CLOSEST_DELIVERY_DATE:{en:"Closest delivery date:",sv:"Nästa utdelningsdag:"},NEXT_DELIVERY_DATE:{en:"Next delivery date:",sv:"Kommande utdelningsdag:"},ZIP_CODE:{en:"Zip code:",sv:"Postnummer:"},VALIDATION_ERROR_MESSAGE:{en:"Zip code not valid",sv:"Postnumret är inte giltigt"},SERVER_ERROR_MESSAGE:{en:"Could not find zip code",sv:"Kan inte hitta postnumret"},PLACEHOLDER_TEXT:{en:"Search for a zip code",sv:"Sök på ett postnummer"},SEARCH:{en:"Search",sv:"Sök"}};const c="pn-zipcode-search{display:block;color:#5e554a}pn-zipcode-search .pn-search-results{display:flex;flex-direction:column;gap:1em;padding:0 0.75em}pn-zipcode-search .pn-search-results span{color:#5e554a}pn-zipcode-search .pn-search-results h3{color:#2d2013}pn-zipcode-search .pn-error-text{color:#a70707;padding:0 0.75em}pn-zipcode-search>pn-search-field{width:100%;margin-bottom:1em}";const l=c;const d=class{constructor(e){s(this,e);this.searchsuccessful=t(this,"searchsuccessful",7);this.validZipCode=undefined;this.loading=false;this.showResult=false;this.zipCodeSearchResult={delivery:"",upcoming:"",city:"",postalCode:""};this.error=false;this.errorMessage=undefined;this.language=null;this.value=undefined}searchId=`pn-zipcode-${h()}`;get hostElement(){return e(this)}searchsuccessful;async componentWillLoad(){if(this.language===null)await r(this.hostElement);if(!!this.value)this.handleSearch(this.value)}translation(s){return o[s][this.language||n]}handleSearch(s){this.value=s;this.validateZipCode();if(this.error){this.errorMessage="VALIDATION_ERROR_MESSAGE";return}this.zipCodeSearch()}async zipCodeSearch(){this.loading=true;await fetch(`https://portal.postnord.com/api/sendoutarrival/closest?postalCode=${this.validZipCode}`).then((s=>s.json())).then((s=>{this.showResult=true;this.zipCodeSearchResult=s;this.searchsuccessful.emit(true)})).catch((()=>{this.error=true;this.errorMessage="SERVER_ERROR_MESSAGE";this.searchsuccessful.emit(false)})).finally((()=>{this.loading=false}))}validateZipCode(){const s=this.value?this.value.replace(/[ -]/gi,""):"";const t=/^\d{5}$/;const e=t.test(s);this.error=!e;if(e){this.validZipCode=s}}renderSearchResult(){if(!this.loading&&!this.error&&this.showResult){return i("output",{class:"pn-search-results",htmlFor:this.searchId},i("p",{class:"text-row"},i("span",null,this.translation("CLOSEST_DELIVERY_DATE")),i("h3",{class:"delivery-date"},this.zipCodeSearchResult.delivery)),i("p",{class:"text-row"},i("span",null,this.translation("NEXT_DELIVERY_DATE")),i("h3",{class:"delivery-date"},this.zipCodeSearchResult.upcoming)),i("p",{class:"text-row"},i("span",null,this.translation("ZIP_CODE")),i("h3",null,this.zipCodeSearchResult.postalCode,", ",this.zipCodeSearchResult.city||"N/A")))}}renderErrorMessage(){if(this.error&&!this.loading){return i("p",{class:"pn-error-text",role:"alert"},i("small",null,this.translation(this.errorMessage)))}}render(){return i(a,{key:"cc6f1ccb014330d11b8b75fa09e2f39da079a7f4"},i("pn-search-field",{key:"60bbf5751e937c820afbf997a3f51ba9ac85d762",label:this.translation("PLACEHOLDER_TEXT"),value:this.value,searchid:this.searchId,loading:this.loading,button:"icon",buttonLabel:this.translation("SEARCH"),placeholder:this.translation("PLACEHOLDER_TEXT"),onSearch:s=>this.handleSearch(s.detail)}),this.renderSearchResult(),this.renderErrorMessage())}};d.style=l;export{d as pn_zipcode_search};
+//# sourceMappingURL=p-01472170.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-ed4271af.entry.js → p-06c7e91b.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as t,c as e,g as i,h as n,a as o}from"./p-43660913.js";import{a as l}from"./p-9a18b612.js";import{a as s}from"./p-bf967b50.js";import{c}from"./p-92b0338a.js";import{u as r,k as a,r as p,o as u,j as d,e as h}from"./p-f64d17a6.js";const m={SELECT_AN_OPTION:{en:"Select an option",sv:"Välj ett alternativ",da:"Vælg en mulighed",fi:"Valitse vaihtoehto",no:"Velg et alternativ"},SELECT_ALL_OPTIONS:{en:"Select all options",sv:"Välj alla alternativ",da:"Vælg alle muligheder",fi:"Valitse kaikki vaihtoehdot",no:"Velg alle alternativer"},SELECT_FOUND_OPTIONS:{en:"Select {number} options",sv:"Välj {number} alternativ",da:"Vælg {number} muligheder",fi:"Valitse {number} vaihtoehtoa",no:"Velg {number} alternativer"},SELECTED_OPTIONS:{en:"Selected options.",sv:"Valda alternativ.",da:"Valgte muligheder.",fi:"Valitut vaihtoehdot.",no:"Valgte alternativer."},BUTTON_OPEN:{en:"Open list",sv:"Öppna listan",da:"Open list",fi:"Open list",no:"Open list"},BUTTON_CLOSE:{en:"Close list",sv:"Stäng listan",da:"Close list",fi:"Close list",no:"Close list"},REMOVE:{en:"Remove",sv:"Ta bort",da:"Remove",fi:"Remove",no:"Remove"},REMOVED:{en:"Removed",sv:"Tog bort",da:"Fjernet",fi:"Poistettu",no:"Fjernet"},MORE_OPTION:{en:"more option.",sv:"alternativ till.",da:"mulighed mere.",fi:"vaihtoehto lisää.",no:"alternativ til."},MORE_OPTIONS:{en:"more options.",sv:"fler alternativ.",da:"more options.",fi:"more options.",no:"more options."},SEARCH:{en:"Search",sv:"Sök",da:"Søg",fi:"Hae",no:"Søk"},RESULTS_FOUND:{en:"options found",sv:"alternativ hittades",da:"muligheder fundet",fi:"vaihtoehtoja löytyi",no:"alternativer funnet"},NO_SEARCH_RESULTS:{en:"No options found",sv:"Inga alternativ hittades",da:"Ingen muligheder fundet",fi:"Vaihtoehtoja ei löytynyt",no:"Finner ingen alternativer"},NO_OPTIONS:{en:"No options available",sv:"Inga alternativ tillgängliga",da:"Ingen tilgængelige muligheder",fi:"Ei vaihtoehtoja",no:"Ingen tilgjengelige alternativer"}};const f="pn-multiselect{display:inline-block}pn-multiselect .pn-multiselect{border:0;margin:0;padding:0}pn-multiselect .pn-multiselect[data-icon] .pn-multiselect-element{padding-left:3em}pn-multiselect .pn-multiselect[data-error] .pn-multiselect-element{padding-right:5.5em;border-color:#a70707}pn-multiselect .pn-multiselect[data-error] .pn-multiselect-element:hover{border-color:#500715}pn-multiselect .pn-multiselect[data-error] .pn-multiselect-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}pn-multiselect .pn-multiselect-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);width:100%}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-label{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-label>span{font-size:0.875em}pn-multiselect .pn-multiselect-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}pn-multiselect .pn-multiselect-group{position:relative;padding:0;margin:0}pn-multiselect .pn-multiselect-input{position:relative}pn-multiselect .pn-multiselect-input>pn-icon{pointer-events:none;position:absolute;top:0.75em;right:3.5em}pn-multiselect .pn-multiselect-input>pn-icon[data-custom]{left:0.75em;right:unset}pn-multiselect .pn-multiselect-button{cursor:pointer;position:absolute;right:0.75em;top:50%;transform:translateY(-50%);padding:0;margin:0;border:0;width:2em;height:2em;font-size:1em;border-radius:50%;background-color:transparent;-webkit-tap-highlight-color:transparent;transition-property:background-color, outline-color, border-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);outline:0.2rem solid transparent;outline-offset:0.2rem}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-button{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-button:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}pn-multiselect .pn-multiselect-button>pn-icon>svg>path{transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.2s;transform-origin:center;transform:rotate(0deg)}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-button>pn-icon>svg>path{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-button:hover{background-color:#effbff}pn-multiselect .pn-multiselect-button[aria-expanded=true]{background-color:#effbff}pn-multiselect .pn-multiselect-button[aria-expanded=true]>pn-icon>svg>path{transform:rotate(180deg);transition-delay:0s}pn-multiselect .pn-multiselect-element{color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);cursor:text;text-align:left;transition-delay:0.1s, 0.1s, 0s;width:100%;padding-right:3.5em;display:flex;align-items:center;justify-content:space-between;gap:0.5em;overflow:hidden;text-overflow:ellipsis}pn-multiselect .pn-multiselect-element:-webkit-autofill,pn-multiselect .pn-multiselect-element:-webkit-autofill:hover,pn-multiselect .pn-multiselect-element:-webkit-autofill:focus,pn-multiselect .pn-multiselect-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}pn-multiselect .pn-multiselect-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-element{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-element::placeholder{color:#5e554a;font-weight:normal}pn-multiselect .pn-multiselect-element:hover{border-color:#005d92}pn-multiselect .pn-multiselect-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-multiselect .pn-multiselect-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2;pointer-events:none}pn-multiselect .pn-multiselect-element:disabled+.pn-multiselect-button{pointer-events:none}pn-multiselect .pn-multiselect-element:disabled+.pn-multiselect-button path{fill:#5e554a}pn-multiselect .pn-multiselect-element:placeholder{color:#5e554a;font-weight:normal}pn-multiselect .pn-multiselect-element[type=input]:hover{cursor:pointer;color:#2d2013;background-color:#effbff;transition-delay:0s}pn-multiselect .pn-multiselect-element[type=input]:hover[aria-invalid=true]{background-color:#fdefee}pn-multiselect .pn-multiselect-element:focus-visible{transition-delay:0s}pn-multiselect .pn-multiselect-element::-webkit-search-cancel-button,pn-multiselect .pn-multiselect-element::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}pn-multiselect .pn-multiselect-options{scroll-behavior:smooth;position:absolute;z-index:10;top:calc(100% + 0.5em);left:0;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;list-style:none;margin:0;padding:0;width:var(--pn-select-options-width);max-height:var(--pn-select-max-height);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;visibility:hidden;transform-origin:top left}pn-multiselect .pn-multiselect-options[data-open]{visibility:visible}pn-multiselect .pn-multiselect-options[data-upwards]{top:unset;bottom:calc(100% + 0.5em);transform-origin:bottom left;box-shadow:0 -0.0625em 0.125em rgba(0, 0, 0, 0.2)}pn-multiselect .pn-multiselect-options[data-moving]{overflow:hidden;visibility:visible}pn-multiselect .pn-multiselect-options::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}pn-multiselect .pn-multiselect-options::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}pn-multiselect .pn-multiselect-options::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}pn-multiselect .pn-multiselect-options::-webkit-scrollbar-thumb:hover{background-color:#5e554a}pn-multiselect .pn-multiselect-options::-webkit-scrollbar-corner,pn-multiselect .pn-multiselect-options::-webkit-scrollbar-button{display:none}pn-multiselect .pn-multiselect-options>pn-input{padding:0.5em}pn-multiselect .pn-multiselect-optgroup{list-style:none;padding:0}pn-multiselect .pn-multiselect-optgroup>.pn-multiselect-option>.pn-multiselect-option-content{padding-left:2em}pn-multiselect .pn-multiselect-chips{list-style:none;display:flex;flex-wrap:wrap;gap:0.5em;padding:0;margin:0.5em 0 0 0;color:#5e554a;font-weight:400}pn-multiselect .pn-multiselect-chips:empty{display:none}pn-multiselect .pn-multiselect-chip{margin:0;display:inline-flex;align-items:center;gap:0.25em;background-color:#ffffff;border-radius:0.5em;padding:0.125em 0.25em 0.125em 0.5em;line-height:1.5em;border:0.0625em solid #5e554a;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-chip{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-chip:focus-within{color:#005d92;outline-color:#005d92;background-color:#effbff;border-color:#005d92}pn-multiselect .pn-multiselect-chip[data-count]{pointer-events:none;border:0;padding-left:0;padding-right:0;background-color:unset}pn-multiselect .pn-multiselect-chip-label{font-size:0.875em;white-space:nowrap}pn-multiselect .pn-multiselect-chip-button{cursor:pointer;font-size:1em;padding:0.25em;height:1.5em;width:1.5em;border:0;background-color:unset;border-radius:50%;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-chip-button{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-chip-button:hover{background-color:#8eddf9}pn-multiselect .pn-multiselect-chip-button:focus{outline:0}pn-multiselect .pn-multiselect-no-results{margin:0;padding:0.75em}pn-multiselect .pn-multiselect-description{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}pn-multiselect .pn-multiselect-description[role=alert]{color:#a70707}pn-multiselect .pn-multiselect-option{position:relative;margin:0;padding:0}pn-multiselect .pn-multiselect-option .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}pn-multiselect .pn-multiselect-option-input{cursor:pointer;position:absolute;opacity:0;left:0;top:0;height:100%;width:100%;margin:0;-webkit-tap-highlight-color:transparent}pn-multiselect .pn-multiselect-option-input:disabled{pointer-events:none}pn-multiselect .pn-multiselect-option-input:disabled+.pn-multiselect-option-content{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2;pointer-events:none}pn-multiselect .pn-multiselect-option-input:disabled+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#f3f2f2;border-color:#969087}pn-multiselect .pn-multiselect-option-input:disabled+.pn-multiselect-option-content path{fill:#5e554a}pn-multiselect .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-multiselect .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#969087;border-color:#969087}pn-multiselect .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content path{fill:#5e554a}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#a70707}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]+.pn-multiselect-option-content .pn-ripple{background-color:#a70707}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked+.pn-multiselect-option-content{background-color:#fdefee}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#a70707;border-color:#a70707}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked:focus-visible+.pn-multiselect-option-content{background-color:#fdefee}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#500715;border-color:#500715}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked:hover+.pn-multiselect-option-content{background-color:#fef7f6}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#500715;border-color:#500715}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:hover+.pn-multiselect-option-content{background-color:#fef7f6}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#fdefee;border-color:#a70707}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{outline-color:#a70707;background-color:#fdefee;border-color:#a70707}pn-multiselect .pn-multiselect-option-input:hover+.pn-multiselect-option-content{background-color:#effbff}pn-multiselect .pn-multiselect-option-input:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#005d92;background-color:#e0f8ff}pn-multiselect .pn-multiselect-option-input:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{outline-color:#005d92;background-color:#e0f8ff;border-color:#005d92}pn-multiselect .pn-multiselect-option-input:checked+.pn-multiselect-option-content{background-color:#e0f8ff}pn-multiselect .pn-multiselect-option-input:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#005d92;background-color:#005d92}pn-multiselect .pn-multiselect-option-input:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-checkmark-path{transition-delay:0.2s;stroke-dashoffset:0}pn-multiselect .pn-multiselect-option-input:checked:hover+.pn-multiselect-option-content{background-color:#effbff}pn-multiselect .pn-multiselect-option-input:checked:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#0d234b;background-color:#0d234b}pn-multiselect .pn-multiselect-option-input:checked:focus-visible+.pn-multiselect-option-content{background-color:#e0f8ff}pn-multiselect .pn-multiselect-option-input:checked:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#0d234b;background-color:#0d234b}pn-multiselect .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#005d92;border-color:#005d92}pn-multiselect .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content svg .pn-multiselect-option-checkbox-checkmark-path{stroke-dashoffset:23}pn-multiselect .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content svg .pn-multiselect-option-checkbox-indeterminate-path{stroke-dashoffset:0}pn-multiselect .pn-multiselect-option-input:indeterminate:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#0d234b;border-color:#0d234b}pn-multiselect .pn-multiselect-option-content{position:relative;overflow:hidden;z-index:-1;display:flex;align-items:center;padding:0.75em 1em;gap:0.5em;background-color:#ffffff;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-option-content{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-option-text{flex:1;text-overflow:ellipsis;overflow:hidden}pn-multiselect .pn-multiselect-option-label{color:#2d2013;font-weight:400}pn-multiselect .pn-multiselect-option-helper{color:#5e554a;margin:0}pn-multiselect .pn-multiselect-option-checkbox{background-color:#ffffff;flex:0 0 1.5em;width:1.5em;height:1.5em;border:0.0625em solid #969087;border-radius:0.25em;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, border-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-option-checkbox{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-option-checkbox svg polyline{stroke:#ffffff;stroke-linecap:round;stroke-dasharray:23;transition-property:stroke-dashoffset;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0s}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-option-checkbox svg polyline{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-checkmark-path{stroke-dashoffset:23}pn-multiselect .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-indeterminate-path{stroke-dashoffset:23}";const b=f;const g=class{constructor(i){t(this,i);this.toggleSelect=e(this,"toggleSelect",7);this.allOptions=e(this,"allOptions",7);this.selectedOption=e(this,"selectedOption",7);this.selectedAllOptions=e(this,"selectedAllOptions",7);this.searchInput=e(this,"searchInput",7);this.isSearching=false;this.open=false;this.upwards=false;this.srMessage=undefined;this.isClosing=false;this.isExpanding=false;this.label=undefined;this.helpertext=undefined;this.placeholder=undefined;this.name=undefined;this.selectId=this.id;this.selectName=undefined;this.icon=undefined;this.language=null;this.options=undefined;this.selectAll=false;this.allValue="pn_multiselect_all";this.search=false;this.searchQuery="";this.itemCount=5;this.maxHeight=undefined;this.top=false;this.bottom=false;this.required=false;this.disabled=false;this.invalid=false;this.error=undefined}id=`pn-multiselect-${r()}`;idLegend=`${this.id}-legend`;idButton=`${this.id}-button`;idOptions=`${this.id}-options`;idHelper=`${this.id}-text`;idChips=`${this.id}-chips`;idSr=`${this.id}-sr`;elGroup;elButton;elInput;elList;elChips;srTimer;animation;animationDurationDefault=400;animationDuration=this.animationDurationDefault;get hostElement(){return i(this)}handleOpen(){if(this.open){this.addGlobalEventListeners();this.handleDirection();this.handleMaxHeight();this.handleWidth();requestAnimationFrame((()=>this.openGrid()))}else{this.closeGrid();this.removeGlobalEventListeners()}}handleSearch(){if(!this.search)this.options=[...this.options.map((t=>{const e={...t,hide:false};if(e?.group?.length)e.group.map((t=>({...t,hide:false})));return e}))]}handleSearchQuery(){if(this.search&&typeof this.searchQuery==="string")this.handleInputSearch()}handleSelectId(){const t=this.selectId;this.idLegend=`${t}-legend`;this.idButton=`${t}-button`;this.idOptions=`${t}-options`;this.idHelper=`${t}-text`;this.idChips=`${t}-chips`;this.idSr=`${t}-sr`}handleResize(){if(!this.open)return;this.toggleOpen(false);this.elList.style.removeProperty("--pn-select-options-width");this.elList.style.removeProperty("--pn-select-max-height")}toggleSelect;allOptions;selectedOption;selectedAllOptions;searchInput;async componentWillLoad(){this.handleSelectId();if(this.language===null)await a(this.hostElement)}componentDidLoad(){if(!!this.searchQuery?.length)this.handleSearchQuery()}globalEvents=t=>{const e=t.target;const i=e?.closest(this.hostElement.localName);if(!i)this.toggleOpen(false)};addGlobalEventListeners(){const t=this.hostElement.getRootNode();t.addEventListener("click",this.globalEvents)}removeGlobalEventListeners(){const t=this.hostElement.getRootNode();t.removeEventListener("click",this.globalEvents)}openGrid(){requestAnimationFrame((()=>{const{clientHeight:t,scrollHeight:e}=this.elList;const i=this.isClosing?t:0;this.elList.style.height=`${e}px`;this.isExpanding=true;this.animateGrid(true,`${i}px`,this.maxHeight||`${this.elList.scrollHeight}px`)}))}closeGrid(){const{scrollHeight:t,clientHeight:e}=this.elList;const i=this.isExpanding?e:t;this.elList.style.height=`0px`;this.isClosing=true;this.animateGrid(false,`${i}px`,`0px`)}animateGrid(t,e,i){this.cancelAnimations();if(p())this.animationDuration=0;else this.animationDuration=this.animationDurationDefault;this.animation=this.elList.animate({height:[e,i]},{duration:this.animationDuration,easing:"cubic-bezier(0.6, 0, 0.2, 1)"});this.animation.onfinish=()=>this.animationFinish();this.animation.oncancel=()=>t?this.isExpanding=false:this.isClosing=false}animationFinish(){this.cancelAnimations();this.elList.style.height=this.isClosing?"0px":"";this.isClosing=false;this.isExpanding=false}cancelAnimations(){if(this.animation)this.animation.cancel()}emitEvents(t,e){this.allOptions.emit(this.options);if(t)return this.selectedOption.emit(t);const i={checked:e,searching:this.isSearching};if(this.search&&this.optionsTotal()!==this.optionsSearch().length){i.query=this.searchQuery;i.found=this.optionsSearch()}this.selectedAllOptions.emit(i)}optionsChecked(){const t=this.options?.reduce(((t,e)=>{const i=e.group?[...e.group.filter((({checked:t})=>t))]:[];if(e.checked)t.push(e);if(i?.length)t.push(...i);return t}),[]);return t}optionsTotal(){return this.options?.reduce(((t,e)=>t+(e?.group?.length?e.group.length+1:1)),0)}optionsIndex(t){const e=({group:e=[]})=>e?.findIndex((({value:e})=>e===t));const i=this.options.findIndex((i=>i.value===t||e(i)!==-1));const n=e(this.options?.[i]);return{indexGroup:i,indexNested:n}}optionsCheckedTotal(){return this.optionsChecked()?.length}optionsCheckedPreview(){return this.optionsChecked()?.slice(0,this.itemCount)}optionsCheckedLabels(){return this.optionsChecked()?.map((({label:t})=>t))?.join(", ")}optionsSearch(){const t=this.options?.reduce(((t,e)=>{const i=e.group?[...e.group.filter((({hide:t})=>!t))]:[];if(!e.hide)t.push(e);if(i?.length)t.push(...i);return t}),[]);return t}noResults(){return this.optionsSearch()?.length===0}isIndeterminate(t){const e=this.options?.[t];if(e?.group?.length){const t=e.group.every((({checked:t})=>t));const i=e.group.every((({checked:t})=>!t));return!(t||i)}return false}optionSelect({val:t,checked:e,chip:i}){if(t===this.allValue)return this.optionSelectAll(e);const n=this.options;const{indexGroup:o,indexNested:l}=this.optionsIndex(t);const s=n[o]?.group;const c=s?.[l];if(c?.value){n[o].group[l].checked=e;const t=s?.every((({checked:t})=>t));if(t)n[o].checked=true;else n[o].checked=false}else{n[o].checked=e;if(s?.length)n[o].group=s?.map((t=>({...t,checked:e})))}const r=l===-1?n[o]:n[o].group[l];this.emitEvents(r);this.options=[...n];if(typeof i==="number"){this.handleSrMesssage(`${this.translate("REMOVED")} ${r.label}`);requestAnimationFrame((()=>{const t=i===this.optionsCheckedTotal()?i-1:i;const e=Array.from(this.elChips.children)?.[t];e?.querySelector("button").focus({preventScroll:true})}))}}optionSelectAll(t){this.options=[...this.options.map((e=>{const i={...e,checked:this.isSearching?e.hide?e.checked:t:t};if(i.group)i.group=[...i.group.map((e=>({...e,checked:this.isSearching?e.hide?e.checked:t:t})))];const n=i?.group?.every((({checked:t})=>t));if(i?.group?.length)i.checked=n;return i}))];this.emitEvents(null,t)}optionSelected(t){return!!this.optionsChecked()?.find((({value:e,checked:i})=>e===t&&i))}translate(t){const e=m?.[t]?.[this.language||h];if(e.includes("{number}"))return e.replace("{number}",this.optionsSearch().length);return e}getRect(t){return t?.getBoundingClientRect()}ripple({clientX:t,clientY:e,target:i}){const n=t===0&&e===0;const o=i.nextElementSibling;const{x:l,width:s,y:c,top:r}=this.getRect(o);const a=n?{clientX:l+s-24,clientY:c-r}:{clientX:t,clientY:e};u(a,o)}handleSrMesssage(t){this.srMessage=t;clearTimeout(this.srTimer);this.srTimer=setTimeout((()=>this.srMessage=null),2e3)}handleDirection(){if(this.top)return this.upwards=true;if(this.bottom)return this.upwards=false;const{bottom:t,top:e}=this.getRect(this.elInput);const i=16;const n=window.innerHeight-t-i;const o=e-i;this.upwards=o/2>n}handleMaxHeight(){if(this.maxHeight)return this.elGroup.style.setProperty("--pn-select-max-height",this.maxHeight);const{bottom:t,top:e}=this.getRect(this.elInput);const i=this.upwards?e:t;const n=d();const o=this.upwards?n+16:16;const l=this.upwards?i-o:window.innerHeight-i-o;this.elGroup.style.setProperty("--pn-select-max-height",`${Math.ceil(l)}px`)}handleWidth(){const{width:t}=this.getRect(this.elInput);this.elGroup.style.setProperty("--pn-select-options-width",`${Math.ceil(t)}px`)}setFocus(){if(this.search)this.elInput.focus({preventScroll:true});else this.elButton.focus({preventScroll:true})}hasError(){return this.invalid||!!this.error}hasMessage(){return!!this.helpertext||!!this.error}toggleOpen(t){if(typeof t==="boolean"&&t===this.open)return;this.open=t??!this.open;this.toggleSelect.emit({open:this.open})}handleInputKeyboard(t){t.stopImmediatePropagation();const{code:e}=t;if(e==="Escape")return this.toggleOpen(false);if(!this.open&&e.match(/^(Space|Enter)$|Arrow|^Key.*$/))this.toggleOpen()}setSearchQuery(t){if(!this.open)this.toggleOpen(true);this.searchQuery=t}handleInputSearch(){if(this.isEmpty())return;const t=this.searchQuery;const e=({label:e,helpertext:i,value:n})=>`${e} ${i} ${n}`.trim().toLowerCase().includes(t.toLowerCase());const i=this.options.map((t=>{const i=t?.group?.map((t=>({...t,hide:!e(t)})))||[];const n=e(t)||i?.some((({hide:t})=>!t));t.hide=!n;if(t?.group?.length)t.group=[...i];return t}));this.isSearching=t!=="";this.options=[...i];this.searchInput.emit({query:t,found:this.optionsSearch()})}getListItem(t){const{value:e}=this.options[t];return this.elList.querySelector(`.pn-multiselect-option-input[value='${e}']`)}getOptionIndex(t,e,i){const n=this.optionsTotal()-1;if(i==="End")return n;if(i==="Home")return 0;const o=this.options.findIndex((({value:e})=>e===t));const l=e.find((t=>typeof t==="number"));const s=o+l;if(s>=n)return n;if(s<=0)return 0;return s}checkboxNav(t,e){const{code:i}=t;const n=i==="ArrowUp"&&-1;const o=i==="ArrowDown"&&1;const l=i==="PageUp"&&-10;const s=i==="PageDown"&&10;const c=i==="Home"&&0;const r=i==="End"&&this.optionsTotal()-1;const a=i==="Tab";const p=i==="Space";const u=i==="Enter";const d=i==="Escape";const h=[n,o,l,s,c,r,a,p,u,d];if(!h.some((t=>typeof t==="number"||t)))return;if(a||p||u)return;t.stopImmediatePropagation();t.preventDefault();if(d){this.setFocus();return this.toggleOpen(false)}const m=this.getOptionIndex(e,h,i);return this.getListItem(m)?.focus()}handleBlur(t){const e=t.target;const i=t.relatedTarget;const n=(i||e)?.className==="pn-multiselect-chip-button";if(n)this.toggleOpen(false)}handleLabel(){if(this.disabled)return;this.setFocus()}isEmpty(){return(this.options?.length||0)===0}showSelectAll(){return this.selectAll&&!this.isEmpty()&&!this.noResults()}showEmptyOption(){return this.isSearching&&this.noResults()||this.isEmpty()}getPlaceholder(){const t=this.search?"SEARCH":"SELECT_AN_OPTION";return this.placeholder||this.translate(t)}handleChange({target:t}){const{value:e,checked:i}=t;this.optionSelect({val:e,checked:i})}additonalOptions(){const t=this.optionsCheckedTotal()-this.itemCount;const e=`MORE_OPTION${t===1?"":"S"}`;return`${t} ${this.translate(e)}`}describedBy(){const t=[this.search&&this.idChips,this.srMessage&&this.idSr,!!this.helpertext&&this.idHelper].filter(Boolean);if(t.length)return t.join(" ");return null}renderOption({label:t,value:e,checked:i,helpertext:o,icon:l,id:s=`${this.selectId}-${e||t}`,invalid:c,disabled:r,hide:a,group:p},u,d){return n("li",{class:"pn-multiselect-option",key:s,hidden:a},n("input",{type:"checkbox",id:s,class:"pn-multiselect-option-input",checked:i??this.optionSelected(e),indeterminate:d===undefined&&this.isIndeterminate(u),name:this.name,value:e,disabled:this.disabled||r,required:this.required,"aria-invalid":c?"true":null,"aria-describedby":o?`${s}-helper`:null,onClick:t=>this.ripple(t),onKeyDown:t=>this.checkboxNav(t,e),onBlur:t=>this.handleBlur(t)}),n("div",{class:"pn-multiselect-option-content"},!!l&&n("pn-icon",{icon:l,color:"blue900"}),n("div",{class:"pn-multiselect-option-text"},n("label",{class:"pn-multiselect-option-label",htmlFor:s},n("span",null,t)),o&&n("p",{class:"pn-multiselect-option-helper",id:`${s}-helper`},o)),n("div",{class:"pn-multiselect-option-checkbox"},n("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},n("polyline",{class:"pn-multiselect-option-checkbox-checkmark-path",points:"4,12 9,17 20,6","stroke-width":"3"}),n("polyline",{class:"pn-multiselect-option-checkbox-indeterminate-path",points:"4,12 20,12","stroke-width":"3"})))),p?.length&&n("ul",{class:"pn-multiselect-optgroup"},p?.map(((t,e)=>this.renderOption(t,u,e)))))}renderOptions(){return n("ul",{id:this.idOptions,class:"pn-multiselect-options","data-open":this.open,"data-upwards":this.upwards,"data-moving":this.isClosing||this.isExpanding,onChange:t=>this.handleChange(t),style:{height:"0px"},ref:t=>this.elList=t},this.showSelectAll()&&this.renderOption({label:this.translate(`SELECT_${this.isSearching?"FOUND":"ALL"}_OPTIONS`),value:this.allValue,checked:this.optionsTotal()===this.optionsCheckedTotal()}),this.options?.map(((t,e)=>this.renderOption(t,e))),this.showEmptyOption()&&n("li",{class:"pn-multiselect-option"},n("div",{class:"pn-multiselect-option-content",role:"alert"},n("div",{class:"pn-multiselect-option-text"},n("span",{class:"pn-multiselect-option-label"},this.translate(this.isEmpty()?"NO_OPTIONS":"NO_SEARCH_RESULTS"))))))}renderChips(){return n("ul",{id:this.idChips,class:"pn-multiselect-chips","aria-label":this.translate("SELECTED_OPTIONS"),ref:t=>this.elChips=t},this.optionsCheckedPreview()?.map((({label:t,value:e},i)=>n("li",{class:"pn-multiselect-chip","aria-setsize":this.optionsCheckedTotal(),"aria-posinset":i+1,key:`${t}-${e}`},n("span",{class:"pn-multiselect-chip-label"},t),n("button",{type:"button",class:"pn-multiselect-chip-button","aria-label":`${this.translate("REMOVE")} ${t}`,onClick:()=>this.optionSelect({val:e,checked:false,chip:i})},n("pn-icon",{icon:c,small:true,color:"blue700"}))))),this.optionsCheckedTotal()>this.itemCount&&n("li",{class:"pn-multiselect-chip","data-count":true},n("span",{class:"pn-multiselect-chip-label"},"+ ",this.additonalOptions())))}render(){return n(o,{key:"1cf81d38c41d906748ea6fd930ef0a3ffaa7f5d6"},n("fieldset",{key:"21265396b14535f99dba3e7fd2d093ccb2a380af",class:"pn-multiselect","data-icon":!!this.icon,"data-error":this.hasError(),disabled:this.disabled},this.label&&n("legend",{key:"7b9df3db2b214ddced59dd3cbc5d6b7e474f5c1b",id:this.idLegend,class:"pn-multiselect-label",onClick:()=>this.handleLabel()},n("span",{key:"de1e49c84b9c8a90e1f2e27b1757b9d7b80269f9"},this.label),!!this.optionsChecked()?.length&&n("span",{key:"4d7a4718ff5564a8bd9824191674a536e674db00"},this.optionsCheckedTotal(),"/",this.optionsTotal())),n("div",{key:"1133f2b71d626942cc1aedfcdb99c35c0cc19e6b",class:"pn-multiselect-group",ref:t=>this.elGroup=t},n("div",{key:"d48cbaecab417ef48f67be0a17255e2f17bef233",class:"pn-multiselect-input"},!!this.icon&&n("pn-icon",{key:"053f2dea56dc17880890780f4cb0dbe36973ce72",class:"pn-multiselect-icon","data-custom":true,icon:this.icon}),n("input",{key:"0e1ac1adee922ff2123aa8e8277288f661f40a48",tabindex:this.search?null:"-1",type:this.search?"search":"input",id:this.selectId,class:"pn-multiselect-element",value:this.search?this.searchQuery:this.optionsCheckedLabels(),name:this.selectName,placeholder:this.getPlaceholder(),required:this.search?null:this.required,"aria-labelledby":this.idLegend,"aria-describedby":this.describedBy(),"aria-controls":`${this.idOptions} ${this.search?this.idChips:""}`,"aria-invalid":this.hasError()?.toString(),disabled:this.disabled,readonly:!this.search,onClick:()=>this.search&&this.open?null:this.toggleOpen(),onKeyDown:t=>this.handleInputKeyboard(t),onBlur:t=>this.handleBlur(t),onInput:t=>this.search&&this.setSearchQuery(t.target.value),ref:t=>this.elInput=t}),this.hasError()&&n("pn-icon",{key:"0112d6d05e23edbd392b27df3bc29cb1e2909331",class:"pn-multiselect-icon","data-error":true,icon:l,color:"warning"}),n("button",{key:"e363e1f51469f973300db4543622de3da2dc1176",id:this.idButton,type:"button",class:"pn-multiselect-button","aria-label":this.translate(`BUTTON_${this.open?"CLOSE":"OPEN"}`),"aria-describedby":this.search?null:this.selectId,"aria-controls":this.idOptions,"aria-expanded":this.open.toString(),onClick:()=>this.toggleOpen(),ref:t=>this.elButton=t},n("pn-icon",{key:"4945c172b4913430a1d24e4e363b778734b19be4",class:"pn-multiselect-icon",icon:s,color:"blue700"}))),this.renderOptions()),this.hasMessage()&&n("p",{key:"318cf667b58984da1ba7eea2655cd87079efaf13",id:this.idHelper,class:"pn-multiselect-description",role:!!this.error?"alert":null},n("span",{key:"eca71fe8b54c115bfef10c96408a832e1ffb3e15"},this.error||this.helpertext)),this.search&&this.renderChips(),n("slot",{key:"7fb51af2932ef92ca98bddcb1831f586bba1a7dd"}),this.search&&n("p",{key:"4e7a2527cd6068ff1b17e23b775bc46b858f3256",id:this.idSr,class:"pn-multiselect-sr-only",role:"alert","aria-live":"assertive"},this.srMessage&&n("span",{key:"bc6de5cae5fc36189390c56af59f06671cbeabe0"},this.srMessage))))}static get watchers(){return{open:["handleOpen"],search:["handleSearch"],searchQuery:["handleSearchQuery"],selectId:["handleSelectId"]}}};g.style=b;export{g as pn_multiselect};
-//# sourceMappingURL=p-ed4271af.entry.js.map
+import{r as t,c as e,g as i,h as n,a as o}from"./p-43660913.js";import{a as l}from"./p-9a18b612.js";import{c as s}from"./p-99600bc7.js";import{c}from"./p-92b0338a.js";import{u as r,k as a,r as p,o as u,j as h,e as d}from"./p-f64d17a6.js";const m={SELECT_AN_OPTION:{en:"Select an option",sv:"Välj ett alternativ",da:"Vælg en mulighed",fi:"Valitse vaihtoehto",no:"Velg et alternativ"},SELECT_ALL_OPTIONS:{en:"Select all options",sv:"Välj alla alternativ",da:"Vælg alle muligheder",fi:"Valitse kaikki vaihtoehdot",no:"Velg alle alternativer"},SELECT_FOUND_OPTIONS:{en:"Select {number} options",sv:"Välj {number} alternativ",da:"Vælg {number} muligheder",fi:"Valitse {number} vaihtoehtoa",no:"Velg {number} alternativer"},SELECTED_OPTIONS:{en:"Selected options.",sv:"Valda alternativ.",da:"Valgte muligheder.",fi:"Valitut vaihtoehdot.",no:"Valgte alternativer."},BUTTON_OPEN:{en:"Open list",sv:"Öppna listan",da:"Open list",fi:"Open list",no:"Open list"},BUTTON_CLOSE:{en:"Close list",sv:"Stäng listan",da:"Close list",fi:"Close list",no:"Close list"},REMOVE:{en:"Remove",sv:"Ta bort",da:"Remove",fi:"Remove",no:"Remove"},REMOVED:{en:"Removed",sv:"Tog bort",da:"Fjernet",fi:"Poistettu",no:"Fjernet"},MORE_OPTION:{en:"more option.",sv:"alternativ till.",da:"mulighed mere.",fi:"vaihtoehto lisää.",no:"alternativ til."},MORE_OPTIONS:{en:"more options.",sv:"fler alternativ.",da:"more options.",fi:"more options.",no:"more options."},SEARCH:{en:"Search",sv:"Sök",da:"Søg",fi:"Hae",no:"Søk"},RESULTS_FOUND:{en:"options found",sv:"alternativ hittades",da:"muligheder fundet",fi:"vaihtoehtoja löytyi",no:"alternativer funnet"},NO_SEARCH_RESULTS:{en:"No options found",sv:"Inga alternativ hittades",da:"Ingen muligheder fundet",fi:"Vaihtoehtoja ei löytynyt",no:"Finner ingen alternativer"},NO_OPTIONS:{en:"No options available",sv:"Inga alternativ tillgängliga",da:"Ingen tilgængelige muligheder",fi:"Ei vaihtoehtoja",no:"Ingen tilgjengelige alternativer"}};const f="pn-multiselect{display:inline-block}pn-multiselect .pn-multiselect{border:0;margin:0;padding:0}pn-multiselect .pn-multiselect[data-icon] .pn-multiselect-element{padding-left:3em}pn-multiselect .pn-multiselect[data-error] .pn-multiselect-element{padding-right:5.5em;border-color:#a70707}pn-multiselect .pn-multiselect[data-error] .pn-multiselect-element:hover{border-color:#500715}pn-multiselect .pn-multiselect[data-error] .pn-multiselect-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}pn-multiselect .pn-multiselect-label{cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);width:100%}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-label{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-label>span{font-size:0.875em}pn-multiselect .pn-multiselect-sr-only{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px, 1px, 1px, 1px);margin:-1px;white-space:nowrap}pn-multiselect .pn-multiselect-group{position:relative;padding:0;margin:0}pn-multiselect .pn-multiselect-input{position:relative}pn-multiselect .pn-multiselect-input>pn-icon{pointer-events:none;position:absolute;top:0.75em;right:3.5em}pn-multiselect .pn-multiselect-input>pn-icon[data-custom]{left:0.75em;right:unset}pn-multiselect .pn-multiselect-button{cursor:pointer;position:absolute;right:0.75em;top:50%;transform:translateY(-50%);padding:0;margin:0;border:0;width:2em;height:2em;font-size:1em;border-radius:50%;background-color:transparent;-webkit-tap-highlight-color:transparent;transition-property:background-color, outline-color, border-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);outline:0.2rem solid transparent;outline-offset:0.2rem}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-button{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-button:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}pn-multiselect .pn-multiselect-button>pn-icon>svg>path{transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.2s;transform-origin:center;transform:rotate(0deg)}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-button>pn-icon>svg>path{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-button:hover{background-color:#effbff}pn-multiselect .pn-multiselect-button[aria-expanded=true]{background-color:#effbff}pn-multiselect .pn-multiselect-button[aria-expanded=true]>pn-icon>svg>path{transform:rotate(180deg);transition-delay:0s}pn-multiselect .pn-multiselect-element{color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);cursor:text;text-align:left;transition-delay:0.1s, 0.1s, 0s;width:100%;padding-right:3.5em;display:flex;align-items:center;justify-content:space-between;gap:0.5em;overflow:hidden;text-overflow:ellipsis}pn-multiselect .pn-multiselect-element:-webkit-autofill,pn-multiselect .pn-multiselect-element:-webkit-autofill:hover,pn-multiselect .pn-multiselect-element:-webkit-autofill:focus,pn-multiselect .pn-multiselect-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}pn-multiselect .pn-multiselect-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-element{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-element::placeholder{color:#5e554a;font-weight:normal}pn-multiselect .pn-multiselect-element:hover{border-color:#005d92}pn-multiselect .pn-multiselect-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-multiselect .pn-multiselect-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2;pointer-events:none}pn-multiselect .pn-multiselect-element:disabled+.pn-multiselect-button{pointer-events:none}pn-multiselect .pn-multiselect-element:disabled+.pn-multiselect-button path{fill:#5e554a}pn-multiselect .pn-multiselect-element:placeholder{color:#5e554a;font-weight:normal}pn-multiselect .pn-multiselect-element[type=input]:hover{cursor:pointer;color:#2d2013;background-color:#effbff;transition-delay:0s}pn-multiselect .pn-multiselect-element[type=input]:hover[aria-invalid=true]{background-color:#fdefee}pn-multiselect .pn-multiselect-element:focus-visible{transition-delay:0s}pn-multiselect .pn-multiselect-element::-webkit-search-cancel-button,pn-multiselect .pn-multiselect-element::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}pn-multiselect .pn-multiselect-options{scroll-behavior:smooth;position:absolute;z-index:10;top:calc(100% + 0.5em);left:0;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;list-style:none;margin:0;padding:0;width:var(--pn-select-options-width);max-height:var(--pn-select-max-height);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;visibility:hidden;transform-origin:top left}pn-multiselect .pn-multiselect-options[data-open]{visibility:visible}pn-multiselect .pn-multiselect-options[data-upwards]{top:unset;bottom:calc(100% + 0.5em);transform-origin:bottom left;box-shadow:0 -0.0625em 0.125em rgba(0, 0, 0, 0.2)}pn-multiselect .pn-multiselect-options[data-moving]{overflow:hidden;visibility:visible}pn-multiselect .pn-multiselect-options::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}pn-multiselect .pn-multiselect-options::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}pn-multiselect .pn-multiselect-options::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}pn-multiselect .pn-multiselect-options::-webkit-scrollbar-thumb:hover{background-color:#5e554a}pn-multiselect .pn-multiselect-options::-webkit-scrollbar-corner,pn-multiselect .pn-multiselect-options::-webkit-scrollbar-button{display:none}pn-multiselect .pn-multiselect-options>pn-input{padding:0.5em}pn-multiselect .pn-multiselect-optgroup{list-style:none;padding:0}pn-multiselect .pn-multiselect-optgroup>.pn-multiselect-option>.pn-multiselect-option-content{padding-left:2em}pn-multiselect .pn-multiselect-chips{list-style:none;display:flex;flex-wrap:wrap;gap:0.5em;padding:0;margin:0.5em 0 0 0;color:#5e554a;font-weight:400}pn-multiselect .pn-multiselect-chips:empty{display:none}pn-multiselect .pn-multiselect-chip{margin:0;display:inline-flex;align-items:center;gap:0.25em;background-color:#ffffff;border-radius:0.5em;padding:0.125em 0.25em 0.125em 0.5em;line-height:1.5em;border:0.0625em solid #5e554a;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, outline-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-chip{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-chip:focus-within{color:#005d92;outline-color:#005d92;background-color:#effbff;border-color:#005d92}pn-multiselect .pn-multiselect-chip[data-count]{pointer-events:none;border:0;padding-left:0;padding-right:0;background-color:unset}pn-multiselect .pn-multiselect-chip-label{font-size:0.875em;white-space:nowrap}pn-multiselect .pn-multiselect-chip-button{cursor:pointer;font-size:1em;padding:0.25em;height:1.5em;width:1.5em;border:0;background-color:unset;border-radius:50%;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);-webkit-tap-highlight-color:transparent}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-chip-button{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-chip-button:hover{background-color:#8eddf9}pn-multiselect .pn-multiselect-chip-button:focus{outline:0}pn-multiselect .pn-multiselect-no-results{margin:0;padding:0.75em}pn-multiselect .pn-multiselect-description{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}pn-multiselect .pn-multiselect-description[role=alert]{color:#a70707}pn-multiselect .pn-multiselect-option{position:relative;margin:0;padding:0}pn-multiselect .pn-multiselect-option .pn-ripple{animation:ripple 0.4s cubic-bezier(0.7, 0, 0.3, 1);position:absolute;border-radius:50%;background-color:#005d92;transform:translate(-50%, -50%) scale(0);opacity:0.1;pointer-events:none;z-index:3}@keyframes ripple{to{transform:translate(-50%, -50%) scale(1);opacity:0}}pn-multiselect .pn-multiselect-option-input{cursor:pointer;position:absolute;opacity:0;left:0;top:0;height:100%;width:100%;margin:0;-webkit-tap-highlight-color:transparent}pn-multiselect .pn-multiselect-option-input:disabled{pointer-events:none}pn-multiselect .pn-multiselect-option-input:disabled+.pn-multiselect-option-content{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2;pointer-events:none}pn-multiselect .pn-multiselect-option-input:disabled+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#f3f2f2;border-color:#969087}pn-multiselect .pn-multiselect-option-input:disabled+.pn-multiselect-option-content path{fill:#5e554a}pn-multiselect .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}pn-multiselect .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#969087;border-color:#969087}pn-multiselect .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content path{fill:#5e554a}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#a70707}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]+.pn-multiselect-option-content .pn-ripple{background-color:#a70707}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked+.pn-multiselect-option-content{background-color:#fdefee}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#a70707;border-color:#a70707}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked:focus-visible+.pn-multiselect-option-content{background-color:#fdefee}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#500715;border-color:#500715}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked:hover+.pn-multiselect-option-content{background-color:#fef7f6}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:checked:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#500715;border-color:#500715}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:hover+.pn-multiselect-option-content{background-color:#fef7f6}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#fdefee;border-color:#a70707}pn-multiselect .pn-multiselect-option-input[aria-invalid=true]:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{outline-color:#a70707;background-color:#fdefee;border-color:#a70707}pn-multiselect .pn-multiselect-option-input:hover+.pn-multiselect-option-content{background-color:#effbff}pn-multiselect .pn-multiselect-option-input:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#005d92;background-color:#e0f8ff}pn-multiselect .pn-multiselect-option-input:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{outline-color:#005d92;background-color:#e0f8ff;border-color:#005d92}pn-multiselect .pn-multiselect-option-input:checked+.pn-multiselect-option-content{background-color:#e0f8ff}pn-multiselect .pn-multiselect-option-input:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#005d92;background-color:#005d92}pn-multiselect .pn-multiselect-option-input:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-checkmark-path{transition-delay:0.2s;stroke-dashoffset:0}pn-multiselect .pn-multiselect-option-input:checked:hover+.pn-multiselect-option-content{background-color:#effbff}pn-multiselect .pn-multiselect-option-input:checked:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#0d234b;background-color:#0d234b}pn-multiselect .pn-multiselect-option-input:checked:focus-visible+.pn-multiselect-option-content{background-color:#e0f8ff}pn-multiselect .pn-multiselect-option-input:checked:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#0d234b;background-color:#0d234b}pn-multiselect .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#005d92;border-color:#005d92}pn-multiselect .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content svg .pn-multiselect-option-checkbox-checkmark-path{stroke-dashoffset:23}pn-multiselect .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content svg .pn-multiselect-option-checkbox-indeterminate-path{stroke-dashoffset:0}pn-multiselect .pn-multiselect-option-input:indeterminate:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#0d234b;border-color:#0d234b}pn-multiselect .pn-multiselect-option-content{position:relative;overflow:hidden;z-index:-1;display:flex;align-items:center;padding:0.75em 1em;gap:0.5em;background-color:#ffffff;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-option-content{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-option-text{flex:1;text-overflow:ellipsis;overflow:hidden}pn-multiselect .pn-multiselect-option-label{color:#2d2013;font-weight:400}pn-multiselect .pn-multiselect-option-helper{color:#5e554a;margin:0}pn-multiselect .pn-multiselect-option-checkbox{background-color:#ffffff;flex:0 0 1.5em;width:1.5em;height:1.5em;border:0.0625em solid #969087;border-radius:0.25em;outline:0.2rem solid transparent;outline-offset:0.2rem;transition-property:background-color, border-color, outline-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-option-checkbox{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-option-checkbox svg polyline{stroke:#ffffff;stroke-linecap:round;stroke-dasharray:23;transition-property:stroke-dashoffset;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0s}@media (prefers-reduced-motion: reduce){pn-multiselect .pn-multiselect-option-checkbox svg polyline{transition-duration:0s;transition-delay:0s}}pn-multiselect .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-checkmark-path{stroke-dashoffset:23}pn-multiselect .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-indeterminate-path{stroke-dashoffset:23}";const b=f;const g=class{constructor(i){t(this,i);this.toggleSelect=e(this,"toggleSelect",7);this.allOptions=e(this,"allOptions",7);this.selectedOption=e(this,"selectedOption",7);this.selectedAllOptions=e(this,"selectedAllOptions",7);this.searchInput=e(this,"searchInput",7);this.isSearching=false;this.open=false;this.upwards=false;this.srMessage=undefined;this.isClosing=false;this.isExpanding=false;this.label=undefined;this.helpertext=undefined;this.placeholder=undefined;this.name=undefined;this.selectId=this.id;this.selectName=undefined;this.icon=undefined;this.language=null;this.options=undefined;this.selectAll=false;this.allValue="pn_multiselect_all";this.search=false;this.searchQuery="";this.itemCount=5;this.maxHeight=undefined;this.top=false;this.bottom=false;this.required=false;this.disabled=false;this.invalid=false;this.error=undefined}id=`pn-multiselect-${r()}`;idLegend=`${this.id}-legend`;idButton=`${this.id}-button`;idOptions=`${this.id}-options`;idHelper=`${this.id}-text`;idChips=`${this.id}-chips`;idSr=`${this.id}-sr`;elGroup;elButton;elInput;elList;elChips;srTimer;animation;animationDurationDefault=400;animationDuration=this.animationDurationDefault;get hostElement(){return i(this)}handleOpen(){if(this.open){this.addGlobalEventListeners();this.handleDirection();this.handleMaxHeight();this.handleWidth();requestAnimationFrame((()=>this.openGrid()))}else{this.closeGrid();this.removeGlobalEventListeners()}}handleSearch(){if(!this.search)this.options=[...this.options.map((t=>{const e={...t,hide:false};if(e?.group?.length)e.group.map((t=>({...t,hide:false})));return e}))]}handleSearchQuery(){if(this.search&&typeof this.searchQuery==="string")this.handleInputSearch()}handleSelectId(){const t=this.selectId;this.idLegend=`${t}-legend`;this.idButton=`${t}-button`;this.idOptions=`${t}-options`;this.idHelper=`${t}-text`;this.idChips=`${t}-chips`;this.idSr=`${t}-sr`}handleResize(){if(!this.open)return;this.toggleOpen(false);this.elList.style.removeProperty("--pn-select-options-width");this.elList.style.removeProperty("--pn-select-max-height")}toggleSelect;allOptions;selectedOption;selectedAllOptions;searchInput;async componentWillLoad(){this.handleSelectId();if(this.language===null)await a(this.hostElement)}componentDidLoad(){if(!!this.searchQuery?.length)this.handleSearchQuery()}globalEvents=t=>{const e=t.target;const i=e?.closest(this.hostElement.localName);if(!i)this.toggleOpen(false)};addGlobalEventListeners(){const t=this.hostElement.getRootNode();t.addEventListener("click",this.globalEvents)}removeGlobalEventListeners(){const t=this.hostElement.getRootNode();t.removeEventListener("click",this.globalEvents)}openGrid(){requestAnimationFrame((()=>{const{clientHeight:t,scrollHeight:e}=this.elList;const i=this.isClosing?t:0;this.elList.style.height=`${e}px`;this.isExpanding=true;this.animateGrid(true,`${i}px`,this.maxHeight||`${this.elList.scrollHeight}px`)}))}closeGrid(){const{scrollHeight:t,clientHeight:e}=this.elList;const i=this.isExpanding?e:t;this.elList.style.height=`0px`;this.isClosing=true;this.animateGrid(false,`${i}px`,`0px`)}animateGrid(t,e,i){this.cancelAnimations();if(p())this.animationDuration=0;else this.animationDuration=this.animationDurationDefault;this.animation=this.elList.animate({height:[e,i]},{duration:this.animationDuration,easing:"cubic-bezier(0.6, 0, 0.2, 1)"});this.animation.onfinish=()=>this.animationFinish();this.animation.oncancel=()=>t?this.isExpanding=false:this.isClosing=false}animationFinish(){this.cancelAnimations();this.elList.style.height=this.isClosing?"0px":"";this.isClosing=false;this.isExpanding=false}cancelAnimations(){if(this.animation)this.animation.cancel()}emitEvents(t,e){this.allOptions.emit(this.options);if(t)return this.selectedOption.emit(t);const i={checked:e,searching:this.isSearching};if(this.search&&this.optionsTotal()!==this.optionsSearch().length){i.query=this.searchQuery;i.found=this.optionsSearch()}this.selectedAllOptions.emit(i)}optionsChecked(){const t=this.options?.reduce(((t,e)=>{const i=e.group?[...e.group.filter((({checked:t})=>t))]:[];if(e.checked)t.push(e);if(i?.length)t.push(...i);return t}),[]);return t}optionsTotal(){return this.options?.reduce(((t,e)=>t+(e?.group?.length?e.group.length+1:1)),0)}optionsIndex(t){const e=({group:e=[]})=>e?.findIndex((({value:e})=>e===t));const i=this.options.findIndex((i=>i.value===t||e(i)!==-1));const n=e(this.options?.[i]);return{indexGroup:i,indexNested:n}}optionsCheckedTotal(){return this.optionsChecked()?.length}optionsCheckedPreview(){return this.optionsChecked()?.slice(0,this.itemCount)}optionsCheckedLabels(){return this.optionsChecked()?.map((({label:t})=>t))?.join(", ")}optionsSearch(){const t=this.options?.reduce(((t,e)=>{const i=e.group?[...e.group.filter((({hide:t})=>!t))]:[];if(!e.hide)t.push(e);if(i?.length)t.push(...i);return t}),[]);return t}noResults(){return this.optionsSearch()?.length===0}isIndeterminate(t){const e=this.options?.[t];if(e?.group?.length){const t=e.group.every((({checked:t})=>t));const i=e.group.every((({checked:t})=>!t));return!(t||i)}return false}optionSelect({val:t,checked:e,chip:i}){if(t===this.allValue)return this.optionSelectAll(e);const n=this.options;const{indexGroup:o,indexNested:l}=this.optionsIndex(t);const s=n[o]?.group;const c=s?.[l];if(c?.value){n[o].group[l].checked=e;const t=s?.every((({checked:t})=>t));if(t)n[o].checked=true;else n[o].checked=false}else{n[o].checked=e;if(s?.length)n[o].group=s?.map((t=>({...t,checked:e})))}const r=l===-1?n[o]:n[o].group[l];this.emitEvents(r);this.options=[...n];if(typeof i==="number"){this.handleSrMesssage(`${this.translate("REMOVED")} ${r.label}`);requestAnimationFrame((()=>{const t=i===this.optionsCheckedTotal()?i-1:i;const e=Array.from(this.elChips.children)?.[t];e?.querySelector("button").focus({preventScroll:true})}))}}optionSelectAll(t){this.options=[...this.options.map((e=>{const i={...e,checked:this.isSearching?e.hide?e.checked:t:t};if(i.group)i.group=[...i.group.map((e=>({...e,checked:this.isSearching?e.hide?e.checked:t:t})))];const n=i?.group?.every((({checked:t})=>t));if(i?.group?.length)i.checked=n;return i}))];this.emitEvents(null,t)}optionSelected(t){return!!this.optionsChecked()?.find((({value:e,checked:i})=>e===t&&i))}translate(t){const e=m?.[t]?.[this.language||d];if(e.includes("{number}"))return e.replace("{number}",this.optionsSearch().length);return e}getRect(t){return t?.getBoundingClientRect()}ripple({clientX:t,clientY:e,target:i}){const n=t===0&&e===0;const o=i.nextElementSibling;const{x:l,width:s,y:c,top:r}=this.getRect(o);const a=n?{clientX:l+s-24,clientY:c-r}:{clientX:t,clientY:e};u(a,o)}handleSrMesssage(t){this.srMessage=t;clearTimeout(this.srTimer);this.srTimer=setTimeout((()=>this.srMessage=null),2e3)}handleDirection(){if(this.top)return this.upwards=true;if(this.bottom)return this.upwards=false;const{bottom:t,top:e}=this.getRect(this.elInput);const i=16;const n=window.innerHeight-t-i;const o=e-i;this.upwards=o/2>n}handleMaxHeight(){if(this.maxHeight)return this.elGroup.style.setProperty("--pn-select-max-height",this.maxHeight);const{bottom:t,top:e}=this.getRect(this.elInput);const i=this.upwards?e:t;const n=h();const o=this.upwards?n+16:16;const l=this.upwards?i-o:window.innerHeight-i-o;this.elGroup.style.setProperty("--pn-select-max-height",`${Math.ceil(l)}px`)}handleWidth(){const{width:t}=this.getRect(this.elInput);this.elGroup.style.setProperty("--pn-select-options-width",`${Math.ceil(t)}px`)}setFocus(){if(this.search)this.elInput.focus({preventScroll:true});else this.elButton.focus({preventScroll:true})}hasError(){return this.invalid||!!this.error}hasMessage(){return!!this.helpertext||!!this.error}toggleOpen(t){if(typeof t==="boolean"&&t===this.open)return;this.open=t??!this.open;this.toggleSelect.emit({open:this.open})}handleInputKeyboard(t){t.stopImmediatePropagation();const{code:e}=t;if(e==="Escape")return this.toggleOpen(false);if(!this.open&&e.match(/^(Space|Enter)$|Arrow|^Key.*$/))this.toggleOpen()}setSearchQuery(t){if(!this.open)this.toggleOpen(true);this.searchQuery=t}handleInputSearch(){if(this.isEmpty())return;const t=this.searchQuery;const e=({label:e,helpertext:i,value:n})=>`${e} ${i} ${n}`.trim().toLowerCase().includes(t.toLowerCase());const i=this.options.map((t=>{const i=t?.group?.map((t=>({...t,hide:!e(t)})))||[];const n=e(t)||i?.some((({hide:t})=>!t));t.hide=!n;if(t?.group?.length)t.group=[...i];return t}));this.isSearching=t!=="";this.options=[...i];this.searchInput.emit({query:t,found:this.optionsSearch()})}getListItem(t){const{value:e}=this.options[t];return this.elList.querySelector(`.pn-multiselect-option-input[value='${e}']`)}getOptionIndex(t,e,i){const n=this.optionsTotal()-1;if(i==="End")return n;if(i==="Home")return 0;const o=this.options.findIndex((({value:e})=>e===t));const l=e.find((t=>typeof t==="number"));const s=o+l;if(s>=n)return n;if(s<=0)return 0;return s}checkboxNav(t,e){const{code:i}=t;const n=i==="ArrowUp"&&-1;const o=i==="ArrowDown"&&1;const l=i==="PageUp"&&-10;const s=i==="PageDown"&&10;const c=i==="Home"&&0;const r=i==="End"&&this.optionsTotal()-1;const a=i==="Tab";const p=i==="Space";const u=i==="Enter";const h=i==="Escape";const d=[n,o,l,s,c,r,a,p,u,h];if(!d.some((t=>typeof t==="number"||t)))return;if(a||p||u)return;t.stopImmediatePropagation();t.preventDefault();if(h){this.setFocus();return this.toggleOpen(false)}const m=this.getOptionIndex(e,d,i);return this.getListItem(m)?.focus()}handleBlur(t){const e=t.target;const i=t.relatedTarget;const n=(i||e)?.className==="pn-multiselect-chip-button";if(n)this.toggleOpen(false)}handleLabel(){if(this.disabled)return;this.setFocus()}isEmpty(){return(this.options?.length||0)===0}showSelectAll(){return this.selectAll&&!this.isEmpty()&&!this.noResults()}showEmptyOption(){return this.isSearching&&this.noResults()||this.isEmpty()}getPlaceholder(){const t=this.search?"SEARCH":"SELECT_AN_OPTION";return this.placeholder||this.translate(t)}handleChange({target:t}){const{value:e,checked:i}=t;this.optionSelect({val:e,checked:i})}additonalOptions(){const t=this.optionsCheckedTotal()-this.itemCount;const e=`MORE_OPTION${t===1?"":"S"}`;return`${t} ${this.translate(e)}`}describedBy(){const t=[this.search&&this.idChips,this.srMessage&&this.idSr,!!this.helpertext&&this.idHelper].filter(Boolean);if(t.length)return t.join(" ");return null}renderOption({label:t,value:e,checked:i,helpertext:o,icon:l,id:s=`${this.selectId}-${e||t}`,invalid:c,disabled:r,hide:a,group:p},u,h){return n("li",{class:"pn-multiselect-option",key:s,hidden:a},n("input",{type:"checkbox",id:s,class:"pn-multiselect-option-input",checked:i??this.optionSelected(e),indeterminate:h===undefined&&this.isIndeterminate(u),name:this.name,value:e,disabled:this.disabled||r,required:this.required,"aria-invalid":c?"true":null,"aria-describedby":o?`${s}-helper`:null,onClick:t=>this.ripple(t),onKeyDown:t=>this.checkboxNav(t,e),onBlur:t=>this.handleBlur(t)}),n("div",{class:"pn-multiselect-option-content"},!!l&&n("pn-icon",{icon:l,color:"blue900"}),n("div",{class:"pn-multiselect-option-text"},n("label",{class:"pn-multiselect-option-label",htmlFor:s},n("span",null,t)),o&&n("p",{class:"pn-multiselect-option-helper",id:`${s}-helper`},o)),n("div",{class:"pn-multiselect-option-checkbox"},n("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},n("polyline",{class:"pn-multiselect-option-checkbox-checkmark-path",points:"4,12 9,17 20,6","stroke-width":"3"}),n("polyline",{class:"pn-multiselect-option-checkbox-indeterminate-path",points:"4,12 20,12","stroke-width":"3"})))),p?.length&&n("ul",{class:"pn-multiselect-optgroup"},p?.map(((t,e)=>this.renderOption(t,u,e)))))}renderOptions(){return n("ul",{id:this.idOptions,class:"pn-multiselect-options","data-open":this.open,"data-upwards":this.upwards,"data-moving":this.isClosing||this.isExpanding,onChange:t=>this.handleChange(t),style:{height:"0px"},ref:t=>this.elList=t},this.showSelectAll()&&this.renderOption({label:this.translate(`SELECT_${this.isSearching?"FOUND":"ALL"}_OPTIONS`),value:this.allValue,checked:this.optionsTotal()===this.optionsCheckedTotal()}),this.options?.map(((t,e)=>this.renderOption(t,e))),this.showEmptyOption()&&n("li",{class:"pn-multiselect-option"},n("div",{class:"pn-multiselect-option-content",role:"alert"},n("div",{class:"pn-multiselect-option-text"},n("span",{class:"pn-multiselect-option-label"},this.translate(this.isEmpty()?"NO_OPTIONS":"NO_SEARCH_RESULTS"))))))}renderChips(){return n("ul",{id:this.idChips,class:"pn-multiselect-chips","aria-label":this.translate("SELECTED_OPTIONS"),ref:t=>this.elChips=t},this.optionsCheckedPreview()?.map((({label:t,value:e},i)=>n("li",{class:"pn-multiselect-chip","aria-setsize":this.optionsCheckedTotal(),"aria-posinset":i+1,key:`${t}-${e}`},n("span",{class:"pn-multiselect-chip-label"},t),n("button",{type:"button",class:"pn-multiselect-chip-button","aria-label":`${this.translate("REMOVE")} ${t}`,onClick:()=>this.optionSelect({val:e,checked:false,chip:i})},n("pn-icon",{icon:c,small:true,color:"blue700"}))))),this.optionsCheckedTotal()>this.itemCount&&n("li",{class:"pn-multiselect-chip","data-count":true},n("span",{class:"pn-multiselect-chip-label"},"+ ",this.additonalOptions())))}render(){return n(o,{key:"8dcab6f8526d10167d647733ebeba91c6cc4a891"},n("fieldset",{key:"b60a7513bb1481686d0353911fe946a8a0534416",class:"pn-multiselect","data-icon":!!this.icon,"data-error":this.hasError(),disabled:this.disabled},this.label&&n("legend",{key:"51f1dc3597171f431ec55d6960f5c22a1af86ea0",id:this.idLegend,class:"pn-multiselect-label",onClick:()=>this.handleLabel()},n("span",{key:"95c5a289c2489059fb076ed82fa40b57965b40fa"},this.label),!!this.optionsChecked()?.length&&n("span",{key:"bb1a5f52c8b05612c31325e9237292ad6cdd83ac"},this.optionsCheckedTotal(),"/",this.optionsTotal())),n("div",{key:"05bcb2bc08fe7495db84681072c83cef9aa1c00e",class:"pn-multiselect-group",ref:t=>this.elGroup=t},n("div",{key:"7da7473b15c01f1233dc0441571495743c7e8c91",class:"pn-multiselect-input"},!!this.icon&&n("pn-icon",{key:"2ac559c573d8fd0f1e6f39b94c7ba54e8f82530b",class:"pn-multiselect-icon","data-custom":true,icon:this.icon}),n("input",{key:"0839cb250ceab31a45d643c89451cedb02d9e7bb",tabindex:this.search?null:"-1",type:this.search?"search":"input",id:this.selectId,class:"pn-multiselect-element",value:this.search?this.searchQuery:this.optionsCheckedLabels(),name:this.selectName,placeholder:this.getPlaceholder(),required:this.search?null:this.required,"aria-labelledby":this.idLegend,"aria-describedby":this.describedBy(),"aria-controls":`${this.idOptions} ${this.search?this.idChips:""}`,"aria-invalid":this.hasError()?.toString(),disabled:this.disabled,readonly:!this.search,onClick:()=>this.search&&this.open?null:this.toggleOpen(),onKeyDown:t=>this.handleInputKeyboard(t),onBlur:t=>this.handleBlur(t),onInput:t=>this.search&&this.setSearchQuery(t.target.value),ref:t=>this.elInput=t}),this.hasError()&&n("pn-icon",{key:"bbe2ed7c5f861b6972ea3937c1aad7fa53269878",class:"pn-multiselect-icon","data-error":true,icon:l,color:"warning"}),n("button",{key:"4e2871a96160b3416dce289c8716665a04113b44",id:this.idButton,type:"button",class:"pn-multiselect-button","aria-label":this.translate(`BUTTON_${this.open?"CLOSE":"OPEN"}`),"aria-describedby":this.search?null:this.selectId,"aria-controls":this.idOptions,"aria-expanded":this.open.toString(),onClick:()=>this.toggleOpen(),ref:t=>this.elButton=t},n("pn-icon",{key:"71c79e52bcca84ae16b225dc6c58332b95788234",class:"pn-multiselect-icon",icon:s,color:"blue700"}))),this.renderOptions()),this.hasMessage()&&n("p",{key:"a27a65d1fba955a5b1bab1c7b79c5e78b5c0040a",id:this.idHelper,class:"pn-multiselect-description",role:!!this.error?"alert":null},n("span",{key:"c00904641ae7ba9a9fb482fbf215d6a7f2643872"},this.error||this.helpertext)),this.search&&this.renderChips(),n("slot",{key:"02c6ced4675438a0b29505a2c20948b1345ec1e0"}),this.search&&n("p",{key:"c8ce14a5d9d28e235de857c2264bed4f5507e389",id:this.idSr,class:"pn-multiselect-sr-only",role:"alert","aria-live":"assertive"},this.srMessage&&n("span",{key:"a365ee9816a1e3e732649857c4cf73c0470a85bf"},this.srMessage))))}static get watchers(){return{open:["handleOpen"],search:["handleSearch"],searchQuery:["handleSearchQuery"],selectId:["handleSelectId"]}}};g.style=b;export{g as pn_multiselect};
+//# sourceMappingURL=p-06c7e91b.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/p-06c7e91b.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["translations","SELECT_AN_OPTION","en","sv","da","fi","no","SELECT_ALL_OPTIONS","SELECT_FOUND_OPTIONS","SELECTED_OPTIONS","BUTTON_OPEN","BUTTON_CLOSE","REMOVE","REMOVED","MORE_OPTION","MORE_OPTIONS","SEARCH","RESULTS_FOUND","NO_SEARCH_RESULTS","NO_OPTIONS","pnMultiselectCss","PnMultiselectStyle0","PnMultiselect","this","id","uuidv4","idLegend","idButton","idOptions","idHelper","idChips","idSr","elGroup","elButton","elInput","elList","elChips","srTimer","animation","animationDurationDefault","animationDuration","handleOpen","open","addGlobalEventListeners","handleDirection","handleMaxHeight","handleWidth","requestAnimationFrame","openGrid","closeGrid","removeGlobalEventListeners","handleSearch","search","options","map","option","item","hide","group","length","opt","handleSearchQuery","searchQuery","handleInputSearch","handleSelectId","selectId","handleResize","toggleOpen","style","removeProperty","toggleSelect","allOptions","selectedOption","selectedAllOptions","searchInput","componentWillLoad","language","awaitTopbar","hostElement","componentDidLoad","globalEvents","event","target","isWithinCalendar","closest","localName","root","getRootNode","addEventListener","removeEventListener","clientHeight","scrollHeight","height","isClosing","isExpanding","animateGrid","maxHeight","startHeight","endHeight","cancelAnimations","reduceMotion","animate","duration","easing","onfinish","animationFinish","oncancel","cancel","emitEvents","all","emit","data","checked","searching","isSearching","optionsTotal","optionsSearch","query","found","optionsChecked","list","reduce","sum","subgroup","filter","push","optionsIndex","val","findNested","findIndex","value","indexGroup","indexNested","optionsCheckedTotal","optionsCheckedPreview","slice","itemCount","optionsCheckedLabels","label","join","noResults","isIndeterminate","groupIndex","every","none","optionSelect","chip","allValue","optionSelectAll","nested","allSiblingsChecked","handleSrMesssage","translate","index","btn","Array","from","children","querySelector","focus","preventScroll","allChecked","optionSelected","find","prop","text","includes","replace","getRect","element","getBoundingClientRect","ripple","clientX","clientY","isKeyboard","nextElementSibling","x","width","y","top","clientCor","srMessage","clearTimeout","setTimeout","upwards","bottom","oneEm","offsetTop","window","innerHeight","offsetBottom","setProperty","inputHeight","getTotalHeightOffset","offset","Math","ceil","setFocus","hasError","invalid","error","hasMessage","helpertext","state","handleInputKeyboard","stopImmediatePropagation","code","match","setSearchQuery","isEmpty","term","performSearch","trim","toLowerCase","foundNested","some","getListItem","getOptionIndex","triggers","total","valIndex","count","checkboxNav","e","arrowUp","arrowDown","pageUp","pageDown","home","end","tab","space","enter","escape","preventDefault","handleBlur","related","relatedTarget","jumpingToChips","className","handleLabel","disabled","showSelectAll","selectAll","showEmptyOption","getPlaceholder","autoTranslation","placeholder","handleChange","additonalOptions","single","describedBy","Boolean","renderOption","icon","h","class","key","hidden","type","indeterminate","undefined","name","required","onClick","onKeyDown","onBlur","color","htmlFor","xmlns","viewBox","fill","points","i","renderOptions","onChange","ref","el","role","renderChips","close","small","render","Host","tabindex","selectName","toString","readonly","onInput","alert_exclamation_circle","chevron_down"],"sources":["src/components/input/pn-multiselect/translations.ts","src/components/input/pn-multiselect/pn-multiselect.scss?tag=pn-multiselect","src/components/input/pn-multiselect/pn-multiselect.tsx"],"sourcesContent":["export const translations = {\n  SELECT_AN_OPTION: {\n    en: 'Select an option',\n    sv: 'Välj ett alternativ',\n    da: 'Vælg en mulighed',\n    fi: 'Valitse vaihtoehto',\n    no: 'Velg et alternativ',\n  },\n  SELECT_ALL_OPTIONS: {\n    en: 'Select all options',\n    sv: 'Välj alla alternativ',\n    da: 'Vælg alle muligheder',\n    fi: 'Valitse kaikki vaihtoehdot',\n    no: 'Velg alle alternativer',\n  },\n  SELECT_FOUND_OPTIONS: {\n    en: 'Select {number} options',\n    sv: 'Välj {number} alternativ',\n    da: 'Vælg {number} muligheder',\n    fi: 'Valitse {number} vaihtoehtoa',\n    no: 'Velg {number} alternativer',\n  },\n  SELECTED_OPTIONS: {\n    en: 'Selected options.',\n    sv: 'Valda alternativ.',\n    da: 'Valgte muligheder.',\n    fi: 'Valitut vaihtoehdot.',\n    no: 'Valgte alternativer.',\n  },\n  BUTTON_OPEN: {\n    en: 'Open list',\n    sv: 'Öppna listan',\n    da: 'Open list',\n    fi: 'Open list',\n    no: 'Open list',\n  },\n  BUTTON_CLOSE: {\n    en: 'Close list',\n    sv: 'Stäng listan',\n    da: 'Close list',\n    fi: 'Close list',\n    no: 'Close list',\n  },\n  REMOVE: {\n    en: 'Remove',\n    sv: 'Ta bort',\n    da: 'Remove',\n    fi: 'Remove',\n    no: 'Remove',\n  },\n  REMOVED: {\n    en: 'Removed',\n    sv: 'Tog bort',\n    da: 'Fjernet',\n    fi: 'Poistettu',\n    no: 'Fjernet',\n  },\n  MORE_OPTION: {\n    en: 'more option.',\n    sv: 'alternativ till.',\n    da: 'mulighed mere.',\n    fi: 'vaihtoehto lisää.',\n    no: 'alternativ til.',\n  },\n  MORE_OPTIONS: {\n    en: 'more options.',\n    sv: 'fler alternativ.',\n    da: 'more options.',\n    fi: 'more options.',\n    no: 'more options.',\n  },\n  SEARCH: {\n    en: 'Search',\n    sv: 'Sök',\n    da: 'Søg',\n    fi: 'Hae',\n    no: 'Søk',\n  },\n  RESULTS_FOUND: {\n    en: 'options found',\n    sv: 'alternativ hittades',\n    da: 'muligheder fundet',\n    fi: 'vaihtoehtoja löytyi',\n    no: 'alternativer funnet',\n  },\n  NO_SEARCH_RESULTS: {\n    en: 'No options found',\n    sv: 'Inga alternativ hittades',\n    da: 'Ingen muligheder fundet',\n    fi: 'Vaihtoehtoja ei löytynyt',\n    no: 'Finner ingen alternativer',\n  },\n  NO_OPTIONS: {\n    en: 'No options available',\n    sv: 'Inga alternativ tillgängliga',\n    da: 'Ingen tilgængelige muligheder',\n    fi: 'Ei vaihtoehtoja',\n    no: 'Ingen tilgjengelige alternativer',\n  },\n};\n","@use 'src/globals/main';\n\npn-multiselect {\n  display: inline-block;\n}\n\npn-multiselect .pn-multiselect {\n  border: 0;\n  margin: 0;\n  padding: 0;\n\n  &[data-icon] .pn-multiselect-element {\n    padding-left: 3em;\n  }\n\n  &[data-error] .pn-multiselect-element {\n    padding-right: 5.5em;\n    @include main.pn-input-field-error();\n  }\n\n  &-label {\n    @include main.pn-input-label;\n    width: 100%;\n  }\n\n  @include main.pn-sr-only-class();\n\n  &-group {\n    position: relative;\n    padding: 0;\n    margin: 0;\n  }\n\n  &-input {\n    position: relative;\n\n    > pn-icon {\n      pointer-events: none;\n      position: absolute;\n      top: 0.75em;\n      right: 3.5em;\n      &[data-custom] {\n        left: 0.75em;\n        right: unset;\n      }\n    }\n  }\n\n  &-button {\n    cursor: pointer;\n    position: absolute;\n    right: 0.75em;\n    top: 50%;\n    transform: translateY(-50%);\n    padding: 0;\n    margin: 0;\n    border: 0;\n    width: 2em;\n    height: 2em;\n    font-size: 1em;\n    border-radius: 50%;\n    background-color: transparent;\n\n    -webkit-tap-highlight-color: transparent;\n\n    @include main.pn-transition('background-color, outline-color, border-color');\n    @include main.pn-focus(main.$blue700, main.$white, main.$blue700);\n\n    > pn-icon > svg > path {\n      @include main.pn-transition('transform');\n      transition-delay: main.$timing;\n      transform-origin: center;\n      transform: rotate(0deg);\n    }\n\n    &:hover {\n      background-color: main.$blue25;\n    }\n\n    &[aria-expanded='true'] {\n      background-color: main.$blue25;\n      > pn-icon > svg > path {\n        transform: rotate(180deg);\n        transition-delay: 0s;\n      }\n    }\n  }\n\n  &-element {\n    @include main.pn-input-field;\n\n    cursor: text;\n    text-align: left;\n    transition-delay: 0.1s, 0.1s, 0s;\n    width: 100%;\n    padding-right: 3.5em;\n\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 0.5em;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n\n    &:disabled {\n      @include main.pn-disabled;\n      pointer-events: none;\n      + .pn-multiselect-button {\n        pointer-events: none;\n        path {\n          fill: main.$input-color-disabled;\n        }\n      }\n    }\n\n    &:placeholder {\n      @include main.pn-placeholder;\n    }\n\n    &[type='input']:hover {\n      cursor: pointer;\n      color: main.$input-color;\n      background-color: main.$input-background-hover;\n      transition-delay: 0s;\n      &[aria-invalid='true'] {\n        background-color: main.$input-background-error-hover;\n      }\n    }\n\n    &:focus-visible {\n      transition-delay: 0s;\n    }\n\n    &::-webkit-search-cancel-button,\n    &::-webkit-search-decoration {\n      -webkit-appearance: none;\n      -moz-appearance: none;\n      appearance: none;\n    }\n  }\n\n  &-options {\n    scroll-behavior: smooth;\n    position: absolute;\n    z-index: 10;\n    top: calc(100% + 0.5em);\n    left: 0;\n    right: 0;\n    background-color: main.$white;\n    box-shadow:\n      0em 0.075em 0.225em 0em rgba(0, 0, 0, 0.1),\n      0em 0.4em 0.9em 0em rgba(0, 0, 0, 0.13);\n\n    border-radius: main.$border-radius;\n\n    list-style: none;\n    margin: 0;\n    padding: 0;\n\n    width: var(--pn-select-options-width);\n    max-height: var(--pn-select-max-height);\n    overflow-y: auto;\n    overflow-x: hidden;\n\n    display: flex;\n    flex-direction: column;\n\n    visibility: hidden;\n\n    transform-origin: top left;\n\n    &[data-open] {\n      visibility: visible;\n    }\n\n    &[data-upwards] {\n      top: unset;\n      bottom: calc(100% + 0.5em);\n      transform-origin: bottom left;\n      box-shadow: 0 -0.0625em 0.125em rgba(0, 0, 0, 0.2);\n    }\n\n    &[data-moving] {\n      overflow: hidden;\n      visibility: visible;\n    }\n\n    @include main.pn-scrollbar();\n\n    > pn-input {\n      padding: 0.5em;\n    }\n  }\n\n  &-optgroup {\n    list-style: none;\n    padding: 0;\n    > .pn-multiselect-option > .pn-multiselect-option-content {\n      padding-left: 2em;\n    }\n  }\n\n  &-chips {\n    list-style: none;\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.5em;\n    padding: 0;\n    margin: 0.5em 0 0 0;\n    color: main.$gray700;\n    font-weight: 400;\n    &:empty {\n      display: none;\n    }\n  }\n\n  &-chip {\n    margin: 0;\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25em;\n    background-color: main.$white;\n    border-radius: main.$border-radius;\n    padding: 0.125em 0.25em 0.125em 0.5em;\n    line-height: 1.5em;\n    border: 0.0625em solid main.$gray700;\n\n    @include main.pn-focus-base;\n    @include main.pn-transition('background-color, outline-color, border-color, color');\n\n    &:focus-within {\n      color: main.$blue700;\n      @include main.pn-focus-visible(main.$blue700, main.$blue25, main.$blue700);\n    }\n\n    &[data-count] {\n      pointer-events: none;\n      border: 0;\n      padding-left: 0;\n      padding-right: 0;\n      background-color: unset;\n    }\n\n    &-label {\n      font-size: 0.875em;\n      white-space: nowrap;\n    }\n\n    &-button {\n      cursor: pointer;\n      font-size: 1em;\n      padding: 0.25em;\n      height: 1.5em;\n      width: 1.5em;\n      border: 0;\n      background-color: unset;\n      border-radius: 50%;\n      @include main.pn-transition('background-color');\n      -webkit-tap-highlight-color: transparent;\n\n      &:hover {\n        background-color: main.$blue200;\n      }\n      &:focus {\n        outline: 0;\n      }\n    }\n  }\n\n  &-no-results {\n    margin: 0;\n    padding: 0.75em;\n  }\n\n  &-description {\n    @include main.pn-input-helpertext;\n    &[role='alert'] {\n      color: main.$helpertext-color-error;\n    }\n  }\n}\n\n// Select option\npn-multiselect .pn-multiselect-option {\n  position: relative;\n  margin: 0;\n  padding: 0;\n  @include main.pn-ripple(main.$blue700);\n\n  &-input {\n    cursor: pointer;\n    position: absolute;\n    opacity: 0;\n    left: 0;\n    top: 0;\n    height: 100%;\n    width: 100%;\n    margin: 0;\n    -webkit-tap-highlight-color: transparent;\n\n    &:disabled {\n      pointer-events: none;\n      + .pn-multiselect-option-content {\n        @include main.pn-disabled;\n        pointer-events: none;\n        .pn-multiselect-option-checkbox {\n          background-color: main.$input-background-disabled;\n          border-color: main.$input-border-disabled;\n        }\n        path {\n          fill: main.$input-color-disabled;\n        }\n      }\n\n      &:checked {\n        + .pn-multiselect-option-content {\n          @include main.pn-disabled;\n          .pn-multiselect-option-checkbox {\n            background-color: main.$input-button-disabled;\n            border-color: main.$input-border-disabled;\n          }\n          path {\n            fill: main.$input-color-disabled;\n          }\n        }\n      }\n    }\n\n    &[aria-invalid='true'] {\n      + .pn-multiselect-option-content {\n        .pn-multiselect-option-checkbox {\n          border-color: main.$border-color-error;\n        }\n        .pn-ripple {\n          background-color: main.$warning;\n        }\n      }\n\n      &:checked + .pn-multiselect-option-content {\n        background-color: main.$input-background-error-active;\n        .pn-multiselect-option-checkbox {\n          background-color: main.$input-button-active-error;\n          border-color: main.$input-button-active-error;\n        }\n      }\n\n      &:checked:focus-visible + .pn-multiselect-option-content {\n        background-color: main.$input-background-error-active;\n        .pn-multiselect-option-checkbox {\n          background-color: main.$input-button-active-error-focus;\n          border-color: main.$input-button-active-error-focus;\n        }\n      }\n\n      &:checked:hover + .pn-multiselect-option-content {\n        background-color: main.$coral25;\n        .pn-multiselect-option-checkbox {\n          background-color: main.$input-button-active-error-hover;\n          border-color: main.$input-button-active-error-hover;\n        }\n      }\n\n      &:hover + .pn-multiselect-option-content {\n        background-color: main.$coral25;\n        .pn-multiselect-option-checkbox {\n          background-color: main.$input-background-error-hover;\n          border-color: main.$border-color-error-focus;\n        }\n      }\n\n      &:focus-visible + .pn-multiselect-option-content .pn-multiselect-option-checkbox {\n        @include main.pn-focus-visible(\n          main.$border-color-error-focus,\n          main.$input-background-error-active,\n          main.$border-color-error-focus\n        );\n      }\n    }\n\n    &:hover + .pn-multiselect-option-content {\n      background-color: main.$blue25;\n      .pn-multiselect-option-checkbox {\n        border-color: main.$blue700;\n        background-color: main.$blue50;\n      }\n    }\n\n    &:focus-visible + .pn-multiselect-option-content .pn-multiselect-option-checkbox {\n      @include main.pn-focus-visible(main.$blue700, main.$blue50, main.$blue700);\n    }\n\n    &:checked + .pn-multiselect-option-content {\n      background-color: main.$blue50;\n      .pn-multiselect-option-checkbox {\n        border-color: main.$blue700;\n        background-color: main.$blue700;\n        svg polyline.pn-multiselect-option-checkbox-checkmark-path {\n          transition-delay: 0.2s;\n          stroke-dashoffset: 0;\n        }\n      }\n    }\n\n    &:checked:hover + .pn-multiselect-option-content {\n      background-color: main.$blue25;\n      .pn-multiselect-option-checkbox {\n        border-color: main.$blue900;\n        background-color: main.$blue900;\n      }\n    }\n\n    &:checked:focus-visible + .pn-multiselect-option-content {\n      background-color: main.$blue50;\n      .pn-multiselect-option-checkbox {\n        border-color: main.$blue900;\n        background-color: main.$blue900;\n      }\n    }\n\n    &:indeterminate + .pn-multiselect-option-content {\n      .pn-multiselect-option-checkbox {\n        background-color: main.$blue700;\n        border-color: main.$blue700;\n      }\n      svg .pn-multiselect-option-checkbox-checkmark-path {\n        stroke-dashoffset: 23;\n      }\n      svg .pn-multiselect-option-checkbox-indeterminate-path {\n        stroke-dashoffset: 0;\n      }\n    }\n\n    &:indeterminate:hover + .pn-multiselect-option-content {\n      .pn-multiselect-option-checkbox {\n        background-color: main.$blue900;\n        border-color: main.$blue900;\n      }\n    }\n  }\n\n  &-content {\n    position: relative;\n    overflow: hidden;\n    z-index: -1;\n    display: flex;\n    align-items: center;\n    padding: 0.75em 1em;\n    gap: 0.5em;\n    background-color: main.$white;\n    @include main.pn-transition('background-color');\n  }\n\n  &-text {\n    flex: 1;\n    text-overflow: ellipsis;\n    overflow: hidden;\n  }\n\n  &-label {\n    color: main.$gray900;\n    font-weight: 400;\n  }\n\n  &-helper {\n    color: main.$gray700;\n    margin: 0;\n  }\n\n  &-checkbox {\n    background-color: main.$white;\n    flex: 0 0 1.5em;\n    width: 1.5em;\n    height: 1.5em;\n    border: 0.0625em solid main.$gray400;\n    border-radius: 0.25em;\n\n    @include main.pn-focus-base;\n    @include main.pn-transition('background-color, border-color, outline-color');\n\n    svg polyline {\n      stroke: main.$white;\n      stroke-linecap: round;\n      stroke-dasharray: 23;\n      @include main.pn-transition('stroke-dashoffset');\n      transition-delay: 0s;\n\n      &.pn-multiselect-option-checkbox-checkmark-path {\n        stroke-dashoffset: 23;\n      }\n\n      &.pn-multiselect-option-checkbox-indeterminate-path {\n        stroke-dashoffset: 23;\n      }\n    }\n  }\n}\n","import { Component, h, Host, Element, Watch, Prop, State, EventEmitter, Event, Listen } from '@stencil/core';\n\nimport { translations } from './translations';\n\nimport { close, alert_exclamation_circle, chevron_down } from 'pn-design-assets/pn-assets/icons.js';\n\nimport { uuidv4, awaitTopbar, ripple, en, getTotalHeightOffset, reduceMotion } from '@/index';\nimport type { PnLanguages, PnMultiselectOption } from '@/index';\n\n/**\n * The `pn-multiselect` gets its options via javascript.\n *\n * Native HTML does not accept arrays of objects. Most frameworks solves this automatically (Vue, react, etc...),\n * but keep this in mind if you use this component outside of a framework environment.\n *\n * @nativeChange The `pn-multiselect` is built with `input[type=checkbox]` elements, so the `change` event works. However, we recommend the customEvents described above.\n *\n * @see {@link https://portal.postnord.com/web-components/?path=/docs/components-input-multiselect--docs#pn-multiselect%20(options) Options documentation}\n */\n@Component({\n  tag: 'pn-multiselect',\n  styleUrl: 'pn-multiselect.scss',\n})\nexport class PnMultiselect {\n  private readonly id: string = `pn-multiselect-${uuidv4()}`;\n  private idLegend: string = `${this.id}-legend`;\n  private idButton: string = `${this.id}-button`;\n  private idOptions: string = `${this.id}-options`;\n  private idHelper: string = `${this.id}-text`;\n  private idChips: string = `${this.id}-chips`;\n  private idSr: string = `${this.id}-sr`;\n\n  private elGroup: HTMLDivElement;\n  private elButton: HTMLButtonElement;\n  private elInput: HTMLInputElement;\n  private elList: HTMLUListElement;\n  private elChips: HTMLUListElement;\n\n  private srTimer: NodeJS.Timeout;\n\n  private animation: Animation;\n  private animationDurationDefault: number = 400;\n  private animationDuration: number = this.animationDurationDefault;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() private isSearching: boolean = false;\n\n  /** Layout state. */\n  @State() private open: boolean = false;\n  @State() private upwards: boolean = false;\n\n  @State() private srMessage?: string;\n\n  @State() private isClosing: boolean = false;\n  @State() private isExpanding: boolean = false;\n\n  /** Label placed above the select */\n  @Prop() label!: string;\n  /** Display a helper text underneath the select */\n  @Prop() helpertext?: string;\n  /**\n   * This is what will be shown on load if no value is used.\n   * The `placeholder` will override the default text used if you have the `search` prop active.\n   */\n  @Prop() placeholder?: string;\n  /** HTML name of the checkbox elements. Used for each checkbox inside the multiselect. */\n  @Prop() name?: string;\n  /** Select HTML id */\n  @Prop() selectId?: string = this.id;\n  /** HTML name of the input element.*/\n  @Prop() selectName?: string;\n  /** Display an icon to the left of the select input */\n  @Prop() icon?: string;\n  /** Manually set the language, not needed if you have the pnTopbar available */\n  @Prop() language?: PnLanguages = null;\n  /**\n   * Array of options.\n   * @hide true\n   **/\n  @Prop({ mutable: true }) options!: PnMultiselectOption[];\n\n  /**\n   * Adds a \"Select all\" option into the list.\n   * If you use the search feature at the same time, clicking this option will only toggle the options found.\n   * @see {@link search}\n   * @category Features\n   **/\n  @Prop() selectAll?: boolean = false;\n  /**\n   * Set a custom value for the \"Select all value\" option.\n   * @see {@link selectAll}\n   * @category Features\n   */\n  @Prop() allValue?: string = 'pn_multiselect_all';\n  /**\n   * Allow the user to search among the options.\n   * The selected options will now display underneath the multiselect element.\n   *\n   * @category Features\n   **/\n  @Prop() search?: boolean = false;\n  /** Set the search query of the multiselect.\n   *\n   * @see {@link search}\n   * @category Features\n   */\n  @Prop({ mutable: true }) searchQuery?: string = '';\n  /**\n   * Decide how many items should be shown before ellipsis. Requires the `search` prop to work.\n   *\n   * @see {@link search}\n   * @category Features\n   **/\n  @Prop() itemCount?: number = 5;\n  /**\n   * Use a custom max-height for the dropdown list.\n   * @description The component will automatically set the max height of the dropdown list on its own.\n   * It takes the `pn-topbar` into account and will open in the direction that fits best.\n   * Use this prop to override this behaviour and use a custom max-height.\n   * @category Features\n   **/\n  @Prop() maxHeight?: string;\n  /**\n   * Force the dropdown to always open upwards.\n   * @category Features\n   **/\n  @Prop() top?: boolean = false;\n  /**\n   * Force the dropdown to always open downwards.\n   * @category Features\n   **/\n  @Prop() bottom?: boolean = false;\n\n  /** Set the select as required. @category Validation */\n  @Prop() required?: boolean = false;\n  /** Disable the select. @category Validation */\n  @Prop() disabled?: boolean = false;\n  /** Trigger the invalid state. @category Validation */\n  @Prop() invalid?: boolean = false;\n  /** Display an error message and trigger the invalid state. @category Validation */\n  @Prop() error?: string;\n\n  @Watch('open')\n  handleOpen() {\n    if (this.open) {\n      this.addGlobalEventListeners();\n\n      this.handleDirection();\n      this.handleMaxHeight();\n      this.handleWidth();\n      requestAnimationFrame(() => this.openGrid());\n    } else {\n      this.closeGrid();\n      this.removeGlobalEventListeners();\n    }\n  }\n\n  @Watch('search')\n  handleSearch() {\n    if (!this.search)\n      this.options = [\n        ...this.options.map(option => {\n          const item = {\n            ...option,\n            hide: false,\n          };\n\n          if (item?.group?.length) item.group.map(opt => ({ ...opt, hide: false }));\n\n          return item;\n        }),\n      ];\n  }\n\n  @Watch('searchQuery')\n  handleSearchQuery() {\n    if (this.search && typeof this.searchQuery === 'string') this.handleInputSearch();\n  }\n\n  @Watch('selectId')\n  handleSelectId() {\n    const id = this.selectId;\n    this.idLegend = `${id}-legend`;\n    this.idButton = `${id}-button`;\n    this.idOptions = `${id}-options`;\n    this.idHelper = `${id}-text`;\n    this.idChips = `${id}-chips`;\n    this.idSr = `${id}-sr`;\n  }\n\n  /**\n   * If the select is open and you resize the window.\n   * Remove all css props and disable the animations entierly.\n   **/\n  @Listen('resize', { target: 'window' })\n  handleResize() {\n    if (!this.open) return;\n    this.toggleOpen(false);\n\n    this.elList.style.removeProperty('--pn-select-options-width');\n    this.elList.style.removeProperty('--pn-select-max-height');\n  }\n\n  /** Dispatched everytime the multiselect is opened or closed. */\n  @Event() toggleSelect: EventEmitter<{ open: boolean }>;\n  /** This event contains the entire options array with the new props. Dispatched everytime you make changes to any option. */\n  @Event() allOptions: EventEmitter<PnMultiselectOption[]>;\n  /** Dispatched when you toggle an option. Includes all the props of the option. */\n  @Event() selectedOption: EventEmitter<PnMultiselectOption>;\n  /**\n   * This event is dispatched when the user toggles the \"Choose all options\" box.\n   * Also triggers when you click the \"Select {number} options\" if you are performing a search at the same time.\n   **/\n  @Event() selectedAllOptions: EventEmitter<{\n    checked: boolean;\n    searching: boolean;\n    query?: string;\n    found?: PnMultiselectOption[];\n  }>;\n  /**\n   * Contains the search text and the options found for that query.\n   * Dispacthed everytime you change the search query.\n   **/\n  @Event() searchInput: EventEmitter<{\n    query: string;\n    found?: PnMultiselectOption[];\n  }>;\n\n  async componentWillLoad() {\n    this.handleSelectId();\n    if (this.language === null) await awaitTopbar(this.hostElement);\n  }\n\n  componentDidLoad() {\n    if (!!this.searchQuery?.length) this.handleSearchQuery();\n  }\n\n  private globalEvents = (event: PointerEvent | KeyboardEvent) => {\n    const target = event.target as HTMLElement;\n    const isWithinCalendar = target?.closest(this.hostElement.localName);\n    if (!isWithinCalendar) this.toggleOpen(false);\n  };\n\n  private addGlobalEventListeners() {\n    const root: Document = this.hostElement.getRootNode() as Document;\n\n    root.addEventListener('click', this.globalEvents);\n  }\n\n  private removeGlobalEventListeners() {\n    const root: Document = this.hostElement.getRootNode() as Document;\n\n    root.removeEventListener('click', this.globalEvents);\n  }\n\n  private openGrid() {\n    requestAnimationFrame(() => {\n      const { clientHeight, scrollHeight } = this.elList;\n      const height = this.isClosing ? clientHeight : 0;\n      this.elList.style.height = `${scrollHeight}px`;\n\n      this.isExpanding = true;\n      this.animateGrid(true, `${height}px`, this.maxHeight || `${this.elList.scrollHeight}px`);\n    });\n  }\n\n  private closeGrid() {\n    const { scrollHeight, clientHeight } = this.elList;\n    const height = this.isExpanding ? clientHeight : scrollHeight;\n    this.elList.style.height = `0px`;\n\n    this.isClosing = true;\n    this.animateGrid(false, `${height}px`, `0px`);\n  }\n\n  private animateGrid(open: boolean, startHeight: string, endHeight: string) {\n    this.cancelAnimations();\n\n    if (reduceMotion()) this.animationDuration = 0;\n    else this.animationDuration = this.animationDurationDefault;\n\n    this.animation = this.elList.animate(\n      {\n        height: [startHeight, endHeight],\n      },\n      {\n        duration: this.animationDuration,\n        easing: 'cubic-bezier(0.6, 0, 0.2, 1)',\n      },\n    );\n    this.animation.onfinish = () => this.animationFinish();\n    this.animation.oncancel = () => (open ? (this.isExpanding = false) : (this.isClosing = false));\n  }\n\n  private animationFinish() {\n    this.cancelAnimations();\n    this.elList.style.height = this.isClosing ? '0px' : '';\n    this.isClosing = false;\n    this.isExpanding = false;\n  }\n\n  private cancelAnimations() {\n    if (this.animation) this.animation.cancel();\n  }\n\n  private emitEvents(option?: PnMultiselectOption, all?: boolean) {\n    this.allOptions.emit(this.options);\n\n    if (option) return this.selectedOption.emit(option);\n\n    const data: { checked: boolean; searching: boolean; query?: string; found?: PnMultiselectOption[] } = {\n      checked: all,\n      searching: this.isSearching,\n    };\n\n    if (this.search && this.optionsTotal() !== this.optionsSearch().length) {\n      data.query = this.searchQuery;\n      data.found = this.optionsSearch();\n    }\n\n    this.selectedAllOptions.emit(data);\n  }\n\n  private optionsChecked(): PnMultiselectOption[] {\n    const list = this.options?.reduce((sum, item) => {\n      const subgroup = item.group ? [...item.group.filter(({ checked }) => checked)] : [];\n\n      if (item.checked) sum.push(item);\n\n      if (subgroup?.length) sum.push(...subgroup);\n\n      return sum;\n    }, []);\n\n    return list;\n  }\n\n  private optionsTotal(): number {\n    return this.options?.reduce((sum, item) => sum + (item?.group?.length ? item.group.length + 1 : 1), 0);\n  }\n\n  private optionsIndex(val: string): { indexGroup: number; indexNested?: number } {\n    const findNested = ({ group = [] }: PnMultiselectOption) => group?.findIndex(({ value }) => value === val);\n\n    const indexGroup = this.options.findIndex(option => option.value === val || findNested(option) !== -1);\n    const indexNested = findNested(this.options?.[indexGroup]);\n\n    return {\n      indexGroup,\n      indexNested,\n    };\n  }\n\n  private optionsCheckedTotal(): number {\n    return this.optionsChecked()?.length;\n  }\n\n  private optionsCheckedPreview(): PnMultiselectOption[] {\n    return this.optionsChecked()?.slice(0, this.itemCount);\n  }\n\n  private optionsCheckedLabels(): string {\n    return this.optionsChecked()\n      ?.map(({ label }) => label)\n      ?.join(', ');\n  }\n\n  private optionsSearch(): PnMultiselectOption[] {\n    const list = this.options?.reduce((sum, item) => {\n      const subgroup = item.group ? [...item.group.filter(({ hide }) => !hide)] : [];\n      if (!item.hide) sum.push(item);\n      if (subgroup?.length) sum.push(...subgroup);\n      return sum;\n    }, []);\n\n    return list;\n  }\n\n  private noResults() {\n    return this.optionsSearch()?.length === 0;\n  }\n\n  private isIndeterminate(groupIndex: number): boolean {\n    const option = this.options?.[groupIndex];\n    if (option?.group?.length) {\n      const all = option.group.every(({ checked }) => checked);\n      const none = option.group.every(({ checked }) => !checked);\n\n      return !(all || none);\n    }\n    return false;\n  }\n\n  private optionSelect({ val, checked, chip }: { val: string; checked: boolean; chip?: number }) {\n    if (val === this.allValue) return this.optionSelectAll(checked);\n\n    const options = this.options;\n\n    const { indexGroup, indexNested } = this.optionsIndex(val);\n\n    const group = options[indexGroup]?.group;\n    const nested = group?.[indexNested];\n\n    if (nested?.value) {\n      options[indexGroup].group[indexNested].checked = checked;\n\n      const allSiblingsChecked = group?.every(({ checked }) => checked);\n\n      if (allSiblingsChecked) options[indexGroup].checked = true;\n      else options[indexGroup].checked = false;\n    } else {\n      options[indexGroup].checked = checked;\n      if (group?.length) options[indexGroup].group = group?.map(opt => ({ ...opt, checked: checked }));\n    }\n\n    const option = indexNested === -1 ? options[indexGroup] : options[indexGroup].group[indexNested];\n\n    this.emitEvents(option);\n\n    this.options = [...options];\n\n    if (typeof chip === 'number') {\n      this.handleSrMesssage(`${this.translate('REMOVED')} ${option.label}`);\n\n      requestAnimationFrame(() => {\n        const index = chip === this.optionsCheckedTotal() ? chip - 1 : chip;\n        const btn = Array.from(this.elChips.children)?.[index];\n        btn?.querySelector('button').focus({ preventScroll: true });\n      });\n    }\n  }\n\n  private optionSelectAll(checked: boolean) {\n    this.options = [\n      ...this.options.map(option => {\n        const opt = {\n          ...option,\n          checked: this.isSearching ? (option.hide ? option.checked : checked) : checked,\n        };\n\n        if (opt.group)\n          opt.group = [\n            ...opt.group.map(item => ({\n              ...item,\n              checked: this.isSearching ? (item.hide ? item.checked : checked) : checked,\n            })),\n          ];\n\n        const allChecked = opt?.group?.every(({ checked }) => checked);\n        if (opt?.group?.length) opt.checked = allChecked;\n\n        return opt;\n      }),\n    ];\n\n    this.emitEvents(null, checked);\n  }\n\n  private optionSelected(val: string): boolean {\n    return !!this.optionsChecked()?.find(({ value, checked }) => value === val && checked);\n  }\n\n  private translate(prop: string): string {\n    const text = translations?.[prop]?.[this.language || en];\n    if (text.includes('{number}')) return text.replace('{number}', this.optionsSearch().length);\n    return text;\n  }\n\n  private getRect(element: HTMLElement): DOMRect {\n    return element?.getBoundingClientRect();\n  }\n\n  private ripple({ clientX, clientY, target }: MouseEvent) {\n    const isKeyboard = clientX === 0 && clientY === 0;\n    const element = (target as HTMLInputElement).nextElementSibling;\n    const { x, width, y, top } = this.getRect(element as HTMLElement);\n    const clientCor = isKeyboard ? { clientX: x + width - 24, clientY: y - top } : { clientX, clientY };\n\n    ripple(clientCor, element as HTMLElement);\n  }\n\n  private handleSrMesssage(text: string) {\n    this.srMessage = text;\n    clearTimeout(this.srTimer);\n    this.srTimer = setTimeout(() => (this.srMessage = null), 2000);\n  }\n\n  private handleDirection() {\n    if (this.top) return (this.upwards = true);\n    if (this.bottom) return (this.upwards = false);\n\n    const { bottom, top } = this.getRect(this.elInput);\n\n    const oneEm = 16;\n\n    /*\n     * Take the inner window height and subtract the elements bottom and 1em (16px)\n     * If the max height of this calculation is less than the space above the element, open it upwards.\n     * Do another calculation with the top value - 1em.\n     */\n    const offsetTop = window.innerHeight - bottom - oneEm;\n    const offsetBottom = top - oneEm;\n\n    /** Always point downwards, unless the space to the bottom is less than half of the top offset space. */\n    this.upwards = offsetBottom / 2 > offsetTop;\n  }\n\n  private handleMaxHeight() {\n    if (this.maxHeight) return this.elGroup.style.setProperty('--pn-select-max-height', this.maxHeight);\n\n    const { bottom, top } = this.getRect(this.elInput);\n    const inputHeight = this.upwards ? top : bottom;\n\n    const offsetTop = getTotalHeightOffset();\n\n    const offset = this.upwards ? offsetTop + 16 : 16;\n\n    const maxHeight = this.upwards ? inputHeight - offset : window.innerHeight - inputHeight - offset;\n\n    this.elGroup.style.setProperty('--pn-select-max-height', `${Math.ceil(maxHeight)}px`);\n  }\n\n  private handleWidth() {\n    const { width } = this.getRect(this.elInput);\n    this.elGroup.style.setProperty('--pn-select-options-width', `${Math.ceil(width)}px`);\n  }\n\n  private setFocus() {\n    if (this.search) this.elInput.focus({ preventScroll: true });\n    else this.elButton.focus({ preventScroll: true });\n  }\n\n  private hasError(): boolean {\n    return this.invalid || !!this.error;\n  }\n\n  private hasMessage(): boolean {\n    return !!this.helpertext || !!this.error;\n  }\n\n  private toggleOpen(state?: boolean) {\n    if (typeof state === 'boolean' && state === this.open) return;\n    this.open = state ?? !this.open;\n    this.toggleSelect.emit({ open: this.open });\n  }\n\n  private handleInputKeyboard(event: KeyboardEvent) {\n    event.stopImmediatePropagation();\n\n    const { code } = event;\n\n    if (code === 'Escape') return this.toggleOpen(false);\n    if (!this.open && code.match(/^(Space|Enter)$|Arrow|^Key.*$/)) this.toggleOpen();\n  }\n\n  private setSearchQuery(value: string) {\n    if (!this.open) this.toggleOpen(true);\n    this.searchQuery = value;\n  }\n\n  private handleInputSearch() {\n    if (this.isEmpty()) return;\n\n    const term = this.searchQuery;\n    const performSearch = ({ label, helpertext, value }: PnMultiselectOption): boolean => {\n      return `${label} ${helpertext} ${value}`.trim().toLowerCase().includes(term.toLowerCase());\n    };\n\n    const options = this.options.map(option => {\n      const foundNested = option?.group?.map(item => ({ ...item, hide: !performSearch(item) })) || [];\n\n      const found = performSearch(option) || foundNested?.some(({ hide }) => !hide);\n\n      option.hide = !found;\n      if (option?.group?.length) option.group = [...foundNested];\n\n      return option;\n    });\n\n    this.isSearching = term !== '';\n\n    this.options = [...options];\n\n    this.searchInput.emit({ query: term, found: this.optionsSearch() });\n  }\n\n  private getListItem(index: number): HTMLInputElement {\n    const { value } = this.options[index];\n    return this.elList.querySelector<HTMLInputElement>(`.pn-multiselect-option-input[value='${value}']`);\n  }\n\n  private getOptionIndex(val: string, triggers: (boolean | number)[], code?: string) {\n    const total = this.optionsTotal() - 1;\n\n    if (code === 'End') return total;\n    if (code === 'Home') return 0;\n\n    const valIndex = this.options.findIndex(({ value }) => value === val);\n\n    const count = triggers.find(item => typeof item === 'number') as number;\n    const index = valIndex + count;\n\n    if (index >= total) return total;\n    if (index <= 0) return 0;\n\n    return index;\n  }\n\n  private checkboxNav(e: KeyboardEvent, val: string) {\n    const { code } = e;\n\n    const arrowUp = code === 'ArrowUp' && -1;\n    const arrowDown = code === 'ArrowDown' && 1;\n    const pageUp = code === 'PageUp' && -10;\n    const pageDown = code === 'PageDown' && 10;\n    const home = code === 'Home' && 0;\n    const end = code === 'End' && this.optionsTotal() - 1;\n    const tab = code === 'Tab';\n    const space = code === 'Space';\n    const enter = code === 'Enter';\n    const escape = code === 'Escape';\n\n    const triggers = [arrowUp, arrowDown, pageUp, pageDown, home, end, tab, space, enter, escape];\n\n    if (!triggers.some(item => typeof item === 'number' || item)) return;\n\n    if (tab || space || enter) return;\n\n    e.stopImmediatePropagation();\n    e.preventDefault();\n\n    if (escape) {\n      this.setFocus();\n      return this.toggleOpen(false);\n    }\n\n    const item = this.getOptionIndex(val, triggers, code);\n    return this.getListItem(item)?.focus();\n  }\n\n  private handleBlur(event: FocusEvent) {\n    const target = event.target as HTMLElement;\n    const related = event.relatedTarget as HTMLElement;\n\n    const jumpingToChips = (related || target)?.className === 'pn-multiselect-chip-button';\n\n    if (jumpingToChips) this.toggleOpen(false);\n  }\n\n  private handleLabel() {\n    if (this.disabled) return;\n    this.setFocus();\n  }\n\n  /** Check if there are no options in the list. */\n  private isEmpty(): boolean {\n    return (this.options?.length || 0) === 0;\n  }\n\n  private showSelectAll(): boolean {\n    return this.selectAll && !this.isEmpty() && !this.noResults();\n  }\n\n  /** Check if the empty/nothing found should be visible. */\n  private showEmptyOption() {\n    return (this.isSearching && this.noResults()) || this.isEmpty();\n  }\n\n  private getPlaceholder(): string {\n    const autoTranslation = this.search ? 'SEARCH' : 'SELECT_AN_OPTION';\n    return this.placeholder || this.translate(autoTranslation);\n  }\n\n  private handleChange({ target }: InputEvent) {\n    const { value, checked } = target as HTMLInputElement;\n    this.optionSelect({ val: value, checked });\n  }\n\n  /** Display the \"X more selected options\" text. */\n  private additonalOptions() {\n    const count = this.optionsCheckedTotal() - this.itemCount;\n    const single = `MORE_OPTION${count === 1 ? '' : 'S'}`;\n    return `${count} ${this.translate(single)}`;\n  }\n\n  private describedBy(): string {\n    const list = [this.search && this.idChips, this.srMessage && this.idSr, !!this.helpertext && this.idHelper].filter(\n      Boolean,\n    );\n    if (list.length) return list.join(' ');\n    return null;\n  }\n\n  private renderOption(\n    {\n      label,\n      value,\n      checked,\n      helpertext,\n      icon,\n      id = `${this.selectId}-${value || label}`,\n      invalid,\n      disabled,\n      hide,\n      group,\n    }: PnMultiselectOption,\n    indexGroup?: number,\n    indexNested?: number,\n  ): HTMLLIElement {\n    return (\n      <li class=\"pn-multiselect-option\" key={id} hidden={hide}>\n        <input\n          type=\"checkbox\"\n          id={id}\n          class=\"pn-multiselect-option-input\"\n          checked={checked ?? this.optionSelected(value)}\n          indeterminate={indexNested === undefined && this.isIndeterminate(indexGroup)}\n          name={this.name}\n          value={value}\n          disabled={this.disabled || disabled}\n          required={this.required}\n          aria-invalid={invalid ? 'true' : null}\n          aria-describedby={helpertext ? `${id}-helper` : null}\n          onClick={(event: MouseEvent) => this.ripple(event)}\n          onKeyDown={(event: KeyboardEvent) => this.checkboxNav(event, value)}\n          onBlur={(event: FocusEvent) => this.handleBlur(event)}\n        />\n        <div class=\"pn-multiselect-option-content\">\n          {!!icon && <pn-icon icon={icon} color=\"blue900\" />}\n          <div class=\"pn-multiselect-option-text\">\n            <label class=\"pn-multiselect-option-label\" htmlFor={id}>\n              <span>{label}</span>\n            </label>\n            {helpertext && (\n              <p class=\"pn-multiselect-option-helper\" id={`${id}-helper`}>\n                {helpertext}\n              </p>\n            )}\n          </div>\n          <div class=\"pn-multiselect-option-checkbox\">\n            <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"none\">\n              <polyline\n                class=\"pn-multiselect-option-checkbox-checkmark-path\"\n                points=\"4,12 9,17 20,6\"\n                stroke-width=\"3\"\n              />\n              <polyline\n                class=\"pn-multiselect-option-checkbox-indeterminate-path\"\n                points=\"4,12 20,12\"\n                stroke-width=\"3\"\n              />\n            </svg>\n          </div>\n        </div>\n        {group?.length && (\n          <ul class=\"pn-multiselect-optgroup\">{group?.map((option, i) => this.renderOption(option, indexGroup, i))}</ul>\n        )}\n      </li>\n    );\n  }\n\n  private renderOptions(): HTMLUListElement {\n    return (\n      <ul\n        id={this.idOptions}\n        class=\"pn-multiselect-options\"\n        data-open={this.open}\n        data-upwards={this.upwards}\n        data-moving={this.isClosing || this.isExpanding}\n        onChange={(event: InputEvent) => this.handleChange(event)}\n        style={{ height: '0px' }}\n        ref={el => (this.elList = el)}\n      >\n        {this.showSelectAll() &&\n          this.renderOption({\n            label: this.translate(`SELECT_${this.isSearching ? 'FOUND' : 'ALL'}_OPTIONS`),\n            value: this.allValue,\n            checked: this.optionsTotal() === this.optionsCheckedTotal(),\n          })}\n\n        {this.options?.map((option, index) => this.renderOption(option, index))}\n\n        {this.showEmptyOption() && (\n          <li class=\"pn-multiselect-option\">\n            <div class=\"pn-multiselect-option-content\" role=\"alert\">\n              <div class=\"pn-multiselect-option-text\">\n                <span class=\"pn-multiselect-option-label\">\n                  {this.translate(this.isEmpty() ? 'NO_OPTIONS' : 'NO_SEARCH_RESULTS')}\n                </span>\n              </div>\n            </div>\n          </li>\n        )}\n      </ul>\n    );\n  }\n\n  private renderChips(): HTMLUListElement {\n    return (\n      <ul\n        id={this.idChips}\n        class=\"pn-multiselect-chips\"\n        aria-label={this.translate('SELECTED_OPTIONS')}\n        ref={el => (this.elChips = el)}\n      >\n        {this.optionsCheckedPreview()?.map(({ label, value }, index) => (\n          <li\n            class=\"pn-multiselect-chip\"\n            aria-setsize={this.optionsCheckedTotal()}\n            aria-posinset={index + 1}\n            key={`${label}-${value}`}\n          >\n            <span class=\"pn-multiselect-chip-label\">{label}</span>\n            <button\n              type=\"button\"\n              class=\"pn-multiselect-chip-button\"\n              aria-label={`${this.translate('REMOVE')} ${label}`}\n              onClick={() => this.optionSelect({ val: value, checked: false, chip: index })}\n            >\n              <pn-icon icon={close} small color=\"blue700\" />\n            </button>\n          </li>\n        ))}\n        {this.optionsCheckedTotal() > this.itemCount && (\n          <li class=\"pn-multiselect-chip\" data-count>\n            <span class=\"pn-multiselect-chip-label\">+ {this.additonalOptions()}</span>\n          </li>\n        )}\n      </ul>\n    );\n  }\n\n  render() {\n    return (\n      <Host>\n        <fieldset class=\"pn-multiselect\" data-icon={!!this.icon} data-error={this.hasError()} disabled={this.disabled}>\n          {this.label && (\n            <legend id={this.idLegend} class=\"pn-multiselect-label\" onClick={() => this.handleLabel()}>\n              <span>{this.label}</span>\n\n              {!!this.optionsChecked()?.length && (\n                <span>\n                  {this.optionsCheckedTotal()}/{this.optionsTotal()}\n                </span>\n              )}\n            </legend>\n          )}\n          <div class=\"pn-multiselect-group\" ref={el => (this.elGroup = el)}>\n            <div class=\"pn-multiselect-input\">\n              {!!this.icon && <pn-icon class=\"pn-multiselect-icon\" data-custom icon={this.icon} />}\n\n              <input\n                tabindex={this.search ? null : '-1'}\n                type={this.search ? 'search' : 'input'}\n                id={this.selectId}\n                class=\"pn-multiselect-element\"\n                value={this.search ? this.searchQuery : this.optionsCheckedLabels()}\n                name={this.selectName}\n                placeholder={this.getPlaceholder()}\n                required={this.search ? null : this.required}\n                aria-labelledby={this.idLegend}\n                aria-describedby={this.describedBy()}\n                aria-controls={`${this.idOptions} ${this.search ? this.idChips : ''}`}\n                aria-invalid={this.hasError()?.toString()}\n                disabled={this.disabled}\n                readonly={!this.search}\n                onClick={() => (this.search && this.open ? null : this.toggleOpen())}\n                onKeyDown={e => this.handleInputKeyboard(e)}\n                onBlur={e => this.handleBlur(e)}\n                onInput={e => this.search && this.setSearchQuery((e.target as HTMLInputElement).value)}\n                ref={el => (this.elInput = el)}\n              />\n\n              {this.hasError() && (\n                <pn-icon class=\"pn-multiselect-icon\" data-error icon={alert_exclamation_circle} color=\"warning\" />\n              )}\n\n              <button\n                id={this.idButton}\n                type=\"button\"\n                class=\"pn-multiselect-button\"\n                aria-label={this.translate(`BUTTON_${this.open ? 'CLOSE' : 'OPEN'}`)}\n                aria-describedby={this.search ? null : this.selectId}\n                aria-controls={this.idOptions}\n                aria-expanded={this.open.toString()}\n                onClick={() => this.toggleOpen()}\n                ref={el => (this.elButton = el)}\n              >\n                <pn-icon class=\"pn-multiselect-icon\" icon={chevron_down} color=\"blue700\" />\n              </button>\n            </div>\n\n            {this.renderOptions()}\n          </div>\n\n          {this.hasMessage() && (\n            <p id={this.idHelper} class=\"pn-multiselect-description\" role={!!this.error ? 'alert' : null}>\n              <span>{this.error || this.helpertext}</span>\n            </p>\n          )}\n\n          {this.search && this.renderChips()}\n\n          <slot />\n\n          {this.search && (\n            <p id={this.idSr} class=\"pn-multiselect-sr-only\" role=\"alert\" aria-live=\"assertive\">\n              {this.srMessage && <span>{this.srMessage}</span>}\n            </p>\n          )}\n        </fieldset>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/{p-8773152d.entry.js → p-10532427.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as e,c as t,g as i,h as n,a}from"./p-43660913.js";const s="pn-page-nav-item{position:relative;color:#ffffff;margin-right:0.5em;z-index:2;white-space:nowrap;scroll-snap-align:center;outline:none;-webkit-tap-highlight-color:transparent;transform:translateZ(0)}pn-page-nav-item a{text-decoration:none;color:#ffffff;height:100%;width:100%;padding:0.5em;font-weight:500;border-radius:3em;border:0.0625em solid transparent;display:inline-flex;align-items:center;cursor:pointer;outline:none;transition:box-shadow 0.15s}pn-page-nav-item a:focus{box-shadow:0 0 0 0.1em #d3cecb}pn-page-nav-item a>pn-icon{margin-right:0.5em}pn-page-nav-item:last-of-type{margin-right:0}";const o=s;const r=class{constructor(i){e(this,i);this.itemselection=t(this,"itemselection",7);this.value=undefined;this.href=undefined;this.icon=undefined}get hostElement(){return i(this)}itemselection;select(e){if(this.value&&!this.href)e.preventDefault();this.itemselection.emit(this.value)}render(){return n(a,{key:"a2dcede0a4f6789eda151fa2fcd5496588897361"},n("li",{key:"029058cffbfbf1c04d57c7605b9e887cce0abbd1"},n("a",{key:"38f2a5a9e15bc96a9efb91d85c9d67b21d27b40b",href:this.href||"#",class:"pn-page-nav-item",onClick:e=>this.select(e)},this.icon&&n("pn-icon",{key:"110592957f990a4c9594820d748aa1c6458742a5",icon:this.icon,color:"white"}),n("slot",{key:"9b72c3dc62e9dfc9fe7cc0415d0ea0f67ea0d47f"}))))}};r.style=o;export{r as pn_page_nav_item};
-//# sourceMappingURL=p-8773152d.entry.js.map
+import{r as e,c as t,g as i,h as n,a}from"./p-43660913.js";const s="pn-page-nav-item{position:relative;color:#ffffff;margin-right:0.5em;z-index:2;white-space:nowrap;scroll-snap-align:center;outline:none;-webkit-tap-highlight-color:transparent;transform:translateZ(0)}pn-page-nav-item a{text-decoration:none;color:#ffffff;height:100%;width:100%;padding:0.5em;font-weight:500;border-radius:3em;border:0.0625em solid transparent;display:inline-flex;align-items:center;cursor:pointer;outline:none;transition:box-shadow 0.15s}pn-page-nav-item a:focus{box-shadow:0 0 0 0.1em #d3cecb}pn-page-nav-item a>pn-icon{margin-right:0.5em}pn-page-nav-item:last-of-type{margin-right:0}";const o=s;const r=class{constructor(i){e(this,i);this.itemselection=t(this,"itemselection",7);this.value=undefined;this.href=undefined;this.icon=undefined}get hostElement(){return i(this)}itemselection;select(e){if(this.value&&!this.href)e.preventDefault();this.itemselection.emit(this.value)}render(){return n(a,{key:"661feb5107ecf8dadaa62f137d8dd8ca54e83de7"},n("li",{key:"39f97a818c74ab3740592d997fc0ea9cf7ae9129"},n("a",{key:"a5528e3389075f88328bc8f64d608830f9c882ba",href:this.href||"#",class:"pn-page-nav-item",onClick:e=>this.select(e)},this.icon&&n("pn-icon",{key:"bee33613667acc22c223ed8192a0751df8186129",icon:this.icon,color:"white"}),n("slot",{key:"15d6a38762c81898f15f93f99eac390b92dc6209"}))))}};r.style=o;export{r as pn_page_nav_item};
+//# sourceMappingURL=p-10532427.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-ffe79fa4.entry.js → p-11ef58ab.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as e,c as t,g as n,h as s,a as i}from"./p-43660913.js";import{u as a}from"./p-f64d17a6.js";const o="pn-segment{position:relative;color:#005d92;margin-right:0.5em;z-index:2;white-space:nowrap;scroll-snap-align:center;outline:none;-webkit-tap-highlight-color:transparent;transform:translateZ(0)}pn-segment:last-of-type{margin-right:0}pn-segment .pn-segment{cursor:pointer;margin:0;padding:0;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-tap-highlight-color:transparent}pn-segment .pn-segment:disabled{cursor:not-allowed}pn-segment .pn-segment:disabled~.pn-segment-label{color:#5e554a}pn-segment .pn-segment:disabled~.pn-segment-label pn-icon .pn-icon-svg path{fill:#5e554a}pn-segment .pn-segment-label{height:100%;width:100%;padding:0.5em;border-radius:3em;font-weight:500;border:0.0625em solid transparent;display:inline-flex;gap:0.5em;align-items:center;-webkit-tap-highlight-color:transparent}";const r=o;const l=class{constructor(n){e(this,n);this.segmentHover=t(this,"segmentHover",7);this.label=undefined;this.name=undefined;this.value=undefined;this.selected=false;this.segmentid=this.id;this.icon=undefined;this.disabled=false}id=`pn-segment-${a()}`;get hostElement(){return n(this)}segmentHover;handleHover(e){this.segmentHover.emit(e)}render(){return s(i,{key:"c04c9f14d3b5436efb16cd391eb2bbc64be74b38",onMouseEnter:e=>this.handleHover(e)},s("input",{key:"8e755a9c00f5f058e6dcacfb14000fa6ea2916a8",class:"pn-segment",id:this.segmentid,name:this.name,checked:this.selected,type:"radio",value:this.value,disabled:this.disabled}),s("label",{key:"dc13164594408f0cc3da2812fec29c280d09423b",htmlFor:this.segmentid,class:"pn-segment-label"},this.icon&&s("pn-icon",{key:"cb77aa8a7b2595b6a99eb2ff5f58230c934d3bc0",icon:this.icon,color:"blue700"}),s("span",{key:"a4368885dfc0b2d78d0c76df7e7dcaf2de479697",class:"pn-segment-text"},this.label,s("slot",{key:"20e1385578b7f7e52b3a1cc637b84461aa1ef216"}))))}};l.style=r;export{l as pn_segment};
-//# sourceMappingURL=p-ffe79fa4.entry.js.map
+import{r as e,c as t,g as n,h as s,a as i}from"./p-43660913.js";import{u as a}from"./p-f64d17a6.js";const d="pn-segment{position:relative;color:#005d92;margin-right:0.5em;z-index:2;white-space:nowrap;scroll-snap-align:center;outline:none;-webkit-tap-highlight-color:transparent;transform:translateZ(0)}pn-segment:last-of-type{margin-right:0}pn-segment .pn-segment{cursor:pointer;margin:0;padding:0;opacity:0;position:absolute;top:0;left:0;width:100%;height:100%;-webkit-tap-highlight-color:transparent}pn-segment .pn-segment:disabled{cursor:not-allowed}pn-segment .pn-segment:disabled~.pn-segment-label{color:#5e554a}pn-segment .pn-segment:disabled~.pn-segment-label pn-icon .pn-icon-svg path{fill:#5e554a}pn-segment .pn-segment-label{height:100%;width:100%;padding:0.5em;border-radius:3em;font-weight:500;border:0.0625em solid transparent;display:inline-flex;gap:0.5em;align-items:center;-webkit-tap-highlight-color:transparent}";const o=d;const r=class{constructor(n){e(this,n);this.segmentHover=t(this,"segmentHover",7);this.label=undefined;this.name=undefined;this.value=undefined;this.selected=false;this.segmentid=this.id;this.icon=undefined;this.disabled=false}id=`pn-segment-${a()}`;get hostElement(){return n(this)}segmentHover;handleHover(e){this.segmentHover.emit(e)}render(){return s(i,{key:"aefe64a8e024e1677b3816973b9a91dc1048cb56",onMouseEnter:e=>this.handleHover(e)},s("input",{key:"4d36074e76de1648020c31d30ad38d8a67ca3984",class:"pn-segment",id:this.segmentid,name:this.name,checked:this.selected,type:"radio",value:this.value,disabled:this.disabled}),s("label",{key:"1e6e54d9140bd27266d426ad4e9ecf68f505a7ee",htmlFor:this.segmentid,class:"pn-segment-label"},this.icon&&s("pn-icon",{key:"5733ce0a43d33337785771da3071c0c9043fbdde",icon:this.icon,color:"blue700"}),s("span",{key:"07759d481e84a914e8c0525d0b21fcc85356c3db",class:"pn-segment-text"},this.label,s("slot",{key:"de3a243b862d18555f1073165f1b8b817d86aa04"}))))}};r.style=o;export{r as pn_segment};
+//# sourceMappingURL=p-11ef58ab.entry.js.map

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

@@ -0,0 +1,6 @@
+/*!
+ * Built with Stencil
+ * By PostNord.
+ */
+import{r as t,c as a,g as s,h as e,a as n}from"./p-43660913.js";import{r as o,k as i,o as r,e as p}from"./p-f64d17a6.js";import{a as c}from"./p-9a18b612.js";import{a as d}from"./p-fc06684e.js";import{c as l}from"./p-ffa37a87.js";import{c as h}from"./p-92b0338a.js";const 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="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>';const u=f;const b={HIDE:{sv:"Stäng meddelande",en:"Dismiss message",da:"Afvis besked",fi:"Hylkää viesti",no:"Avvis meldingen"}};const m="pn-toast{position:relative;display:block}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){pn-toast .pn-toast{transition-duration:0s;transition-delay:0s}}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}}pn-toast .pn-toast[data-hide]{visibility:hidden;transition-delay:0.2s}pn-toast .pn-toast-heading{font-size:1em;font-style:normal;font-weight:500;margin:0}pn-toast .pn-toast-text{font-size:1em;font-style:normal;font-weight:400;margin:0 0 0.25em 0}pn-toast .pn-toast-text:last-child{margin-bottom:0}pn-toast .pn-toast-icon .pn-icon-svg path{fill:#2d2013}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}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);outline:0.2rem solid transparent;outline-offset:0.2rem}@media (prefers-reduced-motion: reduce){pn-toast .pn-toast-button{transition-duration:0s;transition-delay:0s}}pn-toast .pn-toast-button:focus-visible{outline-color:#005d92;background-color:#8eddf9}pn-toast .pn-toast-button:hover{background-color:#8eddf9}pn-toast .pn-toast[data-appearance=success]{background-color:#dcf6e7}pn-toast .pn-toast[data-appearance=success] .pn-toast-button{outline:0.2rem solid transparent;outline-offset:0.2rem}pn-toast .pn-toast[data-appearance=success] .pn-toast-button:focus-visible{outline-color:#005e41;background-color:#abe3bb}pn-toast .pn-toast[data-appearance=success] .pn-toast-button:hover{background-color:#abe3bb}pn-toast .pn-toast[data-appearance=success] .pn-ripple{background-color:#005e41}pn-toast .pn-toast[data-appearance=success] .pn-toast-icon .pn-icon-svg path{fill:#005e41}pn-toast .pn-toast[data-appearance=success][data-temporary]{border-color:#005e41}pn-toast .pn-toast[data-appearance=warning]{background-color:#fff1e3}pn-toast .pn-toast[data-appearance=warning] .pn-toast-button{outline:0.2rem solid transparent;outline-offset:0.2rem}pn-toast .pn-toast[data-appearance=warning] .pn-toast-button:focus-visible{outline-color:#99290a;background-color:#ffc8a3}pn-toast .pn-toast[data-appearance=warning] .pn-toast-button:hover{background-color:#ffc8a3}pn-toast .pn-toast[data-appearance=warning] .pn-ripple{background-color:#99290a}pn-toast .pn-toast[data-appearance=warning] .pn-toast-icon .pn-icon-svg path{fill:#99290a}pn-toast .pn-toast[data-appearance=warning][data-temporary]{border-color:#ed7123}pn-toast .pn-toast[data-appearance=error]{background-color:#fdefee}pn-toast .pn-toast[data-appearance=error] .pn-toast-button{outline:0.2rem solid transparent;outline-offset:0.2rem}pn-toast .pn-toast[data-appearance=error] .pn-toast-button:focus-visible{outline-color:#a70707;background-color:#fbc2c1}pn-toast .pn-toast[data-appearance=error] .pn-toast-button:hover{background-color:#fbc2c1}pn-toast .pn-toast[data-appearance=error] .pn-ripple{background-color:#a70707}pn-toast .pn-toast[data-appearance=error] .pn-toast-icon .pn-icon-svg path{fill:#a70707}pn-toast .pn-toast[data-appearance=error][data-temporary]{border-color:#a70707}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)}";const g=m;const y=class{constructor(s){t(this,s);this.close=a(this,"close",7);this.hidden=a(this,"hidden",7);this.isClosing=false;this.isExpanding=false;this.hasSlottedContent=false;this.heading="";this.text="";this.toastId=undefined;this.appearance=undefined;this.temporary=false;this.icon=undefined;this.illustration=undefined;this.hide=false;this.closable=false;this.language=null}toast;button;duration=400;animationDuration=this.duration;animation;get hostElement(){return s(this)}handleHide(){if(o())this.animationDuration=0;else this.animationDuration=this.duration;this.hostElement.style.overflow="hidden";requestAnimationFrame((()=>{if(this.hide)this.closeToast();else this.openToast()}))}close;hidden;async componentWillLoad(){if(this.hide){this.hostElement.style.height="0";this.hostElement.style.overflow="hidden"}if(this.language===null)await i(this.hostElement);this.hasSlottedContent=!!this.hostElement.textContent}componentDidLoad(){if(!!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")}getRect(t){return t.getBoundingClientRect()}openToast(){requestAnimationFrame((()=>{const{clientHeight:t}=this.toast;const{height:a}=this.getRect(this.hostElement);this.hostElement.style.height=`${a}px`;this.isExpanding=true;this.animateToast(true,`${a}px`,`${t}px`)}))}closeToast(){const{clientHeight:t}=this.hostElement;this.hostElement.style.height=`0px`;this.isClosing=true;this.animateToast(false,`${t}px`,`0px`)}animateToast(t,a,s){this.cancelAnimations();this.animation=this.hostElement.animate({height:[a,s]},{duration:this.animationDuration,easing:"cubic-bezier(0.6, 0, 0.2, 1)"});this.animation.onfinish=()=>this.animationFinish();this.animation.oncancel=()=>t?this.isExpanding=false:this.isClosing=false}animationFinish(){this.cancelAnimations();if(this.hide)this.hidden.emit(this.hide);else{this.hostElement.style.height="";this.hostElement.style.overflow=""}this.isClosing=false;this.isExpanding=false}cancelAnimations(){if(this.animation)this.animation.cancel()}handleClick(t){this.hide=true;this.close.emit(this.hide);r(t,this.toast)}getIcon(){if(this.illustration)return"";if(this.icon)return this.icon;if(this.appearance==="success")return l;if(this.appearance==="warning")return u;if(this.appearance==="error")return c;return d}getRole(){return this.appearance==="error"?"alert":"status"}showIcon(){return!this.illustration}showIllustration(){return!this.showIcon()}showTitle(){return(this.hasSlottedContent||!!this.text)&&!!this.heading}translate(t){return b?.[t]?.[this.language||p]||t}isMoving(){return this.isClosing||this.isExpanding}hideToast(){return this.hide&&!this.isMoving()}render(){return e(n,{key:"b0f490bf139ccd8682e8d43f75ae99f6d5e4a054"},e("div",{key:"8bdd1b6525b579d06b82d762e56c0ec34c4bb822",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()&&e("pn-icon",{key:"fc5626dbbe0f5a5939179f02be8e1e70eec22ebd",class:"pn-toast-icon",icon:this.getIcon()}),e("div",{key:"f1aabfdd5d9e62d895cd4cfdaf31a7abb92e0749",class:"pn-toast-content"},this.showTitle()&&e("h4",{key:"6267fa5e2eb67c8a0d16506db0586f9b2fa6b18a",class:"pn-toast-heading"},this.heading),this.text&&e("p",{key:"b1a2ee4468223afc9c43bb57f3aa72c38d86cb1c",class:"pn-toast-text"},this.text),e("slot",{key:"2508212f2afc63d3faa5a189dd9ddba33cff3eaa"})),this.showIllustration()&&e("pn-illustration",{key:"bee93e5623aa57d1a1f765dd6ad13a8cdd1ea1d8",illustration:this.illustration,width:"5.5em",height:"5.5em"}),this.closable&&e("button",{key:"0db9441d732d60bd37446c92b0df34e44f1f61e9",class:"pn-toast-button",type:"button","aria-label":this.translate("HIDE"),onClick:t=>this.handleClick(t),ref:t=>this.button=t},e("pn-icon",{key:"a1325ada64366284633932d4ba775e67b3ae6f59",icon:h}))))}static get watchers(){return{hide:["handleHide"]}}};y.style=g;export{y as pn_toast};
+//# sourceMappingURL=p-16fb83d9.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/p-16fb83d9.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["icon","alert_exclamation_triangle","translations","HIDE","sv","en","da","fi","no","pnToastCss","PnToastStyle0","PnToast","toast","button","duration","animationDuration","this","animation","handleHide","reduceMotion","hostElement","style","overflow","requestAnimationFrame","hide","closeToast","openToast","close","hidden","componentWillLoad","height","language","awaitTopbar","hasSlottedContent","textContent","componentDidLoad","heading","text","console","warn","getRect","element","getBoundingClientRect","clientHeight","isExpanding","animateToast","isClosing","open","startHeight","endHeight","cancelAnimations","animate","easing","onfinish","animationFinish","oncancel","emit","cancel","handleClick","event","ripple","getIcon","illustration","appearance","check_circle","alert_exclamation_circle","alert_info_circle","getRole","showIcon","showIllustration","showTitle","translate","prop","isMoving","hideToast","render","h","Host","key","id","toastId","class","role","temporary","ref","el","width","closable","type","onClick"],"sources":["node_modules/pn-design-assets/pn-assets/icons/alert_exclamation_triangle.js","src/components/feedback/pn-toast/translation.ts","src/components/feedback/pn-toast/pn-toast.scss?tag=pn-toast","src/components/feedback/pn-toast/pn-toast.tsx"],"sourcesContent":["const icon = '<svg class=\"pn-icon-svg\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"#000\" fill-rule=\"evenodd\" d=\"M12.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>';\nexport const alert_exclamation_triangle = icon;\nexport const alertExclamationTriangle = icon;\n","export const translations = {\n  HIDE: {\n    sv: 'Stäng meddelande',\n    en: 'Dismiss message',\n    da: 'Afvis besked',\n    fi: 'Hylkää viesti',\n    no: 'Avvis meldingen',\n  },\n};\n","@use 'src/globals/main';\n\npn-toast {\n  position: relative;\n  display: block;\n}\n\npn-toast .pn-toast {\n  position: relative;\n\n  color: main.$gray900;\n  padding: 1em;\n  border-radius: 0.5em;\n\n  outline: none;\n  font-size: 1em;\n  font-weight: 400;\n  background-color: main.$blue50;\n  border-color: main.$blue700;\n\n  display: flex;\n  align-items: center;\n  gap: 0.75em;\n\n  visibility: visible;\n\n  @include main.pn-transition('visibility');\n\n  @include main.pn-ripple(main.$blue700);\n\n  &[data-hide] {\n    visibility: hidden;\n    transition-delay: main.$timing;\n  }\n\n  &-heading {\n    font-size: 1em;\n    font-style: normal;\n    font-weight: 500;\n    margin: 0;\n  }\n\n  &-text {\n    font-size: 1em;\n    font-style: normal;\n    font-weight: 400;\n    margin: 0 0 0.25em 0;\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  &-icon .pn-icon-svg path {\n    fill: main.$gray900;\n  }\n\n  &-content {\n    display: flex;\n    flex-direction: column;\n    align-self: center;\n    align-items: flex-start;\n    gap: 0.25em;\n    margin: 0 auto 0 0;\n  }\n\n  &-button {\n    cursor: pointer;\n    border-radius: 50%;\n    border: none;\n    background: none;\n    padding: 0.25em;\n    font-size: 1em;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    @include main.pn-transition('background-color, outline-color');\n\n    @include main.pn-focus(main.$blue700, main.$blue200);\n\n    &:hover {\n      background-color: main.$blue200;\n    }\n  }\n\n  &[data-appearance='success'] {\n    background-color: main.$green50;\n\n    .pn-toast-button {\n      @include main.pn-focus(main.$green700, main.$green200);\n\n      &:hover {\n        background-color: main.$green200;\n      }\n    }\n\n    .pn-ripple {\n      background-color: main.$green700;\n    }\n\n    .pn-toast-icon .pn-icon-svg path {\n      fill: main.$green700;\n    }\n\n    &[data-temporary] {\n      border-color: main.$green700;\n    }\n  }\n\n  &[data-appearance='warning'] {\n    background-color: main.$orange50;\n\n    .pn-toast-button {\n      @include main.pn-focus(main.$orange700, main.$orange200);\n\n      &:hover {\n        background-color: main.$orange200;\n      }\n    }\n\n    .pn-ripple {\n      background-color: main.$orange700;\n    }\n\n    .pn-toast-icon .pn-icon-svg path {\n      fill: main.$orange700;\n    }\n\n    &[data-temporary] {\n      border-color: main.$orange500;\n    }\n  }\n\n  &[data-appearance='error'] {\n    background-color: main.$coral50;\n\n    .pn-toast-button {\n      @include main.pn-focus(main.$warning, main.$coral200);\n\n      &:hover {\n        background-color: main.$coral200;\n      }\n    }\n\n    .pn-ripple {\n      background-color: main.$warning;\n    }\n\n    .pn-toast-icon .pn-icon-svg path {\n      fill: main.$warning;\n    }\n\n    &[data-temporary] {\n      border-color: main.$warning;\n    }\n  }\n\n  &[data-temporary] {\n    border-style: solid;\n    border-width: 0.0625em;\n    box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.2);\n  }\n}\n","import type { PnLanguages } from '@/index';\nimport { awaitTopbar, en, ripple, reduceMotion } from '@/index';\nimport { Component, Host, Prop, h, Element, EventEmitter, Event, State, Watch } from '@stencil/core';\nimport {\n  alert_info_circle,\n  check_circle,\n  alert_exclamation_triangle,\n  alert_exclamation_circle,\n  close,\n} from 'pn-design-assets/pn-assets/icons.js';\nimport { translations } from './translation';\n\n/**\n * This component is able to fill many roles of a classic toast.\n * It has 4 different colors, a temporary state, hide button, icon and illustration support.\n *\n * The `pn-toast` will expand to its parent containers full width.\n * Either limit the parent width or set a CSS rule to your specific width if needed.\n */\n@Component({\n  tag: 'pn-toast',\n  styleUrl: 'pn-toast.scss',\n})\nexport class PnToast {\n  toast: HTMLDivElement;\n  button: HTMLButtonElement;\n\n  private readonly duration: number = 400;\n  private animationDuration: number = this.duration;\n  private animation: Animation;\n\n  @Element() hostElement: HTMLElement;\n\n  @State() isClosing = false;\n  @State() isExpanding = false;\n\n  @State() hasSlottedContent: boolean = false;\n\n  /**\n   * Set a title for the toast. Requires the `text` prop in order to work.\n   * @description Can be used together with slotted content.\n   */\n  @Prop() heading?: string = '';\n  /**\n   * Set a paragraph of text for the toast.\n   * @description Can be used together with slotted content.\n   */\n  @Prop() text?: string = '';\n  /** Give the toast a HTML ID. */\n  @Prop() toastId?: string;\n  /**\n   * Default color is blue, you also have the option of success (green), warning (orange) and error (red).\n   * @category Visual\n   */\n  @Prop() appearance?: '' | 'success' | 'warning' | 'error';\n  /**\n   * This will apply a shadow and border to the toast.\n   * @category Visual\n   */\n  @Prop() temporary: boolean = false;\n  /**\n   * Set an SVG icon.\n   * @category Visual\n   */\n  @Prop() icon?: string;\n  /**\n   * Set an SVG illustration.\n   * @category Visual\n   */\n  @Prop() illustration?: string;\n  /**\n   * Control the visibility of the toast. If the `closable` prop is active, the toast will set the `hide` prop on its own.\n   * @see {@link closable}\n   * @category Features\n   */\n  @Prop({ mutable: true, reflect: true }) hide: boolean = false;\n  /**\n   * Show close button.\n   * @category Features\n   */\n  @Prop() closable: boolean = false;\n  /**\n   * Manually set the language, only needed if the `closable` prop is enabled.\n   * @see {@link closable}\n   * @category Features\n   */\n  @Prop({ mutable: true }) language?: PnLanguages = null;\n\n  @Watch('hide')\n  handleHide() {\n    if (reduceMotion()) this.animationDuration = 0;\n    else this.animationDuration = this.duration;\n\n    this.hostElement.style.overflow = 'hidden';\n\n    requestAnimationFrame(() => {\n      if (this.hide) this.closeToast();\n      else this.openToast();\n    });\n  }\n\n  /** Event fired when the close button is pressed. */\n  @Event() close: EventEmitter<boolean>;\n  /**\n   * This event is fired when the toast is fully hidden after the animation is finished.\n   * Triggers from the close button or if the prop `hide` is set to true.\n   **/\n  @Event() hidden: EventEmitter<boolean>;\n\n  async componentWillLoad() {\n    if (this.hide) {\n      this.hostElement.style.height = '0';\n      this.hostElement.style.overflow = 'hidden';\n    }\n\n    if (this.language === null) await awaitTopbar(this.hostElement);\n    // Any text content at this stage means there is slotted content present.\n    this.hasSlottedContent = !!this.hostElement.textContent;\n  }\n\n  componentDidLoad() {\n    if (!!this.heading && !this.text && !this.hasSlottedContent)\n      console.warn('The %s prop is only available if you use the %s prop or slotted content.', 'heading', 'text');\n  }\n\n  private getRect(element: HTMLElement): DOMRect {\n    return element.getBoundingClientRect();\n  }\n\n  private openToast() {\n    requestAnimationFrame(() => {\n      const { clientHeight } = this.toast;\n      const { height } = this.getRect(this.hostElement);\n\n      this.hostElement.style.height = `${height}px`;\n\n      this.isExpanding = true;\n      this.animateToast(true, `${height}px`, `${clientHeight}px`);\n    });\n  }\n\n  private closeToast() {\n    const { clientHeight } = this.hostElement;\n    this.hostElement.style.height = `0px`;\n\n    this.isClosing = true;\n    this.animateToast(false, `${clientHeight}px`, `0px`);\n  }\n\n  private animateToast(open: boolean, startHeight: string, endHeight: string) {\n    this.cancelAnimations();\n    this.animation = this.hostElement.animate(\n      {\n        height: [startHeight, endHeight],\n      },\n      {\n        duration: this.animationDuration,\n        easing: 'cubic-bezier(0.6, 0, 0.2, 1)',\n      },\n    );\n    this.animation.onfinish = () => this.animationFinish();\n    this.animation.oncancel = () => (open ? (this.isExpanding = false) : (this.isClosing = false));\n  }\n\n  private animationFinish() {\n    this.cancelAnimations();\n    if (this.hide) this.hidden.emit(this.hide);\n    else {\n      this.hostElement.style.height = '';\n      this.hostElement.style.overflow = '';\n    }\n    this.isClosing = false;\n    this.isExpanding = false;\n  }\n\n  private cancelAnimations() {\n    if (this.animation) this.animation.cancel();\n  }\n\n  private handleClick(event: PointerEvent) {\n    this.hide = true;\n    this.close.emit(this.hide);\n    ripple(event, this.toast);\n  }\n\n  private getIcon(): string {\n    if (this.illustration) return '';\n    if (this.icon) return this.icon;\n    if (this.appearance === 'success') return check_circle;\n    if (this.appearance === 'warning') return alert_exclamation_triangle;\n    if (this.appearance === 'error') return alert_exclamation_circle;\n    return alert_info_circle;\n  }\n\n  private getRole(): string {\n    return this.appearance === 'error' ? 'alert' : 'status';\n  }\n\n  private showIcon(): boolean {\n    return !this.illustration;\n  }\n\n  private showIllustration(): boolean {\n    return !this.showIcon();\n  }\n\n  private showTitle(): boolean {\n    return (this.hasSlottedContent || !!this.text) && !!this.heading;\n  }\n\n  private translate(prop: string): string {\n    return translations?.[prop]?.[this.language || en] || prop;\n  }\n\n  private isMoving(): boolean {\n    return this.isClosing || this.isExpanding;\n  }\n\n  private hideToast(): boolean {\n    return this.hide && !this.isMoving();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div\n          id={this.toastId}\n          class=\"pn-toast\"\n          role={this.getRole()}\n          data-appearance={this.appearance}\n          data-temporary={this.temporary}\n          data-hide={this.hideToast()}\n          ref={el => (this.toast = el)}\n        >\n          {this.showIcon() && <pn-icon class=\"pn-toast-icon\" icon={this.getIcon()} />}\n\n          <div class=\"pn-toast-content\">\n            {this.showTitle() && <h4 class=\"pn-toast-heading\">{this.heading}</h4>}\n            {this.text && <p class=\"pn-toast-text\">{this.text}</p>}\n            <slot />\n          </div>\n\n          {this.showIllustration() && <pn-illustration illustration={this.illustration} width=\"5.5em\" height=\"5.5em\" />}\n\n          {this.closable && (\n            <button\n              class=\"pn-toast-button\"\n              type=\"button\"\n              aria-label={this.translate('HIDE')}\n              onClick={(event: PointerEvent) => this.handleClick(event)}\n              ref={el => (this.button = el)}\n            >\n              <pn-icon icon={close} />\n            </button>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/umd/modules/@postnord/web-components/postnord-web-components/{p-d74ccbb2.entry.js → p-1cd57319.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as e,c as n,g as t,h as o}from"./p-43660913.js";import{a as i}from"./p-d82ef4a1.js";const a="pn-page-nav-dropdown-item:first-of-type li>a,pn-page-nav-dropdown-item:first-of-type li>button{border-radius:0.5em 0.5em 0 0}pn-page-nav-dropdown-item:last-of-type li>a,pn-page-nav-dropdown-item:last-of-type li>button{border-radius:0 0 0.5em 0.5em}pn-page-nav-dropdown-item:last-of-type li>hr{display:none}pn-page-nav-dropdown-item li{font-size:inherit}pn-page-nav-dropdown-item li>*{color:#ffffff;font-size:inherit;border:none;padding:1em;margin:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background 0.15s;outline:none;width:100%;font-weight:500}pn-page-nav-dropdown-item li>*>pn-icon{margin-left:1em}pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active{background:#005d92}pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active:hover,pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active:focus{background:#005d92}pn-page-nav-dropdown-item li>*:hover,pn-page-nav-dropdown-item li>*:focus{background:#0d234b}pn-page-nav-dropdown-item li>*:focus{box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb}pn-page-nav-dropdown-item li>a{text-decoration:none}pn-page-nav-dropdown-item li>button{background:none}pn-page-nav-dropdown-item li>hr{bottom:0;padding:0;margin:0 auto;border-top:0.0625em solid #d3cecb;opacity:0.6;width:85%}";const d=a;const p=class{constructor(t){e(this,t);this.itemselection=n(this,"itemselection",7);this.value=undefined;this.href=undefined;this.active=false}get hostElement(){return t(this)}itemselection;select(e){if(this.value&&!this.href)e.preventDefault();this.itemselection.emit(this.value)}setClassnames(){let e="pn-page-nav-dropdown-item ";if(this.active)e+="pn-page-nav-dropdown-item-active ";return e}getType(){return this.value?null:"button"}getTagName(){return this.value?"a":"button"}render(){const e=this.getTagName();return o("li",{key:"118b8decf6fe97a27767bc70926ccc3b350bea31"},o(e,{key:"1417fbd74d2bd8119789b1ddb5f395cf5ea5571d",href:this.href||"#",class:this.setClassnames(),type:this.getType(),onClick:e=>this.select(e),tabindex:"-1"},o("slot",{key:"51bdce9d5a7cdc1a7481ea13c49c11f073ae7660"}),o("pn-icon",{key:"63252ed87b9aaa6c2f26c4fe503e71b3d08169e9",icon:i,color:"white"})),o("hr",{key:"c7b2d942886b0aaafa859f3d564ba920ea07ca79"}))}};p.style=d;export{p as pn_page_nav_dropdown_item};
-//# sourceMappingURL=p-d74ccbb2.entry.js.map
+import{r as e,c as n,g as t,h as o}from"./p-43660913.js";import{a as i}from"./p-d82ef4a1.js";const a="pn-page-nav-dropdown-item:first-of-type li>a,pn-page-nav-dropdown-item:first-of-type li>button{border-radius:0.5em 0.5em 0 0}pn-page-nav-dropdown-item:last-of-type li>a,pn-page-nav-dropdown-item:last-of-type li>button{border-radius:0 0 0.5em 0.5em}pn-page-nav-dropdown-item:last-of-type li>hr{display:none}pn-page-nav-dropdown-item li{font-size:inherit}pn-page-nav-dropdown-item li>*{color:#ffffff;font-size:inherit;border:none;padding:1em;margin:0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:background 0.15s;outline:none;width:100%;font-weight:500}pn-page-nav-dropdown-item li>*>pn-icon{margin-left:1em}pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active{background:#005d92}pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active:hover,pn-page-nav-dropdown-item li>*.pn-page-nav-dropdown-item-active:focus{background:#005d92}pn-page-nav-dropdown-item li>*:hover,pn-page-nav-dropdown-item li>*:focus{background:#0d234b}pn-page-nav-dropdown-item li>*:focus{box-shadow:inset 0 0 0 0.1em #005d92, inset 0 0 0 0.2em #d3cecb}pn-page-nav-dropdown-item li>a{text-decoration:none}pn-page-nav-dropdown-item li>button{background:none}pn-page-nav-dropdown-item li>hr{bottom:0;padding:0;margin:0 auto;border-top:0.0625em solid #d3cecb;opacity:0.6;width:85%}";const d=a;const p=class{constructor(t){e(this,t);this.itemselection=n(this,"itemselection",7);this.value=undefined;this.href=undefined;this.active=false}get hostElement(){return t(this)}itemselection;select(e){if(this.value&&!this.href)e.preventDefault();this.itemselection.emit(this.value)}setClassnames(){let e="pn-page-nav-dropdown-item ";if(this.active)e+="pn-page-nav-dropdown-item-active ";return e}getType(){return this.value?null:"button"}getTagName(){return this.value?"a":"button"}render(){const e=this.getTagName();return o("li",{key:"f4bdc8d41ea761f0fcca047fe70678cb83a0d0ad"},o(e,{key:"facd7296d4d26b872548c21491a901719e3bb278",href:this.href||"#",class:this.setClassnames(),type:this.getType(),onClick:e=>this.select(e),tabindex:"-1"},o("slot",{key:"c70b49d7079403d41fe68d799f621b58a0f377c4"}),o("pn-icon",{key:"3731f2a595d7234c78fe33458f1d2cdb3544aa20",icon:i,color:"white"})),o("hr",{key:"f5da263701f5b73566353a58268cbe59c48db725"}))}};p.style=d;export{p as pn_page_nav_dropdown_item};
+//# sourceMappingURL=p-1cd57319.entry.js.map

package/umd/modules/@postnord/web-components/postnord-web-components/{p-adc6404b.entry.js → p-1e7c31ed.entry.js}

@@ -2,5 +2,5 @@
  * Built with Stencil
  * By PostNord.
  */
-import{r as i,c as t,h as e,a as s}from"./p-43660913.js";import{w as r}from"./p-9b57dd6e.js";const n='pn-progress-indicator-step{display:flex;flex:1 0 4em}pn-progress-indicator-step:first-child{flex:0 0 auto}pn-progress-indicator-step:first-child .progress-line{display:none}pn-progress-indicator-step:first-child .info-container{transform:translateX(-50%);left:50%}.pn-progress-indicator-step{position:relative;display:flex;flex:1 0 4em;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent}.pn-progress-indicator-step .circle{width:1.5em;height:1.5em;padding:0.3rem;border-radius:50%;background-color:#f3f2f2;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .circle{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step .info-container{position:absolute;bottom:-2.5em;right:0;transform:translateX(50%) translateX(-1.2rem);white-space:nowrap;color:#f3f2f2;display:flex;align-items:center;flex-direction:column;font-size:1em;font-weight:normal;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .info-container{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step .info-container .pn-icon-svg{height:1.7em;width:1.7em;margin-bottom:0.1em}.pn-progress-indicator-step .info-container .pn-icon-svg path,.pn-progress-indicator-step .info-container .pn-icon-svg polygon{fill:#f3f2f2}.pn-progress-indicator-step .progress-line{flex:1 1 auto;margin:auto 4px;height:0.8rem;background-color:#f3f2f2;position:relative;overflow:hidden;pointer-events:none;border-radius:10rem}.pn-progress-indicator-step .progress-line:after{content:"";position:absolute;top:0;left:0;height:0.8rem;width:100%;background-color:#005d92;transform:translateX(-100%);transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.2s}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .progress-line:after{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step.active .info-container{color:#000000}.pn-progress-indicator-step.active .info-container .pn-icon-svg path{fill:#000000}.pn-progress-indicator-step.active .info-container .pn-icon-svg polygon{fill:#000000}.pn-progress-indicator-step.activated{cursor:pointer}.pn-progress-indicator-step.done .progress-line:after,.pn-progress-indicator-step.active .progress-line:after{transform:translateX(0)}.pn-progress-indicator-step.done .circle,.pn-progress-indicator-step.active .circle{background-color:#005d92}.pn-progress-indicator-step.done .checkmark-path{stroke-linecap:round;stroke-dasharray:27;stroke-dashoffset:-23;animation:dash 0.2s cubic-bezier(0.55, 0, 0.1, 1) both}@keyframes dash{to{stroke-dashoffset:0}}';const o=n;const a=class{constructor(e){i(this,e);this.setactivestep=t(this,"setactivestep",7);this.activated=undefined;this.done=undefined;this.activeStep=undefined;this.index=undefined;this.name=undefined;this.checked=false;this.active=undefined}setactivestep;setActiveStepHandler(){if(this.done||this.activated){this.setactivestep.emit(this.index)}}componentWillLoad(){this.checkStatus()}componentDidUpdate(){this.checkStatus()}checkStatus(){if(!this.done){this.done=this.checked||this.activeStep>this.index}if(this.active==="yes"){this.activated=true}else if(this.active==="no"){this.activated=false;this.done=false}else if(!this.activated){this.activated=this.activeStep>=this.index}}getClassNames(){let i="pn-progress-indicator-step";if(this.done||this.checked)i+=" done";if(this.activated)i+=" activated";if(this.activeStep===this.index)i+=" active";return i}render(){return e(s,{key:"72cc83f88a80acff2dc2d379abddf32d1f7100a8",class:this.getClassNames(),onClick:()=>this.setActiveStepHandler()},e("div",{key:"39f44c9b4e625898d16278575894ed8f01261a89",class:"progress-line"}),e("div",{key:"17858a1e590a364b82db40088f0017a5ddfde37e",class:"info-container"},e("slot",{key:"bd8a6e97e2a0aa6e3a0ff0565069792dc4e5cd0e"}),this.name),e("div",{key:"0122ff04b13f3d610a036bd354333e5b4ed4b898",class:"circle"},this.done||this.checked?e("svg",{xmlns:"http://www.w3.org/2000/svg","enable-background":"new 0 0 24 24",id:"checkmark",version:"1.0",viewBox:"0 0 24 24"},e("polyline",{class:"checkmark-path",fill:"none",points:"20,6 9,17 4,12",stroke:r,"stroke-miterlimit":"10","stroke-width":"3"})):""))}};a.style=o;export{a as pn_progress_indicator_step};
-//# sourceMappingURL=p-adc6404b.entry.js.map
+import{r as i,c as t,h as e,a as s}from"./p-43660913.js";import{w as r}from"./p-9b57dd6e.js";const n='pn-progress-indicator-step{display:flex;flex:1 0 4em}pn-progress-indicator-step:first-child{flex:0 0 auto}pn-progress-indicator-step:first-child .progress-line{display:none}pn-progress-indicator-step:first-child .info-container{transform:translateX(-50%);left:50%}.pn-progress-indicator-step{position:relative;display:flex;flex:1 0 4em;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);-webkit-tap-highlight-color:transparent}.pn-progress-indicator-step .circle{width:1.5em;height:1.5em;padding:0.3rem;border-radius:50%;background-color:#f3f2f2;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .circle{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step .info-container{position:absolute;bottom:-2.5em;right:0;transform:translateX(50%) translateX(-1.2rem);white-space:nowrap;color:#f3f2f2;display:flex;align-items:center;flex-direction:column;font-size:1em;font-weight:normal;transition-property:color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .info-container{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step .info-container .pn-icon-svg{height:1.7em;width:1.7em;margin-bottom:0.1em}.pn-progress-indicator-step .info-container .pn-icon-svg path,.pn-progress-indicator-step .info-container .pn-icon-svg polygon{fill:#f3f2f2}.pn-progress-indicator-step .progress-line{flex:1 1 auto;margin:auto 4px;height:0.8rem;background-color:#f3f2f2;position:relative;overflow:hidden;pointer-events:none;border-radius:10rem}.pn-progress-indicator-step .progress-line:after{content:"";position:absolute;top:0;left:0;height:0.8rem;width:100%;background-color:#005d92;transform:translateX(-100%);transition-property:transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);transition-delay:0.2s}@media (prefers-reduced-motion: reduce){.pn-progress-indicator-step .progress-line:after{transition-duration:0s;transition-delay:0s}}.pn-progress-indicator-step.active .info-container{color:#000000}.pn-progress-indicator-step.active .info-container .pn-icon-svg path{fill:#000000}.pn-progress-indicator-step.active .info-container .pn-icon-svg polygon{fill:#000000}.pn-progress-indicator-step.activated{cursor:pointer}.pn-progress-indicator-step.done .progress-line:after,.pn-progress-indicator-step.active .progress-line:after{transform:translateX(0)}.pn-progress-indicator-step.done .circle,.pn-progress-indicator-step.active .circle{background-color:#005d92}.pn-progress-indicator-step.done .checkmark-path{stroke-linecap:round;stroke-dasharray:27;stroke-dashoffset:-23;animation:dash 0.2s cubic-bezier(0.55, 0, 0.1, 1) both}@keyframes dash{to{stroke-dashoffset:0}}';const o=n;const a=class{constructor(e){i(this,e);this.setactivestep=t(this,"setactivestep",7);this.activated=undefined;this.done=undefined;this.activeStep=undefined;this.index=undefined;this.name=undefined;this.checked=false;this.active=undefined}setactivestep;setActiveStepHandler(){if(this.done||this.activated){this.setactivestep.emit(this.index)}}componentWillLoad(){this.checkStatus()}componentDidUpdate(){this.checkStatus()}checkStatus(){if(!this.done){this.done=this.checked||this.activeStep>this.index}if(this.active==="yes"){this.activated=true}else if(this.active==="no"){this.activated=false;this.done=false}else if(!this.activated){this.activated=this.activeStep>=this.index}}getClassNames(){let i="pn-progress-indicator-step";if(this.done||this.checked)i+=" done";if(this.activated)i+=" activated";if(this.activeStep===this.index)i+=" active";return i}render(){return e(s,{key:"e5518f2d8c21c889738beb3a42e6865e7c64ac76",class:this.getClassNames(),onClick:()=>this.setActiveStepHandler()},e("div",{key:"b0f5f684ca12fda2b22b51945d3b0b41ab490fa3",class:"progress-line"}),e("div",{key:"8d05494d4cc77145e44270666b678cf48eb05a96",class:"info-container"},e("slot",{key:"864bea1ce3dd348be1abadcc3f8fb3757ac009b9"}),this.name),e("div",{key:"7d8394e5a4919404a137fd30ce125dfda5ed3034",class:"circle"},this.done||this.checked?e("svg",{xmlns:"http://www.w3.org/2000/svg","enable-background":"new 0 0 24 24",id:"checkmark",version:"1.0",viewBox:"0 0 24 24"},e("polyline",{class:"checkmark-path",fill:"none",points:"20,6 9,17 4,12",stroke:r,"stroke-miterlimit":"10","stroke-width":"3"})):""))}};a.style=o;export{a as pn_progress_indicator_step};
+//# sourceMappingURL=p-1e7c31ed.entry.js.map