https://www.postnord.com/dist/client/pn-multiselect.entry-20260923.js

1var w=Object.defineProperty;var S=(b,e,i)=>e in b?w(b,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):b[e]=i;var s=(b,e,i)=>S(b,typeof e!="symbol"?e+"":e,i);import{M as E,r as O,c as g,g as C,h as r,H as I,t}from"./client-20260923.js";import{a as T}from"./index-DyhO6xPY-20260923.js";import{a as L}from"./alert_exclamation_circle-B88w-Zxn-20260923.js";import{c as N}from"./chevron_down-DrYFvs2M-20260923.js";import{c as A}from"./close-BvuWkoyY-20260923.js";import{u as H,b as M,e as R,r as _,g as P,c as V}from"./index-202609233.js";import"./preload-helper-20260923.js";import"./helpers-20260923.js";import"./index-20260923.js";import"./index-202609232.js";/*!
2 * Built with Stencil
3 * By PostNord.
4 */const v={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"}},z=()=>`${t("pn-multiselect")}{display:inline-block}${t("pn-multiselect")} .pn-multiselect{position:relative;border:0;margin:0;padding:0}${t("pn-multiselect")} .pn-multiselect[data-icon]{--pn-input-offset-left:2em}${t("pn-multiselect")} .pn-multiselect[data-icon] .pn-multiselect-element{padding-left:2.75em}${t("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-label{color:#a70707}${t("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-label[data-compact]{color:#2d2013}${t("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element{padding-right:5.5em;border-color:#a70707}${t("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element:hover{border-color:#500715}${t("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element:focus-visible{background-color:#ffffff;border-color:#a70707;outline-color:#a70707}${t("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element:-webkit-autofill,${t("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element:-webkit-autofill:hover,${t("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element:-webkit-autofill:focus,${t("pn-multiselect")} .pn-multiselect[data-error] .pn-multiselect-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #fef7f6 inset;-webkit-text-fill-color:#2d2013}${t("pn-multiselect")} .pn-multiselect-label{width:100%;cursor:pointer;display:flex;justify-content:space-between;align-items:flex-end;font-weight:400;color:#2d2013;margin:0 0 0.25em 0;gap:0.5em;-webkit-tap-highlight-color:transparent;transition-property:color, transform;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-multiselect")} .pn-multiselect-label{transition-duration:0s;transition-delay:0s}}${t("pn-multiselect")} .pn-multiselect-label[data-compact]{position:absolute;top:1.5625em;

4left:calc(var(--pn-input-offset-left, 0px) + 0.75em + 0.0625em);margin:0;pointer-events:none;align-items:center;height:1.5em;max-width:calc(100% - (var(--pn-input-offset-left, 0px) + 0.75em) - (var(--pn-input-offset-right, 0px) + 0.75em));transform:translateY(-50%) scale(1) translateZ(0);transform-origin:0 0;transition-delay:0.2s}${t("pn-multiselect")} .pn-multiselect-label[data-compact]>span{font-size:1em;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.5em}${t("pn-multiselect")} .pn-multiselect-label>span{font-size:0.875em}${t("pn-multiselect")} .pn-multiselect-label[data-compact]{justify-content:start}${t("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}${t("pn-multiselect")} .pn-multiselect-group{position:relative;padding:0;margin:0}${t("pn-multiselect")} .pn-multiselect-input{position:relative}${t("pn-multiselect")} .pn-multiselect-input>${t("pn-icon")}{pointer-events:none;position:absolute;top:0.75em;right:3.5em}${t("pn-multiselect")} .pn-multiselect-input>${t("pn-icon")}[data-custom]{left:0.75em;right:unset}${t("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)}@media (prefers-reduced-motion: reduce){${t("pn-multiselect")} .pn-multiselect-button{transition-duration:0s;transition-delay:0s}}${t("pn-multiselect")} .pn-multiselect-button{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-multiselect")} .pn-multiselect-button:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${t("pn-multiselect")} .pn-multiselect-button>${t("pn-icon")} svg>path{transition-delay:0.2s;transform-origin:center;transform:rotate(0deg)}${t("pn-multiselect")} .pn-multiselect-button:hover{background-color:#effbff}${t("pn-multiselect")} .pn-multiselect-button[aria-expanded=true]{background-color:#effbff}${t("pn-multiselect")} .pn-multiselect-button[aria-expanded=true]>${t("pn-icon")} svg>path{transform:rotate(180deg);transition-delay:0s}${t("pn-multiselect")} .pn-multiselect-element{cursor:text;text-align:left;transition-delay:0.1s, 0.1s, 0s;width:100%;display:flex;align-items:center;justify-content:space-between;gap:0.5em;overflow:hidden;text-overflow:ellipsis;color:#2d2013;background-color:#ffffff;border:0.0625em solid #969087;border-radius:0.5em;padding:0.75em 3.5em 0.75em 0.75em;font-family:inherit;font-size:1em;font-weight:500;line-height:1.5em;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}${t("pn-multiselect")} .pn-multiselect-element:-webkit-autofill,${t("pn-multiselect")} .pn-multiselect-element:-webkit-autofill:hover,${t("pn-multiselect")} .pn-multiselect-element:-webkit-autofill:focus,${t("pn-multiselect")} .pn-multiselect-element:-webkit-autofill:active{-webkit-box-shadow:0 0 0 10em #e0f8ff inset;-webkit-text-fill-color:#2d2013}${t("pn-multiselect")} .pn-multiselect-element{outline:0.2rem solid transparent;outline-offset:0.2rem}${t("pn-multiselect")} .pn-multiselect-element:focus-visible{outline-color:#005d92;background-color:#ffffff;border-color:#005d92}${t("pn-multiselect")} .pn-multiselect-element{transition-property:outline-color, background-color, border-color, color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-multiselect")} .pn-multiselect-element{transition-duration:0s;transition-delay:0s}}${t("pn-multiselect")} .pn-multiselect-element[data-compact]{text-align:left;padding-top:1.125em;padding-bottom:0.375em;max-width:unset}${t("pn-multiselect")} .pn-multiselect-element[data-compact]::placeholder{color:transparent}${t("pn-multiselect")} .pn-multiselect-element[data-compact]:focus+.pn-multiselect-label,${t("pn-multiselect")} .pn-multiselect-element[data-compact]:not(:placeholder-shown)+.pn-multiselect-label{transform:translateY(-85%) scale(0.75);transition-delay:0s}${t("pn-multiselect")} .pn-multiselect-element::placeholder{color:#5e554a;font-weight:normal}${t("pn-multiselect")} .pn-multiselect-element:hover{border-color:#005d92}${t("pn-multiselect")} .pn-multiselect-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${t("pn-multiselect")} .pn-multiselect-element:disabled{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2;pointer-events:none}${t("pn-multiselect")} .pn-multiselect-element:disabled+.pn-multiselect-button{pointer-events:none}${t("pn-multiselect")} .pn-multiselect-element:disabled+.pn-multiselect-button path{fill:#5e554a}${t("pn-multiselect")} .pn-multiselect-element:placeholder{color:#5e554a;font-weight:normal}${t("pn-multiselect")} .pn-multiselect-element[type=input]:hover{cursor:pointer;color:#2d2013;background-color:#effbff;transition-delay:0s}${t("pn-multiselect")} .pn-multiselect-element[type=input]:hover[aria-invalid=true]{background-color:#fdefee}${t("pn-multiselect")} .pn-multiselect-element:focus-visible{transition-delay:0s}${t("pn-multiselect")} .pn-multiselect-element::-webkit-search-cancel-button,${t("pn-multiselect")} .pn-multiselect-element::-webkit-search-decoration{-webkit-appearance:none;-moz-appearance:none;appearance:none}${t("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:clamp(100%, 95vw, 20em);max-height:var(--pn-select-max-height);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;visibility:hidden;transform-origin:top left;transform:translateX(var(--pn-select-options-offset, 0))}${t("pn-multiselect")} .pn-multiselect-options[data-open]{visibility:visible}${t("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)}${t("pn-multiselect")} .pn-multiselect-options[data-moving]{overflow:hidden;visibility:visible}${t("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar{background-color:#ffffff;width:0.875em;border-radius:0.5em}${t("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar-track{background-color:#ffffff;border-radius:0.5em}${t("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar-thumb{cursor:pointer;background-color:#969087;border-radius:1em;border:0.25em solid #ffffff}${t("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar-thumb:hover{background-color:#5e554a}${t("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar-corner,${t("pn-multiselect")} .pn-multiselect-options::-webkit-scrollbar-button{display:none}${t("pn-multiselect")} .pn-multiselect-options>${t("pn-input")}{padding:0.5em}${t("pn-multiselect")} .pn-multiselect-optgroup{list-style:none;padding:0}${t("pn-multiselect")} .pn-multiselect-optgroup>.pn-multiselect-option>.pn-multiselect-option-content{padding-left:2em}${t("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}${t("pn-multiselect")} .pn-multiselect-chips:empty{display:none}${t("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){${t("pn-multiselect")} .pn-multiselect-chip{transition-duration:0s;transition-delay:0s}}${t("pn-multiselect")} .pn-multiselect-chip:focus-within{color:#005d92;outline-color:#005d92;background-color:#effbff;border-color:#005d92}${t("pn-multiselect")} .pn-multiselect-chip[data-count]{pointer-events:none;border:0;padding-left:0;padding-right:0;background-color:unset}${t("pn-multiselect")} .pn-multiselect-chip-label{font-size:0.875em;white-space:nowrap}${t("pn-multiselect")}

4 .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%;-webkit-tap-highlight-color:transparent;transition-property:background-color;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-multiselect")} .pn-multiselect-chip-button{transition-duration:0s;transition-delay:0s}}${t("pn-multiselect")} .pn-multiselect-chip-button:hover{background-color:#8eddf9}${t("pn-multiselect")} .pn-multiselect-chip-button:focus{outline:0}${t("pn-multiselect")} .pn-multiselect-no-results{margin:0;padding:0.75em}${t("pn-multiselect")} .pn-multiselect-text{color:#5e554a;font-size:0.875em;font-weight:400;margin:0.25em 0 0 0;display:flex;flex-direction:column;gap:0.25em}${t("pn-multiselect")} .pn-multiselect-text[hidden]{display:none}${t("pn-multiselect")} .pn-multiselect-text[role=alert]{color:#a70707}${t("pn-multiselect")} .pn-multiselect-option{position:relative;margin:0;padding:0}${t("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}}${t("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}${t("pn-multiselect")} .pn-multiselect-option-input:disabled{pointer-events:none}${t("pn-multiselect")} .pn-multiselect-option-input:disabled+.pn-multiselect-option-content{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2;pointer-events:none}${t("pn-multiselect")} .pn-multiselect-option-input:disabled+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#f3f2f2;border-color:#969087}${t("pn-multiselect")} .pn-multiselect-option-input:disabled+.pn-multiselect-option-content .pn-icon-svg path{fill:#5e554a}${t("pn-multiselect")} .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content{color:#5e554a;background-color:#f3f2f2;border-color:#f3f2f2}${t("pn-multiselect")} .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#969087;border-color:#969087}${t("pn-multiselect")} .pn-multiselect-option-input:disabled:checked+.pn-multiselect-option-content .pn-icon-svg path{fill:#5e554a}${t("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#a70707}${t("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]+.pn-multiselect-option-content .pn-ripple{background-color:#a70707}${t("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked+.pn-multiselect-option-content{background-color:#fdefee}${t("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#a70707;border-color:#a70707}${t("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked:focus-visible+.pn-multiselect-option-content{background-color:#fdefee}${t("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}${t("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:checked:hover+.pn-multiselect-option-content{background-color:#fef7f6}${t("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}${t("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:hover+.pn-multiselect-option-content{background-color:#fef7f6}${t("pn-multiselect")} .pn-multiselect-option-input[aria-invalid=true]:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#fdefee;border-color:#a70707}${t("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}${t("pn-multiselect")} .pn-multiselect-option-input:hover+.pn-multiselect-option-content{background-color:#effbff}${t("pn-multiselect")} .pn-multiselect-option-input:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#005d92;background-color:#e0f8ff}${t("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}${t("pn-multiselect")} .pn-multiselect-option-input:checked+.pn-multiselect-option-content{background-color:#e0f8ff}${t("pn-multiselect")} .pn-multiselect-option-input:checked+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#005d92;background-color:#005d92}${t("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}${t("pn-multiselect")} .pn-multiselect-option-input:checked:hover+.pn-multiselect-option-content{background-color:#effbff}${t("pn-multiselect")} .pn-multiselect-option-input:checked:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#0d234b;background-color:#0d234b}${t("pn-multiselect")} .pn-multiselect-option-input:checked:focus-visible+.pn-multiselect-option-content{background-color:#e0f8ff}${t("pn-multiselect")} .pn-multiselect-option-input:checked:focus-visible+.pn-multiselect-option-content .pn-multiselect-option-checkbox{border-color:#0d234b;background-color:#0d234b}${t("pn-multiselect")} .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#005d92;border-color:#005d92}${t("pn-multiselect")} .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content svg .pn-multiselect-option-checkbox-checkmark-path{stroke-dashoffset:23}${t("pn-multiselect")} .pn-multiselect-option-input:indeterminate+.pn-multiselect-option-content svg .pn-multiselect-option-checkbox-indeterminate-path{stroke-dashoffset:0}${t("pn-multiselect")} .pn-multiselect-option-input:indeterminate:hover+.pn-multiselect-option-content .pn-multiselect-option-checkbox{background-color:#0d234b;border-color:#0d234b}${t("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){${t("pn-multiselect")} .pn-multiselect-option-content{transition-duration:0s;transition-delay:0s}}${t("pn-multiselect")} .pn-multiselect-option-text{flex:1;text-overflow:ellipsis;overflow:hidden}${t("pn-multiselect")} .pn-multiselect-option-helper{color:#5e554a;margin:0}${t("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){${t("pn-multiselect")} .pn-multiselect-option-checkbox{transition-duration:0s;transition-delay:0s}}${t("pn-multiselect")} .pn-multiselect-option-checkbox svg polyline{stroke:#ffffff;stroke-linecap:round;stroke-dasharray:23;transition-delay:0s;transition-property:stroke-dashoffset;transition-duration:0.2s;transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1)}@media (prefers-reduced-motion: reduce){${t("pn-multiselect")} .pn-multiselect-option-checkbox svg polyline{transition-duration:0s;transition-delay:0s}}${t("pn-multiselect")} .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-checkmark-path{stroke-dashoffset:23}${t("pn-multiselect")} .pn-multiselect-option-checkbox svg polyline.pn-multiselect-option-checkbox-indeterminate-path{stroke-dashoffset:23}

4`,B=class extends E(T){constructor(e){super();s(this,"id",`pn-multiselect-${H()}`);s(this,"idLegend",`${this.id}-legend`);s(this,"idButton",`${this.id}-button`);s(this,"idOptions",`${this.id}-options`);s(this,"idHelper",`${this.id}-text`);s(this,"idError",`${this.id}-error`);s(this,"idChips",`${this.id}-chips`);s(this,"idSr",`${this.id}-sr`);s(this,"elGroup");s(this,"elButton");s(this,"elInput");s(this,"elList");s(this,"elChips");s(this,"srTimer");s(this,"isSearching",!1);s(this,"open",!1);s(this,"upwards",!1);s(this,"srMessage");s(this,"label");s(this,"helpertext");s(this,"language");s(this,"name");s(this,"selectName");s(this,"placeholder");s(this,"required",!1);s(this,"disabled",!1);s(this,"options");s(this,"compact",!1);s(this,"icon");s(this,"selectAll",!1);s(this,"allValue","pn_multiselect_all");s(this,"search",!1);s(this,"searchQuery","");s(this,"itemCount",5);s(this,"maxHeight");s(this,"top",!1);s(this,"bottom",!1);s(this,"invalid",!1);s(this,"error");s(this,"pnId");s(this,"pnAriaLabel");s(this,"pnAriaLabelledby");s(this,"selectId");s(this,"toggleSelect");s(this,"allOptions");s(this,"selectedOption");s(this,"selectedAllOptions");s(this,"searchInput");s(this,"globalEvents",e=>{const i=e.target;(!this.hostElement.contains(i)||(e==null?void 0:e.key)==="Escape")&&this.toggleOpen(!1)});O(this,e),this.toggleSelect=g(this,"toggleSelect",7),this.allOptions=g(this,"allOptions",7),this.selectedOption=g(this,"selectedOption",7),this.selectedAllOptions=g(this,"selectedAllOptions",7),this.searchInput=g(this,"searchInput",7)}get hostElement(){return C(this)}handleOpen(){this.open?(this.addGlobalEventListeners(),this.handleDirection(),this.handleMaxHeight(),this.handleOffset()):this.removeGlobalEventListeners(),this.dropdownHandler()}handleSearch(){this.search||(this.options=[...this.options.map(e=>{var n;const i={...e,hide:!1};return(n=i==null?void 0:i.group)!=null&&n.length&&i.group.map(l=>({...l,hide:!1})),i})])}handleSearchQuery(){this.search&&typeof this.searchQuery=="string"&&this.handleInputSearch()}handleSelectId(){const e=this.getId();this.idLegend=`${e}-legend`,this.idButton=`${e}-button`,this.idOptions=`${e}-options`,this.idHelper=`${e}-text`,this.idError=`${e}-error`,this.idChips=`${e}-chips`,this.idSr=`${e}-sr`}handleResize(){this.open&&(this.toggleOpen(!1),this.elGroup.style.removeProperty("--pn-select-max-height"),this.elGroup.style.removeProperty("--pn-select-options-offset"))}async componentWillLoad(){this.language===void 0&&await M(this.hostElement)}componentDidLoad(){var e;(e=this.searchQuery)!=null&&e.length&&this.handleSearchQuery()}getId(){return this.pnId||this.selectId||this.id}hasHelperText(){var e;return((e=this.helpertext)==null?void 0:e.length)>0||this.checkSlottedHelper()}hasErrorMessage(){var e;return((e=this.error)==null?void 0:e.length)>0||this.checkSlottedError()}hasError(){return this.hasErrorMessage()||this.invalid}checkSlottedHelper(){return!!this.hostElement.querySelector("[slot=helpertext]")}checkSlottedError(){return!!this.hostElement.querySelector("[slot=error]")}hideHelpertext(){return this.hasErrorMessage()||!this.hasHelperText()}hideError(){return!this.hasErrorMessage()}addGlobalEventListeners(){this.hostElement.getRootNode().addEventListener("click",this.globalEvents)}removeGlobalEventListeners(){this.hostElement.getRootNode().removeEventListener("click",this.globalEvents)}dropdownHandler(){this.open?this.openDropdown(this.elList):this.closeDropdown(this.elList)}emitEvents(e,i){if(this.allOptions.emit(this.options),e)return this.selectedOption.emit(e);const n={checked:i,searching:this.isSearching};this.search&&this.optionsTotal()!==this.optionsSearch().length&&(n.query=this.searchQuery,n.found=this.optionsSearch()),this.selectedAllOptions.emit(n)}optionsChecked(){var i;return(i=this.options)==null?void 0:i.reduce((n,l)=>{const o=l.group?[...l.group.filter(({checked:c})=>c)]:[];return l.checked&&n.push(l),o!=null&&o.length&&n.push(...o),n},[])}optionsTotal(){var e;return(e=this.options)==null?void 0:e.reduce((i,n)=>{var l;return i+((l=n==null?void 0:n.group)!=null&&l.length?n.group.length+1:1)},0)}optionsIndex(e){var o;const i=({group:c=[]})=>c==null?void 0:c.findIndex(({value:a})=>a===e),n=this.options.findIndex(c=>c.value===e||i(c)!==-1),l=i((o=this.options)==null?void 0:o[n]);return{indexGroup:n,indexNested:l}}optionsCheckedTotal(){var e;return(e=this.optionsChecked())==null?void 0:e.length}optionsCheckedPreview(){var e;return(e=this.optionsChecked())==null?void 0:e.slice(0,this.itemCount)}optionsCheckedLabels(){var e,i,n;return(n=(i=(e=this.optionsChecked())==null?void 0:e.map(({label:l})=>l))==null?void 0:i.join(", "))==null?void 0:n.trim()}optionsSearch(){var i;return(i=this.options)==null?void 0:i.reduce((n,l)=>{const o=l.group?[...l.group.filter(({hide:c})=>!c)]:[];return l.hide||n.push(l),o!=null&&o.length&&n.push(...o),n},[])}noResults(){var e;return((e=this.optionsSearch())==null?void 0:e.length)===0}isIndeterminate(e){var n,l;const i=(n=this.options)==null?void 0:n[e];if((l=i==null?void 0:i.group)!=null&&l.length){const o=i.group.every(({checked:a})=>a),c=i.group.every(({checked:a})=>!a);return!(o||c)}return!1}optionSelect({val:e,checked:i,chip:n}){var d;if(e===this.allValue)return this.optionSelectAll(i);const l=this.options,{indexGroup:o,indexNested:c}=this.optionsIndex(e),a=(d=l[o])==null?void 0:d.group,p=a==null?void 0:a[c];p!=null&&p.value?(l[o].group[c].checked=i,(a==null?void 0:a.every(({checked:f})=>f))?l[o].checked=!0:l[o].checked=!1):(l[o].checked=i,a!=null&&a.length&&(l[o].group=a==null?void 0:a.map(m=>({...m,checked:i}))));const u=c===-1?l[o]:l[o].group[c];this.emitEvents(u),this.options=[...l],typeof n=="number"&&(this.handleSrMesssage(`${this.translate("REMOVED")}

4 ${u.label}`),requestAnimationFrame(()=>{var h;const m=n===this.optionsCheckedTotal()?n-1:n,f=(h=Array.from(this.elChips.children))==null?void 0:h[m];f==null||f.querySelector("button").focus({preventScroll:!0})}))}optionSelectAll(e){this.options=[...this.options.map(i=>{var o,c;const n={...i,checked:this.isSearching&&i.hide?i.checked:e};n.group&&(n.group=[...n.group.map(a=>({...a,checked:this.isSearching&&a.hide?a.checked:e}))]);const l=(o=n==null?void 0:n.group)==null?void 0:o.every(({checked:a})=>a);return(c=n==null?void 0:n.group)!=null&&c.length&&(n.checked=l),n})],this.emitEvents(null,e)}optionSelected(e){var i;return!!((i=this.optionsChecked())!=null&&i.find(({value:n,checked:l})=>n===e&&l))}translate(e){var n;const i=(n=v==null?void 0:v[e])==null?void 0:n[this.language||R];return i.includes("{number}")?i.replace("{number}",this.optionsSearch().length):i}getRect(e){return e==null?void 0:e.getBoundingClientRect()}ripple({clientX:e,clientY:i,target:n}){const l=e===0&&i===0,o=n.nextElementSibling,{x:c,width:a,y:p,top:u}=this.getRect(o),d=l?{clientX:c+a-24,clientY:p-u}:{clientX:e,clientY:i};_(d,o)}handleSrMesssage(e){this.srMessage=e,clearTimeout(this.srTimer),this.srTimer=setTimeout(()=>this.srMessage=null,2e3)}handleDirection(){if(this.top)return this.upwards=!0;if(this.bottom)return this.upwards=!1;const{bottom:e,top:i}=this.getRect(this.elInput),n=16,l=window.innerHeight-e-n,o=i-n;this.upwards=o/2>l}handleMaxHeight(){if(this.maxHeight)return this.elGroup.style.setProperty("--pn-select-max-height",this.maxHeight);const{bottom:e,top:i}=this.getRect(this.elInput),n=this.upwards?i:e,l=P(),o=this.upwards?l+16:16,c=this.upwards?n-o:window.innerHeight-n-o;this.elGroup.style.setProperty("--pn-select-max-height",`${Math.ceil(c)}px`)}handleOffset(){this.elGroup.style.removeProperty("--pn-select-options-offset"),requestAnimationFrame(()=>{const{left:e,right:i}=this.getRect(this.elList),l=V()+8,o=window.innerWidth-8;let c=0;e<l?c=l-e:i>o&&(c=o-i),c!==0&&this.elGroup.style.setProperty("--pn-select-options-offset",`${Math.floor(c)}px`)})}setFocus(){this.search?this.elInput.focus({preventScroll:!0}):this.elButton.focus({preventScroll:!0})}toggleOpen(e){typeof e=="boolean"&&e===this.open||(this.open=e??!this.open,this.toggleSelect.emit({open:this.open}))}handleInputKeyboard(e){e.stopImmediatePropagation();const{code:i}=e;if(i==="Escape")return this.toggleOpen(!1);!this.open&&i.match(/^(Space|Enter)$|Arrow|^Key.*$/)&&this.toggleOpen()}setSearchQuery(e){this.open||this.toggleOpen(!0),this.searchQuery=e}handleInputSearch(){if(this.isEmpty())return;const e=this.searchQuery,i=({label:l,helpertext:o,value:c})=>`${l} ${o} ${c}`.trim().toLowerCase().includes(e.toLowerCase()),n=this.options.map(l=>{var a,p;const o=((a=l==null?void 0:l.group)==null?void 0:a.map(u=>({...u,hide:!i(u)})))||[],c=i(l)||(o==null?void 0:o.some(({hide:u})=>!u));return l.hide=!c,(p=l==null?void 0:l.group)!=null&&p.length&&(l.group=[...o]),l});this.isSearching=e!=="",this.options=[...n],this.searchInput.emit({query:e,found:this.optionsSearch()})}getListItem(e){const{value:i}=this.options[e];return this.elList.querySelector(`.pn-multiselect-option-input[value='${i}']`)}getOptionIndex(e,i,n){const l=this.optionsTotal()-1;if(n==="End")return l;if(n==="Home")return 0;const o=this.options.findIndex(({value:p})=>p===e),c=i.find(p=>typeof p=="number"),a=o+c;return a>=l?l:a<=0?0:a}checkboxNav(e,i){var $;const{code:n}=e,l=n==="ArrowUp"&&-1,o=n==="ArrowDown"&&1,c=n==="PageUp"&&-10,a=n==="PageDown"&&10,p=n==="Home"&&0,u=n==="End"&&this.optionsTotal()-1,d=n==="Tab",m=n==="Space",f=n==="Enter",h=n==="Escape",k=[l,o,c,a,p,u,d,m,f,h];if(!k.some(y=>typeof y=="number"||y)||d||m||f)return;if(e.stopImmediatePropagation(),e.preventDefault(),h)return this.setFocus(),this.toggleOpen(!1);const x=this.getOptionIndex(i,k,n);return($=this.getListItem(x))==null?void 0:$.focus()}handleBlur(e){var o;const i=e.target;((o=e.relatedTarget||i)==null?void 0:o.className)==="pn-multiselect-chip-button"&&this.toggleOpen(!1)}handleLabel(){this.disabled||this.setFocus()}isEmpty(){var e;return(((e=this.options)==null?void 0:e.length)||0)===0}showSelectAll(){return this.selectAll&&!this.isEmpty()&&!this.noResults()}showEmptyOption(){return this.isSearching&&this.noResults()||this.isEmpty()}getPlaceholder(){const e=this.search?"SEARCH":"SELECT_AN_OPTION";return this.placeholder||this.translate(e)}handleChange({target:e}){const{value:i,checked:n}=e;this.optionSelect({val:i,checked:n})}additonalOptions(){const e=this.optionsCheckedTotal()-this.itemCount,i=`MORE_OPTION${e===1?"":"S"}`;return`${e} ${this.translate(i)}`}displayLabel(){return!!this.label}getAriaLabel(){return!this.displayLabel()&&!this.pnAriaLabelledby?this.pnAriaLabel:null}getAriaLabelledby(){return this.displayLabel()?this.idLegend:this.pnAriaLabel?null:this.pnAriaLabelledby}describedBy(){const e=[];return this.search&&e.push(this.idChips),this.srMessage&&e.push(this.idSr),this.hasHelperText()&&!this.hasErrorMessage()&&e.push(this.idHelper),this.hasErrorMessage()&&e.push(this.idError),e.length?e.join(" "):null}renderItemIcon(e,i){return(this.open||this.isMoving())&&!!e&&!i}renderOption({label:e,value:i,checked:n,helpertext:l,icon:o,id:c=`${this.getId()}-${i||e}`,invalid:a,disabled:p,hide:u,group:d},m,f){return r("li",{class:"pn-multiselect-option",key:c,hidden:u},r("input",{type:"checkbox",id:c,class:"pn-multiselect-option-input",checked:n??this.optionSelected(i),indeterminate:f===void 0&&this.isIndeterminate(m),name:this.name,value:i,disabled:this.disabled||p,required:this.required,"aria-invalid":a?"true":null,"aria-describedby":l?`${c}-helper`:null,onClick:h=>this.ripple(h),onKeyDown:h=>this.checkboxNav(h,i),onBlur:h=>this.handleBlur(h)}),r("div",{class:"pn-multiselect-option-content"},this.renderItemIcon(o,u)&&r("pn-icon",{icon:o,color:"blue900"}),r("div",{class:"pn-multiselect-option-text"},r("label",{class:"pn-multiselect-option-label",htmlFor:c},r("span",null,e)),l&&r("p",{class:"pn-multiselect-option-helper",id:`${c}-helper`},l)),r("div",{class:"pn-multiselect-option-checkbox"},r("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24",fill:"none"},r("polyline",{class:"pn-multiselect-option-checkbox-checkmark-path",points:"4,12 9,17 20,6","stroke-width":"3"}),r("polyline",{class:"pn-multiselect-option-checkbox-indeterminate-path",points:"4,12 20,12","stroke-width":"3"})))),(d==null?void 0:d.length)&&r("ul",{class:"pn-multiselect-optgroup"},d==null?void 0:d.map((h,k)=>this.renderOption(h,m,k))))}renderOptions(){var e;return r("ul",{id:this.idOptions,class:"pn-multiselect-options","data-open":this.open,"data-upwards":this.upwards,onChange:i=>this.handleChange(i),style:{height:"0px"},ref:i=>this.elList=i},this.showSelectAll()&&this.renderOption({label:this.translate(`SELECT_${this.isSearching?"FOUND":"ALL"}_OPTIONS`),value:this.allValue,checked:this.optionsTotal()===this.optionsCheckedTotal()}),(e=this.options)==null?void 0:e.map((i,n)=>this.renderOption(i,n)),this.showEmptyOption()&&r("li",{class:"pn-multiselect-option"},r("div",{class:"pn-multiselect-option-content",role:"alert"},r("div",{class:"pn-multiselect-option-text"},r("span",{class:"pn-multiselect-option-label"},this.translate(this.isEmpty()?"NO_OPTIONS":"NO_SEARCH_RESULTS"))))))}renderChips(){var e;return r("ul",{id:this.idChips,class:"pn-multiselect-chips","aria-label":this.translate("SELECTED_OPTIONS"),ref:i=>this.elChips=i},(e=this.optionsCheckedPreview())==null?void 0:e.map(({label:i,value:n,icon:l},o)=>r("li",{class:"pn-multiselect-chip","aria-setsize":this.optionsCheckedTotal(),"aria-posinset":o+1,key:`${i}-${n}`},!!l&&r("pn-icon",{icon:l,small:!0}),r("span",{class:"pn-multiselect-chip-label"},i),r("button",{type:"button",class:"pn-multiselect-chip-button","aria-label":`${this.translate("REMOVE")} ${i}`,onClick:()=>this.optionSelect({val:n,checked:!1,chip:o})},r("pn-icon",{icon:A,small:!0,color:"blue700"})))),this.optionsCheckedTotal()>this.itemCount&&r("li",{class:"pn-multiselect-chip","data-count":!0},r("span",{class:"pn-multiselect-chip-label"},"+ ",this.additonalOptions())))}renderLabel(e=!1){var o;if(!this.label)return null;const i=e?"div":"legend",n=e?null:this.idLegend,l=e?{inert:!0}:{onClick:()=>this.handleLabel()};return r(i,{id:n,class:{"pn-multiselect-label":!0,"pn-multiselect-sr-only":this.compact&&!e},"data-compact":this.compact,...l},r("span",null,this.label),!!((o=this.optionsChecked())!=null&&o.length)&&r("span",null,this.optionsCheckedTotal(),"/",this.optionsTotal()))}render(){var e;return r(I,{key:"a0ecbc763c7fe2e742a2737a13ccb25049ca5d2c"},r("fieldset",{key:"e34a6c4a098b8509985300c6101f28810a2624e5",class:"pn-multiselect","data-icon":!!this.icon,"data-error":this.hasError(),disabled:this.disabled},this.renderLabel(),r("div",{key:"4af7e657d83cd4eb9d1f7aef7c41e91c204e8b49",class:"pn-multiselect-group",ref:i=>this.elGroup=i},r("div",{key:"f5d0ab6e61dfac0c19a3ba86230c3da6e14efde5",class:"pn-multiselect-input"},!!this.icon&&r("pn-icon",{key:"2bb3a5906b9624c14b912dae42ab0f266be28708",class:"pn-multiselect-icon","data-custom":!0,icon:this.icon}),r("input",{key:"40bf05bdcdfc7d20d11c7d463863727e5d6aff2e",tabindex:this.search?null:"-1",type:this.search?"search":"input",id:this.getId(),class:"pn-multiselect-element",value:this.search?this.searchQuery:this.optionsCheckedLabels(),name:this.selectName,placeholder:this.getPlaceholder(),required:this.search?null:this.required,"aria-label":this.getAriaLabel(),"aria-labelledby":this.getAriaLabelledby(),"aria-describedby":this.describedBy(),"aria-controls":`${this.idOptions} ${this.search?this.idChips:""}`,"aria-invalid":(e=this.hasError())==null?void 0:e.toString(),disabled:this.disabled,readonly:!this.search,"data-compact":this.compact,onClick:()=>this.search&&this.open?null:this.toggleOpen(),onKeyDown:i=>this.handleInputKeyboard(i),onBlur:i=>this.handleBlur(i),onInput:i=>this.search&&this.setSearchQuery(i.target.value),ref:i=>this.elInput=i}),this.compact&&this.renderLabel(!0),this.hasError()&&r("pn-icon",{key:"cb667952d2f8c5d2d651781f15ff74b6b775e042",class:"pn-multiselect-icon","data-error":!0,icon:L,color:"warning"}),r("button",{key:"94b05fea39ded60eab60763fdb84a9b711ae8162",id:this.idButton,type:"button",class:"pn-multiselect-button","aria-label":this.translate(`BUTTON_${this.open?"CLOSE":"OPEN"}`),"aria-describedby":this.search?null:this.getId(),"aria-controls":this.idOptions,"aria-expanded":this.open.toString(),onClick:()=>this.toggleOpen(),ref:i=>this.elButton=i},r("pn-icon",{key:"eeaafee94ca176871092ceeb80d963fccc31dcec",class:"pn-multiselect-icon",icon:N,color:"blue700"}))),this.renderOptions()),r("p",{key:"2b769d32ed6692b99a19c125c5177eb375095e68",id:this.idHelper,class:"pn-multiselect-text",hidden:this.hideHelpertext()},r("span",{key:"dc43a1985211d85923e3085d44cb2b368e2582a4"},this.helpertext),r("slot",{key:"f0f4cd86c528644a133f7c9db51251a77265e15f",name:"helpertext"}

4)),r("p",{key:"718171d4d2c510d70c562a188ef25eacf60ea039",id:this.idError,class:"pn-multiselect-text",role:"alert",hidden:this.hideError()},r("span",{key:"2b0cfd1042189fb60d96e3d43001f3ff6794cb4e"},this.error),r("slot",{key:"e381d819a3de5c550816309f097ae37c713b604e",name:"error"})),this.search&&this.renderChips(),r("slot",{key:"6f7731063585b04cc851a5790ec77fff209baa03"}),this.search&&r("p",{key:"f4df41d21ebc5219a86fbc90947285635df86d13",id:this.idSr,class:"pn-multiselect-sr-only",role:"alert","aria-live":"assertive"},this.srMessage&&r("span",{key:"6d24d915b81ef53a1eb210d3c7d0a85184ea1e88"},this.srMessage))))}static get watchers(){return{open:[{handleOpen:0}],search:[{handleSearch:0}],searchQuery:[{handleSearchQuery:0}],selectId:[{handleSelectId:0}],pnId:[{handleSelectId:1}]}}};B.style=z();export{B as pn_multiselect};