@public-ui/sample-react 2.2.16-rc.1 → 2.2.16

package/dist/assets/{index-CFY3u7Pg.js → index-Dcivz78S.js}

@@ -1,4 +1,4 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/kol-abbr.entry-Bm9_JCnx.js","assets/dev.utils-da85e627-hIq0c3Oz.js","assets/label-7d1ce375-8hilh-sB.js","assets/tooltip-align-6964dd71-DcWwSPJf.js","assets/align-f3101425-BBsuEsjA.js","assets/kol-accordion.entry-DhGRW7IB.js","assets/validation-b34ff01a-C0rVxgvO.js","assets/Collapsible-29766e0c-CjsrBFMf.js","assets/tslib.es6-1173d062-BAJoBDh7.js","assets/clsx-09a06a12-BT_IL7Fz.js","assets/disabled-26405bb8-Djafi0oX.js","assets/open-74ada92d-CXjnULAk.js","assets/kol-badge.entry-CzhfcZ8m.js","assets/color-48d7fdf1-CCZTOadW.js","assets/kol-breadcrumb.entry-DXGGZx8n.js","assets/unique-nav-labels-4be6182a-D3BrKoT1.js","assets/validation-7170ea32-CpSrggzI.js","assets/kol-card.entry-4L3g6PvB.js","assets/i18n-3dd5729d-DcwGFjmk.js","assets/has-closer-602527ae-CWeTHFi0.js","assets/kol-details.entry-DEP9Fv5g.js","assets/events-29e84d75-BhxFwhXP.js","assets/kol-drawer.entry-Bjukfva_.js","assets/kol-form.entry-BSdb9mZ8.js","assets/Alert-9a37a638-C9HXJ__y.js","assets/kol-icon.entry-CHol2w6C.js","assets/kol-image.entry-IFVGTcJ9.js","assets/image-source-d9230e9b-DvUW6dwg.js","assets/kol-input-checkbox.entry-DEuAkAjX.js","assets/controller-c87b8bd9-JFVf6xIZ.js","assets/associated.controller-d302adf7-DFAmrDsT.js","assets/access-and-short-key-914780a7-D6phzYzz.js","assets/hide-label-0d754c8e-Cq2-ctNc.js","assets/InternalUnderlinedBadgeText-40aac46d-219mmaw-.js","assets/controller-06c08e87-BeS1oY0O.js","assets/controller-728fbdd1-DbEvsJ91.js","assets/kol-input-color.entry-Daym1Lzk.js","assets/controller-icon-b3eb5a58-CtSaTnSG.js","assets/icons-adcda9b0-C-JTfa1c.js","assets/suggestions-506c439a-DeJJ1Hxd.js","assets/kol-input-date.entry-DEhi3hVP.js","assets/kol-input-email.entry-D6p19mD5.js","assets/controller-b19ef5c0-BTib8Zj3.js","assets/controller-fa5508b8-CTjrqT63.js","assets/debounce-99d34c2d-CPFi1xuv.js","assets/spell-check-82b14d35-B9xZ7PwF.js","assets/kol-input-file.entry-DNQwZvrz.js","assets/kol-input-number.entry-zQDxsej9.js","assets/kol-input-password.entry-C7mC-HjG.js","assets/kol-input-radio.entry-B6OYoOOA.js","assets/FormFieldMsg-1c17f4ff-BOol_irJ.js","assets/kol-input-text.entry-C7rEvOyz.js","assets/kol-kolibri.entry-JNvgcbhT.js","assets/kol-link-group.entry-CLBSKLqv.js","assets/kol-logo.entry-BglGfBhm.js","assets/kol-modal.entry-BVbsDKos.js","assets/kol-nav.entry-DQjif0rZ.js","assets/kol-pagination.entry-DZ-wK_KT.js","assets/custom-class-14f41251-BA1i-L3O.js","assets/kol-popover-button.entry-BAQzXyGX.js","assets/align-floating-elements-a7a489c8-BdDRLVqs.js","assets/kol-progress.entry-Cd-bmnp_.js","assets/kol-quote.entry-CyOepMhQ.js","assets/kol-select.entry-DSpONV2D.js","assets/rows-8ed50d64-DUl4tlmF.js","assets/kol-skip-nav.entry-DqU30gpe.js","assets/kol-spin.entry-CsIuSV9X.js","assets/show-bfd36a90-DGaCXWSi.js","assets/kol-split-button.entry-giy6MtwH.js","assets/kol-symbol.entry-CL7EYNk8.js","assets/kol-table-stateful.entry-BvYI_ov1.js","assets/keyboard-77e19a81-D1ah5412.js","assets/table-selection-0290d830-vUPqWM8r.js","assets/kol-tabs.entry-DFyw4w2r.js","assets/kol-textarea.entry-e1lbtm2w.js","assets/kol-toast-container.entry-DB0Gof7f.js","assets/kol-toolbar.entry-C3gg0dwb.js","assets/kol-version.entry-CSjmFgra.js","assets/kol-alert-wc.entry-B1Sgacao.js","assets/kol-avatar-wc.entry-ChOU-HFB.js","assets/kol-button-wc.entry-Clg4LnGd.js","assets/button-variant-ebe4a1ea-BXFxCq_C.js","assets/kol-combobox.entry-CC4LU4hT.js","assets/kol-heading-wc.entry-SpsWzBKW.js","assets/kol-input.entry-B1kmnObm.js","assets/kol-input-range.entry-Cw3AeI8o.js","assets/kol-link-wc.entry-DQOwDLSy.js","assets/href-3ee53c2c-jImnEd9G.js","assets/kol-popover-wc.entry-Cax7PqJ-.js","assets/kol-single-select.entry-DlISO8ku.js","assets/kol-span-wc.entry-CMspB4Gg.js","assets/badge-text-553534d4-C3h9hRjw.js","assets/kol-table-stateless-wc.entry-BKlWtgEa.js","assets/kol-tooltip-wc.entry-D9W80ptx.js","assets/kol-tree-item-wc.entry-BRR4I4Y1.js","assets/kol-tree-wc.entry-C94WYSzE.js","assets/devtools-0d36070b-CGzE_cNE.js"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/kol-abbr.entry-dUV7hFmf.js","assets/dev.utils-5bef3b78-BCPcXlbN.js","assets/label-7d1ce375--C43DvH7.js","assets/tooltip-align-6964dd71-nAjWBHKN.js","assets/align-f3101425-CoqnhPQ8.js","assets/kol-accordion.entry-Co4K_k-A.js","assets/validation-b34ff01a-DTa_JLKg.js","assets/Collapsible-96785702-BF7ssar_.js","assets/tslib.es6-1173d062-BAJoBDh7.js","assets/clsx-09a06a12-BT_IL7Fz.js","assets/disabled-26405bb8-1N7qKFQ4.js","assets/open-74ada92d-D_L_49Hs.js","assets/kol-badge.entry-DV774fAT.js","assets/color-48d7fdf1-BmehEZnC.js","assets/kol-breadcrumb.entry-B-0N7GHk.js","assets/unique-nav-labels-4be6182a-7HEIhwiO.js","assets/validation-7170ea32-B5JKgCde.js","assets/kol-card.entry-D5A2IPrh.js","assets/i18n-3dd5729d-BdyagK61.js","assets/has-closer-602527ae-C2RYMS2k.js","assets/kol-details.entry-BUAjzr7L.js","assets/events-29e84d75-BhxFwhXP.js","assets/kol-drawer.entry-C04weMC2.js","assets/kol-form.entry-BZEVa2yK.js","assets/Alert-ba64e682-Db-d_Hf6.js","assets/kol-icon.entry-v_RzDvOw.js","assets/kol-image.entry-DQ-MxSPx.js","assets/image-source-d9230e9b-CT9SRfxM.js","assets/kol-input-checkbox.entry-Jw62DUkQ.js","assets/controller-c87b8bd9-Czslsu7N.js","assets/associated.controller-d302adf7-BjmEBr7Z.js","assets/access-and-short-key-914780a7-oxTkwdWM.js","assets/hide-label-0d754c8e-CeUcJ5Og.js","assets/InternalUnderlinedBadgeText-669e7d65-BubqNXOG.js","assets/controller-06c08e87-8AbH0pT9.js","assets/controller-728fbdd1-D1PAJBPj.js","assets/kol-input-color.entry-DHhuD-4j.js","assets/controller-icon-b3eb5a58-CIv42-8C.js","assets/icons-adcda9b0-DYgNx7sr.js","assets/suggestions-506c439a-DlQEzD_s.js","assets/kol-input-date.entry-D9HE-Ub5.js","assets/kol-input-email.entry-B-Im7kcK.js","assets/controller-b19ef5c0-DOOY3eY4.js","assets/controller-fa5508b8-B59d3Ksy.js","assets/debounce-99d34c2d-j6MjI7sL.js","assets/spell-check-82b14d35-BPMiH3vn.js","assets/kol-input-file.entry-DB-TEVpj.js","assets/kol-input-number.entry-BHwHtmQN.js","assets/kol-input-password.entry-D2_PmkaV.js","assets/kol-input-radio.entry-42thp7ih.js","assets/FormFieldMsg-f0879547-H5Ca1AMy.js","assets/kol-input-text.entry-CExGoJxG.js","assets/kol-kolibri.entry-kw6bb5z4.js","assets/kol-link-group.entry-B7F7Ebxn.js","assets/kol-logo.entry-4Jks8I1F.js","assets/kol-modal.entry-DkyL6rL2.js","assets/kol-nav.entry-CFDvkv3h.js","assets/kol-pagination.entry-CL-Rm5kv.js","assets/custom-class-14f41251-6X3x1Ty1.js","assets/kol-popover-button.entry-DixxukoF.js","assets/align-floating-elements-a7a489c8-z285wB2d.js","assets/kol-progress.entry-DFVsaAFf.js","assets/kol-quote.entry-BbLXeDst.js","assets/kol-select.entry-vUjDmZU1.js","assets/rows-8ed50d64-BCaeauLn.js","assets/kol-skip-nav.entry-kTdlrwsc.js","assets/kol-spin.entry-CJVO_zer.js","assets/show-bfd36a90-CWMii8Iv.js","assets/kol-split-button.entry-CViapfh0.js","assets/kol-symbol.entry-Ru26Vq0M.js","assets/kol-table-stateful.entry-CUXZvntA.js","assets/keyboard-77e19a81-D1ah5412.js","assets/table-selection-0290d830-BruTVBZ0.js","assets/kol-tabs.entry-CVvCTu57.js","assets/kol-textarea.entry-DW-7uI9s.js","assets/kol-toast-container.entry-CuzmpOUy.js","assets/kol-toolbar.entry-B3GRC982.js","assets/kol-version.entry-B5eaoAoT.js","assets/kol-alert-wc.entry-NaMIS_Sq.js","assets/kol-avatar-wc.entry-Ck_OcmED.js","assets/kol-button-wc.entry-BEqxkhvW.js","assets/button-variant-ebe4a1ea-CX-3FzG4.js","assets/kol-combobox.entry-C7rrt78W.js","assets/kol-heading-wc.entry-C2D2f34u.js","assets/kol-input.entry-Dm_LRueM.js","assets/kol-input-range.entry-CbOB6O6L.js","assets/kol-link-wc.entry-OrP4BYpI.js","assets/href-3ee53c2c-PHlWPWWM.js","assets/kol-popover-wc.entry-DOt0CfRd.js","assets/kol-single-select.entry-C640cQWV.js","assets/kol-span-wc.entry-CbPKYOdm.js","assets/badge-text-553534d4-qx_52jld.js","assets/kol-table-stateless-wc.entry-BCylZD1O.js","assets/kol-tooltip-wc.entry-C1WLicLJ.js","assets/kol-tree-item-wc.entry-CRUXQkOo.js","assets/kol-tree-wc.entry-MxySPLhs.js","assets/devtools-a4a870b9-CEiKOr2K.js"])))=>i.map(i=>d[i]);
 (function(){const r=document.createElement("link").relList;if(r&&r.supports&&r.supports("modulepreload"))return;for(const s of document.querySelectorAll('link[rel="modulepreload"]'))c(s);new MutationObserver(s=>{for(const u of s)if(u.type==="childList")for(const b of u.addedNodes)b.tagName==="LINK"&&b.rel==="modulepreload"&&c(b)}).observe(document,{childList:!0,subtree:!0});function l(s){const u={};return s.integrity&&(u.integrity=s.integrity),s.referrerPolicy&&(u.referrerPolicy=s.referrerPolicy),s.crossOrigin==="use-credentials"?u.credentials="include":s.crossOrigin==="anonymous"?u.credentials="omit":u.credentials="same-origin",u}function c(s){if(s.ep)return;s.ep=!0;const u=l(s);fetch(s.href,u)}})();function wb(n){return n&&n.__esModule&&Object.prototype.hasOwnProperty.call(n,"default")?n.default:n}var ih={exports:{}},hi={};/**
  * @license React
  * react-jsx-runtime.production.js
@@ -51,7 +51,7 @@ const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/kol-abbr.entry-
 Error generating stack: `+a.message+`
 `+a.stack}}function No(e){switch(typeof e){case"bigint":case"boolean":case"number":case"string":case"undefined":return e;case"object":return e;default:return""}}function fp(e){var o=e.type;return(e=e.nodeName)&&e.toLowerCase()==="input"&&(o==="checkbox"||o==="radio")}function r0(e){var o=fp(e)?"checked":"value",a=Object.getOwnPropertyDescriptor(e.constructor.prototype,o),i=""+e[o];if(!e.hasOwnProperty(o)&&typeof a<"u"&&typeof a.get=="function"&&typeof a.set=="function"){var d=a.get,h=a.set;return Object.defineProperty(e,o,{configurable:!0,get:function(){return d.call(this)},set:function(v){i=""+v,h.call(this,v)}}),Object.defineProperty(e,o,{enumerable:a.enumerable}),{getValue:function(){return i},setValue:function(v){i=""+v},stopTracking:function(){e._valueTracker=null,delete e[o]}}}}function Qi(e){e._valueTracker||(e._valueTracker=r0(e))}function vp(e){if(!e)return!1;var o=e._valueTracker;if(!o)return!0;var a=o.getValue(),i="";return e&&(i=fp(e)?e.checked?"true":"false":e.value),e=i,e!==a?(o.setValue(e),!0):!1}function Wi(e){if(e=e||(typeof document<"u"?document:void 0),typeof e>"u")return null;try{return e.activeElement||e.body}catch{return e.body}}var t0=/[\n"\\]/g;function $o(e){return e.replace(t0,function(o){return"\\"+o.charCodeAt(0).toString(16)+" "})}function td(e,o,a,i,d,h,v,k){e.name="",v!=null&&typeof v!="function"&&typeof v!="symbol"&&typeof v!="boolean"?e.type=v:e.removeAttribute("type"),o!=null?v==="number"?(o===0&&e.value===""||e.value!=o)&&(e.value=""+No(o)):e.value!==""+No(o)&&(e.value=""+No(o)):v!=="submit"&&v!=="reset"||e.removeAttribute("value"),o!=null?ad(e,v,No(o)):a!=null?ad(e,v,No(a)):i!=null&&e.removeAttribute("value"),d==null&&h!=null&&(e.defaultChecked=!!h),d!=null&&(e.checked=d&&typeof d!="function"&&typeof d!="symbol"),k!=null&&typeof k!="function"&&typeof k!="symbol"&&typeof k!="boolean"?e.name=""+No(k):e.removeAttribute("name")}function mp(e,o,a,i,d,h,v,k){if(h!=null&&typeof h!="function"&&typeof h!="symbol"&&typeof h!="boolean"&&(e.type=h),o!=null||a!=null){if(!(h!=="submit"&&h!=="reset"||o!=null))return;a=a!=null?""+No(a):"",o=o!=null?""+No(o):a,k||o===e.value||(e.value=o),e.defaultValue=o}i=i??d,i=typeof i!="function"&&typeof i!="symbol"&&!!i,e.checked=k?e.checked:!!i,e.defaultChecked=!!i,v!=null&&typeof v!="function"&&typeof v!="symbol"&&typeof v!="boolean"&&(e.name=v)}function ad(e,o,a){o==="number"&&Wi(e.ownerDocument)===e||e.defaultValue===""+a||(e.defaultValue=""+a)}function fa(e,o,a,i){if(e=e.options,o){o={};for(var d=0;d<a.length;d++)o["$"+a[d]]=!0;for(a=0;a<e.length;a++)d=o.hasOwnProperty("$"+e[a].value),e[a].selected!==d&&(e[a].selected=d),d&&i&&(e[a].defaultSelected=!0)}else{for(a=""+No(a),o=null,d=0;d<e.length;d++){if(e[d].value===a){e[d].selected=!0,i&&(e[d].defaultSelected=!0);return}o!==null||e[d].disabled||(o=e[d])}o!==null&&(o.selected=!0)}}function kp(e,o,a){if(o!=null&&(o=""+No(o),o!==e.value&&(e.value=o),a==null)){e.defaultValue!==o&&(e.defaultValue=o);return}e.defaultValue=a!=null?""+No(a):""}function yp(e,o,a,i){if(o==null){if(i!=null){if(a!=null)throw Error(c(92));if(Jn(i)){if(1<i.length)throw Error(c(93));i=i[0]}a=i}a==null&&(a=""),o=a}a=No(o),e.defaultValue=a,i=e.textContent,i===a&&i!==""&&i!==null&&(e.value=i)}function va(e,o){if(o){var a=e.firstChild;if(a&&a===e.lastChild&&a.nodeType===3){a.nodeValue=o;return}}e.textContent=o}var a0=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" "));function wp(e,o,a){var i=o.indexOf("--")===0;a==null||typeof a=="boolean"||a===""?i?e.setProperty(o,""):o==="float"?e.cssFloat="":e[o]="":i?e.setProperty(o,a):typeof a!="number"||a===0||a0.has(o)?o==="float"?e.cssFloat=a:e[o]=(""+a).trim():e[o]=a+"px"}function _p(e,o,a){if(o!=null&&typeof o!="object")throw Error(c(62));if(e=e.style,a!=null){for(var i in a)!a.hasOwnProperty(i)||o!=null&&o.hasOwnProperty(i)||(i.indexOf("--")===0?e.setProperty(i,""):i==="float"?e.cssFloat="":e[i]="");for(var d in o)i=o[d],o.hasOwnProperty(d)&&a[d]!==i&&wp(e,d,i)}else for(var h in o)o.hasOwnProperty(h)&&wp(e,h,o[h])}function ld(e){if(e.indexOf("-")===-1)return!1;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 l0=new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical","glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering","shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),i0=/^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i;function Ji(e){return i0.test(""+e)?"javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')":e}var id=null;function cd(e){return e=e.target||e.srcElement||window,e.correspondingUseElement&&(e=e.correspondingUseElement),e.nodeType===3?e.parentNode:e}var ma=null,ka=null;function xp(e){var o=ha(e);if(o&&(e=o.stateNode)){var a=e[so]||null;n:switch(e=o.stateNode,o.type){case"input":if(td(e,a.value,a.defaultValue,a.defaultValue,a.checked,a.defaultChecked,a.type,a.name),o=a.name,a.type==="radio"&&o!=null){for(a=e;a.parentNode;)a=a.parentNode;for(a=a.querySelectorAll('input[name="'+$o(""+o)+'"][type="radio"]'),o=0;o<a.length;o++){var i=a[o];if(i!==e&&i.form===e.form){var d=i[so]||null;if(!d)throw Error(c(90));td(i,d.value,d.defaultValue,d.defaultValue,d.checked,d.defaultChecked,d.type,d.name)}}for(o=0;o<a.length;o++)i=a[o],i.form===e.form&&vp(i)}break n;case"textarea":kp(e,a.value,a.defaultValue);break n;case"select":o=a.value,o!=null&&fa(e,!!a.multiple,o,!1)}}}var sd=!1;function zp(e,o,a){if(sd)return e(o,a);sd=!0;try{var i=e(o);return i}finally{if(sd=!1,(ma!==null||ka!==null)&&(Mc(),ma&&(o=ma,e=ka,ka=ma=null,xp(o),e)))for(o=0;o<e.length;o++)xp(e[o])}}function yl(e,o){var a=e.stateNode;if(a===null)return null;var i=a[so]||null;if(i===null)return null;a=i[o];n:switch(o){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(i=!i.disabled)||(e=e.type,i=!(e==="button"||e==="input"||e==="select"||e==="textarea")),e=!i;break n;default:e=!1}if(e)return null;if(a&&typeof a!="function")throw Error(c(231,o,typeof a));return a}var cr=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),dd=!1;if(cr)try{var wl={};Object.defineProperty(wl,"passive",{get:function(){dd=!0}}),window.addEventListener("test",wl,wl),window.removeEventListener("test",wl,wl)}catch{dd=!1}var Kr=null,ud=null,nc=null;function jp(){if(nc)return nc;var e,o=ud,a=o.length,i,d="value"in Kr?Kr.value:Kr.textContent,h=d.length;for(e=0;e<a&&o[e]===d[e];e++);var v=a-e;for(i=1;i<=v&&o[a-i]===d[h-i];i++);return nc=d.slice(e,1<i?1-i:void 0)}function ec(e){var o=e.keyCode;return"charCode"in e?(e=e.charCode,e===0&&o===13&&(e=13)):e=o,e===10&&(e=13),32<=e||e===13?e:0}function oc(){return!0}function Sp(){return!1}function uo(e){function o(a,i,d,h,v){this._reactName=a,this._targetInst=d,this.type=i,this.nativeEvent=h,this.target=v,this.currentTarget=null;for(var k in e)e.hasOwnProperty(k)&&(a=e[k],this[k]=a?a(h):h[k]);return this.isDefaultPrevented=(h.defaultPrevented!=null?h.defaultPrevented:h.returnValue===!1)?oc:Sp,this.isPropagationStopped=Sp,this}return m(o.prototype,{preventDefault:function(){this.defaultPrevented=!0;var a=this.nativeEvent;a&&(a.preventDefault?a.preventDefault():typeof a.returnValue!="unknown"&&(a.returnValue=!1),this.isDefaultPrevented=oc)},stopPropagation:function(){var a=this.nativeEvent;a&&(a.stopPropagation?a.stopPropagation():typeof a.cancelBubble!="unknown"&&(a.cancelBubble=!0),this.isPropagationStopped=oc)},persist:function(){},isPersistent:oc}),o}var jt={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(e){return e.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},rc=uo(jt),_l=m({},jt,{view:0,detail:0}),c0=uo(_l),hd,bd,xl,tc=m({},_l,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:gd,button:0,buttons:0,relatedTarget:function(e){return e.relatedTarget===void 0?e.fromElement===e.srcElement?e.toElement:e.fromElement:e.relatedTarget},movementX:function(e){return"movementX"in e?e.movementX:(e!==xl&&(xl&&e.type==="mousemove"?(hd=e.screenX-xl.screenX,bd=e.screenY-xl.screenY):bd=hd=0,xl=e),hd)},movementY:function(e){return"movementY"in e?e.movementY:bd}}),Tp=uo(tc),s0=m({},tc,{dataTransfer:0}),d0=uo(s0),u0=m({},_l,{relatedTarget:0}),pd=uo(u0),h0=m({},jt,{animationName:0,elapsedTime:0,pseudoElement:0}),b0=uo(h0),p0=m({},jt,{clipboardData:function(e){return"clipboardData"in e?e.clipboardData:window.clipboardData}}),g0=uo(p0),f0=m({},jt,{data:0}),Ap=uo(f0),v0={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},m0={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"},k0={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function y0(e){var o=this.nativeEvent;return o.getModifierState?o.getModifierState(e):(e=k0[e])?!!o[e]:!1}function gd(){return y0}var w0=m({},_l,{key:function(e){if(e.key){var o=v0[e.key]||e.key;if(o!=="Unidentified")return o}return e.type==="keypress"?(e=ec(e),e===13?"Enter":String.fromCharCode(e)):e.type==="keydown"||e.type==="keyup"?m0[e.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:gd,charCode:function(e){return e.type==="keypress"?ec(e):0},keyCode:function(e){return e.type==="keydown"||e.type==="keyup"?e.keyCode:0},which:function(e){return e.type==="keypress"?ec(e):e.type==="keydown"||e.type==="keyup"?e.keyCode:0}}),_0=uo(w0),x0=m({},tc,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),Ep=uo(x0),z0=m({},_l,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:gd}),j0=uo(z0),S0=m({},jt,{propertyName:0,elapsedTime:0,pseudoElement:0}),T0=uo(S0),A0=m({},tc,{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}),E0=uo(A0),O0=m({},jt,{newState:0,oldState:0}),L0=uo(O0),C0=[9,13,27,32],fd=cr&&"CompositionEvent"in window,zl=null;cr&&"documentMode"in document&&(zl=document.documentMode);var N0=cr&&"TextEvent"in window&&!zl,Op=cr&&(!fd||zl&&8<zl&&11>=zl),Lp=" ",Cp=!1;function Np(e,o){switch(e){case"keyup":return C0.indexOf(o.keyCode)!==-1;case"keydown":return o.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function $p(e){return e=e.detail,typeof e=="object"&&"data"in e?e.data:null}var ya=!1;function $0(e,o){switch(e){case"compositionend":return $p(o);case"keypress":return o.which!==32?null:(Cp=!0,Lp);case"textInput":return e=o.data,e===Lp&&Cp?null:e;default:return null}}function R0(e,o){if(ya)return e==="compositionend"||!fd&&Np(e,o)?(e=jp(),nc=ud=Kr=null,ya=!1,e):null;switch(e){case"paste":return null;case"keypress":if(!(o.ctrlKey||o.altKey||o.metaKey)||o.ctrlKey&&o.altKey){if(o.char&&1<o.char.length)return o.char;if(o.which)return String.fromCharCode(o.which)}return null;case"compositionend":return Op&&o.locale!=="ko"?null:o.data;default:return null}}var B0={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 Rp(e){var o=e&&e.nodeName&&e.nodeName.toLowerCase();return o==="input"?!!B0[e.type]:o==="textarea"}function Bp(e,o,a,i){ma?ka?ka.push(i):ka=[i]:ma=i,o=Vc(o,"onChange"),0<o.length&&(a=new rc("onChange","change",null,a,i),e.push({event:a,listeners:o}))}var jl=null,Sl=null;function D0(e){vv(e,0)}function ac(e){var o=kl(e);if(vp(o))return e}function Dp(e,o){if(e==="change")return o}var Mp=!1;if(cr){var vd;if(cr){var md="oninput"in document;if(!md){var Ip=document.createElement("div");Ip.setAttribute("oninput","return;"),md=typeof Ip.oninput=="function"}vd=md}else vd=!1;Mp=vd&&(!document.documentMode||9<document.documentMode)}function Kp(){jl&&(jl.detachEvent("onpropertychange",Hp),Sl=jl=null)}function Hp(e){if(e.propertyName==="value"&&ac(Sl)){var o=[];Bp(o,Sl,e,cd(e)),zp(D0,o)}}function M0(e,o,a){e==="focusin"?(Kp(),jl=o,Sl=a,jl.attachEvent("onpropertychange",Hp)):e==="focusout"&&Kp()}function I0(e){if(e==="selectionchange"||e==="keyup"||e==="keydown")return ac(Sl)}function K0(e,o){if(e==="click")return ac(o)}function H0(e,o){if(e==="input"||e==="change")return ac(o)}function U0(e,o){return e===o&&(e!==0||1/e===1/o)||e!==e&&o!==o}var ko=typeof Object.is=="function"?Object.is:U0;function Tl(e,o){if(ko(e,o))return!0;if(typeof e!="object"||e===null||typeof o!="object"||o===null)return!1;var a=Object.keys(e),i=Object.keys(o);if(a.length!==i.length)return!1;for(i=0;i<a.length;i++){var d=a[i];if(!yt.call(o,d)||!ko(e[d],o[d]))return!1}return!0}function Up(e){for(;e&&e.firstChild;)e=e.firstChild;return e}function Fp(e,o){var a=Up(e);e=0;for(var i;a;){if(a.nodeType===3){if(i=e+a.textContent.length,e<=o&&i>=o)return{node:a,offset:o-e};e=i}n:{for(;a;){if(a.nextSibling){a=a.nextSibling;break n}a=a.parentNode}a=void 0}a=Up(a)}}function Vp(e,o){return e&&o?e===o?!0:e&&e.nodeType===3?!1:o&&o.nodeType===3?Vp(e,o.parentNode):"contains"in e?e.contains(o):e.compareDocumentPosition?!!(e.compareDocumentPosition(o)&16):!1:!1}function qp(e){e=e!=null&&e.ownerDocument!=null&&e.ownerDocument.defaultView!=null?e.ownerDocument.defaultView:window;for(var o=Wi(e.document);o instanceof e.HTMLIFrameElement;){try{var a=typeof o.contentWindow.location.href=="string"}catch{a=!1}if(a)e=o.contentWindow;else break;o=Wi(e.document)}return o}function kd(e){var o=e&&e.nodeName&&e.nodeName.toLowerCase();return o&&(o==="input"&&(e.type==="text"||e.type==="search"||e.type==="tel"||e.type==="url"||e.type==="password")||o==="textarea"||e.contentEditable==="true")}var F0=cr&&"documentMode"in document&&11>=document.documentMode,wa=null,yd=null,Al=null,wd=!1;function Pp(e,o,a){var i=a.window===a?a.document:a.nodeType===9?a:a.ownerDocument;wd||wa==null||wa!==Wi(i)||(i=wa,"selectionStart"in i&&kd(i)?i={start:i.selectionStart,end:i.selectionEnd}:(i=(i.ownerDocument&&i.ownerDocument.defaultView||window).getSelection(),i={anchorNode:i.anchorNode,anchorOffset:i.anchorOffset,focusNode:i.focusNode,focusOffset:i.focusOffset}),Al&&Tl(Al,i)||(Al=i,i=Vc(yd,"onSelect"),0<i.length&&(o=new rc("onSelect","select",null,o,a),e.push({event:o,listeners:i}),o.target=wa)))}function St(e,o){var a={};return a[e.toLowerCase()]=o.toLowerCase(),a["Webkit"+e]="webkit"+o,a["Moz"+e]="moz"+o,a}var _a={animationend:St("Animation","AnimationEnd"),animationiteration:St("Animation","AnimationIteration"),animationstart:St("Animation","AnimationStart"),transitionrun:St("Transition","TransitionRun"),transitionstart:St("Transition","TransitionStart"),transitioncancel:St("Transition","TransitionCancel"),transitionend:St("Transition","TransitionEnd")},_d={},Gp={};cr&&(Gp=document.createElement("div").style,"AnimationEvent"in window||(delete _a.animationend.animation,delete _a.animationiteration.animation,delete _a.animationstart.animation),"TransitionEvent"in window||delete _a.transitionend.transition);function Tt(e){if(_d[e])return _d[e];if(!_a[e])return e;var o=_a[e],a;for(a in o)if(o.hasOwnProperty(a)&&a in Gp)return _d[e]=o[a];return e}var Zp=Tt("animationend"),Yp=Tt("animationiteration"),Xp=Tt("animationstart"),V0=Tt("transitionrun"),q0=Tt("transitionstart"),P0=Tt("transitioncancel"),Qp=Tt("transitionend"),Wp=new Map,xd="abort auxClick beforeToggle 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(" ");xd.push("scrollEnd");function Vo(e,o){Wp.set(e,o),zt(o,[e])}var Jp=new WeakMap;function Ro(e,o){if(typeof e=="object"&&e!==null){var a=Jp.get(e);return a!==void 0?a:(o={value:e,source:o,stack:gp(o)},Jp.set(e,o),o)}return{value:e,source:o,stack:gp(o)}}var Bo=[],xa=0,zd=0;function lc(){for(var e=xa,o=zd=xa=0;o<e;){var a=Bo[o];Bo[o++]=null;var i=Bo[o];Bo[o++]=null;var d=Bo[o];Bo[o++]=null;var h=Bo[o];if(Bo[o++]=null,i!==null&&d!==null){var v=i.pending;v===null?d.next=d:(d.next=v.next,v.next=d),i.pending=d}h!==0&&ng(a,d,h)}}function ic(e,o,a,i){Bo[xa++]=e,Bo[xa++]=o,Bo[xa++]=a,Bo[xa++]=i,zd|=i,e.lanes|=i,e=e.alternate,e!==null&&(e.lanes|=i)}function jd(e,o,a,i){return ic(e,o,a,i),cc(e)}function za(e,o){return ic(e,null,null,o),cc(e)}function ng(e,o,a){e.lanes|=a;var i=e.alternate;i!==null&&(i.lanes|=a);for(var d=!1,h=e.return;h!==null;)h.childLanes|=a,i=h.alternate,i!==null&&(i.childLanes|=a),h.tag===22&&(e=h.stateNode,e===null||e._visibility&1||(d=!0)),e=h,h=h.return;return e.tag===3?(h=e.stateNode,d&&o!==null&&(d=31-fe(a),e=h.hiddenUpdates,i=e[d],i===null?e[d]=[o]:i.push(o),o.lane=a|536870912),h):null}function cc(e){if(50<Jl)throw Jl=0,Lu=null,Error(c(185));for(var o=e.return;o!==null;)e=o,o=e.return;return e.tag===3?e.stateNode:null}var ja={};function G0(e,o,a,i){this.tag=e,this.key=a,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.refCleanup=this.ref=null,this.pendingProps=o,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=i,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function yo(e,o,a,i){return new G0(e,o,a,i)}function Sd(e){return e=e.prototype,!(!e||!e.isReactComponent)}function sr(e,o){var a=e.alternate;return a===null?(a=yo(e.tag,o,e.key,e.mode),a.elementType=e.elementType,a.type=e.type,a.stateNode=e.stateNode,a.alternate=e,e.alternate=a):(a.pendingProps=o,a.type=e.type,a.flags=0,a.subtreeFlags=0,a.deletions=null),a.flags=e.flags&65011712,a.childLanes=e.childLanes,a.lanes=e.lanes,a.child=e.child,a.memoizedProps=e.memoizedProps,a.memoizedState=e.memoizedState,a.updateQueue=e.updateQueue,o=e.dependencies,a.dependencies=o===null?null:{lanes:o.lanes,firstContext:o.firstContext},a.sibling=e.sibling,a.index=e.index,a.ref=e.ref,a.refCleanup=e.refCleanup,a}function eg(e,o){e.flags&=65011714;var a=e.alternate;return a===null?(e.childLanes=0,e.lanes=o,e.child=null,e.subtreeFlags=0,e.memoizedProps=null,e.memoizedState=null,e.updateQueue=null,e.dependencies=null,e.stateNode=null):(e.childLanes=a.childLanes,e.lanes=a.lanes,e.child=a.child,e.subtreeFlags=0,e.deletions=null,e.memoizedProps=a.memoizedProps,e.memoizedState=a.memoizedState,e.updateQueue=a.updateQueue,e.type=a.type,o=a.dependencies,e.dependencies=o===null?null:{lanes:o.lanes,firstContext:o.firstContext}),e}function sc(e,o,a,i,d,h){var v=0;if(i=e,typeof e=="function")Sd(e)&&(v=1);else if(typeof e=="string")v=Yx(e,a,pn.current)?26:e==="html"||e==="head"||e==="body"?27:5;else n:switch(e){case hn:return e=yo(31,a,o,d),e.elementType=hn,e.lanes=h,e;case O:return At(a.children,d,h,o);case A:v=8,d|=24;break;case E:return e=yo(12,a,o,d|2),e.elementType=E,e.lanes=h,e;case C:return e=yo(13,a,o,d),e.elementType=C,e.lanes=h,e;case Q:return e=yo(19,a,o,d),e.elementType=Q,e.lanes=h,e;default:if(typeof e=="object"&&e!==null)switch(e.$$typeof){case x:case G:v=10;break n;case M:v=9;break n;case J:v=11;break n;case en:v=14;break n;case un:v=16,i=null;break n}v=29,a=Error(c(130,e===null?"null":typeof e,"")),i=null}return o=yo(v,a,o,d),o.elementType=e,o.type=i,o.lanes=h,o}function At(e,o,a,i){return e=yo(7,e,i,o),e.lanes=a,e}function Td(e,o,a){return e=yo(6,e,null,o),e.lanes=a,e}function Ad(e,o,a){return o=yo(4,e.children!==null?e.children:[],e.key,o),o.lanes=a,o.stateNode={containerInfo:e.containerInfo,pendingChildren:null,implementation:e.implementation},o}var Sa=[],Ta=0,dc=null,uc=0,Do=[],Mo=0,Et=null,dr=1,ur="";function Ot(e,o){Sa[Ta++]=uc,Sa[Ta++]=dc,dc=e,uc=o}function og(e,o,a){Do[Mo++]=dr,Do[Mo++]=ur,Do[Mo++]=Et,Et=e;var i=dr;e=ur;var d=32-fe(i)-1;i&=~(1<<d),a+=1;var h=32-fe(o)+d;if(30<h){var v=d-d%5;h=(i&(1<<v)-1).toString(32),i>>=v,d-=v,dr=1<<32-fe(o)+d|a<<d|i,ur=h+e}else dr=1<<h|a<<d|i,ur=e}function Ed(e){e.return!==null&&(Ot(e,1),og(e,1,0))}function Od(e){for(;e===dc;)dc=Sa[--Ta],Sa[Ta]=null,uc=Sa[--Ta],Sa[Ta]=null;for(;e===Et;)Et=Do[--Mo],Do[Mo]=null,ur=Do[--Mo],Do[Mo]=null,dr=Do[--Mo],Do[Mo]=null}var ro=null,me=null,Zn=!1,Lt=null,Qo=!1,Ld=Error(c(519));function Ct(e){var o=Error(c(418,""));throw Ll(Ro(o,e)),Ld}function rg(e){var o=e.stateNode,a=e.type,i=e.memoizedProps;switch(o[Ye]=e,o[so]=i,a){case"dialog":In("cancel",o),In("close",o);break;case"iframe":case"object":case"embed":In("load",o);break;case"video":case"audio":for(a=0;a<ei.length;a++)In(ei[a],o);break;case"source":In("error",o);break;case"img":case"image":case"link":In("error",o),In("load",o);break;case"details":In("toggle",o);break;case"input":In("invalid",o),mp(o,i.value,i.defaultValue,i.checked,i.defaultChecked,i.type,i.name,!0),Qi(o);break;case"select":In("invalid",o);break;case"textarea":In("invalid",o),yp(o,i.value,i.defaultValue,i.children),Qi(o)}a=i.children,typeof a!="string"&&typeof a!="number"&&typeof a!="bigint"||o.textContent===""+a||i.suppressHydrationWarning===!0||wv(o.textContent,a)?(i.popover!=null&&(In("beforetoggle",o),In("toggle",o)),i.onScroll!=null&&In("scroll",o),i.onScrollEnd!=null&&In("scrollend",o),i.onClick!=null&&(o.onclick=qc),o=!0):o=!1,o||Ct(e)}function tg(e){for(ro=e.return;ro;)switch(ro.tag){case 5:case 13:Qo=!1;return;case 27:case 3:Qo=!0;return;default:ro=ro.return}}function El(e){if(e!==ro)return!1;if(!Zn)return tg(e),Zn=!0,!1;var o=e.tag,a;if((a=o!==3&&o!==27)&&((a=o===5)&&(a=e.type,a=!(a!=="form"&&a!=="button")||Gu(e.type,e.memoizedProps)),a=!a),a&&me&&Ct(e),tg(e),o===13){if(e=e.memoizedState,e=e!==null?e.dehydrated:null,!e)throw Error(c(317));n:{for(e=e.nextSibling,o=0;e;){if(e.nodeType===8)if(a=e.data,a==="/$"){if(o===0){me=Po(e.nextSibling);break n}o--}else a!=="$"&&a!=="$!"&&a!=="$?"||o++;e=e.nextSibling}me=null}}else o===27?(o=me,ot(e.type)?(e=Qu,Qu=null,me=e):me=o):me=ro?Po(e.stateNode.nextSibling):null;return!0}function Ol(){me=ro=null,Zn=!1}function ag(){var e=Lt;return e!==null&&(po===null?po=e:po.push.apply(po,e),Lt=null),e}function Ll(e){Lt===null?Lt=[e]:Lt.push(e)}var Cd=K(null),Nt=null,hr=null;function Hr(e,o,a){W(Cd,o._currentValue),o._currentValue=a}function br(e){e._currentValue=Cd.current,X(Cd)}function Nd(e,o,a){for(;e!==null;){var i=e.alternate;if((e.childLanes&o)!==o?(e.childLanes|=o,i!==null&&(i.childLanes|=o)):i!==null&&(i.childLanes&o)!==o&&(i.childLanes|=o),e===a)break;e=e.return}}function $d(e,o,a,i){var d=e.child;for(d!==null&&(d.return=e);d!==null;){var h=d.dependencies;if(h!==null){var v=d.child;h=h.firstContext;n:for(;h!==null;){var k=h;h=d;for(var z=0;z<o.length;z++)if(k.context===o[z]){h.lanes|=a,k=h.alternate,k!==null&&(k.lanes|=a),Nd(h.return,a,e),i||(v=null);break n}h=k.next}}else if(d.tag===18){if(v=d.return,v===null)throw Error(c(341));v.lanes|=a,h=v.alternate,h!==null&&(h.lanes|=a),Nd(v,a,e),v=null}else v=d.child;if(v!==null)v.return=d;else for(v=d;v!==null;){if(v===e){v=null;break}if(d=v.sibling,d!==null){d.return=v.return,v=d;break}v=v.return}d=v}}function Cl(e,o,a,i){e=null;for(var d=o,h=!1;d!==null;){if(!h){if((d.flags&524288)!==0)h=!0;else if((d.flags&262144)!==0)break}if(d.tag===10){var v=d.alternate;if(v===null)throw Error(c(387));if(v=v.memoizedProps,v!==null){var k=d.type;ko(d.pendingProps.value,v.value)||(e!==null?e.push(k):e=[k])}}else if(d===_e.current){if(v=d.alternate,v===null)throw Error(c(387));v.memoizedState.memoizedState!==d.memoizedState.memoizedState&&(e!==null?e.push(ii):e=[ii])}d=d.return}e!==null&&$d(o,e,a,i),o.flags|=262144}function hc(e){for(e=e.firstContext;e!==null;){if(!ko(e.context._currentValue,e.memoizedValue))return!0;e=e.next}return!1}function $t(e){Nt=e,hr=null,e=e.dependencies,e!==null&&(e.firstContext=null)}function Xe(e){return lg(Nt,e)}function bc(e,o){return Nt===null&&$t(e),lg(e,o)}function lg(e,o){var a=o._currentValue;if(o={context:o,memoizedValue:a,next:null},hr===null){if(e===null)throw Error(c(308));hr=o,e.dependencies={lanes:0,firstContext:o},e.flags|=524288}else hr=hr.next=o;return a}var Z0=typeof AbortController<"u"?AbortController:function(){var e=[],o=this.signal={aborted:!1,addEventListener:function(a,i){e.push(i)}};this.abort=function(){o.aborted=!0,e.forEach(function(a){return a()})}},Y0=n.unstable_scheduleCallback,X0=n.unstable_NormalPriority,Le={$$typeof:G,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0};function Rd(){return{controller:new Z0,data:new Map,refCount:0}}function Nl(e){e.refCount--,e.refCount===0&&Y0(X0,function(){e.controller.abort()})}var $l=null,Bd=0,Aa=0,Ea=null;function Q0(e,o){if($l===null){var a=$l=[];Bd=0,Aa=Mu(),Ea={status:"pending",value:void 0,then:function(i){a.push(i)}}}return Bd++,o.then(ig,ig),o}function ig(){if(--Bd===0&&$l!==null){Ea!==null&&(Ea.status="fulfilled");var e=$l;$l=null,Aa=0,Ea=null;for(var o=0;o<e.length;o++)(0,e[o])()}}function W0(e,o){var a=[],i={status:"pending",value:null,reason:null,then:function(d){a.push(d)}};return e.then(function(){i.status="fulfilled",i.value=o;for(var d=0;d<a.length;d++)(0,a[d])(o)},function(d){for(i.status="rejected",i.reason=d,d=0;d<a.length;d++)(0,a[d])(void 0)}),i}var cg=R.S;R.S=function(e,o){typeof o=="object"&&o!==null&&typeof o.then=="function"&&Q0(e,o),cg!==null&&cg(e,o)};var Rt=K(null);function Dd(){var e=Rt.current;return e!==null?e:ce.pooledCache}function pc(e,o){o===null?W(Rt,Rt.current):W(Rt,o.pool)}function sg(){var e=Dd();return e===null?null:{parent:Le._currentValue,pool:e}}var Rl=Error(c(460)),dg=Error(c(474)),gc=Error(c(542)),Md={then:function(){}};function ug(e){return e=e.status,e==="fulfilled"||e==="rejected"}function fc(){}function hg(e,o,a){switch(a=e[a],a===void 0?e.push(o):a!==o&&(o.then(fc,fc),o=a),o.status){case"fulfilled":return o.value;case"rejected":throw e=o.reason,pg(e),e;default:if(typeof o.status=="string")o.then(fc,fc);else{if(e=ce,e!==null&&100<e.shellSuspendCounter)throw Error(c(482));e=o,e.status="pending",e.then(function(i){if(o.status==="pending"){var d=o;d.status="fulfilled",d.value=i}},function(i){if(o.status==="pending"){var d=o;d.status="rejected",d.reason=i}})}switch(o.status){case"fulfilled":return o.value;case"rejected":throw e=o.reason,pg(e),e}throw Bl=o,Rl}}var Bl=null;function bg(){if(Bl===null)throw Error(c(459));var e=Bl;return Bl=null,e}function pg(e){if(e===Rl||e===gc)throw Error(c(483))}var Ur=!1;function Id(e){e.updateQueue={baseState:e.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function Kd(e,o){e=e.updateQueue,o.updateQueue===e&&(o.updateQueue={baseState:e.baseState,firstBaseUpdate:e.firstBaseUpdate,lastBaseUpdate:e.lastBaseUpdate,shared:e.shared,callbacks:null})}function Fr(e){return{lane:e,tag:0,payload:null,callback:null,next:null}}function Vr(e,o,a){var i=e.updateQueue;if(i===null)return null;if(i=i.shared,(ee&2)!==0){var d=i.pending;return d===null?o.next=o:(o.next=d.next,d.next=o),i.pending=o,o=cc(e),ng(e,null,a),o}return ic(e,i,o,a),cc(e)}function Dl(e,o,a){if(o=o.updateQueue,o!==null&&(o=o.shared,(a&4194048)!==0)){var i=o.lanes;i&=e.pendingLanes,a|=i,o.lanes=a,ip(e,a)}}function Hd(e,o){var a=e.updateQueue,i=e.alternate;if(i!==null&&(i=i.updateQueue,a===i)){var d=null,h=null;if(a=a.firstBaseUpdate,a!==null){do{var v={lane:a.lane,tag:a.tag,payload:a.payload,callback:null,next:null};h===null?d=h=v:h=h.next=v,a=a.next}while(a!==null);h===null?d=h=o:h=h.next=o}else d=h=o;a={baseState:i.baseState,firstBaseUpdate:d,lastBaseUpdate:h,shared:i.shared,callbacks:i.callbacks},e.updateQueue=a;return}e=a.lastBaseUpdate,e===null?a.firstBaseUpdate=o:e.next=o,a.lastBaseUpdate=o}var Ud=!1;function Ml(){if(Ud){var e=Ea;if(e!==null)throw e}}function Il(e,o,a,i){Ud=!1;var d=e.updateQueue;Ur=!1;var h=d.firstBaseUpdate,v=d.lastBaseUpdate,k=d.shared.pending;if(k!==null){d.shared.pending=null;var z=k,B=z.next;z.next=null,v===null?h=B:v.next=B,v=z;var F=e.alternate;F!==null&&(F=F.updateQueue,k=F.lastBaseUpdate,k!==v&&(k===null?F.firstBaseUpdate=B:k.next=B,F.lastBaseUpdate=z))}if(h!==null){var P=d.baseState;v=0,F=B=z=null,k=h;do{var D=k.lane&-536870913,I=D!==k.lane;if(I?(Fn&D)===D:(i&D)===D){D!==0&&D===Aa&&(Ud=!0),F!==null&&(F=F.next={lane:0,tag:k.tag,payload:k.payload,callback:null,next:null});n:{var Sn=e,_n=k;D=o;var ae=a;switch(_n.tag){case 1:if(Sn=_n.payload,typeof Sn=="function"){P=Sn.call(ae,P,D);break n}P=Sn;break n;case 3:Sn.flags=Sn.flags&-65537|128;case 0:if(Sn=_n.payload,D=typeof Sn=="function"?Sn.call(ae,P,D):Sn,D==null)break n;P=m({},P,D);break n;case 2:Ur=!0}}D=k.callback,D!==null&&(e.flags|=64,I&&(e.flags|=8192),I=d.callbacks,I===null?d.callbacks=[D]:I.push(D))}else I={lane:D,tag:k.tag,payload:k.payload,callback:k.callback,next:null},F===null?(B=F=I,z=P):F=F.next=I,v|=D;if(k=k.next,k===null){if(k=d.shared.pending,k===null)break;I=k,k=I.next,I.next=null,d.lastBaseUpdate=I,d.shared.pending=null}}while(!0);F===null&&(z=P),d.baseState=z,d.firstBaseUpdate=B,d.lastBaseUpdate=F,h===null&&(d.shared.lanes=0),Wr|=v,e.lanes=v,e.memoizedState=P}}function gg(e,o){if(typeof e!="function")throw Error(c(191,e));e.call(o)}function fg(e,o){var a=e.callbacks;if(a!==null)for(e.callbacks=null,e=0;e<a.length;e++)gg(a[e],o)}var Oa=K(null),vc=K(0);function vg(e,o){e=yr,W(vc,e),W(Oa,o),yr=e|o.baseLanes}function Fd(){W(vc,yr),W(Oa,Oa.current)}function Vd(){yr=vc.current,X(Oa),X(vc)}var qr=0,$n=null,re=null,Ee=null,mc=!1,La=!1,Bt=!1,kc=0,Kl=0,Ca=null,J0=0;function ze(){throw Error(c(321))}function qd(e,o){if(o===null)return!1;for(var a=0;a<o.length&&a<e.length;a++)if(!ko(e[a],o[a]))return!1;return!0}function Pd(e,o,a,i,d,h){return qr=h,$n=o,o.memoizedState=null,o.updateQueue=null,o.lanes=0,R.H=e===null||e.memoizedState===null?nf:ef,Bt=!1,h=a(i,d),Bt=!1,La&&(h=kg(o,a,i,d)),mg(e),h}function mg(e){R.H=jc;var o=re!==null&&re.next!==null;if(qr=0,Ee=re=$n=null,mc=!1,Kl=0,Ca=null,o)throw Error(c(300));e===null||De||(e=e.dependencies,e!==null&&hc(e)&&(De=!0))}function kg(e,o,a,i){$n=e;var d=0;do{if(La&&(Ca=null),Kl=0,La=!1,25<=d)throw Error(c(301));if(d+=1,Ee=re=null,e.updateQueue!=null){var h=e.updateQueue;h.lastEffect=null,h.events=null,h.stores=null,h.memoCache!=null&&(h.memoCache.index=0)}R.H=lx,h=o(a,i)}while(La);return h}function nx(){var e=R.H,o=e.useState()[0];return o=typeof o.then=="function"?Hl(o):o,e=e.useState()[0],(re!==null?re.memoizedState:null)!==e&&($n.flags|=1024),o}function Gd(){var e=kc!==0;return kc=0,e}function Zd(e,o,a){o.updateQueue=e.updateQueue,o.flags&=-2053,e.lanes&=~a}function Yd(e){if(mc){for(e=e.memoizedState;e!==null;){var o=e.queue;o!==null&&(o.pending=null),e=e.next}mc=!1}qr=0,Ee=re=$n=null,La=!1,Kl=kc=0,Ca=null}function ho(){var e={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return Ee===null?$n.memoizedState=Ee=e:Ee=Ee.next=e,Ee}function Oe(){if(re===null){var e=$n.alternate;e=e!==null?e.memoizedState:null}else e=re.next;var o=Ee===null?$n.memoizedState:Ee.next;if(o!==null)Ee=o,re=e;else{if(e===null)throw $n.alternate===null?Error(c(467)):Error(c(310));re=e,e={memoizedState:re.memoizedState,baseState:re.baseState,baseQueue:re.baseQueue,queue:re.queue,next:null},Ee===null?$n.memoizedState=Ee=e:Ee=Ee.next=e}return Ee}function Xd(){return{lastEffect:null,events:null,stores:null,memoCache:null}}function Hl(e){var o=Kl;return Kl+=1,Ca===null&&(Ca=[]),e=hg(Ca,e,o),o=$n,(Ee===null?o.memoizedState:Ee.next)===null&&(o=o.alternate,R.H=o===null||o.memoizedState===null?nf:ef),e}function yc(e){if(e!==null&&typeof e=="object"){if(typeof e.then=="function")return Hl(e);if(e.$$typeof===G)return Xe(e)}throw Error(c(438,String(e)))}function Qd(e){var o=null,a=$n.updateQueue;if(a!==null&&(o=a.memoCache),o==null){var i=$n.alternate;i!==null&&(i=i.updateQueue,i!==null&&(i=i.memoCache,i!=null&&(o={data:i.data.map(function(d){return d.slice()}),index:0})))}if(o==null&&(o={data:[],index:0}),a===null&&(a=Xd(),$n.updateQueue=a),a.memoCache=o,a=o.data[o.index],a===void 0)for(a=o.data[o.index]=Array(e),i=0;i<e;i++)a[i]=Un;return o.index++,a}function pr(e,o){return typeof o=="function"?o(e):o}function wc(e){var o=Oe();return Wd(o,re,e)}function Wd(e,o,a){var i=e.queue;if(i===null)throw Error(c(311));i.lastRenderedReducer=a;var d=e.baseQueue,h=i.pending;if(h!==null){if(d!==null){var v=d.next;d.next=h.next,h.next=v}o.baseQueue=d=h,i.pending=null}if(h=e.baseState,d===null)e.memoizedState=h;else{o=d.next;var k=v=null,z=null,B=o,F=!1;do{var P=B.lane&-536870913;if(P!==B.lane?(Fn&P)===P:(qr&P)===P){var D=B.revertLane;if(D===0)z!==null&&(z=z.next={lane:0,revertLane:0,action:B.action,hasEagerState:B.hasEagerState,eagerState:B.eagerState,next:null}),P===Aa&&(F=!0);else if((qr&D)===D){B=B.next,D===Aa&&(F=!0);continue}else P={lane:0,revertLane:B.revertLane,action:B.action,hasEagerState:B.hasEagerState,eagerState:B.eagerState,next:null},z===null?(k=z=P,v=h):z=z.next=P,$n.lanes|=D,Wr|=D;P=B.action,Bt&&a(h,P),h=B.hasEagerState?B.eagerState:a(h,P)}else D={lane:P,revertLane:B.revertLane,action:B.action,hasEagerState:B.hasEagerState,eagerState:B.eagerState,next:null},z===null?(k=z=D,v=h):z=z.next=D,$n.lanes|=P,Wr|=P;B=B.next}while(B!==null&&B!==o);if(z===null?v=h:z.next=k,!ko(h,e.memoizedState)&&(De=!0,F&&(a=Ea,a!==null)))throw a;e.memoizedState=h,e.baseState=v,e.baseQueue=z,i.lastRenderedState=h}return d===null&&(i.lanes=0),[e.memoizedState,i.dispatch]}function Jd(e){var o=Oe(),a=o.queue;if(a===null)throw Error(c(311));a.lastRenderedReducer=e;var i=a.dispatch,d=a.pending,h=o.memoizedState;if(d!==null){a.pending=null;var v=d=d.next;do h=e(h,v.action),v=v.next;while(v!==d);ko(h,o.memoizedState)||(De=!0),o.memoizedState=h,o.baseQueue===null&&(o.baseState=h),a.lastRenderedState=h}return[h,i]}function yg(e,o,a){var i=$n,d=Oe(),h=Zn;if(h){if(a===void 0)throw Error(c(407));a=a()}else a=o();var v=!ko((re||d).memoizedState,a);v&&(d.memoizedState=a,De=!0),d=d.queue;var k=xg.bind(null,i,d,e);if(Ul(2048,8,k,[e]),d.getSnapshot!==o||v||Ee!==null&&Ee.memoizedState.tag&1){if(i.flags|=2048,Na(9,_c(),_g.bind(null,i,d,a,o),null),ce===null)throw Error(c(349));h||(qr&124)!==0||wg(i,o,a)}return a}function wg(e,o,a){e.flags|=16384,e={getSnapshot:o,value:a},o=$n.updateQueue,o===null?(o=Xd(),$n.updateQueue=o,o.stores=[e]):(a=o.stores,a===null?o.stores=[e]:a.push(e))}function _g(e,o,a,i){o.value=a,o.getSnapshot=i,zg(o)&&jg(e)}function xg(e,o,a){return a(function(){zg(o)&&jg(e)})}function zg(e){var o=e.getSnapshot;e=e.value;try{var a=o();return!ko(e,a)}catch{return!0}}function jg(e){var o=za(e,2);o!==null&&jo(o,e,2)}function nu(e){var o=ho();if(typeof e=="function"){var a=e;if(e=a(),Bt){be(!0);try{a()}finally{be(!1)}}}return o.memoizedState=o.baseState=e,o.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:pr,lastRenderedState:e},o}function Sg(e,o,a,i){return e.baseState=a,Wd(e,re,typeof i=="function"?i:pr)}function ex(e,o,a,i,d){if(zc(e))throw Error(c(485));if(e=o.action,e!==null){var h={payload:d,action:e,next:null,isTransition:!0,status:"pending",value:null,reason:null,listeners:[],then:function(v){h.listeners.push(v)}};R.T!==null?a(!0):h.isTransition=!1,i(h),a=o.pending,a===null?(h.next=o.pending=h,Tg(o,h)):(h.next=a.next,o.pending=a.next=h)}}function Tg(e,o){var a=o.action,i=o.payload,d=e.state;if(o.isTransition){var h=R.T,v={};R.T=v;try{var k=a(d,i),z=R.S;z!==null&&z(v,k),Ag(e,o,k)}catch(B){eu(e,o,B)}finally{R.T=h}}else try{h=a(d,i),Ag(e,o,h)}catch(B){eu(e,o,B)}}function Ag(e,o,a){a!==null&&typeof a=="object"&&typeof a.then=="function"?a.then(function(i){Eg(e,o,i)},function(i){return eu(e,o,i)}):Eg(e,o,a)}function Eg(e,o,a){o.status="fulfilled",o.value=a,Og(o),e.state=a,o=e.pending,o!==null&&(a=o.next,a===o?e.pending=null:(a=a.next,o.next=a,Tg(e,a)))}function eu(e,o,a){var i=e.pending;if(e.pending=null,i!==null){i=i.next;do o.status="rejected",o.reason=a,Og(o),o=o.next;while(o!==i)}e.action=null}function Og(e){e=e.listeners;for(var o=0;o<e.length;o++)(0,e[o])()}function Lg(e,o){return o}function Cg(e,o){if(Zn){var a=ce.formState;if(a!==null){n:{var i=$n;if(Zn){if(me){e:{for(var d=me,h=Qo;d.nodeType!==8;){if(!h){d=null;break e}if(d=Po(d.nextSibling),d===null){d=null;break e}}h=d.data,d=h==="F!"||h==="F"?d:null}if(d){me=Po(d.nextSibling),i=d.data==="F!";break n}}Ct(i)}i=!1}i&&(o=a[0])}}return a=ho(),a.memoizedState=a.baseState=o,i={pending:null,lanes:0,dispatch:null,lastRenderedReducer:Lg,lastRenderedState:o},a.queue=i,a=Qg.bind(null,$n,i),i.dispatch=a,i=nu(!1),h=lu.bind(null,$n,!1,i.queue),i=ho(),d={state:o,dispatch:null,action:e,pending:null},i.queue=d,a=ex.bind(null,$n,d,h,a),d.dispatch=a,i.memoizedState=e,[o,a,!1]}function Ng(e){var o=Oe();return $g(o,re,e)}function $g(e,o,a){if(o=Wd(e,o,Lg)[0],e=wc(pr)[0],typeof o=="object"&&o!==null&&typeof o.then=="function")try{var i=Hl(o)}catch(v){throw v===Rl?gc:v}else i=o;o=Oe();var d=o.queue,h=d.dispatch;return a!==o.memoizedState&&($n.flags|=2048,Na(9,_c(),ox.bind(null,d,a),null)),[i,h,e]}function ox(e,o){e.action=o}function Rg(e){var o=Oe(),a=re;if(a!==null)return $g(o,a,e);Oe(),o=o.memoizedState,a=Oe();var i=a.queue.dispatch;return a.memoizedState=e,[o,i,!1]}function Na(e,o,a,i){return e={tag:e,create:a,deps:i,inst:o,next:null},o=$n.updateQueue,o===null&&(o=Xd(),$n.updateQueue=o),a=o.lastEffect,a===null?o.lastEffect=e.next=e:(i=a.next,a.next=e,e.next=i,o.lastEffect=e),e}function _c(){return{destroy:void 0,resource:void 0}}function Bg(){return Oe().memoizedState}function xc(e,o,a,i){var d=ho();i=i===void 0?null:i,$n.flags|=e,d.memoizedState=Na(1|o,_c(),a,i)}function Ul(e,o,a,i){var d=Oe();i=i===void 0?null:i;var h=d.memoizedState.inst;re!==null&&i!==null&&qd(i,re.memoizedState.deps)?d.memoizedState=Na(o,h,a,i):($n.flags|=e,d.memoizedState=Na(1|o,h,a,i))}function Dg(e,o){xc(8390656,8,e,o)}function Mg(e,o){Ul(2048,8,e,o)}function Ig(e,o){return Ul(4,2,e,o)}function Kg(e,o){return Ul(4,4,e,o)}function Hg(e,o){if(typeof o=="function"){e=e();var a=o(e);return function(){typeof a=="function"?a():o(null)}}if(o!=null)return e=e(),o.current=e,function(){o.current=null}}function Ug(e,o,a){a=a!=null?a.concat([e]):null,Ul(4,4,Hg.bind(null,o,e),a)}function ou(){}function Fg(e,o){var a=Oe();o=o===void 0?null:o;var i=a.memoizedState;return o!==null&&qd(o,i[1])?i[0]:(a.memoizedState=[e,o],e)}function Vg(e,o){var a=Oe();o=o===void 0?null:o;var i=a.memoizedState;if(o!==null&&qd(o,i[1]))return i[0];if(i=e(),Bt){be(!0);try{e()}finally{be(!1)}}return a.memoizedState=[i,o],i}function ru(e,o,a){return a===void 0||(qr&1073741824)!==0?e.memoizedState=o:(e.memoizedState=a,e=Zf(),$n.lanes|=e,Wr|=e,a)}function qg(e,o,a,i){return ko(a,o)?a:Oa.current!==null?(e=ru(e,a,i),ko(e,o)||(De=!0),e):(qr&42)===0?(De=!0,e.memoizedState=a):(e=Zf(),$n.lanes|=e,Wr|=e,o)}function Pg(e,o,a,i,d){var h=q.p;q.p=h!==0&&8>h?h:8;var v=R.T,k={};R.T=k,lu(e,!1,o,a);try{var z=d(),B=R.S;if(B!==null&&B(k,z),z!==null&&typeof z=="object"&&typeof z.then=="function"){var F=W0(z,i);Fl(e,o,F,zo(e))}else Fl(e,o,i,zo(e))}catch(P){Fl(e,o,{then:function(){},status:"rejected",reason:P},zo())}finally{q.p=h,R.T=v}}function rx(){}function tu(e,o,a,i){if(e.tag!==5)throw Error(c(476));var d=Gg(e).queue;Pg(e,d,o,nn,a===null?rx:function(){return Zg(e),a(i)})}function Gg(e){var o=e.memoizedState;if(o!==null)return o;o={memoizedState:nn,baseState:nn,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:pr,lastRenderedState:nn},next:null};var a={};return o.next={memoizedState:a,baseState:a,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:pr,lastRenderedState:a},next:null},e.memoizedState=o,e=e.alternate,e!==null&&(e.memoizedState=o),o}function Zg(e){var o=Gg(e).next.queue;Fl(e,o,{},zo())}function au(){return Xe(ii)}function Yg(){return Oe().memoizedState}function Xg(){return Oe().memoizedState}function tx(e){for(var o=e.return;o!==null;){switch(o.tag){case 24:case 3:var a=zo();e=Fr(a);var i=Vr(o,e,a);i!==null&&(jo(i,o,a),Dl(i,o,a)),o={cache:Rd()},e.payload=o;return}o=o.return}}function ax(e,o,a){var i=zo();a={lane:i,revertLane:0,action:a,hasEagerState:!1,eagerState:null,next:null},zc(e)?Wg(o,a):(a=jd(e,o,a,i),a!==null&&(jo(a,e,i),Jg(a,o,i)))}function Qg(e,o,a){var i=zo();Fl(e,o,a,i)}function Fl(e,o,a,i){var d={lane:i,revertLane:0,action:a,hasEagerState:!1,eagerState:null,next:null};if(zc(e))Wg(o,d);else{var h=e.alternate;if(e.lanes===0&&(h===null||h.lanes===0)&&(h=o.lastRenderedReducer,h!==null))try{var v=o.lastRenderedState,k=h(v,a);if(d.hasEagerState=!0,d.eagerState=k,ko(k,v))return ic(e,o,d,0),ce===null&&lc(),!1}catch{}finally{}if(a=jd(e,o,d,i),a!==null)return jo(a,e,i),Jg(a,o,i),!0}return!1}function lu(e,o,a,i){if(i={lane:2,revertLane:Mu(),action:i,hasEagerState:!1,eagerState:null,next:null},zc(e)){if(o)throw Error(c(479))}else o=jd(e,a,i,2),o!==null&&jo(o,e,2)}function zc(e){var o=e.alternate;return e===$n||o!==null&&o===$n}function Wg(e,o){La=mc=!0;var a=e.pending;a===null?o.next=o:(o.next=a.next,a.next=o),e.pending=o}function Jg(e,o,a){if((a&4194048)!==0){var i=o.lanes;i&=e.pendingLanes,a|=i,o.lanes=a,ip(e,a)}}var jc={readContext:Xe,use:yc,useCallback:ze,useContext:ze,useEffect:ze,useImperativeHandle:ze,useLayoutEffect:ze,useInsertionEffect:ze,useMemo:ze,useReducer:ze,useRef:ze,useState:ze,useDebugValue:ze,useDeferredValue:ze,useTransition:ze,useSyncExternalStore:ze,useId:ze,useHostTransitionStatus:ze,useFormState:ze,useActionState:ze,useOptimistic:ze,useMemoCache:ze,useCacheRefresh:ze},nf={readContext:Xe,use:yc,useCallback:function(e,o){return ho().memoizedState=[e,o===void 0?null:o],e},useContext:Xe,useEffect:Dg,useImperativeHandle:function(e,o,a){a=a!=null?a.concat([e]):null,xc(4194308,4,Hg.bind(null,o,e),a)},useLayoutEffect:function(e,o){return xc(4194308,4,e,o)},useInsertionEffect:function(e,o){xc(4,2,e,o)},useMemo:function(e,o){var a=ho();o=o===void 0?null:o;var i=e();if(Bt){be(!0);try{e()}finally{be(!1)}}return a.memoizedState=[i,o],i},useReducer:function(e,o,a){var i=ho();if(a!==void 0){var d=a(o);if(Bt){be(!0);try{a(o)}finally{be(!1)}}}else d=o;return i.memoizedState=i.baseState=d,e={pending:null,lanes:0,dispatch:null,lastRenderedReducer:e,lastRenderedState:d},i.queue=e,e=e.dispatch=ax.bind(null,$n,e),[i.memoizedState,e]},useRef:function(e){var o=ho();return e={current:e},o.memoizedState=e},useState:function(e){e=nu(e);var o=e.queue,a=Qg.bind(null,$n,o);return o.dispatch=a,[e.memoizedState,a]},useDebugValue:ou,useDeferredValue:function(e,o){var a=ho();return ru(a,e,o)},useTransition:function(){var e=nu(!1);return e=Pg.bind(null,$n,e.queue,!0,!1),ho().memoizedState=e,[!1,e]},useSyncExternalStore:function(e,o,a){var i=$n,d=ho();if(Zn){if(a===void 0)throw Error(c(407));a=a()}else{if(a=o(),ce===null)throw Error(c(349));(Fn&124)!==0||wg(i,o,a)}d.memoizedState=a;var h={value:a,getSnapshot:o};return d.queue=h,Dg(xg.bind(null,i,h,e),[e]),i.flags|=2048,Na(9,_c(),_g.bind(null,i,h,a,o),null),a},useId:function(){var e=ho(),o=ce.identifierPrefix;if(Zn){var a=ur,i=dr;a=(i&~(1<<32-fe(i)-1)).toString(32)+a,o="«"+o+"R"+a,a=kc++,0<a&&(o+="H"+a.toString(32)),o+="»"}else a=J0++,o="«"+o+"r"+a.toString(32)+"»";return e.memoizedState=o},useHostTransitionStatus:au,useFormState:Cg,useActionState:Cg,useOptimistic:function(e){var o=ho();o.memoizedState=o.baseState=e;var a={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};return o.queue=a,o=lu.bind(null,$n,!0,a),a.dispatch=o,[e,o]},useMemoCache:Qd,useCacheRefresh:function(){return ho().memoizedState=tx.bind(null,$n)}},ef={readContext:Xe,use:yc,useCallback:Fg,useContext:Xe,useEffect:Mg,useImperativeHandle:Ug,useInsertionEffect:Ig,useLayoutEffect:Kg,useMemo:Vg,useReducer:wc,useRef:Bg,useState:function(){return wc(pr)},useDebugValue:ou,useDeferredValue:function(e,o){var a=Oe();return qg(a,re.memoizedState,e,o)},useTransition:function(){var e=wc(pr)[0],o=Oe().memoizedState;return[typeof e=="boolean"?e:Hl(e),o]},useSyncExternalStore:yg,useId:Yg,useHostTransitionStatus:au,useFormState:Ng,useActionState:Ng,useOptimistic:function(e,o){var a=Oe();return Sg(a,re,e,o)},useMemoCache:Qd,useCacheRefresh:Xg},lx={readContext:Xe,use:yc,useCallback:Fg,useContext:Xe,useEffect:Mg,useImperativeHandle:Ug,useInsertionEffect:Ig,useLayoutEffect:Kg,useMemo:Vg,useReducer:Jd,useRef:Bg,useState:function(){return Jd(pr)},useDebugValue:ou,useDeferredValue:function(e,o){var a=Oe();return re===null?ru(a,e,o):qg(a,re.memoizedState,e,o)},useTransition:function(){var e=Jd(pr)[0],o=Oe().memoizedState;return[typeof e=="boolean"?e:Hl(e),o]},useSyncExternalStore:yg,useId:Yg,useHostTransitionStatus:au,useFormState:Rg,useActionState:Rg,useOptimistic:function(e,o){var a=Oe();return re!==null?Sg(a,re,e,o):(a.baseState=e,[e,a.queue.dispatch])},useMemoCache:Qd,useCacheRefresh:Xg},$a=null,Vl=0;function Sc(e){var o=Vl;return Vl+=1,$a===null&&($a=[]),hg($a,e,o)}function ql(e,o){o=o.props.ref,e.ref=o!==void 0?o:null}function Tc(e,o){throw o.$$typeof===y?Error(c(525)):(e=Object.prototype.toString.call(o),Error(c(31,e==="[object Object]"?"object with keys {"+Object.keys(o).join(", ")+"}":e)))}function of(e){var o=e._init;return o(e._payload)}function rf(e){function o(L,T){if(e){var $=L.deletions;$===null?(L.deletions=[T],L.flags|=16):$.push(T)}}function a(L,T){if(!e)return null;for(;T!==null;)o(L,T),T=T.sibling;return null}function i(L){for(var T=new Map;L!==null;)L.key!==null?T.set(L.key,L):T.set(L.index,L),L=L.sibling;return T}function d(L,T){return L=sr(L,T),L.index=0,L.sibling=null,L}function h(L,T,$){return L.index=$,e?($=L.alternate,$!==null?($=$.index,$<T?(L.flags|=67108866,T):$):(L.flags|=67108866,T)):(L.flags|=1048576,T)}function v(L){return e&&L.alternate===null&&(L.flags|=67108866),L}function k(L,T,$,V){return T===null||T.tag!==6?(T=Td($,L.mode,V),T.return=L,T):(T=d(T,$),T.return=L,T)}function z(L,T,$,V){var sn=$.type;return sn===O?F(L,T,$.props.children,V,$.key):T!==null&&(T.elementType===sn||typeof sn=="object"&&sn!==null&&sn.$$typeof===un&&of(sn)===T.type)?(T=d(T,$.props),ql(T,$),T.return=L,T):(T=sc($.type,$.key,$.props,null,L.mode,V),ql(T,$),T.return=L,T)}function B(L,T,$,V){return T===null||T.tag!==4||T.stateNode.containerInfo!==$.containerInfo||T.stateNode.implementation!==$.implementation?(T=Ad($,L.mode,V),T.return=L,T):(T=d(T,$.children||[]),T.return=L,T)}function F(L,T,$,V,sn){return T===null||T.tag!==7?(T=At($,L.mode,V,sn),T.return=L,T):(T=d(T,$),T.return=L,T)}function P(L,T,$){if(typeof T=="string"&&T!==""||typeof T=="number"||typeof T=="bigint")return T=Td(""+T,L.mode,$),T.return=L,T;if(typeof T=="object"&&T!==null){switch(T.$$typeof){case _:return $=sc(T.type,T.key,T.props,null,L.mode,$),ql($,T),$.return=L,$;case S:return T=Ad(T,L.mode,$),T.return=L,T;case un:var V=T._init;return T=V(T._payload),P(L,T,$)}if(Jn(T)||cn(T))return T=At(T,L.mode,$,null),T.return=L,T;if(typeof T.then=="function")return P(L,Sc(T),$);if(T.$$typeof===G)return P(L,bc(L,T),$);Tc(L,T)}return null}function D(L,T,$,V){var sn=T!==null?T.key:null;if(typeof $=="string"&&$!==""||typeof $=="number"||typeof $=="bigint")return sn!==null?null:k(L,T,""+$,V);if(typeof $=="object"&&$!==null){switch($.$$typeof){case _:return $.key===sn?z(L,T,$,V):null;case S:return $.key===sn?B(L,T,$,V):null;case un:return sn=$._init,$=sn($._payload),D(L,T,$,V)}if(Jn($)||cn($))return sn!==null?null:F(L,T,$,V,null);if(typeof $.then=="function")return D(L,T,Sc($),V);if($.$$typeof===G)return D(L,T,bc(L,$),V);Tc(L,$)}return null}function I(L,T,$,V,sn){if(typeof V=="string"&&V!==""||typeof V=="number"||typeof V=="bigint")return L=L.get($)||null,k(T,L,""+V,sn);if(typeof V=="object"&&V!==null){switch(V.$$typeof){case _:return L=L.get(V.key===null?$:V.key)||null,z(T,L,V,sn);case S:return L=L.get(V.key===null?$:V.key)||null,B(T,L,V,sn);case un:var Rn=V._init;return V=Rn(V._payload),I(L,T,$,V,sn)}if(Jn(V)||cn(V))return L=L.get($)||null,F(T,L,V,sn,null);if(typeof V.then=="function")return I(L,T,$,Sc(V),sn);if(V.$$typeof===G)return I(L,T,$,bc(T,V),sn);Tc(T,V)}return null}function Sn(L,T,$,V){for(var sn=null,Rn=null,mn=T,zn=T=0,Ie=null;mn!==null&&zn<$.length;zn++){mn.index>zn?(Ie=mn,mn=null):Ie=mn.sibling;var qn=D(L,mn,$[zn],V);if(qn===null){mn===null&&(mn=Ie);break}e&&mn&&qn.alternate===null&&o(L,mn),T=h(qn,T,zn),Rn===null?sn=qn:Rn.sibling=qn,Rn=qn,mn=Ie}if(zn===$.length)return a(L,mn),Zn&&Ot(L,zn),sn;if(mn===null){for(;zn<$.length;zn++)mn=P(L,$[zn],V),mn!==null&&(T=h(mn,T,zn),Rn===null?sn=mn:Rn.sibling=mn,Rn=mn);return Zn&&Ot(L,zn),sn}for(mn=i(mn);zn<$.length;zn++)Ie=I(mn,L,zn,$[zn],V),Ie!==null&&(e&&Ie.alternate!==null&&mn.delete(Ie.key===null?zn:Ie.key),T=h(Ie,T,zn),Rn===null?sn=Ie:Rn.sibling=Ie,Rn=Ie);return e&&mn.forEach(function(it){return o(L,it)}),Zn&&Ot(L,zn),sn}function _n(L,T,$,V){if($==null)throw Error(c(151));for(var sn=null,Rn=null,mn=T,zn=T=0,Ie=null,qn=$.next();mn!==null&&!qn.done;zn++,qn=$.next()){mn.index>zn?(Ie=mn,mn=null):Ie=mn.sibling;var it=D(L,mn,qn.value,V);if(it===null){mn===null&&(mn=Ie);break}e&&mn&&it.alternate===null&&o(L,mn),T=h(it,T,zn),Rn===null?sn=it:Rn.sibling=it,Rn=it,mn=Ie}if(qn.done)return a(L,mn),Zn&&Ot(L,zn),sn;if(mn===null){for(;!qn.done;zn++,qn=$.next())qn=P(L,qn.value,V),qn!==null&&(T=h(qn,T,zn),Rn===null?sn=qn:Rn.sibling=qn,Rn=qn);return Zn&&Ot(L,zn),sn}for(mn=i(mn);!qn.done;zn++,qn=$.next())qn=I(mn,L,zn,qn.value,V),qn!==null&&(e&&qn.alternate!==null&&mn.delete(qn.key===null?zn:qn.key),T=h(qn,T,zn),Rn===null?sn=qn:Rn.sibling=qn,Rn=qn);return e&&mn.forEach(function(iz){return o(L,iz)}),Zn&&Ot(L,zn),sn}function ae(L,T,$,V){if(typeof $=="object"&&$!==null&&$.type===O&&$.key===null&&($=$.props.children),typeof $=="object"&&$!==null){switch($.$$typeof){case _:n:{for(var sn=$.key;T!==null;){if(T.key===sn){if(sn=$.type,sn===O){if(T.tag===7){a(L,T.sibling),V=d(T,$.props.children),V.return=L,L=V;break n}}else if(T.elementType===sn||typeof sn=="object"&&sn!==null&&sn.$$typeof===un&&of(sn)===T.type){a(L,T.sibling),V=d(T,$.props),ql(V,$),V.return=L,L=V;break n}a(L,T);break}else o(L,T);T=T.sibling}$.type===O?(V=At($.props.children,L.mode,V,$.key),V.return=L,L=V):(V=sc($.type,$.key,$.props,null,L.mode,V),ql(V,$),V.return=L,L=V)}return v(L);case S:n:{for(sn=$.key;T!==null;){if(T.key===sn)if(T.tag===4&&T.stateNode.containerInfo===$.containerInfo&&T.stateNode.implementation===$.implementation){a(L,T.sibling),V=d(T,$.children||[]),V.return=L,L=V;break n}else{a(L,T);break}else o(L,T);T=T.sibling}V=Ad($,L.mode,V),V.return=L,L=V}return v(L);case un:return sn=$._init,$=sn($._payload),ae(L,T,$,V)}if(Jn($))return Sn(L,T,$,V);if(cn($)){if(sn=cn($),typeof sn!="function")throw Error(c(150));return $=sn.call($),_n(L,T,$,V)}if(typeof $.then=="function")return ae(L,T,Sc($),V);if($.$$typeof===G)return ae(L,T,bc(L,$),V);Tc(L,$)}return typeof $=="string"&&$!==""||typeof $=="number"||typeof $=="bigint"?($=""+$,T!==null&&T.tag===6?(a(L,T.sibling),V=d(T,$),V.return=L,L=V):(a(L,T),V=Td($,L.mode,V),V.return=L,L=V),v(L)):a(L,T)}return function(L,T,$,V){try{Vl=0;var sn=ae(L,T,$,V);return $a=null,sn}catch(mn){if(mn===Rl||mn===gc)throw mn;var Rn=yo(29,mn,null,L.mode);return Rn.lanes=V,Rn.return=L,Rn}finally{}}}var Ra=rf(!0),tf=rf(!1),Io=K(null),Wo=null;function Pr(e){var o=e.alternate;W(Ce,Ce.current&1),W(Io,e),Wo===null&&(o===null||Oa.current!==null||o.memoizedState!==null)&&(Wo=e)}function af(e){if(e.tag===22){if(W(Ce,Ce.current),W(Io,e),Wo===null){var o=e.alternate;o!==null&&o.memoizedState!==null&&(Wo=e)}}else Gr()}function Gr(){W(Ce,Ce.current),W(Io,Io.current)}function gr(e){X(Io),Wo===e&&(Wo=null),X(Ce)}var Ce=K(0);function Ac(e){for(var o=e;o!==null;){if(o.tag===13){var a=o.memoizedState;if(a!==null&&(a=a.dehydrated,a===null||a.data==="$?"||Xu(a)))return o}else if(o.tag===19&&o.memoizedProps.revealOrder!==void 0){if((o.flags&128)!==0)return o}else if(o.child!==null){o.child.return=o,o=o.child;continue}if(o===e)break;for(;o.sibling===null;){if(o.return===null||o.return===e)return null;o=o.return}o.sibling.return=o.return,o=o.sibling}return null}function iu(e,o,a,i){o=e.memoizedState,a=a(i,o),a=a==null?o:m({},o,a),e.memoizedState=a,e.lanes===0&&(e.updateQueue.baseState=a)}var cu={enqueueSetState:function(e,o,a){e=e._reactInternals;var i=zo(),d=Fr(i);d.payload=o,a!=null&&(d.callback=a),o=Vr(e,d,i),o!==null&&(jo(o,e,i),Dl(o,e,i))},enqueueReplaceState:function(e,o,a){e=e._reactInternals;var i=zo(),d=Fr(i);d.tag=1,d.payload=o,a!=null&&(d.callback=a),o=Vr(e,d,i),o!==null&&(jo(o,e,i),Dl(o,e,i))},enqueueForceUpdate:function(e,o){e=e._reactInternals;var a=zo(),i=Fr(a);i.tag=2,o!=null&&(i.callback=o),o=Vr(e,i,a),o!==null&&(jo(o,e,a),Dl(o,e,a))}};function lf(e,o,a,i,d,h,v){return e=e.stateNode,typeof e.shouldComponentUpdate=="function"?e.shouldComponentUpdate(i,h,v):o.prototype&&o.prototype.isPureReactComponent?!Tl(a,i)||!Tl(d,h):!0}function cf(e,o,a,i){e=o.state,typeof o.componentWillReceiveProps=="function"&&o.componentWillReceiveProps(a,i),typeof o.UNSAFE_componentWillReceiveProps=="function"&&o.UNSAFE_componentWillReceiveProps(a,i),o.state!==e&&cu.enqueueReplaceState(o,o.state,null)}function Dt(e,o){var a=o;if("ref"in o){a={};for(var i in o)i!=="ref"&&(a[i]=o[i])}if(e=e.defaultProps){a===o&&(a=m({},a));for(var d in e)a[d]===void 0&&(a[d]=e[d])}return a}var Ec=typeof reportError=="function"?reportError:function(e){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var o=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof e=="object"&&e!==null&&typeof e.message=="string"?String(e.message):String(e),error:e});if(!window.dispatchEvent(o))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",e);return}console.error(e)};function sf(e){Ec(e)}function df(e){console.error(e)}function uf(e){Ec(e)}function Oc(e,o){try{var a=e.onUncaughtError;a(o.value,{componentStack:o.stack})}catch(i){setTimeout(function(){throw i})}}function hf(e,o,a){try{var i=e.onCaughtError;i(a.value,{componentStack:a.stack,errorBoundary:o.tag===1?o.stateNode:null})}catch(d){setTimeout(function(){throw d})}}function su(e,o,a){return a=Fr(a),a.tag=3,a.payload={element:null},a.callback=function(){Oc(e,o)},a}function bf(e){return e=Fr(e),e.tag=3,e}function pf(e,o,a,i){var d=a.type.getDerivedStateFromError;if(typeof d=="function"){var h=i.value;e.payload=function(){return d(h)},e.callback=function(){hf(o,a,i)}}var v=a.stateNode;v!==null&&typeof v.componentDidCatch=="function"&&(e.callback=function(){hf(o,a,i),typeof d!="function"&&(Jr===null?Jr=new Set([this]):Jr.add(this));var k=i.stack;this.componentDidCatch(i.value,{componentStack:k!==null?k:""})})}function ix(e,o,a,i,d){if(a.flags|=32768,i!==null&&typeof i=="object"&&typeof i.then=="function"){if(o=a.alternate,o!==null&&Cl(o,a,d,!0),a=Io.current,a!==null){switch(a.tag){case 13:return Wo===null?Nu():a.alternate===null&&ke===0&&(ke=3),a.flags&=-257,a.flags|=65536,a.lanes=d,i===Md?a.flags|=16384:(o=a.updateQueue,o===null?a.updateQueue=new Set([i]):o.add(i),Ru(e,i,d)),!1;case 22:return a.flags|=65536,i===Md?a.flags|=16384:(o=a.updateQueue,o===null?(o={transitions:null,markerInstances:null,retryQueue:new Set([i])},a.updateQueue=o):(a=o.retryQueue,a===null?o.retryQueue=new Set([i]):a.add(i)),Ru(e,i,d)),!1}throw Error(c(435,a.tag))}return Ru(e,i,d),Nu(),!1}if(Zn)return o=Io.current,o!==null?((o.flags&65536)===0&&(o.flags|=256),o.flags|=65536,o.lanes=d,i!==Ld&&(e=Error(c(422),{cause:i}),Ll(Ro(e,a)))):(i!==Ld&&(o=Error(c(423),{cause:i}),Ll(Ro(o,a))),e=e.current.alternate,e.flags|=65536,d&=-d,e.lanes|=d,i=Ro(i,a),d=su(e.stateNode,i,d),Hd(e,d),ke!==4&&(ke=2)),!1;var h=Error(c(520),{cause:i});if(h=Ro(h,a),Wl===null?Wl=[h]:Wl.push(h),ke!==4&&(ke=2),o===null)return!0;i=Ro(i,a),a=o;do{switch(a.tag){case 3:return a.flags|=65536,e=d&-d,a.lanes|=e,e=su(a.stateNode,i,e),Hd(a,e),!1;case 1:if(o=a.type,h=a.stateNode,(a.flags&128)===0&&(typeof o.getDerivedStateFromError=="function"||h!==null&&typeof h.componentDidCatch=="function"&&(Jr===null||!Jr.has(h))))return a.flags|=65536,d&=-d,a.lanes|=d,d=bf(d),pf(d,e,a,i),Hd(a,d),!1}a=a.return}while(a!==null);return!1}var gf=Error(c(461)),De=!1;function Ue(e,o,a,i){o.child=e===null?tf(o,null,a,i):Ra(o,e.child,a,i)}function ff(e,o,a,i,d){a=a.render;var h=o.ref;if("ref"in i){var v={};for(var k in i)k!=="ref"&&(v[k]=i[k])}else v=i;return $t(o),i=Pd(e,o,a,v,h,d),k=Gd(),e!==null&&!De?(Zd(e,o,d),fr(e,o,d)):(Zn&&k&&Ed(o),o.flags|=1,Ue(e,o,i,d),o.child)}function vf(e,o,a,i,d){if(e===null){var h=a.type;return typeof h=="function"&&!Sd(h)&&h.defaultProps===void 0&&a.compare===null?(o.tag=15,o.type=h,mf(e,o,h,i,d)):(e=sc(a.type,null,i,o,o.mode,d),e.ref=o.ref,e.return=o,o.child=e)}if(h=e.child,!vu(e,d)){var v=h.memoizedProps;if(a=a.compare,a=a!==null?a:Tl,a(v,i)&&e.ref===o.ref)return fr(e,o,d)}return o.flags|=1,e=sr(h,i),e.ref=o.ref,e.return=o,o.child=e}function mf(e,o,a,i,d){if(e!==null){var h=e.memoizedProps;if(Tl(h,i)&&e.ref===o.ref)if(De=!1,o.pendingProps=i=h,vu(e,d))(e.flags&131072)!==0&&(De=!0);else return o.lanes=e.lanes,fr(e,o,d)}return du(e,o,a,i,d)}function kf(e,o,a){var i=o.pendingProps,d=i.children,h=e!==null?e.memoizedState:null;if(i.mode==="hidden"){if((o.flags&128)!==0){if(i=h!==null?h.baseLanes|a:a,e!==null){for(d=o.child=e.child,h=0;d!==null;)h=h|d.lanes|d.childLanes,d=d.sibling;o.childLanes=h&~i}else o.childLanes=0,o.child=null;return yf(e,o,i,a)}if((a&536870912)!==0)o.memoizedState={baseLanes:0,cachePool:null},e!==null&&pc(o,h!==null?h.cachePool:null),h!==null?vg(o,h):Fd(),af(o);else return o.lanes=o.childLanes=536870912,yf(e,o,h!==null?h.baseLanes|a:a,a)}else h!==null?(pc(o,h.cachePool),vg(o,h),Gr(),o.memoizedState=null):(e!==null&&pc(o,null),Fd(),Gr());return Ue(e,o,d,a),o.child}function yf(e,o,a,i){var d=Dd();return d=d===null?null:{parent:Le._currentValue,pool:d},o.memoizedState={baseLanes:a,cachePool:d},e!==null&&pc(o,null),Fd(),af(o),e!==null&&Cl(e,o,i,!0),null}function Lc(e,o){var a=o.ref;if(a===null)e!==null&&e.ref!==null&&(o.flags|=4194816);else{if(typeof a!="function"&&typeof a!="object")throw Error(c(284));(e===null||e.ref!==a)&&(o.flags|=4194816)}}function du(e,o,a,i,d){return $t(o),a=Pd(e,o,a,i,void 0,d),i=Gd(),e!==null&&!De?(Zd(e,o,d),fr(e,o,d)):(Zn&&i&&Ed(o),o.flags|=1,Ue(e,o,a,d),o.child)}function wf(e,o,a,i,d,h){return $t(o),o.updateQueue=null,a=kg(o,i,a,d),mg(e),i=Gd(),e!==null&&!De?(Zd(e,o,h),fr(e,o,h)):(Zn&&i&&Ed(o),o.flags|=1,Ue(e,o,a,h),o.child)}function _f(e,o,a,i,d){if($t(o),o.stateNode===null){var h=ja,v=a.contextType;typeof v=="object"&&v!==null&&(h=Xe(v)),h=new a(i,h),o.memoizedState=h.state!==null&&h.state!==void 0?h.state:null,h.updater=cu,o.stateNode=h,h._reactInternals=o,h=o.stateNode,h.props=i,h.state=o.memoizedState,h.refs={},Id(o),v=a.contextType,h.context=typeof v=="object"&&v!==null?Xe(v):ja,h.state=o.memoizedState,v=a.getDerivedStateFromProps,typeof v=="function"&&(iu(o,a,v,i),h.state=o.memoizedState),typeof a.getDerivedStateFromProps=="function"||typeof h.getSnapshotBeforeUpdate=="function"||typeof h.UNSAFE_componentWillMount!="function"&&typeof h.componentWillMount!="function"||(v=h.state,typeof h.componentWillMount=="function"&&h.componentWillMount(),typeof h.UNSAFE_componentWillMount=="function"&&h.UNSAFE_componentWillMount(),v!==h.state&&cu.enqueueReplaceState(h,h.state,null),Il(o,i,h,d),Ml(),h.state=o.memoizedState),typeof h.componentDidMount=="function"&&(o.flags|=4194308),i=!0}else if(e===null){h=o.stateNode;var k=o.memoizedProps,z=Dt(a,k);h.props=z;var B=h.context,F=a.contextType;v=ja,typeof F=="object"&&F!==null&&(v=Xe(F));var P=a.getDerivedStateFromProps;F=typeof P=="function"||typeof h.getSnapshotBeforeUpdate=="function",k=o.pendingProps!==k,F||typeof h.UNSAFE_componentWillReceiveProps!="function"&&typeof h.componentWillReceiveProps!="function"||(k||B!==v)&&cf(o,h,i,v),Ur=!1;var D=o.memoizedState;h.state=D,Il(o,i,h,d),Ml(),B=o.memoizedState,k||D!==B||Ur?(typeof P=="function"&&(iu(o,a,P,i),B=o.memoizedState),(z=Ur||lf(o,a,z,i,D,B,v))?(F||typeof h.UNSAFE_componentWillMount!="function"&&typeof h.componentWillMount!="function"||(typeof h.componentWillMount=="function"&&h.componentWillMount(),typeof h.UNSAFE_componentWillMount=="function"&&h.UNSAFE_componentWillMount()),typeof h.componentDidMount=="function"&&(o.flags|=4194308)):(typeof h.componentDidMount=="function"&&(o.flags|=4194308),o.memoizedProps=i,o.memoizedState=B),h.props=i,h.state=B,h.context=v,i=z):(typeof h.componentDidMount=="function"&&(o.flags|=4194308),i=!1)}else{h=o.stateNode,Kd(e,o),v=o.memoizedProps,F=Dt(a,v),h.props=F,P=o.pendingProps,D=h.context,B=a.contextType,z=ja,typeof B=="object"&&B!==null&&(z=Xe(B)),k=a.getDerivedStateFromProps,(B=typeof k=="function"||typeof h.getSnapshotBeforeUpdate=="function")||typeof h.UNSAFE_componentWillReceiveProps!="function"&&typeof h.componentWillReceiveProps!="function"||(v!==P||D!==z)&&cf(o,h,i,z),Ur=!1,D=o.memoizedState,h.state=D,Il(o,i,h,d),Ml();var I=o.memoizedState;v!==P||D!==I||Ur||e!==null&&e.dependencies!==null&&hc(e.dependencies)?(typeof k=="function"&&(iu(o,a,k,i),I=o.memoizedState),(F=Ur||lf(o,a,F,i,D,I,z)||e!==null&&e.dependencies!==null&&hc(e.dependencies))?(B||typeof h.UNSAFE_componentWillUpdate!="function"&&typeof h.componentWillUpdate!="function"||(typeof h.componentWillUpdate=="function"&&h.componentWillUpdate(i,I,z),typeof h.UNSAFE_componentWillUpdate=="function"&&h.UNSAFE_componentWillUpdate(i,I,z)),typeof h.componentDidUpdate=="function"&&(o.flags|=4),typeof h.getSnapshotBeforeUpdate=="function"&&(o.flags|=1024)):(typeof h.componentDidUpdate!="function"||v===e.memoizedProps&&D===e.memoizedState||(o.flags|=4),typeof h.getSnapshotBeforeUpdate!="function"||v===e.memoizedProps&&D===e.memoizedState||(o.flags|=1024),o.memoizedProps=i,o.memoizedState=I),h.props=i,h.state=I,h.context=z,i=F):(typeof h.componentDidUpdate!="function"||v===e.memoizedProps&&D===e.memoizedState||(o.flags|=4),typeof h.getSnapshotBeforeUpdate!="function"||v===e.memoizedProps&&D===e.memoizedState||(o.flags|=1024),i=!1)}return h=i,Lc(e,o),i=(o.flags&128)!==0,h||i?(h=o.stateNode,a=i&&typeof a.getDerivedStateFromError!="function"?null:h.render(),o.flags|=1,e!==null&&i?(o.child=Ra(o,e.child,null,d),o.child=Ra(o,null,a,d)):Ue(e,o,a,d),o.memoizedState=h.state,e=o.child):e=fr(e,o,d),e}function xf(e,o,a,i){return Ol(),o.flags|=256,Ue(e,o,a,i),o.child}var uu={dehydrated:null,treeContext:null,retryLane:0,hydrationErrors:null};function hu(e){return{baseLanes:e,cachePool:sg()}}function bu(e,o,a){return e=e!==null?e.childLanes&~a:0,o&&(e|=Ko),e}function zf(e,o,a){var i=o.pendingProps,d=!1,h=(o.flags&128)!==0,v;if((v=h)||(v=e!==null&&e.memoizedState===null?!1:(Ce.current&2)!==0),v&&(d=!0,o.flags&=-129),v=(o.flags&32)!==0,o.flags&=-33,e===null){if(Zn){if(d?Pr(o):Gr(),Zn){var k=me,z;if(z=k){n:{for(z=k,k=Qo;z.nodeType!==8;){if(!k){k=null;break n}if(z=Po(z.nextSibling),z===null){k=null;break n}}k=z}k!==null?(o.memoizedState={dehydrated:k,treeContext:Et!==null?{id:dr,overflow:ur}:null,retryLane:536870912,hydrationErrors:null},z=yo(18,null,null,0),z.stateNode=k,z.return=o,o.child=z,ro=o,me=null,z=!0):z=!1}z||Ct(o)}if(k=o.memoizedState,k!==null&&(k=k.dehydrated,k!==null))return Xu(k)?o.lanes=32:o.lanes=536870912,null;gr(o)}return k=i.children,i=i.fallback,d?(Gr(),d=o.mode,k=Cc({mode:"hidden",children:k},d),i=At(i,d,a,null),k.return=o,i.return=o,k.sibling=i,o.child=k,d=o.child,d.memoizedState=hu(a),d.childLanes=bu(e,v,a),o.memoizedState=uu,i):(Pr(o),pu(o,k))}if(z=e.memoizedState,z!==null&&(k=z.dehydrated,k!==null)){if(h)o.flags&256?(Pr(o),o.flags&=-257,o=gu(e,o,a)):o.memoizedState!==null?(Gr(),o.child=e.child,o.flags|=128,o=null):(Gr(),d=i.fallback,k=o.mode,i=Cc({mode:"visible",children:i.children},k),d=At(d,k,a,null),d.flags|=2,i.return=o,d.return=o,i.sibling=d,o.child=i,Ra(o,e.child,null,a),i=o.child,i.memoizedState=hu(a),i.childLanes=bu(e,v,a),o.memoizedState=uu,o=d);else if(Pr(o),Xu(k)){if(v=k.nextSibling&&k.nextSibling.dataset,v)var B=v.dgst;v=B,i=Error(c(419)),i.stack="",i.digest=v,Ll({value:i,source:null,stack:null}),o=gu(e,o,a)}else if(De||Cl(e,o,a,!1),v=(a&e.childLanes)!==0,De||v){if(v=ce,v!==null&&(i=a&-a,i=(i&42)!==0?1:Qs(i),i=(i&(v.suspendedLanes|a))!==0?0:i,i!==0&&i!==z.retryLane))throw z.retryLane=i,za(e,i),jo(v,e,i),gf;k.data==="$?"||Nu(),o=gu(e,o,a)}else k.data==="$?"?(o.flags|=192,o.child=e.child,o=null):(e=z.treeContext,me=Po(k.nextSibling),ro=o,Zn=!0,Lt=null,Qo=!1,e!==null&&(Do[Mo++]=dr,Do[Mo++]=ur,Do[Mo++]=Et,dr=e.id,ur=e.overflow,Et=o),o=pu(o,i.children),o.flags|=4096);return o}return d?(Gr(),d=i.fallback,k=o.mode,z=e.child,B=z.sibling,i=sr(z,{mode:"hidden",children:i.children}),i.subtreeFlags=z.subtreeFlags&65011712,B!==null?d=sr(B,d):(d=At(d,k,a,null),d.flags|=2),d.return=o,i.return=o,i.sibling=d,o.child=i,i=d,d=o.child,k=e.child.memoizedState,k===null?k=hu(a):(z=k.cachePool,z!==null?(B=Le._currentValue,z=z.parent!==B?{parent:B,pool:B}:z):z=sg(),k={baseLanes:k.baseLanes|a,cachePool:z}),d.memoizedState=k,d.childLanes=bu(e,v,a),o.memoizedState=uu,i):(Pr(o),a=e.child,e=a.sibling,a=sr(a,{mode:"visible",children:i.children}),a.return=o,a.sibling=null,e!==null&&(v=o.deletions,v===null?(o.deletions=[e],o.flags|=16):v.push(e)),o.child=a,o.memoizedState=null,a)}function pu(e,o){return o=Cc({mode:"visible",children:o},e.mode),o.return=e,e.child=o}function Cc(e,o){return e=yo(22,e,null,o),e.lanes=0,e.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null},e}function gu(e,o,a){return Ra(o,e.child,null,a),e=pu(o,o.pendingProps.children),e.flags|=2,o.memoizedState=null,e}function jf(e,o,a){e.lanes|=o;var i=e.alternate;i!==null&&(i.lanes|=o),Nd(e.return,o,a)}function fu(e,o,a,i,d){var h=e.memoizedState;h===null?e.memoizedState={isBackwards:o,rendering:null,renderingStartTime:0,last:i,tail:a,tailMode:d}:(h.isBackwards=o,h.rendering=null,h.renderingStartTime=0,h.last=i,h.tail=a,h.tailMode=d)}function Sf(e,o,a){var i=o.pendingProps,d=i.revealOrder,h=i.tail;if(Ue(e,o,i.children,a),i=Ce.current,(i&2)!==0)i=i&1|2,o.flags|=128;else{if(e!==null&&(e.flags&128)!==0)n:for(e=o.child;e!==null;){if(e.tag===13)e.memoizedState!==null&&jf(e,a,o);else if(e.tag===19)jf(e,a,o);else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===o)break n;for(;e.sibling===null;){if(e.return===null||e.return===o)break n;e=e.return}e.sibling.return=e.return,e=e.sibling}i&=1}switch(W(Ce,i),d){case"forwards":for(a=o.child,d=null;a!==null;)e=a.alternate,e!==null&&Ac(e)===null&&(d=a),a=a.sibling;a=d,a===null?(d=o.child,o.child=null):(d=a.sibling,a.sibling=null),fu(o,!1,d,a,h);break;case"backwards":for(a=null,d=o.child,o.child=null;d!==null;){if(e=d.alternate,e!==null&&Ac(e)===null){o.child=d;break}e=d.sibling,d.sibling=a,a=d,d=e}fu(o,!0,a,null,h);break;case"together":fu(o,!1,null,null,void 0);break;default:o.memoizedState=null}return o.child}function fr(e,o,a){if(e!==null&&(o.dependencies=e.dependencies),Wr|=o.lanes,(a&o.childLanes)===0)if(e!==null){if(Cl(e,o,a,!1),(a&o.childLanes)===0)return null}else return null;if(e!==null&&o.child!==e.child)throw Error(c(153));if(o.child!==null){for(e=o.child,a=sr(e,e.pendingProps),o.child=a,a.return=o;e.sibling!==null;)e=e.sibling,a=a.sibling=sr(e,e.pendingProps),a.return=o;a.sibling=null}return o.child}function vu(e,o){return(e.lanes&o)!==0?!0:(e=e.dependencies,!!(e!==null&&hc(e)))}function cx(e,o,a){switch(o.tag){case 3:Gn(o,o.stateNode.containerInfo),Hr(o,Le,e.memoizedState.cache),Ol();break;case 27:case 5:Dr(o);break;case 4:Gn(o,o.stateNode.containerInfo);break;case 10:Hr(o,o.type,o.memoizedProps.value);break;case 13:var i=o.memoizedState;if(i!==null)return i.dehydrated!==null?(Pr(o),o.flags|=128,null):(a&o.child.childLanes)!==0?zf(e,o,a):(Pr(o),e=fr(e,o,a),e!==null?e.sibling:null);Pr(o);break;case 19:var d=(e.flags&128)!==0;if(i=(a&o.childLanes)!==0,i||(Cl(e,o,a,!1),i=(a&o.childLanes)!==0),d){if(i)return Sf(e,o,a);o.flags|=128}if(d=o.memoizedState,d!==null&&(d.rendering=null,d.tail=null,d.lastEffect=null),W(Ce,Ce.current),i)break;return null;case 22:case 23:return o.lanes=0,kf(e,o,a);case 24:Hr(o,Le,e.memoizedState.cache)}return fr(e,o,a)}function Tf(e,o,a){if(e!==null)if(e.memoizedProps!==o.pendingProps)De=!0;else{if(!vu(e,a)&&(o.flags&128)===0)return De=!1,cx(e,o,a);De=(e.flags&131072)!==0}else De=!1,Zn&&(o.flags&1048576)!==0&&og(o,uc,o.index);switch(o.lanes=0,o.tag){case 16:n:{e=o.pendingProps;var i=o.elementType,d=i._init;if(i=d(i._payload),o.type=i,typeof i=="function")Sd(i)?(e=Dt(i,e),o.tag=1,o=_f(null,o,i,e,a)):(o.tag=0,o=du(null,o,i,e,a));else{if(i!=null){if(d=i.$$typeof,d===J){o.tag=11,o=ff(null,o,i,e,a);break n}else if(d===en){o.tag=14,o=vf(null,o,i,e,a);break n}}throw o=ie(i)||i,Error(c(306,o,""))}}return o;case 0:return du(e,o,o.type,o.pendingProps,a);case 1:return i=o.type,d=Dt(i,o.pendingProps),_f(e,o,i,d,a);case 3:n:{if(Gn(o,o.stateNode.containerInfo),e===null)throw Error(c(387));i=o.pendingProps;var h=o.memoizedState;d=h.element,Kd(e,o),Il(o,i,null,a);var v=o.memoizedState;if(i=v.cache,Hr(o,Le,i),i!==h.cache&&$d(o,[Le],a,!0),Ml(),i=v.element,h.isDehydrated)if(h={element:i,isDehydrated:!1,cache:v.cache},o.updateQueue.baseState=h,o.memoizedState=h,o.flags&256){o=xf(e,o,i,a);break n}else if(i!==d){d=Ro(Error(c(424)),o),Ll(d),o=xf(e,o,i,a);break n}else{switch(e=o.stateNode.containerInfo,e.nodeType){case 9:e=e.body;break;default:e=e.nodeName==="HTML"?e.ownerDocument.body:e}for(me=Po(e.firstChild),ro=o,Zn=!0,Lt=null,Qo=!0,a=tf(o,null,i,a),o.child=a;a;)a.flags=a.flags&-3|4096,a=a.sibling}else{if(Ol(),i===d){o=fr(e,o,a);break n}Ue(e,o,i,a)}o=o.child}return o;case 26:return Lc(e,o),e===null?(a=Lv(o.type,null,o.pendingProps,null))?o.memoizedState=a:Zn||(a=o.type,e=o.pendingProps,i=Pc(yn.current).createElement(a),i[Ye]=o,i[so]=e,Ve(i,a,e),Be(i),o.stateNode=i):o.memoizedState=Lv(o.type,e.memoizedProps,o.pendingProps,e.memoizedState),null;case 27:return Dr(o),e===null&&Zn&&(i=o.stateNode=Av(o.type,o.pendingProps,yn.current),ro=o,Qo=!0,d=me,ot(o.type)?(Qu=d,me=Po(i.firstChild)):me=d),Ue(e,o,o.pendingProps.children,a),Lc(e,o),e===null&&(o.flags|=4194304),o.child;case 5:return e===null&&Zn&&((d=i=me)&&(i=Bx(i,o.type,o.pendingProps,Qo),i!==null?(o.stateNode=i,ro=o,me=Po(i.firstChild),Qo=!1,d=!0):d=!1),d||Ct(o)),Dr(o),d=o.type,h=o.pendingProps,v=e!==null?e.memoizedProps:null,i=h.children,Gu(d,h)?i=null:v!==null&&Gu(d,v)&&(o.flags|=32),o.memoizedState!==null&&(d=Pd(e,o,nx,null,null,a),ii._currentValue=d),Lc(e,o),Ue(e,o,i,a),o.child;case 6:return e===null&&Zn&&((e=a=me)&&(a=Dx(a,o.pendingProps,Qo),a!==null?(o.stateNode=a,ro=o,me=null,e=!0):e=!1),e||Ct(o)),null;case 13:return zf(e,o,a);case 4:return Gn(o,o.stateNode.containerInfo),i=o.pendingProps,e===null?o.child=Ra(o,null,i,a):Ue(e,o,i,a),o.child;case 11:return ff(e,o,o.type,o.pendingProps,a);case 7:return Ue(e,o,o.pendingProps,a),o.child;case 8:return Ue(e,o,o.pendingProps.children,a),o.child;case 12:return Ue(e,o,o.pendingProps.children,a),o.child;case 10:return i=o.pendingProps,Hr(o,o.type,i.value),Ue(e,o,i.children,a),o.child;case 9:return d=o.type._context,i=o.pendingProps.children,$t(o),d=Xe(d),i=i(d),o.flags|=1,Ue(e,o,i,a),o.child;case 14:return vf(e,o,o.type,o.pendingProps,a);case 15:return mf(e,o,o.type,o.pendingProps,a);case 19:return Sf(e,o,a);case 31:return i=o.pendingProps,a=o.mode,i={mode:i.mode,children:i.children},e===null?(a=Cc(i,a),a.ref=o.ref,o.child=a,a.return=o,o=a):(a=sr(e.child,i),a.ref=o.ref,o.child=a,a.return=o,o=a),o;case 22:return kf(e,o,a);case 24:return $t(o),i=Xe(Le),e===null?(d=Dd(),d===null&&(d=ce,h=Rd(),d.pooledCache=h,h.refCount++,h!==null&&(d.pooledCacheLanes|=a),d=h),o.memoizedState={parent:i,cache:d},Id(o),Hr(o,Le,d)):((e.lanes&a)!==0&&(Kd(e,o),Il(o,null,null,a),Ml()),d=e.memoizedState,h=o.memoizedState,d.parent!==i?(d={parent:i,cache:i},o.memoizedState=d,o.lanes===0&&(o.memoizedState=o.updateQueue.baseState=d),Hr(o,Le,i)):(i=h.cache,Hr(o,Le,i),i!==d.cache&&$d(o,[Le],a,!0))),Ue(e,o,o.pendingProps.children,a),o.child;case 29:throw o.pendingProps}throw Error(c(156,o.tag))}function vr(e){e.flags|=4}function Af(e,o){if(o.type!=="stylesheet"||(o.state.loading&4)!==0)e.flags&=-16777217;else if(e.flags|=16777216,!Bv(o)){if(o=Io.current,o!==null&&((Fn&4194048)===Fn?Wo!==null:(Fn&62914560)!==Fn&&(Fn&536870912)===0||o!==Wo))throw Bl=Md,dg;e.flags|=8192}}function Nc(e,o){o!==null&&(e.flags|=4),e.flags&16384&&(o=e.tag!==22?ap():536870912,e.lanes|=o,Ia|=o)}function Pl(e,o){if(!Zn)switch(e.tailMode){case"hidden":o=e.tail;for(var a=null;o!==null;)o.alternate!==null&&(a=o),o=o.sibling;a===null?e.tail=null:a.sibling=null;break;case"collapsed":a=e.tail;for(var i=null;a!==null;)a.alternate!==null&&(i=a),a=a.sibling;i===null?o||e.tail===null?e.tail=null:e.tail.sibling=null:i.sibling=null}}function ve(e){var o=e.alternate!==null&&e.alternate.child===e.child,a=0,i=0;if(o)for(var d=e.child;d!==null;)a|=d.lanes|d.childLanes,i|=d.subtreeFlags&65011712,i|=d.flags&65011712,d.return=e,d=d.sibling;else for(d=e.child;d!==null;)a|=d.lanes|d.childLanes,i|=d.subtreeFlags,i|=d.flags,d.return=e,d=d.sibling;return e.subtreeFlags|=i,e.childLanes=a,o}function sx(e,o,a){var i=o.pendingProps;switch(Od(o),o.tag){case 31:case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return ve(o),null;case 1:return ve(o),null;case 3:return a=o.stateNode,i=null,e!==null&&(i=e.memoizedState.cache),o.memoizedState.cache!==i&&(o.flags|=2048),br(Le),mo(),a.pendingContext&&(a.context=a.pendingContext,a.pendingContext=null),(e===null||e.child===null)&&(El(o)?vr(o):e===null||e.memoizedState.isDehydrated&&(o.flags&256)===0||(o.flags|=1024,ag())),ve(o),null;case 26:return a=o.memoizedState,e===null?(vr(o),a!==null?(ve(o),Af(o,a)):(ve(o),o.flags&=-16777217)):a?a!==e.memoizedState?(vr(o),ve(o),Af(o,a)):(ve(o),o.flags&=-16777217):(e.memoizedProps!==i&&vr(o),ve(o),o.flags&=-16777217),null;case 27:Xo(o),a=yn.current;var d=o.type;if(e!==null&&o.stateNode!=null)e.memoizedProps!==i&&vr(o);else{if(!i){if(o.stateNode===null)throw Error(c(166));return ve(o),null}e=pn.current,El(o)?rg(o):(e=Av(d,i,a),o.stateNode=e,vr(o))}return ve(o),null;case 5:if(Xo(o),a=o.type,e!==null&&o.stateNode!=null)e.memoizedProps!==i&&vr(o);else{if(!i){if(o.stateNode===null)throw Error(c(166));return ve(o),null}if(e=pn.current,El(o))rg(o);else{switch(d=Pc(yn.current),e){case 1:e=d.createElementNS("http://www.w3.org/2000/svg",a);break;case 2:e=d.createElementNS("http://www.w3.org/1998/Math/MathML",a);break;default:switch(a){case"svg":e=d.createElementNS("http://www.w3.org/2000/svg",a);break;case"math":e=d.createElementNS("http://www.w3.org/1998/Math/MathML",a);break;case"script":e=d.createElement("div"),e.innerHTML="<script><\/script>",e=e.removeChild(e.firstChild);break;case"select":e=typeof i.is=="string"?d.createElement("select",{is:i.is}):d.createElement("select"),i.multiple?e.multiple=!0:i.size&&(e.size=i.size);break;default:e=typeof i.is=="string"?d.createElement(a,{is:i.is}):d.createElement(a)}}e[Ye]=o,e[so]=i;n:for(d=o.child;d!==null;){if(d.tag===5||d.tag===6)e.appendChild(d.stateNode);else if(d.tag!==4&&d.tag!==27&&d.child!==null){d.child.return=d,d=d.child;continue}if(d===o)break n;for(;d.sibling===null;){if(d.return===null||d.return===o)break n;d=d.return}d.sibling.return=d.return,d=d.sibling}o.stateNode=e;n:switch(Ve(e,a,i),a){case"button":case"input":case"select":case"textarea":e=!!i.autoFocus;break n;case"img":e=!0;break n;default:e=!1}e&&vr(o)}}return ve(o),o.flags&=-16777217,null;case 6:if(e&&o.stateNode!=null)e.memoizedProps!==i&&vr(o);else{if(typeof i!="string"&&o.stateNode===null)throw Error(c(166));if(e=yn.current,El(o)){if(e=o.stateNode,a=o.memoizedProps,i=null,d=ro,d!==null)switch(d.tag){case 27:case 5:i=d.memoizedProps}e[Ye]=o,e=!!(e.nodeValue===a||i!==null&&i.suppressHydrationWarning===!0||wv(e.nodeValue,a)),e||Ct(o)}else e=Pc(e).createTextNode(i),e[Ye]=o,o.stateNode=e}return ve(o),null;case 13:if(i=o.memoizedState,e===null||e.memoizedState!==null&&e.memoizedState.dehydrated!==null){if(d=El(o),i!==null&&i.dehydrated!==null){if(e===null){if(!d)throw Error(c(318));if(d=o.memoizedState,d=d!==null?d.dehydrated:null,!d)throw Error(c(317));d[Ye]=o}else Ol(),(o.flags&128)===0&&(o.memoizedState=null),o.flags|=4;ve(o),d=!1}else d=ag(),e!==null&&e.memoizedState!==null&&(e.memoizedState.hydrationErrors=d),d=!0;if(!d)return o.flags&256?(gr(o),o):(gr(o),null)}if(gr(o),(o.flags&128)!==0)return o.lanes=a,o;if(a=i!==null,e=e!==null&&e.memoizedState!==null,a){i=o.child,d=null,i.alternate!==null&&i.alternate.memoizedState!==null&&i.alternate.memoizedState.cachePool!==null&&(d=i.alternate.memoizedState.cachePool.pool);var h=null;i.memoizedState!==null&&i.memoizedState.cachePool!==null&&(h=i.memoizedState.cachePool.pool),h!==d&&(i.flags|=2048)}return a!==e&&a&&(o.child.flags|=8192),Nc(o,o.updateQueue),ve(o),null;case 4:return mo(),e===null&&Uu(o.stateNode.containerInfo),ve(o),null;case 10:return br(o.type),ve(o),null;case 19:if(X(Ce),d=o.memoizedState,d===null)return ve(o),null;if(i=(o.flags&128)!==0,h=d.rendering,h===null)if(i)Pl(d,!1);else{if(ke!==0||e!==null&&(e.flags&128)!==0)for(e=o.child;e!==null;){if(h=Ac(e),h!==null){for(o.flags|=128,Pl(d,!1),e=h.updateQueue,o.updateQueue=e,Nc(o,e),o.subtreeFlags=0,e=a,a=o.child;a!==null;)eg(a,e),a=a.sibling;return W(Ce,Ce.current&1|2),o.child}e=e.sibling}d.tail!==null&&rn()>Bc&&(o.flags|=128,i=!0,Pl(d,!1),o.lanes=4194304)}else{if(!i)if(e=Ac(h),e!==null){if(o.flags|=128,i=!0,e=e.updateQueue,o.updateQueue=e,Nc(o,e),Pl(d,!0),d.tail===null&&d.tailMode==="hidden"&&!h.alternate&&!Zn)return ve(o),null}else 2*rn()-d.renderingStartTime>Bc&&a!==536870912&&(o.flags|=128,i=!0,Pl(d,!1),o.lanes=4194304);d.isBackwards?(h.sibling=o.child,o.child=h):(e=d.last,e!==null?e.sibling=h:o.child=h,d.last=h)}return d.tail!==null?(o=d.tail,d.rendering=o,d.tail=o.sibling,d.renderingStartTime=rn(),o.sibling=null,e=Ce.current,W(Ce,i?e&1|2:e&1),o):(ve(o),null);case 22:case 23:return gr(o),Vd(),i=o.memoizedState!==null,e!==null?e.memoizedState!==null!==i&&(o.flags|=8192):i&&(o.flags|=8192),i?(a&536870912)!==0&&(o.flags&128)===0&&(ve(o),o.subtreeFlags&6&&(o.flags|=8192)):ve(o),a=o.updateQueue,a!==null&&Nc(o,a.retryQueue),a=null,e!==null&&e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(a=e.memoizedState.cachePool.pool),i=null,o.memoizedState!==null&&o.memoizedState.cachePool!==null&&(i=o.memoizedState.cachePool.pool),i!==a&&(o.flags|=2048),e!==null&&X(Rt),null;case 24:return a=null,e!==null&&(a=e.memoizedState.cache),o.memoizedState.cache!==a&&(o.flags|=2048),br(Le),ve(o),null;case 25:return null;case 30:return null}throw Error(c(156,o.tag))}function dx(e,o){switch(Od(o),o.tag){case 1:return e=o.flags,e&65536?(o.flags=e&-65537|128,o):null;case 3:return br(Le),mo(),e=o.flags,(e&65536)!==0&&(e&128)===0?(o.flags=e&-65537|128,o):null;case 26:case 27:case 5:return Xo(o),null;case 13:if(gr(o),e=o.memoizedState,e!==null&&e.dehydrated!==null){if(o.alternate===null)throw Error(c(340));Ol()}return e=o.flags,e&65536?(o.flags=e&-65537|128,o):null;case 19:return X(Ce),null;case 4:return mo(),null;case 10:return br(o.type),null;case 22:case 23:return gr(o),Vd(),e!==null&&X(Rt),e=o.flags,e&65536?(o.flags=e&-65537|128,o):null;case 24:return br(Le),null;case 25:return null;default:return null}}function Ef(e,o){switch(Od(o),o.tag){case 3:br(Le),mo();break;case 26:case 27:case 5:Xo(o);break;case 4:mo();break;case 13:gr(o);break;case 19:X(Ce);break;case 10:br(o.type);break;case 22:case 23:gr(o),Vd(),e!==null&&X(Rt);break;case 24:br(Le)}}function Gl(e,o){try{var a=o.updateQueue,i=a!==null?a.lastEffect:null;if(i!==null){var d=i.next;a=d;do{if((a.tag&e)===e){i=void 0;var h=a.create,v=a.inst;i=h(),v.destroy=i}a=a.next}while(a!==d)}}catch(k){le(o,o.return,k)}}function Zr(e,o,a){try{var i=o.updateQueue,d=i!==null?i.lastEffect:null;if(d!==null){var h=d.next;i=h;do{if((i.tag&e)===e){var v=i.inst,k=v.destroy;if(k!==void 0){v.destroy=void 0,d=o;var z=a,B=k;try{B()}catch(F){le(d,z,F)}}}i=i.next}while(i!==h)}}catch(F){le(o,o.return,F)}}function Of(e){var o=e.updateQueue;if(o!==null){var a=e.stateNode;try{fg(o,a)}catch(i){le(e,e.return,i)}}}function Lf(e,o,a){a.props=Dt(e.type,e.memoizedProps),a.state=e.memoizedState;try{a.componentWillUnmount()}catch(i){le(e,o,i)}}function Zl(e,o){try{var a=e.ref;if(a!==null){switch(e.tag){case 26:case 27:case 5:var i=e.stateNode;break;case 30:i=e.stateNode;break;default:i=e.stateNode}typeof a=="function"?e.refCleanup=a(i):a.current=i}}catch(d){le(e,o,d)}}function Jo(e,o){var a=e.ref,i=e.refCleanup;if(a!==null)if(typeof i=="function")try{i()}catch(d){le(e,o,d)}finally{e.refCleanup=null,e=e.alternate,e!=null&&(e.refCleanup=null)}else if(typeof a=="function")try{a(null)}catch(d){le(e,o,d)}else a.current=null}function Cf(e){var o=e.type,a=e.memoizedProps,i=e.stateNode;try{n:switch(o){case"button":case"input":case"select":case"textarea":a.autoFocus&&i.focus();break n;case"img":a.src?i.src=a.src:a.srcSet&&(i.srcset=a.srcSet)}}catch(d){le(e,e.return,d)}}function mu(e,o,a){try{var i=e.stateNode;Lx(i,e.type,a,o),i[so]=o}catch(d){le(e,e.return,d)}}function Nf(e){return e.tag===5||e.tag===3||e.tag===26||e.tag===27&&ot(e.type)||e.tag===4}function ku(e){n:for(;;){for(;e.sibling===null;){if(e.return===null||Nf(e.return))return null;e=e.return}for(e.sibling.return=e.return,e=e.sibling;e.tag!==5&&e.tag!==6&&e.tag!==18;){if(e.tag===27&&ot(e.type)||e.flags&2||e.child===null||e.tag===4)continue n;e.child.return=e,e=e.child}if(!(e.flags&2))return e.stateNode}}function yu(e,o,a){var i=e.tag;if(i===5||i===6)e=e.stateNode,o?(a.nodeType===9?a.body:a.nodeName==="HTML"?a.ownerDocument.body:a).insertBefore(e,o):(o=a.nodeType===9?a.body:a.nodeName==="HTML"?a.ownerDocument.body:a,o.appendChild(e),a=a._reactRootContainer,a!=null||o.onclick!==null||(o.onclick=qc));else if(i!==4&&(i===27&&ot(e.type)&&(a=e.stateNode,o=null),e=e.child,e!==null))for(yu(e,o,a),e=e.sibling;e!==null;)yu(e,o,a),e=e.sibling}function $c(e,o,a){var i=e.tag;if(i===5||i===6)e=e.stateNode,o?a.insertBefore(e,o):a.appendChild(e);else if(i!==4&&(i===27&&ot(e.type)&&(a=e.stateNode),e=e.child,e!==null))for($c(e,o,a),e=e.sibling;e!==null;)$c(e,o,a),e=e.sibling}function $f(e){var o=e.stateNode,a=e.memoizedProps;try{for(var i=e.type,d=o.attributes;d.length;)o.removeAttributeNode(d[0]);Ve(o,i,a),o[Ye]=e,o[so]=a}catch(h){le(e,e.return,h)}}var mr=!1,je=!1,wu=!1,Rf=typeof WeakSet=="function"?WeakSet:Set,Me=null;function ux(e,o){if(e=e.containerInfo,qu=Wc,e=qp(e),kd(e)){if("selectionStart"in e)var a={start:e.selectionStart,end:e.selectionEnd};else n:{a=(a=e.ownerDocument)&&a.defaultView||window;var i=a.getSelection&&a.getSelection();if(i&&i.rangeCount!==0){a=i.anchorNode;var d=i.anchorOffset,h=i.focusNode;i=i.focusOffset;try{a.nodeType,h.nodeType}catch{a=null;break n}var v=0,k=-1,z=-1,B=0,F=0,P=e,D=null;e:for(;;){for(var I;P!==a||d!==0&&P.nodeType!==3||(k=v+d),P!==h||i!==0&&P.nodeType!==3||(z=v+i),P.nodeType===3&&(v+=P.nodeValue.length),(I=P.firstChild)!==null;)D=P,P=I;for(;;){if(P===e)break e;if(D===a&&++B===d&&(k=v),D===h&&++F===i&&(z=v),(I=P.nextSibling)!==null)break;P=D,D=P.parentNode}P=I}a=k===-1||z===-1?null:{start:k,end:z}}else a=null}a=a||{start:0,end:0}}else a=null;for(Pu={focusedElem:e,selectionRange:a},Wc=!1,Me=o;Me!==null;)if(o=Me,e=o.child,(o.subtreeFlags&1024)!==0&&e!==null)e.return=o,Me=e;else for(;Me!==null;){switch(o=Me,h=o.alternate,e=o.flags,o.tag){case 0:break;case 11:case 15:break;case 1:if((e&1024)!==0&&h!==null){e=void 0,a=o,d=h.memoizedProps,h=h.memoizedState,i=a.stateNode;try{var Sn=Dt(a.type,d,a.elementType===a.type);e=i.getSnapshotBeforeUpdate(Sn,h),i.__reactInternalSnapshotBeforeUpdate=e}catch(_n){le(a,a.return,_n)}}break;case 3:if((e&1024)!==0){if(e=o.stateNode.containerInfo,a=e.nodeType,a===9)Yu(e);else if(a===1)switch(e.nodeName){case"HEAD":case"HTML":case"BODY":Yu(e);break;default:e.textContent=""}}break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if((e&1024)!==0)throw Error(c(163))}if(e=o.sibling,e!==null){e.return=o.return,Me=e;break}Me=o.return}}function Bf(e,o,a){var i=a.flags;switch(a.tag){case 0:case 11:case 15:Yr(e,a),i&4&&Gl(5,a);break;case 1:if(Yr(e,a),i&4)if(e=a.stateNode,o===null)try{e.componentDidMount()}catch(v){le(a,a.return,v)}else{var d=Dt(a.type,o.memoizedProps);o=o.memoizedState;try{e.componentDidUpdate(d,o,e.__reactInternalSnapshotBeforeUpdate)}catch(v){le(a,a.return,v)}}i&64&&Of(a),i&512&&Zl(a,a.return);break;case 3:if(Yr(e,a),i&64&&(e=a.updateQueue,e!==null)){if(o=null,a.child!==null)switch(a.child.tag){case 27:case 5:o=a.child.stateNode;break;case 1:o=a.child.stateNode}try{fg(e,o)}catch(v){le(a,a.return,v)}}break;case 27:o===null&&i&4&&$f(a);case 26:case 5:Yr(e,a),o===null&&i&4&&Cf(a),i&512&&Zl(a,a.return);break;case 12:Yr(e,a);break;case 13:Yr(e,a),i&4&&If(e,a),i&64&&(e=a.memoizedState,e!==null&&(e=e.dehydrated,e!==null&&(a=yx.bind(null,a),Mx(e,a))));break;case 22:if(i=a.memoizedState!==null||mr,!i){o=o!==null&&o.memoizedState!==null||je,d=mr;var h=je;mr=i,(je=o)&&!h?Xr(e,a,(a.subtreeFlags&8772)!==0):Yr(e,a),mr=d,je=h}break;case 30:break;default:Yr(e,a)}}function Df(e){var o=e.alternate;o!==null&&(e.alternate=null,Df(o)),e.child=null,e.deletions=null,e.sibling=null,e.tag===5&&(o=e.stateNode,o!==null&&nd(o)),e.stateNode=null,e.return=null,e.dependencies=null,e.memoizedProps=null,e.memoizedState=null,e.pendingProps=null,e.stateNode=null,e.updateQueue=null}var pe=null,bo=!1;function kr(e,o,a){for(a=a.child;a!==null;)Mf(e,o,a),a=a.sibling}function Mf(e,o,a){if(jn&&typeof jn.onCommitFiberUnmount=="function")try{jn.onCommitFiberUnmount(kn,a)}catch{}switch(a.tag){case 26:je||Jo(a,o),kr(e,o,a),a.memoizedState?a.memoizedState.count--:a.stateNode&&(a=a.stateNode,a.parentNode.removeChild(a));break;case 27:je||Jo(a,o);var i=pe,d=bo;ot(a.type)&&(pe=a.stateNode,bo=!1),kr(e,o,a),ri(a.stateNode),pe=i,bo=d;break;case 5:je||Jo(a,o);case 6:if(i=pe,d=bo,pe=null,kr(e,o,a),pe=i,bo=d,pe!==null)if(bo)try{(pe.nodeType===9?pe.body:pe.nodeName==="HTML"?pe.ownerDocument.body:pe).removeChild(a.stateNode)}catch(h){le(a,o,h)}else try{pe.removeChild(a.stateNode)}catch(h){le(a,o,h)}break;case 18:pe!==null&&(bo?(e=pe,Sv(e.nodeType===9?e.body:e.nodeName==="HTML"?e.ownerDocument.body:e,a.stateNode),ui(e)):Sv(pe,a.stateNode));break;case 4:i=pe,d=bo,pe=a.stateNode.containerInfo,bo=!0,kr(e,o,a),pe=i,bo=d;break;case 0:case 11:case 14:case 15:je||Zr(2,a,o),je||Zr(4,a,o),kr(e,o,a);break;case 1:je||(Jo(a,o),i=a.stateNode,typeof i.componentWillUnmount=="function"&&Lf(a,o,i)),kr(e,o,a);break;case 21:kr(e,o,a);break;case 22:je=(i=je)||a.memoizedState!==null,kr(e,o,a),je=i;break;default:kr(e,o,a)}}function If(e,o){if(o.memoizedState===null&&(e=o.alternate,e!==null&&(e=e.memoizedState,e!==null&&(e=e.dehydrated,e!==null))))try{ui(e)}catch(a){le(o,o.return,a)}}function hx(e){switch(e.tag){case 13:case 19:var o=e.stateNode;return o===null&&(o=e.stateNode=new Rf),o;case 22:return e=e.stateNode,o=e._retryCache,o===null&&(o=e._retryCache=new Rf),o;default:throw Error(c(435,e.tag))}}function _u(e,o){var a=hx(e);o.forEach(function(i){var d=wx.bind(null,e,i);a.has(i)||(a.add(i),i.then(d,d))})}function wo(e,o){var a=o.deletions;if(a!==null)for(var i=0;i<a.length;i++){var d=a[i],h=e,v=o,k=v;n:for(;k!==null;){switch(k.tag){case 27:if(ot(k.type)){pe=k.stateNode,bo=!1;break n}break;case 5:pe=k.stateNode,bo=!1;break n;case 3:case 4:pe=k.stateNode.containerInfo,bo=!0;break n}k=k.return}if(pe===null)throw Error(c(160));Mf(h,v,d),pe=null,bo=!1,h=d.alternate,h!==null&&(h.return=null),d.return=null}if(o.subtreeFlags&13878)for(o=o.child;o!==null;)Kf(o,e),o=o.sibling}var qo=null;function Kf(e,o){var a=e.alternate,i=e.flags;switch(e.tag){case 0:case 11:case 14:case 15:wo(o,e),_o(e),i&4&&(Zr(3,e,e.return),Gl(3,e),Zr(5,e,e.return));break;case 1:wo(o,e),_o(e),i&512&&(je||a===null||Jo(a,a.return)),i&64&&mr&&(e=e.updateQueue,e!==null&&(i=e.callbacks,i!==null&&(a=e.shared.hiddenCallbacks,e.shared.hiddenCallbacks=a===null?i:a.concat(i))));break;case 26:var d=qo;if(wo(o,e),_o(e),i&512&&(je||a===null||Jo(a,a.return)),i&4){var h=a!==null?a.memoizedState:null;if(i=e.memoizedState,a===null)if(i===null)if(e.stateNode===null){n:{i=e.type,a=e.memoizedProps,d=d.ownerDocument||d;e:switch(i){case"title":h=d.getElementsByTagName("title")[0],(!h||h[ml]||h[Ye]||h.namespaceURI==="http://www.w3.org/2000/svg"||h.hasAttribute("itemprop"))&&(h=d.createElement(i),d.head.insertBefore(h,d.querySelector("head > title"))),Ve(h,i,a),h[Ye]=e,Be(h),i=h;break n;case"link":var v=$v("link","href",d).get(i+(a.href||""));if(v){for(var k=0;k<v.length;k++)if(h=v[k],h.getAttribute("href")===(a.href==null||a.href===""?null:a.href)&&h.getAttribute("rel")===(a.rel==null?null:a.rel)&&h.getAttribute("title")===(a.title==null?null:a.title)&&h.getAttribute("crossorigin")===(a.crossOrigin==null?null:a.crossOrigin)){v.splice(k,1);break e}}h=d.createElement(i),Ve(h,i,a),d.head.appendChild(h);break;case"meta":if(v=$v("meta","content",d).get(i+(a.content||""))){for(k=0;k<v.length;k++)if(h=v[k],h.getAttribute("content")===(a.content==null?null:""+a.content)&&h.getAttribute("name")===(a.name==null?null:a.name)&&h.getAttribute("property")===(a.property==null?null:a.property)&&h.getAttribute("http-equiv")===(a.httpEquiv==null?null:a.httpEquiv)&&h.getAttribute("charset")===(a.charSet==null?null:a.charSet)){v.splice(k,1);break e}}h=d.createElement(i),Ve(h,i,a),d.head.appendChild(h);break;default:throw Error(c(468,i))}h[Ye]=e,Be(h),i=h}e.stateNode=i}else Rv(d,e.type,e.stateNode);else e.stateNode=Nv(d,i,e.memoizedProps);else h!==i?(h===null?a.stateNode!==null&&(a=a.stateNode,a.parentNode.removeChild(a)):h.count--,i===null?Rv(d,e.type,e.stateNode):Nv(d,i,e.memoizedProps)):i===null&&e.stateNode!==null&&mu(e,e.memoizedProps,a.memoizedProps)}break;case 27:wo(o,e),_o(e),i&512&&(je||a===null||Jo(a,a.return)),a!==null&&i&4&&mu(e,e.memoizedProps,a.memoizedProps);break;case 5:if(wo(o,e),_o(e),i&512&&(je||a===null||Jo(a,a.return)),e.flags&32){d=e.stateNode;try{va(d,"")}catch(I){le(e,e.return,I)}}i&4&&e.stateNode!=null&&(d=e.memoizedProps,mu(e,d,a!==null?a.memoizedProps:d)),i&1024&&(wu=!0);break;case 6:if(wo(o,e),_o(e),i&4){if(e.stateNode===null)throw Error(c(162));i=e.memoizedProps,a=e.stateNode;try{a.nodeValue=i}catch(I){le(e,e.return,I)}}break;case 3:if(Yc=null,d=qo,qo=Gc(o.containerInfo),wo(o,e),qo=d,_o(e),i&4&&a!==null&&a.memoizedState.isDehydrated)try{ui(o.containerInfo)}catch(I){le(e,e.return,I)}wu&&(wu=!1,Hf(e));break;case 4:i=qo,qo=Gc(e.stateNode.containerInfo),wo(o,e),_o(e),qo=i;break;case 12:wo(o,e),_o(e);break;case 13:wo(o,e),_o(e),e.child.flags&8192&&e.memoizedState!==null!=(a!==null&&a.memoizedState!==null)&&(Au=rn()),i&4&&(i=e.updateQueue,i!==null&&(e.updateQueue=null,_u(e,i)));break;case 22:d=e.memoizedState!==null;var z=a!==null&&a.memoizedState!==null,B=mr,F=je;if(mr=B||d,je=F||z,wo(o,e),je=F,mr=B,_o(e),i&8192)n:for(o=e.stateNode,o._visibility=d?o._visibility&-2:o._visibility|1,d&&(a===null||z||mr||je||Mt(e)),a=null,o=e;;){if(o.tag===5||o.tag===26){if(a===null){z=a=o;try{if(h=z.stateNode,d)v=h.style,typeof v.setProperty=="function"?v.setProperty("display","none","important"):v.display="none";else{k=z.stateNode;var P=z.memoizedProps.style,D=P!=null&&P.hasOwnProperty("display")?P.display:null;k.style.display=D==null||typeof D=="boolean"?"":(""+D).trim()}}catch(I){le(z,z.return,I)}}}else if(o.tag===6){if(a===null){z=o;try{z.stateNode.nodeValue=d?"":z.memoizedProps}catch(I){le(z,z.return,I)}}}else if((o.tag!==22&&o.tag!==23||o.memoizedState===null||o===e)&&o.child!==null){o.child.return=o,o=o.child;continue}if(o===e)break n;for(;o.sibling===null;){if(o.return===null||o.return===e)break n;a===o&&(a=null),o=o.return}a===o&&(a=null),o.sibling.return=o.return,o=o.sibling}i&4&&(i=e.updateQueue,i!==null&&(a=i.retryQueue,a!==null&&(i.retryQueue=null,_u(e,a))));break;case 19:wo(o,e),_o(e),i&4&&(i=e.updateQueue,i!==null&&(e.updateQueue=null,_u(e,i)));break;case 30:break;case 21:break;default:wo(o,e),_o(e)}}function _o(e){var o=e.flags;if(o&2){try{for(var a,i=e.return;i!==null;){if(Nf(i)){a=i;break}i=i.return}if(a==null)throw Error(c(160));switch(a.tag){case 27:var d=a.stateNode,h=ku(e);$c(e,h,d);break;case 5:var v=a.stateNode;a.flags&32&&(va(v,""),a.flags&=-33);var k=ku(e);$c(e,k,v);break;case 3:case 4:var z=a.stateNode.containerInfo,B=ku(e);yu(e,B,z);break;default:throw Error(c(161))}}catch(F){le(e,e.return,F)}e.flags&=-3}o&4096&&(e.flags&=-4097)}function Hf(e){if(e.subtreeFlags&1024)for(e=e.child;e!==null;){var o=e;Hf(o),o.tag===5&&o.flags&1024&&o.stateNode.reset(),e=e.sibling}}function Yr(e,o){if(o.subtreeFlags&8772)for(o=o.child;o!==null;)Bf(e,o.alternate,o),o=o.sibling}function Mt(e){for(e=e.child;e!==null;){var o=e;switch(o.tag){case 0:case 11:case 14:case 15:Zr(4,o,o.return),Mt(o);break;case 1:Jo(o,o.return);var a=o.stateNode;typeof a.componentWillUnmount=="function"&&Lf(o,o.return,a),Mt(o);break;case 27:ri(o.stateNode);case 26:case 5:Jo(o,o.return),Mt(o);break;case 22:o.memoizedState===null&&Mt(o);break;case 30:Mt(o);break;default:Mt(o)}e=e.sibling}}function Xr(e,o,a){for(a=a&&(o.subtreeFlags&8772)!==0,o=o.child;o!==null;){var i=o.alternate,d=e,h=o,v=h.flags;switch(h.tag){case 0:case 11:case 15:Xr(d,h,a),Gl(4,h);break;case 1:if(Xr(d,h,a),i=h,d=i.stateNode,typeof d.componentDidMount=="function")try{d.componentDidMount()}catch(B){le(i,i.return,B)}if(i=h,d=i.updateQueue,d!==null){var k=i.stateNode;try{var z=d.shared.hiddenCallbacks;if(z!==null)for(d.shared.hiddenCallbacks=null,d=0;d<z.length;d++)gg(z[d],k)}catch(B){le(i,i.return,B)}}a&&v&64&&Of(h),Zl(h,h.return);break;case 27:$f(h);case 26:case 5:Xr(d,h,a),a&&i===null&&v&4&&Cf(h),Zl(h,h.return);break;case 12:Xr(d,h,a);break;case 13:Xr(d,h,a),a&&v&4&&If(d,h);break;case 22:h.memoizedState===null&&Xr(d,h,a),Zl(h,h.return);break;case 30:break;default:Xr(d,h,a)}o=o.sibling}}function xu(e,o){var a=null;e!==null&&e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(a=e.memoizedState.cachePool.pool),e=null,o.memoizedState!==null&&o.memoizedState.cachePool!==null&&(e=o.memoizedState.cachePool.pool),e!==a&&(e!=null&&e.refCount++,a!=null&&Nl(a))}function zu(e,o){e=null,o.alternate!==null&&(e=o.alternate.memoizedState.cache),o=o.memoizedState.cache,o!==e&&(o.refCount++,e!=null&&Nl(e))}function nr(e,o,a,i){if(o.subtreeFlags&10256)for(o=o.child;o!==null;)Uf(e,o,a,i),o=o.sibling}function Uf(e,o,a,i){var d=o.flags;switch(o.tag){case 0:case 11:case 15:nr(e,o,a,i),d&2048&&Gl(9,o);break;case 1:nr(e,o,a,i);break;case 3:nr(e,o,a,i),d&2048&&(e=null,o.alternate!==null&&(e=o.alternate.memoizedState.cache),o=o.memoizedState.cache,o!==e&&(o.refCount++,e!=null&&Nl(e)));break;case 12:if(d&2048){nr(e,o,a,i),e=o.stateNode;try{var h=o.memoizedProps,v=h.id,k=h.onPostCommit;typeof k=="function"&&k(v,o.alternate===null?"mount":"update",e.passiveEffectDuration,-0)}catch(z){le(o,o.return,z)}}else nr(e,o,a,i);break;case 13:nr(e,o,a,i);break;case 23:break;case 22:h=o.stateNode,v=o.alternate,o.memoizedState!==null?h._visibility&2?nr(e,o,a,i):Yl(e,o):h._visibility&2?nr(e,o,a,i):(h._visibility|=2,Ba(e,o,a,i,(o.subtreeFlags&10256)!==0)),d&2048&&xu(v,o);break;case 24:nr(e,o,a,i),d&2048&&zu(o.alternate,o);break;default:nr(e,o,a,i)}}function Ba(e,o,a,i,d){for(d=d&&(o.subtreeFlags&10256)!==0,o=o.child;o!==null;){var h=e,v=o,k=a,z=i,B=v.flags;switch(v.tag){case 0:case 11:case 15:Ba(h,v,k,z,d),Gl(8,v);break;case 23:break;case 22:var F=v.stateNode;v.memoizedState!==null?F._visibility&2?Ba(h,v,k,z,d):Yl(h,v):(F._visibility|=2,Ba(h,v,k,z,d)),d&&B&2048&&xu(v.alternate,v);break;case 24:Ba(h,v,k,z,d),d&&B&2048&&zu(v.alternate,v);break;default:Ba(h,v,k,z,d)}o=o.sibling}}function Yl(e,o){if(o.subtreeFlags&10256)for(o=o.child;o!==null;){var a=e,i=o,d=i.flags;switch(i.tag){case 22:Yl(a,i),d&2048&&xu(i.alternate,i);break;case 24:Yl(a,i),d&2048&&zu(i.alternate,i);break;default:Yl(a,i)}o=o.sibling}}var Xl=8192;function Da(e){if(e.subtreeFlags&Xl)for(e=e.child;e!==null;)Ff(e),e=e.sibling}function Ff(e){switch(e.tag){case 26:Da(e),e.flags&Xl&&e.memoizedState!==null&&Qx(qo,e.memoizedState,e.memoizedProps);break;case 5:Da(e);break;case 3:case 4:var o=qo;qo=Gc(e.stateNode.containerInfo),Da(e),qo=o;break;case 22:e.memoizedState===null&&(o=e.alternate,o!==null&&o.memoizedState!==null?(o=Xl,Xl=16777216,Da(e),Xl=o):Da(e));break;default:Da(e)}}function Vf(e){var o=e.alternate;if(o!==null&&(e=o.child,e!==null)){o.child=null;do o=e.sibling,e.sibling=null,e=o;while(e!==null)}}function Ql(e){var o=e.deletions;if((e.flags&16)!==0){if(o!==null)for(var a=0;a<o.length;a++){var i=o[a];Me=i,Pf(i,e)}Vf(e)}if(e.subtreeFlags&10256)for(e=e.child;e!==null;)qf(e),e=e.sibling}function qf(e){switch(e.tag){case 0:case 11:case 15:Ql(e),e.flags&2048&&Zr(9,e,e.return);break;case 3:Ql(e);break;case 12:Ql(e);break;case 22:var o=e.stateNode;e.memoizedState!==null&&o._visibility&2&&(e.return===null||e.return.tag!==13)?(o._visibility&=-3,Rc(e)):Ql(e);break;default:Ql(e)}}function Rc(e){var o=e.deletions;if((e.flags&16)!==0){if(o!==null)for(var a=0;a<o.length;a++){var i=o[a];Me=i,Pf(i,e)}Vf(e)}for(e=e.child;e!==null;){switch(o=e,o.tag){case 0:case 11:case 15:Zr(8,o,o.return),Rc(o);break;case 22:a=o.stateNode,a._visibility&2&&(a._visibility&=-3,Rc(o));break;default:Rc(o)}e=e.sibling}}function Pf(e,o){for(;Me!==null;){var a=Me;switch(a.tag){case 0:case 11:case 15:Zr(8,a,o);break;case 23:case 22:if(a.memoizedState!==null&&a.memoizedState.cachePool!==null){var i=a.memoizedState.cachePool.pool;i!=null&&i.refCount++}break;case 24:Nl(a.memoizedState.cache)}if(i=a.child,i!==null)i.return=a,Me=i;else n:for(a=e;Me!==null;){i=Me;var d=i.sibling,h=i.return;if(Df(i),i===a){Me=null;break n}if(d!==null){d.return=h,Me=d;break n}Me=h}}}var bx={getCacheForType:function(e){var o=Xe(Le),a=o.data.get(e);return a===void 0&&(a=e(),o.data.set(e,a)),a}},px=typeof WeakMap=="function"?WeakMap:Map,ee=0,ce=null,Mn=null,Fn=0,oe=0,xo=null,Qr=!1,Ma=!1,ju=!1,yr=0,ke=0,Wr=0,It=0,Su=0,Ko=0,Ia=0,Wl=null,po=null,Tu=!1,Au=0,Bc=1/0,Dc=null,Jr=null,Fe=0,nt=null,Ka=null,Ha=0,Eu=0,Ou=null,Gf=null,Jl=0,Lu=null;function zo(){if((ee&2)!==0&&Fn!==0)return Fn&-Fn;if(R.T!==null){var e=Aa;return e!==0?e:Mu()}return cp()}function Zf(){Ko===0&&(Ko=(Fn&536870912)===0||Zn?tp():536870912);var e=Io.current;return e!==null&&(e.flags|=32),Ko}function jo(e,o,a){(e===ce&&(oe===2||oe===9)||e.cancelPendingCommit!==null)&&(Ua(e,0),et(e,Fn,Ko,!1)),vl(e,a),((ee&2)===0||e!==ce)&&(e===ce&&((ee&2)===0&&(It|=a),ke===4&&et(e,Fn,Ko,!1)),er(e))}function Yf(e,o,a){if((ee&6)!==0)throw Error(c(327));var i=!a&&(o&124)===0&&(o&e.expiredLanes)===0||fl(e,o),d=i?vx(e,o):$u(e,o,!0),h=i;do{if(d===0){Ma&&!i&&et(e,o,0,!1);break}else{if(a=e.current.alternate,h&&!gx(a)){d=$u(e,o,!1),h=!1;continue}if(d===2){if(h=o,e.errorRecoveryDisabledLanes&h)var v=0;else v=e.pendingLanes&-536870913,v=v!==0?v:v&536870912?536870912:0;if(v!==0){o=v;n:{var k=e;d=Wl;var z=k.current.memoizedState.isDehydrated;if(z&&(Ua(k,v).flags|=256),v=$u(k,v,!1),v!==2){if(ju&&!z){k.errorRecoveryDisabledLanes|=h,It|=h,d=4;break n}h=po,po=d,h!==null&&(po===null?po=h:po.push.apply(po,h))}d=v}if(h=!1,d!==2)continue}}if(d===1){Ua(e,0),et(e,o,0,!0);break}n:{switch(i=e,h=d,h){case 0:case 1:throw Error(c(345));case 4:if((o&4194048)!==o)break;case 6:et(i,o,Ko,!Qr);break n;case 2:po=null;break;case 3:case 5:break;default:throw Error(c(329))}if((o&62914560)===o&&(d=Au+300-rn(),10<d)){if(et(i,o,Ko,!Qr),Zi(i,0,!0)!==0)break n;i.timeoutHandle=zv(Xf.bind(null,i,a,po,Dc,Tu,o,Ko,It,Ia,Qr,h,2,-0,0),d);break n}Xf(i,a,po,Dc,Tu,o,Ko,It,Ia,Qr,h,0,-0,0)}}break}while(!0);er(e)}function Xf(e,o,a,i,d,h,v,k,z,B,F,P,D,I){if(e.timeoutHandle=-1,P=o.subtreeFlags,(P&8192||(P&16785408)===16785408)&&(li={stylesheets:null,count:0,unsuspend:Xx},Ff(o),P=Wx(),P!==null)){e.cancelPendingCommit=P(rv.bind(null,e,o,h,a,i,d,v,k,z,F,1,D,I)),et(e,h,v,!B);return}rv(e,o,h,a,i,d,v,k,z)}function gx(e){for(var o=e;;){var a=o.tag;if((a===0||a===11||a===15)&&o.flags&16384&&(a=o.updateQueue,a!==null&&(a=a.stores,a!==null)))for(var i=0;i<a.length;i++){var d=a[i],h=d.getSnapshot;d=d.value;try{if(!ko(h(),d))return!1}catch{return!1}}if(a=o.child,o.subtreeFlags&16384&&a!==null)a.return=o,o=a;else{if(o===e)break;for(;o.sibling===null;){if(o.return===null||o.return===e)return!0;o=o.return}o.sibling.return=o.return,o=o.sibling}}return!0}function et(e,o,a,i){o&=~Su,o&=~It,e.suspendedLanes|=o,e.pingedLanes&=~o,i&&(e.warmLanes|=o),i=e.expirationTimes;for(var d=o;0<d;){var h=31-fe(d),v=1<<h;i[h]=-1,d&=~v}a!==0&&lp(e,a,o)}function Mc(){return(ee&6)===0?(ni(0),!1):!0}function Cu(){if(Mn!==null){if(oe===0)var e=Mn.return;else e=Mn,hr=Nt=null,Yd(e),$a=null,Vl=0,e=Mn;for(;e!==null;)Ef(e.alternate,e),e=e.return;Mn=null}}function Ua(e,o){var a=e.timeoutHandle;a!==-1&&(e.timeoutHandle=-1,Nx(a)),a=e.cancelPendingCommit,a!==null&&(e.cancelPendingCommit=null,a()),Cu(),ce=e,Mn=a=sr(e.current,null),Fn=o,oe=0,xo=null,Qr=!1,Ma=fl(e,o),ju=!1,Ia=Ko=Su=It=Wr=ke=0,po=Wl=null,Tu=!1,(o&8)!==0&&(o|=o&32);var i=e.entangledLanes;if(i!==0)for(e=e.entanglements,i&=o;0<i;){var d=31-fe(i),h=1<<d;o|=e[d],i&=~h}return yr=o,lc(),a}function Qf(e,o){$n=null,R.H=jc,o===Rl||o===gc?(o=bg(),oe=3):o===dg?(o=bg(),oe=4):oe=o===gf?8:o!==null&&typeof o=="object"&&typeof o.then=="function"?6:1,xo=o,Mn===null&&(ke=1,Oc(e,Ro(o,e.current)))}function Wf(){var e=R.H;return R.H=jc,e===null?jc:e}function Jf(){var e=R.A;return R.A=bx,e}function Nu(){ke=4,Qr||(Fn&4194048)!==Fn&&Io.current!==null||(Ma=!0),(Wr&134217727)===0&&(It&134217727)===0||ce===null||et(ce,Fn,Ko,!1)}function $u(e,o,a){var i=ee;ee|=2;var d=Wf(),h=Jf();(ce!==e||Fn!==o)&&(Dc=null,Ua(e,o)),o=!1;var v=ke;n:do try{if(oe!==0&&Mn!==null){var k=Mn,z=xo;switch(oe){case 8:Cu(),v=6;break n;case 3:case 2:case 9:case 6:Io.current===null&&(o=!0);var B=oe;if(oe=0,xo=null,Fa(e,k,z,B),a&&Ma){v=0;break n}break;default:B=oe,oe=0,xo=null,Fa(e,k,z,B)}}fx(),v=ke;break}catch(F){Qf(e,F)}while(!0);return o&&e.shellSuspendCounter++,hr=Nt=null,ee=i,R.H=d,R.A=h,Mn===null&&(ce=null,Fn=0,lc()),v}function fx(){for(;Mn!==null;)nv(Mn)}function vx(e,o){var a=ee;ee|=2;var i=Wf(),d=Jf();ce!==e||Fn!==o?(Dc=null,Bc=rn()+500,Ua(e,o)):Ma=fl(e,o);n:do try{if(oe!==0&&Mn!==null){o=Mn;var h=xo;e:switch(oe){case 1:oe=0,xo=null,Fa(e,o,h,1);break;case 2:case 9:if(ug(h)){oe=0,xo=null,ev(o);break}o=function(){oe!==2&&oe!==9||ce!==e||(oe=7),er(e)},h.then(o,o);break n;case 3:oe=7;break n;case 4:oe=5;break n;case 7:ug(h)?(oe=0,xo=null,ev(o)):(oe=0,xo=null,Fa(e,o,h,7));break;case 5:var v=null;switch(Mn.tag){case 26:v=Mn.memoizedState;case 5:case 27:var k=Mn;if(!v||Bv(v)){oe=0,xo=null;var z=k.sibling;if(z!==null)Mn=z;else{var B=k.return;B!==null?(Mn=B,Ic(B)):Mn=null}break e}}oe=0,xo=null,Fa(e,o,h,5);break;case 6:oe=0,xo=null,Fa(e,o,h,6);break;case 8:Cu(),ke=6;break n;default:throw Error(c(462))}}mx();break}catch(F){Qf(e,F)}while(!0);return hr=Nt=null,R.H=i,R.A=d,ee=a,Mn!==null?0:(ce=null,Fn=0,lc(),ke)}function mx(){for(;Mn!==null&&!ca();)nv(Mn)}function nv(e){var o=Tf(e.alternate,e,yr);e.memoizedProps=e.pendingProps,o===null?Ic(e):Mn=o}function ev(e){var o=e,a=o.alternate;switch(o.tag){case 15:case 0:o=wf(a,o,o.pendingProps,o.type,void 0,Fn);break;case 11:o=wf(a,o,o.pendingProps,o.type.render,o.ref,Fn);break;case 5:Yd(o);default:Ef(a,o),o=Mn=eg(o,yr),o=Tf(a,o,yr)}e.memoizedProps=e.pendingProps,o===null?Ic(e):Mn=o}function Fa(e,o,a,i){hr=Nt=null,Yd(o),$a=null,Vl=0;var d=o.return;try{if(ix(e,d,o,a,Fn)){ke=1,Oc(e,Ro(a,e.current)),Mn=null;return}}catch(h){if(d!==null)throw Mn=d,h;ke=1,Oc(e,Ro(a,e.current)),Mn=null;return}o.flags&32768?(Zn||i===1?e=!0:Ma||(Fn&536870912)!==0?e=!1:(Qr=e=!0,(i===2||i===9||i===3||i===6)&&(i=Io.current,i!==null&&i.tag===13&&(i.flags|=16384))),ov(o,e)):Ic(o)}function Ic(e){var o=e;do{if((o.flags&32768)!==0){ov(o,Qr);return}e=o.return;var a=sx(o.alternate,o,yr);if(a!==null){Mn=a;return}if(o=o.sibling,o!==null){Mn=o;return}Mn=o=e}while(o!==null);ke===0&&(ke=5)}function ov(e,o){do{var a=dx(e.alternate,e);if(a!==null){a.flags&=32767,Mn=a;return}if(a=e.return,a!==null&&(a.flags|=32768,a.subtreeFlags=0,a.deletions=null),!o&&(e=e.sibling,e!==null)){Mn=e;return}Mn=e=a}while(e!==null);ke=6,Mn=null}function rv(e,o,a,i,d,h,v,k,z){e.cancelPendingCommit=null;do Kc();while(Fe!==0);if((ee&6)!==0)throw Error(c(327));if(o!==null){if(o===e.current)throw Error(c(177));if(h=o.lanes|o.childLanes,h|=zd,X_(e,a,h,v,k,z),e===ce&&(Mn=ce=null,Fn=0),Ka=o,nt=e,Ha=a,Eu=h,Ou=d,Gf=i,(o.subtreeFlags&10256)!==0||(o.flags&10256)!==0?(e.callbackNode=null,e.callbackPriority=0,_x(xe,function(){return cv(),null})):(e.callbackNode=null,e.callbackPriority=0),i=(o.flags&13878)!==0,(o.subtreeFlags&13878)!==0||i){i=R.T,R.T=null,d=q.p,q.p=2,v=ee,ee|=4;try{ux(e,o,a)}finally{ee=v,q.p=d,R.T=i}}Fe=1,tv(),av(),lv()}}function tv(){if(Fe===1){Fe=0;var e=nt,o=Ka,a=(o.flags&13878)!==0;if((o.subtreeFlags&13878)!==0||a){a=R.T,R.T=null;var i=q.p;q.p=2;var d=ee;ee|=4;try{Kf(o,e);var h=Pu,v=qp(e.containerInfo),k=h.focusedElem,z=h.selectionRange;if(v!==k&&k&&k.ownerDocument&&Vp(k.ownerDocument.documentElement,k)){if(z!==null&&kd(k)){var B=z.start,F=z.end;if(F===void 0&&(F=B),"selectionStart"in k)k.selectionStart=B,k.selectionEnd=Math.min(F,k.value.length);else{var P=k.ownerDocument||document,D=P&&P.defaultView||window;if(D.getSelection){var I=D.getSelection(),Sn=k.textContent.length,_n=Math.min(z.start,Sn),ae=z.end===void 0?_n:Math.min(z.end,Sn);!I.extend&&_n>ae&&(v=ae,ae=_n,_n=v);var L=Fp(k,_n),T=Fp(k,ae);if(L&&T&&(I.rangeCount!==1||I.anchorNode!==L.node||I.anchorOffset!==L.offset||I.focusNode!==T.node||I.focusOffset!==T.offset)){var $=P.createRange();$.setStart(L.node,L.offset),I.removeAllRanges(),_n>ae?(I.addRange($),I.extend(T.node,T.offset)):($.setEnd(T.node,T.offset),I.addRange($))}}}}for(P=[],I=k;I=I.parentNode;)I.nodeType===1&&P.push({element:I,left:I.scrollLeft,top:I.scrollTop});for(typeof k.focus=="function"&&k.focus(),k=0;k<P.length;k++){var V=P[k];V.element.scrollLeft=V.left,V.element.scrollTop=V.top}}Wc=!!qu,Pu=qu=null}finally{ee=d,q.p=i,R.T=a}}e.current=o,Fe=2}}function av(){if(Fe===2){Fe=0;var e=nt,o=Ka,a=(o.flags&8772)!==0;if((o.subtreeFlags&8772)!==0||a){a=R.T,R.T=null;var i=q.p;q.p=2;var d=ee;ee|=4;try{Bf(e,o.alternate,o)}finally{ee=d,q.p=i,R.T=a}}Fe=3}}function lv(){if(Fe===4||Fe===3){Fe=0,bl();var e=nt,o=Ka,a=Ha,i=Gf;(o.subtreeFlags&10256)!==0||(o.flags&10256)!==0?Fe=5:(Fe=0,Ka=nt=null,iv(e,e.pendingLanes));var d=e.pendingLanes;if(d===0&&(Jr=null),Ws(a),o=o.stateNode,jn&&typeof jn.onCommitFiberRoot=="function")try{jn.onCommitFiberRoot(kn,o,void 0,(o.current.flags&128)===128)}catch{}if(i!==null){o=R.T,d=q.p,q.p=2,R.T=null;try{for(var h=e.onRecoverableError,v=0;v<i.length;v++){var k=i[v];h(k.value,{componentStack:k.stack})}}finally{R.T=o,q.p=d}}(Ha&3)!==0&&Kc(),er(e),d=e.pendingLanes,(a&4194090)!==0&&(d&42)!==0?e===Lu?Jl++:(Jl=0,Lu=e):Jl=0,ni(0)}}function iv(e,o){(e.pooledCacheLanes&=o)===0&&(o=e.pooledCache,o!=null&&(e.pooledCache=null,Nl(o)))}function Kc(e){return tv(),av(),lv(),cv()}function cv(){if(Fe!==5)return!1;var e=nt,o=Eu;Eu=0;var a=Ws(Ha),i=R.T,d=q.p;try{q.p=32>a?32:a,R.T=null,a=Ou,Ou=null;var h=nt,v=Ha;if(Fe=0,Ka=nt=null,Ha=0,(ee&6)!==0)throw Error(c(331));var k=ee;if(ee|=4,qf(h.current),Uf(h,h.current,v,a),ee=k,ni(0,!1),jn&&typeof jn.onPostCommitFiberRoot=="function")try{jn.onPostCommitFiberRoot(kn,h)}catch{}return!0}finally{q.p=d,R.T=i,iv(e,o)}}function sv(e,o,a){o=Ro(a,o),o=su(e.stateNode,o,2),e=Vr(e,o,2),e!==null&&(vl(e,2),er(e))}function le(e,o,a){if(e.tag===3)sv(e,e,a);else for(;o!==null;){if(o.tag===3){sv(o,e,a);break}else if(o.tag===1){var i=o.stateNode;if(typeof o.type.getDerivedStateFromError=="function"||typeof i.componentDidCatch=="function"&&(Jr===null||!Jr.has(i))){e=Ro(a,e),a=bf(2),i=Vr(o,a,2),i!==null&&(pf(a,i,o,e),vl(i,2),er(i));break}}o=o.return}}function Ru(e,o,a){var i=e.pingCache;if(i===null){i=e.pingCache=new px;var d=new Set;i.set(o,d)}else d=i.get(o),d===void 0&&(d=new Set,i.set(o,d));d.has(a)||(ju=!0,d.add(a),e=kx.bind(null,e,o,a),o.then(e,e))}function kx(e,o,a){var i=e.pingCache;i!==null&&i.delete(o),e.pingedLanes|=e.suspendedLanes&a,e.warmLanes&=~a,ce===e&&(Fn&a)===a&&(ke===4||ke===3&&(Fn&62914560)===Fn&&300>rn()-Au?(ee&2)===0&&Ua(e,0):Su|=a,Ia===Fn&&(Ia=0)),er(e)}function dv(e,o){o===0&&(o=ap()),e=za(e,o),e!==null&&(vl(e,o),er(e))}function yx(e){var o=e.memoizedState,a=0;o!==null&&(a=o.retryLane),dv(e,a)}function wx(e,o){var a=0;switch(e.tag){case 13:var i=e.stateNode,d=e.memoizedState;d!==null&&(a=d.retryLane);break;case 19:i=e.stateNode;break;case 22:i=e.stateNode._retryCache;break;default:throw Error(c(314))}i!==null&&i.delete(o),dv(e,a)}function _x(e,o){return Mr(e,o)}var Hc=null,Va=null,Bu=!1,Uc=!1,Du=!1,Kt=0;function er(e){e!==Va&&e.next===null&&(Va===null?Hc=Va=e:Va=Va.next=e),Uc=!0,Bu||(Bu=!0,zx())}function ni(e,o){if(!Du&&Uc){Du=!0;do for(var a=!1,i=Hc;i!==null;){if(e!==0){var d=i.pendingLanes;if(d===0)var h=0;else{var v=i.suspendedLanes,k=i.pingedLanes;h=(1<<31-fe(42|e)+1)-1,h&=d&~(v&~k),h=h&201326741?h&201326741|1:h?h|2:0}h!==0&&(a=!0,pv(i,h))}else h=Fn,h=Zi(i,i===ce?h:0,i.cancelPendingCommit!==null||i.timeoutHandle!==-1),(h&3)===0||fl(i,h)||(a=!0,pv(i,h));i=i.next}while(a);Du=!1}}function xx(){uv()}function uv(){Uc=Bu=!1;var e=0;Kt!==0&&(Cx()&&(e=Kt),Kt=0);for(var o=rn(),a=null,i=Hc;i!==null;){var d=i.next,h=hv(i,o);h===0?(i.next=null,a===null?Hc=d:a.next=d,d===null&&(Va=a)):(a=i,(e!==0||(h&3)!==0)&&(Uc=!0)),i=d}ni(e)}function hv(e,o){for(var a=e.suspendedLanes,i=e.pingedLanes,d=e.expirationTimes,h=e.pendingLanes&-62914561;0<h;){var v=31-fe(h),k=1<<v,z=d[v];z===-1?((k&a)===0||(k&i)!==0)&&(d[v]=Y_(k,o)):z<=o&&(e.expiredLanes|=k),h&=~k}if(o=ce,a=Fn,a=Zi(e,e===o?a:0,e.cancelPendingCommit!==null||e.timeoutHandle!==-1),i=e.callbackNode,a===0||e===o&&(oe===2||oe===9)||e.cancelPendingCommit!==null)return i!==null&&i!==null&&wt(i),e.callbackNode=null,e.callbackPriority=0;if((a&3)===0||fl(e,a)){if(o=a&-a,o===e.callbackPriority)return o;switch(i!==null&&wt(i),Ws(a)){case 2:case 8:a=ne;break;case 32:a=xe;break;case 268435456:a=Z;break;default:a=xe}return i=bv.bind(null,e),a=Mr(a,i),e.callbackPriority=o,e.callbackNode=a,o}return i!==null&&i!==null&&wt(i),e.callbackPriority=2,e.callbackNode=null,2}function bv(e,o){if(Fe!==0&&Fe!==5)return e.callbackNode=null,e.callbackPriority=0,null;var a=e.callbackNode;if(Kc()&&e.callbackNode!==a)return null;var i=Fn;return i=Zi(e,e===ce?i:0,e.cancelPendingCommit!==null||e.timeoutHandle!==-1),i===0?null:(Yf(e,i,o),hv(e,rn()),e.callbackNode!=null&&e.callbackNode===a?bv.bind(null,e):null)}function pv(e,o){if(Kc())return null;Yf(e,o,!0)}function zx(){$x(function(){(ee&6)!==0?Mr(An,xx):uv()})}function Mu(){return Kt===0&&(Kt=tp()),Kt}function gv(e){return e==null||typeof e=="symbol"||typeof e=="boolean"?null:typeof e=="function"?e:Ji(""+e)}function fv(e,o){var a=o.ownerDocument.createElement("input");return a.name=o.name,a.value=o.value,e.id&&a.setAttribute("form",e.id),o.parentNode.insertBefore(a,o),e=new FormData(e),a.parentNode.removeChild(a),e}function jx(e,o,a,i,d){if(o==="submit"&&a&&a.stateNode===d){var h=gv((d[so]||null).action),v=i.submitter;v&&(o=(o=v[so]||null)?gv(o.formAction):v.getAttribute("formAction"),o!==null&&(h=o,v=null));var k=new rc("action","action",null,i,d);e.push({event:k,listeners:[{instance:null,listener:function(){if(i.defaultPrevented){if(Kt!==0){var z=v?fv(d,v):new FormData(d);tu(a,{pending:!0,data:z,method:d.method,action:h},null,z)}}else typeof h=="function"&&(k.preventDefault(),z=v?fv(d,v):new FormData(d),tu(a,{pending:!0,data:z,method:d.method,action:h},h,z))},currentTarget:d}]})}}for(var Iu=0;Iu<xd.length;Iu++){var Ku=xd[Iu],Sx=Ku.toLowerCase(),Tx=Ku[0].toUpperCase()+Ku.slice(1);Vo(Sx,"on"+Tx)}Vo(Zp,"onAnimationEnd"),Vo(Yp,"onAnimationIteration"),Vo(Xp,"onAnimationStart"),Vo("dblclick","onDoubleClick"),Vo("focusin","onFocus"),Vo("focusout","onBlur"),Vo(V0,"onTransitionRun"),Vo(q0,"onTransitionStart"),Vo(P0,"onTransitionCancel"),Vo(Qp,"onTransitionEnd"),pa("onMouseEnter",["mouseout","mouseover"]),pa("onMouseLeave",["mouseout","mouseover"]),pa("onPointerEnter",["pointerout","pointerover"]),pa("onPointerLeave",["pointerout","pointerover"]),zt("onChange","change click focusin focusout input keydown keyup selectionchange".split(" ")),zt("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" ")),zt("onBeforeInput",["compositionend","keypress","textInput","paste"]),zt("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" ")),zt("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" ")),zt("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var ei="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(" "),Ax=new Set("beforetoggle cancel close invalid load scroll scrollend toggle".split(" ").concat(ei));function vv(e,o){o=(o&4)!==0;for(var a=0;a<e.length;a++){var i=e[a],d=i.event;i=i.listeners;n:{var h=void 0;if(o)for(var v=i.length-1;0<=v;v--){var k=i[v],z=k.instance,B=k.currentTarget;if(k=k.listener,z!==h&&d.isPropagationStopped())break n;h=k,d.currentTarget=B;try{h(d)}catch(F){Ec(F)}d.currentTarget=null,h=z}else for(v=0;v<i.length;v++){if(k=i[v],z=k.instance,B=k.currentTarget,k=k.listener,z!==h&&d.isPropagationStopped())break n;h=k,d.currentTarget=B;try{h(d)}catch(F){Ec(F)}d.currentTarget=null,h=z}}}}function In(e,o){var a=o[Js];a===void 0&&(a=o[Js]=new Set);var i=e+"__bubble";a.has(i)||(mv(o,e,2,!1),a.add(i))}function Hu(e,o,a){var i=0;o&&(i|=4),mv(a,e,i,o)}var Fc="_reactListening"+Math.random().toString(36).slice(2);function Uu(e){if(!e[Fc]){e[Fc]=!0,dp.forEach(function(a){a!=="selectionchange"&&(Ax.has(a)||Hu(a,!1,e),Hu(a,!0,e))});var o=e.nodeType===9?e:e.ownerDocument;o===null||o[Fc]||(o[Fc]=!0,Hu("selectionchange",!1,o))}}function mv(e,o,a,i){switch(Uv(o)){case 2:var d=ez;break;case 8:d=oz;break;default:d=oh}a=d.bind(null,o,a,e),d=void 0,!dd||o!=="touchstart"&&o!=="touchmove"&&o!=="wheel"||(d=!0),i?d!==void 0?e.addEventListener(o,a,{capture:!0,passive:d}):e.addEventListener(o,a,!0):d!==void 0?e.addEventListener(o,a,{passive:d}):e.addEventListener(o,a,!1)}function Fu(e,o,a,i,d){var h=i;if((o&1)===0&&(o&2)===0&&i!==null)n:for(;;){if(i===null)return;var v=i.tag;if(v===3||v===4){var k=i.stateNode.containerInfo;if(k===d)break;if(v===4)for(v=i.return;v!==null;){var z=v.tag;if((z===3||z===4)&&v.stateNode.containerInfo===d)return;v=v.return}for(;k!==null;){if(v=ua(k),v===null)return;if(z=v.tag,z===5||z===6||z===26||z===27){i=h=v;continue n}k=k.parentNode}}i=i.return}zp(function(){var B=h,F=cd(a),P=[];n:{var D=Wp.get(e);if(D!==void 0){var I=rc,Sn=e;switch(e){case"keypress":if(ec(a)===0)break n;case"keydown":case"keyup":I=_0;break;case"focusin":Sn="focus",I=pd;break;case"focusout":Sn="blur",I=pd;break;case"beforeblur":case"afterblur":I=pd;break;case"click":if(a.button===2)break n;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":I=Tp;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":I=d0;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":I=j0;break;case Zp:case Yp:case Xp:I=b0;break;case Qp:I=T0;break;case"scroll":case"scrollend":I=c0;break;case"wheel":I=E0;break;case"copy":case"cut":case"paste":I=g0;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":I=Ep;break;case"toggle":case"beforetoggle":I=L0}var _n=(o&4)!==0,ae=!_n&&(e==="scroll"||e==="scrollend"),L=_n?D!==null?D+"Capture":null:D;_n=[];for(var T=B,$;T!==null;){var V=T;if($=V.stateNode,V=V.tag,V!==5&&V!==26&&V!==27||$===null||L===null||(V=yl(T,L),V!=null&&_n.push(oi(T,V,$))),ae)break;T=T.return}0<_n.length&&(D=new I(D,Sn,null,a,F),P.push({event:D,listeners:_n}))}}if((o&7)===0){n:{if(D=e==="mouseover"||e==="pointerover",I=e==="mouseout"||e==="pointerout",D&&a!==id&&(Sn=a.relatedTarget||a.fromElement)&&(ua(Sn)||Sn[da]))break n;if((I||D)&&(D=F.window===F?F:(D=F.ownerDocument)?D.defaultView||D.parentWindow:window,I?(Sn=a.relatedTarget||a.toElement,I=B,Sn=Sn?ua(Sn):null,Sn!==null&&(ae=u(Sn),_n=Sn.tag,Sn!==ae||_n!==5&&_n!==27&&_n!==6)&&(Sn=null)):(I=null,Sn=B),I!==Sn)){if(_n=Tp,V="onMouseLeave",L="onMouseEnter",T="mouse",(e==="pointerout"||e==="pointerover")&&(_n=Ep,V="onPointerLeave",L="onPointerEnter",T="pointer"),ae=I==null?D:kl(I),$=Sn==null?D:kl(Sn),D=new _n(V,T+"leave",I,a,F),D.target=ae,D.relatedTarget=$,V=null,ua(F)===B&&(_n=new _n(L,T+"enter",Sn,a,F),_n.target=$,_n.relatedTarget=ae,V=_n),ae=V,I&&Sn)e:{for(_n=I,L=Sn,T=0,$=_n;$;$=qa($))T++;for($=0,V=L;V;V=qa(V))$++;for(;0<T-$;)_n=qa(_n),T--;for(;0<$-T;)L=qa(L),$--;for(;T--;){if(_n===L||L!==null&&_n===L.alternate)break e;_n=qa(_n),L=qa(L)}_n=null}else _n=null;I!==null&&kv(P,D,I,_n,!1),Sn!==null&&ae!==null&&kv(P,ae,Sn,_n,!0)}}n:{if(D=B?kl(B):window,I=D.nodeName&&D.nodeName.toLowerCase(),I==="select"||I==="input"&&D.type==="file")var sn=Dp;else if(Rp(D))if(Mp)sn=H0;else{sn=I0;var Rn=M0}else I=D.nodeName,!I||I.toLowerCase()!=="input"||D.type!=="checkbox"&&D.type!=="radio"?B&&ld(B.elementType)&&(sn=Dp):sn=K0;if(sn&&(sn=sn(e,B))){Bp(P,sn,a,F);break n}Rn&&Rn(e,D,B),e==="focusout"&&B&&D.type==="number"&&B.memoizedProps.value!=null&&ad(D,"number",D.value)}switch(Rn=B?kl(B):window,e){case"focusin":(Rp(Rn)||Rn.contentEditable==="true")&&(wa=Rn,yd=B,Al=null);break;case"focusout":Al=yd=wa=null;break;case"mousedown":wd=!0;break;case"contextmenu":case"mouseup":case"dragend":wd=!1,Pp(P,a,F);break;case"selectionchange":if(F0)break;case"keydown":case"keyup":Pp(P,a,F)}var mn;if(fd)n:{switch(e){case"compositionstart":var zn="onCompositionStart";break n;case"compositionend":zn="onCompositionEnd";break n;case"compositionupdate":zn="onCompositionUpdate";break n}zn=void 0}else ya?Np(e,a)&&(zn="onCompositionEnd"):e==="keydown"&&a.keyCode===229&&(zn="onCompositionStart");zn&&(Op&&a.locale!=="ko"&&(ya||zn!=="onCompositionStart"?zn==="onCompositionEnd"&&ya&&(mn=jp()):(Kr=F,ud="value"in Kr?Kr.value:Kr.textContent,ya=!0)),Rn=Vc(B,zn),0<Rn.length&&(zn=new Ap(zn,e,null,a,F),P.push({event:zn,listeners:Rn}),mn?zn.data=mn:(mn=$p(a),mn!==null&&(zn.data=mn)))),(mn=N0?$0(e,a):R0(e,a))&&(zn=Vc(B,"onBeforeInput"),0<zn.length&&(Rn=new Ap("onBeforeInput","beforeinput",null,a,F),P.push({event:Rn,listeners:zn}),Rn.data=mn)),jx(P,e,B,a,F)}vv(P,o)})}function oi(e,o,a){return{instance:e,listener:o,currentTarget:a}}function Vc(e,o){for(var a=o+"Capture",i=[];e!==null;){var d=e,h=d.stateNode;if(d=d.tag,d!==5&&d!==26&&d!==27||h===null||(d=yl(e,a),d!=null&&i.unshift(oi(e,d,h)),d=yl(e,o),d!=null&&i.push(oi(e,d,h))),e.tag===3)return i;e=e.return}return[]}function qa(e){if(e===null)return null;do e=e.return;while(e&&e.tag!==5&&e.tag!==27);return e||null}function kv(e,o,a,i,d){for(var h=o._reactName,v=[];a!==null&&a!==i;){var k=a,z=k.alternate,B=k.stateNode;if(k=k.tag,z!==null&&z===i)break;k!==5&&k!==26&&k!==27||B===null||(z=B,d?(B=yl(a,h),B!=null&&v.unshift(oi(a,B,z))):d||(B=yl(a,h),B!=null&&v.push(oi(a,B,z)))),a=a.return}v.length!==0&&e.push({event:o,listeners:v})}var Ex=/\r\n?/g,Ox=/\u0000|\uFFFD/g;function yv(e){return(typeof e=="string"?e:""+e).replace(Ex,`
 `).replace(Ox,"")}function wv(e,o){return o=yv(o),yv(e)===o}function qc(){}function te(e,o,a,i,d,h){switch(a){case"children":typeof i=="string"?o==="body"||o==="textarea"&&i===""||va(e,i):(typeof i=="number"||typeof i=="bigint")&&o!=="body"&&va(e,""+i);break;case"className":Xi(e,"class",i);break;case"tabIndex":Xi(e,"tabindex",i);break;case"dir":case"role":case"viewBox":case"width":case"height":Xi(e,a,i);break;case"style":_p(e,i,h);break;case"data":if(o!=="object"){Xi(e,"data",i);break}case"src":case"href":if(i===""&&(o!=="a"||a!=="href")){e.removeAttribute(a);break}if(i==null||typeof i=="function"||typeof i=="symbol"||typeof i=="boolean"){e.removeAttribute(a);break}i=Ji(""+i),e.setAttribute(a,i);break;case"action":case"formAction":if(typeof i=="function"){e.setAttribute(a,"javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')");break}else typeof h=="function"&&(a==="formAction"?(o!=="input"&&te(e,o,"name",d.name,d,null),te(e,o,"formEncType",d.formEncType,d,null),te(e,o,"formMethod",d.formMethod,d,null),te(e,o,"formTarget",d.formTarget,d,null)):(te(e,o,"encType",d.encType,d,null),te(e,o,"method",d.method,d,null),te(e,o,"target",d.target,d,null)));if(i==null||typeof i=="symbol"||typeof i=="boolean"){e.removeAttribute(a);break}i=Ji(""+i),e.setAttribute(a,i);break;case"onClick":i!=null&&(e.onclick=qc);break;case"onScroll":i!=null&&In("scroll",e);break;case"onScrollEnd":i!=null&&In("scrollend",e);break;case"dangerouslySetInnerHTML":if(i!=null){if(typeof i!="object"||!("__html"in i))throw Error(c(61));if(a=i.__html,a!=null){if(d.children!=null)throw Error(c(60));e.innerHTML=a}}break;case"multiple":e.multiple=i&&typeof i!="function"&&typeof i!="symbol";break;case"muted":e.muted=i&&typeof i!="function"&&typeof i!="symbol";break;case"suppressContentEditableWarning":case"suppressHydrationWarning":case"defaultValue":case"defaultChecked":case"innerHTML":case"ref":break;case"autoFocus":break;case"xlinkHref":if(i==null||typeof i=="function"||typeof i=="boolean"||typeof i=="symbol"){e.removeAttribute("xlink:href");break}a=Ji(""+i),e.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",a);break;case"contentEditable":case"spellCheck":case"draggable":case"value":case"autoReverse":case"externalResourcesRequired":case"focusable":case"preserveAlpha":i!=null&&typeof i!="function"&&typeof i!="symbol"?e.setAttribute(a,""+i):e.removeAttribute(a);break;case"inert":case"allowFullScreen":case"async":case"autoPlay":case"controls":case"default":case"defer":case"disabled":case"disablePictureInPicture":case"disableRemotePlayback":case"formNoValidate":case"hidden":case"loop":case"noModule":case"noValidate":case"open":case"playsInline":case"readOnly":case"required":case"reversed":case"scoped":case"seamless":case"itemScope":i&&typeof i!="function"&&typeof i!="symbol"?e.setAttribute(a,""):e.removeAttribute(a);break;case"capture":case"download":i===!0?e.setAttribute(a,""):i!==!1&&i!=null&&typeof i!="function"&&typeof i!="symbol"?e.setAttribute(a,i):e.removeAttribute(a);break;case"cols":case"rows":case"size":case"span":i!=null&&typeof i!="function"&&typeof i!="symbol"&&!isNaN(i)&&1<=i?e.setAttribute(a,i):e.removeAttribute(a);break;case"rowSpan":case"start":i==null||typeof i=="function"||typeof i=="symbol"||isNaN(i)?e.removeAttribute(a):e.setAttribute(a,i);break;case"popover":In("beforetoggle",e),In("toggle",e),Yi(e,"popover",i);break;case"xlinkActuate":ir(e,"http://www.w3.org/1999/xlink","xlink:actuate",i);break;case"xlinkArcrole":ir(e,"http://www.w3.org/1999/xlink","xlink:arcrole",i);break;case"xlinkRole":ir(e,"http://www.w3.org/1999/xlink","xlink:role",i);break;case"xlinkShow":ir(e,"http://www.w3.org/1999/xlink","xlink:show",i);break;case"xlinkTitle":ir(e,"http://www.w3.org/1999/xlink","xlink:title",i);break;case"xlinkType":ir(e,"http://www.w3.org/1999/xlink","xlink:type",i);break;case"xmlBase":ir(e,"http://www.w3.org/XML/1998/namespace","xml:base",i);break;case"xmlLang":ir(e,"http://www.w3.org/XML/1998/namespace","xml:lang",i);break;case"xmlSpace":ir(e,"http://www.w3.org/XML/1998/namespace","xml:space",i);break;case"is":Yi(e,"is",i);break;case"innerText":case"textContent":break;default:(!(2<a.length)||a[0]!=="o"&&a[0]!=="O"||a[1]!=="n"&&a[1]!=="N")&&(a=l0.get(a)||a,Yi(e,a,i))}}function Vu(e,o,a,i,d,h){switch(a){case"style":_p(e,i,h);break;case"dangerouslySetInnerHTML":if(i!=null){if(typeof i!="object"||!("__html"in i))throw Error(c(61));if(a=i.__html,a!=null){if(d.children!=null)throw Error(c(60));e.innerHTML=a}}break;case"children":typeof i=="string"?va(e,i):(typeof i=="number"||typeof i=="bigint")&&va(e,""+i);break;case"onScroll":i!=null&&In("scroll",e);break;case"onScrollEnd":i!=null&&In("scrollend",e);break;case"onClick":i!=null&&(e.onclick=qc);break;case"suppressContentEditableWarning":case"suppressHydrationWarning":case"innerHTML":case"ref":break;case"innerText":case"textContent":break;default:if(!up.hasOwnProperty(a))n:{if(a[0]==="o"&&a[1]==="n"&&(d=a.endsWith("Capture"),o=a.slice(2,d?a.length-7:void 0),h=e[so]||null,h=h!=null?h[a]:null,typeof h=="function"&&e.removeEventListener(o,h,d),typeof i=="function")){typeof h!="function"&&h!==null&&(a in e?e[a]=null:e.hasAttribute(a)&&e.removeAttribute(a)),e.addEventListener(o,i,d);break n}a in e?e[a]=i:i===!0?e.setAttribute(a,""):Yi(e,a,i)}}}function Ve(e,o,a){switch(o){case"div":case"span":case"svg":case"path":case"a":case"g":case"p":case"li":break;case"img":In("error",e),In("load",e);var i=!1,d=!1,h;for(h in a)if(a.hasOwnProperty(h)){var v=a[h];if(v!=null)switch(h){case"src":i=!0;break;case"srcSet":d=!0;break;case"children":case"dangerouslySetInnerHTML":throw Error(c(137,o));default:te(e,o,h,v,a,null)}}d&&te(e,o,"srcSet",a.srcSet,a,null),i&&te(e,o,"src",a.src,a,null);return;case"input":In("invalid",e);var k=h=v=d=null,z=null,B=null;for(i in a)if(a.hasOwnProperty(i)){var F=a[i];if(F!=null)switch(i){case"name":d=F;break;case"type":v=F;break;case"checked":z=F;break;case"defaultChecked":B=F;break;case"value":h=F;break;case"defaultValue":k=F;break;case"children":case"dangerouslySetInnerHTML":if(F!=null)throw Error(c(137,o));break;default:te(e,o,i,F,a,null)}}mp(e,h,k,z,B,v,d,!1),Qi(e);return;case"select":In("invalid",e),i=v=h=null;for(d in a)if(a.hasOwnProperty(d)&&(k=a[d],k!=null))switch(d){case"value":h=k;break;case"defaultValue":v=k;break;case"multiple":i=k;default:te(e,o,d,k,a,null)}o=h,a=v,e.multiple=!!i,o!=null?fa(e,!!i,o,!1):a!=null&&fa(e,!!i,a,!0);return;case"textarea":In("invalid",e),h=d=i=null;for(v in a)if(a.hasOwnProperty(v)&&(k=a[v],k!=null))switch(v){case"value":i=k;break;case"defaultValue":d=k;break;case"children":h=k;break;case"dangerouslySetInnerHTML":if(k!=null)throw Error(c(91));break;default:te(e,o,v,k,a,null)}yp(e,i,d,h),Qi(e);return;case"option":for(z in a)if(a.hasOwnProperty(z)&&(i=a[z],i!=null))switch(z){case"selected":e.selected=i&&typeof i!="function"&&typeof i!="symbol";break;default:te(e,o,z,i,a,null)}return;case"dialog":In("beforetoggle",e),In("toggle",e),In("cancel",e),In("close",e);break;case"iframe":case"object":In("load",e);break;case"video":case"audio":for(i=0;i<ei.length;i++)In(ei[i],e);break;case"image":In("error",e),In("load",e);break;case"details":In("toggle",e);break;case"embed":case"source":case"link":In("error",e),In("load",e);case"area":case"base":case"br":case"col":case"hr":case"keygen":case"meta":case"param":case"track":case"wbr":case"menuitem":for(B in a)if(a.hasOwnProperty(B)&&(i=a[B],i!=null))switch(B){case"children":case"dangerouslySetInnerHTML":throw Error(c(137,o));default:te(e,o,B,i,a,null)}return;default:if(ld(o)){for(F in a)a.hasOwnProperty(F)&&(i=a[F],i!==void 0&&Vu(e,o,F,i,a,void 0));return}}for(k in a)a.hasOwnProperty(k)&&(i=a[k],i!=null&&te(e,o,k,i,a,null))}function Lx(e,o,a,i){switch(o){case"div":case"span":case"svg":case"path":case"a":case"g":case"p":case"li":break;case"input":var d=null,h=null,v=null,k=null,z=null,B=null,F=null;for(I in a){var P=a[I];if(a.hasOwnProperty(I)&&P!=null)switch(I){case"checked":break;case"value":break;case"defaultValue":z=P;default:i.hasOwnProperty(I)||te(e,o,I,null,i,P)}}for(var D in i){var I=i[D];if(P=a[D],i.hasOwnProperty(D)&&(I!=null||P!=null))switch(D){case"type":h=I;break;case"name":d=I;break;case"checked":B=I;break;case"defaultChecked":F=I;break;case"value":v=I;break;case"defaultValue":k=I;break;case"children":case"dangerouslySetInnerHTML":if(I!=null)throw Error(c(137,o));break;default:I!==P&&te(e,o,D,I,i,P)}}td(e,v,k,z,B,F,h,d);return;case"select":I=v=k=D=null;for(h in a)if(z=a[h],a.hasOwnProperty(h)&&z!=null)switch(h){case"value":break;case"multiple":I=z;default:i.hasOwnProperty(h)||te(e,o,h,null,i,z)}for(d in i)if(h=i[d],z=a[d],i.hasOwnProperty(d)&&(h!=null||z!=null))switch(d){case"value":D=h;break;case"defaultValue":k=h;break;case"multiple":v=h;default:h!==z&&te(e,o,d,h,i,z)}o=k,a=v,i=I,D!=null?fa(e,!!a,D,!1):!!i!=!!a&&(o!=null?fa(e,!!a,o,!0):fa(e,!!a,a?[]:"",!1));return;case"textarea":I=D=null;for(k in a)if(d=a[k],a.hasOwnProperty(k)&&d!=null&&!i.hasOwnProperty(k))switch(k){case"value":break;case"children":break;default:te(e,o,k,null,i,d)}for(v in i)if(d=i[v],h=a[v],i.hasOwnProperty(v)&&(d!=null||h!=null))switch(v){case"value":D=d;break;case"defaultValue":I=d;break;case"children":break;case"dangerouslySetInnerHTML":if(d!=null)throw Error(c(91));break;default:d!==h&&te(e,o,v,d,i,h)}kp(e,D,I);return;case"option":for(var Sn in a)if(D=a[Sn],a.hasOwnProperty(Sn)&&D!=null&&!i.hasOwnProperty(Sn))switch(Sn){case"selected":e.selected=!1;break;default:te(e,o,Sn,null,i,D)}for(z in i)if(D=i[z],I=a[z],i.hasOwnProperty(z)&&D!==I&&(D!=null||I!=null))switch(z){case"selected":e.selected=D&&typeof D!="function"&&typeof D!="symbol";break;default:te(e,o,z,D,i,I)}return;case"img":case"link":case"area":case"base":case"br":case"col":case"embed":case"hr":case"keygen":case"meta":case"param":case"source":case"track":case"wbr":case"menuitem":for(var _n in a)D=a[_n],a.hasOwnProperty(_n)&&D!=null&&!i.hasOwnProperty(_n)&&te(e,o,_n,null,i,D);for(B in i)if(D=i[B],I=a[B],i.hasOwnProperty(B)&&D!==I&&(D!=null||I!=null))switch(B){case"children":case"dangerouslySetInnerHTML":if(D!=null)throw Error(c(137,o));break;default:te(e,o,B,D,i,I)}return;default:if(ld(o)){for(var ae in a)D=a[ae],a.hasOwnProperty(ae)&&D!==void 0&&!i.hasOwnProperty(ae)&&Vu(e,o,ae,void 0,i,D);for(F in i)D=i[F],I=a[F],!i.hasOwnProperty(F)||D===I||D===void 0&&I===void 0||Vu(e,o,F,D,i,I);return}}for(var L in a)D=a[L],a.hasOwnProperty(L)&&D!=null&&!i.hasOwnProperty(L)&&te(e,o,L,null,i,D);for(P in i)D=i[P],I=a[P],!i.hasOwnProperty(P)||D===I||D==null&&I==null||te(e,o,P,D,i,I)}var qu=null,Pu=null;function Pc(e){return e.nodeType===9?e:e.ownerDocument}function _v(e){switch(e){case"http://www.w3.org/2000/svg":return 1;case"http://www.w3.org/1998/Math/MathML":return 2;default:return 0}}function xv(e,o){if(e===0)switch(o){case"svg":return 1;case"math":return 2;default:return 0}return e===1&&o==="foreignObject"?0:e}function Gu(e,o){return e==="textarea"||e==="noscript"||typeof o.children=="string"||typeof o.children=="number"||typeof o.children=="bigint"||typeof o.dangerouslySetInnerHTML=="object"&&o.dangerouslySetInnerHTML!==null&&o.dangerouslySetInnerHTML.__html!=null}var Zu=null;function Cx(){var e=window.event;return e&&e.type==="popstate"?e===Zu?!1:(Zu=e,!0):(Zu=null,!1)}var zv=typeof setTimeout=="function"?setTimeout:void 0,Nx=typeof clearTimeout=="function"?clearTimeout:void 0,jv=typeof Promise=="function"?Promise:void 0,$x=typeof queueMicrotask=="function"?queueMicrotask:typeof jv<"u"?function(e){return jv.resolve(null).then(e).catch(Rx)}:zv;function Rx(e){setTimeout(function(){throw e})}function ot(e){return e==="head"}function Sv(e,o){var a=o,i=0,d=0;do{var h=a.nextSibling;if(e.removeChild(a),h&&h.nodeType===8)if(a=h.data,a==="/$"){if(0<i&&8>i){a=i;var v=e.ownerDocument;if(a&1&&ri(v.documentElement),a&2&&ri(v.body),a&4)for(a=v.head,ri(a),v=a.firstChild;v;){var k=v.nextSibling,z=v.nodeName;v[ml]||z==="SCRIPT"||z==="STYLE"||z==="LINK"&&v.rel.toLowerCase()==="stylesheet"||a.removeChild(v),v=k}}if(d===0){e.removeChild(h),ui(o);return}d--}else a==="$"||a==="$?"||a==="$!"?d++:i=a.charCodeAt(0)-48;else i=0;a=h}while(a);ui(o)}function Yu(e){var o=e.firstChild;for(o&&o.nodeType===10&&(o=o.nextSibling);o;){var a=o;switch(o=o.nextSibling,a.nodeName){case"HTML":case"HEAD":case"BODY":Yu(a),nd(a);continue;case"SCRIPT":case"STYLE":continue;case"LINK":if(a.rel.toLowerCase()==="stylesheet")continue}e.removeChild(a)}}function Bx(e,o,a,i){for(;e.nodeType===1;){var d=a;if(e.nodeName.toLowerCase()!==o.toLowerCase()){if(!i&&(e.nodeName!=="INPUT"||e.type!=="hidden"))break}else if(i){if(!e[ml])switch(o){case"meta":if(!e.hasAttribute("itemprop"))break;return e;case"link":if(h=e.getAttribute("rel"),h==="stylesheet"&&e.hasAttribute("data-precedence"))break;if(h!==d.rel||e.getAttribute("href")!==(d.href==null||d.href===""?null:d.href)||e.getAttribute("crossorigin")!==(d.crossOrigin==null?null:d.crossOrigin)||e.getAttribute("title")!==(d.title==null?null:d.title))break;return e;case"style":if(e.hasAttribute("data-precedence"))break;return e;case"script":if(h=e.getAttribute("src"),(h!==(d.src==null?null:d.src)||e.getAttribute("type")!==(d.type==null?null:d.type)||e.getAttribute("crossorigin")!==(d.crossOrigin==null?null:d.crossOrigin))&&h&&e.hasAttribute("async")&&!e.hasAttribute("itemprop"))break;return e;default:return e}}else if(o==="input"&&e.type==="hidden"){var h=d.name==null?null:""+d.name;if(d.type==="hidden"&&e.getAttribute("name")===h)return e}else return e;if(e=Po(e.nextSibling),e===null)break}return null}function Dx(e,o,a){if(o==="")return null;for(;e.nodeType!==3;)if((e.nodeType!==1||e.nodeName!=="INPUT"||e.type!=="hidden")&&!a||(e=Po(e.nextSibling),e===null))return null;return e}function Xu(e){return e.data==="$!"||e.data==="$?"&&e.ownerDocument.readyState==="complete"}function Mx(e,o){var a=e.ownerDocument;if(e.data!=="$?"||a.readyState==="complete")o();else{var i=function(){o(),a.removeEventListener("DOMContentLoaded",i)};a.addEventListener("DOMContentLoaded",i),e._reactRetry=i}}function Po(e){for(;e!=null;e=e.nextSibling){var o=e.nodeType;if(o===1||o===3)break;if(o===8){if(o=e.data,o==="$"||o==="$!"||o==="$?"||o==="F!"||o==="F")break;if(o==="/$")return null}}return e}var Qu=null;function Tv(e){e=e.previousSibling;for(var o=0;e;){if(e.nodeType===8){var a=e.data;if(a==="$"||a==="$!"||a==="$?"){if(o===0)return e;o--}else a==="/$"&&o++}e=e.previousSibling}return null}function Av(e,o,a){switch(o=Pc(a),e){case"html":if(e=o.documentElement,!e)throw Error(c(452));return e;case"head":if(e=o.head,!e)throw Error(c(453));return e;case"body":if(e=o.body,!e)throw Error(c(454));return e;default:throw Error(c(451))}}function ri(e){for(var o=e.attributes;o.length;)e.removeAttributeNode(o[0]);nd(e)}var Ho=new Map,Ev=new Set;function Gc(e){return typeof e.getRootNode=="function"?e.getRootNode():e.nodeType===9?e:e.ownerDocument}var wr=q.d;q.d={f:Ix,r:Kx,D:Hx,C:Ux,L:Fx,m:Vx,X:Px,S:qx,M:Gx};function Ix(){var e=wr.f(),o=Mc();return e||o}function Kx(e){var o=ha(e);o!==null&&o.tag===5&&o.type==="form"?Zg(o):wr.r(e)}var Pa=typeof document>"u"?null:document;function Ov(e,o,a){var i=Pa;if(i&&typeof o=="string"&&o){var d=$o(o);d='link[rel="'+e+'"][href="'+d+'"]',typeof a=="string"&&(d+='[crossorigin="'+a+'"]'),Ev.has(d)||(Ev.add(d),e={rel:e,crossOrigin:a,href:o},i.querySelector(d)===null&&(o=i.createElement("link"),Ve(o,"link",e),Be(o),i.head.appendChild(o)))}}function Hx(e){wr.D(e),Ov("dns-prefetch",e,null)}function Ux(e,o){wr.C(e,o),Ov("preconnect",e,o)}function Fx(e,o,a){wr.L(e,o,a);var i=Pa;if(i&&e&&o){var d='link[rel="preload"][as="'+$o(o)+'"]';o==="image"&&a&&a.imageSrcSet?(d+='[imagesrcset="'+$o(a.imageSrcSet)+'"]',typeof a.imageSizes=="string"&&(d+='[imagesizes="'+$o(a.imageSizes)+'"]')):d+='[href="'+$o(e)+'"]';var h=d;switch(o){case"style":h=Ga(e);break;case"script":h=Za(e)}Ho.has(h)||(e=m({rel:"preload",href:o==="image"&&a&&a.imageSrcSet?void 0:e,as:o},a),Ho.set(h,e),i.querySelector(d)!==null||o==="style"&&i.querySelector(ti(h))||o==="script"&&i.querySelector(ai(h))||(o=i.createElement("link"),Ve(o,"link",e),Be(o),i.head.appendChild(o)))}}function Vx(e,o){wr.m(e,o);var a=Pa;if(a&&e){var i=o&&typeof o.as=="string"?o.as:"script",d='link[rel="modulepreload"][as="'+$o(i)+'"][href="'+$o(e)+'"]',h=d;switch(i){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":h=Za(e)}if(!Ho.has(h)&&(e=m({rel:"modulepreload",href:e},o),Ho.set(h,e),a.querySelector(d)===null)){switch(i){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":if(a.querySelector(ai(h)))return}i=a.createElement("link"),Ve(i,"link",e),Be(i),a.head.appendChild(i)}}}function qx(e,o,a){wr.S(e,o,a);var i=Pa;if(i&&e){var d=ba(i).hoistableStyles,h=Ga(e);o=o||"default";var v=d.get(h);if(!v){var k={loading:0,preload:null};if(v=i.querySelector(ti(h)))k.loading=5;else{e=m({rel:"stylesheet",href:e,"data-precedence":o},a),(a=Ho.get(h))&&Wu(e,a);var z=v=i.createElement("link");Be(z),Ve(z,"link",e),z._p=new Promise(function(B,F){z.onload=B,z.onerror=F}),z.addEventListener("load",function(){k.loading|=1}),z.addEventListener("error",function(){k.loading|=2}),k.loading|=4,Zc(v,o,i)}v={type:"stylesheet",instance:v,count:1,state:k},d.set(h,v)}}}function Px(e,o){wr.X(e,o);var a=Pa;if(a&&e){var i=ba(a).hoistableScripts,d=Za(e),h=i.get(d);h||(h=a.querySelector(ai(d)),h||(e=m({src:e,async:!0},o),(o=Ho.get(d))&&Ju(e,o),h=a.createElement("script"),Be(h),Ve(h,"link",e),a.head.appendChild(h)),h={type:"script",instance:h,count:1,state:null},i.set(d,h))}}function Gx(e,o){wr.M(e,o);var a=Pa;if(a&&e){var i=ba(a).hoistableScripts,d=Za(e),h=i.get(d);h||(h=a.querySelector(ai(d)),h||(e=m({src:e,async:!0,type:"module"},o),(o=Ho.get(d))&&Ju(e,o),h=a.createElement("script"),Be(h),Ve(h,"link",e),a.head.appendChild(h)),h={type:"script",instance:h,count:1,state:null},i.set(d,h))}}function Lv(e,o,a,i){var d=(d=yn.current)?Gc(d):null;if(!d)throw Error(c(446));switch(e){case"meta":case"title":return null;case"style":return typeof a.precedence=="string"&&typeof a.href=="string"?(o=Ga(a.href),a=ba(d).hoistableStyles,i=a.get(o),i||(i={type:"style",instance:null,count:0,state:null},a.set(o,i)),i):{type:"void",instance:null,count:0,state:null};case"link":if(a.rel==="stylesheet"&&typeof a.href=="string"&&typeof a.precedence=="string"){e=Ga(a.href);var h=ba(d).hoistableStyles,v=h.get(e);if(v||(d=d.ownerDocument||d,v={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},h.set(e,v),(h=d.querySelector(ti(e)))&&!h._p&&(v.instance=h,v.state.loading=5),Ho.has(e)||(a={rel:"preload",as:"style",href:a.href,crossOrigin:a.crossOrigin,integrity:a.integrity,media:a.media,hrefLang:a.hrefLang,referrerPolicy:a.referrerPolicy},Ho.set(e,a),h||Zx(d,e,a,v.state))),o&&i===null)throw Error(c(528,""));return v}if(o&&i!==null)throw Error(c(529,""));return null;case"script":return o=a.async,a=a.src,typeof a=="string"&&o&&typeof o!="function"&&typeof o!="symbol"?(o=Za(a),a=ba(d).hoistableScripts,i=a.get(o),i||(i={type:"script",instance:null,count:0,state:null},a.set(o,i)),i):{type:"void",instance:null,count:0,state:null};default:throw Error(c(444,e))}}function Ga(e){return'href="'+$o(e)+'"'}function ti(e){return'link[rel="stylesheet"]['+e+"]"}function Cv(e){return m({},e,{"data-precedence":e.precedence,precedence:null})}function Zx(e,o,a,i){e.querySelector('link[rel="preload"][as="style"]['+o+"]")?i.loading=1:(o=e.createElement("link"),i.preload=o,o.addEventListener("load",function(){return i.loading|=1}),o.addEventListener("error",function(){return i.loading|=2}),Ve(o,"link",a),Be(o),e.head.appendChild(o))}function Za(e){return'[src="'+$o(e)+'"]'}function ai(e){return"script[async]"+e}function Nv(e,o,a){if(o.count++,o.instance===null)switch(o.type){case"style":var i=e.querySelector('style[data-href~="'+$o(a.href)+'"]');if(i)return o.instance=i,Be(i),i;var d=m({},a,{"data-href":a.href,"data-precedence":a.precedence,href:null,precedence:null});return i=(e.ownerDocument||e).createElement("style"),Be(i),Ve(i,"style",d),Zc(i,a.precedence,e),o.instance=i;case"stylesheet":d=Ga(a.href);var h=e.querySelector(ti(d));if(h)return o.state.loading|=4,o.instance=h,Be(h),h;i=Cv(a),(d=Ho.get(d))&&Wu(i,d),h=(e.ownerDocument||e).createElement("link"),Be(h);var v=h;return v._p=new Promise(function(k,z){v.onload=k,v.onerror=z}),Ve(h,"link",i),o.state.loading|=4,Zc(h,a.precedence,e),o.instance=h;case"script":return h=Za(a.src),(d=e.querySelector(ai(h)))?(o.instance=d,Be(d),d):(i=a,(d=Ho.get(h))&&(i=m({},a),Ju(i,d)),e=e.ownerDocument||e,d=e.createElement("script"),Be(d),Ve(d,"link",i),e.head.appendChild(d),o.instance=d);case"void":return null;default:throw Error(c(443,o.type))}else o.type==="stylesheet"&&(o.state.loading&4)===0&&(i=o.instance,o.state.loading|=4,Zc(i,a.precedence,e));return o.instance}function Zc(e,o,a){for(var i=a.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),d=i.length?i[i.length-1]:null,h=d,v=0;v<i.length;v++){var k=i[v];if(k.dataset.precedence===o)h=k;else if(h!==d)break}h?h.parentNode.insertBefore(e,h.nextSibling):(o=a.nodeType===9?a.head:a,o.insertBefore(e,o.firstChild))}function Wu(e,o){e.crossOrigin==null&&(e.crossOrigin=o.crossOrigin),e.referrerPolicy==null&&(e.referrerPolicy=o.referrerPolicy),e.title==null&&(e.title=o.title)}function Ju(e,o){e.crossOrigin==null&&(e.crossOrigin=o.crossOrigin),e.referrerPolicy==null&&(e.referrerPolicy=o.referrerPolicy),e.integrity==null&&(e.integrity=o.integrity)}var Yc=null;function $v(e,o,a){if(Yc===null){var i=new Map,d=Yc=new Map;d.set(a,i)}else d=Yc,i=d.get(a),i||(i=new Map,d.set(a,i));if(i.has(e))return i;for(i.set(e,null),a=a.getElementsByTagName(e),d=0;d<a.length;d++){var h=a[d];if(!(h[ml]||h[Ye]||e==="link"&&h.getAttribute("rel")==="stylesheet")&&h.namespaceURI!=="http://www.w3.org/2000/svg"){var v=h.getAttribute(o)||"";v=e+v;var k=i.get(v);k?k.push(h):i.set(v,[h])}}return i}function Rv(e,o,a){e=e.ownerDocument||e,e.head.insertBefore(a,o==="title"?e.querySelector("head > title"):null)}function Yx(e,o,a){if(a===1||o.itemProp!=null)return!1;switch(e){case"meta":case"title":return!0;case"style":if(typeof o.precedence!="string"||typeof o.href!="string"||o.href==="")break;return!0;case"link":if(typeof o.rel!="string"||typeof o.href!="string"||o.href===""||o.onLoad||o.onError)break;switch(o.rel){case"stylesheet":return e=o.disabled,typeof o.precedence=="string"&&e==null;default:return!0}case"script":if(o.async&&typeof o.async!="function"&&typeof o.async!="symbol"&&!o.onLoad&&!o.onError&&o.src&&typeof o.src=="string")return!0}return!1}function Bv(e){return!(e.type==="stylesheet"&&(e.state.loading&3)===0)}var li=null;function Xx(){}function Qx(e,o,a){if(li===null)throw Error(c(475));var i=li;if(o.type==="stylesheet"&&(typeof a.media!="string"||matchMedia(a.media).matches!==!1)&&(o.state.loading&4)===0){if(o.instance===null){var d=Ga(a.href),h=e.querySelector(ti(d));if(h){e=h._p,e!==null&&typeof e=="object"&&typeof e.then=="function"&&(i.count++,i=Xc.bind(i),e.then(i,i)),o.state.loading|=4,o.instance=h,Be(h);return}h=e.ownerDocument||e,a=Cv(a),(d=Ho.get(d))&&Wu(a,d),h=h.createElement("link"),Be(h);var v=h;v._p=new Promise(function(k,z){v.onload=k,v.onerror=z}),Ve(h,"link",a),o.instance=h}i.stylesheets===null&&(i.stylesheets=new Map),i.stylesheets.set(o,e),(e=o.state.preload)&&(o.state.loading&3)===0&&(i.count++,o=Xc.bind(i),e.addEventListener("load",o),e.addEventListener("error",o))}}function Wx(){if(li===null)throw Error(c(475));var e=li;return e.stylesheets&&e.count===0&&nh(e,e.stylesheets),0<e.count?function(o){var a=setTimeout(function(){if(e.stylesheets&&nh(e,e.stylesheets),e.unsuspend){var i=e.unsuspend;e.unsuspend=null,i()}},6e4);return e.unsuspend=o,function(){e.unsuspend=null,clearTimeout(a)}}:null}function Xc(){if(this.count--,this.count===0){if(this.stylesheets)nh(this,this.stylesheets);else if(this.unsuspend){var e=this.unsuspend;this.unsuspend=null,e()}}}var Qc=null;function nh(e,o){e.stylesheets=null,e.unsuspend!==null&&(e.count++,Qc=new Map,o.forEach(Jx,e),Qc=null,Xc.call(e))}function Jx(e,o){if(!(o.state.loading&4)){var a=Qc.get(e);if(a)var i=a.get(null);else{a=new Map,Qc.set(e,a);for(var d=e.querySelectorAll("link[data-precedence],style[data-precedence]"),h=0;h<d.length;h++){var v=d[h];(v.nodeName==="LINK"||v.getAttribute("media")!=="not all")&&(a.set(v.dataset.precedence,v),i=v)}i&&a.set(null,i)}d=o.instance,v=d.getAttribute("data-precedence"),h=a.get(v)||i,h===i&&a.set(null,d),a.set(v,d),this.count++,i=Xc.bind(this),d.addEventListener("load",i),d.addEventListener("error",i),h?h.parentNode.insertBefore(d,h.nextSibling):(e=e.nodeType===9?e.head:e,e.insertBefore(d,e.firstChild)),o.state.loading|=4}}var ii={$$typeof:G,Provider:null,Consumer:null,_currentValue:nn,_currentValue2:nn,_threadCount:0};function nz(e,o,a,i,d,h,v,k){this.tag=1,this.containerInfo=e,this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null,this.callbackPriority=0,this.expirationTimes=Xs(-1),this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.expiredLanes=this.warmLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=Xs(0),this.hiddenUpdates=Xs(null),this.identifierPrefix=i,this.onUncaughtError=d,this.onCaughtError=h,this.onRecoverableError=v,this.pooledCache=null,this.pooledCacheLanes=0,this.formState=k,this.incompleteTransitions=new Map}function Dv(e,o,a,i,d,h,v,k,z,B,F,P){return e=new nz(e,o,a,v,k,z,B,P),o=1,h===!0&&(o|=24),h=yo(3,null,null,o),e.current=h,h.stateNode=e,o=Rd(),o.refCount++,e.pooledCache=o,o.refCount++,h.memoizedState={element:i,isDehydrated:a,cache:o},Id(h),e}function Mv(e){return e?(e=ja,e):ja}function Iv(e,o,a,i,d,h){d=Mv(d),i.context===null?i.context=d:i.pendingContext=d,i=Fr(o),i.payload={element:a},h=h===void 0?null:h,h!==null&&(i.callback=h),a=Vr(e,i,o),a!==null&&(jo(a,e,o),Dl(a,e,o))}function Kv(e,o){if(e=e.memoizedState,e!==null&&e.dehydrated!==null){var a=e.retryLane;e.retryLane=a!==0&&a<o?a:o}}function eh(e,o){Kv(e,o),(e=e.alternate)&&Kv(e,o)}function Hv(e){if(e.tag===13){var o=za(e,67108864);o!==null&&jo(o,e,67108864),eh(e,67108864)}}var Wc=!0;function ez(e,o,a,i){var d=R.T;R.T=null;var h=q.p;try{q.p=2,oh(e,o,a,i)}finally{q.p=h,R.T=d}}function oz(e,o,a,i){var d=R.T;R.T=null;var h=q.p;try{q.p=8,oh(e,o,a,i)}finally{q.p=h,R.T=d}}function oh(e,o,a,i){if(Wc){var d=rh(i);if(d===null)Fu(e,o,i,Jc,a),Fv(e,i);else if(tz(d,e,o,a,i))i.stopPropagation();else if(Fv(e,i),o&4&&-1<rz.indexOf(e)){for(;d!==null;){var h=ha(d);if(h!==null)switch(h.tag){case 3:if(h=h.stateNode,h.current.memoizedState.isDehydrated){var v=xt(h.pendingLanes);if(v!==0){var k=h;for(k.pendingLanes|=2,k.entangledLanes|=2;v;){var z=1<<31-fe(v);k.entanglements[1]|=z,v&=~z}er(h),(ee&6)===0&&(Bc=rn()+500,ni(0))}}break;case 13:k=za(h,2),k!==null&&jo(k,h,2),Mc(),eh(h,2)}if(h=rh(i),h===null&&Fu(e,o,i,Jc,a),h===d)break;d=h}d!==null&&i.stopPropagation()}else Fu(e,o,i,null,a)}}function rh(e){return e=cd(e),th(e)}var Jc=null;function th(e){if(Jc=null,e=ua(e),e!==null){var o=u(e);if(o===null)e=null;else{var a=o.tag;if(a===13){if(e=b(o),e!==null)return e;e=null}else if(a===3){if(o.stateNode.current.memoizedState.isDehydrated)return o.tag===3?o.stateNode.containerInfo:null;e=null}else o!==e&&(e=null)}}return Jc=e,null}function Uv(e){switch(e){case"beforetoggle":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"toggle":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 2;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"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 8;case"message":switch(bn()){case An:return 2;case ne:return 8;case xe:case N:return 32;case Z:return 268435456;default:return 32}default:return 32}}var ah=!1,rt=null,tt=null,at=null,ci=new Map,si=new Map,lt=[],rz="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".split(" ");function Fv(e,o){switch(e){case"focusin":case"focusout":rt=null;break;case"dragenter":case"dragleave":tt=null;break;case"mouseover":case"mouseout":at=null;break;case"pointerover":case"pointerout":ci.delete(o.pointerId);break;case"gotpointercapture":case"lostpointercapture":si.delete(o.pointerId)}}function di(e,o,a,i,d,h){return e===null||e.nativeEvent!==h?(e={blockedOn:o,domEventName:a,eventSystemFlags:i,nativeEvent:h,targetContainers:[d]},o!==null&&(o=ha(o),o!==null&&Hv(o)),e):(e.eventSystemFlags|=i,o=e.targetContainers,d!==null&&o.indexOf(d)===-1&&o.push(d),e)}function tz(e,o,a,i,d){switch(o){case"focusin":return rt=di(rt,e,o,a,i,d),!0;case"dragenter":return tt=di(tt,e,o,a,i,d),!0;case"mouseover":return at=di(at,e,o,a,i,d),!0;case"pointerover":var h=d.pointerId;return ci.set(h,di(ci.get(h)||null,e,o,a,i,d)),!0;case"gotpointercapture":return h=d.pointerId,si.set(h,di(si.get(h)||null,e,o,a,i,d)),!0}return!1}function Vv(e){var o=ua(e.target);if(o!==null){var a=u(o);if(a!==null){if(o=a.tag,o===13){if(o=b(a),o!==null){e.blockedOn=o,Q_(e.priority,function(){if(a.tag===13){var i=zo();i=Qs(i);var d=za(a,i);d!==null&&jo(d,a,i),eh(a,i)}});return}}else if(o===3&&a.stateNode.current.memoizedState.isDehydrated){e.blockedOn=a.tag===3?a.stateNode.containerInfo:null;return}}}e.blockedOn=null}function ns(e){if(e.blockedOn!==null)return!1;for(var o=e.targetContainers;0<o.length;){var a=rh(e.nativeEvent);if(a===null){a=e.nativeEvent;var i=new a.constructor(a.type,a);id=i,a.target.dispatchEvent(i),id=null}else return o=ha(a),o!==null&&Hv(o),e.blockedOn=a,!1;o.shift()}return!0}function qv(e,o,a){ns(e)&&a.delete(o)}function az(){ah=!1,rt!==null&&ns(rt)&&(rt=null),tt!==null&&ns(tt)&&(tt=null),at!==null&&ns(at)&&(at=null),ci.forEach(qv),si.forEach(qv)}function es(e,o){e.blockedOn===o&&(e.blockedOn=null,ah||(ah=!0,n.unstable_scheduleCallback(n.unstable_NormalPriority,az)))}var os=null;function Pv(e){os!==e&&(os=e,n.unstable_scheduleCallback(n.unstable_NormalPriority,function(){os===e&&(os=null);for(var o=0;o<e.length;o+=3){var a=e[o],i=e[o+1],d=e[o+2];if(typeof i!="function"){if(th(i||a)===null)continue;break}var h=ha(a);h!==null&&(e.splice(o,3),o-=3,tu(h,{pending:!0,data:d,method:a.method,action:i},i,d))}}))}function ui(e){function o(z){return es(z,e)}rt!==null&&es(rt,e),tt!==null&&es(tt,e),at!==null&&es(at,e),ci.forEach(o),si.forEach(o);for(var a=0;a<lt.length;a++){var i=lt[a];i.blockedOn===e&&(i.blockedOn=null)}for(;0<lt.length&&(a=lt[0],a.blockedOn===null);)Vv(a),a.blockedOn===null&&lt.shift();if(a=(e.ownerDocument||e).$$reactFormReplay,a!=null)for(i=0;i<a.length;i+=3){var d=a[i],h=a[i+1],v=d[so]||null;if(typeof h=="function")v||Pv(a);else if(v){var k=null;if(h&&h.hasAttribute("formAction")){if(d=h,v=h[so]||null)k=v.formAction;else if(th(d)!==null)continue}else k=v.action;typeof k=="function"?a[i+1]=k:(a.splice(i,3),i-=3),Pv(a)}}}function lh(e){this._internalRoot=e}rs.prototype.render=lh.prototype.render=function(e){var o=this._internalRoot;if(o===null)throw Error(c(409));var a=o.current,i=zo();Iv(a,i,e,o,null,null)},rs.prototype.unmount=lh.prototype.unmount=function(){var e=this._internalRoot;if(e!==null){this._internalRoot=null;var o=e.containerInfo;Iv(e.current,2,null,e,null,null),Mc(),o[da]=null}};function rs(e){this._internalRoot=e}rs.prototype.unstable_scheduleHydration=function(e){if(e){var o=cp();e={blockedOn:null,target:e,priority:o};for(var a=0;a<lt.length&&o!==0&&o<lt[a].priority;a++);lt.splice(a,0,e),a===0&&Vv(e)}};var Gv=r.version;if(Gv!=="19.1.1")throw Error(c(527,Gv,"19.1.1"));q.findDOMNode=function(e){var o=e._reactInternals;if(o===void 0)throw typeof e.render=="function"?Error(c(188)):(e=Object.keys(e).join(","),Error(c(268,e)));return e=p(o),e=e!==null?f(e):null,e=e===null?null:e.stateNode,e};var lz={bundleType:0,version:"19.1.1",rendererPackageName:"react-dom",currentDispatcherRef:R,reconcilerVersion:"19.1.1"};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"){var ts=__REACT_DEVTOOLS_GLOBAL_HOOK__;if(!ts.isDisabled&&ts.supportsFiber)try{kn=ts.inject(lz),jn=ts}catch{}}return pi.createRoot=function(e,o){if(!s(e))throw Error(c(299));var a=!1,i="",d=sf,h=df,v=uf,k=null;return o!=null&&(o.unstable_strictMode===!0&&(a=!0),o.identifierPrefix!==void 0&&(i=o.identifierPrefix),o.onUncaughtError!==void 0&&(d=o.onUncaughtError),o.onCaughtError!==void 0&&(h=o.onCaughtError),o.onRecoverableError!==void 0&&(v=o.onRecoverableError),o.unstable_transitionCallbacks!==void 0&&(k=o.unstable_transitionCallbacks)),o=Dv(e,1,!1,null,null,a,i,d,h,v,k,null),e[da]=o.current,Uu(e),new lh(o)},pi.hydrateRoot=function(e,o,a){if(!s(e))throw Error(c(299));var i=!1,d="",h=sf,v=df,k=uf,z=null,B=null;return a!=null&&(a.unstable_strictMode===!0&&(i=!0),a.identifierPrefix!==void 0&&(d=a.identifierPrefix),a.onUncaughtError!==void 0&&(h=a.onUncaughtError),a.onCaughtError!==void 0&&(v=a.onCaughtError),a.onRecoverableError!==void 0&&(k=a.onRecoverableError),a.unstable_transitionCallbacks!==void 0&&(z=a.unstable_transitionCallbacks),a.formState!==void 0&&(B=a.formState)),o=Dv(e,1,!0,o,a??null,i,d,h,v,k,z,B),o.context=Mv(null),a=o.current,i=zo(),i=Qs(i),d=Fr(i),d.callback=null,Vr(a,d,i),a=i,o.current.lanes=a,vl(o,a),er(o),e[da]=o.current,Uu(e),new rs(o)},pi.version="19.1.1",pi}var tm;function Ez(){if(tm)return uh.exports;tm=1;function n(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(n)}catch(r){console.error(r)}}return n(),uh.exports=Az(),uh.exports}var E1=Ez();/**
- * react-router v7.8.2
+ * react-router v7.9.1
  *
  * Copyright (c) Remix Software Inc.
  *
@@ -61,7 +61,7 @@ Error generating stack: `+a.message+`
  * @license MIT
  */var am="popstate";function Oz(n={}){function r(s,u){let{pathname:b="/",search:g="",hash:p=""}=Jt(s.location.hash.substring(1));return!b.startsWith("/")&&!b.startsWith(".")&&(b="/"+b),Uh("",{pathname:b,search:g,hash:p},u.state&&u.state.usr||null,u.state&&u.state.key||"default")}function l(s,u){let b=s.document.querySelector("base"),g="";if(b&&b.getAttribute("href")){let p=s.location.href,f=p.indexOf("#");g=f===-1?p:p.slice(0,f)}return g+"#"+(typeof u=="string"?u:Oi(u))}function c(s,u){Lo(s.pathname.charAt(0)==="/",`relative pathnames are not supported in hash history.push(${JSON.stringify(u)})`)}return Cz(r,l,c,n)}function he(n,r){if(n===!1||n===null||typeof n>"u")throw new Error(r)}function Lo(n,r){if(!n){typeof console<"u"&&console.warn(r);try{throw new Error(r)}catch{}}}function Lz(){return Math.random().toString(36).substring(2,10)}function lm(n,r){return{usr:n.state,key:n.key,idx:r}}function Uh(n,r,l=null,c){return{pathname:typeof n=="string"?n:n.pathname,search:"",hash:"",...typeof r=="string"?Jt(r):r,state:l,key:r&&r.key||c||Lz()}}function Oi({pathname:n="/",search:r="",hash:l=""}){return r&&r!=="?"&&(n+=r.charAt(0)==="?"?r:"?"+r),l&&l!=="#"&&(n+=l.charAt(0)==="#"?l:"#"+l),n}function Jt(n){let r={};if(n){let l=n.indexOf("#");l>=0&&(r.hash=n.substring(l),n=n.substring(0,l));let c=n.indexOf("?");c>=0&&(r.search=n.substring(c),n=n.substring(0,c)),n&&(r.pathname=n)}return r}function Cz(n,r,l,c={}){let{window:s=document.defaultView,v5Compat:u=!1}=c,b=s.history,g="POP",p=null,f=m();f==null&&(f=0,b.replaceState({...b.state,idx:f},""));function m(){return(b.state||{idx:null}).idx}function y(){g="POP";let E=m(),x=E==null?null:E-f;f=E,p&&p({action:g,location:A.location,delta:x})}function _(E,x){g="PUSH";let M=Uh(A.location,E,x);l&&l(M,E),f=m()+1;let G=lm(M,f),J=A.createHref(M);try{b.pushState(G,"",J)}catch(C){if(C instanceof DOMException&&C.name==="DataCloneError")throw C;s.location.assign(J)}u&&p&&p({action:g,location:A.location,delta:1})}function S(E,x){g="REPLACE";let M=Uh(A.location,E,x);l&&l(M,E),f=m();let G=lm(M,f),J=A.createHref(M);b.replaceState(G,"",J),u&&p&&p({action:g,location:A.location,delta:0})}function O(E){return Nz(E)}let A={get action(){return g},get location(){return n(s,b)},listen(E){if(p)throw new Error("A history only accepts one active listener");return s.addEventListener(am,y),p=E,()=>{s.removeEventListener(am,y),p=null}},createHref(E){return r(s,E)},createURL:O,encodeLocation(E){let x=O(E);return{pathname:x.pathname,search:x.search,hash:x.hash}},push:_,replace:S,go(E){return b.go(E)}};return A}function Nz(n,r=!1){let l="http://localhost";typeof window<"u"&&(l=window.location.origin!=="null"?window.location.origin:window.location.href),he(l,"No window.location.(origin|href) available to create URL");let c=typeof n=="string"?n:Oi(n);return c=c.replace(/ $/,"%20"),!r&&c.startsWith("//")&&(c=l+c),new URL(c,l)}function O1(n,r,l="/"){return $z(n,r,l,!1)}function $z(n,r,l,c){let s=typeof r=="string"?Jt(r):r,u=Cr(s.pathname||"/",l);if(u==null)return null;let b=L1(n);Rz(b);let g=null;for(let p=0;g==null&&p<b.length;++p){let f=N1(u);g=Vz(b[p],f,c)}return g}function L1(n,r=[],l=[],c="",s=!1){let u=(b,g,p=s,f)=>{let m={relativePath:f===void 0?b.path||"":f,caseSensitive:b.caseSensitive===!0,childrenIndex:g,route:b};if(m.relativePath.startsWith("/")){if(!m.relativePath.startsWith(c)&&p)return;he(m.relativePath.startsWith(c),`Absolute route path "${m.relativePath}" nested under path "${c}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`),m.relativePath=m.relativePath.slice(c.length)}let y=Er([c,m.relativePath]),_=l.concat(m);b.children&&b.children.length>0&&(he(b.index!==!0,`Index routes must not have child routes. Please remove all child routes from route path "${y}".`),L1(b.children,r,_,y,p)),!(b.path==null&&!b.index)&&r.push({path:y,score:Uz(y,b.index),routesMeta:_})};return n.forEach((b,g)=>{if(b.path===""||!b.path?.includes("?"))u(b,g);else for(let p of C1(b.path))u(b,g,!0,p)}),r}function C1(n){let r=n.split("/");if(r.length===0)return[];let[l,...c]=r,s=l.endsWith("?"),u=l.replace(/\?$/,"");if(c.length===0)return s?[u,""]:[u];let b=C1(c.join("/")),g=[];return g.push(...b.map(p=>p===""?u:[u,p].join("/"))),s&&g.push(...b),g.map(p=>n.startsWith("/")&&p===""?"/":p)}function Rz(n){n.sort((r,l)=>r.score!==l.score?l.score-r.score:Fz(r.routesMeta.map(c=>c.childrenIndex),l.routesMeta.map(c=>c.childrenIndex)))}var Bz=/^:[\w-]+$/,Dz=3,Mz=2,Iz=1,Kz=10,Hz=-2,im=n=>n==="*";function Uz(n,r){let l=n.split("/"),c=l.length;return l.some(im)&&(c+=Hz),r&&(c+=Mz),l.filter(s=>!im(s)).reduce((s,u)=>s+(Bz.test(u)?Dz:u===""?Iz:Kz),c)}function Fz(n,r){return n.length===r.length&&n.slice(0,-1).every((c,s)=>c===r[s])?n[n.length-1]-r[r.length-1]:0}function Vz(n,r,l=!1){let{routesMeta:c}=n,s={},u="/",b=[];for(let g=0;g<c.length;++g){let p=c[g],f=g===c.length-1,m=u==="/"?r:r.slice(u.length)||"/",y=Li({path:p.relativePath,caseSensitive:p.caseSensitive,end:f},m),_=p.route;if(!y&&f&&l&&!c[c.length-1].route.index&&(y=Li({path:p.relativePath,caseSensitive:p.caseSensitive,end:!1},m)),!y)return null;Object.assign(s,y.params),b.push({params:s,pathname:Er([u,y.pathname]),pathnameBase:Yz(Er([u,y.pathnameBase])),route:_}),y.pathnameBase!=="/"&&(u=Er([u,y.pathnameBase]))}return b}function Li(n,r){typeof n=="string"&&(n={path:n,caseSensitive:!1,end:!0});let[l,c]=qz(n.path,n.caseSensitive,n.end),s=r.match(l);if(!s)return null;let u=s[0],b=u.replace(/(.)\/+$/,"$1"),g=s.slice(1);return{params:c.reduce((f,{paramName:m,isOptional:y},_)=>{if(m==="*"){let O=g[_]||"";b=u.slice(0,u.length-O.length).replace(/(.)\/+$/,"$1")}const S=g[_];return y&&!S?f[m]=void 0:f[m]=(S||"").replace(/%2F/g,"/"),f},{}),pathname:u,pathnameBase:b,pattern:n}}function qz(n,r=!1,l=!0){Lo(n==="*"||!n.endsWith("*")||n.endsWith("/*"),`Route path "${n}" will be treated as if it were "${n.replace(/\*$/,"/*")}" because the \`*\` character must always follow a \`/\` in the pattern. To get rid of this warning, please change the route path to "${n.replace(/\*$/,"/*")}".`);let c=[],s="^"+n.replace(/\/*\*?$/,"").replace(/^\/*/,"/").replace(/[\\.*+^${}|()[\]]/g,"\\$&").replace(/\/:([\w-]+)(\?)?/g,(b,g,p)=>(c.push({paramName:g,isOptional:p!=null}),p?"/?([^\\/]+)?":"/([^\\/]+)")).replace(/\/([\w-]+)\?(\/|$)/g,"(/$1)?$2");return n.endsWith("*")?(c.push({paramName:"*"}),s+=n==="*"||n==="/*"?"(.*)$":"(?:\\/(.+)|\\/*)$"):l?s+="\\/*$":n!==""&&n!=="/"&&(s+="(?:(?=\\/|$))"),[new RegExp(s,r?void 0:"i"),c]}function N1(n){try{return n.split("/").map(r=>decodeURIComponent(r).replace(/\//g,"%2F")).join("/")}catch(r){return Lo(!1,`The URL path "${n}" could not be decoded because it is a malformed URL segment. This is probably due to a bad percent encoding (${r}).`),n}}function Cr(n,r){if(r==="/")return n;if(!n.toLowerCase().startsWith(r.toLowerCase()))return null;let l=r.endsWith("/")?r.length-1:r.length,c=n.charAt(l);return c&&c!=="/"?null:n.slice(l)||"/"}function Pz(n,r="/"){let{pathname:l,search:c="",hash:s=""}=typeof n=="string"?Jt(n):n;return{pathname:l?l.startsWith("/")?l:Gz(l,r):r,search:Xz(c),hash:Qz(s)}}function Gz(n,r){let l=r.replace(/\/+$/,"").split("/");return n.split("/").forEach(s=>{s===".."?l.length>1&&l.pop():s!=="."&&l.push(s)}),l.length>1?l.join("/"):"/"}function gh(n,r,l,c){return`Cannot include a '${n}' character in a manually specified \`to.${r}\` field [${JSON.stringify(c)}].  Please separate it out to the \`to.${l}\` field. Alternatively you may provide the full path as a string in <Link to="..."> and the router will parse it for you.`}function Zz(n){return n.filter((r,l)=>l===0||r.route.path&&r.route.path.length>0)}function xb(n){let r=Zz(n);return r.map((l,c)=>c===r.length-1?l.pathname:l.pathnameBase)}function zb(n,r,l,c=!1){let s;typeof n=="string"?s=Jt(n):(s={...n},he(!s.pathname||!s.pathname.includes("?"),gh("?","pathname","search",s)),he(!s.pathname||!s.pathname.includes("#"),gh("#","pathname","hash",s)),he(!s.search||!s.search.includes("#"),gh("#","search","hash",s)));let u=n===""||s.pathname==="",b=u?"/":s.pathname,g;if(b==null)g=l;else{let y=r.length-1;if(!c&&b.startsWith("..")){let _=b.split("/");for(;_[0]==="..";)_.shift(),y-=1;s.pathname=_.join("/")}g=y>=0?r[y]:"/"}let p=Pz(s,g),f=b&&b!=="/"&&b.endsWith("/"),m=(u||b===".")&&l.endsWith("/");return!p.pathname.endsWith("/")&&(f||m)&&(p.pathname+="/"),p}var Er=n=>n.join("/").replace(/\/\/+/g,"/"),Yz=n=>n.replace(/\/+$/,"").replace(/^\/*/,"/"),Xz=n=>!n||n==="?"?"":n.startsWith("?")?n:"?"+n,Qz=n=>!n||n==="#"?"":n.startsWith("#")?n:"#"+n;function Wz(n){return n!=null&&typeof n.status=="number"&&typeof n.statusText=="string"&&typeof n.internal=="boolean"&&"data"in n}var $1=["POST","PUT","PATCH","DELETE"];new Set($1);var Jz=["GET",...$1];new Set(Jz);var il=w.createContext(null);il.displayName="DataRouter";var Is=w.createContext(null);Is.displayName="DataRouterState";w.createContext(!1);var R1=w.createContext({isTransitioning:!1});R1.displayName="ViewTransition";var n2=w.createContext(new Map);n2.displayName="Fetchers";var e2=w.createContext(null);e2.displayName="Await";var Zo=w.createContext(null);Zo.displayName="Navigation";var Ki=w.createContext(null);Ki.displayName="Location";var Yo=w.createContext({outlet:null,matches:[],isDataRoute:!1});Yo.displayName="Route";var jb=w.createContext(null);jb.displayName="RouteError";function B1(n,{relative:r}={}){he(na(),"useHref() may be used only in the context of a <Router> component.");let{basename:l,navigator:c}=w.useContext(Zo),{hash:s,pathname:u,search:b}=cl(n,{relative:r}),g=u;return l!=="/"&&(g=u==="/"?l:Er([l,u])),c.createHref({pathname:g,search:b,hash:s})}function na(){return w.useContext(Ki)!=null}function Co(){return he(na(),"useLocation() may be used only in the context of a <Router> component."),w.useContext(Ki).location}function o2(n){he(na(),"useMatch() may be used only in the context of a <Router> component.");let{pathname:r}=Co();return w.useMemo(()=>Li(n,N1(r)),[r,n])}var D1="You should call navigate() in a React.useEffect(), not when your component is first rendered.";function M1(n){w.useContext(Zo).static||w.useLayoutEffect(n)}function Sb(){let{isDataRoute:n}=w.useContext(Yo);return n?f2():r2()}function r2(){he(na(),"useNavigate() may be used only in the context of a <Router> component.");let n=w.useContext(il),{basename:r,navigator:l}=w.useContext(Zo),{matches:c}=w.useContext(Yo),{pathname:s}=Co(),u=JSON.stringify(xb(c)),b=w.useRef(!1);return M1(()=>{b.current=!0}),w.useCallback((p,f={})=>{if(Lo(b.current,D1),!b.current)return;if(typeof p=="number"){l.go(p);return}let m=zb(p,JSON.parse(u),s,f.relative==="path");n==null&&r!=="/"&&(m.pathname=m.pathname==="/"?r:Er([r,m.pathname])),(f.replace?l.replace:l.push)(m,f.state,f)},[r,l,u,s,n])}w.createContext(null);function t2(){let{matches:n}=w.useContext(Yo),r=n[n.length-1];return r?r.params:{}}function cl(n,{relative:r}={}){let{matches:l}=w.useContext(Yo),{pathname:c}=Co(),s=JSON.stringify(xb(l));return w.useMemo(()=>zb(n,JSON.parse(s),c,r==="path"),[n,s,c,r])}function a2(n,r){return I1(n,r)}function I1(n,r,l,c,s){he(na(),"useRoutes() may be used only in the context of a <Router> component.");let{navigator:u}=w.useContext(Zo),{matches:b}=w.useContext(Yo),g=b[b.length-1],p=g?g.params:{},f=g?g.pathname:"/",m=g?g.pathnameBase:"/",y=g&&g.route;{let M=y&&y.path||"";K1(f,!y||M.endsWith("*")||M.endsWith("*?"),`You rendered descendant <Routes> (or called \`useRoutes()\`) at "${f}" (under <Route path="${M}">) but the parent route path has no trailing "*". This means if you navigate deeper, the parent won't match anymore and therefore the child routes will never render.
 
-Please change the parent <Route path="${M}"> to <Route path="${M==="/"?"*":`${M}/*`}">.`)}let _=Co(),S;if(r){let M=typeof r=="string"?Jt(r):r;he(m==="/"||M.pathname?.startsWith(m),`When overriding the location using \`<Routes location>\` or \`useRoutes(routes, location)\`, the location pathname must begin with the portion of the URL pathname that was matched by all parent routes. The current pathname base is "${m}" but pathname "${M.pathname}" was given in the \`location\` prop.`),S=M}else S=_;let O=S.pathname||"/",A=O;if(m!=="/"){let M=m.replace(/^\//,"").split("/");A="/"+O.replace(/^\//,"").split("/").slice(M.length).join("/")}let E=O1(n,{pathname:A});Lo(y||E!=null,`No routes matched location "${S.pathname}${S.search}${S.hash}" `),Lo(E==null||E[E.length-1].route.element!==void 0||E[E.length-1].route.Component!==void 0||E[E.length-1].route.lazy!==void 0,`Matched leaf route at location "${S.pathname}${S.search}${S.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`);let x=d2(E&&E.map(M=>Object.assign({},M,{params:Object.assign({},p,M.params),pathname:Er([m,u.encodeLocation?u.encodeLocation(M.pathname).pathname:M.pathname]),pathnameBase:M.pathnameBase==="/"?m:Er([m,u.encodeLocation?u.encodeLocation(M.pathnameBase).pathname:M.pathnameBase])})),b,l,c,s);return r&&x?w.createElement(Ki.Provider,{value:{location:{pathname:"/",search:"",hash:"",state:null,key:"default",...S},navigationType:"POP"}},x):x}function l2(){let n=g2(),r=Wz(n)?`${n.status} ${n.statusText}`:n instanceof Error?n.message:JSON.stringify(n),l=n instanceof Error?n.stack:null,c="rgba(200,200,200, 0.5)",s={padding:"0.5rem",backgroundColor:c},u={padding:"2px 4px",backgroundColor:c},b=null;return console.error("Error handled by React Router default ErrorBoundary:",n),b=w.createElement(w.Fragment,null,w.createElement("p",null,"💿 Hey developer 👋"),w.createElement("p",null,"You can provide a way better UX than this when your app throws errors by providing your own ",w.createElement("code",{style:u},"ErrorBoundary")," or"," ",w.createElement("code",{style:u},"errorElement")," prop on your route.")),w.createElement(w.Fragment,null,w.createElement("h2",null,"Unexpected Application Error!"),w.createElement("h3",{style:{fontStyle:"italic"}},r),l?w.createElement("pre",{style:s},l):null,b)}var i2=w.createElement(l2,null),c2=class extends w.Component{constructor(n){super(n),this.state={location:n.location,revalidation:n.revalidation,error:n.error}}static getDerivedStateFromError(n){return{error:n}}static getDerivedStateFromProps(n,r){return r.location!==n.location||r.revalidation!=="idle"&&n.revalidation==="idle"?{error:n.error,location:n.location,revalidation:n.revalidation}:{error:n.error!==void 0?n.error:r.error,location:r.location,revalidation:n.revalidation||r.revalidation}}componentDidCatch(n,r){this.props.unstable_onError?this.props.unstable_onError(n,r):console.error("React Router caught the following error during render",n)}render(){return this.state.error!==void 0?w.createElement(Yo.Provider,{value:this.props.routeContext},w.createElement(jb.Provider,{value:this.state.error,children:this.props.component})):this.props.children}};function s2({routeContext:n,match:r,children:l}){let c=w.useContext(il);return c&&c.static&&c.staticContext&&(r.route.errorElement||r.route.ErrorBoundary)&&(c.staticContext._deepestRenderedBoundaryId=r.route.id),w.createElement(Yo.Provider,{value:n},l)}function d2(n,r=[],l=null,c=null,s=null){if(n==null){if(!l)return null;if(l.errors)n=l.matches;else if(r.length===0&&!l.initialized&&l.matches.length>0)n=l.matches;else return null}let u=n,b=l?.errors;if(b!=null){let f=u.findIndex(m=>m.route.id&&b?.[m.route.id]!==void 0);he(f>=0,`Could not find a matching route for errors on route IDs: ${Object.keys(b).join(",")}`),u=u.slice(0,Math.min(u.length,f+1))}let g=!1,p=-1;if(l)for(let f=0;f<u.length;f++){let m=u[f];if((m.route.HydrateFallback||m.route.hydrateFallbackElement)&&(p=f),m.route.id){let{loaderData:y,errors:_}=l,S=m.route.loader&&!y.hasOwnProperty(m.route.id)&&(!_||_[m.route.id]===void 0);if(m.route.lazy||S){g=!0,p>=0?u=u.slice(0,p+1):u=[u[0]];break}}}return u.reduceRight((f,m,y)=>{let _,S=!1,O=null,A=null;l&&(_=b&&m.route.id?b[m.route.id]:void 0,O=m.route.errorElement||i2,g&&(p<0&&y===0?(K1("route-fallback",!1,"No `HydrateFallback` element provided to render during initial hydration"),S=!0,A=null):p===y&&(S=!0,A=m.route.hydrateFallbackElement||null)));let E=r.concat(u.slice(0,y+1)),x=()=>{let M;return _?M=O:S?M=A:m.route.Component?M=w.createElement(m.route.Component,null):m.route.element?M=m.route.element:M=f,w.createElement(s2,{match:m,routeContext:{outlet:f,matches:E,isDataRoute:l!=null},children:M})};return l&&(m.route.ErrorBoundary||m.route.errorElement||y===0)?w.createElement(c2,{location:l.location,revalidation:l.revalidation,component:O,error:_,children:x(),routeContext:{outlet:null,matches:E,isDataRoute:!0},unstable_onError:c}):x()},null)}function Tb(n){return`${n} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`}function u2(n){let r=w.useContext(il);return he(r,Tb(n)),r}function h2(n){let r=w.useContext(Is);return he(r,Tb(n)),r}function b2(n){let r=w.useContext(Yo);return he(r,Tb(n)),r}function Ab(n){let r=b2(n),l=r.matches[r.matches.length-1];return he(l.route.id,`${n} can only be used on routes that contain a unique "id"`),l.route.id}function p2(){return Ab("useRouteId")}function g2(){let n=w.useContext(jb),r=h2("useRouteError"),l=Ab("useRouteError");return n!==void 0?n:r.errors?.[l]}function f2(){let{router:n}=u2("useNavigate"),r=Ab("useNavigate"),l=w.useRef(!1);return M1(()=>{l.current=!0}),w.useCallback(async(s,u={})=>{Lo(l.current,D1),l.current&&(typeof s=="number"?n.navigate(s):await n.navigate(s,{fromRouteId:r,...u}))},[n,r])}var cm={};function K1(n,r,l){!r&&!cm[n]&&(cm[n]=!0,Lo(!1,l))}w.memo(v2);function v2({routes:n,future:r,state:l,unstable_onError:c}){return I1(n,void 0,l,c,r)}function H1({to:n,replace:r,state:l,relative:c}){he(na(),"<Navigate> may be used only in the context of a <Router> component.");let{static:s}=w.useContext(Zo);Lo(!s,"<Navigate> must not be used on the initial render in a <StaticRouter>. This is a no-op, but you should modify your code so the <Navigate> is only ever rendered in response to some user interaction or state change.");let{matches:u}=w.useContext(Yo),{pathname:b}=Co(),g=Sb(),p=zb(n,xb(u),b,c==="path"),f=JSON.stringify(p);return w.useEffect(()=>{g(JSON.parse(f),{replace:r,state:l,relative:c})},[g,f,c,r,l]),null}function Pt(n){he(!1,"A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.")}function m2({basename:n="/",children:r=null,location:l,navigationType:c="POP",navigator:s,static:u=!1}){he(!na(),"You cannot render a <Router> inside another <Router>. You should never have more than one in your app.");let b=n.replace(/^\/*/,"/"),g=w.useMemo(()=>({basename:b,navigator:s,static:u,future:{}}),[b,s,u]);typeof l=="string"&&(l=Jt(l));let{pathname:p="/",search:f="",hash:m="",state:y=null,key:_="default"}=l,S=w.useMemo(()=>{let O=Cr(p,b);return O==null?null:{location:{pathname:O,search:f,hash:m,state:y,key:_},navigationType:c}},[b,p,f,m,y,_,c]);return Lo(S!=null,`<Router basename="${b}"> is not able to match the URL "${p}${f}${m}" because it does not start with the basename, so the <Router> won't render anything.`),S==null?null:w.createElement(Zo.Provider,{value:g},w.createElement(Ki.Provider,{children:r,value:S}))}function U1({children:n,location:r}){return a2(Fh(n),r)}function Fh(n,r=[]){let l=[];return w.Children.forEach(n,(c,s)=>{if(!w.isValidElement(c))return;let u=[...r,s];if(c.type===w.Fragment){l.push.apply(l,Fh(c.props.children,u));return}he(c.type===Pt,`[${typeof c.type=="string"?c.type:c.type.name}] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>`),he(!c.props.index||!c.props.children,"An index route cannot have child routes.");let b={id:c.props.id||u.join("-"),caseSensitive:c.props.caseSensitive,element:c.props.element,Component:c.props.Component,index:c.props.index,path:c.props.path,loader:c.props.loader,action:c.props.action,hydrateFallbackElement:c.props.hydrateFallbackElement,HydrateFallback:c.props.HydrateFallback,errorElement:c.props.errorElement,ErrorBoundary:c.props.ErrorBoundary,hasErrorBoundary:c.props.hasErrorBoundary===!0||c.props.ErrorBoundary!=null||c.props.errorElement!=null,shouldRevalidate:c.props.shouldRevalidate,handle:c.props.handle,lazy:c.props.lazy};c.props.children&&(b.children=Fh(c.props.children,u)),l.push(b)}),l}var ks="get",ys="application/x-www-form-urlencoded";function Ks(n){return n!=null&&typeof n.tagName=="string"}function k2(n){return Ks(n)&&n.tagName.toLowerCase()==="button"}function y2(n){return Ks(n)&&n.tagName.toLowerCase()==="form"}function w2(n){return Ks(n)&&n.tagName.toLowerCase()==="input"}function _2(n){return!!(n.metaKey||n.altKey||n.ctrlKey||n.shiftKey)}function x2(n,r){return n.button===0&&(!r||r==="_self")&&!_2(n)}function Vh(n=""){return new URLSearchParams(typeof n=="string"||Array.isArray(n)||n instanceof URLSearchParams?n:Object.keys(n).reduce((r,l)=>{let c=n[l];return r.concat(Array.isArray(c)?c.map(s=>[l,s]):[[l,c]])},[]))}function z2(n,r){let l=Vh(n);return r&&r.forEach((c,s)=>{l.has(s)||r.getAll(s).forEach(u=>{l.append(s,u)})}),l}var ls=null;function j2(){if(ls===null)try{new FormData(document.createElement("form"),0),ls=!1}catch{ls=!0}return ls}var S2=new Set(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]);function fh(n){return n!=null&&!S2.has(n)?(Lo(!1,`"${n}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${ys}"`),null):n}function T2(n,r){let l,c,s,u,b;if(y2(n)){let g=n.getAttribute("action");c=g?Cr(g,r):null,l=n.getAttribute("method")||ks,s=fh(n.getAttribute("enctype"))||ys,u=new FormData(n)}else if(k2(n)||w2(n)&&(n.type==="submit"||n.type==="image")){let g=n.form;if(g==null)throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');let p=n.getAttribute("formaction")||g.getAttribute("action");if(c=p?Cr(p,r):null,l=n.getAttribute("formmethod")||g.getAttribute("method")||ks,s=fh(n.getAttribute("formenctype"))||fh(g.getAttribute("enctype"))||ys,u=new FormData(g,n),!j2()){let{name:f,type:m,value:y}=n;if(m==="image"){let _=f?`${f}.`:"";u.append(`${_}x`,"0"),u.append(`${_}y`,"0")}else f&&u.append(f,y)}}else{if(Ks(n))throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');l=ks,c=null,s=ys,b=n}return u&&s==="text/plain"&&(b=u,u=void 0),{action:c,method:l.toLowerCase(),encType:s,formData:u,body:b}}Object.getOwnPropertyNames(Object.prototype).sort().join("\0");function Eb(n,r){if(n===!1||n===null||typeof n>"u")throw new Error(r)}function A2(n,r,l){let c=typeof n=="string"?new URL(n,typeof window>"u"?"server://singlefetch/":window.location.origin):n;return c.pathname==="/"?c.pathname=`_root.${l}`:r&&Cr(c.pathname,r)==="/"?c.pathname=`${r.replace(/\/$/,"")}/_root.${l}`:c.pathname=`${c.pathname.replace(/\/$/,"")}.${l}`,c}async function E2(n,r){if(n.id in r)return r[n.id];try{let l=await import(n.module);return r[n.id]=l,l}catch(l){return console.error(`Error loading route module \`${n.module}\`, reloading page...`),console.error(l),window.__reactRouterContext&&window.__reactRouterContext.isSpaMode,window.location.reload(),new Promise(()=>{})}}function O2(n){return n==null?!1:n.href==null?n.rel==="preload"&&typeof n.imageSrcSet=="string"&&typeof n.imageSizes=="string":typeof n.rel=="string"&&typeof n.href=="string"}async function L2(n,r,l){let c=await Promise.all(n.map(async s=>{let u=r.routes[s.route.id];if(u){let b=await E2(u,l);return b.links?b.links():[]}return[]}));return R2(c.flat(1).filter(O2).filter(s=>s.rel==="stylesheet"||s.rel==="preload").map(s=>s.rel==="stylesheet"?{...s,rel:"prefetch",as:"style"}:{...s,rel:"prefetch"}))}function sm(n,r,l,c,s,u){let b=(p,f)=>l[f]?p.route.id!==l[f].route.id:!0,g=(p,f)=>l[f].pathname!==p.pathname||l[f].route.path?.endsWith("*")&&l[f].params["*"]!==p.params["*"];return u==="assets"?r.filter((p,f)=>b(p,f)||g(p,f)):u==="data"?r.filter((p,f)=>{let m=c.routes[p.route.id];if(!m||!m.hasLoader)return!1;if(b(p,f)||g(p,f))return!0;if(p.route.shouldRevalidate){let y=p.route.shouldRevalidate({currentUrl:new URL(s.pathname+s.search+s.hash,window.origin),currentParams:l[0]?.params||{},nextUrl:new URL(n,window.origin),nextParams:p.params,defaultShouldRevalidate:!0});if(typeof y=="boolean")return y}return!0}):[]}function C2(n,r,{includeHydrateFallback:l}={}){return N2(n.map(c=>{let s=r.routes[c.route.id];if(!s)return[];let u=[s.module];return s.clientActionModule&&(u=u.concat(s.clientActionModule)),s.clientLoaderModule&&(u=u.concat(s.clientLoaderModule)),l&&s.hydrateFallbackModule&&(u=u.concat(s.hydrateFallbackModule)),s.imports&&(u=u.concat(s.imports)),u}).flat(1))}function N2(n){return[...new Set(n)]}function $2(n){let r={},l=Object.keys(n).sort();for(let c of l)r[c]=n[c];return r}function R2(n,r){let l=new Set;return new Set(r),n.reduce((c,s)=>{let u=JSON.stringify($2(s));return l.has(u)||(l.add(u),c.push({key:u,link:s})),c},[])}function F1(){let n=w.useContext(il);return Eb(n,"You must render this element inside a <DataRouterContext.Provider> element"),n}function B2(){let n=w.useContext(Is);return Eb(n,"You must render this element inside a <DataRouterStateContext.Provider> element"),n}var Ob=w.createContext(void 0);Ob.displayName="FrameworkContext";function V1(){let n=w.useContext(Ob);return Eb(n,"You must render this element inside a <HydratedRouter> element"),n}function D2(n,r){let l=w.useContext(Ob),[c,s]=w.useState(!1),[u,b]=w.useState(!1),{onFocus:g,onBlur:p,onMouseEnter:f,onMouseLeave:m,onTouchStart:y}=r,_=w.useRef(null);w.useEffect(()=>{if(n==="render"&&b(!0),n==="viewport"){let A=x=>{x.forEach(M=>{b(M.isIntersecting)})},E=new IntersectionObserver(A,{threshold:.5});return _.current&&E.observe(_.current),()=>{E.disconnect()}}},[n]),w.useEffect(()=>{if(c){let A=setTimeout(()=>{b(!0)},100);return()=>{clearTimeout(A)}}},[c]);let S=()=>{s(!0)},O=()=>{s(!1),b(!1)};return l?n!=="intent"?[u,_,{}]:[u,_,{onFocus:gi(g,S),onBlur:gi(p,O),onMouseEnter:gi(f,S),onMouseLeave:gi(m,O),onTouchStart:gi(y,S)}]:[!1,_,{}]}function gi(n,r){return l=>{n&&n(l),l.defaultPrevented||r(l)}}function M2({page:n,...r}){let{router:l}=F1(),c=w.useMemo(()=>O1(l.routes,n,l.basename),[l.routes,n,l.basename]);return c?w.createElement(K2,{page:n,matches:c,...r}):null}function I2(n){let{manifest:r,routeModules:l}=V1(),[c,s]=w.useState([]);return w.useEffect(()=>{let u=!1;return L2(n,r,l).then(b=>{u||s(b)}),()=>{u=!0}},[n,r,l]),c}function K2({page:n,matches:r,...l}){let c=Co(),{manifest:s,routeModules:u}=V1(),{basename:b}=F1(),{loaderData:g,matches:p}=B2(),f=w.useMemo(()=>sm(n,r,p,s,c,"data"),[n,r,p,s,c]),m=w.useMemo(()=>sm(n,r,p,s,c,"assets"),[n,r,p,s,c]),y=w.useMemo(()=>{if(n===c.pathname+c.search+c.hash)return[];let O=new Set,A=!1;if(r.forEach(x=>{let M=s.routes[x.route.id];!M||!M.hasLoader||(!f.some(G=>G.route.id===x.route.id)&&x.route.id in g&&u[x.route.id]?.shouldRevalidate||M.hasClientLoader?A=!0:O.add(x.route.id))}),O.size===0)return[];let E=A2(n,b,"data");return A&&O.size>0&&E.searchParams.set("_routes",r.filter(x=>O.has(x.route.id)).map(x=>x.route.id).join(",")),[E.pathname+E.search]},[b,g,c,s,f,r,n,u]),_=w.useMemo(()=>C2(m,s),[m,s]),S=I2(m);return w.createElement(w.Fragment,null,y.map(O=>w.createElement("link",{key:O,rel:"prefetch",as:"fetch",href:O,...l})),_.map(O=>w.createElement("link",{key:O,rel:"modulepreload",href:O,...l})),S.map(({key:O,link:A})=>w.createElement("link",{key:O,nonce:l.nonce,...A})))}function H2(...n){return r=>{n.forEach(l=>{typeof l=="function"?l(r):l!=null&&(l.current=r)})}}var q1=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";try{q1&&(window.__reactRouterVersion="7.8.2")}catch{}function U2({basename:n,children:r,window:l}){let c=w.useRef();c.current==null&&(c.current=Oz({window:l,v5Compat:!0}));let s=c.current,[u,b]=w.useState({action:s.action,location:s.location}),g=w.useCallback(p=>{w.startTransition(()=>b(p))},[b]);return w.useLayoutEffect(()=>s.listen(g),[s,g]),w.createElement(m2,{basename:n,children:r,location:u.location,navigationType:u.action,navigator:s})}var P1=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,G1=w.forwardRef(function({onClick:r,discover:l="render",prefetch:c="none",relative:s,reloadDocument:u,replace:b,state:g,target:p,to:f,preventScrollReset:m,viewTransition:y,..._},S){let{basename:O}=w.useContext(Zo),A=typeof f=="string"&&P1.test(f),E,x=!1;if(typeof f=="string"&&A&&(E=f,q1))try{let hn=new URL(window.location.href),Un=f.startsWith("//")?new URL(hn.protocol+f):new URL(f),Y=Cr(Un.pathname,O);Un.origin===hn.origin&&Y!=null?f=Y+Un.search+Un.hash:x=!0}catch{Lo(!1,`<Link to="${f}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`)}let M=B1(f,{relative:s}),[G,J,C]=D2(c,_),Q=P2(f,{replace:b,state:g,target:p,preventScrollReset:m,relative:s,viewTransition:y});function en(hn){r&&r(hn),hn.defaultPrevented||Q(hn)}let un=w.createElement("a",{..._,...C,href:E||M,onClick:x||u?r:en,ref:H2(S,J),target:p,"data-discover":!A&&l==="render"?"true":void 0});return G&&!A?w.createElement(w.Fragment,null,un,w.createElement(M2,{page:M})):un});G1.displayName="Link";var F2=w.forwardRef(function({"aria-current":r="page",caseSensitive:l=!1,className:c="",end:s=!1,style:u,to:b,viewTransition:g,children:p,...f},m){let y=cl(b,{relative:f.relative}),_=Co(),S=w.useContext(Is),{navigator:O,basename:A}=w.useContext(Zo),E=S!=null&&Q2(y)&&g===!0,x=O.encodeLocation?O.encodeLocation(y).pathname:y.pathname,M=_.pathname,G=S&&S.navigation&&S.navigation.location?S.navigation.location.pathname:null;l||(M=M.toLowerCase(),G=G?G.toLowerCase():null,x=x.toLowerCase()),G&&A&&(G=Cr(G,A)||G);const J=x!=="/"&&x.endsWith("/")?x.length-1:x.length;let C=M===x||!s&&M.startsWith(x)&&M.charAt(J)==="/",Q=G!=null&&(G===x||!s&&G.startsWith(x)&&G.charAt(x.length)==="/"),en={isActive:C,isPending:Q,isTransitioning:E},un=C?r:void 0,hn;typeof c=="function"?hn=c(en):hn=[c,C?"active":null,Q?"pending":null,E?"transitioning":null].filter(Boolean).join(" ");let Un=typeof u=="function"?u(en):u;return w.createElement(G1,{...f,"aria-current":un,className:hn,ref:m,style:Un,to:b,viewTransition:g},typeof p=="function"?p(en):p)});F2.displayName="NavLink";var V2=w.forwardRef(({discover:n="render",fetcherKey:r,navigate:l,reloadDocument:c,replace:s,state:u,method:b=ks,action:g,onSubmit:p,relative:f,preventScrollReset:m,viewTransition:y,..._},S)=>{let O=Y2(),A=X2(g,{relative:f}),E=b.toLowerCase()==="get"?"get":"post",x=typeof g=="string"&&P1.test(g),M=G=>{if(p&&p(G),G.defaultPrevented)return;G.preventDefault();let J=G.nativeEvent.submitter,C=J?.getAttribute("formmethod")||b;O(J||G.currentTarget,{fetcherKey:r,method:C,navigate:l,replace:s,state:u,relative:f,preventScrollReset:m,viewTransition:y})};return w.createElement("form",{ref:S,method:E,action:A,onSubmit:c?p:M,..._,"data-discover":!x&&n==="render"?"true":void 0})});V2.displayName="Form";function q2(n){return`${n} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`}function Z1(n){let r=w.useContext(il);return he(r,q2(n)),r}function P2(n,{target:r,replace:l,state:c,preventScrollReset:s,relative:u,viewTransition:b}={}){let g=Sb(),p=Co(),f=cl(n,{relative:u});return w.useCallback(m=>{if(x2(m,r)){m.preventDefault();let y=l!==void 0?l:Oi(p)===Oi(f);g(n,{replace:y,state:c,preventScrollReset:s,relative:u,viewTransition:b})}},[p,g,f,l,c,r,n,s,u,b])}function sl(n){Lo(typeof URLSearchParams<"u","You cannot use the `useSearchParams` hook in a browser that does not support the URLSearchParams API. If you need to support Internet Explorer 11, we recommend you load a polyfill such as https://github.com/ungap/url-search-params.");let r=w.useRef(Vh(n)),l=w.useRef(!1),c=Co(),s=w.useMemo(()=>z2(c.search,l.current?null:r.current),[c.search]),u=Sb(),b=w.useCallback((g,p)=>{const f=Vh(typeof g=="function"?g(new URLSearchParams(s)):g);l.current=!0,u("?"+f,p)},[u,s]);return[s,b]}var G2=0,Z2=()=>`__${String(++G2)}__`;function Y2(){let{router:n}=Z1("useSubmit"),{basename:r}=w.useContext(Zo),l=p2();return w.useCallback(async(c,s={})=>{let{action:u,method:b,encType:g,formData:p,body:f}=T2(c,r);if(s.navigate===!1){let m=s.fetcherKey||Z2();await n.fetch(m,l,s.action||u,{preventScrollReset:s.preventScrollReset,formData:p,body:f,formMethod:s.method||b,formEncType:s.encType||g,flushSync:s.flushSync})}else await n.navigate(s.action||u,{preventScrollReset:s.preventScrollReset,formData:p,body:f,formMethod:s.method||b,formEncType:s.encType||g,replace:s.replace,state:s.state,fromRouteId:l,flushSync:s.flushSync,viewTransition:s.viewTransition})},[n,r,l])}function X2(n,{relative:r}={}){let{basename:l}=w.useContext(Zo),c=w.useContext(Yo);he(c,"useFormAction must be used inside a RouteContext");let[s]=c.matches.slice(-1),u={...cl(n||".",{relative:r})},b=Co();if(n==null){u.search=b.search;let g=new URLSearchParams(u.search),p=g.getAll("index");if(p.some(m=>m==="")){g.delete("index"),p.filter(y=>y).forEach(y=>g.append("index",y));let m=g.toString();u.search=m?`?${m}`:""}}return(!n||n===".")&&s.route.index&&(u.search=u.search?u.search.replace(/^\?/,"?index&"):"?index"),l!=="/"&&(u.pathname=u.pathname==="/"?l:Er([l,u.pathname])),Oi(u)}function Q2(n,{relative:r}={}){let l=w.useContext(R1);he(l!=null,"`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?");let{basename:c}=Z1("useViewTransitionState"),s=cl(n,{relative:r});if(!l.isTransitioning)return!1;let u=Cr(l.currentLocation.pathname,c)||l.currentLocation.pathname,b=Cr(l.nextLocation.pathname,c)||l.nextLocation.pathname;return Li(s.pathname,b)!=null||Li(s.pathname,u)!=null}/*!
+Please change the parent <Route path="${M}"> to <Route path="${M==="/"?"*":`${M}/*`}">.`)}let _=Co(),S;if(r){let M=typeof r=="string"?Jt(r):r;he(m==="/"||M.pathname?.startsWith(m),`When overriding the location using \`<Routes location>\` or \`useRoutes(routes, location)\`, the location pathname must begin with the portion of the URL pathname that was matched by all parent routes. The current pathname base is "${m}" but pathname "${M.pathname}" was given in the \`location\` prop.`),S=M}else S=_;let O=S.pathname||"/",A=O;if(m!=="/"){let M=m.replace(/^\//,"").split("/");A="/"+O.replace(/^\//,"").split("/").slice(M.length).join("/")}let E=O1(n,{pathname:A});Lo(y||E!=null,`No routes matched location "${S.pathname}${S.search}${S.hash}" `),Lo(E==null||E[E.length-1].route.element!==void 0||E[E.length-1].route.Component!==void 0||E[E.length-1].route.lazy!==void 0,`Matched leaf route at location "${S.pathname}${S.search}${S.hash}" does not have an element or Component. This means it will render an <Outlet /> with a null value by default resulting in an "empty" page.`);let x=d2(E&&E.map(M=>Object.assign({},M,{params:Object.assign({},p,M.params),pathname:Er([m,u.encodeLocation?u.encodeLocation(M.pathname).pathname:M.pathname]),pathnameBase:M.pathnameBase==="/"?m:Er([m,u.encodeLocation?u.encodeLocation(M.pathnameBase).pathname:M.pathnameBase])})),b,l,c,s);return r&&x?w.createElement(Ki.Provider,{value:{location:{pathname:"/",search:"",hash:"",state:null,key:"default",...S},navigationType:"POP"}},x):x}function l2(){let n=g2(),r=Wz(n)?`${n.status} ${n.statusText}`:n instanceof Error?n.message:JSON.stringify(n),l=n instanceof Error?n.stack:null,c="rgba(200,200,200, 0.5)",s={padding:"0.5rem",backgroundColor:c},u={padding:"2px 4px",backgroundColor:c},b=null;return console.error("Error handled by React Router default ErrorBoundary:",n),b=w.createElement(w.Fragment,null,w.createElement("p",null,"💿 Hey developer 👋"),w.createElement("p",null,"You can provide a way better UX than this when your app throws errors by providing your own ",w.createElement("code",{style:u},"ErrorBoundary")," or"," ",w.createElement("code",{style:u},"errorElement")," prop on your route.")),w.createElement(w.Fragment,null,w.createElement("h2",null,"Unexpected Application Error!"),w.createElement("h3",{style:{fontStyle:"italic"}},r),l?w.createElement("pre",{style:s},l):null,b)}var i2=w.createElement(l2,null),c2=class extends w.Component{constructor(n){super(n),this.state={location:n.location,revalidation:n.revalidation,error:n.error}}static getDerivedStateFromError(n){return{error:n}}static getDerivedStateFromProps(n,r){return r.location!==n.location||r.revalidation!=="idle"&&n.revalidation==="idle"?{error:n.error,location:n.location,revalidation:n.revalidation}:{error:n.error!==void 0?n.error:r.error,location:r.location,revalidation:n.revalidation||r.revalidation}}componentDidCatch(n,r){this.props.unstable_onError?this.props.unstable_onError(n,r):console.error("React Router caught the following error during render",n)}render(){return this.state.error!==void 0?w.createElement(Yo.Provider,{value:this.props.routeContext},w.createElement(jb.Provider,{value:this.state.error,children:this.props.component})):this.props.children}};function s2({routeContext:n,match:r,children:l}){let c=w.useContext(il);return c&&c.static&&c.staticContext&&(r.route.errorElement||r.route.ErrorBoundary)&&(c.staticContext._deepestRenderedBoundaryId=r.route.id),w.createElement(Yo.Provider,{value:n},l)}function d2(n,r=[],l=null,c=null,s=null){if(n==null){if(!l)return null;if(l.errors)n=l.matches;else if(r.length===0&&!l.initialized&&l.matches.length>0)n=l.matches;else return null}let u=n,b=l?.errors;if(b!=null){let f=u.findIndex(m=>m.route.id&&b?.[m.route.id]!==void 0);he(f>=0,`Could not find a matching route for errors on route IDs: ${Object.keys(b).join(",")}`),u=u.slice(0,Math.min(u.length,f+1))}let g=!1,p=-1;if(l)for(let f=0;f<u.length;f++){let m=u[f];if((m.route.HydrateFallback||m.route.hydrateFallbackElement)&&(p=f),m.route.id){let{loaderData:y,errors:_}=l,S=m.route.loader&&!y.hasOwnProperty(m.route.id)&&(!_||_[m.route.id]===void 0);if(m.route.lazy||S){g=!0,p>=0?u=u.slice(0,p+1):u=[u[0]];break}}}return u.reduceRight((f,m,y)=>{let _,S=!1,O=null,A=null;l&&(_=b&&m.route.id?b[m.route.id]:void 0,O=m.route.errorElement||i2,g&&(p<0&&y===0?(K1("route-fallback",!1,"No `HydrateFallback` element provided to render during initial hydration"),S=!0,A=null):p===y&&(S=!0,A=m.route.hydrateFallbackElement||null)));let E=r.concat(u.slice(0,y+1)),x=()=>{let M;return _?M=O:S?M=A:m.route.Component?M=w.createElement(m.route.Component,null):m.route.element?M=m.route.element:M=f,w.createElement(s2,{match:m,routeContext:{outlet:f,matches:E,isDataRoute:l!=null},children:M})};return l&&(m.route.ErrorBoundary||m.route.errorElement||y===0)?w.createElement(c2,{location:l.location,revalidation:l.revalidation,component:O,error:_,children:x(),routeContext:{outlet:null,matches:E,isDataRoute:!0},unstable_onError:c}):x()},null)}function Tb(n){return`${n} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`}function u2(n){let r=w.useContext(il);return he(r,Tb(n)),r}function h2(n){let r=w.useContext(Is);return he(r,Tb(n)),r}function b2(n){let r=w.useContext(Yo);return he(r,Tb(n)),r}function Ab(n){let r=b2(n),l=r.matches[r.matches.length-1];return he(l.route.id,`${n} can only be used on routes that contain a unique "id"`),l.route.id}function p2(){return Ab("useRouteId")}function g2(){let n=w.useContext(jb),r=h2("useRouteError"),l=Ab("useRouteError");return n!==void 0?n:r.errors?.[l]}function f2(){let{router:n}=u2("useNavigate"),r=Ab("useNavigate"),l=w.useRef(!1);return M1(()=>{l.current=!0}),w.useCallback(async(s,u={})=>{Lo(l.current,D1),l.current&&(typeof s=="number"?n.navigate(s):await n.navigate(s,{fromRouteId:r,...u}))},[n,r])}var cm={};function K1(n,r,l){!r&&!cm[n]&&(cm[n]=!0,Lo(!1,l))}w.memo(v2);function v2({routes:n,future:r,state:l,unstable_onError:c}){return I1(n,void 0,l,c,r)}function H1({to:n,replace:r,state:l,relative:c}){he(na(),"<Navigate> may be used only in the context of a <Router> component.");let{static:s}=w.useContext(Zo);Lo(!s,"<Navigate> must not be used on the initial render in a <StaticRouter>. This is a no-op, but you should modify your code so the <Navigate> is only ever rendered in response to some user interaction or state change.");let{matches:u}=w.useContext(Yo),{pathname:b}=Co(),g=Sb(),p=zb(n,xb(u),b,c==="path"),f=JSON.stringify(p);return w.useEffect(()=>{g(JSON.parse(f),{replace:r,state:l,relative:c})},[g,f,c,r,l]),null}function Pt(n){he(!1,"A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>.")}function m2({basename:n="/",children:r=null,location:l,navigationType:c="POP",navigator:s,static:u=!1}){he(!na(),"You cannot render a <Router> inside another <Router>. You should never have more than one in your app.");let b=n.replace(/^\/*/,"/"),g=w.useMemo(()=>({basename:b,navigator:s,static:u,future:{}}),[b,s,u]);typeof l=="string"&&(l=Jt(l));let{pathname:p="/",search:f="",hash:m="",state:y=null,key:_="default"}=l,S=w.useMemo(()=>{let O=Cr(p,b);return O==null?null:{location:{pathname:O,search:f,hash:m,state:y,key:_},navigationType:c}},[b,p,f,m,y,_,c]);return Lo(S!=null,`<Router basename="${b}"> is not able to match the URL "${p}${f}${m}" because it does not start with the basename, so the <Router> won't render anything.`),S==null?null:w.createElement(Zo.Provider,{value:g},w.createElement(Ki.Provider,{children:r,value:S}))}function U1({children:n,location:r}){return a2(Fh(n),r)}function Fh(n,r=[]){let l=[];return w.Children.forEach(n,(c,s)=>{if(!w.isValidElement(c))return;let u=[...r,s];if(c.type===w.Fragment){l.push.apply(l,Fh(c.props.children,u));return}he(c.type===Pt,`[${typeof c.type=="string"?c.type:c.type.name}] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>`),he(!c.props.index||!c.props.children,"An index route cannot have child routes.");let b={id:c.props.id||u.join("-"),caseSensitive:c.props.caseSensitive,element:c.props.element,Component:c.props.Component,index:c.props.index,path:c.props.path,loader:c.props.loader,action:c.props.action,hydrateFallbackElement:c.props.hydrateFallbackElement,HydrateFallback:c.props.HydrateFallback,errorElement:c.props.errorElement,ErrorBoundary:c.props.ErrorBoundary,hasErrorBoundary:c.props.hasErrorBoundary===!0||c.props.ErrorBoundary!=null||c.props.errorElement!=null,shouldRevalidate:c.props.shouldRevalidate,handle:c.props.handle,lazy:c.props.lazy};c.props.children&&(b.children=Fh(c.props.children,u)),l.push(b)}),l}var ks="get",ys="application/x-www-form-urlencoded";function Ks(n){return n!=null&&typeof n.tagName=="string"}function k2(n){return Ks(n)&&n.tagName.toLowerCase()==="button"}function y2(n){return Ks(n)&&n.tagName.toLowerCase()==="form"}function w2(n){return Ks(n)&&n.tagName.toLowerCase()==="input"}function _2(n){return!!(n.metaKey||n.altKey||n.ctrlKey||n.shiftKey)}function x2(n,r){return n.button===0&&(!r||r==="_self")&&!_2(n)}function Vh(n=""){return new URLSearchParams(typeof n=="string"||Array.isArray(n)||n instanceof URLSearchParams?n:Object.keys(n).reduce((r,l)=>{let c=n[l];return r.concat(Array.isArray(c)?c.map(s=>[l,s]):[[l,c]])},[]))}function z2(n,r){let l=Vh(n);return r&&r.forEach((c,s)=>{l.has(s)||r.getAll(s).forEach(u=>{l.append(s,u)})}),l}var ls=null;function j2(){if(ls===null)try{new FormData(document.createElement("form"),0),ls=!1}catch{ls=!0}return ls}var S2=new Set(["application/x-www-form-urlencoded","multipart/form-data","text/plain"]);function fh(n){return n!=null&&!S2.has(n)?(Lo(!1,`"${n}" is not a valid \`encType\` for \`<Form>\`/\`<fetcher.Form>\` and will default to "${ys}"`),null):n}function T2(n,r){let l,c,s,u,b;if(y2(n)){let g=n.getAttribute("action");c=g?Cr(g,r):null,l=n.getAttribute("method")||ks,s=fh(n.getAttribute("enctype"))||ys,u=new FormData(n)}else if(k2(n)||w2(n)&&(n.type==="submit"||n.type==="image")){let g=n.form;if(g==null)throw new Error('Cannot submit a <button> or <input type="submit"> without a <form>');let p=n.getAttribute("formaction")||g.getAttribute("action");if(c=p?Cr(p,r):null,l=n.getAttribute("formmethod")||g.getAttribute("method")||ks,s=fh(n.getAttribute("formenctype"))||fh(g.getAttribute("enctype"))||ys,u=new FormData(g,n),!j2()){let{name:f,type:m,value:y}=n;if(m==="image"){let _=f?`${f}.`:"";u.append(`${_}x`,"0"),u.append(`${_}y`,"0")}else f&&u.append(f,y)}}else{if(Ks(n))throw new Error('Cannot submit element that is not <form>, <button>, or <input type="submit|image">');l=ks,c=null,s=ys,b=n}return u&&s==="text/plain"&&(b=u,u=void 0),{action:c,method:l.toLowerCase(),encType:s,formData:u,body:b}}Object.getOwnPropertyNames(Object.prototype).sort().join("\0");function Eb(n,r){if(n===!1||n===null||typeof n>"u")throw new Error(r)}function A2(n,r,l){let c=typeof n=="string"?new URL(n,typeof window>"u"?"server://singlefetch/":window.location.origin):n;return c.pathname==="/"?c.pathname=`_root.${l}`:r&&Cr(c.pathname,r)==="/"?c.pathname=`${r.replace(/\/$/,"")}/_root.${l}`:c.pathname=`${c.pathname.replace(/\/$/,"")}.${l}`,c}async function E2(n,r){if(n.id in r)return r[n.id];try{let l=await import(n.module);return r[n.id]=l,l}catch(l){return console.error(`Error loading route module \`${n.module}\`, reloading page...`),console.error(l),window.__reactRouterContext&&window.__reactRouterContext.isSpaMode,window.location.reload(),new Promise(()=>{})}}function O2(n){return n==null?!1:n.href==null?n.rel==="preload"&&typeof n.imageSrcSet=="string"&&typeof n.imageSizes=="string":typeof n.rel=="string"&&typeof n.href=="string"}async function L2(n,r,l){let c=await Promise.all(n.map(async s=>{let u=r.routes[s.route.id];if(u){let b=await E2(u,l);return b.links?b.links():[]}return[]}));return R2(c.flat(1).filter(O2).filter(s=>s.rel==="stylesheet"||s.rel==="preload").map(s=>s.rel==="stylesheet"?{...s,rel:"prefetch",as:"style"}:{...s,rel:"prefetch"}))}function sm(n,r,l,c,s,u){let b=(p,f)=>l[f]?p.route.id!==l[f].route.id:!0,g=(p,f)=>l[f].pathname!==p.pathname||l[f].route.path?.endsWith("*")&&l[f].params["*"]!==p.params["*"];return u==="assets"?r.filter((p,f)=>b(p,f)||g(p,f)):u==="data"?r.filter((p,f)=>{let m=c.routes[p.route.id];if(!m||!m.hasLoader)return!1;if(b(p,f)||g(p,f))return!0;if(p.route.shouldRevalidate){let y=p.route.shouldRevalidate({currentUrl:new URL(s.pathname+s.search+s.hash,window.origin),currentParams:l[0]?.params||{},nextUrl:new URL(n,window.origin),nextParams:p.params,defaultShouldRevalidate:!0});if(typeof y=="boolean")return y}return!0}):[]}function C2(n,r,{includeHydrateFallback:l}={}){return N2(n.map(c=>{let s=r.routes[c.route.id];if(!s)return[];let u=[s.module];return s.clientActionModule&&(u=u.concat(s.clientActionModule)),s.clientLoaderModule&&(u=u.concat(s.clientLoaderModule)),l&&s.hydrateFallbackModule&&(u=u.concat(s.hydrateFallbackModule)),s.imports&&(u=u.concat(s.imports)),u}).flat(1))}function N2(n){return[...new Set(n)]}function $2(n){let r={},l=Object.keys(n).sort();for(let c of l)r[c]=n[c];return r}function R2(n,r){let l=new Set;return new Set(r),n.reduce((c,s)=>{let u=JSON.stringify($2(s));return l.has(u)||(l.add(u),c.push({key:u,link:s})),c},[])}function F1(){let n=w.useContext(il);return Eb(n,"You must render this element inside a <DataRouterContext.Provider> element"),n}function B2(){let n=w.useContext(Is);return Eb(n,"You must render this element inside a <DataRouterStateContext.Provider> element"),n}var Ob=w.createContext(void 0);Ob.displayName="FrameworkContext";function V1(){let n=w.useContext(Ob);return Eb(n,"You must render this element inside a <HydratedRouter> element"),n}function D2(n,r){let l=w.useContext(Ob),[c,s]=w.useState(!1),[u,b]=w.useState(!1),{onFocus:g,onBlur:p,onMouseEnter:f,onMouseLeave:m,onTouchStart:y}=r,_=w.useRef(null);w.useEffect(()=>{if(n==="render"&&b(!0),n==="viewport"){let A=x=>{x.forEach(M=>{b(M.isIntersecting)})},E=new IntersectionObserver(A,{threshold:.5});return _.current&&E.observe(_.current),()=>{E.disconnect()}}},[n]),w.useEffect(()=>{if(c){let A=setTimeout(()=>{b(!0)},100);return()=>{clearTimeout(A)}}},[c]);let S=()=>{s(!0)},O=()=>{s(!1),b(!1)};return l?n!=="intent"?[u,_,{}]:[u,_,{onFocus:gi(g,S),onBlur:gi(p,O),onMouseEnter:gi(f,S),onMouseLeave:gi(m,O),onTouchStart:gi(y,S)}]:[!1,_,{}]}function gi(n,r){return l=>{n&&n(l),l.defaultPrevented||r(l)}}function M2({page:n,...r}){let{router:l}=F1(),c=w.useMemo(()=>O1(l.routes,n,l.basename),[l.routes,n,l.basename]);return c?w.createElement(K2,{page:n,matches:c,...r}):null}function I2(n){let{manifest:r,routeModules:l}=V1(),[c,s]=w.useState([]);return w.useEffect(()=>{let u=!1;return L2(n,r,l).then(b=>{u||s(b)}),()=>{u=!0}},[n,r,l]),c}function K2({page:n,matches:r,...l}){let c=Co(),{manifest:s,routeModules:u}=V1(),{basename:b}=F1(),{loaderData:g,matches:p}=B2(),f=w.useMemo(()=>sm(n,r,p,s,c,"data"),[n,r,p,s,c]),m=w.useMemo(()=>sm(n,r,p,s,c,"assets"),[n,r,p,s,c]),y=w.useMemo(()=>{if(n===c.pathname+c.search+c.hash)return[];let O=new Set,A=!1;if(r.forEach(x=>{let M=s.routes[x.route.id];!M||!M.hasLoader||(!f.some(G=>G.route.id===x.route.id)&&x.route.id in g&&u[x.route.id]?.shouldRevalidate||M.hasClientLoader?A=!0:O.add(x.route.id))}),O.size===0)return[];let E=A2(n,b,"data");return A&&O.size>0&&E.searchParams.set("_routes",r.filter(x=>O.has(x.route.id)).map(x=>x.route.id).join(",")),[E.pathname+E.search]},[b,g,c,s,f,r,n,u]),_=w.useMemo(()=>C2(m,s),[m,s]),S=I2(m);return w.createElement(w.Fragment,null,y.map(O=>w.createElement("link",{key:O,rel:"prefetch",as:"fetch",href:O,...l})),_.map(O=>w.createElement("link",{key:O,rel:"modulepreload",href:O,...l})),S.map(({key:O,link:A})=>w.createElement("link",{key:O,nonce:l.nonce,...A})))}function H2(...n){return r=>{n.forEach(l=>{typeof l=="function"?l(r):l!=null&&(l.current=r)})}}var q1=typeof window<"u"&&typeof window.document<"u"&&typeof window.document.createElement<"u";try{q1&&(window.__reactRouterVersion="7.9.1")}catch{}function U2({basename:n,children:r,window:l}){let c=w.useRef();c.current==null&&(c.current=Oz({window:l,v5Compat:!0}));let s=c.current,[u,b]=w.useState({action:s.action,location:s.location}),g=w.useCallback(p=>{w.startTransition(()=>b(p))},[b]);return w.useLayoutEffect(()=>s.listen(g),[s,g]),w.createElement(m2,{basename:n,children:r,location:u.location,navigationType:u.action,navigator:s})}var P1=/^(?:[a-z][a-z0-9+.-]*:|\/\/)/i,G1=w.forwardRef(function({onClick:r,discover:l="render",prefetch:c="none",relative:s,reloadDocument:u,replace:b,state:g,target:p,to:f,preventScrollReset:m,viewTransition:y,..._},S){let{basename:O}=w.useContext(Zo),A=typeof f=="string"&&P1.test(f),E,x=!1;if(typeof f=="string"&&A&&(E=f,q1))try{let hn=new URL(window.location.href),Un=f.startsWith("//")?new URL(hn.protocol+f):new URL(f),Y=Cr(Un.pathname,O);Un.origin===hn.origin&&Y!=null?f=Y+Un.search+Un.hash:x=!0}catch{Lo(!1,`<Link to="${f}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`)}let M=B1(f,{relative:s}),[G,J,C]=D2(c,_),Q=P2(f,{replace:b,state:g,target:p,preventScrollReset:m,relative:s,viewTransition:y});function en(hn){r&&r(hn),hn.defaultPrevented||Q(hn)}let un=w.createElement("a",{..._,...C,href:E||M,onClick:x||u?r:en,ref:H2(S,J),target:p,"data-discover":!A&&l==="render"?"true":void 0});return G&&!A?w.createElement(w.Fragment,null,un,w.createElement(M2,{page:M})):un});G1.displayName="Link";var F2=w.forwardRef(function({"aria-current":r="page",caseSensitive:l=!1,className:c="",end:s=!1,style:u,to:b,viewTransition:g,children:p,...f},m){let y=cl(b,{relative:f.relative}),_=Co(),S=w.useContext(Is),{navigator:O,basename:A}=w.useContext(Zo),E=S!=null&&Q2(y)&&g===!0,x=O.encodeLocation?O.encodeLocation(y).pathname:y.pathname,M=_.pathname,G=S&&S.navigation&&S.navigation.location?S.navigation.location.pathname:null;l||(M=M.toLowerCase(),G=G?G.toLowerCase():null,x=x.toLowerCase()),G&&A&&(G=Cr(G,A)||G);const J=x!=="/"&&x.endsWith("/")?x.length-1:x.length;let C=M===x||!s&&M.startsWith(x)&&M.charAt(J)==="/",Q=G!=null&&(G===x||!s&&G.startsWith(x)&&G.charAt(x.length)==="/"),en={isActive:C,isPending:Q,isTransitioning:E},un=C?r:void 0,hn;typeof c=="function"?hn=c(en):hn=[c,C?"active":null,Q?"pending":null,E?"transitioning":null].filter(Boolean).join(" ");let Un=typeof u=="function"?u(en):u;return w.createElement(G1,{...f,"aria-current":un,className:hn,ref:m,style:Un,to:b,viewTransition:g},typeof p=="function"?p(en):p)});F2.displayName="NavLink";var V2=w.forwardRef(({discover:n="render",fetcherKey:r,navigate:l,reloadDocument:c,replace:s,state:u,method:b=ks,action:g,onSubmit:p,relative:f,preventScrollReset:m,viewTransition:y,..._},S)=>{let O=Y2(),A=X2(g,{relative:f}),E=b.toLowerCase()==="get"?"get":"post",x=typeof g=="string"&&P1.test(g),M=G=>{if(p&&p(G),G.defaultPrevented)return;G.preventDefault();let J=G.nativeEvent.submitter,C=J?.getAttribute("formmethod")||b;O(J||G.currentTarget,{fetcherKey:r,method:C,navigate:l,replace:s,state:u,relative:f,preventScrollReset:m,viewTransition:y})};return w.createElement("form",{ref:S,method:E,action:A,onSubmit:c?p:M,..._,"data-discover":!x&&n==="render"?"true":void 0})});V2.displayName="Form";function q2(n){return`${n} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`}function Z1(n){let r=w.useContext(il);return he(r,q2(n)),r}function P2(n,{target:r,replace:l,state:c,preventScrollReset:s,relative:u,viewTransition:b}={}){let g=Sb(),p=Co(),f=cl(n,{relative:u});return w.useCallback(m=>{if(x2(m,r)){m.preventDefault();let y=l!==void 0?l:Oi(p)===Oi(f);g(n,{replace:y,state:c,preventScrollReset:s,relative:u,viewTransition:b})}},[p,g,f,l,c,r,n,s,u,b])}function sl(n){Lo(typeof URLSearchParams<"u","You cannot use the `useSearchParams` hook in a browser that does not support the URLSearchParams API. If you need to support Internet Explorer 11, we recommend you load a polyfill such as https://github.com/ungap/url-search-params.");let r=w.useRef(Vh(n)),l=w.useRef(!1),c=Co(),s=w.useMemo(()=>z2(c.search,l.current?null:r.current),[c.search]),u=Sb(),b=w.useCallback((g,p)=>{const f=Vh(typeof g=="function"?g(new URLSearchParams(s)):g);l.current=!0,u("?"+f,p)},[u,s]);return[s,b]}var G2=0,Z2=()=>`__${String(++G2)}__`;function Y2(){let{router:n}=Z1("useSubmit"),{basename:r}=w.useContext(Zo),l=p2();return w.useCallback(async(c,s={})=>{let{action:u,method:b,encType:g,formData:p,body:f}=T2(c,r);if(s.navigate===!1){let m=s.fetcherKey||Z2();await n.fetch(m,l,s.action||u,{preventScrollReset:s.preventScrollReset,formData:p,body:f,formMethod:s.method||b,formEncType:s.encType||g,flushSync:s.flushSync})}else await n.navigate(s.action||u,{preventScrollReset:s.preventScrollReset,formData:p,body:f,formMethod:s.method||b,formEncType:s.encType||g,replace:s.replace,state:s.state,fromRouteId:l,flushSync:s.flushSync,viewTransition:s.viewTransition})},[n,r,l])}function X2(n,{relative:r}={}){let{basename:l}=w.useContext(Zo),c=w.useContext(Yo);he(c,"useFormAction must be used inside a RouteContext");let[s]=c.matches.slice(-1),u={...cl(n||".",{relative:r})},b=Co();if(n==null){u.search=b.search;let g=new URLSearchParams(u.search),p=g.getAll("index");if(p.some(m=>m==="")){g.delete("index"),p.filter(y=>y).forEach(y=>g.append("index",y));let m=g.toString();u.search=m?`?${m}`:""}}return(!n||n===".")&&s.route.index&&(u.search=u.search?u.search.replace(/^\?/,"?index&"):"?index"),l!=="/"&&(u.pathname=u.pathname==="/"?l:Er([l,u.pathname])),Oi(u)}function Q2(n,{relative:r}={}){let l=w.useContext(R1);he(l!=null,"`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?");let{basename:c}=Z1("useViewTransitionState"),s=cl(n,{relative:r});if(!l.isTransitioning)return!1;let u=Cr(l.currentLocation.pathname,c)||l.currentLocation.pathname,b=Cr(l.nextLocation.pathname,c)||l.nextLocation.pathname;return Li(s.pathname,b)!=null||Li(s.pathname,u)!=null}/*!
  * KoliBri - The accessible HTML-Standard
  */let qh;const ws=[],W2=n=>{qh=n,ws.forEach(r=>{r(n)})},AD=(n,r=!0)=>(r&&typeof qh=="string"&&n(qh),ws.push(n),()=>{const l=ws.indexOf(n);l>=0&&ws.splice(l,1)});var dm={};/*!
  * KoliBri - The accessible HTML-Standard
@@ -88,7 +88,7 @@ Link:
  * KoliBri - The accessible HTML-Standard
  */var Ge;(function(n){n["Die Bundesregierung"]="BReg",n["Bundesministerium der Finanzen"]="BMF",n["Bundesministerium des Innern, für Bau und Heimat"]="BMI",n["Auswärtiges Amt"]="AA",n["Bundesministerium für Wirtschaft und Energie"]="BMWi",n["Bundesministerium der Justiz und für Verbraucherschutz"]="BMJV",n["Bundesministerium für Arbeit und Soziales"]="BMAS",n["Bundesministerium der Verteidigung"]="BMVg",n["Bundesministerium für Ernährung und Landwirtschaft"]="BMEL",n["Bundesministerium für Familie, Senioren, Frauen und Jugend"]="BMFSFJ",n["Bundesministerium für Gesundheit"]="BMG",n["Bundesministerium für Verkehr und digitale Infrastruktur"]="BMVI",n["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"]="BMU",n["Bundesministerium für Bildung und Forschung"]="BMBF",n["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"]="BMZ"})(Ge||(Ge={}));var Bn;(function(n){n["Beschaffungsamt des Bundesministeriums des Innern"]="BeschA",n["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"]="BAAINBw",n["Bundesamt für äußere Restitutionen"]="BAR",n["Bundesamt für Bauwesen und Raumordnung"]="BBR",n["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"]="BBK",n["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"]="BAFzA",n["Bundesamt für Güterverkehr"]="BAG",n["Bundesamt für Justiz"]="BfJ",n["Bundesamt für Kartographie und Geodäsie"]="BKG",n["Bundesamt für kerntechnische Entsorgungssicherheit"]="BASE",n["Bundesamt für Migration und Flüchtlinge"]="BAMF",n["Bundesamt für Sicherheit in der Informationstechnik"]="BSI",n["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"]="BVL",n["Bundesamt für Verfassungsschutz"]="BfV",n["Bundesamt für Wirtschaft und Ausfuhrkontrolle"]="BAFA",n["Bundesamt für zentrale Dienste und offene Vermögensfragen"]="BADV",n["Bundesanstalt für Verwaltungsdienstleistungen"]="BAV",n.Bundesarchiv="BArch",n["Bundesaufsichtsamt für Flugsicherung"]="BAF",n.Bundesausgleichsamt="BAA",n.Bundeskartellamt="BKartA",n.Bundeskriminalamt="BKA",n.Bundesnachrichtendienst="BND",n["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"]="BNetzA",n.Bundespolizeipräsidium="BPOLP",n["Bundesprüfstelle für jugendgefährdende Medien"]="BPjM",n.Bundessortenamt="BSA",n.Bundessprachenamt="BSprA",n["Bundesamt für Soziale Sicherung"]="BAS",n.Bundesverwaltungsamt="BVA",n["Bundeszentralamt für Steuern"]="BZSt",n["Deutsches Patent- und Markenamt"]="DPMA",n["Eisenbahn-Bundesamt"]="EBA",n.Generalzolldirektion="GZD",n["Militärischer Abschirmdienst"]="MAD",n["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"]="ZITiS"})(Bn||(Bn={}));var Nr;(function(n){n["Informationstechnikzentrum Bund"]="ITZBund",n["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"]="BDBOS",n["Bundesanstalt für Landwirtschaft und Ernährung"]="BLE",n["Bundesanstalt Technisches Hilfswerk"]="THW",n["Bundesinstitut für Arzneimittel und Medizinprodukte"]="BfArM",n["Bundesinstitut für Bevölkerungsforschung"]="BiB",n["Bundesinstitut für Sportwissenschaft"]="BISp"})(Nr||(Nr={}));const fn=new Map;fn.set(Ge["Die Bundesregierung"],["Die","Bundesregierung"]);fn.set(Ge["Bundesministerium der Finanzen"],["Bundesministerium","der Finanzen"]);fn.set(Ge["Bundesministerium des Innern, für Bau und Heimat"],["Bundesministerium","des Inneren, für Bau","und Heimat"]);fn.set(Ge["Auswärtiges Amt"],["Auswärtiges Amt"]);fn.set(Ge["Bundesministerium für Wirtschaft und Energie"],["Bundesministerium","für Wirtschaft","und Energie"]);fn.set(Ge["Bundesministerium der Justiz und für Verbraucherschutz"],["Bundesministerium","der Justiz und","für Verbraucherschutz"]);fn.set(Ge["Bundesministerium für Arbeit und Soziales"],["Bundesministerium","für Arbeit und Soziales"]);fn.set(Ge["Bundesministerium der Verteidigung"],["Bundesministerium","der Verteidigung"]);fn.set(Ge["Bundesministerium für Bildung und Forschung"],["Bundesministerium","für Bildung","und Forschung"]);fn.set(Ge["Bundesministerium für Ernährung und Landwirtschaft"],["Bundesministerium","für Ernährung","und Landwirtschaft"]);fn.set(Ge["Bundesministerium für Familie, Senioren, Frauen und Jugend"],["Bundesministerium","für Familie, Senioren, Frauen","und Jugend"]);fn.set(Ge["Bundesministerium für Gesundheit"],["Bundesministerium","für Gesundheit"]);fn.set(Ge["Bundesministerium für Umwelt, Naturschutz und nukleare Sicherheit"],["Bundesministerium","für Umwelt, Naturschutz","und nukleare Sicherheit"]);fn.set(Ge["Bundesministerium für Verkehr und digitale Infrastruktur"],["Bundesministerium","für Verkehr und","digitale Infrastruktur"]);fn.set(Ge["Bundesministerium für wirtschaftliche Zusammenarbeit und Entwicklung"],["Bundesministerium","für wirtschaftliche Zusammenarbeit","und Entwicklung"]);fn.set(Bn["Beschaffungsamt des Bundesministeriums des Innern"],["Beschaffungsamt","des Bundesministeriums","des Innern"]);fn.set(Bn["Bundesamt für Ausrüstung, Informationstechnik und Nutzung der Bundeswehr"],[]);fn.set(Bn["Bundesamt für äußere Restitutionen"],[]);fn.set(Bn["Bundesamt für Bauwesen und Raumordnung"],[]);fn.set(Bn["Bundesamt für Bevölkerungsschutz und Katastrophenhilfe"],["Bundesamt","für Bevölkerungsschutz","und Katastrophenhilfe"]);fn.set(Bn["Bundesamt für Familie und zivilgesellschaftliche Aufgaben"],["Bundesamt","für Familie und","zivilgesellschaftliche Aufgaben"]);fn.set(Bn["Bundesamt für Güterverkehr"],["Bundesamt","für Güterverkehr"]);fn.set(Bn["Bundesamt für Justiz"],["Bundesamt für","Justiz"]);fn.set(Bn["Bundesamt für Kartographie und Geodäsie"],["Bundesamt für","Kartographie und Geodäsie"]);fn.set(Bn["Bundesamt für kerntechnische Entsorgungssicherheit"],["Bundesamt für","kerntechnische","Entsorgungssicherheit"]);fn.set(Bn["Bundesamt für Migration und Flüchtlinge"],["Bundesamt","für Migration","und Flüchtlinge"]);fn.set(Bn["Bundesamt für Sicherheit in der Informationstechnik"],["Bundesamt","für Sicherheit in der","Informationstechnik"]);fn.set(Bn["Bundesamt für Verbraucherschutz und Lebensmittelsicherheit"],["Bundesamt für","Verbraucherschutz und","Lebensmittelsicherheit"]);fn.set(Bn["Bundesamt für Verfassungsschutz"],["Bundesamt für","Verfassungsschutz"]);fn.set(Bn["Bundesamt für Wirtschaft und Ausfuhrkontrolle"],["Bundesamt","für Wirtschaft","Ausfuhrkontrolle"]);fn.set(Bn["Bundesamt für zentrale Dienste und offene Vermögensfragen"],["Bundesamt","für zentrale Dienste und","offene Vermögensfragen"]);fn.set(Bn["Bundesanstalt für Verwaltungsdienstleistungen"],["Bundesanstalt","für Verwaltungsdienstleistungen"]);fn.set(Bn.Bundesarchiv,["Das","Bundesarchiv"]);fn.set(Bn["Bundesaufsichtsamt für Flugsicherung"],["Bundesaufsichtsamt","für Flugsicherung"]);fn.set(Bn.Bundesausgleichsamt,["Bundesausgleichsamt"]);fn.set(Bn.Bundeskartellamt,["Bundeskartellamt"]);fn.set(Bn.Bundeskriminalamt,["Bundeskriminalamt"]);fn.set(Bn.Bundesnachrichtendienst,["Bundesnachrichtendienst"]);fn.set(Bn["Bundesnetzagentur für Elektrizität, Gas, Telekommunikation, Post und Eisenbahnen"],["Bundesnetzagentur"]);fn.set(Bn.Bundespolizeipräsidium,["Bundespolizeipräsidium"]);fn.set(Bn["Bundesprüfstelle für jugendgefährdende Medien"],["Bundesprüfstelle","für jugendgefährdende","Medien"]);fn.set(Bn.Bundessortenamt,["Bundessortenamt"]);fn.set(Bn.Bundessprachenamt,["Bundessprachenamt"]);fn.set(Bn["Bundesamt für Soziale Sicherung"],["Bundesamt","für Soziale Sicherung"]);fn.set(Bn.Bundesverwaltungsamt,["Bundesverwaltungsamt"]);fn.set(Bn["Bundeszentralamt für Steuern"],["Bundeszentralamt","für Steuern"]);fn.set(Bn["Deutsches Patent- und Markenamt"],["Deutsches","Patent- und Markenamt"]);fn.set(Bn["Eisenbahn-Bundesamt"],["Eisenbahn-Bundesamt"]);fn.set(Bn.Generalzolldirektion,["Generalzolldirektion"]);fn.set(Bn["Militärischer Abschirmdienst"],["Bundesamt für den","Militärischen Abschirmdienst"]);fn.set(Bn["Zentrale Stelle für Informationstechnik im Sicherheitsbereich"],["Zentrale Stelle","für Informationstechnik","im Sicherheitsbereich"]);fn.set(Nr["Informationstechnikzentrum Bund"],["Informations","Technik","Zentrum Bund"]);fn.set(Nr["Bundesanstalt für den Digitalfunk der Behörden und Organisationen mit Sicherheitsaufgaben"],["Bundesanstalt","für den Digitalfunk der Behörden und","Organisationen mit Sicherheitsaufgaben"]);fn.set(Nr["Bundesanstalt für Landwirtschaft und Ernährung"],["Bundesanstalt für","Landwirtschaft und Ernährung"]);fn.set(Nr["Bundesanstalt Technisches Hilfswerk"],["Bundesanstalt","Technisches Hilfswerk"]);fn.set(Nr["Bundesinstitut für Arzneimittel und Medizinprodukte"],["Bundesinstitut","für Arzneimittel","und Medizinprodukte"]);fn.set(Nr["Bundesinstitut für Bevölkerungsforschung"],["Bundesinstitut","für Bevölkerungsforschung"]);fn.set(Nr["Bundesinstitut für Sportwissenschaft"],["Bundesinstitut","für Sportwissenschaft"]);/*!
  * KoliBri - The accessible HTML-Standard
- */let pw=!1;const b4=async(n,r,l)=>{var c,s;x6(l?.environment==="development"),h4((s=(c=l?.translation)===null||c===void 0?void 0:c.name)!==null&&s!==void 0?s:"de",l?.translations),l?.transformTagName&&l4(l?.transformTagName);const u=await s6(n,r,l);return pw=!0,u},p4=()=>pw;class vt{constructor(r,l){this.document=r,this.options=l,this.toastContainerElement=this.document.createElement(Qh),this.document.body.prepend(this.toastContainerElement)}static getInstance(r,l){if(!p4())throw new Error("Toaster: Call KoliBri bootstrap/register method first.");let c=this.instances.get(r);return c||(c=new vt(r,l),this.instances.set(r,c)),c}dispose(){const r=this.toastContainerElement;r?(this.toastContainerElement=void 0,r.remove()):Te.warn("Toaster service is already disposed.")}enqueue(r){var l,c,s,u;if(this.toastContainerElement&&typeof this.toastContainerElement.enqueue=="function"){const b=(c=(l=this.options)===null||l===void 0?void 0:l.defaultVariant)!==null&&c!==void 0?c:void 0,g=(u=(s=this.options)===null||s===void 0?void 0:s.defaultAlertVariant)!==null&&u!==void 0?u:void 0;return!r.alertVariant&&!r.variant&&this.options&&(r.variant=g??b),this.toastContainerElement.enqueue(r)}}closeAll(r=!1){this.toastContainerElement&&typeof this.toastContainerElement.closeAll=="function"&&this.toastContainerElement.closeAll(r)}}vt.instances=new Map;const g4="modulepreload",f4=function(n){return"/"+n},qk={},tn=function(r,l,c){let s=Promise.resolve();if(l&&l.length>0){let p=function(f){return Promise.all(f.map(m=>Promise.resolve(m).then(y=>({status:"fulfilled",value:y}),y=>({status:"rejected",reason:y}))))};document.getElementsByTagName("link");const b=document.querySelector("meta[property=csp-nonce]"),g=b?.nonce||b?.getAttribute("nonce");s=p(l.map(f=>{if(f=f4(f),f in qk)return;qk[f]=!0;const m=f.endsWith(".css"),y=m?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${f}"]${y}`))return;const _=document.createElement("link");if(_.rel=m?"stylesheet":g4,m||(_.as="script"),_.crossOrigin="",_.href=f,g&&_.setAttribute("nonce",g),document.head.appendChild(_),m)return new Promise((S,O)=>{_.addEventListener("load",S),_.addEventListener("error",()=>O(new Error(`Unable to preload CSS for ${f}`)))})}))}function u(b){const g=new Event("vite:preloadError",{cancelable:!0});if(g.payload=b,window.dispatchEvent(g),!g.defaultPrevented)throw b}return s.then(b=>{for(const g of b||[])g.status==="rejected"&&u(g.reason);return r().catch(u)})},v4="kolibri",Ui={experimentalSlotFixes:!1,hydratedSelectorName:"hydrated",shadowDom:!0,slotRelocation:!0,updatable:!0},WD={kolibriVersion:"2.2.16-rc.1"};var m4=Object.defineProperty,k4=(n,r)=>{for(var l in r)m4(n,l,{get:r[l],enumerable:!0})},$b=new WeakMap,$r=n=>$b.get(n),JD=(n,r)=>$b.set(r.$lazyInstance$=n,r),y4=(n,r)=>{const l={$flags$:0,$hostElement$:n,$cmpMeta$:r,$instanceValues$:new Map};return l.$onInstancePromise$=new Promise(c=>l.$onInstanceResolve$=c),l.$onReadyPromise$=new Promise(c=>l.$onReadyResolve$=c),n["s-p"]=[],n["s-rc"]=[],$b.set(n,l)},Pk=(n,r)=>r in n,on=(n,r)=>(0,console.error)(n,r),xh=new Map,w4=(n,r,l)=>{const c=n.$tagName$.replace(/-/g,"_"),s=n.$lazyBundleId$;if(!s)return;const u=xh.get(s);if(u)return u[c];{const b=g=>(xh.set(s,g),g[c]);switch(s){case"kol-abbr":return tn(()=>import("./kol-abbr.entry-Bm9_JCnx.js"),__vite__mapDeps([0,1,2,3,4])).then(b,on);case"kol-accordion":return tn(()=>import("./kol-accordion.entry-DhGRW7IB.js"),__vite__mapDeps([5,1,6,2,7,8,9,10,11])).then(b,on);case"kol-alert":return tn(()=>import("./kol-alert.entry-B0gv_3-J.js"),[]).then(b,on);case"kol-avatar":return tn(()=>import("./kol-avatar.entry-Dc693RI1.js"),[]).then(b,on);case"kol-badge":return tn(()=>import("./kol-badge.entry-CzhfcZ8m.js"),__vite__mapDeps([12,1,13])).then(b,on);case"kol-breadcrumb":return tn(()=>import("./kol-breadcrumb.entry-DXGGZx8n.js"),__vite__mapDeps([14,15,16,2])).then(b,on);case"kol-button":return tn(()=>import("./kol-button.entry-CCu5WL6o.js"),[]).then(b,on);case"kol-button-group":return tn(()=>import("./kol-button-group.entry-Bh2Lwfyd.js"),[]).then(b,on);case"kol-button-link":return tn(()=>import("./kol-button-link.entry-Bp-niJdy.js"),[]).then(b,on);case"kol-card":return tn(()=>import("./kol-card.entry-4L3g6PvB.js"),__vite__mapDeps([17,18,1,6,2,19])).then(b,on);case"kol-details":return tn(()=>import("./kol-details.entry-DEP9Fv5g.js"),__vite__mapDeps([20,7,8,9,1,6,2,21,10,11])).then(b,on);case"kol-drawer":return tn(()=>import("./kol-drawer.entry-Bjukfva_.js"),__vite__mapDeps([22,4,2,11])).then(b,on);case"kol-form":return tn(()=>import("./kol-form.entry-BSdb9mZ8.js"),__vite__mapDeps([23,18,24,8,9])).then(b,on);case"kol-heading":return tn(()=>import("./kol-heading.entry-DQHDakdI.js"),[]).then(b,on);case"kol-icon":return tn(()=>import("./kol-icon.entry-CHol2w6C.js"),__vite__mapDeps([25,2])).then(b,on);case"kol-image":return tn(()=>import("./kol-image.entry-IFVGTcJ9.js"),__vite__mapDeps([26,27])).then(b,on);case"kol-indented-text":return tn(()=>import("./kol-indented-text.entry-S_ThzzTL.js"),[]).then(b,on);case"kol-input-checkbox":return tn(()=>import("./kol-input-checkbox.entry-DEuAkAjX.js"),__vite__mapDeps([28,1,21,29,30,31,32,2,3,4,33,34,35])).then(b,on);case"kol-input-color":return tn(()=>import("./kol-input-color.entry-Daym1Lzk.js"),__vite__mapDeps([36,1,29,21,30,31,32,2,3,4,33,37,38,39])).then(b,on);case"kol-input-date":return tn(()=>import("./kol-input-date.entry-DEhi3hVP.js"),__vite__mapDeps([40,1,35,29,21,30,31,32,2,3,4,33,37,38,39])).then(b,on);case"kol-input-email":return tn(()=>import("./kol-input-email.entry-D6p19mD5.js"),__vite__mapDeps([41,1,35,29,21,30,31,32,2,3,4,33,42,43,37,38,44,45,39])).then(b,on);case"kol-input-file":return tn(()=>import("./kol-input-file.entry-DNQwZvrz.js"),__vite__mapDeps([46,1,29,21,30,31,32,2,3,4,33,37,38])).then(b,on);case"kol-input-number":return tn(()=>import("./kol-input-number.entry-zQDxsej9.js"),__vite__mapDeps([47,1,35,29,21,30,31,32,2,3,4,33,37,38,39])).then(b,on);case"kol-input-password":return tn(()=>import("./kol-input-password.entry-C7mC-HjG.js"),__vite__mapDeps([48,18,1,35,29,21,30,31,32,2,3,4,33,43,37,38,44])).then(b,on);case"kol-input-radio":return tn(()=>import("./kol-input-radio.entry-B6OYoOOA.js"),__vite__mapDeps([49,1,21,29,30,31,32,2,3,4,34,35,18,50,9,24,8])).then(b,on);case"kol-input-text":return tn(()=>import("./kol-input-text.entry-C7rEvOyz.js"),__vite__mapDeps([51,1,35,29,21,30,31,32,2,3,4,33,42,43,37,38,44,45,39])).then(b,on);case"kol-kolibri":return tn(()=>import("./kol-kolibri.entry-JNvgcbhT.js"),__vite__mapDeps([52,18,13])).then(b,on);case"kol-link":return tn(()=>import("./kol-link.entry-Coq-ktoB.js"),[]).then(b,on);case"kol-link-button":return tn(()=>import("./kol-link-button.entry-DRN5d2Yv.js"),[]).then(b,on);case"kol-link-group":return tn(()=>import("./kol-link-group.entry-CLBSKLqv.js"),__vite__mapDeps([53,15,16,2])).then(b,on);case"kol-logo":return tn(()=>import("./kol-logo.entry-BglGfBhm.js"),__vite__mapDeps([54,18])).then(b,on);case"kol-modal":return tn(()=>import("./kol-modal.entry-BVbsDKos.js"),__vite__mapDeps([55,2])).then(b,on);case"kol-nav":return tn(()=>import("./kol-nav.entry-DQjif0rZ.js"),__vite__mapDeps([56,18,15,16,32,2])).then(b,on);case"kol-pagination":return tn(()=>import("./kol-pagination.entry-DZ-wK_KT.js"),__vite__mapDeps([57,18,1,15,58,2,3,4])).then(b,on);case"kol-popover-button":return tn(()=>import("./kol-popover-button.entry-BAQzXyGX.js"),__vite__mapDeps([59,60,9,4])).then(b,on);case"kol-progress":return tn(()=>import("./kol-progress.entry-Cd-bmnp_.js"),__vite__mapDeps([61,2])).then(b,on);case"kol-quote":return tn(()=>import("./kol-quote.entry-CyOepMhQ.js"),__vite__mapDeps([62,2])).then(b,on);case"kol-select":return tn(()=>import("./kol-select.entry-DSpONV2D.js"),__vite__mapDeps([63,1,21,35,29,30,31,32,2,3,4,33,37,38,34,64])).then(b,on);case"kol-skip-nav":return tn(()=>import("./kol-skip-nav.entry-DqU30gpe.js"),__vite__mapDeps([65,15,16,2])).then(b,on);case"kol-spin":return tn(()=>import("./kol-spin.entry-CsIuSV9X.js"),__vite__mapDeps([66,18,67])).then(b,on);case"kol-split-button":return tn(()=>import("./kol-split-button.entry-giy6MtwH.js"),__vite__mapDeps([68,18])).then(b,on);case"kol-symbol":return tn(()=>import("./kol-symbol.entry-CL7EYNk8.js"),__vite__mapDeps([69,18,2])).then(b,on);case"kol-table":return tn(()=>import("./kol-table.entry-CZlxQx6N.js"),[]).then(b,on);case"kol-table-stateful":return tn(()=>import("./kol-table-stateful.entry-BvYI_ov1.js"),__vite__mapDeps([70,18,21,71,72,2])).then(b,on);case"kol-table-stateless":return tn(()=>import("./kol-table-stateless.entry-CQ36dmf1.js"),[]).then(b,on);case"kol-tabs":return tn(()=>import("./kol-tabs.entry-DFyw4w2r.js"),__vite__mapDeps([73,18,71,4,2])).then(b,on);case"kol-textarea":return tn(()=>import("./kol-textarea.entry-e1lbtm2w.js"),__vite__mapDeps([74,1,29,21,30,31,32,2,3,4,33,37,38,44,64,45])).then(b,on);case"kol-toast-container":return tn(()=>import("./kol-toast-container.entry-DB0Gof7f.js"),__vite__mapDeps([75,18,1,24,8,9])).then(b,on);case"kol-toolbar":return tn(()=>import("./kol-toolbar.entry-C3gg0dwb.js"),__vite__mapDeps([76,2])).then(b,on);case"kol-tree":return tn(()=>import("./kol-tree.entry-D6kUeA_o.js"),[]).then(b,on);case"kol-tree-item":return tn(()=>import("./kol-tree-item.entry-Bjuii-ZG.js"),[]).then(b,on);case"kol-version":return tn(()=>import("./kol-version.entry-CSjmFgra.js"),__vite__mapDeps([77,18,2])).then(b,on);case"kol-alert-wc":return tn(()=>import("./kol-alert-wc.entry-B1Sgacao.js"),__vite__mapDeps([78,6,2,24,8,9,18,19])).then(b,on);case"kol-avatar-wc":return tn(()=>import("./kol-avatar-wc.entry-ChOU-HFB.js"),__vite__mapDeps([79,18,27,2])).then(b,on);case"kol-button-group-wc":return tn(()=>import("./kol-button-group-wc.entry-Bdf_PJnc.js"),[]).then(b,on);case"kol-button-wc":return tn(()=>import("./kol-button-wc.entry-Clg4LnGd.js"),__vite__mapDeps([80,21,1,35,30,31,81,58,10,32,38,2,3,4])).then(b,on);case"kol-combobox":return tn(()=>import("./kol-combobox.entry-CC4LU4hT.js"),__vite__mapDeps([82,9,18,1,21,29,30,31,32,2,3,4,33,37,38,39])).then(b,on);case"kol-heading-wc":return tn(()=>import("./kol-heading-wc.entry-SpsWzBKW.js"),__vite__mapDeps([83,6,2])).then(b,on);case"kol-indented-text-wc":return tn(()=>import("./kol-indented-text-wc.entry-BellCsYj.js"),[]).then(b,on);case"kol-input":return tn(()=>import("./kol-input.entry-B1kmnObm.js"),__vite__mapDeps([84,9,18,50,24,8])).then(b,on);case"kol-input-range":return tn(()=>import("./kol-input-range.entry-Cw3AeI8o.js"),__vite__mapDeps([85,1,35,29,21,30,31,32,2,3,4,33,37,38,39])).then(b,on);case"kol-link-wc":return tn(()=>import("./kol-link-wc.entry-DQOwDLSy.js"),__vite__mapDeps([86,21,1,18,31,87,81,58,10,32,38,2,3,4])).then(b,on);case"kol-popover-wc":return tn(()=>import("./kol-popover-wc.entry-Cax7PqJ-.js"),__vite__mapDeps([88,60,4,67])).then(b,on);case"kol-single-select":return tn(()=>import("./kol-single-select.entry-DlISO8ku.js"),__vite__mapDeps([89,9,18,1,21,29,30,31,32,2,3,4,33,37,38,34])).then(b,on);case"kol-span-wc":return tn(()=>import("./kol-span-wc.entry-CMspB4Gg.js"),__vite__mapDeps([90,33,91,32,38,2])).then(b,on);case"kol-table-stateless-wc":return tn(()=>import("./kol-table-stateless-wc.entry-BKlWtgEa.js"),__vite__mapDeps([92,18,71,1,21,72,2])).then(b,on);case"kol-tooltip-wc":return tn(()=>import("./kol-tooltip-wc.entry-D9W80ptx.js"),__vite__mapDeps([93,60,91,4,2])).then(b,on);case"kol-tree-item-wc":return tn(()=>import("./kol-tree-item-wc.entry-BRR4I4Y1.js"),__vite__mapDeps([94,1,2,11,87])).then(b,on);case"kol-tree-wc":return tn(()=>import("./kol-tree-wc.entry-C94WYSzE.js"),__vite__mapDeps([95,2])).then(b,on);case"test-component":return tn(()=>import("./test-component.entry-BN6iGcda.js"),[]).then(b,on)}}return tn(()=>import(`./${s}.entry.js`),[]).then(b=>(xh.set(s,b),b[c]),on)},Es=new Map,gw=[],_4="r",x4="o",z4="s",j4="t",Wh="s-id",S4="sty-id",Gk="c-id",T4="{visibility:hidden}.hydrated{visibility:inherit}",fw="slot-fb{display:contents}slot-fb[hidden]{display:none}",Zk="http://www.w3.org/1999/xlink",Fi=typeof window<"u"?window:{},eo=Fi.document||{head:{}},ge={$flags$:0,$resourcesUrl$:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,r,l,c)=>n.addEventListener(r,l,c),rel:(n,r,l,c)=>n.removeEventListener(r,l,c),ce:(n,r)=>new CustomEvent(n,r)},A4=Ui.shadowDom,E4=(()=>{let n=!1;try{eo.addEventListener("e",null,Object.defineProperty({},"passive",{get(){n=!0}}))}catch{}return n})(),O4=n=>Promise.resolve(n),L4=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync=="function"}catch{}return!1})(),vw=n=>O4().then(n),Yk={},C4="http://www.w3.org/2000/svg",N4="http://www.w3.org/1999/xhtml",Rb=n=>(n=typeof n,n==="object"||n==="function");function mw(n){var r,l,c;return(c=(l=(r=n.head)==null?void 0:r.querySelector('meta[name="csp-nonce"]'))==null?void 0:l.getAttribute("content"))!=null?c:void 0}var $4={};k4($4,{err:()=>kw,map:()=>R4,ok:()=>Jh,unwrap:()=>B4,unwrapErr:()=>D4});var Jh=n=>({isOk:!0,isErr:!1,value:n}),kw=n=>({isOk:!1,isErr:!0,value:n});function R4(n,r){if(n.isOk){const l=r(n.value);return l instanceof Promise?l.then(c=>Jh(c)):Jh(l)}if(n.isErr){const l=n.value;return kw(l)}throw"should never get here"}var B4=n=>{if(n.isOk)return n.value;throw n.value},D4=n=>{if(n.isErr)return n.value;throw n.value},tr=(n,r="")=>()=>{},M4=(n,r)=>()=>{},yw=(n,r,...l)=>{let c=null,s=null,u=null,b=!1,g=!1;const p=[],f=y=>{for(let _=0;_<y.length;_++)c=y[_],Array.isArray(c)?f(c):c!=null&&typeof c!="boolean"&&((b=typeof n!="function"&&!Rb(c))&&(c=String(c)),b&&g?p[p.length-1].$text$+=c:p.push(b?al(null,c):c),g=b)};if(f(l),r){r.key&&(s=r.key),r.name&&(u=r.name);{const y=r.className||r.class;y&&(r.class=typeof y!="object"?y:Object.keys(y).filter(_=>y[_]).join(" "))}}if(typeof n=="function")return n(r===null?{}:r,p,H4);const m=al(n,null);return m.$attrs$=r,p.length>0&&(m.$children$=p),m.$key$=s,m.$name$=u,m},al=(n,r)=>{const l={$flags$:0,$tag$:n,$text$:r,$elm$:null,$children$:null};return l.$attrs$=null,l.$key$=null,l.$name$=null,l},I4={},K4=n=>n&&n.$tag$===I4,H4={forEach:(n,r)=>n.map(Xk).forEach(r),map:(n,r)=>n.map(Xk).map(r).map(U4)},Xk=n=>({vattrs:n.$attrs$,vchildren:n.$children$,vkey:n.$key$,vname:n.$name$,vtag:n.$tag$,vtext:n.$text$}),U4=n=>{if(typeof n.vtag=="function"){const l={...n.vattrs};return n.vkey&&(l.key=n.vkey),n.vname&&(l.name=n.vname),yw(n.vtag,l,...n.vchildren||[])}const r=al(n.vtag,n.vtext);return r.$attrs$=n.vattrs,r.$children$=n.vchildren,r.$key$=n.vkey,r.$name$=n.vname,r},F4=(n,r,l,c)=>{const s=tr("hydrateClient",r),u=n.shadowRoot,b=[],g=[],p=u?[]:null,f=c.$vnode$=al(r,null);ge.$orgLocNodes$||eb(eo.body,ge.$orgLocNodes$=new Map),n[Wh]=l,n.removeAttribute(Wh),nb(f,b,g,p,n,n,l),b.map(m=>{const y=m.$hostId$+"."+m.$nodeId$,_=ge.$orgLocNodes$.get(y),S=m.$elm$;_&&A4&&_["s-en"]===""&&_.parentNode.insertBefore(S,_.nextSibling),u||(S["s-hn"]=r,_&&(S["s-ol"]=_,S["s-ol"]["s-nr"]=S)),ge.$orgLocNodes$.delete(y)}),u&&p.map(m=>{m&&u.appendChild(m)}),s()},nb=(n,r,l,c,s,u,b)=>{let g,p,f,m;if(u.nodeType===1){if(g=u.getAttribute(Gk),g&&(p=g.split("."),(p[0]===b||p[0]==="0")&&(f={$flags$:0,$hostId$:p[0],$nodeId$:p[1],$depth$:p[2],$index$:p[3],$tag$:u.tagName.toLowerCase(),$elm$:u,$attrs$:null,$children$:null,$key$:null,$name$:null,$text$:null},r.push(f),u.removeAttribute(Gk),n.$children$||(n.$children$=[]),n.$children$[f.$index$]=f,n=f,c&&f.$depth$==="0"&&(c[f.$index$]=f.$elm$))),u.shadowRoot)for(m=u.shadowRoot.childNodes.length-1;m>=0;m--)nb(n,r,l,c,s,u.shadowRoot.childNodes[m],b);for(m=u.childNodes.length-1;m>=0;m--)nb(n,r,l,c,s,u.childNodes[m],b)}else if(u.nodeType===8)p=u.nodeValue.split("."),(p[1]===b||p[1]==="0")&&(g=p[0],f={$flags$:0,$hostId$:p[1],$nodeId$:p[2],$depth$:p[3],$index$:p[4],$elm$:u,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null},g===j4?(f.$elm$=u.nextSibling,f.$elm$&&f.$elm$.nodeType===3&&(f.$text$=f.$elm$.textContent,r.push(f),u.remove(),n.$children$||(n.$children$=[]),n.$children$[f.$index$]=f,c&&f.$depth$==="0"&&(c[f.$index$]=f.$elm$))):f.$hostId$===b&&(g===z4?(f.$tag$="slot",p[5]?u["s-sn"]=f.$name$=p[5]:u["s-sn"]="",u["s-sr"]=!0,c&&(f.$elm$=eo.createElement(f.$tag$),f.$name$&&f.$elm$.setAttribute("name",f.$name$),u.parentNode.insertBefore(f.$elm$,u),u.remove(),f.$depth$==="0"&&(c[f.$index$]=f.$elm$)),l.push(f),n.$children$||(n.$children$=[]),n.$children$[f.$index$]=f):g===_4&&(c?u.remove():(s["s-cr"]=u,u["s-cn"]=!0))));else if(n&&n.$tag$==="style"){const y=al(null,u.textContent);y.$elm$=u,y.$index$="0",n.$children$=[y]}},eb=(n,r)=>{if(n.nodeType===1){let l=0;if(n.shadowRoot)for(;l<n.shadowRoot.childNodes.length;l++)eb(n.shadowRoot.childNodes[l],r);for(l=0;l<n.childNodes.length;l++)eb(n.childNodes[l],r)}else if(n.nodeType===8){const l=n.nodeValue.split(".");l[0]===x4&&(r.set(l[1]+"."+l[2],n),n.nodeValue="",n["s-en"]=l[3])}},V4=n=>gw.map(r=>r(n)).find(r=>!!r),q4=n=>gw.push(n),P4=(n,r)=>n!=null&&!Rb(n)?r&4?n==="false"?!1:n===""||!!n:r&2?parseFloat(n):r&1?String(n):n:n,nM=n=>$r(n).$hostElement$,G4=(n,r,l)=>{const c=ge.ce(r,l);return n.dispatchEvent(c),c},Qk=new WeakMap,Z4=(n,r,l)=>{let c=Es.get(n);L4&&l?(c=c||new CSSStyleSheet,typeof c=="string"?c=r:c.replaceSync(r)):c=r,Es.set(n,c)},ww=(n,r,l)=>{var c;const s=_w(r,l),u=Es.get(s);if(n=n.nodeType===11?n:eo,u)if(typeof u=="string"){n=n.head||n;let b=Qk.get(n),g;if(b||Qk.set(n,b=new Set),!b.has(s)){if(n.host&&(g=n.querySelector(`[${S4}="${s}"]`)))g.innerHTML=u;else{g=eo.createElement("style"),g.innerHTML=u;const p=(c=ge.$nonce$)!=null?c:mw(eo);p!=null&&g.setAttribute("nonce",p),(!(r.$flags$&1)||r.$flags$&1&&n.nodeName!=="HEAD")&&n.insertBefore(g,n.querySelector("link"))}r.$flags$&4&&(g.innerHTML+=fw),b&&b.add(s)}}else n.adoptedStyleSheets.includes(u)||(n.adoptedStyleSheets=[...n.adoptedStyleSheets,u]);return s},Y4=n=>{const r=n.$cmpMeta$,l=n.$hostElement$,c=r.$flags$,s=tr("attachStyles",r.$tagName$),u=ww(l.shadowRoot?l.shadowRoot:l.getRootNode(),r,n.$modeName$);c&10&&c&2&&(l["s-sc"]=u,l.classList.add(u+"-h")),s()},_w=(n,r)=>"sc-"+(r&&n.$flags$&32?n.$tagName$+"-"+r:n.$tagName$),Wk=(n,r,l,c,s,u)=>{if(l!==c){let b=Pk(n,r),g=r.toLowerCase();if(r==="class"){const p=n.classList,f=Jk(l),m=Jk(c);p.remove(...f.filter(y=>y&&!m.includes(y))),p.add(...m.filter(y=>y&&!f.includes(y)))}else if(r==="style"){for(const p in l)(!c||c[p]==null)&&(p.includes("-")?n.style.removeProperty(p):n.style[p]="");for(const p in c)(!l||c[p]!==l[p])&&(p.includes("-")?n.style.setProperty(p,c[p]):n.style[p]=c[p])}else if(r!=="key")if(r==="ref")c&&c(n);else if(!b&&r[0]==="o"&&r[1]==="n"){if(r[2]==="-"?r=r.slice(3):Pk(Fi,g)?r=g.slice(2):r=g[2]+r.slice(3),l||c){const p=r.endsWith(xw);r=r.replace(Q4,""),l&&ge.rel(n,r,l,p),c&&ge.ael(n,r,c,p)}}else{const p=Rb(c);if((b||p&&c!==null)&&!s)try{if(n.tagName.includes("-"))n[r]=c;else{const m=c??"";r==="list"?b=!1:(l==null||n[r]!=m)&&(n[r]=m)}}catch{}let f=!1;g!==(g=g.replace(/^xlink\:?/,""))&&(r=g,f=!0),c==null||c===!1?(c!==!1||n.getAttribute(r)==="")&&(f?n.removeAttributeNS(Zk,r):n.removeAttribute(r)):(!b||u&4||s)&&!p&&(c=c===!0?"":c,f?n.setAttributeNS(Zk,r,c):n.setAttribute(r,c))}}},X4=/\s/,Jk=n=>n?n.split(X4):[],xw="Capture",Q4=new RegExp(xw+"$"),zw=(n,r,l)=>{const c=r.$elm$.nodeType===11&&r.$elm$.host?r.$elm$.host:r.$elm$,s=n&&n.$attrs$||Yk,u=r.$attrs$||Yk;for(const b of ny(Object.keys(s)))b in u||Wk(c,b,s[b],void 0,l,r.$flags$);for(const b of ny(Object.keys(u)))Wk(c,b,s[b],u[b],l,r.$flags$)};function ny(n){return n.includes("ref")?[...n.filter(r=>r!=="ref"),"ref"]:n}var ob,rb,Hs,Os=!1,Ls=!1,Bb=!1,Eo=!1,Cs=(n,r,l,c)=>{var s;const u=r.$children$[l];let b=0,g,p,f;if(Os||(Bb=!0,u.$tag$==="slot"&&(ob&&c.classList.add(ob+"-s"),u.$flags$|=u.$children$?2:1)),u.$text$!==null)g=u.$elm$=eo.createTextNode(u.$text$);else if(u.$flags$&1)g=u.$elm$=eo.createTextNode("");else{if(Eo||(Eo=u.$tag$==="svg"),g=u.$elm$=eo.createElementNS(Eo?C4:N4,!Os&&Ui.slotRelocation&&u.$flags$&2?"slot-fb":u.$tag$),Eo&&u.$tag$==="foreignObject"&&(Eo=!1),zw(null,u,Eo),g.getRootNode().querySelector("body"),u.$children$)for(b=0;b<u.$children$.length;++b)p=Cs(n,u,b,g),p&&g.appendChild(p);u.$tag$==="svg"?Eo=!1:g.tagName==="foreignObject"&&(Eo=!0)}return g["s-hn"]=Hs,u.$flags$&3&&(g["s-sr"]=!0,g["s-cr"]=rb,g["s-sn"]=u.$name$||"",g["s-rf"]=(s=u.$attrs$)==null?void 0:s.ref,f=n&&n.$children$&&n.$children$[l],f&&f.$tag$===u.$tag$&&n.$elm$&&Ci(n.$elm$,!1)),g},Ci=(n,r)=>{ge.$flags$|=1;const l=Array.from(n.childNodes);n["s-sr"]&&Ui.experimentalSlotFixes;for(let c=l.length-1;c>=0;c--){const s=l[c];s["s-hn"]!==Hs&&s["s-ol"]&&(bt(Tw(s),s,Db(s)),s["s-ol"].remove(),s["s-ol"]=void 0,s["s-sh"]=void 0,Bb=!0),r&&Ci(s,r)}ge.$flags$&=-2},jw=(n,r,l,c,s,u)=>{let b=n["s-cr"]&&n["s-cr"].parentNode||n,g;for(b.shadowRoot&&b.tagName===Hs&&(b=b.shadowRoot);s<=u;++s)c[s]&&(g=Cs(null,l,s,n),g&&(c[s].$elm$=g,bt(b,g,Db(r))))},Sw=(n,r,l)=>{for(let c=r;c<=l;++c){const s=n[c];if(s){const u=s.$elm$;Ow(s),u&&(Ls=!0,u["s-ol"]?u["s-ol"].remove():Ci(u,!0),u.remove())}}},W4=(n,r,l,c,s=!1)=>{let u=0,b=0,g=0,p=0,f=r.length-1,m=r[0],y=r[f],_=c.length-1,S=c[0],O=c[_],A,E;for(;u<=f&&b<=_;)if(m==null)m=r[++u];else if(y==null)y=r[--f];else if(S==null)S=c[++b];else if(O==null)O=c[--_];else if(cs(m,S,s))el(m,S,s),m=r[++u],S=c[++b];else if(cs(y,O,s))el(y,O,s),y=r[--f],O=c[--_];else if(cs(m,O,s))(m.$tag$==="slot"||O.$tag$==="slot")&&Ci(m.$elm$.parentNode,!1),el(m,O,s),bt(n,m.$elm$,y.$elm$.nextSibling),m=r[++u],O=c[--_];else if(cs(y,S,s))(m.$tag$==="slot"||O.$tag$==="slot")&&Ci(y.$elm$.parentNode,!1),el(y,S,s),bt(n,y.$elm$,m.$elm$),y=r[--f],S=c[++b];else{for(g=-1,p=u;p<=f;++p)if(r[p]&&r[p].$key$!==null&&r[p].$key$===S.$key$){g=p;break}g>=0?(E=r[g],E.$tag$!==S.$tag$?A=Cs(r&&r[b],l,g,n):(el(E,S,s),r[g]=void 0,A=E.$elm$),S=c[++b]):(A=Cs(r&&r[b],l,b,n),S=c[++b]),A&&bt(Tw(m.$elm$),A,Db(m.$elm$))}u>f?jw(n,c[_+1]==null?null:c[_+1].$elm$,l,c,b,_):b>_&&Sw(r,u,f)},cs=(n,r,l=!1)=>n.$tag$===r.$tag$?n.$tag$==="slot"?"$nodeId$"in n&&l&&n.$elm$.nodeType!==8?!1:n.$name$===r.$name$:l?!0:n.$key$===r.$key$:!1,Db=n=>n&&n["s-ol"]||n,Tw=n=>(n["s-ol"]?n["s-ol"]:n).parentNode,el=(n,r,l=!1)=>{const c=r.$elm$=n.$elm$,s=n.$children$,u=r.$children$,b=r.$tag$,g=r.$text$;let p;g===null?(Eo=b==="svg"?!0:b==="foreignObject"?!1:Eo,b==="slot"&&!Os||zw(n,r,Eo),s!==null&&u!==null?W4(c,s,r,u,l):u!==null?(n.$text$!==null&&(c.textContent=""),jw(c,null,r,u,0,u.length-1)):!l&&Ui.updatable&&s!==null&&Sw(s,0,s.length-1),Eo&&b==="svg"&&(Eo=!1)):(p=c["s-cr"])?p.parentNode.textContent=g:n.$text$!==g&&(c.data=g)},Aw=n=>{const r=n.childNodes;for(const l of r)if(l.nodeType===1){if(l["s-sr"]){const c=l["s-sn"];l.hidden=!1;for(const s of r)if(s!==l){if(s["s-hn"]!==l["s-hn"]||c!==""){if(s.nodeType===1&&(c===s.getAttribute("slot")||c===s["s-sn"])||s.nodeType===3&&c===s["s-sn"]){l.hidden=!0;break}}else if(s.nodeType===1||s.nodeType===3&&s.textContent.trim()!==""){l.hidden=!0;break}}}Aw(l)}},zr=[],Ew=n=>{let r,l,c;for(const s of n.childNodes){if(s["s-sr"]&&(r=s["s-cr"])&&r.parentNode){l=r.parentNode.childNodes;const u=s["s-sn"];for(c=l.length-1;c>=0;c--)if(r=l[c],!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==s["s-hn"])if(ey(r,u)){let b=zr.find(g=>g.$nodeToRelocate$===r);Ls=!0,r["s-sn"]=r["s-sn"]||u,b?(b.$nodeToRelocate$["s-sh"]=s["s-hn"],b.$slotRefNode$=s):(r["s-sh"]=s["s-hn"],zr.push({$slotRefNode$:s,$nodeToRelocate$:r})),r["s-sr"]&&zr.map(g=>{ey(g.$nodeToRelocate$,r["s-sn"])&&(b=zr.find(p=>p.$nodeToRelocate$===r),b&&!g.$slotRefNode$&&(g.$slotRefNode$=b.$slotRefNode$))})}else zr.some(b=>b.$nodeToRelocate$===r)||zr.push({$nodeToRelocate$:r})}s.nodeType===1&&Ew(s)}},ey=(n,r)=>n.nodeType===1?n.getAttribute("slot")===null&&r===""||n.getAttribute("slot")===r:n["s-sn"]===r?!0:r==="",Ow=n=>{n.$attrs$&&n.$attrs$.ref&&n.$attrs$.ref(null),n.$children$&&n.$children$.map(Ow)},bt=(n,r,l)=>n?.insertBefore(r,l),J4=(n,r,l=!1)=>{var c,s,u,b;const g=n.$hostElement$,p=n.$cmpMeta$,f=n.$vnode$||al(null,null),m=K4(r)?r:yw(null,null,r);if(Hs=g.tagName,p.$attrsToReflect$&&(m.$attrs$=m.$attrs$||{},p.$attrsToReflect$.map(([y,_])=>m.$attrs$[_]=g[y])),l&&m.$attrs$)for(const y of Object.keys(m.$attrs$))g.hasAttribute(y)&&!["key","ref","style","class"].includes(y)&&(m.$attrs$[y]=g[y]);m.$tag$=null,m.$flags$|=4,n.$vnode$=m,m.$elm$=f.$elm$=g.shadowRoot||g,ob=g["s-sc"],Os=(p.$flags$&1)!==0,rb=g["s-cr"],Ls=!1,el(f,m,l);{if(ge.$flags$|=1,Bb){Ew(m.$elm$);for(const y of zr){const _=y.$nodeToRelocate$;if(!_["s-ol"]){const S=eo.createTextNode("");S["s-nr"]=_,bt(_.parentNode,_["s-ol"]=S,_)}}for(const y of zr){const _=y.$nodeToRelocate$,S=y.$slotRefNode$;if(S){const O=S.parentNode;let A=S.nextSibling;{let E=(c=_["s-ol"])==null?void 0:c.previousSibling;for(;E;){let x=(s=E["s-nr"])!=null?s:null;if(x&&x["s-sn"]===_["s-sn"]&&O===x.parentNode){for(x=x.nextSibling;x===_||x?.["s-sr"];)x=x?.nextSibling;if(!x||!x["s-nr"]){A=x;break}}E=E.previousSibling}}(!A&&O!==_.parentNode||_.nextSibling!==A)&&_!==A&&(!_["s-hn"]&&_["s-ol"]&&(_["s-hn"]=_["s-ol"].parentNode.nodeName),bt(O,_,A),_.nodeType===1&&(_.hidden=(u=_["s-ih"])!=null?u:!1)),_&&typeof S["s-rf"]=="function"&&S["s-rf"](_)}else _.nodeType===1&&(l&&(_["s-ih"]=(b=_.hidden)!=null?b:!1),_.hidden=!0)}}Ls&&Aw(m.$elm$),ge.$flags$&=-2,zr.length=0}rb=void 0},Lw=(n,r)=>{r&&!n.$onRenderResolve$&&r["s-p"]&&r["s-p"].push(new Promise(l=>n.$onRenderResolve$=l))},Mb=(n,r)=>{if(n.$flags$&4){n.$flags$|=512;return}return Lw(n,n.$ancestorComponent$),nj(n,r)},nj=(n,r)=>{const l=n.$hostElement$,c=tr("scheduleUpdate",n.$cmpMeta$.$tagName$),s=n.$lazyInstance$;if(!s)throw new Error(`Can't render component <${l.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 u;return r&&(n.$flags$|=256,n.$queuedListeners$&&(n.$queuedListeners$.map(([b,g])=>Zt(s,b,g)),n.$queuedListeners$=void 0),u=Zt(s,"componentWillLoad")),u=oy(u,()=>Zt(s,"componentWillRender")),c(),oy(u,()=>oj(n,s,r))},oy=(n,r)=>ej(n)?n.then(r).catch(l=>{console.error(l),r()}):r(),ej=n=>n instanceof Promise||n&&n.then&&typeof n.then=="function",oj=async(n,r,l)=>{var c;const s=n.$hostElement$,u=tr("update",n.$cmpMeta$.$tagName$),b=s["s-rc"];l&&Y4(n);const g=tr("render",n.$cmpMeta$.$tagName$);rj(n,r,s,l),b&&(b.map(p=>p()),s["s-rc"]=void 0),g(),u();{const p=(c=s["s-p"])!=null?c:[],f=()=>tj(n);p.length===0?f():(Promise.all(p).then(f),n.$flags$|=4,p.length=0)}},rj=(n,r,l,c)=>{try{r=r.render&&r.render(),n.$flags$|=2,J4(n,r,c)}catch(s){on(s,n.$hostElement$)}return null},tj=n=>{const r=n.$cmpMeta$.$tagName$,l=n.$hostElement$,c=tr("postUpdate",r),s=n.$lazyInstance$,u=n.$ancestorComponent$;Zt(s,"componentDidRender"),n.$flags$&64?c():(n.$flags$|=64,Nw(l),Zt(s,"componentDidLoad"),c(),n.$onReadyResolve$(l),u||Cw()),n.$onInstanceResolve$(l),n.$onRenderResolve$&&(n.$onRenderResolve$(),n.$onRenderResolve$=void 0),n.$flags$&512&&vw(()=>Mb(n,!1)),n.$flags$&=-517},Cw=n=>{Nw(eo.documentElement),vw(()=>G4(Fi,"appload",{detail:{namespace:v4}}))},Zt=(n,r,l)=>{if(n&&n[r])try{return n[r](l)}catch(c){on(c)}},Nw=n=>{var r;return n.classList.add((r=Ui.hydratedSelectorName)!=null?r:"hydrated")},aj=(n,r)=>$r(n).$instanceValues$.get(r),lj=(n,r,l,c)=>{const s=$r(n);if(!s)throw new Error(`Couldn't find host element for "${c.$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 u=s.$hostElement$,b=s.$instanceValues$.get(r),g=s.$flags$,p=s.$lazyInstance$;l=P4(l,c.$members$[r][0]);const f=Number.isNaN(b)&&Number.isNaN(l),m=l!==b&&!f;if((!(g&8)||b===void 0)&&m&&(s.$instanceValues$.set(r,l),p)){if(c.$watchers$&&g&128){const y=c.$watchers$[r];y&&y.map(_=>{try{p[_](l,b,r)}catch(S){on(S,u)}})}(g&18)===2&&Mb(s,!1)}},$w=(n,r,l)=>{var c,s;const u=n.prototype;if(r.$members$||r.$watchers$||n.watchers){n.watchers&&!r.$watchers$&&(r.$watchers$=n.watchers);const b=Object.entries((c=r.$members$)!=null?c:{});if(b.map(([g,[p]])=>{p&31||l&2&&p&32?Object.defineProperty(u,g,{get(){return aj(this,g)},set(f){lj(this,g,f,r)},configurable:!0,enumerable:!0}):l&1&&p&64&&Object.defineProperty(u,g,{value(...f){var m;const y=$r(this);return(m=y?.$onInstancePromise$)==null?void 0:m.then(()=>{var _;return(_=y.$lazyInstance$)==null?void 0:_[g](...f)})}})}),l&1){const g=new Map;u.attributeChangedCallback=function(p,f,m){ge.jmp(()=>{var y;const _=g.get(p);if(this.hasOwnProperty(_))m=this[_],delete this[_];else{if(u.hasOwnProperty(_)&&typeof this[_]=="number"&&this[_]==m)return;if(_==null){const S=$r(this),O=S?.$flags$;if(O&&!(O&8)&&O&128&&m!==f){const A=S.$lazyInstance$,E=(y=r.$watchers$)==null?void 0:y[p];E?.forEach(x=>{A[x]!=null&&A[x].call(A,m,f,p)})}return}}this[_]=m===null&&typeof this[_]=="boolean"?!1:m})},n.observedAttributes=Array.from(new Set([...Object.keys((s=r.$watchers$)!=null?s:{}),...b.filter(([p,f])=>f[0]&15).map(([p,f])=>{var m;const y=f[1]||p;return g.set(y,p),f[0]&512&&((m=r.$attrsToReflect$)==null||m.push([p,y])),y})]))}}return n},ij=async(n,r,l,c)=>{let s;if((r.$flags$&32)===0){if(r.$flags$|=32,l.$lazyBundleId$){const p=w4(l);if(p&&"then"in p){const m=M4();s=await p,m()}else s=p;if(!s)throw new Error(`Constructor for "${l.$tagName$}#${r.$modeName$}" was not found`);s.isProxied||(l.$watchers$=s.watchers,$w(s,l,2),s.isProxied=!0);const f=tr("createInstance",l.$tagName$);r.$flags$|=8;try{new s(r)}catch(m){on(m)}r.$flags$&=-9,r.$flags$|=128,f(),tb(r.$lazyInstance$)}else{s=n.constructor;const p=n.localName;customElements.whenDefined(p).then(()=>r.$flags$|=128)}if(s&&s.style){let p;typeof s.style=="string"?p=s.style:typeof s.style!="string"&&(r.$modeName$=V4(n),r.$modeName$&&(p=s.style[r.$modeName$]));const f=_w(l,r.$modeName$);if(!Es.has(f)){const m=tr("registerStyles",l.$tagName$);Z4(f,p,!!(l.$flags$&1)),m()}}}const u=r.$ancestorComponent$,b=()=>Mb(r,!0);u&&u["s-rc"]?u["s-rc"].push(b):b()},tb=n=>{Zt(n,"connectedCallback")},cj=n=>{if((ge.$flags$&1)===0){const r=$r(n),l=r.$cmpMeta$,c=tr("connectedCallback",l.$tagName$);if(r.$flags$&1)Rw(n,r,l.$listeners$),r?.$lazyInstance$?tb(r.$lazyInstance$):r?.$onReadyPromise$&&r.$onReadyPromise$.then(()=>tb(r.$lazyInstance$));else{r.$flags$|=1;let s;if(s=n.getAttribute(Wh),s){if(l.$flags$&1){const u=ww(n.shadowRoot,l,n.getAttribute("s-mode"));n.classList.remove(u+"-h",u+"-s")}F4(n,l.$tagName$,s,r)}s||l.$flags$&12&&sj(n);{let u=n;for(;u=u.parentNode||u.host;)if(u.nodeType===1&&u.hasAttribute("s-id")&&u["s-p"]||u["s-p"]){Lw(r,r.$ancestorComponent$=u);break}}l.$members$&&Object.entries(l.$members$).map(([u,[b]])=>{if(b&31&&n.hasOwnProperty(u)){const g=n[u];delete n[u],n[u]=g}}),ij(n,r,l)}c()}},sj=n=>{const r=n["s-cr"]=eo.createComment("");r["s-cn"]=!0,bt(n,r,n.firstChild)},ry=n=>{Zt(n,"disconnectedCallback")},dj=async n=>{if((ge.$flags$&1)===0){const r=$r(n);r.$rmListeners$&&(r.$rmListeners$.map(l=>l()),r.$rmListeners$=void 0),r?.$lazyInstance$?ry(r.$lazyInstance$):r?.$onReadyPromise$&&r.$onReadyPromise$.then(()=>ry(r.$lazyInstance$))}},uj=(n,r={})=>{var l;const c=tr(),s=[],u=r.exclude||[],b=Fi.customElements,g=eo.head,p=g.querySelector("meta[charset]"),f=eo.createElement("style"),m=[];let y,_=!0;Object.assign(ge,r),ge.$resourcesUrl$=new URL(r.resourcesUrl||"./",eo.baseURI).href,ge.$flags$|=2;let S=!1;if(n.map(O=>{O[1].map(A=>{var E;const x={$flags$:A[0],$tagName$:A[1],$members$:A[2],$listeners$:A[3]};x.$flags$&4&&(S=!0),x.$members$=A[2],x.$listeners$=A[3],x.$attrsToReflect$=[],x.$watchers$=(E=A[4])!=null?E:{};const M=r.transformTagName?r.transformTagName(x.$tagName$):x.$tagName$,G=class extends HTMLElement{constructor(J){if(super(J),this.hasRegisteredEventListeners=!1,J=this,y4(J,x),x.$flags$&1){if(!J.shadowRoot)J.attachShadow({mode:"open",delegatesFocus:!!(x.$flags$&16)});else if(J.shadowRoot.mode!=="open")throw new Error(`Unable to re-use existing shadow root for ${x.$tagName$}! Mode is set to ${J.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}connectedCallback(){const J=$r(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Rw(this,J,x.$listeners$)),y&&(clearTimeout(y),y=null),_?m.push(this):ge.jmp(()=>cj(this))}disconnectedCallback(){ge.jmp(()=>dj(this))}componentOnReady(){return $r(this).$onReadyPromise$}};x.$lazyBundleId$=O[0],!u.includes(M)&&!b.get(M)&&(s.push(M),b.define(M,$w(G,x,1)))})}),s.length>0&&(S&&(f.textContent+=fw),f.textContent+=s.sort()+T4,f.innerHTML.length)){f.setAttribute("data-styles","");const O=(l=ge.$nonce$)!=null?l:mw(eo);O!=null&&f.setAttribute("nonce",O),g.insertBefore(f,p?p.nextSibling:g.firstChild)}_=!1,m.length?m.map(O=>O.connectedCallback()):ge.jmp(()=>y=setTimeout(Cw,30)),c()},eM=(n,r)=>r,Rw=(n,r,l,c)=>{l&&l.map(([s,u,b])=>{const g=bj(n,s),p=hj(r,b),f=pj(s);ge.ael(g,u,p,f),(r.$rmListeners$=r.$rmListeners$||[]).push(()=>ge.rel(g,u,p,f))})},hj=(n,r)=>l=>{var c;try{n.$flags$&256?(c=n.$lazyInstance$)==null||c[r](l):(n.$queuedListeners$=n.$queuedListeners$||[]).push([r,l])}catch(s){on(s)}},bj=(n,r)=>r&8?Fi:n,pj=n=>E4?{passive:(n&1)!==0,capture:(n&2)!==0}:(n&2)!==0;q4(n=>{try{n.shadowRoot instanceof ShadowRoot&&w6(n,l6(n))}catch{}return"default"});tn(()=>import("./devtools-0d36070b-CGzE_cNE.js"),__vite__mapDeps([96,1])).then(n=>{typeof n=="object"&&n!==null&&typeof n.initialize=="function"&&n.initialize()}).catch(n=>{Te.error(n)});const gj=()=>{},fj=gj;/*!
+ */let pw=!1;const b4=async(n,r,l)=>{var c,s;x6(l?.environment==="development"),h4((s=(c=l?.translation)===null||c===void 0?void 0:c.name)!==null&&s!==void 0?s:"de",l?.translations),l?.transformTagName&&l4(l?.transformTagName);const u=await s6(n,r,l);return pw=!0,u},p4=()=>pw;class vt{constructor(r,l){this.document=r,this.options=l,this.toastContainerElement=this.document.createElement(Qh),this.document.body.prepend(this.toastContainerElement)}static getInstance(r,l){if(!p4())throw new Error("Toaster: Call KoliBri bootstrap/register method first.");let c=this.instances.get(r);return c||(c=new vt(r,l),this.instances.set(r,c)),c}dispose(){const r=this.toastContainerElement;r?(this.toastContainerElement=void 0,r.remove()):Te.warn("Toaster service is already disposed.")}enqueue(r){var l,c,s,u;if(this.toastContainerElement&&typeof this.toastContainerElement.enqueue=="function"){const b=(c=(l=this.options)===null||l===void 0?void 0:l.defaultVariant)!==null&&c!==void 0?c:void 0,g=(u=(s=this.options)===null||s===void 0?void 0:s.defaultAlertVariant)!==null&&u!==void 0?u:void 0;return!r.alertVariant&&!r.variant&&this.options&&(r.variant=g??b),this.toastContainerElement.enqueue(r)}}closeAll(r=!1){this.toastContainerElement&&typeof this.toastContainerElement.closeAll=="function"&&this.toastContainerElement.closeAll(r)}}vt.instances=new Map;const g4="modulepreload",f4=function(n){return"/"+n},qk={},tn=function(r,l,c){let s=Promise.resolve();if(l&&l.length>0){let p=function(f){return Promise.all(f.map(m=>Promise.resolve(m).then(y=>({status:"fulfilled",value:y}),y=>({status:"rejected",reason:y}))))};document.getElementsByTagName("link");const b=document.querySelector("meta[property=csp-nonce]"),g=b?.nonce||b?.getAttribute("nonce");s=p(l.map(f=>{if(f=f4(f),f in qk)return;qk[f]=!0;const m=f.endsWith(".css"),y=m?'[rel="stylesheet"]':"";if(document.querySelector(`link[href="${f}"]${y}`))return;const _=document.createElement("link");if(_.rel=m?"stylesheet":g4,m||(_.as="script"),_.crossOrigin="",_.href=f,g&&_.setAttribute("nonce",g),document.head.appendChild(_),m)return new Promise((S,O)=>{_.addEventListener("load",S),_.addEventListener("error",()=>O(new Error(`Unable to preload CSS for ${f}`)))})}))}function u(b){const g=new Event("vite:preloadError",{cancelable:!0});if(g.payload=b,window.dispatchEvent(g),!g.defaultPrevented)throw b}return s.then(b=>{for(const g of b||[])g.status==="rejected"&&u(g.reason);return r().catch(u)})},v4="kolibri",Ui={experimentalSlotFixes:!1,hydratedSelectorName:"hydrated",shadowDom:!0,slotRelocation:!0,updatable:!0},WD={kolibriVersion:"2.2.16"};var m4=Object.defineProperty,k4=(n,r)=>{for(var l in r)m4(n,l,{get:r[l],enumerable:!0})},$b=new WeakMap,$r=n=>$b.get(n),JD=(n,r)=>$b.set(r.$lazyInstance$=n,r),y4=(n,r)=>{const l={$flags$:0,$hostElement$:n,$cmpMeta$:r,$instanceValues$:new Map};return l.$onInstancePromise$=new Promise(c=>l.$onInstanceResolve$=c),l.$onReadyPromise$=new Promise(c=>l.$onReadyResolve$=c),n["s-p"]=[],n["s-rc"]=[],$b.set(n,l)},Pk=(n,r)=>r in n,on=(n,r)=>(0,console.error)(n,r),xh=new Map,w4=(n,r,l)=>{const c=n.$tagName$.replace(/-/g,"_"),s=n.$lazyBundleId$;if(!s)return;const u=xh.get(s);if(u)return u[c];{const b=g=>(xh.set(s,g),g[c]);switch(s){case"kol-abbr":return tn(()=>import("./kol-abbr.entry-dUV7hFmf.js"),__vite__mapDeps([0,1,2,3,4])).then(b,on);case"kol-accordion":return tn(()=>import("./kol-accordion.entry-Co4K_k-A.js"),__vite__mapDeps([5,1,6,2,7,8,9,10,11])).then(b,on);case"kol-alert":return tn(()=>import("./kol-alert.entry-CpF_2fRo.js"),[]).then(b,on);case"kol-avatar":return tn(()=>import("./kol-avatar.entry-D26EECbh.js"),[]).then(b,on);case"kol-badge":return tn(()=>import("./kol-badge.entry-DV774fAT.js"),__vite__mapDeps([12,1,13])).then(b,on);case"kol-breadcrumb":return tn(()=>import("./kol-breadcrumb.entry-B-0N7GHk.js"),__vite__mapDeps([14,15,16,2])).then(b,on);case"kol-button":return tn(()=>import("./kol-button.entry-Ca1QUQB_.js"),[]).then(b,on);case"kol-button-group":return tn(()=>import("./kol-button-group.entry-ChRr8VU7.js"),[]).then(b,on);case"kol-button-link":return tn(()=>import("./kol-button-link.entry-CMDmEPcf.js"),[]).then(b,on);case"kol-card":return tn(()=>import("./kol-card.entry-D5A2IPrh.js"),__vite__mapDeps([17,18,1,6,2,19])).then(b,on);case"kol-details":return tn(()=>import("./kol-details.entry-BUAjzr7L.js"),__vite__mapDeps([20,7,8,9,1,6,2,21,10,11])).then(b,on);case"kol-drawer":return tn(()=>import("./kol-drawer.entry-C04weMC2.js"),__vite__mapDeps([22,4,2,11])).then(b,on);case"kol-form":return tn(()=>import("./kol-form.entry-BZEVa2yK.js"),__vite__mapDeps([23,18,24,8,9])).then(b,on);case"kol-heading":return tn(()=>import("./kol-heading.entry-Bcyy5Cj4.js"),[]).then(b,on);case"kol-icon":return tn(()=>import("./kol-icon.entry-v_RzDvOw.js"),__vite__mapDeps([25,2])).then(b,on);case"kol-image":return tn(()=>import("./kol-image.entry-DQ-MxSPx.js"),__vite__mapDeps([26,27])).then(b,on);case"kol-indented-text":return tn(()=>import("./kol-indented-text.entry-Bc18R3dJ.js"),[]).then(b,on);case"kol-input-checkbox":return tn(()=>import("./kol-input-checkbox.entry-Jw62DUkQ.js"),__vite__mapDeps([28,1,21,29,30,31,32,2,3,4,33,34,35])).then(b,on);case"kol-input-color":return tn(()=>import("./kol-input-color.entry-DHhuD-4j.js"),__vite__mapDeps([36,1,29,21,30,31,32,2,3,4,33,37,38,39])).then(b,on);case"kol-input-date":return tn(()=>import("./kol-input-date.entry-D9HE-Ub5.js"),__vite__mapDeps([40,1,35,29,21,30,31,32,2,3,4,33,37,38,39])).then(b,on);case"kol-input-email":return tn(()=>import("./kol-input-email.entry-B-Im7kcK.js"),__vite__mapDeps([41,1,35,29,21,30,31,32,2,3,4,33,42,43,37,38,44,45,39])).then(b,on);case"kol-input-file":return tn(()=>import("./kol-input-file.entry-DB-TEVpj.js"),__vite__mapDeps([46,1,29,21,30,31,32,2,3,4,33,37,38])).then(b,on);case"kol-input-number":return tn(()=>import("./kol-input-number.entry-BHwHtmQN.js"),__vite__mapDeps([47,1,35,29,21,30,31,32,2,3,4,33,37,38,39])).then(b,on);case"kol-input-password":return tn(()=>import("./kol-input-password.entry-D2_PmkaV.js"),__vite__mapDeps([48,18,1,35,29,21,30,31,32,2,3,4,33,43,37,38,44])).then(b,on);case"kol-input-radio":return tn(()=>import("./kol-input-radio.entry-42thp7ih.js"),__vite__mapDeps([49,1,21,29,30,31,32,2,3,4,34,35,18,50,9,24,8])).then(b,on);case"kol-input-text":return tn(()=>import("./kol-input-text.entry-CExGoJxG.js"),__vite__mapDeps([51,1,35,29,21,30,31,32,2,3,4,33,42,43,37,38,44,45,39])).then(b,on);case"kol-kolibri":return tn(()=>import("./kol-kolibri.entry-kw6bb5z4.js"),__vite__mapDeps([52,18,13])).then(b,on);case"kol-link":return tn(()=>import("./kol-link.entry-DBkpOtV2.js"),[]).then(b,on);case"kol-link-button":return tn(()=>import("./kol-link-button.entry-CKPGc99H.js"),[]).then(b,on);case"kol-link-group":return tn(()=>import("./kol-link-group.entry-B7F7Ebxn.js"),__vite__mapDeps([53,15,16,2])).then(b,on);case"kol-logo":return tn(()=>import("./kol-logo.entry-4Jks8I1F.js"),__vite__mapDeps([54,18])).then(b,on);case"kol-modal":return tn(()=>import("./kol-modal.entry-DkyL6rL2.js"),__vite__mapDeps([55,2])).then(b,on);case"kol-nav":return tn(()=>import("./kol-nav.entry-CFDvkv3h.js"),__vite__mapDeps([56,18,15,16,32,2])).then(b,on);case"kol-pagination":return tn(()=>import("./kol-pagination.entry-CL-Rm5kv.js"),__vite__mapDeps([57,18,1,15,58,2,3,4])).then(b,on);case"kol-popover-button":return tn(()=>import("./kol-popover-button.entry-DixxukoF.js"),__vite__mapDeps([59,60,9,4])).then(b,on);case"kol-progress":return tn(()=>import("./kol-progress.entry-DFVsaAFf.js"),__vite__mapDeps([61,2])).then(b,on);case"kol-quote":return tn(()=>import("./kol-quote.entry-BbLXeDst.js"),__vite__mapDeps([62,2])).then(b,on);case"kol-select":return tn(()=>import("./kol-select.entry-vUjDmZU1.js"),__vite__mapDeps([63,1,21,35,29,30,31,32,2,3,4,33,37,38,34,64])).then(b,on);case"kol-skip-nav":return tn(()=>import("./kol-skip-nav.entry-kTdlrwsc.js"),__vite__mapDeps([65,15,16,2])).then(b,on);case"kol-spin":return tn(()=>import("./kol-spin.entry-CJVO_zer.js"),__vite__mapDeps([66,18,67])).then(b,on);case"kol-split-button":return tn(()=>import("./kol-split-button.entry-CViapfh0.js"),__vite__mapDeps([68,18])).then(b,on);case"kol-symbol":return tn(()=>import("./kol-symbol.entry-Ru26Vq0M.js"),__vite__mapDeps([69,18,2])).then(b,on);case"kol-table":return tn(()=>import("./kol-table.entry-BM1CnIUV.js"),[]).then(b,on);case"kol-table-stateful":return tn(()=>import("./kol-table-stateful.entry-CUXZvntA.js"),__vite__mapDeps([70,18,21,71,72,2])).then(b,on);case"kol-table-stateless":return tn(()=>import("./kol-table-stateless.entry-CuafLCaX.js"),[]).then(b,on);case"kol-tabs":return tn(()=>import("./kol-tabs.entry-CVvCTu57.js"),__vite__mapDeps([73,18,71,4,2])).then(b,on);case"kol-textarea":return tn(()=>import("./kol-textarea.entry-DW-7uI9s.js"),__vite__mapDeps([74,1,29,21,30,31,32,2,3,4,33,37,38,44,64,45])).then(b,on);case"kol-toast-container":return tn(()=>import("./kol-toast-container.entry-CuzmpOUy.js"),__vite__mapDeps([75,18,1,24,8,9])).then(b,on);case"kol-toolbar":return tn(()=>import("./kol-toolbar.entry-B3GRC982.js"),__vite__mapDeps([76,2])).then(b,on);case"kol-tree":return tn(()=>import("./kol-tree.entry-BRSS5iyO.js"),[]).then(b,on);case"kol-tree-item":return tn(()=>import("./kol-tree-item.entry-Dxg_KE5R.js"),[]).then(b,on);case"kol-version":return tn(()=>import("./kol-version.entry-B5eaoAoT.js"),__vite__mapDeps([77,18,2])).then(b,on);case"kol-alert-wc":return tn(()=>import("./kol-alert-wc.entry-NaMIS_Sq.js"),__vite__mapDeps([78,6,2,24,8,9,18,19])).then(b,on);case"kol-avatar-wc":return tn(()=>import("./kol-avatar-wc.entry-Ck_OcmED.js"),__vite__mapDeps([79,18,27,2])).then(b,on);case"kol-button-group-wc":return tn(()=>import("./kol-button-group-wc.entry-CghUj1po.js"),[]).then(b,on);case"kol-button-wc":return tn(()=>import("./kol-button-wc.entry-BEqxkhvW.js"),__vite__mapDeps([80,21,1,35,30,31,81,58,10,32,38,2,3,4])).then(b,on);case"kol-combobox":return tn(()=>import("./kol-combobox.entry-C7rrt78W.js"),__vite__mapDeps([82,9,18,1,21,29,30,31,32,2,3,4,33,37,38,39])).then(b,on);case"kol-heading-wc":return tn(()=>import("./kol-heading-wc.entry-C2D2f34u.js"),__vite__mapDeps([83,6,2])).then(b,on);case"kol-indented-text-wc":return tn(()=>import("./kol-indented-text-wc.entry-DUUpoNFr.js"),[]).then(b,on);case"kol-input":return tn(()=>import("./kol-input.entry-Dm_LRueM.js"),__vite__mapDeps([84,9,18,50,24,8])).then(b,on);case"kol-input-range":return tn(()=>import("./kol-input-range.entry-CbOB6O6L.js"),__vite__mapDeps([85,1,35,29,21,30,31,32,2,3,4,33,37,38,39])).then(b,on);case"kol-link-wc":return tn(()=>import("./kol-link-wc.entry-OrP4BYpI.js"),__vite__mapDeps([86,21,1,18,31,87,81,58,10,32,38,2,3,4])).then(b,on);case"kol-popover-wc":return tn(()=>import("./kol-popover-wc.entry-DOt0CfRd.js"),__vite__mapDeps([88,60,4,67])).then(b,on);case"kol-single-select":return tn(()=>import("./kol-single-select.entry-C640cQWV.js"),__vite__mapDeps([89,9,18,1,21,29,30,31,32,2,3,4,33,37,38,34])).then(b,on);case"kol-span-wc":return tn(()=>import("./kol-span-wc.entry-CbPKYOdm.js"),__vite__mapDeps([90,33,91,32,38,2])).then(b,on);case"kol-table-stateless-wc":return tn(()=>import("./kol-table-stateless-wc.entry-BCylZD1O.js"),__vite__mapDeps([92,18,71,1,21,72,2])).then(b,on);case"kol-tooltip-wc":return tn(()=>import("./kol-tooltip-wc.entry-C1WLicLJ.js"),__vite__mapDeps([93,60,91,4,2])).then(b,on);case"kol-tree-item-wc":return tn(()=>import("./kol-tree-item-wc.entry-CRUXQkOo.js"),__vite__mapDeps([94,1,2,11,87])).then(b,on);case"kol-tree-wc":return tn(()=>import("./kol-tree-wc.entry-MxySPLhs.js"),__vite__mapDeps([95,2])).then(b,on);case"test-component":return tn(()=>import("./test-component.entry-BNrpMjdr.js"),[]).then(b,on)}}return tn(()=>import(`./${s}.entry.js`),[]).then(b=>(xh.set(s,b),b[c]),on)},Es=new Map,gw=[],_4="r",x4="o",z4="s",j4="t",Wh="s-id",S4="sty-id",Gk="c-id",T4="{visibility:hidden}.hydrated{visibility:inherit}",fw="slot-fb{display:contents}slot-fb[hidden]{display:none}",Zk="http://www.w3.org/1999/xlink",Fi=typeof window<"u"?window:{},eo=Fi.document||{head:{}},ge={$flags$:0,$resourcesUrl$:"",jmp:n=>n(),raf:n=>requestAnimationFrame(n),ael:(n,r,l,c)=>n.addEventListener(r,l,c),rel:(n,r,l,c)=>n.removeEventListener(r,l,c),ce:(n,r)=>new CustomEvent(n,r)},A4=Ui.shadowDom,E4=(()=>{let n=!1;try{eo.addEventListener("e",null,Object.defineProperty({},"passive",{get(){n=!0}}))}catch{}return n})(),O4=n=>Promise.resolve(n),L4=(()=>{try{return new CSSStyleSheet,typeof new CSSStyleSheet().replaceSync=="function"}catch{}return!1})(),vw=n=>O4().then(n),Yk={},C4="http://www.w3.org/2000/svg",N4="http://www.w3.org/1999/xhtml",Rb=n=>(n=typeof n,n==="object"||n==="function");function mw(n){var r,l,c;return(c=(l=(r=n.head)==null?void 0:r.querySelector('meta[name="csp-nonce"]'))==null?void 0:l.getAttribute("content"))!=null?c:void 0}var $4={};k4($4,{err:()=>kw,map:()=>R4,ok:()=>Jh,unwrap:()=>B4,unwrapErr:()=>D4});var Jh=n=>({isOk:!0,isErr:!1,value:n}),kw=n=>({isOk:!1,isErr:!0,value:n});function R4(n,r){if(n.isOk){const l=r(n.value);return l instanceof Promise?l.then(c=>Jh(c)):Jh(l)}if(n.isErr){const l=n.value;return kw(l)}throw"should never get here"}var B4=n=>{if(n.isOk)return n.value;throw n.value},D4=n=>{if(n.isErr)return n.value;throw n.value},tr=(n,r="")=>()=>{},M4=(n,r)=>()=>{},yw=(n,r,...l)=>{let c=null,s=null,u=null,b=!1,g=!1;const p=[],f=y=>{for(let _=0;_<y.length;_++)c=y[_],Array.isArray(c)?f(c):c!=null&&typeof c!="boolean"&&((b=typeof n!="function"&&!Rb(c))&&(c=String(c)),b&&g?p[p.length-1].$text$+=c:p.push(b?al(null,c):c),g=b)};if(f(l),r){r.key&&(s=r.key),r.name&&(u=r.name);{const y=r.className||r.class;y&&(r.class=typeof y!="object"?y:Object.keys(y).filter(_=>y[_]).join(" "))}}if(typeof n=="function")return n(r===null?{}:r,p,H4);const m=al(n,null);return m.$attrs$=r,p.length>0&&(m.$children$=p),m.$key$=s,m.$name$=u,m},al=(n,r)=>{const l={$flags$:0,$tag$:n,$text$:r,$elm$:null,$children$:null};return l.$attrs$=null,l.$key$=null,l.$name$=null,l},I4={},K4=n=>n&&n.$tag$===I4,H4={forEach:(n,r)=>n.map(Xk).forEach(r),map:(n,r)=>n.map(Xk).map(r).map(U4)},Xk=n=>({vattrs:n.$attrs$,vchildren:n.$children$,vkey:n.$key$,vname:n.$name$,vtag:n.$tag$,vtext:n.$text$}),U4=n=>{if(typeof n.vtag=="function"){const l={...n.vattrs};return n.vkey&&(l.key=n.vkey),n.vname&&(l.name=n.vname),yw(n.vtag,l,...n.vchildren||[])}const r=al(n.vtag,n.vtext);return r.$attrs$=n.vattrs,r.$children$=n.vchildren,r.$key$=n.vkey,r.$name$=n.vname,r},F4=(n,r,l,c)=>{const s=tr("hydrateClient",r),u=n.shadowRoot,b=[],g=[],p=u?[]:null,f=c.$vnode$=al(r,null);ge.$orgLocNodes$||eb(eo.body,ge.$orgLocNodes$=new Map),n[Wh]=l,n.removeAttribute(Wh),nb(f,b,g,p,n,n,l),b.map(m=>{const y=m.$hostId$+"."+m.$nodeId$,_=ge.$orgLocNodes$.get(y),S=m.$elm$;_&&A4&&_["s-en"]===""&&_.parentNode.insertBefore(S,_.nextSibling),u||(S["s-hn"]=r,_&&(S["s-ol"]=_,S["s-ol"]["s-nr"]=S)),ge.$orgLocNodes$.delete(y)}),u&&p.map(m=>{m&&u.appendChild(m)}),s()},nb=(n,r,l,c,s,u,b)=>{let g,p,f,m;if(u.nodeType===1){if(g=u.getAttribute(Gk),g&&(p=g.split("."),(p[0]===b||p[0]==="0")&&(f={$flags$:0,$hostId$:p[0],$nodeId$:p[1],$depth$:p[2],$index$:p[3],$tag$:u.tagName.toLowerCase(),$elm$:u,$attrs$:null,$children$:null,$key$:null,$name$:null,$text$:null},r.push(f),u.removeAttribute(Gk),n.$children$||(n.$children$=[]),n.$children$[f.$index$]=f,n=f,c&&f.$depth$==="0"&&(c[f.$index$]=f.$elm$))),u.shadowRoot)for(m=u.shadowRoot.childNodes.length-1;m>=0;m--)nb(n,r,l,c,s,u.shadowRoot.childNodes[m],b);for(m=u.childNodes.length-1;m>=0;m--)nb(n,r,l,c,s,u.childNodes[m],b)}else if(u.nodeType===8)p=u.nodeValue.split("."),(p[1]===b||p[1]==="0")&&(g=p[0],f={$flags$:0,$hostId$:p[1],$nodeId$:p[2],$depth$:p[3],$index$:p[4],$elm$:u,$attrs$:null,$children$:null,$key$:null,$name$:null,$tag$:null,$text$:null},g===j4?(f.$elm$=u.nextSibling,f.$elm$&&f.$elm$.nodeType===3&&(f.$text$=f.$elm$.textContent,r.push(f),u.remove(),n.$children$||(n.$children$=[]),n.$children$[f.$index$]=f,c&&f.$depth$==="0"&&(c[f.$index$]=f.$elm$))):f.$hostId$===b&&(g===z4?(f.$tag$="slot",p[5]?u["s-sn"]=f.$name$=p[5]:u["s-sn"]="",u["s-sr"]=!0,c&&(f.$elm$=eo.createElement(f.$tag$),f.$name$&&f.$elm$.setAttribute("name",f.$name$),u.parentNode.insertBefore(f.$elm$,u),u.remove(),f.$depth$==="0"&&(c[f.$index$]=f.$elm$)),l.push(f),n.$children$||(n.$children$=[]),n.$children$[f.$index$]=f):g===_4&&(c?u.remove():(s["s-cr"]=u,u["s-cn"]=!0))));else if(n&&n.$tag$==="style"){const y=al(null,u.textContent);y.$elm$=u,y.$index$="0",n.$children$=[y]}},eb=(n,r)=>{if(n.nodeType===1){let l=0;if(n.shadowRoot)for(;l<n.shadowRoot.childNodes.length;l++)eb(n.shadowRoot.childNodes[l],r);for(l=0;l<n.childNodes.length;l++)eb(n.childNodes[l],r)}else if(n.nodeType===8){const l=n.nodeValue.split(".");l[0]===x4&&(r.set(l[1]+"."+l[2],n),n.nodeValue="",n["s-en"]=l[3])}},V4=n=>gw.map(r=>r(n)).find(r=>!!r),q4=n=>gw.push(n),P4=(n,r)=>n!=null&&!Rb(n)?r&4?n==="false"?!1:n===""||!!n:r&2?parseFloat(n):r&1?String(n):n:n,nM=n=>$r(n).$hostElement$,G4=(n,r,l)=>{const c=ge.ce(r,l);return n.dispatchEvent(c),c},Qk=new WeakMap,Z4=(n,r,l)=>{let c=Es.get(n);L4&&l?(c=c||new CSSStyleSheet,typeof c=="string"?c=r:c.replaceSync(r)):c=r,Es.set(n,c)},ww=(n,r,l)=>{var c;const s=_w(r,l),u=Es.get(s);if(n=n.nodeType===11?n:eo,u)if(typeof u=="string"){n=n.head||n;let b=Qk.get(n),g;if(b||Qk.set(n,b=new Set),!b.has(s)){if(n.host&&(g=n.querySelector(`[${S4}="${s}"]`)))g.innerHTML=u;else{g=eo.createElement("style"),g.innerHTML=u;const p=(c=ge.$nonce$)!=null?c:mw(eo);p!=null&&g.setAttribute("nonce",p),(!(r.$flags$&1)||r.$flags$&1&&n.nodeName!=="HEAD")&&n.insertBefore(g,n.querySelector("link"))}r.$flags$&4&&(g.innerHTML+=fw),b&&b.add(s)}}else n.adoptedStyleSheets.includes(u)||(n.adoptedStyleSheets=[...n.adoptedStyleSheets,u]);return s},Y4=n=>{const r=n.$cmpMeta$,l=n.$hostElement$,c=r.$flags$,s=tr("attachStyles",r.$tagName$),u=ww(l.shadowRoot?l.shadowRoot:l.getRootNode(),r,n.$modeName$);c&10&&c&2&&(l["s-sc"]=u,l.classList.add(u+"-h")),s()},_w=(n,r)=>"sc-"+(r&&n.$flags$&32?n.$tagName$+"-"+r:n.$tagName$),Wk=(n,r,l,c,s,u)=>{if(l!==c){let b=Pk(n,r),g=r.toLowerCase();if(r==="class"){const p=n.classList,f=Jk(l),m=Jk(c);p.remove(...f.filter(y=>y&&!m.includes(y))),p.add(...m.filter(y=>y&&!f.includes(y)))}else if(r==="style"){for(const p in l)(!c||c[p]==null)&&(p.includes("-")?n.style.removeProperty(p):n.style[p]="");for(const p in c)(!l||c[p]!==l[p])&&(p.includes("-")?n.style.setProperty(p,c[p]):n.style[p]=c[p])}else if(r!=="key")if(r==="ref")c&&c(n);else if(!b&&r[0]==="o"&&r[1]==="n"){if(r[2]==="-"?r=r.slice(3):Pk(Fi,g)?r=g.slice(2):r=g[2]+r.slice(3),l||c){const p=r.endsWith(xw);r=r.replace(Q4,""),l&&ge.rel(n,r,l,p),c&&ge.ael(n,r,c,p)}}else{const p=Rb(c);if((b||p&&c!==null)&&!s)try{if(n.tagName.includes("-"))n[r]=c;else{const m=c??"";r==="list"?b=!1:(l==null||n[r]!=m)&&(n[r]=m)}}catch{}let f=!1;g!==(g=g.replace(/^xlink\:?/,""))&&(r=g,f=!0),c==null||c===!1?(c!==!1||n.getAttribute(r)==="")&&(f?n.removeAttributeNS(Zk,r):n.removeAttribute(r)):(!b||u&4||s)&&!p&&(c=c===!0?"":c,f?n.setAttributeNS(Zk,r,c):n.setAttribute(r,c))}}},X4=/\s/,Jk=n=>n?n.split(X4):[],xw="Capture",Q4=new RegExp(xw+"$"),zw=(n,r,l)=>{const c=r.$elm$.nodeType===11&&r.$elm$.host?r.$elm$.host:r.$elm$,s=n&&n.$attrs$||Yk,u=r.$attrs$||Yk;for(const b of ny(Object.keys(s)))b in u||Wk(c,b,s[b],void 0,l,r.$flags$);for(const b of ny(Object.keys(u)))Wk(c,b,s[b],u[b],l,r.$flags$)};function ny(n){return n.includes("ref")?[...n.filter(r=>r!=="ref"),"ref"]:n}var ob,rb,Hs,Os=!1,Ls=!1,Bb=!1,Eo=!1,Cs=(n,r,l,c)=>{var s;const u=r.$children$[l];let b=0,g,p,f;if(Os||(Bb=!0,u.$tag$==="slot"&&(ob&&c.classList.add(ob+"-s"),u.$flags$|=u.$children$?2:1)),u.$text$!==null)g=u.$elm$=eo.createTextNode(u.$text$);else if(u.$flags$&1)g=u.$elm$=eo.createTextNode("");else{if(Eo||(Eo=u.$tag$==="svg"),g=u.$elm$=eo.createElementNS(Eo?C4:N4,!Os&&Ui.slotRelocation&&u.$flags$&2?"slot-fb":u.$tag$),Eo&&u.$tag$==="foreignObject"&&(Eo=!1),zw(null,u,Eo),g.getRootNode().querySelector("body"),u.$children$)for(b=0;b<u.$children$.length;++b)p=Cs(n,u,b,g),p&&g.appendChild(p);u.$tag$==="svg"?Eo=!1:g.tagName==="foreignObject"&&(Eo=!0)}return g["s-hn"]=Hs,u.$flags$&3&&(g["s-sr"]=!0,g["s-cr"]=rb,g["s-sn"]=u.$name$||"",g["s-rf"]=(s=u.$attrs$)==null?void 0:s.ref,f=n&&n.$children$&&n.$children$[l],f&&f.$tag$===u.$tag$&&n.$elm$&&Ci(n.$elm$,!1)),g},Ci=(n,r)=>{ge.$flags$|=1;const l=Array.from(n.childNodes);n["s-sr"]&&Ui.experimentalSlotFixes;for(let c=l.length-1;c>=0;c--){const s=l[c];s["s-hn"]!==Hs&&s["s-ol"]&&(bt(Tw(s),s,Db(s)),s["s-ol"].remove(),s["s-ol"]=void 0,s["s-sh"]=void 0,Bb=!0),r&&Ci(s,r)}ge.$flags$&=-2},jw=(n,r,l,c,s,u)=>{let b=n["s-cr"]&&n["s-cr"].parentNode||n,g;for(b.shadowRoot&&b.tagName===Hs&&(b=b.shadowRoot);s<=u;++s)c[s]&&(g=Cs(null,l,s,n),g&&(c[s].$elm$=g,bt(b,g,Db(r))))},Sw=(n,r,l)=>{for(let c=r;c<=l;++c){const s=n[c];if(s){const u=s.$elm$;Ow(s),u&&(Ls=!0,u["s-ol"]?u["s-ol"].remove():Ci(u,!0),u.remove())}}},W4=(n,r,l,c,s=!1)=>{let u=0,b=0,g=0,p=0,f=r.length-1,m=r[0],y=r[f],_=c.length-1,S=c[0],O=c[_],A,E;for(;u<=f&&b<=_;)if(m==null)m=r[++u];else if(y==null)y=r[--f];else if(S==null)S=c[++b];else if(O==null)O=c[--_];else if(cs(m,S,s))el(m,S,s),m=r[++u],S=c[++b];else if(cs(y,O,s))el(y,O,s),y=r[--f],O=c[--_];else if(cs(m,O,s))(m.$tag$==="slot"||O.$tag$==="slot")&&Ci(m.$elm$.parentNode,!1),el(m,O,s),bt(n,m.$elm$,y.$elm$.nextSibling),m=r[++u],O=c[--_];else if(cs(y,S,s))(m.$tag$==="slot"||O.$tag$==="slot")&&Ci(y.$elm$.parentNode,!1),el(y,S,s),bt(n,y.$elm$,m.$elm$),y=r[--f],S=c[++b];else{for(g=-1,p=u;p<=f;++p)if(r[p]&&r[p].$key$!==null&&r[p].$key$===S.$key$){g=p;break}g>=0?(E=r[g],E.$tag$!==S.$tag$?A=Cs(r&&r[b],l,g,n):(el(E,S,s),r[g]=void 0,A=E.$elm$),S=c[++b]):(A=Cs(r&&r[b],l,b,n),S=c[++b]),A&&bt(Tw(m.$elm$),A,Db(m.$elm$))}u>f?jw(n,c[_+1]==null?null:c[_+1].$elm$,l,c,b,_):b>_&&Sw(r,u,f)},cs=(n,r,l=!1)=>n.$tag$===r.$tag$?n.$tag$==="slot"?"$nodeId$"in n&&l&&n.$elm$.nodeType!==8?!1:n.$name$===r.$name$:l?!0:n.$key$===r.$key$:!1,Db=n=>n&&n["s-ol"]||n,Tw=n=>(n["s-ol"]?n["s-ol"]:n).parentNode,el=(n,r,l=!1)=>{const c=r.$elm$=n.$elm$,s=n.$children$,u=r.$children$,b=r.$tag$,g=r.$text$;let p;g===null?(Eo=b==="svg"?!0:b==="foreignObject"?!1:Eo,b==="slot"&&!Os||zw(n,r,Eo),s!==null&&u!==null?W4(c,s,r,u,l):u!==null?(n.$text$!==null&&(c.textContent=""),jw(c,null,r,u,0,u.length-1)):!l&&Ui.updatable&&s!==null&&Sw(s,0,s.length-1),Eo&&b==="svg"&&(Eo=!1)):(p=c["s-cr"])?p.parentNode.textContent=g:n.$text$!==g&&(c.data=g)},Aw=n=>{const r=n.childNodes;for(const l of r)if(l.nodeType===1){if(l["s-sr"]){const c=l["s-sn"];l.hidden=!1;for(const s of r)if(s!==l){if(s["s-hn"]!==l["s-hn"]||c!==""){if(s.nodeType===1&&(c===s.getAttribute("slot")||c===s["s-sn"])||s.nodeType===3&&c===s["s-sn"]){l.hidden=!0;break}}else if(s.nodeType===1||s.nodeType===3&&s.textContent.trim()!==""){l.hidden=!0;break}}}Aw(l)}},zr=[],Ew=n=>{let r,l,c;for(const s of n.childNodes){if(s["s-sr"]&&(r=s["s-cr"])&&r.parentNode){l=r.parentNode.childNodes;const u=s["s-sn"];for(c=l.length-1;c>=0;c--)if(r=l[c],!r["s-cn"]&&!r["s-nr"]&&r["s-hn"]!==s["s-hn"])if(ey(r,u)){let b=zr.find(g=>g.$nodeToRelocate$===r);Ls=!0,r["s-sn"]=r["s-sn"]||u,b?(b.$nodeToRelocate$["s-sh"]=s["s-hn"],b.$slotRefNode$=s):(r["s-sh"]=s["s-hn"],zr.push({$slotRefNode$:s,$nodeToRelocate$:r})),r["s-sr"]&&zr.map(g=>{ey(g.$nodeToRelocate$,r["s-sn"])&&(b=zr.find(p=>p.$nodeToRelocate$===r),b&&!g.$slotRefNode$&&(g.$slotRefNode$=b.$slotRefNode$))})}else zr.some(b=>b.$nodeToRelocate$===r)||zr.push({$nodeToRelocate$:r})}s.nodeType===1&&Ew(s)}},ey=(n,r)=>n.nodeType===1?n.getAttribute("slot")===null&&r===""||n.getAttribute("slot")===r:n["s-sn"]===r?!0:r==="",Ow=n=>{n.$attrs$&&n.$attrs$.ref&&n.$attrs$.ref(null),n.$children$&&n.$children$.map(Ow)},bt=(n,r,l)=>n?.insertBefore(r,l),J4=(n,r,l=!1)=>{var c,s,u,b;const g=n.$hostElement$,p=n.$cmpMeta$,f=n.$vnode$||al(null,null),m=K4(r)?r:yw(null,null,r);if(Hs=g.tagName,p.$attrsToReflect$&&(m.$attrs$=m.$attrs$||{},p.$attrsToReflect$.map(([y,_])=>m.$attrs$[_]=g[y])),l&&m.$attrs$)for(const y of Object.keys(m.$attrs$))g.hasAttribute(y)&&!["key","ref","style","class"].includes(y)&&(m.$attrs$[y]=g[y]);m.$tag$=null,m.$flags$|=4,n.$vnode$=m,m.$elm$=f.$elm$=g.shadowRoot||g,ob=g["s-sc"],Os=(p.$flags$&1)!==0,rb=g["s-cr"],Ls=!1,el(f,m,l);{if(ge.$flags$|=1,Bb){Ew(m.$elm$);for(const y of zr){const _=y.$nodeToRelocate$;if(!_["s-ol"]){const S=eo.createTextNode("");S["s-nr"]=_,bt(_.parentNode,_["s-ol"]=S,_)}}for(const y of zr){const _=y.$nodeToRelocate$,S=y.$slotRefNode$;if(S){const O=S.parentNode;let A=S.nextSibling;{let E=(c=_["s-ol"])==null?void 0:c.previousSibling;for(;E;){let x=(s=E["s-nr"])!=null?s:null;if(x&&x["s-sn"]===_["s-sn"]&&O===x.parentNode){for(x=x.nextSibling;x===_||x?.["s-sr"];)x=x?.nextSibling;if(!x||!x["s-nr"]){A=x;break}}E=E.previousSibling}}(!A&&O!==_.parentNode||_.nextSibling!==A)&&_!==A&&(!_["s-hn"]&&_["s-ol"]&&(_["s-hn"]=_["s-ol"].parentNode.nodeName),bt(O,_,A),_.nodeType===1&&(_.hidden=(u=_["s-ih"])!=null?u:!1)),_&&typeof S["s-rf"]=="function"&&S["s-rf"](_)}else _.nodeType===1&&(l&&(_["s-ih"]=(b=_.hidden)!=null?b:!1),_.hidden=!0)}}Ls&&Aw(m.$elm$),ge.$flags$&=-2,zr.length=0}rb=void 0},Lw=(n,r)=>{r&&!n.$onRenderResolve$&&r["s-p"]&&r["s-p"].push(new Promise(l=>n.$onRenderResolve$=l))},Mb=(n,r)=>{if(n.$flags$&4){n.$flags$|=512;return}return Lw(n,n.$ancestorComponent$),nj(n,r)},nj=(n,r)=>{const l=n.$hostElement$,c=tr("scheduleUpdate",n.$cmpMeta$.$tagName$),s=n.$lazyInstance$;if(!s)throw new Error(`Can't render component <${l.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 u;return r&&(n.$flags$|=256,n.$queuedListeners$&&(n.$queuedListeners$.map(([b,g])=>Zt(s,b,g)),n.$queuedListeners$=void 0),u=Zt(s,"componentWillLoad")),u=oy(u,()=>Zt(s,"componentWillRender")),c(),oy(u,()=>oj(n,s,r))},oy=(n,r)=>ej(n)?n.then(r).catch(l=>{console.error(l),r()}):r(),ej=n=>n instanceof Promise||n&&n.then&&typeof n.then=="function",oj=async(n,r,l)=>{var c;const s=n.$hostElement$,u=tr("update",n.$cmpMeta$.$tagName$),b=s["s-rc"];l&&Y4(n);const g=tr("render",n.$cmpMeta$.$tagName$);rj(n,r,s,l),b&&(b.map(p=>p()),s["s-rc"]=void 0),g(),u();{const p=(c=s["s-p"])!=null?c:[],f=()=>tj(n);p.length===0?f():(Promise.all(p).then(f),n.$flags$|=4,p.length=0)}},rj=(n,r,l,c)=>{try{r=r.render&&r.render(),n.$flags$|=2,J4(n,r,c)}catch(s){on(s,n.$hostElement$)}return null},tj=n=>{const r=n.$cmpMeta$.$tagName$,l=n.$hostElement$,c=tr("postUpdate",r),s=n.$lazyInstance$,u=n.$ancestorComponent$;Zt(s,"componentDidRender"),n.$flags$&64?c():(n.$flags$|=64,Nw(l),Zt(s,"componentDidLoad"),c(),n.$onReadyResolve$(l),u||Cw()),n.$onInstanceResolve$(l),n.$onRenderResolve$&&(n.$onRenderResolve$(),n.$onRenderResolve$=void 0),n.$flags$&512&&vw(()=>Mb(n,!1)),n.$flags$&=-517},Cw=n=>{Nw(eo.documentElement),vw(()=>G4(Fi,"appload",{detail:{namespace:v4}}))},Zt=(n,r,l)=>{if(n&&n[r])try{return n[r](l)}catch(c){on(c)}},Nw=n=>{var r;return n.classList.add((r=Ui.hydratedSelectorName)!=null?r:"hydrated")},aj=(n,r)=>$r(n).$instanceValues$.get(r),lj=(n,r,l,c)=>{const s=$r(n);if(!s)throw new Error(`Couldn't find host element for "${c.$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 u=s.$hostElement$,b=s.$instanceValues$.get(r),g=s.$flags$,p=s.$lazyInstance$;l=P4(l,c.$members$[r][0]);const f=Number.isNaN(b)&&Number.isNaN(l),m=l!==b&&!f;if((!(g&8)||b===void 0)&&m&&(s.$instanceValues$.set(r,l),p)){if(c.$watchers$&&g&128){const y=c.$watchers$[r];y&&y.map(_=>{try{p[_](l,b,r)}catch(S){on(S,u)}})}(g&18)===2&&Mb(s,!1)}},$w=(n,r,l)=>{var c,s;const u=n.prototype;if(r.$members$||r.$watchers$||n.watchers){n.watchers&&!r.$watchers$&&(r.$watchers$=n.watchers);const b=Object.entries((c=r.$members$)!=null?c:{});if(b.map(([g,[p]])=>{p&31||l&2&&p&32?Object.defineProperty(u,g,{get(){return aj(this,g)},set(f){lj(this,g,f,r)},configurable:!0,enumerable:!0}):l&1&&p&64&&Object.defineProperty(u,g,{value(...f){var m;const y=$r(this);return(m=y?.$onInstancePromise$)==null?void 0:m.then(()=>{var _;return(_=y.$lazyInstance$)==null?void 0:_[g](...f)})}})}),l&1){const g=new Map;u.attributeChangedCallback=function(p,f,m){ge.jmp(()=>{var y;const _=g.get(p);if(this.hasOwnProperty(_))m=this[_],delete this[_];else{if(u.hasOwnProperty(_)&&typeof this[_]=="number"&&this[_]==m)return;if(_==null){const S=$r(this),O=S?.$flags$;if(O&&!(O&8)&&O&128&&m!==f){const A=S.$lazyInstance$,E=(y=r.$watchers$)==null?void 0:y[p];E?.forEach(x=>{A[x]!=null&&A[x].call(A,m,f,p)})}return}}this[_]=m===null&&typeof this[_]=="boolean"?!1:m})},n.observedAttributes=Array.from(new Set([...Object.keys((s=r.$watchers$)!=null?s:{}),...b.filter(([p,f])=>f[0]&15).map(([p,f])=>{var m;const y=f[1]||p;return g.set(y,p),f[0]&512&&((m=r.$attrsToReflect$)==null||m.push([p,y])),y})]))}}return n},ij=async(n,r,l,c)=>{let s;if((r.$flags$&32)===0){if(r.$flags$|=32,l.$lazyBundleId$){const p=w4(l);if(p&&"then"in p){const m=M4();s=await p,m()}else s=p;if(!s)throw new Error(`Constructor for "${l.$tagName$}#${r.$modeName$}" was not found`);s.isProxied||(l.$watchers$=s.watchers,$w(s,l,2),s.isProxied=!0);const f=tr("createInstance",l.$tagName$);r.$flags$|=8;try{new s(r)}catch(m){on(m)}r.$flags$&=-9,r.$flags$|=128,f(),tb(r.$lazyInstance$)}else{s=n.constructor;const p=n.localName;customElements.whenDefined(p).then(()=>r.$flags$|=128)}if(s&&s.style){let p;typeof s.style=="string"?p=s.style:typeof s.style!="string"&&(r.$modeName$=V4(n),r.$modeName$&&(p=s.style[r.$modeName$]));const f=_w(l,r.$modeName$);if(!Es.has(f)){const m=tr("registerStyles",l.$tagName$);Z4(f,p,!!(l.$flags$&1)),m()}}}const u=r.$ancestorComponent$,b=()=>Mb(r,!0);u&&u["s-rc"]?u["s-rc"].push(b):b()},tb=n=>{Zt(n,"connectedCallback")},cj=n=>{if((ge.$flags$&1)===0){const r=$r(n),l=r.$cmpMeta$,c=tr("connectedCallback",l.$tagName$);if(r.$flags$&1)Rw(n,r,l.$listeners$),r?.$lazyInstance$?tb(r.$lazyInstance$):r?.$onReadyPromise$&&r.$onReadyPromise$.then(()=>tb(r.$lazyInstance$));else{r.$flags$|=1;let s;if(s=n.getAttribute(Wh),s){if(l.$flags$&1){const u=ww(n.shadowRoot,l,n.getAttribute("s-mode"));n.classList.remove(u+"-h",u+"-s")}F4(n,l.$tagName$,s,r)}s||l.$flags$&12&&sj(n);{let u=n;for(;u=u.parentNode||u.host;)if(u.nodeType===1&&u.hasAttribute("s-id")&&u["s-p"]||u["s-p"]){Lw(r,r.$ancestorComponent$=u);break}}l.$members$&&Object.entries(l.$members$).map(([u,[b]])=>{if(b&31&&n.hasOwnProperty(u)){const g=n[u];delete n[u],n[u]=g}}),ij(n,r,l)}c()}},sj=n=>{const r=n["s-cr"]=eo.createComment("");r["s-cn"]=!0,bt(n,r,n.firstChild)},ry=n=>{Zt(n,"disconnectedCallback")},dj=async n=>{if((ge.$flags$&1)===0){const r=$r(n);r.$rmListeners$&&(r.$rmListeners$.map(l=>l()),r.$rmListeners$=void 0),r?.$lazyInstance$?ry(r.$lazyInstance$):r?.$onReadyPromise$&&r.$onReadyPromise$.then(()=>ry(r.$lazyInstance$))}},uj=(n,r={})=>{var l;const c=tr(),s=[],u=r.exclude||[],b=Fi.customElements,g=eo.head,p=g.querySelector("meta[charset]"),f=eo.createElement("style"),m=[];let y,_=!0;Object.assign(ge,r),ge.$resourcesUrl$=new URL(r.resourcesUrl||"./",eo.baseURI).href,ge.$flags$|=2;let S=!1;if(n.map(O=>{O[1].map(A=>{var E;const x={$flags$:A[0],$tagName$:A[1],$members$:A[2],$listeners$:A[3]};x.$flags$&4&&(S=!0),x.$members$=A[2],x.$listeners$=A[3],x.$attrsToReflect$=[],x.$watchers$=(E=A[4])!=null?E:{};const M=r.transformTagName?r.transformTagName(x.$tagName$):x.$tagName$,G=class extends HTMLElement{constructor(J){if(super(J),this.hasRegisteredEventListeners=!1,J=this,y4(J,x),x.$flags$&1){if(!J.shadowRoot)J.attachShadow({mode:"open",delegatesFocus:!!(x.$flags$&16)});else if(J.shadowRoot.mode!=="open")throw new Error(`Unable to re-use existing shadow root for ${x.$tagName$}! Mode is set to ${J.shadowRoot.mode} but Stencil only supports open shadow roots.`)}}connectedCallback(){const J=$r(this);this.hasRegisteredEventListeners||(this.hasRegisteredEventListeners=!0,Rw(this,J,x.$listeners$)),y&&(clearTimeout(y),y=null),_?m.push(this):ge.jmp(()=>cj(this))}disconnectedCallback(){ge.jmp(()=>dj(this))}componentOnReady(){return $r(this).$onReadyPromise$}};x.$lazyBundleId$=O[0],!u.includes(M)&&!b.get(M)&&(s.push(M),b.define(M,$w(G,x,1)))})}),s.length>0&&(S&&(f.textContent+=fw),f.textContent+=s.sort()+T4,f.innerHTML.length)){f.setAttribute("data-styles","");const O=(l=ge.$nonce$)!=null?l:mw(eo);O!=null&&f.setAttribute("nonce",O),g.insertBefore(f,p?p.nextSibling:g.firstChild)}_=!1,m.length?m.map(O=>O.connectedCallback()):ge.jmp(()=>y=setTimeout(Cw,30)),c()},eM=(n,r)=>r,Rw=(n,r,l,c)=>{l&&l.map(([s,u,b])=>{const g=bj(n,s),p=hj(r,b),f=pj(s);ge.ael(g,u,p,f),(r.$rmListeners$=r.$rmListeners$||[]).push(()=>ge.rel(g,u,p,f))})},hj=(n,r)=>l=>{var c;try{n.$flags$&256?(c=n.$lazyInstance$)==null||c[r](l):(n.$queuedListeners$=n.$queuedListeners$||[]).push([r,l])}catch(s){on(s)}},bj=(n,r)=>r&8?Fi:n,pj=n=>E4?{passive:(n&1)!==0,capture:(n&2)!==0}:(n&2)!==0;q4(n=>{try{n.shadowRoot instanceof ShadowRoot&&w6(n,l6(n))}catch{}return"default"});tn(()=>import("./devtools-a4a870b9-CEiKOr2K.js"),__vite__mapDeps([96,1])).then(n=>{typeof n=="object"&&n!==null&&typeof n.initialize=="function"&&n.initialize()}).catch(n=>{Te.error(n)});const gj=()=>{},fj=gj;/*!
  * KoliBri - The accessible HTML-Standard
  */const vj=async(n,r)=>{if(!(typeof window>"u"))return await fj(),uj(JSON.parse('[["kol-abbr",[[33,"kol-abbr",{"_label":[1],"_tooltipAlign":[1,"_tooltip-align"],"state":[32]},null,{"_label":["validateLabel"],"_tooltipAlign":["validateTooltipAlign"]}]]],["kol-accordion",[[33,"kol-accordion",{"_disabled":[4],"_label":[1],"_level":[2],"_on":[16],"_open":[1540],"state":[32],"focus":[64],"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,{"_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],"focus":[64],"kolFocus":[64]}]]],["kol-button-group",[[33,"kol-button-group"]]],["kol-button-group-wc",[[4,"kol-button-group-wc",{"state":[32]}]]],["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],"focus":[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"],"_ariaHasPopup":[1,"_aria-has-popup"],"_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],"_alert":[1540],"_disabled":[4],"_hideError":[1540,"_hide-error"],"_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],"_hasOpened":[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"],"_alert":["validateAlert"],"_disabled":["validateDisabled"],"_hideError":["validateHideError"],"_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],"focus":[64],"kolFocus":[64]},null,{"_disabled":["validateDisabled"],"_label":["validateLabel"],"_level":["validateLevel"],"_on":["validateOn"],"_open":["validateOpen"]}]]],["kol-drawer",[[33,"kol-drawer",{"_open":[4],"_align":[1],"_label":[1],"_modal":[4],"_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]}]]],["kol-heading-wc",[[4,"kol-heading-wc",{"_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-indented-text",[[33,"kol-indented-text"]]],["kol-indented-text-wc",[[4,"kol-indented-text-wc",{"state":[32]}]]],["kol-input",[[4,"kol-input",{"_accessKey":[1,"_access-key"],"_alert":[4],"_currentLength":[2,"_current-length"],"_currentLengthDebounced":[2,"_current-length-debounced"],"_disabled":[4],"_hasCounter":[4,"_has-counter"],"_hideError":[4,"_hide-error"],"_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"],"_alert":[1540],"_checked":[1540],"_hideError":[1540,"_hide-error"],"_disabled":[4],"_error":[1],"_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],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_checked":["validateChecked"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_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"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_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":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_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"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_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":[1025],"_initialValueType":[32],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64],"reset":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_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"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hasCounter":[4,"_has-counter"],"_hideError":[1540,"_hide-error"],"_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":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hasCounter":["validateHasCounter"],"_hideError":["validateHideError"],"_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"],"_alert":[1540],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_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],"_value":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accept":["validateAccept"],"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_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"],"_value":["validateValue"]}]]],["kol-input-number",[[49,"kol-input-number",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_id":[1],"_label":[1],"_max":[8],"_min":[8],"_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":[1032],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_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"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hasCounter":[4,"_has-counter"],"_hideError":[1540,"_hide-error"],"_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":[1],"_variant":[1],"state":[32],"_passwordVisible":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_variant":["validateVariant"],"_error":["validateError"],"_hasCounter":["validateHasCounter"],"_hideError":["validateHideError"],"_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",{"_alert":[1540],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_id":[1],"_label":[1],"_msg":[1],"_name":[1],"_on":[16],"_options":[1],"_orientation":[1],"_required":[4],"_syncValueBySelector":[1,"_sync-value-by-selector"],"_tabIndex":[2,"_tab-index"],"_tooltipAlign":[1,"_tooltip-align"],"_touched":[1540],"_value":[8],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_tooltipAlign":["validateTooltipAlign"],"_alert":["validateAlert"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideLabel":["validateHideLabel"],"_hideError":["validateHideError"],"_hint":["validateHint"],"_id":["validateId"],"_label":["validateLabel"],"_msg":["validateMsg"],"_name":["validateName"],"_on":["validateOn"],"_options":["validateOptions"],"_orientation":["validateOrientation"],"_required":["validateRequired"],"_syncValueBySelector":["validateSyncValueBySelector"],"_tabIndex":["validateTabIndex"],"_touched":["validateTouched"],"_value":["validateValue"]}]]],["kol-input-range",[[49,"kol-input-range",{"_accessKey":[1,"_access-key"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_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":[2],"state":[32],"inputHasFocus":[32],"focus":[64],"kolFocus":[64],"getValue":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_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"],"_alert":[1540],"_autoComplete":[1,"_auto-complete"],"_disabled":[4],"_error":[1],"_hasCounter":[4,"_has-counter"],"_hideError":[1540,"_hide-error"],"_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":[1025],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_autoComplete":["validateAutoComplete"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hasCounter":["validateHasCounter"],"_hideError":["validateHideError"],"_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"],"focus":[64],"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],"focus":[64],"kolFocus":[64]}]]],["kol-link-group",[[33,"kol-link-group",{"_listStyleType":[1,"_list-style-type"],"_label":[1],"_links":[1],"_orientation":[1],"state":[32]},null,{"_label":["validateLabel"],"_listStyleType":["validateListStyleType"],"_links":["validateLinks"],"_orientation":["validateOrientation"]}]]],["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-logo",[[33,"kol-logo",{"_org":[1],"state":[32]},null,{"_org":["validateOrg"]}]]],["kol-modal",[[33,"kol-modal",{"_activeElement":[1040],"_label":[1],"_on":[16],"_width":[1],"state":[32],"openModal":[64],"closeModal":[64]},null,{"_activeElement":["validateActiveElement"],"_label":["validateLabel"],"_on":["validateOn"],"_width":["validateWidth"]}]]],["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"],"_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],"popoverOpen":[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"],"_alert":[1540],"_disabled":[4],"_error":[1],"_hideError":[1540,"_hide-error"],"_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":[1025],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_alert":["validateAlert"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hideError":["validateHideError"],"_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],"_alert":[1540],"_disabled":[4],"_hideError":[1540,"_hide-error"],"_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":[1544],"_hideClearButton":[4,"_hide-clear-button"],"_rows":[2],"_isOpen":[32],"_hasOpened":[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"],"_alert":["validateAlert"],"_disabled":["validateDisabled"],"_hideError":["validateHideError"],"_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"],"_hideClearButton ":["validateHideClearButton"],"_rows":["validateRows"]}]]],["kol-skip-nav",[[33,"kol-skip-nav",{"_label":[1],"_links":[1],"state":[32]},null,{"_label":["validateLabel"],"_links":["validateLinks"]}]]],["kol-span-wc",[[4,"kol-span-wc",{"_badgeText":[1,"_badge-text"],"_allowMarkdown":[4,"_allow-markdown"],"_hideLabel":[4,"_hide-label"],"_icons":[1],"_label":[1],"state":[32]},null,{"_badgeText":["validateBadgeText"],"_allowMarkdown":["validateAllowMarkdown"],"_hideLabel":["validateHideLabel"],"_icons":["validateIcons"],"_label":["validateLabel"]}]]],["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-symbol",[[0,"kol-symbol",{"_label":[1],"_symbol":[1],"state":[32]},null,{"_label":["validateLabel"],"_symbol":["validateSymbol"]}]]],["kol-table",[[1,"kol-table",{"_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]}]]],["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"],"_alert":[1540],"_disabled":[4],"_error":[1],"_hasCounter":[4,"_has-counter"],"_hideError":[1540,"_hide-error"],"_hideLabel":[4,"_hide-label"],"_hint":[1],"_icons":[1],"_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":[1],"state":[32],"inputHasFocus":[32],"getValue":[64],"focus":[64],"kolFocus":[64]},null,{"_accessKey":["validateAccessKey"],"_adjustHeight":["validateAdjustHeight"],"_alert":["validateAlert"],"_disabled":["validateDisabled"],"_error":["validateError"],"_hasCounter":["validateHasCounter"],"_hideError":["validateHideError"],"_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"]]]]'),r)};/*!
  * KoliBri - The accessible HTML-Standard
@@ -23212,7 +23212,7 @@ Link:
   .tree-link a .text {
     text-decoration: none;
   }
-}`;const iE=qi.createTheme("itzbund",{GLOBAL:m3,"KOL-ACCORDION":k3,"KOL-ALERT":y3,"KOL-BADGE":w3,"KOL-BREADCRUMB":_3,"KOL-BUTTON":x3,"KOL-BUTTON-GROUP":z3,"KOL-BUTTON-LINK":j3,"KOL-CARD":S3,"KOL-COMBOBOX":T3,"KOL-DETAILS":A3,"KOL-DRAWER":E3,"KOL-FORM":O3,"KOL-HEADING":L3,"KOL-INDENTED-TEXT":C3,"KOL-INPUT-CHECKBOX":N3,"KOL-INPUT-COLOR":$3,"KOL-INPUT-DATE":R3,"KOL-INPUT-EMAIL":B3,"KOL-INPUT-FILE":D3,"KOL-INPUT-NUMBER":M3,"KOL-INPUT-PASSWORD":I3,"KOL-INPUT-RADIO":K3,"KOL-INPUT-TEXT":H3,"KOL-LINK":F3,"KOL-LINK-BUTTON":U3,"KOL-NAV":V3,"KOL-PAGINATION":q3,"KOL-POPOVER-BUTTON":P3,"KOL-PROGRESS":G3,"KOL-SELECT":Z3,"KOL-SINGLE-SELECT":Y3,"KOL-SKIP-NAV":X3,"KOL-SPIN":Q3,"KOL-SPLIT-BUTTON":W3,"KOL-TABLE-STATEFUL":J3,"KOL-TABLE-STATELESS":nE,"KOL-TABS":eE,"KOL-TEXTAREA":oE,"KOL-TOAST-CONTAINER":rE,"KOL-TOOLBAR":tE,"KOL-TREE":aE,"KOL-TREE-ITEM":lE}),cE="2.2.16-rc.1",ib={version:cE},sE=()=>{const n={onClick:()=>history.back()};return t.jsxs(no,{_label:"This is an example page",_level:0,_type:"info",children:[t.jsx("p",{children:"You followed an example link."}),history.length>1&&t.jsx(U,{_label:"Go Back",_on:n})]})},Kw=["default","ecl-ec","ecl-eu","itzbund","bwst","unstyled"],dE=["ecl-ec","ecl-eu","itzbund"],uE=n=>dE.includes(n),Ib=n=>Kw.find(r=>r===n)!==void 0,Kb=[{label:"Unstyled (Uncolored)",value:"unstyled"},{label:"Default (Tested)",value:"default"},{label:"BWSt (Tested)",value:"bwst"},{label:"European Commission (Draft)",value:"ecl-ec"},{label:"European Union (Draft)",value:"ecl-eu"},{label:"Informationstechnikzentrum Bund (Draft)",value:"itzbund"}];function hE(){const n=matchMedia("(max-width: 1023px)"),[r,l]=w.useState(n.matches),c=()=>{l(n.matches)};return w.useEffect(()=>(c(),n.addEventListener("change",c),()=>{n.removeEventListener("change",c)}),[n]),r}function bE({children:n}){return hE()?t.jsx(Ke,{_label:"All components",class:"mt",children:n}):t.jsx("div",{className:"mt scrollable-container",children:n})}function dy({label:n,to:r,children:l}){const c=B1(r),s=cl(r),u=o2({path:s.pathname,end:!0});return t.jsx(Ne,{_label:n,_href:c,_active:!!u,children:l})}function pE({routes:n}){const r=(c,s)=>Object.keys(s).map(u=>{const b=c==="tree"&&u==="basic/:subPage",g=b?"basic/home":u,p=b?"basic":u;return t.jsx(dy,{label:p,to:[c,g].join("/")},[c,u].join("/"))}),l=Object.entries(n).map(([c,s])=>t.jsx(dy,{label:c,to:c,children:r(c,s)},c));return t.jsx(bE,{children:t.jsx("nav",{children:t.jsx(A1,{_label:"Navigation",class:"block",children:l})})})}const gE=({buildDate:n,commitHash:r})=>!n&&!r?"":t.jsx("div",{className:"text-sm font-mono color-gray-5 m-t-2",children:n&&r?t.jsxs(t.Fragment,{children:["Build: ",r,t.jsx("br",{}),"at ",n]}):r?`Build: ${r}`:`Build date: ${n}`}),fE=({version:n,theme:r,routes:l,routeList:c,sample:s,buildDate:u,commitHash:b,onThemeChange:g})=>{const p=()=>c.indexOf(s),f=()=>s.replace(/\//g," "),m=(S,O)=>{g(O[0])},y=()=>{const S=p(),O=S<=0?c.length-1:S-1;location.replace(`#${c[O]}`)},_=()=>{const S=p(),O=S===c.length-1?0:S+1;location.replace(`#${c[O]}`)};return t.jsx("aside",{className:"app-sidebar p-4",children:t.jsxs("div",{className:"scrollable-container-wrapper",children:[t.jsxs("div",{className:"flex flex-justify-between flex-items-center",children:[t.jsx(an,{_label:"KoliBri React"}),t.jsx(Ms,{_label:n})]}),t.jsx(gE,{buildDate:u,commitHash:b}),t.jsx($e,{_label:"Theme",_options:Kb,_on:{onChange:m},_value:[r],class:"mt"}),t.jsx(an,{_label:"Components",_level:2,className:"block mt"}),t.jsxs("div",{className:"flex flex-justify-between flex-items-center mt",children:[t.jsx(U,{_icons:"codicon codicon-arrow-left",_hideLabel:!0,_label:"Previous component",_on:{onClick:y}}),t.jsxs("span",{className:"text-base text-center",children:[f()," (",p()+1,"/",c.length,")"]}),t.jsx(U,{_icons:"codicon codicon-arrow-right",_hideLabel:!0,_label:"Next component",_on:{onClick:_}})]}),t.jsx(pE,{routes:l})]})})},vE=()=>{const n=Co();W2("#"+n.pathname)},mt=w.createContext(null),mE="https://public-ui.github.io/v2/docs/components",kE="https://github.com/public-ui/kolibri/blob/release/2/packages/samples/react/src/components",Nn="I am an error message!",ut="I am a hint.",H=n=>{const r=w.useContext(mt),l=Co(),c=l.pathname.split("/").slice(1),s=w.useMemo(()=>c[0]==="scenarios"?null:`${mE}/${c[0]}`,[l.hash]),u=w.useMemo(()=>c[0]==="scenarios"?null:`${kE}/${c[0]}/${c[1]}.tsx`,[l.hash]);return t.jsxs(t.Fragment,{children:[t.jsx("h1",{className:"visually-hidden",children:l.pathname.replace(/\//g," ")}),r?null:t.jsxs("div",{className:"grid sm:flex gap-4 justify-between pb-sm border-b-1 border-b-solid border-gray mb-2",children:[t.jsx("div",{className:"indented-text",children:n.children}),t.jsxs("ul",{className:"flex flex-wrap gap-2 m-0 p-0 list-none",children:[u&&t.jsx("li",{children:t.jsx(gn,{_href:u,_label:"Code",_target:"_blank"})}),s&&t.jsx("li",{children:t.jsx(gn,{_href:s,_label:"Documentation",_target:"_blank"})}),t.jsx("li",{children:t.jsx(gn,{_href:`#${l.pathname}?hideMenus`,_label:"Standalone example",_target:"_blank"})})]})]})]})},yE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolAbbr shows the full expansion of an abbreviated term on mouse over. The sample illustrates the different possible alignments for the tooltip."})}),t.jsxs("p",{children:["I am ",t.jsx(rr,{_label:"zum Beispiel",children:"e.g."})," an abbreviation."]}),t.jsxs("p",{children:["I am"," ",t.jsx(rr,{_label:"zum Beispiel",_tooltipAlign:"right",children:"e.g."})," ","an abbreviation (right)."]}),t.jsxs("p",{children:["I am"," ",t.jsx(rr,{_label:"zum Beispiel",_tooltipAlign:"bottom",children:"e.g."})," ","an abbreviation (below)."]}),t.jsxs("p",{children:["I am"," ",t.jsx(rr,{_label:"zum Beispiel",_tooltipAlign:"left",children:"e.g."})," ","an abbreviation (left)."]}),t.jsxs("p",{children:["I am"," ",t.jsx(rr,{_label:"zum Beispiel",_tooltipAlign:"top",children:"e.g."})," ","an abbreviation (top)."]})]}),wE={abbr:{basic:yE}},_E=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["KolAccordion hides its content until opened. The open state can be toggled by clicking the headline or by setting the ",t.jsx("code",{children:"_open"}),"-prop programmatically. Additionally, the sample shows the disabled state for a closed and an open accordion."]})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Ke,{_label:"Heading Accordion Tab 1",_open:!0,children:"Contents Accordion Tab 1"}),t.jsx(Ke,{_label:"Heading Accordion Tab 2",children:"Contents Accordion Tab 2"}),t.jsx(Ke,{_label:"Heading Accordion Tab 2 (deactivated)",_disabled:!0}),t.jsx(Ke,{_label:"Heading Accordion Tab 2 (disabled and open)",_disabled:!0,_open:!0,children:"Contents Accordion Tab 2"})]})]}),xE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolAccordion with the different heading levels from 1-6."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Ke,{_label:"Heading Level 1",_level:1,children:"Contents Accordion Tab 1"}),t.jsx(Ke,{_label:"Heading Level 2",_level:2,children:"Contents Accordion Tab 2"}),t.jsx(Ke,{_label:"Heading Level 3",_level:3,children:"Contents Accordion Tab 3"}),t.jsx(Ke,{_label:"Heading Level 4",_level:4,children:"Contents Accordion Tab 4"}),t.jsx(Ke,{_label:"Heading Level 5",_level:5,children:"Contents Accordion Tab 5"}),t.jsx(Ke,{_label:"Heading Level 6",_level:6,children:"Contents Accordion Tab 6"})]})]}),zE={accordion:{basic:_E,headlines:xE}},mi=({level:n,type:r,variant:l})=>t.jsxs(t.Fragment,{children:[t.jsx(no,{_label:`This is the headline level ${n} of the alert.`,_level:n,_type:r,_variant:l,children:"This is the text of the alert."}),t.jsx(no,{_type:r,_variant:l,children:"In this alert, only the text without the heading is used."}),t.jsx(no,{_label:`This is the headline level ${n} of the alert.`,_level:n,_type:r,_variant:l,_hasCloser:!0,children:"This is the text of the alert. With close button."}),t.jsx(no,{_type:r,_variant:l,_hasCloser:!0,children:"In this alert, only the text without the heading is used. With close button."})]}),Hw=({variant:n="msg"})=>t.jsxs("div",{className:"grid gap-4",children:[t.jsx(mi,{level:1,type:"default",variant:n}),t.jsx(mi,{level:2,type:"error",variant:n}),t.jsx(mi,{level:3,type:"info",variant:n}),t.jsx(mi,{level:4,type:"success",variant:n}),t.jsx(mi,{level:5,type:"warning",variant:n})]}),jE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["KolAlert shows messages of different types. This sample illustrates the variant ",t.jsx("code",{children:"msg"}),", showing all possible types with and without headlines and close buttons."]})}),t.jsx(Hw,{variant:"msg"})]}),SE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["KolAlert shows messages of different types. This sample illustrates the variant ",t.jsx("code",{children:"card"}),", showing all possible types with and without headlines and close buttons."]})}),t.jsx("section",{className:"w-full",children:t.jsx(Hw,{variant:"card"})})]}),TE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows how KolAlert can be used with arbitrary HTML as slot content."})}),t.jsx("div",{children:t.jsxs(no,{_label:"Output of HTML code in the alert",_variant:"card",_type:"info",children:[t.jsx("div",{className:"mt-2 mb-3",children:t.jsx(an,{_level:2,_label:"An H2 heading is output here"})}),t.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[t.jsxs("div",{children:[t.jsx("h3",{children:"Text in a left-hand column"}),t.jsx("p",{children:"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.jsxs("div",{children:[t.jsx("h3",{children:"Text in einer rechten Spalte"}),t.jsx("p",{children:"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!"})]})]})]})})]}),AE={alert:{basic:jE,"card-msg":SE,html:TE}},EE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"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.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(dh,{_src:"https://www.w3schools.com/howto/img_avatar.png",_label:"Elke Mustermann"}),t.jsx(dh,{_label:"Elke Mustermann "}),t.jsx(dh,{_label:"Marianne"})]})]}),OE={avatar:{basic:EE}},LE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolBadge shows badges with a label, background color and optional icon."})}),t.jsxs("div",{className:"flex flex-wrap gap-2",children:[t.jsx(Vn,{_label:"black"}),t.jsx(Vn,{_color:"#86ffc6",_label:"teal"}),t.jsx(Vn,{_color:"#06539e",_label:"blue"}),t.jsx(Vn,{_color:"#ae0000",_label:"red with icon",_icons:"codicon codicon-smiley"}),t.jsx(Vn,{_color:"#8b008b",_label:"purple with icon",_icons:"codicon codicon-squirrel"})]})]}),ki=n=>({_label:n,_smartButton:{_icons:"codicon codicon-close",_label:`Remove ${n}`,_on:{onClick:()=>alert("clicked")}}}),CE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample shows KolBadge with an optional ",t.jsx("code",{children:"smartButton"}),'. The sample defines a "close" button with X-icon a click event listener.']})}),t.jsxs("div",{className:"flex flex-wrap gap-2",children:[t.jsx(Vn,{...ki("black")}),t.jsx(Vn,{_color:"#86ffc6",...ki("teal")}),t.jsx(Vn,{_color:"#06539e",...ki("blue")}),t.jsx(Vn,{_color:"#ae0000",_icons:"codicon codicon-smiley",...ki("red with icon")}),t.jsx(Vn,{_color:"#8b008b",_icons:"codicon codicon-squirrel",...ki("purple with icon")})]})]}),NE={badge:{basic:LE,button:CE}},$E=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolBreadcrumb shows a breadcrumb navigation. The sample illustrates a variation of link, text and icon elements."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(vs,{_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.jsx(vs,{_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.jsx(vs,{_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"}]})]})]}),RE={breadcrumb:{basic:$E}};function Ae(){const n=vt.getInstance(document),r=s=>{n.enqueue({description:s||"Hello",label:"Hello",type:"info"})};return{dummyClickEventHandler:()=>{r()},buttonWithTextClickEventHandler:s=>{const u=s.currentTarget.textContent;r(u)}}}const BE=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsxs(H,{children:[t.jsx("p",{children:"KolButtonGroup shows multiple KolButton-elements visually grouped together."}),t.jsx("p",{children:t.jsx(Vn,{_label:"The component is deprecated and won't be available anymore in KoliBri version 3.",_color:"#db5461"})})]}),t.jsxs(yz,{children:[t.jsx(U,{_label:"Active",_variant:"primary",_on:r}),t.jsx(U,{_label:"Not active",_disabled:!0}),t.jsx(U,{_label:"Active",_icons:"codicon codicon-home",_variant:"danger",_on:r}),t.jsx(U,{_label:"Active",_icons:"codicon codicon-trash",_hideLabel:!0,_variant:"ghost",_on:r})]})]})},DE={"button-group":{basic:BE}},ME=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["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.jsx("code",{children:"block"}),", ",t.jsx("code",{children:"inline-block"})," and ",t.jsx("code",{children:"inline"}),". It also demonstrates the disabled-state."]})}),t.jsxs("section",{className:"text-base",children:[t.jsxs("p",{children:["In this paragraph, a link is inserted that contains no additional attributes. ",t.jsx(Xn,{_label:"Simple Link"})," It is rendered by default as an"," ",t.jsx("strong",{children:"inline element"}),"."]}),t.jsxs("p",{children:["In this paragraph, a link is inserted that is rendered as an inline-block element.",t.jsx(Xn,{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.jsx("br",{}),t.jsx("br",{}),"After that, there is a link that is rendered as a block element.",t.jsx(Xn,{style:{display:"block"},_label:"Simple Link"}),"Therefore, I go over the entire width of the parent element to create a line break."]}),t.jsx("p",{children:t.jsx(Xn,{_label:"Disabled ButtonLink",_disabled:!0})}),t.jsx("p",{children:t.jsx(Xn,{_label:"With access key",_accessKey:"c",_on:r})}),t.jsx("p",{children:t.jsx(Xn,{_label:"Disabled ButtonLink",_shortKey:"s"})})]})]})},IE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolButtonLink with icons in different locations."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Xn,{_icons:"codicon codicon-home",_label:"Ich bin ein Link mit Icon links"}),t.jsx(Xn,{_icons:{right:"codicon codicon-home"},_label:"I am a link with an icon on the right"}),t.jsx(Xn,{_icons:{top:"codicon codicon-home"},_label:"I am a link with an icon at the top"}),t.jsx(Xn,{_icons:{bottom:"codicon codicon-home"},_label:"I am a link with icon below"}),t.jsx(Xn,{_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"})]})]}),KE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolButtonLink with slot-content instead of a label. The sample uses an image as content."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Xn,{_label:"I am a link that is rendered as text"}),t.jsx(Xn,{_label:"",children:t.jsx("img",{alt:"Presentation of the KoliBri theming",slot:"expert",src:"abgrenzung.jpg",width:"300"})})]})]}),HE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolButtonLink with aria-description"})}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(Xn,{_label:"Button Text without area description"}),t.jsx(Xn,{_label:"Button Text",_ariaDescription:"Button Area Description"})]})]}),UE={"button-link":{basic:ME,icons:IE,image:KE,"aria-description":HE}},FE=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample shows KolButton with"," ",t.jsx(gn,{_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.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(U,{_label:"With S access key",_accessKey:"S",_on:r}),t.jsx(U,{_label:"Very small b",_accessKey:"b",_on:r}),t.jsx(U,{_label:"Access key does not appear in label",_accessKey:"x",_on:r}),t.jsx(U,{_label:"access key without label",_hideLabel:!0,_accessKey:"a",_icons:"codicon codicon-dashboard",_on:r}),t.jsx(U,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_accessKey:"n",_on:r})]})]})},VE=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolButton with aria-description"})}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(U,{_label:"Button Text without area description",_on:r}),t.jsx(U,{_label:"Button Text",_ariaDescription:"Button Area Description",_on:r})]})]})},qE=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This KolButton sample is used for internal testing purposes: It features multiple buttons with and without icons which are vertically aligned."})}),t.jsxs("div",{className:"flex flex-wrap gap-2",children:[t.jsx(U,{_label:"Label-Text",_on:r}),t.jsx(U,{_label:"Label-Text",_on:r}),t.jsx(U,{_label:"Label-Text",_on:r}),t.jsx(U,{_icons:"codicon codicon-reactions",_label:"Label-Text with Icon",_on:r})]})]})},PE=n=>{const{children:r,...l}=n,{dummyClickEventHandler:c}=Ae(),s={onClick:c};return t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(U,{_icons:"codicon codicon-home",_label:"Primary",_variant:"primary",_on:s,...l,children:r}),t.jsx(U,{_icons:"codicon codicon-heart",_label:"Secondary",_variant:"secondary",_on:s,...l,children:r}),t.jsx(U,{_icons:"codicon codicon-hubot",_label:"Tertiary",_variant:"tertiary",_on:s,...l,children:r}),t.jsx(U,{_icons:"codicon codicon-hubot",_label:"Normal",_variant:"normal",_on:s,...l,children:r}),t.jsx(U,{_icons:"codicon codicon-trash",_label:"Danger",_variant:"danger",_on:s,...l,children:r}),t.jsx(U,{_icons:"codicon codicon-reactions",_label:"Ghost",_variant:"ghost",_on:s,...l,children:r})]})},Uw=(n={})=>{const r=[{label:"Button",buttonProps:n},{label:"Button (disabled)",buttonProps:{...n,_disabled:!0}},{label:"Button (hideLabel)",buttonProps:{...n,_hideLabel:!0}},{label:"Button (disabled, hideLabel)",buttonProps:{...n,_disabled:!0,_hideLabel:!0}}];return t.jsx("div",{className:"grid gap-8",children:r.map(({label:l,buttonProps:c},s)=>t.jsxs("section",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:l}),t.jsx(PE,{...c})]},s))})},GE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolButton shows a button-element. This sample demonstrates the basic usage with its different styling variants, icons, disabled state and hidden labels."})}),t.jsx(Uw,{})]}),ZE=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolButton with icons in all alignments."})}),t.jsx("div",{children:t.jsx(U,{_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:r})})]})},YE=()=>{const{dummyClickEventHandler:n}=Ae(),r={className:"w-8rem",_on:{onClick:n}};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolButton with adjusted widths."})}),t.jsxs("div",{className:"grid gap-14",children:[t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(U,{_label:"Primary",_variant:"primary",...r}),t.jsx(U,{_label:"Secondary",_variant:"secondary",...r}),t.jsx(U,{_label:"Normal",_variant:"normal",...r}),t.jsx(U,{_label:"Danger",_variant:"danger",...r}),t.jsx(U,{_label:"Ghost",_variant:"ghost",...r})]}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(U,{_disabled:!0,_label:"Primary",_variant:"primary",...r}),t.jsx(U,{_disabled:!0,_label:"Secondary",_variant:"secondary",...r}),t.jsx(U,{_disabled:!0,_label:"Normal",_variant:"normal",...r}),t.jsx(U,{_disabled:!0,_label:"Danger",_variant:"danger",...r}),t.jsx(U,{_disabled:!0,_label:"Ghost",_variant:"ghost",...r})]})]})]})},jh=new WeakMap,We=n=>(jh.has(n)===!1&&jh.set(n,E1.createRoot(n)),jh.get(n)),XE=({label:n})=>{const r=vt.getInstance(document),l=w.useRef(null),c=w.useRef(null),s=()=>{r.enqueue({label:"Edit clicked",description:`The button "edit" has been clicked for ${n}`,type:"info"})},u=()=>{r.enqueue({label:"Delete clicked",description:`The button "delete" has been clicked for ${n}`,type:"warning"})},b=g=>{switch(g.code){case"KeyE":l.current?.kolFocus(),s();return;case"KeyD":c.current?.kolFocus(),u();return}};return t.jsxs("div",{style:{display:"flex",gap:"calc(10rem / var(--kolibri-root-font-size, 16))"},onKeyUp:b,children:[t.jsx(U,{ref:l,_label:"Edit",_shortKey:"e",_on:{onClick:s}}),t.jsx(U,{ref:c,_label:"Delete",_shortKey:"d",_variant:"danger",_on:{onClick:u}})]})},QE=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n},l=[{label:"Row 1"},{label:"Row 2"}],c={horizontal:[[{label:"Label",key:"label",textAlign:"left"},{label:"Actions",key:"actions",textAlign:"left",render:(s,u)=>{We(ft(s)).render(t.jsx(XE,{label:u.data.label}))}}]]};return t.jsxs(t.Fragment,{children:[t.jsxs(H,{children:[t.jsx("p",{children:"The first sample shows KolButton with short key without functionality. The short key is purely visual. Its functionality needs to be developed separately."}),t.jsx("p",{children:'The second sample showcases a table where each row contains two KolButtons, each with its own shortcut key. To trigger an action, move the focus to any of the "Actions" cells and press "e" or "d." Doing so will activate the corresponding action and display a Toast notification for demonstration purposes.'})]}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(U,{_label:"With S short key",_shortKey:"S",_on:r}),t.jsx(U,{_label:"Very small b",_shortKey:"b",_on:r}),t.jsx(U,{_label:"Short key does not appear in label",_shortKey:"x",_on:r}),t.jsx(U,{_label:"short key without label",_hideLabel:!0,_shortKey:"k",_icons:"codicon codicon-dashboard",_on:r}),t.jsx(U,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_shortKey:"n",_on:r})]}),t.jsx(an,{_level:2,_label:"Interactive sample",className:"mt"}),t.jsx(we,{_label:'Move focus within one of the "Actions" cells and press "e" or "d" to trigger an action.',_data:l,_headers:c})]})},WE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolButton show a button-element with expert slot."})}),t.jsx(Uw,{_label:"",children:t.jsx("span",{slot:"expert",children:"I am more than just a button"})})]}),JE={button:{basic:GE,icons:ZE,width:YE,"access-key":FE,"aria-description":VE,baselined:qE,"short-key":QE,"expert-slot":WE}},n5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolCard shows a card with title and slot content. The second sample features a close button."})}),t.jsxs("div",{className:"w-full grid grid-cols-2 gap-4",children:[t.jsx(On,{_label:"Card with title and content",children:t.jsx("div",{children:"Card contents."})}),t.jsx(On,{_label:"Card with closer",_hasCloser:!0,children:t.jsx("p",{children:"This card has a close button."})})]})]}),e5={card:{basic:n5}},oo=({RefComponent:n,...r})=>t.jsx(co,{className:"w-full",children:t.jsxs("div",{className:"grid gap-4",children:[t.jsx(n,{...r}),t.jsxs("div",{className:"flex gap-4",children:[t.jsx(U,{_label:"Submit",_icons:"codicon codicon-arrow-right",_type:"submit",_variant:"primary"}),t.jsx(U,{_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.jsx(U,{_label:"Reset",_type:"reset",_variant:"tertiary"}),t.jsx(U,{_label:"Help",_variant:"ghost"})]})]})}),Fw=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"}]'),Fo=[...Fw.map(n=>({label:n.name,value:n.alpha2}))],Go=[...Fw.map(n=>n.name)],uy=n=>t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Oo,{...n,_hint:ut,_label:"Label",_suggestions:Go,_value:"Deutschland"}),t.jsx(Oo,{...n,_label:"Disabled",_suggestions:Go,_value:"Deutschland",_disabled:!0}),t.jsx(Oo,{...n,_suggestions:Go,_msg:{_type:"error",_description:Nn},_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0}),t.jsx(Oo,{...n,_label:"With access key",_suggestions:Go,_value:"Deutschland",_accessKey:"c"}),t.jsx(Oo,{...n,_label:"With short key",_suggestions:Go,_value:"Deutschland",_shortKey:"s"})]}),o5=n=>t.jsxs("div",{className:"w-full grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text"}),t.jsx(uy,{...n})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text (hideLabel)"}),t.jsx(uy,{...n,_hideLabel:!0})]})]}),r5=()=>{const n=w.useContext(mt);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolCombobox combines a text input with a suggestion list, enabling users to either type in a value or to select on of the suggestions."})}),!n&&t.jsx(Vn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsx(oo,{RefComponent:o5})]})},t5={combobox:{basic:r5}},a5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["KolDetails hides its content until opened. The open state can be toggled either by clicking the label or by setting the ",t.jsx("code",{children:"_open"}),"-prop programmatically. The sample includes an initially open state and a disabled but open Details component."]})}),t.jsxs("section",{className:"grid gap-4",children:[t.jsx(Ar,{_label:"Closed initially",children:"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.jsx(Ar,{_disabled:!0,_label:"Open initially (disabled)",_open:!0,children:"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.jsx(Ar,{_label:"Open initially",_open:!0,children:"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."})]})]}),l5={details:{basic:a5}},i5=["left","top","right","bottom"].map(n=>({label:n,value:n})),Hb=({value:n="left",onChange:r})=>t.jsx("div",{className:"grid gap-4",children:t.jsx("div",{className:"container my-4 d-grid gap-4",children:t.jsx(ye,{_label:"Drawer alignment",_value:n,_options:i5,_orientation:"horizontal",_on:{onChange:r}})})}),c5=()=>{const[n]=sl(),r=n.get("align"),l=w.useRef(null),c=w.useRef(null),[s,u]=w.useState(r||"left");return w.useEffect(()=>{r&&c.current?.open()},[r]),t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolDrawer shows a dialog attached to one of the sides of the viewport, when opened. This sample illustrates the four alignments and the modal- and non-modal modes."})}),t.jsx(Hb,{value:s,onChange:(b,g)=>u(g)}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(Ti,{ref:l,_label:"I am a drawer",_align:s,_on:{onClose:()=>console.log("Drawer onClose triggered!")},children:t.jsxs("div",{className:s==="left"||s==="right"?"drawer-content-vertical":"",children:[t.jsx("p",{children:"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.jsx(U,{_label:"Close drawer",_on:{onClick:()=>l.current?.close()}})]})}),t.jsx(U,{_label:"Open drawer",_on:{onClick:()=>l.current?.open()}}),t.jsx(Ti,{ref:c,_modal:!0,_align:s,_label:"I am a Drawer Modal",_on:{onClose:()=>console.log("Drawer Modal onClose triggered!")},children:t.jsxs("div",{className:s==="left"||s==="right"?"drawer-content-vertical":"",children:[t.jsx("p",{children:"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.jsx(U,{_label:"Close drawer modal",_on:{onClick:()=>c.current?.close()}})]})}),t.jsx(U,{_label:"Open drawer as modal",_on:{onClick:()=>c.current?.open()}})]})]})},s5=()=>{const[n]=sl(),r=n.get("align"),[l,c]=w.useState(!1),[s,u]=w.useState(!1),[b,g]=w.useState(r||"left");return t.jsxs("div",{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample shows the KolDrawer controlled by the property ",t.jsx("code",{children:"_open"})," instead of methods."]})}),t.jsx(Hb,{value:b,onChange:(p,f)=>g(f)}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(Ti,{_open:l,_align:b,_label:"I'm a controlled drawer",_on:{onClose:()=>c(!1)},children:t.jsxs("div",{children:[t.jsx("p",{children:"Lorem ipsum dolor sit amet,"}),t.jsx(U,{_label:"Close drawer",_on:{onClick:()=>c(!1)}})]})}),t.jsx(U,{_label:"Open drawer",_on:{onClick:()=>c(!0)}}),t.jsx(Ti,{_open:s,_modal:!0,_align:b,_label:"I'm a controlled modal drawer",_on:{onClose:()=>u(!1)},children:t.jsxs("div",{children:[t.jsx("p",{children:"Lorem ipsum dolor sit amet,"}),t.jsx(U,{_label:"Close drawer",_on:{onClick:()=>u(!1)}})]})}),t.jsx(U,{_label:"Open drawer as modal",_on:{onClick:()=>u(!0)}})]})]})},d5=()=>{const n=w.useRef(null),[r,l]=w.useState("bottom"),[c,s]=w.useState(!0);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:'This sample demonstrates how KolDrawer handles content that exceeds the drawer dimensions and shows the correct way to handle overflow. Use the "Enable Overflow Handling" toggle to see the difference between problematic behavior (content exceeding drawer bounds) and the proper solution (overflow handling within the slot content).'})}),t.jsxs("div",{className:"flex flex-col gap-4 mb-4",children:[t.jsx(Hb,{value:r,onChange:(u,b)=>l(b)}),t.jsx(Yn,{_label:"Enable Overflow Handling (Recommended)",_checked:c,_on:{onChange:(u,b)=>s(!!b)}})]}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(Ti,{ref:n,_label:"Scrollable Drawer",_align:r,children:c?t.jsx("div",{style:{width:r==="left"||r==="right"?"90vw":void 0,height:r==="top"||r==="bottom"?"90vh":void 0,overflow:"auto",padding:"0",border:"1px solid #999"},children:t.jsxs("div",{style:{width:r==="left"||r==="right"?"150vw":void 0,height:r==="top"||r==="bottom"?"150vh":void 0,background:"linear-gradient(45deg, #f0f0f0 25%, transparent 25%), linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f0f0f0 75%), linear-gradient(-45deg, transparent 75%, #f0f0f0 75%)",backgroundSize:"20px 20px",backgroundPosition:"0 0, 0 10px, 10px -10px, -10px 0px",border:"2px dashed #ccc",padding:"20px",display:"flex",flexDirection:"column",gap:"20px"},children:[t.jsx("p",{children:"✅ Content with proper overflow handling - scrollable within drawer bounds"}),t.jsxs("div",{children:[t.jsx("h3",{children:"Large Content Area (Scrollable)"}),t.jsxs("p",{children:["Container: ",r==="left"||r==="right"?"400px wide":"90vw wide"," ×"," ",r==="top"||r==="bottom"?"90vh high":"400px high"]}),t.jsxs("p",{children:["Content: ",r==="left"||r==="right"?"150vw wide":"400px wide"," ×"," ",r==="top"||r==="bottom"?"150vh high":"400px high"]}),t.jsxs("p",{children:[t.jsx("strong",{children:"Overflow Handling:"})," Enabled - Container has fixed size with overflow: auto"]}),t.jsx("p",{children:"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."}),t.jsx("p",{children:"With overflow handling enabled, this content scrolls properly within the drawer container. You can scroll horizontally/vertically to see all content."}),t.jsx("div",{style:{marginTop:"auto",paddingTop:"40px"},children:t.jsx(U,{_label:"Close drawer",_on:{onClick:()=>n.current?.close()}})})]})]})}):t.jsxs("div",{style:{width:r==="left"||r==="right"?"150vw":"400px",height:r==="top"||r==="bottom"?"150vh":"400px",background:"linear-gradient(45deg, #f0f0f0 25%, transparent 25%), linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f0f0f0 75%), linear-gradient(-45deg, transparent 75%, #f0f0f0 75%)",backgroundSize:"20px 20px",backgroundPosition:"0 0, 0 10px, 10px -10px, -10px 0px",border:"2px dashed #ccc",padding:"20px",display:"flex",flexDirection:"column",gap:"20px"},children:[t.jsx("p",{children:"❌ Content exceeding drawer bounds - problematic behavior"}),t.jsxs("div",{children:[t.jsx("h3",{children:"Large Content Area"}),t.jsxs("p",{children:["Width: ",r==="left"||r==="right"?"150vw (exceeds drawer width)":"400px"]}),t.jsxs("p",{children:["Height: ",r==="top"||r==="bottom"?"150vh (exceeds drawer height)":"400px"]}),t.jsxs("p",{children:[t.jsx("strong",{children:"Overflow Handling:"})," Disabled - Content extends beyond drawer boundaries"]}),t.jsx("p",{children:"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."}),t.jsx("p",{children:"Without overflow handling, this content may extend beyond the drawer boundaries, causing layout issues."}),t.jsx("div",{style:{marginTop:"auto",paddingTop:"40px"},children:t.jsx(U,{_label:"Close drawer",_on:{onClick:()=>n.current?.close()}})})]})]})}),t.jsx(U,{_label:"Open scrollable drawer",_on:{onClick:()=>n.current?.open()}})]})]})},u5={drawer:{basic:c5,controlled:s5,scrolled:d5}},h5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolForm renders a form around the input components provided in a slot. This sample shows a basic form with three input fields."})}),t.jsx(co,{className:"w-full",children:t.jsxs("div",{className:"grid gap-2",children:[t.jsx(En,{id:"input1",_label:"Input 1"}),t.jsx(En,{id:"input2",_label:"Input 2"}),t.jsx(En,{id:"input3",_label:"Input 3"})]})})]}),b5=()=>{const n=w.useRef(null),r=()=>{n.current?.focusErrorList()};return w.useEffect(()=>{n.current?.focusErrorList()},[]),t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows a form with error messages."})}),t.jsx(co,{className:"w-full",ref:n,_on:{onSubmit:r},_errorList:[{message:"Error in Input 2",selector:"#input2"},{message:"Error in Input 3",selector:()=>alert("Error in Input 3")}],children:t.jsxs("div",{className:"grid gap-2",children:[t.jsx(En,{id:"input1",_label:"Input 1"}),t.jsx(En,{id:"input2",_label:"Input 2",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),t.jsx(En,{id:"input3",_label:"Input 3",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),t.jsx("div",{children:t.jsx(U,{_label:"ScrollTo",_type:"submit"})})]})})]})},p5={form:{basic:h5,"error-list":b5}},Vw=`public-ui.v${ib.version}`;class g5{store=new Map;setItem(r,l){this.store.set(r,l)}getItem(r){return this.store.get(r)||null}}const Ni={darkMode:!1,theme:"default"};let cb;function qw(n){cb=n;const r=cb.getItem(Vw);try{const l=JSON.parse(r);typeof l=="object"&&l!==null&&(Ni.darkMode=l.darkMode===!0,Ib(l.theme)&&(Ni.theme=l.theme))}catch{}}qw(new g5);const f5=()=>{cb.setItem(Vw,JSON.stringify(Ni))},v5=n=>{if(Ib(n))Ni.theme=n,f5();else throw new Error(`The theme identifier "${n}" is not valid or an available option.`)},Ns=()=>`${Ni.theme}`,sb=n=>{if(Ib(n))return Kb.find(r=>r.value===n)?.label;throw new Error(`The theme identifier "${n}" is not valid or an available option.`)},m5=[{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"}];function k5({_on:n,...r}){const{dummyClickEventHandler:l}=Ae(),c={onClick:l};return t.jsx(U,{...r,_on:c})}const y5={horizontal:[[{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{key:"monday",label:"Monday",render:(n,r)=>{const l=document.createElement("div");l.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(l),We(l).render(t.jsx(k5,{_label:r.label,style:{fontSize:"75%"}}))},sort:n=>n.sort((r,l)=>r.monday<l.monday?-1:r.monday>l.monday?1:0),sortDirection:"ASC",textAlign:"right"},{key:"tuesday",label:"Tuesday",render:(n,r)=>{const l=document.createElement("div");l.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(l),We(l).render(t.jsx(Vn,{_color:"#060",_label:r.label}))},sort:n=>n.sort((r,l)=>r.tuesday<l.tuesday?-1:r.tuesday>l.tuesday?1:0),sortDirection:"DESC"},{key:"wednesday",label:"Wednesday",render:(n,r)=>{const l=document.createElement("div");l.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(l),We(l).render(t.jsx(Vn,{_color:"#006",_label:r.label}))}},{key:"thursday",label:"Thursday",render:(n,r)=>{const l=document.createElement("div");l.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(l),We(l).render(t.jsx(Vn,{_color:"#600",_label:r.label}))}},{key:"friday",label:"Friday",render:(n,r)=>{const l=document.createElement("div");l.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(l),We(l).render(t.jsx(Vn,{_color:"#303",_label:r.label}))}},{key:"saturday",label:"Saturday",render:(n,r)=>{const l=document.createElement("div");l.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(l),We(l).render(t.jsx(Vn,{_color:"#330",_label:r.label}))}},{key:"sunday",label:"Sunday",render:(n,r)=>{const l=document.createElement("div");l.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(l),We(l).render(t.jsx(Vn,{_color:"#033",_label:r.label}))}}]],vertical:[[{label:"Early"},{label:"Noon"},{label:"Evening"},{label:"Night"}]]},w5=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n};return t.jsxs("div",{className:"grid gap-4",children:[t.jsxs("div",{className:"grid gap-4 md:grid-cols-[auto_1fr_1fr] items-center",children:[t.jsx(ms,{className:"block w-75px",_labeled:!1}),t.jsx(an,{_label:"",_level:1,children:t.jsxs("span",{slot:"expert",children:["Kolibri-Handout ",t.jsxs("small",{children:["for ",sb(Ns())]})]})}),t.jsxs(Ar,{_label:"Abstract",_open:!0,children:["The handout shows a selection of KoliBri components in the style of ",t.jsx("strong",{children:sb(Ns())}),". 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.jsx(gn,{_label:"https://github.com/public-ui/kolibri",_href:"https://github.com/public-ui/kolibri",_target:"_blank"}),")."]})]}),t.jsxs("div",{className:"grid gap-4 sm:grid-cols-6 md:grid-cols-6  xl:grid-cols-12",children:[t.jsx(On,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Heading",_level:2,children:t.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[t.jsx(an,{_label:"Heading Level 1",_level:1}),t.jsx(an,{_label:"Heading Level 2",_level:2}),t.jsx(an,{_label:"Heading Level 3",_level:3}),t.jsx(an,{_label:"Heading Level 4",_level:4}),t.jsx(an,{_label:"Heading Level 5",_level:5}),t.jsx(an,{_label:"Heading Level 6",_level:6}),t.jsx(an,{_label:"Heading Level 6",_secondaryHeadline:"Lessons",_level:6})]})}),t.jsx(On,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Abbreviation and Progress",_level:2,children:t.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[t.jsxs("p",{children:["I am a"," ",t.jsx(rr,{_label:"Detailed description",_tooltipAlign:"top",children:"ABB"})," ","with tooltip at the top"]}),t.jsxs("p",{children:["I am a"," ",t.jsx(rr,{_label:"Detailed description",_tooltipAlign:"right",children:"ABB"})," ","with tooltip on the right"]}),t.jsxs("p",{children:["I am a"," ",t.jsx(rr,{_label:"Detailed description",_tooltipAlign:"bottom",children:"ABB"})," ","with tooltip at the bottom"]}),t.jsxs("p",{children:["I am a"," ",t.jsx(rr,{_label:"Detailed description",_tooltipAlign:"left",children:"ABB"})," ","with tooltip on the left"]}),t.jsxs("div",{className:"grid grid-cols-2 items-center",children:[t.jsx(xr,{_variant:"bar",_max:100,_value:33,_label:"Progress"}),t.jsx(xr,{_variant:"cycle",_max:100,_value:66,_label:"Progress"})]})]})}),t.jsx(On,{className:"col-span-6 sm:col-span-6 md:col-span-6 xl:col-span-3",_label:"Button, LinkButton and Tab",_level:2,children:t.jsx("div",{slot:"",className:"grid gap-2 p-2",children:t.jsxs(Lr,{_label:"",_selected:0,_tabs:[{_label:"Button"},{_label:"LinkButton"},{_label:"Disabled Tab",_disabled:!0}],children:[t.jsxs("div",{className:"grid gap-2 py-2",children:[t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(U,{_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:r}),t.jsx(U,{_disabled:!0,_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:r}),t.jsx(U,{_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary",_on:r})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(U,{_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:r}),t.jsx(U,{_disabled:!0,_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:r}),t.jsx(U,{_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary",_on:r})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(U,{_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:r}),t.jsx(U,{_disabled:!0,_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:r}),t.jsx(U,{_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger",_on:r})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(U,{_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:r}),t.jsx(U,{_disabled:!0,_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:r}),t.jsx(U,{_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal",_on:r})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(U,{_label:"ghost",_variant:"ghost"}),t.jsx(U,{_disabled:!0,_label:"ghost",_variant:"ghost"}),t.jsx(U,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost",_on:r})]})]}),t.jsxs("div",{className:"grid gap-2 py-2",children:[t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(Kn,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),t.jsx(Kn,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),t.jsx(Kn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary"})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(Kn,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),t.jsx(Kn,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),t.jsx(Kn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary"})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(Kn,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),t.jsx(Kn,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),t.jsx(Kn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger"})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(Kn,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),t.jsx(Kn,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),t.jsx(Kn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal"})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(Kn,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),t.jsx(Kn,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),t.jsx(Kn,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost"})]})]})]})})}),t.jsx(On,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Accordion, Link and ButtonLink",_level:2,children:t.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[t.jsx(Ke,{_label:"Links",_level:3,_open:!0,children:t.jsxs("div",{className:"grid gap-2",slot:"",children:[t.jsx(gn,{_href:"#/back-page",_label:"Link text"}),t.jsx(gn,{_href:"#/back-page",_icons:"codicon codicon-home",_label:"Link text with icon"}),t.jsx(gn,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),t.jsx(gn,{_href:"/",_label:"Visited link"}),t.jsxs("p",{children:["I am a ",t.jsx(gn,{_href:"#/back-page",_label:"externer Link",_target:"w3c"})," in the running text."]})]})}),t.jsx(Ke,{_label:"ButtonLinks",_level:3,children:t.jsxs("div",{className:"grid gap-2",slot:"",children:[t.jsx(Xn,{_label:"Link text"}),t.jsx(Xn,{_icons:"codicon codicon-home",_label:"Link text with icon"}),t.jsx(Xn,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),t.jsxs("p",{children:["I am a ",t.jsx(Xn,{_label:"Link"})," in the running text."]}),t.jsx(Xn,{_icons:{left:"codicon codicon-arrow-left",right:"codicon codicon-arrow-right",top:"codicon codicon-arrow-up",bottom:"codicon codicon-arrow-down"},_label:"Icons"})]})})]})}),t.jsx(On,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-3",_label:"Alert",_level:2,children:t.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[t.jsx(no,{_label:"Default message",_type:"default",children:"This is the text of the alert."}),t.jsx(no,{_type:"success",children:"Success message text"}),t.jsx(no,{_type:"error",_hasCloser:!0,children:"This is a error message text."}),t.jsx(no,{_label:"Info card",_type:"info",_variant:"card",children:"This is the text of the alert."}),t.jsx(no,{_label:"Warning card",_type:"warning",_hasCloser:!0,_variant:"card",children:"This is the text of the alert."})]})}),t.jsx(On,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Nav and Breadcrumb",_level:2,children:t.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[t.jsx("div",{children:t.jsx(Qt,{_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.jsx("div",{children:t.jsx(vs,{_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.jsx(On,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Input",_level:2,children:t.jsx(co,{slot:"",children:t.jsxs("div",{className:"grid gap-4 sm:grid-cols-2 md:grid-cols-3 p-2",children:[t.jsx(Je,{_label:"Color"}),t.jsx(He,{_label:"Upload file"}),t.jsx(Se,{_label:"Number input"}),t.jsx(Hn,{_type:"date",_label:"Date"}),t.jsx(Pe,{_icons:"{'left': 'codicon codicon-home'}",_msg:{_type:"error",_description:"Test of an error message"},_touched:!0,_label:"E-mail address"}),t.jsx(En,{_hint:"I am a hint.",_label:"First name"}),t.jsx(Re,{_label:"password"}),t.jsx($e,{_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_label:"Stimmung"}),t.jsx(ao,{_min:0,_max:50,_value:25,_label:"Slider"}),t.jsx(ye,{className:"herr-frau",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"1",_label:"Salutation"}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(ye,{_orientation:"horizontal",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"0",_label:"Salutation"}),t.jsx(Yn,{_label:"",children:t.jsxs("span",{slot:"expert",children:["I accept the ",t.jsx(rr,{_label:"General Terms and Conditions",children:"AGB"}),"."]})})]}),t.jsx(Wn,{_rows:4,_label:"Textarea"})]})})}),t.jsx(On,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Table with Pagination",_level:2,children:t.jsx("div",{slot:"",className:"grid gap-2 p-2",children:t.jsx(we,{_label:"Table",_headers:y5,_data:m5,_pagination:!0})})})]}),t.jsx(Ms,{_label:"5.0.2-test.2"})]})},_5={handout:{basic:w5}},x5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample shows KolHeading with its different levels and content provided using the export slot instead of the ",t.jsx("code",{children:"_label"}),"-property."]})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(an,{_label:"",_level:1,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Vn,{_label:"Label"})]})}),t.jsx(an,{_label:"",_level:2,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Vn,{_color:"#86ffc6",_label:"Label"})]})}),t.jsx(an,{_label:"",_level:3,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Vn,{_color:"#06539e",_label:"Label"})]})}),t.jsx(an,{_label:"",_level:4,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Vn,{_color:"#ae0000",_label:"Label"})]})}),t.jsx(an,{_label:"",_level:5,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Vn,{_color:"#8b008b",_label:"Label"})]})}),t.jsx(an,{_label:"",_level:6,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Vn,{_color:"#ffc0cb",_label:"Label"})]})})]})]}),z5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolHeading renders a heading with the given level."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(an,{_label:"I'm a H1-heading",_level:1}),t.jsx(an,{_label:"I'm a H2-heading",_level:2}),t.jsx(an,{_label:"I'm a H3-heading",_level:3}),t.jsx(an,{_label:"I'm a H4-heading",_level:4}),t.jsx(an,{_label:"I'm a H5-heading",_level:5}),t.jsx(an,{_label:"I'm a H6-heading",_level:6})]})]}),j5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolHeading with its different levels combined with some text content each."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(an,{_label:"Ich bin eine H1-Überschrift",_level:1}),t.jsx("p",{children:"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.jsx(an,{_label:"Ich bin eine H2-Überschrift",_level:2}),t.jsx("p",{children:"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.jsx(an,{_label:"Ich bin eine H3-Überschrift",_level:3}),t.jsx("p",{children:"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.jsx(an,{_label:"Ich bin eine H4-Überschrift",_level:4}),t.jsx("p",{children:"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.jsx(an,{_label:"Ich bin eine H5-Überschrift",_level:5}),t.jsx("p",{children:"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.jsx(an,{_label:"Ich bin eine H6-Überschrift",_level:6}),t.jsx("p",{children:"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."})]})]}),S5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample shows KolHeading with the prop ",t.jsx("code",{children:"_secondaryHeadline"})," in use."]})}),t.jsx("div",{className:"grid gap-4",children:t.jsx(an,{_label:"This is a H1 headline",_secondaryHeadline:"This is a secondary headline",_level:1})})]}),T5={heading:{basic:z5,badge:x5,paragraph:j5,secondary:S5}},A5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolIcon renders an icon. This sample shows one regular icon and one with a custom style-property, changing the icon color."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Wv,{className:"block w-[1em] h-[1em]",_label:"",_icons:"codicon codicon-home"}),t.jsx(Wv,{className:"block w-[1em] h-[1em]",style:{color:"red"},_label:"",_icons:"codicon codicon-home"})]})]}),E5={icon:{basic:A5}},O5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolImage renders an image. The sample shows an image with alternative text."})}),t.jsx(wz,{className:"w-image",_src:"abgrenzung.jpg",_alt:"Darstellung des KoliBri-Theming"})]}),L5={image:{basic:O5}},C5=()=>t.jsxs(t.Fragment,{children:[t.jsxs(H,{children:[t.jsx("p",{children:"KolIndentedText renders the given slot content, styled as indented text. The sample shows two regular paragraphs with an indented paragraph in between."}),t.jsx("p",{children:t.jsx(Vn,{_label:"The component is deprecated and won't be available anymore in KoliBri version 3.",_color:"#db5461"})})]}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx("p",{children:"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.jsx(_z,{children:"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.jsx("p",{children:"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."})]})]}),N5={"indented-text":{basic:C5}},ds=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Yn,{...r,_label:"Not selected",_value:!1,_required:!0}),t.jsx(Yn,{...r,_label:"Indeterminate",_value:null,_indeterminate:!0}),t.jsx(Yn,{...r,ref:l,_accessKey:"A",_checked:!0,_label:"Selected",_tooltipAlign:"right",_value:!0}),t.jsx(Yn,{...r,_checked:!0,_icons:{unchecked:"codicon codicon-close"},_label:"With a very long label and upheavals ".repeat(5),_value:!0}),t.jsx(Yn,{...r,_disabled:!0,_label:"Disabled",_value:!0,_hint:"Hint text"}),t.jsx(Yn,{...r,_checked:!0,_disabled:!0,_label:"Checked and disabled"}),t.jsx(Yn,{...r,_indeterminate:!0,_disabled:!0,_label:"Indeterminate and disabled"}),t.jsx(Yn,{...r,_msg:{_type:"error",_description:Nn},_label:"With error",_touched:!0,_value:!0,_hint:"Hint text"}),t.jsx(Yn,{...r,_label:"With access key",_accessKey:"c",_value:null}),t.jsx(Yn,{...r,_label:"With short key",_shortKey:"s",_value:null})]})}),Ub=w.forwardRef(function(r,l){return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:'Label align "left" with label'}),t.jsx(ds,{...r,_labelAlign:"left"})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:'Label align "left" without Label (hideLabel)'}),t.jsx(ds,{ref:l,...r,_hideLabel:!0,_labelAlign:"left"})]})]}),t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:'Label align "right" with label'}),t.jsx(ds,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:'Label align "right" without Label (hideLabel)'}),t.jsx(ds,{ref:l,...r,_hideLabel:!0})]})]})]})}),$5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolInputCheckbox renders a checkbox. The sample shows KolInputCheckbox in a form context with all variations and states."})}),t.jsx(oo,{RefComponent:Ub})]}),R5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:'This sample shows KolInputCheckbox in the variant "button".'})}),t.jsx(oo,{RefComponent:Ub,_variant:"button"})]}),B5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:'This sample shows KolInputCheckbox in the variant "switch".'})}),t.jsx(oo,{RefComponent:Ub,_variant:"switch"})]}),D5={"input-checkbox":{basic:$5,switch:B5,button:R5}},hy=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Je,{...r,_msg:{_type:"error",_description:Nn},_icons:{left:"codicon codicon-symbol-color"},_label:"Color (Black background test)",_value:"#f08080"})}),t.jsx(Je,{...r,_msg:{_type:"error",_description:Nn},_label:"Color with error",_suggestions:"['#000000','#f08080', '#0000ff','#00ff00']",_touched:!0}),t.jsx(Je,{...r,ref:l,_accessKey:"C",_hint:"Hint text",_label:"Color with hint",_value:"#f08080"}),t.jsx(Je,{...r,_disabled:!0,_label:"Color (Disabled)",_value:"#f08080"}),t.jsx(Je,{...r,_label:"With access key",_accessKey:"c"}),t.jsx(Je,{...r,_label:"With short key",_shortKey:"s"})]})}),M5=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Color"}),t.jsx(hy,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Color (hideLabel)"}),t.jsx(hy,{ref:l,...r,_hideLabel:!0})]})]})}),I5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolInputColor renders a color input. The sample shows KolInputColor in a form context with all variations and states."})}),t.jsx(oo,{RefComponent:M5})]}),K5={"input-color":{basic:I5}},by=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Hn,{...r,_type:"date",_label:"Date input (Black background test)",_required:!0})}),t.jsx(Hn,{...r,_type:"datetime-local",_label:"Local-Datetime (Standard)",_required:!0}),t.jsx(Hn,{...r,_step:1,_type:"datetime-local",_msg:{_type:"error",_description:Nn},_label:"Local datetime (with seconds)",_required:!0,_touched:!0}),t.jsx(Hn,{...r,_type:"month",_label:"Month",_required:!0}),t.jsx(Hn,{...r,ref:l,_accessKey:"W",_type:"week",_label:"Week",_required:!0}),t.jsx(Hn,{...r,_type:"time",_label:"Time (standard)",_required:!0}),t.jsx(Hn,{...r,_step:1,_type:"time",_label:"Time (with seconds)",_required:!0}),t.jsx(Hn,{...r,_readOnly:!0,_label:"Date input (read-only)",_required:!0}),t.jsx(Hn,{...r,_disabled:!0,_label:"Date input (Disabled)",_required:!0}),t.jsx(Hn,{...r,_label:"With access key",_accessKey:"s"}),t.jsx(Hn,{...r,_label:"With short key",_shortKey:"s"})]})}),H5=w.forwardRef(function(r){const l="2024-09-26",c="2024-09-27",s="12:00",u="15:00",b="2024-09-26T12:00",g="2024-09-27T15:00",p="2024-W10",f="2024-W50",m="2024-02",y="2024-10",_=new Date("January 10, 2024, 12:00"),S=new Date("October 20, 2024, 15:00");return t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Hn,{...r,_type:"date",_label:"Date with Iso",_min:l,_max:c}),t.jsx(Hn,{...r,_type:"date",_label:"Date with Date",_min:_,_max:S}),t.jsx(Hn,{...r,_type:"time",_label:"Time with Iso",_min:s,_max:u}),t.jsx(Hn,{...r,_type:"time",_label:"Time with Date",_min:_,_max:S}),t.jsx(Hn,{...r,_type:"datetime-local",_label:"DayTime with Iso",_min:b,_max:g}),t.jsx(Hn,{...r,_type:"datetime-local",_label:"DayTime with Date",_min:_,_max:S}),t.jsx(Hn,{...r,_type:"week",_label:"Week with Iso",_min:p,_max:f}),t.jsx(Hn,{...r,_type:"week",_label:"Week with Date",_min:_,_max:S}),t.jsx(Hn,{...r,_type:"month",_label:"Month with Iso",_min:m,_max:y}),t.jsx(Hn,{...r,_type:"month",_label:"Month with Date",_min:_,_max:S})]})}),U5=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Date"}),t.jsx(by,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Date (hideLabel)"}),t.jsx(by,{ref:l,...r,_hideLabel:!0})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Date (with min/max)"}),t.jsx(H5,{ref:l,...r})]})]})}),F5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"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.jsx(oo,{RefComponent:U5})]}),V5=()=>{const n=w.useRef(null);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample demonstrates the KolInputDate ",t.jsx("code",{children:"reset"}),"-Method, which can be used to clear the field, even when it holds incomplete or invalid values."]})}),t.jsx(Hn,{className:"w-full",ref:n,_label:"Resettable Input Date",_value:"2024-02-10"}),t.jsx(U,{className:"mt",_label:"Reset",_on:{onClick:()=>n.current?.reset()}})]})},q5=["default","error","info","success","warning"];function Sh(n){return{onChange:()=>n(r=>!r)}}const P5=()=>{const[n,r]=w.useState(!0),[l,c]=w.useState(!0),[s,u]=w.useState(!1),b=Sh(r),g=Sh(c),p=Sh(u);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This example shows how messages work in input fields."})}),t.jsxs("div",{className:"flex gap-4 flex-col",children:[t.jsxs("div",{className:"flex gap-4 items-center",children:[t.jsx(Yn,{_label:"Toggle Msg",_on:b,_checked:n,_variant:"button"}),t.jsx(Yn,{_label:"Toggle Touched",_on:g,_checked:l,_variant:"button"}),t.jsx(Yn,{_label:"Toggle Hide Msg",_on:p,_checked:s,_variant:"button"})]}),t.jsxs("pre",{children:["Message exists: ",n?"Yes":"No"," (showMsg: ",n?"Yes":"No",")",t.jsx("br",{}),"Non-Error-Message visible: ",n&&!s?"Yes":"No"," (showMsg: ",n?"Yes":"No",", hideMsg: ",s?"Yes":"No",")",t.jsx("br",{}),"Error-Message visible: ",n&&l&&!s?"Yes":"No"," (showMsg: ",n?"Yes":"No",", isTouched: ",l?"Yes":"No",", hideMsg: ",s?"Yes":"No",")"]}),t.jsx(Hn,{_error:n?"error message":void 0,_hideError:s,_label:"Date (_error)",_touched:l}),q5.map(f=>t.jsx(Hn,{_hideError:s,_label:`Date (_msg, ${f})`,_msg:n?{_description:`${f} message`,_type:f}:void 0,_touched:l},f))]})]})},G5={"input-date":{basic:F5,reset:V5,"show-hide-msg":P5}},py=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Pe,{...r,_required:!0,_value:"test@mail.de",_msg:{_type:"error",_description:Nn},_label:"E-Mail (Black background test)"})}),t.jsx(Pe,{...r,ref:l,_accessKey:"M",_placeholder:"elke@mustermann.de",_suggestions:"['test1@mail.de', 'test2@mail.de', 'test3@mail.de']",_label:"E-Mail (list)",_msg:{_type:"error",_description:Nn},_touched:!0,_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),t.jsx(Pe,{...r,_disabled:!0,_value:"test@mail.de",_label:"E-Mail (Disabled)"}),t.jsx(Pe,{...r,_readOnly:!0,_value:"test@mail.de",_label:"E-Mail (Readonly)"}),t.jsx(Pe,{...r,_value:"test@mail.de",_label:"With access key",_accessKey:"c"}),t.jsx(Pe,{...r,_value:"test@mail.de",_label:"With short key",_shortKey:"s"})]})}),Z5=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Email"}),t.jsx(py,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Email (hideLabel)"}),t.jsx(py,{ref:l,...r,_hideLabel:!0})]})]})}),Y5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolInputEmail renders an email input field. The sample shows KolInputEmail in a form context with all variations and states."})}),t.jsx(oo,{RefComponent:Z5})]}),X5={"input-email":{basic:Y5}},gy=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(He,{...r,_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0})}),t.jsx(He,{...r,_required:!0,_msg:{_type:"error",_description:Nn},_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0}),t.jsx(He,{...r,ref:l,_accessKey:"h",_multiple:!0,_msg:{_type:"error",_description:Nn},_label:"Upload file (Multiple)"}),t.jsx(He,{...r,_disabled:!0,_label:"Upload file (Disabled)"}),t.jsx(He,{...r,_label:"With access key",_accessKey:"c"}),t.jsx(He,{...r,_label:"With short key",_shortKey:"s"})]})}),Q5=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"File"}),t.jsx(gy,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"File (hideLabel)"}),t.jsx(gy,{ref:l,...r,_hideLabel:!0})]})]})}),W5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolInputFile renders a file input field. The sample shows KolInputFile in a form context with all variations and states."})}),t.jsx(oo,{RefComponent:Q5})]}),J5={"input-file":{basic:W5}},fy=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Se,{...r,_required:!0,_touched:!0,_value:123,_label:"Number input (Black background test)"})}),t.jsx(Se,{...r,_required:!0,_msg:{_type:"error",_description:Nn},_touched:!0,_placeholder:"Mit Icons",_label:"Number input",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),t.jsx(Se,{...r,_required:!0,_msg:{_type:"error",_description:Nn},_touched:!0,_value:123,_label:"Number input"}),t.jsx(Se,{...r,_required:!0,_msg:{_type:"warning",_description:Nn},_touched:!0,_value:123,_label:"Number input"}),t.jsx(Se,{...r,_required:!0,_msg:{_type:"info",_description:Nn},_touched:!0,_value:123,_label:"Number input"}),t.jsx(Se,{...r,_required:!0,_msg:{_type:"success",_description:Nn},_touched:!0,_value:123,_label:"Number input"}),t.jsx(Se,{...r,ref:l,_accessKey:"Z",_max:10,_min:-10,_step:2,_label:"Number input (-10 to 10 in steps of 2)"}),t.jsx(Se,{...r,_readOnly:!0,_label:"Number input (Readonly)"}),t.jsx(Se,{...r,_disabled:!0,_label:"Number input (Disabled)"}),t.jsx(Se,{...r,_label:"With access key",_accessKey:"c"}),t.jsx(Se,{...r,_label:"With short key",_shortKey:"s"})]})}),n8=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Number"}),t.jsx(fy,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Number (hideLabel)"}),t.jsx(fy,{ref:l,...r,_hideLabel:!0})]})]})}),e8=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"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.jsx(oo,{RefComponent:n8})]}),o8={"input-number":{basic:e8}},vy=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Re,{...r,_label:"Passwort (Black background test)"})}),t.jsx(Re,{...r,_disabled:!0,_msg:{_type:"error",_description:Nn},_label:"Passwort (Disabled)",_touched:!0}),t.jsx(Re,{...r,_readOnly:!0,_label:"Passwort (Readonly)"}),t.jsx(Re,{...r,ref:l,_accessKey:"P",_required:!0,_msg:{_type:"error",_description:Nn},_placeholder:"Mit Icons",_label:"Passwort",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0}),t.jsx(Re,{...r,ref:l,_shortKey:"c",_label:"With access key"}),t.jsx(Re,{...r,ref:l,_shortKey:"s",_label:"With short key"})]})}),r8=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Password"}),t.jsx(vy,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Password (hideLabel)"}),t.jsx(vy,{ref:l,...r,_hideLabel:!0})]})]})}),t8=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolInputPassword renders a password input field. The sample shows KolInputPassword in a form context with all variations and states."})}),t.jsx(oo,{RefComponent:r8})]}),a8=()=>{const n=w.useRef(null);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:'This sample shows KolInputPassword in the variant "visibility-toggle". It features a button to toggle between a visible and hidden password input.'})}),t.jsxs(co,{className:"w-full",children:[t.jsx(Re,{_placeholder:"With 'Show password' button",_label:"Password",ref:n,className:"block",_variant:"visibility-toggle"}),t.jsx(Re,{_placeholder:"With 'Show password' button",_label:"Password",ref:n,className:"block",_variant:"visibility-toggle",_value:"Password"}),t.jsx(Re,{_placeholder:"With 'Show password' button and disabled",_label:"Password",ref:n,className:"block",_disabled:!0,_variant:"visibility-toggle"})]})]})},l8={"input-password":{basic:t8,"show-password":a8}},my=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(ye,{...r,_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (Black background test)"})}),t.jsx(ye,{...r,_required:!0,_msg:{_type:"error",_description:Nn},_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.jsx(ye,{...r,ref:l,_orientation:"horizontal",_required:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal)"}),t.jsx(ye,{...r,_disabled:!0,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:Nn},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal with error)"}),t.jsx(ye,{...r,_disabled:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation",_touched:!0}),t.jsx(ye,{...r,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:Nn},_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})]})}),i8=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("div",{className:"border border-solid border-dark-100 p-3",children:[t.jsx(an,{_level:2,_label:"Radio",className:"block mb-2"}),t.jsx(my,{...r})]}),t.jsxs("div",{className:"border border-solid border-dark-100 p-3",children:[t.jsx(an,{_level:2,_label:"Radio (hideLabel)",className:"block mb-2"}),t.jsx(my,{ref:l,...r,_hideLabel:!0})]})]})}),c8=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolInputRadio renders a set of radio buttons. The sample shows KolInputRadio in a form context with all variations and states."})}),t.jsx(oo,{RefComponent:i8})]}),s8=()=>{const[n,r]=w.useState(!0),[l,c]=w.useState("horizontal"),s=[{label:"Field 1",value:1},{label:"Field 2",value:2}],u=()=>{r(g=>!g)},b=()=>{c(g=>g==="horizontal"?"vertical":"horizontal")};return t.jsxs("div",{className:"grid gap-4",children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample shows the ",t.jsx("code",{children:"horizontal"})," and ",t.jsx("code",{children:"vertical"})," orientation of KolInoutRadio. It also features a button to test re-rendering."]})}),t.jsxs("div",{className:"flex gap-4",children:[t.jsx(U,{_label:"Click me a few times",_on:{onClick:u}}),t.jsx(Yn,{_label:"Switch orientation (horizontal/vertical)",_on:{onChange:b},_variant:"switch"})]}),n&&t.jsx(co,{children:t.jsxs("div",{className:"container my-4 d-grid gap-4",children:[t.jsx(ye,{_label:`Test (${l})`,_options:s,_orientation:l,_required:!0}),t.jsx(ye,{_hideLabel:!0,_label:`Test (${l})`,_options:s,_orientation:l,_required:!0})]})})]})},d8=()=>{const n=[{label:"Field 1",value:{id:1,name:"Option 1"}},{label:"Field 2",value:{id:2,name:"Option 2"}}];return t.jsxs("div",{className:"grid gap-4",children:[t.jsxs(H,{children:["This sample shows KolInputRadio with ",t.jsx("code",{children:"object"})," and ",t.jsx("code",{children:"undefined"})," values."]}),t.jsxs(co,{children:[t.jsxs("p",{children:["In this example for ",t.jsx("code",{children:"KolInputRadio"}),", the values of the options are defined as objects."]}),t.jsx("div",{className:"container my-4 d-grid gap-4",children:t.jsx(ye,{_value:n[1].value,_options:n,_label:"Test (with object value)"})}),t.jsxs("p",{children:["In this example for ",t.jsx("code",{children:"KolInputRadio"}),", no value is set."]}),t.jsx("div",{className:"container my-4 d-grid gap-4",children:t.jsx(ye,{_options:n,_label:"Test (without value)"})})]})]})},u8={"input-radio":{basic:c8,horizontal:s8,object:d8}},ky=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(ao,{...r,_min:0,_max:50,_msg:{_type:"error",_description:Nn},_label:"Slider (Black background test)",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0})}),t.jsx(ao,{...r,ref:l,_accessKey:"F",_min:0,_max:50,_step:10,_msg:{_type:"error",_description:Nn},_label:"Slider with error",_touched:!0}),t.jsx(ao,{...r,_disabled:!0,_min:0,_max:50,_label:"Slider (disabled)"}),t.jsx(ao,{...r,_min:0,_max:50,_label:"With access key",_accessKey:"c"}),t.jsx(ao,{...r,_min:0,_max:50,_label:"With short key",_shortKey:"s"})]})}),h8=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Range"}),t.jsx(ky,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Range (hideLabel)"}),t.jsx(ky,{ref:l,...r,_hideLabel:!0})]})]})}),b8=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"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.jsx(oo,{RefComponent:h8})]}),p8={"input-range":{basic:b8}},yy=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(En,{...r,_value:"Value",_label:"First name (Black background test)"})}),t.jsx(En,{...r,_hint:ut,_msg:{_type:"error",_description:Nn,_label:"test headline"},_placeholder:"With icons",_icons:{right:{icon:"codicon codicon-arrow-right",style:{"font-size":"200%"}}},_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:l}),t.jsx(En,{...r,_placeholder:"Placeholder",_msg:{_type:"info",_description:"Just a hint"},_label:"Search",_type:"search"}),t.jsx(En,{...r,_placeholder:"Placeholder",_msg:{_type:"error",_description:Nn},_touched:!0,_type:"url",_label:"URL (url)"}),t.jsx(En,{...r,_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"warning",_description:"Small warning"}}),t.jsx(En,{...r,_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"success",_description:"Success message"}}),t.jsx(En,{...r,_placeholder:"Placeholder",_label:"With counter",_hasCounter:!0,_maxLength:10,_value:"Lorem Ipsum"}),t.jsx(En,{...r,_placeholder:"Placeholder",_readOnly:!0,_label:"First name (text, readonly)"}),t.jsx(En,{...r,_value:"Value",_readOnly:!0,_label:"First name (text, readonly)"}),t.jsx(En,{...r,_placeholder:"Placeholder",_disabled:!0,_label:"First name (text, disabled)"}),t.jsx(En,{...r,_value:"Value",_disabled:!0,_label:"First name (text, disabled)"}),t.jsx(En,{...r,_value:"Value",_label:"With access key",_accessKey:"c"}),t.jsx(En,{...r,_value:"Value",_label:"With short key",_shortKey:"s"}),t.jsx(En,{...r,_value:"Value",_label:"With both key",_shortKey:"d",_accessKey:"e"})]})}),g8=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text"}),t.jsx(yy,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text (hideLabel)"}),t.jsx(yy,{ref:l,...r,_hideLabel:!0})]})]})}),f8=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolInputText renders a text input field. The sample shows KolInputText in a form context with all variations and states."})}),t.jsx(oo,{RefComponent:g8})]}),v8=()=>t.jsxs("div",{className:"grid gap-4",children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample shows the ",t.jsx("code",{children:"_hideError"})," feature for KolInputText. It allows to hide the error message from an input field and can be used, when the error is already shown somewhere else, e.g. for a group of inputs."]})}),t.jsx(On,{_label:"Normal input field with error",_level:0,children:t.jsx(En,{_msg:{_type:"error",_description:"Error message"},_label:"Input with error",_touched:!0})}),t.jsx(On,{_label:"Input fields with hidden error",_level:0,children:t.jsxs("fieldset",{className:"grid md:grid-cols-2 gap-4",children:[t.jsx("legend",{children:"Combined input field"}),t.jsx(no,{className:"col-span-2",_level:0,_type:"error",children:"This is a combined error message"}),t.jsx(En,{_msg:{_type:"error",_description:"This is a combined error message"},_hideError:!0,_label:"First input",_touched:!0}),t.jsx(En,{_msg:{_type:"error",_description:"This is a combined error message"},_hideError:!0,_label:"Second input with error",_touched:!0})]})})]});var m8=function(r){return k8(r)&&!y8(r)};function k8(n){return!!n&&typeof n=="object"}function y8(n){var r=Object.prototype.toString.call(n);return r==="[object RegExp]"||r==="[object Date]"||x8(n)}var w8=typeof Symbol=="function"&&Symbol.for,_8=w8?Symbol.for("react.element"):60103;function x8(n){return n.$$typeof===_8}function z8(n){return Array.isArray(n)?[]:{}}function $s(n,r){return r.clone!==!1&&r.isMergeableObject(n)?$i(z8(n),n,r):n}function j8(n,r,l){return n.concat(r).map(function(c){return $s(c,l)})}function S8(n,r,l){var c={};return l.isMergeableObject(n)&&Object.keys(n).forEach(function(s){c[s]=$s(n[s],l)}),Object.keys(r).forEach(function(s){!l.isMergeableObject(r[s])||!n[s]?c[s]=$s(r[s],l):c[s]=$i(n[s],r[s],l)}),c}function $i(n,r,l){l=l||{},l.arrayMerge=l.arrayMerge||j8,l.isMergeableObject=l.isMergeableObject||m8;var c=Array.isArray(r),s=Array.isArray(n),u=c===s;return u?c?l.arrayMerge(n,r,l):S8(n,r,l):$s(r,l)}$i.all=function(r,l){if(!Array.isArray(r))throw new Error("first argument should be an array");return r.reduce(function(c,s){return $i(c,s,l)},{})};var db=$i,Pw=typeof global=="object"&&global&&global.Object===Object&&global,T8=typeof self=="object"&&self&&self.Object===Object&&self,lr=Pw||T8||Function("return this")(),gt=lr.Symbol,Gw=Object.prototype,A8=Gw.hasOwnProperty,E8=Gw.toString,yi=gt?gt.toStringTag:void 0;function O8(n){var r=A8.call(n,yi),l=n[yi];try{n[yi]=void 0;var c=!0}catch{}var s=E8.call(n);return c&&(r?n[yi]=l:delete n[yi]),s}var L8=Object.prototype,C8=L8.toString;function N8(n){return C8.call(n)}var $8="[object Null]",R8="[object Undefined]",wy=gt?gt.toStringTag:void 0;function ra(n){return n==null?n===void 0?R8:$8:wy&&wy in Object(n)?O8(n):N8(n)}function Zw(n,r){return function(l){return n(r(l))}}var Fb=Zw(Object.getPrototypeOf,Object);function ta(n){return n!=null&&typeof n=="object"}var B8="[object Object]",D8=Function.prototype,M8=Object.prototype,Yw=D8.toString,I8=M8.hasOwnProperty,K8=Yw.call(Object);function _y(n){if(!ta(n)||ra(n)!=B8)return!1;var r=Fb(n);if(r===null)return!0;var l=I8.call(r,"constructor")&&r.constructor;return typeof l=="function"&&l instanceof l&&Yw.call(l)==K8}function H8(){this.__data__=[],this.size=0}function Xw(n,r){return n===r||n!==n&&r!==r}function Us(n,r){for(var l=n.length;l--;)if(Xw(n[l][0],r))return l;return-1}var U8=Array.prototype,F8=U8.splice;function V8(n){var r=this.__data__,l=Us(r,n);if(l<0)return!1;var c=r.length-1;return l==c?r.pop():F8.call(r,l,1),--this.size,!0}function q8(n){var r=this.__data__,l=Us(r,n);return l<0?void 0:r[l][1]}function P8(n){return Us(this.__data__,n)>-1}function G8(n,r){var l=this.__data__,c=Us(l,n);return c<0?(++this.size,l.push([n,r])):l[c][1]=r,this}function Br(n){var r=-1,l=n==null?0:n.length;for(this.clear();++r<l;){var c=n[r];this.set(c[0],c[1])}}Br.prototype.clear=H8;Br.prototype.delete=V8;Br.prototype.get=q8;Br.prototype.has=P8;Br.prototype.set=G8;function Z8(){this.__data__=new Br,this.size=0}function Y8(n){var r=this.__data__,l=r.delete(n);return this.size=r.size,l}function X8(n){return this.__data__.get(n)}function Q8(n){return this.__data__.has(n)}function Pi(n){var r=typeof n;return n!=null&&(r=="object"||r=="function")}var W8="[object AsyncFunction]",J8="[object Function]",nO="[object GeneratorFunction]",eO="[object Proxy]";function Qw(n){if(!Pi(n))return!1;var r=ra(n);return r==J8||r==nO||r==W8||r==eO}var Th=lr["__core-js_shared__"],xy=(function(){var n=/[^.]+$/.exec(Th&&Th.keys&&Th.keys.IE_PROTO||"");return n?"Symbol(src)_1."+n:""})();function oO(n){return!!xy&&xy in n}var rO=Function.prototype,tO=rO.toString;function aa(n){if(n!=null){try{return tO.call(n)}catch{}try{return n+""}catch{}}return""}var aO=/[\\^$.*+?()[\]{}|]/g,lO=/^\[object .+?Constructor\]$/,iO=Function.prototype,cO=Object.prototype,sO=iO.toString,dO=cO.hasOwnProperty,uO=RegExp("^"+sO.call(dO).replace(aO,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function hO(n){if(!Pi(n)||oO(n))return!1;var r=Qw(n)?uO:lO;return r.test(aa(n))}function bO(n,r){return n?.[r]}function la(n,r){var l=bO(n,r);return hO(l)?l:void 0}var Ri=la(lr,"Map"),Bi=la(Object,"create");function pO(){this.__data__=Bi?Bi(null):{},this.size=0}function gO(n){var r=this.has(n)&&delete this.__data__[n];return this.size-=r?1:0,r}var fO="__lodash_hash_undefined__",vO=Object.prototype,mO=vO.hasOwnProperty;function kO(n){var r=this.__data__;if(Bi){var l=r[n];return l===fO?void 0:l}return mO.call(r,n)?r[n]:void 0}var yO=Object.prototype,wO=yO.hasOwnProperty;function _O(n){var r=this.__data__;return Bi?r[n]!==void 0:wO.call(r,n)}var xO="__lodash_hash_undefined__";function zO(n,r){var l=this.__data__;return this.size+=this.has(n)?0:1,l[n]=Bi&&r===void 0?xO:r,this}function Wt(n){var r=-1,l=n==null?0:n.length;for(this.clear();++r<l;){var c=n[r];this.set(c[0],c[1])}}Wt.prototype.clear=pO;Wt.prototype.delete=gO;Wt.prototype.get=kO;Wt.prototype.has=_O;Wt.prototype.set=zO;function jO(){this.size=0,this.__data__={hash:new Wt,map:new(Ri||Br),string:new Wt}}function SO(n){var r=typeof n;return r=="string"||r=="number"||r=="symbol"||r=="boolean"?n!=="__proto__":n===null}function Fs(n,r){var l=n.__data__;return SO(r)?l[typeof r=="string"?"string":"hash"]:l.map}function TO(n){var r=Fs(this,n).delete(n);return this.size-=r?1:0,r}function AO(n){return Fs(this,n).get(n)}function EO(n){return Fs(this,n).has(n)}function OO(n,r){var l=Fs(this,n),c=l.size;return l.set(n,r),this.size+=l.size==c?0:1,this}function kt(n){var r=-1,l=n==null?0:n.length;for(this.clear();++r<l;){var c=n[r];this.set(c[0],c[1])}}kt.prototype.clear=jO;kt.prototype.delete=TO;kt.prototype.get=AO;kt.prototype.has=EO;kt.prototype.set=OO;var LO=200;function CO(n,r){var l=this.__data__;if(l instanceof Br){var c=l.__data__;if(!Ri||c.length<LO-1)return c.push([n,r]),this.size=++l.size,this;l=this.__data__=new kt(c)}return l.set(n,r),this.size=l.size,this}function ul(n){var r=this.__data__=new Br(n);this.size=r.size}ul.prototype.clear=Z8;ul.prototype.delete=Y8;ul.prototype.get=X8;ul.prototype.has=Q8;ul.prototype.set=CO;function NO(n,r){for(var l=-1,c=n==null?0:n.length;++l<c&&r(n[l],l,n)!==!1;);return n}var zy=(function(){try{var n=la(Object,"defineProperty");return n({},"",{}),n}catch{}})();function Ww(n,r,l){r=="__proto__"&&zy?zy(n,r,{configurable:!0,enumerable:!0,value:l,writable:!0}):n[r]=l}var $O=Object.prototype,RO=$O.hasOwnProperty;function Jw(n,r,l){var c=n[r];(!(RO.call(n,r)&&Xw(c,l))||l===void 0&&!(r in n))&&Ww(n,r,l)}function Vs(n,r,l,c){var s=!l;l||(l={});for(var u=-1,b=r.length;++u<b;){var g=r[u],p=void 0;p===void 0&&(p=n[g]),s?Ww(l,g,p):Jw(l,g,p)}return l}function BO(n,r){for(var l=-1,c=Array(n);++l<n;)c[l]=r(l);return c}var DO="[object Arguments]";function jy(n){return ta(n)&&ra(n)==DO}var n_=Object.prototype,MO=n_.hasOwnProperty,IO=n_.propertyIsEnumerable,KO=jy((function(){return arguments})())?jy:function(n){return ta(n)&&MO.call(n,"callee")&&!IO.call(n,"callee")},Gi=Array.isArray;function HO(){return!1}var e_=typeof exports=="object"&&exports&&!exports.nodeType&&exports,Sy=e_&&typeof module=="object"&&module&&!module.nodeType&&module,UO=Sy&&Sy.exports===e_,Ty=UO?lr.Buffer:void 0,FO=Ty?Ty.isBuffer:void 0,o_=FO||HO,VO=9007199254740991,qO=/^(?:0|[1-9]\d*)$/;function PO(n,r){var l=typeof n;return r=r??VO,!!r&&(l=="number"||l!="symbol"&&qO.test(n))&&n>-1&&n%1==0&&n<r}var GO=9007199254740991;function r_(n){return typeof n=="number"&&n>-1&&n%1==0&&n<=GO}var ZO="[object Arguments]",YO="[object Array]",XO="[object Boolean]",QO="[object Date]",WO="[object Error]",JO="[object Function]",nL="[object Map]",eL="[object Number]",oL="[object Object]",rL="[object RegExp]",tL="[object Set]",aL="[object String]",lL="[object WeakMap]",iL="[object ArrayBuffer]",cL="[object DataView]",sL="[object Float32Array]",dL="[object Float64Array]",uL="[object Int8Array]",hL="[object Int16Array]",bL="[object Int32Array]",pL="[object Uint8Array]",gL="[object Uint8ClampedArray]",fL="[object Uint16Array]",vL="[object Uint32Array]",de={};de[sL]=de[dL]=de[uL]=de[hL]=de[bL]=de[pL]=de[gL]=de[fL]=de[vL]=!0;de[ZO]=de[YO]=de[iL]=de[XO]=de[cL]=de[QO]=de[WO]=de[JO]=de[nL]=de[eL]=de[oL]=de[rL]=de[tL]=de[aL]=de[lL]=!1;function mL(n){return ta(n)&&r_(n.length)&&!!de[ra(n)]}function Vb(n){return function(r){return n(r)}}var t_=typeof exports=="object"&&exports&&!exports.nodeType&&exports,ji=t_&&typeof module=="object"&&module&&!module.nodeType&&module,kL=ji&&ji.exports===t_,Ah=kL&&Pw.process,ll=(function(){try{var n=ji&&ji.require&&ji.require("util").types;return n||Ah&&Ah.binding&&Ah.binding("util")}catch{}})(),Ay=ll&&ll.isTypedArray,yL=Ay?Vb(Ay):mL,wL=Object.prototype,_L=wL.hasOwnProperty;function a_(n,r){var l=Gi(n),c=!l&&KO(n),s=!l&&!c&&o_(n),u=!l&&!c&&!s&&yL(n),b=l||c||s||u,g=b?BO(n.length,String):[],p=g.length;for(var f in n)(r||_L.call(n,f))&&!(b&&(f=="length"||s&&(f=="offset"||f=="parent")||u&&(f=="buffer"||f=="byteLength"||f=="byteOffset")||PO(f,p)))&&g.push(f);return g}var xL=Object.prototype;function qb(n){var r=n&&n.constructor,l=typeof r=="function"&&r.prototype||xL;return n===l}var zL=Zw(Object.keys,Object),jL=Object.prototype,SL=jL.hasOwnProperty;function TL(n){if(!qb(n))return zL(n);var r=[];for(var l in Object(n))SL.call(n,l)&&l!="constructor"&&r.push(l);return r}function l_(n){return n!=null&&r_(n.length)&&!Qw(n)}function Pb(n){return l_(n)?a_(n):TL(n)}function AL(n,r){return n&&Vs(r,Pb(r),n)}function EL(n){var r=[];if(n!=null)for(var l in Object(n))r.push(l);return r}var OL=Object.prototype,LL=OL.hasOwnProperty;function CL(n){if(!Pi(n))return EL(n);var r=qb(n),l=[];for(var c in n)c=="constructor"&&(r||!LL.call(n,c))||l.push(c);return l}function Gb(n){return l_(n)?a_(n,!0):CL(n)}function NL(n,r){return n&&Vs(r,Gb(r),n)}var i_=typeof exports=="object"&&exports&&!exports.nodeType&&exports,Ey=i_&&typeof module=="object"&&module&&!module.nodeType&&module,$L=Ey&&Ey.exports===i_,Oy=$L?lr.Buffer:void 0,Ly=Oy?Oy.allocUnsafe:void 0;function RL(n,r){if(r)return n.slice();var l=n.length,c=Ly?Ly(l):new n.constructor(l);return n.copy(c),c}function c_(n,r){var l=-1,c=n.length;for(r||(r=Array(c));++l<c;)r[l]=n[l];return r}function BL(n,r){for(var l=-1,c=n==null?0:n.length,s=0,u=[];++l<c;){var b=n[l];r(b,l,n)&&(u[s++]=b)}return u}function s_(){return[]}var DL=Object.prototype,ML=DL.propertyIsEnumerable,Cy=Object.getOwnPropertySymbols,Zb=Cy?function(n){return n==null?[]:(n=Object(n),BL(Cy(n),function(r){return ML.call(n,r)}))}:s_;function IL(n,r){return Vs(n,Zb(n),r)}function d_(n,r){for(var l=-1,c=r.length,s=n.length;++l<c;)n[s+l]=r[l];return n}var KL=Object.getOwnPropertySymbols,u_=KL?function(n){for(var r=[];n;)d_(r,Zb(n)),n=Fb(n);return r}:s_;function HL(n,r){return Vs(n,u_(n),r)}function h_(n,r,l){var c=r(n);return Gi(n)?c:d_(c,l(n))}function UL(n){return h_(n,Pb,Zb)}function FL(n){return h_(n,Gb,u_)}var ub=la(lr,"DataView"),hb=la(lr,"Promise"),bb=la(lr,"Set"),pb=la(lr,"WeakMap"),Ny="[object Map]",VL="[object Object]",$y="[object Promise]",Ry="[object Set]",By="[object WeakMap]",Dy="[object DataView]",qL=aa(ub),PL=aa(Ri),GL=aa(hb),ZL=aa(bb),YL=aa(pb),jr=ra;(ub&&jr(new ub(new ArrayBuffer(1)))!=Dy||Ri&&jr(new Ri)!=Ny||hb&&jr(hb.resolve())!=$y||bb&&jr(new bb)!=Ry||pb&&jr(new pb)!=By)&&(jr=function(n){var r=ra(n),l=r==VL?n.constructor:void 0,c=l?aa(l):"";if(c)switch(c){case qL:return Dy;case PL:return Ny;case GL:return $y;case ZL:return Ry;case YL:return By}return r});var XL=Object.prototype,QL=XL.hasOwnProperty;function WL(n){var r=n.length,l=new n.constructor(r);return r&&typeof n[0]=="string"&&QL.call(n,"index")&&(l.index=n.index,l.input=n.input),l}var My=lr.Uint8Array;function Yb(n){var r=new n.constructor(n.byteLength);return new My(r).set(new My(n)),r}function JL(n,r){var l=r?Yb(n.buffer):n.buffer;return new n.constructor(l,n.byteOffset,n.byteLength)}var nC=/\w*$/;function eC(n){var r=new n.constructor(n.source,nC.exec(n));return r.lastIndex=n.lastIndex,r}var Iy=gt?gt.prototype:void 0,Ky=Iy?Iy.valueOf:void 0;function oC(n){return Ky?Object(Ky.call(n)):{}}function rC(n,r){var l=r?Yb(n.buffer):n.buffer;return new n.constructor(l,n.byteOffset,n.length)}var tC="[object Boolean]",aC="[object Date]",lC="[object Map]",iC="[object Number]",cC="[object RegExp]",sC="[object Set]",dC="[object String]",uC="[object Symbol]",hC="[object ArrayBuffer]",bC="[object DataView]",pC="[object Float32Array]",gC="[object Float64Array]",fC="[object Int8Array]",vC="[object Int16Array]",mC="[object Int32Array]",kC="[object Uint8Array]",yC="[object Uint8ClampedArray]",wC="[object Uint16Array]",_C="[object Uint32Array]";function xC(n,r,l){var c=n.constructor;switch(r){case hC:return Yb(n);case tC:case aC:return new c(+n);case bC:return JL(n,l);case pC:case gC:case fC:case vC:case mC:case kC:case yC:case wC:case _C:return rC(n,l);case lC:return new c;case iC:case dC:return new c(n);case cC:return eC(n);case sC:return new c;case uC:return oC(n)}}var Hy=Object.create,zC=(function(){function n(){}return function(r){if(!Pi(r))return{};if(Hy)return Hy(r);n.prototype=r;var l=new n;return n.prototype=void 0,l}})();function jC(n){return typeof n.constructor=="function"&&!qb(n)?zC(Fb(n)):{}}var SC="[object Map]";function TC(n){return ta(n)&&jr(n)==SC}var Uy=ll&&ll.isMap,AC=Uy?Vb(Uy):TC,EC="[object Set]";function OC(n){return ta(n)&&jr(n)==EC}var Fy=ll&&ll.isSet,LC=Fy?Vb(Fy):OC,CC=1,NC=2,$C=4,b_="[object Arguments]",RC="[object Array]",BC="[object Boolean]",DC="[object Date]",MC="[object Error]",p_="[object Function]",IC="[object GeneratorFunction]",KC="[object Map]",HC="[object Number]",g_="[object Object]",UC="[object RegExp]",FC="[object Set]",VC="[object String]",qC="[object Symbol]",PC="[object WeakMap]",GC="[object ArrayBuffer]",ZC="[object DataView]",YC="[object Float32Array]",XC="[object Float64Array]",QC="[object Int8Array]",WC="[object Int16Array]",JC="[object Int32Array]",nN="[object Uint8Array]",eN="[object Uint8ClampedArray]",oN="[object Uint16Array]",rN="[object Uint32Array]",se={};se[b_]=se[RC]=se[GC]=se[ZC]=se[BC]=se[DC]=se[YC]=se[XC]=se[QC]=se[WC]=se[JC]=se[KC]=se[HC]=se[g_]=se[UC]=se[FC]=se[VC]=se[qC]=se[nN]=se[eN]=se[oN]=se[rN]=!0;se[MC]=se[p_]=se[PC]=!1;function Si(n,r,l,c,s,u){var b,g=r&CC,p=r&NC,f=r&$C;if(b!==void 0)return b;if(!Pi(n))return n;var m=Gi(n);if(m){if(b=WL(n),!g)return c_(n,b)}else{var y=jr(n),_=y==p_||y==IC;if(o_(n))return RL(n,g);if(y==g_||y==b_||_&&!s){if(b=p||_?{}:jC(n),!g)return p?HL(n,NL(b,n)):IL(n,AL(b,n))}else{if(!se[y])return s?n:{};b=xC(n,y,g)}}u||(u=new ul);var S=u.get(n);if(S)return S;u.set(n,b),LC(n)?n.forEach(function(E){b.add(Si(E,r,l,E,n,u))}):AC(n)&&n.forEach(function(E,x){b.set(x,Si(E,r,l,x,n,u))});var O=f?p?FL:UL:p?Gb:Pb,A=m?void 0:O(n);return NO(A||n,function(E,x){A&&(x=E,E=n[x]),Jw(b,x,Si(E,r,l,x,n,u))}),b}var tN=1,aN=4;function us(n){return Si(n,tN|aN)}var Eh,Vy;function lN(){if(Vy)return Eh;Vy=1;var n=Array.isArray,r=Object.keys,l=Object.prototype.hasOwnProperty,c=typeof Element<"u";function s(u,b){if(u===b)return!0;if(u&&b&&typeof u=="object"&&typeof b=="object"){var g=n(u),p=n(b),f,m,y;if(g&&p){if(m=u.length,m!=b.length)return!1;for(f=m;f--!==0;)if(!s(u[f],b[f]))return!1;return!0}if(g!=p)return!1;var _=u instanceof Date,S=b instanceof Date;if(_!=S)return!1;if(_&&S)return u.getTime()==b.getTime();var O=u instanceof RegExp,A=b instanceof RegExp;if(O!=A)return!1;if(O&&A)return u.toString()==b.toString();var E=r(u);if(m=E.length,m!==r(b).length)return!1;for(f=m;f--!==0;)if(!l.call(b,E[f]))return!1;if(c&&u instanceof Element&&b instanceof Element)return u===b;for(f=m;f--!==0;)if(y=E[f],!(y==="_owner"&&u.$$typeof)&&!s(u[y],b[y]))return!1;return!0}return u!==u&&b!==b}return Eh=function(b,g){try{return s(b,g)}catch(p){if(p.message&&p.message.match(/stack|recursion/i)||p.number===-2146828260)return console.warn("Warning: react-fast-compare does not handle circular references.",p.name,p.message),!1;throw p}},Eh}var iN=lN();const Ft=wb(iN);var cN=4;function qy(n){return Si(n,cN)}function f_(n,r){for(var l=-1,c=n==null?0:n.length,s=Array(c);++l<c;)s[l]=r(n[l],l,n);return s}var sN="[object Symbol]";function Xb(n){return typeof n=="symbol"||ta(n)&&ra(n)==sN}var dN="Expected a function";function Qb(n,r){if(typeof n!="function"||r!=null&&typeof r!="function")throw new TypeError(dN);var l=function(){var c=arguments,s=r?r.apply(this,c):c[0],u=l.cache;if(u.has(s))return u.get(s);var b=n.apply(this,c);return l.cache=u.set(s,b)||u,b};return l.cache=new(Qb.Cache||kt),l}Qb.Cache=kt;var uN=500;function hN(n){var r=Qb(n,function(c){return l.size===uN&&l.clear(),c}),l=r.cache;return r}var bN=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,pN=/\\(\\)?/g,gN=hN(function(n){var r=[];return n.charCodeAt(0)===46&&r.push(""),n.replace(bN,function(l,c,s,u){r.push(s?u.replace(pN,"$1"):c||l)}),r});function fN(n){if(typeof n=="string"||Xb(n))return n;var r=n+"";return r=="0"&&1/n==-1/0?"-0":r}var Py=gt?gt.prototype:void 0,Gy=Py?Py.toString:void 0;function v_(n){if(typeof n=="string")return n;if(Gi(n))return f_(n,v_)+"";if(Xb(n))return Gy?Gy.call(n):"";var r=n+"";return r=="0"&&1/n==-1/0?"-0":r}function vN(n){return n==null?"":v_(n)}function m_(n){return Gi(n)?f_(n,fN):Xb(n)?[n]:c_(gN(vN(n)))}var Oh={exports:{}},Qn={};/** @license React v16.13.1
+}`;const iE=qi.createTheme("itzbund",{GLOBAL:m3,"KOL-ACCORDION":k3,"KOL-ALERT":y3,"KOL-BADGE":w3,"KOL-BREADCRUMB":_3,"KOL-BUTTON":x3,"KOL-BUTTON-GROUP":z3,"KOL-BUTTON-LINK":j3,"KOL-CARD":S3,"KOL-COMBOBOX":T3,"KOL-DETAILS":A3,"KOL-DRAWER":E3,"KOL-FORM":O3,"KOL-HEADING":L3,"KOL-INDENTED-TEXT":C3,"KOL-INPUT-CHECKBOX":N3,"KOL-INPUT-COLOR":$3,"KOL-INPUT-DATE":R3,"KOL-INPUT-EMAIL":B3,"KOL-INPUT-FILE":D3,"KOL-INPUT-NUMBER":M3,"KOL-INPUT-PASSWORD":I3,"KOL-INPUT-RADIO":K3,"KOL-INPUT-TEXT":H3,"KOL-LINK":F3,"KOL-LINK-BUTTON":U3,"KOL-NAV":V3,"KOL-PAGINATION":q3,"KOL-POPOVER-BUTTON":P3,"KOL-PROGRESS":G3,"KOL-SELECT":Z3,"KOL-SINGLE-SELECT":Y3,"KOL-SKIP-NAV":X3,"KOL-SPIN":Q3,"KOL-SPLIT-BUTTON":W3,"KOL-TABLE-STATEFUL":J3,"KOL-TABLE-STATELESS":nE,"KOL-TABS":eE,"KOL-TEXTAREA":oE,"KOL-TOAST-CONTAINER":rE,"KOL-TOOLBAR":tE,"KOL-TREE":aE,"KOL-TREE-ITEM":lE}),cE="2.2.16",ib={version:cE},sE=()=>{const n={onClick:()=>history.back()};return t.jsxs(no,{_label:"This is an example page",_level:0,_type:"info",children:[t.jsx("p",{children:"You followed an example link."}),history.length>1&&t.jsx(U,{_label:"Go Back",_on:n})]})},Kw=["default","ecl-ec","ecl-eu","itzbund","bwst","unstyled"],dE=["ecl-ec","ecl-eu","itzbund"],uE=n=>dE.includes(n),Ib=n=>Kw.find(r=>r===n)!==void 0,Kb=[{label:"Unstyled (Uncolored)",value:"unstyled"},{label:"Default (Tested)",value:"default"},{label:"BWSt (Tested)",value:"bwst"},{label:"European Commission (Draft)",value:"ecl-ec"},{label:"European Union (Draft)",value:"ecl-eu"},{label:"Informationstechnikzentrum Bund (Draft)",value:"itzbund"}];function hE(){const n=matchMedia("(max-width: 1023px)"),[r,l]=w.useState(n.matches),c=()=>{l(n.matches)};return w.useEffect(()=>(c(),n.addEventListener("change",c),()=>{n.removeEventListener("change",c)}),[n]),r}function bE({children:n}){return hE()?t.jsx(Ke,{_label:"All components",class:"mt",children:n}):t.jsx("div",{className:"mt scrollable-container",children:n})}function dy({label:n,to:r,children:l}){const c=B1(r),s=cl(r),u=o2({path:s.pathname,end:!0});return t.jsx(Ne,{_label:n,_href:c,_active:!!u,children:l})}function pE({routes:n}){const r=(c,s)=>Object.keys(s).map(u=>{const b=c==="tree"&&u==="basic/:subPage",g=b?"basic/home":u,p=b?"basic":u;return t.jsx(dy,{label:p,to:[c,g].join("/")},[c,u].join("/"))}),l=Object.entries(n).map(([c,s])=>t.jsx(dy,{label:c,to:c,children:r(c,s)},c));return t.jsx(bE,{children:t.jsx("nav",{children:t.jsx(A1,{_label:"Navigation",class:"block",children:l})})})}const gE=({buildDate:n,commitHash:r})=>!n&&!r?"":t.jsx("div",{className:"text-sm font-mono color-gray-5 m-t-2",children:n&&r?t.jsxs(t.Fragment,{children:["Build: ",r,t.jsx("br",{}),"at ",n]}):r?`Build: ${r}`:`Build date: ${n}`}),fE=({version:n,theme:r,routes:l,routeList:c,sample:s,buildDate:u,commitHash:b,onThemeChange:g})=>{const p=()=>c.indexOf(s),f=()=>s.replace(/\//g," "),m=(S,O)=>{g(O[0])},y=()=>{const S=p(),O=S<=0?c.length-1:S-1;location.replace(`#${c[O]}`)},_=()=>{const S=p(),O=S===c.length-1?0:S+1;location.replace(`#${c[O]}`)};return t.jsx("aside",{className:"app-sidebar p-4",children:t.jsxs("div",{className:"scrollable-container-wrapper",children:[t.jsxs("div",{className:"flex flex-justify-between flex-items-center",children:[t.jsx(an,{_label:"KoliBri React"}),t.jsx(Ms,{_label:n})]}),t.jsx(gE,{buildDate:u,commitHash:b}),t.jsx($e,{_label:"Theme",_options:Kb,_on:{onChange:m},_value:[r],class:"mt"}),t.jsx(an,{_label:"Components",_level:2,className:"block mt"}),t.jsxs("div",{className:"flex flex-justify-between flex-items-center mt",children:[t.jsx(U,{_icons:"codicon codicon-arrow-left",_hideLabel:!0,_label:"Previous component",_on:{onClick:y}}),t.jsxs("span",{className:"text-base text-center",children:[f()," (",p()+1,"/",c.length,")"]}),t.jsx(U,{_icons:"codicon codicon-arrow-right",_hideLabel:!0,_label:"Next component",_on:{onClick:_}})]}),t.jsx(pE,{routes:l})]})})},vE=()=>{const n=Co();W2("#"+n.pathname)},mt=w.createContext(null),mE="https://public-ui.github.io/v2/docs/components",kE="https://github.com/public-ui/kolibri/blob/release/2/packages/samples/react/src/components",Nn="I am an error message!",ut="I am a hint.",H=n=>{const r=w.useContext(mt),l=Co(),c=l.pathname.split("/").slice(1),s=w.useMemo(()=>c[0]==="scenarios"?null:`${mE}/${c[0]}`,[l.hash]),u=w.useMemo(()=>c[0]==="scenarios"?null:`${kE}/${c[0]}/${c[1]}.tsx`,[l.hash]);return t.jsxs(t.Fragment,{children:[t.jsx("h1",{className:"visually-hidden",children:l.pathname.replace(/\//g," ")}),r?null:t.jsxs("div",{className:"grid sm:flex gap-4 justify-between pb-sm border-b-1 border-b-solid border-gray mb-2",children:[t.jsx("div",{className:"indented-text",children:n.children}),t.jsxs("ul",{className:"flex flex-wrap gap-2 m-0 p-0 list-none",children:[u&&t.jsx("li",{children:t.jsx(gn,{_href:u,_label:"Code",_target:"_blank"})}),s&&t.jsx("li",{children:t.jsx(gn,{_href:s,_label:"Documentation",_target:"_blank"})}),t.jsx("li",{children:t.jsx(gn,{_href:`#${l.pathname}?hideMenus`,_label:"Standalone example",_target:"_blank"})})]})]})]})},yE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolAbbr shows the full expansion of an abbreviated term on mouse over. The sample illustrates the different possible alignments for the tooltip."})}),t.jsxs("p",{children:["I am ",t.jsx(rr,{_label:"zum Beispiel",children:"e.g."})," an abbreviation."]}),t.jsxs("p",{children:["I am"," ",t.jsx(rr,{_label:"zum Beispiel",_tooltipAlign:"right",children:"e.g."})," ","an abbreviation (right)."]}),t.jsxs("p",{children:["I am"," ",t.jsx(rr,{_label:"zum Beispiel",_tooltipAlign:"bottom",children:"e.g."})," ","an abbreviation (below)."]}),t.jsxs("p",{children:["I am"," ",t.jsx(rr,{_label:"zum Beispiel",_tooltipAlign:"left",children:"e.g."})," ","an abbreviation (left)."]}),t.jsxs("p",{children:["I am"," ",t.jsx(rr,{_label:"zum Beispiel",_tooltipAlign:"top",children:"e.g."})," ","an abbreviation (top)."]})]}),wE={abbr:{basic:yE}},_E=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["KolAccordion hides its content until opened. The open state can be toggled by clicking the headline or by setting the ",t.jsx("code",{children:"_open"}),"-prop programmatically. Additionally, the sample shows the disabled state for a closed and an open accordion."]})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Ke,{_label:"Heading Accordion Tab 1",_open:!0,children:"Contents Accordion Tab 1"}),t.jsx(Ke,{_label:"Heading Accordion Tab 2",children:"Contents Accordion Tab 2"}),t.jsx(Ke,{_label:"Heading Accordion Tab 2 (deactivated)",_disabled:!0}),t.jsx(Ke,{_label:"Heading Accordion Tab 2 (disabled and open)",_disabled:!0,_open:!0,children:"Contents Accordion Tab 2"})]})]}),xE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolAccordion with the different heading levels from 1-6."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Ke,{_label:"Heading Level 1",_level:1,children:"Contents Accordion Tab 1"}),t.jsx(Ke,{_label:"Heading Level 2",_level:2,children:"Contents Accordion Tab 2"}),t.jsx(Ke,{_label:"Heading Level 3",_level:3,children:"Contents Accordion Tab 3"}),t.jsx(Ke,{_label:"Heading Level 4",_level:4,children:"Contents Accordion Tab 4"}),t.jsx(Ke,{_label:"Heading Level 5",_level:5,children:"Contents Accordion Tab 5"}),t.jsx(Ke,{_label:"Heading Level 6",_level:6,children:"Contents Accordion Tab 6"})]})]}),zE={accordion:{basic:_E,headlines:xE}},mi=({level:n,type:r,variant:l})=>t.jsxs(t.Fragment,{children:[t.jsx(no,{_label:`This is the headline level ${n} of the alert.`,_level:n,_type:r,_variant:l,children:"This is the text of the alert."}),t.jsx(no,{_type:r,_variant:l,children:"In this alert, only the text without the heading is used."}),t.jsx(no,{_label:`This is the headline level ${n} of the alert.`,_level:n,_type:r,_variant:l,_hasCloser:!0,children:"This is the text of the alert. With close button."}),t.jsx(no,{_type:r,_variant:l,_hasCloser:!0,children:"In this alert, only the text without the heading is used. With close button."})]}),Hw=({variant:n="msg"})=>t.jsxs("div",{className:"grid gap-4",children:[t.jsx(mi,{level:1,type:"default",variant:n}),t.jsx(mi,{level:2,type:"error",variant:n}),t.jsx(mi,{level:3,type:"info",variant:n}),t.jsx(mi,{level:4,type:"success",variant:n}),t.jsx(mi,{level:5,type:"warning",variant:n})]}),jE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["KolAlert shows messages of different types. This sample illustrates the variant ",t.jsx("code",{children:"msg"}),", showing all possible types with and without headlines and close buttons."]})}),t.jsx(Hw,{variant:"msg"})]}),SE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["KolAlert shows messages of different types. This sample illustrates the variant ",t.jsx("code",{children:"card"}),", showing all possible types with and without headlines and close buttons."]})}),t.jsx("section",{className:"w-full",children:t.jsx(Hw,{variant:"card"})})]}),TE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows how KolAlert can be used with arbitrary HTML as slot content."})}),t.jsx("div",{children:t.jsxs(no,{_label:"Output of HTML code in the alert",_variant:"card",_type:"info",children:[t.jsx("div",{className:"mt-2 mb-3",children:t.jsx(an,{_level:2,_label:"An H2 heading is output here"})}),t.jsxs("div",{className:"grid gap-4 sm:grid-cols-2",children:[t.jsxs("div",{children:[t.jsx("h3",{children:"Text in a left-hand column"}),t.jsx("p",{children:"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.jsxs("div",{children:[t.jsx("h3",{children:"Text in einer rechten Spalte"}),t.jsx("p",{children:"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!"})]})]})]})})]}),AE={alert:{basic:jE,"card-msg":SE,html:TE}},EE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"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.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(dh,{_src:"https://www.w3schools.com/howto/img_avatar.png",_label:"Elke Mustermann"}),t.jsx(dh,{_label:"Elke Mustermann "}),t.jsx(dh,{_label:"Marianne"})]})]}),OE={avatar:{basic:EE}},LE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolBadge shows badges with a label, background color and optional icon."})}),t.jsxs("div",{className:"flex flex-wrap gap-2",children:[t.jsx(Vn,{_label:"black"}),t.jsx(Vn,{_color:"#86ffc6",_label:"teal"}),t.jsx(Vn,{_color:"#06539e",_label:"blue"}),t.jsx(Vn,{_color:"#ae0000",_label:"red with icon",_icons:"codicon codicon-smiley"}),t.jsx(Vn,{_color:"#8b008b",_label:"purple with icon",_icons:"codicon codicon-squirrel"})]})]}),ki=n=>({_label:n,_smartButton:{_icons:"codicon codicon-close",_label:`Remove ${n}`,_on:{onClick:()=>alert("clicked")}}}),CE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample shows KolBadge with an optional ",t.jsx("code",{children:"smartButton"}),'. The sample defines a "close" button with X-icon a click event listener.']})}),t.jsxs("div",{className:"flex flex-wrap gap-2",children:[t.jsx(Vn,{...ki("black")}),t.jsx(Vn,{_color:"#86ffc6",...ki("teal")}),t.jsx(Vn,{_color:"#06539e",...ki("blue")}),t.jsx(Vn,{_color:"#ae0000",_icons:"codicon codicon-smiley",...ki("red with icon")}),t.jsx(Vn,{_color:"#8b008b",_icons:"codicon codicon-squirrel",...ki("purple with icon")})]})]}),NE={badge:{basic:LE,button:CE}},$E=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolBreadcrumb shows a breadcrumb navigation. The sample illustrates a variation of link, text and icon elements."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(vs,{_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.jsx(vs,{_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.jsx(vs,{_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"}]})]})]}),RE={breadcrumb:{basic:$E}};function Ae(){const n=vt.getInstance(document),r=s=>{n.enqueue({description:s||"Hello",label:"Hello",type:"info"})};return{dummyClickEventHandler:()=>{r()},buttonWithTextClickEventHandler:s=>{const u=s.currentTarget.textContent;r(u)}}}const BE=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsxs(H,{children:[t.jsx("p",{children:"KolButtonGroup shows multiple KolButton-elements visually grouped together."}),t.jsx("p",{children:t.jsx(Vn,{_label:"The component is deprecated and won't be available anymore in KoliBri version 3.",_color:"#db5461"})})]}),t.jsxs(yz,{children:[t.jsx(U,{_label:"Active",_variant:"primary",_on:r}),t.jsx(U,{_label:"Not active",_disabled:!0}),t.jsx(U,{_label:"Active",_icons:"codicon codicon-home",_variant:"danger",_on:r}),t.jsx(U,{_label:"Active",_icons:"codicon codicon-trash",_hideLabel:!0,_variant:"ghost",_on:r})]})]})},DE={"button-group":{basic:BE}},ME=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["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.jsx("code",{children:"block"}),", ",t.jsx("code",{children:"inline-block"})," and ",t.jsx("code",{children:"inline"}),". It also demonstrates the disabled-state."]})}),t.jsxs("section",{className:"text-base",children:[t.jsxs("p",{children:["In this paragraph, a link is inserted that contains no additional attributes. ",t.jsx(Xn,{_label:"Simple Link"})," It is rendered by default as an"," ",t.jsx("strong",{children:"inline element"}),"."]}),t.jsxs("p",{children:["In this paragraph, a link is inserted that is rendered as an inline-block element.",t.jsx(Xn,{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.jsx("br",{}),t.jsx("br",{}),"After that, there is a link that is rendered as a block element.",t.jsx(Xn,{style:{display:"block"},_label:"Simple Link"}),"Therefore, I go over the entire width of the parent element to create a line break."]}),t.jsx("p",{children:t.jsx(Xn,{_label:"Disabled ButtonLink",_disabled:!0})}),t.jsx("p",{children:t.jsx(Xn,{_label:"With access key",_accessKey:"c",_on:r})}),t.jsx("p",{children:t.jsx(Xn,{_label:"Disabled ButtonLink",_shortKey:"s"})})]})]})},IE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolButtonLink with icons in different locations."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Xn,{_icons:"codicon codicon-home",_label:"Ich bin ein Link mit Icon links"}),t.jsx(Xn,{_icons:{right:"codicon codicon-home"},_label:"I am a link with an icon on the right"}),t.jsx(Xn,{_icons:{top:"codicon codicon-home"},_label:"I am a link with an icon at the top"}),t.jsx(Xn,{_icons:{bottom:"codicon codicon-home"},_label:"I am a link with icon below"}),t.jsx(Xn,{_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"})]})]}),KE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolButtonLink with slot-content instead of a label. The sample uses an image as content."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Xn,{_label:"I am a link that is rendered as text"}),t.jsx(Xn,{_label:"",children:t.jsx("img",{alt:"Presentation of the KoliBri theming",slot:"expert",src:"abgrenzung.jpg",width:"300"})})]})]}),HE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolButtonLink with aria-description"})}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(Xn,{_label:"Button Text without area description"}),t.jsx(Xn,{_label:"Button Text",_ariaDescription:"Button Area Description"})]})]}),UE={"button-link":{basic:ME,icons:IE,image:KE,"aria-description":HE}},FE=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample shows KolButton with"," ",t.jsx(gn,{_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.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(U,{_label:"With S access key",_accessKey:"S",_on:r}),t.jsx(U,{_label:"Very small b",_accessKey:"b",_on:r}),t.jsx(U,{_label:"Access key does not appear in label",_accessKey:"x",_on:r}),t.jsx(U,{_label:"access key without label",_hideLabel:!0,_accessKey:"a",_icons:"codicon codicon-dashboard",_on:r}),t.jsx(U,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_accessKey:"n",_on:r})]})]})},VE=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolButton with aria-description"})}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(U,{_label:"Button Text without area description",_on:r}),t.jsx(U,{_label:"Button Text",_ariaDescription:"Button Area Description",_on:r})]})]})},qE=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This KolButton sample is used for internal testing purposes: It features multiple buttons with and without icons which are vertically aligned."})}),t.jsxs("div",{className:"flex flex-wrap gap-2",children:[t.jsx(U,{_label:"Label-Text",_on:r}),t.jsx(U,{_label:"Label-Text",_on:r}),t.jsx(U,{_label:"Label-Text",_on:r}),t.jsx(U,{_icons:"codicon codicon-reactions",_label:"Label-Text with Icon",_on:r})]})]})},PE=n=>{const{children:r,...l}=n,{dummyClickEventHandler:c}=Ae(),s={onClick:c};return t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(U,{_icons:"codicon codicon-home",_label:"Primary",_variant:"primary",_on:s,...l,children:r}),t.jsx(U,{_icons:"codicon codicon-heart",_label:"Secondary",_variant:"secondary",_on:s,...l,children:r}),t.jsx(U,{_icons:"codicon codicon-hubot",_label:"Tertiary",_variant:"tertiary",_on:s,...l,children:r}),t.jsx(U,{_icons:"codicon codicon-hubot",_label:"Normal",_variant:"normal",_on:s,...l,children:r}),t.jsx(U,{_icons:"codicon codicon-trash",_label:"Danger",_variant:"danger",_on:s,...l,children:r}),t.jsx(U,{_icons:"codicon codicon-reactions",_label:"Ghost",_variant:"ghost",_on:s,...l,children:r})]})},Uw=(n={})=>{const r=[{label:"Button",buttonProps:n},{label:"Button (disabled)",buttonProps:{...n,_disabled:!0}},{label:"Button (hideLabel)",buttonProps:{...n,_hideLabel:!0}},{label:"Button (disabled, hideLabel)",buttonProps:{...n,_disabled:!0,_hideLabel:!0}}];return t.jsx("div",{className:"grid gap-8",children:r.map(({label:l,buttonProps:c},s)=>t.jsxs("section",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:l}),t.jsx(PE,{...c})]},s))})},GE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolButton shows a button-element. This sample demonstrates the basic usage with its different styling variants, icons, disabled state and hidden labels."})}),t.jsx(Uw,{})]}),ZE=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolButton with icons in all alignments."})}),t.jsx("div",{children:t.jsx(U,{_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:r})})]})},YE=()=>{const{dummyClickEventHandler:n}=Ae(),r={className:"w-8rem",_on:{onClick:n}};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolButton with adjusted widths."})}),t.jsxs("div",{className:"grid gap-14",children:[t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(U,{_label:"Primary",_variant:"primary",...r}),t.jsx(U,{_label:"Secondary",_variant:"secondary",...r}),t.jsx(U,{_label:"Normal",_variant:"normal",...r}),t.jsx(U,{_label:"Danger",_variant:"danger",...r}),t.jsx(U,{_label:"Ghost",_variant:"ghost",...r})]}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(U,{_disabled:!0,_label:"Primary",_variant:"primary",...r}),t.jsx(U,{_disabled:!0,_label:"Secondary",_variant:"secondary",...r}),t.jsx(U,{_disabled:!0,_label:"Normal",_variant:"normal",...r}),t.jsx(U,{_disabled:!0,_label:"Danger",_variant:"danger",...r}),t.jsx(U,{_disabled:!0,_label:"Ghost",_variant:"ghost",...r})]})]})]})},jh=new WeakMap,We=n=>(jh.has(n)===!1&&jh.set(n,E1.createRoot(n)),jh.get(n)),XE=({label:n})=>{const r=vt.getInstance(document),l=w.useRef(null),c=w.useRef(null),s=()=>{r.enqueue({label:"Edit clicked",description:`The button "edit" has been clicked for ${n}`,type:"info"})},u=()=>{r.enqueue({label:"Delete clicked",description:`The button "delete" has been clicked for ${n}`,type:"warning"})},b=g=>{switch(g.code){case"KeyE":l.current?.kolFocus(),s();return;case"KeyD":c.current?.kolFocus(),u();return}};return t.jsxs("div",{style:{display:"flex",gap:"calc(10rem / var(--kolibri-root-font-size, 16))"},onKeyUp:b,children:[t.jsx(U,{ref:l,_label:"Edit",_shortKey:"e",_on:{onClick:s}}),t.jsx(U,{ref:c,_label:"Delete",_shortKey:"d",_variant:"danger",_on:{onClick:u}})]})},QE=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n},l=[{label:"Row 1"},{label:"Row 2"}],c={horizontal:[[{label:"Label",key:"label",textAlign:"left"},{label:"Actions",key:"actions",textAlign:"left",render:(s,u)=>{We(ft(s)).render(t.jsx(XE,{label:u.data.label}))}}]]};return t.jsxs(t.Fragment,{children:[t.jsxs(H,{children:[t.jsx("p",{children:"The first sample shows KolButton with short key without functionality. The short key is purely visual. Its functionality needs to be developed separately."}),t.jsx("p",{children:'The second sample showcases a table where each row contains two KolButtons, each with its own shortcut key. To trigger an action, move the focus to any of the "Actions" cells and press "e" or "d." Doing so will activate the corresponding action and display a Toast notification for demonstration purposes.'})]}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(U,{_label:"With S short key",_shortKey:"S",_on:r}),t.jsx(U,{_label:"Very small b",_shortKey:"b",_on:r}),t.jsx(U,{_label:"Short key does not appear in label",_shortKey:"x",_on:r}),t.jsx(U,{_label:"short key without label",_hideLabel:!0,_shortKey:"k",_icons:"codicon codicon-dashboard",_on:r}),t.jsx(U,{_label:"with inline icons",_icons:{left:"codicon codicon-dashboard",right:"codicon codicon-dashboard"},_shortKey:"n",_on:r})]}),t.jsx(an,{_level:2,_label:"Interactive sample",className:"mt"}),t.jsx(we,{_label:'Move focus within one of the "Actions" cells and press "e" or "d" to trigger an action.',_data:l,_headers:c})]})},WE=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolButton show a button-element with expert slot."})}),t.jsx(Uw,{_label:"",children:t.jsx("span",{slot:"expert",children:"I am more than just a button"})})]}),JE={button:{basic:GE,icons:ZE,width:YE,"access-key":FE,"aria-description":VE,baselined:qE,"short-key":QE,"expert-slot":WE}},n5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolCard shows a card with title and slot content. The second sample features a close button."})}),t.jsxs("div",{className:"w-full grid grid-cols-2 gap-4",children:[t.jsx(On,{_label:"Card with title and content",children:t.jsx("div",{children:"Card contents."})}),t.jsx(On,{_label:"Card with closer",_hasCloser:!0,children:t.jsx("p",{children:"This card has a close button."})})]})]}),e5={card:{basic:n5}},oo=({RefComponent:n,...r})=>t.jsx(co,{className:"w-full",children:t.jsxs("div",{className:"grid gap-4",children:[t.jsx(n,{...r}),t.jsxs("div",{className:"flex gap-4",children:[t.jsx(U,{_label:"Submit",_icons:"codicon codicon-arrow-right",_type:"submit",_variant:"primary"}),t.jsx(U,{_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.jsx(U,{_label:"Reset",_type:"reset",_variant:"tertiary"}),t.jsx(U,{_label:"Help",_variant:"ghost"})]})]})}),Fw=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"}]'),Fo=[...Fw.map(n=>({label:n.name,value:n.alpha2}))],Go=[...Fw.map(n=>n.name)],uy=n=>t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Oo,{...n,_hint:ut,_label:"Label",_suggestions:Go,_value:"Deutschland"}),t.jsx(Oo,{...n,_label:"Disabled",_suggestions:Go,_value:"Deutschland",_disabled:!0}),t.jsx(Oo,{...n,_suggestions:Go,_msg:{_type:"error",_description:Nn},_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0}),t.jsx(Oo,{...n,_label:"With access key",_suggestions:Go,_value:"Deutschland",_accessKey:"c"}),t.jsx(Oo,{...n,_label:"With short key",_suggestions:Go,_value:"Deutschland",_shortKey:"s"})]}),o5=n=>t.jsxs("div",{className:"w-full grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text"}),t.jsx(uy,{...n})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text (hideLabel)"}),t.jsx(uy,{...n,_hideLabel:!0})]})]}),r5=()=>{const n=w.useContext(mt);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolCombobox combines a text input with a suggestion list, enabling users to either type in a value or to select on of the suggestions."})}),!n&&t.jsx(Vn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsx(oo,{RefComponent:o5})]})},t5={combobox:{basic:r5}},a5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["KolDetails hides its content until opened. The open state can be toggled either by clicking the label or by setting the ",t.jsx("code",{children:"_open"}),"-prop programmatically. The sample includes an initially open state and a disabled but open Details component."]})}),t.jsxs("section",{className:"grid gap-4",children:[t.jsx(Ar,{_label:"Closed initially",children:"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.jsx(Ar,{_disabled:!0,_label:"Open initially (disabled)",_open:!0,children:"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.jsx(Ar,{_label:"Open initially",_open:!0,children:"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."})]})]}),l5={details:{basic:a5}},i5=["left","top","right","bottom"].map(n=>({label:n,value:n})),Hb=({value:n="left",onChange:r})=>t.jsx("div",{className:"grid gap-4",children:t.jsx("div",{className:"container my-4 d-grid gap-4",children:t.jsx(ye,{_label:"Drawer alignment",_value:n,_options:i5,_orientation:"horizontal",_on:{onChange:r}})})}),c5=()=>{const[n]=sl(),r=n.get("align"),l=w.useRef(null),c=w.useRef(null),[s,u]=w.useState(r||"left");return w.useEffect(()=>{r&&c.current?.open()},[r]),t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolDrawer shows a dialog attached to one of the sides of the viewport, when opened. This sample illustrates the four alignments and the modal- and non-modal modes."})}),t.jsx(Hb,{value:s,onChange:(b,g)=>u(g)}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(Ti,{ref:l,_label:"I am a drawer",_align:s,_on:{onClose:()=>console.log("Drawer onClose triggered!")},children:t.jsxs("div",{className:s==="left"||s==="right"?"drawer-content-vertical":"",children:[t.jsx("p",{children:"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.jsx(U,{_label:"Close drawer",_on:{onClick:()=>l.current?.close()}})]})}),t.jsx(U,{_label:"Open drawer",_on:{onClick:()=>l.current?.open()}}),t.jsx(Ti,{ref:c,_modal:!0,_align:s,_label:"I am a Drawer Modal",_on:{onClose:()=>console.log("Drawer Modal onClose triggered!")},children:t.jsxs("div",{className:s==="left"||s==="right"?"drawer-content-vertical":"",children:[t.jsx("p",{children:"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.jsx(U,{_label:"Close drawer modal",_on:{onClick:()=>c.current?.close()}})]})}),t.jsx(U,{_label:"Open drawer as modal",_on:{onClick:()=>c.current?.open()}})]})]})},s5=()=>{const[n]=sl(),r=n.get("align"),[l,c]=w.useState(!1),[s,u]=w.useState(!1),[b,g]=w.useState(r||"left");return t.jsxs("div",{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample shows the KolDrawer controlled by the property ",t.jsx("code",{children:"_open"})," instead of methods."]})}),t.jsx(Hb,{value:b,onChange:(p,f)=>g(f)}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(Ti,{_open:l,_align:b,_label:"I'm a controlled drawer",_on:{onClose:()=>c(!1)},children:t.jsxs("div",{children:[t.jsx("p",{children:"Lorem ipsum dolor sit amet,"}),t.jsx(U,{_label:"Close drawer",_on:{onClick:()=>c(!1)}})]})}),t.jsx(U,{_label:"Open drawer",_on:{onClick:()=>c(!0)}}),t.jsx(Ti,{_open:s,_modal:!0,_align:b,_label:"I'm a controlled modal drawer",_on:{onClose:()=>u(!1)},children:t.jsxs("div",{children:[t.jsx("p",{children:"Lorem ipsum dolor sit amet,"}),t.jsx(U,{_label:"Close drawer",_on:{onClick:()=>u(!1)}})]})}),t.jsx(U,{_label:"Open drawer as modal",_on:{onClick:()=>u(!0)}})]})]})},d5=()=>{const n=w.useRef(null),[r,l]=w.useState("bottom"),[c,s]=w.useState(!0);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:'This sample demonstrates how KolDrawer handles content that exceeds the drawer dimensions and shows the correct way to handle overflow. Use the "Enable Overflow Handling" toggle to see the difference between problematic behavior (content exceeding drawer bounds) and the proper solution (overflow handling within the slot content).'})}),t.jsxs("div",{className:"flex flex-col gap-4 mb-4",children:[t.jsx(Hb,{value:r,onChange:(u,b)=>l(b)}),t.jsx(Yn,{_label:"Enable Overflow Handling (Recommended)",_checked:c,_on:{onChange:(u,b)=>s(!!b)}})]}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(Ti,{ref:n,_label:"Scrollable Drawer",_align:r,children:c?t.jsx("div",{style:{width:r==="left"||r==="right"?"90vw":void 0,height:r==="top"||r==="bottom"?"90vh":void 0,overflow:"auto",padding:"0",border:"1px solid #999"},children:t.jsxs("div",{style:{width:r==="left"||r==="right"?"150vw":void 0,height:r==="top"||r==="bottom"?"150vh":void 0,background:"linear-gradient(45deg, #f0f0f0 25%, transparent 25%), linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f0f0f0 75%), linear-gradient(-45deg, transparent 75%, #f0f0f0 75%)",backgroundSize:"20px 20px",backgroundPosition:"0 0, 0 10px, 10px -10px, -10px 0px",border:"2px dashed #ccc",padding:"20px",display:"flex",flexDirection:"column",gap:"20px"},children:[t.jsx("p",{children:"✅ Content with proper overflow handling - scrollable within drawer bounds"}),t.jsxs("div",{children:[t.jsx("h3",{children:"Large Content Area (Scrollable)"}),t.jsxs("p",{children:["Container: ",r==="left"||r==="right"?"400px wide":"90vw wide"," ×"," ",r==="top"||r==="bottom"?"90vh high":"400px high"]}),t.jsxs("p",{children:["Content: ",r==="left"||r==="right"?"150vw wide":"400px wide"," ×"," ",r==="top"||r==="bottom"?"150vh high":"400px high"]}),t.jsxs("p",{children:[t.jsx("strong",{children:"Overflow Handling:"})," Enabled - Container has fixed size with overflow: auto"]}),t.jsx("p",{children:"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."}),t.jsx("p",{children:"With overflow handling enabled, this content scrolls properly within the drawer container. You can scroll horizontally/vertically to see all content."}),t.jsx("div",{style:{marginTop:"auto",paddingTop:"40px"},children:t.jsx(U,{_label:"Close drawer",_on:{onClick:()=>n.current?.close()}})})]})]})}):t.jsxs("div",{style:{width:r==="left"||r==="right"?"150vw":"400px",height:r==="top"||r==="bottom"?"150vh":"400px",background:"linear-gradient(45deg, #f0f0f0 25%, transparent 25%), linear-gradient(-45deg, #f0f0f0 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #f0f0f0 75%), linear-gradient(-45deg, transparent 75%, #f0f0f0 75%)",backgroundSize:"20px 20px",backgroundPosition:"0 0, 0 10px, 10px -10px, -10px 0px",border:"2px dashed #ccc",padding:"20px",display:"flex",flexDirection:"column",gap:"20px"},children:[t.jsx("p",{children:"❌ Content exceeding drawer bounds - problematic behavior"}),t.jsxs("div",{children:[t.jsx("h3",{children:"Large Content Area"}),t.jsxs("p",{children:["Width: ",r==="left"||r==="right"?"150vw (exceeds drawer width)":"400px"]}),t.jsxs("p",{children:["Height: ",r==="top"||r==="bottom"?"150vh (exceeds drawer height)":"400px"]}),t.jsxs("p",{children:[t.jsx("strong",{children:"Overflow Handling:"})," Disabled - Content extends beyond drawer boundaries"]}),t.jsx("p",{children:"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."}),t.jsx("p",{children:"Without overflow handling, this content may extend beyond the drawer boundaries, causing layout issues."}),t.jsx("div",{style:{marginTop:"auto",paddingTop:"40px"},children:t.jsx(U,{_label:"Close drawer",_on:{onClick:()=>n.current?.close()}})})]})]})}),t.jsx(U,{_label:"Open scrollable drawer",_on:{onClick:()=>n.current?.open()}})]})]})},u5={drawer:{basic:c5,controlled:s5,scrolled:d5}},h5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolForm renders a form around the input components provided in a slot. This sample shows a basic form with three input fields."})}),t.jsx(co,{className:"w-full",children:t.jsxs("div",{className:"grid gap-2",children:[t.jsx(En,{id:"input1",_label:"Input 1"}),t.jsx(En,{id:"input2",_label:"Input 2"}),t.jsx(En,{id:"input3",_label:"Input 3"})]})})]}),b5=()=>{const n=w.useRef(null),r=()=>{n.current?.focusErrorList()};return w.useEffect(()=>{n.current?.focusErrorList()},[]),t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows a form with error messages."})}),t.jsx(co,{className:"w-full",ref:n,_on:{onSubmit:r},_errorList:[{message:"Error in Input 2",selector:"#input2"},{message:"Error in Input 3",selector:()=>alert("Error in Input 3")}],children:t.jsxs("div",{className:"grid gap-2",children:[t.jsx(En,{id:"input1",_label:"Input 1"}),t.jsx(En,{id:"input2",_label:"Input 2",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),t.jsx(En,{id:"input3",_label:"Input 3",_touched:!0,_msg:{_description:"Input error",_type:"error"}}),t.jsx("div",{children:t.jsx(U,{_label:"ScrollTo",_type:"submit"})})]})})]})},p5={form:{basic:h5,"error-list":b5}},Vw=`public-ui.v${ib.version}`;class g5{store=new Map;setItem(r,l){this.store.set(r,l)}getItem(r){return this.store.get(r)||null}}const Ni={darkMode:!1,theme:"default"};let cb;function qw(n){cb=n;const r=cb.getItem(Vw);try{const l=JSON.parse(r);typeof l=="object"&&l!==null&&(Ni.darkMode=l.darkMode===!0,Ib(l.theme)&&(Ni.theme=l.theme))}catch{}}qw(new g5);const f5=()=>{cb.setItem(Vw,JSON.stringify(Ni))},v5=n=>{if(Ib(n))Ni.theme=n,f5();else throw new Error(`The theme identifier "${n}" is not valid or an available option.`)},Ns=()=>`${Ni.theme}`,sb=n=>{if(Ib(n))return Kb.find(r=>r.value===n)?.label;throw new Error(`The theme identifier "${n}" is not valid or an available option.`)},m5=[{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"}];function k5({_on:n,...r}){const{dummyClickEventHandler:l}=Ae(),c={onClick:l};return t.jsx(U,{...r,_on:c})}const y5={horizontal:[[{label:"Workdays",colSpan:5},{label:"Weekend",colSpan:2}],[{key:"monday",label:"Monday",render:(n,r)=>{const l=document.createElement("div");l.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(l),We(l).render(t.jsx(k5,{_label:r.label,style:{fontSize:"75%"}}))},sort:n=>n.sort((r,l)=>r.monday<l.monday?-1:r.monday>l.monday?1:0),sortDirection:"ASC",textAlign:"right"},{key:"tuesday",label:"Tuesday",render:(n,r)=>{const l=document.createElement("div");l.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(l),We(l).render(t.jsx(Vn,{_color:"#060",_label:r.label}))},sort:n=>n.sort((r,l)=>r.tuesday<l.tuesday?-1:r.tuesday>l.tuesday?1:0),sortDirection:"DESC"},{key:"wednesday",label:"Wednesday",render:(n,r)=>{const l=document.createElement("div");l.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(l),We(l).render(t.jsx(Vn,{_color:"#006",_label:r.label}))}},{key:"thursday",label:"Thursday",render:(n,r)=>{const l=document.createElement("div");l.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(l),We(l).render(t.jsx(Vn,{_color:"#600",_label:r.label}))}},{key:"friday",label:"Friday",render:(n,r)=>{const l=document.createElement("div");l.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(l),We(l).render(t.jsx(Vn,{_color:"#303",_label:r.label}))}},{key:"saturday",label:"Saturday",render:(n,r)=>{const l=document.createElement("div");l.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(l),We(l).render(t.jsx(Vn,{_color:"#330",_label:r.label}))}},{key:"sunday",label:"Sunday",render:(n,r)=>{const l=document.createElement("div");l.setAttribute("role","presentation"),n.innerHTML="",n.appendChild(l),We(l).render(t.jsx(Vn,{_color:"#033",_label:r.label}))}}]],vertical:[[{label:"Early"},{label:"Noon"},{label:"Evening"},{label:"Night"}]]},w5=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n};return t.jsxs("div",{className:"grid gap-4",children:[t.jsxs("div",{className:"grid gap-4 md:grid-cols-[auto_1fr_1fr] items-center",children:[t.jsx(ms,{className:"block w-75px",_labeled:!1}),t.jsx(an,{_label:"",_level:1,children:t.jsxs("span",{slot:"expert",children:["Kolibri-Handout ",t.jsxs("small",{children:["for ",sb(Ns())]})]})}),t.jsxs(Ar,{_label:"Abstract",_open:!0,children:["The handout shows a selection of KoliBri components in the style of ",t.jsx("strong",{children:sb(Ns())}),". 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.jsx(gn,{_label:"https://github.com/public-ui/kolibri",_href:"https://github.com/public-ui/kolibri",_target:"_blank"}),")."]})]}),t.jsxs("div",{className:"grid gap-4 sm:grid-cols-6 md:grid-cols-6  xl:grid-cols-12",children:[t.jsx(On,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Heading",_level:2,children:t.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[t.jsx(an,{_label:"Heading Level 1",_level:1}),t.jsx(an,{_label:"Heading Level 2",_level:2}),t.jsx(an,{_label:"Heading Level 3",_level:3}),t.jsx(an,{_label:"Heading Level 4",_level:4}),t.jsx(an,{_label:"Heading Level 5",_level:5}),t.jsx(an,{_label:"Heading Level 6",_level:6}),t.jsx(an,{_label:"Heading Level 6",_secondaryHeadline:"Lessons",_level:6})]})}),t.jsx(On,{className:"col-span-6 sm:col-span-6 md:col-span-3 xl:col-span-2",_label:"Abbreviation and Progress",_level:2,children:t.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[t.jsxs("p",{children:["I am a"," ",t.jsx(rr,{_label:"Detailed description",_tooltipAlign:"top",children:"ABB"})," ","with tooltip at the top"]}),t.jsxs("p",{children:["I am a"," ",t.jsx(rr,{_label:"Detailed description",_tooltipAlign:"right",children:"ABB"})," ","with tooltip on the right"]}),t.jsxs("p",{children:["I am a"," ",t.jsx(rr,{_label:"Detailed description",_tooltipAlign:"bottom",children:"ABB"})," ","with tooltip at the bottom"]}),t.jsxs("p",{children:["I am a"," ",t.jsx(rr,{_label:"Detailed description",_tooltipAlign:"left",children:"ABB"})," ","with tooltip on the left"]}),t.jsxs("div",{className:"grid grid-cols-2 items-center",children:[t.jsx(xr,{_variant:"bar",_max:100,_value:33,_label:"Progress"}),t.jsx(xr,{_variant:"cycle",_max:100,_value:66,_label:"Progress"})]})]})}),t.jsx(On,{className:"col-span-6 sm:col-span-6 md:col-span-6 xl:col-span-3",_label:"Button, LinkButton and Tab",_level:2,children:t.jsx("div",{slot:"",className:"grid gap-2 p-2",children:t.jsxs(Lr,{_label:"",_selected:0,_tabs:[{_label:"Button"},{_label:"LinkButton"},{_label:"Disabled Tab",_disabled:!0}],children:[t.jsxs("div",{className:"grid gap-2 py-2",children:[t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(U,{_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:r}),t.jsx(U,{_disabled:!0,_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary",_on:r}),t.jsx(U,{_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary",_on:r})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(U,{_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:r}),t.jsx(U,{_disabled:!0,_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary",_on:r}),t.jsx(U,{_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary",_on:r})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(U,{_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:r}),t.jsx(U,{_disabled:!0,_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger",_on:r}),t.jsx(U,{_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger",_on:r})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(U,{_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:r}),t.jsx(U,{_disabled:!0,_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal",_on:r}),t.jsx(U,{_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal",_on:r})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(U,{_label:"ghost",_variant:"ghost"}),t.jsx(U,{_disabled:!0,_label:"ghost",_variant:"ghost"}),t.jsx(U,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost",_on:r})]})]}),t.jsxs("div",{className:"grid gap-2 py-2",children:[t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(Kn,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),t.jsx(Kn,{_href:"#/back-page",_icons:{left:"codicon codicon-arrow-left"},_label:"primary",_variant:"primary"}),t.jsx(Kn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-left",_label:"primary",_variant:"primary"})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(Kn,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),t.jsx(Kn,{_href:"#/back-page",_icons:{right:"codicon codicon-arrow-right"},_label:"secondary",_variant:"secondary"}),t.jsx(Kn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-right",_label:"secondary",_variant:"secondary"})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(Kn,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),t.jsx(Kn,{_href:"#/back-page",_icons:{top:"codicon codicon-arrow-up"},_label:"danger",_variant:"danger"}),t.jsx(Kn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-up",_label:"danger",_variant:"danger"})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(Kn,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),t.jsx(Kn,{_href:"#/back-page",_icons:{bottom:"codicon codicon-arrow-down"},_label:"normal",_variant:"normal"}),t.jsx(Kn,{_href:"#/back-page",_hideLabel:!0,_icons:"codicon codicon-arrow-down",_label:"normal",_variant:"normal"})]}),t.jsxs("div",{className:"grid gap-2 grid-cols-[4fr_4fr_1fr] justify-items-center",children:[t.jsx(Kn,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),t.jsx(Kn,{_href:"#/back-page",_label:"ghost",_variant:"ghost"}),t.jsx(Kn,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"ghost",_variant:"ghost"})]})]})]})})}),t.jsx(On,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Accordion, Link and ButtonLink",_level:2,children:t.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[t.jsx(Ke,{_label:"Links",_level:3,_open:!0,children:t.jsxs("div",{className:"grid gap-2",slot:"",children:[t.jsx(gn,{_href:"#/back-page",_label:"Link text"}),t.jsx(gn,{_href:"#/back-page",_icons:"codicon codicon-home",_label:"Link text with icon"}),t.jsx(gn,{_href:"#/back-page",_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),t.jsx(gn,{_href:"/",_label:"Visited link"}),t.jsxs("p",{children:["I am a ",t.jsx(gn,{_href:"#/back-page",_label:"externer Link",_target:"w3c"})," in the running text."]})]})}),t.jsx(Ke,{_label:"ButtonLinks",_level:3,children:t.jsxs("div",{className:"grid gap-2",slot:"",children:[t.jsx(Xn,{_label:"Link text"}),t.jsx(Xn,{_icons:"codicon codicon-home",_label:"Link text with icon"}),t.jsx(Xn,{_icons:"codicon codicon-home",_hideLabel:!0,_label:"Link text with icon only"}),t.jsxs("p",{children:["I am a ",t.jsx(Xn,{_label:"Link"})," in the running text."]}),t.jsx(Xn,{_icons:{left:"codicon codicon-arrow-left",right:"codicon codicon-arrow-right",top:"codicon codicon-arrow-up",bottom:"codicon codicon-arrow-down"},_label:"Icons"})]})})]})}),t.jsx(On,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-3",_label:"Alert",_level:2,children:t.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[t.jsx(no,{_label:"Default message",_type:"default",children:"This is the text of the alert."}),t.jsx(no,{_type:"success",children:"Success message text"}),t.jsx(no,{_type:"error",_hasCloser:!0,children:"This is a error message text."}),t.jsx(no,{_label:"Info card",_type:"info",_variant:"card",children:"This is the text of the alert."}),t.jsx(no,{_label:"Warning card",_type:"warning",_hasCloser:!0,_variant:"card",children:"This is the text of the alert."})]})}),t.jsx(On,{className:"col-span-6 sm:col-span-6 md:col-span-2 xl:col-span-2",_label:"Nav and Breadcrumb",_level:2,children:t.jsxs("div",{slot:"",className:"grid gap-2 p-2",children:[t.jsx("div",{children:t.jsx(Qt,{_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.jsx("div",{children:t.jsx(vs,{_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.jsx(On,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Input",_level:2,children:t.jsx(co,{slot:"",children:t.jsxs("div",{className:"grid gap-4 sm:grid-cols-2 md:grid-cols-3 p-2",children:[t.jsx(Je,{_label:"Color"}),t.jsx(He,{_label:"Upload file"}),t.jsx(Se,{_label:"Number input"}),t.jsx(Hn,{_type:"date",_label:"Date"}),t.jsx(Pe,{_icons:"{'left': 'codicon codicon-home'}",_msg:{_type:"error",_description:"Test of an error message"},_touched:!0,_label:"E-mail address"}),t.jsx(En,{_hint:"I am a hint.",_label:"First name"}),t.jsx(Re,{_label:"password"}),t.jsx($e,{_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_label:"Stimmung"}),t.jsx(ao,{_min:0,_max:50,_value:25,_label:"Slider"}),t.jsx(ye,{className:"herr-frau",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"1",_label:"Salutation"}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(ye,{_orientation:"horizontal",_options:"[{'label':'Mr.','value':0},{'label':'Mrs.','value':1}]",_value:"0",_label:"Salutation"}),t.jsx(Yn,{_label:"",children:t.jsxs("span",{slot:"expert",children:["I accept the ",t.jsx(rr,{_label:"General Terms and Conditions",children:"AGB"}),"."]})})]}),t.jsx(Wn,{_rows:4,_label:"Textarea"})]})})}),t.jsx(On,{className:"col-span-6 sm:col-span-6 md:col-span-4 xl:col-span-5",_label:"Table with Pagination",_level:2,children:t.jsx("div",{slot:"",className:"grid gap-2 p-2",children:t.jsx(we,{_label:"Table",_headers:y5,_data:m5,_pagination:!0})})})]}),t.jsx(Ms,{_label:"5.0.2-test.2"})]})},_5={handout:{basic:w5}},x5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample shows KolHeading with its different levels and content provided using the export slot instead of the ",t.jsx("code",{children:"_label"}),"-property."]})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(an,{_label:"",_level:1,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Vn,{_label:"Label"})]})}),t.jsx(an,{_label:"",_level:2,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Vn,{_color:"#86ffc6",_label:"Label"})]})}),t.jsx(an,{_label:"",_level:3,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Vn,{_color:"#06539e",_label:"Label"})]})}),t.jsx(an,{_label:"",_level:4,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Vn,{_color:"#ae0000",_label:"Label"})]})}),t.jsx(an,{_label:"",_level:5,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Vn,{_color:"#8b008b",_label:"Label"})]})}),t.jsx(an,{_label:"",_level:6,children:t.jsxs("span",{slot:"expert",children:["A heading with a ",t.jsx(Vn,{_color:"#ffc0cb",_label:"Label"})]})})]})]}),z5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolHeading renders a heading with the given level."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(an,{_label:"I'm a H1-heading",_level:1}),t.jsx(an,{_label:"I'm a H2-heading",_level:2}),t.jsx(an,{_label:"I'm a H3-heading",_level:3}),t.jsx(an,{_label:"I'm a H4-heading",_level:4}),t.jsx(an,{_label:"I'm a H5-heading",_level:5}),t.jsx(an,{_label:"I'm a H6-heading",_level:6})]})]}),j5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolHeading with its different levels combined with some text content each."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(an,{_label:"Ich bin eine H1-Überschrift",_level:1}),t.jsx("p",{children:"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.jsx(an,{_label:"Ich bin eine H2-Überschrift",_level:2}),t.jsx("p",{children:"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.jsx(an,{_label:"Ich bin eine H3-Überschrift",_level:3}),t.jsx("p",{children:"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.jsx(an,{_label:"Ich bin eine H4-Überschrift",_level:4}),t.jsx("p",{children:"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.jsx(an,{_label:"Ich bin eine H5-Überschrift",_level:5}),t.jsx("p",{children:"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.jsx(an,{_label:"Ich bin eine H6-Überschrift",_level:6}),t.jsx("p",{children:"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."})]})]}),S5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample shows KolHeading with the prop ",t.jsx("code",{children:"_secondaryHeadline"})," in use."]})}),t.jsx("div",{className:"grid gap-4",children:t.jsx(an,{_label:"This is a H1 headline",_secondaryHeadline:"This is a secondary headline",_level:1})})]}),T5={heading:{basic:z5,badge:x5,paragraph:j5,secondary:S5}},A5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolIcon renders an icon. This sample shows one regular icon and one with a custom style-property, changing the icon color."})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Wv,{className:"block w-[1em] h-[1em]",_label:"",_icons:"codicon codicon-home"}),t.jsx(Wv,{className:"block w-[1em] h-[1em]",style:{color:"red"},_label:"",_icons:"codicon codicon-home"})]})]}),E5={icon:{basic:A5}},O5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolImage renders an image. The sample shows an image with alternative text."})}),t.jsx(wz,{className:"w-image",_src:"abgrenzung.jpg",_alt:"Darstellung des KoliBri-Theming"})]}),L5={image:{basic:O5}},C5=()=>t.jsxs(t.Fragment,{children:[t.jsxs(H,{children:[t.jsx("p",{children:"KolIndentedText renders the given slot content, styled as indented text. The sample shows two regular paragraphs with an indented paragraph in between."}),t.jsx("p",{children:t.jsx(Vn,{_label:"The component is deprecated and won't be available anymore in KoliBri version 3.",_color:"#db5461"})})]}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx("p",{children:"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.jsx(_z,{children:"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.jsx("p",{children:"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."})]})]}),N5={"indented-text":{basic:C5}},ds=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Yn,{...r,_label:"Not selected",_value:!1,_required:!0}),t.jsx(Yn,{...r,_label:"Indeterminate",_value:null,_indeterminate:!0}),t.jsx(Yn,{...r,ref:l,_accessKey:"A",_checked:!0,_label:"Selected",_tooltipAlign:"right",_value:!0}),t.jsx(Yn,{...r,_checked:!0,_icons:{unchecked:"codicon codicon-close"},_label:"With a very long label and upheavals ".repeat(5),_value:!0}),t.jsx(Yn,{...r,_disabled:!0,_label:"Disabled",_value:!0,_hint:"Hint text"}),t.jsx(Yn,{...r,_checked:!0,_disabled:!0,_label:"Checked and disabled"}),t.jsx(Yn,{...r,_indeterminate:!0,_disabled:!0,_label:"Indeterminate and disabled"}),t.jsx(Yn,{...r,_msg:{_type:"error",_description:Nn},_label:"With error",_touched:!0,_value:!0,_hint:"Hint text"}),t.jsx(Yn,{...r,_label:"With access key",_accessKey:"c",_value:null}),t.jsx(Yn,{...r,_label:"With short key",_shortKey:"s",_value:null})]})}),Ub=w.forwardRef(function(r,l){return t.jsxs(t.Fragment,{children:[t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:'Label align "left" with label'}),t.jsx(ds,{...r,_labelAlign:"left"})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:'Label align "left" without Label (hideLabel)'}),t.jsx(ds,{ref:l,...r,_hideLabel:!0,_labelAlign:"left"})]})]}),t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:'Label align "right" with label'}),t.jsx(ds,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:'Label align "right" without Label (hideLabel)'}),t.jsx(ds,{ref:l,...r,_hideLabel:!0})]})]})]})}),$5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolInputCheckbox renders a checkbox. The sample shows KolInputCheckbox in a form context with all variations and states."})}),t.jsx(oo,{RefComponent:Ub})]}),R5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:'This sample shows KolInputCheckbox in the variant "button".'})}),t.jsx(oo,{RefComponent:Ub,_variant:"button"})]}),B5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:'This sample shows KolInputCheckbox in the variant "switch".'})}),t.jsx(oo,{RefComponent:Ub,_variant:"switch"})]}),D5={"input-checkbox":{basic:$5,switch:B5,button:R5}},hy=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Je,{...r,_msg:{_type:"error",_description:Nn},_icons:{left:"codicon codicon-symbol-color"},_label:"Color (Black background test)",_value:"#f08080"})}),t.jsx(Je,{...r,_msg:{_type:"error",_description:Nn},_label:"Color with error",_suggestions:"['#000000','#f08080', '#0000ff','#00ff00']",_touched:!0}),t.jsx(Je,{...r,ref:l,_accessKey:"C",_hint:"Hint text",_label:"Color with hint",_value:"#f08080"}),t.jsx(Je,{...r,_disabled:!0,_label:"Color (Disabled)",_value:"#f08080"}),t.jsx(Je,{...r,_label:"With access key",_accessKey:"c"}),t.jsx(Je,{...r,_label:"With short key",_shortKey:"s"})]})}),M5=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Color"}),t.jsx(hy,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Color (hideLabel)"}),t.jsx(hy,{ref:l,...r,_hideLabel:!0})]})]})}),I5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolInputColor renders a color input. The sample shows KolInputColor in a form context with all variations and states."})}),t.jsx(oo,{RefComponent:M5})]}),K5={"input-color":{basic:I5}},by=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Hn,{...r,_type:"date",_label:"Date input (Black background test)",_required:!0})}),t.jsx(Hn,{...r,_type:"datetime-local",_label:"Local-Datetime (Standard)",_required:!0}),t.jsx(Hn,{...r,_step:1,_type:"datetime-local",_msg:{_type:"error",_description:Nn},_label:"Local datetime (with seconds)",_required:!0,_touched:!0}),t.jsx(Hn,{...r,_type:"month",_label:"Month",_required:!0}),t.jsx(Hn,{...r,ref:l,_accessKey:"W",_type:"week",_label:"Week",_required:!0}),t.jsx(Hn,{...r,_type:"time",_label:"Time (standard)",_required:!0}),t.jsx(Hn,{...r,_step:1,_type:"time",_label:"Time (with seconds)",_required:!0}),t.jsx(Hn,{...r,_readOnly:!0,_label:"Date input (read-only)",_required:!0}),t.jsx(Hn,{...r,_disabled:!0,_label:"Date input (Disabled)",_required:!0}),t.jsx(Hn,{...r,_label:"With access key",_accessKey:"s"}),t.jsx(Hn,{...r,_label:"With short key",_shortKey:"s"})]})}),H5=w.forwardRef(function(r){const l="2024-09-26",c="2024-09-27",s="12:00",u="15:00",b="2024-09-26T12:00",g="2024-09-27T15:00",p="2024-W10",f="2024-W50",m="2024-02",y="2024-10",_=new Date("January 10, 2024, 12:00"),S=new Date("October 20, 2024, 15:00");return t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Hn,{...r,_type:"date",_label:"Date with Iso",_min:l,_max:c}),t.jsx(Hn,{...r,_type:"date",_label:"Date with Date",_min:_,_max:S}),t.jsx(Hn,{...r,_type:"time",_label:"Time with Iso",_min:s,_max:u}),t.jsx(Hn,{...r,_type:"time",_label:"Time with Date",_min:_,_max:S}),t.jsx(Hn,{...r,_type:"datetime-local",_label:"DayTime with Iso",_min:b,_max:g}),t.jsx(Hn,{...r,_type:"datetime-local",_label:"DayTime with Date",_min:_,_max:S}),t.jsx(Hn,{...r,_type:"week",_label:"Week with Iso",_min:p,_max:f}),t.jsx(Hn,{...r,_type:"week",_label:"Week with Date",_min:_,_max:S}),t.jsx(Hn,{...r,_type:"month",_label:"Month with Iso",_min:m,_max:y}),t.jsx(Hn,{...r,_type:"month",_label:"Month with Date",_min:_,_max:S})]})}),U5=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Date"}),t.jsx(by,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Date (hideLabel)"}),t.jsx(by,{ref:l,...r,_hideLabel:!0})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Date (with min/max)"}),t.jsx(H5,{ref:l,...r})]})]})}),F5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"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.jsx(oo,{RefComponent:U5})]}),V5=()=>{const n=w.useRef(null);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample demonstrates the KolInputDate ",t.jsx("code",{children:"reset"}),"-Method, which can be used to clear the field, even when it holds incomplete or invalid values."]})}),t.jsx(Hn,{className:"w-full",ref:n,_label:"Resettable Input Date",_value:"2024-02-10"}),t.jsx(U,{className:"mt",_label:"Reset",_on:{onClick:()=>n.current?.reset()}})]})},q5=["default","error","info","success","warning"];function Sh(n){return{onChange:()=>n(r=>!r)}}const P5=()=>{const[n,r]=w.useState(!0),[l,c]=w.useState(!0),[s,u]=w.useState(!1),b=Sh(r),g=Sh(c),p=Sh(u);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This example shows how messages work in input fields."})}),t.jsxs("div",{className:"flex gap-4 flex-col",children:[t.jsxs("div",{className:"flex gap-4 items-center",children:[t.jsx(Yn,{_label:"Toggle Msg",_on:b,_checked:n,_variant:"button"}),t.jsx(Yn,{_label:"Toggle Touched",_on:g,_checked:l,_variant:"button"}),t.jsx(Yn,{_label:"Toggle Hide Msg",_on:p,_checked:s,_variant:"button"})]}),t.jsxs("pre",{children:["Message exists: ",n?"Yes":"No"," (showMsg: ",n?"Yes":"No",")",t.jsx("br",{}),"Non-Error-Message visible: ",n&&!s?"Yes":"No"," (showMsg: ",n?"Yes":"No",", hideMsg: ",s?"Yes":"No",")",t.jsx("br",{}),"Error-Message visible: ",n&&l&&!s?"Yes":"No"," (showMsg: ",n?"Yes":"No",", isTouched: ",l?"Yes":"No",", hideMsg: ",s?"Yes":"No",")"]}),t.jsx(Hn,{_error:n?"error message":void 0,_hideError:s,_label:"Date (_error)",_touched:l}),q5.map(f=>t.jsx(Hn,{_hideError:s,_label:`Date (_msg, ${f})`,_msg:n?{_description:`${f} message`,_type:f}:void 0,_touched:l},f))]})]})},G5={"input-date":{basic:F5,reset:V5,"show-hide-msg":P5}},py=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Pe,{...r,_required:!0,_value:"test@mail.de",_msg:{_type:"error",_description:Nn},_label:"E-Mail (Black background test)"})}),t.jsx(Pe,{...r,ref:l,_accessKey:"M",_placeholder:"elke@mustermann.de",_suggestions:"['test1@mail.de', 'test2@mail.de', 'test3@mail.de']",_label:"E-Mail (list)",_msg:{_type:"error",_description:Nn},_touched:!0,_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),t.jsx(Pe,{...r,_disabled:!0,_value:"test@mail.de",_label:"E-Mail (Disabled)"}),t.jsx(Pe,{...r,_readOnly:!0,_value:"test@mail.de",_label:"E-Mail (Readonly)"}),t.jsx(Pe,{...r,_value:"test@mail.de",_label:"With access key",_accessKey:"c"}),t.jsx(Pe,{...r,_value:"test@mail.de",_label:"With short key",_shortKey:"s"})]})}),Z5=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Email"}),t.jsx(py,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Email (hideLabel)"}),t.jsx(py,{ref:l,...r,_hideLabel:!0})]})]})}),Y5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolInputEmail renders an email input field. The sample shows KolInputEmail in a form context with all variations and states."})}),t.jsx(oo,{RefComponent:Z5})]}),X5={"input-email":{basic:Y5}},gy=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(He,{...r,_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0})}),t.jsx(He,{...r,_required:!0,_msg:{_type:"error",_description:Nn},_label:"Upload file (Black background test)",_icons:{left:{icon:"codicon codicon-save"}},_touched:!0}),t.jsx(He,{...r,ref:l,_accessKey:"h",_multiple:!0,_msg:{_type:"error",_description:Nn},_label:"Upload file (Multiple)"}),t.jsx(He,{...r,_disabled:!0,_label:"Upload file (Disabled)"}),t.jsx(He,{...r,_label:"With access key",_accessKey:"c"}),t.jsx(He,{...r,_label:"With short key",_shortKey:"s"})]})}),Q5=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"File"}),t.jsx(gy,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"File (hideLabel)"}),t.jsx(gy,{ref:l,...r,_hideLabel:!0})]})]})}),W5=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolInputFile renders a file input field. The sample shows KolInputFile in a form context with all variations and states."})}),t.jsx(oo,{RefComponent:Q5})]}),J5={"input-file":{basic:W5}},fy=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Se,{...r,_required:!0,_touched:!0,_value:123,_label:"Number input (Black background test)"})}),t.jsx(Se,{...r,_required:!0,_msg:{_type:"error",_description:Nn},_touched:!0,_placeholder:"Mit Icons",_label:"Number input",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),t.jsx(Se,{...r,_required:!0,_msg:{_type:"error",_description:Nn},_touched:!0,_value:123,_label:"Number input"}),t.jsx(Se,{...r,_required:!0,_msg:{_type:"warning",_description:Nn},_touched:!0,_value:123,_label:"Number input"}),t.jsx(Se,{...r,_required:!0,_msg:{_type:"info",_description:Nn},_touched:!0,_value:123,_label:"Number input"}),t.jsx(Se,{...r,_required:!0,_msg:{_type:"success",_description:Nn},_touched:!0,_value:123,_label:"Number input"}),t.jsx(Se,{...r,ref:l,_accessKey:"Z",_max:10,_min:-10,_step:2,_label:"Number input (-10 to 10 in steps of 2)"}),t.jsx(Se,{...r,_readOnly:!0,_label:"Number input (Readonly)"}),t.jsx(Se,{...r,_disabled:!0,_label:"Number input (Disabled)"}),t.jsx(Se,{...r,_label:"With access key",_accessKey:"c"}),t.jsx(Se,{...r,_label:"With short key",_shortKey:"s"})]})}),n8=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Number"}),t.jsx(fy,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Number (hideLabel)"}),t.jsx(fy,{ref:l,...r,_hideLabel:!0})]})]})}),e8=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"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.jsx(oo,{RefComponent:n8})]}),o8={"input-number":{basic:e8}},vy=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(Re,{...r,_label:"Passwort (Black background test)"})}),t.jsx(Re,{...r,_disabled:!0,_msg:{_type:"error",_description:Nn},_label:"Passwort (Disabled)",_touched:!0}),t.jsx(Re,{...r,_readOnly:!0,_label:"Passwort (Readonly)"}),t.jsx(Re,{...r,ref:l,_accessKey:"P",_required:!0,_msg:{_type:"error",_description:Nn},_placeholder:"Mit Icons",_label:"Passwort",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0}),t.jsx(Re,{...r,ref:l,_shortKey:"c",_label:"With access key"}),t.jsx(Re,{...r,ref:l,_shortKey:"s",_label:"With short key"})]})}),r8=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Password"}),t.jsx(vy,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Password (hideLabel)"}),t.jsx(vy,{ref:l,...r,_hideLabel:!0})]})]})}),t8=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolInputPassword renders a password input field. The sample shows KolInputPassword in a form context with all variations and states."})}),t.jsx(oo,{RefComponent:r8})]}),a8=()=>{const n=w.useRef(null);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:'This sample shows KolInputPassword in the variant "visibility-toggle". It features a button to toggle between a visible and hidden password input.'})}),t.jsxs(co,{className:"w-full",children:[t.jsx(Re,{_placeholder:"With 'Show password' button",_label:"Password",ref:n,className:"block",_variant:"visibility-toggle"}),t.jsx(Re,{_placeholder:"With 'Show password' button",_label:"Password",ref:n,className:"block",_variant:"visibility-toggle",_value:"Password"}),t.jsx(Re,{_placeholder:"With 'Show password' button and disabled",_label:"Password",ref:n,className:"block",_disabled:!0,_variant:"visibility-toggle"})]})]})},l8={"input-password":{basic:t8,"show-password":a8}},my=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(ye,{...r,_options:"[{'disabled':true,'label':'Mrs. (disabled)','value':'Mrs.'},{'label':'Mr.'},{'label':'Company','value':'Company'}]",_label:"Salutation (Black background test)"})}),t.jsx(ye,{...r,_required:!0,_msg:{_type:"error",_description:Nn},_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.jsx(ye,{...r,ref:l,_orientation:"horizontal",_required:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal)"}),t.jsx(ye,{...r,_disabled:!0,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:Nn},_touched:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation (horizontal with error)"}),t.jsx(ye,{...r,_disabled:!0,_value:"Company",_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)'},{'label':'Company','value':'Company'}]",_label:"Salutation",_touched:!0}),t.jsx(ye,{...r,_orientation:"horizontal",_required:!0,_msg:{_type:"error",_description:Nn},_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})]})}),i8=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("div",{className:"border border-solid border-dark-100 p-3",children:[t.jsx(an,{_level:2,_label:"Radio",className:"block mb-2"}),t.jsx(my,{...r})]}),t.jsxs("div",{className:"border border-solid border-dark-100 p-3",children:[t.jsx(an,{_level:2,_label:"Radio (hideLabel)",className:"block mb-2"}),t.jsx(my,{ref:l,...r,_hideLabel:!0})]})]})}),c8=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolInputRadio renders a set of radio buttons. The sample shows KolInputRadio in a form context with all variations and states."})}),t.jsx(oo,{RefComponent:i8})]}),s8=()=>{const[n,r]=w.useState(!0),[l,c]=w.useState("horizontal"),s=[{label:"Field 1",value:1},{label:"Field 2",value:2}],u=()=>{r(g=>!g)},b=()=>{c(g=>g==="horizontal"?"vertical":"horizontal")};return t.jsxs("div",{className:"grid gap-4",children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample shows the ",t.jsx("code",{children:"horizontal"})," and ",t.jsx("code",{children:"vertical"})," orientation of KolInoutRadio. It also features a button to test re-rendering."]})}),t.jsxs("div",{className:"flex gap-4",children:[t.jsx(U,{_label:"Click me a few times",_on:{onClick:u}}),t.jsx(Yn,{_label:"Switch orientation (horizontal/vertical)",_on:{onChange:b},_variant:"switch"})]}),n&&t.jsx(co,{children:t.jsxs("div",{className:"container my-4 d-grid gap-4",children:[t.jsx(ye,{_label:`Test (${l})`,_options:s,_orientation:l,_required:!0}),t.jsx(ye,{_hideLabel:!0,_label:`Test (${l})`,_options:s,_orientation:l,_required:!0})]})})]})},d8=()=>{const n=[{label:"Field 1",value:{id:1,name:"Option 1"}},{label:"Field 2",value:{id:2,name:"Option 2"}}];return t.jsxs("div",{className:"grid gap-4",children:[t.jsxs(H,{children:["This sample shows KolInputRadio with ",t.jsx("code",{children:"object"})," and ",t.jsx("code",{children:"undefined"})," values."]}),t.jsxs(co,{children:[t.jsxs("p",{children:["In this example for ",t.jsx("code",{children:"KolInputRadio"}),", the values of the options are defined as objects."]}),t.jsx("div",{className:"container my-4 d-grid gap-4",children:t.jsx(ye,{_value:n[1].value,_options:n,_label:"Test (with object value)"})}),t.jsxs("p",{children:["In this example for ",t.jsx("code",{children:"KolInputRadio"}),", no value is set."]}),t.jsx("div",{className:"container my-4 d-grid gap-4",children:t.jsx(ye,{_options:n,_label:"Test (without value)"})})]})]})},u8={"input-radio":{basic:c8,horizontal:s8,object:d8}},ky=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(ao,{...r,_min:0,_max:50,_msg:{_type:"error",_description:Nn},_label:"Slider (Black background test)",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}},_touched:!0})}),t.jsx(ao,{...r,ref:l,_accessKey:"F",_min:0,_max:50,_step:10,_msg:{_type:"error",_description:Nn},_label:"Slider with error",_touched:!0}),t.jsx(ao,{...r,_disabled:!0,_min:0,_max:50,_label:"Slider (disabled)"}),t.jsx(ao,{...r,_min:0,_max:50,_label:"With access key",_accessKey:"c"}),t.jsx(ao,{...r,_min:0,_max:50,_label:"With short key",_shortKey:"s"})]})}),h8=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Range"}),t.jsx(ky,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Range (hideLabel)"}),t.jsx(ky,{ref:l,...r,_hideLabel:!0})]})]})}),b8=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"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.jsx(oo,{RefComponent:h8})]}),p8={"input-range":{basic:b8}},yy=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx("div",{className:"black-background",children:t.jsx(En,{...r,_value:"Value",_label:"First name (Black background test)"})}),t.jsx(En,{...r,_hint:ut,_msg:{_type:"error",_description:Nn,_label:"test headline"},_placeholder:"With icons",_icons:{right:{icon:"codicon codicon-arrow-right",style:{"font-size":"200%"}}},_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:l}),t.jsx(En,{...r,_placeholder:"Placeholder",_msg:{_type:"info",_description:"Just a hint"},_label:"Search",_type:"search"}),t.jsx(En,{...r,_placeholder:"Placeholder",_msg:{_type:"error",_description:Nn},_touched:!0,_type:"url",_label:"URL (url)"}),t.jsx(En,{...r,_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"warning",_description:"Small warning"}}),t.jsx(En,{...r,_placeholder:"Placeholder",_type:"tel",_label:"Telephone (tel)",_msg:{_type:"success",_description:"Success message"}}),t.jsx(En,{...r,_placeholder:"Placeholder",_label:"With counter",_hasCounter:!0,_maxLength:10,_value:"Lorem Ipsum"}),t.jsx(En,{...r,_placeholder:"Placeholder",_readOnly:!0,_label:"First name (text, readonly)"}),t.jsx(En,{...r,_value:"Value",_readOnly:!0,_label:"First name (text, readonly)"}),t.jsx(En,{...r,_placeholder:"Placeholder",_disabled:!0,_label:"First name (text, disabled)"}),t.jsx(En,{...r,_value:"Value",_disabled:!0,_label:"First name (text, disabled)"}),t.jsx(En,{...r,_value:"Value",_label:"With access key",_accessKey:"c"}),t.jsx(En,{...r,_value:"Value",_label:"With short key",_shortKey:"s"}),t.jsx(En,{...r,_value:"Value",_label:"With both key",_shortKey:"d",_accessKey:"e"})]})}),g8=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text"}),t.jsx(yy,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text (hideLabel)"}),t.jsx(yy,{ref:l,...r,_hideLabel:!0})]})]})}),f8=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolInputText renders a text input field. The sample shows KolInputText in a form context with all variations and states."})}),t.jsx(oo,{RefComponent:g8})]}),v8=()=>t.jsxs("div",{className:"grid gap-4",children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample shows the ",t.jsx("code",{children:"_hideError"})," feature for KolInputText. It allows to hide the error message from an input field and can be used, when the error is already shown somewhere else, e.g. for a group of inputs."]})}),t.jsx(On,{_label:"Normal input field with error",_level:0,children:t.jsx(En,{_msg:{_type:"error",_description:"Error message"},_label:"Input with error",_touched:!0})}),t.jsx(On,{_label:"Input fields with hidden error",_level:0,children:t.jsxs("fieldset",{className:"grid md:grid-cols-2 gap-4",children:[t.jsx("legend",{children:"Combined input field"}),t.jsx(no,{className:"col-span-2",_level:0,_type:"error",children:"This is a combined error message"}),t.jsx(En,{_msg:{_type:"error",_description:"This is a combined error message"},_hideError:!0,_label:"First input",_touched:!0}),t.jsx(En,{_msg:{_type:"error",_description:"This is a combined error message"},_hideError:!0,_label:"Second input with error",_touched:!0})]})})]});var m8=function(r){return k8(r)&&!y8(r)};function k8(n){return!!n&&typeof n=="object"}function y8(n){var r=Object.prototype.toString.call(n);return r==="[object RegExp]"||r==="[object Date]"||x8(n)}var w8=typeof Symbol=="function"&&Symbol.for,_8=w8?Symbol.for("react.element"):60103;function x8(n){return n.$$typeof===_8}function z8(n){return Array.isArray(n)?[]:{}}function $s(n,r){return r.clone!==!1&&r.isMergeableObject(n)?$i(z8(n),n,r):n}function j8(n,r,l){return n.concat(r).map(function(c){return $s(c,l)})}function S8(n,r,l){var c={};return l.isMergeableObject(n)&&Object.keys(n).forEach(function(s){c[s]=$s(n[s],l)}),Object.keys(r).forEach(function(s){!l.isMergeableObject(r[s])||!n[s]?c[s]=$s(r[s],l):c[s]=$i(n[s],r[s],l)}),c}function $i(n,r,l){l=l||{},l.arrayMerge=l.arrayMerge||j8,l.isMergeableObject=l.isMergeableObject||m8;var c=Array.isArray(r),s=Array.isArray(n),u=c===s;return u?c?l.arrayMerge(n,r,l):S8(n,r,l):$s(r,l)}$i.all=function(r,l){if(!Array.isArray(r))throw new Error("first argument should be an array");return r.reduce(function(c,s){return $i(c,s,l)},{})};var db=$i,Pw=typeof global=="object"&&global&&global.Object===Object&&global,T8=typeof self=="object"&&self&&self.Object===Object&&self,lr=Pw||T8||Function("return this")(),gt=lr.Symbol,Gw=Object.prototype,A8=Gw.hasOwnProperty,E8=Gw.toString,yi=gt?gt.toStringTag:void 0;function O8(n){var r=A8.call(n,yi),l=n[yi];try{n[yi]=void 0;var c=!0}catch{}var s=E8.call(n);return c&&(r?n[yi]=l:delete n[yi]),s}var L8=Object.prototype,C8=L8.toString;function N8(n){return C8.call(n)}var $8="[object Null]",R8="[object Undefined]",wy=gt?gt.toStringTag:void 0;function ra(n){return n==null?n===void 0?R8:$8:wy&&wy in Object(n)?O8(n):N8(n)}function Zw(n,r){return function(l){return n(r(l))}}var Fb=Zw(Object.getPrototypeOf,Object);function ta(n){return n!=null&&typeof n=="object"}var B8="[object Object]",D8=Function.prototype,M8=Object.prototype,Yw=D8.toString,I8=M8.hasOwnProperty,K8=Yw.call(Object);function _y(n){if(!ta(n)||ra(n)!=B8)return!1;var r=Fb(n);if(r===null)return!0;var l=I8.call(r,"constructor")&&r.constructor;return typeof l=="function"&&l instanceof l&&Yw.call(l)==K8}function H8(){this.__data__=[],this.size=0}function Xw(n,r){return n===r||n!==n&&r!==r}function Us(n,r){for(var l=n.length;l--;)if(Xw(n[l][0],r))return l;return-1}var U8=Array.prototype,F8=U8.splice;function V8(n){var r=this.__data__,l=Us(r,n);if(l<0)return!1;var c=r.length-1;return l==c?r.pop():F8.call(r,l,1),--this.size,!0}function q8(n){var r=this.__data__,l=Us(r,n);return l<0?void 0:r[l][1]}function P8(n){return Us(this.__data__,n)>-1}function G8(n,r){var l=this.__data__,c=Us(l,n);return c<0?(++this.size,l.push([n,r])):l[c][1]=r,this}function Br(n){var r=-1,l=n==null?0:n.length;for(this.clear();++r<l;){var c=n[r];this.set(c[0],c[1])}}Br.prototype.clear=H8;Br.prototype.delete=V8;Br.prototype.get=q8;Br.prototype.has=P8;Br.prototype.set=G8;function Z8(){this.__data__=new Br,this.size=0}function Y8(n){var r=this.__data__,l=r.delete(n);return this.size=r.size,l}function X8(n){return this.__data__.get(n)}function Q8(n){return this.__data__.has(n)}function Pi(n){var r=typeof n;return n!=null&&(r=="object"||r=="function")}var W8="[object AsyncFunction]",J8="[object Function]",nO="[object GeneratorFunction]",eO="[object Proxy]";function Qw(n){if(!Pi(n))return!1;var r=ra(n);return r==J8||r==nO||r==W8||r==eO}var Th=lr["__core-js_shared__"],xy=(function(){var n=/[^.]+$/.exec(Th&&Th.keys&&Th.keys.IE_PROTO||"");return n?"Symbol(src)_1."+n:""})();function oO(n){return!!xy&&xy in n}var rO=Function.prototype,tO=rO.toString;function aa(n){if(n!=null){try{return tO.call(n)}catch{}try{return n+""}catch{}}return""}var aO=/[\\^$.*+?()[\]{}|]/g,lO=/^\[object .+?Constructor\]$/,iO=Function.prototype,cO=Object.prototype,sO=iO.toString,dO=cO.hasOwnProperty,uO=RegExp("^"+sO.call(dO).replace(aO,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$");function hO(n){if(!Pi(n)||oO(n))return!1;var r=Qw(n)?uO:lO;return r.test(aa(n))}function bO(n,r){return n?.[r]}function la(n,r){var l=bO(n,r);return hO(l)?l:void 0}var Ri=la(lr,"Map"),Bi=la(Object,"create");function pO(){this.__data__=Bi?Bi(null):{},this.size=0}function gO(n){var r=this.has(n)&&delete this.__data__[n];return this.size-=r?1:0,r}var fO="__lodash_hash_undefined__",vO=Object.prototype,mO=vO.hasOwnProperty;function kO(n){var r=this.__data__;if(Bi){var l=r[n];return l===fO?void 0:l}return mO.call(r,n)?r[n]:void 0}var yO=Object.prototype,wO=yO.hasOwnProperty;function _O(n){var r=this.__data__;return Bi?r[n]!==void 0:wO.call(r,n)}var xO="__lodash_hash_undefined__";function zO(n,r){var l=this.__data__;return this.size+=this.has(n)?0:1,l[n]=Bi&&r===void 0?xO:r,this}function Wt(n){var r=-1,l=n==null?0:n.length;for(this.clear();++r<l;){var c=n[r];this.set(c[0],c[1])}}Wt.prototype.clear=pO;Wt.prototype.delete=gO;Wt.prototype.get=kO;Wt.prototype.has=_O;Wt.prototype.set=zO;function jO(){this.size=0,this.__data__={hash:new Wt,map:new(Ri||Br),string:new Wt}}function SO(n){var r=typeof n;return r=="string"||r=="number"||r=="symbol"||r=="boolean"?n!=="__proto__":n===null}function Fs(n,r){var l=n.__data__;return SO(r)?l[typeof r=="string"?"string":"hash"]:l.map}function TO(n){var r=Fs(this,n).delete(n);return this.size-=r?1:0,r}function AO(n){return Fs(this,n).get(n)}function EO(n){return Fs(this,n).has(n)}function OO(n,r){var l=Fs(this,n),c=l.size;return l.set(n,r),this.size+=l.size==c?0:1,this}function kt(n){var r=-1,l=n==null?0:n.length;for(this.clear();++r<l;){var c=n[r];this.set(c[0],c[1])}}kt.prototype.clear=jO;kt.prototype.delete=TO;kt.prototype.get=AO;kt.prototype.has=EO;kt.prototype.set=OO;var LO=200;function CO(n,r){var l=this.__data__;if(l instanceof Br){var c=l.__data__;if(!Ri||c.length<LO-1)return c.push([n,r]),this.size=++l.size,this;l=this.__data__=new kt(c)}return l.set(n,r),this.size=l.size,this}function ul(n){var r=this.__data__=new Br(n);this.size=r.size}ul.prototype.clear=Z8;ul.prototype.delete=Y8;ul.prototype.get=X8;ul.prototype.has=Q8;ul.prototype.set=CO;function NO(n,r){for(var l=-1,c=n==null?0:n.length;++l<c&&r(n[l],l,n)!==!1;);return n}var zy=(function(){try{var n=la(Object,"defineProperty");return n({},"",{}),n}catch{}})();function Ww(n,r,l){r=="__proto__"&&zy?zy(n,r,{configurable:!0,enumerable:!0,value:l,writable:!0}):n[r]=l}var $O=Object.prototype,RO=$O.hasOwnProperty;function Jw(n,r,l){var c=n[r];(!(RO.call(n,r)&&Xw(c,l))||l===void 0&&!(r in n))&&Ww(n,r,l)}function Vs(n,r,l,c){var s=!l;l||(l={});for(var u=-1,b=r.length;++u<b;){var g=r[u],p=void 0;p===void 0&&(p=n[g]),s?Ww(l,g,p):Jw(l,g,p)}return l}function BO(n,r){for(var l=-1,c=Array(n);++l<n;)c[l]=r(l);return c}var DO="[object Arguments]";function jy(n){return ta(n)&&ra(n)==DO}var n_=Object.prototype,MO=n_.hasOwnProperty,IO=n_.propertyIsEnumerable,KO=jy((function(){return arguments})())?jy:function(n){return ta(n)&&MO.call(n,"callee")&&!IO.call(n,"callee")},Gi=Array.isArray;function HO(){return!1}var e_=typeof exports=="object"&&exports&&!exports.nodeType&&exports,Sy=e_&&typeof module=="object"&&module&&!module.nodeType&&module,UO=Sy&&Sy.exports===e_,Ty=UO?lr.Buffer:void 0,FO=Ty?Ty.isBuffer:void 0,o_=FO||HO,VO=9007199254740991,qO=/^(?:0|[1-9]\d*)$/;function PO(n,r){var l=typeof n;return r=r??VO,!!r&&(l=="number"||l!="symbol"&&qO.test(n))&&n>-1&&n%1==0&&n<r}var GO=9007199254740991;function r_(n){return typeof n=="number"&&n>-1&&n%1==0&&n<=GO}var ZO="[object Arguments]",YO="[object Array]",XO="[object Boolean]",QO="[object Date]",WO="[object Error]",JO="[object Function]",nL="[object Map]",eL="[object Number]",oL="[object Object]",rL="[object RegExp]",tL="[object Set]",aL="[object String]",lL="[object WeakMap]",iL="[object ArrayBuffer]",cL="[object DataView]",sL="[object Float32Array]",dL="[object Float64Array]",uL="[object Int8Array]",hL="[object Int16Array]",bL="[object Int32Array]",pL="[object Uint8Array]",gL="[object Uint8ClampedArray]",fL="[object Uint16Array]",vL="[object Uint32Array]",de={};de[sL]=de[dL]=de[uL]=de[hL]=de[bL]=de[pL]=de[gL]=de[fL]=de[vL]=!0;de[ZO]=de[YO]=de[iL]=de[XO]=de[cL]=de[QO]=de[WO]=de[JO]=de[nL]=de[eL]=de[oL]=de[rL]=de[tL]=de[aL]=de[lL]=!1;function mL(n){return ta(n)&&r_(n.length)&&!!de[ra(n)]}function Vb(n){return function(r){return n(r)}}var t_=typeof exports=="object"&&exports&&!exports.nodeType&&exports,ji=t_&&typeof module=="object"&&module&&!module.nodeType&&module,kL=ji&&ji.exports===t_,Ah=kL&&Pw.process,ll=(function(){try{var n=ji&&ji.require&&ji.require("util").types;return n||Ah&&Ah.binding&&Ah.binding("util")}catch{}})(),Ay=ll&&ll.isTypedArray,yL=Ay?Vb(Ay):mL,wL=Object.prototype,_L=wL.hasOwnProperty;function a_(n,r){var l=Gi(n),c=!l&&KO(n),s=!l&&!c&&o_(n),u=!l&&!c&&!s&&yL(n),b=l||c||s||u,g=b?BO(n.length,String):[],p=g.length;for(var f in n)(r||_L.call(n,f))&&!(b&&(f=="length"||s&&(f=="offset"||f=="parent")||u&&(f=="buffer"||f=="byteLength"||f=="byteOffset")||PO(f,p)))&&g.push(f);return g}var xL=Object.prototype;function qb(n){var r=n&&n.constructor,l=typeof r=="function"&&r.prototype||xL;return n===l}var zL=Zw(Object.keys,Object),jL=Object.prototype,SL=jL.hasOwnProperty;function TL(n){if(!qb(n))return zL(n);var r=[];for(var l in Object(n))SL.call(n,l)&&l!="constructor"&&r.push(l);return r}function l_(n){return n!=null&&r_(n.length)&&!Qw(n)}function Pb(n){return l_(n)?a_(n):TL(n)}function AL(n,r){return n&&Vs(r,Pb(r),n)}function EL(n){var r=[];if(n!=null)for(var l in Object(n))r.push(l);return r}var OL=Object.prototype,LL=OL.hasOwnProperty;function CL(n){if(!Pi(n))return EL(n);var r=qb(n),l=[];for(var c in n)c=="constructor"&&(r||!LL.call(n,c))||l.push(c);return l}function Gb(n){return l_(n)?a_(n,!0):CL(n)}function NL(n,r){return n&&Vs(r,Gb(r),n)}var i_=typeof exports=="object"&&exports&&!exports.nodeType&&exports,Ey=i_&&typeof module=="object"&&module&&!module.nodeType&&module,$L=Ey&&Ey.exports===i_,Oy=$L?lr.Buffer:void 0,Ly=Oy?Oy.allocUnsafe:void 0;function RL(n,r){if(r)return n.slice();var l=n.length,c=Ly?Ly(l):new n.constructor(l);return n.copy(c),c}function c_(n,r){var l=-1,c=n.length;for(r||(r=Array(c));++l<c;)r[l]=n[l];return r}function BL(n,r){for(var l=-1,c=n==null?0:n.length,s=0,u=[];++l<c;){var b=n[l];r(b,l,n)&&(u[s++]=b)}return u}function s_(){return[]}var DL=Object.prototype,ML=DL.propertyIsEnumerable,Cy=Object.getOwnPropertySymbols,Zb=Cy?function(n){return n==null?[]:(n=Object(n),BL(Cy(n),function(r){return ML.call(n,r)}))}:s_;function IL(n,r){return Vs(n,Zb(n),r)}function d_(n,r){for(var l=-1,c=r.length,s=n.length;++l<c;)n[s+l]=r[l];return n}var KL=Object.getOwnPropertySymbols,u_=KL?function(n){for(var r=[];n;)d_(r,Zb(n)),n=Fb(n);return r}:s_;function HL(n,r){return Vs(n,u_(n),r)}function h_(n,r,l){var c=r(n);return Gi(n)?c:d_(c,l(n))}function UL(n){return h_(n,Pb,Zb)}function FL(n){return h_(n,Gb,u_)}var ub=la(lr,"DataView"),hb=la(lr,"Promise"),bb=la(lr,"Set"),pb=la(lr,"WeakMap"),Ny="[object Map]",VL="[object Object]",$y="[object Promise]",Ry="[object Set]",By="[object WeakMap]",Dy="[object DataView]",qL=aa(ub),PL=aa(Ri),GL=aa(hb),ZL=aa(bb),YL=aa(pb),jr=ra;(ub&&jr(new ub(new ArrayBuffer(1)))!=Dy||Ri&&jr(new Ri)!=Ny||hb&&jr(hb.resolve())!=$y||bb&&jr(new bb)!=Ry||pb&&jr(new pb)!=By)&&(jr=function(n){var r=ra(n),l=r==VL?n.constructor:void 0,c=l?aa(l):"";if(c)switch(c){case qL:return Dy;case PL:return Ny;case GL:return $y;case ZL:return Ry;case YL:return By}return r});var XL=Object.prototype,QL=XL.hasOwnProperty;function WL(n){var r=n.length,l=new n.constructor(r);return r&&typeof n[0]=="string"&&QL.call(n,"index")&&(l.index=n.index,l.input=n.input),l}var My=lr.Uint8Array;function Yb(n){var r=new n.constructor(n.byteLength);return new My(r).set(new My(n)),r}function JL(n,r){var l=r?Yb(n.buffer):n.buffer;return new n.constructor(l,n.byteOffset,n.byteLength)}var nC=/\w*$/;function eC(n){var r=new n.constructor(n.source,nC.exec(n));return r.lastIndex=n.lastIndex,r}var Iy=gt?gt.prototype:void 0,Ky=Iy?Iy.valueOf:void 0;function oC(n){return Ky?Object(Ky.call(n)):{}}function rC(n,r){var l=r?Yb(n.buffer):n.buffer;return new n.constructor(l,n.byteOffset,n.length)}var tC="[object Boolean]",aC="[object Date]",lC="[object Map]",iC="[object Number]",cC="[object RegExp]",sC="[object Set]",dC="[object String]",uC="[object Symbol]",hC="[object ArrayBuffer]",bC="[object DataView]",pC="[object Float32Array]",gC="[object Float64Array]",fC="[object Int8Array]",vC="[object Int16Array]",mC="[object Int32Array]",kC="[object Uint8Array]",yC="[object Uint8ClampedArray]",wC="[object Uint16Array]",_C="[object Uint32Array]";function xC(n,r,l){var c=n.constructor;switch(r){case hC:return Yb(n);case tC:case aC:return new c(+n);case bC:return JL(n,l);case pC:case gC:case fC:case vC:case mC:case kC:case yC:case wC:case _C:return rC(n,l);case lC:return new c;case iC:case dC:return new c(n);case cC:return eC(n);case sC:return new c;case uC:return oC(n)}}var Hy=Object.create,zC=(function(){function n(){}return function(r){if(!Pi(r))return{};if(Hy)return Hy(r);n.prototype=r;var l=new n;return n.prototype=void 0,l}})();function jC(n){return typeof n.constructor=="function"&&!qb(n)?zC(Fb(n)):{}}var SC="[object Map]";function TC(n){return ta(n)&&jr(n)==SC}var Uy=ll&&ll.isMap,AC=Uy?Vb(Uy):TC,EC="[object Set]";function OC(n){return ta(n)&&jr(n)==EC}var Fy=ll&&ll.isSet,LC=Fy?Vb(Fy):OC,CC=1,NC=2,$C=4,b_="[object Arguments]",RC="[object Array]",BC="[object Boolean]",DC="[object Date]",MC="[object Error]",p_="[object Function]",IC="[object GeneratorFunction]",KC="[object Map]",HC="[object Number]",g_="[object Object]",UC="[object RegExp]",FC="[object Set]",VC="[object String]",qC="[object Symbol]",PC="[object WeakMap]",GC="[object ArrayBuffer]",ZC="[object DataView]",YC="[object Float32Array]",XC="[object Float64Array]",QC="[object Int8Array]",WC="[object Int16Array]",JC="[object Int32Array]",nN="[object Uint8Array]",eN="[object Uint8ClampedArray]",oN="[object Uint16Array]",rN="[object Uint32Array]",se={};se[b_]=se[RC]=se[GC]=se[ZC]=se[BC]=se[DC]=se[YC]=se[XC]=se[QC]=se[WC]=se[JC]=se[KC]=se[HC]=se[g_]=se[UC]=se[FC]=se[VC]=se[qC]=se[nN]=se[eN]=se[oN]=se[rN]=!0;se[MC]=se[p_]=se[PC]=!1;function Si(n,r,l,c,s,u){var b,g=r&CC,p=r&NC,f=r&$C;if(b!==void 0)return b;if(!Pi(n))return n;var m=Gi(n);if(m){if(b=WL(n),!g)return c_(n,b)}else{var y=jr(n),_=y==p_||y==IC;if(o_(n))return RL(n,g);if(y==g_||y==b_||_&&!s){if(b=p||_?{}:jC(n),!g)return p?HL(n,NL(b,n)):IL(n,AL(b,n))}else{if(!se[y])return s?n:{};b=xC(n,y,g)}}u||(u=new ul);var S=u.get(n);if(S)return S;u.set(n,b),LC(n)?n.forEach(function(E){b.add(Si(E,r,l,E,n,u))}):AC(n)&&n.forEach(function(E,x){b.set(x,Si(E,r,l,x,n,u))});var O=f?p?FL:UL:p?Gb:Pb,A=m?void 0:O(n);return NO(A||n,function(E,x){A&&(x=E,E=n[x]),Jw(b,x,Si(E,r,l,x,n,u))}),b}var tN=1,aN=4;function us(n){return Si(n,tN|aN)}var Eh,Vy;function lN(){if(Vy)return Eh;Vy=1;var n=Array.isArray,r=Object.keys,l=Object.prototype.hasOwnProperty,c=typeof Element<"u";function s(u,b){if(u===b)return!0;if(u&&b&&typeof u=="object"&&typeof b=="object"){var g=n(u),p=n(b),f,m,y;if(g&&p){if(m=u.length,m!=b.length)return!1;for(f=m;f--!==0;)if(!s(u[f],b[f]))return!1;return!0}if(g!=p)return!1;var _=u instanceof Date,S=b instanceof Date;if(_!=S)return!1;if(_&&S)return u.getTime()==b.getTime();var O=u instanceof RegExp,A=b instanceof RegExp;if(O!=A)return!1;if(O&&A)return u.toString()==b.toString();var E=r(u);if(m=E.length,m!==r(b).length)return!1;for(f=m;f--!==0;)if(!l.call(b,E[f]))return!1;if(c&&u instanceof Element&&b instanceof Element)return u===b;for(f=m;f--!==0;)if(y=E[f],!(y==="_owner"&&u.$$typeof)&&!s(u[y],b[y]))return!1;return!0}return u!==u&&b!==b}return Eh=function(b,g){try{return s(b,g)}catch(p){if(p.message&&p.message.match(/stack|recursion/i)||p.number===-2146828260)return console.warn("Warning: react-fast-compare does not handle circular references.",p.name,p.message),!1;throw p}},Eh}var iN=lN();const Ft=wb(iN);var cN=4;function qy(n){return Si(n,cN)}function f_(n,r){for(var l=-1,c=n==null?0:n.length,s=Array(c);++l<c;)s[l]=r(n[l],l,n);return s}var sN="[object Symbol]";function Xb(n){return typeof n=="symbol"||ta(n)&&ra(n)==sN}var dN="Expected a function";function Qb(n,r){if(typeof n!="function"||r!=null&&typeof r!="function")throw new TypeError(dN);var l=function(){var c=arguments,s=r?r.apply(this,c):c[0],u=l.cache;if(u.has(s))return u.get(s);var b=n.apply(this,c);return l.cache=u.set(s,b)||u,b};return l.cache=new(Qb.Cache||kt),l}Qb.Cache=kt;var uN=500;function hN(n){var r=Qb(n,function(c){return l.size===uN&&l.clear(),c}),l=r.cache;return r}var bN=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,pN=/\\(\\)?/g,gN=hN(function(n){var r=[];return n.charCodeAt(0)===46&&r.push(""),n.replace(bN,function(l,c,s,u){r.push(s?u.replace(pN,"$1"):c||l)}),r});function fN(n){if(typeof n=="string"||Xb(n))return n;var r=n+"";return r=="0"&&1/n==-1/0?"-0":r}var Py=gt?gt.prototype:void 0,Gy=Py?Py.toString:void 0;function v_(n){if(typeof n=="string")return n;if(Gi(n))return f_(n,v_)+"";if(Xb(n))return Gy?Gy.call(n):"";var r=n+"";return r=="0"&&1/n==-1/0?"-0":r}function vN(n){return n==null?"":v_(n)}function m_(n){return Gi(n)?f_(n,fN):Xb(n)?[n]:c_(gN(vN(n)))}var Oh={exports:{}},Qn={};/** @license React v16.13.1
  * react-is.production.min.js
  *
  * Copyright (c) Facebook, Inc. and its affiliates.
@@ -23236,12 +23236,12 @@ Link:
 								avoidance system, which increases availability.`,_variant:"block"})]}),U$={quote:{basic:K$,block:H$}};var Rh,e1;function F$(){if(e1)return Rh;e1=1;function n(x){this._maxSize=x,this.clear()}n.prototype.clear=function(){this._size=0,this._values=Object.create(null)},n.prototype.get=function(x){return this._values[x]},n.prototype.set=function(x,M){return this._size>=this._maxSize&&this.clear(),x in this._values||this._size++,this._values[x]=M};var r=/[^.^\]^[]+|(?=\[\]|\.\.)/g,l=/^\d+$/,c=/^\d/,s=/[~`!#$%\^&*+=\-\[\]\\';,/{}|\\":<>\?]/g,u=/^\s*(['"]?)(.*?)(\1)\s*$/,b=512,g=new n(b),p=new n(b),f=new n(b);Rh={Cache:n,split:y,normalizePath:m,setter:function(x){var M=m(x);return p.get(x)||p.set(x,function(J,C){for(var Q=0,en=M.length,un=J;Q<en-1;){var hn=M[Q];if(hn==="__proto__"||hn==="constructor"||hn==="prototype")return J;un=un[M[Q++]]}un[M[Q]]=C})},getter:function(x,M){var G=m(x);return f.get(x)||f.set(x,function(C){for(var Q=0,en=G.length;Q<en;)if(C!=null||!M)C=C[G[Q++]];else return;return C})},join:function(x){return x.reduce(function(M,G){return M+(S(G)||l.test(G)?"["+G+"]":(M?".":"")+G)},"")},forEach:function(x,M,G){_(Array.isArray(x)?x:y(x),M,G)}};function m(x){return g.get(x)||g.set(x,y(x).map(function(M){return M.replace(u,"$2")}))}function y(x){return x.match(r)||[""]}function _(x,M,G){var J=x.length,C,Q,en,un;for(Q=0;Q<J;Q++)C=x[Q],C&&(E(C)&&(C='"'+C+'"'),un=S(C),en=!un&&/^\d+$/.test(C),M.call(G,C,un,en,Q,x))}function S(x){return typeof x=="string"&&x&&["'",'"'].indexOf(x.charAt(0))!==-1}function O(x){return x.match(c)&&!x.match(l)}function A(x){return s.test(x)}function E(x){return!S(x)&&(O(x)||A(x))}return Rh}var Xt=F$(),Bh,o1;function V$(){if(o1)return Bh;o1=1;const n=/[A-Z\xc0-\xd6\xd8-\xde]?[a-z\xdf-\xf6\xf8-\xff]+(?:['’](?:d|ll|m|re|s|t|ve))?(?=[\xac\xb1\xd7\xf7\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\xbf\u2000-\u206f \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000]|[A-Z\xc0-\xd6\xd8-\xde]|$)|(?:[A-Z\xc0-\xd6\xd8-\xde]|[^\ud800-\udfff\xac\xb1\xd7\xf7\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\xbf\u2000-\u206f \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\d+\u2700-\u27bfa-z\xdf-\xf6\xf8-\xffA-Z\xc0-\xd6\xd8-\xde])+(?:['’](?:D|LL|M|RE|S|T|VE))?(?=[\xac\xb1\xd7\xf7\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\xbf\u2000-\u206f \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000]|[A-Z\xc0-\xd6\xd8-\xde](?:[a-z\xdf-\xf6\xf8-\xff]|[^\ud800-\udfff\xac\xb1\xd7\xf7\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\xbf\u2000-\u206f \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\d+\u2700-\u27bfa-z\xdf-\xf6\xf8-\xffA-Z\xc0-\xd6\xd8-\xde])|$)|[A-Z\xc0-\xd6\xd8-\xde]?(?:[a-z\xdf-\xf6\xf8-\xff]|[^\ud800-\udfff\xac\xb1\xd7\xf7\x00-\x2f\x3a-\x40\x5b-\x60\x7b-\xbf\u2000-\u206f \t\x0b\f\xa0\ufeff\n\r\u2028\u2029\u1680\u180e\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u202f\u205f\u3000\d+\u2700-\u27bfa-z\xdf-\xf6\xf8-\xffA-Z\xc0-\xd6\xd8-\xde])+(?:['’](?:d|ll|m|re|s|t|ve))?|[A-Z\xc0-\xd6\xd8-\xde]+(?:['’](?:D|LL|M|RE|S|T|VE))?|\d*(?:1ST|2ND|3RD|(?![123])\dTH)(?=\b|[a-z_])|\d*(?:1st|2nd|3rd|(?![123])\dth)(?=\b|[A-Z_])|\d+|(?:[\u2700-\u27bf]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff])[\ufe0e\ufe0f]?(?:[\u0300-\u036f\ufe20-\ufe2f\u20d0-\u20ff]|\ud83c[\udffb-\udfff])?(?:\u200d(?:[^\ud800-\udfff]|(?:\ud83c[\udde6-\uddff]){2}|[\ud800-\udbff][\udc00-\udfff])[\ufe0e\ufe0f]?(?:[\u0300-\u036f\ufe20-\ufe2f\u20d0-\u20ff]|\ud83c[\udffb-\udfff])?)*/g,r=m=>m.match(n)||[],l=m=>m[0].toUpperCase()+m.slice(1),c=(m,y)=>r(m).join(y).toLowerCase(),s=m=>r(m).reduce((y,_)=>`${y}${y?_[0].toUpperCase()+_.slice(1).toLowerCase():_.toLowerCase()}`,"");return Bh={words:r,upperFirst:l,camelCase:s,pascalCase:m=>l(s(m)),snakeCase:m=>c(m,"_"),kebabCase:m=>c(m,"-"),sentenceCase:m=>l(c(m," ")),titleCase:m=>r(m).map(l).join(" ")},Bh}var Dh=V$(),bs={exports:{}},r1;function q$(){if(r1)return bs.exports;r1=1,bs.exports=function(s){return n(r(s),s)},bs.exports.array=n;function n(s,u){var b=s.length,g=new Array(b),p={},f=b,m=l(u),y=c(s);for(u.forEach(function(S){if(!y.has(S[0])||!y.has(S[1]))throw new Error("Unknown node. There is an unknown node in the supplied edges.")});f--;)p[f]||_(s[f],f,new Set);return g;function _(S,O,A){if(A.has(S)){var E;try{E=", node was:"+JSON.stringify(S)}catch{E=""}throw new Error("Cyclic dependency"+E)}if(!y.has(S))throw new Error("Found unknown node. Make sure to provided all involved nodes. Unknown node: "+JSON.stringify(S));if(!p[O]){p[O]=!0;var x=m.get(S)||new Set;if(x=Array.from(x),O=x.length){A.add(S);do{var M=x[--O];_(M,y.get(M),A)}while(O);A.delete(S)}g[--b]=S}}}function r(s){for(var u=new Set,b=0,g=s.length;b<g;b++){var p=s[b];u.add(p[0]),u.add(p[1])}return Array.from(u)}function l(s){for(var u=new Map,b=0,g=s.length;b<g;b++){var p=s[b];u.has(p[0])||u.set(p[0],new Set),u.has(p[1])||u.set(p[1],new Set),u.get(p[0]).add(p[1])}return u}function c(s){for(var u=new Map,b=0,g=s.length;b<g;b++)u.set(s[b],b);return u}return bs.exports}var P$=q$();const G$=wb(P$),Z$=Object.prototype.toString,Y$=Error.prototype.toString,X$=RegExp.prototype.toString,Q$=typeof Symbol<"u"?Symbol.prototype.toString:()=>"",W$=/^Symbol\((.*)\)(.*)$/;function J$(n){return n!=+n?"NaN":n===0&&1/n<0?"-0":""+n}function t1(n,r=!1){if(n==null||n===!0||n===!1)return""+n;const l=typeof n;if(l==="number")return J$(n);if(l==="string")return r?`"${n}"`:n;if(l==="function")return"[Function "+(n.name||"anonymous")+"]";if(l==="symbol")return Q$.call(n).replace(W$,"Symbol($1)");const c=Z$.call(n).slice(8,-1);return c==="Date"?isNaN(n.getTime())?""+n:n.toISOString(n):c==="Error"||n instanceof Error?"["+Y$.call(n)+"]":c==="RegExp"?X$.call(n):null}function pt(n,r){let l=t1(n,r);return l!==null?l:JSON.stringify(n,function(c,s){let u=t1(this[c],r);return u!==null?u:s},2)}function A_(n){return n==null?[]:[].concat(n)}let E_,O_,L_,nR=/\$\{\s*(\w+)\s*\}/g;E_=Symbol.toStringTag;class a1{constructor(r,l,c,s){this.name=void 0,this.message=void 0,this.value=void 0,this.path=void 0,this.type=void 0,this.params=void 0,this.errors=void 0,this.inner=void 0,this[E_]="Error",this.name="ValidationError",this.value=l,this.path=c,this.type=s,this.errors=[],this.inner=[],A_(r).forEach(u=>{if(to.isError(u)){this.errors.push(...u.errors);const b=u.inner.length?u.inner:[u];this.inner.push(...b)}else this.errors.push(u)}),this.message=this.errors.length>1?`${this.errors.length} errors occurred`:this.errors[0]}}O_=Symbol.hasInstance;L_=Symbol.toStringTag;class to extends Error{static formatError(r,l){const c=l.label||l.path||"this";return l=Object.assign({},l,{path:c,originalPath:l.path}),typeof r=="string"?r.replace(nR,(s,u)=>pt(l[u])):typeof r=="function"?r(l):r}static isError(r){return r&&r.name==="ValidationError"}constructor(r,l,c,s,u){const b=new a1(r,l,c,s);if(u)return b;super(),this.value=void 0,this.path=void 0,this.type=void 0,this.params=void 0,this.errors=[],this.inner=[],this[L_]="Error",this.name=b.name,this.message=b.message,this.type=b.type,this.value=b.value,this.path=b.path,this.errors=b.errors,this.inner=b.inner,Error.captureStackTrace&&Error.captureStackTrace(this,to)}static[O_](r){return a1[Symbol.hasInstance](r)||super[Symbol.hasInstance](r)}}let or={default:"${path} is invalid",required:"${path} is a required field",defined:"${path} must be defined",notNull:"${path} cannot be null",oneOf:"${path} must be one of the following values: ${values}",notOneOf:"${path} must not be one of the following values: ${values}",notType:({path:n,type:r,value:l,originalValue:c})=>{const s=c!=null&&c!==l?` (cast from the value \`${pt(c,!0)}\`).`:".";return r!=="mixed"?`${n} must be a \`${r}\` type, but the final value was: \`${pt(l,!0)}\``+s:`${n} must match the configured type. The validated value was: \`${pt(l,!0)}\``+s}},go={length:"${path} must be exactly ${length} characters",min:"${path} must be at least ${min} characters",max:"${path} must be at most ${max} characters",matches:'${path} must match the following: "${regex}"',email:"${path} must be a valid email",url:"${path} must be a valid URL",uuid:"${path} must be a valid UUID",datetime:"${path} must be a valid ISO date-time",datetime_precision:"${path} must be a valid ISO date-time with a sub-second precision of exactly ${precision} digits",datetime_offset:'${path} must be a valid ISO date-time with UTC "Z" timezone',trim:"${path} must be a trimmed string",lowercase:"${path} must be a lowercase string",uppercase:"${path} must be a upper case string"},eR={min:"${path} must be greater than or equal to ${min}",max:"${path} must be less than or equal to ${max}",lessThan:"${path} must be less than ${less}",moreThan:"${path} must be greater than ${more}",positive:"${path} must be a positive number",negative:"${path} must be a negative number",integer:"${path} must be an integer"},vb={min:"${path} field must be later than ${min}",max:"${path} field must be at earlier than ${max}"},oR={isValue:"${path} field must be ${value}"},zs={noUnknown:"${path} field has unspecified keys: ${unknown}",exact:"${path} object contains unknown properties: ${properties}"},rR={min:"${path} field must have at least ${min} items",max:"${path} field must have less than or equal to ${max} items",length:"${path} must have ${length} items"},tR={notType:n=>{const{path:r,value:l,spec:c}=n,s=c.types.length;if(Array.isArray(l)){if(l.length<s)return`${r} tuple value has too few items, expected a length of ${s} but got ${l.length} for value: \`${pt(l,!0)}\``;if(l.length>s)return`${r} tuple value has too many items, expected a length of ${s} but got ${l.length} for value: \`${pt(l,!0)}\``}return to.formatError(or.notType,n)}};Object.assign(Object.create(null),{mixed:or,string:go,number:eR,date:vb,object:zs,array:rR,boolean:oR,tuple:tR});const np=n=>n&&n.__isYupSchema__;class Rs{static fromOptions(r,l){if(!l.then&&!l.otherwise)throw new TypeError("either `then:` or `otherwise:` is required for `when()` conditions");let{is:c,then:s,otherwise:u}=l,b=typeof c=="function"?c:(...g)=>g.every(p=>p===c);return new Rs(r,(g,p)=>{var f;let m=b(...g)?s:u;return(f=m?.(p))!=null?f:p})}constructor(r,l){this.fn=void 0,this.refs=r,this.refs=r,this.fn=l}resolve(r,l){let c=this.refs.map(u=>u.getValue(l?.value,l?.parent,l?.context)),s=this.fn(c,r,l);if(s===void 0||s===r)return r;if(!np(s))throw new TypeError("conditions must return a schema object");return s.resolve(l)}}const ps={context:"$",value:"."};class ia{constructor(r,l={}){if(this.key=void 0,this.isContext=void 0,this.isValue=void 0,this.isSibling=void 0,this.path=void 0,this.getter=void 0,this.map=void 0,typeof r!="string")throw new TypeError("ref must be a string, got: "+r);if(this.key=r.trim(),r==="")throw new TypeError("ref must be a non-empty string");this.isContext=this.key[0]===ps.context,this.isValue=this.key[0]===ps.value,this.isSibling=!this.isContext&&!this.isValue;let c=this.isContext?ps.context:this.isValue?ps.value:"";this.path=this.key.slice(c.length),this.getter=this.path&&Xt.getter(this.path,!0),this.map=l.map}getValue(r,l,c){let s=this.isContext?c:this.isValue?r:l;return this.getter&&(s=this.getter(s||{})),this.map&&(s=this.map(s)),s}cast(r,l){return this.getValue(r,l?.parent,l?.context)}resolve(){return this}describe(){return{type:"ref",key:this.key}}toString(){return`Ref(${this.key})`}static isRef(r){return r&&r.__isYupRef}}ia.prototype.__isYupRef=!0;const Gt=n=>n==null;function Ja(n){function r({value:l,path:c="",options:s,originalValue:u,schema:b},g,p){const{name:f,test:m,params:y,message:_,skipAbsent:S}=n;let{parent:O,context:A,abortEarly:E=b.spec.abortEarly,disableStackTrace:x=b.spec.disableStackTrace}=s;const M={value:l,parent:O,context:A};function G(Y={}){const cn=C_(Object.assign({value:l,originalValue:u,label:b.spec.label,path:Y.path||c,spec:b.spec,disableStackTrace:Y.disableStackTrace||x},y,Y.params),M),Ln=new to(to.formatError(Y.message||_,cn),l,cn.path,Y.type||f,cn.disableStackTrace);return Ln.params=cn,Ln}const J=E?g:p;let C={path:c,parent:O,type:f,from:s.from,createError:G,resolve(Y){return N_(Y,M)},options:s,originalValue:u,schema:b};const Q=Y=>{to.isError(Y)?J(Y):Y?p(null):J(G())},en=Y=>{to.isError(Y)?J(Y):g(Y)};if(S&&Gt(l))return Q(!0);let hn;try{var Un;if(hn=m.call(C,l,C),typeof((Un=hn)==null?void 0:Un.then)=="function"){if(s.sync)throw new Error(`Validation test of type: "${C.type}" returned a Promise during a synchronous validate. This test will finish after the validate call has returned`);return Promise.resolve(hn).then(Q,en)}}catch(Y){en(Y);return}Q(hn)}return r.OPTIONS=n,r}function C_(n,r){if(!n)return n;for(const l of Object.keys(n))n[l]=N_(n[l],r);return n}function N_(n,r){return ia.isRef(n)?n.getValue(r.value,r.parent,r.context):n}function aR(n,r,l,c=l){let s,u,b;return r?(Xt.forEach(r,(g,p,f)=>{let m=p?g.slice(1,g.length-1):g;n=n.resolve({context:c,parent:s,value:l});let y=n.type==="tuple",_=f?parseInt(m,10):0;if(n.innerType||y){if(y&&!f)throw new Error(`Yup.reach cannot implicitly index into a tuple type. the path part "${b}" must contain an index to the tuple element, e.g. "${b}[0]"`);if(l&&_>=l.length)throw new Error(`Yup.reach cannot resolve an array item at index: ${g}, in the path: ${r}. because there is no value at that index. `);s=l,l=l&&l[_],n=y?n.spec.types[_]:n.innerType}if(!f){if(!n.fields||!n.fields[m])throw new Error(`The schema does not contain the path: ${r}. (failed at: ${b} which is a type: "${n.type}")`);s=l,l=l&&l[m],n=n.fields[m]}u=m,b=p?"["+g+"]":"."+g}),{schema:n,parent:s,parentPath:u}):{parent:s,parentPath:r,schema:n}}class Bs extends Set{describe(){const r=[];for(const l of this.values())r.push(ia.isRef(l)?l.describe():l);return r}resolveAll(r){let l=[];for(const c of this.values())l.push(r(c));return l}clone(){return new Bs(this.values())}merge(r,l){const c=this.clone();return r.forEach(s=>c.add(s)),l.forEach(s=>c.delete(s)),c}}function rl(n,r=new Map){if(np(n)||!n||typeof n!="object")return n;if(r.has(n))return r.get(n);let l;if(n instanceof Date)l=new Date(n.getTime()),r.set(n,l);else if(n instanceof RegExp)l=new RegExp(n),r.set(n,l);else if(Array.isArray(n)){l=new Array(n.length),r.set(n,l);for(let c=0;c<n.length;c++)l[c]=rl(n[c],r)}else if(n instanceof Map){l=new Map,r.set(n,l);for(const[c,s]of n.entries())l.set(c,rl(s,r))}else if(n instanceof Set){l=new Set,r.set(n,l);for(const c of n)l.add(rl(c,r))}else if(n instanceof Object){l={},r.set(n,l);for(const[c,s]of Object.entries(n))l[c]=rl(s,r)}else throw Error(`Unable to clone ${n}`);return l}function lR(n){if(!(n!=null&&n.length))return;const r=[];let l="",c=!1,s=!1;for(let u=0;u<n.length;u++){const b=n[u];if(b==="["&&!s){l&&(r.push(...l.split(".").filter(Boolean)),l=""),c=!0;continue}if(b==="]"&&!s){l&&(/^\d+$/.test(l)?r.push(l):r.push(l.replace(/^"|"$/g,"")),l=""),c=!1;continue}if(b==='"'){s=!s;continue}if(b==="."&&!c&&!s){l&&(r.push(l),l="");continue}l+=b}return l&&r.push(...l.split(".").filter(Boolean)),r}function iR(n,r){const l=r?`${r}.${n.path}`:n.path;return n.errors.map(c=>({message:c,path:lR(l)}))}function $_(n,r){var l;if(!((l=n.inner)!=null&&l.length)&&n.errors.length)return iR(n,r);const c=r?`${r}.${n.path}`:n.path;return n.inner.flatMap(s=>$_(s,c))}class ar{constructor(r){this.type=void 0,this.deps=[],this.tests=void 0,this.transforms=void 0,this.conditions=[],this._mutate=void 0,this.internalTests={},this._whitelist=new Bs,this._blacklist=new Bs,this.exclusiveTests=Object.create(null),this._typeCheck=void 0,this.spec=void 0,this.tests=[],this.transforms=[],this.withMutation(()=>{this.typeError(or.notType)}),this.type=r.type,this._typeCheck=r.check,this.spec=Object.assign({strip:!1,strict:!1,abortEarly:!0,recursive:!0,disableStackTrace:!1,nullable:!1,optional:!0,coerce:!0},r?.spec),this.withMutation(l=>{l.nonNullable()})}get _type(){return this.type}clone(r){if(this._mutate)return r&&Object.assign(this.spec,r),this;const l=Object.create(Object.getPrototypeOf(this));return l.type=this.type,l._typeCheck=this._typeCheck,l._whitelist=this._whitelist.clone(),l._blacklist=this._blacklist.clone(),l.internalTests=Object.assign({},this.internalTests),l.exclusiveTests=Object.assign({},this.exclusiveTests),l.deps=[...this.deps],l.conditions=[...this.conditions],l.tests=[...this.tests],l.transforms=[...this.transforms],l.spec=rl(Object.assign({},this.spec,r)),l}label(r){let l=this.clone();return l.spec.label=r,l}meta(...r){if(r.length===0)return this.spec.meta;let l=this.clone();return l.spec.meta=Object.assign(l.spec.meta||{},r[0]),l}withMutation(r){let l=this._mutate;this._mutate=!0;let c=r(this);return this._mutate=l,c}concat(r){if(!r||r===this)return this;if(r.type!==this.type&&this.type!=="mixed")throw new TypeError(`You cannot \`concat()\` schema's of different types: ${this.type} and ${r.type}`);let l=this,c=r.clone();const s=Object.assign({},l.spec,c.spec);return c.spec=s,c.internalTests=Object.assign({},l.internalTests,c.internalTests),c._whitelist=l._whitelist.merge(r._whitelist,r._blacklist),c._blacklist=l._blacklist.merge(r._blacklist,r._whitelist),c.tests=l.tests,c.exclusiveTests=l.exclusiveTests,c.withMutation(u=>{r.tests.forEach(b=>{u.test(b.OPTIONS)})}),c.transforms=[...l.transforms,...c.transforms],c}isType(r){return r==null?!!(this.spec.nullable&&r===null||this.spec.optional&&r===void 0):this._typeCheck(r)}resolve(r){let l=this;if(l.conditions.length){let c=l.conditions;l=l.clone(),l.conditions=[],l=c.reduce((s,u)=>u.resolve(s,r),l),l=l.resolve(r)}return l}resolveOptions(r){var l,c,s,u;return Object.assign({},r,{from:r.from||[],strict:(l=r.strict)!=null?l:this.spec.strict,abortEarly:(c=r.abortEarly)!=null?c:this.spec.abortEarly,recursive:(s=r.recursive)!=null?s:this.spec.recursive,disableStackTrace:(u=r.disableStackTrace)!=null?u:this.spec.disableStackTrace})}cast(r,l={}){let c=this.resolve(Object.assign({value:r},l)),s=l.assert==="ignore-optionality",u=c._cast(r,l);if(l.assert!==!1&&!c.isType(u)){if(s&&Gt(u))return u;let b=pt(r),g=pt(u);throw new TypeError(`The value of ${l.path||"field"} could not be cast to a value that satisfies the schema type: "${c.type}". 
 
 attempted value: ${b} 
-`+(g!==b?`result of cast: ${g}`:""))}return u}_cast(r,l){let c=r===void 0?r:this.transforms.reduce((s,u)=>u.call(this,s,r,this),r);return c===void 0&&(c=this.getDefault(l)),c}_validate(r,l={},c,s){let{path:u,originalValue:b=r,strict:g=this.spec.strict}=l,p=r;g||(p=this._cast(p,Object.assign({assert:!1},l)));let f=[];for(let m of Object.values(this.internalTests))m&&f.push(m);this.runTests({path:u,value:p,originalValue:b,options:l,tests:f},c,m=>{if(m.length)return s(m,p);this.runTests({path:u,value:p,originalValue:b,options:l,tests:this.tests},c,s)})}runTests(r,l,c){let s=!1,{tests:u,value:b,originalValue:g,path:p,options:f}=r,m=A=>{s||(s=!0,l(A,b))},y=A=>{s||(s=!0,c(A,b))},_=u.length,S=[];if(!_)return y([]);let O={value:b,originalValue:g,path:p,options:f,schema:this};for(let A=0;A<u.length;A++){const E=u[A];E(O,m,function(M){M&&(Array.isArray(M)?S.push(...M):S.push(M)),--_<=0&&y(S)})}}asNestedTest({key:r,index:l,parent:c,parentPath:s,originalParent:u,options:b}){const g=r??l;if(g==null)throw TypeError("Must include `key` or `index` for nested validations");const p=typeof g=="number";let f=c[g];const m=Object.assign({},b,{strict:!0,parent:c,value:f,originalValue:u[g],key:void 0,[p?"index":"key"]:g,path:p||g.includes(".")?`${s||""}[${p?g:`"${g}"`}]`:(s?`${s}.`:"")+r});return(y,_,S)=>this.resolve(m)._validate(f,m,_,S)}validate(r,l){var c;let s=this.resolve(Object.assign({},l,{value:r})),u=(c=l?.disableStackTrace)!=null?c:s.spec.disableStackTrace;return new Promise((b,g)=>s._validate(r,l,(p,f)=>{to.isError(p)&&(p.value=f),g(p)},(p,f)=>{p.length?g(new to(p,f,void 0,void 0,u)):b(f)}))}validateSync(r,l){var c;let s=this.resolve(Object.assign({},l,{value:r})),u,b=(c=l?.disableStackTrace)!=null?c:s.spec.disableStackTrace;return s._validate(r,Object.assign({},l,{sync:!0}),(g,p)=>{throw to.isError(g)&&(g.value=p),g},(g,p)=>{if(g.length)throw new to(g,r,void 0,void 0,b);u=p}),u}isValid(r,l){return this.validate(r,l).then(()=>!0,c=>{if(to.isError(c))return!1;throw c})}isValidSync(r,l){try{return this.validateSync(r,l),!0}catch(c){if(to.isError(c))return!1;throw c}}_getDefault(r){let l=this.spec.default;return l==null?l:typeof l=="function"?l.call(this,r):rl(l)}getDefault(r){return this.resolve(r||{})._getDefault(r)}default(r){return arguments.length===0?this._getDefault():this.clone({default:r})}strict(r=!0){return this.clone({strict:r})}nullability(r,l){const c=this.clone({nullable:r});return c.internalTests.nullable=Ja({message:l,name:"nullable",test(s){return s===null?this.schema.spec.nullable:!0}}),c}optionality(r,l){const c=this.clone({optional:r});return c.internalTests.optionality=Ja({message:l,name:"optionality",test(s){return s===void 0?this.schema.spec.optional:!0}}),c}optional(){return this.optionality(!0)}defined(r=or.defined){return this.optionality(!1,r)}nullable(){return this.nullability(!0)}nonNullable(r=or.notNull){return this.nullability(!1,r)}required(r=or.required){return this.clone().withMutation(l=>l.nonNullable(r).defined(r))}notRequired(){return this.clone().withMutation(r=>r.nullable().optional())}transform(r){let l=this.clone();return l.transforms.push(r),l}test(...r){let l;if(r.length===1?typeof r[0]=="function"?l={test:r[0]}:l=r[0]:r.length===2?l={name:r[0],test:r[1]}:l={name:r[0],message:r[1],test:r[2]},l.message===void 0&&(l.message=or.default),typeof l.test!="function")throw new TypeError("`test` is a required parameters");let c=this.clone(),s=Ja(l),u=l.exclusive||l.name&&c.exclusiveTests[l.name]===!0;if(l.exclusive&&!l.name)throw new TypeError("Exclusive tests must provide a unique `name` identifying the test");return l.name&&(c.exclusiveTests[l.name]=!!l.exclusive),c.tests=c.tests.filter(b=>!(b.OPTIONS.name===l.name&&(u||b.OPTIONS.test===s.OPTIONS.test))),c.tests.push(s),c}when(r,l){!Array.isArray(r)&&typeof r!="string"&&(l=r,r=".");let c=this.clone(),s=A_(r).map(u=>new ia(u));return s.forEach(u=>{u.isSibling&&c.deps.push(u.key)}),c.conditions.push(typeof l=="function"?new Rs(s,l):Rs.fromOptions(s,l)),c}typeError(r){let l=this.clone();return l.internalTests.typeError=Ja({message:r,name:"typeError",skipAbsent:!0,test(c){return this.schema._typeCheck(c)?!0:this.createError({params:{type:this.schema.type}})}}),l}oneOf(r,l=or.oneOf){let c=this.clone();return r.forEach(s=>{c._whitelist.add(s),c._blacklist.delete(s)}),c.internalTests.whiteList=Ja({message:l,name:"oneOf",skipAbsent:!0,test(s){let u=this.schema._whitelist,b=u.resolveAll(this.resolve);return b.includes(s)?!0:this.createError({params:{values:Array.from(u).join(", "),resolved:b}})}}),c}notOneOf(r,l=or.notOneOf){let c=this.clone();return r.forEach(s=>{c._blacklist.add(s),c._whitelist.delete(s)}),c.internalTests.blacklist=Ja({message:l,name:"notOneOf",test(s){let u=this.schema._blacklist,b=u.resolveAll(this.resolve);return b.includes(s)?this.createError({params:{values:Array.from(u).join(", "),resolved:b}}):!0}}),c}strip(r=!0){let l=this.clone();return l.spec.strip=r,l}describe(r){const l=(r?this.resolve(r):this).clone(),{label:c,meta:s,optional:u,nullable:b}=l.spec;return{meta:s,label:c,optional:u,nullable:b,default:l.getDefault(r),type:l.type,oneOf:l._whitelist.describe(),notOneOf:l._blacklist.describe(),tests:l.tests.filter((p,f,m)=>m.findIndex(y=>y.OPTIONS.name===p.OPTIONS.name)===f).map(p=>{const f=p.OPTIONS.params&&r?C_(Object.assign({},p.OPTIONS.params),r):p.OPTIONS.params;return{name:p.OPTIONS.name,params:f}})}}get"~standard"(){const r=this;return{version:1,vendor:"yup",async validate(c){try{return{value:await r.validate(c,{abortEarly:!1})}}catch(s){if(s instanceof to)return{issues:$_(s)};throw s}}}}}ar.prototype.__isYupSchema__=!0;for(const n of["validate","validateSync"])ar.prototype[`${n}At`]=function(r,l,c={}){const{parent:s,parentPath:u,schema:b}=aR(this,r,l,c.context);return b[n](s&&s[u],Object.assign({},c,{parent:s,path:r}))};for(const n of["equals","is"])ar.prototype[n]=ar.prototype.oneOf;for(const n of["not","nope"])ar.prototype[n]=ar.prototype.notOneOf;const cR=/^(\d{4}|[+-]\d{6})(?:-?(\d{2})(?:-?(\d{2}))?)?(?:[ T]?(\d{2}):?(\d{2})(?::?(\d{2})(?:[,.](\d{1,}))?)?(?:(Z)|([+-])(\d{2})(?::?(\d{2}))?)?)?$/;function sR(n){const r=mb(n);if(!r)return Date.parse?Date.parse(n):Number.NaN;if(r.z===void 0&&r.plusMinus===void 0)return new Date(r.year,r.month,r.day,r.hour,r.minute,r.second,r.millisecond).valueOf();let l=0;return r.z!=="Z"&&r.plusMinus!==void 0&&(l=r.hourOffset*60+r.minuteOffset,r.plusMinus==="+"&&(l=0-l)),Date.UTC(r.year,r.month,r.day,r.hour,r.minute+l,r.second,r.millisecond)}function mb(n){var r,l;const c=cR.exec(n);return c?{year:_r(c[1]),month:_r(c[2],1)-1,day:_r(c[3],1),hour:_r(c[4]),minute:_r(c[5]),second:_r(c[6]),millisecond:c[7]?_r(c[7].substring(0,3)):0,precision:(r=(l=c[7])==null?void 0:l.length)!=null?r:void 0,z:c[8]||void 0,plusMinus:c[9]||void 0,hourOffset:_r(c[10]),minuteOffset:_r(c[11])}:null}function _r(n,r=0){return Number(n)||r}let dR=/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,uR=/^((https?|ftp):)?\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i,hR=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i,bR="^\\d{4}-\\d{2}-\\d{2}",pR="\\d{2}:\\d{2}:\\d{2}",gR="(([+-]\\d{2}(:?\\d{2})?)|Z)",fR=new RegExp(`${bR}T${pR}(\\.\\d+)?${gR}$`),vR=n=>Gt(n)||n===n.trim(),mR={}.toString();function ht(){return new R_}class R_ extends ar{constructor(){super({type:"string",check(r){return r instanceof String&&(r=r.valueOf()),typeof r=="string"}}),this.withMutation(()=>{this.transform((r,l,c)=>{if(!c.spec.coerce||c.isType(r)||Array.isArray(r))return r;const s=r!=null&&r.toString?r.toString():r;return s===mR?r:s})})}required(r){return super.required(r).withMutation(l=>l.test({message:r||or.required,name:"required",skipAbsent:!0,test:c=>!!c.length}))}notRequired(){return super.notRequired().withMutation(r=>(r.tests=r.tests.filter(l=>l.OPTIONS.name!=="required"),r))}length(r,l=go.length){return this.test({message:l,name:"length",exclusive:!0,params:{length:r},skipAbsent:!0,test(c){return c.length===this.resolve(r)}})}min(r,l=go.min){return this.test({message:l,name:"min",exclusive:!0,params:{min:r},skipAbsent:!0,test(c){return c.length>=this.resolve(r)}})}max(r,l=go.max){return this.test({name:"max",exclusive:!0,message:l,params:{max:r},skipAbsent:!0,test(c){return c.length<=this.resolve(r)}})}matches(r,l){let c=!1,s,u;return l&&(typeof l=="object"?{excludeEmptyString:c=!1,message:s,name:u}=l:s=l),this.test({name:u||"matches",message:s||go.matches,params:{regex:r},skipAbsent:!0,test:b=>b===""&&c||b.search(r)!==-1})}email(r=go.email){return this.matches(dR,{name:"email",message:r,excludeEmptyString:!0})}url(r=go.url){return this.matches(uR,{name:"url",message:r,excludeEmptyString:!0})}uuid(r=go.uuid){return this.matches(hR,{name:"uuid",message:r,excludeEmptyString:!1})}datetime(r){let l="",c,s;return r&&(typeof r=="object"?{message:l="",allowOffset:c=!1,precision:s=void 0}=r:l=r),this.matches(fR,{name:"datetime",message:l||go.datetime,excludeEmptyString:!0}).test({name:"datetime_offset",message:l||go.datetime_offset,params:{allowOffset:c},skipAbsent:!0,test:u=>{if(!u||c)return!0;const b=mb(u);return b?!!b.z:!1}}).test({name:"datetime_precision",message:l||go.datetime_precision,params:{precision:s},skipAbsent:!0,test:u=>{if(!u||s==null)return!0;const b=mb(u);return b?b.precision===s:!1}})}ensure(){return this.default("").transform(r=>r===null?"":r)}trim(r=go.trim){return this.transform(l=>l!=null?l.trim():l).test({message:r,name:"trim",test:vR})}lowercase(r=go.lowercase){return this.transform(l=>Gt(l)?l:l.toLowerCase()).test({message:r,name:"string_case",exclusive:!0,skipAbsent:!0,test:l=>Gt(l)||l===l.toLowerCase()})}uppercase(r=go.uppercase){return this.transform(l=>Gt(l)?l:l.toUpperCase()).test({message:r,name:"string_case",exclusive:!0,skipAbsent:!0,test:l=>Gt(l)||l===l.toUpperCase()})}}ht.prototype=R_.prototype;let kR=new Date(""),yR=n=>Object.prototype.toString.call(n)==="[object Date]";class ep extends ar{constructor(){super({type:"date",check(r){return yR(r)&&!isNaN(r.getTime())}}),this.withMutation(()=>{this.transform((r,l,c)=>!c.spec.coerce||c.isType(r)||r===null?r:(r=sR(r),isNaN(r)?ep.INVALID_DATE:new Date(r)))})}prepareParam(r,l){let c;if(ia.isRef(r))c=r;else{let s=this.cast(r);if(!this._typeCheck(s))throw new TypeError(`\`${l}\` must be a Date or a value that can be \`cast()\` to a Date`);c=s}return c}min(r,l=vb.min){let c=this.prepareParam(r,"min");return this.test({message:l,name:"min",exclusive:!0,params:{min:r},skipAbsent:!0,test(s){return s>=this.resolve(c)}})}max(r,l=vb.max){let c=this.prepareParam(r,"max");return this.test({message:l,name:"max",exclusive:!0,params:{max:r},skipAbsent:!0,test(s){return s<=this.resolve(c)}})}}ep.INVALID_DATE=kR;function wR(n,r=[]){let l=[],c=new Set,s=new Set(r.map(([b,g])=>`${b}-${g}`));function u(b,g){let p=Xt.split(b)[0];c.add(p),s.has(`${g}-${p}`)||l.push([g,p])}for(const b of Object.keys(n)){let g=n[b];c.add(b),ia.isRef(g)&&g.isSibling?u(g.path,b):np(g)&&"deps"in g&&g.deps.forEach(p=>u(p,b))}return G$.array(Array.from(c),l).reverse()}function l1(n,r){let l=1/0;return n.some((c,s)=>{var u;if((u=r.path)!=null&&u.includes(c))return l=s,!0}),l}function B_(n){return(r,l)=>l1(n,r)-l1(n,l)}const _R=(n,r,l)=>{if(typeof n!="string")return n;let c=n;try{c=JSON.parse(n)}catch{}return l.isType(c)?c:n};function js(n){if("fields"in n){const r={};for(const[l,c]of Object.entries(n.fields))r[l]=js(c);return n.setFields(r)}if(n.type==="array"){const r=n.optional();return r.innerType&&(r.innerType=js(r.innerType)),r}return n.type==="tuple"?n.optional().clone({types:n.spec.types.map(js)}):"optional"in n?n.optional():n}const xR=(n,r)=>{const l=[...Xt.normalizePath(r)];if(l.length===1)return l[0]in n;let c=l.pop(),s=Xt.getter(Xt.join(l),!0)(n);return!!(s&&c in s)};let i1=n=>Object.prototype.toString.call(n)==="[object Object]";function c1(n,r){let l=Object.keys(n.fields);return Object.keys(r).filter(c=>l.indexOf(c)===-1)}const zR=B_([]);function D_(n){return new M_(n)}class M_ extends ar{constructor(r){super({type:"object",check(l){return i1(l)||typeof l=="function"}}),this.fields=Object.create(null),this._sortErrors=zR,this._nodes=[],this._excludedEdges=[],this.withMutation(()=>{r&&this.shape(r)})}_cast(r,l={}){var c;let s=super._cast(r,l);if(s===void 0)return this.getDefault(l);if(!this._typeCheck(s))return s;let u=this.fields,b=(c=l.stripUnknown)!=null?c:this.spec.noUnknown,g=[].concat(this._nodes,Object.keys(s).filter(y=>!this._nodes.includes(y))),p={},f=Object.assign({},l,{parent:p,__validating:l.__validating||!1}),m=!1;for(const y of g){let _=u[y],S=y in s;if(_){let O,A=s[y];f.path=(l.path?`${l.path}.`:"")+y,_=_.resolve({value:A,context:l.context,parent:p});let E=_ instanceof ar?_.spec:void 0,x=E?.strict;if(E!=null&&E.strip){m=m||y in s;continue}O=!l.__validating||!x?_.cast(s[y],f):s[y],O!==void 0&&(p[y]=O)}else S&&!b&&(p[y]=s[y]);(S!==y in p||p[y]!==s[y])&&(m=!0)}return m?p:s}_validate(r,l={},c,s){let{from:u=[],originalValue:b=r,recursive:g=this.spec.recursive}=l;l.from=[{schema:this,value:b},...u],l.__validating=!0,l.originalValue=b,super._validate(r,l,c,(p,f)=>{if(!g||!i1(f)){s(p,f);return}b=b||f;let m=[];for(let y of this._nodes){let _=this.fields[y];!_||ia.isRef(_)||m.push(_.asNestedTest({options:l,key:y,parent:f,parentPath:l.path,originalParent:b}))}this.runTests({tests:m,value:f,originalValue:b,options:l},c,y=>{s(y.sort(this._sortErrors).concat(p),f)})})}clone(r){const l=super.clone(r);return l.fields=Object.assign({},this.fields),l._nodes=this._nodes,l._excludedEdges=this._excludedEdges,l._sortErrors=this._sortErrors,l}concat(r){let l=super.concat(r),c=l.fields;for(let[s,u]of Object.entries(this.fields)){const b=c[s];c[s]=b===void 0?u:b}return l.withMutation(s=>s.setFields(c,[...this._excludedEdges,...r._excludedEdges]))}_getDefault(r){if("default"in this.spec)return super._getDefault(r);if(!this._nodes.length)return;let l={};return this._nodes.forEach(c=>{var s;const u=this.fields[c];let b=r;(s=b)!=null&&s.value&&(b=Object.assign({},b,{parent:b.value,value:b.value[c]})),l[c]=u&&"getDefault"in u?u.getDefault(b):void 0}),l}setFields(r,l){let c=this.clone();return c.fields=r,c._nodes=wR(r,l),c._sortErrors=B_(Object.keys(r)),l&&(c._excludedEdges=l),c}shape(r,l=[]){return this.clone().withMutation(c=>{let s=c._excludedEdges;return l.length&&(Array.isArray(l[0])||(l=[l]),s=[...c._excludedEdges,...l]),c.setFields(Object.assign(c.fields,r),s)})}partial(){const r={};for(const[l,c]of Object.entries(this.fields))r[l]="optional"in c&&c.optional instanceof Function?c.optional():c;return this.setFields(r)}deepPartial(){return js(this)}pick(r){const l={};for(const c of r)this.fields[c]&&(l[c]=this.fields[c]);return this.setFields(l,this._excludedEdges.filter(([c,s])=>r.includes(c)&&r.includes(s)))}omit(r){const l=[];for(const c of Object.keys(this.fields))r.includes(c)||l.push(c);return this.pick(l)}from(r,l,c){let s=Xt.getter(r,!0);return this.transform(u=>{if(!u)return u;let b=u;return xR(u,r)&&(b=Object.assign({},u),c||delete b[r],b[l]=s(u)),b})}json(){return this.transform(_R)}exact(r){return this.test({name:"exact",exclusive:!0,message:r||zs.exact,test(l){if(l==null)return!0;const c=c1(this.schema,l);return c.length===0||this.createError({params:{properties:c.join(", ")}})}})}stripUnknown(){return this.clone({noUnknown:!0})}noUnknown(r=!0,l=zs.noUnknown){typeof r!="boolean"&&(l=r,r=!0);let c=this.test({name:"noUnknown",exclusive:!0,message:l,test(s){if(s==null)return!0;const u=c1(this.schema,s);return!r||u.length===0||this.createError({params:{unknown:u.join(", ")}})}});return c.spec.noUnknown=r,c}unknown(r=!0,l=zs.noUnknown){return this.noUnknown(!r,l)}transformKeys(r){return this.transform(l=>{if(!l)return l;const c={};for(const s of Object.keys(l))c[r(s)]=l[s];return c})}camelCase(){return this.transformKeys(Dh.camelCase)}snakeCase(){return this.transformKeys(Dh.snakeCase)}constantCase(){return this.transformKeys(r=>Dh.snakeCase(r).toUpperCase())}describe(r){const l=(r?this.resolve(r):this).clone(),c=super.describe(r);c.fields={};for(const[u,b]of Object.entries(l.fields)){var s;let g=r;(s=g)!=null&&s.value&&(g=Object.assign({},g,{parent:g.value,value:g.value[u]})),c.fields[u]=b.describe(g)}return c}}D_.prototype=M_.prototype;const s1=(n,r)=>(n=Math.ceil(n),r=Math.floor(r),Math.floor(Math.random()*(r-n+1)+n)),d1=n=>`${n<10?"0":""}${n}`,jR=()=>{const l=s1(2,9),c=new Set;for(;c.size!==l;)c.add(s1(8,17));return[...c].sort((s,u)=>s-u).flatMap(s=>[`${d1(s)}:00`,`${d1(s)}:30`])},I_=n=>new Promise(r=>setTimeout(r,n)),SR=async()=>(await I_(1e3),jR().map(n=>({label:n,value:n}))),TR=async n=>(await I_(500),n?.endsWith(":30")??!1);function op(n){return Object.keys(n).map(r=>({message:n[r],selector:`#field-${r}`}))}function Ii(n){n.current?.focusErrorList().catch(console.warn)}function AR(){const n=hl(),[r,l]=w.useState(!1),[c,s]=w.useState(null),[u,b]=w.useState(!0),g=op(n.errors),p=w.useRef(null);w.useEffect(()=>{let y=!1;return s(null),u&&r&&(Ii(p),b(!1)),n.values.date&&SR().then(_=>{y||(s(_),n.setFieldValue("time",_[0].value),n.setFieldTouched("time"))},()=>{}),()=>{y=!0}},[n.values.date,r]);const f=w.useCallback((y,_)=>t.jsx(Tr,{name:y,children:({field:S})=>_(S)}),[]),m=w.useCallback(y=>({onChange:(_,S)=>{_.target&&n.setFieldValue(y,S,!0)},onBlur:()=>{n.setFieldTouched(y,!0)}}),[n.setFieldValue,n.setFieldTouched]);return t.jsxs("div",{className:"p-2",children:[t.jsx(an,{_level:2,_label:"Select an appointment"}),t.jsxs(co,{ref:p,_errorList:r?g:[],_on:{onSubmit:()=>{l(!0),n.submitForm(),Ii(p)}},children:[f("date",y=>t.jsx(Hn,{id:"field-date",_label:"Date",_value:y.value,_msg:{_type:"error",_description:n.errors.date||""},_touched:n.touched.date,_required:!0,_on:m("date")})),n.values.date&&t.jsx("div",{className:"grid gap-4 mt-4",children:c?t.jsxs(t.Fragment,{children:[f("time",y=>t.jsx(ye,{id:"field-time",_label:"Time",_orientation:"horizontal",_options:c,_value:y.value,_msg:{_type:"error",_description:n.errors.time||""},_touched:n.touched.time,_required:!0,_on:m("time")})),t.jsx("p",{children:t.jsx("em",{children:"For test purposes, only the dates for every half hour are available."})})]}):t.jsx(Ai,{_show:!0,className:"block","aria-label":"Dates are loaded.",_variant:"cycle"})}),t.jsx(U,{_label:"Weiter",_type:"submit",className:"mt-2"}),n.values.date&&n.isValidating?t.jsx(Ai,{_show:!0,"aria-label":"Date being checked."}):""]})]})}const ER=[{value:"Aplerbeck",label:"Aplerbeck"},{value:"Brackel",label:"Brackel"},{value:"Dorstfeld",label:"Dorstfeld"},{value:"Downtown East",label:"downtown East"},{value:"Downtown West",label:"downtown West"}];function OR(){const n=hl(),r=op(n.errors),[l,c]=w.useState(!1),s=w.useRef(null);return t.jsxs("div",{className:"p-2",children:[t.jsx(an,{_level:2,_label:"Select a district"}),t.jsxs(co,{ref:s,_errorList:l?r:[],_on:{onSubmit:()=>{c(!0),n.validateForm().then(u=>{if(u&&Object.keys(u).length>0)throw Error();n.submitForm()}).catch(()=>{Ii(s)})}},children:[t.jsx(Tr,{name:"district",children:({field:u})=>t.jsx($e,{id:"field-district",_label:"District",_options:[{label:"Please select…",value:""},...ER],_value:[u.value],_msg:{_type:"error",_description:n.errors.district||""},_touched:n.touched.district,_required:!0,onBlur:()=>{n.setFieldTouched("district",!0)},_on:{onChange:(b,g)=>{if(c(!1),b.target){const[p]=g;n.setFieldValue("district",p,!0)}}}})}),t.jsx(U,{_label:"Next",_type:"submit",className:"mt-2"})]})]})}const LR=[{value:"Company",label:"Company"},{value:"Mrs.",label:"Mrs."},{value:"Mr.",label:"Mr."},{value:"Hello",label:"Hello"}];function CR(){const n=hl(),[r,l]=w.useState(!1),c=op(n.errors),s=w.useRef(null);return w.useEffect(()=>{Ii(s)},[r]),t.jsxs("div",{className:"p-2",children:[t.jsx(an,{_level:2,_label:"Enter your contact details"}),t.jsxs(co,{ref:s,_errorList:r?c:[],_on:{onSubmit:()=>{n.submitForm(),l(!0),Ii(s)}},children:[t.jsx(Tr,{name:"salutation",children:({field:u})=>t.jsx($e,{onBlur:()=>{n.setFieldTouched("salutation",!0)},id:"field-salutation",_label:"Salutation",_value:[u.value],_msg:{_type:"error",_description:n.errors.salutation||""},_touched:n.touched.salutation,_options:[{label:"Please select…",value:""},...LR],_required:!0,_on:{onChange:(b,g)=>{if(b.target){const[p]=g;n.setFieldValue("salutation",p,!0)}}}})}),n.values.salutation==="Company"&&t.jsx(Tr,{name:"company",children:({field:u})=>t.jsx("div",{className:"block mt-2",children:t.jsx(En,{onBlur:()=>{n.setFieldTouched("company",!0)},id:"field-company",_label:"Company",_value:u.value,_msg:{_type:"error",_description:n.errors.company||""},_touched:n.touched.company,_required:!0,_on:{onChange:(b,g)=>{b.target&&n.setFieldValue("company",g,!0)}}})})}),t.jsx(Tr,{name:"name",children:({field:u})=>t.jsx("div",{className:"block mt-2",children:t.jsx(En,{onBlur:()=>{n.setFieldTouched("name",!0)},id:"field-name",_label:"First name and surname",_value:u.value,_msg:{_type:"error",_description:n.errors.name||""},_touched:n.touched.name,_required:!0,_on:{onChange:(b,g)=>{b.target&&n.setFieldValue("name",g,!0)}}})})}),t.jsx(Tr,{name:"email",children:({field:u})=>t.jsx("div",{className:"block mt-2",children:t.jsx(Pe,{onBlur:()=>{n.setFieldTouched("email",!0)},id:"field-email",_label:"E-Mail",_value:u.value,_error:n.errors.email||"",_touched:n.touched.email,_required:!0,_on:{onChange:(b,g)=>{b.target&&n.setFieldValue("email",g,!0)}}})})}),t.jsx(Tr,{name:"phone",children:({field:u})=>t.jsx("div",{className:"block mt-2",children:t.jsx(En,{id:"field-phone",_type:"tel",_label:"Telephone number",_value:u.value,_msg:{_type:"error",_description:n.errors.phone||""},_touched:n.touched.phone,_on:{onChange:(b,g)=>{b.target&&(n.setFieldTouched("phone",!0),n.setFieldValue("phone",g,!0))}}})})}),t.jsx(U,{_label:"Next",_type:"submit",className:"mt-2"})]})]})}const K_=()=>t.jsx("i",{children:"Nicht angegeben"}),nl=({value:n})=>n||t.jsx(K_,{});function NR(){const{values:n}=hl();return t.jsxs(t.Fragment,{children:[t.jsx(an,{_level:2,_label:"Zusammenfassung"}),t.jsxs("dl",{children:[t.jsx("dt",{children:"District"}),t.jsx("dd",{children:t.jsx(nl,{value:n.district})}),t.jsx("dt",{children:"Appointment"}),t.jsx("dd",{children:n.date&&n.time?`${n.date} ${n.time} Uhr`:t.jsx(K_,{})}),n.salutation==="Company"?t.jsxs(t.Fragment,{children:[t.jsx("dt",{children:"Company"}),t.jsx("dd",{children:t.jsx(nl,{value:n.company})})]}):t.jsxs(t.Fragment,{children:[t.jsx("dt",{children:"Salutation"}),t.jsx("dd",{children:t.jsx(nl,{value:n.salutation})})]}),t.jsx("dt",{children:"Name"}),t.jsx("dd",{children:t.jsx(nl,{value:n.name})}),t.jsx("dt",{children:"E-Mail"}),t.jsx("dd",{children:t.jsx(nl,{value:n.email})}),t.jsx("dt",{children:"Phone number"}),t.jsx("dd",{children:t.jsx(nl,{value:n.phone})})]})]})}const u1=[0,1,2,3],$R={district:"",date:"",time:"",salutation:"",name:"",company:"",email:"",phone:""},RR={district:ht().required("Please select district.")},BR={salutation:ht().required("Please select salutation."),name:ht().required("Please enter your first and last name."),company:ht().when("salutation",{is:n=>n==="Company",then:n=>n.required("Please specify company.")}),email:ht().required("Please enter your e-mail address.")},DR={date:ht().required("Please enter date."),time:ht().when("date",{is:n=>!!n,then:n=>n.test("checkTimeAvailability","Date unfortunately no longer available.",TR)})};function MR(){const[n,r]=w.useState(0),[l,c]=w.useState(n),s=w.useRef(null),u=D_().shape({...n===0?RR:{},...n===1?DR:{},...n===2?BR:{}});w.useEffect(()=>{c(n)},[n]);const b=async(g,p)=>{const f=u1.indexOf(n),m=u1[f+1];m!==void 0&&(await p.setTouched({}),r(m))};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["The Appointment Form is a full form example featuring a large variety of KoliBri form components,"," ",t.jsx(gn,{_label:"Formik",_href:"https://formik.org/",_target:"blank"})," and"," ",t.jsx(gn,{_label:"Yup",_href:"https://github.com/jquense/yup",_target:"blank"}),"."]})}),t.jsx(gb,{innerRef:s,initialValues:$R,validationSchema:u,onSubmit:b,children:t.jsxs(Lr,{className:"w-full",_tabs:[{_label:"1. Choose registration office"},{_label:"2. Available dates",_disabled:n<1},{_label:"3. Personal data",_disabled:n<2},{_label:"Summary",_disabled:n<3}],_label:"Form navigation",_selected:l,_on:{onSelect:(g,p)=>{r(p),s.current?.setErrors({})}},children:[t.jsx("div",{children:t.jsx(OR,{})}),t.jsx("div",{children:t.jsx(AR,{})}),t.jsx("div",{children:t.jsx(CR,{})}),t.jsx("div",{children:t.jsx(NR,{})})]})})]})}const IR=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This example show how different components works with tabIndex."})}),t.jsxs("div",{className:"w-full grid gap-4",children:[t.jsx(On,{_label:"Button",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(U,{_label:"Button 1, Tabindex 4",_variant:"primary",tabIndex:4}),t.jsx(U,{_disabled:!0,_label:"Button 2, Tabindex 3",_variant:"primary",tabIndex:3}),t.jsx(U,{_label:"Button 3, Tabindex 2",_variant:"primary",tabIndex:2}),t.jsx(U,{_label:"Button 4, Tabindex 1",_variant:"primary",tabIndex:1})]})}),t.jsx(On,{_label:"ButtonLink",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(Xn,{_label:"ButtonLink 1, Tabindex 4",tabIndex:4}),t.jsx(Xn,{_disabled:!0,_label:"ButtonLink 2, Tabindex 3",tabIndex:3}),t.jsx(Xn,{_label:"ButtonLink 3, Tabindex 2",tabIndex:2}),t.jsx(Xn,{_label:"ButtonLink 4, Tabindex 1",tabIndex:1})]})}),t.jsx(On,{_label:"Combobox",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(Oo,{_hint:ut,_label:"Combobox 1, Tabindex 4",_suggestions:Go,_value:"Deutschland",tabIndex:4}),t.jsx(Oo,{_disabled:!0,_hint:ut,_label:"Combobox 2, Tabindex 3",_suggestions:Go,_value:"Deutschland",tabIndex:3}),t.jsx(Oo,{_touched:!0,_hint:ut,_msg:{_type:"error",_description:Nn},_label:"Combobox 3, Tabindex 2",_suggestions:Go,_value:"Deutschland",tabIndex:2}),t.jsx(Oo,{_hint:ut,_label:"Combobox 4, Tabindex 1",_suggestions:Go,_value:"Deutschland",tabIndex:1})]})}),t.jsx(On,{_label:"InputCheckbox",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(Yn,{_label:"InputCheckbox 4, Tabindex 1",_value:!1,tabIndex:4}),t.jsx(Yn,{_disabled:!0,_label:"InputCheckbox 3, Tabindex 2",_value:!1,tabIndex:3}),t.jsx(Yn,{_touched:!0,_label:"InputCheckbox 2, Tabindex 3",_msg:{_type:"error",_description:Nn},_value:!1,tabIndex:2}),t.jsx(Yn,{_label:"InputCheckbox 1, Tabindex 4",_value:!1,tabIndex:1})]})}),t.jsx(On,{_label:"InputColor",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(Je,{_value:"#f08080",_label:"InputCheckbox 1, Tabindex 4",tabIndex:4}),t.jsx(Je,{_disabled:!0,_value:"#f08080",_label:"InputCheckbox 2, Tabindex 3",tabIndex:3}),t.jsx(Je,{_touched:!0,_value:"#f08080",_label:"InputCheckbox 3, Tabindex 2",_msg:{_type:"error",_description:Nn},tabIndex:2}),t.jsx(Je,{_value:"#f08080",_label:"InputCheckbox 4, Tabindex 1",tabIndex:1})]})}),t.jsx(On,{_label:"InputDate",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(Hn,{_type:"datetime-local",_label:"InputCheckbox 1, Tabindex 4",tabIndex:4}),t.jsx(Hn,{_disabled:!0,_type:"datetime-local",_label:"InputCheckbox 2, Tabindex 3",tabIndex:3}),t.jsx(Hn,{_touched:!0,_type:"datetime-local",_label:"InputCheckbox 3, Tabindex 2",_msg:{_type:"error",_description:Nn},tabIndex:2}),t.jsx(Hn,{_type:"datetime-local",_label:"InputCheckbox 4, Tabindex 1",tabIndex:1})]})}),t.jsx(On,{_label:"InputEmail",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(Pe,{_label:"InputEmail 1, Tabindex 4",tabIndex:4}),t.jsx(Pe,{_disabled:!0,_label:"InputEmail 2, Tabindex 3",tabIndex:3}),t.jsx(Pe,{_touched:!0,_label:"InputEmail 3, Tabindex 2",_msg:{_type:"error",_description:Nn},tabIndex:2}),t.jsx(Pe,{_label:"InputEmail 4, Tabindex 1",tabIndex:1})]})}),t.jsx(On,{_label:"InputFile",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(He,{_label:"InputFile 1, Tabindex 4",tabIndex:4}),t.jsx(He,{_disabled:!0,_label:"InputFile 2, Tabindex 3",tabIndex:3}),t.jsx(He,{_touched:!0,_label:"InputFile 3, Tabindex 2",_msg:{_type:"error",_description:Nn},tabIndex:2}),t.jsx(He,{_label:"InputFile 4, Tabindex 1",tabIndex:1})]})}),t.jsx(On,{_label:"InputNumber",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(Se,{_label:"InputNumber 1, Tabindex 4",tabIndex:4}),t.jsx(Se,{_disabled:!0,_label:"InputNumber 2, Tabindex 3",tabIndex:3}),t.jsx(Se,{_touched:!0,_label:"InputNumber 3, Tabindex 2",_msg:{_type:"error",_description:Nn},tabIndex:2}),t.jsx(Se,{_label:"InputNumber 4, Tabindex 1",tabIndex:1})]})}),t.jsx(On,{_label:"InputPassword",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(Re,{_label:"InputPassword 1, Tabindex 4",tabIndex:4}),t.jsx(Re,{_disabled:!0,_label:"InputPassword 2, Tabindex 3",tabIndex:3}),t.jsx(Re,{_touched:!0,_label:"InputPassword 3, Tabindex 2",_msg:{_type:"error",_description:Nn},tabIndex:2}),t.jsx(Re,{_label:"InputPassword 4, Tabindex 1",tabIndex:1})]})}),t.jsx(On,{_label:"InputRadio",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(ye,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 1, Tabindex 4",tabIndex:4}),t.jsx(ye,{_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.jsx(ye,{_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:Nn},tabIndex:2}),t.jsx(ye,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 4, Tabindex 1",tabIndex:1})]})}),t.jsx(On,{_label:"InputRange",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(ao,{_label:"InputRange 1, Tabindex 4",_min:0,_max:50,tabIndex:4}),t.jsx(ao,{_disabled:!0,_label:"InputRange 2, Tabindex 3",_min:0,_max:50,tabIndex:3}),t.jsx(ao,{_touched:!0,_label:"InputRange 3, Tabindex 2",_min:0,_max:50,_msg:{_type:"error",_description:Nn},tabIndex:2}),t.jsx(ao,{_label:"InputRange 4, Tabindex 1",_min:0,_max:50,tabIndex:1})]})}),t.jsx(On,{_label:"InputText",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(En,{_label:"InputText 1, Tabindex 4",tabIndex:4}),t.jsx(En,{_disabled:!0,_label:"InputText 2, Tabindex 3",tabIndex:3}),t.jsx(En,{_touched:!0,_label:"InputText 3, Tabindex 2",_msg:{_type:"error",_description:Nn},tabIndex:2}),t.jsx(En,{_label:"InputText 4, Tabindex 1",tabIndex:1})]})}),t.jsx(On,{_label:"LinkButton",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(Kn,{_href:"#/back-page",_label:"InputText 1, Tabindex 4",_variant:"primary",tabIndex:4}),t.jsx(Kn,{_disabled:!0,_href:"#/back-page",_label:"InputText 2, Tabindex 3",_variant:"primary",tabIndex:3}),t.jsx(Kn,{_href:"#/back-page",_label:"InputText 3, Tabindex 2",_variant:"primary",tabIndex:2}),t.jsx(Kn,{_href:"#/back-page",_label:"InputText 4, Tabindex 1",_variant:"primary",tabIndex:1})]})}),t.jsx(On,{_label:"Link",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(gn,{_href:"#/back-page",_label:"InputText 1, Tabindex 4",tabIndex:4}),t.jsx(gn,{_disabled:!0,_href:"#/back-page",_label:"InputText 2, Tabindex 3",tabIndex:3}),t.jsx(gn,{_href:"#/back-page",_label:"InputText 3, Tabindex 2",tabIndex:2}),t.jsx(gn,{_href:"#/back-page",_label:"InputText 4, Tabindex 1",tabIndex:1})]})}),t.jsx(On,{_label:"SingleSelect",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(fo,{_label:"InputText 1, Tabindex 4",_options:Fo,_value:"de",tabIndex:4}),t.jsx(fo,{_disabled:!0,_label:"InputText 2, Tabindex 3",_options:Fo,_value:"de",tabIndex:3}),t.jsx(fo,{_touched:!0,_label:"InputText 3, Tabindex 2",_options:Fo,_msg:{_type:"error",_description:Nn},_value:"de",tabIndex:2}),t.jsx(fo,{_label:"InputText 4, Tabindex 1",_options:Fo,_value:"de",tabIndex:1})]})}),t.jsx(On,{_label:"SplitButton",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(qt,{_label:"InputText 1, Tabindex 4",tabIndex:4,children:"Dropdown-Inhalt"}),t.jsx(qt,{_label:"InputText 2, Tabindex 3",tabIndex:3,_disabled:!0,children:"Dropdown-Inhalt"}),t.jsx(qt,{_label:"InputText 3, Tabindex 2",tabIndex:2,children:"Dropdown-Inhalt"}),t.jsx(qt,{_label:"InputText 4, Tabindex 1",tabIndex:1,children:"Dropdown-Inhalt"})]})}),t.jsx(On,{_label:"Textarea",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(Wn,{_label:"Textarea 1, Tabindex 4",_rows:3,_placeholder:"Placeholder",tabIndex:4}),t.jsx(Wn,{_disabled:!0,_label:"Textarea 2, Tabindex 3",_rows:3,_placeholder:"Placeholder",tabIndex:3}),t.jsx(Wn,{_touched:!0,_label:"Textarea 3, Tabindex 2",_rows:3,_placeholder:"Placeholder",_msg:{_type:"error",_description:Nn},tabIndex:2}),t.jsx(Wn,{_label:"Textarea 4, Tabindex 1",_rows:3,_placeholder:"Placeholder",tabIndex:1})]})})]})]}),KR=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample demonstrates how a tooltip's width can be adjusted by defining the CSS custom property ",t.jsx("code",{children:"--kol-tooltip-width"})," on one of the parent elements."]})}),t.jsx(U,{_label:"Tooltip with fixed width",_hideLabel:!0,style:{"--kol-tooltip-width":"400px"},_icons:"codicon codicon-reactions",_on:r})]})},gs=[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],HR=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsxs(H,{children:[t.jsx("p",{children:"This example shows how deactivated interactive elements are displayed."}),t.jsxs("ul",{children:[t.jsx("li",{children:"Deactivated interactive elements pose a particular challenge for accessibility."}),t.jsx("li",{children:"It must not be possible to focus on deactivated interactive elements, otherwise the tab paths will be unnecessarily extended."}),t.jsx("li",{children:"Deactivated interactive elements should be labelled clearly and legibly."}),t.jsx("li",{children:"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.jsx("p",{children:"This implementation ensures standardized use for all users."})]}),t.jsxs("div",{className:"w-full grid gap-4",children:[t.jsx(On,{_label:"Button",_level:0,children:t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(U,{_label:"Label",_on:r}),t.jsx(U,{_disabled:!0,_label:"Label",_on:r}),t.jsx(U,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label",_on:r}),t.jsx(U,{_disabled:!0,_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label",_on:r})]})}),t.jsx(On,{_label:"ButtonLink",_level:0,children:t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(Xn,{_label:"Label"}),t.jsx(Xn,{_disabled:!0,_label:"Label"}),t.jsx(Xn,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label"}),t.jsx(Xn,{_hideLabel:!0,_icons:"codicon codicon-home",_disabled:!0,_label:"Label"})]})}),t.jsx(On,{_label:"Link",_level:0,children:t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(gn,{_href:"#",_label:"Label"}),t.jsx(gn,{_disabled:!0,_href:"#",_label:"Label"}),t.jsx(gn,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}),t.jsx(gn,{_disabled:!0,_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"})]})}),t.jsx(On,{_label:"LinkButton",_level:0,children:t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(Kn,{_href:"#",_label:"Label"}),t.jsx(Kn,{_disabled:!0,_href:"#",_label:"Label"}),t.jsx(Kn,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}),t.jsx(Kn,{_disabled:!0,_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"})]})}),t.jsx(On,{_label:"Accordion",_level:0,children:t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Ke,{_label:"Label",children:"Content"}),t.jsx(Ke,{_disabled:!0,_label:"Label",children:"Content"}),t.jsx(Ke,{_label:"Label (open)",_open:!0,children:"Content"}),t.jsx(Ke,{_disabled:!0,_label:"Label (open)",_open:!0,children:"Content"})]})}),t.jsx(On,{_label:"Details",_level:0,children:t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Ar,{_label:"Label",children:"Content"}),t.jsx(Ar,{_disabled:!0,_label:"Label",children:"Content"}),t.jsx(Ar,{_label:"Label (open)",_open:!0,children:"Content"}),t.jsx(Ar,{_disabled:!0,_label:"Label (open)",_open:!0,children:"Content"})]})}),[Yn,Je,Hn,Pe,He,Se,Re,ao,En].map(l=>{const s=l.render.displayName;return t.jsx(On,{_label:s,_level:0,children:t.jsxs("div",{className:"grid gap-4",children:[t.jsx(l,{_label:"Label"}),t.jsx(l,{_disabled:!0,_label:"Label"}),t.jsx(l,{_hideLabel:!0,_label:"Label"}),t.jsx(l,{_disabled:!0,_hideLabel:!0,_label:"Label"})]})},s)}),[ye,$e].map(l=>{const s=l.render.displayName;return t.jsx(On,{_label:s,_level:0,children:t.jsxs("div",{className:"grid gap-4",children:[t.jsx(l,{_label:"Label",_options:gs}),t.jsx(l,{_disabled:!0,_label:"Label",_options:gs}),t.jsx(l,{_hideLabel:!0,_label:"Label",_options:gs}),t.jsx(l,{_disabled:!0,_hideLabel:!0,_label:"Label",_options:gs})]})},s)}),t.jsx(On,{_label:"KolTextarea",_level:0,children:t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Wn,{_label:"Label",_rows:3}),t.jsx(Wn,{_disabled:!0,_label:"Label",_rows:3}),t.jsx(Wn,{_hideLabel:!0,_label:"Label",_rows:3}),t.jsx(Wn,{_disabled:!0,_hideLabel:!0,_label:"Label",_rows:3})]})})]})]})},H_=()=>{const n=new Map;return n.set("inputCheckbox",(r,l)=>t.jsx(Yn,{className:"w-full",_name:"checkbox",_label:"Checkbox",ref:l})),n.set("inputColor",(r,l)=>t.jsx(Je,{className:"w-full",_name:"color",_label:"Color",ref:l})),n.set("inputDate",(r,l)=>t.jsx(Hn,{className:"w-full",_name:"date",_label:"Date",ref:l})),n.set("inputEmail",(r,l)=>t.jsx(Pe,{className:"w-full",_name:"email",_label:"Email",ref:l})),n.set("inputFile",(r,l)=>t.jsx(He,{className:"w-full",_name:"file",_label:"File",ref:l})),n.set("inputFileMultiple",(r,l)=>t.jsx(He,{className:"w-full",_name:"file",_label:"Files (multiple)",_multiple:!0,ref:l})),n.set("inputNumber",(r,l)=>t.jsx(Se,{className:"w-full",_name:"number",_label:"Number",ref:l})),n.set("inputPassword",(r,l)=>t.jsx(Re,{className:"w-full",_name:"password",_label:"Password",ref:l})),n.set("inputRadio",(r,l)=>t.jsx(ye,{className:"w-full",_name:"radio",_label:"Radio",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_value:"A",ref:l})),n.set("inputRange",(r,l)=>t.jsx(ao,{className:"w-full",_name:"range",_label:"Range",ref:l})),n.set("inputText",(r,l)=>t.jsx(En,{className:"w-full",_name:"text",_label:"Text",ref:l})),n.set("select",(r,l)=>t.jsx($e,{className:"w-full",_name:"select",_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],ref:l})),n.set("selectMultiple",(r,l)=>t.jsx($e,{className:"w-full",_name:"select",_label:"Select (multiple)",_multiple:!0,_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_rows:2,ref:l})),n.set("singleSelect",(r,l)=>t.jsx(fo,{className:"w-full",_name:"singleSelect",_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],ref:l})),n.set("textarea",(r,l)=>t.jsx(Wn,{className:"w-full",_name:"textarea",_label:"Textarea",_rows:5,ref:l})),n.set("accordion",(r,l)=>t.jsx(Ke,{className:"w-full",_label:"Accordion here",ref:l})),n.set("button",(r,l)=>t.jsx("div",{children:t.jsx(U,{_label:"Button here",ref:l})})),n.set("buttonLink",(r,l)=>t.jsx(Xn,{_label:"ButtonLink here",ref:l})),n.set("combobox",(r,l)=>t.jsx(Oo,{className:"w-full",_label:"KolCombobox here",_suggestions:[],ref:l})),n.set("details",(r,l)=>t.jsx(Ar,{className:"w-full",_label:"Details here",ref:l,children:"detailed details"})),n.set("link",(r,l)=>t.jsx(gn,{className:"w-full",_label:"Link here",_href:"#",ref:l})),n.set("linkButton",(r,l)=>t.jsx("div",{children:t.jsx(Kn,{_label:"LinkButton here",_href:"#",ref:l})})),n},h1=n=>{const l=[...w.useMemo(()=>H_(),[]).keys()].map(c=>c);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"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."})}),n.invalidComponent&&t.jsx(no,{_type:"error",_variant:"card",children:"Component not found."}),t.jsx(an,{_level:2,_label:"Focus Test Cases"}),t.jsx("ul",{children:l.map(c=>t.jsx("li",{children:t.jsx(gn,{_label:c,_href:`#/scenarios/focus-elements?component=${c}`})},c))})]})},UR=()=>{const n=w.useRef(null),r=w.useMemo(()=>H_(),[]),[l]=sl(),c=l.get("component");if(w.useLayoutEffect(()=>{setTimeout(()=>{n.current?.kolFocus()},500)},[n]),c){const s=r.get(c);if(!s)return t.jsx(h1,{invalidComponent:!0});const u=w.forwardRef(s);return t.jsx(u,{ref:n})}else return t.jsx(h1,{})},FR=()=>{const n="Unrecognized phone number.",r="Choose at least two and up to five toppings.",l=["Mushrooms","Bell Peppers","Onions","Olives","Spinach","Tomatoes","Artichokes","Zucchini","Jalapeños","Basil"],c=[{label:"United States +1",value:"1"},{label:"Greece +30 ",value:"30"},{label:"Germany +49",value:"49"},{label:"Japan +81",value:"81"}];return t.jsxs(t.Fragment,{children:[t.jsxs(H,{children:[t.jsx("p",{children:"This sample shows how input components can be grouped together with just one error message, without repeating the message for every field."}),t.jsx("p",{children:"The sample only demonstrates how the errors can be displayed, an actual validation logic is not part of the example."})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Phone number"}),t.jsx(no,{_alert:!0,_type:"error",_label:n}),t.jsxs("div",{className:"grid grid-cols-3 gap-4 max-w-2xl",children:[t.jsx($e,{_options:c,_label:"CountryCode ",_msg:{_description:n,_type:"error"},_touched:!0,_hideError:!0}),t.jsx(En,{_label:"Area code",_msg:{_description:n,_type:"error"},_touched:!0,_hideError:!0}),t.jsx(En,{_label:"Local number",_msg:{_description:n,_type:"error"},_touched:!0,_hideError:!0})]})]}),t.jsxs("fieldset",{className:"mt",children:[t.jsx("legend",{children:"Pizza toppings"}),t.jsx(no,{_alert:!0,_type:"error",_label:r}),l.map(s=>t.jsx(Yn,{_label:s,_msg:{_description:n,_type:"error"},_touched:!0,_hideError:!0},s))]})]})},U_=w.createContext(void 0),F_=w.createContext(!1),qe=n=>{const r=w.useRef(null),[l,c]=w.useState(void 0),s=n.formatter||JSON.stringify,u=w.useContext(U_),b=w.useContext(F_),g=async()=>{c(await r.current?.getValue())};w.useEffect(()=>{const f=()=>{g()};return u?.addEventListener("runAll",f),()=>{u?.removeEventListener("runAll",f)}},[u]);const p=Object.fromEntries(["onInput","onChange","onBlur","onClick","onFocus","onMouseDown"].map(f=>[f,(m,y)=>{b&&console.log(n.inputProps._label,f,y,m)}]));return t.jsx(t.Fragment,{children:t.jsxs("div",{className:"grid grid-cols-3 items-end gap-4","data-testid":n.testId,children:[t.jsx(n.InputComponent,{ref:r,_on:p,...n.inputProps}),t.jsx(U,{_label:"getValue()",_on:{onClick:()=>{g()}}}),t.jsx("pre",{className:"text-base",children:s(l)})]})})},VR=()=>{const n=w.useMemo(()=>new EventTarget,[]),[r,l]=w.useState(!0);return t.jsx(t.Fragment,{children:t.jsx(U_.Provider,{value:n,children:t.jsxs(F_.Provider,{value:r,children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample shows how the input components ",t.jsx("code",{children:"getValue()"}),` method works. It's called when clicking the "getValue()" button and prints the current value right next to itself.`]})}),t.jsxs("section",{className:"w-full flex flex-col",children:[t.jsx(On,{_label:"Sample options",className:"block ha mb-8",children:t.jsx(Yn,{_label:"Log events to console",_value:!0,_checked:r,_on:{onChange:(c,s)=>l(s)}})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(qe,{testId:"scenario-inputText",InputComponent:En,inputProps:{_label:"InputText"}}),t.jsx(qe,{testId:"scenario-inputCheckboxString",InputComponent:Yn,inputProps:{_label:"KolInputCheckbox (value)",_value:"Checkbox True Value"}}),t.jsx(qe,{testId:"scenario-inputCheckboxBoolean",InputComponent:Yn,inputProps:{_label:"KolInputCheckbox (boolean)"}}),t.jsx(qe,{testId:"scenario-inputColor",InputComponent:Je,inputProps:{_label:"KolInputColor"}}),t.jsx(qe,{testId:"scenario-inputDate",InputComponent:Hn,inputProps:{_label:"KolInputDate"}}),t.jsx(qe,{testId:"scenario-inputEmail",InputComponent:Pe,inputProps:{_label:"KolInputEmail"}}),t.jsx(qe,{testId:"scenario-inputFile",InputComponent:He,inputProps:{_label:"KolInputFile"},formatter:c=>c instanceof FileList?`FileList{${Array.from(c).map(s=>s.name).join(", ")}}`:JSON.stringify(c)}),t.jsx(qe,{testId:"scenario-inputNumber",InputComponent:Se,inputProps:{_label:"KolInputNumber"}}),t.jsx(qe,{testId:"scenario-inputPassword",InputComponent:Re,inputProps:{_label:"KolInputPassword"}}),t.jsx(qe,{testId:"scenario-inputRange",InputComponent:ao,inputProps:{_label:"KolInputRange"}}),t.jsx(qe,{testId:"scenario-inputRadio",InputComponent:ye,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.jsx(qe,{testId:"scenario-select",InputComponent:$e,inputProps:{_label:"KolSelect",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}]}}),t.jsx(qe,{testId:"scenario-singleSelect",InputComponent:fo,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.jsx(qe,{testId:"scenario-combobox",InputComponent:Oo,inputProps:{_label:"KolCombobox",_suggestions:Go,_value:"Deutschland"}}),t.jsx(qe,{testId:"scenario-textarea",InputComponent:Wn,inputProps:{_label:"KolTextarea"}}),t.jsx(qe,{testId:"scenario-button",InputComponent:U,inputProps:{_label:"KolButton",_variant:"ghost",_value:"KolButton value"}}),t.jsx(qe,{testId:"scenario-buttonLink",InputComponent:Xn,inputProps:{_label:"KolButtonLink",_value:"KolButtonLink value"}}),t.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[t.jsx("div",{}),t.jsx(U,{_label:"Run all",_variant:"primary",_on:{onClick:()=>{n.dispatchEvent(new Event("runAll"))}}})]})]})]})]})})})},b1=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}],qR=["Option 1","Option 2","Option 3"],PR=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"All interactive elements, such as buttons and input fields, should have the same height to ensure a consistent and visually balanced user interface."})}),t.jsxs("div",{className:"w-full flex flex-row gap-4 items-end",children:[t.jsx(Oo,{className:"min-w-[13em]",_icons:"codicon codicon-home",_label:"Combobox",_suggestions:qR,_value:"Option 2"}),t.jsx(Je,{className:"min-w-[10em]",_icons:{left:"codicon codicon-home"},_label:"Input-Color"}),t.jsx(He,{className:"min-w-[15em]",_icons:"codicon codicon-home",_label:"Input-File"}),t.jsx(Hn,{className:"min-w-[12em]",_icons:"codicon codicon-home",_label:"Input-Date"}),t.jsx(Pe,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Input-Email"}),t.jsx(Se,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Input-Number"}),t.jsx(Re,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Input-Password"}),t.jsx(ao,{className:"min-w-[15em]",_icons:"codicon codicon-home",_label:"Input-Range"}),t.jsx(En,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Input-Text"}),t.jsx($e,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Select",_options:b1}),t.jsx(fo,{className:"min-w-[14em]",_icons:"codicon codicon-home",_label:"Single-Select",_options:b1,_value:"option2"}),t.jsx(Wn,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Textarea"}),t.jsx(U,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Button",_on:r}),t.jsx(U,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Button",_on:r}),t.jsx(Kn,{className:"min-w-[15em]",_href:"#",_icons:"codicon codicon-home",_label:"Link-Button",_on:r}),t.jsx(Kn,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Link-Button",_on:r})]})]})},GR=()=>{const{searchParams:n}=new URL(location.href);return t.jsxs(t.Fragment,{children:[t.jsxs(H,{children:[t.jsx("p",{children:"This sample shows how KoliBri can be used in a static form context."}),t.jsxs("ol",{children:[t.jsxs("li",{children:["First you have to enable the ",t.jsx("code",{children:"experimental mode"}),":"," ",t.jsx("code",{className:"bg-gray-200",children:'<meta name="kolibri" content="dev-mode=false;experimental-mode=true;" />'})]}),t.jsxs("li",{children:["Currently you have to use a native ",t.jsx("code",{children:"form"})," element:"," ",t.jsx("code",{className:"bg-gray-200",children:'<form method="GET">...</form>'})]}),t.jsxs("li",{children:["It is important in static usage to give every input a ",t.jsx("code",{children:"name"})," attribute:"," ",t.jsx("code",{className:"bg-gray-200",children:'<KolInputColor _name="color" _label="Color" />'})]}),t.jsxs("li",{children:["Last of all one button should have the type ",t.jsx("code",{children:"submit"}),":"," ",t.jsx("code",{className:"bg-gray-200",children:'<KolButton _label="Submit" _type="submit" _variant="primary" />'})]})]})]}),t.jsxs("section",{className:"w-full flex flex-col",children:[n.size>0&&t.jsxs("div",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:"Submitted data"}),t.jsx("pre",{className:"text-base",children:t.jsx("code",{children:JSON.stringify(Object.fromEntries(n.entries()),null,2)})})]}),t.jsxs("form",{className:"grid gap-4",method:"get",noValidate:!0,children:[t.jsx(Yn,{_name:"checkbox",_label:"Checkbox"}),t.jsx(Je,{_name:"color",_label:"Color"}),t.jsx(Hn,{_name:"date",_label:"Date"}),t.jsx(Pe,{_name:"email",_label:"Email"}),t.jsx(He,{_name:"file",_label:"File"}),t.jsx(He,{_name:"file",_label:"Files (multiple)",_multiple:!0}),t.jsx(Se,{_name:"number",_label:"Number"}),t.jsx(Re,{_name:"password",_label:"Password"}),t.jsx(ye,{_name:"radio",_label:"Radio",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),t.jsx(ao,{_name:"range",_label:"Range"}),t.jsx(En,{_name:"text",_label:"Text"}),t.jsx($e,{_name:"select",_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),t.jsx($e,{_name:"select",_label:"Select (multiple)",_multiple:!0,_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_rows:2}),t.jsx(fo,{_name:"singleSelect",_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),t.jsx(Oo,{_name:"combobox",_label:"Combobox",_suggestions:Go}),t.jsx(Wn,{_name:"textarea",_label:"Textarea",_rows:5}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(U,{_label:"Submit",_type:"submit",_variant:"primary"}),t.jsx(U,{_label:"Reset",_type:"reset"})]}),t.jsx("input",{type:"hidden",value:crypto.randomUUID(),name:"random"})]})]})]})},ZR=[{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}],YR=[{_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}],p1={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"}]]};function XR(){const[n]=w.useState(()=>{const r=p1.horizontal[0];let l=0;for(const c of r)l+=parseFloat(c.width?.replace("px","")||"0");return`${l}px`});return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This advanced scenario demonstrates a complex layout with KolTable featuring horizontal scrollbar within a tab-based navigation system. The table automatically calculates its minimum width based on column definitions and provides smooth horizontal scrolling when content exceeds the container width. This example showcases real-world usage in a dashboard-like interface with sidebar navigation and tabbed content areas."})}),t.jsxs("div",{className:"mainlayout",children:[t.jsx("aside",{className:"nav-area",children:t.jsx(Qt,{_label:"Main navigation",_links:Jb,_hasCompactButton:!0,_hasIconsWhenExpanded:!0})}),t.jsx("div",{className:"content",children:t.jsxs(Lr,{_tabs:YR,_align:"top",_label:"Demo Tabs",children:[t.jsx("div",{style:{overflow:"hidden"},children:t.jsx(we,{_label:"Table for demonstration purposes with horizontal scrollbar",_minWidth:n,_headers:p1,_data:ZR,_pagination:{_page:1},className:"block"})}),t.jsx("div",{}),t.jsx("div",{}),t.jsx("div",{})]})})]})]})}const QR=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This example demonstrates tooltip positioning within container query contexts. Container queries can interfere with fixed positioning, causing tooltips to render incorrectly relative to the viewport. The layout containment fix ensures tooltips position properly even when their parent elements use container-based sizing and layout rules."})}),t.jsx("div",{style:{container:"test / size"},children:t.jsx(xi,{_label:"Sample PopoverButton—Click for Popover",_icons:"codicon codicon-info",_tooltipAlign:"right",_hideLabel:!0,children:"This is an explanation shown on click."})})]}),WR={scenarios:{"appointment-form":MR,"change-tabindex":IR,"custom-tooltip-width":KR,"disabled-interactive-scenario":HR,"focus-elements":UR,"input-group-with-error":FR,"inputs-get-value":VR,"same-height-of-all-interactive-elements":PR,"static-form":GR,"table-horizontal-scrollbar-advanced":XR,"tooltip-positioning":QR}},zi=[{label:"No salutation",value:""},{label:"Mrs.",value:"Mrs."},{label:"Mr.",value:"Mr."},{label:"Divers",value:"Divers"}],JR=zi.map((n,r)=>r===0?{label:"Select salutation",value:"",disabled:!0}:n),g1=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx($e,{...r,ref:l,_accessKey:"a",_options:zi,_label:"Salutation",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),t.jsx($e,{...r,_options:zi,_label:"Disabled",_disabled:!0}),t.jsx($e,{...r,_options:JR,_label:"Salutation with error",_msg:{_type:"error",_description:Nn},_touched:!0}),t.jsx($e,{...r,_options:Fo,_label:"Multiple choice",_multiple:!0}),t.jsx($e,{...r,_options:Fo,_label:"Multiple choice with error",_multiple:!0,_required:!0,_msg:{_type:"error",_description:Nn},_touched:!0}),t.jsx($e,{...r,_options:zi,_label:"With access key",_accessKey:"c"}),t.jsx($e,{...r,_options:zi,_label:"With short key",_shortKey:"s"})]})}),nB=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text"}),t.jsx(g1,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text (hideLabel)"}),t.jsx(g1,{ref:l,...r,_hideLabel:!0})]})]})}),eB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolSelect renders a select field. The sample shows KolSelect in a form context with all variations and states."})}),t.jsx(oo,{RefComponent:nB})]}),f1={select:{basic:eB}},v1=w.forwardRef(function(r){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx(fo,{...r,_hint:ut,_label:"Label",_options:Fo,_value:"de",_on:{onBlur:console.log,onInput:console.log,onChange:console.log,onClick:console.log,onFocus:console.log}}),t.jsx(fo,{...r,_label:"Disabled",_options:Fo,_value:"de",_disabled:!0}),t.jsx(fo,{...r,_options:Fo,_msg:{_type:"error",_description:Nn},_rows:3,_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0}),t.jsx(fo,{...r,_label:"With access key",_options:Fo,_value:"de",_accessKey:"c"}),t.jsx(fo,{...r,_label:"With short key",_options:Fo,_value:"de",_shortKey:"s"}),t.jsx(fo,{...r,_label:"With hidden clear button",_options:Fo,_value:"de",_hideClearButton:!0})]})}),oB=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text"}),t.jsx(v1,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text (hideLabel)"}),t.jsx(v1,{ref:l,...r,_hideLabel:!0})]})]})}),rB=()=>{const n=w.useContext(mt);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"SingleSelect provides a select field for a single value, supported by a search field."})}),!n&&t.jsx(Vn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsx(oo,{RefComponent:oB})]})},tB={"single-select":{basic:rB}},aB=()=>t.jsxs("div",{className:"grid gap-4",children:[t.jsxs(H,{children:[t.jsx("p",{children:"KolSkipNav renders a list of navigation links that are visually hidden by default and only visible on focus."}),t.jsx("p",{children:"For testing purposes, click into the example and press the tab-key in order to focus the first link."})]}),t.jsx(xz,{_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"}]})]}),lB={"skip-nav":{basic:aB}},iB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:'KolSpin renders a loading indicator. This sample shows the default variant "dot".'})}),t.jsx(Ai,{_show:!0})]}),cB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"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.jsx(Ai,{_show:!0,_variant:"none",children:t.jsx("span",{slot:"expert",className:"loader"})})]}),sB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:'This sample shows the KolSpin variant "cycle".'})}),t.jsx(Ai,{_show:!0,_variant:"cycle"})]}),dB={spin:{basic:iB,cycle:sB,custom:cB}},uB=()=>{const n=vt.getInstance(document),r=()=>{n.enqueue({description:"The Button has been clicked.",label:"Button Clicked",type:"info"})};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"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.jsxs("div",{className:"flex flex-col gap-4",children:[t.jsx(qt,{_label:"Only the arrow opens",_on:{onClick:r},children:"Dropdown-Inhalt"}),t.jsx(qt,{_label:"Button without visible label",_hideLabel:!0,_icons:"codicon codicon-git-pull-request",children:"Dropdown-Inhalt"})]})]})},hB=()=>{const n=w.useRef(null),r=()=>{n.current?.closePopup()};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon."})}),t.jsx("div",{className:"flex gap-4",children:t.jsx(qt,{ref:n,_label:"Only the arrow opens",children:t.jsxs("div",{style:{width:300,padding:16,border:"1px solid #ccc"},onClick:l=>l.stopPropagation(),children:[t.jsx("p",{children:"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon."}),t.jsxs("div",{style:{gap:16,display:"flex",flexDirection:"column"},children:[t.jsx(En,{_label:"User"}),t.jsx(En,{_label:"Role"}),t.jsx(U,{_label:"Close",_on:{onClick:r}})]})]})})})]})},bB={"split-button":{basic:uB,"with-context":hB}},Zs=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),Or=[{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")}],Mh={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(n,r,l)=>Zs.format(l.date)}]]},Ih={_page:2},pB=()=>t.jsxs("div",{className:"w-full grid gap-14",children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTable with different pagination positions."})}),t.jsxs("section",{className:"w-full flex flex-col gap-14",children:[t.jsxs("section",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:"Table with pagination at the bottom."}),t.jsx(we,{_label:"Tabellenbeschreibung",_data:Or,_headers:Mh,_pagination:Ih,_paginationPosition:"bottom"})]}),t.jsxs("section",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:"Table with pagination at the top."}),t.jsx(we,{_label:"Tabellenbeschreibung",_data:Or,_headers:Mh,_pagination:Ih,_paginationPosition:"top"})]}),t.jsxs("section",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:"Table with pagination at both top and bottom."}),t.jsx(we,{_label:"Tabellenbeschreibung",_data:Or,_headers:Mh,_pagination:Ih,_paginationPosition:"both"})]})]})]}),fs=[{left:"Left Example",center:"Center Example",right:"Right Example"}],wi=n=>n,gB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTable with columns headers and data in different text alignments."})}),t.jsxs("section",{className:"w-full flex flex-col",children:[t.jsx(an,{_label:"Simple table",_level:3}),t.jsx(we,{_label:"Table for demonstration purposes with different text align properties",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]]},_data:fs,className:"block",style:{maxWidth:"600px"}}),t.jsx(an,{_label:"Table with sortable columns",_level:3,className:"block mt-6"}),t.jsx(we,{_label:"Table for demonstration purposes with sortable columns",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",sort:wi},{label:"center",key:"center",textAlign:"center",sort:wi},{label:"right",key:"right",textAlign:"right",sort:wi}]]},_data:fs,className:"block",style:{maxWidth:"600px"}}),t.jsx(an,{_label:"Table some sortable columns",_level:3,className:"block mt-6"}),t.jsx(we,{_label:"Table for demonstration purposes with some but not all columns sortable",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",sort:wi},{label:"center",key:"center",textAlign:"center",sort:wi},{label:"right",key:"right",textAlign:"right"}]]},_data:fs,className:"block",style:{maxWidth:"600px"}}),t.jsx(an,{_label:"Table with vertical heading",_level:3,className:"block mt-6"}),t.jsx(we,{_label:"Table for demonstration purposes with vertical heading",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]],vertical:[[{label:"Vertical"}]]},_data:fs,className:"block",style:{maxWidth:"600px"}})]})]}),fB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTable using vertical and horizontal headers, applying colspan and rowspan."})}),t.jsx("section",{className:"w-full flex flex-col",children:t.jsx(we,{_label:"Business hours",_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"}]]}})})]}),m1=[{small:"Small Example",large:"Larger Example"}],Kh={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"}]]},vB=n=>n,mB=()=>{const[n,r]=w.useState(!0);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTable 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.jsx(no,{_variant:"card",_type:"warning",_label:"Deprecation of minWidth",children:"In version 3, the width of the column will be required for the implicit calculation of the minWidth. This behavior is also implemented in version 2, if the _minWidth property is undefined."}),t.jsx("br",{}),t.jsxs("section",{className:"w-full flex flex-col gap-4",children:[t.jsx(an,{_label:"Table with scrollbar",_level:2}),t.jsx(we,{_label:"Table for demonstration purposes with horizontal scrollbar.",_minWidth:n?"600px":void 0,_headers:Kh,_data:m1,className:"block",style:{width:"400px"}}),t.jsx(an,{_label:"Table with scrollbar and pagination",_level:3}),t.jsx(we,{_label:"Table for demonstration horizontal scrolling with pagination.",_minWidth:n?"600px":void 0,_headers:{horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",sort:vB,render:(l,c,s)=>Zs.format(s.date)}]]},_data:Or,style:{width:"400px"},_pagination:!0}),t.jsx(an,{_label:"Empty Table with scrollbar",_level:3}),t.jsx(we,{_label:"Table for demonstration purposes with horizontal scrollbar with auto minWidth.",_minWidth:n?"600px":void 0,_headers:Kh,_data:[],className:"block",style:{width:"400px"}}),t.jsx(Yn,{_checked:n,_label:"Toggle width restriction",_variant:"switch",_on:{onChange:(l,c)=>{r(!!c)}}}),t.jsx(an,{_label:"Same table without scrollbar",_level:2,className:"block mt-4"}),t.jsx("p",{className:"mt-0",children:t.jsx("i",{children:"Scrollbar appears on very small viewport sizes"})}),t.jsx(we,{_label:"Table for demonstration purposes without horizontal scrollbar",_minWidth:"600px",_headers:Kh,_data:m1,className:"block",_pagination:!0})]})]})},kB=[{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 yB({label:n,icons:r}){const{dummyClickEventHandler:l}=Ae(),c={onClick:l};return t.jsx(U,{_label:n,_icons:r,_on:c})}const wB={horizontal:[[{label:"#",key:"order",textAlign:"center",width:"10em",render:(n,r)=>`Index: ${r.label}`},{label:"Status",key:"shipped",textAlign:"center",width:"10em",render:(n,r)=>{r.label?n.textContent="Order has been dispatched 🚚":n.textContent="Order pending 📦"}},{label:"Date (string)",key:"date",width:"20em",textAlign:"center",render:(n,r)=>{n.innerHTML=`<strong>${Zs.format(r.label)}</strong>`},sort:n=>n.sort((r,l)=>r.date.getTime()-l.date.getTime())},{label:"Action (react)",width:"20em",render:n=>{We(ft(n)).render(t.jsxs("div",{style:{display:"grid",gridAutoFlow:"column",alignItems:"end",gap:"1rem",maxWidth:"400px"},children:[t.jsx(En,{_label:"Input"}),t.jsx(yB,{label:"Save",icons:{left:"codicon codicon-save"}})]}))}}]]},_B=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTable using React render functions for the cell contents."})}),t.jsx(we,{_label:"Sort by date column",_data:kB,_headers:wB,className:"w-full"})]}),V_=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),xB={horizontal:[[{label:"order",key:"order",textAlign:"center"},{label:"date",key:"date",textAlign:"center",render:(n,r,l)=>V_.format(l.date),sort:n=>n.sort((r,l)=>r.date<l.date?-1:l.date<r.date?1:0)}]]},zB={vertical:[[{label:"order",key:"order",textAlign:"center"},{label:"date",textAlign:"center",render:(n,r,l)=>V_.format(l.date),sort:n=>n.sort((r,l)=>r.date<l.date?-1:l.date<r.date?1:0)}]]},jB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:'This sample shows KolTable with sortable columns. The sort-order can be changed by clicking the "date" header column.'})}),t.jsxs("section",{className:"w-full grid gap-4",children:[t.jsxs("section",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:"Vertical"}),t.jsx(we,{_label:"Sort a date column",_data:Or.slice(0,10),_headers:zB,className:"block"})]}),t.jsxs("section",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:"Horizontal"}),t.jsx(we,{_label:"Sort a date column",_data:Or,_headers:xB,className:"block"})]})]})]}),SB=[{left:"Left Example",center:"Center Example",right:"Right Example"},{},{},{}],TB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows how KolTableStateless can be used directly, with the KolTableStateful wrapper."})}),t.jsx("section",{className:"w-full",children:t.jsx(Ei,{_label:"Table for demonstration purposes",_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:SB,className:"block",style:{maxWidth:"600px"},_on:{onSort:(n,r)=>{console.log(r)}}})})]}),AB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTable with footer data."})}),t.jsx(we,{className:"w-full",_label:"Business hours",_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"}]})]}),EB=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function OB({label:n}){const{dummyClickEventHandler:r}=Ae(),l={onClick:r};return t.jsx(U,{_label:n,_on:l})}const LB=()=>{const[n,r]=w.useState(),l={label:p=>`Selection for ${p.name}`,selectedKeys:n?n.map(p=>p.internalIdentifier):[],keyPropertyName:"internalIdentifier"},c=w.useRef(null),s=({detail:p})=>{console.log("Selection change via event",p)},u=(p,f)=>{console.log("Selection change via callback",f)},b=async()=>{const p=await c.current?.getSelection();r(p)};w.useEffect(()=>(c.current?.addEventListener("kol-selection-change",s),()=>{c.current?.removeEventListener("kol-selection-change",s)}),[c]);const g=(p,f)=>{We(ft(p)).render(t.jsx(OB,{label:`Click ${f.data?.id}`}))};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTableStateful with checkboxes for selection enabled."})}),t.jsxs("section",{className:"w-full",children:[t.jsx(S1,{_label:"Table with selection checkboxes",_headers:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:g}]]},_data:EB,_selection:l,_on:{onSelectionChange:u},className:"block",style:{maxWidth:"600px"},ref:c}),t.jsxs("div",{className:"grid grid-cols-3 items-end gap-4 mt-4",children:[t.jsx(U,{_label:"getSelection()",_on:{onClick:()=>{b()}}}),t.jsx("pre",{className:"text-base","aria-live":"polite",children:JSON.stringify(n,null,2)})]})]})]})},CB=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function NB({label:n}){const{dummyClickEventHandler:r}=Ae(),l={onClick:r};return t.jsx(U,{_label:n,_on:l})}const $B=()=>{const[n,r]=w.useState(),l={label:p=>`Selection for ${p.name}`,multiple:!1,selectedKeys:n?[n.internalIdentifier]:[],keyPropertyName:"internalIdentifier"},c=w.useRef(null),s=({detail:p})=>{console.log("Selection change via event",p)},u=(p,f)=>{console.log("Selection change via callback",f)},b=async()=>{const p=await c.current?.getSelection();r(p)};w.useEffect(()=>(c.current?.addEventListener("kol-selection-change",s),()=>{c.current?.removeEventListener("kol-selection-change",s)}),[c]);const g=(p,f)=>{We(ft(p)).render(t.jsx(NB,{label:`Click ${f.data?.id}`}))};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTableStateful with radio buttons for selection enabled."})}),t.jsxs("section",{className:"w-full",children:[t.jsx(S1,{_label:"Table with selection radio",_headers:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:g}]]},_data:CB,_selection:l,_on:{onSelectionChange:u},className:"block",style:{maxWidth:"600px"},ref:c}),t.jsxs("div",{className:"grid grid-cols-3 items-end gap-4 mt-4",children:[t.jsx(U,{_label:"getSelection()",_on:{onClick:()=>{b()}}}),t.jsx("pre",{className:"text-base","aria-live":"polite",children:JSON.stringify(n,null,2)})]})]})]})},RB=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function BB({label:n}){const{dummyClickEventHandler:r}=Ae(),l={onClick:r};return t.jsx(U,{_label:n,_on:l})}const DB=()=>{const[n,r]=w.useState(["AAA1002"]),l={label:g=>`Selection for ${g.name}`,selectedKeys:n,keyPropertyName:"internalIdentifier"},c=w.useRef(null),s=({detail:g})=>{console.log("Selection change via event",g)},u=(g,p)=>{console.log("Selection change via callback",p),r(typeof p=="string"?[p]:p)};w.useEffect(()=>(c.current?.addEventListener("kol-selection-change",s),()=>{c.current?.removeEventListener("kol-selection-change",s)}),[c]);const b=(g,p)=>{We(ft(g)).render(t.jsx(BB,{label:`Click ${p.data?.id}`}))};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTableStateless with checkboxes for selection enabled."})}),t.jsx("section",{className:"w-full",children:t.jsx(Ei,{_label:"Table with selection checkboxes",_headerCells:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:b}]]},_data:RB,_selection:l,_on:{onSelectionChange:u},className:"block",style:{maxWidth:"600px"},ref:c})})]})},MB=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function IB({label:n}){const{dummyClickEventHandler:r}=Ae(),l={onClick:r};return t.jsx(U,{_label:n,_on:l})}const KB=()=>{const[n,r]=w.useState(["1002"]),l={label:g=>`Selection for ${g.name}`,multiple:!1,selectedKeys:n,keyPropertyName:"internalIdentifier"},c=w.useRef(null),s=({detail:g})=>{console.log("Selection change via event",g)},u=(g,p)=>{console.log("Selection change via callback",p),r(typeof p=="string"?[p]:p)};w.useEffect(()=>(c.current?.addEventListener("kol-selection-change",s),()=>{c.current?.removeEventListener("kol-selection-change",s)}),[c]);const b=(g,p)=>{We(ft(g)).render(t.jsx(IB,{label:`Click ${p.data?.id}`}))};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTableStateless with checkboxes for selection enabled."})}),t.jsx("section",{className:"w-full",children:t.jsx(Ei,{_label:"Table with selection checkboxes",_headerCells:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:b}]]},_data:MB,_selection:l,_on:{onSelectionChange:u},className:"block",style:{maxWidth:"600px"},ref:c})})]})},HB={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(n,r,l)=>Zs.format(l.date)}]]},UB={_page:2},FB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows how KolTable can be navigated using a pagination."})}),t.jsx("div",{className:"w-full",children:t.jsx(we,{_label:"Tabellenbeschreibung",_data:Or,_headers:HB,_pagination:UB})})]});function VB({_on:n,...r}){const{dummyClickEventHandler:l}=Ae(),c={onClick:l};return t.jsx(U,{...r,_on:c})}const _i=n=>{const r=n.charAt(0).toUpperCase()+n.slice(1);return{label:r,key:n,textAlign:"left",render:(l,c)=>{const s={_label:r,_variant:n,_icons:{right:"codicon codicon-squirrel"}};We(ft(l)).render(c.label==="button"?t.jsx(VB,{...s}):t.jsx(Kn,{_href:"#/back-page",...s}))}}},qB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows a KolTableStateless with different interactive child elements. It can be used to assure themes show these child elements correctly."})}),t.jsxs("section",{className:"w-full flex flex-col",children:[t.jsx(Ei,{_label:"Button styles",_headerCells:{horizontal:[[_i("primary"),_i("secondary"),_i("normal"),_i("danger"),_i("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.jsx(Ei,{_label:"Link styles",_headerCells:{horizontal:[[{key:"regular",label:"Regular",textAlign:"left",render:(n,r)=>{const l={_label:r.label,_icons:{right:"codicon codicon-squirrel"}};We(ft(n)).render(r.label==="button-link"?t.jsx(Xn,{...l}):t.jsx(gn,{_href:"#/back-page",...l}))}}]],vertical:[[{label:"Link"},{label:"Button-Link"}]]},_data:[{regular:"link"},{regular:"button-link"}],className:"block mt"})]})]}),q_=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),PB={horizontal:[[{label:"order",key:"order",textAlign:"center",compareFn:(n,r)=>n.order<r.order?-1:r.order<n.order?1:0},{label:"date",key:"date",textAlign:"center",render:(n,r,l)=>q_.format(l.date),compareFn:(n,r)=>n.date<r.date?-1:r.date<n.date?1:0}]]},GB={vertical:[[{label:"order",key:"order",textAlign:"center",compareFn:(n,r)=>n.order<r.order?-1:r.order<n.order?1:0},{label:"date",key:"date",textAlign:"center",render:(n,r,l)=>q_.format(l.date),compareFn:(n,r)=>n.date<r.date?-1:r.date<n.date?1:0}]]},ZB=()=>{const[n,r]=w.useState(!1),[l,c]=w.useState(!0);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:'This sample shows KolTable with multi-sort functionality, allowing sorting by both "order" and "date" columns.'})}),t.jsxs("section",{className:"w-full grid gap-4",children:[t.jsxs("section",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:"Vertical"}),t.jsx(Yn,{_checked:n,_label:"Allow Multi-Sort",_variant:"switch",_on:{onChange:(s,u)=>r(!!u)}}),t.jsx(we,{_label:"Sort Table with Order and Date",_data:Or.slice(0,10),_headers:GB,className:"block",_allowMultiSort:n})]}),t.jsxs("section",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:"Horizontal"}),t.jsx(Yn,{_checked:l,_label:"Allow Multi-Sort",_variant:"switch",_on:{onChange:(s,u)=>c(!!u)}}),t.jsx(we,{_label:"Sort Table with Order and Date",_data:Or,_headers:PB,className:"block",_allowMultiSort:l})]})]})]})},YB={table:{"column-alignment":gB,"complex-headers":fB,"horizontal-scrollbar":mB,"pagination-position":pB,"render-cell":_B,"sort-data":jB,"with-footer":AB,"stateful-with-selection":LB,"stateful-with-single-selection":$B,"stateless-with-selection":DB,"stateless-with-single-selection":KB,"with-pagination":FB,"interactive-child-elements":qB,stateless:TB,"multi-sort":ZB}},P_=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:n=>{console.log("First tab selected",n)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],XB=P_.map(n=>({...n,_icons:void 0})),QB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolTabs renders tab captions and their associated content. This sample shows tab captions with and without icons and disabled tabs."})}),t.jsxs(Lr,{_tabs:XB,_label:"Regular tabs",children:[t.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),t.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),t.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),t.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]}),t.jsxs(Lr,{_tabs:P_,className:"mt-4",_label:"Tabs with icons",children:[t.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),t.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),t.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),t.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]}),WB=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:n=>{console.log("First tab selected",n)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],JB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample shows KolTabs with the property ",t.jsx("code",{children:"_align"})," set to ",t.jsx("code",{children:"left"}),", ",t.jsx("code",{children:"right"}),", ",t.jsx("code",{children:"top"})," and ",t.jsx("code",{children:"bottom"}),"."]})}),t.jsx("div",{className:"grid gap-8",children:["left","right","top","bottom"].map(n=>{const r=`Tabs with ${n} align`;return t.jsxs("div",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:r}),t.jsxs(Lr,{_tabs:WB,_align:n,_label:r,children:[t.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),t.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),t.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),t.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]},n)})})]}),nD=[{_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}],eD=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTabs with hidden labels."})}),t.jsxs(Lr,{_label:"Tabs with icons",_tabs:nD,children:[t.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),t.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),t.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),t.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]}),k1=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:n=>{console.log("First tab selected",n)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],oD=()=>t.jsxs(t.Fragment,{children:[t.jsxs(H,{children:[t.jsxs("p",{children:["This sample shows KolTabs with the property ",t.jsx("code",{children:"_behavior"})," set to ",t.jsx("code",{children:"select-manual"})," and ",t.jsx("code",{children:"select-automatic"}),"."]}),t.jsx("p",{children:"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.jsxs("div",{className:"grid gap-8",children:[t.jsxs("div",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:'Tabs with "select manual" behavior'}),t.jsxs(Lr,{_tabs:k1,_behavior:"select-manual",_label:"Tabs with select manual behavior",children:[t.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),t.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),t.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),t.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:'Tabs with "select automatic" behavior'}),t.jsxs(Lr,{_tabs:k1,className:"mt-4",_behavior:"select-automatic",_label:"Tabs with select automatic behavior",children:[t.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),t.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),t.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),t.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]})]})]}),rD={tabs:{basic:QB,"icons-only":eD,behavior:oD,align:JB}},tD=`Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore
+`+(g!==b?`result of cast: ${g}`:""))}return u}_cast(r,l){let c=r===void 0?r:this.transforms.reduce((s,u)=>u.call(this,s,r,this),r);return c===void 0&&(c=this.getDefault(l)),c}_validate(r,l={},c,s){let{path:u,originalValue:b=r,strict:g=this.spec.strict}=l,p=r;g||(p=this._cast(p,Object.assign({assert:!1},l)));let f=[];for(let m of Object.values(this.internalTests))m&&f.push(m);this.runTests({path:u,value:p,originalValue:b,options:l,tests:f},c,m=>{if(m.length)return s(m,p);this.runTests({path:u,value:p,originalValue:b,options:l,tests:this.tests},c,s)})}runTests(r,l,c){let s=!1,{tests:u,value:b,originalValue:g,path:p,options:f}=r,m=A=>{s||(s=!0,l(A,b))},y=A=>{s||(s=!0,c(A,b))},_=u.length,S=[];if(!_)return y([]);let O={value:b,originalValue:g,path:p,options:f,schema:this};for(let A=0;A<u.length;A++){const E=u[A];E(O,m,function(M){M&&(Array.isArray(M)?S.push(...M):S.push(M)),--_<=0&&y(S)})}}asNestedTest({key:r,index:l,parent:c,parentPath:s,originalParent:u,options:b}){const g=r??l;if(g==null)throw TypeError("Must include `key` or `index` for nested validations");const p=typeof g=="number";let f=c[g];const m=Object.assign({},b,{strict:!0,parent:c,value:f,originalValue:u[g],key:void 0,[p?"index":"key"]:g,path:p||g.includes(".")?`${s||""}[${p?g:`"${g}"`}]`:(s?`${s}.`:"")+r});return(y,_,S)=>this.resolve(m)._validate(f,m,_,S)}validate(r,l){var c;let s=this.resolve(Object.assign({},l,{value:r})),u=(c=l?.disableStackTrace)!=null?c:s.spec.disableStackTrace;return new Promise((b,g)=>s._validate(r,l,(p,f)=>{to.isError(p)&&(p.value=f),g(p)},(p,f)=>{p.length?g(new to(p,f,void 0,void 0,u)):b(f)}))}validateSync(r,l){var c;let s=this.resolve(Object.assign({},l,{value:r})),u,b=(c=l?.disableStackTrace)!=null?c:s.spec.disableStackTrace;return s._validate(r,Object.assign({},l,{sync:!0}),(g,p)=>{throw to.isError(g)&&(g.value=p),g},(g,p)=>{if(g.length)throw new to(g,r,void 0,void 0,b);u=p}),u}isValid(r,l){return this.validate(r,l).then(()=>!0,c=>{if(to.isError(c))return!1;throw c})}isValidSync(r,l){try{return this.validateSync(r,l),!0}catch(c){if(to.isError(c))return!1;throw c}}_getDefault(r){let l=this.spec.default;return l==null?l:typeof l=="function"?l.call(this,r):rl(l)}getDefault(r){return this.resolve(r||{})._getDefault(r)}default(r){return arguments.length===0?this._getDefault():this.clone({default:r})}strict(r=!0){return this.clone({strict:r})}nullability(r,l){const c=this.clone({nullable:r});return c.internalTests.nullable=Ja({message:l,name:"nullable",test(s){return s===null?this.schema.spec.nullable:!0}}),c}optionality(r,l){const c=this.clone({optional:r});return c.internalTests.optionality=Ja({message:l,name:"optionality",test(s){return s===void 0?this.schema.spec.optional:!0}}),c}optional(){return this.optionality(!0)}defined(r=or.defined){return this.optionality(!1,r)}nullable(){return this.nullability(!0)}nonNullable(r=or.notNull){return this.nullability(!1,r)}required(r=or.required){return this.clone().withMutation(l=>l.nonNullable(r).defined(r))}notRequired(){return this.clone().withMutation(r=>r.nullable().optional())}transform(r){let l=this.clone();return l.transforms.push(r),l}test(...r){let l;if(r.length===1?typeof r[0]=="function"?l={test:r[0]}:l=r[0]:r.length===2?l={name:r[0],test:r[1]}:l={name:r[0],message:r[1],test:r[2]},l.message===void 0&&(l.message=or.default),typeof l.test!="function")throw new TypeError("`test` is a required parameters");let c=this.clone(),s=Ja(l),u=l.exclusive||l.name&&c.exclusiveTests[l.name]===!0;if(l.exclusive&&!l.name)throw new TypeError("Exclusive tests must provide a unique `name` identifying the test");return l.name&&(c.exclusiveTests[l.name]=!!l.exclusive),c.tests=c.tests.filter(b=>!(b.OPTIONS.name===l.name&&(u||b.OPTIONS.test===s.OPTIONS.test))),c.tests.push(s),c}when(r,l){!Array.isArray(r)&&typeof r!="string"&&(l=r,r=".");let c=this.clone(),s=A_(r).map(u=>new ia(u));return s.forEach(u=>{u.isSibling&&c.deps.push(u.key)}),c.conditions.push(typeof l=="function"?new Rs(s,l):Rs.fromOptions(s,l)),c}typeError(r){let l=this.clone();return l.internalTests.typeError=Ja({message:r,name:"typeError",skipAbsent:!0,test(c){return this.schema._typeCheck(c)?!0:this.createError({params:{type:this.schema.type}})}}),l}oneOf(r,l=or.oneOf){let c=this.clone();return r.forEach(s=>{c._whitelist.add(s),c._blacklist.delete(s)}),c.internalTests.whiteList=Ja({message:l,name:"oneOf",skipAbsent:!0,test(s){let u=this.schema._whitelist,b=u.resolveAll(this.resolve);return b.includes(s)?!0:this.createError({params:{values:Array.from(u).join(", "),resolved:b}})}}),c}notOneOf(r,l=or.notOneOf){let c=this.clone();return r.forEach(s=>{c._blacklist.add(s),c._whitelist.delete(s)}),c.internalTests.blacklist=Ja({message:l,name:"notOneOf",test(s){let u=this.schema._blacklist,b=u.resolveAll(this.resolve);return b.includes(s)?this.createError({params:{values:Array.from(u).join(", "),resolved:b}}):!0}}),c}strip(r=!0){let l=this.clone();return l.spec.strip=r,l}describe(r){const l=(r?this.resolve(r):this).clone(),{label:c,meta:s,optional:u,nullable:b}=l.spec;return{meta:s,label:c,optional:u,nullable:b,default:l.getDefault(r),type:l.type,oneOf:l._whitelist.describe(),notOneOf:l._blacklist.describe(),tests:l.tests.filter((p,f,m)=>m.findIndex(y=>y.OPTIONS.name===p.OPTIONS.name)===f).map(p=>{const f=p.OPTIONS.params&&r?C_(Object.assign({},p.OPTIONS.params),r):p.OPTIONS.params;return{name:p.OPTIONS.name,params:f}})}}get"~standard"(){const r=this;return{version:1,vendor:"yup",async validate(c){try{return{value:await r.validate(c,{abortEarly:!1})}}catch(s){if(s instanceof to)return{issues:$_(s)};throw s}}}}}ar.prototype.__isYupSchema__=!0;for(const n of["validate","validateSync"])ar.prototype[`${n}At`]=function(r,l,c={}){const{parent:s,parentPath:u,schema:b}=aR(this,r,l,c.context);return b[n](s&&s[u],Object.assign({},c,{parent:s,path:r}))};for(const n of["equals","is"])ar.prototype[n]=ar.prototype.oneOf;for(const n of["not","nope"])ar.prototype[n]=ar.prototype.notOneOf;const cR=/^(\d{4}|[+-]\d{6})(?:-?(\d{2})(?:-?(\d{2}))?)?(?:[ T]?(\d{2}):?(\d{2})(?::?(\d{2})(?:[,.](\d{1,}))?)?(?:(Z)|([+-])(\d{2})(?::?(\d{2}))?)?)?$/;function sR(n){const r=mb(n);if(!r)return Date.parse?Date.parse(n):Number.NaN;if(r.z===void 0&&r.plusMinus===void 0)return new Date(r.year,r.month,r.day,r.hour,r.minute,r.second,r.millisecond).valueOf();let l=0;return r.z!=="Z"&&r.plusMinus!==void 0&&(l=r.hourOffset*60+r.minuteOffset,r.plusMinus==="+"&&(l=0-l)),Date.UTC(r.year,r.month,r.day,r.hour,r.minute+l,r.second,r.millisecond)}function mb(n){var r,l;const c=cR.exec(n);return c?{year:_r(c[1]),month:_r(c[2],1)-1,day:_r(c[3],1),hour:_r(c[4]),minute:_r(c[5]),second:_r(c[6]),millisecond:c[7]?_r(c[7].substring(0,3)):0,precision:(r=(l=c[7])==null?void 0:l.length)!=null?r:void 0,z:c[8]||void 0,plusMinus:c[9]||void 0,hourOffset:_r(c[10]),minuteOffset:_r(c[11])}:null}function _r(n,r=0){return Number(n)||r}let dR=/^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,uR=/^((https?|ftp):)?\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i,hR=/^(?:[0-9a-f]{8}-[0-9a-f]{4}-[1-5][0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}|00000000-0000-0000-0000-000000000000)$/i,bR="^\\d{4}-\\d{2}-\\d{2}",pR="\\d{2}:\\d{2}:\\d{2}",gR="(([+-]\\d{2}(:?\\d{2})?)|Z)",fR=new RegExp(`${bR}T${pR}(\\.\\d+)?${gR}$`),vR=n=>Gt(n)||n===n.trim(),mR={}.toString();function ht(){return new R_}class R_ extends ar{constructor(){super({type:"string",check(r){return r instanceof String&&(r=r.valueOf()),typeof r=="string"}}),this.withMutation(()=>{this.transform((r,l,c)=>{if(!c.spec.coerce||c.isType(r)||Array.isArray(r))return r;const s=r!=null&&r.toString?r.toString():r;return s===mR?r:s})})}required(r){return super.required(r).withMutation(l=>l.test({message:r||or.required,name:"required",skipAbsent:!0,test:c=>!!c.length}))}notRequired(){return super.notRequired().withMutation(r=>(r.tests=r.tests.filter(l=>l.OPTIONS.name!=="required"),r))}length(r,l=go.length){return this.test({message:l,name:"length",exclusive:!0,params:{length:r},skipAbsent:!0,test(c){return c.length===this.resolve(r)}})}min(r,l=go.min){return this.test({message:l,name:"min",exclusive:!0,params:{min:r},skipAbsent:!0,test(c){return c.length>=this.resolve(r)}})}max(r,l=go.max){return this.test({name:"max",exclusive:!0,message:l,params:{max:r},skipAbsent:!0,test(c){return c.length<=this.resolve(r)}})}matches(r,l){let c=!1,s,u;return l&&(typeof l=="object"?{excludeEmptyString:c=!1,message:s,name:u}=l:s=l),this.test({name:u||"matches",message:s||go.matches,params:{regex:r},skipAbsent:!0,test:b=>b===""&&c||b.search(r)!==-1})}email(r=go.email){return this.matches(dR,{name:"email",message:r,excludeEmptyString:!0})}url(r=go.url){return this.matches(uR,{name:"url",message:r,excludeEmptyString:!0})}uuid(r=go.uuid){return this.matches(hR,{name:"uuid",message:r,excludeEmptyString:!1})}datetime(r){let l="",c,s;return r&&(typeof r=="object"?{message:l="",allowOffset:c=!1,precision:s=void 0}=r:l=r),this.matches(fR,{name:"datetime",message:l||go.datetime,excludeEmptyString:!0}).test({name:"datetime_offset",message:l||go.datetime_offset,params:{allowOffset:c},skipAbsent:!0,test:u=>{if(!u||c)return!0;const b=mb(u);return b?!!b.z:!1}}).test({name:"datetime_precision",message:l||go.datetime_precision,params:{precision:s},skipAbsent:!0,test:u=>{if(!u||s==null)return!0;const b=mb(u);return b?b.precision===s:!1}})}ensure(){return this.default("").transform(r=>r===null?"":r)}trim(r=go.trim){return this.transform(l=>l!=null?l.trim():l).test({message:r,name:"trim",test:vR})}lowercase(r=go.lowercase){return this.transform(l=>Gt(l)?l:l.toLowerCase()).test({message:r,name:"string_case",exclusive:!0,skipAbsent:!0,test:l=>Gt(l)||l===l.toLowerCase()})}uppercase(r=go.uppercase){return this.transform(l=>Gt(l)?l:l.toUpperCase()).test({message:r,name:"string_case",exclusive:!0,skipAbsent:!0,test:l=>Gt(l)||l===l.toUpperCase()})}}ht.prototype=R_.prototype;let kR=new Date(""),yR=n=>Object.prototype.toString.call(n)==="[object Date]";class ep extends ar{constructor(){super({type:"date",check(r){return yR(r)&&!isNaN(r.getTime())}}),this.withMutation(()=>{this.transform((r,l,c)=>!c.spec.coerce||c.isType(r)||r===null?r:(r=sR(r),isNaN(r)?ep.INVALID_DATE:new Date(r)))})}prepareParam(r,l){let c;if(ia.isRef(r))c=r;else{let s=this.cast(r);if(!this._typeCheck(s))throw new TypeError(`\`${l}\` must be a Date or a value that can be \`cast()\` to a Date`);c=s}return c}min(r,l=vb.min){let c=this.prepareParam(r,"min");return this.test({message:l,name:"min",exclusive:!0,params:{min:r},skipAbsent:!0,test(s){return s>=this.resolve(c)}})}max(r,l=vb.max){let c=this.prepareParam(r,"max");return this.test({message:l,name:"max",exclusive:!0,params:{max:r},skipAbsent:!0,test(s){return s<=this.resolve(c)}})}}ep.INVALID_DATE=kR;function wR(n,r=[]){let l=[],c=new Set,s=new Set(r.map(([b,g])=>`${b}-${g}`));function u(b,g){let p=Xt.split(b)[0];c.add(p),s.has(`${g}-${p}`)||l.push([g,p])}for(const b of Object.keys(n)){let g=n[b];c.add(b),ia.isRef(g)&&g.isSibling?u(g.path,b):np(g)&&"deps"in g&&g.deps.forEach(p=>u(p,b))}return G$.array(Array.from(c),l).reverse()}function l1(n,r){let l=1/0;return n.some((c,s)=>{var u;if((u=r.path)!=null&&u.includes(c))return l=s,!0}),l}function B_(n){return(r,l)=>l1(n,r)-l1(n,l)}const _R=(n,r,l)=>{if(typeof n!="string")return n;let c=n;try{c=JSON.parse(n)}catch{}return l.isType(c)?c:n};function js(n){if("fields"in n){const r={};for(const[l,c]of Object.entries(n.fields))r[l]=js(c);return n.setFields(r)}if(n.type==="array"){const r=n.optional();return r.innerType&&(r.innerType=js(r.innerType)),r}return n.type==="tuple"?n.optional().clone({types:n.spec.types.map(js)}):"optional"in n?n.optional():n}const xR=(n,r)=>{const l=[...Xt.normalizePath(r)];if(l.length===1)return l[0]in n;let c=l.pop(),s=Xt.getter(Xt.join(l),!0)(n);return!!(s&&c in s)};let i1=n=>Object.prototype.toString.call(n)==="[object Object]";function c1(n,r){let l=Object.keys(n.fields);return Object.keys(r).filter(c=>l.indexOf(c)===-1)}const zR=B_([]);function D_(n){return new M_(n)}class M_ extends ar{constructor(r){super({type:"object",check(l){return i1(l)||typeof l=="function"}}),this.fields=Object.create(null),this._sortErrors=zR,this._nodes=[],this._excludedEdges=[],this.withMutation(()=>{r&&this.shape(r)})}_cast(r,l={}){var c;let s=super._cast(r,l);if(s===void 0)return this.getDefault(l);if(!this._typeCheck(s))return s;let u=this.fields,b=(c=l.stripUnknown)!=null?c:this.spec.noUnknown,g=[].concat(this._nodes,Object.keys(s).filter(y=>!this._nodes.includes(y))),p={},f=Object.assign({},l,{parent:p,__validating:l.__validating||!1}),m=!1;for(const y of g){let _=u[y],S=y in s;if(_){let O,A=s[y];f.path=(l.path?`${l.path}.`:"")+y,_=_.resolve({value:A,context:l.context,parent:p});let E=_ instanceof ar?_.spec:void 0,x=E?.strict;if(E!=null&&E.strip){m=m||y in s;continue}O=!l.__validating||!x?_.cast(s[y],f):s[y],O!==void 0&&(p[y]=O)}else S&&!b&&(p[y]=s[y]);(S!==y in p||p[y]!==s[y])&&(m=!0)}return m?p:s}_validate(r,l={},c,s){let{from:u=[],originalValue:b=r,recursive:g=this.spec.recursive}=l;l.from=[{schema:this,value:b},...u],l.__validating=!0,l.originalValue=b,super._validate(r,l,c,(p,f)=>{if(!g||!i1(f)){s(p,f);return}b=b||f;let m=[];for(let y of this._nodes){let _=this.fields[y];!_||ia.isRef(_)||m.push(_.asNestedTest({options:l,key:y,parent:f,parentPath:l.path,originalParent:b}))}this.runTests({tests:m,value:f,originalValue:b,options:l},c,y=>{s(y.sort(this._sortErrors).concat(p),f)})})}clone(r){const l=super.clone(r);return l.fields=Object.assign({},this.fields),l._nodes=this._nodes,l._excludedEdges=this._excludedEdges,l._sortErrors=this._sortErrors,l}concat(r){let l=super.concat(r),c=l.fields;for(let[s,u]of Object.entries(this.fields)){const b=c[s];c[s]=b===void 0?u:b}return l.withMutation(s=>s.setFields(c,[...this._excludedEdges,...r._excludedEdges]))}_getDefault(r){if("default"in this.spec)return super._getDefault(r);if(!this._nodes.length)return;let l={};return this._nodes.forEach(c=>{var s;const u=this.fields[c];let b=r;(s=b)!=null&&s.value&&(b=Object.assign({},b,{parent:b.value,value:b.value[c]})),l[c]=u&&"getDefault"in u?u.getDefault(b):void 0}),l}setFields(r,l){let c=this.clone();return c.fields=r,c._nodes=wR(r,l),c._sortErrors=B_(Object.keys(r)),l&&(c._excludedEdges=l),c}shape(r,l=[]){return this.clone().withMutation(c=>{let s=c._excludedEdges;return l.length&&(Array.isArray(l[0])||(l=[l]),s=[...c._excludedEdges,...l]),c.setFields(Object.assign(c.fields,r),s)})}partial(){const r={};for(const[l,c]of Object.entries(this.fields))r[l]="optional"in c&&c.optional instanceof Function?c.optional():c;return this.setFields(r)}deepPartial(){return js(this)}pick(r){const l={};for(const c of r)this.fields[c]&&(l[c]=this.fields[c]);return this.setFields(l,this._excludedEdges.filter(([c,s])=>r.includes(c)&&r.includes(s)))}omit(r){const l=[];for(const c of Object.keys(this.fields))r.includes(c)||l.push(c);return this.pick(l)}from(r,l,c){let s=Xt.getter(r,!0);return this.transform(u=>{if(!u)return u;let b=u;return xR(u,r)&&(b=Object.assign({},u),c||delete b[r],b[l]=s(u)),b})}json(){return this.transform(_R)}exact(r){return this.test({name:"exact",exclusive:!0,message:r||zs.exact,test(l){if(l==null)return!0;const c=c1(this.schema,l);return c.length===0||this.createError({params:{properties:c.join(", ")}})}})}stripUnknown(){return this.clone({noUnknown:!0})}noUnknown(r=!0,l=zs.noUnknown){typeof r!="boolean"&&(l=r,r=!0);let c=this.test({name:"noUnknown",exclusive:!0,message:l,test(s){if(s==null)return!0;const u=c1(this.schema,s);return!r||u.length===0||this.createError({params:{unknown:u.join(", ")}})}});return c.spec.noUnknown=r,c}unknown(r=!0,l=zs.noUnknown){return this.noUnknown(!r,l)}transformKeys(r){return this.transform(l=>{if(!l)return l;const c={};for(const s of Object.keys(l))c[r(s)]=l[s];return c})}camelCase(){return this.transformKeys(Dh.camelCase)}snakeCase(){return this.transformKeys(Dh.snakeCase)}constantCase(){return this.transformKeys(r=>Dh.snakeCase(r).toUpperCase())}describe(r){const l=(r?this.resolve(r):this).clone(),c=super.describe(r);c.fields={};for(const[u,b]of Object.entries(l.fields)){var s;let g=r;(s=g)!=null&&s.value&&(g=Object.assign({},g,{parent:g.value,value:g.value[u]})),c.fields[u]=b.describe(g)}return c}}D_.prototype=M_.prototype;const s1=(n,r)=>(n=Math.ceil(n),r=Math.floor(r),Math.floor(Math.random()*(r-n+1)+n)),d1=n=>`${n<10?"0":""}${n}`,jR=()=>{const l=s1(2,9),c=new Set;for(;c.size!==l;)c.add(s1(8,17));return[...c].sort((s,u)=>s-u).flatMap(s=>[`${d1(s)}:00`,`${d1(s)}:30`])},I_=n=>new Promise(r=>setTimeout(r,n)),SR=async()=>(await I_(1e3),jR().map(n=>({label:n,value:n}))),TR=async n=>(await I_(500),n?.endsWith(":30")??!1);function op(n){return Object.keys(n).map(r=>({message:n[r],selector:`#field-${r}`}))}function Ii(n){n.current?.focusErrorList().catch(console.warn)}function AR(){const n=hl(),[r,l]=w.useState(!1),[c,s]=w.useState(null),[u,b]=w.useState(!0),g=op(n.errors),p=w.useRef(null);w.useEffect(()=>{let y=!1;return s(null),u&&r&&(Ii(p),b(!1)),n.values.date&&SR().then(_=>{y||(s(_),n.setFieldValue("time",_[0].value),n.setFieldTouched("time"))},()=>{}),()=>{y=!0}},[n.values.date,r]);const f=w.useCallback((y,_)=>t.jsx(Tr,{name:y,children:({field:S})=>_(S)}),[]),m=w.useCallback(y=>({onChange:(_,S)=>{_.target&&n.setFieldValue(y,S,!0)},onBlur:()=>{n.setFieldTouched(y,!0)}}),[n.setFieldValue,n.setFieldTouched]);return t.jsxs("div",{className:"p-2",children:[t.jsx(an,{_level:2,_label:"Select an appointment"}),t.jsxs(co,{ref:p,_errorList:r?g:[],_on:{onSubmit:()=>{l(!0),n.submitForm(),Ii(p)}},children:[f("date",y=>t.jsx(Hn,{id:"field-date",_label:"Date",_value:y.value,_msg:{_type:"error",_description:n.errors.date||""},_touched:n.touched.date,_required:!0,_on:m("date")})),n.values.date&&t.jsx("div",{className:"grid gap-4 mt-4",children:c?t.jsxs(t.Fragment,{children:[f("time",y=>t.jsx(ye,{id:"field-time",_label:"Time",_orientation:"horizontal",_options:c,_value:y.value,_msg:{_type:"error",_description:n.errors.time||""},_touched:n.touched.time,_required:!0,_on:m("time")})),t.jsx("p",{children:t.jsx("em",{children:"For test purposes, only the dates for every half hour are available."})})]}):t.jsx(Ai,{_show:!0,className:"block","aria-label":"Dates are loaded.",_variant:"cycle"})}),t.jsx(U,{_label:"Weiter",_type:"submit",className:"mt-2"}),n.values.date&&n.isValidating?t.jsx(Ai,{_show:!0,"aria-label":"Date being checked."}):""]})]})}const ER=[{value:"Aplerbeck",label:"Aplerbeck"},{value:"Brackel",label:"Brackel"},{value:"Dorstfeld",label:"Dorstfeld"},{value:"Downtown East",label:"downtown East"},{value:"Downtown West",label:"downtown West"}];function OR(){const n=hl(),r=op(n.errors),[l,c]=w.useState(!1),s=w.useRef(null);return t.jsxs("div",{className:"p-2",children:[t.jsx(an,{_level:2,_label:"Select a district"}),t.jsxs(co,{ref:s,_errorList:l?r:[],_on:{onSubmit:()=>{c(!0),n.validateForm().then(u=>{if(u&&Object.keys(u).length>0)throw Error();n.submitForm()}).catch(()=>{Ii(s)})}},children:[t.jsx(Tr,{name:"district",children:({field:u})=>t.jsx($e,{id:"field-district",_label:"District",_options:[{label:"Please select…",value:""},...ER],_value:[u.value],_msg:{_type:"error",_description:n.errors.district||""},_touched:n.touched.district,_required:!0,onBlur:()=>{n.setFieldTouched("district",!0)},_on:{onChange:(b,g)=>{if(c(!1),b.target){const[p]=g;n.setFieldValue("district",p,!0)}}}})}),t.jsx(U,{_label:"Next",_type:"submit",className:"mt-2"})]})]})}const LR=[{value:"Company",label:"Company"},{value:"Mrs.",label:"Mrs."},{value:"Mr.",label:"Mr."},{value:"Hello",label:"Hello"}];function CR(){const n=hl(),[r,l]=w.useState(!1),c=op(n.errors),s=w.useRef(null);return w.useEffect(()=>{Ii(s)},[r]),t.jsxs("div",{className:"p-2",children:[t.jsx(an,{_level:2,_label:"Enter your contact details"}),t.jsxs(co,{ref:s,_errorList:r?c:[],_on:{onSubmit:()=>{n.submitForm(),l(!0),Ii(s)}},children:[t.jsx(Tr,{name:"salutation",children:({field:u})=>t.jsx($e,{onBlur:()=>{n.setFieldTouched("salutation",!0)},id:"field-salutation",_label:"Salutation",_value:[u.value],_msg:{_type:"error",_description:n.errors.salutation||""},_touched:n.touched.salutation,_options:[{label:"Please select…",value:""},...LR],_required:!0,_on:{onChange:(b,g)=>{if(b.target){const[p]=g;n.setFieldValue("salutation",p,!0)}}}})}),n.values.salutation==="Company"&&t.jsx(Tr,{name:"company",children:({field:u})=>t.jsx("div",{className:"block mt-2",children:t.jsx(En,{onBlur:()=>{n.setFieldTouched("company",!0)},id:"field-company",_label:"Company",_value:u.value,_msg:{_type:"error",_description:n.errors.company||""},_touched:n.touched.company,_required:!0,_on:{onChange:(b,g)=>{b.target&&n.setFieldValue("company",g,!0)}}})})}),t.jsx(Tr,{name:"name",children:({field:u})=>t.jsx("div",{className:"block mt-2",children:t.jsx(En,{onBlur:()=>{n.setFieldTouched("name",!0)},id:"field-name",_label:"First name and surname",_value:u.value,_msg:{_type:"error",_description:n.errors.name||""},_touched:n.touched.name,_required:!0,_on:{onChange:(b,g)=>{b.target&&n.setFieldValue("name",g,!0)}}})})}),t.jsx(Tr,{name:"email",children:({field:u})=>t.jsx("div",{className:"block mt-2",children:t.jsx(Pe,{onBlur:()=>{n.setFieldTouched("email",!0)},id:"field-email",_label:"E-Mail",_value:u.value,_error:n.errors.email||"",_touched:n.touched.email,_required:!0,_on:{onChange:(b,g)=>{b.target&&n.setFieldValue("email",g,!0)}}})})}),t.jsx(Tr,{name:"phone",children:({field:u})=>t.jsx("div",{className:"block mt-2",children:t.jsx(En,{id:"field-phone",_type:"tel",_label:"Telephone number",_value:u.value,_msg:{_type:"error",_description:n.errors.phone||""},_touched:n.touched.phone,_on:{onChange:(b,g)=>{b.target&&(n.setFieldTouched("phone",!0),n.setFieldValue("phone",g,!0))}}})})}),t.jsx(U,{_label:"Next",_type:"submit",className:"mt-2"})]})]})}const K_=()=>t.jsx("i",{children:"Nicht angegeben"}),nl=({value:n})=>n||t.jsx(K_,{});function NR(){const{values:n}=hl();return t.jsxs(t.Fragment,{children:[t.jsx(an,{_level:2,_label:"Zusammenfassung"}),t.jsxs("dl",{children:[t.jsx("dt",{children:"District"}),t.jsx("dd",{children:t.jsx(nl,{value:n.district})}),t.jsx("dt",{children:"Appointment"}),t.jsx("dd",{children:n.date&&n.time?`${n.date} ${n.time} Uhr`:t.jsx(K_,{})}),n.salutation==="Company"?t.jsxs(t.Fragment,{children:[t.jsx("dt",{children:"Company"}),t.jsx("dd",{children:t.jsx(nl,{value:n.company})})]}):t.jsxs(t.Fragment,{children:[t.jsx("dt",{children:"Salutation"}),t.jsx("dd",{children:t.jsx(nl,{value:n.salutation})})]}),t.jsx("dt",{children:"Name"}),t.jsx("dd",{children:t.jsx(nl,{value:n.name})}),t.jsx("dt",{children:"E-Mail"}),t.jsx("dd",{children:t.jsx(nl,{value:n.email})}),t.jsx("dt",{children:"Phone number"}),t.jsx("dd",{children:t.jsx(nl,{value:n.phone})})]})]})}const u1=[0,1,2,3],$R={district:"",date:"",time:"",salutation:"",name:"",company:"",email:"",phone:""},RR={district:ht().required("Please select district.")},BR={salutation:ht().required("Please select salutation."),name:ht().required("Please enter your first and last name."),company:ht().when("salutation",{is:n=>n==="Company",then:n=>n.required("Please specify company.")}),email:ht().required("Please enter your e-mail address.")},DR={date:ht().required("Please enter date."),time:ht().when("date",{is:n=>!!n,then:n=>n.test("checkTimeAvailability","Date unfortunately no longer available.",TR)})};function MR(){const[n,r]=w.useState(0),[l,c]=w.useState(n),s=w.useRef(null),u=D_().shape({...n===0?RR:{},...n===1?DR:{},...n===2?BR:{}});w.useEffect(()=>{c(n)},[n]);const b=async(g,p)=>{const f=u1.indexOf(n),m=u1[f+1];m!==void 0&&(await p.setTouched({}),r(m))};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["The Appointment Form is a full form example featuring a large variety of KoliBri form components,"," ",t.jsx(gn,{_label:"Formik",_href:"https://formik.org/",_target:"blank"})," and"," ",t.jsx(gn,{_label:"Yup",_href:"https://github.com/jquense/yup",_target:"blank"}),"."]})}),t.jsx(gb,{innerRef:s,initialValues:$R,validationSchema:u,onSubmit:b,children:t.jsxs(Lr,{className:"w-full",_tabs:[{_label:"1. Choose registration office"},{_label:"2. Available dates",_disabled:n<1},{_label:"3. Personal data",_disabled:n<2},{_label:"Summary",_disabled:n<3}],_label:"Form navigation",_selected:l,_on:{onSelect:(g,p)=>{r(p),s.current?.setErrors({})}},children:[t.jsx("div",{children:t.jsx(OR,{})}),t.jsx("div",{children:t.jsx(AR,{})}),t.jsx("div",{children:t.jsx(CR,{})}),t.jsx("div",{children:t.jsx(NR,{})})]})})]})}const IR=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This example show how different components works with tabIndex."})}),t.jsxs("div",{className:"w-full grid gap-4",children:[t.jsx(On,{_label:"Button",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(U,{_label:"Button 1, Tabindex 4",_variant:"primary",tabIndex:4}),t.jsx(U,{_disabled:!0,_label:"Button 2, Tabindex 3",_variant:"primary",tabIndex:3}),t.jsx(U,{_label:"Button 3, Tabindex 2",_variant:"primary",tabIndex:2}),t.jsx(U,{_label:"Button 4, Tabindex 1",_variant:"primary",tabIndex:1})]})}),t.jsx(On,{_label:"ButtonLink",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(Xn,{_label:"ButtonLink 1, Tabindex 4",tabIndex:4}),t.jsx(Xn,{_disabled:!0,_label:"ButtonLink 2, Tabindex 3",tabIndex:3}),t.jsx(Xn,{_label:"ButtonLink 3, Tabindex 2",tabIndex:2}),t.jsx(Xn,{_label:"ButtonLink 4, Tabindex 1",tabIndex:1})]})}),t.jsx(On,{_label:"Combobox",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(Oo,{_hint:ut,_label:"Combobox 1, Tabindex 4",_suggestions:Go,_value:"Deutschland",tabIndex:4}),t.jsx(Oo,{_disabled:!0,_hint:ut,_label:"Combobox 2, Tabindex 3",_suggestions:Go,_value:"Deutschland",tabIndex:3}),t.jsx(Oo,{_touched:!0,_hint:ut,_msg:{_type:"error",_description:Nn},_label:"Combobox 3, Tabindex 2",_suggestions:Go,_value:"Deutschland",tabIndex:2}),t.jsx(Oo,{_hint:ut,_label:"Combobox 4, Tabindex 1",_suggestions:Go,_value:"Deutschland",tabIndex:1})]})}),t.jsx(On,{_label:"InputCheckbox",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(Yn,{_label:"InputCheckbox 4, Tabindex 1",_value:!1,tabIndex:4}),t.jsx(Yn,{_disabled:!0,_label:"InputCheckbox 3, Tabindex 2",_value:!1,tabIndex:3}),t.jsx(Yn,{_touched:!0,_label:"InputCheckbox 2, Tabindex 3",_msg:{_type:"error",_description:Nn},_value:!1,tabIndex:2}),t.jsx(Yn,{_label:"InputCheckbox 1, Tabindex 4",_value:!1,tabIndex:1})]})}),t.jsx(On,{_label:"InputColor",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(Je,{_value:"#f08080",_label:"InputCheckbox 1, Tabindex 4",tabIndex:4}),t.jsx(Je,{_disabled:!0,_value:"#f08080",_label:"InputCheckbox 2, Tabindex 3",tabIndex:3}),t.jsx(Je,{_touched:!0,_value:"#f08080",_label:"InputCheckbox 3, Tabindex 2",_msg:{_type:"error",_description:Nn},tabIndex:2}),t.jsx(Je,{_value:"#f08080",_label:"InputCheckbox 4, Tabindex 1",tabIndex:1})]})}),t.jsx(On,{_label:"InputDate",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(Hn,{_type:"datetime-local",_label:"InputCheckbox 1, Tabindex 4",tabIndex:4}),t.jsx(Hn,{_disabled:!0,_type:"datetime-local",_label:"InputCheckbox 2, Tabindex 3",tabIndex:3}),t.jsx(Hn,{_touched:!0,_type:"datetime-local",_label:"InputCheckbox 3, Tabindex 2",_msg:{_type:"error",_description:Nn},tabIndex:2}),t.jsx(Hn,{_type:"datetime-local",_label:"InputCheckbox 4, Tabindex 1",tabIndex:1})]})}),t.jsx(On,{_label:"InputEmail",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(Pe,{_label:"InputEmail 1, Tabindex 4",tabIndex:4}),t.jsx(Pe,{_disabled:!0,_label:"InputEmail 2, Tabindex 3",tabIndex:3}),t.jsx(Pe,{_touched:!0,_label:"InputEmail 3, Tabindex 2",_msg:{_type:"error",_description:Nn},tabIndex:2}),t.jsx(Pe,{_label:"InputEmail 4, Tabindex 1",tabIndex:1})]})}),t.jsx(On,{_label:"InputFile",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(He,{_label:"InputFile 1, Tabindex 4",tabIndex:4}),t.jsx(He,{_disabled:!0,_label:"InputFile 2, Tabindex 3",tabIndex:3}),t.jsx(He,{_touched:!0,_label:"InputFile 3, Tabindex 2",_msg:{_type:"error",_description:Nn},tabIndex:2}),t.jsx(He,{_label:"InputFile 4, Tabindex 1",tabIndex:1})]})}),t.jsx(On,{_label:"InputNumber",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(Se,{_label:"InputNumber 1, Tabindex 4",tabIndex:4}),t.jsx(Se,{_disabled:!0,_label:"InputNumber 2, Tabindex 3",tabIndex:3}),t.jsx(Se,{_touched:!0,_label:"InputNumber 3, Tabindex 2",_msg:{_type:"error",_description:Nn},tabIndex:2}),t.jsx(Se,{_label:"InputNumber 4, Tabindex 1",tabIndex:1})]})}),t.jsx(On,{_label:"InputPassword",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(Re,{_label:"InputPassword 1, Tabindex 4",tabIndex:4}),t.jsx(Re,{_disabled:!0,_label:"InputPassword 2, Tabindex 3",tabIndex:3}),t.jsx(Re,{_touched:!0,_label:"InputPassword 3, Tabindex 2",_msg:{_type:"error",_description:Nn},tabIndex:2}),t.jsx(Re,{_label:"InputPassword 4, Tabindex 1",tabIndex:1})]})}),t.jsx(On,{_label:"InputRadio",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(ye,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 1, Tabindex 4",tabIndex:4}),t.jsx(ye,{_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.jsx(ye,{_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:Nn},tabIndex:2}),t.jsx(ye,{_options:"[{'label':'Mrs.','value':'Mrs.'},{'disabled':true,'label':'Mr. (disabled)','value':'Mr.'},{'label':'Company','value':'Company'}]",_label:"InputRadio 4, Tabindex 1",tabIndex:1})]})}),t.jsx(On,{_label:"InputRange",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(ao,{_label:"InputRange 1, Tabindex 4",_min:0,_max:50,tabIndex:4}),t.jsx(ao,{_disabled:!0,_label:"InputRange 2, Tabindex 3",_min:0,_max:50,tabIndex:3}),t.jsx(ao,{_touched:!0,_label:"InputRange 3, Tabindex 2",_min:0,_max:50,_msg:{_type:"error",_description:Nn},tabIndex:2}),t.jsx(ao,{_label:"InputRange 4, Tabindex 1",_min:0,_max:50,tabIndex:1})]})}),t.jsx(On,{_label:"InputText",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(En,{_label:"InputText 1, Tabindex 4",tabIndex:4}),t.jsx(En,{_disabled:!0,_label:"InputText 2, Tabindex 3",tabIndex:3}),t.jsx(En,{_touched:!0,_label:"InputText 3, Tabindex 2",_msg:{_type:"error",_description:Nn},tabIndex:2}),t.jsx(En,{_label:"InputText 4, Tabindex 1",tabIndex:1})]})}),t.jsx(On,{_label:"LinkButton",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(Kn,{_href:"#/back-page",_label:"InputText 1, Tabindex 4",_variant:"primary",tabIndex:4}),t.jsx(Kn,{_disabled:!0,_href:"#/back-page",_label:"InputText 2, Tabindex 3",_variant:"primary",tabIndex:3}),t.jsx(Kn,{_href:"#/back-page",_label:"InputText 3, Tabindex 2",_variant:"primary",tabIndex:2}),t.jsx(Kn,{_href:"#/back-page",_label:"InputText 4, Tabindex 1",_variant:"primary",tabIndex:1})]})}),t.jsx(On,{_label:"Link",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(gn,{_href:"#/back-page",_label:"InputText 1, Tabindex 4",tabIndex:4}),t.jsx(gn,{_disabled:!0,_href:"#/back-page",_label:"InputText 2, Tabindex 3",tabIndex:3}),t.jsx(gn,{_href:"#/back-page",_label:"InputText 3, Tabindex 2",tabIndex:2}),t.jsx(gn,{_href:"#/back-page",_label:"InputText 4, Tabindex 1",tabIndex:1})]})}),t.jsx(On,{_label:"SingleSelect",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(fo,{_label:"InputText 1, Tabindex 4",_options:Fo,_value:"de",tabIndex:4}),t.jsx(fo,{_disabled:!0,_label:"InputText 2, Tabindex 3",_options:Fo,_value:"de",tabIndex:3}),t.jsx(fo,{_touched:!0,_label:"InputText 3, Tabindex 2",_options:Fo,_msg:{_type:"error",_description:Nn},_value:"de",tabIndex:2}),t.jsx(fo,{_label:"InputText 4, Tabindex 1",_options:Fo,_value:"de",tabIndex:1})]})}),t.jsx(On,{_label:"SplitButton",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(qt,{_label:"InputText 1, Tabindex 4",tabIndex:4,children:"Dropdown-Inhalt"}),t.jsx(qt,{_label:"InputText 2, Tabindex 3",tabIndex:3,_disabled:!0,children:"Dropdown-Inhalt"}),t.jsx(qt,{_label:"InputText 3, Tabindex 2",tabIndex:2,children:"Dropdown-Inhalt"}),t.jsx(qt,{_label:"InputText 4, Tabindex 1",tabIndex:1,children:"Dropdown-Inhalt"})]})}),t.jsx(On,{_label:"Textarea",_level:0,children:t.jsxs("div",{className:"grid sm:flex flex-wrap gap-4 items-end",children:[t.jsx(Wn,{_label:"Textarea 1, Tabindex 4",_rows:3,_placeholder:"Placeholder",tabIndex:4}),t.jsx(Wn,{_disabled:!0,_label:"Textarea 2, Tabindex 3",_rows:3,_placeholder:"Placeholder",tabIndex:3}),t.jsx(Wn,{_touched:!0,_label:"Textarea 3, Tabindex 2",_rows:3,_placeholder:"Placeholder",_msg:{_type:"error",_description:Nn},tabIndex:2}),t.jsx(Wn,{_label:"Textarea 4, Tabindex 1",_rows:3,_placeholder:"Placeholder",tabIndex:1})]})})]})]}),KR=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample demonstrates how a tooltip's width can be adjusted by defining the CSS custom property ",t.jsx("code",{children:"--kol-tooltip-width"})," on one of the parent elements."]})}),t.jsx(U,{_label:"Tooltip with fixed width",_hideLabel:!0,style:{"--kol-tooltip-width":"400px"},_icons:"codicon codicon-reactions",_on:r})]})},gs=[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],HR=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsxs(H,{children:[t.jsx("p",{children:"This example shows how deactivated interactive elements are displayed."}),t.jsxs("ul",{children:[t.jsx("li",{children:"Deactivated interactive elements pose a particular challenge for accessibility."}),t.jsx("li",{children:"It must not be possible to focus on deactivated interactive elements, otherwise the tab paths will be unnecessarily extended."}),t.jsx("li",{children:"Deactivated interactive elements should be labelled clearly and legibly."}),t.jsx("li",{children:"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.jsx("p",{children:"This implementation ensures standardized use for all users."})]}),t.jsxs("div",{className:"w-full grid gap-4",children:[t.jsx(On,{_label:"Button",_level:0,children:t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(U,{_label:"Label",_on:r}),t.jsx(U,{_disabled:!0,_label:"Label",_on:r}),t.jsx(U,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label",_on:r}),t.jsx(U,{_disabled:!0,_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label",_on:r})]})}),t.jsx(On,{_label:"ButtonLink",_level:0,children:t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(Xn,{_label:"Label"}),t.jsx(Xn,{_disabled:!0,_label:"Label"}),t.jsx(Xn,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Label"}),t.jsx(Xn,{_hideLabel:!0,_icons:"codicon codicon-home",_disabled:!0,_label:"Label"})]})}),t.jsx(On,{_label:"Link",_level:0,children:t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(gn,{_href:"#",_label:"Label"}),t.jsx(gn,{_disabled:!0,_href:"#",_label:"Label"}),t.jsx(gn,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}),t.jsx(gn,{_disabled:!0,_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"})]})}),t.jsx(On,{_label:"LinkButton",_level:0,children:t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(Kn,{_href:"#",_label:"Label"}),t.jsx(Kn,{_disabled:!0,_href:"#",_label:"Label"}),t.jsx(Kn,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"}),t.jsx(Kn,{_disabled:!0,_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Label"})]})}),t.jsx(On,{_label:"Accordion",_level:0,children:t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Ke,{_label:"Label",children:"Content"}),t.jsx(Ke,{_disabled:!0,_label:"Label",children:"Content"}),t.jsx(Ke,{_label:"Label (open)",_open:!0,children:"Content"}),t.jsx(Ke,{_disabled:!0,_label:"Label (open)",_open:!0,children:"Content"})]})}),t.jsx(On,{_label:"Details",_level:0,children:t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Ar,{_label:"Label",children:"Content"}),t.jsx(Ar,{_disabled:!0,_label:"Label",children:"Content"}),t.jsx(Ar,{_label:"Label (open)",_open:!0,children:"Content"}),t.jsx(Ar,{_disabled:!0,_label:"Label (open)",_open:!0,children:"Content"})]})}),[Yn,Je,Hn,Pe,He,Se,Re,ao,En].map(l=>{const c=l.render.displayName;return t.jsx(On,{_label:c,_level:0,children:t.jsxs("div",{className:"grid gap-4",children:[t.jsx(l,{_label:"Label"}),t.jsx(l,{_disabled:!0,_label:"Label"}),t.jsx(l,{_hideLabel:!0,_label:"Label"}),t.jsx(l,{_disabled:!0,_hideLabel:!0,_label:"Label"})]})},c)}),[ye,$e].map(l=>{const c=l.render.displayName;return t.jsx(On,{_label:c,_level:0,children:t.jsxs("div",{className:"grid gap-4",children:[t.jsx(l,{_label:"Label",_options:gs}),t.jsx(l,{_disabled:!0,_label:"Label",_options:gs}),t.jsx(l,{_hideLabel:!0,_label:"Label",_options:gs}),t.jsx(l,{_disabled:!0,_hideLabel:!0,_label:"Label",_options:gs})]})},c)}),t.jsx(On,{_label:"KolTextarea",_level:0,children:t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Wn,{_label:"Label",_rows:3}),t.jsx(Wn,{_disabled:!0,_label:"Label",_rows:3}),t.jsx(Wn,{_hideLabel:!0,_label:"Label",_rows:3}),t.jsx(Wn,{_disabled:!0,_hideLabel:!0,_label:"Label",_rows:3})]})})]})]})},H_=()=>{const n=new Map;return n.set("inputCheckbox",(r,l)=>t.jsx(Yn,{className:"w-full",_name:"checkbox",_label:"Checkbox",ref:l})),n.set("inputColor",(r,l)=>t.jsx(Je,{className:"w-full",_name:"color",_label:"Color",ref:l})),n.set("inputDate",(r,l)=>t.jsx(Hn,{className:"w-full",_name:"date",_label:"Date",ref:l})),n.set("inputEmail",(r,l)=>t.jsx(Pe,{className:"w-full",_name:"email",_label:"Email",ref:l})),n.set("inputFile",(r,l)=>t.jsx(He,{className:"w-full",_name:"file",_label:"File",ref:l})),n.set("inputFileMultiple",(r,l)=>t.jsx(He,{className:"w-full",_name:"file",_label:"Files (multiple)",_multiple:!0,ref:l})),n.set("inputNumber",(r,l)=>t.jsx(Se,{className:"w-full",_name:"number",_label:"Number",ref:l})),n.set("inputPassword",(r,l)=>t.jsx(Re,{className:"w-full",_name:"password",_label:"Password",ref:l})),n.set("inputRadio",(r,l)=>t.jsx(ye,{className:"w-full",_name:"radio",_label:"Radio",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_value:"A",ref:l})),n.set("inputRange",(r,l)=>t.jsx(ao,{className:"w-full",_name:"range",_label:"Range",ref:l})),n.set("inputText",(r,l)=>t.jsx(En,{className:"w-full",_name:"text",_label:"Text",ref:l})),n.set("select",(r,l)=>t.jsx($e,{className:"w-full",_name:"select",_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],ref:l})),n.set("selectMultiple",(r,l)=>t.jsx($e,{className:"w-full",_name:"select",_label:"Select (multiple)",_multiple:!0,_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_rows:2,ref:l})),n.set("singleSelect",(r,l)=>t.jsx(fo,{className:"w-full",_name:"singleSelect",_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],ref:l})),n.set("textarea",(r,l)=>t.jsx(Wn,{className:"w-full",_name:"textarea",_label:"Textarea",_rows:5,ref:l})),n.set("accordion",(r,l)=>t.jsx(Ke,{className:"w-full",_label:"Accordion here",ref:l})),n.set("button",(r,l)=>t.jsx("div",{children:t.jsx(U,{_label:"Button here",ref:l})})),n.set("buttonLink",(r,l)=>t.jsx(Xn,{_label:"ButtonLink here",ref:l})),n.set("combobox",(r,l)=>t.jsx(Oo,{className:"w-full",_label:"KolCombobox here",_suggestions:[],ref:l})),n.set("details",(r,l)=>t.jsx(Ar,{className:"w-full",_label:"Details here",ref:l,children:"detailed details"})),n.set("link",(r,l)=>t.jsx(gn,{className:"w-full",_label:"Link here",_href:"#",ref:l})),n.set("linkButton",(r,l)=>t.jsx("div",{children:t.jsx(Kn,{_label:"LinkButton here",_href:"#",ref:l})})),n},h1=n=>{const l=[...w.useMemo(()=>H_(),[]).keys()].map(c=>c);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"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."})}),n.invalidComponent&&t.jsx(no,{_type:"error",_variant:"card",children:"Component not found."}),t.jsx(an,{_level:2,_label:"Focus Test Cases"}),t.jsx("ul",{children:l.map(c=>t.jsx("li",{children:t.jsx(gn,{_label:c,_href:`#/scenarios/focus-elements?component=${c}`})},c))})]})},UR=()=>{const n=w.useRef(null),r=w.useMemo(()=>H_(),[]),[l]=sl(),c=l.get("component");if(w.useLayoutEffect(()=>{setTimeout(()=>{n.current?.kolFocus()},500)},[n]),c){const s=r.get(c);if(!s)return t.jsx(h1,{invalidComponent:!0});const u=w.forwardRef(s);return t.jsx(u,{ref:n})}else return t.jsx(h1,{})},FR=()=>{const n="Unrecognized phone number.",r="Choose at least two and up to five toppings.",l=["Mushrooms","Bell Peppers","Onions","Olives","Spinach","Tomatoes","Artichokes","Zucchini","Jalapeños","Basil"],c=[{label:"United States +1",value:"1"},{label:"Greece +30 ",value:"30"},{label:"Germany +49",value:"49"},{label:"Japan +81",value:"81"}];return t.jsxs(t.Fragment,{children:[t.jsxs(H,{children:[t.jsx("p",{children:"This sample shows how input components can be grouped together with just one error message, without repeating the message for every field."}),t.jsx("p",{children:"The sample only demonstrates how the errors can be displayed, an actual validation logic is not part of the example."})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Phone number"}),t.jsx(no,{_alert:!0,_type:"error",_label:n}),t.jsxs("div",{className:"grid grid-cols-3 gap-4 max-w-2xl",children:[t.jsx($e,{_options:c,_label:"CountryCode ",_msg:{_description:n,_type:"error"},_touched:!0,_hideError:!0}),t.jsx(En,{_label:"Area code",_msg:{_description:n,_type:"error"},_touched:!0,_hideError:!0}),t.jsx(En,{_label:"Local number",_msg:{_description:n,_type:"error"},_touched:!0,_hideError:!0})]})]}),t.jsxs("fieldset",{className:"mt",children:[t.jsx("legend",{children:"Pizza toppings"}),t.jsx(no,{_alert:!0,_type:"error",_label:r}),l.map(s=>t.jsx(Yn,{_label:s,_msg:{_description:n,_type:"error"},_touched:!0,_hideError:!0},s))]})]})},U_=w.createContext(void 0),F_=w.createContext(!1),qe=n=>{const r=w.useRef(null),[l,c]=w.useState(void 0),s=n.formatter||JSON.stringify,u=w.useContext(U_),b=w.useContext(F_),g=async()=>{c(await r.current?.getValue())};w.useEffect(()=>{const f=()=>{g()};return u?.addEventListener("runAll",f),()=>{u?.removeEventListener("runAll",f)}},[u]);const p=Object.fromEntries(["onInput","onChange","onBlur","onClick","onFocus","onMouseDown"].map(f=>[f,(m,y)=>{b&&console.log(n.inputProps._label,f,y,m)}]));return t.jsx(t.Fragment,{children:t.jsxs("div",{className:"grid grid-cols-3 items-end gap-4","data-testid":n.testId,children:[t.jsx(n.InputComponent,{ref:r,_on:p,...n.inputProps}),t.jsx(U,{_label:"getValue()",_on:{onClick:()=>{g()}}}),t.jsx("pre",{className:"text-base",children:s(l)})]})})},VR=()=>{const n=w.useMemo(()=>new EventTarget,[]),[r,l]=w.useState(!0);return t.jsx(t.Fragment,{children:t.jsx(U_.Provider,{value:n,children:t.jsxs(F_.Provider,{value:r,children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample shows how the input components ",t.jsx("code",{children:"getValue()"}),` method works. It's called when clicking the "getValue()" button and prints the current value right next to itself.`]})}),t.jsxs("section",{className:"w-full flex flex-col",children:[t.jsx(On,{_label:"Sample options",className:"block ha mb-8",children:t.jsx(Yn,{_label:"Log events to console",_value:!0,_checked:r,_on:{onChange:(c,s)=>l(s)}})}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(qe,{testId:"scenario-inputText",InputComponent:En,inputProps:{_label:"InputText"}}),t.jsx(qe,{testId:"scenario-inputCheckboxString",InputComponent:Yn,inputProps:{_label:"KolInputCheckbox (value)",_value:"Checkbox True Value"}}),t.jsx(qe,{testId:"scenario-inputCheckboxBoolean",InputComponent:Yn,inputProps:{_label:"KolInputCheckbox (boolean)"}}),t.jsx(qe,{testId:"scenario-inputColor",InputComponent:Je,inputProps:{_label:"KolInputColor"}}),t.jsx(qe,{testId:"scenario-inputDate",InputComponent:Hn,inputProps:{_label:"KolInputDate"}}),t.jsx(qe,{testId:"scenario-inputEmail",InputComponent:Pe,inputProps:{_label:"KolInputEmail"}}),t.jsx(qe,{testId:"scenario-inputFile",InputComponent:He,inputProps:{_label:"KolInputFile"},formatter:c=>c instanceof FileList?`FileList{${Array.from(c).map(s=>s.name).join(", ")}}`:JSON.stringify(c)}),t.jsx(qe,{testId:"scenario-inputNumber",InputComponent:Se,inputProps:{_label:"KolInputNumber"}}),t.jsx(qe,{testId:"scenario-inputPassword",InputComponent:Re,inputProps:{_label:"KolInputPassword"}}),t.jsx(qe,{testId:"scenario-inputRange",InputComponent:ao,inputProps:{_label:"KolInputRange"}}),t.jsx(qe,{testId:"scenario-inputRadio",InputComponent:ye,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.jsx(qe,{testId:"scenario-select",InputComponent:$e,inputProps:{_label:"KolSelect",_options:[{label:"New York",value:"New York"},{label:"Rio de Janeiro",value:"Rio de Janeiro"},{label:"Rosenheim",value:"Rosenheim"}]}}),t.jsx(qe,{testId:"scenario-singleSelect",InputComponent:fo,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.jsx(qe,{testId:"scenario-combobox",InputComponent:Oo,inputProps:{_label:"KolCombobox",_suggestions:Go,_value:"Deutschland"}}),t.jsx(qe,{testId:"scenario-textarea",InputComponent:Wn,inputProps:{_label:"KolTextarea"}}),t.jsx(qe,{testId:"scenario-button",InputComponent:U,inputProps:{_label:"KolButton",_variant:"ghost",_value:"KolButton value"}}),t.jsx(qe,{testId:"scenario-buttonLink",InputComponent:Xn,inputProps:{_label:"KolButtonLink",_value:"KolButtonLink value"}}),t.jsxs("div",{className:"grid grid-cols-3 gap-4",children:[t.jsx("div",{}),t.jsx(U,{_label:"Run all",_variant:"primary",_on:{onClick:()=>{n.dispatchEvent(new Event("runAll"))}}})]})]})]})]})})})},b1=[{label:"Option 1",value:"option1"},{label:"Option 2",value:"option2"},{label:"Option 3",value:"option3"}],qR=["Option 1","Option 2","Option 3"],PR=()=>{const{dummyClickEventHandler:n}=Ae(),r={onClick:n};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"All interactive elements, such as buttons and input fields, should have the same height to ensure a consistent and visually balanced user interface."})}),t.jsxs("div",{className:"w-full flex flex-row gap-4 items-end",children:[t.jsx(Oo,{className:"min-w-[13em]",_icons:"codicon codicon-home",_label:"Combobox",_suggestions:qR,_value:"Option 2"}),t.jsx(Je,{className:"min-w-[10em]",_icons:{left:"codicon codicon-home"},_label:"Input-Color"}),t.jsx(He,{className:"min-w-[15em]",_icons:"codicon codicon-home",_label:"Input-File"}),t.jsx(Hn,{className:"min-w-[12em]",_icons:"codicon codicon-home",_label:"Input-Date"}),t.jsx(Pe,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Input-Email"}),t.jsx(Se,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Input-Number"}),t.jsx(Re,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Input-Password"}),t.jsx(ao,{className:"min-w-[15em]",_icons:"codicon codicon-home",_label:"Input-Range"}),t.jsx(En,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Input-Text"}),t.jsx($e,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Select",_options:b1}),t.jsx(fo,{className:"min-w-[14em]",_icons:"codicon codicon-home",_label:"Single-Select",_options:b1,_value:"option2"}),t.jsx(Wn,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Textarea"}),t.jsx(U,{className:"min-w-[10em]",_icons:"codicon codicon-home",_label:"Button",_on:r}),t.jsx(U,{_hideLabel:!0,_icons:"codicon codicon-home",_label:"Button",_on:r}),t.jsx(Kn,{className:"min-w-[15em]",_href:"#",_icons:"codicon codicon-home",_label:"Link-Button",_on:r}),t.jsx(Kn,{_hideLabel:!0,_href:"#",_icons:"codicon codicon-home",_label:"Link-Button",_on:r})]})]})},GR=()=>{const{searchParams:n}=new URL(location.href);return t.jsxs(t.Fragment,{children:[t.jsxs(H,{children:[t.jsx("p",{children:"This sample shows how KoliBri can be used in a static form context."}),t.jsxs("ol",{children:[t.jsxs("li",{children:["First you have to enable the ",t.jsx("code",{children:"experimental mode"}),":"," ",t.jsx("code",{className:"bg-gray-200",children:'<meta name="kolibri" content="dev-mode=false;experimental-mode=true;" />'})]}),t.jsxs("li",{children:["Currently you have to use a native ",t.jsx("code",{children:"form"})," element:"," ",t.jsx("code",{className:"bg-gray-200",children:'<form method="GET">...</form>'})]}),t.jsxs("li",{children:["It is important in static usage to give every input a ",t.jsx("code",{children:"name"})," attribute:"," ",t.jsx("code",{className:"bg-gray-200",children:'<KolInputColor _name="color" _label="Color" />'})]}),t.jsxs("li",{children:["Last of all one button should have the type ",t.jsx("code",{children:"submit"}),":"," ",t.jsx("code",{className:"bg-gray-200",children:'<KolButton _label="Submit" _type="submit" _variant="primary" />'})]})]})]}),t.jsxs("section",{className:"w-full flex flex-col",children:[n.size>0&&t.jsxs("div",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:"Submitted data"}),t.jsx("pre",{className:"text-base",children:t.jsx("code",{children:JSON.stringify(Object.fromEntries(n.entries()),null,2)})})]}),t.jsxs("form",{className:"grid gap-4",method:"get",noValidate:!0,children:[t.jsx(Yn,{_name:"checkbox",_label:"Checkbox"}),t.jsx(Je,{_name:"color",_label:"Color"}),t.jsx(Hn,{_name:"date",_label:"Date"}),t.jsx(Pe,{_name:"email",_label:"Email"}),t.jsx(He,{_name:"file",_label:"File"}),t.jsx(He,{_name:"file",_label:"Files (multiple)",_multiple:!0}),t.jsx(Se,{_name:"number",_label:"Number"}),t.jsx(Re,{_name:"password",_label:"Password"}),t.jsx(ye,{_name:"radio",_label:"Radio",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),t.jsx(ao,{_name:"range",_label:"Range"}),t.jsx(En,{_name:"text",_label:"Text"}),t.jsx($e,{_name:"select",_label:"Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),t.jsx($e,{_name:"select",_label:"Select (multiple)",_multiple:!0,_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}],_rows:2}),t.jsx(fo,{_name:"singleSelect",_label:"Single Select",_options:[{label:"Option A",value:"A"},{label:"Option B",value:"B"}]}),t.jsx(Oo,{_name:"combobox",_label:"Combobox",_suggestions:Go}),t.jsx(Wn,{_name:"textarea",_label:"Textarea",_rows:5}),t.jsxs("div",{className:"flex flex-wrap gap-4",children:[t.jsx(U,{_label:"Submit",_type:"submit",_variant:"primary"}),t.jsx(U,{_label:"Reset",_type:"reset"})]}),t.jsx("input",{type:"hidden",value:crypto.randomUUID(),name:"random"})]})]})]})},ZR=[{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}],YR=[{_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}],p1={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"}]]};function XR(){const[n]=w.useState(()=>{const r=p1.horizontal[0];let l=0;for(const c of r)l+=parseFloat(c.width?.replace("px","")||"0");return`${l}px`});return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This advanced scenario demonstrates a complex layout with KolTable featuring horizontal scrollbar within a tab-based navigation system. The table automatically calculates its minimum width based on column definitions and provides smooth horizontal scrolling when content exceeds the container width. This example showcases real-world usage in a dashboard-like interface with sidebar navigation and tabbed content areas."})}),t.jsxs("div",{className:"mainlayout",children:[t.jsx("aside",{className:"nav-area",children:t.jsx(Qt,{_label:"Main navigation",_links:Jb,_hasCompactButton:!0,_hasIconsWhenExpanded:!0})}),t.jsx("div",{className:"content",children:t.jsxs(Lr,{_tabs:YR,_align:"top",_label:"Demo Tabs",children:[t.jsx("div",{style:{overflow:"hidden"},children:t.jsx(we,{_label:"Table for demonstration purposes with horizontal scrollbar",_minWidth:n,_headers:p1,_data:ZR,_pagination:{_page:1},className:"block"})}),t.jsx("div",{}),t.jsx("div",{}),t.jsx("div",{})]})})]})]})}const QR=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This example demonstrates tooltip positioning within container query contexts. Container queries can interfere with fixed positioning, causing tooltips to render incorrectly relative to the viewport. The layout containment fix ensures tooltips position properly even when their parent elements use container-based sizing and layout rules."})}),t.jsx("div",{style:{container:"test / size"},children:t.jsx(xi,{_label:"Sample PopoverButton—Click for Popover",_icons:"codicon codicon-info",_tooltipAlign:"right",_hideLabel:!0,children:"This is an explanation shown on click."})})]}),WR={scenarios:{"appointment-form":MR,"change-tabindex":IR,"custom-tooltip-width":KR,"disabled-interactive-scenario":HR,"focus-elements":UR,"input-group-with-error":FR,"inputs-get-value":VR,"same-height-of-all-interactive-elements":PR,"static-form":GR,"table-horizontal-scrollbar-advanced":XR,"tooltip-positioning":QR}},zi=[{label:"No salutation",value:""},{label:"Mrs.",value:"Mrs."},{label:"Mr.",value:"Mr."},{label:"Divers",value:"Divers"}],JR=zi.map((n,r)=>r===0?{label:"Select salutation",value:"",disabled:!0}:n),g1=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx($e,{...r,ref:l,_accessKey:"a",_options:zi,_label:"Salutation",_icons:{left:{icon:"codicon codicon-arrow-left"},right:{icon:"codicon codicon-arrow-right"}}}),t.jsx($e,{...r,_options:zi,_label:"Disabled",_disabled:!0}),t.jsx($e,{...r,_options:JR,_label:"Salutation with error",_msg:{_type:"error",_description:Nn},_touched:!0}),t.jsx($e,{...r,_options:Fo,_label:"Multiple choice",_multiple:!0}),t.jsx($e,{...r,_options:Fo,_label:"Multiple choice with error",_multiple:!0,_required:!0,_msg:{_type:"error",_description:Nn},_touched:!0}),t.jsx($e,{...r,_options:zi,_label:"With access key",_accessKey:"c"}),t.jsx($e,{...r,_options:zi,_label:"With short key",_shortKey:"s"})]})}),nB=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text"}),t.jsx(g1,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text (hideLabel)"}),t.jsx(g1,{ref:l,...r,_hideLabel:!0})]})]})}),eB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolSelect renders a select field. The sample shows KolSelect in a form context with all variations and states."})}),t.jsx(oo,{RefComponent:nB})]}),f1={select:{basic:eB}},v1=w.forwardRef(function(r){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx(fo,{...r,_hint:ut,_label:"Label",_options:Fo,_value:"de",_on:{onBlur:console.log,onInput:console.log,onChange:console.log,onClick:console.log,onFocus:console.log}}),t.jsx(fo,{...r,_label:"Disabled",_options:Fo,_value:"de",_disabled:!0}),t.jsx(fo,{...r,_options:Fo,_msg:{_type:"error",_description:Nn},_rows:3,_touched:!0,_label:"Label",_placeholder:"Placeholder",_required:!0}),t.jsx(fo,{...r,_label:"With access key",_options:Fo,_value:"de",_accessKey:"c"}),t.jsx(fo,{...r,_label:"With short key",_options:Fo,_value:"de",_shortKey:"s"}),t.jsx(fo,{...r,_label:"With hidden clear button",_options:Fo,_value:"de",_hideClearButton:!0})]})}),oB=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text"}),t.jsx(v1,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text (hideLabel)"}),t.jsx(v1,{ref:l,...r,_hideLabel:!0})]})]})}),rB=()=>{const n=w.useContext(mt);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"SingleSelect provides a select field for a single value, supported by a search field."})}),!n&&t.jsx(Vn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsx(oo,{RefComponent:oB})]})},tB={"single-select":{basic:rB}},aB=()=>t.jsxs("div",{className:"grid gap-4",children:[t.jsxs(H,{children:[t.jsx("p",{children:"KolSkipNav renders a list of navigation links that are visually hidden by default and only visible on focus."}),t.jsx("p",{children:"For testing purposes, click into the example and press the tab-key in order to focus the first link."})]}),t.jsx(xz,{_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"}]})]}),lB={"skip-nav":{basic:aB}},iB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:'KolSpin renders a loading indicator. This sample shows the default variant "dot".'})}),t.jsx(Ai,{_show:!0})]}),cB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"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.jsx(Ai,{_show:!0,_variant:"none",children:t.jsx("span",{slot:"expert",className:"loader"})})]}),sB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:'This sample shows the KolSpin variant "cycle".'})}),t.jsx(Ai,{_show:!0,_variant:"cycle"})]}),dB={spin:{basic:iB,cycle:sB,custom:cB}},uB=()=>{const n=vt.getInstance(document),r=()=>{n.enqueue({description:"The Button has been clicked.",label:"Button Clicked",type:"info"})};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"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.jsxs("div",{className:"flex flex-col gap-4",children:[t.jsx(qt,{_label:"Only the arrow opens",_on:{onClick:r},children:"Dropdown-Inhalt"}),t.jsx(qt,{_label:"Button without visible label",_hideLabel:!0,_icons:"codicon codicon-git-pull-request",children:"Dropdown-Inhalt"})]})]})},hB=()=>{const n=w.useRef(null),r=()=>{n.current?.closePopup()};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon."})}),t.jsx("div",{className:"flex gap-4",children:t.jsx(qt,{ref:n,_label:"Only the arrow opens",children:t.jsxs("div",{style:{width:300,padding:16,border:"1px solid #ccc"},onClick:l=>l.stopPropagation(),children:[t.jsx("p",{children:"SplitButton renders a button with an additional context-menu, that can be opened by clicking the arrow icon."}),t.jsxs("div",{style:{gap:16,display:"flex",flexDirection:"column"},children:[t.jsx(En,{_label:"User"}),t.jsx(En,{_label:"Role"}),t.jsx(U,{_label:"Close",_on:{onClick:r}})]})]})})})]})},bB={"split-button":{basic:uB,"with-context":hB}},Zs=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),Or=[{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")}],Mh={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(n,r,l)=>Zs.format(l.date)}]]},Ih={_page:2},pB=()=>t.jsxs("div",{className:"w-full grid gap-14",children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTable with different pagination positions."})}),t.jsxs("section",{className:"w-full flex flex-col gap-14",children:[t.jsxs("section",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:"Table with pagination at the bottom."}),t.jsx(we,{_label:"Tabellenbeschreibung",_data:Or,_headers:Mh,_pagination:Ih,_paginationPosition:"bottom"})]}),t.jsxs("section",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:"Table with pagination at the top."}),t.jsx(we,{_label:"Tabellenbeschreibung",_data:Or,_headers:Mh,_pagination:Ih,_paginationPosition:"top"})]}),t.jsxs("section",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:"Table with pagination at both top and bottom."}),t.jsx(we,{_label:"Tabellenbeschreibung",_data:Or,_headers:Mh,_pagination:Ih,_paginationPosition:"both"})]})]})]}),fs=[{left:"Left Example",center:"Center Example",right:"Right Example"}],wi=n=>n,gB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTable with columns headers and data in different text alignments."})}),t.jsxs("section",{className:"w-full flex flex-col",children:[t.jsx(an,{_label:"Simple table",_level:3}),t.jsx(we,{_label:"Table for demonstration purposes with different text align properties",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]]},_data:fs,className:"block",style:{maxWidth:"600px"}}),t.jsx(an,{_label:"Table with sortable columns",_level:3,className:"block mt-6"}),t.jsx(we,{_label:"Table for demonstration purposes with sortable columns",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",sort:wi},{label:"center",key:"center",textAlign:"center",sort:wi},{label:"right",key:"right",textAlign:"right",sort:wi}]]},_data:fs,className:"block",style:{maxWidth:"600px"}}),t.jsx(an,{_label:"Table some sortable columns",_level:3,className:"block mt-6"}),t.jsx(we,{_label:"Table for demonstration purposes with some but not all columns sortable",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left",sort:wi},{label:"center",key:"center",textAlign:"center",sort:wi},{label:"right",key:"right",textAlign:"right"}]]},_data:fs,className:"block",style:{maxWidth:"600px"}}),t.jsx(an,{_label:"Table with vertical heading",_level:3,className:"block mt-6"}),t.jsx(we,{_label:"Table for demonstration purposes with vertical heading",_headers:{horizontal:[[{label:"left",key:"left",textAlign:"left"},{label:"center",key:"center",textAlign:"center"},{label:"right",key:"right",textAlign:"right"}]],vertical:[[{label:"Vertical"}]]},_data:fs,className:"block",style:{maxWidth:"600px"}})]})]}),fB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTable using vertical and horizontal headers, applying colspan and rowspan."})}),t.jsx("section",{className:"w-full flex flex-col",children:t.jsx(we,{_label:"Business hours",_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"}]]}})})]}),m1=[{small:"Small Example",large:"Larger Example"}],Kh={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"}]]},vB=n=>n,mB=()=>{const[n,r]=w.useState(!0);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTable 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.jsx(no,{_variant:"card",_type:"warning",_label:"Deprecation of minWidth",children:"In version 3, the width of the column will be required for the implicit calculation of the minWidth. This behavior is also implemented in version 2, if the _minWidth property is undefined."}),t.jsx("br",{}),t.jsxs("section",{className:"w-full flex flex-col gap-4",children:[t.jsx(an,{_label:"Table with scrollbar",_level:2}),t.jsx(we,{_label:"Table for demonstration purposes with horizontal scrollbar.",_minWidth:n?"600px":void 0,_headers:Kh,_data:m1,className:"block",style:{width:"400px"}}),t.jsx(an,{_label:"Table with scrollbar and pagination",_level:3}),t.jsx(we,{_label:"Table for demonstration horizontal scrolling with pagination.",_minWidth:n?"600px":void 0,_headers:{horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",sort:vB,render:(l,c,s)=>Zs.format(s.date)}]]},_data:Or,style:{width:"400px"},_pagination:!0}),t.jsx(an,{_label:"Empty Table with scrollbar",_level:3}),t.jsx(we,{_label:"Table for demonstration purposes with horizontal scrollbar with auto minWidth.",_minWidth:n?"600px":void 0,_headers:Kh,_data:[],className:"block",style:{width:"400px"}}),t.jsx(Yn,{_checked:n,_label:"Toggle width restriction",_variant:"switch",_on:{onChange:(l,c)=>{r(!!c)}}}),t.jsx(an,{_label:"Same table without scrollbar",_level:2,className:"block mt-4"}),t.jsx("p",{className:"mt-0",children:t.jsx("i",{children:"Scrollbar appears on very small viewport sizes"})}),t.jsx(we,{_label:"Table for demonstration purposes without horizontal scrollbar",_minWidth:"600px",_headers:Kh,_data:m1,className:"block",_pagination:!0})]})]})},kB=[{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 yB({label:n,icons:r}){const{dummyClickEventHandler:l}=Ae(),c={onClick:l};return t.jsx(U,{_label:n,_icons:r,_on:c})}const wB={horizontal:[[{label:"#",key:"order",textAlign:"center",width:"10em",render:(n,r)=>`Index: ${r.label}`},{label:"Status",key:"shipped",textAlign:"center",width:"10em",render:(n,r)=>{r.label?n.textContent="Order has been dispatched 🚚":n.textContent="Order pending 📦"}},{label:"Date (string)",key:"date",width:"20em",textAlign:"center",render:(n,r)=>{n.innerHTML=`<strong>${Zs.format(r.label)}</strong>`},sort:n=>n.sort((r,l)=>r.date.getTime()-l.date.getTime())},{label:"Action (react)",width:"20em",render:n=>{We(ft(n)).render(t.jsxs("div",{style:{display:"grid",gridAutoFlow:"column",alignItems:"end",gap:"1rem",maxWidth:"400px"},children:[t.jsx(En,{_label:"Input"}),t.jsx(yB,{label:"Save",icons:{left:"codicon codicon-save"}})]}))}}]]},_B=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTable using React render functions for the cell contents."})}),t.jsx(we,{_label:"Sort by date column",_data:kB,_headers:wB,className:"w-full"})]}),V_=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),xB={horizontal:[[{label:"order",key:"order",textAlign:"center"},{label:"date",key:"date",textAlign:"center",render:(n,r,l)=>V_.format(l.date),sort:n=>n.sort((r,l)=>r.date<l.date?-1:l.date<r.date?1:0)}]]},zB={vertical:[[{label:"order",key:"order",textAlign:"center"},{label:"date",textAlign:"center",render:(n,r,l)=>V_.format(l.date),sort:n=>n.sort((r,l)=>r.date<l.date?-1:l.date<r.date?1:0)}]]},jB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:'This sample shows KolTable with sortable columns. The sort-order can be changed by clicking the "date" header column.'})}),t.jsxs("section",{className:"w-full grid gap-4",children:[t.jsxs("section",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:"Vertical"}),t.jsx(we,{_label:"Sort a date column",_data:Or.slice(0,10),_headers:zB,className:"block"})]}),t.jsxs("section",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:"Horizontal"}),t.jsx(we,{_label:"Sort a date column",_data:Or,_headers:xB,className:"block"})]})]})]}),SB=[{left:"Left Example",center:"Center Example",right:"Right Example"},{},{},{}],TB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows how KolTableStateless can be used directly, with the KolTableStateful wrapper."})}),t.jsx("section",{className:"w-full",children:t.jsx(Ei,{_label:"Table for demonstration purposes",_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:SB,className:"block",style:{maxWidth:"600px"},_on:{onSort:(n,r)=>{console.log(r)}}})})]}),AB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTable with footer data."})}),t.jsx(we,{className:"w-full",_label:"Business hours",_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"}]})]}),EB=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function OB({label:n}){const{dummyClickEventHandler:r}=Ae(),l={onClick:r};return t.jsx(U,{_label:n,_on:l})}const LB=()=>{const[n,r]=w.useState(),l={label:p=>`Selection for ${p.name}`,selectedKeys:n?n.map(p=>p.internalIdentifier):[],keyPropertyName:"internalIdentifier"},c=w.useRef(null),s=({detail:p})=>{console.log("Selection change via event",p)},u=(p,f)=>{console.log("Selection change via callback",f)},b=async()=>{const p=await c.current?.getSelection();r(p)};w.useEffect(()=>(c.current?.addEventListener("kol-selection-change",s),()=>{c.current?.removeEventListener("kol-selection-change",s)}),[c]);const g=(p,f)=>{We(ft(p)).render(t.jsx(OB,{label:`Click ${f.data?.id}`}))};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTableStateful with checkboxes for selection enabled."})}),t.jsxs("section",{className:"w-full",children:[t.jsx(S1,{_label:"Table with selection checkboxes",_headers:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:g}]]},_data:EB,_selection:l,_on:{onSelectionChange:u},className:"block",style:{maxWidth:"600px"},ref:c}),t.jsxs("div",{className:"grid grid-cols-3 items-end gap-4 mt-4",children:[t.jsx(U,{_label:"getSelection()",_on:{onClick:()=>{b()}}}),t.jsx("pre",{className:"text-base","aria-live":"polite",children:JSON.stringify(n,null,2)})]})]})]})},CB=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function NB({label:n}){const{dummyClickEventHandler:r}=Ae(),l={onClick:r};return t.jsx(U,{_label:n,_on:l})}const $B=()=>{const[n,r]=w.useState(),l={label:p=>`Selection for ${p.name}`,multiple:!1,selectedKeys:n?[n.internalIdentifier]:[],keyPropertyName:"internalIdentifier"},c=w.useRef(null),s=({detail:p})=>{console.log("Selection change via event",p)},u=(p,f)=>{console.log("Selection change via callback",f)},b=async()=>{const p=await c.current?.getSelection();r(p)};w.useEffect(()=>(c.current?.addEventListener("kol-selection-change",s),()=>{c.current?.removeEventListener("kol-selection-change",s)}),[c]);const g=(p,f)=>{We(ft(p)).render(t.jsx(NB,{label:`Click ${f.data?.id}`}))};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTableStateful with radio buttons for selection enabled."})}),t.jsxs("section",{className:"w-full",children:[t.jsx(S1,{_label:"Table with selection radio",_headers:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:g}]]},_data:CB,_selection:l,_on:{onSelectionChange:u},className:"block",style:{maxWidth:"600px"},ref:c}),t.jsxs("div",{className:"grid grid-cols-3 items-end gap-4 mt-4",children:[t.jsx(U,{_label:"getSelection()",_on:{onClick:()=>{b()}}}),t.jsx("pre",{className:"text-base","aria-live":"polite",children:JSON.stringify(n,null,2)})]})]})]})},RB=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function BB({label:n}){const{dummyClickEventHandler:r}=Ae(),l={onClick:r};return t.jsx(U,{_label:n,_on:l})}const DB=()=>{const[n,r]=w.useState(["AAA1002"]),l={label:g=>`Selection for ${g.name}`,selectedKeys:n,keyPropertyName:"internalIdentifier"},c=w.useRef(null),s=({detail:g})=>{console.log("Selection change via event",g)},u=(g,p)=>{console.log("Selection change via callback",p),r(typeof p=="string"?[p]:p)};w.useEffect(()=>(c.current?.addEventListener("kol-selection-change",s),()=>{c.current?.removeEventListener("kol-selection-change",s)}),[c]);const b=(g,p)=>{We(ft(g)).render(t.jsx(BB,{label:`Click ${p.data?.id}`}))};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTableStateless with checkboxes for selection enabled."})}),t.jsx("section",{className:"w-full",children:t.jsx(Ei,{_label:"Table with selection checkboxes",_headerCells:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:b}]]},_data:RB,_selection:l,_on:{onSelectionChange:u},className:"block",style:{maxWidth:"600px"},ref:c})})]})},MB=[{id:"1001",name:"Foo Bar",internalIdentifier:"AAA1001"},{id:"1002",name:"Foo Baz",internalIdentifier:"AAA1002"}];function IB({label:n}){const{dummyClickEventHandler:r}=Ae(),l={onClick:r};return t.jsx(U,{_label:n,_on:l})}const KB=()=>{const[n,r]=w.useState(["1002"]),l={label:g=>`Selection for ${g.name}`,multiple:!1,selectedKeys:n,keyPropertyName:"internalIdentifier"},c=w.useRef(null),s=({detail:g})=>{console.log("Selection change via event",g)},u=(g,p)=>{console.log("Selection change via callback",p),r(typeof p=="string"?[p]:p)};w.useEffect(()=>(c.current?.addEventListener("kol-selection-change",s),()=>{c.current?.removeEventListener("kol-selection-change",s)}),[c]);const b=(g,p)=>{We(ft(g)).render(t.jsx(IB,{label:`Click ${p.data?.id}`}))};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTableStateless with checkboxes for selection enabled."})}),t.jsx("section",{className:"w-full",children:t.jsx(Ei,{_label:"Table with selection checkboxes",_headerCells:{horizontal:[[{key:"id",label:"#ID",textAlign:"left"},{key:"name",label:"Name",textAlign:"left"},{key:"action",label:"Action",textAlign:"left",render:b}]]},_data:MB,_selection:l,_on:{onSelectionChange:u},className:"block",style:{maxWidth:"600px"},ref:c})})]})},HB={horizontal:[[{label:"Order",key:"order"},{label:"Date",key:"date",render:(n,r,l)=>Zs.format(l.date)}]]},UB={_page:2},FB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows how KolTable can be navigated using a pagination."})}),t.jsx("div",{className:"w-full",children:t.jsx(we,{_label:"Tabellenbeschreibung",_data:Or,_headers:HB,_pagination:UB})})]});function VB({_on:n,...r}){const{dummyClickEventHandler:l}=Ae(),c={onClick:l};return t.jsx(U,{...r,_on:c})}const _i=n=>{const r=n.charAt(0).toUpperCase()+n.slice(1);return{label:r,key:n,textAlign:"left",render:(l,c)=>{const s={_label:r,_variant:n,_icons:{right:"codicon codicon-squirrel"}};We(ft(l)).render(c.label==="button"?t.jsx(VB,{...s}):t.jsx(Kn,{_href:"#/back-page",...s}))}}},qB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows a KolTableStateless with different interactive child elements. It can be used to assure themes show these child elements correctly."})}),t.jsxs("section",{className:"w-full flex flex-col",children:[t.jsx(Ei,{_label:"Button styles",_headerCells:{horizontal:[[_i("primary"),_i("secondary"),_i("normal"),_i("danger"),_i("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.jsx(Ei,{_label:"Link styles",_headerCells:{horizontal:[[{key:"regular",label:"Regular",textAlign:"left",render:(n,r)=>{const l={_label:r.label,_icons:{right:"codicon codicon-squirrel"}};We(ft(n)).render(r.label==="button-link"?t.jsx(Xn,{...l}):t.jsx(gn,{_href:"#/back-page",...l}))}}]],vertical:[[{label:"Link"},{label:"Button-Link"}]]},_data:[{regular:"link"},{regular:"button-link"}],className:"block mt"})]})]}),q_=Intl.DateTimeFormat("de-DE",{day:"2-digit",month:"2-digit",year:"numeric"}),PB={horizontal:[[{label:"order",key:"order",textAlign:"center",compareFn:(n,r)=>n.order<r.order?-1:r.order<n.order?1:0},{label:"date",key:"date",textAlign:"center",render:(n,r,l)=>q_.format(l.date),compareFn:(n,r)=>n.date<r.date?-1:r.date<n.date?1:0}]]},GB={vertical:[[{label:"order",key:"order",textAlign:"center",compareFn:(n,r)=>n.order<r.order?-1:r.order<n.order?1:0},{label:"date",key:"date",textAlign:"center",render:(n,r,l)=>q_.format(l.date),compareFn:(n,r)=>n.date<r.date?-1:r.date<n.date?1:0}]]},ZB=()=>{const[n,r]=w.useState(!1),[l,c]=w.useState(!0);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:'This sample shows KolTable with multi-sort functionality, allowing sorting by both "order" and "date" columns.'})}),t.jsxs("section",{className:"w-full grid gap-4",children:[t.jsxs("section",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:"Vertical"}),t.jsx(Yn,{_checked:n,_label:"Allow Multi-Sort",_variant:"switch",_on:{onChange:(s,u)=>r(!!u)}}),t.jsx(we,{_label:"Sort Table with Order and Date",_data:Or.slice(0,10),_headers:GB,className:"block",_allowMultiSort:n})]}),t.jsxs("section",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:"Horizontal"}),t.jsx(Yn,{_checked:l,_label:"Allow Multi-Sort",_variant:"switch",_on:{onChange:(s,u)=>c(!!u)}}),t.jsx(we,{_label:"Sort Table with Order and Date",_data:Or,_headers:PB,className:"block",_allowMultiSort:l})]})]})]})},YB={table:{"column-alignment":gB,"complex-headers":fB,"horizontal-scrollbar":mB,"pagination-position":pB,"render-cell":_B,"sort-data":jB,"with-footer":AB,"stateful-with-selection":LB,"stateful-with-single-selection":$B,"stateless-with-selection":DB,"stateless-with-single-selection":KB,"with-pagination":FB,"interactive-child-elements":qB,stateless:TB,"multi-sort":ZB}},P_=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:n=>{console.log("First tab selected",n)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],XB=P_.map(n=>({...n,_icons:void 0})),QB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolTabs renders tab captions and their associated content. This sample shows tab captions with and without icons and disabled tabs."})}),t.jsxs(Lr,{_tabs:XB,_label:"Regular tabs",children:[t.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),t.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),t.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),t.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]}),t.jsxs(Lr,{_tabs:P_,className:"mt-4",_label:"Tabs with icons",children:[t.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),t.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),t.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),t.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]}),WB=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:n=>{console.log("First tab selected",n)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],JB=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample shows KolTabs with the property ",t.jsx("code",{children:"_align"})," set to ",t.jsx("code",{children:"left"}),", ",t.jsx("code",{children:"right"}),", ",t.jsx("code",{children:"top"})," and ",t.jsx("code",{children:"bottom"}),"."]})}),t.jsx("div",{className:"grid gap-8",children:["left","right","top","bottom"].map(n=>{const r=`Tabs with ${n} align`;return t.jsxs("div",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:r}),t.jsxs(Lr,{_tabs:WB,_align:n,_label:r,children:[t.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),t.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),t.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),t.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]},n)})})]}),nD=[{_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}],eD=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolTabs with hidden labels."})}),t.jsxs(Lr,{_label:"Tabs with icons",_tabs:nD,children:[t.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),t.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),t.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),t.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]}),k1=[{_icons:"codicon codicon-pie-chart",_label:"First tab",_on:{onSelect:n=>{console.log("First tab selected",n)}}},{_icons:"codicon codicon-calendar",_label:"Second Tab"},{_disabled:!0,_icons:"codicon codicon-briefcase",_label:"Disabled Tab"},{_icons:"codicon codicon-telescope",_label:"Last tab"}],oD=()=>t.jsxs(t.Fragment,{children:[t.jsxs(H,{children:[t.jsxs("p",{children:["This sample shows KolTabs with the property ",t.jsx("code",{children:"_behavior"})," set to ",t.jsx("code",{children:"select-manual"})," and ",t.jsx("code",{children:"select-automatic"}),"."]}),t.jsx("p",{children:"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.jsxs("div",{className:"grid gap-8",children:[t.jsxs("div",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:'Tabs with "select manual" behavior'}),t.jsxs(Lr,{_tabs:k1,_behavior:"select-manual",_label:"Tabs with select manual behavior",children:[t.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),t.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),t.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),t.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]}),t.jsxs("div",{className:"grid gap-4",children:[t.jsx(an,{_level:2,_label:'Tabs with "select automatic" behavior'}),t.jsxs(Lr,{_tabs:k1,className:"mt-4",_behavior:"select-automatic",_label:"Tabs with select automatic behavior",children:[t.jsx("div",{slot:"tab-0",children:"Contents of Tab 1"}),t.jsx("div",{slot:"tab-1",children:"Contents of Tab 2"}),t.jsx("div",{slot:"tab-2",children:"Contents of Tab 3"}),t.jsx("div",{slot:"tab-3",children:"Contents of Tab 4"})]})]})]})]}),rD={tabs:{basic:QB,"icons-only":eD,behavior:oD,align:JB}},tD=`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.`,aD=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample demonstrates the ",t.jsx("code",{children:"_adjustHeight"}),"-property of KolTextarea. The textarea automatically grows with its content."]})}),t.jsx(co,{className:"w-full",children:t.jsx(Wn,{_adjustHeight:!0,_value:tD,_label:"Text input (auto grow)"})})]}),y1=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Wn,{...r,_msg:{_type:"error",_description:Nn},_label:"Text",_touched:!0}),t.jsx(Wn,{...r,ref:l,_accessKey:"T",_label:"Text (3 rows)",_rows:3}),t.jsx(Wn,{...r,ref:l,_label:"Text (placeholder)",_rows:3,_placeholder:"Placeholder"}),t.jsx(Wn,{...r,ref:l,_label:"Text (disabled & placeholder)",_rows:3,_placeholder:"Placeholder",_disabled:!0}),t.jsx(Wn,{...r,ref:l,_label:"Text (readonly)",_rows:3,_placeholder:"Placeholder",_readOnly:!0}),t.jsx(Wn,{...r,ref:l,_label:"Text (disabled & value)",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_disabled:!0}),t.jsx(Wn,{...r,ref:l,_label:"With access key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_accessKey:"c"}),t.jsx(Wn,{...r,ref:l,_label:"With short key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_shortKey:"s"})]})}),lD=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text"}),t.jsx(y1,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text (hideLabel)"}),t.jsx(y1,{ref:l,...r,_hideLabel:!0})]})]})}),iD=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolTextarea renders a text field. The sample shows KolTextarea in a form context with different variations and states."})}),t.jsx(oo,{RefComponent:lD})]}),cD=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample demonstrates the ",t.jsx("code",{children:"_hasCounter"}),"-property of KolTextarea. It shows how many characters have been entered."]})}),t.jsxs("section",{className:"w-full",children:[t.jsx(Wn,{_label:"Textara with counter",_hasCounter:!0}),t.jsx(Wn,{_label:"Textara with counter and initial value",_hasCounter:!0,_value:"Lorem Ipsum",className:"mt"}),t.jsx(Wn,{_label:"Textara with counter and max length",_hasCounter:!0,_maxLength:20,_value:"Lorem Ipsum",className:"mt"})]})]}),sD=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample demonstrates the ",t.jsx("code",{children:"_resize"}),"-property of KolTextarea. The sample textarea can (only) be resized in the given direction."]})}),t.jsxs(co,{className:"w-full grid gap-4",children:[t.jsx(Wn,{_resize:"both",_label:"Text input (both)"}),t.jsx(Wn,{_resize:"vertical",_label:"Text input (vertical)",className:"mt"}),t.jsx(Wn,{_resize:"horizontal",_label:"Text input (horizontal)",className:"mt"}),t.jsx(Wn,{_resize:"none",_label:"Text input (none)",className:"mt"})]})]}),dD=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample demonstrates the ",t.jsx("code",{children:"_rows"}),"-property of KolTextarea. The sample textarea has a fixed row number of 10."]})}),t.jsx(co,{className:"w-full",children:t.jsx(Wn,{_rows:10,_label:"Texteingabe"})})]}),uD={textarea:{basic:iD,"adjust-height":aD,resize:sD,rows:dD,"with-counter":cD}},hD=()=>{const[n]=sl(),r=n.get("type"),l=n.get("variant"),c=vt.getInstance(document),s=()=>{c.enqueue({description:"Toasty",label:"Initial Toast",type:"warning",onClose:()=>{console.log("Simple toast has been closed.")}})},u=()=>{c.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:"warning",variant:"msg"})};w.useEffect(()=>{r&&l?c.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:r,variant:l}):r?c.enqueue({description:"Toasty",label:"Initial Toast",type:r}):l&&c.enqueue({description:"Toasty",label:"Initial Toast",type:"default",variant:l})},[r,l]);const b=()=>{c.enqueue({render:(f,{close:m})=>{We(f).render(t.jsx(t.Fragment,{children:t.jsx(U,{_label:"Hello World from Toast!",_on:{onClick:()=>{console.log("Toast Button clicked!"),m()}}})}))},label:"Initial Toast",type:"warning"})},g=async()=>{const f=await c.enqueue({description:"I will disappear in two seconds...",label:"Good Bye",type:"warning"});f&&setTimeout(f,2e3)},p=()=>{c.closeAll()};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample demonstrates the toast service with all its options."})}),t.jsxs("section",{className:"grid gap-4",children:[t.jsxs("section",{className:"flex gap-2",children:[t.jsx(U,{_label:"Show simple toast",_on:{onClick:s}}),t.jsx(U,{_label:"Show toast with alert variant 'msg'",_on:{onClick:u}}),t.jsx(U,{_label:"Show complex toast",_on:{onClick:b}})]}),t.jsx("section",{className:"flex gap-2",children:t.jsx(U,{_label:"Show toast and close after 2 seconds",_on:{onClick:()=>void g()}})}),t.jsx("section",{className:"flex gap-2",children:t.jsx(U,{_label:"Close all toasts",_on:{onClick:p}})})]})]})},bD={toast:{basic:hD}},pD=()=>{const n=w.useContext(mt);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"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."})}),!n&&t.jsx(Vn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsx(T1,{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"}]})]})},gD=()=>{const n=w.useContext(mt);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolToolbars with some of the elements disabled."})}),!n&&t.jsx(Vn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsx(T1,{_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"}]})]})},fD={toolbar:{basic:pD,disabled:gD}},vD=()=>{const n=["🐶","🐱","🐭","🐹","🐰","🦊","🐻","🐼","🐨","🐯","🦁","🐮","🐷","🐽","🐸","🐵"];return n[Math.floor(Math.random()*n.length)]},mD=()=>{const n=w.useContext(mt),{subPage:r}=t2(),[l,c]=w.useState("1 Home"),[s,u]=w.useState(!1),[b,g]=w.useState(!1),[p,f]=w.useState(!0),m=()=>{c(`1 Home ${vD()}`)},y=_=>({_href:`#/tree/basic/${_}${n?"?hideMenus":""}`,_active:_===r});return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolTree renders a keyboard accessible nested navigation. Branches of the tree can be collapsed or expanded."})}),!n&&t.jsx(Vn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsxs(A1,{_label:"Sitemap",class:"block w-fit",children:[t.jsx(Ne,{_label:l,...y("home")}),t.jsxs(Ne,{_label:"2 About (open initially)",...y("about"),_open:!0,children:[t.jsx(Ne,{_label:"2.0 Legal",...y("legal")}),t.jsxs(Ne,{_label:"2.1 Team",...y("team"),children:[t.jsx(Ne,{_label:"2.1.1. Values",...y("values")}),t.jsxs(Ne,{_label:"2.1.2. Members",...y("members"),children:[t.jsx(Ne,{_label:"2.1.2.1 Humans",...y("humans")}),s&&t.jsx(Ne,{_label:"2.1.2.2 Pets",...y("pets")})]}),t.jsx(Ne,{_label:"2.1.3 Locations",...y("locations"),children:b&&t.jsxs(Ne,{_label:"2.1.3.1 Europe",...y("europe"),children:[t.jsx(Ne,{_label:"2.1.3.1.1 Denmark",...y("denmark")}),t.jsx(Ne,{_label:"2.1.3.1.2 Netherlands",...y("netherlands")})]})})]})]}),p&&t.jsxs(Ne,{_label:"3. Products",...y("products"),children:[t.jsxs(Ne,{_label:"3.1 Home",...y("home-products"),children:[t.jsx(Ne,{_label:"3.1.1 Refrigerators",...y("fridges")}),t.jsx(Ne,{_label:"3.1.2 Coffee makers",...y("coffee-makers")})]}),t.jsx(Ne,{_label:"3.1 Office",...y("office-products"),children:t.jsx(Ne,{_label:"3.2.1 Printers",...y("printers")})})]})]}),t.jsxs("p",{children:["Current tree item: ",r??"none"]}),t.jsxs("div",{className:"flex flex-wrap gap-2",children:[t.jsx(U,{_label:"Change label for '1 Home'",_on:{onClick:m}}),t.jsx(U,{_label:"Toggle '2.1.2.2 Pets'",_on:{onClick:()=>u(!s)}}),t.jsx(U,{_label:"Toggle '2.2.1 Europe' (two levels at once)",_on:{onClick:()=>g(!b)}}),t.jsx(U,{_label:"Toggle '3. Products'",_on:{onClick:()=>f(!p)}})]})]})},kD={tree:{"basic/:subPage":mD}},yD=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolVersion renders a label showing the given version number."})}),t.jsx(Ms,{_label:"1.1.1"})]}),wD=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolVersion inline with text paragraph content."})}),t.jsxs("p",{children:[t.jsx(Ms,{_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."]})]}),_D={version:{basic:yD,context:wD}},rp={..._5,...wE,...zE,...AE,...OE,...NE,...RE,...DE,...UE,...JE,...e5,...t5,...l5,...u5,...p5,...T5,...E5,...L5,...N5,...D5,...K5,...G5,...X5,...J5,...o8,...l8,...u8,...p8,...s$,...u$,...p$,...k$,...T$,...E$,...N$,...R$,...D$,...I$,...U$,...f1,...f1,...tB,...lB,...dB,...bB,...YB,...rD,...uD,...bD,...fD,...kD,..._D,...WR};qw(localStorage);const G_=(n,r="/")=>{let l=[];for(const c in n)if(n[c]){const s=n[c],u=`${r}${c}`;typeof s=="function"?l.push(u):typeof s=="object"&&s!==null&&(l=l.concat(G_(s,`${u}/`)))}return l},Z_=n=>{const r=[];for(const l in n)if(n[l]){const c=n[l],s=`/${l}`;if(typeof c=="function")r.push(t.jsx(Pt,{path:s,element:t.jsx(c,{})},s)),r.push(t.jsx(Pt,{path:`${s}/all`,element:t.jsx("div",{className:"d-grid gap-4",children:Kb.filter(u=>Kw.indexOf(u.value)>=0).map(u=>t.jsxs("div",{className:"d-grid gap-2",children:[t.jsx("div",{className:"mt-4",children:t.jsx("strong",{children:u.label})}),t.jsx("div",{className:"my-2",children:t.jsx(c,{})}),t.jsx("hr",{"aria-hidden":"true"})]},u.value))})},`${s}/all`));else if(typeof c=="object"&&c!==null){const u=Object.keys(c);u.length>0&&r.push(t.jsx(Pt,{path:`${s}/*`,element:t.jsxs(U1,{children:[t.jsx(Pt,{path:"/",element:t.jsx(H1,{to:u[0]})}),Z_(c)]})},s))}}return r},Ds=G_(rp),xD=Z_(rp);console.log("ROUTE_LIST",Ds);const w1=new Map;Ds.forEach(n=>{const r=n.split("/");w1.has(r[1])||w1.set(r[1],{label:r[1],value:n})});const zD=()=>{const n=Co(),[r,l]=sl(),c=r.get("theme")??Ns(),s=r.has("hideMenus");v5(c),vE(),document.title=`KoliBri-Handout - ${sb(Ns())} | v${ib.version}`,document.body.setAttribute("class",c),document.body.dataset.theme=c;const u=b=>{l({theme:b}),window.location.reload()};return t.jsx(mt.Provider,{value:s,children:t.jsxs("div",{className:s?"":"app-container","data-theme":c,children:[!s&&t.jsx(fE,{version:ib.version,theme:c,sample:n.pathname,routes:rp,routeList:Ds,buildDate:"2025-09-15T05:22:39.038Z",commitHash:"92a8222a6",onThemeChange:u}),t.jsxs("main",{className:"flex flex-col items-stretch p-4",id:"route-container",children:[!s&&uE(c)&&t.jsx(Vn,{className:"block mb-3",_label:"DRAFT",_color:"#db5461"}),t.jsxs(U1,{children:[xD,t.jsx(Pt,{path:"*",element:t.jsx(H1,{to:Ds[0],replace:!0})}),t.jsx(Pt,{path:"back-page",element:t.jsx(sE,{})})]})]})]})})},jD=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableI18nOverwriting"),SD=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableThemePatching"),kb=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableTagNameTransformer"),yb=n=>`${n}-sample`;kb&&fz(yb);const TD=async()=>[MT,AA,v3,iE,GS];(async()=>{try{await b4(await TD(),()=>{vj(window,{transformTagName:kb?yb:void 0})},{theme:{detect:"auto"},translation:{name:"en"},translations:jD?new Set([r=>r("en",{"kol-error":"Tiny error!"}),r=>r("de",{"kol-error":"Kleiner Fehler!"})]):void 0,transformTagName:kb?yb:void 0,environment:"production"}),SD&&oa.patchTheme("default",{"KOL-BUTTON":`
+sit amet.`,aD=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample demonstrates the ",t.jsx("code",{children:"_adjustHeight"}),"-property of KolTextarea. The textarea automatically grows with its content."]})}),t.jsx(co,{className:"w-full",children:t.jsx(Wn,{_adjustHeight:!0,_value:tD,_label:"Text input (auto grow)"})})]}),y1=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid gap-4",children:[t.jsx(Wn,{...r,_msg:{_type:"error",_description:Nn},_label:"Text",_touched:!0}),t.jsx(Wn,{...r,ref:l,_accessKey:"T",_label:"Text (3 rows)",_rows:3}),t.jsx(Wn,{...r,ref:l,_label:"Text (placeholder)",_rows:3,_placeholder:"Placeholder"}),t.jsx(Wn,{...r,ref:l,_label:"Text (disabled & placeholder)",_rows:3,_placeholder:"Placeholder",_disabled:!0}),t.jsx(Wn,{...r,ref:l,_label:"Text (readonly)",_rows:3,_placeholder:"Placeholder",_readOnly:!0}),t.jsx(Wn,{...r,ref:l,_label:"Text (disabled & value)",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_disabled:!0}),t.jsx(Wn,{...r,ref:l,_label:"With access key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_accessKey:"c"}),t.jsx(Wn,{...r,ref:l,_label:"With short key",_rows:3,_placeholder:"Placeholder",_value:"Lorem ipsum",_shortKey:"s"})]})}),lD=w.forwardRef(function(r,l){return t.jsxs("div",{className:"grid md:grid-cols-2 gap-4",children:[t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text"}),t.jsx(y1,{...r})]}),t.jsxs("fieldset",{children:[t.jsx("legend",{children:"Text (hideLabel)"}),t.jsx(y1,{ref:l,...r,_hideLabel:!0})]})]})}),iD=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolTextarea renders a text field. The sample shows KolTextarea in a form context with different variations and states."})}),t.jsx(oo,{RefComponent:lD})]}),cD=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample demonstrates the ",t.jsx("code",{children:"_hasCounter"}),"-property of KolTextarea. It shows how many characters have been entered."]})}),t.jsxs("section",{className:"w-full",children:[t.jsx(Wn,{_label:"Textara with counter",_hasCounter:!0}),t.jsx(Wn,{_label:"Textara with counter and initial value",_hasCounter:!0,_value:"Lorem Ipsum",className:"mt"}),t.jsx(Wn,{_label:"Textara with counter and max length",_hasCounter:!0,_maxLength:20,_value:"Lorem Ipsum",className:"mt"})]})]}),sD=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample demonstrates the ",t.jsx("code",{children:"_resize"}),"-property of KolTextarea. The sample textarea can (only) be resized in the given direction."]})}),t.jsxs(co,{className:"w-full grid gap-4",children:[t.jsx(Wn,{_resize:"both",_label:"Text input (both)"}),t.jsx(Wn,{_resize:"vertical",_label:"Text input (vertical)",className:"mt"}),t.jsx(Wn,{_resize:"horizontal",_label:"Text input (horizontal)",className:"mt"}),t.jsx(Wn,{_resize:"none",_label:"Text input (none)",className:"mt"})]})]}),dD=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{children:["This sample demonstrates the ",t.jsx("code",{children:"_rows"}),"-property of KolTextarea. The sample textarea has a fixed row number of 10."]})}),t.jsx(co,{className:"w-full",children:t.jsx(Wn,{_rows:10,_label:"Texteingabe"})})]}),uD={textarea:{basic:iD,"adjust-height":aD,resize:sD,rows:dD,"with-counter":cD}},hD=()=>{const[n]=sl(),r=n.get("type"),l=n.get("variant"),c=vt.getInstance(document),s=()=>{c.enqueue({description:"Toasty",label:"Initial Toast",type:"warning",onClose:()=>{console.log("Simple toast has been closed.")}})},u=()=>{c.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:"warning",variant:"msg"})};w.useEffect(()=>{r&&l?c.enqueue({description:"Toasty",label:"Toast with variant 'msg'",type:r,variant:l}):r?c.enqueue({description:"Toasty",label:"Initial Toast",type:r}):l&&c.enqueue({description:"Toasty",label:"Initial Toast",type:"default",variant:l})},[r,l]);const b=()=>{c.enqueue({render:(f,{close:m})=>{We(f).render(t.jsx(t.Fragment,{children:t.jsx(U,{_label:"Hello World from Toast!",_on:{onClick:()=>{console.log("Toast Button clicked!"),m()}}})}))},label:"Initial Toast",type:"warning"})},g=async()=>{const f=await c.enqueue({description:"I will disappear in two seconds...",label:"Good Bye",type:"warning"});f&&setTimeout(f,2e3)},p=()=>{c.closeAll()};return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample demonstrates the toast service with all its options."})}),t.jsxs("section",{className:"grid gap-4",children:[t.jsxs("section",{className:"flex gap-2",children:[t.jsx(U,{_label:"Show simple toast",_on:{onClick:s}}),t.jsx(U,{_label:"Show toast with alert variant 'msg'",_on:{onClick:u}}),t.jsx(U,{_label:"Show complex toast",_on:{onClick:b}})]}),t.jsx("section",{className:"flex gap-2",children:t.jsx(U,{_label:"Show toast and close after 2 seconds",_on:{onClick:()=>void g()}})}),t.jsx("section",{className:"flex gap-2",children:t.jsx(U,{_label:"Close all toasts",_on:{onClick:p}})})]})]})},bD={toast:{basic:hD}},pD=()=>{const n=w.useContext(mt);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"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."})}),!n&&t.jsx(Vn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsx(T1,{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"}]})]})},gD=()=>{const n=w.useContext(mt);return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolToolbars with some of the elements disabled."})}),!n&&t.jsx(Vn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsx(T1,{_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"}]})]})},fD={toolbar:{basic:pD,disabled:gD}},vD=()=>{const n=["🐶","🐱","🐭","🐹","🐰","🦊","🐻","🐼","🐨","🐯","🦁","🐮","🐷","🐽","🐸","🐵"];return n[Math.floor(Math.random()*n.length)]},mD=()=>{const n=w.useContext(mt),{subPage:r}=t2(),[l,c]=w.useState("1 Home"),[s,u]=w.useState(!1),[b,g]=w.useState(!1),[p,f]=w.useState(!0),m=()=>{c(`1 Home ${vD()}`)},y=_=>({_href:`#/tree/basic/${_}${n?"?hideMenus":""}`,_active:_===r});return t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolTree renders a keyboard accessible nested navigation. Branches of the tree can be collapsed or expanded."})}),!n&&t.jsx(Vn,{className:"block mb-3",_label:"Component is a DRAFT - Don't use in production yet.",_color:"#db5461"}),t.jsxs(A1,{_label:"Sitemap",class:"block w-fit",children:[t.jsx(Ne,{_label:l,...y("home")}),t.jsxs(Ne,{_label:"2 About (open initially)",...y("about"),_open:!0,children:[t.jsx(Ne,{_label:"2.0 Legal",...y("legal")}),t.jsxs(Ne,{_label:"2.1 Team",...y("team"),children:[t.jsx(Ne,{_label:"2.1.1. Values",...y("values")}),t.jsxs(Ne,{_label:"2.1.2. Members",...y("members"),children:[t.jsx(Ne,{_label:"2.1.2.1 Humans",...y("humans")}),s&&t.jsx(Ne,{_label:"2.1.2.2 Pets",...y("pets")})]}),t.jsx(Ne,{_label:"2.1.3 Locations",...y("locations"),children:b&&t.jsxs(Ne,{_label:"2.1.3.1 Europe",...y("europe"),children:[t.jsx(Ne,{_label:"2.1.3.1.1 Denmark",...y("denmark")}),t.jsx(Ne,{_label:"2.1.3.1.2 Netherlands",...y("netherlands")})]})})]})]}),p&&t.jsxs(Ne,{_label:"3. Products",...y("products"),children:[t.jsxs(Ne,{_label:"3.1 Home",...y("home-products"),children:[t.jsx(Ne,{_label:"3.1.1 Refrigerators",...y("fridges")}),t.jsx(Ne,{_label:"3.1.2 Coffee makers",...y("coffee-makers")})]}),t.jsx(Ne,{_label:"3.1 Office",...y("office-products"),children:t.jsx(Ne,{_label:"3.2.1 Printers",...y("printers")})})]})]}),t.jsxs("p",{children:["Current tree item: ",r??"none"]}),t.jsxs("div",{className:"flex flex-wrap gap-2",children:[t.jsx(U,{_label:"Change label for '1 Home'",_on:{onClick:m}}),t.jsx(U,{_label:"Toggle '2.1.2.2 Pets'",_on:{onClick:()=>u(!s)}}),t.jsx(U,{_label:"Toggle '2.2.1 Europe' (two levels at once)",_on:{onClick:()=>g(!b)}}),t.jsx(U,{_label:"Toggle '3. Products'",_on:{onClick:()=>f(!p)}})]})]})},kD={tree:{"basic/:subPage":mD}},yD=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"KolVersion renders a label showing the given version number."})}),t.jsx(Ms,{_label:"1.1.1"})]}),wD=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsx("p",{children:"This sample shows KolVersion inline with text paragraph content."})}),t.jsxs("p",{children:[t.jsx(Ms,{_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."]})]}),_D={version:{basic:yD,context:wD}},rp={..._5,...wE,...zE,...AE,...OE,...NE,...RE,...DE,...UE,...JE,...e5,...t5,...l5,...u5,...p5,...T5,...E5,...L5,...N5,...D5,...K5,...G5,...X5,...J5,...o8,...l8,...u8,...p8,...s$,...u$,...p$,...k$,...T$,...E$,...N$,...R$,...D$,...I$,...U$,...f1,...f1,...tB,...lB,...dB,...bB,...YB,...rD,...uD,...bD,...fD,...kD,..._D,...WR};qw(localStorage);const G_=(n,r="/")=>{let l=[];for(const c in n)if(n[c]){const s=n[c],u=`${r}${c}`;typeof s=="function"?l.push(u):typeof s=="object"&&s!==null&&(l=l.concat(G_(s,`${u}/`)))}return l},Z_=n=>{const r=[];for(const l in n)if(n[l]){const c=n[l],s=`/${l}`;if(typeof c=="function")r.push(t.jsx(Pt,{path:s,element:t.jsx(c,{})},s)),r.push(t.jsx(Pt,{path:`${s}/all`,element:t.jsx("div",{className:"d-grid gap-4",children:Kb.filter(u=>Kw.indexOf(u.value)>=0).map(u=>t.jsxs("div",{className:"d-grid gap-2",children:[t.jsx("div",{className:"mt-4",children:t.jsx("strong",{children:u.label})}),t.jsx("div",{className:"my-2",children:t.jsx(c,{})}),t.jsx("hr",{"aria-hidden":"true"})]},u.value))})},`${s}/all`));else if(typeof c=="object"&&c!==null){const u=Object.keys(c);u.length>0&&r.push(t.jsx(Pt,{path:`${s}/*`,element:t.jsxs(U1,{children:[t.jsx(Pt,{path:"/",element:t.jsx(H1,{to:u[0]})}),Z_(c)]})},s))}}return r},Ds=G_(rp),xD=Z_(rp);console.log("ROUTE_LIST",Ds);const w1=new Map;Ds.forEach(n=>{const r=n.split("/");w1.has(r[1])||w1.set(r[1],{label:r[1],value:n})});const zD=()=>{const n=Co(),[r,l]=sl(),c=r.get("theme")??Ns(),s=r.has("hideMenus");v5(c),vE(),document.title=`KoliBri-Handout - ${sb(Ns())} | v${ib.version}`,document.body.setAttribute("class",c),document.body.dataset.theme=c;const u=b=>{l({theme:b}),window.location.reload()};return t.jsx(mt.Provider,{value:s,children:t.jsxs("div",{className:s?"":"app-container","data-theme":c,children:[!s&&t.jsx(fE,{version:ib.version,theme:c,sample:n.pathname,routes:rp,routeList:Ds,buildDate:"2025-09-16T12:11:33.042Z",commitHash:"b54aa88ee",onThemeChange:u}),t.jsxs("main",{className:"flex flex-col items-stretch p-4",id:"route-container",children:[!s&&uE(c)&&t.jsx(Vn,{className:"block mb-3",_label:"DRAFT",_color:"#db5461"}),t.jsxs(U1,{children:[xD,t.jsx(Pt,{path:"*",element:t.jsx(H1,{to:Ds[0],replace:!0})}),t.jsx(Pt,{path:"back-page",element:t.jsx(sE,{})})]})]})]})})},jD=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableI18nOverwriting"),SD=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableThemePatching"),kb=new URL("https://x"+location.hash.substring(1)).searchParams.has("enableTagNameTransformer"),yb=n=>`${n}-sample`;kb&&fz(yb);const TD=async()=>[MT,AA,v3,iE,GS];(async()=>{try{await b4(await TD(),()=>{vj(window,{transformTagName:kb?yb:void 0})},{theme:{detect:"auto"},translation:{name:"en"},translations:jD?new Set([r=>r("en",{"kol-error":"Tiny error!"}),r=>r("de",{"kol-error":"Kleiner Fehler!"})]):void 0,transformTagName:kb?yb:void 0,environment:"production"}),SD&&oa.patchTheme("default",{"KOL-BUTTON":`
 						button {
 							border: 1px solid red;
 						}`,"KOL-SPIN":`
@@ -23251,4 +23251,4 @@ sit amet.`,aD=()=>t.jsxs(t.Fragment,{children:[t.jsx(H,{children:t.jsxs("p",{chi
 						.bg-spin-3 {
 							background-color: gold;
 						}`},{append:!0})}catch(r){console.warn("Theme registration failed:",r)}const n=document.querySelector("div#app");n instanceof HTMLDivElement&&E1.createRoot(n).render(t.jsx(w.StrictMode,{children:t.jsx(U2,{children:t.jsx(zD,{})})}))})();export{z6 as $,ND as A,UD as B,uw as C,dw as D,Tm as E,eM as F,$6 as G,I4 as H,Nr as I,fn as J,_h as K,Te as L,Ge as M,Bn as N,WD as O,Cb as P,x6 as Q,ED as R,LD as S,km as T,Em as U,A6 as V,BD as W,FD as X,MD as Y,QD as Z,h4 as _,Rm as a,ID as a0,Ym as a1,oa as a2,$D as a3,YD as a4,XD as a5,Sk as a6,Lm as a7,xk as a8,Nk as a9,X6 as aa,wk as ab,Rk as ac,r4 as ad,Fm as ae,Uk as af,Kk as ag,Mm as ah,VD as ai,o4 as aj,qD as ak,AD as al,Hk as am,Ik as an,_6 as ao,OD as ap,To as aq,Xh as ar,t4 as as,a4 as at,J6 as au,Dm as b,Vm as c,Ek as d,Wm as e,RD as f,fk as g,yw as h,ZD as i,DD as j,Hm as k,Qm as l,nM as m,vk as n,yh as o,e4 as p,KD as q,JD as r,Yh as s,HD as t,ek as u,PD as v,Nb as w,uk as x,GD as y,Om as z};
-//# sourceMappingURL=index-CFY3u7Pg.js.map
+//# sourceMappingURL=index-Dcivz78S.js.map