@sortsys/ui 0.1.4 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/dev.js +1 -1
- package/dist/dev.jsx +49 -49
- package/dist/index.d.ts +2 -2
- package/dist/index.js +2 -0
- package/dist/index.jsx +135 -135
- package/package.json +1 -1
- package/dist/index.mjs +0 -2
package/dist/index.jsx
CHANGED
|
@@ -1,275 +1,275 @@
|
|
|
1
|
-
function
|
|
1
|
+
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}>
|
|
2
2
|
{e.children}
|
|
3
|
-
</button>}function
|
|
3
|
+
</button>}function we(e){let{icon:t,color:l,class:i,style:r,children:o,...f}=e;return<div{...f}class={`ss_callout ss_callout--${l} ${i??""}`}style={r}>
|
|
4
4
|
<span class="ss_callout__icon">
|
|
5
5
|
{t}
|
|
6
6
|
</span>
|
|
7
7
|
<div class="ss_callout__content">
|
|
8
|
-
<span>{
|
|
8
|
+
<span>{o}</span>
|
|
9
9
|
</div>
|
|
10
|
-
</div>}function
|
|
10
|
+
</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}>
|
|
11
11
|
<span class="ss_chip__label">{e.children}</span>
|
|
12
12
|
</button>:<div class={t}style={e.style}>
|
|
13
13
|
<span class="ss_chip__label">{e.children}</span>
|
|
14
14
|
{"ondismiss"in e&&e.ondismiss&&<button type="button"class="ss_chip__dismiss"aria-label="Entfernen"onclick={e.ondismiss}>
|
|
15
15
|
<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>
|
|
16
16
|
</button>}
|
|
17
|
-
</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>
|
|
18
|
-
{(()=>{let
|
|
19
|
-
</div>}function
|
|
20
|
-
<button type="button"class="ss_table__page_button"disabled={
|
|
17
|
+
</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>
|
|
18
|
+
{(()=>{let i=t();return i&&typeof i.then=="function"?l()??"":i})()}
|
|
19
|
+
</div>}function Ee(e){let[t,l]=j(-1),[i,r]=j(null),[o,f]=j(1),a=()=>Math.max(1,e.pageSize??25),h=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)}),c=V(()=>Math.max(1,Math.ceil(h().length/a()))),d=V(()=>{let E=(Math.min(o(),c())-1)*a();return h().slice(E,E+a())});ye(()=>{o()>c()&&f(c())});let s=k=>{if(t()!==k){l(k),r("asc"),f(1);return}if(i()==="asc"){r("desc");return}if(i()==="desc"){l(-1),r(null),f(1);return}r("asc"),f(1)},v=k=>{let E=Math.min(Math.max(1,k),c());f(E)},_=()=>e.paginationPosition??"bottom",y=()=>`ss_table ${_()==="top"?"ss_table--pagination-top":""} ${e.class??""}`,M=()=><div class="ss_table__pagination">
|
|
20
|
+
<button type="button"class="ss_table__page_button"disabled={o()===1}aria-label="Erste Seite"onclick={()=>v(1)}>
|
|
21
21
|
<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>
|
|
22
22
|
</button>
|
|
23
|
-
<button type="button"class="ss_table__page_button"disabled={
|
|
23
|
+
<button type="button"class="ss_table__page_button"disabled={o()===1}aria-label="Vorherige Seite"onclick={()=>v(o()-1)}>
|
|
24
24
|
<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>
|
|
25
25
|
</button>
|
|
26
26
|
<span class="ss_table__page_info">
|
|
27
|
-
Seite {
|
|
27
|
+
Seite {o()} von {c()}
|
|
28
28
|
</span>
|
|
29
|
-
<button type="button"class="ss_table__page_button"disabled={
|
|
29
|
+
<button type="button"class="ss_table__page_button"disabled={o()===c()}aria-label="Nächste Seite"onclick={()=>v(o()+1)}>
|
|
30
30
|
<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>
|
|
31
31
|
</button>
|
|
32
|
-
<button type="button"class="ss_table__page_button"disabled={
|
|
32
|
+
<button type="button"class="ss_table__page_button"disabled={o()===c()}aria-label="Letzte Seite"onclick={()=>v(c())}>
|
|
33
33
|
<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>
|
|
34
34
|
</button>
|
|
35
|
-
</div>;return<div class={
|
|
36
|
-
{
|
|
35
|
+
</div>;return<div class={y()}style={e.style}>
|
|
36
|
+
{_()==="top"&&M()}
|
|
37
37
|
<div class="ss_table__scroll">
|
|
38
38
|
<table>
|
|
39
39
|
<thead>
|
|
40
40
|
<tr>
|
|
41
|
-
<
|
|
42
|
-
{(k,E)=>{let
|
|
43
|
-
{
|
|
41
|
+
<N each={e.columns}>
|
|
42
|
+
{(k,E)=>{let D=!!k.sortKey,u=()=>t()===E(),b=()=>u()?i():null;return<th>
|
|
43
|
+
{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())}>
|
|
44
44
|
{k.label}
|
|
45
45
|
<span class="ss_table__sort_icon"aria-hidden="true">
|
|
46
|
-
{
|
|
46
|
+
{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>}
|
|
47
47
|
</span>
|
|
48
48
|
</button>:<span class="ss_table__header_label">{k.label}</span>}
|
|
49
49
|
</th>}}
|
|
50
|
-
</
|
|
50
|
+
</N>
|
|
51
51
|
</tr>
|
|
52
52
|
</thead>
|
|
53
53
|
<tbody>
|
|
54
|
-
<
|
|
54
|
+
<N each={d()}>
|
|
55
55
|
{k=><tr data-clickable={e.onRowClick?"true":void 0}onclick={()=>e.onRowClick?.(k)}>
|
|
56
|
-
<
|
|
56
|
+
<N each={e.columns}>
|
|
57
57
|
{E=><td>
|
|
58
|
-
<
|
|
58
|
+
<Me row={k}render={E.render}/>
|
|
59
59
|
</td>}
|
|
60
|
-
</
|
|
60
|
+
</N>
|
|
61
61
|
</tr>}
|
|
62
|
-
</
|
|
62
|
+
</N>
|
|
63
63
|
</tbody>
|
|
64
64
|
</table>
|
|
65
65
|
</div>
|
|
66
|
-
{
|
|
67
|
-
</div>}function
|
|
68
|
-
<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={()=>
|
|
66
|
+
{_()==="bottom"&&M()}
|
|
67
|
+
</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,f]=K("closed"),a,h=()=>l(!1);return De(()=>{if(t()){r(!0),requestAnimationFrame(()=>f("open"));return}if(!i())return;f("closed");let c=window.setTimeout(()=>r(!1),160);Q(()=>window.clearTimeout(c))}),Pe(()=>{let c=s=>{let v=s.target;!a||!v||a.contains(v)||h()},d=s=>{s.key==="Escape"&&h()};document.addEventListener("mousedown",c),window.addEventListener("keydown",d),Q(()=>{document.removeEventListener("mousedown",c),window.removeEventListener("keydown",d)})}),<div class={`ss_dropdown ${e.class??""}`}style={e.style}ref={c=>a=c}>
|
|
68
|
+
<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(c=>!c)}>
|
|
69
69
|
{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>}
|
|
70
70
|
</button>
|
|
71
71
|
|
|
72
|
-
<
|
|
73
|
-
<div class="ss_dropdown__menu"role="menu"data-state={
|
|
74
|
-
<
|
|
75
|
-
{
|
|
76
|
-
<span class="ss_dropdown__item_icon">{
|
|
77
|
-
<span class="ss_dropdown__item_label">{
|
|
78
|
-
{
|
|
72
|
+
<Ce when={i()}>
|
|
73
|
+
<div class="ss_dropdown__menu"role="menu"data-state={o()}>
|
|
74
|
+
<Te each={e.items}>
|
|
75
|
+
{c=><button type="button"class="ss_dropdown__item"role={c.checked?"menuitemcheckbox":"menuitem"}aria-checked={c.checked?"true":void 0}onclick={async()=>{h(),await c.onclick?.()}}>
|
|
76
|
+
<span class="ss_dropdown__item_icon">{c.icon}</span>
|
|
77
|
+
<span class="ss_dropdown__item_label">{c.label}</span>
|
|
78
|
+
{c.checked&&<span class="ss_dropdown__item_check"aria-hidden="true">
|
|
79
79
|
<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>
|
|
80
80
|
</span>}
|
|
81
81
|
</button>}
|
|
82
|
-
</
|
|
82
|
+
</Te>
|
|
83
83
|
</div>
|
|
84
|
-
</
|
|
85
|
-
</div>}var
|
|
86
|
-
<div class="ss_expandable__header"role="button"tabindex="0"aria-expanded={
|
|
84
|
+
</Ce>
|
|
85
|
+
</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,f=()=>{o&&clearTimeout(o);let a=r?.scrollHeight??0;if(i()){l(a),o=window.setTimeout(()=>l(0),1);return}l(a),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"}>
|
|
86
|
+
<div class="ss_expandable__header"role="button"tabindex="0"aria-expanded={i()}onclick={f}onkeydown={a=>{(a.key==="Enter"||a.key===" ")&&(a.preventDefault(),f())}}>
|
|
87
87
|
<span class="ss_expandable__icon"aria-hidden="true">
|
|
88
|
-
{
|
|
88
|
+
{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>}
|
|
89
89
|
</span>
|
|
90
90
|
<span class="ss_expandable__title">{e.title}</span>
|
|
91
91
|
</div>
|
|
92
92
|
|
|
93
|
-
<div ref={
|
|
93
|
+
<div ref={a=>r=a}class="ss_expandable__content"style={{height:typeof t()=="number"?`${t()}px`:t(),"transition-duration":`${ee}ms`}}>
|
|
94
94
|
<div class='ss_expandable__divider_wrapper'>
|
|
95
95
|
<div class="ss_expandable__divider"/>
|
|
96
96
|
{e.children}
|
|
97
97
|
</div>
|
|
98
98
|
</div>
|
|
99
|
-
</div>}function
|
|
100
|
-
<
|
|
99
|
+
</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,f)=>{i[o]=f},delField:o=>{delete i[o]},setValues:o=>Object.entries(o).forEach(([f,a])=>i[f]?.setValue(a)),getValues:async()=>{let o=Object.entries(i),f=await Promise.all(o.map(([,a])=>a.getValue()));return Object.fromEntries(o.map(([a],h)=>[a,f[h]]))},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()}}>
|
|
100
|
+
<O.Provider value={r}>
|
|
101
101
|
{e.children}
|
|
102
|
-
</
|
|
103
|
-
</form>};
|
|
104
|
-
<label for={e.id||
|
|
102
|
+
</O.Provider>
|
|
103
|
+
</form>};C.Input=function(e){let t=H(O),[l,i]=T(""),[r,o]=T(null),f={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 f.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,f)),I(()=>t.delField(u))}let a=null,[h,c]=T([]),[d,s]=T(-1),v;if(e.suggestions){let u=e.suggestions,[b,n]=T(!u.prepare);u.prepare&&J(async()=>{u.prepare&&(a=await u.prepare(),n(!0))});let g;B(()=>{if(clearTimeout(g??void 0),!b())return;c([]);let x=l().trim().toLowerCase();x&&(g=setTimeout(async()=>{let w=await u.getItems({query:x,init:a});c(w)},250))}),I(()=>clearTimeout(g??void 0))}B(()=>{let u=h();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=h();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:a})),s(-1)},k=u=>{if(h().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=h()[d()];b&&M(b)}else u.key==="Escape"&&s(-1)},E=u=>{i(u),s(-1)},D=X();return<div class="ss_form_input">
|
|
104
|
+
<label for={e.id||D}>{e.label}</label>
|
|
105
105
|
|
|
106
106
|
<div class="ss__wrapper">
|
|
107
|
-
{e.textArea?<textarea id={e.id||
|
|
107
|
+
{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}/>}
|
|
108
108
|
|
|
109
|
-
{!!
|
|
110
|
-
<
|
|
111
|
-
{(
|
|
112
|
-
{e.suggestions.stringify({item:
|
|
109
|
+
{!!h().length&&<ul class="ss__suggestions"ref={u=>v=u}>
|
|
110
|
+
<Y each={h()}>
|
|
111
|
+
{(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()}}>
|
|
112
|
+
{e.suggestions.stringify({item:u,init:a})}
|
|
113
113
|
</li>}}
|
|
114
|
-
</
|
|
114
|
+
</Y>
|
|
115
115
|
</ul>}
|
|
116
116
|
</div>
|
|
117
117
|
|
|
118
|
-
{!!
|
|
119
|
-
</div>};
|
|
120
|
-
<label for={e.id||
|
|
118
|
+
{!!r()&&<span role="alert">{r()}</span>}
|
|
119
|
+
</div>};C.Date=function(e){let t=H(O),[l,i]=T(""),[r,o]=T(null),[f,a]=T(!1),[h,c]=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(!f())return;let n=_(l());c(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()===h().getFullYear()&&g.getMonth()===h().getMonth()&&g.getDate()===n:!1},E=n=>{let g=new Date;return g.getFullYear()===h().getFullYear()&&g.getMonth()===h().getMonth()&&g.getDate()===n},D=()=>{let n=h(),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=()=>h().toLocaleDateString("de-DE",{month:"long",year:"numeric"}),b=n=>{let g=new Date(h().getFullYear(),h().getMonth(),n);i(v(g)),a(!1)};return J(()=>{let n=x=>{if(!f())return;let w=x.target;d&&w&&!d.contains(w)&&a(!1)},g=x=>{x.key==="Escape"&&a(!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}>
|
|
120
|
+
<label for={e.id||M}>{e.label}</label>
|
|
121
121
|
|
|
122
122
|
<div class="ss__wrapper">
|
|
123
|
-
<input id={e.id||
|
|
124
|
-
<button type="button"class="ss_form_date__icon"aria-label="Kalender öffnen"aria-haspopup="dialog"aria-expanded={
|
|
123
|
+
<input id={e.id||M}value={l()}oninput={n=>i(n.target.value)}onfocus={()=>a(!0)}disabled={e.disabled||t?.loading()}readonly={!e.editable}type="text"inputmode="numeric"autocomplete="off"placeholder="TT.MM.JJJJ"/>
|
|
124
|
+
<button type="button"class="ss_form_date__icon"aria-label="Kalender öffnen"aria-haspopup="dialog"aria-expanded={f()}onclick={()=>a(n=>!n)}disabled={e.disabled||t?.loading()}>
|
|
125
125
|
<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>
|
|
126
126
|
</button>
|
|
127
127
|
</div>
|
|
128
128
|
|
|
129
|
-
{
|
|
129
|
+
{f()&&<div class="ss_form_date__picker"role="dialog"aria-label="Datum auswählen">
|
|
130
130
|
<div class="ss_form_date__header">
|
|
131
131
|
<div class="ss_form_date__nav_group">
|
|
132
|
-
<button type="button"class="ss_form_date__nav"onclick={()=>{let
|
|
132
|
+
<button type="button"class="ss_form_date__nav"onclick={()=>{let n=h();c(new Date(n.getFullYear()-1,n.getMonth(),1))}}>
|
|
133
133
|
<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>
|
|
134
134
|
</button>
|
|
135
|
-
<button type="button"class="ss_form_date__nav"onclick={()=>{let
|
|
135
|
+
<button type="button"class="ss_form_date__nav"onclick={()=>{let n=h();c(new Date(n.getFullYear(),n.getMonth()-1,1))}}>
|
|
136
136
|
<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>
|
|
137
137
|
</button>
|
|
138
138
|
</div>
|
|
139
|
-
<div class="ss_form_date__title">{
|
|
139
|
+
<div class="ss_form_date__title">{u()}</div>
|
|
140
140
|
<div class="ss_form_date__nav_group">
|
|
141
|
-
<button type="button"class="ss_form_date__nav"onclick={()=>{let
|
|
141
|
+
<button type="button"class="ss_form_date__nav"onclick={()=>{let n=h();c(new Date(n.getFullYear(),n.getMonth()+1,1))}}>
|
|
142
142
|
<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>
|
|
143
143
|
</button>
|
|
144
|
-
<button type="button"class="ss_form_date__nav"onclick={()=>{let
|
|
144
|
+
<button type="button"class="ss_form_date__nav"onclick={()=>{let n=h();c(new Date(n.getFullYear()+1,n.getMonth(),1))}}>
|
|
145
145
|
<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>
|
|
146
146
|
</button>
|
|
147
147
|
</div>
|
|
148
148
|
</div>
|
|
149
149
|
<div class="ss_form_date__weekdays">
|
|
150
|
-
{["Mo","Di","Mi","Do","Fr","Sa","So"].map(
|
|
150
|
+
{["Mo","Di","Mi","Do","Fr","Sa","So"].map(n=><span>{n}</span>)}
|
|
151
151
|
</div>
|
|
152
152
|
<div class="ss_form_date__grid">
|
|
153
|
-
{
|
|
154
|
-
{
|
|
153
|
+
{D().map(n=>n?<button type="button"class="ss_form_date__day"classList={{"is-selected":k(n),"is-today":E(n)}}onclick={()=>b(n)}>
|
|
154
|
+
{n}
|
|
155
155
|
</button>:<span class="ss_form_date__day is-empty"/>)}
|
|
156
156
|
</div>
|
|
157
157
|
</div>}
|
|
158
158
|
|
|
159
|
-
{!!
|
|
160
|
-
</div>};
|
|
159
|
+
{!!r()&&<span role="alert">{r()}</span>}
|
|
160
|
+
</div>};C.Checkbox=function(e){let t=H(O),[l,i]=T(!1),[r,o]=T(null),f={getValue:()=>l(),setValue:h=>i(!!h),hasError:()=>!!r(),validate:async()=>{let h=[...e.rules??[]];e.required&&h.unshift(C.rules.required);let c=await f.getValue();for(let d of h){let s=await d(c);if(s){o(s);return}}o(null)}};if(e.name&&t){let h=e.name;J(()=>t.setField(h,f)),I(()=>t.delField(h))}let a=X();return<div class="ss_form_checkbox">
|
|
161
161
|
<div class="ss__wrapper">
|
|
162
|
-
<input id={e.id||
|
|
163
|
-
<label for={e.id||
|
|
162
|
+
<input id={e.id||a}type="checkbox"checked={l()}onchange={h=>i(h.target.checked)}disabled={e.disabled||t?.loading()}/>
|
|
163
|
+
<label for={e.id||a}>{e.label}</label>
|
|
164
164
|
</div>
|
|
165
165
|
|
|
166
|
-
{!!
|
|
167
|
-
</div>};
|
|
168
|
-
<label for={e.id||
|
|
166
|
+
{!!r()&&<span role="alert">{r()}</span>}
|
|
167
|
+
</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),[f,a]=T(null),h=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(h):h(s)});let c={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:()=>!!f(),validate:async()=>{let s=l(),v=await c.getValue();if(!v){a("Pflichtfeld");return}if(!s.some(_=>_.id===v)){a("Option nicht verf\xFCgbar");return}for(let _ of e.rules??[]){let y=await _(v);if(y){a(y);return}}a(null)}};if(c.setOptions=h,e.name&&t){let s=e.name;J(()=>t.setField(s,c)),I(()=>t.delField(s))}let d=X();return<div class="ss_form_select">
|
|
168
|
+
<label for={e.id||d}>{e.label}</label>
|
|
169
169
|
|
|
170
170
|
<div class="ss_form_select__field">
|
|
171
|
-
<select id={e.id||
|
|
172
|
-
<
|
|
173
|
-
{
|
|
174
|
-
</
|
|
171
|
+
<select id={e.id||d}onchange={s=>o(s.target.value)}disabled={e.disabled||t?.loading()}>
|
|
172
|
+
<Y each={l()}>
|
|
173
|
+
{s=><option value={s.id}selected={r()===s.id}>{s.label}</option>}
|
|
174
|
+
</Y>
|
|
175
175
|
</select>
|
|
176
176
|
<span class="ss_form_select__icon"aria-hidden="true">
|
|
177
177
|
<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>
|
|
178
178
|
</span>
|
|
179
179
|
</div>
|
|
180
180
|
|
|
181
|
-
{!!
|
|
182
|
-
</div>};
|
|
183
|
-
<label for={e.id||
|
|
181
|
+
{!!f()&&<span role="alert">{f()}</span>}
|
|
182
|
+
</div>};C.ACSelect=function(e){let t=H(O),[l,i]=T(""),[r,o]=T([]),[f,a]=T(null),h={getValue:()=>r(),setValue:m=>o(m),hasError:()=>!!f(),validate:async()=>{let m=await h.getValue(),S=e.minSelectedItems,p=e.maxSelectedItems;if(S&&m.length<S){a(`Mindestens ${S} ${S>1?"Elemente m\xFCssen":"Element muss"} ausgew\xE4hlt werden`);return}if(p&&m.length>p){a(`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){a(L);return}}a(null)}};if(e.name&&t){let m=e.name;J(()=>t.setField(m,h)),I(()=>t.delField(m))}let c=null,[d,s]=T(!e.prepare);e.prepare&&J(async()=>{e.prepare&&(c=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:c});_(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">
|
|
183
|
+
<label for={e.id||b}>{e.label}</label>
|
|
184
184
|
|
|
185
|
-
{e.maxSelectedItems===1&&e.renderSelection&&
|
|
185
|
+
{e.maxSelectedItems===1&&e.renderSelection&&r().length===1?<div class="ss__selection">
|
|
186
186
|
<div class="ss__content">
|
|
187
|
-
{e.renderSelection({item:
|
|
187
|
+
{e.renderSelection({item:r()[0],init:c})}
|
|
188
188
|
</div>
|
|
189
|
-
<button type="button"class="ss__clear"disabled={
|
|
189
|
+
<button type="button"class="ss__clear"disabled={w()}aria-label="Auswahl entfernen"onclick={()=>{o([]),i(""),setTimeout(()=>document.getElementById(e.id||b)?.focus(),0)}}>
|
|
190
190
|
×
|
|
191
191
|
</button>
|
|
192
192
|
</div>:<div class="ss__wrapper">
|
|
193
193
|
|
|
194
194
|
<div class="ss__input_row">
|
|
195
|
-
{!!
|
|
196
|
-
{
|
|
195
|
+
{!!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([])}}>
|
|
196
|
+
{r().length}
|
|
197
197
|
</span>}
|
|
198
198
|
|
|
199
|
-
<input id={e.id||
|
|
199
|
+
<input id={e.id||b}value={l()}oninput={m=>{w()||(i(m.target.value),M(-1))}}onkeydown={x}disabled={w()}/>
|
|
200
200
|
</div>
|
|
201
201
|
|
|
202
|
-
{!!
|
|
203
|
-
<
|
|
204
|
-
{(
|
|
205
|
-
{e.renderItem({item:
|
|
202
|
+
{!!v().length&&<ul class="ss__suggestions"ref={m=>k=m}>
|
|
203
|
+
<Y each={v()}>
|
|
204
|
+
{(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()}}>
|
|
205
|
+
{e.renderItem({item:m,init:c})}
|
|
206
206
|
</li>}}
|
|
207
|
-
</
|
|
207
|
+
</Y>
|
|
208
208
|
</ul>}
|
|
209
209
|
</div>}
|
|
210
210
|
|
|
211
|
-
{!!
|
|
212
|
-
</div>};
|
|
211
|
+
{!!f()&&<span role="alert">{f()}</span>}
|
|
212
|
+
</div>};C.SubmitButton=function(e){let t=H(O);return<F type="submit"class="ss_form_submit"disabled={e.disabled||t?.loading()}>
|
|
213
213
|
{e.children}
|
|
214
|
-
</
|
|
214
|
+
</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}>
|
|
215
215
|
<div class="ss_header__text">
|
|
216
216
|
<h3 class="ss_header__title">{e.title}</h3>
|
|
217
217
|
{e.subtitle&&<h5 class="ss_header__subtitle">{e.subtitle}</h5>}
|
|
218
218
|
</div>
|
|
219
219
|
<div class="ss_header__actions">{e.actions}</div>
|
|
220
|
-
</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()}>
|
|
221
|
-
<
|
|
222
|
-
<div class="ss_modal"data-state={
|
|
223
|
-
<div class="ss_modal__backdrop"onclick={
|
|
224
|
-
<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={
|
|
220
|
+
</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(),f,a,h;Ae(()=>{f&&clearTimeout(f),a&&cancelAnimationFrame(a),e.open?(t()||l(!0),r("closed"),a=requestAnimationFrame(()=>r("open"))):(r("closed"),t()&&(f=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})}a=requestAnimationFrame(()=>h?.focus());let d=s=>{s.key==="Escape"&&e.dismissible!==!1&&e.onClose?.()};window.addEventListener("keydown",d),W(()=>window.removeEventListener("keydown",d))}),W(()=>{f&&clearTimeout(f),a&&cancelAnimationFrame(a)});let c=()=>{e.dismissible!==!1&&e.onClose?.()};return<U when={t()}>
|
|
221
|
+
<Ne>
|
|
222
|
+
<div class="ss_modal"data-state={i()}aria-hidden={i()==="closed"}>
|
|
223
|
+
<div class="ss_modal__backdrop"onclick={c}/>
|
|
224
|
+
<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=>h=d}role="dialog"aria-modal="true"aria-labelledby={e.title?o:void 0}tabindex="-1">
|
|
225
225
|
{(e.title||e.onClose)&&<div class="ss_modal__header">
|
|
226
|
-
{e.title&&<h2 id={
|
|
226
|
+
{e.title&&<h2 id={o}class="ss_modal__title">
|
|
227
227
|
{e.title}
|
|
228
228
|
</h2>}
|
|
229
|
-
<
|
|
230
|
-
<
|
|
229
|
+
<U when={e.onClose}>
|
|
230
|
+
<F type="button"class="ss_modal__close"isIconOnly ariaLabel="Dialog schließen"onclick={()=>{e.dismissible!==!1&&e.onClose?.()}}>
|
|
231
231
|
<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>
|
|
232
|
-
</
|
|
233
|
-
</
|
|
232
|
+
</F>
|
|
233
|
+
</U>
|
|
234
234
|
</div>}
|
|
235
235
|
|
|
236
236
|
<div class="ss_modal__body">
|
|
237
237
|
<div class="ss_modal__body_inner">{e.children}</div>
|
|
238
238
|
</div>
|
|
239
239
|
|
|
240
|
-
<
|
|
240
|
+
<U when={e.footer}>
|
|
241
241
|
<div class="ss_modal__footer">{e.footer}</div>
|
|
242
|
-
</
|
|
242
|
+
</U>
|
|
243
243
|
</div>
|
|
244
244
|
</div>
|
|
245
|
-
</
|
|
246
|
-
</
|
|
247
|
-
{!
|
|
248
|
-
{
|
|
249
|
-
</
|
|
250
|
-
<
|
|
251
|
-
{
|
|
252
|
-
</
|
|
245
|
+
</Ne>
|
|
246
|
+
</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:f,secondaryButtonText:a,hideSecondaryButton:h,danger:c,...d}=o();return<$ open={e.visible()}onClose={e.hide}{...d}footer={<>
|
|
247
|
+
{!h&&<F class="secondary"onclick={e.hide}>
|
|
248
|
+
{a??"Abbrechen"}
|
|
249
|
+
</F>}
|
|
250
|
+
<F class={c?"danger":void 0}onclick={()=>r(()=>e.config.onPrimaryAction?.({hide:e.hide,navigate:t,pathname:l.pathname})??e.hide())}disabled={i()}>
|
|
251
|
+
{f??"Weiter"}
|
|
252
|
+
</F>
|
|
253
253
|
</>}>
|
|
254
254
|
{e.config.content({hide:e.hide})}
|
|
255
|
-
|
|
256
|
-
<
|
|
257
|
-
</
|
|
258
|
-
{!
|
|
259
|
-
{
|
|
260
|
-
</
|
|
261
|
-
<
|
|
262
|
-
{
|
|
263
|
-
</
|
|
255
|
+
</$>}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})}>
|
|
256
|
+
<Mt visible={e.visible}hide={e.hide}config={e.config}/>
|
|
257
|
+
</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:f,...a}=l();return<$ open={e.visible()}onClose={e.hide}{...a}footer={<>
|
|
258
|
+
{!o&&<F class="secondary"onclick={e.hide}disabled={t.loading()}>
|
|
259
|
+
{r??"Abbrechen"}
|
|
260
|
+
</F>}
|
|
261
|
+
<F class={f?"danger":void 0}onclick={()=>t.submit()}disabled={t.loading()}>
|
|
262
|
+
{i??"Speichern"}
|
|
263
|
+
</F>
|
|
264
264
|
</>}>
|
|
265
265
|
{e.config.content({hide:e.hide,context:t})}
|
|
266
|
-
|
|
266
|
+
</$>}function Et(e){let[t,l]=ne([]),i=new Map,r=new Map,o=220,f=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,_)},a=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},h=d=>a(({hide:s,visible:v})=><_t visible={v}hide={s}config={d}/>),c=d=>a(({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:a,showDefault:h,showForm:c,hide:f}}>
|
|
267
267
|
{e.children}
|
|
268
268
|
|
|
269
|
-
<
|
|
270
|
-
{
|
|
271
|
-
</
|
|
272
|
-
</
|
|
269
|
+
<Ue each={t()}>
|
|
270
|
+
{d=>{let s=()=>f(d.id);return d.render({id:d.id,hide:s,visible:d.visible})}}
|
|
271
|
+
</Ue>
|
|
272
|
+
</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 c=document.getElementById(t);c&&(c.checked=!1)},f=c=>{r(d=>d.includes(c)?d:[...d,c])},a=c=>{r(d=>d.filter(s=>s!==c))},h=Pt(()=>{let c=l.pathname,d=null;for(let s of i())c.startsWith(s)&&(!d||s.length>d.length)&&(d=s);return d});return<Z.Provider value={{closeDrawer:o,activeHref:h,registerHref:f,unregisterHref:a}}>
|
|
273
273
|
<div class={`ss_shell ${e.class??""}`}style={e.style}>
|
|
274
274
|
<input id={t}type="checkbox"class="ss_shell__drawer_toggle_input"/>
|
|
275
275
|
|
|
@@ -291,13 +291,13 @@ function Y(e){let t=()=>["ss_button",e.isIconOnly?"ss_button--icon":"",e.class??
|
|
|
291
291
|
<label for={t}class="ss_shell__scrim"aria-label="Navigation schließen"/>
|
|
292
292
|
</div>
|
|
293
293
|
</div>
|
|
294
|
-
</
|
|
294
|
+
</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()}}>
|
|
295
295
|
{e.icon&&<span class="ss_shell__nav_icon">{e.icon}</span>}
|
|
296
296
|
<span class="ss_shell__nav_label">{e.children}</span>
|
|
297
|
-
</a>};
|
|
297
|
+
</a>};R.NavAction=function(e){let t=le(Z);return<button type="button"class="ss_shell__nav_item"onclick={()=>{e.onclick(),t?.closeDrawer()}}>
|
|
298
298
|
{e.icon&&<span class="ss_shell__nav_icon">{e.icon}</span>}
|
|
299
299
|
<span class="ss_shell__nav_label">{e.children}</span>
|
|
300
|
-
</button>};
|
|
300
|
+
</button>};R.NavGroup=function(e){return<details class="ss_shell__nav_group"open={e.initiallyExpanded}>
|
|
301
301
|
<summary class="ss_shell__nav_group_header">
|
|
302
302
|
{e.icon&&<span class="ss_shell__nav_icon">{e.icon}</span>}
|
|
303
303
|
<span class="ss_shell__nav_label">{e.title}</span>
|
|
@@ -306,16 +306,16 @@ function Y(e){let t=()=>["ss_button",e.isIconOnly?"ss_button--icon":"",e.class??
|
|
|
306
306
|
</span>
|
|
307
307
|
</summary>
|
|
308
308
|
<div class="ss_shell__nav_group_items">{e.children}</div>
|
|
309
|
-
</details>};function
|
|
309
|
+
</details>};function Jt(e){return<div class={`ss_surface ${e.class??""}`}style={e.style}>
|
|
310
310
|
{e.children}
|
|
311
|
-
</div>}function
|
|
311
|
+
</div>}import{A as Ot}from"@solidjs/router";function _e(e){return<div class={`ss_tile ${e.class??""}`}style={e.style}>
|
|
312
312
|
<div class="ss_tile__row">
|
|
313
313
|
{e.icon&&<span class="ss_tile__icon">{e.icon}</span>}
|
|
314
314
|
<div class="ss_tile__content">
|
|
315
315
|
{e.href?<h5 class="ss_tile__title">
|
|
316
|
-
<
|
|
316
|
+
<Ot class="ss_tile__link"href={e.href}onclick={e.onLinkClick}>
|
|
317
317
|
{e.title}
|
|
318
|
-
</
|
|
318
|
+
</Ot>
|
|
319
319
|
</h5>:<h5 class="ss_tile__title">
|
|
320
320
|
<span class="ss_tile__text">{e.title}</span>
|
|
321
321
|
</h5>}
|
|
@@ -323,4 +323,4 @@ function Y(e){let t=()=>["ss_button",e.isIconOnly?"ss_button--icon":"",e.class??
|
|
|
323
323
|
</div>
|
|
324
324
|
{e.trailing&&<div class="ss_tile__trailing">{e.trailing}</div>}
|
|
325
325
|
</div>
|
|
326
|
-
</div>}function
|
|
326
|
+
</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};
|