@sortsys/ui 0.1.2 → 0.1.4

package/dist/index.d.ts

@@ -15,6 +15,7 @@ type SSButtonProps = {
 declare function SSButton(props: SSButtonProps): JSX.Element;
 
 declare const COLORS: readonly ["red", "pink", "purple", "deepPurple", "indigo", "blue", "lightBlue", "cyan", "teal", "green", "lightGreen", "lime", "yellow", "amber", "orange", "deepOrange", "brown", "grey", "blueGrey"];
+type SSColor = (typeof COLORS)[number];
 
 type SSCalloutProps = JSX.HTMLAttributes<HTMLDivElement> & {
     color: (typeof COLORS)[number];
@@ -364,4 +365,4 @@ declare function createSSTile<T>(build: (data: T) => SSTileProps): (props: {
     onLinkClick?: () => void;
 }) => solid_js.JSX.Element;
 
-export { SSButton, SSCallout, SSChip, SSDataTable, SSDropdown, SSExpandable, SSForm, SSHeader, SSModal, SSModalsProvider, SSShell, SSSurface, SSTile, createSSTile, useSSModals };
+export { SSButton, SSCallout, SSChip, type SSColor, SSDataTable, SSDropdown, SSExpandable, SSForm, SSHeader, SSModal, SSModalsProvider, SSShell, SSSurface, SSTile, createSSTile, useSSModals };

package/dist/index.jsx

@@ -1,275 +1,275 @@
-function F(e){let t=()=>["ss_button",e.isIconOnly?"ss_button--icon":"",e.class??""].filter(Boolean).join(" ");return<button type={e.type??"button"}class={t()}disabled={e.disabled}aria-label={e.ariaLabel}form={e.form}onclick={e.onclick}>
+function Y(e){let t=()=>["ss_button",e.isIconOnly?"ss_button--icon":"",e.class??""].filter(Boolean).join(" ");return<button type={e.type??"button"}class={t()}disabled={e.disabled}aria-label={e.ariaLabel}form={e.form}onclick={e.onclick}>
       {e.children}
-    </button>}function we(e){let{icon:t,color:l,class:i,style:r,children:o,...h}=e;return<div{...h}class={`ss_callout ss_callout--${l} ${i??""}`}style={r}>
+    </button>}function Ut(e){let{icon:t,color:n,class:r,style:o,children:s,...l}=e;return<div{...l}class={`ss_callout ss_callout--${n} ${r??""}`}style={o}>
       <span class="ss_callout__icon">
         {t}
       </span>
       <div class="ss_callout__content">
-        <span>{o}</span>
+        <span>{s}</span>
       </div>
-    </div>}function pe(e){let t=`ss_chip ss_chip--${e.color??"blue"} ${e.class??""}`;return"onclick"in e&&e.onclick?<button type="button"class={`${t} ss_chip--clickable`}style={e.style}onclick={e.onclick}>
+    </div>}function zt(e){let t=`ss_chip ss_chip--${e.color??"blue"} ${e.class??""}`;return"onclick"in e&&e.onclick?<button type="button"class={`${t} ss_chip--clickable`}style={e.style}onclick={e.onclick}>
         <span class="ss_chip__label">{e.children}</span>
       </button>:<div class={t}style={e.style}>
       <span class="ss_chip__label">{e.children}</span>
       {"ondismiss"in e&&e.ondismiss&&<button type="button"class="ss_chip__dismiss"aria-label="Entfernen"onclick={e.ondismiss}>
           <svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-x"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M18 6l-12 12"/><path d="M6 6l12 12"/></svg>
         </button>}
-    </div>}import{createEffect as ye,createMemo as V,createResource as ke,createSignal as j,For as N}from"solid-js";function Me(e){let t=V(()=>e.render(e.row)),[l]=ke(async()=>{let i=t();return i&&typeof i.then=="function"?await i:null});return<div>
-      {(()=>{let i=t();return i&&typeof i.then=="function"?l()??"":i})()}
-    </div>}function Ee(e){let[t,l]=j(-1),[i,r]=j(null),[o,h]=j(1),c=()=>Math.max(1,e.pageSize??25),f=V(()=>{let k=t(),E=i();if(k<0||!E)return e.rows;let D=e.columns[k];if(!D?.sortKey)return e.rows;let u=e.rows.map((b,n)=>({row:b,idx:n,key:D.sortKey(b)}));return u.sort((b,n)=>b.key===n.key?b.idx-n.idx:b.key<n.key?E==="asc"?-1:1:E==="asc"?1:-1),u.map(b=>b.row)}),a=V(()=>Math.max(1,Math.ceil(f().length/c()))),d=V(()=>{let E=(Math.min(o(),a())-1)*c();return f().slice(E,E+c())});ye(()=>{o()>a()&&h(a())});let s=k=>{if(t()!==k){l(k),r("asc"),h(1);return}if(i()==="asc"){r("desc");return}if(i()==="desc"){l(-1),r(null),h(1);return}r("asc"),h(1)},v=k=>{let E=Math.min(Math.max(1,k),a());h(E)},_=()=>e.paginationPosition??"bottom",y=()=>`ss_table ${_()==="top"?"ss_table--pagination-top":""} ${e.class??""}`,M=()=><div class="ss_table__pagination">
-      <button type="button"class="ss_table__page_button"disabled={o()===1}aria-label="Erste Seite"onclick={()=>v(1)}>
+    </div>}var T={context:void 0,registry:void 0,effects:void 0,done:!1,getContextId(){return dt(this.context.count)},getNextContextId(){return dt(this.context.count++)}};function dt(e){let t=String(e),n=t.length-1;return T.context.id+(n?String.fromCharCode(96+n):"")+t}function Kt(e){T.context=e}var Wt=!1,Yt=(e,t)=>e===t,Xe=Symbol("solid-proxy"),pt=typeof Proxy=="function",yt=Symbol("solid-track");var qe={equals:Yt},ft=null,vt=Pt,z=1,Fe=2,St={owned:null,cleanups:null,context:null,owner:null},tt={},C=null,h=null,Pe=null,ke=null,O=null,$=null,j=null,Ue=0;function Ee(e,t){let n=O,r=C,o=e.length===0,s=t===void 0?r:t,l=o?St:{owned:null,cleanups:null,context:s?s.context:null,owner:s},i=o?e:()=>e(()=>V(()=>ee(l)));C=l,O=null;try{return U(i,!0)}finally{O=n,C=r}}function S(e,t){t=t?Object.assign({},qe,t):qe;let n={value:e,observers:null,observerSlots:null,comparator:t.equals||void 0},r=o=>(typeof o=="function"&&(h&&h.running&&h.sources.has(n)?o=o(n.tValue):o=o(n.value)),Et(n,o));return[kt.bind(n),r]}function ht(e,t,n){let r=Ke(e,t,!0,z);Pe&&h&&h.running?$.push(r):Te(r)}function G(e,t,n){let r=Ke(e,t,!1,z);Pe&&h&&h.running?$.push(r):Te(r)}function N(e,t,n){vt=en;let r=Ke(e,t,!1,z),o=De&&B(De);o&&(r.suspense=o),(!n||!n.render)&&(r.user=!0),j?j.push(r):Te(r)}function D(e,t,n){n=n?Object.assign({},qe,n):qe;let r=Ke(e,t,!0,0);return r.observers=null,r.observerSlots=null,r.comparator=n.equals||void 0,Pe&&h&&h.running?(r.tState=z,$.push(r)):Te(r),kt.bind(r)}function Gt(e){return e&&typeof e=="object"&&"then"in e}function ot(e,t,n){let r,o,s;typeof t=="function"?(r=e,o=t,s=n||{}):(r=!0,o=e,s=t||{});let l=null,i=tt,c=null,d=!1,u=!1,a="initialValue"in s,m=typeof r=="function"&&D(r),b=new Set,[x,y]=(s.storage||S)(s.initialValue),[k,E]=S(void 0),[L,g]=S(void 0,{equals:!1}),[p,f]=S(a?"ready":"unresolved");T.context&&(c=T.getNextContextId(),s.ssrLoadFrom==="initial"?i=s.initialValue:T.load&&T.has(c)&&(i=T.load(c)));function v(_,P,I,H){return l===_&&(l=null,H!==void 0&&(a=!0),(_===i||P===i)&&s.onHydrated&&queueMicrotask(()=>s.onHydrated(H,{value:P})),i=tt,h&&_&&d?(h.promises.delete(_),d=!1,U(()=>{h.running=!0,F(P,I)},!1)):F(P,I)),P}function F(_,P){U(()=>{P===void 0&&y(()=>_),f(P!==void 0?"errored":a?"ready":"unresolved"),E(P);for(let I of b.keys())I.decrement();b.clear()},!1)}function A(){let _=De&&B(De),P=x(),I=k();if(I!==void 0&&!l)throw I;return O&&!O.user&&_&&ht(()=>{L(),l&&(_.resolved&&h&&d?h.promises.add(l):b.has(_)||(_.increment(),b.add(_)))}),P}function w(_=!0){if(_!==!1&&u)return;u=!1;let P=m?m():r;if(d=h&&h.running,P==null||P===!1){v(l,V(x));return}h&&l&&h.promises.delete(l);let I,H=i!==tt?i:V(()=>{try{return o(P,{value:x(),refetching:_})}catch(xe){I=xe}});if(I!==void 0){v(l,void 0,Ve(I),P);return}else if(!Gt(H))return v(l,H,void 0,P),H;return l=H,"v"in H?(H.s===1?v(l,H.v,void 0,P):v(l,void 0,Ve(H.v),P),H):(u=!0,queueMicrotask(()=>u=!1),U(()=>{f(a?"refreshing":"pending"),g()},!1),H.then(xe=>v(H,xe,void 0,P),xe=>v(H,void 0,Ve(xe),P)))}Object.defineProperties(A,{state:{get:()=>p()},error:{get:()=>k()},loading:{get(){let _=p();return _==="pending"||_==="refreshing"}},latest:{get(){if(!a)return A();let _=k();if(_&&!l)throw _;return x()}}});let M=C;return m?ht(()=>(M=C,w(!1))):w(!1),[A,{refetch:_=>ze(M,()=>w(_)),mutate:y}]}function V(e){if(!ke&&O===null)return e();let t=O;O=null;try{return ke?ke.untrack(e):e()}finally{O=t}}function X(e){N(()=>V(e))}function R(e){return C===null||(C.cleanups===null?C.cleanups=[e]:C.cleanups.push(e)),e}function _t(){return O}function Ce(){return C}function ze(e,t){let n=C,r=O;C=e,O=null;try{return U(t,!0)}catch(o){We(o)}finally{C=n,O=r}}function $e(e){if(h&&h.running)return e(),h.done;let t=O,n=C;return Promise.resolve().then(()=>{O=t,C=n;let r;return(Pe||De)&&(r=h||(h={sources:new Set,effects:[],promises:new Set,disposed:new Set,queue:new Set,running:!0}),r.done||(r.done=new Promise(o=>r.resolve=o)),r.running=!0),U(e,!1),O=C=null,r?r.done:void 0})}var[Lr,mt]=S(!1);function Z(e,t){let n=Symbol("context");return{id:n,Provider:tn(n),defaultValue:e}}function B(e){let t;return C&&C.context&&(t=C.context[e.id])!==void 0?t:e.defaultValue}function xt(e){let t=D(e),n=D(()=>rt(t()));return n.toArray=()=>{let r=n();return Array.isArray(r)?r:r!=null?[r]:[]},n}var De;function kt(){let e=h&&h.running;if(this.sources&&(e?this.tState:this.state))if((e?this.tState:this.state)===z)Te(this);else{let t=$;$=null,U(()=>Je(this),!1),$=t}if(O){let t=this.observers?this.observers.length:0;O.sources?(O.sources.push(this),O.sourceSlots.push(t)):(O.sources=[this],O.sourceSlots=[t]),this.observers?(this.observers.push(O),this.observerSlots.push(O.sources.length-1)):(this.observers=[O],this.observerSlots=[O.sources.length-1])}return e&&h.sources.has(this)?this.tValue:this.value}function Et(e,t,n){let r=h&&h.running&&h.sources.has(e)?e.tValue:e.value;if(!e.comparator||!e.comparator(r,t)){if(h){let o=h.running;(o||!n&&h.sources.has(e))&&(h.sources.add(e),e.tValue=t),o||(e.value=t)}else e.value=t;e.observers&&e.observers.length&&U(()=>{for(let o=0;o<e.observers.length;o+=1){let s=e.observers[o],l=h&&h.running;l&&h.disposed.has(s)||((l?!s.tState:!s.state)&&(s.pure?$.push(s):j.push(s),s.observers&&Ct(s)),l?s.tState=z:s.state=z)}if($.length>1e6)throw $=[],new Error},!1)}return t}function Te(e){if(!e.fn)return;ee(e);let t=Ue;gt(e,h&&h.running&&h.sources.has(e)?e.tValue:e.value,t),h&&!h.running&&h.sources.has(e)&&queueMicrotask(()=>{U(()=>{h&&(h.running=!0),O=C=e,gt(e,e.tValue,t),O=C=null},!1)})}function gt(e,t,n){let r,o=C,s=O;O=C=e;try{r=e.fn(t)}catch(l){return e.pure&&(h&&h.running?(e.tState=z,e.tOwned&&e.tOwned.forEach(ee),e.tOwned=void 0):(e.state=z,e.owned&&e.owned.forEach(ee),e.owned=null)),e.updatedAt=n+1,We(l)}finally{O=s,C=o}(!e.updatedAt||e.updatedAt<=n)&&(e.updatedAt!=null&&"observers"in e?Et(e,r,!0):h&&h.running&&e.pure?(h.sources.add(e),e.tValue=r):e.value=r,e.updatedAt=n)}function Ke(e,t,n,r=z,o){let s={fn:e,state:r,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:t,owner:C,context:C?C.context:null,pure:n};if(h&&h.running&&(s.state=0,s.tState=r),C===null||C!==St&&(h&&h.running&&C.pure?C.tOwned?C.tOwned.push(s):C.tOwned=[s]:C.owned?C.owned.push(s):C.owned=[s]),ke&&s.fn){let[l,i]=S(void 0,{equals:!1}),c=ke.factory(s.fn,i);R(()=>c.dispose());let d=()=>$e(i).then(()=>u.dispose()),u=ke.factory(s.fn,d);s.fn=a=>(l(),h&&h.running?u.track(a):c.track(a))}return s}function Ie(e){let t=h&&h.running;if((t?e.tState:e.state)===0)return;if((t?e.tState:e.state)===Fe)return Je(e);if(e.suspense&&V(e.suspense.inFallback))return e.suspense.effects.push(e);let n=[e];for(;(e=e.owner)&&(!e.updatedAt||e.updatedAt<Ue);){if(t&&h.disposed.has(e))return;(t?e.tState:e.state)&&n.push(e)}for(let r=n.length-1;r>=0;r--){if(e=n[r],t){let o=e,s=n[r+1];for(;(o=o.owner)&&o!==s;)if(h.disposed.has(o))return}if((t?e.tState:e.state)===z)Te(e);else if((t?e.tState:e.state)===Fe){let o=$;$=null,U(()=>Je(e,n[0]),!1),$=o}}}function U(e,t){if($)return e();let n=!1;t||($=[]),j?n=!0:j=[],Ue++;try{let r=e();return Qt(n),r}catch(r){n||(j=null),$=null,We(r)}}function Qt(e){if($&&(Pe&&h&&h.running?Zt($):Pt($),$=null),e)return;let t;if(h){if(!h.promises.size&&!h.queue.size){let r=h.sources,o=h.disposed;j.push.apply(j,h.effects),t=h.resolve;for(let s of j)"tState"in s&&(s.state=s.tState),delete s.tState;h=null,U(()=>{for(let s of o)ee(s);for(let s of r){if(s.value=s.tValue,s.owned)for(let l=0,i=s.owned.length;l<i;l++)ee(s.owned[l]);s.tOwned&&(s.owned=s.tOwned),delete s.tValue,delete s.tOwned,s.tState=0}mt(!1)},!1)}else if(h.running){h.running=!1,h.effects.push.apply(h.effects,j),j=null,mt(!0);return}}let n=j;j=null,n.length&&U(()=>vt(n),!1),t&&t()}function Pt(e){for(let t=0;t<e.length;t++)Ie(e[t])}function Zt(e){for(let t=0;t<e.length;t++){let n=e[t],r=h.queue;r.has(n)||(r.add(n),Pe(()=>{r.delete(n),U(()=>{h.running=!0,Ie(n)},!1),h&&(h.running=!1)}))}}function en(e){let t,n=0;for(t=0;t<e.length;t++){let r=e[t];r.user?e[n++]=r:Ie(r)}if(T.context){if(T.count){T.effects||(T.effects=[]),T.effects.push(...e.slice(0,n));return}Kt()}for(T.effects&&(T.done||!T.count)&&(e=[...T.effects,...e],n+=T.effects.length,delete T.effects),t=0;t<n;t++)Ie(e[t])}function Je(e,t){let n=h&&h.running;n?e.tState=0:e.state=0;for(let r=0;r<e.sources.length;r+=1){let o=e.sources[r];if(o.sources){let s=n?o.tState:o.state;s===z?o!==t&&(!o.updatedAt||o.updatedAt<Ue)&&Ie(o):s===Fe&&Je(o,t)}}}function Ct(e){let t=h&&h.running;for(let n=0;n<e.observers.length;n+=1){let r=e.observers[n];(t?!r.tState:!r.state)&&(t?r.tState=Fe:r.state=Fe,r.pure?$.push(r):j.push(r),r.observers&&Ct(r))}}function ee(e){let t;if(e.sources)for(;e.sources.length;){let n=e.sources.pop(),r=e.sourceSlots.pop(),o=n.observers;if(o&&o.length){let s=o.pop(),l=n.observerSlots.pop();r<o.length&&(s.sourceSlots[l]=r,o[r]=s,n.observerSlots[r]=l)}}if(e.tOwned){for(t=e.tOwned.length-1;t>=0;t--)ee(e.tOwned[t]);delete e.tOwned}if(h&&h.running&&e.pure)Tt(e,!0);else if(e.owned){for(t=e.owned.length-1;t>=0;t--)ee(e.owned[t]);e.owned=null}if(e.cleanups){for(t=e.cleanups.length-1;t>=0;t--)e.cleanups[t]();e.cleanups=null}h&&h.running?e.tState=0:e.state=0}function Tt(e,t){if(t||(e.tState=0,h.disposed.add(e)),e.owned)for(let n=0;n<e.owned.length;n++)Tt(e.owned[n])}function Ve(e){return e instanceof Error?e:new Error(typeof e=="string"?e:"Unknown error",{cause:e})}function bt(e,t,n){try{for(let r of t)r(e)}catch(r){We(r,n&&n.owner||null)}}function We(e,t=C){let n=ft&&t&&t.context&&t.context[ft],r=Ve(e);if(!n)throw r;j?j.push({fn(){bt(r,n,t)},state:z}):bt(r,n,t)}function rt(e){if(typeof e=="function"&&!e.length)return rt(e());if(Array.isArray(e)){let t=[];for(let n=0;n<e.length;n++){let r=rt(e[n]);Array.isArray(r)?t.push.apply(t,r):t.push(r)}return t}return e}function tn(e,t){return function(r){let o;return G(()=>o=V(()=>(C.context={...C.context,[e]:r.value},xt(()=>r.children))),void 0),o}}var nn=Symbol("fallback");function wt(e){for(let t=0;t<e.length;t++)e[t]()}function rn(e,t,n={}){let r=[],o=[],s=[],l=0,i=t.length>1?[]:null;return R(()=>wt(s)),()=>{let c=e()||[],d=c.length,u,a;return c[yt],V(()=>{let b,x,y,k,E,L,g,p,f;if(d===0)l!==0&&(wt(s),s=[],r=[],o=[],l=0,i&&(i=[])),n.fallback&&(r=[nn],o[0]=Ee(v=>(s[0]=v,n.fallback())),l=1);else if(l===0){for(o=new Array(d),a=0;a<d;a++)r[a]=c[a],o[a]=Ee(m);l=d}else{for(y=new Array(d),k=new Array(d),i&&(E=new Array(d)),L=0,g=Math.min(l,d);L<g&&r[L]===c[L];L++);for(g=l-1,p=d-1;g>=L&&p>=L&&r[g]===c[p];g--,p--)y[p]=o[g],k[p]=s[g],i&&(E[p]=i[g]);for(b=new Map,x=new Array(p+1),a=p;a>=L;a--)f=c[a],u=b.get(f),x[a]=u===void 0?-1:u,b.set(f,a);for(u=L;u<=g;u++)f=r[u],a=b.get(f),a!==void 0&&a!==-1?(y[a]=o[u],k[a]=s[u],i&&(E[a]=i[u]),a=x[a],b.set(f,a)):s[u]();for(a=L;a<d;a++)a in y?(o[a]=y[a],s[a]=k[a],i&&(i[a]=E[a],i[a](a))):o[a]=Ee(m);o=o.slice(0,l=d),r=c.slice(0)}return o});function m(b){if(s[a]=b,i){let[x,y]=S(a);return i[a]=y,t(c[a],x)}return t(c[a])}}}function je(){return!0}var st={get(e,t,n){return t===Xe?n:e.get(t)},has(e,t){return t===Xe?!0:e.has(t)},set:je,deleteProperty:je,getOwnPropertyDescriptor(e,t){return{configurable:!0,enumerable:!0,get(){return e.get(t)},set:je,deleteProperty:je}},ownKeys(e){return e.keys()}};function nt(e){return(e=typeof e=="function"?e():e)?e:{}}function sn(){for(let e=0,t=this.length;e<t;++e){let n=this[e]();if(n!==void 0)return n}}function He(...e){let t=!1;for(let l=0;l<e.length;l++){let i=e[l];t=t||!!i&&Xe in i,e[l]=typeof i=="function"?(t=!0,D(i)):i}if(pt&&t)return new Proxy({get(l){for(let i=e.length-1;i>=0;i--){let c=nt(e[i])[l];if(c!==void 0)return c}},has(l){for(let i=e.length-1;i>=0;i--)if(l in nt(e[i]))return!0;return!1},keys(){let l=[];for(let i=0;i<e.length;i++)l.push(...Object.keys(nt(e[i])));return[...new Set(l)]}},st);let n={},r=Object.create(null);for(let l=e.length-1;l>=0;l--){let i=e[l];if(!i)continue;let c=Object.getOwnPropertyNames(i);for(let d=c.length-1;d>=0;d--){let u=c[d];if(u==="__proto__"||u==="constructor")continue;let a=Object.getOwnPropertyDescriptor(i,u);if(!r[u])r[u]=a.get?{enumerable:!0,configurable:!0,get:sn.bind(n[u]=[a.get.bind(i)])}:a.value!==void 0?a:void 0;else{let m=n[u];m&&(a.get?m.push(a.get.bind(i)):a.value!==void 0&&m.push(()=>a.value))}}}let o={},s=Object.keys(r);for(let l=s.length-1;l>=0;l--){let i=s[l],c=r[i];c&&c.get?Object.defineProperty(o,i,c):o[i]=c?c.value:void 0}return o}function it(e,...t){let n=t.length;if(pt&&Xe in e){let o=n>1?t.flat():t[0],s=t.map(l=>new Proxy({get(i){return l.includes(i)?e[i]:void 0},has(i){return l.includes(i)&&i in e},keys(){return l.filter(i=>i in e)}},st));return s.push(new Proxy({get(l){return o.includes(l)?void 0:e[l]},has(l){return o.includes(l)?!1:l in e},keys(){return Object.keys(e).filter(l=>!o.includes(l))}},st)),s}let r=[];for(let o=0;o<=n;o++)r[o]={};for(let o of Object.getOwnPropertyNames(e)){let s=n;for(let c=0;c<t.length;c++)if(t[c].includes(o)){s=c;break}let l=Object.getOwnPropertyDescriptor(e,o);!l.get&&!l.set&&l.enumerable&&l.writable&&l.configurable?r[s][o]=l.value:Object.defineProperty(r[s],o,l)}return r}var on=0;function Q(){return T.context?T.getNextContextId():`cl-${on++}`}var ln=e=>`Stale read from <${e}>.`;function K(e){let t="fallback"in e&&{fallback:()=>e.fallback};return D(rn(()=>e.each,e.children,t||void 0))}function Se(e){let t=e.keyed,n=D(()=>e.when,void 0,void 0),r=t?n:D(n,void 0,{equals:(o,s)=>!o==!s});return D(()=>{let o=r();if(o){let s=e.children;return typeof s=="function"&&s.length>0?V(()=>s(t?o:()=>{if(!V(r))throw ln("Show");return n()})):s}return e.fallback},void 0,void 0)}function Sn(e){let t=D(()=>e.render(e.row)),[n]=ot(async()=>{let r=t();return r&&typeof r.then=="function"?await r:null});return<div>
+      {(()=>{let r=t();return r&&typeof r.then=="function"?n()??"":r})()}
+    </div>}function _n(e){let[t,n]=S(-1),[r,o]=S(null),[s,l]=S(1),i=()=>Math.max(1,e.pageSize??25),c=D(()=>{let k=t(),E=r();if(k<0||!E)return e.rows;let L=e.columns[k];if(!L?.sortKey)return e.rows;let g=e.rows.map((p,f)=>({row:p,idx:f,key:L.sortKey(p)}));return g.sort((p,f)=>p.key===f.key?p.idx-f.idx:p.key<f.key?E==="asc"?-1:1:E==="asc"?1:-1),g.map(p=>p.row)}),d=D(()=>Math.max(1,Math.ceil(c().length/i()))),u=D(()=>{let E=(Math.min(s(),d())-1)*i();return c().slice(E,E+i())});N(()=>{s()>d()&&l(d())});let a=k=>{if(t()!==k){n(k),o("asc"),l(1);return}if(r()==="asc"){o("desc");return}if(r()==="desc"){n(-1),o(null),l(1);return}o("asc"),l(1)},m=k=>{let E=Math.min(Math.max(1,k),d());l(E)},b=()=>e.paginationPosition??"bottom",x=()=>`ss_table ${b()==="top"?"ss_table--pagination-top":""} ${e.class??""}`,y=()=><div class="ss_table__pagination">
+      <button type="button"class="ss_table__page_button"disabled={s()===1}aria-label="Erste Seite"onclick={()=>m(1)}>
         <svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-left-pipe"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M7 6v12"/><path d="M18 6l-6 6l6 6"/></svg>
       </button>
-      <button type="button"class="ss_table__page_button"disabled={o()===1}aria-label="Vorherige Seite"onclick={()=>v(o()-1)}>
+      <button type="button"class="ss_table__page_button"disabled={s()===1}aria-label="Vorherige Seite"onclick={()=>m(s()-1)}>
         <svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-left"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M15 6l-6 6l6 6"/></svg>
       </button>
       <span class="ss_table__page_info">
-        Seite {o()} von {a()}
+        Seite {s()} von {d()}
       </span>
-      <button type="button"class="ss_table__page_button"disabled={o()===a()}aria-label="Nächste Seite"onclick={()=>v(o()+1)}>
+      <button type="button"class="ss_table__page_button"disabled={s()===d()}aria-label="Nächste Seite"onclick={()=>m(s()+1)}>
         <svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M9 6l6 6l-6 6"/></svg>
       </button>
-      <button type="button"class="ss_table__page_button"disabled={o()===a()}aria-label="Letzte Seite"onclick={()=>v(a())}>
+      <button type="button"class="ss_table__page_button"disabled={s()===d()}aria-label="Letzte Seite"onclick={()=>m(d())}>
         <svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right-pipe"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M6 6l6 6l-6 6"/><path d="M17 5v13"/></svg>
       </button>
-    </div>;return<div class={y()}style={e.style}>
-      {_()==="top"&&M()}
+    </div>;return<div class={x()}style={e.style}>
+      {b()==="top"&&y()}
       <div class="ss_table__scroll">
         <table>
         <thead>
           <tr>
-            <N each={e.columns}>
-              {(k,E)=>{let D=!!k.sortKey,u=()=>t()===E(),b=()=>u()?i():null;return<th>
-                    {D?<button type="button"class="ss_table__sort_button"aria-sort={b()==="asc"?"ascending":b()==="desc"?"descending":"none"}data-sort={b()??"none"}onclick={()=>s(E())}>
+            <K each={e.columns}>
+              {(k,E)=>{let L=!!k.sortKey,g=()=>t()===E(),p=()=>g()?r():null;return<th>
+                    {L?<button type="button"class="ss_table__sort_button"aria-sort={p()==="asc"?"ascending":p()==="desc"?"descending":"none"}data-sort={p()??"none"}onclick={()=>a(E())}>
                         {k.label}
                         <span class="ss_table__sort_icon"aria-hidden="true">
-                          {b()==="asc"?<svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M6 9l6 6l6 -6"/></svg>:b()==="desc"?<svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-up"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M6 15l6 -6l6 6"/></svg>:<svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-selector"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M8 9l4 -4l4 4"/><path d="M16 15l-4 4l-4 -4"/></svg>}
+                          {p()==="asc"?<svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M6 9l6 6l6 -6"/></svg>:p()==="desc"?<svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-up"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M6 15l6 -6l6 6"/></svg>:<svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-selector"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M8 9l4 -4l4 4"/><path d="M16 15l-4 4l-4 -4"/></svg>}
                         </span>
                       </button>:<span class="ss_table__header_label">{k.label}</span>}
                   </th>}}
-            </N>
+            </K>
           </tr>
         </thead>
         <tbody>
-          <N each={d()}>
+          <K each={u()}>
             {k=><tr data-clickable={e.onRowClick?"true":void 0}onclick={()=>e.onRowClick?.(k)}>
-                <N each={e.columns}>
+                <K each={e.columns}>
                   {E=><td>
-                      <Me row={k}render={E.render}/>
+                      <Sn row={k}render={E.render}/>
                     </td>}
-                </N>
+                </K>
               </tr>}
-          </N>
+          </K>
         </tbody>
         </table>
       </div>
-      {_()==="bottom"&&M()}
-    </div>}import{createSignal as K,For as Te,onCleanup as Q,onMount as Pe,Show as Ce,createEffect as De}from"solid-js";function Fe(e){let[t,l]=K(!1),[i,r]=K(!1),[o,h]=K("closed"),c,f=()=>l(!1);return De(()=>{if(t()){r(!0),requestAnimationFrame(()=>h("open"));return}if(!i())return;h("closed");let a=window.setTimeout(()=>r(!1),160);Q(()=>window.clearTimeout(a))}),Pe(()=>{let a=s=>{let v=s.target;!c||!v||c.contains(v)||f()},d=s=>{s.key==="Escape"&&f()};document.addEventListener("mousedown",a),window.addEventListener("keydown",d),Q(()=>{document.removeEventListener("mousedown",a),window.removeEventListener("keydown",d)})}),<div class={`ss_dropdown ${e.class??""}`}style={e.style}ref={a=>c=a}>
-      <button type="button"class="ss_dropdown__trigger ss_button ss_button--icon"aria-haspopup="menu"aria-expanded={t()}aria-label={e.ariaLabel??"Aktionen \xF6ffnen"}onclick={()=>l(a=>!a)}>
+      {b()==="bottom"&&y()}
+    </div>}function xn(e){let[t,n]=S(!1),[r,o]=S(!1),[s,l]=S("closed"),i,c=()=>n(!1);return N(()=>{if(t()){o(!0),requestAnimationFrame(()=>l("open"));return}if(!r())return;l("closed");let d=window.setTimeout(()=>o(!1),160);R(()=>window.clearTimeout(d))}),X(()=>{let d=a=>{let m=a.target;!i||!m||i.contains(m)||c()},u=a=>{a.key==="Escape"&&c()};document.addEventListener("mousedown",d),window.addEventListener("keydown",u),R(()=>{document.removeEventListener("mousedown",d),window.removeEventListener("keydown",u)})}),<div class={`ss_dropdown ${e.class??""}`}style={e.style}ref={d=>i=d}>
+      <button type="button"class="ss_dropdown__trigger ss_button ss_button--icon"aria-haspopup="menu"aria-expanded={t()}aria-label={e.ariaLabel??"Aktionen \xF6ffnen"}onclick={()=>n(d=>!d)}>
         {e.icon??<svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-dots-vertical"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"/><path d="M11 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"/><path d="M11 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"/></svg>}
       </button>
 
-      <Ce when={i()}>
-        <div class="ss_dropdown__menu"role="menu"data-state={o()}>
-          <Te each={e.items}>
-            {a=><button type="button"class="ss_dropdown__item"role={a.checked?"menuitemcheckbox":"menuitem"}aria-checked={a.checked?"true":void 0}onclick={async()=>{f(),await a.onclick?.()}}>
-                <span class="ss_dropdown__item_icon">{a.icon}</span>
-                <span class="ss_dropdown__item_label">{a.label}</span>
-                {a.checked&&<span class="ss_dropdown__item_check"aria-hidden="true">
+      <Se when={r()}>
+        <div class="ss_dropdown__menu"role="menu"data-state={s()}>
+          <K each={e.items}>
+            {d=><button type="button"class="ss_dropdown__item"role={d.checked?"menuitemcheckbox":"menuitem"}aria-checked={d.checked?"true":void 0}onclick={async()=>{c(),await d.onclick?.()}}>
+                <span class="ss_dropdown__item_icon">{d.icon}</span>
+                <span class="ss_dropdown__item_label">{d.label}</span>
+                {d.checked&&<span class="ss_dropdown__item_check"aria-hidden="true">
                     <svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-check"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M5 12l5 5l10 -10"/></svg>
                   </span>}
               </button>}
-          </Te>
+          </K>
         </div>
-      </Ce>
-    </div>}import{createMemo as Le,createSignal as Ie,onCleanup as Je}from"solid-js";var ee=200;function Oe(e){let[t,l]=Ie(e.initiallyExpanded?"auto":0),i=Le(()=>t()!==0),r,o,h=()=>{o&&clearTimeout(o);let c=r?.scrollHeight??0;if(i()){l(c),o=window.setTimeout(()=>l(0),1);return}l(c),o=window.setTimeout(()=>l("auto"),ee)};return Je(()=>{o&&clearTimeout(o)}),<div class={`ss_expandable ${e.class??""}`}style={e.style}data-state={i()?"open":"closed"}>
-      <div class="ss_expandable__header"role="button"tabindex="0"aria-expanded={i()}onclick={h}onkeydown={c=>{(c.key==="Enter"||c.key===" ")&&(c.preventDefault(),h())}}>
+      </Se>
+    </div>}var Mt=200;function kn(e){let[t,n]=S(e.initiallyExpanded?"auto":0),r=D(()=>t()!==0),o,s,l=()=>{s&&clearTimeout(s);let i=o?.scrollHeight??0;if(r()){n(i),s=window.setTimeout(()=>n(0),1);return}n(i),s=window.setTimeout(()=>n("auto"),Mt)};return R(()=>{s&&clearTimeout(s)}),<div class={`ss_expandable ${e.class??""}`}style={e.style}data-state={r()?"open":"closed"}>
+      <div class="ss_expandable__header"role="button"tabindex="0"aria-expanded={r()}onclick={l}onkeydown={i=>{(i.key==="Enter"||i.key===" ")&&(i.preventDefault(),l())}}>
         <span class="ss_expandable__icon"aria-hidden="true">
-          {i()?<svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M6 9l6 6l6 -6"/></svg>:<svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M9 6l6 6l-6 6"/></svg>}
+          {r()?<svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M6 9l6 6l6 -6"/></svg>:<svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M9 6l6 6l-6 6"/></svg>}
         </span>
         <span class="ss_expandable__title">{e.title}</span>
       </div>
 
-      <div ref={c=>r=c}class="ss_expandable__content"style={{height:typeof t()=="number"?`${t()}px`:t(),"transition-duration":`${ee}ms`}}>
+      <div ref={i=>o=i}class="ss_expandable__content"style={{height:typeof t()=="number"?`${t()}px`:t(),"transition-duration":`${Mt}ms`}}>
         <div class='ss_expandable__divider_wrapper'>
           <div class="ss_expandable__divider"/>
           {e.children}
         </div>
       </div>
-    </div>}import{createContext as He,createEffect as B,createMemo as Xe,createSignal as T,createUniqueId as X,For as Y,onCleanup as I,onMount as J,untrack as Re,useContext as H}from"solid-js";import{createSignal as Be}from"solid-js";function A(){let[e,t]=Be(!1);return[e,async l=>{if(!e())try{t(!0),await l()}finally{t(!1)}}]}var O=He(),C=function(e){let[t,l]=A(),i={},r={loading:t,process:o=>l(()=>o(r)),field:o=>i[o]??null,setField:(o,h)=>{i[o]=h},delField:o=>{delete i[o]},setValues:o=>Object.entries(o).forEach(([h,c])=>i[h]?.setValue(c)),getValues:()=>Object.fromEntries(Object.entries(i).map(([o,h])=>[o,h.getValue()])),validate:()=>Promise.all(Object.values(i).map(o=>o.validate())).then(),hasError:()=>Object.values(i).some(o=>o.hasError()),submit:()=>l(async()=>{await r.validate(),!r.hasError()&&await e.onsubmit?.(r)})};return<form class="ss_form"onsubmit={o=>{o.preventDefault(),r.submit()}}>
-    <O.Provider value={r}>
+    </div>}function Ye(){let[e,t]=S(!1);return[e,async n=>{if(!e())try{t(!0),await n()}finally{t(!1)}}]}var _e=Z(),J=function(e){let[t,n]=Ye(),r={},o={loading:t,process:s=>n(()=>s(o)),field:s=>r[s]??null,setField:(s,l)=>{r[s]=l},delField:s=>{delete r[s]},setValues:s=>Object.entries(s).forEach(([l,i])=>r[l]?.setValue(i)),getValues:()=>Object.fromEntries(Object.entries(r).map(([s,l])=>[s,l.getValue()])),validate:()=>Promise.all(Object.values(r).map(s=>s.validate())).then(),hasError:()=>Object.values(r).some(s=>s.hasError()),submit:()=>n(async()=>{await o.validate(),!o.hasError()&&await e.onsubmit?.(o)})};return<form class="ss_form"onsubmit={s=>{s.preventDefault(),o.submit()}}>
+    <_e.Provider value={o}>
       {e.children}
-    </O.Provider>
-  </form>};C.Input=function(e){let t=H(O),[l,i]=T(""),[r,o]=T(null),h={getValue:()=>{let u=l().trim();return u||null},setValue:u=>{if(typeof u=="number"){i(u.toLocaleString());return}i(`${u}`)},hasError:()=>!!r(),validate:async()=>{let u=[...e.rules??[]];e.required&&u.unshift(C.rules.required);let b=await h.getValue();for(let n of u){let g=await n(b);if(g){o(g);return}}o(null)}};if(e.name&&t){let u=e.name;J(()=>t.setField(u,h)),I(()=>t.delField(u))}let c=null,[f,a]=T([]),[d,s]=T(-1),v;if(e.suggestions){let u=e.suggestions,[b,n]=T(!u.prepare);u.prepare&&J(async()=>{u.prepare&&(c=await u.prepare(),n(!0))});let g;B(()=>{if(clearTimeout(g??void 0),!b())return;a([]);let x=l().trim().toLowerCase();x&&(g=setTimeout(async()=>{let w=await u.getItems({query:x,init:c});a(w)},250))}),I(()=>clearTimeout(g??void 0))}B(()=>{let u=f();if(!u.length){s(-1);return}d()>=u.length&&s(u.length-1)});let _=u=>{let b=v;if(!b||u<0)return;let n=b.querySelectorAll("li")[u];if(!n)return;let g=n.offsetTop,x=g+n.offsetHeight,w=b.scrollTop,m=w+b.clientHeight;g<w?b.scrollTop=g:x>m&&(b.scrollTop=x-b.clientHeight)},y=u=>{let b=f();if(!b.length)return;let n=Math.max(-1,Math.min(d()+u,b.length-1));s(n),_(n)},M=u=>{i(e.suggestions.stringify({item:u,init:c})),s(-1)},k=u=>{if(f().length)if(u.key==="ArrowDown")u.preventDefault(),y(1);else if(u.key==="ArrowUp")u.preventDefault(),y(-1);else if(u.key==="Enter"&&d()>=0){u.preventDefault();let b=f()[d()];b&&M(b)}else u.key==="Escape"&&s(-1)},E=u=>{i(u),s(-1)},D=X();return<div class="ss_form_input">
-    <label for={e.id||D}>{e.label}</label>
+    </_e.Provider>
+  </form>};J.Input=function(e){let t=B(_e),[n,r]=S(""),[o,s]=S(null),l={getValue:()=>{let g=n().trim();return g||null},setValue:g=>{if(typeof g=="number"){r(g.toLocaleString());return}r(`${g}`)},hasError:()=>!!o(),validate:async()=>{let g=[...e.rules??[]];e.required&&g.unshift(J.rules.required);let p=await l.getValue();for(let f of g){let v=await f(p);if(v){s(v);return}}s(null)}};if(e.name&&t){let g=e.name;X(()=>t.setField(g,l)),R(()=>t.delField(g))}let i=null,[c,d]=S([]),[u,a]=S(-1),m;if(e.suggestions){let g=e.suggestions,[p,f]=S(!g.prepare);g.prepare&&X(async()=>{g.prepare&&(i=await g.prepare(),f(!0))});let v;N(()=>{if(clearTimeout(v??void 0),!p())return;d([]);let F=n().trim().toLowerCase();F&&(v=setTimeout(async()=>{let A=await g.getItems({query:F,init:i});d(A)},250))}),R(()=>clearTimeout(v??void 0))}N(()=>{let g=c();if(!g.length){a(-1);return}u()>=g.length&&a(g.length-1)});let b=g=>{let p=m;if(!p||g<0)return;let f=p.querySelectorAll("li")[g];if(!f)return;let v=f.offsetTop,F=v+f.offsetHeight,A=p.scrollTop,w=A+p.clientHeight;v<A?p.scrollTop=v:F>w&&(p.scrollTop=F-p.clientHeight)},x=g=>{let p=c();if(!p.length)return;let f=Math.max(-1,Math.min(u()+g,p.length-1));a(f),b(f)},y=g=>{r(e.suggestions.stringify({item:g,init:i})),a(-1)},k=g=>{if(c().length)if(g.key==="ArrowDown")g.preventDefault(),x(1);else if(g.key==="ArrowUp")g.preventDefault(),x(-1);else if(g.key==="Enter"&&u()>=0){g.preventDefault();let p=c()[u()];p&&y(p)}else g.key==="Escape"&&a(-1)},E=g=>{r(g),a(-1)},L=Q();return<div class="ss_form_input">
+    <label for={e.id||L}>{e.label}</label>
 
     <div class="ss__wrapper">
-      {e.textArea?<textarea id={e.id||D}value={l()}oninput={u=>E(u.target.value)}onkeydown={k}disabled={e.disabled||t?.loading()}/>:<input id={e.id||D}value={l()}oninput={u=>E(u.target.value)}onkeydown={k}disabled={e.disabled||t?.loading()}type={e.type}/>}
+      {e.textArea?<textarea id={e.id||L}value={n()}oninput={g=>E(g.target.value)}onkeydown={k}disabled={e.disabled||t?.loading()}/>:<input id={e.id||L}value={n()}oninput={g=>E(g.target.value)}onkeydown={k}disabled={e.disabled||t?.loading()}type={e.type}/>}
 
-      {!!f().length&&<ul class="ss__suggestions"ref={u=>v=u}>
-        <Y each={f()}>
-          {(u,b)=>{let n=()=>{let g=document.activeElement;g instanceof HTMLElement&&g.blur(),M(u)};return<li onpointerdown={g=>g.preventDefault()}onclick={n}classList={{ss__hovered:b()===d()}}>
-              {e.suggestions.stringify({item:u,init:c})}
+      {!!c().length&&<ul class="ss__suggestions"ref={g=>m=g}>
+        <K each={c()}>
+          {(g,p)=>{let f=()=>{let v=document.activeElement;v instanceof HTMLElement&&v.blur(),y(g)};return<li onpointerdown={v=>v.preventDefault()}onclick={f}classList={{ss__hovered:p()===u()}}>
+              {e.suggestions.stringify({item:g,init:i})}
             </li>}}
-        </Y>
+        </K>
       </ul>}
     </div>
 
-    {!!r()&&<span role="alert">{r()}</span>}
-  </div>};C.Date=function(e){let t=H(O),[l,i]=T(""),[r,o]=T(null),[h,c]=T(!1),[f,a]=T(new Date),d,s=n=>`${n}`.padStart(2,"0"),v=n=>{let g=s(n.getDate()),x=s(n.getMonth()+1),w=n.getFullYear();return`${g}.${x}.${w}`},_=n=>{let g=n.trim();if(!g)return null;let x=/^(\d{1,2})\.(\d{1,2})\.(\d{4})$/.exec(g);if(!x)return null;let w=Number(x[1]),m=Number(x[2]),S=Number(x[3]);if(!w||!m)return null;let p=new Date(S,m-1,w);return p.getFullYear()!==S||p.getMonth()!==m-1||p.getDate()!==w?null:p};B(()=>{if(!h())return;let n=_(l());a(n??new Date)});let y={getValue:()=>{let n=l().trim();return n||null},setValue:n=>{if(n instanceof Date){i(v(n));return}i(`${n??""}`)},hasError:()=>!!r(),validate:async()=>{let n=[...e.rules??[]];e.required&&n.unshift(C.rules.required);let g=await y.getValue();for(let x of n){let w=await x(g);if(w){o(w);return}}if(g&&!_(g)){o("Ung\xFCltiges Datum");return}o(null)}};if(e.name&&t){let n=e.name;J(()=>t.setField(n,y)),I(()=>t.delField(n))}let M=X(),k=n=>{let g=_(l());return g?g.getFullYear()===f().getFullYear()&&g.getMonth()===f().getMonth()&&g.getDate()===n:!1},E=n=>{let g=new Date;return g.getFullYear()===f().getFullYear()&&g.getMonth()===f().getMonth()&&g.getDate()===n},D=()=>{let n=f(),g=n.getFullYear(),x=n.getMonth(),w=new Date(g,x,1),m=new Date(g,x+1,0).getDate(),S=(w.getDay()+6)%7,p=[];for(let P=0;P<S;P+=1)p.push(null);for(let P=1;P<=m;P+=1)p.push(P);for(;p.length%7!==0;)p.push(null);return p},u=()=>f().toLocaleDateString("de-DE",{month:"long",year:"numeric"}),b=n=>{let g=new Date(f().getFullYear(),f().getMonth(),n);i(v(g)),c(!1)};return J(()=>{let n=x=>{if(!h())return;let w=x.target;d&&w&&!d.contains(w)&&c(!1)},g=x=>{x.key==="Escape"&&c(!1)};document.addEventListener("mousedown",n),window.addEventListener("keydown",g),I(()=>{document.removeEventListener("mousedown",n),window.removeEventListener("keydown",g)})}),<div class="ss_form_date"ref={n=>d=n}>
-    <label for={e.id||M}>{e.label}</label>
+    {!!o()&&<span role="alert">{o()}</span>}
+  </div>};J.Date=function(e){let t=B(_e),[n,r]=S(""),[o,s]=S(null),[l,i]=S(!1),[c,d]=S(new Date),u,a=f=>`${f}`.padStart(2,"0"),m=f=>{let v=a(f.getDate()),F=a(f.getMonth()+1),A=f.getFullYear();return`${v}.${F}.${A}`},b=f=>{let v=f.trim();if(!v)return null;let F=/^(\d{1,2})\.(\d{1,2})\.(\d{4})$/.exec(v);if(!F)return null;let A=Number(F[1]),w=Number(F[2]),M=Number(F[3]);if(!A||!w)return null;let _=new Date(M,w-1,A);return _.getFullYear()!==M||_.getMonth()!==w-1||_.getDate()!==A?null:_};N(()=>{if(!l())return;let f=b(n());d(f??new Date)});let x={getValue:()=>{let f=n().trim();return f||null},setValue:f=>{if(f instanceof Date){r(m(f));return}r(`${f??""}`)},hasError:()=>!!o(),validate:async()=>{let f=[...e.rules??[]];e.required&&f.unshift(J.rules.required);let v=await x.getValue();for(let F of f){let A=await F(v);if(A){s(A);return}}if(v&&!b(v)){s("Ung\xFCltiges Datum");return}s(null)}};if(e.name&&t){let f=e.name;X(()=>t.setField(f,x)),R(()=>t.delField(f))}let y=Q(),k=f=>{let v=b(n());return v?v.getFullYear()===c().getFullYear()&&v.getMonth()===c().getMonth()&&v.getDate()===f:!1},E=f=>{let v=new Date;return v.getFullYear()===c().getFullYear()&&v.getMonth()===c().getMonth()&&v.getDate()===f},L=()=>{let f=c(),v=f.getFullYear(),F=f.getMonth(),A=new Date(v,F,1),w=new Date(v,F+1,0).getDate(),M=(A.getDay()+6)%7,_=[];for(let P=0;P<M;P+=1)_.push(null);for(let P=1;P<=w;P+=1)_.push(P);for(;_.length%7!==0;)_.push(null);return _},g=()=>c().toLocaleDateString("de-DE",{month:"long",year:"numeric"}),p=f=>{let v=new Date(c().getFullYear(),c().getMonth(),f);r(m(v)),i(!1)};return X(()=>{let f=F=>{if(!l())return;let A=F.target;u&&A&&!u.contains(A)&&i(!1)},v=F=>{F.key==="Escape"&&i(!1)};document.addEventListener("mousedown",f),window.addEventListener("keydown",v),R(()=>{document.removeEventListener("mousedown",f),window.removeEventListener("keydown",v)})}),<div class="ss_form_date"ref={f=>u=f}>
+    <label for={e.id||y}>{e.label}</label>
 
     <div class="ss__wrapper">
-      <input id={e.id||M}value={l()}oninput={n=>i(n.target.value)}onfocus={()=>c(!0)}disabled={e.disabled||t?.loading()}readonly={!e.editable}type="text"inputmode="numeric"autocomplete="off"placeholder="TT.MM.JJJJ"/>
-      <button type="button"class="ss_form_date__icon"aria-label="Kalender öffnen"aria-haspopup="dialog"aria-expanded={h()}onclick={()=>c(n=>!n)}disabled={e.disabled||t?.loading()}>
+      <input id={e.id||y}value={n()}oninput={f=>r(f.target.value)}onfocus={()=>i(!0)}disabled={e.disabled||t?.loading()}readonly={!e.editable}type="text"inputmode="numeric"autocomplete="off"placeholder="TT.MM.JJJJ"/>
+      <button type="button"class="ss_form_date__icon"aria-label="Kalender öffnen"aria-haspopup="dialog"aria-expanded={l()}onclick={()=>i(f=>!f)}disabled={e.disabled||t?.loading()}>
         <svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="currentColor"class="icon icon-tabler icons-tabler-filled icon-tabler-calendar-week"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M16 2c.183 0 .355 .05 .502 .135l.033 .02c.28 .177 .465 .49 .465 .845v1h1a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h1v-1a1 1 0 0 1 .514 -.874l.093 -.046l.066 -.025l.1 -.029l.107 -.019l.12 -.007q .083 0 .161 .013l.122 .029l.04 .012l.06 .023c.328 .135 .568 .44 .61 .806l.007 .117v1h6v-1a1 1 0 0 1 1 -1m3 7h-14v9.625c0 .705 .386 1.286 .883 1.366l.117 .009h12c.513 0 .936 -.53 .993 -1.215l.007 -.16z"/><path d="M9.015 13a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1"/><path d="M13.015 13a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1"/><path d="M17.02 13a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1"/><path d="M12.02 15a1 1 0 0 1 0 2a1.001 1.001 0 1 1 -.005 -2z"/><path d="M9.015 16a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1"/></svg>
       </button>
     </div>
 
-    {h()&&<div class="ss_form_date__picker"role="dialog"aria-label="Datum auswählen">
+    {l()&&<div class="ss_form_date__picker"role="dialog"aria-label="Datum auswählen">
         <div class="ss_form_date__header">
           <div class="ss_form_date__nav_group">
-            <button type="button"class="ss_form_date__nav"onclick={()=>{let n=f();a(new Date(n.getFullYear()-1,n.getMonth(),1))}}>
+            <button type="button"class="ss_form_date__nav"onclick={()=>{let f=c();d(new Date(f.getFullYear()-1,f.getMonth(),1))}}>
               <svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-left-pipe"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M7 6v12"/><path d="M18 6l-6 6l6 6"/></svg>
             </button>
-            <button type="button"class="ss_form_date__nav"onclick={()=>{let n=f();a(new Date(n.getFullYear(),n.getMonth()-1,1))}}>
+            <button type="button"class="ss_form_date__nav"onclick={()=>{let f=c();d(new Date(f.getFullYear(),f.getMonth()-1,1))}}>
               <svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-left"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M15 6l-6 6l6 6"/></svg>
             </button>
           </div>
-          <div class="ss_form_date__title">{u()}</div>
+          <div class="ss_form_date__title">{g()}</div>
           <div class="ss_form_date__nav_group">
-            <button type="button"class="ss_form_date__nav"onclick={()=>{let n=f();a(new Date(n.getFullYear(),n.getMonth()+1,1))}}>
+            <button type="button"class="ss_form_date__nav"onclick={()=>{let f=c();d(new Date(f.getFullYear(),f.getMonth()+1,1))}}>
               <svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M9 6l6 6l-6 6"/></svg>
             </button>
-            <button type="button"class="ss_form_date__nav"onclick={()=>{let n=f();a(new Date(n.getFullYear()+1,n.getMonth(),1))}}>
+            <button type="button"class="ss_form_date__nav"onclick={()=>{let f=c();d(new Date(f.getFullYear()+1,f.getMonth(),1))}}>
               <svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right-pipe"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M6 6l6 6l-6 6"/><path d="M17 5v13"/></svg>
             </button>
           </div>
         </div>
         <div class="ss_form_date__weekdays">
-          {["Mo","Di","Mi","Do","Fr","Sa","So"].map(n=><span>{n}</span>)}
+          {["Mo","Di","Mi","Do","Fr","Sa","So"].map(f=><span>{f}</span>)}
         </div>
         <div class="ss_form_date__grid">
-          {D().map(n=>n?<button type="button"class="ss_form_date__day"classList={{"is-selected":k(n),"is-today":E(n)}}onclick={()=>b(n)}>
-                {n}
+          {L().map(f=>f?<button type="button"class="ss_form_date__day"classList={{"is-selected":k(f),"is-today":E(f)}}onclick={()=>p(f)}>
+                {f}
               </button>:<span class="ss_form_date__day is-empty"/>)}
         </div>
       </div>}
 
-    {!!r()&&<span role="alert">{r()}</span>}
-  </div>};C.Checkbox=function(e){let t=H(O),[l,i]=T(!1),[r,o]=T(null),h={getValue:()=>l(),setValue:f=>i(!!f),hasError:()=>!!r(),validate:async()=>{let f=[...e.rules??[]];e.required&&f.unshift(C.rules.required);let a=await h.getValue();for(let d of f){let s=await d(a);if(s){o(s);return}}o(null)}};if(e.name&&t){let f=e.name;J(()=>t.setField(f,h)),I(()=>t.delField(f))}let c=X();return<div class="ss_form_checkbox">
+    {!!o()&&<span role="alert">{o()}</span>}
+  </div>};J.Checkbox=function(e){let t=B(_e),[n,r]=S(!1),[o,s]=S(null),l={getValue:()=>n(),setValue:c=>r(!!c),hasError:()=>!!o(),validate:async()=>{let c=[...e.rules??[]];e.required&&c.unshift(J.rules.required);let d=await l.getValue();for(let u of c){let a=await u(d);if(a){s(a);return}}s(null)}};if(e.name&&t){let c=e.name;X(()=>t.setField(c,l)),R(()=>t.delField(c))}let i=Q();return<div class="ss_form_checkbox">
     <div class="ss__wrapper">
-      <input id={e.id||c}type="checkbox"checked={l()}onchange={f=>i(f.target.checked)}disabled={e.disabled||t?.loading()}/>
-      <label for={e.id||c}>{e.label}</label>
+      <input id={e.id||i}type="checkbox"checked={n()}onchange={c=>r(c.target.checked)}disabled={e.disabled||t?.loading()}/>
+      <label for={e.id||i}>{e.label}</label>
     </div>
 
-    {!!r()&&<span role="alert">{r()}</span>}
-  </div>};C.useContext=function(){let e=H(O);if(!e)return null;let{setField:t,delField:l,...i}=e;return i};C.Select=function(e){let t=H(O),[l,i]=T([]),[r,o]=T(null),[h,c]=T(null),f=s=>{let v=s.map(_=>({id:_.id,label:e.buildOption(_)}));if(i(v),!s.length){o(null);return}r()&&v.some(_=>_.id===r())||o(v[0].id)};B(()=>{let s=e.getOptions();"then"in s&&typeof s.then=="function"||s instanceof Promise?s.then(f):f(s)});let a={getValue:()=>{let s=r();return l().some(_=>_.id===s)?s:null},setValue:s=>{let v=l();if(!v.length){o(null);return}let _=v[0].id;if(typeof s!="string"){o(_);return}let y=s.trim();if(!v.some(M=>M.id===y)){o(_);return}o(y)},hasError:()=>!!h(),validate:async()=>{let s=l(),v=await a.getValue();if(!v){c("Pflichtfeld");return}if(!s.some(_=>_.id===v)){c("Option nicht verf\xFCgbar");return}for(let _ of e.rules??[]){let y=await _(v);if(y){c(y);return}}c(null)}};if(a.setOptions=f,e.name&&t){let s=e.name;J(()=>t.setField(s,a)),I(()=>t.delField(s))}let d=X();return<div class="ss_form_select">
-    <label for={e.id||d}>{e.label}</label>
+    {!!o()&&<span role="alert">{o()}</span>}
+  </div>};J.useContext=function(){let e=B(_e);if(!e)return null;let{setField:t,delField:n,...r}=e;return r};J.Select=function(e){let t=B(_e),[n,r]=S([]),[o,s]=S(null),[l,i]=S(null),c=a=>{let m=a.map(b=>({id:b.id,label:e.buildOption(b)}));if(r(m),!a.length){s(null);return}o()&&m.some(b=>b.id===o())||s(m[0].id)};N(()=>{let a=e.getOptions();"then"in a&&typeof a.then=="function"||a instanceof Promise?a.then(c):c(a)});let d={getValue:()=>{let a=o();return n().some(b=>b.id===a)?a:null},setValue:a=>{let m=n();if(!m.length){s(null);return}let b=m[0].id;if(typeof a!="string"){s(b);return}let x=a.trim();if(!m.some(y=>y.id===x)){s(b);return}s(x)},hasError:()=>!!l(),validate:async()=>{let a=n(),m=await d.getValue();if(!m){i("Pflichtfeld");return}if(!a.some(b=>b.id===m)){i("Option nicht verf\xFCgbar");return}for(let b of e.rules??[]){let x=await b(m);if(x){i(x);return}}i(null)}};if(d.setOptions=c,e.name&&t){let a=e.name;X(()=>t.setField(a,d)),R(()=>t.delField(a))}let u=Q();return<div class="ss_form_select">
+    <label for={e.id||u}>{e.label}</label>
 
     <div class="ss_form_select__field">
-      <select id={e.id||d}onchange={s=>o(s.target.value)}disabled={e.disabled||t?.loading()}>
-        <Y each={l()}>
-          {s=><option value={s.id}selected={r()===s.id}>{s.label}</option>}
-        </Y>
+      <select id={e.id||u}onchange={a=>s(a.target.value)}disabled={e.disabled||t?.loading()}>
+        <K each={n()}>
+          {a=><option value={a.id}selected={o()===a.id}>{a.label}</option>}
+        </K>
       </select>
       <span class="ss_form_select__icon"aria-hidden="true">
         <svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M6 9l6 6l6 -6"/></svg>
       </span>
     </div>
 
-    {!!h()&&<span role="alert">{h()}</span>}
-  </div>};C.ACSelect=function(e){let t=H(O),[l,i]=T(""),[r,o]=T([]),[h,c]=T(null),f={getValue:()=>r(),setValue:m=>o(m),hasError:()=>!!h(),validate:async()=>{let m=await f.getValue(),S=e.minSelectedItems,p=e.maxSelectedItems;if(S&&m.length<S){c(`Mindestens ${S} ${S>1?"Elemente m\xFCssen":"Element muss"} ausgew\xE4hlt werden`);return}if(p&&m.length>p){c(`Maximal ${p} ${p>1?"Elemente d\xFCrfen":"Element darf"} ausgew\xE4hlt werden`);return}for(let P of e.rules??[]){let L=await P(m);if(L){c(L);return}}c(null)}};if(e.name&&t){let m=e.name;J(()=>t.setField(m,f)),I(()=>t.delField(m))}let a=null,[d,s]=T(!e.prepare);e.prepare&&J(async()=>{e.prepare&&(a=await e.prepare(),s(!0))});let[v,_]=T([]),[y,M]=T(-1),k,E;B(()=>{if(!d())return;clearTimeout(E);let m=l().trim().toLowerCase();if(!m){_(Re(()=>r()));return}_([]),E=setTimeout(async()=>{let S=await e.getOptions({query:m,init:a});_(S)},250)}),B(()=>{l().trim().toLowerCase()||v().length!==r().length&&_(r())}),I(()=>clearTimeout(E)),B(()=>{let m=v();if(!m.length){M(-1);return}y()>=m.length&&M(m.length-1)});let D=m=>{let S=k;if(!S||m<0)return;let p=S.querySelectorAll("li")[m];if(!p)return;let P=p.offsetTop,L=P+p.offsetHeight,G=S.scrollTop,Se=G+S.clientHeight;P<G?S.scrollTop=P:L>Se&&(S.scrollTop=L-S.clientHeight)},u=m=>{let S=v();if(!S.length)return;let p=Math.max(-1,Math.min(y()+m,S.length-1));M(p),D(p)},b=X(),n=Xe(()=>new Set(r().map(({id:m})=>m))),g=(m,S=!0)=>{let p=n().has(m.id);if(e.maxSelectedItems===1){o(p?[]:[m]),i(""),S&&M(-1);return}o(p?P=>P.filter(({id:L})=>L!==m.id):P=>[...P.filter(({id:L})=>L!==m.id),m]),S&&M(-1)},x=m=>{if(v().length)if(m.key==="ArrowDown")m.preventDefault(),u(1);else if(m.key==="ArrowUp")m.preventDefault(),u(-1);else if(m.key==="Enter"&&y()>=0){m.preventDefault();let S=v()[y()];S&&g(S,!1)}else m.key==="Escape"&&M(-1)},w=()=>e.disabled||t?.loading();return<div class="ss_form_ac_select">
-    <label for={e.id||b}>{e.label}</label>
+    {!!l()&&<span role="alert">{l()}</span>}
+  </div>};J.ACSelect=function(e){let t=B(_e),[n,r]=S(""),[o,s]=S([]),[l,i]=S(null),c={getValue:()=>o(),setValue:w=>s(w),hasError:()=>!!l(),validate:async()=>{let w=await c.getValue(),M=e.minSelectedItems,_=e.maxSelectedItems;if(M&&w.length<M){i(`Mindestens ${M} ${M>1?"Elemente m\xFCssen":"Element muss"} ausgew\xE4hlt werden`);return}if(_&&w.length>_){i(`Maximal ${_} ${_>1?"Elemente d\xFCrfen":"Element darf"} ausgew\xE4hlt werden`);return}for(let P of e.rules??[]){let I=await P(w);if(I){i(I);return}}i(null)}};if(e.name&&t){let w=e.name;X(()=>t.setField(w,c)),R(()=>t.delField(w))}let d=null,[u,a]=S(!e.prepare);e.prepare&&X(async()=>{e.prepare&&(d=await e.prepare(),a(!0))});let[m,b]=S([]),[x,y]=S(-1),k,E;N(()=>{if(!u())return;clearTimeout(E);let w=n().trim().toLowerCase();if(!w){b(V(()=>o()));return}b([]),E=setTimeout(async()=>{let M=await e.getOptions({query:w,init:d});b(M)},250)}),N(()=>{n().trim().toLowerCase()||m().length!==o().length&&b(o())}),R(()=>clearTimeout(E)),N(()=>{let w=m();if(!w.length){y(-1);return}x()>=w.length&&y(w.length-1)});let L=w=>{let M=k;if(!M||w<0)return;let _=M.querySelectorAll("li")[w];if(!_)return;let P=_.offsetTop,I=P+_.offsetHeight,H=M.scrollTop,xe=H+M.clientHeight;P<H?M.scrollTop=P:I>xe&&(M.scrollTop=I-M.clientHeight)},g=w=>{let M=m();if(!M.length)return;let _=Math.max(-1,Math.min(x()+w,M.length-1));y(_),L(_)},p=Q(),f=D(()=>new Set(o().map(({id:w})=>w))),v=(w,M=!0)=>{let _=f().has(w.id);if(e.maxSelectedItems===1){s(_?[]:[w]),r(""),M&&y(-1);return}s(_?P=>P.filter(({id:I})=>I!==w.id):P=>[...P.filter(({id:I})=>I!==w.id),w]),M&&y(-1)},F=w=>{if(m().length)if(w.key==="ArrowDown")w.preventDefault(),g(1);else if(w.key==="ArrowUp")w.preventDefault(),g(-1);else if(w.key==="Enter"&&x()>=0){w.preventDefault();let M=m()[x()];M&&v(M,!1)}else w.key==="Escape"&&y(-1)},A=()=>e.disabled||t?.loading();return<div class="ss_form_ac_select">
+    <label for={e.id||p}>{e.label}</label>
 
-    {e.maxSelectedItems===1&&e.renderSelection&&r().length===1?<div class="ss__selection">
+    {e.maxSelectedItems===1&&e.renderSelection&&o().length===1?<div class="ss__selection">
         <div class="ss__content">
-          {e.renderSelection({item:r()[0],init:a})}
+          {e.renderSelection({item:o()[0],init:d})}
         </div>
-        <button type="button"class="ss__clear"disabled={w()}aria-label="Auswahl entfernen"onclick={()=>{o([]),i(""),setTimeout(()=>document.getElementById(e.id||b)?.focus(),0)}}>
+        <button type="button"class="ss__clear"disabled={A()}aria-label="Auswahl entfernen"onclick={()=>{s([]),r(""),setTimeout(()=>document.getElementById(e.id||p)?.focus(),0)}}>
           ×
         </button>
       </div>:<div class="ss__wrapper">
 
         <div class="ss__input_row">
-          {!!r().length&&<span class="ss__prefix"role="button"tabindex={w()?-1:0}aria-disabled={w()?"true":void 0}onkeydown={m=>{w()||(m.key==="Enter"||m.key===" ")&&(m.preventDefault(),o([]))}}onclick={()=>{w()||o([])}}>
-            {r().length}
+          {!!o().length&&<span class="ss__prefix"role="button"tabindex={A()?-1:0}aria-disabled={A()?"true":void 0}onkeydown={w=>{A()||(w.key==="Enter"||w.key===" ")&&(w.preventDefault(),s([]))}}onclick={()=>{A()||s([])}}>
+            {o().length}
           </span>}
 
-          <input id={e.id||b}value={l()}oninput={m=>{w()||(i(m.target.value),M(-1))}}onkeydown={x}disabled={w()}/>
+          <input id={e.id||p}value={n()}oninput={w=>{A()||(r(w.target.value),y(-1))}}onkeydown={F}disabled={A()}/>
         </div>
 
-        {!!v().length&&<ul class="ss__suggestions"ref={m=>k=m}>
-          <Y each={v()}>
-            {(m,S)=>{let p=()=>{w()||(g(m),document.getElementById(e.id||b)?.focus())};return<li onpointerdown={P=>P.preventDefault()}onclick={p}classList={{ss__selected:n().has(m.id),ss__hovered:S()===y()}}>
-                {e.renderItem({item:m,init:a})}
+        {!!m().length&&<ul class="ss__suggestions"ref={w=>k=w}>
+          <K each={m()}>
+            {(w,M)=>{let _=()=>{A()||(v(w),document.getElementById(e.id||p)?.focus())};return<li onpointerdown={P=>P.preventDefault()}onclick={_}classList={{ss__selected:f().has(w.id),ss__hovered:M()===x()}}>
+                {e.renderItem({item:w,init:d})}
               </li>}}
-          </Y>
+          </K>
         </ul>}
       </div>}
 
-    {!!h()&&<span role="alert">{h()}</span>}
-  </div>};C.SubmitButton=function(e){let t=H(O);return<F type="submit"class="ss_form_submit"disabled={e.disabled||t?.loading()}>
+    {!!l()&&<span role="alert">{l()}</span>}
+  </div>};J.SubmitButton=function(e){let t=B(_e);return<Y type="submit"class="ss_form_submit"disabled={e.disabled||t?.loading()}>
     {e.children}
-  </F>};C.rules={required:e=>e?null:"Pflichtfeld",minLength:e=>t=>{if(t===null&&(t=""),typeof t!="string")throw new Error(`invalid rule minLength(..) for non-string value ${t}`);return t.length<e?`Mindestens ${e} Zeichen`:null},maxLength:e=>t=>{if(t===null&&(t=""),typeof t!="string")throw new Error(`invalid rule maxLength(..) for non-string value ${t}`);return t.length<e?`Maximal ${e} Zeichen`:null},pattern:e=>t=>{if(t===null&&(t=""),typeof t!="string")throw new Error(`invalid rule pattern(..) for non-string value ${t}`);return e.test(t)?null:"Eingabe widerspricht erwartetem Muster"}};function Ve(e){return<div class={`ss_header ${e.class??""}`}style={e.style}>
+  </Y>};J.rules={required:e=>e?null:"Pflichtfeld",minLength:e=>t=>{if(t===null&&(t=""),typeof t!="string")throw new Error(`invalid rule minLength(..) for non-string value ${t}`);return t.length<e?`Mindestens ${e} Zeichen`:null},maxLength:e=>t=>{if(t===null&&(t=""),typeof t!="string")throw new Error(`invalid rule maxLength(..) for non-string value ${t}`);return t.length<e?`Maximal ${e} Zeichen`:null},pattern:e=>t=>{if(t===null&&(t=""),typeof t!="string")throw new Error(`invalid rule pattern(..) for non-string value ${t}`);return e.test(t)?null:"Eingabe widerspricht erwartetem Muster"}};function En(e){return<div class={`ss_header ${e.class??""}`}style={e.style}>
       <div class="ss_header__text">
         <h3 class="ss_header__title">{e.title}</h3>
         {e.subtitle&&<h5 class="ss_header__subtitle">{e.subtitle}</h5>}
       </div>
       <div class="ss_header__actions">{e.actions}</div>
-    </div>}import{Show as U,createEffect as Ae,createSignal as te,createUniqueId as ze,onCleanup as W,onMount as $e}from"solid-js";import{Portal as Ne}from"solid-js/web";var Ke=180;function $(e){let[t,l]=te(e.open),[i,r]=te("closed"),o=ze(),h,c,f;Ae(()=>{h&&clearTimeout(h),c&&cancelAnimationFrame(c),e.open?(t()||l(!0),r("closed"),c=requestAnimationFrame(()=>r("open"))):(r("closed"),t()&&(h=window.setTimeout(()=>l(!1),Ke)))}),$e(()=>{if(!e.open)return;if(e.lockScroll!==!1){let s=document.body.style.overflowY;document.body.style.overflowY="hidden",W(()=>{document.body.style.overflowY=s})}c=requestAnimationFrame(()=>f?.focus());let d=s=>{s.key==="Escape"&&e.dismissible!==!1&&e.onClose?.()};window.addEventListener("keydown",d),W(()=>window.removeEventListener("keydown",d))}),W(()=>{h&&clearTimeout(h),c&&cancelAnimationFrame(c)});let a=()=>{e.dismissible!==!1&&e.onClose?.()};return<U when={t()}>
-      <Ne>
-        <div class="ss_modal"data-state={i()}aria-hidden={i()==="closed"}>
-          <div class="ss_modal__backdrop"onclick={a}/>
-          <div class="ss_modal__panel"classList={{"ss_modal__panel--sm":e.size==="sm","ss_modal__panel--lg":e.size==="lg","ss_modal__panel--fullscreen":e.fullscreen,"ss_modal__panel--no-fullscreen":e.disableResponsiveFullscreen}}ref={d=>f=d}role="dialog"aria-modal="true"aria-labelledby={e.title?o:void 0}tabindex="-1">
+    </div>}var Pn=["allowfullscreen","async","alpha","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","inert","ismap","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","seamless","selected","adauctionheaders","browsingtopics","credentialless","defaultchecked","defaultmuted","defaultselected","defer","disablepictureinpicture","disableremoteplayback","preservespitch","shadowrootclonable","shadowrootcustomelementregistry","shadowrootdelegatesfocus","shadowrootserializable","sharedstoragewritable"],Cn=new Set(["className","value","readOnly","noValidate","formNoValidate","isMap","noModule","playsInline","adAuctionHeaders","allowFullscreen","browsingTopics","defaultChecked","defaultMuted","defaultSelected","disablePictureInPicture","disableRemotePlayback","preservesPitch","shadowRootClonable","shadowRootCustomElementRegistry","shadowRootDelegatesFocus","shadowRootSerializable","sharedStorageWritable",...Pn]),Tn=new Set(["innerHTML","textContent","innerText","children"]),Mn=Object.assign(Object.create(null),{className:"class",htmlFor:"for"}),An=Object.assign(Object.create(null),{class:"className",novalidate:{$:"noValidate",FORM:1},formnovalidate:{$:"formNoValidate",BUTTON:1,INPUT:1},ismap:{$:"isMap",IMG:1},nomodule:{$:"noModule",SCRIPT:1},playsinline:{$:"playsInline",VIDEO:1},readonly:{$:"readOnly",INPUT:1,TEXTAREA:1},adauctionheaders:{$:"adAuctionHeaders",IFRAME:1},allowfullscreen:{$:"allowFullscreen",IFRAME:1},browsingtopics:{$:"browsingTopics",IMG:1},defaultchecked:{$:"defaultChecked",INPUT:1},defaultmuted:{$:"defaultMuted",AUDIO:1,VIDEO:1},defaultselected:{$:"defaultSelected",OPTION:1},disablepictureinpicture:{$:"disablePictureInPicture",VIDEO:1},disableremoteplayback:{$:"disableRemotePlayback",AUDIO:1,VIDEO:1},preservespitch:{$:"preservesPitch",AUDIO:1,VIDEO:1},shadowrootclonable:{$:"shadowRootClonable",TEMPLATE:1},shadowrootdelegatesfocus:{$:"shadowRootDelegatesFocus",TEMPLATE:1},shadowrootserializable:{$:"shadowRootSerializable",TEMPLATE:1},sharedstoragewritable:{$:"sharedStorageWritable",IFRAME:1,IMG:1}});function On(e,t){let n=An[e];return typeof n=="object"?n[t]?n.$:void 0:n}var Ln=new Set(["beforeinput","click","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"]);var Rn={xlink:"http://www.w3.org/1999/xlink",xml:"http://www.w3.org/XML/1998/namespace"};function Fn(e,t,n){let r=n.length,o=t.length,s=r,l=0,i=0,c=t[o-1].nextSibling,d=null;for(;l<o||i<s;){if(t[l]===n[i]){l++,i++;continue}for(;t[o-1]===n[s-1];)o--,s--;if(o===l){let u=s<r?i?n[i-1].nextSibling:n[s-i]:c;for(;i<s;)e.insertBefore(n[i++],u)}else if(s===i)for(;l<o;)(!d||!d.has(t[l]))&&t[l].remove(),l++;else if(t[l]===n[s-1]&&n[i]===t[o-1]){let u=t[--o].nextSibling;e.insertBefore(n[i++],t[l++].nextSibling),e.insertBefore(n[--s],u),t[o]=n[s]}else{if(!d){d=new Map;let a=i;for(;a<s;)d.set(n[a],a++)}let u=d.get(t[l]);if(u!=null)if(i<u&&u<s){let a=l,m=1,b;for(;++a<o&&a<s&&!((b=d.get(t[a]))==null||b!==u+m);)m++;if(m>u-i){let x=t[l];for(;i<u;)e.insertBefore(n[i++],x)}else e.replaceChild(n[i++],t[l++])}else l++;else t[l++].remove()}}}var At="_$DX_DELEGATE";function It(e,t,n,r){let o,s=()=>{let i=r?document.createElementNS("http://www.w3.org/1998/Math/MathML","template"):document.createElement("template");return i.innerHTML=e,n?i.content.firstChild.firstChild:r?i.firstChild:i.content.firstChild},l=t?()=>V(()=>document.importNode(o||(o=s()),!0)):()=>(o||(o=s())).cloneNode(!0);return l.cloneNode=l,l}function $t(e,t=window.document){let n=t[At]||(t[At]=new Set);for(let r=0,o=e.length;r<o;r++){let s=e[r];n.has(s)||(n.add(s),t.addEventListener(s,qn))}}function lt(e,t,n){Oe(e)||(n==null?e.removeAttribute(t):e.setAttribute(t,n))}function Dn(e,t,n,r){Oe(e)||(r==null?e.removeAttributeNS(t,n):e.setAttributeNS(t,n,r))}function In(e,t,n){Oe(e)||(n?e.setAttribute(t,""):e.removeAttribute(t))}function $n(e,t){Oe(e)||(t==null?e.removeAttribute("class"):e.className=t)}function Hn(e,t,n,r){if(r)Array.isArray(n)?(e[`$$${t}`]=n[0],e[`$$${t}Data`]=n[1]):e[`$$${t}`]=n;else if(Array.isArray(n)){let o=n[0];e.addEventListener(t,n[0]=s=>o.call(e,n[1],s))}else e.addEventListener(t,n,typeof n!="function"&&n)}function Bn(e,t,n={}){let r=Object.keys(t||{}),o=Object.keys(n),s,l;for(s=0,l=o.length;s<l;s++){let i=o[s];!i||i==="undefined"||t[i]||(Lt(e,i,!1),delete n[i])}for(s=0,l=r.length;s<l;s++){let i=r[s],c=!!t[i];!i||i==="undefined"||n[i]===c||!c||(Lt(e,i,!0),n[i]=c)}return n}function Nn(e,t,n){if(!t)return n?lt(e,"style"):t;let r=e.style;if(typeof t=="string")return r.cssText=t;typeof n=="string"&&(r.cssText=n=void 0),n||(n={}),t||(t={});let o,s;for(s in n)t[s]==null&&r.removeProperty(s),delete n[s];for(s in t)o=t[s],o!==n[s]&&(r.setProperty(s,o),n[s]=o);return n}function Ht(e,t={},n,r){let o={};return r||G(()=>o.children=Ae(e,t.children,o.children)),G(()=>typeof t.ref=="function"&&jn(t.ref,e)),G(()=>Vn(e,t,n,!0,o,!0)),o}function jn(e,t,n){return V(()=>e(t,n))}function Ot(e,t,n,r){if(n!==void 0&&!r&&(r=[]),typeof t!="function")return Ae(e,t,r,n);G(o=>Ae(e,t(),o,n),r)}function Vn(e,t,n,r,o={},s=!1){t||(t={});for(let l in o)if(!(l in t)){if(l==="children")continue;o[l]=Rt(e,l,null,o[l],n,s,t)}for(let l in t){if(l==="children"){r||Ae(e,t.children);continue}let i=t[l];o[l]=Rt(e,l,i,o[l],n,s,t)}}function Oe(e){return!!T.context&&!T.done&&(!e||e.isConnected)}function Xn(e){return e.toLowerCase().replace(/-([a-z])/g,(t,n)=>n.toUpperCase())}function Lt(e,t,n){let r=t.trim().split(/\s+/);for(let o=0,s=r.length;o<s;o++)e.classList.toggle(r[o],n)}function Rt(e,t,n,r,o,s,l){let i,c,d,u,a;if(t==="style")return Nn(e,n,r);if(t==="classList")return Bn(e,n,r);if(n===r)return r;if(t==="ref")s||n(e);else if(t.slice(0,3)==="on:"){let m=t.slice(3);r&&e.removeEventListener(m,r,typeof r!="function"&&r),n&&e.addEventListener(m,n,typeof n!="function"&&n)}else if(t.slice(0,10)==="oncapture:"){let m=t.slice(10);r&&e.removeEventListener(m,r,!0),n&&e.addEventListener(m,n,!0)}else if(t.slice(0,2)==="on"){let m=t.slice(2).toLowerCase(),b=Ln.has(m);if(!b&&r){let x=Array.isArray(r)?r[0]:r;e.removeEventListener(m,x)}(b||n)&&(Hn(e,m,n,b),b&&$t([m]))}else if(t.slice(0,5)==="attr:")lt(e,t.slice(5),n);else if(t.slice(0,5)==="bool:")In(e,t.slice(5),n);else if((a=t.slice(0,5)==="prop:")||(d=Tn.has(t))||!o&&((u=On(t,e.tagName))||(c=Cn.has(t)))||(i=e.nodeName.includes("-")||"is"in l)){if(a)t=t.slice(5),c=!0;else if(Oe(e))return n;t==="class"||t==="className"?$n(e,n):i&&!c&&!d?e[Xn(t)]=n:e[u||t]=n}else{let m=o&&t.indexOf(":")>-1&&Rn[t.split(":")[0]];m?Dn(e,m,t,n):lt(e,Mn[t]||t,n)}return n}function qn(e){if(T.registry&&T.events&&T.events.find(([c,d])=>d===e))return;let t=e.target,n=`$$${e.type}`,r=e.target,o=e.currentTarget,s=c=>Object.defineProperty(e,"target",{configurable:!0,value:c}),l=()=>{let c=t[n];if(c&&!t.disabled){let d=t[`${n}Data`];if(d!==void 0?c.call(t,d,e):c.call(t,e),e.cancelBubble)return}return t.host&&typeof t.host!="string"&&!t.host._$host&&t.contains(e.target)&&s(t.host),!0},i=()=>{for(;l()&&(t=t._$host||t.parentNode||t.host););};if(Object.defineProperty(e,"currentTarget",{configurable:!0,get(){return t||document}}),T.registry&&!T.done&&(T.done=_$HY.done=!0),e.composedPath){let c=e.composedPath();s(c[0]);for(let d=0;d<c.length-2&&(t=c[d],!!l());d++){if(t._$host){t=t._$host,i();break}if(t.parentNode===o)break}}else i();s(r)}function Ae(e,t,n,r,o){let s=Oe(e);if(s){!n&&(n=[...e.childNodes]);let c=[];for(let d=0;d<n.length;d++){let u=n[d];u.nodeType===8&&u.data.slice(0,2)==="!$"?u.remove():c.push(u)}n=c}for(;typeof n=="function";)n=n();if(t===n)return n;let l=typeof t,i=r!==void 0;if(e=i&&n[0]&&n[0].parentNode||e,l==="string"||l==="number"){if(s||l==="number"&&(t=t.toString(),t===n))return n;if(i){let c=n[0];c&&c.nodeType===3?c.data!==t&&(c.data=t):c=document.createTextNode(t),n=Me(e,n,r,c)}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t}else if(t==null||l==="boolean"){if(s)return n;n=Me(e,n,r)}else{if(l==="function")return G(()=>{let c=t();for(;typeof c=="function";)c=c();n=Ae(e,c,n,r)}),()=>n;if(Array.isArray(t)){let c=[],d=n&&Array.isArray(n);if(at(c,t,n,o))return G(()=>n=Ae(e,c,n,r,!0)),()=>n;if(s){if(!c.length)return n;if(r===void 0)return n=[...e.childNodes];let u=c[0];if(u.parentNode!==e)return n;let a=[u];for(;(u=u.nextSibling)!==r;)a.push(u);return n=a}if(c.length===0){if(n=Me(e,n,r),i)return n}else d?n.length===0?Ft(e,c,r):Fn(e,n,c):(n&&Me(e),Ft(e,c));n=c}else if(t.nodeType){if(s&&t.parentNode)return n=i?[t]:t;if(Array.isArray(n)){if(i)return n=Me(e,n,r,t);Me(e,n,null,t)}else n==null||n===""||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t}}return n}function at(e,t,n,r){let o=!1;for(let s=0,l=t.length;s<l;s++){let i=t[s],c=n&&n[e.length],d;if(!(i==null||i===!0||i===!1))if((d=typeof i)=="object"&&i.nodeType)e.push(i);else if(Array.isArray(i))o=at(e,i,c)||o;else if(d==="function")if(r){for(;typeof i=="function";)i=i();o=at(e,Array.isArray(i)?i:[i],Array.isArray(c)?c:[c])||o}else e.push(i),o=!0;else{let u=String(i);c&&c.nodeType===3&&c.data===u?e.push(c):e.push(document.createTextNode(u))}}return o}function Ft(e,t,n=null){for(let r=0,o=t.length;r<o;r++)e.insertBefore(t[r],n)}function Me(e,t,n,r){if(n===void 0)return e.textContent="";let o=r||document.createTextNode("");if(t.length){let s=!1;for(let l=t.length-1;l>=0;l--){let i=t[l];if(o!==i){let c=i.parentNode===e;!s&&!l?c?e.replaceChild(o,i):e.insertBefore(o,n):c&&i.remove()}else s=!0}}else e.insertBefore(o,n);return[o]}var Le=()=>{};var W=!1;var Jn="http://www.w3.org/2000/svg";function Un(e,t=!1,n=void 0){return t?document.createElementNS(Jn,e):document.createElement(e,{is:n})}function Bt(e){let{useShadow:t}=e,n=document.createTextNode(""),r=()=>e.mount||document.body,o=Ce(),s,l=!!T.context;return N(()=>{l&&(Ce().user=l=!1),s||(s=ze(o,()=>D(()=>e.children)));let i=r();if(i instanceof HTMLHeadElement){let[c,d]=S(!1),u=()=>d(!0);Ee(a=>Ot(i,()=>c()?a():s(),null)),R(u)}else{let c=Un(e.isSVG?"g":"div",e.isSVG),d=t&&c.attachShadow?c.attachShadow({mode:"open"}):c;Object.defineProperty(c,"_$host",{get(){return n.parentNode},configurable:!0}),Ot(d,s),i.appendChild(c),e.ref&&e.ref(c),R(()=>i.removeChild(c))}},void 0,{render:!l}),n}var zn=180;function Ge(e){let[t,n]=S(e.open),[r,o]=S("closed"),s=Q(),l,i,c;N(()=>{l&&clearTimeout(l),i&&cancelAnimationFrame(i),e.open?(t()||n(!0),o("closed"),i=requestAnimationFrame(()=>o("open"))):(o("closed"),t()&&(l=window.setTimeout(()=>n(!1),zn)))}),X(()=>{if(!e.open)return;if(e.lockScroll!==!1){let a=document.body.style.overflowY;document.body.style.overflowY="hidden",R(()=>{document.body.style.overflowY=a})}i=requestAnimationFrame(()=>c?.focus());let u=a=>{a.key==="Escape"&&e.dismissible!==!1&&e.onClose?.()};window.addEventListener("keydown",u),R(()=>window.removeEventListener("keydown",u))}),R(()=>{l&&clearTimeout(l),i&&cancelAnimationFrame(i)});let d=()=>{e.dismissible!==!1&&e.onClose?.()};return<Se when={t()}>
+      <Bt>
+        <div class="ss_modal"data-state={r()}aria-hidden={r()==="closed"}>
+          <div class="ss_modal__backdrop"onclick={d}/>
+          <div class="ss_modal__panel"classList={{"ss_modal__panel--sm":e.size==="sm","ss_modal__panel--lg":e.size==="lg","ss_modal__panel--fullscreen":e.fullscreen,"ss_modal__panel--no-fullscreen":e.disableResponsiveFullscreen}}ref={u=>c=u}role="dialog"aria-modal="true"aria-labelledby={e.title?s:void 0}tabindex="-1">
             {(e.title||e.onClose)&&<div class="ss_modal__header">
-                {e.title&&<h2 id={o}class="ss_modal__title">
+                {e.title&&<h2 id={s}class="ss_modal__title">
                     {e.title}
                   </h2>}
-                <U when={e.onClose}>
-                  <F type="button"class="ss_modal__close"isIconOnly ariaLabel="Dialog schließen"onclick={()=>{e.dismissible!==!1&&e.onClose?.()}}>
+                <Se when={e.onClose}>
+                  <Y type="button"class="ss_modal__close"isIconOnly ariaLabel="Dialog schließen"onclick={()=>{e.dismissible!==!1&&e.onClose?.()}}>
                     <svg xmlns="http://www.w3.org/2000/svg"width="24"height="24"viewBox="0 0 24 24"fill="none"stroke="currentColor"stroke-width="2"stroke-linecap="round"stroke-linejoin="round"class="icon icon-tabler icons-tabler-outline icon-tabler-x"><path stroke="none"d="M0 0h24v24H0z"fill="none"/><path d="M18 6l-12 12"/><path d="M6 6l12 12"/></svg>
-                  </F>
-                </U>
+                  </Y>
+                </Se>
               </div>}
 
             <div class="ss_modal__body">
               <div class="ss_modal__body_inner">{e.children}</div>
             </div>
 
-            <U when={e.footer}>
+            <Se when={e.footer}>
               <div class="ss_modal__footer">{e.footer}</div>
-            </U>
+            </Se>
           </div>
         </div>
-      </Ne>
-    </U>}import{createContext as Ye,createSignal as ne,For as Ue,onCleanup as We,useContext as Ze}from"solid-js";import{useLocation as oe,useNavigate as se}from"@solidjs/router";var ie=Ye(),Ge=0,Qe=()=>`ss-modal-${Ge++}`;function et(){let e=Ze(ie);if(!e)throw new Error("useSSModals must be used within SSModalsProvider");return e}function _t(e){let t=se(),l=oe(),[i,r]=A(),o=()=>e.config.modalProps?.({hide:e.hide})??{},{primaryButtonText:h,secondaryButtonText:c,hideSecondaryButton:f,danger:a,...d}=o();return<$ open={e.visible()}onClose={e.hide}{...d}footer={<>
-          {!f&&<F class="secondary"onclick={e.hide}>
-              {c??"Abbrechen"}
-            </F>}
-          <F class={a?"danger":void 0}onclick={()=>r(()=>e.config.onPrimaryAction?.({hide:e.hide,navigate:t,pathname:l.pathname})??e.hide())}disabled={i()}>
-            {h??"Weiter"}
-          </F>
+      </Bt>
+    </Se>}var Kn;function Wn(){(!window.history.state||window.history.state._depth==null)&&window.history.replaceState({...window.history.state,_depth:window.history.length-1},""),Kn=window.history.state._depth}W||Wn();var Yn=/^\/+|(\/)\/+$/g;function Nt(e,t=!1){let n=e.replace(Yn,"$1");return n?t||/^[?#]/.test(n)?n:"/"+n:""}function Gn(e,t){if(e==null)throw new Error(t);return e}var Qn=Z(),Zn=Z(),Qe=()=>Gn(B(Qn),"<A> and 'use' router primitives can be only used inside a Route."),er=()=>B(Zn)||Qe().base,tr=e=>{let t=er();return D(()=>t.resolvePath(e()))},nr=e=>{let t=Qe();return D(()=>{let n=e();return n!==void 0?t.renderPath(n):n})},Ze=()=>Qe().navigatorFactory(),Re=()=>Qe().location;var rr;function sr(){return rr}var or=!1;function ir(){return or}var lr="Location",ar=5e3,cr=18e4,ct=new Map;W||setInterval(()=>{let e=Date.now();for(let[t,n]of ct.entries())!n[4].count&&e-n[0]>cr&&ct.delete(t)},3e5);function Be(){if(!W)return ct;let e=Le();if(!e)throw new Error("Cannot find cache context");return(e.router||(e.router={})).cache||(e.router.cache=new Map)}function et(e,t){e.GET&&(e=e.GET);let n=(...r)=>{let o=Be(),s=sr(),l=ir(),c=Ce()?Ze():void 0,d=Date.now(),u=t+jt(r),a=o.get(u),m;if(W){let y=Le();if(y){let k=(y.router||(y.router={})).dataOnly;if(k){let E=y&&(y.router.data||(y.router.data={}));if(E&&u in E)return E[u];if(Array.isArray(k)&&!ur(u,k))return E[u]=void 0,Promise.resolve()}}}if(_t()&&!W&&(m=!0,R(()=>a[4].count--)),a&&a[0]&&(W||s==="native"||a[4].count||Date.now()-a[0]<ar)){m&&(a[4].count++,a[4][0]()),a[3]==="preload"&&s!=="preload"&&(a[0]=d);let y=a[1];return s!=="preload"&&(y="then"in a[1]?a[1].then(x(!1),x(!0)):x(!1)(a[1]),!W&&s==="navigate"&&$e(()=>a[4][1](a[0]))),l&&"then"in y&&y.catch(()=>{}),y}let b;if(!W&&T.has&&T.has(u)?(b=T.load(u),delete globalThis._$HY.r[u]):b=e(...r),a?(a[0]=d,a[1]=b,a[3]=s,!W&&s==="navigate"&&$e(()=>a[4][1](a[0]))):(o.set(u,a=[d,b,,s,S(d)]),a[4].count=0),m&&(a[4].count++,a[4][0]()),W){let y=Le();if(y&&y.router.dataOnly)return y.router.data[u]=b}if(s!=="preload"&&(b="then"in b?b.then(x(!1),x(!0)):x(!1)(b)),l&&"then"in b&&b.catch(()=>{}),W&&T.context&&T.context.async&&!T.context.noHydrate){let y=Le();(!y||!y.serverOnly)&&T.context.serialize(u,b)}return b;function x(y){return async k=>{if(k instanceof Response){let E=Le();if(E)for(let[g,p]of k.headers)g=="set-cookie"?E.response.headers.append("set-cookie",p):E.response.headers.set(g,p);let L=k.headers.get(lr);if(L!==null){c&&L.startsWith("/")?$e(()=>{c(L,{replace:!0})}):W?E&&(E.response.status=302):window.location.href=L;return}k.customBody&&(k=await k.customBody())}if(y)throw k;return a[2]=k,k}}};return n.keyFor=(...r)=>t+jt(r),n.key=t,n}et.get=e=>Be().get(e)[2];et.set=(e,t)=>{let n=Be(),r=Date.now(),o=n.get(e);o?(o[0]=r,o[1]=Promise.resolve(t),o[2]=t,o[3]="preload"):(n.set(e,o=[r,Promise.resolve(t),t,"preload",S(r)]),o[4].count=0)};et.delete=e=>Be().delete(e);et.clear=()=>Be().clear();function ur(e,t){for(let n of t)if(n&&e.startsWith(n))return!0;return!1}function jt(e){return JSON.stringify(e,(t,n)=>dr(n)?Object.keys(n).sort().reduce((r,o)=>(r[o]=n[o],r),{}):n)}function dr(e){let t;return e!=null&&typeof e=="object"&&(!(t=Object.getPrototypeOf(e))||t===Object.prototype)}var fr=It("<a>");function Vt(e){e=He({inactiveClass:"inactive",activeClass:"active"},e);let[,t]=it(e,["href","state","class","activeClass","inactiveClass","end"]),n=tr(()=>e.href),r=nr(n),o=Re(),s=D(()=>{let l=n();if(l===void 0)return[!1,!1];let i=Nt(l.split(/[?#]/,1)[0]).toLowerCase(),c=decodeURI(Nt(o.pathname).toLowerCase());return[e.end?i===c:c.startsWith(i+"/")||c===i,i===c]});return(()=>{var l=fr();return Ht(l,He(t,{get href(){return r()||e.href},get state(){return JSON.stringify(e.state)},get classList(){return{...e.class&&{[e.class]:!0},[e.inactiveClass]:!s()[0],[e.activeClass]:s()[0],...t.classList}},link:"",get"aria-current"(){return s()[1]?"page":void 0}}),!1,!1),l})()}var Xt=Z(),hr=0,mr=()=>`ss-modal-${hr++}`;function gr(){let e=B(Xt);if(!e)throw new Error("useSSModals must be used within SSModalsProvider");return e}function Sr(e){let t=Ze(),n=Re(),[r,o]=Ye(),s=()=>e.config.modalProps?.({hide:e.hide})??{},{primaryButtonText:l,secondaryButtonText:i,hideSecondaryButton:c,danger:d,...u}=s();return<Ge open={e.visible()}onClose={e.hide}{...u}footer={<>
+          {!c&&<Y class="secondary"onclick={e.hide}>
+              {i??"Abbrechen"}
+            </Y>}
+          <Y class={d?"danger":void 0}onclick={()=>o(()=>e.config.onPrimaryAction?.({hide:e.hide,navigate:t,pathname:n.pathname})??e.hide())}disabled={r()}>
+            {l??"Weiter"}
+          </Y>
         </>}>
       {e.config.content({hide:e.hide})}
-    </$>}function St(e){let t=se(),l=oe();return<C onsubmit={i=>e.config.onSubmit({hide:e.hide,context:i,navigate:t,pathname:l.pathname})}>
-      <Mt visible={e.visible}hide={e.hide}config={e.config}/>
-    </C>}function Mt(e){let t=C.useContext();if(!t)return null;let l=()=>e.config.modalProps?.({hide:e.hide,context:t})??{},{primaryButtonText:i,secondaryButtonText:r,hideSecondaryButton:o,danger:h,...c}=l();return<$ open={e.visible()}onClose={e.hide}{...c}footer={<>
-          {!o&&<F class="secondary"onclick={e.hide}disabled={t.loading()}>
-              {r??"Abbrechen"}
-            </F>}
-          <F class={h?"danger":void 0}onclick={()=>t.submit()}disabled={t.loading()}>
-            {i??"Speichern"}
-          </F>
+    </Ge>}function _r(e){let t=Ze(),n=Re();return<J onsubmit={r=>e.config.onSubmit({hide:e.hide,context:r,navigate:t,pathname:n.pathname})}>
+      <Er visible={e.visible}hide={e.hide}config={e.config}/>
+    </J>}function Er(e){let t=J.useContext();if(!t)return null;let n=()=>e.config.modalProps?.({hide:e.hide,context:t})??{},{primaryButtonText:r,secondaryButtonText:o,hideSecondaryButton:s,danger:l,...i}=n();return<Ge open={e.visible()}onClose={e.hide}{...i}footer={<>
+          {!s&&<Y class="secondary"onclick={e.hide}disabled={t.loading()}>
+              {o??"Abbrechen"}
+            </Y>}
+          <Y class={l?"danger":void 0}onclick={()=>t.submit()}disabled={t.loading()}>
+            {r??"Speichern"}
+          </Y>
         </>}>
       {e.config.content({hide:e.hide,context:t})}
-    </$>}function Et(e){let[t,l]=ne([]),i=new Map,r=new Map,o=220,h=d=>{let s=i.get(d);if(!s)return;s.setVisible(!1);let v=r.get(d);v&&window.clearTimeout(v);let _=window.setTimeout(()=>{l(y=>y.filter(M=>M.id!==d)),i.delete(d),r.delete(d)},o);r.set(d,_)},c=d=>{let s=Qe(),[v,_]=ne(!0),y={id:s,visible:v,setVisible:_,render:d};return i.set(s,y),l(M=>[...M,y]),s},f=d=>c(({hide:s,visible:v})=><_t visible={v}hide={s}config={d}/>),a=d=>c(({hide:s,visible:v})=><St visible={v}hide={s}config={d}/>);return We(()=>{r.forEach(d=>window.clearTimeout(d)),r.clear()}),<ie.Provider value={{show:c,showDefault:f,showForm:a,hide:h}}>
+    </Ge>}function Pr(e){let[t,n]=S([]),r=new Map,o=new Map,s=220,l=u=>{let a=r.get(u);if(!a)return;a.setVisible(!1);let m=o.get(u);m&&window.clearTimeout(m);let b=window.setTimeout(()=>{n(x=>x.filter(y=>y.id!==u)),r.delete(u),o.delete(u)},s);o.set(u,b)},i=u=>{let a=mr(),[m,b]=S(!0),x={id:a,visible:m,setVisible:b,render:u};return r.set(a,x),n(y=>[...y,x]),a},c=u=>i(({hide:a,visible:m})=><Sr visible={m}hide={a}config={u}/>),d=u=>i(({hide:a,visible:m})=><_r visible={m}hide={a}config={u}/>);return R(()=>{o.forEach(u=>window.clearTimeout(u)),o.clear()}),<Xt.Provider value={{show:i,showDefault:c,showForm:d,hide:l}}>
       {e.children}
 
-      <Ue each={t()}>
-        {d=>{let s=()=>h(d.id);return d.render({id:d.id,hide:s,visible:d.visible})}}
-      </Ue>
-    </ie.Provider>}import{createContext as Tt,createMemo as Pt,createSignal as Ct,createUniqueId as Dt,onCleanup as Ft,onMount as Lt,useContext as le}from"solid-js";import{useLocation as It}from"@solidjs/router";var Z=Tt();function R(e){let t=Dt(),l=It(),[i,r]=Ct([]),o=()=>{let a=document.getElementById(t);a&&(a.checked=!1)},h=a=>{r(d=>d.includes(a)?d:[...d,a])},c=a=>{r(d=>d.filter(s=>s!==a))},f=Pt(()=>{let a=l.pathname,d=null;for(let s of i())a.startsWith(s)&&(!d||s.length>d.length)&&(d=s);return d});return<Z.Provider value={{closeDrawer:o,activeHref:f,registerHref:h,unregisterHref:c}}>
+      <K each={t()}>
+        {u=>{let a=()=>l(u.id);return u.render({id:u.id,hide:a,visible:u.visible})}}
+      </K>
+    </Xt.Provider>}var ut=Z();function Ne(e){let t=Q(),n=Re(),[r,o]=S([]),s=()=>{let d=document.getElementById(t);d&&(d.checked=!1)},l=d=>{o(u=>u.includes(d)?u:[...u,d])},i=d=>{o(u=>u.filter(a=>a!==d))},c=D(()=>{let d=n.pathname,u=null;for(let a of r())d.startsWith(a)&&(!u||a.length>u.length)&&(u=a);return u});return<ut.Provider value={{closeDrawer:s,activeHref:c,registerHref:l,unregisterHref:i}}>
       <div class={`ss_shell ${e.class??""}`}style={e.style}>
         <input id={t}type="checkbox"class="ss_shell__drawer_toggle_input"/>
 
@@ -291,13 +291,13 @@ function F(e){let t=()=>["ss_button",e.isIconOnly?"ss_button--icon":"",e.class??
           <label for={t}class="ss_shell__scrim"aria-label="Navigation schließen"/>
         </div>
       </div>
-    </Z.Provider>}R.Nav=function(e){return<div class="ss_shell__nav_list">{e.children}</div>};R.NavLink=function(e){let t=le(Z);Lt(()=>t?.registerHref(e.href)),Ft(()=>t?.unregisterHref(e.href));let l=()=>t?.activeHref()===e.href;return<a class="ss_shell__nav_item"classList={{"ss_shell__nav_item--active":l()}}href={e.href}onclick={()=>{e.onclick?.(),t?.closeDrawer()}}>
+    </ut.Provider>}Ne.Nav=function(e){return<div class="ss_shell__nav_list">{e.children}</div>};Ne.NavLink=function(e){let t=B(ut);X(()=>t?.registerHref(e.href)),R(()=>t?.unregisterHref(e.href));let n=()=>t?.activeHref()===e.href;return<a class="ss_shell__nav_item"classList={{"ss_shell__nav_item--active":n()}}href={e.href}onclick={()=>{e.onclick?.(),t?.closeDrawer()}}>
       {e.icon&&<span class="ss_shell__nav_icon">{e.icon}</span>}
       <span class="ss_shell__nav_label">{e.children}</span>
-    </a>};R.NavAction=function(e){let t=le(Z);return<button type="button"class="ss_shell__nav_item"onclick={()=>{e.onclick(),t?.closeDrawer()}}>
+    </a>};Ne.NavAction=function(e){let t=B(ut);return<button type="button"class="ss_shell__nav_item"onclick={()=>{e.onclick(),t?.closeDrawer()}}>
       {e.icon&&<span class="ss_shell__nav_icon">{e.icon}</span>}
       <span class="ss_shell__nav_label">{e.children}</span>
-    </button>};R.NavGroup=function(e){return<details class="ss_shell__nav_group"open={e.initiallyExpanded}>
+    </button>};Ne.NavGroup=function(e){return<details class="ss_shell__nav_group"open={e.initiallyExpanded}>
       <summary class="ss_shell__nav_group_header">
         {e.icon&&<span class="ss_shell__nav_icon">{e.icon}</span>}
         <span class="ss_shell__nav_label">{e.title}</span>
@@ -306,16 +306,16 @@ function F(e){let t=()=>["ss_button",e.isIconOnly?"ss_button--icon":"",e.class??
         </span>
       </summary>
       <div class="ss_shell__nav_group_items">{e.children}</div>
-    </details>};function Jt(e){return<div class={`ss_surface ${e.class??""}`}style={e.style}>
+    </details>};function Cr(e){return<div class={`ss_surface ${e.class??""}`}style={e.style}>
       {e.children}
-    </div>}import{A as Ot}from"@solidjs/router";function _e(e){return<div class={`ss_tile ${e.class??""}`}style={e.style}>
+    </div>}function Jt(e){return<div class={`ss_tile ${e.class??""}`}style={e.style}>
       <div class="ss_tile__row">
         {e.icon&&<span class="ss_tile__icon">{e.icon}</span>}
         <div class="ss_tile__content">
           {e.href?<h5 class="ss_tile__title">
-              <Ot class="ss_tile__link"href={e.href}onclick={e.onLinkClick}>
+              <Vt class="ss_tile__link"href={e.href}onclick={e.onLinkClick}>
                 {e.title}
-              </Ot>
+              </Vt>
             </h5>:<h5 class="ss_tile__title">
               <span class="ss_tile__text">{e.title}</span>
             </h5>}
@@ -323,4 +323,4 @@ function F(e){let t=()=>["ss_button",e.isIconOnly?"ss_button--icon":"",e.class??
         </div>
         {e.trailing&&<div class="ss_tile__trailing">{e.trailing}</div>}
       </div>
-    </div>}function Bt(e){return function(t){let l=e(t.data);return<_e{...l}onLinkClick={t.onLinkClick??l.onLinkClick}href={t.noLink?void 0:l.href}icon={t.noIcon?void 0:l.icon}/>}}export{F as SSButton,we as SSCallout,pe as SSChip,Ee as SSDataTable,Fe as SSDropdown,Oe as SSExpandable,C as SSForm,Ve as SSHeader,$ as SSModal,Et as SSModalsProvider,R as SSShell,Jt as SSSurface,_e as SSTile,Bt as createSSTile,et as useSSModals};
+    </div>}function Tr(e){return function(t){let n=e(t.data);return<Jt{...n}onLinkClick={t.onLinkClick??n.onLinkClick}href={t.noLink?void 0:n.href}icon={t.noIcon?void 0:n.icon}/>}}export{Y as SSButton,Ut as SSCallout,zt as SSChip,_n as SSDataTable,xn as SSDropdown,kn as SSExpandable,J as SSForm,En as SSHeader,Ge as SSModal,Pr as SSModalsProvider,Ne as SSShell,Cr as SSSurface,Jt as SSTile,Tr as createSSTile,gr as useSSModals};

package/dist/index.mjs

@@ -0,0 +1,2 @@
+var D={context:void 0,registry:void 0,effects:void 0,done:false,getContextId(){return mt(this.context.count)},getNextContextId(){return mt(this.context.count++)}};function mt(e){let t=String(e),n=t.length-1;return D.context.id+(n?String.fromCharCode(96+n):"")+t}function rt(e){D.context=e;}function zt(){return {...D.context,id:D.getNextContextId(),count:0}}var Wt=(e,t)=>e===t,Ve=Symbol("solid-proxy"),yt=typeof Proxy=="function",$t=Symbol("solid-track");var qe={equals:Wt},gt=null,St=At,ie=1,Oe=2,xt={owned:null,cleanups:null,context:null,owner:null},tt={},B=null,_=null,Se=null,ye=null,j=null,Y=null,te=null,ze=0;function $e(e,t){let n=j,r=B,i=e.length===0,s=r,o=i?xt:{owned:null,cleanups:null,context:s?s.context:null,owner:s},l=i?e:()=>e(()=>X(()=>we(o)));B=o,j=null;try{return se(l,!0)}finally{j=n,B=r;}}function T(e,t){t=t?Object.assign({},qe,t):qe;let n={value:e,observers:null,observerSlots:null,comparator:t.equals||void 0},r=i=>(typeof i=="function"&&(_&&_.running&&_.sources.has(n)?i=i(n.tValue):i=i(n.value)),Mt(n,i));return [Et.bind(n),r]}function wt(e,t,n){let r=We(e,t,true,ie);Se&&_&&_.running?Y.push(r):ke(r);}function L(e,t,n){let r=We(e,t,false,ie);Se&&_&&_.running?Y.push(r):ke(r);}function ee(e,t,n){St=Jt;let r=We(e,t,false,ie),i=Ie&&J(Ie);i&&(r.suspense=i),(!n||!n.render)&&(r.user=true),te?te.push(r):ke(r);}function U(e,t,n){n=n?Object.assign({},qe,n):qe;let r=We(e,t,true,0);return r.observers=null,r.observerSlots=null,r.comparator=n.equals||void 0,Se&&_&&_.running?(r.tState=ie,Y.push(r)):ke(r),Et.bind(r)}function Yt(e){return e&&typeof e=="object"&&"then"in e}function ot(e,t,n){let r,i,s;(r=true,i=e,s={});let o=null,l=tt,c=null,f=false,u=false,a="initialValue"in s,d=typeof r=="function"&&U(r),g=new Set,[v,m]=(s.storage||T)(s.initialValue),[S,P]=T(void 0),[O,b]=T(void 0,{equals:false}),[A,w]=T(a?"ready":"unresolved");D.context&&(c=D.getNextContextId(),s.ssrLoadFrom==="initial"?l=s.initialValue:D.load&&D.has(c)&&(l=D.load(c)));function p($,E,H,R){return o===$&&(o=null,R!==void 0&&(a=true),($===l||E===l)&&s.onHydrated&&queueMicrotask(()=>s.onHydrated(R,{value:E})),l=tt,_&&$&&f?(_.promises.delete($),f=false,se(()=>{_.running=!0,M(E,H);},false)):M(E,H)),E}function M($,E){se(()=>{E===void 0&&m(()=>$),w(E!==void 0?"errored":a?"ready":"unresolved"),P(E);for(let H of g.keys())H.decrement();g.clear();},false);}function C(){let $=Ie&&J(Ie),E=v(),H=S();if(H!==void 0&&!o)throw H;return j&&!j.user&&$&&wt(()=>{O(),o&&($.resolved&&_&&f?_.promises.add(o):g.has($)||($.increment(),g.add($)));}),E}function y($=true){if($!==false&&u)return;u=false;let E=d?d():r;if(f=_&&_.running,E==null||E===false){p(o,X(v));return}_&&o&&_.promises.delete(o);let H,R=l!==tt?l:X(()=>{try{return i(E,{value:v(),refetching:$})}catch(q){H=q;}});if(H!==void 0){p(o,void 0,je(H),E);return}else if(!Yt(R))return p(o,R,void 0,E),R;return o=R,"v"in R?(R.s===1?p(o,R.v,void 0,E):p(o,void 0,je(R.v),E),R):(u=true,queueMicrotask(()=>u=false),se(()=>{w(a?"refreshing":"pending"),b();},false),R.then(q=>p(R,q,void 0,E),q=>p(R,void 0,je(q),E)))}Object.defineProperties(C,{state:{get:()=>A()},error:{get:()=>S()},loading:{get(){let $=A();return $==="pending"||$==="refreshing"}},latest:{get(){if(!a)return C();let $=S();if($&&!o)throw $;return v()}}});let k=B;return d?wt(()=>(k=B,y(false))):y(false),[C,{refetch:$=>Ke(k,()=>y($)),mutate:m}]}function X(e){if(!ye&&j===null)return e();let t=j;j=null;try{return ye?ye.untrack(e):e()}finally{j=t;}}function ne(e){ee(()=>X(e));}function V(e){return B===null||(B.cleanups===null?B.cleanups=[e]:B.cleanups.push(e)),e}function xe(){return B}function Ke(e,t){let n=B,r=j;B=e,j=null;try{return se(t,!0)}catch(i){Ye(i);}finally{B=n,j=r;}}function De(e){if(_&&_.running)return e(),_.done;let t=j,n=B;return Promise.resolve().then(()=>{j=t,B=n;let r;return (Se||Ie)&&(r=_||(_={sources:new Set,effects:[],promises:new Set,disposed:new Set,queue:new Set,running:true}),r.done||(r.done=new Promise(i=>r.resolve=i)),r.running=true),se(e,false),j=B=null,r?r.done:void 0})}var[fs,_t]=T(false);function ge(e,t){let n=Symbol("context");return {id:n,Provider:Qt(n),defaultValue:e}}function J(e){let t;return B&&B.context&&(t=B.context[e.id])!==void 0?t:e.defaultValue}function Ct(e){let t=U(e),n=U(()=>st(t()));return n.toArray=()=>{let r=n();return Array.isArray(r)?r:r!=null?[r]:[]},n}var Ie;function Et(){let e=_&&_.running;if(this.sources&&(e?this.tState:this.state))if((e?this.tState:this.state)===ie)ke(this);else {let t=Y;Y=null,se(()=>Ue(this),false),Y=t;}if(j){let t=this.observers?this.observers.length:0;j.sources?(j.sources.push(this),j.sourceSlots.push(t)):(j.sources=[this],j.sourceSlots=[t]),this.observers?(this.observers.push(j),this.observerSlots.push(j.sources.length-1)):(this.observers=[j],this.observerSlots=[j.sources.length-1]);}return e&&_.sources.has(this)?this.tValue:this.value}function Mt(e,t,n){let r=_&&_.running&&_.sources.has(e)?e.tValue:e.value;if(!e.comparator||!e.comparator(r,t)){if(_){let i=_.running;(i||!n&&_.sources.has(e))&&(_.sources.add(e),e.tValue=t),i||(e.value=t);}else e.value=t;e.observers&&e.observers.length&&se(()=>{for(let i=0;i<e.observers.length;i+=1){let s=e.observers[i],o=_&&_.running;o&&_.disposed.has(s)||((o?!s.tState:!s.state)&&(s.pure?Y.push(s):te.push(s),s.observers&&Pt(s)),o?s.tState=ie:s.state=ie);}if(Y.length>1e6)throw Y=[],new Error},false);}return t}function ke(e){if(!e.fn)return;we(e);let t=ze;vt(e,_&&_.running&&_.sources.has(e)?e.tValue:e.value,t),_&&!_.running&&_.sources.has(e)&&queueMicrotask(()=>{se(()=>{_&&(_.running=!0),j=B=e,vt(e,e.tValue,t),j=B=null;},false);});}function vt(e,t,n){let r,i=B,s=j;j=B=e;try{r=e.fn(t);}catch(o){return e.pure&&(_&&_.running?(e.tState=ie,e.tOwned&&e.tOwned.forEach(we),e.tOwned=void 0):(e.state=ie,e.owned&&e.owned.forEach(we),e.owned=null)),e.updatedAt=n+1,Ye(o)}finally{j=s,B=i;}(!e.updatedAt||e.updatedAt<=n)&&(e.updatedAt!=null&&"observers"in e?Mt(e,r,true):_&&_.running&&e.pure?(_.sources.add(e),e.tValue=r):e.value=r,e.updatedAt=n);}function We(e,t,n,r=ie,i){let s={fn:e,state:r,updatedAt:null,owned:null,sources:null,sourceSlots:null,cleanups:null,value:t,owner:B,context:B?B.context:null,pure:n};if(_&&_.running&&(s.state=0,s.tState=r),B===null||B!==xt&&(_&&_.running&&B.pure?B.tOwned?B.tOwned.push(s):B.tOwned=[s]:B.owned?B.owned.push(s):B.owned=[s]),ye&&s.fn){let[o,l]=T(void 0,{equals:false}),c=ye.factory(s.fn,l);V(()=>c.dispose());let f=()=>De(l).then(()=>u.dispose()),u=ye.factory(s.fn,f);s.fn=a=>(o(),_&&_.running?u.track(a):c.track(a));}return s}function Re(e){let t=_&&_.running;if((t?e.tState:e.state)===0)return;if((t?e.tState:e.state)===Oe)return Ue(e);if(e.suspense&&X(e.suspense.inFallback))return e.suspense.effects.push(e);let n=[e];for(;(e=e.owner)&&(!e.updatedAt||e.updatedAt<ze);){if(t&&_.disposed.has(e))return;(t?e.tState:e.state)&&n.push(e);}for(let r=n.length-1;r>=0;r--){if(e=n[r],t){let i=e,s=n[r+1];for(;(i=i.owner)&&i!==s;)if(_.disposed.has(i))return}if((t?e.tState:e.state)===ie)ke(e);else if((t?e.tState:e.state)===Oe){let i=Y;Y=null,se(()=>Ue(e,n[0]),false),Y=i;}}}function se(e,t){if(Y)return e();let n=false;t||(Y=[]),te?n=true:te=[],ze++;try{let r=e();return Gt(n),r}catch(r){n||(te=null),Y=null,Ye(r);}}function Gt(e){if(Y&&(Se&&_&&_.running?Xt(Y):At(Y),Y=null),e)return;let t;if(_){if(!_.promises.size&&!_.queue.size){let r=_.sources,i=_.disposed;te.push.apply(te,_.effects),t=_.resolve;for(let s of te)"tState"in s&&(s.state=s.tState),delete s.tState;_=null,se(()=>{for(let s of i)we(s);for(let s of r){if(s.value=s.tValue,s.owned)for(let o=0,l=s.owned.length;o<l;o++)we(s.owned[o]);s.tOwned&&(s.owned=s.tOwned),delete s.tValue,delete s.tOwned,s.tState=0;}_t(!1);},false);}else if(_.running){_.running=false,_.effects.push.apply(_.effects,te),te=null,_t(true);return}}let n=te;te=null,n.length&&se(()=>St(n),false),t&&t();}function At(e){for(let t=0;t<e.length;t++)Re(e[t]);}function Xt(e){for(let t=0;t<e.length;t++){let n=e[t],r=_.queue;r.has(n)||(r.add(n),Se(()=>{r.delete(n),se(()=>{_.running=!0,Re(n);},false),_&&(_.running=false);}));}}function Jt(e){let t,n=0;for(t=0;t<e.length;t++){let r=e[t];r.user?e[n++]=r:Re(r);}if(D.context){if(D.count){D.effects||(D.effects=[]),D.effects.push(...e.slice(0,n));return}rt();}for(D.effects&&(D.done||!D.count)&&(e=[...D.effects,...e],n+=D.effects.length,delete D.effects),t=0;t<n;t++)Re(e[t]);}function Ue(e,t){let n=_&&_.running;n?e.tState=0:e.state=0;for(let r=0;r<e.sources.length;r+=1){let i=e.sources[r];if(i.sources){let s=n?i.tState:i.state;s===ie?i!==t&&(!i.updatedAt||i.updatedAt<ze)&&Re(i):s===Oe&&Ue(i,t);}}}function Pt(e){let t=_&&_.running;for(let n=0;n<e.observers.length;n+=1){let r=e.observers[n];(t?!r.tState:!r.state)&&(t?r.tState=Oe:r.state=Oe,r.pure?Y.push(r):te.push(r),r.observers&&Pt(r));}}function we(e){let t;if(e.sources)for(;e.sources.length;){let n=e.sources.pop(),r=e.sourceSlots.pop(),i=n.observers;if(i&&i.length){let s=i.pop(),o=n.observerSlots.pop();r<i.length&&(s.sourceSlots[o]=r,i[r]=s,n.observerSlots[r]=o);}}if(e.tOwned){for(t=e.tOwned.length-1;t>=0;t--)we(e.tOwned[t]);delete e.tOwned;}if(_&&_.running&&e.pure)Lt(e,true);else if(e.owned){for(t=e.owned.length-1;t>=0;t--)we(e.owned[t]);e.owned=null;}if(e.cleanups){for(t=e.cleanups.length-1;t>=0;t--)e.cleanups[t]();e.cleanups=null;}_&&_.running?e.tState=0:e.state=0;}function Lt(e,t){if(t||(e.tState=0,_.disposed.add(e)),e.owned)for(let n=0;n<e.owned.length;n++)Lt(e.owned[n]);}function je(e){return e instanceof Error?e:new Error(typeof e=="string"?e:"Unknown error",{cause:e})}function bt(e,t,n){try{for(let r of t)r(e);}catch(r){Ye(r,n&&n.owner||null);}}function Ye(e,t=B){let n=gt&&t&&t.context&&t.context[gt],r=je(e);if(!n)throw r;te?te.push({fn(){bt(r,n,t);},state:ie}):bt(r,n,t);}function st(e){if(typeof e=="function"&&!e.length)return st(e());if(Array.isArray(e)){let t=[];for(let n=0;n<e.length;n++){let r=st(e[n]);Array.isArray(r)?t.push.apply(t,r):t.push(r);}return t}return e}function Qt(e,t){return function(r){let i;return L(()=>i=X(()=>(B.context={...B.context,[e]:r.value},Ct(()=>r.children))),void 0),i}}var Zt=Symbol("fallback");function pt(e){for(let t=0;t<e.length;t++)e[t]();}function en(e,t,n={}){let r=[],i=[],s=[],o=0,l=t.length>1?[]:null;return V(()=>pt(s)),()=>{let c=e()||[],f=c.length,u,a;return c[$t],X(()=>{let g,v,m,S,P,O,b,A,w;if(f===0)o!==0&&(pt(s),s=[],r=[],i=[],o=0,l&&(l=[])),n.fallback&&(r=[Zt],i[0]=$e(p=>(s[0]=p,n.fallback())),o=1);else if(o===0){for(i=new Array(f),a=0;a<f;a++)r[a]=c[a],i[a]=$e(d);o=f;}else {for(m=new Array(f),S=new Array(f),l&&(P=new Array(f)),O=0,b=Math.min(o,f);O<b&&r[O]===c[O];O++);for(b=o-1,A=f-1;b>=O&&A>=O&&r[b]===c[A];b--,A--)m[A]=i[b],S[A]=s[b],l&&(P[A]=l[b]);for(g=new Map,v=new Array(A+1),a=A;a>=O;a--)w=c[a],u=g.get(w),v[a]=u===void 0?-1:u,g.set(w,a);for(u=O;u<=b;u++)w=r[u],a=g.get(w),a!==void 0&&a!==-1?(m[a]=i[u],S[a]=s[u],l&&(P[a]=l[u]),a=v[a],g.set(w,a)):s[u]();for(a=O;a<f;a++)a in m?(i[a]=m[a],s[a]=S[a],l&&(l[a]=P[a],l[a](a))):i[a]=$e(d);i=i.slice(0,o=f),r=c.slice(0);}return i});function d(g){if(s[a]=g,l){let[v,m]=T(a);return l[a]=m,t(c[a],v)}return t(c[a])}}}var tn=false;function N(e,t){if(tn&&D.context){let n=D.context;rt(zt());let r=X(()=>e(t||{}));return rt(n),r}return X(()=>e(t||{}))}function Be(){return  true}var it={get(e,t,n){return t===Ve?n:e.get(t)},has(e,t){return t===Ve?true:e.has(t)},set:Be,deleteProperty:Be,getOwnPropertyDescriptor(e,t){return {configurable:true,enumerable:true,get(){return e.get(t)},set:Be,deleteProperty:Be}},ownKeys(e){return e.keys()}};function nt(e){return (e=typeof e=="function"?e():e)?e:{}}function nn(){for(let e=0,t=this.length;e<t;++e){let n=this[e]();if(n!==void 0)return n}}function ae(...e){let t=false;for(let o=0;o<e.length;o++){let l=e[o];t=t||!!l&&Ve in l,e[o]=typeof l=="function"?(t=true,U(l)):l;}if(yt&&t)return new Proxy({get(o){for(let l=e.length-1;l>=0;l--){let c=nt(e[l])[o];if(c!==void 0)return c}},has(o){for(let l=e.length-1;l>=0;l--)if(o in nt(e[l]))return  true;return  false},keys(){let o=[];for(let l=0;l<e.length;l++)o.push(...Object.keys(nt(e[l])));return [...new Set(o)]}},it);let n={},r=Object.create(null);for(let o=e.length-1;o>=0;o--){let l=e[o];if(!l)continue;let c=Object.getOwnPropertyNames(l);for(let f=c.length-1;f>=0;f--){let u=c[f];if(u==="__proto__"||u==="constructor")continue;let a=Object.getOwnPropertyDescriptor(l,u);if(!r[u])r[u]=a.get?{enumerable:true,configurable:true,get:nn.bind(n[u]=[a.get.bind(l)])}:a.value!==void 0?a:void 0;else {let d=n[u];d&&(a.get?d.push(a.get.bind(l)):a.value!==void 0&&d.push(()=>a.value));}}}let i={},s=Object.keys(r);for(let o=s.length-1;o>=0;o--){let l=s[o],c=r[l];c&&c.get?Object.defineProperty(i,l,c):i[l]=c?c.value:void 0;}return i}function lt(e,...t){let n=t.length;if(yt&&Ve in e){let i=n>1?t.flat():t[0],s=t.map(o=>new Proxy({get(l){return o.includes(l)?e[l]:void 0},has(l){return o.includes(l)&&l in e},keys(){return o.filter(l=>l in e)}},it));return s.push(new Proxy({get(o){return i.includes(o)?void 0:e[o]},has(o){return i.includes(o)?false:o in e},keys(){return Object.keys(e).filter(o=>!i.includes(o))}},it)),s}let r=[];for(let i=0;i<=n;i++)r[i]={};for(let i of Object.getOwnPropertyNames(e)){let s=n;for(let c=0;c<t.length;c++)if(t[c].includes(i)){s=c;break}let o=Object.getOwnPropertyDescriptor(e,i);!o.get&&!o.set&&o.enumerable&&o.writable&&o.configurable?r[s][i]=o.value:Object.defineProperty(r[s],i,o);}return r}var rn=0;function fe(){return D.context?D.getNextContextId():`cl-${rn++}`}var sn=e=>`Stale read from <${e}>.`;function oe(e){let t="fallback"in e&&{fallback:()=>e.fallback};return U(en(()=>e.each,e.children,t||void 0))}function _e(e){let t=e.keyed,n=U(()=>e.when,void 0,void 0),r=t?n:U(n,void 0,{equals:(i,s)=>!i==!s});return U(()=>{let i=r();if(i){let s=e.children;return typeof s=="function"&&s.length>0?X(()=>s(t?i:()=>{if(!X(r))throw sn("Show");return n()})):s}return e.fallback},void 0,void 0)}var on=["allowfullscreen","async","alpha","autofocus","autoplay","checked","controls","default","disabled","formnovalidate","hidden","indeterminate","inert","ismap","loop","multiple","muted","nomodule","novalidate","open","playsinline","readonly","required","reversed","seamless","selected","adauctionheaders","browsingtopics","credentialless","defaultchecked","defaultmuted","defaultselected","defer","disablepictureinpicture","disableremoteplayback","preservespitch","shadowrootclonable","shadowrootcustomelementregistry","shadowrootdelegatesfocus","shadowrootserializable","sharedstoragewritable"],ln=new Set(["className","value","readOnly","noValidate","formNoValidate","isMap","noModule","playsInline","adAuctionHeaders","allowFullscreen","browsingTopics","defaultChecked","defaultMuted","defaultSelected","disablePictureInPicture","disableRemotePlayback","preservesPitch","shadowRootClonable","shadowRootCustomElementRegistry","shadowRootDelegatesFocus","shadowRootSerializable","sharedStorageWritable",...on]),an=new Set(["innerHTML","textContent","innerText","children"]),cn=Object.assign(Object.create(null),{className:"class",htmlFor:"for"}),un=Object.assign(Object.create(null),{class:"className",novalidate:{$:"noValidate",FORM:1},formnovalidate:{$:"formNoValidate",BUTTON:1,INPUT:1},ismap:{$:"isMap",IMG:1},nomodule:{$:"noModule",SCRIPT:1},playsinline:{$:"playsInline",VIDEO:1},readonly:{$:"readOnly",INPUT:1,TEXTAREA:1},adauctionheaders:{$:"adAuctionHeaders",IFRAME:1},allowfullscreen:{$:"allowFullscreen",IFRAME:1},browsingtopics:{$:"browsingTopics",IMG:1},defaultchecked:{$:"defaultChecked",INPUT:1},defaultmuted:{$:"defaultMuted",AUDIO:1,VIDEO:1},defaultselected:{$:"defaultSelected",OPTION:1},disablepictureinpicture:{$:"disablePictureInPicture",VIDEO:1},disableremoteplayback:{$:"disableRemotePlayback",AUDIO:1,VIDEO:1},preservespitch:{$:"preservesPitch",AUDIO:1,VIDEO:1},shadowrootclonable:{$:"shadowRootClonable",TEMPLATE:1},shadowrootdelegatesfocus:{$:"shadowRootDelegatesFocus",TEMPLATE:1},shadowrootserializable:{$:"shadowRootSerializable",TEMPLATE:1},sharedstoragewritable:{$:"sharedStorageWritable",IFRAME:1,IMG:1}});function fn(e,t){let n=un[e];return typeof n=="object"?n[t]?n.$:void 0:n}var dn=new Set(["beforeinput","click","dblclick","contextmenu","focusin","focusout","input","keydown","keyup","mousedown","mousemove","mouseout","mouseover","mouseup","pointerdown","pointermove","pointerout","pointerover","pointerup","touchend","touchmove","touchstart"]);var F=e=>U(()=>e());function mn(e,t,n){let r=n.length,i=t.length,s=r,o=0,l=0,c=t[i-1].nextSibling,f=null;for(;o<i||l<s;){if(t[o]===n[l]){o++,l++;continue}for(;t[i-1]===n[s-1];)i--,s--;if(i===o){let u=s<r?l?n[l-1].nextSibling:n[s-l]:c;for(;l<s;)e.insertBefore(n[l++],u);}else if(s===l)for(;o<i;)(!f||!f.has(t[o]))&&t[o].remove(),o++;else if(t[o]===n[s-1]&&n[l]===t[i-1]){let u=t[--i].nextSibling;e.insertBefore(n[l++],t[o++].nextSibling),e.insertBefore(n[--s],u),t[i]=n[s];}else {if(!f){f=new Map;let a=l;for(;a<s;)f.set(n[a],a++);}let u=f.get(t[o]);if(u!=null)if(l<u&&u<s){let a=o,d=1,g;for(;++a<i&&a<s&&!((g=f.get(t[a]))==null||g!==u+d);)d++;if(d>u-l){let v=t[o];for(;l<u;)e.insertBefore(n[l++],v);}else e.replaceChild(n[l++],t[o++]);}else o++;else t[o++].remove();}}}var Tt="_$DX_DELEGATE";function x(e,t,n,r){let i,s=()=>{let l=document.createElement("template");return l.innerHTML=e,l.content.firstChild},o=()=>(i||(i=s())).cloneNode(true);return o.cloneNode=o,o}function Q(e,t=window.document){let n=t[Tt]||(t[Tt]=new Set);for(let r=0,i=e.length;r<i;r++){let s=e[r];n.has(s)||(n.add(s),t.addEventListener(s,pn));}}function I(e,t,n){Ae(e)||(n==null?e.removeAttribute(t):e.setAttribute(t,n));}function wn(e,t,n){Ae(e)||(n?e.setAttribute(t,""):e.removeAttribute(t));}function G(e,t){Ae(e)||(t==null?e.removeAttribute("class"):e.className=t);}function Me(e,t,n,r){if(r)Array.isArray(n)?(e[`$$${t}`]=n[0],e[`$$${t}Data`]=n[1]):e[`$$${t}`]=n;else if(Array.isArray(n)){let i=n[0];e.addEventListener(t,n[0]=s=>i.call(e,n[1],s));}else e.addEventListener(t,n,typeof n!="function"&&n);}function _n(e,t,n={}){let r=Object.keys(t||{}),i=Object.keys(n),s,o;for(s=0,o=i.length;s<o;s++){let l=i[s];!l||l==="undefined"||t[l]||(Ot(e,l,false),delete n[l]);}for(s=0,o=r.length;s<o;s++){let l=r[s],c=!!t[l];!l||l==="undefined"||n[l]===c||!c||(Ot(e,l,true),n[l]=c);}return n}function Z(e,t,n){if(!t)return n?I(e,"style"):t;let r=e.style;if(typeof t=="string")return r.cssText=t;typeof n=="string"&&(r.cssText=n=void 0),n||(n={}),t||(t={});let i,s;for(s in n)t[s]==null&&r.removeProperty(s),delete n[s];for(s in t)i=t[s],i!==n[s]&&(r.setProperty(s,i),n[s]=i);return n}function Dt(e,t,n){n!=null?e.style.setProperty(t,n):e.style.removeProperty(t);}function Ge(e,t={},n,r){let i={};return r||L(()=>i.children=Ee(e,t.children,i.children)),L(()=>typeof t.ref=="function"&&ue(t.ref,e)),L(()=>vn(e,t,n,true,i,true)),i}function ue(e,t,n){return X(()=>e(t,n))}function h(e,t,n,r){if(n!==void 0&&!r&&(r=[]),typeof t!="function")return Ee(e,t,r,n);L(i=>Ee(e,t(),i,n),r);}function vn(e,t,n,r,i={},s=false){t||(t={});for(let o in i)if(!(o in t)){if(o==="children")continue;i[o]=It(e,o,null,i[o],n,s,t);}for(let o in t){if(o==="children"){continue}let l=t[o];i[o]=It(e,o,l,i[o],n,s,t);}}function Ae(e){return !!D.context&&!D.done&&(!e||e.isConnected)}function bn(e){return e.toLowerCase().replace(/-([a-z])/g,(t,n)=>n.toUpperCase())}function Ot(e,t,n){let r=t.trim().split(/\s+/);for(let i=0,s=r.length;i<s;i++)e.classList.toggle(r[i],n);}function It(e,t,n,r,i,s,o){let l,c,f,u,a;if(t==="style")return Z(e,n,r);if(t==="classList")return _n(e,n,r);if(n===r)return r;if(t==="ref")s||n(e);else if(t.slice(0,3)==="on:"){let d=t.slice(3);r&&e.removeEventListener(d,r,typeof r!="function"&&r),n&&e.addEventListener(d,n,typeof n!="function"&&n);}else if(t.slice(0,10)==="oncapture:"){let d=t.slice(10);r&&e.removeEventListener(d,r,true),n&&e.addEventListener(d,n,true);}else if(t.slice(0,2)==="on"){let d=t.slice(2).toLowerCase(),g=dn.has(d);if(!g&&r){let v=Array.isArray(r)?r[0]:r;e.removeEventListener(d,v);}(g||n)&&(Me(e,d,n,g),g&&Q([d]));}else if(t.slice(0,5)==="attr:")I(e,t.slice(5),n);else if(t.slice(0,5)==="bool:")wn(e,t.slice(5),n);else if((a=t.slice(0,5)==="prop:")||(f=an.has(t))||((u=fn(t,e.tagName))||(c=ln.has(t)))||(l=e.nodeName.includes("-")||"is"in o)){if(a)t=t.slice(5),c=true;else if(Ae(e))return n;t==="class"||t==="className"?G(e,n):l&&!c&&!f?e[bn(t)]=n:e[u||t]=n;}else {I(e,cn[t]||t,n);}return n}function pn(e){if(D.registry&&D.events&&D.events.find(([c,f])=>f===e))return;let t=e.target,n=`$$${e.type}`,r=e.target,i=e.currentTarget,s=c=>Object.defineProperty(e,"target",{configurable:true,value:c}),o=()=>{let c=t[n];if(c&&!t.disabled){let f=t[`${n}Data`];if(f!==void 0?c.call(t,f,e):c.call(t,e),e.cancelBubble)return}return t.host&&typeof t.host!="string"&&!t.host._$host&&t.contains(e.target)&&s(t.host),true},l=()=>{for(;o()&&(t=t._$host||t.parentNode||t.host););};if(Object.defineProperty(e,"currentTarget",{configurable:true,get(){return t||document}}),D.registry&&!D.done&&(D.done=_$HY.done=true),e.composedPath){let c=e.composedPath();s(c[0]);for(let f=0;f<c.length-2&&(t=c[f],!!o());f++){if(t._$host){t=t._$host,l();break}if(t.parentNode===i)break}}else l();s(r);}function Ee(e,t,n,r,i){let s=Ae(e);if(s){!n&&(n=[...e.childNodes]);let c=[];for(let f=0;f<n.length;f++){let u=n[f];u.nodeType===8&&u.data.slice(0,2)==="!$"?u.remove():c.push(u);}n=c;}for(;typeof n=="function";)n=n();if(t===n)return n;let o=typeof t,l=r!==void 0;if(e=l&&n[0]&&n[0].parentNode||e,o==="string"||o==="number"){if(s||o==="number"&&(t=t.toString(),t===n))return n;if(l){let c=n[0];c&&c.nodeType===3?c.data!==t&&(c.data=t):c=document.createTextNode(t),n=Ce(e,n,r,c);}else n!==""&&typeof n=="string"?n=e.firstChild.data=t:n=e.textContent=t;}else if(t==null||o==="boolean"){if(s)return n;n=Ce(e,n,r);}else {if(o==="function")return L(()=>{let c=t();for(;typeof c=="function";)c=c();n=Ee(e,c,n,r);}),()=>n;if(Array.isArray(t)){let c=[],f=n&&Array.isArray(n);if(at(c,t,n,i))return L(()=>n=Ee(e,c,n,r,true)),()=>n;if(s){if(!c.length)return n;if(r===void 0)return n=[...e.childNodes];let u=c[0];if(u.parentNode!==e)return n;let a=[u];for(;(u=u.nextSibling)!==r;)a.push(u);return n=a}if(c.length===0){if(n=Ce(e,n,r),l)return n}else f?n.length===0?Rt(e,c,r):mn(e,n,c):(n&&Ce(e),Rt(e,c));n=c;}else if(t.nodeType){if(s&&t.parentNode)return n=l?[t]:t;if(Array.isArray(n)){if(l)return n=Ce(e,n,r,t);Ce(e,n,null,t);}else n==null||n===""||!e.firstChild?e.appendChild(t):e.replaceChild(t,e.firstChild);n=t;}}return n}function at(e,t,n,r){let i=false;for(let s=0,o=t.length;s<o;s++){let l=t[s],c=n&&n[e.length],f;if(!(l==null||l===true||l===false))if((f=typeof l)=="object"&&l.nodeType)e.push(l);else if(Array.isArray(l))i=at(e,l,c)||i;else if(f==="function")if(r){for(;typeof l=="function";)l=l();i=at(e,Array.isArray(l)?l:[l],Array.isArray(c)?c:[c])||i;}else e.push(l),i=true;else {let u=String(l);c&&c.nodeType===3&&c.data===u?e.push(c):e.push(document.createTextNode(u));}}return i}function Rt(e,t,n=null){for(let r=0,i=t.length;r<i;r++)e.insertBefore(t[r],n);}function Ce(e,t,n,r){if(n===void 0)return e.textContent="";let i=r||document.createTextNode("");if(t.length){let s=false;for(let o=t.length-1;o>=0;o--){let l=t[o];if(i!==l){let c=l.parentNode===e;!s&&!o?c?e.replaceChild(i,l):e.insertBefore(i,n):c&&l.remove();}else s=true;}}else e.insertBefore(i,n);return [i]}var le=false;var yn="http://www.w3.org/2000/svg";function $n(e,t=false,n=void 0){return t?document.createElementNS(yn,e):document.createElement(e,{is:n})}function Ft(e){let{useShadow:t}=e,n=document.createTextNode(""),r=()=>e.mount||document.body,i=xe(),s,o=!!D.context;return ee(()=>{o&&(xe().user=o=false),s||(s=Ke(i,()=>U(()=>e.children)));let l=r();if(l instanceof HTMLHeadElement){let[c,f]=T(false),u=()=>f(true);$e(a=>h(l,()=>c()?a():s(),null)),V(u);}else {let c=$n(e.isSVG?"g":"div",e.isSVG),f=t&&c.attachShadow?c.attachShadow({mode:"open"}):c;Object.defineProperty(c,"_$host",{get(){return n.parentNode},configurable:true}),h(f,s),l.appendChild(c),e.ref&&e.ref(c),V(()=>l.removeChild(c));}},void 0,{render:!o}),n}var Sn=x("<button>");function de(e){let t=()=>["ss_button",e.isIconOnly?"ss_button--icon":"",e.class??""].filter(Boolean).join(" ");return (()=>{var n=Sn();return Me(n,"click",e.onclick,true),h(n,()=>e.children),L(r=>{var i=e.type??"button",s=t(),o=e.disabled,l=e.ariaLabel,c=e.form;return i!==r.e&&I(n,"type",r.e=i),s!==r.t&&G(n,r.t=s),o!==r.a&&(n.disabled=r.a=o),l!==r.o&&I(n,"aria-label",r.o=l),c!==r.i&&I(n,"form",r.i=c),r},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),n})()}Q(["click"]);var xn=x("<div><span class=ss_callout__icon></span><div class=ss_callout__content><span>");function kn(e){let{icon:t,color:n,class:r,style:i,children:s,...o}=e;return (()=>{var l=xn(),c=l.firstChild,f=c.nextSibling,u=f.firstChild;return Ge(l,ae(o,{class:`ss_callout ss_callout--${n} ${r??""}`,style:i}),false,true),h(c,t),h(u,s),l})()}var Cn=x("<button type=button><span class=ss_chip__label>"),En=x("<div><span class=ss_chip__label>"),Mn=x('<button type=button class=ss_chip__dismiss aria-label=Entfernen><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-x"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M18 6l-12 12"></path><path d="M6 6l12 12">');function An(e){let t=`ss_chip ss_chip--${e.color??"blue"} ${e.class??""}`;return "onclick"in e&&e.onclick?(()=>{var n=Cn(),r=n.firstChild;return Me(n,"click",e.onclick,true),G(n,`${t} ss_chip--clickable`),h(r,()=>e.children),L(i=>Z(n,e.style,i)),n})():(()=>{var n=En(),r=n.firstChild;return G(n,t),h(r,()=>e.children),h(n,(()=>{var i=F(()=>!!("ondismiss"in e&&e.ondismiss));return ()=>i()&&(()=>{var s=Mn();return Me(s,"click",e.ondismiss,true),s})()})(),null),L(i=>Z(n,e.style,i)),n})()}Q(["click"]);var Pn=x("<div>"),Ln=x('<div class=ss_table__pagination><button type=button class=ss_table__page_button aria-label="Erste Seite"><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-left-pipe"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M7 6v12"></path><path d="M18 6l-6 6l6 6"></path></svg></button><button type=button class=ss_table__page_button aria-label="Vorherige Seite"><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-left"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M15 6l-6 6l6 6"></path></svg></button><span class=ss_table__page_info>Seite <!> von </span><button type=button class=ss_table__page_button aria-label="N\xE4chste Seite"><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M9 6l6 6l-6 6"></path></svg></button><button type=button class=ss_table__page_button aria-label="Letzte Seite"><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right-pipe"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M6 6l6 6l-6 6"></path><path d="M17 5v13">'),Tn=x("<div><div class=ss_table__scroll><table><thead><tr></tr></thead><tbody>"),On=x("<th>"),In=x("<button type=button class=ss_table__sort_button><span class=ss_table__sort_icon aria-hidden=true>"),Rn=x('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M6 9l6 6l6 -6">'),Dn=x('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-up"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M6 15l6 -6l6 6">'),Fn=x('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-selector"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M8 9l4 -4l4 4"></path><path d="M16 15l-4 4l-4 -4">'),Nn=x("<span class=ss_table__header_label>"),Hn=x("<tr>"),Bn=x("<td>");function jn(e){let t=U(()=>e.render(e.row)),[n]=ot(async()=>{let r=t();return r&&typeof r.then=="function"?await r:null});return (()=>{var r=Pn();return h(r,()=>{let i=t();return i&&typeof i.then=="function"?n()??"":i}),r})()}function Vn(e){let[t,n]=T(-1),[r,i]=T(null),[s,o]=T(1),l=()=>Math.max(1,e.pageSize??25),c=U(()=>{let S=t(),P=r();if(S<0||!P)return e.rows;let O=e.columns[S];if(!O?.sortKey)return e.rows;let b=e.rows.map((A,w)=>({row:A,idx:w,key:O.sortKey(A)}));return b.sort((A,w)=>A.key===w.key?A.idx-w.idx:A.key<w.key?P==="asc"?-1:1:P==="asc"?1:-1),b.map(A=>A.row)}),f=U(()=>Math.max(1,Math.ceil(c().length/l()))),u=U(()=>{let P=(Math.min(s(),f())-1)*l();return c().slice(P,P+l())});ee(()=>{s()>f()&&o(f());});let a=S=>{if(t()!==S){n(S),i("asc"),o(1);return}if(r()==="asc"){i("desc");return}if(r()==="desc"){n(-1),i(null),o(1);return}i("asc"),o(1);},d=S=>{let P=Math.min(Math.max(1,S),f());o(P);},g=()=>e.paginationPosition??"bottom",v=()=>`ss_table ${g()==="top"?"ss_table--pagination-top":""} ${e.class??""}`,m=()=>(()=>{var S=Ln(),P=S.firstChild,O=P.nextSibling,b=O.nextSibling,A=b.firstChild,w=A.nextSibling;w.nextSibling;var M=b.nextSibling,C=M.nextSibling;return P.$$click=()=>d(1),O.$$click=()=>d(s()-1),h(b,s,w),h(b,f,null),M.$$click=()=>d(s()+1),C.$$click=()=>d(f()),L(y=>{var k=s()===1,$=s()===1,E=s()===f(),H=s()===f();return k!==y.e&&(P.disabled=y.e=k),$!==y.t&&(O.disabled=y.t=$),E!==y.a&&(M.disabled=y.a=E),H!==y.o&&(C.disabled=y.o=H),y},{e:void 0,t:void 0,a:void 0,o:void 0}),S})();return (()=>{var S=Tn(),P=S.firstChild,O=P.firstChild,b=O.firstChild,A=b.firstChild,w=b.nextSibling;return h(S,(()=>{var p=F(()=>g()==="top");return ()=>p()&&m()})(),P),h(A,N(oe,{get each(){return e.columns},children:(p,M)=>{let C=!!p.sortKey,y=()=>t()===M(),k=()=>y()?r():null;return (()=>{var $=On();return h($,C?(()=>{var E=In(),H=E.firstChild;return E.$$click=()=>a(M()),h(E,()=>p.label,H),h(H,(()=>{var R=F(()=>k()==="asc");return ()=>R()?Rn():F(()=>k()==="desc")()?Dn():Fn()})()),L(R=>{var q=k()==="asc"?"ascending":k()==="desc"?"descending":"none",z=k()??"none";return q!==R.e&&I(E,"aria-sort",R.e=q),z!==R.t&&I(E,"data-sort",R.t=z),R},{e:void 0,t:void 0}),E})():(()=>{var E=Nn();return h(E,()=>p.label),E})()),$})()}})),h(w,N(oe,{get each(){return u()},children:p=>(()=>{var M=Hn();return M.$$click=()=>e.onRowClick?.(p),h(M,N(oe,{get each(){return e.columns},children:C=>(()=>{var y=Bn();return h(y,N(jn,{row:p,get render(){return C.render}})),y})()})),L(()=>I(M,"data-clickable",e.onRowClick?"true":void 0)),M})()})),h(S,(()=>{var p=F(()=>g()==="bottom");return ()=>p()&&m()})(),null),L(p=>{var M=v(),C=e.style;return M!==p.e&&G(S,p.e=M),p.t=Z(S,C,p.t),p},{e:void 0,t:void 0}),S})()}Q(["click"]);var qn=x("<div class=ss_dropdown__menu role=menu>"),Un=x('<div><button type=button class="ss_dropdown__trigger ss_button ss_button--icon"aria-haspopup=menu>'),zn=x('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-dots-vertical"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path><path d="M11 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path><path d="M11 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0">'),Kn=x("<button type=button class=ss_dropdown__item><span class=ss_dropdown__item_icon></span><span class=ss_dropdown__item_label>"),Wn=x('<span class=ss_dropdown__item_check aria-hidden=true><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-check"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M5 12l5 5l10 -10">');function Yn(e){let[t,n]=T(false),[r,i]=T(false),[s,o]=T("closed"),l,c=()=>n(false);return ee(()=>{if(t()){i(true),requestAnimationFrame(()=>o("open"));return}if(!r())return;o("closed");let f=window.setTimeout(()=>i(false),160);V(()=>window.clearTimeout(f));}),ne(()=>{let f=a=>{let d=a.target;!l||!d||l.contains(d)||c();},u=a=>{a.key==="Escape"&&c();};document.addEventListener("mousedown",f),window.addEventListener("keydown",u),V(()=>{document.removeEventListener("mousedown",f),window.removeEventListener("keydown",u);});}),(()=>{var f=Un(),u=f.firstChild;return ue(a=>l=a,f),u.$$click=()=>n(a=>!a),h(u,()=>e.icon??zn()),h(f,N(_e,{get when(){return r()},get children(){var a=qn();return h(a,N(oe,{get each(){return e.items},children:d=>(()=>{var g=Kn(),v=g.firstChild,m=v.nextSibling;return g.$$click=async()=>{c(),await d.onclick?.();},h(v,()=>d.icon),h(m,()=>d.label),h(g,(()=>{var S=F(()=>!!d.checked);return ()=>S()&&Wn()})(),null),L(S=>{var P=d.checked?"menuitemcheckbox":"menuitem",O=d.checked?"true":void 0;return P!==S.e&&I(g,"role",S.e=P),O!==S.t&&I(g,"aria-checked",S.t=O),S},{e:void 0,t:void 0}),g})()})),L(()=>I(a,"data-state",s())),a}}),null),L(a=>{var d=`ss_dropdown ${e.class??""}`,g=e.style,v=t(),m=e.ariaLabel??"Aktionen \xF6ffnen";return d!==a.e&&G(f,a.e=d),a.t=Z(f,g,a.t),v!==a.a&&I(u,"aria-expanded",a.a=v),m!==a.o&&I(u,"aria-label",a.o=m),a},{e:void 0,t:void 0,a:void 0,o:void 0}),f})()}Q(["click"]);var Gn=x("<div><div class=ss_expandable__header role=button tabindex=0><span class=ss_expandable__icon aria-hidden=true></span><span class=ss_expandable__title></span></div><div class=ss_expandable__content style=transition-duration:200ms><div class=ss_expandable__divider_wrapper><div class=ss_expandable__divider>"),Xn=x('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M6 9l6 6l6 -6">'),Jn=x('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M9 6l6 6l-6 6">'),Qn=200;function Zn(e){let[t,n]=T(e.initiallyExpanded?"auto":0),r=U(()=>t()!==0),i,s,o=()=>{s&&clearTimeout(s);let l=i?.scrollHeight??0;if(r()){n(l),s=window.setTimeout(()=>n(0),1);return}n(l),s=window.setTimeout(()=>n("auto"),Qn);};return V(()=>{s&&clearTimeout(s);}),(()=>{var l=Gn(),c=l.firstChild,f=c.firstChild,u=f.nextSibling,a=c.nextSibling,d=a.firstChild;d.firstChild;return c.$$keydown=v=>{(v.key==="Enter"||v.key===" ")&&(v.preventDefault(),o());},c.$$click=o,h(f,(()=>{var v=F(()=>!!r());return ()=>v()?Xn():Jn()})()),h(u,()=>e.title),ue(v=>i=v,a),h(d,()=>e.children,null),L(v=>{var m=`ss_expandable ${e.class??""}`,S=e.style,P=r()?"open":"closed",O=r(),b=typeof t()=="number"?`${t()}px`:t();return m!==v.e&&G(l,v.e=m),v.t=Z(l,S,v.t),P!==v.a&&I(l,"data-state",v.a=P),O!==v.o&&I(c,"aria-expanded",v.o=O),b!==v.i&&Dt(a,"height",v.i=b),v},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),l})()}Q(["click","keydown"]);function Xe(){let[e,t]=T(false);return [e,async n=>{if(!e())try{t(!0),await n();}finally{t(false);}}]}var er=x("<form class=ss_form>"),tr=x("<div class=ss_form_input><label></label><div class=ss__wrapper>"),nr=x("<textarea>"),rr=x("<input>"),Nt=x("<ul class=ss__suggestions>"),Ht=x("<li>"),Fe=x("<span role=alert>"),sr=x('<div class=ss_form_date><label></label><div class=ss__wrapper><input type=text inputmode=numeric autocomplete=off placeholder=TT.MM.JJJJ><button type=button class=ss_form_date__icon aria-label="Kalender \xF6ffnen"aria-haspopup=dialog><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=currentColor class="icon icon-tabler icons-tabler-filled icon-tabler-calendar-week"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M16 2c.183 0 .355 .05 .502 .135l.033 .02c.28 .177 .465 .49 .465 .845v1h1a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h1v-1a1 1 0 0 1 .514 -.874l.093 -.046l.066 -.025l.1 -.029l.107 -.019l.12 -.007q .083 0 .161 .013l.122 .029l.04 .012l.06 .023c.328 .135 .568 .44 .61 .806l.007 .117v1h6v-1a1 1 0 0 1 1 -1m3 7h-14v9.625c0 .705 .386 1.286 .883 1.366l.117 .009h12c.513 0 .936 -.53 .993 -1.215l.007 -.16z"></path><path d="M9.015 13a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1"></path><path d="M13.015 13a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1"></path><path d="M17.02 13a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1"></path><path d="M12.02 15a1 1 0 0 1 0 2a1.001 1.001 0 1 1 -.005 -2z"></path><path d="M9.015 16a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1">'),ir=x('<div class=ss_form_date__picker role=dialog aria-label="Datum ausw\xE4hlen"><div class=ss_form_date__header><div class=ss_form_date__nav_group><button type=button class=ss_form_date__nav><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-left-pipe"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M7 6v12"></path><path d="M18 6l-6 6l6 6"></path></svg></button><button type=button class=ss_form_date__nav><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-left"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M15 6l-6 6l6 6"></path></svg></button></div><div class=ss_form_date__title></div><div class=ss_form_date__nav_group><button type=button class=ss_form_date__nav><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M9 6l6 6l-6 6"></path></svg></button><button type=button class=ss_form_date__nav><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right-pipe"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M6 6l6 6l-6 6"></path><path d="M17 5v13"></path></svg></button></div></div><div class=ss_form_date__weekdays></div><div class=ss_form_date__grid>'),or=x("<span>"),lr=x("<button type=button class=ss_form_date__day>"),ar=x('<span class="ss_form_date__day is-empty">'),cr=x("<div class=ss_form_checkbox><div class=ss__wrapper><input type=checkbox><label>"),ur=x('<div class=ss_form_select><label></label><div class=ss_form_select__field><select></select><span class=ss_form_select__icon aria-hidden=true><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M6 9l6 6l6 -6">'),fr=x("<option>"),dr=x("<div class=ss_form_ac_select><label>"),hr=x('<div class=ss__selection><div class=ss__content></div><button type=button class=ss__clear aria-label="Auswahl entfernen">\xD7'),mr=x("<div class=ss__wrapper><div class=ss__input_row><input>"),gr=x("<span class=ss__prefix role=button>"),ve=ge(),re=function(e){let[t,n]=Xe(),r={},i={loading:t,process:s=>n(()=>s(i)),field:s=>r[s]??null,setField:(s,o)=>{r[s]=o;},delField:s=>{delete r[s];},setValues:s=>Object.entries(s).forEach(([o,l])=>r[o]?.setValue(l)),getValues:()=>Object.fromEntries(Object.entries(r).map(([s,o])=>[s,o.getValue()])),validate:()=>Promise.all(Object.values(r).map(s=>s.validate())).then(),hasError:()=>Object.values(r).some(s=>s.hasError()),submit:()=>n(async()=>{await i.validate(),!i.hasError()&&await e.onsubmit?.(i);})};return (()=>{var s=er();return s.addEventListener("submit",o=>{o.preventDefault(),i.submit();}),h(s,N(ve.Provider,{value:i,get children(){return e.children}})),s})()};re.Input=function(e){let t=J(ve),[n,r]=T(""),[i,s]=T(null),o={getValue:()=>{let b=n().trim();return b||null},setValue:b=>{if(typeof b=="number"){r(b.toLocaleString());return}r(`${b}`);},hasError:()=>!!i(),validate:async()=>{let b=[...e.rules??[]];e.required&&b.unshift(re.rules.required);let A=await o.getValue();for(let w of b){let p=await w(A);if(p){s(p);return}}s(null);}};if(e.name&&t){let b=e.name;ne(()=>t.setField(b,o)),V(()=>t.delField(b));}let l=null,[c,f]=T([]),[u,a]=T(-1),d;if(e.suggestions){let b=e.suggestions,[A,w]=T(!b.prepare);b.prepare&&ne(async()=>{b.prepare&&(l=await b.prepare(),w(true));});let p;ee(()=>{if(clearTimeout(p??void 0),!A())return;f([]);let M=n().trim().toLowerCase();M&&(p=setTimeout(async()=>{let C=await b.getItems({query:M,init:l});f(C);},250));}),V(()=>clearTimeout(p??void 0));}ee(()=>{let b=c();if(!b.length){a(-1);return}u()>=b.length&&a(b.length-1);});let g=b=>{let A=d;if(!A||b<0)return;let w=A.querySelectorAll("li")[b];if(!w)return;let p=w.offsetTop,M=p+w.offsetHeight,C=A.scrollTop,y=C+A.clientHeight;p<C?A.scrollTop=p:M>y&&(A.scrollTop=M-A.clientHeight);},v=b=>{let A=c();if(!A.length)return;let w=Math.max(-1,Math.min(u()+b,A.length-1));a(w),g(w);},m=b=>{r(e.suggestions.stringify({item:b,init:l})),a(-1);},S=b=>{if(c().length)if(b.key==="ArrowDown")b.preventDefault(),v(1);else if(b.key==="ArrowUp")b.preventDefault(),v(-1);else if(b.key==="Enter"&&u()>=0){b.preventDefault();let A=c()[u()];A&&m(A);}else b.key==="Escape"&&a(-1);},P=b=>{r(b),a(-1);},O=fe();return (()=>{var b=tr(),A=b.firstChild,w=A.nextSibling;return h(A,()=>e.label),h(w,(()=>{var p=F(()=>!!e.textArea);return ()=>p()?(()=>{var M=nr();return M.$$keydown=S,M.$$input=C=>P(C.target.value),L(C=>{var y=e.id||O,k=e.disabled||t?.loading();return y!==C.e&&I(M,"id",C.e=y),k!==C.t&&(M.disabled=C.t=k),C},{e:void 0,t:void 0}),L(()=>M.value=n()),M})():(()=>{var M=rr();return M.$$keydown=S,M.$$input=C=>P(C.target.value),L(C=>{var y=e.id||O,k=e.disabled||t?.loading(),$=e.type;return y!==C.e&&I(M,"id",C.e=y),k!==C.t&&(M.disabled=C.t=k),$!==C.a&&I(M,"type",C.a=$),C},{e:void 0,t:void 0,a:void 0}),L(()=>M.value=n()),M})()})(),null),h(w,(()=>{var p=F(()=>!!c().length);return ()=>p()&&(()=>{var M=Nt();return ue(C=>d=C,M),h(M,N(oe,{get each(){return c()},children:(C,y)=>{let k=()=>{let $=document.activeElement;$ instanceof HTMLElement&&$.blur(),m(C);};return (()=>{var $=Ht();return $.$$click=k,$.$$pointerdown=E=>E.preventDefault(),h($,()=>e.suggestions.stringify({item:C,init:l})),L(()=>$.classList.toggle("ss__hovered",y()===u())),$})()}})),M})()})(),null),h(b,(()=>{var p=F(()=>!!i());return ()=>p()&&(()=>{var M=Fe();return h(M,i),M})()})(),null),L(()=>I(A,"for",e.id||O)),b})()};re.Date=function(e){let t=J(ve),[n,r]=T(""),[i,s]=T(null),[o,l]=T(false),[c,f]=T(new Date),u,a=w=>`${w}`.padStart(2,"0"),d=w=>{let p=a(w.getDate()),M=a(w.getMonth()+1),C=w.getFullYear();return `${p}.${M}.${C}`},g=w=>{let p=w.trim();if(!p)return null;let M=/^(\d{1,2})\.(\d{1,2})\.(\d{4})$/.exec(p);if(!M)return null;let C=Number(M[1]),y=Number(M[2]),k=Number(M[3]);if(!C||!y)return null;let $=new Date(k,y-1,C);return $.getFullYear()!==k||$.getMonth()!==y-1||$.getDate()!==C?null:$};ee(()=>{if(!o())return;let w=g(n());f(w??new Date);});let v={getValue:()=>{let w=n().trim();return w||null},setValue:w=>{if(w instanceof Date){r(d(w));return}r(`${w??""}`);},hasError:()=>!!i(),validate:async()=>{let w=[...e.rules??[]];e.required&&w.unshift(re.rules.required);let p=await v.getValue();for(let M of w){let C=await M(p);if(C){s(C);return}}if(p&&!g(p)){s("Ung\xFCltiges Datum");return}s(null);}};if(e.name&&t){let w=e.name;ne(()=>t.setField(w,v)),V(()=>t.delField(w));}let m=fe(),S=w=>{let p=g(n());return p?p.getFullYear()===c().getFullYear()&&p.getMonth()===c().getMonth()&&p.getDate()===w:false},P=w=>{let p=new Date;return p.getFullYear()===c().getFullYear()&&p.getMonth()===c().getMonth()&&p.getDate()===w},O=()=>{let w=c(),p=w.getFullYear(),M=w.getMonth(),C=new Date(p,M,1),y=new Date(p,M+1,0).getDate(),k=(C.getDay()+6)%7,$=[];for(let E=0;E<k;E+=1)$.push(null);for(let E=1;E<=y;E+=1)$.push(E);for(;$.length%7!==0;)$.push(null);return $},b=()=>c().toLocaleDateString("de-DE",{month:"long",year:"numeric"}),A=w=>{let p=new Date(c().getFullYear(),c().getMonth(),w);r(d(p)),l(false);};return ne(()=>{let w=M=>{if(!o())return;let C=M.target;u&&C&&!u.contains(C)&&l(false);},p=M=>{M.key==="Escape"&&l(false);};document.addEventListener("mousedown",w),window.addEventListener("keydown",p),V(()=>{document.removeEventListener("mousedown",w),window.removeEventListener("keydown",p);});}),(()=>{var w=sr(),p=w.firstChild,M=p.nextSibling,C=M.firstChild,y=C.nextSibling;return ue(k=>u=k,w),h(p,()=>e.label),C.addEventListener("focus",()=>l(true)),C.$$input=k=>r(k.target.value),y.$$click=()=>l(k=>!k),h(w,(()=>{var k=F(()=>!!o());return ()=>k()&&(()=>{var $=ir(),E=$.firstChild,H=E.firstChild,R=H.firstChild,q=R.nextSibling,z=H.nextSibling,W=z.nextSibling,be=W.firstChild,pe=be.nextSibling,he=E.nextSibling,me=he.nextSibling;return R.$$click=()=>{let K=c();f(new Date(K.getFullYear()-1,K.getMonth(),1));},q.$$click=()=>{let K=c();f(new Date(K.getFullYear(),K.getMonth()-1,1));},h(z,b),be.$$click=()=>{let K=c();f(new Date(K.getFullYear(),K.getMonth()+1,1));},pe.$$click=()=>{let K=c();f(new Date(K.getFullYear()+1,K.getMonth(),1));},h(he,()=>["Mo","Di","Mi","Do","Fr","Sa","So"].map(K=>(()=>{var ce=or();return h(ce,K),ce})())),h(me,()=>O().map(K=>K?(()=>{var ce=lr();return ce.$$click=()=>A(K),h(ce,K),L(Te=>{var dt=!!S(K),ht=!!P(K);return dt!==Te.e&&ce.classList.toggle("is-selected",Te.e=dt),ht!==Te.t&&ce.classList.toggle("is-today",Te.t=ht),Te},{e:void 0,t:void 0}),ce})():ar())),$})()})(),null),h(w,(()=>{var k=F(()=>!!i());return ()=>k()&&(()=>{var $=Fe();return h($,i),$})()})(),null),L(k=>{var $=e.id||m,E=e.id||m,H=e.disabled||t?.loading(),R=!e.editable,q=o(),z=e.disabled||t?.loading();return $!==k.e&&I(p,"for",k.e=$),E!==k.t&&I(C,"id",k.t=E),H!==k.a&&(C.disabled=k.a=H),R!==k.o&&(C.readOnly=k.o=R),q!==k.i&&I(y,"aria-expanded",k.i=q),z!==k.n&&(y.disabled=k.n=z),k},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0}),L(()=>C.value=n()),w})()};re.Checkbox=function(e){let t=J(ve),[n,r]=T(false),[i,s]=T(null),o={getValue:()=>n(),setValue:c=>r(!!c),hasError:()=>!!i(),validate:async()=>{let c=[...e.rules??[]];e.required&&c.unshift(re.rules.required);let f=await o.getValue();for(let u of c){let a=await u(f);if(a){s(a);return}}s(null);}};if(e.name&&t){let c=e.name;ne(()=>t.setField(c,o)),V(()=>t.delField(c));}let l=fe();return (()=>{var c=cr(),f=c.firstChild,u=f.firstChild,a=u.nextSibling;return u.addEventListener("change",d=>r(d.target.checked)),h(a,()=>e.label),h(c,(()=>{var d=F(()=>!!i());return ()=>d()&&(()=>{var g=Fe();return h(g,i),g})()})(),null),L(d=>{var g=e.id||l,v=e.disabled||t?.loading(),m=e.id||l;return g!==d.e&&I(u,"id",d.e=g),v!==d.t&&(u.disabled=d.t=v),m!==d.a&&I(a,"for",d.a=m),d},{e:void 0,t:void 0,a:void 0}),L(()=>u.checked=n()),c})()};re.useContext=function(){let e=J(ve);if(!e)return null;let{setField:t,delField:n,...r}=e;return r};re.Select=function(e){let t=J(ve),[n,r]=T([]),[i,s]=T(null),[o,l]=T(null),c=a=>{let d=a.map(g=>({id:g.id,label:e.buildOption(g)}));if(r(d),!a.length){s(null);return}i()&&d.some(g=>g.id===i())||s(d[0].id);};ee(()=>{let a=e.getOptions();"then"in a&&typeof a.then=="function"||a instanceof Promise?a.then(c):c(a);});let f={getValue:()=>{let a=i();return n().some(g=>g.id===a)?a:null},setValue:a=>{let d=n();if(!d.length){s(null);return}let g=d[0].id;if(typeof a!="string"){s(g);return}let v=a.trim();if(!d.some(m=>m.id===v)){s(g);return}s(v);},hasError:()=>!!o(),validate:async()=>{let a=n(),d=await f.getValue();if(!d){l("Pflichtfeld");return}if(!a.some(g=>g.id===d)){l("Option nicht verf\xFCgbar");return}for(let g of e.rules??[]){let v=await g(d);if(v){l(v);return}}l(null);}};if(f.setOptions=c,e.name&&t){let a=e.name;ne(()=>t.setField(a,f)),V(()=>t.delField(a));}let u=fe();return (()=>{var a=ur(),d=a.firstChild,g=d.nextSibling,v=g.firstChild;return h(d,()=>e.label),v.addEventListener("change",m=>s(m.target.value)),h(v,N(oe,{get each(){return n()},children:m=>(()=>{var S=fr();return h(S,()=>m.label),L(()=>S.selected=i()===m.id),L(()=>S.value=m.id),S})()})),h(a,(()=>{var m=F(()=>!!o());return ()=>m()&&(()=>{var S=Fe();return h(S,o),S})()})(),null),L(m=>{var S=e.id||u,P=e.id||u,O=e.disabled||t?.loading();return S!==m.e&&I(d,"for",m.e=S),P!==m.t&&I(v,"id",m.t=P),O!==m.a&&(v.disabled=m.a=O),m},{e:void 0,t:void 0,a:void 0}),a})()};re.ACSelect=function(e){let t=J(ve),[n,r]=T(""),[i,s]=T([]),[o,l]=T(null),c={getValue:()=>i(),setValue:y=>s(y),hasError:()=>!!o(),validate:async()=>{let y=await c.getValue(),k=e.minSelectedItems,$=e.maxSelectedItems;if(k&&y.length<k){l(`Mindestens ${k} ${k>1?"Elemente m\xFCssen":"Element muss"} ausgew\xE4hlt werden`);return}if($&&y.length>$){l(`Maximal ${$} ${$>1?"Elemente d\xFCrfen":"Element darf"} ausgew\xE4hlt werden`);return}for(let E of e.rules??[]){let H=await E(y);if(H){l(H);return}}l(null);}};if(e.name&&t){let y=e.name;ne(()=>t.setField(y,c)),V(()=>t.delField(y));}let f=null,[u,a]=T(!e.prepare);e.prepare&&ne(async()=>{e.prepare&&(f=await e.prepare(),a(true));});let[d,g]=T([]),[v,m]=T(-1),S,P;ee(()=>{if(!u())return;clearTimeout(P);let y=n().trim().toLowerCase();if(!y){g(X(()=>i()));return}g([]),P=setTimeout(async()=>{let k=await e.getOptions({query:y,init:f});g(k);},250);}),ee(()=>{n().trim().toLowerCase()||d().length!==i().length&&g(i());}),V(()=>clearTimeout(P)),ee(()=>{let y=d();if(!y.length){m(-1);return}v()>=y.length&&m(y.length-1);});let O=y=>{let k=S;if(!k||y<0)return;let $=k.querySelectorAll("li")[y];if(!$)return;let E=$.offsetTop,H=E+$.offsetHeight,R=k.scrollTop,q=R+k.clientHeight;E<R?k.scrollTop=E:H>q&&(k.scrollTop=H-k.clientHeight);},b=y=>{let k=d();if(!k.length)return;let $=Math.max(-1,Math.min(v()+y,k.length-1));m($),O($);},A=fe(),w=U(()=>new Set(i().map(({id:y})=>y))),p=(y,k=true)=>{let $=w().has(y.id);if(e.maxSelectedItems===1){s($?[]:[y]),r(""),k&&m(-1);return}s($?E=>E.filter(({id:H})=>H!==y.id):E=>[...E.filter(({id:H})=>H!==y.id),y]),k&&m(-1);},M=y=>{if(d().length)if(y.key==="ArrowDown")y.preventDefault(),b(1);else if(y.key==="ArrowUp")y.preventDefault(),b(-1);else if(y.key==="Enter"&&v()>=0){y.preventDefault();let k=d()[v()];k&&p(k,false);}else y.key==="Escape"&&m(-1);},C=()=>e.disabled||t?.loading();return (()=>{var y=dr(),k=y.firstChild;return h(k,()=>e.label),h(y,(()=>{var $=F(()=>!!(e.maxSelectedItems===1&&e.renderSelection&&i().length===1));return ()=>$()?(()=>{var E=hr(),H=E.firstChild,R=H.nextSibling;return h(H,()=>e.renderSelection({item:i()[0],init:f})),R.$$click=()=>{s([]),r(""),setTimeout(()=>document.getElementById(e.id||A)?.focus(),0);},L(()=>R.disabled=C()),E})():(()=>{var E=mr(),H=E.firstChild,R=H.firstChild;return h(H,(()=>{var q=F(()=>!!i().length);return ()=>q()&&(()=>{var z=gr();return z.$$click=()=>{C()||s([]);},z.$$keydown=W=>{C()||(W.key==="Enter"||W.key===" ")&&(W.preventDefault(),s([]));},h(z,()=>i().length),L(W=>{var be=C()?-1:0,pe=C()?"true":void 0;return be!==W.e&&I(z,"tabindex",W.e=be),pe!==W.t&&I(z,"aria-disabled",W.t=pe),W},{e:void 0,t:void 0}),z})()})(),R),R.$$keydown=M,R.$$input=q=>{C()||(r(q.target.value),m(-1));},h(E,(()=>{var q=F(()=>!!d().length);return ()=>q()&&(()=>{var z=Nt();return ue(W=>S=W,z),h(z,N(oe,{get each(){return d()},children:(W,be)=>{let pe=()=>{C()||(p(W),document.getElementById(e.id||A)?.focus());};return (()=>{var he=Ht();return he.$$click=pe,he.$$pointerdown=me=>me.preventDefault(),h(he,()=>e.renderItem({item:W,init:f})),L(me=>{var K=!!w().has(W.id),ce=be()===v();return K!==me.e&&he.classList.toggle("ss__selected",me.e=K),ce!==me.t&&he.classList.toggle("ss__hovered",me.t=ce),me},{e:void 0,t:void 0}),he})()}})),z})()})(),null),L(q=>{var z=e.id||A,W=C();return z!==q.e&&I(R,"id",q.e=z),W!==q.t&&(R.disabled=q.t=W),q},{e:void 0,t:void 0}),L(()=>R.value=n()),E})()})(),null),h(y,(()=>{var $=F(()=>!!o());return ()=>$()&&(()=>{var E=Fe();return h(E,o),E})()})(),null),L(()=>I(k,"for",e.id||A)),y})()};re.SubmitButton=function(e){let t=J(ve);return N(de,{type:"submit",class:"ss_form_submit",get disabled(){return e.disabled||t?.loading()},get children(){return e.children}})};re.rules={required:e=>e?null:"Pflichtfeld",minLength:e=>t=>{if(t===null&&(t=""),typeof t!="string")throw new Error(`invalid rule minLength(..) for non-string value ${t}`);return t.length<e?`Mindestens ${e} Zeichen`:null},maxLength:e=>t=>{if(t===null&&(t=""),typeof t!="string")throw new Error(`invalid rule maxLength(..) for non-string value ${t}`);return t.length<e?`Maximal ${e} Zeichen`:null},pattern:e=>t=>{if(t===null&&(t=""),typeof t!="string")throw new Error(`invalid rule pattern(..) for non-string value ${t}`);return e.test(t)?null:"Eingabe widerspricht erwartetem Muster"}};Q(["input","keydown","pointerdown","click"]);var wr=x("<div><div class=ss_header__text><h3 class=ss_header__title></h3></div><div class=ss_header__actions>"),_r=x("<h5 class=ss_header__subtitle>");function vr(e){return (()=>{var t=wr(),n=t.firstChild,r=n.firstChild,i=n.nextSibling;return h(r,()=>e.title),h(n,(()=>{var s=F(()=>!!e.subtitle);return ()=>s()&&(()=>{var o=_r();return h(o,()=>e.subtitle),o})()})(),null),h(i,()=>e.actions),L(s=>{var o=`ss_header ${e.class??""}`,l=e.style;return o!==s.e&&G(t,s.e=o),s.t=Z(t,l,s.t),s},{e:void 0,t:void 0}),t})()}var br=x("<div class=ss_modal__footer>"),pr=x("<div class=ss_modal><div class=ss_modal__backdrop></div><div class=ss_modal__panel role=dialog aria-modal=true tabindex=-1><div class=ss_modal__body><div class=ss_modal__body_inner>"),yr=x('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-x"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M18 6l-12 12"></path><path d="M6 6l12 12">'),$r=x("<div class=ss_modal__header>"),Sr=x("<h2 class=ss_modal__title>"),xr=180;function Je(e){let[t,n]=T(e.open),[r,i]=T("closed"),s=fe(),o,l,c;ee(()=>{o&&clearTimeout(o),l&&cancelAnimationFrame(l),e.open?(t()||n(true),i("closed"),l=requestAnimationFrame(()=>i("open"))):(i("closed"),t()&&(o=window.setTimeout(()=>n(false),xr)));}),ne(()=>{if(!e.open)return;if(e.lockScroll!==false){let a=document.body.style.overflowY;document.body.style.overflowY="hidden",V(()=>{document.body.style.overflowY=a;});}l=requestAnimationFrame(()=>c?.focus());let u=a=>{a.key==="Escape"&&e.dismissible!==false&&e.onClose?.();};window.addEventListener("keydown",u),V(()=>window.removeEventListener("keydown",u));}),V(()=>{o&&clearTimeout(o),l&&cancelAnimationFrame(l);});let f=()=>{e.dismissible!==false&&e.onClose?.();};return N(_e,{get when(){return t()},get children(){return N(Ft,{get children(){var u=pr(),a=u.firstChild,d=a.nextSibling,g=d.firstChild,v=g.firstChild;return a.$$click=f,ue(m=>c=m,d),h(d,(()=>{var m=F(()=>!!(e.title||e.onClose));return ()=>m()&&(()=>{var S=$r();return h(S,(()=>{var P=F(()=>!!e.title);return ()=>P()&&(()=>{var O=Sr();return I(O,"id",s),h(O,()=>e.title),O})()})(),null),h(S,N(_e,{get when(){return e.onClose},get children(){return N(de,{type:"button",class:"ss_modal__close",isIconOnly:true,ariaLabel:"Dialog schlie\xDFen",onclick:()=>{e.dismissible!==false&&e.onClose?.();},get children(){return yr()}})}}),null),S})()})(),g),h(v,()=>e.children),h(d,N(_e,{get when(){return e.footer},get children(){var m=br();return h(m,()=>e.footer),m}}),null),L(m=>{var S=r(),P=r()==="closed",O=e.size==="sm",b=e.size==="lg",A=!!e.fullscreen,w=!!e.disableResponsiveFullscreen,p=e.title?s:void 0;return S!==m.e&&I(u,"data-state",m.e=S),P!==m.t&&I(u,"aria-hidden",m.t=P),O!==m.a&&d.classList.toggle("ss_modal__panel--sm",m.a=O),b!==m.o&&d.classList.toggle("ss_modal__panel--lg",m.o=b),A!==m.i&&d.classList.toggle("ss_modal__panel--fullscreen",m.i=A),w!==m.n&&d.classList.toggle("ss_modal__panel--no-fullscreen",m.n=w),p!==m.s&&I(d,"aria-labelledby",m.s=p),m},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0}),u}})}})}Q(["click"]);function Cr(){(!window.history.state||window.history.state._depth==null)&&window.history.replaceState({...window.history.state,_depth:window.history.length-1},""),window.history.state._depth;}le||Cr();var Er=/^\/+|(\/)\/+$/g;function Bt(e,t=false){let n=e.replace(Er,"$1");return n?t||/^[?#]/.test(n)?n:"/"+n:""}function Mr(e,t){if(e==null)throw new Error(t);return e}var Ar=ge(),Pr=ge(),Qe=()=>Mr(J(Ar),"<A> and 'use' router primitives can be only used inside a Route."),Lr=()=>J(Pr)||Qe().base,Tr=e=>{let t=Lr();return U(()=>t.resolvePath(e()))},Or=e=>{let t=Qe();return U(()=>{let n=e();return n!==void 0?t.renderPath(n):n})},Ze=()=>Qe().navigatorFactory(),Le=()=>Qe().location;var Br=18e4,ct=new Map;le||setInterval(()=>{let e=Date.now();for(let[t,n]of ct.entries())!n[4].count&&e-n[0]>Br&&ct.delete(t);},3e5);var qr=x("<a>");function Vt(e){e=ae({inactiveClass:"inactive",activeClass:"active"},e);let[,t]=lt(e,["href","state","class","activeClass","inactiveClass","end"]),n=Tr(()=>e.href),r=Or(n),i=Le(),s=U(()=>{let o=n();if(o===void 0)return [false,false];let l=Bt(o.split(/[?#]/,1)[0]).toLowerCase(),c=decodeURI(Bt(i.pathname).toLowerCase());return [e.end?l===c:c.startsWith(l+"/")||c===l,l===c]});return (()=>{var o=qr();return Ge(o,ae(t,{get href(){return r()||e.href},get state(){return JSON.stringify(e.state)},get classList(){return {...e.class&&{[e.class]:true},[e.inactiveClass]:!s()[0],[e.activeClass]:s()[0],...t.classList}},link:"",get"aria-current"(){return s()[1]?"page":void 0}}),false,false),o})()}var qt=ge(),Ur=0,zr=()=>`ss-modal-${Ur++}`;function Kr(){let e=J(qt);if(!e)throw new Error("useSSModals must be used within SSModalsProvider");return e}function Wr(e){let t=Ze(),n=Le(),[r,i]=Xe(),s=()=>e.config.modalProps?.({hide:e.hide})??{},{primaryButtonText:o,secondaryButtonText:l,hideSecondaryButton:c,danger:f,...u}=s();return N(Je,ae({get open(){return e.visible()},get onClose(){return e.hide}},u,{get footer(){return [!c&&N(de,{class:"secondary",get onclick(){return e.hide},children:l??"Abbrechen"}),N(de,{class:f?"danger":void 0,onclick:()=>i(()=>e.config.onPrimaryAction?.({hide:e.hide,navigate:t,pathname:n.pathname})??e.hide()),get disabled(){return r()},children:o??"Weiter"})]},get children(){return e.config.content({hide:e.hide})}}))}function Yr(e){let t=Ze(),n=Le();return N(re,{onsubmit:r=>e.config.onSubmit({hide:e.hide,context:r,navigate:t,pathname:n.pathname}),get children(){return N(Gr,{get visible(){return e.visible},get hide(){return e.hide},get config(){return e.config}})}})}function Gr(e){let t=re.useContext();if(!t)return null;let n=()=>e.config.modalProps?.({hide:e.hide,context:t})??{},{primaryButtonText:r,secondaryButtonText:i,hideSecondaryButton:s,danger:o,...l}=n();return N(Je,ae({get open(){return e.visible()},get onClose(){return e.hide}},l,{get footer(){return [!s&&N(de,{class:"secondary",get onclick(){return e.hide},get disabled(){return t.loading()},children:i??"Abbrechen"}),N(de,{class:o?"danger":void 0,onclick:()=>t.submit(),get disabled(){return t.loading()},children:r??"Speichern"})]},get children(){return e.config.content({hide:e.hide,context:t})}}))}function Xr(e){let[t,n]=T([]),r=new Map,i=new Map,s=220,o=u=>{let a=r.get(u);if(!a)return;a.setVisible(false);let d=i.get(u);d&&window.clearTimeout(d);let g=window.setTimeout(()=>{n(v=>v.filter(m=>m.id!==u)),r.delete(u),i.delete(u);},s);i.set(u,g);},l=u=>{let a=zr(),[d,g]=T(true),v={id:a,visible:d,setVisible:g,render:u};return r.set(a,v),n(m=>[...m,v]),a},c=u=>l(({hide:a,visible:d})=>N(Wr,{visible:d,hide:a,config:u})),f=u=>l(({hide:a,visible:d})=>N(Yr,{visible:d,hide:a,config:u}));return V(()=>{i.forEach(u=>window.clearTimeout(u)),i.clear();}),N(qt.Provider,{value:{show:l,showDefault:c,showForm:f,hide:o},get children(){return [F(()=>e.children),N(oe,{get each(){return t()},children:u=>{let a=()=>o(u.id);return u.render({id:u.id,hide:a,visible:u.visible})}})]}})}var Jr=x('<div><input type=checkbox class=ss_shell__drawer_toggle_input><header class=ss_shell__header><div class=ss_shell__header_left><label class="ss_shell__drawer_toggle ss_button ss_button--icon"aria-label="Navigation \xF6ffnen"role=button tabindex=0><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-menu-2"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M4 6l16 0"></path><path d="M4 12l16 0"></path><path d="M4 18l16 0"></path></svg></label><div class=ss_shell__title></div></div><div class=ss_shell__actions></div></header><div class=ss_shell__body><nav class=ss_shell__nav aria-label=Hauptnavigation><div class=ss_shell__nav_inner></div></nav><div class=ss_shell__main></div><label class=ss_shell__scrim aria-label="Navigation schlie\xDFen">'),Qr=x("<div class=ss_shell__nav_list>"),Zr=x("<a class=ss_shell__nav_item><span class=ss_shell__nav_label>"),ut=x("<span class=ss_shell__nav_icon>"),es=x("<button type=button class=ss_shell__nav_item><span class=ss_shell__nav_label>"),ts=x('<details class=ss_shell__nav_group><summary class=ss_shell__nav_group_header><span class=ss_shell__nav_label></span><span class=ss_shell__nav_group_chevron aria-hidden=true><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class=ss_shell__nav_group_chevron_svg><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M9 6l6 6l-6 6"></path></svg></span></summary><div class=ss_shell__nav_group_items>'),ft=ge();function He(e){let t=fe(),n=Le(),[r,i]=T([]),s=()=>{let f=document.getElementById(t);f&&(f.checked=false);},o=f=>{i(u=>u.includes(f)?u:[...u,f]);},l=f=>{i(u=>u.filter(a=>a!==f));},c=U(()=>{let f=n.pathname,u=null;for(let a of r())f.startsWith(a)&&(!u||a.length>u.length)&&(u=a);return u});return N(ft.Provider,{value:{closeDrawer:s,activeHref:c,registerHref:o,unregisterHref:l},get children(){var f=Jr(),u=f.firstChild,a=u.nextSibling,d=a.firstChild,g=d.firstChild,v=g.nextSibling,m=d.nextSibling,S=a.nextSibling,P=S.firstChild,O=P.firstChild,b=P.nextSibling,A=b.nextSibling;return I(u,"id",t),I(g,"for",t),h(v,()=>e.title),h(m,()=>e.actions),h(O,()=>e.nav),h(b,()=>e.children),I(A,"for",t),L(w=>{var p=`ss_shell ${e.class??""}`,M=e.style;return p!==w.e&&G(f,w.e=p),w.t=Z(f,M,w.t),w},{e:void 0,t:void 0}),f}})}He.Nav=function(e){return (()=>{var t=Qr();return h(t,()=>e.children),t})()};He.NavLink=function(e){let t=J(ft);ne(()=>t?.registerHref(e.href)),V(()=>t?.unregisterHref(e.href));let n=()=>t?.activeHref()===e.href;return (()=>{var r=Zr(),i=r.firstChild;return r.$$click=()=>{e.onclick?.(),t?.closeDrawer();},h(r,(()=>{var s=F(()=>!!e.icon);return ()=>s()&&(()=>{var o=ut();return h(o,()=>e.icon),o})()})(),i),h(i,()=>e.children),L(s=>{var o=!!n(),l=e.href;return o!==s.e&&r.classList.toggle("ss_shell__nav_item--active",s.e=o),l!==s.t&&I(r,"href",s.t=l),s},{e:void 0,t:void 0}),r})()};He.NavAction=function(e){let t=J(ft);return (()=>{var n=es(),r=n.firstChild;return n.$$click=()=>{e.onclick(),t?.closeDrawer();},h(n,(()=>{var i=F(()=>!!e.icon);return ()=>i()&&(()=>{var s=ut();return h(s,()=>e.icon),s})()})(),r),h(r,()=>e.children),n})()};He.NavGroup=function(e){return (()=>{var t=ts(),n=t.firstChild,r=n.firstChild,i=n.nextSibling;return h(n,(()=>{var s=F(()=>!!e.icon);return ()=>s()&&(()=>{var o=ut();return h(o,()=>e.icon),o})()})(),r),h(r,()=>e.title),h(i,()=>e.children),L(()=>t.open=e.initiallyExpanded),t})()};Q(["click"]);var ns=x("<div>");function rs(e){return (()=>{var t=ns();return h(t,()=>e.children),L(n=>{var r=`ss_surface ${e.class??""}`,i=e.style;return r!==n.e&&G(t,n.e=r),n.t=Z(t,i,n.t),n},{e:void 0,t:void 0}),t})()}var ss=x("<div><div class=ss_tile__row><div class=ss_tile__content>"),is=x("<span class=ss_tile__icon>"),os=x("<h5 class=ss_tile__title>"),ls=x("<h5 class=ss_tile__title><span class=ss_tile__text>"),as=x("<div class=ss_tile__subtitle>"),cs=x("<div class=ss_tile__trailing>");function Ut(e){return (()=>{var t=ss(),n=t.firstChild,r=n.firstChild;return h(n,(()=>{var i=F(()=>!!e.icon);return ()=>i()&&(()=>{var s=is();return h(s,()=>e.icon),s})()})(),r),h(r,(()=>{var i=F(()=>!!e.href);return ()=>i()?(()=>{var s=os();return h(s,N(Vt,{class:"ss_tile__link",get href(){return e.href},get onclick(){return e.onLinkClick},get children(){return e.title}})),s})():(()=>{var s=ls(),o=s.firstChild;return h(o,()=>e.title),s})()})(),null),h(r,(()=>{var i=F(()=>!!e.subtitle);return ()=>i()&&(()=>{var s=as();return h(s,()=>e.subtitle),s})()})(),null),h(n,(()=>{var i=F(()=>!!e.trailing);return ()=>i()&&(()=>{var s=cs();return h(s,()=>e.trailing),s})()})(),null),L(i=>{var s=`ss_tile ${e.class??""}`,o=e.style;return s!==i.e&&G(t,i.e=s),i.t=Z(t,o,i.t),i},{e:void 0,t:void 0}),t})()}function us(e){return function(t){let n=e(t.data);return N(Ut,ae(n,{get onLinkClick(){return t.onLinkClick??n.onLinkClick},get href(){return F(()=>!!t.noLink)()?void 0:n.href},get icon(){return F(()=>!!t.noIcon)()?void 0:n.icon}}))}}
+export{de as SSButton,kn as SSCallout,An as SSChip,Vn as SSDataTable,Yn as SSDropdown,Zn as SSExpandable,re as SSForm,vr as SSHeader,Je as SSModal,Xr as SSModalsProvider,He as SSShell,rs as SSSurface,Ut as SSTile,us as createSSTile,Kr as useSSModals};

package/dist/styles/default.css

@@ -1 +1 @@
-:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;--bg-page: #f5f5f7;--bg-surface: #ffffff;--bg-surface-subtle: #f3f4f6;--shell-bg: radial-gradient(circle at top left, #eef2ff 0, #f5f5f7 38%, #f3f4f6 100%);--shell-header-bg: rgba(255, 255, 255, .85);--shell-header-border: rgba(209, 213, 219, .8);--shell-nav-bg: rgba(255, 255, 255, .92);--shell-nav-border: rgba(209, 213, 219, .85);--fg-primary: #0f172a;--fg-secondary: #4b5563;--fg-muted: #6b7280;--fg-inverse: #ffffff;--border-subtle: #e5e7eb;--border-strong: #d1d5db;--card-accent: #2563eb;--input-bg: #ffffff;--input-fg: var(--fg-primary);--input-border: #d1d5db;--input-border-hover: #9ca3af;--input-border-disabled: #e5e7eb;--input-bg-disabled: #f3f4f6;--input-fg-disabled: #9ca3af;--input-bg-hover: #f9fafb;--input-bg-focus: #ffffff;--scrollbar-thumb: rgba(15, 23, 42, .24);--primary: #2563eb;--primary-soft: #e0ecff;--primary-soft-stronger: #d1e1ff;--on-primary: #ffffff;--error: #dc2626;--on-error: #ffffff;--error-strong: #b91c1c;--disabled: #9ca3af;--on-disabled: #f9fafb;--suggestion-bg: var(--bg-surface);--suggestion-hover-bg: #f3f4ff;--suggestion-focus-bg: #e0ebff;--suggestion-selected-bg: #e0ebff;--suggestion-indicator: #2563eb;--btn-primary-bg: var(--primary);--btn-primary-border: #1d4ed8;--btn-primary-bg-hover: #1d4ed8;--btn-primary-border-hover: #1e40af;--btn-secondary-bg: #eef1f7;--btn-secondary-border: #d1d5db;--btn-secondary-bg-hover: #e0e3ec;--btn-secondary-border-hover: #cbd0dd;--btn-tertiary-bg: transparent;--btn-tertiary-border: var(--border-subtle);--btn-tertiary-bg-hover: #e9effa;--btn-tertiary-border-hover: var(--border-strong);--clear-bg: #edeff4;--clear-border: #e2e4ec;--clear-bg-hover: #e1e4ee;--clear-border-hover: #cbd0dd;--clear-fg: #4b5563;--token-bg: #eef2ff;--token-fg: #1f2937;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-pill: 999px;--focus-ring: 0 0 0 1px rgba(37, 99, 235, .75), 0 0 0 4px rgba(191, 219, 254, .9);--focus-ring-error: 0 0 0 1px rgba(220, 38, 38, .85), 0 0 0 4px rgba(254, 202, 202, .85);--shadow-soft: 0 10px 30px rgba(15, 23, 42, .06);--btn-shadow: 0 6px 18px rgba(15, 23, 42, .16);--btn-shadow-hover: 0 10px 30px rgba(15, 23, 42, .18)}@media (prefers-color-scheme: dark){:root{--bg-page: #0f1115;--bg-surface: #14171c;--bg-surface-subtle: #1a1e24;--fg-primary: #e7e9ee;--fg-secondary: #c7cbd4;--fg-muted: #9ca3af;--fg-inverse: #0f1115;--border-subtle: #2a2f36;--border-strong: #3a4048;--card-accent: #94a3b8;--input-bg: #14171c;--input-fg: var(--fg-primary);--input-border: #2a2f36;--input-border-hover: #3a4048;--input-border-disabled: #111827;--input-bg-disabled: #14171c;--input-fg-disabled: #6b7280;--input-bg-hover: #1a1e24;--input-bg-focus: #20252c;--scrollbar-thumb: rgba(156, 163, 175, .38);--primary: #3b82f6;--primary-soft: #172554;--primary-soft-stronger: #1d4ed8;--on-primary: #ffffff;--error: #fb7185;--on-error: #0f1115;--error-strong: #f43f5e;--suggestion-bg: #14171c;--suggestion-hover-bg: #1b2027;--suggestion-focus-bg: #21262e;--suggestion-selected-bg: #262c35;--suggestion-indicator: #94a3b8;--btn-primary-bg: var(--primary);--btn-primary-border: #1d4ed8;--btn-primary-bg-hover: #1d4ed8;--btn-primary-border-hover: #1e3a8a;--btn-secondary-bg: #1a1e24;--btn-secondary-border: #2f353e;--btn-secondary-bg-hover: #232831;--btn-secondary-border-hover: #3a4048;--btn-tertiary-bg: transparent;--btn-tertiary-border: #2f353e;--btn-tertiary-bg-hover: #232831;--btn-tertiary-border-hover: #3a4048;--clear-bg: #1a1e24;--clear-border: #2f353e;--clear-bg-hover: #232831;--clear-border-hover: #3a4048;--clear-fg: #e5e7eb;--token-bg: #232831;--token-fg: #e5e7eb;--shadow-soft: 0 18px 50px rgba(0, 0, 0, .75);--btn-shadow: 0 12px 30px rgba(0, 0, 0, .65);--btn-shadow-hover: 0 16px 40px rgba(0, 0, 0, .85);--shell-bg: radial-gradient(circle at top left, #1c2129 0, #0f1115 45%, #12161b 100%);--shell-header-bg: rgba(20, 23, 28, .92);--shell-header-border: rgba(58, 64, 72, .9);--shell-nav-bg: rgba(20, 23, 28, .96);--shell-nav-border: rgba(58, 64, 72, .92)}}@keyframes input-alert-appear{0%{opacity:0;transform:translateY(-1px)}to{opacity:1;transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:inherit;color:var(--fg-primary);background-color:var(--bg-page);font-size:14px}html,body,#root{height:100%;position:relative}.ss_form{max-width:48rem;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.ss__suggestions{position:absolute;top:calc(100% + .35rem);left:0;right:0;z-index:10;display:flex;flex-direction:column;max-height:clamp(7rem,35vh,14rem);margin:0;padding:.25rem 0;list-style-type:none;background-color:var(--suggestion-bg);border-width:1px;border-style:solid;border-color:var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);overflow-y:auto;overflow-x:hidden;li{display:flex;align-items:flex-start;gap:.4rem;padding:.45rem .8rem;font-size:.9rem;line-height:1.45;color:var(--fg-primary);cursor:pointer;user-select:none;outline:none;+li{border-top:1px solid var(--border-subtle)}&:hover{background-color:var(--suggestion-hover-bg)}&:focus{background-color:var(--suggestion-focus-bg)}&.ss__hovered{background-color:var(--suggestion-focus-bg)}&.ss__selected{font-weight:500;background-color:var(--suggestion-selected-bg);box-shadow:inset 2px 0 0 var(--suggestion-indicator)}&.ss__selected.ss__hovered,&.ss__selected:hover{background-color:#2563eb14}.ss__title{font-weight:500}.ss__description{font-size:.8rem;color:var(--fg-muted)}}&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:999px}}.ss_form_input,.ss_form_date{display:flex;flex-direction:column;gap:.35rem;label{margin:0;font-size:.78rem;font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--fg-muted)}.ss__wrapper{position:relative;display:inline-block;width:100%}input{display:block;width:100%;min-width:0;padding:.55rem .7rem;font-size:.95rem;line-height:1.4;color:var(--input-fg);background-color:var(--input-bg);border-width:1px;border-style:solid;border-color:var(--input-border);border-radius:var(--radius-md);outline:none;box-shadow:none;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,transform 80ms ease;&:hover:not([disabled]){border-color:var(--input-border-hover);background-color:var(--input-bg-hover)}&:focus-visible{border-color:var(--primary);box-shadow:var(--focus-ring);background-color:var(--input-bg-focus)}&[disabled]{cursor:not-allowed;color:var(--input-fg-disabled);background-color:var(--input-bg-disabled);border-color:var(--input-border-disabled)}}.ss__suggestions{max-height:clamp(7rem,30vh,12rem)}&:not(:focus-within){.ss__suggestions{display:none}}&:has([role=alert]){input{border-color:var(--error);box-shadow:var(--focus-ring-error)}}[role=alert]{margin-top:.15rem;font-size:.8rem;line-height:1.4;color:var(--error);animation:.12s input-alert-appear ease-out}}.ss_form_date{position:relative;input{padding-right:2.1rem}input::-webkit-calendar-picker-indicator{opacity:0;display:none}}.ss_form_date__icon{position:absolute;right:.7rem;top:50%;width:1rem;height:1rem;transform:translateY(-50%);color:var(--fg-muted);padding:0;border:none;background:transparent;cursor:pointer;&:disabled{cursor:not-allowed;color:var(--input-fg-disabled)}svg{width:100%;height:100%;display:block}}.ss_form_date__picker{position:absolute;top:calc(100% + .35rem);left:0;z-index:10;width:min(18rem,100%);padding:.75rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);box-shadow:var(--shadow-soft)}.ss_form_date__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem}.ss_form_date__nav_group{display:flex;align-items:center;gap:.35rem}.ss_form_date__title{font-size:.9rem;font-weight:600;color:var(--fg-primary);text-transform:capitalize}.ss_form_date__nav{width:1.8rem;height:1.8rem;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--bg-surface-subtle);color:var(--fg-primary);cursor:pointer;transition:background-color .12s ease,border-color .12s ease;&:hover{border-color:var(--border-strong)}}.ss_form_date__nav svg{width:1rem;height:1rem;display:block;margin:0 auto}.ss_form_date__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.2rem;margin-bottom:.35rem;font-size:.75rem;color:var(--fg-muted);text-align:center}.ss_form_date__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.2rem}.ss_form_date__day{height:2rem;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--fg-primary);cursor:pointer;transition:background-color .12s ease,border-color .12s ease;&:hover{background:var(--bg-surface-subtle)}&.is-selected{background:var(--primary-soft);border-color:var(--primary);color:var(--fg-primary);font-weight:600}&.is-today:not(.is-selected){border-color:var(--border-strong);background:var(--bg-surface-subtle);color:var(--fg-primary);font-weight:500}}.ss_form_date__day.is-empty{border:none;background:transparent;cursor:default}.ss_form_checkbox{display:flex;flex-direction:column;gap:.3rem;width:100%;font-size:.9rem;color:var(--fg-secondary);.ss__wrapper{display:inline-flex;align-items:flex-start;gap:.55rem;padding:.15rem .05rem;font-size:.9rem;line-height:1.5;color:var(--fg-secondary);background-color:transparent;border:none;outline:none}input[type=checkbox]{margin-top:.12rem;width:1.05rem;height:1.05rem;flex-shrink:0;position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none;accent-color:initial;border-radius:calc(var(--radius-sm) * .9);border:1px solid var(--border-strong);background-color:var(--bg-surface);box-shadow:0 1px 1px #0f172a0f;cursor:pointer;outline:none;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform 80ms ease;&:hover:not(:disabled){border-color:var(--input-border-hover);background-color:var(--input-bg-hover)}&:active:not(:disabled){transform:translateY(1px)}&:after{content:"";position:absolute;inset:0;margin:auto;width:.55rem;height:.3rem;border-left:2px solid var(--on-primary);border-bottom:2px solid var(--on-primary);transform-origin:center;transform:translateY(-1px) rotate(-45deg) scale(.2);opacity:0;transition:transform .12s ease-out,opacity .12s ease-out}&:checked,&[aria-checked=true]{background-color:var(--primary)!important;border-color:var(--primary)!important;&:after{opacity:1;transform:translateY(-1px) rotate(-45deg) scale(1)}}&:checked[disabled],&[aria-checked=true][disabled]{background-color:color-mix(in srgb,var(--input-bg-disabled) 70%,var(--fg-primary))!important;border-color:var(--input-border-disabled)!important}&[disabled]{cursor:not-allowed;background-color:var(--input-bg-disabled);border-color:var(--input-border-disabled);box-shadow:none;opacity:.75;&:after{border-color:#fff}}}&:has(input[type=checkbox]:focus-visible){input[type=checkbox]{outline:none;box-shadow:var(--focus-ring)}}label{margin:0;font-size:.9rem;line-height:1.5;color:var(--fg-primary);cursor:pointer;user-select:none}&:has(input[type=checkbox][disabled]){color:var(--input-fg-disabled);user-select:none;label{cursor:not-allowed;color:var(--input-fg-disabled)}}[role=alert]{font-size:.8rem;color:var(--error);animation:.12s input-alert-appear ease-out}}.ss_form_select{display:flex;flex-direction:column;gap:.35rem;width:100%;label{margin:0;font-size:.78rem;font-weight:600;letter-spacing:.01em;color:var(--fg-muted)}select{display:block;width:100%;padding:.55rem 2.1rem .55rem .7rem;font-size:.95rem;line-height:1.4;color:var(--input-fg);background-color:var(--input-bg);background-image:none;border-width:1px;border-style:solid;border-color:var(--input-border);border-radius:var(--radius-md);outline:none;appearance:none;box-shadow:none;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease;&:hover:not([disabled]){border-color:var(--input-border-hover);background-color:var(--input-bg-hover)}&:focus-visible{border-color:var(--primary);box-shadow:var(--focus-ring);background-color:var(--input-bg-focus)}&:has(+[role=alert]){border-color:var(--error);box-shadow:var(--focus-ring-error)}&[disabled]{cursor:not-allowed;color:var(--input-fg-disabled);background-color:var(--input-bg-disabled);border-color:var(--input-border-disabled)}}.ss_form_select__field{position:relative}.ss_form_select__icon{position:absolute;right:.7rem;top:50%;width:1rem;height:1rem;transform:translateY(-50%);color:var(--fg-muted);pointer-events:none}.ss_form_select__icon svg{width:100%;height:100%;display:block}[role=alert]{font-size:.8rem;color:var(--error);animation:.12s input-alert-appear ease-out}}.ss_form_ac_select{display:flex;flex-direction:column;gap:.35rem;label{margin:0;font-size:.78rem;font-weight:600;letter-spacing:.01em;color:var(--fg-muted)}.ss__wrapper{position:relative;display:inline-block;width:100%}.ss__input_row{display:flex;align-items:center;gap:.4rem;width:100%;min-width:0;padding:.5rem .65rem;font-size:.95rem;line-height:1.4;color:var(--input-fg);background-color:var(--input-bg);border-width:1px;border-style:solid;border-color:var(--input-border);border-radius:var(--radius-md);outline:none;box-shadow:none;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease;&:hover:not(:has([disabled])){border-color:var(--input-border-hover);background-color:var(--input-bg-hover)}&:has([disabled]){cursor:not-allowed;color:var(--input-fg-disabled);background-color:var(--input-bg-disabled);border-color:var(--input-border-disabled)}input{flex-grow:1;min-width:0;padding:0;font-size:inherit;line-height:inherit;color:inherit;background-color:transparent;border:none;outline:none}.ss__prefix{flex-shrink:0;padding:.2rem .6rem;font-size:.78rem;line-height:1.3;white-space:nowrap;color:var(--token-fg);background-color:var(--token-bg);border-radius:var(--radius-pill);cursor:pointer;user-select:none;border:1px solid rgba(37,99,235,.18);transition:background-color .1s ease,border-color .1s ease,transform 80ms ease,box-shadow .1s ease;&:hover{background-color:#2563eb0f;border-color:#2563eb59;box-shadow:0 0 0 1px #bfdbfecc}&:active{transform:translateY(1px)}}.ss__prefix[aria-disabled=true]{cursor:not-allowed;opacity:.6;pointer-events:none}.ss__suffix{flex-shrink:0}}.ss__selection{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0;padding:.5rem .65rem;font-size:.95rem;line-height:1.4;color:var(--input-fg);background-color:var(--input-bg);border-width:1px;border-style:solid;border-color:var(--input-border);border-radius:var(--radius-md);outline:none;box-shadow:none;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease;&:has(.ss__clear[disabled]){cursor:not-allowed;color:var(--input-fg-disabled);background-color:var(--input-bg-disabled);border-color:var(--input-border-disabled)}}.ss__content{flex:1;min-width:0}.ss__clear{flex-shrink:0;width:1.7rem;height:1.7rem;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;line-height:1;color:var(--clear-fg);background:var(--clear-bg);border-width:1px;border-style:solid;border-color:var(--clear-border);border-radius:var(--radius-pill);cursor:pointer;user-select:none;transition:background-color .1s ease,border-color .1s ease,transform 80ms ease;&:hover:not([disabled]){border-color:var(--clear-border-hover);background-color:var(--clear-bg-hover)}&:active:not([disabled]){transform:translateY(1px)}&[disabled]{cursor:not-allowed;opacity:.55}}.ss__suggestions{max-height:clamp(8rem,40vh,16rem);li{padding-inline:.85rem}}&:not(:focus-within){.ss__suggestions{display:none}}&:focus-within{.ss__input_row,.ss__selection{border-color:var(--primary);box-shadow:var(--focus-ring);background-color:var(--input-bg-focus)}}&:has([role=alert]){.ss__input_row,.ss__selection{border-color:var(--error);box-shadow:var(--focus-ring-error)}}[role=alert]{font-size:.8rem;color:var(--error);animation:.12s input-alert-appear ease-out}}.ss_button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem 1.05rem;font-size:.9rem;font-weight:600;text-transform:none;text-align:center;letter-spacing:.01em;color:var(--on-primary);background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);border-radius:var(--radius-pill);outline:none;cursor:pointer;user-select:none;transition:background-color .12s ease,border-color .12s ease,opacity 80ms ease,transform 80ms ease,color .1s ease;&.secondary{color:var(--fg-primary);background:var(--btn-secondary-bg);border-color:var(--btn-secondary-border);box-shadow:none}&.tertiary{color:var(--fg-secondary);background:var(--btn-tertiary-bg);border-color:var(--btn-tertiary-border);box-shadow:none}&.danger{color:var(--on-error);background:var(--error);border-color:var(--error)}&:hover:not([disabled]){background-color:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover);&.secondary{background-color:var(--btn-secondary-bg-hover);border-color:var(--btn-secondary-border-hover)}&.tertiary{background-color:var(--btn-tertiary-bg-hover);border-color:var(--btn-tertiary-border-hover)}&.danger{background-color:var(--error-strong);border-color:var(--error-strong)}}&:active:not([disabled]){transform:translateY(1px)}&:focus-visible{outline:none;box-shadow:var(--focus-ring)}&[disabled]{cursor:not-allowed;color:var(--on-disabled);background:var(--disabled);border-color:var(--disabled);opacity:.9}}.ss_button--icon{width:2.1rem;height:2.1rem;padding:0;font-size:1.1rem;line-height:1;color:var(--fg-primary);background:transparent;border-color:transparent;border-radius:var(--radius-pill);box-shadow:none;transition:background-color .1s ease,border-color .1s ease,transform 80ms ease;&:hover:not([disabled]){background-color:var(--btn-tertiary-bg-hover);border-color:var(--btn-tertiary-border-hover)}&:active:not([disabled]){transform:translateY(1px)}&[disabled]{opacity:.5}}.ss_callout{--ss-callout-accent: var(--primary);--ss-callout-accent-soft: color-mix(in srgb, var(--ss-callout-accent) 22%, transparent);position:relative;display:flex;align-items:center;gap:1rem;width:100%;padding:1.15rem 1.4rem;font-size:.95rem;line-height:1.55;color:var(--fg-secondary);background:radial-gradient(circle at top left,var(--ss-callout-accent-soft) 0%,color-mix(in srgb,var(--ss-callout-accent-soft) 80%,var(--bg-surface) 20%) 28%,color-mix(in srgb,var(--ss-callout-accent-soft) 40%,var(--bg-surface) 60%) 62%,color-mix(in srgb,var(--ss-callout-accent-soft) 12%,var(--bg-surface) 88%) 82%,var(--bg-surface-subtle) 100%),var(--bg-surface);border-radius:calc(var(--radius-md) * 1.2);border:1px solid color-mix(in srgb,var(--border-subtle) 60%,var(--ss-callout-accent) 40%);.ss_callout__icon{flex-shrink:0;color:var(--ss-callout-accent);svg{width:1.6rem;height:1.6rem;display:block}}.ss_callout__content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.ss_callout__title{margin:0;font-size:1rem;font-weight:600;color:var(--fg-primary);line-height:1.45}.ss_callout__body{margin:.25rem 0 0;color:var(--fg-secondary)}.ss_callout__actions{margin-top:.65rem;display:inline-flex;gap:.65rem;font-size:.9rem;button,.ss_callout__link{padding:0;border:none;background:none;font:inherit;cursor:pointer;text-decoration:none;color:color-mix(in srgb,var(--ss-callout-accent) 80%,var(--fg-primary) 20%);&:hover{text-decoration:underline}}}&.ss_callout--subtle{box-shadow:none;border-color:var(--border-subtle);background:color-mix(in srgb,var(--bg-surface-subtle) 85%,var(--ss-callout-accent-soft) 15%)}}.ss_callout--red{--ss-callout-accent: #E53935}.ss_callout--pink{--ss-callout-accent: #D81B60}.ss_callout--purple{--ss-callout-accent: #8E24AA}.ss_callout--deep-purple{--ss-callout-accent: #5E35B1}.ss_callout--indigo{--ss-callout-accent: #3949AB}.ss_callout--blue{--ss-callout-accent: #1E88E5}.ss_callout--light-blue{--ss-callout-accent: #039BE5}.ss_callout--cyan{--ss-callout-accent: #00ACC1}.ss_callout--teal{--ss-callout-accent: #00897B}.ss_callout--green{--ss-callout-accent: #43A047}.ss_callout--light-green{--ss-callout-accent: #7CB342}.ss_callout--lime{--ss-callout-accent: #C0CA33}.ss_callout--yellow{--ss-callout-accent: #FDD835}.ss_callout--amber{--ss-callout-accent: #FFB300}.ss_callout--orange{--ss-callout-accent: #FB8C00}.ss_callout--deep-orange{--ss-callout-accent: #F4511E}.ss_callout--brown{--ss-callout-accent: #6D4C41}.ss_callout--grey{--ss-callout-accent: #757575}.ss_callout--blue-grey{--ss-callout-accent: #546E7A}.ss_dropdown{position:relative;display:inline-flex}.ss_dropdown__trigger{justify-content:center}.ss_dropdown__menu{position:absolute;top:calc(100% + .4rem);right:0;z-index:30;min-width:12rem;padding:.4rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);opacity:0;transform:translateY(-6px) scale(.98);transition:opacity .14s ease,transform .16s ease;&[data-state=open]{opacity:1;transform:translateY(0) scale(1)}&[data-state=closed]{opacity:0;transform:translateY(-6px) scale(.98)}}.ss_dropdown__item{width:100%;display:flex;align-items:center;gap:.6rem;padding:.45rem .55rem;border-radius:var(--radius-md);border:none;background:transparent;color:var(--fg-primary);cursor:pointer;text-align:left;transition:background-color .12s ease,color .12s ease;&:hover{background:var(--bg-surface-subtle)}}.ss_dropdown__item_icon{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;color:var(--fg-muted);svg{width:100%;height:100%}}.ss_dropdown__item_label{flex:1;min-width:0;font-size:.9rem}.ss_dropdown__item_check{display:inline-flex;align-items:center;justify-content:center;color:var(--primary);svg{width:1rem;height:1rem}}.ss_chip{--ss-chip-accent: var(--primary);--ss-chip-accent-soft: color-mix(in srgb, var(--ss-chip-accent) 16%, transparent);display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .65rem;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--ss-chip-accent) 45%,var(--border-subtle) 55%);background:color-mix(in srgb,var(--ss-chip-accent-soft) 60%,var(--bg-surface) 40%);color:var(--fg-primary);font-size:.82rem;line-height:1.3}.ss_chip--clickable{cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform 80ms ease;&:hover{border-color:color-mix(in srgb,var(--ss-chip-accent) 65%,var(--border-strong) 35%);background:color-mix(in srgb,var(--ss-chip-accent-soft) 75%,var(--bg-surface) 25%)}&:active{transform:translateY(1px)}}.ss_chip__label{white-space:nowrap}.ss_chip__dismiss{width:1.3rem;height:1.3rem;padding:0;border:none;background:transparent;color:var(--fg-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;svg{width:.9rem;height:.9rem}&:hover{color:var(--fg-primary)}}.ss_chip--red{--ss-chip-accent: #E53935}.ss_chip--pink{--ss-chip-accent: #D81B60}.ss_chip--purple{--ss-chip-accent: #8E24AA}.ss_chip--deep-purple{--ss-chip-accent: #5E35B1}.ss_chip--indigo{--ss-chip-accent: #3949AB}.ss_chip--blue{--ss-chip-accent: #1E88E5}.ss_chip--light-blue{--ss-chip-accent: #039BE5}.ss_chip--cyan{--ss-chip-accent: #00ACC1}.ss_chip--teal{--ss-chip-accent: #00897B}.ss_chip--green{--ss-chip-accent: #43A047}.ss_chip--light-green{--ss-chip-accent: #7CB342}.ss_chip--lime{--ss-chip-accent: #C0CA33}.ss_chip--yellow{--ss-chip-accent: #FDD835}.ss_chip--amber{--ss-chip-accent: #FFB300}.ss_chip--orange{--ss-chip-accent: #FB8C00}.ss_chip--deep-orange{--ss-chip-accent: #F4511E}.ss_chip--brown{--ss-chip-accent: #6D4C41}.ss_chip--grey{--ss-chip-accent: #757575}.ss_chip--blue-grey{--ss-chip-accent: #546E7A}.ss_table{width:100%;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-soft);overflow:hidden}.ss_table__scroll{overflow:auto}.ss_table table{width:100%;border-collapse:collapse;min-width:32rem}.ss_table th{text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);background:color-mix(in srgb,var(--bg-surface-subtle) 80%,var(--bg-surface) 20%);border-bottom:1px solid var(--border-subtle);padding:.75rem .9rem}.ss_table__header_label{display:inline-flex;align-items:center;gap:.35rem}.ss_table__sort_button{border:none;background:transparent;padding:0;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.ss_table__sort_icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor;opacity:.7}.ss_table__sort_icon svg{width:1rem;height:1rem}.ss_table td{padding:.8rem .9rem;border-bottom:1px solid var(--border-subtle);color:var(--fg-primary);font-size:.9rem}.ss_table tbody tr:last-child td{border-bottom:none}.ss_table__pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem .9rem;border-top:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-surface-subtle) 80%,var(--bg-surface) 20%)}.ss_table--pagination-top .ss_table__pagination{border-top:none;border-bottom:1px solid var(--border-subtle)}.ss_table__page_button{border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--fg-primary);border-radius:var(--radius-pill);width:2rem;height:2rem;padding:0;font-size:.85rem;cursor:pointer;transition:background-color .12s ease,border-color .12s ease;&:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-surface)}&:disabled{cursor:not-allowed;color:var(--fg-muted);border-color:var(--border-subtle);background:var(--bg-surface);opacity:.6}}.ss_table__page_info{font-size:.85rem;color:var(--fg-muted)}.ss_table__page_button svg{width:1rem;height:1rem;display:block;margin:0 auto}.ss_table td>div{display:inline-flex;align-items:center;gap:.4rem;min-width:0}.ss_table tbody tr[data-clickable=true]{cursor:pointer;transition:background-color .12s ease}.ss_table tbody tr[data-clickable=true]:hover{background:var(--bg-surface-subtle)}.ss_expandable{width:100%;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);overflow:hidden;.ss_expandable__header{width:100%;display:flex;align-items:center;gap:.6rem;padding:.9rem 1rem;text-align:left;background:var(--bg-surface);border:none;color:var(--fg-primary);cursor:pointer;user-select:none;transition:background-color .12s ease;&:hover{background:var(--bg-surface-subtle)}&:focus-visible{outline:none;box-shadow:var(--focus-ring)}}.ss_expandable__icon{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;color:var(--fg-muted);svg{width:1.1rem;height:1.1rem}}.ss_expandable__title{font-size:.96rem;font-weight:600;color:inherit}.ss_expandable__content{overflow:hidden;padding:0;background:var(--bg-surface);transition-property:height}.ss_expandable__divider_wrapper{padding:0 1rem 1rem}.ss_expandable__divider{height:1px;margin:.75rem 0 .8rem;background:var(--border-subtle)}}.ss_divider{width:100%;height:1px;background:var(--border-subtle)}.ss_divider--vertical{width:1px;height:100%}.ss_surface{width:100%;padding:1rem 1.25rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.ss_tile{width:100%;padding:.9rem 1rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.ss_tile__row{display:flex;align-items:center;gap:.5rem}.ss_tile__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--fg-muted);svg{width:1.25rem;height:1.25rem}}.ss_tile__content{flex:1;min-width:0}.ss_tile__trailing{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--fg-muted);font-size:.8rem}.ss_tile__title{margin:0;font-size:.95rem;font-weight:600;color:var(--fg-primary)}.ss_tile__link,.ss_tile__text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss_tile__link{color:inherit;text-decoration:none;&:hover{text-decoration:underline}}.ss_tile__subtitle{margin-top:.2rem;font-size:.82rem;color:var(--fg-secondary)}.ss_header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.25rem}.ss_header__text{min-width:0}.ss_header__title{margin:0;font-size:1.8rem;font-weight:600;color:var(--fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss_header__subtitle{margin:-.35rem 0 0;font-size:1rem;font-weight:500;color:var(--fg-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss_header__actions{flex-shrink:0;display:inline-flex;align-items:center;gap:.5rem}.ss_shell{height:100%;overflow:hidden;display:flex;flex-direction:column;background:var(--shell-bg);color:var(--fg-primary);.ss_shell__drawer_toggle_input{position:absolute;opacity:0;pointer-events:none}.ss_shell__header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .9rem;background:var(--shell-header-bg);backdrop-filter:blur(18px);border-bottom:1px solid var(--shell-header-border)}.ss_shell__header_left{display:flex;align-items:center;gap:.75rem}.ss_shell__drawer_toggle{display:none}.ss_shell__title{font-size:1rem;font-weight:700;letter-spacing:.02em;color:var(--fg-primary)}.ss_shell__actions{display:flex;align-items:center;gap:.4rem}.ss_shell__body{flex:1 1 auto;min-height:0;display:flex;position:relative;overflow:hidden}.ss_shell__nav{flex:0 0 16rem;max-width:16rem;background:var(--shell-nav-bg);backdrop-filter:blur(12px);border-right:1px solid var(--shell-nav-border);overflow:auto}.ss_shell__nav_inner{padding:.75rem .7rem 1rem}.ss_shell__main{flex:1 1 auto;min-width:0;overflow:auto;padding:1.25rem 1.3rem 1.6rem}.ss_shell__scrim{display:none}.ss_shell__nav_list{display:flex;flex-direction:column;gap:.25rem}.ss_shell__nav_item{display:flex;align-items:center;gap:.55rem;padding:.4rem .55rem;border-radius:var(--radius-md);color:var(--fg-primary);text-decoration:none;background:transparent;border:none;cursor:pointer;transition:background-color .12s ease,color .12s ease;&:hover{background:#2563eb0f}}.ss_shell__nav_item--active{background:#2563eb24;color:var(--fg-primary)}.ss_shell__nav_icon{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;color:var(--fg-muted)}.ss_shell__nav_label{font-size:.9rem;color:inherit}.ss_shell__nav_group{border:none;>summary{list-style:none;&::-webkit-details-marker{display:none}}}.ss_shell__nav_group_header{display:flex;align-items:center;gap:.55rem;padding:.4rem .55rem;cursor:pointer;user-select:none;background:transparent;border-radius:var(--radius-md);transition:background-color .12s ease,color .12s ease;&:hover{background:#2563eb0f}}.ss_shell__nav_group_chevron{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;color:var(--fg-muted)}.ss_shell__nav_group_chevron_svg{width:1rem;height:1rem}.ss_shell__nav_group[open]{.ss_shell__nav_group_chevron_svg{transform:rotate(90deg)}}.ss_shell__nav_group_items{padding-left:1.1rem;margin-top:.15rem;display:flex;flex-direction:column;gap:.2rem}@media (max-width: 55rem){.ss_shell__drawer_toggle{display:inline-flex}.ss_shell__nav{position:absolute;top:0;bottom:0;left:0;z-index:20;width:min(80vw,18rem);max-width:18rem;transform:translate(-100%);transition:transform .16s ease-out;box-shadow:var(--shadow-soft)}.ss_shell__main{padding:1.25rem}.ss_shell__scrim{display:block;position:absolute;inset:0;background:#02061766;opacity:0;pointer-events:none;transition:opacity .16s ease}.ss_shell__drawer_toggle_input:checked~.ss_shell__body{.ss_shell__nav{transform:translate(0)}.ss_shell__scrim{opacity:1;pointer-events:auto}}}}.ss_modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;&[data-state=closed]{pointer-events:none}.ss_modal__backdrop{position:absolute;inset:0;background:#0206178c;opacity:0;transition:opacity .16s ease}.ss_modal__panel{position:relative;z-index:1;width:min(92vw,46rem);max-height:min(85vh,720px);display:flex;flex-direction:column;gap:0;padding:0;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);opacity:0;transform:translateY(10px) scale(.985);transition:transform .18s ease,opacity .16s ease;outline:none}.ss_modal__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.3rem 1.5rem .75rem}.ss_modal__title{margin:0;font-size:1.08rem;font-weight:700;color:var(--fg-primary)}.ss_modal__close{flex-shrink:0;width:2rem;height:2rem;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;line-height:1;color:var(--clear-fg);background:var(--clear-bg);border:1px solid var(--clear-border);border-radius:var(--radius-pill);cursor:pointer;user-select:none;transition:background-color .1s ease,border-color .1s ease,transform 80ms ease;&:hover{background:var(--clear-bg-hover);border-color:var(--clear-border-hover)}&:focus-visible{outline:none;box-shadow:var(--focus-ring)}&:active{transform:translateY(1px)}}.ss_modal__body{color:var(--fg-secondary);line-height:1.6;overflow:auto}.ss_modal__body_inner{padding:0 1.5rem 1rem}.ss_modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:0 1.5rem 1.25rem}&[data-state=open]{.ss_modal__backdrop{opacity:1}.ss_modal__panel{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 40rem){padding:0;.ss_modal__panel:not(.ss_modal__panel--no-fullscreen){width:100vw;height:100vh;max-height:100vh;border-radius:0;border:none;.ss_modal__body{flex:1;min-height:0;overflow:auto}.ss_modal__footer{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border-subtle);background:var(--bg-surface)}}}}.ss_modal__panel--sm{width:min(90vw,26rem)}.ss_modal__panel--lg{width:min(92vw,48rem)}.ss_modal__panel--fullscreen{width:100vw;height:100vh;max-height:100vh;border-radius:0;border:none}.ss_modal__panel--fullscreen .ss_modal__body{flex:1;min-height:0;overflow:auto}.ss_modal__panel--fullscreen .ss_modal__footer{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border-subtle);background:var(--bg-surface)}@media (prefers-reduced-motion: reduce){*{animation-duration:0ms!important;transition-duration:0ms!important}}
+:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,sans-serif;--bg-page: #f5f5f7;--bg-surface: #ffffff;--bg-surface-subtle: #f3f4f6;--shell-bg: radial-gradient(circle at top left, #eef2ff 0, #f5f5f7 38%, #f3f4f6 100%);--shell-header-bg: rgba(255, 255, 255, .85);--shell-header-border: rgba(209, 213, 219, .8);--shell-nav-bg: rgba(255, 255, 255, .92);--shell-nav-border: rgba(209, 213, 219, .85);--fg-primary: #0f172a;--fg-secondary: #4b5563;--fg-muted: #6b7280;--fg-inverse: #ffffff;--border-subtle: #e5e7eb;--border-strong: #d1d5db;--card-accent: #2563eb;--input-bg: #ffffff;--input-fg: var(--fg-primary);--input-border: #d1d5db;--input-border-hover: #9ca3af;--input-border-disabled: #e5e7eb;--input-bg-disabled: #f3f4f6;--input-fg-disabled: #9ca3af;--input-bg-hover: #f9fafb;--input-bg-focus: #ffffff;--scrollbar-thumb: rgba(15, 23, 42, .24);--primary: #2563eb;--primary-soft: #e0ecff;--primary-soft-stronger: #d1e1ff;--on-primary: #ffffff;--error: #dc2626;--on-error: #ffffff;--error-strong: #b91c1c;--disabled: #9ca3af;--on-disabled: #f9fafb;--suggestion-bg: var(--bg-surface);--suggestion-hover-bg: #f3f4ff;--suggestion-focus-bg: #e0ebff;--suggestion-selected-bg: #e0ebff;--suggestion-indicator: #2563eb;--btn-primary-bg: var(--primary);--btn-primary-border: #1d4ed8;--btn-primary-bg-hover: #1d4ed8;--btn-primary-border-hover: #1e40af;--btn-secondary-bg: #eef1f7;--btn-secondary-border: #d1d5db;--btn-secondary-bg-hover: #e0e3ec;--btn-secondary-border-hover: #cbd0dd;--btn-tertiary-bg: transparent;--btn-tertiary-border: var(--border-subtle);--btn-tertiary-bg-hover: #e9effa;--btn-tertiary-border-hover: var(--border-strong);--clear-bg: #edeff4;--clear-border: #e2e4ec;--clear-bg-hover: #e1e4ee;--clear-border-hover: #cbd0dd;--clear-fg: #4b5563;--token-bg: #eef2ff;--token-fg: #1f2937;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-pill: 999px;--focus-ring: 0 0 0 1px rgba(37, 99, 235, .75), 0 0 0 4px rgba(191, 219, 254, .9);--focus-ring-error: 0 0 0 1px rgba(220, 38, 38, .85), 0 0 0 4px rgba(254, 202, 202, .85);--shadow-soft: 0 10px 30px rgba(15, 23, 42, .06);--btn-shadow: 0 6px 18px rgba(15, 23, 42, .16);--btn-shadow-hover: 0 10px 30px rgba(15, 23, 42, .18)}@media (prefers-color-scheme: dark){:root{--bg-page: #0f1115;--bg-surface: #14171c;--bg-surface-subtle: #1a1e24;--fg-primary: #e7e9ee;--fg-secondary: #c7cbd4;--fg-muted: #9ca3af;--fg-inverse: #0f1115;--border-subtle: #2a2f36;--border-strong: #3a4048;--card-accent: #94a3b8;--input-bg: #14171c;--input-fg: var(--fg-primary);--input-border: #2a2f36;--input-border-hover: #3a4048;--input-border-disabled: #111827;--input-bg-disabled: #14171c;--input-fg-disabled: #6b7280;--input-bg-hover: #1a1e24;--input-bg-focus: #20252c;--scrollbar-thumb: rgba(156, 163, 175, .38);--primary: #3b82f6;--primary-soft: #172554;--primary-soft-stronger: #1d4ed8;--on-primary: #ffffff;--error: #fb7185;--on-error: #0f1115;--error-strong: #f43f5e;--suggestion-bg: #14171c;--suggestion-hover-bg: #1b2027;--suggestion-focus-bg: #21262e;--suggestion-selected-bg: #262c35;--suggestion-indicator: #94a3b8;--btn-primary-bg: var(--primary);--btn-primary-border: #1d4ed8;--btn-primary-bg-hover: #1d4ed8;--btn-primary-border-hover: #1e3a8a;--btn-secondary-bg: #1a1e24;--btn-secondary-border: #2f353e;--btn-secondary-bg-hover: #232831;--btn-secondary-border-hover: #3a4048;--btn-tertiary-bg: transparent;--btn-tertiary-border: #2f353e;--btn-tertiary-bg-hover: #232831;--btn-tertiary-border-hover: #3a4048;--clear-bg: #1a1e24;--clear-border: #2f353e;--clear-bg-hover: #232831;--clear-border-hover: #3a4048;--clear-fg: #e5e7eb;--token-bg: #232831;--token-fg: #e5e7eb;--shadow-soft: 0 18px 50px rgba(0, 0, 0, .75);--btn-shadow: 0 12px 30px rgba(0, 0, 0, .65);--btn-shadow-hover: 0 16px 40px rgba(0, 0, 0, .85);--shell-bg: radial-gradient(circle at top left, #1c2129 0, #0f1115 45%, #12161b 100%);--shell-header-bg: rgba(20, 23, 28, .92);--shell-header-border: rgba(58, 64, 72, .9);--shell-nav-bg: rgba(20, 23, 28, .96);--shell-nav-border: rgba(58, 64, 72, .92)}}@keyframes input-alert-appear{0%{opacity:0;transform:translateY(-1px)}to{opacity:1;transform:translateY(0)}}*,*:before,*:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}body{margin:0;font-family:inherit;color:var(--fg-primary);background-color:var(--bg-page);font-size:14px}html,body,#root{position:relative;height:100%;width:100%;overflow:hidden}.ss_form{max-width:48rem;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:1rem;padding:.5rem 0}.ss__suggestions{position:absolute;top:calc(100% + .35rem);left:0;right:0;z-index:10;display:flex;flex-direction:column;max-height:clamp(7rem,35vh,14rem);margin:0;padding:.25rem 0;list-style-type:none;background-color:var(--suggestion-bg);border-width:1px;border-style:solid;border-color:var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);overflow-y:auto;overflow-x:hidden;li{display:flex;align-items:flex-start;gap:.4rem;padding:.45rem .8rem;font-size:.9rem;line-height:1.45;color:var(--fg-primary);cursor:pointer;user-select:none;outline:none;+li{border-top:1px solid var(--border-subtle)}&:hover{background-color:var(--suggestion-hover-bg)}&:focus{background-color:var(--suggestion-focus-bg)}&.ss__hovered{background-color:var(--suggestion-focus-bg)}&.ss__selected{font-weight:500;background-color:var(--suggestion-selected-bg);box-shadow:inset 2px 0 0 var(--suggestion-indicator)}&.ss__selected.ss__hovered,&.ss__selected:hover{background-color:#2563eb14}.ss__title{font-weight:500}.ss__description{font-size:.8rem;color:var(--fg-muted)}}&::-webkit-scrollbar{width:6px}&::-webkit-scrollbar-track{background:transparent}&::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:999px}}.ss_form_input,.ss_form_date{display:flex;flex-direction:column;gap:.35rem;label{margin:0;font-size:.78rem;font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--fg-muted)}.ss__wrapper{position:relative;display:inline-block;width:100%}input{display:block;width:100%;min-width:0;padding:.55rem .7rem;font-size:.95rem;line-height:1.4;color:var(--input-fg);background-color:var(--input-bg);border-width:1px;border-style:solid;border-color:var(--input-border);border-radius:var(--radius-md);outline:none;box-shadow:none;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease,transform 80ms ease;&:hover:not([disabled]){border-color:var(--input-border-hover);background-color:var(--input-bg-hover)}&:focus-visible{border-color:var(--primary);box-shadow:var(--focus-ring);background-color:var(--input-bg-focus)}&[disabled]{cursor:not-allowed;color:var(--input-fg-disabled);background-color:var(--input-bg-disabled);border-color:var(--input-border-disabled)}}.ss__suggestions{max-height:clamp(7rem,30vh,12rem)}&:not(:focus-within){.ss__suggestions{display:none}}&:has([role=alert]){input{border-color:var(--error);box-shadow:var(--focus-ring-error)}}[role=alert]{margin-top:.15rem;font-size:.8rem;line-height:1.4;color:var(--error);animation:.12s input-alert-appear ease-out}}.ss_form_date{position:relative;input{padding-right:2.1rem}input::-webkit-calendar-picker-indicator{opacity:0;display:none}}.ss_form_date__icon{position:absolute;right:.7rem;top:50%;width:1rem;height:1rem;transform:translateY(-50%);color:var(--fg-muted);padding:0;border:none;background:transparent;cursor:pointer;&:disabled{cursor:not-allowed;color:var(--input-fg-disabled)}svg{width:100%;height:100%;display:block}}.ss_form_date__picker{position:absolute;top:calc(100% + .35rem);left:0;z-index:10;width:min(18rem,100%);padding:.75rem;border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:var(--bg-surface);box-shadow:var(--shadow-soft)}.ss_form_date__header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.6rem}.ss_form_date__nav_group{display:flex;align-items:center;gap:.35rem}.ss_form_date__title{font-size:.9rem;font-weight:600;color:var(--fg-primary);text-transform:capitalize}.ss_form_date__nav{width:1.8rem;height:1.8rem;border-radius:var(--radius-pill);border:1px solid var(--border-subtle);background:var(--bg-surface-subtle);color:var(--fg-primary);cursor:pointer;transition:background-color .12s ease,border-color .12s ease;&:hover{border-color:var(--border-strong)}}.ss_form_date__nav svg{width:1rem;height:1rem;display:block;margin:0 auto}.ss_form_date__weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:.2rem;margin-bottom:.35rem;font-size:.75rem;color:var(--fg-muted);text-align:center}.ss_form_date__grid{display:grid;grid-template-columns:repeat(7,1fr);gap:.2rem}.ss_form_date__day{height:2rem;border-radius:var(--radius-md);border:1px solid transparent;background:transparent;color:var(--fg-primary);cursor:pointer;transition:background-color .12s ease,border-color .12s ease;&:hover{background:var(--bg-surface-subtle)}&.is-selected{background:var(--primary-soft);border-color:var(--primary);color:var(--fg-primary);font-weight:600}&.is-today:not(.is-selected){border-color:var(--border-strong);background:var(--bg-surface-subtle);color:var(--fg-primary);font-weight:500}}.ss_form_date__day.is-empty{border:none;background:transparent;cursor:default}.ss_form_checkbox{display:flex;flex-direction:column;gap:.3rem;width:100%;font-size:.9rem;color:var(--fg-secondary);.ss__wrapper{display:inline-flex;align-items:flex-start;gap:.55rem;padding:.15rem .05rem;font-size:.9rem;line-height:1.5;color:var(--fg-secondary);background-color:transparent;border:none;outline:none}input[type=checkbox]{margin-top:.12rem;width:1.05rem;height:1.05rem;flex-shrink:0;position:relative;appearance:none;-webkit-appearance:none;-moz-appearance:none;accent-color:initial;border-radius:calc(var(--radius-sm) * .9);border:1px solid var(--border-strong);background-color:var(--bg-surface);box-shadow:0 1px 1px #0f172a0f;cursor:pointer;outline:none;transition:background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform 80ms ease;&:hover:not(:disabled){border-color:var(--input-border-hover);background-color:var(--input-bg-hover)}&:active:not(:disabled){transform:translateY(1px)}&:after{content:"";position:absolute;inset:0;margin:auto;width:.55rem;height:.3rem;border-left:2px solid var(--on-primary);border-bottom:2px solid var(--on-primary);transform-origin:center;transform:translateY(-1px) rotate(-45deg) scale(.2);opacity:0;transition:transform .12s ease-out,opacity .12s ease-out}&:checked,&[aria-checked=true]{background-color:var(--primary)!important;border-color:var(--primary)!important;&:after{opacity:1;transform:translateY(-1px) rotate(-45deg) scale(1)}}&:checked[disabled],&[aria-checked=true][disabled]{background-color:color-mix(in srgb,var(--input-bg-disabled) 70%,var(--fg-primary))!important;border-color:var(--input-border-disabled)!important}&[disabled]{cursor:not-allowed;background-color:var(--input-bg-disabled);border-color:var(--input-border-disabled);box-shadow:none;opacity:.75;&:after{border-color:#fff}}}&:has(input[type=checkbox]:focus-visible){input[type=checkbox]{outline:none;box-shadow:var(--focus-ring)}}label{margin:0;font-size:.9rem;line-height:1.5;color:var(--fg-primary);cursor:pointer;user-select:none}&:has(input[type=checkbox][disabled]){color:var(--input-fg-disabled);user-select:none;label{cursor:not-allowed;color:var(--input-fg-disabled)}}[role=alert]{font-size:.8rem;color:var(--error);animation:.12s input-alert-appear ease-out}}.ss_form_select{display:flex;flex-direction:column;gap:.35rem;width:100%;label{margin:0;font-size:.78rem;font-weight:600;letter-spacing:.01em;color:var(--fg-muted)}select{display:block;width:100%;padding:.55rem 2.1rem .55rem .7rem;font-size:.95rem;line-height:1.4;color:var(--input-fg);background-color:var(--input-bg);background-image:none;border-width:1px;border-style:solid;border-color:var(--input-border);border-radius:var(--radius-md);outline:none;appearance:none;box-shadow:none;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease;&:hover:not([disabled]){border-color:var(--input-border-hover);background-color:var(--input-bg-hover)}&:focus-visible{border-color:var(--primary);box-shadow:var(--focus-ring);background-color:var(--input-bg-focus)}&:has(+[role=alert]){border-color:var(--error);box-shadow:var(--focus-ring-error)}&[disabled]{cursor:not-allowed;color:var(--input-fg-disabled);background-color:var(--input-bg-disabled);border-color:var(--input-border-disabled)}}.ss_form_select__field{position:relative}.ss_form_select__icon{position:absolute;right:.7rem;top:50%;width:1rem;height:1rem;transform:translateY(-50%);color:var(--fg-muted);pointer-events:none}.ss_form_select__icon svg{width:100%;height:100%;display:block}[role=alert]{font-size:.8rem;color:var(--error);animation:.12s input-alert-appear ease-out}}.ss_form_ac_select{display:flex;flex-direction:column;gap:.35rem;label{margin:0;font-size:.78rem;font-weight:600;letter-spacing:.01em;color:var(--fg-muted)}.ss__wrapper{position:relative;display:inline-block;width:100%}.ss__input_row{display:flex;align-items:center;gap:.4rem;width:100%;min-width:0;padding:.5rem .65rem;font-size:.95rem;line-height:1.4;color:var(--input-fg);background-color:var(--input-bg);border-width:1px;border-style:solid;border-color:var(--input-border);border-radius:var(--radius-md);outline:none;box-shadow:none;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease;&:hover:not(:has([disabled])){border-color:var(--input-border-hover);background-color:var(--input-bg-hover)}&:has([disabled]){cursor:not-allowed;color:var(--input-fg-disabled);background-color:var(--input-bg-disabled);border-color:var(--input-border-disabled)}input{flex-grow:1;min-width:0;padding:0;font-size:inherit;line-height:inherit;color:inherit;background-color:transparent;border:none;outline:none}.ss__prefix{flex-shrink:0;padding:.2rem .6rem;font-size:.78rem;line-height:1.3;white-space:nowrap;color:var(--token-fg);background-color:var(--token-bg);border-radius:var(--radius-pill);cursor:pointer;user-select:none;border:1px solid rgba(37,99,235,.18);transition:background-color .1s ease,border-color .1s ease,transform 80ms ease,box-shadow .1s ease;&:hover{background-color:#2563eb0f;border-color:#2563eb59;box-shadow:0 0 0 1px #bfdbfecc}&:active{transform:translateY(1px)}}.ss__prefix[aria-disabled=true]{cursor:not-allowed;opacity:.6;pointer-events:none}.ss__suffix{flex-shrink:0}}.ss__selection{display:flex;align-items:center;gap:.5rem;width:100%;min-width:0;padding:.5rem .65rem;font-size:.95rem;line-height:1.4;color:var(--input-fg);background-color:var(--input-bg);border-width:1px;border-style:solid;border-color:var(--input-border);border-radius:var(--radius-md);outline:none;box-shadow:none;transition:border-color .12s ease,box-shadow .12s ease,background-color .12s ease;&:has(.ss__clear[disabled]){cursor:not-allowed;color:var(--input-fg-disabled);background-color:var(--input-bg-disabled);border-color:var(--input-border-disabled)}}.ss__content{flex:1;min-width:0}.ss__clear{flex-shrink:0;width:1.7rem;height:1.7rem;display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;line-height:1;color:var(--clear-fg);background:var(--clear-bg);border-width:1px;border-style:solid;border-color:var(--clear-border);border-radius:var(--radius-pill);cursor:pointer;user-select:none;transition:background-color .1s ease,border-color .1s ease,transform 80ms ease;&:hover:not([disabled]){border-color:var(--clear-border-hover);background-color:var(--clear-bg-hover)}&:active:not([disabled]){transform:translateY(1px)}&[disabled]{cursor:not-allowed;opacity:.55}}.ss__suggestions{max-height:clamp(8rem,40vh,16rem);li{padding-inline:.85rem}}&:not(:focus-within){.ss__suggestions{display:none}}&:focus-within{.ss__input_row,.ss__selection{border-color:var(--primary);box-shadow:var(--focus-ring);background-color:var(--input-bg-focus)}}&:has([role=alert]){.ss__input_row,.ss__selection{border-color:var(--error);box-shadow:var(--focus-ring-error)}}[role=alert]{font-size:.8rem;color:var(--error);animation:.12s input-alert-appear ease-out}}.ss_button{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;padding:.55rem 1.05rem;font-size:.9rem;font-weight:600;text-transform:none;text-align:center;letter-spacing:.01em;color:var(--on-primary);background:var(--btn-primary-bg);border:1px solid var(--btn-primary-border);border-radius:var(--radius-pill);outline:none;cursor:pointer;user-select:none;transition:background-color .12s ease,border-color .12s ease,opacity 80ms ease,transform 80ms ease,color .1s ease;&.secondary{color:var(--fg-primary);background:var(--btn-secondary-bg);border-color:var(--btn-secondary-border);box-shadow:none}&.tertiary{color:var(--fg-secondary);background:var(--btn-tertiary-bg);border-color:var(--btn-tertiary-border);box-shadow:none}&.danger{color:var(--on-error);background:var(--error);border-color:var(--error)}&:hover:not([disabled]){background-color:var(--btn-primary-bg-hover);border-color:var(--btn-primary-border-hover);&.secondary{background-color:var(--btn-secondary-bg-hover);border-color:var(--btn-secondary-border-hover)}&.tertiary{background-color:var(--btn-tertiary-bg-hover);border-color:var(--btn-tertiary-border-hover)}&.danger{background-color:var(--error-strong);border-color:var(--error-strong)}}&:active:not([disabled]){transform:translateY(1px)}&:focus-visible{outline:none;box-shadow:var(--focus-ring)}&[disabled]{cursor:not-allowed;color:var(--on-disabled);background:var(--disabled);border-color:var(--disabled);opacity:.9}}.ss_button--icon{width:2.1rem;height:2.1rem;padding:0;font-size:1.1rem;line-height:1;color:var(--fg-primary);background:transparent;border-color:transparent;border-radius:var(--radius-pill);box-shadow:none;transition:background-color .1s ease,border-color .1s ease,transform 80ms ease;&:hover:not([disabled]){background-color:var(--btn-tertiary-bg-hover);border-color:var(--btn-tertiary-border-hover)}&:active:not([disabled]){transform:translateY(1px)}&[disabled]{opacity:.5}}.ss_callout{--ss-callout-accent: var(--primary);--ss-callout-accent-soft: color-mix(in srgb, var(--ss-callout-accent) 22%, transparent);position:relative;display:flex;align-items:center;gap:1rem;width:100%;padding:1.15rem 1.4rem;font-size:.95rem;line-height:1.55;color:var(--fg-secondary);background:radial-gradient(circle at top left,var(--ss-callout-accent-soft) 0%,color-mix(in srgb,var(--ss-callout-accent-soft) 80%,var(--bg-surface) 20%) 28%,color-mix(in srgb,var(--ss-callout-accent-soft) 40%,var(--bg-surface) 60%) 62%,color-mix(in srgb,var(--ss-callout-accent-soft) 12%,var(--bg-surface) 88%) 82%,var(--bg-surface-subtle) 100%),var(--bg-surface);border-radius:calc(var(--radius-md) * 1.2);border:1px solid color-mix(in srgb,var(--border-subtle) 60%,var(--ss-callout-accent) 40%);.ss_callout__icon{flex-shrink:0;color:var(--ss-callout-accent);svg{width:1.6rem;height:1.6rem;display:block}}.ss_callout__content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center}.ss_callout__title{margin:0;font-size:1rem;font-weight:600;color:var(--fg-primary);line-height:1.45}.ss_callout__body{margin:.25rem 0 0;color:var(--fg-secondary)}.ss_callout__actions{margin-top:.65rem;display:inline-flex;gap:.65rem;font-size:.9rem;button,.ss_callout__link{padding:0;border:none;background:none;font:inherit;cursor:pointer;text-decoration:none;color:color-mix(in srgb,var(--ss-callout-accent) 80%,var(--fg-primary) 20%);&:hover{text-decoration:underline}}}&.ss_callout--subtle{box-shadow:none;border-color:var(--border-subtle);background:color-mix(in srgb,var(--bg-surface-subtle) 85%,var(--ss-callout-accent-soft) 15%)}}.ss_callout--red{--ss-callout-accent: #E53935}.ss_callout--pink{--ss-callout-accent: #D81B60}.ss_callout--purple{--ss-callout-accent: #8E24AA}.ss_callout--deep-purple{--ss-callout-accent: #5E35B1}.ss_callout--indigo{--ss-callout-accent: #3949AB}.ss_callout--blue{--ss-callout-accent: #1E88E5}.ss_callout--light-blue{--ss-callout-accent: #039BE5}.ss_callout--cyan{--ss-callout-accent: #00ACC1}.ss_callout--teal{--ss-callout-accent: #00897B}.ss_callout--green{--ss-callout-accent: #43A047}.ss_callout--light-green{--ss-callout-accent: #7CB342}.ss_callout--lime{--ss-callout-accent: #C0CA33}.ss_callout--yellow{--ss-callout-accent: #FDD835}.ss_callout--amber{--ss-callout-accent: #FFB300}.ss_callout--orange{--ss-callout-accent: #FB8C00}.ss_callout--deep-orange{--ss-callout-accent: #F4511E}.ss_callout--brown{--ss-callout-accent: #6D4C41}.ss_callout--grey{--ss-callout-accent: #757575}.ss_callout--blue-grey{--ss-callout-accent: #546E7A}.ss_dropdown{position:relative;display:inline-flex}.ss_dropdown__trigger{justify-content:center}.ss_dropdown__menu{position:absolute;top:calc(100% + .4rem);right:0;z-index:30;min-width:12rem;padding:.4rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);opacity:0;transform:translateY(-6px) scale(.98);transition:opacity .14s ease,transform .16s ease;&[data-state=open]{opacity:1;transform:translateY(0) scale(1)}&[data-state=closed]{opacity:0;transform:translateY(-6px) scale(.98)}}.ss_dropdown__item{width:100%;display:flex;align-items:center;gap:.6rem;padding:.45rem .55rem;border-radius:var(--radius-md);border:none;background:transparent;color:var(--fg-primary);cursor:pointer;text-align:left;transition:background-color .12s ease,color .12s ease;&:hover{background:var(--bg-surface-subtle)}}.ss_dropdown__item_icon{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;color:var(--fg-muted);svg{width:100%;height:100%}}.ss_dropdown__item_label{flex:1;min-width:0;font-size:.9rem}.ss_dropdown__item_check{display:inline-flex;align-items:center;justify-content:center;color:var(--primary);svg{width:1rem;height:1rem}}.ss_chip{--ss-chip-accent: var(--primary);--ss-chip-accent-soft: color-mix(in srgb, var(--ss-chip-accent) 16%, transparent);display:inline-flex;align-items:center;gap:.4rem;padding:.3rem .65rem;border-radius:var(--radius-pill);border:1px solid color-mix(in srgb,var(--ss-chip-accent) 45%,var(--border-subtle) 55%);background:color-mix(in srgb,var(--ss-chip-accent-soft) 60%,var(--bg-surface) 40%);color:var(--fg-primary);font-size:.82rem;line-height:1.3}.ss_chip--clickable{cursor:pointer;transition:background-color .12s ease,border-color .12s ease,transform 80ms ease;&:hover{border-color:color-mix(in srgb,var(--ss-chip-accent) 65%,var(--border-strong) 35%);background:color-mix(in srgb,var(--ss-chip-accent-soft) 75%,var(--bg-surface) 25%)}&:active{transform:translateY(1px)}}.ss_chip__label{white-space:nowrap}.ss_chip__dismiss{width:1.3rem;height:1.3rem;padding:0;border:none;background:transparent;color:var(--fg-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;svg{width:.9rem;height:.9rem}&:hover{color:var(--fg-primary)}}.ss_chip--red{--ss-chip-accent: #E53935}.ss_chip--pink{--ss-chip-accent: #D81B60}.ss_chip--purple{--ss-chip-accent: #8E24AA}.ss_chip--deep-purple{--ss-chip-accent: #5E35B1}.ss_chip--indigo{--ss-chip-accent: #3949AB}.ss_chip--blue{--ss-chip-accent: #1E88E5}.ss_chip--light-blue{--ss-chip-accent: #039BE5}.ss_chip--cyan{--ss-chip-accent: #00ACC1}.ss_chip--teal{--ss-chip-accent: #00897B}.ss_chip--green{--ss-chip-accent: #43A047}.ss_chip--light-green{--ss-chip-accent: #7CB342}.ss_chip--lime{--ss-chip-accent: #C0CA33}.ss_chip--yellow{--ss-chip-accent: #FDD835}.ss_chip--amber{--ss-chip-accent: #FFB300}.ss_chip--orange{--ss-chip-accent: #FB8C00}.ss_chip--deep-orange{--ss-chip-accent: #F4511E}.ss_chip--brown{--ss-chip-accent: #6D4C41}.ss_chip--grey{--ss-chip-accent: #757575}.ss_chip--blue-grey{--ss-chip-accent: #546E7A}.ss_table{width:100%;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--bg-surface);box-shadow:var(--shadow-soft);overflow:hidden}.ss_table__scroll{overflow:auto}.ss_table table{width:100%;border-collapse:collapse;min-width:32rem}.ss_table th{text-align:left;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em;color:var(--fg-muted);background:color-mix(in srgb,var(--bg-surface-subtle) 80%,var(--bg-surface) 20%);border-bottom:1px solid var(--border-subtle);padding:.75rem .9rem}.ss_table__header_label{display:inline-flex;align-items:center;gap:.35rem}.ss_table__sort_button{border:none;background:transparent;padding:0;font:inherit;color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.35rem}.ss_table__sort_icon{display:inline-flex;align-items:center;justify-content:center;color:currentColor;opacity:.7}.ss_table__sort_icon svg{width:1rem;height:1rem}.ss_table td{padding:.8rem .9rem;border-bottom:1px solid var(--border-subtle);color:var(--fg-primary);font-size:.9rem}.ss_table tbody tr:last-child td{border-bottom:none}.ss_table__pagination{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:.75rem .9rem;border-top:1px solid var(--border-subtle);background:color-mix(in srgb,var(--bg-surface-subtle) 80%,var(--bg-surface) 20%)}.ss_table--pagination-top .ss_table__pagination{border-top:none;border-bottom:1px solid var(--border-subtle)}.ss_table__page_button{border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--fg-primary);border-radius:var(--radius-pill);width:2rem;height:2rem;padding:0;font-size:.85rem;cursor:pointer;transition:background-color .12s ease,border-color .12s ease;&:hover:not(:disabled){border-color:var(--border-strong);background:var(--bg-surface)}&:disabled{cursor:not-allowed;color:var(--fg-muted);border-color:var(--border-subtle);background:var(--bg-surface);opacity:.6}}.ss_table__page_info{font-size:.85rem;color:var(--fg-muted)}.ss_table__page_button svg{width:1rem;height:1rem;display:block;margin:0 auto}.ss_table td>div{display:inline-flex;align-items:center;gap:.4rem;min-width:0}.ss_table tbody tr[data-clickable=true]{cursor:pointer;transition:background-color .12s ease}.ss_table tbody tr[data-clickable=true]:hover{background:var(--bg-surface-subtle)}.ss_expandable{width:100%;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-soft);overflow:hidden;.ss_expandable__header{width:100%;display:flex;align-items:center;gap:.6rem;padding:.9rem 1rem;text-align:left;background:var(--bg-surface);border:none;color:var(--fg-primary);cursor:pointer;user-select:none;transition:background-color .12s ease;&:hover{background:var(--bg-surface-subtle)}&:focus-visible{outline:none;box-shadow:var(--focus-ring)}}.ss_expandable__icon{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;color:var(--fg-muted);svg{width:1.1rem;height:1.1rem}}.ss_expandable__title{font-size:.96rem;font-weight:600;color:inherit}.ss_expandable__content{overflow:hidden;padding:0;background:var(--bg-surface);transition-property:height}.ss_expandable__divider_wrapper{padding:0 1rem 1rem}.ss_expandable__divider{height:1px;margin:.75rem 0 .8rem;background:var(--border-subtle)}}.ss_divider{width:100%;height:1px;background:var(--border-subtle)}.ss_divider--vertical{width:1px;height:100%}.ss_surface{width:100%;padding:1rem 1.25rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft)}.ss_tile{width:100%;padding:.9rem 1rem;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.ss_tile__row{display:flex;align-items:center;gap:.5rem}.ss_tile__icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--fg-muted);svg{width:1.25rem;height:1.25rem}}.ss_tile__content{flex:1;min-width:0}.ss_tile__trailing{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--fg-muted);font-size:.8rem}.ss_tile__title{margin:0;font-size:.95rem;font-weight:600;color:var(--fg-primary)}.ss_tile__link,.ss_tile__text{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss_tile__link{color:inherit;text-decoration:none;&:hover{text-decoration:underline}}.ss_tile__subtitle{margin-top:.2rem;font-size:.82rem;color:var(--fg-secondary)}.ss_header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.25rem}.ss_header__text{min-width:0}.ss_header__title{margin:0;font-size:1.8rem;font-weight:600;color:var(--fg-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss_header__subtitle{margin:-.35rem 0 0;font-size:1rem;font-weight:500;color:var(--fg-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ss_header__actions{flex-shrink:0;display:inline-flex;align-items:center;gap:.5rem}.ss_shell{height:100%;overflow:hidden;display:flex;flex-direction:column;background:var(--shell-bg);color:var(--fg-primary);.ss_shell__drawer_toggle_input{position:absolute;opacity:0;pointer-events:none}.ss_shell__header{flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.7rem .9rem;background:var(--shell-header-bg);backdrop-filter:blur(18px);border-bottom:1px solid var(--shell-header-border)}.ss_shell__header_left{display:flex;align-items:center;gap:.75rem}.ss_shell__drawer_toggle{display:none}.ss_shell__title{font-size:1rem;font-weight:700;letter-spacing:.02em;color:var(--fg-primary)}.ss_shell__actions{display:flex;align-items:center;gap:.4rem}.ss_shell__body{flex:1 1 auto;min-height:0;display:flex;position:relative;overflow:hidden}.ss_shell__nav{flex:0 0 16rem;max-width:16rem;background:var(--shell-nav-bg);backdrop-filter:blur(12px);border-right:1px solid var(--shell-nav-border);overflow:auto}.ss_shell__nav_inner{padding:.75rem .7rem 1rem}.ss_shell__main{flex:1 1 auto;min-width:0;overflow:auto;padding:1.25rem 1.3rem 1.6rem}.ss_shell__scrim{display:none}.ss_shell__nav_list{display:flex;flex-direction:column;gap:.25rem}.ss_shell__nav_item{display:flex;align-items:center;gap:.55rem;padding:.4rem .55rem;border-radius:var(--radius-md);color:var(--fg-primary);text-decoration:none;background:transparent;border:none;cursor:pointer;transition:background-color .12s ease,color .12s ease;&:hover{background:#2563eb0f}}.ss_shell__nav_item--active{background:#2563eb24;color:var(--fg-primary)}.ss_shell__nav_icon{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;color:var(--fg-muted)}.ss_shell__nav_label{font-size:.9rem;color:inherit}.ss_shell__nav_group{border:none;>summary{list-style:none;&::-webkit-details-marker{display:none}}}.ss_shell__nav_group_header{display:flex;align-items:center;gap:.55rem;padding:.4rem .55rem;cursor:pointer;user-select:none;background:transparent;border-radius:var(--radius-md);transition:background-color .12s ease,color .12s ease;&:hover{background:#2563eb0f}}.ss_shell__nav_group_chevron{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:1rem;height:1rem;color:var(--fg-muted)}.ss_shell__nav_group_chevron_svg{width:1rem;height:1rem}.ss_shell__nav_group[open]{.ss_shell__nav_group_chevron_svg{transform:rotate(90deg)}}.ss_shell__nav_group_items{padding-left:1.1rem;margin-top:.15rem;display:flex;flex-direction:column;gap:.2rem}@media (max-width: 55rem){.ss_shell__drawer_toggle{display:inline-flex}.ss_shell__nav{position:absolute;top:0;bottom:0;left:0;z-index:20;width:min(80vw,18rem);max-width:18rem;transform:translate(-100%);transition:transform .16s ease-out;box-shadow:var(--shadow-soft)}.ss_shell__main{padding:1.25rem}.ss_shell__scrim{display:block;position:absolute;inset:0;background:#02061766;opacity:0;pointer-events:none;transition:opacity .16s ease}.ss_shell__drawer_toggle_input:checked~.ss_shell__body{.ss_shell__nav{transform:translate(0)}.ss_shell__scrim{opacity:1;pointer-events:auto}}}}.ss_modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;&[data-state=closed]{pointer-events:none}.ss_modal__backdrop{position:absolute;inset:0;background:#0206178c;opacity:0;transition:opacity .16s ease}.ss_modal__panel{position:relative;z-index:1;width:min(92vw,46rem);max-height:min(85vh,720px);display:flex;flex-direction:column;gap:0;padding:0;background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);opacity:0;transform:translateY(10px) scale(.985);transition:transform .18s ease,opacity .16s ease;outline:none}.ss_modal__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.3rem 1.5rem .75rem}.ss_modal__title{margin:0;font-size:1.08rem;font-weight:700;color:var(--fg-primary)}.ss_modal__close{flex-shrink:0;width:2rem;height:2rem;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:1.05rem;line-height:1;color:var(--clear-fg);background:var(--clear-bg);border:1px solid var(--clear-border);border-radius:var(--radius-pill);cursor:pointer;user-select:none;transition:background-color .1s ease,border-color .1s ease,transform 80ms ease;&:hover{background:var(--clear-bg-hover);border-color:var(--clear-border-hover)}&:focus-visible{outline:none;box-shadow:var(--focus-ring)}&:active{transform:translateY(1px)}}.ss_modal__body{color:var(--fg-secondary);line-height:1.6;overflow:auto}.ss_modal__body_inner{padding:0 1.5rem 1rem}.ss_modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;padding:0 1.5rem 1.25rem}&[data-state=open]{.ss_modal__backdrop{opacity:1}.ss_modal__panel{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 40rem){padding:0;.ss_modal__panel:not(.ss_modal__panel--no-fullscreen){width:100vw;height:100vh;max-height:100vh;border-radius:0;border:none;.ss_modal__body{flex:1;min-height:0;overflow:auto}.ss_modal__footer{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border-subtle);background:var(--bg-surface)}}}}.ss_modal__panel--sm{width:min(90vw,26rem)}.ss_modal__panel--lg{width:min(92vw,48rem)}.ss_modal__panel--fullscreen{width:100vw;height:100vh;max-height:100vh;border-radius:0;border:none}.ss_modal__panel--fullscreen .ss_modal__body{flex:1;min-height:0;overflow:auto}.ss_modal__panel--fullscreen .ss_modal__footer{margin-top:auto;padding-top:.75rem;border-top:1px solid var(--border-subtle);background:var(--bg-surface)}@media (prefers-reduced-motion: reduce){*{animation-duration:0ms!important;transition-duration:0ms!important}}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sortsys/ui",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Simple and beautiful UI library for sortsys",
   "license": "MIT",
   "author": "Ludwig Lehnert",

package/dist/index.js

@@ -1,2 +0,0 @@
-import {template,delegateEvents,insert,memo,effect,setAttribute,use,createComponent,addEventListener,className,spread,mergeProps,style,setStyleProperty,Portal}from'solid-js/web';import {createContext,useContext,createSignal,onMount,onCleanup,createEffect,createUniqueId,For,untrack,createMemo,Show,createResource}from'solid-js';import {useLocation,A,useNavigate}from'@solidjs/router';var wt=template("<button>");function U(e){let t=()=>["ss_button",e.isIconOnly?"ss_button--icon":"",e.class??""].filter(Boolean).join(" ");return (()=>{var r=wt();return addEventListener(r,"click",e.onclick,true),insert(r,()=>e.children),effect(l=>{var i=e.type??"button",n=t(),c=e.disabled,h=e.ariaLabel,b=e.form;return i!==l.e&&setAttribute(r,"type",l.e=i),n!==l.t&&className(r,l.t=n),c!==l.a&&(r.disabled=l.a=c),h!==l.o&&setAttribute(r,"aria-label",l.o=h),b!==l.i&&setAttribute(r,"form",l.i=b),l},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),r})()}delegateEvents(["click"]);var yt=template("<div><span class=ss_callout__icon></span><div class=ss_callout__content><span>");function St(e){let{icon:t,color:r,class:l,style:i,children:n,...c}=e;return (()=>{var h=yt(),b=h.firstChild,v=b.nextSibling,a=v.firstChild;return spread(h,mergeProps(c,{class:`ss_callout ss_callout--${r} ${l??""}`,style:i}),false,true),insert(b,t),insert(a,n),h})()}var Et=template("<button type=button><span class=ss_chip__label>"),Dt=template("<div><span class=ss_chip__label>"),Lt=template('<button type=button class=ss_chip__dismiss aria-label=Entfernen><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-x"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M18 6l-12 12"></path><path d="M6 6l12 12">');function Tt(e){let t=`ss_chip ss_chip--${e.color??"blue"} ${e.class??""}`;return "onclick"in e&&e.onclick?(()=>{var r=Et(),l=r.firstChild;return addEventListener(r,"click",e.onclick,true),className(r,`${t} ss_chip--clickable`),insert(l,()=>e.children),effect(i=>style(r,e.style,i)),r})():(()=>{var r=Dt(),l=r.firstChild;return className(r,t),insert(l,()=>e.children),insert(r,(()=>{var i=memo(()=>!!("ondismiss"in e&&e.ondismiss));return ()=>i()&&(()=>{var n=Lt();return addEventListener(n,"click",e.ondismiss,true),n})()})(),null),effect(i=>style(r,e.style,i)),r})()}delegateEvents(["click"]);var At=template("<div>"),Ht=template('<div class=ss_table__pagination><button type=button class=ss_table__page_button aria-label="Erste Seite"><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-left-pipe"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M7 6v12"></path><path d="M18 6l-6 6l6 6"></path></svg></button><button type=button class=ss_table__page_button aria-label="Vorherige Seite"><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-left"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M15 6l-6 6l6 6"></path></svg></button><span class=ss_table__page_info>Seite <!> von </span><button type=button class=ss_table__page_button aria-label="N\xE4chste Seite"><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M9 6l6 6l-6 6"></path></svg></button><button type=button class=ss_table__page_button aria-label="Letzte Seite"><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right-pipe"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M6 6l6 6l-6 6"></path><path d="M17 5v13">'),Pt=template("<div><div class=ss_table__scroll><table><thead><tr></tr></thead><tbody>"),Nt=template("<th>"),zt=template("<button type=button class=ss_table__sort_button><span class=ss_table__sort_icon aria-hidden=true>"),Ot=template('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M6 9l6 6l6 -6">'),Vt=template('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-up"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M6 15l6 -6l6 6">'),jt=template('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-selector"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M8 9l4 -4l4 4"></path><path d="M16 15l-4 4l-4 -4">'),qt=template("<span class=ss_table__header_label>"),Yt=template("<tr>"),Rt=template("<td>");function Jt(e){let t=createMemo(()=>e.render(e.row)),[r]=createResource(async()=>{let l=t();return l&&typeof l.then=="function"?await l:null});return (()=>{var l=At();return insert(l,()=>{let i=t();return i&&typeof i.then=="function"?r()??"":i}),l})()}function Wt(e){let[t,r]=createSignal(-1),[l,i]=createSignal(null),[n,c]=createSignal(1),h=()=>Math.max(1,e.pageSize??25),b=createMemo(()=>{let x=t(),M=l();if(x<0||!M)return e.rows;let D=e.columns[x];if(!D?.sortKey)return e.rows;let g=e.rows.map((C,d)=>({row:C,idx:d,key:D.sortKey(C)}));return g.sort((C,d)=>C.key===d.key?C.idx-d.idx:C.key<d.key?M==="asc"?-1:1:M==="asc"?1:-1),g.map(C=>C.row)}),v=createMemo(()=>Math.max(1,Math.ceil(b().length/h()))),a=createMemo(()=>{let M=(Math.min(n(),v())-1)*h();return b().slice(M,M+h())});createEffect(()=>{n()>v()&&c(v());});let s=x=>{if(t()!==x){r(x),i("asc"),c(1);return}if(l()==="asc"){i("desc");return}if(l()==="desc"){r(-1),i(null),c(1);return}i("asc"),c(1);},o=x=>{let M=Math.min(Math.max(1,x),v());c(M);},p=()=>e.paginationPosition??"bottom",k=()=>`ss_table ${p()==="top"?"ss_table--pagination-top":""} ${e.class??""}`,f=()=>(()=>{var x=Ht(),M=x.firstChild,D=M.nextSibling,g=D.nextSibling,C=g.firstChild,d=C.nextSibling;d.nextSibling;var w=g.nextSibling,$=w.nextSibling;return M.$$click=()=>o(1),D.$$click=()=>o(n()-1),insert(g,n,d),insert(g,v,null),w.$$click=()=>o(n()+1),$.$$click=()=>o(v()),effect(u=>{var _=n()===1,y=n()===1,S=n()===v(),L=n()===v();return _!==u.e&&(M.disabled=u.e=_),y!==u.t&&(D.disabled=u.t=y),S!==u.a&&(w.disabled=u.a=S),L!==u.o&&($.disabled=u.o=L),u},{e:void 0,t:void 0,a:void 0,o:void 0}),x})();return (()=>{var x=Pt(),M=x.firstChild,D=M.firstChild,g=D.firstChild,C=g.firstChild,d=g.nextSibling;return insert(x,(()=>{var m=memo(()=>p()==="top");return ()=>m()&&f()})(),M),insert(C,createComponent(For,{get each(){return e.columns},children:(m,w)=>{let $=!!m.sortKey,u=()=>t()===w(),_=()=>u()?l():null;return (()=>{var y=Nt();return insert(y,$?(()=>{var S=zt(),L=S.firstChild;return S.$$click=()=>s(w()),insert(S,()=>m.label,L),insert(L,(()=>{var T=memo(()=>_()==="asc");return ()=>T()?Ot():memo(()=>_()==="desc")()?Vt():jt()})()),effect(T=>{var B=_()==="asc"?"ascending":_()==="desc"?"descending":"none",I=_()??"none";return B!==T.e&&setAttribute(S,"aria-sort",T.e=B),I!==T.t&&setAttribute(S,"data-sort",T.t=I),T},{e:void 0,t:void 0}),S})():(()=>{var S=qt();return insert(S,()=>m.label),S})()),y})()}})),insert(d,createComponent(For,{get each(){return a()},children:m=>(()=>{var w=Yt();return w.$$click=()=>e.onRowClick?.(m),insert(w,createComponent(For,{get each(){return e.columns},children:$=>(()=>{var u=Rt();return insert(u,createComponent(Jt,{row:m,get render(){return $.render}})),u})()})),effect(()=>setAttribute(w,"data-clickable",e.onRowClick?"true":void 0)),w})()})),insert(x,(()=>{var m=memo(()=>p()==="bottom");return ()=>m()&&f()})(),null),effect(m=>{var w=k(),$=e.style;return w!==m.e&&className(x,m.e=w),m.t=style(x,$,m.t),m},{e:void 0,t:void 0}),x})()}delegateEvents(["click"]);var tn=template("<div class=ss_dropdown__menu role=menu>"),nn=template('<div><button type=button class="ss_dropdown__trigger ss_button ss_button--icon"aria-haspopup=menu>'),rn=template('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-dots-vertical"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M11 12a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path><path d="M11 19a1 1 0 1 0 2 0a1 1 0 1 0 -2 0"></path><path d="M11 5a1 1 0 1 0 2 0a1 1 0 1 0 -2 0">'),ln=template("<button type=button class=ss_dropdown__item><span class=ss_dropdown__item_icon></span><span class=ss_dropdown__item_label>"),sn=template('<span class=ss_dropdown__item_check aria-hidden=true><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-check"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M5 12l5 5l10 -10">');function un(e){let[t,r]=createSignal(false),[l,i]=createSignal(false),[n,c]=createSignal("closed"),h,b=()=>r(false);return createEffect(()=>{if(t()){i(true),requestAnimationFrame(()=>c("open"));return}if(!l())return;c("closed");let v=window.setTimeout(()=>i(false),160);onCleanup(()=>window.clearTimeout(v));}),onMount(()=>{let v=s=>{let o=s.target;!h||!o||h.contains(o)||b();},a=s=>{s.key==="Escape"&&b();};document.addEventListener("mousedown",v),window.addEventListener("keydown",a),onCleanup(()=>{document.removeEventListener("mousedown",v),window.removeEventListener("keydown",a);});}),(()=>{var v=nn(),a=v.firstChild;return use(s=>h=s,v),a.$$click=()=>r(s=>!s),insert(a,()=>e.icon??rn()),insert(v,createComponent(Show,{get when(){return l()},get children(){var s=tn();return insert(s,createComponent(For,{get each(){return e.items},children:o=>(()=>{var p=ln(),k=p.firstChild,f=k.nextSibling;return p.$$click=async()=>{b(),await o.onclick?.();},insert(k,()=>o.icon),insert(f,()=>o.label),insert(p,(()=>{var x=memo(()=>!!o.checked);return ()=>x()&&sn()})(),null),effect(x=>{var M=o.checked?"menuitemcheckbox":"menuitem",D=o.checked?"true":void 0;return M!==x.e&&setAttribute(p,"role",x.e=M),D!==x.t&&setAttribute(p,"aria-checked",x.t=D),x},{e:void 0,t:void 0}),p})()})),effect(()=>setAttribute(s,"data-state",n())),s}}),null),effect(s=>{var o=`ss_dropdown ${e.class??""}`,p=e.style,k=t(),f=e.ariaLabel??"Aktionen \xF6ffnen";return o!==s.e&&className(v,s.e=o),s.t=style(v,p,s.t),k!==s.a&&setAttribute(a,"aria-expanded",s.a=k),f!==s.o&&setAttribute(a,"aria-label",s.o=f),s},{e:void 0,t:void 0,a:void 0,o:void 0}),v})()}delegateEvents(["click"]);var bn=template("<div><div class=ss_expandable__header role=button tabindex=0><span class=ss_expandable__icon aria-hidden=true></span><span class=ss_expandable__title></span></div><div class=ss_expandable__content style=transition-duration:200ms><div class=ss_expandable__divider_wrapper><div class=ss_expandable__divider>"),wn=template('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M6 9l6 6l6 -6">'),kn=template('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M9 6l6 6l-6 6">'),Sn=200;function Cn(e){let[t,r]=createSignal(e.initiallyExpanded?"auto":0),l=createMemo(()=>t()!==0),i,n,c=()=>{n&&clearTimeout(n);let h=i?.scrollHeight??0;if(l()){r(h),n=window.setTimeout(()=>r(0),1);return}r(h),n=window.setTimeout(()=>r("auto"),Sn);};return onCleanup(()=>{n&&clearTimeout(n);}),(()=>{var h=bn(),b=h.firstChild,v=b.firstChild,a=v.nextSibling,s=b.nextSibling,o=s.firstChild;o.firstChild;return b.$$keydown=k=>{(k.key==="Enter"||k.key===" ")&&(k.preventDefault(),c());},b.$$click=c,insert(v,(()=>{var k=memo(()=>!!l());return ()=>k()?wn():kn()})()),insert(a,()=>e.title),use(k=>i=k,s),insert(o,()=>e.children,null),effect(k=>{var f=`ss_expandable ${e.class??""}`,x=e.style,M=l()?"open":"closed",D=l(),g=typeof t()=="number"?`${t()}px`:t();return f!==k.e&&className(h,k.e=f),k.t=style(h,x,k.t),M!==k.a&&setAttribute(h,"data-state",k.a=M),D!==k.o&&setAttribute(b,"aria-expanded",k.o=D),g!==k.i&&setStyleProperty(s,"height",k.i=g),k},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0}),h})()}delegateEvents(["click","keydown"]);function pe(){let[e,t]=createSignal(false);return [e,async r=>{if(!e())try{t(!0),await r();}finally{t(false);}}]}var Dn=template("<form class=ss_form>"),Ln=template("<div class=ss_form_input><label></label><div class=ss__wrapper>"),Tn=template("<textarea>"),In=template("<input>"),tt=template("<ul class=ss__suggestions>"),nt=template("<li>"),me=template("<span role=alert>"),Fn=template('<div class=ss_form_date><label></label><div class=ss__wrapper><input type=text inputmode=numeric autocomplete=off placeholder=TT.MM.JJJJ><button type=button class=ss_form_date__icon aria-label="Kalender \xF6ffnen"aria-haspopup=dialog><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=currentColor class="icon icon-tabler icons-tabler-filled icon-tabler-calendar-week"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M16 2c.183 0 .355 .05 .502 .135l.033 .02c.28 .177 .465 .49 .465 .845v1h1a3 3 0 0 1 2.995 2.824l.005 .176v12a3 3 0 0 1 -2.824 2.995l-.176 .005h-12a3 3 0 0 1 -2.995 -2.824l-.005 -.176v-12a3 3 0 0 1 2.824 -2.995l.176 -.005h1v-1a1 1 0 0 1 .514 -.874l.093 -.046l.066 -.025l.1 -.029l.107 -.019l.12 -.007q .083 0 .161 .013l.122 .029l.04 .012l.06 .023c.328 .135 .568 .44 .61 .806l.007 .117v1h6v-1a1 1 0 0 1 1 -1m3 7h-14v9.625c0 .705 .386 1.286 .883 1.366l.117 .009h12c.513 0 .936 -.53 .993 -1.215l.007 -.16z"></path><path d="M9.015 13a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1"></path><path d="M13.015 13a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1"></path><path d="M17.02 13a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1"></path><path d="M12.02 15a1 1 0 0 1 0 2a1.001 1.001 0 1 1 -.005 -2z"></path><path d="M9.015 16a1 1 0 0 1 -1 1a1.001 1.001 0 1 1 -.005 -2c.557 0 1.005 .448 1.005 1">'),Bn=template('<div class=ss_form_date__picker role=dialog aria-label="Datum ausw\xE4hlen"><div class=ss_form_date__header><div class=ss_form_date__nav_group><button type=button class=ss_form_date__nav><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-left-pipe"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M7 6v12"></path><path d="M18 6l-6 6l6 6"></path></svg></button><button type=button class=ss_form_date__nav><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-left"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M15 6l-6 6l6 6"></path></svg></button></div><div class=ss_form_date__title></div><div class=ss_form_date__nav_group><button type=button class=ss_form_date__nav><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M9 6l6 6l-6 6"></path></svg></button><button type=button class=ss_form_date__nav><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-right-pipe"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M6 6l6 6l-6 6"></path><path d="M17 5v13"></path></svg></button></div></div><div class=ss_form_date__weekdays></div><div class=ss_form_date__grid>'),An=template("<span>"),Hn=template("<button type=button class=ss_form_date__day>"),Pn=template('<span class="ss_form_date__day is-empty">'),Nn=template("<div class=ss_form_checkbox><div class=ss__wrapper><input type=checkbox><label>"),zn=template('<div class=ss_form_select><label></label><div class=ss_form_select__field><select></select><span class=ss_form_select__icon aria-hidden=true><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-chevron-down"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M6 9l6 6l6 -6">'),On=template("<option>"),Vn=template("<div class=ss_form_ac_select><label>"),jn=template('<div class=ss__selection><div class=ss__content></div><button type=button class=ss__clear aria-label="Auswahl entfernen">\xD7'),qn=template("<div class=ss__wrapper><div class=ss__input_row><input>"),Yn=template("<span class=ss__prefix role=button>"),X=createContext(),O=function(e){let[t,r]=pe(),l={},i={loading:t,process:n=>r(()=>n(i)),field:n=>l[n]??null,setField:(n,c)=>{l[n]=c;},delField:n=>{delete l[n];},setValues:n=>Object.entries(n).forEach(([c,h])=>l[c]?.setValue(h)),getValues:()=>Object.fromEntries(Object.entries(l).map(([n,c])=>[n,c.getValue()])),validate:()=>Promise.all(Object.values(l).map(n=>n.validate())).then(),hasError:()=>Object.values(l).some(n=>n.hasError()),submit:()=>r(async()=>{await i.validate(),!i.hasError()&&await e.onsubmit?.(i);})};return (()=>{var n=Dn();return n.addEventListener("submit",c=>{c.preventDefault(),i.submit();}),insert(n,createComponent(X.Provider,{value:i,get children(){return e.children}})),n})()};O.Input=function(e){let t=useContext(X),[r,l]=createSignal(""),[i,n]=createSignal(null),c={getValue:()=>{let g=r().trim();return g||null},setValue:g=>{if(typeof g=="number"){l(g.toLocaleString());return}l(`${g}`);},hasError:()=>!!i(),validate:async()=>{let g=[...e.rules??[]];e.required&&g.unshift(O.rules.required);let C=await c.getValue();for(let d of g){let m=await d(C);if(m){n(m);return}}n(null);}};if(e.name&&t){let g=e.name;onMount(()=>t.setField(g,c)),onCleanup(()=>t.delField(g));}let h=null,[b,v]=createSignal([]),[a,s]=createSignal(-1),o;if(e.suggestions){let g=e.suggestions,[C,d]=createSignal(!g.prepare);g.prepare&&onMount(async()=>{g.prepare&&(h=await g.prepare(),d(true));});let m;createEffect(()=>{if(clearTimeout(m??void 0),!C())return;v([]);let w=r().trim().toLowerCase();w&&(m=setTimeout(async()=>{let $=await g.getItems({query:w,init:h});v($);},250));}),onCleanup(()=>clearTimeout(m??void 0));}createEffect(()=>{let g=b();if(!g.length){s(-1);return}a()>=g.length&&s(g.length-1);});let p=g=>{let C=o;if(!C||g<0)return;let d=C.querySelectorAll("li")[g];if(!d)return;let m=d.offsetTop,w=m+d.offsetHeight,$=C.scrollTop,u=$+C.clientHeight;m<$?C.scrollTop=m:w>u&&(C.scrollTop=w-C.clientHeight);},k=g=>{let C=b();if(!C.length)return;let d=Math.max(-1,Math.min(a()+g,C.length-1));s(d),p(d);},f=g=>{l(e.suggestions.stringify({item:g,init:h})),s(-1);},x=g=>{if(b().length)if(g.key==="ArrowDown")g.preventDefault(),k(1);else if(g.key==="ArrowUp")g.preventDefault(),k(-1);else if(g.key==="Enter"&&a()>=0){g.preventDefault();let C=b()[a()];C&&f(C);}else g.key==="Escape"&&s(-1);},M=g=>{l(g),s(-1);},D=createUniqueId();return (()=>{var g=Ln(),C=g.firstChild,d=C.nextSibling;return insert(C,()=>e.label),insert(d,(()=>{var m=memo(()=>!!e.textArea);return ()=>m()?(()=>{var w=Tn();return w.$$keydown=x,w.$$input=$=>M($.target.value),effect($=>{var u=e.id||D,_=e.disabled||t?.loading();return u!==$.e&&setAttribute(w,"id",$.e=u),_!==$.t&&(w.disabled=$.t=_),$},{e:void 0,t:void 0}),effect(()=>w.value=r()),w})():(()=>{var w=In();return w.$$keydown=x,w.$$input=$=>M($.target.value),effect($=>{var u=e.id||D,_=e.disabled||t?.loading(),y=e.type;return u!==$.e&&setAttribute(w,"id",$.e=u),_!==$.t&&(w.disabled=$.t=_),y!==$.a&&setAttribute(w,"type",$.a=y),$},{e:void 0,t:void 0,a:void 0}),effect(()=>w.value=r()),w})()})(),null),insert(d,(()=>{var m=memo(()=>!!b().length);return ()=>m()&&(()=>{var w=tt();return use($=>o=$,w),insert(w,createComponent(For,{get each(){return b()},children:($,u)=>{let _=()=>{let y=document.activeElement;y instanceof HTMLElement&&y.blur(),f($);};return (()=>{var y=nt();return y.$$click=_,y.$$pointerdown=S=>S.preventDefault(),insert(y,()=>e.suggestions.stringify({item:$,init:h})),effect(()=>y.classList.toggle("ss__hovered",u()===a())),y})()}})),w})()})(),null),insert(g,(()=>{var m=memo(()=>!!i());return ()=>m()&&(()=>{var w=me();return insert(w,i),w})()})(),null),effect(()=>setAttribute(C,"for",e.id||D)),g})()};O.Date=function(e){let t=useContext(X),[r,l]=createSignal(""),[i,n]=createSignal(null),[c,h]=createSignal(false),[b,v]=createSignal(new Date),a,s=d=>`${d}`.padStart(2,"0"),o=d=>{let m=s(d.getDate()),w=s(d.getMonth()+1),$=d.getFullYear();return `${m}.${w}.${$}`},p=d=>{let m=d.trim();if(!m)return null;let w=/^(\d{1,2})\.(\d{1,2})\.(\d{4})$/.exec(m);if(!w)return null;let $=Number(w[1]),u=Number(w[2]),_=Number(w[3]);if(!$||!u)return null;let y=new Date(_,u-1,$);return y.getFullYear()!==_||y.getMonth()!==u-1||y.getDate()!==$?null:y};createEffect(()=>{if(!c())return;let d=p(r());v(d??new Date);});let k={getValue:()=>{let d=r().trim();return d||null},setValue:d=>{if(d instanceof Date){l(o(d));return}l(`${d??""}`);},hasError:()=>!!i(),validate:async()=>{let d=[...e.rules??[]];e.required&&d.unshift(O.rules.required);let m=await k.getValue();for(let w of d){let $=await w(m);if($){n($);return}}if(m&&!p(m)){n("Ung\xFCltiges Datum");return}n(null);}};if(e.name&&t){let d=e.name;onMount(()=>t.setField(d,k)),onCleanup(()=>t.delField(d));}let f=createUniqueId(),x=d=>{let m=p(r());return m?m.getFullYear()===b().getFullYear()&&m.getMonth()===b().getMonth()&&m.getDate()===d:false},M=d=>{let m=new Date;return m.getFullYear()===b().getFullYear()&&m.getMonth()===b().getMonth()&&m.getDate()===d},D=()=>{let d=b(),m=d.getFullYear(),w=d.getMonth(),$=new Date(m,w,1),u=new Date(m,w+1,0).getDate(),_=($.getDay()+6)%7,y=[];for(let S=0;S<_;S+=1)y.push(null);for(let S=1;S<=u;S+=1)y.push(S);for(;y.length%7!==0;)y.push(null);return y},g=()=>b().toLocaleDateString("de-DE",{month:"long",year:"numeric"}),C=d=>{let m=new Date(b().getFullYear(),b().getMonth(),d);l(o(m)),h(false);};return onMount(()=>{let d=w=>{if(!c())return;let $=w.target;a&&$&&!a.contains($)&&h(false);},m=w=>{w.key==="Escape"&&h(false);};document.addEventListener("mousedown",d),window.addEventListener("keydown",m),onCleanup(()=>{document.removeEventListener("mousedown",d),window.removeEventListener("keydown",m);});}),(()=>{var d=Fn(),m=d.firstChild,w=m.nextSibling,$=w.firstChild,u=$.nextSibling;return use(_=>a=_,d),insert(m,()=>e.label),$.addEventListener("focus",()=>h(true)),$.$$input=_=>l(_.target.value),u.$$click=()=>h(_=>!_),insert(d,(()=>{var _=memo(()=>!!c());return ()=>_()&&(()=>{var y=Bn(),S=y.firstChild,L=S.firstChild,T=L.firstChild,B=T.nextSibling,I=L.nextSibling,A=I.nextSibling,ee=A.firstChild,le=ee.nextSibling,J=S.nextSibling,W=J.nextSibling;return T.$$click=()=>{let F=b();v(new Date(F.getFullYear()-1,F.getMonth(),1));},B.$$click=()=>{let F=b();v(new Date(F.getFullYear(),F.getMonth()-1,1));},insert(I,g),ee.$$click=()=>{let F=b();v(new Date(F.getFullYear(),F.getMonth()+1,1));},le.$$click=()=>{let F=b();v(new Date(F.getFullYear()+1,F.getMonth(),1));},insert(J,()=>["Mo","Di","Mi","Do","Fr","Sa","So"].map(F=>(()=>{var Y=An();return insert(Y,F),Y})())),insert(W,()=>D().map(F=>F?(()=>{var Y=Hn();return Y.$$click=()=>C(F),insert(Y,F),effect(ce=>{var Re=!!x(F),Ke=!!M(F);return Re!==ce.e&&Y.classList.toggle("is-selected",ce.e=Re),Ke!==ce.t&&Y.classList.toggle("is-today",ce.t=Ke),ce},{e:void 0,t:void 0}),Y})():Pn())),y})()})(),null),insert(d,(()=>{var _=memo(()=>!!i());return ()=>_()&&(()=>{var y=me();return insert(y,i),y})()})(),null),effect(_=>{var y=e.id||f,S=e.id||f,L=e.disabled||t?.loading(),T=!e.editable,B=c(),I=e.disabled||t?.loading();return y!==_.e&&setAttribute(m,"for",_.e=y),S!==_.t&&setAttribute($,"id",_.t=S),L!==_.a&&($.disabled=_.a=L),T!==_.o&&($.readOnly=_.o=T),B!==_.i&&setAttribute(u,"aria-expanded",_.i=B),I!==_.n&&(u.disabled=_.n=I),_},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0}),effect(()=>$.value=r()),d})()};O.Checkbox=function(e){let t=useContext(X),[r,l]=createSignal(false),[i,n]=createSignal(null),c={getValue:()=>r(),setValue:b=>l(!!b),hasError:()=>!!i(),validate:async()=>{let b=[...e.rules??[]];e.required&&b.unshift(O.rules.required);let v=await c.getValue();for(let a of b){let s=await a(v);if(s){n(s);return}}n(null);}};if(e.name&&t){let b=e.name;onMount(()=>t.setField(b,c)),onCleanup(()=>t.delField(b));}let h=createUniqueId();return (()=>{var b=Nn(),v=b.firstChild,a=v.firstChild,s=a.nextSibling;return a.addEventListener("change",o=>l(o.target.checked)),insert(s,()=>e.label),insert(b,(()=>{var o=memo(()=>!!i());return ()=>o()&&(()=>{var p=me();return insert(p,i),p})()})(),null),effect(o=>{var p=e.id||h,k=e.disabled||t?.loading(),f=e.id||h;return p!==o.e&&setAttribute(a,"id",o.e=p),k!==o.t&&(a.disabled=o.t=k),f!==o.a&&setAttribute(s,"for",o.a=f),o},{e:void 0,t:void 0,a:void 0}),effect(()=>a.checked=r()),b})()};O.useContext=function(){let e=useContext(X);if(!e)return null;let{setField:t,delField:r,...l}=e;return l};O.Select=function(e){let t=useContext(X),[r,l]=createSignal([]),[i,n]=createSignal(null),[c,h]=createSignal(null),b=s=>{let o=s.map(p=>({id:p.id,label:e.buildOption(p)}));if(l(o),!s.length){n(null);return}i()&&o.some(p=>p.id===i())||n(o[0].id);};createEffect(()=>{let s=e.getOptions();"then"in s&&typeof s.then=="function"||s instanceof Promise?s.then(b):b(s);});let v={getValue:()=>{let s=i();return r().some(p=>p.id===s)?s:null},setValue:s=>{let o=r();if(!o.length){n(null);return}let p=o[0].id;if(typeof s!="string"){n(p);return}let k=s.trim();if(!o.some(f=>f.id===k)){n(p);return}n(k);},hasError:()=>!!c(),validate:async()=>{let s=r(),o=await v.getValue();if(!o){h("Pflichtfeld");return}if(!s.some(p=>p.id===o)){h("Option nicht verf\xFCgbar");return}for(let p of e.rules??[]){let k=await p(o);if(k){h(k);return}}h(null);}};if(v.setOptions=b,e.name&&t){let s=e.name;onMount(()=>t.setField(s,v)),onCleanup(()=>t.delField(s));}let a=createUniqueId();return (()=>{var s=zn(),o=s.firstChild,p=o.nextSibling,k=p.firstChild;return insert(o,()=>e.label),k.addEventListener("change",f=>n(f.target.value)),insert(k,createComponent(For,{get each(){return r()},children:f=>(()=>{var x=On();return insert(x,()=>f.label),effect(()=>x.selected=i()===f.id),effect(()=>x.value=f.id),x})()})),insert(s,(()=>{var f=memo(()=>!!c());return ()=>f()&&(()=>{var x=me();return insert(x,c),x})()})(),null),effect(f=>{var x=e.id||a,M=e.id||a,D=e.disabled||t?.loading();return x!==f.e&&setAttribute(o,"for",f.e=x),M!==f.t&&setAttribute(k,"id",f.t=M),D!==f.a&&(k.disabled=f.a=D),f},{e:void 0,t:void 0,a:void 0}),s})()};O.ACSelect=function(e){let t=useContext(X),[r,l]=createSignal(""),[i,n]=createSignal([]),[c,h]=createSignal(null),b={getValue:()=>i(),setValue:u=>n(u),hasError:()=>!!c(),validate:async()=>{let u=await b.getValue(),_=e.minSelectedItems,y=e.maxSelectedItems;if(_&&u.length<_){h(`Mindestens ${_} ${_>1?"Elemente m\xFCssen":"Element muss"} ausgew\xE4hlt werden`);return}if(y&&u.length>y){h(`Maximal ${y} ${y>1?"Elemente d\xFCrfen":"Element darf"} ausgew\xE4hlt werden`);return}for(let S of e.rules??[]){let L=await S(u);if(L){h(L);return}}h(null);}};if(e.name&&t){let u=e.name;onMount(()=>t.setField(u,b)),onCleanup(()=>t.delField(u));}let v=null,[a,s]=createSignal(!e.prepare);e.prepare&&onMount(async()=>{e.prepare&&(v=await e.prepare(),s(true));});let[o,p]=createSignal([]),[k,f]=createSignal(-1),x,M;createEffect(()=>{if(!a())return;clearTimeout(M);let u=r().trim().toLowerCase();if(!u){p(untrack(()=>i()));return}p([]),M=setTimeout(async()=>{let _=await e.getOptions({query:u,init:v});p(_);},250);}),createEffect(()=>{r().trim().toLowerCase()||o().length!==i().length&&p(i());}),onCleanup(()=>clearTimeout(M)),createEffect(()=>{let u=o();if(!u.length){f(-1);return}k()>=u.length&&f(u.length-1);});let D=u=>{let _=x;if(!_||u<0)return;let y=_.querySelectorAll("li")[u];if(!y)return;let S=y.offsetTop,L=S+y.offsetHeight,T=_.scrollTop,B=T+_.clientHeight;S<T?_.scrollTop=S:L>B&&(_.scrollTop=L-_.clientHeight);},g=u=>{let _=o();if(!_.length)return;let y=Math.max(-1,Math.min(k()+u,_.length-1));f(y),D(y);},C=createUniqueId(),d=createMemo(()=>new Set(i().map(({id:u})=>u))),m=(u,_=true)=>{let y=d().has(u.id);if(e.maxSelectedItems===1){n(y?[]:[u]),l(""),_&&f(-1);return}n(y?S=>S.filter(({id:L})=>L!==u.id):S=>[...S.filter(({id:L})=>L!==u.id),u]),_&&f(-1);},w=u=>{if(o().length)if(u.key==="ArrowDown")u.preventDefault(),g(1);else if(u.key==="ArrowUp")u.preventDefault(),g(-1);else if(u.key==="Enter"&&k()>=0){u.preventDefault();let _=o()[k()];_&&m(_,false);}else u.key==="Escape"&&f(-1);},$=()=>e.disabled||t?.loading();return (()=>{var u=Vn(),_=u.firstChild;return insert(_,()=>e.label),insert(u,(()=>{var y=memo(()=>!!(e.maxSelectedItems===1&&e.renderSelection&&i().length===1));return ()=>y()?(()=>{var S=jn(),L=S.firstChild,T=L.nextSibling;return insert(L,()=>e.renderSelection({item:i()[0],init:v})),T.$$click=()=>{n([]),l(""),setTimeout(()=>document.getElementById(e.id||C)?.focus(),0);},effect(()=>T.disabled=$()),S})():(()=>{var S=qn(),L=S.firstChild,T=L.firstChild;return insert(L,(()=>{var B=memo(()=>!!i().length);return ()=>B()&&(()=>{var I=Yn();return I.$$click=()=>{$()||n([]);},I.$$keydown=A=>{$()||(A.key==="Enter"||A.key===" ")&&(A.preventDefault(),n([]));},insert(I,()=>i().length),effect(A=>{var ee=$()?-1:0,le=$()?"true":void 0;return ee!==A.e&&setAttribute(I,"tabindex",A.e=ee),le!==A.t&&setAttribute(I,"aria-disabled",A.t=le),A},{e:void 0,t:void 0}),I})()})(),T),T.$$keydown=w,T.$$input=B=>{$()||(l(B.target.value),f(-1));},insert(S,(()=>{var B=memo(()=>!!o().length);return ()=>B()&&(()=>{var I=tt();return use(A=>x=A,I),insert(I,createComponent(For,{get each(){return o()},children:(A,ee)=>{let le=()=>{$()||(m(A),document.getElementById(e.id||C)?.focus());};return (()=>{var J=nt();return J.$$click=le,J.$$pointerdown=W=>W.preventDefault(),insert(J,()=>e.renderItem({item:A,init:v})),effect(W=>{var F=!!d().has(A.id),Y=ee()===k();return F!==W.e&&J.classList.toggle("ss__selected",W.e=F),Y!==W.t&&J.classList.toggle("ss__hovered",W.t=Y),W},{e:void 0,t:void 0}),J})()}})),I})()})(),null),effect(B=>{var I=e.id||C,A=$();return I!==B.e&&setAttribute(T,"id",B.e=I),A!==B.t&&(T.disabled=B.t=A),B},{e:void 0,t:void 0}),effect(()=>T.value=r()),S})()})(),null),insert(u,(()=>{var y=memo(()=>!!c());return ()=>y()&&(()=>{var S=me();return insert(S,c),S})()})(),null),effect(()=>setAttribute(_,"for",e.id||C)),u})()};O.SubmitButton=function(e){let t=useContext(X);return createComponent(U,{type:"submit",class:"ss_form_submit",get disabled(){return e.disabled||t?.loading()},get children(){return e.children}})};O.rules={required:e=>e?null:"Pflichtfeld",minLength:e=>t=>{if(t===null&&(t=""),typeof t!="string")throw new Error(`invalid rule minLength(..) for non-string value ${t}`);return t.length<e?`Mindestens ${e} Zeichen`:null},maxLength:e=>t=>{if(t===null&&(t=""),typeof t!="string")throw new Error(`invalid rule maxLength(..) for non-string value ${t}`);return t.length<e?`Maximal ${e} Zeichen`:null},pattern:e=>t=>{if(t===null&&(t=""),typeof t!="string")throw new Error(`invalid rule pattern(..) for non-string value ${t}`);return e.test(t)?null:"Eingabe widerspricht erwartetem Muster"}};delegateEvents(["input","keydown","pointerdown","click"]);var Qn=template("<div><div class=ss_header__text><h3 class=ss_header__title></h3></div><div class=ss_header__actions>"),Xn=template("<h5 class=ss_header__subtitle>");function er(e){return (()=>{var t=Qn(),r=t.firstChild,l=r.firstChild,i=r.nextSibling;return insert(l,()=>e.title),insert(r,(()=>{var n=memo(()=>!!e.subtitle);return ()=>n()&&(()=>{var c=Xn();return insert(c,()=>e.subtitle),c})()})(),null),insert(i,()=>e.actions),effect(n=>{var c=`ss_header ${e.class??""}`,h=e.style;return c!==n.e&&className(t,n.e=c),n.t=style(t,h,n.t),n},{e:void 0,t:void 0}),t})()}var lr=template("<div class=ss_modal__footer>"),ir=template("<div class=ss_modal><div class=ss_modal__backdrop></div><div class=ss_modal__panel role=dialog aria-modal=true tabindex=-1><div class=ss_modal__body><div class=ss_modal__body_inner>"),sr=template('<svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-x"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M18 6l-12 12"></path><path d="M6 6l12 12">'),or=template("<div class=ss_modal__header>"),ar=template("<h2 class=ss_modal__title>"),mr=180;function Se(e){let[t,r]=createSignal(e.open),[l,i]=createSignal("closed"),n=createUniqueId(),c,h,b;createEffect(()=>{c&&clearTimeout(c),h&&cancelAnimationFrame(h),e.open?(t()||r(true),i("closed"),h=requestAnimationFrame(()=>i("open"))):(i("closed"),t()&&(c=window.setTimeout(()=>r(false),mr)));}),onMount(()=>{if(!e.open)return;if(e.lockScroll!==false){let s=document.body.style.overflowY;document.body.style.overflowY="hidden",onCleanup(()=>{document.body.style.overflowY=s;});}h=requestAnimationFrame(()=>b?.focus());let a=s=>{s.key==="Escape"&&e.dismissible!==false&&e.onClose?.();};window.addEventListener("keydown",a),onCleanup(()=>window.removeEventListener("keydown",a));}),onCleanup(()=>{c&&clearTimeout(c),h&&cancelAnimationFrame(h);});let v=()=>{e.dismissible!==false&&e.onClose?.();};return createComponent(Show,{get when(){return t()},get children(){return createComponent(Portal,{get children(){var a=ir(),s=a.firstChild,o=s.nextSibling,p=o.firstChild,k=p.firstChild;return s.$$click=v,use(f=>b=f,o),insert(o,(()=>{var f=memo(()=>!!(e.title||e.onClose));return ()=>f()&&(()=>{var x=or();return insert(x,(()=>{var M=memo(()=>!!e.title);return ()=>M()&&(()=>{var D=ar();return setAttribute(D,"id",n),insert(D,()=>e.title),D})()})(),null),insert(x,createComponent(Show,{get when(){return e.onClose},get children(){return createComponent(U,{type:"button",class:"ss_modal__close",isIconOnly:true,ariaLabel:"Dialog schlie\xDFen",onclick:()=>{e.dismissible!==false&&e.onClose?.();},get children(){return sr()}})}}),null),x})()})(),p),insert(k,()=>e.children),insert(o,createComponent(Show,{get when(){return e.footer},get children(){var f=lr();return insert(f,()=>e.footer),f}}),null),effect(f=>{var x=l(),M=l()==="closed",D=e.size==="sm",g=e.size==="lg",C=!!e.fullscreen,d=!!e.disableResponsiveFullscreen,m=e.title?n:void 0;return x!==f.e&&setAttribute(a,"data-state",f.e=x),M!==f.t&&setAttribute(a,"aria-hidden",f.t=M),D!==f.a&&o.classList.toggle("ss_modal__panel--sm",f.a=D),g!==f.o&&o.classList.toggle("ss_modal__panel--lg",f.o=g),C!==f.i&&o.classList.toggle("ss_modal__panel--fullscreen",f.i=C),d!==f.n&&o.classList.toggle("ss_modal__panel--no-fullscreen",f.n=d),m!==f.s&&setAttribute(o,"aria-labelledby",f.s=m),f},{e:void 0,t:void 0,a:void 0,o:void 0,i:void 0,n:void 0,s:void 0}),a}})}})}delegateEvents(["click"]);var dt=createContext(),br=0,wr=()=>`ss-modal-${br++}`;function kr(){let e=useContext(dt);if(!e)throw new Error("useSSModals must be used within SSModalsProvider");return e}function pr(e){let t=useNavigate(),r=useLocation(),[l,i]=pe(),n=()=>e.config.modalProps?.({hide:e.hide})??{},{primaryButtonText:c,secondaryButtonText:h,hideSecondaryButton:b,danger:v,...a}=n();return createComponent(Se,mergeProps({get open(){return e.visible()},get onClose(){return e.hide}},a,{get footer(){return [!b&&createComponent(U,{class:"secondary",get onclick(){return e.hide},children:h??"Abbrechen"}),createComponent(U,{class:v?"danger":void 0,onclick:()=>i(()=>e.config.onPrimaryAction?.({hide:e.hide,navigate:t,pathname:r.pathname})??e.hide()),get disabled(){return l()},children:c??"Weiter"})]},get children(){return e.config.content({hide:e.hide})}}))}function xr(e){let t=useNavigate(),r=useLocation();return createComponent(O,{onsubmit:l=>e.config.onSubmit({hide:e.hide,context:l,navigate:t,pathname:r.pathname}),get children(){return createComponent(yr,{get visible(){return e.visible},get hide(){return e.hide},get config(){return e.config}})}})}function yr(e){let t=O.useContext();if(!t)return null;let r=()=>e.config.modalProps?.({hide:e.hide,context:t})??{},{primaryButtonText:l,secondaryButtonText:i,hideSecondaryButton:n,danger:c,...h}=r();return createComponent(Se,mergeProps({get open(){return e.visible()},get onClose(){return e.hide}},h,{get footer(){return [!n&&createComponent(U,{class:"secondary",get onclick(){return e.hide},get disabled(){return t.loading()},children:i??"Abbrechen"}),createComponent(U,{class:c?"danger":void 0,onclick:()=>t.submit(),get disabled(){return t.loading()},children:l??"Speichern"})]},get children(){return e.config.content({hide:e.hide,context:t})}}))}function Sr(e){let[t,r]=createSignal([]),l=new Map,i=new Map,n=220,c=a=>{let s=l.get(a);if(!s)return;s.setVisible(false);let o=i.get(a);o&&window.clearTimeout(o);let p=window.setTimeout(()=>{r(k=>k.filter(f=>f.id!==a)),l.delete(a),i.delete(a);},n);i.set(a,p);},h=a=>{let s=wr(),[o,p]=createSignal(true),k={id:s,visible:o,setVisible:p,render:a};return l.set(s,k),r(f=>[...f,k]),s},b=a=>h(({hide:s,visible:o})=>createComponent(pr,{visible:o,hide:s,config:a})),v=a=>h(({hide:s,visible:o})=>createComponent(xr,{visible:o,hide:s,config:a}));return onCleanup(()=>{i.forEach(a=>window.clearTimeout(a)),i.clear();}),createComponent(dt.Provider,{value:{show:h,showDefault:b,showForm:v,hide:c},get children(){return [memo(()=>e.children),createComponent(For,{get each(){return t()},children:a=>{let s=()=>c(a.id);return a.render({id:a.id,hide:s,visible:a.visible})}})]}})}var Lr=template('<div><input type=checkbox class=ss_shell__drawer_toggle_input><header class=ss_shell__header><div class=ss_shell__header_left><label class="ss_shell__drawer_toggle ss_button ss_button--icon"aria-label="Navigation \xF6ffnen"role=button tabindex=0><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class="icon icon-tabler icons-tabler-outline icon-tabler-menu-2"><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M4 6l16 0"></path><path d="M4 12l16 0"></path><path d="M4 18l16 0"></path></svg></label><div class=ss_shell__title></div></div><div class=ss_shell__actions></div></header><div class=ss_shell__body><nav class=ss_shell__nav aria-label=Hauptnavigation><div class=ss_shell__nav_inner></div></nav><div class=ss_shell__main></div><label class=ss_shell__scrim aria-label="Navigation schlie\xDFen">'),Tr=template("<div class=ss_shell__nav_list>"),Ir=template("<a class=ss_shell__nav_item><span class=ss_shell__nav_label>"),qe=template("<span class=ss_shell__nav_icon>"),Fr=template("<button type=button class=ss_shell__nav_item><span class=ss_shell__nav_label>"),Br=template('<details class=ss_shell__nav_group><summary class=ss_shell__nav_group_header><span class=ss_shell__nav_label></span><span class=ss_shell__nav_group_chevron aria-hidden=true><svg xmlns=http://www.w3.org/2000/svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round class=ss_shell__nav_group_chevron_svg><path stroke=none d="M0 0h24v24H0z"fill=none></path><path d="M9 6l6 6l-6 6"></path></svg></span></summary><div class=ss_shell__nav_group_items>'),Ye=createContext();function ge(e){let t=createUniqueId(),r=useLocation(),[l,i]=createSignal([]),n=()=>{let v=document.getElementById(t);v&&(v.checked=false);},c=v=>{i(a=>a.includes(v)?a:[...a,v]);},h=v=>{i(a=>a.filter(s=>s!==v));},b=createMemo(()=>{let v=r.pathname,a=null;for(let s of l())v.startsWith(s)&&(!a||s.length>a.length)&&(a=s);return a});return createComponent(Ye.Provider,{value:{closeDrawer:n,activeHref:b,registerHref:c,unregisterHref:h},get children(){var v=Lr(),a=v.firstChild,s=a.nextSibling,o=s.firstChild,p=o.firstChild,k=p.nextSibling,f=o.nextSibling,x=s.nextSibling,M=x.firstChild,D=M.firstChild,g=M.nextSibling,C=g.nextSibling;return setAttribute(a,"id",t),setAttribute(p,"for",t),insert(k,()=>e.title),insert(f,()=>e.actions),insert(D,()=>e.nav),insert(g,()=>e.children),setAttribute(C,"for",t),effect(d=>{var m=`ss_shell ${e.class??""}`,w=e.style;return m!==d.e&&className(v,d.e=m),d.t=style(v,w,d.t),d},{e:void 0,t:void 0}),v}})}ge.Nav=function(e){return (()=>{var t=Tr();return insert(t,()=>e.children),t})()};ge.NavLink=function(e){let t=useContext(Ye);onMount(()=>t?.registerHref(e.href)),onCleanup(()=>t?.unregisterHref(e.href));let r=()=>t?.activeHref()===e.href;return (()=>{var l=Ir(),i=l.firstChild;return l.$$click=()=>{e.onclick?.(),t?.closeDrawer();},insert(l,(()=>{var n=memo(()=>!!e.icon);return ()=>n()&&(()=>{var c=qe();return insert(c,()=>e.icon),c})()})(),i),insert(i,()=>e.children),effect(n=>{var c=!!r(),h=e.href;return c!==n.e&&l.classList.toggle("ss_shell__nav_item--active",n.e=c),h!==n.t&&setAttribute(l,"href",n.t=h),n},{e:void 0,t:void 0}),l})()};ge.NavAction=function(e){let t=useContext(Ye);return (()=>{var r=Fr(),l=r.firstChild;return r.$$click=()=>{e.onclick(),t?.closeDrawer();},insert(r,(()=>{var i=memo(()=>!!e.icon);return ()=>i()&&(()=>{var n=qe();return insert(n,()=>e.icon),n})()})(),l),insert(l,()=>e.children),r})()};ge.NavGroup=function(e){return (()=>{var t=Br(),r=t.firstChild,l=r.firstChild,i=r.nextSibling;return insert(r,(()=>{var n=memo(()=>!!e.icon);return ()=>n()&&(()=>{var c=qe();return insert(c,()=>e.icon),c})()})(),l),insert(l,()=>e.title),insert(i,()=>e.children),effect(()=>t.open=e.initiallyExpanded),t})()};delegateEvents(["click"]);var Ur=template("<div>");function Jr(e){return (()=>{var t=Ur();return insert(t,()=>e.children),effect(r=>{var l=`ss_surface ${e.class??""}`,i=e.style;return l!==r.e&&className(t,r.e=l),r.t=style(t,i,r.t),r},{e:void 0,t:void 0}),t})()}var Xr=template("<div><div class=ss_tile__row><div class=ss_tile__content>"),el=template("<span class=ss_tile__icon>"),tl=template("<h5 class=ss_tile__title>"),nl=template("<h5 class=ss_tile__title><span class=ss_tile__text>"),rl=template("<div class=ss_tile__subtitle>"),ll=template("<div class=ss_tile__trailing>");function mt(e){return (()=>{var t=Xr(),r=t.firstChild,l=r.firstChild;return insert(r,(()=>{var i=memo(()=>!!e.icon);return ()=>i()&&(()=>{var n=el();return insert(n,()=>e.icon),n})()})(),l),insert(l,(()=>{var i=memo(()=>!!e.href);return ()=>i()?(()=>{var n=tl();return insert(n,createComponent(A,{class:"ss_tile__link",get href(){return e.href},get onclick(){return e.onLinkClick},get children(){return e.title}})),n})():(()=>{var n=nl(),c=n.firstChild;return insert(c,()=>e.title),n})()})(),null),insert(l,(()=>{var i=memo(()=>!!e.subtitle);return ()=>i()&&(()=>{var n=rl();return insert(n,()=>e.subtitle),n})()})(),null),insert(r,(()=>{var i=memo(()=>!!e.trailing);return ()=>i()&&(()=>{var n=ll();return insert(n,()=>e.trailing),n})()})(),null),effect(i=>{var n=`ss_tile ${e.class??""}`,c=e.style;return n!==i.e&&className(t,i.e=n),i.t=style(t,c,i.t),i},{e:void 0,t:void 0}),t})()}function sl(e){return function(t){let r=e(t.data);return createComponent(mt,mergeProps(r,{get onLinkClick(){return t.onLinkClick??r.onLinkClick},get href(){return memo(()=>!!t.noLink)()?void 0:r.href},get icon(){return memo(()=>!!t.noIcon)()?void 0:r.icon}}))}}
-export{U as SSButton,St as SSCallout,Tt as SSChip,Wt as SSDataTable,un as SSDropdown,Cn as SSExpandable,O as SSForm,er as SSHeader,Se as SSModal,Sr as SSModalsProvider,ge as SSShell,Jr as SSSurface,mt as SSTile,sl as createSSTile,kr as useSSModals};