@baloise/ds-core 20.0.0-next.4 → 20.0.0-next.7

package/components/ds-select.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as t,H as s,f as e,h as i,t as o}from"./p-WO0X5Vmy.js";import{_ as r,L as n,a}from"./p-J0mxIuTt.js";import{i as l}from"./p-B62ocg4Q.js";import{s as h}from"./p-BwfAXfmz.js";import{r as c}from"./p-BgzU1loG.js";import{F as d}from"./p-FBQaJyH0.js";import{I as u}from"./p-DU7t9H9h.js";import{d as p}from"./p-Du7QOHtz.js";import{d as m}from"./p-qaSW94OG.js";import{d as g}from"./p-CvaNxQtw.js";import{T as v}from"./p-DAYd9ty0.js";import{O as f}from"./p-BhbWmCTu.js";import{L as b}from"./p-DIK6Zkg6.js";var w=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||"M60,10 L10,10 L10,90 L90,90 L90,50",this.optgroupSelectAllCheck=t.optgroupSelectAllCheck||"M30,45 L50,70 L90,10",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]}},x=200,k=["transform","opacity"];function y(t,s=x){return function(t,s=x){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 C(t,s,e=x){let i=y(t,e)+50;return void 0===s?i:Math.max(i,s)}function O(){return!(typeof window>"u"||"function"!=typeof window.matchMedia)&&window.matchMedia("(prefers-reduced-motion: reduce)").matches}function _(t,s,e=x,i){if(O()||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,n=!1,a=()=>{n||(n=!0,t.removeEventListener("transitionend",h),i?.removeEventListener("abort",l),r&&clearTimeout(r),s())},l=()=>a(),h=s=>{s.target===t&&(o&&(!o.has(s.propertyName)||(o.delete(s.propertyName),o.size>0))||a())};i?.addEventListener("abort",l,{once:!0}),t.addEventListener("transitionend",h),r=setTimeout(a,e)}))}function S(t,s,e=x,i){return O()||i?.aborted?Promise.resolve():new Promise((i=>{let o=null,r=!1,n=()=>{r||(r=!0,t.removeEventListener("animationend",a),o&&clearTimeout(o),i())},a=e=>{e.target===t&&(e.animationName!==s||n())};t.addEventListener("animationend",a),o=setTimeout(n,e)}))}var L=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;modal;modalTitle;constructor(t){t||={},this.id="ss-"+E(),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||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.modal=t.modal||"mobile",this.modalTitle=t.modalTitle||""}};function z(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 A(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 E(){return Math.random().toString(36).substring(2,10)}function T(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,n=e&&!i;clearTimeout(i),i=setTimeout((()=>{i=null,e||t.apply(r,o)}),s),n&&t.apply(r,o)}}function P(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 B=["id","value","text","html","defaultSelected","selected","display","disabled","placeholder","class","style","mandatory"];function F(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 j(t,s){for(let e of B)if(F(t,e)!==F(s,e))return!1;return function(t,s){let e=Object.keys(t);if(e.length!==Object.keys(s).length)return!1;for(let i of e)if(t[i]!==s[i])return!1;return!0}(t.data||{},s.data||{})}function R(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||[],n=s.options||[];if(r.length!==n.length)return!1;for(let t=0;t<r.length;t++)if(!j(r[t],n[t]))return!1;return!0}var I=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()}},N=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((()=>{}))}},V=class{id;value;text;html;defaultSelected;selected;display;disabled;placeholder;class;style;data;mandatory;constructor(t){this.id=t.id&&""!==t.id?t.id:E(),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=z(t.data)}},G=class{id;label;selectAll;closable;options;constructor(t){if(this.id=t.id&&""!==t.id?t.id:E(),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 V(s))}},q=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 G||"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 V||"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 G||"label"in t){let e=[];"options"in t&&t.options&&t.options.forEach((t=>{e.push(new V(t))})),e.length>0&&s.push(new G(t))}(t instanceof V||"text"in t)&&s.push(new V(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 G?new G({id:t.id,label:t.label,selectAll:t.selectAll,closable:t.closable,options:t.options.map((t=>new V(t instanceof V?{...t}:t)))}):new V({...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 V){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 V(t)];this.setData(s.concat(this.getData()))}else this.setData(this.getData().concat(new V(t)))}setSelectedBy(t,s,e=!1){let i=null,o=!1,r=[];for(let e of this.data){if(e instanceof G)for(let n of e.options)i||=n,n.selected=!o&&s.includes(n[t]||""),n.selected&&(r.push(n),"single"===this.selectType&&(o=!0));e instanceof V&&(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 n=s.map((s=>r.find((e=>e[t]===s))?.id||""));this.selectedOrder=n}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 G)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 G&&s.id===t)return s;return null}getOptionByID(t){for(let s of this.data)if(s instanceof G){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 G?t=s.options[0]:s instanceof V&&(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 G({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 G){let r=[];if(o.options.forEach((o=>{(!t||t(o))&&(s?r.push(e?new V(o):o):i.push(e?new V(o):o))})),r.length>0)if(e){let t=new G(o);t.options=r,i.push(t)}else i.push(this.createOptgroupView(o,r))}o instanceof V&&(!t||t(o))&&i.push(e?new V(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;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=C(this.content.main,this.settings.timeoutDelay);return _(this.content.main,k,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")}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 n=document.createElementNS("http://www.w3.org/2000/svg","svg");this.addClasses(n,this.classes.arrow),n.setAttribute("viewBox","0 0 100 100");let a=document.createElementNS("http://www.w3.org/2000/svg","path");return a.setAttribute("d",this.classes.arrowClose),this.settings.alwaysOpen&&this.addClasses(n,this.classes.hide),n.appendChild(a),t.appendChild(n),{main:t,values:s,deselect:{main:e,svg:o,path:r},arrow:{main:n,path:a}}}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),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=C(this.content.main,this.settings.timeoutDelay);for(let t of e)this.addClasses(t,this.classes.valueOut),S(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===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))}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 G)for(let e of s.options)e.id&&t.push(e.id);s instanceof V&&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)}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.positionObserver=new ResizeObserver((()=>{this.settings.isOpen&&(cancelAnimationFrame(this.positionObserverRaf),this.positionObserverRaf=requestAnimationFrame((()=>{this.moveContent()})))})),this.observePositionTargets()))}stopPositionTracking(){cancelAnimationFrame(this.positionObserverRaf),this.positionObserver?.disconnect(),this.positionObserver=null,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);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};if(this.settings.showSearch||(this.addClasses(t,this.classes.hide),s.readOnly=!0),s.type="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"),s.oninput=D((t=>{this.callbacks.search(t.target.value)}),100),s.onkeydown=t=>{switch(t.key){case"ArrowUp":case"ArrowDown":return this.highlight("ArrowDown"===t.key?"down":"up"),!1;case"Tab":return this.requestClose("tab"),!0;case"Escape":return this.requestClose("escape"),!1;case"Enter":let s=this.content.list.querySelector("."+this.classes.getFirst("highlighted"));return s?(s.click(),!1):!this.callbacks.addable||(e.click(),!1)}return!0},t.appendChild(s),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 V(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=y(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 n=r.parentElement;if(n&&n.classList.contains(this.classes.getFirst("close"))){let t=n.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)}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)}renderOptions(t){if(this.lastSearchFilterTerm="",this.lastRenderedOptions=t.map((t=>t instanceof V?[t]:t.options.map((t=>new V(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 void this.content.list.appendChild(t)}this.settings.allowDeselect&&!this.settings.isMultiple&&(this.store.filter((t=>t.placeholder),!1,!1).length||this.store.addOption(new V({text:"",value:"",selected:!1,placeholder:!0}),!0));let s=document.createDocumentFragment();for(let e of t){if(e instanceof G){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=document.createElement("div");this.addClasses(t,this.classes.optgroupSelectAll);let s=this.isOptgroupAllSelected(e.options);s&&this.addClasses(t,this.classes.selected);let i=document.createElement("span");i.textContent=this.optgroupSelectAllLabel(s),t.appendChild(i);let o=document.createElementNS("http://www.w3.org/2000/svg","svg");o.setAttribute("viewBox","0 0 100 100"),t.appendChild(o);let n=document.createElementNS("http://www.w3.org/2000/svg","path");n.setAttribute("d",this.classes.optgroupSelectAllBox),o.appendChild(n);let a=document.createElementNS("http://www.w3.org/2000/svg","path");a.setAttribute("d",this.classes.optgroupSelectAllCheck),o.appendChild(a),t.addEventListener("click",(t=>{t.preventDefault(),t.stopPropagation();let s=this.store.getSelected();if(this.isOptgroupAllSelected(e.options,new Set(s))){let t=s.filter((t=>{for(let s of e.options)if(t===s.id)return!1;return!0}));this.callbacks.setSelected(t,!0)}else{let t=e.options.map((t=>t.id)).filter((t=>void 0!==t)),i=s.concat(t);for(let t of e.options)t.id&&!this.store.getOptionByID(t.id)&&this.callbacks.addOption(new V(t));this.callbacks.setSelected(i,!0)}})),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 n=document.createElementNS("http://www.w3.org/2000/svg","path");o.appendChild(n),e.options.some((t=>t.selected))||""!==this.content.search.input.value.trim()?(this.addClasses(s,this.classes.mainOpen),n.setAttribute("d",this.classes.arrowOpen)):"open"===e.closable?(this.addClasses(t,this.classes.mainOpen),n.setAttribute("d",this.classes.arrowOpen)):"close"===e.closable&&(this.addClasses(t,this.classes.close),n.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),n.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),n.setAttribute("d",this.classes.arrowOpen))})),r.appendChild(s)}t.appendChild(i);for(let i of e.options)t.appendChild(this.option(new V(i))),s.appendChild(t)}e instanceof V&&s.appendChild(this.option(e))}this.content.list.appendChild(s),this.setOptionsListFullData(t),this.announce(this.settings.resultsText.replace("{count}",this.lastRenderedOptions.length+""))}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 n=r.placeholder||!r.display||r.selected&&this.settings.hideSelected,a=s(r,e);n||!a?(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}",i.length+""))),this.updateOptgroupSelectAllStates()}setOptionsListFullData(t){let s=this.store.getDataOptions(!1),e=t.map((t=>t instanceof V?[t]:t.options.map((t=>new V(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()}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);let r=s.querySelector("span");r&&(r.textContent=this.optgroupSelectAllLabel(o))}}optgroupSelectAllLabel(t){return t?"Unselect All":"Select All"}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=s.currentTarget.dataset.id+"",o=this.store.getOptionByID(i)??t,r=e.includes(i),n=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&&!n)return;let a=!1,l=this.store.getSelectedOptions(),h=[];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=s.slice(Math.min(e,i),Math.max(e,i)+1).filter((t=>!l.find((s=>s.id===t.id))));h=l.length+t.length<=this.settings.maxSelected?l.concat(t):l}else h=l}else h=e?l.filter((t=>t.id!==i)):l.concat(o),this.lastSelectedOption=o}this.settings.isMultiple||(h=r?[]:[o]),this.callbacks.beforeChange||(a=!0),this.callbacks.beforeChange&&(a=!1!==this.callbacks.beforeChange(h,l)),a&&(this.store.getOptionByID(i)||this.callbacks.addOption(t),this.callbacks.setSelected(h.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,h)}),this.callbacks.afterChange&&this.callbacks.afterChange(h))})),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 n=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=>n(t)))};return Array.from(r.childNodes).forEach((t=>n(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 Math.max("fixed"===this.settings.contentPosition?0: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,n=this.classes.hide;!i||e&&!s||o?this.addClasses(r,n):this.removeClasses(r,n)}},U=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.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}getDataFromOption(t){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,disabled:t.disabled,mandatory:!!t.dataset&&"true"===t.dataset.mandatory,placeholder:"true"===t.dataset.placeholder,class:t.className,style:t.style.cssText,data:z(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))}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){this.isUpdating=!0,this.pendingOptionsChange=null,this.changeListen(!1),this.select.innerHTML="";for(let s of t)s instanceof G&&this.select.appendChild(this.createOptgroup(s)),s instanceof V&&this.select.appendChild(this.createOption(s));if(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),t.display||(s.style.display="none"),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=T(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:n,events:a}=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(!R(i,o))return!1}else if(!j(i,o))return!1}return!0}(t.getData(!1),s)}(o,t))return;let l=o.getSelected(),h=o.validateDataArray(t);if(h)return void(a.error?a.error(h):this.deps.onError&&this.deps.onError(h));o.setData(t,e);let c=o.getData(!1);i||o.snapshotCatalog(),r.updateOptions(c),n.renderValues(),n.renderOptions(c),a.afterChange&&!P(l,o.getSelected())&&a.afterChange(o.getSelectedOptions())}applySelection(t,s,e){let{store:i,select:o,render:r,events:n}=this.deps,a=i.getSelected(),l=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(P(a,l))return;i.setSelectedBy("id",l),o.setSelectedByValue(i.getSelectedValues()),r.renderValues();let h=r.content.search.input.value.trim();""===h?r.canUpdateOptionSelectionInPlace()?r.updateOptionSelection():r.renderOptions(i.getData(!1)):r.hasRenderedOptions()?r.updateOptionSelection():this.deps.search&&this.deps.search(h),e&&n.afterChange&&!P(a,i.getSelected())&&n.afterChange(i.getSelectedOptions())}applyAddOption(t){let{store:s,select:e,render:i,events:o}=this.deps,r=s.getSelected(),n=""!==i.content.search.input.value.trim()&&!!this.deps.search,a=t.value??t.text??"",l=t=>{for(let s of t)if(s instanceof G){if(s.options.some((t=>(t.value??t.text)===a)))return!0}else if((s.value??s.text)===a)return!0;return!1};if(!l(s.getData(!1)))if(n){let e=s.getCatalogData();l(e)||s.setData([...e,new V(t)],!0),s.snapshotCatalog()}else s.addOption(t),s.snapshotCatalog();let h=s.getData(!1);e.updateOptions(h),i.renderValues(),i.renderOptions(h),o.afterChange&&!P(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 L(t.settings),this.cssClasses=new w(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 U(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 q(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(A).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=C(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)),source:"native"})},this.select.onOptionsChange=t=>{this.sync.enqueue({type:"structure",data:t||[],source:"native"})},this.lifecycle=new N({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 I({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&&!T(t.target,this.settings.id)&&this.close({source:"outside",selectionChanged:!1})}};const W={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 Y{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=W[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:n,multiple:a,clearable:l,data:h}=this.config;this.slimSelect=new $({select:t,settings:{contentLocation:s,contentPosition:"relative",searchHighlight:!0,showSearch:i,focusSearch:i,searchPlaceholder:W[e].searchPlaceholder,searchText:W[e].noResults,placeholderText:o||" ",disabled:r||n,closeOnSelect:!a,allowDeselect:l,modal:"off"},data:h,events:{afterChange:t=>this.config.onChange(t),afterOpen:()=>{this.highlightFirstOption(),this.config.onOpen()},afterClose:()=>this.config.onClose()}}),this.connectLabelToTrigger(),this.fixSearchListener(),this.fixKeyboardOpen(),this.fixOptionFocus(),this.fixTypeAhead(),this.highlightFirstOption()}highlightFirstOption(){var t;this.config.popupEl.querySelector(".ss-highlighted")||null===(t=this.slimSelect)||void 0===t||t.render.highlight("down")}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&&t.addEventListener("keydown",(s=>{var e;const i=s.target;" "!==s.key&&"Enter"!==s.key||i!==t||i.classList.contains("ss-value-delete")||t.classList.contains("ss-open")||(s.preventDefault(),null===(e=this.slimSelect)||void 0===e||e.open())}))}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 n=r&&this.typeAheadBuffer.length>0&&[...this.typeAheadBuffer].every((t=>t===e));this.typeAheadBuffer=r?this.typeAheadBuffer+e:e;const a=i.getOptions(!0,!0,!0);if(0===a.length)return;const l=i.classes.getFirst("highlighted"),h=this.config.popupEl.querySelector("."+l),c=h?a.indexOf(h):-1,d=n?this.findNextTypeAheadMatch(a,e,c):a.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 K=t(class extends s{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.dsChange=e(this,"dsChange"),this.dsFocus=e(this,"dsFocus"),this.dsBlur=e(this,"dsBlur"),this.dsClick=e(this,"dsClick"),this.internals=this.attachInternals(),this.inheritedAttributes={},this.initialValue=null,this.selectId="ds-select-"+Q++,this.focused=!1,this.language=g.language,this.region=g.region,this.slottedOptions=[],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)}componentWillLoad(){this.inheritedAttributes=l(this.el,["aria-label","tabindex","title"])}componentDidLoad(){this.selectEl&&this.popupEl&&this.el.shadowRoot&&(this.readOptionsFromSlot(),this.picker=new Y({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;null===(t=this.picker)||void 0===t||t.destroy(),this.picker=void 0}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()}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}}))}handleAfterChange(t){var s,e;const i=t.filter((t=>!t.placeholder));if(this.multiple){const t=i.map((t=>t.value));this.syncFormValue(t),this.value=t,this.dsChange.emit(t)}else{const t=null!==(e=null===(s=i[0])||void 0===s?void 0:s.value)&&void 0!==e?e:null;this.syncFormValue(t),this.value=t,this.dsChange.emit(t),c((()=>{var t;return null===(t=this.picker)||void 0===t?void 0:t.close()}))}}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 i(d,{key:"2103a2629e45c8036560ccdb03068c5d65f6c9ec",disabled:this.disabled,color:this.color,invalid:this.invalid,label:this.label,description:this.description,invalidText:this.invalidText,required:this.required,language:this.language,inputId:this.selectId,onClick:t=>this.dsClick.emit(t)},i("select",Object.assign({key:"c885d952f4fa562ea44af769d46b45e4a8541f14",name:this.name,multiple:this.multiple,required:this.required,disabled:this.disabled,"aria-hidden":"true",tabindex:-1,ref:t=>this.selectEl=t},this.inheritedAttributes)),i("div",{key:"990eb82e3a5965fb34eebe9425202a98abe70c58",id:"popup",class:{"is-multiple":this.multiple},ref:t=>this.popupEl=t},i("slot",{key:"52d66712a9baa34be8f6903b2620099b209cea36",onSlotchange:this.handleSlotChange})))}static get formAssociated(){return!0}get el(){return this}static get watchers(){return{value:[{valueChanged:0}],disabled:[{disabledChanged:0}],readonly:[{readonlyChanged:0}],options:[{optionsChanged:0}],optionGroups:[{optionGroupsChanged:0}]}}static get style(){return":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-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%}.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-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-selectall{-ms-flex:0 0 auto;flex:0 0 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-selectall:hover{opacity:.5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path{stroke:var(--ss-error-color)}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .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:60%;text-align:center;padding:0 var(--ss-spacing-s) 0 0}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg{-ms-flex:0 1 auto;flex:0 1 auto;width:13px;height:13px}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path{fill:none;stroke:var(--ss-success-color);stroke-linecap:round;stroke-linejoin:round}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child{stroke-width:5}.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child{stroke-width:11}.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-container-color-base-background)));--_form-container-border-color:var(--form-container-border-color, var(--mod-form-container-border-color, var(--ds-form-container-color-base-border)));--_form-container-border-width:var(--form-container-border-width, var(--mod-form-container-border-width, var(--ds-form-container-border-width)));--_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-container-color-hover-background)));--_form-container-active-background:var(--form-container-active-background, var(--mod-form-container-active-background, var(--ds-form-container-color-active-background)));--_form-container-focus-background:var(--form-container-focus-background, var(--mod-form-container-focus-background, var(--ds-form-container-color-focus-background)));--_form-container-hover-border:var(--form-container-hover-border, var(--mod-form-container-hover-border, var(--ds-form-container-color-hover-border)));--_form-container-active-border:var(--form-container-active-border, var(--mod-form-container-active-border, var(--ds-form-container-color-active-border)));--_form-container-focus-border:var(--form-container-focus-border, var(--mod-form-container-focus-border, var(--ds-form-container-color-focus-border)));--_form-label-color:var(--form-label-color, var(--mod-form-label-color, var(--ds-form-label-color-base)));--_form-label-family:var(--form-label-family, var(--mod-form-label-family, var(--ds-form-label-family)));--_form-label-weight:var(--form-label-weight, var(--mod-form-label-weight, var(--ds-form-label-weight)));--_form-label-line-height:var(--form-label-line-height, var(--mod-form-label-line-height, var(--ds-form-label-line-height)));--_form-label-size:var(--form-label-size, var(--mod-form-label-size, var(--ds-form-label-size-device)));--_form-description-color:var(--form-description-color, var(--mod-form-description-color, var(--ds-form-description-color-base)));--_form-description-family:var(--form-description-family, var(--mod-form-description-family, var(--ds-form-description-family)));--_form-description-weight:var(--form-description-weight, var(--mod-form-description-weight, var(--ds-form-description-weight)));--_form-description-line-height:var(--form-description-line-height, var(--mod-form-description-line-height, var(--ds-form-description-line-height)));--_form-description-size:var(--form-description-size, var(--mod-form-description-size, var(--ds-form-description-size-device)));--_select-family:var(--select-family, var(--mod-select-family, var(--ds-form-control-family)));--_select-weight:var(--select-weight, var(--mod-select-weight, var(--ds-form-control-weight)));--_select-line-height:var(--select-line-height, var(--mod-select-line-height, var(--ds-form-control-line-height)));--_select-size:var(--select-size, var(--mod-select-size, var(--ds-form-control-size-device)));--_select-color:var(--select-color, var(--mod-select-color, var(--ds-form-control-color-value-base)));--_select-placeholder:var(--select-placeholder, var(--mod-select-placeholder, var(--ds-form-control-color-placeholder-base)));--_select-background-color:var(--select-background-color, var(--mod-select-background-color, var(--ds-select-color-background-base)));--_select-text-color:var(--select-text-color, var(--mod-select-text-color, var(--ds-select-color-text-base)));--_select-primary-color:var(--select-primary-color, var(--mod-select-primary-color, var(--ds-select-color-primary-base)));--_select-placeholder-color:var(--select-placeholder-color, var(--mod-select-placeholder-color, var(--ds-select-color-placeholder-base)));--_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-base)));--_select-highlight-color:var(--select-highlight-color, var(--mod-select-highlight-color, var(--ds-select-color-highlight-base)));--_select-focus-color:var(--select-focus-color, var(--mod-select-focus-color, var(--ds-select-color-focus-base)));--_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-base)));--_select-content-shadow:var(--select-content-shadow, var(--mod-select-content-shadow, var(--ds-select-content-shadow)));--_select-search-text-color:var(--select-search-text-color, var(--mod-select-search-text-color, var(--ds-select-search-color-text-base)));--_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-base)));--_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-hover)));--_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-base)));--_select-optgroup-text-color:var(--select-optgroup-text-color, var(--mod-select-optgroup-text-color, var(--ds-select-optgroup-color-text-base)));--_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-base-background)));--_select-tag-text-color:var(--select-tag-text-color, var(--mod-select-tag-text-color, var(--ds-select-chip-color-base-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-base)));--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-width) solid var(--_form-container-border-color);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-color:var(--_form-container-hover-border)}}:host #container:active,:host #container.is-pressed{background:var(--_form-container-active-background);border-color:var(--_form-container-active-border)}:host #container:focus-within:not(:active),:host #container.is-focused:not(:active){background:var(--_form-container-focus-background);border-color: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-color:var(--ds-form-container-color-danger-border);--mod-form-description-color:var(--ds-form-description-color-danger);--mod-form-container-hover-border:var(--ds-form-container-color-danger-border);--mod-form-container-active-border:var(--ds-form-container-color-danger-border)}:host(.is-success){--mod-form-container-border-color:var(--ds-form-container-color-success-border);--mod-form-description-color:var(--ds-form-description-color-success);--mod-form-container-hover-border:var(--ds-form-container-color-success-border);--mod-form-container-active-border:var(--ds-form-container-color-success-border)}:host(.is-warning){--mod-form-container-border-color:var(--ds-form-container-color-warning-border);--mod-form-description-color:var(--ds-form-description-color-warning);--mod-form-container-hover-border:var(--ds-form-container-color-warning-border);--mod-form-container-active-border:var(--ds-form-container-color-warning-border)}:host(.is-disabled){pointer-events:none;cursor:default;--mod-form-container-background:var(--ds-form-container-color-disabled-background);--mod-form-container-border-color:var(--ds-form-container-color-disabled-border);--mod-form-label-color:var(--ds-form-label-color-disabled);--mod-form-description-color:var(--ds-form-description-color-disabled);--mod-select-color:var(--ds-form-control-color-value-disabled);--mod-select-placeholder:var(--ds-form-control-color-placeholder-disabled)}: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;font-family:var(--_select-content-family);z-index:var(--ds-alias-z-index-popup)}:host .ss-content{background-color:var(--_select-content-background-color);-webkit-box-shadow:var(--_select-content-shadow);box-shadow:var(--_select-content-shadow);border:none;margin:0 !important;position:absolute;top:100%;left:0;width:100%;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-search{border-width:2px;border-color:var(--_form-container-border-color)}:host .ss-content .ss-search input{color:var(--_select-search-text-color)}: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-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-bottom:2px solid var(--_select-option-border-color)}:host .ss-content .ss-list .ss-option:last-child{border-bottom:none}: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.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:hover:not(.ss-disabled),: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{-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 .ss-deselect{display:none !important}}:host .ss-main .ss-deselect{border-radius:var(--ds-alias-radius-rounded);background:rgba(0,0,0,0);width:1.5rem;height:1.5rem;border:none;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;position:relative;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-negative:0;flex-shrink:0;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;word-break:normal;-webkit-box-shadow:none;box-shadow:none;outline:none;-webkit-box-sizing:border-box;box-sizing:border-box;text-decoration:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select: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)}:host .ss-main .ss-deselect::-moz-focus-inner{border:0}:host .ss-main .ss-deselect:disabled{pointer-events:none}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:hover,:host .ss-main .ss-deselect.is-hovered{--icon-color:var(--ds-alias-text-color-primary-hover);background:var(--ds-alias-background-color-highlight)}}:host .ss-main .ss-deselect:active,:host .ss-main .ss-deselect.is-pressed{--icon-color:var(--ds-alias-text-color-primary-active);background:var(--ds-alias-background-color-highlight)}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:focus-visible:not(:active),:host .ss-main .ss-deselect.is-focused:not(:active){-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}}:host .ss-main .ss-deselect::after{position:absolute;content:\"\";display:block;width:1rem;height:1rem;margin-inline:var(--ss-icon-spacing);-webkit-mask-image: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\");mask-image: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-mask-size:80%;mask-size:80%;-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}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-deselect:hover::after,:host .ss-main .ss-deselect.is-hovered::after{background-color:var(--_select-icon-hover-color)}}:host .ss-main .ss-deselect:active::after,:host .ss-main .ss-deselect.is-pressed::after{background-color: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-space-padding-y-sm);padding-inline:var(--ds-tag-space-padding-x-sm);border-radius:var(--ds-tag-radius-base);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-font-size-sm);font-weight:var(--ds-tag-font-weight-sm);padding:0}:host .ss-main .ss-values .ss-value .ss-value-delete{position:relative;margin:0;padding:0;width:20px;height:20px;border:none;border-radius:var(--ds-close-radius);background-color:var(--ds-close-color-background-base);-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none;margin-left:.25rem;margin-right:-0.5rem}:host .ss-main .ss-values .ss-value .ss-value-delete::after{display:block;content:\"\";width:10px;height:10px;margin-left:5px;margin-right:5px;-webkit-mask-image: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\");mask-image: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-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(--ds-close-color-icon-base)}:host .ss-main .ss-values .ss-value .ss-value-delete svg{display:none}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-values .ss-value .ss-value-delete:hover{background-color:var(--ds-close-color-background-hover)}}:host .ss-main .ss-values .ss-value .ss-value-delete:active{background-color:var(--ds-close-color-background-active)}@media (hover: hover)and (pointer: fine){:host .ss-main .ss-values .ss-value .ss-value-delete:focus-visible:not(:active){-webkit-box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_select-focus-ring-color) 0 0 0 5px !important;box-shadow:var(--ds-alias-interaction-focus-color-border) 0 0 0 2px,var(--_select-focus-ring-color) 0 0 0 5px !important}}: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}"}},[321,"ds-select",{value:[1025],name:[513],label:[1],description:[1],color:[1],invalid:[4],invalidText:[1,"invalid-text"],required:[4],disabled:[4],readonly:[4],multiple:[4],searchable:[4],clearable:[4],placeholder:[1],options:[16],optionGroups:[16],autoInvalidOff:[516,"auto-invalid-off"],focused:[32],language:[32],region:[32],slottedOptions:[32],slottedOptionGroups:[32],configChanged:[64],open:[64],close:[64],setFocus:[64],setBlur:[64]},[[6,"click","listenToClick"],[6,"reset","listenToReset"]],{value:[{valueChanged:0}],disabled:[{disabledChanged:0}],readonly:[{readonlyChanged:0}],options:[{optionsChanged:0}],optionGroups:[{optionGroupsChanged:0}]}]);r([n("select"),a("design:type",Function),a("design:paramtypes",[Function]),a("design:returntype",void 0)],K.prototype,"createLogger",null),r([v("string"),a("design:type",String)],K.prototype,"name",void 0),r([v("string"),a("design:type",String)],K.prototype,"label",void 0),r([v("string"),a("design:type",String)],K.prototype,"description",void 0),r([f(u),a("design:type",String)],K.prototype,"color",void 0),r([v("boolean"),a("design:type",Boolean)],K.prototype,"invalid",void 0),r([v("string"),a("design:type",String)],K.prototype,"invalidText",void 0),r([v("boolean"),a("design:type",Boolean)],K.prototype,"required",void 0),r([v("boolean"),a("design:type",Boolean)],K.prototype,"disabled",void 0),r([v("boolean"),a("design:type",Boolean)],K.prototype,"readonly",void 0),r([v("boolean"),a("design:type",Boolean)],K.prototype,"multiple",void 0),r([v("boolean"),a("design:type",Boolean)],K.prototype,"searchable",void 0),r([v("boolean"),a("design:type",Boolean)],K.prototype,"clearable",void 0),r([v("string"),a("design:type",String)],K.prototype,"placeholder",void 0),r([v("boolean"),a("design:type",Boolean)],K.prototype,"autoInvalidOff",void 0),r([b(),a("design:type",Function),a("design:paramtypes",[Object]),a("design:returntype",Promise)],K.prototype,"configChanged",null);let Q=0;const J=K,X=function(){"undefined"!=typeof customElements&&["ds-select","ds-icon","ds-spinner"].forEach((t=>{switch(t){case"ds-select":customElements.get(o(t))||customElements.define(o(t),K);break;case"ds-icon":customElements.get(o(t))||p();break;case"ds-spinner":customElements.get(o(t))||m()}}))};export{J as DsSelect,X as defineCustomElement}

package/components/ds-shape.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{h as a,p as e,H as o,e as r,t as s}from"./p-BNY3JzuV.js";import{_ as t,L as h,a as p}from"./p-Dr4dquer.js";import{s as i,a as l}from"./p-82RSSk25.js";const d=[a("g",{id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},a("g",{id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},a("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n            v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),a("g",{id:"b949d602-8478-437e-a171-ad3f26649cb4"},a("g",{id:"ae3574e0-2065-4681-8937-4318b8656147"},a("path",{class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),a("g",{id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},a("g",{id:"e540dca8-23ca-45dc-b462-df9071c1317d"},a("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n            v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))],n=e(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.color="green",this.rotation="0",this.variation="1"}createLogger(a){this.log=a}connectedCallback(){i(this)}render(){return a(r,{key:"a4997790624c0ff88a0cb47049adc3a7663b0078","aria-hidden":"true"},a("svg",{key:"8b3f862c7d9976fb0fe1560b890ca29eb7730054",version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true"},d[parseInt(this.variation)-1]))}get el(){return this}static get style(){return':host{--_shape-position:var(--shape-position, var(--mod-shape-position, static));--_shape-top:var(--shape-top, var(--mod-shape-top));--_shape-right:var(--shape-right, var(--mod-shape-right));--_shape-bottom:var(--shape-bottom, var(--mod-shape-bottom));--_shape-left:var(--shape-left, var(--mod-shape-left));position:var(--_shape-position);top:var(--_shape-top);right:var(--_shape-right);bottom:var(--_shape-bottom);left:var(--_shape-left);--_shape-m:var(--shape-m, var(--mod-shape-m, 0));--_shape-my:var(--shape-my, var(--mod-shape-my));--_shape-mx:var(--shape-mx, var(--mod-shape-mx));--_shape-ml:var(--shape-ml, var(--mod-shape-ml));--_shape-mr:var(--shape-mr, var(--mod-shape-mr));--_shape-mt:var(--shape-mt, var(--mod-shape-mt));--_shape-mb:var(--shape-mb, var(--mod-shape-mb));margin:var(--_shape-m);margin-inline:var(--_shape-mx);margin-block:var(--_shape-my);margin-left:var(--_shape-ml);margin-right:var(--_shape-mr);margin-top:var(--_shape-mt);margin-bottom:var(--_shape-mb);--_shape-color:var(--shape-color, var(--mod-shape-color, var(--ds-alias-background-color-green-base)));--_shape-size:var(--shape-size, var(--mod-shape-size, 66px));--_shape-rotation:var(--shape-rotation, var(--mod-shape-rotation, 0deg))}:host{-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;display:block;overflow:hidden;-webkit-transform:rotate(var(--_shape-rotation));transform:rotate(var(--_shape-rotation));fill:var(--_shape-color);width:var(--_shape-size);height:var(--_shape-size)}@media screen and (min-width: 769px){:host{--mod-shape-size:120px}}@media screen and (min-width: 1024px){:host{--mod-shape-size:198px}}:host([rotation="0"]){--mod-shape-rotation:0deg}:host([rotation="90"]){--mod-shape-rotation:90deg}:host([rotation="180"]){--mod-shape-rotation:180deg}:host([rotation="270"]){--mod-shape-rotation:270deg}:host([color=red]){--mod-shape-color:var(--ds-global-color-red-6)}:host([color=green]){--mod-shape-color:var(--ds-global-color-green-6)}:host([color=yellow]){--mod-shape-color:var(--ds-global-color-yellow-6)}:host([color=purple]){--mod-shape-color:var(--ds-global-color-purple-6)}:host([color=red-light]){--mod-shape-color:var(--ds-global-color-red-3)}:host([color=green-light]){--mod-shape-color:var(--ds-global-color-green-3)}:host([color=yellow-light]){--mod-shape-color:var(--ds-global-color-yellow-3)}:host([color=purple-light]){--mod-shape-color:var(--ds-global-color-purple-3)}'}},[1,"ds-shape",{color:[1],rotation:[1],variation:[1]}]);t([h("shape"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],n.prototype,"createLogger",null),t([l("green","green-light","red","red-light","purple","purple-light","yellow","yellow-light"),p("design:type",String)],n.prototype,"color",void 0),t([l("0","90","180","270"),p("design:type",String)],n.prototype,"rotation",void 0),t([l("1","2","3"),p("design:type",String)],n.prototype,"variation",void 0);const c=n,m=function(){"undefined"!=typeof customElements&&["ds-shape"].forEach((a=>{"ds-shape"===a&&(customElements.get(s(a))||customElements.define(s(a),n))}))};export{c as DsShape,m as defineCustomElement}
+import{h as a,p as e,H as o,e as r,t as s}from"./p-WO0X5Vmy.js";import{_ as t,L as h,a as p}from"./p-J0mxIuTt.js";import{O as i}from"./p-BhbWmCTu.js";const d=[a("g",{id:"e8353d3b-35a2-4e20-9245-0eceed641ae5"},a("g",{id:"af87362a-72b2-42cf-8efe-c9917dc1f7f6"},a("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M191.6,0c2.2,0,3.4,0,4.2,0.4c0.7,0.4,1.4,1,1.7,1.7c0.4,0.9,0.4,2,0.4,4.2V66h-66V0H191.6z M0,125.6V66h66\n            v66H6.4H0 M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z"}))),a("g",{id:"b949d602-8478-437e-a171-ad3f26649cb4"},a("g",{id:"ae3574e0-2065-4681-8937-4318b8656147"},a("path",{class:"b9f37b2d-094d-4f18-b17c-7c5acf36f9a6",d:"M132,66v66H66V66ZM191.6,0c2.24,0,3.36,0,4.22.44a4,4,0,0,1,1.74,1.74c.44.86.44,2,.44,4.22V66H132V0ZM66,0V66H0V6.4C0,4.16,0,3,.44,2.18A4,4,0,0,1,2.18.44C3,0,4.16,0,6.4,0Zm0,132v66H6.4c-2.24,0-3.36,0-4.22-.44a4,4,0,0,1-1.74-1.74C0,195,0,193.84,0,191.6V132Zm66,0v66H66V132Zm66,0v59.6c0,2.24,0,3.36-.44,4.22a4,4,0,0,1-1.74,1.74c-.86.44-2,.44-4.22.44H132V132Zm0-66v66H132V66Z"}))),a("g",{id:"e827a936-cbcd-43b3-971a-aa8f8714fdff"},a("g",{id:"e540dca8-23ca-45dc-b462-df9071c1317d"},a("path",{class:"st0",d:"M132,66v66H66V66H132z M132,0v66H66V0H132z M66,0v66H0V6.4C0,4.2,0,3,0.4,2.2c0.4-0.7,1-1.4,1.7-1.7\n            C3,0,4.2,0,6.4,0H66z M66,132v66H6.4c-2.2,0-3.4,0-4.2-0.4c-0.7-0.4-1.4-1-1.7-1.7C0,195,0,193.8,0,191.6V132H66z M132,132v66H66\n            v-66H132z M198,132v59.6c0,2.2,0,3.4-0.4,4.2c-0.4,0.7-1,1.4-1.7,1.7c-0.9,0.4-2,0.4-4.2,0.4H132v-66H198z M198,66v66h-66V66"})))],l=e(class extends o{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.color="green",this.rotation="0",this.variation="1"}createLogger(a){this.log=a}render(){return a(r,{key:"7992728e9058b4aa1df34a66625315314a53b854","aria-hidden":"true"},a("svg",{key:"4a1384043bf0c8cb44971a726dd760f1046dde00",version:"1.1",x:"0px",y:"0px",viewBox:"0 0 198 198",focusable:"false","aria-hidden":"true"},d[parseInt(this.variation)-1]))}get el(){return this}static get style(){return':host{--_shape-position:var(--shape-position, var(--mod-shape-position, static));--_shape-top:var(--shape-top, var(--mod-shape-top));--_shape-right:var(--shape-right, var(--mod-shape-right));--_shape-bottom:var(--shape-bottom, var(--mod-shape-bottom));--_shape-left:var(--shape-left, var(--mod-shape-left));position:var(--_shape-position);top:var(--_shape-top);right:var(--_shape-right);bottom:var(--_shape-bottom);left:var(--_shape-left);--_shape-m:var(--shape-m, var(--mod-shape-m, 0));--_shape-my:var(--shape-my, var(--mod-shape-my));--_shape-mx:var(--shape-mx, var(--mod-shape-mx));--_shape-ml:var(--shape-ml, var(--mod-shape-ml));--_shape-mr:var(--shape-mr, var(--mod-shape-mr));--_shape-mt:var(--shape-mt, var(--mod-shape-mt));--_shape-mb:var(--shape-mb, var(--mod-shape-mb));margin:var(--_shape-m);margin-inline:var(--_shape-mx);margin-block:var(--_shape-my);margin-left:var(--_shape-ml);margin-right:var(--_shape-mr);margin-top:var(--_shape-mt);margin-bottom:var(--_shape-mb);--_shape-color:var(--shape-color, var(--mod-shape-color, var(--ds-alias-background-color-green-base)));--_shape-size:var(--shape-size, var(--mod-shape-size, 66px));--_shape-rotation:var(--shape-rotation, var(--mod-shape-rotation, 0deg))}:host{-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;display:block;overflow:hidden;-webkit-transform:rotate(var(--_shape-rotation));transform:rotate(var(--_shape-rotation));fill:var(--_shape-color);width:var(--_shape-size);height:var(--_shape-size)}@media screen and (min-width: 769px){:host{--mod-shape-size:120px}}@media screen and (min-width: 1024px){:host{--mod-shape-size:198px}}:host([rotation="0"]){--mod-shape-rotation:0deg}:host([rotation="90"]){--mod-shape-rotation:90deg}:host([rotation="180"]){--mod-shape-rotation:180deg}:host([rotation="270"]){--mod-shape-rotation:270deg}:host([color=red]){--mod-shape-color:var(--ds-global-color-red-6)}:host([color=green]){--mod-shape-color:var(--ds-global-color-green-6)}:host([color=yellow]){--mod-shape-color:var(--ds-global-color-yellow-6)}:host([color=purple]){--mod-shape-color:var(--ds-global-color-purple-6)}:host([color=red-light]){--mod-shape-color:var(--ds-global-color-red-3)}:host([color=green-light]){--mod-shape-color:var(--ds-global-color-green-3)}:host([color=yellow-light]){--mod-shape-color:var(--ds-global-color-yellow-3)}:host([color=purple-light]){--mod-shape-color:var(--ds-global-color-purple-3)}'}},[1,"ds-shape",{color:[1],rotation:[1],variation:[1]}]);t([h("shape"),p("design:type",Function),p("design:paramtypes",[Function]),p("design:returntype",void 0)],l.prototype,"createLogger",null),t([i(["green","green-light","red","red-light","purple","purple-light","yellow","yellow-light"]),p("design:type",String)],l.prototype,"color",void 0),t([i(["0","90","180","270"]),p("design:type",String)],l.prototype,"rotation",void 0),t([i(["1","2","3"]),p("design:type",String)],l.prototype,"variation",void 0);const n=l,m=function(){"undefined"!=typeof customElements&&["ds-shape"].forEach((a=>{"ds-shape"===a&&(customElements.get(s(a))||customElements.define(s(a),l))}))};export{n as DsShape,m as defineCustomElement}

package/components/ds-snackbar.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as a,H as s,f as r,h as n,e as o,t}from"./p-BNY3JzuV.js";import{_ as i,L as e,a as c}from"./p-Dr4dquer.js";import{s as b}from"./p-Urcs7-vS.js";import{k as d}from"./p-BOgMmRCt.js";import{s as m,d as k}from"./p-BOTkpyFe.js";import{s as g,a as l,V as h}from"./p-82RSSk25.js";import{B as v}from"./p-Diz11uvt.js";import{d as p}from"./p-xDEngwqW.js";import{d as f}from"./p-CDYlUuhB.js";import{d as u}from"./p-JZ1uDtZv.js";import{d as _}from"./p-BMBthpLd.js";import{d as y}from"./p-Bt20CEww.js";import{L as w}from"./p-CojUmpFm.js";const x=a(class extends s{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=r(this,"dsCloseClick"),this.dsActionClick=r(this,"dsActionClick"),this.dsDidLoad=r(this,"dsDidLoad"),this.isMobile=y.isMobile,this.mobileOpenState=!1,this.didLoad=!1,this.color="base",this.closable=!1,this.heading="",this.message="",this.icon="",this.svg="",this.action="",this.actionIcon="",this.actionTarget="_blank",this.actionHref="",this.alertId=crypto.randomUUID(),this.visible=!0,this.closeHandler=()=>{},this.actionHandler=()=>{},this.generateSvgContent=()=>{void 0!==this.svg&&this.svg.length>0&&(this.svgContent=m(this.svg))},this.generateIconName=()=>{if(void 0!==this.icon&&this.icon.length>0)this.iconName=this.icon;else switch(this.color){case"info":this.iconName="information";break;case"success":this.iconName="check";break;case"warning":case"danger":this.iconName="alert";break;default:this.iconName="bell"}}}createLogger(a){this.log=a}iconChanged(){this.generateIconName()}svgChanged(){this.generateSvgContent()}connectedCallback(){g(this),this.generateIconName(),this.generateSvgContent()}componentDidLoad(){d((()=>{this.didLoad=!0,this.dsDidLoad.emit()}))}listenToBreakpoint(a){this.isMobile=a.mobile}async close(){this.dsCloseClick.emit(),this.closeHandler(this.alertId)}render(){return n(o,{key:"7a2a073241429ca810303c4e5b38b8fa743abbe6",role:"status","aria-live":"polite","aria-atomic":"true",class:{"is-ready":this.didLoad,"is-visible":this.visible,"is-closable":this.closable,"is-mobile-open":this.isMobile&&this.mobileOpenState,"is-mobile-closed":this.isMobile&&!this.mobileOpenState,["is-"+this.color]:void 0!==this.color}},this.isMobile&&!this.mobileOpenState&&n("ds-button",{key:"976d03fba1eefd18755599c2d78e9c352a7b5956",id:"mobile-button",color:"base"===this.color?"primary":this.color,square:!0,icon:this.iconName,onClick:()=>this.mobileOpenState=!0}),this.iconName&&!this.svgContent&&n("ds-icon",{key:"e51745c2391c63868d656720b3b038f32359b162",part:"icon",id:"icon",name:this.iconName,color:this.color,size:"xl",shape:"warning"===this.color?"triangle":"danger"===this.color||"success"===this.color||"info"===this.color?"circle":void 0}),this.svgContent&&n("ds-icon",{key:"d2ccf9ea722f1623c18d4bc45707f8e825c8b4c7",id:"icon",part:"icon",svg:this.svgContent,size:"xl"}),n("span",{key:"010a6008747f9de90c9c9b5ca64ff3ce73b8aa7e",part:"content",id:"content"},this.heading&&n("h2",{key:"530e714313e9bde8bf25eb0a294ef22f57887ed8",part:"heading"},this.heading),n("span",{key:"6d30252391b5b988f6084fe821384b98f9be2d7f",part:"message"},this.message,n("slot",{key:"2e4762c4c3801ca4297a8f0a51d48d4fcbcac543"}))),n("ds-button-group",{key:"1a765e24fcbb54c99aa635248a9c6a46492917dd",part:"action",id:"action"},n("slot",{key:"feb9e40fd5da910fafa46a8bf4aa8b5e2849808c",name:"action"}),this.action&&n("ds-button",{key:"57bfc5b640d75df3cf304523365abf6398644317",color:"primary",size:"sm",part:"button",icon:this.actionIcon,target:this.actionTarget,href:this.actionHref,onClick:a=>{b(a),this.dsActionClick.emit(a),this.actionHandler(this.alertId)}},this.action),this.closable&&n("ds-close",{key:"cead09e8bcb5798f346a048dd9b82c675e359413",button:!0,"button-color":"secondary",part:"close",size:"sm",onClick:a=>{b(a),this.close()}})))}get el(){return this}static get watchers(){return{icon:[{iconChanged:0}],svg:[{svgChanged:0}]}}static get style(){return':host{--_snackbar-position:var(--snackbar-position, var(--mod-snackbar-position, static));--_snackbar-top:var(--snackbar-top, var(--mod-snackbar-top));--_snackbar-right:var(--snackbar-right, var(--mod-snackbar-right));--_snackbar-bottom:var(--snackbar-bottom, var(--mod-snackbar-bottom));--_snackbar-left:var(--snackbar-left, var(--mod-snackbar-left));position:var(--_snackbar-position);top:var(--_snackbar-top);right:var(--_snackbar-right);bottom:var(--_snackbar-bottom);left:var(--_snackbar-left);--_snackbar-m:var(--snackbar-m, var(--mod-snackbar-m, 0));--_snackbar-my:var(--snackbar-my, var(--mod-snackbar-my));--_snackbar-mx:var(--snackbar-mx, var(--mod-snackbar-mx));--_snackbar-ml:var(--snackbar-ml, var(--mod-snackbar-ml));--_snackbar-mr:var(--snackbar-mr, var(--mod-snackbar-mr));--_snackbar-mt:var(--snackbar-mt, var(--mod-snackbar-mt));--_snackbar-mb:var(--snackbar-mb, var(--mod-snackbar-mb));margin:var(--_snackbar-m);margin-inline:var(--_snackbar-mx);margin-block:var(--_snackbar-my);margin-left:var(--_snackbar-ml);margin-right:var(--_snackbar-mr);margin-top:var(--_snackbar-mt);margin-bottom:var(--_snackbar-mb);--_snackbar-shadow:var(--snackbar-shadow, var(--mod-snackbar-shadow, var(--ds-alias-shadow-box-base)));--_snackbar-radius:var(--snackbar-radius, var(--mod-snackbar-radius, var(--ds-snackbar-radius)));--_snackbar-bg:var(--snackbar-bg, var(--mod-snackbar-bg, var(--ds-snackbar-default-color-bg-base)));--_snackbar-color:var(--snackbar-color, var(--mod-snackbar-color, var(--ds-snackbar-default-color-text-base)));--_snackbar-icon-color:var(--snackbar-icon-color, var(--mod-snackbar-icon-color, var(--ds-snackbar-default-color-icon-base)));--_snackbar-progress-duration:var(--snackbar-progress-duration, var(--mod-snackbar-progress-duration, 0));--_snackbar-progress-bar-bg:var(--snackbar-progress-bar-bg, var(--mod-snackbar-progress-bar-bg, var(--ds-snackbar-default-color-progress-bar-base)));--_snackbar-progress-bg:var(--snackbar-progress-bg, var(--mod-snackbar-progress-bg, var(--ds-snackbar-default-color-progress-bg-base)));--_snackbar-heading-font-family:var(--snackbar-heading-font-family, var(--mod-snackbar-heading-font-family, var(--ds-text-family-heading)));--_snackbar-heading-font-weight:var(--snackbar-heading-font-weight, var(--mod-snackbar-heading-font-weight, var(--ds-text-weight-bold)));--_snackbar-heading-font-size:var(--snackbar-heading-font-size, var(--mod-snackbar-heading-font-size, var(--ds-text-size-base-device)));--_snackbar-heading-line-height:var(--snackbar-heading-line-height, var(--mod-snackbar-heading-line-height, var(--ds-text-line-height-heading)));--_snackbar-content-font-family:var(--snackbar-content-font-family, var(--mod-snackbar-content-font-family, var(--ds-text-family-body)));--_snackbar-content-font-weight:var(--snackbar-content-font-weight, var(--mod-snackbar-content-font-weight, inherit));--_snackbar-content-font-size:var(--snackbar-content-font-size, var(--mod-snackbar-content-font-size, var(--ds-text-size-sm-device)));--_snackbar-content-line-height:var(--snackbar-content-line-height, var(--mod-snackbar-content-line-height, var(--ds-text-line-height-body)));--_snackbar-gap:var(--snackbar-gap, var(--mod-snackbar-gap, 0.125rem));--_snackbar-p:var(--snackbar-p, var(--mod-snackbar-p, 1rem));--_snackbar-animation-start-opacity:var(--snackbar-animation-start-opacity, var(--mod-snackbar-animation-start-opacity, 1));--_snackbar-animation-start-transform:var(--snackbar-animation-start-transform, var(--mod-snackbar-animation-start-transform, none));--_snackbar-animation-transition:var(--snackbar-animation-transition, var(--mod-snackbar-animation-transition, none));--_snackbar-animation-end-opacity:var(--snackbar-animation-end-opacity, var(--mod-snackbar-animation-end-opacity, 1));--_snackbar-animation-end-transform:var(--snackbar-animation-end-transform, var(--mod-snackbar-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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{display:none !important}}:host{opacity:var(--_snackbar-animation-start-opacity);-webkit-transform:var(--_snackbar-animation-start-transform);transform:var(--_snackbar-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_snackbar-color);background:var(--_snackbar-bg);border-radius:var(--_snackbar-radius);-webkit-box-shadow:var(--_snackbar-shadow);box-shadow:var(--_snackbar-shadow);padding:var(--_snackbar-p);-webkit-column-gap:calc(var(--_snackbar-gap)*4);-moz-column-gap:calc(var(--_snackbar-gap)*4);column-gap:calc(var(--_snackbar-gap)*4);row-gap:var(--_snackbar-gap);-ms-flex-align:center;align-items:center}:host #icon{grid-area:icon;align-self:flex-start}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_snackbar-heading-font-family);font-weight:var(--_snackbar-heading-font-weight);line-height:var(--_snackbar-heading-line-height);font-size:var(--_snackbar-heading-font-size);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_snackbar-content-font-family);font-size:var(--_snackbar-content-font-size);font-weight:var(--_snackbar-content-font-weight);line-height:var(--_snackbar-content-line-height)}:host #action{grid-area:action;align-self:center}:host #action ds-close,:host #action ds-button,:host #action .button{--button-mt:1rem;--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem}:host ::slotted(ds-button),:host ::slotted(ds-close),:host ::slotted(ds-button-group){--button-mt:1rem;--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem}:host .close,:host ds-close{grid-area:close;align-self:flex-start}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content" ". action"}:host(.is-closable){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close" ". action action"}:host(.is-mobile-closed){display:block;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;--mod-snackbar-p:0;--mod-snackbar-bg:transparent;--mod-snackbar-width:fit-content}:host(.is-mobile-closed) #icon,:host(.is-mobile-closed) #content,:host(.is-mobile-closed) #action{display:none}:host(.is-ready){-webkit-transition:var(--_snackbar-animation-transition);transition:var(--_snackbar-animation-transition)}:host(.is-visible){opacity:var(--_snackbar-animation-end-opacity);-webkit-transform:var(--_snackbar-animation-end-transform);transform:var(--_snackbar-animation-end-transform)}:host(.has-progess-bar)::before{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;content:"";background-color:var(--_snackbar-progress-bg);border-bottom-left-radius:var(--_snackbar-radius);border-bottom-right-radius:var(--_snackbar-radius)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);-webkit-animation:progress var(--_snackbar-progress-duration) linear forwards;animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-info){--mod-snackbar-color:var(--ds-snackbar-info-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-info-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-info-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-info-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-info-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-info-color-progress-bg-base)}:host(.is-success){--mod-snackbar-color:var(--ds-snackbar-success-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-success-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-success-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-success-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-success-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-success-color-progress-bg-base)}:host(.is-warning){--mod-snackbar-color:var(--ds-snackbar-warning-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-warning-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-warning-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-warning-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-warning-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-warning-color-progress-bg-base)}:host(.is-danger){--mod-snackbar-color:var(--ds-snackbar-danger-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-danger-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-danger-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-danger-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-danger-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-danger-color-progress-bg-base)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);-webkit-animation:progress var(--_snackbar-progress-duration) linear forwards;animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-paused)::after{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_snackbar-radius)}}@keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_snackbar-radius)}}'}},[257,"ds-snackbar",{color:[1],closable:[4],heading:[1],message:[1],icon:[1],svg:[1],action:[1],actionIcon:[1,"action-icon"],actionTarget:[1,"action-target"],actionHref:[1,"action-href"],alertId:[1,"alert-id"],visible:[516],closeHandler:[16],actionHandler:[16],isMobile:[32],mobileOpenState:[32],didLoad:[32],svgContent:[32],iconName:[32],close:[64]},void 0,{icon:[{iconChanged:0}],svg:[{svgChanged:0}]}]);i([e("snackbar"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],x.prototype,"createLogger",null),i([l("base","info","success","warning","danger"),c("design:type",String)],x.prototype,"color",void 0),i([h("boolean"),c("design:type",Boolean)],x.prototype,"closable",void 0),i([h("string"),c("design:type",String)],x.prototype,"heading",void 0),i([h("string"),c("design:type",String)],x.prototype,"message",void 0),i([h("string"),c("design:type",String)],x.prototype,"icon",void 0),i([h("string"),c("design:type",String)],x.prototype,"svg",void 0),i([h("string"),c("design:type",String)],x.prototype,"action",void 0),i([h("string"),c("design:type",String)],x.prototype,"actionIcon",void 0),i([l(...v),c("design:type",String)],x.prototype,"actionTarget",void 0),i([h("string"),c("design:type",String)],x.prototype,"actionHref",void 0),i([w(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],x.prototype,"listenToBreakpoint",null);const z=x,C=function(){"undefined"!=typeof customElements&&["ds-snackbar","ds-button","ds-button-group","ds-close","ds-icon","ds-spinner"].forEach((a=>{switch(a){case"ds-snackbar":customElements.get(t(a))||customElements.define(t(a),x);break;case"ds-button":customElements.get(t(a))||p();break;case"ds-button-group":customElements.get(t(a))||f();break;case"ds-close":customElements.get(t(a))||u();break;case"ds-icon":customElements.get(t(a))||k();break;case"ds-spinner":customElements.get(t(a))||_()}}))};export{z as DsSnackbar,C as defineCustomElement}
+import{p as a,H as r,f as s,h as n,e as o,t}from"./p-WO0X5Vmy.js";import{_ as e,L as i,a as c}from"./p-J0mxIuTt.js";import{s as b}from"./p-BwfAXfmz.js";import{h as d}from"./p-BrIcCcce.js";import{r as m}from"./p-BgzU1loG.js";import{s as k,d as l}from"./p-Du7QOHtz.js";import{c as g}from"./p-DQBzmbR6.js";import{d as h}from"./p-DSeYzuO7.js";import{d as p}from"./p-DenZRIeA.js";import{d as f}from"./p-DY0y8uLL.js";import{d as v}from"./p-qaSW94OG.js";import{d as u}from"./p-n3_2KEz0.js";import{O as _}from"./p-BhbWmCTu.js";import{T as y}from"./p-DAYd9ty0.js";import{L as w}from"./p-DbY6Pfeh.js";const x=a(class extends r{constructor(a){super(),!1!==a&&this.__registerHost(),this.__attachShadow(),this.dsCloseClick=s(this,"dsCloseClick"),this.dsActionClick=s(this,"dsActionClick"),this.dsDidLoad=s(this,"dsDidLoad"),this.isMobile=u.isMobile,this.mobileOpenState=!1,this.didLoad=!1,this.color="base",this.closable=!1,this.heading="",this.message="",this.icon="",this.svg="",this.action="",this.actionIcon="",this.actionTarget="_blank",this.actionHref="",this.alertId=crypto.randomUUID(),this.visible=!0,this.closeHandler=()=>{},this.actionHandler=()=>{},this.generateSvgContent=()=>{if(d(this.svg)&&this.svg.length>0)return k(this.svg)},this.generateIconName=()=>{if(d(this.icon)&&this.icon.length>0)return this.icon;switch(this.color){case"info":return"information";case"success":return"check";case"warning":case"danger":return"alert";default:return"bell"}}}createLogger(a){this.log=a}componentDidLoad(){m((()=>{this.didLoad=!0,this.dsDidLoad.emit()}))}listenToBreakpoint(a){this.isMobile=a.mobile}async close(){this.dsCloseClick.emit(),this.closeHandler(this.alertId)}render(){const a=this.generateIconName(),r=this.generateSvgContent();return n(o,{key:"66c571295c3931b071bb104e339febfac87db6df",role:"status","aria-live":"polite","aria-atomic":"true",class:{"is-ready":this.didLoad,"is-visible":this.visible,"is-closable":this.closable,"is-mobile-open":this.isMobile&&this.mobileOpenState,"is-mobile-closed":this.isMobile&&!this.mobileOpenState,["is-"+this.color]:d(this.color)}},this.isMobile&&!this.mobileOpenState&&n("ds-button",{key:"9f9cedbf2fed42189e302a0aebc9852a2771136e",id:"mobile-button",color:"base"===this.color?"primary":this.color,square:!0,icon:a,onClick:()=>this.mobileOpenState=!0}),a&&!r&&n("ds-icon",{key:"a4c826d95d2041345bf4cee0540cb172f5336c79",part:"icon",id:"icon",name:a,color:this.color,size:"xl",shape:"warning"===this.color?"triangle":"danger"===this.color||"success"===this.color||"info"===this.color?"circle":void 0}),r&&n("ds-icon",{key:"cdb9be5a9499d7ffad58c8c2e5a9096963b67f69",id:"icon",part:"icon",svg:r,size:"xl"}),n("span",{key:"52810e3cb684318ce4fd8ec8be8529f63a8e8e8b",part:"content",id:"content"},this.heading&&n("h2",{key:"8ae2906a4ffabbc970c9c995c5d9efb0cc94fbc8",part:"heading"},this.heading),n("span",{key:"affd6a8d4ce4c19274a8c760f00f0a051bbae56e",part:"message"},this.message,n("slot",{key:"75fd4ab26f8f6f8d1d89d2c1e0428b53bb3d75c5"}))),n("ds-button-group",{key:"0c644ee957e3a615e2c7fa030d537bea002e72ca",part:"action",id:"action"},n("slot",{key:"840fb7d2be9fcf41ffa5b4eeff53d4a1b26d209a",name:"action"}),this.action&&n("ds-button",{key:"18d900d559bd085b5732ec37484622ee9da199ff",color:"primary",size:"sm",part:"button",icon:this.actionIcon,target:this.actionTarget,href:this.actionHref,onClick:a=>{b(a),this.dsActionClick.emit(a),this.actionHandler(this.alertId)}},this.action),this.closable&&n("ds-close",{key:"d8c8c528cff2edbfac7a23488271c2071d5a84df",button:!0,"button-color":"secondary",part:"close",size:"sm",onClick:a=>{b(a),this.close()}})))}get el(){return this}static get style(){return':host{--_snackbar-position:var(--snackbar-position, var(--mod-snackbar-position, static));--_snackbar-top:var(--snackbar-top, var(--mod-snackbar-top));--_snackbar-right:var(--snackbar-right, var(--mod-snackbar-right));--_snackbar-bottom:var(--snackbar-bottom, var(--mod-snackbar-bottom));--_snackbar-left:var(--snackbar-left, var(--mod-snackbar-left));position:var(--_snackbar-position);top:var(--_snackbar-top);right:var(--_snackbar-right);bottom:var(--_snackbar-bottom);left:var(--_snackbar-left);--_snackbar-m:var(--snackbar-m, var(--mod-snackbar-m, 0));--_snackbar-my:var(--snackbar-my, var(--mod-snackbar-my));--_snackbar-mx:var(--snackbar-mx, var(--mod-snackbar-mx));--_snackbar-ml:var(--snackbar-ml, var(--mod-snackbar-ml));--_snackbar-mr:var(--snackbar-mr, var(--mod-snackbar-mr));--_snackbar-mt:var(--snackbar-mt, var(--mod-snackbar-mt));--_snackbar-mb:var(--snackbar-mb, var(--mod-snackbar-mb));margin:var(--_snackbar-m);margin-inline:var(--_snackbar-mx);margin-block:var(--_snackbar-my);margin-left:var(--_snackbar-ml);margin-right:var(--_snackbar-mr);margin-top:var(--_snackbar-mt);margin-bottom:var(--_snackbar-mb);--_snackbar-shadow:var(--snackbar-shadow, var(--mod-snackbar-shadow, var(--ds-alias-shadow-box-base)));--_snackbar-radius:var(--snackbar-radius, var(--mod-snackbar-radius, var(--ds-snackbar-radius)));--_snackbar-bg:var(--snackbar-bg, var(--mod-snackbar-bg, var(--ds-snackbar-default-color-bg-base)));--_snackbar-color:var(--snackbar-color, var(--mod-snackbar-color, var(--ds-snackbar-default-color-text-base)));--_snackbar-icon-color:var(--snackbar-icon-color, var(--mod-snackbar-icon-color, var(--ds-snackbar-default-color-icon-base)));--_snackbar-progress-duration:var(--snackbar-progress-duration, var(--mod-snackbar-progress-duration, 0));--_snackbar-progress-bar-bg:var(--snackbar-progress-bar-bg, var(--mod-snackbar-progress-bar-bg, var(--ds-snackbar-default-color-progress-bar-base)));--_snackbar-progress-bg:var(--snackbar-progress-bg, var(--mod-snackbar-progress-bg, var(--ds-snackbar-default-color-progress-bg-base)));--_snackbar-heading-font-family:var(--snackbar-heading-font-family, var(--mod-snackbar-heading-font-family, var(--ds-alias-text-family-heading)));--_snackbar-heading-font-weight:var(--snackbar-heading-font-weight, var(--mod-snackbar-heading-font-weight, var(--ds-alias-text-weight-bold)));--_snackbar-heading-font-size:var(--snackbar-heading-font-size, var(--mod-snackbar-heading-font-size, var(--ds-alias-text-size-base-device)));--_snackbar-heading-line-height:var(--snackbar-heading-line-height, var(--mod-snackbar-heading-line-height, var(--ds-alias-text-line-height-heading)));--_snackbar-content-font-family:var(--snackbar-content-font-family, var(--mod-snackbar-content-font-family, var(--ds-alias-text-family-body)));--_snackbar-content-font-weight:var(--snackbar-content-font-weight, var(--mod-snackbar-content-font-weight, inherit));--_snackbar-content-font-size:var(--snackbar-content-font-size, var(--mod-snackbar-content-font-size, var(--ds-alias-text-size-sm-device)));--_snackbar-content-line-height:var(--snackbar-content-line-height, var(--mod-snackbar-content-line-height, var(--ds-alias-text-line-height-body)));--_snackbar-gap:var(--snackbar-gap, var(--mod-snackbar-gap, 0.125rem));--_snackbar-p:var(--snackbar-p, var(--mod-snackbar-p, 1rem));--_snackbar-animation-start-opacity:var(--snackbar-animation-start-opacity, var(--mod-snackbar-animation-start-opacity, 1));--_snackbar-animation-start-transform:var(--snackbar-animation-start-transform, var(--mod-snackbar-animation-start-transform, none));--_snackbar-animation-transition:var(--snackbar-animation-transition, var(--mod-snackbar-animation-transition, none));--_snackbar-animation-end-opacity:var(--snackbar-animation-end-opacity, var(--mod-snackbar-animation-end-opacity, 1));--_snackbar-animation-end-transform:var(--snackbar-animation-end-transform, var(--mod-snackbar-animation-end-transform, none))}:host{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;-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{display:none !important}}:host{opacity:var(--_snackbar-animation-start-opacity);-webkit-transform:var(--_snackbar-animation-start-transform);transform:var(--_snackbar-animation-start-transform);-ms-flex:1;flex:1;position:relative;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;color:var(--_snackbar-color);background:var(--_snackbar-bg);border-radius:var(--_snackbar-radius);-webkit-box-shadow:var(--_snackbar-shadow);box-shadow:var(--_snackbar-shadow);padding:var(--_snackbar-p);-webkit-column-gap:calc(var(--_snackbar-gap)*4);-moz-column-gap:calc(var(--_snackbar-gap)*4);column-gap:calc(var(--_snackbar-gap)*4);row-gap:var(--_snackbar-gap);-ms-flex-align:center;align-items:center}:host #icon{grid-area:icon;align-self:flex-start}:host #content{margin:0 !important;grid-area:content;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host #content>strong,:host #content>b,:host #content>h2{font-family:var(--_snackbar-heading-font-family);font-weight:var(--_snackbar-heading-font-weight);line-height:var(--_snackbar-heading-line-height);font-size:var(--_snackbar-heading-font-size);margin:0 !important}:host #content,:host #content>span,:host #content>p{font-family:var(--_snackbar-content-font-family);font-size:var(--_snackbar-content-font-size);font-weight:var(--_snackbar-content-font-weight);line-height:var(--_snackbar-content-line-height)}:host #action{grid-area:action;align-self:center}:host #action ds-close,:host #action ds-button,:host #action .button{--button-mt:1rem;--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem}:host ::slotted(ds-button),:host ::slotted(ds-close),:host ::slotted(ds-button-group){--button-mt:1rem;--button-font-size:var(--ds-button-size-sm);--button-min-height:2rem;--button-min-width:2rem;--button-padding-inline:0.75rem}:host .close,:host ds-close{grid-area:close;align-self:flex-start}:host{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"icon content" ". action"}:host(.is-closable){grid-template-columns:auto 1fr auto;grid-template-areas:"icon content close" ". action action"}:host(.is-mobile-closed){display:block;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;--mod-snackbar-p:0;--mod-snackbar-bg:transparent;--mod-snackbar-width:fit-content}:host(.is-mobile-closed) #icon,:host(.is-mobile-closed) #content,:host(.is-mobile-closed) #action{display:none}:host(.is-ready){-webkit-transition:var(--_snackbar-animation-transition);transition:var(--_snackbar-animation-transition)}:host(.is-visible){opacity:var(--_snackbar-animation-end-opacity);-webkit-transform:var(--_snackbar-animation-end-transform);transform:var(--_snackbar-animation-end-transform)}:host(.has-progess-bar)::before{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:100%;content:"";background-color:var(--_snackbar-progress-bg);border-bottom-left-radius:var(--_snackbar-radius);border-bottom-right-radius:var(--_snackbar-radius)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);-webkit-animation:progress var(--_snackbar-progress-duration) linear forwards;animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-info){--mod-snackbar-color:var(--ds-snackbar-info-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-info-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-info-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-info-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-info-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-info-color-progress-bg-base)}:host(.is-success){--mod-snackbar-color:var(--ds-snackbar-success-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-success-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-success-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-success-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-success-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-success-color-progress-bg-base)}:host(.is-warning){--mod-snackbar-color:var(--ds-snackbar-warning-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-warning-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-warning-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-warning-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-warning-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-warning-color-progress-bg-base)}:host(.is-danger){--mod-snackbar-color:var(--ds-snackbar-danger-color-text-base);--mod-snackbar-border-color:var(--ds-snackbar-danger-color-border-base);--mod-snackbar-bg:var(--ds-snackbar-danger-color-bg-base);--mod-snackbar-icon-color:var(--ds-snackbar-danger-color-icon-base);--mod-snackbar-progress-bar-bg:var(--ds-snackbar-danger-color-progress-bar-base);--mod-snackbar-progress-bg:var(--ds-snackbar-danger-color-progress-bg-base)}:host(.has-progess-bar)::after{display:block;position:absolute;bottom:0;left:0;height:.25rem;width:16px;content:"";background-color:var(--_snackbar-progress-bar-bg);border-bottom-left-radius:var(--_snackbar-radius);-webkit-animation:progress var(--_snackbar-progress-duration) linear forwards;animation:progress var(--_snackbar-progress-duration) linear forwards}:host(.is-paused)::after{-webkit-animation-play-state:paused;animation-play-state:paused}@-webkit-keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_snackbar-radius)}}@keyframes progress{0%{width:0}99%{width:99%}100%{width:100%;border-bottom-right-radius:var(--_snackbar-radius)}}'}},[257,"ds-snackbar",{color:[1],closable:[4],heading:[1],message:[1],icon:[1],svg:[1],action:[1],actionIcon:[1,"action-icon"],actionTarget:[1,"action-target"],actionHref:[1,"action-href"],alertId:[1,"alert-id"],visible:[516],closeHandler:[16],actionHandler:[16],isMobile:[32],mobileOpenState:[32],didLoad:[32],close:[64]}]);e([i("snackbar"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],x.prototype,"createLogger",null),e([_(["base","info","success","warning","danger"]),c("design:type",String)],x.prototype,"color",void 0),e([y("boolean"),c("design:type",Boolean)],x.prototype,"closable",void 0),e([y("string"),c("design:type",String)],x.prototype,"heading",void 0),e([y("string"),c("design:type",String)],x.prototype,"message",void 0),e([y("string"),c("design:type",String)],x.prototype,"icon",void 0),e([y("string"),c("design:type",String)],x.prototype,"svg",void 0),e([y("string"),c("design:type",String)],x.prototype,"action",void 0),e([y("string"),c("design:type",String)],x.prototype,"actionIcon",void 0),e([_(g),c("design:type",String)],x.prototype,"actionTarget",void 0),e([y("string"),c("design:type",String)],x.prototype,"actionHref",void 0),e([w(),c("design:type",Function),c("design:paramtypes",[Object]),c("design:returntype",void 0)],x.prototype,"listenToBreakpoint",null);const z=x,j=function(){"undefined"!=typeof customElements&&["ds-snackbar","ds-button","ds-button-group","ds-close","ds-icon","ds-spinner"].forEach((a=>{switch(a){case"ds-snackbar":customElements.get(t(a))||customElements.define(t(a),x);break;case"ds-button":customElements.get(t(a))||h();break;case"ds-button-group":customElements.get(t(a))||p();break;case"ds-close":customElements.get(t(a))||f();break;case"ds-icon":customElements.get(t(a))||l();break;case"ds-spinner":customElements.get(t(a))||v()}}))};export{z as DsSnackbar,j as defineCustomElement}

package/components/ds-spinner.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{S as o,d as p}from"./p-BMBthpLd.js";const s=o,t=p;export{s as DsSpinner,t as defineCustomElement}
+import{S as o,d as s}from"./p-qaSW94OG.js";const a=o,p=s;export{a as DsSpinner,p as defineCustomElement}

package/components/ds-stack.js

@@ -1,4 +1,4 @@
 /*!
  * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
  */
-import{p as t,H as a,h as e,e as s,t as n}from"./p-BNY3JzuV.js";import{_ as o,L as r,a as c}from"./p-Dr4dquer.js";import{n as i}from"./p-DR5LIaCn.js";import{s as l,a as g,V as p}from"./p-82RSSk25.js";import{a as d,b as k,S as h,c as w,d as v}from"./p-ng5ZzTOj.js";const m=t(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.align="",this.alignment="",this.direction="column",this.fitContent=!1,this.layout="",this.space="base",this.useWrap=!1}createLogger(t){this.log=t}layoutChanged(t){""!==t&&("horizontal"===t?this.direction="row":"vertical"===t?this.direction="column":"vertical-reverse"===t?this.direction="column-reverse":"horizontal-reverse"===t&&(this.direction="row-reverse"))}pChanged(t){this.p=i(t)}pxChanged(t){this.px=i(t)}pyChanged(t){this.py=i(t)}spaceChanged(t){this.space=i(t)}spaceColumnChanged(t){this.spaceColumn=i(t)}spaceRowChanged(t){this.spaceRow=i(t)}connectedCallback(){l(this),this.layoutChanged(this.layout),this.spaceChanged(this.space),this.spaceRowChanged(this.spaceRow),this.spaceColumnChanged(this.spaceColumn),this.pChanged(this.p),this.pxChanged(this.px),this.pyChanged(this.py)}render(){var t;const a=!!this.direction,n=!!this.layout,o=!!this.align,r=!!this.alignment,c=!!this.space,i=!!this.spaceRow,l=!!this.spaceColumn,g=!!this.useWrap,p=!!this.fitContent,d=!!this.px,k=!!this.py;let h=this.layout;a&&(h="row"===this.direction?"horizontal":"vertical");let w=null===(t=this.align)||void 0===t?void 0:t.split(" ").join("-");return this.alignment&&(w=this.alignment.split(" ").join("-")),e(s,{key:"2337f89c905feb0ded755cea877c4a6feef02c76",class:{stack:!0,"as-row":"row"===this.direction,"as-col":"column"===this.direction,"has-wrap":g,"fit-content":p,["is-"+h]:n||a,["align-"+w]:o||r,["has-space-"+this.space]:c,["has-space-row-"+this.spaceRow]:i,["has-space-col-"+this.spaceColumn]:l,["p-"+this.p]:!!this.p,["px-"+this.px]:d,["py-"+this.py]:k}},e("slot",{key:"4d7120f49c11522e6b7280c8038b5a52da5795af"}))}get el(){return this}static get watchers(){return{layout:[{layoutChanged:0}],p:[{pChanged:0}],px:[{pxChanged:0}],py:[{pyChanged:0}],space:[{spaceChanged:0}],spaceColumn:[{spaceColumnChanged:0}],spaceRow:[{spaceRowChanged:0}]}}static get style(){return".stack,.stack-content{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start;-ms-flex-flow:column nowrap;flex-flow:column nowrap}.stack{gap:1rem}.stack-content{-ms-flex:1;flex:1;height:100%;gap:.25rem}.stack>.stack,.stack>.stack-content{-ms-flex-item-align:stretch;align-self:stretch}.stack.is-horizontal>.stack-content{-ms-flex-item-align:center;align-self:center}.stack.has-wrap,.stack-content.has-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.stack.as-row,.stack.is-horizontal,.stack.has-direction-row,.stack-content.as-row,.stack-content.is-horizontal,.stack-content.has-direction-row{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-align:center;align-items:center}.stack.as-row-reverse,.stack.is-horizontal-reverse,.stack.has-direction-row-reverse,.stack-content.as-row-reverse,.stack-content.is-horizontal-reverse,.stack-content.has-direction-row-reverse{-ms-flex-flow:row-reverse nowrap;flex-flow:row-reverse nowrap;-ms-flex-align:center;align-items:center}.stack.as-col-reverse,.stack.is-vertical-reverse,.stack.has-direction-column-reverse,.stack-content.as-col-reverse,.stack-content.is-vertical-reverse,.stack-content.has-direction-column-reverse{-ms-flex-flow:column-reverse nowrap;flex-flow:column-reverse nowrap}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-start{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-center{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-top-end{-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:end;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-start{-ms-flex-pack:center;justify-content:center;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center{-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-center-end{-ms-flex-pack:center;justify-content:center;-ms-flex-align:end;align-items:flex-end}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-left,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-start{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:start;align-items:flex-start}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-center{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:center;align-items:center}.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-right,.stack-content:not(.as-row,.as-row-reverse,.has-direction-row,.has-direction-row-reverse,.is-horizontal,.is-horizontal-reverse).align-bottom-end{-ms-flex-pack:end;justify-content:flex-end;-ms-flex-align:end;align-items:flex-end}.stack.as-row.align-top-left,.stack.as-row.align-top-start,.stack.is-horizontal.align-top-left,.stack.is-horizontal.align-top-start,.stack.has-direction-row.align-top-left,.stack.has-direction-row.align-top-start,.stack.as-row-reverse.align-top-left,.stack.as-row-reverse.align-top-start,.stack.is-horizontal-reverse.align-top-left,.stack.is-horizontal-reverse.align-top-start,.stack.has-direction-row-reverse.align-top-left,.stack.has-direction-row-reverse.align-top-start,.stack-content.as-row.align-top-left,.stack-content.as-row.align-top-start,.stack-content.is-horizontal.align-top-left,.stack-content.is-horizontal.align-top-start,.stack-content.has-direction-row.align-top-left,.stack-content.has-direction-row.align-top-start,.stack-content.as-row-reverse.align-top-left,.stack-content.as-row-reverse.align-top-start,.stack-content.is-horizontal-reverse.align-top-left,.stack-content.is-horizontal-reverse.align-top-start,.stack-content.has-direction-row-reverse.align-top-left,.stack-content.has-direction-row-reverse.align-top-start{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-top,.stack.as-row.align-top-center,.stack.is-horizontal.align-top,.stack.is-horizontal.align-top-center,.stack.has-direction-row.align-top,.stack.has-direction-row.align-top-center,.stack.as-row-reverse.align-top,.stack.as-row-reverse.align-top-center,.stack.is-horizontal-reverse.align-top,.stack.is-horizontal-reverse.align-top-center,.stack.has-direction-row-reverse.align-top,.stack.has-direction-row-reverse.align-top-center,.stack-content.as-row.align-top,.stack-content.as-row.align-top-center,.stack-content.is-horizontal.align-top,.stack-content.is-horizontal.align-top-center,.stack-content.has-direction-row.align-top,.stack-content.has-direction-row.align-top-center,.stack-content.as-row-reverse.align-top,.stack-content.as-row-reverse.align-top-center,.stack-content.is-horizontal-reverse.align-top,.stack-content.is-horizontal-reverse.align-top-center,.stack-content.has-direction-row-reverse.align-top,.stack-content.has-direction-row-reverse.align-top-center{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-top-right,.stack.as-row.align-top-end,.stack.is-horizontal.align-top-right,.stack.is-horizontal.align-top-end,.stack.has-direction-row.align-top-right,.stack.has-direction-row.align-top-end,.stack.as-row-reverse.align-top-right,.stack.as-row-reverse.align-top-end,.stack.is-horizontal-reverse.align-top-right,.stack.is-horizontal-reverse.align-top-end,.stack.has-direction-row-reverse.align-top-right,.stack.has-direction-row-reverse.align-top-end,.stack-content.as-row.align-top-right,.stack-content.as-row.align-top-end,.stack-content.is-horizontal.align-top-right,.stack-content.is-horizontal.align-top-end,.stack-content.has-direction-row.align-top-right,.stack-content.has-direction-row.align-top-end,.stack-content.as-row-reverse.align-top-right,.stack-content.as-row-reverse.align-top-end,.stack-content.is-horizontal-reverse.align-top-right,.stack-content.is-horizontal-reverse.align-top-end,.stack-content.has-direction-row-reverse.align-top-right,.stack-content.has-direction-row-reverse.align-top-end{-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:end;justify-content:flex-end}.stack.as-row.align-start,.stack.as-row.align-center-left,.stack.as-row.align-center-start,.stack.is-horizontal.align-start,.stack.is-horizontal.align-center-left,.stack.is-horizontal.align-center-start,.stack.has-direction-row.align-start,.stack.has-direction-row.align-center-left,.stack.has-direction-row.align-center-start,.stack.as-row-reverse.align-start,.stack.as-row-reverse.align-center-left,.stack.as-row-reverse.align-center-start,.stack.is-horizontal-reverse.align-start,.stack.is-horizontal-reverse.align-center-left,.stack.is-horizontal-reverse.align-center-start,.stack.has-direction-row-reverse.align-start,.stack.has-direction-row-reverse.align-center-left,.stack.has-direction-row-reverse.align-center-start,.stack-content.as-row.align-start,.stack-content.as-row.align-center-left,.stack-content.as-row.align-center-start,.stack-content.is-horizontal.align-start,.stack-content.is-horizontal.align-center-left,.stack-content.is-horizontal.align-center-start,.stack-content.has-direction-row.align-start,.stack-content.has-direction-row.align-center-left,.stack-content.has-direction-row.align-center-start,.stack-content.as-row-reverse.align-start,.stack-content.as-row-reverse.align-center-left,.stack-content.as-row-reverse.align-center-start,.stack-content.is-horizontal-reverse.align-start,.stack-content.is-horizontal-reverse.align-center-left,.stack-content.is-horizontal-reverse.align-center-start,.stack-content.has-direction-row-reverse.align-start,.stack-content.has-direction-row-reverse.align-center-left,.stack-content.has-direction-row-reverse.align-center-start{-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-center,.stack.is-horizontal.align-center,.stack.has-direction-row.align-center,.stack.as-row-reverse.align-center,.stack.is-horizontal-reverse.align-center,.stack.has-direction-row-reverse.align-center,.stack-content.as-row.align-center,.stack-content.is-horizontal.align-center,.stack-content.has-direction-row.align-center,.stack-content.as-row-reverse.align-center,.stack-content.is-horizontal-reverse.align-center,.stack-content.has-direction-row-reverse.align-center{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-end,.stack.as-row.align-center-right,.stack.as-row.align-center-end,.stack.is-horizontal.align-end,.stack.is-horizontal.align-center-right,.stack.is-horizontal.align-center-end,.stack.has-direction-row.align-end,.stack.has-direction-row.align-center-right,.stack.has-direction-row.align-center-end,.stack.as-row-reverse.align-end,.stack.as-row-reverse.align-center-right,.stack.as-row-reverse.align-center-end,.stack.is-horizontal-reverse.align-end,.stack.is-horizontal-reverse.align-center-right,.stack.is-horizontal-reverse.align-center-end,.stack.has-direction-row-reverse.align-end,.stack.has-direction-row-reverse.align-center-right,.stack.has-direction-row-reverse.align-center-end,.stack-content.as-row.align-end,.stack-content.as-row.align-center-right,.stack-content.as-row.align-center-end,.stack-content.is-horizontal.align-end,.stack-content.is-horizontal.align-center-right,.stack-content.is-horizontal.align-center-end,.stack-content.has-direction-row.align-end,.stack-content.has-direction-row.align-center-right,.stack-content.has-direction-row.align-center-end,.stack-content.as-row-reverse.align-end,.stack-content.as-row-reverse.align-center-right,.stack-content.as-row-reverse.align-center-end,.stack-content.is-horizontal-reverse.align-end,.stack-content.is-horizontal-reverse.align-center-right,.stack-content.is-horizontal-reverse.align-center-end,.stack-content.has-direction-row-reverse.align-end,.stack-content.has-direction-row-reverse.align-center-right,.stack-content.has-direction-row-reverse.align-center-end{-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}.stack.as-row.align-bottom-left,.stack.as-row.align-bottom-start,.stack.is-horizontal.align-bottom-left,.stack.is-horizontal.align-bottom-start,.stack.has-direction-row.align-bottom-left,.stack.has-direction-row.align-bottom-start,.stack.as-row-reverse.align-bottom-left,.stack.as-row-reverse.align-bottom-start,.stack.is-horizontal-reverse.align-bottom-left,.stack.is-horizontal-reverse.align-bottom-start,.stack.has-direction-row-reverse.align-bottom-left,.stack.has-direction-row-reverse.align-bottom-start,.stack-content.as-row.align-bottom-left,.stack-content.as-row.align-bottom-start,.stack-content.is-horizontal.align-bottom-left,.stack-content.is-horizontal.align-bottom-start,.stack-content.has-direction-row.align-bottom-left,.stack-content.has-direction-row.align-bottom-start,.stack-content.as-row-reverse.align-bottom-left,.stack-content.as-row-reverse.align-bottom-start,.stack-content.is-horizontal-reverse.align-bottom-left,.stack-content.is-horizontal-reverse.align-bottom-start,.stack-content.has-direction-row-reverse.align-bottom-left,.stack-content.has-direction-row-reverse.align-bottom-start{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:start;justify-content:flex-start}.stack.as-row.align-bottom,.stack.as-row.align-bottom-center,.stack.is-horizontal.align-bottom,.stack.is-horizontal.align-bottom-center,.stack.has-direction-row.align-bottom,.stack.has-direction-row.align-bottom-center,.stack.as-row-reverse.align-bottom,.stack.as-row-reverse.align-bottom-center,.stack.is-horizontal-reverse.align-bottom,.stack.is-horizontal-reverse.align-bottom-center,.stack.has-direction-row-reverse.align-bottom,.stack.has-direction-row-reverse.align-bottom-center,.stack-content.as-row.align-bottom,.stack-content.as-row.align-bottom-center,.stack-content.is-horizontal.align-bottom,.stack-content.is-horizontal.align-bottom-center,.stack-content.has-direction-row.align-bottom,.stack-content.has-direction-row.align-bottom-center,.stack-content.as-row-reverse.align-bottom,.stack-content.as-row-reverse.align-bottom-center,.stack-content.is-horizontal-reverse.align-bottom,.stack-content.is-horizontal-reverse.align-bottom-center,.stack-content.has-direction-row-reverse.align-bottom,.stack-content.has-direction-row-reverse.align-bottom-center{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:center;justify-content:center}.stack.as-row.align-bottom-right,.stack.as-row.align-bottom-end,.stack.is-horizontal.align-bottom-right,.stack.is-horizontal.align-bottom-end,.stack.has-direction-row.align-bottom-right,.stack.has-direction-row.align-bottom-end,.stack.as-row-reverse.align-bottom-right,.stack.as-row-reverse.align-bottom-end,.stack.is-horizontal-reverse.align-bottom-right,.stack.is-horizontal-reverse.align-bottom-end,.stack.has-direction-row-reverse.align-bottom-right,.stack.has-direction-row-reverse.align-bottom-end,.stack-content.as-row.align-bottom-right,.stack-content.as-row.align-bottom-end,.stack-content.is-horizontal.align-bottom-right,.stack-content.is-horizontal.align-bottom-end,.stack-content.has-direction-row.align-bottom-right,.stack-content.has-direction-row.align-bottom-end,.stack-content.as-row-reverse.align-bottom-right,.stack-content.as-row-reverse.align-bottom-end,.stack-content.is-horizontal-reverse.align-bottom-right,.stack-content.is-horizontal-reverse.align-bottom-end,.stack-content.has-direction-row-reverse.align-bottom-right,.stack-content.has-direction-row-reverse.align-bottom-end{-ms-flex-align:end;align-items:flex-end;-ms-flex-pack:end;justify-content:flex-end}.stack-content,.stack-content.align-top-left,.stack-content.align-top-start,.stack-content.align-start,.stack-content.align-center-left,.stack-content.align-center-start,.stack-content.align-bottom-left,.stack-content.align-bottom-start{text-align:left}.stack-content.align-top,.stack-content.align-top-center,.stack-content.align-center,.stack-content.align-bottom,.stack-content.align-bottom-center{text-align:center}.stack-content.align-top-right,.stack-content.align-top-end,.stack-content.align-end,.stack-content.align-center-right,.stack-content.align-center-end,.stack-content.align-bottom-right,.stack-content.align-bottom-end{text-align:right}.stack-content.text-left{text-align:left}.stack-content.text-center{text-align:center}.stack-content.text-right{text-align:right}.stack.fit-content,.stack-content.fit-content{-ms-flex:unset;flex:unset;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.stack.p-2xs,.stack-content.p-2xs{padding:var(--ds-alias-space-2xs-device)}.stack.p-xs,.stack-content.p-xs{padding:var(--ds-alias-space-xs-device)}.stack.p-sm,.stack-content.p-sm{padding:var(--ds-alias-space-sm-device)}.stack.p-base,.stack-content.p-base{padding:var(--ds-alias-space-base-device)}.stack.p-md,.stack-content.p-md{padding:var(--ds-alias-space-md-device)}.stack.p-lg,.stack-content.p-lg{padding:var(--ds-alias-space-lg-device)}.stack.p-xl,.stack-content.p-xl{padding:var(--ds-alias-space-xl-device)}.stack.p-2xl,.stack-content.p-2xl{padding:var(--ds-alias-space-2xl-device)}.stack.px-2xs,.stack-content.px-2xs{padding-left:var(--ds-alias-space-2xs-device);padding-right:var(--ds-alias-space-2xs-device)}.stack.px-xs,.stack-content.px-xs{padding-left:var(--ds-alias-space-xs-device);padding-right:var(--ds-alias-space-xs-device)}.stack.px-sm,.stack-content.px-sm{padding-left:var(--ds-alias-space-sm-device);padding-right:var(--ds-alias-space-sm-device)}.stack.px-base,.stack-content.px-base{padding-left:var(--ds-alias-space-base-device);padding-right:var(--ds-alias-space-base-device)}.stack.px-md,.stack-content.px-md{padding-left:var(--ds-alias-space-md-device);padding-right:var(--ds-alias-space-md-device)}.stack.px-lg,.stack-content.px-lg{padding-left:var(--ds-alias-space-lg-device);padding-right:var(--ds-alias-space-lg-device)}.stack.px-xl,.stack-content.px-xl{padding-left:var(--ds-alias-space-xl-device);padding-right:var(--ds-alias-space-xl-device)}.stack.px-2xl,.stack-content.px-2xl{padding-left:var(--ds-alias-space-2xl-device);padding-right:var(--ds-alias-space-2xl-device)}.stack.py-2xs,.stack-content.py-2xs{padding-top:var(--ds-alias-space-2xs-device);padding-bottom:var(--ds-alias-space-2xs-device)}.stack.py-xs,.stack-content.py-xs{padding-top:var(--ds-alias-space-xs-device);padding-bottom:var(--ds-alias-space-xs-device)}.stack.py-sm,.stack-content.py-sm{padding-top:var(--ds-alias-space-sm-device);padding-bottom:var(--ds-alias-space-sm-device)}.stack.py-base,.stack-content.py-base{padding-top:var(--ds-alias-space-base-device);padding-bottom:var(--ds-alias-space-base-device)}.stack.py-md,.stack-content.py-md{padding-top:var(--ds-alias-space-md-device);padding-bottom:var(--ds-alias-space-md-device)}.stack.py-lg,.stack-content.py-lg{padding-top:var(--ds-alias-space-lg-device);padding-bottom:var(--ds-alias-space-lg-device)}.stack.py-xl,.stack-content.py-xl{padding-top:var(--ds-alias-space-xl-device);padding-bottom:var(--ds-alias-space-xl-device)}.stack.py-2xl,.stack-content.py-2xl{padding-top:var(--ds-alias-space-2xl-device);padding-bottom:var(--ds-alias-space-2xl-device)}.stack.p-none,.stack-content.p-none{padding:0}.stack.px-none,.stack-content.px-none{padding-left:0;padding-right:0}.stack.py-none,.stack-content.py-none{padding-top:0;padding-bottom:0}.stack.gap-auto,.stack.gap-x-auto,.stack.gap-col-auto,.stack.gap-y-auto,.stack.gap-row-auto,.stack.has-space-auto,.stack.has-space-col-auto,.stack.has-space-row-auto,.stack-content.gap-auto,.stack-content.gap-x-auto,.stack-content.gap-col-auto,.stack-content.gap-y-auto,.stack-content.gap-row-auto,.stack-content.has-space-auto,.stack-content.has-space-col-auto,.stack-content.has-space-row-auto{-ms-flex-pack:justify;justify-content:space-between}.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}@media screen and (min-width: 769px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}@media screen and (min-width: 1024px){.stack.gap-none,.stack.has-space-none,.stack-content.gap-none,.stack-content.has-space-none{gap:0}}.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}@media screen and (min-width: 769px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}@media screen and (min-width: 1024px){.stack.gap-x-none,.stack.gap-col-none,.stack.has-space-col-none,.stack-content.gap-x-none,.stack-content.gap-col-none,.stack-content.has-space-col-none{-webkit-column-gap:0;-moz-column-gap:0;column-gap:0}}.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}@media screen and (min-width: 769px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}@media screen and (min-width: 1024px){.stack.gap-y-none,.stack.gap-row-none,.stack.has-space-row-none,.stack-content.gap-y-none,.stack-content.gap-row-none,.stack-content.has-space-row-none{row-gap:0}}.stack.gap-2xs,.stack.has-space-2xs,.stack-content.gap-2xs,.stack-content.has-space-2xs{gap:var(--ds-alias-space-2xs-device)}.stack.gap-xs,.stack.has-space-xs,.stack-content.gap-xs,.stack-content.has-space-xs{gap:var(--ds-alias-space-xs-device)}.stack.gap-sm,.stack.has-space-sm,.stack-content.gap-sm,.stack-content.has-space-sm{gap:var(--ds-alias-space-sm-device)}.stack.gap-base,.stack.has-space-base,.stack-content.gap-base,.stack-content.has-space-base{gap:var(--ds-alias-space-base-device)}.stack.gap-md,.stack.has-space-md,.stack-content.gap-md,.stack-content.has-space-md{gap:var(--ds-alias-space-md-device)}.stack.gap-lg,.stack.has-space-lg,.stack-content.gap-lg,.stack-content.has-space-lg{gap:var(--ds-alias-space-lg-device)}.stack.gap-xl,.stack.has-space-xl,.stack-content.gap-xl,.stack-content.has-space-xl{gap:var(--ds-alias-space-xl-device)}.stack.gap-2xl,.stack.has-space-2xl,.stack-content.gap-2xl,.stack-content.has-space-2xl{gap:var(--ds-alias-space-2xl-device)}.stack.gap-x-2xs,.stack.gap-col-2xs,.stack.has-space-col-2xs,.stack-content.gap-x-2xs,.stack-content.gap-col-2xs,.stack-content.has-space-col-2xs{-webkit-column-gap:var(--ds-alias-space-2xs-device);-moz-column-gap:var(--ds-alias-space-2xs-device);column-gap:var(--ds-alias-space-2xs-device)}.stack.gap-x-xs,.stack.gap-col-xs,.stack.has-space-col-xs,.stack-content.gap-x-xs,.stack-content.gap-col-xs,.stack-content.has-space-col-xs{-webkit-column-gap:var(--ds-alias-space-xs-device);-moz-column-gap:var(--ds-alias-space-xs-device);column-gap:var(--ds-alias-space-xs-device)}.stack.gap-x-sm,.stack.gap-col-sm,.stack.has-space-col-sm,.stack-content.gap-x-sm,.stack-content.gap-col-sm,.stack-content.has-space-col-sm{-webkit-column-gap:var(--ds-alias-space-sm-device);-moz-column-gap:var(--ds-alias-space-sm-device);column-gap:var(--ds-alias-space-sm-device)}.stack.gap-x-base,.stack.gap-col-base,.stack.has-space-col-base,.stack-content.gap-x-base,.stack-content.gap-col-base,.stack-content.has-space-col-base{-webkit-column-gap:var(--ds-alias-space-base-device);-moz-column-gap:var(--ds-alias-space-base-device);column-gap:var(--ds-alias-space-base-device)}.stack.gap-x-md,.stack.gap-col-md,.stack.has-space-col-md,.stack-content.gap-x-md,.stack-content.gap-col-md,.stack-content.has-space-col-md{-webkit-column-gap:var(--ds-alias-space-md-device);-moz-column-gap:var(--ds-alias-space-md-device);column-gap:var(--ds-alias-space-md-device)}.stack.gap-x-lg,.stack.gap-col-lg,.stack.has-space-col-lg,.stack-content.gap-x-lg,.stack-content.gap-col-lg,.stack-content.has-space-col-lg{-webkit-column-gap:var(--ds-alias-space-lg-device);-moz-column-gap:var(--ds-alias-space-lg-device);column-gap:var(--ds-alias-space-lg-device)}.stack.gap-x-xl,.stack.gap-col-xl,.stack.has-space-col-xl,.stack-content.gap-x-xl,.stack-content.gap-col-xl,.stack-content.has-space-col-xl{-webkit-column-gap:var(--ds-alias-space-xl-device);-moz-column-gap:var(--ds-alias-space-xl-device);column-gap:var(--ds-alias-space-xl-device)}.stack.gap-x-2xl,.stack.gap-col-2xl,.stack.has-space-col-2xl,.stack-content.gap-x-2xl,.stack-content.gap-col-2xl,.stack-content.has-space-col-2xl{-webkit-column-gap:var(--ds-alias-space-2xl-device);-moz-column-gap:var(--ds-alias-space-2xl-device);column-gap:var(--ds-alias-space-2xl-device)}.stack.gap-y-2xs,.stack.gap-row-2xs,.stack.has-space-row-2xs,.stack-content.gap-y-2xs,.stack-content.gap-row-2xs,.stack-content.has-space-row-2xs{row-gap:var(--ds-alias-space-2xs-device)}.stack.gap-y-xs,.stack.gap-row-xs,.stack.has-space-row-xs,.stack-content.gap-y-xs,.stack-content.gap-row-xs,.stack-content.has-space-row-xs{row-gap:var(--ds-alias-space-xs-device)}.stack.gap-y-sm,.stack.gap-row-sm,.stack.has-space-row-sm,.stack-content.gap-y-sm,.stack-content.gap-row-sm,.stack-content.has-space-row-sm{row-gap:var(--ds-alias-space-sm-device)}.stack.gap-y-base,.stack.gap-row-base,.stack.has-space-row-base,.stack-content.gap-y-base,.stack-content.gap-row-base,.stack-content.has-space-row-base{row-gap:var(--ds-alias-space-base-device)}.stack.gap-y-md,.stack.gap-row-md,.stack.has-space-row-md,.stack-content.gap-y-md,.stack-content.gap-row-md,.stack-content.has-space-row-md{row-gap:var(--ds-alias-space-md-device)}.stack.gap-y-lg,.stack.gap-row-lg,.stack.has-space-row-lg,.stack-content.gap-y-lg,.stack-content.gap-row-lg,.stack-content.has-space-row-lg{row-gap:var(--ds-alias-space-lg-device)}.stack.gap-y-xl,.stack.gap-row-xl,.stack.has-space-row-xl,.stack-content.gap-y-xl,.stack-content.gap-row-xl,.stack-content.has-space-row-xl{row-gap:var(--ds-alias-space-xl-device)}.stack.gap-y-2xl,.stack.gap-row-2xl,.stack.has-space-row-2xl,.stack-content.gap-y-2xl,.stack-content.gap-row-2xl,.stack-content.has-space-row-2xl{row-gap:var(--ds-alias-space-2xl-device)}.stack>ds-radio{margin-top:-0.25rem}ds-content>ds-text,.stack-content>ds-text,ds-content>.text,.stack-content>.text,.stack>ds-text,.stack>ds-label,.stack>ds-heading,.stack>ds-heading:not(:last-child),.stack>.label,.stack>.heading,.stack>.heading:not(:last-child),.stack>.title,.stack>.title:not(:last-child),.stack>.subtitle,.stack>.subtitle:not(:last-child),.stack>.link,.stack>.is-link,.stack>p{margin:0}ds-stack{position:static}"}},[260,"ds-stack",{align:[1],alignment:[1],direction:[1025],fitContent:[4,"fit-content"],layout:[1],p:[1025],px:[1025],py:[1025],space:[1025],spaceColumn:[1025,"space-column"],spaceRow:[1025,"space-row"],useWrap:[4,"use-wrap"]},void 0,{layout:[{layoutChanged:0}],p:[{pChanged:0}],px:[{pxChanged:0}],py:[{pyChanged:0}],space:[{spaceChanged:0}],spaceColumn:[{spaceColumnChanged:0}],spaceRow:[{spaceRowChanged:0}]}]);o([r("stack"),c("design:type",Function),c("design:paramtypes",[Function]),c("design:returntype",void 0)],m.prototype,"createLogger",null),o([g(...d),c("design:type",String)],m.prototype,"align",void 0),o([g(...d),c("design:type",String)],m.prototype,"alignment",void 0),o([g(...k),c("design:type",String)],m.prototype,"direction",void 0),o([p("boolean"),c("design:type",Boolean)],m.prototype,"fitContent",void 0),o([g(...h),c("design:type",String)],m.prototype,"layout",void 0),o([g(...w),c("design:type",String)],m.prototype,"p",void 0),o([g(...w),c("design:type",String)],m.prototype,"px",void 0),o([g(...w),c("design:type",String)],m.prototype,"py",void 0),o([g(...v),c("design:type",String)],m.prototype,"space",void 0),o([g(...v),c("design:type",String)],m.prototype,"spaceColumn",void 0),o([g(...v),c("design:type",String)],m.prototype,"spaceRow",void 0),o([p("boolean"),c("design:type",Boolean)],m.prototype,"useWrap",void 0);const x=m,f=function(){"undefined"!=typeof customElements&&["ds-stack"].forEach((t=>{"ds-stack"===t&&(customElements.get(n(t))||customElements.define(n(t),m))}))};export{x as DsStack,f as defineCustomElement}
+import{S as o,d as s}from"./p-CWDuQL1i.js";const p=o,r=s;export{p as DsStack,r as defineCustomElement}

package/components/ds-step-panel.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../dist/types/components";
+
+interface DsStepPanel extends Components.DsStepPanel, HTMLElement {}
+export const DsStepPanel: {
+    prototype: DsStepPanel;
+    new (): DsStepPanel;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/components/ds-step-panel.js

@@ -0,0 +1,4 @@
+/*!
+ * (C) Helvetia Design System https://design.baloise.dev/ - Apache License 2.0
+ */
+import{p as e,H as s,h as t,e as n,t as a}from"./p-WO0X5Vmy.js";import{_ as p,L as d,a as i}from"./p-J0mxIuTt.js";import{R as o}from"./p-DYlqkAWn.js";import{T as r}from"./p-DAYd9ty0.js";const l=e(class extends s{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.selected=!1}createLogger(e){this.log=e}render(){return t(n,{key:"069c37c16fab0a456e81b3994a5f130f555a1943",role:"tabpanel",class:{"is-selected":this.selected},"aria-hidden":this.selected?null:"true",tabIndex:this.selected?0:-1},t("slot",{key:"d5e51ed65c86e3b1f50f7978918ca48a760594bf"}))}get el(){return this}static get style(){return":host{--_step-panel-padding:var(--step-panel-padding, var(--mod-step-panel-padding, var(--ds-step-panel-padding)));display:none}:host(.is-selected){display:block;padding:var(--_step-panel-padding)}"}},[257,"ds-step-panel",{for:[513],selected:[1540]}]);p([d("step-panel"),i("design:type",Function),i("design:paramtypes",[Function]),i("design:returntype",void 0)],l.prototype,"createLogger",null),p([o(),r("string"),i("design:type",String)],l.prototype,"for",void 0),p([r("boolean"),i("design:type",Boolean)],l.prototype,"selected",void 0);const c=l,g=function(){"undefined"!=typeof customElements&&["ds-step-panel"].forEach((e=>{"ds-step-panel"===e&&(customElements.get(a(e))||customElements.define(a(e),l))}))};export{c as DsStepPanel,g as defineCustomElement}