@baloise/ds-core 20.0.0-next.10 → 20.0.0-next.11

package/dist/design-system/p-2c5430a940.entry.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
- */
-import{D as t,J as s,x as e,E as i,F as o,I as r}from"./p-DYOV_tWc.js";import{_ as a,L as n,a as l}from"./p-C8QRVzNq.js";import{i as c}from"./p-B62ocg4Q.js";import{s as h}from"./p-Ympglpu_.js";import{w as d}from"./p-Dcf7YMP0.js";import{F as u}from"./p-w-N17JIZ.js";import{I as p}from"./p-BRYPu0SP.js";import{T as m}from"./p-DSgT3f2g.js";import{O as v}from"./p-DyWEj7Or.js";import{L as g}from"./p-CJSVPuWq.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-B4bB-8Lq.js";var f=class{main;placeholder;values;single;multiString;max;value;valueText;valueDelete;valueOut;deselect;deselectPath;arrow;arrowClose;arrowOpen;content;contentOpen;dirAbove;dirBelow;search;searchHighlighter;searching;status;addable;addablePath;list;optgroup;optgroupLabel;optgroupLabelText;optgroupActions;optgroupSelectAll;optgroupSelectAllBox;optgroupSelectAllCheck;optgroupClosable;option;optionDelete;highlighted;modalOverlay;modalDialog;modalTitle;modalClose;modalContent;mainOpen;close;selected;error;disabled;hide;constructor(t){t||={};let s=(t="",s="")=>`${t} ${s}`.trim();this.main=s("ss-main",t.main),this.placeholder=s("ss-placeholder",t.placeholder),this.values=s("ss-values",t.values),this.single=s("ss-single",t.single),this.multiString=s("ss-multi-string",t.multiString),this.max=s("ss-max",t.max),this.value=s("ss-value",t.value),this.valueText=s("ss-value-text",t.valueText),this.valueDelete=s("ss-value-delete",t.valueDelete),this.valueOut=s("ss-value-out",t.valueOut),this.deselect=s("ss-deselect",t.deselect),this.deselectPath=t.deselectPath||"M10,10 L90,90 M10,90 L90,10",this.arrow=s("ss-arrow",t.arrow),this.arrowClose=t.arrowClose||"M10,30 L50,70 L90,30",this.arrowOpen=t.arrowOpen||"M10,70 L50,30 L90,70",this.content=s("ss-content",t.content),this.contentOpen=s("ss-open",t.contentOpen),this.dirAbove=s("ss-dir-above",t.dirAbove),this.dirBelow=s("ss-dir-below",t.dirBelow),this.search=s("ss-search",t.search),this.searchHighlighter=s("ss-search-highlight",t.searchHighlighter),this.searching=s("ss-searching",t.searching),this.status=s("ss-status",t.status),this.addable=s("ss-addable",t.addable),this.addablePath=t.addablePath||"M50,10 L50,90 M10,50 L90,50",this.list=s("ss-list",t.list),this.optgroup=s("ss-optgroup",t.optgroup),this.optgroupLabel=s("ss-optgroup-label",t.optgroupLabel),this.optgroupLabelText=s("ss-optgroup-label-text",t.optgroupLabelText),this.optgroupActions=s("ss-optgroup-actions",t.optgroupActions),this.optgroupSelectAll=s("ss-selectall",t.optgroupSelectAll),this.optgroupSelectAllBox=t.optgroupSelectAllBox||"M15,15 L85,15 L85,85 L15,85 Z",this.optgroupSelectAllCheck=t.optgroupSelectAllCheck||"M25,50 L42,68 L75,32",this.optgroupClosable=s("ss-closable",t.optgroupClosable),this.option=s("ss-option",t.option),this.optionDelete=t.optionDelete||"M10,10 L90,90 M10,90 L90,10",this.highlighted=s("ss-highlighted",t.highlighted),this.modalOverlay=s("ss-modal-overlay",t.modalOverlay),this.modalDialog=s("ss-modal-dialog",t.modalDialog),this.modalTitle=s("ss-modal-title",t.modalTitle),this.modalClose=s("ss-modal-close",t.modalClose),this.modalContent=s("ss-modal-content",t.modalContent),this.mainOpen=s("ss-open",t.mainOpen),this.close=s("ss-close",t.close),this.selected=s("ss-selected",t.selected),this.error=s("ss-error",t.error),this.disabled=s("ss-disabled",t.disabled),this.hide=s("ss-hide",t.hide)}getFirst(t){return this[t].split(" ")[0]}},b=200,w=["transform","opacity"];function x(t,s=b){return function(t,s=b){let e=t.trim();if(!e)return s;if(e.endsWith("ms")){let t=parseFloat(e);return Number.isNaN(t)?s:t}if(e.endsWith("s")){let t=parseFloat(e);return Number.isNaN(t)?s:1e3*t}let i=parseFloat(e);return Number.isNaN(i)?s:i}(getComputedStyle(t).getPropertyValue("--ss-animation-timing").trim(),s)}function k(t,s,e=b){let i=x(t,e)+50;return void 0===s?i:Math.max(i,s)}function y(){return!(typeof window>"u"||"function"!=typeof window.matchMedia)&&window.matchMedia("(prefers-reduced-motion: reduce)").matches}function _(t,s,e=b,i){if(y()||i?.aborted)return Promise.resolve();let o=function(t){return void 0===t?null:new Set(Array.isArray(t)?t:[t])}(s);return new Promise((s=>{let r=null,a=!1,n=()=>{a||(a=!0,t.removeEventListener("transitionend",c),i?.removeEventListener("abort",l),r&&clearTimeout(r),s())},l=()=>n(),c=s=>{s.target===t&&(o&&(!o.has(s.propertyName)||(o.delete(s.propertyName),o.size>0))||n())};i?.addEventListener("abort",l,{once:!0}),t.addEventListener("transitionend",c),r=setTimeout(n,e)}))}function C(t,s,e=b,i){return y()||i?.aborted?Promise.resolve():new Promise((i=>{let o=null,r=!1,a=()=>{r||(r=!0,t.removeEventListener("animationend",n),o&&clearTimeout(o),i())},n=e=>{e.target===t&&(e.animationName!==s||a())};t.addEventListener("animationend",n),o=setTimeout(a,e)}))}var O=class{id="";style="";class=[];isMultiple=!1;isOpen=!1;isFullOpen=!1;disabled;alwaysOpen;showSearch;focusSearch;keepSearch;ariaLabel;searchPlaceholder;searchText;searchingText;resultsText;deselectText;removeText;searchHighlight;closeOnSelect;contentLocation;contentPosition;contentWidth;openPosition;placeholderText;allowDeselect;hideSelected;multiString;keepOrder;showOptionTooltips;minSelected;maxSelected;timeoutDelay;maxValuesShown;maxValuesMessage;addableText;selectAll;selectAllText;unselectAllText;modal;modalTitle;constructor(t){t||={},this.id="ss-"+L(),this.style=t.style||"",this.class=t.class||[],this.disabled=void 0!==t.disabled&&t.disabled,this.alwaysOpen=void 0!==t.alwaysOpen&&t.alwaysOpen,this.showSearch=void 0===t.showSearch||t.showSearch,this.focusSearch=void 0===t.focusSearch?typeof window>"u"||window.innerWidth>=768:t.focusSearch,this.keepSearch=void 0!==t.keepSearch&&t.keepSearch,this.ariaLabel=t.ariaLabel||"Combobox",this.searchPlaceholder=t.searchPlaceholder||"Search...",this.searchText=t.searchText||"No Results",this.searchingText=t.searchingText||"Searching...",this.resultsText=t.resultsText||"{count} results available",this.deselectText=t.deselectText||"Clear",this.removeText=t.removeText||"Remove",this.searchHighlight=void 0!==t.searchHighlight&&t.searchHighlight,this.closeOnSelect=void 0===t.closeOnSelect||t.closeOnSelect,this.contentLocation=t.contentLocation||document.body,this.contentPosition=t.contentPosition||"absolute",this.contentWidth=t.contentWidth||"",this.openPosition=t.openPosition||"auto",this.placeholderText=void 0===t.placeholderText?"Select Value":t.placeholderText,this.allowDeselect=void 0!==t.allowDeselect&&t.allowDeselect,this.hideSelected=void 0!==t.hideSelected&&t.hideSelected,this.multiString=void 0!==t.multiString&&t.multiString,this.keepOrder=void 0!==t.keepOrder&&t.keepOrder,this.showOptionTooltips=void 0!==t.showOptionTooltips&&t.showOptionTooltips,this.minSelected=t.minSelected||0,this.maxSelected=t.maxSelected||1e3,this.timeoutDelay=t.timeoutDelay||200,this.maxValuesShown=t.maxValuesShown||20,this.maxValuesMessage=t.maxValuesMessage||"{number} selected",this.addableText=t.addableText||'Press "Enter" to add {value}',this.selectAll=void 0!==t.selectAll&&t.selectAll,this.selectAllText=t.selectAllText||"Select All",this.unselectAllText=t.unselectAllText||"Unselect All",this.modal=t.modal||"mobile",this.modalTitle=t.modalTitle||""}};function S(t){if(!t)return{};let s={};for(let e of Object.keys(t)){let i=t[e];void 0!==i&&(s[e]=i)}return s}function z(t){let s=t.cloneNode(!0);return s.querySelectorAll("select, option, optgroup, textarea, input, button").forEach((t=>t.remove())),s.textContent?.replace(/\s+/g," ").trim()||""}function L(){return Math.random().toString(36).substring(2,10)}function A(t,s){function e(t,e){return e&&t&&t.classList&&t.classList.contains(e)||e&&t&&t.dataset&&t.dataset.id&&t.dataset.id===s?t:null}return e(t,s)||function t(s,i){return s&&s!==document?e(s,i)?s:t(s.parentNode,i):null}(t,s)}function D(t,s=50,e=!1){let i;return function(...o){let r=self,a=e&&!i;clearTimeout(i),i=setTimeout((()=>{i=null,e||t.apply(r,o)}),s),a&&t.apply(r,o)}}function T(t,s){if(t.length!==s.length)return!1;let e=[...t].sort(),i=[...s].sort();return e.every(((t,s)=>t===i[s]))}var E=["id","value","text","html","defaultSelected","selected","display","disabled","placeholder","class","style","mandatory"];function P(t,s){switch(s){case"id":return t.id||"";case"value":return void 0===t.value?t.text||"":t.value||"";case"text":return t.text||"";case"html":return t.html||"";case"defaultSelected":return t.defaultSelected??!1;case"selected":return t.selected??!1;case"display":return t.display??!0;case"disabled":return t.disabled??!1;case"placeholder":return t.placeholder??!1;case"class":return t.class||"";case"style":return t.style||"";case"mandatory":return t.mandatory??!1;default:return t.data||{}}}function M(t){return!!t&&"object"==typeof t&&"label"in t&&"options"in t}function B(t,s){for(let e of E)if(P(t,e)!==P(s,e))return!1;return function(t,s){let e=Object.keys(t),i=Object.keys(s);if(e.length!==i.length)return!1;for(let i of e)if(t[i]!==s[i])return!1;return!0}(t.data||{},s.data||{})}function F(t,s){let e=t=>({id:t.id||"",label:t.label||"",selectAll:t.selectAll??!1,closable:t.closable||"off"}),i=e(t),o=e(s);if(i.id!==o.id||i.label!==o.label||i.selectAll!==o.selectAll||i.closable!==o.closable)return!1;let r=t.options||[],a=s.options||[];if(r.length!==a.length)return!1;for(let t=0;t<r.length;t++)if(!B(r[t],a[t]))return!1;return!0}var j=class{handlers;attached=!1;constructor(t){this.handlers=t}attach(t){this.attached||(this.attached=!0,window.addEventListener("resize",this.resizeHandler,!1),t.listenScroll&&window.addEventListener("scroll",this.scrollHandler,!1),document.addEventListener("visibilitychange",this.visibilityHandler))}attachDocumentClick(){document.addEventListener("click",this.handlers.onDocumentClick)}detachDocumentClick(){document.removeEventListener("click",this.handlers.onDocumentClick)}detach(t){this.attached&&(this.attached=!1,this.detachDocumentClick(),window.removeEventListener("resize",this.resizeHandler,!1),t.listenScroll&&window.removeEventListener("scroll",this.scrollHandler,!1),document.removeEventListener("visibilitychange",this.visibilityHandler))}resizeHandler=D((()=>{this.handlers.onWindowResize()}));scrollHandler=D((()=>{this.handlers.onWindowScroll()}));visibilityHandler=()=>{this.handlers.onVisibilityChange()}},I=class{handlers;options;state="closed";pendingTimer=null;waitResolvers=[];generation=0;animationAbort=null;constructor(t,s){this.handlers=t,this.options=s}get isOpen(){return"opening"===this.state||"open"===this.state}get isFullOpen(){return"open"===this.state}async requestOpen(){if("opening"===this.state||"open"===this.state)return;this.cancelPending();let t=++this.generation;this.handlers.beforeOpen&&this.handlers.beforeOpen(),this.state="opening",await this.waitForPhase("open",t),t===this.generation?(this.state="open",this.handlers.afterOpen&&this.handlers.afterOpen(),this.handlers.onOpenReady&&this.handlers.onOpenReady()):"opening"===this.state&&(this.state="closed")}async requestClose(t={source:"api",selectionChanged:!1}){if("closed"===this.state||"closing"===this.state||this.handlers.beforeClose&&!1===this.handlers.beforeClose(t))return!1;this.cancelPending();let s=++this.generation;return this.handlers.onClose&&this.handlers.onClose(t),this.state="closing",await this.waitForPhase("close",s),s===this.generation&&(this.state="closed",this.handlers.afterClose&&this.handlers.afterClose(),this.handlers.onCloseReady&&this.handlers.onCloseReady(),!0)}cancelPending(){this.generation++,this.animationAbort?.abort(),this.animationAbort=null,this.pendingTimer&&=(clearTimeout(this.pendingTimer),null);let t=this.waitResolvers.splice(0);for(let s of t)s()}destroy(){this.cancelPending(),this.state="closed"}waitForPhase(t,s){return new Promise((s=>{let e=!1,i=()=>{if(e)return;e=!0;let t=this.waitResolvers.indexOf(i);-1!==t&&this.waitResolvers.splice(t,1),s()};if(this.waitResolvers.push(i),this.options.waitForAnimation){let s=new AbortController;this.animationAbort=s,this.options.waitForAnimation(t,s.signal).catch((()=>{})).finally((()=>{this.animationAbort===s&&(this.animationAbort=null),i()}))}else this.pendingTimer=setTimeout((()=>{this.pendingTimer=null,i()}),this.options.timeoutDelay)})).then((()=>{}))}},R=class{id;value;text;html;defaultSelected;selected;display;disabled;placeholder;class;style;data;mandatory;constructor(t){this.id=t.id&&""!==t.id?t.id:L(),this.value=void 0===t.value?t.text||"":t.value||"",this.text=t.text||"",this.html=t.html||"",this.defaultSelected=void 0!==t.defaultSelected&&t.defaultSelected,this.selected=void 0!==t.selected&&t.selected,this.display=void 0===t.display||t.display,this.disabled=void 0!==t.disabled&&t.disabled,this.mandatory=void 0!==t.mandatory&&t.mandatory,this.placeholder=void 0!==t.placeholder&&t.placeholder,this.class=t.class||"",this.style=t.style||"",this.data=S(t.data)}},V=class{id;label;selectAll;closable;options;constructor(t){if(this.id=t.id&&""!==t.id?t.id:L(),this.label=t.label||"",this.selectAll=void 0!==t.selectAll&&t.selectAll,this.closable=t.closable||"off",this.options=[],t.options)for(let s of t.options)this.options.push(new R(s))}},N=class{selectType="single";data=[];selectedOrder=[];catalog=null;constructor(t,s){this.selectType=t,this.setData(s),this.snapshotCatalog()}validateDataArray(t){if(!Array.isArray(t))return Error("Data must be an array");for(let s of t)if(s)if(s instanceof V||"label"in s){if(!("label"in s))return Error("Optgroup must have a label");if("options"in s&&s.options)for(let t of s.options){let s=this.validateOption(t);if(s)return s}}else{if(!(s instanceof R||"text"in s))return Error("Data object must be a valid optgroup or option");{let t=this.validateOption(s);if(t)return t}}return null}validateOption(t){return"text"in t?null:Error("Option must have a text")}partialToFullData(t){let s=[];return t.forEach((t=>{if(t){if(t instanceof V||"label"in t){let e=[];"options"in t&&t.options&&t.options.forEach((t=>{e.push(new R(t))})),e.length>0&&s.push(new V(t))}(t instanceof R||"text"in t)&&s.push(new R(t))}})),s}snapshotCatalog(){this.catalog=this.cloneData(this.data)}getCatalogData(){return this.cloneData(this.catalog??this.data)}cloneData(t){return t.map((t=>t instanceof V?new V({id:t.id,label:t.label,selectAll:t.selectAll,closable:t.closable,options:t.options.map((t=>new R(t instanceof R?{...t}:t)))}):new R({...t})))}optionMatchesSelected(t,s){return t.id===s.id||""!==s.value&&""!==t.value&&t.value===s.value}findOptionInData(t,s){for(let e of t)if(e instanceof R){if(this.optionMatchesSelected(e,s))return e}else for(let t of e.options)if(this.optionMatchesSelected(t,s))return t;return null}setData(t,s=!1){let e=this.partialToFullData(t),i=[];if(s){i=this.getSelectedOptions();let t=[];i.forEach((s=>{this.findOptionInData(e,s)||t.push(s)})),this.data=[...t,...e];let s="single"===this.selectType&&0===i.length,o=i.map((t=>{let s=this.findOptionInData(this.data,t);return s?s.id:t.id}));this.setSelectedBy("id",o,s)}else this.data=e;!s&&"single"===this.selectType&&this.setSelectedBy("id",this.getSelected(),!1)}getData(t=!0){return this.filter(null,!0,t)}getDataOptions(t=!0){return this.filter(null,!1,t)}addOption(t,s=!1){if(s){let s=[new R(t)];this.setData(s.concat(this.getData()))}else this.setData(this.getData().concat(new R(t)))}setSelectedBy(t,s,e=!1){let i=null,o=!1,r=[];for(let e of this.data){if(e instanceof V)for(let a of e.options)i||=a,a.selected=!o&&s.includes(a[t]||""),a.selected&&(r.push(a),"single"===this.selectType&&(o=!0));e instanceof R&&(i||=e,e.selected=!o&&s.includes(e[t]),e.selected&&(r.push(e),"single"===this.selectType&&(o=!0)))}"single"===this.selectType&&i&&!o&&!e&&(i.selected=!0,r.push(i));let a=s.map((s=>r.find((e=>e[t]===s))?.id||""));this.selectedOrder=a}getSelected(){return this.getSelectedOptions().map((t=>t.id))}getSelectedValues(){return this.getSelectedOptions().map((t=>t.value))}getSelectedOptions(){let t=[];for(let s of this.data)if(s instanceof V)for(let e of s.options)e.selected&&t.push(e);else s.selected&&t.push(s);return t}getOptgroupByID(t){for(let s of this.data)if(s instanceof V&&s.id===t)return s;return null}getOptionByID(t){for(let s of this.data)if(s instanceof V){for(let e of s.options)if(e.id===t)return e}else if(s.id===t)return s;return null}getSelectType(){return this.selectType}getFirstOption(){let t=null;for(let s of this.data)if(s instanceof V?t=s.options[0]:s instanceof R&&(t=s),t)break;return t}search(t,s){return""===(t=t.trim())?this.getData(!1):this.filter((e=>s(e,t)),!0,!1)}createOptgroupView(t,s){let e=new V({id:t.id,label:t.label,selectAll:t.selectAll,closable:t.closable,options:[]});return e.options=s,e}filter(t,s,e=!0){let i=[];return this.data.forEach((o=>{if(o instanceof V){let r=[];if(o.options.forEach((o=>{(!t||t(o))&&(s?r.push(e?new R(o):o):i.push(e?new R(o):o))})),r.length>0)if(e){let t=new V(o);t.options=r,i.push(t)}else i.push(this.createOptgroupView(o,r))}o instanceof R&&(!t||t(o))&&i.push(e?new R(o):o)})),i}selectedOrderOptions(t){let s=[];return this.selectedOrder.forEach((e=>{let i=t.find((t=>t.id===e));i&&s.push(i)})),t.forEach((t=>{let e=!1;s.forEach((s=>{t.id!==s.id||(e=!0)})),e||s.push(t)})),s}},H=class{settings;store;callbacks;lastSelectedOption;lastRenderedOptions;optionsListIsFullData=!1;lastSearchFilterTerm="";main;content;classes;positionObserver=null;positionObserverRaf=0;lastObservedContentHeight=-1;overflowShiftRaf=0;modalElements=null;modalSessionActive=null;bodyScrollLocked=!1;savedBodyOverflow="";constructor(t,s,e,i){this.store=e,this.settings=t,this.classes=s,this.callbacks=i,this.lastSelectedOption=null,this.lastRenderedOptions=[],this.main=this.mainDiv(),this.content=this.contentDiv(),this.updateClassStyles(),this.updateAriaAttributes(),"relative"!==this.settings.contentPosition&&(this.content.main.style.top="-9999px",this.content.main.style.left="-9999px",this.content.main.style.margin="0",this.content.main.style.width="auto"),this.settings.contentLocation&&this.settings.contentLocation.appendChild(this.content.main),"off"!==this.settings.modal&&!this.settings.alwaysOpen&&(this.modalElements=this.createModalElements(),document.body.appendChild(this.modalElements.overlay))}requestClose(t,s){this.callbacks.close({source:t,option:s?.option,selectionChanged:s?.selectionChanged??!1})}selectionChanged(t,s){if(t.length!==s.length)return!0;let e=t.map((t=>t.id)).sort(),i=s.map((t=>t.id)).sort();return e.some(((t,s)=>t!==i[s]))}closeOnSingleSelectReclick(t){this.settings.closeOnSelect&&this.requestClose("select",{option:t,selectionChanged:!1})}addClasses(t,s){if(!s||""===s.trim())return;let e=s.split(" ").filter((t=>""!==t.trim()));for(let s of e)t.classList.add(s.trim())}removeClasses(t,s){if(!s||""===s.trim())return;let e=s.split(" ").filter((t=>""!==t.trim()));for(let s of e)t.classList.remove(s.trim())}enable(){this.removeClasses(this.main.main,this.classes.disabled),this.main.main.setAttribute("aria-disabled","false"),this.content.search.input.disabled=!1}disable(){this.addClasses(this.main.main,this.classes.disabled),this.main.main.setAttribute("aria-disabled","true"),this.content.search.input.disabled=!0}open(){this.main.arrow.path.setAttribute("d",this.classes.arrowOpen),this.main.main.setAttribute("aria-expanded","true");let t=this.resolveModalView();if(!t){let t="up"===this.settings.openPosition?this.classes.dirAbove:this.classes.dirBelow;this.addClasses(this.main.main,t),this.addClasses(this.content.main,t)}this.addClasses(this.content.main,this.classes.contentOpen),this.content.search.input.removeAttribute("aria-hidden"),t?this.showModal():this.moveContent();let s=this.store.getSelectedOptions();if(s.length){let t=this.content.list.querySelector('[data-id="'+s[s.length-1].id+'"]');t&&this.ensureElementInView(this.content.list,t)}}isModalViewActive(){return!0===this.modalSessionActive}resolveModalView(){return!(this.settings.alwaysOpen||"off"===this.settings.modal||!this.modalElements)&&(null===this.modalSessionActive&&(this.modalSessionActive=function(t,s=(typeof window<"u"?window.innerWidth:768)){return"on"===t||"mobile"===t&&s<768}(this.settings.modal)),this.modalSessionActive)}createModalElements(){let t=document.createElement("div");this.addClasses(t,this.classes.modalOverlay),this.addClasses(t,this.classes.hide),t.dataset.id=this.settings.id;let s=document.createElement("div");this.addClasses(s,this.classes.modalDialog),s.setAttribute("role","dialog"),s.setAttribute("aria-modal","true");let e=null;this.settings.modalTitle?(e=document.createElement("div"),this.addClasses(e,this.classes.modalTitle),e.id=`${this.settings.id}-modal-title`,e.textContent=this.settings.modalTitle,s.setAttribute("aria-labelledby",e.id)):s.setAttribute("aria-label",this.settings.ariaLabel);let i=document.createElement("button");i.type="button",this.addClasses(i,this.classes.modalClose),i.setAttribute("aria-label","Close"),i.onclick=t=>{t.stopPropagation(),this.requestClose("modal")};let o=document.createElementNS("http://www.w3.org/2000/svg","svg");o.setAttribute("viewBox","0 0 100 100");let r=document.createElementNS("http://www.w3.org/2000/svg","path");return r.setAttribute("d",this.classes.deselectPath),o.appendChild(r),i.appendChild(o),t.onclick=s=>{s.target===t&&this.requestClose("modal")},e&&s.appendChild(e),t.appendChild(s),{overlay:t,dialog:s,closeButton:i,title:e}}showModal(){this.modalElements&&(this.modalElements.dialog.appendChild(this.content.main),this.addClasses(this.content.main,this.classes.modalContent),this.content.main.appendChild(this.modalElements.closeButton),this.content.main.style.top="",this.content.main.style.left="",this.content.main.style.margin="",this.content.main.style.width="",this.removeClasses(this.modalElements.overlay,this.classes.hide),requestAnimationFrame((()=>{this.modalElements&&this.addClasses(this.modalElements.overlay,this.classes.contentOpen)})),this.lockBodyScroll())}lockBodyScroll(){this.bodyScrollLocked||=(this.savedBodyOverflow=document.body.style.overflow,document.body.style.overflow="hidden",!0)}unlockBodyScroll(){this.bodyScrollLocked&&(document.body.style.overflow=this.savedBodyOverflow,this.bodyScrollLocked=!1,this.savedBodyOverflow="")}restoreContentOffscreen(){this.settings.contentLocation&&this.settings.contentLocation.appendChild(this.content.main),"relative"!==this.settings.contentPosition&&(this.content.main.style.top="-9999px",this.content.main.style.left="-9999px",this.content.main.style.margin="0",this.content.main.style.width="auto")}finalizeModalClose(){this.modalElements&&this.content.main.parentElement===this.modalElements.dialog&&(this.addClasses(this.modalElements.overlay,this.classes.hide),this.removeClasses(this.modalElements.overlay,this.classes.contentOpen),this.removeClasses(this.content.main,this.classes.modalContent),this.modalElements.closeButton.remove(),this.restoreContentOffscreen(),this.unlockBodyScroll())}waitForAnimation(t,s){let e=k(this.content.main,this.settings.timeoutDelay);return _(this.content.main,w,e,s)}close(){this.main.main.setAttribute("aria-expanded","false"),this.main.arrow.path.setAttribute("d",this.classes.arrowClose);let t=!0===this.modalSessionActive;this.removeClasses(this.content.main,this.classes.contentOpen),t||(this.removeClasses(this.main.main,this.classes.dirAbove),this.removeClasses(this.main.main,this.classes.dirBelow)),t&&this.modalElements&&this.removeClasses(this.modalElements.overlay,this.classes.contentOpen),this.modalSessionActive=null,this.content.search.input.setAttribute("aria-hidden","true"),this.main.main.removeAttribute("aria-activedescendant"),this.clearValueChipHighlight()}clearDirectionClasses(){this.removeClasses(this.main.main,this.classes.dirAbove),this.removeClasses(this.main.main,this.classes.dirBelow),this.removeClasses(this.content.main,this.classes.dirAbove),this.removeClasses(this.content.main,this.classes.dirBelow)}updateClassStyles(){if(this.main.main.className="",this.main.main.removeAttribute("style"),this.content.main.className="",this.content.main.removeAttribute("style"),this.addClasses(this.main.main,this.classes.main),this.addClasses(this.content.main,this.classes.content),""!==this.settings.style&&(this.main.main.style.cssText=this.settings.style,this.content.main.style.cssText=this.settings.style),this.settings.class.length)for(let t of this.settings.class)""!==t.trim()&&(this.main.main.classList.add(t.trim()),this.content.main.classList.add(t.trim()));("relative"===this.settings.contentPosition||"fixed"===this.settings.contentPosition)&&this.content.main.classList.add("ss-"+this.settings.contentPosition)}updateAriaAttributes(){let t=this.content.list.id;this.main.main.role="combobox",this.main.main.setAttribute("aria-haspopup","listbox"),this.main.main.setAttribute("aria-controls",t),this.main.main.setAttribute("aria-expanded","false"),this.content.list.setAttribute("role","listbox"),this.content.list.setAttribute("aria-label",this.settings.ariaLabel+" listbox"),this.settings.isMultiple&&this.content.list.setAttribute("aria-multiselectable","true"),this.content.search.input.setAttribute("aria-controls",t)}mainDiv(){let t=document.createElement("div");t.dataset.id=this.settings.id,t.setAttribute("aria-label",this.settings.ariaLabel),t.tabIndex=0,t.onkeydown=t=>{switch(t.key){case"ArrowUp":case"ArrowDown":return this.callbacks.open(),this.highlight("ArrowDown"===t.key?"down":"up"),!1;case"Tab":return this.requestClose("tab"),!0;case"Enter":case" ":this.callbacks.open();let s=this.content.list.querySelector("."+this.classes.getFirst("highlighted"));return s&&s.click(),!1;case"Escape":return this.requestClose("escape"),!1}return 1===t.key.length&&this.callbacks.open(),!0},t.onclick=()=>{this.settings.disabled||(this.settings.isOpen?this.requestClose("toggle"):this.callbacks.open())};let s=document.createElement("div");this.addClasses(s,this.classes.values),t.appendChild(s);let e=document.createElement("div");this.addClasses(e,this.classes.deselect),e.setAttribute("role","button"),e.setAttribute("aria-label",this.settings.deselectText),e.setAttribute("tabindex","0");let i=this.store?.getSelectedOptions();!this.settings.allowDeselect||this.settings.isMultiple&&i&&i.length<=0||this.isAtMinSelected()?this.addClasses(e,this.classes.hide):this.removeClasses(e,this.classes.hide),e.onclick=t=>{if(t.stopPropagation(),this.settings.disabled||this.settings.isMultiple&&this.isAtMinSelected())return;let s=!0,e=this.store.getSelectedOptions(),i=[],o="";if(this.settings.isMultiple){let t=this.settings.minSelected,s=this.store.getSelected();if(t>0&&s.length>t)o=this.getMinimumSelectionIds(),i=e.filter((t=>o.includes(t.id)));else{if(!(t<=0))return;o=[]}}if(this.callbacks.beforeChange&&(s=!0===this.callbacks.beforeChange(i,e)),s){if(this.settings.isMultiple)this.callbacks.setSelected(o,!1),this.updateDeselectAll();else{let t=this.store.getFirstOption();this.callbacks.setSelected(t?t.id:"",!1)}this.settings.closeOnSelect&&this.requestClose("deselect",{selectionChanged:!0}),this.callbacks.afterChange&&this.callbacks.afterChange(this.store.getSelectedOptions())}},e.onkeydown=t=>{("Enter"===t.key||" "===t.key)&&(t.preventDefault(),e.click())};let o=document.createElementNS("http://www.w3.org/2000/svg","svg");o.setAttribute("viewBox","0 0 100 100");let r=document.createElementNS("http://www.w3.org/2000/svg","path");r.setAttribute("d",this.classes.deselectPath),o.appendChild(r),e.appendChild(o),t.appendChild(e);let a=document.createElementNS("http://www.w3.org/2000/svg","svg");this.addClasses(a,this.classes.arrow),a.setAttribute("viewBox","0 0 100 100");let n=document.createElementNS("http://www.w3.org/2000/svg","path");return n.setAttribute("d",this.classes.arrowClose),this.settings.alwaysOpen&&this.addClasses(a,this.classes.hide),a.appendChild(n),t.appendChild(a),{main:t,values:s,deselect:{main:e,svg:o,path:r},arrow:{main:a,path:n}}}mainFocus(t){"click"!==t&&this.main.main.focus({preventScroll:!0})}placeholder(){let t=this.store.filter((t=>t.placeholder),!1,!1),s=this.settings.placeholderText;t.length&&(""===t[0].html?""!==t[0].text&&(s=t[0].text):s=t[0].html);let e=document.createElement("div");return this.addClasses(e,this.classes.placeholder),e.innerHTML=s,e}renderValues(){this.settings.isMultiple?(this.renderMultipleValues(),this.updateDeselectAll()):this.renderSingleValue()}renderSingleValue(){let t=this.store.filter((t=>t.selected&&!t.placeholder),!1,!1),s=t.length>0?t[0]:null;if(s){let t=document.createElement("div");this.addClasses(t,this.classes.single),s.html?t.innerHTML=s.html:t.innerText=s.text,this.main.values.innerHTML=t.outerHTML}else this.main.values.innerHTML=this.placeholder().outerHTML;this.settings.allowDeselect&&t.length?this.removeClasses(this.main.deselect.main,this.classes.hide):this.addClasses(this.main.deselect.main,this.classes.hide)}renderMultipleValues(){let t=this.main.values.childNodes,s=this.store.filter((t=>t.selected&&t.display),!1,!1);if(0===s.length)return void(this.main.values.innerHTML=this.placeholder().outerHTML);{let t=this.main.values.querySelector("."+this.classes.getFirst("placeholder"));t&&t.remove()}if(this.settings.multiString){let t=s;this.settings.keepOrder&&(t=this.store.selectedOrderOptions(t));let e=document.createElement("div");return this.addClasses(e,this.classes.multiString),e.textContent=t.map((t=>t.text)).join(", "),this.settings.showOptionTooltips&&e.setAttribute("title",e.textContent),void(this.main.values.innerHTML=e.outerHTML)}if(s.length>this.settings.maxValuesShown){let t=document.createElement("div");return this.addClasses(t,this.classes.max),t.textContent=this.settings.maxValuesMessage.replace("{number}",s.length.toString()),void(this.main.values.innerHTML=t.outerHTML)}{let t=this.main.values.querySelector("."+this.classes.getFirst("max"));t&&t.remove()}this.settings.keepOrder&&(s=this.store.selectedOrderOptions(s));let e=[];for(let i=0;i<t.length;i++){let o=t[i],r=o.getAttribute("data-id");r&&(s.filter((t=>t.id===r),!1).length||e.push(o))}let i=k(this.content.main,this.settings.timeoutDelay);for(let t of e)this.addClasses(t,this.classes.valueOut),C(t,"ss-valueOut",i).then((()=>{this.main.values.hasChildNodes()&&this.main.values.contains(t)&&this.main.values.removeChild(t)}));t=this.main.values.childNodes;for(let e=0;e<s.length;e++){let i=!0;for(let o=0;o<t.length;o++)s[e].id===String(t[o].dataset.id)&&(i=!1);i&&(this.settings.keepOrder||0===t.length?this.main.values.appendChild(this.multipleValue(s[e])):0===e?this.main.values.insertBefore(this.multipleValue(s[e]),t[e]):t[e-1].insertAdjacentElement("afterend",this.multipleValue(s[e])))}this.updateMultipleValueDeleteVisibility()}isAtMinSelected(){return this.settings.isMultiple&&this.settings.minSelected>0&&this.store.getSelectedOptions().length<=this.settings.minSelected}getMinimumSelectionIds(){let t=this.store.getSelectedOptions();return this.settings.keepOrder&&(t=this.store.selectedOrderOptions(t)),t.slice(0,this.settings.minSelected).map((t=>t.id))}getValueChips(){return!this.settings.isMultiple||this.settings.multiString?[]:Array.from(this.main.values.querySelectorAll("."+this.classes.getFirst("value"))).filter((t=>{if(t.classList.contains(this.classes.getFirst("valueOut")))return!1;let s=t.querySelector("."+this.classes.getFirst("valueDelete"));return!!s&&!s.classList.contains(this.classes.getFirst("hide"))}))}getHighlightedValueChip(){return this.getValueChips().find((t=>t.classList.contains(this.classes.getFirst("highlighted"))))??null}clearValueChipHighlight(){for(let t of Array.from(this.main.values.querySelectorAll("."+this.classes.getFirst("value"))))this.removeClasses(t,this.classes.highlighted)}highlightValueChip(t){this.clearValueChipHighlight(),t&&this.addClasses(t,this.classes.highlighted)}navigateValueChips(t){let s=this.getValueChips();if(0===s.length)return!1;let e=this.getHighlightedValueChip(),i=e?s.indexOf(e):-1;return"left"===t?(-1===i?this.highlightValueChip(s[s.length-1]):i>0&&this.highlightValueChip(s[i-1]),!0):-1!==i&&(i<s.length-1?this.highlightValueChip(s[i+1]):this.clearValueChipHighlight(),!0)}deleteValueChip(t=!1){let s=this.getValueChips();if(0===s.length)return!1;let e=this.getHighlightedValueChip();if(t&&!e)return!1;let i=e??s[s.length-1],o=i.querySelector("."+this.classes.getFirst("valueDelete"));if(!o)return!1;let r=s.indexOf(i),a=e?s[r-1]??s[r+1]??null:null;return o.click(),a&&a!==i&&this.main.values.contains(a)?this.highlightValueChip(a):this.clearValueChipHighlight(),!0}updateMultipleValueDeleteVisibility(){if(!this.settings.isMultiple||this.settings.multiString)return;let t=!this.isAtMinSelected(),s=this.main.values.querySelectorAll("."+this.classes.getFirst("valueDelete"));for(let e of s)t?this.removeClasses(e,this.classes.hide):this.addClasses(e,this.classes.hide)}multipleValue(t){let s=document.createElement("div");this.addClasses(s,this.classes.value),s.dataset.id=t.id;let e=document.createElement("div");if(this.addClasses(e,this.classes.valueText),e.textContent=t.text,s.appendChild(e),!t.mandatory){let e=document.createElement("div");this.addClasses(e,this.classes.valueDelete),e.setAttribute("tabindex","0"),e.setAttribute("role","button"),e.setAttribute("aria-label",`${this.settings.removeText} ${t.text}`),this.isAtMinSelected()&&this.addClasses(e,this.classes.hide),e.onclick=s=>{if(s.preventDefault(),s.stopPropagation(),this.settings.disabled)return;let e=!0,i=this.store.getSelectedOptions(),o=i.filter((s=>s.selected&&s.id!==t.id),!0);if(!(this.settings.minSelected&&o.length<this.settings.minSelected)&&(this.callbacks.beforeChange&&(e=!0===this.callbacks.beforeChange(o,i)),e)){let t=[];for(let s of o){if(s instanceof V)for(let e of s.options)e.id&&t.push(e.id);s instanceof R&&t.push(s.id)}this.callbacks.setSelected(t,!1),this.settings.closeOnSelect&&this.requestClose("deselect",{selectionChanged:!0}),this.callbacks.afterChange&&this.callbacks.afterChange(o),this.updateDeselectAll(),this.updateMultipleValueDeleteVisibility()}};let i=document.createElementNS("http://www.w3.org/2000/svg","svg");i.setAttribute("viewBox","0 0 100 100");let o=document.createElementNS("http://www.w3.org/2000/svg","path");o.setAttribute("d",this.classes.optionDelete),i.appendChild(o),e.appendChild(i),s.appendChild(e),e.onkeydown=t=>{"Enter"===t.key&&e.click()}}return s}contentDiv(){let t=document.createElement("div");t.dataset.id=this.settings.id;let s=this.searchDiv();t.appendChild(s.main);let e=document.createElement("div");this.addClasses(e,this.classes.status),e.setAttribute("aria-live","polite"),e.setAttribute("aria-atomic","true"),e.setAttribute("role","status"),t.appendChild(e);let i=this.listDiv();return t.appendChild(i),{main:t,search:s,status:e,list:i}}announce(t){this.settings.showSearch&&(this.content.status.textContent=t)}repositionOpenContent(){!this.settings.isOpen||this.isModalViewActive()||"relative"!==this.settings.contentPosition&&this.content.main.classList.contains(this.classes.getFirst("dirAbove"))&&this.moveContentAbove()}moveContent(){if(!this.isModalViewActive()){if("relative"===this.settings.contentPosition)return void this.moveContentBelow();if("down"===this.settings.openPosition)return void this.moveContentBelow();if("up"===this.settings.openPosition)return void this.moveContentAbove();"up"===this.putContent()?this.moveContentAbove():this.moveContentBelow()}}startPositionTracking(){"absolute"!==this.settings.contentPosition||this.isModalViewActive()||(this.stopPositionTracking(),!(typeof ResizeObserver>"u")&&(this.lastObservedContentHeight=-1,this.positionObserver=new ResizeObserver((t=>{if(!this.settings.isOpen)return;let s=!1,e=!1;for(let i of t)if(i.target===this.content.main){let t=i.contentRect.height;t!==this.lastObservedContentHeight&&(this.lastObservedContentHeight=t,s=!0)}else e=!0;!s&&!e||(cancelAnimationFrame(this.positionObserverRaf),this.positionObserverRaf=requestAnimationFrame((()=>{e?this.moveContent():this.repositionOpenContent()})))})),this.observePositionTargets()))}stopPositionTracking(){cancelAnimationFrame(this.positionObserverRaf),this.positionObserver?.disconnect(),this.positionObserver=null,this.lastObservedContentHeight=-1,this.cancelOverflowShift()}observePositionTargets(){if(!this.positionObserver)return;let t=new Set,s=s=>{!s||t.has(s)||(t.add(s),this.positionObserver.observe(s))};s(this.main.main),s(this.content.main);let e=this.main.main.parentElement,i=this.settings.contentLocation;for(let t=0;e&&t<8&&(s(e),e!==i);t++)e=e.parentElement}searchDiv(){let t=document.createElement("div"),s=document.createElement("input"),e=document.createElement("div");this.addClasses(t,this.classes.search);let i={main:t,input:s},o=this.settings.selectAll&&this.settings.isMultiple;this.settings.showSearch||(s.readOnly=!0,this.addClasses(o?s:t,this.classes.hide)),s.type="search",s.id=`${this.settings.id}-search`,s.placeholder=this.settings.searchPlaceholder,s.tabIndex=-1,s.setAttribute("aria-label",this.settings.searchPlaceholder),s.setAttribute("aria-autocomplete","list"),s.setAttribute("autocapitalize","off"),s.setAttribute("autocomplete","off"),s.setAttribute("autocorrect","off"),s.setAttribute("aria-hidden","true");let r=D((()=>{this.callbacks.search(s.value)}),100);if(s.oninput=t=>{""!==t.target.value&&this.clearValueChipHighlight(),r()},s.onkeydown=t=>{switch(t.key){case"ArrowUp":case"ArrowDown":return this.clearValueChipHighlight(),this.highlight("ArrowDown"===t.key?"down":"up"),!1;case"ArrowLeft":case"ArrowRight":return""!==s.value||!this.navigateValueChips("ArrowLeft"===t.key?"left":"right")||(t.preventDefault(),!1);case"Backspace":return""!==s.value||!this.deleteValueChip()||(t.preventDefault(),!1);case"Delete":return""!==s.value||!this.getHighlightedValueChip()||!this.deleteValueChip(!0)||(t.preventDefault(),!1);case"Tab":return this.requestClose("tab"),!0;case"Escape":return this.requestClose("escape"),!1;case"Enter":let i=this.content.list.querySelector("."+this.classes.getFirst("highlighted"));return i?(i.click(),!1):!this.callbacks.addable||(e.click(),!1)}return 1===t.key.length&&this.clearValueChipHighlight(),!0},t.appendChild(s),o){let s=this.createSelectAllControl((()=>this.toggleGlobalSelectAll()));t.appendChild(s),i.selectAll=s}if(this.callbacks.addable){this.addClasses(e,this.classes.addable);let s=document.createElementNS("http://www.w3.org/2000/svg","svg");s.setAttribute("viewBox","0 0 100 100");let o=document.createElementNS("http://www.w3.org/2000/svg","path");o.setAttribute("d",this.classes.addablePath),s.appendChild(o),e.appendChild(s),e.onclick=t=>{if(t.preventDefault(),t.stopPropagation(),!this.callbacks.addable)return;let s=this.content.search.input.value.trim();if(""===s)return void this.content.search.input.focus();let e=t=>{let s=new R(t);if(this.callbacks.addOption(s),this.settings.isMultiple){let t=this.store.getSelected();t.push(s.id),this.callbacks.setSelected(t,!0)}else this.callbacks.setSelected([s.id],!0);if(this.callbacks.search(""),this.settings.closeOnSelect){let t=x(this.content.main);setTimeout((()=>{this.requestClose("select",{selectionChanged:!0})}),t)}},i=this.callbacks.addable(s);!1!==i&&null!=i&&(i instanceof Promise?i.then((t=>{"string"==typeof t?e({text:t,value:t}):i instanceof Error?this.renderError(i.message):e(t)})):"string"==typeof i?e({text:i,value:i}):i instanceof Error?this.renderError(i.message):e(i))},t.appendChild(e),i.addable={main:e,svg:s,path:o}}return i}searchFocus(){this.content.search.input.focus({preventScroll:!0})}getOptions(t=!1,s=!1,e=!1){let i="."+this.classes.getFirst("option");return t&&(i+=":not(."+this.classes.getFirst("placeholder")+")"),s&&(i+=":not(."+this.classes.getFirst("disabled")+")"),e&&(i+=":not(."+this.classes.getFirst("hide")+")"),Array.from(this.content.list.querySelectorAll(i))}highlight(t){let s=this.getOptions(!0,!0,!0);if(0===s.length)return;if(1===s.length&&!s[0].classList.contains(this.classes.getFirst("highlighted")))return void this.addClasses(s[0],this.classes.highlighted);let e=!1;for(let t of s)t.classList.contains(this.classes.getFirst("highlighted"))&&(e=!0);if(!e)for(let t of s)if(t.classList.contains(this.classes.getFirst("selected"))){this.addClasses(t,this.classes.highlighted);break}for(let e=0;e<s.length;e++)if(s[e].classList.contains(this.classes.getFirst("highlighted"))){let i=s[e];this.removeClasses(i,this.classes.highlighted);let o=i.parentElement;if(o&&o.classList.contains(this.classes.getFirst("mainOpen"))){let t=o.querySelector("."+this.classes.getFirst("optgroupLabel"));t&&t.click()}let r=s["down"===t?e+1<s.length?e+1:0:e-1>=0?e-1:s.length-1];this.addClasses(r,this.classes.highlighted),this.ensureElementInView(this.content.list,r),r.id&&this.main.main.setAttribute("aria-activedescendant",r.id);let a=r.parentElement;if(a&&a.classList.contains(this.classes.getFirst("close"))){let t=a.querySelector("."+this.classes.getFirst("optgroupLabel"));t&&t.click()}return}let i=s["down"===t?0:s.length-1];this.addClasses(i,this.classes.highlighted),i.id&&this.main.main.setAttribute("aria-activedescendant",i.id),this.ensureElementInView(this.content.list,i)}listDiv(){let t=document.createElement("div");this.addClasses(t,this.classes.list);let s=this.settings.id+"-list";return t.id=s,t.dataset.id=s,t}renderError(t){this.optionsListIsFullData=!1,this.content.list.innerHTML="";let s=document.createElement("div");this.addClasses(s,this.classes.error),s.textContent=t,this.content.list.appendChild(s),this.repositionOpenContent()}renderSearching(){this.optionsListIsFullData=!1,this.content.list.innerHTML="";let t=document.createElement("div");this.addClasses(t,this.classes.searching),t.textContent=this.settings.searchingText,this.content.list.appendChild(t),this.announce(this.settings.searchingText),this.repositionOpenContent()}renderOptions(t){if(this.lastSearchFilterTerm="",this.lastRenderedOptions=t.map((t=>t instanceof R?[t]:t.options.map((t=>new R(t))))).flat(),this.content.list.innerHTML="",0===t.length){this.optionsListIsFullData=!1;let t=document.createElement("div");if(this.addClasses(t,this.classes.search),this.callbacks.addable){let s=this.settings.addableText.replace("{value}",this.content.search.input.value);t.innerHTML=s,this.announce(s)}else t.innerHTML=this.settings.searchText,this.announce(this.settings.searchText);return this.content.list.appendChild(t),void this.repositionOpenContent()}this.settings.allowDeselect&&!this.settings.isMultiple&&(this.store.filter((t=>t.placeholder),!1,!1).length||this.store.addOption(new R({text:"",value:"",selected:!1,placeholder:!0}),!0));let s=document.createDocumentFragment();for(let e of t){if(e instanceof V){let t=document.createElement("div");this.addClasses(t,this.classes.optgroup);let i=document.createElement("div");this.addClasses(i,this.classes.optgroupLabel),t.appendChild(i);let o=document.createElement("div");this.addClasses(o,this.classes.optgroupLabelText),o.textContent=e.label,i.appendChild(o);let r=document.createElement("div");if(this.addClasses(r,this.classes.optgroupActions),i.appendChild(r),this.settings.isMultiple&&e.selectAll){let t=this.createSelectAllControl((()=>{let t=this.store.getSelected();if(this.isOptgroupAllSelected(e.options,new Set(t))){let s=t.filter((t=>{for(let s of e.options)if(t===s.id)return!1;return!0}));this.callbacks.setSelected(s,!0)}else{let s=e.options.map((t=>t.id)).filter((t=>void 0!==t)),i=t.concat(s);for(let t of e.options)t.id&&!this.store.getOptionByID(t.id)&&this.callbacks.addOption(new R(t));this.callbacks.setSelected(i,!0)}}),this.isOptgroupAllSelected(e.options));r.appendChild(t)}if("off"!==e.closable){let s=document.createElement("div");this.addClasses(s,this.classes.optgroupClosable);let o=document.createElementNS("http://www.w3.org/2000/svg","svg");o.setAttribute("viewBox","0 0 100 100"),this.addClasses(o,this.classes.arrow),s.appendChild(o);let a=document.createElementNS("http://www.w3.org/2000/svg","path");o.appendChild(a),e.options.some((t=>t.selected))||""!==this.content.search.input.value.trim()?(this.addClasses(s,this.classes.mainOpen),a.setAttribute("d",this.classes.arrowOpen)):"open"===e.closable?(this.addClasses(t,this.classes.mainOpen),a.setAttribute("d",this.classes.arrowOpen)):"close"===e.closable&&(this.addClasses(t,this.classes.close),a.setAttribute("d",this.classes.arrowClose)),i.addEventListener("click",(e=>{e.preventDefault(),e.stopPropagation(),this.isClosableOptgroupOpen(t,s)?(this.removeClasses(t,this.classes.mainOpen),this.removeClasses(s,this.classes.mainOpen),this.addClasses(t,this.classes.close),a.setAttribute("d",this.classes.arrowClose)):(this.closeOtherClosableOptgroups(t),this.removeClasses(t,this.classes.close),this.removeClasses(s,this.classes.mainOpen),this.addClasses(t,this.classes.mainOpen),a.setAttribute("d",this.classes.arrowOpen)),this.repositionOpenContent()})),r.appendChild(s)}t.appendChild(i);for(let i of e.options)t.appendChild(this.option(new R(i))),s.appendChild(t)}e instanceof R&&s.appendChild(this.option(e))}this.content.list.appendChild(s),this.setOptionsListFullData(t),this.announce(this.settings.resultsText.replace("{count}",String(this.lastRenderedOptions.length))),this.updateGlobalSelectAllState(),this.repositionOpenContent()}canFilterOptionsInPlace(){return!!this.optionsListIsFullData&&null!==this.content.list.querySelector("."+this.classes.getFirst("option"))}resetSearchFilterState(){this.lastSearchFilterTerm=""}filterOptionsInPlace(t,s){let e=t.trim();if(e===this.lastSearchFilterTerm)return;this.lastSearchFilterTerm=e;let i=[],o=this.content.list.querySelectorAll("."+this.classes.getFirst("option"));for(let t of o){let o=t.dataset.id;if(!o)continue;let r=this.store.getOptionByID(o);if(!r)continue;let a=r.placeholder||!r.display||r.selected&&this.settings.hideSelected,n=s(r,e);a||!n?(this.addClasses(t,this.classes.hide),this.removeClasses(t,this.classes.highlighted)):(this.removeClasses(t,this.classes.hide),this.setOptionElementContent(t,r,e),i.push(r)),r.selected?(this.addClasses(t,this.classes.selected),t.setAttribute("aria-selected","true")):(this.removeClasses(t,this.classes.selected),t.setAttribute("aria-selected","false"))}this.lastRenderedOptions=i,this.updateOptgroupVisibilityAfterSearch(e),0===i.length?this.updateSearchResultsMessage(0,e):(this.removeListSearchMessage(),this.announce(this.settings.resultsText.replace("{count}",String(i.length)))),this.updateOptgroupSelectAllStates(),this.updateGlobalSelectAllState(),this.repositionOpenContent()}setOptionsListFullData(t){let s=this.store.getDataOptions(!1),e=t.map((t=>t instanceof R?[t]:t.options.map((t=>new R(t))))).flat();if(e.length!==s.length)return void(this.optionsListIsFullData=!1);let i=new Set(s.map((t=>t.id)));this.optionsListIsFullData=e.every((t=>i.has(t.id)))}isClosableOptgroupOpen(t,s){return!t.classList.contains(this.classes.getFirst("close"))&&(t.classList.contains(this.classes.getFirst("mainOpen"))||s.classList.contains(this.classes.getFirst("mainOpen")))}closeClosableOptgroup(t){let s=t.querySelector("."+this.classes.getFirst("optgroupClosable"));if(!s||t.classList.contains(this.classes.getFirst("close")))return;this.removeClasses(t,this.classes.mainOpen),this.removeClasses(s,this.classes.mainOpen),this.addClasses(t,this.classes.close);let e=s.querySelector("path");e&&e.setAttribute("d",this.classes.arrowClose)}closeOtherClosableOptgroups(t){let s=this.content.list.querySelectorAll("."+this.classes.getFirst("optgroup"));for(let e of s)e!==t&&this.closeClosableOptgroup(e)}updateOptgroupVisibilityAfterSearch(t){let s=this.content.list.querySelectorAll("."+this.classes.getFirst("optgroup"));for(let e of s){let s=e.querySelectorAll("."+this.classes.getFirst("option")),i=!1;for(let t of s)if(!t.classList.contains(this.classes.getFirst("hide"))){i=!0;break}i?(this.removeClasses(e,this.classes.hide),""!==t&&(this.removeClasses(e,this.classes.close),this.addClasses(e,this.classes.mainOpen))):this.addClasses(e,this.classes.hide)}}updateSearchResultsMessage(t,s){if(this.removeListSearchMessage(),t>0)return;let e=document.createElement("div");if(this.addClasses(e,this.classes.search),this.callbacks.addable){let t=this.settings.addableText.replace("{value}",s);e.innerHTML=t,this.announce(t)}else e.innerHTML=this.settings.searchText,this.announce(this.settings.searchText);this.content.list.appendChild(e)}removeListSearchMessage(){this.content.list.querySelectorAll("."+this.classes.getFirst("search")).forEach((t=>t.remove()))}setOptionElementContent(t,s,e){let i=e.trim();this.settings.searchHighlight&&""!==i?t.innerHTML=this.highlightText(""===s.html?s.text:s.html,i,this.classes.searchHighlighter):""===s.html?t.textContent=s.text:t.innerHTML=s.html,this.settings.showOptionTooltips&&t.textContent?t.setAttribute("title",t.textContent):t.removeAttribute("title")}hasRenderedOptions(){return null!==this.content.list.querySelector("."+this.classes.getFirst("option"))}canUpdateOptionSelectionInPlace(){return""===this.content.search.input.value.trim()&&this.hasRenderedOptions()}updateOptionSelection(){let t=new Set(this.store.getSelected()),s=this.content.list.querySelectorAll("."+this.classes.getFirst("option")),e=null;for(let i of s){let s=i.dataset.id;if(!s)continue;let o=this.store.getOptionByID(s);if(!o)continue;let r=t.has(s);r?(this.addClasses(i,this.classes.selected),i.setAttribute("aria-selected","true"),e=i):(this.removeClasses(i,this.classes.selected),i.setAttribute("aria-selected","false")),this.settings.hideSelected&&(r?this.addClasses(i,this.classes.hide):(this.removeClasses(i,this.classes.hide),o.display||this.addClasses(i,this.classes.hide)))}!this.settings.isMultiple&&e?this.main.main.setAttribute("aria-activedescendant",e.id):!this.settings.isMultiple&&0===t.size&&this.main.main.removeAttribute("aria-activedescendant"),this.updateOptgroupSelectAllStates(),this.updateGlobalSelectAllState(),this.repositionOpenContent()}createSelectAllControl(t,s=!1){let e=document.createElement("div");this.addClasses(e,this.classes.optgroupSelectAll),e.setAttribute("role","checkbox"),e.setAttribute("aria-checked",s?"true":"false"),e.setAttribute("aria-label",this.selectAllLabel(s)),e.tabIndex=-1,s&&this.addClasses(e,this.classes.selected);let i=document.createElement("span");i.textContent=this.selectAllLabel(s),e.appendChild(i);let o=document.createElementNS("http://www.w3.org/2000/svg","svg");o.setAttribute("viewBox","0 0 100 100"),o.setAttribute("aria-hidden","true"),e.appendChild(o);let r=document.createElementNS("http://www.w3.org/2000/svg","path");r.setAttribute("d",this.classes.optgroupSelectAllBox),o.appendChild(r);let a=document.createElementNS("http://www.w3.org/2000/svg","path");return a.setAttribute("d",this.classes.optgroupSelectAllCheck),o.appendChild(a),e.addEventListener("click",(s=>{s.preventDefault(),s.stopPropagation(),t()})),e}getSelectableOptions(){return this.store.getDataOptions(!1).filter((t=>!t.disabled&&!t.placeholder&&t.display))}isGlobalAllSelected(t){let s=this.getSelectableOptions();if(0===s.length)return!1;let e=t||new Set(this.store.getSelected());for(let t of s)if(!e.has(t.id))return!1;return!0}toggleGlobalSelectAll(){let t=this.getSelectableOptions(),s=new Set(this.store.getSelected());if(this.isGlobalAllSelected(s)){let s=new Set(t.map((t=>t.id))),e=this.store.getSelected().filter((t=>!s.has(t)));this.callbacks.setSelected(e,!0)}else this.callbacks.setSelected(t.map((t=>t.id)),!0)}updateGlobalSelectAllState(){let t=this.content.search.selectAll;if(!t||!this.settings.isMultiple||!this.settings.selectAll)return;let s=this.isGlobalAllSelected();s?this.addClasses(t,this.classes.selected):this.removeClasses(t,this.classes.selected),t.setAttribute("aria-checked",s?"true":"false"),t.setAttribute("aria-label",this.selectAllLabel(s));let e=t.querySelector("span");e&&(e.textContent=this.selectAllLabel(s))}updateOptgroupSelectAllStates(){if(!this.settings.isMultiple)return;let t=new Set(this.store.getSelected()),s=this.content.list.querySelectorAll("."+this.classes.getFirst("optgroup"));for(let e of s){let s=e.querySelector("."+this.classes.getFirst("optgroupSelectAll"));if(!s)continue;let i=e.querySelectorAll("."+this.classes.getFirst("option")),o=i.length>0;for(let s of i){let e=s.dataset.id;if(!e||!t.has(e)){o=!1;break}}o?this.addClasses(s,this.classes.selected):this.removeClasses(s,this.classes.selected),s.setAttribute("aria-checked",o?"true":"false"),s.setAttribute("aria-label",this.selectAllLabel(o));let r=s.querySelector("span");r&&(r.textContent=this.selectAllLabel(o))}}selectAllLabel(t){return t?this.settings.unselectAllText:this.settings.selectAllText}isOptgroupAllSelected(t,s){if(0===t.length)return!1;for(let e of t)if(!(s?e.id&&s.has(e.id):e.selected))return!1;return!0}option(t){if(t.placeholder){let t=document.createElement("div");return this.addClasses(t,this.classes.option),this.addClasses(t,this.classes.hide),t}let s=document.createElement("div");return s.dataset.id=t.id,s.id=this.settings.id+"-"+t.id,this.addClasses(s,this.classes.option),s.setAttribute("role","option"),t.class&&t.class.split(" ").forEach((t=>{s.classList.add(t)})),t.style&&(s.style.cssText=t.style),this.setOptionElementContent(s,t,this.content.search.input.value),t.display||this.addClasses(s,this.classes.hide),t.disabled&&this.addClasses(s,this.classes.disabled),t.selected&&this.settings.hideSelected&&this.addClasses(s,this.classes.hide),t.selected?(this.addClasses(s,this.classes.selected),s.setAttribute("aria-selected","true"),this.main.main.setAttribute("aria-activedescendant",s.id)):(this.removeClasses(s,this.classes.selected),s.setAttribute("aria-selected","false")),s.addEventListener("click",(s=>{s.preventDefault(),s.stopPropagation();let e=this.store.getSelected(),i=String(s.currentTarget.dataset.id),o=this.store.getOptionByID(i)??t,r=e.includes(i),a=s.ctrlKey||s.metaKey;if(t.disabled)return;if(!this.settings.isMultiple&&r&&!this.settings.allowDeselect)return void this.closeOnSingleSelectReclick(o);if(r&&o.mandatory)return void this.closeOnSingleSelectReclick(o);if(this.settings.isMultiple&&this.settings.maxSelected<=e.length&&!r||this.settings.isMultiple&&this.settings.minSelected>=e.length&&r&&!a)return;let n=!1,l=this.store.getSelectedOptions(),c=[];if(this.settings.isMultiple){let e=l.some((t=>t.id===i));if(s.shiftKey&&this.lastSelectedOption){let s=this.lastRenderedOptions,e=s.findIndex((t=>t.id===this.lastSelectedOption.id)),i=s.findIndex((s=>s.id===t.id));if(e>=0&&i>=0){let t=Math.min(e,i),o=Math.max(e,i),r=s.slice(t,o+1).filter((t=>!l.find((s=>s.id===t.id))));c=l.length+r.length<=this.settings.maxSelected?l.concat(r):l}else c=l}else c=e?l.filter((t=>t.id!==i)):l.concat(o),this.lastSelectedOption=o}this.settings.isMultiple||(c=r?[]:[o]),this.callbacks.beforeChange||(n=!0),this.callbacks.beforeChange&&(n=!1!==this.callbacks.beforeChange(c,l)),n&&(this.store.getOptionByID(i)||this.callbacks.addOption(t),this.callbacks.setSelected(c.map((t=>t.id)),!1),this.settings.closeOnSelect&&!(this.settings.isMultiple&&(s.ctrlKey||s.metaKey||s.shiftKey))&&this.requestClose("select",{option:o,selectionChanged:this.selectionChanged(l,c)}),this.callbacks.afterChange&&this.callbacks.afterChange(c))})),s}destroy(){this.stopPositionTracking(),this.modalElements?(this.unlockBodyScroll(),this.content.main.parentElement===this.modalElements.dialog&&this.restoreContentOffscreen(),this.modalElements.overlay.remove(),this.modalElements=null):this.bodyScrollLocked&&this.unlockBodyScroll(),this.main.main.remove(),this.content.main.remove(),this.removeDetachedInstanceDom()}removeDetachedInstanceDom(){let t=this.settings.id,s=this.classes.getFirst("main"),e=this.classes.getFirst("content"),i=this.classes.getFirst("modalOverlay");document.querySelectorAll(`[data-id="${t}"]`).forEach((t=>{(t.classList.contains(s)||t.classList.contains(e)||t.classList.contains(i))&&t.remove()}))}highlightText(t,s,e){let i=s.trim();if(""===i)return t;let o=i.replace(/[.*+?^${}()|[\]\\]/g,"\\$&"),r=document.createElement("div");r.innerHTML=t;let a=t=>{if(t.nodeType===Node.TEXT_NODE){let s=t.textContent||"",i=RegExp("("+o+")","i");if(i.test(s)){let o=document.createElement("span");s.split(i).forEach((t=>{if(t&&i.test(t)){let s=document.createElement("mark");s.className=e,s.textContent=t,o.appendChild(s)}else t&&o.appendChild(document.createTextNode(t))})),t.parentNode?.replaceChild(o,t)}}else t.nodeType===Node.ELEMENT_NODE&&Array.from(t.childNodes).forEach((t=>a(t)))};return Array.from(r.childNodes).forEach((t=>a(t))),r.innerHTML}setContentDirection(t){let s="above"===t,e=s?this.classes.dirAbove:this.classes.dirBelow,i=s?this.classes.dirBelow:this.classes.dirAbove;this.removeClasses(this.main.main,i),this.addClasses(this.main.main,e),this.removeClasses(this.content.main,i),this.addClasses(this.content.main,e),this.content.main.style.margin=s?"-"+(this.main.main.offsetHeight+this.content.main.offsetHeight-1)+"px 0px 0px 0px":"-1px 0px 0px 0px"}setContentPosition(){let t,s,e=this.main.main.getBoundingClientRect();if("relative"===this.settings.contentPosition)return void this.applyContentWidth(e);this.cancelOverflowShift(),"fixed"===this.settings.contentPosition?(t=e.top+e.height,s=e.left):(t=e.top+window.scrollY+e.height,s=e.left+window.scrollX),this.content.main.style.top=t+"px",this.content.main.style.left=s+"px",this.applyContentWidth(e);let i=this.getKnownContentWidth(e);null===i?this.overflowShiftRaf=requestAnimationFrame((()=>{this.overflowShiftRaf=0,this.applyOverflowShiftFromMeasure()})):this.content.main.style.left=this.adjustLeftForOverflow(s,e.left,i)+"px"}applyContentWidth(t){let s=this.settings.contentWidth;this.content.main.style.width="",this.content.main.style.minWidth="",this.content.main.style.maxWidth="",s?s.startsWith(">")?this.content.main.style.minWidth=s.slice(1):s.startsWith("<")?this.content.main.style.maxWidth=s.slice(1):this.content.main.style.width=s:"relative"!==this.settings.contentPosition&&(this.content.main.style.width=t.width+"px")}cancelOverflowShift(){this.overflowShiftRaf&&=(cancelAnimationFrame(this.overflowShiftRaf),0)}getKnownContentWidth(t){let s=this.settings.contentWidth;if(!s)return t.width;if(s.startsWith(">")||s.startsWith("<")||s.includes("%"))return null;let e=parseFloat(s);return Number.isNaN(e)?null:e}adjustLeftForOverflow(t,s,e){let i=s+e;if(i<=window.innerWidth)return t;let o=t-(i-(window.innerWidth-20));return"fixed"===this.settings.contentPosition?Math.max(0,o):Math.max(window.scrollX,o)}applyOverflowShiftFromMeasure(){let t=this.content.main.getBoundingClientRect().right;if(t<=window.innerWidth)return;let s=t-(window.innerWidth-20),e=(parseFloat(this.content.main.style.left)||0)-s;this.content.main.style.left="fixed"===this.settings.contentPosition?Math.max(0,e)+"px":Math.max(window.scrollX,e)+"px"}moveContentAbove(){this.setContentDirection("above"),this.setContentPosition()}moveContentBelow(){this.setContentDirection("below"),this.setContentPosition()}ensureElementInView(t,s){let e=t.scrollTop+t.offsetTop,i=e+t.clientHeight,o=s.offsetTop,r=o+s.clientHeight;o<e?t.scrollTop-=e-o:r>i&&(t.scrollTop+=r-i)}putContent(){let t=this.main.main.offsetHeight,s=this.main.main.getBoundingClientRect(),e=this.content.main.offsetHeight;return window.innerHeight-(s.top+t)<=e&&s.top>e?"up":"down"}updateDeselectAll(){if(!this.store||!this.settings)return;let t=this.store.getSelectedOptions(),s=t&&t.length>0,e=this.settings.isMultiple,i=this.settings.allowDeselect,o=this.isAtMinSelected(),r=this.main.deselect.main,a=this.classes.hide;!i||e&&!s||o?this.addClasses(r,a):this.removeClasses(r,a)}},q=class{select;onValueChange;onClassChange;onDisabledChange;onOptionsChange;onLabelClick;listen=!1;observer=null;isUpdating=!1;pendingOptionsChange=null;preventNativeSelect=null;preventNativeSelectMousedown=null;preventNativeSelectFocus=null;restoreAriaHiddenOnBlur=null;constructor(t){this.select=t,this.valueChange=this.valueChange.bind(this),this.select.addEventListener("change",this.valueChange,{passive:!0}),this.observer=new MutationObserver(this.observeCall.bind(this)),this.changeListen(!0)}enable(){this.select.disabled=!1}disable(){this.select.disabled=!0}hideUI(){this.select.tabIndex=-1,this.select.style.position="absolute",this.select.style.width="1px",this.select.style.height="1px",this.select.style.opacity="0",this.select.style.overflow="hidden",this.select.style.pointerEvents="none",this.select.style.margin="0",this.select.style.padding="0",this.select.style.borderWidth="0",this.select.style.clipPath="inset(50%)",document.activeElement!==this.select&&this.select.setAttribute("aria-hidden","true"),this.preventNativeSelect||(this.preventNativeSelect=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()},this.preventNativeSelectMousedown=t=>{t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()},this.preventNativeSelectFocus=t=>{this.select.removeAttribute("aria-hidden"),t.preventDefault(),t.stopPropagation(),t.stopImmediatePropagation()},this.restoreAriaHiddenOnBlur=()=>{this.select.setAttribute("aria-hidden","true")},this.select.addEventListener("click",this.preventNativeSelect,{capture:!0,passive:!1}),this.select.addEventListener("mousedown",this.preventNativeSelectMousedown,{capture:!0,passive:!1}),this.select.addEventListener("focus",this.preventNativeSelectFocus,{capture:!0,passive:!1}),this.select.addEventListener("blur",this.restoreAriaHiddenOnBlur,{capture:!0,passive:!0}))}showUI(){this.select.removeAttribute("tabindex"),this.select.style.position="",this.select.style.width="",this.select.style.height="",this.select.style.opacity="",this.select.style.overflow="",this.select.style.pointerEvents="",this.select.style.margin="",this.select.style.padding="",this.select.style.borderWidth="",this.select.style.clipPath="",this.select.removeAttribute("aria-hidden"),this.preventNativeSelect&&=(this.select.removeEventListener("click",this.preventNativeSelect,{capture:!0}),null),this.preventNativeSelectMousedown&&=(this.select.removeEventListener("mousedown",this.preventNativeSelectMousedown,{capture:!0}),null),this.preventNativeSelectFocus&&=(this.select.removeEventListener("focus",this.preventNativeSelectFocus,{capture:!0}),null),this.restoreAriaHiddenOnBlur&&=(this.select.removeEventListener("blur",this.restoreAriaHiddenOnBlur,{capture:!0}),null)}changeListen(t){this.listen=t,t&&this.observer&&this.observer.observe(this.select,{subtree:!0,childList:!0,attributes:!0}),t||this.observer&&this.observer.disconnect()}valueChange(t){return this.listen&&this.onValueChange&&this.onValueChange(this.getSelectedOptions()),!0}observeCall(t){if(!this.listen)return;let{classChanged:s,disabledChanged:e,optgroupOptionChanged:i,selectionChanged:o}=function(t,s){let e={classChanged:!1,disabledChanged:!1,optgroupOptionChanged:!1,selectionChanged:!1};for(let i of t){if(i.target===s&&("disabled"===i.attributeName&&(e.disabledChanged=!0),"class"===i.attributeName&&(e.classChanged=!0),"childList"===i.type)){for(let t of Array.from(i.addedNodes))if("OPTION"===t.nodeName&&t.value===s.value){e.selectionChanged=!0;break}e.optgroupOptionChanged=!0}("OPTGROUP"===i.target.nodeName||"OPTION"===i.target.nodeName)&&(e.optgroupOptionChanged=!0)}return e}(t,this.select),r=o;if(s&&this.onClassChange&&this.onClassChange(this.select.className.split(" ")),e&&this.onDisabledChange&&(this.changeListen(!1),this.onDisabledChange(this.select.disabled),this.changeListen(!0)),i&&this.clearLeftoverHiddenDisplay(t),i&&this.onOptionsChange){if(this.isUpdating){if(this.select.options.length>0){let t=this.getData();t.length>0&&(this.pendingOptionsChange=t)}return void(r&&this.select.dispatchEvent(new Event("change")))}this.changeListen(!1),this.onOptionsChange(this.getData()),this.changeListen(!0),r=!1}r&&this.select.dispatchEvent(new Event("change"))}getData(){let t=[],s=this.select.childNodes;for(let e of s)"OPTGROUP"===e.nodeName&&t.push(this.getDataFromOptgroup(e)),"OPTION"===e.nodeName&&t.push(this.getDataFromOption(e));return t}getDataFromOptgroup(t){let s={id:t.id,label:t.label,selectAll:!!t.dataset&&"true"===t.dataset.selectall,closable:t.dataset?t.dataset.closable:"off",options:[]},e=t.childNodes;for(let t of e)"OPTION"===t.nodeName&&s.options.push(this.getDataFromOption(t));return s}clearLeftoverHiddenDisplay(t){for(let s of t){if("OPTION"!==s.target.nodeName||"hidden"!==s.attributeName)continue;let t=s.target;!t.hidden&&"none"===t.style.display&&(t.style.display="")}}getDataFromOption(t){let s=t.hidden||t.hasAttribute("hidden");return{id:t.id,value:t.value,text:t.text,html:t.dataset&&t.dataset.html?t.dataset.html:"",defaultSelected:t.defaultSelected,selected:t.selected,display:"none"!==t.style.display&&!s,disabled:t.disabled,mandatory:!!t.dataset&&"true"===t.dataset.mandatory,placeholder:"true"===t.dataset.placeholder,class:t.className,style:t.style.cssText,data:S(t.dataset)}}getSelectedOptions(){let t=[],s=this.select.childNodes;for(let e of s){if("OPTGROUP"===e.nodeName){let s=e.childNodes;for(let e of s)"OPTION"===e.nodeName&&e.selected&&t.push(this.getDataFromOption(e))}"OPTION"===e.nodeName&&e.selected&&t.push(this.getDataFromOption(e))}return t}getSelectedValues(){return this.getSelectedOptions().map((t=>t.value))}hasOptionValues(t){if(0===t.length)return!0;let s=new Set(Array.from(this.select.options).map((t=>t.value)));return t.every((t=>s.has(t)))}setSelected(t){this.changeListen(!1);let s=this.select.childNodes;for(let e of s){if("OPTGROUP"===e.nodeName){let s=e.childNodes;for(let e of s)"OPTION"===e.nodeName&&(e.selected=t.includes(e.id))}"OPTION"===e.nodeName&&(e.selected=t.includes(e.id))}let e=this.getSelectedOptions();this.select.multiple||(this.select.value=1===e.length?e[0].value:""),this.select.dispatchEvent(new Event("change",{bubbles:!0})),this.changeListen(!0)}setSelectedByValue(t){this.changeListen(!1);let s=this.select.childNodes;for(let e of s){if("OPTGROUP"===e.nodeName){let s=e.childNodes;for(let e of s)"OPTION"===e.nodeName&&(e.selected=t.includes(e.value))}"OPTION"===e.nodeName&&(e.selected=t.includes(e.value))}let e=this.getSelectedOptions();this.select.multiple||(this.select.value=1===e.length?e[0].value:""),this.select.dispatchEvent(new Event("change",{bubbles:!0})),this.changeListen(!0)}updateSelect(t,s,e){this.changeListen(!1),t&&(this.select.dataset.id=t),s&&(this.select.style.cssText=s),e&&(this.select.className="",e.forEach((t=>{""!==t.trim()&&this.select.classList.add(t.trim())}))),this.changeListen(!0)}updateOptions(t){if(!t||0===t.length)return;this.isUpdating=!0,this.pendingOptionsChange=null,this.changeListen(!1);let s=this.getSelectedValues();this.select.innerHTML="";for(let s of t)s instanceof V&&this.select.appendChild(this.createOptgroup(s)),s instanceof R&&this.select.appendChild(this.createOption(s));if(T(s,this.getSelectedValues())||this.select.dispatchEvent(new Event("change",{bubbles:!0})),this.changeListen(!0),this.isUpdating=!1,null!==this.pendingOptionsChange){let t=this.pendingOptionsChange;t.length>0&&this.onOptionsChange?(this.pendingOptionsChange=null,this.changeListen(!1),this.onOptionsChange(t),this.changeListen(!0)):this.pendingOptionsChange=null}}createOptgroup(t){let s=document.createElement("optgroup");if(s.id=t.id,s.label=t.label,t.selectAll&&(s.dataset.selectAll="true"),"off"!==t.closable&&(s.dataset.closable=t.closable),t.options)for(let e of t.options)s.appendChild(this.createOption(e));return s}createOption(t){let s=document.createElement("option");return s.id=t.id,s.value=t.value,s.textContent=t.text,""!==t.html&&s.setAttribute("data-html",t.html),s.defaultSelected=t.defaultSelected,s.selected=t.selected,t.disabled&&(s.disabled=!0),s.hidden=!t.display,t.placeholder&&s.setAttribute("data-placeholder","true"),t.mandatory&&s.setAttribute("data-mandatory","true"),t.class&&t.class.split(" ").forEach((t=>{s.classList.add(t)})),t.data&&"object"==typeof t.data&&Object.keys(t.data).forEach((e=>{s.setAttribute("data-"+function(t){let s=t.replace(/[A-Z\u00C0-\u00D6\u00D8-\u00DE]/g,(t=>"-"+t.toLowerCase()));return t[0]===t[0].toUpperCase()?s.substring(1):s}(e),t.data[e])})),s}setupLabelHandlers(){let t=[],s=this.select.id;s&&document.querySelectorAll(`label[for="${s}"]`).forEach((s=>t.push(s)));let e=this.select.parentElement;for(;e&&e!==document.body;){if("LABEL"===e.tagName){t.push(e);break}e=e.parentElement}Array.from(new Set(t)).forEach((t=>{if(t.__slimSelectLabelHandler)return;let s=t=>{let s=A(t.target,this.select.dataset.id);t.preventDefault(),!s&&this.onLabelClick&&this.onLabelClick()};t.__slimSelectLabelHandler=s,t.addEventListener("click",s,{capture:!0,passive:!1})}))}removeLabelHandlers(){let t=[],s=this.select.id;s&&document.querySelectorAll(`label[for="${s}"]`).forEach((s=>t.push(s)));let e=this.select.parentElement;for(;e&&e!==document.body;){if("LABEL"===e.tagName){t.push(e);break}e=e.parentElement}Array.from(new Set(t)).forEach((t=>{let s=t.__slimSelectLabelHandler;s&&(t.removeEventListener("click",s,{capture:!0}),delete t.__slimSelectLabelHandler)}))}destroy(){this.changeListen(!1),this.select.removeEventListener("change",this.valueChange),this.preventNativeSelect&&=(this.select.removeEventListener("click",this.preventNativeSelect,{capture:!0}),null),this.preventNativeSelectMousedown&&=(this.select.removeEventListener("mousedown",this.preventNativeSelectMousedown,{capture:!0}),null),this.preventNativeSelectFocus&&=(this.select.removeEventListener("focus",this.preventNativeSelectFocus,{capture:!0}),null),this.restoreAriaHiddenOnBlur&&=(this.select.removeEventListener("blur",this.restoreAriaHiddenOnBlur,{capture:!0}),null),this.observer&&=(this.observer.disconnect(),null),this.removeLabelHandlers(),delete this.select.dataset.id,this.showUI()}};var Z=class{deps;queue=[];flushScheduled=!1;isSyncing=!1;constructor(t){this.deps=t}enqueue(t){this.queue.push(t),"native"!==t.source?this.isSyncing||this.flush():this.flushScheduled||(this.flushScheduled=!0,queueMicrotask((()=>this.flush())))}flush(){if(this.flushScheduled=!1,0===this.queue.length)return;let t=this.coalesceBatch(this.queue);this.queue=[],this.isSyncing=!0;try{for(let s of t)this.applyChange(s)}finally{this.isSyncing=!1,this.queue.length>0&&this.flush()}}coalesceBatch(t){let s=t.some((t=>"structure"===t.type)),e=t.some((t=>"addOption"===t.type));if(s||e){let s=t.filter((t=>"structure"===t.type||"addOption"===t.type)),e=s[s.length-1];return"structure"===e?.type?[e]:s}let i=t.filter((t=>"selection"===t.type));return i.length>0?[i[i.length-1]]:t}applyChange(t){switch(t.type){case"structure":this.applyStructure(t.data,t.source,t.preserveSelection,t.isSearchResult);break;case"selection":this.applySelection(t.values,t.source,!1!==t.runAfterChange);break;case"addOption":this.applyAddOption(t.option)}}applyStructure(t,s,e=!1,i=!1){let{store:o,select:r,render:a,events:n}=this.deps;if(!i&&function(t,s){return function(t,s){if(t===s)return!0;if(t.length!==s.length)return!1;for(let e=0;e<t.length;e++){let i=t[e],o=s[e],r=M(i);if(r!==M(o))return!1;if(r){if(!F(i,o))return!1}else if(!B(i,o))return!1}return!0}(t.getData(!1),s)}(o,t))return;let l=o.getSelected(),c=o.validateDataArray(t);if(c)return void(n.error?n.error(c):this.deps.onError&&this.deps.onError(c));o.setData(t,e);let h=o.getData(!1);i||o.snapshotCatalog(),i||r.updateOptions(h),a.renderValues(),a.renderOptions(h),n.afterChange&&!T(l,o.getSelected())&&n.afterChange(o.getSelectedOptions())}syncNativeSelection(){let{store:t,select:s}=this.deps,e=t.getSelectedOptions(),i=t.getSelectedValues();if(!s.hasOptionValues(i)){if(e.length>0)return void s.updateOptions(e);let i=t.getCatalogData().find((t=>t instanceof R&&!0===t.placeholder));if(i)return void s.updateOptions([new R({...i,selected:!0})])}s.setSelectedByValue(i)}applySelection(t,s,e){let{store:i,render:o,events:r}=this.deps,a=i.getSelected(),n=function(t,s){let e=Array.isArray(s)?s:[s],i=t.getDataOptions(!1),o=[];for(let t of e)if(i.find((s=>s.id==t)))o.push(t);else for(let s of i.filter((s=>s.value==t)))o.push(s.id);return o}(i,t);if(T(a,n))return;i.setSelectedBy("id",n),this.syncNativeSelection(),o.renderValues();let l=o.content.search.input.value.trim();""===l?o.canUpdateOptionSelectionInPlace()?o.updateOptionSelection():o.renderOptions(i.getData(!1)):o.hasRenderedOptions()?o.updateOptionSelection():this.deps.search&&this.deps.search(l),e&&r.afterChange&&!T(a,i.getSelected())&&r.afterChange(i.getSelectedOptions())}applyAddOption(t){let{store:s,select:e,render:i,events:o}=this.deps,r=s.getSelected(),a=""!==i.content.search.input.value.trim()&&!!this.deps.search,n=t.value??t.text??"",l=t=>{for(let s of t)if(s instanceof V){if(s.options.some((t=>(t.value??t.text)===n)))return!0}else if((s.value??s.text)===n)return!0;return!1};if(!l(s.getData(!1)))if(a){let e=s.getCatalogData();l(e)||s.setData([...e,new R(t)],!0),s.snapshotCatalog()}else s.addOption(t),s.snapshotCatalog();let c=s.getData(!1);if(a){let t=s.getSelectedOptions();t.length>0&&e.updateOptions(t)}else e.updateOptions(c);i.renderValues(),i.renderOptions(c),o.afterChange&&!T(r,s.getSelected())&&o.afterChange(s.getSelectedOptions())}},$=class{selectEl;settings;cssClasses;select;store;render;sync;lifecycle;globalEvents;searchGeneration=0;events={search:void 0,searchFilter:(t,s)=>-1!==t.text.toLowerCase().indexOf(s.toLowerCase()),addable:void 0,beforeChange:void 0,afterChange:void 0,beforeOpen:void 0,afterOpen:void 0,beforeClose:void 0,afterClose:void 0};constructor(t){if(this.selectEl="string"==typeof t.select?document.querySelector(t.select):t.select,!this.selectEl)return void(t.events&&t.events.error&&t.events.error(Error("Could not find select element")));if("SELECT"!==this.selectEl.tagName)return void(t.events&&t.events.error&&t.events.error(Error("Element isnt of type select")));this.selectEl.dataset.ssid&&this.destroy(),this.settings=new O(t.settings),void 0===t.settings?.selectAll&&"true"===this.selectEl.dataset.selectall&&(this.settings.selectAll=!0),this.cssClasses=new f(t.cssClasses);let s=["beforeOpen","afterOpen","afterClose"];for(let e in t.events)t.events.hasOwnProperty(e)&&(this.events[e]=-1===s.indexOf(e)?t.events[e]:D(t.events[e],100));this.settings.disabled=t.settings?.disabled?t.settings.disabled:this.selectEl.disabled,this.settings.isMultiple=this.selectEl.multiple,this.settings.style=this.selectEl.style.cssText,this.settings.class=this.selectEl.className.split(" "),this.select=new q(this.selectEl),this.selectEl.id||(this.selectEl.id=this.settings.id),this.select.updateSelect(this.settings.id,this.settings.style,this.settings.class),this.select.hideUI(),this.select.onClassChange=t=>{this.settings.class=t,this.render.updateClassStyles()},this.select.onDisabledChange=t=>{t?this.disable():this.enable()},this.select.onLabelClick=()=>{this.settings.disabled||(this.settings.isOpen?this.close({source:"toggle",selectionChanged:!1}):this.open())};let e=t.data?t.data:this.select.getData();this.store=new N(this.settings.isMultiple?"multiple":"single",e),t.data&&this.select.updateOptions(this.store.getData());let i={open:this.open.bind(this),close:this.close.bind(this),addable:this.events.addable?this.events.addable:void 0,setSelected:(t,s)=>{this.sync.enqueue({type:"selection",values:t,source:"ui",runAfterChange:s})},addOption:t=>{this.sync.enqueue({type:"addOption",option:t,source:"ui"})},search:this.search.bind(this),beforeChange:this.events.beforeChange,afterChange:this.events.afterChange};this.settings.modalTitle=t.settings?.modalTitle??function(t){if(t.labels&&t.labels.length>0){let s=Array.from(t.labels).map(z).filter(Boolean);if(s.length>0)return[...new Set(s)].join(" ")}return t.getAttribute("aria-label")?.trim()||""}(this.selectEl),this.render=new H(this.settings,this.cssClasses,this.store,i),this.settings.timeoutDelay=k(this.render.content.main,t.settings?.timeoutDelay),this.sync=new Z({select:this.select,store:this.store,render:this.render,events:this.events,search:this.search.bind(this)}),this.select.onValueChange=t=>{this.sync.enqueue({type:"selection",values:t.map((t=>t.id||t.value)),source:"native"})},this.select.onOptionsChange=t=>{this.sync.enqueue({type:"structure",data:t||[],source:"native"})},this.lifecycle=new I({beforeOpen:this.events.beforeOpen,afterOpen:this.events.afterOpen,beforeClose:t=>this.events.beforeClose?.(t),onClose:t=>this.applyClose(t),afterClose:()=>{this.render.clearDirectionClasses(),this.render.finalizeModalClose(),this.events.afterClose&&this.events.afterClose()},onOpenReady:()=>this.globalEvents.attachDocumentClick(),onCloseReady:()=>this.globalEvents.detachDocumentClick()},{timeoutDelay:this.settings.timeoutDelay,waitForAnimation:(t,s)=>this.render.waitForAnimation(t,s)}),this.globalEvents=new j({onDocumentClick:this.documentClick.bind(this),onWindowResize:()=>{!this.settings.isOpen&&!this.settings.isFullOpen||this.render.moveContent()},onWindowScroll:()=>{!this.settings.isOpen&&!this.settings.isFullOpen||this.render.moveContent()},onVisibilityChange:()=>{document.hidden&&this.close({source:"api",selectionChanged:!1})}}),this.render.renderValues(),this.render.renderOptions(this.store.getData(!1));let o=this.selectEl.getAttribute("aria-label"),r=this.selectEl.getAttribute("aria-labelledby");if(o)this.render.main.main.setAttribute("aria-label",o);else if(r)this.render.main.main.removeAttribute("aria-label"),this.render.main.main.setAttribute("aria-labelledby",r);else if(this.selectEl.labels&&this.selectEl.labels.length>0){let t=Array.from(this.selectEl.labels).map(((t,s)=>(t.id||=`${this.settings.id}-label-${s}`,t.id)));this.render.main.main.removeAttribute("aria-label"),this.render.main.main.setAttribute("aria-labelledby",t.join(" "))}this.selectEl.parentNode&&this.selectEl.parentNode.insertBefore(this.render.main.main,this.selectEl.nextSibling),this.globalEvents.attach({listenScroll:"auto"===this.settings.openPosition}),this.settings.disabled&&this.disable(),this.settings.alwaysOpen&&this.open(),this.select.setupLabelHandlers(),this.selectEl.slim=this}enable(){this.settings.disabled=!1,this.select.enable(),this.render.enable()}disable(){this.settings.disabled=!0,this.select.disable(),this.render.disable()}getData(){return this.store.getData()}setData(t){this.sync.enqueue({type:"structure",data:t,source:"api"})}getSelected(){let t=this.store.getSelectedOptions();return this.settings.keepOrder&&(t=this.store.selectedOrderOptions(t)),t.map((t=>t.value))}setSelected(t,s=!0){this.sync.enqueue({type:"selection",values:t,source:"api",runAfterChange:s})}addOption(t){this.sync.enqueue({type:"addOption",option:t,source:"api"})}open(){if(this.settings.disabled||this.settings.isOpen)return;this.lifecycle.cancelPending(),this.render.open(),this.settings.showSearch&&this.settings.focusSearch&&this.render.searchFocus(),this.settings.isOpen=!0,this.lifecycle.requestOpen().then((()=>{this.settings.isOpen&&(this.settings.isFullOpen=this.lifecycle.isFullOpen,this.settings.isOpen=this.lifecycle.isOpen)})),"absolute"===this.settings.contentPosition&&!this.render.isModalViewActive()&&this.render.startPositionTracking();let t=this.render.content.search.input.value.trim();""!==t&&this.search(t)}close(t={source:"api",selectionChanged:!1}){!this.settings.isOpen||this.settings.alwaysOpen||this.lifecycle.requestClose(t).then((t=>{t&&(this.settings.isOpen||(this.settings.isOpen=this.lifecycle.isOpen,this.settings.isFullOpen=this.lifecycle.isFullOpen))}))}applyClose(t){this.render.close(),!this.settings.keepSearch&&""!==this.render.content.search.input.value&&(this.sync.flush(),this.search("")),this.render.mainFocus("outside"===t.source||"toggle"===t.source?"click":null),this.settings.isOpen=!1,this.settings.isFullOpen=!1,this.render.stopPositionTracking()}search(t){let s=t.trim();if(""===s)return this.render.content.search.input.value="",void this.clearSearch();this.render.content.search.input.value!==t&&(this.render.content.search.input.value=t),this.events.search?this.runApiSearch(s):this.runLocalSearch(s)}clearSearch(){if(this.searchGeneration++,!this.events.search&&this.render.canFilterOptionsInPlace())return this.render.filterOptionsInPlace("",this.events.searchFilter),void this.render.resetSearchFilterState();this.render.resetSearchFilterState(),this.sync.enqueue({type:"structure",data:this.store.getCatalogData(),source:"api",preserveSelection:!0})}runLocalSearch(t){if(this.render.canFilterOptionsInPlace())return void this.render.filterOptionsInPlace(t,this.events.searchFilter);let s=this.store.search(t,this.events.searchFilter);this.render.renderOptions(s)}runApiSearch(t){let s=++this.searchGeneration;this.render.renderSearching();let e=this.events.search(t,this.store.getSelectedOptions(),this.store.getCatalogData()),i=e=>{s===this.searchGeneration&&this.render.content.search.input.value.trim()===t&&this.sync.enqueue({type:"structure",data:e,source:"api",preserveSelection:!0,isSearchResult:!0})};e instanceof Promise?e.then(i).catch((t=>{s===this.searchGeneration&&this.render.renderError("string"==typeof t?t:t.message)})):Array.isArray(e)?i(e):this.render.renderError("Search event must return a promise or an array of data")}destroy(){this.lifecycle.destroy(),this.render.stopPositionTracking(),this.globalEvents.detach({listenScroll:"auto"===this.settings.openPosition}),this.store.setData([]),this.render.destroy(),this.select.destroy(),delete this.selectEl.slim}documentClick(t){this.settings.isOpen&&t.target&&!A(t.target,this.settings.id)&&this.close({source:"outside",selectionChanged:!1})}};const G={de:{searchPlaceholder:"Suchen…",noResults:"Keine Ergebnisse"},en:{searchPlaceholder:"Search…",noResults:"No results"},fr:{searchPlaceholder:"Rechercher…",noResults:"Aucun résultat"},it:{searchPlaceholder:"Cerca…",noResults:"Nessun risultato"},nl:{searchPlaceholder:"Zoeken…",noResults:"Geen resultaten"},es:{searchPlaceholder:"Buscar…",noResults:"Sin resultados"},pl:{searchPlaceholder:"Szukaj…",noResults:"Brak wyników"},pt:{searchPlaceholder:"Pesquisar…",noResults:"Sem resultados"},sv:{searchPlaceholder:"Sök…",noResults:"Inga resultat"},fi:{searchPlaceholder:"Hae…",noResults:"Ei tuloksia"}};class U{constructor(t){this.typeAheadBuffer="",this.typeAheadLastTime=0,this.config=t,this.init()}open(){var t;null===(t=this.slimSelect)||void 0===t||t.open()}close(){var t;null===(t=this.slimSelect)||void 0===t||t.close()}focus(){var t;null===(t=this.trigger)||void 0===t||t.focus()}blur(){var t;null===(t=this.trigger)||void 0===t||t.blur()}setData(t){var s;null===(s=this.slimSelect)||void 0===s||s.setData(t)}setSelected(t){var s;null===(s=this.slimSelect)||void 0===s||s.setSelected(t)}setDisabled(t){var s,e;t?null===(s=this.slimSelect)||void 0===s||s.disable():null===(e=this.slimSelect)||void 0===e||e.enable()}updateSearchPlaceholder(t){const s=this.config.shadowRoot.querySelector(".ss-search input");s&&(s.placeholder=G[t].searchPlaceholder)}destroy(){var t;null===(t=this.slimSelect)||void 0===t||t.destroy(),this.slimSelect=void 0}get trigger(){return this.config.shadowRoot.querySelector(".ss-main")}init(){const{selectEl:t,popupEl:s,language:e,searchable:i,placeholder:o,disabled:r,readonly:a,multiple:n,clearable:l,data:c}=this.config;this.slimSelect=new $({select:t,settings:{contentLocation:s,contentPosition:"relative",searchHighlight:!0,showSearch:i,focusSearch:i,searchPlaceholder:G[e].searchPlaceholder,searchText:G[e].noResults,placeholderText:o||" ",disabled:r||a,closeOnSelect:!n,allowDeselect:l,modal:"off"},data:c,events:{afterChange:t=>{this.config.onChange(t),this.fixValueDeleteFocus()},afterOpen:()=>{this.highlightOnOpen(),this.config.onOpen()},afterClose:()=>this.config.onClose()}}),this.connectLabelToTrigger(),this.fixSearchListener(),this.fixKeyboardOpen(),this.fixOptionFocus(),this.fixTypeAhead(),this.fixHoverHighlight(),this.fixValueDeleteFocus(),this.highlightFirstOption()}highlightFirstOption(){var t;this.config.popupEl.querySelector(".ss-highlighted")||null===(t=this.slimSelect)||void 0===t||t.render.highlight("down")}highlightOnOpen(){if(this.config.popupEl.querySelector(".ss-highlighted"))return;const t=this.config.popupEl.querySelector(".ss-option.ss-selected:not(.ss-disabled)");t?this.setHighlightedOption(t):this.highlightFirstOption()}fixHoverHighlight(){this.config.popupEl.addEventListener("pointerenter",(t=>this.handlePointerEnter(t)),{capture:!0})}handlePointerEnter(t){if("mouse"!==t.pointerType)return;const s=t.clientX!==this.lastPointerX||t.clientY!==this.lastPointerY;if(this.lastPointerX=t.clientX,this.lastPointerY=t.clientY,!s)return;const e=t.target.closest(".ss-option:not(.ss-disabled)");e&&this.setHighlightedOption(e)}fixSearchListener(){if(!this.config.searchable)return;const t=this.config.shadowRoot.querySelector(".ss-search input");t&&t.addEventListener("input",(s=>{var e,i;s.stopImmediatePropagation(),null===(e=this.slimSelect)||void 0===e||e.search(null!==(i=t.value)&&void 0!==i?i:""),this.highlightFirstOption()}),{capture:!0})}fixKeyboardOpen(){const t=this.trigger;t&&this.config.shadowRoot.addEventListener("keydown",(s=>{var e;const i=s.target;" "!==s.key&&"Enter"!==s.key||i!==t||i.classList.contains("ss-value-delete")||"true"===t.getAttribute("aria-expanded")||(s.preventDefault(),s.stopImmediatePropagation(),null===(e=this.slimSelect)||void 0===e||e.open())}),{capture:!0})}fixValueDeleteFocus(){this.config.multiple&&this.config.shadowRoot.querySelectorAll(".ss-value-delete").forEach((t=>t.setAttribute("tabindex","-1")))}fixOptionFocus(){this.config.popupEl.addEventListener("mousedown",(t=>{t.target.closest(".ss-option")&&t.preventDefault()}),{capture:!0})}fixTypeAhead(){if(this.config.searchable)return;const t=this.trigger;t&&t.addEventListener("keydown",(t=>this.handleTypeAhead(t)))}handleTypeAhead(t){var s;const e=t.key;if(1!==e.length||" "===e||t.ctrlKey||t.metaKey||t.altKey)return;const i=null===(s=this.slimSelect)||void 0===s?void 0:s.render;if(!i)return;const o=Date.now(),r=o-this.typeAheadLastTime<=500;this.typeAheadLastTime=o;const a=r&&this.typeAheadBuffer.length>0&&[...this.typeAheadBuffer].every((t=>t===e));this.typeAheadBuffer=r?this.typeAheadBuffer+e:e;const n=i.getOptions(!0,!0,!0);if(0===n.length)return;const l=i.classes.getFirst("highlighted"),c=this.config.popupEl.querySelector(`.${l}`),h=c?n.indexOf(c):-1,d=a?this.findNextTypeAheadMatch(n,e,h):n.find((t=>this.optionText(t).startsWith(this.typeAheadBuffer.toLowerCase())));d&&(t.preventDefault(),i.content.main.classList.contains(i.classes.getFirst("contentOpen"))?this.setHighlightedOption(d):d.click())}findNextTypeAheadMatch(t,s,e){var i;const o=s.toLowerCase(),r=t.filter((t=>this.optionText(t).startsWith(o)));if(0!==r.length)return null!==(i=r.find((s=>t.indexOf(s)>e)))&&void 0!==i?i:r[0]}optionText(t){var s;return(null!==(s=t.textContent)&&void 0!==s?s:"").trim().toLowerCase()}setHighlightedOption(t){var s;const e=null===(s=this.slimSelect)||void 0===s?void 0:s.render;if(!e)return;const i=e.classes.highlighted,o=this.config.popupEl.querySelector(`.${e.classes.getFirst("highlighted")}`);o&&o!==t&&e.removeClasses(o,i),e.addClasses(t,i),e.ensureElementInView(e.content.list,t),t.id&&e.main.main.setAttribute("aria-activedescendant",t.id)}connectLabelToTrigger(){const t=this.trigger;t&&(t.id=this.config.triggerId,t.setAttribute("aria-labelledby","label"),t.removeAttribute("aria-label"));const s=this.config.shadowRoot.querySelector("label");s&&t&&s.addEventListener("click",(s=>{s.preventDefault(),t.focus()}))}}const Y=class{constructor(i){t(this,i),this.dsChange=s(this,"dsChange"),this.dsFocus=s(this,"dsFocus"),this.dsBlur=s(this,"dsBlur"),this.dsClick=s(this,"dsClick"),i.$hostElement$["s-ei"]?this.internals=i.$hostElement$["s-ei"]:(this.internals=i.$hostElement$.attachInternals(),i.$hostElement$["s-ei"]=this.internals),this.inheritedAttributes={},this.initialValue=null,this.selectId="ds-select-"+W++,this.focused=!1,this.language=e.language,this.region=e.region,this.slottedOptions=[],this.hasInvalidTextSlotContent=!1,this.slottedOptionGroups=[],this.value=null,this.name=this.selectId,this.label="",this.description="",this.color="primary",this.invalid=!1,this.invalidText="",this.required=!0,this.disabled=!1,this.readonly=!1,this.multiple=!1,this.searchable=!1,this.clearable=!1,this.placeholder="",this.options=[],this.optionGroups=[],this.autoInvalidOff=!1,this.handleSlotChange=()=>{this.readOptionsFromSlot(),this.refreshSlimData()}}createLogger(t){this.log=t}valueChanged(t){const s=this.normalizeValue(t);s===t?(this.syncFormValue(s),this.picker&&this.picker.setSelected(null!=s?s:[])):this.value=s}disabledChanged(){this.syncDisabledState()}readonlyChanged(){this.syncDisabledState()}optionsChanged(){this.refreshSlimData()}optionGroupsChanged(){this.refreshSlimData()}connectedCallback(){this.value=this.normalizeValue(this.value),this.initialValue=this.value,this.syncFormValue(this.value),this.disconnectInvalidTextSlotWatcher=d(this.el,(t=>{this.hasInvalidTextSlotContent=t}))}componentWillLoad(){this.inheritedAttributes=c(this.el,["aria-label","tabindex","title"])}componentDidLoad(){if(!this.selectEl||!this.popupEl||!this.el.shadowRoot)return;const t=this.normalizeValue(this.value);t!==this.value&&(this.value=t),this.readOptionsFromSlot(),this.picker=new U({selectEl:this.selectEl,popupEl:this.popupEl,shadowRoot:this.el.shadowRoot,triggerId:this.selectId,language:this.language,placeholder:this.placeholder,searchable:this.searchable,disabled:this.disabled,readonly:this.readonly,multiple:this.multiple,clearable:this.clearable,data:this.buildSlimData(),onChange:t=>this.handleAfterChange(t),onOpen:()=>{this.focused=!0,this.dsFocus.emit(new FocusEvent("focus"))},onClose:()=>{this.focused=!1,this.dsBlur.emit(new FocusEvent("blur"))}}),this.syncFormValue(this.value),this.initialValue=this.value}disconnectedCallback(){var t,s;null===(t=this.picker)||void 0===t||t.destroy(),this.picker=void 0,null===(s=this.disconnectInvalidTextSlotWatcher)||void 0===s||s.call(this)}listenToClick(t){(this.disabled||this.readonly)&&t.target===this.el&&h(t)}listenToReset(t){const s=t.target;(null==s?void 0:s.contains(this.el))&&(this.value=this.initialValue)}async configChanged(t){var s;this.language=t.language,this.region=t.region,this.searchable&&(null===(s=this.picker)||void 0===s||s.updateSearchPlaceholder(t.language))}async open(){var t;null===(t=this.picker)||void 0===t||t.open()}async close(){var t;null===(t=this.picker)||void 0===t||t.close()}async setFocus(){var t;null===(t=this.picker)||void 0===t||t.focus()}async setBlur(){var t;null===(t=this.picker)||void 0===t||t.blur()}handleAfterChange(t){var s,e;const o=t.filter((t=>!t.placeholder));if(this.multiple){const t=o.map((t=>t.value));this.syncFormValue(t),this.value=t,this.dsChange.emit(t)}else{const t=null!==(e=null===(s=o[0])||void 0===s?void 0:s.value)&&void 0!==e?e:null;this.syncFormValue(t),this.value=t,this.dsChange.emit(t),i((()=>{var t;return null===(t=this.picker)||void 0===t?void 0:t.close()}))}}normalizeValue(t){return this.multiple&&"string"==typeof t?t.split(",").map((t=>t.trim())).filter((t=>t.length>0)):t}refreshSlimData(){var t;null===(t=this.picker)||void 0===t||t.setData(this.buildSlimData())}buildSlimData(){return function(t,s,e,i){const o=Array.isArray(i)?i:i?[i]:[],r=[];return r.push({text:e||"",placeholder:!0}),s.length>0?r.push(...s.map((t=>({label:t.label,options:t.options.map((t=>({text:t.label,value:t.value,disabled:!!t.disabled,selected:o.includes(t.value)})))})))):r.push(...t.map((t=>({text:t.label,value:t.value,disabled:!!t.disabled,selected:o.includes(t.value)})))),r}(this.options.length>0?this.options:this.slottedOptions,this.optionGroups.length>0?this.optionGroups:this.slottedOptionGroups,this.placeholder,this.value)}readOptionsFromSlot(){var t;const s=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("slot:not([name])");if(!s)return;const e=s.assignedElements({flatten:!0}),i=e.filter((t=>"ds-select-optgroup"===t.tagName.toLowerCase()));if(i.length>0)this.slottedOptionGroups=i.map((t=>({label:t.label,options:this.mapSelectOptionElements(Array.from(t.querySelectorAll("ds-select-option")))}))),this.slottedOptions=[];else{const t=e.filter((t=>"ds-select-option"===t.tagName.toLowerCase()));this.slottedOptions=this.mapSelectOptionElements(t),this.slottedOptionGroups=[]}}mapSelectOptionElements(t){return t.map((t=>{var s,e;const i=t;return{label:null!==(e=null===(s=i.textContent)||void 0===s?void 0:s.trim())&&void 0!==e?e:"",value:i.value,disabled:i.disabled}}))}syncFormValue(t){if(Array.isArray(t)){const s=new FormData;t.forEach((t=>s.append(this.name,t))),this.internals.setFormValue(s)}else this.internals.setFormValue(t)}syncDisabledState(){var t;null===(t=this.picker)||void 0===t||t.setDisabled(this.disabled||this.readonly)}render(){return o(u,{key:"1e68b393930365907e84fd2b2b1367a509d509e8",disabled:this.disabled,color:this.color,invalid:this.invalid||this.hasInvalidTextSlotContent,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,inputId:this.selectId,onClick:t=>this.dsClick.emit(t)},o("select",Object.assign({key:"f50b6d67d70680ed40cf6a29d25b72cd33dd1cef",name:this.name,multiple:this.multiple,required:this.required,disabled:this.disabled,"aria-hidden":"true",tabindex:-1,ref:t=>this.selectEl=t},this.inheritedAttributes)),o("div",{key:"35ad69176f735d42d7e9b9b4208d232e1c599358",id:"popup",class:{"is-multiple":this.multiple},ref:t=>this.popupEl=t},o("slot",{key:"9b365ee94c8224c714a2470260a3e2de2a9acec0",onSlotchange:this.handleSlotChange})))}static get formAssociated(){return!0}get el(){return r(this)}static get watchers(){return{value:[{valueChanged:0}],disabled:[{disabledChanged:0}],readonly:[{readonlyChanged:0}],options:[{optionsChanged:0}],optionGroups:[{optionGroupsChanged:0}]}}};a([n("select"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],Y.prototype,"createLogger",null),a([m("string"),l("design:type",String)],Y.prototype,"name",void 0),a([m("string"),l("design:type",String)],Y.prototype,"label",void 0),a([m("string"),l("design:type",String)],Y.prototype,"description",void 0),a([v(p),l("design:type",String)],Y.prototype,"color",void 0),a([m("boolean"),l("design:type",Boolean)],Y.prototype,"invalid",void 0),a([m("string"),l("design:type",String)],Y.prototype,"invalidText",void 0),a([m("boolean"),l("design:type",Boolean)],Y.prototype,"required",void 0),a([m("boolean"),l("design:type",Boolean)],Y.prototype,"disabled",void 0),a([m("boolean"),l("design:type",Boolean)],Y.prototype,"readonly",void 0),a([m("boolean"),l("design:type",Boolean)],Y.prototype,"multiple",void 0),a([m("boolean"),l("design:type",Boolean)],Y.prototype,"searchable",void 0),a([m("boolean"),l("design:type",Boolean)],Y.prototype,"clearable",void 0),a([m("string"),l("design:type",String)],Y.prototype,"placeholder",void 0),a([m("boolean"),l("design:type",Boolean)],Y.prototype,"autoInvalidOff",void 0),a([g(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],Y.prototype,"configChanged",null);let W=0;Y.style=":root{--ss-primary-color:#5897fb;--ss-bg-color:#ffffff;--ss-font-color:#4d4d4d;--ss-placeholder-color:#8d8d8d;--ss-disabled-color:#dcdee2;--ss-border-color:#dcdee2;--ss-highlight-color:#fffb8c;--ss-focus-color:var(--ss-primary-color);--ss-success-color:#00b755;--ss-error-color:#dc3545;--ss-main-height:40px;--ss-content-height:300px;--ss-modal-height:85vh;--ss-modal-width:min(90vw, 400px);--ss-search-height:var(--ss-main-height);--ss-option-height:var(--ss-main-height);--ss-spacing-l:9px;--ss-spacing-m:7px;--ss-spacing-s:5px;--ss-animation-timing:0.2s;--ss-border-radius:4px;--ss-modal-z-index:1000001}@-webkit-keyframes ss-valueIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes ss-valueIn{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@-webkit-keyframes ss-valueOut{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}@keyframes ss-valueOut{0%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(0);transform:scale(0);opacity:0}}.ss-hide{display:none !important}.ss-main{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--ss-font-color);min-height:var(--ss-main-height);width:100%;padding:0 var(--ss-spacing-s);cursor:pointer;border:1px solid var(--ss-border-color);border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);outline:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color var(--ss-animation-timing),border-radius var(--ss-animation-timing);transition:background-color var(--ss-animation-timing),border-radius var(--ss-animation-timing)}@media (prefers-reduced-motion: reduce){.ss-main{-webkit-transition:background-color var(--ss-animation-timing);transition:background-color var(--ss-animation-timing)}}.ss-main{overflow:hidden}.ss-main:focus{-webkit-box-shadow:0 0 5px var(--ss-focus-color);box-shadow:0 0 5px var(--ss-focus-color)}.ss-main.ss-disabled{background-color:var(--ss-disabled-color);cursor:not-allowed}.ss-main.ss-disabled .ss-values .ss-disabled{color:var(--ss-font-color)}.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{cursor:not-allowed}.ss-main.ss-dir-above{border-top-left-radius:0px;border-top-right-radius:0px}.ss-main.ss-dir-below{border-bottom-left-radius:0px;border-bottom-right-radius:0px}.ss-main .ss-values{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-item-align:stretch;align-self:stretch;gap:var(--ss-spacing-m);-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;max-width:100%;padding:var(--ss-spacing-s) 0;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden}.ss-main .ss-values:has(.ss-multi-string){-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:0}.ss-main .ss-values:has(.ss-single),.ss-main .ss-values:has(.ss-placeholder){-ms-flex-wrap:nowrap;flex-wrap:nowrap}.ss-main .ss-values .ss-single,.ss-main .ss-values .ss-placeholder,.ss-main .ss-values .ss-multi-string{display:block;-ms-flex:1 1 0%;flex:1 1 0%;min-width:0;width:100%;max-width:100%;margin:0;padding:0 var(--ss-spacing-m) 0 calc(var(--ss-spacing-l) - var(--ss-spacing-s));line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-box-sizing:border-box;box-sizing:border-box}.ss-main .ss-values .ss-placeholder{color:var(--ss-placeholder-color)}.ss-main .ss-values .ss-max{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-size:12px;color:var(--ss-bg-color);line-height:1;padding:var(--ss-spacing-s) var(--ss-spacing-m);background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius)}.ss-main .ss-values .ss-value{display:-ms-flexbox;display:flex;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-flex-align:center;align-items:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;max-width:100%;background-color:var(--ss-primary-color);border-radius:var(--ss-border-radius);-webkit-animation-name:ss-valueIn;animation-name:ss-valueIn;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media (prefers-reduced-motion: reduce){.ss-main .ss-values .ss-value{-webkit-animation:none;animation:none}}.ss-main .ss-values .ss-value.ss-value-out{-webkit-animation-name:ss-valueOut;animation-name:ss-valueOut;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}.ss-main .ss-values .ss-value.ss-highlighted{-webkit-box-shadow:inset 0 0 0 2px var(--ss-bg-color);box-shadow:inset 0 0 0 2px var(--ss-bg-color);outline:2px solid var(--ss-font-color);outline-offset:-2px}.ss-main .ss-values .ss-value .ss-value-text{-ms-flex:1;flex:1;min-width:0;font-size:12px;line-height:1;color:var(--ss-bg-color);padding:var(--ss-spacing-s) var(--ss-spacing-m);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-main .ss-values .ss-value .ss-value-delete{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:var(--ss-spacing-l);width:var(--ss-spacing-l);padding:var(--ss-spacing-s) var(--ss-spacing-m);cursor:pointer;border-left:solid 1px var(--ss-bg-color);-webkit-box-sizing:content-box;box-sizing:content-box}.ss-main .ss-values .ss-value .ss-value-delete svg{height:var(--ss-spacing-l);width:var(--ss-spacing-l)}.ss-main .ss-values .ss-value .ss-value-delete svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-deselect{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:auto;padding:0 var(--ss-spacing-m) 0 var(--ss-spacing-m)}.ss-main .ss-deselect svg{width:8px;height:8px}.ss-main .ss-deselect svg path{fill:none;stroke:var(--ss-font-color);stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-main .ss-arrow{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:12px;height:12px;margin:auto var(--ss-spacing-m) auto var(--ss-spacing-m)}.ss-main .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition:var(--ss-animation-timing);transition:var(--ss-animation-timing)}.ss-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.ss-content{position:absolute;display:-ms-flexbox;display:flex;height:auto;-ms-flex-direction:column;flex-direction:column;width:auto;max-height:var(--ss-content-height);-webkit-box-sizing:border-box;box-sizing:border-box;border:solid 1px var(--ss-border-color);background-color:var(--ss-bg-color);min-height:0;-webkit-transition:opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);transition:opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing);transition:transform var(--ss-animation-timing),opacity var(--ss-animation-timing),-webkit-transform var(--ss-animation-timing);opacity:0;-webkit-transform:scaleY(0);transform:scaleY(0);overflow:hidden;z-index:10000}@media (prefers-reduced-motion: reduce){.ss-content{-webkit-transition:none;transition:none}}.ss-content.ss-relative{position:relative;height:100%;z-index:auto}.ss-content.ss-fixed{position:fixed}.ss-content.ss-dir-above{-webkit-transform-origin:center bottom;transform-origin:center bottom;-ms-flex-direction:column-reverse;flex-direction:column-reverse;border-top-left-radius:var(--ss-border-radius);border-top-right-radius:var(--ss-border-radius)}.ss-content.ss-dir-below{-webkit-transform-origin:center top;transform-origin:center top;border-bottom-left-radius:var(--ss-border-radius);border-bottom-right-radius:var(--ss-border-radius)}.ss-content.ss-open{opacity:1;-webkit-transform:scaleY(1);transform:scaleY(1)}.ss-content .ss-search{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;gap:var(--ss-spacing-s);min-height:var(--ss-search-height);padding:0 var(--ss-spacing-s);-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid var(--ss-border-color)}.ss-content .ss-search input{display:-ms-inline-flexbox;display:inline-flex;font-size:inherit;line-height:inherit;-ms-flex:1 1 auto;flex:1 1 auto;width:100%;min-width:0;min-height:0;height:100%;padding:0 var(--ss-spacing-m);margin:0;border:none;background-color:var(--ss-bg-color);outline:0;text-align:left;-webkit-box-sizing:border-box;box-sizing:border-box}.ss-content .ss-search input::-webkit-input-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input::-moz-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:-ms-input-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input::-ms-input-placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input::placeholder{color:var(--ss-placeholder-color);vertical-align:middle}.ss-content .ss-search input:focus{-webkit-box-shadow:none;box-shadow:none}.ss-content .ss-search .ss-addable{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;cursor:pointer;-ms-flex:0 0 auto;flex:0 0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;width:22px;height:22px;margin:auto 0;padding:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-primary-color)}.ss-content .ss-search .ss-addable svg{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex:0 0 auto;flex:0 0 auto;width:10px;height:10px;margin:0}.ss-content .ss-search .ss-addable svg path{fill:none;stroke:var(--ss-bg-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-search .ss-selectall{margin-left:auto}.ss-content .ss-selectall{-ms-flex:0 0 auto;flex:0 0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;gap:var(--ss-spacing-s);-webkit-transition:opacity var(--ss-animation-timing);transition:opacity var(--ss-animation-timing)}.ss-content .ss-selectall:hover{opacity:.7}.ss-content .ss-selectall span{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;font-size:65%;color:var(--ss-font-color);text-align:center;white-space:nowrap}.ss-content .ss-selectall svg{-ms-flex:0 0 auto;flex:0 0 auto;width:15px;height:15px;border-radius:calc(var(--ss-border-radius)*.5)}.ss-content .ss-selectall svg path{stroke-linecap:round;stroke-linejoin:round;-webkit-transition:fill var(--ss-animation-timing),stroke var(--ss-animation-timing);transition:fill var(--ss-animation-timing),stroke var(--ss-animation-timing)}.ss-content .ss-selectall svg path:first-child{fill:var(--ss-bg-color);stroke:var(--ss-border-color);stroke-width:8}.ss-content .ss-selectall svg path:last-child{fill:none;stroke:rgba(0,0,0,0);stroke-width:10}.ss-content .ss-selectall.ss-selected svg{-webkit-animation-name:ss-valueIn;animation-name:ss-valueIn;-webkit-animation-duration:var(--ss-animation-timing);animation-duration:var(--ss-animation-timing);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@media (prefers-reduced-motion: reduce){.ss-content .ss-selectall.ss-selected svg{-webkit-animation:none;animation:none}}.ss-content .ss-selectall.ss-selected svg path:first-child{fill:var(--ss-primary-color);stroke:var(--ss-primary-color)}.ss-content .ss-selectall.ss-selected svg path:last-child{stroke:var(--ss-bg-color)}.ss-content.ss-dir-above .ss-search{border-bottom:none;border-top:1px solid var(--ss-border-color)}.ss-content .ss-list{-ms-flex:1 1 auto;flex:1 1 auto;height:auto;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-content .ss-list .ss-error{color:var(--ss-error-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-searching{color:var(--ss-font-color);padding:var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-option{min-height:0;-webkit-transition:max-height var(--ss-animation-timing) ease,min-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease;transition:max-height var(--ss-animation-timing) ease,min-height var(--ss-animation-timing) ease,opacity var(--ss-animation-timing) ease,padding-top var(--ss-animation-timing) ease,padding-bottom var(--ss-animation-timing) ease,margin-top var(--ss-animation-timing) ease,margin-bottom var(--ss-animation-timing) ease}.ss-content .ss-list .ss-optgroup:not(.ss-close):not(.ss-open) .ss-option{min-height:var(--ss-option-height)}.ss-content .ss-list .ss-optgroup.ss-open .ss-option{min-height:var(--ss-option-height);max-height:100px;opacity:1;overflow:visible}.ss-content .ss-list .ss-optgroup.ss-close .ss-option{min-height:0 !important;padding-top:0 !important;padding-bottom:0 !important;margin-top:0 !important;margin-bottom:0 !important;max-height:0;opacity:0;overflow:hidden}.ss-content .ss-list .ss-optgroup .ss-optgroup-label{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text{-ms-flex:1 1 auto;flex:1 1 auto;font-weight:bold;color:var(--ss-font-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow){cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;gap:var(--ss-spacing-m)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable{-ms-flex:0 1 auto;flex:0 1 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;cursor:pointer}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow{-ms-flex:1 1 auto;flex:1 1 auto;width:10px;height:10px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path{fill:none;stroke:var(--ss-font-color);stroke-width:18;stroke-linecap:round;stroke-linejoin:round;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;-webkit-transition:var(--ss-animation-timing);transition:var(--ss-animation-timing)}.ss-content .ss-list .ss-optgroup .ss-option{padding:0 var(--ss-spacing-l) 0 calc(var(--ss-spacing-l)*3)}.ss-content .ss-list .ss-option{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:var(--ss-option-height);padding:0 var(--ss-spacing-l);white-space:normal;color:var(--ss-font-color);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;content-visibility:auto;contain-intrinsic-size:auto var(--ss-option-height)}.ss-content .ss-list .ss-option:hover:not(.ss-disabled){color:var(--ss-bg-color);background-color:var(--ss-primary-color);border-left:5px solid var(--ss-primary-color);-webkit-transition:border-left var(--ss-animation-timing) ease;transition:border-left var(--ss-animation-timing) ease}.ss-content .ss-list .ss-option.ss-highlighted,.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected{color:var(--ss-bg-color);background-color:var(--ss-primary-color)}.ss-content .ss-list .ss-option.ss-disabled{cursor:not-allowed;background-color:var(--ss-disabled-color)}.ss-content .ss-list .ss-option.ss-disabled:hover{color:var(--ss-font-color)}.ss-content .ss-list .ss-option .ss-search-highlight{display:inline-block;background-color:var(--ss-highlight-color)}.ss-content .ss-list .ss-search{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;min-height:var(--ss-search-height);padding:0 var(--ss-spacing-l)}.ss-modal-overlay{position:fixed;inset:0;z-index:var(--ss-modal-z-index);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--ss-spacing-l);-webkit-box-sizing:border-box;box-sizing:border-box;background-color:rgba(0,0,0,.8);opacity:0;-webkit-transition:opacity var(--ss-animation-timing);transition:opacity var(--ss-animation-timing)}@media (prefers-reduced-motion: reduce){.ss-modal-overlay{-webkit-transition:none;transition:none}}.ss-modal-overlay.ss-open{opacity:1}.ss-modal-overlay .ss-modal-dialog{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;max-width:var(--ss-modal-width);max-height:var(--ss-modal-height);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-modal-title{-ms-flex:0 0 auto;flex:0 0 auto;width:100%;padding:0 0 var(--ss-spacing-l);-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:bold;font-size:1.35em;line-height:1.3;color:#fff;text-align:left;background:none;border:none}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content{position:relative !important;top:auto !important;left:auto !important;width:100% !important;max-width:100%;max-height:var(--ss-modal-height);min-height:0;margin:0 !important;-webkit-transform-origin:center center;transform-origin:center center;z-index:1;border-radius:var(--ss-border-radius);overflow:visible}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close{position:absolute;top:0;right:0;z-index:2;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:28px;height:28px;padding:0;margin:0;border:none;border-radius:var(--ss-border-radius);background-color:var(--ss-bg-color);color:var(--ss-font-color);cursor:pointer;outline:0;-webkit-box-shadow:0 1px 4px rgba(0,0,0,.5);box-shadow:0 1px 4px rgba(0,0,0,.5);-webkit-transform:translate(50%, -50%);transform:translate(50%, -50%)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:hover{background-color:var(--ss-bg-color);-webkit-box-shadow:0 2px 6px rgba(0,0,0,.16);box-shadow:0 2px 6px rgba(0,0,0,.16)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close:focus{-webkit-box-shadow:0 0 5px var(--ss-focus-color);box-shadow:0 0 5px var(--ss-focus-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg{width:10px;height:10px}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-modal-close svg path{fill:none;stroke:currentColor;stroke-width:20;stroke-linecap:round;stroke-linejoin:round}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-list{min-height:0;overflow-x:hidden;overflow-y:auto;border-radius:0 0 var(--ss-border-radius) var(--ss-border-radius);scrollbar-color:var(--ss-primary-color) var(--ss-bg-color)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content .ss-search.ss-hide~.ss-list{border-radius:var(--ss-border-radius)}.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-above,.ss-modal-overlay .ss-modal-dialog .ss-content.ss-modal-content.ss-dir-below{-ms-flex-direction:column;flex-direction:column;-webkit-transform-origin:center center;transform-origin:center center}:host{--_form-field-gap:var(--form-field-gap, var(--mod-form-field-gap, 0.25rem));--_form-container-background:var(--form-container-background, var(--mod-form-container-background, var(--ds-form-default-container-background)));--_form-container-border:var(--form-container-border, var(--mod-form-container-border, var(--ds-form-default-container-border)));--_form-container-radius:var(--form-container-radius, var(--mod-form-container-radius, var(--ds-form-container-radius)));--_form-container-hover-background:var(--form-container-hover-background, var(--mod-form-container-hover-background, var(--ds-form-hover-container-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-active-container-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-focus-container-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-hover-container-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-active-container-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-focus-container-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)));--_select-family:var(--select-family, var(--mod-select-family, var(--ds-form-default-control-typo-font-family)));--_select-weight:var(--select-weight, var(--mod-select-weight, var(--ds-form-default-control-typo-font-weight)));--_select-line-height:var(--select-line-height, var(--mod-select-line-height, var(--ds-form-default-control-typo-line-height)));--_select-size:var(--select-size, var(--mod-select-size, var(--ds-form-default-control-typo-font-size)));--_select-color:var(--select-color, var(--mod-select-color, var(--ds-form-default-control-value-color)));--_select-placeholder:var(--select-placeholder, var(--mod-select-placeholder, var(--ds-form-default-control-placeholder-color)));--_select-background-color:var(--select-background-color, var(--mod-select-background-color, var(--ds-select-color-background)));--_select-text-color:var(--select-text-color, var(--mod-select-text-color, var(--ds-select-color-text)));--_select-primary-color:var(--select-primary-color, var(--mod-select-primary-color, var(--ds-select-color-primary)));--_select-placeholder-color:var(--select-placeholder-color, var(--mod-select-placeholder-color, var(--ds-select-color-placeholder)));--_select-disabled-color:var(--select-disabled-color, var(--mod-select-disabled-color, var(--ds-select-color-disabled)));--_select-border-color:var(--select-border-color, var(--mod-select-border-color, var(--ds-select-color-border)));--_select-highlight-color:var(--select-highlight-color, var(--mod-select-highlight-color, var(--ds-select-color-highlight)));--_select-focus-color:var(--select-focus-color, var(--mod-select-focus-color, var(--ds-select-color-focus)));--_select-success-color:var(--select-success-color, var(--mod-select-success-color, var(--ds-select-color-success)));--_select-error-color:var(--select-error-color, var(--mod-select-error-color, var(--ds-select-color-error)));--_select-radius:var(--select-radius, var(--mod-select-radius, var(--ds-select-radius)));--_select-content-family:var(--select-content-family, var(--mod-select-content-family, var(--ds-select-content-family)));--_select-content-background-color:var(--select-content-background-color, var(--mod-select-content-background-color, var(--ds-select-content-color-background)));--_select-content-shadow:var(--select-content-shadow, var(--mod-select-content-shadow, var(--ds-select-content-shadow)));--_select-content-border:var(--select-content-border, var(--mod-select-content-border, var(--ds-select-content-border)));--_select-content-radius:var(--select-content-radius, var(--mod-select-content-radius, var(--ds-select-content-radius)));--_select-content-padding:var(--select-content-padding, var(--mod-select-content-padding, var(--ds-select-content-padding)));--_select-search-text-color:var(--select-search-text-color, var(--mod-select-search-text-color, var(--ds-select-search-color-text)));--_select-option-text-color:var(--select-option-text-color, var(--mod-select-option-text-color, var(--ds-select-option-color-text-base)));--_select-option-background-color:var(--select-option-background-color, var(--mod-select-option-background-color, var(--ds-select-option-color-background-base)));--_select-option-border-color:var(--select-option-border-color, var(--mod-select-option-border-color, var(--ds-select-option-color-border)));--_select-option-selected-weight:var(--select-option-selected-weight, var(--mod-select-option-selected-weight, var(--ds-select-option-weight-selected)));--_select-option-selected-icon-color:var(--select-option-selected-icon-color, var(--mod-select-option-selected-icon-color, var(--ds-select-option-color-icon-selected)));--_select-option-selected-text-color:var(--select-option-selected-text-color, var(--mod-select-option-selected-text-color, var(--ds-select-option-color-text-selected)));--_select-option-selected-background-color:var(--select-option-selected-background-color, var(--mod-select-option-selected-background-color, var(--ds-select-option-color-background-selected)));--_select-option-hover-text-color:var(--select-option-hover-text-color, var(--mod-select-option-hover-text-color, var(--ds-select-option-color-text-highlight)));--_select-option-hover-background-color:var(--select-option-hover-background-color, var(--mod-select-option-hover-background-color, var(--ds-select-option-color-background-hover)));--_select-option-highlight-text-color:var(--select-option-highlight-text-color, var(--mod-select-option-highlight-text-color, var(--ds-select-option-color-text-highlight)));--_select-option-highlight-background-color:var(--select-option-highlight-background-color, var(--mod-select-option-highlight-background-color, var(--ds-select-option-color-background-highlight)));--_select-option-disabled-text-color:var(--select-option-disabled-text-color, var(--mod-select-option-disabled-text-color, var(--ds-select-option-color-text-disabled)));--_select-option-disabled-background-color:var(--select-option-disabled-background-color, var(--mod-select-option-disabled-background-color, var(--ds-select-option-color-background-disabled)));--_select-optgroup-background-color:var(--select-optgroup-background-color, var(--mod-select-optgroup-background-color, var(--ds-select-optgroup-color-background)));--_select-optgroup-text-color:var(--select-optgroup-text-color, var(--mod-select-optgroup-text-color, var(--ds-select-optgroup-color-text)));--_select-optgroup-weight:var(--select-optgroup-weight, var(--mod-select-optgroup-weight, var(--ds-select-optgroup-weight)));--_select-icon-color:var(--select-icon-color, var(--mod-select-icon-color, var(--ds-select-icon-color-base)));--_select-icon-hover-color:var(--select-icon-hover-color, var(--mod-select-icon-hover-color, var(--ds-select-icon-color-hover)));--_select-icon-active-color:var(--select-icon-active-color, var(--mod-select-icon-active-color, var(--ds-select-icon-color-active)));--_select-tag-background-color:var(--select-tag-background-color, var(--mod-select-tag-background-color, var(--ds-select-chip-color-background)));--_select-tag-text-color:var(--select-tag-text-color, var(--mod-select-tag-text-color, var(--ds-select-chip-color-text)));--_select-tag-family:var(--select-tag-family, var(--mod-select-tag-family, var(--ds-select-chip-family)));--_select-checkbox-border-color:var(--select-checkbox-border-color, var(--mod-select-checkbox-border-color, var(--ds-select-checkbox-color-border-base)));--_select-checkbox-selected-background-color:var(--select-checkbox-selected-background-color, var(--mod-select-checkbox-selected-background-color, var(--ds-select-checkbox-color-background-selected)));--_select-checkbox-selected-border-color:var(--select-checkbox-selected-border-color, var(--mod-select-checkbox-selected-border-color, var(--ds-select-checkbox-color-border-selected)));--_select-focus-ring-color:var(--select-focus-ring-color, var(--mod-select-focus-ring-color, var(--ds-select-color-focus-ring)));--ss-bg-color:var(--_select-background-color);--ss-font-color:var(--_select-text-color);--ss-primary-color:var(--_select-primary-color);--ss-placeholder-color:var(--_select-placeholder-color);--ss-disabled-color:var(--_select-disabled-color);--ss-border-color:var(--_select-border-color);--ss-highlight-color:var(--_select-highlight-color);--ss-focus-color:var(--_select-focus-color);--ss-success-color:var(--_select-success-color);--ss-error-color:var(--_select-error-color);--ss-main-height:40px;--ss-content-height:300px;--ss-modal-height:85vh;--ss-modal-width:min(90vw, 400px);--ss-search-height:var(--ss-main-height);--ss-option-height:var(--ss-main-height);--ss-spacing-l:8px;--ss-spacing-m:4px;--ss-spacing-s:2px;--ss-icon-spacing:10px;--ss-animation-timing:0.2s;--ss-border-radius:var(--_select-radius);--ss-modal-z-index:1000001}:host{position:relative;display:grid;gap:var(--_form-field-gap)}:host #container{-webkit-box-sizing:border-box;box-sizing:border-box;clear:both;display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;min-height:3rem;gap:.25rem;padding-inline:.5rem;background:var(--_form-container-background);border:var(--_form-container-border);border-radius:var(--_form-container-radius)}@media (hover: hover)and (pointer: fine){:host #container:hover,:host #container.is-hovered{background:var(--_form-container-hover-background);border:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border:var(--_form-container-focus-border)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host #inner{position:relative;display:grid;gap:var(--_form-field-gap)}:host select{display:none}:host #container{position:relative;padding-inline:0;cursor:pointer}:host(.is-danger){--mod-form-container-border:var(--ds-form-danger-container-border);--mod-form-description-color:var(--ds-form-danger-description-color);--mod-form-container-hover-border:var(--ds-form-danger-container-border);--mod-form-container-active-border:var(--ds-form-danger-container-border)}:host(.is-success){--mod-form-container-border:var(--ds-form-success-container-border);--mod-form-description-color:var(--ds-form-success-description-color);--mod-form-container-hover-border:var(--ds-form-success-container-border);--mod-form-container-active-border:var(--ds-form-success-container-border)}:host(.is-warning){--mod-form-container-border:var(--ds-form-warning-container-border);--mod-form-description-color:var(--ds-form-warning-description-color);--mod-form-container-hover-border:var(--ds-form-warning-container-border);--mod-form-container-active-border:var(--ds-form-warning-container-border)}:host(.is-disabled){pointer-events:none;cursor:default;--mod-form-container-background:var(--ds-form-disabled-container-background);--mod-form-container-border:var(--ds-form-disabled-container-border);--mod-form-label-color:var(--ds-form-disabled-label-color);--mod-form-description-color:var(--ds-form-disabled-description-color);--mod-select-text-color:var(--ds-form-disabled-control-value-color);--mod-select-placeholder-color:var(--ds-form-disabled-control-placeholder-color)}:host(.is-disabled) .ss-main.ss-disabled{background:none}:host(.is-disabled) .ss-main.ss-disabled .ss-arrow{background-color:var(--ds-form-disabled-control-value-color)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value{background-color:var(--ds-tag-disabled-color-background)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value .ss-value-text{color:var(--ds-tag-disabled-color-text)}:host(.is-disabled) .ss-main.ss-disabled .ss-values .ss-value .ss-value-delete{display:none}:host #container{position:relative}:host #popup{display:block}:host .ss-main{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}@media print{:host .ss-main{display:none !important}}:host .ss-main{padding:0;margin:0;border:none;-webkit-box-shadow:none;box-shadow:none;background:none;font-family:var(--_select-content-family)}:host .ss-content{background-color:var(--_select-content-background-color);-webkit-box-shadow:var(--_select-content-shadow);box-shadow:var(--_select-content-shadow);border-radius:var(--_select-content-radius);padding:var(--_select-content-padding) 0;border:var(--_select-content-border);margin:0 !important;position:absolute;top:calc(100% + 4px);left:-4px;width:calc(100% + 8px);z-index:var(--ds-alias-z-index-popup);min-height:0;max-height:300px;height:auto}@media (prefers-reduced-motion: reduce){:host .ss-content{-webkit-transition:none !important;transition:none !important;-webkit-animation:none !important;animation:none !important}}:host .ss-content .ss-list{scrollbar-width:thin;scrollbar-color:var(--_select-option-border-color) rgba(0,0,0,0)}:host .ss-content .ss-list::-webkit-scrollbar{width:8px}:host .ss-content .ss-list::-webkit-scrollbar-track{background:rgba(0,0,0,0)}:host .ss-content .ss-list::-webkit-scrollbar-thumb{background-color:var(--_select-option-border-color);background-clip:padding-box;border:2px solid rgba(0,0,0,0);border-radius:9999px}:host .ss-content>.ss-search{position:relative;border-bottom:var(--_select-content-border);margin-bottom:var(--_select-content-padding);padding:0 var(--_select-content-padding)}:host .ss-content>.ss-search::before{-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C7.29578 12 8.49562 11.5892 9.47642 10.8908L12.2929 13.7073C12.6834 14.0978 13.3166 14.0978 13.7071 13.7073C14.0976 13.3168 14.0976 12.6836 13.7071 12.2931L10.8907 9.47665C11.5892 8.49581 12 7.29588 12 6C12 2.68629 9.31371 0 6 0Z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6C2 3.79086 3.79086 2 6 2C8.20914 2 10 3.79086 10 6C10 8.20914 8.20914 10 6 10C3.79086 10 2 8.20914 2 6ZM6 0C2.68629 0 0 2.68629 0 6C0 9.31371 2.68629 12 6 12C7.29578 12 8.49562 11.5892 9.47642 10.8908L12.2929 13.7073C12.6834 14.0978 13.3166 14.0978 13.7071 13.7073C14.0976 13.3168 14.0976 12.6836 13.7071 12.2931L10.8907 9.47665C11.5892 8.49581 12 7.29588 12 6C12 2.68629 9.31371 0 6 0Z'/%3E%3C/svg%3E\");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;content:\"\";position:absolute;top:50%;left:calc(var(--_select-content-padding)*3);width:14px;height:14px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--_select-placeholder-color);pointer-events:none}:host .ss-content>.ss-search input{color:var(--_select-search-text-color);padding-left:calc(var(--_select-content-padding) + var(--_select-content-padding) + 14px + var(--ss-spacing-l))}:host .ss-content>.ss-search input[type=search]::-ms-clear{display:none;width:0;height:0}:host .ss-content>.ss-search input[type=search]::-ms-reveal{display:none;width:0;height:0}:host .ss-content>.ss-search input[type=search]::-webkit-search-decoration,:host .ss-content>.ss-search input[type=search]::-webkit-search-cancel-button,:host .ss-content>.ss-search input[type=search]::-webkit-search-results-button,:host .ss-content>.ss-search input[type=search]::-webkit-search-results-decoration{display:none}:host .ss-list .ss-search{padding:0 calc(var(--_select-content-padding)*2);color:var(--_select-placeholder-color);border:none}:host .ss-content .ss-list .ss-option .ss-search-highlight{font-weight:var(--_select-option-selected-weight);color:var(--_select-option-highlight-text-color);border-radius:var(--_select-radius)}:host .ss-content .ss-list .ss-option{color:var(--_select-option-text-color);background-color:var(--_select-option-background-color);border-left:none !important;border-radius:var(--ds-alias-radius-base);margin:0 var(--_select-content-padding)}:host .ss-content .ss-list .ss-option::after{display:block;content:\"\";width:14px;height:14px;-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;margin-left:auto}:host .ss-content .ss-list .ss-option:hover:not(.ss-disabled):not(.ss-highlighted){color:var(--_select-option-text-color);background-color:var(--_select-option-background-color)}:host .ss-content .ss-list .ss-option.ss-selected{font-weight:var(--_select-option-selected-weight);background-color:var(--_select-option-selected-background-color);color:var(--_select-option-selected-text-color)}:host .ss-content .ss-list .ss-option.ss-selected::after{-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--_select-option-selected-icon-color)}:host .ss-content .ss-list .ss-option:active:not(.ss-disabled){background-color:var(--_select-option-hover-background-color);color:var(--_select-option-hover-text-color)}:host .ss-content .ss-list .ss-option.ss-highlighted{background-color:var(--_select-option-highlight-background-color);color:var(--_select-option-highlight-text-color)}:host .ss-content .ss-list .ss-option.ss-disabled{background-color:var(--_select-option-disabled-background-color);color:var(--_select-option-disabled-text-color)}:host .ss-main .ss-deselect{--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p:var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon:var(--close-icon, var(--mod-close-icon, url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E\")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host .ss-main .ss-deselect{display:none !important}}:host .ss-main .ss-deselect{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;border:none;background:rgba(0,0,0,0);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .ss-main .ss-deselect::after{content:\"\";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host .ss-main .ss-deselect:not(:disabled){cursor:pointer}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:not(:disabled):focus-visible:not(:active),:host .ss-main .ss-deselect:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host .ss-main .ss-deselect{--close-color-icon:var(--_select-icon-color);--close-color-focus:var(--_select-focus-ring-color)}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:hover,:host .ss-main .ss-deselect.is-hovered{--close-color-icon:var(--_select-icon-hover-color)}}:host .ss-main .ss-deselect:active,:host .ss-main .ss-deselect.is-pressed{--close-color-icon:var(--_select-icon-active-color)}:host .ss-main .ss-deselect svg{display:none}:host .ss-main .ss-arrow{display:block;width:1rem;height:1rem;margin-inline:var(--ss-icon-spacing);-webkit-mask-image:url(\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E\");mask-image:url(\"data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2010%2010'%3E%3Cpath%20fill='black'%20d='M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z'/%3E%3C/svg%3E\");-webkit-mask-size:100%;mask-size:100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:var(--_select-icon-color);-webkit-transition:-webkit-transform var(--ss-animation-timing) ease-in-out;transition:-webkit-transform var(--ss-animation-timing) ease-in-out;transition:transform var(--ss-animation-timing) ease-in-out;transition:transform var(--ss-animation-timing) ease-in-out, -webkit-transform var(--ss-animation-timing) ease-in-out}:host .ss-main .ss-arrow path{display:none}:host .ss-main.ss-dir-below .ss-arrow{-webkit-transform:rotate(180deg);transform:rotate(180deg)}:host .ss-main .ss-values{padding-inline:var(--ss-icon-spacing)}:host .ss-main .ss-values .ss-single{padding-inline:0}:host .ss-main .ss-values .ss-value{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;min-height:1.5rem;padding-block:var(--ds-tag-size-sm-padding-y);padding-inline:var(--ds-tag-size-sm-padding-x);border-radius:var(--ds-tag-radius);background-color:var(--_select-tag-background-color)}:host .ss-main .ss-values .ss-value .ss-value-text{color:var(--_select-tag-text-color);font-family:var(--_select-tag-family);line-height:1;font-size:var(--ds-tag-size-sm-font-size);font-weight:var(--ds-tag-size-sm-font-weight);padding:0}:host .ss-main .ss-values .ss-value .ss-value-delete{--_close-color-background:var(--close-color-background, var(--mod-close-color-background, var(--ds-close-primary-color-background-base)));--_close-color-background-hover:var(--close-color-background-hover, var(--mod-close-color-background-hover, var(--ds-close-primary-color-background-hover)));--_close-color-background-active:var(--close-color-background-active, var(--mod-close-color-background-active, var(--ds-close-primary-color-background-active)));--_close-color-icon:var(--close-color-icon, var(--mod-close-color-icon, var(--ds-close-primary-color-icon-base)));--_close-color-focus:var(--close-color-focus, var(--mod-close-color-focus, var(--ds-alias-interaction-focus-color-base)));--_close-radius:var(--close-radius, var(--mod-close-radius, var(--ds-close-radius)));--_close-size-icon:var(--close-size-icon, var(--mod-close-size-icon, var(--ds-close-size-base)));--_close-p:var(--close-p, var(--mod-close-p, var(--ds-close-padding-base)));--_close-icon:var(--close-icon, var(--mod-close-icon, url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 14'%3E%3Cpath fill-rule='evenodd' d='M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z' clip-rule='evenodd'/%3E%3C/svg%3E\")));-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}@media print{:host .ss-main .ss-values .ss-value .ss-value-delete{display:none !important}}:host .ss-main .ss-values .ss-value .ss-value-delete{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:top;border:none;background:var(--_close-color-background);border-radius:var(--_close-radius);width:var(--_close-size-icon);height:var(--_close-size-icon);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,text-shadow,-webkit-box-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow;transition-property:color,background-color,border-color,box-shadow,text-shadow,-webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}:host .ss-main .ss-values .ss-value .ss-value-delete::after{content:\"\";display:block;min-width:calc(var(--_close-size-icon) - var(--_close-p));min-height:calc(var(--_close-size-icon) - var(--_close-p));max-width:calc(var(--_close-size-icon) - var(--_close-p));max-height:calc(var(--_close-size-icon) - var(--_close-p));-webkit-mask-image:var(--_close-icon);mask-image:var(--_close-icon);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;background:var(--_close-color-icon)}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled){cursor:pointer}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):hover{background:var(--_close-color-background-hover)}:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):active{background:var(--_close-color-background-active)}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled):focus-visible:not(:active),:host .ss-main .ss-values .ss-value .ss-value-delete:not(:disabled).is-focused:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_close-color-focus) 0 0 0 5px !important}}:host .ss-main .ss-values .ss-value .ss-value-delete{--close-size-icon:20px;--close-color-focus:var(--_select-focus-ring-color);margin:0 -0.5rem 0 .25rem;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}:host .ss-main .ss-values .ss-value .ss-value-delete svg{display:none}:host .ss-content .ss-list .ss-optgroup .ss-optgroup-label{background-color:var(--_select-optgroup-background-color);color:var(--_select-optgroup-text-color);font-weight:var(--_select-optgroup-weight)}:host #popup.is-multiple .ss-content .ss-list .ss-option::after{display:none}:host #popup.is-multiple .ss-content .ss-list .ss-option::before{width:16px;height:16px;content:\"\";border:2px solid var(--_select-checkbox-border-color);border-radius:var(--_select-radius);margin-right:.5rem;-ms-flex-negative:0;flex-shrink:0}:host #popup.is-multiple .ss-content .ss-list .ss-option.ss-selected::before{background-color:var(--_select-checkbox-selected-background-color);border-color:var(--_select-checkbox-selected-border-color);background-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill='%23ffffff' fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");background-size:75%;background-repeat:no-repeat;background-position:center}";export{Y as ds_select}

package/dist/design-system/p-2df13895a5.entry.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
- */
-import{D as e,J as t,x as i,h as o,F as s,I as r}from"./p-DYOV_tWc.js";import{_ as a,L as n,a as l}from"./p-C8QRVzNq.js";import{s as c}from"./p-Ympglpu_.js";import{w as d}from"./p-Dcf7YMP0.js";import{F as m}from"./p-w-N17JIZ.js";import{T as g}from"./p-DSgT3f2g.js";import{L as p}from"./p-CJSVPuWq.js";import{L as h}from"./p-yoIuxldv.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-B4bB-8Lq.js";import"./p-jvumIDnw.js";const v=class{constructor(o){e(this,o),this.dsBlur=t(this,"dsBlur"),this.dsChange=t(this,"dsChange"),this.dsFocus=t(this,"dsFocus"),o.$hostElement$["s-ei"]?this.internals=o.$hostElement$["s-ei"]:(this.internals=o.$hostElement$.attachInternals(),o.$hostElement$["s-ei"]=this.internals),this.inputId="ds-sg-"+b++,this.language=i.language,this.region=i.region,this.items=[],this.autoVertical=!1,this.hasInvalidTextSlotContent=!1,this.lastNaturalWidth=0,this.allowEmptySelection=!1,this.autoInvalidOff=!1,this.description="",this.disabled=!1,this.iconOnly=!1,this.invalid=!1,this.invalidText="",this.label="",this.loading=!1,this.name=this.inputId,this.readonly=!1,this.required=!0,this.vertical=!1,this.verticalOnMobile=!1,this.wide=!1,this.handleInputChange=e=>{this.disabled||this.readonly||(this.value=e,this.dsChange.emit(this.value),this.internals.setFormValue(this.value))},this.handleInputClick=(e,t)=>{!this.allowEmptySelection||this.disabled||this.readonly||this.value===t&&(e.preventDefault(),this.value=void 0,this.dsChange.emit(this.value),this.internals.setFormValue(null))},this.handleSlotChange=()=>{this.readItemsFromSlot()},this.updatePill=()=>{var e,t;const i=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group"),o=null===(t=this.el.shadowRoot)||void 0===t?void 0:t.querySelector("#pill");if(!i||!o)return;const s=i.querySelector("label:has(input:checked)");s?(o.style.display="block",o.style.left=`${s.offsetLeft}px`,o.style.top=`${s.offsetTop}px`,o.style.width=`${s.offsetWidth}px`,o.style.height=`${s.offsetHeight}px`):o.style.display="none"},this.updateLayout=()=>{var e;if(this.vertical||this.wide)return void(this.autoVertical&&(this.autoVertical=!1));const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("#group");t&&(this.autoVertical?this.el.clientWidth>=this.lastNaturalWidth&&(this.autoVertical=!1):(this.lastNaturalWidth=t.offsetWidth,t.offsetWidth>this.el.clientWidth&&(this.autoVertical=!0)))}}createLogger(e){this.log=e}connectedCallback(){this.initialValue=this.value,this.internals.setFormValue(this.value),this.resizeObserver=new ResizeObserver((()=>{this.updateLayout(),this.updatePill()})),this.resizeObserver.observe(this.el),this.disconnectInvalidTextSlotWatcher=d(this.el,(e=>{this.hasInvalidTextSlotContent=e}))}disconnectedCallback(){var e,t;null===(e=this.resizeObserver)||void 0===e||e.disconnect(),null===(t=this.disconnectInvalidTextSlotWatcher)||void 0===t||t.call(this)}componentDidLoad(){this.handleSlotChange()}componentDidRender(){this.updatePill()}listenToDsWillUpdate(e){o(this.el,e.target)&&(c(e),this.handleSlotChange())}listenToReset(e){const t=e.target;(null==t?void 0:t.contains(this.el))&&(this.value=this.initialValue)}listenToFocusOut(e){const t=e.relatedTarget;t&&o(this.el,t)||this.dsBlur.emit(e)}async setValue(e){this.value=e}async configChanged(e){this.language=e.language,this.region=e.region}async listenToResize(){this.updateLayout()}readItemsFromSlot(){var e;const t=null===(e=this.el.shadowRoot)||void 0===e?void 0:e.querySelector("slot:not([name])");if(t){const e=((null==t?void 0:t.assignedElements({flatten:!0}))||[]).filter((e=>"ds-segment-item"===e.tagName.toLowerCase()));this.items=e.map((e=>({label:e.label,value:e.value,description:e.description,icon:e.icon,svg:e.svg}))),this.updateLayout()}}render(){const e=this.invalid||this.hasInvalidTextSlotContent;return s(m,{key:"86a64019410a0a48977b409e526c7bcaca98d265",role:"fieldset",disabled:this.disabled,color:"primary",invalid:e,loading:this.loading,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,cssClasses:{"is-wide":this.wide,"is-vertical":this.vertical,"is-vertical-on-mobile":this.verticalOnMobile,"is-auto-vertical":this.autoVertical},onSlotChange:this.handleSlotChange},s("div",{key:"a8db3ae88def0a55df52bd062a743ddc4d98e765",id:"group"},s("div",{key:"62b7240c886ce9625bcecbf11eef10199a420d09",id:"pill"}),this.items.map((t=>s("label",Object.assign({key:t.value,class:{"is-selected":t.value===this.value},"aria-invalid":e?"true":null,"aria-disabled":this.disabled?"true":null},this.iconOnly?{"aria-label":`${t.label}${t.description?`- ${t.description}`:""}`,title:`${t.label}${t.description?`- ${t.description}`:""}`}:{}),s("input",{type:"radio",name:this.name,disabled:this.disabled,readOnly:this.readonly,value:t.value,checked:t.value===this.value,onClick:e=>this.handleInputClick(e,t.value),onChange:()=>this.handleInputChange(t.value),"aria-invalid":e?"true":null}),t.icon&&s("ds-icon",{name:t.icon}),t.svg&&s("ds-icon",{svg:t.svg}),!this.iconOnly&&s("span",{id:"content"},s("span",{class:"ds-label"},t.label),t.description&&s("span",{class:"description"},t.description)))))),s("div",{key:"f44ea91d825626803cbc3d5ebc8317b1630dc265"},s("slot",{key:"2af6f8c273aa156a7036013d17ae87cc70209e38",onSlotchange:()=>this.handleSlotChange()})))}static get formAssociated(){return!0}get el(){return r(this)}};a([n("segment"),l("design:type",Function),l("design:paramtypes",[Function]),l("design:returntype",void 0)],v.prototype,"createLogger",null),a([g("boolean"),l("design:type",Boolean)],v.prototype,"allowEmptySelection",void 0),a([g("boolean"),l("design:type",Boolean)],v.prototype,"autoInvalidOff",void 0),a([g("string"),l("design:type",String)],v.prototype,"description",void 0),a([g("boolean"),l("design:type",Boolean)],v.prototype,"disabled",void 0),a([g("boolean"),l("design:type",Boolean)],v.prototype,"iconOnly",void 0),a([g("boolean"),l("design:type",Boolean)],v.prototype,"invalid",void 0),a([g("string"),l("design:type",String)],v.prototype,"invalidText",void 0),a([g("string"),l("design:type",String)],v.prototype,"label",void 0),a([g("boolean"),l("design:type",Boolean)],v.prototype,"loading",void 0),a([g("string"),l("design:type",String)],v.prototype,"name",void 0),a([g("boolean"),l("design:type",Boolean)],v.prototype,"readonly",void 0),a([g("boolean"),l("design:type",Boolean)],v.prototype,"required",void 0),a([g("boolean"),l("design:type",Boolean)],v.prototype,"vertical",void 0),a([g("boolean"),l("design:type",Boolean)],v.prototype,"verticalOnMobile",void 0),a([g("boolean"),l("design:type",Boolean)],v.prototype,"wide",void 0),a([p(),l("design:type",Function),l("design:paramtypes",[Object]),l("design:returntype",Promise)],v.prototype,"configChanged",null),a([h(),l("design:type",Function),l("design:paramtypes",[]),l("design:returntype",Promise)],v.prototype,"listenToResize",null);let b=0;v.style=":host{--_segment-radius:var(--segment-radius, var(--mod-segment-radius, var(--ds-segment-radius)));--_segment-background:var(--segment-background, var(--mod-segment-background, var(--ds-segment-background)));--_segment-gap:var(--segment-gap, var(--mod-segment-gap, var(--ds-segment-gap)));--_segment-p:var(--segment-p, var(--mod-segment-p, var(--ds-segment-padding)));--_segment-item-height:var(--segment-item-height, var(--mod-segment-item-height, var(--ds-segment-item-height)));--_segment-item-px:var(--segment-item-px, var(--mod-segment-item-px, var(--ds-segment-item-padding-inline)));--_segment-item-py:var(--segment-item-py, var(--mod-segment-item-py, var(--ds-segment-item-padding-block)));--_segment-item-icon-size:var(--segment-item-icon-size, var(--mod-segment-item-icon-size, var(--ds-segment-item-icon-size)));--_segment-item-icon-gap:var(--segment-item-icon-gap, var(--mod-segment-item-icon-gap, var(--ds-segment-item-icon-gap)));--_segment-item-font-weight:var(--segment-item-font-weight, var(--mod-segment-item-font-weight, var(--ds-segment-item-font-weight)));--_segment-description-font-size:var(--segment-description-font-size, var(--mod-segment-description-font-size, var(--ds-segment-description-font-size)));--_segment-description-font-weight:var(--segment-description-font-weight, var(--mod-segment-description-font-weight, var(--ds-segment-description-font-weight)));--_segment-item-unselected-color-base:var(--segment-item-unselected-color-base, var(--mod-segment-item-unselected-color-base, var(--ds-segment-item-unselected-color-base)));--_segment-item-unselected-color-hover:var(--segment-item-unselected-color-hover, var(--mod-segment-item-unselected-color-hover, var(--ds-segment-item-unselected-color-hover)));--_segment-item-unselected-color-active:var(--segment-item-unselected-color-active, var(--mod-segment-item-unselected-color-active, var(--ds-segment-item-unselected-color-active)));--_segment-item-selected-color-base:var(--segment-item-selected-color-base, var(--mod-segment-item-selected-color-base, var(--ds-segment-item-selected-color-base)));--_segment-item-selected-color-hover:var(--segment-item-selected-color-hover, var(--mod-segment-item-selected-color-hover, var(--ds-segment-item-selected-color-hover)));--_segment-item-selected-color-active:var(--segment-item-selected-color-active, var(--mod-segment-item-selected-color-active, var(--ds-segment-item-selected-color-active)));--_segment-item-selected-background:var(--segment-item-selected-background, var(--mod-segment-item-selected-background, var(--ds-segment-item-selected-background)));--_segment-divider-color:var(--segment-divider-color, var(--mod-segment-divider-color, var(--ds-segment-divider-color)))}:host{--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{display:block}:host #inner{display:grid;gap:.25rem;position:relative}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host legend{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}#group{display:grid;grid-auto-flow:column;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;width:-webkit-max-content;width:-moz-max-content;width:max-content;gap:var(--_segment-gap);padding:var(--_segment-p);border-radius:var(--_segment-radius);background:var(--_segment-background)}#group label{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;position:relative;z-index:2;padding-inline:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-block:calc(var(--_segment-item-py));min-height:var(--_segment-item-height);border-radius:inherit;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:var(--_segment-item-font-weight);color:var(--_segment-item-unselected-color-base);--icon-color:var(--_segment-item-unselected-color-base)}#group label .description{font-size:var(--_segment-description-font-size);font-weight:var(--_segment-description-font-weight);text-align:center}#group label ds-icon{--icon-mt:0.25rem;--icon-mb:0.25rem}#group label #content{display:grid}#group label::before{content:\"\";position:absolute;left:var(--_segment-item-px);top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:var(--_segment-item-icon-size);height:var(--_segment-item-icon-size);background-color:var(--_segment-item-selected-color-base);-webkit-mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");mask-image:url(\"data:image/svg+xml,<svg viewBox='0 0 14 14' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' clip-rule='evenodd' d='M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z'/></svg>\");-webkit-mask-size:75%;mask-size:75%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;opacity:0;-webkit-transition:opacity 160ms ease-in-out;transition:opacity 160ms ease-in-out}@media (hover: hover)and (pointer: fine){#group label:not(:has(input:checked)):hover{color:var(--_segment-item-unselected-color-hover);--icon-color:var(--_segment-item-unselected-color-hover)}}#group label:not(:has(input:checked)):active{color:var(--_segment-item-unselected-color-active);--icon-color:var(--_segment-item-unselected-color-active)}@media (hover: hover)and (pointer: fine){#group label:has(input:checked):hover{color:var(--_segment-item-selected-color-hover);--icon-color:var(--_segment-item-selected-color-hover)}#group label:has(input:checked):hover::before{background-color:var(--_segment-item-selected-color-hover)}}#group label:has(input:checked):active{color:var(--_segment-item-selected-color-active);--icon-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked):active::before{background-color:var(--_segment-item-selected-color-active)}#group label:has(input:checked){color:var(--_segment-item-selected-color-base);--icon-color:var(--_segment-item-selected-color-base)}#group label input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;inset:0;margin:0;padding:0;border-radius:inherit;cursor:pointer;outline:none;-webkit-transition-property:-webkit-box-shadow;transition-property:-webkit-box-shadow;transition-property:box-shadow;transition-property:box-shadow, -webkit-box-shadow;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}#group label input[type=radio]:focus-visible{border-radius:inherit}@media (hover: hover)and (pointer: fine){#group label input[type=radio]:focus-visible{-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--ds-alias-interaction-focus-color-base) 0 0 0 5px !important}}#group label:not(:last-of-type)::after{content:\"\";position:absolute;right:calc(var(--_segment-gap)*-0.5 - 1px);top:0;bottom:0;width:2px;border-radius:2px;background-color:var(--_segment-divider-color);opacity:1;-webkit-transition:opacity 160ms ease;transition:opacity 160ms ease;z-index:-1}:host(.is-vertical) #group,:host(.is-auto-vertical) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical) #group label,:host(.is-auto-vertical) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-px);padding-inline-start:var(--_segment-item-px);-webkit-padding-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical) #group label:has(input:checked)::before,:host(.is-auto-vertical) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical) #group label .description,:host(.is-auto-vertical) #group label .description{text-align:left}:host(.is-vertical) #group label::before,:host(.is-auto-vertical) #group label::before{left:auto;right:var(--_segment-item-px)}:host(.is-vertical) #group label span+span,:host(.is-auto-vertical) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical) #group label:not(:last-of-type)::after,:host(.is-auto-vertical) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}@media screen and (max-width: 768px){:host(.is-vertical-on-mobile) #group{grid-auto-flow:row;grid-auto-columns:1fr;width:auto}:host(.is-vertical-on-mobile) #group label{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;gap:.75rem;text-align:left;-webkit-padding-start:var(--_segment-item-px);padding-inline-start:var(--_segment-item-px);-webkit-padding-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap));padding-inline-end:calc(var(--_segment-item-px) + var(--_segment-item-icon-size) + var(--_segment-item-icon-gap))}:host(.is-vertical-on-mobile) #group label:has(input:checked)::before{opacity:1}:host(.is-vertical-on-mobile) #group label .description{text-align:left}:host(.is-vertical-on-mobile) #group label::before{left:auto;right:var(--_segment-item-px)}:host(.is-vertical-on-mobile) #group label span+span{font-size:var(--_segment-description-font-size)}:host(.is-vertical-on-mobile) #group label:not(:last-of-type)::after{right:0;top:auto;bottom:calc(var(--_segment-gap)*-0.5 - 1px);width:auto;left:0;height:2px}}:host(.is-wide) #group{grid-auto-columns:1fr;width:auto}:host(.is-danger:not(.is-disabled)){--mod-segment-description-color:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-base:var(--ds-global-color-danger-4);--mod-segment-item-unselected-color-hover:var(--ds-global-color-danger-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-danger-6);--mod-segment-item-selected-color-base:var(--ds-global-color-white);--mod-segment-item-selected-color-hover:var(--ds-global-color-white);--mod-segment-item-selected-color-active:var(--ds-global-color-white);--mod-segment-background:var(--ds-global-color-danger-1);--mod-segment-item-selected-background:var(--ds-global-color-danger-4)}:host(.is-disabled){cursor:default;pointer-events:none;--mod-segment-label-color:var(--ds-global-color-grey-5);--mod-segment-description-color:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-base:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-hover:var(--ds-global-color-grey-5);--mod-segment-item-unselected-color-active:var(--ds-global-color-grey-5);--mod-segment-item-selected-color-base:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-hover:var(--ds-global-color-grey-6);--mod-segment-item-selected-color-active:var(--ds-global-color-grey-6);--mod-segment-item-selected-background:var(--ds-global-color-grey-3)}#group{position:relative;isolation:isolate}#group label{z-index:auto}#pill{position:absolute;top:0;left:0;display:none;background-color:var(--_segment-item-selected-background);border-radius:inherit;z-index:0;pointer-events:none;-webkit-clip-path:inset(0 round var(--_segment-radius));clip-path:inset(0 round var(--_segment-radius));-webkit-transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),-webkit-clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease;transition:left 160ms cubic-bezier(0.4, 0, 0.2, 1),top 160ms cubic-bezier(0.4, 0, 0.2, 1),width 160ms cubic-bezier(0.4, 0, 0.2, 1),height 160ms cubic-bezier(0.4, 0, 0.2, 1),clip-path 80ms ease,-webkit-clip-path 80ms ease}#group:has(label:has(input:checked):active) #pill{-webkit-clip-path:inset(2px round var(--_segment-radius));clip-path:inset(2px round var(--_segment-radius))}";export{v as ds_segment}

package/dist/design-system/p-2fa04f2aa9.entry.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
- */
-import{D as t,F as r,G as a,I as i}from"./p-DYOV_tWc.js";import{_ as e,L as s,a as d}from"./p-C8QRVzNq.js";import{h as l}from"./p-B9D2VplI.js";import{H as o}from"./p-C4g1DHqm.js";import{T as c}from"./p-DSgT3f2g.js";import{O as b}from"./p-DyWEj7Or.js";import"./p-B4bB-8Lq.js";const m=class{constructor(r){t(this,r),this.inverted=!1,this.bold=!1}createLogger(t){this.log=t}render(){return r(a,{key:"1f35408e0dede0fb8c82fbc565917ab04cc8162d",class:{"ds-card-header":!0}},r("span",{key:"01c8d9c46e4c82adc134da390e0e8cfd1f6e1577",class:{"ds-text":!0,"is-bold":this.bold,[`is-${this.color}`]:l(this.color)&&!this.inverted,"is-inverted":this.inverted}},r("slot",{key:"6a13b8778e914ff96941cae0cbb62ba443f2ec3f"})))}get el(){return i(this)}};e([s("card-subtitle"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],m.prototype,"createLogger",null),e([c("boolean"),d("design:type",Boolean)],m.prototype,"inverted",void 0),e([c("boolean"),d("design:type",Boolean)],m.prototype,"bold",void 0),e([b(o),d("design:type",String)],m.prototype,"color",void 0),m.style=":host{--_card-subtitle-position:var(--card-subtitle-position, var(--mod-card-subtitle-position, static));--_card-subtitle-top:var(--card-subtitle-top, var(--mod-card-subtitle-top));--_card-subtitle-right:var(--card-subtitle-right, var(--mod-card-subtitle-right));--_card-subtitle-bottom:var(--card-subtitle-bottom, var(--mod-card-subtitle-bottom));--_card-subtitle-left:var(--card-subtitle-left, var(--mod-card-subtitle-left));position:var(--_card-subtitle-position);top:var(--_card-subtitle-top);right:var(--_card-subtitle-right);bottom:var(--_card-subtitle-bottom);left:var(--_card-subtitle-left);--_card-subtitle-m:var(--card-subtitle-m, var(--mod-card-subtitle-m, 0));--_card-subtitle-my:var(--card-subtitle-my, var(--mod-card-subtitle-my));--_card-subtitle-mx:var(--card-subtitle-mx, var(--mod-card-subtitle-mx));--_card-subtitle-ml:var(--card-subtitle-ml, var(--mod-card-subtitle-ml));--_card-subtitle-mr:var(--card-subtitle-mr, var(--mod-card-subtitle-mr));--_card-subtitle-mt:var(--card-subtitle-mt, var(--mod-card-subtitle-mt));--_card-subtitle-mb:var(--card-subtitle-mb, var(--mod-card-subtitle-mb));margin:var(--_card-subtitle-m);margin-inline:var(--_card-subtitle-mx);margin-block:var(--_card-subtitle-my);margin-left:var(--_card-subtitle-ml);margin-right:var(--_card-subtitle-mr);margin-top:var(--_card-subtitle-mt);margin-bottom:var(--_card-subtitle-mb);display:-ms-flexbox;display:flex;margin:var(--_card-subtitle-m);margin-inline:var(--_card-subtitle-mx);margin-block:var(--_card-subtitle-my);margin-left:var(--_card-subtitle-ml);margin-right:var(--_card-subtitle-mr);margin-top:var(--_card-subtitle-mt);margin-bottom:var(--_card-subtitle-mb);position:var(--_card-subtitle-position);top:var(--_card-subtitle-top);right:var(--_card-subtitle-right);bottom:var(--_card-subtitle-bottom);left:var(--_card-subtitle-left)}:host{--mod-heading-color:var(--_card-color-text);color:var(--_card-color-text);grid-area:subtitle;grid-area:subtitle}";export{m as ds_card_subtitle}

package/dist/design-system/p-30b07d6ae1.entry.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
- */
-import{D as i,J as t,w as a,F as s,G as e,I as o,d as r}from"./p-DYOV_tWc.js";import{_ as p,L as n,a as d}from"./p-C8QRVzNq.js";import{S as h}from"./p-BrbRN-6L.js";import{T as c}from"./p-DSgT3f2g.js";import{O as l}from"./p-DyWEj7Or.js";import{L as u}from"./p-CJSVPuWq.js";import{a as b,c as m,s as v,f as g,o as w,b as f}from"./p-BqY0KzJC.js";import{F as y}from"./p-T1Ewg5ym.js";import{i as k}from"./p-BeR87vGa.js";import{P as x,a as _}from"./p-BAY6Z8bT.js";import"./p-B4bB-8Lq.js";const z=class{constructor(a){i(this,a),this.dsWillPresent=t(this,"dsWillPresent"),this.dsDidPresent=t(this,"dsDidPresent"),this.dsWillDismiss=t(this,"dsWillDismiss"),this.dsDidDismiss=t(this,"dsDidDismiss"),this.scrollHandler=new h,this.transitionQueue=Promise.resolve(),this.animated=!0,this.isOpen=!1,this.open=!1,this.closable=!0,this.backdropDismiss=!0,this.label="",this.container="default",this.handleCancel=i=>{i.preventDefault(),this.closable&&(this.open=!1)},this.handleNativeClose=()=>{var i;this.open&&(null===(i=this.dialogEl)||void 0===i||i.showModal())},this.handleBackdropClick=i=>{this.backdropDismiss&&i.target===this.dialogEl&&(this.open=!1)},this.handleCloseClick=()=>{this.open=!1}}createLogger(i){this.log=i}openChanged(i){i?this.runOpen():this.runClose()}connectedCallback(){this.scrollHandler.connect()}componentDidLoad(){var i,t;null===(i=this.dialogEl)||void 0===i||i.addEventListener("cancel",this.handleCancel),null===(t=this.dialogEl)||void 0===t||t.addEventListener("close",this.handleNativeClose),this.open&&this.runOpen()}disconnectedCallback(){var i,t;null===(i=this.dialogEl)||void 0===i||i.removeEventListener("cancel",this.handleCancel),null===(t=this.dialogEl)||void 0===t||t.removeEventListener("close",this.handleNativeClose),this.scrollHandler.disconnect()}async present(){this.open=!0}async dismiss(){this.open=!1}async configChanged(i){this.animated=i.animated}runOpen(){this.transitionQueue=this.transitionQueue.then((()=>this.doOpen())).catch((()=>{}))}runClose(){this.transitionQueue=this.transitionQueue.then((()=>this.doClose())).catch((()=>{}))}async doOpen(){var i,t;(null===(i=this.dialogEl)||void 0===i?void 0:i.open)||(this.dsWillPresent.emit(),null===(t=this.dialogEl)||void 0===t||t.showModal(),this.scrollHandler.disable(),this.isOpen=!0,this.animated&&await a(300),this.dsDidPresent.emit())}async doClose(){var i,t;(null===(i=this.dialogEl)||void 0===i?void 0:i.open)&&(this.dsWillDismiss.emit(),this.isOpen=!1,this.animated&&await a(300),null===(t=this.dialogEl)||void 0===t||t.close(),this.scrollHandler.enable(),this.dsDidDismiss.emit())}render(){return s(e,{key:"abfda739f019ab905d27dabacd358a3fe3625e3e",class:{"is-open":this.isOpen,"is-animated":this.animated}},s("dialog",{key:"c71c8767daf78c9ab0c3d00f1fe31254779aa215",part:"dialog",ref:i=>this.dialogEl=i,"aria-label":this.label||void 0,onClick:this.handleBackdropClick},s("div",{key:"7dc4928fed9cb1743c2678d48f55d3ed468a62ba",class:{"ds-container":!0,"is-fluid":"fluid"===this.container,"is-compact":"compact"===this.container}},this.closable&&s("ds-close",{key:"579e8bc0b7110e1083e15af8375ca43defc2a377",part:"close",onClick:this.handleCloseClick}),s("slot",{key:"090e2bdbe14ccdad86fa1ecbdcb5ac303701e4e7"}))))}get el(){return o(this)}static get watchers(){return{open:[{openChanged:0}]}}};p([n("drawer"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],z.prototype,"createLogger",null),p([c("boolean"),d("design:type",Boolean)],z.prototype,"open",void 0),p([c("boolean"),d("design:type",Boolean)],z.prototype,"closable",void 0),p([c("boolean"),d("design:type",Boolean)],z.prototype,"backdropDismiss",void 0),p([c("string"),d("design:type",String)],z.prototype,"label",void 0),p([l(["default","fluid","compact"]),d("design:type",String)],z.prototype,"container",void 0),p([u(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],z.prototype,"configChanged",null),z.style=":host{--_drawer-background:var(--drawer-background, var(--mod-drawer-background, var(--ds-drawer-background)));--_drawer-radius:var(--drawer-radius, var(--mod-drawer-radius, var(--ds-drawer-radius)));--_drawer-max-height:var(--drawer-max-height, var(--mod-drawer-max-height, var(--ds-drawer-max-height)));--_drawer-p:var(--drawer-p, var(--mod-drawer-p, var(--ds-drawer-padding)));--_drawer-backdrop-opacity:var(--drawer-backdrop-opacity, var(--mod-drawer-backdrop-opacity, var(--ds-backdrop-opacity)));display:contents}:host dialog{all:unset;-webkit-box-sizing:border-box;box-sizing:border-box;position:fixed;bottom:0;left:0;right:0;width:100%;max-height:var(--_drawer-max-height);overflow-y:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%);pointer-events:none}:host(.is-open) dialog{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto}:host(.is-animated) dialog{-webkit-transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,-webkit-transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease;transition:opacity 300ms ease,transform 300ms ease,-webkit-transform 300ms ease}:host dialog::-webkit-backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host dialog::-ms-backdrop{background-color:rgba(0,7,57,.5);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host dialog::backdrop{background-color:rgba(0,7,57,.5);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:var(--_drawer-backdrop-opacity)}:host .ds-container ds-close{position:absolute;top:1rem;right:1rem}:host .ds-container{-ms-flex:1;flex:1;width:100%;margin:0 auto;max-width:var(--ds-alias-container-width-default);background:var(--_drawer-background);border-radius:var(--_drawer-radius) var(--_drawer-radius) 0 0;padding:var(--_drawer-p);position:relative}:host .ds-container.is-fluid{max-width:var(--ds-alias-container-width-fluid)}:host .ds-container.is-compact{max-width:var(--ds-alias-container-width-compact)}@media (prefers-reduced-motion: reduce){:host(.is-animated) dialog{-webkit-transition:none !important;transition:none !important}}";const C=new Map,D=class{constructor(a){i(this,a),this.dsWillPresent=t(this,"dsWillPresent"),this.dsDidPresent=t(this,"dsDidPresent"),this.dsWillDismiss=t(this,"dsWillDismiss"),this.dsDidDismiss=t(this,"dsDidDismiss"),this.currentTrigger=void 0,this.focusHandler=new y,this.transitionQueue=Promise.resolve(),this.animated=!0,this.isOpen=!1,this.open=!1,this.trigger=void 0,this.placement="bottom",this.offset=8,this.role="dialog",this.closable=!1,this.backdropDismiss=!1,this.backdrop=!1,this.group=void 0,this.label="",this.arrow=!1,this.trapFocus=void 0,this.handleCloseClick=()=>{this.dismiss()}}createLogger(i){this.log=i}openChanged(i){i?this.runPresent():this.runDismiss()}triggerChanged(i,t){t&&(t.removeAttribute("aria-haspopup"),t.removeAttribute("aria-expanded")),i&&(i.setAttribute("aria-haspopup",this.role),i.setAttribute("aria-expanded","false"))}connectedCallback(){this.registerGroup()}componentDidLoad(){this.trigger&&(this.trigger.setAttribute("aria-haspopup",this.role),this.trigger.setAttribute("aria-expanded","false")),this.open&&this.runPresent()}disconnectedCallback(){var i;null===(i=this.cleanupPositioner)||void 0===i||i.call(this),this.focusHandler.disconnect(),this.trigger&&(this.trigger.removeAttribute("aria-haspopup"),this.trigger.removeAttribute("aria-expanded")),this.unregisterGroup()}async listenToClick(i){var t;if(this.el.id){const t=i.target.closest(`[data-popup="${this.el.id}"]`);if(t)return this.currentTrigger=t,void await this.toggle()}if(this.backdropDismiss&&this.isOpen){const a=i.composedPath(),s=a.includes(this.panelEl),e=null!==(t=this.currentTrigger)&&void 0!==t?t:this.trigger,o=!!e&&a.includes(e);s||o||await this.dismiss()}}listenToKeyDown(i){this.isOpen&&this.closable&&k(i)&&(i.stopPropagation(),this.dismiss())}async present(){this.open=!0}async dismiss(){this.open=!1}async toggle(){this.open?this.dismiss():this.present()}async configChanged(i){this.animated=i.animated}get shouldTrapFocus(){return void 0!==this.trapFocus?this.trapFocus:this.backdrop}runPresent(){this.transitionQueue=this.transitionQueue.then((()=>this.doPresent())).catch((()=>{}))}runDismiss(){this.transitionQueue=this.transitionQueue.then((()=>this.doDismiss())).catch((()=>{}))}async doPresent(){var i;if(this.isOpen)return;const t=null!==(i=this.currentTrigger)&&void 0!==i?i:this.trigger;await this.dismissGroupSiblings(),this.dsWillPresent.emit({trigger:t}),t&&(t.setAttribute("aria-expanded","true"),await this.updatePosition(t),this.startPositioner(t)),this.isOpen=!0,this.animated&&await a(300),this.shouldTrapFocus?this.focusHandler.enable({target:this.panelEl,restoreElement:null!=t?t:null}):this.focusPanel(),this.dsDidPresent.emit({trigger:t})}async doDismiss(){var i,t;if(!this.isOpen)return;const s=null!==(i=this.currentTrigger)&&void 0!==i?i:this.trigger;this.dsWillDismiss.emit({trigger:s}),null===(t=this.cleanupPositioner)||void 0===t||t.call(this),this.cleanupPositioner=void 0,s&&s.setAttribute("aria-expanded","false"),this.isOpen=!1,this.animated&&await a(300),this.shouldTrapFocus?(this.focusHandler.disable(),this.focusHandler.restoreFocus()):null==s||s.focus(),this.dsDidDismiss.emit({trigger:s})}startPositioner(i){this.panelEl&&(this.cleanupPositioner=b(i,this.panelEl,(()=>this.updatePosition(i)),{ancestorScroll:!0,ancestorResize:!0,elementResize:!0,layoutShift:!0,animationFrame:!1}))}async updatePosition(i){if(!this.panelEl)return;const{x:t,y:a,placement:s,middlewareData:e}=await m(i,this.panelEl,{placement:this.placement,strategy:"fixed",middleware:[r.hasWindow&&!window.frameElement?v():void 0,g(),w(this.offset),this.arrow&&this.arrowEl?f({element:this.arrowEl}):void 0].filter(Boolean)});if(Object.assign(this.panelEl.style,{left:`${t}px`,top:`${a}px`}),this.panelEl.dataset.placement=s.split("-")[0],this.arrow&&this.arrowEl&&e.arrow){const{x:i,y:t}=e.arrow;Object.assign(this.arrowEl.style,{left:null!=i?`${i}px`:"",top:null!=t?`${t}px`:""})}}focusPanel(){if(!this.panelEl)return;const i=Array.from(this.panelEl.querySelectorAll('button:not([disabled]):not([tabindex^="-"]),input:not([type=hidden]):not([disabled]):not([tabindex^="-"]),select:not([disabled]):not([tabindex^="-"]),textarea:not([disabled]):not([tabindex^="-"]),a[href]:not([tabindex^="-"]),[tabindex]:not([tabindex^="-"])'));i.length>0?i[0].focus({preventScroll:!0}):this.panelEl.focus({preventScroll:!0})}registerGroup(){this.group&&(C.has(this.group)||C.set(this.group,new Set),C.get(this.group).add(this.el))}unregisterGroup(){var i;this.group&&(null===(i=C.get(this.group))||void 0===i||i.delete(this.el))}async dismissGroupSiblings(){if(!this.group)return;const i=C.get(this.group);if(i)for(const t of i)t!==this.el&&await t.dismiss()}render(){return s(e,{key:"72bbf60a6bc9410137e5d6297567deb36dde832e",class:{"is-open":this.isOpen,"is-animated":this.animated,"is-closable":this.closable}},this.backdrop&&s("div",{key:"f0df870cf5cefe02625f8601be2d9ca2d79ee0a1",part:"backdrop"}),s("div",{key:"0469a9af2690b337b51f2c1778e36214ff85f17c",part:"panel",ref:i=>this.panelEl=i,role:this.role,"aria-modal":"dialog"===this.role?"true":void 0,"aria-label":this.label||void 0,tabindex:"-1","data-testid":"ds-popup-panel"},this.arrow&&s("div",{key:"5b6b7b125996515687883668fe9145a6776cce08",part:"arrow",ref:i=>this.arrowEl=i}),this.closable&&s("ds-close",{key:"a6e7ad1d67220a7c809a0379ae19d7f05a64ed93",part:"close",onClick:this.handleCloseClick}),s("slot",{key:"c7924bf2de2567bb31d3ac2add33854ea3f0b218"})))}get el(){return o(this)}static get watchers(){return{open:[{openChanged:0}],trigger:[{triggerChanged:0}]}}};p([n("popup"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],D.prototype,"createLogger",null),p([c("boolean"),d("design:type",Boolean)],D.prototype,"open",void 0),p([l(x),d("design:type",String)],D.prototype,"placement",void 0),p([c("number"),d("design:type",Number)],D.prototype,"offset",void 0),p([l(_),d("design:type",String)],D.prototype,"role",void 0),p([c("boolean"),d("design:type",Boolean)],D.prototype,"closable",void 0),p([c("boolean"),d("design:type",Boolean)],D.prototype,"backdropDismiss",void 0),p([c("boolean"),d("design:type",Boolean)],D.prototype,"backdrop",void 0),p([c("string"),d("design:type",Object)],D.prototype,"group",void 0),p([c("string"),d("design:type",String)],D.prototype,"label",void 0),p([c("boolean"),d("design:type",Boolean)],D.prototype,"arrow",void 0),p([c("boolean"),d("design:type",Object)],D.prototype,"trapFocus",void 0),p([u(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],D.prototype,"configChanged",null),D.style=":host{--_popup-background:var(--popup-background, var(--mod-popup-background, var(--ds-popup-color-background)));--_popup-radius:var(--popup-radius, var(--mod-popup-radius, var(--ds-popup-radius)));--_popup-shadow:var(--popup-shadow, var(--mod-popup-shadow, var(--ds-popup-shadow)));--_popup-p:var(--popup-p, var(--mod-popup-p, var(--ds-popup-padding)));--_popup-min-width:var(--popup-min-width, var(--mod-popup-min-width, var(--ds-popup-min-width)));--_popup-max-width:var(--popup-max-width, var(--mod-popup-max-width, none));--_popup-z-index:var(--popup-z-index, var(--mod-popup-z-index, var(--ds-popup-z-index)));--_popup-backdrop-background:var(--popup-backdrop-background, var(--mod-popup-backdrop-background, var(--ds-popup-backdrop-background)));--_popup-backdrop-opacity:var(--popup-backdrop-opacity, var(--mod-popup-backdrop-opacity, var(--ds-popup-backdrop-opacity)));--_popup-arrow-size:var(--popup-arrow-size, var(--mod-popup-arrow-size, var(--ds-popup-arrow-size, 8px)));display:contents}[part=backdrop]{position:fixed;inset:0;z-index:calc(var(--_popup-z-index) - 1);background:var(--_popup-backdrop-background);opacity:0;pointer-events:none;-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}:host(.is-open) [part=backdrop]{opacity:var(--_popup-backdrop-opacity);pointer-events:auto}:host(.is-animated) [part=backdrop]{-webkit-transition:opacity 200ms ease;transition:opacity 200ms ease}[part=panel]{position:fixed;z-index:var(--_popup-z-index);background:var(--_popup-background);border-radius:var(--_popup-radius);-webkit-box-shadow:var(--_popup-shadow);box-shadow:var(--_popup-shadow);padding:var(--_popup-p);min-width:var(--_popup-min-width);max-width:var(--_popup-max-width);opacity:0;visibility:hidden;pointer-events:none;outline:none !important}[part=panel]::-moz-focus-inner{border:0}:host(.is-open) [part=panel]{opacity:1;visibility:visible;pointer-events:auto}:host(.is-animated) [part=panel]{-webkit-transition:opacity 200ms ease,visibility 200ms ease;transition:opacity 200ms ease,visibility 200ms ease}[part=close]{position:absolute;top:.5rem;right:.5rem}:host(.is-closable) [part=panel]{padding-right:calc(var(--_popup-p) + var(--_popup-p))}[part=arrow]{position:absolute;width:var(--_popup-arrow-size);height:var(--_popup-arrow-size);background:var(--_popup-background);-webkit-transform:rotate(45deg);transform:rotate(45deg);pointer-events:none}[part=panel][data-placement=bottom] [part=arrow]{top:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=top] [part=arrow]{bottom:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=right] [part=arrow]{left:calc(var(--_popup-arrow-size)/-2)}[part=panel][data-placement=left] [part=arrow]{right:calc(var(--_popup-arrow-size)/-2)}@media (prefers-reduced-motion: reduce){:host(.is-animated) [part=panel],:host(.is-animated) [part=backdrop]{-webkit-transition:none !important;transition:none !important}}";export{z as ds_drawer,D as ds_popup}

package/dist/design-system/p-33d0feba27.entry.js

@@ -1,4 +0,0 @@
-/*!
- * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
- */
-import{D as e,J as o,x as i,F as l,I as r}from"./p-DYOV_tWc.js";import{_ as a,L as t,a as d}from"./p-C8QRVzNq.js";import{a as s}from"./p-BKkzYTNY.js";import{s as n}from"./p-Ympglpu_.js";import{w as p}from"./p-Dcf7YMP0.js";import{F as c}from"./p-w-N17JIZ.js";import{I as f}from"./p-BRYPu0SP.js";import{T as h}from"./p-DSgT3f2g.js";import{O as u}from"./p-DyWEj7Or.js";import{L as v}from"./p-CJSVPuWq.js";import"./p-DIovmg8W.js";import"./p-DYfTMCkl.js";import"./p-C7I7OlaM.js";import"./p-B4bB-8Lq.js";const b=e=>{const o=new DataTransfer;return e&&e.length>0&&e.forEach((e=>o.items.add(e))),o.files},m={en:{dropZoneLabel:"Drop files or browse",selectedFilesLabel:"Selected files",removeFileLabel:"Remove"},de:{dropZoneLabel:"Dateien ablegen oder durchsuchen",selectedFilesLabel:"Ausgewählte Dateien",removeFileLabel:"Entfernen"},fr:{dropZoneLabel:"Déposez les fichiers ou parcourez",selectedFilesLabel:"Fichiers sélectionnés",removeFileLabel:"Supprimer"},it:{dropZoneLabel:"Rilascia i file o sfoglia",selectedFilesLabel:"File selezionati",removeFileLabel:"Rimuovi"},nl:{dropZoneLabel:"Zet bestanden neer of blader",selectedFilesLabel:"Geselecteerde bestanden",removeFileLabel:"Verwijderen"},es:{dropZoneLabel:"Suelta archivos o busca",selectedFilesLabel:"Archivos seleccionados",removeFileLabel:"Eliminar"},pl:{dropZoneLabel:"Upuść pliki lub przeglądaj",selectedFilesLabel:"Wybrane pliki",removeFileLabel:"Usuń"},pt:{dropZoneLabel:"Solte ficheiros ou procure",selectedFilesLabel:"Ficheiros selecionados",removeFileLabel:"Remover"},sv:{dropZoneLabel:"Släpp filer eller bläddra",selectedFilesLabel:"Valda filer",removeFileLabel:"Ta bort"},fi:{dropZoneLabel:"Pudota tiedostot tai selaa",selectedFilesLabel:"Valitut tiedostot",removeFileLabel:"Poista"}},g=class{constructor(l){e(this,l),this.dsChange=o(this,"dsChange"),this.dsFilesAdded=o(this,"dsFilesAdded"),this.dsFilesRemoved=o(this,"dsFilesRemoved"),this.dsRejectedFile=o(this,"dsRejectedFile"),this.dsInputClick=o(this,"dsInputClick"),this.dsBlur=o(this,"dsBlur"),this.dsFocus=o(this,"dsFocus"),this.fileUploadId="ds-file-upload-"+z++,this.initialValue=[],this.files=[],this.focused=!1,this.isDragOver=!1,this.language=i.language,this.region=i.region,this.hasInvalidTextSlotContent=!1,this.value=[],this.name=this.fileUploadId,this.label="Choose or drop a file...",this.dropZoneLabel="",this.description="",this.invalidText="",this.color="primary",this.invalid=!1,this.multiple=!0,this.disabled=!1,this.readonly=!1,this.loading=!1,this.required=!1,this.accept="",this.hasFileList=!0,this.autoInvalidOff=!1,this.addDragListeners=()=>{this.dropZoneEl&&(this.dropZoneEl.addEventListener("dragenter",this.handleDragenter),this.dropZoneEl.addEventListener("dragover",this.handleDragover),this.dropZoneEl.addEventListener("dragleave",this.handleDragleave),this.dropZoneEl.addEventListener("drop",this.handleDrop))},this.removeDragListeners=()=>{this.dropZoneEl&&(this.dropZoneEl.removeEventListener("dragenter",this.handleDragenter),this.dropZoneEl.removeEventListener("dragover",this.handleDragover),this.dropZoneEl.removeEventListener("dragleave",this.handleDragleave),this.dropZoneEl.removeEventListener("drop",this.handleDrop))},this.handleFiles=e=>{const o=(i=e,Array.from(null!=i?i:[]));var i;const l=((e,o,i)=>{const l=[],r=[...e],a=[];for(let t=0;t<o.length;t++){const d=o[t];if(d){const o=[];i.accept&&-1===i.accept.split(" ").join("").split(",").indexOf(d.type)&&o.push("BAD_EXTENSION"),void 0!==i.maxFileSize&&d.size>i.maxFileSize&&o.push("FILE_TOO_BIG");const t=r.map((e=>e.size)).reduce(((e,o)=>e+o),0);void 0!==i.maxBundleSize&&t+d.size>i.maxBundleSize&&o.push("FILE_SIZE_SUM_TOO_BIG"),void 0!==i.maxFiles&&r.length+1>i.maxFiles&&o.push("TOO_MANY_FILES");const s=(e,o)=>e.size===o.size&&e.name===o.name&&e.type===o.type&&e.lastModified===o.lastModified;e.filter((e=>s(e,d))).length>0&&o.push("DUPLICATED_FILE"),o.length>0?a.push({file:d,reasons:o}):(r.push(d),l.push(d))}}return{validFiles:l,invalidFiles:a}})(this.files,o,{accept:this.accept,maxFileSize:this.maxFileSize,maxBundleSize:this.maxBundleSize,maxFiles:this.maxFiles});l.invalidFiles.length>0&&l.invalidFiles.forEach((e=>this.dsRejectedFile.emit(e))),l.validFiles.length>0&&(this.files=[...this.files,...l.validFiles],this.dsChange.emit(this.files),this.dsFilesAdded.emit(l.validFiles)),this.updateFileInput()},this.updateFileInput=()=>{this.nativeInput&&(this.nativeInput.files=b(this.files))},this.handleDragenter=e=>{n(e),this.disabled||this.readonly||this.loading||(this.isDragOver=!0)},this.handleDragover=e=>{n(e)},this.handleDragleave=e=>{n(e),this.isDragOver=!1},this.handleDrop=e=>{if(n(e),this.isDragOver=!1,!this.disabled&&!this.readonly&&!this.loading){const o=e.dataTransfer;o&&this.handleFiles(o.files)}},this.handleInputChange=()=>{var e;this.disabled||this.readonly||this.loading||(null===(e=this.nativeInput)||void 0===e?void 0:e.files)&&this.handleFiles(this.nativeInput.files)},this.handleInputClick=e=>{!this.nativeInput||this.disabled||this.readonly||this.loading||(this.nativeInput.value=""),this.dsInputClick.emit(e)},this.handleInputFocus=e=>{this.focused=!0,this.dsFocus.emit(e)},this.handleInputBlur=e=>{this.focused=!1,this.dsBlur.emit(e)},this.handleRemoveFile=(e,o)=>{if(n(e),o>=0&&o<this.files.length){const e=this.files,i=e.splice(o,1);this.dsFilesRemoved.emit(i),this.files=[...e],this.dsChange.emit(this.files),this.updateFileInput()}}}createLogger(e){this.log=e}valueChanged(){const e=this.value||[];s(this.files,e)||(this.files=[...e])}componentWillLoad(){this.valueChanged()}connectedCallback(){this.initialValue=[...this.value||[]],this.disconnectInvalidTextSlotWatcher=p(this.el,(e=>{this.hasInvalidTextSlotContent=e}))}componentDidLoad(){this.addDragListeners()}disconnectedCallback(){var e;this.removeDragListeners(),null===(e=this.disconnectInvalidTextSlotWatcher)||void 0===e||e.call(this)}listenToReset(e){const o=e.target;(null==o?void 0:o.contains(this.el))&&(this.files=[...this.initialValue],setTimeout((()=>{this.nativeInput&&(this.nativeInput.files=b(this.initialValue))})))}async configChanged(e){this.language=e.language,this.region=e.region}async clear(){this.files=[],this.updateFileInput()}async setFocus(){var e;null===(e=this.nativeInput)||void 0===e||e.focus()}render(){const e=this.disabled||this.readonly||this.loading,o=this.dropZoneLabel||m[this.language].dropZoneLabel,i=m[this.language].selectedFilesLabel,r=m[this.language].removeFileLabel,a=this.invalid||this.hasInvalidTextSlotContent;return l(c,{key:"ba48506b55e97dea724c5c4fcd75f0496ec2deec",color:this.color,disabled:this.disabled,invalid:a,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,inputId:this.fileUploadId},l("div",{key:"bd3c54a1c3debc156f644505e51bbe68ce803be3",id:"drop-zone",part:"drop-zone",ref:e=>this.dropZoneEl=e,class:{"file-upload-drop-zone":!0,"is-dragover":this.isDragOver,"is-disabled":e},onClick:()=>{var o;return!e&&(null===(o=this.nativeInput)||void 0===o?void 0:o.click())}},l("span",{key:"d000d84961259ab6e43ccd63be2e1260b9ca1dd5",id:"drop-zone-status",role:"status","aria-live":"polite"},this.isDragOver?"Drop files here":""),l("input",{key:"ff267497b43f107a63aef12b1e7bc9bb83cad829",part:"input",ref:e=>this.nativeInput=e,id:this.fileUploadId,type:"file",name:this.name,multiple:this.multiple,disabled:e,required:this.required,accept:this.accept||void 0,"aria-invalid":a?"true":"false","aria-describedby":"description",onClick:this.handleInputClick,onChange:this.handleInputChange,onFocus:this.handleInputFocus,onBlur:this.handleInputBlur,"data-testid":"ds-file-upload-input"}),l("div",{key:"7b4854efac11d8a8421ba3e3e3a07952b02d3c77",id:"drop-zone-content",class:{"is-disabled":e}},l("slot",{key:"444433f2d5192f22943739e798c1b148b29ca17b"},l("div",{key:"82e938f30c2fd8da7f376591bf5671e73ad9ad47",id:"drop-zone-placeholder",class:{"is-disabled":e}},!this.loading&&l("ds-icon",{key:"fcd5549c2cac21b3dd2fb87e20a50e2d1b0bdb5b",name:"upload",size:"lg"}),this.loading&&l("ds-spinner",{key:"2d6039c0db76188da9a671e07b60a2a5a16923b8",variation:"circle"}),l("span",{key:"e5a69a4fadb1f5800d937627cf687f06a61d1028"},o))))),this.hasFileList&&this.files.length>0&&l("ul",{key:"8ddb7e2c904fd1d47dad83a557070c69451e3ff0",id:"file-list",part:"file-list",role:"list","aria-label":i,class:{"file-list":!0,"is-disabled":e}},this.files.map(((o,i)=>{return l("li",{id:`file-list-item-${i}`,key:o.name,class:"file-list-item"},l("ds-stack",{direction:"row",align:"center"},l("ds-icon",{name:"document",size:"md"}),l("ds-content",{space:"none"},l("span",{class:"file-name",title:o.name},o.name),l("span",{class:"file-size"},(a=o.size)<1024?`${a} B`:a<1048576?`${(a/1024).toFixed(1)} KB`:`${(a/1048576).toFixed(1)} MB`)),l("ds-button",{size:"sm",icon:"trash",square:!0,color:"secondary",title:`${r} ${o.name}`,a11yLabel:`${r} ${o.name}`,disabled:e,onKeyDown:e=>{"Delete"===e.key&&this.handleRemoveFile(e,i)},onClick:e=>this.handleRemoveFile(e,i)})));var a}))))}get el(){return r(this)}static get watchers(){return{value:[{valueChanged:0}]}}};a([t("file-upload"),d("design:type",Function),d("design:paramtypes",[Function]),d("design:returntype",void 0)],g.prototype,"createLogger",null),a([h("array"),d("design:type",Array)],g.prototype,"value",void 0),a([h("string"),d("design:type",String)],g.prototype,"name",void 0),a([h("string"),d("design:type",String)],g.prototype,"label",void 0),a([h("string"),d("design:type",String)],g.prototype,"dropZoneLabel",void 0),a([h("string"),d("design:type",String)],g.prototype,"description",void 0),a([h("string"),d("design:type",String)],g.prototype,"invalidText",void 0),a([u(f),d("design:type",String)],g.prototype,"color",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"invalid",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"multiple",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"disabled",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"readonly",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"loading",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"required",void 0),a([h("string"),d("design:type",String)],g.prototype,"accept",void 0),a([h("number"),d("design:type",Number)],g.prototype,"maxFiles",void 0),a([h("number"),d("design:type",Number)],g.prototype,"maxFileSize",void 0),a([h("number"),d("design:type",Number)],g.prototype,"maxBundleSize",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"hasFileList",void 0),a([h("boolean"),d("design:type",Boolean)],g.prototype,"autoInvalidOff",void 0),a([v(),d("design:type",Function),d("design:paramtypes",[Object]),d("design:returntype",Promise)],g.prototype,"configChanged",null);let z=0;g.style=":host{--_file-upload-label-family:var(--file-upload-label-family, var(--mod-file-upload-label-family, var(--ds-alias-text-family-text)));--_file-upload-label-weight:var(--file-upload-label-weight, var(--mod-file-upload-label-weight, var(--ds-alias-text-weight-bold)));--_file-upload-label-size:var(--file-upload-label-size, var(--mod-file-upload-label-size, var(--ds-alias-text-size-base)));--_file-upload-label-line-height:var(--file-upload-label-line-height, var(--mod-file-upload-label-line-height, var(--ds-alias-text-line-height-text)));--_file-upload-drop-zone-border-color:var(--file-upload-drop-zone-border-color, var(--mod-file-upload-drop-zone-border-color, var(--ds-alias-border-color-grey)));--_file-upload-drop-zone-background:var(--file-upload-drop-zone-background, var(--mod-file-upload-drop-zone-background, var(--ds-alias-surface-transparent)));--_file-upload-drop-zone-hover-background:var(--file-upload-drop-zone-hover-background, var(--mod-file-upload-drop-zone-hover-background, var(--ds-alias-surface-grey-lighter)));--_file-upload-drop-zone-hover-border-color:var(--file-upload-drop-zone-hover-border-color, var(--mod-file-upload-drop-zone-hover-border-color, var(--ds-alias-border-color-primary)));--_file-upload-drop-zone-hover-text-color:var(--file-upload-drop-zone-hover-text-color, var(--mod-file-upload-drop-zone-hover-text-color, var(--ds-alias-text-color-primary-hover)));--_file-upload-drop-zone-active-background:var(--file-upload-drop-zone-active-background, var(--mod-file-upload-drop-zone-active-background, var(--ds-alias-surface-grey-light)));--_file-upload-drop-zone-active-border-color:var(--file-upload-drop-zone-active-border-color, var(--mod-file-upload-drop-zone-active-border-color, var(--ds-alias-border-color-primary)));--_file-upload-drop-zone-active-text-color:var(--file-upload-drop-zone-active-text-color, var(--mod-file-upload-drop-zone-active-text-color, var(--ds-alias-text-color-primary-active)));--_file-upload-drop-zone-focus-border-color:var(--file-upload-drop-zone-focus-border-color, var(--mod-file-upload-drop-zone-focus-border-color, var(--ds-alias-interaction-focus-color-border)));--_file-upload-drop-zone-disabled-background:var(--file-upload-drop-zone-disabled-background, var(--mod-file-upload-drop-zone-disabled-background, var(--ds-alias-surface-grey-light)));--_file-upload-drop-zone-disabled-border-color:var(--file-upload-drop-zone-disabled-border-color, var(--mod-file-upload-drop-zone-disabled-border-color, var(--ds-button-color-disabled-base-text)));--_file-upload-drop-zone-disabled-text-color:var(--file-upload-drop-zone-disabled-text-color, var(--mod-file-upload-drop-zone-disabled-text-color, var(--ds-button-color-disabled-base-text)));--_file-upload-file-list-background:var(--file-upload-file-list-background, var(--mod-file-upload-file-list-background, var(--ds-alias-surface-grey-light)));--_file-upload-file-name-color:var(--file-upload-file-name-color, var(--mod-file-upload-file-name-color, var(--ds-alias-text-color-primary)));--_file-upload-file-size-color:var(--file-upload-file-size-color, var(--mod-file-upload-file-size-color, var(--ds-alias-text-color-primary-light)));--_file-upload-disabled-icon-color:var(--file-upload-disabled-icon-color, var(--mod-file-upload-disabled-icon-color, var(--ds-button-color-disabled-base-text)));--_file-upload-disabled-text-color:var(--file-upload-disabled-text-color, var(--mod-file-upload-disabled-text-color, var(--ds-button-color-disabled-base-text)));--_file-upload-family:var(--file-upload-family, var(--mod-file-upload-family, var(--ds-form-default-control-typo-font-family)));--_file-upload-weight:var(--file-upload-weight, var(--mod-file-upload-weight, var(--ds-form-default-control-typo-font-weight)));--_file-upload-line-height:var(--file-upload-line-height, var(--mod-file-upload-line-height, var(--ds-form-default-control-typo-line-height)));--_file-upload-size:var(--file-upload-size, var(--mod-file-upload-size, var(--ds-form-default-control-typo-font-size)));--_file-upload-color:var(--file-upload-color, var(--mod-file-upload-color, var(--ds-form-default-control-value-color)));--_file-upload-placeholder:var(--file-upload-placeholder, var(--mod-file-upload-placeholder, var(--ds-form-default-control-placeholder-color)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-default-label-color)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-default-label-typo-font-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-default-label-typo-font-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-default-label-typo-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-default-label-typo-font-size)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-default-description-color)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-default-description-typo-font-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-default-description-typo-font-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-default-description-typo-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-default-description-typo-font-size)))}:host{position:relative;display:block;width:100%}:host #input{border:none;outline:none;-webkit-box-shadow:none;box-shadow:none;position:relative;background:inherit;-ms-flex:1;flex:1;color:var(--_file-upload-color);font-family:var(--_file-upload-family);font-weight:var(--_file-upload-weight);font-size:var(--_file-upload-size);line-height:var(--_file-upload-line-height);border-radius:var(--_file-upload-container-radius)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host #input::placeholder{color:var(--_file-upload-placeholder)}:host #input::-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input::-webkit-input-placeholder{color:var(--_file-upload-placeholder)}:host #input:-moz-placeholder{color:var(--_file-upload-placeholder)}:host #input:-ms-input-placeholder{color:var(--_file-upload-placeholder)}:host :where(fieldset){margin:0;padding:0;border:none}:host :where(legend){padding:0;float:left;width:100%}:host label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:block;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;color:var(--_form-label-color);font-family:var(--_form-label-family);font-weight:var(--_form-label-weight);font-size:var(--_form-label-size);line-height:var(--_form-label-line-height)}:host #description{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;overflow-wrap:break-word;text-wrap:balance;min-width:0;gap:.25rem;min-height:1.125rem;color:var(--_form-description-color);font-family:var(--_form-description-family);font-weight:var(--_form-description-weight);font-size:var(--_form-description-size);line-height:var(--_form-description-line-height)}:host #description ds-icon{--icon-color:var(--_form-description-color)}:host input[type=file],:host #drop-zone-status{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;margin:0;padding:0;border:0;outline:0;clip:rect(0 0 0 0);opacity:0;overflow:hidden;-webkit-appearance:none;-moz-appearance:none}:host #drop-zone{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;width:100%;padding:1rem;border:2px dashed var(--_file-upload-drop-zone-border-color);border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-drop-zone-background)}@media (hover: hover)and (pointer: fine){:host #drop-zone:hover:not(.is-disabled){background-color:var(--_file-upload-drop-zone-hover-background);color:var(--_file-upload-drop-zone-hover-text-color);--icon-color:var(--_file-upload-drop-zone-hover-text-color);cursor:pointer}}:host #drop-zone:active:not(.is-disabled){border-color:var(--_file-upload-drop-zone-active-border-color);background-color:var(--_file-upload-drop-zone-active-background);color:var(--_file-upload-drop-zone-active-text-color);--icon-color:var(--_file-upload-drop-zone-active-text-color)}:host #drop-zone:focus-within:not(.is-disabled):not(:active){border-color:var(--_file-upload-drop-zone-focus-border-color)}:host #drop-zone.is-disabled{background-color:var(--_file-upload-drop-zone-disabled-background);border-color:var(--_file-upload-drop-zone-disabled-border-color);color:var(--_file-upload-drop-zone-disabled-text-color);--icon-color:var(--_file-upload-drop-zone-disabled-text-color);cursor:default;--_spinner-circle-background-color:var(--ds-global-color-grey-3)}:host #drop-zone-placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;gap:1rem;font-family:var(--ds-alias-text-family-text);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base);text-align:center}:host #file-list{margin-block:1rem;display:grid;gap:.5rem}:host #file-list li{padding:.5rem 1rem;border-radius:var(--ds-alias-radius-base);background-color:var(--_file-upload-file-list-background);display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}:host #file-list li .ds-stack{width:100%}:host #file-list li .file-name{color:var(--_file-upload-file-name-color);font-weight:var(--ds-alias-text-weight-bold);font-size:var(--ds-alias-text-size-base)}:host #file-list li .file-size{color:var(--_file-upload-file-size-color);font-size:var(--ds-alias-text-size-xs)}:host #file-list.is-disabled li{--icon-color:var(--_file-upload-disabled-icon-color)}:host #file-list.is-disabled li .file-name{color:var(--_file-upload-disabled-text-color)}:host #file-list.is-disabled li .file-size{color:var(--_file-upload-disabled-text-color)}:host(.is-danger){--mod-file-upload-description-color:var(--ds-form-danger-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-danger);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-danger);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-danger)}:host(.is-success){--mod-file-upload-description-color:var(--ds-form-success-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-success);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-success);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-success)}:host(.is-warning){--mod-file-upload-description-color:var(--ds-form-warning-description-color);--mod-file-upload-drop-zone-border-color:var(--ds-alias-text-color-warning);--mod-file-upload-drop-zone-hover-border-color:var(--ds-alias-text-color-warning);--mod-file-upload-drop-zone-active-border-color:var(--ds-alias-text-color-warning)}";export{g as ds_file_upload}