@public-ui/sample-react 3.0.0-rc.4 → 3.0.0-rc.6

package/dist/main.js

@@ -1,2 +1,2 @@
 /*! For license information please see main.js.LICENSE.txt */
-(()=>{var e,n,t,o,r={642:(e,n,t)=>{"use strict";var o=t(9596),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},l={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},a={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},i={};function c(e){return o.isMemo(e)?a:i[e.$$typeof]||r}i[o.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},i[o.Memo]=a;var s=Object.defineProperty,d=Object.getOwnPropertyNames,u=Object.getOwnPropertySymbols,m=Object.getOwnPropertyDescriptor,f=Object.getPrototypeOf,b=Object.prototype;e.exports=function e(n,t,o){if("string"!=typeof t){if(b){var r=f(t);r&&r!==b&&e(n,r,o)}var a=d(t);u&&(a=a.concat(u(t)));for(var i=c(n),p=c(t),h=0;h<a.length;++h){var k=a[h];if(!(l[k]||o&&o[k]||p&&p[k]||i&&i[k])){var v=m(t,k);try{s(n,k,v)}catch(e){}}}}return n}},6180:(e,n,t)=>{"use strict";var o=t(7163),r=t(1337);function l(e){for(var n="https://reactjs.org/docs/error-decoder.html?invariant="+e,t=1;t<arguments.length;t++)n+="&args[]="+encodeURIComponent(arguments[t]);return"Minified React error #"+e+"; visit "+n+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var a=new Set,i={};function c(e,n){s(e,n),s(e+"Capture",n)}function s(e,n){for(i[e]=n,e=0;e<n.length;e++)a.add(n[e])}var d=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),u=Object.prototype.hasOwnProperty,m=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,f={},b={};function p(e,n,t,o,r,l,a){this.acceptsBooleans=2===n||3===n||4===n,this.attributeName=o,this.attributeNamespace=r,this.mustUseProperty=t,this.propertyName=e,this.type=n,this.sanitizeURL=l,this.removeEmptyString=a}var h={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){h[e]=new p(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var n=e[0];h[n]=new p(n,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){h[e]=new p(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){h[e]=new p(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){h[e]=new p(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){h[e]=new p(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){h[e]=new p(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){h[e]=new p(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){h[e]=new p(e,5,!1,e.toLowerCase(),null,!1,!1)}));var k=/[\-:]([a-z])/g;function v(e){return e[1].toUpperCase()}function g(e,n,t,o){var r=h.hasOwnProperty(n)?h[n]:null;(null!==r?0!==r.type:o||!(2<n.length)||"o"!==n[0]&&"O"!==n[0]||"n"!==n[1]&&"N"!==n[1])&&(function(e,n,t,o){if(null==n||function(e,n,t,o){if(null!==t&&0===t.type)return!1;switch(typeof n){case"function":case"symbol":return!0;case"boolean":return!o&&(null!==t?!t.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,n,t,o))return!0;if(o)return!1;if(null!==t)switch(t.type){case 3:return!n;case 4:return!1===n;case 5:return isNaN(n);case 6:return isNaN(n)||1>n}return!1}(n,t,r,o)&&(t=null),o||null===r?function(e){return!!u.call(b,e)||!u.call(f,e)&&(m.test(e)?b[e]=!0:(f[e]=!0,!1))}(n)&&(null===t?e.removeAttribute(n):e.setAttribute(n,""+t)):r.mustUseProperty?e[r.propertyName]=null===t?3!==r.type&&"":t:(n=r.attributeName,o=r.attributeNamespace,null===t?e.removeAttribute(n):(t=3===(r=r.type)||4===r&&!0===t?"":""+t,o?e.setAttributeNS(o,n,t):e.setAttribute(n,t))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var n=e.replace(k,v);h[n]=new p(n,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var n=e.replace(k,v);h[n]=new p(n,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var n=e.replace(k,v);h[n]=new p(n,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){h[e]=new p(e,1,!1,e.toLowerCase(),null,!1,!1)})),h.xlinkHref=new p("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){h[e]=new p(e,1,!1,e.toLowerCase(),null,!0,!0)}));var _=o.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,y=Symbol.for("react.element"),w=Symbol.for("react.portal"),E=Symbol.for("react.fragment"),x=Symbol.for("react.strict_mode"),z=Symbol.for("react.profiler"),S=Symbol.for("react.provider"),T=Symbol.for("react.context"),C=Symbol.for("react.forward_ref"),B=Symbol.for("react.suspense"),O=Symbol.for("react.suspense_list"),L=Symbol.for("react.memo"),A=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var N=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var I=Symbol.iterator;function $(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=I&&e[I]||e["@@iterator"])?e:null}var P,j=Object.assign;function M(e){if(void 0===P)try{throw Error()}catch(e){var n=e.stack.trim().match(/\n( *(at )?)/);P=n&&n[1]||""}return"\n"+P+e}var R=!1;function F(e,n){if(!e||R)return"";R=!0;var t=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(n)if(n=function(){throw Error()},Object.defineProperty(n.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(n,[])}catch(e){var o=e}Reflect.construct(e,[],n)}else{try{n.call()}catch(e){o=e}e.call(n.prototype)}else{try{throw Error()}catch(e){o=e}e()}}catch(n){if(n&&o&&"string"==typeof n.stack){for(var r=n.stack.split("\n"),l=o.stack.split("\n"),a=r.length-1,i=l.length-1;1<=a&&0<=i&&r[a]!==l[i];)i--;for(;1<=a&&0<=i;a--,i--)if(r[a]!==l[i]){if(1!==a||1!==i)do{if(a--,0>--i||r[a]!==l[i]){var c="\n"+r[a].replace(" at new "," at ");return e.displayName&&c.includes("<anonymous>")&&(c=c.replace("<anonymous>",e.displayName)),c}}while(1<=a&&0<=i);break}}}finally{R=!1,Error.prepareStackTrace=t}return(e=e?e.displayName||e.name:"")?M(e):""}function D(e){switch(e.tag){case 5:return M(e.type);case 16:return M("Lazy");case 13:return M("Suspense");case 19:return M("SuspenseList");case 0:case 2:case 15:return F(e.type,!1);case 11:return F(e.type.render,!1);case 1:return F(e.type,!0);default:return""}}function K(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case E:return"Fragment";case w:return"Portal";case z:return"Profiler";case x:return"StrictMode";case B:return"Suspense";case O:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case T:return(e.displayName||"Context")+".Consumer";case S:return(e._context.displayName||"Context")+".Provider";case C:var n=e.render;return(e=e.displayName)||(e=""!==(e=n.displayName||n.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case L:return null!==(n=e.displayName||null)?n:K(e.type)||"Memo";case A:n=e._payload,e=e._init;try{return K(e(n))}catch(e){}}return null}function H(e){var n=e.type;switch(e.tag){case 24:return"Cache";case 9:return(n.displayName||"Context")+".Consumer";case 10:return(n._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=n.render).displayName||e.name||"",n.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return n;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return K(n);case 8:return n===x?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof n)return n.displayName||n.name||null;if("string"==typeof n)return n}return null}function U(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function V(e){var n=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===n||"radio"===n)}function W(e){e._valueTracker||(e._valueTracker=function(e){var n=V(e)?"checked":"value",t=Object.getOwnPropertyDescriptor(e.constructor.prototype,n),o=""+e[n];if(!e.hasOwnProperty(n)&&void 0!==t&&"function"==typeof t.get&&"function"==typeof t.set){var r=t.get,l=t.set;return Object.defineProperty(e,n,{configurable:!0,get:function(){return r.call(this)},set:function(e){o=""+e,l.call(this,e)}}),Object.defineProperty(e,n,{enumerable:t.enumerable}),{getValue:function(){return o},setValue:function(e){o=""+e},stopTracking:function(){e._valueTracker=null,delete e[n]}}}}(e))}function q(e){if(!e)return!1;var n=e._valueTracker;if(!n)return!0;var t=n.getValue(),o="";return e&&(o=V(e)?e.checked?"true":"false":e.value),(e=o)!==t&&(n.setValue(e),!0)}function G(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(n){return e.body}}function Z(e,n){var t=n.checked;return j({},n,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=t?t:e._wrapperState.initialChecked})}function Y(e,n){var t=null==n.defaultValue?"":n.defaultValue,o=null!=n.checked?n.checked:n.defaultChecked;t=U(null!=n.value?n.value:t),e._wrapperState={initialChecked:o,initialValue:t,controlled:"checkbox"===n.type||"radio"===n.type?null!=n.checked:null!=n.value}}function J(e,n){null!=(n=n.checked)&&g(e,"checked",n,!1)}function Q(e,n){J(e,n);var t=U(n.value),o=n.type;if(null!=t)"number"===o?(0===t&&""===e.value||e.value!=t)&&(e.value=""+t):e.value!==""+t&&(e.value=""+t);else if("submit"===o||"reset"===o)return void e.removeAttribute("value");n.hasOwnProperty("value")?ee(e,n.type,t):n.hasOwnProperty("defaultValue")&&ee(e,n.type,U(n.defaultValue)),null==n.checked&&null!=n.defaultChecked&&(e.defaultChecked=!!n.defaultChecked)}function X(e,n,t){if(n.hasOwnProperty("value")||n.hasOwnProperty("defaultValue")){var o=n.type;if(!("submit"!==o&&"reset"!==o||void 0!==n.value&&null!==n.value))return;n=""+e._wrapperState.initialValue,t||n===e.value||(e.value=n),e.defaultValue=n}""!==(t=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==t&&(e.name=t)}function ee(e,n,t){"number"===n&&G(e.ownerDocument)===e||(null==t?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+t&&(e.defaultValue=""+t))}var ne=Array.isArray;function te(e,n,t,o){if(e=e.options,n){n={};for(var r=0;r<t.length;r++)n["$"+t[r]]=!0;for(t=0;t<e.length;t++)r=n.hasOwnProperty("$"+e[t].value),e[t].selected!==r&&(e[t].selected=r),r&&o&&(e[t].defaultSelected=!0)}else{for(t=""+U(t),n=null,r=0;r<e.length;r++){if(e[r].value===t)return e[r].selected=!0,void(o&&(e[r].defaultSelected=!0));null!==n||e[r].disabled||(n=e[r])}null!==n&&(n.selected=!0)}}function oe(e,n){if(null!=n.dangerouslySetInnerHTML)throw Error(l(91));return j({},n,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function re(e,n){var t=n.value;if(null==t){if(t=n.children,n=n.defaultValue,null!=t){if(null!=n)throw Error(l(92));if(ne(t)){if(1<t.length)throw Error(l(93));t=t[0]}n=t}null==n&&(n=""),t=n}e._wrapperState={initialValue:U(t)}}function le(e,n){var t=U(n.value),o=U(n.defaultValue);null!=t&&((t=""+t)!==e.value&&(e.value=t),null==n.defaultValue&&e.defaultValue!==t&&(e.defaultValue=t)),null!=o&&(e.defaultValue=""+o)}function ae(e){var n=e.textContent;n===e._wrapperState.initialValue&&""!==n&&null!==n&&(e.value=n)}function ie(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function ce(e,n){return null==e||"http://www.w3.org/1999/xhtml"===e?ie(n):"http://www.w3.org/2000/svg"===e&&"foreignObject"===n?"http://www.w3.org/1999/xhtml":e}var se,de,ue=(de=function(e,n){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=n;else{for((se=se||document.createElement("div")).innerHTML="<svg>"+n.valueOf().toString()+"</svg>",n=se.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;n.firstChild;)e.appendChild(n.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,n,t,o){MSApp.execUnsafeLocalFunction((function(){return de(e,n)}))}:de);function me(e,n){if(n){var t=e.firstChild;if(t&&t===e.lastChild&&3===t.nodeType)return void(t.nodeValue=n)}e.textContent=n}var fe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},be=["Webkit","ms","Moz","O"];function pe(e,n,t){return null==n||"boolean"==typeof n||""===n?"":t||"number"!=typeof n||0===n||fe.hasOwnProperty(e)&&fe[e]?(""+n).trim():n+"px"}function he(e,n){for(var t in e=e.style,n)if(n.hasOwnProperty(t)){var o=0===t.indexOf("--"),r=pe(t,n[t],o);"float"===t&&(t="cssFloat"),o?e.setProperty(t,r):e[t]=r}}Object.keys(fe).forEach((function(e){be.forEach((function(n){n=n+e.charAt(0).toUpperCase()+e.substring(1),fe[n]=fe[e]}))}));var ke=j({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ve(e,n){if(n){if(ke[e]&&(null!=n.children||null!=n.dangerouslySetInnerHTML))throw Error(l(137,e));if(null!=n.dangerouslySetInnerHTML){if(null!=n.children)throw Error(l(60));if("object"!=typeof n.dangerouslySetInnerHTML||!("__html"in n.dangerouslySetInnerHTML))throw Error(l(61))}if(null!=n.style&&"object"!=typeof n.style)throw Error(l(62))}}function ge(e,n){if(-1===e.indexOf("-"))return"string"==typeof n.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var _e=null;function ye(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var we=null,Ee=null,xe=null;function ze(e){if(e=_r(e)){if("function"!=typeof we)throw Error(l(280));var n=e.stateNode;n&&(n=wr(n),we(e.stateNode,e.type,n))}}function Se(e){Ee?xe?xe.push(e):xe=[e]:Ee=e}function Te(){if(Ee){var e=Ee,n=xe;if(xe=Ee=null,ze(e),n)for(e=0;e<n.length;e++)ze(n[e])}}function Ce(e,n){return e(n)}function Be(){}var Oe=!1;function Le(e,n,t){if(Oe)return e(n,t);Oe=!0;try{return Ce(e,n,t)}finally{Oe=!1,(null!==Ee||null!==xe)&&(Be(),Te())}}function Ae(e,n){var t=e.stateNode;if(null===t)return null;var o=wr(t);if(null===o)return null;t=o[n];e:switch(n){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(o=!o.disabled)||(o=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!o;break e;default:e=!1}if(e)return null;if(t&&"function"!=typeof t)throw Error(l(231,n,typeof t));return t}var Ne=!1;if(d)try{var Ie={};Object.defineProperty(Ie,"passive",{get:function(){Ne=!0}}),window.addEventListener("test",Ie,Ie),window.removeEventListener("test",Ie,Ie)}catch(de){Ne=!1}function $e(e,n,t,o,r,l,a,i,c){var s=Array.prototype.slice.call(arguments,3);try{n.apply(t,s)}catch(e){this.onError(e)}}var Pe=!1,je=null,Me=!1,Re=null,Fe={onError:function(e){Pe=!0,je=e}};function De(e,n,t,o,r,l,a,i,c){Pe=!1,je=null,$e.apply(Fe,arguments)}function Ke(e){var n=e,t=e;if(e.alternate)for(;n.return;)n=n.return;else{e=n;do{!!(4098&(n=e).flags)&&(t=n.return),e=n.return}while(e)}return 3===n.tag?t:null}function He(e){if(13===e.tag){var n=e.memoizedState;if(null===n&&null!==(e=e.alternate)&&(n=e.memoizedState),null!==n)return n.dehydrated}return null}function Ue(e){if(Ke(e)!==e)throw Error(l(188))}function Ve(e){return null!==(e=function(e){var n=e.alternate;if(!n){if(null===(n=Ke(e)))throw Error(l(188));return n!==e?null:e}for(var t=e,o=n;;){var r=t.return;if(null===r)break;var a=r.alternate;if(null===a){if(null!==(o=r.return)){t=o;continue}break}if(r.child===a.child){for(a=r.child;a;){if(a===t)return Ue(r),e;if(a===o)return Ue(r),n;a=a.sibling}throw Error(l(188))}if(t.return!==o.return)t=r,o=a;else{for(var i=!1,c=r.child;c;){if(c===t){i=!0,t=r,o=a;break}if(c===o){i=!0,o=r,t=a;break}c=c.sibling}if(!i){for(c=a.child;c;){if(c===t){i=!0,t=a,o=r;break}if(c===o){i=!0,o=a,t=r;break}c=c.sibling}if(!i)throw Error(l(189))}}if(t.alternate!==o)throw Error(l(190))}if(3!==t.tag)throw Error(l(188));return t.stateNode.current===t?e:n}(e))?We(e):null}function We(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var n=We(e);if(null!==n)return n;e=e.sibling}return null}var qe=r.unstable_scheduleCallback,Ge=r.unstable_cancelCallback,Ze=r.unstable_shouldYield,Ye=r.unstable_requestPaint,Je=r.unstable_now,Qe=r.unstable_getCurrentPriorityLevel,Xe=r.unstable_ImmediatePriority,en=r.unstable_UserBlockingPriority,nn=r.unstable_NormalPriority,tn=r.unstable_LowPriority,on=r.unstable_IdlePriority,rn=null,ln=null,an=Math.clz32?Math.clz32:function(e){return 0===(e>>>=0)?32:31-(cn(e)/sn|0)|0},cn=Math.log,sn=Math.LN2,dn=64,un=4194304;function mn(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function fn(e,n){var t=e.pendingLanes;if(0===t)return 0;var o=0,r=e.suspendedLanes,l=e.pingedLanes,a=268435455&t;if(0!==a){var i=a&~r;0!==i?o=mn(i):0!=(l&=a)&&(o=mn(l))}else 0!=(a=t&~r)?o=mn(a):0!==l&&(o=mn(l));if(0===o)return 0;if(0!==n&&n!==o&&!(n&r)&&((r=o&-o)>=(l=n&-n)||16===r&&4194240&l))return n;if(4&o&&(o|=16&t),0!==(n=e.entangledLanes))for(e=e.entanglements,n&=o;0<n;)r=1<<(t=31-an(n)),o|=e[t],n&=~r;return o}function bn(e,n){switch(e){case 1:case 2:case 4:return n+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return n+5e3;default:return-1}}function pn(e){return 0!=(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function hn(){var e=dn;return!(4194240&(dn<<=1))&&(dn=64),e}function kn(e){for(var n=[],t=0;31>t;t++)n.push(e);return n}function vn(e,n,t){e.pendingLanes|=n,536870912!==n&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[n=31-an(n)]=t}function gn(e,n){var t=e.entangledLanes|=n;for(e=e.entanglements;t;){var o=31-an(t),r=1<<o;r&n|e[o]&n&&(e[o]|=n),t&=~r}}var _n=0;function yn(e){return 1<(e&=-e)?4<e?268435455&e?16:536870912:4:1}var wn,En,xn,zn,Sn,Tn=!1,Cn=[],Bn=null,On=null,Ln=null,An=new Map,Nn=new Map,In=[],$n="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Pn(e,n){switch(e){case"focusin":case"focusout":Bn=null;break;case"dragenter":case"dragleave":On=null;break;case"mouseover":case"mouseout":Ln=null;break;case"pointerover":case"pointerout":An.delete(n.pointerId);break;case"gotpointercapture":case"lostpointercapture":Nn.delete(n.pointerId)}}function jn(e,n,t,o,r,l){return null===e||e.nativeEvent!==l?(e={blockedOn:n,domEventName:t,eventSystemFlags:o,nativeEvent:l,targetContainers:[r]},null!==n&&null!==(n=_r(n))&&En(n),e):(e.eventSystemFlags|=o,n=e.targetContainers,null!==r&&-1===n.indexOf(r)&&n.push(r),e)}function Mn(e){var n=gr(e.target);if(null!==n){var t=Ke(n);if(null!==t)if(13===(n=t.tag)){if(null!==(n=He(t)))return e.blockedOn=n,void Sn(e.priority,(function(){xn(t)}))}else if(3===n&&t.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===t.tag?t.stateNode.containerInfo:null)}e.blockedOn=null}function Rn(e){if(null!==e.blockedOn)return!1;for(var n=e.targetContainers;0<n.length;){var t=Yn(e.domEventName,e.eventSystemFlags,n[0],e.nativeEvent);if(null!==t)return null!==(n=_r(t))&&En(n),e.blockedOn=t,!1;var o=new(t=e.nativeEvent).constructor(t.type,t);_e=o,t.target.dispatchEvent(o),_e=null,n.shift()}return!0}function Fn(e,n,t){Rn(e)&&t.delete(n)}function Dn(){Tn=!1,null!==Bn&&Rn(Bn)&&(Bn=null),null!==On&&Rn(On)&&(On=null),null!==Ln&&Rn(Ln)&&(Ln=null),An.forEach(Fn),Nn.forEach(Fn)}function Kn(e,n){e.blockedOn===n&&(e.blockedOn=null,Tn||(Tn=!0,r.unstable_scheduleCallback(r.unstable_NormalPriority,Dn)))}function Hn(e){function n(n){return Kn(n,e)}if(0<Cn.length){Kn(Cn[0],e);for(var t=1;t<Cn.length;t++){var o=Cn[t];o.blockedOn===e&&(o.blockedOn=null)}}for(null!==Bn&&Kn(Bn,e),null!==On&&Kn(On,e),null!==Ln&&Kn(Ln,e),An.forEach(n),Nn.forEach(n),t=0;t<In.length;t++)(o=In[t]).blockedOn===e&&(o.blockedOn=null);for(;0<In.length&&null===(t=In[0]).blockedOn;)Mn(t),null===t.blockedOn&&In.shift()}var Un=_.ReactCurrentBatchConfig,Vn=!0;function Wn(e,n,t,o){var r=_n,l=Un.transition;Un.transition=null;try{_n=1,Gn(e,n,t,o)}finally{_n=r,Un.transition=l}}function qn(e,n,t,o){var r=_n,l=Un.transition;Un.transition=null;try{_n=4,Gn(e,n,t,o)}finally{_n=r,Un.transition=l}}function Gn(e,n,t,o){if(Vn){var r=Yn(e,n,t,o);if(null===r)Vo(e,n,o,Zn,t),Pn(e,o);else if(function(e,n,t,o,r){switch(n){case"focusin":return Bn=jn(Bn,e,n,t,o,r),!0;case"dragenter":return On=jn(On,e,n,t,o,r),!0;case"mouseover":return Ln=jn(Ln,e,n,t,o,r),!0;case"pointerover":var l=r.pointerId;return An.set(l,jn(An.get(l)||null,e,n,t,o,r)),!0;case"gotpointercapture":return l=r.pointerId,Nn.set(l,jn(Nn.get(l)||null,e,n,t,o,r)),!0}return!1}(r,e,n,t,o))o.stopPropagation();else if(Pn(e,o),4&n&&-1<$n.indexOf(e)){for(;null!==r;){var l=_r(r);if(null!==l&&wn(l),null===(l=Yn(e,n,t,o))&&Vo(e,n,o,Zn,t),l===r)break;r=l}null!==r&&o.stopPropagation()}else Vo(e,n,o,null,t)}}var Zn=null;function Yn(e,n,t,o){if(Zn=null,null!==(e=gr(e=ye(o))))if(null===(n=Ke(e)))e=null;else if(13===(t=n.tag)){if(null!==(e=He(n)))return e;e=null}else if(3===t){if(n.stateNode.current.memoizedState.isDehydrated)return 3===n.tag?n.stateNode.containerInfo:null;e=null}else n!==e&&(e=null);return Zn=e,null}function Jn(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Qe()){case Xe:return 1;case en:return 4;case nn:case tn:return 16;case on:return 536870912;default:return 16}default:return 16}}var Qn=null,Xn=null,et=null;function nt(){if(et)return et;var e,n,t=Xn,o=t.length,r="value"in Qn?Qn.value:Qn.textContent,l=r.length;for(e=0;e<o&&t[e]===r[e];e++);var a=o-e;for(n=1;n<=a&&t[o-n]===r[l-n];n++);return et=r.slice(e,1<n?1-n:void 0)}function tt(e){var n=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===n&&(e=13):e=n,10===e&&(e=13),32<=e||13===e?e:0}function ot(){return!0}function rt(){return!1}function lt(e){function n(n,t,o,r,l){for(var a in this._reactName=n,this._targetInst=o,this.type=t,this.nativeEvent=r,this.target=l,this.currentTarget=null,e)e.hasOwnProperty(a)&&(n=e[a],this[a]=n?n(r):r[a]);return this.isDefaultPrevented=(null!=r.defaultPrevented?r.defaultPrevented:!1===r.returnValue)?ot:rt,this.isPropagationStopped=rt,this}return j(n.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=ot)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=ot)},persist:function(){},isPersistent:ot}),n}var at,it,ct,st={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},dt=lt(st),ut=j({},st,{view:0,detail:0}),mt=lt(ut),ft=j({},ut,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:zt,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==ct&&(ct&&"mousemove"===e.type?(at=e.screenX-ct.screenX,it=e.screenY-ct.screenY):it=at=0,ct=e),at)},movementY:function(e){return"movementY"in e?e.movementY:it}}),bt=lt(ft),pt=lt(j({},ft,{dataTransfer:0})),ht=lt(j({},ut,{relatedTarget:0})),kt=lt(j({},st,{animationName:0,elapsedTime:0,pseudoElement:0})),vt=j({},st,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),gt=lt(vt),_t=lt(j({},st,{data:0})),yt={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},wt={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Et={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function xt(e){var n=this.nativeEvent;return n.getModifierState?n.getModifierState(e):!!(e=Et[e])&&!!n[e]}function zt(){return xt}var St=j({},ut,{key:function(e){if(e.key){var n=yt[e.key]||e.key;if("Unidentified"!==n)return n}return"keypress"===e.type?13===(e=tt(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?wt[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:zt,charCode:function(e){return"keypress"===e.type?tt(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tt(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),Tt=lt(St),Ct=lt(j({},ft,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),Bt=lt(j({},ut,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:zt})),Ot=lt(j({},st,{propertyName:0,elapsedTime:0,pseudoElement:0})),Lt=j({},ft,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),At=lt(Lt),Nt=[9,13,27,32],It=d&&"CompositionEvent"in window,$t=null;d&&"documentMode"in document&&($t=document.documentMode);var Pt=d&&"TextEvent"in window&&!$t,jt=d&&(!It||$t&&8<$t&&11>=$t),Mt=String.fromCharCode(32),Rt=!1;function Ft(e,n){switch(e){case"keyup":return-1!==Nt.indexOf(n.keyCode);case"keydown":return 229!==n.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Dt(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Kt=!1,Ht={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Ut(e){var n=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===n?!!Ht[e.type]:"textarea"===n}function Vt(e,n,t,o){Se(o),0<(n=qo(n,"onChange")).length&&(t=new dt("onChange","change",null,t,o),e.push({event:t,listeners:n}))}var Wt=null,qt=null;function Gt(e){Ro(e,0)}function Zt(e){if(q(yr(e)))return e}function Yt(e,n){if("change"===e)return n}var Jt=!1;if(d){var Qt;if(d){var Xt="oninput"in document;if(!Xt){var eo=document.createElement("div");eo.setAttribute("oninput","return;"),Xt="function"==typeof eo.oninput}Qt=Xt}else Qt=!1;Jt=Qt&&(!document.documentMode||9<document.documentMode)}function no(){Wt&&(Wt.detachEvent("onpropertychange",to),qt=Wt=null)}function to(e){if("value"===e.propertyName&&Zt(qt)){var n=[];Vt(n,qt,e,ye(e)),Le(Gt,n)}}function oo(e,n,t){"focusin"===e?(no(),qt=t,(Wt=n).attachEvent("onpropertychange",to)):"focusout"===e&&no()}function ro(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Zt(qt)}function lo(e,n){if("click"===e)return Zt(n)}function ao(e,n){if("input"===e||"change"===e)return Zt(n)}var io="function"==typeof Object.is?Object.is:function(e,n){return e===n&&(0!==e||1/e==1/n)||e!=e&&n!=n};function co(e,n){if(io(e,n))return!0;if("object"!=typeof e||null===e||"object"!=typeof n||null===n)return!1;var t=Object.keys(e),o=Object.keys(n);if(t.length!==o.length)return!1;for(o=0;o<t.length;o++){var r=t[o];if(!u.call(n,r)||!io(e[r],n[r]))return!1}return!0}function so(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function uo(e,n){var t,o=so(e);for(e=0;o;){if(3===o.nodeType){if(t=e+o.textContent.length,e<=n&&t>=n)return{node:o,offset:n-e};e=t}e:{for(;o;){if(o.nextSibling){o=o.nextSibling;break e}o=o.parentNode}o=void 0}o=so(o)}}function mo(e,n){return!(!e||!n)&&(e===n||(!e||3!==e.nodeType)&&(n&&3===n.nodeType?mo(e,n.parentNode):"contains"in e?e.contains(n):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(n))))}function fo(){for(var e=window,n=G();n instanceof e.HTMLIFrameElement;){try{var t="string"==typeof n.contentWindow.location.href}catch(e){t=!1}if(!t)break;n=G((e=n.contentWindow).document)}return n}function bo(e){var n=e&&e.nodeName&&e.nodeName.toLowerCase();return n&&("input"===n&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===n||"true"===e.contentEditable)}function po(e){var n=fo(),t=e.focusedElem,o=e.selectionRange;if(n!==t&&t&&t.ownerDocument&&mo(t.ownerDocument.documentElement,t)){if(null!==o&&bo(t))if(n=o.start,void 0===(e=o.end)&&(e=n),"selectionStart"in t)t.selectionStart=n,t.selectionEnd=Math.min(e,t.value.length);else if((e=(n=t.ownerDocument||document)&&n.defaultView||window).getSelection){e=e.getSelection();var r=t.textContent.length,l=Math.min(o.start,r);o=void 0===o.end?l:Math.min(o.end,r),!e.extend&&l>o&&(r=o,o=l,l=r),r=uo(t,l);var a=uo(t,o);r&&a&&(1!==e.rangeCount||e.anchorNode!==r.node||e.anchorOffset!==r.offset||e.focusNode!==a.node||e.focusOffset!==a.offset)&&((n=n.createRange()).setStart(r.node,r.offset),e.removeAllRanges(),l>o?(e.addRange(n),e.extend(a.node,a.offset)):(n.setEnd(a.node,a.offset),e.addRange(n)))}for(n=[],e=t;e=e.parentNode;)1===e.nodeType&&n.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof t.focus&&t.focus(),t=0;t<n.length;t++)(e=n[t]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var ho=d&&"documentMode"in document&&11>=document.documentMode,ko=null,vo=null,go=null,_o=!1;function yo(e,n,t){var o=t.window===t?t.document:9===t.nodeType?t:t.ownerDocument;_o||null==ko||ko!==G(o)||(o="selectionStart"in(o=ko)&&bo(o)?{start:o.selectionStart,end:o.selectionEnd}:{anchorNode:(o=(o.ownerDocument&&o.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:o.anchorOffset,focusNode:o.focusNode,focusOffset:o.focusOffset},go&&co(go,o)||(go=o,0<(o=qo(vo,"onSelect")).length&&(n=new dt("onSelect","select",null,n,t),e.push({event:n,listeners:o}),n.target=ko)))}function wo(e,n){var t={};return t[e.toLowerCase()]=n.toLowerCase(),t["Webkit"+e]="webkit"+n,t["Moz"+e]="moz"+n,t}var Eo={animationend:wo("Animation","AnimationEnd"),animationiteration:wo("Animation","AnimationIteration"),animationstart:wo("Animation","AnimationStart"),transitionend:wo("Transition","TransitionEnd")},xo={},zo={};function So(e){if(xo[e])return xo[e];if(!Eo[e])return e;var n,t=Eo[e];for(n in t)if(t.hasOwnProperty(n)&&n in zo)return xo[e]=t[n];return e}d&&(zo=document.createElement("div").style,"AnimationEvent"in window||(delete Eo.animationend.animation,delete Eo.animationiteration.animation,delete Eo.animationstart.animation),"TransitionEvent"in window||delete Eo.transitionend.transition);var To=So("animationend"),Co=So("animationiteration"),Bo=So("animationstart"),Oo=So("transitionend"),Lo=new Map,Ao="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function No(e,n){Lo.set(e,n),c(n,[e])}for(var Io=0;Io<Ao.length;Io++){var $o=Ao[Io];No($o.toLowerCase(),"on"+($o[0].toUpperCase()+$o.slice(1)))}No(To,"onAnimationEnd"),No(Co,"onAnimationIteration"),No(Bo,"onAnimationStart"),No("dblclick","onDoubleClick"),No("focusin","onFocus"),No("focusout","onBlur"),No(Oo,"onTransitionEnd"),s("onMouseEnter",["mouseout","mouseover"]),s("onMouseLeave",["mouseout","mouseover"]),s("onPointerEnter",["pointerout","pointerover"]),s("onPointerLeave",["pointerout","pointerover"]),c("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),c("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),c("onBeforeInput",["compositionend","keypress","textInput","paste"]),c("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),c("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),c("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Po="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),jo=new Set("cancel close invalid load scroll toggle".split(" ").concat(Po));function Mo(e,n,t){var o=e.type||"unknown-event";e.currentTarget=t,function(e,n,t,o,r,a,i,c,s){if(De.apply(this,arguments),Pe){if(!Pe)throw Error(l(198));var d=je;Pe=!1,je=null,Me||(Me=!0,Re=d)}}(o,n,void 0,e),e.currentTarget=null}function Ro(e,n){n=!!(4&n);for(var t=0;t<e.length;t++){var o=e[t],r=o.event;o=o.listeners;e:{var l=void 0;if(n)for(var a=o.length-1;0<=a;a--){var i=o[a],c=i.instance,s=i.currentTarget;if(i=i.listener,c!==l&&r.isPropagationStopped())break e;Mo(r,i,s),l=c}else for(a=0;a<o.length;a++){if(c=(i=o[a]).instance,s=i.currentTarget,i=i.listener,c!==l&&r.isPropagationStopped())break e;Mo(r,i,s),l=c}}}if(Me)throw e=Re,Me=!1,Re=null,e}function Fo(e,n){var t=n[hr];void 0===t&&(t=n[hr]=new Set);var o=e+"__bubble";t.has(o)||(Uo(n,e,2,!1),t.add(o))}function Do(e,n,t){var o=0;n&&(o|=4),Uo(t,e,o,n)}var Ko="_reactListening"+Math.random().toString(36).slice(2);function Ho(e){if(!e[Ko]){e[Ko]=!0,a.forEach((function(n){"selectionchange"!==n&&(jo.has(n)||Do(n,!1,e),Do(n,!0,e))}));var n=9===e.nodeType?e:e.ownerDocument;null===n||n[Ko]||(n[Ko]=!0,Do("selectionchange",!1,n))}}function Uo(e,n,t,o){switch(Jn(n)){case 1:var r=Wn;break;case 4:r=qn;break;default:r=Gn}t=r.bind(null,n,t,e),r=void 0,!Ne||"touchstart"!==n&&"touchmove"!==n&&"wheel"!==n||(r=!0),o?void 0!==r?e.addEventListener(n,t,{capture:!0,passive:r}):e.addEventListener(n,t,!0):void 0!==r?e.addEventListener(n,t,{passive:r}):e.addEventListener(n,t,!1)}function Vo(e,n,t,o,r){var l=o;if(!(1&n||2&n||null===o))e:for(;;){if(null===o)return;var a=o.tag;if(3===a||4===a){var i=o.stateNode.containerInfo;if(i===r||8===i.nodeType&&i.parentNode===r)break;if(4===a)for(a=o.return;null!==a;){var c=a.tag;if((3===c||4===c)&&((c=a.stateNode.containerInfo)===r||8===c.nodeType&&c.parentNode===r))return;a=a.return}for(;null!==i;){if(null===(a=gr(i)))return;if(5===(c=a.tag)||6===c){o=l=a;continue e}i=i.parentNode}}o=o.return}Le((function(){var o=l,r=ye(t),a=[];e:{var i=Lo.get(e);if(void 0!==i){var c=dt,s=e;switch(e){case"keypress":if(0===tt(t))break e;case"keydown":case"keyup":c=Tt;break;case"focusin":s="focus",c=ht;break;case"focusout":s="blur",c=ht;break;case"beforeblur":case"afterblur":c=ht;break;case"click":if(2===t.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":c=bt;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":c=pt;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":c=Bt;break;case To:case Co:case Bo:c=kt;break;case Oo:c=Ot;break;case"scroll":c=mt;break;case"wheel":c=At;break;case"copy":case"cut":case"paste":c=gt;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":c=Ct}var d=!!(4&n),u=!d&&"scroll"===e,m=d?null!==i?i+"Capture":null:i;d=[];for(var f,b=o;null!==b;){var p=(f=b).stateNode;if(5===f.tag&&null!==p&&(f=p,null!==m&&null!=(p=Ae(b,m))&&d.push(Wo(b,p,f))),u)break;b=b.return}0<d.length&&(i=new c(i,s,null,t,r),a.push({event:i,listeners:d}))}}if(!(7&n)){if(c="mouseout"===e||"pointerout"===e,(!(i="mouseover"===e||"pointerover"===e)||t===_e||!(s=t.relatedTarget||t.fromElement)||!gr(s)&&!s[pr])&&(c||i)&&(i=r.window===r?r:(i=r.ownerDocument)?i.defaultView||i.parentWindow:window,c?(c=o,null!==(s=(s=t.relatedTarget||t.toElement)?gr(s):null)&&(s!==(u=Ke(s))||5!==s.tag&&6!==s.tag)&&(s=null)):(c=null,s=o),c!==s)){if(d=bt,p="onMouseLeave",m="onMouseEnter",b="mouse","pointerout"!==e&&"pointerover"!==e||(d=Ct,p="onPointerLeave",m="onPointerEnter",b="pointer"),u=null==c?i:yr(c),f=null==s?i:yr(s),(i=new d(p,b+"leave",c,t,r)).target=u,i.relatedTarget=f,p=null,gr(r)===o&&((d=new d(m,b+"enter",s,t,r)).target=f,d.relatedTarget=u,p=d),u=p,c&&s)e:{for(m=s,b=0,f=d=c;f;f=Go(f))b++;for(f=0,p=m;p;p=Go(p))f++;for(;0<b-f;)d=Go(d),b--;for(;0<f-b;)m=Go(m),f--;for(;b--;){if(d===m||null!==m&&d===m.alternate)break e;d=Go(d),m=Go(m)}d=null}else d=null;null!==c&&Zo(a,i,c,d,!1),null!==s&&null!==u&&Zo(a,u,s,d,!0)}if("select"===(c=(i=o?yr(o):window).nodeName&&i.nodeName.toLowerCase())||"input"===c&&"file"===i.type)var h=Yt;else if(Ut(i))if(Jt)h=ao;else{h=ro;var k=oo}else(c=i.nodeName)&&"input"===c.toLowerCase()&&("checkbox"===i.type||"radio"===i.type)&&(h=lo);switch(h&&(h=h(e,o))?Vt(a,h,t,r):(k&&k(e,i,o),"focusout"===e&&(k=i._wrapperState)&&k.controlled&&"number"===i.type&&ee(i,"number",i.value)),k=o?yr(o):window,e){case"focusin":(Ut(k)||"true"===k.contentEditable)&&(ko=k,vo=o,go=null);break;case"focusout":go=vo=ko=null;break;case"mousedown":_o=!0;break;case"contextmenu":case"mouseup":case"dragend":_o=!1,yo(a,t,r);break;case"selectionchange":if(ho)break;case"keydown":case"keyup":yo(a,t,r)}var v;if(It)e:{switch(e){case"compositionstart":var g="onCompositionStart";break e;case"compositionend":g="onCompositionEnd";break e;case"compositionupdate":g="onCompositionUpdate";break e}g=void 0}else Kt?Ft(e,t)&&(g="onCompositionEnd"):"keydown"===e&&229===t.keyCode&&(g="onCompositionStart");g&&(jt&&"ko"!==t.locale&&(Kt||"onCompositionStart"!==g?"onCompositionEnd"===g&&Kt&&(v=nt()):(Xn="value"in(Qn=r)?Qn.value:Qn.textContent,Kt=!0)),0<(k=qo(o,g)).length&&(g=new _t(g,e,null,t,r),a.push({event:g,listeners:k}),(v||null!==(v=Dt(t)))&&(g.data=v))),(v=Pt?function(e,n){switch(e){case"compositionend":return Dt(n);case"keypress":return 32!==n.which?null:(Rt=!0,Mt);case"textInput":return(e=n.data)===Mt&&Rt?null:e;default:return null}}(e,t):function(e,n){if(Kt)return"compositionend"===e||!It&&Ft(e,n)?(e=nt(),et=Xn=Qn=null,Kt=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(n.ctrlKey||n.altKey||n.metaKey)||n.ctrlKey&&n.altKey){if(n.char&&1<n.char.length)return n.char;if(n.which)return String.fromCharCode(n.which)}return null;case"compositionend":return jt&&"ko"!==n.locale?null:n.data}}(e,t))&&0<(o=qo(o,"onBeforeInput")).length&&(r=new _t("onBeforeInput","beforeinput",null,t,r),a.push({event:r,listeners:o}),r.data=v)}Ro(a,n)}))}function Wo(e,n,t){return{instance:e,listener:n,currentTarget:t}}function qo(e,n){for(var t=n+"Capture",o=[];null!==e;){var r=e,l=r.stateNode;5===r.tag&&null!==l&&(r=l,null!=(l=Ae(e,t))&&o.unshift(Wo(e,l,r)),null!=(l=Ae(e,n))&&o.push(Wo(e,l,r))),e=e.return}return o}function Go(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Zo(e,n,t,o,r){for(var l=n._reactName,a=[];null!==t&&t!==o;){var i=t,c=i.alternate,s=i.stateNode;if(null!==c&&c===o)break;5===i.tag&&null!==s&&(i=s,r?null!=(c=Ae(t,l))&&a.unshift(Wo(t,c,i)):r||null!=(c=Ae(t,l))&&a.push(Wo(t,c,i))),t=t.return}0!==a.length&&e.push({event:n,listeners:a})}var Yo=/\r\n?/g,Jo=/\u0000|\uFFFD/g;function Qo(e){return("string"==typeof e?e:""+e).replace(Yo,"\n").replace(Jo,"")}function Xo(e,n,t){if(n=Qo(n),Qo(e)!==n&&t)throw Error(l(425))}function er(){}var nr=null,tr=null;function or(e,n){return"textarea"===e||"noscript"===e||"string"==typeof n.children||"number"==typeof n.children||"object"==typeof n.dangerouslySetInnerHTML&&null!==n.dangerouslySetInnerHTML&&null!=n.dangerouslySetInnerHTML.__html}var rr="function"==typeof setTimeout?setTimeout:void 0,lr="function"==typeof clearTimeout?clearTimeout:void 0,ar="function"==typeof Promise?Promise:void 0,ir="function"==typeof queueMicrotask?queueMicrotask:void 0!==ar?function(e){return ar.resolve(null).then(e).catch(cr)}:rr;function cr(e){setTimeout((function(){throw e}))}function sr(e,n){var t=n,o=0;do{var r=t.nextSibling;if(e.removeChild(t),r&&8===r.nodeType)if("/$"===(t=r.data)){if(0===o)return e.removeChild(r),void Hn(n);o--}else"$"!==t&&"$?"!==t&&"$!"!==t||o++;t=r}while(t);Hn(n)}function dr(e){for(;null!=e;e=e.nextSibling){var n=e.nodeType;if(1===n||3===n)break;if(8===n){if("$"===(n=e.data)||"$!"===n||"$?"===n)break;if("/$"===n)return null}}return e}function ur(e){e=e.previousSibling;for(var n=0;e;){if(8===e.nodeType){var t=e.data;if("$"===t||"$!"===t||"$?"===t){if(0===n)return e;n--}else"/$"===t&&n++}e=e.previousSibling}return null}var mr=Math.random().toString(36).slice(2),fr="__reactFiber$"+mr,br="__reactProps$"+mr,pr="__reactContainer$"+mr,hr="__reactEvents$"+mr,kr="__reactListeners$"+mr,vr="__reactHandles$"+mr;function gr(e){var n=e[fr];if(n)return n;for(var t=e.parentNode;t;){if(n=t[pr]||t[fr]){if(t=n.alternate,null!==n.child||null!==t&&null!==t.child)for(e=ur(e);null!==e;){if(t=e[fr])return t;e=ur(e)}return n}t=(e=t).parentNode}return null}function _r(e){return!(e=e[fr]||e[pr])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function yr(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(l(33))}function wr(e){return e[br]||null}var Er=[],xr=-1;function zr(e){return{current:e}}function Sr(e){0>xr||(e.current=Er[xr],Er[xr]=null,xr--)}function Tr(e,n){xr++,Er[xr]=e.current,e.current=n}var Cr={},Br=zr(Cr),Or=zr(!1),Lr=Cr;function Ar(e,n){var t=e.type.contextTypes;if(!t)return Cr;var o=e.stateNode;if(o&&o.__reactInternalMemoizedUnmaskedChildContext===n)return o.__reactInternalMemoizedMaskedChildContext;var r,l={};for(r in t)l[r]=n[r];return o&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=n,e.__reactInternalMemoizedMaskedChildContext=l),l}function Nr(e){return null!=e.childContextTypes}function Ir(){Sr(Or),Sr(Br)}function $r(e,n,t){if(Br.current!==Cr)throw Error(l(168));Tr(Br,n),Tr(Or,t)}function Pr(e,n,t){var o=e.stateNode;if(n=n.childContextTypes,"function"!=typeof o.getChildContext)return t;for(var r in o=o.getChildContext())if(!(r in n))throw Error(l(108,H(e)||"Unknown",r));return j({},t,o)}function jr(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Cr,Lr=Br.current,Tr(Br,e),Tr(Or,Or.current),!0}function Mr(e,n,t){var o=e.stateNode;if(!o)throw Error(l(169));t?(e=Pr(e,n,Lr),o.__reactInternalMemoizedMergedChildContext=e,Sr(Or),Sr(Br),Tr(Br,e)):Sr(Or),Tr(Or,t)}var Rr=null,Fr=!1,Dr=!1;function Kr(e){null===Rr?Rr=[e]:Rr.push(e)}function Hr(){if(!Dr&&null!==Rr){Dr=!0;var e=0,n=_n;try{var t=Rr;for(_n=1;e<t.length;e++){var o=t[e];do{o=o(!0)}while(null!==o)}Rr=null,Fr=!1}catch(n){throw null!==Rr&&(Rr=Rr.slice(e+1)),qe(Xe,Hr),n}finally{_n=n,Dr=!1}}return null}var Ur=[],Vr=0,Wr=null,qr=0,Gr=[],Zr=0,Yr=null,Jr=1,Qr="";function Xr(e,n){Ur[Vr++]=qr,Ur[Vr++]=Wr,Wr=e,qr=n}function el(e,n,t){Gr[Zr++]=Jr,Gr[Zr++]=Qr,Gr[Zr++]=Yr,Yr=e;var o=Jr;e=Qr;var r=32-an(o)-1;o&=~(1<<r),t+=1;var l=32-an(n)+r;if(30<l){var a=r-r%5;l=(o&(1<<a)-1).toString(32),o>>=a,r-=a,Jr=1<<32-an(n)+r|t<<r|o,Qr=l+e}else Jr=1<<l|t<<r|o,Qr=e}function nl(e){null!==e.return&&(Xr(e,1),el(e,1,0))}function tl(e){for(;e===Wr;)Wr=Ur[--Vr],Ur[Vr]=null,qr=Ur[--Vr],Ur[Vr]=null;for(;e===Yr;)Yr=Gr[--Zr],Gr[Zr]=null,Qr=Gr[--Zr],Gr[Zr]=null,Jr=Gr[--Zr],Gr[Zr]=null}var ol=null,rl=null,ll=!1,al=null;function il(e,n){var t=Ls(5,null,null,0);t.elementType="DELETED",t.stateNode=n,t.return=e,null===(n=e.deletions)?(e.deletions=[t],e.flags|=16):n.push(t)}function cl(e,n){switch(e.tag){case 5:var t=e.type;return null!==(n=1!==n.nodeType||t.toLowerCase()!==n.nodeName.toLowerCase()?null:n)&&(e.stateNode=n,ol=e,rl=dr(n.firstChild),!0);case 6:return null!==(n=""===e.pendingProps||3!==n.nodeType?null:n)&&(e.stateNode=n,ol=e,rl=null,!0);case 13:return null!==(n=8!==n.nodeType?null:n)&&(t=null!==Yr?{id:Jr,overflow:Qr}:null,e.memoizedState={dehydrated:n,treeContext:t,retryLane:1073741824},(t=Ls(18,null,null,0)).stateNode=n,t.return=e,e.child=t,ol=e,rl=null,!0);default:return!1}}function sl(e){return!(!(1&e.mode)||128&e.flags)}function dl(e){if(ll){var n=rl;if(n){var t=n;if(!cl(e,n)){if(sl(e))throw Error(l(418));n=dr(t.nextSibling);var o=ol;n&&cl(e,n)?il(o,t):(e.flags=-4097&e.flags|2,ll=!1,ol=e)}}else{if(sl(e))throw Error(l(418));e.flags=-4097&e.flags|2,ll=!1,ol=e}}}function ul(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;ol=e}function ml(e){if(e!==ol)return!1;if(!ll)return ul(e),ll=!0,!1;var n;if((n=3!==e.tag)&&!(n=5!==e.tag)&&(n="head"!==(n=e.type)&&"body"!==n&&!or(e.type,e.memoizedProps)),n&&(n=rl)){if(sl(e))throw fl(),Error(l(418));for(;n;)il(e,n),n=dr(n.nextSibling)}if(ul(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(l(317));e:{for(e=e.nextSibling,n=0;e;){if(8===e.nodeType){var t=e.data;if("/$"===t){if(0===n){rl=dr(e.nextSibling);break e}n--}else"$"!==t&&"$!"!==t&&"$?"!==t||n++}e=e.nextSibling}rl=null}}else rl=ol?dr(e.stateNode.nextSibling):null;return!0}function fl(){for(var e=rl;e;)e=dr(e.nextSibling)}function bl(){rl=ol=null,ll=!1}function pl(e){null===al?al=[e]:al.push(e)}var hl=_.ReactCurrentBatchConfig;function kl(e,n,t){if(null!==(e=t.ref)&&"function"!=typeof e&&"object"!=typeof e){if(t._owner){if(t=t._owner){if(1!==t.tag)throw Error(l(309));var o=t.stateNode}if(!o)throw Error(l(147,e));var r=o,a=""+e;return null!==n&&null!==n.ref&&"function"==typeof n.ref&&n.ref._stringRef===a?n.ref:((n=function(e){var n=r.refs;null===e?delete n[a]:n[a]=e})._stringRef=a,n)}if("string"!=typeof e)throw Error(l(284));if(!t._owner)throw Error(l(290,e))}return e}function vl(e,n){throw e=Object.prototype.toString.call(n),Error(l(31,"[object Object]"===e?"object with keys {"+Object.keys(n).join(", ")+"}":e))}function gl(e){return(0,e._init)(e._payload)}function _l(e){function n(n,t){if(e){var o=n.deletions;null===o?(n.deletions=[t],n.flags|=16):o.push(t)}}function t(t,o){if(!e)return null;for(;null!==o;)n(t,o),o=o.sibling;return null}function o(e,n){for(e=new Map;null!==n;)null!==n.key?e.set(n.key,n):e.set(n.index,n),n=n.sibling;return e}function r(e,n){return(e=Ns(e,n)).index=0,e.sibling=null,e}function a(n,t,o){return n.index=o,e?null!==(o=n.alternate)?(o=o.index)<t?(n.flags|=2,t):o:(n.flags|=2,t):(n.flags|=1048576,t)}function i(n){return e&&null===n.alternate&&(n.flags|=2),n}function c(e,n,t,o){return null===n||6!==n.tag?((n=js(t,e.mode,o)).return=e,n):((n=r(n,t)).return=e,n)}function s(e,n,t,o){var l=t.type;return l===E?u(e,n,t.props.children,o,t.key):null!==n&&(n.elementType===l||"object"==typeof l&&null!==l&&l.$$typeof===A&&gl(l)===n.type)?((o=r(n,t.props)).ref=kl(e,n,t),o.return=e,o):((o=Is(t.type,t.key,t.props,null,e.mode,o)).ref=kl(e,n,t),o.return=e,o)}function d(e,n,t,o){return null===n||4!==n.tag||n.stateNode.containerInfo!==t.containerInfo||n.stateNode.implementation!==t.implementation?((n=Ms(t,e.mode,o)).return=e,n):((n=r(n,t.children||[])).return=e,n)}function u(e,n,t,o,l){return null===n||7!==n.tag?((n=$s(t,e.mode,o,l)).return=e,n):((n=r(n,t)).return=e,n)}function m(e,n,t){if("string"==typeof n&&""!==n||"number"==typeof n)return(n=js(""+n,e.mode,t)).return=e,n;if("object"==typeof n&&null!==n){switch(n.$$typeof){case y:return(t=Is(n.type,n.key,n.props,null,e.mode,t)).ref=kl(e,null,n),t.return=e,t;case w:return(n=Ms(n,e.mode,t)).return=e,n;case A:return m(e,(0,n._init)(n._payload),t)}if(ne(n)||$(n))return(n=$s(n,e.mode,t,null)).return=e,n;vl(e,n)}return null}function f(e,n,t,o){var r=null!==n?n.key:null;if("string"==typeof t&&""!==t||"number"==typeof t)return null!==r?null:c(e,n,""+t,o);if("object"==typeof t&&null!==t){switch(t.$$typeof){case y:return t.key===r?s(e,n,t,o):null;case w:return t.key===r?d(e,n,t,o):null;case A:return f(e,n,(r=t._init)(t._payload),o)}if(ne(t)||$(t))return null!==r?null:u(e,n,t,o,null);vl(e,t)}return null}function b(e,n,t,o,r){if("string"==typeof o&&""!==o||"number"==typeof o)return c(n,e=e.get(t)||null,""+o,r);if("object"==typeof o&&null!==o){switch(o.$$typeof){case y:return s(n,e=e.get(null===o.key?t:o.key)||null,o,r);case w:return d(n,e=e.get(null===o.key?t:o.key)||null,o,r);case A:return b(e,n,t,(0,o._init)(o._payload),r)}if(ne(o)||$(o))return u(n,e=e.get(t)||null,o,r,null);vl(n,o)}return null}return function c(s,d,u,p){if("object"==typeof u&&null!==u&&u.type===E&&null===u.key&&(u=u.props.children),"object"==typeof u&&null!==u){switch(u.$$typeof){case y:e:{for(var h=u.key,k=d;null!==k;){if(k.key===h){if((h=u.type)===E){if(7===k.tag){t(s,k.sibling),(d=r(k,u.props.children)).return=s,s=d;break e}}else if(k.elementType===h||"object"==typeof h&&null!==h&&h.$$typeof===A&&gl(h)===k.type){t(s,k.sibling),(d=r(k,u.props)).ref=kl(s,k,u),d.return=s,s=d;break e}t(s,k);break}n(s,k),k=k.sibling}u.type===E?((d=$s(u.props.children,s.mode,p,u.key)).return=s,s=d):((p=Is(u.type,u.key,u.props,null,s.mode,p)).ref=kl(s,d,u),p.return=s,s=p)}return i(s);case w:e:{for(k=u.key;null!==d;){if(d.key===k){if(4===d.tag&&d.stateNode.containerInfo===u.containerInfo&&d.stateNode.implementation===u.implementation){t(s,d.sibling),(d=r(d,u.children||[])).return=s,s=d;break e}t(s,d);break}n(s,d),d=d.sibling}(d=Ms(u,s.mode,p)).return=s,s=d}return i(s);case A:return c(s,d,(k=u._init)(u._payload),p)}if(ne(u))return function(r,l,i,c){for(var s=null,d=null,u=l,p=l=0,h=null;null!==u&&p<i.length;p++){u.index>p?(h=u,u=null):h=u.sibling;var k=f(r,u,i[p],c);if(null===k){null===u&&(u=h);break}e&&u&&null===k.alternate&&n(r,u),l=a(k,l,p),null===d?s=k:d.sibling=k,d=k,u=h}if(p===i.length)return t(r,u),ll&&Xr(r,p),s;if(null===u){for(;p<i.length;p++)null!==(u=m(r,i[p],c))&&(l=a(u,l,p),null===d?s=u:d.sibling=u,d=u);return ll&&Xr(r,p),s}for(u=o(r,u);p<i.length;p++)null!==(h=b(u,r,p,i[p],c))&&(e&&null!==h.alternate&&u.delete(null===h.key?p:h.key),l=a(h,l,p),null===d?s=h:d.sibling=h,d=h);return e&&u.forEach((function(e){return n(r,e)})),ll&&Xr(r,p),s}(s,d,u,p);if($(u))return function(r,i,c,s){var d=$(c);if("function"!=typeof d)throw Error(l(150));if(null==(c=d.call(c)))throw Error(l(151));for(var u=d=null,p=i,h=i=0,k=null,v=c.next();null!==p&&!v.done;h++,v=c.next()){p.index>h?(k=p,p=null):k=p.sibling;var g=f(r,p,v.value,s);if(null===g){null===p&&(p=k);break}e&&p&&null===g.alternate&&n(r,p),i=a(g,i,h),null===u?d=g:u.sibling=g,u=g,p=k}if(v.done)return t(r,p),ll&&Xr(r,h),d;if(null===p){for(;!v.done;h++,v=c.next())null!==(v=m(r,v.value,s))&&(i=a(v,i,h),null===u?d=v:u.sibling=v,u=v);return ll&&Xr(r,h),d}for(p=o(r,p);!v.done;h++,v=c.next())null!==(v=b(p,r,h,v.value,s))&&(e&&null!==v.alternate&&p.delete(null===v.key?h:v.key),i=a(v,i,h),null===u?d=v:u.sibling=v,u=v);return e&&p.forEach((function(e){return n(r,e)})),ll&&Xr(r,h),d}(s,d,u,p);vl(s,u)}return"string"==typeof u&&""!==u||"number"==typeof u?(u=""+u,null!==d&&6===d.tag?(t(s,d.sibling),(d=r(d,u)).return=s,s=d):(t(s,d),(d=js(u,s.mode,p)).return=s,s=d),i(s)):t(s,d)}}var yl=_l(!0),wl=_l(!1),El=zr(null),xl=null,zl=null,Sl=null;function Tl(){Sl=zl=xl=null}function Cl(e){var n=El.current;Sr(El),e._currentValue=n}function Bl(e,n,t){for(;null!==e;){var o=e.alternate;if((e.childLanes&n)!==n?(e.childLanes|=n,null!==o&&(o.childLanes|=n)):null!==o&&(o.childLanes&n)!==n&&(o.childLanes|=n),e===t)break;e=e.return}}function Ol(e,n){xl=e,Sl=zl=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(!!(e.lanes&n)&&(gi=!0),e.firstContext=null)}function Ll(e){var n=e._currentValue;if(Sl!==e)if(e={context:e,memoizedValue:n,next:null},null===zl){if(null===xl)throw Error(l(308));zl=e,xl.dependencies={lanes:0,firstContext:e}}else zl=zl.next=e;return n}var Al=null;function Nl(e){null===Al?Al=[e]:Al.push(e)}function Il(e,n,t,o){var r=n.interleaved;return null===r?(t.next=t,Nl(n)):(t.next=r.next,r.next=t),n.interleaved=t,$l(e,o)}function $l(e,n){e.lanes|=n;var t=e.alternate;for(null!==t&&(t.lanes|=n),t=e,e=e.return;null!==e;)e.childLanes|=n,null!==(t=e.alternate)&&(t.childLanes|=n),t=e,e=e.return;return 3===t.tag?t.stateNode:null}var Pl=!1;function jl(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function Ml(e,n){e=e.updateQueue,n.updateQueue===e&&(n.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Rl(e,n){return{eventTime:e,lane:n,tag:0,payload:null,callback:null,next:null}}function Fl(e,n,t){var o=e.updateQueue;if(null===o)return null;if(o=o.shared,2&Cc){var r=o.pending;return null===r?n.next=n:(n.next=r.next,r.next=n),o.pending=n,$l(e,t)}return null===(r=o.interleaved)?(n.next=n,Nl(o)):(n.next=r.next,r.next=n),o.interleaved=n,$l(e,t)}function Dl(e,n,t){if(null!==(n=n.updateQueue)&&(n=n.shared,4194240&t)){var o=n.lanes;t|=o&=e.pendingLanes,n.lanes=t,gn(e,t)}}function Kl(e,n){var t=e.updateQueue,o=e.alternate;if(null!==o&&t===(o=o.updateQueue)){var r=null,l=null;if(null!==(t=t.firstBaseUpdate)){do{var a={eventTime:t.eventTime,lane:t.lane,tag:t.tag,payload:t.payload,callback:t.callback,next:null};null===l?r=l=a:l=l.next=a,t=t.next}while(null!==t);null===l?r=l=n:l=l.next=n}else r=l=n;return t={baseState:o.baseState,firstBaseUpdate:r,lastBaseUpdate:l,shared:o.shared,effects:o.effects},void(e.updateQueue=t)}null===(e=t.lastBaseUpdate)?t.firstBaseUpdate=n:e.next=n,t.lastBaseUpdate=n}function Hl(e,n,t,o){var r=e.updateQueue;Pl=!1;var l=r.firstBaseUpdate,a=r.lastBaseUpdate,i=r.shared.pending;if(null!==i){r.shared.pending=null;var c=i,s=c.next;c.next=null,null===a?l=s:a.next=s,a=c;var d=e.alternate;null!==d&&(i=(d=d.updateQueue).lastBaseUpdate)!==a&&(null===i?d.firstBaseUpdate=s:i.next=s,d.lastBaseUpdate=c)}if(null!==l){var u=r.baseState;for(a=0,d=s=c=null,i=l;;){var m=i.lane,f=i.eventTime;if((o&m)===m){null!==d&&(d=d.next={eventTime:f,lane:0,tag:i.tag,payload:i.payload,callback:i.callback,next:null});e:{var b=e,p=i;switch(m=n,f=t,p.tag){case 1:if("function"==typeof(b=p.payload)){u=b.call(f,u,m);break e}u=b;break e;case 3:b.flags=-65537&b.flags|128;case 0:if(null==(m="function"==typeof(b=p.payload)?b.call(f,u,m):b))break e;u=j({},u,m);break e;case 2:Pl=!0}}null!==i.callback&&0!==i.lane&&(e.flags|=64,null===(m=r.effects)?r.effects=[i]:m.push(i))}else f={eventTime:f,lane:m,tag:i.tag,payload:i.payload,callback:i.callback,next:null},null===d?(s=d=f,c=u):d=d.next=f,a|=m;if(null===(i=i.next)){if(null===(i=r.shared.pending))break;i=(m=i).next,m.next=null,r.lastBaseUpdate=m,r.shared.pending=null}}if(null===d&&(c=u),r.baseState=c,r.firstBaseUpdate=s,r.lastBaseUpdate=d,null!==(n=r.shared.interleaved)){r=n;do{a|=r.lane,r=r.next}while(r!==n)}else null===l&&(r.shared.lanes=0);Pc|=a,e.lanes=a,e.memoizedState=u}}function Ul(e,n,t){if(e=n.effects,n.effects=null,null!==e)for(n=0;n<e.length;n++){var o=e[n],r=o.callback;if(null!==r){if(o.callback=null,o=t,"function"!=typeof r)throw Error(l(191,r));r.call(o)}}}var Vl={},Wl=zr(Vl),ql=zr(Vl),Gl=zr(Vl);function Zl(e){if(e===Vl)throw Error(l(174));return e}function Yl(e,n){switch(Tr(Gl,n),Tr(ql,e),Tr(Wl,Vl),e=n.nodeType){case 9:case 11:n=(n=n.documentElement)?n.namespaceURI:ce(null,"");break;default:n=ce(n=(e=8===e?n.parentNode:n).namespaceURI||null,e=e.tagName)}Sr(Wl),Tr(Wl,n)}function Jl(){Sr(Wl),Sr(ql),Sr(Gl)}function Ql(e){Zl(Gl.current);var n=Zl(Wl.current),t=ce(n,e.type);n!==t&&(Tr(ql,e),Tr(Wl,t))}function Xl(e){ql.current===e&&(Sr(Wl),Sr(ql))}var ea=zr(0);function na(e){for(var n=e;null!==n;){if(13===n.tag){var t=n.memoizedState;if(null!==t&&(null===(t=t.dehydrated)||"$?"===t.data||"$!"===t.data))return n}else if(19===n.tag&&void 0!==n.memoizedProps.revealOrder){if(128&n.flags)return n}else if(null!==n.child){n.child.return=n,n=n.child;continue}if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return null;n=n.return}n.sibling.return=n.return,n=n.sibling}return null}var ta=[];function oa(){for(var e=0;e<ta.length;e++)ta[e]._workInProgressVersionPrimary=null;ta.length=0}var ra=_.ReactCurrentDispatcher,la=_.ReactCurrentBatchConfig,aa=0,ia=null,ca=null,sa=null,da=!1,ua=!1,ma=0,fa=0;function ba(){throw Error(l(321))}function pa(e,n){if(null===n)return!1;for(var t=0;t<n.length&&t<e.length;t++)if(!io(e[t],n[t]))return!1;return!0}function ha(e,n,t,o,r,a){if(aa=a,ia=n,n.memoizedState=null,n.updateQueue=null,n.lanes=0,ra.current=null===e||null===e.memoizedState?Xa:ei,e=t(o,r),ua){a=0;do{if(ua=!1,ma=0,25<=a)throw Error(l(301));a+=1,sa=ca=null,n.updateQueue=null,ra.current=ni,e=t(o,r)}while(ua)}if(ra.current=Qa,n=null!==ca&&null!==ca.next,aa=0,sa=ca=ia=null,da=!1,n)throw Error(l(300));return e}function ka(){var e=0!==ma;return ma=0,e}function va(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===sa?ia.memoizedState=sa=e:sa=sa.next=e,sa}function ga(){if(null===ca){var e=ia.alternate;e=null!==e?e.memoizedState:null}else e=ca.next;var n=null===sa?ia.memoizedState:sa.next;if(null!==n)sa=n,ca=e;else{if(null===e)throw Error(l(310));e={memoizedState:(ca=e).memoizedState,baseState:ca.baseState,baseQueue:ca.baseQueue,queue:ca.queue,next:null},null===sa?ia.memoizedState=sa=e:sa=sa.next=e}return sa}function _a(e,n){return"function"==typeof n?n(e):n}function ya(e){var n=ga(),t=n.queue;if(null===t)throw Error(l(311));t.lastRenderedReducer=e;var o=ca,r=o.baseQueue,a=t.pending;if(null!==a){if(null!==r){var i=r.next;r.next=a.next,a.next=i}o.baseQueue=r=a,t.pending=null}if(null!==r){a=r.next,o=o.baseState;var c=i=null,s=null,d=a;do{var u=d.lane;if((aa&u)===u)null!==s&&(s=s.next={lane:0,action:d.action,hasEagerState:d.hasEagerState,eagerState:d.eagerState,next:null}),o=d.hasEagerState?d.eagerState:e(o,d.action);else{var m={lane:u,action:d.action,hasEagerState:d.hasEagerState,eagerState:d.eagerState,next:null};null===s?(c=s=m,i=o):s=s.next=m,ia.lanes|=u,Pc|=u}d=d.next}while(null!==d&&d!==a);null===s?i=o:s.next=c,io(o,n.memoizedState)||(gi=!0),n.memoizedState=o,n.baseState=i,n.baseQueue=s,t.lastRenderedState=o}if(null!==(e=t.interleaved)){r=e;do{a=r.lane,ia.lanes|=a,Pc|=a,r=r.next}while(r!==e)}else null===r&&(t.lanes=0);return[n.memoizedState,t.dispatch]}function wa(e){var n=ga(),t=n.queue;if(null===t)throw Error(l(311));t.lastRenderedReducer=e;var o=t.dispatch,r=t.pending,a=n.memoizedState;if(null!==r){t.pending=null;var i=r=r.next;do{a=e(a,i.action),i=i.next}while(i!==r);io(a,n.memoizedState)||(gi=!0),n.memoizedState=a,null===n.baseQueue&&(n.baseState=a),t.lastRenderedState=a}return[a,o]}function Ea(){}function xa(e,n){var t=ia,o=ga(),r=n(),a=!io(o.memoizedState,r);if(a&&(o.memoizedState=r,gi=!0),o=o.queue,Pa(Ta.bind(null,t,o,e),[e]),o.getSnapshot!==n||a||null!==sa&&1&sa.memoizedState.tag){if(t.flags|=2048,La(9,Sa.bind(null,t,o,r,n),void 0,null),null===Bc)throw Error(l(349));30&aa||za(t,n,r)}return r}function za(e,n,t){e.flags|=16384,e={getSnapshot:n,value:t},null===(n=ia.updateQueue)?(n={lastEffect:null,stores:null},ia.updateQueue=n,n.stores=[e]):null===(t=n.stores)?n.stores=[e]:t.push(e)}function Sa(e,n,t,o){n.value=t,n.getSnapshot=o,Ca(n)&&Ba(e)}function Ta(e,n,t){return t((function(){Ca(n)&&Ba(e)}))}function Ca(e){var n=e.getSnapshot;e=e.value;try{var t=n();return!io(e,t)}catch(e){return!0}}function Ba(e){var n=$l(e,1);null!==n&&ts(n,e,1,-1)}function Oa(e){var n=va();return"function"==typeof e&&(e=e()),n.memoizedState=n.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:_a,lastRenderedState:e},n.queue=e,e=e.dispatch=Ga.bind(null,ia,e),[n.memoizedState,e]}function La(e,n,t,o){return e={tag:e,create:n,destroy:t,deps:o,next:null},null===(n=ia.updateQueue)?(n={lastEffect:null,stores:null},ia.updateQueue=n,n.lastEffect=e.next=e):null===(t=n.lastEffect)?n.lastEffect=e.next=e:(o=t.next,t.next=e,e.next=o,n.lastEffect=e),e}function Aa(){return ga().memoizedState}function Na(e,n,t,o){var r=va();ia.flags|=e,r.memoizedState=La(1|n,t,void 0,void 0===o?null:o)}function Ia(e,n,t,o){var r=ga();o=void 0===o?null:o;var l=void 0;if(null!==ca){var a=ca.memoizedState;if(l=a.destroy,null!==o&&pa(o,a.deps))return void(r.memoizedState=La(n,t,l,o))}ia.flags|=e,r.memoizedState=La(1|n,t,l,o)}function $a(e,n){return Na(8390656,8,e,n)}function Pa(e,n){return Ia(2048,8,e,n)}function ja(e,n){return Ia(4,2,e,n)}function Ma(e,n){return Ia(4,4,e,n)}function Ra(e,n){return"function"==typeof n?(e=e(),n(e),function(){n(null)}):null!=n?(e=e(),n.current=e,function(){n.current=null}):void 0}function Fa(e,n,t){return t=null!=t?t.concat([e]):null,Ia(4,4,Ra.bind(null,n,e),t)}function Da(){}function Ka(e,n){var t=ga();n=void 0===n?null:n;var o=t.memoizedState;return null!==o&&null!==n&&pa(n,o[1])?o[0]:(t.memoizedState=[e,n],e)}function Ha(e,n){var t=ga();n=void 0===n?null:n;var o=t.memoizedState;return null!==o&&null!==n&&pa(n,o[1])?o[0]:(e=e(),t.memoizedState=[e,n],e)}function Ua(e,n,t){return 21&aa?(io(t,n)||(t=hn(),ia.lanes|=t,Pc|=t,e.baseState=!0),n):(e.baseState&&(e.baseState=!1,gi=!0),e.memoizedState=t)}function Va(e,n){var t=_n;_n=0!==t&&4>t?t:4,e(!0);var o=la.transition;la.transition={};try{e(!1),n()}finally{_n=t,la.transition=o}}function Wa(){return ga().memoizedState}function qa(e,n,t){var o=ns(e);t={lane:o,action:t,hasEagerState:!1,eagerState:null,next:null},Za(e)?Ya(n,t):null!==(t=Il(e,n,t,o))&&(ts(t,e,o,es()),Ja(t,n,o))}function Ga(e,n,t){var o=ns(e),r={lane:o,action:t,hasEagerState:!1,eagerState:null,next:null};if(Za(e))Ya(n,r);else{var l=e.alternate;if(0===e.lanes&&(null===l||0===l.lanes)&&null!==(l=n.lastRenderedReducer))try{var a=n.lastRenderedState,i=l(a,t);if(r.hasEagerState=!0,r.eagerState=i,io(i,a)){var c=n.interleaved;return null===c?(r.next=r,Nl(n)):(r.next=c.next,c.next=r),void(n.interleaved=r)}}catch(e){}null!==(t=Il(e,n,r,o))&&(ts(t,e,o,r=es()),Ja(t,n,o))}}function Za(e){var n=e.alternate;return e===ia||null!==n&&n===ia}function Ya(e,n){ua=da=!0;var t=e.pending;null===t?n.next=n:(n.next=t.next,t.next=n),e.pending=n}function Ja(e,n,t){if(4194240&t){var o=n.lanes;t|=o&=e.pendingLanes,n.lanes=t,gn(e,t)}}var Qa={readContext:Ll,useCallback:ba,useContext:ba,useEffect:ba,useImperativeHandle:ba,useInsertionEffect:ba,useLayoutEffect:ba,useMemo:ba,useReducer:ba,useRef:ba,useState:ba,useDebugValue:ba,useDeferredValue:ba,useTransition:ba,useMutableSource:ba,useSyncExternalStore:ba,useId:ba,unstable_isNewReconciler:!1},Xa={readContext:Ll,useCallback:function(e,n){return va().memoizedState=[e,void 0===n?null:n],e},useContext:Ll,useEffect:$a,useImperativeHandle:function(e,n,t){return t=null!=t?t.concat([e]):null,Na(4194308,4,Ra.bind(null,n,e),t)},useLayoutEffect:function(e,n){return Na(4194308,4,e,n)},useInsertionEffect:function(e,n){return Na(4,2,e,n)},useMemo:function(e,n){var t=va();return n=void 0===n?null:n,e=e(),t.memoizedState=[e,n],e},useReducer:function(e,n,t){var o=va();return n=void 0!==t?t(n):n,o.memoizedState=o.baseState=n,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:n},o.queue=e,e=e.dispatch=qa.bind(null,ia,e),[o.memoizedState,e]},useRef:function(e){return e={current:e},va().memoizedState=e},useState:Oa,useDebugValue:Da,useDeferredValue:function(e){return va().memoizedState=e},useTransition:function(){var e=Oa(!1),n=e[0];return e=Va.bind(null,e[1]),va().memoizedState=e,[n,e]},useMutableSource:function(){},useSyncExternalStore:function(e,n,t){var o=ia,r=va();if(ll){if(void 0===t)throw Error(l(407));t=t()}else{if(t=n(),null===Bc)throw Error(l(349));30&aa||za(o,n,t)}r.memoizedState=t;var a={value:t,getSnapshot:n};return r.queue=a,$a(Ta.bind(null,o,a,e),[e]),o.flags|=2048,La(9,Sa.bind(null,o,a,t,n),void 0,null),t},useId:function(){var e=va(),n=Bc.identifierPrefix;if(ll){var t=Qr;n=":"+n+"R"+(t=(Jr&~(1<<32-an(Jr)-1)).toString(32)+t),0<(t=ma++)&&(n+="H"+t.toString(32)),n+=":"}else n=":"+n+"r"+(t=fa++).toString(32)+":";return e.memoizedState=n},unstable_isNewReconciler:!1},ei={readContext:Ll,useCallback:Ka,useContext:Ll,useEffect:Pa,useImperativeHandle:Fa,useInsertionEffect:ja,useLayoutEffect:Ma,useMemo:Ha,useReducer:ya,useRef:Aa,useState:function(){return ya(_a)},useDebugValue:Da,useDeferredValue:function(e){return Ua(ga(),ca.memoizedState,e)},useTransition:function(){return[ya(_a)[0],ga().memoizedState]},useMutableSource:Ea,useSyncExternalStore:xa,useId:Wa,unstable_isNewReconciler:!1},ni={readContext:Ll,useCallback:Ka,useContext:Ll,useEffect:Pa,useImperativeHandle:Fa,useInsertionEffect:ja,useLayoutEffect:Ma,useMemo:Ha,useReducer:wa,useRef:Aa,useState:function(){return wa(_a)},useDebugValue:Da,useDeferredValue:function(e){var n=ga();return null===ca?n.memoizedState=e:Ua(n,ca.memoizedState,e)},useTransition:function(){return[wa(_a)[0],ga().memoizedState]},useMutableSource:Ea,useSyncExternalStore:xa,useId:Wa,unstable_isNewReconciler:!1};function ti(e,n){if(e&&e.defaultProps){for(var t in n=j({},n),e=e.defaultProps)void 0===n[t]&&(n[t]=e[t]);return n}return n}function oi(e,n,t,o){t=null==(t=t(o,n=e.memoizedState))?n:j({},n,t),e.memoizedState=t,0===e.lanes&&(e.updateQueue.baseState=t)}var ri={isMounted:function(e){return!!(e=e._reactInternals)&&Ke(e)===e},enqueueSetState:function(e,n,t){e=e._reactInternals;var o=es(),r=ns(e),l=Rl(o,r);l.payload=n,null!=t&&(l.callback=t),null!==(n=Fl(e,l,r))&&(ts(n,e,r,o),Dl(n,e,r))},enqueueReplaceState:function(e,n,t){e=e._reactInternals;var o=es(),r=ns(e),l=Rl(o,r);l.tag=1,l.payload=n,null!=t&&(l.callback=t),null!==(n=Fl(e,l,r))&&(ts(n,e,r,o),Dl(n,e,r))},enqueueForceUpdate:function(e,n){e=e._reactInternals;var t=es(),o=ns(e),r=Rl(t,o);r.tag=2,null!=n&&(r.callback=n),null!==(n=Fl(e,r,o))&&(ts(n,e,o,t),Dl(n,e,o))}};function li(e,n,t,o,r,l,a){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(o,l,a):!(n.prototype&&n.prototype.isPureReactComponent&&co(t,o)&&co(r,l))}function ai(e,n,t){var o=!1,r=Cr,l=n.contextType;return"object"==typeof l&&null!==l?l=Ll(l):(r=Nr(n)?Lr:Br.current,l=(o=null!=(o=n.contextTypes))?Ar(e,r):Cr),n=new n(t,l),e.memoizedState=null!==n.state&&void 0!==n.state?n.state:null,n.updater=ri,e.stateNode=n,n._reactInternals=e,o&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=r,e.__reactInternalMemoizedMaskedChildContext=l),n}function ii(e,n,t,o){e=n.state,"function"==typeof n.componentWillReceiveProps&&n.componentWillReceiveProps(t,o),"function"==typeof n.UNSAFE_componentWillReceiveProps&&n.UNSAFE_componentWillReceiveProps(t,o),n.state!==e&&ri.enqueueReplaceState(n,n.state,null)}function ci(e,n,t,o){var r=e.stateNode;r.props=t,r.state=e.memoizedState,r.refs={},jl(e);var l=n.contextType;"object"==typeof l&&null!==l?r.context=Ll(l):(l=Nr(n)?Lr:Br.current,r.context=Ar(e,l)),r.state=e.memoizedState,"function"==typeof(l=n.getDerivedStateFromProps)&&(oi(e,n,l,t),r.state=e.memoizedState),"function"==typeof n.getDerivedStateFromProps||"function"==typeof r.getSnapshotBeforeUpdate||"function"!=typeof r.UNSAFE_componentWillMount&&"function"!=typeof r.componentWillMount||(n=r.state,"function"==typeof r.componentWillMount&&r.componentWillMount(),"function"==typeof r.UNSAFE_componentWillMount&&r.UNSAFE_componentWillMount(),n!==r.state&&ri.enqueueReplaceState(r,r.state,null),Hl(e,t,r,o),r.state=e.memoizedState),"function"==typeof r.componentDidMount&&(e.flags|=4194308)}function si(e,n){try{var t="",o=n;do{t+=D(o),o=o.return}while(o);var r=t}catch(e){r="\nError generating stack: "+e.message+"\n"+e.stack}return{value:e,source:n,stack:r,digest:null}}function di(e,n,t){return{value:e,source:null,stack:null!=t?t:null,digest:null!=n?n:null}}function ui(e,n){try{console.error(n.value)}catch(e){setTimeout((function(){throw e}))}}var mi="function"==typeof WeakMap?WeakMap:Map;function fi(e,n,t){(t=Rl(-1,t)).tag=3,t.payload={element:null};var o=n.value;return t.callback=function(){Uc||(Uc=!0,Vc=o),ui(0,n)},t}function bi(e,n,t){(t=Rl(-1,t)).tag=3;var o=e.type.getDerivedStateFromError;if("function"==typeof o){var r=n.value;t.payload=function(){return o(r)},t.callback=function(){ui(0,n)}}var l=e.stateNode;return null!==l&&"function"==typeof l.componentDidCatch&&(t.callback=function(){ui(0,n),"function"!=typeof o&&(null===Wc?Wc=new Set([this]):Wc.add(this));var e=n.stack;this.componentDidCatch(n.value,{componentStack:null!==e?e:""})}),t}function pi(e,n,t){var o=e.pingCache;if(null===o){o=e.pingCache=new mi;var r=new Set;o.set(n,r)}else void 0===(r=o.get(n))&&(r=new Set,o.set(n,r));r.has(t)||(r.add(t),e=zs.bind(null,e,n,t),n.then(e,e))}function hi(e){do{var n;if((n=13===e.tag)&&(n=null===(n=e.memoizedState)||null!==n.dehydrated),n)return e;e=e.return}while(null!==e);return null}function ki(e,n,t,o,r){return 1&e.mode?(e.flags|=65536,e.lanes=r,e):(e===n?e.flags|=65536:(e.flags|=128,t.flags|=131072,t.flags&=-52805,1===t.tag&&(null===t.alternate?t.tag=17:((n=Rl(-1,1)).tag=2,Fl(t,n,1))),t.lanes|=1),e)}var vi=_.ReactCurrentOwner,gi=!1;function _i(e,n,t,o){n.child=null===e?wl(n,null,t,o):yl(n,e.child,t,o)}function yi(e,n,t,o,r){t=t.render;var l=n.ref;return Ol(n,r),o=ha(e,n,t,o,l,r),t=ka(),null===e||gi?(ll&&t&&nl(n),n.flags|=1,_i(e,n,o,r),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~r,Ui(e,n,r))}function wi(e,n,t,o,r){if(null===e){var l=t.type;return"function"!=typeof l||As(l)||void 0!==l.defaultProps||null!==t.compare||void 0!==t.defaultProps?((e=Is(t.type,null,o,n,n.mode,r)).ref=n.ref,e.return=n,n.child=e):(n.tag=15,n.type=l,Ei(e,n,l,o,r))}if(l=e.child,!(e.lanes&r)){var a=l.memoizedProps;if((t=null!==(t=t.compare)?t:co)(a,o)&&e.ref===n.ref)return Ui(e,n,r)}return n.flags|=1,(e=Ns(l,o)).ref=n.ref,e.return=n,n.child=e}function Ei(e,n,t,o,r){if(null!==e){var l=e.memoizedProps;if(co(l,o)&&e.ref===n.ref){if(gi=!1,n.pendingProps=o=l,!(e.lanes&r))return n.lanes=e.lanes,Ui(e,n,r);131072&e.flags&&(gi=!0)}}return Si(e,n,t,o,r)}function xi(e,n,t){var o=n.pendingProps,r=o.children,l=null!==e?e.memoizedState:null;if("hidden"===o.mode)if(1&n.mode){if(!(1073741824&t))return e=null!==l?l.baseLanes|t:t,n.lanes=n.childLanes=1073741824,n.memoizedState={baseLanes:e,cachePool:null,transitions:null},n.updateQueue=null,Tr(Nc,Ac),Ac|=e,null;n.memoizedState={baseLanes:0,cachePool:null,transitions:null},o=null!==l?l.baseLanes:t,Tr(Nc,Ac),Ac|=o}else n.memoizedState={baseLanes:0,cachePool:null,transitions:null},Tr(Nc,Ac),Ac|=t;else null!==l?(o=l.baseLanes|t,n.memoizedState=null):o=t,Tr(Nc,Ac),Ac|=o;return _i(e,n,r,t),n.child}function zi(e,n){var t=n.ref;(null===e&&null!==t||null!==e&&e.ref!==t)&&(n.flags|=512,n.flags|=2097152)}function Si(e,n,t,o,r){var l=Nr(t)?Lr:Br.current;return l=Ar(n,l),Ol(n,r),t=ha(e,n,t,o,l,r),o=ka(),null===e||gi?(ll&&o&&nl(n),n.flags|=1,_i(e,n,t,r),n.child):(n.updateQueue=e.updateQueue,n.flags&=-2053,e.lanes&=~r,Ui(e,n,r))}function Ti(e,n,t,o,r){if(Nr(t)){var l=!0;jr(n)}else l=!1;if(Ol(n,r),null===n.stateNode)Hi(e,n),ai(n,t,o),ci(n,t,o,r),o=!0;else if(null===e){var a=n.stateNode,i=n.memoizedProps;a.props=i;var c=a.context,s=t.contextType;s="object"==typeof s&&null!==s?Ll(s):Ar(n,s=Nr(t)?Lr:Br.current);var d=t.getDerivedStateFromProps,u="function"==typeof d||"function"==typeof a.getSnapshotBeforeUpdate;u||"function"!=typeof a.UNSAFE_componentWillReceiveProps&&"function"!=typeof a.componentWillReceiveProps||(i!==o||c!==s)&&ii(n,a,o,s),Pl=!1;var m=n.memoizedState;a.state=m,Hl(n,o,a,r),c=n.memoizedState,i!==o||m!==c||Or.current||Pl?("function"==typeof d&&(oi(n,t,d,o),c=n.memoizedState),(i=Pl||li(n,t,i,o,m,c,s))?(u||"function"!=typeof a.UNSAFE_componentWillMount&&"function"!=typeof a.componentWillMount||("function"==typeof a.componentWillMount&&a.componentWillMount(),"function"==typeof a.UNSAFE_componentWillMount&&a.UNSAFE_componentWillMount()),"function"==typeof a.componentDidMount&&(n.flags|=4194308)):("function"==typeof a.componentDidMount&&(n.flags|=4194308),n.memoizedProps=o,n.memoizedState=c),a.props=o,a.state=c,a.context=s,o=i):("function"==typeof a.componentDidMount&&(n.flags|=4194308),o=!1)}else{a=n.stateNode,Ml(e,n),i=n.memoizedProps,s=n.type===n.elementType?i:ti(n.type,i),a.props=s,u=n.pendingProps,m=a.context,c="object"==typeof(c=t.contextType)&&null!==c?Ll(c):Ar(n,c=Nr(t)?Lr:Br.current);var f=t.getDerivedStateFromProps;(d="function"==typeof f||"function"==typeof a.getSnapshotBeforeUpdate)||"function"!=typeof a.UNSAFE_componentWillReceiveProps&&"function"!=typeof a.componentWillReceiveProps||(i!==u||m!==c)&&ii(n,a,o,c),Pl=!1,m=n.memoizedState,a.state=m,Hl(n,o,a,r);var b=n.memoizedState;i!==u||m!==b||Or.current||Pl?("function"==typeof f&&(oi(n,t,f,o),b=n.memoizedState),(s=Pl||li(n,t,s,o,m,b,c)||!1)?(d||"function"!=typeof a.UNSAFE_componentWillUpdate&&"function"!=typeof a.componentWillUpdate||("function"==typeof a.componentWillUpdate&&a.componentWillUpdate(o,b,c),"function"==typeof a.UNSAFE_componentWillUpdate&&a.UNSAFE_componentWillUpdate(o,b,c)),"function"==typeof a.componentDidUpdate&&(n.flags|=4),"function"==typeof a.getSnapshotBeforeUpdate&&(n.flags|=1024)):("function"!=typeof a.componentDidUpdate||i===e.memoizedProps&&m===e.memoizedState||(n.flags|=4),"function"!=typeof a.getSnapshotBeforeUpdate||i===e.memoizedProps&&m===e.memoizedState||(n.flags|=1024),n.memoizedProps=o,n.memoizedState=b),a.props=o,a.state=b,a.context=c,o=s):("function"!=typeof a.componentDidUpdate||i===e.memoizedProps&&m===e.memoizedState||(n.flags|=4),"function"!=typeof a.getSnapshotBeforeUpdate||i===e.memoizedProps&&m===e.memoizedState||(n.flags|=1024),o=!1)}return Ci(e,n,t,o,l,r)}function Ci(e,n,t,o,r,l){zi(e,n);var a=!!(128&n.flags);if(!o&&!a)return r&&Mr(n,t,!1),Ui(e,n,l);o=n.stateNode,vi.current=n;var i=a&&"function"!=typeof t.getDerivedStateFromError?null:o.render();return n.flags|=1,null!==e&&a?(n.child=yl(n,e.child,null,l),n.child=yl(n,null,i,l)):_i(e,n,i,l),n.memoizedState=o.state,r&&Mr(n,t,!0),n.child}function Bi(e){var n=e.stateNode;n.pendingContext?$r(0,n.pendingContext,n.pendingContext!==n.context):n.context&&$r(0,n.context,!1),Yl(e,n.containerInfo)}function Oi(e,n,t,o,r){return bl(),pl(r),n.flags|=256,_i(e,n,t,o),n.child}var Li,Ai,Ni,Ii,$i={dehydrated:null,treeContext:null,retryLane:0};function Pi(e){return{baseLanes:e,cachePool:null,transitions:null}}function ji(e,n,t){var o,r=n.pendingProps,a=ea.current,i=!1,c=!!(128&n.flags);if((o=c)||(o=(null===e||null!==e.memoizedState)&&!!(2&a)),o?(i=!0,n.flags&=-129):null!==e&&null===e.memoizedState||(a|=1),Tr(ea,1&a),null===e)return dl(n),null!==(e=n.memoizedState)&&null!==(e=e.dehydrated)?(1&n.mode?"$!"===e.data?n.lanes=8:n.lanes=1073741824:n.lanes=1,null):(c=r.children,e=r.fallback,i?(r=n.mode,i=n.child,c={mode:"hidden",children:c},1&r||null===i?i=Ps(c,r,0,null):(i.childLanes=0,i.pendingProps=c),e=$s(e,r,t,null),i.return=n,e.return=n,i.sibling=e,n.child=i,n.child.memoizedState=Pi(t),n.memoizedState=$i,e):Mi(n,c));if(null!==(a=e.memoizedState)&&null!==(o=a.dehydrated))return function(e,n,t,o,r,a,i){if(t)return 256&n.flags?(n.flags&=-257,Ri(e,n,i,o=di(Error(l(422))))):null!==n.memoizedState?(n.child=e.child,n.flags|=128,null):(a=o.fallback,r=n.mode,o=Ps({mode:"visible",children:o.children},r,0,null),(a=$s(a,r,i,null)).flags|=2,o.return=n,a.return=n,o.sibling=a,n.child=o,1&n.mode&&yl(n,e.child,null,i),n.child.memoizedState=Pi(i),n.memoizedState=$i,a);if(!(1&n.mode))return Ri(e,n,i,null);if("$!"===r.data){if(o=r.nextSibling&&r.nextSibling.dataset)var c=o.dgst;return o=c,Ri(e,n,i,o=di(a=Error(l(419)),o,void 0))}if(c=!!(i&e.childLanes),gi||c){if(null!==(o=Bc)){switch(i&-i){case 4:r=2;break;case 16:r=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:r=32;break;case 536870912:r=268435456;break;default:r=0}0!==(r=r&(o.suspendedLanes|i)?0:r)&&r!==a.retryLane&&(a.retryLane=r,$l(e,r),ts(o,e,r,-1))}return ps(),Ri(e,n,i,o=di(Error(l(421))))}return"$?"===r.data?(n.flags|=128,n.child=e.child,n=Ts.bind(null,e),r._reactRetry=n,null):(e=a.treeContext,rl=dr(r.nextSibling),ol=n,ll=!0,al=null,null!==e&&(Gr[Zr++]=Jr,Gr[Zr++]=Qr,Gr[Zr++]=Yr,Jr=e.id,Qr=e.overflow,Yr=n),(n=Mi(n,o.children)).flags|=4096,n)}(e,n,c,r,o,a,t);if(i){i=r.fallback,c=n.mode,o=(a=e.child).sibling;var s={mode:"hidden",children:r.children};return 1&c||n.child===a?(r=Ns(a,s)).subtreeFlags=14680064&a.subtreeFlags:((r=n.child).childLanes=0,r.pendingProps=s,n.deletions=null),null!==o?i=Ns(o,i):(i=$s(i,c,t,null)).flags|=2,i.return=n,r.return=n,r.sibling=i,n.child=r,r=i,i=n.child,c=null===(c=e.child.memoizedState)?Pi(t):{baseLanes:c.baseLanes|t,cachePool:null,transitions:c.transitions},i.memoizedState=c,i.childLanes=e.childLanes&~t,n.memoizedState=$i,r}return e=(i=e.child).sibling,r=Ns(i,{mode:"visible",children:r.children}),!(1&n.mode)&&(r.lanes=t),r.return=n,r.sibling=null,null!==e&&(null===(t=n.deletions)?(n.deletions=[e],n.flags|=16):t.push(e)),n.child=r,n.memoizedState=null,r}function Mi(e,n){return(n=Ps({mode:"visible",children:n},e.mode,0,null)).return=e,e.child=n}function Ri(e,n,t,o){return null!==o&&pl(o),yl(n,e.child,null,t),(e=Mi(n,n.pendingProps.children)).flags|=2,n.memoizedState=null,e}function Fi(e,n,t){e.lanes|=n;var o=e.alternate;null!==o&&(o.lanes|=n),Bl(e.return,n,t)}function Di(e,n,t,o,r){var l=e.memoizedState;null===l?e.memoizedState={isBackwards:n,rendering:null,renderingStartTime:0,last:o,tail:t,tailMode:r}:(l.isBackwards=n,l.rendering=null,l.renderingStartTime=0,l.last=o,l.tail=t,l.tailMode=r)}function Ki(e,n,t){var o=n.pendingProps,r=o.revealOrder,l=o.tail;if(_i(e,n,o.children,t),2&(o=ea.current))o=1&o|2,n.flags|=128;else{if(null!==e&&128&e.flags)e:for(e=n.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Fi(e,t,n);else if(19===e.tag)Fi(e,t,n);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===n)break e;for(;null===e.sibling;){if(null===e.return||e.return===n)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}o&=1}if(Tr(ea,o),1&n.mode)switch(r){case"forwards":for(t=n.child,r=null;null!==t;)null!==(e=t.alternate)&&null===na(e)&&(r=t),t=t.sibling;null===(t=r)?(r=n.child,n.child=null):(r=t.sibling,t.sibling=null),Di(n,!1,r,t,l);break;case"backwards":for(t=null,r=n.child,n.child=null;null!==r;){if(null!==(e=r.alternate)&&null===na(e)){n.child=r;break}e=r.sibling,r.sibling=t,t=r,r=e}Di(n,!0,t,null,l);break;case"together":Di(n,!1,null,null,void 0);break;default:n.memoizedState=null}else n.memoizedState=null;return n.child}function Hi(e,n){!(1&n.mode)&&null!==e&&(e.alternate=null,n.alternate=null,n.flags|=2)}function Ui(e,n,t){if(null!==e&&(n.dependencies=e.dependencies),Pc|=n.lanes,!(t&n.childLanes))return null;if(null!==e&&n.child!==e.child)throw Error(l(153));if(null!==n.child){for(t=Ns(e=n.child,e.pendingProps),n.child=t,t.return=n;null!==e.sibling;)e=e.sibling,(t=t.sibling=Ns(e,e.pendingProps)).return=n;t.sibling=null}return n.child}function Vi(e,n){if(!ll)switch(e.tailMode){case"hidden":n=e.tail;for(var t=null;null!==n;)null!==n.alternate&&(t=n),n=n.sibling;null===t?e.tail=null:t.sibling=null;break;case"collapsed":t=e.tail;for(var o=null;null!==t;)null!==t.alternate&&(o=t),t=t.sibling;null===o?n||null===e.tail?e.tail=null:e.tail.sibling=null:o.sibling=null}}function Wi(e){var n=null!==e.alternate&&e.alternate.child===e.child,t=0,o=0;if(n)for(var r=e.child;null!==r;)t|=r.lanes|r.childLanes,o|=14680064&r.subtreeFlags,o|=14680064&r.flags,r.return=e,r=r.sibling;else for(r=e.child;null!==r;)t|=r.lanes|r.childLanes,o|=r.subtreeFlags,o|=r.flags,r.return=e,r=r.sibling;return e.subtreeFlags|=o,e.childLanes=t,n}function qi(e,n,t){var o=n.pendingProps;switch(tl(n),n.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Wi(n),null;case 1:case 17:return Nr(n.type)&&Ir(),Wi(n),null;case 3:return o=n.stateNode,Jl(),Sr(Or),Sr(Br),oa(),o.pendingContext&&(o.context=o.pendingContext,o.pendingContext=null),null!==e&&null!==e.child||(ml(n)?n.flags|=4:null===e||e.memoizedState.isDehydrated&&!(256&n.flags)||(n.flags|=1024,null!==al&&(as(al),al=null))),Ai(e,n),Wi(n),null;case 5:Xl(n);var r=Zl(Gl.current);if(t=n.type,null!==e&&null!=n.stateNode)Ni(e,n,t,o,r),e.ref!==n.ref&&(n.flags|=512,n.flags|=2097152);else{if(!o){if(null===n.stateNode)throw Error(l(166));return Wi(n),null}if(e=Zl(Wl.current),ml(n)){o=n.stateNode,t=n.type;var a=n.memoizedProps;switch(o[fr]=n,o[br]=a,e=!!(1&n.mode),t){case"dialog":Fo("cancel",o),Fo("close",o);break;case"iframe":case"object":case"embed":Fo("load",o);break;case"video":case"audio":for(r=0;r<Po.length;r++)Fo(Po[r],o);break;case"source":Fo("error",o);break;case"img":case"image":case"link":Fo("error",o),Fo("load",o);break;case"details":Fo("toggle",o);break;case"input":Y(o,a),Fo("invalid",o);break;case"select":o._wrapperState={wasMultiple:!!a.multiple},Fo("invalid",o);break;case"textarea":re(o,a),Fo("invalid",o)}for(var c in ve(t,a),r=null,a)if(a.hasOwnProperty(c)){var s=a[c];"children"===c?"string"==typeof s?o.textContent!==s&&(!0!==a.suppressHydrationWarning&&Xo(o.textContent,s,e),r=["children",s]):"number"==typeof s&&o.textContent!==""+s&&(!0!==a.suppressHydrationWarning&&Xo(o.textContent,s,e),r=["children",""+s]):i.hasOwnProperty(c)&&null!=s&&"onScroll"===c&&Fo("scroll",o)}switch(t){case"input":W(o),X(o,a,!0);break;case"textarea":W(o),ae(o);break;case"select":case"option":break;default:"function"==typeof a.onClick&&(o.onclick=er)}o=r,n.updateQueue=o,null!==o&&(n.flags|=4)}else{c=9===r.nodeType?r:r.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=ie(t)),"http://www.w3.org/1999/xhtml"===e?"script"===t?((e=c.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof o.is?e=c.createElement(t,{is:o.is}):(e=c.createElement(t),"select"===t&&(c=e,o.multiple?c.multiple=!0:o.size&&(c.size=o.size))):e=c.createElementNS(e,t),e[fr]=n,e[br]=o,Li(e,n,!1,!1),n.stateNode=e;e:{switch(c=ge(t,o),t){case"dialog":Fo("cancel",e),Fo("close",e),r=o;break;case"iframe":case"object":case"embed":Fo("load",e),r=o;break;case"video":case"audio":for(r=0;r<Po.length;r++)Fo(Po[r],e);r=o;break;case"source":Fo("error",e),r=o;break;case"img":case"image":case"link":Fo("error",e),Fo("load",e),r=o;break;case"details":Fo("toggle",e),r=o;break;case"input":Y(e,o),r=Z(e,o),Fo("invalid",e);break;case"option":default:r=o;break;case"select":e._wrapperState={wasMultiple:!!o.multiple},r=j({},o,{value:void 0}),Fo("invalid",e);break;case"textarea":re(e,o),r=oe(e,o),Fo("invalid",e)}for(a in ve(t,r),s=r)if(s.hasOwnProperty(a)){var d=s[a];"style"===a?he(e,d):"dangerouslySetInnerHTML"===a?null!=(d=d?d.__html:void 0)&&ue(e,d):"children"===a?"string"==typeof d?("textarea"!==t||""!==d)&&me(e,d):"number"==typeof d&&me(e,""+d):"suppressContentEditableWarning"!==a&&"suppressHydrationWarning"!==a&&"autoFocus"!==a&&(i.hasOwnProperty(a)?null!=d&&"onScroll"===a&&Fo("scroll",e):null!=d&&g(e,a,d,c))}switch(t){case"input":W(e),X(e,o,!1);break;case"textarea":W(e),ae(e);break;case"option":null!=o.value&&e.setAttribute("value",""+U(o.value));break;case"select":e.multiple=!!o.multiple,null!=(a=o.value)?te(e,!!o.multiple,a,!1):null!=o.defaultValue&&te(e,!!o.multiple,o.defaultValue,!0);break;default:"function"==typeof r.onClick&&(e.onclick=er)}switch(t){case"button":case"input":case"select":case"textarea":o=!!o.autoFocus;break e;case"img":o=!0;break e;default:o=!1}}o&&(n.flags|=4)}null!==n.ref&&(n.flags|=512,n.flags|=2097152)}return Wi(n),null;case 6:if(e&&null!=n.stateNode)Ii(e,n,e.memoizedProps,o);else{if("string"!=typeof o&&null===n.stateNode)throw Error(l(166));if(t=Zl(Gl.current),Zl(Wl.current),ml(n)){if(o=n.stateNode,t=n.memoizedProps,o[fr]=n,(a=o.nodeValue!==t)&&null!==(e=ol))switch(e.tag){case 3:Xo(o.nodeValue,t,!!(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Xo(o.nodeValue,t,!!(1&e.mode))}a&&(n.flags|=4)}else(o=(9===t.nodeType?t:t.ownerDocument).createTextNode(o))[fr]=n,n.stateNode=o}return Wi(n),null;case 13:if(Sr(ea),o=n.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(ll&&null!==rl&&1&n.mode&&!(128&n.flags))fl(),bl(),n.flags|=98560,a=!1;else if(a=ml(n),null!==o&&null!==o.dehydrated){if(null===e){if(!a)throw Error(l(318));if(!(a=null!==(a=n.memoizedState)?a.dehydrated:null))throw Error(l(317));a[fr]=n}else bl(),!(128&n.flags)&&(n.memoizedState=null),n.flags|=4;Wi(n),a=!1}else null!==al&&(as(al),al=null),a=!0;if(!a)return 65536&n.flags?n:null}return 128&n.flags?(n.lanes=t,n):((o=null!==o)!=(null!==e&&null!==e.memoizedState)&&o&&(n.child.flags|=8192,1&n.mode&&(null===e||1&ea.current?0===Ic&&(Ic=3):ps())),null!==n.updateQueue&&(n.flags|=4),Wi(n),null);case 4:return Jl(),Ai(e,n),null===e&&Ho(n.stateNode.containerInfo),Wi(n),null;case 10:return Cl(n.type._context),Wi(n),null;case 19:if(Sr(ea),null===(a=n.memoizedState))return Wi(n),null;if(o=!!(128&n.flags),null===(c=a.rendering))if(o)Vi(a,!1);else{if(0!==Ic||null!==e&&128&e.flags)for(e=n.child;null!==e;){if(null!==(c=na(e))){for(n.flags|=128,Vi(a,!1),null!==(o=c.updateQueue)&&(n.updateQueue=o,n.flags|=4),n.subtreeFlags=0,o=t,t=n.child;null!==t;)e=o,(a=t).flags&=14680066,null===(c=a.alternate)?(a.childLanes=0,a.lanes=e,a.child=null,a.subtreeFlags=0,a.memoizedProps=null,a.memoizedState=null,a.updateQueue=null,a.dependencies=null,a.stateNode=null):(a.childLanes=c.childLanes,a.lanes=c.lanes,a.child=c.child,a.subtreeFlags=0,a.deletions=null,a.memoizedProps=c.memoizedProps,a.memoizedState=c.memoizedState,a.updateQueue=c.updateQueue,a.type=c.type,e=c.dependencies,a.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),t=t.sibling;return Tr(ea,1&ea.current|2),n.child}e=e.sibling}null!==a.tail&&Je()>Kc&&(n.flags|=128,o=!0,Vi(a,!1),n.lanes=4194304)}else{if(!o)if(null!==(e=na(c))){if(n.flags|=128,o=!0,null!==(t=e.updateQueue)&&(n.updateQueue=t,n.flags|=4),Vi(a,!0),null===a.tail&&"hidden"===a.tailMode&&!c.alternate&&!ll)return Wi(n),null}else 2*Je()-a.renderingStartTime>Kc&&1073741824!==t&&(n.flags|=128,o=!0,Vi(a,!1),n.lanes=4194304);a.isBackwards?(c.sibling=n.child,n.child=c):(null!==(t=a.last)?t.sibling=c:n.child=c,a.last=c)}return null!==a.tail?(n=a.tail,a.rendering=n,a.tail=n.sibling,a.renderingStartTime=Je(),n.sibling=null,t=ea.current,Tr(ea,o?1&t|2:1&t),n):(Wi(n),null);case 22:case 23:return us(),o=null!==n.memoizedState,null!==e&&null!==e.memoizedState!==o&&(n.flags|=8192),o&&1&n.mode?!!(1073741824&Ac)&&(Wi(n),6&n.subtreeFlags&&(n.flags|=8192)):Wi(n),null;case 24:case 25:return null}throw Error(l(156,n.tag))}function Gi(e,n){switch(tl(n),n.tag){case 1:return Nr(n.type)&&Ir(),65536&(e=n.flags)?(n.flags=-65537&e|128,n):null;case 3:return Jl(),Sr(Or),Sr(Br),oa(),65536&(e=n.flags)&&!(128&e)?(n.flags=-65537&e|128,n):null;case 5:return Xl(n),null;case 13:if(Sr(ea),null!==(e=n.memoizedState)&&null!==e.dehydrated){if(null===n.alternate)throw Error(l(340));bl()}return 65536&(e=n.flags)?(n.flags=-65537&e|128,n):null;case 19:return Sr(ea),null;case 4:return Jl(),null;case 10:return Cl(n.type._context),null;case 22:case 23:return us(),null;default:return null}}Li=function(e,n){for(var t=n.child;null!==t;){if(5===t.tag||6===t.tag)e.appendChild(t.stateNode);else if(4!==t.tag&&null!==t.child){t.child.return=t,t=t.child;continue}if(t===n)break;for(;null===t.sibling;){if(null===t.return||t.return===n)return;t=t.return}t.sibling.return=t.return,t=t.sibling}},Ai=function(){},Ni=function(e,n,t,o){var r=e.memoizedProps;if(r!==o){e=n.stateNode,Zl(Wl.current);var l,a=null;switch(t){case"input":r=Z(e,r),o=Z(e,o),a=[];break;case"select":r=j({},r,{value:void 0}),o=j({},o,{value:void 0}),a=[];break;case"textarea":r=oe(e,r),o=oe(e,o),a=[];break;default:"function"!=typeof r.onClick&&"function"==typeof o.onClick&&(e.onclick=er)}for(d in ve(t,o),t=null,r)if(!o.hasOwnProperty(d)&&r.hasOwnProperty(d)&&null!=r[d])if("style"===d){var c=r[d];for(l in c)c.hasOwnProperty(l)&&(t||(t={}),t[l]="")}else"dangerouslySetInnerHTML"!==d&&"children"!==d&&"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&"autoFocus"!==d&&(i.hasOwnProperty(d)?a||(a=[]):(a=a||[]).push(d,null));for(d in o){var s=o[d];if(c=null!=r?r[d]:void 0,o.hasOwnProperty(d)&&s!==c&&(null!=s||null!=c))if("style"===d)if(c){for(l in c)!c.hasOwnProperty(l)||s&&s.hasOwnProperty(l)||(t||(t={}),t[l]="");for(l in s)s.hasOwnProperty(l)&&c[l]!==s[l]&&(t||(t={}),t[l]=s[l])}else t||(a||(a=[]),a.push(d,t)),t=s;else"dangerouslySetInnerHTML"===d?(s=s?s.__html:void 0,c=c?c.__html:void 0,null!=s&&c!==s&&(a=a||[]).push(d,s)):"children"===d?"string"!=typeof s&&"number"!=typeof s||(a=a||[]).push(d,""+s):"suppressContentEditableWarning"!==d&&"suppressHydrationWarning"!==d&&(i.hasOwnProperty(d)?(null!=s&&"onScroll"===d&&Fo("scroll",e),a||c===s||(a=[])):(a=a||[]).push(d,s))}t&&(a=a||[]).push("style",t);var d=a;(n.updateQueue=d)&&(n.flags|=4)}},Ii=function(e,n,t,o){t!==o&&(n.flags|=4)};var Zi=!1,Yi=!1,Ji="function"==typeof WeakSet?WeakSet:Set,Qi=null;function Xi(e,n){var t=e.ref;if(null!==t)if("function"==typeof t)try{t(null)}catch(t){xs(e,n,t)}else t.current=null}function ec(e,n,t){try{t()}catch(t){xs(e,n,t)}}var nc=!1;function tc(e,n,t){var o=n.updateQueue;if(null!==(o=null!==o?o.lastEffect:null)){var r=o=o.next;do{if((r.tag&e)===e){var l=r.destroy;r.destroy=void 0,void 0!==l&&ec(n,t,l)}r=r.next}while(r!==o)}}function oc(e,n){if(null!==(n=null!==(n=n.updateQueue)?n.lastEffect:null)){var t=n=n.next;do{if((t.tag&e)===e){var o=t.create;t.destroy=o()}t=t.next}while(t!==n)}}function rc(e){var n=e.ref;if(null!==n){var t=e.stateNode;e.tag,e=t,"function"==typeof n?n(e):n.current=e}}function lc(e){var n=e.alternate;null!==n&&(e.alternate=null,lc(n)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&null!==(n=e.stateNode)&&(delete n[fr],delete n[br],delete n[hr],delete n[kr],delete n[vr]),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function ac(e){return 5===e.tag||3===e.tag||4===e.tag}function ic(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||ac(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function cc(e,n,t){var o=e.tag;if(5===o||6===o)e=e.stateNode,n?8===t.nodeType?t.parentNode.insertBefore(e,n):t.insertBefore(e,n):(8===t.nodeType?(n=t.parentNode).insertBefore(e,t):(n=t).appendChild(e),null!=(t=t._reactRootContainer)||null!==n.onclick||(n.onclick=er));else if(4!==o&&null!==(e=e.child))for(cc(e,n,t),e=e.sibling;null!==e;)cc(e,n,t),e=e.sibling}function sc(e,n,t){var o=e.tag;if(5===o||6===o)e=e.stateNode,n?t.insertBefore(e,n):t.appendChild(e);else if(4!==o&&null!==(e=e.child))for(sc(e,n,t),e=e.sibling;null!==e;)sc(e,n,t),e=e.sibling}var dc=null,uc=!1;function mc(e,n,t){for(t=t.child;null!==t;)fc(e,n,t),t=t.sibling}function fc(e,n,t){if(ln&&"function"==typeof ln.onCommitFiberUnmount)try{ln.onCommitFiberUnmount(rn,t)}catch(e){}switch(t.tag){case 5:Yi||Xi(t,n);case 6:var o=dc,r=uc;dc=null,mc(e,n,t),uc=r,null!==(dc=o)&&(uc?(e=dc,t=t.stateNode,8===e.nodeType?e.parentNode.removeChild(t):e.removeChild(t)):dc.removeChild(t.stateNode));break;case 18:null!==dc&&(uc?(e=dc,t=t.stateNode,8===e.nodeType?sr(e.parentNode,t):1===e.nodeType&&sr(e,t),Hn(e)):sr(dc,t.stateNode));break;case 4:o=dc,r=uc,dc=t.stateNode.containerInfo,uc=!0,mc(e,n,t),dc=o,uc=r;break;case 0:case 11:case 14:case 15:if(!Yi&&null!==(o=t.updateQueue)&&null!==(o=o.lastEffect)){r=o=o.next;do{var l=r,a=l.destroy;l=l.tag,void 0!==a&&(2&l||4&l)&&ec(t,n,a),r=r.next}while(r!==o)}mc(e,n,t);break;case 1:if(!Yi&&(Xi(t,n),"function"==typeof(o=t.stateNode).componentWillUnmount))try{o.props=t.memoizedProps,o.state=t.memoizedState,o.componentWillUnmount()}catch(e){xs(t,n,e)}mc(e,n,t);break;case 21:mc(e,n,t);break;case 22:1&t.mode?(Yi=(o=Yi)||null!==t.memoizedState,mc(e,n,t),Yi=o):mc(e,n,t);break;default:mc(e,n,t)}}function bc(e){var n=e.updateQueue;if(null!==n){e.updateQueue=null;var t=e.stateNode;null===t&&(t=e.stateNode=new Ji),n.forEach((function(n){var o=Cs.bind(null,e,n);t.has(n)||(t.add(n),n.then(o,o))}))}}function pc(e,n){var t=n.deletions;if(null!==t)for(var o=0;o<t.length;o++){var r=t[o];try{var a=e,i=n,c=i;e:for(;null!==c;){switch(c.tag){case 5:dc=c.stateNode,uc=!1;break e;case 3:case 4:dc=c.stateNode.containerInfo,uc=!0;break e}c=c.return}if(null===dc)throw Error(l(160));fc(a,i,r),dc=null,uc=!1;var s=r.alternate;null!==s&&(s.return=null),r.return=null}catch(e){xs(r,n,e)}}if(12854&n.subtreeFlags)for(n=n.child;null!==n;)hc(n,e),n=n.sibling}function hc(e,n){var t=e.alternate,o=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(pc(n,e),kc(e),4&o){try{tc(3,e,e.return),oc(3,e)}catch(n){xs(e,e.return,n)}try{tc(5,e,e.return)}catch(n){xs(e,e.return,n)}}break;case 1:pc(n,e),kc(e),512&o&&null!==t&&Xi(t,t.return);break;case 5:if(pc(n,e),kc(e),512&o&&null!==t&&Xi(t,t.return),32&e.flags){var r=e.stateNode;try{me(r,"")}catch(n){xs(e,e.return,n)}}if(4&o&&null!=(r=e.stateNode)){var a=e.memoizedProps,i=null!==t?t.memoizedProps:a,c=e.type,s=e.updateQueue;if(e.updateQueue=null,null!==s)try{"input"===c&&"radio"===a.type&&null!=a.name&&J(r,a),ge(c,i);var d=ge(c,a);for(i=0;i<s.length;i+=2){var u=s[i],m=s[i+1];"style"===u?he(r,m):"dangerouslySetInnerHTML"===u?ue(r,m):"children"===u?me(r,m):g(r,u,m,d)}switch(c){case"input":Q(r,a);break;case"textarea":le(r,a);break;case"select":var f=r._wrapperState.wasMultiple;r._wrapperState.wasMultiple=!!a.multiple;var b=a.value;null!=b?te(r,!!a.multiple,b,!1):f!==!!a.multiple&&(null!=a.defaultValue?te(r,!!a.multiple,a.defaultValue,!0):te(r,!!a.multiple,a.multiple?[]:"",!1))}r[br]=a}catch(n){xs(e,e.return,n)}}break;case 6:if(pc(n,e),kc(e),4&o){if(null===e.stateNode)throw Error(l(162));r=e.stateNode,a=e.memoizedProps;try{r.nodeValue=a}catch(n){xs(e,e.return,n)}}break;case 3:if(pc(n,e),kc(e),4&o&&null!==t&&t.memoizedState.isDehydrated)try{Hn(n.containerInfo)}catch(n){xs(e,e.return,n)}break;case 4:default:pc(n,e),kc(e);break;case 13:pc(n,e),kc(e),8192&(r=e.child).flags&&(a=null!==r.memoizedState,r.stateNode.isHidden=a,!a||null!==r.alternate&&null!==r.alternate.memoizedState||(Dc=Je())),4&o&&bc(e);break;case 22:if(u=null!==t&&null!==t.memoizedState,1&e.mode?(Yi=(d=Yi)||u,pc(n,e),Yi=d):pc(n,e),kc(e),8192&o){if(d=null!==e.memoizedState,(e.stateNode.isHidden=d)&&!u&&1&e.mode)for(Qi=e,u=e.child;null!==u;){for(m=Qi=u;null!==Qi;){switch(b=(f=Qi).child,f.tag){case 0:case 11:case 14:case 15:tc(4,f,f.return);break;case 1:Xi(f,f.return);var p=f.stateNode;if("function"==typeof p.componentWillUnmount){o=f,t=f.return;try{n=o,p.props=n.memoizedProps,p.state=n.memoizedState,p.componentWillUnmount()}catch(e){xs(o,t,e)}}break;case 5:Xi(f,f.return);break;case 22:if(null!==f.memoizedState){yc(m);continue}}null!==b?(b.return=f,Qi=b):yc(m)}u=u.sibling}e:for(u=null,m=e;;){if(5===m.tag){if(null===u){u=m;try{r=m.stateNode,d?"function"==typeof(a=r.style).setProperty?a.setProperty("display","none","important"):a.display="none":(c=m.stateNode,i=null!=(s=m.memoizedProps.style)&&s.hasOwnProperty("display")?s.display:null,c.style.display=pe("display",i))}catch(n){xs(e,e.return,n)}}}else if(6===m.tag){if(null===u)try{m.stateNode.nodeValue=d?"":m.memoizedProps}catch(n){xs(e,e.return,n)}}else if((22!==m.tag&&23!==m.tag||null===m.memoizedState||m===e)&&null!==m.child){m.child.return=m,m=m.child;continue}if(m===e)break e;for(;null===m.sibling;){if(null===m.return||m.return===e)break e;u===m&&(u=null),m=m.return}u===m&&(u=null),m.sibling.return=m.return,m=m.sibling}}break;case 19:pc(n,e),kc(e),4&o&&bc(e);case 21:}}function kc(e){var n=e.flags;if(2&n){try{e:{for(var t=e.return;null!==t;){if(ac(t)){var o=t;break e}t=t.return}throw Error(l(160))}switch(o.tag){case 5:var r=o.stateNode;32&o.flags&&(me(r,""),o.flags&=-33),sc(e,ic(e),r);break;case 3:case 4:var a=o.stateNode.containerInfo;cc(e,ic(e),a);break;default:throw Error(l(161))}}catch(n){xs(e,e.return,n)}e.flags&=-3}4096&n&&(e.flags&=-4097)}function vc(e,n,t){Qi=e,gc(e,n,t)}function gc(e,n,t){for(var o=!!(1&e.mode);null!==Qi;){var r=Qi,l=r.child;if(22===r.tag&&o){var a=null!==r.memoizedState||Zi;if(!a){var i=r.alternate,c=null!==i&&null!==i.memoizedState||Yi;i=Zi;var s=Yi;if(Zi=a,(Yi=c)&&!s)for(Qi=r;null!==Qi;)c=(a=Qi).child,22===a.tag&&null!==a.memoizedState?wc(r):null!==c?(c.return=a,Qi=c):wc(r);for(;null!==l;)Qi=l,gc(l,n,t),l=l.sibling;Qi=r,Zi=i,Yi=s}_c(e)}else 8772&r.subtreeFlags&&null!==l?(l.return=r,Qi=l):_c(e)}}function _c(e){for(;null!==Qi;){var n=Qi;if(8772&n.flags){var t=n.alternate;try{if(8772&n.flags)switch(n.tag){case 0:case 11:case 15:Yi||oc(5,n);break;case 1:var o=n.stateNode;if(4&n.flags&&!Yi)if(null===t)o.componentDidMount();else{var r=n.elementType===n.type?t.memoizedProps:ti(n.type,t.memoizedProps);o.componentDidUpdate(r,t.memoizedState,o.__reactInternalSnapshotBeforeUpdate)}var a=n.updateQueue;null!==a&&Ul(n,a,o);break;case 3:var i=n.updateQueue;if(null!==i){if(t=null,null!==n.child)switch(n.child.tag){case 5:case 1:t=n.child.stateNode}Ul(n,i,t)}break;case 5:var c=n.stateNode;if(null===t&&4&n.flags){t=c;var s=n.memoizedProps;switch(n.type){case"button":case"input":case"select":case"textarea":s.autoFocus&&t.focus();break;case"img":s.src&&(t.src=s.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===n.memoizedState){var d=n.alternate;if(null!==d){var u=d.memoizedState;if(null!==u){var m=u.dehydrated;null!==m&&Hn(m)}}}break;default:throw Error(l(163))}Yi||512&n.flags&&rc(n)}catch(e){xs(n,n.return,e)}}if(n===e){Qi=null;break}if(null!==(t=n.sibling)){t.return=n.return,Qi=t;break}Qi=n.return}}function yc(e){for(;null!==Qi;){var n=Qi;if(n===e){Qi=null;break}var t=n.sibling;if(null!==t){t.return=n.return,Qi=t;break}Qi=n.return}}function wc(e){for(;null!==Qi;){var n=Qi;try{switch(n.tag){case 0:case 11:case 15:var t=n.return;try{oc(4,n)}catch(e){xs(n,t,e)}break;case 1:var o=n.stateNode;if("function"==typeof o.componentDidMount){var r=n.return;try{o.componentDidMount()}catch(e){xs(n,r,e)}}var l=n.return;try{rc(n)}catch(e){xs(n,l,e)}break;case 5:var a=n.return;try{rc(n)}catch(e){xs(n,a,e)}}}catch(e){xs(n,n.return,e)}if(n===e){Qi=null;break}var i=n.sibling;if(null!==i){i.return=n.return,Qi=i;break}Qi=n.return}}var Ec,xc=Math.ceil,zc=_.ReactCurrentDispatcher,Sc=_.ReactCurrentOwner,Tc=_.ReactCurrentBatchConfig,Cc=0,Bc=null,Oc=null,Lc=0,Ac=0,Nc=zr(0),Ic=0,$c=null,Pc=0,jc=0,Mc=0,Rc=null,Fc=null,Dc=0,Kc=1/0,Hc=null,Uc=!1,Vc=null,Wc=null,qc=!1,Gc=null,Zc=0,Yc=0,Jc=null,Qc=-1,Xc=0;function es(){return 6&Cc?Je():-1!==Qc?Qc:Qc=Je()}function ns(e){return 1&e.mode?2&Cc&&0!==Lc?Lc&-Lc:null!==hl.transition?(0===Xc&&(Xc=hn()),Xc):0!==(e=_n)?e:e=void 0===(e=window.event)?16:Jn(e.type):1}function ts(e,n,t,o){if(50<Yc)throw Yc=0,Jc=null,Error(l(185));vn(e,t,o),2&Cc&&e===Bc||(e===Bc&&(!(2&Cc)&&(jc|=t),4===Ic&&is(e,Lc)),os(e,o),1===t&&0===Cc&&!(1&n.mode)&&(Kc=Je()+500,Fr&&Hr()))}function os(e,n){var t=e.callbackNode;!function(e,n){for(var t=e.suspendedLanes,o=e.pingedLanes,r=e.expirationTimes,l=e.pendingLanes;0<l;){var a=31-an(l),i=1<<a,c=r[a];-1===c?i&t&&!(i&o)||(r[a]=bn(i,n)):c<=n&&(e.expiredLanes|=i),l&=~i}}(e,n);var o=fn(e,e===Bc?Lc:0);if(0===o)null!==t&&Ge(t),e.callbackNode=null,e.callbackPriority=0;else if(n=o&-o,e.callbackPriority!==n){if(null!=t&&Ge(t),1===n)0===e.tag?function(e){Fr=!0,Kr(e)}(cs.bind(null,e)):Kr(cs.bind(null,e)),ir((function(){!(6&Cc)&&Hr()})),t=null;else{switch(yn(o)){case 1:t=Xe;break;case 4:t=en;break;case 16:default:t=nn;break;case 536870912:t=on}t=Bs(t,rs.bind(null,e))}e.callbackPriority=n,e.callbackNode=t}}function rs(e,n){if(Qc=-1,Xc=0,6&Cc)throw Error(l(327));var t=e.callbackNode;if(ws()&&e.callbackNode!==t)return null;var o=fn(e,e===Bc?Lc:0);if(0===o)return null;if(30&o||o&e.expiredLanes||n)n=hs(e,o);else{n=o;var r=Cc;Cc|=2;var a=bs();for(Bc===e&&Lc===n||(Hc=null,Kc=Je()+500,ms(e,n));;)try{vs();break}catch(n){fs(e,n)}Tl(),zc.current=a,Cc=r,null!==Oc?n=0:(Bc=null,Lc=0,n=Ic)}if(0!==n){if(2===n&&0!==(r=pn(e))&&(o=r,n=ls(e,r)),1===n)throw t=$c,ms(e,0),is(e,o),os(e,Je()),t;if(6===n)is(e,o);else{if(r=e.current.alternate,!(30&o||function(e){for(var n=e;;){if(16384&n.flags){var t=n.updateQueue;if(null!==t&&null!==(t=t.stores))for(var o=0;o<t.length;o++){var r=t[o],l=r.getSnapshot;r=r.value;try{if(!io(l(),r))return!1}catch(e){return!1}}}if(t=n.child,16384&n.subtreeFlags&&null!==t)t.return=n,n=t;else{if(n===e)break;for(;null===n.sibling;){if(null===n.return||n.return===e)return!0;n=n.return}n.sibling.return=n.return,n=n.sibling}}return!0}(r)||(n=hs(e,o),2===n&&(a=pn(e),0!==a&&(o=a,n=ls(e,a))),1!==n)))throw t=$c,ms(e,0),is(e,o),os(e,Je()),t;switch(e.finishedWork=r,e.finishedLanes=o,n){case 0:case 1:throw Error(l(345));case 2:case 5:ys(e,Fc,Hc);break;case 3:if(is(e,o),(130023424&o)===o&&10<(n=Dc+500-Je())){if(0!==fn(e,0))break;if(((r=e.suspendedLanes)&o)!==o){es(),e.pingedLanes|=e.suspendedLanes&r;break}e.timeoutHandle=rr(ys.bind(null,e,Fc,Hc),n);break}ys(e,Fc,Hc);break;case 4:if(is(e,o),(4194240&o)===o)break;for(n=e.eventTimes,r=-1;0<o;){var i=31-an(o);a=1<<i,(i=n[i])>r&&(r=i),o&=~a}if(o=r,10<(o=(120>(o=Je()-o)?120:480>o?480:1080>o?1080:1920>o?1920:3e3>o?3e3:4320>o?4320:1960*xc(o/1960))-o)){e.timeoutHandle=rr(ys.bind(null,e,Fc,Hc),o);break}ys(e,Fc,Hc);break;default:throw Error(l(329))}}}return os(e,Je()),e.callbackNode===t?rs.bind(null,e):null}function ls(e,n){var t=Rc;return e.current.memoizedState.isDehydrated&&(ms(e,n).flags|=256),2!==(e=hs(e,n))&&(n=Fc,Fc=t,null!==n&&as(n)),e}function as(e){null===Fc?Fc=e:Fc.push.apply(Fc,e)}function is(e,n){for(n&=~Mc,n&=~jc,e.suspendedLanes|=n,e.pingedLanes&=~n,e=e.expirationTimes;0<n;){var t=31-an(n),o=1<<t;e[t]=-1,n&=~o}}function cs(e){if(6&Cc)throw Error(l(327));ws();var n=fn(e,0);if(!(1&n))return os(e,Je()),null;var t=hs(e,n);if(0!==e.tag&&2===t){var o=pn(e);0!==o&&(n=o,t=ls(e,o))}if(1===t)throw t=$c,ms(e,0),is(e,n),os(e,Je()),t;if(6===t)throw Error(l(345));return e.finishedWork=e.current.alternate,e.finishedLanes=n,ys(e,Fc,Hc),os(e,Je()),null}function ss(e,n){var t=Cc;Cc|=1;try{return e(n)}finally{0===(Cc=t)&&(Kc=Je()+500,Fr&&Hr())}}function ds(e){null!==Gc&&0===Gc.tag&&!(6&Cc)&&ws();var n=Cc;Cc|=1;var t=Tc.transition,o=_n;try{if(Tc.transition=null,_n=1,e)return e()}finally{_n=o,Tc.transition=t,!(6&(Cc=n))&&Hr()}}function us(){Ac=Nc.current,Sr(Nc)}function ms(e,n){e.finishedWork=null,e.finishedLanes=0;var t=e.timeoutHandle;if(-1!==t&&(e.timeoutHandle=-1,lr(t)),null!==Oc)for(t=Oc.return;null!==t;){var o=t;switch(tl(o),o.tag){case 1:null!=(o=o.type.childContextTypes)&&Ir();break;case 3:Jl(),Sr(Or),Sr(Br),oa();break;case 5:Xl(o);break;case 4:Jl();break;case 13:case 19:Sr(ea);break;case 10:Cl(o.type._context);break;case 22:case 23:us()}t=t.return}if(Bc=e,Oc=e=Ns(e.current,null),Lc=Ac=n,Ic=0,$c=null,Mc=jc=Pc=0,Fc=Rc=null,null!==Al){for(n=0;n<Al.length;n++)if(null!==(o=(t=Al[n]).interleaved)){t.interleaved=null;var r=o.next,l=t.pending;if(null!==l){var a=l.next;l.next=r,o.next=a}t.pending=o}Al=null}return e}function fs(e,n){for(;;){var t=Oc;try{if(Tl(),ra.current=Qa,da){for(var o=ia.memoizedState;null!==o;){var r=o.queue;null!==r&&(r.pending=null),o=o.next}da=!1}if(aa=0,sa=ca=ia=null,ua=!1,ma=0,Sc.current=null,null===t||null===t.return){Ic=1,$c=n,Oc=null;break}e:{var a=e,i=t.return,c=t,s=n;if(n=Lc,c.flags|=32768,null!==s&&"object"==typeof s&&"function"==typeof s.then){var d=s,u=c,m=u.tag;if(!(1&u.mode||0!==m&&11!==m&&15!==m)){var f=u.alternate;f?(u.updateQueue=f.updateQueue,u.memoizedState=f.memoizedState,u.lanes=f.lanes):(u.updateQueue=null,u.memoizedState=null)}var b=hi(i);if(null!==b){b.flags&=-257,ki(b,i,c,0,n),1&b.mode&&pi(a,d,n),s=d;var p=(n=b).updateQueue;if(null===p){var h=new Set;h.add(s),n.updateQueue=h}else p.add(s);break e}if(!(1&n)){pi(a,d,n),ps();break e}s=Error(l(426))}else if(ll&&1&c.mode){var k=hi(i);if(null!==k){!(65536&k.flags)&&(k.flags|=256),ki(k,i,c,0,n),pl(si(s,c));break e}}a=s=si(s,c),4!==Ic&&(Ic=2),null===Rc?Rc=[a]:Rc.push(a),a=i;do{switch(a.tag){case 3:a.flags|=65536,n&=-n,a.lanes|=n,Kl(a,fi(0,s,n));break e;case 1:c=s;var v=a.type,g=a.stateNode;if(!(128&a.flags||"function"!=typeof v.getDerivedStateFromError&&(null===g||"function"!=typeof g.componentDidCatch||null!==Wc&&Wc.has(g)))){a.flags|=65536,n&=-n,a.lanes|=n,Kl(a,bi(a,c,n));break e}}a=a.return}while(null!==a)}_s(t)}catch(e){n=e,Oc===t&&null!==t&&(Oc=t=t.return);continue}break}}function bs(){var e=zc.current;return zc.current=Qa,null===e?Qa:e}function ps(){0!==Ic&&3!==Ic&&2!==Ic||(Ic=4),null===Bc||!(268435455&Pc)&&!(268435455&jc)||is(Bc,Lc)}function hs(e,n){var t=Cc;Cc|=2;var o=bs();for(Bc===e&&Lc===n||(Hc=null,ms(e,n));;)try{ks();break}catch(n){fs(e,n)}if(Tl(),Cc=t,zc.current=o,null!==Oc)throw Error(l(261));return Bc=null,Lc=0,Ic}function ks(){for(;null!==Oc;)gs(Oc)}function vs(){for(;null!==Oc&&!Ze();)gs(Oc)}function gs(e){var n=Ec(e.alternate,e,Ac);e.memoizedProps=e.pendingProps,null===n?_s(e):Oc=n,Sc.current=null}function _s(e){var n=e;do{var t=n.alternate;if(e=n.return,32768&n.flags){if(null!==(t=Gi(t,n)))return t.flags&=32767,void(Oc=t);if(null===e)return Ic=6,void(Oc=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}else if(null!==(t=qi(t,n,Ac)))return void(Oc=t);if(null!==(n=n.sibling))return void(Oc=n);Oc=n=e}while(null!==n);0===Ic&&(Ic=5)}function ys(e,n,t){var o=_n,r=Tc.transition;try{Tc.transition=null,_n=1,function(e,n,t,o){do{ws()}while(null!==Gc);if(6&Cc)throw Error(l(327));t=e.finishedWork;var r=e.finishedLanes;if(null===t)return null;if(e.finishedWork=null,e.finishedLanes=0,t===e.current)throw Error(l(177));e.callbackNode=null,e.callbackPriority=0;var a=t.lanes|t.childLanes;if(function(e,n){var t=e.pendingLanes&~n;e.pendingLanes=n,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=n,e.mutableReadLanes&=n,e.entangledLanes&=n,n=e.entanglements;var o=e.eventTimes;for(e=e.expirationTimes;0<t;){var r=31-an(t),l=1<<r;n[r]=0,o[r]=-1,e[r]=-1,t&=~l}}(e,a),e===Bc&&(Oc=Bc=null,Lc=0),!(2064&t.subtreeFlags)&&!(2064&t.flags)||qc||(qc=!0,Bs(nn,(function(){return ws(),null}))),a=!!(15990&t.flags),15990&t.subtreeFlags||a){a=Tc.transition,Tc.transition=null;var i=_n;_n=1;var c=Cc;Cc|=4,Sc.current=null,function(e,n){if(nr=Vn,bo(e=fo())){if("selectionStart"in e)var t={start:e.selectionStart,end:e.selectionEnd};else e:{var o=(t=(t=e.ownerDocument)&&t.defaultView||window).getSelection&&t.getSelection();if(o&&0!==o.rangeCount){t=o.anchorNode;var r=o.anchorOffset,a=o.focusNode;o=o.focusOffset;try{t.nodeType,a.nodeType}catch(e){t=null;break e}var i=0,c=-1,s=-1,d=0,u=0,m=e,f=null;n:for(;;){for(var b;m!==t||0!==r&&3!==m.nodeType||(c=i+r),m!==a||0!==o&&3!==m.nodeType||(s=i+o),3===m.nodeType&&(i+=m.nodeValue.length),null!==(b=m.firstChild);)f=m,m=b;for(;;){if(m===e)break n;if(f===t&&++d===r&&(c=i),f===a&&++u===o&&(s=i),null!==(b=m.nextSibling))break;f=(m=f).parentNode}m=b}t=-1===c||-1===s?null:{start:c,end:s}}else t=null}t=t||{start:0,end:0}}else t=null;for(tr={focusedElem:e,selectionRange:t},Vn=!1,Qi=n;null!==Qi;)if(e=(n=Qi).child,1028&n.subtreeFlags&&null!==e)e.return=n,Qi=e;else for(;null!==Qi;){n=Qi;try{var p=n.alternate;if(1024&n.flags)switch(n.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==p){var h=p.memoizedProps,k=p.memoizedState,v=n.stateNode,g=v.getSnapshotBeforeUpdate(n.elementType===n.type?h:ti(n.type,h),k);v.__reactInternalSnapshotBeforeUpdate=g}break;case 3:var _=n.stateNode.containerInfo;1===_.nodeType?_.textContent="":9===_.nodeType&&_.documentElement&&_.removeChild(_.documentElement);break;default:throw Error(l(163))}}catch(e){xs(n,n.return,e)}if(null!==(e=n.sibling)){e.return=n.return,Qi=e;break}Qi=n.return}p=nc,nc=!1}(e,t),hc(t,e),po(tr),Vn=!!nr,tr=nr=null,e.current=t,vc(t,e,r),Ye(),Cc=c,_n=i,Tc.transition=a}else e.current=t;if(qc&&(qc=!1,Gc=e,Zc=r),0===(a=e.pendingLanes)&&(Wc=null),function(e){if(ln&&"function"==typeof ln.onCommitFiberRoot)try{ln.onCommitFiberRoot(rn,e,void 0,!(128&~e.current.flags))}catch(e){}}(t.stateNode),os(e,Je()),null!==n)for(o=e.onRecoverableError,t=0;t<n.length;t++)o((r=n[t]).value,{componentStack:r.stack,digest:r.digest});if(Uc)throw Uc=!1,e=Vc,Vc=null,e;!!(1&Zc)&&0!==e.tag&&ws(),1&(a=e.pendingLanes)?e===Jc?Yc++:(Yc=0,Jc=e):Yc=0,Hr()}(e,n,t,o)}finally{Tc.transition=r,_n=o}return null}function ws(){if(null!==Gc){var e=yn(Zc),n=Tc.transition,t=_n;try{if(Tc.transition=null,_n=16>e?16:e,null===Gc)var o=!1;else{if(e=Gc,Gc=null,Zc=0,6&Cc)throw Error(l(331));var r=Cc;for(Cc|=4,Qi=e.current;null!==Qi;){var a=Qi,i=a.child;if(16&Qi.flags){var c=a.deletions;if(null!==c){for(var s=0;s<c.length;s++){var d=c[s];for(Qi=d;null!==Qi;){var u=Qi;switch(u.tag){case 0:case 11:case 15:tc(8,u,a)}var m=u.child;if(null!==m)m.return=u,Qi=m;else for(;null!==Qi;){var f=(u=Qi).sibling,b=u.return;if(lc(u),u===d){Qi=null;break}if(null!==f){f.return=b,Qi=f;break}Qi=b}}}var p=a.alternate;if(null!==p){var h=p.child;if(null!==h){p.child=null;do{var k=h.sibling;h.sibling=null,h=k}while(null!==h)}}Qi=a}}if(2064&a.subtreeFlags&&null!==i)i.return=a,Qi=i;else e:for(;null!==Qi;){if(2048&(a=Qi).flags)switch(a.tag){case 0:case 11:case 15:tc(9,a,a.return)}var v=a.sibling;if(null!==v){v.return=a.return,Qi=v;break e}Qi=a.return}}var g=e.current;for(Qi=g;null!==Qi;){var _=(i=Qi).child;if(2064&i.subtreeFlags&&null!==_)_.return=i,Qi=_;else e:for(i=g;null!==Qi;){if(2048&(c=Qi).flags)try{switch(c.tag){case 0:case 11:case 15:oc(9,c)}}catch(e){xs(c,c.return,e)}if(c===i){Qi=null;break e}var y=c.sibling;if(null!==y){y.return=c.return,Qi=y;break e}Qi=c.return}}if(Cc=r,Hr(),ln&&"function"==typeof ln.onPostCommitFiberRoot)try{ln.onPostCommitFiberRoot(rn,e)}catch(e){}o=!0}return o}finally{_n=t,Tc.transition=n}}return!1}function Es(e,n,t){e=Fl(e,n=fi(0,n=si(t,n),1),1),n=es(),null!==e&&(vn(e,1,n),os(e,n))}function xs(e,n,t){if(3===e.tag)Es(e,e,t);else for(;null!==n;){if(3===n.tag){Es(n,e,t);break}if(1===n.tag){var o=n.stateNode;if("function"==typeof n.type.getDerivedStateFromError||"function"==typeof o.componentDidCatch&&(null===Wc||!Wc.has(o))){n=Fl(n,e=bi(n,e=si(t,e),1),1),e=es(),null!==n&&(vn(n,1,e),os(n,e));break}}n=n.return}}function zs(e,n,t){var o=e.pingCache;null!==o&&o.delete(n),n=es(),e.pingedLanes|=e.suspendedLanes&t,Bc===e&&(Lc&t)===t&&(4===Ic||3===Ic&&(130023424&Lc)===Lc&&500>Je()-Dc?ms(e,0):Mc|=t),os(e,n)}function Ss(e,n){0===n&&(1&e.mode?(n=un,!(130023424&(un<<=1))&&(un=4194304)):n=1);var t=es();null!==(e=$l(e,n))&&(vn(e,n,t),os(e,t))}function Ts(e){var n=e.memoizedState,t=0;null!==n&&(t=n.retryLane),Ss(e,t)}function Cs(e,n){var t=0;switch(e.tag){case 13:var o=e.stateNode,r=e.memoizedState;null!==r&&(t=r.retryLane);break;case 19:o=e.stateNode;break;default:throw Error(l(314))}null!==o&&o.delete(n),Ss(e,t)}function Bs(e,n){return qe(e,n)}function Os(e,n,t,o){this.tag=e,this.key=t,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=n,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=o,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Ls(e,n,t,o){return new Os(e,n,t,o)}function As(e){return!(!(e=e.prototype)||!e.isReactComponent)}function Ns(e,n){var t=e.alternate;return null===t?((t=Ls(e.tag,n,e.key,e.mode)).elementType=e.elementType,t.type=e.type,t.stateNode=e.stateNode,t.alternate=e,e.alternate=t):(t.pendingProps=n,t.type=e.type,t.flags=0,t.subtreeFlags=0,t.deletions=null),t.flags=14680064&e.flags,t.childLanes=e.childLanes,t.lanes=e.lanes,t.child=e.child,t.memoizedProps=e.memoizedProps,t.memoizedState=e.memoizedState,t.updateQueue=e.updateQueue,n=e.dependencies,t.dependencies=null===n?null:{lanes:n.lanes,firstContext:n.firstContext},t.sibling=e.sibling,t.index=e.index,t.ref=e.ref,t}function Is(e,n,t,o,r,a){var i=2;if(o=e,"function"==typeof e)As(e)&&(i=1);else if("string"==typeof e)i=5;else e:switch(e){case E:return $s(t.children,r,a,n);case x:i=8,r|=8;break;case z:return(e=Ls(12,t,n,2|r)).elementType=z,e.lanes=a,e;case B:return(e=Ls(13,t,n,r)).elementType=B,e.lanes=a,e;case O:return(e=Ls(19,t,n,r)).elementType=O,e.lanes=a,e;case N:return Ps(t,r,a,n);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case S:i=10;break e;case T:i=9;break e;case C:i=11;break e;case L:i=14;break e;case A:i=16,o=null;break e}throw Error(l(130,null==e?e:typeof e,""))}return(n=Ls(i,t,n,r)).elementType=e,n.type=o,n.lanes=a,n}function $s(e,n,t,o){return(e=Ls(7,e,o,n)).lanes=t,e}function Ps(e,n,t,o){return(e=Ls(22,e,o,n)).elementType=N,e.lanes=t,e.stateNode={isHidden:!1},e}function js(e,n,t){return(e=Ls(6,e,null,n)).lanes=t,e}function Ms(e,n,t){return(n=Ls(4,null!==e.children?e.children:[],e.key,n)).lanes=t,n.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},n}function Rs(e,n,t,o,r){this.tag=n,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=kn(0),this.expirationTimes=kn(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=kn(0),this.identifierPrefix=o,this.onRecoverableError=r,this.mutableSourceEagerHydrationData=null}function Fs(e,n,t,o,r,l,a,i,c){return e=new Rs(e,n,t,i,c),1===n?(n=1,!0===l&&(n|=8)):n=0,l=Ls(3,null,null,n),e.current=l,l.stateNode=e,l.memoizedState={element:o,isDehydrated:t,cache:null,transitions:null,pendingSuspenseBoundaries:null},jl(l),e}function Ds(e){if(!e)return Cr;e:{if(Ke(e=e._reactInternals)!==e||1!==e.tag)throw Error(l(170));var n=e;do{switch(n.tag){case 3:n=n.stateNode.context;break e;case 1:if(Nr(n.type)){n=n.stateNode.__reactInternalMemoizedMergedChildContext;break e}}n=n.return}while(null!==n);throw Error(l(171))}if(1===e.tag){var t=e.type;if(Nr(t))return Pr(e,t,n)}return n}function Ks(e,n,t,o,r,l,a,i,c){return(e=Fs(t,o,!0,e,0,l,0,i,c)).context=Ds(null),t=e.current,(l=Rl(o=es(),r=ns(t))).callback=null!=n?n:null,Fl(t,l,r),e.current.lanes=r,vn(e,r,o),os(e,o),e}function Hs(e,n,t,o){var r=n.current,l=es(),a=ns(r);return t=Ds(t),null===n.context?n.context=t:n.pendingContext=t,(n=Rl(l,a)).payload={element:e},null!==(o=void 0===o?null:o)&&(n.callback=o),null!==(e=Fl(r,n,a))&&(ts(e,r,a,l),Dl(e,r,a)),a}function Us(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Vs(e,n){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var t=e.retryLane;e.retryLane=0!==t&&t<n?t:n}}function Ws(e,n){Vs(e,n),(e=e.alternate)&&Vs(e,n)}Ec=function(e,n,t){if(null!==e)if(e.memoizedProps!==n.pendingProps||Or.current)gi=!0;else{if(!(e.lanes&t||128&n.flags))return gi=!1,function(e,n,t){switch(n.tag){case 3:Bi(n),bl();break;case 5:Ql(n);break;case 1:Nr(n.type)&&jr(n);break;case 4:Yl(n,n.stateNode.containerInfo);break;case 10:var o=n.type._context,r=n.memoizedProps.value;Tr(El,o._currentValue),o._currentValue=r;break;case 13:if(null!==(o=n.memoizedState))return null!==o.dehydrated?(Tr(ea,1&ea.current),n.flags|=128,null):t&n.child.childLanes?ji(e,n,t):(Tr(ea,1&ea.current),null!==(e=Ui(e,n,t))?e.sibling:null);Tr(ea,1&ea.current);break;case 19:if(o=!!(t&n.childLanes),128&e.flags){if(o)return Ki(e,n,t);n.flags|=128}if(null!==(r=n.memoizedState)&&(r.rendering=null,r.tail=null,r.lastEffect=null),Tr(ea,ea.current),o)break;return null;case 22:case 23:return n.lanes=0,xi(e,n,t)}return Ui(e,n,t)}(e,n,t);gi=!!(131072&e.flags)}else gi=!1,ll&&1048576&n.flags&&el(n,qr,n.index);switch(n.lanes=0,n.tag){case 2:var o=n.type;Hi(e,n),e=n.pendingProps;var r=Ar(n,Br.current);Ol(n,t),r=ha(null,n,o,e,r,t);var a=ka();return n.flags|=1,"object"==typeof r&&null!==r&&"function"==typeof r.render&&void 0===r.$$typeof?(n.tag=1,n.memoizedState=null,n.updateQueue=null,Nr(o)?(a=!0,jr(n)):a=!1,n.memoizedState=null!==r.state&&void 0!==r.state?r.state:null,jl(n),r.updater=ri,n.stateNode=r,r._reactInternals=n,ci(n,o,e,t),n=Ci(null,n,o,!0,a,t)):(n.tag=0,ll&&a&&nl(n),_i(null,n,r,t),n=n.child),n;case 16:o=n.elementType;e:{switch(Hi(e,n),e=n.pendingProps,o=(r=o._init)(o._payload),n.type=o,r=n.tag=function(e){if("function"==typeof e)return As(e)?1:0;if(null!=e){if((e=e.$$typeof)===C)return 11;if(e===L)return 14}return 2}(o),e=ti(o,e),r){case 0:n=Si(null,n,o,e,t);break e;case 1:n=Ti(null,n,o,e,t);break e;case 11:n=yi(null,n,o,e,t);break e;case 14:n=wi(null,n,o,ti(o.type,e),t);break e}throw Error(l(306,o,""))}return n;case 0:return o=n.type,r=n.pendingProps,Si(e,n,o,r=n.elementType===o?r:ti(o,r),t);case 1:return o=n.type,r=n.pendingProps,Ti(e,n,o,r=n.elementType===o?r:ti(o,r),t);case 3:e:{if(Bi(n),null===e)throw Error(l(387));o=n.pendingProps,r=(a=n.memoizedState).element,Ml(e,n),Hl(n,o,null,t);var i=n.memoizedState;if(o=i.element,a.isDehydrated){if(a={element:o,isDehydrated:!1,cache:i.cache,pendingSuspenseBoundaries:i.pendingSuspenseBoundaries,transitions:i.transitions},n.updateQueue.baseState=a,n.memoizedState=a,256&n.flags){n=Oi(e,n,o,t,r=si(Error(l(423)),n));break e}if(o!==r){n=Oi(e,n,o,t,r=si(Error(l(424)),n));break e}for(rl=dr(n.stateNode.containerInfo.firstChild),ol=n,ll=!0,al=null,t=wl(n,null,o,t),n.child=t;t;)t.flags=-3&t.flags|4096,t=t.sibling}else{if(bl(),o===r){n=Ui(e,n,t);break e}_i(e,n,o,t)}n=n.child}return n;case 5:return Ql(n),null===e&&dl(n),o=n.type,r=n.pendingProps,a=null!==e?e.memoizedProps:null,i=r.children,or(o,r)?i=null:null!==a&&or(o,a)&&(n.flags|=32),zi(e,n),_i(e,n,i,t),n.child;case 6:return null===e&&dl(n),null;case 13:return ji(e,n,t);case 4:return Yl(n,n.stateNode.containerInfo),o=n.pendingProps,null===e?n.child=yl(n,null,o,t):_i(e,n,o,t),n.child;case 11:return o=n.type,r=n.pendingProps,yi(e,n,o,r=n.elementType===o?r:ti(o,r),t);case 7:return _i(e,n,n.pendingProps,t),n.child;case 8:case 12:return _i(e,n,n.pendingProps.children,t),n.child;case 10:e:{if(o=n.type._context,r=n.pendingProps,a=n.memoizedProps,i=r.value,Tr(El,o._currentValue),o._currentValue=i,null!==a)if(io(a.value,i)){if(a.children===r.children&&!Or.current){n=Ui(e,n,t);break e}}else for(null!==(a=n.child)&&(a.return=n);null!==a;){var c=a.dependencies;if(null!==c){i=a.child;for(var s=c.firstContext;null!==s;){if(s.context===o){if(1===a.tag){(s=Rl(-1,t&-t)).tag=2;var d=a.updateQueue;if(null!==d){var u=(d=d.shared).pending;null===u?s.next=s:(s.next=u.next,u.next=s),d.pending=s}}a.lanes|=t,null!==(s=a.alternate)&&(s.lanes|=t),Bl(a.return,t,n),c.lanes|=t;break}s=s.next}}else if(10===a.tag)i=a.type===n.type?null:a.child;else if(18===a.tag){if(null===(i=a.return))throw Error(l(341));i.lanes|=t,null!==(c=i.alternate)&&(c.lanes|=t),Bl(i,t,n),i=a.sibling}else i=a.child;if(null!==i)i.return=a;else for(i=a;null!==i;){if(i===n){i=null;break}if(null!==(a=i.sibling)){a.return=i.return,i=a;break}i=i.return}a=i}_i(e,n,r.children,t),n=n.child}return n;case 9:return r=n.type,o=n.pendingProps.children,Ol(n,t),o=o(r=Ll(r)),n.flags|=1,_i(e,n,o,t),n.child;case 14:return r=ti(o=n.type,n.pendingProps),wi(e,n,o,r=ti(o.type,r),t);case 15:return Ei(e,n,n.type,n.pendingProps,t);case 17:return o=n.type,r=n.pendingProps,r=n.elementType===o?r:ti(o,r),Hi(e,n),n.tag=1,Nr(o)?(e=!0,jr(n)):e=!1,Ol(n,t),ai(n,o,r),ci(n,o,r,t),Ci(null,n,o,!0,e,t);case 19:return Ki(e,n,t);case 22:return xi(e,n,t)}throw Error(l(156,n.tag))};var qs="function"==typeof reportError?reportError:function(e){console.error(e)};function Gs(e){this._internalRoot=e}function Zs(e){this._internalRoot=e}function Ys(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Js(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Qs(){}function Xs(e,n,t,o,r){var l=t._reactRootContainer;if(l){var a=l;if("function"==typeof r){var i=r;r=function(){var e=Us(a);i.call(e)}}Hs(n,a,e,r)}else a=function(e,n,t,o,r){if(r){if("function"==typeof o){var l=o;o=function(){var e=Us(a);l.call(e)}}var a=Ks(n,o,e,0,null,!1,0,"",Qs);return e._reactRootContainer=a,e[pr]=a.current,Ho(8===e.nodeType?e.parentNode:e),ds(),a}for(;r=e.lastChild;)e.removeChild(r);if("function"==typeof o){var i=o;o=function(){var e=Us(c);i.call(e)}}var c=Fs(e,0,!1,null,0,!1,0,"",Qs);return e._reactRootContainer=c,e[pr]=c.current,Ho(8===e.nodeType?e.parentNode:e),ds((function(){Hs(n,c,t,o)})),c}(t,n,e,r,o);return Us(a)}Zs.prototype.render=Gs.prototype.render=function(e){var n=this._internalRoot;if(null===n)throw Error(l(409));Hs(e,n,null,null)},Zs.prototype.unmount=Gs.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var n=e.containerInfo;ds((function(){Hs(null,e,null,null)})),n[pr]=null}},Zs.prototype.unstable_scheduleHydration=function(e){if(e){var n=zn();e={blockedOn:null,target:e,priority:n};for(var t=0;t<In.length&&0!==n&&n<In[t].priority;t++);In.splice(t,0,e),0===t&&Mn(e)}},wn=function(e){switch(e.tag){case 3:var n=e.stateNode;if(n.current.memoizedState.isDehydrated){var t=mn(n.pendingLanes);0!==t&&(gn(n,1|t),os(n,Je()),!(6&Cc)&&(Kc=Je()+500,Hr()))}break;case 13:ds((function(){var n=$l(e,1);if(null!==n){var t=es();ts(n,e,1,t)}})),Ws(e,1)}},En=function(e){if(13===e.tag){var n=$l(e,134217728);null!==n&&ts(n,e,134217728,es()),Ws(e,134217728)}},xn=function(e){if(13===e.tag){var n=ns(e),t=$l(e,n);null!==t&&ts(t,e,n,es()),Ws(e,n)}},zn=function(){return _n},Sn=function(e,n){var t=_n;try{return _n=e,n()}finally{_n=t}},we=function(e,n,t){switch(n){case"input":if(Q(e,t),n=t.name,"radio"===t.type&&null!=n){for(t=e;t.parentNode;)t=t.parentNode;for(t=t.querySelectorAll("input[name="+JSON.stringify(""+n)+'][type="radio"]'),n=0;n<t.length;n++){var o=t[n];if(o!==e&&o.form===e.form){var r=wr(o);if(!r)throw Error(l(90));q(o),Q(o,r)}}}break;case"textarea":le(e,t);break;case"select":null!=(n=t.value)&&te(e,!!t.multiple,n,!1)}},Ce=ss,Be=ds;var ed={usingClientEntryPoint:!1,Events:[_r,yr,wr,Se,Te,ss]},nd={findFiberByHostInstance:gr,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},td={bundleType:nd.bundleType,version:nd.version,rendererPackageName:nd.rendererPackageName,rendererConfig:nd.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:_.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ve(e))?null:e.stateNode},findFiberByHostInstance:nd.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var od=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!od.isDisabled&&od.supportsFiber)try{rn=od.inject(td),ln=od}catch(de){}}n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=ed,n.createPortal=function(e,n){var t=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Ys(n))throw Error(l(200));return function(e,n,t){var o=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:w,key:null==o?null:""+o,children:e,containerInfo:n,implementation:t}}(e,n,null,t)},n.createRoot=function(e,n){if(!Ys(e))throw Error(l(299));var t=!1,o="",r=qs;return null!=n&&(!0===n.unstable_strictMode&&(t=!0),void 0!==n.identifierPrefix&&(o=n.identifierPrefix),void 0!==n.onRecoverableError&&(r=n.onRecoverableError)),n=Fs(e,1,!1,null,0,t,0,o,r),e[pr]=n.current,Ho(8===e.nodeType?e.parentNode:e),new Gs(n)},n.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var n=e._reactInternals;if(void 0===n){if("function"==typeof e.render)throw Error(l(188));throw e=Object.keys(e).join(","),Error(l(268,e))}return null===(e=Ve(n))?null:e.stateNode},n.flushSync=function(e){return ds(e)},n.hydrate=function(e,n,t){if(!Js(n))throw Error(l(200));return Xs(null,e,n,!0,t)},n.hydrateRoot=function(e,n,t){if(!Ys(e))throw Error(l(405));var o=null!=t&&t.hydratedSources||null,r=!1,a="",i=qs;if(null!=t&&(!0===t.unstable_strictMode&&(r=!0),void 0!==t.identifierPrefix&&(a=t.identifierPrefix),void 0!==t.onRecoverableError&&(i=t.onRecoverableError)),n=Ks(n,null,e,1,null!=t?t:null,r,0,a,i),e[pr]=n.current,Ho(e),o)for(e=0;e<o.length;e++)r=(r=(t=o[e])._getVersion)(t._source),null==n.mutableSourceEagerHydrationData?n.mutableSourceEagerHydrationData=[t,r]:n.mutableSourceEagerHydrationData.push(t,r);return new Zs(n)},n.render=function(e,n,t){if(!Js(n))throw Error(l(200));return Xs(null,e,n,!1,t)},n.unmountComponentAtNode=function(e){if(!Js(e))throw Error(l(40));return!!e._reactRootContainer&&(ds((function(){Xs(null,null,e,!1,(function(){e._reactRootContainer=null,e[pr]=null}))})),!0)},n.unstable_batchedUpdates=ss,n.unstable_renderSubtreeIntoContainer=function(e,n,t,o){if(!Js(t))throw Error(l(200));if(null==e||void 0===e._reactInternals)throw Error(l(38));return Xs(e,n,t,!1,o)},n.version="18.3.1-next-f1338f8080-20240426"},5669:(e,n,t)=>{"use strict";var o=t(8668);n.H=o.createRoot,o.hydrateRoot},8668:(e,n,t)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(e){console.error(e)}}(),e.exports=t(6180)},3344:e=>{"use strict";var n=Array.isArray,t=Object.keys,o=Object.prototype.hasOwnProperty,r="undefined"!=typeof Element;function l(e,a){if(e===a)return!0;if(e&&a&&"object"==typeof e&&"object"==typeof a){var i,c,s,d=n(e),u=n(a);if(d&&u){if((c=e.length)!=a.length)return!1;for(i=c;0!=i--;)if(!l(e[i],a[i]))return!1;return!0}if(d!=u)return!1;var m=e instanceof Date,f=a instanceof Date;if(m!=f)return!1;if(m&&f)return e.getTime()==a.getTime();var b=e instanceof RegExp,p=a instanceof RegExp;if(b!=p)return!1;if(b&&p)return e.toString()==a.toString();var h=t(e);if((c=h.length)!==t(a).length)return!1;for(i=c;0!=i--;)if(!o.call(a,h[i]))return!1;if(r&&e instanceof Element&&a instanceof Element)return e===a;for(i=c;0!=i--;)if(!("_owner"===(s=h[i])&&e.$$typeof||l(e[s],a[s])))return!1;return!0}return e!=e&&a!=a}e.exports=function(e,n){try{return l(e,n)}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: react-fast-compare does not handle circular references.",e.name,e.message),!1;throw e}}},1024:(e,n)=>{"use strict";var t="function"==typeof Symbol&&Symbol.for,o=t?Symbol.for("react.element"):60103,r=t?Symbol.for("react.portal"):60106,l=t?Symbol.for("react.fragment"):60107,a=t?Symbol.for("react.strict_mode"):60108,i=t?Symbol.for("react.profiler"):60114,c=t?Symbol.for("react.provider"):60109,s=t?Symbol.for("react.context"):60110,d=t?Symbol.for("react.async_mode"):60111,u=t?Symbol.for("react.concurrent_mode"):60111,m=t?Symbol.for("react.forward_ref"):60112,f=t?Symbol.for("react.suspense"):60113,b=t?Symbol.for("react.suspense_list"):60120,p=t?Symbol.for("react.memo"):60115,h=t?Symbol.for("react.lazy"):60116,k=t?Symbol.for("react.block"):60121,v=t?Symbol.for("react.fundamental"):60117,g=t?Symbol.for("react.responder"):60118,_=t?Symbol.for("react.scope"):60119;function y(e){if("object"==typeof e&&null!==e){var n=e.$$typeof;switch(n){case o:switch(e=e.type){case d:case u:case l:case i:case a:case f:return e;default:switch(e=e&&e.$$typeof){case s:case m:case h:case p:case c:return e;default:return n}}case r:return n}}}function w(e){return y(e)===u}n.AsyncMode=d,n.ConcurrentMode=u,n.ContextConsumer=s,n.ContextProvider=c,n.Element=o,n.ForwardRef=m,n.Fragment=l,n.Lazy=h,n.Memo=p,n.Portal=r,n.Profiler=i,n.StrictMode=a,n.Suspense=f,n.isAsyncMode=function(e){return w(e)||y(e)===d},n.isConcurrentMode=w,n.isContextConsumer=function(e){return y(e)===s},n.isContextProvider=function(e){return y(e)===c},n.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===o},n.isForwardRef=function(e){return y(e)===m},n.isFragment=function(e){return y(e)===l},n.isLazy=function(e){return y(e)===h},n.isMemo=function(e){return y(e)===p},n.isPortal=function(e){return y(e)===r},n.isProfiler=function(e){return y(e)===i},n.isStrictMode=function(e){return y(e)===a},n.isSuspense=function(e){return y(e)===f},n.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===l||e===u||e===i||e===a||e===f||e===b||"object"==typeof e&&null!==e&&(e.$$typeof===h||e.$$typeof===p||e.$$typeof===c||e.$$typeof===s||e.$$typeof===m||e.$$typeof===v||e.$$typeof===g||e.$$typeof===_||e.$$typeof===k)},n.typeOf=y},9596:(e,n,t)=>{"use strict";e.exports=t(1024)},5678:(e,n)=>{"use strict";var t=Symbol.for("react.element"),o=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),i=Symbol.for("react.provider"),c=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),u=Symbol.for("react.memo"),m=Symbol.for("react.lazy"),f=Symbol.iterator,b={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},p=Object.assign,h={};function k(e,n,t){this.props=e,this.context=n,this.refs=h,this.updater=t||b}function v(){}function g(e,n,t){this.props=e,this.context=n,this.refs=h,this.updater=t||b}k.prototype.isReactComponent={},k.prototype.setState=function(e,n){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,n,"setState")},k.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},v.prototype=k.prototype;var _=g.prototype=new v;_.constructor=g,p(_,k.prototype),_.isPureReactComponent=!0;var y=Array.isArray,w=Object.prototype.hasOwnProperty,E={current:null},x={key:!0,ref:!0,__self:!0,__source:!0};function z(e,n,o){var r,l={},a=null,i=null;if(null!=n)for(r in void 0!==n.ref&&(i=n.ref),void 0!==n.key&&(a=""+n.key),n)w.call(n,r)&&!x.hasOwnProperty(r)&&(l[r]=n[r]);var c=arguments.length-2;if(1===c)l.children=o;else if(1<c){for(var s=Array(c),d=0;d<c;d++)s[d]=arguments[d+2];l.children=s}if(e&&e.defaultProps)for(r in c=e.defaultProps)void 0===l[r]&&(l[r]=c[r]);return{$$typeof:t,type:e,key:a,ref:i,props:l,_owner:E.current}}function S(e){return"object"==typeof e&&null!==e&&e.$$typeof===t}var T=/\/+/g;function C(e,n){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var n={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return n[e]}))}(""+e.key):n.toString(36)}function B(e,n,r,l,a){var i=typeof e;"undefined"!==i&&"boolean"!==i||(e=null);var c=!1;if(null===e)c=!0;else switch(i){case"string":case"number":c=!0;break;case"object":switch(e.$$typeof){case t:case o:c=!0}}if(c)return a=a(c=e),e=""===l?"."+C(c,0):l,y(a)?(r="",null!=e&&(r=e.replace(T,"$&/")+"/"),B(a,n,r,"",(function(e){return e}))):null!=a&&(S(a)&&(a=function(e,n){return{$$typeof:t,type:e.type,key:n,ref:e.ref,props:e.props,_owner:e._owner}}(a,r+(!a.key||c&&c.key===a.key?"":(""+a.key).replace(T,"$&/")+"/")+e)),n.push(a)),1;if(c=0,l=""===l?".":l+":",y(e))for(var s=0;s<e.length;s++){var d=l+C(i=e[s],s);c+=B(i,n,r,d,a)}else if(d=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof d)for(e=d.call(e),s=0;!(i=e.next()).done;)c+=B(i=i.value,n,r,d=l+C(i,s++),a);else if("object"===i)throw n=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===n?"object with keys {"+Object.keys(e).join(", ")+"}":n)+"). If you meant to render a collection of children, use an array instead.");return c}function O(e,n,t){if(null==e)return e;var o=[],r=0;return B(e,o,"","",(function(e){return n.call(t,e,r++)})),o}function L(e){if(-1===e._status){var n=e._result;(n=n()).then((function(n){0!==e._status&&-1!==e._status||(e._status=1,e._result=n)}),(function(n){0!==e._status&&-1!==e._status||(e._status=2,e._result=n)})),-1===e._status&&(e._status=0,e._result=n)}if(1===e._status)return e._result.default;throw e._result}var A={current:null},N={transition:null},I={ReactCurrentDispatcher:A,ReactCurrentBatchConfig:N,ReactCurrentOwner:E};n.Children={map:O,forEach:function(e,n,t){O(e,(function(){n.apply(this,arguments)}),t)},count:function(e){var n=0;return O(e,(function(){n++})),n},toArray:function(e){return O(e,(function(e){return e}))||[]},only:function(e){if(!S(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},n.Component=k,n.Fragment=r,n.Profiler=a,n.PureComponent=g,n.StrictMode=l,n.Suspense=d,n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=I,n.cloneElement=function(e,n,o){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=p({},e.props),l=e.key,a=e.ref,i=e._owner;if(null!=n){if(void 0!==n.ref&&(a=n.ref,i=E.current),void 0!==n.key&&(l=""+n.key),e.type&&e.type.defaultProps)var c=e.type.defaultProps;for(s in n)w.call(n,s)&&!x.hasOwnProperty(s)&&(r[s]=void 0===n[s]&&void 0!==c?c[s]:n[s])}var s=arguments.length-2;if(1===s)r.children=o;else if(1<s){c=Array(s);for(var d=0;d<s;d++)c[d]=arguments[d+2];r.children=c}return{$$typeof:t,type:e.type,key:l,ref:a,props:r,_owner:i}},n.createContext=function(e){return(e={$$typeof:c,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:i,_context:e},e.Consumer=e},n.createElement=z,n.createFactory=function(e){var n=z.bind(null,e);return n.type=e,n},n.createRef=function(){return{current:null}},n.forwardRef=function(e){return{$$typeof:s,render:e}},n.isValidElement=S,n.lazy=function(e){return{$$typeof:m,_payload:{_status:-1,_result:e},_init:L}},n.memo=function(e,n){return{$$typeof:u,type:e,compare:void 0===n?null:n}},n.startTransition=function(e){var n=N.transition;N.transition={};try{e()}finally{N.transition=n}},n.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")},n.useCallback=function(e,n){return A.current.useCallback(e,n)},n.useContext=function(e){return A.current.useContext(e)},n.useDebugValue=function(){},n.useDeferredValue=function(e){return A.current.useDeferredValue(e)},n.useEffect=function(e,n){return A.current.useEffect(e,n)},n.useId=function(){return A.current.useId()},n.useImperativeHandle=function(e,n,t){return A.current.useImperativeHandle(e,n,t)},n.useInsertionEffect=function(e,n){return A.current.useInsertionEffect(e,n)},n.useLayoutEffect=function(e,n){return A.current.useLayoutEffect(e,n)},n.useMemo=function(e,n){return A.current.useMemo(e,n)},n.useReducer=function(e,n,t){return A.current.useReducer(e,n,t)},n.useRef=function(e){return A.current.useRef(e)},n.useState=function(e){return A.current.useState(e)},n.useSyncExternalStore=function(e,n,t){return A.current.useSyncExternalStore(e,n,t)},n.useTransition=function(){return A.current.useTransition()},n.version="18.2.0"},9839:(e,n,t)=>{"use strict";e.exports=t(5678)},9154:(e,n)=>{"use strict";var t=Symbol.for("react.element"),o=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),a=Symbol.for("react.profiler"),i=Symbol.for("react.provider"),c=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),d=Symbol.for("react.suspense"),u=Symbol.for("react.memo"),m=Symbol.for("react.lazy"),f=Symbol.iterator,b={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},p=Object.assign,h={};function k(e,n,t){this.props=e,this.context=n,this.refs=h,this.updater=t||b}function v(){}function g(e,n,t){this.props=e,this.context=n,this.refs=h,this.updater=t||b}k.prototype.isReactComponent={},k.prototype.setState=function(e,n){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,n,"setState")},k.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},v.prototype=k.prototype;var _=g.prototype=new v;_.constructor=g,p(_,k.prototype),_.isPureReactComponent=!0;var y=Array.isArray,w=Object.prototype.hasOwnProperty,E={current:null},x={key:!0,ref:!0,__self:!0,__source:!0};function z(e,n,o){var r,l={},a=null,i=null;if(null!=n)for(r in void 0!==n.ref&&(i=n.ref),void 0!==n.key&&(a=""+n.key),n)w.call(n,r)&&!x.hasOwnProperty(r)&&(l[r]=n[r]);var c=arguments.length-2;if(1===c)l.children=o;else if(1<c){for(var s=Array(c),d=0;d<c;d++)s[d]=arguments[d+2];l.children=s}if(e&&e.defaultProps)for(r in c=e.defaultProps)void 0===l[r]&&(l[r]=c[r]);return{$$typeof:t,type:e,key:a,ref:i,props:l,_owner:E.current}}function S(e){return"object"==typeof e&&null!==e&&e.$$typeof===t}var T=/\/+/g;function C(e,n){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var n={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return n[e]}))}(""+e.key):n.toString(36)}function B(e,n,r,l,a){var i=typeof e;"undefined"!==i&&"boolean"!==i||(e=null);var c=!1;if(null===e)c=!0;else switch(i){case"string":case"number":c=!0;break;case"object":switch(e.$$typeof){case t:case o:c=!0}}if(c)return a=a(c=e),e=""===l?"."+C(c,0):l,y(a)?(r="",null!=e&&(r=e.replace(T,"$&/")+"/"),B(a,n,r,"",(function(e){return e}))):null!=a&&(S(a)&&(a=function(e,n){return{$$typeof:t,type:e.type,key:n,ref:e.ref,props:e.props,_owner:e._owner}}(a,r+(!a.key||c&&c.key===a.key?"":(""+a.key).replace(T,"$&/")+"/")+e)),n.push(a)),1;if(c=0,l=""===l?".":l+":",y(e))for(var s=0;s<e.length;s++){var d=l+C(i=e[s],s);c+=B(i,n,r,d,a)}else if(d=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=f&&e[f]||e["@@iterator"])?e:null}(e),"function"==typeof d)for(e=d.call(e),s=0;!(i=e.next()).done;)c+=B(i=i.value,n,r,d=l+C(i,s++),a);else if("object"===i)throw n=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===n?"object with keys {"+Object.keys(e).join(", ")+"}":n)+"). If you meant to render a collection of children, use an array instead.");return c}function O(e,n,t){if(null==e)return e;var o=[],r=0;return B(e,o,"","",(function(e){return n.call(t,e,r++)})),o}function L(e){if(-1===e._status){var n=e._result;(n=n()).then((function(n){0!==e._status&&-1!==e._status||(e._status=1,e._result=n)}),(function(n){0!==e._status&&-1!==e._status||(e._status=2,e._result=n)})),-1===e._status&&(e._status=0,e._result=n)}if(1===e._status)return e._result.default;throw e._result}var A={current:null},N={transition:null},I={ReactCurrentDispatcher:A,ReactCurrentBatchConfig:N,ReactCurrentOwner:E};function $(){throw Error("act(...) is not supported in production builds of React.")}n.Children={map:O,forEach:function(e,n,t){O(e,(function(){n.apply(this,arguments)}),t)},count:function(e){var n=0;return O(e,(function(){n++})),n},toArray:function(e){return O(e,(function(e){return e}))||[]},only:function(e){if(!S(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},n.Component=k,n.Fragment=r,n.Profiler=a,n.PureComponent=g,n.StrictMode=l,n.Suspense=d,n.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=I,n.act=$,n.cloneElement=function(e,n,o){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=p({},e.props),l=e.key,a=e.ref,i=e._owner;if(null!=n){if(void 0!==n.ref&&(a=n.ref,i=E.current),void 0!==n.key&&(l=""+n.key),e.type&&e.type.defaultProps)var c=e.type.defaultProps;for(s in n)w.call(n,s)&&!x.hasOwnProperty(s)&&(r[s]=void 0===n[s]&&void 0!==c?c[s]:n[s])}var s=arguments.length-2;if(1===s)r.children=o;else if(1<s){c=Array(s);for(var d=0;d<s;d++)c[d]=arguments[d+2];r.children=c}return{$$typeof:t,type:e.type,key:l,ref:a,props:r,_owner:i}},n.createContext=function(e){return(e={$$typeof:c,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:i,_context:e},e.Consumer=e},n.createElement=z,n.createFactory=function(e){var n=z.bind(null,e);return n.type=e,n},n.createRef=function(){return{current:null}},n.forwardRef=function(e){return{$$typeof:s,render:e}},n.isValidElement=S,n.lazy=function(e){return{$$typeof:m,_payload:{_status:-1,_result:e},_init:L}},n.memo=function(e,n){return{$$typeof:u,type:e,compare:void 0===n?null:n}},n.startTransition=function(e){var n=N.transition;N.transition={};try{e()}finally{N.transition=n}},n.unstable_act=$,n.useCallback=function(e,n){return A.current.useCallback(e,n)},n.useContext=function(e){return A.current.useContext(e)},n.useDebugValue=function(){},n.useDeferredValue=function(e){return A.current.useDeferredValue(e)},n.useEffect=function(e,n){return A.current.useEffect(e,n)},n.useId=function(){return A.current.useId()},n.useImperativeHandle=function(e,n,t){return A.current.useImperativeHandle(e,n,t)},n.useInsertionEffect=function(e,n){return A.current.useInsertionEffect(e,n)},n.useLayoutEffect=function(e,n){return A.current.useLayoutEffect(e,n)},n.useMemo=function(e,n){return A.current.useMemo(e,n)},n.useReducer=function(e,n,t){return A.current.useReducer(e,n,t)},n.useRef=function(e){return A.current.useRef(e)},n.useState=function(e){return A.current.useState(e)},n.useSyncExternalStore=function(e,n,t){return A.current.useSyncExternalStore(e,n,t)},n.useTransition=function(){return A.current.useTransition()},n.version="18.3.1"},7163:(e,n,t)=>{"use strict";e.exports=t(9154)},1638:(e,n)=>{"use strict";function t(e,n){var t=e.length;e.push(n);e:for(;0<t;){var o=t-1>>>1,r=e[o];if(!(0<l(r,n)))break e;e[o]=n,e[t]=r,t=o}}function o(e){return 0===e.length?null:e[0]}function r(e){if(0===e.length)return null;var n=e[0],t=e.pop();if(t!==n){e[0]=t;e:for(var o=0,r=e.length,a=r>>>1;o<a;){var i=2*(o+1)-1,c=e[i],s=i+1,d=e[s];if(0>l(c,t))s<r&&0>l(d,c)?(e[o]=d,e[s]=t,o=s):(e[o]=c,e[i]=t,o=i);else{if(!(s<r&&0>l(d,t)))break e;e[o]=d,e[s]=t,o=s}}}return n}function l(e,n){var t=e.sortIndex-n.sortIndex;return 0!==t?t:e.id-n.id}if("object"==typeof performance&&"function"==typeof performance.now){var a=performance;n.unstable_now=function(){return a.now()}}else{var i=Date,c=i.now();n.unstable_now=function(){return i.now()-c}}var s=[],d=[],u=1,m=null,f=3,b=!1,p=!1,h=!1,k="function"==typeof setTimeout?setTimeout:null,v="function"==typeof clearTimeout?clearTimeout:null,g="undefined"!=typeof setImmediate?setImmediate:null;function _(e){for(var n=o(d);null!==n;){if(null===n.callback)r(d);else{if(!(n.startTime<=e))break;r(d),n.sortIndex=n.expirationTime,t(s,n)}n=o(d)}}function y(e){if(h=!1,_(e),!p)if(null!==o(s))p=!0,N(w);else{var n=o(d);null!==n&&I(y,n.startTime-e)}}function w(e,t){p=!1,h&&(h=!1,v(S),S=-1),b=!0;var l=f;try{for(_(t),m=o(s);null!==m&&(!(m.expirationTime>t)||e&&!B());){var a=m.callback;if("function"==typeof a){m.callback=null,f=m.priorityLevel;var i=a(m.expirationTime<=t);t=n.unstable_now(),"function"==typeof i?m.callback=i:m===o(s)&&r(s),_(t)}else r(s);m=o(s)}if(null!==m)var c=!0;else{var u=o(d);null!==u&&I(y,u.startTime-t),c=!1}return c}finally{m=null,f=l,b=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var E,x=!1,z=null,S=-1,T=5,C=-1;function B(){return!(n.unstable_now()-C<T)}function O(){if(null!==z){var e=n.unstable_now();C=e;var t=!0;try{t=z(!0,e)}finally{t?E():(x=!1,z=null)}}else x=!1}if("function"==typeof g)E=function(){g(O)};else if("undefined"!=typeof MessageChannel){var L=new MessageChannel,A=L.port2;L.port1.onmessage=O,E=function(){A.postMessage(null)}}else E=function(){k(O,0)};function N(e){z=e,x||(x=!0,E())}function I(e,t){S=k((function(){e(n.unstable_now())}),t)}n.unstable_IdlePriority=5,n.unstable_ImmediatePriority=1,n.unstable_LowPriority=4,n.unstable_NormalPriority=3,n.unstable_Profiling=null,n.unstable_UserBlockingPriority=2,n.unstable_cancelCallback=function(e){e.callback=null},n.unstable_continueExecution=function(){p||b||(p=!0,N(w))},n.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):T=0<e?Math.floor(1e3/e):5},n.unstable_getCurrentPriorityLevel=function(){return f},n.unstable_getFirstCallbackNode=function(){return o(s)},n.unstable_next=function(e){switch(f){case 1:case 2:case 3:var n=3;break;default:n=f}var t=f;f=n;try{return e()}finally{f=t}},n.unstable_pauseExecution=function(){},n.unstable_requestPaint=function(){},n.unstable_runWithPriority=function(e,n){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var t=f;f=e;try{return n()}finally{f=t}},n.unstable_scheduleCallback=function(e,r,l){var a=n.unstable_now();switch(l="object"==typeof l&&null!==l&&"number"==typeof(l=l.delay)&&0<l?a+l:a,e){case 1:var i=-1;break;case 2:i=250;break;case 5:i=1073741823;break;case 4:i=1e4;break;default:i=5e3}return e={id:u++,callback:r,priorityLevel:e,startTime:l,expirationTime:i=l+i,sortIndex:-1},l>a?(e.sortIndex=l,t(d,e),null===o(s)&&e===o(d)&&(h?(v(S),S=-1):h=!0,I(y,l-a))):(e.sortIndex=i,t(s,e),p||b||(p=!0,N(w))),e},n.unstable_shouldYield=B,n.unstable_wrapCallback=function(e){var n=f;return function(){var t=f;f=n;try{return e.apply(this,arguments)}finally{f=t}}}},1337:(e,n,t)=>{"use strict";e.exports=t(1638)},1521:(e,n,t)=>{"use strict";let o;t.d(n,{o:()=>a,s:()=>l});const r=[],l=e=>{o=e,r.forEach((n=>{n(e)}))},a=(e,n=!0)=>(n&&"string"==typeof o&&e(o),r.push(e),()=>{const n=r.indexOf(e);n>=0&&r.splice(n,1)})},7662:(e,n,t)=>{"use strict";t.d(n,{K:()=>X,a:()=>f,b:()=>a,c:()=>c,d:()=>_,e:()=>$,f:()=>P,g:()=>ee,h:()=>v,i:()=>m,j:()=>H,k:()=>F,l:()=>Y,m:()=>R,n:()=>re,o:()=>te,p:()=>s,q:()=>oe,r:()=>ne,s:()=>ae});let o="kol-abbr",r="kol-accordion",l="kol-alert",a="kol-alert-wc",i="kol-avatar",c="kol-avatar-wc",s="kol-badge",d="kol-breadcrumb",u="kol-button-link",m="kol-button",f="kol-button-wc",b="kol-card",p="kol-combobox",h="kol-details",k="kol-drawer",v="kol-form",g="kol-heading",_="kol-icon",y="kol-image",w="kol-input-checkbox",E="kol-input-color",x="kol-input-date",z="kol-input-email",S="kol-input-file",T="kol-input-number",C="kol-input-password",B="kol-input-radio",O="kol-input-range",L="kol-input",A="kol-input-text",N="kol-kolibri",I="kol-link-button",$="kol-link",P="kol-link-wc",j="kol-modal",M="kol-nav",R="kol-pagination",F="kol-popover-wc",D="kol-progress",K="kol-quote",H="kol-select",U="kol-single-select",V="kol-skip-nav",W="kol-spin",q="kol-split-button",G="kol-table-stateful",Z="kol-table-stateless",Y="kol-table-stateless-wc",J="kol-tabs",Q="kol-textarea",X="kol-toast-container",ee="kol-tooltip-wc",ne="kol-tree-item",te="kol-tree-item-wc",oe="kol-tree",re="kol-tree-wc",le="kol-version";const ae=e=>{o=e(o),r=e(r),l=e(l),a=e(a),i=e(i),c=e(c),s=e(s),d=e(d),u=e(u),m=e(m),f=e(f),b=e(b),p=e(p),h=e(h),k=e(k),v=e(v),g=e(g),_=e(_),y=e(y),w=e(w),E=e(E),x=e(x),z=e(z),S=e(S),T=e(T),C=e(C),B=e(B),O=e(O),L=e(L),A=e(A),N=e(N),I=e(I),$=e($),P=e(P),j=e(j),M=e(M),R=e(R),F=e(F),D=e(D),K=e(K),H=e(H),U=e(U),V=e(V),W=e(W),q=e(q),G=e(G),Z=e(Z),Y=e(Y),J=e(J),Q=e(Q),X=e(X),e(ee),ee=e(ee),ne=e(ne),te=e(te),oe=e(oe),re=e(re),le=e(le)}},1732:(e,n,t)=>{"use strict";t.d(n,{L:()=>g,a:()=>d,b:()=>u,c:()=>f,d:()=>o,e:()=>c,f:()=>m,g:()=>r,s:()=>s});const o=()=>"undefined"==typeof window?null:window,r=()=>void 0===o().document?null:o().document;let l=!1,a=!1,i=!1;const c=()=>!0===l,s=e=>{l=!0===e},d=()=>!0===a,u=e=>{a=!0===e},m=()=>!0===i,f=e=>{i=!0===e},b=e=>Array.isArray(e)?e:[e],p=e=>`%c${e}`,h=(e,n)=>"string"==typeof n&&n.length>0?`${p(e)} | ${n}`:p(e),k=(e,n)=>[h(e,null==n?void 0:n.classifier),`color: white; background: #666; font-weight: bold; padding: .25em .5em; border-radius: 3px; border: 1px solid #000;${(null==n?void 0:n.overwriteStyle)||""}`],v=(e,n)=>e()||!0===n,g=new class{constructor(e,n){this.label=e,this.devMode=n}debug(e,n){v(this.devMode,null==n?void 0:n.forceLog)&&console.debug(...k(this.label,n),...b(e))}info(e,n){v(this.devMode,null==n?void 0:n.forceLog)&&console.info(...k(this.label,n),...b(e))}trace(e,n){v(this.devMode,null==n?void 0:n.forceLog)&&console.trace(...k(this.label,n),...b(e))}warn(e,n){v(this.devMode,null==n?void 0:n.forceLog)&&console.warn(...k(this.label,n),...b(e))}error(e,n){console.error(...k(this.label,n),...b(e))}throw(e,n){if(v(this.devMode,null==n?void 0:n.forceLog))throw new Error(...k(this.label,n),...b(e))}}("KoliBri",c)},8231:(e,n,t)=>{"use strict";var o,r;function l(e,n,t){e.dispatchEvent(function(e,n){return new CustomEvent(e,{bubbles:!0,cancelable:!0,composed:!0,detail:n})}(n,t))}t.d(n,{K:()=>o,d:()=>l}),(r=o||(o={})).blur="kolBlur",r.change="kolChange",r.changePage="kolChangePage",r.changePageSize="kolChangePageSize",r.click="kolClick",r.close="kolClose",r.focus="kolFocus",r.input="kolInput",r.mousedown="kolMousedown",r.reset="kolReset",r.select="kolSelect",r.selectionChange="kolSelectionChange",r.sort="kolSort",r.submit="kolSubmit",r.toggle="kolToggle"},8461:(e,n,t)=>{"use strict";t.d(n,{g:()=>s,i:()=>d});const o={error:"Fehler",warning:"Warnung",info:"Hinweis",success:"Erfolg",message:"Nachricht",close:"Schließen","form-description":"Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.",of:"von",characters:"Zeichen",new:"Neu","no-entries":"Es sind keine Einträge vorhanden.","change-order":"Sortierung von {{colLabel}} ändern","action-running":"Aktion wird ausgeführt...","action-done":"Aktion abgeschlossen",pagination:"Paginierung","page-first":"Direkt zur ersten Seite","page-back":"Eine Seite zurück","page-next":"Eine Seite weiter","page-last":"Direkt zur letzten Seite","entries-per-site":"Einträge pro Seite",page:"Seite","page-current":"Seite {{page}}","page-selected":"Seite {{page}} ist ausgewählt","page-per-site":"{{entries}} Einträge pro Seite","nav-maximize":"Navigation maximieren","nav-minimize":"Navigation minimieren","logo-description":"Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}","open-link-in-tab":"Öffnet in neuem Tab.","kolibri-logo":"Logo von KoliBri","table-pagination-label":"Paginierung für die Tabelle {{label}}","avatar-alt":"Avatar von {{name}}","split-button-dropdown-label-open":"Optionen anzeigen","split-button-dropdown-label-close":"Optionen schließen","toast-close-all":"Alle schließen","error-list":"Fehlerliste","error-list-message":"Bitte korrigieren Sie folgende Fehler:",version:"Versionsnummer","table-visible-range":"Einträge {{start}} bis {{end}} von {{total}}","table-selection-all":"Alle auswählen","table-selection-none":"Alle abwählen","table-selection-indeterminate":"Alle auswählen bei teilweiser Auswahl",dropdown:"Auswahlliste","nav-label-open":"Untermenü zu {{label}} öffnen","nav-label-close":"Untermenü zu {{label}} schließen","close-alert":"Benachrichtigung schließen","show-password":"einblenden","hide-password":"ausblenden","no-results-message":"Keine Ergebnisse gefunden.","delete-selection":"Auswahl entfernen"},r={error:"Error",warning:"Warning",info:"Note",success:"Success",message:"Message",close:"Close","form-description":"Form fields marked with an asterisk (*) are mandatory.",of:"of",characters:"characters",new:"New","no-entries":"No entries available.","change-order":"Change order of {{colLabel}}","action-running":"Action is running...","action-done":"Action done",pagination:"Pagination","page-first":"Directly to the first page","page-back":"One page back","page-next":"One page further","page-last":"Directly to the last page","entries-per-site":"Entries per page",page:"Page","page-current":"Page {{page}}","page-selected":"Page {{page}} is selected","page-per-site":"{{entries}} entries per page","nav-maximize":"Maximize navigation","nav-minimize":"Minimize navigation","logo-description":"Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}","open-link-in-tab":"Opens in new tab.","kolibri-logo":"KoliBri logo","table-pagination-label":"Pagination for table {{label}}","avatar-alt":"Avatar of {{name}}","split-button-dropdown-label-open":"Show options","split-button-dropdown-label-close":"Hide options","toast-close-all":"Close all","error-list":"Error list","error-list-message":"Please correct the following errors",version:"Version number","table-visible-range":"Entries {{start}} to {{end}} of {{total}}","table-selection-all":"Select all","table-selection-none":"Deselect all","table-selection-indeterminate":"Select all with partial selection",dropdown:"Dropdown","nav-label-open":"Submenu for {{label}} open","nav-label-close":"Submenu for {{label}} close","close-alert":"Close notification","show-password":"Show","hide-password":"Hide","no-results-message":"No results found.","delete-selection":"Delete selection"},l=e=>Object.keys(e).reduce(((n,t)=>(n[`kol-${t}`]=e[t],n)),{}),a=new Set([e=>e("en",l(r)),e=>e("de",l(o))]);class i{constructor(e){this.resourceMap=new Map,this.language=null!=e?e:"de"}addTranslations(e){Array.isArray(e)?e=new Set(e):"function"==typeof e&&(e=new Set([e])),void 0!==e&&e.forEach((e=>e(((e,n)=>{let t=this.resourceMap.get(e);return t||(t=new Map,this.resourceMap.set(e,t)),Object.entries(n).forEach((([e,n])=>{n&&t.set(e,n)})),e}))))}setLanguage(e){this.language=e}translate(e,n){var t;let o=null===(t=this.resourceMap.get(this.language))||void 0===t?void 0:t.get(e);return o?(null==n?void 0:n.placeholders)&&Object.entries(n.placeholders).forEach((([e,n])=>{var t,r;t=`{{${e}}}`,r=n,o=o.split(t).join(r)})):o=e,o}}let c;const s=()=>c,d=(e,n=a)=>(c=new i(e),c.addTranslations(n),c)},6783:(e,n,t)=>{"use strict";t.d(n,{E:()=>s,F:()=>De,H:()=>K,a:()=>G,b:()=>Fe,g:()=>Z,h:()=>F,r:()=>f});var o=Object.defineProperty,r=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,i=(e,n,t)=>n in e?o(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,c=(e,n,t)=>new Promise(((o,r)=>{var l=e=>{try{i(t.next(e))}catch(e){r(e)}},a=e=>{try{i(t.throw(e))}catch(e){r(e)}},i=e=>e.done?o(e.value):Promise.resolve(e.value).then(l,a);i((t=t.apply(e,n)).next())}));const s={kolibriVersion:"3.0.0-rc.4"};var d=Object.defineProperty,u=new WeakMap,m=e=>u.get(e),f=(e,n)=>u.set(n.$lazyInstance$=e,n),b=(e,n)=>n in e,p=(e,n)=>(0,console.error)(e,n),h=new Map,k=new Map,v=[],g="s-id",_="c-id",y="slot-fb{display:contents}slot-fb[hidden]{display:none}",w="http://www.w3.org/1999/xlink",E="undefined"!=typeof window?window:{},x=E.document||{head:{}},z={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,n,t,o)=>e.addEventListener(n,t,o),rel:(e,n,t,o)=>e.removeEventListener(n,t,o),ce:(e,n)=>new CustomEvent(e,n)},S=(()=>{let e=!1;try{x.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=!0}}))}catch(e){}return e})(),T=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),C=e=>Promise.resolve(undefined).then(e),B={},O=e=>"object"==(e=typeof e)||"function"===e;function L(e){var n,t,o;return null!=(o=null==(t=null==(n=e.head)?void 0:n.querySelector('meta[name="csp-nonce"]'))?void 0:t.getAttribute("content"))?o:void 0}((e,n)=>{for(var t in n)d(e,t,{get:n[t],enumerable:!0})})({},{err:()=>N,map:()=>I,ok:()=>A,unwrap:()=>M,unwrapErr:()=>R});var A=e=>({isOk:!0,isErr:!1,value:e}),N=e=>({isOk:!1,isErr:!0,value:e});function I(e,n){if(e.isOk){const t=n(e.value);return t instanceof Promise?t.then((e=>A(e))):A(t)}if(e.isErr){const n=e.value;return N(n)}throw"should never get here"}var $,P,j,M=e=>{if(e.isOk)return e.value;throw e.value},R=e=>{if(e.isErr)return e.value;throw e.value},F=(e,n,...t)=>{let o=null,r=null,l=null,a=!1,i=!1;const c=[],s=n=>{for(let t=0;t<n.length;t++)o=n[t],Array.isArray(o)?s(o):null!=o&&"boolean"!=typeof o&&((a="function"!=typeof e&&!O(o))&&(o=String(o)),a&&i?c[c.length-1].$text$+=o:c.push(a?D(null,o):o),i=a)};if(s(t),n){n.key&&(r=n.key),n.name&&(l=n.name);{const e=n.className||n.class;e&&(n.class="object"!=typeof e?e:Object.keys(e).filter((n=>e[n])).join(" "))}}if("function"==typeof e)return e(null===n?{}:n,c,H);const d=D(e,null);return d.$attrs$=n,c.length>0&&(d.$children$=c),d.$key$=r,d.$name$=l,d},D=(e,n)=>({$flags$:0,$tag$:e,$text$:n,$elm$:null,$children$:null,$attrs$:null,$key$:null,$name$:null}),K={},H={forEach:(e,n)=>e.map(U).forEach(n),map:(e,n)=>e.map(U).map(n).map(V)},U=e=>({vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}),V=e=>{if("function"==typeof e.vtag){const n=((e,n)=>{for(var t in n||(n={}))l.call(n,t)&&i(e,t,n[t]);if(r)for(var t of r(n))a.call(n,t)&&i(e,t,n[t]);return e})({},e.vattrs);return e.vkey&&(n.key=e.vkey),e.vname&&(n.name=e.vname),F(e.vtag,n,...e.vchildren||[])}const n=D(e.vtag,e.vtext);return n.$attrs$=e.vattrs,n.$children$=e.vchildren,n.$key$=e.vkey,n.$name$=e.vname,n},W=(e,n,t,o,r,l,a)=>{let i,c,s,d;if(1===l.nodeType){if(i=l.getAttribute(_),i&&(c=i.split("."),c[0]!==a&&"0"!==c[0]||(s={$flags$:0,$hostId$:c[0],$nodeId$:c[1],$depth$:c[2],$index$:c[3],$tag$:l.tagName.toLowerCase(),$elm$:l,$attrs$:null,$children$:null,$key$:null,$name$:null,$text$:null},n.push(s),l.removeAttribute(_),e.$children$||(e.$children$=[]),e.$children$[s.$index$]=s,e=s,o&&"0"===s.$depth$&&(o[s.$index$]=s.$elm$))),l.shadowRoot)for(d=l.shadowRoot.childNodes.length-1;d>=0;d--)W(e,n,t,o,r,l.shadowRoot.childNodes[d],a);for(d=l.childNodes.length-1;d>=0;d--)W(e,n,t,o,r,l.childNodes[d],a)}else if(8===l.nodeType)c=l.nodeValue.split("."),c[1]!==a&&"0"!==c[1]||(i=c[0],s={$flags$:0,$hostId$:c[1],$nodeId$:c[2],$depth$:c[3],$index$:c[4],$elm$:l,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null},"t"===i?(s.$elm$=l.nextSibling,s.$elm$&&3===s.$elm$.nodeType&&(s.$text$=s.$elm$.textContent,n.push(s),l.remove(),e.$children$||(e.$children$=[]),e.$children$[s.$index$]=s,o&&"0"===s.$depth$&&(o[s.$index$]=s.$elm$))):s.$hostId$===a&&("s"===i?(s.$tag$="slot",c[5]?l["s-sn"]=s.$name$=c[5]:l["s-sn"]="",l["s-sr"]=!0,o&&(s.$elm$=x.createElement(s.$tag$),s.$name$&&s.$elm$.setAttribute("name",s.$name$),l.parentNode.insertBefore(s.$elm$,l),l.remove(),"0"===s.$depth$&&(o[s.$index$]=s.$elm$)),t.push(s),e.$children$||(e.$children$=[]),e.$children$[s.$index$]=s):"r"===i&&(o?l.remove():(r["s-cr"]=l,l["s-cn"]=!0))));else if(e&&"style"===e.$tag$){const n=D(null,l.textContent);n.$elm$=l,n.$index$="0",e.$children$=[n]}},q=(e,n)=>{if(1===e.nodeType){let t=0;if(e.shadowRoot)for(;t<e.shadowRoot.childNodes.length;t++)q(e.shadowRoot.childNodes[t],n);for(t=0;t<e.childNodes.length;t++)q(e.childNodes[t],n)}else if(8===e.nodeType){const t=e.nodeValue.split(".");"o"===t[0]&&(n.set(t[1]+"."+t[2],e),e.nodeValue="",e["s-en"]=t[3])}},G=e=>v.push(e),Z=e=>m(e).$hostElement$,Y=new WeakMap,J=(e,n,t)=>{var o;const r=Q(n,t),l=k.get(r);if(e=11===e.nodeType?e:x,l)if("string"==typeof l){e=e.head||e;let t,a=Y.get(e);if(a||Y.set(e,a=new Set),!a.has(r)){if(e.host&&(t=e.querySelector(`[sty-id="${r}"]`)))t.innerHTML=l;else{t=x.createElement("style"),t.innerHTML=l;const r=null!=(o=z.$nonce$)?o:L(x);null!=r&&t.setAttribute("nonce",r),(!(1&n.$flags$)||1&n.$flags$&&"HEAD"!==e.nodeName)&&e.insertBefore(t,e.querySelector("link"))}4&n.$flags$&&(t.innerHTML+=y),a&&a.add(r)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return r},Q=(e,n)=>"sc-"+(n&&32&e.$flags$?e.$tagName$+"-"+n:e.$tagName$),X=(e,n,t,o,r,l)=>{if(t!==o){let a=b(e,n),i=n.toLowerCase();if("class"===n){const n=e.classList,r=ne(t),l=ne(o);n.remove(...r.filter((e=>e&&!l.includes(e)))),n.add(...l.filter((e=>e&&!r.includes(e))))}else if("style"===n){for(const n in t)o&&null!=o[n]||(n.includes("-")?e.style.removeProperty(n):e.style[n]="");for(const n in o)t&&o[n]===t[n]||(n.includes("-")?e.style.setProperty(n,o[n]):e.style[n]=o[n])}else if("key"===n);else if("ref"===n)o&&o(e);else if(a||"o"!==n[0]||"n"!==n[1]){const c=O(o);if((a||c&&null!==o)&&!r)try{if(e.tagName.includes("-"))e[n]=o;else{const r=null==o?"":o;"list"===n?a=!1:null!=t&&e[n]==r||(e[n]=r)}}catch(e){}let s=!1;i!==(i=i.replace(/^xlink\:?/,""))&&(n=i,s=!0),null==o||!1===o?!1===o&&""!==e.getAttribute(n)||(s?e.removeAttributeNS(w,n):e.removeAttribute(n)):(!a||4&l||r)&&!c&&(o=!0===o?"":o,s?e.setAttributeNS(w,n,o):e.setAttribute(n,o))}else if(n="-"===n[2]?n.slice(3):b(E,i)?i.slice(2):i[2]+n.slice(3),t||o){const r=n.endsWith(te);n=n.replace(oe,""),t&&z.rel(e,n,t,r),o&&z.ael(e,n,o,r)}}},ee=/\s/,ne=e=>e?e.split(ee):[],te="Capture",oe=new RegExp(te+"$"),re=(e,n,t)=>{const o=11===n.$elm$.nodeType&&n.$elm$.host?n.$elm$.host:n.$elm$,r=e&&e.$attrs$||B,l=n.$attrs$||B;for(const e of le(Object.keys(r)))e in l||X(o,e,r[e],void 0,t,n.$flags$);for(const e of le(Object.keys(l)))X(o,e,r[e],l[e],t,n.$flags$)};function le(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var ae=!1,ie=!1,ce=!1,se=!1,de=(e,n,t,o)=>{var r;const l=n.$children$[t];let a,i,c,s=0;if(ae||(ce=!0,"slot"===l.$tag$&&($&&o.classList.add($+"-s"),l.$flags$|=l.$children$?2:1)),null!==l.$text$)a=l.$elm$=x.createTextNode(l.$text$);else if(1&l.$flags$)a=l.$elm$=x.createTextNode("");else{if(se||(se="svg"===l.$tag$),a=l.$elm$=x.createElementNS(se?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!ae&&2&l.$flags$?"slot-fb":l.$tag$),se&&"foreignObject"===l.$tag$&&(se=!1),re(null,l,se),a.getRootNode().querySelector("body"),l.$children$)for(s=0;s<l.$children$.length;++s)i=de(e,l,s,a),i&&a.appendChild(i);"svg"===l.$tag$?se=!1:"foreignObject"===a.tagName&&(se=!0)}return a["s-hn"]=j,3&l.$flags$&&(a["s-sr"]=!0,a["s-cr"]=P,a["s-sn"]=l.$name$||"",a["s-rf"]=null==(r=l.$attrs$)?void 0:r.ref,c=e&&e.$children$&&e.$children$[t],c&&c.$tag$===l.$tag$&&e.$elm$&&ue(e.$elm$,!1)),a},ue=(e,n)=>{z.$flags$|=1;const t=Array.from(e.childNodes);e["s-sr"];for(let e=t.length-1;e>=0;e--){const o=t[e];o["s-hn"]!==j&&o["s-ol"]&&(Ee(he(o),o,pe(o)),o["s-ol"].remove(),o["s-ol"]=void 0,o["s-sh"]=void 0,ce=!0),n&&ue(o,n)}z.$flags$&=-2},me=(e,n,t,o,r,l)=>{let a,i=e["s-cr"]&&e["s-cr"].parentNode||e;for(i.shadowRoot&&i.tagName===j&&(i=i.shadowRoot);r<=l;++r)o[r]&&(a=de(null,t,r,e),a&&(o[r].$elm$=a,Ee(i,a,pe(n))))},fe=(e,n,t)=>{for(let o=n;o<=t;++o){const n=e[o];if(n){const e=n.$elm$;we(n),e&&(ie=!0,e["s-ol"]?e["s-ol"].remove():ue(e,!0),e.remove())}}},be=(e,n,t=!1)=>!(e.$tag$!==n.$tag$||("slot"===e.$tag$?"$nodeId$"in e&&t&&8!==e.$elm$.nodeType||e.$name$!==n.$name$:!t&&e.$key$!==n.$key$)),pe=e=>e&&e["s-ol"]||e,he=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,ke=(e,n,t=!1)=>{const o=n.$elm$=e.$elm$,r=e.$children$,l=n.$children$,a=n.$tag$,i=n.$text$;let c;null===i?(se="svg"===a||"foreignObject"!==a&&se,("slot"!==a||ae)&&re(e,n,se),null!==r&&null!==l?((e,n,t,o,r=!1)=>{let l,a,i=0,c=0,s=0,d=0,u=n.length-1,m=n[0],f=n[u],b=o.length-1,p=o[0],h=o[b];for(;i<=u&&c<=b;)if(null==m)m=n[++i];else if(null==f)f=n[--u];else if(null==p)p=o[++c];else if(null==h)h=o[--b];else if(be(m,p,r))ke(m,p,r),m=n[++i],p=o[++c];else if(be(f,h,r))ke(f,h,r),f=n[--u],h=o[--b];else if(be(m,h,r))"slot"!==m.$tag$&&"slot"!==h.$tag$||ue(m.$elm$.parentNode,!1),ke(m,h,r),Ee(e,m.$elm$,f.$elm$.nextSibling),m=n[++i],h=o[--b];else if(be(f,p,r))"slot"!==m.$tag$&&"slot"!==h.$tag$||ue(f.$elm$.parentNode,!1),ke(f,p,r),Ee(e,f.$elm$,m.$elm$),f=n[--u],p=o[++c];else{for(s=-1,d=i;d<=u;++d)if(n[d]&&null!==n[d].$key$&&n[d].$key$===p.$key$){s=d;break}s>=0?(a=n[s],a.$tag$!==p.$tag$?l=de(n&&n[c],t,s,e):(ke(a,p,r),n[s]=void 0,l=a.$elm$),p=o[++c]):(l=de(n&&n[c],t,c,e),p=o[++c]),l&&Ee(he(m.$elm$),l,pe(m.$elm$))}i>u?me(e,null==o[b+1]?null:o[b+1].$elm$,t,o,c,b):c>b&&fe(n,i,u)})(o,r,n,l,t):null!==l?(null!==e.$text$&&(o.textContent=""),me(o,null,n,l,0,l.length-1)):!t&&null!==r&&fe(r,0,r.length-1),se&&"svg"===a&&(se=!1)):(c=o["s-cr"])?c.parentNode.textContent=i:e.$text$!==i&&(o.data=i)},ve=e=>{const n=e.childNodes;for(const e of n)if(1===e.nodeType){if(e["s-sr"]){const t=e["s-sn"];e.hidden=!1;for(const o of n)if(o!==e)if(o["s-hn"]!==e["s-hn"]||""!==t){if(1===o.nodeType&&(t===o.getAttribute("slot")||t===o["s-sn"])||3===o.nodeType&&t===o["s-sn"]){e.hidden=!0;break}}else if(1===o.nodeType||3===o.nodeType&&""!==o.textContent.trim()){e.hidden=!0;break}}ve(e)}},ge=[],_e=e=>{let n,t,o;for(const r of e.childNodes){if(r["s-sr"]&&(n=r["s-cr"])&&n.parentNode){t=n.parentNode.childNodes;const e=r["s-sn"];for(o=t.length-1;o>=0;o--)if(n=t[o],!n["s-cn"]&&!n["s-nr"]&&n["s-hn"]!==r["s-hn"])if(ye(n,e)){let t=ge.find((e=>e.$nodeToRelocate$===n));ie=!0,n["s-sn"]=n["s-sn"]||e,t?(t.$nodeToRelocate$["s-sh"]=r["s-hn"],t.$slotRefNode$=r):(n["s-sh"]=r["s-hn"],ge.push({$slotRefNode$:r,$nodeToRelocate$:n})),n["s-sr"]&&ge.map((e=>{ye(e.$nodeToRelocate$,n["s-sn"])&&(t=ge.find((e=>e.$nodeToRelocate$===n)),t&&!e.$slotRefNode$&&(e.$slotRefNode$=t.$slotRefNode$))}))}else ge.some((e=>e.$nodeToRelocate$===n))||ge.push({$nodeToRelocate$:n})}1===r.nodeType&&_e(r)}},ye=(e,n)=>1===e.nodeType?null===e.getAttribute("slot")&&""===n||e.getAttribute("slot")===n:e["s-sn"]===n||""===n,we=e=>{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(we)},Ee=(e,n,t)=>null==e?void 0:e.insertBefore(n,t),xe=(e,n)=>{n&&!e.$onRenderResolve$&&n["s-p"]&&n["s-p"].push(new Promise((n=>e.$onRenderResolve$=n)))},ze=(e,n)=>{if(!(4&e.$flags$))return xe(e,e.$ancestorComponent$),Se(e,n);e.$flags$|=512},Se=(e,n)=>{const t=e.$hostElement$,o=(e.$cmpMeta$.$tagName$,()=>{}),r=e.$lazyInstance$;if(!r)throw new Error(`Can't render component <${t.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return n&&(e.$flags$|=256,e.$queuedListeners$&&(e.$queuedListeners$.map((([e,n])=>Ne(r,e,n))),e.$queuedListeners$=void 0),l=Ne(r,"componentWillLoad")),l=Te(l,(()=>Ne(r,"componentWillRender"))),o(),Te(l,(()=>Be(e,r,n)))},Te=(e,n)=>Ce(e)?e.then(n).catch((e=>{console.error(e),n()})):n(),Ce=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,Be=(e,n,t)=>c(void 0,null,(function*(){var o;const r=e.$hostElement$,l=(e.$cmpMeta$.$tagName$,()=>{}),a=r["s-rc"];t&&(e=>{const n=e.$cmpMeta$,t=e.$hostElement$,o=n.$flags$,r=(n.$tagName$,()=>{}),l=J(t.shadowRoot?t.shadowRoot:t.getRootNode(),n,e.$modeName$);10&o&&2&o&&(t["s-sc"]=l,t.classList.add(l+"-h")),r()})(e);const i=(e.$cmpMeta$.$tagName$,()=>{});Oe(e,n,r,t),a&&(a.map((e=>e())),r["s-rc"]=void 0),i(),l();{const n=null!=(o=r["s-p"])?o:[],t=()=>Le(e);0===n.length?t():(Promise.all(n).then(t),e.$flags$|=4,n.length=0)}})),Oe=(e,n,t,o)=>{try{n=n.render&&n.render(),e.$flags$|=2,((e,n,t=!1)=>{var o,r,l,a;const i=e.$hostElement$,c=e.$cmpMeta$,s=e.$vnode$||D(null,null),d=(u=n)&&u.$tag$===K?n:F(null,null,n);var u;if(j=i.tagName,c.$attrsToReflect$&&(d.$attrs$=d.$attrs$||{},c.$attrsToReflect$.map((([e,n])=>d.$attrs$[n]=i[e]))),t&&d.$attrs$)for(const e of Object.keys(d.$attrs$))i.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(d.$attrs$[e]=i[e]);if(d.$tag$=null,d.$flags$|=4,e.$vnode$=d,d.$elm$=s.$elm$=i.shadowRoot||i,$=i["s-sc"],ae=!!(1&c.$flags$),P=i["s-cr"],ie=!1,ke(s,d,t),z.$flags$|=1,ce){_e(d.$elm$);for(const e of ge){const n=e.$nodeToRelocate$;if(!n["s-ol"]){const e=x.createTextNode("");e["s-nr"]=n,Ee(n.parentNode,n["s-ol"]=e,n)}}for(const e of ge){const n=e.$nodeToRelocate$,i=e.$slotRefNode$;if(i){const e=i.parentNode;let t=i.nextSibling;{let l=null==(o=n["s-ol"])?void 0:o.previousSibling;for(;l;){let o=null!=(r=l["s-nr"])?r:null;if(o&&o["s-sn"]===n["s-sn"]&&e===o.parentNode){for(o=o.nextSibling;o===n||(null==o?void 0:o["s-sr"]);)o=null==o?void 0:o.nextSibling;if(!o||!o["s-nr"]){t=o;break}}l=l.previousSibling}}(!t&&e!==n.parentNode||n.nextSibling!==t)&&n!==t&&(!n["s-hn"]&&n["s-ol"]&&(n["s-hn"]=n["s-ol"].parentNode.nodeName),Ee(e,n,t),1===n.nodeType&&(n.hidden=null!=(l=n["s-ih"])&&l)),n&&"function"==typeof i["s-rf"]&&i["s-rf"](n)}else 1===n.nodeType&&(t&&(n["s-ih"]=null!=(a=n.hidden)&&a),n.hidden=!0)}}ie&&ve(d.$elm$),z.$flags$&=-2,ge.length=0,P=void 0})(e,n,o)}catch(n){p(n,e.$hostElement$)}return null},Le=e=>{e.$cmpMeta$.$tagName$;const n=e.$hostElement$,t=e.$lazyInstance$,o=e.$ancestorComponent$;Ne(t,"componentDidRender"),64&e.$flags$||(e.$flags$|=64,Ie(n),Ne(t,"componentDidLoad"),e.$onReadyResolve$(n),o||Ae()),e.$onInstanceResolve$(n),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),512&e.$flags$&&C((()=>ze(e,!1))),e.$flags$&=-517},Ae=e=>{Ie(x.documentElement),C((()=>(e=>{const n=z.ce("appload",{detail:{namespace:"kolibri"}});return e.dispatchEvent(n),n})(E)))},Ne=(e,n,t)=>{if(e&&e[n])try{return e[n](t)}catch(e){p(e)}},Ie=e=>e.classList.add("hydrated"),$e=(e,n,t)=>{var o,r;const l=e.prototype;if(n.$members$||n.$watchers$||e.watchers){e.watchers&&!n.$watchers$&&(n.$watchers$=e.watchers);const a=Object.entries(null!=(o=n.$members$)?o:{});if(a.map((([e,[o]])=>{31&o||2&t&&32&o?Object.defineProperty(l,e,{get(){return n=e,m(this).$instanceValues$.get(n);var n},set(t){((e,n,t,o)=>{const r=m(e);if(!r)throw new Error(`Couldn't find host element for "${o.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const l=r.$hostElement$,a=r.$instanceValues$.get(n),i=r.$flags$,c=r.$lazyInstance$;var s,d;s=t,d=o.$members$[n][0],t=null==s||O(s)?s:4&d?"false"!==s&&(""===s||!!s):2&d?parseFloat(s):1&d?String(s):s;const u=Number.isNaN(a)&&Number.isNaN(t);if((!(8&i)||void 0===a)&&t!==a&&!u&&(r.$instanceValues$.set(n,t),c)){if(o.$watchers$&&128&i){const e=o.$watchers$[n];e&&e.map((e=>{try{c[e](t,a,n)}catch(e){p(e,l)}}))}2==(18&i)&&ze(r,!1)}})(this,e,t,n)},configurable:!0,enumerable:!0}):1&t&&64&o&&Object.defineProperty(l,e,{value(...n){var t;const o=m(this);return null==(t=null==o?void 0:o.$onInstancePromise$)?void 0:t.then((()=>{var t;return null==(t=o.$lazyInstance$)?void 0:t[e](...n)}))}})})),1&t){const t=new Map;l.attributeChangedCallback=function(e,o,r){z.jmp((()=>{var a;const i=t.get(e);if(this.hasOwnProperty(i))r=this[i],delete this[i];else{if(l.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==r)return;if(null==i){const t=m(this),l=null==t?void 0:t.$flags$;if(l&&!(8&l)&&128&l&&r!==o){const l=t.$lazyInstance$,i=null==(a=n.$watchers$)?void 0:a[e];null==i||i.forEach((n=>{null!=l[n]&&l[n].call(l,r,o,e)}))}return}}this[i]=(null!==r||"boolean"!=typeof this[i])&&r}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=n.$watchers$)?r:{}),...a.filter((([e,n])=>15&n[0])).map((([e,o])=>{var r;const l=o[1]||e;return t.set(l,e),512&o[0]&&(null==(r=n.$attrsToReflect$)||r.push([e,l])),l}))]))}}return e},Pe=e=>{Ne(e,"connectedCallback")},je=e=>{if(!(1&z.$flags$)){const n=m(e),o=n.$cmpMeta$,r=(o.$tagName$,()=>{});if(1&n.$flags$)Ke(e,n,o.$listeners$),(null==n?void 0:n.$lazyInstance$)?Pe(n.$lazyInstance$):(null==n?void 0:n.$onReadyPromise$)&&n.$onReadyPromise$.then((()=>Pe(n.$lazyInstance$)));else{let r;if(n.$flags$|=1,r=e.getAttribute(g),r){if(1&o.$flags$){const n=J(e.shadowRoot,o,e.getAttribute("s-mode"));e.classList.remove(n+"-h",n+"-s")}((e,n,t,o)=>{const r=e.shadowRoot,l=[],a=r?[]:null,i=o.$vnode$=D(n,null);z.$orgLocNodes$||q(x.body,z.$orgLocNodes$=new Map),e[g]=t,e.removeAttribute(g),W(i,l,[],a,e,e,t),l.map((e=>{const t=e.$hostId$+"."+e.$nodeId$,o=z.$orgLocNodes$.get(t),l=e.$elm$;o&&""===o["s-en"]&&o.parentNode.insertBefore(l,o.nextSibling),r||(l["s-hn"]=n,o&&(l["s-ol"]=o,l["s-ol"]["s-nr"]=l)),z.$orgLocNodes$.delete(t)})),r&&a.map((e=>{e&&r.appendChild(e)}))})(e,o.$tagName$,r,n)}r||12&o.$flags$&&Me(e);{let t=e;for(;t=t.parentNode||t.host;)if(1===t.nodeType&&t.hasAttribute("s-id")&&t["s-p"]||t["s-p"]){xe(n,n.$ancestorComponent$=t);break}}o.$members$&&Object.entries(o.$members$).map((([n,[t]])=>{if(31&t&&e.hasOwnProperty(n)){const t=e[n];delete e[n],e[n]=t}})),((e,n,o)=>{c(void 0,null,(function*(){let r;if(!(32&n.$flags$)){if(n.$flags$|=32,o.$lazyBundleId$){const e=(e=>{const n=e.$tagName$.replace(/-/g,"_"),o=e.$lazyBundleId$;if(!o)return;const r=h.get(o);if(r)return r[n];{const e=e=>(h.set(o,e),e[n]);switch(o){case"kol-abbr":return t.e(9219).then(t.bind(t,9219)).then(e,p);case"kol-accordion":return t.e(5e3).then(t.bind(t,5e3)).then(e,p);case"kol-alert":return t.e(6480).then(t.bind(t,6480)).then(e,p);case"kol-avatar":return t.e(9929).then(t.bind(t,9929)).then(e,p);case"kol-badge":return Promise.all([t.e(6368),t.e(8069)]).then(t.bind(t,8069)).then(e,p);case"kol-breadcrumb":return t.e(6577).then(t.bind(t,6577)).then(e,p);case"kol-button":return t.e(3872).then(t.bind(t,3872)).then(e,p);case"kol-button-link":return t.e(993).then(t.bind(t,993)).then(e,p);case"kol-card":return t.e(8478).then(t.bind(t,8478)).then(e,p);case"kol-details":return t.e(1676).then(t.bind(t,1676)).then(e,p);case"kol-drawer":return t.e(597).then(t.bind(t,597)).then(e,p);case"kol-form":return t.e(9430).then(t.bind(t,9430)).then(e,p);case"kol-heading":return t.e(3836).then(t.bind(t,3836)).then(e,p);case"kol-icon":return t.e(3021).then(t.bind(t,3021)).then(e,p);case"kol-image":return t.e(3879).then(t.bind(t,3879)).then(e,p);case"kol-input-checkbox":return Promise.all([t.e(9296),t.e(1718)]).then(t.bind(t,1718)).then(e,p);case"kol-input-color":return Promise.all([t.e(9296),t.e(5876)]).then(t.bind(t,5876)).then(e,p);case"kol-input-date":return Promise.all([t.e(9296),t.e(1219)]).then(t.bind(t,1219)).then(e,p);case"kol-input-email":return Promise.all([t.e(9296),t.e(9244),t.e(5171)]).then(t.bind(t,5171)).then(e,p);case"kol-input-file":return Promise.all([t.e(9296),t.e(8177)]).then(t.bind(t,8177)).then(e,p);case"kol-input-number":return Promise.all([t.e(9296),t.e(4390)]).then(t.bind(t,4390)).then(e,p);case"kol-input-password":return Promise.all([t.e(9296),t.e(9244),t.e(4350)]).then(t.bind(t,4350)).then(e,p);case"kol-input-radio":return Promise.all([t.e(9296),t.e(1744)]).then(t.bind(t,1744)).then(e,p);case"kol-input-text":return Promise.all([t.e(9296),t.e(9244),t.e(1416)]).then(t.bind(t,1416)).then(e,p);case"kol-kolibri":return t.e(3758).then(t.bind(t,3758)).then(e,p);case"kol-link":return t.e(4928).then(t.bind(t,4928)).then(e,p);case"kol-link-button":return t.e(3949).then(t.bind(t,3949)).then(e,p);case"kol-modal":return t.e(8283).then(t.bind(t,8283)).then(e,p);case"kol-nav":return t.e(6983).then(t.bind(t,6983)).then(e,p);case"kol-pagination":return t.e(8808).then(t.bind(t,8808)).then(e,p);case"kol-progress":return t.e(851).then(t.bind(t,851)).then(e,p);case"kol-quote":return t.e(4566).then(t.bind(t,4566)).then(e,p);case"kol-select":return Promise.all([t.e(9296),t.e(9068)]).then(t.bind(t,9068)).then(e,p);case"kol-skip-nav":return t.e(1791).then(t.bind(t,1791)).then(e,p);case"kol-spin":return t.e(8728).then(t.bind(t,8728)).then(e,p);case"kol-split-button":return t.e(9423).then(t.bind(t,9423)).then(e,p);case"kol-table-stateless":return t.e(7267).then(t.bind(t,7267)).then(e,p);case"kol-table-stateful":return t.e(4211).then(t.bind(t,4211)).then(e,p);case"kol-tabs":return t.e(8212).then(t.bind(t,8212)).then(e,p);case"kol-toolbar":return t.e(7997).then(t.bind(t,7997)).then(e,p);case"kol-textarea":return Promise.all([t.e(9296),t.e(9162)]).then(t.bind(t,9162)).then(e,p);case"kol-toast-container":return t.e(5151).then(t.bind(t,5151)).then(e,p);case"kol-tree":return t.e(7084).then(t.bind(t,7084)).then(e,p);case"kol-tree-item":return t.e(2078).then(t.bind(t,2078)).then(e,p);case"kol-version":return t.e(7958).then(t.bind(t,7958)).then(e,p);case"kol-alert-wc":return t.e(8243).then(t.bind(t,8243)).then(e,p);case"kol-avatar-wc":return t.e(1068).then(t.bind(t,1068)).then(e,p);case"kol-button-wc":return Promise.all([t.e(6368),t.e(3027)]).then(t.bind(t,3027)).then(e,p);case"kol-combobox":return Promise.all([t.e(9296),t.e(2115)]).then(t.bind(t,2115)).then(e,p);case"kol-input":return t.e(9130).then(t.bind(t,9130)).then(e,p);case"kol-input-range":return Promise.all([t.e(9296),t.e(4662)]).then(t.bind(t,4662)).then(e,p);case"kol-link-wc":return Promise.all([t.e(6368),t.e(2195)]).then(t.bind(t,2195)).then(e,p);case"kol-popover-wc":return Promise.all([t.e(6420),t.e(364)]).then(t.bind(t,9702)).then(e,p);case"kol-single-select":return Promise.all([t.e(9296),t.e(7225)]).then(t.bind(t,7225)).then(e,p);case"kol-table-stateless-wc":return t.e(3186).then(t.bind(t,3186)).then(e,p);case"kol-tooltip-wc":return Promise.all([t.e(6368),t.e(6420),t.e(136)]).then(t.bind(t,136)).then(e,p);case"kol-tree-item-wc":return t.e(8573).then(t.bind(t,8573)).then(e,p);case"kol-tree-wc":return t.e(8999).then(t.bind(t,8999)).then(e,p);case"test-component":return t.e(6451).then(t.bind(t,6451)).then(e,p)}}return t(980)(`./${o}.entry.js`).then((e=>(h.set(o,e),e[n])),p)})(o);if(e&&"then"in e){const n=()=>{};r=yield e,n()}else r=e;if(!r)throw new Error(`Constructor for "${o.$tagName$}#${n.$modeName$}" was not found`);r.isProxied||(o.$watchers$=r.watchers,$e(r,o,2),r.isProxied=!0);const l=(o.$tagName$,()=>{});n.$flags$|=8;try{new r(n)}catch(e){p(e)}n.$flags$&=-9,n.$flags$|=128,l(),Pe(n.$lazyInstance$)}else{r=e.constructor;const t=e.localName;customElements.whenDefined(t).then((()=>n.$flags$|=128))}if(r&&r.style){let t;"string"==typeof r.style?t=r.style:"string"!=typeof r.style&&(n.$modeName$=(e=>v.map((n=>n(e))).find((e=>!!e)))(e),n.$modeName$&&(t=r.style[n.$modeName$]));const l=Q(o,n.$modeName$);if(!k.has(l)){const e=(o.$tagName$,()=>{});((e,n,t)=>{let o=k.get(e);T&&t?(o=o||new CSSStyleSheet,"string"==typeof o?o=n:o.replaceSync(n)):o=n,k.set(e,o)})(l,t,!!(1&o.$flags$)),e()}}}const l=n.$ancestorComponent$,a=()=>ze(n,!0);l&&l["s-rc"]?l["s-rc"].push(a):a()}))})(e,n,o)}r()}},Me=e=>{const n=e["s-cr"]=x.createComment("");n["s-cn"]=!0,Ee(e,n,e.firstChild)},Re=e=>{Ne(e,"disconnectedCallback")},Fe=(e,n={})=>{var t;const o=[],r=n.exclude||[],l=E.customElements,a=x.head,i=a.querySelector("meta[charset]"),s=x.createElement("style"),d=[];let f,b=!0;Object.assign(z,n),z.$resourcesUrl$=new URL(n.resourcesUrl||"./",x.baseURI).href,z.$flags$|=2;let p=!1;if(e.map((e=>{e[1].map((t=>{var a;const i={$flags$:t[0],$tagName$:t[1],$members$:t[2],$listeners$:t[3]};4&i.$flags$&&(p=!0),i.$members$=t[2],i.$listeners$=t[3],i.$attrsToReflect$=[],i.$watchers$=null!=(a=t[4])?a:{};const s=n.transformTagName?n.transformTagName(i.$tagName$):i.$tagName$,h=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,n)=>{const t={$flags$:0,$hostElement$:e,$cmpMeta$:n,$instanceValues$:new Map};t.$onInstancePromise$=new Promise((e=>t.$onInstanceResolve$=e)),t.$onReadyPromise$=new Promise((e=>t.$onReadyResolve$=e)),e["s-p"]=[],e["s-rc"]=[],u.set(e,t)})(e=this,i),1&i.$flags$)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw new Error(`Unable to re-use existing shadow root for ${i.$tagName$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open",delegatesFocus:!!(16&i.$flags$)})}connectedCallback(){const e=m(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Ke(this,e,i.$listeners$)),f&&(clearTimeout(f),f=null),b?d.push(this):z.jmp((()=>je(this)))}disconnectedCallback(){z.jmp((()=>{return e=this,c(void 0,null,(function*(){if(!(1&z.$flags$)){const n=m(e);n.$rmListeners$&&(n.$rmListeners$.map((e=>e())),n.$rmListeners$=void 0),(null==n?void 0:n.$lazyInstance$)?Re(n.$lazyInstance$):(null==n?void 0:n.$onReadyPromise$)&&n.$onReadyPromise$.then((()=>Re(n.$lazyInstance$)))}}));var e}))}componentOnReady(){return m(this).$onReadyPromise$}};i.$lazyBundleId$=e[0],r.includes(s)||l.get(s)||(o.push(s),l.define(s,$e(h,i,1)))}))})),o.length>0&&(p&&(s.textContent+=y),s.textContent+=o.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",s.innerHTML.length)){s.setAttribute("data-styles","");const e=null!=(t=z.$nonce$)?t:L(x);null!=e&&s.setAttribute("nonce",e),a.insertBefore(s,i?i.nextSibling:a.firstChild)}b=!1,d.length?d.map((e=>e.connectedCallback())):z.jmp((()=>f=setTimeout(Ae,30)))},De=(e,n)=>n,Ke=(e,n,t,o)=>{t&&t.map((([t,o,r])=>{const l=Ue(e,t),a=He(n,r),i=Ve(t);z.ael(l,o,a,i),(n.$rmListeners$=n.$rmListeners$||[]).push((()=>z.rel(l,o,a,i)))}))},He=(e,n)=>t=>{var o;try{256&e.$flags$?null==(o=e.$lazyInstance$)||o[n](t):(e.$queuedListeners$=e.$queuedListeners$||[]).push([n,t])}catch(e){p(e)}},Ue=(e,n)=>8&n?E:e,Ve=e=>S?{passive:!!(1&e),capture:!!(2&e)}:!!(2&e)},7626:(e,n,t)=>{"use strict";t.d(n,{F:()=>S,P:()=>g,b:()=>x,f:()=>O,k:()=>k,n:()=>R,r:()=>F});var o=Object.defineProperty,r=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,a=Object.prototype.propertyIsEnumerable,i=(e,n,t)=>n in e?o(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,c=(e,n)=>{for(var t in n||(n={}))l.call(n,t)&&i(e,t,n[t]);if(r)for(var t of r(n))a.call(n,t)&&i(e,t,n[t]);return e},s="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==t.g?t.g:"undefined"!=typeof self?self:{},d={exports:{}};!function(e){var n,t;n=s,t=function(){var e=function(){},n="undefined",t=typeof window!==n&&typeof window.navigator!==n&&/Trident\/|MSIE /.test(window.navigator.userAgent),o=["trace","debug","info","warn","error"],r={},l=null;function a(e,n){var t=e[n];if("function"==typeof t.bind)return t.bind(e);try{return Function.prototype.bind.call(t,e)}catch(n){return function(){return Function.prototype.apply.apply(t,[e,arguments])}}}function i(){console.log&&(console.log.apply?console.log.apply(console,arguments):Function.prototype.apply.apply(console.log,[console,arguments])),console.trace&&console.trace()}function c(){for(var t=this.getLevel(),r=0;r<o.length;r++){var l=o[r];this[l]=r<t?e:this.methodFactory(l,t,this.name)}if(this.log=this.debug,typeof console===n&&t<this.levels.SILENT)return"No console available for logging"}function s(e){return function(){typeof console!==n&&(c.call(this),this[e].apply(this,arguments))}}function d(o,r,l){return function(o){return"debug"===o&&(o="log"),typeof console!==n&&("trace"===o&&t?i:void 0!==console[o]?a(console,o):void 0!==console.log?a(console,"log"):e)}(o)||s.apply(this,arguments)}function u(e,t){var a,i,s,u=this,m="loglevel";function f(){var e;if(typeof window!==n&&m){try{e=window.localStorage[m]}catch(e){}if(typeof e===n)try{var t=window.document.cookie,o=encodeURIComponent(m),r=t.indexOf(o+"=");-1!==r&&(e=/^([^;]+)/.exec(t.slice(r+o.length+1))[1])}catch(e){}return void 0===u.levels[e]&&(e=void 0),e}}function b(e){var n=e;if("string"==typeof n&&void 0!==u.levels[n.toUpperCase()]&&(n=u.levels[n.toUpperCase()]),"number"==typeof n&&n>=0&&n<=u.levels.SILENT)return n;throw new TypeError("log.setLevel() called with invalid level: "+e)}"string"==typeof e?m+=":"+e:"symbol"==typeof e&&(m=void 0),u.name=e,u.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},u.methodFactory=t||d,u.getLevel=function(){return null!=s?s:null!=i?i:a},u.setLevel=function(e,t){return s=b(e),!1!==t&&function(e){var t=(o[e]||"silent").toUpperCase();if(typeof window!==n&&m){try{return void(window.localStorage[m]=t)}catch(e){}try{window.document.cookie=encodeURIComponent(m)+"="+t+";"}catch(e){}}}(s),c.call(u)},u.setDefaultLevel=function(e){i=b(e),f()||u.setLevel(e,!1)},u.resetLevel=function(){s=null,function(){if(typeof window!==n&&m){try{window.localStorage.removeItem(m)}catch(e){}try{window.document.cookie=encodeURIComponent(m)+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC"}catch(e){}}}(),c.call(u)},u.enableAll=function(e){u.setLevel(u.levels.TRACE,e)},u.disableAll=function(e){u.setLevel(u.levels.SILENT,e)},u.rebuild=function(){if(l!==u&&(a=b(l.getLevel())),c.call(u),l===u)for(var e in r)r[e].rebuild()},a=b(l?l.getLevel():"WARN");var p=f();null!=p&&(s=b(p)),c.call(u)}(l=new u).getLogger=function(e){if("symbol"!=typeof e&&"string"!=typeof e||""===e)throw new TypeError("You must supply a name when creating a logger.");var n=r[e];return n||(n=r[e]=new u(e,l.methodFactory)),n};var m=typeof window!==n?window.log:void 0;return l.noConflict=function(){return typeof window!==n&&window.log===l&&(window.log=m),l},l.getLoggers=function(){return r},l.default=l,l},e.exports?e.exports=t():n.log=t()}(d);const u=d.exports,m={A11yUi:{CSS_STYLE_CACHE:new Map,HYDRATED_HISTORY:[],STYLING_TASK_QUEUE:new Map,Themes:{}}};let f=!0,b=!1;const p=/^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/,h=e=>{if(!1===(e=>"string"==typeof e&&p.test(e))(e))throw new Error(`[Theming] The theme identifier "${"string"==typeof e?e:""}" (Type: ${typeof e}) is not valid. Please use only follow this pattern: /^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/`)},k=(e,n,t,o)=>v(e,n,t,o),v=(e,n,t,o)=>{var r;(o=null!=o?o:{}).append=null!=(r=o.append)&&r,h(e),!0===f&&!1===b&&(b=!0,u.warn(`[Theming] The theme process is locked. This means that the theme "${e}" should not be patched.\n\n\timport { register } from 'adopted-style-sheets';\n\timport { defineCustomElements } from '...';\n\timport { THEME } from '...';\n\n\tregister(THEME, defineCustomElements)\n\t.then(() => {\n\t\t// run your app or website\n\t})\n\t.catch(console.warn);`)),("object"!=typeof m.A11yUi.Themes[e]||null===m.A11yUi.Themes[e])&&(m.A11yUi.Themes[e]={}),o.append&&"string"==typeof m.A11yUi.Themes[e][n]?m.A11yUi.Themes[e][n]+=t:m.A11yUi.Themes[e][n]=t},g=(e,n,t,o)=>_(e,n,t,o),_=(e,n,t,o)=>(h(e),"object"==typeof n&&null!==n&&Object.getOwnPropertyNames(n).forEach((r=>{const l=n[r],a=r.toLowerCase(),i="function"!=typeof(null==o?void 0:o.transformTagName)||["GLOBAL","PROPERTIES"].includes(r)?r:o.transformTagName(a);"string"==typeof l&&l.length>0&&v(e,i.toUpperCase(),l,t)})),e),y=e=>{if(e instanceof HTMLElement){if("string"==typeof e.dataset.theme)return e;{let n=e.parentNode;for(;n instanceof ShadowRoot;)n=n.host;return y(n)}}return null},w=(e={})=>"false"!==e.themeEncroachCss&&"true"!==e.themeReset&&{mode:"after"===e.themeEncroachCssMode||"before"===e.themeEncroachCssMode?e.themeEncroachCssMode:"before"},E=()=>"object"==typeof m.A11yUi&&null!==m.A11yUi&&"object"==typeof m.A11yUi.Theme&&null!==m.A11yUi.Theme&&"boolean"==typeof m.A11yUi.Theme.cache&&"object"==typeof m.A11yUi.Theme.encroachCss&&null!==m.A11yUi.Theme.encroachCss&&"string"==typeof m.A11yUi.Theme.encroachCss.mode&&"string"==typeof m.A11yUi.Theme.name,x=e=>{if(E())return m.A11yUi.Theme;{const n={cache:!0,encroachCss:w(),loglevel:"silent",mode:"csr",name:null},t=y(e);return t instanceof HTMLElement&&(n.cache="false"!==t.dataset.themeCache,n.encroachCss=w(t.dataset),n.loglevel="debug"===t.dataset.themeLoglevel?t.dataset.themeLoglevel:"silent",n.mode="ssr"===t.dataset.themeMode?t.dataset.themeMode:"csr",n.name=t.dataset.theme||null),n}};let z=!1;const S=(e,n,t={})=>{!1===z&&(z=!0,f=!1),"function"==typeof e?e=new Set([e]):Array.isArray(e)&&(e=new Set(e)),e instanceof Set&&e.forEach((e=>{var n,o,r,l,a;"function"==typeof e&&1===e.length?((e,n)=>{!1===E()&&("object"!=typeof m.A11yUi||null===m.A11yUi||"object"!=typeof m.A11yUi.Theme||null===m.A11yUi.Theme||"default"!==m.A11yUi.Theme.name)&&"object"==typeof n&&null!==n&&(n=((e,n)=>({cache:!1!==n.cache,detect:"auto"===n.detect?"auto":"fixed",encroachCss:!1!==n.encroachCss&&("object"!=typeof n.encroachCss||null==n.encroachCss||"after"!==n.encroachCss.mode&&"before"!==n.encroachCss.mode?{mode:"before"}:n.encroachCss),loglevel:"debug"===n.loglevel?n.loglevel:"silent",mode:"ssr"===n.mode?n.mode:"csr",name:"string"==typeof n.name?n.name:e}))(e,n),"fixed"===n.detect?(null===n.name&&"string"==typeof e&&(n.name=e),e===n.name&&(m.A11yUi.Theme=n,u.info(`[Theming] Theme "${e}" was set as default theme.`))):b||(b=!0,u.warn("[Theming] The presetting of theme options is only relevant by using 'fixed' detection mode.")))})(e(((e,n,o)=>_(e,n,o,t))),{cache:null==(n=t.theme)?void 0:n.cache,detect:null==(o=t.theme)?void 0:o.detect,encroachCss:null==(r=t.theme)?void 0:r.encroachCss,mode:null==(l=t.theme)?void 0:l.mode,name:null==(a=t.theme)?void 0:a.name}):u.error("[Theming] An attempt was made to load an incompatible theme.")})),f=!0,"function"==typeof n?n=new Set([n]):Array.isArray(n)&&(n=new Set(n));const o=[];return n.forEach((e=>{const n=e();n instanceof Promise&&o.push(n)})),Promise.all(o)},T=new Set,C=/--[^;]+/g,B=/:/,O=(e,n)=>"object"==typeof m.A11yUi&&null!==m.A11yUi&&"object"==typeof m.A11yUi.Themes&&null!==m.A11yUi.Themes&&"object"==typeof m.A11yUi.Themes[e]&&null!==m.A11yUi.Themes[e]&&"string"==typeof m.A11yUi.Themes[e][n]?m.A11yUi.Themes[e][n].replace(/\r?\n/g,""):"",L=(e,n,t)=>{var o,r,l;const a=n.name||"default";let i;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");i=e.shadowRoot}catch(n){i=e}if(null==(o=m.A11yUi.CSS_STYLE_CACHE.get(a))?void 0:o.has(e.tagName))A(e,i,null==(r=m.A11yUi.CSS_STYLE_CACHE.get(a))?void 0:r.get(e.tagName),t);else{const o=O(a,"PROPERTIES"),r=O(a,"GLOBAL"),c=O(a,e.tagName);!1===T.has(a)&&((e,n)=>{var t;let o=n.match(C);if(Array.isArray(o)){o=o.filter((e=>B.test(e)));const n=document.createElement("style");n.innerHTML=`.${e} {${o.join(";")}}`,null==(t=document.querySelector("head"))||t.appendChild(n)}T.add(e)})(a,r);const s=[o,r,c];((e,n,t)=>{if(!1!==t){const o=[...Array.from(e.childNodes).filter((e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName))];let r;try{r=[...Array.from(e.adoptedStyleSheets)]}catch(e){r=[]}"before"===(null==t?void 0:t.mode)?(o.reverse().forEach((e=>n.unshift(e.innerHTML))),r.reverse().forEach((e=>n.unshift(Array.from(e.cssRules).map((e=>e.cssText)).join(""))))):"after"===(null==t?void 0:t.mode)&&(o.forEach((e=>n.push(e.innerHTML))),r.forEach((e=>n.push(Array.from(e.cssRules).map((e=>e.cssText)).join("")))))}})(i,s,n.encroachCss),"debug"===n.loglevel&&console.log(e.tagName,s),!0===n.cache&&(!1===m.A11yUi.CSS_STYLE_CACHE.has(a)&&m.A11yUi.CSS_STYLE_CACHE.set(a,new Map),null==(l=m.A11yUi.CSS_STYLE_CACHE.get(a))||l.set(e.tagName,s)),A(e,i,s,t)}},A=(e,n,t,o)=>{(e=>{for(const n of Array.from(e.childNodes)){if(!(n instanceof HTMLStyleElement&&"STYLE"===n.tagName&&void 0===n.dataset.themingFallback))break;e.removeChild(n)}})(n),((e,n)=>{var t;try{if("ssr"===(null==(t=m.A11yUi.Theme)?void 0:t.mode))throw new Error("SSR");const o=[];n.forEach((e=>{const n=new CSSStyleSheet;n.replaceSync(e),o.push(n)})),e.adoptedStyleSheets=o}catch(t){[...n].reverse().forEach(((n,t)=>{if("string"!=typeof n||0===n.length)return;const o=document.createElement("style");switch(o.dataset.themingFallback="",t){case 4:o.dataset.themingBaseA11y="";break;case 3:o.dataset.themingBaseGlobal="";break;case 2:o.dataset.themingBaseComponent="";break;case 1:o.dataset.themingCustomGlobal="";break;case 0:o.dataset.themingCustomComponent="";break;default:o.dataset.themingUnknown=""}o.innerHTML=n,e.insertBefore(o,e.firstChild)}))}})(n,t),e.style.display=o},N=e=>{"debug"===e.loglevel&&m.A11yUi.HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:m.A11yUi.STYLING_TASK_QUEUE.size})},I=(e,n)=>{(e=>{m.A11yUi.STYLING_TASK_QUEUE.delete(e)})(e),N(n)},$=e=>{const n=setTimeout((()=>{if(clearTimeout(n),m.A11yUi.STYLING_TASK_QUEUE.has(e)&&e.classList.contains("hydrated")){const{styleDisplay:n,themeDetails:t}=m.A11yUi.STYLING_TASK_QUEUE.get(e);L(e,t,n),I(e,t)}else $(e)}),25)},P=e=>{for(const n of e)if(m.A11yUi.STYLING_TASK_QUEUE.has(n.target)&&n.target.classList.contains("hydrated")){const{styleDisplay:e,themeDetails:t}=m.A11yUi.STYLING_TASK_QUEUE.get(n.target);L(n.target,t,e),I(n.target,t)}},j={attributes:!0,attributeFilter:["class"],childList:!1,subtree:!1};let M;try{M=new MutationObserver(P)}catch(e){M=null}const R=(e,n)=>{((e,n)=>{((e,n)=>{m.A11yUi.STYLING_TASK_QUEUE.set(e,{styleDisplay:e.style.display?`${e.style.display}`:null,themeDetails:n})})(e,n),N(n)})(e,n=c(c({},m.A11yUi.Theme),n)),M?M.observe(e,j):$(e),e.style.display="none"};class F{constructor(e,n,t){this.createTheme=(e,n)=>((e,n)=>t=>t(e,n,{append:!1}))(e,n),this.createTranslation=(e,n)=>((e,n)=>t=>t(e,n))(e,n),this.Prefix=e,this.Key=Object.getOwnPropertyNames(n),this.Tag=Object.getOwnPropertyNames(t)}}},5800:(e,n,t)=>{"use strict";t.d(n,{A:()=>re,B:()=>se,C:()=>de,D:()=>Q,K:()=>ue,a:()=>a,b:()=>U,c:()=>h,d:()=>S,e:()=>k,f:()=>f,g:()=>q,h:()=>v,i:()=>V,j:()=>d,k:()=>W,l:()=>u,m:()=>J,n:()=>c,o:()=>M,p:()=>ee,q:()=>F,r:()=>N,s:()=>D,t:()=>R,u:()=>p,v:()=>oe,w:()=>H,x:()=>ne,y:()=>te,z:()=>ce});var o=t(7626),r=t(1732);const l=new Set,a=(e,n)=>{(!1===l.has(e)||(null==n?void 0:n.force))&&(l.add(e),r.L.debug([e].concat((null==n?void 0:n.details)||[]),{classifier:"✋ a11y",forceLog:!!(null==n?void 0:n.force),overwriteStyle:"; background-color: #09f"}))},i=new Set,c=(e,n)=>{(!1===i.has(e)||(null==n?void 0:n.force))&&(i.add(e),r.L.warn([e].concat((null==n?void 0:n.details)||[]),{classifier:"🔥 deprecated",forceLog:!!(null==n?void 0:n.force),overwriteStyle:"; background-color: #f00"}))},s=new Set,d=(e,n)=>{(!1===s.has(e)||(null==n?void 0:n.force))&&(s.add(e),r.L.debug([e].concat((null==n?void 0:n.details)||[]),{classifier:"💻 dev",forceLog:!!(null==n?void 0:n.force),overwriteStyle:"; background-color: #f09"}))},u=(e,n)=>{(!1===s.has(e)||(null==n?void 0:n.force))&&(s.add(e),r.L.warn([e].concat((null==n?void 0:n.details)||[]),{classifier:"⚠️ dev",forceLog:!!(null==n?void 0:n.force),overwriteStyle:"; background-color: #f09"}))},m=new Set,f=(e,n=!1,t)=>{(!1===m.has(e)||(null==t?void 0:t.force))&&(m.add(e),e+=!0===n?" ✅":"",r.L.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"🌟 feature",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #309"}))};d("We appreciate any feedback, comments, screenshots, or demo links of an application based on KoliBri (kolibri@itzbund.de). Thank you!");const b=new Set,p=(e,n)=>{(!1===b.has(e)||(null==n?void 0:n.force))&&(b.add(e),r.L.debug([e].concat((null==n?void 0:n.details)||[]),{classifier:"📑 ui/ux",forceLog:!!(null==n?void 0:n.force),overwriteStyle:"; background-color: #060;"}))},h=()=>{a('"Disabled" limits accessibility and visibility. From an accessibility perspective, we recommend using the readonly attribute instead of disabled.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},k=e=>{"string"==typeof e&&""!==e||a("Some structural elements, such as the nav tag, can be used multiple times on a webpage. To distinguish between similarly named structural elements, it is necessary to set an ARIA label.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},v=(e,n=8)=>{n>7&&p(`[${e}] Within navigation structures, it is recommended to use no more than 7 menu items.\n\nLink:\n- https://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two`)};var g=.2126,_=.7152,y=.0722,w=1/12.92;function E(e){return Math.pow((e+.055)/1.055,2.4)}function x(e){var n=e[0]/255,t=e[1]/255,o=e[2]/255,r=n<=.03928?n*w:E(n),l=t<=.03928?t*w:E(t),a=o<=.03928?o*w:E(o);return r*g+l*_+a*y}function z(e){var n=255;8===(e=e.replace(/^#/,"")).length&&(n=parseInt(e.slice(6,8),16),e=e.substring(0,6)),4===e.length&&(n=parseInt(e.slice(3,4).repeat(2),16),e=e.substring(0,3)),3===e.length&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);var t=parseInt(e,16);return[t>>16,t>>8&255,255&t,n]}function S(e,n){return function(e,n){return function(e,n){return(Math.max(e,n)+.05)/(Math.min(e,n)+.05)}(x(e),x(n))}(z(e),z(n))}var T={exports:{}};function C(e){var n=B(e);return 3==n.length?n.concat(255):(n[3]=Math.round(n[3]),n)}function B(e){return"string"==typeof e?("red"==(n=e=e.toLowerCase())?[255,0,0]:"green"==n?[0,255,0]:"blue"==n?[0,0,255]:"black"==n?[0,0,0]:"white"==n?[255,255,255]:"cyan"==n?[0,255,255]:"gray"==n||"grey"==n?[128,128,128]:"magenta"==n||"pink"==n?[255,0,255]:"yellow"==n?[255,255,0]:void 0)||function(e){var n=e.replace(/^#/,""),t=n.length;if(3==t||4==t){var o=L(n[0]),r=L(n[1]),l=L(n[2]),a=3==t?255:L(n[3]);if(isNaN(o)||isNaN(r)||isNaN(l)||isNaN(a))return;return[o,r,l,a]}}(e)||function(e){var n=e.replace(/^#/,""),t=n.length;if(6==t||8==t){var o=L(n.slice(0,2)),r=L(n.slice(2,4)),l=L(n.slice(4,6)),a=6==t?255:L(n.slice(6,8));if(isNaN(o)||isNaN(r)||isNaN(l)||isNaN(a))return;return[o,r,l,a]}}(e)||function(e){if("rgb("==e.substr(0,4)){var n=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),t=A(n[0],!0),o=A(n[1],!0),r=A(n[2],!0);if(-1!=t&&-1!=o&&-1!=r)return[t,o,r,255]}}(e)||function(e){if("rgba("==e.substr(0,5)){var n=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),t=A(n[0],!0),o=A(n[1],!0),r=A(n[2],!0),l=A(255*n[3]);if(-1!=t&&-1!=o&&-1!=r&&-1!=l)return[t,o,r,l]}}(e)||[0,0,0,255]:function(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var n=A(null!=e.r?e.r:null!=e.red?e.red:0,!0),t=A(null!=e.g?e.g:null!=e.green?e.green:0,!0),o=A(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),r=A(null!=e.a?e.a:null!=e.alpha?e.alpha:255,!0);if(-1!=n&&-1!=t&&-1!=o&&-1!=r)return[n,t,o,r]}}(e)||function(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var n=A(e[0],!0),t=A(e[1],!0),o=A(e[2],!0),r=A(null!=e[3]?e[3]:255,!0);if(-1!=n&&-1!=t&&-1!=o&&-1!=r)return[n,t,o,r]}}(e)||function(e){if("number"==typeof e&&Math.floor(e)==e&&e<=4294967295&&e>=0)return[e>>16&255,e>>8&255,255&e,e>>24&255]}(e)||[0,0,0,255];var n}function O(e){var n=e.toString(16);return 1==n.length?"0"+n:n}function L(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function A(e,n){return"number"!=typeof e||!0===n&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}T.exports=C,T.exports.arr=C,T.exports.obj=function(e){var n=B(e);return{r:n[0],g:n[1],b:n[2],a:3==n.length?255:Math.round(n[3])}},T.exports.css=function(e){var n=B(e);return 3==n.length&&n.push(255),255==n[3]?"rgb("+n[0]+", "+n[1]+", "+n[2]+")":0==n[3]?"rgba("+n[0]+", "+n[1]+", "+n[2]+", 0)":"rgba("+n[0]+", "+n[1]+", "+n[2]+", "+String(n[3]/255).substr(1)+")"},T.exports.hex=function(e){3==(l=B(e)).length&&l.push(255);var n=255==l[3],t=O(l[0]),o=O(l[1]),r=O(l[2]),l=O(Math.round(l[3])),a=function(e,n,t,o){var r=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return-1!=r.indexOf(e)&&-1!=r.indexOf(n)&&-1!=r.indexOf(t)&&-1!=r.indexOf(o)}(t,o,r,l);return n?a?"#"+t.charAt(0)+o.charAt(0)+r.charAt(0):"#"+t+o+r:a?"#"+t.charAt(0)+o.charAt(0)+r.charAt(0)+l.charAt(0):"#"+t+o+r+l},T.exports.num=function(e){var n=B(e);return 3==n.length?n.push(255):n[3]=Math.round(n[3]),(n[3]<<24>>>0|n[0]<<16|n[1]<<8|n[2])>>>0};const N=T.exports,I=(e,n)=>{n.forEach((n=>{!1===e.has(n)&&e.add(n)}))},$=(e,n=document)=>{if(n instanceof Document||n instanceof HTMLElement||n instanceof ShadowRoot){const t=new Set;I(t,n.querySelectorAll(e));const o=n.querySelectorAll('[class*="hydrated"]');for(let n=0;n<o.length;n++){const r=o[n].shadowRoot;I(t,$(e,"object"==typeof r&&null!==r?r:o[n]))}return Array.from(t)}throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")},P=(e,n=document)=>{if(n instanceof Document||n instanceof HTMLElement||n instanceof ShadowRoot){let t=n.querySelector(e);if(null===t){const o=n.querySelectorAll('[class*="hydrated"]');for(let n=0;n<o.length;n++){const r=o[n].shadowRoot;if(t=P(e,"object"==typeof r&&null!==r?r:o[n]),null!==t)break}}return t}throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")},j=/\[object Object\]/,M=(e,n)=>{"string"==typeof e&&j.test(e)||n()},R=(e,n)=>{"string"==typeof e&&""===e||n()},F=(e,n)=>{(0,r.a)()&&(r.L.debug([e,n]),r.L.debug("↑ We propagate the (submit) event to this target.")),Object.defineProperty(e,"target",{value:n,writable:!1})},D=(e,n,t,o={})=>{var r,l;void 0===e.nextHooks&&(e.nextHooks=new Map),void 0===e.nextState&&(e.nextState=new Map),e.nextHooks.get(n)instanceof Map==0&&e.nextHooks.set(n,new Map),"function"==typeof o.afterPatch&&(null===(r=e.nextHooks.get(n))||void 0===r||r.set("afterPatch",o.afterPatch)),"function"==typeof o.beforePatch&&(null===(l=e.nextHooks.get(n))||void 0===l||l.set("beforePatch",o.beforePatch)),e.nextState.set(n,t),(e=>{var n,t,o;null===(n=e.nextHooks)||void 0===n||n.forEach(((n,t)=>{var o;const r=n.get("beforePatch");"function"==typeof r&&r(null===(o=e.nextState)||void 0===o?void 0:o.get(t),e.nextState,e,t)})),(null===(t=e.nextState)||void 0===t?void 0:t.size)>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,null===(o=e.nextHooks)||void 0===o||o.forEach(((n,t)=>{const o=n.get("afterPatch");"function"==typeof o&&o(e.state[t],e.state,e,t)}))),delete e.nextHooks})(e)},K=(e,n,t,o)=>{d(`[${e.constructor.name}] The property value: (${t}) for '${n}' is not valid. Allowed values are: ${Array.from(o).join(", ")}`)};function H(e,n,t,o,r,l={}){t(r)?D(e,n,r,l.hooks):void 0===r&&!0!==l.required&&t(l.defaultValue)?D(e,n,l.defaultValue,l.hooks):(l.required||o.add(null),K(e,n,r,o))}const U=(e,n,t,o)=>{H(e,n,(e=>"boolean"==typeof e),new Set(["Boolean {true, false}"]),t,o)},V=(e,n,t,o={})=>{const r="number"==typeof o.minLength?null==o?void 0:o.minLength:0;H(e,n,(e=>"string"==typeof e&&e.length>=r&&(void 0===(null==o?void 0:o.maxLength)||e.length<=o.maxLength)),new Set(["String"]),t,o)},W=(e,n,t,o)=>{H(e,n,(e=>"number"==typeof e&&(void 0===(null==o?void 0:o.min)||"number"==typeof(null==o?void 0:o.min)&&e>=o.min)&&(void 0===(null==o?void 0:o.max)||"number"==typeof(null==o?void 0:o.max)&&e<=o.max)),new Set(["Number"]),t,o)},q=(e,n,t,o,l=e=>e==e,a={})=>{R(o,(()=>{M(o,(()=>{void 0===o&&(o=[]);try{try{o=ee(o)}catch(e){}if(Array.isArray(o)){const i=o.find((e=>!t(e)));void 0===i&&l(o)?D(e,n,o,a.hooks):M(i,(()=>{throw r.L.debug(i),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")}))}else M(o,(()=>{throw r.L.debug(o),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")}))}catch(e){r.L.debug(e)}}))}))},G=/^(true|false)$/,Z=/^-?(0|[1-9]\d*)$/,Y=/^-?(0.|[1-9]\d*.)\d*[1-9]$/,J=e=>{const n=typeof e,t=`${e}`;if("string"==typeof e)if(G.test(e))e="true"===e;else if(Z.test(e))e=parseInt(e);else if(Y.test(e))e=parseFloat(e);else if(X.test(e))try{e=ee(e)}catch(e){}return n!==typeof e&&d(`You have used a stringified property value (${t} to ${JSON.stringify(e)}) which type switched from ${n} to ${typeof e}!`),e},Q=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(n){throw r.L.warn(["stringifyJson",e]),r.L.error("↑ The JSON could not be converted to a string. A stringifiable JSON is expected."),new Error}},X=/^[{[]/,ee=e=>{if("string"==typeof e)try{return JSON.parse(e)}catch(n){if(X.test(e))try{return JSON.parse(e.replace(/'/g,'"'))}catch(n){r.L.warn(["parseJson",e]),r.L.error("↑ The JSON string could not be parsed. Make sure that single quotes in the text are escaped (&#8216;).")}}throw new Error},ne=e=>"boolean"==typeof e?!0===e?"true":"false":void 0,te=e=>"string"==typeof e?e:ne(e),oe=(e,n)=>P(e,n||(0,r.g)()),re=(e,n)=>$(e,n||(0,r.g)());let le=null;const ae=()=>(le=le||{backgroundColor:"#00000000",color:"#00000000",domNode:(0,r.g)().body,level:"Fail",score:1},le),ie=/(\d+, ){3}0\)/,ce=(e,n=ae())=>{const t=getComputedStyle(e),o=ie.test(t.backgroundColor)?n.backgroundColor:N.hex(t.backgroundColor),l=ie.test(t.color)?n.color:N.hex(t.color),a=S(o,l),i={backgroundColor:o,color:l,domNode:e,level:(c=a,c>=7?"AAA":c>=4.5?"AA":c>=3?"AA Large":"Fail"),score:a};var c;return a<4.5&&r.L.error(["Color-Contrast-Error",{backgroundColor:i.backgroundColor,color:i.color,level:i.level,score:i.score},i.domNode]),i},se=(e,n=ae())=>{n.domNode instanceof HTMLElement&&(n=ce(n.domNode,n));const t=n.domNode.querySelector(e);if(null===t){const t=n.domNode.querySelectorAll('[class="hydrated"]');for(let o=0;o<t.length&&(n.domNode=t[o],null===(n=se(e,n)).domNode);o++);return n}return ce(t,n)};class de{static queryHtmlElementColors(e,n,t=!1,o=!0){let l=null;if(!0===t||!1===de.executionLock)if(!1===t&&(de.cache.clear(),de.cache.set(n.domNode,n),de.executionLock=!0,!0===o&&r.L.debug("[KoliBriUtils] Color contrast analysis started...")),e===n.domNode)l=n;else{const t=new Set;if(n.domNode.shadowRoot){const e=n.domNode.shadowRoot.children;for(let n=0;n<e.length;n++)t.add(e[n])}const o=n.domNode;if("function"==typeof o.assignedNodes){const e=o.assignedNodes();for(let n=0;n<e.length;n++)e[n]instanceof HTMLElement&&t.add(e[n])}const r=n.domNode.children;for(let e=0;e<r.length;e++)t.add(r[e]);const a=Array.from(t);for(let t=0;t<a.length;t++){let o=de.cache.get(a[t]);void 0===o&&(o=ce(a[t],n)),de.cache.set(a[t],o);const r=de.queryHtmlElementColors(e,o,!0,!1);if(null!==r){l=r;break}}}else r.L.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return!1===t&&(!0===o&&r.L.debug(`[KoliBriUtils] Color contrast analysis finished (${de.cache.size} DOM elements are analysed).`),de.executionLock=!1,de.cache.clear()),l}}de.executionLock=!1,de.cache=new Map;class ue{}ue.getCssStyle=o.f,ue.patchTheme=o.P,ue.patchThemeTag=o.k,ue.querySelector=oe,ue.querySelectorAll=re,ue.stringifyJson=Q},980:(e,n,t)=>{var o={"./kol-abbr.entry.js":[9219,9219],"./kol-accordion.entry.js":[5e3,5e3],"./kol-alert-wc.entry.js":[8243,8243],"./kol-alert.entry.js":[6480,6480],"./kol-avatar-wc.entry.js":[1068,1068],"./kol-avatar.entry.js":[9929,9929],"./kol-badge.entry.js":[8069,6368,8069],"./kol-breadcrumb.entry.js":[6577,6577],"./kol-button-link.entry.js":[993,993],"./kol-button-wc.entry.js":[3027,6368,3027],"./kol-button.entry.js":[3872,3872],"./kol-card.entry.js":[8478,8478],"./kol-combobox.entry.js":[2115,9296,2115],"./kol-details.entry.js":[1676,1676],"./kol-drawer.entry.js":[597,597],"./kol-form.entry.js":[9430,9430],"./kol-heading.entry.js":[3836,3836],"./kol-icon.entry.js":[3021,3021],"./kol-image.entry.js":[3879,3879],"./kol-input-checkbox.entry.js":[1718,9296,1718],"./kol-input-color.entry.js":[5876,9296,5876],"./kol-input-date.entry.js":[1219,9296,1219],"./kol-input-email.entry.js":[5171,9296,9244,5171],"./kol-input-file.entry.js":[8177,9296,8177],"./kol-input-number.entry.js":[4390,9296,4390],"./kol-input-password.entry.js":[4350,9296,9244,4350],"./kol-input-radio.entry.js":[1744,9296,1744],"./kol-input-range.entry.js":[4662,9296,4662],"./kol-input-text.entry.js":[1416,9296,9244,1416],"./kol-input.entry.js":[9130,9130],"./kol-kolibri.entry.js":[3758,3758],"./kol-link-button.entry.js":[3949,3949],"./kol-link-wc.entry.js":[2195,6368,2195],"./kol-link.entry.js":[4928,4928],"./kol-modal.entry.js":[8283,8283],"./kol-nav.entry.js":[6983,6983],"./kol-pagination.entry.js":[8808,8808],"./kol-popover-wc.entry.js":[9702,6420,364],"./kol-progress.entry.js":[851,851],"./kol-quote.entry.js":[4566,4566],"./kol-select.entry.js":[9068,9296,9068],"./kol-single-select.entry.js":[7225,9296,7225],"./kol-skip-nav.entry.js":[1791,1791],"./kol-spin.entry.js":[8728,8728],"./kol-split-button.entry.js":[9423,9423],"./kol-table-stateful.entry.js":[4211,4211],"./kol-table-stateless-wc.entry.js":[3186,3186],"./kol-table-stateless.entry.js":[7267,7267],"./kol-tabs.entry.js":[8212,8212],"./kol-textarea.entry.js":[9162,9296,9162],"./kol-toast-container.entry.js":[5151,5151],"./kol-toolbar.entry.js":[7997,7997],"./kol-tooltip-wc.entry.js":[136,6368,6420,136],"./kol-tree-item-wc.entry.js":[8573,8573],"./kol-tree-item.entry.js":[2078,2078],"./kol-tree-wc.entry.js":[8999,8999],"./kol-tree.entry.js":[7084,7084],"./kol-version.entry.js":[7958,7958],"./test-component.entry.js":[6451,6451]};function r(e){if(!t.o(o,e))return Promise.resolve().then((()=>{var n=new Error("Cannot find module '"+e+"'");throw n.code="MODULE_NOT_FOUND",n}));var n=o[e],r=n[0];return Promise.all(n.slice(1).map(t.e)).then((()=>t(r)))}r.keys=()=>Object.keys(o),r.id=980,e.exports=r}},l={};function a(e){var n=l[e];if(void 0!==n)return n.exports;var t=l[e]={exports:{}};return r[e](t,t.exports,a),t.exports}a.m=r,a.n=e=>{var n=e&&e.__esModule?()=>e.default:()=>e;return a.d(n,{a:n}),n},n=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,a.t=function(t,o){if(1&o&&(t=this(t)),8&o)return t;if("object"==typeof t&&t){if(4&o&&t.__esModule)return t;if(16&o&&"function"==typeof t.then)return t}var r=Object.create(null);a.r(r);var l={};e=e||[null,n({}),n([]),n(n)];for(var i=2&o&&t;"object"==typeof i&&!~e.indexOf(i);i=n(i))Object.getOwnPropertyNames(i).forEach((e=>l[e]=()=>t[e]));return l.default=()=>t,a.d(r,l),r},a.d=(e,n)=>{for(var t in n)a.o(n,t)&&!a.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},a.f={},a.e=e=>Promise.all(Object.keys(a.f).reduce(((n,t)=>(a.f[t](e,n),n)),[])),a.u=e=>e+".js",a.miniCssF=e=>{},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),t={},o="@public-ui/sample-react:",a.l=(e,n,r,l)=>{if(t[e])t[e].push(n);else{var i,c;if(void 0!==r)for(var s=document.getElementsByTagName("script"),d=0;d<s.length;d++){var u=s[d];if(u.getAttribute("src")==e||u.getAttribute("data-webpack")==o+r){i=u;break}}i||(c=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,a.nc&&i.setAttribute("nonce",a.nc),i.setAttribute("data-webpack",o+r),i.src=e),t[e]=[n];var m=(n,o)=>{i.onerror=i.onload=null,clearTimeout(f);var r=t[e];if(delete t[e],i.parentNode&&i.parentNode.removeChild(i),r&&r.forEach((e=>e(o))),n)return n(o)},f=setTimeout(m.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=m.bind(null,i.onerror),i.onload=m.bind(null,i.onload),c&&document.head.appendChild(i)}},a.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;a.g.importScripts&&(e=a.g.location+"");var n=a.g.document;if(!e&&n&&(n.currentScript&&"SCRIPT"===n.currentScript.tagName.toUpperCase()&&(e=n.currentScript.src),!e)){var t=n.getElementsByTagName("script");if(t.length)for(var o=t.length-1;o>-1&&(!e||!/^http(s?):/.test(e));)e=t[o--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),a.p=e})(),(()=>{var e={8792:0};a.f.j=(n,t)=>{var o=a.o(e,n)?e[n]:void 0;if(0!==o)if(o)t.push(o[2]);else{var r=new Promise(((t,r)=>o=e[n]=[t,r]));t.push(o[2]=r);var l=a.p+a.u(n),i=new Error;a.l(l,(t=>{if(a.o(e,n)&&(0!==(o=e[n])&&(e[n]=void 0),o)){var r=t&&("load"===t.type?"missing":t.type),l=t&&t.target&&t.target.src;i.message="Loading chunk "+n+" failed.\n("+r+": "+l+")",i.name="ChunkLoadError",i.type=r,i.request=l,o[1](i)}}),"chunk-"+n,n)}};var n=(n,t)=>{var o,r,[l,i,c]=t,s=0;if(l.some((n=>0!==e[n]))){for(o in i)a.o(i,o)&&(a.m[o]=i[o]);c&&c(a)}for(n&&n(t);s<l.length;s++)r=l[s],a.o(e,r)&&e[r]&&e[r][0](),e[r]=0},t=self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[];t.forEach(n.bind(null,0)),t.push=n.bind(null,t.push.bind(t))})(),(()=>{"use strict";var e,n,t=a(7163),o=a.t(t,2),r=a(5669),l=a(8668),i=a.t(l,2);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},c.apply(this,arguments)}(n=e||(e={})).Pop="POP",n.Push="PUSH",n.Replace="REPLACE";const s="popstate";function d(e,n){if(!1===e||null==e)throw new Error(n)}function u(e,n){if(!e){"undefined"!=typeof console&&console.warn(n);try{throw new Error(n)}catch(e){}}}function m(e,n){return{usr:e.state,key:e.key,idx:n}}function f(e,n,t,o){return void 0===t&&(t=null),c({pathname:"string"==typeof e?e:e.pathname,search:"",hash:""},"string"==typeof n?p(n):n,{state:t,key:n&&n.key||o||Math.random().toString(36).substr(2,8)})}function b(e){let{pathname:n="/",search:t="",hash:o=""}=e;return t&&"?"!==t&&(n+="?"===t.charAt(0)?t:"?"+t),o&&"#"!==o&&(n+="#"===o.charAt(0)?o:"#"+o),n}function p(e){let n={};if(e){let t=e.indexOf("#");t>=0&&(n.hash=e.substr(t),e=e.substr(0,t));let o=e.indexOf("?");o>=0&&(n.search=e.substr(o),e=e.substr(0,o)),e&&(n.pathname=e)}return n}var h,k;function v(e,n,t){return void 0===t&&(t="/"),function(e,n,t,o){let r=A(("string"==typeof n?p(n):n).pathname||"/",t);if(null==r)return null;let l=g(e);!function(e){e.sort(((e,n)=>e.score!==n.score?n.score-e.score:function(e,n){return e.length===n.length&&e.slice(0,-1).every(((e,t)=>e===n[t]))?e[e.length-1]-n[n.length-1]:0}(e.routesMeta.map((e=>e.childrenIndex)),n.routesMeta.map((e=>e.childrenIndex)))))}(l);let a=null;for(let e=0;null==a&&e<l.length;++e){let n=L(r);a=B(l[e],n,o)}return a}(e,n,t,!1)}function g(e,n,t,o){void 0===n&&(n=[]),void 0===t&&(t=[]),void 0===o&&(o="");let r=(e,r,l)=>{let a={relativePath:void 0===l?e.path||"":l,caseSensitive:!0===e.caseSensitive,childrenIndex:r,route:e};a.relativePath.startsWith("/")&&(d(a.relativePath.startsWith(o),'Absolute route path "'+a.relativePath+'" nested under path "'+o+'" is not valid. An absolute child route path must start with the combined path of all its parent routes.'),a.relativePath=a.relativePath.slice(o.length));let i=P([o,a.relativePath]),c=t.concat(a);e.children&&e.children.length>0&&(d(!0!==e.index,'Index routes must not have child routes. Please remove all child routes from route path "'+i+'".'),g(e.children,n,c,i)),(null!=e.path||e.index)&&n.push({path:i,score:C(i,e.index),routesMeta:c})};return e.forEach(((e,n)=>{var t;if(""!==e.path&&null!=(t=e.path)&&t.includes("?"))for(let t of _(e.path))r(e,n,t);else r(e,n)})),n}function _(e){let n=e.split("/");if(0===n.length)return[];let[t,...o]=n,r=t.endsWith("?"),l=t.replace(/\?$/,"");if(0===o.length)return r?[l,""]:[l];let a=_(o.join("/")),i=[];return i.push(...a.map((e=>""===e?l:[l,e].join("/")))),r&&i.push(...a),i.map((n=>e.startsWith("/")&&""===n?"/":n))}(k=h||(h={})).data="data",k.deferred="deferred",k.redirect="redirect",k.error="error";const y=/^:[\w-]+$/,w=3,E=2,x=1,z=10,S=-2,T=e=>"*"===e;function C(e,n){let t=e.split("/"),o=t.length;return t.some(T)&&(o+=S),n&&(o+=E),t.filter((e=>!T(e))).reduce(((e,n)=>e+(y.test(n)?w:""===n?x:z)),o)}function B(e,n,t){void 0===t&&(t=!1);let{routesMeta:o}=e,r={},l="/",a=[];for(let e=0;e<o.length;++e){let i=o[e],c=e===o.length-1,s="/"===l?n:n.slice(l.length)||"/",d=O({path:i.relativePath,caseSensitive:i.caseSensitive,end:c},s),u=i.route;if(!d&&c&&t&&!o[o.length-1].route.index&&(d=O({path:i.relativePath,caseSensitive:i.caseSensitive,end:!1},s)),!d)return null;Object.assign(r,d.params),a.push({params:r,pathname:P([l,d.pathname]),pathnameBase:j(P([l,d.pathnameBase])),route:u}),"/"!==d.pathnameBase&&(l=P([l,d.pathnameBase]))}return a}function O(e,n){"string"==typeof e&&(e={path:e,caseSensitive:!1,end:!0});let[t,o]=function(e,n,t){void 0===n&&(n=!1),void 0===t&&(t=!0),u("*"===e||!e.endsWith("*")||e.endsWith("/*"),'Route path "'+e+'" will be treated as if it were "'+e.replace(/\*$/,"/*")+'" because the `*` character must always follow a `/` in the pattern. To get rid of this warning, please change the route path to "'+e.replace(/\*$/,"/*")+'".');let o=[],r="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,((e,n,t)=>(o.push({paramName:n,isOptional:null!=t}),t?"/?([^\\/]+)?":"/([^\\/]+)")));return e.endsWith("*")?(o.push({paramName:"*"}),r+="*"===e||"/*"===e?"(.*)$":"(?:\\/(.+)|\\/*)$"):t?r+="\\/*$":""!==e&&"/"!==e&&(r+="(?:(?=\\/|$))"),[new RegExp(r,n?void 0:"i"),o]}(e.path,e.caseSensitive,e.end),r=n.match(t);if(!r)return null;let l=r[0],a=l.replace(/(.)\/+$/,"$1"),i=r.slice(1);return{params:o.reduce(((e,n,t)=>{let{paramName:o,isOptional:r}=n;if("*"===o){let e=i[t]||"";a=l.slice(0,l.length-e.length).replace(/(.)\/+$/,"$1")}const c=i[t];return e[o]=r&&!c?void 0:(c||"").replace(/%2F/g,"/"),e}),{}),pathname:l,pathnameBase:a,pattern:e}}function L(e){try{return e.split("/").map((e=>decodeURIComponent(e).replace(/\//g,"%2F"))).join("/")}catch(n){return u(!1,'The URL path "'+e+'" could not be decoded because it is is a malformed URL segment. This is probably due to a bad percent encoding ('+n+")."),e}}function A(e,n){if("/"===n)return e;if(!e.toLowerCase().startsWith(n.toLowerCase()))return null;let t=n.endsWith("/")?n.length-1:n.length,o=e.charAt(t);return o&&"/"!==o?null:e.slice(t)||"/"}function N(e,n,t,o){return"Cannot include a '"+e+"' character in a manually specified `to."+n+"` field ["+JSON.stringify(o)+"].  Please separate it out to the `to."+t+'` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.'}function I(e,n){let t=function(e){return e.filter(((e,n)=>0===n||e.route.path&&e.route.path.length>0))}(e);return n?t.map(((e,n)=>n===t.length-1?e.pathname:e.pathnameBase)):t.map((e=>e.pathnameBase))}function $(e,n,t,o){let r;void 0===o&&(o=!1),"string"==typeof e?r=p(e):(r=c({},e),d(!r.pathname||!r.pathname.includes("?"),N("?","pathname","search",r)),d(!r.pathname||!r.pathname.includes("#"),N("#","pathname","hash",r)),d(!r.search||!r.search.includes("#"),N("#","search","hash",r)));let l,a=""===e||""===r.pathname,i=a?"/":r.pathname;if(null==i)l=t;else{let e=n.length-1;if(!o&&i.startsWith("..")){let n=i.split("/");for(;".."===n[0];)n.shift(),e-=1;r.pathname=n.join("/")}l=e>=0?n[e]:"/"}let s=function(e,n){void 0===n&&(n="/");let{pathname:t,search:o="",hash:r=""}="string"==typeof e?p(e):e,l=t?t.startsWith("/")?t:function(e,n){let t=n.replace(/\/+$/,"").split("/");return e.split("/").forEach((e=>{".."===e?t.length>1&&t.pop():"."!==e&&t.push(e)})),t.length>1?t.join("/"):"/"}(t,n):n;return{pathname:l,search:M(o),hash:R(r)}}(r,l),u=i&&"/"!==i&&i.endsWith("/"),m=(a||"."===i)&&t.endsWith("/");return s.pathname.endsWith("/")||!u&&!m||(s.pathname+="/"),s}const P=e=>e.join("/").replace(/\/\/+/g,"/"),j=e=>e.replace(/\/+$/,"").replace(/^\/*/,"/"),M=e=>e&&"?"!==e?e.startsWith("?")?e:"?"+e:"",R=e=>e&&"#"!==e?e.startsWith("#")?e:"#"+e:"";Error;const F=["post","put","patch","delete"],D=(new Set(F),["get",...F]);function K(){return K=Object.assign?Object.assign.bind():function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},K.apply(this,arguments)}new Set(D),Symbol("deferred");const H=t.createContext(null),U=t.createContext(null),V=t.createContext(null),W=t.createContext(null),q=t.createContext({outlet:null,matches:[],isDataRoute:!1}),G=t.createContext(null);function Z(){return null!=t.useContext(W)}function Y(){return Z()||d(!1),t.useContext(W).location}function J(e){t.useContext(V).static||t.useLayoutEffect(e)}function Q(){let{isDataRoute:e}=t.useContext(q);return e?function(){let{router:e}=function(){let e=t.useContext(H);return e||d(!1),e}(le.UseNavigateStable),n=ie(ae.UseNavigateStable),o=t.useRef(!1);J((()=>{o.current=!0}));let r=t.useCallback((function(t,r){void 0===r&&(r={}),o.current&&("number"==typeof t?e.navigate(t):e.navigate(t,K({fromRouteId:n},r)))}),[e,n]);return r}():function(){Z()||d(!1);let e=t.useContext(H),{basename:n,future:o,navigator:r}=t.useContext(V),{matches:l}=t.useContext(q),{pathname:a}=Y(),i=JSON.stringify(I(l,o.v7_relativeSplatPath)),c=t.useRef(!1);J((()=>{c.current=!0}));let s=t.useCallback((function(t,o){if(void 0===o&&(o={}),!c.current)return;if("number"==typeof t)return void r.go(t);let l=$(t,JSON.parse(i),a,"path"===o.relative);null==e&&"/"!==n&&(l.pathname="/"===l.pathname?n:P([n,l.pathname])),(o.replace?r.replace:r.push)(l,o.state,o)}),[n,r,i,a,e]);return s}()}function X(e,n){let{relative:o}=void 0===n?{}:n,{future:r}=t.useContext(V),{matches:l}=t.useContext(q),{pathname:a}=Y(),i=JSON.stringify(I(l,r.v7_relativeSplatPath));return t.useMemo((()=>$(e,JSON.parse(i),a,"path"===o)),[e,i,a,o])}function ee(n,o,r,l){Z()||d(!1);let{navigator:a}=t.useContext(V),{matches:i}=t.useContext(q),c=i[i.length-1],s=c?c.params:{},u=(c&&c.pathname,c?c.pathnameBase:"/");c&&c.route;let m,f=Y();if(o){var b;let e="string"==typeof o?p(o):o;"/"===u||(null==(b=e.pathname)?void 0:b.startsWith(u))||d(!1),m=e}else m=f;let h=m.pathname||"/",k=h;if("/"!==u){let e=u.replace(/^\//,"").split("/");k="/"+h.replace(/^\//,"").split("/").slice(e.length).join("/")}let g=v(n,{pathname:k}),_=function(e,n,o,r){var l;if(void 0===n&&(n=[]),void 0===o&&(o=null),void 0===r&&(r=null),null==e){var a;if(!o)return null;if(o.errors)e=o.matches;else{if(!(null!=(a=r)&&a.v7_partialHydration&&0===n.length&&!o.initialized&&o.matches.length>0))return null;e=o.matches}}let i=e,c=null==(l=o)?void 0:l.errors;if(null!=c){let e=i.findIndex((e=>e.route.id&&void 0!==(null==c?void 0:c[e.route.id])));e>=0||d(!1),i=i.slice(0,Math.min(i.length,e+1))}let s=!1,u=-1;if(o&&r&&r.v7_partialHydration)for(let e=0;e<i.length;e++){let n=i[e];if((n.route.HydrateFallback||n.route.hydrateFallbackElement)&&(u=e),n.route.id){let{loaderData:e,errors:t}=o,r=n.route.loader&&void 0===e[n.route.id]&&(!t||void 0===t[n.route.id]);if(n.route.lazy||r){s=!0,i=u>=0?i.slice(0,u+1):[i[0]];break}}}return i.reduceRight(((e,r,l)=>{let a,d=!1,m=null,f=null;var b;o&&(a=c&&r.route.id?c[r.route.id]:void 0,m=r.route.errorElement||te,s&&(u<0&&0===l?(ce[b="route-fallback"]||(ce[b]=!0),d=!0,f=null):u===l&&(d=!0,f=r.route.hydrateFallbackElement||null)));let p=n.concat(i.slice(0,l+1)),h=()=>{let n;return n=a?m:d?f:r.route.Component?t.createElement(r.route.Component,null):r.route.element?r.route.element:e,t.createElement(re,{match:r,routeContext:{outlet:e,matches:p,isDataRoute:null!=o},children:n})};return o&&(r.route.ErrorBoundary||r.route.errorElement||0===l)?t.createElement(oe,{location:o.location,revalidation:o.revalidation,component:m,error:a,children:h(),routeContext:{outlet:null,matches:p,isDataRoute:!0}}):h()}),null)}(g&&g.map((e=>Object.assign({},e,{params:Object.assign({},s,e.params),pathname:P([u,a.encodeLocation?a.encodeLocation(e.pathname).pathname:e.pathname]),pathnameBase:"/"===e.pathnameBase?u:P([u,a.encodeLocation?a.encodeLocation(e.pathnameBase).pathname:e.pathnameBase])}))),i,r,l);return o&&_?t.createElement(W.Provider,{value:{location:K({pathname:"/",search:"",hash:"",state:null,key:"default"},m),navigationType:e.Pop}},_):_}function ne(){let e=function(){var e;let n=t.useContext(G),o=function(){let e=t.useContext(U);return e||d(!1),e}(ae.UseRouteError),r=ie(ae.UseRouteError);return void 0!==n?n:null==(e=o.errors)?void 0:e[r]}(),n=function(e){return null!=e&&"number"==typeof e.status&&"string"==typeof e.statusText&&"boolean"==typeof e.internal&&"data"in e}(e)?e.status+" "+e.statusText:e instanceof Error?e.message:JSON.stringify(e),o=e instanceof Error?e.stack:null,r={padding:"0.5rem",backgroundColor:"rgba(200,200,200, 0.5)"};return t.createElement(t.Fragment,null,t.createElement("h2",null,"Unexpected Application Error!"),t.createElement("h3",{style:{fontStyle:"italic"}},n),o?t.createElement("pre",{style:r},o):null,null)}const te=t.createElement(ne,null);class oe extends t.Component{constructor(e){super(e),this.state={location:e.location,revalidation:e.revalidation,error:e.error}}static getDerivedStateFromError(e){return{error:e}}static getDerivedStateFromProps(e,n){return n.location!==e.location||"idle"!==n.revalidation&&"idle"===e.revalidation?{error:e.error,location:e.location,revalidation:e.revalidation}:{error:void 0!==e.error?e.error:n.error,location:n.location,revalidation:e.revalidation||n.revalidation}}componentDidCatch(e,n){console.error("React Router caught the following error during render",e,n)}render(){return void 0!==this.state.error?t.createElement(q.Provider,{value:this.props.routeContext},t.createElement(G.Provider,{value:this.state.error,children:this.props.component})):this.props.children}}function re(e){let{routeContext:n,match:o,children:r}=e,l=t.useContext(H);return l&&l.static&&l.staticContext&&(o.route.errorElement||o.route.ErrorBoundary)&&(l.staticContext._deepestRenderedBoundaryId=o.route.id),t.createElement(q.Provider,{value:n},r)}var le=function(e){return e.UseBlocker="useBlocker",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e}(le||{}),ae=function(e){return e.UseBlocker="useBlocker",e.UseLoaderData="useLoaderData",e.UseActionData="useActionData",e.UseRouteError="useRouteError",e.UseNavigation="useNavigation",e.UseRouteLoaderData="useRouteLoaderData",e.UseMatches="useMatches",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e.UseRouteId="useRouteId",e}(ae||{});function ie(e){let n=function(){let e=t.useContext(q);return e||d(!1),e}(),o=n.matches[n.matches.length-1];return o.route.id||d(!1),o.route.id}const ce={},se={},de=(e,n,t)=>{var o;se[o="⚠️ React Router Future Flag Warning: "+n+". You can use the `"+e+"` future flag to opt-in early. For more information, see "+t+"."]||(se[o]=!0,console.warn(o))};function ue(e){let{to:n,replace:o,state:r,relative:l}=e;Z()||d(!1);let{future:a,static:i}=t.useContext(V),{matches:c}=t.useContext(q),{pathname:s}=Y(),u=Q(),m=$(n,I(c,a.v7_relativeSplatPath),s,"path"===l),f=JSON.stringify(m);return t.useEffect((()=>u(JSON.parse(f),{replace:o,state:r,relative:l})),[u,f,l,o,r]),null}function me(e){d(!1)}function fe(n){let{basename:o="/",children:r=null,location:l,navigationType:a=e.Pop,navigator:i,static:c=!1,future:s}=n;Z()&&d(!1);let u=o.replace(/^\/*/,"/"),m=t.useMemo((()=>({basename:u,navigator:i,static:c,future:K({v7_relativeSplatPath:!1},s)})),[u,s,i,c]);"string"==typeof l&&(l=p(l));let{pathname:f="/",search:b="",hash:h="",state:k=null,key:v="default"}=l,g=t.useMemo((()=>{let e=A(f,u);return null==e?null:{location:{pathname:e,search:b,hash:h,state:k,key:v},navigationType:a}}),[u,f,b,h,k,v,a]);return null==g?null:t.createElement(V.Provider,{value:m},t.createElement(W.Provider,{children:r,value:g}))}function be(e){let{children:n,location:t}=e;return ee(pe(n),t)}function pe(e,n){void 0===n&&(n=[]);let o=[];return t.Children.forEach(e,((e,r)=>{if(!t.isValidElement(e))return;let l=[...n,r];if(e.type===t.Fragment)return void o.push.apply(o,pe(e.props.children,l));e.type!==me&&d(!1),e.props.index&&e.props.children&&d(!1);let a={id:e.props.id||l.join("-"),caseSensitive:e.props.caseSensitive,element:e.props.element,Component:e.props.Component,index:e.props.index,path:e.props.path,loader:e.props.loader,action:e.props.action,errorElement:e.props.errorElement,ErrorBoundary:e.props.ErrorBoundary,hasErrorBoundary:null!=e.props.ErrorBoundary||null!=e.props.errorElement,shouldRevalidate:e.props.shouldRevalidate,handle:e.props.handle,lazy:e.props.lazy};e.props.children&&(a.children=pe(e.props.children,l)),o.push(a)})),o}function he(e){return void 0===e&&(e=""),new URLSearchParams("string"==typeof e||Array.isArray(e)||e instanceof URLSearchParams?e:Object.keys(e).reduce(((n,t)=>{let o=e[t];return n.concat(Array.isArray(o)?o.map((e=>[t,e])):[[t,o]])}),[]))}o.startTransition,new Promise((()=>{})),t.Component;try{window.__reactRouterVersion="6"}catch(e){}const ke=o.startTransition;function ve(n){let{basename:o,children:r,future:l,window:a}=n,i=t.useRef();null==i.current&&(i.current=function(n){return void 0===n&&(n={}),function(n,t,o,r){void 0===r&&(r={});let{window:l=document.defaultView,v5Compat:a=!1}=r,i=l.history,u=e.Pop,p=null,h=k();function k(){return(i.state||{idx:null}).idx}function v(){u=e.Pop;let n=k(),t=null==n?null:n-h;h=n,p&&p({action:u,location:_.location,delta:t})}function g(e){let n="null"!==l.location.origin?l.location.origin:l.location.href,t="string"==typeof e?e:b(e);return t=t.replace(/ $/,"%20"),d(n,"No window.location.(origin|href) available to create URL for href: "+t),new URL(t,n)}null==h&&(h=0,i.replaceState(c({},i.state,{idx:h}),""));let _={get action(){return u},get location(){return n(l,i)},listen(e){if(p)throw new Error("A history only accepts one active listener");return l.addEventListener(s,v),p=e,()=>{l.removeEventListener(s,v),p=null}},createHref:e=>t(l,e),createURL:g,encodeLocation(e){let n=g(e);return{pathname:n.pathname,search:n.search,hash:n.hash}},push:function(n,t){u=e.Push;let r=f(_.location,n,t);o&&o(r,n),h=k()+1;let c=m(r,h),s=_.createHref(r);try{i.pushState(c,"",s)}catch(e){if(e instanceof DOMException&&"DataCloneError"===e.name)throw e;l.location.assign(s)}a&&p&&p({action:u,location:_.location,delta:1})},replace:function(n,t){u=e.Replace;let r=f(_.location,n,t);o&&o(r,n),h=k();let l=m(r,h),c=_.createHref(r);i.replaceState(l,"",c),a&&p&&p({action:u,location:_.location,delta:0})},go:e=>i.go(e)};return _}((function(e,n){let{pathname:t="/",search:o="",hash:r=""}=p(e.location.hash.substr(1));return t.startsWith("/")||t.startsWith(".")||(t="/"+t),f("",{pathname:t,search:o,hash:r},n.state&&n.state.usr||null,n.state&&n.state.key||"default")}),(function(e,n){let t=e.document.querySelector("base"),o="";if(t&&t.getAttribute("href")){let n=e.location.href,t=n.indexOf("#");o=-1===t?n:n.slice(0,t)}return o+"#"+("string"==typeof n?n:b(n))}),(function(e,n){u("/"===e.pathname.charAt(0),"relative pathnames are not supported in hash history.push("+JSON.stringify(n)+")")}),n)}({window:a,v5Compat:!0}));let h=i.current,[k,v]=t.useState({action:h.action,location:h.location}),{v7_startTransition:g}=l||{},_=t.useCallback((e=>{g&&ke?ke((()=>v(e))):v(e)}),[v,g]);return t.useLayoutEffect((()=>h.listen(_)),[h,_]),t.useEffect((()=>{return void 0===(null==(e=l)?void 0:e.v7_startTransition)&&de("v7_startTransition","React Router will begin wrapping state updates in `React.startTransition` in v7","https://reactrouter.com/v6/upgrading/future#v7_starttransition"),void 0!==(null==e?void 0:e.v7_relativeSplatPath)||n&&n.v7_relativeSplatPath||de("v7_relativeSplatPath","Relative route resolution within Splat routes is changing in v7","https://reactrouter.com/v6/upgrading/future#v7_relativesplatpath"),void(n&&(void 0===n.v7_fetcherPersist&&de("v7_fetcherPersist","The persistence behavior of fetchers is changing in v7","https://reactrouter.com/v6/upgrading/future#v7_fetcherpersist"),void 0===n.v7_normalizeFormMethod&&de("v7_normalizeFormMethod","Casing of `formMethod` fields is being normalized to uppercase in v7","https://reactrouter.com/v6/upgrading/future#v7_normalizeformmethod"),void 0===n.v7_partialHydration&&de("v7_partialHydration","`RouterProvider` hydration behavior is changing in v7","https://reactrouter.com/v6/upgrading/future#v7_partialhydration"),void 0===n.v7_skipActionErrorRevalidation&&de("v7_skipActionErrorRevalidation","The revalidation behavior after 4xx/5xx `action` responses is changing in v7","https://reactrouter.com/v6/upgrading/future#v7_skipactionerrorrevalidation")));var e,n}),[l]),t.createElement(fe,{basename:o,children:r,location:k.location,navigationType:k.action,navigator:h,future:l})}var ge,_e,ye,we;function Ee(e){let n=t.useRef(he(e)),o=t.useRef(!1),r=Y(),l=t.useMemo((()=>function(e,n){let t=he(e);return n&&n.forEach(((e,o)=>{t.has(o)||n.getAll(o).forEach((e=>{t.append(o,e)}))})),t}(r.search,o.current?null:n.current)),[r.search]),a=Q(),i=t.useCallback(((e,n)=>{const t=he("function"==typeof e?e(l):e);o.current=!0,a("?"+t,n)}),[a,l]);return[l,i]}i.flushSync,o.useId,"undefined"!=typeof window&&void 0!==window.document&&window.document.createElement,(_e=ge||(ge={})).UseScrollRestoration="useScrollRestoration",_e.UseSubmit="useSubmit",_e.UseSubmitFetcher="useSubmitFetcher",_e.UseFetcher="useFetcher",_e.useViewTransitionState="useViewTransitionState",(we=ye||(ye={})).UseFetcher="useFetcher",we.UseFetchers="useFetchers",we.UseScrollRestoration="useScrollRestoration";var xe=a(9839);const ze=e=>e.replace(/([A-Z])/g,(e=>`-${e[0].toLowerCase()}`)),Se=e=>{if("undefined"==typeof document)return!0;{const n="on"+(e=>"doubleclick"===e?"dblclick":e)(e);let t=n in document;if(!t){const e=document.createElement("div");e.setAttribute(n,"return;"),t="function"==typeof e[n]}return t}},Te=(e,n,t)=>{const o=e.__events||(e.__events={}),r=o[n];r&&e.removeEventListener(n,r),e.addEventListener(n,o[n]=function(e){t&&t.call(this,e)})},Ce=e=>{const n=new Map;return e.forEach((e=>n.set(e,e))),n};let Be;const Oe=(...e)=>n=>{e.forEach((e=>{((e,n)=>{"function"==typeof e?e(n):null!=e&&(e.current=n)})(e,n)}))},Le=(e,n,t,o)=>{void 0!==o&&o();const r=e.toLowerCase().split("-").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(""),l=class extends xe.Component{constructor(e){super(e),this.setComponentElRef=e=>{this.componentEl=e}}componentDidMount(){this.componentDidUpdate(this.props)}componentDidUpdate(e){((e,n,t={})=>{if(e instanceof Element){const o=((e,n,t)=>{const o=n.className||n.class,r=t.className||t.class,l=Ce(e),a=Ce(o?o.split(" "):[]),i=Ce(r?r.split(" "):[]),c=[];return l.forEach((e=>{a.has(e)?(c.push(e),a.delete(e)):i.has(e)||c.push(e)})),a.forEach((e=>c.push(e))),c.join(" ")})(e.classList,n,t);""!==o&&(e.className=o),Object.keys(n).forEach((t=>{if("children"!==t&&"style"!==t&&"ref"!==t&&"class"!==t&&"className"!==t&&"forwardedRef"!==t)if(0===t.indexOf("on")&&t[2]===t[2].toUpperCase()){const o=t.substring(2),r=o[0].toLowerCase()+o.substring(1);Se(r)||Te(e,r,n[t])}else e[t]=n[t],"string"==typeof n[t]&&e.setAttribute(ze(t),n[t])}))}})(this.componentEl,this.props,e)}render(){const{children:n,forwardedRef:o,style:r,className:l,ref:a,...i}=this.props;let c=Object.keys(i).reduce(((e,n)=>{const t=i[n];if(0===n.indexOf("on")&&n[2]===n[2].toUpperCase()){const o=n.substring(2).toLowerCase();"undefined"!=typeof document&&Se(o)&&(e[n]=t)}else{const o=typeof t;"string"!==o&&"boolean"!==o&&"number"!==o||(e[ze(n)]=t)}return e}),{});t&&(c=t(this.props,c));const s={...c,ref:Oe(o,this.setComponentElRef),style:r},d="function"==typeof Be?Be(e):e;return(0,xe.createElement)(d,s,n)}static get displayName(){return r}};return n&&(l.contextType=n),((e,n)=>{const t=(n,t)=>xe.createElement(e,{...n,forwardedRef:t});return t.displayName=n,xe.forwardRef(t)})(l,r)},Ae=Le("kol-abbr"),Ne=Le("kol-accordion"),Ie=Le("kol-alert"),$e=Le("kol-avatar"),Pe=Le("kol-badge"),je=Le("kol-breadcrumb"),Me=Le("kol-button"),Re=Le("kol-button-link"),Fe=Le("kol-card"),De=Le("kol-combobox"),Ke=Le("kol-details"),He=Le("kol-drawer"),Ue=Le("kol-form"),Ve=Le("kol-heading"),We=Le("kol-icon"),qe=Le("kol-image"),Ge=Le("kol-input-checkbox"),Ze=Le("kol-input-color"),Ye=Le("kol-input-date"),Je=Le("kol-input-email"),Qe=Le("kol-input-file"),Xe=Le("kol-input-number"),en=Le("kol-input-password"),nn=Le("kol-input-radio"),tn=Le("kol-input-range"),on=Le("kol-input-text"),rn=Le("kol-kolibri"),ln=Le("kol-link"),an=Le("kol-link-button"),cn=Le("kol-modal"),sn=Le("kol-nav"),dn=Le("kol-pagination"),un=Le("kol-progress"),mn=Le("kol-quote"),fn=Le("kol-select"),bn=Le("kol-single-select"),pn=Le("kol-skip-nav"),hn=Le("kol-spin"),kn=Le("kol-split-button"),vn=Le("kol-table-stateful"),gn=Le("kol-table-stateless"),_n=Le("kol-tabs"),yn=Le("kol-textarea"),wn=Le("kol-toolbar"),En=Le("kol-tree"),xn=Le("kol-tree-item"),zn=Le("kol-version");function Sn(e){const n=document.createElement("div");return n.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(n),n}var Tn,Cn,Bn,On,Ln=a(7662),An=a(7626),Nn=a(8461),In=a(1732);(Cn=Tn||(Tn={}))[Cn.error=0]="error",Cn[Cn.warning=1]="warning",Cn[Cn.info=2]="info",Cn[Cn.success=3]="success",Cn[Cn.message=4]="message",Cn[Cn.close=5]="close",Cn[Cn["form-description"]=6]="form-description",Cn[Cn.of=7]="of",Cn[Cn.characters=8]="characters",Cn[Cn.new=9]="new",Cn[Cn["no-entries"]=10]="no-entries",Cn[Cn["change-order"]=11]="change-order",Cn[Cn["action-running"]=12]="action-running",Cn[Cn["action-done"]=13]="action-done",Cn[Cn["page-first"]=14]="page-first",Cn[Cn["page-back"]=15]="page-back",Cn[Cn["page-next"]=16]="page-next",Cn[Cn["page-last"]=17]="page-last",Cn[Cn["entries-per-site"]=18]="entries-per-site",Cn[Cn["page-current"]=19]="page-current",Cn[Cn["page-selected"]=20]="page-selected",Cn[Cn["page-per-site"]=21]="page-per-site",Cn[Cn["logo-description"]=22]="logo-description",Cn[Cn["open-link-in-tab"]=23]="open-link-in-tab",Cn[Cn["kolibri-logo"]=24]="kolibri-logo",(On=Bn||(Bn={}))[On.abbr=0]="abbr",On[On.accordion=1]="accordion",On[On["accordion-group"]=2]="accordion-group",On[On.alert=3]="alert",On[On.avatar=4]="avatar",On[On.badge=5]="badge",On[On.breadcrumb=6]="breadcrumb",On[On.button=7]="button",On[On["button-link"]=8]="button-link",On[On.card=9]="card",On[On.combobox=10]="combobox",On[On.details=11]="details",On[On.drawer=12]="drawer",On[On.form=13]="form",On[On.heading=14]="heading",On[On.icon=15]="icon",On[On.image=16]="image",On[On["input-checkbox"]=17]="input-checkbox",On[On["input-color"]=18]="input-color",On[On["input-date"]=19]="input-date",On[On["input-email"]=20]="input-email",On[On["input-file"]=21]="input-file",On[On["input-number"]=22]="input-number",On[On["input-password"]=23]="input-password",On[On["input-radio"]=24]="input-radio",On[On["input-range"]=25]="input-range",On[On["input-text"]=26]="input-text",On[On.kolibri=27]="kolibri",On[On.link=28]="link",On[On["link-button"]=29]="link-button",On[On.logo=30]="logo",On[On.modal=31]="modal",On[On.nav=32]="nav",On[On.pagination=33]="pagination",On[On.progress=34]="progress",On[On.select=35]="select",On[On.separator=36]="separator",On[On["skip-nav"]=37]="skip-nav",On[On.spin=38]="spin",On[On["single-select"]=39]="single-select",On[On["split-button"]=40]="split-button",On[On.symbol=41]="symbol",On[On.table=42]="table",On[On["table-stateless"]=43]="table-stateless",On[On["table-stateful"]=44]="table-stateful",On[On.tabs=45]="tabs",On[On.textarea=46]="textarea",On[On["toast-container"]=47]="toast-container",On[On.toolbar=48]="toolbar",On[On.tooltip=49]="tooltip",On[On.tree=50]="tree",On[On["tree-item"]=51]="tree-item",new An.r("kol",Tn,Bn);let $n=!1;class Pn{constructor(e,n){this.document=e,this.options=n,this.toastContainerElement=this.document.createElement(Ln.K),this.document.body.prepend(this.toastContainerElement)}static getInstance(e,n){if(!$n)throw new Error("Toaster: Call KoliBri bootstrap/register method first.");let t=this.instances.get(e);return t||(t=new Pn(e,n),this.instances.set(e,t)),t}dispose(){const e=this.toastContainerElement;e?(this.toastContainerElement=void 0,e.remove()):In.L.warn("Toaster service is already disposed.",{forceLog:!0})}enqueue(e){var n,t;if(this.toastContainerElement&&"function"==typeof this.toastContainerElement.enqueue)return null!==(n=e.variant)&&void 0!==n||(e.variant=null===(t=this.options)||void 0===t?void 0:t.defaultVariant),this.toastContainerElement.enqueue(e)}closeAll(e=!1){this.toastContainerElement&&"function"==typeof this.toastContainerElement.closeAll&&this.toastContainerElement.closeAll(e)}}var jn,Mn,Rn,Fn,Dn,Kn;Pn.instances=new Map,(Mn=jn||(jn={}))["Die Bundesregierung"]="BReg",Mn["Bundesministerium der Finanzen"]="BMF",Mn["Bundesministerium des Innern, für Bau und Heimat"]="BMI",Mn["Auswärtiges Amt"]="AA",Mn["Bundesministerium für Wirtschaft und Energie"]="BMWi",Mn["Bundesministerium der Justiz und für Verbraucherschutz"]="BMJV",Mn["Bundesministerium für Arbeit und Soziales"]="BMAS",Mn["Bundesministerium der Verteidigung"]="BMVg",Mn["Bundesministerium für Ernährung und Landwirtschaft"]="BMEL",Mn["Bundesministerium für Familie, Senioren, Frauen und Jugend"]="BMFSFJ",Mn["Bundesministerium für Gesundheit"]="BMG",Mn["Bundesministerium für Verkehr und digitale Infrastruktur"]="BMVI",Mn["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"]="BMU",Mn["Bundesministerium für Bildung und Forschung"]="BMBF",Mn["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"]="BMZ",Object.getOwnPropertyNames(jn),(Fn=Rn||(Rn={}))["Beschaffungsamt des Bundesministeriums des Innern"]="BeschA",Fn["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"]="BAAINBw",Fn["Bundesamt für äußere Restitutionen"]="BAR",Fn["Bundesamt für Bauwesen und Raumordnung"]="BBR",Fn["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"]="BBK",Fn["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"]="BAFzA",Fn["Bundesamt für Güterverkehr"]="BAG",Fn["Bundesamt für Justiz"]="BfJ",Fn["Bundesamt für Kartographie und Geodäsie"]="BKG",Fn["Bundesamt für kerntechnische Entsorgungssicherheit"]="BASE",Fn["Bundesamt für Migration und Flüchtlinge"]="BAMF",Fn["Bundesamt für Sicherheit in der Informationstechnik"]="BSI",Fn["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"]="BVL",Fn["Bundesamt für Verfassungsschutz"]="BfV",Fn["Bundesamt für Wirtschaft und Ausfuhrkontrolle"]="BAFA",Fn["Bundesamt für zentrale Dienste und offene Vermögensfragen"]="BADV",Fn["Bundesanstalt für Verwaltungsdienstleistungen"]="BAV",Fn.Bundesarchiv="BArch",Fn["Bundesaufsichtsamt für Flugsicherung"]="BAF",Fn.Bundesausgleichsamt="BAA",Fn.Bundeskartellamt="BKartA",Fn.Bundeskriminalamt="BKA",Fn.Bundesnachrichtendienst="BND",Fn["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"]="BNetzA",Fn["Bundespolizeipräsidium"]="BPOLP",Fn["Bundesprüfstelle für jugendgefährdende Medien"]="BPjM",Fn.Bundessortenamt="BSA",Fn.Bundessprachenamt="BSprA",Fn["Bundesamt für Soziale Sicherung"]="BAS",Fn.Bundesverwaltungsamt="BVA",Fn["Bundeszentralamt für Steuern"]="BZSt",Fn["Deutsches Patent- und Markenamt"]="DPMA",Fn["Eisenbahn-Bundesamt"]="EBA",Fn.Generalzolldirektion="GZD",Fn["Militärischer Abschirmdienst"]="MAD",Fn["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"]="ZITiS",Object.getOwnPropertyNames(Rn),(Kn=Dn||(Dn={}))["Informationstechnikzentrum Bund"]="ITZBund",Kn["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"]="BDBOS",Kn["Bundesanstalt für Landwirtschaft und Ernährung"]="BLE",Kn["Bundesanstalt Technisches Hilfswerk"]="THW",Kn["Bundesinstitut für Arzneimittel und Medizinprodukte"]="BfArM",Kn["Bundesinstitut für Bevölkerungsforschung"]="BiB",Kn["Bundesinstitut für Sportwissenschaft"]="BISp",Object.getOwnPropertyNames(Dn);const Hn=new Map;Hn.set(jn["Die Bundesregierung"],["Die","Bundesregierung"]),Hn.set(jn["Bundesministerium der Finanzen"],["Bundesministerium","der Finanzen"]),Hn.set(jn["Bundesministerium des Innern, für Bau und Heimat"],["Bundesministerium","des Inneren, für Bau","und Heimat"]),Hn.set(jn["Auswärtiges Amt"],["Auswärtiges Amt"]),Hn.set(jn["Bundesministerium für Wirtschaft und Energie"],["Bundesministerium","für Wirtschaft","und Energie"]),Hn.set(jn["Bundesministerium der Justiz und für Verbraucherschutz"],["Bundesministerium","der Justiz und","für Verbraucherschutz"]),Hn.set(jn["Bundesministerium für Arbeit und Soziales"],["Bundesministerium","für Arbeit und Soziales"]),Hn.set(jn["Bundesministerium der Verteidigung"],["Bundesministerium","der Verteidigung"]),Hn.set(jn["Bundesministerium für Bildung und Forschung"],["Bundesministerium","für Bildung","und Forschung"]),Hn.set(jn["Bundesministerium für Ernährung und Landwirtschaft"],["Bundesministerium","für Ernährung","und Landwirtschaft"]),Hn.set(jn["Bundesministerium für Familie, Senioren, Frauen und Jugend"],["Bundesministerium","für Familie, Senioren, Frauen","und Jugend"]),Hn.set(jn["Bundesministerium für Gesundheit"],["Bundesministerium","für Gesundheit"]),Hn.set(jn["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"],["Bundesministerium","für Umwelt, Naturschutz","und nukleare Sicherheit"]),Hn.set(jn["Bundesministerium für Verkehr und digitale Infrastruktur"],["Bundesministerium","für Verkehr und","digitale Infrastruktur"]),Hn.set(jn["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"],["Bundesministerium","für wirtschaftliche Zusammenarbeit","und Entwicklung"]),Hn.set(Rn["Beschaffungsamt des Bundesministeriums des Innern"],["Beschaffungsamt","des Bundesministeriums","des Innern"]),Hn.set(Rn["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"],[]),Hn.set(Rn["Bundesamt für äußere Restitutionen"],[]),Hn.set(Rn["Bundesamt für Bauwesen und Raumordnung"],[]),Hn.set(Rn["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"],["Bundesamt","für Bevölkerungsschutz","und Katastrophenhilfe"]),Hn.set(Rn["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"],["Bundesamt","für Familie und","zivilgesellschaftliche Aufgaben"]),Hn.set(Rn["Bundesamt für Güterverkehr"],["Bundesamt","für Güterverkehr"]),Hn.set(Rn["Bundesamt für Justiz"],["Bundesamt für","Justiz"]),Hn.set(Rn["Bundesamt für Kartographie und Geodäsie"],["Bundesamt für","Kartographie und Geodäsie"]),Hn.set(Rn["Bundesamt für kerntechnische Entsorgungssicherheit"],["Bundesamt für","kerntechnische","Entsorgungssicherheit"]),Hn.set(Rn["Bundesamt für Migration und Flüchtlinge"],["Bundesamt","für Migration","und Flüchtlinge"]),Hn.set(Rn["Bundesamt für Sicherheit in der Informationstechnik"],["Bundesamt","für Sicherheit in der","Informationstechnik"]),Hn.set(Rn["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"],["Bundesamt für","Verbraucherschutz und","Lebensmittelsicherheit"]),Hn.set(Rn["Bundesamt für Verfassungsschutz"],["Bundesamt für","Verfassungsschutz"]),Hn.set(Rn["Bundesamt für Wirtschaft und Ausfuhrkontrolle"],["Bundesamt","für Wirtschaft","Ausfuhrkontrolle"]),Hn.set(Rn["Bundesamt für zentrale Dienste und offene Vermögensfragen"],["Bundesamt","für zentrale Dienste und","offene Vermögensfragen"]),Hn.set(Rn["Bundesanstalt für Verwaltungsdienstleistungen"],["Bundesanstalt","für Verwaltungsdienstleistungen"]),Hn.set(Rn.Bundesarchiv,["Das","Bundesarchiv"]),Hn.set(Rn["Bundesaufsichtsamt für Flugsicherung"],["Bundesaufsichtsamt","für Flugsicherung"]),Hn.set(Rn.Bundesausgleichsamt,["Bundesausgleichsamt"]),Hn.set(Rn.Bundeskartellamt,["Bundeskartellamt"]),Hn.set(Rn.Bundeskriminalamt,["Bundeskriminalamt"]),Hn.set(Rn.Bundesnachrichtendienst,["Bundesnachrichtendienst"]),Hn.set(Rn["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"],["Bundesnetzagentur"]),Hn.set(Rn["Bundespolizeipräsidium"],["Bundespolizeipräsidium"]),Hn.set(Rn["Bundesprüfstelle für jugendgefährdende Medien"],["Bundesprüfstelle","für jugendgefährdende","Medien"]),Hn.set(Rn.Bundessortenamt,["Bundessortenamt"]),Hn.set(Rn.Bundessprachenamt,["Bundessprachenamt"]),Hn.set(Rn["Bundesamt für Soziale Sicherung"],["Bundesamt","für Soziale Sicherung"]),Hn.set(Rn.Bundesverwaltungsamt,["Bundesverwaltungsamt"]),Hn.set(Rn["Bundeszentralamt für Steuern"],["Bundeszentralamt","für Steuern"]),Hn.set(Rn["Deutsches Patent- und Markenamt"],["Deutsches","Patent- und Markenamt"]),Hn.set(Rn["Eisenbahn-Bundesamt"],["Eisenbahn-Bundesamt"]),Hn.set(Rn.Generalzolldirektion,["Generalzolldirektion"]),Hn.set(Rn["Militärischer Abschirmdienst"],["Bundesamt für den","Militärischen Abschirmdienst"]),Hn.set(Rn["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"],["Zentrale Stelle","für Informationstechnik","im Sicherheitsbereich"]),Hn.set(Dn["Informationstechnikzentrum Bund"],["Informations","Technik","Zentrum Bund"]),Hn.set(Dn["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"],["Bundesanstalt","für den Digitalfunk der Behörden und","Organisationen mit Sicherheitsaufgaben"]),Hn.set(Dn["Bundesanstalt für Landwirtschaft und Ernährung"],["Bundesanstalt für","Landwirtschaft und Ernährung"]),Hn.set(Dn["Bundesanstalt Technisches Hilfswerk"],["Bundesanstalt","Technisches Hilfswerk"]),Hn.set(Dn["Bundesinstitut für Arzneimittel und Medizinprodukte"],["Bundesinstitut","für Arzneimittel","und Medizinprodukte"]),Hn.set(Dn["Bundesinstitut für Bevölkerungsforschung"],["Bundesinstitut","für Bevölkerungsforschung"]),Hn.set(Dn["Bundesinstitut für Sportwissenschaft"],["Bundesinstitut","für Sportwissenschaft"]);var Un=a(5800),Vn=a(6783);(0,Vn.a)((e=>{try{e.shadowRoot instanceof ShadowRoot&&(0,An.n)(e,(0,An.b)(e))}catch(e){}return"default"})),a.e(4989).then(a.bind(a,4989)).then((e=>{"object"==typeof e&&null!==e&&"function"==typeof e.initialize&&e.initialize()})).catch((e=>{In.L.error(e)}));!function(){if("undefined"!=typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var e=HTMLElement;window.HTMLElement=function(){return Reflect.construct(e,[],this.constructor)},HTMLElement.prototype=e.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,e)}}();var Wn="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};!function(e){var n,t;n=Wn,t=function(){var e=function(){},n="undefined",t=typeof window!==n&&typeof window.navigator!==n&&/Trident\/|MSIE /.test(window.navigator.userAgent),o=["trace","debug","info","warn","error"],r={},l=null;function a(e,n){var t=e[n];if("function"==typeof t.bind)return t.bind(e);try{return Function.prototype.bind.call(t,e)}catch(n){return function(){return Function.prototype.apply.apply(t,[e,arguments])}}}function i(){console.log&&(console.log.apply?console.log.apply(console,arguments):Function.prototype.apply.apply(console.log,[console,arguments])),console.trace&&console.trace()}function c(){for(var t=this.getLevel(),r=0;r<o.length;r++){var l=o[r];this[l]=r<t?e:this.methodFactory(l,t,this.name)}if(this.log=this.debug,typeof console===n&&t<this.levels.SILENT)return"No console available for logging"}function s(e){return function(){typeof console!==n&&(c.call(this),this[e].apply(this,arguments))}}function d(o,r,l){return function(o){return"debug"===o&&(o="log"),typeof console!==n&&("trace"===o&&t?i:void 0!==console[o]?a(console,o):void 0!==console.log?a(console,"log"):e)}(o)||s.apply(this,arguments)}function u(e,t){var a,i,s,u=this,m="loglevel";function f(){var e;if(typeof window!==n&&m){try{e=window.localStorage[m]}catch(e){}if(typeof e===n)try{var t=window.document.cookie,o=encodeURIComponent(m),r=t.indexOf(o+"=");-1!==r&&(e=/^([^;]+)/.exec(t.slice(r+o.length+1))[1])}catch(e){}return void 0===u.levels[e]&&(e=void 0),e}}function b(e){var n=e;if("string"==typeof n&&void 0!==u.levels[n.toUpperCase()]&&(n=u.levels[n.toUpperCase()]),"number"==typeof n&&n>=0&&n<=u.levels.SILENT)return n;throw new TypeError("log.setLevel() called with invalid level: "+e)}"string"==typeof e?m+=":"+e:"symbol"==typeof e&&(m=void 0),u.name=e,u.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},u.methodFactory=t||d,u.getLevel=function(){return null!=s?s:null!=i?i:a},u.setLevel=function(e,t){return s=b(e),!1!==t&&function(e){var t=(o[e]||"silent").toUpperCase();if(typeof window!==n&&m){try{return void(window.localStorage[m]=t)}catch(e){}try{window.document.cookie=encodeURIComponent(m)+"="+t+";"}catch(e){}}}(s),c.call(u)},u.setDefaultLevel=function(e){i=b(e),f()||u.setLevel(e,!1)},u.resetLevel=function(){s=null,function(){if(typeof window!==n&&m){try{window.localStorage.removeItem(m)}catch(e){}try{window.document.cookie=encodeURIComponent(m)+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC"}catch(e){}}}(),c.call(u)},u.enableAll=function(e){u.setLevel(u.levels.TRACE,e)},u.disableAll=function(e){u.setLevel(u.levels.SILENT,e)},u.rebuild=function(){if(l!==u&&(a=b(l.getLevel())),c.call(u),l===u)for(var e in r)r[e].rebuild()},a=b(l?l.getLevel():"WARN");var p=f();null!=p&&(s=b(p)),c.call(u)}(l=new u).getLogger=function(e){if("symbol"!=typeof e&&"string"!=typeof e||""===e)throw new TypeError("You must supply a name when creating a logger.");var n=r[e];return n||(n=r[e]=new u(e,l.methodFactory)),n};var m=typeof window!==n?window.log:void 0;return l.noConflict=function(){return typeof window!==n&&window.log===l&&(window.log=m),l},l.getLoggers=function(){return r},l.default=l,l},e.exports?e.exports=t():n.log=t()}({exports:{}});const qn={A11yUi:{CSS_STYLE_CACHE:new Map,HYDRATED_HISTORY:[],STYLING_TASK_QUEUE:new Map,Themes:{}}},Gn=new Set,Zn=/--[^;]+/g,Yn=/:/,Jn=(e,n)=>"object"==typeof qn.A11yUi&&null!==qn.A11yUi&&"object"==typeof qn.A11yUi.Themes&&null!==qn.A11yUi.Themes&&"object"==typeof qn.A11yUi.Themes[e]&&null!==qn.A11yUi.Themes[e]&&"string"==typeof qn.A11yUi.Themes[e][n]?qn.A11yUi.Themes[e][n].replace(/\r?\n/g,""):"",Qn=(e,n,t)=>{const o=n.name||"default";let r;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");r=e.shadowRoot}catch{r=e}if(qn.A11yUi.CSS_STYLE_CACHE.get(o)?.has(e.tagName))Xn(e,r,qn.A11yUi.CSS_STYLE_CACHE.get(o)?.get(e.tagName),t);else{const l=Jn(o,"PROPERTIES"),a=Jn(o,"GLOBAL"),i=Jn(o,e.tagName);!1===Gn.has(o)&&((e,n)=>{let t=n.match(Zn);if(Array.isArray(t)){t=t.filter((e=>Yn.test(e)));const n=document.createElement("style");n.innerHTML=`.${e} {${t.join(";")}}`,document.querySelector("head")?.appendChild(n)}Gn.add(e)})(o,a);const c=[l,a,i];((e,n,t)=>{if(!1!==t){const o=[...Array.from(e.childNodes).filter((e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName))];let r;try{r=[...Array.from(e.adoptedStyleSheets)]}catch{r=[]}"before"===t?.mode?(o.reverse().forEach((e=>n.unshift(e.innerHTML))),r.reverse().forEach((e=>n.unshift(Array.from(e.cssRules).map((e=>e.cssText)).join(""))))):"after"===t?.mode&&(o.forEach((e=>n.push(e.innerHTML))),r.forEach((e=>n.push(Array.from(e.cssRules).map((e=>e.cssText)).join("")))))}})(r,c,n.encroachCss),"debug"===n.loglevel&&console.log(e.tagName,c),!0===n.cache&&(!1===qn.A11yUi.CSS_STYLE_CACHE.has(o)&&qn.A11yUi.CSS_STYLE_CACHE.set(o,new Map),qn.A11yUi.CSS_STYLE_CACHE.get(o)?.set(e.tagName,c)),Xn(e,r,c,t)}},Xn=(e,n,t,o)=>{(e=>{for(const n of Array.from(e.childNodes)){if(!(n instanceof HTMLStyleElement&&"STYLE"===n.tagName&&void 0===n.dataset.themingFallback))break;e.removeChild(n)}})(n),((e,n)=>{try{if("ssr"===qn.A11yUi.Theme?.mode)throw new Error("SSR");const t=[];n.forEach((e=>{const n=new CSSStyleSheet;n.replaceSync(e),t.push(n)})),e.adoptedStyleSheets=t}catch{[...n].reverse().forEach(((n,t)=>{if("string"!=typeof n||0===n.length)return;const o=document.createElement("style");switch(o.dataset.themingFallback="",t){case 4:o.dataset.themingBaseA11y="";break;case 3:o.dataset.themingBaseGlobal="";break;case 2:o.dataset.themingBaseComponent="";break;case 1:o.dataset.themingCustomGlobal="";break;case 0:o.dataset.themingCustomComponent="";break;default:o.dataset.themingUnknown=""}o.innerHTML=n,e.insertBefore(o,e.firstChild)}))}})(n,t),e.style.display=o},et=(e,n)=>{(e=>{qn.A11yUi.STYLING_TASK_QUEUE.delete(e)})(e),(e=>{"debug"===e.loglevel&&qn.A11yUi.HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:qn.A11yUi.STYLING_TASK_QUEUE.size})})(n)},nt=e=>{for(const n of e)if(qn.A11yUi.STYLING_TASK_QUEUE.has(n.target)&&n.target.classList.contains("hydrated")){const{styleDisplay:e,themeDetails:t}=qn.A11yUi.STYLING_TASK_QUEUE.get(n.target);Qn(n.target,t,e),et(n.target,t)}};let tt;try{tt=new MutationObserver(nt)}catch{tt=null}var ot,rt;!function(e){e[e.error=0]="error",e[e.warning=1]="warning",e[e.info=2]="info",e[e.success=3]="success",e[e.message=4]="message",e[e.close=5]="close",e[e["form-description"]=6]="form-description",e[e.of=7]="of",e[e.characters=8]="characters",e[e.new=9]="new",e[e["no-entries"]=10]="no-entries",e[e["change-order"]=11]="change-order",e[e["action-running"]=12]="action-running",e[e["action-done"]=13]="action-done",e[e["page-first"]=14]="page-first",e[e["page-back"]=15]="page-back",e[e["page-next"]=16]="page-next",e[e["page-last"]=17]="page-last",e[e["entries-per-site"]=18]="entries-per-site",e[e["page-current"]=19]="page-current",e[e["page-selected"]=20]="page-selected",e[e["page-per-site"]=21]="page-per-site",e[e["logo-description"]=22]="logo-description",e[e["open-link-in-tab"]=23]="open-link-in-tab",e[e["kolibri-logo"]=24]="kolibri-logo"}(ot||(ot={})),function(e){e[e.abbr=0]="abbr",e[e.accordion=1]="accordion",e[e["accordion-group"]=2]="accordion-group",e[e.alert=3]="alert",e[e.avatar=4]="avatar",e[e.badge=5]="badge",e[e.breadcrumb=6]="breadcrumb",e[e.button=7]="button",e[e["button-link"]=8]="button-link",e[e.card=9]="card",e[e.combobox=10]="combobox",e[e.details=11]="details",e[e.drawer=12]="drawer",e[e.form=13]="form",e[e.heading=14]="heading",e[e.icon=15]="icon",e[e.image=16]="image",e[e["input-checkbox"]=17]="input-checkbox",e[e["input-color"]=18]="input-color",e[e["input-date"]=19]="input-date",e[e["input-email"]=20]="input-email",e[e["input-file"]=21]="input-file",e[e["input-number"]=22]="input-number",e[e["input-password"]=23]="input-password",e[e["input-radio"]=24]="input-radio",e[e["input-range"]=25]="input-range",e[e["input-text"]=26]="input-text",e[e.kolibri=27]="kolibri",e[e.link=28]="link",e[e["link-button"]=29]="link-button",e[e.logo=30]="logo",e[e.modal=31]="modal",e[e.nav=32]="nav",e[e.pagination=33]="pagination",e[e.progress=34]="progress",e[e.select=35]="select",e[e.separator=36]="separator",e[e["skip-nav"]=37]="skip-nav",e[e.spin=38]="spin",e[e["single-select"]=39]="single-select",e[e["split-button"]=40]="split-button",e[e.symbol=41]="symbol",e[e.table=42]="table",e[e["table-stateless"]=43]="table-stateless",e[e["table-stateful"]=44]="table-stateful",e[e.tabs=45]="tabs",e[e.textarea=46]="textarea",e[e["toast-container"]=47]="toast-container",e[e.toolbar=48]="toolbar",e[e.tooltip=49]="tooltip",e[e.tree=50]="tree",e[e["tree-item"]=51]="tree-item"}(rt||(rt={}));const lt=new class{constructor(e,n,t){this.createTheme=(e,n)=>((e,n)=>t=>t(e,n,{append:!1}))(e,n),this.createTranslation=(e,n)=>((e,n)=>t=>t(e,n))(e,n),this.Prefix=e,this.Key=Object.getOwnPropertyNames(n),this.Tag=Object.getOwnPropertyNames(t)}}("kol",ot,rt);var at,it,ct;!function(e){e["Die Bundesregierung"]="BReg",e["Bundesministerium der Finanzen"]="BMF",e["Bundesministerium des Innern, für Bau und Heimat"]="BMI",e["Auswärtiges Amt"]="AA",e["Bundesministerium für Wirtschaft und Energie"]="BMWi",e["Bundesministerium der Justiz und für Verbraucherschutz"]="BMJV",e["Bundesministerium für Arbeit und Soziales"]="BMAS",e["Bundesministerium der Verteidigung"]="BMVg",e["Bundesministerium für Ernährung und Landwirtschaft"]="BMEL",e["Bundesministerium für Familie, Senioren, Frauen und Jugend"]="BMFSFJ",e["Bundesministerium für Gesundheit"]="BMG",e["Bundesministerium für Verkehr und digitale Infrastruktur"]="BMVI",e["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"]="BMU",e["Bundesministerium für Bildung und Forschung"]="BMBF",e["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"]="BMZ"}(at||(at={})),function(e){e["Beschaffungsamt des Bundesministeriums des Innern"]="BeschA",e["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"]="BAAINBw",e["Bundesamt für äußere Restitutionen"]="BAR",e["Bundesamt für Bauwesen und Raumordnung"]="BBR",e["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"]="BBK",e["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"]="BAFzA",e["Bundesamt für Güterverkehr"]="BAG",e["Bundesamt für Justiz"]="BfJ",e["Bundesamt für Kartographie und Geodäsie"]="BKG",e["Bundesamt für kerntechnische Entsorgungssicherheit"]="BASE",e["Bundesamt für Migration und Flüchtlinge"]="BAMF",e["Bundesamt für Sicherheit in der Informationstechnik"]="BSI",e["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"]="BVL",e["Bundesamt für Verfassungsschutz"]="BfV",e["Bundesamt für Wirtschaft und Ausfuhrkontrolle"]="BAFA",e["Bundesamt für zentrale Dienste und offene Vermögensfragen"]="BADV",e["Bundesanstalt für Verwaltungsdienstleistungen"]="BAV",e.Bundesarchiv="BArch",e["Bundesaufsichtsamt für Flugsicherung"]="BAF",e.Bundesausgleichsamt="BAA",e.Bundeskartellamt="BKartA",e.Bundeskriminalamt="BKA",e.Bundesnachrichtendienst="BND",e["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"]="BNetzA",e["Bundespolizeipräsidium"]="BPOLP",e["Bundesprüfstelle für jugendgefährdende Medien"]="BPjM",e.Bundessortenamt="BSA",e.Bundessprachenamt="BSprA",e["Bundesamt für Soziale Sicherung"]="BAS",e.Bundesverwaltungsamt="BVA",e["Bundeszentralamt für Steuern"]="BZSt",e["Deutsches Patent- und Markenamt"]="DPMA",e["Eisenbahn-Bundesamt"]="EBA",e.Generalzolldirektion="GZD",e["Militärischer Abschirmdienst"]="MAD",e["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"]="ZITiS"}(it||(it={})),function(e){e["Informationstechnikzentrum Bund"]="ITZBund",e["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"]="BDBOS",e["Bundesanstalt für Landwirtschaft und Ernährung"]="BLE",e["Bundesanstalt Technisches Hilfswerk"]="THW",e["Bundesinstitut für Arzneimittel und Medizinprodukte"]="BfArM",e["Bundesinstitut für Bevölkerungsforschung"]="BiB",e["Bundesinstitut für Sportwissenschaft"]="BISp"}(ct||(ct={}));const st=new Map;st.set(at["Die Bundesregierung"],["Die","Bundesregierung"]),st.set(at["Bundesministerium der Finanzen"],["Bundesministerium","der Finanzen"]),st.set(at["Bundesministerium des Innern, für Bau und Heimat"],["Bundesministerium","des Inneren, für Bau","und Heimat"]),st.set(at["Auswärtiges Amt"],["Auswärtiges Amt"]),st.set(at["Bundesministerium für Wirtschaft und Energie"],["Bundesministerium","für Wirtschaft","und Energie"]),st.set(at["Bundesministerium der Justiz und für Verbraucherschutz"],["Bundesministerium","der Justiz und","für Verbraucherschutz"]),st.set(at["Bundesministerium für Arbeit und Soziales"],["Bundesministerium","für Arbeit und Soziales"]),st.set(at["Bundesministerium der Verteidigung"],["Bundesministerium","der Verteidigung"]),st.set(at["Bundesministerium für Bildung und Forschung"],["Bundesministerium","für Bildung","und Forschung"]),st.set(at["Bundesministerium für Ernährung und Landwirtschaft"],["Bundesministerium","für Ernährung","und Landwirtschaft"]),st.set(at["Bundesministerium für Familie, Senioren, Frauen und Jugend"],["Bundesministerium","für Familie, Senioren, Frauen","und Jugend"]),st.set(at["Bundesministerium für Gesundheit"],["Bundesministerium","für Gesundheit"]),st.set(at["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"],["Bundesministerium","für Umwelt, Naturschutz","und nukleare Sicherheit"]),st.set(at["Bundesministerium für Verkehr und digitale Infrastruktur"],["Bundesministerium","für Verkehr und","digitale Infrastruktur"]),st.set(at["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"],["Bundesministerium","für wirtschaftliche Zusammenarbeit","und Entwicklung"]),st.set(it["Beschaffungsamt des Bundesministeriums des Innern"],["Beschaffungsamt","des Bundesministeriums","des Innern"]),st.set(it["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"],[]),st.set(it["Bundesamt für äußere Restitutionen"],[]),st.set(it["Bundesamt für Bauwesen und Raumordnung"],[]),st.set(it["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"],["Bundesamt","für Bevölkerungsschutz","und Katastrophenhilfe"]),st.set(it["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"],["Bundesamt","für Familie und","zivilgesellschaftliche Aufgaben"]),st.set(it["Bundesamt für Güterverkehr"],["Bundesamt","für Güterverkehr"]),st.set(it["Bundesamt für Justiz"],["Bundesamt für","Justiz"]),st.set(it["Bundesamt für Kartographie und Geodäsie"],["Bundesamt für","Kartographie und Geodäsie"]),st.set(it["Bundesamt für kerntechnische Entsorgungssicherheit"],["Bundesamt für","kerntechnische","Entsorgungssicherheit"]),st.set(it["Bundesamt für Migration und Flüchtlinge"],["Bundesamt","für Migration","und Flüchtlinge"]),st.set(it["Bundesamt für Sicherheit in der Informationstechnik"],["Bundesamt","für Sicherheit in der","Informationstechnik"]),st.set(it["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"],["Bundesamt für","Verbraucherschutz und","Lebensmittelsicherheit"]),st.set(it["Bundesamt für Verfassungsschutz"],["Bundesamt für","Verfassungsschutz"]),st.set(it["Bundesamt für Wirtschaft und Ausfuhrkontrolle"],["Bundesamt","für Wirtschaft","Ausfuhrkontrolle"]),st.set(it["Bundesamt für zentrale Dienste und offene Vermögensfragen"],["Bundesamt","für zentrale Dienste und","offene Vermögensfragen"]),st.set(it["Bundesanstalt für Verwaltungsdienstleistungen"],["Bundesanstalt","für Verwaltungsdienstleistungen"]),st.set(it.Bundesarchiv,["Das","Bundesarchiv"]),st.set(it["Bundesaufsichtsamt für Flugsicherung"],["Bundesaufsichtsamt","für Flugsicherung"]),st.set(it.Bundesausgleichsamt,["Bundesausgleichsamt"]),st.set(it.Bundeskartellamt,["Bundeskartellamt"]),st.set(it.Bundeskriminalamt,["Bundeskriminalamt"]),st.set(it.Bundesnachrichtendienst,["Bundesnachrichtendienst"]),st.set(it["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"],["Bundesnetzagentur"]),st.set(it["Bundespolizeipräsidium"],["Bundespolizeipräsidium"]),st.set(it["Bundesprüfstelle für jugendgefährdende Medien"],["Bundesprüfstelle","für jugendgefährdende","Medien"]),st.set(it.Bundessortenamt,["Bundessortenamt"]),st.set(it.Bundessprachenamt,["Bundessprachenamt"]),st.set(it["Bundesamt für Soziale Sicherung"],["Bundesamt","für Soziale Sicherung"]),st.set(it.Bundesverwaltungsamt,["Bundesverwaltungsamt"]),st.set(it["Bundeszentralamt für Steuern"],["Bundeszentralamt","für Steuern"]),st.set(it["Deutsches Patent- und Markenamt"],["Deutsches","Patent- und Markenamt"]),st.set(it["Eisenbahn-Bundesamt"],["Eisenbahn-Bundesamt"]),st.set(it.Generalzolldirektion,["Generalzolldirektion"]),st.set(it["Militärischer Abschirmdienst"],["Bundesamt für den","Militärischen Abschirmdienst"]),st.set(it["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"],["Zentrale Stelle","für Informationstechnik","im Sicherheitsbereich"]),st.set(ct["Informationstechnikzentrum Bund"],["Informations","Technik","Zentrum Bund"]),st.set(ct["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"],["Bundesanstalt","für den Digitalfunk der Behörden und","Organisationen mit Sicherheitsaufgaben"]),st.set(ct["Bundesanstalt für Landwirtschaft und Ernährung"],["Bundesanstalt für","Landwirtschaft und Ernährung"]),st.set(ct["Bundesanstalt Technisches Hilfswerk"],["Bundesanstalt","Technisches Hilfswerk"]),st.set(ct["Bundesinstitut für Arzneimittel und Medizinprodukte"],["Bundesinstitut","für Arzneimittel","und Medizinprodukte"]),st.set(ct["Bundesinstitut für Bevölkerungsforschung"],["Bundesinstitut","für Bevölkerungsforschung"]),st.set(ct["Bundesinstitut für Sportwissenschaft"],["Bundesinstitut","für Sportwissenschaft"]);const dt=lt.createTheme("default",{GLOBAL:"@layer kol-theme-global {\n  :host {\n    --border-radius: var(--kolibri-border-radius, calc(5rem / var(--kolibri-root-font-size, 16)));\n    --font-family: var(--kolibri-font-family, Verdana, Arial, Calibri, Helvetica, sans-serif);\n    --font-size: var(--kolibri-font-size, calc(16rem / var(--kolibri-root-font-size, 16)));\n    --spacing: var(--kolibri-spacing, calc(4rem / var(--kolibri-root-font-size, 16)));\n    --border-width: var(--kolibri-border-width, calc(1rem / var(--kolibri-root-font-size, 16)));\n    --color-primary: var(--kolibri-color-primary, #004b76);\n    --color-primary-variant: var(--kolibri-color-primary-variant, #0077b6);\n    --color-danger: var(--kolibri-color-danger, #b4003c);\n    --color-warning: var(--kolibri-color-warning, #c44931);\n    --color-success: var(--kolibri-color-success, #005c45);\n    --color-subtle: var(--kolibri-color-subtle, #576164);\n    --color-light: var(--kolibri-color-light, #ffffff);\n    --color-text: var(--kolibri-color-text, #202020);\n    --color-mute: var(--kolibri-color-mute, #f2f3f4);\n    --color-mute-variant: var(--kolibri-color-mute-variant, #bec5c9);\n  }\n  * {\n    box-sizing: border-box;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 0;\n    padding: 0;\n  }\n  *[tabindex]:focus,\n  .kol-input:not(.checkbox, .radio) .input:focus-within,\n  .kol-input:is(.checkbox, .radio) input:focus,\n  summary:focus {\n    cursor: pointer;\n    outline-color: var(--color-primary-variant);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: outline-offset 0.2s linear;\n  }\n  .kol-headline {\n    font-weight: 700;\n  }\n  .kol-tooltip__floating {\n    border: var(--border-width) solid var(--color-subtle);\n    border-radius: var(--border-radius);\n  }\n  .kol-tooltip__arrow {\n    background-color: var(--color-light);\n    border: var(--border-width) solid var(--color-subtle);\n  }\n  .kol-tooltip__content {\n    background-color: var(--color-light);\n    border-radius: var(--border-radius);\n    line-height: 1.5;\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-span,\n  .kol-span__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n}","KOL-ACCORDION":"@layer kol-theme-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    font-family: var(--font-family);\n  }\n  .kol-accordion {\n    width: 100%;\n    height: 100%;\n    display: grid;\n  }\n  .kol-accordion__content {\n    margin: 0;\n    padding-left: 2.25em;\n    padding-bottom: calc(12rem / var(--kolibri-root-font-size, 16));\n    padding-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-accordion__heading {\n    margin: 0;\n  }\n  .kol-accordion__heading-button {\n    display: flex;\n    border-radius: var(--border-radius);\n    min-height: calc(35.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-accordion__heading-button:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n    cursor: pointer;\n  }\n  .kol-accordion__heading-button:focus-within .kol-button {\n    outline: 0;\n  }\n  .kol-accordion__heading-button .kol-span__container {\n    display: flex;\n    place-items: baseline center;\n    text-align: left;\n    gap: 0.5em;\n    font-weight: 700;\n    font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.1;\n  }\n  .kol-accordion__heading-button .kol-button {\n    padding: calc(12rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-accordion__heading-button .kol-button :focus {\n    outline: none;\n  }\n  .kol-accordion__heading-button .kol-icon {\n    color: var(--color-primary);\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-ALERT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-AVATAR":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n}","KOL-BADGE":"@layer kol-theme-component {\n  .kol-badge {\n    font-family: var(--font-family);\n    border-radius: var(--border-radius);\n    display: inline-flex;\n    font-style: normal;\n  }\n  .kol-badge--has-smart-button {\n    align-items: center;\n  }\n  .kol-badge__smart-button .kol-button {\n    color: inherit;\n    border-top-right-radius: var(--border-radius);\n    border-bottom-right-radius: var(--border-radius);\n    padding: calc(3.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-badge__smart-button .kol-button:hover {\n    background-color: var(--color-primary-variant);\n    color: var(--color-light);\n  }\n  .kol-badge__smart-button .kol-button__text {\n    align-items: center;\n    font-style: normal;\n    padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-badge__label {\n    padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n    align-items: center;\n    font-style: normal;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-badge__label .kol-span__container {\n    display: flex;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-BREADCRUMB":"@layer kol-theme-component {\n  .kol-breadcrumb {\n    font-family: var(--font-family);\n  }\n  .kol-breadcrumb__list-element-span {\n    color: var(--color-subtle);\n  }\n  .kol-breadcrumb__link::part(icon) {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-breadcrumb__icon {\n    font-size: calc(12rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-subtle);\n  }\n}","KOL-BUTTON":"@layer kol-theme-component {\n  .kol-button:focus {\n    outline: none;\n  }\n  .kol-button--primary {\n    --text-background-color: var(--color-primary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-light);\n  }\n  .kol-button--secondary, .kol-button--normal {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-button--danger {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n    --text-color: var(--color-light);\n  }\n  .kol-button--ghost {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-light);\n    --text-color: var(--color-primary);\n    --text-box-shadow: none;\n  }\n  .kol-button--primary:not([disabled]):hover, .kol-button--secondary:not([disabled]):hover, .kol-button--normal:not([disabled]):hover, .kol-button--danger:not([disabled]):hover, .kol-button--ghost:not([disabled]):hover {\n    --text-background-color: var(--color-primary-variant);\n    --text-border-color: var(--color-primary-variant);\n    --text-color: var(--color-light);\n  }\n  .kol-button--danger:not([disabled]):hover {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n  }\n  .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-button__text:hover {\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-button--hide-label .kol-button__text {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  .kol-button--hide-label .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-button:focus {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-button:disabled:hover .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    box-shadow: none;\n  }\n  .kol-button .badge-text-hint {\n    background-color: var(--color-mute-variant);\n    border-radius: calc(3rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-text);\n    padding: 0 0.3em;\n  }\n  .kol-button {\n    font-family: var(--font-family);\n  }\n  .kol-button__text {\n    font-weight: 700;\n    border-style: solid;\n    border-width: var(--border-width);\n    border-radius: var(--border-radius);\n  }\n}","KOL-BUTTON-LINK":"@layer kol-theme-component {\n  .kol-button {\n    color: var(--color-primary);\n    font-style: normal;\n    font-weight: 400;\n  }\n  .kol-button:focus {\n    outline: none;\n  }\n  .kol-button:visited {\n    color: var(--visited);\n  }\n  .kol-button:focus .kol-button__text {\n    border-radius: var(--border-radius);\n    outline: var(--border-width) solid;\n  }\n  .kol-button:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-button__text .kol-span__label {\n    text-decoration-thickness: 0.25em;\n  }\n  .kol-button {\n    color: var(--color-primary);\n    font-style: normal;\n    font-weight: 400;\n    font-size: inherit;\n  }\n  .kol-button:focus {\n    outline: none;\n    --text-border-radius: var(--border-radius);\n    --text-outline: calc(var(--border-width) * 2) solid;\n  }\n  .kol-button:visited {\n    color: var(--visited);\n  }\n  .kol-button:focus .kol-button__text {\n    border-radius: var(--text-border-radius);\n    outline: var(--text-outline);\n  }\n  .kol-button:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-button__text .kol-span__label {\n    text-decoration-thickness: 0.25em;\n  }\n  .badge-text-hint {\n    background-color: var(--color-mute-variant);\n    border-radius: calc(3rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-text);\n    padding: 0 0.3em;\n  }\n}","KOL-CARD":"@layer kol-theme-component {\n  .kol-card {\n    font-family: var(--font-family);\n    display: grid;\n    width: 100%;\n    height: 100%;\n    background-color: var(--color-light);\n    grid-template-rows: min-content 2fr min-content;\n    box-shadow: 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) color-mix(in srgb, black 80%, var(--color-subtle));\n    border-radius: var(--border-radius);\n  }\n  .kol-card__header {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-card__content {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    overflow: hidden;\n  }\n  .kol-card__headline {\n    line-height: 1.75;\n  }\n}","KOL-COMBOBOX":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option {\n    display: flex;\n    align-items: center;\n    min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n    padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option:focus {\n    background-color: var(--color-primary-variant);\n    color: var(--color-light);\n    outline: 0;\n  }\n  .kol-custom-suggestions-options-group {\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-radius: var(--border-radius);\n    border-color: var(--color-subtle);\n    overflow-y: auto;\n    overflow-x: hidden;\n    max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n    left: calc(-8rem / var(--kolibri-root-font-size, 16));\n    right: calc(-8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-toggle {\n    display: grid;\n    place-items: center;\n    padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-toggle:focus {\n    outline: 0;\n  }\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-combobox__group {\n    display: inline-flex;\n    align-items: center;\n    width: 100%;\n  }\n  .kol-combobox__input {\n    flex-grow: 1;\n    border: none;\n    width: calc(100% - 40rem / var(--kolibri-root-font-size, 16));\n    position: relative;\n  }\n  .kol-combobox__input::placeholder {\n    color: var(--color-subtle);\n  }\n}","KOL-DETAILS":"@layer kol-theme-component {\n  .kol-details {\n    font-family: var(--font-family);\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    width: 100%;\n    height: 100%;\n    display: grid;\n  }\n  .kol-details__content.indented-text {\n    font-family: var(--font-family);\n    border-left: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-primary-variant);\n    padding: 0 calc(18rem / var(--kolibri-root-font-size, 16)) 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    margin-left: calc(-2rem / var(--kolibri-root-font-size, 16));\n    width: 100%;\n    margin: calc(4rem / var(--kolibri-root-font-size, 16)) 0 0 calc(10.4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-details__heading {\n    margin: 0;\n  }\n  .kol-details__heading-button .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-details__heading-button .kol-span__container {\n    display: flex;\n    text-align: left;\n    gap: 0;\n  }\n  .kol-details__heading-button .kol-span__label {\n    border-bottom-color: #000;\n  }\n  .kol-details__heading-button .kol-button:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n    cursor: pointer;\n  }\n}","KOL-DRAWER":"@layer kol-theme-component {\n  .kol-drawer__wrapper {\n    box-shadow: 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) var(--color-subtle);\n  }\n  .kol-drawer__wrapper--left {\n    animation: slideInLeft 0.4s forwards;\n  }\n  .kol-drawer__wrapper--left.kol-drawer__wrapper--is-closing {\n    animation: slideOutLeft 0.4s forwards;\n  }\n  .kol-drawer__wrapper--right {\n    animation: slideInRight 0.4s forwards;\n  }\n  .kol-drawer__wrapper--right.kol-drawer__wrapper--is-closing {\n    animation: slideOutRight 0.4s forwards;\n  }\n  .kol-drawer__wrapper--top {\n    animation: slideInTop 0.4s forwards;\n  }\n  .kol-drawer__wrapper--top.kol-drawer__wrapper--is-closing {\n    animation: slideOutTop 0.4s forwards;\n  }\n  .kol-drawer__wrapper--bottom {\n    animation: slideInBottom 0.4s forwards;\n  }\n  .kol-drawer__wrapper--bottom.kol-drawer__wrapper--is-closing {\n    animation: slideOutBottom 0.4s forwards;\n  }\n}\n@keyframes slideInLeft {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes slideInRight {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes slideInTop {\n  from {\n    transform: translateY(-100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n@keyframes slideInBottom {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n@keyframes slideOutLeft {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(-100%);\n  }\n}\n@keyframes slideOutRight {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes slideOutTop {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(-100%);\n  }\n}\n@keyframes slideOutBottom {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(100%);\n  }\n}","KOL-FORM":"@layer kol-theme-component {\n  .kol-link {\n    color: var(--color-primary);\n    font-style: normal;\n    font-weight: 400;\n  }\n  .kol-link:focus {\n    outline: none;\n  }\n  .kol-link:visited {\n    color: var(--visited);\n  }\n  .kol-link:focus .kol-link__text {\n    border-radius: var(--border-radius);\n    outline: var(--border-width) solid;\n  }\n  .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label {\n    text-decoration-thickness: 0.25em;\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form {\n    font-family: var(--font-family);\n  }\n  .kol-form__link {\n    display: inline-block;\n  }\n  .kol-form__mandatory-fields-hint {\n    font-family: var(--font-family);\n    border-left: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-primary-variant);\n    padding: 0 calc(18rem / var(--kolibri-root-font-size, 16)) 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    margin-left: calc(-2rem / var(--kolibri-root-font-size, 16));\n    width: 100%;\n  }\n}","KOL-HEADING":"@layer kol-theme-component {\n  .kol-headline--h1 {\n    font-size: calc(24rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.667;\n  }\n  .kol-headline--h2 {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.4;\n  }\n  .kol-headline--h3 {\n    font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.333;\n  }\n  .kol-headline--h1, .kol-headline--h2, .kol-headline--h3, .kol-headline--h4, .kol-headline--h5, .kol-headline--h6 {\n    color: inherit;\n    font-style: normal;\n    font-family: var(--font-family);\n  }\n  .kol-headline--h1, .kol-headline--h2, .kol-headline--h3 {\n    font-weight: 700;\n  }\n}","KOL-INPUT-CHECKBOX":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-form-field--disabled .kol-form-field__input {\n    outline: none;\n    cursor: not-allowed;\n  }\n  .kol-form-field--disabled .kol-form-field__label {\n    cursor: not-allowed;\n  }\n  .kol-field-control {\n    column-gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-field-control--required .kol-field-control__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-field-control--required .kol-field-control__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-field-control {\n    gap: calc(6.4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox .kol-input {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n    cursor: pointer;\n    order: 1;\n    width: 100%;\n    border-color: var(--color-subtle);\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-radius: var(--border-radius);\n    appearance: none;\n    background-color: white;\n    transition: 0.5s;\n    margin: 0;\n  }\n  .kol-checkbox .kol-input:checked, .kol-checkbox .kol-input:indeterminate {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  .kol-checkbox .kol-input:disabled {\n    cursor: not-allowed;\n  }\n  .kol-checkbox .kol-input:focus {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-checkbox .kol-input:focus:hover {\n    box-shadow: none;\n  }\n  .kol-checkbox .kol-input:active {\n    box-shadow: none;\n  }\n  .kol-checkbox .kol-input:hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n  }\n  .kol-checkbox.kol-checkbox--disabled {\n    opacity: 0.5;\n  }\n  .kol-checkbox--variant-default {\n    width: initial;\n    min-width: initial;\n  }\n  .kol-checkbox--variant-default .kol-input {\n    border-radius: var(--border-radius);\n    height: calc(6 * 4rem / var(--kolibri-root-font-size, 16));\n    min-width: calc(6 * 4rem / var(--kolibri-root-font-size, 16));\n    width: calc(6 * 4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox--variant-default .kol-icon {\n    color: var(--color-light);\n  }\n  .kol-checkbox--variant-switch .kol-icon {\n    width: 1.25em;\n    height: 1.25em;\n    left: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox--variant-switch .kol-input {\n    background-color: var(--color-subtle);\n    border-radius: 1.25em;\n    border-width: 0;\n    display: block;\n    height: 1.5em;\n    min-width: 3.5em;\n    position: relative;\n    width: 3.5em;\n    /* Visible with forced colors  */\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox--variant-switch .kol-input:focus {\n    outline-color: var(--color-primary);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox--variant-switch .kol-input:before {\n    width: 1.25em;\n    height: 1.25em;\n    left: calc(0.25em - 2rem / var(--kolibri-root-font-size, 16));\n    top: calc(0.25em - 2rem / var(--kolibri-root-font-size, 16));\n    border-radius: 1.25em;\n    background-color: white;\n    position: absolute;\n  }\n  .kol-checkbox--variant-switch .kol-input:checked {\n    background-color: var(--color-primary);\n  }\n  .kol-checkbox--variant-switch .kol-input:checked::before {\n    transform: translateX(2em);\n  }\n  .kol-checkbox--variant-switch .kol-input:indeterminate::before {\n    transform: translateX(1em);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--checked .kol-icon {\n    transform: translate(2em, -50%);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--indeterminate .kol-icon {\n    transform: translate(1em, -50%);\n  }\n  .kol-input-checkbox__field-control--variant-button {\n    gap: unset;\n  }\n  .kol-input-checkbox__field-control--variant-button .kol-field-control__input, .kol-input-checkbox__field-control--variant-button .kol-field-control__label {\n    border-color: var(--color-primary);\n    background-color: var(--color-light);\n    color: var(--color-primary);\n  }\n  .kol-input-checkbox__field-control--variant-button .kol-field-control__input {\n    height: 100%;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16)) 0 calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16));\n    border-style: solid none solid solid;\n    border-radius: var(--border-radius) 0 0 var(--border-radius);\n  }\n  .kol-input-checkbox__field-control--variant-button .kol-field-control__label {\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) 0;\n    border-style: solid solid solid none;\n    border-radius: 0 var(--border-radius) var(--border-radius) 0;\n    justify-self: stretch;\n    align-self: stretch;\n    display: flex;\n    padding-right: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-checkbox__field-control--variant-button .kol-field-control__label-text {\n    margin: auto auto;\n    font-weight: 700;\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-input-checkbox__field-control--indeterminate .kol-field-control__input, .kol-input-checkbox__field-control--variant-button.kol-input-checkbox__field-control--indeterminate .kol-field-control__label {\n    border-color: var(--color-primary);\n    background-color: var(--color-mute);\n    color: var(--color-primary);\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-input-checkbox__field-control--checked .kol-field-control__input, .kol-input-checkbox__field-control--variant-button.kol-input-checkbox__field-control--checked .kol-field-control__label {\n    border-color: var(--color-primary);\n    background-color: var(--color-primary);\n    color: var(--color-light);\n  }\n  .kol-input-checkbox__field-control--variant-button:is(:active, :hover):not(.kol-field-control--disabled) .kol-field-control__input, .kol-input-checkbox__field-control--variant-button:is(:active, :hover):not(.kol-field-control--disabled) .kol-field-control__label {\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    color: var(--color-light);\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n  }\n  .kol-input-checkbox__field-control--variant-button:is(:active, :hover):not(.kol-field-control--disabled):not(.kol-field-control--hide-label) .kol-field-control__label {\n    clip-path: inset(calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)) 0);\n  }\n  .kol-input-checkbox__field-control--variant-button:is(:active, :hover):not(.kol-field-control--disabled):not(.kol-field-control--hide-label) .kol-field-control__input {\n    clip-path: inset(calc(-10rem / var(--kolibri-root-font-size, 16)) 0 calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)));\n  }\n  .kol-input-checkbox__field-control--variant-button:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-field-control--label-align-left .kol-field-control__input {\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) 0;\n    border-style: solid solid solid none;\n    border-radius: 0 var(--border-radius) var(--border-radius) 0;\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-field-control--label-align-left .kol-field-control__label {\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16)) 0 calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16));\n    border-style: solid none solid solid;\n    border-radius: var(--border-radius) 0 0 var(--border-radius);\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-field-control--label-align-left:is(:active, :hover):not(.kol-field-control--disabled):not(.kol-field-control--hide-label) .kol-field-control__label {\n    clip-path: inset(calc(-10rem / var(--kolibri-root-font-size, 16)) 0 calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)));\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-field-control--label-align-left:is(:active, :hover):not(.kol-field-control--disabled):not(.kol-field-control--hide-label) .kol-field-control__input {\n    clip-path: inset(calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)) 0);\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-field-control--hide-label .kol-field-control__input {\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-radius: var(--border-radius);\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-field-control--disabled .kol-field-control__input {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-field-control--disabled .kol-field-control__label {\n    cursor: not-allowed;\n  }\n}","KOL-INPUT-COLOR":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input:disabled {\n    cursor: not-allowed;\n  }\n}","KOL-INPUT-DATE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input:disabled {\n    cursor: not-allowed;\n  }\n}","KOL-INPUT-EMAIL":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input:disabled {\n    cursor: not-allowed;\n  }\n}","KOL-INPUT-FILE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input:disabled {\n    cursor: not-allowed;\n  }\n}\n@layer kol-theme-component {\n  .kol-input-container {\n    gap: initial;\n  }\n  .kol-input {\n    padding-top: calc(0.5em + 2rem / var(--kolibri-root-font-size, 16));\n    background-color: transparent;\n  }\n}","KOL-INPUT-NUMBER":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input:disabled {\n    cursor: not-allowed;\n  }\n}","KOL-INPUT-PASSWORD":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input:disabled {\n    cursor: not-allowed;\n  }\n}","KOL-INPUT-RADIO":"@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-field-control {\n    column-gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-field-control--required .kol-field-control__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-field-control--required .kol-field-control__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field {\n    border: 0;\n    display: grid;\n    font-family: var(--font-family);\n    margin: 0;\n    padding: 0;\n  }\n  .kol-form-field--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field__label {\n    display: inline-block;\n    padding: 0;\n  }\n  .kol-form-field__input {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__input--orientation-horizontal {\n    margin-top: calc(var(--spacing) / 2);\n    gap: var(--spacing) calc(var(--spacing) * 2);\n  }\n  .kol-field-control__wrapper {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-field-control__label {\n    padding-top: 0.1em;\n  }\n  .kol-input-radio {\n    cursor: pointer;\n    width: 100%;\n    border-color: var(--color-subtle);\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-radius: 50%;\n    line-height: 1.5;\n  }\n  .kol-input-radio:hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n  }\n  .kol-input-radio:focus {\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-radio:focus:hover {\n    box-shadow: none;\n  }\n  .kol-input-radio:checked:before {\n    background-color: var(--color-primary);\n  }\n  .kol-input-radio:disabled {\n    cursor: not-allowed;\n    background-color: var(--color-mute-variant);\n  }\n  .kol-input--error:focus {\n    outline-color: var(--color-danger);\n  }\n  .kol-field-control__hint,\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-alert--error {\n    margin-left: -0.25em;\n  }\n}","KOL-INPUT-RANGE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input-range__inputs-wrapper {\n    gap: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-INPUT-TEXT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input:disabled {\n    cursor: not-allowed;\n  }\n}","KOL-KOLIBRI":"@layer kol-theme-component {\n  .kol-kolibri {\n    font-family: var(--font-family);\n  }\n}","KOL-LINK":"@layer kol-theme-component {\n  .kol-link {\n    color: var(--color-primary);\n    font-style: normal;\n    font-weight: 400;\n  }\n  .kol-link:focus {\n    outline: none;\n  }\n  .kol-link:visited {\n    color: var(--visited);\n  }\n  .kol-link:focus .kol-link__text {\n    border-radius: var(--border-radius);\n    outline: var(--border-width) solid;\n  }\n  .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label {\n    text-decoration-thickness: 0.25em;\n  }\n  :host {\n    font-family: inherit;\n  }\n  .kol-link {\n    line-height: 1;\n  }\n}","KOL-LINK-BUTTON":"@layer kol-theme-component {\n  .kol-link:focus {\n    outline: none;\n  }\n  .kol-link--primary {\n    --text-background-color: var(--color-primary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-light);\n  }\n  .kol-link--secondary, .kol-link--normal {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-link--danger {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n    --text-color: var(--color-light);\n  }\n  .kol-link--ghost {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-light);\n    --text-color: var(--color-primary);\n    --text-box-shadow: none;\n  }\n  .kol-link--primary:not([disabled]):hover, .kol-link--secondary:not([disabled]):hover, .kol-link--normal:not([disabled]):hover, .kol-link--danger:not([disabled]):hover, .kol-link--ghost:not([disabled]):hover {\n    --text-background-color: var(--color-primary-variant);\n    --text-border-color: var(--color-primary-variant);\n    --text-color: var(--color-light);\n  }\n  .kol-link--danger:not([disabled]):hover {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n  }\n  .kol-link__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-link__text:hover {\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-link--hide-label .kol-link__text {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  .kol-link--hide-label .kol-link__text .kol-span__label {\n    display: none;\n  }\n  .kol-link:focus {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-link:disabled:hover .kol-link__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    box-shadow: none;\n  }\n  .kol-link .badge-text-hint {\n    background-color: var(--color-mute-variant);\n    border-radius: calc(3rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-text);\n    padding: 0 0.3em;\n  }\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-link:focus {\n    outline: none;\n  }\n  .kol-link__text {\n    font-weight: 700;\n    border-style: solid;\n    border-radius: var(--a11y-min-size);\n    outline-width: calc(var(--border-width) * 2);\n  }\n  .kol-link:focus .kol-link__text {\n    outline-color: var(--color-primary-variant);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(var(--border-width) * 2);\n    transition: outline-offset 0.2s linear;\n  }\n  .kol-link:disabled:hover .kol-link__text {\n    box-shadow: none;\n  }\n  .kol-link:focus:hover .kol-link__text {\n    box-shadow: none;\n  }\n}","KOL-MODAL":"@layer kol-theme-component {\n  .kol-modal__card {\n    box-shadow: 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) var(--color-subtle);\n    border-radius: var(--border-radius);\n  }\n}","KOL-NAV":"@layer kol-theme-component {\n  .kol-nav {\n    font-family: var(--font-family);\n  }\n  .kol-nav__navigation {\n    background-color: var(--color-mute);\n  }\n  .kol-nav__list {\n    list-style: none;\n  }\n  .kol-nav__list--nested {\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-nav__list--nested .kol-link,\n  .kol-nav__list--nested .kol-button {\n    font-weight: normal !important;\n    border-left-color: transparent !important;\n  }\n  .kol-nav__entry--link {\n    display: flex;\n  }\n  .kol-nav__entry .kol-link:hover {\n    text-decoration: underline;\n  }\n  .kol-nav__entry .kol-link,\n  .kol-nav__entry .kol-button {\n    align-items: center;\n    color: var(--color-primary);\n    display: flex;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    min-height: var(--a11y-min-size);\n    text-decoration: none;\n  }\n  .kol-nav__entry .kol-link:focus-visible,\n  .kol-nav__entry .kol-button:focus-visible {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-nav__list--vertical .kol-nav__entry .kol-link,\n  .kol-nav__list--vertical .kol-nav__entry .kol-button {\n    border-left: calc(2rem / var(--kolibri-root-font-size, 16)) solid transparent;\n    padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-nav--horizontal .kol-nav__entry .kol-link,\n  .kol-nav--horizontal .kol-nav__entry .kol-button {\n    padding: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-nav--vertical .kol-nav__list-item--active .kol-nav__entry .kol-link,\n  .kol-nav--vertical .kol-nav__list-item--active .kol-nav__entry .kol-button {\n    border-left-color: var(--color-primary);\n  }\n  .kol-nav__list-item--active .kol-nav__entry .kol-link,\n  .kol-nav__list-item--active .kol-nav__entry .kol-button {\n    font-weight: bold;\n  }\n  .kol-nav__expand-button {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-nav__expand-button .kol-button:hover {\n    background-color: var(--color-primary);\n    color: var(--color-light);\n  }\n  .kol-nav__expand-button .kol-button:focus-visible {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-nav__expand-button .kol-button__text {\n    justify-content: center;\n  }\n}","KOL-PAGINATION":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-pagination__button--selected .kol-button {\n    opacity: 1;\n  }\n  .kol-button__text {\n    background-color: var(--color-light);\n    border-radius: var(--border-radius);\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-primary);\n    color: var(--color-primary);\n    font-weight: 700;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-pagination__button--selected .kol-button__text {\n    background-color: var(--color-primary);\n    color: var(--color-light);\n    border: 0;\n  }\n  .kol-button:focus .kol-button__text {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-button:is(:active, :hover):not(:disabled) .kol-button__text {\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n    color: var(--color-light);\n  }\n  .kol-button:active .kol-button__text {\n    color: var(--color-light);\n    outline: none;\n  }\n}","KOL-PROGRESS":"@layer kol-theme-component {\n  .kol-progress {\n    font-family: var(--font-family);\n  }\n  .kol-progress__bar-progress {\n    fill: var(--color-primary-variant);\n  }\n  .kol-progress__cycle-background {\n    stroke: var(--color-mute-variant);\n  }\n  .kol-progress__cycle-progress {\n    stroke: var(--color-primary-variant);\n  }\n}","KOL-SELECT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-select {\n    border: none;\n  }\n  .kol-select[multiple] {\n    overflow: auto;\n  }\n  .kol-select__option {\n    margin: calc(1rem / var(--kolibri-root-font-size, 16)) 0;\n    border-radius: var(--border-radius);\n    cursor: pointer;\n  }\n  .kol-select__option:disabled {\n    cursor: not-allowed;\n  }\n  .kol-select__option:active:not(:disabled), .kol-select__option:checked:not(:disabled), .kol-select__option:focus:not(:disabled), .kol-select__option:hover:not(:disabled) {\n    background-color: var(--color-primary-variant);\n    color: var(--color-light);\n  }\n  .kol-select:not([multiple]) .kol-select__option {\n    padding: 0.5em;\n  }\n}","KOL-SINGLE-SELECT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option {\n    display: flex;\n    align-items: center;\n    min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n    padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option:focus {\n    background-color: var(--color-primary-variant);\n    color: var(--color-light);\n    outline: 0;\n  }\n  .kol-custom-suggestions-options-group {\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-radius: var(--border-radius);\n    border-color: var(--color-subtle);\n    overflow-y: auto;\n    overflow-x: hidden;\n    max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n    left: calc(-8rem / var(--kolibri-root-font-size, 16));\n    right: calc(-8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-toggle {\n    display: grid;\n    place-items: center;\n    padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-toggle:focus {\n    outline: 0;\n  }\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-single-select__group {\n    display: inline-flex;\n    align-items: center;\n    width: 100%;\n  }\n  .kol-single-select__input {\n    flex-grow: 1;\n    border: none;\n    width: calc(100% - 40rem / var(--kolibri-root-font-size, 16));\n    position: relative;\n  }\n  .kol-single-select__input::placeholder {\n    color: var(--color-subtle);\n  }\n}","KOL-SKIP-NAV":"@layer kol-theme-component {\n  .kol-skip-nav {\n    font-family: var(--font-family);\n  }\n  .kol-skip-nav .kol-link__text {\n    border-radius: var(--a11y-min-size);\n    border-style: solid;\n    border-width: var(--border-width);\n    gap: calc(var(--spacing) * 2);\n    line-height: 1;\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    color: var(--color-light);\n    cursor: pointer;\n  }\n}","KOL-SPLIT-BUTTON":"@layer kol-theme-component {\n  .kol-split-button {\n    font-family: var(--font-family);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: var(--border-width);\n    border-color: var(--color-primary);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  .kol-split-button__button .kol-button .kol-span {\n    border-top-left-radius: var(--border-radius);\n    border-bottom-left-radius: var(--border-radius);\n  }\n  .kol-split-button__horizontal-line {\n    background-color: var(--color-primary);\n    border-radius: calc(2rem / var(--kolibri-root-font-size, 16));\n    width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-split-button__secondary-button {\n    height: 100%;\n  }\n  .kol-split-button__secondary-button .kol-span {\n    border-top-right-radius: var(--border-radius);\n    border-bottom-right-radius: var(--border-radius);\n  }\n  .kol-split-button .kol-span {\n    font-weight: 700;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-split-button .kol-popover__content {\n    background-color: #fff;\n  }\n  .kol-split-button .kol-button:focus {\n    outline: none;\n  }\n  .kol-split-button .kol-button--primary {\n    --text-background-color: var(--color-primary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-light);\n  }\n  .kol-split-button .kol-button--secondary, .kol-split-button .kol-button--normal {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-split-button .kol-button--danger {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n    --text-color: var(--color-light);\n  }\n  .kol-split-button .kol-button--ghost {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-light);\n    --text-color: var(--color-primary);\n    --text-box-shadow: none;\n  }\n  .kol-split-button .kol-button--primary:not([disabled]):hover, .kol-split-button .kol-button--secondary:not([disabled]):hover, .kol-split-button .kol-button--normal:not([disabled]):hover, .kol-split-button .kol-button--danger:not([disabled]):hover, .kol-split-button .kol-button--ghost:not([disabled]):hover {\n    --text-background-color: var(--color-primary-variant);\n    --text-border-color: var(--color-primary-variant);\n    --text-color: var(--color-light);\n  }\n  .kol-split-button .kol-button--danger:not([disabled]):hover {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n  }\n  .kol-split-button .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-split-button .kol-button__text:hover {\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-split-button .kol-button--hide-label .kol-split-button .kol-button__text {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  .kol-split-button .kol-button--hide-label .kol-split-button .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-split-button .kol-button:focus {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-split-button .kol-button:disabled:hover .kol-split-button .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    box-shadow: none;\n  }\n  .kol-split-button .kol-button .badge-text-hint {\n    background-color: var(--color-mute-variant);\n    border-radius: calc(3rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-text);\n    padding: 0 0.3em;\n  }\n}","KOL-TABLE-STATEFUL":"@layer kol-theme-component {\n  .kol-table {\n    font-family: var(--font-family);\n    line-height: var(--line-height);\n    word-break: break-word;\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__table, .kol-table__caption {\n    border-width: 0;\n    border-bottom-width: calc(var(--border-width) * 2);\n    border-color: var(--color-primary-variant);\n    border-style: solid;\n  }\n  .kol-table__table {\n    width: 100%;\n    border-spacing: 0;\n  }\n  .kol-table__caption {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__focus-element:focus {\n    outline-color: var(--color-primary-variant);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: outline-offset 0.2s linear;\n  }\n  .kol-table__cell {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__cell--header {\n    font-weight: normal;\n    color: var(--color-primary);\n    background-color: var(--color-light);\n  }\n  .kol-table__cell--ascending, .kol-table__cell--descending {\n    font-weight: 700;\n  }\n  .kol-table__cell--ascending .kol-button, .kol-table__cell--descending .kol-button {\n    font-weight: 700;\n  }\n  .kol-table__selection {\n    display: flex;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    grid-template-columns: 1fr auto;\n    align-items: center;\n  }\n  .kol-table__spacer {\n    display: table-row;\n    height: calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__spacer-line {\n    border-width: 0;\n    border-color: var(--color-primary-variant);\n    border-style: solid;\n  }\n  .kol-table__spacer-line--foot {\n    border-bottom-width: calc(var(--border-width) * 2);\n  }\n  .kol-table__spacer-line--head {\n    border-top-width: calc(var(--border-width) * 2);\n  }\n  .kol-table__row--body:nth-child(even) {\n    background-color: var(--color-mute);\n  }\n  .kol-table__selection-input:hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n  }\n  .kol-table__selection-input:focus {\n    border-color: var(--color-primary);\n    outline-color: var(--color-primary-variant);\n    outline-style: solid;\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__selection-input:focus:hover {\n    box-shadow: none;\n  }\n  .kol-table__selection-input--checkbox {\n    border-color: var(--color-subtle);\n    border-radius: calc(5rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__selection-input--checkbox:checked {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  .kol-table__selection-input--radio {\n    display: flex;\n    border-color: var(--color-subtle);\n  }\n  .kol-table__selection-input--radio:checked {\n    border-color: var(--color-primary);\n  }\n  .kol-table__selection-input--radio:checked:before {\n    background-color: var(--color-primary);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-input {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  .kol-table__selection-icon {\n    color: var(--color-light);\n  }\n  .kol-icon:hover ~ .kol-table__selection-input--checkbox, .kol-table__selection-input--checkbox:hover {\n    border-color: var(--color-primary);\n  }\n  .kol-table-stateful__pagination {\n    font-family: var(--font-family);\n    line-height: var(--line-height);\n    word-break: break-word;\n  }\n  @media (min-width: 1024px) {\n    .kol-table-stateful .kol-pagination {\n      display: flex;\n      align-items: center;\n    }\n  }\n}","KOL-TABLE-STATELESS":"@layer kol-theme-component {\n  .kol-table {\n    font-family: var(--font-family);\n    line-height: var(--line-height);\n    word-break: break-word;\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__table, .kol-table__caption {\n    border-width: 0;\n    border-bottom-width: calc(var(--border-width) * 2);\n    border-color: var(--color-primary-variant);\n    border-style: solid;\n  }\n  .kol-table__table {\n    width: 100%;\n    border-spacing: 0;\n  }\n  .kol-table__caption {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__focus-element:focus {\n    outline-color: var(--color-primary-variant);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: outline-offset 0.2s linear;\n  }\n  .kol-table__cell {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__cell--header {\n    font-weight: normal;\n    color: var(--color-primary);\n    background-color: var(--color-light);\n  }\n  .kol-table__cell--ascending, .kol-table__cell--descending {\n    font-weight: 700;\n  }\n  .kol-table__cell--ascending .kol-button, .kol-table__cell--descending .kol-button {\n    font-weight: 700;\n  }\n  .kol-table__selection {\n    display: flex;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    grid-template-columns: 1fr auto;\n    align-items: center;\n  }\n  .kol-table__spacer {\n    display: table-row;\n    height: calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__spacer-line {\n    border-width: 0;\n    border-color: var(--color-primary-variant);\n    border-style: solid;\n  }\n  .kol-table__spacer-line--foot {\n    border-bottom-width: calc(var(--border-width) * 2);\n  }\n  .kol-table__spacer-line--head {\n    border-top-width: calc(var(--border-width) * 2);\n  }\n  .kol-table__row--body:nth-child(even) {\n    background-color: var(--color-mute);\n  }\n  .kol-table__selection-input:hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(2rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24);\n  }\n  .kol-table__selection-input:focus {\n    border-color: var(--color-primary);\n    outline-color: var(--color-primary-variant);\n    outline-style: solid;\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-width: calc(3rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__selection-input:focus:hover {\n    box-shadow: none;\n  }\n  .kol-table__selection-input--checkbox {\n    border-color: var(--color-subtle);\n    border-radius: calc(5rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__selection-input--checkbox:checked {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  .kol-table__selection-input--radio {\n    display: flex;\n    border-color: var(--color-subtle);\n  }\n  .kol-table__selection-input--radio:checked {\n    border-color: var(--color-primary);\n  }\n  .kol-table__selection-input--radio:checked:before {\n    background-color: var(--color-primary);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-input {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  .kol-table__selection-icon {\n    color: var(--color-light);\n  }\n  .kol-icon:hover ~ .kol-table__selection-input--checkbox, .kol-table__selection-input--checkbox:hover {\n    border-color: var(--color-primary);\n  }\n}","KOL-TABS":"@layer kol-theme-component {\n  .kol-tabs {\n    font-family: var(--font-family);\n    display: grid;\n    grid-template-rows: var(--grid-template-rows);\n    grid-template-columns: var(--grid-template-columns);\n  }\n  .kol-tabs--align-right {\n    --display: grid;\n    --grid-template-columns: 1fr auto;\n    --button-group-display: grid;\n    --button-group-order: 1;\n  }\n  .kol-tabs--align-left {\n    --display: grid;\n    --grid-template-columns: auto 1fr;\n    --button-group-order: 0;\n  }\n  .kol-tabs--align-bottom {\n    --display: flex;\n    --grid-template-rows: 1fr auto;\n    --button-group-gap: calc(32rem / var(--kolibri-root-font-size, 16));\n    --button-group-order: 1;\n  }\n  .kol-tabs--align-top {\n    --display: flex;\n    --grid-template-rows: auto 1fr;\n    --button-group-gap: calc(32rem / var(--kolibri-root-font-size, 16));\n    --button-group-order: 0;\n  }\n  .kol-tabs__button-group {\n    display: var(--display);\n    flex-wrap: wrap;\n    gap: var(--button-group-gap);\n    order: var(--button-group-order);\n  }\n  .kol-tabs .kol-button {\n    box-sizing: border-box;\n    background-color: transparent;\n    border: 0;\n    border-radius: var(--border-radius);\n    border: none;\n    font-style: normal;\n    font-weight: 700;\n    font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    color: var(--color-subtle);\n    padding: 0;\n  }\n  .kol-tabs .kol-button:hover {\n    color: var(--color-primary);\n  }\n  .kol-tabs .kol-button.primary, .kol-tabs .kol-button.selected {\n    color: var(--color-primary);\n  }\n  .kol-tabs .kol-button:not(.kol-tabs .kol-button.selected) .kol-span__container {\n    padding-bottom: 0.25em;\n  }\n  .kol-tabs .kol-button.selected .kol-span__container {\n    border-bottom: 0.25em solid;\n  }\n  .kol-tabs .kol-button .kol-span__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs .kol-icon {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs__content {\n    padding: 0.25em 0;\n  }\n  .kol-tabs__panel {\n    height: 100%;\n  }\n  .kol-tabs .kol-button-wc {\n    width: 100%;\n  }\n}","KOL-TEXTAREA":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: calc(3rem / var(--kolibri-root-font-size, 16)) solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input:disabled {\n    cursor: not-allowed;\n  }\n}\n@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__counter {\n    order: 4;\n  }\n  .kol-form-field__hint {\n    order: 5;\n  }\n  .kol-textarea {\n    border: none;\n    display: block;\n    overflow: auto;\n  }\n  .kol-textarea:disabled {\n    cursor: not-allowed;\n  }\n  .kol-textarea::placeholder {\n    color: var(--color-subtle);\n  }\n}","KOL-TOAST-CONTAINER":"@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host {\n    top: calc(16rem / var(--kolibri-root-font-size, 16));\n    right: calc(16rem / var(--kolibri-root-font-size, 16));\n    width: calc(440rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item {\n    margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-TOOLBAR":"@layer kol-theme-component {\n  .kol-toolbar {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    border-radius: var(--border-radius);\n    background-color: var(--color-light);\n    border-width: var(--border-width);\n    border-style: solid;\n  }\n}","KOL-TREE":"@layer kol-theme-component {\n  .kol-tree__treeview-navigation {\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid transparent;\n    border-radius: var(--border-radius);\n  }\n  .kol-tree:focus-within {\n    outline: 0;\n  }\n  .kol-tree:focus-within ul {\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-primary);\n  }\n}","KOL-TREE-ITEM":"@layer kol-theme-component {\n  .kol-tree-item__link {\n    display: block;\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid transparent;\n  }\n  .kol-tree-item__link .kol-link {\n    display: block;\n    color: var(--color-text);\n    text-decoration: none;\n    text-align: left;\n  }\n  .kol-tree-item__link:hover, .kol-tree-item__link:focus-within {\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-primary);\n    background-color: var(--color-primary-variant);\n  }\n  .kol-tree-item__link:hover .kol-link, .kol-tree-item__link:focus-within .kol-link {\n    outline-offset: 0;\n    color: var(--color-light);\n  }\n  .kol-tree-item__link--active {\n    background-color: var(--color-primary);\n  }\n  .kol-tree-item__link--active .kol-link {\n    color: var(--color-light);\n  }\n  .kol-tree-item__toggle-button {\n    display: inline-block;\n  }\n  .kol-tree-item__toggle-button:hover {\n    transform: scale(1.3);\n  }\n}"});var ut="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};!function(e){var n,t;n=ut,t=function(){var e=function(){},n="undefined",t=typeof window!==n&&typeof window.navigator!==n&&/Trident\/|MSIE /.test(window.navigator.userAgent),o=["trace","debug","info","warn","error"],r={},l=null;function a(e,n){var t=e[n];if("function"==typeof t.bind)return t.bind(e);try{return Function.prototype.bind.call(t,e)}catch(n){return function(){return Function.prototype.apply.apply(t,[e,arguments])}}}function i(){console.log&&(console.log.apply?console.log.apply(console,arguments):Function.prototype.apply.apply(console.log,[console,arguments])),console.trace&&console.trace()}function c(){for(var t=this.getLevel(),r=0;r<o.length;r++){var l=o[r];this[l]=r<t?e:this.methodFactory(l,t,this.name)}if(this.log=this.debug,typeof console===n&&t<this.levels.SILENT)return"No console available for logging"}function s(e){return function(){typeof console!==n&&(c.call(this),this[e].apply(this,arguments))}}function d(o,r,l){return function(o){return"debug"===o&&(o="log"),typeof console!==n&&("trace"===o&&t?i:void 0!==console[o]?a(console,o):void 0!==console.log?a(console,"log"):e)}(o)||s.apply(this,arguments)}function u(e,t){var a,i,s,u=this,m="loglevel";function f(){var e;if(typeof window!==n&&m){try{e=window.localStorage[m]}catch(e){}if(typeof e===n)try{var t=window.document.cookie,o=encodeURIComponent(m),r=t.indexOf(o+"=");-1!==r&&(e=/^([^;]+)/.exec(t.slice(r+o.length+1))[1])}catch(e){}return void 0===u.levels[e]&&(e=void 0),e}}function b(e){var n=e;if("string"==typeof n&&void 0!==u.levels[n.toUpperCase()]&&(n=u.levels[n.toUpperCase()]),"number"==typeof n&&n>=0&&n<=u.levels.SILENT)return n;throw new TypeError("log.setLevel() called with invalid level: "+e)}"string"==typeof e?m+=":"+e:"symbol"==typeof e&&(m=void 0),u.name=e,u.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},u.methodFactory=t||d,u.getLevel=function(){return null!=s?s:null!=i?i:a},u.setLevel=function(e,t){return s=b(e),!1!==t&&function(e){var t=(o[e]||"silent").toUpperCase();if(typeof window!==n&&m){try{return void(window.localStorage[m]=t)}catch(e){}try{window.document.cookie=encodeURIComponent(m)+"="+t+";"}catch(e){}}}(s),c.call(u)},u.setDefaultLevel=function(e){i=b(e),f()||u.setLevel(e,!1)},u.resetLevel=function(){s=null,function(){if(typeof window!==n&&m){try{window.localStorage.removeItem(m)}catch(e){}try{window.document.cookie=encodeURIComponent(m)+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC"}catch(e){}}}(),c.call(u)},u.enableAll=function(e){u.setLevel(u.levels.TRACE,e)},u.disableAll=function(e){u.setLevel(u.levels.SILENT,e)},u.rebuild=function(){if(l!==u&&(a=b(l.getLevel())),c.call(u),l===u)for(var e in r)r[e].rebuild()},a=b(l?l.getLevel():"WARN");var p=f();null!=p&&(s=b(p)),c.call(u)}(l=new u).getLogger=function(e){if("symbol"!=typeof e&&"string"!=typeof e||""===e)throw new TypeError("You must supply a name when creating a logger.");var n=r[e];return n||(n=r[e]=new u(e,l.methodFactory)),n};var m=typeof window!==n?window.log:void 0;return l.noConflict=function(){return typeof window!==n&&window.log===l&&(window.log=m),l},l.getLoggers=function(){return r},l.default=l,l},e.exports?e.exports=t():n.log=t()}({exports:{}});const mt={A11yUi:{CSS_STYLE_CACHE:new Map,HYDRATED_HISTORY:[],STYLING_TASK_QUEUE:new Map,Themes:{}}},ft=new Set,bt=/--[^;]+/g,pt=/:/,ht=(e,n)=>"object"==typeof mt.A11yUi&&null!==mt.A11yUi&&"object"==typeof mt.A11yUi.Themes&&null!==mt.A11yUi.Themes&&"object"==typeof mt.A11yUi.Themes[e]&&null!==mt.A11yUi.Themes[e]&&"string"==typeof mt.A11yUi.Themes[e][n]?mt.A11yUi.Themes[e][n].replace(/\r?\n/g,""):"",kt=(e,n,t)=>{const o=n.name||"default";let r;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");r=e.shadowRoot}catch{r=e}if(mt.A11yUi.CSS_STYLE_CACHE.get(o)?.has(e.tagName))vt(e,r,mt.A11yUi.CSS_STYLE_CACHE.get(o)?.get(e.tagName),t);else{const l=ht(o,"PROPERTIES"),a=ht(o,"GLOBAL"),i=ht(o,e.tagName);!1===ft.has(o)&&((e,n)=>{let t=n.match(bt);if(Array.isArray(t)){t=t.filter((e=>pt.test(e)));const n=document.createElement("style");n.innerHTML=`.${e} {${t.join(";")}}`,document.querySelector("head")?.appendChild(n)}ft.add(e)})(o,a);const c=[l,a,i];((e,n,t)=>{if(!1!==t){const o=[...Array.from(e.childNodes).filter((e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName))];let r;try{r=[...Array.from(e.adoptedStyleSheets)]}catch{r=[]}"before"===t?.mode?(o.reverse().forEach((e=>n.unshift(e.innerHTML))),r.reverse().forEach((e=>n.unshift(Array.from(e.cssRules).map((e=>e.cssText)).join(""))))):"after"===t?.mode&&(o.forEach((e=>n.push(e.innerHTML))),r.forEach((e=>n.push(Array.from(e.cssRules).map((e=>e.cssText)).join("")))))}})(r,c,n.encroachCss),"debug"===n.loglevel&&console.log(e.tagName,c),!0===n.cache&&(!1===mt.A11yUi.CSS_STYLE_CACHE.has(o)&&mt.A11yUi.CSS_STYLE_CACHE.set(o,new Map),mt.A11yUi.CSS_STYLE_CACHE.get(o)?.set(e.tagName,c)),vt(e,r,c,t)}},vt=(e,n,t,o)=>{(e=>{for(const n of Array.from(e.childNodes)){if(!(n instanceof HTMLStyleElement&&"STYLE"===n.tagName&&void 0===n.dataset.themingFallback))break;e.removeChild(n)}})(n),((e,n)=>{try{if("ssr"===mt.A11yUi.Theme?.mode)throw new Error("SSR");const t=[];n.forEach((e=>{const n=new CSSStyleSheet;n.replaceSync(e),t.push(n)})),e.adoptedStyleSheets=t}catch{[...n].reverse().forEach(((n,t)=>{if("string"!=typeof n||0===n.length)return;const o=document.createElement("style");switch(o.dataset.themingFallback="",t){case 4:o.dataset.themingBaseA11y="";break;case 3:o.dataset.themingBaseGlobal="";break;case 2:o.dataset.themingBaseComponent="";break;case 1:o.dataset.themingCustomGlobal="";break;case 0:o.dataset.themingCustomComponent="";break;default:o.dataset.themingUnknown=""}o.innerHTML=n,e.insertBefore(o,e.firstChild)}))}})(n,t),e.style.display=o},gt=(e,n)=>{(e=>{mt.A11yUi.STYLING_TASK_QUEUE.delete(e)})(e),(e=>{"debug"===e.loglevel&&mt.A11yUi.HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:mt.A11yUi.STYLING_TASK_QUEUE.size})})(n)},_t=e=>{for(const n of e)if(mt.A11yUi.STYLING_TASK_QUEUE.has(n.target)&&n.target.classList.contains("hydrated")){const{styleDisplay:e,themeDetails:t}=mt.A11yUi.STYLING_TASK_QUEUE.get(n.target);kt(n.target,t,e),gt(n.target,t)}};let yt;try{yt=new MutationObserver(_t)}catch{yt=null}var wt,Et;!function(e){e[e.error=0]="error",e[e.warning=1]="warning",e[e.info=2]="info",e[e.success=3]="success",e[e.message=4]="message",e[e.close=5]="close",e[e["form-description"]=6]="form-description",e[e.of=7]="of",e[e.characters=8]="characters",e[e.new=9]="new",e[e["no-entries"]=10]="no-entries",e[e["change-order"]=11]="change-order",e[e["action-running"]=12]="action-running",e[e["action-done"]=13]="action-done",e[e["page-first"]=14]="page-first",e[e["page-back"]=15]="page-back",e[e["page-next"]=16]="page-next",e[e["page-last"]=17]="page-last",e[e["entries-per-site"]=18]="entries-per-site",e[e["page-current"]=19]="page-current",e[e["page-selected"]=20]="page-selected",e[e["page-per-site"]=21]="page-per-site",e[e["logo-description"]=22]="logo-description",e[e["open-link-in-tab"]=23]="open-link-in-tab",e[e["kolibri-logo"]=24]="kolibri-logo"}(wt||(wt={})),function(e){e[e.abbr=0]="abbr",e[e.accordion=1]="accordion",e[e["accordion-group"]=2]="accordion-group",e[e.alert=3]="alert",e[e.avatar=4]="avatar",e[e.badge=5]="badge",e[e.breadcrumb=6]="breadcrumb",e[e.button=7]="button",e[e["button-link"]=8]="button-link",e[e.card=9]="card",e[e.combobox=10]="combobox",e[e.details=11]="details",e[e.drawer=12]="drawer",e[e.form=13]="form",e[e.heading=14]="heading",e[e.icon=15]="icon",e[e.image=16]="image",e[e["input-checkbox"]=17]="input-checkbox",e[e["input-color"]=18]="input-color",e[e["input-date"]=19]="input-date",e[e["input-email"]=20]="input-email",e[e["input-file"]=21]="input-file",e[e["input-number"]=22]="input-number",e[e["input-password"]=23]="input-password",e[e["input-radio"]=24]="input-radio",e[e["input-range"]=25]="input-range",e[e["input-text"]=26]="input-text",e[e.kolibri=27]="kolibri",e[e.link=28]="link",e[e["link-button"]=29]="link-button",e[e.logo=30]="logo",e[e.modal=31]="modal",e[e.nav=32]="nav",e[e.pagination=33]="pagination",e[e.progress=34]="progress",e[e.select=35]="select",e[e.separator=36]="separator",e[e["skip-nav"]=37]="skip-nav",e[e.spin=38]="spin",e[e["single-select"]=39]="single-select",e[e["split-button"]=40]="split-button",e[e.symbol=41]="symbol",e[e.table=42]="table",e[e["table-stateless"]=43]="table-stateless",e[e["table-stateful"]=44]="table-stateful",e[e.tabs=45]="tabs",e[e.textarea=46]="textarea",e[e["toast-container"]=47]="toast-container",e[e.toolbar=48]="toolbar",e[e.tooltip=49]="tooltip",e[e.tree=50]="tree",e[e["tree-item"]=51]="tree-item"}(Et||(Et={}));const xt=new class{constructor(e,n,t){this.createTheme=(e,n)=>((e,n)=>t=>t(e,n,{append:!1}))(e,n),this.createTranslation=(e,n)=>((e,n)=>t=>t(e,n))(e,n),this.Prefix=e,this.Key=Object.getOwnPropertyNames(n),this.Tag=Object.getOwnPropertyNames(t)}}("kol",wt,Et);var zt,St,Tt;!function(e){e["Die Bundesregierung"]="BReg",e["Bundesministerium der Finanzen"]="BMF",e["Bundesministerium des Innern, für Bau und Heimat"]="BMI",e["Auswärtiges Amt"]="AA",e["Bundesministerium für Wirtschaft und Energie"]="BMWi",e["Bundesministerium der Justiz und für Verbraucherschutz"]="BMJV",e["Bundesministerium für Arbeit und Soziales"]="BMAS",e["Bundesministerium der Verteidigung"]="BMVg",e["Bundesministerium für Ernährung und Landwirtschaft"]="BMEL",e["Bundesministerium für Familie, Senioren, Frauen und Jugend"]="BMFSFJ",e["Bundesministerium für Gesundheit"]="BMG",e["Bundesministerium für Verkehr und digitale Infrastruktur"]="BMVI",e["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"]="BMU",e["Bundesministerium für Bildung und Forschung"]="BMBF",e["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"]="BMZ"}(zt||(zt={})),function(e){e["Beschaffungsamt des Bundesministeriums des Innern"]="BeschA",e["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"]="BAAINBw",e["Bundesamt für äußere Restitutionen"]="BAR",e["Bundesamt für Bauwesen und Raumordnung"]="BBR",e["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"]="BBK",e["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"]="BAFzA",e["Bundesamt für Güterverkehr"]="BAG",e["Bundesamt für Justiz"]="BfJ",e["Bundesamt für Kartographie und Geodäsie"]="BKG",e["Bundesamt für kerntechnische Entsorgungssicherheit"]="BASE",e["Bundesamt für Migration und Flüchtlinge"]="BAMF",e["Bundesamt für Sicherheit in der Informationstechnik"]="BSI",e["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"]="BVL",e["Bundesamt für Verfassungsschutz"]="BfV",e["Bundesamt für Wirtschaft und Ausfuhrkontrolle"]="BAFA",e["Bundesamt für zentrale Dienste und offene Vermögensfragen"]="BADV",e["Bundesanstalt für Verwaltungsdienstleistungen"]="BAV",e.Bundesarchiv="BArch",e["Bundesaufsichtsamt für Flugsicherung"]="BAF",e.Bundesausgleichsamt="BAA",e.Bundeskartellamt="BKartA",e.Bundeskriminalamt="BKA",e.Bundesnachrichtendienst="BND",e["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"]="BNetzA",e["Bundespolizeipräsidium"]="BPOLP",e["Bundesprüfstelle für jugendgefährdende Medien"]="BPjM",e.Bundessortenamt="BSA",e.Bundessprachenamt="BSprA",e["Bundesamt für Soziale Sicherung"]="BAS",e.Bundesverwaltungsamt="BVA",e["Bundeszentralamt für Steuern"]="BZSt",e["Deutsches Patent- und Markenamt"]="DPMA",e["Eisenbahn-Bundesamt"]="EBA",e.Generalzolldirektion="GZD",e["Militärischer Abschirmdienst"]="MAD",e["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"]="ZITiS"}(St||(St={})),function(e){e["Informationstechnikzentrum Bund"]="ITZBund",e["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"]="BDBOS",e["Bundesanstalt für Landwirtschaft und Ernährung"]="BLE",e["Bundesanstalt Technisches Hilfswerk"]="THW",e["Bundesinstitut für Arzneimittel und Medizinprodukte"]="BfArM",e["Bundesinstitut für Bevölkerungsforschung"]="BiB",e["Bundesinstitut für Sportwissenschaft"]="BISp"}(Tt||(Tt={}));const Ct=new Map;Ct.set(zt["Die Bundesregierung"],["Die","Bundesregierung"]),Ct.set(zt["Bundesministerium der Finanzen"],["Bundesministerium","der Finanzen"]),Ct.set(zt["Bundesministerium des Innern, für Bau und Heimat"],["Bundesministerium","des Inneren, für Bau","und Heimat"]),Ct.set(zt["Auswärtiges Amt"],["Auswärtiges Amt"]),Ct.set(zt["Bundesministerium für Wirtschaft und Energie"],["Bundesministerium","für Wirtschaft","und Energie"]),Ct.set(zt["Bundesministerium der Justiz und für Verbraucherschutz"],["Bundesministerium","der Justiz und","für Verbraucherschutz"]),Ct.set(zt["Bundesministerium für Arbeit und Soziales"],["Bundesministerium","für Arbeit und Soziales"]),Ct.set(zt["Bundesministerium der Verteidigung"],["Bundesministerium","der Verteidigung"]),Ct.set(zt["Bundesministerium für Bildung und Forschung"],["Bundesministerium","für Bildung","und Forschung"]),Ct.set(zt["Bundesministerium für Ernährung und Landwirtschaft"],["Bundesministerium","für Ernährung","und Landwirtschaft"]),Ct.set(zt["Bundesministerium für Familie, Senioren, Frauen und Jugend"],["Bundesministerium","für Familie, Senioren, Frauen","und Jugend"]),Ct.set(zt["Bundesministerium für Gesundheit"],["Bundesministerium","für Gesundheit"]),Ct.set(zt["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"],["Bundesministerium","für Umwelt, Naturschutz","und nukleare Sicherheit"]),Ct.set(zt["Bundesministerium für Verkehr und digitale Infrastruktur"],["Bundesministerium","für Verkehr und","digitale Infrastruktur"]),Ct.set(zt["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"],["Bundesministerium","für wirtschaftliche Zusammenarbeit","und Entwicklung"]),Ct.set(St["Beschaffungsamt des Bundesministeriums des Innern"],["Beschaffungsamt","des Bundesministeriums","des Innern"]),Ct.set(St["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"],[]),Ct.set(St["Bundesamt für äußere Restitutionen"],[]),Ct.set(St["Bundesamt für Bauwesen und Raumordnung"],[]),Ct.set(St["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"],["Bundesamt","für Bevölkerungsschutz","und Katastrophenhilfe"]),Ct.set(St["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"],["Bundesamt","für Familie und","zivilgesellschaftliche Aufgaben"]),Ct.set(St["Bundesamt für Güterverkehr"],["Bundesamt","für Güterverkehr"]),Ct.set(St["Bundesamt für Justiz"],["Bundesamt für","Justiz"]),Ct.set(St["Bundesamt für Kartographie und Geodäsie"],["Bundesamt für","Kartographie und Geodäsie"]),Ct.set(St["Bundesamt für kerntechnische Entsorgungssicherheit"],["Bundesamt für","kerntechnische","Entsorgungssicherheit"]),Ct.set(St["Bundesamt für Migration und Flüchtlinge"],["Bundesamt","für Migration","und Flüchtlinge"]),Ct.set(St["Bundesamt für Sicherheit in der Informationstechnik"],["Bundesamt","für Sicherheit in der","Informationstechnik"]),Ct.set(St["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"],["Bundesamt für","Verbraucherschutz und","Lebensmittelsicherheit"]),Ct.set(St["Bundesamt für Verfassungsschutz"],["Bundesamt für","Verfassungsschutz"]),Ct.set(St["Bundesamt für Wirtschaft und Ausfuhrkontrolle"],["Bundesamt","für Wirtschaft","Ausfuhrkontrolle"]),Ct.set(St["Bundesamt für zentrale Dienste und offene Vermögensfragen"],["Bundesamt","für zentrale Dienste und","offene Vermögensfragen"]),Ct.set(St["Bundesanstalt für Verwaltungsdienstleistungen"],["Bundesanstalt","für Verwaltungsdienstleistungen"]),Ct.set(St.Bundesarchiv,["Das","Bundesarchiv"]),Ct.set(St["Bundesaufsichtsamt für Flugsicherung"],["Bundesaufsichtsamt","für Flugsicherung"]),Ct.set(St.Bundesausgleichsamt,["Bundesausgleichsamt"]),Ct.set(St.Bundeskartellamt,["Bundeskartellamt"]),Ct.set(St.Bundeskriminalamt,["Bundeskriminalamt"]),Ct.set(St.Bundesnachrichtendienst,["Bundesnachrichtendienst"]),Ct.set(St["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"],["Bundesnetzagentur"]),Ct.set(St["Bundespolizeipräsidium"],["Bundespolizeipräsidium"]),Ct.set(St["Bundesprüfstelle für jugendgefährdende Medien"],["Bundesprüfstelle","für jugendgefährdende","Medien"]),Ct.set(St.Bundessortenamt,["Bundessortenamt"]),Ct.set(St.Bundessprachenamt,["Bundessprachenamt"]),Ct.set(St["Bundesamt für Soziale Sicherung"],["Bundesamt","für Soziale Sicherung"]),Ct.set(St.Bundesverwaltungsamt,["Bundesverwaltungsamt"]),Ct.set(St["Bundeszentralamt für Steuern"],["Bundeszentralamt","für Steuern"]),Ct.set(St["Deutsches Patent- und Markenamt"],["Deutsches","Patent- und Markenamt"]),Ct.set(St["Eisenbahn-Bundesamt"],["Eisenbahn-Bundesamt"]),Ct.set(St.Generalzolldirektion,["Generalzolldirektion"]),Ct.set(St["Militärischer Abschirmdienst"],["Bundesamt für den","Militärischen Abschirmdienst"]),Ct.set(St["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"],["Zentrale Stelle","für Informationstechnik","im Sicherheitsbereich"]),Ct.set(Tt["Informationstechnikzentrum Bund"],["Informations","Technik","Zentrum Bund"]),Ct.set(Tt["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"],["Bundesanstalt","für den Digitalfunk der Behörden und","Organisationen mit Sicherheitsaufgaben"]),Ct.set(Tt["Bundesanstalt für Landwirtschaft und Ernährung"],["Bundesanstalt für","Landwirtschaft und Ernährung"]),Ct.set(Tt["Bundesanstalt Technisches Hilfswerk"],["Bundesanstalt","Technisches Hilfswerk"]),Ct.set(Tt["Bundesinstitut für Arzneimittel und Medizinprodukte"],["Bundesinstitut","für Arzneimittel","und Medizinprodukte"]),Ct.set(Tt["Bundesinstitut für Bevölkerungsforschung"],["Bundesinstitut","für Bevölkerungsforschung"]),Ct.set(Tt["Bundesinstitut für Sportwissenschaft"],["Bundesinstitut","für Sportwissenschaft"]);const Bt=xt.createTheme("ecl-ec",{GLOBAL:"@layer kol-theme-global {\n  .kol-tooltip__arrow {\n    background-color: #626262;\n  }\n  .kol-tooltip__content {\n    background-color: #f2f2f2;\n    padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16));\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    border-radius: calc(2rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid #626262;\n  }\n  :host {\n    --color-blue: #004494;\n    --color-yellow: #ffd617;\n    --color-grey: #404040;\n    --color-blue-130: #002f67;\n    --color-blue-120: #003776;\n    --color-blue-110: #003d84;\n    --color-blue-100: var(--color-blue);\n    --color-blue-75: #4073af;\n    --color-blue-50: #bfd0e4;\n    --color-blue-25: #bfd0e4;\n    --color-blue-5: #f2f5f9;\n    --color-yellow-120: #f8ae21;\n    --color-yellow-110: #fbc11d;\n    --color-yellow-100: var(--color-yellow);\n    --color-yellow-75: #ffde39;\n    --color-yellow-50: #ffe879;\n    --color-yellow-25: #fff4bb;\n    --color-grey-100: var(--color-grey);\n    --color-grey-75: #707070;\n    --color-grey-50: #9f9f9f;\n    --color-grey-25: #cfcfcf;\n    --color-grey-20: #d9d9d9;\n    --color-grey-15: #e3e3e3;\n    --color-grey-10: #ebebeb;\n    --color-grey-5: #f5f5f5;\n    --color-grey-3: #f9f9f9;\n    --color-blue-n: #006fb4;\n    --color-orange: #f29527;\n    --color-green: #467a39;\n    --color-red: #da2131;\n    --color-red-1xx: #981722;\n    --color-black: #000;\n    --color-white: #fff;\n    --font-family: Arial, sans-serif;\n    --font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    --font-weight: 400;\n    --font-weight-bold: 600;\n    --line-height: 1.5;\n    --line-height-heading: 1.2;\n    --spacing-4xl: calc(64rem / var(--kolibri-root-font-size, 16));\n    --spacing-3xl: calc(48rem / var(--kolibri-root-font-size, 16));\n    --spacing-2xl: calc(40rem / var(--kolibri-root-font-size, 16));\n    --spacing-xl: calc(32rem / var(--kolibri-root-font-size, 16));\n    --spacing-l: calc(24rem / var(--kolibri-root-font-size, 16));\n    --spacing-m: calc(16rem / var(--kolibri-root-font-size, 16));\n    --spacing-s: calc(12rem / var(--kolibri-root-font-size, 16));\n    --spacing-xs: calc(8rem / var(--kolibri-root-font-size, 16));\n    --spacing-2xs: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  a,\n  button {\n    font-size: var(--font-size);\n    outline: none;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-weight: var(--font-weight-bold);\n    line-height: var(--line-height-heading);\n    margin: 0;\n    padding: 0;\n  }\n  p {\n    font-weight: var(--font-weight);\n  }\n  .kol-span,\n  .kol-span__container {\n    gap: 0.5em;\n  }\n  .required label span::after,\n  .required legend span::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n}","KOL-HEADING":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-headline--h1 {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.25;\n  }\n  .kol-headline--h2 {\n    font-size: calc(28rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.143;\n  }\n  .kol-headline--h3 {\n    font-size: calc(24rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.1667;\n  }\n  .kol-headline--h4 {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.4;\n  }\n  .kol-headline--h5 {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n  }\n  .kol-headline--h6 {\n    color: rgb(234, 0, 255);\n  }\n}","KOL-ACCORDION":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-accordion {\n    background-color: var(--color-grey-5);\n    border-color: var(--color-grey-25);\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-accordion__heading-button .kol-button {\n    text-align: left;\n    width: 100%;\n    padding: 0 var(--spacing-m);\n    display: flex;\n    place-items: center;\n    line-height: 1.2;\n  }\n  .kol-accordion__heading-button .kol-button__text {\n    color: var(--color-grey);\n    font-weight: var(--font-weight-bold);\n    padding: calc(12rem / var(--kolibri-root-font-size, 16)) 0;\n    width: 100%;\n    border: none;\n  }\n  .kol-accordion__heading-button .kol-button:focus, .kol-accordion__heading-button .kol-button:hover {\n    background-color: var(--color-grey-25);\n  }\n  .kol-accordion__heading-button .kol-button:focus {\n    outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    outline-offset: calc(-2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-accordion__heading-button .kol-icon {\n    margin-bottom: calc(12rem / var(--kolibri-root-font-size, 16));\n    margin-inline-end: calc(16rem / var(--kolibri-root-font-size, 16));\n    margin-inline-start: 0;\n    margin-top: calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-accordion__content {\n    padding: var(--spacing-s) var(--spacing-m);\n  }\n}","KOL-BUTTON":"@layer kol-theme-component {\n  .kol-button {\n    font-family: var(--font-family);\n    appearance: none;\n    outline: none;\n    text-decoration: none;\n    --text-focus-outline-color: var(--color-black);\n  }\n  .kol-button:focus {\n    outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n    outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-button--primary {\n    --text-background-color: var(--color-blue);\n    --text-border-color: var(--color-blue);\n    --text-color: var(--color-white);\n  }\n  .kol-button--primary:focus {\n    --text-focus-outline-color: var(--color-white);\n  }\n  .kol-button--primary:hover {\n    --text-background-color: var(--color-blue-130);\n    --text-border-color: var(--color-blue-130);\n  }\n  .kol-button--secondary {\n    --text-background-color: var(--color-white);\n    --text-border-color: var(--color-blue);\n    --text-color: var(--color-blue);\n  }\n  .kol-button--secondary:focus {\n    --text-focus-outline-color: var(--color-blue);\n  }\n  .kol-button--secondary:hover {\n    --text-border-color: var(--color-blue-130);\n    --text-color: var(--color-blue-130);\n  }\n  .kol-button--normal {\n    --text-background-color: var(--color-yellow);\n    --text-border-color: var(--color-yellow);\n    --text-color: var(--color-black);\n  }\n  .kol-button--normal:hover {\n    --text-background-color: var(--color-yellow-120);\n    --text-border-color: var(--color-yellow-120);\n  }\n  .kol-button--danger {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n    --text-color: var(--color-white);\n  }\n  .kol-button--danger:focus {\n    --text-focus-outline-color: var(--color-white);\n  }\n  .kol-button--danger:hover {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n  }\n  .kol-button--ghost {\n    --text-background-color: transparent;\n    --text-border-color: transparent;\n    --text-color: var(--color-blue);\n  }\n  .kol-button--ghost:focus {\n    --text-focus-outline-color: var(--color-blue);\n  }\n  .kol-button--ghost:hover {\n    --text-background-color: unset;\n    --text-border-color: transparent;\n    --text-color: var(--color-blue-130);\n  }\n  .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    border-radius: 0;\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    font-weight: var(--font-weight-bold);\n    margin: 0;\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n    padding: 0.25em 0.75em;\n    line-height: 1.2;\n  }\n  .kol-button--hide-label .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-button--secondary:focus .kol-button__text {\n    outline-offset: calc(-6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-button--ghost:focus .kol-button__text {\n    outline-offset: calc(-2rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-LINK-BUTTON":"@layer kol-theme-component {\n  .kol-link {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n    appearance: none;\n    color: var(--color-blue);\n    text-decoration: underline;\n  }\n  .kol-link:hover {\n    color: var(--color-blue-130);\n  }\n}","KOL-BADGE":"@layer kol-theme-component {\n  .kol-badge {\n    font: normal normal var(--font-weight) 1em var(--font-family);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16) - 1rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16) - 1rem / var(--kolibri-root-font-size, 16));\n    text-transform: uppercase;\n  }\n}","KOL-ALERT":"@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-AVATAR":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n}","KOL-TABS":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs__button-group {\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-25);\n    margin-bottom: calc(-1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs .kol-button {\n    border: none;\n    margin-bottom: calc(-1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs .kol-button:hover:not(:disabled) .kol-span {\n    color: var(--color-blue-130);\n  }\n  .kol-tabs .kol-button:focus .kol-span {\n    outline: var(--color-blue-130) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs .kol-button.selected .kol-span {\n    border-color: var(--color-grey-25);\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-bottom-color: white;\n    border-top-color: var(--color-blue);\n    box-shadow: 0 calc(-3rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    font-weight: var(--font-weight-bold);\n    color: var(--color-blue);\n  }\n  .kol-tabs .kol-button .kol-span {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-LINK":"@layer kol-theme-component {\n  .kol-link {\n    font-family: var(--font-family);\n    appearance: none;\n    color: var(--color-blue);\n    line-height: 1.2;\n  }\n  .kol-link:hover {\n    color: var(--color-blue-130);\n  }\n}","KOL-BUTTON-LINK":"@layer kol-theme-component {\n  .kol-button {\n    font-family: var(--font-family);\n    appearance: none;\n    color: var(--color-blue);\n    line-height: 1.2;\n  }\n  .kol-button:hover {\n    color: var(--color-blue-130);\n  }\n  .badge-text-hint {\n    background-color: var(--color-mute-variant);\n    border-radius: calc(3rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-text);\n    padding: 0 0.3em;\n  }\n}","KOL-BREADCRUMB":"@layer kol-theme-component {\n  .kol-breadcrumb {\n    font: normal normal 400 calc(14rem / var(--kolibri-root-font-size, 16))/calc(16rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-breadcrumb__icon::part(icon separator)::before {\n    color: var(--color-blue);\n  }\n  .kol-breadcrumb__icon[exportparts*=separator] {\n    margin-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    margin-inline-start: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding: 0;\n  }\n  .kol-breadcrumb__list-element:last-child {\n    color: var(--color-grey-75);\n  }\n  .kol-breadcrumb__link {\n    font-family: var(--font-family);\n  }\n}","KOL-DETAILS":"@layer kol-theme-component {\n  .kol-details {\n    font-family: var(--font-family);\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-details__heading-button:focus-within {\n    cursor: pointer;\n  }\n  .kol-details__heading-button .kol-button .kol-span__label {\n    border-bottom-color: #000;\n  }\n  .kol-details__heading-button .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-details__heading-button .kol-span__container {\n    display: flex;\n    text-align: left;\n    gap: 0;\n  }\n  .kol-details__content.indented-text {\n    font-family: var(--font-family);\n    border-end-start-radius: 0;\n    border-inline-start: calc(10rem / var(--kolibri-root-font-size, 16)) solid var(--color-yellow);\n    border-start-start-radius: 0;\n    padding-bottom: calc(16rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(16rem / var(--kolibri-root-font-size, 16));\n    margin: 0;\n    margin: 0;\n  }\n}","KOL-DRAWER":"@layer kol-theme-component {\n  .kol-drawer__wrapper {\n    box-shadow: 0 0 calc(var(--spacing-2xs) / 2) var(--color-black);\n  }\n}","KOL-PROGRESS":"@layer kol-theme-component {\n  .kol-progress {\n    font-family: var(--font-family);\n  }\n  .kol-progress__bar-progress {\n    fill: var(--color-blue-130);\n  }\n  .kol-progress__cycle-background {\n    stroke: var(--color-grey-25);\n  }\n  .kol-progress__cycle-progress {\n    stroke: var(--color-blue-130);\n  }\n}","KOL-SPIN":"@layer kol-theme-component {\n  .cycle {\n    padding: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .cycle span {\n    background-color: var(--color-blue-75);\n  }\n}","KOL-SINGLE-SELECT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host .kol-alert {\n    font-family: var(--font-family);\n  }\n  :host .kol-alert--msg {\n    border: none;\n  }\n  :host .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  :host .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  :host .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  :host .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  :host .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  :host .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  :host .kol-alert--card :host .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-alert--msg :host .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  :host .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  :host .kol-alert--card :host .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  :host .kol-alert--msg :host .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .kol-alert--card :host .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-alert--card :host .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .single-select {\n    display: block;\n    position: relative;\n  }\n  .single-select__group {\n    display: inline-flex;\n    text-align: left;\n    width: 100%;\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .single-select__input {\n    border: none;\n    flex-grow: 1;\n    width: calc(100% - 40rem / var(--kolibri-root-font-size, 16));\n    position: relative;\n  }\n  .single-select__input::placeholder {\n    color: var(--color-grey-50);\n  }\n  .single-select__input:first-child {\n    padding-left: var(--spacing);\n  }\n  .single-select__input:last-child {\n    padding-right: var(--spacing);\n  }\n  .single-select__input:not(.disabled) .single-select__input:hover {\n    border-color: var(--color-blue);\n  }\n  .single-select__button {\n    display: grid;\n    place-items: center;\n    cursor: pointer;\n    padding-left: 1em;\n  }\n  .single-select__button:focus {\n    outline: 0;\n  }\n  .single-select__listbox {\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-color: var(--color-blue);\n    max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 1rem / var(--kolibri-root-font-size, 16));\n    overflow-y: auto;\n    overflow-x: hidden;\n    box-sizing: border-box;\n    width: 100%;\n  }\n  .single-select__item {\n    padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n  }\n  .single-select__item .radio-label {\n    align-self: center;\n    padding-left: 1em;\n  }\n  .single-select__item:focus, .single-select__item.highlighted {\n    background-color: var(--color-blue);\n    color: white;\n    outline: 0;\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    outline: none;\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-PAGINATION":"@layer kol-theme-component {\n  :host {\n    display: grid;\n    font-family: var(--font-family);\n  }\n  .kol-button {\n    appearance: none;\n    background-color: none;\n    outline: none;\n    text-decoration: none;\n  }\n  .kol-button__text {\n    background-color: var(--color-yellow);\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-yellow);\n    color: var(--color-black);\n    font-weight: var(--font-weight-bold);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: 0.25em 0.75em;\n  }\n  .kol-button:not(:disabled):hover .kol-button__text {\n    background-color: var(--color-yellow-120);\n    border-color: var(--color-yellow-120);\n  }\n  .kol-button:focus .kol-button__text {\n    outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n    outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-black);\n  }\n  .kol-pagination__button--selected .kol-button__text {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n    color: var(--color-white);\n    opacity: 1;\n    text-decoration: underline;\n  }\n  .kol-button:disabled .kol-button__text {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n}","KOL-INPUT-CHECKBOX":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-field-control {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-field-control__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-checkbox .kol-input {\n    background-color: var(--color-white);\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-grey-75);\n    color: var(--color-grey);\n    line-height: 1.5;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox .kol-input:focus {\n    outline-color: var(--color-blue);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox .kol-input:checked {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n  }\n  .kol-checkbox .kol-input:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-checkbox .kol-input:checked:hover {\n    background-color: var(--color-blue-130);\n    border-color: var(--color-blue-130);\n  }\n  .kol-checkbox .kol-input--error {\n    border-color: var(--color-red);\n  }\n  .kol-checkbox .kol-input--error:checked {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  .kol-checkbox .kol-input--error:hover {\n    border-color: var(--color-red);\n  }\n  .kol-checkbox .kol-input--error:checked:hover {\n    background-color: var(--color-red-120);\n    border-color: var(--color-red-120);\n  }\n  .kol-checkbox--variant-default {\n    min-width: unset;\n    width: unset;\n  }\n  .kol-checkbox--variant-default.kol-checkbox--checked .kol-icon {\n    color: var(--color-white);\n  }\n  .kol-checkbox--variant-switch .kol-icon {\n    color: var(--color-white);\n  }\n  .kol-checkbox--variant-switch .kol-input {\n    display: block;\n  }\n  .kol-checkbox--variant-switch .kol-input::before {\n    background-color: var(--color-grey-75);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--checked .kol-icon {\n    background-color: var(--color-white);\n    color: #000;\n  }\n  .kol-checkbox--variant-switch:hover .kol-input::before {\n    background-color: var(--color-blue);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--error .kol-icon {\n    background-color: var(--color-red);\n    color: var(--color-white);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--error .kol-input::before {\n    background-color: var(--color-red);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--error.kol-checkbox--checked .kol-icon {\n    background-color: var(--color-white);\n    color: #000;\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--error:hover .kol-input::before {\n    background-color: var(--color-red);\n  }\n  .kol-input-checkbox--variant-button {\n    gap: var(--spacing-xs) 0;\n  }\n  .kol-input-checkbox--variant-button .kol-form-field__input {\n    order: 1;\n  }\n  .kol-input-checkbox--variant-button .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-input-checkbox--variant-button .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-input-checkbox--variant-button:focus-within {\n    outline-color: var(--color-blue-130);\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-INPUT-COLOR":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-CARD":"@layer kol-theme-component {\n  .kol-card {\n    font-family: var(--font-family);\n    display: grid;\n    width: 100%;\n    height: 100%;\n    background-color: white;\n    grid-template-rows: min-content 2fr min-content;\n    box-shadow: 0 0 calc(var(--spacing-2xs) / 2) var(--color-black);\n  }\n  .kol-card__headline {\n    display: inline-flex;\n    font-style: normal;\n    font-weight: 700;\n    font-size: 1.25em;\n    line-height: 1.75em;\n  }\n  .kol-card__header {\n    padding: var(--spacing-m) var(--spacing-m) var(--spacing-xs) var(--spacing-m);\n  }\n  .kol-card__content {\n    padding: var(--spacing-xs) var(--spacing-m) var(--spacing-m);\n    overflow: hidden;\n  }\n}","KOL-COMBOBOX":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host .kol-alert {\n    font-family: var(--font-family);\n  }\n  :host .kol-alert--msg {\n    border: none;\n  }\n  :host .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  :host .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  :host .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  :host .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  :host .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  :host .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  :host .kol-alert--card :host .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-alert--msg :host .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  :host .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  :host .kol-alert--card :host .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  :host .kol-alert--msg :host .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .kol-alert--card :host .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-alert--card :host .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .combobox {\n    display: block;\n    position: relative;\n  }\n  .combobox__group {\n    display: inline-flex;\n    align-items: center;\n    min-height: var(--a11y-min-size);\n    text-align: left;\n    width: 100%;\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .combobox__input {\n    border: none;\n    flex-grow: 1;\n    width: calc(100% - 24rem / var(--kolibri-root-font-size, 16));\n    position: relative;\n  }\n  .combobox__input::placeholder {\n    color: var(--color-grey-50);\n  }\n  .combobox__input:first-child {\n    padding-left: var(--spacing);\n  }\n  .combobox__input:last-child {\n    padding-right: var(--spacing);\n  }\n  .combobox__icon {\n    display: grid;\n    place-items: center;\n    padding-left: 1em;\n    padding-right: 1em;\n  }\n  .combobox__icon:focus {\n    outline: 0;\n  }\n  .combobox__listbox {\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-color: var(--color-blue);\n    overflow-y: auto;\n    overflow-x: hidden;\n    box-sizing: border-box;\n    width: 100%;\n    max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n  }\n  .combobox__item {\n    display: flex;\n    align-items: center;\n    min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .combobox__item:focus {\n    background-color: var(--color-blue);\n    color: white;\n    outline: 0;\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    outline: none;\n  }\n  input:not([type=range]):focus,\n  select:focus,\n  textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .input:focus-within,\n  .combobox:not(.combobox--disabled) .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-INPUT-RADIO":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  /**\n   * normalizes the layout of form elements.\n  */\n  .kol-form-field {\n    border: 0;\n    margin: 0;\n    padding: 0;\n    flex-wrap: wrap;\n  }\n  /**\n   * order the layout of form elements.\n  */\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__input {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-form-field {\n    border: 0;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    flex-wrap: wrap;\n    align-items: flex-start;\n    padding: 0 calc(14rem / var(--kolibri-root-font-size, 16)) calc(10rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    color: var(--color-grey);\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field__input {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-field-control {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:before {\n    display: none;\n  }\n  .kol-input:checked {\n    border-color: var(--color-blue);\n    border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:focus {\n    outline-color: var(--color-blue);\n  }\n  .kol-input:not(:disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input.kol-input--error {\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-red);\n  }\n  .kol-input.kol-input--error:before {\n    display: none;\n  }\n  .kol-input.kol-input--error:checked {\n    border-color: var(--color-red);\n    border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.kol-input--error:not(:disabled):hover {\n    border-color: var(--color-red-1xx);\n  }\n}","KOL-INPUT-RANGE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}","KOL-INPUT-TEXT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-KOLIBRI":"@layer kol-theme-component {\n  .kol-kolibri {\n    font-family: var(--font-family);\n  }\n}","KOL-INPUT-PASSWORD":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-INPUT-NUMBER":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-INPUT-DATE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-INPUT-EMAIL":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-INPUT-FILE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-MODAL":"@layer kol-theme-component {\n  .kol-modal__card {\n    box-shadow: 0 0 calc(var(--spacing-2xs) / 2) var(--color-black);\n  }\n}","KOL-SELECT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-TEXTAREA":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-TABLE-STATEFUL":"@layer kol-theme-component {\n  .kol-table {\n    display: block;\n    font-family: var(--font-family);\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: 0.5em;\n  }\n  .kol-table__caption {\n    padding: 0.5em;\n  }\n  .kol-table__cell {\n    padding: 0.5em;\n  }\n  .kol-table__head-row:first-child .kol-table__cell--selection, .kol-table__head-row:first-child .kol-table__cell--header {\n    border-width: 0;\n    border-top-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__head-row:last-child .kol-table__cell--selection, .kol-table__head-row:last-child .kol-table__cell--header {\n    border-width: 0;\n    border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__cell--header {\n    background-color: var(--color-white);\n    font-weight: normal;\n    color: var(--color-midnight);\n  }\n  .kol-table__cell--ascending, .kol-table__cell--descending {\n    font-weight: 700;\n  }\n  .kol-table__cell--ascending .kol-button, .kol-table__cell--descending .kol-button {\n    font-weight: 700;\n  }\n  .kol-table__focus-element:focus {\n    outline-color: var(--color-blue);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__table {\n    width: 100%;\n    border-spacing: 0;\n    border-width: 0;\n    border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__row--body:nth-child(odd) {\n    background-color: var(--color-grey-10);\n  }\n  .kol-table__selection {\n    display: flex;\n    gap: 0.5em;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n  }\n  .kol-table__selection-input:focus {\n    border-color: var(--color-blue);\n    outline-color: var(--color-blue);\n    outline-style: solid;\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__selection-input--checkbox {\n    border-color: var(--color-grey-75);\n  }\n  .kol-table__selection-input--checkbox:checked {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n  }\n  .kol-table__selection-input--radio {\n    display: block;\n    border-color: var(--color-grey-75);\n  }\n  .kol-table__selection-input--radio:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-table__selection-input--radio:checked {\n    border-color: var(--color-blue);\n    border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__selection-input--radio:checked:before {\n    background-color: var(--color-white);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-input {\n    background-color: var(--color-white);\n  }\n  .kol-table__selection-icon {\n    color: var(--color-white);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-icon {\n    color: var(--color-blue);\n  }\n  .kol-icon:hover ~ .kol-table__selection-input--checkbox, .kol-table__selection-input--checkbox:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-table-stateful {\n    font-family: var(--font-family);\n  }\n  @media (min-width: 1024px) {\n    .kol-table-stateful__pagination-wrapper {\n      grid-auto-flow: column;\n    }\n  }\n  .kol-table-stateful__pagination {\n    overflow-x: auto;\n    overflow-y: hidden;\n    grid-auto-flow: column;\n  }\n  @media (min-width: 1024px) {\n    .kol-table-stateful__pagination .kol-table-stateful .kol-pagination {\n      display: flex;\n      gap: calc(16rem / var(--kolibri-root-font-size, 16));\n    }\n  }\n}","KOL-TABLE-STATELESS":"@layer kol-theme-component {\n  .kol-table {\n    display: block;\n    font-family: var(--font-family);\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: 0.5em;\n  }\n  .kol-table__caption {\n    padding: 0.5em;\n  }\n  .kol-table__cell {\n    padding: 0.5em;\n  }\n  .kol-table__head-row:first-child .kol-table__cell--selection, .kol-table__head-row:first-child .kol-table__cell--header {\n    border-width: 0;\n    border-top-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__head-row:last-child .kol-table__cell--selection, .kol-table__head-row:last-child .kol-table__cell--header {\n    border-width: 0;\n    border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__cell--header {\n    background-color: var(--color-white);\n    font-weight: normal;\n    color: var(--color-midnight);\n  }\n  .kol-table__cell--ascending, .kol-table__cell--descending {\n    font-weight: 700;\n  }\n  .kol-table__cell--ascending .kol-button, .kol-table__cell--descending .kol-button {\n    font-weight: 700;\n  }\n  .kol-table__focus-element:focus {\n    outline-color: var(--color-blue);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__table {\n    width: 100%;\n    border-spacing: 0;\n    border-width: 0;\n    border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__row--body:nth-child(odd) {\n    background-color: var(--color-grey-10);\n  }\n  .kol-table__selection {\n    display: flex;\n    gap: 0.5em;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n  }\n  .kol-table__selection-input:focus {\n    border-color: var(--color-blue);\n    outline-color: var(--color-blue);\n    outline-style: solid;\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__selection-input--checkbox {\n    border-color: var(--color-grey-75);\n  }\n  .kol-table__selection-input--checkbox:checked {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n  }\n  .kol-table__selection-input--radio {\n    display: block;\n    border-color: var(--color-grey-75);\n  }\n  .kol-table__selection-input--radio:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-table__selection-input--radio:checked {\n    border-color: var(--color-blue);\n    border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__selection-input--radio:checked:before {\n    background-color: var(--color-white);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-input {\n    background-color: var(--color-white);\n  }\n  .kol-table__selection-icon {\n    color: var(--color-white);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-icon {\n    color: var(--color-blue);\n  }\n  .kol-icon:hover ~ .kol-table__selection-input--checkbox, .kol-table__selection-input--checkbox:hover {\n    border-color: var(--color-blue);\n  }\n}","KOL-NAV":'@layer kol-theme-component {\n  .kol-nav {\n    font-family: var(--font-family);\n  }\n  .kol-nav__navigation {\n    background-color: var(--color-blue);\n  }\n  .kol-nav__list {\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .kol-nav__list--vertical {\n    flex-direction: column;\n  }\n  .kol-nav__list-item {\n    border-color: var(--color-blue-75);\n    border-style: solid;\n    border-width: 0;\n  }\n  .kol-nav__list-item:not(:first-child), .kol-nav__list--nested .kol-nav__list-item {\n    border-top-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-nav__entry {\n    flex-grow: 1;\n  }\n  .kol-nav__expand-button .kol-button {\n    background-color: var(--color-blue-130);\n    margin: auto;\n    height: 100%;\n  }\n  .kol-nav__expand-button--expanded .kol-icon::part(icon)::before {\n    content: "\\eab4";\n  }\n  .kol-nav__expand-button:not(.kol-nav__expand-button--expanded) .kol-icon::part(icon)::before {\n    content: "\\eab6";\n  }\n  .kol-link {\n    text-decoration: none;\n  }\n  .kol-span {\n    border-color: transparent;\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-white);\n    font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n    justify-items: start;\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n    height: 100%;\n  }\n  :is(.kol-button, .kol-link):focus-within .kol-span {\n    border-color: var(--color-white);\n  }\n  :is(.kol-button, .kol-link):focus-within .kol-span, :is(.kol-button, .kol-link):hover .kol-span {\n    text-decoration: underline;\n  }\n}',"KOL-SKIP-NAV":"@layer kol-theme-component {\n  .kol-skip-nav {\n    font-family: var(--font-family);\n  }\n  .kol-skip-nav .kol-link__text {\n    border-radius: 0;\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    font-weight: var(--font-weight-bold);\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n    padding: 0.25em 0.75em;\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n    color: var(--color-white);\n    cursor: pointer;\n  }\n}","KOL-SPLIT-BUTTON":"@layer kol-theme-component {\n  .kol-split-button {\n    font-family: var(--font-family);\n    border-radius: 0;\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-color: var(--color-blue);\n  }\n  .kol-split-button .kol-popover__content {\n    background-color: #fff;\n  }\n  .kol-split-button .kol-button .kol-span {\n    font-weight: var(--font-weight-bold);\n    margin: 0;\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n    padding: 0.25em 0.75em;\n  }\n  .kol-split-button__horizontal-line {\n    border: 0;\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-split-button .kol-button {\n    font-family: var(--font-family);\n    appearance: none;\n    outline: none;\n    text-decoration: none;\n    --text-focus-outline-color: var(--color-black);\n  }\n  .kol-split-button .kol-button:focus {\n    outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n    outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-split-button .kol-button--primary {\n    --text-background-color: var(--color-blue);\n    --text-border-color: var(--color-blue);\n    --text-color: var(--color-white);\n  }\n  .kol-split-button .kol-button--primary:focus {\n    --text-focus-outline-color: var(--color-white);\n  }\n  .kol-split-button .kol-button--primary:hover {\n    --text-background-color: var(--color-blue-130);\n    --text-border-color: var(--color-blue-130);\n  }\n  .kol-split-button .kol-button--secondary {\n    --text-background-color: var(--color-white);\n    --text-border-color: var(--color-blue);\n    --text-color: var(--color-blue);\n  }\n  .kol-split-button .kol-button--secondary:focus {\n    --text-focus-outline-color: var(--color-blue);\n  }\n  .kol-split-button .kol-button--secondary:hover {\n    --text-border-color: var(--color-blue-130);\n    --text-color: var(--color-blue-130);\n  }\n  .kol-split-button .kol-button--normal {\n    --text-background-color: var(--color-yellow);\n    --text-border-color: var(--color-yellow);\n    --text-color: var(--color-black);\n  }\n  .kol-split-button .kol-button--normal:hover {\n    --text-background-color: var(--color-yellow-120);\n    --text-border-color: var(--color-yellow-120);\n  }\n  .kol-split-button .kol-button--danger {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n    --text-color: var(--color-white);\n  }\n  .kol-split-button .kol-button--danger:focus {\n    --text-focus-outline-color: var(--color-white);\n  }\n  .kol-split-button .kol-button--danger:hover {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n  }\n  .kol-split-button .kol-button--ghost {\n    --text-background-color: transparent;\n    --text-border-color: transparent;\n    --text-color: var(--color-blue);\n  }\n  .kol-split-button .kol-button--ghost:focus {\n    --text-focus-outline-color: var(--color-blue);\n  }\n  .kol-split-button .kol-button--ghost:hover {\n    --text-background-color: unset;\n    --text-border-color: transparent;\n    --text-color: var(--color-blue-130);\n  }\n  .kol-split-button .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    border-radius: 0;\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    font-weight: var(--font-weight-bold);\n    margin: 0;\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n    padding: 0.25em 0.75em;\n    line-height: 1.2;\n  }\n  .kol-split-button .kol-button--hide-label .kol-split-button .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-split-button .kol-button--secondary:focus .kol-split-button .kol-button__text {\n    outline-offset: calc(-6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-split-button .kol-button--ghost:focus .kol-split-button .kol-button__text {\n    outline-offset: calc(-2rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-TOAST-CONTAINER":"@layer kol-theme-component {\n  :host {\n    top: calc(16rem / var(--kolibri-root-font-size, 16));\n    right: calc(16rem / var(--kolibri-root-font-size, 16));\n    width: calc(440rem / var(--kolibri-root-font-size, 16));\n    max-width: 100%;\n  }\n  .kol-toast-item {\n    display: block;\n    background-color: #fff;\n    margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-toast-item .kol-alert--msg {\n    border: none;\n  }\n  .kol-toast-item .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-toast-item .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-toast-item .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-toast-item .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-toast-item .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-toast-item .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-toast-item .kol-alert--card .kol-toast-item .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item .kol-alert--msg .kol-toast-item .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-toast-item .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-toast-item .kol-alert--card .kol-toast-item .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-toast-item .kol-alert--msg .kol-toast-item .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-toast-item .kol-alert--card .kol-toast-item .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item .kol-alert--card .kol-toast-item .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item__alert {\n    display: block;\n  }\n}","KOL-TOOLBAR":"@layer kol-theme-component {\n  .kol-toolbar {\n    padding: var(--spacing-s);\n    border-color: var(--color-grey-25);\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--color-grey-5);\n  }\n}","KOL-TREE":"@layer kol-theme-component {\n  .kol-tree__treeview-navigation {\n    display: flex;\n    flex-direction: column;\n  }\n}","KOL-TREE-ITEM":"@layer kol-theme-component {\n  .kol-tree-item__children {\n    display: flex;\n    flex-direction: column;\n  }\n  .kol-tree-item__link {\n    display: block;\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid transparent;\n  }\n  .kol-tree-item__link:hover, .kol-tree-item__link:focus-within {\n    background-color: var(--color-sky);\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-yellow-120);\n  }\n  .kol-tree-item__link:hover .kol-link, .kol-tree-item__link:focus-within .kol-link {\n    color: var(--color-black);\n  }\n  .kol-tree-item__link--active {\n    font-weight: 700;\n    background-color: var(--color-yellow);\n  }\n  .kol-tree-item__link--active .kol-link {\n    color: var(--color-black);\n    background-color: var(--color-yellow);\n  }\n  .kol-tree-item__link .kol-link {\n    display: block;\n    color: var(--color-black);\n    text-decoration: none;\n    text-align: left;\n  }\n  .kol-tree-item__link .kol-link:focus {\n    color: var(--color-black);\n  }\n  .kol-tree-item__toggle-button {\n    display: inline-block;\n  }\n  .kol-tree-item__toggle-button:hover {\n    transform: scale(1.3);\n  }\n}","KOL-FORM":"@layer kol-theme-component {\n  .kol-link {\n    font-family: var(--font-family);\n    appearance: none;\n    color: var(--color-blue);\n    line-height: 1.2;\n  }\n  .kol-link:hover {\n    color: var(--color-blue-130);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form {\n    font-family: var(--font-family);\n    width: 100%;\n  }\n  .kol-form__link {\n    display: inline-block;\n  }\n  .kol-form__mandatory-fields-hint {\n    font-family: var(--font-family);\n    border-end-start-radius: 0;\n    border-inline-start: calc(10rem / var(--kolibri-root-font-size, 16)) solid var(--color-yellow);\n    border-start-start-radius: 0;\n    padding-bottom: calc(16rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(16rem / var(--kolibri-root-font-size, 16));\n    margin: 0;\n  }\n  .kol-form__alert .kol-alert__heading {\n    display: flex;\n    place-items: center;\n  }\n}"}),Ot=xt.createTheme("ecl-eu",{GLOBAL:"@layer kol-theme-global {\n  .kol-tooltip__arrow {\n    background-color: #626262;\n  }\n  .kol-tooltip__content {\n    background-color: #f2f2f2;\n    padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16));\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    border-radius: calc(2rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid #626262;\n  }\n  :host {\n    --color-blue: #0e47cb;\n    --color-blue-140: #082b7a;\n    --color-blue-130: #082b7a;\n    --color-blue-120: #0b39a2;\n    --color-blue-110: #0d40b7;\n    --color-blue-100: #0e47cb;\n    --color-blue-80: #3e6cd5;\n    --color-blue-60: #6e91e0;\n    --color-blue-40: #9fb5ea;\n    --color-blue-20: #cfdaf5;\n    --color-blue-10: #e7edfa;\n    --color-blue-5: #f3f6fc;\n    --color-yellow: #ffcc00;\n    --color-yellow-140: #997a00;\n    --color-yellow-130: #b38f00;\n    --color-yellow-120: #cca300;\n    --color-yellow-110: #e6b800;\n    --color-yellow-100: #ffcc00;\n    --color-yellow-80: #ffd633;\n    --color-yellow-60: #ffe066;\n    --color-yellow-40: #ffeb99;\n    --color-yellow-20: #fff5cc;\n    --color-yellow-10: #fffae6;\n    --color-yellow-5: #fffcf2;\n    --color-grey: #262b38;\n    --color-grey-140: #171a22;\n    --color-grey-130: #1b1e27;\n    --color-grey-120: #1e222d;\n    --color-grey-110: #222732;\n    --color-grey-100: #262b38;\n    --color-grey-80: #515560;\n    --color-grey-75: #515560;\n    --color-grey-60: #7d8088;\n    --color-grey-40: #a8aaaf;\n    --color-grey-20: #d4d5d7;\n    --color-grey-10: #e9eaeb;\n    --color-grey-5: #f4f5f5;\n    --color-grey-3: #f9f9f9;\n    --color-orange: #ff6200;\n    --color-orange-140: #993b00;\n    --color-orange-130: #b34500;\n    --color-orange-120: #cc4e00;\n    --color-orange-110: #e65800;\n    --color-orange-100: #e65800;\n    --color-orange-80: #ff8133;\n    --color-orange-60: #ff914d;\n    --color-orange-40: #ffb180;\n    --color-orange-20: #ffd0b3;\n    --color-orange-10: #ffefe6;\n    --color-orange-5: #fff7f2;\n    --color-green: #00c991;\n    --color-green-140: #007957;\n    --color-green-130: #008d66;\n    --color-green-120: #008d66;\n    --color-green-110: #00b583;\n    --color-green-100: #00c991;\n    --color-green-80: #00c991;\n    --color-green-60: #66dfbd;\n    --color-green-40: #99e9d3;\n    --color-green-20: #ccf4e9;\n    --color-green-10: #e6faf4;\n    --color-green-5: #f2fcf9;\n    --color-red: #ef0044;\n    --color-red-140: #8f0029;\n    --color-red-130: #a70030;\n    --color-red-120: #bf0036;\n    --color-red-110: #d7003d;\n    --color-red-100: #ef0044;\n    --color-red-80: #f23369;\n    --color-red-60: #f5668f;\n    --color-red-40: #f999b4;\n    --color-red-20: #fcccda;\n    --color-red-10: #fde6ec;\n    --color-red-5: #fef2f5;\n    --color-accent-blue-100: #00e9ff;\n    --color-accent-blue-30: #b3f8ff;\n    --color-purple: #510dcd;\n    --color-purple-140: #31087b;\n    --color-purple-130: #390990;\n    --color-purple-120: #410aa4;\n    --color-purple-110: #490cb9;\n    --color-purple-100: #510dcd;\n    --color-purple-80: #743dd7;\n    --color-purple-60: #976ee1;\n    --color-purple-40: #bf9af1;\n    --color-purple-20: #dccff5;\n    --color-purple-10: #eee7fa;\n    --color-purple-5: #eee7fa;\n    --color-white: #fff;\n    --color-black: #000;\n    --font-family: Arial, sans-serif;\n    --font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    --font-weight-regular: 400;\n    --font-weight-bold: 700;\n    --line-height-regular: 1.5;\n    --line-height-heading: 1.2;\n    --spacing-4xl: calc(64rem / var(--kolibri-root-font-size, 16));\n    --spacing-3xl: calc(48rem / var(--kolibri-root-font-size, 16));\n    --spacing-2xl: calc(40rem / var(--kolibri-root-font-size, 16));\n    --spacing-xl: calc(32rem / var(--kolibri-root-font-size, 16));\n    --spacing-l: calc(24rem / var(--kolibri-root-font-size, 16));\n    --spacing-m: calc(16rem / var(--kolibri-root-font-size, 16));\n    --spacing-s: calc(12rem / var(--kolibri-root-font-size, 16));\n    --spacing-xs: calc(8rem / var(--kolibri-root-font-size, 16));\n    --spacing-2xs: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  a,\n  button {\n    font-size: var(--font-size);\n    outline: none;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    font-weight: var(--font-weight-bold);\n    line-height: var(--line-height-heading);\n    margin: 0;\n    padding: 0;\n  }\n  p {\n    font-weight: var(--font-weight);\n  }\n  .kol-span,\n  .kol-span__container {\n    gap: 0.5em;\n  }\n  .required label span::after,\n  .required legend span::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  p.l,\n  p.lead {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: calc(28rem / var(--kolibri-root-font-size, 16));\n  }\n  p,\n  p.m,\n  p.medium {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n  p.s,\n  p.small {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    line-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  p.xs,\n  p.extra-small {\n    font-size: calc(12rem / var(--kolibri-root-font-size, 16));\n    line-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-HEADING":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-headline--h1 {\n    font-size: calc(42rem / var(--kolibri-root-font-size, 16));\n    line-height: 3.25;\n  }\n  .kol-headline--h2 {\n    font-size: calc(36rem / var(--kolibri-root-font-size, 16));\n    line-height: 2.755;\n  }\n  .kol-headline--h3 {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n    line-height: 2.5;\n  }\n  .kol-headline--h4 {\n    font-size: calc(28rem / var(--kolibri-root-font-size, 16));\n    line-height: 2;\n  }\n  .kol-headline--h5 {\n    font-size: calc(24rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.75;\n  }\n  .kol-headline--h6 {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.75;\n  }\n  .kol-headline--h1, .kol-headline--h2, .kol-headline--h3, .kol-headline--h4, .kol-headline--h5, .kol-headline--h6 {\n    font-weight: var(--font-weight-bold);\n  }\n}","KOL-ACCORDION":'@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-accordion {\n    border-radius: calc(8rem / var(--kolibri-root-font-size, 16));\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n    margin: 0;\n    overflow: hidden;\n  }\n  .kol-accordion__heading {\n    font-size: 2em;\n  }\n  .kol-accordion__heading-button .kol-button {\n    border-radius: calc(8rem / var(--kolibri-root-font-size, 16));\n    outline-offset: calc(-1rem / var(--kolibri-root-font-size, 16));\n    border: 0;\n    border-bottom-color: #cfdaf5;\n    border-bottom-style: solid;\n    border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    color: #171a22;\n    position: relative;\n    display: block;\n    font: normal normal 400 calc(18rem / var(--kolibri-root-font-size, 16))/calc(28rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    padding: calc(24rem / var(--kolibri-root-font-size, 16));\n    text-align: start;\n    width: 100%;\n    line-height: 1.2;\n  }\n  .kol-accordion__heading-button .kol-button__text {\n    align-items: baseline;\n  }\n  .kol-accordion__heading-button .kol-button::before {\n    background-color: #fc0;\n    border-end-end-radius: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-end-start-radius: calc(2rem / var(--kolibri-root-font-size, 16));\n    content: "";\n    height: calc(4rem / var(--kolibri-root-font-size, 16));\n    position: absolute;\n    left: calc(24rem / var(--kolibri-root-font-size, 16));\n    top: 0;\n    width: 3rem 2;\n  }\n  .kol-accordion__heading-button .kol-icon {\n    margin-right: calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-accordion__heading-button .kol-icon::part(icon)::before {\n    color: #0e47cb;\n    font-weight: 900;\n    font-family: "Font Awesome 6 Free";\n  }\n  .kol-accordion__content {\n    -webkit-border-start: calc(4rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n    -webkit-margin-start: 0;\n    border-bottom: calc(2rem / var(--kolibri-root-font-size, 16)) solid #cfdaf5;\n    border-inline-start: calc(4rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n    color: #515560;\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(24rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    margin-inline-start: 0;\n    padding: calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n  .collapsible--open .kol-accordion__heading-button .kol-button {\n    border-start-end-radius: calc(8rem / var(--kolibri-root-font-size, 16));\n    border-start-start-radius: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .collapsible--open .kol-accordion__heading-button .kol-icon::part(icon)::before {\n    content: "\\f077";\n  }\n  :not(.collapsible--open) .kol-accordion__heading-button .kol-button .kol-icon::part(icon)::before {\n    content: "\\f078";\n  }\n}',"KOL-BUTTON":"@layer kol-theme-component {\n  .kol-button {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n    --text-focus-outline-color: var(--color-white);\n    font-family: var(--font-family);\n    appearance: none;\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n    text-decoration: none;\n  }\n  .kol-button--primary {\n    --text-background-color: #0e47cb;\n    --text-color: #fff;\n    --text-focus-outline-color: #fff;\n  }\n  .kol-button--primary:hover {\n    --text-background-color: #3e6cd5;\n  }\n  .kol-button--secondary {\n    --text-background-color: #fff;\n    --text-color: #0e47cb;\n    --text-border-color: #0e47cb;\n    --text-focus-outline-color: #fff;\n  }\n  .kol-button--secondary:hover {\n    --text-color: #0e47cb;\n  }\n  .kol-button--normal {\n    --text-background-color: #fc0;\n    --text-color: #171a22;\n    --text-focus-outline-color: #000;\n    --text-border-color: #fc0;\n  }\n  .kol-button--normal:hover {\n    --text-background-color: #fc0;\n  }\n  .kol-button--danger {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n    --text-color: var(--color-white);\n  }\n  .kol-button--danger:hover {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n  }\n  .kol-button--ghost {\n    --text-color: #0e47cb;\n    --text-focus-outline-color: #0e47cb;\n  }\n  .kol-button--ghost:hover {\n    --text-color: #0e47cb;\n  }\n  .kol-button:focus {\n    outline: none;\n  }\n  .kol-button__text {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    font-weight: 400;\n    margin: 0;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-button__text:active, .kol-button__text:hover {\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n  }\n  .kol-button--secondary .kol-button__text {\n    padding: calc(12rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16));\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n  }\n  .kol-button--secondary.button:focus-visible .kol-button__text {\n    box-shadow: inset 0 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) #0e47cb;\n  }\n  .kol-button:focus-visible .kol-button__text {\n    outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n    outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-button--hide-label .kol-button__text .kol-span__label {\n    display: none;\n  }\n}","KOL-LINK-BUTTON":"@layer kol-theme-component {\n  .kol-link {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n    --text-focus-outline-color: var(--color-white);\n    font-family: var(--font-family);\n    appearance: none;\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n    text-decoration: none;\n  }\n  .kol-link--primary {\n    --text-background-color: #0e47cb;\n    --text-color: #fff;\n    --text-focus-outline-color: #fff;\n  }\n  .kol-link--primary:hover {\n    --text-background-color: #3e6cd5;\n  }\n  .kol-link--secondary {\n    --text-background-color: #fff;\n    --text-color: #0e47cb;\n    --text-border-color: #0e47cb;\n    --text-focus-outline-color: #fff;\n  }\n  .kol-link--secondary:hover {\n    --text-color: #0e47cb;\n  }\n  .kol-link--normal {\n    --text-background-color: #fc0;\n    --text-color: #171a22;\n    --text-focus-outline-color: #000;\n    --text-border-color: #fc0;\n  }\n  .kol-link--normal:hover {\n    --text-background-color: #fc0;\n  }\n  .kol-link--danger {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n    --text-color: var(--color-white);\n  }\n  .kol-link--danger:hover {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n  }\n  .kol-link--ghost {\n    --text-color: #0e47cb;\n    --text-focus-outline-color: #0e47cb;\n  }\n  .kol-link--ghost:hover {\n    --text-color: #0e47cb;\n  }\n  .kol-link:focus {\n    outline: none;\n  }\n  .kol-link__text {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    font-weight: 400;\n    margin: 0;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-link__text:active, .kol-link__text:hover {\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n  }\n  .kol-link--secondary .kol-link__text {\n    padding: calc(12rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16));\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n  }\n  .kol-link--secondary.button:focus-visible .kol-link__text {\n    box-shadow: inset 0 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) #0e47cb;\n  }\n  .kol-link:focus-visible .kol-link__text {\n    outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n    outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-link--hide-label .kol-link__text .kol-span__label {\n    display: none;\n  }\n}","KOL-PAGINATION":"@layer kol-theme-component {\n  :host {\n    display: grid;\n    font-family: var(--font-family);\n  }\n  .kol-button {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-button:focus {\n    outline: none;\n  }\n  .kol-button__text {\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) Arial, sans-serif;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    background-color: #fc0;\n    color: #171a22;\n  }\n  .kol-button:focus-visible .kol-button__text {\n    outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n    outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-black);\n  }\n  .kol-button:not(:disabled):active .kol-button__text, .kol-button:not(:disabled):hover .kol-button__text {\n    background-color: #fc0;\n    border-color: #fc0;\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n  }\n  .kol-pagination__button--selected .kol-button__text {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n    color: var(--color-white);\n    font-weight: bold;\n    text-decoration: underline;\n    opacity: 1;\n  }\n  .kol-button:disabled .kol-button__text {\n    opacity: 0.5;\n    cursor: not-allowed;\n  }\n}","KOL-PROGRESS":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n}","KOL-NAV":'@layer kol-theme-component {\n  .kol-nav {\n    font-family: var(--font-family);\n  }\n  .kol-nav__navigation {\n    background-color: var(--color-blue);\n  }\n  .kol-nav__list {\n    display: flex;\n    list-style: none;\n    margin: 0;\n    padding: 0;\n  }\n  .kol-nav__list--vertical {\n    flex-direction: column;\n  }\n  .kol-nav__list-item {\n    border-color: var(--color-blue-75);\n    border-style: solid;\n    border-width: 0;\n  }\n  .kol-nav__list-item:not(:first-child), .kol-nav__list--nested .kol-nav__list-item {\n    border-top-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-nav__entry-wrapper {\n    display: flex;\n  }\n  .kol-nav__entry {\n    flex-grow: 1;\n  }\n  .kol-nav__expand-button .kol-button {\n    background-color: var(--color-blue-130);\n    margin: auto;\n    height: 100%;\n  }\n  .kol-nav__expand-button--expanded .kol-icon::part(icon)::before {\n    content: "\\eab4";\n  }\n  .kol-nav__expand-button:not(.kol-nav__expand-button--expanded) .kol-icon::part(icon)::before {\n    content: "\\eab6";\n  }\n  .kol-link {\n    text-decoration: none;\n  }\n  .kol-span {\n    border-color: transparent;\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-white);\n    font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n    justify-items: start;\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n    height: 100%;\n  }\n  :is(.kol-button, .kol-link):focus-within .kol-span {\n    border-color: var(--color-white);\n  }\n  :is(.kol-button, .kol-link):focus-within .kol-span, :is(.kol-button, .kol-link):hover .kol-span {\n    text-decoration: underline;\n  }\n}',"KOL-BADGE":"@layer kol-theme-component {\n  .kol-badge {\n    font: normal normal var(--font-weight) calc(14rem / var(--kolibri-root-font-size, 16))/1em var(--font-family);\n    font-family: var(--font-family);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16) - 1rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16) - 1rem / var(--kolibri-root-font-size, 16));\n    text-transform: uppercase;\n  }\n}","KOL-ALERT":"@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-CARD":"@layer kol-theme-component {\n  .kol-card {\n    font-family: var(--font-family);\n    display: grid;\n    width: 100%;\n    height: 100%;\n    background-color: white;\n    grid-template-rows: min-content 2fr min-content;\n    box-shadow: 0 0 calc(var(--spacing-2xs) / 2) var(--color-black);\n  }\n  .kol-card__headline {\n    display: inline-flex;\n    font-style: normal;\n    font-weight: 700;\n    font-size: 1.25em;\n    line-height: 1.75;\n  }\n  .kol-card__header {\n    padding: var(--spacing-m) var(--spacing-m) var(--spacing-xs) var(--spacing-m);\n  }\n  .kol-card__content {\n    padding: var(--spacing-xs) var(--spacing-m) var(--spacing-m);\n    overflow: hidden;\n  }\n}","KOL-COMBOBOX":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host .kol-alert {\n    font-family: var(--font-family);\n  }\n  :host .kol-alert--msg {\n    border: none;\n  }\n  :host .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  :host .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  :host .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  :host .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  :host .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  :host .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  :host .kol-alert--card :host .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-alert--msg :host .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  :host .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  :host .kol-alert--card :host .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  :host .kol-alert--msg :host .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .kol-alert--card :host .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-alert--card :host .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-input .error {\n    order: 1;\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 2;\n  }\n  .kol-input .input {\n    order: 3;\n  }\n  .combobox {\n    position: relative;\n  }\n  .combobox__group {\n    display: inline-flex;\n    align-items: center;\n    min-height: var(--a11y-min-size);\n    text-align: left;\n    width: 100%;\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .combobox__input {\n    border: none;\n    flex-grow: 1;\n    width: calc(100% - 24rem / var(--kolibri-root-font-size, 16));\n    position: relative;\n  }\n  .combobox__input::placeholder {\n    color: var(--color-grey-50);\n  }\n  .combobox__input:first-child {\n    padding-left: var(--spacing);\n  }\n  .combobox__input:last-child {\n    padding-right: var(--spacing);\n  }\n  .combobox__icon {\n    display: grid;\n    place-items: center;\n    padding-left: 1em;\n    padding-right: 1em;\n  }\n  .combobox__icon:focus {\n    outline: 0;\n  }\n  .combobox__listbox {\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-color: var(--color-blue);\n    overflow-y: auto;\n    overflow-x: hidden;\n    box-sizing: border-box;\n    width: 100%;\n    max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n  }\n  .combobox__item {\n    display: flex;\n    align-items: center;\n    min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .combobox__item:focus {\n    background-color: var(--color-blue);\n    color: white;\n    outline: 0;\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .input:focus-within,\n  .combobox:not(.combobox--disabled) .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-INPUT-CHECKBOX":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-field-control {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-field-control__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-checkbox .kol-input {\n    background-color: var(--color-white);\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-grey-75);\n    color: var(--color-grey);\n    line-height: 1.5;\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox .kol-input:focus {\n    outline-color: var(--color-blue);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox .kol-input:checked {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n  }\n  .kol-checkbox .kol-input:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-checkbox .kol-input:checked:hover {\n    background-color: var(--color-blue-130);\n    border-color: var(--color-blue-130);\n  }\n  .kol-checkbox .kol-input--error {\n    border-color: var(--color-red);\n  }\n  .kol-checkbox .kol-input--error:checked {\n    background-color: var(--color-red);\n    border-color: var(--color-red);\n  }\n  .kol-checkbox .kol-input--error:hover {\n    border-color: var(--color-red);\n  }\n  .kol-checkbox .kol-input--error:checked:hover {\n    background-color: var(--color-red-120);\n    border-color: var(--color-red-120);\n  }\n  .kol-checkbox--variant-default {\n    min-width: unset;\n    width: unset;\n  }\n  .kol-checkbox--variant-default.kol-checkbox--checked .kol-icon {\n    color: var(--color-white);\n  }\n  .kol-checkbox--variant-switch .kol-icon {\n    color: var(--color-white);\n  }\n  .kol-checkbox--variant-switch .kol-input {\n    display: block;\n  }\n  .kol-checkbox--variant-switch .kol-input::before {\n    background-color: var(--color-grey-75);\n  }\n  .kol-checkbox--variant-switch:hover .kol-input::before {\n    background-color: var(--color-blue);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--error .kol-icon {\n    background-color: var(--color-red);\n    color: var(--color-white);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--error .kol-input::before {\n    background-color: var(--color-red);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--error.kol-checkbox--checked .kol-icon {\n    background-color: var(--color-white);\n    color: #000;\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--error:hover .kol-input::before {\n    background-color: var(--color-red);\n  }\n  .kol-input-checkbox--variant-button {\n    gap: var(--spacing-xs) 0;\n  }\n  .kol-input-checkbox--variant-button .kol-form-field__input {\n    order: 1;\n  }\n  .kol-input-checkbox--variant-button .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-input-checkbox--variant-button .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-input-checkbox--variant-button:focus-within {\n    outline-color: var(--color-blue-130);\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-INPUT-COLOR":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-INPUT-FILE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-INPUT-EMAIL":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-INPUT-NUMBER":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-INPUT-DATE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-INPUT-PASSWORD":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-INPUT-TEXT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-KOLIBRI":"@layer kol-theme-component {\n  .kol-kolibri {\n    font-family: var(--font-family);\n  }\n}","KOL-SELECT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-SINGLE-SELECT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  :host .kol-alert {\n    font-family: var(--font-family);\n  }\n  :host .kol-alert--msg {\n    border: none;\n  }\n  :host .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  :host .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  :host .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  :host .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  :host .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  :host .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  :host .kol-alert--card :host .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-alert--msg :host .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  :host .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  :host .kol-alert--card :host .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  :host .kol-alert--msg :host .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  :host .kol-alert--card :host .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  :host .kol-alert--card :host .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .single-select {\n    position: relative;\n  }\n  .single-select__group {\n    display: inline-flex;\n    align-items: center;\n    width: 100%;\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-grey);\n    order: 4;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .single-select__input {\n    border: none;\n    flex-grow: 1;\n    width: calc(100% - 2.5rem);\n    position: relative;\n  }\n  .single-select__input::placeholder {\n    color: var(--color-grey-50);\n  }\n  .single-select__input:first-child {\n    padding-left: var(--spacing);\n  }\n  .single-select__input:last-child {\n    padding-right: var(--spacing);\n  }\n  .single-select__input:not(.disabled) .single-select__input:hover {\n    border-color: var(--color-blue);\n  }\n  .single-select__button {\n    display: grid;\n    place-items: center;\n    cursor: pointer;\n    padding-left: 1em;\n  }\n  .single-select__button:focus {\n    outline: 0;\n  }\n  .single-select__listbox {\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-color: var(--color-blue);\n    max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n    overflow-y: auto;\n    overflow-x: hidden;\n    width: 100%;\n  }\n  .single-select__item {\n    display: flex;\n    align-items: flex-start;\n    justify-items: center;\n    padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n  }\n  .single-select__item .radio-label {\n    align-self: center;\n    padding-left: 1em;\n  }\n  .single-select__item:focus, .single-select__item.highlighted {\n    background-color: var(--color-blue);\n    color: white;\n    outline: 0;\n  }\n  .kol-input {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  input,\n  select,\n  textarea {\n    border: none;\n    outline: none;\n  }\n  input,\n  select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  label {\n    font-weight: var(--font-weight-bold);\n    order: 1;\n  }\n  .hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n    order: 2;\n  }\n  .kol-alert {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n    order: 3;\n  }\n  .input {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  input::placeholder,\n  textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n  .input:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .input:focus-within,\n  .input:hover {\n    border-color: var(--color-blue);\n  }\n  .error .input {\n    border-color: var(--color-red);\n  }\n}","KOL-TEXTAREA":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input,\n  .kol-select,\n  .kol-textarea {\n    border: none;\n    margin: calc(1rem / var(--kolibri-root-font-size, 16));\n    outline: none;\n  }\n  .kol-input,\n  .kol-select:not([multiple]) {\n    height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:focus,\n  .kol-select:focus,\n  .kol-textarea:focus {\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-input::placeholder,\n  .kol-textarea::placeholder {\n    color: var(--color-grey-50);\n  }\n}","KOL-TABLE-STATEFUL":"@layer kol-theme-component {\n  .kol-table {\n    display: block;\n    font-family: var(--font-family);\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: 0.5em;\n  }\n  .kol-table__caption {\n    padding: 0.5em;\n  }\n  .kol-table__focus-element:focus {\n    outline-color: var(--color-blue);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__table {\n    width: 100%;\n    border-spacing: 0;\n    border-width: 0;\n    border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__cell {\n    padding: 0.5em;\n  }\n  .kol-table__head-row:first-child .kol-table__cell--selection, .kol-table__head-row:first-child .kol-table__cell--header {\n    border-width: 0;\n    border-top-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__head-row:last-child .kol-table__cell--selection, .kol-table__head-row:last-child .kol-table__cell--header {\n    border-width: 0;\n    border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__cell--header {\n    font-weight: normal;\n    color: var(--color-midnight);\n    background-color: var(--color-white);\n  }\n  .kol-table__cell--header--ascending, .kol-table__cell--header--descending {\n    font-weight: 700;\n  }\n  .kol-table__cell--header--ascending .kol-button, .kol-table__cell--header--descending .kol-button {\n    font-weight: 700;\n  }\n  .kol-table__row--body:nth-child(odd) {\n    background-color: var(--color-grey-10);\n  }\n  .kol-table__selection {\n    display: flex;\n    gap: 0.5em;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n  }\n  .kol-table__selection-input:focus {\n    border-color: var(--color-blue);\n    outline-color: var(--color-blue);\n    outline-style: solid;\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__selection-input--checkbox {\n    border-color: var(--color-grey-75);\n  }\n  .kol-table__selection-input--checkbox:checked {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n  }\n  .kol-table__selection-input--radio {\n    display: block;\n    border-color: var(--color-grey-75);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__selection-input--radio:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-table__selection-input--radio:checked {\n    outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-color: var(--color-blue);\n    border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__selection-input--radio:checked:before {\n    background-color: var(--color-white);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-input {\n    background-color: var(--color-white);\n  }\n  .kol-table__selection-icon {\n    color: var(--color-white);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-icon {\n    color: var(--color-blue);\n  }\n  .kol-icon:hover ~ .kol-table__selection-input--checkbox, .kol-table__selection-input--checkbox:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-table-stateful {\n    font-family: var(--font-family);\n  }\n  @media (min-width: 1024px) {\n    .kol-table-stateful__pagination-wrapper {\n      grid-auto-flow: column;\n    }\n  }\n  .kol-table-stateful__pagination {\n    overflow-x: auto;\n    overflow-y: hidden;\n    gap: calc(16rem / var(--kolibri-root-font-size, 16));\n    grid-auto-flow: column;\n  }\n  @media (min-width: 1024px) {\n    .kol-table-stateful__pagination .kol-table-stateful .kol-pagination {\n      display: flex;\n      gap: calc(16rem / var(--kolibri-root-font-size, 16));\n    }\n  }\n}","KOL-TABLE-STATELESS":"@layer kol-theme-component {\n  .kol-table {\n    display: block;\n    font-family: var(--font-family);\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: 0.5em;\n  }\n  .kol-table__caption {\n    padding: 0.5em;\n  }\n  .kol-table__focus-element:focus {\n    outline-color: var(--color-blue);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-style: solid;\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__table {\n    width: 100%;\n    border-spacing: 0;\n    border-width: 0;\n    border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__cell {\n    padding: 0.5em;\n  }\n  .kol-table__head-row:first-child .kol-table__cell--selection, .kol-table__head-row:first-child .kol-table__cell--header {\n    border-width: 0;\n    border-top-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__head-row:last-child .kol-table__cell--selection, .kol-table__head-row:last-child .kol-table__cell--header {\n    border-width: 0;\n    border-bottom-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-color: var(--color-ice);\n  }\n  .kol-table__cell--header {\n    font-weight: normal;\n    color: var(--color-midnight);\n    background-color: var(--color-white);\n  }\n  .kol-table__cell--header--ascending, .kol-table__cell--header--descending {\n    font-weight: 700;\n  }\n  .kol-table__cell--header--ascending .kol-button, .kol-table__cell--header--descending .kol-button {\n    font-weight: 700;\n  }\n  .kol-table__row--body:nth-child(odd) {\n    background-color: var(--color-grey-10);\n  }\n  .kol-table__selection {\n    display: flex;\n    gap: 0.5em;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n  }\n  .kol-table__selection-input:focus {\n    border-color: var(--color-blue);\n    outline-color: var(--color-blue);\n    outline-style: solid;\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n    outline-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__selection-input--checkbox {\n    border-color: var(--color-grey-75);\n  }\n  .kol-table__selection-input--checkbox:checked {\n    background-color: var(--color-blue);\n    border-color: var(--color-blue);\n  }\n  .kol-table__selection-input--radio {\n    display: block;\n    border-color: var(--color-grey-75);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__selection-input--radio:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-table__selection-input--radio:checked {\n    outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n    border-color: var(--color-blue);\n    border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__selection-input--radio:checked:before {\n    background-color: var(--color-white);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-input {\n    background-color: var(--color-white);\n  }\n  .kol-table__selection-icon {\n    color: var(--color-white);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-icon {\n    color: var(--color-blue);\n  }\n  .kol-icon:hover ~ .kol-table__selection-input--checkbox, .kol-table__selection-input--checkbox:hover {\n    border-color: var(--color-blue);\n  }\n}","KOL-AVATAR":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n}","KOL-TABS":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs__button-group {\n    border-bottom: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-25);\n    margin-bottom: calc(-1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs .kol-button {\n    border: none;\n    margin-bottom: calc(-1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs .kol-button:hover:not(:disabled) .kol-span {\n    color: var(--color-blue-130);\n  }\n  .kol-tabs .kol-button:focus .kol-span {\n    outline: var(--color-blue-130) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs .kol-button.selected .kol-span {\n    border-color: var(--color-grey-25);\n    border-style: solid;\n    border-width: calc(1rem / var(--kolibri-root-font-size, 16));\n    border-bottom-color: white;\n    border-top-color: var(--color-blue);\n    box-shadow: 0 calc(-3rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    font-weight: var(--font-weight-bold);\n    color: var(--color-blue);\n  }\n  .kol-tabs .kol-button .kol-span {\n    padding: calc(4rem / var(--kolibri-root-font-size, 16));\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-LINK":"@layer kol-theme-component {\n  .kol-link {\n    appearance: none;\n    color: var(--color-blue);\n    line-height: 1.2;\n  }\n  .kol-link:hover {\n    color: var(--color-blue-130);\n  }\n  :host {\n    font-family: var(--font-family);\n  }\n}","KOL-MODAL":"@layer kol-theme-component {\n  .kol-modal__card {\n    box-shadow: 0 0 calc(var(--spacing-2xs) / 2) var(--color-black);\n  }\n}","KOL-BUTTON-LINK":"@layer kol-theme-component {\n  .kol-button {\n    appearance: none;\n    color: var(--color-blue);\n    line-height: 1.2;\n  }\n  .kol-button:hover {\n    color: var(--color-blue-130);\n  }\n}","KOL-BREADCRUMB":"@layer kol-theme-component {\n  .kol-breadcrumb {\n    font-family: var(--font-family);\n  }\n  .kol-breadcrumb__link {\n    font-family: var(--font-family);\n  }\n}","KOL-DETAILS":"@layer kol-theme-component {\n  .kol-details {\n    font-family: var(--font-family);\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-details__heading-button:focus-within {\n    cursor: pointer;\n  }\n  .kol-details__heading-button .kol-button .kol-span__label {\n    border-bottom-color: #000;\n  }\n  .kol-details__heading-button .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-details__heading-button .kol-span__container {\n    display: flex;\n    text-align: left;\n    gap: 0;\n  }\n  .kol-details__content.indented-text {\n    font-family: var(--font-family);\n    -webkit-border-start: calc(8rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n    -webkit-padding-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-end-start-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n    border-inline-start: calc(8rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n    border-start-start-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n    display: inline-block;\n    padding-bottom: calc(16rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(16rem / var(--kolibri-root-font-size, 16));\n    margin: 0;\n  }\n}","KOL-DRAWER":"@layer kol-theme-component {\n  .kol-drawer__wrapper {\n    box-shadow: 0 0 calc(var(--spacing-2xs) / 2) var(--color-black);\n  }\n}","KOL-SPIN":"@layer kol-theme-component {\n  .cycle {\n    padding: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .cycle span {\n    background-color: var(--color-blue-80);\n  }\n}","KOL-INPUT-RADIO":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  /**\n   * normalizes the layout of form elements.\n  */\n  .kol-form-field {\n    border: 0;\n    margin: 0;\n    padding: 0;\n    flex-wrap: wrap;\n  }\n  /**\n   * order the layout of form elements.\n  */\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__input {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-form-field {\n    border: 0;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    flex-wrap: wrap;\n    align-items: flex-start;\n    padding: 0 calc(14rem / var(--kolibri-root-font-size, 16)) calc(10rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    color: var(--color-grey);\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field__input {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-field-control {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input {\n    outline: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    outline-offset: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:before {\n    display: none;\n  }\n  .kol-input:checked {\n    border-color: var(--color-blue);\n    border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input:focus {\n    outline-color: var(--color-blue);\n  }\n  .kol-input:not(:disabled):hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input.kol-input--error {\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-red);\n  }\n  .kol-input.kol-input--error:before {\n    display: none;\n  }\n  .kol-input.kol-input--error:checked {\n    border-color: var(--color-red);\n    border-width: calc(7rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input.kol-input--error:not(:disabled):hover {\n    border-color: var(--color-red-1xx);\n  }\n}","KOL-INPUT-RANGE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__label {\n    order: 1;\n  }\n  .kol-form-field__hint {\n    order: 2;\n  }\n  .kol-form-field__msg {\n    order: 3;\n  }\n  .kol-form-field__input {\n    order: 4;\n  }\n  .kol-form-field {\n    color: var(--color-grey);\n    gap: var(--spacing-xs);\n  }\n  .kol-form-field__label {\n    font-weight: var(--font-weight-bold);\n  }\n  .kol-form-field__label-text::after {\n    color: var(--color-red);\n    padding-left: 0.25em;\n  }\n  .kol-form-field__hint {\n    font-size: calc(14rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__msg {\n    color: var();\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-form-field__msg.kol-alert--error {\n    color: var(--color-red);\n    font-size: 0.875em;\n    margin-left: calc(-1 * var(--spacing-2xs));\n  }\n  .kol-input-container {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    border: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-grey-75);\n    color: var(--color-grey);\n    order: 4;\n    align-items: center;\n    padding: calc(1rem / var(--kolibri-root-font-size, 16)) 0.5em;\n  }\n  .kol-input-container:focus-within {\n    box-shadow: inset calc(1rem / var(--kolibri-root-font-size, 16)) calc(1rem / var(--kolibri-root-font-size, 16)) var(--color-blue), inset calc(-1rem / var(--kolibri-root-font-size, 16)) calc(-1rem / var(--kolibri-root-font-size, 16)) var(--color-blue);\n    outline: none;\n  }\n  .kol-input-container:focus-within, .kol-input-container:hover {\n    border-color: var(--color-blue);\n  }\n  .kol-input-container.kol-input-container--error {\n    border-color: var(--color-red);\n  }\n}\n@layer kol-theme-component {\n  .kol-input-range__inputs-wrapper {\n    gap: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-SKIP-NAV":"@layer kol-theme-component {\n  .kol-skip-nav {\n    font-family: var(--font-family);\n  }\n  .kol-skip-nav .kol-link__text {\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    background-color: #0e47cb;\n    color: #fff;\n    cursor: pointer;\n  }\n}","KOL-SPLIT-BUTTON":"@layer kol-theme-component {\n  .kol-split-button {\n    font-family: var(--font-family);\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n    border-color: var(--color-blue);\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-split-button__horizontal-line {\n    border: 0;\n    border-top: calc(1rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-split-button .kol-popover__content {\n    background-color: #fff;\n  }\n  .kol-split-button .kol-button {\n    --kolibri-spacing: calc(4rem / var(--kolibri-root-font-size, 16));\n    --text-focus-outline-color: var(--color-white);\n    font-family: var(--font-family);\n    appearance: none;\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n    text-decoration: none;\n  }\n  .kol-split-button .kol-button--primary {\n    --text-background-color: #0e47cb;\n    --text-color: #fff;\n    --text-focus-outline-color: #fff;\n  }\n  .kol-split-button .kol-button--primary:hover {\n    --text-background-color: #3e6cd5;\n  }\n  .kol-split-button .kol-button--secondary {\n    --text-background-color: #fff;\n    --text-color: #0e47cb;\n    --text-border-color: #0e47cb;\n    --text-focus-outline-color: #fff;\n  }\n  .kol-split-button .kol-button--secondary:hover {\n    --text-color: #0e47cb;\n  }\n  .kol-split-button .kol-button--normal {\n    --text-background-color: #fc0;\n    --text-color: #171a22;\n    --text-focus-outline-color: #000;\n    --text-border-color: #fc0;\n  }\n  .kol-split-button .kol-button--normal:hover {\n    --text-background-color: #fc0;\n  }\n  .kol-split-button .kol-button--danger {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n    --text-color: var(--color-white);\n  }\n  .kol-split-button .kol-button--danger:hover {\n    --text-background-color: var(--color-red);\n    --text-border-color: var(--color-red);\n  }\n  .kol-split-button .kol-button--ghost {\n    --text-color: #0e47cb;\n    --text-focus-outline-color: #0e47cb;\n  }\n  .kol-split-button .kol-button--ghost:hover {\n    --text-color: #0e47cb;\n  }\n  .kol-split-button .kol-button:focus {\n    outline: none;\n  }\n  .kol-split-button .kol-button__text {\n    min-height: calc(44rem / var(--kolibri-root-font-size, 16));\n    min-width: calc(44rem / var(--kolibri-root-font-size, 16));\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n    font: normal normal 400 calc(16rem / var(--kolibri-root-font-size, 16))/calc(20rem / var(--kolibri-root-font-size, 16)) arial, sans-serif;\n    font-weight: 400;\n    margin: 0;\n    padding: calc(12rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-split-button .kol-button__text:active, .kol-split-button .kol-button__text:hover {\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n  }\n  .kol-split-button .kol-button--secondary .kol-split-button .kol-button__text {\n    padding: calc(12rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16) - 2rem / var(--kolibri-root-font-size, 16));\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n  }\n  .kol-split-button .kol-button--secondary.button:focus-visible .kol-split-button .kol-button__text {\n    box-shadow: inset 0 0 0 calc(4rem / var(--kolibri-root-font-size, 16)) #0e47cb;\n  }\n  .kol-split-button .kol-button:focus-visible .kol-split-button .kol-button__text {\n    outline-offset: calc(-4rem / var(--kolibri-root-font-size, 16));\n    outline: var(--text-focus-outline-color) solid calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-split-button .kol-button--hide-label .kol-split-button .kol-button__text .kol-span__label {\n    display: none;\n  }\n}","KOL-TOAST-CONTAINER":"@layer kol-theme-component {\n  :host {\n    top: calc(16rem / var(--kolibri-root-font-size, 16));\n    right: calc(16rem / var(--kolibri-root-font-size, 16));\n    width: calc(440rem / var(--kolibri-root-font-size, 16));\n    max-width: 100%;\n  }\n  .kol-toast-item {\n    display: block;\n    background-color: #fff;\n    margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-toast-item .kol-alert--msg {\n    border: none;\n  }\n  .kol-toast-item .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-toast-item .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-toast-item .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-toast-item .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-toast-item .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-toast-item .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-toast-item .kol-alert--card .kol-toast-item .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item .kol-alert--msg .kol-toast-item .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-toast-item .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-toast-item .kol-alert--card .kol-toast-item .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-toast-item .kol-alert--msg .kol-toast-item .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-toast-item .kol-alert--card .kol-toast-item .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item .kol-alert--card .kol-toast-item .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item__alert {\n    display: block;\n  }\n  .kol-toast-item .heading {\n    width: 100%;\n  }\n  .kol-toast-item .heading .heading-content {\n    flex: 1;\n  }\n}","KOL-TOOLBAR":"@layer kol-theme-component {\n  .kol-toolbar {\n    padding: var(--spacing-s);\n    border-radius: calc(8rem / var(--kolibri-root-font-size, 16));\n    box-shadow: 0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.08), 0 0 calc(10rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(4rem / var(--kolibri-root-font-size, 16)) calc(5rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04), 0 calc(-4rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(9, 49, 142, 0.04);\n    background-color: var(--color-white);\n  }\n}","KOL-TREE":"@layer kol-theme-component {\n  .kol-tree__treeview-navigation {\n    display: flex;\n    flex-direction: column;\n  }\n}","KOL-TREE-ITEM":"@layer kol-theme-component {\n  .kol-tree-item__children {\n    display: flex;\n    flex-direction: column;\n  }\n  .kol-tree-item__link {\n    display: block;\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid transparent;\n    border-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tree-item__link:hover, .kol-tree-item__link:focus-within {\n    background-color: var(--color-sky);\n    border: calc(2rem / var(--kolibri-root-font-size, 16)) solid var(--color-blue);\n  }\n  .kol-tree-item__link:hover .kol-link, .kol-tree-item__link:focus-within .kol-link {\n    color: var(--color-black);\n  }\n  .kol-tree-item__link--active {\n    background-color: var(--color-yellow);\n  }\n  .kol-tree-item__link--active .kol-link {\n    background-color: var(--color-yellow);\n    color: var(--color-black);\n  }\n  .kol-tree-item__link .kol-link {\n    display: block;\n    color: var(--color-black);\n    text-decoration: none;\n    text-align: left;\n  }\n  .kol-tree-item__link .kol-link:focus {\n    color: var(--color-black);\n  }\n  .kol-tree-item__toggle-button {\n    display: inline-block;\n    color: var(--color-blue);\n  }\n  .kol-tree-item__toggle-button:hover {\n    transform: scale(1.3);\n  }\n}","KOL-FORM":"@layer kol-theme-component {\n  .kol-link {\n    appearance: none;\n    color: var(--color-blue);\n    line-height: 1.2;\n  }\n  .kol-link:hover {\n    color: var(--color-blue-130);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n  }\n  .kol-alert--msg {\n    border: none;\n  }\n  .kol-alert--card {\n    padding-bottom: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-inline-end: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-style: solid;\n    border-width: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-grey);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-red);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-blue);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-green);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-orange);\n  }\n  .kol-alert__container {\n    background-color: var(--color-white);\n  }\n  .kol-alert--card .kol-alert__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__container-content {\n    padding: var(--spacing-2xs);\n  }\n  .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    font-size: 1.5em;\n    margin: var(--spacing-2xs);\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    font-size: calc(32rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    margin-left: calc(40rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form {\n    font-family: var(--font-family);\n    width: 100%;\n  }\n  .kol-form__link {\n    display: inline-block;\n  }\n  .kol-form__mandatory-fields-hint {\n    font-family: var(--font-family);\n    -webkit-border-start: calc(8rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n    -webkit-padding-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    border-end-start-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n    border-inline-start: calc(8rem / var(--kolibri-root-font-size, 16)) solid #0e47cb;\n    border-start-start-radius: calc(4rem / var(--kolibri-root-font-size, 16));\n    display: inline-block;\n    padding-bottom: calc(16rem / var(--kolibri-root-font-size, 16));\n    padding-inline-start: calc(24rem / var(--kolibri-root-font-size, 16));\n    padding-top: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form__alert .kol-alert__heading {\n    display: flex;\n    place-items: center;\n  }\n}"}),Lt="3.0.0-rc.4",At=()=>{const e={onClick:()=>history.back()};return t.createElement(Ie,{_label:"This is an example page",_level:0,_type:"info"},t.createElement("p",null,"You followed an example link."),history.length>1&&t.createElement(Me,{_label:"Go Back",_on:e}))},Nt=["default","ecl-ec","ecl-eu","unstyled"],It=["ecl-ec","ecl-eu"],$t=e=>void 0!==Nt.find((n=>n===e)),Pt=[{label:"Unstyled (Uncolored)",value:"unstyled"},{label:"Default (Tested)",value:"default"},{label:"European Commission (in progress)",value:"ecl-ec"},{label:"European Union (in progress)",value:"ecl-eu"}];function jt({children:e}){return function(){const e=matchMedia("(max-width: 1023px)"),[n,o]=(0,t.useState)(e.matches),r=()=>{o(e.matches)};return(0,t.useEffect)((()=>(r(),e.addEventListener("change",r),()=>{e.removeEventListener("change",r)})),[e]),n}()?t.createElement(Ne,{_label:"All components",class:"mt"},e):t.createElement("div",{className:"mt scrollable-container"},e)}function Mt({label:e,to:n,children:o}){const r=function(e){let{relative:n}={};Z()||d(!1);let{basename:o,navigator:r}=t.useContext(V),{hash:l,pathname:a,search:i}=X(e,{relative:n}),c=a;return"/"!==o&&(c="/"===a?o:P([o,a])),r.createHref({pathname:c,search:i,hash:l})}(n),l=function(e){Z()||d(!1);let{pathname:n}=Y();return t.useMemo((()=>O(e,L(n))),[n,e])}({path:X(n).pathname,end:!0});return t.createElement(xn,{_label:e,_href:r,_active:!!l},o)}const Rt=function({routes:e}){const n=Object.entries(e).map((([e,n])=>t.createElement(Mt,{key:e,label:e,to:e},((e,n)=>Object.keys(n).map((n=>{const o="tree"===e&&"basic/:subPage"===n,r=o?"basic/home":n,l=o?"basic":n;return t.createElement(Mt,{key:[e,n].join("/"),label:l,to:[e,r].join("/")})})))(e,n))));return t.createElement(jt,null,t.createElement("nav",null,t.createElement(En,{_label:"Navigation",class:"block"},n)))},Ft=({version:e,theme:n,routes:o,routeList:r,sample:l,buildDate:a,commitHash:i,onThemeChange:c})=>{const s=()=>r.indexOf(l);return t.createElement("aside",{className:"app-sidebar p-4"},t.createElement("div",{className:"scrollable-container-wrapper"},t.createElement("div",{className:"flex flex-justify-between flex-items-center"},t.createElement(Ve,{_label:"KoliBri React"}),t.createElement(zn,{_label:e})),(a||i)&&t.createElement("div",{className:"text-sm font-mono color-gray-5 m-t-2"},i?`Build: ${i}`:"",t.createElement("br",null),a?`at ${a}`:""),t.createElement(fn,{_label:"Theme",_options:Pt,_on:{onChange:(e,n)=>{c(n[0])}},_value:[n],class:"mt"}),t.createElement(Ve,{_label:"Components",_level:2,className:"block mt"}),t.createElement("div",{className:"flex flex-justify-between flex-items-center mt"},t.createElement(Me,{_icons:"codicon codicon-arrow-left",_hideLabel:!0,_label:"Previous component",_on:{onClick:()=>{const e=s(),n=e<=0?r.length-1:e-1;location.replace(`#${r[n]}`)}}}),t.createElement("span",{className:"text-base text-center"},l.replace(/\//g," ")," (",s()+1,"/",r.length,")"),t.createElement(Me,{_icons:"codicon codicon-arrow-right",_hideLabel:!0,_label:"Next component",_on:{onClick:()=>{const e=s(),n=e===r.length-1?0:e+1;location.replace(`#${r[n]}`)}}})),t.createElement(Rt,{routes:o})))};var Dt=a(1521);const Kt=(0,t.createContext)(null),Ht="I am an error message!",Ut="I am a hint.",Vt=()=>location.hash.split("/").slice(1),Wt=e=>{const n=(0,t.useContext)(Kt),o=(0,t.useMemo)((()=>{const e=Vt();return"scenarios"===e[0]?null:`https://public-ui.github.io/docs/components/${e[0]}`}),[location.hash]),r=(0,t.useMemo)((()=>{const e=Vt();return"scenarios"===e[0]?null:`https://github.com/public-ui/kolibri/blob/develop/packages/samples/react/src/components/${e[0]}/${e[1]}.tsx`}),[location.hash]);return n?null:t.createElement("div",{className:"flex justify-between mb-sm"},t.createElement("div",{className:"indented-text"},e.children),t.createElement("div",{className:"flex flex-wrap gap-2 shrink-0 ml"},r&&t.createElement(ln,{_href:r,_label:"Code",_target:"_blank"}),o&&t.createElement(ln,{_href:o,_label:"Documentation",_target:"_blank"}),t.createElement(ln,{_href:`${location.href}?hideMenus`,_label:"Standalone example",_target:"_blank"})))},qt={abbr:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolAbbr shows an abbreviation and the full form in parentheses, if provided.")),t.createElement("p",null,"I am ",t.createElement(Ae,{_label:"as an example"},"e.g.")," an abbreviation."),t.createElement("p",null,"I am ",t.createElement(Ae,null,"e.g.")," an abbreviation without label."))}},Gt={accordion:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolAccordion hides its content until opened. The open state can be toggled by clicking the headline or by setting the ",t.createElement("code",null,"_open"),"-prop programmatically. Additionally, the sample shows the disabled state for a closed and an open accordion.")),t.createElement("div",{className:"grid gap-4"},t.createElement(Ne,{_label:"Heading Accordion Tab 1"},"Contents Accordion Tab 1"),t.createElement(Ne,{_label:"Heading Accordion Tab 2"},"Contents Accordion Tab 2"),t.createElement(Ne,{_label:"Heading Accordion Tab 2 (deactivated)",_disabled:!0}),t.createElement(Ne,{_label:"Heading Accordion Tab 2 (disabled and open)",_disabled:!0,_open:!0},"Contents Accordion Tab 2"))),headlines:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolAccordion with the different heading levels from 1-6.")),t.createElement("div",{className:"grid gap-4"},t.createElement(Ne,{_label:"Heading Level 1",_level:1},"Contents Accordion Tab 1"),t.createElement(Ne,{_label:"Heading Level 2",_level:2},"Contents Accordion Tab 2"),t.createElement(Ne,{_label:"Heading Level 3",_level:3},"Contents Accordion Tab 3"),t.createElement(Ne,{_label:"Heading Level 4",_level:4},"Contents Accordion Tab 4"),t.createElement(Ne,{_label:"Heading Level 5",_level:5},"Contents Accordion Tab 5"),t.createElement(Ne,{_label:"Heading Level 6",_level:6},"Contents Accordion Tab 6")))}},Zt=({level:e,type:n,variant:o})=>t.createElement(t.Fragment,null,t.createElement(Ie,{_label:`This is the headline level ${e} of the alert.`,_level:e,_type:n,_variant:o},"This is the text of the alert."),t.createElement(Ie,{_type:n,_variant:o},"In this alert, only the text without the heading is used."),t.createElement(Ie,{_label:`This is the headline level ${e} of the alert.`,_level:e,_type:n,_variant:o,_hasCloser:!0},"This is the text of the alert. With close button."),t.createElement(Ie,{_type:n,_variant:o,_hasCloser:!0},"In this alert, only the text without the heading is used. With close button.")),Yt=({variant:e="msg"})=>t.createElement("div",{className:"grid gap-4"},t.createElement(Zt,{level:1,type:"default",variant:e}),t.createElement(Zt,{level:2,type:"error",variant:e}),t.createElement(Zt,{level:3,type:"info",variant:e}),t.createElement(Zt,{level:4,type:"success",variant:e}),t.createElement(Zt,{level:5,type:"warning",variant:e})),Jt={alert:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolAlert shows messages of different types. This sample illustrates the variant ",t.createElement("code",null,"msg"),", showing all possible types with and without headlines and close buttons.")),t.createElement(Yt,{variant:"msg"})),"card-msg":()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolAlert shows messages of different types. This sample illustrates the variant ",t.createElement("code",null,"card"),", showing all possible types with and without headlines and close buttons.")),t.createElement("section",{className:"w-full"},t.createElement(Yt,{variant:"card"}))),html:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows how KolAlert can be used with arbitrary HTML as slot content.")),t.createElement("div",null,t.createElement(Ie,{_label:"Output of HTML code in the alert",_type:"info"},t.createElement("div",{className:"mt-2 mb-3"},t.createElement(Ve,{_level:2,_label:"An H2 heading is output here"})),t.createElement("div",{className:"grid gap-4 sm:grid-cols-2"},t.createElement("div",null,t.createElement("h3",null,"Text in a left-hand column"),t.createElement("p",null,"Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quidem sed fugiat dolorum ratione et, ullam officia nobis nihil debitis, consectetur dicta accusantium. Vitae debitis, quibusdam vel recusandae deleniti placeat dolorem?")),t.createElement("div",null,t.createElement("h3",null,"Text in einer rechten Spalte"),t.createElement("p",null,"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod beatae officiis, velit nam dicta quae repellat perspiciatis explicabo illo. Possimus, molestiae deleniti! Exercitationem blanditiis ducimus similique tempora ratione consequuntur eaque!"))))))}},Qt={avatar:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolAlert shows a user's avatar. It can be used with or without an image. If no image is defined, the name's initials are shown instead.")),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement($e,{_src:"https://www.w3schools.com/howto/img_avatar.png",_label:"Elke Mustermann"}),t.createElement($e,{_label:"Elke Mustermann "}),t.createElement($e,{_label:"Marianne"})))}};var Xt=Object.defineProperty,eo=Object.getOwnPropertySymbols,no=Object.prototype.hasOwnProperty,to=Object.prototype.propertyIsEnumerable,oo=(e,n,t)=>n in e?Xt(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,ro=(e,n)=>{for(var t in n||(n={}))no.call(n,t)&&oo(e,t,n[t]);if(eo)for(var t of eo(n))to.call(n,t)&&oo(e,t,n[t]);return e};const lo=e=>({_label:e,_smartButton:{_icons:"codicon codicon-close",_label:`Remove ${e}`,_on:{onClick:()=>alert("clicked")}}}),ao={badge:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolBadge shows badges with a label, background color and optional icon.")),t.createElement("div",{className:"flex gap-2"},t.createElement(Pe,{_label:"black"}),t.createElement(Pe,{_color:"#86ffc6",_label:"teal"}),t.createElement(Pe,{_color:"#06539e",_label:"blue"}),t.createElement(Pe,{_color:"#ae0000",_label:"red with icon",_icons:"codicon codicon-smiley"}),t.createElement(Pe,{_color:"#8b008b",_label:"purple with icon",_icons:"codicon codicon-squirrel"}))),button:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolBadge with an optional ",t.createElement("code",null,"smartButton"),'. The sample defines a "close" button with X-icon a click event listener.')),t.createElement("div",{className:"flex gap-2"},t.createElement(Pe,ro({},lo("black"))),t.createElement(Pe,ro({_color:"#86ffc6"},lo("teal"))),t.createElement(Pe,ro({_color:"#06539e"},lo("blue"))),t.createElement(Pe,ro({_color:"#ae0000",_icons:"codicon codicon-smiley"},lo("red with icon"))),t.createElement(Pe,ro({_color:"#8b008b",_icons:"codicon codicon-squirrel"},lo("purple with icon")))))}},io={breadcrumb:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolBreadcrumb shows a breadcrumb navigation. The sample illustrates a variation of link, text and icon elements.")),t.createElement("div",{className:"grid gap-4"},t.createElement(je,{_label:"Breadcrumb aus Text-Links",_links:[{_label:"Homepage",_href:"#/back-page"},{_label:"Bottom of the homepage",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]}),t.createElement(je,{_label:"Breadcrumb from icons or text links",_links:[{_label:"Homepage",_icons:"codicon codicon-home",_hideLabel:!0,_href:"#/back-page"},{_label:"Subpage of the start page with very long link test",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]}),t.createElement(je,{_label:"Breadcrumb from icons and text links",_links:[{_label:"Homepage",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"Subpage of the main page and I_am_a_really_long_compound_word_trying_to_break_the_layout",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]})))}};function co(){const e=Pn.getInstance(document),n=n=>{e.enqueue({description:n||"Hello",label:"Hello",type:"info"})};return{dummyClickEventHandler:()=>{n()},buttonWithTextClickEventHandler:e=>{const t=e.currentTarget.textContent;n(t)}}}const so={"button-link":{basic:()=>{const{dummyClickEventHandler:e}=co(),n={onClick:e};return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolButtonLink shows an element, that behaves like a button but looks like a link. The sample illustrates KolButtonLink with different display-properties such as ",t.createElement("code",null,"block"),", ",t.createElement("code",null,"inline-block")," and ",t.createElement("code",null,"inline"),". It also demonstrates the disabled-state.")),t.createElement("section",{className:"text-base"},t.createElement("p",null,"In this paragraph, a link is inserted that contains no additional attributes. ",t.createElement(Re,{_label:"Simple Link"})," It is rendered by default as an"," ",t.createElement("strong",null,"inline element"),"."),t.createElement("p",null,"In this paragraph, a link is inserted that is rendered as an inline-block element.",t.createElement(Re,{className:"m-4",style:{display:"inline-block",border:"1px dotted"},_label:"Simple Link"}),". This allows you to assign width, height, and other properties to it using CSS styles.",t.createElement("br",null),t.createElement("br",null),"After that, there is a link that is rendered as a block element.",t.createElement(Re,{style:{display:"block"},_label:"Simple Link"}),"Therefore, I go over the entire width of the parent element to create a line break."),t.createElement("p",null,t.createElement(Re,{_label:"Disabled ButtonLink",_disabled:!0})),t.createElement("p",null,t.createElement(Re,{_label:"With access key",_accessKey:"c",_on:n})),t.createElement("p",null,t.createElement(Re,{_label:"Disabled ButtonLink",_shortKey:"s"}))))},icons:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolButtonLink with icons in different locations.")),t.createElement("div",{className:"grid gap-4"},t.createElement(Re,{_icons:"codicon codicon-home",_label:"Ich bin ein Link mit Icon links"}),t.createElement(Re,{_icons:{right:"codicon codicon-home"},_label:"I am a link with an icon on the right"}),t.createElement(Re,{_icons:{top:"codicon codicon-home"},_label:"I am a link with an icon at the top"}),t.createElement(Re,{_icons:{bottom:"codicon codicon-home"},_label:"I am a link with icon below"}),t.createElement(Re,{_icons:{top:"codicon codicon-home",right:"codicon codicon-home",bottom:"codicon codicon-home",left:"codicon codicon-home"},_label:"I am a link with all icons"}))),image:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolButtonLink with slot-content instead of a label. The sample uses an image as content.")),t.createElement("div",{className:"grid gap-4"},t.createElement(Re,{_label:"I am a link that is rendered as text"}),t.createElement(Re,{_label:""},t.createElement("img",{alt:"Presentation of the KoliBri theming",slot:"expert",src:"abgrenzung.jpg",width:"300"})))),"aria-description":()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolButtonLink with aria-description")),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Re,{_label:"Button Text without area description"}),t.createElement(Re,{_label:"Button Text",_ariaDescription:"Button Area Description"})))}};var uo=Object.defineProperty,mo=Object.getOwnPropertySymbols,fo=Object.prototype.hasOwnProperty,bo=Object.prototype.propertyIsEnumerable,po=(e,n,t)=>n in e?uo(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,ho=(e,n)=>{for(var t in n||(n={}))fo.call(n,t)&&po(e,t,n[t]);if(mo)for(var t of mo(n))bo.call(n,t)&&po(e,t,n[t]);return e};const ko=e=>{const n=e,{children:o}=n,r=((e,n)=>{var t={};for(var o in e)fo.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&mo)for(var o of mo(e))n.indexOf(o)<0&&bo.call(e,o)&&(t[o]=e[o]);return t})(n,["children"]),{dummyClickEventHandler:l}=co(),a={onClick:l};return t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Me,ho({_icons:"codicon codicon-home",_label:"Primary",_variant:"primary",_on:a},r),o),t.createElement(Me,ho({_icons:"codicon codicon-heart",_label:"Secondary",_variant:"secondary",_on:a},r),o),t.createElement(Me,ho({_icons:"codicon codicon-hubot",_label:"Normal",_variant:"normal",_on:a},r),o),t.createElement(Me,ho({_icons:"codicon codicon-hubot",_label:"Tertiary",_variant:"tertiary",_on:a},r),o),t.createElement(Me,ho({_icons:"codicon codicon-trash",_label:"Danger",_variant:"danger",_on:a},r),o),t.createElement(Me,ho({_icons:"codicon codicon-reactions",_label:"Ghost",_variant:"ghost",_on:a},r),o))};var vo=Object.defineProperty,go=Object.defineProperties,_o=Object.getOwnPropertyDescriptors,yo=Object.getOwnPropertySymbols,wo=Object.prototype.hasOwnProperty,Eo=Object.prototype.propertyIsEnumerable,xo=(e,n,t)=>n in e?vo(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,zo=(e,n)=>{for(var t in n||(n={}))wo.call(n,t)&&xo(e,t,n[t]);if(yo)for(var t of yo(n))Eo.call(n,t)&&xo(e,t,n[t]);return e},So=(e,n)=>go(e,_o(n));const To=(e={})=>{const n=[{label:"Button",buttonProps:e},{label:"Button (disabled)",buttonProps:So(zo({},e),{_disabled:!0})},{label:"Button (hideLabel)",buttonProps:So(zo({},e),{_hideLabel:!0})},{label:"Button (disabled, hideLabel)",buttonProps:So(zo({},e),{_disabled:!0,_hideLabel:!0})}];return t.createElement("div",{className:"grid gap-8"},n.map((({label:e,buttonProps:n},o)=>t.createElement("section",{key:o,className:"grid gap-4"},t.createElement(Ve,{_level:2,_label:e}),t.createElement(ko,zo({},n))))))};var Co=Object.defineProperty,Bo=Object.getOwnPropertySymbols,Oo=Object.prototype.hasOwnProperty,Lo=Object.prototype.propertyIsEnumerable,Ao=(e,n,t)=>n in e?Co(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,No=(e,n)=>{for(var t in n||(n={}))Oo.call(n,t)&&Ao(e,t,n[t]);if(Bo)for(var t of Bo(n))Lo.call(n,t)&&Ao(e,t,n[t]);return e};const Io={button:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolButton shows a button-element. This sample demonstrates the basic usage with its different styling variants, icons, disabled state and hidden labels.")),t.createElement(To,null)),icons:()=>{const{dummyClickEventHandler:e}=co(),n={onClick:e};return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolButton with icons in all alignments.")),t.createElement("div",null,t.createElement(Me,{_icons:{bottom:"codicon codicon-arrow-down",left:{icon:"codicon codicon-arrow-left"},top:{style:{"font-size":"200%",transform:"rotate(45deg)"},icon:"codicon codicon-arrow-up"},right:"codicon codicon-arrow-right"},_label:"Label",_on:n})))},width:()=>{const{dummyClickEventHandler:e}=co(),n={className:"w-8rem",_on:{onClick:e}};return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolButton with adjusted widths.")),t.createElement("div",{className:"grid gap-14"},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Me,No({_label:"Primary",_variant:"primary"},n)),t.createElement(Me,No({_label:"Secondary",_variant:"secondary"},n)),t.createElement(Me,No({_label:"Normal",_variant:"normal"},n)),t.createElement(Me,No({_label:"Danger",_variant:"danger"},n)),t.createElement(Me,No({_label:"Ghost",_variant:"ghost"},n))),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Me,No({_disabled:!0,_label:"Primary",_variant:"primary"},n)),t.createElement(Me,No({_disabled:!0,_label:"Secondary",_variant:"secondary"},n)),t.createElement(Me,No({_disabled:!0,_label:"Normal",_variant:"normal"},n)),t.createElement(Me,No({_disabled:!0,_label:"Danger",_variant:"danger"},n)),t.createElement(Me,No({_disabled:!0,_label:"Ghost",_variant:"ghost"},n)))))},"access-key":()=>{const{dummyClickEventHandler:e}=co(),n={onClick:e};return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolButton with"," ",t.createElement(ln,{_label:"access keys",_href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey",_target:"blank"}),". The access keys can be used to trigger the buttons using the keyboard.")),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Me,{_label:"With S access key",_accessKey:"S",_on:n}),t.createElement(Me,{_label:"Very small b",_accessKey:"b",_on:n}),t.createElement(Me,{_label:"Access key does not appear in label",_accessKey:"x",_on:n}),t.createElement(Me,{_label:"access key without label",_hideLabel:!0,_accessKey:"a",_icons:"codicon codicon-dashboard",_on:n}),t.createElement(Me,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_accessKey:"n",_on:n})))},"aria-description":()=>{const{dummyClickEventHandler:e}=co(),n={onClick:e};return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolButton with aria-description")),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Me,{_label:"Button Text without area description",_on:n}),t.createElement(Me,{_label:"Button Text",_ariaDescription:"Button Area Description",_on:n})))},baselined:()=>{const{dummyClickEventHandler:e}=co(),n={onClick:e};return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This KolButton sample is used for internal testing purposes: It features multiple buttons with and without icons which are vertically aligned.")),t.createElement("div",{className:"flex"},t.createElement(Me,{_label:"Label-Text",_on:n}),t.createElement(Me,{_label:"Label-Text",_on:n}),t.createElement(Me,{_label:"Label-Text",_on:n}),t.createElement(Me,{_icons:"codicon codicon-reactions",_label:"Label-Text with Icon",_on:n})))},"short-key":()=>{const{dummyClickEventHandler:e}=co(),n={onClick:e};return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolButton with short key without functionality. The short key is purely visual. Its functionality needs to be developed separately."," ")),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Me,{_label:"With S short key",_shortKey:"S",_on:n}),t.createElement(Me,{_label:"Very small b",_shortKey:"b",_on:n}),t.createElement(Me,{_label:"Short key does not appear in label",_shortKey:"x",_on:n}),t.createElement(Me,{_label:"short key without label",_hideLabel:!0,_shortKey:"k",_icons:"codicon codicon-dashboard",_on:n}),t.createElement(Me,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_shortKey:"n",_on:n})))},"expert-slot":()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolButton show a button-element with expert slot.")),t.createElement(To,{_label:""},t.createElement("span",{slot:"expert"},"I am more than just a button")))}},$o={card:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolCard shows a card with title and slot content. The second sample features a close button.")),t.createElement("div",{className:"w-full grid grid-cols-2 gap-4"},t.createElement(Fe,{_label:"Card with title and content"},t.createElement("div",null,"Card contents.")),t.createElement(Fe,{_label:"Card with closer",_hasCloser:!0},t.createElement("p",null,"This card has a close button."))))}},Po={details:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolDetails hides its content until opened. The open state can be toggled either by clicking the label or by setting the ",t.createElement("code",null,"_open"),"-prop programmatically. The sample includes an initially open state and a disabled but open Details component.")),t.createElement("section",{className:"grid gap-4"},t.createElement(Ke,{_label:"Closed initially"},"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt."),t.createElement(Ke,{_disabled:!0,_label:"Open initially (disabled)",_open:!0},"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt."),t.createElement(Ke,{_label:"Open initially",_open:!0},"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.")))}},jo=["left","top","right","bottom"].map((e=>({label:e,value:e}))),Mo=({value:e="left",onChange:n})=>t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"container my-4 d-grid gap-4"},t.createElement(nn,{_label:"Drawer alignment",_value:e,_options:jo,_orientation:"horizontal",_on:{onChange:n}}))),Ro={drawer:{basic:()=>{const[e]=Ee(),n=e.get("align"),o=(0,t.useContext)(Kt),r=(0,t.useRef)(null),[l,a]=(0,t.useState)(n||"left");return(0,t.useEffect)((()=>{var e;n&&(null==(e=r.current)||e.open())}),[n]),t.createElement(t.Fragment,null,!o&&t.createElement(Pe,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.createElement(Wt,null,t.createElement("p",null,"KolDrawer shows a dialog attached to one of the sides of the viewport, when opened. This sample illustrates the four alignments.")),t.createElement(Mo,{value:l,onChange:(e,n)=>a(n)}),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(He,{ref:r,_label:"I am a drawer",_align:l,_on:{onClose:()=>console.log("Drawer onClose triggered!")}},t.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."),t.createElement(Me,{_label:"Close drawer",_on:{onClick:()=>{var e;return null==(e=r.current)?void 0:e.close()}}})),t.createElement(Me,{_label:"Open drawer",_on:{onClick:()=>{var e;return null==(e=r.current)?void 0:e.open()}}})))},controlled:()=>{const[e]=Ee(),n=e.get("align"),o=(0,t.useContext)(Kt),[r,l]=(0,t.useState)(!1),[a,i]=(0,t.useState)(n||"left");return t.createElement("div",null,!o&&t.createElement(Pe,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.createElement(Wt,null,t.createElement("p",null,"This sample shows the KolDrawer controlled by the property ",t.createElement("code",null,"_open")," instead of methods.")),t.createElement(Mo,{value:a,onChange:(e,n)=>i(n)}),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(He,{_open:r,_align:a,_label:"I'm a controlled drawer",_on:{onClose:()=>l(!1)}},t.createElement("div",null,t.createElement("p",null,"Lorem ipsum dolor sit amet,"),t.createElement(Me,{_label:"Close drawer",_on:{onClick:()=>l(!1)}}))),t.createElement(Me,{_label:"Open drawer",_on:{onClick:()=>l(!0)}})))}}},Fo={form:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolForm renders a form around the input components provided in a slot. This sample shows a basic form with three input fields.")),t.createElement(Ue,{className:"w-full"},t.createElement("div",{className:"grid gap-2"},t.createElement(on,{id:"input1",_label:"Input 1"}),t.createElement(on,{id:"input2",_label:"Input 2"}),t.createElement(on,{id:"input3",_label:"Input 3"})))),"error-list":()=>{const e=(0,t.useRef)(null);return(0,t.useEffect)((()=>{var n;null==(n=e.current)||n.focusErrorList()}),[]),t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows a form with error messages.")),t.createElement(Ue,{className:"w-full",ref:e,_on:{onSubmit:()=>{var n;null==(n=e.current)||n.focusErrorList()}},_errorList:[{message:"Error in Input 2",selector:"#input2"},{message:"Error in Input 3",selector:()=>alert("Error in Input 3")}]},t.createElement("div",{className:"grid gap-2"},t.createElement(on,{id:"input1",_label:"Input 1"}),t.createElement(on,{id:"input2",_label:"Input 2",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),t.createElement(on,{id:"input3",_label:"Input 3",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),t.createElement("div",null,t.createElement(Me,{_label:"ScrollTo",_type:"submit"})))))}}};var Do=Object.defineProperty;const Ko=`public-ui.v${Lt}`,Ho={darkMode:!1,theme:"default"};let Uo;function Vo(e){Uo=e;const n=Uo.getItem(Ko);try{const e=JSON.parse(n);"object"==typeof e&&null!==e&&(Ho.darkMode=!0===e.darkMode,$t(e.theme)&&(Ho.theme=e.theme))}catch(e){}}Vo(new class{constructor(){var e;((e,n,t)=>{n in e?Do(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t})(this,"symbol"!=typeof(e="store")?e+"":e,new Map)}setItem(e,n){this.store.set(e,n)}getItem(e){return this.store.get(e)||null}});const Wo=()=>`${Ho.theme}`,qo=e=>{var n;if($t(e))return null==(n=Pt.find((n=>n.value===e)))?void 0:n.label;throw new Error(`The theme identifier "${e}" is not valid or an available option.`)},Go=new WeakMap,Zo=e=>(!1===Go.has(e)&&Go.set(e,(0,r.H)(e)),Go.get(e)),Yo=[{monday:"Alex",tuesday:"Anna",wednesday:"Amalia",thursday:"Arthur",friday:"Alex",saturday:"Andrea",sunday:"Arnold"},{monday:"Helena",tuesday:"Fabian",wednesday:"Marie",thursday:"Ben",friday:"Marcus",saturday:"Alex",sunday:"Marcus"},{monday:"Fabian",tuesday:"Helena",wednesday:"Fabian",thursday:"Maya",friday:"Ben",saturday:"Alex",sunday:"Helena"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Finn",tuesday:"Roger",wednesday:"Christian",thursday:"Caspar",friday:"David",saturday:"Bernard",sunday:"Anna"},{monday:"Alex",tuesday:"Anna",wednesday:"Amalia",thursday:"Arthur",friday:"Alex",saturday:"Andrea",sunday:"Arnold"},{monday:"Helena",tuesday:"Fabian",wednesday:"Marie",thursday:"Ben",friday:"Marcus",saturday:"Alex",sunday:"Marcus"},{monday:"Fabian",tuesday:"Helena",wednesday:"Fabian",thursday:"Maya",friday:"Ben",saturday:"Alex",sunday:"Helena"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Finn",tuesday:"Roger",wednesday:"Christian",thursday:"Caspar",friday:"David",saturday:"Bernard",sunday:"Anna"},{monday:"Alex",tuesday:"Anna",wednesday:"Amalia",thursday:"Arthur",friday:"Alex",saturday:"Andrea",sunday:"Arnold"},{monday:"Helena",tuesday:"Fabian",wednesday:"Marie",thursday:"Ben",friday:"Marcus",saturday:"Alex",sunday:"Marcus"},{monday:"Fabian",tuesday:"Helena",wednesday:"Fabian",thursday:"Maya",friday:"Ben",saturday:"Alex",sunday:"Helena"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Finn",tuesday:"Roger",wednesday:"Christian",thursday:"Caspar",friday:"David",saturday:"Bernard",sunday:"Anna"},{monday:"Alex",tuesday:"Anna",wednesday:"Amalia",thursday:"Arthur",friday:"Alex",saturday:"Andrea",sunday:"Arnold"},{monday:"Helena",tuesday:"Fabian",wednesday:"Marie",thursday:"Ben",friday:"Marcus",saturday:"Alex",sunday:"Marcus"},{monday:"Fabian",tuesday:"Helena",wednesday:"Fabian",thursday:"Maya",friday:"Ben",saturday:"Alex",sunday:"Helena"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Finn",tuesday:"Roger",wednesday:"Christian",thursday:"Caspar",friday:"David",saturday:"Bernard",sunday:"Anna"},{monday:"Alex",tuesday:"Anna",wednesday:"Amalia",thursday:"Arthur",friday:"Alex",saturday:"Andrea",sunday:"Arnold"},{monday:"Helena",tuesday:"Fabian",wednesday:"Marie",thursday:"Ben",friday:"Marcus",saturday:"Alex",sunday:"Marcus"},{monday:"Fabian",tuesday:"Helena",wednesday:"Fabian",thursday:"Maya",friday:"Ben",saturday:"Alex",sunday:"Helena"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Finn",tuesday:"Roger",wednesday:"Christian",thursday:"Caspar",friday:"David",saturday:"Bernard",sunday:"Anna"}];var Jo=Object.defineProperty,Qo=Object.defineProperties,Xo=Object.getOwnPropertyDescriptors,er=Object.getOwnPropertySymbols,nr=Object.prototype.hasOwnProperty,tr=Object.prototype.propertyIsEnumerable,or=(e,n,t)=>n in e?Jo(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;function rr(e){var n=e,{_on:o}=n,r=((e,n)=>{var t={};for(var o in e)nr.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&er)for(var o of er(e))n.indexOf(o)<0&&tr.call(e,o)&&(t[o]=e[o]);return t})(n,["_on"]);const{dummyClickEventHandler:l}=co(),a={onClick:l};return t.createElement(Me,((e,n)=>Qo(e,Xo(n)))(((e,n)=>{for(var t in n||(n={}))nr.call(n,t)&&or(e,t,n[t]);if(er)for(var t of er(n))tr.call(n,t)&&or(e,t,n[t]);return e})({},r),{_on:a}))}const lr={horizontal:[[{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{key:"monday",label:"Monday",render:(e,n)=>{const o=document.createElement("div");o.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(o),Zo(o).render(t.createElement(rr,{_label:n.label,style:{fontSize:"75%"}}))},compareFn:(e,n)=>e.monday<n.monday?-1:e.monday>n.monday?1:0,sortDirection:"ASC",textAlign:"right"},{key:"tuesday",label:"Tuesday",render:(e,n)=>{const o=document.createElement("div");o.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(o),Zo(o).render(t.createElement(Pe,{_color:"#060",_label:n.label}))},compareFn:(e,n)=>e.tuesday<n.tuesday?-1:e.tuesday>n.tuesday?1:0,sortDirection:"DESC"},{key:"wednesday",label:"Wednesday",render:(e,n)=>{const o=document.createElement("div");o.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(o),Zo(o).render(t.createElement(Pe,{_color:"#006",_label:n.label}))}},{key:"thursday",label:"Thursday",render:(e,n)=>{const o=document.createElement("div");o.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(o),Zo(o).render(t.createElement(Pe,{_color:"#600",_label:n.label}))}},{key:"friday",label:"Friday",render:(e,n)=>{const o=document.createElement("div");o.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(o),Zo(o).render(t.createElement(Pe,{_color:"#303",_label:n.label}))}},{key:"saturday",label:"Saturday",render:(e,n)=>{const o=document.createElement("div");o.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(o),Zo(o).render(t.createElement(Pe,{_color:"#330",_label:n.label}))}},{key:"sunday",label:"Sunday",render:(e,n)=>{const o=document.createElement("div");o.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(o),Zo(o).render(t.createElement(Pe,{_color:"#033",_label:n.label}))}}]],vertical:[[{label:"Early"},{label:"Noon"},{label:"Evening"},{label:"Night"}]]},ar={handout:{basic:()=>{const{dummyClickEventHandler:e}=co(),n={onClick:e};return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"grid gap-4 grid-cols-[auto_1fr_1fr] items-center"},t.createElement(rn,{className:"block w-75px",_labeled:!1}),t.createElement(Ve,{_label:"",_level:1},t.createElement("span",{slot:"expert"},"Kolibri-Handout ",t.createElement("small",null,"for ",qo(Wo())))),t.createElement(Ke,{_label:"Abstract",_open:!0},"The handout shows a selection of KoliBri components in the style of ",t.createElement("strong",null,qo(Wo())),". Since KoliBri offers self-contained, accessible web components that can be customized to your own corporate design using theming, you don't have to develop these components yourself. For more information read our documentation and follow us (",t.createElement(ln,{_label:"https://github.com/public-ui/kolibri",_href:"https://github.com/public-ui/kolibri",_target:"_blank"}),").")),t.createElement("div",{className:"grid gap-4 sm:grid-cols-6 md:grid-cols-6  xl:grid-cols-12"},t.createElement(Fe,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Heading",_level:2},t.createElement("div",{slot:"",className:"grid gap-2 p-2"},t.createElement(Ve,{_label:"Heading Level 1",_level:1}),t.createElement(Ve,{_label:"Heading Level 2",_level:2}),t.createElement(Ve,{_label:"Heading Level 3",_level:3}),t.createElement(Ve,{_label:"Heading Level 4",_level:4}),t.createElement(Ve,{_label:"Heading Level 5",_level:5}),t.createElement(Ve,{_label:"Heading Level 6",_level:6}),t.createElement(Ve,{_label:"Heading Level 6",_secondaryHeadline:"Lessons",_level:6}))),t.createElement(Fe,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Abbreviation and Progress",_level:2},t.createElement("div",{slot:"",className:"grid gap-2 p-2"},t.createElement("p",null,"I am ",t.createElement(Ae,{_label:"as an example"},"e.g.")," an abbreviation."),t.createElement("p",null,"I am ",t.createElement(Ae,null,"e.g.")," an abbreviation without label."),t.createElement("div",{className:"grid grid-cols-2 items-center"},t.createElement(un,{_variant:"bar",_max:100,_value:33,_label:"Progress"}),t.createElement(un,{_variant:"cycle",_max:100,_value:66,_label:"Progress"})))),t.createElement(Fe,{className:"col-span-6 sm:col-span-6 md:col-span-6 xl:col-span-3",_label:"Button, LinkButton and Tab",_level:2},t.createElement("div",{slot:"",className:"grid gap-2 p-2"},t.createElement(_n,{_label:"",_selected:0,_tabs:[{_label:"Button"},{_label:"LinkButton"},{_label:"Disabled Tab",_disabled:!0}]},t.createElement("div",{className:"grid gap-2 py-2"},t.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},t.createElement(Me,{_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:n}),t.createElement(Me,{_disabled:!0,_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:n}),t.createElement(Me,{_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary",_on:n})),t.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},t.createElement(Me,{_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:n}),t.createElement(Me,{_disabled:!0,_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:n}),t.createElement(Me,{_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary",_on:n})),t.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},t.createElement(Me,{_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:n}),t.createElement(Me,{_disabled:!0,_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:n}),t.createElement(Me,{_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger",_on:n})),t.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},t.createElement(Me,{_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:n}),t.createElement(Me,{_disabled:!0,_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:n}),t.createElement(Me,{_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal",_on:n})),t.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},t.createElement(Me,{_label:"ghost",_variant:"ghost"}),t.createElement(Me,{_disabled:!0,_label:"ghost",_variant:"ghost"}),t.createElement(Me,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost",_on:n}))),t.createElement("div",{className:"grid gap-2 py-2"},t.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},t.createElement(an,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),t.createElement(an,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),t.createElement(an,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary"})),t.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},t.createElement(an,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),t.createElement(an,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),t.createElement(an,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary"})),t.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},t.createElement(an,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),t.createElement(an,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),t.createElement(an,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger"})),t.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},t.createElement(an,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),t.createElement(an,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),t.createElement(an,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal"})),t.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},t.createElement(an,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),t.createElement(an,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),t.createElement(an,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost"})))))),t.createElement(Fe,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Accordion, Link and ButtonLink",_level:2},t.createElement("div",{slot:"",className:"grid gap-2 p-2"},t.createElement(Ne,{_label:"Links",_level:3,_open:!0},t.createElement("div",{className:"grid gap-2",slot:""},t.createElement(ln,{_href:"#/back-page",_label:"Link text"}),t.createElement(ln,{_href:"#/back-page",_icons:"codicon codicon-home",_label:"Link text with icon"}),t.createElement(ln,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),t.createElement(ln,{_href:"/",_label:"Visited link"}),t.createElement("p",null,"I am a ",t.createElement(ln,{_href:"#/back-page",_label:"externer Link",_target:"w3c"})," in the running text."))),t.createElement(Ne,{_label:"ButtonLinks",_level:3},t.createElement("div",{className:"grid gap-2",slot:""},t.createElement(Re,{_label:"Link text"}),t.createElement(Re,{_icons:"codicon codicon-home",_label:"Link text with icon"}),t.createElement(Re,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),t.createElement("p",null,"I am a ",t.createElement(Re,{_label:"Link"})," in the running text."),t.createElement(Re,{_icons:{left:"codicon codicon-arrow-left",right:"codicon codicon-arrow-right",top:"codicon codicon-arrow-up",bottom:"codicon codicon-arrow-down"},_label:"Icons"}))))),t.createElement(Fe,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-3",_label:"Alert",_level:2},t.createElement("div",{slot:"",className:"grid gap-2 p-2"},t.createElement(Ie,{_label:"Default message",_type:"default"},"This is the text of the alert."),t.createElement(Ie,{_type:"success"},"Success message text"),t.createElement(Ie,{_type:"error",_hasCloser:!0},"This is a error message text."),t.createElement(Ie,{_label:"Info card",_type:"info",_variant:"card"},"This is the text of the alert."),t.createElement(Ie,{_label:"Warning card",_type:"warning",_hasCloser:!0,_variant:"card"},"This is the text of the alert."))),t.createElement(Fe,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Nav and Breadcrumb",_level:2},t.createElement("div",{slot:"",className:"grid gap-2 p-2"},t.createElement("div",null,t.createElement(sn,{_label:"Main navigation",_links:[{_label:"Homepage",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"2 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_active:!0,_label:"3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_label:"3.1 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.2 External navigation point",_icons:"codicon codicon-home",_href:"#/back-page",_target:"_blank"},{_label:"3.3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_active:!0,_label:"3.3.1 Navigation point (active)",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.3.2 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"}]}]},{_label:"3 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"}],_hasCompactButton:!0})),t.createElement("div",null,t.createElement(je,{_label:"Breadcrumb aus Text-Links",_links:[{_label:"Homepage",_href:"#/back-page"},{_label:"Bottom of the homepage",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]})))),t.createElement(Fe,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Input",_level:2},t.createElement(Ue,{slot:""},t.createElement("div",{className:"grid gap-4 grid-cols-3 p-2"},t.createElement(Ze,{_label:"Color"}),t.createElement(Qe,{_label:"Upload file"}),t.createElement(Xe,{_label:"Number input"}),t.createElement(Ye,{_type:"date",_label:"Date"}),t.createElement(Je,{_icons:"{'left': 'codicon codicon-home'}",_msg:{_type:"error",_description:"Test of an error message"},_touched:!0,_label:"E-mail address"}),t.createElement(on,{_hint:"I am a hint.",_label:"First name"}),t.createElement(en,{_label:"password"}),t.createElement(fn,{_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_label:"Stimmung"}),t.createElement(tn,{_min:0,_max:50,_value:25,_label:"Slider"}),t.createElement(nn,{className:"herr-frau",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"1",_label:"Salutation"}),t.createElement("div",{className:"grid gap-4"},t.createElement(nn,{_orientation:"horizontal",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"0",_label:"Salutation"}),t.createElement(Ge,{_label:""},"I accept the ",t.createElement(Ae,{_label:"General Terms and Conditions"},"AGB"),".")),t.createElement(yn,{_rows:4,_label:"Textarea"})))),t.createElement(Fe,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Table with Pagination",_level:2},t.createElement("div",{slot:"",className:"grid gap-2 p-2"},t.createElement(vn,{_label:"Table",_minWidth:"auto",_headers:lr,_data:Yo,_pagination:!0})))),t.createElement(zn,{_label:"5.0.2-test.2"}))}}},ir={heading:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolHeading renders a heading with the given level.")),t.createElement("div",{className:"grid gap-4"},t.createElement(Ve,{_label:"I'm a H1-heading",_level:1}),t.createElement(Ve,{_label:"I'm a H2-heading",_level:2}),t.createElement(Ve,{_label:"I'm a H3-heading",_level:3}),t.createElement(Ve,{_label:"I'm a H4-heading",_level:4}),t.createElement(Ve,{_label:"I'm a H5-heading",_level:5}),t.createElement(Ve,{_label:"I'm a H6-heading",_level:6}))),badge:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolHeading with its different levels and content provided using the export slot instead of the ",t.createElement("code",null,"_label"),"-property.")),t.createElement("div",{className:"grid gap-4"},t.createElement(Ve,{_label:"",_level:1},t.createElement("span",{slot:"expert"},"A heading with a ",t.createElement(Pe,{_label:"Label"}))),t.createElement(Ve,{_label:"",_level:2},t.createElement("span",{slot:"expert"},"A heading with a ",t.createElement(Pe,{_color:"#86ffc6",_label:"Label"}))),t.createElement(Ve,{_label:"",_level:3},t.createElement("span",{slot:"expert"},"A heading with a ",t.createElement(Pe,{_color:"#06539e",_label:"Label"}))),t.createElement(Ve,{_label:"",_level:4},t.createElement("span",{slot:"expert"},"A heading with a ",t.createElement(Pe,{_color:"#ae0000",_label:"Label"}))),t.createElement(Ve,{_label:"",_level:5},t.createElement("span",{slot:"expert"},"A heading with a ",t.createElement(Pe,{_color:"#8b008b",_label:"Label"}))),t.createElement(Ve,{_label:"",_level:6},t.createElement("span",{slot:"expert"},"A heading with a ",t.createElement(Pe,{_color:"#ffc0cb",_label:"Label"}))))),paragraph:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolHeading with its different levels combined with some text content each.")),t.createElement("div",{className:"grid gap-4"},t.createElement(Ve,{_label:"Ich bin eine H1-Überschrift",_level:1}),t.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."),t.createElement(Ve,{_label:"Ich bin eine H2-Überschrift",_level:2}),t.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."),t.createElement(Ve,{_label:"Ich bin eine H3-Überschrift",_level:3}),t.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."),t.createElement(Ve,{_label:"Ich bin eine H4-Überschrift",_level:4}),t.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."),t.createElement(Ve,{_label:"Ich bin eine H5-Überschrift",_level:5}),t.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."),t.createElement(Ve,{_label:"Ich bin eine H6-Überschrift",_level:6}),t.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.")))}},cr={icon:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolIcon renders an icon. This sample shows one regular icon and one with a custom style-property, changing the icon color.")),t.createElement("div",{className:"grid gap-4"},t.createElement(We,{_label:"",_icons:"codicon codicon-home"}),t.createElement(We,{style:{color:"red"},_label:"",_icons:"codicon codicon-home"})))}},sr={image:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolImage renders an image. The sample shows an image with alternative text.")),t.createElement(qe,{className:"w-image",_src:"abgrenzung.jpg",_alt:"Darstellung des KoliBri-Theming"}))}};var dr=Object.defineProperty,ur=Object.getOwnPropertySymbols,mr=Object.prototype.hasOwnProperty,fr=Object.prototype.propertyIsEnumerable,br=(e,n,t)=>n in e?dr(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;const pr=e=>{var n=e,{RefComponent:o}=n,r=((e,n)=>{var t={};for(var o in e)mr.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&ur)for(var o of ur(e))n.indexOf(o)<0&&fr.call(e,o)&&(t[o]=e[o]);return t})(n,["RefComponent"]);return t.createElement(Ue,{className:"w-full"},t.createElement("div",{className:"grid gap-4"},t.createElement(o,((e,n)=>{for(var t in n||(n={}))mr.call(n,t)&&br(e,t,n[t]);if(ur)for(var t of ur(n))fr.call(n,t)&&br(e,t,n[t]);return e})({},r)),t.createElement("div",{className:"flex gap-4"},t.createElement(Me,{_label:"Submit",_icons:"codicon codicon-arrow-right",_type:"submit",_variant:"primary"}),t.createElement(Me,{_label:"Bunte Icons",_icons:{left:{icon:"codicon codicon-heart-filled",style:{color:"#cc006e"}},right:{icon:"codicon codicon-squirrel",style:{color:"#b41b1b"}}},_type:"submit",_variant:"secondary"}),t.createElement(Me,{_label:"Reset",_type:"reset",_variant:"tertiary"}),t.createElement(Me,{_label:"Help",_variant:"ghost"}))))};var hr=Object.defineProperty,kr=Object.defineProperties,vr=Object.getOwnPropertyDescriptors,gr=Object.getOwnPropertySymbols,_r=Object.prototype.hasOwnProperty,yr=Object.prototype.propertyIsEnumerable,wr=(e,n,t)=>n in e?hr(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Er=(e,n)=>{for(var t in n||(n={}))_r.call(n,t)&&wr(e,t,n[t]);if(gr)for(var t of gr(n))yr.call(n,t)&&wr(e,t,n[t]);return e},xr=(e,n)=>kr(e,vr(n));const zr=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement(Ge,xr(Er({},e),{_label:"Not selected",_value:!1,_required:!0})),t.createElement(Ge,xr(Er({},e),{_label:"Indeterminate",_value:null,_indeterminate:!0})),t.createElement(Ge,xr(Er({},e),{ref:n,_accessKey:"A",_checked:!0,_label:"Selected",_tooltipAlign:"right",_value:!0})),t.createElement(Ge,xr(Er({},e),{_checked:!0,_icons:{unchecked:"codicon codicon-close"},_label:"With a very long label and upheavals ".repeat(5),_value:!0})),t.createElement(Ge,xr(Er({},e),{_disabled:!0,_label:"Disabled",_value:!0,_hint:"Hint text"})),t.createElement(Ge,xr(Er({},e),{_checked:!0,_disabled:!0,_label:"Checked and disabled"})),t.createElement(Ge,xr(Er({},e),{_indeterminate:!0,_disabled:!0,_label:"Indeterminate and disabled"})),t.createElement(Ge,xr(Er({},e),{_msg:{_type:"error",_description:Ht},_label:"With error",_touched:!0,_value:!0,_hint:"Hint text"})),t.createElement(Ge,xr(Er({},e),{_label:"With access key",_accessKey:"c",_value:null})),t.createElement(Ge,xr(Er({},e),{_label:"With short key",_shortKey:"s",_value:null})))}));function Sr({children:e}){const[n]=Ee(),o=n.has("noColumns");return t.createElement("div",{className:o?"":"grid md:grid-cols-2 gap-4"},e)}var Tr=Object.defineProperty,Cr=Object.defineProperties,Br=Object.getOwnPropertyDescriptors,Or=Object.getOwnPropertySymbols,Lr=Object.prototype.hasOwnProperty,Ar=Object.prototype.propertyIsEnumerable,Nr=(e,n,t)=>n in e?Tr(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Ir=(e,n)=>{for(var t in n||(n={}))Lr.call(n,t)&&Nr(e,t,n[t]);if(Or)for(var t of Or(n))Ar.call(n,t)&&Nr(e,t,n[t]);return e},$r=(e,n)=>Cr(e,Br(n));const Pr=(0,t.forwardRef)((function(e,n){return t.createElement(t.Fragment,null,t.createElement(Sr,null,t.createElement("fieldset",null,t.createElement("legend",null,'Label align "left" with label'),t.createElement(zr,$r(Ir({},e),{_labelAlign:"left"}))),t.createElement("fieldset",null,t.createElement("legend",null,'Label align "left" without Label (hideLabel)'),t.createElement(zr,$r(Ir({ref:n},e),{_hideLabel:!0,_labelAlign:"left"})))),t.createElement(Sr,null,t.createElement("fieldset",null,t.createElement("legend",null,'Label align "right" with label'),t.createElement(zr,Ir({},e))),t.createElement("fieldset",null,t.createElement("legend",null,'Label align "right" without Label (hideLabel)'),t.createElement(zr,$r(Ir({ref:n},e),{_hideLabel:!0})))))})),jr={"input-checkbox":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolInputCheckbox renders a checkbox. The sample shows KolInputCheckbox in a form context with all variations and states.")),t.createElement(pr,{RefComponent:Pr})),switch:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,'This sample shows KolInputCheckbox in the variant "switch".')),t.createElement(pr,{RefComponent:Pr,_variant:"switch"})),button:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,'This sample shows KolInputCheckbox in the variant "button".')),t.createElement(pr,{RefComponent:Pr,_variant:"button"}))}};var Mr=Object.defineProperty,Rr=Object.defineProperties,Fr=Object.getOwnPropertyDescriptors,Dr=Object.getOwnPropertySymbols,Kr=Object.prototype.hasOwnProperty,Hr=Object.prototype.propertyIsEnumerable,Ur=(e,n,t)=>n in e?Mr(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Vr=(e,n)=>{for(var t in n||(n={}))Kr.call(n,t)&&Ur(e,t,n[t]);if(Dr)for(var t of Dr(n))Hr.call(n,t)&&Ur(e,t,n[t]);return e},Wr=(e,n)=>Rr(e,Fr(n));const qr=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"black-background"},t.createElement(Ze,Wr(Vr({},e),{_msg:{_type:"error",_description:Ht},_icons:{left:"codicon codicon-symbol-color"},_label:"Color (Black background test)",_value:"#f08080"}))),t.createElement(Ze,Wr(Vr({},e),{_msg:{_type:"error",_description:Ht},_label:"Color with error",_suggestions:"['#000000','#f08080', '#0000ff','#00ff00']",_touched:!0})),t.createElement(Ze,Wr(Vr({},e),{_msg:{_type:"info",_description:"Just a hint"},_label:"Color"})),t.createElement(Ze,Wr(Vr({},e),{_msg:{_type:"warning",_description:"Small warning"},_label:"Color"})),t.createElement(Ze,Wr(Vr({},e),{_msg:{_type:"success",_description:"Success message"},_label:"Color"})),t.createElement(Ze,Wr(Vr({},e),{ref:n,_accessKey:"C",_hint:"Hint text",_label:"Color with hint",_value:"#f08080"})),t.createElement(Ze,Wr(Vr({},e),{_disabled:!0,_label:"Color (Disabled)",_value:"#f08080"})),t.createElement(Ze,Wr(Vr({},e),{_label:"With access key",_accessKey:"c"})),t.createElement(Ze,Wr(Vr({},e),{_label:"With short key",_shortKey:"s"})))}));var Gr=Object.defineProperty,Zr=Object.defineProperties,Yr=Object.getOwnPropertyDescriptors,Jr=Object.getOwnPropertySymbols,Qr=Object.prototype.hasOwnProperty,Xr=Object.prototype.propertyIsEnumerable,el=(e,n,t)=>n in e?Gr(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,nl=(e,n)=>{for(var t in n||(n={}))Qr.call(n,t)&&el(e,t,n[t]);if(Jr)for(var t of Jr(n))Xr.call(n,t)&&el(e,t,n[t]);return e};const tl=(0,t.forwardRef)((function(e,n){return t.createElement(Sr,null,t.createElement("fieldset",null,t.createElement("legend",null,"Color"),t.createElement(qr,nl({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Color (hideLabel)"),t.createElement(qr,(e=>Zr(e,Yr({_hideLabel:!0})))(nl({ref:n},e)))))})),ol={"input-color":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolInputColor renders a color input. The sample shows KolInputColor in a form context with all variations and states.")),t.createElement(pr,{RefComponent:tl}))}};var rl=Object.defineProperty,ll=Object.defineProperties,al=Object.getOwnPropertyDescriptors,il=Object.getOwnPropertySymbols,cl=Object.prototype.hasOwnProperty,sl=Object.prototype.propertyIsEnumerable,dl=(e,n,t)=>n in e?rl(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,ul=(e,n)=>{for(var t in n||(n={}))cl.call(n,t)&&dl(e,t,n[t]);if(il)for(var t of il(n))sl.call(n,t)&&dl(e,t,n[t]);return e},ml=(e,n)=>ll(e,al(n));const fl=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"black-background"},t.createElement(Ye,ml(ul({},e),{_type:"date",_label:"Date input (Black background test)",_required:!0}))," "),t.createElement(Ye,ml(ul({},e),{_type:"datetime-local",_label:"Local-Datetime (Standard)",_required:!0})),t.createElement(Ye,ml(ul({},e),{_step:1,_type:"datetime-local",_hint:Ut,_msg:{_type:"error",_description:Ht},_label:"Local datetime (with seconds)",_required:!0,_touched:!0})),t.createElement(Ye,ml(ul({},e),{_msg:{_type:"info",_description:"Just a hint"},_label:"Color"})),t.createElement(Ye,ml(ul({},e),{_msg:{_type:"warning",_description:"Small warning"},_label:"Color"})),t.createElement(Ye,ml(ul({},e),{_msg:{_type:"success",_description:"Success message"},_label:"Color"})),t.createElement(Ye,ml(ul({},e),{_type:"month",_label:"Month",_required:!0})),t.createElement(Ye,ml(ul({},e),{ref:n,_accessKey:"W",_type:"week",_label:"Week",_required:!0})),t.createElement(Ye,ml(ul({},e),{_type:"time",_label:"Time (standard)",_required:!0})),t.createElement(Ye,ml(ul({},e),{_step:1,_type:"time",_label:"Time (with seconds)",_required:!0})),t.createElement(Ye,ml(ul({},e),{_readOnly:!0,_label:"Date input (read-only)",_required:!0})),t.createElement(Ye,ml(ul({},e),{_disabled:!0,_label:"Date input (Disabled)",_required:!0})),t.createElement(Ye,ml(ul({},e),{_label:"With access key",_accessKey:"s"})),t.createElement(Ye,ml(ul({},e),{_label:"With short key",_shortKey:"s"})))}));var bl=Object.defineProperty,pl=Object.defineProperties,hl=Object.getOwnPropertyDescriptors,kl=Object.getOwnPropertySymbols,vl=Object.prototype.hasOwnProperty,gl=Object.prototype.propertyIsEnumerable,_l=(e,n,t)=>n in e?bl(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,yl=(e,n)=>{for(var t in n||(n={}))vl.call(n,t)&&_l(e,t,n[t]);if(kl)for(var t of kl(n))gl.call(n,t)&&_l(e,t,n[t]);return e},wl=(e,n)=>pl(e,hl(n));const El=e=>{const n=new Date("January 10, 2024, 12:00"),o=new Date("October 20, 2024, 15:00");return t.createElement("div",{className:"grid gap-4"},t.createElement(Ye,wl(yl({},e),{_type:"date",_label:"Date with Iso",_min:"2024-09-26",_max:"2024-09-27"})),t.createElement(Ye,wl(yl({},e),{_type:"date",_label:"Date with Date",_min:n,_max:o})),t.createElement(Ye,wl(yl({},e),{_type:"time",_label:"Time with Iso",_min:"12:00",_max:"15:00"})),t.createElement(Ye,wl(yl({},e),{_type:"time",_label:"Time with Date",_min:n,_max:o})),t.createElement(Ye,wl(yl({},e),{_type:"datetime-local",_label:"DayTime with Iso",_min:"2024-09-26T12:00",_max:"2024-09-27T15:00"})),t.createElement(Ye,wl(yl({},e),{_type:"datetime-local",_label:"DayTime with Date",_min:n,_max:o})),t.createElement(Ye,wl(yl({},e),{_type:"week",_label:"Week with Iso",_min:"2024-W10",_max:"2024-W50"})),t.createElement(Ye,wl(yl({},e),{_type:"week",_label:"Week with Date",_min:n,_max:o})),t.createElement(Ye,wl(yl({},e),{_type:"month",_label:"Month with Iso",_min:"2024-02",_max:"2024-10"})),t.createElement(Ye,wl(yl({},e),{_type:"month",_label:"Month with Date",_min:n,_max:o})))};var xl=Object.defineProperty,zl=Object.defineProperties,Sl=Object.getOwnPropertyDescriptors,Tl=Object.getOwnPropertySymbols,Cl=Object.prototype.hasOwnProperty,Bl=Object.prototype.propertyIsEnumerable,Ol=(e,n,t)=>n in e?xl(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Ll=(e,n)=>{for(var t in n||(n={}))Cl.call(n,t)&&Ol(e,t,n[t]);if(Tl)for(var t of Tl(n))Bl.call(n,t)&&Ol(e,t,n[t]);return e};const Al=(0,t.forwardRef)((function(e,n){return t.createElement(Sr,null,t.createElement("fieldset",null,t.createElement("legend",null,"Date"),t.createElement(fl,Ll({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Date (hideLabel)"),t.createElement(fl,(e=>zl(e,Sl({_hideLabel:!0})))(Ll({ref:n},e)))),t.createElement("fieldset",null,t.createElement("legend",null,"Date (with min/max)"),t.createElement(El,Ll({},e))))})),Nl=["default","error","info","success","warning"];function Il(e){return{onChange:()=>e((e=>!e))}}const $l={"input-date":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolInputDate renders all types of fields for date and time input. The sample shows KolInputDate in a form context with all variations and states.")),t.createElement(pr,{RefComponent:Al})),reset:()=>{const e=(0,t.useRef)(null);return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample demonstrates the KolInputDate ",t.createElement("code",null,"reset"),"-Method, which can be used to clear the field, even when it holds incomplete or invalid values.")),t.createElement(Ye,{className:"w-full",ref:e,_label:"Resettable Input Date",_value:"2024-02-10"}),t.createElement(Me,{className:"mt",_label:"Reset",_on:{onClick:()=>{var n;return null==(n=e.current)?void 0:n.reset()}}}))},"show-hide-msg":()=>{const[e,n]=(0,t.useState)(!0),[o,r]=(0,t.useState)(!0),[l,a]=(0,t.useState)(!1),i=Il(n),c=Il(r),s=Il(a);return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This example shows how messages work in input fields.")),t.createElement("div",{className:"flex gap-4 flex-col"},t.createElement("div",{className:"flex gap-4 items-center"},t.createElement(Ge,{_label:"Toggle Msg",_on:i,_checked:e,_variant:"button"}),t.createElement(Ge,{_label:"Toggle Touched",_on:c,_checked:o,_variant:"button"}),t.createElement(Ge,{_label:"Toggle Hide Msg",_on:s,_checked:l,_variant:"button"})),t.createElement("pre",null,"Message exists: ",e?"Yes":"No"," (showMsg: ",e?"Yes":"No",")",t.createElement("br",null),"Non-Error-Message visible: ",e&&!l?"Yes":"No"," (showMsg: ",e?"Yes":"No",", hideMsg: ",l?"Yes":"No",")",t.createElement("br",null),"Error-Message visible: ",e&&o&&!l?"Yes":"No"," (showMsg: ",e?"Yes":"No",", isTouched: ",o?"Yes":"No",", hideMsg: ",l?"Yes":"No",")"),Nl.map((n=>t.createElement(Ye,{key:n,_hideMsg:l,_label:`Date (_msg, ${n})`,_msg:e?{_description:`${n} message`,_type:n}:void 0,_touched:o})))))}}};var Pl=Object.defineProperty,jl=Object.defineProperties,Ml=Object.getOwnPropertyDescriptors,Rl=Object.getOwnPropertySymbols,Fl=Object.prototype.hasOwnProperty,Dl=Object.prototype.propertyIsEnumerable,Kl=(e,n,t)=>n in e?Pl(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Hl=(e,n)=>{for(var t in n||(n={}))Fl.call(n,t)&&Kl(e,t,n[t]);if(Rl)for(var t of Rl(n))Dl.call(n,t)&&Kl(e,t,n[t]);return e},Ul=(e,n)=>jl(e,Ml(n));const Vl=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"black-background"},t.createElement(Je,Ul(Hl({},e),{_required:!0,_value:"test@mail.de",_msg:{_type:"error",_description:Ht},_label:"E-Mail (Black background test)"}))),t.createElement(Je,Ul(Hl({},e),{ref:n,_accessKey:"M",_placeholder:"elke@mustermann.de",_suggestions:"['test1@mail.de', 'test2@mail.de', 'test3@mail.de']",_label:"E-Mail (list)",_hint:Ut,_msg:{_type:"error",_description:Ht},_touched:!0,_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}})),t.createElement(Je,Ul(Hl({},e),{_msg:{_type:"info",_description:"Just a hint"},_label:"E-Mail"})),t.createElement(Je,Ul(Hl({},e),{_msg:{_type:"warning",_description:"Small warning"},_label:"E-Mail"})),t.createElement(Je,Ul(Hl({},e),{_msg:{_type:"success",_description:"Success message"},_label:"E-Mail"})),t.createElement(Je,Ul(Hl({},e),{_disabled:!0,_value:"test@mail.de",_label:"E-Mail (Disabled)"})),t.createElement(Je,Ul(Hl({},e),{_readOnly:!0,_value:"test@mail.de",_label:"E-Mail (Readonly)"})),t.createElement(Je,Ul(Hl({},e),{_value:"test@mail.de",_label:"With access key",_accessKey:"c"})),t.createElement(Je,Ul(Hl({},e),{_value:"test@mail.de",_label:"With short key",_shortKey:"s"})))}));var Wl=Object.defineProperty,ql=Object.defineProperties,Gl=Object.getOwnPropertyDescriptors,Zl=Object.getOwnPropertySymbols,Yl=Object.prototype.hasOwnProperty,Jl=Object.prototype.propertyIsEnumerable,Ql=(e,n,t)=>n in e?Wl(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Xl=(e,n)=>{for(var t in n||(n={}))Yl.call(n,t)&&Ql(e,t,n[t]);if(Zl)for(var t of Zl(n))Jl.call(n,t)&&Ql(e,t,n[t]);return e};const ea=(0,t.forwardRef)((function(e,n){return t.createElement(Sr,null,t.createElement("fieldset",null,t.createElement("legend",null,"Email"),t.createElement(Vl,Xl({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Email (hideLabel)"),t.createElement(Vl,(e=>ql(e,Gl({_hideLabel:!0})))(Xl({ref:n},e)))))})),na={"input-email":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolInputEmail renders an email input field. The sample shows KolInputEmail in a form context with all variations and states.")),t.createElement(pr,{RefComponent:ea}))}};var ta=Object.defineProperty,oa=Object.defineProperties,ra=Object.getOwnPropertyDescriptors,la=Object.getOwnPropertySymbols,aa=Object.prototype.hasOwnProperty,ia=Object.prototype.propertyIsEnumerable,ca=(e,n,t)=>n in e?ta(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,sa=(e,n)=>{for(var t in n||(n={}))aa.call(n,t)&&ca(e,t,n[t]);if(la)for(var t of la(n))ia.call(n,t)&&ca(e,t,n[t]);return e},da=(e,n)=>oa(e,ra(n));const ua=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"black-background"},t.createElement(Qe,da(sa({},e),{_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0}))),t.createElement(Qe,da(sa({},e),{_required:!0,_hint:Ut,_msg:{_type:"error",_description:Ht},_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0})),t.createElement(Qe,da(sa({},e),{_msg:{_type:"info",_description:"Just a hint"},_label:"Upload file"})),t.createElement(Qe,da(sa({},e),{_msg:{_type:"warning",_description:"Small warning"},_label:"Upload file"})),t.createElement(Qe,da(sa({},e),{_msg:{_type:"success",_description:"Success message"},_label:"Upload file"})),t.createElement(Qe,da(sa({},e),{ref:n,_accessKey:"h",_multiple:!0,_msg:{_type:"error",_description:Ht},_label:"Upload file (Multiple)"})),t.createElement(Qe,da(sa({},e),{_disabled:!0,_label:"Upload file (Disabled)"})),t.createElement(Qe,da(sa({},e),{_label:"With access key",_accessKey:"c"})),t.createElement(Qe,da(sa({},e),{_label:"With short key",_shortKey:"s"})))}));var ma=Object.defineProperty,fa=Object.defineProperties,ba=Object.getOwnPropertyDescriptors,pa=Object.getOwnPropertySymbols,ha=Object.prototype.hasOwnProperty,ka=Object.prototype.propertyIsEnumerable,va=(e,n,t)=>n in e?ma(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,ga=(e,n)=>{for(var t in n||(n={}))ha.call(n,t)&&va(e,t,n[t]);if(pa)for(var t of pa(n))ka.call(n,t)&&va(e,t,n[t]);return e};const _a=(0,t.forwardRef)((function(e,n){return t.createElement(Sr,null,t.createElement("fieldset",null,t.createElement("legend",null,"File"),t.createElement(ua,ga({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"File (hideLabel)"),t.createElement(ua,(e=>fa(e,ba({_hideLabel:!0})))(ga({ref:n},e)))))})),ya={"input-file":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolInputFile renders a file input field. The sample shows KolInputFile in a form context with all variations and states.")),t.createElement(pr,{RefComponent:_a}))}};var wa=Object.defineProperty,Ea=Object.defineProperties,xa=Object.getOwnPropertyDescriptors,za=Object.getOwnPropertySymbols,Sa=Object.prototype.hasOwnProperty,Ta=Object.prototype.propertyIsEnumerable,Ca=(e,n,t)=>n in e?wa(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Ba=(e,n)=>{for(var t in n||(n={}))Sa.call(n,t)&&Ca(e,t,n[t]);if(za)for(var t of za(n))Ta.call(n,t)&&Ca(e,t,n[t]);return e},Oa=(e,n)=>Ea(e,xa(n));const La=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"black-background"},t.createElement(Xe,Oa(Ba({},e),{_required:!0,_touched:!0,_value:123,_label:"Number input (Black background test)"}))," "),t.createElement(Xe,Oa(Ba({},e),{_required:!0,_msg:{_type:"error",_description:Ht},_touched:!0,_placeholder:"Mit Icons",_label:"Number input",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}})),t.createElement(Xe,Oa(Ba({},e),{_required:!0,_msg:{_type:"error",_description:Ht},_touched:!0,_value:123,_label:"Number input"})),t.createElement(Xe,Oa(Ba({},e),{_required:!0,_msg:{_type:"warning",_description:Ht},_touched:!0,_value:123,_label:"Number input"})),t.createElement(Xe,Oa(Ba({},e),{_required:!0,_msg:{_type:"info",_description:Ht},_touched:!0,_value:123,_label:"Number input"})),t.createElement(Xe,Oa(Ba({},e),{_required:!0,_msg:{_type:"success",_description:Ht},_touched:!0,_value:123,_label:"Number input"})),t.createElement(Xe,Oa(Ba({},e),{ref:n,_accessKey:"Z",_max:10,_min:-10,_step:2,_label:"Number input (-10 to 10 in steps of 2)"})),t.createElement(Xe,Oa(Ba({},e),{_readOnly:!0,_label:"Number input (Readonly)"})),t.createElement(Xe,Oa(Ba({},e),{_disabled:!0,_label:"Number input (Disabled)"})),t.createElement(Xe,Oa(Ba({},e),{_label:"With access key",_accessKey:"c"})),t.createElement(Xe,Oa(Ba({},e),{_label:"With short key",_shortKey:"s"})))}));var Aa=Object.defineProperty,Na=Object.defineProperties,Ia=Object.getOwnPropertyDescriptors,$a=Object.getOwnPropertySymbols,Pa=Object.prototype.hasOwnProperty,ja=Object.prototype.propertyIsEnumerable,Ma=(e,n,t)=>n in e?Aa(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Ra=(e,n)=>{for(var t in n||(n={}))Pa.call(n,t)&&Ma(e,t,n[t]);if($a)for(var t of $a(n))ja.call(n,t)&&Ma(e,t,n[t]);return e};const Fa=(0,t.forwardRef)((function(e,n){return t.createElement(Sr,null,t.createElement("fieldset",null,t.createElement("legend",null,"Number"),t.createElement(La,Ra({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Number (hideLabel)"),t.createElement(La,(e=>Na(e,Ia({_hideLabel:!0})))(Ra({ref:n},e)))))})),Da={"input-number":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolInputNumber encompasses basic functionalities, utilizing the min, max, and step attributes to restrict the range of input values. Despite these constraints, it allows free input that can ignore the defined minimum and maximum values, as well as step sizes. The component intentionally does not emphasize validation rules, supporting examples without form validation, and refrains from additional validation through native HTML element validation.")),t.createElement(pr,{RefComponent:Fa}))}};var Ka=Object.defineProperty,Ha=Object.defineProperties,Ua=Object.getOwnPropertyDescriptors,Va=Object.getOwnPropertySymbols,Wa=Object.prototype.hasOwnProperty,qa=Object.prototype.propertyIsEnumerable,Ga=(e,n,t)=>n in e?Ka(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Za=(e,n)=>{for(var t in n||(n={}))Wa.call(n,t)&&Ga(e,t,n[t]);if(Va)for(var t of Va(n))qa.call(n,t)&&Ga(e,t,n[t]);return e},Ya=(e,n)=>Ha(e,Ua(n));const Ja=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"black-background"},t.createElement(en,Ya(Za({},e),{_label:"Passwort (Black background test)"}))),t.createElement(en,Ya(Za({},e),{ref:n,_accessKey:"P",_required:!0,_hint:Ut,_msg:{_type:"error",_description:Ht},_placeholder:"Mit Icons",_label:"Passwort",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0})),t.createElement(en,Ya(Za({},e),{_placeholder:"Placeholder",_msg:{_type:"info",_description:"Just a hint"},_label:"Password"})),t.createElement(en,Ya(Za({},e),{_placeholder:"Placeholder",_msg:{_type:"warning",_description:"Small warning"},_label:"Password"})),t.createElement(en,Ya(Za({},e),{_placeholder:"Placeholder",_msg:{_type:"success",_description:"Success message"},_label:"Password"})),t.createElement(en,Ya(Za({},e),{_disabled:!0,_msg:{_type:"error",_description:Ht},_label:"Passwort (Disabled)",_touched:!0})),t.createElement(en,Ya(Za({},e),{_readOnly:!0,_label:"Passwort (Readonly)"})),t.createElement(en,Ya(Za({},e),{ref:n,_shortKey:"c",_label:"With access key"})),t.createElement(en,Ya(Za({},e),{ref:n,_shortKey:"s",_label:"With short key"})))}));var Qa=Object.defineProperty,Xa=Object.defineProperties,ei=Object.getOwnPropertyDescriptors,ni=Object.getOwnPropertySymbols,ti=Object.prototype.hasOwnProperty,oi=Object.prototype.propertyIsEnumerable,ri=(e,n,t)=>n in e?Qa(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,li=(e,n)=>{for(var t in n||(n={}))ti.call(n,t)&&ri(e,t,n[t]);if(ni)for(var t of ni(n))oi.call(n,t)&&ri(e,t,n[t]);return e};const ai=(0,t.forwardRef)((function(e,n){return t.createElement(Sr,null,t.createElement("fieldset",null,t.createElement("legend",null,"Password"),t.createElement(Ja,li({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Password (hideLabel)"),t.createElement(Ja,(e=>Xa(e,ei({_hideLabel:!0})))(li({ref:n},e)))))})),ii={"input-password":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolInputPassword renders a password input field. The sample shows KolInputPassword in a form context with all variations and states.")),t.createElement(pr,{RefComponent:ai})),"show-password":()=>{const e=(0,t.useRef)(null);return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,'This sample shows KolInputPassword in the variant "visibility-toggle". It features a button to toggle between a visible and hidden password input.')),t.createElement(Ue,{className:"w-full"},t.createElement(en,{_placeholder:"With 'Show password' button",_label:"Password",ref:e,className:"block",_variant:"visibility-toggle"}),t.createElement(en,{_placeholder:"With 'Show password' button",_label:"Password",ref:e,className:"block",_variant:"visibility-toggle",_value:"Password"}),t.createElement(en,{_placeholder:"With 'Show password' button and disabled",_label:"Password",ref:e,className:"block",_disabled:!0,_variant:"visibility-toggle"})))}}};var ci=Object.defineProperty,si=Object.defineProperties,di=Object.getOwnPropertyDescriptors,ui=Object.getOwnPropertySymbols,mi=Object.prototype.hasOwnProperty,fi=Object.prototype.propertyIsEnumerable,bi=(e,n,t)=>n in e?ci(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,pi=(e,n)=>{for(var t in n||(n={}))mi.call(n,t)&&bi(e,t,n[t]);if(ui)for(var t of ui(n))fi.call(n,t)&&bi(e,t,n[t]);return e},hi=(e,n)=>si(e,di(n));const ki=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"black-background"},t.createElement(nn,hi(pi({},e),{_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (Black background test)"}))),t.createElement(nn,hi(pi({},e),{_required:!0,_msg:{_type:"error",_description:Ht},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (with error)"})),t.createElement(nn,hi(pi({},e),{ref:n,_accessKey:"A",_orientation:"horizontal",_required:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal)"})),t.createElement(nn,hi(pi({},e),{_disabled:!0,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:Ht},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal with error)"})),t.createElement(nn,hi(pi({},e),{_disabled:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation",_touched:!0})),t.createElement(nn,hi(pi({},e),{_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:Ht},_touched:!0,_value:"Company",_options:[{label:"Mrs.",value:"Mrs.",hint:'Description for option "Mrs."'},{label:"Mr. (disabled)",value:"Mr.",hint:'Description for option "Mr."',disabled:!0},{label:"Company",value:"Company",hint:'Description for option "Company"'}],_label:"Salutation (horizontal with error hint and description)",_hint:Ut})),t.createElement(nn,hi(pi({},e),{_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"With access key",_accessKey:"c"})),t.createElement(nn,hi(pi({},e),{_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"With short key",_shortKey:"s"})))}));var vi=Object.defineProperty,gi=Object.defineProperties,_i=Object.getOwnPropertyDescriptors,yi=Object.getOwnPropertySymbols,wi=Object.prototype.hasOwnProperty,Ei=Object.prototype.propertyIsEnumerable,xi=(e,n,t)=>n in e?vi(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,zi=(e,n)=>{for(var t in n||(n={}))wi.call(n,t)&&xi(e,t,n[t]);if(yi)for(var t of yi(n))Ei.call(n,t)&&xi(e,t,n[t]);return e};const Si=(0,t.forwardRef)((function(e,n){return t.createElement(Sr,null,t.createElement("fieldset",null,t.createElement("legend",null,"Radio"),t.createElement(ki,zi({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Radio (hideLabel)"),t.createElement(ki,(e=>gi(e,_i({_hideLabel:!0})))(zi({ref:n},e)))))})),Ti={"input-radio":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolInputRadio renders a set of radio buttons. The sample shows KolInputRadio in a form context with all variations and states.")),t.createElement(pr,{RefComponent:Si})),horizontal:()=>{const[e,n]=(0,t.useState)(!0),[o,r]=(0,t.useState)("horizontal"),l=[{label:"Field 1",value:1},{label:"Field 2",value:2}];return t.createElement("div",{className:"grid gap-4"},t.createElement(Wt,null,t.createElement("p",null,"This sample shows the ",t.createElement("code",null,"horizontal")," and ",t.createElement("code",null,"vertical")," orientation of KolInoutRadio. It also features a button to test re-rendering.")),t.createElement("div",{className:"flex gap-4"},t.createElement(Me,{_label:"Click me a few times",_on:{onClick:()=>{n((e=>!e))}}}),t.createElement(Ge,{_label:"Switch orientation (horizontal/vertical)",_on:{onChange:()=>{r((e=>"horizontal"===e?"vertical":"horizontal"))}},_variant:"switch"})),e&&t.createElement(Ue,null,t.createElement("div",{className:"container my-4 d-grid gap-4"},t.createElement(nn,{_label:`Test (${o})`,_options:l,_orientation:o,_required:!0}),t.createElement(nn,{_hideLabel:!0,_label:`Test (${o})`,_options:l,_orientation:o,_required:!0}))))},object:()=>{const e=[{label:"Field 1",value:{id:1,name:"Option 1"}},{label:"Field 2",value:{id:2,name:"Option 2"}}];return t.createElement("div",{className:"grid gap-4"},t.createElement(Wt,null,"This sample shows KolInputRadio with ",t.createElement("code",null,"object")," and ",t.createElement("code",null,"undefined")," values."),t.createElement(Ue,null,t.createElement("p",null,"In this example for ",t.createElement("code",null,"KolInputRadio"),", the values of the options are defined as objects."),t.createElement("div",{className:"container my-4 d-grid gap-4"},t.createElement(nn,{_value:e[1].value,_options:e,_label:"Test (with object value)"})),t.createElement("p",null,"In this example for ",t.createElement("code",null,"KolInputRadio"),", no value is set."),t.createElement("div",{className:"container my-4 d-grid gap-4"},t.createElement(nn,{_options:e,_label:"Test (without value)"}))))}}};var Ci=Object.defineProperty,Bi=Object.defineProperties,Oi=Object.getOwnPropertyDescriptors,Li=Object.getOwnPropertySymbols,Ai=Object.prototype.hasOwnProperty,Ni=Object.prototype.propertyIsEnumerable,Ii=(e,n,t)=>n in e?Ci(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,$i=(e,n)=>{for(var t in n||(n={}))Ai.call(n,t)&&Ii(e,t,n[t]);if(Li)for(var t of Li(n))Ni.call(n,t)&&Ii(e,t,n[t]);return e},Pi=(e,n)=>Bi(e,Oi(n));const ji=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"black-background"},t.createElement(tn,Pi($i({},e),{_min:0,_max:50,_msg:{_type:"error",_description:Ht},_label:"Slider (Black background test)",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0}))),t.createElement(tn,Pi($i({},e),{ref:n,_accessKey:"F",_min:0,_max:50,_step:10,_hint:Ut,_msg:{_type:"error",_description:Ht},_label:"Slider with error",_touched:!0})),t.createElement(tn,Pi($i({},e),{_msg:{_type:"info",_description:"Just a hint"},_label:"Slider"})),t.createElement(tn,Pi($i({},e),{_msg:{_type:"warning",_description:"Small warning"},_label:"Slider"})),t.createElement(tn,Pi($i({},e),{_msg:{_type:"success",_description:"Success message"},_label:"Slider"})),t.createElement(tn,Pi($i({},e),{_disabled:!0,_min:0,_max:50,_label:"Slider (disabled)"})),t.createElement(tn,Pi($i({},e),{_min:0,_max:50,_label:"With access key",_accessKey:"c"})),t.createElement(tn,Pi($i({},e),{_min:0,_max:50,_label:"With short key",_shortKey:"s"})))}));var Mi=Object.defineProperty,Ri=Object.defineProperties,Fi=Object.getOwnPropertyDescriptors,Di=Object.getOwnPropertySymbols,Ki=Object.prototype.hasOwnProperty,Hi=Object.prototype.propertyIsEnumerable,Ui=(e,n,t)=>n in e?Mi(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Vi=(e,n)=>{for(var t in n||(n={}))Ki.call(n,t)&&Ui(e,t,n[t]);if(Di)for(var t of Di(n))Hi.call(n,t)&&Ui(e,t,n[t]);return e};const Wi=(0,t.forwardRef)((function(e,n){return t.createElement(Sr,null,t.createElement("fieldset",null,t.createElement("legend",null,"Range"),t.createElement(ji,Vi({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Range (hideLabel)"),t.createElement(ji,(e=>Ri(e,Fi({_hideLabel:!0})))(Vi({ref:n},e)))))})),qi={"input-range":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolInputRange renders a pair of range- and number fields wich are synchronized with each other. The sample shows KolInputRange in a form context with all variations and states.")),t.createElement(pr,{RefComponent:Wi}))}};var Gi=Object.defineProperty,Zi=Object.defineProperties,Yi=Object.getOwnPropertyDescriptors,Ji=Object.getOwnPropertySymbols,Qi=Object.prototype.hasOwnProperty,Xi=Object.prototype.propertyIsEnumerable,ec=(e,n,t)=>n in e?Gi(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,nc=(e,n)=>{for(var t in n||(n={}))Qi.call(n,t)&&ec(e,t,n[t]);if(Ji)for(var t of Ji(n))Xi.call(n,t)&&ec(e,t,n[t]);return e},tc=(e,n)=>Zi(e,Yi(n));const oc=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"black-background"},t.createElement(on,tc(nc({},e),{_value:"Value",_label:"First name (Black background test)"}))),t.createElement(on,tc(nc({},e),{_hint:Ut,_msg:{_type:"error",_description:Ht,_label:"test headline"},_placeholder:"With icons",_icons:{right:{icon:"codicon codicon-arrow-right",style:{"font-size":"200%","margin-right":"calc(-8rem / var(--kolibri-root-font-size, 16))"}}},_on:{onBlur:console.log,onChange:console.log,onClick:console.log,onFocus:console.log},_required:!0,_type:"search",_touched:!0,_label:"First name (text)",_accessKey:"V",ref:n})),t.createElement(on,tc(nc({},e),{_placeholder:"Placeholder",_msg:{_type:"info",_description:"Just a hint"},_label:"Search",_type:"search"})),t.createElement(on,tc(nc({},e),{_placeholder:"Placeholder",_msg:{_type:"error",_description:Ht},_touched:!0,_type:"url",_label:"URL (url)"})),t.createElement(on,tc(nc({},e),{_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"warning",_description:"Small warning"}})),t.createElement(on,tc(nc({},e),{_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"success",_description:"Success message"}})),t.createElement(on,tc(nc({},e),{_placeholder:"Placeholder",_label:"With counter",_hasCounter:!0,_maxLength:10,_value:"Lorem Ipsum"})),t.createElement(on,tc(nc({},e),{_placeholder:"Placeholder",_readOnly:!0,_label:"First name (text, readonly)"})),t.createElement(on,tc(nc({},e),{_value:"Value",_readOnly:!0,_label:"First name (text, readonly)"})),t.createElement(on,tc(nc({},e),{_placeholder:"Placeholder",_disabled:!0,_label:"First name (text, disabled)"})),t.createElement(on,tc(nc({},e),{_value:"Value",_disabled:!0,_label:"First name (text, disabled)"})),t.createElement(on,tc(nc({},e),{_value:"Value",_label:"With access key",_accessKey:"c"})),t.createElement(on,tc(nc({},e),{_value:"Value",_label:"With short key",_shortKey:"s"})))}));var rc=Object.defineProperty,lc=Object.defineProperties,ac=Object.getOwnPropertyDescriptors,ic=Object.getOwnPropertySymbols,cc=Object.prototype.hasOwnProperty,sc=Object.prototype.propertyIsEnumerable,dc=(e,n,t)=>n in e?rc(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,uc=(e,n)=>{for(var t in n||(n={}))cc.call(n,t)&&dc(e,t,n[t]);if(ic)for(var t of ic(n))sc.call(n,t)&&dc(e,t,n[t]);return e};const mc=(0,t.forwardRef)((function(e,n){return t.createElement(Sr,null,t.createElement("fieldset",null,t.createElement("legend",null,"Text"),t.createElement(oc,uc({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Text (hideLabel)"),t.createElement(oc,(e=>lc(e,ac({_hideLabel:!0})))(uc({ref:n},e)))))}));var fc=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var n=Object.prototype.toString.call(e);return"[object RegExp]"===n||"[object Date]"===n||function(e){return e.$$typeof===bc}(e)}(e)},bc="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function pc(e,n){return!1!==n.clone&&n.isMergeableObject(e)?kc((t=e,Array.isArray(t)?[]:{}),e,n):e;var t}function hc(e,n,t){return e.concat(n).map((function(e){return pc(e,t)}))}function kc(e,n,t){(t=t||{}).arrayMerge=t.arrayMerge||hc,t.isMergeableObject=t.isMergeableObject||fc;var o=Array.isArray(n);return o===Array.isArray(e)?o?t.arrayMerge(e,n,t):function(e,n,t){var o={};return t.isMergeableObject(e)&&Object.keys(e).forEach((function(n){o[n]=pc(e[n],t)})),Object.keys(n).forEach((function(r){t.isMergeableObject(n[r])&&e[r]?o[r]=kc(e[r],n[r],t):o[r]=pc(n[r],t)})),o}(e,n,t):pc(n,t)}kc.all=function(e,n){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,t){return kc(e,t,n)}),{})};const vc=kc,gc="object"==typeof global&&global&&global.Object===Object&&global;var _c="object"==typeof self&&self&&self.Object===Object&&self;const yc=gc||_c||Function("return this")(),wc=yc.Symbol;var Ec=Object.prototype,xc=Ec.hasOwnProperty,zc=Ec.toString,Sc=wc?wc.toStringTag:void 0;var Tc=Object.prototype.toString;var Cc=wc?wc.toStringTag:void 0;const Bc=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":Cc&&Cc in Object(e)?function(e){var n=xc.call(e,Sc),t=e[Sc];try{e[Sc]=void 0;var o=!0}catch(e){}var r=zc.call(e);return o&&(n?e[Sc]=t:delete e[Sc]),r}(e):function(e){return Tc.call(e)}(e)},Oc=function(e,n){return function(t){return e(n(t))}},Lc=Oc(Object.getPrototypeOf,Object),Ac=function(e){return null!=e&&"object"==typeof e};var Nc=Function.prototype,Ic=Object.prototype,$c=Nc.toString,Pc=Ic.hasOwnProperty,jc=$c.call(Object);const Mc=function(e){if(!Ac(e)||"[object Object]"!=Bc(e))return!1;var n=Lc(e);if(null===n)return!0;var t=Pc.call(n,"constructor")&&n.constructor;return"function"==typeof t&&t instanceof t&&$c.call(t)==jc},Rc=function(e,n){return e===n||e!=e&&n!=n},Fc=function(e,n){for(var t=e.length;t--;)if(Rc(e[t][0],n))return t;return-1};var Dc=Array.prototype.splice;function Kc(e){var n=-1,t=null==e?0:e.length;for(this.clear();++n<t;){var o=e[n];this.set(o[0],o[1])}}Kc.prototype.clear=function(){this.__data__=[],this.size=0},Kc.prototype.delete=function(e){var n=this.__data__,t=Fc(n,e);return!(t<0||(t==n.length-1?n.pop():Dc.call(n,t,1),--this.size,0))},Kc.prototype.get=function(e){var n=this.__data__,t=Fc(n,e);return t<0?void 0:n[t][1]},Kc.prototype.has=function(e){return Fc(this.__data__,e)>-1},Kc.prototype.set=function(e,n){var t=this.__data__,o=Fc(t,e);return o<0?(++this.size,t.push([e,n])):t[o][1]=n,this};const Hc=Kc,Uc=function(e){var n=typeof e;return null!=e&&("object"==n||"function"==n)},Vc=function(e){if(!Uc(e))return!1;var n=Bc(e);return"[object Function]"==n||"[object GeneratorFunction]"==n||"[object AsyncFunction]"==n||"[object Proxy]"==n},Wc=yc["__core-js_shared__"];var qc,Gc=(qc=/[^.]+$/.exec(Wc&&Wc.keys&&Wc.keys.IE_PROTO||""))?"Symbol(src)_1."+qc:"";var Zc=Function.prototype.toString;const Yc=function(e){if(null!=e){try{return Zc.call(e)}catch(e){}try{return e+""}catch(e){}}return""};var Jc=/^\[object .+?Constructor\]$/,Qc=Function.prototype,Xc=Object.prototype,es=Qc.toString,ns=Xc.hasOwnProperty,ts=RegExp("^"+es.call(ns).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");const os=function(e){return!(!Uc(e)||(n=e,Gc&&Gc in n))&&(Vc(e)?ts:Jc).test(Yc(e));var n},rs=function(e,n){var t=function(e,n){return null==e?void 0:e[n]}(e,n);return os(t)?t:void 0},ls=rs(yc,"Map"),as=rs(Object,"create");var is=Object.prototype.hasOwnProperty;var cs=Object.prototype.hasOwnProperty;function ss(e){var n=-1,t=null==e?0:e.length;for(this.clear();++n<t;){var o=e[n];this.set(o[0],o[1])}}ss.prototype.clear=function(){this.__data__=as?as(null):{},this.size=0},ss.prototype.delete=function(e){var n=this.has(e)&&delete this.__data__[e];return this.size-=n?1:0,n},ss.prototype.get=function(e){var n=this.__data__;if(as){var t=n[e];return"__lodash_hash_undefined__"===t?void 0:t}return is.call(n,e)?n[e]:void 0},ss.prototype.has=function(e){var n=this.__data__;return as?void 0!==n[e]:cs.call(n,e)},ss.prototype.set=function(e,n){var t=this.__data__;return this.size+=this.has(e)?0:1,t[e]=as&&void 0===n?"__lodash_hash_undefined__":n,this};const ds=ss,us=function(e,n){var t,o,r=e.__data__;return("string"==(o=typeof(t=n))||"number"==o||"symbol"==o||"boolean"==o?"__proto__"!==t:null===t)?r["string"==typeof n?"string":"hash"]:r.map};function ms(e){var n=-1,t=null==e?0:e.length;for(this.clear();++n<t;){var o=e[n];this.set(o[0],o[1])}}ms.prototype.clear=function(){this.size=0,this.__data__={hash:new ds,map:new(ls||Hc),string:new ds}},ms.prototype.delete=function(e){var n=us(this,e).delete(e);return this.size-=n?1:0,n},ms.prototype.get=function(e){return us(this,e).get(e)},ms.prototype.has=function(e){return us(this,e).has(e)},ms.prototype.set=function(e,n){var t=us(this,e),o=t.size;return t.set(e,n),this.size+=t.size==o?0:1,this};const fs=ms;function bs(e){var n=this.__data__=new Hc(e);this.size=n.size}bs.prototype.clear=function(){this.__data__=new Hc,this.size=0},bs.prototype.delete=function(e){var n=this.__data__,t=n.delete(e);return this.size=n.size,t},bs.prototype.get=function(e){return this.__data__.get(e)},bs.prototype.has=function(e){return this.__data__.has(e)},bs.prototype.set=function(e,n){var t=this.__data__;if(t instanceof Hc){var o=t.__data__;if(!ls||o.length<199)return o.push([e,n]),this.size=++t.size,this;t=this.__data__=new fs(o)}return t.set(e,n),this.size=t.size,this};const ps=bs,hs=function(){try{var e=rs(Object,"defineProperty");return e({},"",{}),e}catch(e){}}(),ks=function(e,n,t){"__proto__"==n&&hs?hs(e,n,{configurable:!0,enumerable:!0,value:t,writable:!0}):e[n]=t};var vs=Object.prototype.hasOwnProperty;const gs=function(e,n,t){var o=e[n];vs.call(e,n)&&Rc(o,t)&&(void 0!==t||n in e)||ks(e,n,t)},_s=function(e,n,t,o){var r=!t;t||(t={});for(var l=-1,a=n.length;++l<a;){var i=n[l],c=o?o(t[i],e[i],i,t,e):void 0;void 0===c&&(c=e[i]),r?ks(t,i,c):gs(t,i,c)}return t},ys=function(e){return Ac(e)&&"[object Arguments]"==Bc(e)};var ws=Object.prototype,Es=ws.hasOwnProperty,xs=ws.propertyIsEnumerable;const zs=ys(function(){return arguments}())?ys:function(e){return Ac(e)&&Es.call(e,"callee")&&!xs.call(e,"callee")},Ss=Array.isArray;var Ts="object"==typeof exports&&exports&&!exports.nodeType&&exports,Cs=Ts&&"object"==typeof module&&module&&!module.nodeType&&module,Bs=Cs&&Cs.exports===Ts?yc.Buffer:void 0;const Os=(Bs?Bs.isBuffer:void 0)||function(){return!1};var Ls=/^(?:0|[1-9]\d*)$/;const As=function(e,n){var t=typeof e;return!!(n=null==n?9007199254740991:n)&&("number"==t||"symbol"!=t&&Ls.test(e))&&e>-1&&e%1==0&&e<n},Ns=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991};var Is={};Is["[object Float32Array]"]=Is["[object Float64Array]"]=Is["[object Int8Array]"]=Is["[object Int16Array]"]=Is["[object Int32Array]"]=Is["[object Uint8Array]"]=Is["[object Uint8ClampedArray]"]=Is["[object Uint16Array]"]=Is["[object Uint32Array]"]=!0,Is["[object Arguments]"]=Is["[object Array]"]=Is["[object ArrayBuffer]"]=Is["[object Boolean]"]=Is["[object DataView]"]=Is["[object Date]"]=Is["[object Error]"]=Is["[object Function]"]=Is["[object Map]"]=Is["[object Number]"]=Is["[object Object]"]=Is["[object RegExp]"]=Is["[object Set]"]=Is["[object String]"]=Is["[object WeakMap]"]=!1;const $s=function(e){return function(n){return e(n)}};var Ps="object"==typeof exports&&exports&&!exports.nodeType&&exports,js=Ps&&"object"==typeof module&&module&&!module.nodeType&&module,Ms=js&&js.exports===Ps&&gc.process;const Rs=function(){try{return js&&js.require&&js.require("util").types||Ms&&Ms.binding&&Ms.binding("util")}catch(e){}}();var Fs=Rs&&Rs.isTypedArray;const Ds=Fs?$s(Fs):function(e){return Ac(e)&&Ns(e.length)&&!!Is[Bc(e)]};var Ks=Object.prototype.hasOwnProperty;const Hs=function(e,n){var t=Ss(e),o=!t&&zs(e),r=!t&&!o&&Os(e),l=!t&&!o&&!r&&Ds(e),a=t||o||r||l,i=a?function(e,n){for(var t=-1,o=Array(e);++t<e;)o[t]=n(t);return o}(e.length,String):[],c=i.length;for(var s in e)!n&&!Ks.call(e,s)||a&&("length"==s||r&&("offset"==s||"parent"==s)||l&&("buffer"==s||"byteLength"==s||"byteOffset"==s)||As(s,c))||i.push(s);return i};var Us=Object.prototype;const Vs=function(e){var n=e&&e.constructor;return e===("function"==typeof n&&n.prototype||Us)},Ws=Oc(Object.keys,Object);var qs=Object.prototype.hasOwnProperty;const Gs=function(e){return null!=e&&Ns(e.length)&&!Vc(e)},Zs=function(e){return Gs(e)?Hs(e):function(e){if(!Vs(e))return Ws(e);var n=[];for(var t in Object(e))qs.call(e,t)&&"constructor"!=t&&n.push(t);return n}(e)};var Ys=Object.prototype.hasOwnProperty;const Js=function(e){if(!Uc(e))return function(e){var n=[];if(null!=e)for(var t in Object(e))n.push(t);return n}(e);var n=Vs(e),t=[];for(var o in e)("constructor"!=o||!n&&Ys.call(e,o))&&t.push(o);return t},Qs=function(e){return Gs(e)?Hs(e,!0):Js(e)};var Xs="object"==typeof exports&&exports&&!exports.nodeType&&exports,ed=Xs&&"object"==typeof module&&module&&!module.nodeType&&module,nd=ed&&ed.exports===Xs?yc.Buffer:void 0,td=nd?nd.allocUnsafe:void 0;const od=function(e,n){var t=-1,o=e.length;for(n||(n=Array(o));++t<o;)n[t]=e[t];return n},rd=function(){return[]};var ld=Object.prototype.propertyIsEnumerable,ad=Object.getOwnPropertySymbols;const id=ad?function(e){return null==e?[]:(e=Object(e),function(e,n){for(var t=-1,o=null==e?0:e.length,r=0,l=[];++t<o;){var a=e[t];n(a,t,e)&&(l[r++]=a)}return l}(ad(e),(function(n){return ld.call(e,n)})))}:rd,cd=function(e,n){for(var t=-1,o=n.length,r=e.length;++t<o;)e[r+t]=n[t];return e},sd=Object.getOwnPropertySymbols?function(e){for(var n=[];e;)cd(n,id(e)),e=Lc(e);return n}:rd,dd=function(e,n,t){var o=n(e);return Ss(e)?o:cd(o,t(e))},ud=function(e){return dd(e,Zs,id)},md=function(e){return dd(e,Qs,sd)},fd=rs(yc,"DataView"),bd=rs(yc,"Promise"),pd=rs(yc,"Set"),hd=rs(yc,"WeakMap");var kd="[object Map]",vd="[object Promise]",gd="[object Set]",_d="[object WeakMap]",yd="[object DataView]",wd=Yc(fd),Ed=Yc(ls),xd=Yc(bd),zd=Yc(pd),Sd=Yc(hd),Td=Bc;(fd&&Td(new fd(new ArrayBuffer(1)))!=yd||ls&&Td(new ls)!=kd||bd&&Td(bd.resolve())!=vd||pd&&Td(new pd)!=gd||hd&&Td(new hd)!=_d)&&(Td=function(e){var n=Bc(e),t="[object Object]"==n?e.constructor:void 0,o=t?Yc(t):"";if(o)switch(o){case wd:return yd;case Ed:return kd;case xd:return vd;case zd:return gd;case Sd:return _d}return n});const Cd=Td;var Bd=Object.prototype.hasOwnProperty;const Od=yc.Uint8Array,Ld=function(e){var n=new e.constructor(e.byteLength);return new Od(n).set(new Od(e)),n};var Ad=/\w*$/;var Nd=wc?wc.prototype:void 0,Id=Nd?Nd.valueOf:void 0;const $d=function(e,n,t){var o,r,l,a=e.constructor;switch(n){case"[object ArrayBuffer]":return Ld(e);case"[object Boolean]":case"[object Date]":return new a(+e);case"[object DataView]":return function(e,n){var t=n?Ld(e.buffer):e.buffer;return new e.constructor(t,e.byteOffset,e.byteLength)}(e,t);case"[object Float32Array]":case"[object Float64Array]":case"[object Int8Array]":case"[object Int16Array]":case"[object Int32Array]":case"[object Uint8Array]":case"[object Uint8ClampedArray]":case"[object Uint16Array]":case"[object Uint32Array]":return function(e,n){var t=n?Ld(e.buffer):e.buffer;return new e.constructor(t,e.byteOffset,e.length)}(e,t);case"[object Map]":case"[object Set]":return new a;case"[object Number]":case"[object String]":return new a(e);case"[object RegExp]":return(l=new(r=e).constructor(r.source,Ad.exec(r))).lastIndex=r.lastIndex,l;case"[object Symbol]":return o=e,Id?Object(Id.call(o)):{}}};var Pd=Object.create;const jd=function(){function e(){}return function(n){if(!Uc(n))return{};if(Pd)return Pd(n);e.prototype=n;var t=new e;return e.prototype=void 0,t}}();var Md=Rs&&Rs.isMap;const Rd=Md?$s(Md):function(e){return Ac(e)&&"[object Map]"==Cd(e)};var Fd=Rs&&Rs.isSet;const Dd=Fd?$s(Fd):function(e){return Ac(e)&&"[object Set]"==Cd(e)};var Kd="[object Arguments]",Hd="[object Function]",Ud="[object Object]",Vd={};Vd[Kd]=Vd["[object Array]"]=Vd["[object ArrayBuffer]"]=Vd["[object DataView]"]=Vd["[object Boolean]"]=Vd["[object Date]"]=Vd["[object Float32Array]"]=Vd["[object Float64Array]"]=Vd["[object Int8Array]"]=Vd["[object Int16Array]"]=Vd["[object Int32Array]"]=Vd["[object Map]"]=Vd["[object Number]"]=Vd[Ud]=Vd["[object RegExp]"]=Vd["[object Set]"]=Vd["[object String]"]=Vd["[object Symbol]"]=Vd["[object Uint8Array]"]=Vd["[object Uint8ClampedArray]"]=Vd["[object Uint16Array]"]=Vd["[object Uint32Array]"]=!0,Vd["[object Error]"]=Vd[Hd]=Vd["[object WeakMap]"]=!1;const Wd=function e(n,t,o,r,l,a){var i,c=1&t,s=2&t,d=4&t;if(o&&(i=l?o(n,r,l,a):o(n)),void 0!==i)return i;if(!Uc(n))return n;var u=Ss(n);if(u){if(i=function(e){var n=e.length,t=new e.constructor(n);return n&&"string"==typeof e[0]&&Bd.call(e,"index")&&(t.index=e.index,t.input=e.input),t}(n),!c)return od(n,i)}else{var m=Cd(n),f=m==Hd||"[object GeneratorFunction]"==m;if(Os(n))return function(e,n){if(n)return e.slice();var t=e.length,o=td?td(t):new e.constructor(t);return e.copy(o),o}(n,c);if(m==Ud||m==Kd||f&&!l){if(i=s||f?{}:function(e){return"function"!=typeof e.constructor||Vs(e)?{}:jd(Lc(e))}(n),!c)return s?function(e,n){return _s(e,sd(e),n)}(n,function(e,n){return e&&_s(n,Qs(n),e)}(i,n)):function(e,n){return _s(e,id(e),n)}(n,function(e,n){return e&&_s(n,Zs(n),e)}(i,n))}else{if(!Vd[m])return l?n:{};i=$d(n,m,c)}}a||(a=new ps);var b=a.get(n);if(b)return b;a.set(n,i),Dd(n)?n.forEach((function(r){i.add(e(r,t,o,r,n,a))})):Rd(n)&&n.forEach((function(r,l){i.set(l,e(r,t,o,l,n,a))}));var p=u?void 0:(d?s?md:ud:s?Qs:Zs)(n);return function(e,n){for(var t=-1,o=null==e?0:e.length;++t<o&&!1!==n(e[t],t,e););}(p||n,(function(r,l){p&&(r=n[l=r]),gs(i,l,e(r,t,o,l,n,a))})),i},qd=function(e){return Wd(e,5)};var Gd=a(3344),Zd=a.n(Gd);const Yd=function(e){return Wd(e,4)},Jd=function(e,n){for(var t=-1,o=null==e?0:e.length,r=Array(o);++t<o;)r[t]=n(e[t],t,e);return r},Qd=function(e){return"symbol"==typeof e||Ac(e)&&"[object Symbol]"==Bc(e)};function Xd(e,n){if("function"!=typeof e||null!=n&&"function"!=typeof n)throw new TypeError("Expected a function");var t=function(){var o=arguments,r=n?n.apply(this,o):o[0],l=t.cache;if(l.has(r))return l.get(r);var a=e.apply(this,o);return t.cache=l.set(r,a)||l,a};return t.cache=new(Xd.Cache||fs),t}Xd.Cache=fs;var eu=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,nu=/\\(\\)?/g;const tu=(ou=Xd((function(e){var n=[];return 46===e.charCodeAt(0)&&n.push(""),e.replace(eu,(function(e,t,o,r){n.push(o?r.replace(nu,"$1"):t||e)})),n}),(function(e){return 500===ru.size&&ru.clear(),e})),ru=ou.cache,ou);var ou,ru;const lu=function(e){if("string"==typeof e||Qd(e))return e;var n=e+"";return"0"==n&&1/e==-1/0?"-0":n};var au=wc?wc.prototype:void 0,iu=au?au.toString:void 0;const cu=function e(n){if("string"==typeof n)return n;if(Ss(n))return Jd(n,e)+"";if(Qd(n))return iu?iu.call(n):"";var t=n+"";return"0"==t&&1/n==-1/0?"-0":t},su=function(e){return null==e?"":cu(e)},du=function(e){return Ss(e)?Jd(e,lu):Qd(e)?[e]:od(tu(su(e)))};function uu(){return uu=Object.assign||function(e){for(var n=1;n<arguments.length;n++){var t=arguments[n];for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o])}return e},uu.apply(this,arguments)}function mu(e,n){if(null==e)return{};var t,o,r={},l=Object.keys(e);for(o=0;o<l.length;o++)t=l[o],n.indexOf(t)>=0||(r[t]=e[t]);return r}function fu(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}a(642);var bu=(0,t.createContext)(void 0);bu.displayName="FormikContext";var pu=bu.Provider;function hu(){var e=(0,t.useContext)(bu);return e}bu.Consumer;var ku=function(e){return Array.isArray(e)&&0===e.length},vu=function(e){return"function"==typeof e},gu=function(e){return null!==e&&"object"==typeof e},_u=function(e){return String(Math.floor(Number(e)))===e},yu=function(e){return"[object String]"===Object.prototype.toString.call(e)},wu=function(e){return 0===t.Children.count(e)},Eu=function(e){return gu(e)&&vu(e.then)};function xu(e,n,t,o){void 0===o&&(o=0);for(var r=du(n);e&&o<r.length;)e=e[r[o++]];return o===r.length||e?void 0===e?t:e:t}function zu(e,n,t){for(var o=Yd(e),r=o,l=0,a=du(n);l<a.length-1;l++){var i=a[l],c=xu(e,a.slice(0,l+1));if(c&&(gu(c)||Array.isArray(c)))r=r[i]=Yd(c);else{var s=a[l+1];r=r[i]=_u(s)&&Number(s)>=0?[]:{}}}return(0===l?e:r)[a[l]]===t?e:(void 0===t?delete r[a[l]]:r[a[l]]=t,0===l&&void 0===t&&delete o[a[l]],o)}function Su(e,n,t,o){void 0===t&&(t=new WeakMap),void 0===o&&(o={});for(var r=0,l=Object.keys(e);r<l.length;r++){var a=l[r],i=e[a];gu(i)?t.get(i)||(t.set(i,!0),o[a]=Array.isArray(i)?[]:{},Su(i,n,t,o[a])):o[a]=n}return o}var Tu={},Cu={};function Bu(e){var n=e.validateOnChange,o=void 0===n||n,r=e.validateOnBlur,l=void 0===r||r,a=e.validateOnMount,i=void 0!==a&&a,c=e.isInitialValid,s=e.enableReinitialize,d=void 0!==s&&s,u=e.onSubmit,m=mu(e,["validateOnChange","validateOnBlur","validateOnMount","isInitialValid","enableReinitialize","onSubmit"]),f=uu({validateOnChange:o,validateOnBlur:l,validateOnMount:i,onSubmit:u},m),b=(0,t.useRef)(f.initialValues),p=(0,t.useRef)(f.initialErrors||Tu),h=(0,t.useRef)(f.initialTouched||Cu),k=(0,t.useRef)(f.initialStatus),v=(0,t.useRef)(!1),g=(0,t.useRef)({});(0,t.useEffect)((function(){return v.current=!0,function(){v.current=!1}}),[]);var _=(0,t.useState)(0)[1],y=(0,t.useRef)({values:qd(f.initialValues),errors:qd(f.initialErrors)||Tu,touched:qd(f.initialTouched)||Cu,status:qd(f.initialStatus),isSubmitting:!1,isValidating:!1,submitCount:0}),w=y.current,E=(0,t.useCallback)((function(e){var n=y.current;y.current=function(e,n){switch(n.type){case"SET_VALUES":return uu({},e,{values:n.payload});case"SET_TOUCHED":return uu({},e,{touched:n.payload});case"SET_ERRORS":return Zd()(e.errors,n.payload)?e:uu({},e,{errors:n.payload});case"SET_STATUS":return uu({},e,{status:n.payload});case"SET_ISSUBMITTING":return uu({},e,{isSubmitting:n.payload});case"SET_ISVALIDATING":return uu({},e,{isValidating:n.payload});case"SET_FIELD_VALUE":return uu({},e,{values:zu(e.values,n.payload.field,n.payload.value)});case"SET_FIELD_TOUCHED":return uu({},e,{touched:zu(e.touched,n.payload.field,n.payload.value)});case"SET_FIELD_ERROR":return uu({},e,{errors:zu(e.errors,n.payload.field,n.payload.value)});case"RESET_FORM":return uu({},e,n.payload);case"SET_FORMIK_STATE":return n.payload(e);case"SUBMIT_ATTEMPT":return uu({},e,{touched:Su(e.values,!0),isSubmitting:!0,submitCount:e.submitCount+1});case"SUBMIT_FAILURE":case"SUBMIT_SUCCESS":return uu({},e,{isSubmitting:!1});default:return e}}(n,e),n!==y.current&&_((function(e){return e+1}))}),[]),x=(0,t.useCallback)((function(e,n){return new Promise((function(t,o){var r=f.validate(e,n);null==r?t(Tu):Eu(r)?r.then((function(e){t(e||Tu)}),(function(e){o(e)})):t(r)}))}),[f.validate]),z=(0,t.useCallback)((function(e,n){var t=f.validationSchema,o=vu(t)?t(n):t,r=n&&o.validateAt?o.validateAt(n,e):function(e,n,t){void 0===t&&(t=!1);var o=Lu(e);return n[t?"validateSync":"validate"](o,{abortEarly:!1,context:o})}(e,o);return new Promise((function(e,n){r.then((function(){e(Tu)}),(function(t){"ValidationError"===t.name?e(function(e){var n={};if(e.inner){if(0===e.inner.length)return zu(n,e.path,e.message);var t=e.inner,o=Array.isArray(t),r=0;for(t=o?t:t[Symbol.iterator]();;){var l;if(o){if(r>=t.length)break;l=t[r++]}else{if((r=t.next()).done)break;l=r.value}var a=l;xu(n,a.path)||(n=zu(n,a.path,a.message))}}return n}(t)):n(t)}))}))}),[f.validationSchema]),S=(0,t.useCallback)((function(e,n){return new Promise((function(t){return t(g.current[e].validate(n))}))}),[]),T=(0,t.useCallback)((function(e){var n=Object.keys(g.current).filter((function(e){return vu(g.current[e].validate)})),t=n.length>0?n.map((function(n){return S(n,xu(e,n))})):[Promise.resolve("DO_NOT_DELETE_YOU_WILL_BE_FIRED")];return Promise.all(t).then((function(e){return e.reduce((function(e,t,o){return"DO_NOT_DELETE_YOU_WILL_BE_FIRED"===t||t&&(e=zu(e,n[o],t)),e}),{})}))}),[S]),C=(0,t.useCallback)((function(e){return Promise.all([T(e),f.validationSchema?z(e):{},f.validate?x(e):{}]).then((function(e){var n=e[0],t=e[1],o=e[2];return vc.all([n,t,o],{arrayMerge:Au})}))}),[f.validate,f.validationSchema,T,x,z]),B=Iu((function(e){return void 0===e&&(e=w.values),E({type:"SET_ISVALIDATING",payload:!0}),C(e).then((function(e){return v.current&&(E({type:"SET_ISVALIDATING",payload:!1}),E({type:"SET_ERRORS",payload:e})),e}))}));(0,t.useEffect)((function(){i&&!0===v.current&&Zd()(b.current,f.initialValues)&&B(b.current)}),[i,B]);var O=(0,t.useCallback)((function(e){var n=e&&e.values?e.values:b.current,t=e&&e.errors?e.errors:p.current?p.current:f.initialErrors||{},o=e&&e.touched?e.touched:h.current?h.current:f.initialTouched||{},r=e&&e.status?e.status:k.current?k.current:f.initialStatus;b.current=n,p.current=t,h.current=o,k.current=r;var l=function(){E({type:"RESET_FORM",payload:{isSubmitting:!!e&&!!e.isSubmitting,errors:t,touched:o,status:r,values:n,isValidating:!!e&&!!e.isValidating,submitCount:e&&e.submitCount&&"number"==typeof e.submitCount?e.submitCount:0}})};if(f.onReset){var a=f.onReset(w.values,Z);Eu(a)?a.then(l):l()}else l()}),[f.initialErrors,f.initialStatus,f.initialTouched,f.onReset]);(0,t.useEffect)((function(){!0!==v.current||Zd()(b.current,f.initialValues)||d&&(b.current=f.initialValues,O(),i&&B(b.current))}),[d,f.initialValues,O,i,B]),(0,t.useEffect)((function(){d&&!0===v.current&&!Zd()(p.current,f.initialErrors)&&(p.current=f.initialErrors||Tu,E({type:"SET_ERRORS",payload:f.initialErrors||Tu}))}),[d,f.initialErrors]),(0,t.useEffect)((function(){d&&!0===v.current&&!Zd()(h.current,f.initialTouched)&&(h.current=f.initialTouched||Cu,E({type:"SET_TOUCHED",payload:f.initialTouched||Cu}))}),[d,f.initialTouched]),(0,t.useEffect)((function(){d&&!0===v.current&&!Zd()(k.current,f.initialStatus)&&(k.current=f.initialStatus,E({type:"SET_STATUS",payload:f.initialStatus}))}),[d,f.initialStatus,f.initialTouched]);var L=Iu((function(e){if(g.current[e]&&vu(g.current[e].validate)){var n=xu(w.values,e),t=g.current[e].validate(n);return Eu(t)?(E({type:"SET_ISVALIDATING",payload:!0}),t.then((function(e){return e})).then((function(n){E({type:"SET_FIELD_ERROR",payload:{field:e,value:n}}),E({type:"SET_ISVALIDATING",payload:!1})}))):(E({type:"SET_FIELD_ERROR",payload:{field:e,value:t}}),Promise.resolve(t))}return f.validationSchema?(E({type:"SET_ISVALIDATING",payload:!0}),z(w.values,e).then((function(e){return e})).then((function(n){E({type:"SET_FIELD_ERROR",payload:{field:e,value:xu(n,e)}}),E({type:"SET_ISVALIDATING",payload:!1})}))):Promise.resolve()})),A=(0,t.useCallback)((function(e,n){var t=n.validate;g.current[e]={validate:t}}),[]),N=(0,t.useCallback)((function(e){delete g.current[e]}),[]),I=Iu((function(e,n){return E({type:"SET_TOUCHED",payload:e}),(void 0===n?l:n)?B(w.values):Promise.resolve()})),$=(0,t.useCallback)((function(e){E({type:"SET_ERRORS",payload:e})}),[]),P=Iu((function(e,n){var t=vu(e)?e(w.values):e;return E({type:"SET_VALUES",payload:t}),(void 0===n?o:n)?B(t):Promise.resolve()})),j=(0,t.useCallback)((function(e,n){E({type:"SET_FIELD_ERROR",payload:{field:e,value:n}})}),[]),M=Iu((function(e,n,t){return E({type:"SET_FIELD_VALUE",payload:{field:e,value:n}}),(void 0===t?o:t)?B(zu(w.values,e,n)):Promise.resolve()})),R=(0,t.useCallback)((function(e,n){var t,o=n,r=e;if(!yu(e)){e.persist&&e.persist();var l=e.target?e.target:e.currentTarget,a=l.type,i=l.name,c=l.id,s=l.value,d=l.checked,u=(l.outerHTML,l.options),m=l.multiple;o=n||i||c,r=/number|range/.test(a)?(t=parseFloat(s),isNaN(t)?"":t):/checkbox/.test(a)?function(e,n,t){if("boolean"==typeof e)return Boolean(n);var o=[],r=!1,l=-1;if(Array.isArray(e))o=e,r=(l=e.indexOf(t))>=0;else if(!t||"true"==t||"false"==t)return Boolean(n);return n&&t&&!r?o.concat(t):r?o.slice(0,l).concat(o.slice(l+1)):o}(xu(w.values,o),d,s):u&&m?function(e){return Array.from(e).filter((function(e){return e.selected})).map((function(e){return e.value}))}(u):s}o&&M(o,r)}),[M,w.values]),F=Iu((function(e){if(yu(e))return function(n){return R(n,e)};R(e)})),D=Iu((function(e,n,t){return void 0===n&&(n=!0),E({type:"SET_FIELD_TOUCHED",payload:{field:e,value:n}}),(void 0===t?l:t)?B(w.values):Promise.resolve()})),K=(0,t.useCallback)((function(e,n){e.persist&&e.persist();var t=e.target,o=t.name,r=t.id,l=(t.outerHTML,n||o||r);D(l,!0)}),[D]),H=Iu((function(e){if(yu(e))return function(n){return K(n,e)};K(e)})),U=(0,t.useCallback)((function(e){vu(e)?E({type:"SET_FORMIK_STATE",payload:e}):E({type:"SET_FORMIK_STATE",payload:function(){return e}})}),[]),V=(0,t.useCallback)((function(e){E({type:"SET_STATUS",payload:e})}),[]),W=(0,t.useCallback)((function(e){E({type:"SET_ISSUBMITTING",payload:e})}),[]),q=Iu((function(){return E({type:"SUBMIT_ATTEMPT"}),B().then((function(e){var n=e instanceof Error;if(!n&&0===Object.keys(e).length){var t;try{if(void 0===(t=Y()))return}catch(e){throw e}return Promise.resolve(t).then((function(e){return v.current&&E({type:"SUBMIT_SUCCESS"}),e})).catch((function(e){if(v.current)throw E({type:"SUBMIT_FAILURE"}),e}))}if(v.current&&(E({type:"SUBMIT_FAILURE"}),n))throw e}))})),G=Iu((function(e){e&&e.preventDefault&&vu(e.preventDefault)&&e.preventDefault(),e&&e.stopPropagation&&vu(e.stopPropagation)&&e.stopPropagation(),q().catch((function(e){console.warn("Warning: An unhandled error was caught from submitForm()",e)}))})),Z={resetForm:O,validateForm:B,validateField:L,setErrors:$,setFieldError:j,setFieldTouched:D,setFieldValue:M,setStatus:V,setSubmitting:W,setTouched:I,setValues:P,setFormikState:U,submitForm:q},Y=Iu((function(){return u(w.values,Z)})),J=Iu((function(e){e&&e.preventDefault&&vu(e.preventDefault)&&e.preventDefault(),e&&e.stopPropagation&&vu(e.stopPropagation)&&e.stopPropagation(),O()})),Q=(0,t.useCallback)((function(e){return{value:xu(w.values,e),error:xu(w.errors,e),touched:!!xu(w.touched,e),initialValue:xu(b.current,e),initialTouched:!!xu(h.current,e),initialError:xu(p.current,e)}}),[w.errors,w.touched,w.values]),X=(0,t.useCallback)((function(e){return{setValue:function(n,t){return M(e,n,t)},setTouched:function(n,t){return D(e,n,t)},setError:function(n){return j(e,n)}}}),[M,D,j]),ee=(0,t.useCallback)((function(e){var n=gu(e),t=n?e.name:e,o=xu(w.values,t),r={name:t,value:o,onChange:F,onBlur:H};if(n){var l=e.type,a=e.value,i=e.as,c=e.multiple;"checkbox"===l?void 0===a?r.checked=!!o:(r.checked=!(!Array.isArray(o)||!~o.indexOf(a)),r.value=a):"radio"===l?(r.checked=o===a,r.value=a):"select"===i&&c&&(r.value=r.value||[],r.multiple=!0)}return r}),[H,F,w.values]),ne=(0,t.useMemo)((function(){return!Zd()(b.current,w.values)}),[b.current,w.values]),te=(0,t.useMemo)((function(){return void 0!==c?ne?w.errors&&0===Object.keys(w.errors).length:!1!==c&&vu(c)?c(f):c:w.errors&&0===Object.keys(w.errors).length}),[c,ne,w.errors,f]);return uu({},w,{initialValues:b.current,initialErrors:p.current,initialTouched:h.current,initialStatus:k.current,handleBlur:H,handleChange:F,handleReset:J,handleSubmit:G,resetForm:O,setErrors:$,setFormikState:U,setFieldTouched:D,setFieldValue:M,setFieldError:j,setStatus:V,setSubmitting:W,setTouched:I,setValues:P,submitForm:q,validateForm:B,validateField:L,isValid:te,dirty:ne,unregisterField:N,registerField:A,getFieldProps:ee,getFieldMeta:Q,getFieldHelpers:X,validateOnBlur:l,validateOnChange:o,validateOnMount:i})}function Ou(e){var n=Bu(e),o=e.component,r=e.children,l=e.render,a=e.innerRef;return(0,t.useImperativeHandle)(a,(function(){return n})),(0,t.createElement)(pu,{value:n},o?(0,t.createElement)(o,n):l?l(n):r?vu(r)?r(n):wu(r)?null:t.Children.only(r):null)}function Lu(e){var n=Array.isArray(e)?[]:{};for(var t in e)if(Object.prototype.hasOwnProperty.call(e,t)){var o=String(t);!0===Array.isArray(e[o])?n[o]=e[o].map((function(e){return!0===Array.isArray(e)||Mc(e)?Lu(e):""!==e?e:void 0})):Mc(e[o])?n[o]=Lu(e[o]):n[o]=""!==e[o]?e[o]:void 0}return n}function Au(e,n,t){var o=e.slice();return n.forEach((function(n,r){if(void 0===o[r]){var l=!1!==t.clone&&t.isMergeableObject(n);o[r]=l?vc(Array.isArray(n)?[]:{},n,t):n}else t.isMergeableObject(n)?o[r]=vc(e[r],n,t):-1===e.indexOf(n)&&o.push(n)})),o}var Nu="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?t.useLayoutEffect:t.useEffect;function Iu(e){var n=(0,t.useRef)(e);return Nu((function(){n.current=e})),(0,t.useCallback)((function(){for(var e=arguments.length,t=new Array(e),o=0;o<e;o++)t[o]=arguments[o];return n.current.apply(void 0,t)}),[])}function $u(e){var n=e.validate,o=e.name,r=e.render,l=e.children,a=e.as,i=e.component,c=e.className,s=mu(e,["validate","name","render","children","as","component","className"]),d=mu(hu(),["validate","validationSchema"]),u=d.registerField,m=d.unregisterField;(0,t.useEffect)((function(){return u(o,{validate:n}),function(){m(o)}}),[u,m,o,n]);var f=d.getFieldProps(uu({name:o},s)),b=d.getFieldMeta(o),p={field:f,form:d};if(r)return r(uu({},p,{meta:b}));if(vu(l))return l(uu({},p,{meta:b}));if(i){if("string"==typeof i){var h=s.innerRef,k=mu(s,["innerRef"]);return(0,t.createElement)(i,uu({ref:h},f,k,{className:c}),l)}return(0,t.createElement)(i,uu({field:f,form:d},s,{className:c}),l)}var v=a||"input";if("string"==typeof v){var g=s.innerRef,_=mu(s,["innerRef"]);return(0,t.createElement)(v,uu({ref:g},f,_,{className:c}),l)}return(0,t.createElement)(v,uu({},f,s,{className:c}),l)}(0,t.forwardRef)((function(e,n){var o=e.action,r=mu(e,["action"]),l=null!=o?o:"#",a=hu(),i=a.handleReset,c=a.handleSubmit;return(0,t.createElement)("form",uu({onSubmit:c,ref:n,onReset:i,action:l},r))})).displayName="Form";var Pu,ju,Mu=function(e,n,t){var o=Ru(e);return o.splice(n,0,t),o},Ru=function(e){if(e){if(Array.isArray(e))return[].concat(e);var n=Object.keys(e).map((function(e){return parseInt(e)})).reduce((function(e,n){return n>e?n:e}),0);return Array.from(uu({},e,{length:n+1}))}return[]},Fu=function(e,n){var t="function"==typeof e?e:n;return function(e){if(Array.isArray(e)||gu(e)){var n=Ru(e);return t(n)}return e}},Du=function(e){function n(n){var t;return(t=e.call(this,n)||this).updateArrayField=function(e,n,o){var r=t.props,l=r.name;(0,r.formik.setFormikState)((function(t){var r=Fu(o,e),a=Fu(n,e),i=zu(t.values,l,e(xu(t.values,l))),c=o?r(xu(t.errors,l)):void 0,s=n?a(xu(t.touched,l)):void 0;return ku(c)&&(c=void 0),ku(s)&&(s=void 0),uu({},t,{values:i,errors:o?zu(t.errors,l,c):t.errors,touched:n?zu(t.touched,l,s):t.touched})}))},t.push=function(e){return t.updateArrayField((function(n){return[].concat(Ru(n),[qd(e)])}),!1,!1)},t.handlePush=function(e){return function(){return t.push(e)}},t.swap=function(e,n){return t.updateArrayField((function(t){return function(e,n,t){var o=Ru(e),r=o[n];return o[n]=o[t],o[t]=r,o}(t,e,n)}),!0,!0)},t.handleSwap=function(e,n){return function(){return t.swap(e,n)}},t.move=function(e,n){return t.updateArrayField((function(t){return function(e,n,t){var o=Ru(e),r=o[n];return o.splice(n,1),o.splice(t,0,r),o}(t,e,n)}),!0,!0)},t.handleMove=function(e,n){return function(){return t.move(e,n)}},t.insert=function(e,n){return t.updateArrayField((function(t){return Mu(t,e,n)}),(function(n){return Mu(n,e,null)}),(function(n){return Mu(n,e,null)}))},t.handleInsert=function(e,n){return function(){return t.insert(e,n)}},t.replace=function(e,n){return t.updateArrayField((function(t){return function(e,n,t){var o=Ru(e);return o[n]=t,o}(t,e,n)}),!1,!1)},t.handleReplace=function(e,n){return function(){return t.replace(e,n)}},t.unshift=function(e){var n=-1;return t.updateArrayField((function(t){var o=t?[e].concat(t):[e];return n=o.length,o}),(function(e){return e?[null].concat(e):[null]}),(function(e){return e?[null].concat(e):[null]})),n},t.handleUnshift=function(e){return function(){return t.unshift(e)}},t.handleRemove=function(e){return function(){return t.remove(e)}},t.handlePop=function(){return function(){return t.pop()}},t.remove=t.remove.bind(fu(t)),t.pop=t.pop.bind(fu(t)),t}var o,r;r=e,(o=n).prototype=Object.create(r.prototype),o.prototype.constructor=o,o.__proto__=r;var l=n.prototype;return l.componentDidUpdate=function(e){this.props.validateOnChange&&this.props.formik.validateOnChange&&!Zd()(xu(e.formik.values,e.name),xu(this.props.formik.values,this.props.name))&&this.props.formik.validateForm(this.props.formik.values)},l.remove=function(e){var n;return this.updateArrayField((function(t){var o=t?Ru(t):[];return n||(n=o[e]),vu(o.splice)&&o.splice(e,1),vu(o.every)&&o.every((function(e){return void 0===e}))?[]:o}),!0,!0),n},l.pop=function(){var e;return this.updateArrayField((function(n){var t=n.slice();return e||(e=t&&t.pop&&t.pop()),t}),!0,!0),e},l.render=function(){var e={push:this.push,pop:this.pop,swap:this.swap,move:this.move,insert:this.insert,replace:this.replace,unshift:this.unshift,remove:this.remove,handlePush:this.handlePush,handlePop:this.handlePop,handleSwap:this.handleSwap,handleMove:this.handleMove,handleInsert:this.handleInsert,handleReplace:this.handleReplace,handleUnshift:this.handleUnshift,handleRemove:this.handleRemove},n=this.props,o=n.component,r=n.render,l=n.children,a=n.name,i=uu({},e,{form:mu(n.formik,["validate","validationSchema"]),name:a});return o?(0,t.createElement)(o,i):r?r(i):l?"function"==typeof l?l(i):wu(l)?null:t.Children.only(l):null},n}(t.Component);function Ku(e,n){var t={};for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(e);r<o.length;r++)n.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(e,o[r])&&(t[o[r]]=e[o[r]])}return t}function Hu(){}function Uu(e){return!!(e||"").match(/\d/)}function Vu(e){return null==e}function Wu(e){return Vu(e)||function(e){return"number"==typeof e&&isNaN(e)}(e)||"number"==typeof e&&!isFinite(e)}function qu(e){return e.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&")}function Gu(e,n){void 0===n&&(n=!0);var t="-"===e[0],o=t&&n,r=(e=e.replace("-","")).split(".");return{beforeDecimal:r[0],afterDecimal:r[1]||"",hasNegation:t,addNegation:o}}function Zu(e,n,t){for(var o="",r=t?"0":"",l=0;l<=n-1;l++)o+=e[l]||r;return o}function Yu(e,n){return Array(n+1).join(e)}function Ju(e){var n=e+"",t="-"===n[0]?"-":"";t&&(n=n.substring(1));var o=n.split(/[eE]/g),r=o[0],l=o[1];if(!(l=Number(l)))return t+r;var a=1+l,i=(r=r.replace(".","")).length;return a<0?r="0."+Yu("0",Math.abs(a))+r:a>=i?r+=Yu("0",a-i):r=(r.substring(0,a)||"0")+"."+r.substring(a),t+r}function Qu(e,n,t){if(-1!==["","-"].indexOf(e))return e;var o=(-1!==e.indexOf(".")||t)&&n,r=Gu(e),l=r.beforeDecimal,a=r.afterDecimal,i=r.hasNegation,c=parseFloat("0."+(a||"0")),s=(a.length<=n?"0."+a:c.toFixed(n)).split("."),d=l;return l&&Number(s[0])&&(d=l.split("").reverse().reduce((function(e,n,t){return e.length>t?(Number(e[0])+Number(n)).toString()+e.substring(1,e.length):n+e}),s[0])),(i?"-":"")+d+(o?".":"")+Zu(s[1]||"",n,t)}function Xu(e,n){if(e.value=e.value,null!==e){if(e.createTextRange){var t=e.createTextRange();return t.move("character",n),t.select(),!0}return e.selectionStart||0===e.selectionStart?(e.focus(),e.setSelectionRange(n,n),!0):(e.focus(),!1)}}Du.defaultProps={validateOnChange:!0},(ju=Pu||(Pu={})).event="event",ju.props="prop";var em,nm,tm,om=(em=function(e,n){for(var t=0,o=0,r=e.length,l=n.length;e[t]===n[t]&&t<r;)t++;for(;e[r-1-o]===n[l-1-o]&&l-o>t&&r-o>t;)o++;return{from:{start:t,end:r-o},to:{start:t,end:l-o}}},tm=void 0,function(){for(var e=[],n=arguments.length;n--;)e[n]=arguments[n];return nm&&e.length===nm.length&&e.every((function(e,n){return e===nm[n]}))?tm:(nm=e,tm=em.apply(void 0,e))});function rm(e){return Math.max(e.selectionStart,e.selectionEnd)}function lm(e){var n=e.currentValue,t=e.formattedValue,o=e.currentValueIndex,r=e.formattedValueIndex;return n[o]===t[r]}function am(e,n,t,o){var r,l,a=e.length;if(r=n,l=a,n=Math.min(Math.max(r,0),l),"left"===o){for(;n>=0&&!t[n];)n--;-1===n&&(n=t.indexOf(!0))}else{for(;n<=a&&!t[n];)n++;n>a&&(n=t.lastIndexOf(!0))}return-1===n&&(n=a),n}function im(e){for(var n=Array.from({length:e.length+1}).map((function(){return!0})),t=0,o=n.length;t<o;t++)n[t]=Boolean(Uu(e[t])||Uu(e[t-1]));return n}function cm(e,n,o,r,l,a){void 0===a&&(a=Hu);var i=function(e){var n=(0,t.useRef)(e);n.current=e;var o=(0,t.useRef)((function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return n.current.apply(n,e)}));return o.current}((function(e,n){var t,o;return Wu(e)?(o="",t=""):"number"==typeof e||n?(o="number"==typeof e?Ju(e):e,t=r(o)):(o=l(e,void 0),t=r(o)),{formattedValue:t,numAsString:o}})),c=(0,t.useState)((function(){return i(Vu(e)?n:e,o)})),s=c[0],d=c[1],u=e,m=o;Vu(e)&&(u=s.numAsString,m=!0);var f=i(u,m);return(0,t.useMemo)((function(){d(f)}),[f.formattedValue]),[s,function(e,n){e.formattedValue!==s.formattedValue&&d({formattedValue:e.formattedValue,numAsString:e.value}),a(e,n)}]}function sm(e){return e.replace(/[^0-9]/g,"")}function dm(e){return e}function um(e){var n=e.type;void 0===n&&(n="text");var o=e.displayType;void 0===o&&(o="input");var r=e.customInput,l=e.renderText,a=e.getInputRef,i=e.format;void 0===i&&(i=dm);var c=e.removeFormatting;void 0===c&&(c=sm);var s=e.defaultValue,d=e.valueIsNumericString,u=e.onValueChange,m=e.isAllowed,f=e.onChange;void 0===f&&(f=Hu);var b=e.onKeyDown;void 0===b&&(b=Hu);var p=e.onMouseUp;void 0===p&&(p=Hu);var h=e.onFocus;void 0===h&&(h=Hu);var k=e.onBlur;void 0===k&&(k=Hu);var v=e.value,g=e.getCaretBoundary;void 0===g&&(g=im);var _=e.isValidInputCharacter;void 0===_&&(_=Uu);var y=e.isCharacterSame,w=Ku(e,["type","displayType","customInput","renderText","getInputRef","format","removeFormatting","defaultValue","valueIsNumericString","onValueChange","isAllowed","onChange","onKeyDown","onMouseUp","onFocus","onBlur","value","getCaretBoundary","isValidInputCharacter","isCharacterSame"]),E=cm(v,s,Boolean(d),i,c,u),x=E[0],z=x.formattedValue,S=x.numAsString,T=E[1],C=(0,t.useRef)(),B=(0,t.useRef)({formattedValue:z,numAsString:S}),O=function(e,n){B.current={formattedValue:e.formattedValue,numAsString:e.value},T(e,n)},L=(0,t.useState)(!1),A=L[0],N=L[1],I=(0,t.useRef)(null),$=(0,t.useRef)({setCaretTimeout:null,focusTimeout:null});(0,t.useEffect)((function(){return N(!0),function(){clearTimeout($.current.setCaretTimeout),clearTimeout($.current.focusTimeout)}}),[]);var P=i,j=function(e,n){var t=parseFloat(n);return{formattedValue:e,value:n,floatValue:isNaN(t)?void 0:t}},M=function(e,n,t){0===e.selectionStart&&e.selectionEnd===e.value.length||(Xu(e,n),$.current.setCaretTimeout=setTimeout((function(){e.value===t&&e.selectionStart!==n&&Xu(e,n)}),0))},R=function(e,n,t){return am(e,n,g(e),t)},F=function(e,n,t){var o=g(n),r=function(e,n,t,o,r,l,a){void 0===a&&(a=lm);var i=r.findIndex((function(e){return e})),c=e.slice(0,i);n||t.startsWith(c)||(n=c,t=c+t,o+=c.length);for(var s=t.length,d=e.length,u={},m=new Array(s),f=0;f<s;f++){m[f]=-1;for(var b=0,p=d;b<p;b++)if(a({currentValue:t,lastValue:n,formattedValue:e,currentValueIndex:f,formattedValueIndex:b})&&!0!==u[b]){m[f]=b,u[b]=!0;break}}for(var h=o;h<s&&(-1===m[h]||!l(t[h]));)h++;var k=h===s||-1===m[h]?d:m[h];for(h=o-1;h>0&&-1===m[h];)h--;var v=-1===h||-1===m[h]?0:m[h]+1;return v>k?k:o-v<k-o?v:k}(n,z,e,t,o,_,y);return am(n,r,o)};(0,t.useEffect)((function(){var e=B.current,n=e.formattedValue,t=e.numAsString;z===n&&S===t||O(j(z,S),{event:void 0,source:Pu.props})}),[z,S]);var D=I.current?rm(I.current):void 0;("undefined"!=typeof window?t.useLayoutEffect:t.useEffect)((function(){var e=I.current;if(z!==B.current.formattedValue&&e){var n=F(B.current.formattedValue,z,D);e.value=z,M(e,n,z)}}),[z]);var K=function(e,n){void 0===n&&(n=0);var t=e.selectionStart,o=e.selectionEnd;C.current={selectionStart:t,selectionEnd:o+n}},H=!A||"undefined"==typeof navigator||navigator.platform&&/iPhone|iPod/.test(navigator.platform)?void 0:"numeric",U=Object.assign({inputMode:H},w,{type:n,value:z,onChange:function(e){(function(e,n,t){var o=n.target,r=C.current?function(e,n){var t=Math.min(e.selectionStart,n);return{from:{start:t,end:e.selectionEnd},to:{start:t,end:n}}}(C.current,o.selectionEnd):om(z,e),l=Object.assign(Object.assign({},r),{lastValue:z}),a=c(e,l),i=P(a);if(a=c(i,void 0),m&&!m(j(i,a))){var s=n.target,d=rm(s),u=F(e,z,d);return s.value=z,M(s,u,z),!1}return function(e){var n=e.formattedValue;void 0===n&&(n="");var t,o=e.input,r=e.source,l=e.event,a=e.numAsString;if(o){var i=e.inputValue||o.value,c=rm(o);o.value=n,void 0!==(t=F(i,n,c))&&M(o,t,n)}n!==z&&O(j(n,a),{event:l,source:r})}({formattedValue:i,numAsString:a,inputValue:e,event:n,source:t,input:n.target}),!0})(e.target.value,e,Pu.event)&&f(e),C.current=void 0},onKeyDown:function(e){var n,t=e.target,o=e.key,r=t.selectionStart,l=t.selectionEnd,a=t.value;void 0===a&&(a=""),"ArrowLeft"===o||"Backspace"===o?n=Math.max(r-1,0):"ArrowRight"===o?n=Math.min(r+1,a.length):"Delete"===o&&(n=r);var i=0;"Delete"===o&&r===l&&(i=1);var c="ArrowLeft"===o||"ArrowRight"===o;if(void 0===n||r!==l&&!c)return b(e),void K(t,i);var s=n;c?(s=R(a,n,"ArrowLeft"===o?"left":"right"))!==n&&e.preventDefault():"Delete"!==o||_(a[n])?"Backspace"!==o||_(a[n])||(s=R(a,n,"left")):s=R(a,n,"right"),s!==n&&M(t,s,a),b(e),K(t,i)},onMouseUp:function(e){var n=e.target,t=function(){var e=n.selectionStart,t=n.selectionEnd,o=n.value;if(void 0===o&&(o=""),e===t){var r=R(o,e);r!==e&&M(n,r,o)}};t(),requestAnimationFrame((function(){t()})),p(e),K(n)},onFocus:function(e){e.persist&&e.persist();var n=e.target,t=e.currentTarget;I.current=n,$.current.focusTimeout=setTimeout((function(){var o=n.selectionStart,r=n.selectionEnd,l=n.value;void 0===l&&(l="");var a=R(l,o);a===o||0===o&&r===l.length||M(n,a,l),h(Object.assign(Object.assign({},e),{currentTarget:t}))}),0)},onBlur:function(e){I.current=null,clearTimeout($.current.focusTimeout),clearTimeout($.current.setCaretTimeout),k(e)}});if("text"===o)return l?t.createElement(t.Fragment,null,l(z,w)||null):t.createElement("span",Object.assign({},w,{ref:a}),z);if(r){var V=r;return t.createElement(V,Object.assign({},U,{ref:a}))}return t.createElement("input",Object.assign({},U,{ref:a}))}function mm(e,n){var t=n.decimalScale,o=n.fixedDecimalScale,r=n.prefix;void 0===r&&(r="");var l=n.suffix;void 0===l&&(l="");var a=n.allowNegative,i=n.thousandsGroupStyle;if(void 0===i&&(i="thousand"),""===e||"-"===e)return e;var c=fm(n),s=c.thousandSeparator,d=c.decimalSeparator,u=0!==t&&-1!==e.indexOf(".")||t&&o,m=Gu(e,a),f=m.beforeDecimal,b=m.afterDecimal,p=m.addNegation;return void 0!==t&&(b=Zu(b,t,!!o)),s&&(f=function(e,n,t){var o=function(e){switch(e){case"lakh":return/(\d+?)(?=(\d\d)+(\d)(?!\d))(\.\d+)?/g;case"wan":return/(\d)(?=(\d{4})+(?!\d))/g;default:return/(\d)(?=(\d{3})+(?!\d))/g}}(t),r=e.search(/[1-9]/);return r=-1===r?e.length:r,e.substring(0,r)+e.substring(r,e.length).replace(o,"$1"+n)}(f,s,i)),r&&(f=r+f),l&&(b+=l),p&&(f="-"+f),f+(u&&d||"")+b}function fm(e){var n=e.decimalSeparator;void 0===n&&(n=".");var t=e.thousandSeparator,o=e.allowedDecimalSeparators;return!0===t&&(t=","),o||(o=[n,"."]),{decimalSeparator:n,thousandSeparator:t,allowedDecimalSeparators:o}}function bm(e){e=function(e){var n=fm(e),t=n.thousandSeparator,o=n.decimalSeparator,r=e.prefix;void 0===r&&(r="");var l=e.allowNegative;if(void 0===l&&(l=!0),t===o)throw new Error("\n        Decimal separator can't be same as thousand separator.\n        thousandSeparator: "+t+' (thousandSeparator = {true} is same as thousandSeparator = ",")\n        decimalSeparator: '+o+" (default value for decimalSeparator is .)\n     ");return r.startsWith("-")&&l&&(console.error("\n      Prefix can't start with '-' when allowNegative is true.\n      prefix: "+r+"\n      allowNegative: "+l+"\n    "),l=!1),Object.assign(Object.assign({},e),{allowNegative:l})}(e),e.decimalSeparator,e.allowedDecimalSeparators,e.thousandsGroupStyle;var n=e.suffix,t=e.allowNegative,o=e.allowLeadingZeros,r=e.onKeyDown;void 0===r&&(r=Hu);var l=e.onBlur;void 0===l&&(l=Hu);var a=e.thousandSeparator,i=e.decimalScale,c=e.fixedDecimalScale,s=e.prefix;void 0===s&&(s="");var d=e.defaultValue,u=e.value,m=e.valueIsNumericString,f=e.onValueChange,b=Ku(e,["decimalSeparator","allowedDecimalSeparators","thousandsGroupStyle","suffix","allowNegative","allowLeadingZeros","onKeyDown","onBlur","thousandSeparator","decimalScale","fixedDecimalScale","prefix","defaultValue","value","valueIsNumericString","onValueChange"]),p=fm(e),h=p.decimalSeparator,k=p.allowedDecimalSeparators,v=function(n){return mm(n,e)},g=function(n,t){return function(e,n,t){var o;void 0===n&&(n=function(e){return{from:{start:0,end:0},to:{start:0,end:e.length},lastValue:""}}(e));var r=t.allowNegative,l=t.prefix;void 0===l&&(l="");var a=t.suffix;void 0===a&&(a="");var i=t.decimalScale,c=n.from,s=n.to,d=s.start,u=s.end,m=fm(t),f=m.allowedDecimalSeparators,b=m.decimalSeparator,p=e[u]===b;if(Uu(e)&&(e===l||e===a)&&""===n.lastValue)return e;if(u-d==1&&-1!==f.indexOf(e[d])){var h=0===i?"":b;e=e.substring(0,d)+h+e.substring(d+1,e.length)}var k=function(e,n,t){var o=!1,r=!1;l.startsWith("-")?o=!1:e.startsWith("--")?(o=!1,r=!0):a.startsWith("-")&&e.length===a.length?o=!1:"-"===e[0]&&(o=!0);var i=o?1:0;return r&&(i=2),i&&(e=e.substring(i),n-=i,t-=i),{value:e,start:n,end:t,hasNegation:o}},v=k(e,d,u),g=v.hasNegation;e=(o=v).value,d=o.start,u=o.end;var _=k(n.lastValue,c.start,c.end),y=_.start,w=_.end,E=_.value,x=e.substring(d,u);!(e.length&&E.length&&(y>E.length-a.length||w<l.length))||x&&a.startsWith(x)||(e=E);var z=0;e.startsWith(l)?z+=l.length:d<l.length&&(z=d),u-=z;var S=(e=e.substring(z)).length,T=e.length-a.length;e.endsWith(a)?S=T:(u>T||u>e.length-a.length)&&(S=u),e=e.substring(0,S),e=function(e,n){void 0===e&&(e="");var t=new RegExp("(-)"),o=new RegExp("(-)(.)*(-)"),r=t.test(e),l=o.test(e);return e=e.replace(/-/g,""),r&&!l&&n&&(e="-"+e),e}(g?"-"+e:e,r),e=(e.match(function(e){return new RegExp("(^-)|[0-9]|"+qu(e),"g")}(b))||[]).join("");var C=e.indexOf(b),B=Gu(e=e.replace(new RegExp(qu(b),"g"),(function(e,n){return n===C?".":""})),r),O=B.beforeDecimal,L=B.afterDecimal,A=B.addNegation;return s.end-s.start<c.end-c.start&&""===O&&p&&!parseFloat(L)&&(e=A?"-":""),e}(n,t,e)},_=Vu(u)?d:u,y=null!=m?m:function(e,n,t){return""===e||!(null==n?void 0:n.match(/\d/))&&!(null==t?void 0:t.match(/\d/))&&"string"==typeof e&&!isNaN(Number(e))}(_,s,n);Vu(u)?Vu(d)||(y=y||"number"==typeof d):y=y||"number"==typeof u;var w=function(e){return Wu(e)?e:("number"==typeof e&&(e=Ju(e)),y&&"number"==typeof i?Qu(e,i,Boolean(c)):e)},E=cm(w(u),w(d),Boolean(y),v,g,f),x=E[0],z=x.numAsString,S=x.formattedValue,T=E[1];return Object.assign(Object.assign({},b),{value:S,valueIsNumericString:!1,isValidInputCharacter:function(e){return e===h||Uu(e)},isCharacterSame:function(e){var n=e.currentValue,t=e.lastValue,o=e.formattedValue,r=e.currentValueIndex,l=e.formattedValueIndex,a=n[r],d=o[l],m=om(t,n).to,f=function(e){return g(e).indexOf(".")+s.length};return!(0===u&&c&&i&&n[m.start]===h&&f(n)<r&&f(o)>l||!(r>=m.start&&r<m.end&&k&&k.includes(a)&&d===h)&&a!==d)},onValueChange:T,format:v,removeFormatting:g,getCaretBoundary:function(n){return function(e,n){var t=n.prefix;void 0===t&&(t="");var o=n.suffix;void 0===o&&(o="");var r=Array.from({length:e.length+1}).map((function(){return!0})),l="-"===e[0];r.fill(!1,0,t.length+(l?1:0));var a=e.length;return r.fill(!1,a-o.length+1,a+1),r}(n,e)},onKeyDown:function(e){var n=e.target,o=e.key,l=n.selectionStart,d=n.selectionEnd,u=n.value;if(void 0===u&&(u=""),("Backspace"===o||"Delete"===o)&&d<s.length)e.preventDefault();else if(l===d){"Backspace"===o&&"-"===u[0]&&l===s.length+1&&t&&Xu(n,1),i&&c&&("Backspace"===o&&u[l-1]===h?(Xu(n,l-1),e.preventDefault()):"Delete"===o&&u[l]===h&&e.preventDefault()),(null==k?void 0:k.includes(o))&&u[l]===h&&Xu(n,l+1);var m=!0===a?",":a;"Backspace"===o&&u[l-1]===m&&Xu(n,l-1),"Delete"===o&&u[l]===m&&Xu(n,l+1),r(e)}else r(e)},onBlur:function(n){var t=z;if(t.match(/\d/g)||(t=""),o||(t=function(e){if(!e)return e;var n="-"===e[0];n&&(e=e.substring(1,e.length));var t=e.split("."),o=t[0].replace(/^0+/,"")||"0",r=t[1]||"";return(n?"-":"")+o+(r?"."+r:"")}(t)),c&&i&&(t=Qu(t,i,c)),t!==z){var r=mm(t,e);T({formattedValue:r,value:t,floatValue:parseFloat(t)},{event:n,source:Pu.event})}l(n)}})}function pm(e){var n=bm(e);return t.createElement(um,Object.assign({},n))}const hm=/[^a-zA-Z0-9]/g,km=/(.{4})(?!$)/g;class vm{electronicFormat(e){return e.replace(hm,"").toUpperCase()}printFormat(e,n){return this.electronicFormat(e).replace(km,"$1"+(n||" "))}parse(e){return this.electronicFormat(e)}format(e){return this.printFormat(e)}}const gm={"input-text":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolInputText renders a text input field. The sample shows KolInputText in a form context with all variations and states.")),t.createElement(pr,{RefComponent:mc})),"hide-msg":()=>t.createElement("div",{className:"grid gap-4"},t.createElement(Wt,null,t.createElement("p",null,"This sample shows the ",t.createElement("code",null,"_hideMsg")," feature for KolInputText. It allows to hide the message from an input field and can be used, when the message (e.g. error) is already shown somewhere else, e.g. for a group of inputs.")),t.createElement(Fe,{_label:"Normal input field with error",_level:0},t.createElement(on,{_msg:{_type:"error",_description:"Error message"},_label:"Input with error",_touched:!0})),t.createElement(Fe,{_label:"Input fields with hidden error",_level:0},t.createElement("fieldset",{className:"grid md:grid-cols-2 gap-4"},t.createElement("legend",null,"Combined input field"),t.createElement(Ie,{className:"col-span-2",_level:0,_type:"error"},"This is a combined error message"),t.createElement(on,{_msg:{_type:"error",_description:"This is a combined error message"},_hideMsg:!0,_label:"First input",_touched:!0}),t.createElement(on,{_msg:{_type:"error",_description:"This is a combined error message"},_hideMsg:!0,_label:"Second input with error",_touched:!0})))),"text-formatter":function(){const e=()=>{return e=this,n=function*(){},new Promise(((t,o)=>{var r=e=>{try{a(n.next(e))}catch(e){o(e)}},l=e=>{try{a(n.throw(e))}catch(e){o(e)}},a=e=>e.done?t(e.value):Promise.resolve(e.value).then(r,l);a((n=n.apply(e,null)).next())}));var e,n},n=new vm;return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This example demonstrates formatting a data value in an input field (example IBAN). The data value is formatted to the input field (print format) and vice versa the formatting is removed again (machine format)")),t.createElement("section",{className:"w-full flex flex-col"},t.createElement(Ou,{initialValues:{iban:"DE89370400440532013000"},onSubmit:e},(e=>t.createElement(t.Fragment,null,t.createElement("div",{className:"p-2"},t.createElement(Ve,{_label:"Formatted Form Field",_level:2}),t.createElement(Ue,null,t.createElement($u,{name:"iban"},(({field:o})=>{var r;return t.createElement("div",{className:"block mt-2"},t.createElement(on,{onBlur:()=>{e.setFieldTouched("iban",!0)},id:"field-iban",_label:"IBAN",_value:n.format(null!=(r=o.value)?r:""),_msg:{_type:"error",_description:e.errors.iban||""},_touched:e.touched.iban,_required:!0,_on:{onInput:(t,o)=>{if(t.target){const t=n.parse(null!=o?o:"");e.setFieldValue("iban",t,!0)}}}}))})))),t.createElement("div",{className:"p-2"},t.createElement(Ve,{_label:"Model",_level:2}),t.createElement("pre",{className:"text-base"},JSON.stringify(e.values,null,2))))))),t.createElement("section",{className:"w-full flex flex-col"},t.createElement(Ou,{initialValues:{currency:1e6},onSubmit:e},(e=>t.createElement(t.Fragment,null,t.createElement("div",{className:"p-2"},t.createElement(Ve,{_label:"Formatted Form Field (with react-number-format)",_level:2}),t.createElement(Ue,null,t.createElement($u,{name:"currency"},(({field:n})=>t.createElement("div",{className:"block mt-2"},t.createElement(pm,{customInput:({type:e,value:n,onBlur:o,onChange:r,onFocus:l})=>t.createElement(on,{_label:"Currency",_type:e,_value:n,_on:{onBlur:o,onChange:r,onFocus:l}}),displayType:"input",value:"number"==typeof n.value?Number(n.value).toFixed(2):void 0,onBlur:()=>{e.setFieldTouched("currency",!0)},onValueChange:n=>{e.setFieldValue("currency",n.floatValue,!0)},suffix:"€",thousandSeparator:!0})))))),t.createElement("div",{className:"p-2"},t.createElement(Ve,{_label:"Model",_level:2}),t.createElement("pre",{className:"text-base"},JSON.stringify(e.values,null,2))))))))},"smart-button":()=>{const e=Pn.getInstance(document),n={_icons:"codicon codicon-info",_hideLabel:!0,_label:"Alert",_on:{onClick:()=>{e.enqueue({description:"Smart-Button clicked",label:"Toaster",type:"default"})}}};return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows the smart button feature for KolInputText. It allows the usage of a button inside the bnput.")),t.createElement("div",{className:"grid gap-4"},t.createElement(on,{_label:"With Smart Button",_type:"text",_smartButton:n}),t.createElement(on,{_label:"With Smart Button (disabled)",_disabled:!0,_type:"text",_smartButton:n}),t.createElement(on,{_label:"With Smart Button and Icons",_type:"text",_smartButton:n,_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}})))},"expert-slot":()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample show KolInputText with expert slot.")),t.createElement(on,{_label:"",_type:"text"},t.createElement("span",{slot:"expert"},"I am more than just a input field")))}},_m={kolibri:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolKolibri renders the KoliBri logo. The sample show the logo with and without label and with a custom color.")),t.createElement(Ve,{class:"block",_level:3,_label:"Regular"}),t.createElement(rn,{class:"block",style:{width:300}}),t.createElement(Ve,{class:"block",_level:3,_label:"Without Label"}),t.createElement(rn,{class:"block",style:{width:300},_labeled:!1}),t.createElement(Ve,{class:"block",_level:3,_label:"Customized color"}),t.createElement(rn,{class:"block",style:{width:300},_color:"#cc006e"}))}};var ym=Object.defineProperty,wm=Object.getOwnPropertySymbols,Em=Object.prototype.hasOwnProperty,xm=Object.prototype.propertyIsEnumerable,zm=(e,n,t)=>n in e?ym(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Sm=(e,n)=>{for(var t in n||(n={}))Em.call(n,t)&&zm(e,t,n[t]);if(wm)for(var t of wm(n))xm.call(n,t)&&zm(e,t,n[t]);return e};const Tm={_href:"#/back-page"},Cm={"link-button":{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolLinkButton renders a link that looks like a button. The sample shows the different styling variants.")),t.createElement("div",{className:"grid gap-14"},t.createElement("div",{className:"flex flex-wrap gap-14"},t.createElement(an,Sm({_label:"Primary",_variant:"primary"},Tm)),t.createElement(an,Sm({_label:"Secondary",_variant:"secondary"},Tm)),t.createElement(an,Sm({_label:"Normal",_variant:"normal"},Tm)),t.createElement(an,Sm({_label:"Danger",_variant:"danger"},Tm)),t.createElement(an,Sm({_label:"Ghost",_variant:"ghost"},Tm)),t.createElement(an,Sm({_label:"Access Key",_variant:"primary",_accessKey:"c"},Tm)),t.createElement(an,Sm({_label:"Short Key",_variant:"primary",_shortKey:"s"},Tm))))),"aria-description":()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolLinkButton with aria-description")),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(an,{_href:"#/back-page",_label:"Link Button Text without area description"}),t.createElement(an,{_href:"#/back-page",_label:"Link Button Text",_ariaDescription:"Link Button Area Description"})))}},Bm={link:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolLink renders a link. This sample shows disabled links, links with hidden label and links with different CSS ",t.createElement("code",null,"display"),"-properties.")),t.createElement("div",{className:"grid gap-4"},t.createElement(ln,{_href:"#/back-page",_label:"Simple Link"}),t.createElement(ln,{_disabled:!0,_href:"#/back-page",_label:"Simple Link (deaktiviert)"}),t.createElement(ln,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"Icon Link"}),t.createElement(ln,{_disabled:!0,_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"Icon Link (deaktiviert)"}),t.createElement("p",null,"In this paragraph, a link is inserted that contains no additional attributes.",t.createElement(ln,{_href:"#/back-page",_label:"Simple Link"}),"It is rendered by default as a ",t.createElement("strong",null,"inline element"),"."),t.createElement("p",null,"In this paragraph, a link is inserted that is rendered as an inline-block element.",t.createElement(ln,{class:"d-inline-block",_accessKey:"S",_href:"#/back-page",_label:"Simple Link"}),". This allows you to assign width, height, and other properties to it using CSS styles.",t.createElement("br",null),t.createElement("br",null),"After that, there is a link that is rendered as a block element.",t.createElement(ln,{class:"d-block",_href:"#/back-page",_label:"Simple Link"}),", therefore, I span the entire width of the parent element, causing a line break."))),icons:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolLink with icons in different alignments and combinations.")),t.createElement("div",{className:"grid gap-4"},t.createElement(ln,{_icons:"codicon codicon-home",_label:"I am a link with an icon on the left",_href:"#/back-page"}),t.createElement(ln,{_icons:{right:"codicon codicon-home"},_label:"I am a link with an icon on the right",_href:"#/back-page"}),t.createElement(ln,{_icons:{top:"codicon codicon-home"},_label:"I am a link with an icon at the top",_href:"#/back-page"}),t.createElement(ln,{_icons:{bottom:"codicon codicon-home"},_label:"I am a link with icon below",_href:"#/back-page"}),t.createElement(ln,{_icons:{top:"codicon codicon-home",right:"codicon codicon-home",bottom:"codicon codicon-home",left:"codicon codicon-home"},_label:"I am a link with all icons",_href:"#/back-page"}),t.createElement(ln,{_icons:"codicon codicon-home",_href:"https://public-ui.github.io/",_label:"I am a external link with an icon on the left",_target:"_blank"}),t.createElement(ln,{_icons:{right:"codicon codicon-home"},_href:"https://public-ui.github.io/",_label:"I am a external linkwith an icon on the right",_target:"_blank"}),t.createElement(ln,{_icons:{top:"codicon codicon-home"},_href:"https://public-ui.github.io/",_label:"I am a external link with an icon at the top",_target:"_blank"}),t.createElement(ln,{_icons:{bottom:"codicon codicon-home"},_href:"https://public-ui.github.io/",_label:"I am a external link with icon below",_target:"_blank"}),t.createElement(ln,{_href:"https://public-ui.github.io/",_label:"I am a external link with all icons",_target:"_blank",_icons:{top:"codicon codicon-home",right:"codicon codicon-home",bottom:"codicon codicon-home",left:"codicon codicon-home"}}))),image:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolLink can be used with slot-content instead of a label as well. This sample demonstrates the slot content used to display an image.")),t.createElement("div",{className:"grid gap-4"},t.createElement(ln,{_href:"#/back-page",_label:"I am a link that is rendered as text"}),t.createElement(ln,{_href:"#/back-page",_label:""},t.createElement("img",{alt:"Presentation of the KoliBri theming",slot:"expert",src:"abgrenzung.jpg",width:"300"})))),target:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolLink with different ",t.createElement("code",null,"_target"),"-properties.")),t.createElement("div",{className:"text-base d-flex gap-4"},t.createElement("ul",null,t.createElement("li",null,t.createElement(ln,{_href:"#/back-page",_label:"Link without target"})),t.createElement("li",null,t.createElement(ln,{_href:"#/back-page",_label:"Link with target (_self)",_target:"_self"})),t.createElement("li",null,t.createElement(ln,{_href:"#/back-page",_label:"Link with target (_blank)",_target:"_blank"})),t.createElement("li",null,t.createElement(ln,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link without target"})),t.createElement("li",null,t.createElement(ln,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link with target (_self)",_target:"_self"})),t.createElement("li",null,t.createElement(ln,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link with target (_blank)",_target:"_blank"}))))),"aria-description":()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolLink with aria-description")),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(ln,{_href:"#/back-page",_label:"Link Text without aria description"}),t.createElement(ln,{_href:"#/back-page",_label:"Link Text",_ariaDescription:"Link Area Description"}))),"access-key":()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolLink with access key. The access keys can be used to trigger the buttons using the keyboard.")),t.createElement("div",{className:"grid gap-4"},t.createElement(ln,{_href:"#/back-page",_label:"With S access key",_accessKey:"S"}),t.createElement(ln,{_href:"#/back-page",_label:"Very small s",_accessKey:"s"}),t.createElement(ln,{_href:"#/back-page",_label:"Access key does not appear in label",_accessKey:"s"}),t.createElement(ln,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"access key without label",_accessKey:"s"}))),"short-key":()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolButton with short key without functionality. The short key is purely visual. Its functionality needs to be developed separately."," ")),t.createElement("div",{className:"grid gap-4"},t.createElement(ln,{_href:"#/back-page",_label:"With S short key",_shortKey:"S"}),t.createElement(ln,{_href:"#/back-page",_label:"Very small s",_shortKey:"s"}),t.createElement(ln,{_href:"#/back-page",_label:"Short key does not appear in label",_shortKey:"s"}),t.createElement(ln,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"short key without label",_shortKey:"s"})))}},Om={modal:{basic:()=>{const[e]=Ee(),n=e.get("show-modal"),o=e.get("variant"),r=(0,t.useRef)(null),l=(0,t.useRef)(null),[a,i]=(0,t.useState)("blank");return(0,t.useEffect)((()=>{var e;"true"===n&&(null==(e=r.current)||e.openModal()),"card"===o&&i(o)}),[n,o]),t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,'KolModal renders content in a popover, disabling interactivity with elements behind it. In the sample, the modal can be opened and closed using the buttons "Open modal" and "Close modal".')),t.createElement("div",{className:"flex"},t.createElement(cn,{_label:"Primary modal",_width:"80%",ref:r,_on:{onClose:()=>console.log("Modal closed")},_variant:a},t.createElement(Fe,{_label:"I am a modal."},t.createElement(Me,{_label:"Open stacked modal",className:"mr",_on:{onClick:()=>{var e;null==(e=l.current)||e.openModal()}}}),t.createElement(Me,{_label:"Close modal",_on:{onClick:()=>{var e;null==(e=r.current)||e.closeModal()}}}))),t.createElement(cn,{_label:"Stacked modal",_width:"80%",ref:l},t.createElement(Fe,{_label:"Stacked modal element"},t.createElement(Me,{_label:"Close stacked modal",_on:{onClick:()=>{var e;null==(e=l.current)||e.closeModal()}}}))),t.createElement("div",{className:"grid gap-4"},t.createElement(Me,{_label:"Open modal",_on:{onClick:()=>{var e;i("blank"),null==(e=r.current)||e.openModal()}}}),t.createElement(Me,{_label:"Open card modal",_on:{onClick:()=>{var e;i("card"),null==(e=r.current)||e.openModal()}}}))))}}},Lm=[{_label:"Homepage",_icons:"codicon codicon-home",_on:{onClick:()=>console.log("Homepage clicked")}},{_label:"2 Navigation point",_href:"#/back-page",_on:{onClick:()=>console.log("Link clicked")}},{_label:"3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_label:"3.1 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.2 Navigation point",_href:"#/back-page",_target:"asdasd"},{_label:"3.3 Navigation point",_href:"#/back-page",_children:[{_label:"3.3.1 Navigation point",_href:"#/back-page"},{_label:"3.3.2 Navigation point",_href:"#/back-page"}]},{_label:"3.4 Navigation point",_href:"#/back-page",_children:[{_label:"3.4.1 Navigation point",_href:"#/back-page",_children:[{_label:"3.4.1.1 Navigation point",_href:"#/back-page"},{_label:"3.4.1.2 Navigation point (active)",_href:"#/back-page"}]},{_label:"3.4.2 Navigation point",_href:"#/back-page"}]},{_label:"3.5 Navigation point",_href:"#/back-page"}]},{_label:"4 Navigation point with children and onClick",_children:[{_label:"4.1 Nested link",_href:"#/back-page"}],_on:{onClick:()=>console.log("4.1 Nested link clicked")}},{_label:"5 No own page, only category",_active:!0,_children:[{_label:"5.1 Nested link",_href:"#/back-page"}]},{_label:"6 No own page, with icon",_icons:"codicon codicon-squirrel",_children:[{_label:"6.1 Nested link",_href:"#/back-page"}]}],Am=[{_label:"Homepage",_icons:"codicon codicon-home",_on:{onClick:()=>console.log("Homepage clicked")}},{_label:"2 Navigation point",_href:"#/back-page",_on:{onClick:()=>console.log("Link clicked")}},{_label:"3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home"},{_label:"4 Navigation point with children and onClick",_on:{onClick:()=>console.log("4.1 Nested link clicked")}},{_label:"5 No own page, only category",_active:!0},{_label:"6 No own page, with icon",_icons:"codicon codicon-squirrel"}],Nm={nav:{basic:()=>{const[e,n]=(0,t.useState)(!1);return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolNav renders a navigation. In this sample, icons for the navigation elements can be shown or hidden using a checkbox and the navigation can be collapsed, showing only icons and no text labels.")),t.createElement("section",{className:"grid gap-8"},t.createElement("section",null,t.createElement(Ge,{_label:"Show icons when expanded",_checked:e,_on:{onChange:(e,t)=>{n(t)}}})),t.createElement("section",{className:"grid gap-4"},t.createElement(Ve,{_level:2,_label:"Navigation without submenu"}),t.createElement(sn,{class:"block w-fit",_label:"Navigation without submenu",_links:Am,_hasCompactButton:!0,_hasIconsWhenExpanded:e})),t.createElement("section",{className:"grid gap-4"},t.createElement(Ve,{_level:2,_label:"Navigation with submenu"}),t.createElement(sn,{class:"block w-fit",_label:"Navigation with submenu",_links:Lm,_hasCompactButton:!0,_hasIconsWhenExpanded:e}))))},"aria-current":()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolNav with a link to the current page. This makes the component automatically assign ",t.createElement("code",null,'aria-current="page"'),"to it.")),t.createElement(sn,{class:"block w-sm",_label:"Main navigation",_links:[{_label:"Homepage",_href:"#/back-page"},{_label:"Nav - aria-current (Current page)",_href:"#/nav/aria-current",_active:!0}]})),horizontal:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolNav with horizontal alignment.")),t.createElement("section",{className:"grid gap-8"},t.createElement("section",{className:"grid gap-4"},t.createElement(Ve,{_level:2,_label:"Navigation without submenu"}),t.createElement(sn,{_label:"Navigation without submenu",_links:Am,_orientation:"horizontal"})),t.createElement("section",{className:"grid gap-4"},t.createElement(Ve,{_level:2,_label:"Navigation with submenu"}),t.createElement(sn,{_label:"Navigation with submenu",_links:Lm,_orientation:"horizontal"}))))}},Im={pagination:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolPagination renders a pagination for datasets. The sample shows the different states and variations of a pagination and the option to change the page size.")),t.createElement("div",{className:"grid gap-4"},t.createElement(dn,{_max:316514,_page:15475,_siblingCount:3,_label:"Test pagination 1",_on:{}}),t.createElement(dn,{_max:14,_page:14,_siblingCount:1,_boundaryCount:2,_label:"Test pagination 2",_on:{}}),t.createElement(dn,{_max:4,_page:1,_siblingCount:0,_boundaryCount:2,_label:"Test pagination 3",_on:{}}),t.createElement(dn,{_max:4,_page:6,_siblingCount:0,_boundaryCount:2,_hasButtons:!1,_label:"Test pagination 4",_on:{}}),t.createElement(dn,{_max:4,_page:6,_siblingCount:0,_boundaryCount:2,_hasButtons:!1,_label:"Test pagination 5",_on:{},_pageSizeOptions:[10,100]})))}},$m={progress:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,'KolProgress renders a progress indicator. The sample shows the variants "bar" and "cycle" with and without labels.')),t.createElement("div",{className:"grid gap-4"},t.createElement(un,{_variant:"bar",_max:100,_value:0,_label:"With label"}),t.createElement(un,{_variant:"bar",_max:100,_value:33}),t.createElement(un,{_variant:"bar",_max:100,_value:100}),t.createElement(un,{_variant:"cycle",_max:100,_value:33})))}},Pm={quote:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,'KolQuote renders a quote with optional citation. This sample shows a quote in the variant "inline" with a link for citation.')),t.createElement(mn,{_href:"https://datatracker.ietf.org/doc/html/rfc1149",_quote:"Avian carriers can provide high delay.",_variant:"inline"})),block:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,'This sample shows a quote in the "block" variant.')),t.createElement(mn,{_label:"RFC 1149",_href:"https://datatracker.ietf.org/doc/html/rfc1149",_quote:"Avian carriers can provide high delay, low throughput, and low altitude\n\t\t\t\t\t\t\t\tservice. The connection topology is limited to a single point-to-point path\n\t\t\t\t\t\t\t\tfor each carrier, used with standard carriers, but many carriers can be used\n\t\t\t\t\t\t\t\twithout significant interference with each other, outside early spring.\n\t\t\t\t\t\t\t\tThis is because of the 3D ether space available to the carriers, in contrast\n\t\t\t\t\t\t\t\tto the 1D ether used by IEEE802.3. The carriers have an intrinsic collision\n\t\t\t\t\t\t\t\tavoidance system, which increases availability.",_variant:"block"}))}},jm=JSON.parse('[{"id":4,"alpha2":"af","alpha3":"afg","name":"Afghanistan"},{"id":818,"alpha2":"eg","alpha3":"egy","name":"Ägypten"},{"id":8,"alpha2":"al","alpha3":"alb","name":"Albanien"},{"id":12,"alpha2":"dz","alpha3":"dza","name":"Algerien"},{"id":20,"alpha2":"ad","alpha3":"and","name":"Andorra"},{"id":24,"alpha2":"ao","alpha3":"ago","name":"Angola"},{"id":28,"alpha2":"ag","alpha3":"atg","name":"Antigua und Barbuda"},{"id":226,"alpha2":"gq","alpha3":"gnq","name":"Äquatorialguinea"},{"id":32,"alpha2":"ar","alpha3":"arg","name":"Argentinien"},{"id":51,"alpha2":"am","alpha3":"arm","name":"Armenien"},{"id":31,"alpha2":"az","alpha3":"aze","name":"Aserbaidschan"},{"id":231,"alpha2":"et","alpha3":"eth","name":"Äthiopien"},{"id":36,"alpha2":"au","alpha3":"aus","name":"Australien"},{"id":44,"alpha2":"bs","alpha3":"bhs","name":"Bahamas"},{"id":48,"alpha2":"bh","alpha3":"bhr","name":"Bahrain"},{"id":50,"alpha2":"bd","alpha3":"bgd","name":"Bangladesch"},{"id":52,"alpha2":"bb","alpha3":"brb","name":"Barbados"},{"id":112,"alpha2":"by","alpha3":"blr","name":"Belarus"},{"id":56,"alpha2":"be","alpha3":"bel","name":"Belgien"},{"id":84,"alpha2":"bz","alpha3":"blz","name":"Belize"},{"id":204,"alpha2":"bj","alpha3":"ben","name":"Benin"},{"id":64,"alpha2":"bt","alpha3":"btn","name":"Bhutan"},{"id":68,"alpha2":"bo","alpha3":"bol","name":"Bolivien"},{"id":70,"alpha2":"ba","alpha3":"bih","name":"Bosnien und Herzegowina"},{"id":72,"alpha2":"bw","alpha3":"bwa","name":"Botswana"},{"id":76,"alpha2":"br","alpha3":"bra","name":"Brasilien"},{"id":96,"alpha2":"bn","alpha3":"brn","name":"Brunei"},{"id":100,"alpha2":"bg","alpha3":"bgr","name":"Bulgarien"},{"id":854,"alpha2":"bf","alpha3":"bfa","name":"Burkina Faso"},{"id":108,"alpha2":"bi","alpha3":"bdi","name":"Burundi"},{"id":152,"alpha2":"cl","alpha3":"chl","name":"Chile"},{"id":156,"alpha2":"cn","alpha3":"chn","name":"China, Volksrepublik"},{"id":188,"alpha2":"cr","alpha3":"cri","name":"Costa Rica"},{"id":208,"alpha2":"dk","alpha3":"dnk","name":"Dänemark"},{"id":276,"alpha2":"de","alpha3":"deu","name":"Deutschland"},{"id":212,"alpha2":"dm","alpha3":"dma","name":"Dominica"},{"id":214,"alpha2":"do","alpha3":"dom","name":"Dominikanische Republik"},{"id":262,"alpha2":"dj","alpha3":"dji","name":"Dschibuti"},{"id":218,"alpha2":"ec","alpha3":"ecu","name":"Ecuador"},{"id":384,"alpha2":"ci","alpha3":"civ","name":"Elfenbeinküste"},{"id":222,"alpha2":"sv","alpha3":"slv","name":"El Salvador"},{"id":232,"alpha2":"er","alpha3":"eri","name":"Eritrea"},{"id":233,"alpha2":"ee","alpha3":"est","name":"Estland"},{"id":748,"alpha2":"sz","alpha3":"swz","name":"Eswatini"},{"id":242,"alpha2":"fj","alpha3":"fji","name":"Fidschi"},{"id":246,"alpha2":"fi","alpha3":"fin","name":"Finnland"},{"id":250,"alpha2":"fr","alpha3":"fra","name":"Frankreich"},{"id":266,"alpha2":"ga","alpha3":"gab","name":"Gabun"},{"id":270,"alpha2":"gm","alpha3":"gmb","name":"Gambia"},{"id":268,"alpha2":"ge","alpha3":"geo","name":"Georgien"},{"id":288,"alpha2":"gh","alpha3":"gha","name":"Ghana"},{"id":308,"alpha2":"gd","alpha3":"grd","name":"Grenada"},{"id":300,"alpha2":"gr","alpha3":"grc","name":"Griechenland"},{"id":320,"alpha2":"gt","alpha3":"gtm","name":"Guatemala"},{"id":324,"alpha2":"gn","alpha3":"gin","name":"Guinea"},{"id":624,"alpha2":"gw","alpha3":"gnb","name":"Guinea-Bissau"},{"id":328,"alpha2":"gy","alpha3":"guy","name":"Guyana"},{"id":332,"alpha2":"ht","alpha3":"hti","name":"Haiti"},{"id":340,"alpha2":"hn","alpha3":"hnd","name":"Honduras"},{"id":356,"alpha2":"in","alpha3":"ind","name":"Indien"},{"id":360,"alpha2":"id","alpha3":"idn","name":"Indonesien"},{"id":368,"alpha2":"iq","alpha3":"irq","name":"Irak"},{"id":364,"alpha2":"ir","alpha3":"irn","name":"Iran"},{"id":372,"alpha2":"ie","alpha3":"irl","name":"Irland"},{"id":352,"alpha2":"is","alpha3":"isl","name":"Island"},{"id":376,"alpha2":"il","alpha3":"isr","name":"Israel"},{"id":380,"alpha2":"it","alpha3":"ita","name":"Italien"},{"id":388,"alpha2":"jm","alpha3":"jam","name":"Jamaika"},{"id":392,"alpha2":"jp","alpha3":"jpn","name":"Japan"},{"id":887,"alpha2":"ye","alpha3":"yem","name":"Jemen"},{"id":400,"alpha2":"jo","alpha3":"jor","name":"Jordanien"},{"id":116,"alpha2":"kh","alpha3":"khm","name":"Kambodscha"},{"id":120,"alpha2":"cm","alpha3":"cmr","name":"Kamerun"},{"id":124,"alpha2":"ca","alpha3":"can","name":"Kanada"},{"id":132,"alpha2":"cv","alpha3":"cpv","name":"Kap Verde"},{"id":398,"alpha2":"kz","alpha3":"kaz","name":"Kasachstan"},{"id":634,"alpha2":"qa","alpha3":"qat","name":"Katar"},{"id":404,"alpha2":"ke","alpha3":"ken","name":"Kenia"},{"id":417,"alpha2":"kg","alpha3":"kgz","name":"Kirgisistan"},{"id":296,"alpha2":"ki","alpha3":"kir","name":"Kiribati"},{"id":170,"alpha2":"co","alpha3":"col","name":"Kolumbien"},{"id":174,"alpha2":"km","alpha3":"com","name":"Komoren"},{"id":180,"alpha2":"cd","alpha3":"cod","name":"Kongo, Demokratische Republik"},{"id":178,"alpha2":"cg","alpha3":"cog","name":"Kongo, Republik"},{"id":408,"alpha2":"kp","alpha3":"prk","name":"Korea, Nord (Nordkorea)"},{"id":410,"alpha2":"kr","alpha3":"kor","name":"Korea, Süd (Südkorea)"},{"id":191,"alpha2":"hr","alpha3":"hrv","name":"Kroatien"},{"id":192,"alpha2":"cu","alpha3":"cub","name":"Kuba"},{"id":414,"alpha2":"kw","alpha3":"kwt","name":"Kuwait"},{"id":418,"alpha2":"la","alpha3":"lao","name":"Laos"},{"id":426,"alpha2":"ls","alpha3":"lso","name":"Lesotho"},{"id":428,"alpha2":"lv","alpha3":"lva","name":"Lettland"},{"id":422,"alpha2":"lb","alpha3":"lbn","name":"Libanon"},{"id":430,"alpha2":"lr","alpha3":"lbr","name":"Liberia"},{"id":434,"alpha2":"ly","alpha3":"lby","name":"Libyen"},{"id":438,"alpha2":"li","alpha3":"lie","name":"Liechtenstein"},{"id":440,"alpha2":"lt","alpha3":"ltu","name":"Litauen"},{"id":442,"alpha2":"lu","alpha3":"lux","name":"Luxemburg"},{"id":450,"alpha2":"mg","alpha3":"mdg","name":"Madagaskar"},{"id":454,"alpha2":"mw","alpha3":"mwi","name":"Malawi"},{"id":458,"alpha2":"my","alpha3":"mys","name":"Malaysia"},{"id":462,"alpha2":"mv","alpha3":"mdv","name":"Malediven"},{"id":466,"alpha2":"ml","alpha3":"mli","name":"Mali"},{"id":470,"alpha2":"mt","alpha3":"mlt","name":"Malta"},{"id":504,"alpha2":"ma","alpha3":"mar","name":"Marokko"},{"id":584,"alpha2":"mh","alpha3":"mhl","name":"Marshallinseln"},{"id":478,"alpha2":"mr","alpha3":"mrt","name":"Mauretanien"},{"id":480,"alpha2":"mu","alpha3":"mus","name":"Mauritius"},{"id":484,"alpha2":"mx","alpha3":"mex","name":"Mexiko"},{"id":583,"alpha2":"fm","alpha3":"fsm","name":"Mikronesien"},{"id":498,"alpha2":"md","alpha3":"mda","name":"Moldau"},{"id":492,"alpha2":"mc","alpha3":"mco","name":"Monaco"},{"id":496,"alpha2":"mn","alpha3":"mng","name":"Mongolei"},{"id":499,"alpha2":"me","alpha3":"mne","name":"Montenegro"},{"id":508,"alpha2":"mz","alpha3":"moz","name":"Mosambik"},{"id":104,"alpha2":"mm","alpha3":"mmr","name":"Myanmar"},{"id":516,"alpha2":"na","alpha3":"nam","name":"Namibia"},{"id":520,"alpha2":"nr","alpha3":"nru","name":"Nauru"},{"id":524,"alpha2":"np","alpha3":"npl","name":"Nepal"},{"id":554,"alpha2":"nz","alpha3":"nzl","name":"Neuseeland"},{"id":558,"alpha2":"ni","alpha3":"nic","name":"Nicaragua"},{"id":528,"alpha2":"nl","alpha3":"nld","name":"Niederlande"},{"id":562,"alpha2":"ne","alpha3":"ner","name":"Niger"},{"id":566,"alpha2":"ng","alpha3":"nga","name":"Nigeria"},{"id":807,"alpha2":"mk","alpha3":"mkd","name":"Nordmazedonien"},{"id":578,"alpha2":"no","alpha3":"nor","name":"Norwegen"},{"id":512,"alpha2":"om","alpha3":"omn","name":"Oman"},{"id":40,"alpha2":"at","alpha3":"aut","name":"Österreich"},{"id":626,"alpha2":"tl","alpha3":"tls","name":"Osttimor"},{"id":586,"alpha2":"pk","alpha3":"pak","name":"Pakistan"},{"id":585,"alpha2":"pw","alpha3":"plw","name":"Palau"},{"id":591,"alpha2":"pa","alpha3":"pan","name":"Panama"},{"id":598,"alpha2":"pg","alpha3":"png","name":"Papua-Neuguinea"},{"id":600,"alpha2":"py","alpha3":"pry","name":"Paraguay"},{"id":604,"alpha2":"pe","alpha3":"per","name":"Peru"},{"id":608,"alpha2":"ph","alpha3":"phl","name":"Philippinen"},{"id":616,"alpha2":"pl","alpha3":"pol","name":"Polen"},{"id":620,"alpha2":"pt","alpha3":"prt","name":"Portugal"},{"id":646,"alpha2":"rw","alpha3":"rwa","name":"Ruanda"},{"id":642,"alpha2":"ro","alpha3":"rou","name":"Rumänien"},{"id":643,"alpha2":"ru","alpha3":"rus","name":"Russland"},{"id":90,"alpha2":"sb","alpha3":"slb","name":"Salomonen"},{"id":894,"alpha2":"zm","alpha3":"zmb","name":"Sambia"},{"id":882,"alpha2":"ws","alpha3":"wsm","name":"Samoa"},{"id":674,"alpha2":"sm","alpha3":"smr","name":"San Marino"},{"id":678,"alpha2":"st","alpha3":"stp","name":"São Tomé und Príncipe"},{"id":682,"alpha2":"sa","alpha3":"sau","name":"Saudi-Arabien"},{"id":752,"alpha2":"se","alpha3":"swe","name":"Schweden"},{"id":756,"alpha2":"ch","alpha3":"che","name":"Schweiz"},{"id":686,"alpha2":"sn","alpha3":"sen","name":"Senegal"},{"id":688,"alpha2":"rs","alpha3":"srb","name":"Serbien"},{"id":690,"alpha2":"sc","alpha3":"syc","name":"Seychellen"},{"id":694,"alpha2":"sl","alpha3":"sle","name":"Sierra Leone"},{"id":716,"alpha2":"zw","alpha3":"zwe","name":"Simbabwe"},{"id":702,"alpha2":"sg","alpha3":"sgp","name":"Singapur"},{"id":703,"alpha2":"sk","alpha3":"svk","name":"Slowakei"},{"id":705,"alpha2":"si","alpha3":"svn","name":"Slowenien"},{"id":706,"alpha2":"so","alpha3":"som","name":"Somalia"},{"id":724,"alpha2":"es","alpha3":"esp","name":"Spanien"},{"id":144,"alpha2":"lk","alpha3":"lka","name":"Sri Lanka"},{"id":659,"alpha2":"kn","alpha3":"kna","name":"St. Kitts und Nevis"},{"id":662,"alpha2":"lc","alpha3":"lca","name":"St. Lucia"},{"id":670,"alpha2":"vc","alpha3":"vct","name":"St. Vincent und die Grenadinen"},{"id":710,"alpha2":"za","alpha3":"zaf","name":"Südafrika"},{"id":729,"alpha2":"sd","alpha3":"sdn","name":"Sudan"},{"id":728,"alpha2":"ss","alpha3":"ssd","name":"Südsudan"},{"id":740,"alpha2":"sr","alpha3":"sur","name":"Suriname"},{"id":760,"alpha2":"sy","alpha3":"syr","name":"Syrien"},{"id":762,"alpha2":"tj","alpha3":"tjk","name":"Tadschikistan"},{"id":834,"alpha2":"tz","alpha3":"tza","name":"Tansania"},{"id":764,"alpha2":"th","alpha3":"tha","name":"Thailand"},{"id":768,"alpha2":"tg","alpha3":"tgo","name":"Togo"},{"id":776,"alpha2":"to","alpha3":"ton","name":"Tonga"},{"id":780,"alpha2":"tt","alpha3":"tto","name":"Trinidad und Tobago"},{"id":148,"alpha2":"td","alpha3":"tcd","name":"Tschad"},{"id":203,"alpha2":"cz","alpha3":"cze","name":"Tschechien"},{"id":788,"alpha2":"tn","alpha3":"tun","name":"Tunesien"},{"id":792,"alpha2":"tr","alpha3":"tur","name":"Türkei"},{"id":795,"alpha2":"tm","alpha3":"tkm","name":"Turkmenistan"},{"id":798,"alpha2":"tv","alpha3":"tuv","name":"Tuvalu"},{"id":800,"alpha2":"ug","alpha3":"uga","name":"Uganda"},{"id":804,"alpha2":"ua","alpha3":"ukr","name":"Ukraine"},{"id":348,"alpha2":"hu","alpha3":"hun","name":"Ungarn"},{"id":858,"alpha2":"uy","alpha3":"ury","name":"Uruguay"},{"id":860,"alpha2":"uz","alpha3":"uzb","name":"Usbekistan"},{"id":548,"alpha2":"vu","alpha3":"vut","name":"Vanuatu"},{"id":862,"alpha2":"ve","alpha3":"ven","name":"Venezuela"},{"id":784,"alpha2":"ae","alpha3":"are","name":"Vereinigte Arabische Emirate"},{"id":840,"alpha2":"us","alpha3":"usa","name":"Vereinigte Staaten"},{"id":826,"alpha2":"gb","alpha3":"gbr","name":"Vereinigtes Königreich"},{"id":704,"alpha2":"vn","alpha3":"vnm","name":"Vietnam"},{"id":140,"alpha2":"cf","alpha3":"caf","name":"Zentralafrikanische Republik"},{"id":196,"alpha2":"cy","alpha3":"cyp","name":"Zypern"}]'),Mm=[...jm.map((e=>({label:e.name,value:e.alpha2})))],Rm=[...jm.map((e=>e.name))];var Fm=Object.defineProperty,Dm=Object.defineProperties,Km=Object.getOwnPropertyDescriptors,Hm=Object.getOwnPropertySymbols,Um=Object.prototype.hasOwnProperty,Vm=Object.prototype.propertyIsEnumerable,Wm=(e,n,t)=>n in e?Fm(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,qm=(e,n)=>{for(var t in n||(n={}))Um.call(n,t)&&Wm(e,t,n[t]);if(Hm)for(var t of Hm(n))Vm.call(n,t)&&Wm(e,t,n[t]);return e},Gm=(e,n)=>Dm(e,Km(n));const Zm=[{label:"No choice",value:"",disabled:!0},{label:"Mrs.",value:"Mrs."},{label:"Mr.",value:"Mr."},{label:"Divers",value:"Divers"}],Ym=Mm.reduce(((e,n)=>{const t=n.label.charAt(0).toUpperCase();return e[t]||(e[t]={label:t,options:[]}),e[t].options.push({label:n.label,value:n.label}),e}),{}),Jm=Object.values(Ym),Qm=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement(fn,Gm(qm({},e),{ref:n,_accessKey:"a",_options:Zm,_label:"Salutation",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}})),t.createElement(fn,Gm(qm({},e),{_options:Zm,_label:"Disabled",_disabled:!0})),t.createElement(fn,Gm(qm({},e),{_options:Zm,_label:"Salutation with error",_msg:{_type:"error",_description:Ht},_touched:!0})),t.createElement(fn,Gm(qm({},e),{_options:Mm,_label:"Multiple choice",_multiple:!0})),t.createElement(fn,Gm(qm({},e),{_options:Mm,_label:"Multiple choice with error",_multiple:!0,_required:!0,_msg:{_type:"error",_description:Ht},_touched:!0})),t.createElement(fn,Gm(qm({},e),{_options:Zm,_label:"With access key",_accessKey:"c"})),t.createElement(fn,Gm(qm({},e),{_options:Zm,_label:"With short key",_shortKey:"s"})),t.createElement(fn,Gm(qm({},e),{_options:Jm,_label:"With grouped by first letter",_value:["Albanien"]})),t.createElement(fn,Gm(qm({},e),{_options:Jm,_label:"With grouped by first letter (multiple)",_multiple:!0,_value:["Albanien"]})))}));var Xm=Object.defineProperty,ef=Object.defineProperties,nf=Object.getOwnPropertyDescriptors,tf=Object.getOwnPropertySymbols,of=Object.prototype.hasOwnProperty,rf=Object.prototype.propertyIsEnumerable,lf=(e,n,t)=>n in e?Xm(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,af=(e,n)=>{for(var t in n||(n={}))of.call(n,t)&&lf(e,t,n[t]);if(tf)for(var t of tf(n))rf.call(n,t)&&lf(e,t,n[t]);return e};const cf=(0,t.forwardRef)((function(e,n){return t.createElement(Sr,null,t.createElement("fieldset",null,t.createElement("legend",null,"Text"),t.createElement(Qm,af({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Text (hideLabel)"),t.createElement(Qm,(e=>ef(e,nf({_hideLabel:!0})))(af({ref:n},e)))))})),sf={select:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolSelect renders a select field. The sample shows KolSelect in a form context with all variations and states.")),t.createElement(pr,{RefComponent:cf}))}},df={"skip-nav":{basic:()=>t.createElement("div",{className:"grid gap-4"},t.createElement(Wt,null,t.createElement("p",null,"KolSkipNav renders a list of navigation links that are visually hidden by default and only visible on focus."),t.createElement("p",null,"For testing purposes, click into the example and press the tab-key in order to focus the first link.")),t.createElement(pn,{_label:"Hidden navigation",_links:[{_label:"To the top",_href:"#/back-page"},{_label:"To the form",_href:"#/back-page"},{_label:"To the end",_href:"#/back-page"}]}))}},uf={spin:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,'KolSpin renders a loading indicator. This sample shows the default variant "dot".')),t.createElement(hn,{_show:!0})),cycle:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,'This sample shows the KolSpin variant "cycle".')),t.createElement(hn,{_show:!0,_variant:"cycle"})),custom:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows a custom loading animation. Using the expert slot, it is possible to insert custom animations. Custom animations are not necessarily barrier-free.")),t.createElement(hn,{_show:!0,_variant:"none"},t.createElement("span",{slot:"expert",className:"loader"})))}},mf={"split-button":{basic:()=>{const e=Pn.getInstance(document);return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon. The first sample shows the button with an assigned action. In the second sample no action is assigned and clicking the button opens the context menu instead.")),t.createElement("div",{className:"flex gap-4"},t.createElement(kn,{_label:"Only the arrow opens",_on:{onClick:()=>{e.enqueue({description:"The Button has been clicked.",label:"Button Clicked",type:"info"})}}},"Dropdown contents"),t.createElement(kn,{_label:"Button without visible label",_hideLabel:!0,_icons:"codicon codicon-git-pull-request"},"Dropdown contents")))},"with-context":()=>{const e=t.useRef();return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon.")),t.createElement("div",{className:"flex gap-4"},t.createElement(kn,{ref:e,_label:"Only the arrow opens"},t.createElement("div",{style:{width:300,padding:16,border:"1px solid #ccc"},onClick:e=>e.stopPropagation()},t.createElement("p",null,"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon."),t.createElement("div",{style:{gap:16,display:"flex",flexDirection:"column"}},t.createElement(on,{_label:"User"}),t.createElement(on,{_label:"Role"}),t.createElement(Me,{_label:"Close",_on:{onClick:()=>{var n;null==(n=e.current)||n.closePopup()}}}))))))}}},ff=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),bf=[{order:0,date:new Date("1981-05-26T21:33:43.612Z")},{order:1,date:new Date("1971-04-25T19:44:17.014Z")},{order:2,date:new Date("1986-07-10T11:39:29.539Z")},{order:3,date:new Date("1976-02-02T10:00:36.346Z")},{order:4,date:new Date("1998-07-07T12:50:36.016Z")},{order:5,date:new Date("1994-09-05T05:10:44.078Z")},{order:6,date:new Date("1986-05-23T13:05:01.874Z")},{order:7,date:new Date("1975-06-29T21:51:29.359Z")},{order:8,date:new Date("1974-05-15T23:47:02.499Z")},{order:9,date:new Date("1990-05-27T10:13:19.641Z")},{order:10,date:new Date("1993-10-20T03:54:08.739Z")},{order:11,date:new Date("2000-02-25T11:55:43.705Z")},{order:12,date:new Date("1988-08-27T09:59:12.251Z")},{order:13,date:new Date("1980-10-24T10:41:24.897Z")},{order:14,date:new Date("1995-01-25T12:31:27.983Z")},{order:15,date:new Date("1995-04-15T02:00:39.048Z")},{order:16,date:new Date("1994-03-15T19:13:04.564Z")},{order:17,date:new Date("1999-03-02T16:53:04.418Z")},{order:18,date:new Date("1982-08-23T18:37:38.014Z")},{order:19,date:new Date("1995-06-19T12:39:56.321Z")},{order:20,date:new Date("1994-09-23T15:03:35.746Z")},{order:21,date:new Date("1990-04-15T23:38:02.147Z")},{order:22,date:new Date("1983-08-01T10:36:44.006Z")},{order:23,date:new Date("1986-06-28T21:27:04.588Z")},{order:24,date:new Date("1986-08-14T19:34:40.904Z")},{order:25,date:new Date("1998-07-14T15:52:29.010Z")},{order:26,date:new Date("1985-02-15T18:56:32.344Z")},{order:27,date:new Date("1989-09-06T10:49:30.896Z")},{order:28,date:new Date("1994-09-05T14:21:37.211Z")},{order:29,date:new Date("1995-12-15T23:12:14.411Z")},{order:30,date:new Date("1986-08-14T19:34:40.904Z")},{order:31,date:new Date("1985-02-15T18:56:32.344Z")},{order:32,date:new Date("1989-09-06T10:49:30.896Z")},{order:33,date:new Date("1994-09-05T14:21:37.211Z")},{order:34,date:new Date("1995-12-15T23:12:14.411Z")},{order:35,date:new Date("1986-08-14T19:34:40.904Z")},{order:36,date:new Date("1985-02-15T18:56:32.344Z")},{order:37,date:new Date("1989-09-06T10:49:30.896Z")},{order:38,date:new Date("1994-09-05T14:21:37.211Z")},{order:39,date:new Date("1995-12-15T23:12:14.411Z")},{order:40,date:new Date("1986-08-14T19:34:40.904Z")},{order:41,date:new Date("1985-02-15T18:56:32.344Z")},{order:42,date:new Date("1989-09-06T10:49:30.896Z")},{order:43,date:new Date("1994-09-05T14:21:37.211Z")},{order:44,date:new Date("1995-12-15T23:12:14.411Z")},{order:45,date:new Date("1986-08-14T19:34:40.904Z")},{order:46,date:new Date("1985-02-15T18:56:32.344Z")},{order:47,date:new Date("1989-09-06T10:49:30.896Z")},{order:48,date:new Date("1994-09-05T14:21:37.211Z")},{order:49,date:new Date("1995-12-15T23:12:14.411Z")},{order:50,date:new Date("1986-08-14T19:34:40.904Z")},{order:51,date:new Date("1985-02-15T18:56:32.344Z")},{order:52,date:new Date("1989-09-06T10:49:30.896Z")},{order:53,date:new Date("1994-09-05T14:21:37.211Z")},{order:54,date:new Date("1995-12-15T23:12:14.411Z")},{order:55,date:new Date("1986-08-14T19:34:40.904Z")},{order:56,date:new Date("1985-02-15T18:56:32.344Z")},{order:57,date:new Date("1989-09-06T10:49:30.896Z")},{order:58,date:new Date("1994-09-05T14:21:37.211Z")},{order:59,date:new Date("1995-12-15T23:12:14.411Z")},{order:60,date:new Date("1986-08-14T19:34:40.904Z")},{order:61,date:new Date("1985-02-15T18:56:32.344Z")},{order:62,date:new Date("1989-09-06T10:49:30.896Z")},{order:63,date:new Date("1994-09-05T14:21:37.211Z")},{order:64,date:new Date("1995-12-15T23:12:14.411Z")},{order:65,date:new Date("1986-08-14T19:34:40.904Z")},{order:66,date:new Date("1985-02-15T18:56:32.344Z")},{order:67,date:new Date("1989-09-06T10:49:30.896Z")},{order:68,date:new Date("1994-09-05T14:21:37.211Z")},{order:69,date:new Date("1995-12-15T23:12:14.411Z")},{order:70,date:new Date("1986-08-14T19:34:40.904Z")},{order:71,date:new Date("1985-02-15T18:56:32.344Z")},{order:72,date:new Date("1989-09-06T10:49:30.896Z")},{order:73,date:new Date("1994-09-05T14:21:37.211Z")},{order:74,date:new Date("1995-12-15T23:12:14.411Z")},{order:75,date:new Date("1986-08-14T19:34:40.904Z")},{order:76,date:new Date("1985-02-15T18:56:32.344Z")},{order:77,date:new Date("1989-09-06T10:49:30.896Z")},{order:78,date:new Date("1994-09-05T14:21:37.211Z")},{order:79,date:new Date("1995-12-15T23:12:14.411Z")},{order:80,date:new Date("1986-08-14T19:34:40.904Z")},{order:81,date:new Date("1985-02-15T18:56:32.344Z")},{order:82,date:new Date("1989-09-06T10:49:30.896Z")},{order:83,date:new Date("1994-09-05T14:21:37.211Z")},{order:84,date:new Date("1995-12-15T23:12:14.411Z")},{order:85,date:new Date("1986-08-14T19:34:40.904Z")},{order:86,date:new Date("1985-02-15T18:56:32.344Z")},{order:87,date:new Date("1989-09-06T10:49:30.896Z")},{order:88,date:new Date("1994-09-05T14:21:37.211Z")},{order:89,date:new Date("1995-12-15T23:12:14.411Z")},{order:90,date:new Date("1986-08-14T19:34:40.904Z")},{order:91,date:new Date("1985-02-15T18:56:32.344Z")},{order:92,date:new Date("1989-09-06T10:49:30.896Z")},{order:93,date:new Date("1994-09-05T14:21:37.211Z")},{order:94,date:new Date("1995-12-15T23:12:14.411Z")},{order:95,date:new Date("1986-08-14T19:34:40.904Z")},{order:96,date:new Date("1985-02-15T18:56:32.344Z")},{order:97,date:new Date("1989-09-06T10:49:30.896Z")},{order:98,date:new Date("1994-09-05T14:21:37.211Z")},{order:99,date:new Date("1995-12-15T23:12:14.411Z")}],pf={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(e,n,t)=>ff.format(t.date)}]]},hf={_page:2},kf=[{left:"Left Example",center:"Center Example",right:"Right Example"}],vf=()=>0,gf=[{small:"Small Example",large:"Larger Example"}],_f={horizontal:[[{label:"Large Column",key:"large",textAlign:"left",width:"300px"},{label:"Small Column",key:"small",textAlign:"left",width:"200px"},{label:"Larger Column",key:"large",textAlign:"left",width:"400px"},{label:"Larger Column",key:"large",textAlign:"left",width:"400px"}]]},yf=[{order:0,shipped:!1,date:new Date("1981-05-26T21:33:43.612Z")},{order:1,shipped:!0,date:new Date("1971-04-25T19:44:17.014Z")},{order:2,shipped:!1,date:new Date("1986-07-10T11:39:29.539Z")}];function wf({label:e,icons:n}){const{dummyClickEventHandler:o}=co(),r={onClick:o};return t.createElement(Me,{_label:e,_icons:n,_on:r})}const Ef={horizontal:[[{label:"#",key:"order",textAlign:"center",width:"10em",render:(e,n)=>`Index: ${n.label}`},{label:"Status",key:"shipped",textAlign:"center",width:"10em",render:(e,n)=>{n.label?e.textContent="Order has been dispatched 🚚":e.textContent="Order pending 📦"}},{label:"Date (string)",key:"date",width:"20em",textAlign:"center",render:(e,n)=>{e.innerHTML=`<strong>${ff.format(n.label)}</strong>`},compareFn:(e,n)=>e.date.getTime()-n.date.getTime()},{label:"Action (react)",key:"order",width:"20em",render:e=>{Zo(Sn(e)).render(t.createElement("div",{style:{display:"grid",gridAutoFlow:"column",alignItems:"end",gap:"1rem",maxWidth:"400px"}},t.createElement(on,{_label:"Input"}),t.createElement(wf,{label:"Save",icons:{left:"codicon codicon-save"}})))}}]]},xf=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),zf={horizontal:[[{label:"order",key:"order",textAlign:"center"},{label:"date",key:"date",textAlign:"center",render:(e,n,t)=>xf.format(t.date),compareFn:(e,n)=>e.date<n.date?-1:n.date<e.date?1:0}]]},Sf={vertical:[[{label:"order",key:"order",textAlign:"center"},{label:"date",key:"date",textAlign:"center",render:(e,n,t)=>xf.format(t.date),compareFn:(e,n)=>e.date<n.date?-1:n.date<e.date?1:0}]]},Tf=[{left:"Left Example",center:"Center Example",right:"Right Example"},{},{},{}];var Cf=a(8231);const Bf=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function Of({label:e}){const{dummyClickEventHandler:n}=co(),o={onClick:n};return t.createElement(Me,{_label:e,_on:o})}const Lf=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function Af({label:e}){const{dummyClickEventHandler:n}=co(),o={onClick:n};return t.createElement(Me,{_label:e,_on:o})}const Nf=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function If({label:e}){const{dummyClickEventHandler:n}=co(),o={onClick:n};return t.createElement(Me,{_label:e,_on:o})}const $f=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function Pf({label:e}){const{dummyClickEventHandler:n}=co(),o={onClick:n};return t.createElement(Me,{_label:e,_on:o})}const jf={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(e,n,t)=>ff.format(t.date)}]]},Mf={_page:2};var Rf=Object.defineProperty,Ff=Object.defineProperties,Df=Object.getOwnPropertyDescriptors,Kf=Object.getOwnPropertySymbols,Hf=Object.prototype.hasOwnProperty,Uf=Object.prototype.propertyIsEnumerable,Vf=(e,n,t)=>n in e?Rf(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Wf=(e,n)=>{for(var t in n||(n={}))Hf.call(n,t)&&Vf(e,t,n[t]);if(Kf)for(var t of Kf(n))Uf.call(n,t)&&Vf(e,t,n[t]);return e};function qf(e){var n=e,{_on:o}=n,r=((e,n)=>{var t={};for(var o in e)Hf.call(e,o)&&n.indexOf(o)<0&&(t[o]=e[o]);if(null!=e&&Kf)for(var o of Kf(e))n.indexOf(o)<0&&Uf.call(e,o)&&(t[o]=e[o]);return t})(n,["_on"]);const{dummyClickEventHandler:l}=co(),a={onClick:l};return t.createElement(Me,((e,n)=>Ff(e,Df(n)))(Wf({},r),{_on:a}))}const Gf=e=>{const n=e.charAt(0).toUpperCase()+e.slice(1);return{label:n,key:e,textAlign:"left",render:(o,r)=>{const l={_label:n,_variant:e,_icons:{right:"codicon codicon-squirrel"}};Zo(Sn(o)).render("button"===r.label?t.createElement(qf,Wf({},l)):t.createElement(an,Wf({_href:"#/back-page"},l)))}}},Zf=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),Yf={horizontal:[[{label:"order",key:"order",textAlign:"center",compareFn:(e,n)=>e.order<n.order?-1:n.order<e.order?1:0},{label:"date",key:"date",textAlign:"center",render:(e,n,t)=>Zf.format(t.date),compareFn:(e,n)=>e.date<n.date?-1:n.date<e.date?1:0}]]},Jf={vertical:[[{label:"order",key:"order",textAlign:"center",compareFn:(e,n)=>e.order<n.order?-1:n.order<e.order?1:0},{label:"date",key:"date",textAlign:"center",render:(e,n,t)=>Zf.format(t.date),compareFn:(e,n)=>e.date<n.date?-1:n.date<e.date?1:0}]]},Qf={table:{"column-alignment":()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolTableStateful with columns headers and data in different text alignments.")),t.createElement("section",{className:"w-full flex flex-col"},t.createElement(Ve,{_label:"Simple table",_level:3}),t.createElement(vn,{_label:"Table for demonstration purposes with different text align properties",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]]},_data:kf,className:"block",style:{maxWidth:"600px"}}),t.createElement(Ve,{_label:"Table with sortable columns",_level:3,className:"block mt-6"}),t.createElement(vn,{_label:"Table for demonstration purposes with sortable columns",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",compareFn:vf},{label:"center",key:"center",textAlign:"center",compareFn:vf},{label:"right",key:"right",textAlign:"right",compareFn:vf}]]},_data:kf,className:"block",style:{maxWidth:"600px"}}),t.createElement(Ve,{_label:"Table some sortable columns",_level:3,className:"block mt-6"}),t.createElement(vn,{_label:"Table for demonstration purposes with some but not all columns sortable",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",compareFn:vf},{label:"center",key:"center",textAlign:"center",compareFn:vf},{label:"right",key:"right",textAlign:"right"}]]},_data:kf,className:"block",style:{maxWidth:"600px"}}),t.createElement(Ve,{_label:"Table with vertical heading",_level:3,className:"block mt-6"}),t.createElement(vn,{_label:"Table for demonstration purposes with vertical heading",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]],vertical:[[{label:"Vertical"}]]},_data:kf,className:"block",style:{maxWidth:"600px"}}))),"complex-headers":()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolTableStateful using vertical and horizontal headers, applying colspan and rowspan.")),t.createElement("section",{className:"w-full flex flex-col"},t.createElement(vn,{_label:"Business hours",_minWidth:"auto",_data:[{asp:"Center",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Tiergarten",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Maxvorstadt",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"}],_headers:{vertical:[[{label:"Berlin",rowSpan:2},{label:"München"}]],horizontal:[[{label:"District",rowSpan:2,key:"asp"},{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{label:"Monday",key:"monday"},{label:"Tuesday",key:"tuesday"},{label:"Wednesday",key:"wednesday"},{label:"Thursday",key:"thursday"},{label:"Friday",key:"friday"},{label:"Saturday",key:"saturday"},{label:"Sunday",key:"sunday"}]]}}))),"horizontal-scrollbar":()=>{const[e,n]=(0,t.useState)(!0);return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolTableStateful with and without horizontal scrollbars. When a scrollbar is present, it should be possible to focus the table container and to scroll it using arrow keys.")),t.createElement("section",{className:"w-full flex flex-col gap-4"},t.createElement(Ve,{_label:"Table with scrollbar",_level:2}),t.createElement(vn,{_label:"Table for demonstration purposes with horizontal scrollbar.",_minWidth:e?"600px":"auto",_headers:_f,_data:gf,className:"block",style:{width:"400px"}}),t.createElement(Ve,{_label:"Empty Table with scrollbar",_level:3}),t.createElement(vn,{_label:"Table for demonstration purposes with horizontal scrollbar with auto minWidth.",_minWidth:e?"600px":"auto",_headers:_f,_data:[],className:"block",style:{width:"400px"}}),t.createElement(Ge,{_checked:e,_label:"Toggle width restriction",_variant:"switch",_on:{onChange:(e,t)=>{n(Boolean(t))}}}),t.createElement(Ve,{_label:"Same table without scrollbar",_level:2,className:"block mt-4"}),t.createElement("p",{className:"mt-0"},t.createElement("i",null,"Scrollbar appears on very small viewport sizes")),t.createElement(vn,{_label:"Table for demonstration purposes without horizontal scrollbar",_minWidth:"600px",_headers:_f,_data:gf,className:"block"})))},"pagination-position":()=>t.createElement("div",{className:"w-full grid gap-14"},t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolTableStateful with different pagination positions.")),t.createElement("section",{className:"w-full flex flex-col gap-14"},t.createElement("section",{className:"grid gap-4"},t.createElement(Ve,{_level:2,_label:"Table with pagination at the bottom."}),t.createElement(vn,{_label:"Sample table with pagination at the bottom",_minWidth:"auto",_data:bf,_headers:pf,_pagination:hf,_paginationPosition:"bottom"})),t.createElement("section",{className:"grid gap-4"},t.createElement(Ve,{_level:2,_label:"Table with pagination at the top."}),t.createElement(vn,{_label:"Sample table with pagination at the top",_minWidth:"auto",_data:bf,_headers:pf,_pagination:hf,_paginationPosition:"top"})),t.createElement("section",{className:"grid gap-4"},t.createElement(Ve,{_level:2,_label:"Table with pagination at both top and bottom."}),t.createElement(vn,{_label:"Sample table with pagination at both top and bottom",_minWidth:"auto",_data:bf,_headers:pf,_pagination:hf,_paginationPosition:"both"})))),"render-cell":()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolTableStateful using React render functions for the cell contents.")),t.createElement(vn,{_label:"Sort by date column",_minWidth:"auto",_data:yf,_headers:Ef,className:"w-full"})),"sort-data":()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,'This sample shows KolTableStateful with sortable columns. The sort-order can be changed by clicking the "date" header column.')),t.createElement("section",{className:"w-full grid gap-4"},t.createElement("section",{className:"grid gap-4"},t.createElement(Ve,{_level:2,_label:"Vertical"}),t.createElement(vn,{_label:"Sort a date column",_minWidth:"auto",_data:bf.slice(0,10),_headers:Sf,className:"block"})),t.createElement("section",{className:"grid gap-4"},t.createElement(Ve,{_level:2,_label:"Horizontal"}),t.createElement(vn,{_label:"Sort a date column",_minWidth:"auto",_data:bf,_headers:zf,className:"block"})))),"with-footer":()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolTableStateful with footer data.")),t.createElement(vn,{className:"w-full",_label:"Business hours",_minWidth:"auto",_headers:{horizontal:[[{label:"District",key:"asp"},{label:"Monday",key:"monday"},{label:"Tuesday",key:"tuesday"},{label:"Wednesday",key:"wednesday"},{label:"Thursday",key:"thursday"},{label:"Friday",key:"friday"}]]},_data:[{asp:"Center",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Tiergarten",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Maxvorstadt",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"}],_dataFoot:[{tuesday:"Lunch break from 11 to 14 o'clock"}]})),"stateful-with-selection":()=>{const[e,n]=(0,t.useState)(),o={label:e=>`Selection for ${e.name}`,selectedKeys:e?e.map((e=>e.internalIdentifier)):[],keyPropertyName:"internalIdentifier"},r=(0,t.useRef)(null),l=({detail:e})=>{console.log("Selection change via event",e)};return(0,t.useEffect)((()=>{var e;return null==(e=r.current)||e.addEventListener(Cf.K.selectionChange,l),()=>{var e;null==(e=r.current)||e.removeEventListener(Cf.K.selectionChange,l)}}),[r]),t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolTableStateful with checkboxes for selection enabled.")),t.createElement("section",{className:"w-full"},t.createElement(vn,{_label:"Table with selection checkboxes",_minWidth:"auto",_headers:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:(e,n)=>{var o;Zo(Sn(e)).render(t.createElement(Of,{label:`Click ${null==(o=n.data)?void 0:o.id}`}))}}]]},_data:Bf,_selection:o,_on:{onSelectionChange:(e,n)=>{console.log("Selection change via callback",n)}},className:"block",style:{maxWidth:"600px"},ref:r}),t.createElement("div",{className:"grid grid-cols-3 items-end gap-4 mt-4"},t.createElement(Me,{_label:"getSelection()",_on:{onClick:()=>{var e;e=function*(){var e;const t=yield null==(e=r.current)?void 0:e.getSelection();n(t)},new Promise(((n,t)=>{var o=n=>{try{l(e.next(n))}catch(e){t(e)}},r=n=>{try{l(e.throw(n))}catch(e){t(e)}},l=e=>e.done?n(e.value):Promise.resolve(e.value).then(o,r);l((e=e.apply(void 0,null)).next())}))}}}),t.createElement("pre",{className:"text-base"},JSON.stringify(e,null,2)))))},"stateful-with-single-selection":()=>{const[e,n]=(0,t.useState)(),o={label:e=>`Selection for ${e.name}`,multiple:!1,selectedKeys:e?[e.internalIdentifier]:[],keyPropertyName:"internalIdentifier"},r=(0,t.useRef)(null),l=({detail:e})=>{console.log("Selection change via event",e)};return(0,t.useEffect)((()=>{var e;return null==(e=r.current)||e.addEventListener(Cf.K.selectionChange,l),()=>{var e;null==(e=r.current)||e.removeEventListener(Cf.K.selectionChange,l)}}),[r]),t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolTableStateful with radio buttons for selection enabled.")),t.createElement("section",{className:"w-full"},t.createElement(vn,{_label:"Table with selection radio",_minWidth:"auto",_headers:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:(e,n)=>{var o;Zo(Sn(e)).render(t.createElement(Af,{label:`Click ${null==(o=n.data)?void 0:o.id}`}))}}]]},_data:Lf,_selection:o,_on:{onSelectionChange:(e,n)=>{console.log("Selection change via callback",n)}},className:"block",style:{maxWidth:"600px"},ref:r}),t.createElement("div",{className:"grid grid-cols-3 items-end gap-4 mt-4"},t.createElement(Me,{_label:"getSelection()",_on:{onClick:()=>{var e;e=function*(){var e;const t=yield null==(e=r.current)?void 0:e.getSelection();n(t)},new Promise(((n,t)=>{var o=n=>{try{l(e.next(n))}catch(e){t(e)}},r=n=>{try{l(e.throw(n))}catch(e){t(e)}},l=e=>e.done?n(e.value):Promise.resolve(e.value).then(o,r);l((e=e.apply(void 0,null)).next())}))}}}),t.createElement("pre",{className:"text-base"},JSON.stringify(e,null,2)))))},"stateless-with-selection":()=>{const[e,n]=(0,t.useState)(["AAA1002"]),o={label:e=>`Selection for ${e.name}`,selectedKeys:e,keyPropertyName:"internalIdentifier"},r=(0,t.useRef)(null),l=({detail:e})=>{console.log("Selection change via event",e)};return(0,t.useEffect)((()=>{var e;return null==(e=r.current)||e.addEventListener(Cf.K.selectionChange,l),()=>{var e;null==(e=r.current)||e.removeEventListener(Cf.K.selectionChange,l)}}),[r]),t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolTableStateless with checkboxes for selection enabled.")),t.createElement("section",{className:"w-full"},t.createElement(gn,{_label:"Table with selection checkboxes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:(e,n)=>{var o;Zo(Sn(e)).render(t.createElement(If,{label:`Click ${null==(o=n.data)?void 0:o.id}`}))}}]]},_data:Nf,_selection:o,_on:{onSelectionChange:(e,t)=>{console.log("Selection change via callback",t),n("string"==typeof t?[t]:t)}},className:"block",style:{maxWidth:"600px"},ref:r})))},"stateless-with-single-selection":()=>{const[e,n]=(0,t.useState)(["1002"]),o={label:e=>`Selection for ${e.name}`,multiple:!1,selectedKeys:e,keyPropertyName:"internalIdentifier"},r=(0,t.useRef)(null),l=({detail:e})=>{console.log("Selection change via event",e)};return(0,t.useEffect)((()=>{var e;return null==(e=r.current)||e.addEventListener(Cf.K.selectionChange,l),()=>{var e;null==(e=r.current)||e.removeEventListener(Cf.K.selectionChange,l)}}),[r]),t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolTableStateless with checkboxes for selection enabled.")),t.createElement("section",{className:"w-full"},t.createElement(gn,{_label:"Table with selection checkboxes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:(e,n)=>{var o;Zo(Sn(e)).render(t.createElement(Pf,{label:`Click ${null==(o=n.data)?void 0:o.id}`}))}}]]},_data:$f,_selection:o,_on:{onSelectionChange:(e,t)=>{console.log("Selection change via callback",t),n("string"==typeof t?[t]:t)}},className:"block",style:{maxWidth:"600px"},ref:r})))},"with-pagination":()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows how KolTableStateful can be navigated using a pagination.")),t.createElement("div",{className:"w-full"},t.createElement(vn,{_label:"Table description",_minWidth:"auto",_data:bf,_headers:jf,_pagination:Mf}))),"interactive-child-elements":()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows a KolTableStateless with different interactive child elements. It can be used to assure themes show these child elements correctly.")),t.createElement("section",{className:"w-full flex flex-col"},t.createElement(gn,{_label:"Button styles",_minWidth:"auto",_headerCells:{horizontal:[[Gf("primary"),Gf("secondary"),Gf("normal"),Gf("danger"),Gf("ghost")]],vertical:[[{label:"Button"},{label:"Link-Button"}]]},_data:[{primary:"button",secondary:"button",normal:"button",danger:"button",ghost:"button"},{primary:"link-button",secondary:"link-button",normal:"link-button",danger:"link-button",ghost:"link-button"}],className:"block"}),t.createElement(gn,{_label:"Link styles",_minWidth:"auto",_headerCells:{horizontal:[[{key:"regular",label:"Regular",textAlign:"left",render:(e,n)=>{const o={_label:n.label,_icons:{right:"codicon codicon-squirrel"}};Zo(Sn(e)).render("button-link"===n.label?t.createElement(Re,Wf({},o)):t.createElement(ln,Wf({_href:"#/back-page"},o)))}}]],vertical:[[{label:"Link"},{label:"Button-Link"}]]},_data:[{regular:"link"},{regular:"button-link"}],className:"block mt"}))),stateless:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows how KolTableStateless can be used directly, with the KolTableStateful wrapper.")),t.createElement("section",{className:"w-full"},t.createElement(gn,{_label:"Table for demonstration purposes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"left",label:"left",textAlign:"left",sortDirection:"ASC"},{key:"center",label:"center",textAlign:"center",sortDirection:"DESC"},{key:"right",label:"right",textAlign:"right",sortDirection:"NOS"},{key:"nosort",label:"no sort option"}]],vertical:[[{key:"vertical-left",label:"left",textAlign:"left",sortDirection:"ASC"},{key:"vertical-center",label:"center",textAlign:"center",sortDirection:"DESC"},{key:"vertical-right",label:"right",textAlign:"right",sortDirection:"NOS"},{key:"vertical-nosort",label:"no sort option"}]]},_data:Tf,className:"block",style:{maxWidth:"600px"},_on:{onSort:(e,n)=>{console.log(n)}}}))),"multi-sort":()=>{const[e,n]=(0,t.useState)(!1),[o,r]=(0,t.useState)(!0);return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,'This sample shows KolTableStateful with multi-sort functionality, allowing sorting by both "order" and "date" columns.')),t.createElement("section",{className:"w-full grid gap-4"},t.createElement("section",{className:"grid gap-4"},t.createElement(Ve,{_level:2,_label:"Vertical"}),t.createElement(Ge,{_checked:e,_label:"Allow Multi-Sort",_variant:"switch",_on:{onChange:(e,t)=>n(Boolean(t))}}),t.createElement(vn,{_label:"Sort Table with Order and Date",_minWidth:"auto",_data:bf.slice(0,10),_headers:Jf,className:"block",_allowMultiSort:e})),t.createElement("section",{className:"grid gap-4"},t.createElement(Ve,{_level:2,_label:"Horizontal"}),t.createElement(Ge,{_checked:o,_label:"Allow Multi-Sort",_variant:"switch",_on:{onChange:(e,n)=>r(Boolean(n))}}),t.createElement(vn,{_label:"Sort Table with Order and Date",_minWidth:"auto",_data:bf,_headers:Yf,className:"block",_allowMultiSort:o}))))}}};var Xf=Object.defineProperty,eb=Object.defineProperties,nb=Object.getOwnPropertyDescriptors,tb=Object.getOwnPropertySymbols,ob=Object.prototype.hasOwnProperty,rb=Object.prototype.propertyIsEnumerable,lb=(e,n,t)=>n in e?Xf(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;const ab=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],ib=ab.map((e=>(e=>eb(e,nb({_icons:void 0})))(((e,n)=>{for(var t in n||(n={}))ob.call(n,t)&&lb(e,t,n[t]);if(tb)for(var t of tb(n))rb.call(n,t)&&lb(e,t,n[t]);return e})({},e)))),cb=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],sb=[{_icons:"codicon codicon-pie-chart",_label:"First Tab",_hideLabel:!0},{_icons:"codicon codicon-calendar",_label:"Second Tab",_hideLabel:!0},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab",_hideLabel:!0},{_icons:"codicon codicon-telescope",_label:"Last Tab",_hideLabel:!0}],db=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],ub={tabs:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolTabs renders tab captions and their associated content. This sample shows tab captions with and without icons and disabled tabs.")),t.createElement(_n,{_tabs:ib,_label:"Regular tabs"},t.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),t.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),t.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),t.createElement("div",{slot:"tab-3"},"Contents of Tab 4")),t.createElement(_n,{_tabs:ab,className:"mt-4",_label:"Tabs with icons"},t.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),t.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),t.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),t.createElement("div",{slot:"tab-3"},"Contents of Tab 4"))),"icons-only":()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolTabs with hidden labels.")),t.createElement(_n,{_label:"Tabs with icons",_tabs:sb},t.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),t.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),t.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),t.createElement("div",{slot:"tab-3"},"Contents of Tab 4"))),behavior:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolTabs with the property ",t.createElement("code",null,"_behavior")," set to ",t.createElement("code",null,"select-manual")," and ",t.createElement("code",null,"select-automatic"),"."),t.createElement("p",null,"This property allows controlling when an arrow key is pressed whether the tab change takes place right away or only focuses the tab caption.")),t.createElement("div",{className:"grid gap-8"},t.createElement("div",{className:"grid gap-4"},t.createElement(Ve,{_level:2,_label:'Tabs with "select manual" behavior'}),t.createElement(_n,{_tabs:db,_behavior:"select-manual",_label:"Tabs with select manual behavior"},t.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),t.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),t.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),t.createElement("div",{slot:"tab-3"},"Contents of Tab 4"))),t.createElement("div",{className:"grid gap-4"},t.createElement(Ve,{_level:2,_label:'Tabs with "select automatic" behavior'}),t.createElement(_n,{_tabs:db,className:"mt-4",_behavior:"select-automatic",_label:"Tabs with select automatic behavior"},t.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),t.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),t.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),t.createElement("div",{slot:"tab-3"},"Contents of Tab 4"))))),align:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolTabs with the property ",t.createElement("code",null,"_align")," set to ",t.createElement("code",null,"left"),", ",t.createElement("code",null,"right"),", ",t.createElement("code",null,"top")," and ",t.createElement("code",null,"bottom"),".")),t.createElement("div",{className:"grid gap-8"},["left","right","top","bottom"].map((e=>{const n=`Tabs with ${e} align`;return t.createElement("div",{key:e,className:"grid gap-4"},t.createElement(Ve,{_level:2,_label:n}),t.createElement(_n,{_tabs:cb,_align:e,_label:n},t.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),t.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),t.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),t.createElement("div",{slot:"tab-3"},"Contents of Tab 4")))}))))}};var mb=Object.defineProperty,fb=Object.defineProperties,bb=Object.getOwnPropertyDescriptors,pb=Object.getOwnPropertySymbols,hb=Object.prototype.hasOwnProperty,kb=Object.prototype.propertyIsEnumerable,vb=(e,n,t)=>n in e?mb(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,gb=(e,n)=>{for(var t in n||(n={}))hb.call(n,t)&&vb(e,t,n[t]);if(pb)for(var t of pb(n))kb.call(n,t)&&vb(e,t,n[t]);return e},_b=(e,n)=>fb(e,bb(n));const yb=(0,t.forwardRef)((function(e,n){return t.createElement("div",{className:"grid gap-4"},t.createElement("div",{className:"black-background"},t.createElement(yn,_b(gb({},e),{ref:n,_placeholder:"Placeholder",_label:"Text"}))),t.createElement(yn,_b(gb({},e),{_placeholder:"Placeholder",_required:!0,_msg:{_type:"error",_description:Ht},_label:"Text",_touched:!0,_hint:Ut})),t.createElement(yn,_b(gb({},e),{_placeholder:"Placeholder",_label:"Text",_msg:{_type:"info",_description:"Just a hint"}})),t.createElement(yn,_b(gb({},e),{_placeholder:"Placeholder",_label:"Text",_msg:{_type:"warning",_description:"Small warning"}})),t.createElement(yn,_b(gb({},e),{_placeholder:"Placeholder",_label:"Text",_msg:{_type:"success",_description:"Success message"}})),t.createElement(yn,_b(gb({},e),{ref:n,_accessKey:"T",_label:"Text (3 rows)",_rows:3})),t.createElement(yn,_b(gb({},e),{ref:n,_label:"Text (placeholder)",_rows:3,_placeholder:"Placeholder"})),t.createElement(yn,_b(gb({},e),{ref:n,_label:"Text (disabled & placeholder)",_rows:3,_placeholder:"Placeholder",_disabled:!0})),t.createElement(yn,_b(gb({},e),{ref:n,_label:"Text (readonly)",_rows:3,_placeholder:"Placeholder",_readOnly:!0})),t.createElement(yn,_b(gb({},e),{ref:n,_label:"Text (disabled & value)",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_disabled:!0})),t.createElement(yn,_b(gb({},e),{ref:n,_label:"With access key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_accessKey:"c"})),t.createElement(yn,_b(gb({},e),{ref:n,_label:"With short key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_shortKey:"s"})))}));var wb=Object.defineProperty,Eb=Object.defineProperties,xb=Object.getOwnPropertyDescriptors,zb=Object.getOwnPropertySymbols,Sb=Object.prototype.hasOwnProperty,Tb=Object.prototype.propertyIsEnumerable,Cb=(e,n,t)=>n in e?wb(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Bb=(e,n)=>{for(var t in n||(n={}))Sb.call(n,t)&&Cb(e,t,n[t]);if(zb)for(var t of zb(n))Tb.call(n,t)&&Cb(e,t,n[t]);return e};const Ob=(0,t.forwardRef)((function(e,n){return t.createElement(Sr,null,t.createElement("fieldset",null,t.createElement("legend",null,"Text"),t.createElement(yb,Bb({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Text (hideLabel)"),t.createElement(yb,(e=>Eb(e,xb({_hideLabel:!0})))(Bb({ref:n},e)))))})),Lb={textarea:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolTextarea renders a text field. The sample shows KolTextarea in a form context with different variations and states.")),t.createElement(pr,{RefComponent:Ob})),"adjust-height":()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample demonstrates the ",t.createElement("code",null,"_adjustHeight"),"-property of KolTextarea. The textarea automatically grows with its content.")),t.createElement(Ue,{className:"w-full"},t.createElement(yn,{_adjustHeight:!0,_value:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore\nmagna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd\ngubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing\nelitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos\net accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor\nsit amet.",_label:"Text input (auto grow)"}))),resize:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample demonstrates the ",t.createElement("code",null,"_resize"),"-property of KolTextarea. The sample textarea can (only) be resized in the given direction.")),t.createElement(Ue,{className:"w-full"},t.createElement("div",{className:"flex flex-col gap-4"},t.createElement(yn,{_label:"Text input (unset)"}),t.createElement(yn,{_resize:"vertical",_label:"Text input (vertical)"}),t.createElement(yn,{_resize:"none",_label:"Text input (none)"})))),rows:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample demonstrates the ",t.createElement("code",null,"_rows"),"-property of KolTextarea. The sample textarea has a fixed row number of 10.")),t.createElement(Ue,{className:"w-full"},t.createElement(yn,{_rows:10,_label:"Texteingabe"}))),"with-counter":()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample demonstrates the ",t.createElement("code",null,"_hasCounter"),"-property of KolTextarea. It shows how many characters have been entered.")),t.createElement("section",{className:"w-full"},t.createElement(yn,{_label:"Textara with counter",_hasCounter:!0}),t.createElement(yn,{_label:"Textara with counter and initial value",_hasCounter:!0,_value:"Lorem Ipsum",className:"mt"})))}},Ab={toast:{basic:()=>{const[e]=Ee(),n=e.get("type"),o=e.get("variant"),r=Pn.getInstance(document);(0,t.useEffect)((()=>{n&&o?r.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:n,variant:o}):n?r.enqueue({description:"Toasty",label:"Initial Toast",type:n}):o&&r.enqueue({description:"Toasty",label:"Initial Toast",type:"default",variant:o})}),[n,o]);return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample demonstrates the toast service with all its options.")),t.createElement("section",{className:"grid gap-4"},t.createElement("section",{className:"flex gap-2"},t.createElement(Me,{_label:"Show simple toast",_on:{onClick:()=>{r.enqueue({description:"Toasty",label:"Initial Toast",type:"warning"})}}}),t.createElement(Me,{_label:"Show toast with alert variant 'msg'",_on:{onClick:()=>{r.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:"warning",variant:"msg"})}}}),t.createElement(Me,{_label:"Show complex toast",_on:{onClick:()=>{r.enqueue({render:(e,{close:n})=>{Zo(e).render(t.createElement(t.Fragment,null,t.createElement(Me,{_label:"Hello World from Toast!",_on:{onClick:()=>{console.log("Toast Button clicked!"),n()}}})))},label:"Initial Toast",type:"warning"})}}})),t.createElement("section",{className:"flex gap-2"},t.createElement(Me,{_label:"Show toast and close after 2 seconds",_on:{onClick:()=>{var e;e=function*(){const e=yield r.enqueue({description:"I will disappear in two seconds...",label:"Good Bye",type:"warning"});e&&setTimeout(e,2e3)},new Promise(((n,t)=>{var o=n=>{try{l(e.next(n))}catch(e){t(e)}},r=n=>{try{l(e.throw(n))}catch(e){t(e)}},l=e=>e.done?n(e.value):Promise.resolve(e.value).then(o,r);l((e=e.apply(void 0,null)).next())}))}}})),t.createElement("section",{className:"flex gap-2"},t.createElement(Me,{_label:"Close all toasts",_on:{onClick:()=>{r.closeAll()}}}))))}}},Nb={toolbar:{basic:()=>{const e=(0,t.useContext)(Kt);return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolToolbars renders a set of given control elements grouped into one toolbar where focus can be moved using the keyboard arrow keys. The sample features button and link elements.")),!e&&t.createElement(Pe,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.createElement(wn,{class:"block w-fit",_label:"Toolbar",_items:[{_label:"Back",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-arrow-left"}}},{_label:"Next",_hideLabel:!0,_icons:{right:{icon:"codicon codicon-arrow-right"}}},{_href:"#/back-page",_label:"Simple Link 1"},{_href:"#/back-page",_label:"Simple Link 3"},{_label:"Bold"}]}))},disabled:()=>{const e=(0,t.useContext)(Kt);return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolToolbars with some of the elements disabled.")),!e&&t.createElement(Pe,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.createElement(wn,{_label:"Toolbar",class:"block w-fit",_items:[{_label:"Back",_disabled:!0,_hideLabel:!0,_icons:{left:{icon:"codicon codicon-arrow-left"}}},{_label:"Next",_hideLabel:!0,_icons:{right:{icon:"codicon codicon-arrow-right"}}},{_href:"#/back-page",_label:"Simple Link 1"},{_href:"#/back-page",_disabled:!0,_label:"Simple Link 3"},{_label:"Bold"}]}))}}},Ib={version:{basic:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolVersion renders a label showing the given version number.")),t.createElement(zn,{_label:"1.1.1"})),context:()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows KolVersion inline with text paragraph content.")),t.createElement("p",null,t.createElement(zn,{_label:"1.0.0"})," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."))}},$b=[{label:"Option A",value:"A"},{label:"Option B",value:"B"}];var Pb=Object.defineProperty,jb=Object.getOwnPropertySymbols,Mb=Object.prototype.hasOwnProperty,Rb=Object.prototype.propertyIsEnumerable,Fb=(e,n,t)=>n in e?Pb(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t;const Db=(0,t.createContext)(void 0),Kb=(0,t.createContext)(!1),Hb=e=>{const n=(0,t.useRef)(),[o,r]=(0,t.useState)(void 0),l=e.formatter||JSON.stringify,a=(0,t.useContext)(Db),i=(0,t.useContext)(Kb),c=()=>{return e=function*(){var e;r(yield null==(e=n.current)?void 0:e.getValue())},new Promise(((n,t)=>{var o=n=>{try{l(e.next(n))}catch(e){t(e)}},r=n=>{try{l(e.throw(n))}catch(e){t(e)}},l=e=>e.done?n(e.value):Promise.resolve(e.value).then(o,r);l((e=e.apply(undefined,null)).next())}));var e};(0,t.useEffect)((()=>{const e=()=>{c()};return null==a||a.addEventListener("runAll",e),()=>{null==a||a.removeEventListener("runAll",e)}}),[a]);const s=Object.fromEntries(["onInput","onChange","onBlur","onClick","onFocus","onMouseDown"].map((n=>[n,(t,o)=>{i&&console.log(e.inputProps._label,n,o,t)}])));return t.createElement(t.Fragment,null,t.createElement("div",{className:"grid grid-cols-3 items-end gap-4","data-testid":e.testId},t.createElement(e.InputComponent,((e,n)=>{for(var t in n||(n={}))Mb.call(n,t)&&Fb(e,t,n[t]);if(jb)for(var t of jb(n))Rb.call(n,t)&&Fb(e,t,n[t]);return e})({ref:n,_on:s},e.inputProps)),t.createElement(Me,{_label:"getValue()",_on:{onClick:()=>{c()}}}),t.createElement("pre",{className:"text-base"},l(o))))},Ub=()=>{const e=new Map;return e.set("inputCheckbox",((e,n)=>t.createElement(Ge,{className:"w-full",_name:"checkbox",_label:"Checkbox",ref:n}))),e.set("inputColor",((e,n)=>t.createElement(Ze,{className:"w-full",_name:"color",_label:"Color",ref:n}))),e.set("inputDate",((e,n)=>t.createElement(Ye,{className:"w-full",_name:"date",_label:"Date",ref:n}))),e.set("inputEmail",((e,n)=>t.createElement(Je,{className:"w-full",_name:"email",_label:"Email",ref:n}))),e.set("inputFile",((e,n)=>t.createElement(Qe,{className:"w-full",_name:"file",_label:"File",ref:n}))),e.set("inputFileMultiple",((e,n)=>t.createElement(Qe,{className:"w-full",_name:"file",_label:"Files (multiple)",_multiple:!0,ref:n}))),e.set("inputNumber",((e,n)=>t.createElement(Xe,{className:"w-full",_name:"number",_label:"Number",ref:n}))),e.set("inputPassword",((e,n)=>t.createElement(en,{className:"w-full",_name:"password",_label:"Password",ref:n}))),e.set("inputRadio",((e,n)=>t.createElement(nn,{className:"w-full",_name:"radio",_label:"Radio",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_value:"A",ref:n}))),e.set("inputRange",((e,n)=>t.createElement(tn,{className:"w-full",_name:"range",_label:"Range",ref:n}))),e.set("inputText",((e,n)=>t.createElement(on,{className:"w-full",_name:"text",_label:"Text",ref:n}))),e.set("select",((e,n)=>t.createElement(fn,{className:"w-full",_name:"select",_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],ref:n}))),e.set("selectMultiple",((e,n)=>t.createElement(fn,{className:"w-full",_name:"select",_label:"Select (multiple)",_multiple:!0,_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_rows:2,ref:n}))),e.set("singleSelect",((e,n)=>t.createElement(bn,{className:"w-full",_name:"singleSelect",_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],ref:n}))),e.set("textarea",((e,n)=>t.createElement(yn,{className:"w-full",_name:"textarea",_label:"Textarea",_rows:5,ref:n}))),e.set("accordion",((e,n)=>t.createElement(Ne,{className:"w-full",_label:"Accordion here",ref:n}))),e.set("button",((e,n)=>t.createElement("div",null,t.createElement(Me,{_label:"Button here",ref:n})))),e.set("buttonLink",((e,n)=>t.createElement(Re,{_label:"ButtonLink here",ref:n}))),e.set("combobox",((e,n)=>t.createElement(De,{className:"w-full",_label:"KolCombobox here",_suggestions:[],ref:n}))),e.set("details",((e,n)=>t.createElement(Ke,{className:"w-full",_label:"Details here",ref:n},"detailed details"))),e.set("link",((e,n)=>t.createElement(ln,{className:"w-full",_label:"Link here",_href:"#",ref:n}))),e.set("linkButton",((e,n)=>t.createElement("div",null,t.createElement(an,{_label:"LinkButton here",_href:"#",ref:n})))),e},Vb=e=>{const n=[...(0,t.useMemo)((()=>Ub()),[]).keys()].map((e=>e));return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample serves for automated tests of the focus state for input components. When loading one of the examples linked below, focus will be set on the element initially. When testing manually, you may have to reload the page after opening an example.")),e.invalidComponent&&t.createElement(Ie,{_type:"error",_variant:"card"},"Component not found."),t.createElement(Ve,{_level:2,_label:"Focus Test Cases"}),t.createElement("ul",null,n.map((e=>t.createElement("li",{key:e},t.createElement(ln,{_label:e,_href:`#/scenarios/focus-elements?component=${e}`}))))))},Wb=JSON.parse('[{"name":"Elephant","species":"Loxodonta","habitat":"Savannah","diet":"Herbivore","lifespan":60},{"name":"Tiger","species":"Panthera tigris","habitat":"Forest","diet":"Carnivore","lifespan":20},{"name":"Kangaroo","species":"Macropus","habitat":"Grassland","diet":"Herbivore","lifespan":23},{"name":"Penguin","species":"Aptenodytes forsteri","habitat":"Antarctica","diet":"Carnivore","lifespan":20},{"name":"Giraffe","species":"Giraffa camelopardalis","habitat":"Savannah","diet":"Herbivore","lifespan":25},{"name":"Panda","species":"Ailuropoda melanoleuca","habitat":"Forest","diet":"Herbivore","lifespan":20},{"name":"Dolphin","species":"Delphinus delphis","habitat":"Ocean","diet":"Carnivore","lifespan":40},{"name":"Eagle","species":"Aquila chrysaetos","habitat":"Mountains","diet":"Carnivore","lifespan":30},{"name":"Koala","species":"Phascolarctos cinereus","habitat":"Forest","diet":"Herbivore","lifespan":18},{"name":"Lion","species":"Panthera leo","habitat":"Savannah","diet":"Carnivore","lifespan":15},{"name":"Zebra","species":"Equus quagga","habitat":"Savannah","diet":"Herbivore","lifespan":25},{"name":"Wolf","species":"Canis lupus","habitat":"Forest","diet":"Carnivore","lifespan":14},{"name":"Cheetah","species":"Acinonyx jubatus","habitat":"Savannah","diet":"Carnivore","lifespan":12},{"name":"Polar Bear","species":"Ursus maritimus","habitat":"Arctic","diet":"Carnivore","lifespan":25},{"name":"Rhinoceros","species":"Rhinocerotidae","habitat":"Savannah","diet":"Herbivore","lifespan":40},{"name":"Hippopotamus","species":"Hippopotamus amphibius","habitat":"Rivers","diet":"Herbivore","lifespan":45},{"name":"Chimpanzee","species":"Pan troglodytes","habitat":"Forest","diet":"Omnivore","lifespan":50},{"name":"Orangutan","species":"Pongo","habitat":"Forest","diet":"Omnivore","lifespan":45},{"name":"Leopard","species":"Panthera pardus","habitat":"Forest","diet":"Carnivore","lifespan":17},{"name":"Hyena","species":"Hyaenidae","habitat":"Savannah","diet":"Carnivore","lifespan":25},{"name":"Crocodile","species":"Crocodylidae","habitat":"Rivers","diet":"Carnivore","lifespan":70},{"name":"Alligator","species":"Alligatoridae","habitat":"Swamps","diet":"Carnivore","lifespan":50},{"name":"Ostrich","species":"Struthio camelus","habitat":"Savannah","diet":"Omnivore","lifespan":40},{"name":"Flamingo","species":"Phoenicopterus","habitat":"Lakes","diet":"Omnivore","lifespan":30},{"name":"Peacock","species":"Pavo cristatus","habitat":"Forest","diet":"Omnivore","lifespan":20},{"name":"Parrot","species":"Psittaciformes","habitat":"Forest","diet":"Omnivore","lifespan":50},{"name":"Toucan","species":"Ramphastidae","habitat":"Forest","diet":"Omnivore","lifespan":20},{"name":"Sloth","species":"Folivora","habitat":"Forest","diet":"Herbivore","lifespan":30},{"name":"Armadillo","species":"Dasypodidae","habitat":"Grassland","diet":"Omnivore","lifespan":15},{"name":"Anteater","species":"Myrmecophaga tridactyla","habitat":"Forest","diet":"Insectivore","lifespan":14},{"name":"Bat","species":"Chiroptera","habitat":"Caves","diet":"Omnivore","lifespan":20},{"name":"Otter","species":"Lutrinae","habitat":"Rivers","diet":"Carnivore","lifespan":16},{"name":"Beaver","species":"Castor","habitat":"Rivers","diet":"Herbivore","lifespan":24},{"name":"Moose","species":"Alces alces","habitat":"Forest","diet":"Herbivore","lifespan":20},{"name":"Deer","species":"Cervidae","habitat":"Forest","diet":"Herbivore","lifespan":20},{"name":"Bison","species":"Bison bison","habitat":"Grassland","diet":"Herbivore","lifespan":20},{"name":"Buffalo","species":"Syncerus caffer","habitat":"Savannah","diet":"Herbivore","lifespan":25},{"name":"Camel","species":"Camelus","habitat":"Desert","diet":"Herbivore","lifespan":50},{"name":"Llama","species":"Lama glama","habitat":"Mountains","diet":"Herbivore","lifespan":20},{"name":"Alpaca","species":"Vicugna pacos","habitat":"Mountains","diet":"Herbivore","lifespan":20},{"name":"Goat","species":"Capra aegagrus hircus","habitat":"Mountains","diet":"Herbivore","lifespan":18},{"name":"Sheep","species":"Ovis aries","habitat":"Grassland","diet":"Herbivore","lifespan":12},{"name":"Cow","species":"Bos taurus","habitat":"Grassland","diet":"Herbivore","lifespan":20},{"name":"Pig","species":"Sus scrofa domesticus","habitat":"Farm","diet":"Omnivore","lifespan":15},{"name":"Chicken","species":"Gallus gallus domesticus","habitat":"Farm","diet":"Omnivore","lifespan":10}]'),qb=[{_icons:"codicon codicon-pie-chart",_label:"Erster Tab"},{_icons:"codicon codicon-calendar",_label:"Zweiter Tab",_disabled:!0},{_icons:"codicon codicon-briefcase",_label:"Deaktivierter Tab",_disabled:!0},{_icons:"codicon codicon-telescope",_label:"Letzter Tab",_disabled:!0}],Gb={horizontal:[[{key:"name",label:"Name",textAlign:"left",width:"400px"},{key:"species",label:"Species",textAlign:"left",width:"400px"},{key:"habitat",label:"Habitat",textAlign:"left",width:"400px"},{key:"diet",label:"Diet",textAlign:"left",width:"400px"},{key:"lifespan",label:"lifespan",textAlign:"right",width:"400px"}]]},Zb={scenarios:{"custom-tooltip-width":()=>{const{dummyClickEventHandler:e}=co(),n={onClick:e};return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample demonstrates how a tooltip's width can be adjusted by defining the CSS custom property ",t.createElement("code",null,"--kol-tooltip-width")," on one of the parent elements.")),t.createElement(Me,{_label:"Tooltip with fixed width",_hideLabel:!0,style:{"--kol-tooltip-width":"400px"},_icons:"codicon codicon-reactions",_on:n}))},"disabled-interactive-scenario":()=>{const{dummyClickEventHandler:e}=co(),n={onClick:e};return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This example shows how deactivated interactive elements are displayed."),t.createElement("ul",null,t.createElement("li",null,"Deactivated interactive elements pose a particular challenge for accessibility."),t.createElement("li",null,"It must not be possible to focus on deactivated interactive elements, otherwise the tab paths will be unnecessarily extended."),t.createElement("li",null,"Deactivated interactive elements should be labelled clearly and legibly."),t.createElement("li",null,"Deactivated interactive elements have a tooltip for sighted people and aria labelling for the screen readers reading mode if they are represented by an interpretable graphic.")),t.createElement("p",null,"This implementation ensures standardized use for all users.")),t.createElement("div",{className:"w-full grid gap-4"},t.createElement(Fe,{_label:"Button",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Me,{_label:"Label",_on:n}),t.createElement(Me,{_disabled:!0,_label:"Label",_on:n}),t.createElement(Me,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label",_on:n}),t.createElement(Me,{_disabled:!0,_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label",_on:n}))),t.createElement(Fe,{_label:"ButtonLink",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Re,{_label:"Label"}),t.createElement(Re,{_disabled:!0,_label:"Label"}),t.createElement(Re,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label"}),t.createElement(Re,{_hideLabel:!0,_icons:"codicon codicon-home",_disabled:!0,_label:"Label"}))),t.createElement(Fe,{_label:"Link",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(ln,{_href:"#",_label:"Label"}),t.createElement(ln,{_disabled:!0,_href:"#",_label:"Label"}),t.createElement(ln,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}),t.createElement(ln,{_disabled:!0,_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}))),t.createElement(Fe,{_label:"LinkButton",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(an,{_href:"#",_label:"Label"}),t.createElement(an,{_disabled:!0,_href:"#",_label:"Label"}),t.createElement(an,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}),t.createElement(an,{_disabled:!0,_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}))),t.createElement(Fe,{_label:"Accordion",_level:0},t.createElement("div",{className:"grid gap-4"},t.createElement(Ne,{_label:"Label"},"Content"),t.createElement(Ne,{_disabled:!0,_label:"Label"},"Content"),t.createElement(Ne,{_label:"Label (open)",_open:!0},"Content"),t.createElement(Ne,{_disabled:!0,_label:"Label (open)",_open:!0},"Content"))),t.createElement(Fe,{_label:"Details",_level:0},t.createElement("div",{className:"grid gap-4"},t.createElement(Ke,{_label:"Label"},"Content"),t.createElement(Ke,{_disabled:!0,_label:"Label"},"Content"),t.createElement(Ke,{_label:"Label (open)",_open:!0},"Content"),t.createElement(Ke,{_disabled:!0,_label:"Label (open)",_open:!0},"Content"))),[Ge,Ze,Ye,Je,Qe,Xe,en,tn,on].map((e=>{const n=e.render.displayName;return t.createElement(Fe,{key:n,_label:n,_level:0},t.createElement("div",{className:"grid gap-4"},t.createElement(e,{_label:"Label"}),t.createElement(e,{_disabled:!0,_label:"Label"}),t.createElement(e,{_hideLabel:!0,_label:"Label"}),t.createElement(e,{_disabled:!0,_hideLabel:!0,_label:"Label"})))})),[nn,fn].map((e=>{const n=e.render.displayName;return t.createElement(Fe,{key:n,_label:n,_level:0},t.createElement("div",{className:"grid gap-4"},t.createElement(e,{_label:"Label",_options:$b}),t.createElement(e,{_disabled:!0,_label:"Label",_options:$b}),t.createElement(e,{_hideLabel:!0,_label:"Label",_options:$b}),t.createElement(e,{_disabled:!0,_hideLabel:!0,_label:"Label",_options:$b})))})),t.createElement(Fe,{_label:"KolTextarea",_level:0},t.createElement("div",{className:"grid gap-4"},t.createElement(yn,{_label:"Label",_rows:3}),t.createElement(yn,{_disabled:!0,_label:"Label",_rows:3}),t.createElement(yn,{_hideLabel:!0,_label:"Label",_rows:3}),t.createElement(yn,{_disabled:!0,_hideLabel:!0,_label:"Label",_rows:3})))))},"focus-elements":()=>{const e=(0,t.useRef)(null),n=(0,t.useMemo)((()=>Ub()),[]),[o]=Ee(),r=o.get("component");if((0,t.useLayoutEffect)((()=>{setTimeout((()=>{var n;null==(n=e.current)||n.kolFocus()}),500)}),[e]),r){const o=n.get(r);if(!o)return t.createElement(Vb,{invalidComponent:!0});const l=(0,t.forwardRef)(o);return t.createElement(l,{ref:e})}return t.createElement(Vb,null)},"input-group-with-error":()=>{const e="Unrecognized phone number.";return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows how input components can be grouped together with just one error message, without repeating the message for every field."),t.createElement("p",null,"The sample only demonstrates how the errors can be displayed, an actual validation logic is not part of the example.")),t.createElement("fieldset",null,t.createElement("legend",null,"Phone number"),t.createElement(Ie,{_alert:!0,_type:"error",_label:e}),t.createElement("div",{className:"grid grid-cols-3 gap-4 max-w-2xl"},t.createElement(fn,{_options:[{label:"United States +1",value:"1"},{label:"Greece +30 ",value:"30"},{label:"Germany +49",value:"49"},{label:"Japan +81",value:"81"}],_label:"CountryCode ",_msg:{_description:e,_type:"error"},_touched:!0,_hideMsg:!0}),t.createElement(on,{_label:"Area code",_msg:{_description:e,_type:"error"},_touched:!0,_hideMsg:!0}),t.createElement(on,{_label:"Local number",_msg:{_description:e,_type:"error"},_touched:!0,_hideMsg:!0}))),t.createElement("fieldset",{className:"mt"},t.createElement("legend",null,"Pizza toppings"),t.createElement(Ie,{_alert:!0,_type:"error",_label:"Choose at least two and up to five toppings."}),["Mushrooms","Bell Peppers","Onions","Olives","Spinach","Tomatoes","Artichokes","Zucchini","Jalapeños","Basil"].map((n=>t.createElement(Ge,{key:n,_label:n,_msg:{_description:e,_type:"error"},_touched:!0,_hideMsg:!0})))))},"inputs-get-value":()=>{const e=(0,t.useMemo)((()=>new EventTarget),[]),[n,o]=(0,t.useState)(!0);return t.createElement(t.Fragment,null,t.createElement(Db.Provider,{value:e},t.createElement(Kb.Provider,{value:n},t.createElement(Wt,null,t.createElement("p",null,"This sample shows how the input components ",t.createElement("code",null,"getValue()"),' method works. It\'s called when clicking the "getValue()" button and prints the current value right next to itself.')),t.createElement("section",{className:"w-full flex flex-col"},t.createElement(Fe,{_label:"Sample options",className:"block ha mb-8"},t.createElement(Ge,{_label:"Log events to console",_value:!0,_checked:n,_on:{onChange:(e,n)=>o(n)}})),t.createElement("div",{className:"grid gap-4"},t.createElement(Hb,{testId:"scenario-inputText",InputComponent:on,inputProps:{_label:"InputText"}}),t.createElement(Hb,{testId:"scenario-inputCheckboxString",InputComponent:Ge,inputProps:{_label:"KolInputCheckbox (value)",_value:"Checkbox True Value"}}),t.createElement(Hb,{testId:"scenario-inputCheckboxBoolean",InputComponent:Ge,inputProps:{_label:"KolInputCheckbox (boolean)"}}),t.createElement(Hb,{testId:"scenario-inputColor",InputComponent:Ze,inputProps:{_label:"KolInputColor"}}),t.createElement(Hb,{testId:"scenario-inputDate",InputComponent:Ye,inputProps:{_label:"KolInputDate"}}),t.createElement(Hb,{testId:"scenario-inputEmail",InputComponent:Je,inputProps:{_label:"KolInputEmail"}}),t.createElement(Hb,{testId:"scenario-inputFile",InputComponent:Qe,inputProps:{_label:"KolInputFile"},formatter:e=>e instanceof FileList?`FileList{${Array.from(e).map((e=>e.name)).join(", ")}}`:JSON.stringify(e)}),t.createElement(Hb,{testId:"scenario-inputNumber",InputComponent:Xe,inputProps:{_label:"KolInputNumber"}}),t.createElement(Hb,{testId:"scenario-inputPassword",InputComponent:en,inputProps:{_label:"KolInputPassword"}}),t.createElement(Hb,{testId:"scenario-inputRange",InputComponent:tn,inputProps:{_label:"KolInputRange"}}),t.createElement(Hb,{testId:"scenario-inputRadio",InputComponent:nn,inputProps:{_label:"KolInputRadio",_orientation:"horizontal",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}],_value:"New York"}}),t.createElement(Hb,{testId:"scenario-select",InputComponent:fn,inputProps:{_label:"KolSelect",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}]}}),t.createElement(Hb,{testId:"scenario-singleSelect",InputComponent:bn,inputProps:{_label:"KolSingleSelect",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}],_value:"Rosenheim"}}),t.createElement(Hb,{testId:"scenario-combobox",InputComponent:De,inputProps:{_label:"KolCombobox",_suggestions:Rm,_value:"Deutschland"}}),t.createElement(Hb,{testId:"scenario-textarea",InputComponent:yn,inputProps:{_label:"KolTextarea"}}),t.createElement(Hb,{testId:"scenario-button",InputComponent:Me,inputProps:{_label:"KolButton",_variant:"ghost",_value:"KolButton value"}}),t.createElement(Hb,{testId:"scenario-buttonLink",InputComponent:Re,inputProps:{_label:"KolButtonLink",_value:"KolButtonLink value"}}),t.createElement("div",{className:"grid grid-cols-3 gap-4"},t.createElement("div",null),t.createElement(Me,{_label:"Run all",_variant:"primary",_on:{onClick:()=>{e.dispatchEvent(new Event("runAll"))}}})))))))},"static-form":()=>{const{searchParams:e}=new URL(location.href);return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This sample shows how KoliBri can be used in a static form context."),t.createElement("ol",null,t.createElement("li",null,"First you have to enable the ",t.createElement("code",null,"experimental mode"),":"," ",t.createElement("code",{className:"bg-gray-200"},'<meta name="kolibri" content="dev-mode=false;experimental-mode=true;" />')),t.createElement("li",null,"Currently you have to use a native ",t.createElement("code",null,"form")," element:"," ",t.createElement("code",{className:"bg-gray-200"},'<form method="GET">...</form>')),t.createElement("li",null,"It is important in static usage to give every input a ",t.createElement("code",null,"name")," attribute:"," ",t.createElement("code",{className:"bg-gray-200"},'<KolInputColor _name="color" _label="Color" />')),t.createElement("li",null,"Last of all one button should have the type ",t.createElement("code",null,"submit"),":"," ",t.createElement("code",{className:"bg-gray-200"},'<KolButton _label="Submit" _type="submit" _variant="primary" />')))),t.createElement("section",{className:"w-full flex flex-col"},e.size>0&&t.createElement("div",{className:"grid gap-4"},t.createElement(Ve,{_level:2,_label:"Submitted data"}),t.createElement("pre",{className:"text-base"},t.createElement("code",null,JSON.stringify(Object.fromEntries(e.entries()),null,2)))),t.createElement("form",{className:"grid gap-4",method:"get",noValidate:!0},t.createElement(Ge,{_name:"checkbox",_label:"Checkbox"}),t.createElement(Ze,{_name:"color",_label:"Color"}),t.createElement(Ye,{_name:"date",_label:"Date"}),t.createElement(Je,{_name:"email",_label:"Email"}),t.createElement(Qe,{_name:"file",_label:"File"}),t.createElement(Qe,{_name:"file",_label:"Files (multiple)",_multiple:!0}),t.createElement(Xe,{_name:"number",_label:"Number"}),t.createElement(en,{_name:"password",_label:"Password"}),t.createElement(nn,{_name:"radio",_label:"Radio",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),t.createElement(tn,{_name:"range",_label:"Range"}),t.createElement(on,{_name:"text",_label:"Text"}),t.createElement(fn,{_name:"select",_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),t.createElement(fn,{_name:"select",_label:"Select (multiple)",_multiple:!0,_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_rows:2}),t.createElement(bn,{_name:"singleSelect",_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),t.createElement(De,{_name:"combobox",_label:"Combobox",_suggestions:Rm}),t.createElement(yn,{_name:"textarea",_label:"Textarea",_rows:5}),t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Me,{_label:"Submit",_type:"submit",_variant:"primary"}),t.createElement(Me,{_label:"Reset",_type:"reset"})),t.createElement("input",{type:"hidden",value:crypto.randomUUID(),name:"random"}))))},"table-horizontal-scrollbar-advanced":function(){const[e]=t.useState((()=>{var e;const n=Gb.horizontal[0];let t=0;for(const o of n)t+=Number((null==(e=o.width)?void 0:e.replace("px",""))||0);return`${t}px`}));return t.createElement(t.Fragment,null,t.createElement(Wt,null),t.createElement("div",{className:"mainlayout"},t.createElement("aside",{className:"nav-area"},t.createElement(sn,{_label:"Main navigation",_links:Lm,_hasCompactButton:!0,_hasIconsWhenExpanded:!0})),t.createElement("div",{className:"content"},t.createElement(_n,{_tabs:qb,_align:"top",_label:"Demo Tabs"},t.createElement("div",{style:{overflow:"hidden"}},t.createElement(vn,{_label:"Table for demonstration purposes with horizontal scrollbar",_minWidth:e,_headers:Gb,_data:Wb,_pagination:{_page:1},className:"block"})),t.createElement("div",null),t.createElement("div",null),t.createElement("div",null)))))},"change-tabindex":()=>t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"This example show how different components works with tabIndex.")),t.createElement("div",{className:"w-full grid gap-4"},t.createElement(Fe,{_label:"Button",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Me,{_label:"Button 1, Tabindex 4",_variant:"primary",tabIndex:4}),t.createElement(Me,{_disabled:!0,_label:"Button 2, Tabindex 3",_variant:"primary",tabIndex:3}),t.createElement(Me,{_label:"Button 3, Tabindex 2",_variant:"primary",tabIndex:2}),t.createElement(Me,{_label:"Button 4, Tabindex 1",_variant:"primary",tabIndex:1}))),t.createElement(Fe,{_label:"ButtonLink",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Re,{_label:"ButtonLink 1, Tabindex 4",tabIndex:4}),t.createElement(Re,{_disabled:!0,_label:"ButtonLink 2, Tabindex 3",tabIndex:3}),t.createElement(Re,{_label:"ButtonLink 3, Tabindex 2",tabIndex:2}),t.createElement(Re,{_label:"ButtonLink 4, Tabindex 1",tabIndex:1}))),t.createElement(Fe,{_label:"Combobox",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(De,{_hint:Ut,_label:"Combobox 1, Tabindex 4",_suggestions:Rm,_value:"Deutschland",tabIndex:4}),t.createElement(De,{_disabled:!0,_hint:Ut,_label:"Combobox 2, Tabindex 3",_suggestions:Rm,_value:"Deutschland",tabIndex:3}),t.createElement(De,{_touched:!0,_hint:Ut,_msg:{_type:"error",_description:Ht},_label:"Combobox 3, Tabindex 2",_suggestions:Rm,_value:"Deutschland",tabIndex:2}),t.createElement(De,{_hint:Ut,_label:"Combobox 4, Tabindex 1",_suggestions:Rm,_value:"Deutschland",tabIndex:1}))),t.createElement(Fe,{_label:"InputCheckbox",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Ge,{_label:"InputCheckbox 4, Tabindex 1",_value:!1,tabIndex:4}),t.createElement(Ge,{_disabled:!0,_label:"InputCheckbox 3, Tabindex 2",_value:!1,tabIndex:3}),t.createElement(Ge,{_touched:!0,_label:"InputCheckbox 2, Tabindex 3",_msg:{_type:"error",_description:Ht},_value:!1,tabIndex:2}),t.createElement(Ge,{_label:"InputCheckbox 1, Tabindex 4",_value:!1,tabIndex:1}))),t.createElement(Fe,{_label:"InputColor",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Ze,{_value:"#f08080",_label:"InputCheckbox 1, Tabindex 4",tabIndex:4}),t.createElement(Ze,{_disabled:!0,_value:"#f08080",_label:"InputCheckbox 2, Tabindex 3",tabIndex:3}),t.createElement(Ze,{_touched:!0,_value:"#f08080",_label:"InputCheckbox 3, Tabindex 2",_msg:{_type:"error",_description:Ht},tabIndex:2}),t.createElement(Ze,{_value:"#f08080",_label:"InputCheckbox 4, Tabindex 1",tabIndex:1}))),t.createElement(Fe,{_label:"InputDate",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Ye,{_type:"datetime-local",_label:"InputCheckbox 1, Tabindex 4",tabIndex:4}),t.createElement(Ye,{_disabled:!0,_type:"datetime-local",_label:"InputCheckbox 2, Tabindex 3",tabIndex:3}),t.createElement(Ye,{_touched:!0,_type:"datetime-local",_label:"InputCheckbox 3, Tabindex 2",_msg:{_type:"error",_description:Ht},tabIndex:2}),t.createElement(Ye,{_type:"datetime-local",_label:"InputCheckbox 4, Tabindex 1",tabIndex:1}))),t.createElement(Fe,{_label:"InputEmail",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Je,{_label:"InputEmail 1, Tabindex 4",tabIndex:4}),t.createElement(Je,{_disabled:!0,_label:"InputEmail 2, Tabindex 3",tabIndex:3}),t.createElement(Je,{_touched:!0,_label:"InputEmail 3, Tabindex 2",_msg:{_type:"error",_description:Ht},tabIndex:2}),t.createElement(Je,{_label:"InputEmail 4, Tabindex 1",tabIndex:1}))),t.createElement(Fe,{_label:"InputFile",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Qe,{_label:"InputFile 1, Tabindex 4",tabIndex:4}),t.createElement(Qe,{_disabled:!0,_label:"InputFile 2, Tabindex 3",tabIndex:3}),t.createElement(Qe,{_touched:!0,_label:"InputFile 3, Tabindex 2",_msg:{_type:"error",_description:Ht},tabIndex:2}),t.createElement(Qe,{_label:"InputFile 4, Tabindex 1",tabIndex:1}))),t.createElement(Fe,{_label:"InputNumber",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(Xe,{_label:"InputNumber 1, Tabindex 4",tabIndex:4}),t.createElement(Xe,{_disabled:!0,_label:"InputNumber 2, Tabindex 3",tabIndex:3}),t.createElement(Xe,{_touched:!0,_label:"InputNumber 3, Tabindex 2",_msg:{_type:"error",_description:Ht},tabIndex:2}),t.createElement(Xe,{_label:"InputNumber 4, Tabindex 1",tabIndex:1}))),t.createElement(Fe,{_label:"InputPassword",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(en,{_label:"InputPassword 1, Tabindex 4",tabIndex:4}),t.createElement(en,{_disabled:!0,_label:"InputPassword 2, Tabindex 3",tabIndex:3}),t.createElement(en,{_touched:!0,_label:"InputPassword 3, Tabindex 2",_msg:{_type:"error",_description:Ht},tabIndex:2}),t.createElement(en,{_label:"InputPassword 4, Tabindex 1",tabIndex:1}))),t.createElement(Fe,{_label:"InputRadio",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(nn,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 1, Tabindex 4",tabIndex:4}),t.createElement(nn,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 2, Tabindex 3",_disabled:!0,tabIndex:3}),t.createElement(nn,{_touched:!0,_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 3, Tabindex 2",_msg:{_type:"error",_description:Ht},tabIndex:2})," ",t.createElement(nn,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 4, Tabindex 1",tabIndex:1}))),t.createElement(Fe,{_label:"InputRange",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(tn,{_label:"InputRange 1, Tabindex 4",_min:0,_max:50,tabIndex:4}),t.createElement(tn,{_disabled:!0,_label:"InputRange 2, Tabindex 3",_min:0,_max:50,tabIndex:3}),t.createElement(tn,{_touched:!0,_label:"InputRange 3, Tabindex 2",_min:0,_max:50,_msg:{_type:"error",_description:Ht},tabIndex:2}),t.createElement(tn,{_label:"InputRange 4, Tabindex 1",_min:0,_max:50,tabIndex:1}))),t.createElement(Fe,{_label:"InputText",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(on,{_label:"InputText 1, Tabindex 4",tabIndex:4}),t.createElement(on,{_disabled:!0,_label:"InputText 2, Tabindex 3",tabIndex:3}),t.createElement(on,{_touched:!0,_label:"InputText 3, Tabindex 2",_msg:{_type:"error",_description:Ht},tabIndex:2}),t.createElement(on,{_label:"InputText 4, Tabindex 1",tabIndex:1}))),t.createElement(Fe,{_label:"LinkButton",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(an,{_href:"#/back-page",_label:"InputText 1, Tabindex 4",_variant:"primary",tabIndex:4}),t.createElement(an,{_disabled:!0,_href:"#/back-page",_label:"InputText 2, Tabindex 3",_variant:"primary",tabIndex:3}),t.createElement(an,{_href:"#/back-page",_label:"InputText 3, Tabindex 2",_variant:"primary",tabIndex:2}),t.createElement(an,{_href:"#/back-page",_label:"InputText 4, Tabindex 1",_variant:"primary",tabIndex:1}))),t.createElement(Fe,{_label:"Link",_level:0},t.createElement(ln,{_href:"#/back-page",_label:"InputText 1, Tabindex 4",tabIndex:4}),t.createElement(ln,{_disabled:!0,_href:"#/back-page",_label:"InputText 2, Tabindex 3",tabIndex:3}),t.createElement(ln,{_href:"#/back-page",_label:"InputText 3, Tabindex 2",tabIndex:2}),t.createElement(ln,{_href:"#/back-page",_label:"InputText 4, Tabindex 1",tabIndex:1})),t.createElement(Fe,{_label:"SingleSelect",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(bn,{_label:"InputText 1, Tabindex 4",_options:Mm,_value:"de",tabIndex:4}),t.createElement(bn,{_disabled:!0,_label:"InputText 2, Tabindex 3",_options:Mm,_value:"de",tabIndex:3}),t.createElement(bn,{_touched:!0,_label:"InputText 3, Tabindex 2",_options:Mm,_msg:{_type:"error",_description:Ht},_value:"de",tabIndex:2}),t.createElement(bn,{_label:"InputText 4, Tabindex 1",_options:Mm,_value:"de",tabIndex:1}))),t.createElement(Fe,{_label:"SplitButton",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(kn,{_label:"InputText 1, Tabindex 4",tabIndex:4},"Dropdown-Inhalt"),t.createElement(kn,{_label:"InputText 2, Tabindex 3",tabIndex:3,_disabled:!0},"Dropdown-Inhalt"),t.createElement(kn,{_label:"InputText 3, Tabindex 2",tabIndex:2},"Dropdown-Inhalt")," ",t.createElement(kn,{_label:"InputText 4, Tabindex 1",tabIndex:1},"Dropdown-Inhalt"))),t.createElement(Fe,{_label:"Textarea",_level:0},t.createElement("div",{className:"flex flex-wrap gap-4"},t.createElement(yn,{_label:"Textarea 1, Tabindex 4",_rows:3,_placeholder:"Placeholder",tabIndex:4}),t.createElement(yn,{_disabled:!0,_label:"Textarea 2, Tabindex 3",_rows:3,_placeholder:"Placeholder",tabIndex:3}),t.createElement(yn,{_touched:!0,_label:"Textarea 3, Tabindex 2",_rows:3,_placeholder:"Placeholder",_msg:{_type:"error",_description:Ht},tabIndex:2}),t.createElement(yn,{_label:"Textarea 4, Tabindex 1",_rows:3,_placeholder:"Placeholder",tabIndex:1})))))}};var Yb=Object.defineProperty,Jb=Object.defineProperties,Qb=Object.getOwnPropertyDescriptors,Xb=Object.getOwnPropertySymbols,ep=Object.prototype.hasOwnProperty,np=Object.prototype.propertyIsEnumerable,tp=(e,n,t)=>n in e?Yb(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,op=(e,n)=>{for(var t in n||(n={}))ep.call(n,t)&&tp(e,t,n[t]);if(Xb)for(var t of Xb(n))np.call(n,t)&&tp(e,t,n[t]);return e};const rp={tree:{"basic/:subPage":()=>{const e=(0,t.useContext)(Kt),{subPage:n}=function(){let{matches:e}=t.useContext(q),n=e[e.length-1];return n?n.params:{}}(),[o,r]=(0,t.useState)("1 Home"),[l,a]=(0,t.useState)(!1),[i,c]=(0,t.useState)(!1),[s,d]=(0,t.useState)(!0),u=t=>({_href:`#/tree/basic/${t}${e?"?hideMenus":""}`,_active:t===n});return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolTree renders a keyboard accessible nested navigation. Branches of the tree can be collapsed or expanded.")),!e&&t.createElement(Pe,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.createElement(En,{_label:"Sitemap",class:"block w-fit"},t.createElement(xn,op({_label:o},u("home"))),t.createElement(xn,(e=>Jb(e,Qb({_open:!0})))(op({_label:"2 About (open initially)"},u("about"))),t.createElement(xn,op({_label:"2.1 Team"},u("team")),t.createElement(xn,op({_label:"2.1.1. Values"},u("values"))),t.createElement(xn,op({_label:"2.1.2. Members"},u("members")),t.createElement(xn,op({_label:"2.1.2.1 Humans"},u("humans"))),l&&t.createElement(xn,op({_label:"2.1.2.2 Pets"},u("pets")))),t.createElement(xn,op({_label:"2.1.3 Locations"},u("locations")),i&&t.createElement(xn,op({_label:"2.1.3.1 Europe"},u("europe")),t.createElement(xn,op({_label:"2.1.3.1.1 Denmark"},u("denmark"))),t.createElement(xn,op({_label:"2.1.3.1.2 Netherlands"},u("netherlands"))))))),s&&t.createElement(xn,op({_label:"3. Products"},u("products")),t.createElement(xn,op({_label:"3.1 Home"},u("home-products")),t.createElement(xn,op({_label:"3.1.1 Refrigerators"},u("fridges"))),t.createElement(xn,op({_label:"3.1.2 Coffee makers"},u("coffee-makers")))),t.createElement(xn,op({_label:"3.1 Office"},u("office-products")),t.createElement(xn,op({_label:"3.2.1 Printers"},u("printers")))))),t.createElement("p",null,"Current tree item: ",null!=n?n:"none"),t.createElement("div",{className:"flex flex-row gap-2"},t.createElement(Me,{_label:"Change label for '1 Home'",_on:{onClick:()=>{r(`1 Home ${(()=>{const e=["🐶","🐱","🐭","🐹","🐰","🦊","🐻","🐼","🐨","🐯","🦁","🐮","🐷","🐽","🐸","🐵"];return e[Math.floor(Math.random()*e.length)]})()}`)}}}),t.createElement(Me,{_label:"Toggle '2.1.2.2 Pets'",_on:{onClick:()=>a(!l)}}),t.createElement(Me,{_label:"Toggle '2.2.1 Europe' (two levels at once)",_on:{onClick:()=>c(!i)}}),t.createElement(Me,{_label:"Toggle '3. Products'",_on:{onClick:()=>d(!s)}})))}}};var lp=Object.defineProperty,ap=Object.defineProperties,ip=Object.getOwnPropertyDescriptors,cp=Object.getOwnPropertySymbols,sp=Object.prototype.hasOwnProperty,dp=Object.prototype.propertyIsEnumerable,up=(e,n,t)=>n in e?lp(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,mp=(e,n)=>{for(var t in n||(n={}))sp.call(n,t)&&up(e,t,n[t]);if(cp)for(var t of cp(n))dp.call(n,t)&&up(e,t,n[t]);return e},fp=(e,n)=>ap(e,ip(n));const bp=e=>t.createElement("div",{className:"grid gap-4"},t.createElement(De,fp(mp({},e),{_hint:Ut,_label:"Label",_suggestions:Rm,_value:"Deutschland"})),t.createElement(De,fp(mp({},e),{_label:"Disabled",_suggestions:Rm,_value:"Deutschland",_disabled:!0})),t.createElement(De,fp(mp({},e),{_suggestions:Rm,_msg:{_type:"error",_description:Ht},_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0})),t.createElement(De,fp(mp({},e),{_label:"With access key",_suggestions:Rm,_value:"Deutschland",_accessKey:"c"})),t.createElement(De,fp(mp({},e),{_label:"With short key",_suggestions:Rm,_value:"Deutschland",_shortKey:"s"})));var pp=Object.defineProperty,hp=Object.defineProperties,kp=Object.getOwnPropertyDescriptors,vp=Object.getOwnPropertySymbols,gp=Object.prototype.hasOwnProperty,_p=Object.prototype.propertyIsEnumerable,yp=(e,n,t)=>n in e?pp(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,wp=(e,n)=>{for(var t in n||(n={}))gp.call(n,t)&&yp(e,t,n[t]);if(vp)for(var t of vp(n))_p.call(n,t)&&yp(e,t,n[t]);return e};const Ep=e=>t.createElement(Sr,null,t.createElement("fieldset",null,t.createElement("legend",null,"Text"),t.createElement(bp,wp({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Text (hideLabel)"),t.createElement(bp,(e=>hp(e,kp({_hideLabel:!0})))(wp({},e))))),xp={combobox:{basic:()=>{const e=(0,t.useContext)(Kt);return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"KolCombobox combines a text input with a suggestion list, enabling users to either type in a value or to select on of the suggestions.")),!e&&t.createElement(Pe,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.createElement(pr,{RefComponent:Ep}))}}};var zp=Object.defineProperty,Sp=Object.defineProperties,Tp=Object.getOwnPropertyDescriptors,Cp=Object.getOwnPropertySymbols,Bp=Object.prototype.hasOwnProperty,Op=Object.prototype.propertyIsEnumerable,Lp=(e,n,t)=>n in e?zp(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Ap=(e,n)=>{for(var t in n||(n={}))Bp.call(n,t)&&Lp(e,t,n[t]);if(Cp)for(var t of Cp(n))Op.call(n,t)&&Lp(e,t,n[t]);return e},Np=(e,n)=>Sp(e,Tp(n));const Ip=e=>t.createElement("div",{className:"grid gap-4"},t.createElement(bn,Np(Ap({},e),{_hint:Ut,_label:"Label",_options:Mm,_value:"de",_on:{onBlur:console.log,onInput:console.log,onChange:console.log,onClick:console.log,onFocus:console.log}})),t.createElement(bn,Np(Ap({},e),{_label:"Disabled",_options:Mm,_value:"de",_disabled:!0})),t.createElement(bn,Np(Ap({},e),{_options:Mm,_msg:{_type:"error",_description:Ht},_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0})),t.createElement(bn,Np(Ap({},e),{_label:"With access key",_options:Mm,_value:"de",_accessKey:"c"})),t.createElement(bn,Np(Ap({},e),{_label:"With short key",_options:Mm,_value:"de",_shortKey:"s"})));var $p=Object.defineProperty,Pp=Object.defineProperties,jp=Object.getOwnPropertyDescriptors,Mp=Object.getOwnPropertySymbols,Rp=Object.prototype.hasOwnProperty,Fp=Object.prototype.propertyIsEnumerable,Dp=(e,n,t)=>n in e?$p(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Kp=(e,n)=>{for(var t in n||(n={}))Rp.call(n,t)&&Dp(e,t,n[t]);if(Mp)for(var t of Mp(n))Fp.call(n,t)&&Dp(e,t,n[t]);return e};const Hp=e=>t.createElement(Sr,null,t.createElement("fieldset",null,t.createElement("legend",null,"Text"),t.createElement(Ip,Kp({},e))),t.createElement("fieldset",null,t.createElement("legend",null,"Text (hideLabel)"),t.createElement(Ip,(e=>Pp(e,jp({_hideLabel:!0})))(Kp({},e))))),Up={"single-select":{basic:()=>{const e=(0,t.useContext)(Kt);return t.createElement(t.Fragment,null,t.createElement(Wt,null,t.createElement("p",null,"SingleSelect provides a select field for a single value, supported by a search field.")),!e&&t.createElement(Pe,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.createElement(pr,{RefComponent:Hp}))}}};var Vp=Object.defineProperty,Wp=Object.getOwnPropertySymbols,qp=Object.prototype.hasOwnProperty,Gp=Object.prototype.propertyIsEnumerable,Zp=(e,n,t)=>n in e?Vp(e,n,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[n]=t,Yp=(e,n)=>{for(var t in n||(n={}))qp.call(n,t)&&Zp(e,t,n[t]);if(Wp)for(var t of Wp(n))Gp.call(n,t)&&Zp(e,t,n[t]);return e};const Jp=Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp(Yp({},ar),qt),Gt),Jt),Qt),ao),io),so),Io),$o),xp),Po),Ro),Fo),ir),cr),sr),jr),ol),$l),na),ya),Da),ii),Ti),qi),gm),_m),Cm),Bm),Om),Nm),Im),$m),Pm),sf),sf),df),uf),Up),mf),Qf),ub),Lb),Ab),Nb),rp),Ib),Zb);Vo(localStorage);const Qp=(e,n="/")=>{let t=[];for(const o in e)if(e[o]){const r=e[o],l=`${n}${o}`;"function"==typeof r?t.push(l):"object"==typeof r&&null!==r&&(t=t.concat(Qp(r,`${l}/`)))}return t},Xp=e=>{const n=[];for(const o in e)if(e[o]){const r=e[o],l=`/${o}`;if("function"==typeof r)n.push(t.createElement(me,{key:l,path:l,element:t.createElement(r,null)})),n.push(t.createElement(me,{key:`${l}/all`,path:`${l}/all`,element:t.createElement("div",{className:"d-grid gap-4"},Pt.filter((e=>Nt.indexOf(e.value)>=0)).map((e=>t.createElement("div",{className:"d-grid gap-2",key:e.value},t.createElement("div",{className:"mt-4"},t.createElement("strong",null,e.label)),t.createElement("div",{className:"my-2"},t.createElement(r,null)),t.createElement("hr",{"aria-hidden":"true"})))))}));else if("object"==typeof r&&null!==r){const e=Object.keys(r);e.length>0&&n.push(t.createElement(me,{key:l,path:`${l}/*`,element:t.createElement(be,null,t.createElement(me,{path:"/",element:t.createElement(ue,{to:e[0]})}),Xp(r))}))}}return n},eh=Qp(Jp),nh=Xp(Jp),th=new Map;eh.forEach((e=>{const n=e.split("/");th.has(n[1])||th.set(n[1],{label:n[1],value:e})}));const oh=()=>{var e;const n=Y(),[o,r]=Ee(),l=null!=(e=o.get("theme"))?e:Wo(),a=o.has("hideMenus");return(e=>{if(!$t(e))throw new Error(`The theme identifier "${e}" is not valid or an available option.`);Ho.theme=e,Uo.setItem(Ko,JSON.stringify(Ho))})(l),(()=>{const e=Y();(0,Dt.s)("#"+e.pathname)})(),document.title=`KoliBri-Handout - ${qo(Wo())} | v${Lt}`,document.body.setAttribute("class",l),document.body.dataset.theme=l,t.createElement(Kt.Provider,{value:a},t.createElement("div",{className:a?"":"app-container","data-theme":l},!a&&t.createElement(Ft,{version:Lt,theme:l,sample:n.pathname,routes:Jp,routeList:eh,buildDate:"2025-02-14T22:02:54.137Z",commitHash:"78c96e57d",onThemeChange:e=>{r({theme:e}),window.location.reload()}}),t.createElement("main",{className:"flex flex-col items-stretch p-4",id:"route-container"},!a&&(e=>It.includes(e))(l)&&t.createElement(Pe,{className:"block mb-3",_label:"In progress",_color:"#db5461"}),t.createElement(be,null,nh,t.createElement(me,{path:"*",element:t.createElement(ue,{to:eh[0],replace:!0})}),t.createElement(me,{path:"back-page",element:t.createElement(At,null)})))))};var rh=(e,n,t)=>new Promise(((o,r)=>{var l=e=>{try{i(t.next(e))}catch(e){r(e)}},a=e=>{try{i(t.throw(e))}catch(e){r(e)}},i=e=>e.done?o(e.value):Promise.resolve(e.value).then(l,a);i((t=t.apply(e,n)).next())}));const lh=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableI18nOverwriting"),ah=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableThemePatching"),ih=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableTagNameTransformer"),ch=e=>`${e}-sample`;ih&&(Be=ch),rh(void 0,null,(function*(){try{yield((e,n,t)=>{return o=function*(){var o,r;(0,In.s)("development"===(null==t?void 0:t.environment)),(0,Nn.i)(null!==(r=null===(o=null==t?void 0:t.translation)||void 0===o?void 0:o.name)&&void 0!==r?r:"de",null==t?void 0:t.translations),(null==t?void 0:t.transformTagName)&&(0,Ln.s)(null==t?void 0:t.transformTagName);const l=yield(0,An.F)(e,n,t);return $n=!0,l},new Promise(((e,n)=>{var t=e=>{try{l(o.next(e))}catch(e){n(e)}},r=e=>{try{l(o.throw(e))}catch(e){n(e)}},l=n=>n.done?e(n.value):Promise.resolve(n.value).then(t,r);l((o=o.apply(void 0,null)).next())}));var o})(yield rh(void 0,null,(function*(){return[dt,Bt,Ot]})),(()=>{((e,n)=>{return t=function*(){if("undefined"!=typeof window)return yield,(0,Vn.b)(JSON.parse('[["kol-abbr",[[33,"kol-abbr",{"_label":[1],"state":[32]},null,{"_label":["validateLabel"]}]]],["kol-accordion",[[33,"kol-accordion",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32],"kolFocus":[64]},null,{"_disabled":["validateDisabled"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_open":["validateOpen"]}]]],["kol-alert",[[33,"kol-alert",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"state":[32]}]]],["kol-alert-wc",[[4,"kol-alert-wc",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"state":[32]},null,{"_alert":["validateAlert"],"_hasCloser":["validateHasCloser"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_type":["validateType"],"_variant":["validateVariant"]}]]],["kol-avatar",[[33,"kol-avatar",{"_src":[1],"_label":[1]}]]],["kol-avatar-wc",[[0,"kol-avatar-wc",{"_src":[1],"_label":[1],"state":[32]},null,{"_src":["validateSrc"],"_label":["validateLabel"]}]]],["kol-badge",[[33,"kol-badge",{"_color":[1],"_icons":[1],"_label":[1],"_smartButton":[1,"_smart-button"],"state":[32]},null,{"_icons":["validateIcons"],"_color":["validateColor"],"_smartButton":["validateSmartButton"]}]]],["kol-breadcrumb",[[33,"kol-breadcrumb",{"_label":[1],"_links":[1],"state":[32]},null,{"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-button",[[49,"kol-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"getValue":[64],"kolFocus":[64]}]]],["kol-button-link",[[49,"kol-button-link",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"getValue":[64],"kolFocus":[64]}]]],["kol-button-wc",[[4,"kol-button-wc",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaControls":["validateAriaControls"],"_ariaDescription":["validateAriaDescription"],"_ariaExpanded":["validateAriaExpanded"],"_ariaSelected":["validateAriaSelected"],"_customClass":["validateCustomClass"],"_disabled":["validateDisabled"],"_hideLabel":["validateHideLabel"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_name":["validateName"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_tooltipAlign":["validateTooltipAlign"],"_type":["validateType"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-card",[[33,"kol-card",{"_on":[16],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"state":[32]},null,{"_on":["validateOn"],"_hasCloser":["validateHasCloser"],"_label":["validateLabel"],"_level":["validateLevel"]}]]],["kol-combobox",[[49,"kol-combobox",{"_accessKey":[1,"_access-key"],"_placeholder":[1],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_suggestions":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"blockSuggestionMouseOver":[32],"_isOpen":[32],"_filteredSuggestions":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},[[0,"keydown","handleKeyDown"],[8,"click","handleWindowClick"],[1,"mousemove","handleMouseEvent"],[8,"focusout","handleFocusOut"],[8,"blur","handleWindowBlur"]],{"_placeholder":["validatePlaceholder"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_suggestions":["validateSuggestions"],"_required":["validateRequired"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-details",[[33,"kol-details",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32],"kolFocus":[64]},null,{"_disabled":["validateDisabled"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_open":["validateOpen"]}]]],["kol-drawer",[[33,"kol-drawer",{"_open":[4],"_align":[1],"_label":[1],"_on":[16],"state":[32],"open":[64],"close":[64]},null,{"_label":["validateLabel"],"_align":["validateAlign"],"_open":["validateOpen"],"_on":["validateOn"]}]]],["kol-form",[[33,"kol-form",{"_on":[16],"_requiredText":[8,"_required-text"],"_errorList":[16],"state":[32],"focusErrorList":[64]},null,{"_on":["validateOn"],"_requiredText":["validateRequiredText"],"_errorList":["validateErrorList"]}]]],["kol-heading",[[33,"kol-heading",{"_label":[1],"_level":[2],"_secondaryHeadline":[1,"_secondary-headline"],"_variant":[1],"state":[32]},null,{"_label":["validateLabel"],"_level":["validateLevel"],"_secondaryHeadline":["validateSecondaryHeadline"],"_variant":["validateVariant"]}]]],["kol-icon",[[33,"kol-icon",{"_icons":[1],"_label":[1],"state":[32]},null,{"_icons":["validateIcons"],"_label":["validateLabel"]}]]],["kol-image",[[33,"kol-image",{"_alt":[1],"_loading":[1],"_sizes":[1],"_src":[1],"_srcset":[1],"state":[32]},null,{"_alt":["validateAlt"],"_loading":["validateLoading"],"_sizes":["validateSizes"],"_src":["validateSrc"],"_srcset":["validateSrcset"]}]]],["kol-input",[[4,"kol-input",{"_accessKey":[1,"_access-key"],"_alert":[4],"_currentLength":[2,"_current-length"],"_disabled":[4],"_hasCounter":[4,"_has-counter"],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[16],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[16],"_readOnly":[4,"_read-only"],"_renderNoLabel":[4,"_render-no-label"],"_required":[4],"_shortKey":[1,"_short-key"],"_slotName":[1,"_slot-name"],"_suggestions":[1],"_smartButton":[1,"_smart-button"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[4]}]]],["kol-input-checkbox",[[49,"kol-input-checkbox",{"_accessKey":[1,"_access-key"],"_checked":[1540],"_hideMsg":[1540,"_hide-msg"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_indeterminate":[1540],"_label":[1],"_labelAlign":[1,"_label-align"],"_msg":[1],"_name":[1],"_on":[16],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[8],"_variant":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_checked":["validateChecked"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_indeterminate":["validateIndeterminate"],"_label":["validateLabel"],"_labelAlign":["validateLabelAlign"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-input-color",[[49,"kol-input-color",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[513],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-date",[[49,"kol-input-date",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[1],"_min":[1],"_msg":[1],"_name":[1],"_on":[16],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_step":[2],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1537],"_initialValueType":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64],"reset":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_step":["validateStep"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_type":["validateType"],"_value":["validateValue"]}]]],["kol-input-email",[[49,"kol-input-email",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hasCounter":[4,"_has-counter"],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hasCounter":["validateHasCounter"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_suggestions":["validateSuggestions"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-file",[[49,"kol-input-file",{"_accept":[1],"_accessKey":[1,"_access-key"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accept":["validateAccept"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"]}]]],["kol-input-number",[[49,"kol-input-number",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[2],"_min":[2],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_step":[2],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1538],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_step":["validateStep"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-password",[[49,"kol-input-password",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hasCounter":[4,"_has-counter"],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"_variant":[1],"state":[32],"_passwordVisible":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_variant":["validateVariant"],"_hasCounter":["validateHasCounter"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-radio",[[49,"kol-input-radio",{"_accessKey":[1,"_access-key"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_orientation":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_tooltipAlign":["validateTooltipAlign"],"_disabled":["validateDisabled"],"_hideLabel":["validateHideLabel"],"_hideMsg":["validateHideMsg"],"_hint":["validateHint"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_orientation":["validateOrientation"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-range",[[49,"kol-input-range",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[2],"_min":[2],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_step":[2],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1538],"state":[32],"inputHasFocus":[32],"kolFocus":[64],"getValue":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_step":["validateStep"],"_suggestions":["validateSuggestions"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-text",[[49,"kol-input-text",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hasCounter":[4,"_has-counter"],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_suggestions":[1],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hasCounter":["validateHasCounter"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_spellCheck":["validateSpellCheck"],"_suggestions":["validateSuggestions"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_type":["validateType"],"_value":["validateValue"]}]]],["kol-kolibri",[[33,"kol-kolibri",{"_color":[1],"_labeled":[4],"state":[32]},null,{"_color":["validateColor"],"_labeled":["validateLabeled"]}]]],["kol-link",[[49,"kol-link",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaDescription":[1,"_aria-description"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_tabIndex":[2,"_tab-index"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"kolFocus":[64]}]]],["kol-link-button",[[49,"kol-link-button",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaDescription":[1,"_aria-description"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_tabIndex":[2,"_tab-index"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"kolFocus":[64]}]]],["kol-link-wc",[[4,"kol-link-wc",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaOwns":[1,"_aria-owns"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_tabIndex":[2,"_tab-index"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"state":[32],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaCurrentValue":["validateAriaCurrentValue"],"_ariaDescription":["validateAriaDescription"],"_ariaExpanded":["validateAriaExpanded"],"_ariaOwns":["validateAriaOwns"],"_customClass":["validateCustomClass"],"_disabled":["validateDisabled"],"_download":["validateDownload"],"_hideLabel":["validateHideLabel"],"_href":["validateHref"],"_icons":["validateIcons"],"_label":["validateLabel"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_tabIndex":["validateTabIndex"],"_target":["validateTarget"],"_tooltipAlign":["validateTooltipAlign"],"_variant":["validateVariant"]}]]],["kol-modal",[[33,"kol-modal",{"_label":[1],"_on":[16],"_width":[1],"_variant":[1],"state":[32],"openModal":[64],"closeModal":[64]},null,{"_label":["validateLabel"],"_on":["validateOn"],"_width":["validateWidth"],"_variant":["validateVariant"]}]]],["kol-nav",[[33,"kol-nav",{"_collapsible":[4],"_hasCompactButton":[4,"_has-compact-button"],"_hasIconsWhenExpanded":[4,"_has-icons-when-expanded"],"_hideLabel":[4,"_hide-label"],"_label":[1],"_links":[1],"_orientation":[1],"state":[32]},null,{"_collapsible":["validateCollapsible"],"_hasCompactButton":["validateHasCompactButton"],"_hasIconsWhenExpanded":["validateHasIconsWhenExpanded"],"_hideLabel":["validateHideLabel"],"_label":["validateLabel"],"_links":["validateLinks"],"_orientation":["validateOrientation"]}]]],["kol-pagination",[[33,"kol-pagination",{"_boundaryCount":[2,"_boundary-count"],"_customClass":[1,"_custom-class"],"_label":[1],"_hasButtons":[8,"_has-buttons"],"_page":[2],"_pageSize":[1026,"_page-size"],"_pageSizeOptions":[1,"_page-size-options"],"_on":[16],"_siblingCount":[2,"_sibling-count"],"_tooltipAlign":[1,"_tooltip-align"],"_max":[2],"state":[32]},null,{"_boundaryCount":["validateBoundaryCount"],"_customClass":["validateCustomClass"],"_label":["validateLabel"],"_hasButtons":["validateHasButtons"],"_on":["validateOn"],"_page":["validatePage"],"_pageSize":["validatePageSize"],"_pageSizeOptions":["validatePageSizeOptions"],"_siblingCount":["validateSiblingCount"],"_max":["validateMax"],"_tooltipAlign":["validateTooltipAlign"]}]]],["kol-popover-wc",[[4,"kol-popover-wc",{"_align":[1],"_on":[16],"_show":[1540],"state":[32]},null,{"_align":["validateAlign"],"_on":["validateOn"],"_show":["validateShow"]}]]],["kol-progress",[[33,"kol-progress",{"_label":[1],"_max":[2],"_unit":[1],"_value":[2],"_variant":[1],"state":[32]},null,{"_label":["validateLabel"],"_max":["validateMax"],"_unit":["validateUnit"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-quote",[[33,"kol-quote",{"_label":[1],"_href":[1],"_quote":[1],"_variant":[1],"state":[32]},null,{"_label":["validateLabel"],"_href":["validateHref"],"_quote":["validateQuote"],"_variant":["validateVariant"]}]]],["kol-select",[[33,"kol-select",{"_accessKey":[1,"_access-key"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_rows":[2],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_required":["validateRequired"],"_rows":["validateRows"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-single-select",[[49,"kol-single-select",{"_accessKey":[1,"_access-key"],"_placeholder":[1],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"_isOpen":[32],"_filteredOptions":[32],"_inputValue":[32],"blockSuggestionMouseOver":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},[[8,"focusout","handleFocusOut"],[8,"blur","handleWindowBlur"],[0,"keydown","handleKeyDown"],[1,"mousemove","handleMouseEvent"]],{"_placeholder":["validatePlaceholder"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-skip-nav",[[33,"kol-skip-nav",{"_label":[1],"_links":[1],"state":[32]},null,{"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-spin",[[33,"kol-spin",{"_show":[1540],"_variant":[1],"state":[32]},null,{"_show":["validateShow"],"_variant":["validateVariant"]}]]],["kol-split-button",[[49,"kol-split-button",{"_ariaControls":[1,"_aria-controls"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"closePopup":[64]}]]],["kol-table-stateful",[[33,"kol-table-stateful",{"_allowMultiSort":[4,"_allow-multi-sort"],"_data":[1],"_dataFoot":[1,"_data-foot"],"_headers":[1],"_label":[1],"_minWidth":[1,"_min-width"],"_pagination":[8],"_paginationPosition":[1,"_pagination-position"],"_selection":[1],"_on":[16],"state":[32],"getSelection":[64]},null,{"_allowMultiSort":["validateAllowMultiSort"],"_data":["validateData"],"_dataFoot":["validateDataFoot"],"_paginationPosition":["validatePaginationPosition"],"_headers":["validateHeaders"],"_label":["validateLabel"],"_minWidth":["validateMinWidth"],"_selection":["validateSelection"],"_on":["validateOn"],"_pagination":["validatePagination"]}]]],["kol-table-stateless",[[33,"kol-table-stateless",{"_data":[1],"_dataFoot":[1,"_data-foot"],"_headerCells":[1,"_header-cells"],"_label":[1],"_minWidth":[1,"_min-width"],"_on":[16],"_selection":[1]}]]],["kol-table-stateless-wc",[[0,"kol-table-stateless-wc",{"_data":[1],"_dataFoot":[1,"_data-foot"],"_headerCells":[1,"_header-cells"],"_label":[1],"_minWidth":[1,"_min-width"],"_on":[16],"_selection":[1],"state":[32],"tableDivElementHasScrollbar":[32]},[[0,"keydown","handleKeyDown"]],{"_data":["validateData"],"_dataFoot":["validateDataFoot"],"_headerCells":["validateHeaderCells"],"_label":["validateLabel"],"_minWidth":["validateMinWidth"],"_on":["validateOn"],"_selection":["validateSelection"]}]]],["kol-tabs",[[33,"kol-tabs",{"_align":[1],"_behavior":[1],"_label":[1],"_on":[16],"_selected":[1538],"_tabs":[1],"state":[32]},null,{"_align":["validateAlign"],"_behavior":["validateBehavior"],"_label":["validateLabel"],"_on":["validateOn"],"_selected":["validateSelected"],"_tabs":["validateTabs"]}]]],["kol-textarea",[[49,"kol-textarea",{"_accessKey":[1,"_access-key"],"_adjustHeight":[4,"_adjust-height"],"_disabled":[4],"_hasCounter":[4,"_has-counter"],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[16],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_resize":[1],"_required":[4],"_rows":[1026],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_adjustHeight":["validateAdjustHeight"],"_disabled":["validateDisabled"],"_hasCounter":["validateHasCounter"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_resize":["validateResize"],"_required":["validateRequired"],"_rows":["validateRows"],"_shortKey":["validateShortKey"],"_spellCheck":["validateSpellCheck"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-toast-container",[[33,"kol-toast-container",{"state":[32],"enqueue":[64],"closeAll":[64]}]]],["kol-toolbar",[[33,"kol-toolbar",{"_label":[1],"_items":[16],"state":[32],"currentIndex":[32]},[[0,"keydown","handleKeyDown"],[2,"blur","handleBlur"]],{"_label":["validateLabel"],"_items":["validateItems"]}]]],["kol-tooltip-wc",[[0,"kol-tooltip-wc",{"_badgeText":[1,"_badge-text"],"_align":[1],"_id":[1],"_label":[1],"state":[32]},null,{"_badgeText":["validateBadgeText"],"_align":["validateAlign"],"_id":["validateId"],"_label":["validateLabel"]}]]],["kol-tree",[[33,"kol-tree",{"_label":[1]}]]],["kol-tree-item",[[33,"kol-tree-item",{"_active":[4],"_label":[1],"_open":[4],"_href":[1],"focusLink":[64],"expand":[64],"collapse":[64],"isOpen":[64]}]]],["kol-tree-item-wc",[[4,"kol-tree-item-wc",{"_active":[4],"_label":[1],"_open":[4],"_href":[1],"level":[32],"state":[32],"focusLink":[64],"expand":[64],"collapse":[64],"isOpen":[64]},null,{"_active":["validateActive"],"_label":["validateLabel"],"_open":["validateOpen"],"_href":["validateHref"]}]]],["kol-tree-wc",[[4,"kol-tree-wc",{"_label":[1],"state":[32]},[[0,"keydown","handleKeyDown"],[0,"focusout","handleFocusOut"]],{"_label":["validateLabel"]}]]],["kol-version",[[33,"kol-version",{"_label":[1],"state":[32]},null,{"_label":["validateLabel"]}]]],["test-component",[[0,"test-component"]]]]'),n)},new Promise(((e,n)=>{var o=e=>{try{l(t.next(e))}catch(e){n(e)}},r=e=>{try{l(t.throw(e))}catch(e){n(e)}},l=n=>n.done?e(n.value):Promise.resolve(n.value).then(o,r);l((t=t.apply(void 0,null)).next())}));var t})(window,{transformTagName:ih?ch:void 0})}),{theme:{detect:"auto"},translation:{name:"en"},translations:lh?new Set([e=>e("en",{"kol-error":"Tiny error!"}),e=>e("de",{"kol-error":"Kleiner Fehler!"})]):void 0,transformTagName:ih?ch:void 0,environment:"production"}),ah&&Un.K.patchTheme("default",{"KOL-BUTTON":"\n\t\t\t\t\t\tbutton {\n\t\t\t\t\t\t\tborder: 1px solid red;\n\t\t\t\t\t\t}","KOL-SPIN":"\n\t\t\t\t\t\t.bg-spin-2 {\n\t\t\t\t\t\t\tbackground-color: red;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.bg-spin-3 {\n\t\t\t\t\t\t\tbackground-color: gold;\n\t\t\t\t\t\t}"},{append:!0})}catch(e){console.warn("Theme registration failed:",e)}const e=document.querySelector("div#app");e instanceof HTMLDivElement&&(0,r.H)(e).render(t.createElement(t.StrictMode,null,t.createElement(ve,{future:{v7_startTransition:!0,v7_relativeSplatPath:!0}},t.createElement(oh,null))))}))})()})();
+(()=>{var e,t,n,a,r={642:(e,t,n)=>{"use strict";var a=n(9596),r={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},l={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},o={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},i={};function c(e){return a.isMemo(e)?o:i[e.$$typeof]||r}i[a.ForwardRef]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},i[a.Memo]=o;var s=Object.defineProperty,u=Object.getOwnPropertyNames,d=Object.getOwnPropertySymbols,m=Object.getOwnPropertyDescriptor,p=Object.getPrototypeOf,f=Object.prototype;e.exports=function e(t,n,a){if("string"!=typeof n){if(f){var r=p(n);r&&r!==f&&e(t,r,a)}var o=u(n);d&&(o=o.concat(d(n)));for(var i=c(t),h=c(n),b=0;b<o.length;++b){var g=o[b];if(!(l[g]||a&&a[g]||h&&h[g]||i&&i[g])){var v=m(n,g);try{s(t,g,v)}catch(e){}}}}return t}},6180:(e,t,n)=>{"use strict";var a=n(7163),r=n(1337);function l(e){for(var t="https://reactjs.org/docs/error-decoder.html?invariant="+e,n=1;n<arguments.length;n++)t+="&args[]="+encodeURIComponent(arguments[n]);return"Minified React error #"+e+"; visit "+t+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}var o=new Set,i={};function c(e,t){s(e,t),s(e+"Capture",t)}function s(e,t){for(i[e]=t,e=0;e<t.length;e++)o.add(t[e])}var u=!("undefined"==typeof window||void 0===window.document||void 0===window.document.createElement),d=Object.prototype.hasOwnProperty,m=/^[:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD][:A-Z_a-z\u00C0-\u00D6\u00D8-\u00F6\u00F8-\u02FF\u0370-\u037D\u037F-\u1FFF\u200C-\u200D\u2070-\u218F\u2C00-\u2FEF\u3001-\uD7FF\uF900-\uFDCF\uFDF0-\uFFFD\-.0-9\u00B7\u0300-\u036F\u203F-\u2040]*$/,p={},f={};function h(e,t,n,a,r,l,o){this.acceptsBooleans=2===t||3===t||4===t,this.attributeName=a,this.attributeNamespace=r,this.mustUseProperty=n,this.propertyName=e,this.type=t,this.sanitizeURL=l,this.removeEmptyString=o}var b={};"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(" ").forEach((function(e){b[e]=new h(e,0,!1,e,null,!1,!1)})),[["acceptCharset","accept-charset"],["className","class"],["htmlFor","for"],["httpEquiv","http-equiv"]].forEach((function(e){var t=e[0];b[t]=new h(t,1,!1,e[1],null,!1,!1)})),["contentEditable","draggable","spellCheck","value"].forEach((function(e){b[e]=new h(e,2,!1,e.toLowerCase(),null,!1,!1)})),["autoReverse","externalResourcesRequired","focusable","preserveAlpha"].forEach((function(e){b[e]=new h(e,2,!1,e,null,!1,!1)})),"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope".split(" ").forEach((function(e){b[e]=new h(e,3,!1,e.toLowerCase(),null,!1,!1)})),["checked","multiple","muted","selected"].forEach((function(e){b[e]=new h(e,3,!0,e,null,!1,!1)})),["capture","download"].forEach((function(e){b[e]=new h(e,4,!1,e,null,!1,!1)})),["cols","rows","size","span"].forEach((function(e){b[e]=new h(e,6,!1,e,null,!1,!1)})),["rowSpan","start"].forEach((function(e){b[e]=new h(e,5,!1,e.toLowerCase(),null,!1,!1)}));var g=/[\-:]([a-z])/g;function v(e){return e[1].toUpperCase()}function _(e,t,n,a){var r=b.hasOwnProperty(t)?b[t]:null;(null!==r?0!==r.type:a||!(2<t.length)||"o"!==t[0]&&"O"!==t[0]||"n"!==t[1]&&"N"!==t[1])&&(function(e,t,n,a){if(null==t||function(e,t,n,a){if(null!==n&&0===n.type)return!1;switch(typeof t){case"function":case"symbol":return!0;case"boolean":return!a&&(null!==n?!n.acceptsBooleans:"data-"!==(e=e.toLowerCase().slice(0,5))&&"aria-"!==e);default:return!1}}(e,t,n,a))return!0;if(a)return!1;if(null!==n)switch(n.type){case 3:return!t;case 4:return!1===t;case 5:return isNaN(t);case 6:return isNaN(t)||1>t}return!1}(t,n,r,a)&&(n=null),a||null===r?function(e){return!!d.call(f,e)||!d.call(p,e)&&(m.test(e)?f[e]=!0:(p[e]=!0,!1))}(t)&&(null===n?e.removeAttribute(t):e.setAttribute(t,""+n)):r.mustUseProperty?e[r.propertyName]=null===n?3!==r.type&&"":n:(t=r.attributeName,a=r.attributeNamespace,null===n?e.removeAttribute(t):(n=3===(r=r.type)||4===r&&!0===n?"":""+n,a?e.setAttributeNS(a,t,n):e.setAttribute(t,n))))}"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height".split(" ").forEach((function(e){var t=e.replace(g,v);b[t]=new h(t,1,!1,e,null,!1,!1)})),"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type".split(" ").forEach((function(e){var t=e.replace(g,v);b[t]=new h(t,1,!1,e,"http://www.w3.org/1999/xlink",!1,!1)})),["xml:base","xml:lang","xml:space"].forEach((function(e){var t=e.replace(g,v);b[t]=new h(t,1,!1,e,"http://www.w3.org/XML/1998/namespace",!1,!1)})),["tabIndex","crossOrigin"].forEach((function(e){b[e]=new h(e,1,!1,e.toLowerCase(),null,!1,!1)})),b.xlinkHref=new h("xlinkHref",1,!1,"xlink:href","http://www.w3.org/1999/xlink",!0,!1),["src","href","action","formAction"].forEach((function(e){b[e]=new h(e,1,!1,e.toLowerCase(),null,!0,!0)}));var k=a.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,y=Symbol.for("react.element"),w=Symbol.for("react.portal"),E=Symbol.for("react.fragment"),x=Symbol.for("react.strict_mode"),S=Symbol.for("react.profiler"),T=Symbol.for("react.provider"),C=Symbol.for("react.context"),z=Symbol.for("react.forward_ref"),O=Symbol.for("react.suspense"),N=Symbol.for("react.suspense_list"),L=Symbol.for("react.memo"),A=Symbol.for("react.lazy");Symbol.for("react.scope"),Symbol.for("react.debug_trace_mode");var $=Symbol.for("react.offscreen");Symbol.for("react.legacy_hidden"),Symbol.for("react.cache"),Symbol.for("react.tracing_marker");var B=Symbol.iterator;function P(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=B&&e[B]||e["@@iterator"])?e:null}var I,j=Object.assign;function M(e){if(void 0===I)try{throw Error()}catch(e){var t=e.stack.trim().match(/\n( *(at )?)/);I=t&&t[1]||""}return"\n"+I+e}var F=!1;function R(e,t){if(!e||F)return"";F=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{if(t)if(t=function(){throw Error()},Object.defineProperty(t.prototype,"props",{set:function(){throw Error()}}),"object"==typeof Reflect&&Reflect.construct){try{Reflect.construct(t,[])}catch(e){var a=e}Reflect.construct(e,[],t)}else{try{t.call()}catch(e){a=e}e.call(t.prototype)}else{try{throw Error()}catch(e){a=e}e()}}catch(t){if(t&&a&&"string"==typeof t.stack){for(var r=t.stack.split("\n"),l=a.stack.split("\n"),o=r.length-1,i=l.length-1;1<=o&&0<=i&&r[o]!==l[i];)i--;for(;1<=o&&0<=i;o--,i--)if(r[o]!==l[i]){if(1!==o||1!==i)do{if(o--,0>--i||r[o]!==l[i]){var c="\n"+r[o].replace(" at new "," at ");return e.displayName&&c.includes("<anonymous>")&&(c=c.replace("<anonymous>",e.displayName)),c}}while(1<=o&&0<=i);break}}}finally{F=!1,Error.prepareStackTrace=n}return(e=e?e.displayName||e.name:"")?M(e):""}function D(e){switch(e.tag){case 5:return M(e.type);case 16:return M("Lazy");case 13:return M("Suspense");case 19:return M("SuspenseList");case 0:case 2:case 15:return R(e.type,!1);case 11:return R(e.type.render,!1);case 1:return R(e.type,!0);default:return""}}function K(e){if(null==e)return null;if("function"==typeof e)return e.displayName||e.name||null;if("string"==typeof e)return e;switch(e){case E:return"Fragment";case w:return"Portal";case S:return"Profiler";case x:return"StrictMode";case O:return"Suspense";case N:return"SuspenseList"}if("object"==typeof e)switch(e.$$typeof){case C:return(e.displayName||"Context")+".Consumer";case T:return(e._context.displayName||"Context")+".Provider";case z:var t=e.render;return(e=e.displayName)||(e=""!==(e=t.displayName||t.name||"")?"ForwardRef("+e+")":"ForwardRef"),e;case L:return null!==(t=e.displayName||null)?t:K(e.type)||"Memo";case A:t=e._payload,e=e._init;try{return K(e(t))}catch(e){}}return null}function H(e){var t=e.type;switch(e.tag){case 24:return"Cache";case 9:return(t.displayName||"Context")+".Consumer";case 10:return(t._context.displayName||"Context")+".Provider";case 18:return"DehydratedFragment";case 11:return e=(e=t.render).displayName||e.name||"",t.displayName||(""!==e?"ForwardRef("+e+")":"ForwardRef");case 7:return"Fragment";case 5:return t;case 4:return"Portal";case 3:return"Root";case 6:return"Text";case 16:return K(t);case 8:return t===x?"StrictMode":"Mode";case 22:return"Offscreen";case 12:return"Profiler";case 21:return"Scope";case 13:return"Suspense";case 19:return"SuspenseList";case 25:return"TracingMarker";case 1:case 0:case 17:case 2:case 14:case 15:if("function"==typeof t)return t.displayName||t.name||null;if("string"==typeof t)return t}return null}function V(e){switch(typeof e){case"boolean":case"number":case"string":case"undefined":case"object":return e;default:return""}}function U(e){var t=e.type;return(e=e.nodeName)&&"input"===e.toLowerCase()&&("checkbox"===t||"radio"===t)}function W(e){e._valueTracker||(e._valueTracker=function(e){var t=U(e)?"checked":"value",n=Object.getOwnPropertyDescriptor(e.constructor.prototype,t),a=""+e[t];if(!e.hasOwnProperty(t)&&void 0!==n&&"function"==typeof n.get&&"function"==typeof n.set){var r=n.get,l=n.set;return Object.defineProperty(e,t,{configurable:!0,get:function(){return r.call(this)},set:function(e){a=""+e,l.call(this,e)}}),Object.defineProperty(e,t,{enumerable:n.enumerable}),{getValue:function(){return a},setValue:function(e){a=""+e},stopTracking:function(){e._valueTracker=null,delete e[t]}}}}(e))}function q(e){if(!e)return!1;var t=e._valueTracker;if(!t)return!0;var n=t.getValue(),a="";return e&&(a=U(e)?e.checked?"true":"false":e.value),(e=a)!==n&&(t.setValue(e),!0)}function Z(e){if(void 0===(e=e||("undefined"!=typeof document?document:void 0)))return null;try{return e.activeElement||e.body}catch(t){return e.body}}function G(e,t){var n=t.checked;return j({},t,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=n?n:e._wrapperState.initialChecked})}function Y(e,t){var n=null==t.defaultValue?"":t.defaultValue,a=null!=t.checked?t.checked:t.defaultChecked;n=V(null!=t.value?t.value:n),e._wrapperState={initialChecked:a,initialValue:n,controlled:"checkbox"===t.type||"radio"===t.type?null!=t.checked:null!=t.value}}function J(e,t){null!=(t=t.checked)&&_(e,"checked",t,!1)}function Q(e,t){J(e,t);var n=V(t.value),a=t.type;if(null!=n)"number"===a?(0===n&&""===e.value||e.value!=n)&&(e.value=""+n):e.value!==""+n&&(e.value=""+n);else if("submit"===a||"reset"===a)return void e.removeAttribute("value");t.hasOwnProperty("value")?ee(e,t.type,n):t.hasOwnProperty("defaultValue")&&ee(e,t.type,V(t.defaultValue)),null==t.checked&&null!=t.defaultChecked&&(e.defaultChecked=!!t.defaultChecked)}function X(e,t,n){if(t.hasOwnProperty("value")||t.hasOwnProperty("defaultValue")){var a=t.type;if(!("submit"!==a&&"reset"!==a||void 0!==t.value&&null!==t.value))return;t=""+e._wrapperState.initialValue,n||t===e.value||(e.value=t),e.defaultValue=t}""!==(n=e.name)&&(e.name=""),e.defaultChecked=!!e._wrapperState.initialChecked,""!==n&&(e.name=n)}function ee(e,t,n){"number"===t&&Z(e.ownerDocument)===e||(null==n?e.defaultValue=""+e._wrapperState.initialValue:e.defaultValue!==""+n&&(e.defaultValue=""+n))}var te=Array.isArray;function ne(e,t,n,a){if(e=e.options,t){t={};for(var r=0;r<n.length;r++)t["$"+n[r]]=!0;for(n=0;n<e.length;n++)r=t.hasOwnProperty("$"+e[n].value),e[n].selected!==r&&(e[n].selected=r),r&&a&&(e[n].defaultSelected=!0)}else{for(n=""+V(n),t=null,r=0;r<e.length;r++){if(e[r].value===n)return e[r].selected=!0,void(a&&(e[r].defaultSelected=!0));null!==t||e[r].disabled||(t=e[r])}null!==t&&(t.selected=!0)}}function ae(e,t){if(null!=t.dangerouslySetInnerHTML)throw Error(l(91));return j({},t,{value:void 0,defaultValue:void 0,children:""+e._wrapperState.initialValue})}function re(e,t){var n=t.value;if(null==n){if(n=t.children,t=t.defaultValue,null!=n){if(null!=t)throw Error(l(92));if(te(n)){if(1<n.length)throw Error(l(93));n=n[0]}t=n}null==t&&(t=""),n=t}e._wrapperState={initialValue:V(n)}}function le(e,t){var n=V(t.value),a=V(t.defaultValue);null!=n&&((n=""+n)!==e.value&&(e.value=n),null==t.defaultValue&&e.defaultValue!==n&&(e.defaultValue=n)),null!=a&&(e.defaultValue=""+a)}function oe(e){var t=e.textContent;t===e._wrapperState.initialValue&&""!==t&&null!==t&&(e.value=t)}function ie(e){switch(e){case"svg":return"http://www.w3.org/2000/svg";case"math":return"http://www.w3.org/1998/Math/MathML";default:return"http://www.w3.org/1999/xhtml"}}function ce(e,t){return null==e||"http://www.w3.org/1999/xhtml"===e?ie(t):"http://www.w3.org/2000/svg"===e&&"foreignObject"===t?"http://www.w3.org/1999/xhtml":e}var se,ue,de=(ue=function(e,t){if("http://www.w3.org/2000/svg"!==e.namespaceURI||"innerHTML"in e)e.innerHTML=t;else{for((se=se||document.createElement("div")).innerHTML="<svg>"+t.valueOf().toString()+"</svg>",t=se.firstChild;e.firstChild;)e.removeChild(e.firstChild);for(;t.firstChild;)e.appendChild(t.firstChild)}},"undefined"!=typeof MSApp&&MSApp.execUnsafeLocalFunction?function(e,t,n,a){MSApp.execUnsafeLocalFunction((function(){return ue(e,t)}))}:ue);function me(e,t){if(t){var n=e.firstChild;if(n&&n===e.lastChild&&3===n.nodeType)return void(n.nodeValue=t)}e.textContent=t}var pe={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,zoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},fe=["Webkit","ms","Moz","O"];function he(e,t,n){return null==t||"boolean"==typeof t||""===t?"":n||"number"!=typeof t||0===t||pe.hasOwnProperty(e)&&pe[e]?(""+t).trim():t+"px"}function be(e,t){for(var n in e=e.style,t)if(t.hasOwnProperty(n)){var a=0===n.indexOf("--"),r=he(n,t[n],a);"float"===n&&(n="cssFloat"),a?e.setProperty(n,r):e[n]=r}}Object.keys(pe).forEach((function(e){fe.forEach((function(t){t=t+e.charAt(0).toUpperCase()+e.substring(1),pe[t]=pe[e]}))}));var ge=j({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});function ve(e,t){if(t){if(ge[e]&&(null!=t.children||null!=t.dangerouslySetInnerHTML))throw Error(l(137,e));if(null!=t.dangerouslySetInnerHTML){if(null!=t.children)throw Error(l(60));if("object"!=typeof t.dangerouslySetInnerHTML||!("__html"in t.dangerouslySetInnerHTML))throw Error(l(61))}if(null!=t.style&&"object"!=typeof t.style)throw Error(l(62))}}function _e(e,t){if(-1===e.indexOf("-"))return"string"==typeof t.is;switch(e){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var ke=null;function ye(e){return(e=e.target||e.srcElement||window).correspondingUseElement&&(e=e.correspondingUseElement),3===e.nodeType?e.parentNode:e}var we=null,Ee=null,xe=null;function Se(e){if(e=_r(e)){if("function"!=typeof we)throw Error(l(280));var t=e.stateNode;t&&(t=yr(t),we(e.stateNode,e.type,t))}}function Te(e){Ee?xe?xe.push(e):xe=[e]:Ee=e}function Ce(){if(Ee){var e=Ee,t=xe;if(xe=Ee=null,Se(e),t)for(e=0;e<t.length;e++)Se(t[e])}}function ze(e,t){return e(t)}function Oe(){}var Ne=!1;function Le(e,t,n){if(Ne)return e(t,n);Ne=!0;try{return ze(e,t,n)}finally{Ne=!1,(null!==Ee||null!==xe)&&(Oe(),Ce())}}function Ae(e,t){var n=e.stateNode;if(null===n)return null;var a=yr(n);if(null===a)return null;n=a[t];e:switch(t){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(a=!a.disabled)||(a=!("button"===(e=e.type)||"input"===e||"select"===e||"textarea"===e)),e=!a;break e;default:e=!1}if(e)return null;if(n&&"function"!=typeof n)throw Error(l(231,t,typeof n));return n}var $e=!1;if(u)try{var Be={};Object.defineProperty(Be,"passive",{get:function(){$e=!0}}),window.addEventListener("test",Be,Be),window.removeEventListener("test",Be,Be)}catch(ue){$e=!1}function Pe(e,t,n,a,r,l,o,i,c){var s=Array.prototype.slice.call(arguments,3);try{t.apply(n,s)}catch(e){this.onError(e)}}var Ie=!1,je=null,Me=!1,Fe=null,Re={onError:function(e){Ie=!0,je=e}};function De(e,t,n,a,r,l,o,i,c){Ie=!1,je=null,Pe.apply(Re,arguments)}function Ke(e){var t=e,n=e;if(e.alternate)for(;t.return;)t=t.return;else{e=t;do{!!(4098&(t=e).flags)&&(n=t.return),e=t.return}while(e)}return 3===t.tag?n:null}function He(e){if(13===e.tag){var t=e.memoizedState;if(null===t&&null!==(e=e.alternate)&&(t=e.memoizedState),null!==t)return t.dehydrated}return null}function Ve(e){if(Ke(e)!==e)throw Error(l(188))}function Ue(e){return null!==(e=function(e){var t=e.alternate;if(!t){if(null===(t=Ke(e)))throw Error(l(188));return t!==e?null:e}for(var n=e,a=t;;){var r=n.return;if(null===r)break;var o=r.alternate;if(null===o){if(null!==(a=r.return)){n=a;continue}break}if(r.child===o.child){for(o=r.child;o;){if(o===n)return Ve(r),e;if(o===a)return Ve(r),t;o=o.sibling}throw Error(l(188))}if(n.return!==a.return)n=r,a=o;else{for(var i=!1,c=r.child;c;){if(c===n){i=!0,n=r,a=o;break}if(c===a){i=!0,a=r,n=o;break}c=c.sibling}if(!i){for(c=o.child;c;){if(c===n){i=!0,n=o,a=r;break}if(c===a){i=!0,a=o,n=r;break}c=c.sibling}if(!i)throw Error(l(189))}}if(n.alternate!==a)throw Error(l(190))}if(3!==n.tag)throw Error(l(188));return n.stateNode.current===n?e:t}(e))?We(e):null}function We(e){if(5===e.tag||6===e.tag)return e;for(e=e.child;null!==e;){var t=We(e);if(null!==t)return t;e=e.sibling}return null}var qe=r.unstable_scheduleCallback,Ze=r.unstable_cancelCallback,Ge=r.unstable_shouldYield,Ye=r.unstable_requestPaint,Je=r.unstable_now,Qe=r.unstable_getCurrentPriorityLevel,Xe=r.unstable_ImmediatePriority,et=r.unstable_UserBlockingPriority,tt=r.unstable_NormalPriority,nt=r.unstable_LowPriority,at=r.unstable_IdlePriority,rt=null,lt=null,ot=Math.clz32?Math.clz32:function(e){return 0===(e>>>=0)?32:31-(it(e)/ct|0)|0},it=Math.log,ct=Math.LN2,st=64,ut=4194304;function dt(e){switch(e&-e){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return 4194240&e;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return 130023424&e;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;default:return e}}function mt(e,t){var n=e.pendingLanes;if(0===n)return 0;var a=0,r=e.suspendedLanes,l=e.pingedLanes,o=268435455&n;if(0!==o){var i=o&~r;0!==i?a=dt(i):0!=(l&=o)&&(a=dt(l))}else 0!=(o=n&~r)?a=dt(o):0!==l&&(a=dt(l));if(0===a)return 0;if(0!==t&&t!==a&&!(t&r)&&((r=a&-a)>=(l=t&-t)||16===r&&4194240&l))return t;if(4&a&&(a|=16&n),0!==(t=e.entangledLanes))for(e=e.entanglements,t&=a;0<t;)r=1<<(n=31-ot(t)),a|=e[n],t&=~r;return a}function pt(e,t){switch(e){case 1:case 2:case 4:return t+250;case 8:case 16:case 32:case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return t+5e3;default:return-1}}function ft(e){return 0!=(e=-1073741825&e.pendingLanes)?e:1073741824&e?1073741824:0}function ht(){var e=st;return!(4194240&(st<<=1))&&(st=64),e}function bt(e){for(var t=[],n=0;31>n;n++)t.push(e);return t}function gt(e,t,n){e.pendingLanes|=t,536870912!==t&&(e.suspendedLanes=0,e.pingedLanes=0),(e=e.eventTimes)[t=31-ot(t)]=n}function vt(e,t){var n=e.entangledLanes|=t;for(e=e.entanglements;n;){var a=31-ot(n),r=1<<a;r&t|e[a]&t&&(e[a]|=t),n&=~r}}var _t=0;function kt(e){return 1<(e&=-e)?4<e?268435455&e?16:536870912:4:1}var yt,wt,Et,xt,St,Tt=!1,Ct=[],zt=null,Ot=null,Nt=null,Lt=new Map,At=new Map,$t=[],Bt="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset submit".split(" ");function Pt(e,t){switch(e){case"focusin":case"focusout":zt=null;break;case"dragenter":case"dragleave":Ot=null;break;case"mouseover":case"mouseout":Nt=null;break;case"pointerover":case"pointerout":Lt.delete(t.pointerId);break;case"gotpointercapture":case"lostpointercapture":At.delete(t.pointerId)}}function It(e,t,n,a,r,l){return null===e||e.nativeEvent!==l?(e={blockedOn:t,domEventName:n,eventSystemFlags:a,nativeEvent:l,targetContainers:[r]},null!==t&&null!==(t=_r(t))&&wt(t),e):(e.eventSystemFlags|=a,t=e.targetContainers,null!==r&&-1===t.indexOf(r)&&t.push(r),e)}function jt(e){var t=vr(e.target);if(null!==t){var n=Ke(t);if(null!==n)if(13===(t=n.tag)){if(null!==(t=He(n)))return e.blockedOn=t,void St(e.priority,(function(){Et(n)}))}else if(3===t&&n.stateNode.current.memoizedState.isDehydrated)return void(e.blockedOn=3===n.tag?n.stateNode.containerInfo:null)}e.blockedOn=null}function Mt(e){if(null!==e.blockedOn)return!1;for(var t=e.targetContainers;0<t.length;){var n=Gt(e.domEventName,e.eventSystemFlags,t[0],e.nativeEvent);if(null!==n)return null!==(t=_r(n))&&wt(t),e.blockedOn=n,!1;var a=new(n=e.nativeEvent).constructor(n.type,n);ke=a,n.target.dispatchEvent(a),ke=null,t.shift()}return!0}function Ft(e,t,n){Mt(e)&&n.delete(t)}function Rt(){Tt=!1,null!==zt&&Mt(zt)&&(zt=null),null!==Ot&&Mt(Ot)&&(Ot=null),null!==Nt&&Mt(Nt)&&(Nt=null),Lt.forEach(Ft),At.forEach(Ft)}function Dt(e,t){e.blockedOn===t&&(e.blockedOn=null,Tt||(Tt=!0,r.unstable_scheduleCallback(r.unstable_NormalPriority,Rt)))}function Kt(e){function t(t){return Dt(t,e)}if(0<Ct.length){Dt(Ct[0],e);for(var n=1;n<Ct.length;n++){var a=Ct[n];a.blockedOn===e&&(a.blockedOn=null)}}for(null!==zt&&Dt(zt,e),null!==Ot&&Dt(Ot,e),null!==Nt&&Dt(Nt,e),Lt.forEach(t),At.forEach(t),n=0;n<$t.length;n++)(a=$t[n]).blockedOn===e&&(a.blockedOn=null);for(;0<$t.length&&null===(n=$t[0]).blockedOn;)jt(n),null===n.blockedOn&&$t.shift()}var Ht=k.ReactCurrentBatchConfig,Vt=!0;function Ut(e,t,n,a){var r=_t,l=Ht.transition;Ht.transition=null;try{_t=1,qt(e,t,n,a)}finally{_t=r,Ht.transition=l}}function Wt(e,t,n,a){var r=_t,l=Ht.transition;Ht.transition=null;try{_t=4,qt(e,t,n,a)}finally{_t=r,Ht.transition=l}}function qt(e,t,n,a){if(Vt){var r=Gt(e,t,n,a);if(null===r)Va(e,t,a,Zt,n),Pt(e,a);else if(function(e,t,n,a,r){switch(t){case"focusin":return zt=It(zt,e,t,n,a,r),!0;case"dragenter":return Ot=It(Ot,e,t,n,a,r),!0;case"mouseover":return Nt=It(Nt,e,t,n,a,r),!0;case"pointerover":var l=r.pointerId;return Lt.set(l,It(Lt.get(l)||null,e,t,n,a,r)),!0;case"gotpointercapture":return l=r.pointerId,At.set(l,It(At.get(l)||null,e,t,n,a,r)),!0}return!1}(r,e,t,n,a))a.stopPropagation();else if(Pt(e,a),4&t&&-1<Bt.indexOf(e)){for(;null!==r;){var l=_r(r);if(null!==l&&yt(l),null===(l=Gt(e,t,n,a))&&Va(e,t,a,Zt,n),l===r)break;r=l}null!==r&&a.stopPropagation()}else Va(e,t,a,null,n)}}var Zt=null;function Gt(e,t,n,a){if(Zt=null,null!==(e=vr(e=ye(a))))if(null===(t=Ke(e)))e=null;else if(13===(n=t.tag)){if(null!==(e=He(t)))return e;e=null}else if(3===n){if(t.stateNode.current.memoizedState.isDehydrated)return 3===t.tag?t.stateNode.containerInfo:null;e=null}else t!==e&&(e=null);return Zt=e,null}function Yt(e){switch(e){case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 1;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"toggle":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 4;case"message":switch(Qe()){case Xe:return 1;case et:return 4;case tt:case nt:return 16;case at:return 536870912;default:return 16}default:return 16}}var Jt=null,Qt=null,Xt=null;function en(){if(Xt)return Xt;var e,t,n=Qt,a=n.length,r="value"in Jt?Jt.value:Jt.textContent,l=r.length;for(e=0;e<a&&n[e]===r[e];e++);var o=a-e;for(t=1;t<=o&&n[a-t]===r[l-t];t++);return Xt=r.slice(e,1<t?1-t:void 0)}function tn(e){var t=e.keyCode;return"charCode"in e?0===(e=e.charCode)&&13===t&&(e=13):e=t,10===e&&(e=13),32<=e||13===e?e:0}function nn(){return!0}function an(){return!1}function rn(e){function t(t,n,a,r,l){for(var o in this._reactName=t,this._targetInst=a,this.type=n,this.nativeEvent=r,this.target=l,this.currentTarget=null,e)e.hasOwnProperty(o)&&(t=e[o],this[o]=t?t(r):r[o]);return this.isDefaultPrevented=(null!=r.defaultPrevented?r.defaultPrevented:!1===r.returnValue)?nn:an,this.isPropagationStopped=an,this}return j(t.prototype,{preventDefault:function(){this.defaultPrevented=!0;var e=this.nativeEvent;e&&(e.preventDefault?e.preventDefault():"unknown"!=typeof e.returnValue&&(e.returnValue=!1),this.isDefaultPrevented=nn)},stopPropagation:function(){var e=this.nativeEvent;e&&(e.stopPropagation?e.stopPropagation():"unknown"!=typeof e.cancelBubble&&(e.cancelBubble=!0),this.isPropagationStopped=nn)},persist:function(){},isPersistent:nn}),t}var ln,on,cn,sn={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},un=rn(sn),dn=j({},sn,{view:0,detail:0}),mn=rn(dn),pn=j({},dn,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:Sn,button:0,buttons:0,relatedTarget:function(e){return void 0===e.relatedTarget?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==cn&&(cn&&"mousemove"===e.type?(ln=e.screenX-cn.screenX,on=e.screenY-cn.screenY):on=ln=0,cn=e),ln)},movementY:function(e){return"movementY"in e?e.movementY:on}}),fn=rn(pn),hn=rn(j({},pn,{dataTransfer:0})),bn=rn(j({},dn,{relatedTarget:0})),gn=rn(j({},sn,{animationName:0,elapsedTime:0,pseudoElement:0})),vn=j({},sn,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),_n=rn(vn),kn=rn(j({},sn,{data:0})),yn={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},wn={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},En={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function xn(e){var t=this.nativeEvent;return t.getModifierState?t.getModifierState(e):!!(e=En[e])&&!!t[e]}function Sn(){return xn}var Tn=j({},dn,{key:function(e){if(e.key){var t=yn[e.key]||e.key;if("Unidentified"!==t)return t}return"keypress"===e.type?13===(e=tn(e))?"Enter":String.fromCharCode(e):"keydown"===e.type||"keyup"===e.type?wn[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:Sn,charCode:function(e){return"keypress"===e.type?tn(e):0},keyCode:function(e){return"keydown"===e.type||"keyup"===e.type?e.keyCode:0},which:function(e){return"keypress"===e.type?tn(e):"keydown"===e.type||"keyup"===e.type?e.keyCode:0}}),Cn=rn(Tn),zn=rn(j({},pn,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0})),On=rn(j({},dn,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:Sn})),Nn=rn(j({},sn,{propertyName:0,elapsedTime:0,pseudoElement:0})),Ln=j({},pn,{deltaX:function(e){return"deltaX"in e?e.deltaX:"wheelDeltaX"in e?-e.wheelDeltaX:0},deltaY:function(e){return"deltaY"in e?e.deltaY:"wheelDeltaY"in e?-e.wheelDeltaY:"wheelDelta"in e?-e.wheelDelta:0},deltaZ:0,deltaMode:0}),An=rn(Ln),$n=[9,13,27,32],Bn=u&&"CompositionEvent"in window,Pn=null;u&&"documentMode"in document&&(Pn=document.documentMode);var In=u&&"TextEvent"in window&&!Pn,jn=u&&(!Bn||Pn&&8<Pn&&11>=Pn),Mn=String.fromCharCode(32),Fn=!1;function Rn(e,t){switch(e){case"keyup":return-1!==$n.indexOf(t.keyCode);case"keydown":return 229!==t.keyCode;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function Dn(e){return"object"==typeof(e=e.detail)&&"data"in e?e.data:null}var Kn=!1,Hn={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function Vn(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return"input"===t?!!Hn[e.type]:"textarea"===t}function Un(e,t,n,a){Te(a),0<(t=Wa(t,"onChange")).length&&(n=new un("onChange","change",null,n,a),e.push({event:n,listeners:t}))}var Wn=null,qn=null;function Zn(e){Ma(e,0)}function Gn(e){if(q(kr(e)))return e}function Yn(e,t){if("change"===e)return t}var Jn=!1;if(u){var Qn;if(u){var Xn="oninput"in document;if(!Xn){var ea=document.createElement("div");ea.setAttribute("oninput","return;"),Xn="function"==typeof ea.oninput}Qn=Xn}else Qn=!1;Jn=Qn&&(!document.documentMode||9<document.documentMode)}function ta(){Wn&&(Wn.detachEvent("onpropertychange",na),qn=Wn=null)}function na(e){if("value"===e.propertyName&&Gn(qn)){var t=[];Un(t,qn,e,ye(e)),Le(Zn,t)}}function aa(e,t,n){"focusin"===e?(ta(),qn=n,(Wn=t).attachEvent("onpropertychange",na)):"focusout"===e&&ta()}function ra(e){if("selectionchange"===e||"keyup"===e||"keydown"===e)return Gn(qn)}function la(e,t){if("click"===e)return Gn(t)}function oa(e,t){if("input"===e||"change"===e)return Gn(t)}var ia="function"==typeof Object.is?Object.is:function(e,t){return e===t&&(0!==e||1/e==1/t)||e!=e&&t!=t};function ca(e,t){if(ia(e,t))return!0;if("object"!=typeof e||null===e||"object"!=typeof t||null===t)return!1;var n=Object.keys(e),a=Object.keys(t);if(n.length!==a.length)return!1;for(a=0;a<n.length;a++){var r=n[a];if(!d.call(t,r)||!ia(e[r],t[r]))return!1}return!0}function sa(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function ua(e,t){var n,a=sa(e);for(e=0;a;){if(3===a.nodeType){if(n=e+a.textContent.length,e<=t&&n>=t)return{node:a,offset:t-e};e=n}e:{for(;a;){if(a.nextSibling){a=a.nextSibling;break e}a=a.parentNode}a=void 0}a=sa(a)}}function da(e,t){return!(!e||!t)&&(e===t||(!e||3!==e.nodeType)&&(t&&3===t.nodeType?da(e,t.parentNode):"contains"in e?e.contains(t):!!e.compareDocumentPosition&&!!(16&e.compareDocumentPosition(t))))}function ma(){for(var e=window,t=Z();t instanceof e.HTMLIFrameElement;){try{var n="string"==typeof t.contentWindow.location.href}catch(e){n=!1}if(!n)break;t=Z((e=t.contentWindow).document)}return t}function pa(e){var t=e&&e.nodeName&&e.nodeName.toLowerCase();return t&&("input"===t&&("text"===e.type||"search"===e.type||"tel"===e.type||"url"===e.type||"password"===e.type)||"textarea"===t||"true"===e.contentEditable)}function fa(e){var t=ma(),n=e.focusedElem,a=e.selectionRange;if(t!==n&&n&&n.ownerDocument&&da(n.ownerDocument.documentElement,n)){if(null!==a&&pa(n))if(t=a.start,void 0===(e=a.end)&&(e=t),"selectionStart"in n)n.selectionStart=t,n.selectionEnd=Math.min(e,n.value.length);else if((e=(t=n.ownerDocument||document)&&t.defaultView||window).getSelection){e=e.getSelection();var r=n.textContent.length,l=Math.min(a.start,r);a=void 0===a.end?l:Math.min(a.end,r),!e.extend&&l>a&&(r=a,a=l,l=r),r=ua(n,l);var o=ua(n,a);r&&o&&(1!==e.rangeCount||e.anchorNode!==r.node||e.anchorOffset!==r.offset||e.focusNode!==o.node||e.focusOffset!==o.offset)&&((t=t.createRange()).setStart(r.node,r.offset),e.removeAllRanges(),l>a?(e.addRange(t),e.extend(o.node,o.offset)):(t.setEnd(o.node,o.offset),e.addRange(t)))}for(t=[],e=n;e=e.parentNode;)1===e.nodeType&&t.push({element:e,left:e.scrollLeft,top:e.scrollTop});for("function"==typeof n.focus&&n.focus(),n=0;n<t.length;n++)(e=t[n]).element.scrollLeft=e.left,e.element.scrollTop=e.top}}var ha=u&&"documentMode"in document&&11>=document.documentMode,ba=null,ga=null,va=null,_a=!1;function ka(e,t,n){var a=n.window===n?n.document:9===n.nodeType?n:n.ownerDocument;_a||null==ba||ba!==Z(a)||(a="selectionStart"in(a=ba)&&pa(a)?{start:a.selectionStart,end:a.selectionEnd}:{anchorNode:(a=(a.ownerDocument&&a.ownerDocument.defaultView||window).getSelection()).anchorNode,anchorOffset:a.anchorOffset,focusNode:a.focusNode,focusOffset:a.focusOffset},va&&ca(va,a)||(va=a,0<(a=Wa(ga,"onSelect")).length&&(t=new un("onSelect","select",null,t,n),e.push({event:t,listeners:a}),t.target=ba)))}function ya(e,t){var n={};return n[e.toLowerCase()]=t.toLowerCase(),n["Webkit"+e]="webkit"+t,n["Moz"+e]="moz"+t,n}var wa={animationend:ya("Animation","AnimationEnd"),animationiteration:ya("Animation","AnimationIteration"),animationstart:ya("Animation","AnimationStart"),transitionend:ya("Transition","TransitionEnd")},Ea={},xa={};function Sa(e){if(Ea[e])return Ea[e];if(!wa[e])return e;var t,n=wa[e];for(t in n)if(n.hasOwnProperty(t)&&t in xa)return Ea[e]=n[t];return e}u&&(xa=document.createElement("div").style,"AnimationEvent"in window||(delete wa.animationend.animation,delete wa.animationiteration.animation,delete wa.animationstart.animation),"TransitionEvent"in window||delete wa.transitionend.transition);var Ta=Sa("animationend"),Ca=Sa("animationiteration"),za=Sa("animationstart"),Oa=Sa("transitionend"),Na=new Map,La="abort auxClick cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");function Aa(e,t){Na.set(e,t),c(t,[e])}for(var $a=0;$a<La.length;$a++){var Ba=La[$a];Aa(Ba.toLowerCase(),"on"+(Ba[0].toUpperCase()+Ba.slice(1)))}Aa(Ta,"onAnimationEnd"),Aa(Ca,"onAnimationIteration"),Aa(za,"onAnimationStart"),Aa("dblclick","onDoubleClick"),Aa("focusin","onFocus"),Aa("focusout","onBlur"),Aa(Oa,"onTransitionEnd"),s("onMouseEnter",["mouseout","mouseover"]),s("onMouseLeave",["mouseout","mouseover"]),s("onPointerEnter",["pointerout","pointerover"]),s("onPointerLeave",["pointerout","pointerover"]),c("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),c("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),c("onBeforeInput",["compositionend","keypress","textInput","paste"]),c("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),c("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),c("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var Pa="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Ia=new Set("cancel close invalid load scroll toggle".split(" ").concat(Pa));function ja(e,t,n){var a=e.type||"unknown-event";e.currentTarget=n,function(e,t,n,a,r,o,i,c,s){if(De.apply(this,arguments),Ie){if(!Ie)throw Error(l(198));var u=je;Ie=!1,je=null,Me||(Me=!0,Fe=u)}}(a,t,void 0,e),e.currentTarget=null}function Ma(e,t){t=!!(4&t);for(var n=0;n<e.length;n++){var a=e[n],r=a.event;a=a.listeners;e:{var l=void 0;if(t)for(var o=a.length-1;0<=o;o--){var i=a[o],c=i.instance,s=i.currentTarget;if(i=i.listener,c!==l&&r.isPropagationStopped())break e;ja(r,i,s),l=c}else for(o=0;o<a.length;o++){if(c=(i=a[o]).instance,s=i.currentTarget,i=i.listener,c!==l&&r.isPropagationStopped())break e;ja(r,i,s),l=c}}}if(Me)throw e=Fe,Me=!1,Fe=null,e}function Fa(e,t){var n=t[hr];void 0===n&&(n=t[hr]=new Set);var a=e+"__bubble";n.has(a)||(Ha(t,e,2,!1),n.add(a))}function Ra(e,t,n){var a=0;t&&(a|=4),Ha(n,e,a,t)}var Da="_reactListening"+Math.random().toString(36).slice(2);function Ka(e){if(!e[Da]){e[Da]=!0,o.forEach((function(t){"selectionchange"!==t&&(Ia.has(t)||Ra(t,!1,e),Ra(t,!0,e))}));var t=9===e.nodeType?e:e.ownerDocument;null===t||t[Da]||(t[Da]=!0,Ra("selectionchange",!1,t))}}function Ha(e,t,n,a){switch(Yt(t)){case 1:var r=Ut;break;case 4:r=Wt;break;default:r=qt}n=r.bind(null,t,n,e),r=void 0,!$e||"touchstart"!==t&&"touchmove"!==t&&"wheel"!==t||(r=!0),a?void 0!==r?e.addEventListener(t,n,{capture:!0,passive:r}):e.addEventListener(t,n,!0):void 0!==r?e.addEventListener(t,n,{passive:r}):e.addEventListener(t,n,!1)}function Va(e,t,n,a,r){var l=a;if(!(1&t||2&t||null===a))e:for(;;){if(null===a)return;var o=a.tag;if(3===o||4===o){var i=a.stateNode.containerInfo;if(i===r||8===i.nodeType&&i.parentNode===r)break;if(4===o)for(o=a.return;null!==o;){var c=o.tag;if((3===c||4===c)&&((c=o.stateNode.containerInfo)===r||8===c.nodeType&&c.parentNode===r))return;o=o.return}for(;null!==i;){if(null===(o=vr(i)))return;if(5===(c=o.tag)||6===c){a=l=o;continue e}i=i.parentNode}}a=a.return}Le((function(){var a=l,r=ye(n),o=[];e:{var i=Na.get(e);if(void 0!==i){var c=un,s=e;switch(e){case"keypress":if(0===tn(n))break e;case"keydown":case"keyup":c=Cn;break;case"focusin":s="focus",c=bn;break;case"focusout":s="blur",c=bn;break;case"beforeblur":case"afterblur":c=bn;break;case"click":if(2===n.button)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":c=fn;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":c=hn;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":c=On;break;case Ta:case Ca:case za:c=gn;break;case Oa:c=Nn;break;case"scroll":c=mn;break;case"wheel":c=An;break;case"copy":case"cut":case"paste":c=_n;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":c=zn}var u=!!(4&t),d=!u&&"scroll"===e,m=u?null!==i?i+"Capture":null:i;u=[];for(var p,f=a;null!==f;){var h=(p=f).stateNode;if(5===p.tag&&null!==h&&(p=h,null!==m&&null!=(h=Ae(f,m))&&u.push(Ua(f,h,p))),d)break;f=f.return}0<u.length&&(i=new c(i,s,null,n,r),o.push({event:i,listeners:u}))}}if(!(7&t)){if(c="mouseout"===e||"pointerout"===e,(!(i="mouseover"===e||"pointerover"===e)||n===ke||!(s=n.relatedTarget||n.fromElement)||!vr(s)&&!s[fr])&&(c||i)&&(i=r.window===r?r:(i=r.ownerDocument)?i.defaultView||i.parentWindow:window,c?(c=a,null!==(s=(s=n.relatedTarget||n.toElement)?vr(s):null)&&(s!==(d=Ke(s))||5!==s.tag&&6!==s.tag)&&(s=null)):(c=null,s=a),c!==s)){if(u=fn,h="onMouseLeave",m="onMouseEnter",f="mouse","pointerout"!==e&&"pointerover"!==e||(u=zn,h="onPointerLeave",m="onPointerEnter",f="pointer"),d=null==c?i:kr(c),p=null==s?i:kr(s),(i=new u(h,f+"leave",c,n,r)).target=d,i.relatedTarget=p,h=null,vr(r)===a&&((u=new u(m,f+"enter",s,n,r)).target=p,u.relatedTarget=d,h=u),d=h,c&&s)e:{for(m=s,f=0,p=u=c;p;p=qa(p))f++;for(p=0,h=m;h;h=qa(h))p++;for(;0<f-p;)u=qa(u),f--;for(;0<p-f;)m=qa(m),p--;for(;f--;){if(u===m||null!==m&&u===m.alternate)break e;u=qa(u),m=qa(m)}u=null}else u=null;null!==c&&Za(o,i,c,u,!1),null!==s&&null!==d&&Za(o,d,s,u,!0)}if("select"===(c=(i=a?kr(a):window).nodeName&&i.nodeName.toLowerCase())||"input"===c&&"file"===i.type)var b=Yn;else if(Vn(i))if(Jn)b=oa;else{b=ra;var g=aa}else(c=i.nodeName)&&"input"===c.toLowerCase()&&("checkbox"===i.type||"radio"===i.type)&&(b=la);switch(b&&(b=b(e,a))?Un(o,b,n,r):(g&&g(e,i,a),"focusout"===e&&(g=i._wrapperState)&&g.controlled&&"number"===i.type&&ee(i,"number",i.value)),g=a?kr(a):window,e){case"focusin":(Vn(g)||"true"===g.contentEditable)&&(ba=g,ga=a,va=null);break;case"focusout":va=ga=ba=null;break;case"mousedown":_a=!0;break;case"contextmenu":case"mouseup":case"dragend":_a=!1,ka(o,n,r);break;case"selectionchange":if(ha)break;case"keydown":case"keyup":ka(o,n,r)}var v;if(Bn)e:{switch(e){case"compositionstart":var _="onCompositionStart";break e;case"compositionend":_="onCompositionEnd";break e;case"compositionupdate":_="onCompositionUpdate";break e}_=void 0}else Kn?Rn(e,n)&&(_="onCompositionEnd"):"keydown"===e&&229===n.keyCode&&(_="onCompositionStart");_&&(jn&&"ko"!==n.locale&&(Kn||"onCompositionStart"!==_?"onCompositionEnd"===_&&Kn&&(v=en()):(Qt="value"in(Jt=r)?Jt.value:Jt.textContent,Kn=!0)),0<(g=Wa(a,_)).length&&(_=new kn(_,e,null,n,r),o.push({event:_,listeners:g}),(v||null!==(v=Dn(n)))&&(_.data=v))),(v=In?function(e,t){switch(e){case"compositionend":return Dn(t);case"keypress":return 32!==t.which?null:(Fn=!0,Mn);case"textInput":return(e=t.data)===Mn&&Fn?null:e;default:return null}}(e,n):function(e,t){if(Kn)return"compositionend"===e||!Bn&&Rn(e,t)?(e=en(),Xt=Qt=Jt=null,Kn=!1,e):null;switch(e){case"paste":default:return null;case"keypress":if(!(t.ctrlKey||t.altKey||t.metaKey)||t.ctrlKey&&t.altKey){if(t.char&&1<t.char.length)return t.char;if(t.which)return String.fromCharCode(t.which)}return null;case"compositionend":return jn&&"ko"!==t.locale?null:t.data}}(e,n))&&0<(a=Wa(a,"onBeforeInput")).length&&(r=new kn("onBeforeInput","beforeinput",null,n,r),o.push({event:r,listeners:a}),r.data=v)}Ma(o,t)}))}function Ua(e,t,n){return{instance:e,listener:t,currentTarget:n}}function Wa(e,t){for(var n=t+"Capture",a=[];null!==e;){var r=e,l=r.stateNode;5===r.tag&&null!==l&&(r=l,null!=(l=Ae(e,n))&&a.unshift(Ua(e,l,r)),null!=(l=Ae(e,t))&&a.push(Ua(e,l,r))),e=e.return}return a}function qa(e){if(null===e)return null;do{e=e.return}while(e&&5!==e.tag);return e||null}function Za(e,t,n,a,r){for(var l=t._reactName,o=[];null!==n&&n!==a;){var i=n,c=i.alternate,s=i.stateNode;if(null!==c&&c===a)break;5===i.tag&&null!==s&&(i=s,r?null!=(c=Ae(n,l))&&o.unshift(Ua(n,c,i)):r||null!=(c=Ae(n,l))&&o.push(Ua(n,c,i))),n=n.return}0!==o.length&&e.push({event:t,listeners:o})}var Ga=/\r\n?/g,Ya=/\u0000|\uFFFD/g;function Ja(e){return("string"==typeof e?e:""+e).replace(Ga,"\n").replace(Ya,"")}function Qa(e,t,n){if(t=Ja(t),Ja(e)!==t&&n)throw Error(l(425))}function Xa(){}var er=null,tr=null;function nr(e,t){return"textarea"===e||"noscript"===e||"string"==typeof t.children||"number"==typeof t.children||"object"==typeof t.dangerouslySetInnerHTML&&null!==t.dangerouslySetInnerHTML&&null!=t.dangerouslySetInnerHTML.__html}var ar="function"==typeof setTimeout?setTimeout:void 0,rr="function"==typeof clearTimeout?clearTimeout:void 0,lr="function"==typeof Promise?Promise:void 0,or="function"==typeof queueMicrotask?queueMicrotask:void 0!==lr?function(e){return lr.resolve(null).then(e).catch(ir)}:ar;function ir(e){setTimeout((function(){throw e}))}function cr(e,t){var n=t,a=0;do{var r=n.nextSibling;if(e.removeChild(n),r&&8===r.nodeType)if("/$"===(n=r.data)){if(0===a)return e.removeChild(r),void Kt(t);a--}else"$"!==n&&"$?"!==n&&"$!"!==n||a++;n=r}while(n);Kt(t)}function sr(e){for(;null!=e;e=e.nextSibling){var t=e.nodeType;if(1===t||3===t)break;if(8===t){if("$"===(t=e.data)||"$!"===t||"$?"===t)break;if("/$"===t)return null}}return e}function ur(e){e=e.previousSibling;for(var t=0;e;){if(8===e.nodeType){var n=e.data;if("$"===n||"$!"===n||"$?"===n){if(0===t)return e;t--}else"/$"===n&&t++}e=e.previousSibling}return null}var dr=Math.random().toString(36).slice(2),mr="__reactFiber$"+dr,pr="__reactProps$"+dr,fr="__reactContainer$"+dr,hr="__reactEvents$"+dr,br="__reactListeners$"+dr,gr="__reactHandles$"+dr;function vr(e){var t=e[mr];if(t)return t;for(var n=e.parentNode;n;){if(t=n[fr]||n[mr]){if(n=t.alternate,null!==t.child||null!==n&&null!==n.child)for(e=ur(e);null!==e;){if(n=e[mr])return n;e=ur(e)}return t}n=(e=n).parentNode}return null}function _r(e){return!(e=e[mr]||e[fr])||5!==e.tag&&6!==e.tag&&13!==e.tag&&3!==e.tag?null:e}function kr(e){if(5===e.tag||6===e.tag)return e.stateNode;throw Error(l(33))}function yr(e){return e[pr]||null}var wr=[],Er=-1;function xr(e){return{current:e}}function Sr(e){0>Er||(e.current=wr[Er],wr[Er]=null,Er--)}function Tr(e,t){Er++,wr[Er]=e.current,e.current=t}var Cr={},zr=xr(Cr),Or=xr(!1),Nr=Cr;function Lr(e,t){var n=e.type.contextTypes;if(!n)return Cr;var a=e.stateNode;if(a&&a.__reactInternalMemoizedUnmaskedChildContext===t)return a.__reactInternalMemoizedMaskedChildContext;var r,l={};for(r in n)l[r]=t[r];return a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=t,e.__reactInternalMemoizedMaskedChildContext=l),l}function Ar(e){return null!=e.childContextTypes}function $r(){Sr(Or),Sr(zr)}function Br(e,t,n){if(zr.current!==Cr)throw Error(l(168));Tr(zr,t),Tr(Or,n)}function Pr(e,t,n){var a=e.stateNode;if(t=t.childContextTypes,"function"!=typeof a.getChildContext)return n;for(var r in a=a.getChildContext())if(!(r in t))throw Error(l(108,H(e)||"Unknown",r));return j({},n,a)}function Ir(e){return e=(e=e.stateNode)&&e.__reactInternalMemoizedMergedChildContext||Cr,Nr=zr.current,Tr(zr,e),Tr(Or,Or.current),!0}function jr(e,t,n){var a=e.stateNode;if(!a)throw Error(l(169));n?(e=Pr(e,t,Nr),a.__reactInternalMemoizedMergedChildContext=e,Sr(Or),Sr(zr),Tr(zr,e)):Sr(Or),Tr(Or,n)}var Mr=null,Fr=!1,Rr=!1;function Dr(e){null===Mr?Mr=[e]:Mr.push(e)}function Kr(){if(!Rr&&null!==Mr){Rr=!0;var e=0,t=_t;try{var n=Mr;for(_t=1;e<n.length;e++){var a=n[e];do{a=a(!0)}while(null!==a)}Mr=null,Fr=!1}catch(t){throw null!==Mr&&(Mr=Mr.slice(e+1)),qe(Xe,Kr),t}finally{_t=t,Rr=!1}}return null}var Hr=[],Vr=0,Ur=null,Wr=0,qr=[],Zr=0,Gr=null,Yr=1,Jr="";function Qr(e,t){Hr[Vr++]=Wr,Hr[Vr++]=Ur,Ur=e,Wr=t}function Xr(e,t,n){qr[Zr++]=Yr,qr[Zr++]=Jr,qr[Zr++]=Gr,Gr=e;var a=Yr;e=Jr;var r=32-ot(a)-1;a&=~(1<<r),n+=1;var l=32-ot(t)+r;if(30<l){var o=r-r%5;l=(a&(1<<o)-1).toString(32),a>>=o,r-=o,Yr=1<<32-ot(t)+r|n<<r|a,Jr=l+e}else Yr=1<<l|n<<r|a,Jr=e}function el(e){null!==e.return&&(Qr(e,1),Xr(e,1,0))}function tl(e){for(;e===Ur;)Ur=Hr[--Vr],Hr[Vr]=null,Wr=Hr[--Vr],Hr[Vr]=null;for(;e===Gr;)Gr=qr[--Zr],qr[Zr]=null,Jr=qr[--Zr],qr[Zr]=null,Yr=qr[--Zr],qr[Zr]=null}var nl=null,al=null,rl=!1,ll=null;function ol(e,t){var n=Ls(5,null,null,0);n.elementType="DELETED",n.stateNode=t,n.return=e,null===(t=e.deletions)?(e.deletions=[n],e.flags|=16):t.push(n)}function il(e,t){switch(e.tag){case 5:var n=e.type;return null!==(t=1!==t.nodeType||n.toLowerCase()!==t.nodeName.toLowerCase()?null:t)&&(e.stateNode=t,nl=e,al=sr(t.firstChild),!0);case 6:return null!==(t=""===e.pendingProps||3!==t.nodeType?null:t)&&(e.stateNode=t,nl=e,al=null,!0);case 13:return null!==(t=8!==t.nodeType?null:t)&&(n=null!==Gr?{id:Yr,overflow:Jr}:null,e.memoizedState={dehydrated:t,treeContext:n,retryLane:1073741824},(n=Ls(18,null,null,0)).stateNode=t,n.return=e,e.child=n,nl=e,al=null,!0);default:return!1}}function cl(e){return!(!(1&e.mode)||128&e.flags)}function sl(e){if(rl){var t=al;if(t){var n=t;if(!il(e,t)){if(cl(e))throw Error(l(418));t=sr(n.nextSibling);var a=nl;t&&il(e,t)?ol(a,n):(e.flags=-4097&e.flags|2,rl=!1,nl=e)}}else{if(cl(e))throw Error(l(418));e.flags=-4097&e.flags|2,rl=!1,nl=e}}}function ul(e){for(e=e.return;null!==e&&5!==e.tag&&3!==e.tag&&13!==e.tag;)e=e.return;nl=e}function dl(e){if(e!==nl)return!1;if(!rl)return ul(e),rl=!0,!1;var t;if((t=3!==e.tag)&&!(t=5!==e.tag)&&(t="head"!==(t=e.type)&&"body"!==t&&!nr(e.type,e.memoizedProps)),t&&(t=al)){if(cl(e))throw ml(),Error(l(418));for(;t;)ol(e,t),t=sr(t.nextSibling)}if(ul(e),13===e.tag){if(!(e=null!==(e=e.memoizedState)?e.dehydrated:null))throw Error(l(317));e:{for(e=e.nextSibling,t=0;e;){if(8===e.nodeType){var n=e.data;if("/$"===n){if(0===t){al=sr(e.nextSibling);break e}t--}else"$"!==n&&"$!"!==n&&"$?"!==n||t++}e=e.nextSibling}al=null}}else al=nl?sr(e.stateNode.nextSibling):null;return!0}function ml(){for(var e=al;e;)e=sr(e.nextSibling)}function pl(){al=nl=null,rl=!1}function fl(e){null===ll?ll=[e]:ll.push(e)}var hl=k.ReactCurrentBatchConfig;function bl(e,t,n){if(null!==(e=n.ref)&&"function"!=typeof e&&"object"!=typeof e){if(n._owner){if(n=n._owner){if(1!==n.tag)throw Error(l(309));var a=n.stateNode}if(!a)throw Error(l(147,e));var r=a,o=""+e;return null!==t&&null!==t.ref&&"function"==typeof t.ref&&t.ref._stringRef===o?t.ref:((t=function(e){var t=r.refs;null===e?delete t[o]:t[o]=e})._stringRef=o,t)}if("string"!=typeof e)throw Error(l(284));if(!n._owner)throw Error(l(290,e))}return e}function gl(e,t){throw e=Object.prototype.toString.call(t),Error(l(31,"[object Object]"===e?"object with keys {"+Object.keys(t).join(", ")+"}":e))}function vl(e){return(0,e._init)(e._payload)}function _l(e){function t(t,n){if(e){var a=t.deletions;null===a?(t.deletions=[n],t.flags|=16):a.push(n)}}function n(n,a){if(!e)return null;for(;null!==a;)t(n,a),a=a.sibling;return null}function a(e,t){for(e=new Map;null!==t;)null!==t.key?e.set(t.key,t):e.set(t.index,t),t=t.sibling;return e}function r(e,t){return(e=$s(e,t)).index=0,e.sibling=null,e}function o(t,n,a){return t.index=a,e?null!==(a=t.alternate)?(a=a.index)<n?(t.flags|=2,n):a:(t.flags|=2,n):(t.flags|=1048576,n)}function i(t){return e&&null===t.alternate&&(t.flags|=2),t}function c(e,t,n,a){return null===t||6!==t.tag?((t=js(n,e.mode,a)).return=e,t):((t=r(t,n)).return=e,t)}function s(e,t,n,a){var l=n.type;return l===E?d(e,t,n.props.children,a,n.key):null!==t&&(t.elementType===l||"object"==typeof l&&null!==l&&l.$$typeof===A&&vl(l)===t.type)?((a=r(t,n.props)).ref=bl(e,t,n),a.return=e,a):((a=Bs(n.type,n.key,n.props,null,e.mode,a)).ref=bl(e,t,n),a.return=e,a)}function u(e,t,n,a){return null===t||4!==t.tag||t.stateNode.containerInfo!==n.containerInfo||t.stateNode.implementation!==n.implementation?((t=Ms(n,e.mode,a)).return=e,t):((t=r(t,n.children||[])).return=e,t)}function d(e,t,n,a,l){return null===t||7!==t.tag?((t=Ps(n,e.mode,a,l)).return=e,t):((t=r(t,n)).return=e,t)}function m(e,t,n){if("string"==typeof t&&""!==t||"number"==typeof t)return(t=js(""+t,e.mode,n)).return=e,t;if("object"==typeof t&&null!==t){switch(t.$$typeof){case y:return(n=Bs(t.type,t.key,t.props,null,e.mode,n)).ref=bl(e,null,t),n.return=e,n;case w:return(t=Ms(t,e.mode,n)).return=e,t;case A:return m(e,(0,t._init)(t._payload),n)}if(te(t)||P(t))return(t=Ps(t,e.mode,n,null)).return=e,t;gl(e,t)}return null}function p(e,t,n,a){var r=null!==t?t.key:null;if("string"==typeof n&&""!==n||"number"==typeof n)return null!==r?null:c(e,t,""+n,a);if("object"==typeof n&&null!==n){switch(n.$$typeof){case y:return n.key===r?s(e,t,n,a):null;case w:return n.key===r?u(e,t,n,a):null;case A:return p(e,t,(r=n._init)(n._payload),a)}if(te(n)||P(n))return null!==r?null:d(e,t,n,a,null);gl(e,n)}return null}function f(e,t,n,a,r){if("string"==typeof a&&""!==a||"number"==typeof a)return c(t,e=e.get(n)||null,""+a,r);if("object"==typeof a&&null!==a){switch(a.$$typeof){case y:return s(t,e=e.get(null===a.key?n:a.key)||null,a,r);case w:return u(t,e=e.get(null===a.key?n:a.key)||null,a,r);case A:return f(e,t,n,(0,a._init)(a._payload),r)}if(te(a)||P(a))return d(t,e=e.get(n)||null,a,r,null);gl(t,a)}return null}return function c(s,u,d,h){if("object"==typeof d&&null!==d&&d.type===E&&null===d.key&&(d=d.props.children),"object"==typeof d&&null!==d){switch(d.$$typeof){case y:e:{for(var b=d.key,g=u;null!==g;){if(g.key===b){if((b=d.type)===E){if(7===g.tag){n(s,g.sibling),(u=r(g,d.props.children)).return=s,s=u;break e}}else if(g.elementType===b||"object"==typeof b&&null!==b&&b.$$typeof===A&&vl(b)===g.type){n(s,g.sibling),(u=r(g,d.props)).ref=bl(s,g,d),u.return=s,s=u;break e}n(s,g);break}t(s,g),g=g.sibling}d.type===E?((u=Ps(d.props.children,s.mode,h,d.key)).return=s,s=u):((h=Bs(d.type,d.key,d.props,null,s.mode,h)).ref=bl(s,u,d),h.return=s,s=h)}return i(s);case w:e:{for(g=d.key;null!==u;){if(u.key===g){if(4===u.tag&&u.stateNode.containerInfo===d.containerInfo&&u.stateNode.implementation===d.implementation){n(s,u.sibling),(u=r(u,d.children||[])).return=s,s=u;break e}n(s,u);break}t(s,u),u=u.sibling}(u=Ms(d,s.mode,h)).return=s,s=u}return i(s);case A:return c(s,u,(g=d._init)(d._payload),h)}if(te(d))return function(r,l,i,c){for(var s=null,u=null,d=l,h=l=0,b=null;null!==d&&h<i.length;h++){d.index>h?(b=d,d=null):b=d.sibling;var g=p(r,d,i[h],c);if(null===g){null===d&&(d=b);break}e&&d&&null===g.alternate&&t(r,d),l=o(g,l,h),null===u?s=g:u.sibling=g,u=g,d=b}if(h===i.length)return n(r,d),rl&&Qr(r,h),s;if(null===d){for(;h<i.length;h++)null!==(d=m(r,i[h],c))&&(l=o(d,l,h),null===u?s=d:u.sibling=d,u=d);return rl&&Qr(r,h),s}for(d=a(r,d);h<i.length;h++)null!==(b=f(d,r,h,i[h],c))&&(e&&null!==b.alternate&&d.delete(null===b.key?h:b.key),l=o(b,l,h),null===u?s=b:u.sibling=b,u=b);return e&&d.forEach((function(e){return t(r,e)})),rl&&Qr(r,h),s}(s,u,d,h);if(P(d))return function(r,i,c,s){var u=P(c);if("function"!=typeof u)throw Error(l(150));if(null==(c=u.call(c)))throw Error(l(151));for(var d=u=null,h=i,b=i=0,g=null,v=c.next();null!==h&&!v.done;b++,v=c.next()){h.index>b?(g=h,h=null):g=h.sibling;var _=p(r,h,v.value,s);if(null===_){null===h&&(h=g);break}e&&h&&null===_.alternate&&t(r,h),i=o(_,i,b),null===d?u=_:d.sibling=_,d=_,h=g}if(v.done)return n(r,h),rl&&Qr(r,b),u;if(null===h){for(;!v.done;b++,v=c.next())null!==(v=m(r,v.value,s))&&(i=o(v,i,b),null===d?u=v:d.sibling=v,d=v);return rl&&Qr(r,b),u}for(h=a(r,h);!v.done;b++,v=c.next())null!==(v=f(h,r,b,v.value,s))&&(e&&null!==v.alternate&&h.delete(null===v.key?b:v.key),i=o(v,i,b),null===d?u=v:d.sibling=v,d=v);return e&&h.forEach((function(e){return t(r,e)})),rl&&Qr(r,b),u}(s,u,d,h);gl(s,d)}return"string"==typeof d&&""!==d||"number"==typeof d?(d=""+d,null!==u&&6===u.tag?(n(s,u.sibling),(u=r(u,d)).return=s,s=u):(n(s,u),(u=js(d,s.mode,h)).return=s,s=u),i(s)):n(s,u)}}var kl=_l(!0),yl=_l(!1),wl=xr(null),El=null,xl=null,Sl=null;function Tl(){Sl=xl=El=null}function Cl(e){var t=wl.current;Sr(wl),e._currentValue=t}function zl(e,t,n){for(;null!==e;){var a=e.alternate;if((e.childLanes&t)!==t?(e.childLanes|=t,null!==a&&(a.childLanes|=t)):null!==a&&(a.childLanes&t)!==t&&(a.childLanes|=t),e===n)break;e=e.return}}function Ol(e,t){El=e,Sl=xl=null,null!==(e=e.dependencies)&&null!==e.firstContext&&(!!(e.lanes&t)&&(_i=!0),e.firstContext=null)}function Nl(e){var t=e._currentValue;if(Sl!==e)if(e={context:e,memoizedValue:t,next:null},null===xl){if(null===El)throw Error(l(308));xl=e,El.dependencies={lanes:0,firstContext:e}}else xl=xl.next=e;return t}var Ll=null;function Al(e){null===Ll?Ll=[e]:Ll.push(e)}function $l(e,t,n,a){var r=t.interleaved;return null===r?(n.next=n,Al(t)):(n.next=r.next,r.next=n),t.interleaved=n,Bl(e,a)}function Bl(e,t){e.lanes|=t;var n=e.alternate;for(null!==n&&(n.lanes|=t),n=e,e=e.return;null!==e;)e.childLanes|=t,null!==(n=e.alternate)&&(n.childLanes|=t),n=e,e=e.return;return 3===n.tag?n.stateNode:null}var Pl=!1;function Il(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,interleaved:null,lanes:0},effects:null}}function jl(e,t){e=e.updateQueue,t.updateQueue===e&&(t.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,effects:e.effects})}function Ml(e,t){return{eventTime:e,lane:t,tag:0,payload:null,callback:null,next:null}}function Fl(e,t,n){var a=e.updateQueue;if(null===a)return null;if(a=a.shared,2&zc){var r=a.pending;return null===r?t.next=t:(t.next=r.next,r.next=t),a.pending=t,Bl(e,n)}return null===(r=a.interleaved)?(t.next=t,Al(a)):(t.next=r.next,r.next=t),a.interleaved=t,Bl(e,n)}function Rl(e,t,n){if(null!==(t=t.updateQueue)&&(t=t.shared,4194240&n)){var a=t.lanes;n|=a&=e.pendingLanes,t.lanes=n,vt(e,n)}}function Dl(e,t){var n=e.updateQueue,a=e.alternate;if(null!==a&&n===(a=a.updateQueue)){var r=null,l=null;if(null!==(n=n.firstBaseUpdate)){do{var o={eventTime:n.eventTime,lane:n.lane,tag:n.tag,payload:n.payload,callback:n.callback,next:null};null===l?r=l=o:l=l.next=o,n=n.next}while(null!==n);null===l?r=l=t:l=l.next=t}else r=l=t;return n={baseState:a.baseState,firstBaseUpdate:r,lastBaseUpdate:l,shared:a.shared,effects:a.effects},void(e.updateQueue=n)}null===(e=n.lastBaseUpdate)?n.firstBaseUpdate=t:e.next=t,n.lastBaseUpdate=t}function Kl(e,t,n,a){var r=e.updateQueue;Pl=!1;var l=r.firstBaseUpdate,o=r.lastBaseUpdate,i=r.shared.pending;if(null!==i){r.shared.pending=null;var c=i,s=c.next;c.next=null,null===o?l=s:o.next=s,o=c;var u=e.alternate;null!==u&&(i=(u=u.updateQueue).lastBaseUpdate)!==o&&(null===i?u.firstBaseUpdate=s:i.next=s,u.lastBaseUpdate=c)}if(null!==l){var d=r.baseState;for(o=0,u=s=c=null,i=l;;){var m=i.lane,p=i.eventTime;if((a&m)===m){null!==u&&(u=u.next={eventTime:p,lane:0,tag:i.tag,payload:i.payload,callback:i.callback,next:null});e:{var f=e,h=i;switch(m=t,p=n,h.tag){case 1:if("function"==typeof(f=h.payload)){d=f.call(p,d,m);break e}d=f;break e;case 3:f.flags=-65537&f.flags|128;case 0:if(null==(m="function"==typeof(f=h.payload)?f.call(p,d,m):f))break e;d=j({},d,m);break e;case 2:Pl=!0}}null!==i.callback&&0!==i.lane&&(e.flags|=64,null===(m=r.effects)?r.effects=[i]:m.push(i))}else p={eventTime:p,lane:m,tag:i.tag,payload:i.payload,callback:i.callback,next:null},null===u?(s=u=p,c=d):u=u.next=p,o|=m;if(null===(i=i.next)){if(null===(i=r.shared.pending))break;i=(m=i).next,m.next=null,r.lastBaseUpdate=m,r.shared.pending=null}}if(null===u&&(c=d),r.baseState=c,r.firstBaseUpdate=s,r.lastBaseUpdate=u,null!==(t=r.shared.interleaved)){r=t;do{o|=r.lane,r=r.next}while(r!==t)}else null===l&&(r.shared.lanes=0);Ic|=o,e.lanes=o,e.memoizedState=d}}function Hl(e,t,n){if(e=t.effects,t.effects=null,null!==e)for(t=0;t<e.length;t++){var a=e[t],r=a.callback;if(null!==r){if(a.callback=null,a=n,"function"!=typeof r)throw Error(l(191,r));r.call(a)}}}var Vl={},Ul=xr(Vl),Wl=xr(Vl),ql=xr(Vl);function Zl(e){if(e===Vl)throw Error(l(174));return e}function Gl(e,t){switch(Tr(ql,t),Tr(Wl,e),Tr(Ul,Vl),e=t.nodeType){case 9:case 11:t=(t=t.documentElement)?t.namespaceURI:ce(null,"");break;default:t=ce(t=(e=8===e?t.parentNode:t).namespaceURI||null,e=e.tagName)}Sr(Ul),Tr(Ul,t)}function Yl(){Sr(Ul),Sr(Wl),Sr(ql)}function Jl(e){Zl(ql.current);var t=Zl(Ul.current),n=ce(t,e.type);t!==n&&(Tr(Wl,e),Tr(Ul,n))}function Ql(e){Wl.current===e&&(Sr(Ul),Sr(Wl))}var Xl=xr(0);function eo(e){for(var t=e;null!==t;){if(13===t.tag){var n=t.memoizedState;if(null!==n&&(null===(n=n.dehydrated)||"$?"===n.data||"$!"===n.data))return t}else if(19===t.tag&&void 0!==t.memoizedProps.revealOrder){if(128&t.flags)return t}else if(null!==t.child){t.child.return=t,t=t.child;continue}if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return null;t=t.return}t.sibling.return=t.return,t=t.sibling}return null}var to=[];function no(){for(var e=0;e<to.length;e++)to[e]._workInProgressVersionPrimary=null;to.length=0}var ao=k.ReactCurrentDispatcher,ro=k.ReactCurrentBatchConfig,lo=0,oo=null,io=null,co=null,so=!1,uo=!1,mo=0,po=0;function fo(){throw Error(l(321))}function ho(e,t){if(null===t)return!1;for(var n=0;n<t.length&&n<e.length;n++)if(!ia(e[n],t[n]))return!1;return!0}function bo(e,t,n,a,r,o){if(lo=o,oo=t,t.memoizedState=null,t.updateQueue=null,t.lanes=0,ao.current=null===e||null===e.memoizedState?Xo:ei,e=n(a,r),uo){o=0;do{if(uo=!1,mo=0,25<=o)throw Error(l(301));o+=1,co=io=null,t.updateQueue=null,ao.current=ti,e=n(a,r)}while(uo)}if(ao.current=Qo,t=null!==io&&null!==io.next,lo=0,co=io=oo=null,so=!1,t)throw Error(l(300));return e}function go(){var e=0!==mo;return mo=0,e}function vo(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return null===co?oo.memoizedState=co=e:co=co.next=e,co}function _o(){if(null===io){var e=oo.alternate;e=null!==e?e.memoizedState:null}else e=io.next;var t=null===co?oo.memoizedState:co.next;if(null!==t)co=t,io=e;else{if(null===e)throw Error(l(310));e={memoizedState:(io=e).memoizedState,baseState:io.baseState,baseQueue:io.baseQueue,queue:io.queue,next:null},null===co?oo.memoizedState=co=e:co=co.next=e}return co}function ko(e,t){return"function"==typeof t?t(e):t}function yo(e){var t=_o(),n=t.queue;if(null===n)throw Error(l(311));n.lastRenderedReducer=e;var a=io,r=a.baseQueue,o=n.pending;if(null!==o){if(null!==r){var i=r.next;r.next=o.next,o.next=i}a.baseQueue=r=o,n.pending=null}if(null!==r){o=r.next,a=a.baseState;var c=i=null,s=null,u=o;do{var d=u.lane;if((lo&d)===d)null!==s&&(s=s.next={lane:0,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null}),a=u.hasEagerState?u.eagerState:e(a,u.action);else{var m={lane:d,action:u.action,hasEagerState:u.hasEagerState,eagerState:u.eagerState,next:null};null===s?(c=s=m,i=a):s=s.next=m,oo.lanes|=d,Ic|=d}u=u.next}while(null!==u&&u!==o);null===s?i=a:s.next=c,ia(a,t.memoizedState)||(_i=!0),t.memoizedState=a,t.baseState=i,t.baseQueue=s,n.lastRenderedState=a}if(null!==(e=n.interleaved)){r=e;do{o=r.lane,oo.lanes|=o,Ic|=o,r=r.next}while(r!==e)}else null===r&&(n.lanes=0);return[t.memoizedState,n.dispatch]}function wo(e){var t=_o(),n=t.queue;if(null===n)throw Error(l(311));n.lastRenderedReducer=e;var a=n.dispatch,r=n.pending,o=t.memoizedState;if(null!==r){n.pending=null;var i=r=r.next;do{o=e(o,i.action),i=i.next}while(i!==r);ia(o,t.memoizedState)||(_i=!0),t.memoizedState=o,null===t.baseQueue&&(t.baseState=o),n.lastRenderedState=o}return[o,a]}function Eo(){}function xo(e,t){var n=oo,a=_o(),r=t(),o=!ia(a.memoizedState,r);if(o&&(a.memoizedState=r,_i=!0),a=a.queue,Io(Co.bind(null,n,a,e),[e]),a.getSnapshot!==t||o||null!==co&&1&co.memoizedState.tag){if(n.flags|=2048,Lo(9,To.bind(null,n,a,r,t),void 0,null),null===Oc)throw Error(l(349));30&lo||So(n,t,r)}return r}function So(e,t,n){e.flags|=16384,e={getSnapshot:t,value:n},null===(t=oo.updateQueue)?(t={lastEffect:null,stores:null},oo.updateQueue=t,t.stores=[e]):null===(n=t.stores)?t.stores=[e]:n.push(e)}function To(e,t,n,a){t.value=n,t.getSnapshot=a,zo(t)&&Oo(e)}function Co(e,t,n){return n((function(){zo(t)&&Oo(e)}))}function zo(e){var t=e.getSnapshot;e=e.value;try{var n=t();return!ia(e,n)}catch(e){return!0}}function Oo(e){var t=Bl(e,1);null!==t&&ns(t,e,1,-1)}function No(e){var t=vo();return"function"==typeof e&&(e=e()),t.memoizedState=t.baseState=e,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:ko,lastRenderedState:e},t.queue=e,e=e.dispatch=Zo.bind(null,oo,e),[t.memoizedState,e]}function Lo(e,t,n,a){return e={tag:e,create:t,destroy:n,deps:a,next:null},null===(t=oo.updateQueue)?(t={lastEffect:null,stores:null},oo.updateQueue=t,t.lastEffect=e.next=e):null===(n=t.lastEffect)?t.lastEffect=e.next=e:(a=n.next,n.next=e,e.next=a,t.lastEffect=e),e}function Ao(){return _o().memoizedState}function $o(e,t,n,a){var r=vo();oo.flags|=e,r.memoizedState=Lo(1|t,n,void 0,void 0===a?null:a)}function Bo(e,t,n,a){var r=_o();a=void 0===a?null:a;var l=void 0;if(null!==io){var o=io.memoizedState;if(l=o.destroy,null!==a&&ho(a,o.deps))return void(r.memoizedState=Lo(t,n,l,a))}oo.flags|=e,r.memoizedState=Lo(1|t,n,l,a)}function Po(e,t){return $o(8390656,8,e,t)}function Io(e,t){return Bo(2048,8,e,t)}function jo(e,t){return Bo(4,2,e,t)}function Mo(e,t){return Bo(4,4,e,t)}function Fo(e,t){return"function"==typeof t?(e=e(),t(e),function(){t(null)}):null!=t?(e=e(),t.current=e,function(){t.current=null}):void 0}function Ro(e,t,n){return n=null!=n?n.concat([e]):null,Bo(4,4,Fo.bind(null,t,e),n)}function Do(){}function Ko(e,t){var n=_o();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&ho(t,a[1])?a[0]:(n.memoizedState=[e,t],e)}function Ho(e,t){var n=_o();t=void 0===t?null:t;var a=n.memoizedState;return null!==a&&null!==t&&ho(t,a[1])?a[0]:(e=e(),n.memoizedState=[e,t],e)}function Vo(e,t,n){return 21&lo?(ia(n,t)||(n=ht(),oo.lanes|=n,Ic|=n,e.baseState=!0),t):(e.baseState&&(e.baseState=!1,_i=!0),e.memoizedState=n)}function Uo(e,t){var n=_t;_t=0!==n&&4>n?n:4,e(!0);var a=ro.transition;ro.transition={};try{e(!1),t()}finally{_t=n,ro.transition=a}}function Wo(){return _o().memoizedState}function qo(e,t,n){var a=ts(e);n={lane:a,action:n,hasEagerState:!1,eagerState:null,next:null},Go(e)?Yo(t,n):null!==(n=$l(e,t,n,a))&&(ns(n,e,a,es()),Jo(n,t,a))}function Zo(e,t,n){var a=ts(e),r={lane:a,action:n,hasEagerState:!1,eagerState:null,next:null};if(Go(e))Yo(t,r);else{var l=e.alternate;if(0===e.lanes&&(null===l||0===l.lanes)&&null!==(l=t.lastRenderedReducer))try{var o=t.lastRenderedState,i=l(o,n);if(r.hasEagerState=!0,r.eagerState=i,ia(i,o)){var c=t.interleaved;return null===c?(r.next=r,Al(t)):(r.next=c.next,c.next=r),void(t.interleaved=r)}}catch(e){}null!==(n=$l(e,t,r,a))&&(ns(n,e,a,r=es()),Jo(n,t,a))}}function Go(e){var t=e.alternate;return e===oo||null!==t&&t===oo}function Yo(e,t){uo=so=!0;var n=e.pending;null===n?t.next=t:(t.next=n.next,n.next=t),e.pending=t}function Jo(e,t,n){if(4194240&n){var a=t.lanes;n|=a&=e.pendingLanes,t.lanes=n,vt(e,n)}}var Qo={readContext:Nl,useCallback:fo,useContext:fo,useEffect:fo,useImperativeHandle:fo,useInsertionEffect:fo,useLayoutEffect:fo,useMemo:fo,useReducer:fo,useRef:fo,useState:fo,useDebugValue:fo,useDeferredValue:fo,useTransition:fo,useMutableSource:fo,useSyncExternalStore:fo,useId:fo,unstable_isNewReconciler:!1},Xo={readContext:Nl,useCallback:function(e,t){return vo().memoizedState=[e,void 0===t?null:t],e},useContext:Nl,useEffect:Po,useImperativeHandle:function(e,t,n){return n=null!=n?n.concat([e]):null,$o(4194308,4,Fo.bind(null,t,e),n)},useLayoutEffect:function(e,t){return $o(4194308,4,e,t)},useInsertionEffect:function(e,t){return $o(4,2,e,t)},useMemo:function(e,t){var n=vo();return t=void 0===t?null:t,e=e(),n.memoizedState=[e,t],e},useReducer:function(e,t,n){var a=vo();return t=void 0!==n?n(t):t,a.memoizedState=a.baseState=t,e={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:t},a.queue=e,e=e.dispatch=qo.bind(null,oo,e),[a.memoizedState,e]},useRef:function(e){return e={current:e},vo().memoizedState=e},useState:No,useDebugValue:Do,useDeferredValue:function(e){return vo().memoizedState=e},useTransition:function(){var e=No(!1),t=e[0];return e=Uo.bind(null,e[1]),vo().memoizedState=e,[t,e]},useMutableSource:function(){},useSyncExternalStore:function(e,t,n){var a=oo,r=vo();if(rl){if(void 0===n)throw Error(l(407));n=n()}else{if(n=t(),null===Oc)throw Error(l(349));30&lo||So(a,t,n)}r.memoizedState=n;var o={value:n,getSnapshot:t};return r.queue=o,Po(Co.bind(null,a,o,e),[e]),a.flags|=2048,Lo(9,To.bind(null,a,o,n,t),void 0,null),n},useId:function(){var e=vo(),t=Oc.identifierPrefix;if(rl){var n=Jr;t=":"+t+"R"+(n=(Yr&~(1<<32-ot(Yr)-1)).toString(32)+n),0<(n=mo++)&&(t+="H"+n.toString(32)),t+=":"}else t=":"+t+"r"+(n=po++).toString(32)+":";return e.memoizedState=t},unstable_isNewReconciler:!1},ei={readContext:Nl,useCallback:Ko,useContext:Nl,useEffect:Io,useImperativeHandle:Ro,useInsertionEffect:jo,useLayoutEffect:Mo,useMemo:Ho,useReducer:yo,useRef:Ao,useState:function(){return yo(ko)},useDebugValue:Do,useDeferredValue:function(e){return Vo(_o(),io.memoizedState,e)},useTransition:function(){return[yo(ko)[0],_o().memoizedState]},useMutableSource:Eo,useSyncExternalStore:xo,useId:Wo,unstable_isNewReconciler:!1},ti={readContext:Nl,useCallback:Ko,useContext:Nl,useEffect:Io,useImperativeHandle:Ro,useInsertionEffect:jo,useLayoutEffect:Mo,useMemo:Ho,useReducer:wo,useRef:Ao,useState:function(){return wo(ko)},useDebugValue:Do,useDeferredValue:function(e){var t=_o();return null===io?t.memoizedState=e:Vo(t,io.memoizedState,e)},useTransition:function(){return[wo(ko)[0],_o().memoizedState]},useMutableSource:Eo,useSyncExternalStore:xo,useId:Wo,unstable_isNewReconciler:!1};function ni(e,t){if(e&&e.defaultProps){for(var n in t=j({},t),e=e.defaultProps)void 0===t[n]&&(t[n]=e[n]);return t}return t}function ai(e,t,n,a){n=null==(n=n(a,t=e.memoizedState))?t:j({},t,n),e.memoizedState=n,0===e.lanes&&(e.updateQueue.baseState=n)}var ri={isMounted:function(e){return!!(e=e._reactInternals)&&Ke(e)===e},enqueueSetState:function(e,t,n){e=e._reactInternals;var a=es(),r=ts(e),l=Ml(a,r);l.payload=t,null!=n&&(l.callback=n),null!==(t=Fl(e,l,r))&&(ns(t,e,r,a),Rl(t,e,r))},enqueueReplaceState:function(e,t,n){e=e._reactInternals;var a=es(),r=ts(e),l=Ml(a,r);l.tag=1,l.payload=t,null!=n&&(l.callback=n),null!==(t=Fl(e,l,r))&&(ns(t,e,r,a),Rl(t,e,r))},enqueueForceUpdate:function(e,t){e=e._reactInternals;var n=es(),a=ts(e),r=Ml(n,a);r.tag=2,null!=t&&(r.callback=t),null!==(t=Fl(e,r,a))&&(ns(t,e,a,n),Rl(t,e,a))}};function li(e,t,n,a,r,l,o){return"function"==typeof(e=e.stateNode).shouldComponentUpdate?e.shouldComponentUpdate(a,l,o):!(t.prototype&&t.prototype.isPureReactComponent&&ca(n,a)&&ca(r,l))}function oi(e,t,n){var a=!1,r=Cr,l=t.contextType;return"object"==typeof l&&null!==l?l=Nl(l):(r=Ar(t)?Nr:zr.current,l=(a=null!=(a=t.contextTypes))?Lr(e,r):Cr),t=new t(n,l),e.memoizedState=null!==t.state&&void 0!==t.state?t.state:null,t.updater=ri,e.stateNode=t,t._reactInternals=e,a&&((e=e.stateNode).__reactInternalMemoizedUnmaskedChildContext=r,e.__reactInternalMemoizedMaskedChildContext=l),t}function ii(e,t,n,a){e=t.state,"function"==typeof t.componentWillReceiveProps&&t.componentWillReceiveProps(n,a),"function"==typeof t.UNSAFE_componentWillReceiveProps&&t.UNSAFE_componentWillReceiveProps(n,a),t.state!==e&&ri.enqueueReplaceState(t,t.state,null)}function ci(e,t,n,a){var r=e.stateNode;r.props=n,r.state=e.memoizedState,r.refs={},Il(e);var l=t.contextType;"object"==typeof l&&null!==l?r.context=Nl(l):(l=Ar(t)?Nr:zr.current,r.context=Lr(e,l)),r.state=e.memoizedState,"function"==typeof(l=t.getDerivedStateFromProps)&&(ai(e,t,l,n),r.state=e.memoizedState),"function"==typeof t.getDerivedStateFromProps||"function"==typeof r.getSnapshotBeforeUpdate||"function"!=typeof r.UNSAFE_componentWillMount&&"function"!=typeof r.componentWillMount||(t=r.state,"function"==typeof r.componentWillMount&&r.componentWillMount(),"function"==typeof r.UNSAFE_componentWillMount&&r.UNSAFE_componentWillMount(),t!==r.state&&ri.enqueueReplaceState(r,r.state,null),Kl(e,n,r,a),r.state=e.memoizedState),"function"==typeof r.componentDidMount&&(e.flags|=4194308)}function si(e,t){try{var n="",a=t;do{n+=D(a),a=a.return}while(a);var r=n}catch(e){r="\nError generating stack: "+e.message+"\n"+e.stack}return{value:e,source:t,stack:r,digest:null}}function ui(e,t,n){return{value:e,source:null,stack:null!=n?n:null,digest:null!=t?t:null}}function di(e,t){try{console.error(t.value)}catch(e){setTimeout((function(){throw e}))}}var mi="function"==typeof WeakMap?WeakMap:Map;function pi(e,t,n){(n=Ml(-1,n)).tag=3,n.payload={element:null};var a=t.value;return n.callback=function(){Vc||(Vc=!0,Uc=a),di(0,t)},n}function fi(e,t,n){(n=Ml(-1,n)).tag=3;var a=e.type.getDerivedStateFromError;if("function"==typeof a){var r=t.value;n.payload=function(){return a(r)},n.callback=function(){di(0,t)}}var l=e.stateNode;return null!==l&&"function"==typeof l.componentDidCatch&&(n.callback=function(){di(0,t),"function"!=typeof a&&(null===Wc?Wc=new Set([this]):Wc.add(this));var e=t.stack;this.componentDidCatch(t.value,{componentStack:null!==e?e:""})}),n}function hi(e,t,n){var a=e.pingCache;if(null===a){a=e.pingCache=new mi;var r=new Set;a.set(t,r)}else void 0===(r=a.get(t))&&(r=new Set,a.set(t,r));r.has(n)||(r.add(n),e=Ss.bind(null,e,t,n),t.then(e,e))}function bi(e){do{var t;if((t=13===e.tag)&&(t=null===(t=e.memoizedState)||null!==t.dehydrated),t)return e;e=e.return}while(null!==e);return null}function gi(e,t,n,a,r){return 1&e.mode?(e.flags|=65536,e.lanes=r,e):(e===t?e.flags|=65536:(e.flags|=128,n.flags|=131072,n.flags&=-52805,1===n.tag&&(null===n.alternate?n.tag=17:((t=Ml(-1,1)).tag=2,Fl(n,t,1))),n.lanes|=1),e)}var vi=k.ReactCurrentOwner,_i=!1;function ki(e,t,n,a){t.child=null===e?yl(t,null,n,a):kl(t,e.child,n,a)}function yi(e,t,n,a,r){n=n.render;var l=t.ref;return Ol(t,r),a=bo(e,t,n,a,l,r),n=go(),null===e||_i?(rl&&n&&el(t),t.flags|=1,ki(e,t,a,r),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~r,Vi(e,t,r))}function wi(e,t,n,a,r){if(null===e){var l=n.type;return"function"!=typeof l||As(l)||void 0!==l.defaultProps||null!==n.compare||void 0!==n.defaultProps?((e=Bs(n.type,null,a,t,t.mode,r)).ref=t.ref,e.return=t,t.child=e):(t.tag=15,t.type=l,Ei(e,t,l,a,r))}if(l=e.child,!(e.lanes&r)){var o=l.memoizedProps;if((n=null!==(n=n.compare)?n:ca)(o,a)&&e.ref===t.ref)return Vi(e,t,r)}return t.flags|=1,(e=$s(l,a)).ref=t.ref,e.return=t,t.child=e}function Ei(e,t,n,a,r){if(null!==e){var l=e.memoizedProps;if(ca(l,a)&&e.ref===t.ref){if(_i=!1,t.pendingProps=a=l,!(e.lanes&r))return t.lanes=e.lanes,Vi(e,t,r);131072&e.flags&&(_i=!0)}}return Ti(e,t,n,a,r)}function xi(e,t,n){var a=t.pendingProps,r=a.children,l=null!==e?e.memoizedState:null;if("hidden"===a.mode)if(1&t.mode){if(!(1073741824&n))return e=null!==l?l.baseLanes|n:n,t.lanes=t.childLanes=1073741824,t.memoizedState={baseLanes:e,cachePool:null,transitions:null},t.updateQueue=null,Tr($c,Ac),Ac|=e,null;t.memoizedState={baseLanes:0,cachePool:null,transitions:null},a=null!==l?l.baseLanes:n,Tr($c,Ac),Ac|=a}else t.memoizedState={baseLanes:0,cachePool:null,transitions:null},Tr($c,Ac),Ac|=n;else null!==l?(a=l.baseLanes|n,t.memoizedState=null):a=n,Tr($c,Ac),Ac|=a;return ki(e,t,r,n),t.child}function Si(e,t){var n=t.ref;(null===e&&null!==n||null!==e&&e.ref!==n)&&(t.flags|=512,t.flags|=2097152)}function Ti(e,t,n,a,r){var l=Ar(n)?Nr:zr.current;return l=Lr(t,l),Ol(t,r),n=bo(e,t,n,a,l,r),a=go(),null===e||_i?(rl&&a&&el(t),t.flags|=1,ki(e,t,n,r),t.child):(t.updateQueue=e.updateQueue,t.flags&=-2053,e.lanes&=~r,Vi(e,t,r))}function Ci(e,t,n,a,r){if(Ar(n)){var l=!0;Ir(t)}else l=!1;if(Ol(t,r),null===t.stateNode)Hi(e,t),oi(t,n,a),ci(t,n,a,r),a=!0;else if(null===e){var o=t.stateNode,i=t.memoizedProps;o.props=i;var c=o.context,s=n.contextType;s="object"==typeof s&&null!==s?Nl(s):Lr(t,s=Ar(n)?Nr:zr.current);var u=n.getDerivedStateFromProps,d="function"==typeof u||"function"==typeof o.getSnapshotBeforeUpdate;d||"function"!=typeof o.UNSAFE_componentWillReceiveProps&&"function"!=typeof o.componentWillReceiveProps||(i!==a||c!==s)&&ii(t,o,a,s),Pl=!1;var m=t.memoizedState;o.state=m,Kl(t,a,o,r),c=t.memoizedState,i!==a||m!==c||Or.current||Pl?("function"==typeof u&&(ai(t,n,u,a),c=t.memoizedState),(i=Pl||li(t,n,i,a,m,c,s))?(d||"function"!=typeof o.UNSAFE_componentWillMount&&"function"!=typeof o.componentWillMount||("function"==typeof o.componentWillMount&&o.componentWillMount(),"function"==typeof o.UNSAFE_componentWillMount&&o.UNSAFE_componentWillMount()),"function"==typeof o.componentDidMount&&(t.flags|=4194308)):("function"==typeof o.componentDidMount&&(t.flags|=4194308),t.memoizedProps=a,t.memoizedState=c),o.props=a,o.state=c,o.context=s,a=i):("function"==typeof o.componentDidMount&&(t.flags|=4194308),a=!1)}else{o=t.stateNode,jl(e,t),i=t.memoizedProps,s=t.type===t.elementType?i:ni(t.type,i),o.props=s,d=t.pendingProps,m=o.context,c="object"==typeof(c=n.contextType)&&null!==c?Nl(c):Lr(t,c=Ar(n)?Nr:zr.current);var p=n.getDerivedStateFromProps;(u="function"==typeof p||"function"==typeof o.getSnapshotBeforeUpdate)||"function"!=typeof o.UNSAFE_componentWillReceiveProps&&"function"!=typeof o.componentWillReceiveProps||(i!==d||m!==c)&&ii(t,o,a,c),Pl=!1,m=t.memoizedState,o.state=m,Kl(t,a,o,r);var f=t.memoizedState;i!==d||m!==f||Or.current||Pl?("function"==typeof p&&(ai(t,n,p,a),f=t.memoizedState),(s=Pl||li(t,n,s,a,m,f,c)||!1)?(u||"function"!=typeof o.UNSAFE_componentWillUpdate&&"function"!=typeof o.componentWillUpdate||("function"==typeof o.componentWillUpdate&&o.componentWillUpdate(a,f,c),"function"==typeof o.UNSAFE_componentWillUpdate&&o.UNSAFE_componentWillUpdate(a,f,c)),"function"==typeof o.componentDidUpdate&&(t.flags|=4),"function"==typeof o.getSnapshotBeforeUpdate&&(t.flags|=1024)):("function"!=typeof o.componentDidUpdate||i===e.memoizedProps&&m===e.memoizedState||(t.flags|=4),"function"!=typeof o.getSnapshotBeforeUpdate||i===e.memoizedProps&&m===e.memoizedState||(t.flags|=1024),t.memoizedProps=a,t.memoizedState=f),o.props=a,o.state=f,o.context=c,a=s):("function"!=typeof o.componentDidUpdate||i===e.memoizedProps&&m===e.memoizedState||(t.flags|=4),"function"!=typeof o.getSnapshotBeforeUpdate||i===e.memoizedProps&&m===e.memoizedState||(t.flags|=1024),a=!1)}return zi(e,t,n,a,l,r)}function zi(e,t,n,a,r,l){Si(e,t);var o=!!(128&t.flags);if(!a&&!o)return r&&jr(t,n,!1),Vi(e,t,l);a=t.stateNode,vi.current=t;var i=o&&"function"!=typeof n.getDerivedStateFromError?null:a.render();return t.flags|=1,null!==e&&o?(t.child=kl(t,e.child,null,l),t.child=kl(t,null,i,l)):ki(e,t,i,l),t.memoizedState=a.state,r&&jr(t,n,!0),t.child}function Oi(e){var t=e.stateNode;t.pendingContext?Br(0,t.pendingContext,t.pendingContext!==t.context):t.context&&Br(0,t.context,!1),Gl(e,t.containerInfo)}function Ni(e,t,n,a,r){return pl(),fl(r),t.flags|=256,ki(e,t,n,a),t.child}var Li,Ai,$i,Bi,Pi={dehydrated:null,treeContext:null,retryLane:0};function Ii(e){return{baseLanes:e,cachePool:null,transitions:null}}function ji(e,t,n){var a,r=t.pendingProps,o=Xl.current,i=!1,c=!!(128&t.flags);if((a=c)||(a=(null===e||null!==e.memoizedState)&&!!(2&o)),a?(i=!0,t.flags&=-129):null!==e&&null===e.memoizedState||(o|=1),Tr(Xl,1&o),null===e)return sl(t),null!==(e=t.memoizedState)&&null!==(e=e.dehydrated)?(1&t.mode?"$!"===e.data?t.lanes=8:t.lanes=1073741824:t.lanes=1,null):(c=r.children,e=r.fallback,i?(r=t.mode,i=t.child,c={mode:"hidden",children:c},1&r||null===i?i=Is(c,r,0,null):(i.childLanes=0,i.pendingProps=c),e=Ps(e,r,n,null),i.return=t,e.return=t,i.sibling=e,t.child=i,t.child.memoizedState=Ii(n),t.memoizedState=Pi,e):Mi(t,c));if(null!==(o=e.memoizedState)&&null!==(a=o.dehydrated))return function(e,t,n,a,r,o,i){if(n)return 256&t.flags?(t.flags&=-257,Fi(e,t,i,a=ui(Error(l(422))))):null!==t.memoizedState?(t.child=e.child,t.flags|=128,null):(o=a.fallback,r=t.mode,a=Is({mode:"visible",children:a.children},r,0,null),(o=Ps(o,r,i,null)).flags|=2,a.return=t,o.return=t,a.sibling=o,t.child=a,1&t.mode&&kl(t,e.child,null,i),t.child.memoizedState=Ii(i),t.memoizedState=Pi,o);if(!(1&t.mode))return Fi(e,t,i,null);if("$!"===r.data){if(a=r.nextSibling&&r.nextSibling.dataset)var c=a.dgst;return a=c,Fi(e,t,i,a=ui(o=Error(l(419)),a,void 0))}if(c=!!(i&e.childLanes),_i||c){if(null!==(a=Oc)){switch(i&-i){case 4:r=2;break;case 16:r=8;break;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:r=32;break;case 536870912:r=268435456;break;default:r=0}0!==(r=r&(a.suspendedLanes|i)?0:r)&&r!==o.retryLane&&(o.retryLane=r,Bl(e,r),ns(a,e,r,-1))}return hs(),Fi(e,t,i,a=ui(Error(l(421))))}return"$?"===r.data?(t.flags|=128,t.child=e.child,t=Cs.bind(null,e),r._reactRetry=t,null):(e=o.treeContext,al=sr(r.nextSibling),nl=t,rl=!0,ll=null,null!==e&&(qr[Zr++]=Yr,qr[Zr++]=Jr,qr[Zr++]=Gr,Yr=e.id,Jr=e.overflow,Gr=t),(t=Mi(t,a.children)).flags|=4096,t)}(e,t,c,r,a,o,n);if(i){i=r.fallback,c=t.mode,a=(o=e.child).sibling;var s={mode:"hidden",children:r.children};return 1&c||t.child===o?(r=$s(o,s)).subtreeFlags=14680064&o.subtreeFlags:((r=t.child).childLanes=0,r.pendingProps=s,t.deletions=null),null!==a?i=$s(a,i):(i=Ps(i,c,n,null)).flags|=2,i.return=t,r.return=t,r.sibling=i,t.child=r,r=i,i=t.child,c=null===(c=e.child.memoizedState)?Ii(n):{baseLanes:c.baseLanes|n,cachePool:null,transitions:c.transitions},i.memoizedState=c,i.childLanes=e.childLanes&~n,t.memoizedState=Pi,r}return e=(i=e.child).sibling,r=$s(i,{mode:"visible",children:r.children}),!(1&t.mode)&&(r.lanes=n),r.return=t,r.sibling=null,null!==e&&(null===(n=t.deletions)?(t.deletions=[e],t.flags|=16):n.push(e)),t.child=r,t.memoizedState=null,r}function Mi(e,t){return(t=Is({mode:"visible",children:t},e.mode,0,null)).return=e,e.child=t}function Fi(e,t,n,a){return null!==a&&fl(a),kl(t,e.child,null,n),(e=Mi(t,t.pendingProps.children)).flags|=2,t.memoizedState=null,e}function Ri(e,t,n){e.lanes|=t;var a=e.alternate;null!==a&&(a.lanes|=t),zl(e.return,t,n)}function Di(e,t,n,a,r){var l=e.memoizedState;null===l?e.memoizedState={isBackwards:t,rendering:null,renderingStartTime:0,last:a,tail:n,tailMode:r}:(l.isBackwards=t,l.rendering=null,l.renderingStartTime=0,l.last=a,l.tail=n,l.tailMode=r)}function Ki(e,t,n){var a=t.pendingProps,r=a.revealOrder,l=a.tail;if(ki(e,t,a.children,n),2&(a=Xl.current))a=1&a|2,t.flags|=128;else{if(null!==e&&128&e.flags)e:for(e=t.child;null!==e;){if(13===e.tag)null!==e.memoizedState&&Ri(e,n,t);else if(19===e.tag)Ri(e,n,t);else if(null!==e.child){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;null===e.sibling;){if(null===e.return||e.return===t)break e;e=e.return}e.sibling.return=e.return,e=e.sibling}a&=1}if(Tr(Xl,a),1&t.mode)switch(r){case"forwards":for(n=t.child,r=null;null!==n;)null!==(e=n.alternate)&&null===eo(e)&&(r=n),n=n.sibling;null===(n=r)?(r=t.child,t.child=null):(r=n.sibling,n.sibling=null),Di(t,!1,r,n,l);break;case"backwards":for(n=null,r=t.child,t.child=null;null!==r;){if(null!==(e=r.alternate)&&null===eo(e)){t.child=r;break}e=r.sibling,r.sibling=n,n=r,r=e}Di(t,!0,n,null,l);break;case"together":Di(t,!1,null,null,void 0);break;default:t.memoizedState=null}else t.memoizedState=null;return t.child}function Hi(e,t){!(1&t.mode)&&null!==e&&(e.alternate=null,t.alternate=null,t.flags|=2)}function Vi(e,t,n){if(null!==e&&(t.dependencies=e.dependencies),Ic|=t.lanes,!(n&t.childLanes))return null;if(null!==e&&t.child!==e.child)throw Error(l(153));if(null!==t.child){for(n=$s(e=t.child,e.pendingProps),t.child=n,n.return=t;null!==e.sibling;)e=e.sibling,(n=n.sibling=$s(e,e.pendingProps)).return=t;n.sibling=null}return t.child}function Ui(e,t){if(!rl)switch(e.tailMode){case"hidden":t=e.tail;for(var n=null;null!==t;)null!==t.alternate&&(n=t),t=t.sibling;null===n?e.tail=null:n.sibling=null;break;case"collapsed":n=e.tail;for(var a=null;null!==n;)null!==n.alternate&&(a=n),n=n.sibling;null===a?t||null===e.tail?e.tail=null:e.tail.sibling=null:a.sibling=null}}function Wi(e){var t=null!==e.alternate&&e.alternate.child===e.child,n=0,a=0;if(t)for(var r=e.child;null!==r;)n|=r.lanes|r.childLanes,a|=14680064&r.subtreeFlags,a|=14680064&r.flags,r.return=e,r=r.sibling;else for(r=e.child;null!==r;)n|=r.lanes|r.childLanes,a|=r.subtreeFlags,a|=r.flags,r.return=e,r=r.sibling;return e.subtreeFlags|=a,e.childLanes=n,t}function qi(e,t,n){var a=t.pendingProps;switch(tl(t),t.tag){case 2:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return Wi(t),null;case 1:case 17:return Ar(t.type)&&$r(),Wi(t),null;case 3:return a=t.stateNode,Yl(),Sr(Or),Sr(zr),no(),a.pendingContext&&(a.context=a.pendingContext,a.pendingContext=null),null!==e&&null!==e.child||(dl(t)?t.flags|=4:null===e||e.memoizedState.isDehydrated&&!(256&t.flags)||(t.flags|=1024,null!==ll&&(os(ll),ll=null))),Ai(e,t),Wi(t),null;case 5:Ql(t);var r=Zl(ql.current);if(n=t.type,null!==e&&null!=t.stateNode)$i(e,t,n,a,r),e.ref!==t.ref&&(t.flags|=512,t.flags|=2097152);else{if(!a){if(null===t.stateNode)throw Error(l(166));return Wi(t),null}if(e=Zl(Ul.current),dl(t)){a=t.stateNode,n=t.type;var o=t.memoizedProps;switch(a[mr]=t,a[pr]=o,e=!!(1&t.mode),n){case"dialog":Fa("cancel",a),Fa("close",a);break;case"iframe":case"object":case"embed":Fa("load",a);break;case"video":case"audio":for(r=0;r<Pa.length;r++)Fa(Pa[r],a);break;case"source":Fa("error",a);break;case"img":case"image":case"link":Fa("error",a),Fa("load",a);break;case"details":Fa("toggle",a);break;case"input":Y(a,o),Fa("invalid",a);break;case"select":a._wrapperState={wasMultiple:!!o.multiple},Fa("invalid",a);break;case"textarea":re(a,o),Fa("invalid",a)}for(var c in ve(n,o),r=null,o)if(o.hasOwnProperty(c)){var s=o[c];"children"===c?"string"==typeof s?a.textContent!==s&&(!0!==o.suppressHydrationWarning&&Qa(a.textContent,s,e),r=["children",s]):"number"==typeof s&&a.textContent!==""+s&&(!0!==o.suppressHydrationWarning&&Qa(a.textContent,s,e),r=["children",""+s]):i.hasOwnProperty(c)&&null!=s&&"onScroll"===c&&Fa("scroll",a)}switch(n){case"input":W(a),X(a,o,!0);break;case"textarea":W(a),oe(a);break;case"select":case"option":break;default:"function"==typeof o.onClick&&(a.onclick=Xa)}a=r,t.updateQueue=a,null!==a&&(t.flags|=4)}else{c=9===r.nodeType?r:r.ownerDocument,"http://www.w3.org/1999/xhtml"===e&&(e=ie(n)),"http://www.w3.org/1999/xhtml"===e?"script"===n?((e=c.createElement("div")).innerHTML="<script><\/script>",e=e.removeChild(e.firstChild)):"string"==typeof a.is?e=c.createElement(n,{is:a.is}):(e=c.createElement(n),"select"===n&&(c=e,a.multiple?c.multiple=!0:a.size&&(c.size=a.size))):e=c.createElementNS(e,n),e[mr]=t,e[pr]=a,Li(e,t,!1,!1),t.stateNode=e;e:{switch(c=_e(n,a),n){case"dialog":Fa("cancel",e),Fa("close",e),r=a;break;case"iframe":case"object":case"embed":Fa("load",e),r=a;break;case"video":case"audio":for(r=0;r<Pa.length;r++)Fa(Pa[r],e);r=a;break;case"source":Fa("error",e),r=a;break;case"img":case"image":case"link":Fa("error",e),Fa("load",e),r=a;break;case"details":Fa("toggle",e),r=a;break;case"input":Y(e,a),r=G(e,a),Fa("invalid",e);break;case"option":default:r=a;break;case"select":e._wrapperState={wasMultiple:!!a.multiple},r=j({},a,{value:void 0}),Fa("invalid",e);break;case"textarea":re(e,a),r=ae(e,a),Fa("invalid",e)}for(o in ve(n,r),s=r)if(s.hasOwnProperty(o)){var u=s[o];"style"===o?be(e,u):"dangerouslySetInnerHTML"===o?null!=(u=u?u.__html:void 0)&&de(e,u):"children"===o?"string"==typeof u?("textarea"!==n||""!==u)&&me(e,u):"number"==typeof u&&me(e,""+u):"suppressContentEditableWarning"!==o&&"suppressHydrationWarning"!==o&&"autoFocus"!==o&&(i.hasOwnProperty(o)?null!=u&&"onScroll"===o&&Fa("scroll",e):null!=u&&_(e,o,u,c))}switch(n){case"input":W(e),X(e,a,!1);break;case"textarea":W(e),oe(e);break;case"option":null!=a.value&&e.setAttribute("value",""+V(a.value));break;case"select":e.multiple=!!a.multiple,null!=(o=a.value)?ne(e,!!a.multiple,o,!1):null!=a.defaultValue&&ne(e,!!a.multiple,a.defaultValue,!0);break;default:"function"==typeof r.onClick&&(e.onclick=Xa)}switch(n){case"button":case"input":case"select":case"textarea":a=!!a.autoFocus;break e;case"img":a=!0;break e;default:a=!1}}a&&(t.flags|=4)}null!==t.ref&&(t.flags|=512,t.flags|=2097152)}return Wi(t),null;case 6:if(e&&null!=t.stateNode)Bi(e,t,e.memoizedProps,a);else{if("string"!=typeof a&&null===t.stateNode)throw Error(l(166));if(n=Zl(ql.current),Zl(Ul.current),dl(t)){if(a=t.stateNode,n=t.memoizedProps,a[mr]=t,(o=a.nodeValue!==n)&&null!==(e=nl))switch(e.tag){case 3:Qa(a.nodeValue,n,!!(1&e.mode));break;case 5:!0!==e.memoizedProps.suppressHydrationWarning&&Qa(a.nodeValue,n,!!(1&e.mode))}o&&(t.flags|=4)}else(a=(9===n.nodeType?n:n.ownerDocument).createTextNode(a))[mr]=t,t.stateNode=a}return Wi(t),null;case 13:if(Sr(Xl),a=t.memoizedState,null===e||null!==e.memoizedState&&null!==e.memoizedState.dehydrated){if(rl&&null!==al&&1&t.mode&&!(128&t.flags))ml(),pl(),t.flags|=98560,o=!1;else if(o=dl(t),null!==a&&null!==a.dehydrated){if(null===e){if(!o)throw Error(l(318));if(!(o=null!==(o=t.memoizedState)?o.dehydrated:null))throw Error(l(317));o[mr]=t}else pl(),!(128&t.flags)&&(t.memoizedState=null),t.flags|=4;Wi(t),o=!1}else null!==ll&&(os(ll),ll=null),o=!0;if(!o)return 65536&t.flags?t:null}return 128&t.flags?(t.lanes=n,t):((a=null!==a)!=(null!==e&&null!==e.memoizedState)&&a&&(t.child.flags|=8192,1&t.mode&&(null===e||1&Xl.current?0===Bc&&(Bc=3):hs())),null!==t.updateQueue&&(t.flags|=4),Wi(t),null);case 4:return Yl(),Ai(e,t),null===e&&Ka(t.stateNode.containerInfo),Wi(t),null;case 10:return Cl(t.type._context),Wi(t),null;case 19:if(Sr(Xl),null===(o=t.memoizedState))return Wi(t),null;if(a=!!(128&t.flags),null===(c=o.rendering))if(a)Ui(o,!1);else{if(0!==Bc||null!==e&&128&e.flags)for(e=t.child;null!==e;){if(null!==(c=eo(e))){for(t.flags|=128,Ui(o,!1),null!==(a=c.updateQueue)&&(t.updateQueue=a,t.flags|=4),t.subtreeFlags=0,a=n,n=t.child;null!==n;)e=a,(o=n).flags&=14680066,null===(c=o.alternate)?(o.childLanes=0,o.lanes=e,o.child=null,o.subtreeFlags=0,o.memoizedProps=null,o.memoizedState=null,o.updateQueue=null,o.dependencies=null,o.stateNode=null):(o.childLanes=c.childLanes,o.lanes=c.lanes,o.child=c.child,o.subtreeFlags=0,o.deletions=null,o.memoizedProps=c.memoizedProps,o.memoizedState=c.memoizedState,o.updateQueue=c.updateQueue,o.type=c.type,e=c.dependencies,o.dependencies=null===e?null:{lanes:e.lanes,firstContext:e.firstContext}),n=n.sibling;return Tr(Xl,1&Xl.current|2),t.child}e=e.sibling}null!==o.tail&&Je()>Kc&&(t.flags|=128,a=!0,Ui(o,!1),t.lanes=4194304)}else{if(!a)if(null!==(e=eo(c))){if(t.flags|=128,a=!0,null!==(n=e.updateQueue)&&(t.updateQueue=n,t.flags|=4),Ui(o,!0),null===o.tail&&"hidden"===o.tailMode&&!c.alternate&&!rl)return Wi(t),null}else 2*Je()-o.renderingStartTime>Kc&&1073741824!==n&&(t.flags|=128,a=!0,Ui(o,!1),t.lanes=4194304);o.isBackwards?(c.sibling=t.child,t.child=c):(null!==(n=o.last)?n.sibling=c:t.child=c,o.last=c)}return null!==o.tail?(t=o.tail,o.rendering=t,o.tail=t.sibling,o.renderingStartTime=Je(),t.sibling=null,n=Xl.current,Tr(Xl,a?1&n|2:1&n),t):(Wi(t),null);case 22:case 23:return ds(),a=null!==t.memoizedState,null!==e&&null!==e.memoizedState!==a&&(t.flags|=8192),a&&1&t.mode?!!(1073741824&Ac)&&(Wi(t),6&t.subtreeFlags&&(t.flags|=8192)):Wi(t),null;case 24:case 25:return null}throw Error(l(156,t.tag))}function Zi(e,t){switch(tl(t),t.tag){case 1:return Ar(t.type)&&$r(),65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 3:return Yl(),Sr(Or),Sr(zr),no(),65536&(e=t.flags)&&!(128&e)?(t.flags=-65537&e|128,t):null;case 5:return Ql(t),null;case 13:if(Sr(Xl),null!==(e=t.memoizedState)&&null!==e.dehydrated){if(null===t.alternate)throw Error(l(340));pl()}return 65536&(e=t.flags)?(t.flags=-65537&e|128,t):null;case 19:return Sr(Xl),null;case 4:return Yl(),null;case 10:return Cl(t.type._context),null;case 22:case 23:return ds(),null;default:return null}}Li=function(e,t){for(var n=t.child;null!==n;){if(5===n.tag||6===n.tag)e.appendChild(n.stateNode);else if(4!==n.tag&&null!==n.child){n.child.return=n,n=n.child;continue}if(n===t)break;for(;null===n.sibling;){if(null===n.return||n.return===t)return;n=n.return}n.sibling.return=n.return,n=n.sibling}},Ai=function(){},$i=function(e,t,n,a){var r=e.memoizedProps;if(r!==a){e=t.stateNode,Zl(Ul.current);var l,o=null;switch(n){case"input":r=G(e,r),a=G(e,a),o=[];break;case"select":r=j({},r,{value:void 0}),a=j({},a,{value:void 0}),o=[];break;case"textarea":r=ae(e,r),a=ae(e,a),o=[];break;default:"function"!=typeof r.onClick&&"function"==typeof a.onClick&&(e.onclick=Xa)}for(u in ve(n,a),n=null,r)if(!a.hasOwnProperty(u)&&r.hasOwnProperty(u)&&null!=r[u])if("style"===u){var c=r[u];for(l in c)c.hasOwnProperty(l)&&(n||(n={}),n[l]="")}else"dangerouslySetInnerHTML"!==u&&"children"!==u&&"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&"autoFocus"!==u&&(i.hasOwnProperty(u)?o||(o=[]):(o=o||[]).push(u,null));for(u in a){var s=a[u];if(c=null!=r?r[u]:void 0,a.hasOwnProperty(u)&&s!==c&&(null!=s||null!=c))if("style"===u)if(c){for(l in c)!c.hasOwnProperty(l)||s&&s.hasOwnProperty(l)||(n||(n={}),n[l]="");for(l in s)s.hasOwnProperty(l)&&c[l]!==s[l]&&(n||(n={}),n[l]=s[l])}else n||(o||(o=[]),o.push(u,n)),n=s;else"dangerouslySetInnerHTML"===u?(s=s?s.__html:void 0,c=c?c.__html:void 0,null!=s&&c!==s&&(o=o||[]).push(u,s)):"children"===u?"string"!=typeof s&&"number"!=typeof s||(o=o||[]).push(u,""+s):"suppressContentEditableWarning"!==u&&"suppressHydrationWarning"!==u&&(i.hasOwnProperty(u)?(null!=s&&"onScroll"===u&&Fa("scroll",e),o||c===s||(o=[])):(o=o||[]).push(u,s))}n&&(o=o||[]).push("style",n);var u=o;(t.updateQueue=u)&&(t.flags|=4)}},Bi=function(e,t,n,a){n!==a&&(t.flags|=4)};var Gi=!1,Yi=!1,Ji="function"==typeof WeakSet?WeakSet:Set,Qi=null;function Xi(e,t){var n=e.ref;if(null!==n)if("function"==typeof n)try{n(null)}catch(n){xs(e,t,n)}else n.current=null}function ec(e,t,n){try{n()}catch(n){xs(e,t,n)}}var tc=!1;function nc(e,t,n){var a=t.updateQueue;if(null!==(a=null!==a?a.lastEffect:null)){var r=a=a.next;do{if((r.tag&e)===e){var l=r.destroy;r.destroy=void 0,void 0!==l&&ec(t,n,l)}r=r.next}while(r!==a)}}function ac(e,t){if(null!==(t=null!==(t=t.updateQueue)?t.lastEffect:null)){var n=t=t.next;do{if((n.tag&e)===e){var a=n.create;n.destroy=a()}n=n.next}while(n!==t)}}function rc(e){var t=e.ref;if(null!==t){var n=e.stateNode;e.tag,e=n,"function"==typeof t?t(e):t.current=e}}function lc(e){var t=e.alternate;null!==t&&(e.alternate=null,lc(t)),e.child=null,e.deletions=null,e.sibling=null,5===e.tag&&null!==(t=e.stateNode)&&(delete t[mr],delete t[pr],delete t[hr],delete t[br],delete t[gr]),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}function oc(e){return 5===e.tag||3===e.tag||4===e.tag}function ic(e){e:for(;;){for(;null===e.sibling;){if(null===e.return||oc(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;5!==e.tag&&6!==e.tag&&18!==e.tag;){if(2&e.flags)continue e;if(null===e.child||4===e.tag)continue e;e.child.return=e,e=e.child}if(!(2&e.flags))return e.stateNode}}function cc(e,t,n){var a=e.tag;if(5===a||6===a)e=e.stateNode,t?8===n.nodeType?n.parentNode.insertBefore(e,t):n.insertBefore(e,t):(8===n.nodeType?(t=n.parentNode).insertBefore(e,n):(t=n).appendChild(e),null!=(n=n._reactRootContainer)||null!==t.onclick||(t.onclick=Xa));else if(4!==a&&null!==(e=e.child))for(cc(e,t,n),e=e.sibling;null!==e;)cc(e,t,n),e=e.sibling}function sc(e,t,n){var a=e.tag;if(5===a||6===a)e=e.stateNode,t?n.insertBefore(e,t):n.appendChild(e);else if(4!==a&&null!==(e=e.child))for(sc(e,t,n),e=e.sibling;null!==e;)sc(e,t,n),e=e.sibling}var uc=null,dc=!1;function mc(e,t,n){for(n=n.child;null!==n;)pc(e,t,n),n=n.sibling}function pc(e,t,n){if(lt&&"function"==typeof lt.onCommitFiberUnmount)try{lt.onCommitFiberUnmount(rt,n)}catch(e){}switch(n.tag){case 5:Yi||Xi(n,t);case 6:var a=uc,r=dc;uc=null,mc(e,t,n),dc=r,null!==(uc=a)&&(dc?(e=uc,n=n.stateNode,8===e.nodeType?e.parentNode.removeChild(n):e.removeChild(n)):uc.removeChild(n.stateNode));break;case 18:null!==uc&&(dc?(e=uc,n=n.stateNode,8===e.nodeType?cr(e.parentNode,n):1===e.nodeType&&cr(e,n),Kt(e)):cr(uc,n.stateNode));break;case 4:a=uc,r=dc,uc=n.stateNode.containerInfo,dc=!0,mc(e,t,n),uc=a,dc=r;break;case 0:case 11:case 14:case 15:if(!Yi&&null!==(a=n.updateQueue)&&null!==(a=a.lastEffect)){r=a=a.next;do{var l=r,o=l.destroy;l=l.tag,void 0!==o&&(2&l||4&l)&&ec(n,t,o),r=r.next}while(r!==a)}mc(e,t,n);break;case 1:if(!Yi&&(Xi(n,t),"function"==typeof(a=n.stateNode).componentWillUnmount))try{a.props=n.memoizedProps,a.state=n.memoizedState,a.componentWillUnmount()}catch(e){xs(n,t,e)}mc(e,t,n);break;case 21:mc(e,t,n);break;case 22:1&n.mode?(Yi=(a=Yi)||null!==n.memoizedState,mc(e,t,n),Yi=a):mc(e,t,n);break;default:mc(e,t,n)}}function fc(e){var t=e.updateQueue;if(null!==t){e.updateQueue=null;var n=e.stateNode;null===n&&(n=e.stateNode=new Ji),t.forEach((function(t){var a=zs.bind(null,e,t);n.has(t)||(n.add(t),t.then(a,a))}))}}function hc(e,t){var n=t.deletions;if(null!==n)for(var a=0;a<n.length;a++){var r=n[a];try{var o=e,i=t,c=i;e:for(;null!==c;){switch(c.tag){case 5:uc=c.stateNode,dc=!1;break e;case 3:case 4:uc=c.stateNode.containerInfo,dc=!0;break e}c=c.return}if(null===uc)throw Error(l(160));pc(o,i,r),uc=null,dc=!1;var s=r.alternate;null!==s&&(s.return=null),r.return=null}catch(e){xs(r,t,e)}}if(12854&t.subtreeFlags)for(t=t.child;null!==t;)bc(t,e),t=t.sibling}function bc(e,t){var n=e.alternate,a=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:if(hc(t,e),gc(e),4&a){try{nc(3,e,e.return),ac(3,e)}catch(t){xs(e,e.return,t)}try{nc(5,e,e.return)}catch(t){xs(e,e.return,t)}}break;case 1:hc(t,e),gc(e),512&a&&null!==n&&Xi(n,n.return);break;case 5:if(hc(t,e),gc(e),512&a&&null!==n&&Xi(n,n.return),32&e.flags){var r=e.stateNode;try{me(r,"")}catch(t){xs(e,e.return,t)}}if(4&a&&null!=(r=e.stateNode)){var o=e.memoizedProps,i=null!==n?n.memoizedProps:o,c=e.type,s=e.updateQueue;if(e.updateQueue=null,null!==s)try{"input"===c&&"radio"===o.type&&null!=o.name&&J(r,o),_e(c,i);var u=_e(c,o);for(i=0;i<s.length;i+=2){var d=s[i],m=s[i+1];"style"===d?be(r,m):"dangerouslySetInnerHTML"===d?de(r,m):"children"===d?me(r,m):_(r,d,m,u)}switch(c){case"input":Q(r,o);break;case"textarea":le(r,o);break;case"select":var p=r._wrapperState.wasMultiple;r._wrapperState.wasMultiple=!!o.multiple;var f=o.value;null!=f?ne(r,!!o.multiple,f,!1):p!==!!o.multiple&&(null!=o.defaultValue?ne(r,!!o.multiple,o.defaultValue,!0):ne(r,!!o.multiple,o.multiple?[]:"",!1))}r[pr]=o}catch(t){xs(e,e.return,t)}}break;case 6:if(hc(t,e),gc(e),4&a){if(null===e.stateNode)throw Error(l(162));r=e.stateNode,o=e.memoizedProps;try{r.nodeValue=o}catch(t){xs(e,e.return,t)}}break;case 3:if(hc(t,e),gc(e),4&a&&null!==n&&n.memoizedState.isDehydrated)try{Kt(t.containerInfo)}catch(t){xs(e,e.return,t)}break;case 4:default:hc(t,e),gc(e);break;case 13:hc(t,e),gc(e),8192&(r=e.child).flags&&(o=null!==r.memoizedState,r.stateNode.isHidden=o,!o||null!==r.alternate&&null!==r.alternate.memoizedState||(Dc=Je())),4&a&&fc(e);break;case 22:if(d=null!==n&&null!==n.memoizedState,1&e.mode?(Yi=(u=Yi)||d,hc(t,e),Yi=u):hc(t,e),gc(e),8192&a){if(u=null!==e.memoizedState,(e.stateNode.isHidden=u)&&!d&&1&e.mode)for(Qi=e,d=e.child;null!==d;){for(m=Qi=d;null!==Qi;){switch(f=(p=Qi).child,p.tag){case 0:case 11:case 14:case 15:nc(4,p,p.return);break;case 1:Xi(p,p.return);var h=p.stateNode;if("function"==typeof h.componentWillUnmount){a=p,n=p.return;try{t=a,h.props=t.memoizedProps,h.state=t.memoizedState,h.componentWillUnmount()}catch(e){xs(a,n,e)}}break;case 5:Xi(p,p.return);break;case 22:if(null!==p.memoizedState){yc(m);continue}}null!==f?(f.return=p,Qi=f):yc(m)}d=d.sibling}e:for(d=null,m=e;;){if(5===m.tag){if(null===d){d=m;try{r=m.stateNode,u?"function"==typeof(o=r.style).setProperty?o.setProperty("display","none","important"):o.display="none":(c=m.stateNode,i=null!=(s=m.memoizedProps.style)&&s.hasOwnProperty("display")?s.display:null,c.style.display=he("display",i))}catch(t){xs(e,e.return,t)}}}else if(6===m.tag){if(null===d)try{m.stateNode.nodeValue=u?"":m.memoizedProps}catch(t){xs(e,e.return,t)}}else if((22!==m.tag&&23!==m.tag||null===m.memoizedState||m===e)&&null!==m.child){m.child.return=m,m=m.child;continue}if(m===e)break e;for(;null===m.sibling;){if(null===m.return||m.return===e)break e;d===m&&(d=null),m=m.return}d===m&&(d=null),m.sibling.return=m.return,m=m.sibling}}break;case 19:hc(t,e),gc(e),4&a&&fc(e);case 21:}}function gc(e){var t=e.flags;if(2&t){try{e:{for(var n=e.return;null!==n;){if(oc(n)){var a=n;break e}n=n.return}throw Error(l(160))}switch(a.tag){case 5:var r=a.stateNode;32&a.flags&&(me(r,""),a.flags&=-33),sc(e,ic(e),r);break;case 3:case 4:var o=a.stateNode.containerInfo;cc(e,ic(e),o);break;default:throw Error(l(161))}}catch(t){xs(e,e.return,t)}e.flags&=-3}4096&t&&(e.flags&=-4097)}function vc(e,t,n){Qi=e,_c(e,t,n)}function _c(e,t,n){for(var a=!!(1&e.mode);null!==Qi;){var r=Qi,l=r.child;if(22===r.tag&&a){var o=null!==r.memoizedState||Gi;if(!o){var i=r.alternate,c=null!==i&&null!==i.memoizedState||Yi;i=Gi;var s=Yi;if(Gi=o,(Yi=c)&&!s)for(Qi=r;null!==Qi;)c=(o=Qi).child,22===o.tag&&null!==o.memoizedState?wc(r):null!==c?(c.return=o,Qi=c):wc(r);for(;null!==l;)Qi=l,_c(l,t,n),l=l.sibling;Qi=r,Gi=i,Yi=s}kc(e)}else 8772&r.subtreeFlags&&null!==l?(l.return=r,Qi=l):kc(e)}}function kc(e){for(;null!==Qi;){var t=Qi;if(8772&t.flags){var n=t.alternate;try{if(8772&t.flags)switch(t.tag){case 0:case 11:case 15:Yi||ac(5,t);break;case 1:var a=t.stateNode;if(4&t.flags&&!Yi)if(null===n)a.componentDidMount();else{var r=t.elementType===t.type?n.memoizedProps:ni(t.type,n.memoizedProps);a.componentDidUpdate(r,n.memoizedState,a.__reactInternalSnapshotBeforeUpdate)}var o=t.updateQueue;null!==o&&Hl(t,o,a);break;case 3:var i=t.updateQueue;if(null!==i){if(n=null,null!==t.child)switch(t.child.tag){case 5:case 1:n=t.child.stateNode}Hl(t,i,n)}break;case 5:var c=t.stateNode;if(null===n&&4&t.flags){n=c;var s=t.memoizedProps;switch(t.type){case"button":case"input":case"select":case"textarea":s.autoFocus&&n.focus();break;case"img":s.src&&(n.src=s.src)}}break;case 6:case 4:case 12:case 19:case 17:case 21:case 22:case 23:case 25:break;case 13:if(null===t.memoizedState){var u=t.alternate;if(null!==u){var d=u.memoizedState;if(null!==d){var m=d.dehydrated;null!==m&&Kt(m)}}}break;default:throw Error(l(163))}Yi||512&t.flags&&rc(t)}catch(e){xs(t,t.return,e)}}if(t===e){Qi=null;break}if(null!==(n=t.sibling)){n.return=t.return,Qi=n;break}Qi=t.return}}function yc(e){for(;null!==Qi;){var t=Qi;if(t===e){Qi=null;break}var n=t.sibling;if(null!==n){n.return=t.return,Qi=n;break}Qi=t.return}}function wc(e){for(;null!==Qi;){var t=Qi;try{switch(t.tag){case 0:case 11:case 15:var n=t.return;try{ac(4,t)}catch(e){xs(t,n,e)}break;case 1:var a=t.stateNode;if("function"==typeof a.componentDidMount){var r=t.return;try{a.componentDidMount()}catch(e){xs(t,r,e)}}var l=t.return;try{rc(t)}catch(e){xs(t,l,e)}break;case 5:var o=t.return;try{rc(t)}catch(e){xs(t,o,e)}}}catch(e){xs(t,t.return,e)}if(t===e){Qi=null;break}var i=t.sibling;if(null!==i){i.return=t.return,Qi=i;break}Qi=t.return}}var Ec,xc=Math.ceil,Sc=k.ReactCurrentDispatcher,Tc=k.ReactCurrentOwner,Cc=k.ReactCurrentBatchConfig,zc=0,Oc=null,Nc=null,Lc=0,Ac=0,$c=xr(0),Bc=0,Pc=null,Ic=0,jc=0,Mc=0,Fc=null,Rc=null,Dc=0,Kc=1/0,Hc=null,Vc=!1,Uc=null,Wc=null,qc=!1,Zc=null,Gc=0,Yc=0,Jc=null,Qc=-1,Xc=0;function es(){return 6&zc?Je():-1!==Qc?Qc:Qc=Je()}function ts(e){return 1&e.mode?2&zc&&0!==Lc?Lc&-Lc:null!==hl.transition?(0===Xc&&(Xc=ht()),Xc):0!==(e=_t)?e:e=void 0===(e=window.event)?16:Yt(e.type):1}function ns(e,t,n,a){if(50<Yc)throw Yc=0,Jc=null,Error(l(185));gt(e,n,a),2&zc&&e===Oc||(e===Oc&&(!(2&zc)&&(jc|=n),4===Bc&&is(e,Lc)),as(e,a),1===n&&0===zc&&!(1&t.mode)&&(Kc=Je()+500,Fr&&Kr()))}function as(e,t){var n=e.callbackNode;!function(e,t){for(var n=e.suspendedLanes,a=e.pingedLanes,r=e.expirationTimes,l=e.pendingLanes;0<l;){var o=31-ot(l),i=1<<o,c=r[o];-1===c?i&n&&!(i&a)||(r[o]=pt(i,t)):c<=t&&(e.expiredLanes|=i),l&=~i}}(e,t);var a=mt(e,e===Oc?Lc:0);if(0===a)null!==n&&Ze(n),e.callbackNode=null,e.callbackPriority=0;else if(t=a&-a,e.callbackPriority!==t){if(null!=n&&Ze(n),1===t)0===e.tag?function(e){Fr=!0,Dr(e)}(cs.bind(null,e)):Dr(cs.bind(null,e)),or((function(){!(6&zc)&&Kr()})),n=null;else{switch(kt(a)){case 1:n=Xe;break;case 4:n=et;break;case 16:default:n=tt;break;case 536870912:n=at}n=Os(n,rs.bind(null,e))}e.callbackPriority=t,e.callbackNode=n}}function rs(e,t){if(Qc=-1,Xc=0,6&zc)throw Error(l(327));var n=e.callbackNode;if(ws()&&e.callbackNode!==n)return null;var a=mt(e,e===Oc?Lc:0);if(0===a)return null;if(30&a||a&e.expiredLanes||t)t=bs(e,a);else{t=a;var r=zc;zc|=2;var o=fs();for(Oc===e&&Lc===t||(Hc=null,Kc=Je()+500,ms(e,t));;)try{vs();break}catch(t){ps(e,t)}Tl(),Sc.current=o,zc=r,null!==Nc?t=0:(Oc=null,Lc=0,t=Bc)}if(0!==t){if(2===t&&0!==(r=ft(e))&&(a=r,t=ls(e,r)),1===t)throw n=Pc,ms(e,0),is(e,a),as(e,Je()),n;if(6===t)is(e,a);else{if(r=e.current.alternate,!(30&a||function(e){for(var t=e;;){if(16384&t.flags){var n=t.updateQueue;if(null!==n&&null!==(n=n.stores))for(var a=0;a<n.length;a++){var r=n[a],l=r.getSnapshot;r=r.value;try{if(!ia(l(),r))return!1}catch(e){return!1}}}if(n=t.child,16384&t.subtreeFlags&&null!==n)n.return=t,t=n;else{if(t===e)break;for(;null===t.sibling;){if(null===t.return||t.return===e)return!0;t=t.return}t.sibling.return=t.return,t=t.sibling}}return!0}(r)||(t=bs(e,a),2===t&&(o=ft(e),0!==o&&(a=o,t=ls(e,o))),1!==t)))throw n=Pc,ms(e,0),is(e,a),as(e,Je()),n;switch(e.finishedWork=r,e.finishedLanes=a,t){case 0:case 1:throw Error(l(345));case 2:case 5:ys(e,Rc,Hc);break;case 3:if(is(e,a),(130023424&a)===a&&10<(t=Dc+500-Je())){if(0!==mt(e,0))break;if(((r=e.suspendedLanes)&a)!==a){es(),e.pingedLanes|=e.suspendedLanes&r;break}e.timeoutHandle=ar(ys.bind(null,e,Rc,Hc),t);break}ys(e,Rc,Hc);break;case 4:if(is(e,a),(4194240&a)===a)break;for(t=e.eventTimes,r=-1;0<a;){var i=31-ot(a);o=1<<i,(i=t[i])>r&&(r=i),a&=~o}if(a=r,10<(a=(120>(a=Je()-a)?120:480>a?480:1080>a?1080:1920>a?1920:3e3>a?3e3:4320>a?4320:1960*xc(a/1960))-a)){e.timeoutHandle=ar(ys.bind(null,e,Rc,Hc),a);break}ys(e,Rc,Hc);break;default:throw Error(l(329))}}}return as(e,Je()),e.callbackNode===n?rs.bind(null,e):null}function ls(e,t){var n=Fc;return e.current.memoizedState.isDehydrated&&(ms(e,t).flags|=256),2!==(e=bs(e,t))&&(t=Rc,Rc=n,null!==t&&os(t)),e}function os(e){null===Rc?Rc=e:Rc.push.apply(Rc,e)}function is(e,t){for(t&=~Mc,t&=~jc,e.suspendedLanes|=t,e.pingedLanes&=~t,e=e.expirationTimes;0<t;){var n=31-ot(t),a=1<<n;e[n]=-1,t&=~a}}function cs(e){if(6&zc)throw Error(l(327));ws();var t=mt(e,0);if(!(1&t))return as(e,Je()),null;var n=bs(e,t);if(0!==e.tag&&2===n){var a=ft(e);0!==a&&(t=a,n=ls(e,a))}if(1===n)throw n=Pc,ms(e,0),is(e,t),as(e,Je()),n;if(6===n)throw Error(l(345));return e.finishedWork=e.current.alternate,e.finishedLanes=t,ys(e,Rc,Hc),as(e,Je()),null}function ss(e,t){var n=zc;zc|=1;try{return e(t)}finally{0===(zc=n)&&(Kc=Je()+500,Fr&&Kr())}}function us(e){null!==Zc&&0===Zc.tag&&!(6&zc)&&ws();var t=zc;zc|=1;var n=Cc.transition,a=_t;try{if(Cc.transition=null,_t=1,e)return e()}finally{_t=a,Cc.transition=n,!(6&(zc=t))&&Kr()}}function ds(){Ac=$c.current,Sr($c)}function ms(e,t){e.finishedWork=null,e.finishedLanes=0;var n=e.timeoutHandle;if(-1!==n&&(e.timeoutHandle=-1,rr(n)),null!==Nc)for(n=Nc.return;null!==n;){var a=n;switch(tl(a),a.tag){case 1:null!=(a=a.type.childContextTypes)&&$r();break;case 3:Yl(),Sr(Or),Sr(zr),no();break;case 5:Ql(a);break;case 4:Yl();break;case 13:case 19:Sr(Xl);break;case 10:Cl(a.type._context);break;case 22:case 23:ds()}n=n.return}if(Oc=e,Nc=e=$s(e.current,null),Lc=Ac=t,Bc=0,Pc=null,Mc=jc=Ic=0,Rc=Fc=null,null!==Ll){for(t=0;t<Ll.length;t++)if(null!==(a=(n=Ll[t]).interleaved)){n.interleaved=null;var r=a.next,l=n.pending;if(null!==l){var o=l.next;l.next=r,a.next=o}n.pending=a}Ll=null}return e}function ps(e,t){for(;;){var n=Nc;try{if(Tl(),ao.current=Qo,so){for(var a=oo.memoizedState;null!==a;){var r=a.queue;null!==r&&(r.pending=null),a=a.next}so=!1}if(lo=0,co=io=oo=null,uo=!1,mo=0,Tc.current=null,null===n||null===n.return){Bc=1,Pc=t,Nc=null;break}e:{var o=e,i=n.return,c=n,s=t;if(t=Lc,c.flags|=32768,null!==s&&"object"==typeof s&&"function"==typeof s.then){var u=s,d=c,m=d.tag;if(!(1&d.mode||0!==m&&11!==m&&15!==m)){var p=d.alternate;p?(d.updateQueue=p.updateQueue,d.memoizedState=p.memoizedState,d.lanes=p.lanes):(d.updateQueue=null,d.memoizedState=null)}var f=bi(i);if(null!==f){f.flags&=-257,gi(f,i,c,0,t),1&f.mode&&hi(o,u,t),s=u;var h=(t=f).updateQueue;if(null===h){var b=new Set;b.add(s),t.updateQueue=b}else h.add(s);break e}if(!(1&t)){hi(o,u,t),hs();break e}s=Error(l(426))}else if(rl&&1&c.mode){var g=bi(i);if(null!==g){!(65536&g.flags)&&(g.flags|=256),gi(g,i,c,0,t),fl(si(s,c));break e}}o=s=si(s,c),4!==Bc&&(Bc=2),null===Fc?Fc=[o]:Fc.push(o),o=i;do{switch(o.tag){case 3:o.flags|=65536,t&=-t,o.lanes|=t,Dl(o,pi(0,s,t));break e;case 1:c=s;var v=o.type,_=o.stateNode;if(!(128&o.flags||"function"!=typeof v.getDerivedStateFromError&&(null===_||"function"!=typeof _.componentDidCatch||null!==Wc&&Wc.has(_)))){o.flags|=65536,t&=-t,o.lanes|=t,Dl(o,fi(o,c,t));break e}}o=o.return}while(null!==o)}ks(n)}catch(e){t=e,Nc===n&&null!==n&&(Nc=n=n.return);continue}break}}function fs(){var e=Sc.current;return Sc.current=Qo,null===e?Qo:e}function hs(){0!==Bc&&3!==Bc&&2!==Bc||(Bc=4),null===Oc||!(268435455&Ic)&&!(268435455&jc)||is(Oc,Lc)}function bs(e,t){var n=zc;zc|=2;var a=fs();for(Oc===e&&Lc===t||(Hc=null,ms(e,t));;)try{gs();break}catch(t){ps(e,t)}if(Tl(),zc=n,Sc.current=a,null!==Nc)throw Error(l(261));return Oc=null,Lc=0,Bc}function gs(){for(;null!==Nc;)_s(Nc)}function vs(){for(;null!==Nc&&!Ge();)_s(Nc)}function _s(e){var t=Ec(e.alternate,e,Ac);e.memoizedProps=e.pendingProps,null===t?ks(e):Nc=t,Tc.current=null}function ks(e){var t=e;do{var n=t.alternate;if(e=t.return,32768&t.flags){if(null!==(n=Zi(n,t)))return n.flags&=32767,void(Nc=n);if(null===e)return Bc=6,void(Nc=null);e.flags|=32768,e.subtreeFlags=0,e.deletions=null}else if(null!==(n=qi(n,t,Ac)))return void(Nc=n);if(null!==(t=t.sibling))return void(Nc=t);Nc=t=e}while(null!==t);0===Bc&&(Bc=5)}function ys(e,t,n){var a=_t,r=Cc.transition;try{Cc.transition=null,_t=1,function(e,t,n,a){do{ws()}while(null!==Zc);if(6&zc)throw Error(l(327));n=e.finishedWork;var r=e.finishedLanes;if(null===n)return null;if(e.finishedWork=null,e.finishedLanes=0,n===e.current)throw Error(l(177));e.callbackNode=null,e.callbackPriority=0;var o=n.lanes|n.childLanes;if(function(e,t){var n=e.pendingLanes&~t;e.pendingLanes=t,e.suspendedLanes=0,e.pingedLanes=0,e.expiredLanes&=t,e.mutableReadLanes&=t,e.entangledLanes&=t,t=e.entanglements;var a=e.eventTimes;for(e=e.expirationTimes;0<n;){var r=31-ot(n),l=1<<r;t[r]=0,a[r]=-1,e[r]=-1,n&=~l}}(e,o),e===Oc&&(Nc=Oc=null,Lc=0),!(2064&n.subtreeFlags)&&!(2064&n.flags)||qc||(qc=!0,Os(tt,(function(){return ws(),null}))),o=!!(15990&n.flags),15990&n.subtreeFlags||o){o=Cc.transition,Cc.transition=null;var i=_t;_t=1;var c=zc;zc|=4,Tc.current=null,function(e,t){if(er=Vt,pa(e=ma())){if("selectionStart"in e)var n={start:e.selectionStart,end:e.selectionEnd};else e:{var a=(n=(n=e.ownerDocument)&&n.defaultView||window).getSelection&&n.getSelection();if(a&&0!==a.rangeCount){n=a.anchorNode;var r=a.anchorOffset,o=a.focusNode;a=a.focusOffset;try{n.nodeType,o.nodeType}catch(e){n=null;break e}var i=0,c=-1,s=-1,u=0,d=0,m=e,p=null;t:for(;;){for(var f;m!==n||0!==r&&3!==m.nodeType||(c=i+r),m!==o||0!==a&&3!==m.nodeType||(s=i+a),3===m.nodeType&&(i+=m.nodeValue.length),null!==(f=m.firstChild);)p=m,m=f;for(;;){if(m===e)break t;if(p===n&&++u===r&&(c=i),p===o&&++d===a&&(s=i),null!==(f=m.nextSibling))break;p=(m=p).parentNode}m=f}n=-1===c||-1===s?null:{start:c,end:s}}else n=null}n=n||{start:0,end:0}}else n=null;for(tr={focusedElem:e,selectionRange:n},Vt=!1,Qi=t;null!==Qi;)if(e=(t=Qi).child,1028&t.subtreeFlags&&null!==e)e.return=t,Qi=e;else for(;null!==Qi;){t=Qi;try{var h=t.alternate;if(1024&t.flags)switch(t.tag){case 0:case 11:case 15:case 5:case 6:case 4:case 17:break;case 1:if(null!==h){var b=h.memoizedProps,g=h.memoizedState,v=t.stateNode,_=v.getSnapshotBeforeUpdate(t.elementType===t.type?b:ni(t.type,b),g);v.__reactInternalSnapshotBeforeUpdate=_}break;case 3:var k=t.stateNode.containerInfo;1===k.nodeType?k.textContent="":9===k.nodeType&&k.documentElement&&k.removeChild(k.documentElement);break;default:throw Error(l(163))}}catch(e){xs(t,t.return,e)}if(null!==(e=t.sibling)){e.return=t.return,Qi=e;break}Qi=t.return}h=tc,tc=!1}(e,n),bc(n,e),fa(tr),Vt=!!er,tr=er=null,e.current=n,vc(n,e,r),Ye(),zc=c,_t=i,Cc.transition=o}else e.current=n;if(qc&&(qc=!1,Zc=e,Gc=r),0===(o=e.pendingLanes)&&(Wc=null),function(e){if(lt&&"function"==typeof lt.onCommitFiberRoot)try{lt.onCommitFiberRoot(rt,e,void 0,!(128&~e.current.flags))}catch(e){}}(n.stateNode),as(e,Je()),null!==t)for(a=e.onRecoverableError,n=0;n<t.length;n++)a((r=t[n]).value,{componentStack:r.stack,digest:r.digest});if(Vc)throw Vc=!1,e=Uc,Uc=null,e;!!(1&Gc)&&0!==e.tag&&ws(),1&(o=e.pendingLanes)?e===Jc?Yc++:(Yc=0,Jc=e):Yc=0,Kr()}(e,t,n,a)}finally{Cc.transition=r,_t=a}return null}function ws(){if(null!==Zc){var e=kt(Gc),t=Cc.transition,n=_t;try{if(Cc.transition=null,_t=16>e?16:e,null===Zc)var a=!1;else{if(e=Zc,Zc=null,Gc=0,6&zc)throw Error(l(331));var r=zc;for(zc|=4,Qi=e.current;null!==Qi;){var o=Qi,i=o.child;if(16&Qi.flags){var c=o.deletions;if(null!==c){for(var s=0;s<c.length;s++){var u=c[s];for(Qi=u;null!==Qi;){var d=Qi;switch(d.tag){case 0:case 11:case 15:nc(8,d,o)}var m=d.child;if(null!==m)m.return=d,Qi=m;else for(;null!==Qi;){var p=(d=Qi).sibling,f=d.return;if(lc(d),d===u){Qi=null;break}if(null!==p){p.return=f,Qi=p;break}Qi=f}}}var h=o.alternate;if(null!==h){var b=h.child;if(null!==b){h.child=null;do{var g=b.sibling;b.sibling=null,b=g}while(null!==b)}}Qi=o}}if(2064&o.subtreeFlags&&null!==i)i.return=o,Qi=i;else e:for(;null!==Qi;){if(2048&(o=Qi).flags)switch(o.tag){case 0:case 11:case 15:nc(9,o,o.return)}var v=o.sibling;if(null!==v){v.return=o.return,Qi=v;break e}Qi=o.return}}var _=e.current;for(Qi=_;null!==Qi;){var k=(i=Qi).child;if(2064&i.subtreeFlags&&null!==k)k.return=i,Qi=k;else e:for(i=_;null!==Qi;){if(2048&(c=Qi).flags)try{switch(c.tag){case 0:case 11:case 15:ac(9,c)}}catch(e){xs(c,c.return,e)}if(c===i){Qi=null;break e}var y=c.sibling;if(null!==y){y.return=c.return,Qi=y;break e}Qi=c.return}}if(zc=r,Kr(),lt&&"function"==typeof lt.onPostCommitFiberRoot)try{lt.onPostCommitFiberRoot(rt,e)}catch(e){}a=!0}return a}finally{_t=n,Cc.transition=t}}return!1}function Es(e,t,n){e=Fl(e,t=pi(0,t=si(n,t),1),1),t=es(),null!==e&&(gt(e,1,t),as(e,t))}function xs(e,t,n){if(3===e.tag)Es(e,e,n);else for(;null!==t;){if(3===t.tag){Es(t,e,n);break}if(1===t.tag){var a=t.stateNode;if("function"==typeof t.type.getDerivedStateFromError||"function"==typeof a.componentDidCatch&&(null===Wc||!Wc.has(a))){t=Fl(t,e=fi(t,e=si(n,e),1),1),e=es(),null!==t&&(gt(t,1,e),as(t,e));break}}t=t.return}}function Ss(e,t,n){var a=e.pingCache;null!==a&&a.delete(t),t=es(),e.pingedLanes|=e.suspendedLanes&n,Oc===e&&(Lc&n)===n&&(4===Bc||3===Bc&&(130023424&Lc)===Lc&&500>Je()-Dc?ms(e,0):Mc|=n),as(e,t)}function Ts(e,t){0===t&&(1&e.mode?(t=ut,!(130023424&(ut<<=1))&&(ut=4194304)):t=1);var n=es();null!==(e=Bl(e,t))&&(gt(e,t,n),as(e,n))}function Cs(e){var t=e.memoizedState,n=0;null!==t&&(n=t.retryLane),Ts(e,n)}function zs(e,t){var n=0;switch(e.tag){case 13:var a=e.stateNode,r=e.memoizedState;null!==r&&(n=r.retryLane);break;case 19:a=e.stateNode;break;default:throw Error(l(314))}null!==a&&a.delete(t),Ts(e,n)}function Os(e,t){return qe(e,t)}function Ns(e,t,n,a){this.tag=e,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.ref=null,this.pendingProps=t,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=a,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Ls(e,t,n,a){return new Ns(e,t,n,a)}function As(e){return!(!(e=e.prototype)||!e.isReactComponent)}function $s(e,t){var n=e.alternate;return null===n?((n=Ls(e.tag,t,e.key,e.mode)).elementType=e.elementType,n.type=e.type,n.stateNode=e.stateNode,n.alternate=e,e.alternate=n):(n.pendingProps=t,n.type=e.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=14680064&e.flags,n.childLanes=e.childLanes,n.lanes=e.lanes,n.child=e.child,n.memoizedProps=e.memoizedProps,n.memoizedState=e.memoizedState,n.updateQueue=e.updateQueue,t=e.dependencies,n.dependencies=null===t?null:{lanes:t.lanes,firstContext:t.firstContext},n.sibling=e.sibling,n.index=e.index,n.ref=e.ref,n}function Bs(e,t,n,a,r,o){var i=2;if(a=e,"function"==typeof e)As(e)&&(i=1);else if("string"==typeof e)i=5;else e:switch(e){case E:return Ps(n.children,r,o,t);case x:i=8,r|=8;break;case S:return(e=Ls(12,n,t,2|r)).elementType=S,e.lanes=o,e;case O:return(e=Ls(13,n,t,r)).elementType=O,e.lanes=o,e;case N:return(e=Ls(19,n,t,r)).elementType=N,e.lanes=o,e;case $:return Is(n,r,o,t);default:if("object"==typeof e&&null!==e)switch(e.$$typeof){case T:i=10;break e;case C:i=9;break e;case z:i=11;break e;case L:i=14;break e;case A:i=16,a=null;break e}throw Error(l(130,null==e?e:typeof e,""))}return(t=Ls(i,n,t,r)).elementType=e,t.type=a,t.lanes=o,t}function Ps(e,t,n,a){return(e=Ls(7,e,a,t)).lanes=n,e}function Is(e,t,n,a){return(e=Ls(22,e,a,t)).elementType=$,e.lanes=n,e.stateNode={isHidden:!1},e}function js(e,t,n){return(e=Ls(6,e,null,t)).lanes=n,e}function Ms(e,t,n){return(t=Ls(4,null!==e.children?e.children:[],e.key,t)).lanes=n,t.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},t}function Fs(e,t,n,a,r){this.tag=t,this.containerInfo=e,this.finishedWork=this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.pendingContext=this.context=null,this.callbackPriority=0,this.eventTimes=bt(0),this.expirationTimes=bt(-1),this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=bt(0),this.identifierPrefix=a,this.onRecoverableError=r,this.mutableSourceEagerHydrationData=null}function Rs(e,t,n,a,r,l,o,i,c){return e=new Fs(e,t,n,i,c),1===t?(t=1,!0===l&&(t|=8)):t=0,l=Ls(3,null,null,t),e.current=l,l.stateNode=e,l.memoizedState={element:a,isDehydrated:n,cache:null,transitions:null,pendingSuspenseBoundaries:null},Il(l),e}function Ds(e){if(!e)return Cr;e:{if(Ke(e=e._reactInternals)!==e||1!==e.tag)throw Error(l(170));var t=e;do{switch(t.tag){case 3:t=t.stateNode.context;break e;case 1:if(Ar(t.type)){t=t.stateNode.__reactInternalMemoizedMergedChildContext;break e}}t=t.return}while(null!==t);throw Error(l(171))}if(1===e.tag){var n=e.type;if(Ar(n))return Pr(e,n,t)}return t}function Ks(e,t,n,a,r,l,o,i,c){return(e=Rs(n,a,!0,e,0,l,0,i,c)).context=Ds(null),n=e.current,(l=Ml(a=es(),r=ts(n))).callback=null!=t?t:null,Fl(n,l,r),e.current.lanes=r,gt(e,r,a),as(e,a),e}function Hs(e,t,n,a){var r=t.current,l=es(),o=ts(r);return n=Ds(n),null===t.context?t.context=n:t.pendingContext=n,(t=Ml(l,o)).payload={element:e},null!==(a=void 0===a?null:a)&&(t.callback=a),null!==(e=Fl(r,t,o))&&(ns(e,r,o,l),Rl(e,r,o)),o}function Vs(e){return(e=e.current).child?(e.child.tag,e.child.stateNode):null}function Us(e,t){if(null!==(e=e.memoizedState)&&null!==e.dehydrated){var n=e.retryLane;e.retryLane=0!==n&&n<t?n:t}}function Ws(e,t){Us(e,t),(e=e.alternate)&&Us(e,t)}Ec=function(e,t,n){if(null!==e)if(e.memoizedProps!==t.pendingProps||Or.current)_i=!0;else{if(!(e.lanes&n||128&t.flags))return _i=!1,function(e,t,n){switch(t.tag){case 3:Oi(t),pl();break;case 5:Jl(t);break;case 1:Ar(t.type)&&Ir(t);break;case 4:Gl(t,t.stateNode.containerInfo);break;case 10:var a=t.type._context,r=t.memoizedProps.value;Tr(wl,a._currentValue),a._currentValue=r;break;case 13:if(null!==(a=t.memoizedState))return null!==a.dehydrated?(Tr(Xl,1&Xl.current),t.flags|=128,null):n&t.child.childLanes?ji(e,t,n):(Tr(Xl,1&Xl.current),null!==(e=Vi(e,t,n))?e.sibling:null);Tr(Xl,1&Xl.current);break;case 19:if(a=!!(n&t.childLanes),128&e.flags){if(a)return Ki(e,t,n);t.flags|=128}if(null!==(r=t.memoizedState)&&(r.rendering=null,r.tail=null,r.lastEffect=null),Tr(Xl,Xl.current),a)break;return null;case 22:case 23:return t.lanes=0,xi(e,t,n)}return Vi(e,t,n)}(e,t,n);_i=!!(131072&e.flags)}else _i=!1,rl&&1048576&t.flags&&Xr(t,Wr,t.index);switch(t.lanes=0,t.tag){case 2:var a=t.type;Hi(e,t),e=t.pendingProps;var r=Lr(t,zr.current);Ol(t,n),r=bo(null,t,a,e,r,n);var o=go();return t.flags|=1,"object"==typeof r&&null!==r&&"function"==typeof r.render&&void 0===r.$$typeof?(t.tag=1,t.memoizedState=null,t.updateQueue=null,Ar(a)?(o=!0,Ir(t)):o=!1,t.memoizedState=null!==r.state&&void 0!==r.state?r.state:null,Il(t),r.updater=ri,t.stateNode=r,r._reactInternals=t,ci(t,a,e,n),t=zi(null,t,a,!0,o,n)):(t.tag=0,rl&&o&&el(t),ki(null,t,r,n),t=t.child),t;case 16:a=t.elementType;e:{switch(Hi(e,t),e=t.pendingProps,a=(r=a._init)(a._payload),t.type=a,r=t.tag=function(e){if("function"==typeof e)return As(e)?1:0;if(null!=e){if((e=e.$$typeof)===z)return 11;if(e===L)return 14}return 2}(a),e=ni(a,e),r){case 0:t=Ti(null,t,a,e,n);break e;case 1:t=Ci(null,t,a,e,n);break e;case 11:t=yi(null,t,a,e,n);break e;case 14:t=wi(null,t,a,ni(a.type,e),n);break e}throw Error(l(306,a,""))}return t;case 0:return a=t.type,r=t.pendingProps,Ti(e,t,a,r=t.elementType===a?r:ni(a,r),n);case 1:return a=t.type,r=t.pendingProps,Ci(e,t,a,r=t.elementType===a?r:ni(a,r),n);case 3:e:{if(Oi(t),null===e)throw Error(l(387));a=t.pendingProps,r=(o=t.memoizedState).element,jl(e,t),Kl(t,a,null,n);var i=t.memoizedState;if(a=i.element,o.isDehydrated){if(o={element:a,isDehydrated:!1,cache:i.cache,pendingSuspenseBoundaries:i.pendingSuspenseBoundaries,transitions:i.transitions},t.updateQueue.baseState=o,t.memoizedState=o,256&t.flags){t=Ni(e,t,a,n,r=si(Error(l(423)),t));break e}if(a!==r){t=Ni(e,t,a,n,r=si(Error(l(424)),t));break e}for(al=sr(t.stateNode.containerInfo.firstChild),nl=t,rl=!0,ll=null,n=yl(t,null,a,n),t.child=n;n;)n.flags=-3&n.flags|4096,n=n.sibling}else{if(pl(),a===r){t=Vi(e,t,n);break e}ki(e,t,a,n)}t=t.child}return t;case 5:return Jl(t),null===e&&sl(t),a=t.type,r=t.pendingProps,o=null!==e?e.memoizedProps:null,i=r.children,nr(a,r)?i=null:null!==o&&nr(a,o)&&(t.flags|=32),Si(e,t),ki(e,t,i,n),t.child;case 6:return null===e&&sl(t),null;case 13:return ji(e,t,n);case 4:return Gl(t,t.stateNode.containerInfo),a=t.pendingProps,null===e?t.child=kl(t,null,a,n):ki(e,t,a,n),t.child;case 11:return a=t.type,r=t.pendingProps,yi(e,t,a,r=t.elementType===a?r:ni(a,r),n);case 7:return ki(e,t,t.pendingProps,n),t.child;case 8:case 12:return ki(e,t,t.pendingProps.children,n),t.child;case 10:e:{if(a=t.type._context,r=t.pendingProps,o=t.memoizedProps,i=r.value,Tr(wl,a._currentValue),a._currentValue=i,null!==o)if(ia(o.value,i)){if(o.children===r.children&&!Or.current){t=Vi(e,t,n);break e}}else for(null!==(o=t.child)&&(o.return=t);null!==o;){var c=o.dependencies;if(null!==c){i=o.child;for(var s=c.firstContext;null!==s;){if(s.context===a){if(1===o.tag){(s=Ml(-1,n&-n)).tag=2;var u=o.updateQueue;if(null!==u){var d=(u=u.shared).pending;null===d?s.next=s:(s.next=d.next,d.next=s),u.pending=s}}o.lanes|=n,null!==(s=o.alternate)&&(s.lanes|=n),zl(o.return,n,t),c.lanes|=n;break}s=s.next}}else if(10===o.tag)i=o.type===t.type?null:o.child;else if(18===o.tag){if(null===(i=o.return))throw Error(l(341));i.lanes|=n,null!==(c=i.alternate)&&(c.lanes|=n),zl(i,n,t),i=o.sibling}else i=o.child;if(null!==i)i.return=o;else for(i=o;null!==i;){if(i===t){i=null;break}if(null!==(o=i.sibling)){o.return=i.return,i=o;break}i=i.return}o=i}ki(e,t,r.children,n),t=t.child}return t;case 9:return r=t.type,a=t.pendingProps.children,Ol(t,n),a=a(r=Nl(r)),t.flags|=1,ki(e,t,a,n),t.child;case 14:return r=ni(a=t.type,t.pendingProps),wi(e,t,a,r=ni(a.type,r),n);case 15:return Ei(e,t,t.type,t.pendingProps,n);case 17:return a=t.type,r=t.pendingProps,r=t.elementType===a?r:ni(a,r),Hi(e,t),t.tag=1,Ar(a)?(e=!0,Ir(t)):e=!1,Ol(t,n),oi(t,a,r),ci(t,a,r,n),zi(null,t,a,!0,e,n);case 19:return Ki(e,t,n);case 22:return xi(e,t,n)}throw Error(l(156,t.tag))};var qs="function"==typeof reportError?reportError:function(e){console.error(e)};function Zs(e){this._internalRoot=e}function Gs(e){this._internalRoot=e}function Ys(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType)}function Js(e){return!(!e||1!==e.nodeType&&9!==e.nodeType&&11!==e.nodeType&&(8!==e.nodeType||" react-mount-point-unstable "!==e.nodeValue))}function Qs(){}function Xs(e,t,n,a,r){var l=n._reactRootContainer;if(l){var o=l;if("function"==typeof r){var i=r;r=function(){var e=Vs(o);i.call(e)}}Hs(t,o,e,r)}else o=function(e,t,n,a,r){if(r){if("function"==typeof a){var l=a;a=function(){var e=Vs(o);l.call(e)}}var o=Ks(t,a,e,0,null,!1,0,"",Qs);return e._reactRootContainer=o,e[fr]=o.current,Ka(8===e.nodeType?e.parentNode:e),us(),o}for(;r=e.lastChild;)e.removeChild(r);if("function"==typeof a){var i=a;a=function(){var e=Vs(c);i.call(e)}}var c=Rs(e,0,!1,null,0,!1,0,"",Qs);return e._reactRootContainer=c,e[fr]=c.current,Ka(8===e.nodeType?e.parentNode:e),us((function(){Hs(t,c,n,a)})),c}(n,t,e,r,a);return Vs(o)}Gs.prototype.render=Zs.prototype.render=function(e){var t=this._internalRoot;if(null===t)throw Error(l(409));Hs(e,t,null,null)},Gs.prototype.unmount=Zs.prototype.unmount=function(){var e=this._internalRoot;if(null!==e){this._internalRoot=null;var t=e.containerInfo;us((function(){Hs(null,e,null,null)})),t[fr]=null}},Gs.prototype.unstable_scheduleHydration=function(e){if(e){var t=xt();e={blockedOn:null,target:e,priority:t};for(var n=0;n<$t.length&&0!==t&&t<$t[n].priority;n++);$t.splice(n,0,e),0===n&&jt(e)}},yt=function(e){switch(e.tag){case 3:var t=e.stateNode;if(t.current.memoizedState.isDehydrated){var n=dt(t.pendingLanes);0!==n&&(vt(t,1|n),as(t,Je()),!(6&zc)&&(Kc=Je()+500,Kr()))}break;case 13:us((function(){var t=Bl(e,1);if(null!==t){var n=es();ns(t,e,1,n)}})),Ws(e,1)}},wt=function(e){if(13===e.tag){var t=Bl(e,134217728);null!==t&&ns(t,e,134217728,es()),Ws(e,134217728)}},Et=function(e){if(13===e.tag){var t=ts(e),n=Bl(e,t);null!==n&&ns(n,e,t,es()),Ws(e,t)}},xt=function(){return _t},St=function(e,t){var n=_t;try{return _t=e,t()}finally{_t=n}},we=function(e,t,n){switch(t){case"input":if(Q(e,n),t=n.name,"radio"===n.type&&null!=t){for(n=e;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll("input[name="+JSON.stringify(""+t)+'][type="radio"]'),t=0;t<n.length;t++){var a=n[t];if(a!==e&&a.form===e.form){var r=yr(a);if(!r)throw Error(l(90));q(a),Q(a,r)}}}break;case"textarea":le(e,n);break;case"select":null!=(t=n.value)&&ne(e,!!n.multiple,t,!1)}},ze=ss,Oe=us;var eu={usingClientEntryPoint:!1,Events:[_r,kr,yr,Te,Ce,ss]},tu={findFiberByHostInstance:vr,bundleType:0,version:"18.3.1",rendererPackageName:"react-dom"},nu={bundleType:tu.bundleType,version:tu.version,rendererPackageName:tu.rendererPackageName,rendererConfig:tu.rendererConfig,overrideHookState:null,overrideHookStateDeletePath:null,overrideHookStateRenamePath:null,overrideProps:null,overridePropsDeletePath:null,overridePropsRenamePath:null,setErrorHandler:null,setSuspenseHandler:null,scheduleUpdate:null,currentDispatcherRef:k.ReactCurrentDispatcher,findHostInstanceByFiber:function(e){return null===(e=Ue(e))?null:e.stateNode},findFiberByHostInstance:tu.findFiberByHostInstance||function(){return null},findHostInstancesForRefresh:null,scheduleRefresh:null,scheduleRoot:null,setRefreshHandler:null,getCurrentFiber:null,reconcilerVersion:"18.3.1-next-f1338f8080-20240426"};if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__){var au=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!au.isDisabled&&au.supportsFiber)try{rt=au.inject(nu),lt=au}catch(ue){}}t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=eu,t.createPortal=function(e,t){var n=2<arguments.length&&void 0!==arguments[2]?arguments[2]:null;if(!Ys(t))throw Error(l(200));return function(e,t,n){var a=3<arguments.length&&void 0!==arguments[3]?arguments[3]:null;return{$$typeof:w,key:null==a?null:""+a,children:e,containerInfo:t,implementation:n}}(e,t,null,n)},t.createRoot=function(e,t){if(!Ys(e))throw Error(l(299));var n=!1,a="",r=qs;return null!=t&&(!0===t.unstable_strictMode&&(n=!0),void 0!==t.identifierPrefix&&(a=t.identifierPrefix),void 0!==t.onRecoverableError&&(r=t.onRecoverableError)),t=Rs(e,1,!1,null,0,n,0,a,r),e[fr]=t.current,Ka(8===e.nodeType?e.parentNode:e),new Zs(t)},t.findDOMNode=function(e){if(null==e)return null;if(1===e.nodeType)return e;var t=e._reactInternals;if(void 0===t){if("function"==typeof e.render)throw Error(l(188));throw e=Object.keys(e).join(","),Error(l(268,e))}return null===(e=Ue(t))?null:e.stateNode},t.flushSync=function(e){return us(e)},t.hydrate=function(e,t,n){if(!Js(t))throw Error(l(200));return Xs(null,e,t,!0,n)},t.hydrateRoot=function(e,t,n){if(!Ys(e))throw Error(l(405));var a=null!=n&&n.hydratedSources||null,r=!1,o="",i=qs;if(null!=n&&(!0===n.unstable_strictMode&&(r=!0),void 0!==n.identifierPrefix&&(o=n.identifierPrefix),void 0!==n.onRecoverableError&&(i=n.onRecoverableError)),t=Ks(t,null,e,1,null!=n?n:null,r,0,o,i),e[fr]=t.current,Ka(e),a)for(e=0;e<a.length;e++)r=(r=(n=a[e])._getVersion)(n._source),null==t.mutableSourceEagerHydrationData?t.mutableSourceEagerHydrationData=[n,r]:t.mutableSourceEagerHydrationData.push(n,r);return new Gs(t)},t.render=function(e,t,n){if(!Js(t))throw Error(l(200));return Xs(null,e,t,!1,n)},t.unmountComponentAtNode=function(e){if(!Js(e))throw Error(l(40));return!!e._reactRootContainer&&(us((function(){Xs(null,null,e,!1,(function(){e._reactRootContainer=null,e[fr]=null}))})),!0)},t.unstable_batchedUpdates=ss,t.unstable_renderSubtreeIntoContainer=function(e,t,n,a){if(!Js(n))throw Error(l(200));if(null==e||void 0===e._reactInternals)throw Error(l(38));return Xs(e,t,n,!1,a)},t.version="18.3.1-next-f1338f8080-20240426"},5669:(e,t,n)=>{"use strict";var a=n(8668);t.H=a.createRoot,a.hydrateRoot},8668:(e,t,n)=>{"use strict";!function e(){if("undefined"!=typeof __REACT_DEVTOOLS_GLOBAL_HOOK__&&"function"==typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE)try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(e)}catch(e){console.error(e)}}(),e.exports=n(6180)},3344:e=>{"use strict";var t=Array.isArray,n=Object.keys,a=Object.prototype.hasOwnProperty,r="undefined"!=typeof Element;function l(e,o){if(e===o)return!0;if(e&&o&&"object"==typeof e&&"object"==typeof o){var i,c,s,u=t(e),d=t(o);if(u&&d){if((c=e.length)!=o.length)return!1;for(i=c;0!=i--;)if(!l(e[i],o[i]))return!1;return!0}if(u!=d)return!1;var m=e instanceof Date,p=o instanceof Date;if(m!=p)return!1;if(m&&p)return e.getTime()==o.getTime();var f=e instanceof RegExp,h=o instanceof RegExp;if(f!=h)return!1;if(f&&h)return e.toString()==o.toString();var b=n(e);if((c=b.length)!==n(o).length)return!1;for(i=c;0!=i--;)if(!a.call(o,b[i]))return!1;if(r&&e instanceof Element&&o instanceof Element)return e===o;for(i=c;0!=i--;)if(!("_owner"===(s=b[i])&&e.$$typeof||l(e[s],o[s])))return!1;return!0}return e!=e&&o!=o}e.exports=function(e,t){try{return l(e,t)}catch(e){if(e.message&&e.message.match(/stack|recursion/i)||-2146828260===e.number)return console.warn("Warning: react-fast-compare does not handle circular references.",e.name,e.message),!1;throw e}}},1024:(e,t)=>{"use strict";var n="function"==typeof Symbol&&Symbol.for,a=n?Symbol.for("react.element"):60103,r=n?Symbol.for("react.portal"):60106,l=n?Symbol.for("react.fragment"):60107,o=n?Symbol.for("react.strict_mode"):60108,i=n?Symbol.for("react.profiler"):60114,c=n?Symbol.for("react.provider"):60109,s=n?Symbol.for("react.context"):60110,u=n?Symbol.for("react.async_mode"):60111,d=n?Symbol.for("react.concurrent_mode"):60111,m=n?Symbol.for("react.forward_ref"):60112,p=n?Symbol.for("react.suspense"):60113,f=n?Symbol.for("react.suspense_list"):60120,h=n?Symbol.for("react.memo"):60115,b=n?Symbol.for("react.lazy"):60116,g=n?Symbol.for("react.block"):60121,v=n?Symbol.for("react.fundamental"):60117,_=n?Symbol.for("react.responder"):60118,k=n?Symbol.for("react.scope"):60119;function y(e){if("object"==typeof e&&null!==e){var t=e.$$typeof;switch(t){case a:switch(e=e.type){case u:case d:case l:case i:case o:case p:return e;default:switch(e=e&&e.$$typeof){case s:case m:case b:case h:case c:return e;default:return t}}case r:return t}}}function w(e){return y(e)===d}t.AsyncMode=u,t.ConcurrentMode=d,t.ContextConsumer=s,t.ContextProvider=c,t.Element=a,t.ForwardRef=m,t.Fragment=l,t.Lazy=b,t.Memo=h,t.Portal=r,t.Profiler=i,t.StrictMode=o,t.Suspense=p,t.isAsyncMode=function(e){return w(e)||y(e)===u},t.isConcurrentMode=w,t.isContextConsumer=function(e){return y(e)===s},t.isContextProvider=function(e){return y(e)===c},t.isElement=function(e){return"object"==typeof e&&null!==e&&e.$$typeof===a},t.isForwardRef=function(e){return y(e)===m},t.isFragment=function(e){return y(e)===l},t.isLazy=function(e){return y(e)===b},t.isMemo=function(e){return y(e)===h},t.isPortal=function(e){return y(e)===r},t.isProfiler=function(e){return y(e)===i},t.isStrictMode=function(e){return y(e)===o},t.isSuspense=function(e){return y(e)===p},t.isValidElementType=function(e){return"string"==typeof e||"function"==typeof e||e===l||e===d||e===i||e===o||e===p||e===f||"object"==typeof e&&null!==e&&(e.$$typeof===b||e.$$typeof===h||e.$$typeof===c||e.$$typeof===s||e.$$typeof===m||e.$$typeof===v||e.$$typeof===_||e.$$typeof===k||e.$$typeof===g)},t.typeOf=y},9596:(e,t,n)=>{"use strict";e.exports=n(1024)},5678:(e,t)=>{"use strict";var n=Symbol.for("react.element"),a=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),i=Symbol.for("react.provider"),c=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),m=Symbol.for("react.lazy"),p=Symbol.iterator,f={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},h=Object.assign,b={};function g(e,t,n){this.props=e,this.context=t,this.refs=b,this.updater=n||f}function v(){}function _(e,t,n){this.props=e,this.context=t,this.refs=b,this.updater=n||f}g.prototype.isReactComponent={},g.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},g.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},v.prototype=g.prototype;var k=_.prototype=new v;k.constructor=_,h(k,g.prototype),k.isPureReactComponent=!0;var y=Array.isArray,w=Object.prototype.hasOwnProperty,E={current:null},x={key:!0,ref:!0,__self:!0,__source:!0};function S(e,t,a){var r,l={},o=null,i=null;if(null!=t)for(r in void 0!==t.ref&&(i=t.ref),void 0!==t.key&&(o=""+t.key),t)w.call(t,r)&&!x.hasOwnProperty(r)&&(l[r]=t[r]);var c=arguments.length-2;if(1===c)l.children=a;else if(1<c){for(var s=Array(c),u=0;u<c;u++)s[u]=arguments[u+2];l.children=s}if(e&&e.defaultProps)for(r in c=e.defaultProps)void 0===l[r]&&(l[r]=c[r]);return{$$typeof:n,type:e,key:o,ref:i,props:l,_owner:E.current}}function T(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var C=/\/+/g;function z(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function O(e,t,r,l,o){var i=typeof e;"undefined"!==i&&"boolean"!==i||(e=null);var c=!1;if(null===e)c=!0;else switch(i){case"string":case"number":c=!0;break;case"object":switch(e.$$typeof){case n:case a:c=!0}}if(c)return o=o(c=e),e=""===l?"."+z(c,0):l,y(o)?(r="",null!=e&&(r=e.replace(C,"$&/")+"/"),O(o,t,r,"",(function(e){return e}))):null!=o&&(T(o)&&(o=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(o,r+(!o.key||c&&c.key===o.key?"":(""+o.key).replace(C,"$&/")+"/")+e)),t.push(o)),1;if(c=0,l=""===l?".":l+":",y(e))for(var s=0;s<e.length;s++){var u=l+z(i=e[s],s);c+=O(i,t,r,u,o)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=p&&e[p]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),s=0;!(i=e.next()).done;)c+=O(i=i.value,t,r,u=l+z(i,s++),o);else if("object"===i)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return c}function N(e,t,n){if(null==e)return e;var a=[],r=0;return O(e,a,"","",(function(e){return t.call(n,e,r++)})),a}function L(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var A={current:null},$={transition:null},B={ReactCurrentDispatcher:A,ReactCurrentBatchConfig:$,ReactCurrentOwner:E};t.Children={map:N,forEach:function(e,t,n){N(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return N(e,(function(){t++})),t},toArray:function(e){return N(e,(function(e){return e}))||[]},only:function(e){if(!T(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=g,t.Fragment=r,t.Profiler=o,t.PureComponent=_,t.StrictMode=l,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=B,t.cloneElement=function(e,t,a){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=h({},e.props),l=e.key,o=e.ref,i=e._owner;if(null!=t){if(void 0!==t.ref&&(o=t.ref,i=E.current),void 0!==t.key&&(l=""+t.key),e.type&&e.type.defaultProps)var c=e.type.defaultProps;for(s in t)w.call(t,s)&&!x.hasOwnProperty(s)&&(r[s]=void 0===t[s]&&void 0!==c?c[s]:t[s])}var s=arguments.length-2;if(1===s)r.children=a;else if(1<s){c=Array(s);for(var u=0;u<s;u++)c[u]=arguments[u+2];r.children=c}return{$$typeof:n,type:e.type,key:l,ref:o,props:r,_owner:i}},t.createContext=function(e){return(e={$$typeof:c,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:i,_context:e},e.Consumer=e},t.createElement=S,t.createFactory=function(e){var t=S.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:s,render:e}},t.isValidElement=T,t.lazy=function(e){return{$$typeof:m,_payload:{_status:-1,_result:e},_init:L}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=$.transition;$.transition={};try{e()}finally{$.transition=t}},t.unstable_act=function(){throw Error("act(...) is not supported in production builds of React.")},t.useCallback=function(e,t){return A.current.useCallback(e,t)},t.useContext=function(e){return A.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return A.current.useDeferredValue(e)},t.useEffect=function(e,t){return A.current.useEffect(e,t)},t.useId=function(){return A.current.useId()},t.useImperativeHandle=function(e,t,n){return A.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return A.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return A.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return A.current.useMemo(e,t)},t.useReducer=function(e,t,n){return A.current.useReducer(e,t,n)},t.useRef=function(e){return A.current.useRef(e)},t.useState=function(e){return A.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return A.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return A.current.useTransition()},t.version="18.2.0"},9839:(e,t,n)=>{"use strict";e.exports=n(5678)},9154:(e,t)=>{"use strict";var n=Symbol.for("react.element"),a=Symbol.for("react.portal"),r=Symbol.for("react.fragment"),l=Symbol.for("react.strict_mode"),o=Symbol.for("react.profiler"),i=Symbol.for("react.provider"),c=Symbol.for("react.context"),s=Symbol.for("react.forward_ref"),u=Symbol.for("react.suspense"),d=Symbol.for("react.memo"),m=Symbol.for("react.lazy"),p=Symbol.iterator,f={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},h=Object.assign,b={};function g(e,t,n){this.props=e,this.context=t,this.refs=b,this.updater=n||f}function v(){}function _(e,t,n){this.props=e,this.context=t,this.refs=b,this.updater=n||f}g.prototype.isReactComponent={},g.prototype.setState=function(e,t){if("object"!=typeof e&&"function"!=typeof e&&null!=e)throw Error("setState(...): takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,e,t,"setState")},g.prototype.forceUpdate=function(e){this.updater.enqueueForceUpdate(this,e,"forceUpdate")},v.prototype=g.prototype;var k=_.prototype=new v;k.constructor=_,h(k,g.prototype),k.isPureReactComponent=!0;var y=Array.isArray,w=Object.prototype.hasOwnProperty,E={current:null},x={key:!0,ref:!0,__self:!0,__source:!0};function S(e,t,a){var r,l={},o=null,i=null;if(null!=t)for(r in void 0!==t.ref&&(i=t.ref),void 0!==t.key&&(o=""+t.key),t)w.call(t,r)&&!x.hasOwnProperty(r)&&(l[r]=t[r]);var c=arguments.length-2;if(1===c)l.children=a;else if(1<c){for(var s=Array(c),u=0;u<c;u++)s[u]=arguments[u+2];l.children=s}if(e&&e.defaultProps)for(r in c=e.defaultProps)void 0===l[r]&&(l[r]=c[r]);return{$$typeof:n,type:e,key:o,ref:i,props:l,_owner:E.current}}function T(e){return"object"==typeof e&&null!==e&&e.$$typeof===n}var C=/\/+/g;function z(e,t){return"object"==typeof e&&null!==e&&null!=e.key?function(e){var t={"=":"=0",":":"=2"};return"$"+e.replace(/[=:]/g,(function(e){return t[e]}))}(""+e.key):t.toString(36)}function O(e,t,r,l,o){var i=typeof e;"undefined"!==i&&"boolean"!==i||(e=null);var c=!1;if(null===e)c=!0;else switch(i){case"string":case"number":c=!0;break;case"object":switch(e.$$typeof){case n:case a:c=!0}}if(c)return o=o(c=e),e=""===l?"."+z(c,0):l,y(o)?(r="",null!=e&&(r=e.replace(C,"$&/")+"/"),O(o,t,r,"",(function(e){return e}))):null!=o&&(T(o)&&(o=function(e,t){return{$$typeof:n,type:e.type,key:t,ref:e.ref,props:e.props,_owner:e._owner}}(o,r+(!o.key||c&&c.key===o.key?"":(""+o.key).replace(C,"$&/")+"/")+e)),t.push(o)),1;if(c=0,l=""===l?".":l+":",y(e))for(var s=0;s<e.length;s++){var u=l+z(i=e[s],s);c+=O(i,t,r,u,o)}else if(u=function(e){return null===e||"object"!=typeof e?null:"function"==typeof(e=p&&e[p]||e["@@iterator"])?e:null}(e),"function"==typeof u)for(e=u.call(e),s=0;!(i=e.next()).done;)c+=O(i=i.value,t,r,u=l+z(i,s++),o);else if("object"===i)throw t=String(e),Error("Objects are not valid as a React child (found: "+("[object Object]"===t?"object with keys {"+Object.keys(e).join(", ")+"}":t)+"). If you meant to render a collection of children, use an array instead.");return c}function N(e,t,n){if(null==e)return e;var a=[],r=0;return O(e,a,"","",(function(e){return t.call(n,e,r++)})),a}function L(e){if(-1===e._status){var t=e._result;(t=t()).then((function(t){0!==e._status&&-1!==e._status||(e._status=1,e._result=t)}),(function(t){0!==e._status&&-1!==e._status||(e._status=2,e._result=t)})),-1===e._status&&(e._status=0,e._result=t)}if(1===e._status)return e._result.default;throw e._result}var A={current:null},$={transition:null},B={ReactCurrentDispatcher:A,ReactCurrentBatchConfig:$,ReactCurrentOwner:E};function P(){throw Error("act(...) is not supported in production builds of React.")}t.Children={map:N,forEach:function(e,t,n){N(e,(function(){t.apply(this,arguments)}),n)},count:function(e){var t=0;return N(e,(function(){t++})),t},toArray:function(e){return N(e,(function(e){return e}))||[]},only:function(e){if(!T(e))throw Error("React.Children.only expected to receive a single React element child.");return e}},t.Component=g,t.Fragment=r,t.Profiler=o,t.PureComponent=_,t.StrictMode=l,t.Suspense=u,t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED=B,t.act=P,t.cloneElement=function(e,t,a){if(null==e)throw Error("React.cloneElement(...): The argument must be a React element, but you passed "+e+".");var r=h({},e.props),l=e.key,o=e.ref,i=e._owner;if(null!=t){if(void 0!==t.ref&&(o=t.ref,i=E.current),void 0!==t.key&&(l=""+t.key),e.type&&e.type.defaultProps)var c=e.type.defaultProps;for(s in t)w.call(t,s)&&!x.hasOwnProperty(s)&&(r[s]=void 0===t[s]&&void 0!==c?c[s]:t[s])}var s=arguments.length-2;if(1===s)r.children=a;else if(1<s){c=Array(s);for(var u=0;u<s;u++)c[u]=arguments[u+2];r.children=c}return{$$typeof:n,type:e.type,key:l,ref:o,props:r,_owner:i}},t.createContext=function(e){return(e={$$typeof:c,_currentValue:e,_currentValue2:e,_threadCount:0,Provider:null,Consumer:null,_defaultValue:null,_globalName:null}).Provider={$$typeof:i,_context:e},e.Consumer=e},t.createElement=S,t.createFactory=function(e){var t=S.bind(null,e);return t.type=e,t},t.createRef=function(){return{current:null}},t.forwardRef=function(e){return{$$typeof:s,render:e}},t.isValidElement=T,t.lazy=function(e){return{$$typeof:m,_payload:{_status:-1,_result:e},_init:L}},t.memo=function(e,t){return{$$typeof:d,type:e,compare:void 0===t?null:t}},t.startTransition=function(e){var t=$.transition;$.transition={};try{e()}finally{$.transition=t}},t.unstable_act=P,t.useCallback=function(e,t){return A.current.useCallback(e,t)},t.useContext=function(e){return A.current.useContext(e)},t.useDebugValue=function(){},t.useDeferredValue=function(e){return A.current.useDeferredValue(e)},t.useEffect=function(e,t){return A.current.useEffect(e,t)},t.useId=function(){return A.current.useId()},t.useImperativeHandle=function(e,t,n){return A.current.useImperativeHandle(e,t,n)},t.useInsertionEffect=function(e,t){return A.current.useInsertionEffect(e,t)},t.useLayoutEffect=function(e,t){return A.current.useLayoutEffect(e,t)},t.useMemo=function(e,t){return A.current.useMemo(e,t)},t.useReducer=function(e,t,n){return A.current.useReducer(e,t,n)},t.useRef=function(e){return A.current.useRef(e)},t.useState=function(e){return A.current.useState(e)},t.useSyncExternalStore=function(e,t,n){return A.current.useSyncExternalStore(e,t,n)},t.useTransition=function(){return A.current.useTransition()},t.version="18.3.1"},7163:(e,t,n)=>{"use strict";e.exports=n(9154)},1638:(e,t)=>{"use strict";function n(e,t){var n=e.length;e.push(t);e:for(;0<n;){var a=n-1>>>1,r=e[a];if(!(0<l(r,t)))break e;e[a]=t,e[n]=r,n=a}}function a(e){return 0===e.length?null:e[0]}function r(e){if(0===e.length)return null;var t=e[0],n=e.pop();if(n!==t){e[0]=n;e:for(var a=0,r=e.length,o=r>>>1;a<o;){var i=2*(a+1)-1,c=e[i],s=i+1,u=e[s];if(0>l(c,n))s<r&&0>l(u,c)?(e[a]=u,e[s]=n,a=s):(e[a]=c,e[i]=n,a=i);else{if(!(s<r&&0>l(u,n)))break e;e[a]=u,e[s]=n,a=s}}}return t}function l(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}if("object"==typeof performance&&"function"==typeof performance.now){var o=performance;t.unstable_now=function(){return o.now()}}else{var i=Date,c=i.now();t.unstable_now=function(){return i.now()-c}}var s=[],u=[],d=1,m=null,p=3,f=!1,h=!1,b=!1,g="function"==typeof setTimeout?setTimeout:null,v="function"==typeof clearTimeout?clearTimeout:null,_="undefined"!=typeof setImmediate?setImmediate:null;function k(e){for(var t=a(u);null!==t;){if(null===t.callback)r(u);else{if(!(t.startTime<=e))break;r(u),t.sortIndex=t.expirationTime,n(s,t)}t=a(u)}}function y(e){if(b=!1,k(e),!h)if(null!==a(s))h=!0,$(w);else{var t=a(u);null!==t&&B(y,t.startTime-e)}}function w(e,n){h=!1,b&&(b=!1,v(T),T=-1),f=!0;var l=p;try{for(k(n),m=a(s);null!==m&&(!(m.expirationTime>n)||e&&!O());){var o=m.callback;if("function"==typeof o){m.callback=null,p=m.priorityLevel;var i=o(m.expirationTime<=n);n=t.unstable_now(),"function"==typeof i?m.callback=i:m===a(s)&&r(s),k(n)}else r(s);m=a(s)}if(null!==m)var c=!0;else{var d=a(u);null!==d&&B(y,d.startTime-n),c=!1}return c}finally{m=null,p=l,f=!1}}"undefined"!=typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);var E,x=!1,S=null,T=-1,C=5,z=-1;function O(){return!(t.unstable_now()-z<C)}function N(){if(null!==S){var e=t.unstable_now();z=e;var n=!0;try{n=S(!0,e)}finally{n?E():(x=!1,S=null)}}else x=!1}if("function"==typeof _)E=function(){_(N)};else if("undefined"!=typeof MessageChannel){var L=new MessageChannel,A=L.port2;L.port1.onmessage=N,E=function(){A.postMessage(null)}}else E=function(){g(N,0)};function $(e){S=e,x||(x=!0,E())}function B(e,n){T=g((function(){e(t.unstable_now())}),n)}t.unstable_IdlePriority=5,t.unstable_ImmediatePriority=1,t.unstable_LowPriority=4,t.unstable_NormalPriority=3,t.unstable_Profiling=null,t.unstable_UserBlockingPriority=2,t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_continueExecution=function(){h||f||(h=!0,$(w))},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):C=0<e?Math.floor(1e3/e):5},t.unstable_getCurrentPriorityLevel=function(){return p},t.unstable_getFirstCallbackNode=function(){return a(s)},t.unstable_next=function(e){switch(p){case 1:case 2:case 3:var t=3;break;default:t=p}var n=p;p=t;try{return e()}finally{p=n}},t.unstable_pauseExecution=function(){},t.unstable_requestPaint=function(){},t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=p;p=e;try{return t()}finally{p=n}},t.unstable_scheduleCallback=function(e,r,l){var o=t.unstable_now();switch(l="object"==typeof l&&null!==l&&"number"==typeof(l=l.delay)&&0<l?o+l:o,e){case 1:var i=-1;break;case 2:i=250;break;case 5:i=1073741823;break;case 4:i=1e4;break;default:i=5e3}return e={id:d++,callback:r,priorityLevel:e,startTime:l,expirationTime:i=l+i,sortIndex:-1},l>o?(e.sortIndex=l,n(u,e),null===a(s)&&e===a(u)&&(b?(v(T),T=-1):b=!0,B(y,l-o))):(e.sortIndex=i,n(s,e),h||f||(h=!0,$(w))),e},t.unstable_shouldYield=O,t.unstable_wrapCallback=function(e){var t=p;return function(){var n=p;p=t;try{return e.apply(this,arguments)}finally{p=n}}}},1337:(e,t,n)=>{"use strict";e.exports=n(1638)},1521:(e,t,n)=>{"use strict";let a;n.d(t,{o:()=>o,s:()=>l});const r=[],l=e=>{a=e,r.forEach((t=>{t(e)}))},o=(e,t=!0)=>(t&&"string"==typeof a&&e(a),r.push(e),()=>{const t=r.indexOf(e);t>=0&&r.splice(t,1)})},4957:(e,t,n)=>{"use strict";n.d(t,{K:()=>ee,a:()=>p,b:()=>o,c:()=>c,d:()=>k,e:()=>P,f:()=>I,g:()=>te,h:()=>v,i:()=>m,j:()=>V,k:()=>R,l:()=>F,m:()=>J,n:()=>le,o:()=>ae,p:()=>s,q:()=>re,r:()=>ne,s:()=>ie});let a="kol-abbr",r="kol-accordion",l="kol-alert",o="kol-alert-wc",i="kol-avatar",c="kol-avatar-wc",s="kol-badge",u="kol-breadcrumb",d="kol-button-link",m="kol-button",p="kol-button-wc",f="kol-card",h="kol-combobox",b="kol-details",g="kol-drawer",v="kol-form",_="kol-heading",k="kol-icon",y="kol-image",w="kol-input-checkbox",E="kol-input-color",x="kol-input-date",S="kol-input-email",T="kol-input-file",C="kol-input-number",z="kol-input-password",O="kol-input-radio",N="kol-input-range",L="kol-input",A="kol-input-text",$="kol-kolibri",B="kol-link-button",P="kol-link",I="kol-link-wc",j="kol-modal",M="kol-nav",F="kol-pagination",R="kol-popover-wc",D="kol-popover-button",K="kol-progress",H="kol-quote",V="kol-select",U="kol-single-select",W="kol-skip-nav",q="kol-spin",Z="kol-split-button",G="kol-table-stateful",Y="kol-table-stateless",J="kol-table-stateless-wc",Q="kol-tabs",X="kol-textarea",ee="kol-toast-container",te="kol-tooltip-wc",ne="kol-tree-item",ae="kol-tree-item-wc",re="kol-tree",le="kol-tree-wc",oe="kol-version";const ie=e=>{a=e(a),r=e(r),l=e(l),o=e(o),i=e(i),c=e(c),s=e(s),u=e(u),d=e(d),m=e(m),p=e(p),f=e(f),h=e(h),b=e(b),g=e(g),v=e(v),_=e(_),k=e(k),y=e(y),w=e(w),E=e(E),x=e(x),S=e(S),T=e(T),C=e(C),z=e(z),O=e(O),N=e(N),L=e(L),A=e(A),$=e($),B=e(B),P=e(P),I=e(I),j=e(j),M=e(M),F=e(F),R=e(R),D=e(D),K=e(K),H=e(H),V=e(V),U=e(U),W=e(W),q=e(q),Z=e(Z),G=e(G),Y=e(Y),J=e(J),Q=e(Q),X=e(X),ee=e(ee),e(te),te=e(te),ne=e(ne),ae=e(ae),re=e(re),le=e(le),oe=e(oe)}},1732:(e,t,n)=>{"use strict";n.d(t,{L:()=>_,a:()=>u,b:()=>d,c:()=>p,d:()=>a,e:()=>c,f:()=>m,g:()=>r,s:()=>s});const a=()=>"undefined"==typeof window?null:window,r=()=>void 0===a().document?null:a().document;let l=!1,o=!1,i=!1;const c=()=>!0===l,s=e=>{l=!0===e},u=()=>!0===o,d=e=>{o=!0===e},m=()=>!0===i,p=e=>{i=!0===e},f=e=>Array.isArray(e)?e:[e],h=e=>`%c${e}`,b=(e,t)=>"string"==typeof t&&t.length>0?`${h(e)} | ${t}`:h(e),g=(e,t)=>[b(e,null==t?void 0:t.classifier),`color: white; background: #666; font-weight: bold; padding: .25em .5em; border-radius: 3px; border: 1px solid #000;${(null==t?void 0:t.overwriteStyle)||""}`],v=(e,t)=>e()||!0===t,_=new class{constructor(e,t){this.label=e,this.devMode=t}debug(e,t){v(this.devMode,null==t?void 0:t.forceLog)&&console.debug(...g(this.label,t),...f(e))}info(e,t){v(this.devMode,null==t?void 0:t.forceLog)&&console.info(...g(this.label,t),...f(e))}trace(e,t){v(this.devMode,null==t?void 0:t.forceLog)&&console.trace(...g(this.label,t),...f(e))}warn(e,t){v(this.devMode,null==t?void 0:t.forceLog)&&console.warn(...g(this.label,t),...f(e))}error(e,t){console.error(...g(this.label,t),...f(e))}throw(e,t){if(v(this.devMode,null==t?void 0:t.forceLog))throw new Error(...g(this.label,t),...f(e))}}("KoliBri",c)},8231:(e,t,n)=>{"use strict";var a,r;function l(e,t,n){e.dispatchEvent(function(e,t){return new CustomEvent(e,{bubbles:!0,cancelable:!0,composed:!0,detail:t})}(t,n))}n.d(t,{K:()=>a,d:()=>l}),(r=a||(a={})).blur="kolBlur",r.change="kolChange",r.changePage="kolChangePage",r.changePageSize="kolChangePageSize",r.click="kolClick",r.close="kolClose",r.focus="kolFocus",r.input="kolInput",r.mousedown="kolMousedown",r.reset="kolReset",r.select="kolSelect",r.selectionChange="kolSelectionChange",r.sort="kolSort",r.submit="kolSubmit",r.toggle="kolToggle"},4216:(e,t,n)=>{"use strict";n.d(t,{g:()=>s,i:()=>u});const a={error:"Fehler",warning:"Warnung",info:"Hinweis",success:"Erfolg",message:"Nachricht",close:"Schließen","form-description":"Formular-Felder, die mit einem Sternchen (*) gekennzeichnet sind, sind Pflichtangaben.",of:"von",characters:"Zeichen",new:"Neu","no-entries":"Es sind keine Einträge vorhanden.","change-order":"Sortierung von {{colLabel}} ändern","action-running":"Aktion wird ausgeführt...","action-done":"Aktion abgeschlossen",pagination:"Paginierung","page-first":"Direkt zur ersten Seite","page-back":"Eine Seite zurück","page-next":"Eine Seite weiter","page-last":"Direkt zur letzten Seite","entries-per-site":"Einträge pro Seite",page:"Seite","page-current":"Seite {{page}}","page-selected":"Seite {{page}} ist ausgewählt","page-per-site":"{{entries}} Einträge pro Seite","nav-maximize":"Navigation maximieren","nav-minimize":"Navigation minimieren","logo-description":"Logo {{orgShort}}. Bundesadler mit Flaggenstab und Schriftzug {{orgLong}}","open-link-in-tab":"Öffnet in neuem Tab.","kolibri-logo":"Logo von KoliBri","table-pagination-label":"Paginierung für die Tabelle {{label}}","avatar-alt":"Avatar von {{name}}","split-button-dropdown-label-open":"Optionen anzeigen","split-button-dropdown-label-close":"Optionen schließen","toast-close-all":"Alle schließen","error-list":"Fehlerliste","error-list-message":"Bitte korrigieren Sie folgende Fehler:",version:"Versionsnummer","table-visible-range":"Einträge {{start}} bis {{end}} von {{total}}","table-selection-all":"Alle auswählen","table-selection-none":"Alle abwählen","table-selection-indeterminate":"Alle auswählen bei teilweiser Auswahl",dropdown:"Auswahlliste","nav-label-open":"Untermenü zu {{label}} öffnen","nav-label-close":"Untermenü zu {{label}} schließen","close-alert":"Benachrichtigung schließen","show-password":"einblenden","hide-password":"ausblenden","no-results-message":"Keine Ergebnisse gefunden.","delete-selection":"Auswahl entfernen","filename-text":"Datei auswählen oder hier ablegen...","data-browse-text":"Datei auswählen"},r={error:"Error",warning:"Warning",info:"Note",success:"Success",message:"Message",close:"Close","form-description":"Form fields marked with an asterisk (*) are mandatory.",of:"of",characters:"characters",new:"New","no-entries":"No entries available.","change-order":"Change order of {{colLabel}}","action-running":"Action is running...","action-done":"Action done",pagination:"Pagination","page-first":"Directly to the first page","page-back":"One page back","page-next":"One page further","page-last":"Directly to the last page","entries-per-site":"Entries per page",page:"Page","page-current":"Page {{page}}","page-selected":"Page {{page}} is selected","page-per-site":"{{entries}} entries per page","nav-maximize":"Maximize navigation","nav-minimize":"Minimize navigation","logo-description":"Logo {{orgShort}}. Federal eagle with flag staff and lettering {{orgLong}}","open-link-in-tab":"Opens in new tab.","kolibri-logo":"KoliBri logo","table-pagination-label":"Pagination for table {{label}}","avatar-alt":"Avatar of {{name}}","split-button-dropdown-label-open":"Show options","split-button-dropdown-label-close":"Hide options","toast-close-all":"Close all","error-list":"Error list","error-list-message":"Please correct the following errors",version:"Version number","table-visible-range":"Entries {{start}} to {{end}} of {{total}}","table-selection-all":"Select all","table-selection-none":"Deselect all","table-selection-indeterminate":"Select all with partial selection",dropdown:"Dropdown","nav-label-open":"Submenu for {{label}} open","nav-label-close":"Submenu for {{label}} close","close-alert":"Close notification","show-password":"Show","hide-password":"Hide","no-results-message":"No results found.","delete-selection":"Delete selection","filename-text":"Choose a file or drop it here...","data-browse-text":"Browse"},l=e=>Object.keys(e).reduce(((t,n)=>(t[`kol-${n}`]=e[n],t)),{}),o=new Set([e=>e("en",l(r)),e=>e("de",l(a))]);class i{constructor(e){this.resourceMap=new Map,this.language=null!=e?e:"de"}addTranslations(e){Array.isArray(e)?e=new Set(e):"function"==typeof e&&(e=new Set([e])),void 0!==e&&e.forEach((e=>e(((e,t)=>{let n=this.resourceMap.get(e);return n||(n=new Map,this.resourceMap.set(e,n)),Object.entries(t).forEach((([e,t])=>{t&&n.set(e,t)})),e}))))}setLanguage(e){this.language=e}translate(e,t){var n;let a=null===(n=this.resourceMap.get(this.language))||void 0===n?void 0:n.get(e);return a?(null==t?void 0:t.placeholders)&&Object.entries(t.placeholders).forEach((([e,t])=>{var n,r;n=`{{${e}}}`,r=t,a=a.split(n).join(r)})):a=e,a}}let c;const s=()=>c,u=(e,t=o)=>(c=new i(e),c.addTranslations(t),c)},1290:(e,t,n)=>{"use strict";n.d(t,{E:()=>s,F:()=>De,H:()=>K,a:()=>Z,b:()=>Re,g:()=>G,h:()=>R,r:()=>p});var a=Object.defineProperty,r=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,i=(e,t,n)=>t in e?a(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,c=(e,t,n)=>new Promise(((a,r)=>{var l=e=>{try{i(n.next(e))}catch(e){r(e)}},o=e=>{try{i(n.throw(e))}catch(e){r(e)}},i=e=>e.done?a(e.value):Promise.resolve(e.value).then(l,o);i((n=n.apply(e,t)).next())}));const s={kolibriVersion:"3.0.0-rc.6"};var u=Object.defineProperty,d=new WeakMap,m=e=>d.get(e),p=(e,t)=>d.set(t.$lazyInstance$=e,t),f=(e,t)=>t in e,h=(e,t)=>(0,console.error)(e,t),b=new Map,g=new Map,v=[],_="s-id",k="c-id",y="slot-fb{display:contents}slot-fb[hidden]{display:none}",w="http://www.w3.org/1999/xlink",E="undefined"!=typeof window?window:{},x=E.document||{head:{}},S={$flags$:0,$resourcesUrl$:"",jmp:e=>e(),raf:e=>requestAnimationFrame(e),ael:(e,t,n,a)=>e.addEventListener(t,n,a),rel:(e,t,n,a)=>e.removeEventListener(t,n,a),ce:(e,t)=>new CustomEvent(e,t)},T=(()=>{let e=!1;try{x.addEventListener("e",null,Object.defineProperty({},"passive",{get(){e=!0}}))}catch(e){}return e})(),C=(()=>{try{return new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync}catch(e){}return!1})(),z=e=>Promise.resolve(undefined).then(e),O={},N=e=>"object"==(e=typeof e)||"function"===e;function L(e){var t,n,a;return null!=(a=null==(n=null==(t=e.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:n.getAttribute("content"))?a:void 0}((e,t)=>{for(var n in t)u(e,n,{get:t[n],enumerable:!0})})({},{err:()=>$,map:()=>B,ok:()=>A,unwrap:()=>M,unwrapErr:()=>F});var A=e=>({isOk:!0,isErr:!1,value:e}),$=e=>({isOk:!1,isErr:!0,value:e});function B(e,t){if(e.isOk){const n=t(e.value);return n instanceof Promise?n.then((e=>A(e))):A(n)}if(e.isErr){const t=e.value;return $(t)}throw"should never get here"}var P,I,j,M=e=>{if(e.isOk)return e.value;throw e.value},F=e=>{if(e.isErr)return e.value;throw e.value},R=(e,t,...n)=>{let a=null,r=null,l=null,o=!1,i=!1;const c=[],s=t=>{for(let n=0;n<t.length;n++)a=t[n],Array.isArray(a)?s(a):null!=a&&"boolean"!=typeof a&&((o="function"!=typeof e&&!N(a))&&(a=String(a)),o&&i?c[c.length-1].$text$+=a:c.push(o?D(null,a):a),i=o)};if(s(n),t){t.key&&(r=t.key),t.name&&(l=t.name);{const e=t.className||t.class;e&&(t.class="object"!=typeof e?e:Object.keys(e).filter((t=>e[t])).join(" "))}}if("function"==typeof e)return e(null===t?{}:t,c,H);const u=D(e,null);return u.$attrs$=t,c.length>0&&(u.$children$=c),u.$key$=r,u.$name$=l,u},D=(e,t)=>({$flags$:0,$tag$:e,$text$:t,$elm$:null,$children$:null,$attrs$:null,$key$:null,$name$:null}),K={},H={forEach:(e,t)=>e.map(V).forEach(t),map:(e,t)=>e.map(V).map(t).map(U)},V=e=>({vattrs:e.$attrs$,vchildren:e.$children$,vkey:e.$key$,vname:e.$name$,vtag:e.$tag$,vtext:e.$text$}),U=e=>{if("function"==typeof e.vtag){const t=((e,t)=>{for(var n in t||(t={}))l.call(t,n)&&i(e,n,t[n]);if(r)for(var n of r(t))o.call(t,n)&&i(e,n,t[n]);return e})({},e.vattrs);return e.vkey&&(t.key=e.vkey),e.vname&&(t.name=e.vname),R(e.vtag,t,...e.vchildren||[])}const t=D(e.vtag,e.vtext);return t.$attrs$=e.vattrs,t.$children$=e.vchildren,t.$key$=e.vkey,t.$name$=e.vname,t},W=(e,t,n,a,r,l,o)=>{let i,c,s,u;if(1===l.nodeType){if(i=l.getAttribute(k),i&&(c=i.split("."),c[0]!==o&&"0"!==c[0]||(s={$flags$:0,$hostId$:c[0],$nodeId$:c[1],$depth$:c[2],$index$:c[3],$tag$:l.tagName.toLowerCase(),$elm$:l,$attrs$:null,$children$:null,$key$:null,$name$:null,$text$:null},t.push(s),l.removeAttribute(k),e.$children$||(e.$children$=[]),e.$children$[s.$index$]=s,e=s,a&&"0"===s.$depth$&&(a[s.$index$]=s.$elm$))),l.shadowRoot)for(u=l.shadowRoot.childNodes.length-1;u>=0;u--)W(e,t,n,a,r,l.shadowRoot.childNodes[u],o);for(u=l.childNodes.length-1;u>=0;u--)W(e,t,n,a,r,l.childNodes[u],o)}else if(8===l.nodeType)c=l.nodeValue.split("."),c[1]!==o&&"0"!==c[1]||(i=c[0],s={$flags$:0,$hostId$:c[1],$nodeId$:c[2],$depth$:c[3],$index$:c[4],$elm$:l,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null},"t"===i?(s.$elm$=l.nextSibling,s.$elm$&&3===s.$elm$.nodeType&&(s.$text$=s.$elm$.textContent,t.push(s),l.remove(),e.$children$||(e.$children$=[]),e.$children$[s.$index$]=s,a&&"0"===s.$depth$&&(a[s.$index$]=s.$elm$))):s.$hostId$===o&&("s"===i?(s.$tag$="slot",c[5]?l["s-sn"]=s.$name$=c[5]:l["s-sn"]="",l["s-sr"]=!0,a&&(s.$elm$=x.createElement(s.$tag$),s.$name$&&s.$elm$.setAttribute("name",s.$name$),l.parentNode.insertBefore(s.$elm$,l),l.remove(),"0"===s.$depth$&&(a[s.$index$]=s.$elm$)),n.push(s),e.$children$||(e.$children$=[]),e.$children$[s.$index$]=s):"r"===i&&(a?l.remove():(r["s-cr"]=l,l["s-cn"]=!0))));else if(e&&"style"===e.$tag$){const t=D(null,l.textContent);t.$elm$=l,t.$index$="0",e.$children$=[t]}},q=(e,t)=>{if(1===e.nodeType){let n=0;if(e.shadowRoot)for(;n<e.shadowRoot.childNodes.length;n++)q(e.shadowRoot.childNodes[n],t);for(n=0;n<e.childNodes.length;n++)q(e.childNodes[n],t)}else if(8===e.nodeType){const n=e.nodeValue.split(".");"o"===n[0]&&(t.set(n[1]+"."+n[2],e),e.nodeValue="",e["s-en"]=n[3])}},Z=e=>v.push(e),G=e=>m(e).$hostElement$,Y=new WeakMap,J=(e,t,n)=>{var a;const r=Q(t,n),l=g.get(r);if(e=11===e.nodeType?e:x,l)if("string"==typeof l){e=e.head||e;let n,o=Y.get(e);if(o||Y.set(e,o=new Set),!o.has(r)){if(e.host&&(n=e.querySelector(`[sty-id="${r}"]`)))n.innerHTML=l;else{n=x.createElement("style"),n.innerHTML=l;const r=null!=(a=S.$nonce$)?a:L(x);null!=r&&n.setAttribute("nonce",r),(!(1&t.$flags$)||1&t.$flags$&&"HEAD"!==e.nodeName)&&e.insertBefore(n,e.querySelector("link"))}4&t.$flags$&&(n.innerHTML+=y),o&&o.add(r)}}else e.adoptedStyleSheets.includes(l)||(e.adoptedStyleSheets=[...e.adoptedStyleSheets,l]);return r},Q=(e,t)=>"sc-"+(t&&32&e.$flags$?e.$tagName$+"-"+t:e.$tagName$),X=(e,t,n,a,r,l)=>{if(n!==a){let o=f(e,t),i=t.toLowerCase();if("class"===t){const t=e.classList,r=te(n),l=te(a);t.remove(...r.filter((e=>e&&!l.includes(e)))),t.add(...l.filter((e=>e&&!r.includes(e))))}else if("style"===t){for(const t in n)a&&null!=a[t]||(t.includes("-")?e.style.removeProperty(t):e.style[t]="");for(const t in a)n&&a[t]===n[t]||(t.includes("-")?e.style.setProperty(t,a[t]):e.style[t]=a[t])}else if("key"===t);else if("ref"===t)a&&a(e);else if(o||"o"!==t[0]||"n"!==t[1]){const c=N(a);if((o||c&&null!==a)&&!r)try{if(e.tagName.includes("-"))e[t]=a;else{const r=null==a?"":a;"list"===t?o=!1:null!=n&&e[t]==r||(e[t]=r)}}catch(e){}let s=!1;i!==(i=i.replace(/^xlink\:?/,""))&&(t=i,s=!0),null==a||!1===a?!1===a&&""!==e.getAttribute(t)||(s?e.removeAttributeNS(w,t):e.removeAttribute(t)):(!o||4&l||r)&&!c&&(a=!0===a?"":a,s?e.setAttributeNS(w,t,a):e.setAttribute(t,a))}else if(t="-"===t[2]?t.slice(3):f(E,i)?i.slice(2):i[2]+t.slice(3),n||a){const r=t.endsWith(ne);t=t.replace(ae,""),n&&S.rel(e,t,n,r),a&&S.ael(e,t,a,r)}}},ee=/\s/,te=e=>e?e.split(ee):[],ne="Capture",ae=new RegExp(ne+"$"),re=(e,t,n)=>{const a=11===t.$elm$.nodeType&&t.$elm$.host?t.$elm$.host:t.$elm$,r=e&&e.$attrs$||O,l=t.$attrs$||O;for(const e of le(Object.keys(r)))e in l||X(a,e,r[e],void 0,n,t.$flags$);for(const e of le(Object.keys(l)))X(a,e,r[e],l[e],n,t.$flags$)};function le(e){return e.includes("ref")?[...e.filter((e=>"ref"!==e)),"ref"]:e}var oe=!1,ie=!1,ce=!1,se=!1,ue=(e,t,n,a)=>{var r;const l=t.$children$[n];let o,i,c,s=0;if(oe||(ce=!0,"slot"===l.$tag$&&(P&&a.classList.add(P+"-s"),l.$flags$|=l.$children$?2:1)),null!==l.$text$)o=l.$elm$=x.createTextNode(l.$text$);else if(1&l.$flags$)o=l.$elm$=x.createTextNode("");else{if(se||(se="svg"===l.$tag$),o=l.$elm$=x.createElementNS(se?"http://www.w3.org/2000/svg":"http://www.w3.org/1999/xhtml",!oe&&2&l.$flags$?"slot-fb":l.$tag$),se&&"foreignObject"===l.$tag$&&(se=!1),re(null,l,se),o.getRootNode().querySelector("body"),l.$children$)for(s=0;s<l.$children$.length;++s)i=ue(e,l,s,o),i&&o.appendChild(i);"svg"===l.$tag$?se=!1:"foreignObject"===o.tagName&&(se=!0)}return o["s-hn"]=j,3&l.$flags$&&(o["s-sr"]=!0,o["s-cr"]=I,o["s-sn"]=l.$name$||"",o["s-rf"]=null==(r=l.$attrs$)?void 0:r.ref,c=e&&e.$children$&&e.$children$[n],c&&c.$tag$===l.$tag$&&e.$elm$&&de(e.$elm$,!1)),o},de=(e,t)=>{S.$flags$|=1;const n=Array.from(e.childNodes);e["s-sr"];for(let e=n.length-1;e>=0;e--){const a=n[e];a["s-hn"]!==j&&a["s-ol"]&&(Ee(be(a),a,he(a)),a["s-ol"].remove(),a["s-ol"]=void 0,a["s-sh"]=void 0,ce=!0),t&&de(a,t)}S.$flags$&=-2},me=(e,t,n,a,r,l)=>{let o,i=e["s-cr"]&&e["s-cr"].parentNode||e;for(i.shadowRoot&&i.tagName===j&&(i=i.shadowRoot);r<=l;++r)a[r]&&(o=ue(null,n,r,e),o&&(a[r].$elm$=o,Ee(i,o,he(t))))},pe=(e,t,n)=>{for(let a=t;a<=n;++a){const t=e[a];if(t){const e=t.$elm$;we(t),e&&(ie=!0,e["s-ol"]?e["s-ol"].remove():de(e,!0),e.remove())}}},fe=(e,t,n=!1)=>!(e.$tag$!==t.$tag$||("slot"===e.$tag$?"$nodeId$"in e&&n&&8!==e.$elm$.nodeType||e.$name$!==t.$name$:!n&&e.$key$!==t.$key$)),he=e=>e&&e["s-ol"]||e,be=e=>(e["s-ol"]?e["s-ol"]:e).parentNode,ge=(e,t,n=!1)=>{const a=t.$elm$=e.$elm$,r=e.$children$,l=t.$children$,o=t.$tag$,i=t.$text$;let c;null===i?(se="svg"===o||"foreignObject"!==o&&se,("slot"!==o||oe)&&re(e,t,se),null!==r&&null!==l?((e,t,n,a,r=!1)=>{let l,o,i=0,c=0,s=0,u=0,d=t.length-1,m=t[0],p=t[d],f=a.length-1,h=a[0],b=a[f];for(;i<=d&&c<=f;)if(null==m)m=t[++i];else if(null==p)p=t[--d];else if(null==h)h=a[++c];else if(null==b)b=a[--f];else if(fe(m,h,r))ge(m,h,r),m=t[++i],h=a[++c];else if(fe(p,b,r))ge(p,b,r),p=t[--d],b=a[--f];else if(fe(m,b,r))"slot"!==m.$tag$&&"slot"!==b.$tag$||de(m.$elm$.parentNode,!1),ge(m,b,r),Ee(e,m.$elm$,p.$elm$.nextSibling),m=t[++i],b=a[--f];else if(fe(p,h,r))"slot"!==m.$tag$&&"slot"!==b.$tag$||de(p.$elm$.parentNode,!1),ge(p,h,r),Ee(e,p.$elm$,m.$elm$),p=t[--d],h=a[++c];else{for(s=-1,u=i;u<=d;++u)if(t[u]&&null!==t[u].$key$&&t[u].$key$===h.$key$){s=u;break}s>=0?(o=t[s],o.$tag$!==h.$tag$?l=ue(t&&t[c],n,s,e):(ge(o,h,r),t[s]=void 0,l=o.$elm$),h=a[++c]):(l=ue(t&&t[c],n,c,e),h=a[++c]),l&&Ee(be(m.$elm$),l,he(m.$elm$))}i>d?me(e,null==a[f+1]?null:a[f+1].$elm$,n,a,c,f):c>f&&pe(t,i,d)})(a,r,t,l,n):null!==l?(null!==e.$text$&&(a.textContent=""),me(a,null,t,l,0,l.length-1)):!n&&null!==r&&pe(r,0,r.length-1),se&&"svg"===o&&(se=!1)):(c=a["s-cr"])?c.parentNode.textContent=i:e.$text$!==i&&(a.data=i)},ve=e=>{const t=e.childNodes;for(const e of t)if(1===e.nodeType){if(e["s-sr"]){const n=e["s-sn"];e.hidden=!1;for(const a of t)if(a!==e)if(a["s-hn"]!==e["s-hn"]||""!==n){if(1===a.nodeType&&(n===a.getAttribute("slot")||n===a["s-sn"])||3===a.nodeType&&n===a["s-sn"]){e.hidden=!0;break}}else if(1===a.nodeType||3===a.nodeType&&""!==a.textContent.trim()){e.hidden=!0;break}}ve(e)}},_e=[],ke=e=>{let t,n,a;for(const r of e.childNodes){if(r["s-sr"]&&(t=r["s-cr"])&&t.parentNode){n=t.parentNode.childNodes;const e=r["s-sn"];for(a=n.length-1;a>=0;a--)if(t=n[a],!t["s-cn"]&&!t["s-nr"]&&t["s-hn"]!==r["s-hn"])if(ye(t,e)){let n=_e.find((e=>e.$nodeToRelocate$===t));ie=!0,t["s-sn"]=t["s-sn"]||e,n?(n.$nodeToRelocate$["s-sh"]=r["s-hn"],n.$slotRefNode$=r):(t["s-sh"]=r["s-hn"],_e.push({$slotRefNode$:r,$nodeToRelocate$:t})),t["s-sr"]&&_e.map((e=>{ye(e.$nodeToRelocate$,t["s-sn"])&&(n=_e.find((e=>e.$nodeToRelocate$===t)),n&&!e.$slotRefNode$&&(e.$slotRefNode$=n.$slotRefNode$))}))}else _e.some((e=>e.$nodeToRelocate$===t))||_e.push({$nodeToRelocate$:t})}1===r.nodeType&&ke(r)}},ye=(e,t)=>1===e.nodeType?null===e.getAttribute("slot")&&""===t||e.getAttribute("slot")===t:e["s-sn"]===t||""===t,we=e=>{e.$attrs$&&e.$attrs$.ref&&e.$attrs$.ref(null),e.$children$&&e.$children$.map(we)},Ee=(e,t,n)=>null==e?void 0:e.insertBefore(t,n),xe=(e,t)=>{t&&!e.$onRenderResolve$&&t["s-p"]&&t["s-p"].push(new Promise((t=>e.$onRenderResolve$=t)))},Se=(e,t)=>{if(!(4&e.$flags$))return xe(e,e.$ancestorComponent$),Te(e,t);e.$flags$|=512},Te=(e,t)=>{const n=e.$hostElement$,a=(e.$cmpMeta$.$tagName$,()=>{}),r=e.$lazyInstance$;if(!r)throw new Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let l;return t&&(e.$flags$|=256,e.$queuedListeners$&&(e.$queuedListeners$.map((([e,t])=>$e(r,e,t))),e.$queuedListeners$=void 0),l=$e(r,"componentWillLoad")),l=Ce(l,(()=>$e(r,"componentWillRender"))),a(),Ce(l,(()=>Oe(e,r,t)))},Ce=(e,t)=>ze(e)?e.then(t).catch((e=>{console.error(e),t()})):t(),ze=e=>e instanceof Promise||e&&e.then&&"function"==typeof e.then,Oe=(e,t,n)=>c(void 0,null,(function*(){var a;const r=e.$hostElement$,l=(e.$cmpMeta$.$tagName$,()=>{}),o=r["s-rc"];n&&(e=>{const t=e.$cmpMeta$,n=e.$hostElement$,a=t.$flags$,r=(t.$tagName$,()=>{}),l=J(n.shadowRoot?n.shadowRoot:n.getRootNode(),t,e.$modeName$);10&a&&2&a&&(n["s-sc"]=l,n.classList.add(l+"-h")),r()})(e);const i=(e.$cmpMeta$.$tagName$,()=>{});Ne(e,t,r,n),o&&(o.map((e=>e())),r["s-rc"]=void 0),i(),l();{const t=null!=(a=r["s-p"])?a:[],n=()=>Le(e);0===t.length?n():(Promise.all(t).then(n),e.$flags$|=4,t.length=0)}})),Ne=(e,t,n,a)=>{try{t=t.render&&t.render(),e.$flags$|=2,((e,t,n=!1)=>{var a,r,l,o;const i=e.$hostElement$,c=e.$cmpMeta$,s=e.$vnode$||D(null,null),u=(d=t)&&d.$tag$===K?t:R(null,null,t);var d;if(j=i.tagName,c.$attrsToReflect$&&(u.$attrs$=u.$attrs$||{},c.$attrsToReflect$.map((([e,t])=>u.$attrs$[t]=i[e]))),n&&u.$attrs$)for(const e of Object.keys(u.$attrs$))i.hasAttribute(e)&&!["key","ref","style","class"].includes(e)&&(u.$attrs$[e]=i[e]);if(u.$tag$=null,u.$flags$|=4,e.$vnode$=u,u.$elm$=s.$elm$=i.shadowRoot||i,P=i["s-sc"],oe=!!(1&c.$flags$),I=i["s-cr"],ie=!1,ge(s,u,n),S.$flags$|=1,ce){ke(u.$elm$);for(const e of _e){const t=e.$nodeToRelocate$;if(!t["s-ol"]){const e=x.createTextNode("");e["s-nr"]=t,Ee(t.parentNode,t["s-ol"]=e,t)}}for(const e of _e){const t=e.$nodeToRelocate$,i=e.$slotRefNode$;if(i){const e=i.parentNode;let n=i.nextSibling;{let l=null==(a=t["s-ol"])?void 0:a.previousSibling;for(;l;){let a=null!=(r=l["s-nr"])?r:null;if(a&&a["s-sn"]===t["s-sn"]&&e===a.parentNode){for(a=a.nextSibling;a===t||(null==a?void 0:a["s-sr"]);)a=null==a?void 0:a.nextSibling;if(!a||!a["s-nr"]){n=a;break}}l=l.previousSibling}}(!n&&e!==t.parentNode||t.nextSibling!==n)&&t!==n&&(!t["s-hn"]&&t["s-ol"]&&(t["s-hn"]=t["s-ol"].parentNode.nodeName),Ee(e,t,n),1===t.nodeType&&(t.hidden=null!=(l=t["s-ih"])&&l)),t&&"function"==typeof i["s-rf"]&&i["s-rf"](t)}else 1===t.nodeType&&(n&&(t["s-ih"]=null!=(o=t.hidden)&&o),t.hidden=!0)}}ie&&ve(u.$elm$),S.$flags$&=-2,_e.length=0,I=void 0})(e,t,a)}catch(t){h(t,e.$hostElement$)}return null},Le=e=>{e.$cmpMeta$.$tagName$;const t=e.$hostElement$,n=e.$lazyInstance$,a=e.$ancestorComponent$;$e(n,"componentDidRender"),64&e.$flags$||(e.$flags$|=64,Be(t),$e(n,"componentDidLoad"),e.$onReadyResolve$(t),a||Ae()),e.$onInstanceResolve$(t),e.$onRenderResolve$&&(e.$onRenderResolve$(),e.$onRenderResolve$=void 0),512&e.$flags$&&z((()=>Se(e,!1))),e.$flags$&=-517},Ae=e=>{Be(x.documentElement),z((()=>(e=>{const t=S.ce("appload",{detail:{namespace:"kolibri"}});return e.dispatchEvent(t),t})(E)))},$e=(e,t,n)=>{if(e&&e[t])try{return e[t](n)}catch(e){h(e)}},Be=e=>e.classList.add("hydrated"),Pe=(e,t,n)=>{var a,r;const l=e.prototype;if(t.$members$||t.$watchers$||e.watchers){e.watchers&&!t.$watchers$&&(t.$watchers$=e.watchers);const o=Object.entries(null!=(a=t.$members$)?a:{});if(o.map((([e,[a]])=>{31&a||2&n&&32&a?Object.defineProperty(l,e,{get(){return t=e,m(this).$instanceValues$.get(t);var t},set(n){((e,t,n,a)=>{const r=m(e);if(!r)throw new Error(`Couldn't find host element for "${a.$tagName$}" as it is unknown to this Stencil runtime. This usually happens when integrating a 3rd party Stencil component with another Stencil component or application. Please reach out to the maintainers of the 3rd party Stencil component or report this on the Stencil Discord server (https://chat.stenciljs.com) or comment on this similar [GitHub issue](https://github.com/ionic-team/stencil/issues/5457).`);const l=r.$hostElement$,o=r.$instanceValues$.get(t),i=r.$flags$,c=r.$lazyInstance$;var s,u;s=n,u=a.$members$[t][0],n=null==s||N(s)?s:4&u?"false"!==s&&(""===s||!!s):2&u?parseFloat(s):1&u?String(s):s;const d=Number.isNaN(o)&&Number.isNaN(n);if((!(8&i)||void 0===o)&&n!==o&&!d&&(r.$instanceValues$.set(t,n),c)){if(a.$watchers$&&128&i){const e=a.$watchers$[t];e&&e.map((e=>{try{c[e](n,o,t)}catch(e){h(e,l)}}))}2==(18&i)&&Se(r,!1)}})(this,e,n,t)},configurable:!0,enumerable:!0}):1&n&&64&a&&Object.defineProperty(l,e,{value(...t){var n;const a=m(this);return null==(n=null==a?void 0:a.$onInstancePromise$)?void 0:n.then((()=>{var n;return null==(n=a.$lazyInstance$)?void 0:n[e](...t)}))}})})),1&n){const n=new Map;l.attributeChangedCallback=function(e,a,r){S.jmp((()=>{var o;const i=n.get(e);if(this.hasOwnProperty(i))r=this[i],delete this[i];else{if(l.hasOwnProperty(i)&&"number"==typeof this[i]&&this[i]==r)return;if(null==i){const n=m(this),l=null==n?void 0:n.$flags$;if(l&&!(8&l)&&128&l&&r!==a){const l=n.$lazyInstance$,i=null==(o=t.$watchers$)?void 0:o[e];null==i||i.forEach((t=>{null!=l[t]&&l[t].call(l,r,a,e)}))}return}}this[i]=(null!==r||"boolean"!=typeof this[i])&&r}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(r=t.$watchers$)?r:{}),...o.filter((([e,t])=>15&t[0])).map((([e,a])=>{var r;const l=a[1]||e;return n.set(l,e),512&a[0]&&(null==(r=t.$attrsToReflect$)||r.push([e,l])),l}))]))}}return e},Ie=e=>{$e(e,"connectedCallback")},je=e=>{if(!(1&S.$flags$)){const t=m(e),a=t.$cmpMeta$,r=(a.$tagName$,()=>{});if(1&t.$flags$)Ke(e,t,a.$listeners$),(null==t?void 0:t.$lazyInstance$)?Ie(t.$lazyInstance$):(null==t?void 0:t.$onReadyPromise$)&&t.$onReadyPromise$.then((()=>Ie(t.$lazyInstance$)));else{let r;if(t.$flags$|=1,r=e.getAttribute(_),r){if(1&a.$flags$){const t=J(e.shadowRoot,a,e.getAttribute("s-mode"));e.classList.remove(t+"-h",t+"-s")}((e,t,n,a)=>{const r=e.shadowRoot,l=[],o=r?[]:null,i=a.$vnode$=D(t,null);S.$orgLocNodes$||q(x.body,S.$orgLocNodes$=new Map),e[_]=n,e.removeAttribute(_),W(i,l,[],o,e,e,n),l.map((e=>{const n=e.$hostId$+"."+e.$nodeId$,a=S.$orgLocNodes$.get(n),l=e.$elm$;a&&""===a["s-en"]&&a.parentNode.insertBefore(l,a.nextSibling),r||(l["s-hn"]=t,a&&(l["s-ol"]=a,l["s-ol"]["s-nr"]=l)),S.$orgLocNodes$.delete(n)})),r&&o.map((e=>{e&&r.appendChild(e)}))})(e,a.$tagName$,r,t)}r||12&a.$flags$&&Me(e);{let n=e;for(;n=n.parentNode||n.host;)if(1===n.nodeType&&n.hasAttribute("s-id")&&n["s-p"]||n["s-p"]){xe(t,t.$ancestorComponent$=n);break}}a.$members$&&Object.entries(a.$members$).map((([t,[n]])=>{if(31&n&&e.hasOwnProperty(t)){const n=e[t];delete e[t],e[t]=n}})),((e,t,a)=>{c(void 0,null,(function*(){let r;if(!(32&t.$flags$)){if(t.$flags$|=32,a.$lazyBundleId$){const e=(e=>{const t=e.$tagName$.replace(/-/g,"_"),a=e.$lazyBundleId$;if(!a)return;const r=b.get(a);if(r)return r[t];{const e=e=>(b.set(a,e),e[t]);switch(a){case"kol-abbr":return n.e(9219).then(n.bind(n,9219)).then(e,h);case"kol-accordion":return n.e(5e3).then(n.bind(n,5e3)).then(e,h);case"kol-alert":return n.e(6480).then(n.bind(n,6480)).then(e,h);case"kol-avatar":return n.e(9929).then(n.bind(n,9929)).then(e,h);case"kol-badge":return Promise.all([n.e(9914),n.e(8069)]).then(n.bind(n,8069)).then(e,h);case"kol-breadcrumb":return n.e(6577).then(n.bind(n,6577)).then(e,h);case"kol-button":return n.e(3872).then(n.bind(n,3872)).then(e,h);case"kol-button-link":return n.e(993).then(n.bind(n,993)).then(e,h);case"kol-card":return n.e(8478).then(n.bind(n,8478)).then(e,h);case"kol-details":return n.e(1676).then(n.bind(n,1676)).then(e,h);case"kol-drawer":return n.e(597).then(n.bind(n,597)).then(e,h);case"kol-form":return n.e(9430).then(n.bind(n,9430)).then(e,h);case"kol-heading":return n.e(3836).then(n.bind(n,3836)).then(e,h);case"kol-icon":return n.e(3021).then(n.bind(n,3021)).then(e,h);case"kol-image":return n.e(3879).then(n.bind(n,3879)).then(e,h);case"kol-input-checkbox":return Promise.all([n.e(9235),n.e(1718)]).then(n.bind(n,1718)).then(e,h);case"kol-input-color":return Promise.all([n.e(9235),n.e(5876)]).then(n.bind(n,5876)).then(e,h);case"kol-input-date":return Promise.all([n.e(9235),n.e(1219)]).then(n.bind(n,1219)).then(e,h);case"kol-input-email":return Promise.all([n.e(9235),n.e(4114),n.e(5171)]).then(n.bind(n,5171)).then(e,h);case"kol-input-file":return Promise.all([n.e(9235),n.e(8177)]).then(n.bind(n,8177)).then(e,h);case"kol-input-number":return Promise.all([n.e(9235),n.e(4390)]).then(n.bind(n,4390)).then(e,h);case"kol-input-password":return Promise.all([n.e(9235),n.e(4114),n.e(4350)]).then(n.bind(n,4350)).then(e,h);case"kol-input-radio":return Promise.all([n.e(9235),n.e(1744)]).then(n.bind(n,1744)).then(e,h);case"kol-input-text":return Promise.all([n.e(9235),n.e(4114),n.e(1416)]).then(n.bind(n,9035)).then(e,h);case"kol-kolibri":return n.e(3758).then(n.bind(n,3758)).then(e,h);case"kol-link":return n.e(4928).then(n.bind(n,4928)).then(e,h);case"kol-link-button":return n.e(3949).then(n.bind(n,3949)).then(e,h);case"kol-modal":return n.e(8283).then(n.bind(n,8283)).then(e,h);case"kol-nav":return n.e(6983).then(n.bind(n,6983)).then(e,h);case"kol-pagination":return n.e(8808).then(n.bind(n,8808)).then(e,h);case"kol-popover-button":return Promise.all([n.e(6420),n.e(9802)]).then(n.bind(n,6312)).then(e,h);case"kol-progress":return n.e(851).then(n.bind(n,851)).then(e,h);case"kol-quote":return n.e(4566).then(n.bind(n,4566)).then(e,h);case"kol-select":return Promise.all([n.e(9235),n.e(9068)]).then(n.bind(n,9068)).then(e,h);case"kol-skip-nav":return n.e(1791).then(n.bind(n,1791)).then(e,h);case"kol-spin":return n.e(8728).then(n.bind(n,8728)).then(e,h);case"kol-split-button":return n.e(9423).then(n.bind(n,9423)).then(e,h);case"kol-table-stateful":return n.e(4211).then(n.bind(n,4211)).then(e,h);case"kol-table-stateless":return n.e(7267).then(n.bind(n,7267)).then(e,h);case"kol-tabs":return n.e(8212).then(n.bind(n,8212)).then(e,h);case"kol-textarea":return Promise.all([n.e(9235),n.e(9162)]).then(n.bind(n,9162)).then(e,h);case"kol-toast-container":return n.e(5151).then(n.bind(n,5151)).then(e,h);case"kol-toolbar":return n.e(7997).then(n.bind(n,7997)).then(e,h);case"kol-tree":return n.e(7084).then(n.bind(n,7084)).then(e,h);case"kol-tree-item":return n.e(2078).then(n.bind(n,2078)).then(e,h);case"kol-version":return n.e(7958).then(n.bind(n,7958)).then(e,h);case"kol-alert-wc":return n.e(8243).then(n.bind(n,8243)).then(e,h);case"kol-avatar-wc":return n.e(1068).then(n.bind(n,1068)).then(e,h);case"kol-button-wc":return Promise.all([n.e(9914),n.e(3027)]).then(n.bind(n,3027)).then(e,h);case"kol-combobox":return Promise.all([n.e(9235),n.e(2115)]).then(n.bind(n,2115)).then(e,h);case"kol-input":return n.e(9130).then(n.bind(n,9130)).then(e,h);case"kol-input-range":return Promise.all([n.e(9235),n.e(4662)]).then(n.bind(n,4662)).then(e,h);case"kol-link-wc":return Promise.all([n.e(9914),n.e(2195)]).then(n.bind(n,2195)).then(e,h);case"kol-popover-wc":return Promise.all([n.e(6420),n.e(364)]).then(n.bind(n,9702)).then(e,h);case"kol-single-select":return Promise.all([n.e(9235),n.e(7225)]).then(n.bind(n,7225)).then(e,h);case"kol-table-stateless-wc":return n.e(3186).then(n.bind(n,3186)).then(e,h);case"kol-tooltip-wc":return Promise.all([n.e(9914),n.e(6420),n.e(136)]).then(n.bind(n,136)).then(e,h);case"kol-tree-item-wc":return n.e(8573).then(n.bind(n,8573)).then(e,h);case"kol-tree-wc":return n.e(8999).then(n.bind(n,8999)).then(e,h);case"test-component":return n.e(6451).then(n.bind(n,6451)).then(e,h)}}return n(980)(`./${a}.entry.js`).then((e=>(b.set(a,e),e[t])),h)})(a);if(e&&"then"in e){const t=()=>{};r=yield e,t()}else r=e;if(!r)throw new Error(`Constructor for "${a.$tagName$}#${t.$modeName$}" was not found`);r.isProxied||(a.$watchers$=r.watchers,Pe(r,a,2),r.isProxied=!0);const l=(a.$tagName$,()=>{});t.$flags$|=8;try{new r(t)}catch(e){h(e)}t.$flags$&=-9,t.$flags$|=128,l(),Ie(t.$lazyInstance$)}else{r=e.constructor;const n=e.localName;customElements.whenDefined(n).then((()=>t.$flags$|=128))}if(r&&r.style){let n;"string"==typeof r.style?n=r.style:"string"!=typeof r.style&&(t.$modeName$=(e=>v.map((t=>t(e))).find((e=>!!e)))(e),t.$modeName$&&(n=r.style[t.$modeName$]));const l=Q(a,t.$modeName$);if(!g.has(l)){const e=(a.$tagName$,()=>{});((e,t,n)=>{let a=g.get(e);C&&n?(a=a||new CSSStyleSheet,"string"==typeof a?a=t:a.replaceSync(t)):a=t,g.set(e,a)})(l,n,!!(1&a.$flags$)),e()}}}const l=t.$ancestorComponent$,o=()=>Se(t,!0);l&&l["s-rc"]?l["s-rc"].push(o):o()}))})(e,t,a)}r()}},Me=e=>{const t=e["s-cr"]=x.createComment("");t["s-cn"]=!0,Ee(e,t,e.firstChild)},Fe=e=>{$e(e,"disconnectedCallback")},Re=(e,t={})=>{var n;const a=[],r=t.exclude||[],l=E.customElements,o=x.head,i=o.querySelector("meta[charset]"),s=x.createElement("style"),u=[];let p,f=!0;Object.assign(S,t),S.$resourcesUrl$=new URL(t.resourcesUrl||"./",x.baseURI).href,S.$flags$|=2;let h=!1;if(e.map((e=>{e[1].map((n=>{var o;const i={$flags$:n[0],$tagName$:n[1],$members$:n[2],$listeners$:n[3]};4&i.$flags$&&(h=!0),i.$members$=n[2],i.$listeners$=n[3],i.$attrsToReflect$=[],i.$watchers$=null!=(o=n[4])?o:{};const s=t.transformTagName?t.transformTagName(i.$tagName$):i.$tagName$,b=class extends HTMLElement{constructor(e){if(super(e),this.hasRegisteredEventListeners=!1,((e,t)=>{const n={$flags$:0,$hostElement$:e,$cmpMeta$:t,$instanceValues$:new Map};n.$onInstancePromise$=new Promise((e=>n.$onInstanceResolve$=e)),n.$onReadyPromise$=new Promise((e=>n.$onReadyResolve$=e)),e["s-p"]=[],e["s-rc"]=[],d.set(e,n)})(e=this,i),1&i.$flags$)if(e.shadowRoot){if("open"!==e.shadowRoot.mode)throw new Error(`Unable to re-use existing shadow root for ${i.$tagName$}! Mode is set to ${e.shadowRoot.mode} but Stencil only supports open shadow roots.`)}else e.attachShadow({mode:"open",delegatesFocus:!!(16&i.$flags$)})}connectedCallback(){const e=m(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Ke(this,e,i.$listeners$)),p&&(clearTimeout(p),p=null),f?u.push(this):S.jmp((()=>je(this)))}disconnectedCallback(){S.jmp((()=>{return e=this,c(void 0,null,(function*(){if(!(1&S.$flags$)){const t=m(e);t.$rmListeners$&&(t.$rmListeners$.map((e=>e())),t.$rmListeners$=void 0),(null==t?void 0:t.$lazyInstance$)?Fe(t.$lazyInstance$):(null==t?void 0:t.$onReadyPromise$)&&t.$onReadyPromise$.then((()=>Fe(t.$lazyInstance$)))}}));var e}))}componentOnReady(){return m(this).$onReadyPromise$}};i.$lazyBundleId$=e[0],r.includes(s)||l.get(s)||(a.push(s),l.define(s,Pe(b,i,1)))}))})),a.length>0&&(h&&(s.textContent+=y),s.textContent+=a.sort()+"{visibility:hidden}.hydrated{visibility:inherit}",s.innerHTML.length)){s.setAttribute("data-styles","");const e=null!=(n=S.$nonce$)?n:L(x);null!=e&&s.setAttribute("nonce",e),o.insertBefore(s,i?i.nextSibling:o.firstChild)}f=!1,u.length?u.map((e=>e.connectedCallback())):S.jmp((()=>p=setTimeout(Ae,30)))},De=(e,t)=>t,Ke=(e,t,n,a)=>{n&&n.map((([n,a,r])=>{const l=Ve(e,n),o=He(t,r),i=Ue(n);S.ael(l,a,o,i),(t.$rmListeners$=t.$rmListeners$||[]).push((()=>S.rel(l,a,o,i)))}))},He=(e,t)=>n=>{var a;try{256&e.$flags$?null==(a=e.$lazyInstance$)||a[t](n):(e.$queuedListeners$=e.$queuedListeners$||[]).push([t,n])}catch(e){h(e)}},Ve=(e,t)=>8&t?E:e,Ue=e=>T?{passive:!!(1&e),capture:!!(2&e)}:!!(2&e)},7626:(e,t,n)=>{"use strict";n.d(t,{F:()=>T,P:()=>_,b:()=>x,f:()=>N,k:()=>g,n:()=>F,r:()=>R});var a=Object.defineProperty,r=Object.getOwnPropertySymbols,l=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,i=(e,t,n)=>t in e?a(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,c=(e,t)=>{for(var n in t||(t={}))l.call(t,n)&&i(e,n,t[n]);if(r)for(var n of r(t))o.call(t,n)&&i(e,n,t[n]);return e},s="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:void 0!==n.g?n.g:"undefined"!=typeof self?self:{},u={exports:{}};!function(e){var t,n;t=s,n=function(){var e=function(){},t="undefined",n=typeof window!==t&&typeof window.navigator!==t&&/Trident\/|MSIE /.test(window.navigator.userAgent),a=["trace","debug","info","warn","error"],r={},l=null;function o(e,t){var n=e[t];if("function"==typeof n.bind)return n.bind(e);try{return Function.prototype.bind.call(n,e)}catch(t){return function(){return Function.prototype.apply.apply(n,[e,arguments])}}}function i(){console.log&&(console.log.apply?console.log.apply(console,arguments):Function.prototype.apply.apply(console.log,[console,arguments])),console.trace&&console.trace()}function c(){for(var n=this.getLevel(),r=0;r<a.length;r++){var l=a[r];this[l]=r<n?e:this.methodFactory(l,n,this.name)}if(this.log=this.debug,typeof console===t&&n<this.levels.SILENT)return"No console available for logging"}function s(e){return function(){typeof console!==t&&(c.call(this),this[e].apply(this,arguments))}}function u(a,r,l){return function(a){return"debug"===a&&(a="log"),typeof console!==t&&("trace"===a&&n?i:void 0!==console[a]?o(console,a):void 0!==console.log?o(console,"log"):e)}(a)||s.apply(this,arguments)}function d(e,n){var o,i,s,d=this,m="loglevel";function p(){var e;if(typeof window!==t&&m){try{e=window.localStorage[m]}catch(e){}if(typeof e===t)try{var n=window.document.cookie,a=encodeURIComponent(m),r=n.indexOf(a+"=");-1!==r&&(e=/^([^;]+)/.exec(n.slice(r+a.length+1))[1])}catch(e){}return void 0===d.levels[e]&&(e=void 0),e}}function f(e){var t=e;if("string"==typeof t&&void 0!==d.levels[t.toUpperCase()]&&(t=d.levels[t.toUpperCase()]),"number"==typeof t&&t>=0&&t<=d.levels.SILENT)return t;throw new TypeError("log.setLevel() called with invalid level: "+e)}"string"==typeof e?m+=":"+e:"symbol"==typeof e&&(m=void 0),d.name=e,d.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},d.methodFactory=n||u,d.getLevel=function(){return null!=s?s:null!=i?i:o},d.setLevel=function(e,n){return s=f(e),!1!==n&&function(e){var n=(a[e]||"silent").toUpperCase();if(typeof window!==t&&m){try{return void(window.localStorage[m]=n)}catch(e){}try{window.document.cookie=encodeURIComponent(m)+"="+n+";"}catch(e){}}}(s),c.call(d)},d.setDefaultLevel=function(e){i=f(e),p()||d.setLevel(e,!1)},d.resetLevel=function(){s=null,function(){if(typeof window!==t&&m){try{window.localStorage.removeItem(m)}catch(e){}try{window.document.cookie=encodeURIComponent(m)+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC"}catch(e){}}}(),c.call(d)},d.enableAll=function(e){d.setLevel(d.levels.TRACE,e)},d.disableAll=function(e){d.setLevel(d.levels.SILENT,e)},d.rebuild=function(){if(l!==d&&(o=f(l.getLevel())),c.call(d),l===d)for(var e in r)r[e].rebuild()},o=f(l?l.getLevel():"WARN");var h=p();null!=h&&(s=f(h)),c.call(d)}(l=new d).getLogger=function(e){if("symbol"!=typeof e&&"string"!=typeof e||""===e)throw new TypeError("You must supply a name when creating a logger.");var t=r[e];return t||(t=r[e]=new d(e,l.methodFactory)),t};var m=typeof window!==t?window.log:void 0;return l.noConflict=function(){return typeof window!==t&&window.log===l&&(window.log=m),l},l.getLoggers=function(){return r},l.default=l,l},e.exports?e.exports=n():t.log=n()}(u);const d=u.exports,m={A11yUi:{CSS_STYLE_CACHE:new Map,HYDRATED_HISTORY:[],STYLING_TASK_QUEUE:new Map,Themes:{}}};let p=!0,f=!1;const h=/^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/,b=e=>{if(!1===(e=>"string"==typeof e&&h.test(e))(e))throw new Error(`[Theming] The theme identifier "${"string"==typeof e?e:""}" (Type: ${typeof e}) is not valid. Please use only follow this pattern: /^[a-z][a-z0-9]{1,}(-[a-z0-9]+)?$/`)},g=(e,t,n,a)=>v(e,t,n,a),v=(e,t,n,a)=>{var r;(a=null!=a?a:{}).append=null!=(r=a.append)&&r,b(e),!0===p&&!1===f&&(f=!0,d.warn(`[Theming] The theme process is locked. This means that the theme "${e}" should not be patched.\n\n\timport { register } from 'adopted-style-sheets';\n\timport { defineCustomElements } from '...';\n\timport { THEME } from '...';\n\n\tregister(THEME, defineCustomElements)\n\t.then(() => {\n\t\t// run your app or website\n\t})\n\t.catch(console.warn);`)),("object"!=typeof m.A11yUi.Themes[e]||null===m.A11yUi.Themes[e])&&(m.A11yUi.Themes[e]={}),a.append&&"string"==typeof m.A11yUi.Themes[e][t]?m.A11yUi.Themes[e][t]+=n:m.A11yUi.Themes[e][t]=n},_=(e,t,n,a)=>k(e,t,n,a),k=(e,t,n,a)=>(b(e),"object"==typeof t&&null!==t&&Object.getOwnPropertyNames(t).forEach((r=>{const l=t[r],o=r.toLowerCase(),i="function"!=typeof(null==a?void 0:a.transformTagName)||["GLOBAL","PROPERTIES"].includes(r)?r:a.transformTagName(o);"string"==typeof l&&l.length>0&&v(e,i.toUpperCase(),l,n)})),e),y=e=>{if(e instanceof HTMLElement){if("string"==typeof e.dataset.theme)return e;{let t=e.parentNode;for(;t instanceof ShadowRoot;)t=t.host;return y(t)}}return null},w=(e={})=>"false"!==e.themeEncroachCss&&"true"!==e.themeReset&&{mode:"after"===e.themeEncroachCssMode||"before"===e.themeEncroachCssMode?e.themeEncroachCssMode:"before"},E=()=>"object"==typeof m.A11yUi&&null!==m.A11yUi&&"object"==typeof m.A11yUi.Theme&&null!==m.A11yUi.Theme&&"boolean"==typeof m.A11yUi.Theme.cache&&"object"==typeof m.A11yUi.Theme.encroachCss&&null!==m.A11yUi.Theme.encroachCss&&"string"==typeof m.A11yUi.Theme.encroachCss.mode&&"string"==typeof m.A11yUi.Theme.name,x=e=>{if(E())return m.A11yUi.Theme;{const t={cache:!0,encroachCss:w(),loglevel:"silent",mode:"csr",name:null},n=y(e);return n instanceof HTMLElement&&(t.cache="false"!==n.dataset.themeCache,t.encroachCss=w(n.dataset),t.loglevel="debug"===n.dataset.themeLoglevel?n.dataset.themeLoglevel:"silent",t.mode="ssr"===n.dataset.themeMode?n.dataset.themeMode:"csr",t.name=n.dataset.theme||null),t}};let S=!1;const T=(e,t,n={})=>{!1===S&&(S=!0,p=!1),"function"==typeof e?e=new Set([e]):Array.isArray(e)&&(e=new Set(e)),e instanceof Set&&e.forEach((e=>{var t,a,r,l,o;"function"==typeof e&&1===e.length?((e,t)=>{!1===E()&&("object"!=typeof m.A11yUi||null===m.A11yUi||"object"!=typeof m.A11yUi.Theme||null===m.A11yUi.Theme||"default"!==m.A11yUi.Theme.name)&&"object"==typeof t&&null!==t&&(t=((e,t)=>({cache:!1!==t.cache,detect:"auto"===t.detect?"auto":"fixed",encroachCss:!1!==t.encroachCss&&("object"!=typeof t.encroachCss||null==t.encroachCss||"after"!==t.encroachCss.mode&&"before"!==t.encroachCss.mode?{mode:"before"}:t.encroachCss),loglevel:"debug"===t.loglevel?t.loglevel:"silent",mode:"ssr"===t.mode?t.mode:"csr",name:"string"==typeof t.name?t.name:e}))(e,t),"fixed"===t.detect?(null===t.name&&"string"==typeof e&&(t.name=e),e===t.name&&(m.A11yUi.Theme=t,d.info(`[Theming] Theme "${e}" was set as default theme.`))):f||(f=!0,d.warn("[Theming] The presetting of theme options is only relevant by using 'fixed' detection mode.")))})(e(((e,t,a)=>k(e,t,a,n))),{cache:null==(t=n.theme)?void 0:t.cache,detect:null==(a=n.theme)?void 0:a.detect,encroachCss:null==(r=n.theme)?void 0:r.encroachCss,mode:null==(l=n.theme)?void 0:l.mode,name:null==(o=n.theme)?void 0:o.name}):d.error("[Theming] An attempt was made to load an incompatible theme.")})),p=!0,"function"==typeof t?t=new Set([t]):Array.isArray(t)&&(t=new Set(t));const a=[];return t.forEach((e=>{const t=e();t instanceof Promise&&a.push(t)})),Promise.all(a)},C=new Set,z=/--[^;]+/g,O=/:/,N=(e,t)=>"object"==typeof m.A11yUi&&null!==m.A11yUi&&"object"==typeof m.A11yUi.Themes&&null!==m.A11yUi.Themes&&"object"==typeof m.A11yUi.Themes[e]&&null!==m.A11yUi.Themes[e]&&"string"==typeof m.A11yUi.Themes[e][t]?m.A11yUi.Themes[e][t].replace(/\r?\n/g,""):"",L=(e,t,n)=>{var a,r,l;const o=t.name||"default";let i;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");i=e.shadowRoot}catch(t){i=e}if(null==(a=m.A11yUi.CSS_STYLE_CACHE.get(o))?void 0:a.has(e.tagName))A(e,i,null==(r=m.A11yUi.CSS_STYLE_CACHE.get(o))?void 0:r.get(e.tagName),n);else{const a=N(o,"PROPERTIES"),r=N(o,"GLOBAL"),c=N(o,e.tagName);!1===C.has(o)&&((e,t)=>{var n;let a=t.match(z);if(Array.isArray(a)){a=a.filter((e=>O.test(e)));const t=document.createElement("style");t.innerHTML=`.${e} {${a.join(";")}}`,null==(n=document.querySelector("head"))||n.appendChild(t)}C.add(e)})(o,r);const s=[a,r,c];((e,t,n)=>{if(!1!==n){const a=[...Array.from(e.childNodes).filter((e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName))];let r;try{r=[...Array.from(e.adoptedStyleSheets)]}catch(e){r=[]}"before"===(null==n?void 0:n.mode)?(a.reverse().forEach((e=>t.unshift(e.innerHTML))),r.reverse().forEach((e=>t.unshift(Array.from(e.cssRules).map((e=>e.cssText)).join(""))))):"after"===(null==n?void 0:n.mode)&&(a.forEach((e=>t.push(e.innerHTML))),r.forEach((e=>t.push(Array.from(e.cssRules).map((e=>e.cssText)).join("")))))}})(i,s,t.encroachCss),"debug"===t.loglevel&&console.log(e.tagName,s),!0===t.cache&&(!1===m.A11yUi.CSS_STYLE_CACHE.has(o)&&m.A11yUi.CSS_STYLE_CACHE.set(o,new Map),null==(l=m.A11yUi.CSS_STYLE_CACHE.get(o))||l.set(e.tagName,s)),A(e,i,s,n)}},A=(e,t,n,a)=>{(e=>{for(const t of Array.from(e.childNodes)){if(!(t instanceof HTMLStyleElement&&"STYLE"===t.tagName&&void 0===t.dataset.themingFallback))break;e.removeChild(t)}})(t),((e,t)=>{var n;try{if("ssr"===(null==(n=m.A11yUi.Theme)?void 0:n.mode))throw new Error("SSR");const a=[];t.forEach((e=>{const t=new CSSStyleSheet;t.replaceSync(e),a.push(t)})),e.adoptedStyleSheets=a}catch(n){[...t].reverse().forEach(((t,n)=>{if("string"!=typeof t||0===t.length)return;const a=document.createElement("style");switch(a.dataset.themingFallback="",n){case 4:a.dataset.themingBaseA11y="";break;case 3:a.dataset.themingBaseGlobal="";break;case 2:a.dataset.themingBaseComponent="";break;case 1:a.dataset.themingCustomGlobal="";break;case 0:a.dataset.themingCustomComponent="";break;default:a.dataset.themingUnknown=""}a.innerHTML=t,e.insertBefore(a,e.firstChild)}))}})(t,n),e.style.display=a},$=e=>{"debug"===e.loglevel&&m.A11yUi.HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:m.A11yUi.STYLING_TASK_QUEUE.size})},B=(e,t)=>{(e=>{m.A11yUi.STYLING_TASK_QUEUE.delete(e)})(e),$(t)},P=e=>{const t=setTimeout((()=>{if(clearTimeout(t),m.A11yUi.STYLING_TASK_QUEUE.has(e)&&e.classList.contains("hydrated")){const{styleDisplay:t,themeDetails:n}=m.A11yUi.STYLING_TASK_QUEUE.get(e);L(e,n,t),B(e,n)}else P(e)}),25)},I=e=>{for(const t of e)if(m.A11yUi.STYLING_TASK_QUEUE.has(t.target)&&t.target.classList.contains("hydrated")){const{styleDisplay:e,themeDetails:n}=m.A11yUi.STYLING_TASK_QUEUE.get(t.target);L(t.target,n,e),B(t.target,n)}},j={attributes:!0,attributeFilter:["class"],childList:!1,subtree:!1};let M;try{M=new MutationObserver(I)}catch(e){M=null}const F=(e,t)=>{((e,t)=>{((e,t)=>{m.A11yUi.STYLING_TASK_QUEUE.set(e,{styleDisplay:e.style.display?`${e.style.display}`:null,themeDetails:t})})(e,t),$(t)})(e,t=c(c({},m.A11yUi.Theme),t)),M?M.observe(e,j):P(e),e.style.display="none"};class R{constructor(e,t,n){this.createTheme=(e,t)=>((e,t)=>n=>n(e,t,{append:!1}))(e,t),this.createTranslation=(e,t)=>((e,t)=>n=>n(e,t))(e,t),this.Prefix=e,this.Key=Object.getOwnPropertyNames(t),this.Tag=Object.getOwnPropertyNames(n)}}},5800:(e,t,n)=>{"use strict";n.d(t,{A:()=>re,B:()=>se,C:()=>ue,D:()=>Q,K:()=>de,a:()=>o,b:()=>V,c:()=>b,d:()=>T,e:()=>g,f:()=>p,g:()=>q,h:()=>v,i:()=>U,j:()=>u,k:()=>W,l:()=>d,m:()=>J,n:()=>c,o:()=>M,p:()=>ee,q:()=>R,r:()=>$,s:()=>D,t:()=>F,u:()=>h,v:()=>ae,w:()=>H,x:()=>te,y:()=>ne,z:()=>ce});var a=n(7626),r=n(1732);const l=new Set,o=(e,t)=>{(!1===l.has(e)||(null==t?void 0:t.force))&&(l.add(e),r.L.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"✋ a11y",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #09f"}))},i=new Set,c=(e,t)=>{(!1===i.has(e)||(null==t?void 0:t.force))&&(i.add(e),r.L.warn([e].concat((null==t?void 0:t.details)||[]),{classifier:"🔥 deprecated",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #f00"}))},s=new Set,u=(e,t)=>{(!1===s.has(e)||(null==t?void 0:t.force))&&(s.add(e),r.L.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"💻 dev",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #f09"}))},d=(e,t)=>{(!1===s.has(e)||(null==t?void 0:t.force))&&(s.add(e),r.L.warn([e].concat((null==t?void 0:t.details)||[]),{classifier:"⚠️ dev",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #f09"}))},m=new Set,p=(e,t=!1,n)=>{(!1===m.has(e)||(null==n?void 0:n.force))&&(m.add(e),e+=!0===t?" ✅":"",r.L.debug([e].concat((null==n?void 0:n.details)||[]),{classifier:"🌟 feature",forceLog:!!(null==n?void 0:n.force),overwriteStyle:"; background-color: #309"}))};u("We appreciate any feedback, comments, screenshots, or demo links of an application based on KoliBri (kolibri@itzbund.de). Thank you!");const f=new Set,h=(e,t)=>{(!1===f.has(e)||(null==t?void 0:t.force))&&(f.add(e),r.L.debug([e].concat((null==t?void 0:t.details)||[]),{classifier:"📑 ui/ux",forceLog:!!(null==t?void 0:t.force),overwriteStyle:"; background-color: #060;"}))},b=()=>{o('"Disabled" limits accessibility and visibility. From an accessibility perspective, we recommend using the readonly attribute instead of disabled.\n- https://uxdesign.cc/is-it-ok-to-grey-out-disabled-buttons-8afa74a0fae')},g=e=>{"string"==typeof e&&""!==e||o("Some structural elements, such as the nav tag, can be used multiple times on a webpage. To distinguish between similarly named structural elements, it is necessary to set an ARIA label.\n- https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/Navigation_Role#accessibility_concerns")},v=(e,t=8)=>{t>7&&h(`[${e}] Within navigation structures, it is recommended to use no more than 7 menu items.\n\nLink:\n- https://en.wikipedia.org/wiki/The_Magical_Number_Seven,_Plus_or_Minus_Two`)};var _=.2126,k=.7152,y=.0722,w=1/12.92;function E(e){return Math.pow((e+.055)/1.055,2.4)}function x(e){var t=e[0]/255,n=e[1]/255,a=e[2]/255,r=t<=.03928?t*w:E(t),l=n<=.03928?n*w:E(n),o=a<=.03928?a*w:E(a);return r*_+l*k+o*y}function S(e){var t=255;8===(e=e.replace(/^#/,"")).length&&(t=parseInt(e.slice(6,8),16),e=e.substring(0,6)),4===e.length&&(t=parseInt(e.slice(3,4).repeat(2),16),e=e.substring(0,3)),3===e.length&&(e=e[0]+e[0]+e[1]+e[1]+e[2]+e[2]);var n=parseInt(e,16);return[n>>16,n>>8&255,255&n,t]}function T(e,t){return function(e,t){return function(e,t){return(Math.max(e,t)+.05)/(Math.min(e,t)+.05)}(x(e),x(t))}(S(e),S(t))}var C={exports:{}};function z(e){var t=O(e);return 3==t.length?t.concat(255):(t[3]=Math.round(t[3]),t)}function O(e){return"string"==typeof e?("red"==(t=e=e.toLowerCase())?[255,0,0]:"green"==t?[0,255,0]:"blue"==t?[0,0,255]:"black"==t?[0,0,0]:"white"==t?[255,255,255]:"cyan"==t?[0,255,255]:"gray"==t||"grey"==t?[128,128,128]:"magenta"==t||"pink"==t?[255,0,255]:"yellow"==t?[255,255,0]:void 0)||function(e){var t=e.replace(/^#/,""),n=t.length;if(3==n||4==n){var a=L(t[0]),r=L(t[1]),l=L(t[2]),o=3==n?255:L(t[3]);if(isNaN(a)||isNaN(r)||isNaN(l)||isNaN(o))return;return[a,r,l,o]}}(e)||function(e){var t=e.replace(/^#/,""),n=t.length;if(6==n||8==n){var a=L(t.slice(0,2)),r=L(t.slice(2,4)),l=L(t.slice(4,6)),o=6==n?255:L(t.slice(6,8));if(isNaN(a)||isNaN(r)||isNaN(l)||isNaN(o))return;return[a,r,l,o]}}(e)||function(e){if("rgb("==e.substr(0,4)){var t=(e=e.match(/^rgb\(([^)]+)\)/)[1]).split(/ *, */).map(Number),n=A(t[0],!0),a=A(t[1],!0),r=A(t[2],!0);if(-1!=n&&-1!=a&&-1!=r)return[n,a,r,255]}}(e)||function(e){if("rgba("==e.substr(0,5)){var t=(e=e.match(/^rgba\(([^)]+)\)/)[1]).split(/ *, */).map(Number),n=A(t[0],!0),a=A(t[1],!0),r=A(t[2],!0),l=A(255*t[3]);if(-1!=n&&-1!=a&&-1!=r&&-1!=l)return[n,a,r,l]}}(e)||[0,0,0,255]:function(e){if("[object Object]"===Object.prototype.toString.call(e)&&Object.getPrototypeOf(e)===Object.getPrototypeOf({})){var t=A(null!=e.r?e.r:null!=e.red?e.red:0,!0),n=A(null!=e.g?e.g:null!=e.green?e.green:0,!0),a=A(null!=e.b?e.b:null!=e.blue?e.blue:0,!0),r=A(null!=e.a?e.a:null!=e.alpha?e.alpha:255,!0);if(-1!=t&&-1!=n&&-1!=a&&-1!=r)return[t,n,a,r]}}(e)||function(e){if(Array.isArray(e)&&(3==e.length||4==e.length)){var t=A(e[0],!0),n=A(e[1],!0),a=A(e[2],!0),r=A(null!=e[3]?e[3]:255,!0);if(-1!=t&&-1!=n&&-1!=a&&-1!=r)return[t,n,a,r]}}(e)||function(e){if("number"==typeof e&&Math.floor(e)==e&&e<=4294967295&&e>=0)return[e>>16&255,e>>8&255,255&e,e>>24&255]}(e)||[0,0,0,255];var t}function N(e){var t=e.toString(16);return 1==t.length?"0"+t:t}function L(e){return 1==e.length?parseInt(e+e,16):parseInt(e,16)}function A(e,t){return"number"!=typeof e||!0===t&&Math.floor(e)!==e?-1:e>=0&&e<=255?e:-1}C.exports=z,C.exports.arr=z,C.exports.obj=function(e){var t=O(e);return{r:t[0],g:t[1],b:t[2],a:3==t.length?255:Math.round(t[3])}},C.exports.css=function(e){var t=O(e);return 3==t.length&&t.push(255),255==t[3]?"rgb("+t[0]+", "+t[1]+", "+t[2]+")":0==t[3]?"rgba("+t[0]+", "+t[1]+", "+t[2]+", 0)":"rgba("+t[0]+", "+t[1]+", "+t[2]+", "+String(t[3]/255).substr(1)+")"},C.exports.hex=function(e){3==(l=O(e)).length&&l.push(255);var t=255==l[3],n=N(l[0]),a=N(l[1]),r=N(l[2]),l=N(Math.round(l[3])),o=function(e,t,n,a){var r=["ff","00","11","22","33","44","55","66","77","88","99","aa","bb","cc","dd","ee"];return-1!=r.indexOf(e)&&-1!=r.indexOf(t)&&-1!=r.indexOf(n)&&-1!=r.indexOf(a)}(n,a,r,l);return t?o?"#"+n.charAt(0)+a.charAt(0)+r.charAt(0):"#"+n+a+r:o?"#"+n.charAt(0)+a.charAt(0)+r.charAt(0)+l.charAt(0):"#"+n+a+r+l},C.exports.num=function(e){var t=O(e);return 3==t.length?t.push(255):t[3]=Math.round(t[3]),(t[3]<<24>>>0|t[0]<<16|t[1]<<8|t[2])>>>0};const $=C.exports,B=(e,t)=>{t.forEach((t=>{!1===e.has(t)&&e.add(t)}))},P=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){const n=new Set;B(n,t.querySelectorAll(e));const a=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<a.length;t++){const r=a[t].shadowRoot;B(n,P(e,"object"==typeof r&&null!==r?r:a[t]))}return Array.from(n)}throw new Error("The parameter document for the method querySelectorAll is not type of Document, HTMLElement or ShadowRoot.")},I=(e,t=document)=>{if(t instanceof Document||t instanceof HTMLElement||t instanceof ShadowRoot){let n=t.querySelector(e);if(null===n){const a=t.querySelectorAll('[class*="hydrated"]');for(let t=0;t<a.length;t++){const r=a[t].shadowRoot;if(n=I(e,"object"==typeof r&&null!==r?r:a[t]),null!==n)break}}return n}throw new Error("The parameter document for the method querySelector is not type of Document, HTMLElement or ShadowRoot.")},j=/\[object Object\]/,M=(e,t)=>{"string"==typeof e&&j.test(e)||t()},F=(e,t)=>{"string"==typeof e&&""===e||t()},R=(e,t)=>{(0,r.a)()&&(r.L.debug([e,t]),r.L.debug("↑ We propagate the (submit) event to this target.")),Object.defineProperty(e,"target",{value:t,writable:!1})},D=(e,t,n,a={})=>{var r,l;void 0===e.nextHooks&&(e.nextHooks=new Map),void 0===e.nextState&&(e.nextState=new Map),e.nextHooks.get(t)instanceof Map==0&&e.nextHooks.set(t,new Map),"function"==typeof a.afterPatch&&(null===(r=e.nextHooks.get(t))||void 0===r||r.set("afterPatch",a.afterPatch)),"function"==typeof a.beforePatch&&(null===(l=e.nextHooks.get(t))||void 0===l||l.set("beforePatch",a.beforePatch)),e.nextState.set(t,n),(e=>{var t,n,a;null===(t=e.nextHooks)||void 0===t||t.forEach(((t,n)=>{var a;const r=t.get("beforePatch");"function"==typeof r&&r(null===(a=e.nextState)||void 0===a?void 0:a.get(n),e.nextState,e,n)})),(null===(n=e.nextState)||void 0===n?void 0:n.size)>0&&(e.state=Object.assign(Object.assign({},e.state),Object.fromEntries(e.nextState)),delete e.nextState,null===(a=e.nextHooks)||void 0===a||a.forEach(((t,n)=>{const a=t.get("afterPatch");"function"==typeof a&&a(e.state[n],e.state,e,n)}))),delete e.nextHooks})(e)},K=(e,t,n,a)=>{u(`[${e.constructor.name}] The property value: (${n}) for '${t}' is not valid. Allowed values are: ${Array.from(a).join(", ")}`)};function H(e,t,n,a,r,l={}){n(r)?D(e,t,r,l.hooks):void 0===r&&!0!==l.required&&n(l.defaultValue)?D(e,t,l.defaultValue,l.hooks):(l.required||a.add(null),K(e,t,r,a))}const V=(e,t,n,a)=>{H(e,t,(e=>"boolean"==typeof e),new Set(["Boolean {true, false}"]),n,a)},U=(e,t,n,a={})=>{const r="number"==typeof a.minLength?null==a?void 0:a.minLength:0;H(e,t,(e=>"string"==typeof e&&e.length>=r&&(void 0===(null==a?void 0:a.maxLength)||e.length<=a.maxLength)),new Set(["String"]),n,a)},W=(e,t,n,a)=>{H(e,t,(e=>"number"==typeof e&&(void 0===(null==a?void 0:a.min)||"number"==typeof(null==a?void 0:a.min)&&e>=a.min)&&(void 0===(null==a?void 0:a.max)||"number"==typeof(null==a?void 0:a.max)&&e<=a.max)),new Set(["Number"]),n,a)},q=(e,t,n,a,l=e=>e==e,o={})=>{F(a,(()=>{M(a,(()=>{void 0===a&&(a=[]);try{try{a=ee(a)}catch(e){}if(Array.isArray(a)){const i=a.find((e=>!n(e)));void 0===i&&l(a)?D(e,t,a,o.hooks):M(i,(()=>{throw r.L.debug(i),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")}))}else M(a,(()=>{throw r.L.debug(a),new Error("↑ The schema for the property (_options) is not valid. The value will not be changed.")}))}catch(e){r.L.debug(e)}}))}))},Z=/^(true|false)$/,G=/^-?(0|[1-9]\d*)$/,Y=/^-?(0.|[1-9]\d*.)\d*[1-9]$/,J=e=>{const t=typeof e,n=`${e}`;if("string"==typeof e)if(Z.test(e))e="true"===e;else if(G.test(e))e=parseInt(e);else if(Y.test(e))e=parseFloat(e);else if(X.test(e))try{e=ee(e)}catch(e){}return t!==typeof e&&u(`You have used a stringified property value (${n} to ${JSON.stringify(e)}) which type switched from ${t} to ${typeof e}!`),e},Q=e=>{try{return JSON.stringify(e).replace(/"/g,"'")}catch(t){throw r.L.warn(["stringifyJson",e]),r.L.error("↑ The JSON could not be converted to a string. A stringifiable JSON is expected."),new Error}},X=/^[{[]/,ee=e=>{if("string"==typeof e)try{return JSON.parse(e)}catch(t){if(X.test(e))try{return JSON.parse(e.replace(/'/g,'"'))}catch(t){r.L.warn(["parseJson",e]),r.L.error("↑ The JSON string could not be parsed. Make sure that single quotes in the text are escaped (&#8216;).")}}throw new Error},te=e=>"boolean"==typeof e?!0===e?"true":"false":void 0,ne=e=>"string"==typeof e?e:te(e),ae=(e,t)=>I(e,t||(0,r.g)()),re=(e,t)=>P(e,t||(0,r.g)());let le=null;const oe=()=>(le=le||{backgroundColor:"#00000000",color:"#00000000",domNode:(0,r.g)().body,level:"Fail",score:1},le),ie=/(\d+, ){3}0\)/,ce=(e,t=oe())=>{const n=getComputedStyle(e),a=ie.test(n.backgroundColor)?t.backgroundColor:$.hex(n.backgroundColor),l=ie.test(n.color)?t.color:$.hex(n.color),o=T(a,l),i={backgroundColor:a,color:l,domNode:e,level:(c=o,c>=7?"AAA":c>=4.5?"AA":c>=3?"AA Large":"Fail"),score:o};var c;return o<4.5&&r.L.error(["Color-Contrast-Error",{backgroundColor:i.backgroundColor,color:i.color,level:i.level,score:i.score},i.domNode]),i},se=(e,t=oe())=>{t.domNode instanceof HTMLElement&&(t=ce(t.domNode,t));const n=t.domNode.querySelector(e);if(null===n){const n=t.domNode.querySelectorAll('[class="hydrated"]');for(let a=0;a<n.length&&(t.domNode=n[a],null===(t=se(e,t)).domNode);a++);return t}return ce(n,t)};class ue{static queryHtmlElementColors(e,t,n=!1,a=!0){let l=null;if(!0===n||!1===ue.executionLock)if(!1===n&&(ue.cache.clear(),ue.cache.set(t.domNode,t),ue.executionLock=!0,!0===a&&r.L.debug("[KoliBriUtils] Color contrast analysis started...")),e===t.domNode)l=t;else{const n=new Set;if(t.domNode.shadowRoot){const e=t.domNode.shadowRoot.children;for(let t=0;t<e.length;t++)n.add(e[t])}const a=t.domNode;if("function"==typeof a.assignedNodes){const e=a.assignedNodes();for(let t=0;t<e.length;t++)e[t]instanceof HTMLElement&&n.add(e[t])}const r=t.domNode.children;for(let e=0;e<r.length;e++)n.add(r[e]);const o=Array.from(n);for(let n=0;n<o.length;n++){let a=ue.cache.get(o[n]);void 0===a&&(a=ce(o[n],t)),ue.cache.set(o[n],a);const r=ue.queryHtmlElementColors(e,a,!0,!1);if(null!==r){l=r;break}}}else r.L.debug("[KoliBriUtils] Call aborted because a color contrast analysis is currently being executed.");return!1===n&&(!0===a&&r.L.debug(`[KoliBriUtils] Color contrast analysis finished (${ue.cache.size} DOM elements are analysed).`),ue.executionLock=!1,ue.cache.clear()),l}}ue.executionLock=!1,ue.cache=new Map;class de{}de.getCssStyle=a.f,de.patchTheme=a.P,de.patchThemeTag=a.k,de.querySelector=ae,de.querySelectorAll=re,de.stringifyJson=Q},980:(e,t,n)=>{var a={"./kol-abbr.entry.js":[9219,9219],"./kol-accordion.entry.js":[5e3,5e3],"./kol-alert-wc.entry.js":[8243,8243],"./kol-alert.entry.js":[6480,6480],"./kol-avatar-wc.entry.js":[1068,1068],"./kol-avatar.entry.js":[9929,9929],"./kol-badge.entry.js":[8069,9914,8069],"./kol-breadcrumb.entry.js":[6577,6577],"./kol-button-link.entry.js":[993,993],"./kol-button-wc.entry.js":[3027,9914,3027],"./kol-button.entry.js":[3872,3872],"./kol-card.entry.js":[8478,8478],"./kol-combobox.entry.js":[2115,9235,2115],"./kol-details.entry.js":[1676,1676],"./kol-drawer.entry.js":[597,597],"./kol-form.entry.js":[9430,9430],"./kol-heading.entry.js":[3836,3836],"./kol-icon.entry.js":[3021,3021],"./kol-image.entry.js":[3879,3879],"./kol-input-checkbox.entry.js":[1718,9235,1718],"./kol-input-color.entry.js":[5876,9235,5876],"./kol-input-date.entry.js":[1219,9235,1219],"./kol-input-email.entry.js":[5171,9235,4114,5171],"./kol-input-file.entry.js":[8177,9235,8177],"./kol-input-number.entry.js":[4390,9235,4390],"./kol-input-password.entry.js":[4350,9235,4114,4350],"./kol-input-radio.entry.js":[1744,9235,1744],"./kol-input-range.entry.js":[4662,9235,4662],"./kol-input-text.entry.js":[9035,9235,4114,1416],"./kol-input.entry.js":[9130,9130],"./kol-kolibri.entry.js":[3758,3758],"./kol-link-button.entry.js":[3949,3949],"./kol-link-wc.entry.js":[2195,9914,2195],"./kol-link.entry.js":[4928,4928],"./kol-modal.entry.js":[8283,8283],"./kol-nav.entry.js":[6983,6983],"./kol-pagination.entry.js":[8808,8808],"./kol-popover-button.entry.js":[6312,6420,9802],"./kol-popover-wc.entry.js":[9702,6420,364],"./kol-progress.entry.js":[851,851],"./kol-quote.entry.js":[4566,4566],"./kol-select.entry.js":[9068,9235,9068],"./kol-single-select.entry.js":[7225,9235,7225],"./kol-skip-nav.entry.js":[1791,1791],"./kol-spin.entry.js":[8728,8728],"./kol-split-button.entry.js":[9423,9423],"./kol-table-stateful.entry.js":[4211,4211],"./kol-table-stateless-wc.entry.js":[3186,3186],"./kol-table-stateless.entry.js":[7267,7267],"./kol-tabs.entry.js":[8212,8212],"./kol-textarea.entry.js":[9162,9235,9162],"./kol-toast-container.entry.js":[5151,5151],"./kol-toolbar.entry.js":[7997,7997],"./kol-tooltip-wc.entry.js":[136,9914,6420,136],"./kol-tree-item-wc.entry.js":[8573,8573],"./kol-tree-item.entry.js":[2078,2078],"./kol-tree-wc.entry.js":[8999,8999],"./kol-tree.entry.js":[7084,7084],"./kol-version.entry.js":[7958,7958],"./test-component.entry.js":[6451,6451]};function r(e){if(!n.o(a,e))return Promise.resolve().then((()=>{var t=new Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}));var t=a[e],r=t[0];return Promise.all(t.slice(1).map(n.e)).then((()=>n(r)))}r.keys=()=>Object.keys(a),r.id=980,e.exports=r}},l={};function o(e){var t=l[e];if(void 0!==t)return t.exports;var n=l[e]={exports:{}};return r[e](n,n.exports,o),n.exports}o.m=r,o.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return o.d(t,{a:t}),t},t=Object.getPrototypeOf?e=>Object.getPrototypeOf(e):e=>e.__proto__,o.t=function(n,a){if(1&a&&(n=this(n)),8&a)return n;if("object"==typeof n&&n){if(4&a&&n.__esModule)return n;if(16&a&&"function"==typeof n.then)return n}var r=Object.create(null);o.r(r);var l={};e=e||[null,t({}),t([]),t(t)];for(var i=2&a&&n;"object"==typeof i&&!~e.indexOf(i);i=t(i))Object.getOwnPropertyNames(i).forEach((e=>l[e]=()=>n[e]));return l.default=()=>n,o.d(r,l),r},o.d=(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.f={},o.e=e=>Promise.all(Object.keys(o.f).reduce(((t,n)=>(o.f[n](e,t),t)),[])),o.u=e=>e+".js",o.miniCssF=e=>{},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n={},a="@public-ui/sample-react:",o.l=(e,t,r,l)=>{if(n[e])n[e].push(t);else{var i,c;if(void 0!==r)for(var s=document.getElementsByTagName("script"),u=0;u<s.length;u++){var d=s[u];if(d.getAttribute("src")==e||d.getAttribute("data-webpack")==a+r){i=d;break}}i||(c=!0,(i=document.createElement("script")).charset="utf-8",i.timeout=120,o.nc&&i.setAttribute("nonce",o.nc),i.setAttribute("data-webpack",a+r),i.src=e),n[e]=[t];var m=(t,a)=>{i.onerror=i.onload=null,clearTimeout(p);var r=n[e];if(delete n[e],i.parentNode&&i.parentNode.removeChild(i),r&&r.forEach((e=>e(a))),t)return t(a)},p=setTimeout(m.bind(null,void 0,{type:"timeout",target:i}),12e4);i.onerror=m.bind(null,i.onerror),i.onload=m.bind(null,i.onload),c&&document.head.appendChild(i)}},o.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e;o.g.importScripts&&(e=o.g.location+"");var t=o.g.document;if(!e&&t&&(t.currentScript&&"SCRIPT"===t.currentScript.tagName.toUpperCase()&&(e=t.currentScript.src),!e)){var n=t.getElementsByTagName("script");if(n.length)for(var a=n.length-1;a>-1&&(!e||!/^http(s?):/.test(e));)e=n[a--].src}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),o.p=e})(),(()=>{var e={8792:0};o.f.j=(t,n)=>{var a=o.o(e,t)?e[t]:void 0;if(0!==a)if(a)n.push(a[2]);else{var r=new Promise(((n,r)=>a=e[t]=[n,r]));n.push(a[2]=r);var l=o.p+o.u(t),i=new Error;o.l(l,(n=>{if(o.o(e,t)&&(0!==(a=e[t])&&(e[t]=void 0),a)){var r=n&&("load"===n.type?"missing":n.type),l=n&&n.target&&n.target.src;i.message="Loading chunk "+t+" failed.\n("+r+": "+l+")",i.name="ChunkLoadError",i.type=r,i.request=l,a[1](i)}}),"chunk-"+t,t)}};var t=(t,n)=>{var a,r,[l,i,c]=n,s=0;if(l.some((t=>0!==e[t]))){for(a in i)o.o(i,a)&&(o.m[a]=i[a]);c&&c(o)}for(t&&t(n);s<l.length;s++)r=l[s],o.o(e,r)&&e[r]&&e[r][0](),e[r]=0},n=self.webpackChunk_public_ui_sample_react=self.webpackChunk_public_ui_sample_react||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))})(),(()=>{"use strict";var e,t,n=o(7163),a=o.t(n,2),r=o(5669),l=o(8668),i=o.t(l,2);function c(){return c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},c.apply(this,arguments)}(t=e||(e={})).Pop="POP",t.Push="PUSH",t.Replace="REPLACE";const s="popstate";function u(e,t){if(!1===e||null==e)throw new Error(t)}function d(e,t){if(!e){"undefined"!=typeof console&&console.warn(t);try{throw new Error(t)}catch(e){}}}function m(e,t){return{usr:e.state,key:e.key,idx:t}}function p(e,t,n,a){return void 0===n&&(n=null),c({pathname:"string"==typeof e?e:e.pathname,search:"",hash:""},"string"==typeof t?h(t):t,{state:n,key:t&&t.key||a||Math.random().toString(36).substr(2,8)})}function f(e){let{pathname:t="/",search:n="",hash:a=""}=e;return n&&"?"!==n&&(t+="?"===n.charAt(0)?n:"?"+n),a&&"#"!==a&&(t+="#"===a.charAt(0)?a:"#"+a),t}function h(e){let t={};if(e){let n=e.indexOf("#");n>=0&&(t.hash=e.substr(n),e=e.substr(0,n));let a=e.indexOf("?");a>=0&&(t.search=e.substr(a),e=e.substr(0,a)),e&&(t.pathname=e)}return t}var b,g;function v(e,t,n){return void 0===n&&(n="/"),function(e,t,n,a){let r=A(("string"==typeof t?h(t):t).pathname||"/",n);if(null==r)return null;let l=_(e);!function(e){e.sort(((e,t)=>e.score!==t.score?t.score-e.score:function(e,t){return e.length===t.length&&e.slice(0,-1).every(((e,n)=>e===t[n]))?e[e.length-1]-t[t.length-1]:0}(e.routesMeta.map((e=>e.childrenIndex)),t.routesMeta.map((e=>e.childrenIndex)))))}(l);let o=null;for(let e=0;null==o&&e<l.length;++e){let t=L(r);o=O(l[e],t,a)}return o}(e,t,n,!1)}function _(e,t,n,a){void 0===t&&(t=[]),void 0===n&&(n=[]),void 0===a&&(a="");let r=(e,r,l)=>{let o={relativePath:void 0===l?e.path||"":l,caseSensitive:!0===e.caseSensitive,childrenIndex:r,route:e};o.relativePath.startsWith("/")&&(u(o.relativePath.startsWith(a),'Absolute route path "'+o.relativePath+'" nested under path "'+a+'" is not valid. An absolute child route path must start with the combined path of all its parent routes.'),o.relativePath=o.relativePath.slice(a.length));let i=I([a,o.relativePath]),c=n.concat(o);e.children&&e.children.length>0&&(u(!0!==e.index,'Index routes must not have child routes. Please remove all child routes from route path "'+i+'".'),_(e.children,t,c,i)),(null!=e.path||e.index)&&t.push({path:i,score:z(i,e.index),routesMeta:c})};return e.forEach(((e,t)=>{var n;if(""!==e.path&&null!=(n=e.path)&&n.includes("?"))for(let n of k(e.path))r(e,t,n);else r(e,t)})),t}function k(e){let t=e.split("/");if(0===t.length)return[];let[n,...a]=t,r=n.endsWith("?"),l=n.replace(/\?$/,"");if(0===a.length)return r?[l,""]:[l];let o=k(a.join("/")),i=[];return i.push(...o.map((e=>""===e?l:[l,e].join("/")))),r&&i.push(...o),i.map((t=>e.startsWith("/")&&""===t?"/":t))}(g=b||(b={})).data="data",g.deferred="deferred",g.redirect="redirect",g.error="error";const y=/^:[\w-]+$/,w=3,E=2,x=1,S=10,T=-2,C=e=>"*"===e;function z(e,t){let n=e.split("/"),a=n.length;return n.some(C)&&(a+=T),t&&(a+=E),n.filter((e=>!C(e))).reduce(((e,t)=>e+(y.test(t)?w:""===t?x:S)),a)}function O(e,t,n){void 0===n&&(n=!1);let{routesMeta:a}=e,r={},l="/",o=[];for(let e=0;e<a.length;++e){let i=a[e],c=e===a.length-1,s="/"===l?t:t.slice(l.length)||"/",u=N({path:i.relativePath,caseSensitive:i.caseSensitive,end:c},s),d=i.route;if(!u&&c&&n&&!a[a.length-1].route.index&&(u=N({path:i.relativePath,caseSensitive:i.caseSensitive,end:!1},s)),!u)return null;Object.assign(r,u.params),o.push({params:r,pathname:I([l,u.pathname]),pathnameBase:j(I([l,u.pathnameBase])),route:d}),"/"!==u.pathnameBase&&(l=I([l,u.pathnameBase]))}return o}function N(e,t){"string"==typeof e&&(e={path:e,caseSensitive:!1,end:!0});let[n,a]=function(e,t,n){void 0===t&&(t=!1),void 0===n&&(n=!0),d("*"===e||!e.endsWith("*")||e.endsWith("/*"),'Route path "'+e+'" will be treated as if it were "'+e.replace(/\*$/,"/*")+'" because the `*` character must always follow a `/` in the pattern. To get rid of this warning, please change the route path to "'+e.replace(/\*$/,"/*")+'".');let a=[],r="^"+e.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,((e,t,n)=>(a.push({paramName:t,isOptional:null!=n}),n?"/?([^\\/]+)?":"/([^\\/]+)")));return e.endsWith("*")?(a.push({paramName:"*"}),r+="*"===e||"/*"===e?"(.*)$":"(?:\\/(.+)|\\/*)$"):n?r+="\\/*$":""!==e&&"/"!==e&&(r+="(?:(?=\\/|$))"),[new RegExp(r,t?void 0:"i"),a]}(e.path,e.caseSensitive,e.end),r=t.match(n);if(!r)return null;let l=r[0],o=l.replace(/(.)\/+$/,"$1"),i=r.slice(1);return{params:a.reduce(((e,t,n)=>{let{paramName:a,isOptional:r}=t;if("*"===a){let e=i[n]||"";o=l.slice(0,l.length-e.length).replace(/(.)\/+$/,"$1")}const c=i[n];return e[a]=r&&!c?void 0:(c||"").replace(/%2F/g,"/"),e}),{}),pathname:l,pathnameBase:o,pattern:e}}function L(e){try{return e.split("/").map((e=>decodeURIComponent(e).replace(/\//g,"%2F"))).join("/")}catch(t){return d(!1,'The URL path "'+e+'" could not be decoded because it is is a malformed URL segment. This is probably due to a bad percent encoding ('+t+")."),e}}function A(e,t){if("/"===t)return e;if(!e.toLowerCase().startsWith(t.toLowerCase()))return null;let n=t.endsWith("/")?t.length-1:t.length,a=e.charAt(n);return a&&"/"!==a?null:e.slice(n)||"/"}function $(e,t,n,a){return"Cannot include a '"+e+"' character in a manually specified `to."+t+"` field ["+JSON.stringify(a)+"].  Please separate it out to the `to."+n+'` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.'}function B(e,t){let n=function(e){return e.filter(((e,t)=>0===t||e.route.path&&e.route.path.length>0))}(e);return t?n.map(((e,t)=>t===n.length-1?e.pathname:e.pathnameBase)):n.map((e=>e.pathnameBase))}function P(e,t,n,a){let r;void 0===a&&(a=!1),"string"==typeof e?r=h(e):(r=c({},e),u(!r.pathname||!r.pathname.includes("?"),$("?","pathname","search",r)),u(!r.pathname||!r.pathname.includes("#"),$("#","pathname","hash",r)),u(!r.search||!r.search.includes("#"),$("#","search","hash",r)));let l,o=""===e||""===r.pathname,i=o?"/":r.pathname;if(null==i)l=n;else{let e=t.length-1;if(!a&&i.startsWith("..")){let t=i.split("/");for(;".."===t[0];)t.shift(),e-=1;r.pathname=t.join("/")}l=e>=0?t[e]:"/"}let s=function(e,t){void 0===t&&(t="/");let{pathname:n,search:a="",hash:r=""}="string"==typeof e?h(e):e,l=n?n.startsWith("/")?n:function(e,t){let n=t.replace(/\/+$/,"").split("/");return e.split("/").forEach((e=>{".."===e?n.length>1&&n.pop():"."!==e&&n.push(e)})),n.length>1?n.join("/"):"/"}(n,t):t;return{pathname:l,search:M(a),hash:F(r)}}(r,l),d=i&&"/"!==i&&i.endsWith("/"),m=(o||"."===i)&&n.endsWith("/");return s.pathname.endsWith("/")||!d&&!m||(s.pathname+="/"),s}const I=e=>e.join("/").replace(/\/\/+/g,"/"),j=e=>e.replace(/\/+$/,"").replace(/^\/*/,"/"),M=e=>e&&"?"!==e?e.startsWith("?")?e:"?"+e:"",F=e=>e&&"#"!==e?e.startsWith("#")?e:"#"+e:"";Error;const R=["post","put","patch","delete"],D=(new Set(R),["get",...R]);function K(){return K=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},K.apply(this,arguments)}new Set(D),Symbol("deferred");const H=n.createContext(null),V=n.createContext(null),U=n.createContext(null),W=n.createContext(null),q=n.createContext({outlet:null,matches:[],isDataRoute:!1}),Z=n.createContext(null);function G(){return null!=n.useContext(W)}function Y(){return G()||u(!1),n.useContext(W).location}function J(e){n.useContext(U).static||n.useLayoutEffect(e)}function Q(){let{isDataRoute:e}=n.useContext(q);return e?function(){let{router:e}=function(){let e=n.useContext(H);return e||u(!1),e}(le.UseNavigateStable),t=ie(oe.UseNavigateStable),a=n.useRef(!1);J((()=>{a.current=!0}));let r=n.useCallback((function(n,r){void 0===r&&(r={}),a.current&&("number"==typeof n?e.navigate(n):e.navigate(n,K({fromRouteId:t},r)))}),[e,t]);return r}():function(){G()||u(!1);let e=n.useContext(H),{basename:t,future:a,navigator:r}=n.useContext(U),{matches:l}=n.useContext(q),{pathname:o}=Y(),i=JSON.stringify(B(l,a.v7_relativeSplatPath)),c=n.useRef(!1);J((()=>{c.current=!0}));let s=n.useCallback((function(n,a){if(void 0===a&&(a={}),!c.current)return;if("number"==typeof n)return void r.go(n);let l=P(n,JSON.parse(i),o,"path"===a.relative);null==e&&"/"!==t&&(l.pathname="/"===l.pathname?t:I([t,l.pathname])),(a.replace?r.replace:r.push)(l,a.state,a)}),[t,r,i,o,e]);return s}()}function X(e,t){let{relative:a}=void 0===t?{}:t,{future:r}=n.useContext(U),{matches:l}=n.useContext(q),{pathname:o}=Y(),i=JSON.stringify(B(l,r.v7_relativeSplatPath));return n.useMemo((()=>P(e,JSON.parse(i),o,"path"===a)),[e,i,o,a])}function ee(t,a,r,l){G()||u(!1);let{navigator:o}=n.useContext(U),{matches:i}=n.useContext(q),c=i[i.length-1],s=c?c.params:{},d=(c&&c.pathname,c?c.pathnameBase:"/");c&&c.route;let m,p=Y();if(a){var f;let e="string"==typeof a?h(a):a;"/"===d||(null==(f=e.pathname)?void 0:f.startsWith(d))||u(!1),m=e}else m=p;let b=m.pathname||"/",g=b;if("/"!==d){let e=d.replace(/^\//,"").split("/");g="/"+b.replace(/^\//,"").split("/").slice(e.length).join("/")}let _=v(t,{pathname:g}),k=function(e,t,a,r){var l;if(void 0===t&&(t=[]),void 0===a&&(a=null),void 0===r&&(r=null),null==e){var o;if(!a)return null;if(a.errors)e=a.matches;else{if(!(null!=(o=r)&&o.v7_partialHydration&&0===t.length&&!a.initialized&&a.matches.length>0))return null;e=a.matches}}let i=e,c=null==(l=a)?void 0:l.errors;if(null!=c){let e=i.findIndex((e=>e.route.id&&void 0!==(null==c?void 0:c[e.route.id])));e>=0||u(!1),i=i.slice(0,Math.min(i.length,e+1))}let s=!1,d=-1;if(a&&r&&r.v7_partialHydration)for(let e=0;e<i.length;e++){let t=i[e];if((t.route.HydrateFallback||t.route.hydrateFallbackElement)&&(d=e),t.route.id){let{loaderData:e,errors:n}=a,r=t.route.loader&&void 0===e[t.route.id]&&(!n||void 0===n[t.route.id]);if(t.route.lazy||r){s=!0,i=d>=0?i.slice(0,d+1):[i[0]];break}}}return i.reduceRight(((e,r,l)=>{let o,u=!1,m=null,p=null;var f;a&&(o=c&&r.route.id?c[r.route.id]:void 0,m=r.route.errorElement||ne,s&&(d<0&&0===l?(ce[f="route-fallback"]||(ce[f]=!0),u=!0,p=null):d===l&&(u=!0,p=r.route.hydrateFallbackElement||null)));let h=t.concat(i.slice(0,l+1)),b=()=>{let t;return t=o?m:u?p:r.route.Component?n.createElement(r.route.Component,null):r.route.element?r.route.element:e,n.createElement(re,{match:r,routeContext:{outlet:e,matches:h,isDataRoute:null!=a},children:t})};return a&&(r.route.ErrorBoundary||r.route.errorElement||0===l)?n.createElement(ae,{location:a.location,revalidation:a.revalidation,component:m,error:o,children:b(),routeContext:{outlet:null,matches:h,isDataRoute:!0}}):b()}),null)}(_&&_.map((e=>Object.assign({},e,{params:Object.assign({},s,e.params),pathname:I([d,o.encodeLocation?o.encodeLocation(e.pathname).pathname:e.pathname]),pathnameBase:"/"===e.pathnameBase?d:I([d,o.encodeLocation?o.encodeLocation(e.pathnameBase).pathname:e.pathnameBase])}))),i,r,l);return a&&k?n.createElement(W.Provider,{value:{location:K({pathname:"/",search:"",hash:"",state:null,key:"default"},m),navigationType:e.Pop}},k):k}function te(){let e=function(){var e;let t=n.useContext(Z),a=function(){let e=n.useContext(V);return e||u(!1),e}(oe.UseRouteError),r=ie(oe.UseRouteError);return void 0!==t?t:null==(e=a.errors)?void 0:e[r]}(),t=function(e){return null!=e&&"number"==typeof e.status&&"string"==typeof e.statusText&&"boolean"==typeof e.internal&&"data"in e}(e)?e.status+" "+e.statusText:e instanceof Error?e.message:JSON.stringify(e),a=e instanceof Error?e.stack:null,r={padding:"0.5rem",backgroundColor:"rgba(200,200,200, 0.5)"};return n.createElement(n.Fragment,null,n.createElement("h2",null,"Unexpected Application Error!"),n.createElement("h3",{style:{fontStyle:"italic"}},t),a?n.createElement("pre",{style:r},a):null,null)}const ne=n.createElement(te,null);class ae extends n.Component{constructor(e){super(e),this.state={location:e.location,revalidation:e.revalidation,error:e.error}}static getDerivedStateFromError(e){return{error:e}}static getDerivedStateFromProps(e,t){return t.location!==e.location||"idle"!==t.revalidation&&"idle"===e.revalidation?{error:e.error,location:e.location,revalidation:e.revalidation}:{error:void 0!==e.error?e.error:t.error,location:t.location,revalidation:e.revalidation||t.revalidation}}componentDidCatch(e,t){console.error("React Router caught the following error during render",e,t)}render(){return void 0!==this.state.error?n.createElement(q.Provider,{value:this.props.routeContext},n.createElement(Z.Provider,{value:this.state.error,children:this.props.component})):this.props.children}}function re(e){let{routeContext:t,match:a,children:r}=e,l=n.useContext(H);return l&&l.static&&l.staticContext&&(a.route.errorElement||a.route.ErrorBoundary)&&(l.staticContext._deepestRenderedBoundaryId=a.route.id),n.createElement(q.Provider,{value:t},r)}var le=function(e){return e.UseBlocker="useBlocker",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e}(le||{}),oe=function(e){return e.UseBlocker="useBlocker",e.UseLoaderData="useLoaderData",e.UseActionData="useActionData",e.UseRouteError="useRouteError",e.UseNavigation="useNavigation",e.UseRouteLoaderData="useRouteLoaderData",e.UseMatches="useMatches",e.UseRevalidator="useRevalidator",e.UseNavigateStable="useNavigate",e.UseRouteId="useRouteId",e}(oe||{});function ie(e){let t=function(){let e=n.useContext(q);return e||u(!1),e}(),a=t.matches[t.matches.length-1];return a.route.id||u(!1),a.route.id}const ce={},se={},ue=(e,t,n)=>{var a;se[a="⚠️ React Router Future Flag Warning: "+t+". You can use the `"+e+"` future flag to opt-in early. For more information, see "+n+"."]||(se[a]=!0,console.warn(a))};function de(e){let{to:t,replace:a,state:r,relative:l}=e;G()||u(!1);let{future:o,static:i}=n.useContext(U),{matches:c}=n.useContext(q),{pathname:s}=Y(),d=Q(),m=P(t,B(c,o.v7_relativeSplatPath),s,"path"===l),p=JSON.stringify(m);return n.useEffect((()=>d(JSON.parse(p),{replace:a,state:r,relative:l})),[d,p,l,a,r]),null}function me(e){u(!1)}function pe(t){let{basename:a="/",children:r=null,location:l,navigationType:o=e.Pop,navigator:i,static:c=!1,future:s}=t;G()&&u(!1);let d=a.replace(/^\/*/,"/"),m=n.useMemo((()=>({basename:d,navigator:i,static:c,future:K({v7_relativeSplatPath:!1},s)})),[d,s,i,c]);"string"==typeof l&&(l=h(l));let{pathname:p="/",search:f="",hash:b="",state:g=null,key:v="default"}=l,_=n.useMemo((()=>{let e=A(p,d);return null==e?null:{location:{pathname:e,search:f,hash:b,state:g,key:v},navigationType:o}}),[d,p,f,b,g,v,o]);return null==_?null:n.createElement(U.Provider,{value:m},n.createElement(W.Provider,{children:r,value:_}))}function fe(e){let{children:t,location:n}=e;return ee(he(t),n)}function he(e,t){void 0===t&&(t=[]);let a=[];return n.Children.forEach(e,((e,r)=>{if(!n.isValidElement(e))return;let l=[...t,r];if(e.type===n.Fragment)return void a.push.apply(a,he(e.props.children,l));e.type!==me&&u(!1),e.props.index&&e.props.children&&u(!1);let o={id:e.props.id||l.join("-"),caseSensitive:e.props.caseSensitive,element:e.props.element,Component:e.props.Component,index:e.props.index,path:e.props.path,loader:e.props.loader,action:e.props.action,errorElement:e.props.errorElement,ErrorBoundary:e.props.ErrorBoundary,hasErrorBoundary:null!=e.props.ErrorBoundary||null!=e.props.errorElement,shouldRevalidate:e.props.shouldRevalidate,handle:e.props.handle,lazy:e.props.lazy};e.props.children&&(o.children=he(e.props.children,l)),a.push(o)})),a}function be(e){return void 0===e&&(e=""),new URLSearchParams("string"==typeof e||Array.isArray(e)||e instanceof URLSearchParams?e:Object.keys(e).reduce(((t,n)=>{let a=e[n];return t.concat(Array.isArray(a)?a.map((e=>[n,e])):[[n,a]])}),[]))}a.startTransition,new Promise((()=>{})),n.Component;try{window.__reactRouterVersion="6"}catch(e){}const ge=a.startTransition;function ve(t){let{basename:a,children:r,future:l,window:o}=t,i=n.useRef();null==i.current&&(i.current=function(t){return void 0===t&&(t={}),function(t,n,a,r){void 0===r&&(r={});let{window:l=document.defaultView,v5Compat:o=!1}=r,i=l.history,d=e.Pop,h=null,b=g();function g(){return(i.state||{idx:null}).idx}function v(){d=e.Pop;let t=g(),n=null==t?null:t-b;b=t,h&&h({action:d,location:k.location,delta:n})}function _(e){let t="null"!==l.location.origin?l.location.origin:l.location.href,n="string"==typeof e?e:f(e);return n=n.replace(/ $/,"%20"),u(t,"No window.location.(origin|href) available to create URL for href: "+n),new URL(n,t)}null==b&&(b=0,i.replaceState(c({},i.state,{idx:b}),""));let k={get action(){return d},get location(){return t(l,i)},listen(e){if(h)throw new Error("A history only accepts one active listener");return l.addEventListener(s,v),h=e,()=>{l.removeEventListener(s,v),h=null}},createHref:e=>n(l,e),createURL:_,encodeLocation(e){let t=_(e);return{pathname:t.pathname,search:t.search,hash:t.hash}},push:function(t,n){d=e.Push;let r=p(k.location,t,n);a&&a(r,t),b=g()+1;let c=m(r,b),s=k.createHref(r);try{i.pushState(c,"",s)}catch(e){if(e instanceof DOMException&&"DataCloneError"===e.name)throw e;l.location.assign(s)}o&&h&&h({action:d,location:k.location,delta:1})},replace:function(t,n){d=e.Replace;let r=p(k.location,t,n);a&&a(r,t),b=g();let l=m(r,b),c=k.createHref(r);i.replaceState(l,"",c),o&&h&&h({action:d,location:k.location,delta:0})},go:e=>i.go(e)};return k}((function(e,t){let{pathname:n="/",search:a="",hash:r=""}=h(e.location.hash.substr(1));return n.startsWith("/")||n.startsWith(".")||(n="/"+n),p("",{pathname:n,search:a,hash:r},t.state&&t.state.usr||null,t.state&&t.state.key||"default")}),(function(e,t){let n=e.document.querySelector("base"),a="";if(n&&n.getAttribute("href")){let t=e.location.href,n=t.indexOf("#");a=-1===n?t:t.slice(0,n)}return a+"#"+("string"==typeof t?t:f(t))}),(function(e,t){d("/"===e.pathname.charAt(0),"relative pathnames are not supported in hash history.push("+JSON.stringify(t)+")")}),t)}({window:o,v5Compat:!0}));let b=i.current,[g,v]=n.useState({action:b.action,location:b.location}),{v7_startTransition:_}=l||{},k=n.useCallback((e=>{_&&ge?ge((()=>v(e))):v(e)}),[v,_]);return n.useLayoutEffect((()=>b.listen(k)),[b,k]),n.useEffect((()=>{return void 0===(null==(e=l)?void 0:e.v7_startTransition)&&ue("v7_startTransition","React Router will begin wrapping state updates in `React.startTransition` in v7","https://reactrouter.com/v6/upgrading/future#v7_starttransition"),void 0!==(null==e?void 0:e.v7_relativeSplatPath)||t&&t.v7_relativeSplatPath||ue("v7_relativeSplatPath","Relative route resolution within Splat routes is changing in v7","https://reactrouter.com/v6/upgrading/future#v7_relativesplatpath"),void(t&&(void 0===t.v7_fetcherPersist&&ue("v7_fetcherPersist","The persistence behavior of fetchers is changing in v7","https://reactrouter.com/v6/upgrading/future#v7_fetcherpersist"),void 0===t.v7_normalizeFormMethod&&ue("v7_normalizeFormMethod","Casing of `formMethod` fields is being normalized to uppercase in v7","https://reactrouter.com/v6/upgrading/future#v7_normalizeformmethod"),void 0===t.v7_partialHydration&&ue("v7_partialHydration","`RouterProvider` hydration behavior is changing in v7","https://reactrouter.com/v6/upgrading/future#v7_partialhydration"),void 0===t.v7_skipActionErrorRevalidation&&ue("v7_skipActionErrorRevalidation","The revalidation behavior after 4xx/5xx `action` responses is changing in v7","https://reactrouter.com/v6/upgrading/future#v7_skipactionerrorrevalidation")));var e,t}),[l]),n.createElement(pe,{basename:a,children:r,location:g.location,navigationType:g.action,navigator:b,future:l})}var _e,ke,ye,we;function Ee(e){let t=n.useRef(be(e)),a=n.useRef(!1),r=Y(),l=n.useMemo((()=>function(e,t){let n=be(e);return t&&t.forEach(((e,a)=>{n.has(a)||t.getAll(a).forEach((e=>{n.append(a,e)}))})),n}(r.search,a.current?null:t.current)),[r.search]),o=Q(),i=n.useCallback(((e,t)=>{const n=be("function"==typeof e?e(l):e);a.current=!0,o("?"+n,t)}),[o,l]);return[l,i]}i.flushSync,a.useId,"undefined"!=typeof window&&void 0!==window.document&&window.document.createElement,(ke=_e||(_e={})).UseScrollRestoration="useScrollRestoration",ke.UseSubmit="useSubmit",ke.UseSubmitFetcher="useSubmitFetcher",ke.UseFetcher="useFetcher",ke.useViewTransitionState="useViewTransitionState",(we=ye||(ye={})).UseFetcher="useFetcher",we.UseFetchers="useFetchers",we.UseScrollRestoration="useScrollRestoration";var xe=o(9839);const Se=e=>e.replace(/([A-Z])/g,(e=>`-${e[0].toLowerCase()}`)),Te=e=>{if("undefined"==typeof document)return!0;{const t="on"+(e=>"doubleclick"===e?"dblclick":e)(e);let n=t in document;if(!n){const e=document.createElement("div");e.setAttribute(t,"return;"),n="function"==typeof e[t]}return n}},Ce=(e,t,n)=>{const a=e.__events||(e.__events={}),r=a[t];r&&e.removeEventListener(t,r),e.addEventListener(t,a[t]=function(e){n&&n.call(this,e)})},ze=e=>{const t=new Map;return e.forEach((e=>t.set(e,e))),t};let Oe;const Ne=(...e)=>t=>{e.forEach((e=>{((e,t)=>{"function"==typeof e?e(t):null!=e&&(e.current=t)})(e,t)}))},Le=(e,t,n,a)=>{void 0!==a&&a();const r=e.toLowerCase().split("-").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join(""),l=class extends xe.Component{constructor(e){super(e),this.setComponentElRef=e=>{this.componentEl=e}}componentDidMount(){this.componentDidUpdate(this.props)}componentDidUpdate(e){((e,t,n={})=>{if(e instanceof Element){const a=((e,t,n)=>{const a=t.className||t.class,r=n.className||n.class,l=ze(e),o=ze(a?a.split(" "):[]),i=ze(r?r.split(" "):[]),c=[];return l.forEach((e=>{o.has(e)?(c.push(e),o.delete(e)):i.has(e)||c.push(e)})),o.forEach((e=>c.push(e))),c.join(" ")})(e.classList,t,n);""!==a&&(e.className=a),Object.keys(t).forEach((n=>{if("children"!==n&&"style"!==n&&"ref"!==n&&"class"!==n&&"className"!==n&&"forwardedRef"!==n)if(0===n.indexOf("on")&&n[2]===n[2].toUpperCase()){const a=n.substring(2),r=a[0].toLowerCase()+a.substring(1);Te(r)||Ce(e,r,t[n])}else e[n]=t[n],"string"==typeof t[n]&&e.setAttribute(Se(n),t[n])}))}})(this.componentEl,this.props,e)}render(){const{children:t,forwardedRef:a,style:r,className:l,ref:o,...i}=this.props;let c=Object.keys(i).reduce(((e,t)=>{const n=i[t];if(0===t.indexOf("on")&&t[2]===t[2].toUpperCase()){const a=t.substring(2).toLowerCase();"undefined"!=typeof document&&Te(a)&&(e[t]=n)}else{const a=typeof n;"string"!==a&&"boolean"!==a&&"number"!==a||(e[Se(t)]=n)}return e}),{});n&&(c=n(this.props,c));const s={...c,ref:Ne(a,this.setComponentElRef),style:r},u="function"==typeof Oe?Oe(e):e;return(0,xe.createElement)(u,s,t)}static get displayName(){return r}};return t&&(l.contextType=t),((e,t)=>{const n=(t,n)=>xe.createElement(e,{...t,forwardedRef:n});return n.displayName=t,xe.forwardRef(n)})(l,r)},Ae=Le("kol-abbr"),$e=Le("kol-accordion"),Be=Le("kol-alert"),Pe=Le("kol-avatar"),Ie=Le("kol-badge"),je=Le("kol-breadcrumb"),Me=Le("kol-button"),Fe=Le("kol-button-link"),Re=Le("kol-card"),De=Le("kol-combobox"),Ke=Le("kol-details"),He=Le("kol-drawer"),Ve=Le("kol-form"),Ue=Le("kol-heading"),We=Le("kol-icon"),qe=Le("kol-image"),Ze=Le("kol-input-checkbox"),Ge=Le("kol-input-color"),Ye=Le("kol-input-date"),Je=Le("kol-input-email"),Qe=Le("kol-input-file"),Xe=Le("kol-input-number"),et=Le("kol-input-password"),tt=Le("kol-input-radio"),nt=Le("kol-input-range"),at=Le("kol-input-text"),rt=Le("kol-kolibri"),lt=Le("kol-link"),ot=Le("kol-link-button"),it=Le("kol-modal"),ct=Le("kol-nav"),st=Le("kol-pagination"),ut=Le("kol-popover-button"),dt=Le("kol-progress"),mt=Le("kol-quote"),pt=Le("kol-select"),ft=Le("kol-single-select"),ht=Le("kol-skip-nav"),bt=Le("kol-spin"),gt=Le("kol-split-button"),vt=Le("kol-table-stateful"),_t=Le("kol-table-stateless"),kt=Le("kol-tabs"),yt=Le("kol-textarea"),wt=Le("kol-toolbar"),Et=Le("kol-tree"),xt=Le("kol-tree-item"),St=Le("kol-version");function Tt(e){const t=document.createElement("div");return t.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(t),t}var Ct,zt,Ot,Nt,Lt=o(4957),At=o(7626),$t=o(4216),Bt=o(1732);(zt=Ct||(Ct={}))[zt.error=0]="error",zt[zt.warning=1]="warning",zt[zt.info=2]="info",zt[zt.success=3]="success",zt[zt.message=4]="message",zt[zt.close=5]="close",zt[zt["form-description"]=6]="form-description",zt[zt.of=7]="of",zt[zt.characters=8]="characters",zt[zt.new=9]="new",zt[zt["no-entries"]=10]="no-entries",zt[zt["change-order"]=11]="change-order",zt[zt["action-running"]=12]="action-running",zt[zt["action-done"]=13]="action-done",zt[zt["page-first"]=14]="page-first",zt[zt["page-back"]=15]="page-back",zt[zt["page-next"]=16]="page-next",zt[zt["page-last"]=17]="page-last",zt[zt["entries-per-site"]=18]="entries-per-site",zt[zt["page-current"]=19]="page-current",zt[zt["page-selected"]=20]="page-selected",zt[zt["page-per-site"]=21]="page-per-site",zt[zt["logo-description"]=22]="logo-description",zt[zt["open-link-in-tab"]=23]="open-link-in-tab",zt[zt["kolibri-logo"]=24]="kolibri-logo",(Nt=Ot||(Ot={}))[Nt.abbr=0]="abbr",Nt[Nt.accordion=1]="accordion",Nt[Nt["accordion-group"]=2]="accordion-group",Nt[Nt.alert=3]="alert",Nt[Nt.avatar=4]="avatar",Nt[Nt.badge=5]="badge",Nt[Nt.breadcrumb=6]="breadcrumb",Nt[Nt.button=7]="button",Nt[Nt["button-link"]=8]="button-link",Nt[Nt.card=9]="card",Nt[Nt.combobox=10]="combobox",Nt[Nt.details=11]="details",Nt[Nt.drawer=12]="drawer",Nt[Nt.form=13]="form",Nt[Nt.heading=14]="heading",Nt[Nt.icon=15]="icon",Nt[Nt.image=16]="image",Nt[Nt["input-checkbox"]=17]="input-checkbox",Nt[Nt["input-color"]=18]="input-color",Nt[Nt["input-date"]=19]="input-date",Nt[Nt["input-email"]=20]="input-email",Nt[Nt["input-file"]=21]="input-file",Nt[Nt["input-number"]=22]="input-number",Nt[Nt["input-password"]=23]="input-password",Nt[Nt["input-radio"]=24]="input-radio",Nt[Nt["input-range"]=25]="input-range",Nt[Nt["input-text"]=26]="input-text",Nt[Nt.kolibri=27]="kolibri",Nt[Nt.link=28]="link",Nt[Nt["link-button"]=29]="link-button",Nt[Nt.logo=30]="logo",Nt[Nt.modal=31]="modal",Nt[Nt.nav=32]="nav",Nt[Nt.pagination=33]="pagination",Nt[Nt["popover-button"]=34]="popover-button",Nt[Nt.progress=35]="progress",Nt[Nt.select=36]="select",Nt[Nt.separator=37]="separator",Nt[Nt["single-select"]=38]="single-select",Nt[Nt["skip-nav"]=39]="skip-nav",Nt[Nt.spin=40]="spin",Nt[Nt["split-button"]=41]="split-button",Nt[Nt.symbol=42]="symbol",Nt[Nt.table=43]="table",Nt[Nt["table-stateful"]=44]="table-stateful",Nt[Nt["table-stateless"]=45]="table-stateless",Nt[Nt.tabs=46]="tabs",Nt[Nt.textarea=47]="textarea",Nt[Nt["toast-container"]=48]="toast-container",Nt[Nt.toolbar=49]="toolbar",Nt[Nt.tooltip=50]="tooltip",Nt[Nt.tree=51]="tree",Nt[Nt["tree-item"]=52]="tree-item",new At.r("kol",Ct,Ot);let Pt=!1;class It{constructor(e,t){this.document=e,this.options=t,this.toastContainerElement=this.document.createElement(Lt.K),this.document.body.prepend(this.toastContainerElement)}static getInstance(e,t){if(!Pt)throw new Error("Toaster: Call KoliBri bootstrap/register method first.");let n=this.instances.get(e);return n||(n=new It(e,t),this.instances.set(e,n)),n}dispose(){const e=this.toastContainerElement;e?(this.toastContainerElement=void 0,e.remove()):Bt.L.warn("Toaster service is already disposed.",{forceLog:!0})}enqueue(e){var t,n;if(this.toastContainerElement&&"function"==typeof this.toastContainerElement.enqueue)return null!==(t=e.variant)&&void 0!==t||(e.variant=null===(n=this.options)||void 0===n?void 0:n.defaultVariant),this.toastContainerElement.enqueue(e)}closeAll(e=!1){this.toastContainerElement&&"function"==typeof this.toastContainerElement.closeAll&&this.toastContainerElement.closeAll(e)}}var jt,Mt,Ft,Rt,Dt,Kt;It.instances=new Map,(Mt=jt||(jt={}))["Die Bundesregierung"]="BReg",Mt["Bundesministerium der Finanzen"]="BMF",Mt["Bundesministerium des Innern, für Bau und Heimat"]="BMI",Mt["Auswärtiges Amt"]="AA",Mt["Bundesministerium für Wirtschaft und Energie"]="BMWi",Mt["Bundesministerium der Justiz und für Verbraucherschutz"]="BMJV",Mt["Bundesministerium für Arbeit und Soziales"]="BMAS",Mt["Bundesministerium der Verteidigung"]="BMVg",Mt["Bundesministerium für Ernährung und Landwirtschaft"]="BMEL",Mt["Bundesministerium für Familie, Senioren, Frauen und Jugend"]="BMFSFJ",Mt["Bundesministerium für Gesundheit"]="BMG",Mt["Bundesministerium für Verkehr und digitale Infrastruktur"]="BMVI",Mt["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"]="BMU",Mt["Bundesministerium für Bildung und Forschung"]="BMBF",Mt["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"]="BMZ",Object.getOwnPropertyNames(jt),(Rt=Ft||(Ft={}))["Beschaffungsamt des Bundesministeriums des Innern"]="BeschA",Rt["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"]="BAAINBw",Rt["Bundesamt für äußere Restitutionen"]="BAR",Rt["Bundesamt für Bauwesen und Raumordnung"]="BBR",Rt["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"]="BBK",Rt["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"]="BAFzA",Rt["Bundesamt für Güterverkehr"]="BAG",Rt["Bundesamt für Justiz"]="BfJ",Rt["Bundesamt für Kartographie und Geodäsie"]="BKG",Rt["Bundesamt für kerntechnische Entsorgungssicherheit"]="BASE",Rt["Bundesamt für Migration und Flüchtlinge"]="BAMF",Rt["Bundesamt für Sicherheit in der Informationstechnik"]="BSI",Rt["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"]="BVL",Rt["Bundesamt für Verfassungsschutz"]="BfV",Rt["Bundesamt für Wirtschaft und Ausfuhrkontrolle"]="BAFA",Rt["Bundesamt für zentrale Dienste und offene Vermögensfragen"]="BADV",Rt["Bundesanstalt für Verwaltungsdienstleistungen"]="BAV",Rt.Bundesarchiv="BArch",Rt["Bundesaufsichtsamt für Flugsicherung"]="BAF",Rt.Bundesausgleichsamt="BAA",Rt.Bundeskartellamt="BKartA",Rt.Bundeskriminalamt="BKA",Rt.Bundesnachrichtendienst="BND",Rt["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"]="BNetzA",Rt["Bundespolizeipräsidium"]="BPOLP",Rt["Bundesprüfstelle für jugendgefährdende Medien"]="BPjM",Rt.Bundessortenamt="BSA",Rt.Bundessprachenamt="BSprA",Rt["Bundesamt für Soziale Sicherung"]="BAS",Rt.Bundesverwaltungsamt="BVA",Rt["Bundeszentralamt für Steuern"]="BZSt",Rt["Deutsches Patent- und Markenamt"]="DPMA",Rt["Eisenbahn-Bundesamt"]="EBA",Rt.Generalzolldirektion="GZD",Rt["Militärischer Abschirmdienst"]="MAD",Rt["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"]="ZITiS",Object.getOwnPropertyNames(Ft),(Kt=Dt||(Dt={}))["Informationstechnikzentrum Bund"]="ITZBund",Kt["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"]="BDBOS",Kt["Bundesanstalt für Landwirtschaft und Ernährung"]="BLE",Kt["Bundesanstalt Technisches Hilfswerk"]="THW",Kt["Bundesinstitut für Arzneimittel und Medizinprodukte"]="BfArM",Kt["Bundesinstitut für Bevölkerungsforschung"]="BiB",Kt["Bundesinstitut für Sportwissenschaft"]="BISp",Object.getOwnPropertyNames(Dt);const Ht=new Map;Ht.set(jt["Die Bundesregierung"],["Die","Bundesregierung"]),Ht.set(jt["Bundesministerium der Finanzen"],["Bundesministerium","der Finanzen"]),Ht.set(jt["Bundesministerium des Innern, für Bau und Heimat"],["Bundesministerium","des Inneren, für Bau","und Heimat"]),Ht.set(jt["Auswärtiges Amt"],["Auswärtiges Amt"]),Ht.set(jt["Bundesministerium für Wirtschaft und Energie"],["Bundesministerium","für Wirtschaft","und Energie"]),Ht.set(jt["Bundesministerium der Justiz und für Verbraucherschutz"],["Bundesministerium","der Justiz und","für Verbraucherschutz"]),Ht.set(jt["Bundesministerium für Arbeit und Soziales"],["Bundesministerium","für Arbeit und Soziales"]),Ht.set(jt["Bundesministerium der Verteidigung"],["Bundesministerium","der Verteidigung"]),Ht.set(jt["Bundesministerium für Bildung und Forschung"],["Bundesministerium","für Bildung","und Forschung"]),Ht.set(jt["Bundesministerium für Ernährung und Landwirtschaft"],["Bundesministerium","für Ernährung","und Landwirtschaft"]),Ht.set(jt["Bundesministerium für Familie, Senioren, Frauen und Jugend"],["Bundesministerium","für Familie, Senioren, Frauen","und Jugend"]),Ht.set(jt["Bundesministerium für Gesundheit"],["Bundesministerium","für Gesundheit"]),Ht.set(jt["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"],["Bundesministerium","für Umwelt, Naturschutz","und nukleare Sicherheit"]),Ht.set(jt["Bundesministerium für Verkehr und digitale Infrastruktur"],["Bundesministerium","für Verkehr und","digitale Infrastruktur"]),Ht.set(jt["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"],["Bundesministerium","für wirtschaftliche Zusammenarbeit","und Entwicklung"]),Ht.set(Ft["Beschaffungsamt des Bundesministeriums des Innern"],["Beschaffungsamt","des Bundesministeriums","des Innern"]),Ht.set(Ft["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"],[]),Ht.set(Ft["Bundesamt für äußere Restitutionen"],[]),Ht.set(Ft["Bundesamt für Bauwesen und Raumordnung"],[]),Ht.set(Ft["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"],["Bundesamt","für Bevölkerungsschutz","und Katastrophenhilfe"]),Ht.set(Ft["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"],["Bundesamt","für Familie und","zivilgesellschaftliche Aufgaben"]),Ht.set(Ft["Bundesamt für Güterverkehr"],["Bundesamt","für Güterverkehr"]),Ht.set(Ft["Bundesamt für Justiz"],["Bundesamt für","Justiz"]),Ht.set(Ft["Bundesamt für Kartographie und Geodäsie"],["Bundesamt für","Kartographie und Geodäsie"]),Ht.set(Ft["Bundesamt für kerntechnische Entsorgungssicherheit"],["Bundesamt für","kerntechnische","Entsorgungssicherheit"]),Ht.set(Ft["Bundesamt für Migration und Flüchtlinge"],["Bundesamt","für Migration","und Flüchtlinge"]),Ht.set(Ft["Bundesamt für Sicherheit in der Informationstechnik"],["Bundesamt","für Sicherheit in der","Informationstechnik"]),Ht.set(Ft["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"],["Bundesamt für","Verbraucherschutz und","Lebensmittelsicherheit"]),Ht.set(Ft["Bundesamt für Verfassungsschutz"],["Bundesamt für","Verfassungsschutz"]),Ht.set(Ft["Bundesamt für Wirtschaft und Ausfuhrkontrolle"],["Bundesamt","für Wirtschaft","Ausfuhrkontrolle"]),Ht.set(Ft["Bundesamt für zentrale Dienste und offene Vermögensfragen"],["Bundesamt","für zentrale Dienste und","offene Vermögensfragen"]),Ht.set(Ft["Bundesanstalt für Verwaltungsdienstleistungen"],["Bundesanstalt","für Verwaltungsdienstleistungen"]),Ht.set(Ft.Bundesarchiv,["Das","Bundesarchiv"]),Ht.set(Ft["Bundesaufsichtsamt für Flugsicherung"],["Bundesaufsichtsamt","für Flugsicherung"]),Ht.set(Ft.Bundesausgleichsamt,["Bundesausgleichsamt"]),Ht.set(Ft.Bundeskartellamt,["Bundeskartellamt"]),Ht.set(Ft.Bundeskriminalamt,["Bundeskriminalamt"]),Ht.set(Ft.Bundesnachrichtendienst,["Bundesnachrichtendienst"]),Ht.set(Ft["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"],["Bundesnetzagentur"]),Ht.set(Ft["Bundespolizeipräsidium"],["Bundespolizeipräsidium"]),Ht.set(Ft["Bundesprüfstelle für jugendgefährdende Medien"],["Bundesprüfstelle","für jugendgefährdende","Medien"]),Ht.set(Ft.Bundessortenamt,["Bundessortenamt"]),Ht.set(Ft.Bundessprachenamt,["Bundessprachenamt"]),Ht.set(Ft["Bundesamt für Soziale Sicherung"],["Bundesamt","für Soziale Sicherung"]),Ht.set(Ft.Bundesverwaltungsamt,["Bundesverwaltungsamt"]),Ht.set(Ft["Bundeszentralamt für Steuern"],["Bundeszentralamt","für Steuern"]),Ht.set(Ft["Deutsches Patent- und Markenamt"],["Deutsches","Patent- und Markenamt"]),Ht.set(Ft["Eisenbahn-Bundesamt"],["Eisenbahn-Bundesamt"]),Ht.set(Ft.Generalzolldirektion,["Generalzolldirektion"]),Ht.set(Ft["Militärischer Abschirmdienst"],["Bundesamt für den","Militärischen Abschirmdienst"]),Ht.set(Ft["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"],["Zentrale Stelle","für Informationstechnik","im Sicherheitsbereich"]),Ht.set(Dt["Informationstechnikzentrum Bund"],["Informations","Technik","Zentrum Bund"]),Ht.set(Dt["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"],["Bundesanstalt","für den Digitalfunk der Behörden und","Organisationen mit Sicherheitsaufgaben"]),Ht.set(Dt["Bundesanstalt für Landwirtschaft und Ernährung"],["Bundesanstalt für","Landwirtschaft und Ernährung"]),Ht.set(Dt["Bundesanstalt Technisches Hilfswerk"],["Bundesanstalt","Technisches Hilfswerk"]),Ht.set(Dt["Bundesinstitut für Arzneimittel und Medizinprodukte"],["Bundesinstitut","für Arzneimittel","und Medizinprodukte"]),Ht.set(Dt["Bundesinstitut für Bevölkerungsforschung"],["Bundesinstitut","für Bevölkerungsforschung"]),Ht.set(Dt["Bundesinstitut für Sportwissenschaft"],["Bundesinstitut","für Sportwissenschaft"]);var Vt=o(5800),Ut=o(1290);(0,Ut.a)((e=>{try{e.shadowRoot instanceof ShadowRoot&&(0,At.n)(e,(0,At.b)(e))}catch(e){}return"default"})),o.e(2994).then(o.bind(o,2994)).then((e=>{"object"==typeof e&&null!==e&&"function"==typeof e.initialize&&e.initialize()})).catch((e=>{Bt.L.error(e)}));!function(){if("undefined"!=typeof window&&void 0!==window.Reflect&&void 0!==window.customElements){var e=HTMLElement;window.HTMLElement=function(){return Reflect.construct(e,[],this.constructor)},HTMLElement.prototype=e.prototype,HTMLElement.prototype.constructor=HTMLElement,Object.setPrototypeOf(HTMLElement,e)}}();var Wt="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{};!function(e){var t,n;t=Wt,n=function(){var e=function(){},t="undefined",n=typeof window!==t&&typeof window.navigator!==t&&/Trident\/|MSIE /.test(window.navigator.userAgent),a=["trace","debug","info","warn","error"],r={},l=null;function o(e,t){var n=e[t];if("function"==typeof n.bind)return n.bind(e);try{return Function.prototype.bind.call(n,e)}catch(t){return function(){return Function.prototype.apply.apply(n,[e,arguments])}}}function i(){console.log&&(console.log.apply?console.log.apply(console,arguments):Function.prototype.apply.apply(console.log,[console,arguments])),console.trace&&console.trace()}function c(){for(var n=this.getLevel(),r=0;r<a.length;r++){var l=a[r];this[l]=r<n?e:this.methodFactory(l,n,this.name)}if(this.log=this.debug,typeof console===t&&n<this.levels.SILENT)return"No console available for logging"}function s(e){return function(){typeof console!==t&&(c.call(this),this[e].apply(this,arguments))}}function u(a,r,l){return function(a){return"debug"===a&&(a="log"),typeof console!==t&&("trace"===a&&n?i:void 0!==console[a]?o(console,a):void 0!==console.log?o(console,"log"):e)}(a)||s.apply(this,arguments)}function d(e,n){var o,i,s,d=this,m="loglevel";function p(){var e;if(typeof window!==t&&m){try{e=window.localStorage[m]}catch(e){}if(typeof e===t)try{var n=window.document.cookie,a=encodeURIComponent(m),r=n.indexOf(a+"=");-1!==r&&(e=/^([^;]+)/.exec(n.slice(r+a.length+1))[1])}catch(e){}return void 0===d.levels[e]&&(e=void 0),e}}function f(e){var t=e;if("string"==typeof t&&void 0!==d.levels[t.toUpperCase()]&&(t=d.levels[t.toUpperCase()]),"number"==typeof t&&t>=0&&t<=d.levels.SILENT)return t;throw new TypeError("log.setLevel() called with invalid level: "+e)}"string"==typeof e?m+=":"+e:"symbol"==typeof e&&(m=void 0),d.name=e,d.levels={TRACE:0,DEBUG:1,INFO:2,WARN:3,ERROR:4,SILENT:5},d.methodFactory=n||u,d.getLevel=function(){return null!=s?s:null!=i?i:o},d.setLevel=function(e,n){return s=f(e),!1!==n&&function(e){var n=(a[e]||"silent").toUpperCase();if(typeof window!==t&&m){try{return void(window.localStorage[m]=n)}catch(e){}try{window.document.cookie=encodeURIComponent(m)+"="+n+";"}catch(e){}}}(s),c.call(d)},d.setDefaultLevel=function(e){i=f(e),p()||d.setLevel(e,!1)},d.resetLevel=function(){s=null,function(){if(typeof window!==t&&m){try{window.localStorage.removeItem(m)}catch(e){}try{window.document.cookie=encodeURIComponent(m)+"=; expires=Thu, 01 Jan 1970 00:00:00 UTC"}catch(e){}}}(),c.call(d)},d.enableAll=function(e){d.setLevel(d.levels.TRACE,e)},d.disableAll=function(e){d.setLevel(d.levels.SILENT,e)},d.rebuild=function(){if(l!==d&&(o=f(l.getLevel())),c.call(d),l===d)for(var e in r)r[e].rebuild()},o=f(l?l.getLevel():"WARN");var h=p();null!=h&&(s=f(h)),c.call(d)}(l=new d).getLogger=function(e){if("symbol"!=typeof e&&"string"!=typeof e||""===e)throw new TypeError("You must supply a name when creating a logger.");var t=r[e];return t||(t=r[e]=new d(e,l.methodFactory)),t};var m=typeof window!==t?window.log:void 0;return l.noConflict=function(){return typeof window!==t&&window.log===l&&(window.log=m),l},l.getLoggers=function(){return r},l.default=l,l},e.exports?e.exports=n():t.log=n()}({exports:{}});const qt={A11yUi:{CSS_STYLE_CACHE:new Map,HYDRATED_HISTORY:[],STYLING_TASK_QUEUE:new Map,Themes:{}}},Zt=new Set,Gt=/--[^;]+/g,Yt=/:/,Jt=(e,t)=>"object"==typeof qt.A11yUi&&null!==qt.A11yUi&&"object"==typeof qt.A11yUi.Themes&&null!==qt.A11yUi.Themes&&"object"==typeof qt.A11yUi.Themes[e]&&null!==qt.A11yUi.Themes[e]&&"string"==typeof qt.A11yUi.Themes[e][t]?qt.A11yUi.Themes[e][t].replace(/\r?\n/g,""):"",Qt=(e,t,n)=>{const a=t.name||"default";let r;try{if(null===e.shadowRoot)throw new Error("ShadowRoot is null");r=e.shadowRoot}catch{r=e}if(qt.A11yUi.CSS_STYLE_CACHE.get(a)?.has(e.tagName))Xt(e,r,qt.A11yUi.CSS_STYLE_CACHE.get(a)?.get(e.tagName),n);else{const l=Jt(a,"PROPERTIES"),o=Jt(a,"GLOBAL"),i=Jt(a,e.tagName);!1===Zt.has(a)&&((e,t)=>{let n=t.match(Gt);if(Array.isArray(n)){n=n.filter((e=>Yt.test(e)));const t=document.createElement("style");t.innerHTML=`.${e} {${n.join(";")}}`,document.querySelector("head")?.appendChild(t)}Zt.add(e)})(a,o);const c=[l,o,i];((e,t,n)=>{if(!1!==n){const a=[...Array.from(e.childNodes).filter((e=>e instanceof HTMLStyleElement&&"STYLE"===e.tagName))];let r;try{r=[...Array.from(e.adoptedStyleSheets)]}catch{r=[]}"before"===n?.mode?(a.reverse().forEach((e=>t.unshift(e.innerHTML))),r.reverse().forEach((e=>t.unshift(Array.from(e.cssRules).map((e=>e.cssText)).join(""))))):"after"===n?.mode&&(a.forEach((e=>t.push(e.innerHTML))),r.forEach((e=>t.push(Array.from(e.cssRules).map((e=>e.cssText)).join("")))))}})(r,c,t.encroachCss),"debug"===t.loglevel&&console.log(e.tagName,c),!0===t.cache&&(!1===qt.A11yUi.CSS_STYLE_CACHE.has(a)&&qt.A11yUi.CSS_STYLE_CACHE.set(a,new Map),qt.A11yUi.CSS_STYLE_CACHE.get(a)?.set(e.tagName,c)),Xt(e,r,c,n)}},Xt=(e,t,n,a)=>{(e=>{for(const t of Array.from(e.childNodes)){if(!(t instanceof HTMLStyleElement&&"STYLE"===t.tagName&&void 0===t.dataset.themingFallback))break;e.removeChild(t)}})(t),((e,t)=>{try{if("ssr"===qt.A11yUi.Theme?.mode)throw new Error("SSR");const n=[];t.forEach((e=>{const t=new CSSStyleSheet;t.replaceSync(e),n.push(t)})),e.adoptedStyleSheets=n}catch{[...t].reverse().forEach(((t,n)=>{if("string"!=typeof t||0===t.length)return;const a=document.createElement("style");switch(a.dataset.themingFallback="",n){case 4:a.dataset.themingBaseA11y="";break;case 3:a.dataset.themingBaseGlobal="";break;case 2:a.dataset.themingBaseComponent="";break;case 1:a.dataset.themingCustomGlobal="";break;case 0:a.dataset.themingCustomComponent="";break;default:a.dataset.themingUnknown=""}a.innerHTML=t,e.insertBefore(a,e.firstChild)}))}})(t,n),e.style.display=a},en=(e,t)=>{(e=>{qt.A11yUi.STYLING_TASK_QUEUE.delete(e)})(e),(e=>{"debug"===e.loglevel&&qt.A11yUi.HYDRATED_HISTORY.push({timestamp:Date.now(),numberOfTasks:qt.A11yUi.STYLING_TASK_QUEUE.size})})(t)},tn=e=>{for(const t of e)if(qt.A11yUi.STYLING_TASK_QUEUE.has(t.target)&&t.target.classList.contains("hydrated")){const{styleDisplay:e,themeDetails:n}=qt.A11yUi.STYLING_TASK_QUEUE.get(t.target);Qt(t.target,n,e),en(t.target,n)}};let nn;try{nn=new MutationObserver(tn)}catch{nn=null}var an,rn;!function(e){e[e.error=0]="error",e[e.warning=1]="warning",e[e.info=2]="info",e[e.success=3]="success",e[e.message=4]="message",e[e.close=5]="close",e[e["form-description"]=6]="form-description",e[e.of=7]="of",e[e.characters=8]="characters",e[e.new=9]="new",e[e["no-entries"]=10]="no-entries",e[e["change-order"]=11]="change-order",e[e["action-running"]=12]="action-running",e[e["action-done"]=13]="action-done",e[e["page-first"]=14]="page-first",e[e["page-back"]=15]="page-back",e[e["page-next"]=16]="page-next",e[e["page-last"]=17]="page-last",e[e["entries-per-site"]=18]="entries-per-site",e[e["page-current"]=19]="page-current",e[e["page-selected"]=20]="page-selected",e[e["page-per-site"]=21]="page-per-site",e[e["logo-description"]=22]="logo-description",e[e["open-link-in-tab"]=23]="open-link-in-tab",e[e["kolibri-logo"]=24]="kolibri-logo"}(an||(an={})),function(e){e[e.abbr=0]="abbr",e[e.accordion=1]="accordion",e[e["accordion-group"]=2]="accordion-group",e[e.alert=3]="alert",e[e.avatar=4]="avatar",e[e.badge=5]="badge",e[e.breadcrumb=6]="breadcrumb",e[e.button=7]="button",e[e["button-link"]=8]="button-link",e[e.card=9]="card",e[e.combobox=10]="combobox",e[e.details=11]="details",e[e.drawer=12]="drawer",e[e.form=13]="form",e[e.heading=14]="heading",e[e.icon=15]="icon",e[e.image=16]="image",e[e["input-checkbox"]=17]="input-checkbox",e[e["input-color"]=18]="input-color",e[e["input-date"]=19]="input-date",e[e["input-email"]=20]="input-email",e[e["input-file"]=21]="input-file",e[e["input-number"]=22]="input-number",e[e["input-password"]=23]="input-password",e[e["input-radio"]=24]="input-radio",e[e["input-range"]=25]="input-range",e[e["input-text"]=26]="input-text",e[e.kolibri=27]="kolibri",e[e.link=28]="link",e[e["link-button"]=29]="link-button",e[e.logo=30]="logo",e[e.modal=31]="modal",e[e.nav=32]="nav",e[e.pagination=33]="pagination",e[e["popover-button"]=34]="popover-button",e[e.progress=35]="progress",e[e.select=36]="select",e[e.separator=37]="separator",e[e["single-select"]=38]="single-select",e[e["skip-nav"]=39]="skip-nav",e[e.spin=40]="spin",e[e["split-button"]=41]="split-button",e[e.symbol=42]="symbol",e[e.table=43]="table",e[e["table-stateful"]=44]="table-stateful",e[e["table-stateless"]=45]="table-stateless",e[e.tabs=46]="tabs",e[e.textarea=47]="textarea",e[e["toast-container"]=48]="toast-container",e[e.toolbar=49]="toolbar",e[e.tooltip=50]="tooltip",e[e.tree=51]="tree",e[e["tree-item"]=52]="tree-item"}(rn||(rn={}));const ln=new class{constructor(e,t,n){this.createTheme=(e,t)=>((e,t)=>n=>n(e,t,{append:!1}))(e,t),this.createTranslation=(e,t)=>((e,t)=>n=>n(e,t))(e,t),this.Prefix=e,this.Key=Object.getOwnPropertyNames(t),this.Tag=Object.getOwnPropertyNames(n)}}("kol",an,rn);var on,cn,sn;!function(e){e["Die Bundesregierung"]="BReg",e["Bundesministerium der Finanzen"]="BMF",e["Bundesministerium des Innern, für Bau und Heimat"]="BMI",e["Auswärtiges Amt"]="AA",e["Bundesministerium für Wirtschaft und Energie"]="BMWi",e["Bundesministerium der Justiz und für Verbraucherschutz"]="BMJV",e["Bundesministerium für Arbeit und Soziales"]="BMAS",e["Bundesministerium der Verteidigung"]="BMVg",e["Bundesministerium für Ernährung und Landwirtschaft"]="BMEL",e["Bundesministerium für Familie, Senioren, Frauen und Jugend"]="BMFSFJ",e["Bundesministerium für Gesundheit"]="BMG",e["Bundesministerium für Verkehr und digitale Infrastruktur"]="BMVI",e["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"]="BMU",e["Bundesministerium für Bildung und Forschung"]="BMBF",e["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"]="BMZ"}(on||(on={})),function(e){e["Beschaffungsamt des Bundesministeriums des Innern"]="BeschA",e["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"]="BAAINBw",e["Bundesamt für äußere Restitutionen"]="BAR",e["Bundesamt für Bauwesen und Raumordnung"]="BBR",e["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"]="BBK",e["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"]="BAFzA",e["Bundesamt für Güterverkehr"]="BAG",e["Bundesamt für Justiz"]="BfJ",e["Bundesamt für Kartographie und Geodäsie"]="BKG",e["Bundesamt für kerntechnische Entsorgungssicherheit"]="BASE",e["Bundesamt für Migration und Flüchtlinge"]="BAMF",e["Bundesamt für Sicherheit in der Informationstechnik"]="BSI",e["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"]="BVL",e["Bundesamt für Verfassungsschutz"]="BfV",e["Bundesamt für Wirtschaft und Ausfuhrkontrolle"]="BAFA",e["Bundesamt für zentrale Dienste und offene Vermögensfragen"]="BADV",e["Bundesanstalt für Verwaltungsdienstleistungen"]="BAV",e.Bundesarchiv="BArch",e["Bundesaufsichtsamt für Flugsicherung"]="BAF",e.Bundesausgleichsamt="BAA",e.Bundeskartellamt="BKartA",e.Bundeskriminalamt="BKA",e.Bundesnachrichtendienst="BND",e["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"]="BNetzA",e["Bundespolizeipräsidium"]="BPOLP",e["Bundesprüfstelle für jugendgefährdende Medien"]="BPjM",e.Bundessortenamt="BSA",e.Bundessprachenamt="BSprA",e["Bundesamt für Soziale Sicherung"]="BAS",e.Bundesverwaltungsamt="BVA",e["Bundeszentralamt für Steuern"]="BZSt",e["Deutsches Patent- und Markenamt"]="DPMA",e["Eisenbahn-Bundesamt"]="EBA",e.Generalzolldirektion="GZD",e["Militärischer Abschirmdienst"]="MAD",e["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"]="ZITiS"}(cn||(cn={})),function(e){e["Informationstechnikzentrum Bund"]="ITZBund",e["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"]="BDBOS",e["Bundesanstalt für Landwirtschaft und Ernährung"]="BLE",e["Bundesanstalt Technisches Hilfswerk"]="THW",e["Bundesinstitut für Arzneimittel und Medizinprodukte"]="BfArM",e["Bundesinstitut für Bevölkerungsforschung"]="BiB",e["Bundesinstitut für Sportwissenschaft"]="BISp"}(sn||(sn={}));const un=new Map;un.set(on["Die Bundesregierung"],["Die","Bundesregierung"]),un.set(on["Bundesministerium der Finanzen"],["Bundesministerium","der Finanzen"]),un.set(on["Bundesministerium des Innern, für Bau und Heimat"],["Bundesministerium","des Inneren, für Bau","und Heimat"]),un.set(on["Auswärtiges Amt"],["Auswärtiges Amt"]),un.set(on["Bundesministerium für Wirtschaft und Energie"],["Bundesministerium","für Wirtschaft","und Energie"]),un.set(on["Bundesministerium der Justiz und für Verbraucherschutz"],["Bundesministerium","der Justiz und","für Verbraucherschutz"]),un.set(on["Bundesministerium für Arbeit und Soziales"],["Bundesministerium","für Arbeit und Soziales"]),un.set(on["Bundesministerium der Verteidigung"],["Bundesministerium","der Verteidigung"]),un.set(on["Bundesministerium für Bildung und Forschung"],["Bundesministerium","für Bildung","und Forschung"]),un.set(on["Bundesministerium für Ernährung und Landwirtschaft"],["Bundesministerium","für Ernährung","und Landwirtschaft"]),un.set(on["Bundesministerium für Familie, Senioren, Frauen und Jugend"],["Bundesministerium","für Familie, Senioren, Frauen","und Jugend"]),un.set(on["Bundesministerium für Gesundheit"],["Bundesministerium","für Gesundheit"]),un.set(on["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"],["Bundesministerium","für Umwelt, Naturschutz","und nukleare Sicherheit"]),un.set(on["Bundesministerium für Verkehr und digitale Infrastruktur"],["Bundesministerium","für Verkehr und","digitale Infrastruktur"]),un.set(on["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"],["Bundesministerium","für wirtschaftliche Zusammenarbeit","und Entwicklung"]),un.set(cn["Beschaffungsamt des Bundesministeriums des Innern"],["Beschaffungsamt","des Bundesministeriums","des Innern"]),un.set(cn["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"],[]),un.set(cn["Bundesamt für äußere Restitutionen"],[]),un.set(cn["Bundesamt für Bauwesen und Raumordnung"],[]),un.set(cn["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"],["Bundesamt","für Bevölkerungsschutz","und Katastrophenhilfe"]),un.set(cn["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"],["Bundesamt","für Familie und","zivilgesellschaftliche Aufgaben"]),un.set(cn["Bundesamt für Güterverkehr"],["Bundesamt","für Güterverkehr"]),un.set(cn["Bundesamt für Justiz"],["Bundesamt für","Justiz"]),un.set(cn["Bundesamt für Kartographie und Geodäsie"],["Bundesamt für","Kartographie und Geodäsie"]),un.set(cn["Bundesamt für kerntechnische Entsorgungssicherheit"],["Bundesamt für","kerntechnische","Entsorgungssicherheit"]),un.set(cn["Bundesamt für Migration und Flüchtlinge"],["Bundesamt","für Migration","und Flüchtlinge"]),un.set(cn["Bundesamt für Sicherheit in der Informationstechnik"],["Bundesamt","für Sicherheit in der","Informationstechnik"]),un.set(cn["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"],["Bundesamt für","Verbraucherschutz und","Lebensmittelsicherheit"]),un.set(cn["Bundesamt für Verfassungsschutz"],["Bundesamt für","Verfassungsschutz"]),un.set(cn["Bundesamt für Wirtschaft und Ausfuhrkontrolle"],["Bundesamt","für Wirtschaft","Ausfuhrkontrolle"]),un.set(cn["Bundesamt für zentrale Dienste und offene Vermögensfragen"],["Bundesamt","für zentrale Dienste und","offene Vermögensfragen"]),un.set(cn["Bundesanstalt für Verwaltungsdienstleistungen"],["Bundesanstalt","für Verwaltungsdienstleistungen"]),un.set(cn.Bundesarchiv,["Das","Bundesarchiv"]),un.set(cn["Bundesaufsichtsamt für Flugsicherung"],["Bundesaufsichtsamt","für Flugsicherung"]),un.set(cn.Bundesausgleichsamt,["Bundesausgleichsamt"]),un.set(cn.Bundeskartellamt,["Bundeskartellamt"]),un.set(cn.Bundeskriminalamt,["Bundeskriminalamt"]),un.set(cn.Bundesnachrichtendienst,["Bundesnachrichtendienst"]),un.set(cn["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"],["Bundesnetzagentur"]),un.set(cn["Bundespolizeipräsidium"],["Bundespolizeipräsidium"]),un.set(cn["Bundesprüfstelle für jugendgefährdende Medien"],["Bundesprüfstelle","für jugendgefährdende","Medien"]),un.set(cn.Bundessortenamt,["Bundessortenamt"]),un.set(cn.Bundessprachenamt,["Bundessprachenamt"]),un.set(cn["Bundesamt für Soziale Sicherung"],["Bundesamt","für Soziale Sicherung"]),un.set(cn.Bundesverwaltungsamt,["Bundesverwaltungsamt"]),un.set(cn["Bundeszentralamt für Steuern"],["Bundeszentralamt","für Steuern"]),un.set(cn["Deutsches Patent- und Markenamt"],["Deutsches","Patent- und Markenamt"]),un.set(cn["Eisenbahn-Bundesamt"],["Eisenbahn-Bundesamt"]),un.set(cn.Generalzolldirektion,["Generalzolldirektion"]),un.set(cn["Militärischer Abschirmdienst"],["Bundesamt für den","Militärischen Abschirmdienst"]),un.set(cn["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"],["Zentrale Stelle","für Informationstechnik","im Sicherheitsbereich"]),un.set(sn["Informationstechnikzentrum Bund"],["Informations","Technik","Zentrum Bund"]),un.set(sn["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"],["Bundesanstalt","für den Digitalfunk der Behörden und","Organisationen mit Sicherheitsaufgaben"]),un.set(sn["Bundesanstalt für Landwirtschaft und Ernährung"],["Bundesanstalt für","Landwirtschaft und Ernährung"]),un.set(sn["Bundesanstalt Technisches Hilfswerk"],["Bundesanstalt","Technisches Hilfswerk"]),un.set(sn["Bundesinstitut für Arzneimittel und Medizinprodukte"],["Bundesinstitut","für Arzneimittel","und Medizinprodukte"]),un.set(sn["Bundesinstitut für Bevölkerungsforschung"],["Bundesinstitut","für Bevölkerungsforschung"]),un.set(sn["Bundesinstitut für Sportwissenschaft"],["Bundesinstitut","für Sportwissenschaft"]);const dn=ln.createTheme("default",{GLOBAL:"@layer kol-theme-global {\n  :host {\n    --border-radius: var(--kolibri-border-radius, 5px);\n    --font-family: var(--kolibri-font-family, Verdana, Arial, Calibri, Helvetica, sans-serif);\n    --font-size: var(--kolibri-font-size, calc(16rem / var(--kolibri-root-font-size, 16)));\n    --spacing: var(--kolibri-spacing, calc(4rem / var(--kolibri-root-font-size, 16)));\n    --border-width: var(--kolibri-border-width, 1px);\n    --color-primary: var(--kolibri-color-primary, #004b76);\n    --color-primary-variant: var(--kolibri-color-primary-variant, #0077b6);\n    --color-danger: var(--kolibri-color-danger, #b4003c);\n    --color-warning: var(--kolibri-color-warning, #c44931);\n    --color-success: var(--kolibri-color-success, #005c45);\n    --color-subtle: var(--kolibri-color-subtle, #576164);\n    --color-light: var(--kolibri-color-light, #ffffff);\n    --color-text: var(--kolibri-color-text, #202020);\n    --color-mute: var(--kolibri-color-mute, #f2f3f4);\n    --color-mute-variant: var(--kolibri-color-mute-variant, #bec5c9);\n  }\n  * {\n    box-sizing: border-box;\n  }\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    margin: 0;\n    padding: 0;\n  }\n  *[tabindex]:focus,\n  .kol-input:not(.checkbox, .radio) .input:focus-within,\n  .kol-input:is(.checkbox, .radio) input:focus,\n  summary:focus {\n    cursor: pointer;\n    outline-color: var(--color-primary-variant);\n    outline-offset: 2px;\n    outline-style: solid;\n    outline-width: 3px;\n    transition: outline-offset 0.2s linear;\n  }\n  .kol-headline {\n    font-weight: 700;\n  }\n  .kol-tooltip__floating {\n    border: var(--border-width) solid var(--color-subtle);\n    border-radius: var(--border-radius);\n  }\n  .kol-tooltip__arrow {\n    background-color: var(--color-light);\n    border: var(--border-width) solid var(--color-subtle);\n  }\n  .kol-tooltip__content {\n    background-color: var(--color-light);\n    border-radius: var(--border-radius);\n    line-height: 1.5;\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-span,\n  .kol-span__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  @keyframes spin {\n    0% {\n      transform: rotate(0deg);\n    }\n    100% {\n      transform: rotate(360deg);\n    }\n  }\n}","KOL-ACCORDION":"@layer kol-theme-component {\n  :host {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    font-family: var(--font-family);\n  }\n  .kol-accordion {\n    width: 100%;\n    height: 100%;\n    display: grid;\n  }\n  .kol-accordion__content {\n    margin: 0;\n    padding-left: 2.25em;\n    padding-bottom: calc(12rem / var(--kolibri-root-font-size, 16));\n    padding-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-accordion__heading {\n    margin: 0;\n  }\n  .kol-accordion__heading-button {\n    display: flex;\n    border-radius: var(--border-radius);\n    min-height: calc(35.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-accordion__heading-button:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n    cursor: pointer;\n  }\n  .kol-accordion__heading-button:focus-within .kol-button {\n    outline: 0;\n  }\n  .kol-accordion__heading-button .kol-span__container {\n    display: flex;\n    place-items: baseline center;\n    text-align: left;\n    gap: 0.5em;\n    font-weight: 700;\n    font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.1;\n  }\n  .kol-accordion__heading-button .kol-button {\n    padding: calc(12rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-accordion__heading-button .kol-button :focus {\n    outline: none;\n  }\n  .kol-accordion__heading-button .kol-icon {\n    color: var(--color-primary);\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-ALERT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-AVATAR":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n}","KOL-BADGE":"@layer kol-theme-component {\n  .kol-badge {\n    font-family: var(--font-family);\n    border-radius: var(--border-radius);\n    display: inline-flex;\n    font-style: normal;\n  }\n  .kol-badge--has-smart-button {\n    align-items: center;\n  }\n  .kol-badge__smart-button .kol-button {\n    color: inherit;\n    border-top-right-radius: var(--border-radius);\n    border-bottom-right-radius: var(--border-radius);\n    padding: calc(3.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-badge__smart-button .kol-button:hover {\n    background-color: var(--color-primary-variant);\n    color: var(--color-light);\n  }\n  .kol-badge__smart-button .kol-button__text {\n    align-items: center;\n    font-style: normal;\n    padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-badge__label {\n    padding: calc(4rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n    align-items: center;\n    font-style: normal;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-badge__label .kol-span__container {\n    display: flex;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-BREADCRUMB":"@layer kol-theme-component {\n  .kol-breadcrumb {\n    font-family: var(--font-family);\n  }\n  .kol-breadcrumb__list-element-span {\n    color: var(--color-subtle);\n  }\n  .kol-breadcrumb__link::part(icon) {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-breadcrumb__icon {\n    font-size: calc(12rem / var(--kolibri-root-font-size, 16));\n    color: var(--color-subtle);\n  }\n}","KOL-BUTTON":"@layer kol-theme-component {\n  .kol-button:focus {\n    outline: none;\n  }\n  .kol-button--primary {\n    --text-background-color: var(--color-primary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-light);\n  }\n  .kol-button--secondary, .kol-button--normal {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-button--danger {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n    --text-color: var(--color-light);\n  }\n  .kol-button--ghost {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-light);\n    --text-color: var(--color-primary);\n    --text-box-shadow: none;\n  }\n  .kol-button--primary:not([disabled]):hover, .kol-button--secondary:not([disabled]):hover, .kol-button--normal:not([disabled]):hover, .kol-button--danger:not([disabled]):hover, .kol-button--ghost:not([disabled]):hover {\n    --text-background-color: var(--color-primary-variant);\n    --text-border-color: var(--color-primary-variant);\n    --text-color: var(--color-light);\n  }\n  .kol-button--danger:not([disabled]):hover {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n  }\n  .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-button__text:hover {\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-button--hide-label .kol-button__text {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  .kol-button--hide-label .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-button:focus {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-button:disabled:hover .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    box-shadow: none;\n  }\n  .kol-button .badge-text-hint {\n    background-color: var(--color-mute-variant);\n    border-radius: 3px;\n    color: var(--color-text);\n    padding: 0 0.3em;\n  }\n  .kol-button {\n    font-family: var(--font-family);\n  }\n  .kol-button__text {\n    font-weight: 700;\n    border-style: solid;\n    border-width: var(--border-width);\n    border-radius: var(--border-radius);\n  }\n}","KOL-BUTTON-LINK":"@layer kol-theme-component {\n  .kol-button {\n    color: var(--color-primary);\n    font-style: normal;\n    font-weight: 400;\n  }\n  .kol-button:focus {\n    outline: none;\n  }\n  .kol-button:visited {\n    color: var(--visited);\n  }\n  .kol-button:focus .kol-button__text {\n    border-radius: var(--border-radius);\n    outline: var(--border-width) solid;\n  }\n  .kol-button:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-button__text .kol-span__label {\n    text-decoration-thickness: 0.25em;\n  }\n  .kol-button {\n    color: var(--color-primary);\n    font-style: normal;\n    font-weight: 400;\n    font-size: inherit;\n  }\n  .kol-button:focus {\n    outline: none;\n    --text-border-radius: var(--border-radius);\n    --text-outline: calc(var(--border-width) * 2) solid;\n  }\n  .kol-button:visited {\n    color: var(--visited);\n  }\n  .kol-button:focus .kol-button__text {\n    border-radius: var(--text-border-radius);\n    outline: var(--text-outline);\n  }\n  .kol-button:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-button__text .kol-span__label {\n    text-decoration-thickness: 0.25em;\n  }\n  .badge-text-hint {\n    background-color: var(--color-mute-variant);\n    border-radius: 3px;\n    color: var(--color-text);\n    padding: 0 0.3em;\n  }\n}","KOL-CARD":"@layer kol-theme-component {\n  .kol-card {\n    font-family: var(--font-family);\n    display: grid;\n    width: 100%;\n    height: 100%;\n    background-color: var(--color-light);\n    grid-template-rows: min-content 2fr min-content;\n    box-shadow: 0 0 4px color-mix(in srgb, black 80%, var(--color-subtle));\n    border-radius: var(--border-radius);\n  }\n  .kol-card__header {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16)) calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-card__content {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    overflow: hidden;\n  }\n  .kol-card__headline {\n    line-height: 1.75;\n  }\n}","KOL-COMBOBOX":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option {\n    display: flex;\n    align-items: center;\n    min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n    padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option:focus {\n    background-color: var(--color-primary-variant);\n    color: var(--color-light);\n    outline: 0;\n  }\n  .kol-custom-suggestions-options-group {\n    border-style: solid;\n    border-width: 1px;\n    border-radius: var(--border-radius);\n    border-color: var(--color-subtle);\n    overflow-y: auto;\n    overflow-x: hidden;\n    max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n    left: calc(-8rem / var(--kolibri-root-font-size, 16));\n    right: calc(-8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-toggle {\n    display: grid;\n    place-items: center;\n    padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-toggle:focus {\n    outline: 0;\n  }\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-combobox__group {\n    display: inline-flex;\n    align-items: center;\n    width: 100%;\n  }\n  .kol-combobox__input {\n    flex-grow: 1;\n    border: none;\n    width: calc(100% - 40rem / var(--kolibri-root-font-size, 16));\n    position: relative;\n  }\n  .kol-combobox__input::placeholder {\n    color: var(--color-subtle);\n  }\n}","KOL-DETAILS":"@layer kol-theme-component {\n  .kol-details {\n    font-family: var(--font-family);\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    width: 100%;\n    height: 100%;\n    display: grid;\n  }\n  .kol-details__content.indented-text {\n    font-family: var(--font-family);\n    border-left: 2px solid var(--color-primary-variant);\n    padding: 0 calc(18rem / var(--kolibri-root-font-size, 16)) 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    margin-left: calc(-2rem / var(--kolibri-root-font-size, 16));\n    width: 100%;\n    margin: calc(4rem / var(--kolibri-root-font-size, 16)) 0 0 calc(10.4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-details__heading {\n    margin: 0;\n  }\n  .kol-details__heading-button .kol-icon {\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-details__heading-button .kol-span__container {\n    display: flex;\n    text-align: left;\n    gap: 0;\n  }\n  .kol-details__heading-button .kol-span__label {\n    border-bottom-color: #000;\n  }\n  .kol-details__heading-button .kol-button:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n    cursor: pointer;\n  }\n}","KOL-DRAWER":"@layer kol-theme-component {\n  .kol-drawer__wrapper {\n    box-shadow: 0 0 4px var(--color-subtle);\n  }\n  .kol-drawer__wrapper--left {\n    animation: slideInLeft 0.4s forwards;\n  }\n  .kol-drawer__wrapper--left.kol-drawer__wrapper--is-closing {\n    animation: slideOutLeft 0.4s forwards;\n  }\n  .kol-drawer__wrapper--right {\n    animation: slideInRight 0.4s forwards;\n  }\n  .kol-drawer__wrapper--right.kol-drawer__wrapper--is-closing {\n    animation: slideOutRight 0.4s forwards;\n  }\n  .kol-drawer__wrapper--top {\n    animation: slideInTop 0.4s forwards;\n  }\n  .kol-drawer__wrapper--top.kol-drawer__wrapper--is-closing {\n    animation: slideOutTop 0.4s forwards;\n  }\n  .kol-drawer__wrapper--bottom {\n    animation: slideInBottom 0.4s forwards;\n  }\n  .kol-drawer__wrapper--bottom.kol-drawer__wrapper--is-closing {\n    animation: slideOutBottom 0.4s forwards;\n  }\n}\n@keyframes slideInLeft {\n  from {\n    transform: translateX(-100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes slideInRight {\n  from {\n    transform: translateX(100%);\n  }\n  to {\n    transform: translateX(0);\n  }\n}\n@keyframes slideInTop {\n  from {\n    transform: translateY(-100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n@keyframes slideInBottom {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n@keyframes slideOutLeft {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(-100%);\n  }\n}\n@keyframes slideOutRight {\n  from {\n    transform: translateX(0);\n  }\n  to {\n    transform: translateX(100%);\n  }\n}\n@keyframes slideOutTop {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(-100%);\n  }\n}\n@keyframes slideOutBottom {\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(100%);\n  }\n}","KOL-FORM":"@layer kol-theme-component {\n  .kol-link {\n    color: var(--color-primary);\n    font-style: normal;\n    font-weight: 400;\n  }\n  .kol-link:focus {\n    outline: none;\n  }\n  .kol-link:visited {\n    color: var(--visited);\n  }\n  .kol-link:focus .kol-link__text {\n    border-radius: var(--border-radius);\n    outline: var(--border-width) solid;\n  }\n  .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label {\n    text-decoration-thickness: 0.25em;\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form {\n    font-family: var(--font-family);\n  }\n  .kol-form__link {\n    display: inline-block;\n  }\n  .kol-form__mandatory-fields-hint {\n    font-family: var(--font-family);\n    border-left: 2px solid var(--color-primary-variant);\n    padding: 0 calc(18rem / var(--kolibri-root-font-size, 16)) 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    margin-left: calc(-2rem / var(--kolibri-root-font-size, 16));\n    width: 100%;\n  }\n}","KOL-HEADING":"@layer kol-theme-component {\n  .kol-headline--h1 {\n    font-size: calc(24rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.667;\n  }\n  .kol-headline--h2 {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.4;\n  }\n  .kol-headline--h3 {\n    font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.333;\n  }\n  .kol-headline--h1, .kol-headline--h2, .kol-headline--h3, .kol-headline--h4, .kol-headline--h5, .kol-headline--h6 {\n    color: inherit;\n    font-style: normal;\n    font-family: var(--font-family);\n  }\n  .kol-headline--h1, .kol-headline--h2, .kol-headline--h3 {\n    font-weight: 700;\n  }\n}","KOL-INPUT-CHECKBOX":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-form-field--disabled .kol-form-field__input {\n    outline: none;\n    cursor: not-allowed;\n  }\n  .kol-form-field--disabled .kol-form-field__label {\n    cursor: not-allowed;\n  }\n  .kol-field-control {\n    column-gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-field-control--required .kol-field-control__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-field-control--required .kol-field-control__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-field-control {\n    gap: calc(6.4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox .kol-input {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.5;\n    cursor: pointer;\n    order: 1;\n    width: 100%;\n    border-color: var(--color-subtle);\n    border-width: 2px;\n    border-style: solid;\n    border-radius: var(--border-radius);\n    appearance: none;\n    background-color: white;\n    transition: 0.5s;\n    margin: 0;\n  }\n  .kol-checkbox .kol-input:checked, .kol-checkbox .kol-input:indeterminate {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  .kol-checkbox .kol-input:disabled {\n    cursor: not-allowed;\n  }\n  .kol-checkbox .kol-input:focus {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-checkbox .kol-input:focus:hover {\n    box-shadow: none;\n  }\n  .kol-checkbox .kol-input:active {\n    box-shadow: none;\n  }\n  .kol-checkbox .kol-input:hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n  }\n  .kol-checkbox.kol-checkbox--disabled {\n    opacity: 0.5;\n  }\n  .kol-checkbox--variant-default {\n    width: initial;\n    min-width: initial;\n  }\n  .kol-checkbox--variant-default .kol-input {\n    border-radius: var(--border-radius);\n    height: calc(6 * 4rem / var(--kolibri-root-font-size, 16));\n    min-width: calc(6 * 4rem / var(--kolibri-root-font-size, 16));\n    width: calc(6 * 4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox--variant-default .kol-icon {\n    color: var(--color-light);\n  }\n  .kol-checkbox--variant-switch .kol-icon {\n    width: 1.25em;\n    height: 1.25em;\n    left: calc(2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox--variant-switch .kol-input {\n    background-color: var(--color-subtle);\n    border-radius: 1.25em;\n    border-width: 0;\n    display: block;\n    height: 1.5em;\n    min-width: 3.5em;\n    position: relative;\n    width: 3.5em;\n    /* Visible with forced colors  */\n    outline: transparent solid calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-checkbox--variant-switch .kol-input:focus {\n    outline-color: var(--color-primary);\n    outline-offset: 2px;\n    outline-style: solid;\n    outline-width: 2px;\n  }\n  .kol-checkbox--variant-switch .kol-input:before {\n    width: 1.25em;\n    height: 1.25em;\n    left: calc(0.25em - 2rem / var(--kolibri-root-font-size, 16));\n    top: calc(0.25em - 2rem / var(--kolibri-root-font-size, 16));\n    border-radius: 1.25em;\n    background-color: white;\n    position: absolute;\n  }\n  .kol-checkbox--variant-switch .kol-input:checked {\n    background-color: var(--color-primary);\n  }\n  .kol-checkbox--variant-switch .kol-input:checked::before {\n    transform: translateX(2em);\n  }\n  .kol-checkbox--variant-switch .kol-input:indeterminate::before {\n    transform: translateX(1em);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--checked .kol-icon {\n    transform: translate(2em, -50%);\n  }\n  .kol-checkbox--variant-switch.kol-checkbox--indeterminate .kol-icon {\n    transform: translate(1em, -50%);\n  }\n  .kol-input-checkbox__field-control--variant-button {\n    gap: unset;\n  }\n  .kol-input-checkbox__field-control--variant-button .kol-field-control__input, .kol-input-checkbox__field-control--variant-button .kol-field-control__label {\n    border-color: var(--color-primary);\n    background-color: var(--color-light);\n    color: var(--color-primary);\n  }\n  .kol-input-checkbox__field-control--variant-button .kol-field-control__input {\n    height: 100%;\n    border-width: 1px 0 1px 1px;\n    border-style: solid none solid solid;\n    border-radius: var(--border-radius) 0 0 var(--border-radius);\n  }\n  .kol-input-checkbox__field-control--variant-button .kol-field-control__label {\n    border-width: 1px 1px 1px 0;\n    border-style: solid solid solid none;\n    border-radius: 0 var(--border-radius) var(--border-radius) 0;\n    justify-self: stretch;\n    align-self: stretch;\n    display: flex;\n    padding-right: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-checkbox__field-control--variant-button .kol-field-control__label-text {\n    margin: auto auto;\n    font-weight: 700;\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-input-checkbox__field-control--indeterminate .kol-field-control__input, .kol-input-checkbox__field-control--variant-button.kol-input-checkbox__field-control--indeterminate .kol-field-control__label {\n    border-color: var(--color-primary);\n    background-color: var(--color-mute);\n    color: var(--color-primary);\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-input-checkbox__field-control--checked .kol-field-control__input, .kol-input-checkbox__field-control--variant-button.kol-input-checkbox__field-control--checked .kol-field-control__label {\n    border-color: var(--color-primary);\n    background-color: var(--color-primary);\n    color: var(--color-light);\n  }\n  .kol-input-checkbox__field-control--variant-button:is(:active, :hover):not(.kol-field-control--disabled) .kol-field-control__input, .kol-input-checkbox__field-control--variant-button:is(:active, :hover):not(.kol-field-control--disabled) .kol-field-control__label {\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    color: var(--color-light);\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n  }\n  .kol-input-checkbox__field-control--variant-button:is(:active, :hover):not(.kol-field-control--disabled):not(.kol-field-control--hide-label) .kol-field-control__label {\n    clip-path: inset(calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)) 0);\n  }\n  .kol-input-checkbox__field-control--variant-button:is(:active, :hover):not(.kol-field-control--disabled):not(.kol-field-control--hide-label) .kol-field-control__input {\n    clip-path: inset(calc(-10rem / var(--kolibri-root-font-size, 16)) 0 calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)));\n  }\n  .kol-input-checkbox__field-control--variant-button:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-field-control--label-align-left .kol-field-control__input {\n    border-width: 1px 1px 1px 0;\n    border-style: solid solid solid none;\n    border-radius: 0 var(--border-radius) var(--border-radius) 0;\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-field-control--label-align-left .kol-field-control__label {\n    border-width: 1px 0 1px 1px;\n    border-style: solid none solid solid;\n    border-radius: var(--border-radius) 0 0 var(--border-radius);\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-field-control--label-align-left:is(:active, :hover):not(.kol-field-control--disabled):not(.kol-field-control--hide-label) .kol-field-control__label {\n    clip-path: inset(calc(-10rem / var(--kolibri-root-font-size, 16)) 0 calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)));\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-field-control--label-align-left:is(:active, :hover):not(.kol-field-control--disabled):not(.kol-field-control--hide-label) .kol-field-control__input {\n    clip-path: inset(calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)) calc(-10rem / var(--kolibri-root-font-size, 16)) 0);\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-field-control--hide-label .kol-field-control__input {\n    border-width: 1px;\n    border-style: solid;\n    border-radius: var(--border-radius);\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-field-control--disabled .kol-field-control__input {\n    opacity: 0.5;\n    outline: none;\n    cursor: not-allowed;\n  }\n  .kol-input-checkbox__field-control--variant-button.kol-field-control--disabled .kol-field-control__label {\n    cursor: not-allowed;\n  }\n}","KOL-INPUT-COLOR":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input:disabled {\n    cursor: not-allowed;\n  }\n}","KOL-INPUT-DATE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input:disabled {\n    cursor: not-allowed;\n  }\n}","KOL-INPUT-EMAIL":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input:disabled {\n    cursor: not-allowed;\n  }\n}","KOL-INPUT-FILE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input:disabled {\n    cursor: not-allowed;\n  }\n}\n@layer kol-theme-component {\n  .kol-button:focus {\n    outline: none;\n  }\n  .kol-button--primary {\n    --text-background-color: var(--color-primary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-light);\n  }\n  .kol-button--secondary, .kol-button--normal {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-button--danger {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n    --text-color: var(--color-light);\n  }\n  .kol-button--ghost {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-light);\n    --text-color: var(--color-primary);\n    --text-box-shadow: none;\n  }\n  .kol-button--primary:not([disabled]):hover, .kol-button--secondary:not([disabled]):hover, .kol-button--normal:not([disabled]):hover, .kol-button--danger:not([disabled]):hover, .kol-button--ghost:not([disabled]):hover {\n    --text-background-color: var(--color-primary-variant);\n    --text-border-color: var(--color-primary-variant);\n    --text-color: var(--color-light);\n  }\n  .kol-button--danger:not([disabled]):hover {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n  }\n  .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-button__text:hover {\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-button--hide-label .kol-button__text {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  .kol-button--hide-label .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-button:focus {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-button:disabled:hover .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    box-shadow: none;\n  }\n  .kol-button .badge-text-hint {\n    background-color: var(--color-mute-variant);\n    border-radius: 3px;\n    color: var(--color-text);\n    padding: 0 0.3em;\n  }\n  .kol-input-container {\n    gap: initial;\n  }\n  .kol-input-container__filename {\n    color: var(--color-subtle);\n  }\n  .kol-input-container--is-dragover {\n    border-color: var(--color-primary) !important;\n  }\n  .kol-button__text {\n    border-radius: 0 !important;\n    white-space: nowrap;\n  }\n  .kol-input {\n    padding-top: calc(0.5em + 2rem / var(--kolibri-root-font-size, 16));\n    background-color: transparent;\n  }\n}","KOL-INPUT-NUMBER":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input:disabled {\n    cursor: not-allowed;\n  }\n}","KOL-INPUT-PASSWORD":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input:disabled {\n    cursor: not-allowed;\n  }\n}","KOL-INPUT-RADIO":"@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-field-control {\n    column-gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-field-control--required .kol-field-control__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-field-control--required .kol-field-control__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field {\n    border: 0;\n    display: grid;\n    font-family: var(--font-family);\n    margin: 0;\n    padding: 0;\n  }\n  .kol-form-field--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field__label {\n    display: inline-block;\n    padding: 0;\n  }\n  .kol-form-field__input {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__input--orientation-horizontal {\n    margin-top: calc(var(--spacing) / 2);\n    gap: var(--spacing) calc(var(--spacing) * 2);\n  }\n  .kol-field-control__wrapper {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-field-control__label {\n    padding-top: 0.1em;\n  }\n  .kol-input-radio {\n    cursor: pointer;\n    width: 100%;\n    border-color: var(--color-subtle);\n    border-width: 2px;\n    border-style: solid;\n    border-radius: 50%;\n    line-height: 1.5;\n  }\n  .kol-input-radio:hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n  }\n  .kol-input-radio:focus {\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-radio:focus:hover {\n    box-shadow: none;\n  }\n  .kol-input-radio:checked:before {\n    background-color: var(--color-primary);\n  }\n  .kol-input-radio:disabled {\n    cursor: not-allowed;\n    background-color: var(--color-mute-variant);\n  }\n  .kol-input--error:focus {\n    outline-color: var(--color-danger);\n  }\n  .kol-field-control__hint,\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-alert--error {\n    margin-left: -0.25em;\n  }\n}","KOL-INPUT-RANGE":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input-range__inputs-wrapper {\n    gap: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-INPUT-TEXT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input:disabled {\n    cursor: not-allowed;\n  }\n}","KOL-KOLIBRI":"@layer kol-theme-component {\n  .kol-kolibri {\n    font-family: var(--font-family);\n  }\n}","KOL-LINK":"@layer kol-theme-component {\n  .kol-link {\n    color: var(--color-primary);\n    font-style: normal;\n    font-weight: 400;\n  }\n  .kol-link:focus {\n    outline: none;\n  }\n  .kol-link:visited {\n    color: var(--visited);\n  }\n  .kol-link:focus .kol-link__text {\n    border-radius: var(--border-radius);\n    outline: var(--border-width) solid;\n  }\n  .kol-link:is(:focus, :hover):not([aria-disabled], [disabled]) .kol-link__text .kol-span__label {\n    text-decoration-thickness: 0.25em;\n  }\n  :host {\n    font-family: inherit;\n  }\n  .kol-link {\n    line-height: 1;\n  }\n}","KOL-LINK-BUTTON":"@layer kol-theme-component {\n  .kol-link:focus {\n    outline: none;\n  }\n  .kol-link--primary {\n    --text-background-color: var(--color-primary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-light);\n  }\n  .kol-link--secondary, .kol-link--normal {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-link--danger {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n    --text-color: var(--color-light);\n  }\n  .kol-link--ghost {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-light);\n    --text-color: var(--color-primary);\n    --text-box-shadow: none;\n  }\n  .kol-link--primary:not([disabled]):hover, .kol-link--secondary:not([disabled]):hover, .kol-link--normal:not([disabled]):hover, .kol-link--danger:not([disabled]):hover, .kol-link--ghost:not([disabled]):hover {\n    --text-background-color: var(--color-primary-variant);\n    --text-border-color: var(--color-primary-variant);\n    --text-color: var(--color-light);\n  }\n  .kol-link--danger:not([disabled]):hover {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n  }\n  .kol-link__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-link__text:hover {\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-link--hide-label .kol-link__text {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  .kol-link--hide-label .kol-link__text .kol-span__label {\n    display: none;\n  }\n  .kol-link:focus {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-link:disabled:hover .kol-link__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    box-shadow: none;\n  }\n  .kol-link .badge-text-hint {\n    background-color: var(--color-mute-variant);\n    border-radius: 3px;\n    color: var(--color-text);\n    padding: 0 0.3em;\n  }\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-link:focus {\n    outline: none;\n  }\n  .kol-link__text {\n    font-weight: 700;\n    border-style: solid;\n    border-radius: var(--a11y-min-size);\n    outline-width: calc(var(--border-width) * 2);\n  }\n  .kol-link:focus .kol-link__text {\n    outline-color: var(--color-primary-variant);\n    outline-offset: 2px;\n    outline-style: solid;\n    outline-width: calc(var(--border-width) * 2);\n    transition: outline-offset 0.2s linear;\n  }\n  .kol-link:disabled:hover .kol-link__text {\n    box-shadow: none;\n  }\n  .kol-link:focus:hover .kol-link__text {\n    box-shadow: none;\n  }\n}","KOL-MODAL":"@layer kol-theme-component {\n  .kol-modal__card {\n    box-shadow: 0 0 4px var(--color-subtle);\n    border-radius: var(--border-radius);\n  }\n}","KOL-NAV":"@layer kol-theme-component {\n  .kol-nav {\n    font-family: var(--font-family);\n  }\n  .kol-nav__navigation {\n    background-color: var(--color-mute);\n  }\n  .kol-nav__list {\n    list-style: none;\n  }\n  .kol-nav__list--nested {\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-nav__list--nested .kol-link,\n  .kol-nav__list--nested .kol-button {\n    font-weight: normal !important;\n    border-left-color: transparent !important;\n  }\n  .kol-nav__entry--link {\n    display: flex;\n  }\n  .kol-nav__entry .kol-link:hover {\n    text-decoration: underline;\n  }\n  .kol-nav__entry .kol-link,\n  .kol-nav__entry .kol-button {\n    align-items: center;\n    color: var(--color-primary);\n    display: flex;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    min-height: var(--a11y-min-size);\n    text-decoration: none;\n  }\n  .kol-nav__entry .kol-link:focus-visible,\n  .kol-nav__entry .kol-button:focus-visible {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-nav__list--vertical .kol-nav__entry .kol-link,\n  .kol-nav__list--vertical .kol-nav__entry .kol-button {\n    border-left: 2px solid transparent;\n    padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-nav--horizontal .kol-nav__entry .kol-link,\n  .kol-nav--horizontal .kol-nav__entry .kol-button {\n    padding: 0 calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-nav--vertical .kol-nav__list-item--active .kol-nav__entry .kol-link,\n  .kol-nav--vertical .kol-nav__list-item--active .kol-nav__entry .kol-button {\n    border-left-color: var(--color-primary);\n  }\n  .kol-nav__list-item--active .kol-nav__entry .kol-link,\n  .kol-nav__list-item--active .kol-nav__entry .kol-button {\n    font-weight: bold;\n  }\n  .kol-nav__expand-button {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-nav__expand-button .kol-button:hover {\n    background-color: var(--color-primary);\n    color: var(--color-light);\n  }\n  .kol-nav__expand-button .kol-button:focus-visible {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-nav__expand-button .kol-button__text {\n    justify-content: center;\n  }\n}","KOL-PAGINATION":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-pagination__button--selected .kol-button {\n    opacity: 1;\n  }\n  .kol-button__text {\n    background-color: var(--color-light);\n    border-radius: var(--border-radius);\n    border: 1px solid var(--color-primary);\n    color: var(--color-primary);\n    font-weight: 700;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-pagination__button--selected .kol-button__text {\n    background-color: var(--color-primary);\n    color: var(--color-light);\n    border: 0;\n  }\n  .kol-button:focus .kol-button__text {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-button:is(:active, :hover):not(:disabled) .kol-button__text {\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    color: var(--color-light);\n  }\n  .kol-button:active .kol-button__text {\n    color: var(--color-light);\n    outline: none;\n  }\n}","KOL-POPOVER-BUTTON":"@layer kol-theme-component {\n  .kol-button:focus {\n    outline: none;\n  }\n  .kol-button--primary {\n    --text-background-color: var(--color-primary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-light);\n  }\n  .kol-button--secondary, .kol-button--normal {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-button--danger {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n    --text-color: var(--color-light);\n  }\n  .kol-button--ghost {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-light);\n    --text-color: var(--color-primary);\n    --text-box-shadow: none;\n  }\n  .kol-button--primary:not([disabled]):hover, .kol-button--secondary:not([disabled]):hover, .kol-button--normal:not([disabled]):hover, .kol-button--danger:not([disabled]):hover, .kol-button--ghost:not([disabled]):hover {\n    --text-background-color: var(--color-primary-variant);\n    --text-border-color: var(--color-primary-variant);\n    --text-color: var(--color-light);\n  }\n  .kol-button--danger:not([disabled]):hover {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n  }\n  .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-button__text:hover {\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-button--hide-label .kol-button__text {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  .kol-button--hide-label .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-button:focus {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-button:disabled:hover .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    box-shadow: none;\n  }\n  .kol-button .badge-text-hint {\n    background-color: var(--color-mute-variant);\n    border-radius: 3px;\n    color: var(--color-text);\n    padding: 0 0.3em;\n  }\n  .kol-button {\n    font-family: var(--font-family);\n  }\n  .kol-button__text {\n    font-weight: 700;\n    border-style: solid;\n    border-width: var(--border-width);\n    border-radius: var(--border-radius);\n  }\n  .kol-popover-button__popover {\n    border: var(--border-width) solid var(--color-primary);\n    padding: var(--spacing);\n  }\n}","KOL-PROGRESS":"@layer kol-theme-component {\n  .kol-progress {\n    font-family: var(--font-family);\n  }\n  .kol-progress__bar-progress {\n    fill: var(--color-primary-variant);\n  }\n  .kol-progress__cycle-background {\n    stroke: var(--color-mute-variant);\n  }\n  .kol-progress__cycle-progress {\n    stroke: var(--color-primary-variant);\n  }\n}","KOL-SELECT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-select {\n    border: none;\n  }\n  .kol-select[multiple] {\n    overflow: auto;\n  }\n  .kol-select__option {\n    margin: calc(1rem / var(--kolibri-root-font-size, 16)) 0;\n    border-radius: var(--border-radius);\n    cursor: pointer;\n  }\n  .kol-select__option:disabled {\n    cursor: not-allowed;\n  }\n  .kol-select__option:active:not(:disabled), .kol-select__option:checked:not(:disabled), .kol-select__option:focus:not(:disabled), .kol-select__option:hover:not(:disabled) {\n    background-color: var(--color-primary-variant);\n    color: var(--color-light);\n  }\n  .kol-select:not([multiple]) .kol-select__option {\n    padding: 0.5em;\n  }\n}","KOL-SINGLE-SELECT":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option {\n    display: flex;\n    align-items: center;\n    min-height: calc(40rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n    padding: calc(10rem / var(--kolibri-root-font-size, 16)) calc(12rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-option:focus {\n    background-color: var(--color-primary-variant);\n    color: var(--color-light);\n    outline: 0;\n  }\n  .kol-custom-suggestions-options-group {\n    border-style: solid;\n    border-width: 1px;\n    border-radius: var(--border-radius);\n    border-color: var(--color-subtle);\n    overflow-y: auto;\n    overflow-x: hidden;\n    max-height: calc(40rem / var(--kolibri-root-font-size, 16) * 5 + 2rem / var(--kolibri-root-font-size, 16));\n    left: calc(-8rem / var(--kolibri-root-font-size, 16));\n    right: calc(-8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-toggle {\n    display: grid;\n    place-items: center;\n    padding-left: calc(8rem / var(--kolibri-root-font-size, 16));\n    padding-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-custom-suggestions-toggle:focus {\n    outline: 0;\n  }\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-single-select__group {\n    display: inline-flex;\n    align-items: center;\n    width: 100%;\n  }\n  .kol-single-select__input {\n    flex-grow: 1;\n    border: none;\n    width: calc(100% - 40rem / var(--kolibri-root-font-size, 16));\n    position: relative;\n  }\n  .kol-single-select__input::placeholder {\n    color: var(--color-subtle);\n  }\n}","KOL-SKIP-NAV":"@layer kol-theme-component {\n  .kol-skip-nav {\n    font-family: var(--font-family);\n  }\n  .kol-skip-nav .kol-link__text {\n    border-radius: var(--a11y-min-size);\n    border-style: solid;\n    border-width: var(--border-width);\n    gap: calc(var(--spacing) * 2);\n    line-height: 1;\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--color-primary-variant);\n    border-color: var(--color-primary-variant);\n    color: var(--color-light);\n    cursor: pointer;\n  }\n}","KOL-SPLIT-BUTTON":"@layer kol-theme-component {\n  .kol-split-button {\n    font-family: var(--font-family);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: var(--border-width);\n    border-color: var(--color-primary);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n  }\n  .kol-split-button__button .kol-button .kol-span {\n    border-top-left-radius: var(--border-radius);\n    border-bottom-left-radius: var(--border-radius);\n  }\n  .kol-split-button__horizontal-line {\n    background-color: var(--color-primary);\n    border-radius: 2px;\n    width: calc(1rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-split-button__secondary-button {\n    height: 100%;\n  }\n  .kol-split-button__secondary-button .kol-span {\n    border-top-right-radius: var(--border-radius);\n    border-bottom-right-radius: var(--border-radius);\n  }\n  .kol-split-button .kol-span {\n    font-weight: 700;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-split-button .kol-popover__content {\n    background-color: #fff;\n  }\n  .kol-split-button .kol-button:focus {\n    outline: none;\n  }\n  .kol-split-button .kol-button--primary {\n    --text-background-color: var(--color-primary);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-light);\n  }\n  .kol-split-button .kol-button--secondary, .kol-split-button .kol-button--normal {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-primary);\n    --text-color: var(--color-primary);\n  }\n  .kol-split-button .kol-button--danger {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n    --text-color: var(--color-light);\n  }\n  .kol-split-button .kol-button--ghost {\n    --text-background-color: var(--color-light);\n    --text-border-color: var(--color-light);\n    --text-color: var(--color-primary);\n    --text-box-shadow: none;\n  }\n  .kol-split-button .kol-button--primary:not([disabled]):hover, .kol-split-button .kol-button--secondary:not([disabled]):hover, .kol-split-button .kol-button--normal:not([disabled]):hover, .kol-split-button .kol-button--danger:not([disabled]):hover, .kol-split-button .kol-button--ghost:not([disabled]):hover {\n    --text-background-color: var(--color-primary-variant);\n    --text-border-color: var(--color-primary-variant);\n    --text-color: var(--color-light);\n  }\n  .kol-split-button .kol-button--danger:not([disabled]):hover {\n    --text-background-color: var(--color-danger);\n    --text-border-color: var(--color-danger);\n  }\n  .kol-split-button .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    text-align: center;\n    transition-duration: 0.5s;\n    transition-property: background-color, color, border-color;\n  }\n  .kol-split-button .kol-button__text:hover {\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n  }\n  .kol-split-button .kol-button--hide-label .kol-split-button .kol-button__text {\n    padding: calc(12.8rem / var(--kolibri-root-font-size, 16));\n    width: unset;\n  }\n  .kol-split-button .kol-button--hide-label .kol-split-button .kol-button__text .kol-span__label {\n    display: none;\n  }\n  .kol-split-button .kol-button:focus {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-split-button .kol-button:disabled:hover .kol-split-button .kol-button__text {\n    background-color: var(--text-background-color);\n    border-color: var(--text-border-color);\n    color: var(--text-color);\n    box-shadow: none;\n  }\n  .kol-split-button .kol-button .badge-text-hint {\n    background-color: var(--color-mute-variant);\n    border-radius: 3px;\n    color: var(--color-text);\n    padding: 0 0.3em;\n  }\n}","KOL-TABLE-STATEFUL":"@layer kol-theme-component {\n  .kol-table {\n    font-family: var(--font-family);\n    line-height: var(--line-height);\n    word-break: break-word;\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__table, .kol-table__caption {\n    border-width: 0;\n    border-bottom-width: calc(var(--border-width) * 2);\n    border-color: var(--color-primary-variant);\n    border-style: solid;\n  }\n  .kol-table__table {\n    width: 100%;\n    border-spacing: 0;\n  }\n  .kol-table__caption {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__focus-element:focus {\n    outline-color: var(--color-primary-variant);\n    outline-offset: 2px;\n    outline-style: solid;\n    outline-width: 3px;\n    transition: outline-offset 0.2s linear;\n  }\n  .kol-table__cell {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__cell--header {\n    font-weight: normal;\n    color: var(--color-primary);\n    background-color: var(--color-light);\n  }\n  .kol-table__cell--ascending, .kol-table__cell--descending {\n    font-weight: 700;\n  }\n  .kol-table__cell--ascending .kol-button, .kol-table__cell--descending .kol-button {\n    font-weight: 700;\n  }\n  .kol-table__selection {\n    display: flex;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    grid-template-columns: 1fr auto;\n    align-items: center;\n  }\n  .kol-table__spacer {\n    display: table-row;\n    height: calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__spacer-line {\n    border-width: 0;\n    border-color: var(--color-primary-variant);\n    border-style: solid;\n  }\n  .kol-table__spacer-line--foot {\n    border-bottom-width: calc(var(--border-width) * 2);\n  }\n  .kol-table__spacer-line--head {\n    border-top-width: calc(var(--border-width) * 2);\n  }\n  .kol-table__row--body:nth-child(even) {\n    background-color: var(--color-mute);\n  }\n  .kol-table__selection-input:hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n  }\n  .kol-table__selection-input:focus {\n    border-color: var(--color-primary);\n    outline-color: var(--color-primary-variant);\n    outline-style: solid;\n    outline-offset: 2px;\n    outline-width: 3px;\n  }\n  .kol-table__selection-input:focus:hover {\n    box-shadow: none;\n  }\n  .kol-table__selection-input--checkbox {\n    border-color: var(--color-subtle);\n    border-radius: 5px;\n  }\n  .kol-table__selection-input--checkbox:checked {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  .kol-table__selection-input--radio {\n    display: flex;\n    border-color: var(--color-subtle);\n  }\n  .kol-table__selection-input--radio:checked {\n    border-color: var(--color-primary);\n  }\n  .kol-table__selection-input--radio:checked:before {\n    background-color: var(--color-primary);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-input {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  .kol-table__selection-icon {\n    color: var(--color-light);\n  }\n  .kol-icon:hover ~ .kol-table__selection-input--checkbox, .kol-table__selection-input--checkbox:hover {\n    border-color: var(--color-primary);\n  }\n  .kol-table-stateful__pagination {\n    font-family: var(--font-family);\n    line-height: var(--line-height);\n    word-break: break-word;\n  }\n  @media (min-width: 1024px) {\n    .kol-table-stateful .kol-pagination {\n      display: flex;\n      align-items: center;\n    }\n  }\n}","KOL-TABLE-STATELESS":"@layer kol-theme-component {\n  .kol-table {\n    font-family: var(--font-family);\n    line-height: var(--line-height);\n    word-break: break-word;\n    overflow-x: auto;\n    overflow-y: hidden;\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__table, .kol-table__caption {\n    border-width: 0;\n    border-bottom-width: calc(var(--border-width) * 2);\n    border-color: var(--color-primary-variant);\n    border-style: solid;\n  }\n  .kol-table__table {\n    width: 100%;\n    border-spacing: 0;\n  }\n  .kol-table__caption {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__focus-element:focus {\n    outline-color: var(--color-primary-variant);\n    outline-offset: 2px;\n    outline-style: solid;\n    outline-width: 3px;\n    transition: outline-offset 0.2s linear;\n  }\n  .kol-table__cell {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__cell--header {\n    font-weight: normal;\n    color: var(--color-primary);\n    background-color: var(--color-light);\n  }\n  .kol-table__cell--ascending, .kol-table__cell--descending {\n    font-weight: 700;\n  }\n  .kol-table__cell--ascending .kol-button, .kol-table__cell--descending .kol-button {\n    font-weight: 700;\n  }\n  .kol-table__selection {\n    display: flex;\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n    grid-template-columns: 1fr auto;\n    align-items: center;\n  }\n  .kol-table__spacer {\n    display: table-row;\n    height: calc(24rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-table__spacer-line {\n    border-width: 0;\n    border-color: var(--color-primary-variant);\n    border-style: solid;\n  }\n  .kol-table__spacer-line--foot {\n    border-bottom-width: calc(var(--border-width) * 2);\n  }\n  .kol-table__spacer-line--head {\n    border-top-width: calc(var(--border-width) * 2);\n  }\n  .kol-table__row--body:nth-child(even) {\n    background-color: var(--color-mute);\n  }\n  .kol-table__selection-input:hover {\n    border-color: var(--color-primary);\n    box-shadow: 0 2px 8px 2px rgba(8, 35, 48, 0.24);\n  }\n  .kol-table__selection-input:focus {\n    border-color: var(--color-primary);\n    outline-color: var(--color-primary-variant);\n    outline-style: solid;\n    outline-offset: 2px;\n    outline-width: 3px;\n  }\n  .kol-table__selection-input:focus:hover {\n    box-shadow: none;\n  }\n  .kol-table__selection-input--checkbox {\n    border-color: var(--color-subtle);\n    border-radius: 5px;\n  }\n  .kol-table__selection-input--checkbox:checked {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  .kol-table__selection-input--radio {\n    display: flex;\n    border-color: var(--color-subtle);\n  }\n  .kol-table__selection-input--radio:checked {\n    border-color: var(--color-primary);\n  }\n  .kol-table__selection-input--radio:checked:before {\n    background-color: var(--color-primary);\n  }\n  .kol-table__selection--indeterminate .kol-table__selection-input {\n    background-color: var(--color-primary);\n    border-color: var(--color-primary);\n  }\n  .kol-table__selection-icon {\n    color: var(--color-light);\n  }\n  .kol-icon:hover ~ .kol-table__selection-input--checkbox, .kol-table__selection-input--checkbox:hover {\n    border-color: var(--color-primary);\n  }\n}","KOL-TABS":"@layer kol-theme-component {\n  .kol-tabs {\n    font-family: var(--font-family);\n    display: grid;\n    grid-template-rows: var(--grid-template-rows);\n    grid-template-columns: var(--grid-template-columns);\n  }\n  .kol-tabs--align-right {\n    --display: grid;\n    --grid-template-columns: 1fr auto;\n    --button-group-display: grid;\n    --button-group-order: 1;\n  }\n  .kol-tabs--align-left {\n    --display: grid;\n    --grid-template-columns: auto 1fr;\n    --button-group-order: 0;\n  }\n  .kol-tabs--align-bottom {\n    --display: flex;\n    --grid-template-rows: 1fr auto;\n    --button-group-gap: calc(32rem / var(--kolibri-root-font-size, 16));\n    --button-group-order: 1;\n  }\n  .kol-tabs--align-top {\n    --display: flex;\n    --grid-template-rows: auto 1fr;\n    --button-group-gap: calc(32rem / var(--kolibri-root-font-size, 16));\n    --button-group-order: 0;\n  }\n  .kol-tabs__button-group {\n    display: var(--display);\n    flex-wrap: wrap;\n    gap: var(--button-group-gap);\n    order: var(--button-group-order);\n  }\n  .kol-tabs .kol-button {\n    box-sizing: border-box;\n    background-color: transparent;\n    border: 0;\n    border-radius: var(--border-radius);\n    border: none;\n    font-style: normal;\n    font-weight: 700;\n    font-size: calc(18rem / var(--kolibri-root-font-size, 16));\n    line-height: 1.2;\n    min-height: var(--a11y-min-size);\n    min-width: var(--a11y-min-size);\n    color: var(--color-subtle);\n    padding: 0;\n  }\n  .kol-tabs .kol-button:hover {\n    color: var(--color-primary);\n  }\n  .kol-tabs .kol-button.primary, .kol-tabs .kol-button.selected {\n    color: var(--color-primary);\n  }\n  .kol-tabs .kol-button:not(.kol-tabs .kol-button.selected) .kol-span__container {\n    padding-bottom: 0.25em;\n  }\n  .kol-tabs .kol-button.selected .kol-span__container {\n    border-bottom: 0.25em solid;\n  }\n  .kol-tabs .kol-button .kol-span__container {\n    gap: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs .kol-icon {\n    font-size: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-tabs__content {\n    padding: 0.25em 0;\n  }\n  .kol-tabs__panel {\n    height: 100%;\n  }\n  .kol-tabs .kol-button-wc {\n    width: 100%;\n  }\n}","KOL-TEXTAREA":"@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field {\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field__hint {\n    font-size: calc(14.4rem / var(--kolibri-root-font-size, 16));\n    font-style: italic;\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) {\n    border-left: 3px solid var(--color-danger);\n    padding-left: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-form-field--error:not(.kol-form-field--hide-msg) .kol-form-field__msg.kol-alert--error {\n    color: var(--color-danger);\n    font-weight: 700;\n  }\n  .kol-form-field--required .kol-form-field__label-text::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field--required .kol-form-field__tooltip .span-label::after {\n    padding-left: 0.125em;\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__hint {\n    order: 4;\n  }\n  .kol-input-container {\n    background-color: var(--color-light);\n    border-color: var(--color-subtle);\n    border-radius: var(--border-radius);\n    border-style: solid;\n    border-width: 2px;\n    padding: 0 calc(8rem / var(--kolibri-root-font-size, 16));\n    gap: calc(6rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment {\n    min-width: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--start > .kol-icon {\n    margin-left: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container__adornment--end > .kol-icon {\n    margin-right: calc(8rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-input-container--disabled {\n    background-color: var(--color-mute);\n    border-color: var(--color-mute-variant);\n    color: var(--color-text);\n  }\n  .kol-input-container:not(.kol-input-container--disabled):hover {\n    border-color: var(--color-primary);\n  }\n  .kol-input-container:focus-within {\n    border-radius: var(--border-radius);\n    outline-offset: 2px;\n    outline: var(--color-primary-variant) solid calc(3rem / var(--kolibri-root-font-size, 16));\n    transition: 200ms outline-offset linear;\n  }\n  .kol-input-container--error:focus-within {\n    outline-color: var(--color-danger);\n  }\n}\n@layer kol-theme-component {\n  .kol-input {\n    background-color: transparent;\n    border: none;\n  }\n  .kol-input::placeholder {\n    color: var(--color-subtle);\n  }\n  .kol-input:disabled {\n    cursor: not-allowed;\n  }\n}\n@layer kol-theme-component {\n  :host {\n    font-family: var(--font-family);\n  }\n  .kol-form-field__msg {\n    order: 1;\n  }\n  .kol-form-field__label {\n    order: 2;\n  }\n  .kol-form-field__input {\n    order: 3;\n  }\n  .kol-form-field__counter {\n    order: 4;\n  }\n  .kol-form-field__hint {\n    order: 5;\n  }\n  .kol-textarea {\n    border: none;\n    display: block;\n    overflow: auto;\n  }\n  .kol-textarea:disabled {\n    cursor: not-allowed;\n  }\n  .kol-textarea::placeholder {\n    color: var(--color-subtle);\n  }\n}","KOL-TOAST-CONTAINER":"@layer kol-theme-component {\n  .kol-alert {\n    font-family: var(--font-family);\n    display: flex;\n    width: 100%;\n    overflow: unset;\n    background-color: var(--color-light);\n  }\n  .kol-alert--msg {\n    align-items: start;\n  }\n  .kol-alert--card {\n    border-radius: var(--border-radius);\n    border: var(--border-width) solid var(--alert-accent-color);\n    filter: drop-shadow(0 calc(2rem / var(--kolibri-root-font-size, 16)) calc(4rem / var(--kolibri-root-font-size, 16)) rgba(8, 35, 48, 0.24));\n    flex-direction: column;\n  }\n  .kol-alert--default {\n    --alert-accent-color: var(--color-subtle);\n  }\n  .kol-alert--error {\n    --alert-accent-color: var(--color-danger);\n  }\n  .kol-alert--info {\n    --alert-accent-color: var(--color-primary);\n  }\n  .kol-alert--success {\n    --alert-accent-color: var(--color-success);\n  }\n  .kol-alert--warning {\n    --alert-accent-color: var(--color-warning);\n  }\n  .kol-alert__container {\n    display: flex;\n    gap: 0.5em;\n    place-items: center;\n  }\n  .kol-alert--card .kol-alert__container {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(16rem / var(--kolibri-root-font-size, 16));\n    background-color: var(--alert-accent-color);\n  }\n  .kol-alert__container-content {\n    display: grid;\n    gap: calc(4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__container-content {\n    width: 100%;\n    min-height: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert__close-button {\n    place-self: center;\n  }\n  .kol-alert__close-button .kol-button {\n    border-radius: 50%;\n    cursor: pointer;\n    height: var(--a11y-min-size);\n    width: var(--a11y-min-size);\n  }\n  .kol-alert--msg .kol-alert__close-button .kol-button {\n    color: var(--alert-accent-color);\n  }\n  .kol-alert--card .kol-alert__close-button .kol-button {\n    color: var(--color-light);\n  }\n  .kol-alert__close-button .kol-icon {\n    display: flex;\n    width: 1em;\n    height: 1em;\n    font-size: calc(19.2rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading {\n    color: var(--alert-accent-color);\n    padding-top: calc(--var-spacing / 2);\n  }\n  .kol-alert--card .kol-alert__heading {\n    width: 100%;\n    color: var(--color-light);\n    display: flex;\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n    line-height: 1;\n  }\n  .kol-alert__heading-icon {\n    color: var(--color-light);\n    padding: 0;\n  }\n  .kol-alert:not(.kol-alert--default) .kol-alert__heading-icon {\n    font-size: calc(20rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--msg .kol-alert__heading-icon {\n    color: var(--alert-accent-color);\n    place-items: baseline;\n  }\n  .kol-alert--card .kol-alert__heading-icon {\n    justify-self: right;\n    margin-top: calc(-4rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-alert--card .kol-alert__content {\n    padding: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n  :host {\n    top: calc(16rem / var(--kolibri-root-font-size, 16));\n    right: calc(16rem / var(--kolibri-root-font-size, 16));\n    width: calc(440rem / var(--kolibri-root-font-size, 16));\n  }\n  .kol-toast-item {\n    margin-top: calc(16rem / var(--kolibri-root-font-size, 16));\n  }\n}","KOL-TOOLBAR":"@layer kol-theme-component {\n  .kol-toolbar {\n    padding: calc(8rem / var(--kolibri-root-font-size, 16)) calc(14rem / var(--kolibri-root-font-size, 16));\n    border-radius: var(--border-radius);\n    background-color: var(--color-light);\n    border-width: var(--border-width);\n    border-style: solid;\n  }\n}","KOL-TREE":"@layer kol-theme-component {\n  .kol-tree__treeview-navigation {\n    border: 2px solid transparent;\n    border-radius: var(--border-radius);\n  }\n  .kol-tree:focus-within {\n    outline: 0;\n  }\n  .kol-tree:focus-within ul {\n    border: 2px solid var(--color-primary);\n  }\n}","KOL-TREE-ITEM":"@layer kol-theme-component {\n  .kol-tree-item__link {\n    display: block;\n    border: 1px solid transparent;\n  }\n  .kol-tree-item__link .kol-link {\n    display: block;\n    color: var(--color-text);\n    text-decoration: none;\n    text-align: left;\n  }\n  .kol-tree-item__link:hover, .kol-tree-item__link:focus-within {\n    border: 1px solid var(--color-primary);\n    background-color: var(--color-primary-variant);\n  }\n  .kol-tree-item__link:hover .kol-link, .kol-tree-item__link:focus-within .kol-link {\n    outline-offset: 0;\n    color: var(--color-light);\n  }\n  .kol-tree-item__link--active {\n    background-color: var(--color-primary);\n  }\n  .kol-tree-item__link--active .kol-link {\n    color: var(--color-light);\n  }\n  .kol-tree-item__toggle-button {\n    display: inline-block;\n  }\n  .kol-tree-item__toggle-button:hover {\n    transform: scale(1.3);\n  }\n}"}),mn="3.0.0-rc.6",pn=()=>{const e={onClick:()=>history.back()};return n.createElement(Be,{_label:"This is an example page",_level:0,_type:"info"},n.createElement("p",null,"You followed an example link."),history.length>1&&n.createElement(Me,{_label:"Go Back",_on:e}))},fn=["default","ecl-ec","ecl-eu","unstyled"],hn=["ecl-ec","ecl-eu"],bn=e=>void 0!==fn.find((t=>t===e)),gn=[{label:"Unstyled (Uncolored)",value:"unstyled"},{label:"Default (Tested)",value:"default"},{label:"European Commission (in progress)",value:"ecl-ec"},{label:"European Union (in progress)",value:"ecl-eu"}];function vn({children:e}){return function(){const e=matchMedia("(max-width: 1023px)"),[t,a]=(0,n.useState)(e.matches),r=()=>{a(e.matches)};return(0,n.useEffect)((()=>(r(),e.addEventListener("change",r),()=>{e.removeEventListener("change",r)})),[e]),t}()?n.createElement($e,{_label:"All components",class:"mt"},e):n.createElement("div",{className:"mt scrollable-container"},e)}function _n({label:e,to:t,children:a}){const r=function(e){let{relative:t}={};G()||u(!1);let{basename:a,navigator:r}=n.useContext(U),{hash:l,pathname:o,search:i}=X(e,{relative:t}),c=o;return"/"!==a&&(c="/"===o?a:I([a,o])),r.createHref({pathname:c,search:i,hash:l})}(t),l=function(e){G()||u(!1);let{pathname:t}=Y();return n.useMemo((()=>N(e,L(t))),[t,e])}({path:X(t).pathname,end:!0});return n.createElement(xt,{_label:e,_href:r,_active:!!l},a)}const kn=function({routes:e}){const t=Object.entries(e).map((([e,t])=>n.createElement(_n,{key:e,label:e,to:e},((e,t)=>Object.keys(t).map((t=>{const a="tree"===e&&"basic/:subPage"===t,r=a?"basic/home":t,l=a?"basic":t;return n.createElement(_n,{key:[e,t].join("/"),label:l,to:[e,r].join("/")})})))(e,t))));return n.createElement(vn,null,n.createElement("nav",null,n.createElement(Et,{_label:"Navigation",class:"block"},t)))},yn=({version:e,theme:t,routes:a,routeList:r,sample:l,buildDate:o,commitHash:i,onThemeChange:c})=>{const s=()=>r.indexOf(l);return n.createElement("aside",{className:"app-sidebar p-4"},n.createElement("div",{className:"scrollable-container-wrapper"},n.createElement("div",{className:"flex flex-justify-between flex-items-center"},n.createElement(Ue,{_label:"KoliBri React"}),n.createElement(St,{_label:e})),(o||i)&&n.createElement("div",{className:"text-sm font-mono color-gray-5 m-t-2"},i?`Build: ${i}`:"",n.createElement("br",null),o?`at ${o}`:""),n.createElement(pt,{_label:"Theme",_options:gn,_on:{onChange:(e,t)=>{c(t[0])}},_value:[t],class:"mt"}),n.createElement(Ue,{_label:"Components",_level:2,className:"block mt"}),n.createElement("div",{className:"flex flex-justify-between flex-items-center mt"},n.createElement(Me,{_icons:"codicon codicon-arrow-left",_hideLabel:!0,_label:"Previous component",_on:{onClick:()=>{const e=s(),t=e<=0?r.length-1:e-1;location.replace(`#${r[t]}`)}}}),n.createElement("span",{className:"text-base text-center"},l.replace(/\//g," ")," (",s()+1,"/",r.length,")"),n.createElement(Me,{_icons:"codicon codicon-arrow-right",_hideLabel:!0,_label:"Next component",_on:{onClick:()=>{const e=s(),t=e===r.length-1?0:e+1;location.replace(`#${r[t]}`)}}})),n.createElement(kn,{routes:a})))};var wn=o(1521);const En=(0,n.createContext)(null),xn="I am an error message!",Sn="I am a hint.",Tn=()=>location.hash.split("/").slice(1),Cn=e=>{const t=(0,n.useContext)(En),a=(0,n.useMemo)((()=>{const e=Tn();return"scenarios"===e[0]?null:`https://public-ui.github.io/docs/components/${e[0]}`}),[location.hash]),r=(0,n.useMemo)((()=>{const e=Tn();return"scenarios"===e[0]?null:`https://github.com/public-ui/kolibri/blob/develop/packages/samples/react/src/components/${e[0]}/${e[1]}.tsx`}),[location.hash]);return t?null:n.createElement("div",{className:"flex justify-between mb-sm"},n.createElement("div",{className:"indented-text"},e.children),n.createElement("div",{className:"flex flex-wrap gap-2 shrink-0 ml"},r&&n.createElement(lt,{_href:r,_label:"Code",_target:"_blank"}),a&&n.createElement(lt,{_href:a,_label:"Documentation",_target:"_blank"}),n.createElement(lt,{_href:`${location.href}?hideMenus`,_label:"Standalone example",_target:"_blank"})))},zn={abbr:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolAbbr shows an abbreviation and the full form in parentheses, if provided.")),n.createElement("p",null,"I am ",n.createElement(Ae,{_label:"as an example"},"e.g.")," an abbreviation."),n.createElement("p",null,"I am ",n.createElement(Ae,null,"e.g.")," an abbreviation without label."))}},On={accordion:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolAccordion hides its content until opened. The open state can be toggled by clicking the headline or by setting the ",n.createElement("code",null,"_open"),"-prop programmatically. Additionally, the sample shows the disabled state for a closed and an open accordion.")),n.createElement("div",{className:"grid gap-4"},n.createElement($e,{_label:"Heading Accordion Tab 1"},"Contents Accordion Tab 1"),n.createElement($e,{_label:"Heading Accordion Tab 2"},"Contents Accordion Tab 2"),n.createElement($e,{_label:"Heading Accordion Tab 2 (deactivated)",_disabled:!0}),n.createElement($e,{_label:"Heading Accordion Tab 2 (disabled and open)",_disabled:!0,_open:!0},"Contents Accordion Tab 2"))),headlines:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolAccordion with the different heading levels from 1-6.")),n.createElement("div",{className:"grid gap-4"},n.createElement($e,{_label:"Heading Level 1",_level:1},"Contents Accordion Tab 1"),n.createElement($e,{_label:"Heading Level 2",_level:2},"Contents Accordion Tab 2"),n.createElement($e,{_label:"Heading Level 3",_level:3},"Contents Accordion Tab 3"),n.createElement($e,{_label:"Heading Level 4",_level:4},"Contents Accordion Tab 4"),n.createElement($e,{_label:"Heading Level 5",_level:5},"Contents Accordion Tab 5"),n.createElement($e,{_label:"Heading Level 6",_level:6},"Contents Accordion Tab 6")))}},Nn=({level:e,type:t,variant:a})=>n.createElement(n.Fragment,null,n.createElement(Be,{_label:`This is the headline level ${e} of the alert.`,_level:e,_type:t,_variant:a},"This is the text of the alert."),n.createElement(Be,{_type:t,_variant:a},"In this alert, only the text without the heading is used."),n.createElement(Be,{_label:`This is the headline level ${e} of the alert.`,_level:e,_type:t,_variant:a,_hasCloser:!0},"This is the text of the alert. With close button."),n.createElement(Be,{_type:t,_variant:a,_hasCloser:!0},"In this alert, only the text without the heading is used. With close button.")),Ln=({variant:e="msg"})=>n.createElement("div",{className:"grid gap-4"},n.createElement(Nn,{level:1,type:"default",variant:e}),n.createElement(Nn,{level:2,type:"error",variant:e}),n.createElement(Nn,{level:3,type:"info",variant:e}),n.createElement(Nn,{level:4,type:"success",variant:e}),n.createElement(Nn,{level:5,type:"warning",variant:e})),An={alert:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolAlert shows messages of different types. This sample illustrates the variant ",n.createElement("code",null,"msg"),", showing all possible types with and without headlines and close buttons.")),n.createElement(Ln,{variant:"msg"})),"card-msg":()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolAlert shows messages of different types. This sample illustrates the variant ",n.createElement("code",null,"card"),", showing all possible types with and without headlines and close buttons.")),n.createElement("section",{className:"w-full"},n.createElement(Ln,{variant:"card"}))),html:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows how KolAlert can be used with arbitrary HTML as slot content.")),n.createElement("div",null,n.createElement(Be,{_label:"Output of HTML code in the alert",_type:"info"},n.createElement("div",{className:"mt-2 mb-3"},n.createElement(Ue,{_level:2,_label:"An H2 heading is output here"})),n.createElement("div",{className:"grid gap-4 sm:grid-cols-2"},n.createElement("div",null,n.createElement("h3",null,"Text in a left-hand column"),n.createElement("p",null,"Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quidem sed fugiat dolorum ratione et, ullam officia nobis nihil debitis, consectetur dicta accusantium. Vitae debitis, quibusdam vel recusandae deleniti placeat dolorem?")),n.createElement("div",null,n.createElement("h3",null,"Text in einer rechten Spalte"),n.createElement("p",null,"Lorem, ipsum dolor sit amet consectetur adipisicing elit. Quod beatae officiis, velit nam dicta quae repellat perspiciatis explicabo illo. Possimus, molestiae deleniti! Exercitationem blanditiis ducimus similique tempora ratione consequuntur eaque!"))))))}},$n={avatar:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolAlert shows a user's avatar. It can be used with or without an image. If no image is defined, the name's initials are shown instead.")),n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(Pe,{_src:"https://www.w3schools.com/howto/img_avatar.png",_label:"Elke Mustermann"}),n.createElement(Pe,{_label:"Elke Mustermann "}),n.createElement(Pe,{_label:"Marianne"})))}};var Bn=Object.defineProperty,Pn=Object.getOwnPropertySymbols,In=Object.prototype.hasOwnProperty,jn=Object.prototype.propertyIsEnumerable,Mn=(e,t,n)=>t in e?Bn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Fn=(e,t)=>{for(var n in t||(t={}))In.call(t,n)&&Mn(e,n,t[n]);if(Pn)for(var n of Pn(t))jn.call(t,n)&&Mn(e,n,t[n]);return e};const Rn=e=>({_label:e,_smartButton:{_icons:"codicon codicon-close",_label:`Remove ${e}`,_on:{onClick:()=>alert("clicked")}}}),Dn={badge:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolBadge shows badges with a label, background color and optional icon.")),n.createElement("div",{className:"flex gap-2"},n.createElement(Ie,{_label:"black"}),n.createElement(Ie,{_color:"#86ffc6",_label:"teal"}),n.createElement(Ie,{_color:"#06539e",_label:"blue"}),n.createElement(Ie,{_color:"#ae0000",_label:"red with icon",_icons:"codicon codicon-smiley"}),n.createElement(Ie,{_color:"#8b008b",_label:"purple with icon",_icons:"codicon codicon-squirrel"}))),button:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolBadge with an optional ",n.createElement("code",null,"smartButton"),'. The sample defines a "close" button with X-icon a click event listener.')),n.createElement("div",{className:"flex gap-2"},n.createElement(Ie,Fn({},Rn("black"))),n.createElement(Ie,Fn({_color:"#86ffc6"},Rn("teal"))),n.createElement(Ie,Fn({_color:"#06539e"},Rn("blue"))),n.createElement(Ie,Fn({_color:"#ae0000",_icons:"codicon codicon-smiley"},Rn("red with icon"))),n.createElement(Ie,Fn({_color:"#8b008b",_icons:"codicon codicon-squirrel"},Rn("purple with icon")))))}},Kn={breadcrumb:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolBreadcrumb shows a breadcrumb navigation. The sample illustrates a variation of link, text and icon elements.")),n.createElement("div",{className:"grid gap-4"},n.createElement(je,{_label:"Breadcrumb aus Text-Links",_links:[{_label:"Homepage",_href:"#/back-page"},{_label:"Bottom of the homepage",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]}),n.createElement(je,{_label:"Breadcrumb from icons or text links",_links:[{_label:"Homepage",_icons:"codicon codicon-home",_hideLabel:!0,_href:"#/back-page"},{_label:"Subpage of the start page with very long link test",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]}),n.createElement(je,{_label:"Breadcrumb from icons and text links",_links:[{_label:"Homepage",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"Subpage of the main page and I_am_a_really_long_compound_word_trying_to_break_the_layout",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]})))}};function Hn(){const e=It.getInstance(document),t=t=>{e.enqueue({description:t||"Hello",label:"Hello",type:"info"})};return{dummyClickEventHandler:()=>{t()},buttonWithTextClickEventHandler:e=>{const n=e.currentTarget.textContent;t(n)}}}const Vn={"button-link":{basic:()=>{const{dummyClickEventHandler:e}=Hn(),t={onClick:e};return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolButtonLink shows an element, that behaves like a button but looks like a link. The sample illustrates KolButtonLink with different display-properties such as ",n.createElement("code",null,"block"),", ",n.createElement("code",null,"inline-block")," and ",n.createElement("code",null,"inline"),". It also demonstrates the disabled-state.")),n.createElement("section",{className:"text-base"},n.createElement("p",null,"In this paragraph, a link is inserted that contains no additional attributes. ",n.createElement(Fe,{_label:"Simple Link"})," It is rendered by default as an"," ",n.createElement("strong",null,"inline element"),"."),n.createElement("p",null,"In this paragraph, a link is inserted that is rendered as an inline-block element.",n.createElement(Fe,{className:"m-4",style:{display:"inline-block",border:"1px dotted"},_label:"Simple Link"}),". This allows you to assign width, height, and other properties to it using CSS styles.",n.createElement("br",null),n.createElement("br",null),"After that, there is a link that is rendered as a block element.",n.createElement(Fe,{style:{display:"block"},_label:"Simple Link"}),"Therefore, I go over the entire width of the parent element to create a line break."),n.createElement("p",null,n.createElement(Fe,{_label:"Disabled ButtonLink",_disabled:!0})),n.createElement("p",null,n.createElement(Fe,{_label:"With access key",_accessKey:"c",_on:t})),n.createElement("p",null,n.createElement(Fe,{_label:"Disabled ButtonLink",_shortKey:"s"}))))},icons:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolButtonLink with icons in different locations.")),n.createElement("div",{className:"grid gap-4"},n.createElement(Fe,{_icons:"codicon codicon-home",_label:"Ich bin ein Link mit Icon links"}),n.createElement(Fe,{_icons:{right:"codicon codicon-home"},_label:"I am a link with an icon on the right"}),n.createElement(Fe,{_icons:{top:"codicon codicon-home"},_label:"I am a link with an icon at the top"}),n.createElement(Fe,{_icons:{bottom:"codicon codicon-home"},_label:"I am a link with icon below"}),n.createElement(Fe,{_icons:{top:"codicon codicon-home",right:"codicon codicon-home",bottom:"codicon codicon-home",left:"codicon codicon-home"},_label:"I am a link with all icons"}))),image:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolButtonLink with slot-content instead of a label. The sample uses an image as content.")),n.createElement("div",{className:"grid gap-4"},n.createElement(Fe,{_label:"I am a link that is rendered as text"}),n.createElement(Fe,{_label:""},n.createElement("img",{alt:"Presentation of the KoliBri theming",slot:"expert",src:"abgrenzung.jpg",width:"300"})))),"aria-description":()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolButtonLink with aria-description")),n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(Fe,{_label:"Button Text without area description"}),n.createElement(Fe,{_label:"Button Text",_ariaDescription:"Button Area Description"})))}};var Un=Object.defineProperty,Wn=Object.getOwnPropertySymbols,qn=Object.prototype.hasOwnProperty,Zn=Object.prototype.propertyIsEnumerable,Gn=(e,t,n)=>t in e?Un(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Yn=(e,t)=>{for(var n in t||(t={}))qn.call(t,n)&&Gn(e,n,t[n]);if(Wn)for(var n of Wn(t))Zn.call(t,n)&&Gn(e,n,t[n]);return e};const Jn=e=>{const t=e,{children:a}=t,r=((e,t)=>{var n={};for(var a in e)qn.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&Wn)for(var a of Wn(e))t.indexOf(a)<0&&Zn.call(e,a)&&(n[a]=e[a]);return n})(t,["children"]),{dummyClickEventHandler:l}=Hn(),o={onClick:l};return n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(Me,Yn({_icons:"codicon codicon-home",_label:"Primary",_variant:"primary",_on:o},r),a),n.createElement(Me,Yn({_icons:"codicon codicon-heart",_label:"Secondary",_variant:"secondary",_on:o},r),a),n.createElement(Me,Yn({_icons:"codicon codicon-hubot",_label:"Normal",_variant:"normal",_on:o},r),a),n.createElement(Me,Yn({_icons:"codicon codicon-hubot",_label:"Tertiary",_variant:"tertiary",_on:o},r),a),n.createElement(Me,Yn({_icons:"codicon codicon-trash",_label:"Danger",_variant:"danger",_on:o},r),a),n.createElement(Me,Yn({_icons:"codicon codicon-reactions",_label:"Ghost",_variant:"ghost",_on:o},r),a))};var Qn=Object.defineProperty,Xn=Object.defineProperties,ea=Object.getOwnPropertyDescriptors,ta=Object.getOwnPropertySymbols,na=Object.prototype.hasOwnProperty,aa=Object.prototype.propertyIsEnumerable,ra=(e,t,n)=>t in e?Qn(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,la=(e,t)=>{for(var n in t||(t={}))na.call(t,n)&&ra(e,n,t[n]);if(ta)for(var n of ta(t))aa.call(t,n)&&ra(e,n,t[n]);return e},oa=(e,t)=>Xn(e,ea(t));const ia=(e={})=>{const t=[{label:"Button",buttonProps:e},{label:"Button (disabled)",buttonProps:oa(la({},e),{_disabled:!0})},{label:"Button (hideLabel)",buttonProps:oa(la({},e),{_hideLabel:!0})},{label:"Button (disabled, hideLabel)",buttonProps:oa(la({},e),{_disabled:!0,_hideLabel:!0})}];return n.createElement("div",{className:"grid gap-8"},t.map((({label:e,buttonProps:t},a)=>n.createElement("section",{key:a,className:"grid gap-4"},n.createElement(Ue,{_level:2,_label:e}),n.createElement(Jn,la({},t))))))};var ca=Object.defineProperty,sa=Object.getOwnPropertySymbols,ua=Object.prototype.hasOwnProperty,da=Object.prototype.propertyIsEnumerable,ma=(e,t,n)=>t in e?ca(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,pa=(e,t)=>{for(var n in t||(t={}))ua.call(t,n)&&ma(e,n,t[n]);if(sa)for(var n of sa(t))da.call(t,n)&&ma(e,n,t[n]);return e};const fa={button:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolButton shows a button-element. This sample demonstrates the basic usage with its different styling variants, icons, disabled state and hidden labels.")),n.createElement(ia,null)),icons:()=>{const{dummyClickEventHandler:e}=Hn(),t={onClick:e};return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolButton with icons in all alignments.")),n.createElement("div",null,n.createElement(Me,{_icons:{bottom:"codicon codicon-arrow-down",left:{icon:"codicon codicon-arrow-left"},top:{style:{"font-size":"200%",transform:"rotate(45deg)"},icon:"codicon codicon-arrow-up"},right:"codicon codicon-arrow-right"},_label:"Label",_on:t})))},width:()=>{const{dummyClickEventHandler:e}=Hn(),t={className:"w-8rem",_on:{onClick:e}};return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolButton with adjusted widths.")),n.createElement("div",{className:"grid gap-14"},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(Me,pa({_label:"Primary",_variant:"primary"},t)),n.createElement(Me,pa({_label:"Secondary",_variant:"secondary"},t)),n.createElement(Me,pa({_label:"Normal",_variant:"normal"},t)),n.createElement(Me,pa({_label:"Danger",_variant:"danger"},t)),n.createElement(Me,pa({_label:"Ghost",_variant:"ghost"},t))),n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(Me,pa({_disabled:!0,_label:"Primary",_variant:"primary"},t)),n.createElement(Me,pa({_disabled:!0,_label:"Secondary",_variant:"secondary"},t)),n.createElement(Me,pa({_disabled:!0,_label:"Normal",_variant:"normal"},t)),n.createElement(Me,pa({_disabled:!0,_label:"Danger",_variant:"danger"},t)),n.createElement(Me,pa({_disabled:!0,_label:"Ghost",_variant:"ghost"},t)))))},"access-key":()=>{const{dummyClickEventHandler:e}=Hn(),t={onClick:e};return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolButton with"," ",n.createElement(lt,{_label:"access keys",_href:"https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey",_target:"blank"}),". The access keys can be used to trigger the buttons using the keyboard.")),n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(Me,{_label:"With S access key",_accessKey:"S",_on:t}),n.createElement(Me,{_label:"Very small b",_accessKey:"b",_on:t}),n.createElement(Me,{_label:"Access key does not appear in label",_accessKey:"x",_on:t}),n.createElement(Me,{_label:"access key without label",_hideLabel:!0,_accessKey:"a",_icons:"codicon codicon-dashboard",_on:t}),n.createElement(Me,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_accessKey:"n",_on:t})))},"aria-description":()=>{const{dummyClickEventHandler:e}=Hn(),t={onClick:e};return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolButton with aria-description")),n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(Me,{_label:"Button Text without area description",_on:t}),n.createElement(Me,{_label:"Button Text",_ariaDescription:"Button Area Description",_on:t})))},baselined:()=>{const{dummyClickEventHandler:e}=Hn(),t={onClick:e};return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This KolButton sample is used for internal testing purposes: It features multiple buttons with and without icons which are vertically aligned.")),n.createElement("div",{className:"flex"},n.createElement(Me,{_label:"Label-Text",_on:t}),n.createElement(Me,{_label:"Label-Text",_on:t}),n.createElement(Me,{_label:"Label-Text",_on:t}),n.createElement(Me,{_icons:"codicon codicon-reactions",_label:"Label-Text with Icon",_on:t})))},"short-key":()=>{const{dummyClickEventHandler:e}=Hn(),t={onClick:e};return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolButton with short key without functionality. The short key is purely visual. Its functionality needs to be developed separately."," ")),n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(Me,{_label:"With S short key",_shortKey:"S",_on:t}),n.createElement(Me,{_label:"Very small b",_shortKey:"b",_on:t}),n.createElement(Me,{_label:"Short key does not appear in label",_shortKey:"x",_on:t}),n.createElement(Me,{_label:"short key without label",_hideLabel:!0,_shortKey:"k",_icons:"codicon codicon-dashboard",_on:t}),n.createElement(Me,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_shortKey:"n",_on:t})))},"expert-slot":()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolButton show a button-element with expert slot.")),n.createElement(ia,{_label:""},n.createElement("span",{slot:"expert"},"I am more than just a button")))}},ha={card:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolCard shows a card with title and slot content. The second sample features a close button.")),n.createElement("div",{className:"w-full grid grid-cols-2 gap-4"},n.createElement(Re,{_label:"Card with title and content"},n.createElement("div",null,"Card contents.")),n.createElement(Re,{_label:"Card with closer",_hasCloser:!0},n.createElement("p",null,"This card has a close button."))))}},ba={details:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolDetails hides its content until opened. The open state can be toggled either by clicking the label or by setting the ",n.createElement("code",null,"_open"),"-prop programmatically. The sample includes an initially open state and a disabled but open Details component.")),n.createElement("section",{className:"grid gap-4"},n.createElement(Ke,{_label:"Closed initially"},"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt."),n.createElement(Ke,{_disabled:!0,_label:"Open initially (disabled)",_open:!0},"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt."),n.createElement(Ke,{_label:"Open initially",_open:!0},"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.")))}},ga=["left","top","right","bottom"].map((e=>({label:e,value:e}))),va=({value:e="left",onChange:t})=>n.createElement("div",{className:"grid gap-4"},n.createElement("div",{className:"container my-4 d-grid gap-4"},n.createElement(tt,{_label:"Drawer alignment",_value:e,_options:ga,_orientation:"horizontal",_on:{onChange:t}}))),_a={drawer:{basic:()=>{const[e]=Ee(),t=e.get("align"),a=(0,n.useContext)(En),r=(0,n.useRef)(null),[l,o]=(0,n.useState)(t||"left");return(0,n.useEffect)((()=>{var e;t&&(null==(e=r.current)||e.open())}),[t]),n.createElement(n.Fragment,null,!a&&n.createElement(Ie,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),n.createElement(Cn,null,n.createElement("p",null,"KolDrawer shows a dialog attached to one of the sides of the viewport, when opened. This sample illustrates the four alignments.")),n.createElement(va,{value:l,onChange:(e,t)=>o(t)}),n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(He,{ref:r,_label:"I am a drawer",_align:l,_on:{onClose:()=>console.log("Drawer onClose triggered!")}},n.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua."),n.createElement(Me,{_label:"Close drawer",_on:{onClick:()=>{var e;return null==(e=r.current)?void 0:e.close()}}})),n.createElement(Me,{_label:"Open drawer",_on:{onClick:()=>{var e;return null==(e=r.current)?void 0:e.open()}}})))},controlled:()=>{const[e]=Ee(),t=e.get("align"),a=(0,n.useContext)(En),[r,l]=(0,n.useState)(!1),[o,i]=(0,n.useState)(t||"left");return n.createElement("div",null,!a&&n.createElement(Ie,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),n.createElement(Cn,null,n.createElement("p",null,"This sample shows the KolDrawer controlled by the property ",n.createElement("code",null,"_open")," instead of methods.")),n.createElement(va,{value:o,onChange:(e,t)=>i(t)}),n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(He,{_open:r,_align:o,_label:"I'm a controlled drawer",_on:{onClose:()=>l(!1)}},n.createElement("div",null,n.createElement("p",null,"Lorem ipsum dolor sit amet,"),n.createElement(Me,{_label:"Close drawer",_on:{onClick:()=>l(!1)}}))),n.createElement(Me,{_label:"Open drawer",_on:{onClick:()=>l(!0)}})))}}},ka={form:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolForm renders a form around the input components provided in a slot. This sample shows a basic form with three input fields.")),n.createElement(Ve,{className:"w-full"},n.createElement("div",{className:"grid gap-2"},n.createElement(at,{id:"input1",_label:"Input 1"}),n.createElement(at,{id:"input2",_label:"Input 2"}),n.createElement(at,{id:"input3",_label:"Input 3"})))),"error-list":()=>{const e=(0,n.useRef)(null);return(0,n.useEffect)((()=>{var t;null==(t=e.current)||t.focusErrorList()}),[]),n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows a form with error messages.")),n.createElement(Ve,{className:"w-full",ref:e,_on:{onSubmit:()=>{var t;null==(t=e.current)||t.focusErrorList()}},_errorList:[{message:"Error in Input 2",selector:"#input2"},{message:"Error in Input 3",selector:()=>alert("Error in Input 3")}]},n.createElement("div",{className:"grid gap-2"},n.createElement(at,{id:"input1",_label:"Input 1"}),n.createElement(at,{id:"input2",_label:"Input 2",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),n.createElement(at,{id:"input3",_label:"Input 3",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),n.createElement("div",null,n.createElement(Me,{_label:"ScrollTo",_type:"submit"})))))}}};var ya=Object.defineProperty;const wa=`public-ui.v${mn}`,Ea={darkMode:!1,theme:"default"};let xa;function Sa(e){xa=e;const t=xa.getItem(wa);try{const e=JSON.parse(t);"object"==typeof e&&null!==e&&(Ea.darkMode=!0===e.darkMode,bn(e.theme)&&(Ea.theme=e.theme))}catch(e){}}Sa(new class{constructor(){var e;((e,t,n)=>{t in e?ya(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n})(this,"symbol"!=typeof(e="store")?e+"":e,new Map)}setItem(e,t){this.store.set(e,t)}getItem(e){return this.store.get(e)||null}});const Ta=()=>`${Ea.theme}`,Ca=e=>{var t;if(bn(e))return null==(t=gn.find((t=>t.value===e)))?void 0:t.label;throw new Error(`The theme identifier "${e}" is not valid or an available option.`)},za=new WeakMap,Oa=e=>(!1===za.has(e)&&za.set(e,(0,r.H)(e)),za.get(e)),Na=[{monday:"Alex",tuesday:"Anna",wednesday:"Amalia",thursday:"Arthur",friday:"Alex",saturday:"Andrea",sunday:"Arnold"},{monday:"Helena",tuesday:"Fabian",wednesday:"Marie",thursday:"Ben",friday:"Marcus",saturday:"Alex",sunday:"Marcus"},{monday:"Fabian",tuesday:"Helena",wednesday:"Fabian",thursday:"Maya",friday:"Ben",saturday:"Alex",sunday:"Helena"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Finn",tuesday:"Roger",wednesday:"Christian",thursday:"Caspar",friday:"David",saturday:"Bernard",sunday:"Anna"},{monday:"Alex",tuesday:"Anna",wednesday:"Amalia",thursday:"Arthur",friday:"Alex",saturday:"Andrea",sunday:"Arnold"},{monday:"Helena",tuesday:"Fabian",wednesday:"Marie",thursday:"Ben",friday:"Marcus",saturday:"Alex",sunday:"Marcus"},{monday:"Fabian",tuesday:"Helena",wednesday:"Fabian",thursday:"Maya",friday:"Ben",saturday:"Alex",sunday:"Helena"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Finn",tuesday:"Roger",wednesday:"Christian",thursday:"Caspar",friday:"David",saturday:"Bernard",sunday:"Anna"},{monday:"Alex",tuesday:"Anna",wednesday:"Amalia",thursday:"Arthur",friday:"Alex",saturday:"Andrea",sunday:"Arnold"},{monday:"Helena",tuesday:"Fabian",wednesday:"Marie",thursday:"Ben",friday:"Marcus",saturday:"Alex",sunday:"Marcus"},{monday:"Fabian",tuesday:"Helena",wednesday:"Fabian",thursday:"Maya",friday:"Ben",saturday:"Alex",sunday:"Helena"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Finn",tuesday:"Roger",wednesday:"Christian",thursday:"Caspar",friday:"David",saturday:"Bernard",sunday:"Anna"},{monday:"Alex",tuesday:"Anna",wednesday:"Amalia",thursday:"Arthur",friday:"Alex",saturday:"Andrea",sunday:"Arnold"},{monday:"Helena",tuesday:"Fabian",wednesday:"Marie",thursday:"Ben",friday:"Marcus",saturday:"Alex",sunday:"Marcus"},{monday:"Fabian",tuesday:"Helena",wednesday:"Fabian",thursday:"Maya",friday:"Ben",saturday:"Alex",sunday:"Helena"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Finn",tuesday:"Roger",wednesday:"Christian",thursday:"Caspar",friday:"David",saturday:"Bernard",sunday:"Anna"},{monday:"Alex",tuesday:"Anna",wednesday:"Amalia",thursday:"Arthur",friday:"Alex",saturday:"Andrea",sunday:"Arnold"},{monday:"Helena",tuesday:"Fabian",wednesday:"Marie",thursday:"Ben",friday:"Marcus",saturday:"Alex",sunday:"Marcus"},{monday:"Fabian",tuesday:"Helena",wednesday:"Fabian",thursday:"Maya",friday:"Ben",saturday:"Alex",sunday:"Helena"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Hong",tuesday:"Alex",wednesday:"Kevin",thursday:"Maya",friday:"Fabian",saturday:"Helena",sunday:"Alex"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Samuel",tuesday:"Selena",wednesday:"Sandra",thursday:"Salim",friday:"Robert",saturday:"Richard",sunday:"Pamela"},{monday:"Finn",tuesday:"Roger",wednesday:"Christian",thursday:"Caspar",friday:"David",saturday:"Bernard",sunday:"Anna"}];var La=Object.defineProperty,Aa=Object.defineProperties,$a=Object.getOwnPropertyDescriptors,Ba=Object.getOwnPropertySymbols,Pa=Object.prototype.hasOwnProperty,Ia=Object.prototype.propertyIsEnumerable,ja=(e,t,n)=>t in e?La(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;function Ma(e){var t=e,{_on:a}=t,r=((e,t)=>{var n={};for(var a in e)Pa.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&Ba)for(var a of Ba(e))t.indexOf(a)<0&&Ia.call(e,a)&&(n[a]=e[a]);return n})(t,["_on"]);const{dummyClickEventHandler:l}=Hn(),o={onClick:l};return n.createElement(Me,((e,t)=>Aa(e,$a(t)))(((e,t)=>{for(var n in t||(t={}))Pa.call(t,n)&&ja(e,n,t[n]);if(Ba)for(var n of Ba(t))Ia.call(t,n)&&ja(e,n,t[n]);return e})({},r),{_on:o}))}const Fa={horizontal:[[{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{key:"monday",label:"Monday",render:(e,t)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(a),Oa(a).render(n.createElement(Ma,{_label:t.label,style:{fontSize:"75%"}}))},compareFn:(e,t)=>e.monday<t.monday?-1:e.monday>t.monday?1:0,sortDirection:"ASC",textAlign:"right"},{key:"tuesday",label:"Tuesday",render:(e,t)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(a),Oa(a).render(n.createElement(Ie,{_color:"#060",_label:t.label}))},compareFn:(e,t)=>e.tuesday<t.tuesday?-1:e.tuesday>t.tuesday?1:0,sortDirection:"DESC"},{key:"wednesday",label:"Wednesday",render:(e,t)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(a),Oa(a).render(n.createElement(Ie,{_color:"#006",_label:t.label}))}},{key:"thursday",label:"Thursday",render:(e,t)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(a),Oa(a).render(n.createElement(Ie,{_color:"#600",_label:t.label}))}},{key:"friday",label:"Friday",render:(e,t)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(a),Oa(a).render(n.createElement(Ie,{_color:"#303",_label:t.label}))}},{key:"saturday",label:"Saturday",render:(e,t)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(a),Oa(a).render(n.createElement(Ie,{_color:"#330",_label:t.label}))}},{key:"sunday",label:"Sunday",render:(e,t)=>{const a=document.createElement("div");a.setAttribute("role","presentation"),e.innerHTML="",e.appendChild(a),Oa(a).render(n.createElement(Ie,{_color:"#033",_label:t.label}))}}]],vertical:[[{label:"Early"},{label:"Noon"},{label:"Evening"},{label:"Night"}]]},Ra={handout:{basic:()=>{const{dummyClickEventHandler:e}=Hn(),t={onClick:e};return n.createElement("div",{className:"grid gap-4"},n.createElement("div",{className:"grid gap-4 grid-cols-[auto_1fr_1fr] items-center"},n.createElement(rt,{className:"block w-75px",_labeled:!1}),n.createElement(Ue,{_label:"",_level:1},n.createElement("span",{slot:"expert"},"Kolibri-Handout ",n.createElement("small",null,"for ",Ca(Ta())))),n.createElement(Ke,{_label:"Abstract",_open:!0},"The handout shows a selection of KoliBri components in the style of ",n.createElement("strong",null,Ca(Ta())),". Since KoliBri offers self-contained, accessible web components that can be customized to your own corporate design using theming, you don't have to develop these components yourself. For more information read our documentation and follow us (",n.createElement(lt,{_label:"https://github.com/public-ui/kolibri",_href:"https://github.com/public-ui/kolibri",_target:"_blank"}),").")),n.createElement("div",{className:"grid gap-4 sm:grid-cols-6 md:grid-cols-6  xl:grid-cols-12"},n.createElement(Re,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Heading",_level:2},n.createElement("div",{slot:"",className:"grid gap-2 p-2"},n.createElement(Ue,{_label:"Heading Level 1",_level:1}),n.createElement(Ue,{_label:"Heading Level 2",_level:2}),n.createElement(Ue,{_label:"Heading Level 3",_level:3}),n.createElement(Ue,{_label:"Heading Level 4",_level:4}),n.createElement(Ue,{_label:"Heading Level 5",_level:5}),n.createElement(Ue,{_label:"Heading Level 6",_level:6}),n.createElement(Ue,{_label:"Heading Level 6",_secondaryHeadline:"Lessons",_level:6}))),n.createElement(Re,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Abbreviation and Progress",_level:2},n.createElement("div",{slot:"",className:"grid gap-2 p-2"},n.createElement("p",null,"I am ",n.createElement(Ae,{_label:"as an example"},"e.g.")," an abbreviation."),n.createElement("p",null,"I am ",n.createElement(Ae,null,"e.g.")," an abbreviation without label."),n.createElement(dt,{_variant:"bar",_max:100,_value:33,_label:"Progress"}),n.createElement(dt,{_variant:"cycle",_max:100,_value:66,_label:"Progress"}))),n.createElement(Re,{className:"col-span-6 sm:col-span-6 md:col-span-6 xl:col-span-3",_label:"Button, LinkButton and Tab",_level:2},n.createElement("div",{slot:"",className:"grid gap-2 p-2"},n.createElement(kt,{_label:"",_selected:0,_tabs:[{_label:"Button"},{_label:"LinkButton"},{_label:"Disabled Tab",_disabled:!0}]},n.createElement("div",{className:"grid gap-2 py-2"},n.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},n.createElement(Me,{_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:t}),n.createElement(Me,{_disabled:!0,_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:t}),n.createElement(Me,{_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary",_on:t})),n.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},n.createElement(Me,{_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:t}),n.createElement(Me,{_disabled:!0,_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:t}),n.createElement(Me,{_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary",_on:t})),n.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},n.createElement(Me,{_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:t}),n.createElement(Me,{_disabled:!0,_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:t}),n.createElement(Me,{_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger",_on:t})),n.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},n.createElement(Me,{_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:t}),n.createElement(Me,{_disabled:!0,_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:t}),n.createElement(Me,{_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal",_on:t})),n.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},n.createElement(Me,{_label:"ghost",_variant:"ghost"}),n.createElement(Me,{_disabled:!0,_label:"ghost",_variant:"ghost"}),n.createElement(Me,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost",_on:t}))),n.createElement("div",{className:"grid gap-2 py-2"},n.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},n.createElement(ot,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),n.createElement(ot,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),n.createElement(ot,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary"})),n.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},n.createElement(ot,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),n.createElement(ot,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),n.createElement(ot,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary"})),n.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},n.createElement(ot,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),n.createElement(ot,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),n.createElement(ot,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger"})),n.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},n.createElement(ot,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),n.createElement(ot,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),n.createElement(ot,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal"})),n.createElement("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center"},n.createElement(ot,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),n.createElement(ot,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),n.createElement(ot,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost"})))))),n.createElement(Re,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Accordion, Link and ButtonLink",_level:2},n.createElement("div",{slot:"",className:"grid gap-2 p-2"},n.createElement($e,{_label:"Links",_level:3,_open:!0},n.createElement("div",{className:"grid gap-2",slot:""},n.createElement(lt,{_href:"#/back-page",_label:"Link text"}),n.createElement(lt,{_href:"#/back-page",_icons:"codicon codicon-home",_label:"Link text with icon"}),n.createElement(lt,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),n.createElement(lt,{_href:"/",_label:"Visited link"}),n.createElement("p",null,"I am a ",n.createElement(lt,{_href:"#/back-page",_label:"externer Link",_target:"w3c"})," in the running text."))),n.createElement($e,{_label:"ButtonLinks",_level:3},n.createElement("div",{className:"grid gap-2",slot:""},n.createElement(Fe,{_label:"Link text"}),n.createElement(Fe,{_icons:"codicon codicon-home",_label:"Link text with icon"}),n.createElement(Fe,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),n.createElement("p",null,"I am a ",n.createElement(Fe,{_label:"Link"})," in the running text."),n.createElement(Fe,{_icons:{left:"codicon codicon-arrow-left",right:"codicon codicon-arrow-right",top:"codicon codicon-arrow-up",bottom:"codicon codicon-arrow-down"},_label:"Icons"}))))),n.createElement(Re,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-3",_label:"Alert",_level:2},n.createElement("div",{slot:"",className:"grid gap-2 p-2"},n.createElement(Be,{_label:"Default message",_type:"default"},"This is the text of the alert."),n.createElement(Be,{_type:"success"},"Success message text"),n.createElement(Be,{_type:"error",_hasCloser:!0},"This is a error message text."),n.createElement(Be,{_label:"Info card",_type:"info",_variant:"card"},"This is the text of the alert."),n.createElement(Be,{_label:"Warning card",_type:"warning",_hasCloser:!0,_variant:"card"},"This is the text of the alert."))),n.createElement(Re,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Nav and Breadcrumb",_level:2},n.createElement("div",{slot:"",className:"grid gap-2 p-2"},n.createElement("div",null,n.createElement(ct,{_label:"Main navigation",_links:[{_label:"Homepage",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"2 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_active:!0,_label:"3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_label:"3.1 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.2 External navigation point",_icons:"codicon codicon-home",_href:"#/back-page",_target:"_blank"},{_label:"3.3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_active:!0,_label:"3.3.1 Navigation point (active)",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.3.2 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"}]}]},{_label:"3 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"}],_hasCompactButton:!0})),n.createElement("div",null,n.createElement(je,{_label:"Breadcrumb aus Text-Links",_links:[{_label:"Homepage",_href:"#/back-page"},{_label:"Bottom of the homepage",_href:"#/back-page"},{_label:"Underside of the underside",_href:"#/back-page"}]})))),n.createElement(Re,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Input",_level:2},n.createElement(Ve,{slot:""},n.createElement("div",{className:"grid gap-4 grid-cols-3 p-2"},n.createElement(Ge,{_label:"Color"}),n.createElement(Qe,{_label:"Upload file"}),n.createElement(Xe,{_label:"Number input"}),n.createElement(Ye,{_type:"date",_label:"Date"}),n.createElement(Je,{_icons:"{'left': 'codicon codicon-home'}",_msg:{_type:"error",_description:"Test of an error message"},_touched:!0,_label:"E-mail address"}),n.createElement(at,{_hint:"I am a hint.",_label:"First name"}),n.createElement(et,{_label:"password"}),n.createElement(pt,{_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_label:"Stimmung"}),n.createElement(nt,{_min:0,_max:50,_value:25,_label:"Slider"}),n.createElement(tt,{className:"herr-frau",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"1",_label:"Salutation"}),n.createElement("div",{className:"grid gap-4"},n.createElement(tt,{_orientation:"horizontal",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"0",_label:"Salutation"}),n.createElement(Ze,{_label:""},"I accept the ",n.createElement(Ae,{_label:"General Terms and Conditions"},"AGB"),".")),n.createElement(yt,{_rows:4,_label:"Textarea"})))),n.createElement(Re,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Table with Pagination",_level:2},n.createElement("div",{slot:"",className:"grid gap-2 p-2"},n.createElement(vt,{_label:"Table",_minWidth:"auto",_headers:Fa,_data:Na,_pagination:!0})))),n.createElement(St,{_label:"5.0.2-test.2"}))}}},Da={heading:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolHeading renders a heading with the given level.")),n.createElement("div",{className:"grid gap-4"},n.createElement(Ue,{_label:"I'm a H1-heading",_level:1}),n.createElement(Ue,{_label:"I'm a H2-heading",_level:2}),n.createElement(Ue,{_label:"I'm a H3-heading",_level:3}),n.createElement(Ue,{_label:"I'm a H4-heading",_level:4}),n.createElement(Ue,{_label:"I'm a H5-heading",_level:5}),n.createElement(Ue,{_label:"I'm a H6-heading",_level:6}))),badge:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolHeading with its different levels and content provided using the export slot instead of the ",n.createElement("code",null,"_label"),"-property.")),n.createElement("div",{className:"grid gap-4"},n.createElement(Ue,{_label:"",_level:1},n.createElement("span",{slot:"expert"},"A heading with a ",n.createElement(Ie,{_label:"Label"}))),n.createElement(Ue,{_label:"",_level:2},n.createElement("span",{slot:"expert"},"A heading with a ",n.createElement(Ie,{_color:"#86ffc6",_label:"Label"}))),n.createElement(Ue,{_label:"",_level:3},n.createElement("span",{slot:"expert"},"A heading with a ",n.createElement(Ie,{_color:"#06539e",_label:"Label"}))),n.createElement(Ue,{_label:"",_level:4},n.createElement("span",{slot:"expert"},"A heading with a ",n.createElement(Ie,{_color:"#ae0000",_label:"Label"}))),n.createElement(Ue,{_label:"",_level:5},n.createElement("span",{slot:"expert"},"A heading with a ",n.createElement(Ie,{_color:"#8b008b",_label:"Label"}))),n.createElement(Ue,{_label:"",_level:6},n.createElement("span",{slot:"expert"},"A heading with a ",n.createElement(Ie,{_color:"#ffc0cb",_label:"Label"}))))),paragraph:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolHeading with its different levels combined with some text content each.")),n.createElement("div",{className:"grid gap-4"},n.createElement(Ue,{_label:"Ich bin eine H1-Überschrift",_level:1}),n.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."),n.createElement(Ue,{_label:"Ich bin eine H2-Überschrift",_level:2}),n.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."),n.createElement(Ue,{_label:"Ich bin eine H3-Überschrift",_level:3}),n.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."),n.createElement(Ue,{_label:"Ich bin eine H4-Überschrift",_level:4}),n.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."),n.createElement(Ue,{_label:"Ich bin eine H5-Überschrift",_level:5}),n.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."),n.createElement(Ue,{_label:"Ich bin eine H6-Überschrift",_level:6}),n.createElement("p",null,"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor.")))}},Ka={icon:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolIcon renders an icon. This sample shows one regular icon and one with a custom style-property, changing the icon color.")),n.createElement("div",{className:"grid gap-4"},n.createElement(We,{_label:"",_icons:"codicon codicon-home"}),n.createElement(We,{style:{color:"red"},_label:"",_icons:"codicon codicon-home"})))}},Ha={image:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolImage renders an image. The sample shows an image with alternative text.")),n.createElement(qe,{className:"w-image",_src:"abgrenzung.jpg",_alt:"Darstellung des KoliBri-Theming"}))}};var Va=Object.defineProperty,Ua=Object.getOwnPropertySymbols,Wa=Object.prototype.hasOwnProperty,qa=Object.prototype.propertyIsEnumerable,Za=(e,t,n)=>t in e?Va(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;const Ga=e=>{var t=e,{RefComponent:a}=t,r=((e,t)=>{var n={};for(var a in e)Wa.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&Ua)for(var a of Ua(e))t.indexOf(a)<0&&qa.call(e,a)&&(n[a]=e[a]);return n})(t,["RefComponent"]);return n.createElement(Ve,{className:"w-full"},n.createElement("div",{className:"grid gap-4"},n.createElement(a,((e,t)=>{for(var n in t||(t={}))Wa.call(t,n)&&Za(e,n,t[n]);if(Ua)for(var n of Ua(t))qa.call(t,n)&&Za(e,n,t[n]);return e})({},r)),n.createElement("div",{className:"flex gap-4"},n.createElement(Me,{_label:"Submit",_icons:"codicon codicon-arrow-right",_type:"submit",_variant:"primary"}),n.createElement(Me,{_label:"Bunte Icons",_icons:{left:{icon:"codicon codicon-heart-filled",style:{color:"#cc006e"}},right:{icon:"codicon codicon-squirrel",style:{color:"#b41b1b"}}},_type:"submit",_variant:"secondary"}),n.createElement(Me,{_label:"Reset",_type:"reset",_variant:"tertiary"}),n.createElement(Me,{_label:"Help",_variant:"ghost"}))))};var Ya=Object.defineProperty,Ja=Object.defineProperties,Qa=Object.getOwnPropertyDescriptors,Xa=Object.getOwnPropertySymbols,er=Object.prototype.hasOwnProperty,tr=Object.prototype.propertyIsEnumerable,nr=(e,t,n)=>t in e?Ya(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,ar=(e,t)=>{for(var n in t||(t={}))er.call(t,n)&&nr(e,n,t[n]);if(Xa)for(var n of Xa(t))tr.call(t,n)&&nr(e,n,t[n]);return e},rr=(e,t)=>Ja(e,Qa(t));const lr=(0,n.forwardRef)((function(e,t){return n.createElement("div",{className:"grid gap-4"},n.createElement(Ze,rr(ar({},e),{_label:"Not selected",_value:!1,_required:!0})),n.createElement(Ze,rr(ar({},e),{_label:"Indeterminate",_value:null,_indeterminate:!0})),n.createElement(Ze,rr(ar({},e),{ref:t,_accessKey:"A",_checked:!0,_label:"Selected",_tooltipAlign:"right",_value:!0})),n.createElement(Ze,rr(ar({},e),{_checked:!0,_icons:{unchecked:"codicon codicon-close"},_label:"With a very long label and upheavals ".repeat(5),_value:!0})),n.createElement(Ze,rr(ar({},e),{_disabled:!0,_label:"Disabled",_value:!0,_hint:"Hint text"})),n.createElement(Ze,rr(ar({},e),{_checked:!0,_disabled:!0,_label:"Checked and disabled"})),n.createElement(Ze,rr(ar({},e),{_indeterminate:!0,_disabled:!0,_label:"Indeterminate and disabled"})),n.createElement(Ze,rr(ar({},e),{_msg:{_type:"error",_description:xn},_label:"With error",_touched:!0,_value:!0,_hint:"Hint text"})),n.createElement(Ze,rr(ar({},e),{_label:"With access key",_accessKey:"c",_value:null})),n.createElement(Ze,rr(ar({},e),{_label:"With short key",_shortKey:"s",_value:null})))}));function or({children:e}){const[t]=Ee(),a=t.has("noColumns");return n.createElement("div",{className:a?"":"grid md:grid-cols-2 gap-4"},e)}var ir=Object.defineProperty,cr=Object.defineProperties,sr=Object.getOwnPropertyDescriptors,ur=Object.getOwnPropertySymbols,dr=Object.prototype.hasOwnProperty,mr=Object.prototype.propertyIsEnumerable,pr=(e,t,n)=>t in e?ir(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,fr=(e,t)=>{for(var n in t||(t={}))dr.call(t,n)&&pr(e,n,t[n]);if(ur)for(var n of ur(t))mr.call(t,n)&&pr(e,n,t[n]);return e},hr=(e,t)=>cr(e,sr(t));const br=(0,n.forwardRef)((function(e,t){return n.createElement(n.Fragment,null,n.createElement(or,null,n.createElement("fieldset",null,n.createElement("legend",null,'Label align "left" with label'),n.createElement(lr,hr(fr({},e),{_labelAlign:"left"}))),n.createElement("fieldset",null,n.createElement("legend",null,'Label align "left" without Label (hideLabel)'),n.createElement(lr,hr(fr({ref:t},e),{_hideLabel:!0,_labelAlign:"left"})))),n.createElement(or,null,n.createElement("fieldset",null,n.createElement("legend",null,'Label align "right" with label'),n.createElement(lr,fr({},e))),n.createElement("fieldset",null,n.createElement("legend",null,'Label align "right" without Label (hideLabel)'),n.createElement(lr,hr(fr({ref:t},e),{_hideLabel:!0})))))})),gr={"input-checkbox":{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolInputCheckbox renders a checkbox. The sample shows KolInputCheckbox in a form context with all variations and states.")),n.createElement(Ga,{RefComponent:br})),switch:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,'This sample shows KolInputCheckbox in the variant "switch".')),n.createElement(Ga,{RefComponent:br,_variant:"switch"})),button:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,'This sample shows KolInputCheckbox in the variant "button".')),n.createElement(Ga,{RefComponent:br,_variant:"button"}))}};var vr=Object.defineProperty,_r=Object.defineProperties,kr=Object.getOwnPropertyDescriptors,yr=Object.getOwnPropertySymbols,wr=Object.prototype.hasOwnProperty,Er=Object.prototype.propertyIsEnumerable,xr=(e,t,n)=>t in e?vr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Sr=(e,t)=>{for(var n in t||(t={}))wr.call(t,n)&&xr(e,n,t[n]);if(yr)for(var n of yr(t))Er.call(t,n)&&xr(e,n,t[n]);return e},Tr=(e,t)=>_r(e,kr(t));const Cr=(0,n.forwardRef)((function(e,t){return n.createElement("div",{className:"grid gap-4"},n.createElement("div",{className:"black-background"},n.createElement(Ge,Tr(Sr({},e),{_msg:{_type:"error",_description:xn},_icons:{left:"codicon codicon-symbol-color"},_label:"Color (Black background test)",_value:"#f08080"}))),n.createElement(Ge,Tr(Sr({},e),{_msg:{_type:"error",_description:xn},_label:"Color with error",_suggestions:"['#000000','#f08080', '#0000ff','#00ff00']",_touched:!0})),n.createElement(Ge,Tr(Sr({},e),{_msg:{_type:"info",_description:"Just a hint"},_label:"Color"})),n.createElement(Ge,Tr(Sr({},e),{_msg:{_type:"warning",_description:"Small warning"},_label:"Color"})),n.createElement(Ge,Tr(Sr({},e),{_msg:{_type:"success",_description:"Success message"},_label:"Color"})),n.createElement(Ge,Tr(Sr({},e),{ref:t,_accessKey:"C",_hint:"Hint text",_label:"Color with hint",_value:"#f08080"})),n.createElement(Ge,Tr(Sr({},e),{_disabled:!0,_label:"Color (Disabled)",_value:"#f08080"})),n.createElement(Ge,Tr(Sr({},e),{_label:"With access key",_accessKey:"c"})),n.createElement(Ge,Tr(Sr({},e),{_label:"With short key",_shortKey:"s"})))}));var zr=Object.defineProperty,Or=Object.defineProperties,Nr=Object.getOwnPropertyDescriptors,Lr=Object.getOwnPropertySymbols,Ar=Object.prototype.hasOwnProperty,$r=Object.prototype.propertyIsEnumerable,Br=(e,t,n)=>t in e?zr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Pr=(e,t)=>{for(var n in t||(t={}))Ar.call(t,n)&&Br(e,n,t[n]);if(Lr)for(var n of Lr(t))$r.call(t,n)&&Br(e,n,t[n]);return e};const Ir=(0,n.forwardRef)((function(e,t){return n.createElement(or,null,n.createElement("fieldset",null,n.createElement("legend",null,"Color"),n.createElement(Cr,Pr({},e))),n.createElement("fieldset",null,n.createElement("legend",null,"Color (hideLabel)"),n.createElement(Cr,(e=>Or(e,Nr({_hideLabel:!0})))(Pr({ref:t},e)))))})),jr={"input-color":{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolInputColor renders a color input. The sample shows KolInputColor in a form context with all variations and states.")),n.createElement(Ga,{RefComponent:Ir}))}};var Mr=Object.defineProperty,Fr=Object.defineProperties,Rr=Object.getOwnPropertyDescriptors,Dr=Object.getOwnPropertySymbols,Kr=Object.prototype.hasOwnProperty,Hr=Object.prototype.propertyIsEnumerable,Vr=(e,t,n)=>t in e?Mr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Ur=(e,t)=>{for(var n in t||(t={}))Kr.call(t,n)&&Vr(e,n,t[n]);if(Dr)for(var n of Dr(t))Hr.call(t,n)&&Vr(e,n,t[n]);return e},Wr=(e,t)=>Fr(e,Rr(t));const qr=(0,n.forwardRef)((function(e,t){return n.createElement("div",{className:"grid gap-4"},n.createElement("div",{className:"black-background"},n.createElement(Ye,Wr(Ur({},e),{_type:"date",_label:"Date input (Black background test)",_required:!0}))," "),n.createElement(Ye,Wr(Ur({},e),{_type:"datetime-local",_label:"Local-Datetime (Standard)",_required:!0})),n.createElement(Ye,Wr(Ur({},e),{_step:1,_type:"datetime-local",_hint:Sn,_msg:{_type:"error",_description:xn},_label:"Local datetime (with seconds)",_required:!0,_touched:!0})),n.createElement(Ye,Wr(Ur({},e),{_msg:{_type:"info",_description:"Just a hint"},_label:"Color"})),n.createElement(Ye,Wr(Ur({},e),{_msg:{_type:"warning",_description:"Small warning"},_label:"Color"})),n.createElement(Ye,Wr(Ur({},e),{_msg:{_type:"success",_description:"Success message"},_label:"Color"})),n.createElement(Ye,Wr(Ur({},e),{_type:"month",_label:"Month",_required:!0})),n.createElement(Ye,Wr(Ur({},e),{ref:t,_accessKey:"W",_type:"week",_label:"Week",_required:!0})),n.createElement(Ye,Wr(Ur({},e),{_type:"time",_label:"Time (standard)",_required:!0})),n.createElement(Ye,Wr(Ur({},e),{_step:1,_type:"time",_label:"Time (with seconds)",_required:!0})),n.createElement(Ye,Wr(Ur({},e),{_readOnly:!0,_label:"Date input (read-only)",_required:!0})),n.createElement(Ye,Wr(Ur({},e),{_disabled:!0,_label:"Date input (Disabled)",_required:!0})),n.createElement(Ye,Wr(Ur({},e),{_label:"With access key",_accessKey:"s"})),n.createElement(Ye,Wr(Ur({},e),{_label:"With short key",_shortKey:"s"})))}));var Zr=Object.defineProperty,Gr=Object.defineProperties,Yr=Object.getOwnPropertyDescriptors,Jr=Object.getOwnPropertySymbols,Qr=Object.prototype.hasOwnProperty,Xr=Object.prototype.propertyIsEnumerable,el=(e,t,n)=>t in e?Zr(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,tl=(e,t)=>{for(var n in t||(t={}))Qr.call(t,n)&&el(e,n,t[n]);if(Jr)for(var n of Jr(t))Xr.call(t,n)&&el(e,n,t[n]);return e},nl=(e,t)=>Gr(e,Yr(t));const al=e=>{const t=new Date("January 10, 2024, 12:00"),a=new Date("October 20, 2024, 15:00");return n.createElement("div",{className:"grid gap-4"},n.createElement(Ye,nl(tl({},e),{_type:"date",_label:"Date with Iso",_min:"2024-09-26",_max:"2024-09-27"})),n.createElement(Ye,nl(tl({},e),{_type:"date",_label:"Date with Date",_min:t,_max:a})),n.createElement(Ye,nl(tl({},e),{_type:"time",_label:"Time with Iso",_min:"12:00",_max:"15:00"})),n.createElement(Ye,nl(tl({},e),{_type:"time",_label:"Time with Date",_min:t,_max:a})),n.createElement(Ye,nl(tl({},e),{_type:"datetime-local",_label:"DayTime with Iso",_min:"2024-09-26T12:00",_max:"2024-09-27T15:00"})),n.createElement(Ye,nl(tl({},e),{_type:"datetime-local",_label:"DayTime with Date",_min:t,_max:a})),n.createElement(Ye,nl(tl({},e),{_type:"week",_label:"Week with Iso",_min:"2024-W10",_max:"2024-W50"})),n.createElement(Ye,nl(tl({},e),{_type:"week",_label:"Week with Date",_min:t,_max:a})),n.createElement(Ye,nl(tl({},e),{_type:"month",_label:"Month with Iso",_min:"2024-02",_max:"2024-10"})),n.createElement(Ye,nl(tl({},e),{_type:"month",_label:"Month with Date",_min:t,_max:a})))};var rl=Object.defineProperty,ll=Object.defineProperties,ol=Object.getOwnPropertyDescriptors,il=Object.getOwnPropertySymbols,cl=Object.prototype.hasOwnProperty,sl=Object.prototype.propertyIsEnumerable,ul=(e,t,n)=>t in e?rl(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,dl=(e,t)=>{for(var n in t||(t={}))cl.call(t,n)&&ul(e,n,t[n]);if(il)for(var n of il(t))sl.call(t,n)&&ul(e,n,t[n]);return e};const ml=(0,n.forwardRef)((function(e,t){return n.createElement(or,null,n.createElement("fieldset",null,n.createElement("legend",null,"Date"),n.createElement(qr,dl({},e))),n.createElement("fieldset",null,n.createElement("legend",null,"Date (hideLabel)"),n.createElement(qr,(e=>ll(e,ol({_hideLabel:!0})))(dl({ref:t},e)))),n.createElement("fieldset",null,n.createElement("legend",null,"Date (with min/max)"),n.createElement(al,dl({},e))))})),pl=["default","error","info","success","warning"];function fl(e){return{onChange:()=>e((e=>!e))}}const hl={"input-date":{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolInputDate renders all types of fields for date and time input. The sample shows KolInputDate in a form context with all variations and states.")),n.createElement(Ga,{RefComponent:ml})),reset:()=>{const e=(0,n.useRef)(null);return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample demonstrates the KolInputDate ",n.createElement("code",null,"reset"),"-Method, which can be used to clear the field, even when it holds incomplete or invalid values.")),n.createElement(Ye,{className:"w-full",ref:e,_label:"Resettable Input Date",_value:"2024-02-10"}),n.createElement(Me,{className:"mt",_label:"Reset",_on:{onClick:()=>{var t;return null==(t=e.current)?void 0:t.reset()}}}))},"show-hide-msg":()=>{const[e,t]=(0,n.useState)(!0),[a,r]=(0,n.useState)(!0),[l,o]=(0,n.useState)(!1),i=fl(t),c=fl(r),s=fl(o);return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This example shows how messages work in input fields.")),n.createElement("div",{className:"flex gap-4 flex-col"},n.createElement("div",{className:"flex gap-4 items-center"},n.createElement(Ze,{_label:"Toggle Msg",_on:i,_checked:e,_variant:"button"}),n.createElement(Ze,{_label:"Toggle Touched",_on:c,_checked:a,_variant:"button"}),n.createElement(Ze,{_label:"Toggle Hide Msg",_on:s,_checked:l,_variant:"button"})),n.createElement("pre",null,"Message exists: ",e?"Yes":"No"," (showMsg: ",e?"Yes":"No",")",n.createElement("br",null),"Non-Error-Message visible: ",e&&!l?"Yes":"No"," (showMsg: ",e?"Yes":"No",", hideMsg: ",l?"Yes":"No",")",n.createElement("br",null),"Error-Message visible: ",e&&a&&!l?"Yes":"No"," (showMsg: ",e?"Yes":"No",", isTouched: ",a?"Yes":"No",", hideMsg: ",l?"Yes":"No",")"),pl.map((t=>n.createElement(Ye,{key:t,_hideMsg:l,_label:`Date (_msg, ${t})`,_msg:e?{_description:`${t} message`,_type:t}:void 0,_touched:a})))))}}};var bl=Object.defineProperty,gl=Object.defineProperties,vl=Object.getOwnPropertyDescriptors,_l=Object.getOwnPropertySymbols,kl=Object.prototype.hasOwnProperty,yl=Object.prototype.propertyIsEnumerable,wl=(e,t,n)=>t in e?bl(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,El=(e,t)=>{for(var n in t||(t={}))kl.call(t,n)&&wl(e,n,t[n]);if(_l)for(var n of _l(t))yl.call(t,n)&&wl(e,n,t[n]);return e},xl=(e,t)=>gl(e,vl(t));const Sl=(0,n.forwardRef)((function(e,t){return n.createElement("div",{className:"grid gap-4"},n.createElement("div",{className:"black-background"},n.createElement(Je,xl(El({},e),{_required:!0,_value:"test@mail.de",_msg:{_type:"error",_description:xn},_label:"E-Mail (Black background test)"}))),n.createElement(Je,xl(El({},e),{ref:t,_accessKey:"M",_placeholder:"elke@mustermann.de",_suggestions:"['test1@mail.de', 'test2@mail.de', 'test3@mail.de']",_label:"E-Mail (list)",_hint:Sn,_msg:{_type:"error",_description:xn},_touched:!0,_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}})),n.createElement(Je,xl(El({},e),{_msg:{_type:"info",_description:"Just a hint"},_label:"E-Mail"})),n.createElement(Je,xl(El({},e),{_msg:{_type:"warning",_description:"Small warning"},_label:"E-Mail"})),n.createElement(Je,xl(El({},e),{_msg:{_type:"success",_description:"Success message"},_label:"E-Mail"})),n.createElement(Je,xl(El({},e),{_disabled:!0,_value:"test@mail.de",_label:"E-Mail (Disabled)"})),n.createElement(Je,xl(El({},e),{_readOnly:!0,_value:"test@mail.de",_label:"E-Mail (Readonly)"})),n.createElement(Je,xl(El({},e),{_value:"test@mail.de",_label:"With access key",_accessKey:"c"})),n.createElement(Je,xl(El({},e),{_value:"test@mail.de",_label:"With short key",_shortKey:"s"})))}));var Tl=Object.defineProperty,Cl=Object.defineProperties,zl=Object.getOwnPropertyDescriptors,Ol=Object.getOwnPropertySymbols,Nl=Object.prototype.hasOwnProperty,Ll=Object.prototype.propertyIsEnumerable,Al=(e,t,n)=>t in e?Tl(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,$l=(e,t)=>{for(var n in t||(t={}))Nl.call(t,n)&&Al(e,n,t[n]);if(Ol)for(var n of Ol(t))Ll.call(t,n)&&Al(e,n,t[n]);return e};const Bl=(0,n.forwardRef)((function(e,t){return n.createElement(or,null,n.createElement("fieldset",null,n.createElement("legend",null,"Email"),n.createElement(Sl,$l({},e))),n.createElement("fieldset",null,n.createElement("legend",null,"Email (hideLabel)"),n.createElement(Sl,(e=>Cl(e,zl({_hideLabel:!0})))($l({ref:t},e)))))})),Pl={"input-email":{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolInputEmail renders an email input field. The sample shows KolInputEmail in a form context with all variations and states.")),n.createElement(Ga,{RefComponent:Bl}))}};var Il=Object.defineProperty,jl=Object.defineProperties,Ml=Object.getOwnPropertyDescriptors,Fl=Object.getOwnPropertySymbols,Rl=Object.prototype.hasOwnProperty,Dl=Object.prototype.propertyIsEnumerable,Kl=(e,t,n)=>t in e?Il(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Hl=(e,t)=>{for(var n in t||(t={}))Rl.call(t,n)&&Kl(e,n,t[n]);if(Fl)for(var n of Fl(t))Dl.call(t,n)&&Kl(e,n,t[n]);return e},Vl=(e,t)=>jl(e,Ml(t));const Ul=(0,n.forwardRef)((function(e,t){return n.createElement("div",{className:"grid gap-4"},n.createElement("div",{className:"black-background"},n.createElement(Qe,Vl(Hl({},e),{_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0}))),n.createElement(Qe,Vl(Hl({},e),{_required:!0,_hint:Sn,_msg:{_type:"error",_description:xn},_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0})),n.createElement(Qe,Vl(Hl({},e),{_msg:{_type:"info",_description:"Just a hint"},_label:"Upload file"})),n.createElement(Qe,Vl(Hl({},e),{_msg:{_type:"warning",_description:"Small warning"},_label:"Upload file"})),n.createElement(Qe,Vl(Hl({},e),{_msg:{_type:"success",_description:"Success message"},_label:"Upload file"})),n.createElement(Qe,Vl(Hl({},e),{ref:t,_accessKey:"h",_multiple:!0,_msg:{_type:"error",_description:xn},_label:"Upload file (Multiple)"})),n.createElement(Qe,Vl(Hl({},e),{_disabled:!0,_label:"Upload file (Disabled)"})),n.createElement(Qe,Vl(Hl({},e),{_label:"With access key",_accessKey:"c"})),n.createElement(Qe,Vl(Hl({},e),{_label:"With short key",_shortKey:"s"})))}));var Wl=Object.defineProperty,ql=Object.defineProperties,Zl=Object.getOwnPropertyDescriptors,Gl=Object.getOwnPropertySymbols,Yl=Object.prototype.hasOwnProperty,Jl=Object.prototype.propertyIsEnumerable,Ql=(e,t,n)=>t in e?Wl(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Xl=(e,t)=>{for(var n in t||(t={}))Yl.call(t,n)&&Ql(e,n,t[n]);if(Gl)for(var n of Gl(t))Jl.call(t,n)&&Ql(e,n,t[n]);return e};const eo=(0,n.forwardRef)((function(e,t){return n.createElement(or,null,n.createElement("fieldset",null,n.createElement("legend",null,"File"),n.createElement(Ul,Xl({},e))),n.createElement("fieldset",null,n.createElement("legend",null,"File (hideLabel)"),n.createElement(Ul,(e=>ql(e,Zl({_hideLabel:!0})))(Xl({ref:t},e)))))})),to={"input-file":{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolInputFile renders a file input field. The sample shows KolInputFile in a form context with all variations and states.")),n.createElement(Ga,{RefComponent:eo}))}};var no=Object.defineProperty,ao=Object.defineProperties,ro=Object.getOwnPropertyDescriptors,lo=Object.getOwnPropertySymbols,oo=Object.prototype.hasOwnProperty,io=Object.prototype.propertyIsEnumerable,co=(e,t,n)=>t in e?no(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,so=(e,t)=>{for(var n in t||(t={}))oo.call(t,n)&&co(e,n,t[n]);if(lo)for(var n of lo(t))io.call(t,n)&&co(e,n,t[n]);return e},uo=(e,t)=>ao(e,ro(t));const mo=(0,n.forwardRef)((function(e,t){return n.createElement("div",{className:"grid gap-4"},n.createElement("div",{className:"black-background"},n.createElement(Xe,uo(so({},e),{_required:!0,_touched:!0,_value:123,_label:"Number input (Black background test)"}))," "),n.createElement(Xe,uo(so({},e),{_required:!0,_msg:{_type:"error",_description:xn},_touched:!0,_placeholder:"Mit Icons",_label:"Number input",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}})),n.createElement(Xe,uo(so({},e),{_required:!0,_msg:{_type:"error",_description:xn},_touched:!0,_value:123,_label:"Number input"})),n.createElement(Xe,uo(so({},e),{_required:!0,_msg:{_type:"warning",_description:xn},_touched:!0,_value:123,_label:"Number input"})),n.createElement(Xe,uo(so({},e),{_required:!0,_msg:{_type:"info",_description:xn},_touched:!0,_value:123,_label:"Number input"})),n.createElement(Xe,uo(so({},e),{_required:!0,_msg:{_type:"success",_description:xn},_touched:!0,_value:123,_label:"Number input"})),n.createElement(Xe,uo(so({},e),{ref:t,_accessKey:"Z",_max:10,_min:-10,_step:2,_label:"Number input (-10 to 10 in steps of 2)"})),n.createElement(Xe,uo(so({},e),{_readOnly:!0,_label:"Number input (Readonly)"})),n.createElement(Xe,uo(so({},e),{_disabled:!0,_label:"Number input (Disabled)"})),n.createElement(Xe,uo(so({},e),{_label:"With access key",_accessKey:"c"})),n.createElement(Xe,uo(so({},e),{_label:"With short key",_shortKey:"s"})))}));var po=Object.defineProperty,fo=Object.defineProperties,ho=Object.getOwnPropertyDescriptors,bo=Object.getOwnPropertySymbols,go=Object.prototype.hasOwnProperty,vo=Object.prototype.propertyIsEnumerable,_o=(e,t,n)=>t in e?po(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,ko=(e,t)=>{for(var n in t||(t={}))go.call(t,n)&&_o(e,n,t[n]);if(bo)for(var n of bo(t))vo.call(t,n)&&_o(e,n,t[n]);return e};const yo=(0,n.forwardRef)((function(e,t){return n.createElement(or,null,n.createElement("fieldset",null,n.createElement("legend",null,"Number"),n.createElement(mo,ko({},e))),n.createElement("fieldset",null,n.createElement("legend",null,"Number (hideLabel)"),n.createElement(mo,(e=>fo(e,ho({_hideLabel:!0})))(ko({ref:t},e)))))})),wo={"input-number":{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolInputNumber encompasses basic functionalities, utilizing the min, max, and step attributes to restrict the range of input values. Despite these constraints, it allows free input that can ignore the defined minimum and maximum values, as well as step sizes. The component intentionally does not emphasize validation rules, supporting examples without form validation, and refrains from additional validation through native HTML element validation.")),n.createElement(Ga,{RefComponent:yo}))}};var Eo=Object.defineProperty,xo=Object.defineProperties,So=Object.getOwnPropertyDescriptors,To=Object.getOwnPropertySymbols,Co=Object.prototype.hasOwnProperty,zo=Object.prototype.propertyIsEnumerable,Oo=(e,t,n)=>t in e?Eo(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,No=(e,t)=>{for(var n in t||(t={}))Co.call(t,n)&&Oo(e,n,t[n]);if(To)for(var n of To(t))zo.call(t,n)&&Oo(e,n,t[n]);return e},Lo=(e,t)=>xo(e,So(t));const Ao=(0,n.forwardRef)((function(e,t){return n.createElement("div",{className:"grid gap-4"},n.createElement("div",{className:"black-background"},n.createElement(et,Lo(No({},e),{_label:"Passwort (Black background test)"}))),n.createElement(et,Lo(No({},e),{ref:t,_accessKey:"P",_required:!0,_hint:Sn,_msg:{_type:"error",_description:xn},_placeholder:"Mit Icons",_label:"Passwort",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0})),n.createElement(et,Lo(No({},e),{_placeholder:"Placeholder",_msg:{_type:"info",_description:"Just a hint"},_label:"Password"})),n.createElement(et,Lo(No({},e),{_placeholder:"Placeholder",_msg:{_type:"warning",_description:"Small warning"},_label:"Password"})),n.createElement(et,Lo(No({},e),{_placeholder:"Placeholder",_msg:{_type:"success",_description:"Success message"},_label:"Password"})),n.createElement(et,Lo(No({},e),{_disabled:!0,_msg:{_type:"error",_description:xn},_label:"Passwort (Disabled)",_touched:!0})),n.createElement(et,Lo(No({},e),{_readOnly:!0,_label:"Passwort (Readonly)"})),n.createElement(et,Lo(No({},e),{ref:t,_shortKey:"c",_label:"With access key"})),n.createElement(et,Lo(No({},e),{ref:t,_shortKey:"s",_label:"With short key"})))}));var $o=Object.defineProperty,Bo=Object.defineProperties,Po=Object.getOwnPropertyDescriptors,Io=Object.getOwnPropertySymbols,jo=Object.prototype.hasOwnProperty,Mo=Object.prototype.propertyIsEnumerable,Fo=(e,t,n)=>t in e?$o(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Ro=(e,t)=>{for(var n in t||(t={}))jo.call(t,n)&&Fo(e,n,t[n]);if(Io)for(var n of Io(t))Mo.call(t,n)&&Fo(e,n,t[n]);return e};const Do=(0,n.forwardRef)((function(e,t){return n.createElement(or,null,n.createElement("fieldset",null,n.createElement("legend",null,"Password"),n.createElement(Ao,Ro({},e))),n.createElement("fieldset",null,n.createElement("legend",null,"Password (hideLabel)"),n.createElement(Ao,(e=>Bo(e,Po({_hideLabel:!0})))(Ro({ref:t},e)))))})),Ko={"input-password":{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolInputPassword renders a password input field. The sample shows KolInputPassword in a form context with all variations and states.")),n.createElement(Ga,{RefComponent:Do})),"show-password":()=>{const e=(0,n.useRef)(null);return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,'This sample shows KolInputPassword in the variant "visibility-toggle". It features a button to toggle between a visible and hidden password input.')),n.createElement(Ve,{className:"w-full"},n.createElement(et,{_placeholder:"With 'Show password' button",_label:"Password",ref:e,className:"block",_variant:"visibility-toggle"}),n.createElement(et,{_placeholder:"With 'Show password' button",_label:"Password",ref:e,className:"block",_variant:"visibility-toggle",_value:"Password"}),n.createElement(et,{_placeholder:"With 'Show password' button and disabled",_label:"Password",ref:e,className:"block",_disabled:!0,_variant:"visibility-toggle"})))}}};var Ho=Object.defineProperty,Vo=Object.defineProperties,Uo=Object.getOwnPropertyDescriptors,Wo=Object.getOwnPropertySymbols,qo=Object.prototype.hasOwnProperty,Zo=Object.prototype.propertyIsEnumerable,Go=(e,t,n)=>t in e?Ho(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Yo=(e,t)=>{for(var n in t||(t={}))qo.call(t,n)&&Go(e,n,t[n]);if(Wo)for(var n of Wo(t))Zo.call(t,n)&&Go(e,n,t[n]);return e},Jo=(e,t)=>Vo(e,Uo(t));const Qo=(0,n.forwardRef)((function(e,t){return n.createElement("div",{className:"grid gap-4"},n.createElement("div",{className:"black-background"},n.createElement(tt,Jo(Yo({},e),{_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (Black background test)"}))),n.createElement(tt,Jo(Yo({},e),{_required:!0,_msg:{_type:"error",_description:xn},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (with error)"})),n.createElement(tt,Jo(Yo({},e),{ref:t,_accessKey:"A",_orientation:"horizontal",_required:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal)"})),n.createElement(tt,Jo(Yo({},e),{_disabled:!0,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:xn},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal with error)"})),n.createElement(tt,Jo(Yo({},e),{_disabled:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation",_touched:!0})),n.createElement(tt,Jo(Yo({},e),{_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:xn},_touched:!0,_value:"Company",_options:[{label:"Mrs.",value:"Mrs.",hint:'Description for option "Mrs."'},{label:"Mr. (disabled)",value:"Mr.",hint:'Description for option "Mr."',disabled:!0},{label:"Company",value:"Company",hint:'Description for option "Company"'}],_label:"Salutation (horizontal with error hint and description)",_hint:Sn})),n.createElement(tt,Jo(Yo({},e),{_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"With access key",_accessKey:"c"})),n.createElement(tt,Jo(Yo({},e),{_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"With short key",_shortKey:"s"})))}));var Xo=Object.defineProperty,ei=Object.defineProperties,ti=Object.getOwnPropertyDescriptors,ni=Object.getOwnPropertySymbols,ai=Object.prototype.hasOwnProperty,ri=Object.prototype.propertyIsEnumerable,li=(e,t,n)=>t in e?Xo(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,oi=(e,t)=>{for(var n in t||(t={}))ai.call(t,n)&&li(e,n,t[n]);if(ni)for(var n of ni(t))ri.call(t,n)&&li(e,n,t[n]);return e};const ii=(0,n.forwardRef)((function(e,t){return n.createElement(or,null,n.createElement("div",{className:"border border-solid border-dark-100 p-3"},n.createElement(Ue,{_level:2,_label:"Radio",className:"block mb-2"}),n.createElement(Qo,oi({},e))),n.createElement("div",{className:"border border-solid border-dark-100 p-3"},n.createElement(Ue,{_level:2,_label:"Radio (hideLabel)",className:"block mb-2"}),n.createElement(Qo,(e=>ei(e,ti({_hideLabel:!0})))(oi({ref:t},e)))))})),ci={"input-radio":{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolInputRadio renders a set of radio buttons. The sample shows KolInputRadio in a form context with all variations and states.")),n.createElement(Ga,{RefComponent:ii})),horizontal:()=>{const[e,t]=(0,n.useState)(!0),[a,r]=(0,n.useState)("horizontal"),l=[{label:"Field 1",value:1},{label:"Field 2",value:2}];return n.createElement("div",{className:"grid gap-4"},n.createElement(Cn,null,n.createElement("p",null,"This sample shows the ",n.createElement("code",null,"horizontal")," and ",n.createElement("code",null,"vertical")," orientation of KolInoutRadio. It also features a button to test re-rendering.")),n.createElement("div",{className:"flex gap-4"},n.createElement(Me,{_label:"Click me a few times",_on:{onClick:()=>{t((e=>!e))}}}),n.createElement(Ze,{_label:"Switch orientation (horizontal/vertical)",_on:{onChange:()=>{r((e=>"horizontal"===e?"vertical":"horizontal"))}},_variant:"switch"})),e&&n.createElement(Ve,null,n.createElement("div",{className:"container my-4 d-grid gap-4"},n.createElement(tt,{_label:`Test (${a})`,_options:l,_orientation:a,_required:!0}),n.createElement(tt,{_hideLabel:!0,_label:`Test (${a})`,_options:l,_orientation:a,_required:!0}))))},object:()=>{const e=[{label:"Field 1",value:{id:1,name:"Option 1"}},{label:"Field 2",value:{id:2,name:"Option 2"}}];return n.createElement("div",{className:"grid gap-4"},n.createElement(Cn,null,"This sample shows KolInputRadio with ",n.createElement("code",null,"object")," and ",n.createElement("code",null,"undefined")," values."),n.createElement(Ve,null,n.createElement("p",null,"In this example for ",n.createElement("code",null,"KolInputRadio"),", the values of the options are defined as objects."),n.createElement("div",{className:"container my-4 d-grid gap-4"},n.createElement(tt,{_value:e[1].value,_options:e,_label:"Test (with object value)"})),n.createElement("p",null,"In this example for ",n.createElement("code",null,"KolInputRadio"),", no value is set."),n.createElement("div",{className:"container my-4 d-grid gap-4"},n.createElement(tt,{_options:e,_label:"Test (without value)"}))))}}};var si=Object.defineProperty,ui=Object.defineProperties,di=Object.getOwnPropertyDescriptors,mi=Object.getOwnPropertySymbols,pi=Object.prototype.hasOwnProperty,fi=Object.prototype.propertyIsEnumerable,hi=(e,t,n)=>t in e?si(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,bi=(e,t)=>{for(var n in t||(t={}))pi.call(t,n)&&hi(e,n,t[n]);if(mi)for(var n of mi(t))fi.call(t,n)&&hi(e,n,t[n]);return e},gi=(e,t)=>ui(e,di(t));const vi=(0,n.forwardRef)((function(e,t){return n.createElement("div",{className:"grid gap-4"},n.createElement("div",{className:"black-background"},n.createElement(nt,gi(bi({},e),{_min:0,_max:50,_msg:{_type:"error",_description:xn},_label:"Slider (Black background test)",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0}))),n.createElement(nt,gi(bi({},e),{ref:t,_accessKey:"F",_min:0,_max:50,_step:10,_hint:Sn,_msg:{_type:"error",_description:xn},_label:"Slider with error",_touched:!0})),n.createElement(nt,gi(bi({},e),{_msg:{_type:"info",_description:"Just a hint"},_label:"Slider"})),n.createElement(nt,gi(bi({},e),{_msg:{_type:"warning",_description:"Small warning"},_label:"Slider"})),n.createElement(nt,gi(bi({},e),{_msg:{_type:"success",_description:"Success message"},_label:"Slider"})),n.createElement(nt,gi(bi({},e),{_disabled:!0,_min:0,_max:50,_label:"Slider (disabled)"})),n.createElement(nt,gi(bi({},e),{_min:0,_max:50,_label:"With access key",_accessKey:"c"})),n.createElement(nt,gi(bi({},e),{_min:0,_max:50,_label:"With short key",_shortKey:"s"})))}));var _i=Object.defineProperty,ki=Object.defineProperties,yi=Object.getOwnPropertyDescriptors,wi=Object.getOwnPropertySymbols,Ei=Object.prototype.hasOwnProperty,xi=Object.prototype.propertyIsEnumerable,Si=(e,t,n)=>t in e?_i(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Ti=(e,t)=>{for(var n in t||(t={}))Ei.call(t,n)&&Si(e,n,t[n]);if(wi)for(var n of wi(t))xi.call(t,n)&&Si(e,n,t[n]);return e};const Ci=(0,n.forwardRef)((function(e,t){return n.createElement(or,null,n.createElement("fieldset",null,n.createElement("legend",null,"Range"),n.createElement(vi,Ti({},e))),n.createElement("fieldset",null,n.createElement("legend",null,"Range (hideLabel)"),n.createElement(vi,(e=>ki(e,yi({_hideLabel:!0})))(Ti({ref:t},e)))))})),zi={"input-range":{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolInputRange renders a pair of range- and number fields wich are synchronized with each other. The sample shows KolInputRange in a form context with all variations and states.")),n.createElement(Ga,{RefComponent:Ci}))}};var Oi=Object.defineProperty,Ni=Object.defineProperties,Li=Object.getOwnPropertyDescriptors,Ai=Object.getOwnPropertySymbols,$i=Object.prototype.hasOwnProperty,Bi=Object.prototype.propertyIsEnumerable,Pi=(e,t,n)=>t in e?Oi(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Ii=(e,t)=>{for(var n in t||(t={}))$i.call(t,n)&&Pi(e,n,t[n]);if(Ai)for(var n of Ai(t))Bi.call(t,n)&&Pi(e,n,t[n]);return e},ji=(e,t)=>Ni(e,Li(t));const Mi=(0,n.forwardRef)((function(e,t){return n.createElement("div",{className:"grid gap-4"},n.createElement("div",{className:"black-background"},n.createElement(at,ji(Ii({},e),{_value:"Value",_label:"First name (Black background test)"}))),n.createElement(at,ji(Ii({},e),{_hint:Sn,_msg:{_type:"error",_description:xn,_label:"test headline"},_placeholder:"With icons",_icons:{right:{icon:"codicon codicon-arrow-right",style:{"font-size":"200%","margin-right":"calc(-8rem / var(--kolibri-root-font-size, 16))"}}},_on:{onBlur:console.log,onChange:console.log,onClick:console.log,onFocus:console.log},_required:!0,_type:"search",_touched:!0,_label:"First name (text)",_accessKey:"V",ref:t})),n.createElement(at,ji(Ii({},e),{_placeholder:"Placeholder",_msg:{_type:"info",_description:"Just a hint"},_label:"Search",_type:"search"})),n.createElement(at,ji(Ii({},e),{_placeholder:"Placeholder",_msg:{_type:"error",_description:xn},_touched:!0,_type:"url",_label:"URL (url)"})),n.createElement(at,ji(Ii({},e),{_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"warning",_description:"Small warning"}})),n.createElement(at,ji(Ii({},e),{_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"success",_description:"Success message"}})),n.createElement(at,ji(Ii({},e),{_placeholder:"Placeholder",_label:"With counter",_hasCounter:!0,_maxLength:10,_value:"Lorem Ipsum"})),n.createElement(at,ji(Ii({},e),{_placeholder:"Placeholder",_readOnly:!0,_label:"First name (text, readonly)"})),n.createElement(at,ji(Ii({},e),{_value:"Value",_readOnly:!0,_label:"First name (text, readonly)"})),n.createElement(at,ji(Ii({},e),{_placeholder:"Placeholder",_disabled:!0,_label:"First name (text, disabled)"})),n.createElement(at,ji(Ii({},e),{_value:"Value",_disabled:!0,_label:"First name (text, disabled)"})),n.createElement(at,ji(Ii({},e),{_value:"Value",_label:"With access key",_accessKey:"c"})),n.createElement(at,ji(Ii({},e),{_value:"Value",_label:"With short key",_shortKey:"s"})))}));var Fi=Object.defineProperty,Ri=Object.defineProperties,Di=Object.getOwnPropertyDescriptors,Ki=Object.getOwnPropertySymbols,Hi=Object.prototype.hasOwnProperty,Vi=Object.prototype.propertyIsEnumerable,Ui=(e,t,n)=>t in e?Fi(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Wi=(e,t)=>{for(var n in t||(t={}))Hi.call(t,n)&&Ui(e,n,t[n]);if(Ki)for(var n of Ki(t))Vi.call(t,n)&&Ui(e,n,t[n]);return e};const qi=(0,n.forwardRef)((function(e,t){return n.createElement(or,null,n.createElement("fieldset",null,n.createElement("legend",null,"Text"),n.createElement(Mi,Wi({},e))),n.createElement("fieldset",null,n.createElement("legend",null,"Text (hideLabel)"),n.createElement(Mi,(e=>Ri(e,Di({_hideLabel:!0})))(Wi({ref:t},e)))))}));var Zi=function(e){return function(e){return!!e&&"object"==typeof e}(e)&&!function(e){var t=Object.prototype.toString.call(e);return"[object RegExp]"===t||"[object Date]"===t||function(e){return e.$$typeof===Gi}(e)}(e)},Gi="function"==typeof Symbol&&Symbol.for?Symbol.for("react.element"):60103;function Yi(e,t){return!1!==t.clone&&t.isMergeableObject(e)?Qi((n=e,Array.isArray(n)?[]:{}),e,t):e;var n}function Ji(e,t,n){return e.concat(t).map((function(e){return Yi(e,n)}))}function Qi(e,t,n){(n=n||{}).arrayMerge=n.arrayMerge||Ji,n.isMergeableObject=n.isMergeableObject||Zi;var a=Array.isArray(t);return a===Array.isArray(e)?a?n.arrayMerge(e,t,n):function(e,t,n){var a={};return n.isMergeableObject(e)&&Object.keys(e).forEach((function(t){a[t]=Yi(e[t],n)})),Object.keys(t).forEach((function(r){n.isMergeableObject(t[r])&&e[r]?a[r]=Qi(e[r],t[r],n):a[r]=Yi(t[r],n)})),a}(e,t,n):Yi(t,n)}Qi.all=function(e,t){if(!Array.isArray(e))throw new Error("first argument should be an array");return e.reduce((function(e,n){return Qi(e,n,t)}),{})};const Xi=Qi,ec="object"==typeof global&&global&&global.Object===Object&&global;var tc="object"==typeof self&&self&&self.Object===Object&&self;const nc=ec||tc||Function("return this")(),ac=nc.Symbol;var rc=Object.prototype,lc=rc.hasOwnProperty,oc=rc.toString,ic=ac?ac.toStringTag:void 0;var cc=Object.prototype.toString;var sc=ac?ac.toStringTag:void 0;const uc=function(e){return null==e?void 0===e?"[object Undefined]":"[object Null]":sc&&sc in Object(e)?function(e){var t=lc.call(e,ic),n=e[ic];try{e[ic]=void 0;var a=!0}catch(e){}var r=oc.call(e);return a&&(t?e[ic]=n:delete e[ic]),r}(e):function(e){return cc.call(e)}(e)},dc=function(e,t){return function(n){return e(t(n))}},mc=dc(Object.getPrototypeOf,Object),pc=function(e){return null!=e&&"object"==typeof e};var fc=Function.prototype,hc=Object.prototype,bc=fc.toString,gc=hc.hasOwnProperty,vc=bc.call(Object);const _c=function(e){if(!pc(e)||"[object Object]"!=uc(e))return!1;var t=mc(e);if(null===t)return!0;var n=gc.call(t,"constructor")&&t.constructor;return"function"==typeof n&&n instanceof n&&bc.call(n)==vc},kc=function(e,t){return e===t||e!=e&&t!=t},yc=function(e,t){for(var n=e.length;n--;)if(kc(e[n][0],t))return n;return-1};var wc=Array.prototype.splice;function Ec(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var a=e[t];this.set(a[0],a[1])}}Ec.prototype.clear=function(){this.__data__=[],this.size=0},Ec.prototype.delete=function(e){var t=this.__data__,n=yc(t,e);return!(n<0||(n==t.length-1?t.pop():wc.call(t,n,1),--this.size,0))},Ec.prototype.get=function(e){var t=this.__data__,n=yc(t,e);return n<0?void 0:t[n][1]},Ec.prototype.has=function(e){return yc(this.__data__,e)>-1},Ec.prototype.set=function(e,t){var n=this.__data__,a=yc(n,e);return a<0?(++this.size,n.push([e,t])):n[a][1]=t,this};const xc=Ec,Sc=function(e){var t=typeof e;return null!=e&&("object"==t||"function"==t)},Tc=function(e){if(!Sc(e))return!1;var t=uc(e);return"[object Function]"==t||"[object GeneratorFunction]"==t||"[object AsyncFunction]"==t||"[object Proxy]"==t},Cc=nc["__core-js_shared__"];var zc,Oc=(zc=/[^.]+$/.exec(Cc&&Cc.keys&&Cc.keys.IE_PROTO||""))?"Symbol(src)_1."+zc:"";var Nc=Function.prototype.toString;const Lc=function(e){if(null!=e){try{return Nc.call(e)}catch(e){}try{return e+""}catch(e){}}return""};var Ac=/^\[object .+?Constructor\]$/,$c=Function.prototype,Bc=Object.prototype,Pc=$c.toString,Ic=Bc.hasOwnProperty,jc=RegExp("^"+Pc.call(Ic).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");const Mc=function(e){return!(!Sc(e)||(t=e,Oc&&Oc in t))&&(Tc(e)?jc:Ac).test(Lc(e));var t},Fc=function(e,t){var n=function(e,t){return null==e?void 0:e[t]}(e,t);return Mc(n)?n:void 0},Rc=Fc(nc,"Map"),Dc=Fc(Object,"create");var Kc=Object.prototype.hasOwnProperty;var Hc=Object.prototype.hasOwnProperty;function Vc(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var a=e[t];this.set(a[0],a[1])}}Vc.prototype.clear=function(){this.__data__=Dc?Dc(null):{},this.size=0},Vc.prototype.delete=function(e){var t=this.has(e)&&delete this.__data__[e];return this.size-=t?1:0,t},Vc.prototype.get=function(e){var t=this.__data__;if(Dc){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return Kc.call(t,e)?t[e]:void 0},Vc.prototype.has=function(e){var t=this.__data__;return Dc?void 0!==t[e]:Hc.call(t,e)},Vc.prototype.set=function(e,t){var n=this.__data__;return this.size+=this.has(e)?0:1,n[e]=Dc&&void 0===t?"__lodash_hash_undefined__":t,this};const Uc=Vc,Wc=function(e,t){var n,a,r=e.__data__;return("string"==(a=typeof(n=t))||"number"==a||"symbol"==a||"boolean"==a?"__proto__"!==n:null===n)?r["string"==typeof t?"string":"hash"]:r.map};function qc(e){var t=-1,n=null==e?0:e.length;for(this.clear();++t<n;){var a=e[t];this.set(a[0],a[1])}}qc.prototype.clear=function(){this.size=0,this.__data__={hash:new Uc,map:new(Rc||xc),string:new Uc}},qc.prototype.delete=function(e){var t=Wc(this,e).delete(e);return this.size-=t?1:0,t},qc.prototype.get=function(e){return Wc(this,e).get(e)},qc.prototype.has=function(e){return Wc(this,e).has(e)},qc.prototype.set=function(e,t){var n=Wc(this,e),a=n.size;return n.set(e,t),this.size+=n.size==a?0:1,this};const Zc=qc;function Gc(e){var t=this.__data__=new xc(e);this.size=t.size}Gc.prototype.clear=function(){this.__data__=new xc,this.size=0},Gc.prototype.delete=function(e){var t=this.__data__,n=t.delete(e);return this.size=t.size,n},Gc.prototype.get=function(e){return this.__data__.get(e)},Gc.prototype.has=function(e){return this.__data__.has(e)},Gc.prototype.set=function(e,t){var n=this.__data__;if(n instanceof xc){var a=n.__data__;if(!Rc||a.length<199)return a.push([e,t]),this.size=++n.size,this;n=this.__data__=new Zc(a)}return n.set(e,t),this.size=n.size,this};const Yc=Gc,Jc=function(){try{var e=Fc(Object,"defineProperty");return e({},"",{}),e}catch(e){}}(),Qc=function(e,t,n){"__proto__"==t&&Jc?Jc(e,t,{configurable:!0,enumerable:!0,value:n,writable:!0}):e[t]=n};var Xc=Object.prototype.hasOwnProperty;const es=function(e,t,n){var a=e[t];Xc.call(e,t)&&kc(a,n)&&(void 0!==n||t in e)||Qc(e,t,n)},ts=function(e,t,n,a){var r=!n;n||(n={});for(var l=-1,o=t.length;++l<o;){var i=t[l],c=a?a(n[i],e[i],i,n,e):void 0;void 0===c&&(c=e[i]),r?Qc(n,i,c):es(n,i,c)}return n},ns=function(e){return pc(e)&&"[object Arguments]"==uc(e)};var as=Object.prototype,rs=as.hasOwnProperty,ls=as.propertyIsEnumerable;const os=ns(function(){return arguments}())?ns:function(e){return pc(e)&&rs.call(e,"callee")&&!ls.call(e,"callee")},is=Array.isArray;var cs="object"==typeof exports&&exports&&!exports.nodeType&&exports,ss=cs&&"object"==typeof module&&module&&!module.nodeType&&module,us=ss&&ss.exports===cs?nc.Buffer:void 0;const ds=(us?us.isBuffer:void 0)||function(){return!1};var ms=/^(?:0|[1-9]\d*)$/;const ps=function(e,t){var n=typeof e;return!!(t=null==t?9007199254740991:t)&&("number"==n||"symbol"!=n&&ms.test(e))&&e>-1&&e%1==0&&e<t},fs=function(e){return"number"==typeof e&&e>-1&&e%1==0&&e<=9007199254740991};var hs={};hs["[object Float32Array]"]=hs["[object Float64Array]"]=hs["[object Int8Array]"]=hs["[object Int16Array]"]=hs["[object Int32Array]"]=hs["[object Uint8Array]"]=hs["[object Uint8ClampedArray]"]=hs["[object Uint16Array]"]=hs["[object Uint32Array]"]=!0,hs["[object Arguments]"]=hs["[object Array]"]=hs["[object ArrayBuffer]"]=hs["[object Boolean]"]=hs["[object DataView]"]=hs["[object Date]"]=hs["[object Error]"]=hs["[object Function]"]=hs["[object Map]"]=hs["[object Number]"]=hs["[object Object]"]=hs["[object RegExp]"]=hs["[object Set]"]=hs["[object String]"]=hs["[object WeakMap]"]=!1;const bs=function(e){return function(t){return e(t)}};var gs="object"==typeof exports&&exports&&!exports.nodeType&&exports,vs=gs&&"object"==typeof module&&module&&!module.nodeType&&module,_s=vs&&vs.exports===gs&&ec.process;const ks=function(){try{return vs&&vs.require&&vs.require("util").types||_s&&_s.binding&&_s.binding("util")}catch(e){}}();var ys=ks&&ks.isTypedArray;const ws=ys?bs(ys):function(e){return pc(e)&&fs(e.length)&&!!hs[uc(e)]};var Es=Object.prototype.hasOwnProperty;const xs=function(e,t){var n=is(e),a=!n&&os(e),r=!n&&!a&&ds(e),l=!n&&!a&&!r&&ws(e),o=n||a||r||l,i=o?function(e,t){for(var n=-1,a=Array(e);++n<e;)a[n]=t(n);return a}(e.length,String):[],c=i.length;for(var s in e)!t&&!Es.call(e,s)||o&&("length"==s||r&&("offset"==s||"parent"==s)||l&&("buffer"==s||"byteLength"==s||"byteOffset"==s)||ps(s,c))||i.push(s);return i};var Ss=Object.prototype;const Ts=function(e){var t=e&&e.constructor;return e===("function"==typeof t&&t.prototype||Ss)},Cs=dc(Object.keys,Object);var zs=Object.prototype.hasOwnProperty;const Os=function(e){return null!=e&&fs(e.length)&&!Tc(e)},Ns=function(e){return Os(e)?xs(e):function(e){if(!Ts(e))return Cs(e);var t=[];for(var n in Object(e))zs.call(e,n)&&"constructor"!=n&&t.push(n);return t}(e)};var Ls=Object.prototype.hasOwnProperty;const As=function(e){if(!Sc(e))return function(e){var t=[];if(null!=e)for(var n in Object(e))t.push(n);return t}(e);var t=Ts(e),n=[];for(var a in e)("constructor"!=a||!t&&Ls.call(e,a))&&n.push(a);return n},$s=function(e){return Os(e)?xs(e,!0):As(e)};var Bs="object"==typeof exports&&exports&&!exports.nodeType&&exports,Ps=Bs&&"object"==typeof module&&module&&!module.nodeType&&module,Is=Ps&&Ps.exports===Bs?nc.Buffer:void 0,js=Is?Is.allocUnsafe:void 0;const Ms=function(e,t){var n=-1,a=e.length;for(t||(t=Array(a));++n<a;)t[n]=e[n];return t},Fs=function(){return[]};var Rs=Object.prototype.propertyIsEnumerable,Ds=Object.getOwnPropertySymbols;const Ks=Ds?function(e){return null==e?[]:(e=Object(e),function(e,t){for(var n=-1,a=null==e?0:e.length,r=0,l=[];++n<a;){var o=e[n];t(o,n,e)&&(l[r++]=o)}return l}(Ds(e),(function(t){return Rs.call(e,t)})))}:Fs,Hs=function(e,t){for(var n=-1,a=t.length,r=e.length;++n<a;)e[r+n]=t[n];return e},Vs=Object.getOwnPropertySymbols?function(e){for(var t=[];e;)Hs(t,Ks(e)),e=mc(e);return t}:Fs,Us=function(e,t,n){var a=t(e);return is(e)?a:Hs(a,n(e))},Ws=function(e){return Us(e,Ns,Ks)},qs=function(e){return Us(e,$s,Vs)},Zs=Fc(nc,"DataView"),Gs=Fc(nc,"Promise"),Ys=Fc(nc,"Set"),Js=Fc(nc,"WeakMap");var Qs="[object Map]",Xs="[object Promise]",eu="[object Set]",tu="[object WeakMap]",nu="[object DataView]",au=Lc(Zs),ru=Lc(Rc),lu=Lc(Gs),ou=Lc(Ys),iu=Lc(Js),cu=uc;(Zs&&cu(new Zs(new ArrayBuffer(1)))!=nu||Rc&&cu(new Rc)!=Qs||Gs&&cu(Gs.resolve())!=Xs||Ys&&cu(new Ys)!=eu||Js&&cu(new Js)!=tu)&&(cu=function(e){var t=uc(e),n="[object Object]"==t?e.constructor:void 0,a=n?Lc(n):"";if(a)switch(a){case au:return nu;case ru:return Qs;case lu:return Xs;case ou:return eu;case iu:return tu}return t});const su=cu;var uu=Object.prototype.hasOwnProperty;const du=nc.Uint8Array,mu=function(e){var t=new e.constructor(e.byteLength);return new du(t).set(new du(e)),t};var pu=/\w*$/;var fu=ac?ac.prototype:void 0,hu=fu?fu.valueOf:void 0;const bu=function(e,t,n){var a,r,l,o=e.constructor;switch(t){case"[object ArrayBuffer]":return mu(e);case"[object Boolean]":case"[object Date]":return new o(+e);case"[object DataView]":return function(e,t){var n=t?mu(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.byteLength)}(e,n);case"[object Float32Array]":case"[object Float64Array]":case"[object Int8Array]":case"[object Int16Array]":case"[object Int32Array]":case"[object Uint8Array]":case"[object Uint8ClampedArray]":case"[object Uint16Array]":case"[object Uint32Array]":return function(e,t){var n=t?mu(e.buffer):e.buffer;return new e.constructor(n,e.byteOffset,e.length)}(e,n);case"[object Map]":case"[object Set]":return new o;case"[object Number]":case"[object String]":return new o(e);case"[object RegExp]":return(l=new(r=e).constructor(r.source,pu.exec(r))).lastIndex=r.lastIndex,l;case"[object Symbol]":return a=e,hu?Object(hu.call(a)):{}}};var gu=Object.create;const vu=function(){function e(){}return function(t){if(!Sc(t))return{};if(gu)return gu(t);e.prototype=t;var n=new e;return e.prototype=void 0,n}}();var _u=ks&&ks.isMap;const ku=_u?bs(_u):function(e){return pc(e)&&"[object Map]"==su(e)};var yu=ks&&ks.isSet;const wu=yu?bs(yu):function(e){return pc(e)&&"[object Set]"==su(e)};var Eu="[object Arguments]",xu="[object Function]",Su="[object Object]",Tu={};Tu[Eu]=Tu["[object Array]"]=Tu["[object ArrayBuffer]"]=Tu["[object DataView]"]=Tu["[object Boolean]"]=Tu["[object Date]"]=Tu["[object Float32Array]"]=Tu["[object Float64Array]"]=Tu["[object Int8Array]"]=Tu["[object Int16Array]"]=Tu["[object Int32Array]"]=Tu["[object Map]"]=Tu["[object Number]"]=Tu[Su]=Tu["[object RegExp]"]=Tu["[object Set]"]=Tu["[object String]"]=Tu["[object Symbol]"]=Tu["[object Uint8Array]"]=Tu["[object Uint8ClampedArray]"]=Tu["[object Uint16Array]"]=Tu["[object Uint32Array]"]=!0,Tu["[object Error]"]=Tu[xu]=Tu["[object WeakMap]"]=!1;const Cu=function e(t,n,a,r,l,o){var i,c=1&n,s=2&n,u=4&n;if(a&&(i=l?a(t,r,l,o):a(t)),void 0!==i)return i;if(!Sc(t))return t;var d=is(t);if(d){if(i=function(e){var t=e.length,n=new e.constructor(t);return t&&"string"==typeof e[0]&&uu.call(e,"index")&&(n.index=e.index,n.input=e.input),n}(t),!c)return Ms(t,i)}else{var m=su(t),p=m==xu||"[object GeneratorFunction]"==m;if(ds(t))return function(e,t){if(t)return e.slice();var n=e.length,a=js?js(n):new e.constructor(n);return e.copy(a),a}(t,c);if(m==Su||m==Eu||p&&!l){if(i=s||p?{}:function(e){return"function"!=typeof e.constructor||Ts(e)?{}:vu(mc(e))}(t),!c)return s?function(e,t){return ts(e,Vs(e),t)}(t,function(e,t){return e&&ts(t,$s(t),e)}(i,t)):function(e,t){return ts(e,Ks(e),t)}(t,function(e,t){return e&&ts(t,Ns(t),e)}(i,t))}else{if(!Tu[m])return l?t:{};i=bu(t,m,c)}}o||(o=new Yc);var f=o.get(t);if(f)return f;o.set(t,i),wu(t)?t.forEach((function(r){i.add(e(r,n,a,r,t,o))})):ku(t)&&t.forEach((function(r,l){i.set(l,e(r,n,a,l,t,o))}));var h=d?void 0:(u?s?qs:Ws:s?$s:Ns)(t);return function(e,t){for(var n=-1,a=null==e?0:e.length;++n<a&&!1!==t(e[n],n,e););}(h||t,(function(r,l){h&&(r=t[l=r]),es(i,l,e(r,n,a,l,t,o))})),i},zu=function(e){return Cu(e,5)};var Ou=o(3344),Nu=o.n(Ou);const Lu=function(e){return Cu(e,4)},Au=function(e,t){for(var n=-1,a=null==e?0:e.length,r=Array(a);++n<a;)r[n]=t(e[n],n,e);return r},$u=function(e){return"symbol"==typeof e||pc(e)&&"[object Symbol]"==uc(e)};function Bu(e,t){if("function"!=typeof e||null!=t&&"function"!=typeof t)throw new TypeError("Expected a function");var n=function(){var a=arguments,r=t?t.apply(this,a):a[0],l=n.cache;if(l.has(r))return l.get(r);var o=e.apply(this,a);return n.cache=l.set(r,o)||l,o};return n.cache=new(Bu.Cache||Zc),n}Bu.Cache=Zc;var Pu=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,Iu=/\\(\\)?/g;const ju=(Mu=Bu((function(e){var t=[];return 46===e.charCodeAt(0)&&t.push(""),e.replace(Pu,(function(e,n,a,r){t.push(a?r.replace(Iu,"$1"):n||e)})),t}),(function(e){return 500===Fu.size&&Fu.clear(),e})),Fu=Mu.cache,Mu);var Mu,Fu;const Ru=function(e){if("string"==typeof e||$u(e))return e;var t=e+"";return"0"==t&&1/e==-1/0?"-0":t};var Du=ac?ac.prototype:void 0,Ku=Du?Du.toString:void 0;const Hu=function e(t){if("string"==typeof t)return t;if(is(t))return Au(t,e)+"";if($u(t))return Ku?Ku.call(t):"";var n=t+"";return"0"==n&&1/t==-1/0?"-0":n},Vu=function(e){return null==e?"":Hu(e)},Uu=function(e){return is(e)?Au(e,Ru):$u(e)?[e]:Ms(ju(Vu(e)))};function Wu(){return Wu=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e},Wu.apply(this,arguments)}function qu(e,t){if(null==e)return{};var n,a,r={},l=Object.keys(e);for(a=0;a<l.length;a++)n=l[a],t.indexOf(n)>=0||(r[n]=e[n]);return r}function Zu(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}o(642);var Gu=(0,n.createContext)(void 0);Gu.displayName="FormikContext";var Yu=Gu.Provider;function Ju(){var e=(0,n.useContext)(Gu);return e}Gu.Consumer;var Qu=function(e){return Array.isArray(e)&&0===e.length},Xu=function(e){return"function"==typeof e},ed=function(e){return null!==e&&"object"==typeof e},td=function(e){return String(Math.floor(Number(e)))===e},nd=function(e){return"[object String]"===Object.prototype.toString.call(e)},ad=function(e){return 0===n.Children.count(e)},rd=function(e){return ed(e)&&Xu(e.then)};function ld(e,t,n,a){void 0===a&&(a=0);for(var r=Uu(t);e&&a<r.length;)e=e[r[a++]];return a===r.length||e?void 0===e?n:e:n}function od(e,t,n){for(var a=Lu(e),r=a,l=0,o=Uu(t);l<o.length-1;l++){var i=o[l],c=ld(e,o.slice(0,l+1));if(c&&(ed(c)||Array.isArray(c)))r=r[i]=Lu(c);else{var s=o[l+1];r=r[i]=td(s)&&Number(s)>=0?[]:{}}}return(0===l?e:r)[o[l]]===n?e:(void 0===n?delete r[o[l]]:r[o[l]]=n,0===l&&void 0===n&&delete a[o[l]],a)}function id(e,t,n,a){void 0===n&&(n=new WeakMap),void 0===a&&(a={});for(var r=0,l=Object.keys(e);r<l.length;r++){var o=l[r],i=e[o];ed(i)?n.get(i)||(n.set(i,!0),a[o]=Array.isArray(i)?[]:{},id(i,t,n,a[o])):a[o]=t}return a}var cd={},sd={};function ud(e){var t=e.validateOnChange,a=void 0===t||t,r=e.validateOnBlur,l=void 0===r||r,o=e.validateOnMount,i=void 0!==o&&o,c=e.isInitialValid,s=e.enableReinitialize,u=void 0!==s&&s,d=e.onSubmit,m=qu(e,["validateOnChange","validateOnBlur","validateOnMount","isInitialValid","enableReinitialize","onSubmit"]),p=Wu({validateOnChange:a,validateOnBlur:l,validateOnMount:i,onSubmit:d},m),f=(0,n.useRef)(p.initialValues),h=(0,n.useRef)(p.initialErrors||cd),b=(0,n.useRef)(p.initialTouched||sd),g=(0,n.useRef)(p.initialStatus),v=(0,n.useRef)(!1),_=(0,n.useRef)({});(0,n.useEffect)((function(){return v.current=!0,function(){v.current=!1}}),[]);var k=(0,n.useState)(0)[1],y=(0,n.useRef)({values:zu(p.initialValues),errors:zu(p.initialErrors)||cd,touched:zu(p.initialTouched)||sd,status:zu(p.initialStatus),isSubmitting:!1,isValidating:!1,submitCount:0}),w=y.current,E=(0,n.useCallback)((function(e){var t=y.current;y.current=function(e,t){switch(t.type){case"SET_VALUES":return Wu({},e,{values:t.payload});case"SET_TOUCHED":return Wu({},e,{touched:t.payload});case"SET_ERRORS":return Nu()(e.errors,t.payload)?e:Wu({},e,{errors:t.payload});case"SET_STATUS":return Wu({},e,{status:t.payload});case"SET_ISSUBMITTING":return Wu({},e,{isSubmitting:t.payload});case"SET_ISVALIDATING":return Wu({},e,{isValidating:t.payload});case"SET_FIELD_VALUE":return Wu({},e,{values:od(e.values,t.payload.field,t.payload.value)});case"SET_FIELD_TOUCHED":return Wu({},e,{touched:od(e.touched,t.payload.field,t.payload.value)});case"SET_FIELD_ERROR":return Wu({},e,{errors:od(e.errors,t.payload.field,t.payload.value)});case"RESET_FORM":return Wu({},e,t.payload);case"SET_FORMIK_STATE":return t.payload(e);case"SUBMIT_ATTEMPT":return Wu({},e,{touched:id(e.values,!0),isSubmitting:!0,submitCount:e.submitCount+1});case"SUBMIT_FAILURE":case"SUBMIT_SUCCESS":return Wu({},e,{isSubmitting:!1});default:return e}}(t,e),t!==y.current&&k((function(e){return e+1}))}),[]),x=(0,n.useCallback)((function(e,t){return new Promise((function(n,a){var r=p.validate(e,t);null==r?n(cd):rd(r)?r.then((function(e){n(e||cd)}),(function(e){a(e)})):n(r)}))}),[p.validate]),S=(0,n.useCallback)((function(e,t){var n=p.validationSchema,a=Xu(n)?n(t):n,r=t&&a.validateAt?a.validateAt(t,e):function(e,t,n){void 0===n&&(n=!1);var a=md(e);return t[n?"validateSync":"validate"](a,{abortEarly:!1,context:a})}(e,a);return new Promise((function(e,t){r.then((function(){e(cd)}),(function(n){"ValidationError"===n.name?e(function(e){var t={};if(e.inner){if(0===e.inner.length)return od(t,e.path,e.message);var n=e.inner,a=Array.isArray(n),r=0;for(n=a?n:n[Symbol.iterator]();;){var l;if(a){if(r>=n.length)break;l=n[r++]}else{if((r=n.next()).done)break;l=r.value}var o=l;ld(t,o.path)||(t=od(t,o.path,o.message))}}return t}(n)):t(n)}))}))}),[p.validationSchema]),T=(0,n.useCallback)((function(e,t){return new Promise((function(n){return n(_.current[e].validate(t))}))}),[]),C=(0,n.useCallback)((function(e){var t=Object.keys(_.current).filter((function(e){return Xu(_.current[e].validate)})),n=t.length>0?t.map((function(t){return T(t,ld(e,t))})):[Promise.resolve("DO_NOT_DELETE_YOU_WILL_BE_FIRED")];return Promise.all(n).then((function(e){return e.reduce((function(e,n,a){return"DO_NOT_DELETE_YOU_WILL_BE_FIRED"===n||n&&(e=od(e,t[a],n)),e}),{})}))}),[T]),z=(0,n.useCallback)((function(e){return Promise.all([C(e),p.validationSchema?S(e):{},p.validate?x(e):{}]).then((function(e){var t=e[0],n=e[1],a=e[2];return Xi.all([t,n,a],{arrayMerge:pd})}))}),[p.validate,p.validationSchema,C,x,S]),O=hd((function(e){return void 0===e&&(e=w.values),E({type:"SET_ISVALIDATING",payload:!0}),z(e).then((function(e){return v.current&&(E({type:"SET_ISVALIDATING",payload:!1}),E({type:"SET_ERRORS",payload:e})),e}))}));(0,n.useEffect)((function(){i&&!0===v.current&&Nu()(f.current,p.initialValues)&&O(f.current)}),[i,O]);var N=(0,n.useCallback)((function(e){var t=e&&e.values?e.values:f.current,n=e&&e.errors?e.errors:h.current?h.current:p.initialErrors||{},a=e&&e.touched?e.touched:b.current?b.current:p.initialTouched||{},r=e&&e.status?e.status:g.current?g.current:p.initialStatus;f.current=t,h.current=n,b.current=a,g.current=r;var l=function(){E({type:"RESET_FORM",payload:{isSubmitting:!!e&&!!e.isSubmitting,errors:n,touched:a,status:r,values:t,isValidating:!!e&&!!e.isValidating,submitCount:e&&e.submitCount&&"number"==typeof e.submitCount?e.submitCount:0}})};if(p.onReset){var o=p.onReset(w.values,G);rd(o)?o.then(l):l()}else l()}),[p.initialErrors,p.initialStatus,p.initialTouched,p.onReset]);(0,n.useEffect)((function(){!0!==v.current||Nu()(f.current,p.initialValues)||u&&(f.current=p.initialValues,N(),i&&O(f.current))}),[u,p.initialValues,N,i,O]),(0,n.useEffect)((function(){u&&!0===v.current&&!Nu()(h.current,p.initialErrors)&&(h.current=p.initialErrors||cd,E({type:"SET_ERRORS",payload:p.initialErrors||cd}))}),[u,p.initialErrors]),(0,n.useEffect)((function(){u&&!0===v.current&&!Nu()(b.current,p.initialTouched)&&(b.current=p.initialTouched||sd,E({type:"SET_TOUCHED",payload:p.initialTouched||sd}))}),[u,p.initialTouched]),(0,n.useEffect)((function(){u&&!0===v.current&&!Nu()(g.current,p.initialStatus)&&(g.current=p.initialStatus,E({type:"SET_STATUS",payload:p.initialStatus}))}),[u,p.initialStatus,p.initialTouched]);var L=hd((function(e){if(_.current[e]&&Xu(_.current[e].validate)){var t=ld(w.values,e),n=_.current[e].validate(t);return rd(n)?(E({type:"SET_ISVALIDATING",payload:!0}),n.then((function(e){return e})).then((function(t){E({type:"SET_FIELD_ERROR",payload:{field:e,value:t}}),E({type:"SET_ISVALIDATING",payload:!1})}))):(E({type:"SET_FIELD_ERROR",payload:{field:e,value:n}}),Promise.resolve(n))}return p.validationSchema?(E({type:"SET_ISVALIDATING",payload:!0}),S(w.values,e).then((function(e){return e})).then((function(t){E({type:"SET_FIELD_ERROR",payload:{field:e,value:ld(t,e)}}),E({type:"SET_ISVALIDATING",payload:!1})}))):Promise.resolve()})),A=(0,n.useCallback)((function(e,t){var n=t.validate;_.current[e]={validate:n}}),[]),$=(0,n.useCallback)((function(e){delete _.current[e]}),[]),B=hd((function(e,t){return E({type:"SET_TOUCHED",payload:e}),(void 0===t?l:t)?O(w.values):Promise.resolve()})),P=(0,n.useCallback)((function(e){E({type:"SET_ERRORS",payload:e})}),[]),I=hd((function(e,t){var n=Xu(e)?e(w.values):e;return E({type:"SET_VALUES",payload:n}),(void 0===t?a:t)?O(n):Promise.resolve()})),j=(0,n.useCallback)((function(e,t){E({type:"SET_FIELD_ERROR",payload:{field:e,value:t}})}),[]),M=hd((function(e,t,n){return E({type:"SET_FIELD_VALUE",payload:{field:e,value:t}}),(void 0===n?a:n)?O(od(w.values,e,t)):Promise.resolve()})),F=(0,n.useCallback)((function(e,t){var n,a=t,r=e;if(!nd(e)){e.persist&&e.persist();var l=e.target?e.target:e.currentTarget,o=l.type,i=l.name,c=l.id,s=l.value,u=l.checked,d=(l.outerHTML,l.options),m=l.multiple;a=t||i||c,r=/number|range/.test(o)?(n=parseFloat(s),isNaN(n)?"":n):/checkbox/.test(o)?function(e,t,n){if("boolean"==typeof e)return Boolean(t);var a=[],r=!1,l=-1;if(Array.isArray(e))a=e,r=(l=e.indexOf(n))>=0;else if(!n||"true"==n||"false"==n)return Boolean(t);return t&&n&&!r?a.concat(n):r?a.slice(0,l).concat(a.slice(l+1)):a}(ld(w.values,a),u,s):d&&m?function(e){return Array.from(e).filter((function(e){return e.selected})).map((function(e){return e.value}))}(d):s}a&&M(a,r)}),[M,w.values]),R=hd((function(e){if(nd(e))return function(t){return F(t,e)};F(e)})),D=hd((function(e,t,n){return void 0===t&&(t=!0),E({type:"SET_FIELD_TOUCHED",payload:{field:e,value:t}}),(void 0===n?l:n)?O(w.values):Promise.resolve()})),K=(0,n.useCallback)((function(e,t){e.persist&&e.persist();var n=e.target,a=n.name,r=n.id,l=(n.outerHTML,t||a||r);D(l,!0)}),[D]),H=hd((function(e){if(nd(e))return function(t){return K(t,e)};K(e)})),V=(0,n.useCallback)((function(e){Xu(e)?E({type:"SET_FORMIK_STATE",payload:e}):E({type:"SET_FORMIK_STATE",payload:function(){return e}})}),[]),U=(0,n.useCallback)((function(e){E({type:"SET_STATUS",payload:e})}),[]),W=(0,n.useCallback)((function(e){E({type:"SET_ISSUBMITTING",payload:e})}),[]),q=hd((function(){return E({type:"SUBMIT_ATTEMPT"}),O().then((function(e){var t=e instanceof Error;if(!t&&0===Object.keys(e).length){var n;try{if(void 0===(n=Y()))return}catch(e){throw e}return Promise.resolve(n).then((function(e){return v.current&&E({type:"SUBMIT_SUCCESS"}),e})).catch((function(e){if(v.current)throw E({type:"SUBMIT_FAILURE"}),e}))}if(v.current&&(E({type:"SUBMIT_FAILURE"}),t))throw e}))})),Z=hd((function(e){e&&e.preventDefault&&Xu(e.preventDefault)&&e.preventDefault(),e&&e.stopPropagation&&Xu(e.stopPropagation)&&e.stopPropagation(),q().catch((function(e){console.warn("Warning: An unhandled error was caught from submitForm()",e)}))})),G={resetForm:N,validateForm:O,validateField:L,setErrors:P,setFieldError:j,setFieldTouched:D,setFieldValue:M,setStatus:U,setSubmitting:W,setTouched:B,setValues:I,setFormikState:V,submitForm:q},Y=hd((function(){return d(w.values,G)})),J=hd((function(e){e&&e.preventDefault&&Xu(e.preventDefault)&&e.preventDefault(),e&&e.stopPropagation&&Xu(e.stopPropagation)&&e.stopPropagation(),N()})),Q=(0,n.useCallback)((function(e){return{value:ld(w.values,e),error:ld(w.errors,e),touched:!!ld(w.touched,e),initialValue:ld(f.current,e),initialTouched:!!ld(b.current,e),initialError:ld(h.current,e)}}),[w.errors,w.touched,w.values]),X=(0,n.useCallback)((function(e){return{setValue:function(t,n){return M(e,t,n)},setTouched:function(t,n){return D(e,t,n)},setError:function(t){return j(e,t)}}}),[M,D,j]),ee=(0,n.useCallback)((function(e){var t=ed(e),n=t?e.name:e,a=ld(w.values,n),r={name:n,value:a,onChange:R,onBlur:H};if(t){var l=e.type,o=e.value,i=e.as,c=e.multiple;"checkbox"===l?void 0===o?r.checked=!!a:(r.checked=!(!Array.isArray(a)||!~a.indexOf(o)),r.value=o):"radio"===l?(r.checked=a===o,r.value=o):"select"===i&&c&&(r.value=r.value||[],r.multiple=!0)}return r}),[H,R,w.values]),te=(0,n.useMemo)((function(){return!Nu()(f.current,w.values)}),[f.current,w.values]),ne=(0,n.useMemo)((function(){return void 0!==c?te?w.errors&&0===Object.keys(w.errors).length:!1!==c&&Xu(c)?c(p):c:w.errors&&0===Object.keys(w.errors).length}),[c,te,w.errors,p]);return Wu({},w,{initialValues:f.current,initialErrors:h.current,initialTouched:b.current,initialStatus:g.current,handleBlur:H,handleChange:R,handleReset:J,handleSubmit:Z,resetForm:N,setErrors:P,setFormikState:V,setFieldTouched:D,setFieldValue:M,setFieldError:j,setStatus:U,setSubmitting:W,setTouched:B,setValues:I,submitForm:q,validateForm:O,validateField:L,isValid:ne,dirty:te,unregisterField:$,registerField:A,getFieldProps:ee,getFieldMeta:Q,getFieldHelpers:X,validateOnBlur:l,validateOnChange:a,validateOnMount:i})}function dd(e){var t=ud(e),a=e.component,r=e.children,l=e.render,o=e.innerRef;return(0,n.useImperativeHandle)(o,(function(){return t})),(0,n.createElement)(Yu,{value:t},a?(0,n.createElement)(a,t):l?l(t):r?Xu(r)?r(t):ad(r)?null:n.Children.only(r):null)}function md(e){var t=Array.isArray(e)?[]:{};for(var n in e)if(Object.prototype.hasOwnProperty.call(e,n)){var a=String(n);!0===Array.isArray(e[a])?t[a]=e[a].map((function(e){return!0===Array.isArray(e)||_c(e)?md(e):""!==e?e:void 0})):_c(e[a])?t[a]=md(e[a]):t[a]=""!==e[a]?e[a]:void 0}return t}function pd(e,t,n){var a=e.slice();return t.forEach((function(t,r){if(void 0===a[r]){var l=!1!==n.clone&&n.isMergeableObject(t);a[r]=l?Xi(Array.isArray(t)?[]:{},t,n):t}else n.isMergeableObject(t)?a[r]=Xi(e[r],t,n):-1===e.indexOf(t)&&a.push(t)})),a}var fd="undefined"!=typeof window&&void 0!==window.document&&void 0!==window.document.createElement?n.useLayoutEffect:n.useEffect;function hd(e){var t=(0,n.useRef)(e);return fd((function(){t.current=e})),(0,n.useCallback)((function(){for(var e=arguments.length,n=new Array(e),a=0;a<e;a++)n[a]=arguments[a];return t.current.apply(void 0,n)}),[])}function bd(e){var t=e.validate,a=e.name,r=e.render,l=e.children,o=e.as,i=e.component,c=e.className,s=qu(e,["validate","name","render","children","as","component","className"]),u=qu(Ju(),["validate","validationSchema"]),d=u.registerField,m=u.unregisterField;(0,n.useEffect)((function(){return d(a,{validate:t}),function(){m(a)}}),[d,m,a,t]);var p=u.getFieldProps(Wu({name:a},s)),f=u.getFieldMeta(a),h={field:p,form:u};if(r)return r(Wu({},h,{meta:f}));if(Xu(l))return l(Wu({},h,{meta:f}));if(i){if("string"==typeof i){var b=s.innerRef,g=qu(s,["innerRef"]);return(0,n.createElement)(i,Wu({ref:b},p,g,{className:c}),l)}return(0,n.createElement)(i,Wu({field:p,form:u},s,{className:c}),l)}var v=o||"input";if("string"==typeof v){var _=s.innerRef,k=qu(s,["innerRef"]);return(0,n.createElement)(v,Wu({ref:_},p,k,{className:c}),l)}return(0,n.createElement)(v,Wu({},p,s,{className:c}),l)}(0,n.forwardRef)((function(e,t){var a=e.action,r=qu(e,["action"]),l=null!=a?a:"#",o=Ju(),i=o.handleReset,c=o.handleSubmit;return(0,n.createElement)("form",Wu({onSubmit:c,ref:t,onReset:i,action:l},r))})).displayName="Form";var gd,vd,_d=function(e,t,n){var a=kd(e);return a.splice(t,0,n),a},kd=function(e){if(e){if(Array.isArray(e))return[].concat(e);var t=Object.keys(e).map((function(e){return parseInt(e)})).reduce((function(e,t){return t>e?t:e}),0);return Array.from(Wu({},e,{length:t+1}))}return[]},yd=function(e,t){var n="function"==typeof e?e:t;return function(e){if(Array.isArray(e)||ed(e)){var t=kd(e);return n(t)}return e}},wd=function(e){function t(t){var n;return(n=e.call(this,t)||this).updateArrayField=function(e,t,a){var r=n.props,l=r.name;(0,r.formik.setFormikState)((function(n){var r=yd(a,e),o=yd(t,e),i=od(n.values,l,e(ld(n.values,l))),c=a?r(ld(n.errors,l)):void 0,s=t?o(ld(n.touched,l)):void 0;return Qu(c)&&(c=void 0),Qu(s)&&(s=void 0),Wu({},n,{values:i,errors:a?od(n.errors,l,c):n.errors,touched:t?od(n.touched,l,s):n.touched})}))},n.push=function(e){return n.updateArrayField((function(t){return[].concat(kd(t),[zu(e)])}),!1,!1)},n.handlePush=function(e){return function(){return n.push(e)}},n.swap=function(e,t){return n.updateArrayField((function(n){return function(e,t,n){var a=kd(e),r=a[t];return a[t]=a[n],a[n]=r,a}(n,e,t)}),!0,!0)},n.handleSwap=function(e,t){return function(){return n.swap(e,t)}},n.move=function(e,t){return n.updateArrayField((function(n){return function(e,t,n){var a=kd(e),r=a[t];return a.splice(t,1),a.splice(n,0,r),a}(n,e,t)}),!0,!0)},n.handleMove=function(e,t){return function(){return n.move(e,t)}},n.insert=function(e,t){return n.updateArrayField((function(n){return _d(n,e,t)}),(function(t){return _d(t,e,null)}),(function(t){return _d(t,e,null)}))},n.handleInsert=function(e,t){return function(){return n.insert(e,t)}},n.replace=function(e,t){return n.updateArrayField((function(n){return function(e,t,n){var a=kd(e);return a[t]=n,a}(n,e,t)}),!1,!1)},n.handleReplace=function(e,t){return function(){return n.replace(e,t)}},n.unshift=function(e){var t=-1;return n.updateArrayField((function(n){var a=n?[e].concat(n):[e];return t=a.length,a}),(function(e){return e?[null].concat(e):[null]}),(function(e){return e?[null].concat(e):[null]})),t},n.handleUnshift=function(e){return function(){return n.unshift(e)}},n.handleRemove=function(e){return function(){return n.remove(e)}},n.handlePop=function(){return function(){return n.pop()}},n.remove=n.remove.bind(Zu(n)),n.pop=n.pop.bind(Zu(n)),n}var a,r;r=e,(a=t).prototype=Object.create(r.prototype),a.prototype.constructor=a,a.__proto__=r;var l=t.prototype;return l.componentDidUpdate=function(e){this.props.validateOnChange&&this.props.formik.validateOnChange&&!Nu()(ld(e.formik.values,e.name),ld(this.props.formik.values,this.props.name))&&this.props.formik.validateForm(this.props.formik.values)},l.remove=function(e){var t;return this.updateArrayField((function(n){var a=n?kd(n):[];return t||(t=a[e]),Xu(a.splice)&&a.splice(e,1),Xu(a.every)&&a.every((function(e){return void 0===e}))?[]:a}),!0,!0),t},l.pop=function(){var e;return this.updateArrayField((function(t){var n=t.slice();return e||(e=n&&n.pop&&n.pop()),n}),!0,!0),e},l.render=function(){var e={push:this.push,pop:this.pop,swap:this.swap,move:this.move,insert:this.insert,replace:this.replace,unshift:this.unshift,remove:this.remove,handlePush:this.handlePush,handlePop:this.handlePop,handleSwap:this.handleSwap,handleMove:this.handleMove,handleInsert:this.handleInsert,handleReplace:this.handleReplace,handleUnshift:this.handleUnshift,handleRemove:this.handleRemove},t=this.props,a=t.component,r=t.render,l=t.children,o=t.name,i=Wu({},e,{form:qu(t.formik,["validate","validationSchema"]),name:o});return a?(0,n.createElement)(a,i):r?r(i):l?"function"==typeof l?l(i):ad(l)?null:n.Children.only(l):null},t}(n.Component);function Ed(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n}function xd(){}function Sd(e){return!!(e||"").match(/\d/)}function Td(e){return null==e}function Cd(e){return Td(e)||function(e){return"number"==typeof e&&isNaN(e)}(e)||"number"==typeof e&&!isFinite(e)}function zd(e){return e.replace(/[-[\]/{}()*+?.\\^$|]/g,"\\$&")}function Od(e,t){void 0===t&&(t=!0);var n="-"===e[0],a=n&&t,r=(e=e.replace("-","")).split(".");return{beforeDecimal:r[0],afterDecimal:r[1]||"",hasNegation:n,addNegation:a}}function Nd(e,t,n){for(var a="",r=n?"0":"",l=0;l<=t-1;l++)a+=e[l]||r;return a}function Ld(e,t){return Array(t+1).join(e)}function Ad(e){var t=e+"",n="-"===t[0]?"-":"";n&&(t=t.substring(1));var a=t.split(/[eE]/g),r=a[0],l=a[1];if(!(l=Number(l)))return n+r;var o=1+l,i=(r=r.replace(".","")).length;return o<0?r="0."+Ld("0",Math.abs(o))+r:o>=i?r+=Ld("0",o-i):r=(r.substring(0,o)||"0")+"."+r.substring(o),n+r}function $d(e,t,n){if(-1!==["","-"].indexOf(e))return e;var a=(-1!==e.indexOf(".")||n)&&t,r=Od(e),l=r.beforeDecimal,o=r.afterDecimal,i=r.hasNegation,c=parseFloat("0."+(o||"0")),s=(o.length<=t?"0."+o:c.toFixed(t)).split("."),u=l;return l&&Number(s[0])&&(u=l.split("").reverse().reduce((function(e,t,n){return e.length>n?(Number(e[0])+Number(t)).toString()+e.substring(1,e.length):t+e}),s[0])),(i?"-":"")+u+(a?".":"")+Nd(s[1]||"",t,n)}function Bd(e,t){if(e.value=e.value,null!==e){if(e.createTextRange){var n=e.createTextRange();return n.move("character",t),n.select(),!0}return e.selectionStart||0===e.selectionStart?(e.focus(),e.setSelectionRange(t,t),!0):(e.focus(),!1)}}wd.defaultProps={validateOnChange:!0},(vd=gd||(gd={})).event="event",vd.props="prop";var Pd,Id,jd,Md=(Pd=function(e,t){for(var n=0,a=0,r=e.length,l=t.length;e[n]===t[n]&&n<r;)n++;for(;e[r-1-a]===t[l-1-a]&&l-a>n&&r-a>n;)a++;return{from:{start:n,end:r-a},to:{start:n,end:l-a}}},jd=void 0,function(){for(var e=[],t=arguments.length;t--;)e[t]=arguments[t];return Id&&e.length===Id.length&&e.every((function(e,t){return e===Id[t]}))?jd:(Id=e,jd=Pd.apply(void 0,e))});function Fd(e){return Math.max(e.selectionStart,e.selectionEnd)}function Rd(e){var t=e.currentValue,n=e.formattedValue,a=e.currentValueIndex,r=e.formattedValueIndex;return t[a]===n[r]}function Dd(e,t,n,a){var r,l,o=e.length;if(r=t,l=o,t=Math.min(Math.max(r,0),l),"left"===a){for(;t>=0&&!n[t];)t--;-1===t&&(t=n.indexOf(!0))}else{for(;t<=o&&!n[t];)t++;t>o&&(t=n.lastIndexOf(!0))}return-1===t&&(t=o),t}function Kd(e){for(var t=Array.from({length:e.length+1}).map((function(){return!0})),n=0,a=t.length;n<a;n++)t[n]=Boolean(Sd(e[n])||Sd(e[n-1]));return t}function Hd(e,t,a,r,l,o){void 0===o&&(o=xd);var i=function(e){var t=(0,n.useRef)(e);t.current=e;var a=(0,n.useRef)((function(){for(var e=[],n=arguments.length;n--;)e[n]=arguments[n];return t.current.apply(t,e)}));return a.current}((function(e,t){var n,a;return Cd(e)?(a="",n=""):"number"==typeof e||t?(a="number"==typeof e?Ad(e):e,n=r(a)):(a=l(e,void 0),n=r(a)),{formattedValue:n,numAsString:a}})),c=(0,n.useState)((function(){return i(Td(e)?t:e,a)})),s=c[0],u=c[1],d=e,m=a;Td(e)&&(d=s.numAsString,m=!0);var p=i(d,m);return(0,n.useMemo)((function(){u(p)}),[p.formattedValue]),[s,function(e,t){e.formattedValue!==s.formattedValue&&u({formattedValue:e.formattedValue,numAsString:e.value}),o(e,t)}]}function Vd(e){return e.replace(/[^0-9]/g,"")}function Ud(e){return e}function Wd(e){var t=e.type;void 0===t&&(t="text");var a=e.displayType;void 0===a&&(a="input");var r=e.customInput,l=e.renderText,o=e.getInputRef,i=e.format;void 0===i&&(i=Ud);var c=e.removeFormatting;void 0===c&&(c=Vd);var s=e.defaultValue,u=e.valueIsNumericString,d=e.onValueChange,m=e.isAllowed,p=e.onChange;void 0===p&&(p=xd);var f=e.onKeyDown;void 0===f&&(f=xd);var h=e.onMouseUp;void 0===h&&(h=xd);var b=e.onFocus;void 0===b&&(b=xd);var g=e.onBlur;void 0===g&&(g=xd);var v=e.value,_=e.getCaretBoundary;void 0===_&&(_=Kd);var k=e.isValidInputCharacter;void 0===k&&(k=Sd);var y=e.isCharacterSame,w=Ed(e,["type","displayType","customInput","renderText","getInputRef","format","removeFormatting","defaultValue","valueIsNumericString","onValueChange","isAllowed","onChange","onKeyDown","onMouseUp","onFocus","onBlur","value","getCaretBoundary","isValidInputCharacter","isCharacterSame"]),E=Hd(v,s,Boolean(u),i,c,d),x=E[0],S=x.formattedValue,T=x.numAsString,C=E[1],z=(0,n.useRef)(),O=(0,n.useRef)({formattedValue:S,numAsString:T}),N=function(e,t){O.current={formattedValue:e.formattedValue,numAsString:e.value},C(e,t)},L=(0,n.useState)(!1),A=L[0],$=L[1],B=(0,n.useRef)(null),P=(0,n.useRef)({setCaretTimeout:null,focusTimeout:null});(0,n.useEffect)((function(){return $(!0),function(){clearTimeout(P.current.setCaretTimeout),clearTimeout(P.current.focusTimeout)}}),[]);var I=i,j=function(e,t){var n=parseFloat(t);return{formattedValue:e,value:t,floatValue:isNaN(n)?void 0:n}},M=function(e,t,n){0===e.selectionStart&&e.selectionEnd===e.value.length||(Bd(e,t),P.current.setCaretTimeout=setTimeout((function(){e.value===n&&e.selectionStart!==t&&Bd(e,t)}),0))},F=function(e,t,n){return Dd(e,t,_(e),n)},R=function(e,t,n){var a=_(t),r=function(e,t,n,a,r,l,o){void 0===o&&(o=Rd);var i=r.findIndex((function(e){return e})),c=e.slice(0,i);t||n.startsWith(c)||(t=c,n=c+n,a+=c.length);for(var s=n.length,u=e.length,d={},m=new Array(s),p=0;p<s;p++){m[p]=-1;for(var f=0,h=u;f<h;f++)if(o({currentValue:n,lastValue:t,formattedValue:e,currentValueIndex:p,formattedValueIndex:f})&&!0!==d[f]){m[p]=f,d[f]=!0;break}}for(var b=a;b<s&&(-1===m[b]||!l(n[b]));)b++;var g=b===s||-1===m[b]?u:m[b];for(b=a-1;b>0&&-1===m[b];)b--;var v=-1===b||-1===m[b]?0:m[b]+1;return v>g?g:a-v<g-a?v:g}(t,S,e,n,a,k,y);return Dd(t,r,a)};(0,n.useEffect)((function(){var e=O.current,t=e.formattedValue,n=e.numAsString;S===t&&T===n||N(j(S,T),{event:void 0,source:gd.props})}),[S,T]);var D=B.current?Fd(B.current):void 0;("undefined"!=typeof window?n.useLayoutEffect:n.useEffect)((function(){var e=B.current;if(S!==O.current.formattedValue&&e){var t=R(O.current.formattedValue,S,D);e.value=S,M(e,t,S)}}),[S]);var K=function(e,t){void 0===t&&(t=0);var n=e.selectionStart,a=e.selectionEnd;z.current={selectionStart:n,selectionEnd:a+t}},H=!A||"undefined"==typeof navigator||navigator.platform&&/iPhone|iPod/.test(navigator.platform)?void 0:"numeric",V=Object.assign({inputMode:H},w,{type:t,value:S,onChange:function(e){(function(e,t,n){var a=t.target,r=z.current?function(e,t){var n=Math.min(e.selectionStart,t);return{from:{start:n,end:e.selectionEnd},to:{start:n,end:t}}}(z.current,a.selectionEnd):Md(S,e),l=Object.assign(Object.assign({},r),{lastValue:S}),o=c(e,l),i=I(o);if(o=c(i,void 0),m&&!m(j(i,o))){var s=t.target,u=Fd(s),d=R(e,S,u);return s.value=S,M(s,d,S),!1}return function(e){var t=e.formattedValue;void 0===t&&(t="");var n,a=e.input,r=e.source,l=e.event,o=e.numAsString;if(a){var i=e.inputValue||a.value,c=Fd(a);a.value=t,void 0!==(n=R(i,t,c))&&M(a,n,t)}t!==S&&N(j(t,o),{event:l,source:r})}({formattedValue:i,numAsString:o,inputValue:e,event:t,source:n,input:t.target}),!0})(e.target.value,e,gd.event)&&p(e),z.current=void 0},onKeyDown:function(e){var t,n=e.target,a=e.key,r=n.selectionStart,l=n.selectionEnd,o=n.value;void 0===o&&(o=""),"ArrowLeft"===a||"Backspace"===a?t=Math.max(r-1,0):"ArrowRight"===a?t=Math.min(r+1,o.length):"Delete"===a&&(t=r);var i=0;"Delete"===a&&r===l&&(i=1);var c="ArrowLeft"===a||"ArrowRight"===a;if(void 0===t||r!==l&&!c)return f(e),void K(n,i);var s=t;c?(s=F(o,t,"ArrowLeft"===a?"left":"right"))!==t&&e.preventDefault():"Delete"!==a||k(o[t])?"Backspace"!==a||k(o[t])||(s=F(o,t,"left")):s=F(o,t,"right"),s!==t&&M(n,s,o),f(e),K(n,i)},onMouseUp:function(e){var t=e.target,n=function(){var e=t.selectionStart,n=t.selectionEnd,a=t.value;if(void 0===a&&(a=""),e===n){var r=F(a,e);r!==e&&M(t,r,a)}};n(),requestAnimationFrame((function(){n()})),h(e),K(t)},onFocus:function(e){e.persist&&e.persist();var t=e.target,n=e.currentTarget;B.current=t,P.current.focusTimeout=setTimeout((function(){var a=t.selectionStart,r=t.selectionEnd,l=t.value;void 0===l&&(l="");var o=F(l,a);o===a||0===a&&r===l.length||M(t,o,l),b(Object.assign(Object.assign({},e),{currentTarget:n}))}),0)},onBlur:function(e){B.current=null,clearTimeout(P.current.focusTimeout),clearTimeout(P.current.setCaretTimeout),g(e)}});if("text"===a)return l?n.createElement(n.Fragment,null,l(S,w)||null):n.createElement("span",Object.assign({},w,{ref:o}),S);if(r){var U=r;return n.createElement(U,Object.assign({},V,{ref:o}))}return n.createElement("input",Object.assign({},V,{ref:o}))}function qd(e,t){var n=t.decimalScale,a=t.fixedDecimalScale,r=t.prefix;void 0===r&&(r="");var l=t.suffix;void 0===l&&(l="");var o=t.allowNegative,i=t.thousandsGroupStyle;if(void 0===i&&(i="thousand"),""===e||"-"===e)return e;var c=Zd(t),s=c.thousandSeparator,u=c.decimalSeparator,d=0!==n&&-1!==e.indexOf(".")||n&&a,m=Od(e,o),p=m.beforeDecimal,f=m.afterDecimal,h=m.addNegation;return void 0!==n&&(f=Nd(f,n,!!a)),s&&(p=function(e,t,n){var a=function(e){switch(e){case"lakh":return/(\d+?)(?=(\d\d)+(\d)(?!\d))(\.\d+)?/g;case"wan":return/(\d)(?=(\d{4})+(?!\d))/g;default:return/(\d)(?=(\d{3})+(?!\d))/g}}(n),r=e.search(/[1-9]/);return r=-1===r?e.length:r,e.substring(0,r)+e.substring(r,e.length).replace(a,"$1"+t)}(p,s,i)),r&&(p=r+p),l&&(f+=l),h&&(p="-"+p),p+(d&&u||"")+f}function Zd(e){var t=e.decimalSeparator;void 0===t&&(t=".");var n=e.thousandSeparator,a=e.allowedDecimalSeparators;return!0===n&&(n=","),a||(a=[t,"."]),{decimalSeparator:t,thousandSeparator:n,allowedDecimalSeparators:a}}function Gd(e){e=function(e){var t=Zd(e),n=t.thousandSeparator,a=t.decimalSeparator,r=e.prefix;void 0===r&&(r="");var l=e.allowNegative;if(void 0===l&&(l=!0),n===a)throw new Error("\n        Decimal separator can't be same as thousand separator.\n        thousandSeparator: "+n+' (thousandSeparator = {true} is same as thousandSeparator = ",")\n        decimalSeparator: '+a+" (default value for decimalSeparator is .)\n     ");return r.startsWith("-")&&l&&(console.error("\n      Prefix can't start with '-' when allowNegative is true.\n      prefix: "+r+"\n      allowNegative: "+l+"\n    "),l=!1),Object.assign(Object.assign({},e),{allowNegative:l})}(e),e.decimalSeparator,e.allowedDecimalSeparators,e.thousandsGroupStyle;var t=e.suffix,n=e.allowNegative,a=e.allowLeadingZeros,r=e.onKeyDown;void 0===r&&(r=xd);var l=e.onBlur;void 0===l&&(l=xd);var o=e.thousandSeparator,i=e.decimalScale,c=e.fixedDecimalScale,s=e.prefix;void 0===s&&(s="");var u=e.defaultValue,d=e.value,m=e.valueIsNumericString,p=e.onValueChange,f=Ed(e,["decimalSeparator","allowedDecimalSeparators","thousandsGroupStyle","suffix","allowNegative","allowLeadingZeros","onKeyDown","onBlur","thousandSeparator","decimalScale","fixedDecimalScale","prefix","defaultValue","value","valueIsNumericString","onValueChange"]),h=Zd(e),b=h.decimalSeparator,g=h.allowedDecimalSeparators,v=function(t){return qd(t,e)},_=function(t,n){return function(e,t,n){var a;void 0===t&&(t=function(e){return{from:{start:0,end:0},to:{start:0,end:e.length},lastValue:""}}(e));var r=n.allowNegative,l=n.prefix;void 0===l&&(l="");var o=n.suffix;void 0===o&&(o="");var i=n.decimalScale,c=t.from,s=t.to,u=s.start,d=s.end,m=Zd(n),p=m.allowedDecimalSeparators,f=m.decimalSeparator,h=e[d]===f;if(Sd(e)&&(e===l||e===o)&&""===t.lastValue)return e;if(d-u==1&&-1!==p.indexOf(e[u])){var b=0===i?"":f;e=e.substring(0,u)+b+e.substring(u+1,e.length)}var g=function(e,t,n){var a=!1,r=!1;l.startsWith("-")?a=!1:e.startsWith("--")?(a=!1,r=!0):o.startsWith("-")&&e.length===o.length?a=!1:"-"===e[0]&&(a=!0);var i=a?1:0;return r&&(i=2),i&&(e=e.substring(i),t-=i,n-=i),{value:e,start:t,end:n,hasNegation:a}},v=g(e,u,d),_=v.hasNegation;e=(a=v).value,u=a.start,d=a.end;var k=g(t.lastValue,c.start,c.end),y=k.start,w=k.end,E=k.value,x=e.substring(u,d);!(e.length&&E.length&&(y>E.length-o.length||w<l.length))||x&&o.startsWith(x)||(e=E);var S=0;e.startsWith(l)?S+=l.length:u<l.length&&(S=u),d-=S;var T=(e=e.substring(S)).length,C=e.length-o.length;e.endsWith(o)?T=C:(d>C||d>e.length-o.length)&&(T=d),e=e.substring(0,T),e=function(e,t){void 0===e&&(e="");var n=new RegExp("(-)"),a=new RegExp("(-)(.)*(-)"),r=n.test(e),l=a.test(e);return e=e.replace(/-/g,""),r&&!l&&t&&(e="-"+e),e}(_?"-"+e:e,r),e=(e.match(function(e){return new RegExp("(^-)|[0-9]|"+zd(e),"g")}(f))||[]).join("");var z=e.indexOf(f),O=Od(e=e.replace(new RegExp(zd(f),"g"),(function(e,t){return t===z?".":""})),r),N=O.beforeDecimal,L=O.afterDecimal,A=O.addNegation;return s.end-s.start<c.end-c.start&&""===N&&h&&!parseFloat(L)&&(e=A?"-":""),e}(t,n,e)},k=Td(d)?u:d,y=null!=m?m:function(e,t,n){return""===e||!(null==t?void 0:t.match(/\d/))&&!(null==n?void 0:n.match(/\d/))&&"string"==typeof e&&!isNaN(Number(e))}(k,s,t);Td(d)?Td(u)||(y=y||"number"==typeof u):y=y||"number"==typeof d;var w=function(e){return Cd(e)?e:("number"==typeof e&&(e=Ad(e)),y&&"number"==typeof i?$d(e,i,Boolean(c)):e)},E=Hd(w(d),w(u),Boolean(y),v,_,p),x=E[0],S=x.numAsString,T=x.formattedValue,C=E[1];return Object.assign(Object.assign({},f),{value:T,valueIsNumericString:!1,isValidInputCharacter:function(e){return e===b||Sd(e)},isCharacterSame:function(e){var t=e.currentValue,n=e.lastValue,a=e.formattedValue,r=e.currentValueIndex,l=e.formattedValueIndex,o=t[r],u=a[l],m=Md(n,t).to,p=function(e){return _(e).indexOf(".")+s.length};return!(0===d&&c&&i&&t[m.start]===b&&p(t)<r&&p(a)>l||!(r>=m.start&&r<m.end&&g&&g.includes(o)&&u===b)&&o!==u)},onValueChange:C,format:v,removeFormatting:_,getCaretBoundary:function(t){return function(e,t){var n=t.prefix;void 0===n&&(n="");var a=t.suffix;void 0===a&&(a="");var r=Array.from({length:e.length+1}).map((function(){return!0})),l="-"===e[0];r.fill(!1,0,n.length+(l?1:0));var o=e.length;return r.fill(!1,o-a.length+1,o+1),r}(t,e)},onKeyDown:function(e){var t=e.target,a=e.key,l=t.selectionStart,u=t.selectionEnd,d=t.value;if(void 0===d&&(d=""),("Backspace"===a||"Delete"===a)&&u<s.length)e.preventDefault();else if(l===u){"Backspace"===a&&"-"===d[0]&&l===s.length+1&&n&&Bd(t,1),i&&c&&("Backspace"===a&&d[l-1]===b?(Bd(t,l-1),e.preventDefault()):"Delete"===a&&d[l]===b&&e.preventDefault()),(null==g?void 0:g.includes(a))&&d[l]===b&&Bd(t,l+1);var m=!0===o?",":o;"Backspace"===a&&d[l-1]===m&&Bd(t,l-1),"Delete"===a&&d[l]===m&&Bd(t,l+1),r(e)}else r(e)},onBlur:function(t){var n=S;if(n.match(/\d/g)||(n=""),a||(n=function(e){if(!e)return e;var t="-"===e[0];t&&(e=e.substring(1,e.length));var n=e.split("."),a=n[0].replace(/^0+/,"")||"0",r=n[1]||"";return(t?"-":"")+a+(r?"."+r:"")}(n)),c&&i&&(n=$d(n,i,c)),n!==S){var r=qd(n,e);C({formattedValue:r,value:n,floatValue:parseFloat(n)},{event:t,source:gd.event})}l(t)}})}function Yd(e){var t=Gd(e);return n.createElement(Wd,Object.assign({},t))}const Jd=/[^a-zA-Z0-9]/g,Qd=/(.{4})(?!$)/g;class Xd{electronicFormat(e){return e.replace(Jd,"").toUpperCase()}printFormat(e,t){return this.electronicFormat(e).replace(Qd,"$1"+(t||" "))}parse(e){return this.electronicFormat(e)}format(e){return this.printFormat(e)}}const em={"input-text":{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolInputText renders a text input field. The sample shows KolInputText in a form context with all variations and states.")),n.createElement(Ga,{RefComponent:qi})),"hide-msg":()=>n.createElement("div",{className:"grid gap-4"},n.createElement(Cn,null,n.createElement("p",null,"This sample shows the ",n.createElement("code",null,"_hideMsg")," feature for KolInputText. It allows to hide the message from an input field and can be used, when the message (e.g. error) is already shown somewhere else, e.g. for a group of inputs.")),n.createElement(Re,{_label:"Normal input field with error",_level:0},n.createElement(at,{_msg:{_type:"error",_description:"Error message"},_label:"Input with error",_touched:!0})),n.createElement(Re,{_label:"Input fields with hidden error",_level:0},n.createElement("fieldset",{className:"grid md:grid-cols-2 gap-4"},n.createElement("legend",null,"Combined input field"),n.createElement(Be,{className:"col-span-2",_level:0,_type:"error"},"This is a combined error message"),n.createElement(at,{_msg:{_type:"error",_description:"This is a combined error message"},_hideMsg:!0,_label:"First input",_touched:!0}),n.createElement(at,{_msg:{_type:"error",_description:"This is a combined error message"},_hideMsg:!0,_label:"Second input with error",_touched:!0})))),"text-formatter":function(){const e=()=>{return e=this,t=function*(){},new Promise(((n,a)=>{var r=e=>{try{o(t.next(e))}catch(e){a(e)}},l=e=>{try{o(t.throw(e))}catch(e){a(e)}},o=e=>e.done?n(e.value):Promise.resolve(e.value).then(r,l);o((t=t.apply(e,null)).next())}));var e,t},t=new Xd;return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This example demonstrates formatting a data value in an input field (example IBAN). The data value is formatted to the input field (print format) and vice versa the formatting is removed again (machine format)")),n.createElement("section",{className:"w-full flex flex-col"},n.createElement(dd,{initialValues:{iban:"DE89370400440532013000"},onSubmit:e},(e=>n.createElement(n.Fragment,null,n.createElement("div",{className:"p-2"},n.createElement(Ue,{_label:"Formatted Form Field",_level:2}),n.createElement(Ve,null,n.createElement(bd,{name:"iban"},(({field:a})=>{var r;return n.createElement("div",{className:"block mt-2"},n.createElement(at,{onBlur:()=>{e.setFieldTouched("iban",!0)},id:"field-iban",_label:"IBAN",_value:t.format(null!=(r=a.value)?r:""),_msg:{_type:"error",_description:e.errors.iban||""},_touched:e.touched.iban,_required:!0,_on:{onInput:(n,a)=>{if(n.target){const n=t.parse(null!=a?a:"");e.setFieldValue("iban",n,!0)}}}}))})))),n.createElement("div",{className:"p-2"},n.createElement(Ue,{_label:"Model",_level:2}),n.createElement("pre",{className:"text-base"},JSON.stringify(e.values,null,2))))))),n.createElement("section",{className:"w-full flex flex-col"},n.createElement(dd,{initialValues:{currency:1e6},onSubmit:e},(e=>n.createElement(n.Fragment,null,n.createElement("div",{className:"p-2"},n.createElement(Ue,{_label:"Formatted Form Field (with react-number-format)",_level:2}),n.createElement(Ve,null,n.createElement(bd,{name:"currency"},(({field:t})=>n.createElement("div",{className:"block mt-2"},n.createElement(Yd,{customInput:({type:e,value:t,onBlur:a,onChange:r,onFocus:l})=>n.createElement(at,{_label:"Currency",_type:e,_value:t,_on:{onBlur:a,onChange:r,onFocus:l}}),displayType:"input",value:"number"==typeof t.value?Number(t.value).toFixed(2):void 0,onBlur:()=>{e.setFieldTouched("currency",!0)},onValueChange:t=>{e.setFieldValue("currency",t.floatValue,!0)},suffix:"€",thousandSeparator:!0})))))),n.createElement("div",{className:"p-2"},n.createElement(Ue,{_label:"Model",_level:2}),n.createElement("pre",{className:"text-base"},JSON.stringify(e.values,null,2))))))))},"smart-button":()=>{const e=It.getInstance(document),t={_icons:"codicon codicon-info",_hideLabel:!0,_label:"Alert",_on:{onClick:()=>{e.enqueue({description:"Smart-Button clicked",label:"Toaster",type:"default"})}}};return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows the smart button feature for KolInputText. It allows the usage of a button inside the bnput.")),n.createElement("div",{className:"grid gap-4"},n.createElement(at,{_label:"With Smart Button",_type:"text",_smartButton:t}),n.createElement(at,{_label:"With Smart Button (disabled)",_disabled:!0,_type:"text",_smartButton:t}),n.createElement(at,{_label:"With Smart Button and Icons",_type:"text",_smartButton:t,_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}})))},"expert-slot":()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample show KolInputText with expert slot.")),n.createElement(at,{_label:"",_type:"text"},n.createElement("span",{slot:"expert"},"I am more than just a input field")))}},tm={kolibri:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolKolibri renders the KoliBri logo. The sample show the logo with and without label and with a custom color.")),n.createElement(Ue,{class:"block",_level:3,_label:"Regular"}),n.createElement(rt,{class:"block",style:{width:300}}),n.createElement(Ue,{class:"block",_level:3,_label:"Without Label"}),n.createElement(rt,{class:"block",style:{width:300},_labeled:!1}),n.createElement(Ue,{class:"block",_level:3,_label:"Customized color"}),n.createElement(rt,{class:"block",style:{width:300},_color:"#cc006e"}))}};var nm=Object.defineProperty,am=Object.getOwnPropertySymbols,rm=Object.prototype.hasOwnProperty,lm=Object.prototype.propertyIsEnumerable,om=(e,t,n)=>t in e?nm(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,im=(e,t)=>{for(var n in t||(t={}))rm.call(t,n)&&om(e,n,t[n]);if(am)for(var n of am(t))lm.call(t,n)&&om(e,n,t[n]);return e};const cm={_href:"#/back-page"},sm={"link-button":{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolLinkButton renders a link that looks like a button. The sample shows the different styling variants.")),n.createElement("div",{className:"grid gap-14"},n.createElement("div",{className:"flex flex-wrap gap-14"},n.createElement(ot,im({_label:"Primary",_variant:"primary"},cm)),n.createElement(ot,im({_label:"Secondary",_variant:"secondary"},cm)),n.createElement(ot,im({_label:"Normal",_variant:"normal"},cm)),n.createElement(ot,im({_label:"Danger",_variant:"danger"},cm)),n.createElement(ot,im({_label:"Ghost",_variant:"ghost"},cm)),n.createElement(ot,im({_label:"Access Key",_variant:"primary",_accessKey:"c"},cm)),n.createElement(ot,im({_label:"Short Key",_variant:"primary",_shortKey:"s"},cm))))),"aria-description":()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolLinkButton with aria-description")),n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(ot,{_href:"#/back-page",_label:"Link Button Text without area description"}),n.createElement(ot,{_href:"#/back-page",_label:"Link Button Text",_ariaDescription:"Link Button Area Description"})))}},um={link:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolLink renders a link. This sample shows disabled links, links with hidden label and links with different CSS ",n.createElement("code",null,"display"),"-properties.")),n.createElement("div",{className:"grid gap-4"},n.createElement(lt,{_href:"#/back-page",_label:"Simple Link"}),n.createElement(lt,{_disabled:!0,_href:"#/back-page",_label:"Simple Link (deaktiviert)"}),n.createElement(lt,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"Icon Link"}),n.createElement(lt,{_disabled:!0,_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"Icon Link (deaktiviert)"}),n.createElement("p",null,"In this paragraph, a link is inserted that contains no additional attributes.",n.createElement(lt,{_href:"#/back-page",_label:"Simple Link"}),"It is rendered by default as a ",n.createElement("strong",null,"inline element"),"."),n.createElement("p",null,"In this paragraph, a link is inserted that is rendered as an inline-block element.",n.createElement(lt,{class:"d-inline-block",_accessKey:"S",_href:"#/back-page",_label:"Simple Link"}),". This allows you to assign width, height, and other properties to it using CSS styles.",n.createElement("br",null),n.createElement("br",null),"After that, there is a link that is rendered as a block element.",n.createElement(lt,{class:"d-block",_href:"#/back-page",_label:"Simple Link"}),", therefore, I span the entire width of the parent element, causing a line break."))),icons:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolLink with icons in different alignments and combinations.")),n.createElement("div",{className:"grid gap-4"},n.createElement(lt,{_icons:"codicon codicon-home",_label:"I am a link with an icon on the left",_href:"#/back-page"}),n.createElement(lt,{_icons:{right:"codicon codicon-home"},_label:"I am a link with an icon on the right",_href:"#/back-page"}),n.createElement(lt,{_icons:{top:"codicon codicon-home"},_label:"I am a link with an icon at the top",_href:"#/back-page"}),n.createElement(lt,{_icons:{bottom:"codicon codicon-home"},_label:"I am a link with icon below",_href:"#/back-page"}),n.createElement(lt,{_icons:{top:"codicon codicon-home",right:"codicon codicon-home",bottom:"codicon codicon-home",left:"codicon codicon-home"},_label:"I am a link with all icons",_href:"#/back-page"}),n.createElement(lt,{_icons:"codicon codicon-home",_href:"https://public-ui.github.io/",_label:"I am a external link with an icon on the left",_target:"_blank"}),n.createElement(lt,{_icons:{right:"codicon codicon-home"},_href:"https://public-ui.github.io/",_label:"I am a external linkwith an icon on the right",_target:"_blank"}),n.createElement(lt,{_icons:{top:"codicon codicon-home"},_href:"https://public-ui.github.io/",_label:"I am a external link with an icon at the top",_target:"_blank"}),n.createElement(lt,{_icons:{bottom:"codicon codicon-home"},_href:"https://public-ui.github.io/",_label:"I am a external link with icon below",_target:"_blank"}),n.createElement(lt,{_href:"https://public-ui.github.io/",_label:"I am a external link with all icons",_target:"_blank",_icons:{top:"codicon codicon-home",right:"codicon codicon-home",bottom:"codicon codicon-home",left:"codicon codicon-home"}}))),image:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolLink can be used with slot-content instead of a label as well. This sample demonstrates the slot content used to display an image.")),n.createElement("div",{className:"grid gap-4"},n.createElement(lt,{_href:"#/back-page",_label:"I am a link that is rendered as text"}),n.createElement(lt,{_href:"#/back-page",_label:""},n.createElement("img",{alt:"Presentation of the KoliBri theming",slot:"expert",src:"abgrenzung.jpg",width:"300"})))),target:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolLink with different ",n.createElement("code",null,"_target"),"-properties.")),n.createElement("div",{className:"text-base d-flex gap-4"},n.createElement("ul",null,n.createElement("li",null,n.createElement(lt,{_href:"#/back-page",_label:"Link without target"})),n.createElement("li",null,n.createElement(lt,{_href:"#/back-page",_label:"Link with target (_self)",_target:"_self"})),n.createElement("li",null,n.createElement(lt,{_href:"#/back-page",_label:"Link with target (_blank)",_target:"_blank"})),n.createElement("li",null,n.createElement(lt,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link without target"})),n.createElement("li",null,n.createElement(lt,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link with target (_self)",_target:"_self"})),n.createElement("li",null,n.createElement(lt,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link with target (_blank)",_target:"_blank"}))))),"aria-description":()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolLink with aria-description")),n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(lt,{_href:"#/back-page",_label:"Link Text without aria description"}),n.createElement(lt,{_href:"#/back-page",_label:"Link Text",_ariaDescription:"Link Area Description"}))),"access-key":()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolLink with access key. The access keys can be used to trigger the buttons using the keyboard.")),n.createElement("div",{className:"grid gap-4"},n.createElement(lt,{_href:"#/back-page",_label:"With S access key",_accessKey:"S"}),n.createElement(lt,{_href:"#/back-page",_label:"Very small s",_accessKey:"s"}),n.createElement(lt,{_href:"#/back-page",_label:"Access key does not appear in label",_accessKey:"s"}),n.createElement(lt,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"access key without label",_accessKey:"s"}))),"short-key":()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolButton with short key without functionality. The short key is purely visual. Its functionality needs to be developed separately."," ")),n.createElement("div",{className:"grid gap-4"},n.createElement(lt,{_href:"#/back-page",_label:"With S short key",_shortKey:"S"}),n.createElement(lt,{_href:"#/back-page",_label:"Very small s",_shortKey:"s"}),n.createElement(lt,{_href:"#/back-page",_label:"Short key does not appear in label",_shortKey:"s"}),n.createElement(lt,{_hideLabel:!0,_icons:"codicon codicon-home",_href:"#/back-page",_label:"short key without label",_shortKey:"s"})))}},dm={modal:{basic:()=>{const[e]=Ee(),t=e.get("show-modal"),a=e.get("variant"),r=(0,n.useRef)(null),l=(0,n.useRef)(null),[o,i]=(0,n.useState)("blank");return(0,n.useEffect)((()=>{var e;"true"===t&&(null==(e=r.current)||e.openModal()),"card"===a&&i(a)}),[t,a]),n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,'KolModal renders content in a popover, disabling interactivity with elements behind it. In the sample, the modal can be opened and closed using the buttons "Open modal" and "Close modal".')),n.createElement("div",{className:"flex"},n.createElement(it,{_label:"Primary modal",_width:"80%",ref:r,_on:{onClose:()=>console.log("Modal closed")},_variant:o},n.createElement(Re,{_label:"I am a modal."},n.createElement(Me,{_label:"Open stacked modal",className:"mr",_on:{onClick:()=>{var e;null==(e=l.current)||e.openModal()}}}),n.createElement(Me,{_label:"Close modal",_on:{onClick:()=>{var e;null==(e=r.current)||e.closeModal()}}}))),n.createElement(it,{_label:"Stacked modal",_width:"80%",ref:l},n.createElement(Re,{_label:"Stacked modal element"},n.createElement(Me,{_label:"Close stacked modal",_on:{onClick:()=>{var e;null==(e=l.current)||e.closeModal()}}}))),n.createElement("div",{className:"grid gap-4"},n.createElement(Me,{_label:"Open modal",_on:{onClick:()=>{var e;i("blank"),null==(e=r.current)||e.openModal()}}}),n.createElement(Me,{_label:"Open card modal",_on:{onClick:()=>{var e;i("card"),null==(e=r.current)||e.openModal()}}}))))}}},mm=[{_label:"Homepage",_icons:"codicon codicon-home",_on:{onClick:()=>console.log("Homepage clicked")}},{_label:"2 Navigation point",_href:"#/back-page",_on:{onClick:()=>console.log("Link clicked")}},{_label:"3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home",_children:[{_label:"3.1 Navigation point",_icons:"codicon codicon-home",_href:"#/back-page"},{_label:"3.2 Navigation point",_href:"#/back-page",_target:"asdasd"},{_label:"3.3 Navigation point",_href:"#/back-page",_children:[{_label:"3.3.1 Navigation point",_href:"#/back-page"},{_label:"3.3.2 Navigation point",_href:"#/back-page"}]},{_label:"3.4 Navigation point",_href:"#/back-page",_children:[{_label:"3.4.1 Navigation point",_href:"#/back-page",_children:[{_label:"3.4.1.1 Navigation point",_href:"#/back-page"},{_label:"3.4.1.2 Navigation point (active)",_href:"#/back-page"}]},{_label:"3.4.2 Navigation point",_href:"#/back-page"}]},{_label:"3.5 Navigation point",_href:"#/back-page"}]},{_label:"4 Navigation point with children and onClick",_children:[{_label:"4.1 Nested link",_href:"#/back-page"}],_on:{onClick:()=>console.log("4.1 Nested link clicked")}},{_label:"5 No own page, only category",_active:!0,_children:[{_label:"5.1 Nested link",_href:"#/back-page"}]},{_label:"6 No own page, with icon",_icons:"codicon codicon-squirrel",_children:[{_label:"6.1 Nested link",_href:"#/back-page"}]}],pm=[{_label:"Homepage",_icons:"codicon codicon-home",_on:{onClick:()=>console.log("Homepage clicked")}},{_label:"2 Navigation point",_href:"#/back-page",_on:{onClick:()=>console.log("Link clicked")}},{_label:"3 Navigation point",_href:"#/back-page",_icons:"codicon codicon-home"},{_label:"4 Navigation point with children and onClick",_on:{onClick:()=>console.log("4.1 Nested link clicked")}},{_label:"5 No own page, only category",_active:!0},{_label:"6 No own page, with icon",_icons:"codicon codicon-squirrel"}],fm={nav:{basic:()=>{const[e,t]=(0,n.useState)(!1);return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolNav renders a navigation. In this sample, icons for the navigation elements can be shown or hidden using a checkbox and the navigation can be collapsed, showing only icons and no text labels.")),n.createElement("section",{className:"grid gap-8"},n.createElement("section",null,n.createElement(Ze,{_label:"Show icons when expanded",_checked:e,_on:{onChange:(e,n)=>{t(n)}}})),n.createElement("section",{className:"grid gap-4"},n.createElement(Ue,{_level:2,_label:"Navigation without submenu"}),n.createElement(ct,{class:"block w-fit",_label:"Navigation without submenu",_links:pm,_hasCompactButton:!0,_hasIconsWhenExpanded:e})),n.createElement("section",{className:"grid gap-4"},n.createElement(Ue,{_level:2,_label:"Navigation with submenu"}),n.createElement(ct,{class:"block w-fit",_label:"Navigation with submenu",_links:mm,_hasCompactButton:!0,_hasIconsWhenExpanded:e}))))},"aria-current":()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolNav with a link to the current page. This makes the component automatically assign ",n.createElement("code",null,'aria-current="page"'),"to it.")),n.createElement(ct,{class:"block w-sm",_label:"Main navigation",_links:[{_label:"Homepage",_href:"#/back-page"},{_label:"Nav - aria-current (Current page)",_href:"#/nav/aria-current",_active:!0}]})),horizontal:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolNav with horizontal alignment.")),n.createElement("section",{className:"grid gap-8"},n.createElement("section",{className:"grid gap-4"},n.createElement(Ue,{_level:2,_label:"Navigation without submenu"}),n.createElement(ct,{_label:"Navigation without submenu",_links:pm,_orientation:"horizontal"})),n.createElement("section",{className:"grid gap-4"},n.createElement(Ue,{_level:2,_label:"Navigation with submenu"}),n.createElement(ct,{_label:"Navigation with submenu",_links:mm,_orientation:"horizontal"}))))}},hm={pagination:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolPagination renders a pagination for datasets. The sample shows the different states and variations of a pagination and the option to change the page size.")),n.createElement("div",{className:"grid gap-4"},n.createElement(st,{_max:316514,_page:15475,_siblingCount:3,_label:"Test pagination 1",_on:{}}),n.createElement(st,{_max:14,_page:14,_siblingCount:1,_boundaryCount:2,_label:"Test pagination 2",_on:{}}),n.createElement(st,{_max:4,_page:1,_siblingCount:0,_boundaryCount:2,_label:"Test pagination 3",_on:{}}),n.createElement(st,{_max:4,_page:6,_siblingCount:0,_boundaryCount:2,_hasButtons:!1,_label:"Test pagination 4",_on:{}}),n.createElement(st,{_max:4,_page:6,_siblingCount:0,_boundaryCount:2,_hasButtons:!1,_label:"Test pagination 5",_on:{},_pageSizeOptions:[10,100]})))}},bm={"popover-button":{basic:()=>{const e=(0,n.useContext)(En),{dummyClickEventHandler:t}=Hn(),a={onClick:t};return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"The PopoverButton component combines a button with a popover that appears when clicked. The popover can be positioned in different directions (top, right, bottom, left) using the ",n.createElement("code",null,"_popoverAlign")," prop.")),!e&&n.createElement(Ie,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(ut,{_label:"Open popover",_variant:"primary",_icons:{right:"codicon codicon-chevron-down"}},n.createElement(Me,{_label:"Button within popover",_variant:"primary",_on:a}),n.createElement("br",null),n.createElement("br",null),n.createElement(Me,{_label:"Second Button within popover",_on:a})),n.createElement(ut,{_label:"Open popover",_popoverAlign:"right",_icons:{right:"codicon codicon-chevron-right"}},n.createElement("p",{className:"w-sm"},"Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur aut dolore dolores itaque praesentium reprehenderit sed voluptatum! Exercitationem ipsa magni maiores modi, placeat quas quos reprehenderit rerum sit veniam vitae.")),n.createElement(ut,{_label:"icon-only with tooltip",_icons:"codicon codicon-info",_tooltipAlign:"right",_hideLabel:!0},"This is an explanation shown on click."),n.createElement(ut,{_label:""},n.createElement("span",{slot:"expert"},n.createElement("u",null,"Expert slot content")),"This sample illustrates a button with expert slot.")))}}},gm={progress:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,'KolProgress renders a progress indicator. The sample shows the variants "bar" and "cycle" with and without labels.')),n.createElement("div",{className:"grid gap-4 grid-cols-1 sm:grid-cols-2"},n.createElement("fieldset",{title:"Percentages",className:"flex flex-col gap-4"},n.createElement(dt,{_variant:"bar",_max:7,_value:0}),n.createElement(dt,{_variant:"bar",_max:7,_value:2}),n.createElement(dt,{_variant:"bar",_max:7,_value:7}),n.createElement(dt,{_variant:"cycle",_max:7,_value:6})),n.createElement("fieldset",{title:"Custom units",className:"flex flex-col gap-4"},n.createElement(dt,{_label:"Distance",_variant:"bar",_max:65434,_value:7236,_unit:"m"}),n.createElement(dt,{_label:"12 Tasks to do",_variant:"bar",_max:12,_value:5,_unit:"tasks completed"}),n.createElement(dt,{_label:"Max 150 kg",_variant:"cycle",_max:150,_value:42,_unit:"kg"}))))}},vm={quote:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,'KolQuote renders a quote with optional citation. This sample shows a quote in the variant "inline" with a link for citation.')),n.createElement(mt,{_href:"https://datatracker.ietf.org/doc/html/rfc1149",_quote:"Avian carriers can provide high delay.",_variant:"inline"})),block:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,'This sample shows a quote in the "block" variant.')),n.createElement(mt,{_label:"RFC 1149",_href:"https://datatracker.ietf.org/doc/html/rfc1149",_quote:"Avian carriers can provide high delay, low throughput, and low altitude\n\t\t\t\t\t\t\t\tservice. The connection topology is limited to a single point-to-point path\n\t\t\t\t\t\t\t\tfor each carrier, used with standard carriers, but many carriers can be used\n\t\t\t\t\t\t\t\twithout significant interference with each other, outside early spring.\n\t\t\t\t\t\t\t\tThis is because of the 3D ether space available to the carriers, in contrast\n\t\t\t\t\t\t\t\tto the 1D ether used by IEEE802.3. The carriers have an intrinsic collision\n\t\t\t\t\t\t\t\tavoidance system, which increases availability.",_variant:"block"}))}},_m=[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],km=JSON.parse('[{"id":4,"alpha2":"af","alpha3":"afg","name":"Afghanistan"},{"id":818,"alpha2":"eg","alpha3":"egy","name":"Ägypten"},{"id":8,"alpha2":"al","alpha3":"alb","name":"Albanien"},{"id":12,"alpha2":"dz","alpha3":"dza","name":"Algerien"},{"id":20,"alpha2":"ad","alpha3":"and","name":"Andorra"},{"id":24,"alpha2":"ao","alpha3":"ago","name":"Angola"},{"id":28,"alpha2":"ag","alpha3":"atg","name":"Antigua und Barbuda"},{"id":226,"alpha2":"gq","alpha3":"gnq","name":"Äquatorialguinea"},{"id":32,"alpha2":"ar","alpha3":"arg","name":"Argentinien"},{"id":51,"alpha2":"am","alpha3":"arm","name":"Armenien"},{"id":31,"alpha2":"az","alpha3":"aze","name":"Aserbaidschan"},{"id":231,"alpha2":"et","alpha3":"eth","name":"Äthiopien"},{"id":36,"alpha2":"au","alpha3":"aus","name":"Australien"},{"id":44,"alpha2":"bs","alpha3":"bhs","name":"Bahamas"},{"id":48,"alpha2":"bh","alpha3":"bhr","name":"Bahrain"},{"id":50,"alpha2":"bd","alpha3":"bgd","name":"Bangladesch"},{"id":52,"alpha2":"bb","alpha3":"brb","name":"Barbados"},{"id":112,"alpha2":"by","alpha3":"blr","name":"Belarus"},{"id":56,"alpha2":"be","alpha3":"bel","name":"Belgien"},{"id":84,"alpha2":"bz","alpha3":"blz","name":"Belize"},{"id":204,"alpha2":"bj","alpha3":"ben","name":"Benin"},{"id":64,"alpha2":"bt","alpha3":"btn","name":"Bhutan"},{"id":68,"alpha2":"bo","alpha3":"bol","name":"Bolivien"},{"id":70,"alpha2":"ba","alpha3":"bih","name":"Bosnien und Herzegowina"},{"id":72,"alpha2":"bw","alpha3":"bwa","name":"Botswana"},{"id":76,"alpha2":"br","alpha3":"bra","name":"Brasilien"},{"id":96,"alpha2":"bn","alpha3":"brn","name":"Brunei"},{"id":100,"alpha2":"bg","alpha3":"bgr","name":"Bulgarien"},{"id":854,"alpha2":"bf","alpha3":"bfa","name":"Burkina Faso"},{"id":108,"alpha2":"bi","alpha3":"bdi","name":"Burundi"},{"id":152,"alpha2":"cl","alpha3":"chl","name":"Chile"},{"id":156,"alpha2":"cn","alpha3":"chn","name":"China, Volksrepublik"},{"id":188,"alpha2":"cr","alpha3":"cri","name":"Costa Rica"},{"id":208,"alpha2":"dk","alpha3":"dnk","name":"Dänemark"},{"id":276,"alpha2":"de","alpha3":"deu","name":"Deutschland"},{"id":212,"alpha2":"dm","alpha3":"dma","name":"Dominica"},{"id":214,"alpha2":"do","alpha3":"dom","name":"Dominikanische Republik"},{"id":262,"alpha2":"dj","alpha3":"dji","name":"Dschibuti"},{"id":218,"alpha2":"ec","alpha3":"ecu","name":"Ecuador"},{"id":384,"alpha2":"ci","alpha3":"civ","name":"Elfenbeinküste"},{"id":222,"alpha2":"sv","alpha3":"slv","name":"El Salvador"},{"id":232,"alpha2":"er","alpha3":"eri","name":"Eritrea"},{"id":233,"alpha2":"ee","alpha3":"est","name":"Estland"},{"id":748,"alpha2":"sz","alpha3":"swz","name":"Eswatini"},{"id":242,"alpha2":"fj","alpha3":"fji","name":"Fidschi"},{"id":246,"alpha2":"fi","alpha3":"fin","name":"Finnland"},{"id":250,"alpha2":"fr","alpha3":"fra","name":"Frankreich"},{"id":266,"alpha2":"ga","alpha3":"gab","name":"Gabun"},{"id":270,"alpha2":"gm","alpha3":"gmb","name":"Gambia"},{"id":268,"alpha2":"ge","alpha3":"geo","name":"Georgien"},{"id":288,"alpha2":"gh","alpha3":"gha","name":"Ghana"},{"id":308,"alpha2":"gd","alpha3":"grd","name":"Grenada"},{"id":300,"alpha2":"gr","alpha3":"grc","name":"Griechenland"},{"id":320,"alpha2":"gt","alpha3":"gtm","name":"Guatemala"},{"id":324,"alpha2":"gn","alpha3":"gin","name":"Guinea"},{"id":624,"alpha2":"gw","alpha3":"gnb","name":"Guinea-Bissau"},{"id":328,"alpha2":"gy","alpha3":"guy","name":"Guyana"},{"id":332,"alpha2":"ht","alpha3":"hti","name":"Haiti"},{"id":340,"alpha2":"hn","alpha3":"hnd","name":"Honduras"},{"id":356,"alpha2":"in","alpha3":"ind","name":"Indien"},{"id":360,"alpha2":"id","alpha3":"idn","name":"Indonesien"},{"id":368,"alpha2":"iq","alpha3":"irq","name":"Irak"},{"id":364,"alpha2":"ir","alpha3":"irn","name":"Iran"},{"id":372,"alpha2":"ie","alpha3":"irl","name":"Irland"},{"id":352,"alpha2":"is","alpha3":"isl","name":"Island"},{"id":376,"alpha2":"il","alpha3":"isr","name":"Israel"},{"id":380,"alpha2":"it","alpha3":"ita","name":"Italien"},{"id":388,"alpha2":"jm","alpha3":"jam","name":"Jamaika"},{"id":392,"alpha2":"jp","alpha3":"jpn","name":"Japan"},{"id":887,"alpha2":"ye","alpha3":"yem","name":"Jemen"},{"id":400,"alpha2":"jo","alpha3":"jor","name":"Jordanien"},{"id":116,"alpha2":"kh","alpha3":"khm","name":"Kambodscha"},{"id":120,"alpha2":"cm","alpha3":"cmr","name":"Kamerun"},{"id":124,"alpha2":"ca","alpha3":"can","name":"Kanada"},{"id":132,"alpha2":"cv","alpha3":"cpv","name":"Kap Verde"},{"id":398,"alpha2":"kz","alpha3":"kaz","name":"Kasachstan"},{"id":634,"alpha2":"qa","alpha3":"qat","name":"Katar"},{"id":404,"alpha2":"ke","alpha3":"ken","name":"Kenia"},{"id":417,"alpha2":"kg","alpha3":"kgz","name":"Kirgisistan"},{"id":296,"alpha2":"ki","alpha3":"kir","name":"Kiribati"},{"id":170,"alpha2":"co","alpha3":"col","name":"Kolumbien"},{"id":174,"alpha2":"km","alpha3":"com","name":"Komoren"},{"id":180,"alpha2":"cd","alpha3":"cod","name":"Kongo, Demokratische Republik"},{"id":178,"alpha2":"cg","alpha3":"cog","name":"Kongo, Republik"},{"id":408,"alpha2":"kp","alpha3":"prk","name":"Korea, Nord (Nordkorea)"},{"id":410,"alpha2":"kr","alpha3":"kor","name":"Korea, Süd (Südkorea)"},{"id":191,"alpha2":"hr","alpha3":"hrv","name":"Kroatien"},{"id":192,"alpha2":"cu","alpha3":"cub","name":"Kuba"},{"id":414,"alpha2":"kw","alpha3":"kwt","name":"Kuwait"},{"id":418,"alpha2":"la","alpha3":"lao","name":"Laos"},{"id":426,"alpha2":"ls","alpha3":"lso","name":"Lesotho"},{"id":428,"alpha2":"lv","alpha3":"lva","name":"Lettland"},{"id":422,"alpha2":"lb","alpha3":"lbn","name":"Libanon"},{"id":430,"alpha2":"lr","alpha3":"lbr","name":"Liberia"},{"id":434,"alpha2":"ly","alpha3":"lby","name":"Libyen"},{"id":438,"alpha2":"li","alpha3":"lie","name":"Liechtenstein"},{"id":440,"alpha2":"lt","alpha3":"ltu","name":"Litauen"},{"id":442,"alpha2":"lu","alpha3":"lux","name":"Luxemburg"},{"id":450,"alpha2":"mg","alpha3":"mdg","name":"Madagaskar"},{"id":454,"alpha2":"mw","alpha3":"mwi","name":"Malawi"},{"id":458,"alpha2":"my","alpha3":"mys","name":"Malaysia"},{"id":462,"alpha2":"mv","alpha3":"mdv","name":"Malediven"},{"id":466,"alpha2":"ml","alpha3":"mli","name":"Mali"},{"id":470,"alpha2":"mt","alpha3":"mlt","name":"Malta"},{"id":504,"alpha2":"ma","alpha3":"mar","name":"Marokko"},{"id":584,"alpha2":"mh","alpha3":"mhl","name":"Marshallinseln"},{"id":478,"alpha2":"mr","alpha3":"mrt","name":"Mauretanien"},{"id":480,"alpha2":"mu","alpha3":"mus","name":"Mauritius"},{"id":484,"alpha2":"mx","alpha3":"mex","name":"Mexiko"},{"id":583,"alpha2":"fm","alpha3":"fsm","name":"Mikronesien"},{"id":498,"alpha2":"md","alpha3":"mda","name":"Moldau"},{"id":492,"alpha2":"mc","alpha3":"mco","name":"Monaco"},{"id":496,"alpha2":"mn","alpha3":"mng","name":"Mongolei"},{"id":499,"alpha2":"me","alpha3":"mne","name":"Montenegro"},{"id":508,"alpha2":"mz","alpha3":"moz","name":"Mosambik"},{"id":104,"alpha2":"mm","alpha3":"mmr","name":"Myanmar"},{"id":516,"alpha2":"na","alpha3":"nam","name":"Namibia"},{"id":520,"alpha2":"nr","alpha3":"nru","name":"Nauru"},{"id":524,"alpha2":"np","alpha3":"npl","name":"Nepal"},{"id":554,"alpha2":"nz","alpha3":"nzl","name":"Neuseeland"},{"id":558,"alpha2":"ni","alpha3":"nic","name":"Nicaragua"},{"id":528,"alpha2":"nl","alpha3":"nld","name":"Niederlande"},{"id":562,"alpha2":"ne","alpha3":"ner","name":"Niger"},{"id":566,"alpha2":"ng","alpha3":"nga","name":"Nigeria"},{"id":807,"alpha2":"mk","alpha3":"mkd","name":"Nordmazedonien"},{"id":578,"alpha2":"no","alpha3":"nor","name":"Norwegen"},{"id":512,"alpha2":"om","alpha3":"omn","name":"Oman"},{"id":40,"alpha2":"at","alpha3":"aut","name":"Österreich"},{"id":626,"alpha2":"tl","alpha3":"tls","name":"Osttimor"},{"id":586,"alpha2":"pk","alpha3":"pak","name":"Pakistan"},{"id":585,"alpha2":"pw","alpha3":"plw","name":"Palau"},{"id":591,"alpha2":"pa","alpha3":"pan","name":"Panama"},{"id":598,"alpha2":"pg","alpha3":"png","name":"Papua-Neuguinea"},{"id":600,"alpha2":"py","alpha3":"pry","name":"Paraguay"},{"id":604,"alpha2":"pe","alpha3":"per","name":"Peru"},{"id":608,"alpha2":"ph","alpha3":"phl","name":"Philippinen"},{"id":616,"alpha2":"pl","alpha3":"pol","name":"Polen"},{"id":620,"alpha2":"pt","alpha3":"prt","name":"Portugal"},{"id":646,"alpha2":"rw","alpha3":"rwa","name":"Ruanda"},{"id":642,"alpha2":"ro","alpha3":"rou","name":"Rumänien"},{"id":643,"alpha2":"ru","alpha3":"rus","name":"Russland"},{"id":90,"alpha2":"sb","alpha3":"slb","name":"Salomonen"},{"id":894,"alpha2":"zm","alpha3":"zmb","name":"Sambia"},{"id":882,"alpha2":"ws","alpha3":"wsm","name":"Samoa"},{"id":674,"alpha2":"sm","alpha3":"smr","name":"San Marino"},{"id":678,"alpha2":"st","alpha3":"stp","name":"São Tomé und Príncipe"},{"id":682,"alpha2":"sa","alpha3":"sau","name":"Saudi-Arabien"},{"id":752,"alpha2":"se","alpha3":"swe","name":"Schweden"},{"id":756,"alpha2":"ch","alpha3":"che","name":"Schweiz"},{"id":686,"alpha2":"sn","alpha3":"sen","name":"Senegal"},{"id":688,"alpha2":"rs","alpha3":"srb","name":"Serbien"},{"id":690,"alpha2":"sc","alpha3":"syc","name":"Seychellen"},{"id":694,"alpha2":"sl","alpha3":"sle","name":"Sierra Leone"},{"id":716,"alpha2":"zw","alpha3":"zwe","name":"Simbabwe"},{"id":702,"alpha2":"sg","alpha3":"sgp","name":"Singapur"},{"id":703,"alpha2":"sk","alpha3":"svk","name":"Slowakei"},{"id":705,"alpha2":"si","alpha3":"svn","name":"Slowenien"},{"id":706,"alpha2":"so","alpha3":"som","name":"Somalia"},{"id":724,"alpha2":"es","alpha3":"esp","name":"Spanien"},{"id":144,"alpha2":"lk","alpha3":"lka","name":"Sri Lanka"},{"id":659,"alpha2":"kn","alpha3":"kna","name":"St. Kitts und Nevis"},{"id":662,"alpha2":"lc","alpha3":"lca","name":"St. Lucia"},{"id":670,"alpha2":"vc","alpha3":"vct","name":"St. Vincent und die Grenadinen"},{"id":710,"alpha2":"za","alpha3":"zaf","name":"Südafrika"},{"id":729,"alpha2":"sd","alpha3":"sdn","name":"Sudan"},{"id":728,"alpha2":"ss","alpha3":"ssd","name":"Südsudan"},{"id":740,"alpha2":"sr","alpha3":"sur","name":"Suriname"},{"id":760,"alpha2":"sy","alpha3":"syr","name":"Syrien"},{"id":762,"alpha2":"tj","alpha3":"tjk","name":"Tadschikistan"},{"id":834,"alpha2":"tz","alpha3":"tza","name":"Tansania"},{"id":764,"alpha2":"th","alpha3":"tha","name":"Thailand"},{"id":768,"alpha2":"tg","alpha3":"tgo","name":"Togo"},{"id":776,"alpha2":"to","alpha3":"ton","name":"Tonga"},{"id":780,"alpha2":"tt","alpha3":"tto","name":"Trinidad und Tobago"},{"id":148,"alpha2":"td","alpha3":"tcd","name":"Tschad"},{"id":203,"alpha2":"cz","alpha3":"cze","name":"Tschechien"},{"id":788,"alpha2":"tn","alpha3":"tun","name":"Tunesien"},{"id":792,"alpha2":"tr","alpha3":"tur","name":"Türkei"},{"id":795,"alpha2":"tm","alpha3":"tkm","name":"Turkmenistan"},{"id":798,"alpha2":"tv","alpha3":"tuv","name":"Tuvalu"},{"id":800,"alpha2":"ug","alpha3":"uga","name":"Uganda"},{"id":804,"alpha2":"ua","alpha3":"ukr","name":"Ukraine"},{"id":348,"alpha2":"hu","alpha3":"hun","name":"Ungarn"},{"id":858,"alpha2":"uy","alpha3":"ury","name":"Uruguay"},{"id":860,"alpha2":"uz","alpha3":"uzb","name":"Usbekistan"},{"id":548,"alpha2":"vu","alpha3":"vut","name":"Vanuatu"},{"id":862,"alpha2":"ve","alpha3":"ven","name":"Venezuela"},{"id":784,"alpha2":"ae","alpha3":"are","name":"Vereinigte Arabische Emirate"},{"id":840,"alpha2":"us","alpha3":"usa","name":"Vereinigte Staaten"},{"id":826,"alpha2":"gb","alpha3":"gbr","name":"Vereinigtes Königreich"},{"id":704,"alpha2":"vn","alpha3":"vnm","name":"Vietnam"},{"id":140,"alpha2":"cf","alpha3":"caf","name":"Zentralafrikanische Republik"},{"id":196,"alpha2":"cy","alpha3":"cyp","name":"Zypern"}]'),ym=[...km.map((e=>({label:e.name,value:e.alpha2})))],wm=[...km.map((e=>e.name))];var Em=Object.defineProperty,xm=Object.getOwnPropertySymbols,Sm=Object.prototype.hasOwnProperty,Tm=Object.prototype.propertyIsEnumerable,Cm=(e,t,n)=>t in e?Em(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;const zm=(0,n.createContext)(void 0),Om=(0,n.createContext)(!1),Nm=e=>{const t=(0,n.useRef)(),[a,r]=(0,n.useState)(void 0),l=e.formatter||JSON.stringify,o=(0,n.useContext)(zm),i=(0,n.useContext)(Om),c=()=>{return e=function*(){var e;r(yield null==(e=t.current)?void 0:e.getValue())},new Promise(((t,n)=>{var a=t=>{try{l(e.next(t))}catch(e){n(e)}},r=t=>{try{l(e.throw(t))}catch(e){n(e)}},l=e=>e.done?t(e.value):Promise.resolve(e.value).then(a,r);l((e=e.apply(undefined,null)).next())}));var e};(0,n.useEffect)((()=>{const e=()=>{c()};return null==o||o.addEventListener("runAll",e),()=>{null==o||o.removeEventListener("runAll",e)}}),[o]);const s=Object.fromEntries(["onInput","onChange","onBlur","onClick","onFocus","onMouseDown"].map((t=>[t,(n,a)=>{i&&console.log(e.inputProps._label,t,a,n)}])));return n.createElement(n.Fragment,null,n.createElement("div",{className:"grid grid-cols-3 items-end gap-4","data-testid":e.testId},n.createElement(e.InputComponent,((e,t)=>{for(var n in t||(t={}))Sm.call(t,n)&&Cm(e,n,t[n]);if(xm)for(var n of xm(t))Tm.call(t,n)&&Cm(e,n,t[n]);return e})({ref:t,_on:s},e.inputProps)),n.createElement(Me,{_label:"getValue()",_on:{onClick:()=>{c()}}}),n.createElement("pre",{className:"text-base"},l(a))))},Lm=()=>{const e=new Map;return e.set("inputCheckbox",((e,t)=>n.createElement(Ze,{className:"w-full",_name:"checkbox",_label:"Checkbox",ref:t}))),e.set("inputColor",((e,t)=>n.createElement(Ge,{className:"w-full",_name:"color",_label:"Color",ref:t}))),e.set("inputDate",((e,t)=>n.createElement(Ye,{className:"w-full",_name:"date",_label:"Date",ref:t}))),e.set("inputEmail",((e,t)=>n.createElement(Je,{className:"w-full",_name:"email",_label:"Email",ref:t}))),e.set("inputFile",((e,t)=>n.createElement(Qe,{className:"w-full",_name:"file",_label:"File",ref:t}))),e.set("inputFileMultiple",((e,t)=>n.createElement(Qe,{className:"w-full",_name:"file",_label:"Files (multiple)",_multiple:!0,ref:t}))),e.set("inputNumber",((e,t)=>n.createElement(Xe,{className:"w-full",_name:"number",_label:"Number",ref:t}))),e.set("inputPassword",((e,t)=>n.createElement(et,{className:"w-full",_name:"password",_label:"Password",ref:t}))),e.set("inputRadio",((e,t)=>n.createElement(tt,{className:"w-full",_name:"radio",_label:"Radio",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_value:"A",ref:t}))),e.set("inputRange",((e,t)=>n.createElement(nt,{className:"w-full",_name:"range",_label:"Range",ref:t}))),e.set("inputText",((e,t)=>n.createElement(at,{className:"w-full",_name:"text",_label:"Text",ref:t}))),e.set("select",((e,t)=>n.createElement(pt,{className:"w-full",_name:"select",_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],ref:t}))),e.set("selectMultiple",((e,t)=>n.createElement(pt,{className:"w-full",_name:"select",_label:"Select (multiple)",_multiple:!0,_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_rows:2,ref:t}))),e.set("singleSelect",((e,t)=>n.createElement(ft,{className:"w-full",_name:"singleSelect",_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],ref:t}))),e.set("textarea",((e,t)=>n.createElement(yt,{className:"w-full",_name:"textarea",_label:"Textarea",_rows:5,ref:t}))),e.set("accordion",((e,t)=>n.createElement($e,{className:"w-full",_label:"Accordion here",ref:t}))),e.set("button",((e,t)=>n.createElement("div",null,n.createElement(Me,{_label:"Button here",ref:t})))),e.set("buttonLink",((e,t)=>n.createElement(Fe,{_label:"ButtonLink here",ref:t}))),e.set("combobox",((e,t)=>n.createElement(De,{className:"w-full",_label:"KolCombobox here",_suggestions:[],ref:t}))),e.set("details",((e,t)=>n.createElement(Ke,{className:"w-full",_label:"Details here",ref:t},"detailed details"))),e.set("link",((e,t)=>n.createElement(lt,{className:"w-full",_label:"Link here",_href:"#",ref:t}))),e.set("linkButton",((e,t)=>n.createElement("div",null,n.createElement(ot,{_label:"LinkButton here",_href:"#",ref:t})))),e},Am=e=>{const t=[...(0,n.useMemo)((()=>Lm()),[]).keys()].map((e=>e));return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample serves for automated tests of the focus state for input components. When loading one of the examples linked below, focus will be set on the element initially. When testing manually, you may have to reload the page after opening an example.")),e.invalidComponent&&n.createElement(Be,{_type:"error",_variant:"card"},"Component not found."),n.createElement(Ue,{_level:2,_label:"Focus Test Cases"}),n.createElement("ul",null,t.map((e=>n.createElement("li",{key:e},n.createElement(lt,{_label:e,_href:`#/scenarios/focus-elements?component=${e}`}))))))},$m=JSON.parse('[{"name":"Elephant","species":"Loxodonta","habitat":"Savannah","diet":"Herbivore","lifespan":60},{"name":"Tiger","species":"Panthera tigris","habitat":"Forest","diet":"Carnivore","lifespan":20},{"name":"Kangaroo","species":"Macropus","habitat":"Grassland","diet":"Herbivore","lifespan":23},{"name":"Penguin","species":"Aptenodytes forsteri","habitat":"Antarctica","diet":"Carnivore","lifespan":20},{"name":"Giraffe","species":"Giraffa camelopardalis","habitat":"Savannah","diet":"Herbivore","lifespan":25},{"name":"Panda","species":"Ailuropoda melanoleuca","habitat":"Forest","diet":"Herbivore","lifespan":20},{"name":"Dolphin","species":"Delphinus delphis","habitat":"Ocean","diet":"Carnivore","lifespan":40},{"name":"Eagle","species":"Aquila chrysaetos","habitat":"Mountains","diet":"Carnivore","lifespan":30},{"name":"Koala","species":"Phascolarctos cinereus","habitat":"Forest","diet":"Herbivore","lifespan":18},{"name":"Lion","species":"Panthera leo","habitat":"Savannah","diet":"Carnivore","lifespan":15},{"name":"Zebra","species":"Equus quagga","habitat":"Savannah","diet":"Herbivore","lifespan":25},{"name":"Wolf","species":"Canis lupus","habitat":"Forest","diet":"Carnivore","lifespan":14},{"name":"Cheetah","species":"Acinonyx jubatus","habitat":"Savannah","diet":"Carnivore","lifespan":12},{"name":"Polar Bear","species":"Ursus maritimus","habitat":"Arctic","diet":"Carnivore","lifespan":25},{"name":"Rhinoceros","species":"Rhinocerotidae","habitat":"Savannah","diet":"Herbivore","lifespan":40},{"name":"Hippopotamus","species":"Hippopotamus amphibius","habitat":"Rivers","diet":"Herbivore","lifespan":45},{"name":"Chimpanzee","species":"Pan troglodytes","habitat":"Forest","diet":"Omnivore","lifespan":50},{"name":"Orangutan","species":"Pongo","habitat":"Forest","diet":"Omnivore","lifespan":45},{"name":"Leopard","species":"Panthera pardus","habitat":"Forest","diet":"Carnivore","lifespan":17},{"name":"Hyena","species":"Hyaenidae","habitat":"Savannah","diet":"Carnivore","lifespan":25},{"name":"Crocodile","species":"Crocodylidae","habitat":"Rivers","diet":"Carnivore","lifespan":70},{"name":"Alligator","species":"Alligatoridae","habitat":"Swamps","diet":"Carnivore","lifespan":50},{"name":"Ostrich","species":"Struthio camelus","habitat":"Savannah","diet":"Omnivore","lifespan":40},{"name":"Flamingo","species":"Phoenicopterus","habitat":"Lakes","diet":"Omnivore","lifespan":30},{"name":"Peacock","species":"Pavo cristatus","habitat":"Forest","diet":"Omnivore","lifespan":20},{"name":"Parrot","species":"Psittaciformes","habitat":"Forest","diet":"Omnivore","lifespan":50},{"name":"Toucan","species":"Ramphastidae","habitat":"Forest","diet":"Omnivore","lifespan":20},{"name":"Sloth","species":"Folivora","habitat":"Forest","diet":"Herbivore","lifespan":30},{"name":"Armadillo","species":"Dasypodidae","habitat":"Grassland","diet":"Omnivore","lifespan":15},{"name":"Anteater","species":"Myrmecophaga tridactyla","habitat":"Forest","diet":"Insectivore","lifespan":14},{"name":"Bat","species":"Chiroptera","habitat":"Caves","diet":"Omnivore","lifespan":20},{"name":"Otter","species":"Lutrinae","habitat":"Rivers","diet":"Carnivore","lifespan":16},{"name":"Beaver","species":"Castor","habitat":"Rivers","diet":"Herbivore","lifespan":24},{"name":"Moose","species":"Alces alces","habitat":"Forest","diet":"Herbivore","lifespan":20},{"name":"Deer","species":"Cervidae","habitat":"Forest","diet":"Herbivore","lifespan":20},{"name":"Bison","species":"Bison bison","habitat":"Grassland","diet":"Herbivore","lifespan":20},{"name":"Buffalo","species":"Syncerus caffer","habitat":"Savannah","diet":"Herbivore","lifespan":25},{"name":"Camel","species":"Camelus","habitat":"Desert","diet":"Herbivore","lifespan":50},{"name":"Llama","species":"Lama glama","habitat":"Mountains","diet":"Herbivore","lifespan":20},{"name":"Alpaca","species":"Vicugna pacos","habitat":"Mountains","diet":"Herbivore","lifespan":20},{"name":"Goat","species":"Capra aegagrus hircus","habitat":"Mountains","diet":"Herbivore","lifespan":18},{"name":"Sheep","species":"Ovis aries","habitat":"Grassland","diet":"Herbivore","lifespan":12},{"name":"Cow","species":"Bos taurus","habitat":"Grassland","diet":"Herbivore","lifespan":20},{"name":"Pig","species":"Sus scrofa domesticus","habitat":"Farm","diet":"Omnivore","lifespan":15},{"name":"Chicken","species":"Gallus gallus domesticus","habitat":"Farm","diet":"Omnivore","lifespan":10}]'),Bm=[{_icons:"codicon codicon-pie-chart",_label:"Erster Tab"},{_icons:"codicon codicon-calendar",_label:"Zweiter Tab",_disabled:!0},{_icons:"codicon codicon-briefcase",_label:"Deaktivierter Tab",_disabled:!0},{_icons:"codicon codicon-telescope",_label:"Letzter Tab",_disabled:!0}],Pm={horizontal:[[{key:"name",label:"Name",textAlign:"left",width:"400px"},{key:"species",label:"Species",textAlign:"left",width:"400px"},{key:"habitat",label:"Habitat",textAlign:"left",width:"400px"},{key:"diet",label:"Diet",textAlign:"left",width:"400px"},{key:"lifespan",label:"lifespan",textAlign:"right",width:"400px"}]]},Im={scenarios:{"custom-tooltip-width":()=>{const{dummyClickEventHandler:e}=Hn(),t={onClick:e};return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample demonstrates how a tooltip's width can be adjusted by defining the CSS custom property ",n.createElement("code",null,"--kol-tooltip-width")," on one of the parent elements.")),n.createElement(Me,{_label:"Tooltip with fixed width",_hideLabel:!0,style:{"--kol-tooltip-width":"400px"},_icons:"codicon codicon-reactions",_on:t}))},"disabled-interactive-scenario":()=>{const{dummyClickEventHandler:e}=Hn(),t={onClick:e};return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This example shows how deactivated interactive elements are displayed."),n.createElement("ul",null,n.createElement("li",null,"Deactivated interactive elements pose a particular challenge for accessibility."),n.createElement("li",null,"It must not be possible to focus on deactivated interactive elements, otherwise the tab paths will be unnecessarily extended."),n.createElement("li",null,"Deactivated interactive elements should be labelled clearly and legibly."),n.createElement("li",null,"Deactivated interactive elements have a tooltip for sighted people and aria labelling for the screen readers reading mode if they are represented by an interpretable graphic.")),n.createElement("p",null,"This implementation ensures standardized use for all users.")),n.createElement("div",{className:"w-full grid gap-4"},n.createElement(Re,{_label:"Button",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(Me,{_label:"Label",_on:t}),n.createElement(Me,{_disabled:!0,_label:"Label",_on:t}),n.createElement(Me,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label",_on:t}),n.createElement(Me,{_disabled:!0,_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label",_on:t}))),n.createElement(Re,{_label:"ButtonLink",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(Fe,{_label:"Label"}),n.createElement(Fe,{_disabled:!0,_label:"Label"}),n.createElement(Fe,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label"}),n.createElement(Fe,{_hideLabel:!0,_icons:"codicon codicon-home",_disabled:!0,_label:"Label"}))),n.createElement(Re,{_label:"Link",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(lt,{_href:"#",_label:"Label"}),n.createElement(lt,{_disabled:!0,_href:"#",_label:"Label"}),n.createElement(lt,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}),n.createElement(lt,{_disabled:!0,_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}))),n.createElement(Re,{_label:"LinkButton",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(ot,{_href:"#",_label:"Label"}),n.createElement(ot,{_disabled:!0,_href:"#",_label:"Label"}),n.createElement(ot,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}),n.createElement(ot,{_disabled:!0,_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}))),n.createElement(Re,{_label:"Accordion",_level:0},n.createElement("div",{className:"grid gap-4"},n.createElement($e,{_label:"Label"},"Content"),n.createElement($e,{_disabled:!0,_label:"Label"},"Content"),n.createElement($e,{_label:"Label (open)",_open:!0},"Content"),n.createElement($e,{_disabled:!0,_label:"Label (open)",_open:!0},"Content"))),n.createElement(Re,{_label:"Details",_level:0},n.createElement("div",{className:"grid gap-4"},n.createElement(Ke,{_label:"Label"},"Content"),n.createElement(Ke,{_disabled:!0,_label:"Label"},"Content"),n.createElement(Ke,{_label:"Label (open)",_open:!0},"Content"),n.createElement(Ke,{_disabled:!0,_label:"Label (open)",_open:!0},"Content"))),[Ze,Ge,Ye,Je,Qe,Xe,et,nt,at].map((e=>{const t=e.render.displayName;return n.createElement(Re,{key:t,_label:t,_level:0},n.createElement("div",{className:"grid gap-4"},n.createElement(e,{_label:"Label"}),n.createElement(e,{_disabled:!0,_label:"Label"}),n.createElement(e,{_hideLabel:!0,_label:"Label"}),n.createElement(e,{_disabled:!0,_hideLabel:!0,_label:"Label"})))})),[tt,pt].map((e=>{const t=e.render.displayName;return n.createElement(Re,{key:t,_label:t,_level:0},n.createElement("div",{className:"grid gap-4"},n.createElement(e,{_label:"Label",_options:_m}),n.createElement(e,{_disabled:!0,_label:"Label",_options:_m}),n.createElement(e,{_hideLabel:!0,_label:"Label",_options:_m}),n.createElement(e,{_disabled:!0,_hideLabel:!0,_label:"Label",_options:_m})))})),n.createElement(Re,{_label:"KolTextarea",_level:0},n.createElement("div",{className:"grid gap-4"},n.createElement(yt,{_label:"Label",_rows:3}),n.createElement(yt,{_disabled:!0,_label:"Label",_rows:3}),n.createElement(yt,{_hideLabel:!0,_label:"Label",_rows:3}),n.createElement(yt,{_disabled:!0,_hideLabel:!0,_label:"Label",_rows:3})))))},"focus-elements":()=>{const e=(0,n.useRef)(null),t=(0,n.useMemo)((()=>Lm()),[]),[a]=Ee(),r=a.get("component");if((0,n.useLayoutEffect)((()=>{setTimeout((()=>{var t;null==(t=e.current)||t.kolFocus()}),500)}),[e]),r){const a=t.get(r);if(!a)return n.createElement(Am,{invalidComponent:!0});const l=(0,n.forwardRef)(a);return n.createElement(l,{ref:e})}return n.createElement(Am,null)},"input-group-with-error":()=>{const e="Unrecognized phone number.";return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows how input components can be grouped together with just one error message, without repeating the message for every field."),n.createElement("p",null,"The sample only demonstrates how the errors can be displayed, an actual validation logic is not part of the example.")),n.createElement("fieldset",null,n.createElement("legend",null,"Phone number"),n.createElement(Be,{_alert:!0,_type:"error",_label:e}),n.createElement("div",{className:"grid grid-cols-3 gap-4 max-w-2xl"},n.createElement(pt,{_options:[{label:"United States +1",value:"1"},{label:"Greece +30 ",value:"30"},{label:"Germany +49",value:"49"},{label:"Japan +81",value:"81"}],_label:"CountryCode ",_msg:{_description:e,_type:"error"},_touched:!0,_hideMsg:!0}),n.createElement(at,{_label:"Area code",_msg:{_description:e,_type:"error"},_touched:!0,_hideMsg:!0}),n.createElement(at,{_label:"Local number",_msg:{_description:e,_type:"error"},_touched:!0,_hideMsg:!0}))),n.createElement("fieldset",{className:"mt"},n.createElement("legend",null,"Pizza toppings"),n.createElement(Be,{_alert:!0,_type:"error",_label:"Choose at least two and up to five toppings."}),["Mushrooms","Bell Peppers","Onions","Olives","Spinach","Tomatoes","Artichokes","Zucchini","Jalapeños","Basil"].map((t=>n.createElement(Ze,{key:t,_label:t,_msg:{_description:e,_type:"error"},_touched:!0,_hideMsg:!0})))))},"inputs-get-value":()=>{const e=(0,n.useMemo)((()=>new EventTarget),[]),[t,a]=(0,n.useState)(!0);return n.createElement(n.Fragment,null,n.createElement(zm.Provider,{value:e},n.createElement(Om.Provider,{value:t},n.createElement(Cn,null,n.createElement("p",null,"This sample shows how the input components ",n.createElement("code",null,"getValue()"),' method works. It\'s called when clicking the "getValue()" button and prints the current value right next to itself.')),n.createElement("section",{className:"w-full flex flex-col"},n.createElement(Re,{_label:"Sample options",className:"block ha mb-8"},n.createElement(Ze,{_label:"Log events to console",_value:!0,_checked:t,_on:{onChange:(e,t)=>a(t)}})),n.createElement("div",{className:"grid gap-4"},n.createElement(Nm,{testId:"scenario-inputText",InputComponent:at,inputProps:{_label:"InputText"}}),n.createElement(Nm,{testId:"scenario-inputCheckboxString",InputComponent:Ze,inputProps:{_label:"KolInputCheckbox (value)",_value:"Checkbox True Value"}}),n.createElement(Nm,{testId:"scenario-inputCheckboxBoolean",InputComponent:Ze,inputProps:{_label:"KolInputCheckbox (boolean)"}}),n.createElement(Nm,{testId:"scenario-inputColor",InputComponent:Ge,inputProps:{_label:"KolInputColor"}}),n.createElement(Nm,{testId:"scenario-inputDate",InputComponent:Ye,inputProps:{_label:"KolInputDate"}}),n.createElement(Nm,{testId:"scenario-inputEmail",InputComponent:Je,inputProps:{_label:"KolInputEmail"}}),n.createElement(Nm,{testId:"scenario-inputFile",InputComponent:Qe,inputProps:{_label:"KolInputFile"},formatter:e=>e instanceof FileList?`FileList{${Array.from(e).map((e=>e.name)).join(", ")}}`:JSON.stringify(e)}),n.createElement(Nm,{testId:"scenario-inputNumber",InputComponent:Xe,inputProps:{_label:"KolInputNumber"}}),n.createElement(Nm,{testId:"scenario-inputPassword",InputComponent:et,inputProps:{_label:"KolInputPassword"}}),n.createElement(Nm,{testId:"scenario-inputRange",InputComponent:nt,inputProps:{_label:"KolInputRange"}}),n.createElement(Nm,{testId:"scenario-inputRadio",InputComponent:tt,inputProps:{_label:"KolInputRadio",_orientation:"horizontal",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}],_value:"New York"}}),n.createElement(Nm,{testId:"scenario-select",InputComponent:pt,inputProps:{_label:"KolSelect",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}]}}),n.createElement(Nm,{testId:"scenario-singleSelect",InputComponent:ft,inputProps:{_label:"KolSingleSelect",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}],_value:"Rosenheim"}}),n.createElement(Nm,{testId:"scenario-combobox",InputComponent:De,inputProps:{_label:"KolCombobox",_suggestions:wm,_value:"Deutschland"}}),n.createElement(Nm,{testId:"scenario-textarea",InputComponent:yt,inputProps:{_label:"KolTextarea"}}),n.createElement(Nm,{testId:"scenario-button",InputComponent:Me,inputProps:{_label:"KolButton",_variant:"ghost",_value:"KolButton value"}}),n.createElement(Nm,{testId:"scenario-buttonLink",InputComponent:Fe,inputProps:{_label:"KolButtonLink",_value:"KolButtonLink value"}}),n.createElement("div",{className:"grid grid-cols-3 gap-4"},n.createElement("div",null),n.createElement(Me,{_label:"Run all",_variant:"primary",_on:{onClick:()=>{e.dispatchEvent(new Event("runAll"))}}})))))))},"static-form":()=>{const{searchParams:e}=new URL(location.href);return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows how KoliBri can be used in a static form context."),n.createElement("ol",null,n.createElement("li",null,"First you have to enable the ",n.createElement("code",null,"experimental mode"),":"," ",n.createElement("code",{className:"bg-gray-200"},'<meta name="kolibri" content="dev-mode=false;experimental-mode=true;" />')),n.createElement("li",null,"Currently you have to use a native ",n.createElement("code",null,"form")," element:"," ",n.createElement("code",{className:"bg-gray-200"},'<form method="GET">...</form>')),n.createElement("li",null,"It is important in static usage to give every input a ",n.createElement("code",null,"name")," attribute:"," ",n.createElement("code",{className:"bg-gray-200"},'<KolInputColor _name="color" _label="Color" />')),n.createElement("li",null,"Last of all one button should have the type ",n.createElement("code",null,"submit"),":"," ",n.createElement("code",{className:"bg-gray-200"},'<KolButton _label="Submit" _type="submit" _variant="primary" />')))),n.createElement("section",{className:"w-full flex flex-col"},e.size>0&&n.createElement("div",{className:"grid gap-4"},n.createElement(Ue,{_level:2,_label:"Submitted data"}),n.createElement("pre",{className:"text-base"},n.createElement("code",null,JSON.stringify(Object.fromEntries(e.entries()),null,2)))),n.createElement("form",{className:"grid gap-4",method:"get",noValidate:!0},n.createElement(Ze,{_name:"checkbox",_label:"Checkbox"}),n.createElement(Ge,{_name:"color",_label:"Color"}),n.createElement(Ye,{_name:"date",_label:"Date"}),n.createElement(Je,{_name:"email",_label:"Email"}),n.createElement(Qe,{_name:"file",_label:"File"}),n.createElement(Qe,{_name:"file",_label:"Files (multiple)",_multiple:!0}),n.createElement(Xe,{_name:"number",_label:"Number"}),n.createElement(et,{_name:"password",_label:"Password"}),n.createElement(tt,{_name:"radio",_label:"Radio",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),n.createElement(nt,{_name:"range",_label:"Range"}),n.createElement(at,{_name:"text",_label:"Text"}),n.createElement(pt,{_name:"select",_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),n.createElement(pt,{_name:"select",_label:"Select (multiple)",_multiple:!0,_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_rows:2}),n.createElement(ft,{_name:"singleSelect",_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),n.createElement(De,{_name:"combobox",_label:"Combobox",_suggestions:wm}),n.createElement(yt,{_name:"textarea",_label:"Textarea",_rows:5}),n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(Me,{_label:"Submit",_type:"submit",_variant:"primary"}),n.createElement(Me,{_label:"Reset",_type:"reset"})),n.createElement("input",{type:"hidden",value:crypto.randomUUID(),name:"random"}))))},"table-horizontal-scrollbar-advanced":function(){const[e]=n.useState((()=>{var e;const t=Pm.horizontal[0];let n=0;for(const a of t)n+=Number((null==(e=a.width)?void 0:e.replace("px",""))||0);return`${n}px`}));return n.createElement(n.Fragment,null,n.createElement(Cn,null),n.createElement("div",{className:"mainlayout"},n.createElement("aside",{className:"nav-area"},n.createElement(ct,{_label:"Main navigation",_links:mm,_hasCompactButton:!0,_hasIconsWhenExpanded:!0})),n.createElement("div",{className:"content"},n.createElement(kt,{_tabs:Bm,_align:"top",_label:"Demo Tabs"},n.createElement("div",{style:{overflow:"hidden"}},n.createElement(vt,{_label:"Table for demonstration purposes with horizontal scrollbar",_minWidth:e,_headers:Pm,_data:$m,_pagination:{_page:1},className:"block"})),n.createElement("div",null),n.createElement("div",null),n.createElement("div",null)))))},"change-tabindex":()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This example show how different components works with tabIndex.")),n.createElement("div",{className:"w-full grid gap-4"},n.createElement(Re,{_label:"Button",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(Me,{_label:"Button 1, Tabindex 4",_variant:"primary",tabIndex:4}),n.createElement(Me,{_disabled:!0,_label:"Button 2, Tabindex 3",_variant:"primary",tabIndex:3}),n.createElement(Me,{_label:"Button 3, Tabindex 2",_variant:"primary",tabIndex:2}),n.createElement(Me,{_label:"Button 4, Tabindex 1",_variant:"primary",tabIndex:1}))),n.createElement(Re,{_label:"ButtonLink",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(Fe,{_label:"ButtonLink 1, Tabindex 4",tabIndex:4}),n.createElement(Fe,{_disabled:!0,_label:"ButtonLink 2, Tabindex 3",tabIndex:3}),n.createElement(Fe,{_label:"ButtonLink 3, Tabindex 2",tabIndex:2}),n.createElement(Fe,{_label:"ButtonLink 4, Tabindex 1",tabIndex:1}))),n.createElement(Re,{_label:"Combobox",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(De,{_hint:Sn,_label:"Combobox 1, Tabindex 4",_suggestions:wm,_value:"Deutschland",tabIndex:4}),n.createElement(De,{_disabled:!0,_hint:Sn,_label:"Combobox 2, Tabindex 3",_suggestions:wm,_value:"Deutschland",tabIndex:3}),n.createElement(De,{_touched:!0,_hint:Sn,_msg:{_type:"error",_description:xn},_label:"Combobox 3, Tabindex 2",_suggestions:wm,_value:"Deutschland",tabIndex:2}),n.createElement(De,{_hint:Sn,_label:"Combobox 4, Tabindex 1",_suggestions:wm,_value:"Deutschland",tabIndex:1}))),n.createElement(Re,{_label:"InputCheckbox",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(Ze,{_label:"InputCheckbox 4, Tabindex 1",_value:!1,tabIndex:4}),n.createElement(Ze,{_disabled:!0,_label:"InputCheckbox 3, Tabindex 2",_value:!1,tabIndex:3}),n.createElement(Ze,{_touched:!0,_label:"InputCheckbox 2, Tabindex 3",_msg:{_type:"error",_description:xn},_value:!1,tabIndex:2}),n.createElement(Ze,{_label:"InputCheckbox 1, Tabindex 4",_value:!1,tabIndex:1}))),n.createElement(Re,{_label:"InputColor",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(Ge,{_value:"#f08080",_label:"InputCheckbox 1, Tabindex 4",tabIndex:4}),n.createElement(Ge,{_disabled:!0,_value:"#f08080",_label:"InputCheckbox 2, Tabindex 3",tabIndex:3}),n.createElement(Ge,{_touched:!0,_value:"#f08080",_label:"InputCheckbox 3, Tabindex 2",_msg:{_type:"error",_description:xn},tabIndex:2}),n.createElement(Ge,{_value:"#f08080",_label:"InputCheckbox 4, Tabindex 1",tabIndex:1}))),n.createElement(Re,{_label:"InputDate",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(Ye,{_type:"datetime-local",_label:"InputCheckbox 1, Tabindex 4",tabIndex:4}),n.createElement(Ye,{_disabled:!0,_type:"datetime-local",_label:"InputCheckbox 2, Tabindex 3",tabIndex:3}),n.createElement(Ye,{_touched:!0,_type:"datetime-local",_label:"InputCheckbox 3, Tabindex 2",_msg:{_type:"error",_description:xn},tabIndex:2}),n.createElement(Ye,{_type:"datetime-local",_label:"InputCheckbox 4, Tabindex 1",tabIndex:1}))),n.createElement(Re,{_label:"InputEmail",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(Je,{_label:"InputEmail 1, Tabindex 4",tabIndex:4}),n.createElement(Je,{_disabled:!0,_label:"InputEmail 2, Tabindex 3",tabIndex:3}),n.createElement(Je,{_touched:!0,_label:"InputEmail 3, Tabindex 2",_msg:{_type:"error",_description:xn},tabIndex:2}),n.createElement(Je,{_label:"InputEmail 4, Tabindex 1",tabIndex:1}))),n.createElement(Re,{_label:"InputFile",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(Qe,{_label:"InputFile 1, Tabindex 4",tabIndex:4}),n.createElement(Qe,{_disabled:!0,_label:"InputFile 2, Tabindex 3",tabIndex:3}),n.createElement(Qe,{_touched:!0,_label:"InputFile 3, Tabindex 2",_msg:{_type:"error",_description:xn},tabIndex:2}),n.createElement(Qe,{_label:"InputFile 4, Tabindex 1",tabIndex:1}))),n.createElement(Re,{_label:"InputNumber",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(Xe,{_label:"InputNumber 1, Tabindex 4",tabIndex:4}),n.createElement(Xe,{_disabled:!0,_label:"InputNumber 2, Tabindex 3",tabIndex:3}),n.createElement(Xe,{_touched:!0,_label:"InputNumber 3, Tabindex 2",_msg:{_type:"error",_description:xn},tabIndex:2}),n.createElement(Xe,{_label:"InputNumber 4, Tabindex 1",tabIndex:1}))),n.createElement(Re,{_label:"InputPassword",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(et,{_label:"InputPassword 1, Tabindex 4",tabIndex:4}),n.createElement(et,{_disabled:!0,_label:"InputPassword 2, Tabindex 3",tabIndex:3}),n.createElement(et,{_touched:!0,_label:"InputPassword 3, Tabindex 2",_msg:{_type:"error",_description:xn},tabIndex:2}),n.createElement(et,{_label:"InputPassword 4, Tabindex 1",tabIndex:1}))),n.createElement(Re,{_label:"InputRadio",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(tt,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 1, Tabindex 4",tabIndex:4}),n.createElement(tt,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 2, Tabindex 3",_disabled:!0,tabIndex:3}),n.createElement(tt,{_touched:!0,_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 3, Tabindex 2",_msg:{_type:"error",_description:xn},tabIndex:2})," ",n.createElement(tt,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 4, Tabindex 1",tabIndex:1}))),n.createElement(Re,{_label:"InputRange",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(nt,{_label:"InputRange 1, Tabindex 4",_min:0,_max:50,tabIndex:4}),n.createElement(nt,{_disabled:!0,_label:"InputRange 2, Tabindex 3",_min:0,_max:50,tabIndex:3}),n.createElement(nt,{_touched:!0,_label:"InputRange 3, Tabindex 2",_min:0,_max:50,_msg:{_type:"error",_description:xn},tabIndex:2}),n.createElement(nt,{_label:"InputRange 4, Tabindex 1",_min:0,_max:50,tabIndex:1}))),n.createElement(Re,{_label:"InputText",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(at,{_label:"InputText 1, Tabindex 4",tabIndex:4}),n.createElement(at,{_disabled:!0,_label:"InputText 2, Tabindex 3",tabIndex:3}),n.createElement(at,{_touched:!0,_label:"InputText 3, Tabindex 2",_msg:{_type:"error",_description:xn},tabIndex:2}),n.createElement(at,{_label:"InputText 4, Tabindex 1",tabIndex:1}))),n.createElement(Re,{_label:"LinkButton",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(ot,{_href:"#/back-page",_label:"InputText 1, Tabindex 4",_variant:"primary",tabIndex:4}),n.createElement(ot,{_disabled:!0,_href:"#/back-page",_label:"InputText 2, Tabindex 3",_variant:"primary",tabIndex:3}),n.createElement(ot,{_href:"#/back-page",_label:"InputText 3, Tabindex 2",_variant:"primary",tabIndex:2}),n.createElement(ot,{_href:"#/back-page",_label:"InputText 4, Tabindex 1",_variant:"primary",tabIndex:1}))),n.createElement(Re,{_label:"Link",_level:0},n.createElement(lt,{_href:"#/back-page",_label:"InputText 1, Tabindex 4",tabIndex:4}),n.createElement(lt,{_disabled:!0,_href:"#/back-page",_label:"InputText 2, Tabindex 3",tabIndex:3}),n.createElement(lt,{_href:"#/back-page",_label:"InputText 3, Tabindex 2",tabIndex:2}),n.createElement(lt,{_href:"#/back-page",_label:"InputText 4, Tabindex 1",tabIndex:1})),n.createElement(Re,{_label:"SingleSelect",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(ft,{_label:"InputText 1, Tabindex 4",_options:ym,_value:"de",tabIndex:4}),n.createElement(ft,{_disabled:!0,_label:"InputText 2, Tabindex 3",_options:ym,_value:"de",tabIndex:3}),n.createElement(ft,{_touched:!0,_label:"InputText 3, Tabindex 2",_options:ym,_msg:{_type:"error",_description:xn},_value:"de",tabIndex:2}),n.createElement(ft,{_label:"InputText 4, Tabindex 1",_options:ym,_value:"de",tabIndex:1}))),n.createElement(Re,{_label:"SplitButton",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(gt,{_label:"InputText 1, Tabindex 4",tabIndex:4},"Dropdown-Inhalt"),n.createElement(gt,{_label:"InputText 2, Tabindex 3",tabIndex:3,_disabled:!0},"Dropdown-Inhalt"),n.createElement(gt,{_label:"InputText 3, Tabindex 2",tabIndex:2},"Dropdown-Inhalt")," ",n.createElement(gt,{_label:"InputText 4, Tabindex 1",tabIndex:1},"Dropdown-Inhalt"))),n.createElement(Re,{_label:"Textarea",_level:0},n.createElement("div",{className:"flex flex-wrap gap-4"},n.createElement(yt,{_label:"Textarea 1, Tabindex 4",_rows:3,_placeholder:"Placeholder",tabIndex:4}),n.createElement(yt,{_disabled:!0,_label:"Textarea 2, Tabindex 3",_rows:3,_placeholder:"Placeholder",tabIndex:3}),n.createElement(yt,{_touched:!0,_label:"Textarea 3, Tabindex 2",_rows:3,_placeholder:"Placeholder",_msg:{_type:"error",_description:xn},tabIndex:2}),n.createElement(yt,{_label:"Textarea 4, Tabindex 1",_rows:3,_placeholder:"Placeholder",tabIndex:1})))))}};var jm=Object.defineProperty,Mm=Object.defineProperties,Fm=Object.getOwnPropertyDescriptors,Rm=Object.getOwnPropertySymbols,Dm=Object.prototype.hasOwnProperty,Km=Object.prototype.propertyIsEnumerable,Hm=(e,t,n)=>t in e?jm(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Vm=(e,t)=>{for(var n in t||(t={}))Dm.call(t,n)&&Hm(e,n,t[n]);if(Rm)for(var n of Rm(t))Km.call(t,n)&&Hm(e,n,t[n]);return e},Um=(e,t)=>Mm(e,Fm(t));const Wm=[{label:"No choice",value:"",disabled:!0},{label:"Mrs.",value:"Mrs."},{label:"Mr.",value:"Mr."},{label:"Divers",value:"Divers"}],qm=ym.reduce(((e,t)=>{const n=t.label.charAt(0).toUpperCase();return e[n]||(e[n]={label:n,options:[]}),e[n].options.push({label:t.label,value:t.label}),e}),{}),Zm=Object.values(qm),Gm=(0,n.forwardRef)((function(e,t){return n.createElement("div",{className:"grid gap-4"},n.createElement(pt,Um(Vm({},e),{ref:t,_accessKey:"a",_options:Wm,_label:"Salutation",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}})),n.createElement(pt,Um(Vm({},e),{_options:Wm,_label:"Disabled",_disabled:!0})),n.createElement(pt,Um(Vm({},e),{_options:Wm,_label:"Salutation with error",_msg:{_type:"error",_description:xn},_touched:!0})),n.createElement(pt,Um(Vm({},e),{_options:ym,_label:"Multiple choice",_multiple:!0})),n.createElement(pt,Um(Vm({},e),{_options:ym,_label:"Multiple choice with error",_multiple:!0,_required:!0,_msg:{_type:"error",_description:xn},_touched:!0})),n.createElement(pt,Um(Vm({},e),{_options:Wm,_label:"With access key",_accessKey:"c"})),n.createElement(pt,Um(Vm({},e),{_options:Wm,_label:"With short key",_shortKey:"s"})),n.createElement(pt,Um(Vm({},e),{_options:Zm,_label:"With grouped by first letter",_value:["Albanien"]})),n.createElement(pt,Um(Vm({},e),{_options:Zm,_label:"With grouped by first letter (multiple)",_multiple:!0,_value:["Albanien"]})))}));var Ym=Object.defineProperty,Jm=Object.defineProperties,Qm=Object.getOwnPropertyDescriptors,Xm=Object.getOwnPropertySymbols,ep=Object.prototype.hasOwnProperty,tp=Object.prototype.propertyIsEnumerable,np=(e,t,n)=>t in e?Ym(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,ap=(e,t)=>{for(var n in t||(t={}))ep.call(t,n)&&np(e,n,t[n]);if(Xm)for(var n of Xm(t))tp.call(t,n)&&np(e,n,t[n]);return e};const rp=(0,n.forwardRef)((function(e,t){return n.createElement(or,null,n.createElement("fieldset",null,n.createElement("legend",null,"Text"),n.createElement(Gm,ap({},e))),n.createElement("fieldset",null,n.createElement("legend",null,"Text (hideLabel)"),n.createElement(Gm,(e=>Jm(e,Qm({_hideLabel:!0})))(ap({ref:t},e)))))})),lp={select:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolSelect renders a select field. The sample shows KolSelect in a form context with all variations and states.")),n.createElement(Ga,{RefComponent:rp}))}},op={"skip-nav":{basic:()=>n.createElement("div",{className:"grid gap-4"},n.createElement(Cn,null,n.createElement("p",null,"KolSkipNav renders a list of navigation links that are visually hidden by default and only visible on focus."),n.createElement("p",null,"For testing purposes, click into the example and press the tab-key in order to focus the first link.")),n.createElement(ht,{_label:"Hidden navigation",_links:[{_label:"To the top",_href:"#/back-page"},{_label:"To the form",_href:"#/back-page"},{_label:"To the end",_href:"#/back-page"}]}))}},ip={spin:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,'KolSpin renders a loading indicator. This sample shows the default variant "dot".')),n.createElement(bt,{_show:!0})),cycle:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,'This sample shows the KolSpin variant "cycle".')),n.createElement(bt,{_show:!0,_variant:"cycle"})),custom:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows a custom loading animation. Using the expert slot, it is possible to insert custom animations. Custom animations are not necessarily barrier-free.")),n.createElement(bt,{_show:!0,_variant:"none"},n.createElement("span",{slot:"expert",className:"loader"})))}},cp={"split-button":{basic:()=>{const e=It.getInstance(document);return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon. The first sample shows the button with an assigned action. In the second sample no action is assigned and clicking the button opens the context menu instead.")),n.createElement("div",{className:"flex gap-4"},n.createElement(gt,{_label:"Only the arrow opens",_on:{onClick:()=>{e.enqueue({description:"The Button has been clicked.",label:"Button Clicked",type:"info"})}}},"Dropdown contents"),n.createElement(gt,{_label:"Button without visible label",_hideLabel:!0,_icons:"codicon codicon-git-pull-request"},"Dropdown contents")))},"with-context":()=>{const e=n.useRef();return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon.")),n.createElement("div",{className:"flex gap-4"},n.createElement(gt,{ref:e,_label:"Only the arrow opens"},n.createElement("div",{style:{width:300,padding:16,border:"1px solid #ccc"},onClick:e=>e.stopPropagation()},n.createElement("p",null,"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon."),n.createElement("div",{style:{gap:16,display:"flex",flexDirection:"column"}},n.createElement(at,{_label:"User"}),n.createElement(at,{_label:"Role"}),n.createElement(Me,{_label:"Close",_on:{onClick:()=>{var t;null==(t=e.current)||t.closePopup()}}}))))))}}},sp=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),up=[{order:0,date:new Date("1981-05-26T21:33:43.612Z")},{order:1,date:new Date("1971-04-25T19:44:17.014Z")},{order:2,date:new Date("1986-07-10T11:39:29.539Z")},{order:3,date:new Date("1976-02-02T10:00:36.346Z")},{order:4,date:new Date("1998-07-07T12:50:36.016Z")},{order:5,date:new Date("1994-09-05T05:10:44.078Z")},{order:6,date:new Date("1986-05-23T13:05:01.874Z")},{order:7,date:new Date("1975-06-29T21:51:29.359Z")},{order:8,date:new Date("1974-05-15T23:47:02.499Z")},{order:9,date:new Date("1990-05-27T10:13:19.641Z")},{order:10,date:new Date("1993-10-20T03:54:08.739Z")},{order:11,date:new Date("2000-02-25T11:55:43.705Z")},{order:12,date:new Date("1988-08-27T09:59:12.251Z")},{order:13,date:new Date("1980-10-24T10:41:24.897Z")},{order:14,date:new Date("1995-01-25T12:31:27.983Z")},{order:15,date:new Date("1995-04-15T02:00:39.048Z")},{order:16,date:new Date("1994-03-15T19:13:04.564Z")},{order:17,date:new Date("1999-03-02T16:53:04.418Z")},{order:18,date:new Date("1982-08-23T18:37:38.014Z")},{order:19,date:new Date("1995-06-19T12:39:56.321Z")},{order:20,date:new Date("1994-09-23T15:03:35.746Z")},{order:21,date:new Date("1990-04-15T23:38:02.147Z")},{order:22,date:new Date("1983-08-01T10:36:44.006Z")},{order:23,date:new Date("1986-06-28T21:27:04.588Z")},{order:24,date:new Date("1986-08-14T19:34:40.904Z")},{order:25,date:new Date("1998-07-14T15:52:29.010Z")},{order:26,date:new Date("1985-02-15T18:56:32.344Z")},{order:27,date:new Date("1989-09-06T10:49:30.896Z")},{order:28,date:new Date("1994-09-05T14:21:37.211Z")},{order:29,date:new Date("1995-12-15T23:12:14.411Z")},{order:30,date:new Date("1986-08-14T19:34:40.904Z")},{order:31,date:new Date("1985-02-15T18:56:32.344Z")},{order:32,date:new Date("1989-09-06T10:49:30.896Z")},{order:33,date:new Date("1994-09-05T14:21:37.211Z")},{order:34,date:new Date("1995-12-15T23:12:14.411Z")},{order:35,date:new Date("1986-08-14T19:34:40.904Z")},{order:36,date:new Date("1985-02-15T18:56:32.344Z")},{order:37,date:new Date("1989-09-06T10:49:30.896Z")},{order:38,date:new Date("1994-09-05T14:21:37.211Z")},{order:39,date:new Date("1995-12-15T23:12:14.411Z")},{order:40,date:new Date("1986-08-14T19:34:40.904Z")},{order:41,date:new Date("1985-02-15T18:56:32.344Z")},{order:42,date:new Date("1989-09-06T10:49:30.896Z")},{order:43,date:new Date("1994-09-05T14:21:37.211Z")},{order:44,date:new Date("1995-12-15T23:12:14.411Z")},{order:45,date:new Date("1986-08-14T19:34:40.904Z")},{order:46,date:new Date("1985-02-15T18:56:32.344Z")},{order:47,date:new Date("1989-09-06T10:49:30.896Z")},{order:48,date:new Date("1994-09-05T14:21:37.211Z")},{order:49,date:new Date("1995-12-15T23:12:14.411Z")},{order:50,date:new Date("1986-08-14T19:34:40.904Z")},{order:51,date:new Date("1985-02-15T18:56:32.344Z")},{order:52,date:new Date("1989-09-06T10:49:30.896Z")},{order:53,date:new Date("1994-09-05T14:21:37.211Z")},{order:54,date:new Date("1995-12-15T23:12:14.411Z")},{order:55,date:new Date("1986-08-14T19:34:40.904Z")},{order:56,date:new Date("1985-02-15T18:56:32.344Z")},{order:57,date:new Date("1989-09-06T10:49:30.896Z")},{order:58,date:new Date("1994-09-05T14:21:37.211Z")},{order:59,date:new Date("1995-12-15T23:12:14.411Z")},{order:60,date:new Date("1986-08-14T19:34:40.904Z")},{order:61,date:new Date("1985-02-15T18:56:32.344Z")},{order:62,date:new Date("1989-09-06T10:49:30.896Z")},{order:63,date:new Date("1994-09-05T14:21:37.211Z")},{order:64,date:new Date("1995-12-15T23:12:14.411Z")},{order:65,date:new Date("1986-08-14T19:34:40.904Z")},{order:66,date:new Date("1985-02-15T18:56:32.344Z")},{order:67,date:new Date("1989-09-06T10:49:30.896Z")},{order:68,date:new Date("1994-09-05T14:21:37.211Z")},{order:69,date:new Date("1995-12-15T23:12:14.411Z")},{order:70,date:new Date("1986-08-14T19:34:40.904Z")},{order:71,date:new Date("1985-02-15T18:56:32.344Z")},{order:72,date:new Date("1989-09-06T10:49:30.896Z")},{order:73,date:new Date("1994-09-05T14:21:37.211Z")},{order:74,date:new Date("1995-12-15T23:12:14.411Z")},{order:75,date:new Date("1986-08-14T19:34:40.904Z")},{order:76,date:new Date("1985-02-15T18:56:32.344Z")},{order:77,date:new Date("1989-09-06T10:49:30.896Z")},{order:78,date:new Date("1994-09-05T14:21:37.211Z")},{order:79,date:new Date("1995-12-15T23:12:14.411Z")},{order:80,date:new Date("1986-08-14T19:34:40.904Z")},{order:81,date:new Date("1985-02-15T18:56:32.344Z")},{order:82,date:new Date("1989-09-06T10:49:30.896Z")},{order:83,date:new Date("1994-09-05T14:21:37.211Z")},{order:84,date:new Date("1995-12-15T23:12:14.411Z")},{order:85,date:new Date("1986-08-14T19:34:40.904Z")},{order:86,date:new Date("1985-02-15T18:56:32.344Z")},{order:87,date:new Date("1989-09-06T10:49:30.896Z")},{order:88,date:new Date("1994-09-05T14:21:37.211Z")},{order:89,date:new Date("1995-12-15T23:12:14.411Z")},{order:90,date:new Date("1986-08-14T19:34:40.904Z")},{order:91,date:new Date("1985-02-15T18:56:32.344Z")},{order:92,date:new Date("1989-09-06T10:49:30.896Z")},{order:93,date:new Date("1994-09-05T14:21:37.211Z")},{order:94,date:new Date("1995-12-15T23:12:14.411Z")},{order:95,date:new Date("1986-08-14T19:34:40.904Z")},{order:96,date:new Date("1985-02-15T18:56:32.344Z")},{order:97,date:new Date("1989-09-06T10:49:30.896Z")},{order:98,date:new Date("1994-09-05T14:21:37.211Z")},{order:99,date:new Date("1995-12-15T23:12:14.411Z")}],dp={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(e,t,n)=>sp.format(n.date)}]]},mp={_page:2},pp=[{left:"Left Example",center:"Center Example",right:"Right Example"}],fp=()=>0,hp=[{small:"Small Example",large:"Larger Example"}],bp={horizontal:[[{label:"Large Column",key:"large",textAlign:"left",width:"300px"},{label:"Small Column",key:"small",textAlign:"left",width:"200px"},{label:"Larger Column",key:"large",textAlign:"left",width:"400px"},{label:"Larger Column",key:"large",textAlign:"left",width:"400px"}]]},gp=[{order:0,shipped:!1,date:new Date("1981-05-26T21:33:43.612Z")},{order:1,shipped:!0,date:new Date("1971-04-25T19:44:17.014Z")},{order:2,shipped:!1,date:new Date("1986-07-10T11:39:29.539Z")}];function vp({label:e,icons:t}){const{dummyClickEventHandler:a}=Hn(),r={onClick:a};return n.createElement(Me,{_label:e,_icons:t,_on:r})}const _p={horizontal:[[{label:"#",key:"order",textAlign:"center",width:"10em",render:(e,t)=>`Index: ${t.label}`},{label:"Status",key:"shipped",textAlign:"center",width:"10em",render:(e,t)=>{t.label?e.textContent="Order has been dispatched 🚚":e.textContent="Order pending 📦"}},{label:"Date (string)",key:"date",width:"20em",textAlign:"center",render:(e,t)=>{e.innerHTML=`<strong>${sp.format(t.label)}</strong>`},compareFn:(e,t)=>e.date.getTime()-t.date.getTime()},{label:"Action (react)",key:"order",width:"20em",render:e=>{Oa(Tt(e)).render(n.createElement("div",{style:{display:"grid",gridAutoFlow:"column",alignItems:"end",gap:"1rem",maxWidth:"400px"}},n.createElement(at,{_label:"Input"}),n.createElement(vp,{label:"Save",icons:{left:"codicon codicon-save"}})))}}]]},kp=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),yp={horizontal:[[{label:"order",key:"order",textAlign:"center"},{label:"date",key:"date",textAlign:"center",render:(e,t,n)=>kp.format(n.date),compareFn:(e,t)=>e.date<t.date?-1:t.date<e.date?1:0}]]},wp={vertical:[[{label:"order",key:"order",textAlign:"center"},{label:"date",key:"date",textAlign:"center",render:(e,t,n)=>kp.format(n.date),compareFn:(e,t)=>e.date<t.date?-1:t.date<e.date?1:0}]]},Ep=[{left:"Left Example",center:"Center Example",right:"Right Example"},{},{},{}];var xp=o(8231);const Sp=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function Tp({label:e}){const{dummyClickEventHandler:t}=Hn(),a={onClick:t};return n.createElement(Me,{_label:e,_on:a})}const Cp=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function zp({label:e}){const{dummyClickEventHandler:t}=Hn(),a={onClick:t};return n.createElement(Me,{_label:e,_on:a})}const Op=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function Np({label:e}){const{dummyClickEventHandler:t}=Hn(),a={onClick:t};return n.createElement(Me,{_label:e,_on:a})}const Lp=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function Ap({label:e}){const{dummyClickEventHandler:t}=Hn(),a={onClick:t};return n.createElement(Me,{_label:e,_on:a})}const $p={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(e,t,n)=>sp.format(n.date)}]]},Bp={_page:2};var Pp=Object.defineProperty,Ip=Object.defineProperties,jp=Object.getOwnPropertyDescriptors,Mp=Object.getOwnPropertySymbols,Fp=Object.prototype.hasOwnProperty,Rp=Object.prototype.propertyIsEnumerable,Dp=(e,t,n)=>t in e?Pp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Kp=(e,t)=>{for(var n in t||(t={}))Fp.call(t,n)&&Dp(e,n,t[n]);if(Mp)for(var n of Mp(t))Rp.call(t,n)&&Dp(e,n,t[n]);return e};function Hp(e){var t=e,{_on:a}=t,r=((e,t)=>{var n={};for(var a in e)Fp.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&Mp)for(var a of Mp(e))t.indexOf(a)<0&&Rp.call(e,a)&&(n[a]=e[a]);return n})(t,["_on"]);const{dummyClickEventHandler:l}=Hn(),o={onClick:l};return n.createElement(Me,((e,t)=>Ip(e,jp(t)))(Kp({},r),{_on:o}))}const Vp=e=>{const t=e.charAt(0).toUpperCase()+e.slice(1);return{label:t,key:e,textAlign:"left",render:(a,r)=>{const l={_label:t,_variant:e,_icons:{right:"codicon codicon-squirrel"}};Oa(Tt(a)).render("button"===r.label?n.createElement(Hp,Kp({},l)):n.createElement(ot,Kp({_href:"#/back-page"},l)))}}},Up=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),Wp={horizontal:[[{label:"order",key:"order",textAlign:"center",compareFn:(e,t)=>e.order<t.order?-1:t.order<e.order?1:0},{label:"date",key:"date",textAlign:"center",render:(e,t,n)=>Up.format(n.date),compareFn:(e,t)=>e.date<t.date?-1:t.date<e.date?1:0}]]},qp={vertical:[[{label:"order",key:"order",textAlign:"center",compareFn:(e,t)=>e.order<t.order?-1:t.order<e.order?1:0},{label:"date",key:"date",textAlign:"center",render:(e,t,n)=>Up.format(n.date),compareFn:(e,t)=>e.date<t.date?-1:t.date<e.date?1:0}]]},Zp={table:{"column-alignment":()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolTableStateful with columns headers and data in different text alignments.")),n.createElement("section",{className:"w-full flex flex-col"},n.createElement(Ue,{_label:"Simple table",_level:3}),n.createElement(vt,{_label:"Table for demonstration purposes with different text align properties",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]]},_data:pp,className:"block",style:{maxWidth:"600px"}}),n.createElement(Ue,{_label:"Table with sortable columns",_level:3,className:"block mt-6"}),n.createElement(vt,{_label:"Table for demonstration purposes with sortable columns",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",compareFn:fp},{label:"center",key:"center",textAlign:"center",compareFn:fp},{label:"right",key:"right",textAlign:"right",compareFn:fp}]]},_data:pp,className:"block",style:{maxWidth:"600px"}}),n.createElement(Ue,{_label:"Table some sortable columns",_level:3,className:"block mt-6"}),n.createElement(vt,{_label:"Table for demonstration purposes with some but not all columns sortable",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",compareFn:fp},{label:"center",key:"center",textAlign:"center",compareFn:fp},{label:"right",key:"right",textAlign:"right"}]]},_data:pp,className:"block",style:{maxWidth:"600px"}}),n.createElement(Ue,{_label:"Table with vertical heading",_level:3,className:"block mt-6"}),n.createElement(vt,{_label:"Table for demonstration purposes with vertical heading",_minWidth:"auto",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]],vertical:[[{label:"Vertical"}]]},_data:pp,className:"block",style:{maxWidth:"600px"}}))),"complex-headers":()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolTableStateful using vertical and horizontal headers, applying colspan and rowspan.")),n.createElement("section",{className:"w-full flex flex-col"},n.createElement(vt,{_label:"Business hours",_minWidth:"auto",_data:[{asp:"Center",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Tiergarten",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Maxvorstadt",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"}],_headers:{vertical:[[{label:"Berlin",rowSpan:2},{label:"München"}]],horizontal:[[{label:"District",rowSpan:2,key:"asp"},{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{label:"Monday",key:"monday"},{label:"Tuesday",key:"tuesday"},{label:"Wednesday",key:"wednesday"},{label:"Thursday",key:"thursday"},{label:"Friday",key:"friday"},{label:"Saturday",key:"saturday"},{label:"Sunday",key:"sunday"}]]}}))),"horizontal-scrollbar":()=>{const[e,t]=(0,n.useState)(!0);return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolTableStateful with and without horizontal scrollbars. When a scrollbar is present, it should be possible to focus the table container and to scroll it using arrow keys.")),n.createElement("section",{className:"w-full flex flex-col gap-4"},n.createElement(Ue,{_label:"Table with scrollbar",_level:2}),n.createElement(vt,{_label:"Table for demonstration purposes with horizontal scrollbar.",_minWidth:e?"600px":"auto",_headers:bp,_data:hp,className:"block",style:{width:"400px"}}),n.createElement(Ue,{_label:"Empty Table with scrollbar",_level:3}),n.createElement(vt,{_label:"Table for demonstration purposes with horizontal scrollbar with auto minWidth.",_minWidth:e?"600px":"auto",_headers:bp,_data:[],className:"block",style:{width:"400px"}}),n.createElement(Ze,{_checked:e,_label:"Toggle width restriction",_variant:"switch",_on:{onChange:(e,n)=>{t(Boolean(n))}}}),n.createElement(Ue,{_label:"Same table without scrollbar",_level:2,className:"block mt-4"}),n.createElement("p",{className:"mt-0"},n.createElement("i",null,"Scrollbar appears on very small viewport sizes")),n.createElement(vt,{_label:"Table for demonstration purposes without horizontal scrollbar",_minWidth:"600px",_headers:bp,_data:hp,className:"block"})))},"pagination-position":()=>n.createElement("div",{className:"w-full grid gap-14"},n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolTableStateful with different pagination positions.")),n.createElement("section",{className:"w-full flex flex-col gap-14"},n.createElement("section",{className:"grid gap-4"},n.createElement(Ue,{_level:2,_label:"Table with pagination at the bottom."}),n.createElement(vt,{_label:"Sample table with pagination at the bottom",_minWidth:"auto",_data:up,_headers:dp,_pagination:mp,_paginationPosition:"bottom"})),n.createElement("section",{className:"grid gap-4"},n.createElement(Ue,{_level:2,_label:"Table with pagination at the top."}),n.createElement(vt,{_label:"Sample table with pagination at the top",_minWidth:"auto",_data:up,_headers:dp,_pagination:mp,_paginationPosition:"top"})),n.createElement("section",{className:"grid gap-4"},n.createElement(Ue,{_level:2,_label:"Table with pagination at both top and bottom."}),n.createElement(vt,{_label:"Sample table with pagination at both top and bottom",_minWidth:"auto",_data:up,_headers:dp,_pagination:mp,_paginationPosition:"both"})))),"render-cell":()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolTableStateful using React render functions for the cell contents.")),n.createElement(vt,{_label:"Sort by date column",_minWidth:"auto",_data:gp,_headers:_p,className:"w-full"})),"sort-data":()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,'This sample shows KolTableStateful with sortable columns. The sort-order can be changed by clicking the "date" header column.')),n.createElement("section",{className:"w-full grid gap-4"},n.createElement("section",{className:"grid gap-4"},n.createElement(Ue,{_level:2,_label:"Vertical"}),n.createElement(vt,{_label:"Sort a date column",_minWidth:"auto",_data:up.slice(0,10),_headers:wp,className:"block"})),n.createElement("section",{className:"grid gap-4"},n.createElement(Ue,{_level:2,_label:"Horizontal"}),n.createElement(vt,{_label:"Sort a date column",_minWidth:"auto",_data:up,_headers:yp,className:"block"})))),"with-footer":()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolTableStateful with footer data.")),n.createElement(vt,{className:"w-full",_label:"Business hours",_minWidth:"auto",_headers:{horizontal:[[{label:"District",key:"asp"},{label:"Monday",key:"monday"},{label:"Tuesday",key:"tuesday"},{label:"Wednesday",key:"wednesday"},{label:"Thursday",key:"thursday"},{label:"Friday",key:"friday"}]]},_data:[{asp:"Center",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Tiergarten",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"},{asp:"Maxvorstadt",monday:"08:00",tuesday:"08:00",wednesday:"10:00",thursday:"11:00",friday:"08:00"}],_dataFoot:[{tuesday:"Lunch break from 11 to 14 o'clock"}]})),"stateful-with-selection":()=>{const[e,t]=(0,n.useState)(),a={label:e=>`Selection for ${e.name}`,selectedKeys:e?e.map((e=>e.internalIdentifier)):[],keyPropertyName:"internalIdentifier"},r=(0,n.useRef)(null),l=({detail:e})=>{console.log("Selection change via event",e)};return(0,n.useEffect)((()=>{var e;return null==(e=r.current)||e.addEventListener(xp.K.selectionChange,l),()=>{var e;null==(e=r.current)||e.removeEventListener(xp.K.selectionChange,l)}}),[r]),n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolTableStateful with checkboxes for selection enabled.")),n.createElement("section",{className:"w-full"},n.createElement(vt,{_label:"Table with selection checkboxes",_minWidth:"auto",_headers:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:(e,t)=>{var a;Oa(Tt(e)).render(n.createElement(Tp,{label:`Click ${null==(a=t.data)?void 0:a.id}`}))}}]]},_data:Sp,_selection:a,_on:{onSelectionChange:(e,t)=>{console.log("Selection change via callback",t)}},className:"block",style:{maxWidth:"600px"},ref:r}),n.createElement("div",{className:"grid grid-cols-3 items-end gap-4 mt-4"},n.createElement(Me,{_label:"getSelection()",_on:{onClick:()=>{var e;e=function*(){var e;const n=yield null==(e=r.current)?void 0:e.getSelection();t(n)},new Promise(((t,n)=>{var a=t=>{try{l(e.next(t))}catch(e){n(e)}},r=t=>{try{l(e.throw(t))}catch(e){n(e)}},l=e=>e.done?t(e.value):Promise.resolve(e.value).then(a,r);l((e=e.apply(void 0,null)).next())}))}}}),n.createElement("pre",{className:"text-base"},JSON.stringify(e,null,2)))))},"stateful-with-single-selection":()=>{const[e,t]=(0,n.useState)(),a={label:e=>`Selection for ${e.name}`,multiple:!1,selectedKeys:e?[e.internalIdentifier]:[],keyPropertyName:"internalIdentifier"},r=(0,n.useRef)(null),l=({detail:e})=>{console.log("Selection change via event",e)};return(0,n.useEffect)((()=>{var e;return null==(e=r.current)||e.addEventListener(xp.K.selectionChange,l),()=>{var e;null==(e=r.current)||e.removeEventListener(xp.K.selectionChange,l)}}),[r]),n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolTableStateful with radio buttons for selection enabled.")),n.createElement("section",{className:"w-full"},n.createElement(vt,{_label:"Table with selection radio",_minWidth:"auto",_headers:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:(e,t)=>{var a;Oa(Tt(e)).render(n.createElement(zp,{label:`Click ${null==(a=t.data)?void 0:a.id}`}))}}]]},_data:Cp,_selection:a,_on:{onSelectionChange:(e,t)=>{console.log("Selection change via callback",t)}},className:"block",style:{maxWidth:"600px"},ref:r}),n.createElement("div",{className:"grid grid-cols-3 items-end gap-4 mt-4"},n.createElement(Me,{_label:"getSelection()",_on:{onClick:()=>{var e;e=function*(){var e;const n=yield null==(e=r.current)?void 0:e.getSelection();t(n)},new Promise(((t,n)=>{var a=t=>{try{l(e.next(t))}catch(e){n(e)}},r=t=>{try{l(e.throw(t))}catch(e){n(e)}},l=e=>e.done?t(e.value):Promise.resolve(e.value).then(a,r);l((e=e.apply(void 0,null)).next())}))}}}),n.createElement("pre",{className:"text-base"},JSON.stringify(e,null,2)))))},"stateless-with-selection":()=>{const[e,t]=(0,n.useState)(["AAA1002"]),a={label:e=>`Selection for ${e.name}`,selectedKeys:e,keyPropertyName:"internalIdentifier"},r=(0,n.useRef)(null),l=({detail:e})=>{console.log("Selection change via event",e)};return(0,n.useEffect)((()=>{var e;return null==(e=r.current)||e.addEventListener(xp.K.selectionChange,l),()=>{var e;null==(e=r.current)||e.removeEventListener(xp.K.selectionChange,l)}}),[r]),n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolTableStateless with checkboxes for selection enabled.")),n.createElement("section",{className:"w-full"},n.createElement(_t,{_label:"Table with selection checkboxes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:(e,t)=>{var a;Oa(Tt(e)).render(n.createElement(Np,{label:`Click ${null==(a=t.data)?void 0:a.id}`}))}}]]},_data:Op,_selection:a,_on:{onSelectionChange:(e,n)=>{console.log("Selection change via callback",n),t("string"==typeof n?[n]:n)}},className:"block",style:{maxWidth:"600px"},ref:r})))},"stateless-with-single-selection":()=>{const[e,t]=(0,n.useState)(["1002"]),a={label:e=>`Selection for ${e.name}`,multiple:!1,selectedKeys:e,keyPropertyName:"internalIdentifier"},r=(0,n.useRef)(null),l=({detail:e})=>{console.log("Selection change via event",e)};return(0,n.useEffect)((()=>{var e;return null==(e=r.current)||e.addEventListener(xp.K.selectionChange,l),()=>{var e;null==(e=r.current)||e.removeEventListener(xp.K.selectionChange,l)}}),[r]),n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolTableStateless with checkboxes for selection enabled.")),n.createElement("section",{className:"w-full"},n.createElement(_t,{_label:"Table with selection checkboxes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:(e,t)=>{var a;Oa(Tt(e)).render(n.createElement(Ap,{label:`Click ${null==(a=t.data)?void 0:a.id}`}))}}]]},_data:Lp,_selection:a,_on:{onSelectionChange:(e,n)=>{console.log("Selection change via callback",n),t("string"==typeof n?[n]:n)}},className:"block",style:{maxWidth:"600px"},ref:r})))},"with-pagination":()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows how KolTableStateful can be navigated using a pagination.")),n.createElement("div",{className:"w-full"},n.createElement(vt,{_label:"Table description",_minWidth:"auto",_data:up,_headers:$p,_pagination:Bp}))),"interactive-child-elements":()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows a KolTableStateless with different interactive child elements. It can be used to assure themes show these child elements correctly.")),n.createElement("section",{className:"w-full flex flex-col"},n.createElement(_t,{_label:"Button styles",_minWidth:"auto",_headerCells:{horizontal:[[Vp("primary"),Vp("secondary"),Vp("normal"),Vp("danger"),Vp("ghost")]],vertical:[[{label:"Button"},{label:"Link-Button"}]]},_data:[{primary:"button",secondary:"button",normal:"button",danger:"button",ghost:"button"},{primary:"link-button",secondary:"link-button",normal:"link-button",danger:"link-button",ghost:"link-button"}],className:"block"}),n.createElement(_t,{_label:"Link styles",_minWidth:"auto",_headerCells:{horizontal:[[{key:"regular",label:"Regular",textAlign:"left",render:(e,t)=>{const a={_label:t.label,_icons:{right:"codicon codicon-squirrel"}};Oa(Tt(e)).render("button-link"===t.label?n.createElement(Fe,Kp({},a)):n.createElement(lt,Kp({_href:"#/back-page"},a)))}}]],vertical:[[{label:"Link"},{label:"Button-Link"}]]},_data:[{regular:"link"},{regular:"button-link"}],className:"block mt"}))),stateless:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows how KolTableStateless can be used directly, with the KolTableStateful wrapper.")),n.createElement("section",{className:"w-full"},n.createElement(_t,{_label:"Table for demonstration purposes",_minWidth:"auto",_headerCells:{horizontal:[[{key:"left",label:"left",textAlign:"left",sortDirection:"ASC"},{key:"center",label:"center",textAlign:"center",sortDirection:"DESC"},{key:"right",label:"right",textAlign:"right",sortDirection:"NOS"},{key:"nosort",label:"no sort option"}]],vertical:[[{key:"vertical-left",label:"left",textAlign:"left",sortDirection:"ASC"},{key:"vertical-center",label:"center",textAlign:"center",sortDirection:"DESC"},{key:"vertical-right",label:"right",textAlign:"right",sortDirection:"NOS"},{key:"vertical-nosort",label:"no sort option"}]]},_data:Ep,className:"block",style:{maxWidth:"600px"},_on:{onSort:(e,t)=>{console.log(t)}}}))),"multi-sort":()=>{const[e,t]=(0,n.useState)(!1),[a,r]=(0,n.useState)(!0);return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,'This sample shows KolTableStateful with multi-sort functionality, allowing sorting by both "order" and "date" columns.')),n.createElement("section",{className:"w-full grid gap-4"},n.createElement("section",{className:"grid gap-4"},n.createElement(Ue,{_level:2,_label:"Vertical"}),n.createElement(Ze,{_checked:e,_label:"Allow Multi-Sort",_variant:"switch",_on:{onChange:(e,n)=>t(Boolean(n))}}),n.createElement(vt,{_label:"Sort Table with Order and Date",_minWidth:"auto",_data:up.slice(0,10),_headers:qp,className:"block",_allowMultiSort:e})),n.createElement("section",{className:"grid gap-4"},n.createElement(Ue,{_level:2,_label:"Horizontal"}),n.createElement(Ze,{_checked:a,_label:"Allow Multi-Sort",_variant:"switch",_on:{onChange:(e,t)=>r(Boolean(t))}}),n.createElement(vt,{_label:"Sort Table with Order and Date",_minWidth:"auto",_data:up,_headers:Wp,className:"block",_allowMultiSort:a}))))}}};var Gp=Object.defineProperty,Yp=Object.defineProperties,Jp=Object.getOwnPropertyDescriptors,Qp=Object.getOwnPropertySymbols,Xp=Object.prototype.hasOwnProperty,ef=Object.prototype.propertyIsEnumerable,tf=(e,t,n)=>t in e?Gp(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;const nf=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],af=nf.map((e=>(e=>Yp(e,Jp({_icons:void 0})))(((e,t)=>{for(var n in t||(t={}))Xp.call(t,n)&&tf(e,n,t[n]);if(Qp)for(var n of Qp(t))ef.call(t,n)&&tf(e,n,t[n]);return e})({},e)))),rf=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],lf=[{_icons:"codicon codicon-pie-chart",_label:"First Tab",_hideLabel:!0},{_icons:"codicon codicon-calendar",_label:"Second Tab",_hideLabel:!0},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab",_hideLabel:!0},{_icons:"codicon codicon-telescope",_label:"Last Tab",_hideLabel:!0}],of=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:e=>{console.log("First tab selected",e)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],cf={tabs:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolTabs renders tab captions and their associated content. This sample shows tab captions with and without icons and disabled tabs.")),n.createElement(kt,{_tabs:af,_label:"Regular tabs"},n.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),n.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),n.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),n.createElement("div",{slot:"tab-3"},"Contents of Tab 4")),n.createElement(kt,{_tabs:nf,className:"mt-4",_label:"Tabs with icons"},n.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),n.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),n.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),n.createElement("div",{slot:"tab-3"},"Contents of Tab 4"))),"icons-only":()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolTabs with hidden labels.")),n.createElement(kt,{_label:"Tabs with icons",_tabs:lf},n.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),n.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),n.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),n.createElement("div",{slot:"tab-3"},"Contents of Tab 4"))),behavior:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolTabs with the property ",n.createElement("code",null,"_behavior")," set to ",n.createElement("code",null,"select-manual")," and ",n.createElement("code",null,"select-automatic"),"."),n.createElement("p",null,"This property allows controlling when an arrow key is pressed whether the tab change takes place right away or only focuses the tab caption.")),n.createElement("div",{className:"grid gap-8"},n.createElement("div",{className:"grid gap-4"},n.createElement(Ue,{_level:2,_label:'Tabs with "select manual" behavior'}),n.createElement(kt,{_tabs:of,_behavior:"select-manual",_label:"Tabs with select manual behavior"},n.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),n.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),n.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),n.createElement("div",{slot:"tab-3"},"Contents of Tab 4"))),n.createElement("div",{className:"grid gap-4"},n.createElement(Ue,{_level:2,_label:'Tabs with "select automatic" behavior'}),n.createElement(kt,{_tabs:of,className:"mt-4",_behavior:"select-automatic",_label:"Tabs with select automatic behavior"},n.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),n.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),n.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),n.createElement("div",{slot:"tab-3"},"Contents of Tab 4"))))),align:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolTabs with the property ",n.createElement("code",null,"_align")," set to ",n.createElement("code",null,"left"),", ",n.createElement("code",null,"right"),", ",n.createElement("code",null,"top")," and ",n.createElement("code",null,"bottom"),".")),n.createElement("div",{className:"grid gap-8"},["left","right","top","bottom"].map((e=>{const t=`Tabs with ${e} align`;return n.createElement("div",{key:e,className:"grid gap-4"},n.createElement(Ue,{_level:2,_label:t}),n.createElement(kt,{_tabs:rf,_align:e,_label:t},n.createElement("div",{slot:"tab-0"},"Contents of Tab 1"),n.createElement("div",{slot:"tab-1"},"Contents of Tab 2"),n.createElement("div",{slot:"tab-2"},"Contents of Tab 3"),n.createElement("div",{slot:"tab-3"},"Contents of Tab 4")))}))))}};var sf=Object.defineProperty,uf=Object.defineProperties,df=Object.getOwnPropertyDescriptors,mf=Object.getOwnPropertySymbols,pf=Object.prototype.hasOwnProperty,ff=Object.prototype.propertyIsEnumerable,hf=(e,t,n)=>t in e?sf(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,bf=(e,t)=>{for(var n in t||(t={}))pf.call(t,n)&&hf(e,n,t[n]);if(mf)for(var n of mf(t))ff.call(t,n)&&hf(e,n,t[n]);return e},gf=(e,t)=>uf(e,df(t));const vf=(0,n.forwardRef)((function(e,t){return n.createElement("div",{className:"grid gap-4"},n.createElement("div",{className:"black-background"},n.createElement(yt,gf(bf({},e),{ref:t,_placeholder:"Placeholder",_label:"Text"}))),n.createElement(yt,gf(bf({},e),{_placeholder:"Placeholder",_required:!0,_msg:{_type:"error",_description:xn},_label:"Text",_touched:!0,_hint:Sn})),n.createElement(yt,gf(bf({},e),{_placeholder:"Placeholder",_label:"Text",_msg:{_type:"info",_description:"Just a hint"}})),n.createElement(yt,gf(bf({},e),{_placeholder:"Placeholder",_label:"Text",_msg:{_type:"warning",_description:"Small warning"}})),n.createElement(yt,gf(bf({},e),{_placeholder:"Placeholder",_label:"Text",_msg:{_type:"success",_description:"Success message"}})),n.createElement(yt,gf(bf({},e),{ref:t,_accessKey:"T",_label:"Text (3 rows)",_rows:3})),n.createElement(yt,gf(bf({},e),{ref:t,_label:"Text (placeholder)",_rows:3,_placeholder:"Placeholder"})),n.createElement(yt,gf(bf({},e),{ref:t,_label:"Text (disabled & placeholder)",_rows:3,_placeholder:"Placeholder",_disabled:!0})),n.createElement(yt,gf(bf({},e),{ref:t,_label:"Text (readonly)",_rows:3,_placeholder:"Placeholder",_readOnly:!0})),n.createElement(yt,gf(bf({},e),{ref:t,_label:"Text (disabled & value)",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_disabled:!0})),n.createElement(yt,gf(bf({},e),{ref:t,_label:"With access key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_accessKey:"c"})),n.createElement(yt,gf(bf({},e),{ref:t,_label:"With short key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_shortKey:"s"})))}));var _f=Object.defineProperty,kf=Object.defineProperties,yf=Object.getOwnPropertyDescriptors,wf=Object.getOwnPropertySymbols,Ef=Object.prototype.hasOwnProperty,xf=Object.prototype.propertyIsEnumerable,Sf=(e,t,n)=>t in e?_f(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Tf=(e,t)=>{for(var n in t||(t={}))Ef.call(t,n)&&Sf(e,n,t[n]);if(wf)for(var n of wf(t))xf.call(t,n)&&Sf(e,n,t[n]);return e};const Cf=(0,n.forwardRef)((function(e,t){return n.createElement(or,null,n.createElement("fieldset",null,n.createElement("legend",null,"Text"),n.createElement(vf,Tf({},e))),n.createElement("fieldset",null,n.createElement("legend",null,"Text (hideLabel)"),n.createElement(vf,(e=>kf(e,yf({_hideLabel:!0})))(Tf({ref:t},e)))))})),zf={textarea:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolTextarea renders a text field. The sample shows KolTextarea in a form context with different variations and states.")),n.createElement(Ga,{RefComponent:Cf})),"adjust-height":()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample demonstrates the ",n.createElement("code",null,"_adjustHeight"),"-property of KolTextarea. The textarea automatically grows with its content.")),n.createElement(Ve,{className:"w-full"},n.createElement(yt,{_adjustHeight:!0,_value:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore\nmagna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd\ngubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing\nelitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos\net accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor\nsit amet.",_label:"Text input (auto grow)"}))),resize:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample demonstrates the ",n.createElement("code",null,"_resize"),"-property of KolTextarea. The sample textarea can (only) be resized in the given direction.")),n.createElement(Ve,{className:"w-full"},n.createElement("div",{className:"flex flex-col gap-4"},n.createElement(yt,{_label:"Text input (unset)"}),n.createElement(yt,{_resize:"vertical",_label:"Text input (vertical)"}),n.createElement(yt,{_resize:"none",_label:"Text input (none)"})))),rows:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample demonstrates the ",n.createElement("code",null,"_rows"),"-property of KolTextarea. The sample textarea has a fixed row number of 10.")),n.createElement(Ve,{className:"w-full"},n.createElement(yt,{_rows:10,_label:"Texteingabe"}))),"with-counter":()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample demonstrates the ",n.createElement("code",null,"_hasCounter"),"-property of KolTextarea. It shows how many characters have been entered.")),n.createElement("section",{className:"w-full"},n.createElement(yt,{_label:"Textara with counter",_hasCounter:!0}),n.createElement(yt,{_label:"Textara with counter and initial value",_hasCounter:!0,_value:"Lorem Ipsum",className:"mt"})))}},Of={toast:{basic:()=>{const[e]=Ee(),t=e.get("type"),a=e.get("variant"),r=It.getInstance(document);(0,n.useEffect)((()=>{t&&a?r.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:t,variant:a}):t?r.enqueue({description:"Toasty",label:"Initial Toast",type:t}):a&&r.enqueue({description:"Toasty",label:"Initial Toast",type:"default",variant:a})}),[t,a]);return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample demonstrates the toast service with all its options.")),n.createElement("section",{className:"grid gap-4"},n.createElement("section",{className:"flex gap-2"},n.createElement(Me,{_label:"Show simple toast",_on:{onClick:()=>{r.enqueue({description:"Toasty",label:"Initial Toast",type:"warning"})}}}),n.createElement(Me,{_label:"Show toast with alert variant 'msg'",_on:{onClick:()=>{r.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:"warning",variant:"msg"})}}}),n.createElement(Me,{_label:"Show complex toast",_on:{onClick:()=>{r.enqueue({render:(e,{close:t})=>{Oa(e).render(n.createElement(n.Fragment,null,n.createElement(Me,{_label:"Hello World from Toast!",_on:{onClick:()=>{console.log("Toast Button clicked!"),t()}}})))},label:"Initial Toast",type:"warning"})}}})),n.createElement("section",{className:"flex gap-2"},n.createElement(Me,{_label:"Show toast and close after 2 seconds",_on:{onClick:()=>{var e;e=function*(){const e=yield r.enqueue({description:"I will disappear in two seconds...",label:"Good Bye",type:"warning"});e&&setTimeout(e,2e3)},new Promise(((t,n)=>{var a=t=>{try{l(e.next(t))}catch(e){n(e)}},r=t=>{try{l(e.throw(t))}catch(e){n(e)}},l=e=>e.done?t(e.value):Promise.resolve(e.value).then(a,r);l((e=e.apply(void 0,null)).next())}))}}})),n.createElement("section",{className:"flex gap-2"},n.createElement(Me,{_label:"Close all toasts",_on:{onClick:()=>{r.closeAll()}}}))))}}},Nf={toolbar:{basic:()=>{const e=(0,n.useContext)(En);return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolToolbars renders a set of given control elements grouped into one toolbar where focus can be moved using the keyboard arrow keys. The sample features button and link elements.")),!e&&n.createElement(Ie,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),n.createElement(wt,{class:"block w-fit",_label:"Toolbar",_items:[{_label:"Back",_hideLabel:!0,_icons:{left:{icon:"codicon codicon-arrow-left"}}},{_label:"Next",_hideLabel:!0,_icons:{right:{icon:"codicon codicon-arrow-right"}}},{_href:"#/back-page",_label:"Simple Link 1"},{_href:"#/back-page",_label:"Simple Link 3"},{_label:"Bold"}]}))},disabled:()=>{const e=(0,n.useContext)(En);return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolToolbars with some of the elements disabled.")),!e&&n.createElement(Ie,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),n.createElement(wt,{_label:"Toolbar",class:"block w-fit",_items:[{_label:"Back",_disabled:!0,_hideLabel:!0,_icons:{left:{icon:"codicon codicon-arrow-left"}}},{_label:"Next",_hideLabel:!0,_icons:{right:{icon:"codicon codicon-arrow-right"}}},{_href:"#/back-page",_label:"Simple Link 1"},{_href:"#/back-page",_disabled:!0,_label:"Simple Link 3"},{_label:"Bold"}]}))}}},Lf={version:{basic:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolVersion renders a label showing the given version number.")),n.createElement(St,{_label:"1.1.1"})),context:()=>n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"This sample shows KolVersion inline with text paragraph content.")),n.createElement("p",null,n.createElement(St,{_label:"1.0.0"})," Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor."))}};var Af=Object.defineProperty,$f=Object.defineProperties,Bf=Object.getOwnPropertyDescriptors,Pf=Object.getOwnPropertySymbols,If=Object.prototype.hasOwnProperty,jf=Object.prototype.propertyIsEnumerable,Mf=(e,t,n)=>t in e?Af(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Ff=(e,t)=>{for(var n in t||(t={}))If.call(t,n)&&Mf(e,n,t[n]);if(Pf)for(var n of Pf(t))jf.call(t,n)&&Mf(e,n,t[n]);return e};const Rf={tree:{"basic/:subPage":()=>{const e=(0,n.useContext)(En),{subPage:t}=function(){let{matches:e}=n.useContext(q),t=e[e.length-1];return t?t.params:{}}(),[a,r]=(0,n.useState)("1 Home"),[l,o]=(0,n.useState)(!1),[i,c]=(0,n.useState)(!1),[s,u]=(0,n.useState)(!0),d=n=>({_href:`#/tree/basic/${n}${e?"?hideMenus":""}`,_active:n===t});return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolTree renders a keyboard accessible nested navigation. Branches of the tree can be collapsed or expanded.")),!e&&n.createElement(Ie,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),n.createElement(Et,{_label:"Sitemap",class:"block w-fit"},n.createElement(xt,Ff({_label:a},d("home"))),n.createElement(xt,(e=>$f(e,Bf({_open:!0})))(Ff({_label:"2 About (open initially)"},d("about"))),n.createElement(xt,Ff({_label:"2.1 Team"},d("team")),n.createElement(xt,Ff({_label:"2.1.1. Values"},d("values"))),n.createElement(xt,Ff({_label:"2.1.2. Members"},d("members")),n.createElement(xt,Ff({_label:"2.1.2.1 Humans"},d("humans"))),l&&n.createElement(xt,Ff({_label:"2.1.2.2 Pets"},d("pets")))),n.createElement(xt,Ff({_label:"2.1.3 Locations"},d("locations")),i&&n.createElement(xt,Ff({_label:"2.1.3.1 Europe"},d("europe")),n.createElement(xt,Ff({_label:"2.1.3.1.1 Denmark"},d("denmark"))),n.createElement(xt,Ff({_label:"2.1.3.1.2 Netherlands"},d("netherlands"))))))),s&&n.createElement(xt,Ff({_label:"3. Products"},d("products")),n.createElement(xt,Ff({_label:"3.1 Home"},d("home-products")),n.createElement(xt,Ff({_label:"3.1.1 Refrigerators"},d("fridges"))),n.createElement(xt,Ff({_label:"3.1.2 Coffee makers"},d("coffee-makers")))),n.createElement(xt,Ff({_label:"3.1 Office"},d("office-products")),n.createElement(xt,Ff({_label:"3.2.1 Printers"},d("printers")))))),n.createElement("p",null,"Current tree item: ",null!=t?t:"none"),n.createElement("div",{className:"flex flex-row gap-2"},n.createElement(Me,{_label:"Change label for '1 Home'",_on:{onClick:()=>{r(`1 Home ${(()=>{const e=["🐶","🐱","🐭","🐹","🐰","🦊","🐻","🐼","🐨","🐯","🦁","🐮","🐷","🐽","🐸","🐵"];return e[Math.floor(Math.random()*e.length)]})()}`)}}}),n.createElement(Me,{_label:"Toggle '2.1.2.2 Pets'",_on:{onClick:()=>o(!l)}}),n.createElement(Me,{_label:"Toggle '2.2.1 Europe' (two levels at once)",_on:{onClick:()=>c(!i)}}),n.createElement(Me,{_label:"Toggle '3. Products'",_on:{onClick:()=>u(!s)}})))}}};var Df=Object.defineProperty,Kf=Object.defineProperties,Hf=Object.getOwnPropertyDescriptors,Vf=Object.getOwnPropertySymbols,Uf=Object.prototype.hasOwnProperty,Wf=Object.prototype.propertyIsEnumerable,qf=(e,t,n)=>t in e?Df(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Zf=(e,t)=>{for(var n in t||(t={}))Uf.call(t,n)&&qf(e,n,t[n]);if(Vf)for(var n of Vf(t))Wf.call(t,n)&&qf(e,n,t[n]);return e},Gf=(e,t)=>Kf(e,Hf(t));const Yf=e=>n.createElement("div",{className:"grid gap-4"},n.createElement(De,Gf(Zf({},e),{_hint:Sn,_label:"Label",_suggestions:wm,_value:"Deutschland"})),n.createElement(De,Gf(Zf({},e),{_label:"Disabled",_suggestions:wm,_value:"Deutschland",_disabled:!0})),n.createElement(De,Gf(Zf({},e),{_suggestions:wm,_msg:{_type:"error",_description:xn},_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0})),n.createElement(De,Gf(Zf({},e),{_label:"With access key",_suggestions:wm,_value:"Deutschland",_accessKey:"c"})),n.createElement(De,Gf(Zf({},e),{_label:"With short key",_suggestions:wm,_value:"Deutschland",_shortKey:"s"})));var Jf=Object.defineProperty,Qf=Object.defineProperties,Xf=Object.getOwnPropertyDescriptors,eh=Object.getOwnPropertySymbols,th=Object.prototype.hasOwnProperty,nh=Object.prototype.propertyIsEnumerable,ah=(e,t,n)=>t in e?Jf(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,rh=(e,t)=>{for(var n in t||(t={}))th.call(t,n)&&ah(e,n,t[n]);if(eh)for(var n of eh(t))nh.call(t,n)&&ah(e,n,t[n]);return e};const lh=e=>n.createElement(or,null,n.createElement("fieldset",null,n.createElement("legend",null,"Text"),n.createElement(Yf,rh({},e))),n.createElement("fieldset",null,n.createElement("legend",null,"Text (hideLabel)"),n.createElement(Yf,(e=>Qf(e,Xf({_hideLabel:!0})))(rh({},e))))),oh={combobox:{basic:()=>{const e=(0,n.useContext)(En);return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"KolCombobox combines a text input with a suggestion list, enabling users to either type in a value or to select on of the suggestions.")),!e&&n.createElement(Ie,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),n.createElement(Ga,{RefComponent:lh}))}}},ih=[{value:"1",label:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam"},{value:"2",label:"Lorem ipsum dolor"},{value:"3",label:"Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet."},{value:"4",label:"Lorem ipsum dolor"},{value:"5",label:"Lorem ipsum dolor"},{value:"6",label:"Lorem ipsum dolor"},{value:"7",label:"Lorem ipsum dolor"},{value:"8",label:"Lorem ipsum dolor"},{value:"2",label:"Lorem ipsum dolor"}];var ch=Object.defineProperty,sh=Object.defineProperties,uh=Object.getOwnPropertyDescriptors,dh=Object.getOwnPropertySymbols,mh=Object.prototype.hasOwnProperty,ph=Object.prototype.propertyIsEnumerable,fh=(e,t,n)=>t in e?ch(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,hh=(e,t)=>{for(var n in t||(t={}))mh.call(t,n)&&fh(e,n,t[n]);if(dh)for(var n of dh(t))ph.call(t,n)&&fh(e,n,t[n]);return e},bh=(e,t)=>sh(e,uh(t));const gh=e=>n.createElement("div",{className:"grid gap-4"},n.createElement(ft,bh(hh({},e),{_hint:Sn,_label:"Label",_options:ym,_value:"de",_on:{onBlur:console.log,onInput:console.log,onChange:console.log,onClick:console.log,onFocus:console.log}})),n.createElement(ft,bh(hh({},e),{_label:"Disabled",_options:ym,_value:"de",_disabled:!0})),n.createElement(ft,bh(hh({},e),{_options:ym,_msg:{_type:"error",_description:xn},_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0})),n.createElement(ft,bh(hh({},e),{_label:"With access key",_options:ym,_value:"de",_accessKey:"c"})),n.createElement(ft,bh(hh({},e),{_label:"With short key",_options:ym,_value:"de",_shortKey:"s"})),n.createElement(ft,bh(hh({},e),{_label:"With long labels",_options:ih,_placeholder:"Placeholder"})),n.createElement(ft,bh(hh({},e),{_label:"With hidden clear button",_options:ym,_value:"de",_hideClearButton:!0})));var vh=Object.defineProperty,_h=Object.defineProperties,kh=Object.getOwnPropertyDescriptors,yh=Object.getOwnPropertySymbols,wh=Object.prototype.hasOwnProperty,Eh=Object.prototype.propertyIsEnumerable,xh=(e,t,n)=>t in e?vh(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Sh=(e,t)=>{for(var n in t||(t={}))wh.call(t,n)&&xh(e,n,t[n]);if(yh)for(var n of yh(t))Eh.call(t,n)&&xh(e,n,t[n]);return e};const Th=e=>n.createElement(or,null,n.createElement("fieldset",null,n.createElement("legend",null,"Text"),n.createElement(gh,Sh({},e))),n.createElement("fieldset",null,n.createElement("legend",null,"Text (hideLabel)"),n.createElement(gh,(e=>_h(e,kh({_hideLabel:!0})))(Sh({},e))))),Ch={"single-select":{basic:()=>{const e=(0,n.useContext)(En);return n.createElement(n.Fragment,null,n.createElement(Cn,null,n.createElement("p",null,"SingleSelect provides a select field for a single value, supported by a search field.")),!e&&n.createElement(Ie,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),n.createElement(Ga,{RefComponent:Th}))}}};var zh=Object.defineProperty,Oh=Object.getOwnPropertySymbols,Nh=Object.prototype.hasOwnProperty,Lh=Object.prototype.propertyIsEnumerable,Ah=(e,t,n)=>t in e?zh(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,$h=(e,t)=>{for(var n in t||(t={}))Nh.call(t,n)&&Ah(e,n,t[n]);if(Oh)for(var n of Oh(t))Lh.call(t,n)&&Ah(e,n,t[n]);return e};const Bh=$h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h($h({},Ra),zn),On),An),$n),Dn),Kn),Vn),fa),ha),oh),ba),_a),ka),Da),Ka),Ha),gr),jr),hl),Pl),to),wo),Ko),ci),zi),em),tm),sm),um),dm),fm),hm),bm),gm),vm),lp),lp),op),ip),Ch),cp),Zp),cf),zf),Of),Nf),Rf),Lf),Im);Sa(localStorage);const Ph=(e,t="/")=>{let n=[];for(const a in e)if(e[a]){const r=e[a],l=`${t}${a}`;"function"==typeof r?n.push(l):"object"==typeof r&&null!==r&&(n=n.concat(Ph(r,`${l}/`)))}return n},Ih=e=>{const t=[];for(const a in e)if(e[a]){const r=e[a],l=`/${a}`;if("function"==typeof r)t.push(n.createElement(me,{key:l,path:l,element:n.createElement(r,null)})),t.push(n.createElement(me,{key:`${l}/all`,path:`${l}/all`,element:n.createElement("div",{className:"d-grid gap-4"},gn.filter((e=>fn.indexOf(e.value)>=0)).map((e=>n.createElement("div",{className:"d-grid gap-2",key:e.value},n.createElement("div",{className:"mt-4"},n.createElement("strong",null,e.label)),n.createElement("div",{className:"my-2"},n.createElement(r,null)),n.createElement("hr",{"aria-hidden":"true"})))))}));else if("object"==typeof r&&null!==r){const e=Object.keys(r);e.length>0&&t.push(n.createElement(me,{key:l,path:`${l}/*`,element:n.createElement(fe,null,n.createElement(me,{path:"/",element:n.createElement(de,{to:e[0]})}),Ih(r))}))}}return t},jh=Ph(Bh),Mh=Ih(Bh),Fh=new Map;jh.forEach((e=>{const t=e.split("/");Fh.has(t[1])||Fh.set(t[1],{label:t[1],value:e})}));const Rh=()=>{var e;const t=Y(),[a,r]=Ee(),l=null!=(e=a.get("theme"))?e:Ta(),o=a.has("hideMenus");return(e=>{if(!bn(e))throw new Error(`The theme identifier "${e}" is not valid or an available option.`);Ea.theme=e,xa.setItem(wa,JSON.stringify(Ea))})(l),(()=>{const e=Y();(0,wn.s)("#"+e.pathname)})(),document.title=`KoliBri-Handout - ${Ca(Ta())} | v${mn}`,document.body.setAttribute("class",l),document.body.dataset.theme=l,n.createElement(En.Provider,{value:o},n.createElement("div",{className:o?"":"app-container","data-theme":l},!o&&n.createElement(yn,{version:mn,theme:l,sample:t.pathname,routes:Bh,routeList:jh,buildDate:"2025-03-07T18:43:37.675Z",commitHash:"b4b206e3d",onThemeChange:e=>{r({theme:e}),window.location.reload()}}),n.createElement("main",{className:"flex flex-col items-stretch p-4",id:"route-container"},!o&&(e=>hn.includes(e))(l)&&n.createElement(Ie,{className:"block mb-3",_label:"In progress",_color:"#db5461"}),n.createElement(fe,null,Mh,n.createElement(me,{path:"*",element:n.createElement(de,{to:jh[0],replace:!0})}),n.createElement(me,{path:"back-page",element:n.createElement(pn,null)})))))};var Dh=(e,t,n)=>new Promise(((a,r)=>{var l=e=>{try{i(n.next(e))}catch(e){r(e)}},o=e=>{try{i(n.throw(e))}catch(e){r(e)}},i=e=>e.done?a(e.value):Promise.resolve(e.value).then(l,o);i((n=n.apply(e,t)).next())}));const Kh=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableI18nOverwriting"),Hh=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableThemePatching"),Vh=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableTagNameTransformer"),Uh=e=>`${e}-sample`;Vh&&(Oe=Uh),Dh(void 0,null,(function*(){try{yield((e,t,n)=>{return a=function*(){var a,r;(0,Bt.s)("development"===(null==n?void 0:n.environment)),(0,$t.i)(null!==(r=null===(a=null==n?void 0:n.translation)||void 0===a?void 0:a.name)&&void 0!==r?r:"de",null==n?void 0:n.translations),(null==n?void 0:n.transformTagName)&&(0,Lt.s)(null==n?void 0:n.transformTagName);const l=yield(0,At.F)(e,t,n);return Pt=!0,l},new Promise(((e,t)=>{var n=e=>{try{l(a.next(e))}catch(e){t(e)}},r=e=>{try{l(a.throw(e))}catch(e){t(e)}},l=t=>t.done?e(t.value):Promise.resolve(t.value).then(n,r);l((a=a.apply(void 0,null)).next())}));var a})(yield Dh(void 0,null,(function*(){const e=[],{ECL_EC:t,ECL_EU:n}=yield o.e(1573).then(o.bind(o,1573));return t&&n?e.push(t,n):console.warn("Theme package @public-ui-/theme-ecl not available. Continuing without it."),[dn,...e]})),(()=>{((e,t)=>{return n=function*(){if("undefined"!=typeof window)return yield,(0,Ut.b)(JSON.parse('[["kol-abbr",[[33,"kol-abbr",{"_label":[1],"state":[32]},null,{"_label":["validateLabel"]}]]],["kol-accordion",[[33,"kol-accordion",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32],"kolFocus":[64]},null,{"_disabled":["validateDisabled"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_open":["validateOpen"]}]]],["kol-alert",[[33,"kol-alert",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"state":[32]}]]],["kol-alert-wc",[[4,"kol-alert-wc",{"_alert":[4],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"_on":[16],"_type":[1],"_variant":[1],"state":[32]},null,{"_alert":["validateAlert"],"_hasCloser":["validateHasCloser"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_type":["validateType"],"_variant":["validateVariant"]}]]],["kol-avatar",[[33,"kol-avatar",{"_src":[1],"_label":[1]}]]],["kol-avatar-wc",[[0,"kol-avatar-wc",{"_src":[1],"_label":[1],"state":[32]},null,{"_src":["validateSrc"],"_label":["validateLabel"]}]]],["kol-badge",[[33,"kol-badge",{"_color":[1],"_icons":[1],"_label":[1],"_smartButton":[1,"_smart-button"],"state":[32]},null,{"_icons":["validateIcons"],"_color":["validateColor"],"_smartButton":["validateSmartButton"]}]]],["kol-breadcrumb",[[33,"kol-breadcrumb",{"_label":[1],"_links":[1],"state":[32]},null,{"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-button",[[49,"kol-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"getValue":[64],"kolFocus":[64]}]]],["kol-button-link",[[49,"kol-button-link",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"getValue":[64],"kolFocus":[64]}]]],["kol-button-wc",[[4,"kol-button-wc",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaControls":["validateAriaControls"],"_ariaDescription":["validateAriaDescription"],"_ariaExpanded":["validateAriaExpanded"],"_ariaSelected":["validateAriaSelected"],"_customClass":["validateCustomClass"],"_disabled":["validateDisabled"],"_hideLabel":["validateHideLabel"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_name":["validateName"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_tooltipAlign":["validateTooltipAlign"],"_type":["validateType"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-card",[[33,"kol-card",{"_on":[16],"_hasCloser":[4,"_has-closer"],"_label":[1],"_level":[2],"state":[32]},null,{"_on":["validateOn"],"_hasCloser":["validateHasCloser"],"_label":["validateLabel"],"_level":["validateLevel"]}]]],["kol-combobox",[[49,"kol-combobox",{"_accessKey":[1,"_access-key"],"_placeholder":[1],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_suggestions":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"blockSuggestionMouseOver":[32],"_isOpen":[32],"_filteredSuggestions":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},[[0,"keydown","handleKeyDown"],[8,"click","handleWindowClick"],[1,"mousemove","handleMouseEvent"],[8,"focusout","handleFocusOut"],[8,"blur","handleWindowBlur"]],{"_placeholder":["validatePlaceholder"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_suggestions":["validateSuggestions"],"_required":["validateRequired"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-details",[[33,"kol-details",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32],"kolFocus":[64]},null,{"_disabled":["validateDisabled"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_open":["validateOpen"]}]]],["kol-drawer",[[33,"kol-drawer",{"_open":[4],"_align":[1],"_label":[1],"_on":[16],"state":[32],"open":[64],"close":[64]},null,{"_label":["validateLabel"],"_align":["validateAlign"],"_open":["validateOpen"],"_on":["validateOn"]}]]],["kol-form",[[33,"kol-form",{"_on":[16],"_requiredText":[8,"_required-text"],"_errorList":[16],"state":[32],"focusErrorList":[64]},null,{"_on":["validateOn"],"_requiredText":["validateRequiredText"],"_errorList":["validateErrorList"]}]]],["kol-heading",[[33,"kol-heading",{"_label":[1],"_level":[2],"_secondaryHeadline":[1,"_secondary-headline"],"_variant":[1],"state":[32]},null,{"_label":["validateLabel"],"_level":["validateLevel"],"_secondaryHeadline":["validateSecondaryHeadline"],"_variant":["validateVariant"]}]]],["kol-icon",[[33,"kol-icon",{"_icons":[1],"_label":[1],"state":[32]},null,{"_icons":["validateIcons"],"_label":["validateLabel"]}]]],["kol-image",[[33,"kol-image",{"_alt":[1],"_loading":[1],"_sizes":[1],"_src":[1],"_srcset":[1],"state":[32]},null,{"_alt":["validateAlt"],"_loading":["validateLoading"],"_sizes":["validateSizes"],"_src":["validateSrc"],"_srcset":["validateSrcset"]}]]],["kol-input",[[4,"kol-input",{"_accessKey":[1,"_access-key"],"_alert":[4],"_currentLength":[2,"_current-length"],"_disabled":[4],"_hasCounter":[4,"_has-counter"],"_hideMsg":[4,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[16],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[16],"_readOnly":[4,"_read-only"],"_renderNoLabel":[4,"_render-no-label"],"_required":[4],"_shortKey":[1,"_short-key"],"_slotName":[1,"_slot-name"],"_suggestions":[1],"_smartButton":[1,"_smart-button"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[4]}]]],["kol-input-checkbox",[[49,"kol-input-checkbox",{"_accessKey":[1,"_access-key"],"_checked":[1540],"_hideMsg":[1540,"_hide-msg"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_indeterminate":[1540],"_label":[1],"_labelAlign":[1,"_label-align"],"_msg":[1],"_name":[1],"_on":[16],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[8],"_variant":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_checked":["validateChecked"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_indeterminate":["validateIndeterminate"],"_label":["validateLabel"],"_labelAlign":["validateLabelAlign"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-input-color",[[49,"kol-input-color",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[513],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-date",[[49,"kol-input-date",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[1],"_min":[1],"_msg":[1],"_name":[1],"_on":[16],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_step":[2],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1537],"_initialValueType":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64],"reset":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_step":["validateStep"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_type":["validateType"],"_value":["validateValue"]}]]],["kol-input-email",[[49,"kol-input-email",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hasCounter":[4,"_has-counter"],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hasCounter":["validateHasCounter"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_suggestions":["validateSuggestions"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-file",[[49,"kol-input-file",{"_accept":[1],"_accessKey":[1,"_access-key"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"filename":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accept":["validateAccept"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"]}]]],["kol-input-number",[[49,"kol-input-number",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[2],"_min":[2],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_suggestions":[1],"_step":[2],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1538],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_suggestions":["validateSuggestions"],"_step":["validateStep"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-password",[[49,"kol-input-password",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hasCounter":[4,"_has-counter"],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"_variant":[1],"state":[32],"_passwordVisible":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_variant":["validateVariant"],"_hasCounter":["validateHasCounter"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-radio",[[49,"kol-input-radio",{"_accessKey":[1,"_access-key"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_orientation":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_tooltipAlign":["validateTooltipAlign"],"_disabled":["validateDisabled"],"_hideLabel":["validateHideLabel"],"_hideMsg":["validateHideMsg"],"_hint":["validateHint"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_orientation":["validateOrientation"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-range",[[49,"kol-input-range",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[2],"_min":[2],"_msg":[1],"_name":[1],"_on":[16],"_shortKey":[1,"_short-key"],"_step":[2],"_suggestions":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1538],"state":[32],"inputHasFocus":[32],"kolFocus":[64],"getValue":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_max":["validateMax"],"_min":["validateMin"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_shortKey":["validateShortKey"],"_step":["validateStep"],"_suggestions":["validateSuggestions"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-text",[[49,"kol-input-text",{"_accessKey":[1,"_access-key"],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_hasCounter":[4,"_has-counter"],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_pattern":[1],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_required":[4],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_suggestions":[1],"_smartButton":[1,"_smart-button"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_type":[1],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_hasCounter":["validateHasCounter"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_pattern":["validatePattern"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_spellCheck":["validateSpellCheck"],"_suggestions":["validateSuggestions"],"_smartButton":["validateSmartButton"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_type":["validateType"],"_value":["validateValue"]}]]],["kol-kolibri",[[33,"kol-kolibri",{"_color":[1],"_labeled":[4],"state":[32]},null,{"_color":["validateColor"],"_labeled":["validateLabeled"]}]]],["kol-link",[[49,"kol-link",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaDescription":[1,"_aria-description"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"kolFocus":[64]}]]],["kol-link-button",[[49,"kol-link-button",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaDescription":[1,"_aria-description"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"kolFocus":[64]}]]],["kol-link-wc",[[4,"kol-link-wc",{"_accessKey":[1,"_access-key"],"_ariaCurrentValue":[1,"_aria-current-value"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaOwns":[1,"_aria-owns"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_download":[1],"_hideLabel":[4,"_hide-label"],"_href":[1],"_icons":[1],"_label":[1],"_on":[16],"_role":[1],"_shortKey":[1,"_short-key"],"_tabIndex":[2,"_tab-index"],"_target":[1],"_tooltipAlign":[1,"_tooltip-align"],"_variant":[1],"state":[32],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_ariaCurrentValue":["validateAriaCurrentValue"],"_ariaDescription":["validateAriaDescription"],"_ariaExpanded":["validateAriaExpanded"],"_ariaOwns":["validateAriaOwns"],"_customClass":["validateCustomClass"],"_disabled":["validateDisabled"],"_download":["validateDownload"],"_hideLabel":["validateHideLabel"],"_href":["validateHref"],"_icons":["validateIcons"],"_label":["validateLabel"],"_on":["validateOn"],"_role":["validateRole"],"_shortKey":["validateShortKey"],"_tabIndex":["validateTabIndex"],"_target":["validateTarget"],"_tooltipAlign":["validateTooltipAlign"],"_variant":["validateVariant"]}]]],["kol-modal",[[33,"kol-modal",{"_label":[1],"_on":[16],"_width":[1],"_variant":[1],"state":[32],"openModal":[64],"closeModal":[64]},null,{"_label":["validateLabel"],"_on":["validateOn"],"_width":["validateWidth"],"_variant":["validateVariant"]}]]],["kol-nav",[[33,"kol-nav",{"_collapsible":[4],"_hasCompactButton":[4,"_has-compact-button"],"_hasIconsWhenExpanded":[4,"_has-icons-when-expanded"],"_hideLabel":[4,"_hide-label"],"_label":[1],"_links":[1],"_orientation":[1],"state":[32]},null,{"_collapsible":["validateCollapsible"],"_hasCompactButton":["validateHasCompactButton"],"_hasIconsWhenExpanded":["validateHasIconsWhenExpanded"],"_hideLabel":["validateHideLabel"],"_label":["validateLabel"],"_links":["validateLinks"],"_orientation":["validateOrientation"]}]]],["kol-pagination",[[33,"kol-pagination",{"_boundaryCount":[2,"_boundary-count"],"_customClass":[1,"_custom-class"],"_label":[1],"_hasButtons":[8,"_has-buttons"],"_page":[2],"_pageSize":[1026,"_page-size"],"_pageSizeOptions":[1,"_page-size-options"],"_on":[16],"_siblingCount":[2,"_sibling-count"],"_tooltipAlign":[1,"_tooltip-align"],"_max":[2],"state":[32]},null,{"_boundaryCount":["validateBoundaryCount"],"_customClass":["validateCustomClass"],"_label":["validateLabel"],"_hasButtons":["validateHasButtons"],"_on":["validateOn"],"_page":["validatePage"],"_pageSize":["validatePageSize"],"_pageSizeOptions":["validatePageSizeOptions"],"_siblingCount":["validateSiblingCount"],"_max":["validateMax"],"_tooltipAlign":["validateTooltipAlign"]}]]],["kol-popover-button",[[33,"kol-popover-button",{"_accessKey":[1,"_access-key"],"_ariaControls":[1,"_aria-controls"],"_ariaDescription":[1,"_aria-description"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_popoverAlign":[1,"_popover-align"],"_role":[1],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"justClosed":[32]},null,{"_popoverAlign":["validatePopoverAlign"]}]]],["kol-popover-wc",[[4,"kol-popover-wc",{"_align":[1],"_on":[16],"_show":[1540],"state":[32]},null,{"_align":["validateAlign"],"_on":["validateOn"],"_show":["validateShow"]}]]],["kol-progress",[[33,"kol-progress",{"_label":[1],"_max":[2],"_unit":[1],"_value":[2],"_variant":[1],"state":[32]},null,{"_label":["validateLabel"],"_max":["validateMax"],"_unit":["validateUnit"],"_value":["validateValue"],"_variant":["validateVariant"]}]]],["kol-quote",[[33,"kol-quote",{"_label":[1],"_href":[1],"_quote":[1],"_variant":[1],"state":[32]},null,{"_label":["validateLabel"],"_href":["validateHref"],"_quote":["validateQuote"],"_variant":["validateVariant"]}]]],["kol-select",[[33,"kol-select",{"_accessKey":[1,"_access-key"],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_multiple":[4],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_rows":[2],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_multiple":["validateMultiple"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_required":["validateRequired"],"_rows":["validateRows"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-single-select",[[49,"kol-single-select",{"_accessKey":[1,"_access-key"],"_placeholder":[1],"_disabled":[4],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_required":[4],"_shortKey":[1,"_short-key"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1544],"_hideClearButton":[4,"_hide-clear-button"],"_isOpen":[32],"_filteredOptions":[32],"_inputValue":[32],"blockSuggestionMouseOver":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},[[8,"focusout","handleFocusOut"],[8,"blur","handleWindowBlur"],[0,"keydown","handleKeyDown"],[1,"mousemove","handleMouseEvent"]],{"_placeholder":["validatePlaceholder"],"_accessKey":["validateAccessKey"],"_disabled":["validateDisabled"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_required":["validateRequired"],"_shortKey":["validateShortKey"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"],"_hideClearButton ":["validateHideClearButton"]}]]],["kol-skip-nav",[[33,"kol-skip-nav",{"_label":[1],"_links":[1],"state":[32]},null,{"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-spin",[[33,"kol-spin",{"_show":[1540],"_variant":[1],"state":[32]},null,{"_show":["validateShow"],"_variant":["validateVariant"]}]]],["kol-split-button",[[49,"kol-split-button",{"_ariaControls":[1,"_aria-controls"],"_ariaExpanded":[4,"_aria-expanded"],"_ariaSelected":[4,"_aria-selected"],"_customClass":[1,"_custom-class"],"_disabled":[4],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_id":[1],"_label":[1],"_name":[1],"_on":[16],"_role":[1],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_type":[1],"_value":[8],"_variant":[1],"state":[32],"closePopup":[64]}]]],["kol-table-stateful",[[33,"kol-table-stateful",{"_allowMultiSort":[4,"_allow-multi-sort"],"_data":[1],"_dataFoot":[1,"_data-foot"],"_headers":[1],"_label":[1],"_minWidth":[1,"_min-width"],"_pagination":[8],"_paginationPosition":[1,"_pagination-position"],"_selection":[1],"_on":[16],"state":[32],"getSelection":[64]},null,{"_allowMultiSort":["validateAllowMultiSort"],"_data":["validateData"],"_dataFoot":["validateDataFoot"],"_paginationPosition":["validatePaginationPosition"],"_headers":["validateHeaders"],"_label":["validateLabel"],"_minWidth":["validateMinWidth"],"_selection":["validateSelection"],"_on":["validateOn"],"_pagination":["validatePagination"]}]]],["kol-table-stateless",[[33,"kol-table-stateless",{"_data":[1],"_dataFoot":[1,"_data-foot"],"_headerCells":[1,"_header-cells"],"_label":[1],"_minWidth":[1,"_min-width"],"_on":[16],"_selection":[1]}]]],["kol-table-stateless-wc",[[0,"kol-table-stateless-wc",{"_data":[1],"_dataFoot":[1,"_data-foot"],"_headerCells":[1,"_header-cells"],"_label":[1],"_minWidth":[1,"_min-width"],"_on":[16],"_selection":[1],"state":[32],"tableDivElementHasScrollbar":[32]},[[0,"keydown","handleKeyDown"]],{"_data":["validateData"],"_dataFoot":["validateDataFoot"],"_headerCells":["validateHeaderCells"],"_label":["validateLabel"],"_minWidth":["validateMinWidth"],"_on":["validateOn"],"_selection":["validateSelection"]}]]],["kol-tabs",[[33,"kol-tabs",{"_align":[1],"_behavior":[1],"_label":[1],"_on":[16],"_selected":[1538],"_tabs":[1],"state":[32]},null,{"_align":["validateAlign"],"_behavior":["validateBehavior"],"_label":["validateLabel"],"_on":["validateOn"],"_selected":["validateSelected"],"_tabs":["validateTabs"]}]]],["kol-textarea",[[49,"kol-textarea",{"_accessKey":[1,"_access-key"],"_adjustHeight":[4,"_adjust-height"],"_disabled":[4],"_hasCounter":[4,"_has-counter"],"_hideMsg":[1540,"_hide-msg"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[16],"_id":[1],"_label":[1],"_maxLength":[2,"_max-length"],"_msg":[1],"_name":[1],"_on":[16],"_placeholder":[1],"_readOnly":[4,"_read-only"],"_resize":[1],"_required":[4],"_rows":[1026],"_shortKey":[1,"_short-key"],"_spellCheck":[4,"_spell-check"],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[1537],"state":[32],"inputHasFocus":[32],"getValue":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_adjustHeight":["validateAdjustHeight"],"_disabled":["validateDisabled"],"_hasCounter":["validateHasCounter"],"_hideMsg":["validateHideMsg"],"_hideLabel":["validateHideLabel"],"_hint":["validateHint"],"_icons":["validateIcons"],"_id":["validateId"],"_label":["validateLabel"],"_maxLength":["validateMaxLength"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_placeholder":["validatePlaceholder"],"_readOnly":["validateReadOnly"],"_resize":["validateResize"],"_required":["validateRequired"],"_rows":["validateRows"],"_shortKey":["validateShortKey"],"_spellCheck":["validateSpellCheck"],"_syncValueBySelector":["validateSyncValueBySelector"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-toast-container",[[33,"kol-toast-container",{"state":[32],"enqueue":[64],"closeAll":[64]}]]],["kol-toolbar",[[33,"kol-toolbar",{"_label":[1],"_items":[16],"state":[32],"currentIndex":[32]},[[0,"keydown","handleKeyDown"],[2,"blur","handleBlur"]],{"_label":["validateLabel"],"_items":["validateItems"]}]]],["kol-tooltip-wc",[[0,"kol-tooltip-wc",{"_badgeText":[1,"_badge-text"],"_align":[1],"_id":[1],"_label":[1],"state":[32]},null,{"_badgeText":["validateBadgeText"],"_align":["validateAlign"],"_id":["validateId"],"_label":["validateLabel"]}]]],["kol-tree",[[33,"kol-tree",{"_label":[1]}]]],["kol-tree-item",[[33,"kol-tree-item",{"_active":[4],"_label":[1],"_open":[4],"_href":[1],"focusLink":[64],"expand":[64],"collapse":[64],"isOpen":[64]}]]],["kol-tree-item-wc",[[4,"kol-tree-item-wc",{"_active":[4],"_label":[1],"_open":[4],"_href":[1],"level":[32],"state":[32],"focusLink":[64],"expand":[64],"collapse":[64],"isOpen":[64]},null,{"_active":["validateActive"],"_label":["validateLabel"],"_open":["validateOpen"],"_href":["validateHref"]}]]],["kol-tree-wc",[[4,"kol-tree-wc",{"_label":[1],"state":[32]},[[0,"keydown","handleKeyDown"],[0,"focusout","handleFocusOut"]],{"_label":["validateLabel"]}]]],["kol-version",[[33,"kol-version",{"_label":[1],"state":[32]},null,{"_label":["validateLabel"]}]]],["test-component",[[0,"test-component"]]]]'),t)},new Promise(((e,t)=>{var a=e=>{try{l(n.next(e))}catch(e){t(e)}},r=e=>{try{l(n.throw(e))}catch(e){t(e)}},l=t=>t.done?e(t.value):Promise.resolve(t.value).then(a,r);l((n=n.apply(void 0,null)).next())}));var n})(window,{transformTagName:Vh?Uh:void 0})}),{theme:{detect:"auto"},translation:{name:"en"},translations:Kh?new Set([e=>e("en",{"kol-error":"Tiny error!"}),e=>e("de",{"kol-error":"Kleiner Fehler!"})]):void 0,transformTagName:Vh?Uh:void 0,environment:"production"}),Hh&&Vt.K.patchTheme("default",{"KOL-BUTTON":"\n\t\t\t\t\t\tbutton {\n\t\t\t\t\t\t\tborder: 1px solid red;\n\t\t\t\t\t\t}","KOL-SPIN":"\n\t\t\t\t\t\t.bg-spin-2 {\n\t\t\t\t\t\t\tbackground-color: red;\n\t\t\t\t\t\t}\n\t\t\t\t\t\t.bg-spin-3 {\n\t\t\t\t\t\t\tbackground-color: gold;\n\t\t\t\t\t\t}"},{append:!0})}catch(e){console.warn("Theme registration failed:",e)}const e=document.querySelector("div#app");e instanceof HTMLDivElement&&(0,r.H)(e).render(n.createElement(n.StrictMode,null,n.createElement(ve,{future:{v7_startTransition:!0,v7_relativeSplatPath:!0}},n.createElement(Rh,null))))}))})()})();